.fade-carousel{position:relative;height:60vh;}
.fade-carousel .carousel-inner .item{height:60vh;}
.fade-carousel .carousel-indicators > li{margin:0 2px;background-color:#f39c12;border-color:#f39c12;opacity:.7;}
.fade-carousel .carousel-indicators > li.active{width:10px;height:10px;opacity:1;}
.hero{position:absolute;top:50%;left:50%;z-index:3;color:#fff;text-align:center;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.75);-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);}
.hero h1{font-family:'ubuntubold';font-size:3.2234em;font-weight:bold;margin:0 0 20px;padding:0;color:#ffffff;text-transform:none;}
.hero h1 a, .hero h2 a{color:#fff !important;}
.hero h2{font-size:3.2234em;font-weight:bold;margin:0 0 20px;padding:0;color:#ffffff;text-transform:none;}
.hero p{margin:0 0 20px;font-size:1.3em;font-family:'ubunturegular';color:#ffffff;text-align:center;text-transform:none;}
.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:#080d15;opacity:.7;}
.btn.btn-lg{padding:10px 40px;}
.btn.btn-hero{display:inline-block;border-radius:50px;width:260px;height:58px;background-color:#ff774d;font-size:1.52em;font-family:'ubunturegular';color:#fff;text-align:center;padding:14px;text-decoration:none;text-transform:capitalize;}
.btn.btn-hero:hover, .btn.btn-hero:focus{background-color:#fc6e42;color:#fff;}
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5{height:60vh;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.fade-carousel .slides .slide-1{background: linear-gradient(1deg,rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url(../images/home-bg-img.jpg);
    background-repeat: no-repeat !important;
    background-position: center center;}
.fade-carousel .slides .slide-2{background:rgba(252,142,109,1);background:-moz-linear-gradient(-45deg, rgba(252,142,109,1) 0%, rgba(173,51,21,1) 41%, rgba(214,58,23,1) 69%, rgba(191,41,0,1) 100%);background:-webkit-gradient(left top, right bottom, color-stop(0%, rgba(252,142,109,1)), color-stop(41%, rgba(173,51,21,1)), color-stop(69%, rgba(214,58,23,1)), color-stop(100%, rgba(191,41,0,1)));background:-webkit-linear-gradient(-45deg, rgba(252,142,109,1) 0%, rgba(173,51,21,1) 41%, rgba(214,58,23,1) 69%, rgba(191,41,0,1) 100%);background:-o-linear-gradient(-45deg, rgba(252,142,109,1) 0%, rgba(173,51,21,1) 41%, rgba(214,58,23,1) 69%, rgba(191,41,0,1) 100%);background:-ms-linear-gradient(-45deg, rgba(252,142,109,1) 0%, rgba(173,51,21,1) 41%, rgba(214,58,23,1) 69%, rgba(191,41,0,1) 100%);background:linear-gradient(135deg, rgba(252,142,109,1) 0%, rgba(173,51,21,1) 41%, rgba(214,58,23,1) 69%, rgba(191,41,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8e6d', endColorstr='#bf2900', GradientType=1);}
.fade-carousel .slides .slide-3{background:#656060;}
.fade-carousel .slides .slide-4{background:#898b7e;}
.fade-carousel .slides .slide-5{background:#888892;}
#myCarousel .carousel-control{position:absolute;top:50%;width:60px;height:55px;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5;padding:10px 0;background:rgba(0,0,0,0.6);z-index:999;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
#myCarousel .carousel-control.left{left:15px;}
#myCarousel .carousel-control.right{right:15px;}
@media screen and (min-width:980px){.hero{width:980px;}
}
@media screen and (max-width:640px){.hero h1{font-size:4em;}
}
@media screen and (max-width:640px){.hero h1, h2{font-size:24px !important;}
}
@media screen and (max-width:640px){.hero p{font-size:16px !important;}
}