
.banner-container{overflow:hidden;position:relative;margin:0 auto;width:100%;transition:padding-top .4s}.banner-container{height:0}.banner-container .banner-image{position:relative;height:100%}.banner-container .swiper-wrapper{position:absolute;top:0;left:0;right:0;margin:auto;height:100%;width:100%}.banner-container .banner-image>div:first-of-type{background-size:cover;background-position:bottom center;height:100%}.banner-container video{position:absolute;left:0;right:0;z-index:1;margin:0 auto;height:100%}.banner-media-container{overflow:hidden}.banner-container .banner-controls.banner-pagination{position:absolute;z-index:100;bottom:10px;left:0;right:0;margin-left:auto;margin-right:auto;display:flex;justify-content:flex-end;width:calc(100% - 30px);max-width:1170px}@media screen and (max-width:768px){.banner-container .banner-controls.banner-pagination{display:none}}.banner-container .banner-controls.banner-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#fff;border:2px solid #A0A0A0;opacity:.8;margin-right:18px;transition:all .2s}.banner-container .banner-controls.banner-pagination .swiper-pagination-bullet:hover{opacity:1}.banner-container .banner-controls.banner-pagination .swiper-pagination-bullet:last-of-type{margin-right:0}.banner-container .banner-controls.banner-pagination .swiper-pagination-bullet-active,.banner-container .banner-controls.banner-pagination .swiper-pagination-bullet-active:hover{background:#f59b00;border:2px solid #F59B00;opacity:1}.banner-container .banner-controls.banner-button{position:absolute;z-index:10;top:0;bottom:0;margin-top:auto;margin-bottom:auto;display:block;width:60px;height:60px}.banner-container .banner-controls.banner-button.previous{left:15px}.banner-container .banner-controls.banner-button.next{right:15px}.banner-container .banner-controls.banner-button:before{position:relative;width:60px;height:60px;display:flex;justify-content:center;align-items:center;font-size:40px;background-color:#fff;opacity:0;border:2px solid #E5E5E5;border-radius:50%;filter:drop-shadow(0 0 5px rgba(0,0,0,.5));transition:all .2s}.banner-container .banner-controls.swiper-button-disabled{display:none}.banner-container:hover .banner-controls.banner-button:before{opacity:.15}.banner-container .banner-controls.banner-button:hover:before{opacity:.6}.banner-container .banner-controls.banner-button:active:before{opacity:.8}.banner-container .banner-controls.banner-button.previous:before{content:"\276e";margin-left:-5px}.banner-container .banner-controls.banner-button.next:before{content:"\276f";margin-right:-5px}@media screen and (max-width:991px){.banner-container .banner-media-container .banner-image>div:first-of-type{background-size:cover!important}.banner-container .banner-controls.banner-button.previous{left:0}.banner-container .banner-controls.banner-button.next{right:0}.banner-container .banner-controls.banner-button.previous:hover{background:linear-gradient(to right,rgba(0,0,0,.3),transparent)}.banner-container .banner-controls.banner-button.next:hover{background:linear-gradient(to left,rgba(0,0,0,.3),transparent)}.banner-container .banner-controls.banner-button{width:80px;height:100%;outline:none}.banner-container .banner-controls.banner-button:before{position:relative;width:80px;height:100%;display:flex;justify-content:center;align-items:center;font-size:40px;background-color:transparent;color:#fff;opacity:0;border:none;border-radius:0;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}}
