.home-banner-element{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;z-index:15}
.home-banner-element h2{line-height:2.5rem;margin:0 auto 10px;max-width:600px;max-height:400px;width:100%;text-transform:uppercase;-webkit-text-stroke:2px;-webkit-text-fill-color:transparent}
.promotion{line-height:2rem;// margin:18px auto 10px;// margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:65%;width:100%;padding:20px}
.banner-caption-bg{max-height:150px;// overflow:hidden}
.${resource.name @context='html'}
.bo-dot{cursor:pointer;height:12px;width:12px;margin:0 2px;// background-color:${carousel.navColor @context='html'}
;border-radius:50%;display:inline-block;transition:background-color .6s ease}
.p-custom{position:absolute}
.p-custom p{padding:15px 20px;margin:0;display:inline-block;white-space:nowrap;vertical-align:middle;overflow:hidden}
.p-custom.text-dark.top-right{text-align:right}
.p-custom.text-dark.top-left{text-align:left}
.top-left{top:93px !important;left:0}
.top-center{text-align:center;left:auto !important;margin:0;top:93px !important}
.top-right{top:93px !important;right:0}
ul.bo-slider{display:none}
.bo-slider{position:relative;width:100%}
.bo-slider .bo-slide{display:none;min-width:100% !important;min-height:100% !important}
.bo-slider .bo-slide.active{display:block}
.mediumslider .bo-slider{width:100%;position:relative}
.mediumslider .bo-dots{left:0}
.mediumslider{position:relative;width:66.66%}
.mediumslider img{height:400px}
.bo-slider .bo-slide{position:relative}
.bo-slider .play-button{display:none !important;cursor:pointer;position:absolute;top:50%;left:50%;width:auto;margin-top:-62px;margin-left:-62px;padding:16px;color:white;font-weight:bold;font-size:80px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none}
.bo-slider .bo-next,.bo-prev{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:white;font-weight:bold;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none;opacity:1;// background-color:#d2d2d2}
.bo-slider .bo-prev{left:0}
.bo-slider .bo-next{right:0}
.bo-prev:hover,.bo-next:hover{// background-color:rgba(0,0,0,0.8);background-color:#d2d2d2}
.corosel-container{position:relative;min-height:300px}
.banner_carousel .bo-dots{margin-top:10px;text-align:center;position:absolute;bottom:40px;width:100%;z-index:991;// display:block;//transition:background-color .6s ease}
.bo-dot{background-color:#d3d3d3}
.selected,.bo-dot:hover{background-color:#717171 !important}
a.transcript-button{position:absolute;// top:15px;// right:15px;bottom:5px;left:8px;color:#fff;padding:5px 15px;background:rgba(255,255,255,0.3)}
.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;-moz-animation-name:fade;-moz-animation-duration:1.5;-ms-animation-name:fade;-ms-animation-duration:1.5;-o-animation-name:fade;-o-animation-duration:1.5;animation-name:fade;animation-duration:1.5s}
@-webkit-keyframes fade{from{opacity:.4}
to{opacity:1}
}
@-moz-keyframes fade{from{opacity:.4}
to{opacity:1}
}
@-ms-keyframes fade{from{opacity:.4}
to{opacity:1}
}
@-o-keyframes fade{from{opacity:.4}
to{opacity:1}
}
@keyframes fade{from{opacity:.4}
to{opacity:1}
}
.slide{-webkit-animation-name:slide;-webkit-animation-duration:1.5s;-moz-animation-name:slide;-moz-animation-duration:1.5;-ms-animation-name:slide;-ms-animation-duration:1.5;-o-animation-name:slide;-o-animation-duration:1.5;animation-name:slide;animation-duration:1.5s}
@-webkit-keyframes slide{from{opacity:.4;margin-left:100%}
to{opacity:1;margin:0}
}
@-moz-keyframes slide{from{opacity:.4;margin-left:100%}
to{opacity:1;margin:0}
}
@-ms-keyframes slide{from{opacity:.4;margin-left:100%}
to{opacity:1;margin:0}
}
@-o-keyframes slide{from{opacity:.4;margin-left:100%}
to{opacity:1;margin:0}
}
@keyframes slide{from{opacity:.4;margin-left:100%}
to{opacity:1}
}
.videowrapper{padding:53.18% 0 0 0;position:relative}
.videowrapper .video{position:absolute;top:0;left:0;width:100%;//height:100%;border:0}
.banner_carousel .bo-slider img{max-width:100%;width:100%}
.collapsebutton{display:inline-block;font-size:38px;vertical-align:top !important;padding:0 23px;background:#0d1f25;cursor:pointer;color:#fff}
.contentblock .bo-slider .p-custom .title{max-width:calc(100% - 63px);overflow-x:auto;white-space:nowrap}
.p-custom>div{max-width:100%;white-space:nowrap}
.p-custom.text-dark{width:100%}
@media only screen and (max-width:767px){.corosel-container{min-height:auto !important}
.contentblock .bo-slider .p-custom .title{max-width:calc(100% - 30px)}
.contentblock--carousel-content .title{font-size:12px !important}
.collapsebutton{font-size:20px !important;padding:0 10px !important}
.p-custom p{padding:0 20px !important;max-width:100%}
.banner_carousel .title{font-size:13px}
}
@media only screen and (max-width:767px){.banner-element-head{//min-height:212vh;height:232vh;// height:225vh}
.home-banner-element h2{font-size:25px;max-width:84%;line-height:2rem}
.banner-element-text{//min-height:245vh;height:255vh}
.promotion{font-size:20px;padding:1px;margin:5px auto 10px;line-height:1.5rem;max-width:80%;//text-align:center !important}
.banner_carousel .bo-slider img{height:919px;// min-height:450px;object-fit:cover}
.bo-slider video{//height:920px;// min-height:450px;object-fit:fill}
.bo-slider{//min-height:500px;//height:850px;//height:1090px;//height:145vh}
.bo-slider .bo-slide{min-height:920px}
.banner-caption-bg{overflow:visible}
}
@media only screen and (min-width:768px){.home-banner-element h2{line-height:3rem;max-width:76%}
.banner-element-head{//min-height:235vh;height:235vh}
.banner-element-text{//min-height:265vh;height:262vh}
.banner_carousel .bo-slider img{height:101vh;// min-height:500px;object-fit:cover}
.bo-slider video{// height:100%;object-fit:fill}
.promotion{margin:24px auto 10px;line-height:2.25rem;max-width:80%}
}
@media only screen and (min-width:1025px){.banner-element-text{min-height:226vh}
.banner-element-head{min-height:207vh}
.home-banner-element h2{line-height:3rem}
.banner_carousel .bo-slider img{position:relative !important;width:100% !important;height:100vh;// min-height:500px}
.videowrapper .video{//height:100%}
.bo-slider video{object-fit:fill}
}
@media screen and (min-width:0) and (max-width:425px){.videowrapper .video,.corosel-container .parent-0 .bo-slider .video{display:none !important}
.corosel-container img.heroBG{//height:100% !important;aspect-ratio:16/9;position:relative !important;//min-height:450px !important;object-fit:cover;display:block !important;width:100%;z-index:1000}
.content-block-carousel .bo-slider img{display:block !important}
.banner_carousel .bo-slider img{position:relative !important;width:100% !important;// height:600px !important;// min-height:300px !important}
}
.corosel-container img.heroBG{display:none}
@media(max-width:767px){.banner_carousel .bo-dots{bottom:20px}
}
.banner_carousel .bo-slider img{height:unset !important;aspect-ratio:16/9 !important}
.videowrapper .video{aspect-ratio:16/9 !important}
@media(min-width:540px) and (max-width:1024px){.videowrapper{padding-bottom:1em}
}
@media(min-width:1025px) and (max-width:1918px){.videowrapper{padding-bottom:2em}
}
@media(min-width:1919px)and (max-width:2558px){.videowrapper{padding-bottom:3em}
}
@media(min-width:2559px){.videowrapper{padding-bottom:5em}
}