/*@font-face{font-family:'Ubuntu';src:url('../fonts/Ubuntu.woff2') format('woff2'),
url('../fonts/Ubuntu.woff') format('woff');font-weight:normal;font-style:normal;}*/

.fade-carousel{position:relative;height:/*600px*/500px;/*font-family: 'Ubuntu', sans-serif;*/}
.fade-carousel .carousel-inner .item{height:/*600px*/500px;/*font-family: 'Ubuntu', sans-serif;*/}

.fade-carousel1{position:relative;height:350px;}
.fade-carousel1 .carousel-inner1 .item{height:350px;}

.fade-carousel .carousel-indicators > li{margin:0 2px;background-color: #b42929;border-color: #af2727;opacity:.7;}
.fade-carousel .carousel-indicators > li.active{width:15px;height:15px;opacity:1;}
.hero{position:absolute;top: 40%;left: 32%;z-index:3;color:#fff;text-align:left;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width: 50%;}
.hero h2{color: #fff; font-size:30px; margin-bottom:10px; font-weight:/*normal*/ 600;}
.hero p{color: #fff;font-size: 18px;}
.hero1{position:absolute;top: 50%;left: 28%;z-index:3;color:#fff;text-align:center;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0); width: 50%}


.fade-carousel .carousel-inner .item .hero{opacity:0;-webkit-transition:2s all ease-in-out .1s;-moz-transition:2s all ease-in-out .1s;-ms-transition:2s all ease-in-out .1s;-o-transition:2s all ease-in-out .1s;transition:2s all ease-in-out .1s;}
.fade-carousel .carousel-inner .item.active .hero{opacity:1;-webkit-transition:2s all ease-in-out .1s;-moz-transition:2s all ease-in-out .1s;-ms-transition:2s all ease-in-out .1s;-o-transition:2s all ease-in-out .1s;transition:2s all ease-in-out .1s;}
.overlay{position:absolute;width:100%;height:100%;z-index:2;/*background-color:rgba(0, 0, 0, 0.25);*/}
.btn.btn-lg{padding:10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus{color:#f5f5f5;background-color:#1abc9c;border-color:#1abc9c;outline:none;margin:20px auto;}
.fade-carousel .slides .slide-1{height:/*600px*/500px;background-size:cover;background-position:center center;background-repeat:no-repeat; background-image: url("../img/banner.jpg")}

/*@media (max-width:768px) {
.fade-carousel .slides .slide-1 {background-position-x: -376px;}    
}*/

@media (max-width:1280px) { 
.fade-carousel {
	position: relative;
	height: 400px;
	/* font-family: 'Ubuntu', sans-serif; */
}

.fade-carousel .carousel-inner .item {
  height: 400px;
  font-family: 'Ubuntu', sans-serif;
}

.fade-carousel .slides .slide-1 {
	height: 400px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../img/banner.jpg");
}
}

@media (max-width:1024px){
.fade-carousel{position:relative;height:370px;}
.fade-carousel .carousel-inner .item{height:370px;}	
.fade-carousel .slides .slide-1{height:370px;}	
}
@media (max-width:960px){
.fade-carousel{position:relative;height:349px;}
.fade-carousel .carousel-inner .item{height:349px;}	
.fade-carousel .slides .slide-1{height:349px;}	
}
@media (max-width:768px){
.fade-carousel{position:relative;height:270px;}
.fade-carousel .carousel-inner .item{height:270px;}	
.fade-carousel .slides .slide-1{height:270px;}	
}
@media (max-width:414px){
.fade-carousel{position:relative;height:/*150px*/ 180px;}
.fade-carousel .carousel-inner .item{height:/*150px*/ 180px;}	
.fade-carousel .slides .slide-1{height:/*150px*/ 180px; background-image: url("../img/banner414.jpg")}	
}
@media (max-width:384px){
.fade-carousel{position:relative;height:/*140px;*/ 170px;}
.fade-carousel .carousel-inner .item{height:/*140px;*/ 170px;}	
.fade-carousel .slides .slide-1{height:/*140px;*/ 170px;}	
}
@media (max-width:375px){
.fade-carousel{position:relative;height:/*135px;*/ 165px;}
.fade-carousel .carousel-inner .item{height:/*135px;*/ 165px;}	
.fade-carousel .slides .slide-1{height:/*135px;*/ 165px;}	
}
@media (max-width:320px){
.fade-carousel{position:relative;height:/*116px;*/ 150px;}
.fade-carousel .carousel-inner .item{height:/*116px;*/ 150px;}	
.fade-carousel .slides .slide-1{height:/*116px;*/ 150px;}	
}