*,*::before,*::after{box-sizing:border-box}
.super-component{width:1132px;margin:0 auto 20px;position:relative}
@media screen and (max-width:1132px){.super-component{width:100%;padding:0 30px}
}
@media screen and (max-width:768px){.super-component{width:100%;padding:0}
}
.super-component--inner{background-size:cover;background-position:center;display:flex;padding:45px}
@media screen and (max-width:768px){.super-component--inner{padding:65px 28px}
}
.super-component--inner.right{justify-content:flex-end}
.super-component--inner.left{justify-content:flex-start}
.super-component--inner.center{justify-content:center;text-align:center}
.super-component--inner .button-component{display:flex;width:172px;height:60px;background-color:#000;color:#fff;font-family:"AvenirBlack";font-size:14px;text-transform:uppercase;line-height:30px;letter-spacing:1px;align-items:center;justify-content:center}
.super-component--inner .button-component:hover{background-color:rgba(0,0,0,0.8)}
.super-component--inner .button-component-light{display:flex;width:172px;height:44px;background-color:transparent;color:#000;font-family:"AvenirMedium";font-size:14px;line-height:30px;color:#4a4a4a;align-items:center;justify-content:center;border:solid 1px #9b9b9b}
.super-component--inner .button-component-light:hover{color:#fff;background-color:#000}
.super-component--inner .block--titles h2{font-family:"AvenirBlack";font-size:32px;line-height:24px;letter-spacing:1px;color:#000;text-transform:uppercase}
@media screen and (max-width:768px){.super-component--inner .block--titles h2{font-size:22px;letter-spacing:1.03px}
}
.super-component--inner .block--titles p{font-family:"AvenirBlack";font-size:22px;line-height:24px;letter-spacing:1px;color:#000}
@media screen and (max-width:768px){.super-component--inner .block--titles p{font-size:20px;letter-spacing:.91px}
}
.super-component--inner .block--content p{font-family:"AvenirBook";font-size:14px;line-height:22px;letter-spacing:.5px;color:#000}
.super-component--inner .block--content p i{font-style:italic}
.super-component--inner.text-mode .block--titles p{margin-top:28px}
.super-component--inner.text-mode .block--content p{margin-top:10px}
.super-component--inner.text-mode .block--content .button-component{margin:45px auto 0}
.super-component--inner.countdown{justify-content:center}
.super-component--inner.countdown .block--titles h2{text-align:center}
.super-component--inner.countdown .block--titles p{margin-top:20px;text-align:center}
.super-component--inner.countdown .block--content .calendar-hide{display:none}
.super-component--inner.countdown .block--content .calendar-date{font-family:"AvenirBook";font-weight:300;font-size:72px;line-height:34px;letter-spacing:1.29px;text-transform:uppercase;color:#000;text-align:center;display:block;margin:55px 0 15px}
@media screen and (max-width:768px){.super-component--inner.countdown .block--content .calendar-date{font-size:60px;line-height:34px;letter-spacing:1.07px}
}
.super-component--inner.countdown .block--content .button-component{margin:55px auto 0}
.super-component--inner.video-mode{padding:0}
.super-component--inner.video-mode.left .video-container{justify-content:flex-start}
@media screen and (max-width:768px){.super-component--inner.video-mode.left .video-container{justify-content:center}
}
.super-component--inner.video-mode.right .video-container{justify-content:flex-end}
@media screen and (max-width:768px){.super-component--inner.video-mode.right .video-container{justify-content:center}
}
.super-component--inner.video-mode.center .video-container{justify-content:center;text-align:center}
.super-component--inner.video-mode .video-container{width:100%;display:flex;overflow:hidden}
@media screen and (max-width:1132px){.super-component--inner.video-mode .video-container iframe{width:150%;left:50% !important;position:absolute !important;transform:translateX(-50%) !important}
}
@media screen and (max-width:768px){.super-component--inner.video-mode .video-container iframe{width:390%}
}
.super-component--inner.video-mode .super-component--block{position:relative;margin:45px}
.super-component--inner.video-mode .super-component--block .block--titles p{margin-top:35px}
.super-component--inner.video-mode .super-component--block .block--content p{margin-top:15px}
.super-component--inner.video-mode .super-component--block .block--content .link-video{display:flex;width:172px;height:50px;border:solid 1px #000;align-items:center;justify-content:space-evenly;font-family:"AvenirMedium";font-size:14px;line-height:30px;letter-spacing:.5px;color:#000;margin:45px auto 10px}
.super-component--inner.video-mode .super-component--block .block--content .link-video span{height:29px}
.super-component--inner.video-mode .super-component--block .block--content .link-video:hover{background-color:rgba(255,255,255,0.2)}
.super-component--inner.video-mode .super-component--block .block--content .button-component{margin:0 auto}
.super-component--block{background-color:rgba(255,255,255,0.85);width:460px;height:460px;z-index:2}
@media screen and (max-width:768px){.super-component--block{width:auto;height:auto}
}
.super-component--block .block--inner{padding:45px}
.super-component .video-overlay{position:absolute;left:0;right:0;bottom:0;top:0;z-index:1}
.popin-overlay{position:fixed;width:0;height:0;top:0;left:0;background-color:rgba(0,0,0,0.8);z-index:9;transition:opacity .6s linear;opacity:0}
.popin-overlay.open{width:100%;height:100%;opacity:1;transition:opacity .6s linear}
.popin-video{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);transition:opacity .6s linear;z-index:10;width:0;opacity:0}
.popin-video .close-video{display:block;width:35px;height:35px;position:absolute;top:-35px;right:-35px}
.popin-video .close-video:after,.popin-video .close-video:before{display:block;content:'';width:35px;height:2px;background-color:#fff;position:absolute;top:50%;left:0}
.popin-video .close-video:after{transform:translateY(-50%) rotate(-45deg)}
.popin-video .close-video:before{transform:translateY(-50%) rotate(45deg)}
.popin-video.open{opacity:1;transition:opacity .6s linear;width:80%}