/*!* DM Team - Responsive Blade Component v2.6 */.dmc-blade,.dmc-blade *{box-sizing:border-box}
.container.grid .row.full.dmc-blade{padding-top:40px;padding-bottom:15px}
.dmc-blade.row.full.blowout{margin:0 auto;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;max-width:1600px}
.dmc-blade.row.full.blowout.full-width{max-width:100%}
.dmc-blade.row.full.blowout.no-padding{padding-left:0;padding-right:0}
.dmc-blade .blade-header,.dmc-blade .blade-description{margin:0 0 25px;text-align:center}
.dmc-blade.header-left .blade-header,.dmc-blade.description-left .blade-description{text-align:left}
.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 .cta-available .blade-title-container{position:relative}
.dmc-blade .cta-available .blade-title-wrapper .blade-title-cta{width:auto;height:48px;border-radius:25px;background-color:#00bceb;font-family:AppDSans;font-size:16px;font-weight:500;color:#fff;line-height:2.25;letter-spacing:normal;text-align:center;border:0;padding:5px 28px 7px;display:block;position:absolute;right:0;bottom:0;text-decoration:none}
.dmc-blade .cta-available .blade-title-wrapper .blade-title-cta:hover{background-color:#1ac2ed}
.dmc-blade .cta-available .blade-title-wrapper .blade-title-cta:active{background-color:#007493}
.dmc-blade .blade-title-wrapper .blade-title-cta{display:none}
.dmc-blade .cta-available .blade-title-wrapper{text-align:left}
.dmc-blade .cta-available .blade-title-wrapper h2{display:inline-block;text-align:left;margin-left:0;margin-right:0}
.dmc-blade .blade-title-wrapper h2{width:100%;margin:0 auto}
.dmc-blade .cta-available .blade-title-wrapper h2{width:60%}
.dmc-blade.header-left .blade-title-wrapper h2{margin-left:0;margin-right:0}
.dmc-blade .blade-header.sub-header h2{margin-bottom:5px}
.dmc-blade .blade-header :last-child,.dmc-blade .blade-description :last-child{margin-bottom:0}
.dmc-blade.description-center .blade-description li{list-style-position:inside}
.dmc-blade .dmc-text.var-2{margin-bottom:0}
.dmc-blade .clip{height:320px}
.dmc-blade>.col>.row>.col>ul.cta{clear:both;padding:0 0 5px;text-align:center;margin-bottom:0}
.dmc-blade>.col>.row>.col>ul.cta li{display:block;margin-bottom:20px;margin-left:0}
.dmc-blade .blade-logo-container{display:flex}
.dmc-blade .blade-logo-container.logo-left{justify-content:start}
.dmc-blade .blade-logo-container.logo-center{justify-content:center}
.dmc-blade .blade-logo-container .blade-logo{width:120px;height:50px;margin-bottom:10px}
.dmc-blade .blade-logo-container .blade-logo img{display:block;width:100%}
.ie .dmc-blade.row.full .row{overflow:hidden}
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>ul.cta>li{margin-right: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%)}
.parallax-pos{position:relative}
.parallax{position:absolute;top:10px;Z-INDEX:0;height:100%;overflow:hidden;width:100%}
@media only screen and (min-width:37.5em){.container.grid .row.full.dmc-blade{padding-top:55px;padding-bottom:25px}
.dmc-blade .clip{height:160px}
.dmc-blade .blade-header{margin-bottom:15px}
.dmc-blade .blade-header:last-child,.dmc-blade .blade-description{margin-bottom:30px}
.dmc-blade>.col>.row>.col>p{line-height:1.5em}
.dmc-blade>.col>.row>.col>ul.cta{padding:0 0 10px}
.dmc-blade.cta-left>.col>.row>.col>ul.cta{text-align:left}
.dmc-blade.cta-right>.col>.row>.col>ul.cta{text-align:right}
.dmc-blade>.col>.row>.col>ul.cta li{display:inline-block;margin-right:20px;text-align:left}
.dmc-blade.cta-center>.col>.row>.col>ul.cta li:last-child{margin-right:0}
html[dir='rtl'] .dmc-blade.cta-left>.col>.row>.col>ul.cta{text-align:right}
html[dir='rtl'] .dmc-blade.cta-right>.col>.row>.col>ul.cta{text-align:left}
html[dir='rtl'] .dmc-blade>.col>.row>.col>ul.cta li{text-align:right;margin-right:0;margin-left:20px}
html[dir='rtl'] .dmc-blade.cta-center>.col>.row>.col>ul.cta li:last-child{margin-left:0}
}
@media only screen and (min-width:48em){.container.grid .row.full.dmc-blade{padding-top:70px;padding-bottom:30px}
.dmc-blade .blade-header{margin-bottom:10px}
.dmc-blade .blade-header:last-child,.dmc-blade .blade-description{margin-bottom:40px}
.dmc-blade .clip{height:185px}
.dmc-blade>.col>.row>.col>ul.cta{padding:0 0 20px}
.dmc-blade .blade-title-wrapper h2.tabtitletenpc{width:10%}
.dmc-blade .blade-title-wrapper h2.tabtitletwentypc{width:20%}
.dmc-blade .blade-title-wrapper h2.tabtitlethirtypc{width:30%}
.dmc-blade .blade-title-wrapper h2.tabtitlefortypc{width:40%}
.dmc-blade .blade-title-wrapper h2.tabtitlefiftypc{width:50%}
.dmc-blade .blade-title-wrapper h2.tabtitlesixtypc{width:60%}
.dmc-blade .blade-title-wrapper h2.tabtitleseventypc{width:70%}
.dmc-blade .blade-title-wrapper h2.tabtitleeightypc{width:80%}
.dmc-blade .cta-available .blade-title-container{position:static}
.dmc-blade .cta-available .blade-title-wrapper .blade-title-cta{position:static;margin-top:37px}
.dmc-blade .cta-available .blade-title-wrapper h2.defaulttabpc{width:80%}
.dmc-blade .blade-title-wrapper h2.defaulttabpc{width:100%}
}
@media only screen and (min-width:64em){.dmc-blade .clip{height:340px}
.dmc-blade .blade-title-wrapper h2.titletenpc{width:10%}
.dmc-blade .blade-title-wrapper h2.titletwentypc{width:20%}
.dmc-blade .blade-title-wrapper h2.titlethirtypc{width:30%}
.dmc-blade .blade-title-wrapper h2.titlefortypc{width:40%}
.dmc-blade .blade-title-wrapper h2.titlefiftypc{width:50%}
.dmc-blade .blade-title-wrapper h2.titlesixtypc{width:60%}
.dmc-blade .blade-title-wrapper h2.titleseventypc{width:70%}
.dmc-blade .cta-available .blade-title-container{position:relative}
.dmc-blade .cta-available .blade-title-wrapper .blade-title-cta{position:absolute}
.dmc-blade .cta-available .blade-title-wrapper h2.defdeskpc{width:70%}
.dmc-blade .blade-title-wrapper h2.defdeskpc{width:100%}
.dmc-blade .blade-title-container h2{font-size:48px;line-height:1.2em}
}
@media only screen and (min-width:90em){.dmc-blade .blade-title-wrapper h2.lgtitletenpc{width:10%}
.dmc-blade .blade-title-wrapper h2.lgtitletwentypc{width:20%}
.dmc-blade .blade-title-wrapper h2.lgtitlethirtypc{width:30%}
.dmc-blade .blade-title-wrapper h2.lgtitlefortypc{width:40%}
.dmc-blade .blade-title-wrapper h2.lgtitlefiftypc{width:50%}
.dmc-blade .blade-title-wrapper h2.lgtitlesixtypc{width:60%}
.dmc-blade .blade-title-wrapper h2.lgtitleseventypc{width:70%}
.dmc-blade .blade-title-wrapper h2.lgtitleeighttypc{width:80%}
.dmc-blade .blade-title-wrapper h2.lgtitleninetypc{width:90%}
.dmc-blade .cta-available .blade-title-container{position:relative}
.dmc-blade .cta-available .blade-title-wrapper .blade-title-cta{position:absolute}
.dmc-blade .cta-available .blade-title-wrapper h2.defaultlgdeskpc{width:60%}
.dmc-blade .blade-title-wrapper h2.defaultlgdeskpc{width:100%}
}
@media only screen and (max-width:47.5em){.dmc-blade .blade-title-wrapper h2{width:100%}
.dmc-blade .cta-available .blade-title-wrapper h2{width:100%}
.dmc-blade .cta-available .blade-title-container{position:static}
.dmc-blade .cta-available .blade-title-wrapper .blade-title-cta{position:static;margin-top:27px}
.dmc-blade.cta-left>.col>.row>.col>ul.cta{text-align:left}
}
#bladeSettingsMobile{display:none}
/*!* 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.half{float:left;width:50%;padding-right:10px}
.dmc-casestudyblade .dmc-content.half{float:left;width:50%;padding-left:10px}
.dmc-casestudyblade .dmc-image.twothirds{float:left;width:70%;padding-right:10px}
.dmc-casestudyblade .dmc-content.twothirds{float:left;width:30%;padding-left:10px}
.dmc-casestudyblade .dmc-content h2{text-align:left}
.dmc-casestudyblade .dmc-content.twothirds h2{text-align:left;font-size:28px !important}
.dmc-casestudyblade .dmc-content .cta{text-align:left}
.dmc-casestudyblade.var-2,.dmc-casestudyblade{-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}
.dmc-casestudyblade .dmc-content.twothirds .dmc-pullquote .quote{font-size:28px !important}
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}
}