.nav-item>a{color:#333;}
.logo-img{width:100px; height:100px;}
.carousel-img{
	width: 100%;
    vertical-align: middle;
    text-shadow: none;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 38%;
    display: block;
    height: 0;
	height:535px;
}
.carousel-img-vision{
	width: 100%;
    vertical-align: middle;
    text-shadow: none;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 0;
	height:435px;
}

.carousel-caption{text-align:left;left:50px;}
.y-box{padding-top: 15px;width:30%;border-top:10px solid #fecc00;opacity:0.6;    z-index: -1;}
.y-box>h3{color:#fff;background:#fecc00; text-align:center;padding:10px;}
.jumbotron{text-align:center;}

.jumbotron h1,.jumbotron h4{
	font-family: 'Open Sans Condensed', sans-serif;
}


/**
 * Change animation duration
 */
.animated {
  -webkit-animation-duration:1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInLeft{
  from {
    opacity: 0;
    -webkit-transform: translate3d(-200px,100px, 0);
    transform: translate3d(-200px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
}
.row-eq-height{padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flex-box;
    display: -webkit-flex;
    display: flex;
    display: flexbox;
	}
.bg{background-color:#e9ecef;}
.fa-spin-hover:hover {
   -webkit-animation: spin 2s;
   -moz-animation: spin 2s;
   -o-animation: spin 2s;
   animation: spin 2s;
   cursor:pointer;
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.brandLogo{
    opacity: 1.0;
    padding: 10px;
	    border-radius: 50px;
	    box-shadow: 3px 3px 3px 3px #e9ecef;
}
.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 2px solid #2f2f2f !important;
    border-radius: 0;
    padding: 1em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    width: 200px;
	color:#000;
	font-weight:bold;
}
a{text-decoration:none!important;}
.button:hover{
	color:#fff;
	background:#000;
}
.lr{margin-top:5%;margin-left:5%;margin-right:5%;}
.carousel-control-prev-icon{color:#000;}
.row-eq-height{
	    display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: -webkit-flex!important;
    -webkit-flex-wrap: wrap!important;
    display: flex!important;
    flex-wrap: wrap!important;
}
.fa{cursor:pointer;}
a{color:#000;}
a:hover{color:#000;}



.object {
    -webkit-animation:  MoveUpDown 10s linear infinite;
    -moz-animation:     MoveUpDown 10s linear infinite;
    -o-animation:       MoveUpDown 10s linear infinite;
    -ms-transition:     MoveUpDown 10s linear infinite;
    animation:          MoveUpDown 10s linear infinite;
}

@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 20px;
  }
}
@-webkit-keyframes bounce {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 20px;
  }
}
@-moz-keyframes bounce {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 20px;
  }
}
@-o-keyframes bounce {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 20px;
  }
}
@-ms-keyframes bounce {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 20px;
  }
}

.object1 {
    -webkit-animation:  md 10s linear infinite;
    -moz-animation:     md 10s linear infinite;
    -o-animation:       md 10s linear infinite;
    -ms-transition:     md 10s linear infinite;
    animation:          md 10s linear infinite;
}

@keyframes md {
  0%, 100% {
    top:0;
  }
  50% {
    top: 20px;
  }
}
@-webkit-keyframes bounce {
  0%, 100% {
    top:0;
  }
  50% {
    top: 20px;
  }
}
@-moz-keyframes bounce {
  0%, 100% {
    top:0;
  }
  50% {
    top: 20px;
  }
}
@-o-keyframes bounce {
  0%, 100% {
    top:0;
  }
  50% {
    top: 20px;
  }
}
@-ms-keyframes bounce {
  0%, 100% {
    top:0;
  }
  50% {
    top: 20px;
  }
}

.hgt-100{height:100%;}
.paddrgtlft{padding-right: 0px; padding-left: 0px;}

.nav-item:hover,.nav-item:focus,.nav-item:active {
    color: #000;
    text-decoration: none;
}
.nav-item {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-decoration: none;
    transition: color 0.1s, background-color 0.1s;
}
.nav-item{
    position: relative;
    display: block;
    padding: 16px 0;
    margin: 0 12px;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 900;
    text-transform: uppercase;
    transition: color 0.1s,background-color 0.1s,padding 0.2s ease-in;
    color: #fecc00;
}
.nav-item::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 3px;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #fecc00;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: color 0.1s,transform 0.2s ease-out;
}
.nav-item:active::before {
    background-color: #000;
}
.nav-item:hover::before, .nav-item:focus::before {
    transform-origin: left top;
    transform: scale(1, 1);
}

.blog-padd{padding-left:10em;padding-right:5em;}
a.blg h5:hover, a.blg h5:active,a.blg h5:active{
  color:#fecc00;
}
/* @media (min-width: 480px) {
    #background { height: 200px; }
	.hgt{height:300px;}
}

@media (min-width: 768px) {
    #background { height: 150px; }\
	.hgt{height:250px;}

@media (min-width: 992px) {
    #background { height: 100px; }
	.hgt{height:200px;}
} */

@media (max-width: 1199px) {
/* .hgt{height:200px;} */

}

@media (min-width: 1990px) {
.jumbotron p{padding-left: 20%;padding-right: 20%;}
}

@media (max-width: 1599px) {
	.y-box{width:50%;}
}

@media (min-width: 768px) and (max-width: 1199px) {
.button{width:120px;}
}
@media (max-width:990px) {
	.carousel-caption{text-align:center;}
	.y-box{width:100%;}
	.jumbotron p{padding-left:0;padding-right: 0;}
	  .navbar-nav{text-align:center!important;}
	  
}

@media (max-width: 767px) {
.logo-img{width:70px; height:70px;}
.y-box{border-top:0px solid #fecc00;}
.button{width:200px;}
}
@media (min-width: 576px){
.jumbotron {
    padding:1rem 2rem;
}
}
@media (max-width: 480px) {
.carousel-img{height:435px;}
.y-box>h3{font-size:4vw;}
}