.carousel-control{width:30px;height:30px;top:-35px;}
.left.carousel-control{right:30px;left:inherit;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right{font-size:12px;background-color:#fff;line-height:30px;text-shadow:none;color:#333;border:1px solid #ddd;}
.fade-carousel{position:relative;}
.fade-carousel .carousel-inner .item{}
.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;width:80%;top:54%;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-size:6em;font-weight:bold;margin:0;padding:0;}
.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,
.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,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5,
.fade-carousel .slides .slide-6,
.fade-carousel .slides .slide-7,
.fade-carousel .slides .slide-8,
.fade-carousel .slides .slide-9,
.fade-carousel .slides .slide-10,
.fade-carousel .slides .slide-11,
.fade-carousel .slides .slide-12,
.fade-carousel .slides .slide-13,
.fade-carousel .slides .slide-14,
.fade-carousel .slides .slide-15,
.fade-carousel .slides .slide-16,
.fade-carousel .slides .slide-17,
.fade-carousel .slides .slide-18,
.fade-carousel .slides .slide-19,
.fade-carousel .slides .slide-20,
.fade-carousel .slides .slide-21,
.fade-carousel .slides .slide-22,
.fade-carousel .slides .slide-23,
.fade-carousel .slides .slide-24{height:100vh;background-size:cover;background-position:center center;background-repeat:no-repeat;}
@media screen and (min-width:980px){.hero{width:980px;}
.fade-carousel{height:88vh;}
.fade-carousel .carousel-inner .item{height:88vh;}
}
@media screen and (max-width:640px){.hero h1{font-size:3.3em;}
.fade-carousel{height:100vh;}
.fade-carousel .carousel-inner .item{height:100vh;}
}