.banners{overflow:hidden;position:relative;background-position:50% 0;height:100%;}
.banners.banner-slider{background-position:0 0;min-height:1px}
.banners .banner-video{position:absolute;left:-1px;top:0;bottom:0;right:0;z-index:-1;background:url(images/video-cover.jpg) no-repeat;background-size:cover;background-position:50% 50%}
/* .banners .banner-video.has-overlay:before{position:absolute;z-index:-4;top:0;left:0;bottom:0;right:0;content:'';background-color:rgba(0, 0, 0, 0.05);} */
/* .banners .banner-video video{object-fit: cover;width:100vw;height:100vh;position: absolute;top: 0;left: 0;z-index:-10} */
.banners .banner-video video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;max-width:none;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:1s opacity;transition:1s opacity;}

.banner-caption-s1 .center-text,.banner-home .banner-caption-s1 .center-text{max-width:850px;text-align:center;}
.banner-home .banner-caption-s1 .center-text h1{color:#fff;font-weight:600;font-size:60px}
.banner-caption-s1 .center-text h1 span{font-size:20px;}
.banner-caption-s1 .center-text .banner-subtitle,.banner-home .banner-caption-s1 .center-text .banner-subtitle{font-weight:700;color:#fcf7e9;margin-top:30px;letter-spacing:2px;}

.usual,.hovers{transition:all ease-in-out .3s;}
.hovers{opacity:0;visibility: hidden;margin-top:-105px;}
.banner-text:hover .hovers{opacity:1;visibility:visible;}
.banner-text:hover .usual{opacity:0;visibility:hidden;}

@media only screen and (min-width:240px) {
.banners {height:450px;}
.banner-home .banner-caption-s1 .center-text h1{font-size:30px}
}
@media only screen and (min-width:576px) {
.banners {min-height: 450px;}
.banner-home .banner-caption-s1 .center-text h1{font-size:34px}
}
@media only screen and (min-width: 768px) {
.banners {min-height:550px;}
.banner-home .banner-caption-s1 .center-text h1{font-size:44px}
}
@media only screen and (min-width: 1200px) {
.banners {min-height:600px;}
.banner-home .banner-caption-s1 .center-text h1{font-size:50px}
}
@media only screen and (min-width:1440px) {
.banners {min-height:80vh;}
}
@media only screen and (min-width: 1600px) {
.banners {min-height:90vh;}
}

.hellovistor::before,.hellovistor::after{content:'';height:100%;width:50px;position:absolute;top:0;transition:all ease-in-out .3s}
.hellovistor::before{left:0;border:2px solid #b5a983;border-right:0;}
.hellovistor::after{right:0;border:2px solid #b5a983;border-left:0;}
.hellovistor:hover::after,.hellovistor:hover::before{width:10%;}

body .activitio{display:flex;flex-direction:row;align-items:stretch;overflow:hidden;min-width:640px;max-width:900px;width:calc(100% - 100px);height:400px}
@media screen and (max-width: 768px) {
body .activitio{min-width:520px}
body .activitio .activit:nth-child(5){display:none}
}
@media screen and (max-width: 640px) {
body .activitio{min-width:440px}
body .activitio .activit:nth-child(4){display:none}
}
@media screen and (max-width: 575px) {
body .activitio{min-width:360px}
body .activitio .activit:nth-child(3){display:none}
}
@media screen and (max-width: 480px) {
body .activitio{min-width:280px}
body .activitio .activit:nth-child(2){display:none}
}
body .activitio .activit{position:relative;overflow:hidden;min-width:70px;margin:10px 5px;background:var(--activitBackground,var(--defaultBackground,#e6e9ed));background-size:auto 120%;background-position:center;cursor:pointer;transition:.5s cubic-bezier(0.05,0.61,0.41,0.95)}
body .activitio .activit:nth-child(1){--defaultbackground:#ed5565}
body .activitio .activit:nth-child(2){--defaultbackground:#fc6e51}
body .activitio .activit:nth-child(3){--defaultbackground:#ffce54}
body .activitio .activit:nth-child(4){--defaultbackground:#2ecc71}
body .activitio .activit:nth-child(5){--defaultbackground:#5d9cec}
body .activitio .activit:nth-child(6){--defaultbackground:#ac92ec}
body .activitio .activit.active{flex-grow:10000;transform:scale(1);max-width:600px;margin:0;border-radius:40px;background-size:auto 100%;transition:all ease-in-out .8s}
body .activitio .activit.active .shadow{box-shadow:inset 0 -120px 120px -120px black,inset 0 -120px 120px -100px #000}
body .activitio .activit.active .label{bottom:20px;left:20px}
body .activitio .activit.active .label .info > div{left:0;opacity:1}
body .activitio .activit:not(.active){flex-grow:1;border-radius:30px}
body .activitio .activit:not(.active) .shadow{bottom:-40px;box-shadow:inset 0 -120px 0 -120px black,inset 0 -120px 0 -100px #000}
body .activitio .activit:not(.active) .label{bottom:10px;left:10px}
body .activitio .activit:not(.active) .label .info > div{left:20px;opacity:0}
body .activitio .activit .shadow{position:absolute;bottom:0;left:0;right:0;height:120px;transition:.5s cubic-bezier(0.05,0.61,0.41,0.95)}
body .activitio .activit .label{display:flex;position:absolute;right:0;height:40px;transition:.5s cubic-bezier(0.05,0.61,0.41,0.95)}
body .activitio .activit .label .icon{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:40px;max-width:40px;height:40px;border-radius:100%;background-color:#fff;color:var(--defaultBackground)}
body .activitio .activit .label .info{display:flex;flex-direction:column;justify-content:center;margin-left:10px;color:#fff;white-space:pre}
body .activitio .activit .label .info > div{position:relative;transition:.5s cubic-bezier(0.05,0.61,0.41,0.95),opacity .5s ease-out}
body .activitio .activit .label .info .main{font-weight:700;font-size:1.2rem}
body .activitio .activit .label .info .sub{transition-delay:.1s}