/*!* DM Team - Responsive Blade Component v2.0 */.dmc-blade,.dmc-blade *{box-sizing:border-box}
.dmc-blade.row.full.blowout{max-width:1440px;margin:0 auto}
.dmc-blade>.col>.row>.col>.blade-header,.dmc-blade>.col>.row>.col>.blade-description{padding-left:10px;padding-right:10px}
.dmc-blade.row.full.blowout.full-width{max-width:100%}
.dmc-blade.row.full.blowout.no-padding{padding:0}
.dmc-blade.row.full.blowout.top-padding{padding-top:20px}
.dmc-blade .clip-content .blade-header,.dmc-blade .clip-content .blade-description,.dmc-blade .clip-content .cta{max-width:900px;position:relative;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.dmc-blade .blade-header.sub-header{margin-bottom:25px}
.dmc-blade .blade-header.sub-header h2{margin-bottom:5px}
.dmc-blade .blade-header.sub-header h3,.dmc-blade .blade-header.sub-header .pri-3,.dmc-blade .dmc-text.var-2{margin-bottom:0}
.dmc-blade .blade-header,.dmc-blade .blade-description{text-align:center}
.dmc-blade.header-left .blade-header,.dmc-blade.description-left .blade-description{text-align:left}
.dmc-blade .blade-header h2{margin-top:50px}
.dmc-blade .clip{height:320px}
.dmc-blade>.col>.row>.col>.cta{clear:both;padding:20px 10px;text-align:center;margin-bottom:0}
.dmc-blade>.col>.row>.col>.cta li{display:block;margin-bottom:20px;margin-left:0}
.cdc-transform .dmc-blade.row.full.blowout{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;max-width:1600px}
.dmc-blade.description-center>.col>.row>.col>.blade-description li{list-style-position:inside}
.ie .dmc-blade.row.full .row{overflow:hidden}
.cdc-transform .dmc-blade>.col>.row>.col>.blade-header,.cdc-transform .dmc-blade>.col>.row>.col>.blade-description{padding-left:0;padding-right:0}
.cdc-transform .dmc-blade>.col>.row>.col>.cta{padding-left:0;padding-right:0}
html[dir='rtl'] .dmc-blade.header-left .blade-header,html[dir='rtl'] .dmc-blade.description-left .blade-description{text-align:right}
html[dir='rtl'] .dmc-blade>.col>.row>.col>.cta>li{margin-right:0;margin-left:0}
html[dir='rtl'] .dmc-blade .clip-content .blade-header,html[dir='rtl'] .dmc-blade .clip-content .blade-description,html[dir='rtl'] .dmc-blade .clip-content .cta{left:auto;right:50%;-ms-transform:translateX(50%);-webkit-transform:translateX(50%);transform:translateX(50%)}
@media only screen and (min-width:37.5em){.dmc-blade .clip{height:160px}
.dmc-blade>.col>.row>.col>p{line-height:1.5em}
.dmc-blade>.col>.row>.col>.cta{padding:30px 0}
.dmc-blade .blade-header.sub-header{margin-bottom:30px}
.dmc-blade>.col>.row>.col>.blade-header,.dmc-blade>.col>.row>.col>.blade-description{padding-left:0;padding-right:0}
.dmc-blade.cta-left>.col>.row>.col>.cta{text-align:left}
.dmc-blade.cta-right>.col>.row>.col>.cta{text-align:right}
.dmc-blade>.col>.row>.col>.cta li{display:inline-block;margin-right:20px;text-align:left}
html[dir='rtl'] .dmc-blade.cta-left>.col>.row>.col>.cta{text-align:right}
html[dir='rtl'] .dmc-blade.cta-right>.col>.row>.col>.cta{text-align:left}
html[dir='rtl'] .dmc-blade>.col>.row>.col>.cta li{text-align:right}
html[dir='rtl'] .dmc-blade>.col>.row>.col>.cta>li{margin-right:0;margin-left:20px}
}
@media only screen and (min-width:48em){.dmc-blade .clip{height:185px}
.dmc-blade>.col>.row>.col>.cta{padding-bottom:40px}
}
@media only screen and (min-width:64em){.dmc-blade .clip{height:340px}
.dmc-blade .blade-header.sub-header{margin-bottom:40px}
.dmc-blade .blade-header.sub-header h2{margin-bottom:10px}
}
/*!* Casestudy blade v3.2
*
* v3.2 - Fixed empty space that is appearing when an image is loading
* v3.1 - Styles for integration with dm-img
* v3.0 - Fixed the cta alignment
* v2.9 - Bug fixes
* v2.8 - Fixed the image width issue in IE11
* v2.7 - Fixed the focal point issue in RTL
* v2.6 - Fixed the spacing issue for buttons
* v2.5 - Bug fix for spacing in RTL
* v2.4 - Enhanced the component for Digital Personality
* v2.3 - Fixed the spacing issue between image and content in RTL
* v2.2 - Removed all the font style so that we get them from dmr
* v2.1 - Removed height for image in IE browser and add max width for known IE image height issue
* v2.0 - Fixed horizontal scroll bar issue for pull quote within case study blade
* v1.9 - Added overrides for new grids
* v1.8 - Fixed Case Study Blade - Less Spacing between CTAs with Text with Play Icon Option
* v1.7 - Fixed Bottom spacing issue in mobile breakpoint.
* v1.6 - Fixed lightbox clicking issue.
* v1.5 - Implemented RTL
* v1.4 - Fixed Font weight for Secondary CTA.
* v1.3 - Fixed Alignment issue of the CTA links when we select Primary CTA as "Text" in Medium and Small breakpoints.
* v1.2 - Removed Extra bottom space for IE 11
* v1.1 - Reverted typography default link behavior to be without dotted line.
* v1.0 - Initial Check-in
*
*/.dmc-casestudyblade,.dmc-casestudyblade *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.dmc-casestudyblade{width:100%;padding:20px 0}
.dmc-casestudyblade .dmc-image,.dmc-casestudyblade .dmc-content{width:100%;margin-bottom:20px}
.dmc-casestudyblade .dmc-image>div{font-size:0;line-height:0}
.dmc-casestudyblade .dmc-image img{width:100%}
.no-js .dmc-casestudyblade .dmc-image .dm-img,.no-js .dmc-casestudyblade.var-2 .dmc-image .dm-img{padding-top:0}
.dmc-casestudyblade .dmc-image .dm-img{padding-top:66.67%}
.dmc-casestudyblade .dmc-image .dm-img.loaded{padding-top:0}
.dmc-casestudyblade .dmc-content h2{text-align:center}
.dmc-casestudyblade .dmc-content .dmc-pullquote{padding:0}
.dmc-casestudyblade .dmc-content .cta{font-size:0;line-height:0;list-style-type:none;margin:0;text-align:center;width:100%}
.dmc-casestudyblade .dmc-content .cta li{margin:0 0 10px}
.dmc-casestudyblade .dmc-content .cta li a,.dmc-casestudyblade .dmc-content .cta li:last-child{margin:0}
.dmc-casestudyblade .dmc-content .cta li a.dmc-button.atlantic{display:block}
.cdc-transform .container.grid .col .dmc-casestudyblade .dmc-pullquote{width:100%}
.dmc-casestudyblade.var-2{padding:0}
.dmc-casestudyblade.var-2 .dmc-image,.dmc-casestudyblade.var-2 .dmc-content{margin:0}
.dmc-casestudyblade.var-2 .dmc-content{padding:15px 16px 40px}
@media only screen and (min-width:37.5em){.dmc-casestudyblade .dmc-content .cta li{display:inline-block;margin:0 20px 10px 0}
.dmc-casestudyblade .dmc-content .cta li:last-child{margin:0}
.dmc-casestudyblade.var-2 .dmc-content{padding:15px 18px 70px}
html[dir='rtl'] .dmc-casestudyblade .dmc-content .cta li{margin:0 0 10px 20px}
html[dir='rtl'] .dmc-casestudyblade .dmc-content .cta li:last-child{margin:0}
}
@media only screen and (min-width:48em){.dmc-casestudyblade .dmc-image{float:left;width:50%;padding-right:10px}
.dmc-casestudyblade .dmc-content{float:left;width:50%;padding-left:10px}
.dmc-casestudyblade .dmc-content h2{text-align:left}
.dmc-casestudyblade .dmc-content .cta{text-align:left}
.dmc-casestudyblade.var-2{-webkit-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.dmc-casestudyblade.var-2 .dmc-image{overflow:hidden;padding:0}
.dmc-casestudyblade.var-2 .dmc-image img{position:relative;width:200%}
.dmc-casestudyblade.var-2.focal-C .dmc-image img{right:50%}
.dmc-casestudyblade.var-2.focal-R .dmc-image img{right:100%}
.dmc-casestudyblade.var-2 .dmc-image .dm-img{padding-top:133.34%}
.dmc-casestudyblade.var-2 .dmc-image .dm-img.loaded{padding-top:0}
.dmc-casestudyblade.var-2 .dmc-content{padding:20px 18px 20px 20px}
html[dir='rtl'] .dmc-casestudyblade .dmc-image{float:right;padding:0 0 0 10px}
html[dir='rtl'] .dmc-casestudyblade .dmc-content{float:right;padding:0 10px 0 0}
html[dir='rtl'] .dmc-casestudyblade .dmc-content h2{text-align:right}
html[dir='rtl'] .dmc-casestudyblade .dmc-content .cta{text-align:right}
html[dir='rtl'] .dmc-casestudyblade.var-2 .dmc-image{padding:0}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-L .dmc-image img{right:-100%}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-C .dmc-image img{right:-50%}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-R .dmc-image img{right:0}
html[dir='rtl'] .dmc-casestudyblade.var-2 .dmc-content{padding:20px 20px 20px 18px}
}
@media only screen and (min-width:64em){.gt-ie10 .dmc-casestudyblade .dmc-image img{max-width:512px}
.gt-ie10 .cdc-transform .dmc-casestudyblade .dmc-image img{max-width:629px}
.gt-ie10 .cdc-transform .dmc-casestudyblade.var-2 .dmc-image img{max-width:800px}
.dmc-casestudyblade.var-2 .dmc-image img{width:150%}
.dmc-casestudyblade.var-2 .dmc-image .dm-img{padding-top:100%}
.dmc-casestudyblade.var-2 .dmc-image .dm-img.loaded{padding-top:0}
.dmc-casestudyblade.var-2.focal-C .dmc-image img{right:25%}
.dmc-casestudyblade.var-2.focal-R .dmc-image img{right:50%}
.dmc-casestudyblade.var-2 .dmc-content{padding:20px 20px 20px 15px}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-L .dmc-image img{right:-50%}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-C .dmc-image img{right:-25%}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-R .dmc-image img{right:0}
html[dir='rtl'] .dmc-casestudyblade.var-2 .dmc-content{padding:20px 15px 20px 20px}
}
@media only screen and (min-width:80em){.dmc-casestudyblade.var-2 .dmc-image img{width:100%}
.dmc-casestudyblade.var-2 .dmc-image .dm-img{padding-top:66.67%}
.dmc-casestudyblade.var-2 .dmc-image .dm-img.loaded{padding-top:0}
.dmc-casestudyblade.var-2.focal-C .dmc-image img,.dmc-casestudyblade.var-2.focal-R .dmc-image img{right:0}
.dmc-casestudyblade.var-2 .dmc-content{padding:20px 0 20px 25px;max-width:618px}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-L .dmc-image img,html[dir='rtl'] .dmc-casestudyblade.var-2.focal-C .dmc-image img,html[dir='rtl'] .dmc-casestudyblade.var-2.focal-R .dmc-image img{right:0}
html[dir='rtl'] .dmc-casestudyblade.var-2 .dmc-content{padding:20px 25px 20px 0}
}