/*Fade content bs-carousel with hero headersCode snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.comImage credits: unsplash.com*//********************************//* Fade Bs-carousel *//********************************/.fade-carousel{position: relative; height: 100vh;}.fade-carousel .carousel-inner .item{height: 100vh;}.fade-carousel .carousel-indicators > li{margin: 0 2px; background-color: #FFC107; border-color: #FFC107; opacity: .5;}.fade-carousel .carousel-indicators > li.active{width: 10px; height: 10px; opacity: 1;}/********************************//* Hero Headers *//********************************/.hero{position: absolute; top: 50%; left: 50%; z-index: 3; color: #fff; text-align: center; /* 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 *//********************************/.overlay{position: absolute; width: 100%; height: 100%; z-index: 2; background-color: #080d15; opacity: .7;}/********************************//* Custom Buttons *//********************************/.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;}/********************************//* Slides backgrounds *//********************************/.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2,.fade-carousel .slides .slide-3{height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat;}.fade-carousel .slides .slide-1{background-image: url(../images/mainbanner01.webp);}.fade-carousel .slides .slide-2{background-image: url(../images/mainbanner02.webp);}.fade-carousel .slides .slide-3{background-image: url(../images/mainbanner03.webp);}/********************************//* Media Queries *//********************************/@media screen and (min-width: 980px){.hero{width: 980px;}}@media screen and (max-width: 980px){.hero h1{font-size: 3em;}}@media screen and (max-width: 640px){.hero h1{font-size: 2em;}}