.${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}
ul.bo-slider{display:none}
.video_component .bo-slider{position:relative;width:100%;height:100vh}
.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}
.video_component .bo-slider .bo-slide{position:unset !important;display:block !important}
.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:auto}
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}
}
.video_component .videowrapper{//padding:53.18% 0 0 0;padding:49.18% 0 0 0;position:relative}
.video_component .videowrapper .video{position:absolute;top:0;left:0;width:100%;height:100%;border:0;pointer-events:none}
.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 (min-width:429px){.video_component .bo-slider{min-height:auto;// height:100vh;//-commenting and adding height for ipad video resolution issue--height:61vh;height:unset !important}
.video_component .bo-slider video{height:100%;object-fit:fill}
.promotion{margin:24px auto 10px;line-height:2.25rem;max-width:80%}
.bo-dots{bottom:30px}
.video_component .videowrapper{padding:unset;position:unset;//height:100vh}
}
@media only screen and (min-width:1025px){.video_component .videowrapper .video{height:100%}
.bo-slider video{object-fit:fill}
.video_component .videowrapper{//padding:53.18% 0 0 0;padding:49.18% 0 0 0;position:relative}
.video_component .bo-slider{height:100vh !important}
.video_component .videowrapper{height:100vh !important}
}
@media screen and (min-width:0) and (max-width:428px){.video_component{min-height:auto !important}
.video_component .videowrapper .video{display:block !important;object-fit:unset;height:100%}
.video_component .videowrapper{padding:unset;position:unset}
.video_component img.heroBG{height:100% !important;position:unset !important;//min-height:100vh !important;min-height:unset !important;object-fit:cover;display:block !important;width:100%;z-index:100}
.video_component img.heroBG+.parent-0,.video_component img.heroBG+.parent-0+.transcript-button{display:none !important}
.video_component .bo-slider{// height:100vh !important;//height:31vh !important;height:unset !important}
.video_component .bo-dots{display:none}
.p-custom{display:none}
}
.corosel-container img.heroBG{display:none}
@media only screen and (max-width:1024px){.video_component .bo-slider video{min-height:auto !important}
.video_component .bo-slider{min-height:auto !important;//height:50vh !important}
}
@media only screen and (max-width:767px){.video_component .videowrapper{//height:40vh !important;height:33vh !important}
}
@media(min-width:768px) and (max-width:1024px){.video_component .videowrapper{//height:40vh !important;height:75vh !important}
}
@media only screen and (max-width:999px){.video_component .bo-slider .bo-slide{position:relative}
}