/*!* Marquee - Inpage v1.28
*
* v1.28 - Updated close button alignment as per new designs
* v1.27 - Cleaned up Lozyload styles
* v1.26 - Added secondary cta
* v1.25 - Fixed the button width issue in mobile
* v1.24 - Fixed the content alignment issue
* v1.23 - Enhanced the component for Digital Personality
* v1.22 - Fixed Video close button issue
* v1.21 - Updated component styles from table to flex
* v1.20 - Updated keyframe animations from "0%-100%" to "from-to"
* v1.19 - Restricted the blade 'col' display property only for IE11 instead of all the browsers
* v1.18 - updated with lazy-loading image styles
* v1.17 - Added Video-expand styles
* v1.16 - Added Spotlight XL Overrides for Video Variation
* v1.15 - Added style from overrides.css
* v1.14 - Fixed the spacing issue in IE11.
* v1.13 - Updated with 'dmr' typography.
* v1.12 - Removed the IE11 fix for the 'col'.
* v1.11 - Fixed image icon issue in Focal-L.
* v1.10 - Updated title font size at Desktop breakpoint.
* v1.9 - Fixed RTL padding issue
* v1.8 - Updated video's break-point behavior in tablet to stack
* v1.7 - Removed the letter box design and updated h2 to h3
* v1.6 - Upated styles for new expand and play icon
* v1.5 - Atlantic typography and font-colors based on BG colors implemented
* v1.4 - White and blue Play icons' alignment issue fixed for RTL pages in Firefox only
* v1.3 - RTL bug fixes
* v1.2 - Implementing RTL
* v1.1 - Removed gutter from river flow
* v1.0 - Initial Check-in
*
*/.dmc-inpage-marquee,.dmc-inpage-marquee *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.dmc-inpage-marquee{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.dmc-inpage-marquee,.dmc-inpage-marquee .marquee-image{overflow:hidden}
.dmc-inpage-marquee .marquee-image.focal-L img.image-link-icon,.dmc-inpage-marquee .marquee-image.focal-C img.image-link-icon,.dmc-inpage-marquee .marquee-image.focal-R img.image-link-icon{width:36px;height:36px;margin-bottom:-36px;right:10px;top:-46px;display:block;float:right;position:relative}
.dmc-inpage-marquee .marquee-image>div{line-height:0}
.dmc-inpage-marquee .marquee-content,.dmc-inpage-marquee .marquee-image,.dmc-inpage-marquee .marquee-image img{width:100%}
.dmc-inpage-marquee .marquee-image{position:relative}
.dmc-inpage-marquee .marquee-image .marquee-video-close{display:none;position:absolute;z-index:3;right:20px;top:14px;background-color:transparent;border:0;cursor:pointer}
.dmc-inpage-marquee .marquee-image .marquee-video-close svg{width:15px;height:15px}
.dmc-inpage-marquee.video-close .marquee-image .video-js .vjs-dock-shelf{left:calc(50% - 30px)}
.dmc-inpage-marquee .marquee-content .content-non-blowout{padding:15px 16px 40px;text-align:center;width:100%}
.dmc-inpage-marquee .marquee-content p{text-align:left}
.dmc-inpage-marquee .marquee-content .cta{font-size:0;line-height:0;list-style-type:none;margin:0;text-align:center;width:100%}
.dmc-inpage-marquee .marquee-content .cta li{margin:0 0 10px}
.dmc-inpage-marquee .marquee-content .cta li a,.dmc-inpage-marquee .marquee-content .cta li:last-child{margin:0}
.dmc-inpage-marquee .marquee-content .cta li a.dmc-button.atlantic{display:block}
html[dir="rtl"] .dmc-inpage-marquee .marquee-image.focal-L img.image-link-icon,html[dir="rtl"] .dmc-inpage-marquee .marquee-image.focal-C img.image-link-icon,html[dir="rtl"] .dmc-inpage-marquee .marquee-image.focal-R img.image-link-icon{left:10px;right:auto;float:left}
html[dir='rtl'] .dmc-inpage-marquee .marquee-image .marquee-video-close{left:20px;right:auto}
html[dir="rtl"] .dmc-inpage-marquee.video-close .marquee-image .video-js .vjs-dock-shelf{left:30px}
html[dir="rtl"] .dmc-inpage-marquee .marquee-content p{text-align:right}
@keyframes shrinkImage{from{width:100%}
to{width:50%}
}
@keyframes expandImage{from{width:50%}
to{width:100%}
}
@keyframes hideContent{from{width:50%}
to{width:0}
}
.dmc-inpage-marquee .marquee-image.shrink-image{-webkit-animation:shrinkImage 1.5s ease-in;animation:shrinkImage 1.5s ease-in}
.dmc-inpage-marquee .marquee-image.expand-image{-webkit-animation:expandImage 1.5s ease-in;animation:expandImage 1.5s ease-in}
.dmc-inpage-marquee .marquee-content.hide-content{-webkit-animation:hideContent 1.5s ease-in;animation:hideContent 1.5s ease-in}
@media only screen and (min-width:37.5em){.dmc-inpage-marquee .marquee-content .content-non-blowout{padding:15px 18px 70px}
.dmc-inpage-marquee .marquee-content .cta li .lightbox-link,.dmc-inpage-marquee .marquee-content .cta li a.dmc-button.atlantic{display:inline-block}
.dmc-inpage-marquee .marquee-content .cta li{display:inline-block;margin:0 20px 10px 0}
.dmc-inpage-marquee .marquee-content .cta li:last-child{margin:0}
.dmc-inpage-marquee .marquee-image .marquee-video-close{top:19px}
html[dir='rtl'] .dmc-inpage-marquee .marquee-content .cta li{margin:0 0 10px 20px}
html[dir='rtl'] .dmc-inpage-marquee .marquee-content .cta li:last-child{margin:0}
}
@media only screen and (min-width:48em){.dmc-inpage-marquee{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}
.dmc-inpage-marquee.video-bg{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.dmc-inpage-marquee .marquee-image,.dmc-inpage-marquee .marquee-content{width:50%}
.dmc-inpage-marquee.video-bg .marquee-image,.dmc-inpage-marquee.video-bg .marquee-content{width:100%}
.dmc-inpage-marquee .marquee-image img{width:200%;position:relative}
.dmc-inpage-marquee .marquee-image.focal-C img{right:50%}
.dmc-inpage-marquee .marquee-image.focal-R img{right:100%}
.dmc-inpage-marquee .marquee-content .content-non-blowout{padding:20px 18px 20px 20px;text-align:left}
.dmc-inpage-marquee.video-bg .marquee-content .content-non-blowout{padding:20px 18px 70px}
.dmc-inpage-marquee.var-2{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.dmc-inpage-marquee.var-2.video-bg{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.dmc-inpage-marquee.var-2 .marquee-content .content-non-blowout{padding:20px 20px 20px 18px}
.dmc-inpage-marquee.var-2.video-bg .marquee-content .content-non-blowout{padding:20px 18px 70px}
.dmc-inpage-marquee .marquee-content .cta{text-align:left}
.dmc-inpage-marquee .dm-img{padding-top:112.809%}
.dmc-inpage-marquee .dm-img.loaded{padding-top:0}
.dmc-inpage-marquee .marquee-image .marquee-video-close{right:30px}
html[dir="rtl"] .dmc-inpage-marquee .marquee-image .marquee-video-close{left:30px}
html[dir='rtl'] .dmc-inpage-marquee .marquee-image.focal-L img{right:-100%}
html[dir='rtl'] .dmc-inpage-marquee .marquee-image.focal-C img{right:-50%}
html[dir='rtl'] .dmc-inpage-marquee .marquee-image.focal-R img{right:0}
html[dir="rtl"] .dmc-inpage-marquee .marquee-content .content-non-blowout{padding:20px 20px 20px 18px;text-align:right}
html[dir="rtl"] .dmc-inpage-marquee.var-2 .marquee-content .content-non-blowout{padding:20px 18px 20px 20px}
html[dir="rtl"] .dmc-inpage-marquee.video-bg .marquee-content .content-non-blowout,html[dir="rtl"] .dmc-inpage-marquee.var-2.video-bg .marquee-content .content-non-blowout{padding:20px 18px 70px}
html[dir="rtl"] .dmc-inpage-marquee .marquee-content .cta{text-align:right}
}
@media only screen and (min-width:64em){.dmc-inpage-marquee.video-bg{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.dmc-inpage-marquee.var-2.video-bg{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.dmc-inpage-marquee.video-bg .marquee-image,.dmc-inpage-marquee.video-bg .marquee-content{width:50%}
.dmc-inpage-marquee.video-close .marquee-video-close{display:block}
.dmc-inpage-marquee.video-bg .marquee-image.expand-image{width:100%}
.dmc-inpage-marquee .marquee-image img{width:150%}
.dmc-inpage-marquee .marquee-image.focal-C img{right:25%}
.dmc-inpage-marquee .marquee-image.focal-R img{right:50%}
.dmc-inpage-marquee .marquee-content .content-non-blowout,.dmc-inpage-marquee.video-bg .marquee-content .content-non-blowout{padding:20px 20px 20px 15px}
.dmc-inpage-marquee.var-2 .marquee-content .content-non-blowout,.dmc-inpage-marquee.var-2.video-bg .marquee-content .content-non-blowout{padding:20px 15px 20px 20px}
.dmc-inpage-marquee.video-close .marquee-content{padding:0}
.dmc-inpage-marquee .marquee-content.hide-content,.dmc-inpage-marquee.var-2 .marquee-content.hide-content{width:0}
.dmc-inpage-marquee .marquee-content.hide-content .content-non-blowout{display:none}
.dmc-inpage-marquee .dm-img{padding-top:84.499%}
.dmc-inpage-marquee .dm-img.loaded{padding-top:0}
html[dir="rtl"] .dmc-inpage-marquee .marquee-image.focal-L img{right:-50%}
html[dir="rtl"] .dmc-inpage-marquee .marquee-image.focal-C img{right:-25%}
html[dir="rtl"] .dmc-inpage-marquee .marquee-image.focal-R img{right:0}
html[dir='rtl'] .dmc-inpage-marquee .marquee-content .content-non-blowout,html[dir='rtl'] .dmc-inpage-marquee.video-bg .marquee-content .content-non-blowout{padding:20px 15px 20px 20px}
html[dir='rtl'] .dmc-inpage-marquee.var-2 .marquee-content .content-non-blowout,html[dir='rtl'] .dmc-inpage-marquee.var-2.video-bg .marquee-content .content-non-blowout{padding:20px 20px 20px 15px}
}
@media only screen and (min-width:80em){.dmc-inpage-marquee .marquee-image img{position:static;width:100%}
.dmc-inpage-marquee .marquee-image.focal-C img,.dmc-inpage-marquee .marquee-image.focal-R img{right:auto}
.dmc-inpage-marquee .marquee-content .content-non-blowout{max-width:618px}
.dmc-inpage-marquee .marquee-content .content-non-blowout,.dmc-inpage-marquee.video-bg .marquee-content .content-non-blowout{padding:20px 0 20px 25px}
.dmc-inpage-marquee.var-2 .marquee-content .content-non-blowout,.dmc-inpage-marquee.var-2.video-bg .marquee-content .content-non-blowout{padding:20px 25px 20px 0}
.dmc-inpage-marquee.var-2 .marquee-content .content-non-blowout{float:right}
.dmc-inpage-marquee .dm-img{padding-top:56.25%}
.dmc-inpage-marquee .dm-img.loaded{padding-top:0}
.dmc-inpage-marquee .marquee-image .marquee-video-close{top:22px;right:40px}
.dmc-inpage-marquee .marquee-image .marquee-video-close svg{width:20px;height:20px}
.dmc-inpage-marquee.video-close .marquee-image .video-js .vjs-dock-shelf{left:calc(50% - 40px)}
html[dir="rtl"] .dmc-inpage-marquee.video-close .marquee-image .video-js .vjs-dock-shelf{left:40px}
html[dir="rtl"] .dmc-inpage-marquee .marquee-image .marquee-video-close{left:40px}
html[dir="rtl"] .dmc-inpage-marquee .marquee-image.focal-L img,html[dir="rtl"] .dmc-inpage-marquee .marquee-image.focal-C img,html[dir="rtl"] .dmc-inpage-marquee .marquee-image.focal-R img{right:auto}
html[dir="rtl"] .dmc-inpage-marquee .marquee-content .content-non-blowout,html[dir="rtl"] .dmc-inpage-marquee.video-bg .marquee-content .content-non-blowout{padding:20px 25px 20px 0}
html[dir="rtl"] .dmc-inpage-marquee.var-2 .marquee-content .content-non-blowout,html[dir="rtl"] .dmc-inpage-marquee.var-2.video-bg .marquee-content .content-non-blowout{padding:20px 0 20px 25px}
html[dir="rtl"] .dmc-inpage-marquee.var-2 .marquee-content .content-non-blowout{float:left}
}