html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,main,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article,aside,details,figcaption,figure,footer,header,menu,nav,section,main,summary { display: block } body { line-height: 1 } ol,ul { list-style: none } blockquote,q { quotes: none } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; -webkit-tap-highlight-color: transparent } audio,canvas,progress,video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden],template { display: none } a { background-color: transparent } a:active,a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted; cursor: help } b,strong { font-weight: 700 } dfn,i,em { font-style: italic } mark { background: #ff0; color: #000 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } hr { box-sizing: content-box; height: 0 } pre { overflow: auto } code,kbd,pre,samp { font-family: monospace,monospace } button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0 } /* button { overflow: visible } button,select { text-transform: none } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled],html input[disabled] { cursor: default } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type=checkbox],input[type=radio] { padding: 0 } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: none } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance: none } textarea { overflow: auto } optgroup { font-weight: 700 } @-ms-viewport { width: device-width } @-o-viewport { width: device-width } @viewport { width: device-width } *,*:before,*:after { box-sizing: inherit } button { padding: 0; background: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } [role=button] { cursor: pointer } a,area,button,[role=button],input,label,select,summary,textarea { -ms-touch-action: manipulation; touch-action: manipulation } [hidden] { display: none!important } @font-face { font-family: icons; src: url(/assets/fonts/icons.woff) format('woff'),url(/assets/fonts/icons.ttf) format('truetype'),url(/assets/fonts/icons.svg#icons) format('svg') } body,.btn,.rte a.btn,.card--count .card_content,.social-list-label,.rte strong,.rte b,.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,.video-teaser { font-family: Benton Sans Book,sans-serif } .typo_h3,.typo_h4,.typo_minor,.card-cats_headline span.card-cats_headline-number,.image-bubble_title,.locations-poi_country,.staff-slide_job,.excerpt_title,.excerpt_date,.content-block--ib-square .ib-item_title,.content-block--ib-rect .ib-item_title,.latest-news-slide_subtitle,.latest-news-slide_text,.role_title,.rte h3,.rte h4,.rte h5,.rte h6,.rte ul.linklist li,.ctc-content_block .page-teaser_list-text { font-family: Quarto A,Quarto B,serif } .site-highlight-color,.typo_h1,.typo_quote,.typo_story,.breadcrumb a.breadcrumb_link:hover,.breadcrumb a.breadcrumb_link:focus,.rte h1,.text-animate_slide-content { color: #eb8024 } .site-content--industries .site-highlight-color,.site-content--industries .typo_h1,.site-content--industries .typo_quote,.site-content--industries .typo_story,.site-content--industries .breadcrumb a.breadcrumb_link:hover,.site-content--industries .breadcrumb a.breadcrumb_link:focus,.site-content--industries .rte h1,.site-content--industries .text-animate_slide-content { color: #ffc000 } .site-content--services .site-highlight-color,.site-content--services .typo_h1,.site-content--services .typo_quote,.site-content--services .typo_story,.site-content--services .breadcrumb a.breadcrumb_link:hover,.site-content--services .breadcrumb a.breadcrumb_link:focus,.site-content--services .rte h1,.site-content--services .text-animate_slide-content { color: #2789da } .site-content--solutions .site-highlight-color,.site-content--solutions .typo_h1,.site-content--solutions .typo_quote,.site-content--solutions .typo_story,.site-content--solutions .breadcrumb a.breadcrumb_link:hover,.site-content--solutions .breadcrumb a.breadcrumb_link:focus,.site-content--solutions .rte h1,.site-content--solutions .text-animate_slide-content { color: #fb4200 } .site-content--insights .site-highlight-color,.site-content--insights .typo_h1,.site-content--insights .typo_quote,.site-content--insights .typo_story,.site-content--insights .breadcrumb a.breadcrumb_link:hover,.site-content--insights .breadcrumb a.breadcrumb_link:focus,.site-content--insights .rte h1,.site-content--insights .text-animate_slide-content { color: #3ec73c } .site-content--careers .site-highlight-color,.site-content--careers .typo_h1,.site-content--careers .typo_quote,.site-content--careers .typo_story,.site-content--careers .breadcrumb a.breadcrumb_link:hover,.site-content--careers .breadcrumb a.breadcrumb_link:focus,.site-content--careers .rte h1,.site-content--careers .text-animate_slide-content { color: #eb8024 } .site-content--about .site-highlight-color,.site-content--about .typo_h1,.site-content--about .typo_quote,.site-content--about .typo_story,.site-content--about .breadcrumb a.breadcrumb_link:hover,.site-content--about .breadcrumb a.breadcrumb_link:focus,.site-content--about .rte h1,.site-content--about .text-animate_slide-content { color: #eb8024 } .site-content--tech-trends-story .site-highlight-color,.site-content--tech-trends-story .typo_h1,.site-content--tech-trends-story .typo_quote,.site-content--tech-trends-story .typo_story,.site-content--tech-trends-story .breadcrumb a.breadcrumb_link:hover,.site-content--tech-trends-story .breadcrumb a.breadcrumb_link:focus,.site-content--tech-trends-story .rte h1,.site-content--tech-trends-story .text-animate_slide-content { color: #754dc3 } .ellipsis,.breadcrumb_link { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .hl-separator:after { content: ''; display: block; width: 37px; height: 2px; margin-top: 10px; background: #eb8024 } .site-content--industries .hl-separator:after { background: #ffc000 } .site-content--services .hl-separator:after { background: #2789da } .site-content--solutions .hl-separator:after { background: #fb4200 } .site-content--insights .hl-separator:after { background: #3ec73c } .site-content--careers .hl-separator:after { background: #eb8024 } .site-content--about .hl-separator:after { background: #eb8024 } .site-content--tech-trends-story .hl-separator:after { background: #754dc3 } .hl-separator.content_headline:after { height: 3px; margin-top: 25px } .typo_h1,.rte h1,.text-animate_slide-content { font-family: Quarto A,Quarto B,serif; font-size: 32px; line-height: 1.3; letter-spacing: .0625rem } .typo_h1:after,.rte h1:after,.text-animate_slide-content:after { display: none } .typo_h2,.overview-item_title,.rte .typo_h2 { font-family: Quarto A,Quarto B,serif; font-size: 30px; line-height: 1.5; letter-spacing: .03125rem } .typo_h2-secondary,.rte h2,.rte .typo_h2-secondary,.skew-block_jet-engine h1 { font-family: Quarto A,Quarto B,serif; font-size: 20px; line-height: 1.4; letter-spacing: .03125rem } .typo_h3,.image-bubble_title,.excerpt_title,.content-block--ib-square .ib-item_title,.content-block--ib-rect .ib-item_title,.role_title,.rte h3,.rte h4,.rte h5,.rte h6,.rte ul.linklist li,.ctc-content_block .page-teaser_list-text { font-weight: 700; font-size: 16px; line-height: 1.75; letter-spacing: .03125rem } .typo_h4 { font-size: 16px; letter-spacing: .03125rem } .typo_preheadline { font-family: Benton Sans,sans-serif; color: #2e2e2e!important; margin-bottom: 0; font-weight: 700; font-size: 12px; line-height: 1.75; text-transform: uppercase; letter-spacing: .125rem } .typo_minor,.locations-poi_country,.excerpt_date { color: #9b9b9b; font-style: italic; font-size: 16px; line-height: 1.75 } .typo_quote { font-family: Quarto A,Quarto B,serif; font-size: 20px; line-height: 1.8; letter-spacing: .03125rem; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding-top: 32px; padding-bottom: 32px } .typo_normal,.image-bubble_text,.locations-poi_address,.aside_related-link,.excerpt_content,.overview-item_content,.role_description,.skew-block_jet-engine { color: #2e2e2e; font-size: 16px; line-height: 1.75 } .typo_highlighted,.skew-block_open-hardware { font-family: Benton Sans Book,sans-serif; color: #2e2e2e; font-size: 18px; line-height: 1.8 } .typo_abstract,.content-block--lp .content_rte,.skew-block_content { font-family: Benton Sans Book,sans-serif; font-size: 20px; line-height: 1.4 } .typo_subtitle,.skew-block_jet-engine h2 { font-family: Benton Sans,sans-serif; font-size: 22px; line-height: 1.27 } .typo_intro { color: #2e2e2e; font-family: Benton Sans Medium,sans-serif; font-size: 20px; line-height: 2; border-bottom: 1px solid #e3e3e3; padding-bottom: 24px } .typo_story { font-family: Benton Sans Light,sans-serif; font-size: 24px; line-height: 1.3 } .typo_iconlist,.page-teaser_list { font-family: Benton Sans,sans-serif; font-size: 16px; line-height: 1.75 } .typo_orderedlist,.rte ol.enumeration-list { font-family: Quarto A,Quarto B,serif; font-size: 16px; line-height: 1.7 } html { height: 100% } body { background: #fff; color: #2e2e2e; font-size: 16px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; height: 100% } body.no-scroll--detail { position: fixed; width: 100%; height: 100%; overflow: hidden } a { color: #9b9b9b; text-decoration: none } .hyperlink,.card-list_load-more a,.locations-poi_address a,.masonry-item_link,.overview-item_read-more-link,.rte a,.rte ul.linklist a,.content-block--newslist div.load-more a { border-bottom: 2px solid currentColor; color: #9b9b9b } .hyperlink:hover,.card-list_load-more a:hover,.locations-poi_address a:hover,.masonry-item_link:hover,.overview-item_read-more-link:hover,.rte a:hover,.rte ul.linklist a:hover,.content-block--newslist div.load-more a:hover { border-bottom-color: #e2e2e2 } .hyperlink:active,.card-list_load-more a:active,.locations-poi_address a:active,.masonry-item_link:active,.overview-item_read-more-link:active,.rte a:active,.rte ul.linklist a:active,.content-block--newslist div.load-more a:active { color: #e2e2e2 } .hyperlink[href*='industries/'],.card-list_load-more a[href*='industries/'],.locations-poi_address a[href*='industries/'],.masonry-item_link[href*='industries/'],.overview-item_read-more-link[href*='industries/'],.rte a[href*='industries/'],.rte ul.linklist a[href*='industries/'],.content-block--newslist div.load-more a[href*='industries/'],.hyperlink[href*='services/'],.card-list_load-more a[href*='services/'],.locations-poi_address a[href*='services/'],.masonry-item_link[href*='services/'],.overview-item_read-more-link[href*='services/'],.rte a[href*='services/'],.rte ul.linklist a[href*='services/'],.content-block--newslist div.load-more a[href*='services/'],.hyperlink[href*='insights/'],.card-list_load-more a[href*='insights/'],.locations-poi_address a[href*='insights/'],.masonry-item_link[href*='insights/'],.overview-item_read-more-link[href*='insights/'],.rte a[href*='insights/'],.rte ul.linklist a[href*='insights/'],.content-block--newslist div.load-more a[href*='insights/'],.hyperlink[href*='solutions/'],.card-list_load-more a[href*='solutions/'],.locations-poi_address a[href*='solutions/'],.masonry-item_link[href*='solutions/'],.overview-item_read-more-link[href*='solutions/'],.rte a[href*='solutions/'],.rte ul.linklist a[href*='solutions/'],.content-block--newslist div.load-more a[href*='solutions/'],.hyperlink[href*='careers/'],.card-list_load-more a[href*='careers/'],.locations-poi_address a[href*='careers/'],.masonry-item_link[href*='careers/'],.overview-item_read-more-link[href*='careers/'],.rte a[href*='careers/'],.rte ul.linklist a[href*='careers/'],.content-block--newslist div.load-more a[href*='careers/'],.hyperlink[href*='about/'],.card-list_load-more a[href*='about/'],.locations-poi_address a[href*='about/'],.masonry-item_link[href*='about/'],.overview-item_read-more-link[href*='about/'],.rte a[href*='about/'],.rte ul.linklist a[href*='about/'],.content-block--newslist div.load-more a[href*='about/'] { color: #2e2e2e } .hyperlink[href*='industries/']:active,.card-list_load-more a[href*='industries/']:active,.locations-poi_address a[href*='industries/']:active,.masonry-item_link[href*='industries/']:active,.overview-item_read-more-link[href*='industries/']:active,.rte a[href*='industries/']:active,.rte ul.linklist a[href*='industries/']:active,.content-block--newslist div.load-more a[href*='industries/']:active,.hyperlink[href*='services/']:active,.card-list_load-more a[href*='services/']:active,.locations-poi_address a[href*='services/']:active,.masonry-item_link[href*='services/']:active,.overview-item_read-more-link[href*='services/']:active,.rte a[href*='services/']:active,.rte ul.linklist a[href*='services/']:active,.content-block--newslist div.load-more a[href*='services/']:active,.hyperlink[href*='insights/']:active,.card-list_load-more a[href*='insights/']:active,.locations-poi_address a[href*='insights/']:active,.masonry-item_link[href*='insights/']:active,.overview-item_read-more-link[href*='insights/']:active,.rte a[href*='insights/']:active,.rte ul.linklist a[href*='insights/']:active,.content-block--newslist div.load-more a[href*='insights/']:active,.hyperlink[href*='solutions/']:active,.card-list_load-more a[href*='solutions/']:active,.locations-poi_address a[href*='solutions/']:active,.masonry-item_link[href*='solutions/']:active,.overview-item_read-more-link[href*='solutions/']:active,.rte a[href*='solutions/']:active,.rte ul.linklist a[href*='solutions/']:active,.content-block--newslist div.load-more a[href*='solutions/']:active,.hyperlink[href*='careers/']:active,.card-list_load-more a[href*='careers/']:active,.locations-poi_address a[href*='careers/']:active,.masonry-item_link[href*='careers/']:active,.overview-item_read-more-link[href*='careers/']:active,.rte a[href*='careers/']:active,.rte ul.linklist a[href*='careers/']:active,.content-block--newslist div.load-more a[href*='careers/']:active,.hyperlink[href*='about/']:active,.card-list_load-more a[href*='about/']:active,.locations-poi_address a[href*='about/']:active,.masonry-item_link[href*='about/']:active,.overview-item_read-more-link[href*='about/']:active,.rte a[href*='about/']:active,.rte ul.linklist a[href*='about/']:active,.content-block--newslist div.load-more a[href*='about/']:active { border-bottom-color: currentColor } .hyperlink[href*='industries/'],.card-list_load-more a[href*='industries/'],.locations-poi_address a[href*='industries/'],.masonry-item_link[href*='industries/'],.overview-item_read-more-link[href*='industries/'],.rte a[href*='industries/'],.rte ul.linklist a[href*='industries/'],.content-block--newslist div.load-more a[href*='industries/'] { border-bottom-color: #ffc000 } .hyperlink[href*='industries/']:hover,.card-list_load-more a[href*='industries/']:hover,.locations-poi_address a[href*='industries/']:hover,.masonry-item_link[href*='industries/']:hover,.overview-item_read-more-link[href*='industries/']:hover,.rte a[href*='industries/']:hover,.rte ul.linklist a[href*='industries/']:hover,.content-block--newslist div.load-more a[href*='industries/']:hover { color: #ffc000 } .hyperlink[href*='industries/']:active,.card-list_load-more a[href*='industries/']:active,.locations-poi_address a[href*='industries/']:active,.masonry-item_link[href*='industries/']:active,.overview-item_read-more-link[href*='industries/']:active,.rte a[href*='industries/']:active,.rte ul.linklist a[href*='industries/']:active,.content-block--newslist div.load-more a[href*='industries/']:active { color: #ecac00 } .hyperlink[href*='services/'],.card-list_load-more a[href*='services/'],.locations-poi_address a[href*='services/'],.masonry-item_link[href*='services/'],.overview-item_read-more-link[href*='services/'],.rte a[href*='services/'],.rte ul.linklist a[href*='services/'],.content-block--newslist div.load-more a[href*='services/'] { border-bottom-color: #2789da } .hyperlink[href*='services/']:hover,.card-list_load-more a[href*='services/']:hover,.locations-poi_address a[href*='services/']:hover,.masonry-item_link[href*='services/']:hover,.overview-item_read-more-link[href*='services/']:hover,.rte a[href*='services/']:hover,.rte ul.linklist a[href*='services/']:hover,.content-block--newslist div.load-more a[href*='services/']:hover { color: #2789da } .hyperlink[href*='services/']:active,.card-list_load-more a[href*='services/']:active,.locations-poi_address a[href*='services/']:active,.masonry-item_link[href*='services/']:active,.overview-item_read-more-link[href*='services/']:active,.rte a[href*='services/']:active,.rte ul.linklist a[href*='services/']:active,.content-block--newslist div.load-more a[href*='services/']:active { color: #0f72c3 } .hyperlink[href*='insights/'],.card-list_load-more a[href*='insights/'],.locations-poi_address a[href*='insights/'],.masonry-item_link[href*='insights/'],.overview-item_read-more-link[href*='insights/'],.rte a[href*='insights/'],.rte ul.linklist a[href*='insights/'],.content-block--newslist div.load-more a[href*='insights/'] { border-bottom-color: #3ec73c } .hyperlink[href*='insights/']:hover,.card-list_load-more a[href*='insights/']:hover,.locations-poi_address a[href*='insights/']:hover,.masonry-item_link[href*='insights/']:hover,.overview-item_read-more-link[href*='insights/']:hover,.rte a[href*='insights/']:hover,.rte ul.linklist a[href*='insights/']:hover,.content-block--newslist div.load-more a[href*='insights/']:hover { color: #3ec73c } .hyperlink[href*='insights/']:active,.card-list_load-more a[href*='insights/']:active,.locations-poi_address a[href*='insights/']:active,.masonry-item_link[href*='insights/']:active,.overview-item_read-more-link[href*='insights/']:active,.rte a[href*='insights/']:active,.rte ul.linklist a[href*='insights/']:active,.content-block--newslist div.load-more a[href*='insights/']:active { color: #27a825 } .hyperlink[href*='solutions/'],.card-list_load-more a[href*='solutions/'],.locations-poi_address a[href*='solutions/'],.masonry-item_link[href*='solutions/'],.overview-item_read-more-link[href*='solutions/'],.rte a[href*='solutions/'],.rte ul.linklist a[href*='solutions/'],.content-block--newslist div.load-more a[href*='solutions/'] { border-bottom-color: #fb4200 } .hyperlink[href*='solutions/']:hover,.card-list_load-more a[href*='solutions/']:hover,.locations-poi_address a[href*='solutions/']:hover,.masonry-item_link[href*='solutions/']:hover,.overview-item_read-more-link[href*='solutions/']:hover,.rte a[href*='solutions/']:hover,.rte ul.linklist a[href*='solutions/']:hover,.content-block--newslist div.load-more a[href*='solutions/']:hover { color: #fb4200 } .hyperlink[href*='solutions/']:active,.card-list_load-more a[href*='solutions/']:active,.locations-poi_address a[href*='solutions/']:active,.masonry-item_link[href*='solutions/']:active,.overview-item_read-more-link[href*='solutions/']:active,.rte a[href*='solutions/']:active,.rte ul.linklist a[href*='solutions/']:active,.content-block--newslist div.load-more a[href*='solutions/']:active { color: #d23700 } .hyperlink[href*='careers/'],.card-list_load-more a[href*='careers/'],.locations-poi_address a[href*='careers/'],.masonry-item_link[href*='careers/'],.overview-item_read-more-link[href*='careers/'],.rte a[href*='careers/'],.rte ul.linklist a[href*='careers/'],.content-block--newslist div.load-more a[href*='careers/'] { border-bottom-color: #eb8024 } .hyperlink[href*='careers/']:hover,.card-list_load-more a[href*='careers/']:hover,.locations-poi_address a[href*='careers/']:hover,.masonry-item_link[href*='careers/']:hover,.overview-item_read-more-link[href*='careers/']:hover,.rte a[href*='careers/']:hover,.rte ul.linklist a[href*='careers/']:hover,.content-block--newslist div.load-more a[href*='careers/']:hover { color: #eb8024 } .hyperlink[href*='careers/']:active,.card-list_load-more a[href*='careers/']:active,.locations-poi_address a[href*='careers/']:active,.masonry-item_link[href*='careers/']:active,.overview-item_read-more-link[href*='careers/']:active,.rte a[href*='careers/']:active,.rte ul.linklist a[href*='careers/']:active,.content-block--newslist div.load-more a[href*='careers/']:active { color: #cf6810 } .hyperlink[href*='about/'],.card-list_load-more a[href*='about/'],.locations-poi_address a[href*='about/'],.masonry-item_link[href*='about/'],.overview-item_read-more-link[href*='about/'],.rte a[href*='about/'],.rte ul.linklist a[href*='about/'],.content-block--newslist div.load-more a[href*='about/'] { border-bottom-color: #eb8024 } .hyperlink[href*='about/']:hover,.card-list_load-more a[href*='about/']:hover,.locations-poi_address a[href*='about/']:hover,.masonry-item_link[href*='about/']:hover,.overview-item_read-more-link[href*='about/']:hover,.rte a[href*='about/']:hover,.rte ul.linklist a[href*='about/']:hover,.content-block--newslist div.load-more a[href*='about/']:hover { color: #eb8024 } .hyperlink[href*='about/']:active,.card-list_load-more a[href*='about/']:active,.locations-poi_address a[href*='about/']:active,.masonry-item_link[href*='about/']:active,.overview-item_read-more-link[href*='about/']:active,.rte a[href*='about/']:active,.rte ul.linklist a[href*='about/']:active,.content-block--newslist div.load-more a[href*='about/']:active { color: #cf6810 } .readmore-link,.video-teaser_more { letter-spacing: 1px; font-family: Benton Sans,sans-serif; font-weight: 700; font-size: 13px; line-height: 26px; text-transform: uppercase } .cf:before,.breadcrumb:before,.card-cats:before,.card-list_list:before,.contact-person:before,.excerpts:before,.latest-news:before,.overview-item:before,.roles:before,.role:before,.video-teaser--primary:before,.readmore-block:before,.cf:after,.breadcrumb:after,.card-cats:after,.card-list_list:after,.contact-person:after,.excerpts:after,.latest-news:after,.overview-item:after,.roles:after,.role:after,.video-teaser--primary:after,.readmore-block:after { content: ''; display: table } .cf:after,.breadcrumb:after,.card-cats:after,.card-list_list:after,.contact-person:after,.excerpts:after,.latest-news:after,.overview-item:after,.roles:after,.role:after,.video-teaser--primary:after,.readmore-block:after { clear: both } .momentum { overflow-y: scroll; -webkit-overflow-scrolling: touch } .middle-absolute,.next-btn_icon,.video_play-btn,.listview--casestudies .media-object_img,.listview--whitepaper .media-object_img,.listview--webinars .media-object_img,.listview--blogs .media-object_img,.skew-block_pattern { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .vam-container:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle } .vam-container__inner { display: inline-block; width: 98%; vertical-align: middle } .vam-absolute { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .stretched-container,.video_overlay,.video_inner,.detail_expanded-close-area,.skew-block--story_background,.image-sequence_element,.chapter-video .sticky-wrapper,.image-teaser_inner,.video-teaser_overlay:after,.video-teaser_overlay-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden } .selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder { visibility: visible!important; background: #f2f2f2!important; background: rgba(0,0,0,.06)!important; border: 0 none!important; -webkit-box-shadow: inset 0 0 12px 4px #fff; box-shadow: inset 0 0 12px 4px #fff } .selectize-control.plugin-drag_drop .ui-sortable-placeholder:after { content: '!'; visibility: hidden } .selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2); box-shadow: 0 2px 5px rgba(0,0,0,.2) } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: .4; margin-top: -12px; line-height: 20px; font-size: 20px!important } .selectize-dropdown-header-close:hover { color: #000 } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px!important } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: 700; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0; border-left: 1px solid #d0d0d0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0,0,0,.05) } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #fff } .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 28px; top: 6px; font-size: 23px } .selectize-control { position: relative } .selectize-dropdown,.selectize-input,.selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit } .selectize-input,.selectize-control.single .selectize-input.input-active { background: #fff; cursor: text; display: inline-block } .selectize-input { border: 1px solid #d0d0d0; padding: 8px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1); box-shadow: inset 0 1px 1px rgba(0,0,0,.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .selectize-control.multi .selectize-input.has-items { padding: 6px 8px 3px } .selectize-input.full { background-color: #fff } .selectize-input.disabled,.selectize-input.disabled * { cursor: default!important } .selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.15); box-shadow: inset 0 1px 2px rgba(0,0,0,.15) } .selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .selectize-input>* { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom:1;*display: inline } .selectize-control.multi .selectize-input>div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0 } .selectize-control.multi .selectize-input>div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca } .selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active { color: #7d7d7d; background: #fff; border: 0 solid #fff } .selectize-input>input { display: inline-block!important; padding: 0!important; min-height: 0!important; max-height: none!important; max-width: 100%!important; margin: 0 2px 0 0!important; text-indent: 0!important; border: 0 none!important; background: none!important; line-height: inherit!important; -webkit-user-select: auto!important; -webkit-box-shadow: none!important; box-shadow: none!important } .selectize-input>input::-ms-clear { display: none } .selectize-input>input:focus { outline: none!important } .selectize-input:after { content: ' '; display: block; clear: left } .selectize-input.dropdown-active:before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0 } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #fff; margin: -1px 0 0; border-top: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden } .selectize-dropdown [data-selectable] .highlight { background: rgba(125,168,208,.2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .selectize-dropdown [data-selectable],.selectize-dropdown .optgroup-header { padding: 5px 8px } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none } .selectize-dropdown .optgroup-header { color: #303030; background: #fff; cursor: default } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68 } .selectize-dropdown .active.create { color: #495c68 } .selectize-dropdown .create { color: rgba(48,48,48,.5) } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch } .selectize-control.single .selectize-input,.selectize-control.single .selectize-input input { cursor: pointer } .selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input { cursor: text } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0; border-color: gray transparent transparent } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px; border-color: transparent transparent gray } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto } .selectize-control.rtl .selectize-input>input { margin: 0 4px 0 -2px!important } .selectize-control .selectize-input.disabled { opacity: .5; background-color: #fafafa } .svg-icon,[class^=svg-icon-],[class*=' svg-icon-'] { background-size: 100% auto; background-repeat: no-repeat } .title-icon { display: inline-block; width: 32px; height: 32px; vertical-align: middle } .svg-icon--careers-jobsearch { background-image: url(/assets/img/icons/careers-jobsearch.svg) } .svg-icon--careers-jobsearch.is-black { background-image: url(/assets/img/icons/black/careers-jobsearch.svg) } .svg-icon--careers-jobsearch.is-white { background-image: url(/assets/img/icons/white/careers-jobsearch.svg) } .svg-icon--careers-locations { background-image: url(/assets/img/icons/careers-locations.svg) } .svg-icon--careers-locations.is-black { background-image: url(/assets/img/icons/black/careers-locations.svg) } .svg-icon--careers-locations.is-white { background-image: url(/assets/img/icons/white/careers-locations.svg) } .svg-icon--careers-teamsandroles { background-image: url(/assets/img/icons/careers-teamsandroles.svg) } .svg-icon--careers-teamsandroles.is-black { background-image: url(/assets/img/icons/black/careers-teamsandroles.svg) } .svg-icon--careers-teamsandroles.is-white { background-image: url(/assets/img/icons/white/careers-teamsandroles.svg) } .svg-icon--careers-workingataricent { background-image: url(/assets/img/icons/careers-workingataricent.svg) } .svg-icon--careers-workingataricent.is-black { background-image: url(/assets/img/icons/black/careers-workingataricent.svg) } .svg-icon--careers-workingataricent.is-white { background-image: url(/assets/img/icons/white/careers-workingataricent.svg) } .svg-icon--design-experiencedesign { background-image: url(/assets/img/icons/design-experiencedesign.svg) } .svg-icon--design-experiencedesign.is-black { background-image: url(/assets/img/icons/black/design-experiencedesign.svg) } .svg-icon--design-experiencedesign.is-white { background-image: url(/assets/img/icons/white/design-experiencedesign.svg) } .svg-icon--design-productrealization { background-image: url(/assets/img/icons/design-productrealization.svg) } .svg-icon--design-productrealization.is-black { background-image: url(/assets/img/icons/black/design-productrealization.svg) } .svg-icon--design-productrealization.is-white { background-image: url(/assets/img/icons/white/design-productrealization.svg) } .svg-icon--design-productservicedesign { background-image: url(/assets/img/icons/design-productservicedesign.svg) } .svg-icon--design-productservicedesign.is-black { background-image: url(/assets/img/icons/black/design-productservicedesign.svg) } .svg-icon--design-productservicedesign.is-white { background-image: url(/assets/img/icons/white/design-productservicedesign.svg) } .svg-icon--design-growthstrategy { background-image: url(/assets/img/icons/design-growthstrategy.svg) } .svg-icon--design-growthstrategy.is-black { background-image: url(/assets/img/icons/black/design-growthstrategy.svg) } .svg-icon--design-growthstrategy.is-white { background-image: url(/assets/img/icons/white/design-growthstrategy.svg) } .svg-icon--design-experiencestrategy { background-image: url(/assets/img/icons/design-experiencestrategy.svg) } .svg-icon--design-experiencestrategy.is-black { background-image: url(/assets/img/icons/black/design-experiencestrategy.svg) } .svg-icon--design-experiencestrategy.is-white { background-image: url(/assets/img/icons/white/design-experiencestrategy.svg) } .svg-icon--deveng-cloudengineering { background-image: url(/assets/img/icons/deveng-cloudengineering.svg) } .svg-icon--deveng-cloudengineering.is-black { background-image: url(/assets/img/icons/black/deveng-cloudengineering.svg) } .svg-icon--deveng-cloudengineering.is-white { background-image: url(/assets/img/icons/white/deveng-cloudengineering.svg) } .svg-icon--deveng-connecteddevicesandservices { background-image: url(/assets/img/icons/deveng-connecteddevicesandservices.svg) } .svg-icon--deveng-connecteddevicesandservices.is-black { background-image: url(/assets/img/icons/black/deveng-connecteddevicesandservices.svg) } .svg-icon--deveng-connecteddevicesandservices.is-white { background-image: url(/assets/img/icons/white/deveng-connecteddevicesandservices.svg) } .svg-icon--deveng-dataandcontextservices { background-image: url(/assets/img/icons/deveng-dataandcontextservices.svg) } .svg-icon--deveng-dataandcontextservices.is-black { background-image: url(/assets/img/icons/black/deveng-dataandcontextservices.svg) } .svg-icon--deveng-dataandcontextservices.is-white { background-image: url(/assets/img/icons/white/deveng-dataandcontextservices.svg) } .svg-icon--deveng-devops { background-image: url(/assets/img/icons/deveng-devops.svg) } .svg-icon--deveng-devops.is-black { background-image: url(/assets/img/icons/black/deveng-devops.svg) } .svg-icon--deveng-devops.is-white { background-image: url(/assets/img/icons/white/deveng-devops.svg) } .svg-icon--deveng-embeddedplatformengineering { background-image: url(/assets/img/icons/deveng-embeddedplatformengineering.svg) } .svg-icon--deveng-embeddedplatformengineering.is-black { background-image: url(/assets/img/icons/black/deveng-embeddedplatformengineering.svg) } .svg-icon--deveng-embeddedplatformengineering.is-white { background-image: url(/assets/img/icons/white/deveng-embeddedplatformengineering.svg) } .svg-icon--deveng-experienceengineeringservices { background-image: url(/assets/img/icons/deveng-experienceengineeringservices.svg) } .svg-icon--deveng-experienceengineeringservices.is-black { background-image: url(/assets/img/icons/black/deveng-experienceengineeringservices.svg) } .svg-icon--deveng-experienceengineeringservices.is-white { background-image: url(/assets/img/icons/white/deveng-experienceengineeringservices.svg) } .svg-icon--deveng-iotengineering { background-image: url(/assets/img/icons/deveng-iotengineering.svg) } .svg-icon--deveng-iotengineering.is-black { background-image: url(/assets/img/icons/black/deveng-iotengineering.svg) } .svg-icon--deveng-iotengineering.is-white { background-image: url(/assets/img/icons/white/deveng-iotengineering.svg) } .svg-icon--deveng-sdn-nfvpoweredproductengineering { background-image: url(/assets/img/icons/deveng-sdn-nfvpoweredproductengineering.svg) } .svg-icon--deveng-sdn-nfvpoweredproductengineering.is-black { background-image: url(/assets/img/icons/black/deveng-sdn-nfvpoweredproductengineering.svg) } .svg-icon--deveng-sdn-nfvpoweredproductengineering.is-white { background-image: url(/assets/img/icons/white/deveng-sdn-nfvpoweredproductengineering.svg) } .svg-icon--deveng-securityengineering { background-image: url(/assets/img/icons/deveng-securityengineering.svg) } .svg-icon--deveng-securityengineering.is-black { background-image: url(/assets/img/icons/black/deveng-securityengineering.svg) } .svg-icon--deveng-securityengineering.is-white { background-image: url(/assets/img/icons/white/deveng-securityengineering.svg) } .svg-icon--deveng-silicondesignandverification { background-image: url(/assets/img/icons/deveng-silicondesignandverification.svg) } .svg-icon--deveng-silicondesignandverification.is-black { background-image: url(/assets/img/icons/black/deveng-silicondesignandverification.svg) } .svg-icon--deveng-silicondesignandverification.is-white { background-image: url(/assets/img/icons/white/deveng-silicondesignandverification.svg) } .svg-icon--deveng-softwareproductqualityengineering { background-image: url(/assets/img/icons/deveng-softwareproductqualityengineering.svg) } .svg-icon--deveng-softwareproductqualityengineering.is-black { background-image: url(/assets/img/icons/black/deveng-softwareproductqualityengineering.svg) } .svg-icon--deveng-softwareproductqualityengineering.is-white { background-image: url(/assets/img/icons/white/deveng-softwareproductqualityengineering.svg) } .svg-icon--deveng-wirelessproductandinfrastructureengineering { background-image: url(/assets/img/icons/deveng-wirelessproductandinfrastructureengineering.svg) } .svg-icon--deveng-wirelessproductandinfrastructureengineering.is-black { background-image: url(/assets/img/icons/black/deveng-wirelessproductandinfrastructureengineering.svg) } .svg-icon--deveng-wirelessproductandinfrastructureengineering.is-white { background-image: url(/assets/img/icons/white/deveng-wirelessproductandinfrastructureengineering.svg) } .svg-icon--deveng-switchingservices { background-image: url(/assets/img/icons/deveng-switchingservices.svg) } .svg-icon--deveng-switchingservices.is-black { background-image: url(/assets/img/icons/black/deveng-switchingservices.svg) } .svg-icon--deveng-switchingservices.is-white { background-image: url(/assets/img/icons/white/deveng-switchingservices.svg) } .svg-icon--industries-automotive { background-image: url(/assets/img/icons/industries-automotive.svg) } .svg-icon--industries-automotive.is-black { background-image: url(/assets/img/icons/black/industries-automotive.svg) } .svg-icon--industries-automotive.is-white { background-image: url(/assets/img/icons/white/industries-automotive.svg) } .svg-icon--industries-consumerelectronics { background-image: url(/assets/img/icons/industries-consumerelectronics.svg) } .svg-icon--industries-consumerelectronics.is-black { background-image: url(/assets/img/icons/black/industries-consumerelectronics.svg) } .svg-icon--industries-consumerelectronics.is-white { background-image: url(/assets/img/icons/white/industries-consumerelectronics.svg) } .svg-icon--industries-consumersoftware { background-image: url(/assets/img/icons/industries-consumersoftware.svg) } .svg-icon--industries-consumersoftware.is-black { background-image: url(/assets/img/icons/black/industries-consumersoftware.svg) } .svg-icon--industries-consumersoftware.is-white { background-image: url(/assets/img/icons/white/industries-consumersoftware.svg) } .svg-icon--industries-energy { background-image: url(/assets/img/icons/industries-energy.svg) } .svg-icon--industries-energy.is-black { background-image: url(/assets/img/icons/black/industries-energy.svg) } .svg-icon--industries-energy.is-white { background-image: url(/assets/img/icons/white/industries-energy.svg) } .svg-icon--industries-enterprisesoftware { background-image: url(/assets/img/icons/industries-enterprisesoftware.svg) } .svg-icon--industries-enterprisesoftware.is-black { background-image: url(/assets/img/icons/black/industries-enterprisesoftware.svg) } .svg-icon--industries-enterprisesoftware.is-white { background-image: url(/assets/img/icons/white/industries-enterprisesoftware.svg) } .svg-icon--industries-industrial { background-image: url(/assets/img/icons/industries-industrial.svg) } .svg-icon--industries-industrial.is-black { background-image: url(/assets/img/icons/black/industries-industrial.svg) } .svg-icon--industries-industrial.is-white { background-image: url(/assets/img/icons/white/industries-industrial.svg) } .svg-icon--industries-internetservices { background-image: url(/assets/img/icons/industries-internetservices.svg) } .svg-icon--industries-internetservices.is-black { background-image: url(/assets/img/icons/black/industries-internetservices.svg) } .svg-icon--industries-internetservices.is-white { background-image: url(/assets/img/icons/white/industries-internetservices.svg) } .svg-icon--industries-mediaandentertainment { background-image: url(/assets/img/icons/industries-mediaandentertainment.svg) } .svg-icon--industries-mediaandentertainment.is-black { background-image: url(/assets/img/icons/black/industries-mediaandentertainment.svg) } .svg-icon--industries-mediaandentertainment.is-white { background-image: url(/assets/img/icons/white/industries-mediaandentertainment.svg) } .svg-icon--industries-businessmanagementsystem { background-image: url(/assets/img/icons/industries-businessmanagementsystem.svg) } .svg-icon--industries-businessmanagementsystem.is-black { background-image: url(/assets/img/icons/black/industries-businessmanagementsystem.svg) } .svg-icon--industries-businessmanagementsystem.is-white { background-image: url(/assets/img/icons/white/industries-businessmanagementsystem.svg) } .svg-icon--industries-networking { background-image: url(/assets/img/icons/industries-networking.svg) } .svg-icon--industries-networking.is-black { background-image: url(/assets/img/icons/black/industries-networking.svg) } .svg-icon--industries-networking.is-white { background-image: url(/assets/img/icons/white/industries-networking.svg) } .svg-icon--industries-semiconductor { background-image: url(/assets/img/icons/industries-semiconductor.svg) } .svg-icon--industries-semiconductor.is-black { background-image: url(/assets/img/icons/black/industries-semiconductor.svg) } .svg-icon--industries-semiconductor.is-white { background-image: url(/assets/img/icons/white/industries-semiconductor.svg) } .svg-icon--industries-telecommunications { background-image: url(/assets/img/icons/industries-telecommunications.svg) } .svg-icon--industries-telecommunications.is-black { background-image: url(/assets/img/icons/black/industries-telecommunications.svg) } .svg-icon--industries-telecommunications.is-white { background-image: url(/assets/img/icons/white/industries-telecommunications.svg) } .svg-icon--services-design { background-image: url(/assets/img/icons/services-design.svg) } .svg-icon--services-design.is-black { background-image: url(/assets/img/icons/black/services-design.svg) } .svg-icon--services-design.is-white { background-image: url(/assets/img/icons/white/services-design.svg) } .svg-icon--testsupop-managedservices { background-image: url(/assets/img/icons/testsupop-managedservices.svg) } .svg-icon--testsupop-managedservices.is-black { background-image: url(/assets/img/icons/black/testsupop-managedservices.svg) } .svg-icon--testsupop-managedservices.is-white { background-image: url(/assets/img/icons/white/testsupop-managedservices.svg) } .svg-icon--testsupop-rapidnetworktransformation { background-image: url(/assets/img/icons/testsupop-rapidnetworktransformation.svg) } .svg-icon--testsupop-rapidnetworktransformation.is-black { background-image: url(/assets/img/icons/black/testsupop-rapidnetworktransformation.svg) } .svg-icon--testsupop-rapidnetworktransformation.is-white { background-image: url(/assets/img/icons/white/testsupop-rapidnetworktransformation.svg) } .svg-icon--testsupop-technicalsupport { background-image: url(/assets/img/icons/testsupop-technicalsupport.svg) } .svg-icon--testsupop-technicalsupport.is-black { background-image: url(/assets/img/icons/black/testsupop-technicalsupport.svg) } .svg-icon--testsupop-technicalsupport.is-white { background-image: url(/assets/img/icons/white/testsupop-technicalsupport.svg) } .svg-icon--testsupop-totaltestingservices { background-image: url(/assets/img/icons/testsupop-totaltestingservices.svg) } .svg-icon--testsupop-totaltestingservices.is-black { background-image: url(/assets/img/icons/black/testsupop-totaltestingservices.svg) } .svg-icon--testsupop-totaltestingservices.is-white { background-image: url(/assets/img/icons/white/testsupop-totaltestingservices.svg) } .svg-icon--services-dev-engineering { background-image: url(/assets/img/icons/services-developmentengineering.svg) } .svg-icon--services-dev-engineering.is-black { background-image: url(/assets/img/icons/black/services-developmentengineering.svg) } .svg-icon--services-dev-engineering.is-white { background-image: url(/assets/img/icons/white/services-developmentengineering.svg) } .svg-icon--services-test-support { background-image: url(/assets/img/icons/services-testsupportandoperations.svg) } .svg-icon--services-test-support.is-black { background-image: url(/assets/img/icons/black/services-testsupportandoperations.svg) } .svg-icon--services-test-support.is-white { background-image: url(/assets/img/icons/white/services-testsupportandoperations.svg) } .svg-icon--solutions-enabling-software { background-image: url(/assets/img/icons/solutions-enablingsoftware.svg) } .svg-icon--solutions-enabling-software.is-black { background-image: url(/assets/img/icons/black/solutions-enablingsoftware.svg) } .svg-icon--solutions-enabling-software.is-white { background-image: url(/assets/img/icons/white/solutions-enablingsoftware.svg) } .svg-icon--enabling-software-cloud { background-image: url(/assets/img/icons/enablingsoftware-cloud.svg) } .svg-icon--enabling-software-cloud.is-black { background-image: url(/assets/img/icons/black/enablingsoftware-cloud.svg) } .svg-icon--enabling-software-cloud.is-white { background-image: url(/assets/img/icons/white/enablingsoftware-cloud.svg) } .svg-icon--enabling-software-connectivity { background-image: url(/assets/img/icons/enablingsoftware-connectivity.svg) } .svg-icon--enabling-software-connectivity.is-black { background-image: url(/assets/img/icons/black/enablingsoftware-connectivity.svg) } .svg-icon--enabling-software-connectivity.is-white { background-image: url(/assets/img/icons/white/enablingsoftware-connectivity.svg) } .svg-icon--enabling-software-digital { background-image: url(/assets/img/icons/enablingsoftware-digital.svg) } .svg-icon--enabling-software-digital.is-black { background-image: url(/assets/img/icons/black/enablingsoftware-digital.svg) } .svg-icon--enabling-software-digital.is-white { background-image: url(/assets/img/icons/white/enablingsoftware-digital.svg) } .svg-icon--enabling-software-iot { background-image: url(/assets/img/icons/enablingsoftware-iot.svg) } .svg-icon--enabling-software-iot.is-black { background-image: url(/assets/img/icons/black/enablingsoftware-iot.svg) } .svg-icon--enabling-software-iot.is-white { background-image: url(/assets/img/icons/white/enablingsoftware-iot.svg) } .svg-icon--enabling-software-security { background-image: url(/assets/img/icons/enablingsoftware-security.svg) } .svg-icon--enabling-software-security.is-black { background-image: url(/assets/img/icons/black/enablingsoftware-security.svg) } .svg-icon--enabling-software-security.is-white { background-image: url(/assets/img/icons/white/enablingsoftware-security.svg) } .svg-icon--solutions-technology { background-image: url(/assets/img/icons/solutions-technologysolutions.svg) } .svg-icon--solutions-technology.is-black { background-image: url(/assets/img/icons/black/solutions-technologysolutions.svg) } .svg-icon--solutions-technology.is-white { background-image: url(/assets/img/icons/white/solutions-technologysolutions.svg) } .svg-icon--technology-connected-vehicle { background-image: url(/assets/img/icons/technologysolutions-connectedvehicle.svg) } .svg-icon--technology-connected-vehicle.is-black { background-image: url(/assets/img/icons/black/technologysolutions-connectedvehicle.svg) } .svg-icon--technology-connected-vehicle.is-white { background-image: url(/assets/img/icons/white/technologysolutions-connectedvehicle.svg) } .svg-icon--technology-edge-compute { background-image: url(/assets/img/icons/technologysolutions-edgecompute.svg) } .svg-icon--technology-edge-compute.is-black { background-image: url(/assets/img/icons/black/technologysolutions-edgecompute.svg) } .svg-icon--technology-edge-compute.is-white { background-image: url(/assets/img/icons/white/technologysolutions-edgecompute.svg) } .svg-icon--technology-industrial { background-image: url(/assets/img/icons/technologysolutions-industrialengineering.svg) } .svg-icon--technology-industrial.is-black { background-image: url(/assets/img/icons/black/technologysolutions-industrialengineering.svg) } .svg-icon--technology-industrial.is-white { background-image: url(/assets/img/icons/white/technologysolutions-industrialengineering.svg) } .svg-icon--technology-open-hardware { background-image: url(/assets/img/icons/technologysolutions-openhardware.svg) } .svg-icon--technology-open-hardware.is-black { background-image: url(/assets/img/icons/black/technologysolutions-openhardware.svg) } .svg-icon--technology-open-hardware.is-white { background-image: url(/assets/img/icons/white/technologysolutions-openhardware.svg) } .svg-icon--insights-casestudies { background-image: url(/assets/img/icons/insights-casestudies.svg) } .svg-icon--insights-casestudies.is-black { background-image: url(/assets/img/icons/black/insights-casestudies.svg) } .svg-icon--insights-casestudies.is-white { background-image: url(/assets/img/icons/white/insights-casestudies.svg) } .svg-icon--insights-whitepapers { background-image: url(/assets/img/icons/insights-whitepapers.svg) } .svg-icon--insights-whitepapers.is-black { background-image: url(/assets/img/icons/black/insights-whitepapers.svg) } .svg-icon--insights-whitepapers.is-white { background-image: url(/assets/img/icons/white/insights-whitepapers.svg) } .svg-icon--insights-webinars { background-image: url(/assets/img/icons/insights-webinars.svg) } .svg-icon--insights-webinars.is-black { background-image: url(/assets/img/icons/black/insights-webinars.svg) } .svg-icon--insights-webinars.is-white { background-image: url(/assets/img/icons/white/insights-webinars.svg) } .svg-icon--insights-blog { background-image: url(/assets/img/icons/insights-blog.svg) } .svg-icon--insights-blog.is-black { background-image: url(/assets/img/icons/black/insights-blog.svg) } .svg-icon--insights-blog.is-white { background-image: url(/assets/img/icons/white/insights-blog.svg) } .svg-icon--about-frog { background-image: url(/assets/img/icons/about-frog.svg) } .svg-icon--about-frog.is-black { background-image: url(/assets/img/icons/black/about-frog.svg) } .svg-icon--about-frog.is-white { background-image: url(/assets/img/icons/white/about-frog.svg) } .svg-icon--about-aboutaricent { background-image: url(/assets/img/icons/about-aboutaricent.svg) } .svg-icon--about-aboutaricent.is-black { background-image: url(/assets/img/icons/black/about-aboutaricent.svg) } .svg-icon--about-aboutaricent.is-white { background-image: url(/assets/img/icons/white/about-aboutaricent.svg) } .svg-icon--about-awards { background-image: url(/assets/img/icons/about-awards.svg) } .svg-icon--about-awards.is-black { background-image: url(/assets/img/icons/black/about-awards.svg) } .svg-icon--about-awards.is-white { background-image: url(/assets/img/icons/white/about-awards.svg) } .svg-icon--about-history { background-image: url(/assets/img/icons/about-history.svg) } .svg-icon--about-history.is-black { background-image: url(/assets/img/icons/black/about-history.svg) } .svg-icon--about-history.is-white { background-image: url(/assets/img/icons/white/about-history.svg) } .svg-icon--about-locations { background-image: url(/assets/img/icons/about-locations.svg) } .svg-icon--about-locations.is-black { background-image: url(/assets/img/icons/black/about-locations.svg) } .svg-icon--about-locations.is-white { background-image: url(/assets/img/icons/white/about-locations.svg) } .svg-icon--about-news { background-image: url(/assets/img/icons/about-news.svg) } .svg-icon--about-news.is-black { background-image: url(/assets/img/icons/black/about-news.svg) } .svg-icon--about-news.is-white { background-image: url(/assets/img/icons/white/about-news.svg) } .svg-icon--human-centered { background-image: url(/assets/img/icons/landingpage-human-centered.svg) } .svg-icon--human-centered.is-black { background-image: url(/assets/img/icons/black/landingpage-human-centered.svg) } .svg-icon--human-centered.is-white { background-image: url(/assets/img/icons/white/landingpage-human-centered.svg) } .svg-icon--strategy { background-image: url(/assets/img/icons/landingpage-strategy.svg) } .svg-icon--strategy.is-black { background-image: url(/assets/img/icons/black/landingpage-strategy.svg) } .svg-icon--strategy.is-white { background-image: url(/assets/img/icons/white/landingpage-strategy.svg) } .svg-icon--hardware-product { background-image: url(/assets/img/icons/landingpage-hardware-product.svg) } .svg-icon--hardware-product.is-black { background-image: url(/assets/img/icons/black/landingpage-hardware-product.svg) } .svg-icon--hardware-product.is-white { background-image: url(/assets/img/icons/white/landingpage-hardware-product.svg) } .svg-icon--software-product { background-image: url(/assets/img/icons/landingpage-software-product.svg) } .svg-icon--software-product.is-black { background-image: url(/assets/img/icons/black/landingpage-software-product.svg) } .svg-icon--software-product.is-white { background-image: url(/assets/img/icons/white/landingpage-software-product.svg) } .svg-icon--enabling-software { background-image: url(/assets/img/icons/landingpage-enabling-software.svg) } .svg-icon--enabling-software.is-black { background-image: url(/assets/img/icons/black/landingpage-enabling-software.svg) } .svg-icon--enabling-software.is-white { background-image: url(/assets/img/icons/white/landingpage-enabling-software.svg) } .svg-icon--testing-services { background-image: url(/assets/img/icons/landingpage-testing-services.svg) } .svg-icon--testing-services.is-black { background-image: url(/assets/img/icons/black/landingpage-testing-services.svg) } .svg-icon--testing-services.is-white { background-image: url(/assets/img/icons/white/landingpage-testing-services.svg) } .svg-icon--legacy-product { background-image: url(/assets/img/icons/landingpage-legacy-product.svg) } .svg-icon--legacy-product.is-black { background-image: url(/assets/img/icons/black/landingpage-legacy-product.svg) } .svg-icon--legacy-product.is-white { background-image: url(/assets/img/icons/white/landingpage-legacy-product.svg) } .svg-icon--technical-support { background-image: url(/assets/img/icons/landingpage-technical-support.svg) } .svg-icon--technical-support.is-black { background-image: url(/assets/img/icons/black/landingpage-technical-support.svg) } .svg-icon--technical-support.is-white { background-image: url(/assets/img/icons/white/landingpage-technical-support.svg) } .accordion { position: relative; margin-bottom: 20px; border: 1px solid #e2e2e2; background: #fff } .accordion:hover { background: #f7f7f7 } .accordion .accordion_title { color: inherit; font-family: Quarto A,Quarto B,serif; font-size: 24px; line-height: 1.3; letter-spacing: .03125rem } .accordion_page-icon { padding: 15px; text-align: right } .accordion_page-icon .svg-icon { width: 38px; height: 38px; display: inline-block } .accordion_title { overflow: hidden; margin-bottom: 5px; padding-right: 37px; letter-spacing: 0; line-height: 1.7 } .accordion_buttons { padding: 0 10px 10px } .accordion_btn { width: 40px; height: 40px; float: left; outline: none; color: #2e2e2e; text-align: center; font-size: 20px } .accordion_btn.accordion_toggle { color: #bdbdbd } .accordion_btn.accordion_toggle:hover { color: #2e2e2e } .accordion_btn-icon { color: inherit } .accordion_btn-icon:before { line-height: 40px } .accordion_content { padding: 20px } .accordion_intro { height: 3.4em; overflow: hidden } .is-open .accordion_intro { height: auto } .accordion_expanded { display: none; margin-top: 48px } .is-open .accordion_expanded { display: block } .content-block--als .accordion { padding: 21.333333328px } .content-block--als .accordion_title { height: auto; margin-bottom: 0 } .content-block--als .accordion_expanded { margin-top: 21.333333328px } .content-block--als .accordion_btn.accordion_toggle { width: 24px; height: 24px; position: absolute; top: 20px; right: 20px; margin-right: 0; font-size: 24px } .content-block--als .accordion_btn-icon:before { line-height: 24px } .accordion .content_rte+.image-slider-wrapper { margin-top: 64px } .accordion .image-slider-wrapper { max-width: 470px } .accordion .image-slider-wrapper .row { margin: 0 } .ratio-1to1 { position: relative; overflow: hidden } .ratio-1to1:before { content: ''; display: block; width: 100%; padding-top: 100% } .ratio-2to1 { position: relative; overflow: hidden } .ratio-2to1:before { content: ''; display: block; width: 100%; padding-top: 50% } .ratio-4to3 { position: relative; overflow: hidden } .ratio-4to3:before { content: ''; display: block; width: 100%; padding-top: 75% } .ratio-16to9,.video { position: relative; overflow: hidden } .ratio-16to9:before,.video:before { content: ''; display: block; width: 100%; padding-top: 56.25% } .ratio-9to16 { position: relative; overflow: hidden } .ratio-9to16:before { content: ''; display: block; width: 100%; padding-top: 177.77777777777777% } .ratio-9to4 { position: relative; overflow: hidden } .ratio-9to4:before { content: ''; display: block; width: 100%; padding-top: 44.44444444444444% } .ratio-10to6 { position: relative; overflow: hidden } .ratio-10to6:before { content: ''; display: block; width: 100%; padding-top: 60% } .ratio-113to60 { position: relative; overflow: hidden } .ratio-113to60:before { content: ''; display: block; width: 100%; padding-top: 53.09734513274337% } .breadcrumb { margin-top: 30px; margin-bottom: 10px } .breadcrumb_item { position: relative; height: 15px; line-height: 15px } .breadcrumb_item:not(:last-child) { z-index: 1; float: left } .breadcrumb_item:not(:last-child) .breadcrumb_link { width: 34px; margin-right: 20px } .breadcrumb_item:not(:last-child) .breadcrumb_arrow { line-height: 14px } .breadcrumb_item:first-child:nth-last-child(2) .breadcrumb_link { width: auto } .breadcrumb_item:last-child { display: inline } .breadcrumb_item:last-child .breadcrumb_arrow { display: none } .breadcrumb_link { display: block; color: #9b9b9b; font-family: Benton Sans,sans-serif; font-weight: 700; font-size: 12px; line-height: 1.75; letter-spacing: .125rem; text-transform: uppercase } .breadcrumb_arrow { position: absolute; top: 0; right: 7px; color: #2e2e2e; font-size: 9px } .btn,.rte a.btn { display: inline-block; min-width: 160px; padding: 6.4px 16.8px; outline: none; border: 1px solid #eb8024; border-spacing: 0; background: #eb8024; color: #fff; text-align: center; text-decoration: none; text-indent: 0; line-height: 1.7; -webkit-transition: background-color .1s .1s ease,color .1s .1s ease; transition: background-color .1s .1s ease,color .1s .1s ease } .btn:hover,.rte a.btn:hover,.btn:focus,.rte a.btn:focus { background: #fff; color: #eb8024 } .site-content--industries .btn,.site-content--industries .rte a.btn { border-color: #ffc000; background-color: #ffc000 } .site-content--industries .btn:hover,.site-content--industries .rte a.btn:hover,.site-content--industries .btn:focus,.site-content--industries .rte a.btn:focus { background: #fff; color: #ffc000 } .site-content--services .btn,.site-content--services .rte a.btn { border-color: #2789da; background-color: #2789da } .site-content--services .btn:hover,.site-content--services .rte a.btn:hover,.site-content--services .btn:focus,.site-content--services .rte a.btn:focus { background: #fff; color: #2789da } .site-content--solutions .btn,.site-content--solutions .rte a.btn { border-color: #fb4200; background-color: #fb4200 } .site-content--solutions .btn:hover,.site-content--solutions .rte a.btn:hover,.site-content--solutions .btn:focus,.site-content--solutions .rte a.btn:focus { background: #fff; color: #fb4200 } .site-content--insights .btn,.site-content--insights .rte a.btn { border-color: #3ec73c; background-color: #3ec73c } .site-content--insights .btn:hover,.site-content--insights .rte a.btn:hover,.site-content--insights .btn:focus,.site-content--insights .rte a.btn:focus { background: #fff; color: #3ec73c } .site-content--careers .btn,.site-content--careers .rte a.btn { border-color: #eb8024; background-color: #eb8024 } .site-content--careers .btn:hover,.site-content--careers .rte a.btn:hover,.site-content--careers .btn:focus,.site-content--careers .rte a.btn:focus { background: #fff; color: #eb8024 } .site-content--about .btn,.site-content--about .rte a.btn { border-color: #eb8024; background-color: #eb8024 } .site-content--about .btn:hover,.site-content--about .rte a.btn:hover,.site-content--about .btn:focus,.site-content--about .rte a.btn:focus { background: #fff; color: #eb8024 } .site-content--tech-trends-story .btn,.site-content--tech-trends-story .rte a.btn { border-color: #754dc3; background-color: #754dc3 } .site-content--tech-trends-story .btn:hover,.site-content--tech-trends-story .rte a.btn:hover,.site-content--tech-trends-story .btn:focus,.site-content--tech-trends-story .rte a.btn:focus { background: #fff; color: #754dc3 } .rte a.btn:last-child { margin-bottom: 1px } .next-btn { position: relative; display: block; width: 24px; height: 24px; border: 2px solid currentColor; border-radius: 50% } .next-btn_icon { font-size: 24px } .card-cats { position: relative; margin-bottom: 90px } .card-cats_headline { color: #fff; font-size: 20px; line-height: 1.2 } .card-cats_headline,.card-cats_nav { margin-top: 40px; margin-bottom: 10px } .card-cats_headline span.card-cats_headline-number { color: #fff; font-style: italic; opacity: .45 } .card-cats_headline span.card-cats_headline-number:before { content: '(' } .card-cats_headline span.card-cats_headline-number:after { content: ')' } .card-cats_nav { float: right } .card-cats_nav-item { display: inline-block; border-bottom: 2px solid rgba(255,255,255,.5); color: #fff; font-weight: 700; line-height: 2; text-transform: uppercase; opacity: 1; cursor: pointer } .card-cats_nav-item+.card-cats_nav-item { margin-left: 20px } .card-cats_nav-item.inactive { border-bottom: transparent; opacity: .5; cursor: default } .card-cats_nav-item.inactive:hover { opacity: 1 } .card-cats_nav-item i { display: none } .card-cat { position: relative; top: 0; left: 0; z-index: 2; width: 100%; opacity: 1; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .card-cat_slide { width: 100%; margin: 0 10px; padding: 0 16px } .card-cat.inactive { position: absolute; z-index: 1; opacity: 0 } .card-cat_item { margin: 20px 0 0 } .card-cat .flickity-page-dots { bottom: -45px } .card-cat .flickity-page-dots .dot:before { background: rgba(255,255,255,.4) } .card-cat .flickity-page-dots .dot.is-selected { border-color: rgba(255,255,255,.6) } .card-cat .flickity-page-dots .dot.is-selected:before { background: #fff } .card-list_title { margin-bottom: 10px } .card-list_item { width: calc(99.99%*12/12 - (12px - 12px*12/12)); margin: 20px 0 0 } .card-list_item:nth-child(1n) { float: left; margin-right: 12px; clear: none } .card-list_item:last-child { margin-right: 0 } .card-list_item:nth-child(1n) { float: right } .card-list_item:nth-child(1n) { margin-right: 0 } .card-list_item:nth-child(1n+1) { clear: left } .card-list_load-more { margin-top: 20px; text-align: center; font-family: Benton Sans Medium,sans-serif; font-size: 13px; line-height: 1.75; text-decoration: none } .card-list_load-more:after { content: ''; display: inline-block; background-image: url(../img/triangle-down.svg); background-repeat: no-repeat; background-size: 10px 7px; background-position: center center; width: 10px; height: 7px; text-indent: -9999px; margin-left: 7px } .card-list_load-more a { border-bottom: none } .card-list_load-more a:active { color: #9b9b9b } .content-block--card-slider { padding-bottom: 2em } .skew-block .card-slider { margin-bottom: 90px } .card-slide { padding: 0 1px } .card-slide:nth-child(n) { margin-right: 12px } .card-slide .card { margin: 15px 0 20px } .card { position: relative; display: block; height: 196.13320000000002px; padding: 28px 20px; border: solid 1px #e2e2e2; background: #fff; color: #2e2e2e } .card_title { margin-bottom: 10px; font-family: Quarto A,Quarto B,serif; font-weight: 700; font-size: 24px; line-height: 1.3; letter-spacing: .03125rem } .card_icon+.card_content-wrap .card_title { margin-right: 50px } .card--icon .card_icon+.card_content-wrap .card_title { margin-right: 0 } .card_content { max-height: 51.2px; overflow: hidden; font-size: 16px; line-height: 1.6 } .card_content:after { content: '…' } .card_sub-content { position: absolute; bottom: 20px; left: 20px; overflow: hidden; color: #9b9b9b; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 1.6 } .card_icon { position: absolute; top: 20px; right: 20px; width: 48px; height: 48px } .card .card_img-container { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden } .card .card_img { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .card--image .card_img-container:after { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: -webkit-linear-gradient(top,transparent 15%,#000); background: linear-gradient(to bottom,transparent 15%,#000); opacity: .7 } .card--image .card_content-wrap { z-index: 2; color: #fff } .card--icon .card_icon { position: static; top: auto; left: auto; width: 70px; height: 70px; margin: 0 auto } .card--image,.card--icon { border-width: 0 } .card--image .card_content-wrap,.card--icon .card_content-wrap { position: absolute; bottom: 14px; left: 0; width: 100%; padding: 0 20px; text-align: center } .card--image .card_title,.card--icon .card_title { height: auto; margin-bottom: 0; font-size: 16px; text-transform: uppercase; line-height: 1.33333 } .card--image .card_content,.card--icon .card_content { font-size: 17px; line-height: 2 } .card--image .card_content:after,.card--icon .card_content:after { content: '' } .card--count { border-width: 0; background: rgba(0,0,0,.1) } .card--count .card_content-wrap { color: #fff; text-align: center } .card--count .card_title { height: auto; font-size: 70px; line-height: 1 } .card--count .card_content { font-weight: 700; text-transform: uppercase; opacity: .8 } .card--count .card_content:after { content: '' } .cell { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto } .cell--s { max-width: 960px } .cell--m { max-width: 1400px } .cell--l { max-width: 1600px } .chapter-nav { position: fixed; top: 50px; left: 50%; z-index: 399; width: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; background: #18003f; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease,-webkit-transform .2s ease } .chapter-nav:hover { overflow-x: scroll } .chapter-nav.is-hidden { -webkit-transform: translate(-50%,-85px); -ms-transform: translate(-50%,-85px); transform: translate(-50%,-85px) } .chapter-nav_items { display: table; min-width: 100% } .chapter-nav_item { display: table-cell; min-width: 180px } .chapter-nav_item-link { display: block; overflow: hidden; padding: 0 .8em; border-top: 3px solid transparent; text-align: center; text-overflow: ellipsis; white-space: nowrap; font-family: Benton Sans,sans-serif; font-size: 11px; line-height: 32px; color: #f4f4f4 } .chapter-nav_item-link:hover { border-top-color: rgba(255,255,255,.4) } .is-current .chapter-nav_item-link,.is-current .chapter-nav_item-link:hover { font-family: Benton Sans Medium,sans-serif; border-top-color: #eb8024 } .checkbox { position: absolute; opacity: 0 } .checkbox-label { position: relative; display: inline-block; vertical-align: middle; cursor: pointer } .checkbox-label:before { content: ''; float: left; width: 20px; height: 20px; margin-top: 1px; border: 2px solid gray; background-color: transparent; vertical-align: top; text-align: center; font-family: 'icon font here!'; font-size: 90%; line-height: 16px } .checkbox:focus+.checkbox-label .checkbox-label__text { color: #f00 } .checkbox:checked+.checkbox-label:before { content: '\e808'; color: #f00 } .checkbox-wrapper { margin-bottom: 20px } .checkbox-label__inner { display: block; margin-top: -1px; margin-left: 40px; border-bottom: 1px solid transparent; color: #f00; vertical-align: top; font-family: sans-serif; font-weight: 400; line-height: 1.5 } .checkbox-label.is-disabled,.checkbox:disabled~.checkbox-label { cursor: not-allowed } .checkbox-label.is-disabled:before,.checkbox:disabled~.checkbox-label:before { border-color: gray } .checkbox-label.is-disabled .checkbox-label__inner,.checkbox:disabled~.checkbox-label .checkbox-label__inner { color: gray; font-weight: 400 } .checkbox-label.is-radio:before { padding: 3px; border-radius: 50%; background-clip: content-box } .checkbox:checked+.checkbox-label.is-radio:before { content: ''; background-color: #f00 } .flickity-enabled { position: relative } .flickity-enabled:focus { outline: none } .flickity-viewport { position: relative; height: 100%; overflow: hidden } .flickity-slider { position: absolute; width: 100%; height: 100% } .flickity-enabled.is-draggable { tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing } .flickity-prev-next-button { position: absolute; top: 50%; width: 45px; height: 45px; border: none; border-radius: 50%; opacity: .4; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .flickity-prev-next-button:hover,.flickity-prev-next-button:focus,.flickity-prev-next-button:active { opacity: 1 } .flickity-prev-next-button.previous { left: -65px } .flickity-prev-next-button.next { right: -65px } .flickity-prev-next-button:disabled { opacity: 0; cursor: auto } .flickity-prev-next-button svg { position: absolute; top: 50%; left: 50%; width: 80%; height: 80%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .flickity-prev-next-button .arrow { fill: #444 } .flickity-page-dots { position: absolute; bottom: -25px; width: 100%; margin: 0; padding: 0; list-style: none; text-align: center; line-height: 1 } .flickity-page-dots .dot { display: inline-block; width: 14px; height: 14px; margin: 0 5px; border: 1px solid transparent; border-radius: 50%; background: transparent; cursor: pointer } .flickity-page-dots .dot:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: rgba(68,68,68,.4); -webkit-transform: translate(2px,2px); -ms-transform: translate(2px,2px); transform: translate(2px,2px) } .flickity-page-dots .dot.is-selected { border-color: rgba(68,68,68,.6) } .flickity-page-dots .dot.is-selected:before { background: #444 } .form_select-wrapper { position: relative; max-width: 400px; width: 100%; height: 40px; overflow: hidden; border: 1px solid #9b9b9b; border-radius: 4px } .form_select-wrapper:after { content: '\25BC'; position: absolute; top: 13px; right: 10px; display: block; font-size: 15px; pointer-events: none } .site-content--industries .form_select-wrapper:after { color: #ffc000 } .site-content--services .form_select-wrapper:after { color: #2789da } .site-content--solutions .form_select-wrapper:after { color: #fb4200 } .site-content--insights .form_select-wrapper:after { color: #3ec73c } .site-content--careers .form_select-wrapper:after { color: #eb8024 } .site-content--about .form_select-wrapper:after { color: #eb8024 } .site-content--tech-trends-story .form_select-wrapper:after { color: #754dc3 } .form_select-wrapper .form_select { width: 100%; height: 40px; margin: 0; padding: 0 0 0 10px; border: none; background: transparent; font-size: 16px; line-height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer } .form_select-wrapper .form_select:focus,.form_select-wrapper .form_select:active { outline: none; border: none } .form_select-wrapper .form_select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #2e2e2e } :root .form_select { width: calc(100% + 40px) \0 } .form__required:after { content: '*'; position: absolute; top: 0; right: 20px; color: #f00; vertical-align: top; font-family: sans-serif; font-weight: 300; font-size: 18px } .form__input-field,.form__textarea { position: relative; display: block; width: 100%; border: 2px gray; background: transparent } .form__input-field,.form__textarea,.form__input-field:focus,.form__textarea:focus { outline: none } .form__input-field:focus,.form__textarea:focus { border-color: #f00 } .form__input-field.is-invalid,.form__textarea.is-invalid { border-color: transparent; box-shadow: 0 0 5px 1px #f00 } .form__input-field.is-invalid~.form__error,.form__textarea.is-invalid~.form__error { display: block } .form__input-field:-webkit-autofill,.form__textarea:-webkit-autofill { background: transparent!important } .form__input-field { height: 50px; padding: 0 20px; border-radius: 0; line-height: 50px; -webkit-appearance: none } .form__textarea { padding: 20px; border-radius: 0; resize: vertical; -webkit-appearance: none } .form__error { margin: 0; padding: 20px 0 0 20px; color: #f00; font-size: 13px } .form__error:empty { padding: 0 } .form__input-hp { position: absolute; top: 0; left: -99999em } .form__radio-wrapper { max-width: 270px; padding: 0 20px } .form__radio-wrapper.is-invalid { box-shadow: 0 0 5px 1px #f00 } .form__radio-wrapper.is-invalid~.form__error { display: block } .form__submit-btn { max-width: 280px; width: 100% } .row { margin-right: 16px; margin-left: 16px } .row:before { content: ''; display: table } .row:after { content: ''; display: table; clear: both } .row.reset-padding { margin-right: 0; margin-left: 0 } [class^=icon-],[class*=' icon-'],.content-block--frog .cell:after { font-family: icons!important; font-weight: 400; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; speak: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-info:before { content: '\e913' } .icon-chevron-right:before { content: '\e914' } .icon-youtube:before { content: '\e901' } .icon-google:before { content: '\e902' } .icon-twitter:before { content: '\e903' } .icon-linkedin:before { content: '\e904' } .icon-facebook:before { content: '\e905' } .icon-close:before { content: '\e906' } .icon-download:before { content: '\e909' } .icon-checkbox:before { content: '\e90a' } .icon-dropdown:before { content: '\e90b' } .icon-checkboxframe:before { content: '\e90c' } .icon-clearform:before { content: '\e90d' } .icon-bulletpoint:before { content: '\e90e' } .icon-frog:before,.content-block--frog .cell:after { content: '\e90f' } .icon-mail:before { content: '\e910' } .icon-arrow-right-circle:before { content: '\e911' } .icon-arrow-right:before { content: '\e912' } .row:not(:first-child) .image-bubble { margin-top: 100px } div+div>.image-bubble { -webkit-transform: translateY(140px); -ms-transform: translateY(140px); transform: translateY(140px) } .image-bubble_bubble { position: relative; overflow: hidden; border-radius: 50%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .image-bubble_overlay { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #2789da } .image-bubble_text { position: absolute; top: 50%; left: 50%; z-index: 2; max-height: 50%; width: 75%; color: #fff; text-align: center; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .image-bubble_overlay,.image-bubble_text { opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .image-bubble_img { border-radius: 50% } .image-bubble_title { margin-top: 20px; text-align: center } .simple-bubble { margin-bottom: 32px } .simple-bubble_title { margin: 16.8px 0 10px; text-align: center } .simple-bubble_subtitle { font-family: Benton Sans Book,sans-serif; text-align: center } .simple-bubble_img { border-radius: 50% } .locations-map_img-container.ratio-img_container { display: none } .locations-poi { margin-top: 25px } .locations-poi_point,.locations-poi_label { display: none } .locations-poi_address a { color: #2e2e2e; border-bottom-color: #eb8024 } .media-object { margin-bottom: 64px } .media-object_img-wrapper { position: relative; display: block; margin: 0 -16px 16px } .media-object_img { display: block; max-width: none; width: 100%; height: auto } .media-object_headline { margin-bottom: 5px } .media-object_subheadline { margin: -15px 0 15px } .media-object_link { color: #2e2e2e } .media-object_text { margin-bottom: 10px } .media-object_text~.hyperlink { font-family: Benton Sans,sans-serif; font-weight: 700; font-size: 11px; position: relative; overflow-y: hidden; text-transform: uppercase; text-decoration: none; letter-spacing: .230909090909091rem; padding-bottom: 6px } .media-object_text~.hyperlinkbefore { content: ""; position: absolute; left: 0; right: 0; bottom: .1rem; height: .2rem; -webkit-transition: -webkit-transform .333s $EaseInOut; transition: -webkit-transform .333s $EaseInOut; transition: transform .333s $EaseInOut; transition: transform .333s $EaseInOut,-webkit-transform .333s $EaseInOut; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } .media-object_text~.hyperlinkhover:before { -webkit-transform: scaleY(2); -ms-transform: scaleY(2); transform: scaleY(2) } .ratio-img_container { display: block } .ratio-img { position: absolute; top: 50%; display: block; width: 100%; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .section { position: relative; overflow: hidden } .section--a { background: #f00 } .section--b { background: green } .section--c { background: #00f } .section--padding { padding-top: 20px; padding-bottom: 20px } .image-slider { margin-bottom: 64px; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s } .image-slider.flickity-enabled { opacity: 1 } .image-slider .flickity-page-dots { bottom: -35px } .image-slider .flickity-prev-next-button { display: none } .image-slide { width: 101% } .image-slide_inner { display: block; background: #444 } .image-slide_src { position: absolute; top: 0; left: 50%; display: block; width: auto; height: 101%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .content-block--detail .image-slider-wrapper .row,.content-block--al .image-slider-wrapper .row,.content-block--als .image-slider-wrapper .row { margin: 0 } .staff-slider .flickity-viewport:after { content: ''; position: absolute; bottom: 0; display: block; width: 100%; height: 1px; background: -webkit-linear-gradient(left,rgba(223,231,239,0) 0,#dfe7ef 50%,rgba(223,231,239,0) 100%); background: linear-gradient(to right,rgba(223,231,239,0) 0,#dfe7ef 50%,rgba(223,231,239,0) 100%) } .staff-slide { width: 100% } .staff-slide_content { width: 100%; margin: 32px 0 } .staff-slide_src { position: absolute; bottom: 0; left: 0; width: 100%; height: auto } .staff-slide .typo_quote { margin-bottom: 16.8px } .staff-slide_job { padding-bottom: 10px; color: #7c7c7c; font-style: italic; font-size: 18px; line-height: 1.7 } .aside .social-list { white-space: nowrap } .social-list_item { display: inline-block; text-align: center } .social-list_link { display: block; width: 1.25em; height: 1.25em; margin: .125em; border-radius: 50%; font-size: 32px; line-height: 1.25em; -webkit-transition: -webkit-transform .15s ease; transition: -webkit-transform .15s ease; transition: transform .15s ease; transition: transform .15s ease,-webkit-transform .15s ease } .social-list_link:hover { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15) } .social-list_link.facebook { background: #3a589a } .social-list_link.linkedin { background: #0075b7 } .social-list_link.twitter { background: #50aaf0 } .social-list_link.google { background: #df4a32 } .social-list_link.youtube { background: #cf1c13 } .social-list_link.mail { background: #ffba04 } .social-list_icon { color: #fff; line-height: inherit } .css3-spinner { display: none; width: 40px; height: 40px; margin: -20px 0 0 -20px; border-radius: 50%; background: #fff; color: transparent } .css3-spinner:after { content: 'loading...' } .chapter-video .css3-spinner,.scroll-video .css3-spinner,.image-sequence .css3-spinner,.interactive-module_spinner-container .css3-spinner { background: #9b9b9b } .css3-spinner--scaleout { -webkit-animation: sk-scaleout 1s infinite ease-in-out; animation: sk-scaleout 1s infinite ease-in-out } :root .css3-spinner { background-color: transparent\9; color: white\9; line-height: 40px\9 } @-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0) } 100% { -webkit-transform: scale(1); opacity: 0 } } @-moz-keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } @-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } @-o-keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } @keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } .video.has-preloader:not(.is-ready) .css3-spinner { display: block } .video_overlay { z-index: 1; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s } .is-ready .video_overlay { opacity: 1 } .is-mobile .video_overlay { background-position: center center; background-size: cover; background-repeat: no-repeat } .video_embed { position: absolute; top: 50%; left: 50%; min-width: 101%; min-height: 101%; width: auto; height: auto; opacity: 0; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: transform .5s,opacity .5s; transition: transform .5s,opacity .5s } .is-ready .video_embed { opacity: 1 } .is-mobile:not(.mobile-enable) .video_embed { display: none } .video_play-btn { z-index: 2; display: none; width: 64px; height: 64px; border-radius: 64px; background: rgba(200,200,200,.75); -webkit-background-clip: padding-box } .video_play-btn:after { content: ''; position: absolute; display: block; border-width: 15px 0 15px 26px; border-style: solid; border-color: transparent transparent transparent #878787; -webkit-transform: translate(22px,16px); -ms-transform: translate(22px,16px); transform: translate(22px,16px) } .interactive-module_image { display: block; width: 100% } .interactive-module_image.interactive-module_image--vertical { width: auto; max-height: 100%; margin: 0 auto } .interactive-module_image.interactive-module_image--windmill { width: auto; margin: 0 auto; height: 624px } .interactive-module_spinner-container.has-preloader:not(.is-ready) .interactive-module_image { opacity: 0; visibility: hidden } .interactive-module_spinner-container.has-preloader:not(.is-ready) .css3-spinner { display: block } .interactive-module_spinner-container.is-ready .interactive-module_image { opacity: 1; visibility: visible } .ctc-interactive-module-container-previous-section { position: relative; z-index: 1 } .ctc-interactive-module-container { position: relative; z-index: 0; margin-top: -320px } .aside_block { margin-bottom: 48px } .aside_block .typo_h3 { margin-bottom: 10px } .aside_block .contact-person_name { margin-bottom: 0; line-height: 1.7 } .aside_related-item { line-height: 2.25 } .aside_related-link { font-size: 15px } .aside_block--contact .typo_normal { font-size: 15px } .aside_block--contact a[href] { border-color: #fb4200; color: currentColor } .aside_block--contact a[href]:hover,.aside_block--contact a[href]:active { border-color: #fb4200; color: #fb4200 } .contact-person { margin-top: 21.333333328px } .contact-person_avatar { width: 70px; height: 70px; float: left } .contact-person_content { margin-left: 85px } .contact-person_img-container { border: 1px solid #e2e2e2; border-radius: 50%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .aside_social { margin-bottom: 48px } .gradient-blue-pattern { overflow: hidden } .block-balloon .typo_h2 { margin-bottom: 16px } .block-balloon p { font-family: ; font-size: 16px } .block-balloon .skew-block_content { padding-bottom: 200px } .block-balloon .interactive-module_image--balloon { display: block; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px); max-width: 326px; width: 100% } .detail_content { margin-bottom: 48px } .detail_content .rte :last-child { margin-bottom: 32px } .detail_content .preview-link { font-family: Benton Sans,sans-serif; font-weight: 700; font-size: 11px; position: relative; overflow-y: hidden; text-transform: uppercase; text-decoration: none; letter-spacing: .230909090909091rem; padding-bottom: 6px } .detail_content .preview-linkbefore { content: ""; position: absolute; left: 0; right: 0; bottom: .1rem; height: .2rem; -webkit-transition: -webkit-transform .333s $EaseInOut; transition: -webkit-transform .333s $EaseInOut; transition: transform .333s $EaseInOut; transition: transform .333s $EaseInOut,-webkit-transform .333s $EaseInOut; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } .detail_content .preview-linkhover:before { -webkit-transform: scaleY(2); -ms-transform: scaleY(2); transform: scaleY(2) } .detail_content .preview-link[href*='solutions/'] { color: #fb4200 } .detail_expanded { position: absolute; top: 0; left: 50%; z-index: 151; display: none; width: 100%; height: 100%; padding: 50px 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .no-scroll--detail .detail_expanded { display: block } .detail_expanded .btn--download { display: block; max-width: 200px; margin: 0 auto 32px } .detail_expanded .btn--download:hover,.detail_expanded .btn--download:focus { background: #fff } .detail_expanded-inner { position: relative; top: 15%; z-index: 1; height: 85%; overflow: hidden; padding-top: 32px; border-radius: 4px; background: #fff } .detail_expanded-inner:after { content: ''; position: absolute; bottom: 0; z-index: 1; display: block; width: 100%; height: 60px; background: -webkit-linear-gradient(top,rgba(255,255,255,0) 15%,#fff); background: linear-gradient(to bottom,rgba(255,255,255,0) 15%,#fff); pointer-events: none } .detail_expanded-close-area { z-index: 0 } .detail_expanded-close-btn { position: absolute; top: 4px; right: 4px; outline: none; width: 24px; height: 24px; font-size: 32px } .detail_expanded-scrollable { position: relative; width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch } .detail_expanded-scrollable .content_headline:first-child { margin-bottom: 32px } .scrollable_inner { padding: 0 16px 64px } .expanded_content,.expanded_desktop-content { display: none } .excerpt { margin-bottom: 32px } .excerpt_title { line-height: 1.7 } .excerpt_content { margin-top: 16.8px } .excerpt_img-container { margin-bottom: 16.8px } .excerpt_sharing { margin-top: 16.8px } .excerpt_sharing .social-list_link { font-size: 18px } .content-block--ib-square .content_headline,.content-block--ib-rect .content_headline { margin-bottom: 32px } .content-block--ib-square .ib-item,.content-block--ib-rect .ib-item { position: relative; overflow: hidden; margin-bottom: 12px } .content-block--ib-square .ib-item:before,.content-block--ib-rect .ib-item:before { content: ''; display: block; width: 100%; padding-top: 125% } .content-block--ib-square .ib-item_link,.content-block--ib-rect .ib-item_link { display: block; border: 1px solid #e2e2e2; border-radius: 4px; background: #f9f9f9; color: #2e2e2e; text-align: center } .content-block--ib-square .ib-item_link:hover .ib-item_icon,.content-block--ib-rect .ib-item_link:hover .ib-item_icon { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15) } .content-block--ib-square .ib-item_icon,.content-block--ib-rect .ib-item_icon { display: inline-block; width: 75%; height: 75%; margin-top: 10%; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease } .content-block--ib-square .ib-item_title,.content-block--ib-rect .ib-item_title { padding: 0 3px; line-height: 1.333 } .content-block--ib-rect .ib-item_icon { width: 54%; height: 54%; margin-top: 18% } .social-list-label { margin: 32px 0 10px; color: #9b9b9b } .embedded-pdf { margin-top: 32px } .embedded-pdf_img { display: block; width: 100%; height: auto } .embedded-pdf_iframe { display: none } .insights-detail_right-block-wrapper { margin-top: 32px } .btn.btn--download { position: relative; padding-left: 48px; border-color: #ffc000; background: #ffc000 } .btn.btn--download:hover,.btn.btn--download:focus { color: #ffc000 } .btn--download .icon-download { position: absolute; top: 50%; left: 5px; font-size: 40px; line-height: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .embedded-form { max-width: 770px } .detail-form_social { margin: 64px 0 16.8px } .detail-form_social .typo_h3 { margin-bottom: 16px } .detail-form_social .btn--linkedin { position: relative; margin: 0 10px 10px 0; padding-left: 32px; border-color: #0075b7; background: #0075b7 } .detail-form_social .btn--linkedin:hover,.detail-form_social .btn--linkedin:focus { color: #0075b7 } .detail-form_social .btn--linkedin:hover .social-list_icon,.detail-form_social .btn--linkedin:focus .social-list_icon { color: #0075b7 } .detail-form_social .btn--google { position: relative; padding-left: 32px; border-color: #df4a32; background: #df4a32 } .detail-form_social .btn--google:hover,.detail-form_social .btn--google:focus { color: #df4a32 } .detail-form_social .btn--google:hover .social-list_icon,.detail-form_social .btn--google:focus .social-list_icon { color: #df4a32 } .detail-form_social .btn--linkedin .icon-linkedin,.detail-form_social .btn--google .icon-google { position: absolute; top: 50%; left: 20px; font-size: 30px; line-height: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .latest-news-slide_goto,.latest-news-slide_learn-more { display: inline-block; margin-top: 25px; line-height: 40px } .latest-news-slide_goto { float: right; width: 40px; height: 40px; border-width: 3px; border-radius: 50%; color: #eb8024 } .latest-news-slide_goto .next-btn_icon { font-size: 42px } .latest-news-slide_learn-more { color: #eb8024; letter-spacing: .1em; font-weight: 700; text-transform: uppercase } .latest-news-slide_img-container { position: relative; overflow: hidden } .latest-news-slide_img-container:before { content: ''; display: block; width: 100%; padding-top: 55.5% } .latest-news-slide_img-container:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background: -webkit-linear-gradient(top,transparent 15%,rgba(0,0,0,.9)); background: linear-gradient(to bottom,transparent 15%,rgba(0,0,0,.9)) } .latest-news-slide_img { width: auto; height: 100% } .latest-news-slide_subtitle span { color: #eb8024 } .listview { overflow: visible } .listview--casestudies .media-object_img-wrapper { position: relative; overflow: hidden } .listview--casestudies .media-object_img-wrapper:before { content: ''; display: block; width: 100%; padding-top: 33.33333333333333% } .listview--whitepaper .media-object_img-wrapper { position: relative; overflow: hidden } .listview--whitepaper .media-object_img-wrapper:before { content: ''; display: block; width: 100%; padding-top: 50% } .listview--webinars .media-object_img-wrapper { position: relative; overflow: hidden } .listview--webinars .media-object_img-wrapper:before { content: ''; display: block; width: 100%; padding-top: 50% } .listview--blogs .media-object_img-wrapper { position: relative; overflow: hidden } .listview--blogs .media-object_img-wrapper:before { content: ''; display: block; width: 100%; padding-top: 50% } .listview--default .media-object_img-wrapper,.listview--bubbles .media-object_img-wrapper { margin: 0 0 16.8px } .listview--default .media-object_headline-wrapper:nth-child(1n),.listview--bubbles .media-object_headline-wrapper:nth-child(1n) { margin-right: 0 } .listview--default .media-object_content,.listview--bubbles .media-object_content { padding: 0 } .listview--default .media-object_content:nth-child(1n),.listview--bubbles .media-object_content:nth-child(1n) { float: right } .listview--bubbles .media-object_img-wrapper { overflow: hidden; border: 1px solid #e2e2e2; border-radius: 50% } .listview--bubbles .media-object_subheadline { font-family: Benton Sans Book,sans-serif } .listview_select-container { margin-bottom: 64px } .listview_load-more { margin-bottom: 64px; text-align: center } .listview_no-filter-link { border-bottom: 2px solid #eb8024; color: #2e2e2e; line-height: 1.333 } .listview_no-filter-link:hover { border-color: currentColor } .listview_no-filter { margin-bottom: 48px } .listview_no-filter,.listview_categories { display: none } .listview_category--industries .listview_category-label { display: block; margin-bottom: 21.333333328px; color: #ffc000; text-transform: uppercase } .listview_category--services .listview_category-label { display: block; margin-bottom: 21.333333328px; color: #2789da; text-transform: uppercase } .listview_category--solutions .listview_category-label { display: block; margin-bottom: 21.333333328px; color: #fb4200; text-transform: uppercase } .listview_category--insights .listview_category-label { display: block; margin-bottom: 21.333333328px; color: #3ec73c; text-transform: uppercase } .listview_category--careers .listview_category-label { display: block; margin-bottom: 21.333333328px; color: #eb8024; text-transform: uppercase } .listview_category--about .listview_category-label { display: block; margin-bottom: 21.333333328px; color: #eb8024; text-transform: uppercase } .listview_category--tech-trends-story .listview_category-label { display: block; margin-bottom: 21.333333328px; color: #754dc3; text-transform: uppercase } .listview_tag { margin-bottom: 21.333333328px } .listview_tag:last-child { margin-bottom: 48px } .listview_tag-link { border-bottom: 2px solid #e2e2e2; color: #2e2e2e; line-height: 1.333 } .listview_tag-link:hover { border-color: currentColor; color: #eb8024 } .listview_tag-link.is-not-active:not(:hover) { color: #e2e2e2 } .masonry { margin-left: -10px; margin-right: -10px } .masonry:before { content: ''; display: table } .masonry:after { content: ''; display: table; clear: both } .masonry-item { z-index: 1; margin-bottom: 32px } .masonry-item--1to2,.masonry-item--2to3,.masonry-item--4to5 { float: left; width: calc(99.99%*1 - 20px); margin-left: 10px; margin-right: 10px } .masonry-item--5to4 { float: left; width: calc(99.99%*1 - 20px); margin-left: 10px; margin-right: 10px } .block-open-hardware .typo_h2 { margin-bottom: 20px } .block-open-hardware .open-hardware-inner-sections { margin-top: 80px } .block-open-hardware_image { display: block; max-width: 100% } .block-open-hardware_image-container--mobile { display: none } .overview-item_img-container { position: relative; overflow: hidden; margin-top: 32px; margin-bottom: 16.8px } .overview-item_img-container:before { content: ''; display: block; width: 100%; padding-top: 56.25% } .overview-item_title { margin-bottom: 10px } .overview-item_title-link { color: currentColor } .overview-item_link-overlay { display: none } .overview-item_overlay { display: none } .roles { padding: 16.8px 0 } .role { margin-bottom: 16.8px } .role_avatar { width: calc(99.99%*3/12 - (12px - 12px*3/12)) } .role_avatar:nth-child(1n) { float: left; margin-right: 12px; clear: none } .role_avatar:last-child { margin-right: 0 } .role_avatar:nth-child(2n) { float: right } .role_avatar:nth-child(2n) { margin-right: 0 } .role_avatar:nth-child(2n+1) { clear: left } .role_content { width: calc(99.99%*9/12 - (12px - 12px*9/12)) } .role_content:nth-child(1n) { float: left; margin-right: 12px; clear: none } .role_content:last-child { margin-right: 0 } .role_content:nth-child(2n) { float: right } .role_content:nth-child(2n) { margin-right: 0 } .role_content:nth-child(2n+1) { clear: left } .role_img-container { border: 1px solid #e2e2e2; border-radius: 50% } .skew-block--story .typo_preheadline,.skew-block--story .typo_intro { color: #fff } .skew-block--story_content { color: #fff } .cutout-bl .skew-block--story_content,.cutout-br .skew-block--story_content { margin-top: 26%; margin-bottom: 26% } .cutout-tl .skew-block--story_content,.cutout-tr .skew-block--story_content { margin-top: 20%; margin-bottom: 11% } .skew-block--story_background { background: #3627b1 } .content-block--takeaway .typo_intro { margin-bottom: 32px } .content-block--ch { text-align: center } .content-block--ch .top-gradient { padding-top: 30px; background-image: -webkit-linear-gradient(top,rgba(235,235,235,.25) 0,#fff 60%); background-image: linear-gradient(to bottom,rgba(235,235,235,.25) 0,#fff 60%) } .content-block--c2s .content_rte.has-box { padding-left: 0 } .content-block--c3s .typo_minor { display: block; text-align: right } .content-block--c3s .content_img-container { margin-right: -16px; margin-left: -16px } .content-block { margin: 32px 0 48px } .content-block.has-background { margin: 0 } .content-block.has-background .cell { padding: 32px 0 48px } .content_headline { margin-bottom: 16.8px } .content-block--c6 .content_headline.has-box { padding-right: 0 } .content-block--c2 .content_headline.has-box,.content-block--c5 .content_headline.has-box { padding-left: 0 } .content_headline--l { margin-bottom: 32px } .content_quote { background: #fff } .content_img-container { display: block } .content_img--auto { display: block; width: 100% } .content_caption { margin-top: 10px; line-height: 1.7 } .content-block--intro .content_headline { margin-bottom: 0 } .content-block--intro .typo_intro { margin-top: 24px } .site-content--services .content-block--intro .typo_h1 { font-family: Quarto A,Quarto B,serif; font-size: 40px; line-height: 1.25; letter-spacing: .0625rem } .content-block--c3 .content_img-container { margin-right: -16px; margin-left: -16px } .content-block--c4 .content-wrapper { background: #fff } .content-block--mf:last-child { margin-bottom: 0 } .content-block--mf .content_img-container { max-height: 675px } .content-block--frog { background: #40be00; color: #fff } .content-block--frog .cell:after { position: absolute; top: -15px; right: -65px; display: none; font-size: 270px } .content-block--frog .content_rte,.content-block--frog .content_headline,.content-block--frog .content_headline span { font-family: Benton Sans Book,sans-serif; color: #fff } .content-block--frog .content_headline:after { display: none } .content-block--frog .rte a.btn { border-color: #fff; background: #fff; color: #40be00 } .content-block--frog .rte a.btn:hover,.content-block--frog .rte a.btn:focus { background: transparent; color: #fff } .content-block--lp { margin-bottom: 64px } .content-block--lp .content_headline { margin-bottom: 40px; color: #2e2e2e } .content-block--lp .content_headline span { color: inherit } .content-block--read-more { margin-top: -16.8px } .content-block--ibs .image-bubble_bubble { border: 1px solid #e2e2e2 } .carousel-main { margin: 0 -4px 0 -1px } .carousel-main .flickity-viewport { overflow: visible } .carousel-main .flickity-prev-next-button { display: none } .carousel-slide { width: 90%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .carousel-slide .cell--s { height: 100% } .carousel-slide .readmore-block { margin: 32px 0 0 } .carousel-slide_overlay { z-index: 1; background: #000219; opacity: 0 } .carousel-slide_content { z-index: 2; background: -webkit-linear-gradient(top,rgba(0,2,25,0),#000219); background: linear-gradient(to bottom,rgba(0,2,25,0),#000219) } .carousel-slide_sub-xs,.carousel-slide_sub-s { display: none } .carousel-slide_sub { position: absolute; left: 16.8px; color: #fff; font-family: Benton Sans,sans-serif; font-weight: 700; font-size: 16px; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s } .carousel-slide_content-inner { position: absolute; bottom: 10px; left: 0; width: 100%; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s } .carousel-slide_headline { color: #fff } .carousel-slide_content-description { display: none; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .carousel-slide_mobile-description { padding: 16.8px; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s } .carousel-slide.is-selected { z-index: 1 } .carousel-slide.is-selected .carousel-slide_overlay { opacity: 0 } .carousel-slide.is-selected .carousel-slide_content-inner { opacity: 1 } .carousel-slide.is-selected .carousel-slide_sub { opacity: .2 } .carousel-nav { display: none; padding: 20px 0 } .carousel-nav .flickity-viewport { overflow: visible } .carousel-nav_card { min-height: 100%; padding: 16.8px; border: 2px solid rgba(226,226,226,.28); background: #000219; opacity: .8 } .carousel-nav_card.is-selected,.carousel-nav_card:hover { border-color: rgba(226,226,226,.5); opacity: 1 } .carousel-nav_content { display: block; display: -webkit-box; max-width: 400px; height: 51px; overflow: hidden; color: #fff; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis } .carousel-nav_sub { color: #fff } .site-content { min-height: 400px; padding-top: 50px } .content-overlay { position: fixed; top: 0; left: 0; z-index: 150; display: none; width: 100%; height: 100%; background: #fff; opacity: .9 } .no-scroll--detail .content-overlay { display: block; background: #000; opacity: .4 } .site-footer { padding: 40px 0 24px; background: #d6d6d6; color: #646464; text-align: center; font-size: 12px } .site-footer_headline { margin-bottom: 10px; color: #444; text-transform: uppercase; font-weight: 700; font-size: 16px } .site-footer_headline .icon-aricentlogo { font-size: 30px } .site-footer_text { line-height: 1.7 } .site-footer_text a { color: #646464 } .site-footer_text a:hover { text-decoration: underline } .site-footer .social-list { margin-bottom: 32px } .rte p,.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,.rte ul,.rte ol,.rte dl,.rte blockquote,.rte pre,.rte iframe,.rte object,.rte video,.rte audio,.rte canvas,.rte table,.rte div,.rte hr { margin-top: 16.8px; margin-bottom: 16.8px } .rte li { margin-top: 10px; margin-bottom: 10px } .rte p:first-child,.rte h1:first-child,.rte h2:first-child,.rte h3:first-child,.rte h4:first-child,.rte h5:first-child,.rte h6:first-child,.rte ul:first-child,.rte ol:first-child,.rte li:first-child,.rte dl:first-child,.rte blockquote:first-child,.rte pre:first-child,.rte iframe:first-child,.rte object:first-child,.rte video:first-child,.rte audio:first-child,.rte canvas:first-child,.rte table:first-child,.rte div:first-child,.rte hr:first-child { margin-top: 0 } .rte p:last-child,.rte h1:last-child,.rte h2:last-child,.rte h3:last-child,.rte h4:last-child,.rte h5:last-child,.rte h6:last-child,.rte ul:last-child,.rte ol:last-child,.rte li:last-child,.rte dl:last-child,.rte blockquote:last-child,.rte pre:last-child,.rte iframe:last-child,.rte object:last-child,.rte video:last-child,.rte audio:last-child,.rte canvas:last-child,.rte table:last-child,.rte div:last-child,.rte hr:last-child { margin-bottom: 0 } .rte strong,.rte b { font-weight: 700 } .rte ul:not(.linklist) { padding-left: 21.333333328px; list-style: disc } .rte ol:not(.enumeration-list) { padding-left: 21.333333328px; list-style-type: decimal } .rte ol.enumeration-list { padding-left: 0; list-style-type: none; counter-reset: li } .rte ol.enumeration-list li { position: relative; padding-left: 40px } .rte ol.enumeration-list li:not(:last-child) { margin-bottom: 32px } .rte ol.enumeration-list li:before { content: counter(li); position: absolute; top: 7px; left: 0; z-index: 2; width: 28px; height: 16px; background: #fff; color: #dadada; counter-increment: li; font-family: Benton Sans Book,sans-serif; font-weight: 700; font-size: 16px; line-height: 16px } .rte ol.enumeration-list li:nth-child(-n+9):before { content: '0' counter(li) } .rte ol.enumeration-list li:after { content: ''; position: absolute; top: 14px; left: 0; z-index: 1; width: 68px; height: 2px } .rte dl { padding-left: 10px } .rte dd { margin-left: 10px } .rte dd+dt { margin-top: 10px } .rte img { display: block; max-width: 100%; height: auto } .image-sequence-wrapper { min-height: 1px } .image-sequence_collection { opacity: 0 } .is-ready .image-sequence_collection { opacity: 1 } .image-sequence_element { display: block } .image-sequence:not(.is-ready) .css3-spinner { display: block } .image-sequence_svg { display: block } .image-sequence.is-disabled .image-sequence_element:last-child { display: none } .typo_metadata { margin-bottom: 10px } .content-block--newslist h2 { font-family: Quarto A,Quarto B,serif; letter-spacing: .03125rem } .content-block--newslist div.load-more { margin-top: 20px; text-align: center; font-family: Benton Sans Medium,sans-serif; font-size: 13px; line-height: 1.75; text-decoration: none } .content-block--newslist div.load-more:after { content: ''; display: inline-block; background-image: url(../img/triangle-down.svg); background-repeat: no-repeat; background-size: 10px 7px; background-position: center center; width: 10px; height: 7px; text-indent: -9999px; margin-left: 7px } .content-block--newslist div.load-more a { border-bottom: none } .content-block--newslist div.load-more a:active { color: #9b9b9b } .content-block--newslist .media-object { margin-bottom: 48px } .content-block--newslist .media-object_img-link { display: block } .content-block--newslist .media-object_content-rte { margin-bottom: 32px } .scroll-video { background: #000 } .cue-point,.trigger-point { position: absolute; right: 20px; z-index: 1; display: block; visibility: hidden; width: 20px; padding-top: 5px; padding-right: 20px; color: gray; white-space: nowrap; font-size: 12px } .cue-point--start,.trigger-point--start { border-top: 2px solid green } .cue-point--end,.trigger-point--end { border-top: 2px solid #f00 } .cue-point+.cue-point { right: 0 } .trigger-point { position: fixed; z-index: 2; border-top: 2px solid #00f } .ratio-60to75 { position: relative; overflow: hidden } .ratio-60to75:before { content: ''; display: block; width: 100%; padding-top: 125% } .content-block--ctc-wrapper { margin: 30px 0 } .content-block--ctc-wrapper .content-block--ctc { overflow: visible } .content-block--ctc-wrapper .scroll-video--ctc { position: relative; overflow: hidden } .content-block--ctc-wrapper .scroll-video--ctc:before { content: ''; display: block; width: 100%; padding-top: 66.66666666666666% } .content-block--ctc-wrapper .scroll-video--ctc .video_embed { max-height: 101% } .ctc-content_block { margin-bottom: 110px } .ctc-content_block .page-teaser_list-text { width: calc(100% - 29px) } .ctc-content_block .page-teaser_list { margin-top: 32px } .ctc-content_block .ctc-content_block-image { display: none } .ctc-content_block .typo_normal { color: #9b9b9b } .searchbox_input-wrapper { position: relative; padding-right: 25px; border-bottom: 1px solid #e2e2e2 } .searchbox_input { position: relative; z-index: 0; width: 100%; padding-bottom: 5px; border: none; border-radius: 0; background: transparent; font-size: 16px } .searchbox_input:focus { outline: none } .searchbox_clear { position: absolute; right: 0; bottom: 5px; z-index: 1; display: none; width: 20px; height: 20px; padding: 0; border: none; border-radius: 50%; background: #e2e2e2; color: #fff; font-size: 20px; line-height: 20px; text-align: center } .searchbox_clear:focus { outline: none } .searchbox-btn { display: none; float: left; width: 81px; height: 80px; border: 1px solid transparent; border-top: none; font-size: 44px; -webkit-tap-highlight-color: rgba(226,226,226,.5) } .skew-block { position: relative; width: 100% } .skew-block--slider { background: #e2e2e2 } .skew-block--slider .skew-block_title { margin-top: 40px; margin-bottom: 10px } .skew-block.gradient-purple { background: #3627b1; background-image: -webkit-linear-gradient(315deg,#754dc3 0,#3627b1 100%); background-image: linear-gradient(135deg,#754dc3 0,#3627b1 100%) } .skew-block.gradient-blue { background: #011d2f } .skew-block.gradient-blue-pattern { background-color: #51718b; background: -moz-linear-gradient(top,#011d2f 60%,rgba(81,113,139,.5) 100%),url(../img/demo-animations-content/balloon/balloon-section-background.jpg); background-image: -webkit-linear-gradient(top,#011d2f 60%,rgba(81,113,139,.5) 100%),url(../img/demo-animations-content/balloon/balloon-section-background.jpg); background-image: linear-gradient(top,#011d2f 60%,rgba(81,113,139,.5) 100%),url(../img/demo-animations-content/balloon/balloon-section-background.jpg); background-repeat: repeat,no-repeat; background-position: 0 0,0 100%; background-size: 100% 100%,100% auto } .skew-block.gradient-purple-pattern { background-image: url(../img/demo-animations-content/open-hardware/clouds.svg),-webkit-linear-gradient(315deg,#754dc3 0,#3627b1 100%); background-image: url(../img/demo-animations-content/open-hardware/clouds.svg),linear-gradient(135deg,#754dc3 0,#3627b1 100%); background-position: 100% 0; background-repeat: no-repeat } .skew-block.gradient-orange { background: #eb8024; background: -webkit-linear-gradient(#eb8024 0,rgba(255,150,38,.8) 100%); background: linear-gradient(#eb8024 0,rgba(255,150,38,.8) 100%) } .skew-block.gradient-purple { min-height: 600px } .skew-block.gradient-purple .skew-block_content { position: absolute; z-index: 300; -webkit-transform: translate(0,10%); -ms-transform: translate(0,10%); transform: translate(0,10%) } .skew-block.gradient-purple .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100% } .skew-block.gradient-purple .overlay.gradient-purple { background: -webkit-linear-gradient(rgba(54,39,177,.6),#000 100%); background: linear-gradient(rgba(54,39,177,.6),#000 100%) } .skew-block.gradient-purple .typo_normal { color: #fff } .skew-block.cutout-tl:after,.skew-block.cutout-tr:after,.skew-block.cutout-bl:after,.skew-block.cutout-br:after { content: ''; position: absolute; left: -1.5%; width: 103%; padding-bottom: 11%; background: #fff } .skew-block.cutout-tl:after,.skew-block.cutout-tr:after { top: 0 } .skew-block.cutout-bl:after,.skew-block.cutout-br:after { bottom: 0 } .skew-block.cutout-tl:after { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(-6.1deg); -ms-transform: rotate(-6.1deg); transform: rotate(-6.1deg) } .skew-block.cutout-tr:after { -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(6.1deg); -ms-transform: rotate(6.1deg); transform: rotate(6.1deg) } .skew-block.cutout-bl:after { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(6.1deg); -ms-transform: rotate(6.1deg); transform: rotate(6.1deg) } .skew-block.cutout-br:after { -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-6.1deg); -ms-transform: rotate(-6.1deg); transform: rotate(-6.1deg) } .skew-block_content,.skew-block_open-hardware,.skew-block_jet-engine,.skew-block_balloon { color: #fff } .cutout-bl .skew-block_content,.cutout-bl .skew-block_open-hardware,.cutout-bl .skew-block_jet-engine,.cutout-bl .skew-block_balloon,.cutout-br .skew-block_content,.cutout-br .skew-block_open-hardware,.cutout-br .skew-block_jet-engine,.cutout-br .skew-block_balloon { margin-top: 11%; margin-bottom: 26% } .cutout-tl .skew-block_content,.cutout-tl .skew-block_open-hardware,.cutout-tl .skew-block_jet-engine,.cutout-tl .skew-block_balloon,.cutout-tr .skew-block_content,.cutout-tr .skew-block_open-hardware,.cutout-tr .skew-block_jet-engine,.cutout-tr .skew-block_balloon { margin-top: 20%; margin-bottom: 11% } .skew-block_content p:not(:last-child),.skew-block_open-hardware p:not(:last-child),.skew-block_jet-engine p:not(:last-child),.skew-block_balloon p:not(:last-child) { margin-bottom: 32px } .skew-block_content span,.skew-block_open-hardware span,.skew-block_jet-engine span,.skew-block_balloon span { font-weight: 700 } .skew-block_open-hardware { font-family: Benton Sans Book,sans-serif; color: #fff } .skew-block_open-hardware p:not(:last-child) { margin-bottom: 0 } .skew-block_jet-engine h2 { margin: 20px 0; color: #fff } .skew-block_jet-engine p:not(:last-child) { margin-bottom: 16px } .skew-block_pattern { width: auto; height: 100% } .skew-block--no-gradient { height: 300px } .skew-block--no-gradient img { width: 100%; height: 100% } .sticky-wrapper { position: relative } .sticky-wrapper.is-superior { z-index: 99; background: #fff } .sticky-element { background: #fff } .sticky-helper { position: absolute; left: 20px; display: block; visibility: hidden; width: 20px; padding-top: 5px; padding-right: 20px; color: gray; white-space: nowrap; font-size: 12px } .sticky-helper--lock { position: fixed; z-index: 999; border-top: 2px solid purple } .sticky-helper--unlock { border-top: 2px solid orange } #unlock-scroll-v-391125 { bottom: 0 } .story-chapter { overflow: visible } .story-chapter .sticky-wrapper+.superior-layer { opacity: 1 } .chapter-video.is-ready+.superior-layer { opacity: 1 } .parallax_overlay { opacity: 1; background: #fff } .chapter_inner { padding: 80px 0 } .story-chapter .chapter_label-wrapper { display: none } .chapter_label { float: right; text-align: right } .chapter_index { color: #7c7c7c; letter-spacing: 5.5px; font-family: Benton Sans,sans-serif; font-weight: 700; font-size: 185px; opacity: .1 } .chapter_title { position: relative; display: inline-block; margin-top: 106.4px; color: #7c7c7c; white-space: nowrap; letter-spacing: 4px; font-family: Benton Sans Medium,sans-serif; font-size: 20px; text-transform: uppercase; opacity: .7; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: translateX(-53.2px) rotate(-90deg); -ms-transform: translateX(-53.2px) rotate(-90deg); transform: translateX(-53.2px) rotate(-90deg) } .chapter_title:after { content: ''; position: absolute; top: 50%; right: -86.8px; display: block; width: 70px; height: 3px; margin-top: -3px; background: #7c7c7c; opacity: .7 } .chapter_headline { margin-bottom: 48px } .story-chapter .chapter_headline:after { width: 60px } .image-teaser_background:after { content: ''; position: absolute; bottom: 0; z-index: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(bottom,#000219,rgba(0,2,25,0)); background-image: linear-gradient(to top,#000219,rgba(0,2,25,0)) } .image-teaser_inner { background: #000 } .image-teaser_content { height: 100% } .image-teaser_content-inner { position: absolute; bottom: 0; z-index: 1; width: 100%; padding-bottom: 32px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .image-teaser_content-inner [class^=col-] { width: 100%; left: 0 } .image-teaser_content-inner .typo_preheadline { color: #fff!important } .image-teaser_headline,.image-teaser_text,.image-teaser_author { color: #fff!important; margin-bottom: 0 } .image-teaser_background-img { position: absolute; top: 50%; left: 50%; width: auto; height: 101%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .image-teaser--intro { margin-top: -50px; position: relative; overflow: hidden; max-height: 480px } .image-teaser--intro:before { content: ''; display: block; width: 100%; padding-top: 150% } .image-teaser--quote .image-teaser_text { margin-bottom: 5%; font-family: Quarto A,Quarto B,serif; font-size: 20px; line-height: 1.7 } .image-teaser--quote .image-teaser_text strong { font-family: Quarto A,Quarto B,serif } .image-teaser--quote .image-teaser_author { font-family: Benton Sans,sans-serif; font-size: 16px; line-height: 28px } .page-teaser { position: relative; overflow: hidden; padding-bottom: 48px } .page-teaser:not(:last-child) { margin-bottom: 48px; border-bottom: 1px solid #e2e2e2 } .page-teaser .readmore-link,.page-teaser .next-btn { color: #eb8024 } .page-teaser_index { display: none } .page-teaser_content { margin-bottom: 16.8px } .page-teaser_list { margin-bottom: 32px } .page-teaser_list-item { display: block; margin-bottom: 10px } .page-teaser_list-text { float: left; padding-left: 16px; color: #f00 } .page-teaser_list-text { color: #2e2e2e } .page-teaser_title a { color: #2e2e2e } .page-teaser_icon { width: 29px; height: 33px; float: left; overflow: hidden; background-position: top left; background-size: contain } #rel-v-391125 { background: rgba(255,255,255,.75) } .page-teaser--simple { padding-bottom: 0 } .page-teaser--simple:not(:last-child) { margin-bottom: 16.8px; border-bottom: none } .page-teaser--simple .page-teaser_content { margin-bottom: 32px } .page-teaser--simple .page-teaser_list-text { float: none; margin-left: 40px; padding-left: 10px } .video-teaser { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .video-teaser:before { content: ''; display: block; width: 100%; padding-top: 68.75% } .video-teaser--primary { max-height: 800px; background: #000 } .video-teaser--secondary { margin-right: 0; background: #000 } .video-teaser_overlay { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .video-teaser_overlay:after { content: ''; z-index: -1; display: block; background: -webkit-linear-gradient(top,transparent 25%,#000); background: linear-gradient(to bottom,transparent 25%,#000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .video-teaser_overlay-inner { z-index: 1; background: rgba(255,255,255,0); opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: transform .5s,opacity .5s; transition: transform .5s,opacity .5s } .video-teaser_index { position: absolute; top: 10%; left: 16px; color: #fff; font-size: 30px; line-height: 1.3; opacity: .5; -webkit-transition: opacity .4s; transition: opacity .4s } .video-teaser:only-child .video-teaser_index { display: none } .video-teaser_content { position: absolute; bottom: 13%; left: 0; width: 100%; -webkit-backface-visibility: hidden } .video-teaser_link { display: inline-block; max-width: 100%; color: #fff } .video-teaser_headline { margin-bottom: 16.8px; color: #fff; font-size: 22px; line-height: 1.3; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s } .video-teaser_subheadline { display: none; height: 26px; font-family: Benton Sans Book,sans-serif; font-size: 16px; line-height: 1.5 } .video-teaser_more,.video-teaser_next { -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s,-webkit-transform .4s } .video-teaser_more { color: #eb8024 } .video-teaser_next { float: right; color: #eb8024 } .text-animate { position: relative } .text-animate_slide { position: absolute; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } .text-animate_slide.is-active { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .text-animate_slide.is-inactive { opacity: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } .text-animate_slide-content { color: #fff } .text-animate_link { border-bottom: none; color: currentColor } .text-animate:not(.no-transition) .text-animate_slide { -webkit-transition: transform .5s,opacity .5s; transition: transform .5s,opacity .5s } .is-mobile .text-animate .text-animate_slide { -webkit-transition: none; transition: none } .is-mobile .text-animate .text-animate_slide:first-child { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .superior-layer { position: relative; z-index: 1 } .cell-img { display: block; max-width: none; width: 100%; height: auto } .readmore-block .readmore-link { float: left; color: #eb8024 } .readmore-block .next-btn { float: right; color: #eb8024 } .remove-me-later { padding: 30px; color: #a9a9a9; font-size: 48px } @media only screen and (max-width: 699px) { .accordion_page-icon { position:absolute; top: 0; right: 0 } .accordion_btn.accordion_link { float: right } .card-cats-container .row+.row { margin: 0 } .card-cats_headline { padding-top: 10px } .card-cats_headline span.card-cats_headline-number { display: none } .card-cats_nav-item { font-size: 2em; line-height: 1 } .card-cats_nav-item span { display: none } .card-cats_nav-item i { display: inline-block; width: 1em; height: 1em } .col-1of12--xs,.col-2of12--xs,.col-3of12--xs,.col-4of12--xs,.col-5of12--xs,.col-6of12--xs,.col-7of12--xs,.col-8of12--xs,.col-9of12--xs,.col-10of12--xs,.col-11of12--xs,.col-12of12--xs,.masonry-item--1to2,.masonry-item--2to3,.masonry-item--4to5,.masonry-item--5to4 { float: left; clear: none; margin-right: 12px } .col-pull-0--xs,.col-push-0--xs { position: relative; left: calc(99.99%*0 - (20px - 20px*0) + 20px) } .row.reset-padding--xs { margin: 0 } .col-1of12--xs { width: calc(99.99%*1/12 - (12px - 12px*1/12)) } .col-1of12--xs:nth-child(1n) { float: left; margin-right: 12px; clear: none } .col-1of12--xs:last-child { margin-right: 0 } .col-1of12--xs:nth-child(12n) { float: right } .col-1of12--xs:nth-child(12n) { margin-right: 0 } .col-1of12--xs:nth-child(12n+1) { clear: left } .col-push-1of12--xs { position: relative; left: calc(99.99%*1/12 - (12px - 12px*1/12) + 12px) } .col-pull-1of12--xs { position: relative; left: calc(99.99%*-1/12 - (12px - 12px*-1/12) + 12px) } .col-2of12--xs { width: calc(99.99%*2/12 - (12px - 12px*2/12)) } .col-2of12--xs:nth-child(1n) { float: left; margin-right: 12px; clear: none } .col-2of12--xs:last-child { margin-right: 0 } .col-2of12--xs:nth-child(12n) { float: right } .col-2of12--xs:nth-child(12n) { margin-right: 0 } .col-2of12--xs:nth-child(12n+1) { clear: left } .col-push-2of12--xs { position: relative; left: calc(99.99%*2/12 - (12px - 12px*2/12) + 12px) } .col-pull-2of12--xs { position: relative; left: calc(99.99%*-2/12 - (12px - 12px*-2/12) + 12px) } .col-3of12--xs { width: calc(99.99%*3/12 - (12px - 12px*3/12)) } .col-3of12--xs:nth-child(1n) { float: left; margin-right: 12px; clear: none } .col-3of12--xs:last-child { margin-right: 0 } .col-3of12--xs:nth-child(12n) { float: right } .col-3of12--xs:nth-child(12n) { margin-right: 0 } .col-3of12--xs:nth-child(12n+1) { clear: left } .col-push-3of12--xs { position: relative; left: calc(99.99%*3/12 - (12px - 12px*3/12) + 12px) } .col-pull-3of12--xs { position: relative; left: calc(99.99%*-3/12 - (12px - 12px*-3/12) + 12px) } .col-4of12--xs { width: calc(99.99%*4/12 - (12px - 12px*4/12)) } .col-4of12--xs:nth-child(1n) { float: left; margin-right: 12px; clear: none } .col-4of12--xs:last-child { margin-right: 0 } .col-4of12--xs:nth-child(12n) { float: right } .col-4of12--xs:nth-child(12n) { margin-right: 0 } .col-4of12--xs:nth-child(12n+1) { clear: left } .col-push-4of12--xs { position: relative; left: calc(99.99%*4/12 - (12px - 12px*4/12) + 12px) } .col-pull-4of12--xs { position: relative; left: calc(99.99%*-4/12 - (12px - 12px*-4/12) + 12px) } .col-5of12--xs { width: calc(99.99%*5/12 - (12px - 12px*5/12)) } .col-5of12--xs:nth-child(1n) { float: left; margin-right: 12px; clear: none } .col-5of12--xs:last-child { margin-right: 0 } .col-5of12--xs:nth-child(12n) { float: right } .col-5of12--xs:nth-child(12n) { margin-right: 0 } .col-5of12--xs:nth-child(12n+1) { clear: left } .col-push-5of12--xs { position: relative; left: calc(99.99%*5/12 - (12px - 12px*5/12) + 12px) } .col-pull-5of12--xs { position: relative; left: calc(99.99%*-5/12 - (12px - 12px*-5/12) + 12px) } .col-6of12--xs { width: calc(99.99%*6/12 - (12px - 12px*6/12)) } .col-6of12--xs:nth-child(1n) { float: left; margin-right: 12px; clear: none } .col-6of12--xs:last-child { margin-right: 0 } .col-6of12--xs:nth-child(12n) { float: right } .col-6of12--xs:nth-child(12n) { margin-right: 0 } .col-6of12--xs:nth-child(12n+1) { clear: left } .col-push-6of12--xs { position: relative; left: calc(99.99%*6/12 - (12px - 12px*6/12) + 12px) } .col-pull-6of12--xs { position: relative; left: calc(99.99%*-6/12 - (12px - 12px*-6/12) + 12px) } .col-7of12--xs { width: calc(99.99%*7/12 - (12px - 12px*7/12)) } .col-7of12--xs:nth-child(1n) { float: left; margin-right: 12px; clear: none } .col-7of12--xs:last-child { margin-right: 0 } .col-7of12--xs:nth-child(12n) { float: right } .col-7of12--xs:nth-child(12n) { margin-right: 0 } .col-7of12--xs:nth-child(12n+1) { clear: left } .col-push-7of12--xs { position: relative; left: calc(99.99%*7/12 - (12px - 12px*7/12) + 12px) } .col-pull-7of12--xs { position: relative; left: calc(99.99%*-7/12 - (12px - 12px*-7/12) + 12px) } .col-8of12--xs { width: calc(99.99%*8/12 - (12px - 12px*8/12)) } .col-8of12--xs:nth-child(1n) { float: left; margin-right: 12px; clear: none } .col-8of12--xs:last-child { margin-right: 0 } .col-8of12--xs:nth-child(12n) { float: right } .col-8of12--xs:nth-child(12n) { margin-right: 0 } .col-8of12--xs:nth-child(12n+1) { clear: left } .col-push-8of12--xs { position: relative; left: calc(99.99%*8/12 - (12px - 12px*8/12) + 12px) } .col-pull-8of12--xs { position: relative; left: calc(99.99%*-8/12 - (12px - 12px*-8/12) + 12px) } .col-9of12--xs { width: calc(99.99%*9/12 - (12px - 12px*9/12)) } .col-9of12--xs:nth-child(1n) { float: left; margin-right: 12px; clear: none } .col-9of12--xs:last-child { margin-right: 0 } .col-9of12--xs:nth-child(12n) { float: right } .col-9of12--xs:nth-child(12n) { margin-right: 0 } .col-9of12--xs:nth-child(12n+1) { clear: left } .col-push-9of12--xs { position: relative; left: calc(99.99%*9/12 - (12px - 12px*9/12) + 12px) } .col-pull-9of12--xs { position: relative; left: calc(99.99%*-9/12 - (12px - 12px*-9/12) + 12px) } .col-10of12--xs { width: calc(99.99%*10/12 - (12px - 12px*10/12)) } .col-10of12--xs:nth-child(1n) { float: left; margin-right: 12px; clear: none } .col-10of12--xs:last-child { margin-right: 0 } .col-10of12--xs:nth-child(12n) { float: right } .col-10of12--xs:nth-child(12n) { margin-right: 0 } .col-10of12--xs:nth-child(12n+1) { clear: left } .col-push-10of12--xs { position: relative; left: calc(99.99%*10/12 - (12px - 12px*10/12) + 12px) } .col-pull-10of12--xs { position: relative; left: calc(99.99%*-10/12 - (12px - 12px*-10/12) + 12px) } .col-11of12--xs { width: calc(99.99%*11/12 - (12px - 12px*11/12)) } .col-11of12--xs:nth-child(1n) { float: left; margin-right: 12px; clear: none } .col-11of12--xs:last-child { margin-right: 0 } .col-11of12--xs:nth-child(12n) { float: right } .col-11of12--xs:nth-child(12n) { margin-right: 0 } .col-11of12--xs:nth-child(12n+1) { clear: left } .col-push-11of12--xs { position: relative; left: calc(99.99%*11/12 - (12px - 12px*11/12) + 12px) } .col-pull-11of12--xs { position: relative; left: calc(99.99%*-11/12 - (12px - 12px*-11/12) + 12px) } .col-12of12--xs { width: calc(99.99%*12/12 - (12px - 12px*12/12)) } .col-12of12--xs:nth-child(1n) { float: left; margin-right: 12px; clear: none } .col-12of12--xs:last-child { margin-right: 0 } .col-12of12--xs:nth-child(12n) { float: right } .col-12of12--xs:nth-child(12n) { margin-right: 0 } .col-12of12--xs:nth-child(12n+1) { clear: left } .col-push-12of12--xs { position: relative; left: calc(99.99%*12/12 - (12px - 12px*12/12) + 12px) } .col-pull-12of12--xs { position: relative; left: calc(99.99%*-12/12 - (12px - 12px*-12/12) + 12px) } .image-bubble_title { font-size: 12px; line-height: 1.33333 } .simple-bubble:nth-child(2n) { margin-right: 0 } .video_play-btn { -webkit-transform: scale(.75) translate(-75%,-50%); -ms-transform: scale(.75) translate(-75%,-50%); transform: scale(.75) translate(-75%,-50%) } .expanded_mobile-content { display: block; margin-bottom: 32px } .content-block--ib-square .ib-item:nth-child(2n) { margin-right: 0 } .latest-news_items { display: none } .latest-news_slides { width: 100% } .latest-news-slide { position: relative; width: 90% } .latest-news-slide:before { position: absolute; top: 18px; left: 18px; z-index: 3; color: #fff; opacity: .5 } .latest-news-slide:nth-child(1n):before { content: "01" } .latest-news-slide:nth-child(2n):before { content: "02" } .latest-news-slide:nth-child(3n):before { content: "03" } .latest-news-slide:nth-child(4n):before { content: "04" } .latest-news-slide:nth-child(5n):before { content: "05" } .latest-news-slide_img-container,.latest-news-slide_content { margin-right: 4px } .latest-news-slide_content { position: relative; z-index: 3; padding: 16px; line-height: 1.7 } .latest-news-slide_title { position: absolute; top: 0; -webkit-transform: translateY(-100%) translateY(-8px); -ms-transform: translateY(-100%) translateY(-8px); transform: translateY(-100%) translateY(-8px); color: #fff; font-size: 18px; line-height: 1.7 } .latest-news-slide_content { opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .is-selected .latest-news-slide_content { opacity: 1 } .masonry-item_img { display: none } .masonry-item_category-title,.masonry-item_title { font-family: Quarto A,Quarto B,serif; line-height: 1.75 } .masonry-item_category-title { color: #9b9b9b; font-style: italic } .masonry-item_title { color: #2e2e2e } .masonry-item_link:hover .masonry-item_title { color: #3ec73c } .masonry-item_link:active .masonry-item_title { color: #27a825 } .masonry-item_title span { border-bottom: 2px solid #3ec73c } .content-block--c2s .content_rte { padding-top: 16.8px } .content-block--c3s:last-child { margin-bottom: 0 } .content-block--c3s .content_rte { padding-bottom: 16.8px } .content-block--h1 .content_rte { padding-top: 16.8px } .content-block--h2 .content_rte { padding-bottom: 16.8px } .content-block--c1 .content_quote { margin: 32px 0 48px } .content-block--c2:last-child { margin-bottom: 0 } .content-block--c2 .content_rte { padding-bottom: 16.8px } .content-block--c3:last-child { margin-bottom: 0 } .content-block--c3 .content_rte { padding-bottom: 16.8px } .content-block--c4 .content_rte.content_rte--first { margin-bottom: 16.8px } .content-block--c4 .content_img-container { margin-bottom: 30px } .content-block--t3 .first { margin-bottom: 48px } .content-block--c5:last-child { margin-bottom: 0 } .content-block--c5 .content_img-container { margin-right: -16px; margin-left: -16px } .content-block--c5 .first { margin-bottom: 16.8px } .content-block--c5 .second { margin-bottom: 33.6px } .content-block--c6:last-child { margin-bottom: 0 } .content-block--c6 .content_img-container:not(.mobile-only) { display: none } .content-block--c6 .content_headline { padding-top: 16.8px } .content-block--c6 .content_rte:last-child { margin: 16.8px 0 33.6px } .carousel-slide .ratio-img_container { height: 99.5% } .carousel-slide_inner { margin-right: 4px; position: relative; overflow: hidden } .carousel-slide_inner:before { content: ''; display: block; width: 100%; padding-top: 60% } .carousel-slide_sub { top: 32px } .carousel-slide_sub-xs { display: block } .carousel-slide.is-selected .carousel-slide_sub,.carousel-slide.is-selected .carousel-slide_mobile-description { opacity: 1 } .content-block--newslist .news-item_img-wrapper { margin: 0 -16px 10px } .content-block--newslist .readmore-block { margin-bottom: 32px } } @media only screen and (min-width: 700px) { .typo_h1,.rte h1,.text-animate_slide-content { font-size:40px } .typo_h2,.overview-item_title,.rte .typo_h2 { font-size: 32px } .typo_h2-secondary,.rte h2,.rte .typo_h2-secondary,.skew-block_jet-engine h1 { font-size: 24px } .typo_h4 { font-size: 20px } .typo_preheadline { font-size: 12px; line-height: 22px } .typo_minor,.locations-poi_country,.excerpt_date { font-size: 20px; line-height: 1.7 } .typo_quote { font-size: 32px; line-height: 1.5 } .typo_normal,.image-bubble_text,.locations-poi_address,.aside_related-link,.excerpt_content,.overview-item_content,.role_description,.skew-block_jet-engine { font-size: 18px } .typo_abstract,.content-block--lp .content_rte,.skew-block_content { font-size: 30px } .typo_story { font-size: 30px } .typo_iconlist,.page-teaser_list { font-size: 17px; line-height: 1.8 } .typo_orderedlist,.rte ol.enumeration-list { font-size: 17px; line-height: 1.7 } .readmore-link,.video-teaser_more { font-size: 16px; line-height: 40px } .accordion_page-icon { padding: 30px } .accordion_page-icon .svg-icon { width: 60px; height: 60px } .accordion_title { height: auto; margin-bottom: 16.8px; letter-spacing: 0 } .accordion_btn.accordion_toggle { margin-right: 10px } .accordion_content { padding: 40px 0 } .accordion_intro { height: 5.1em } .accordion .image-slider-wrapper .flickity-prev-next-button { display: block } .breadcrumb_item:not(:last-child) .breadcrumb_link { width: 44px } .next-btn { width: 40px; height: 40px; border-width: 3px } .next-btn .next-btn_icon { font-size: 42px } .card-cats_headline { font-size: 42px } .card-cats_nav { padding-top: 15px } .card-cat_item { width: calc(99.99%*6/12 - (20px - 20px*6/12)); margin: 15px 0 } .card-cat_item:nth-child(1n) { float: left; margin-right: 20px; clear: none } .card-cat_item:last-child { margin-right: 0 } .card-cat_item:nth-child(2n) { float: right } .card-cat_item:nth-child(2n) { margin-right: 0 } .card-cat_item:nth-child(2n+1) { clear: left } .card-list_item { width: calc(99.99%*6/12 - (20px - 20px*6/12)); margin: 15px 0 } .card-list_item:nth-child(1n) { float: left; margin-right: 20px; clear: none } .card-list_item:last-child { margin-right: 0 } .card-list_item:nth-child(2n) { float: right } .card-list_item:nth-child(2n) { margin-right: 0 } .card-list_item:nth-child(2n+1) { clear: left } .card-slide .card { margin: 20px 0 } .card-slide .card:first-child { margin-bottom: 30px } .chapter-nav { top: 80px } .row { margin-right: 20px; margin-left: 20px } .no-gutter { margin-right: -20px; margin-left: -20px } .col-1of12--s,.col-2of12--s,.col-3of12--s,.col-4of12--s,.col-5of12--s,.col-6of12--s,.col-7of12--s,.col-8of12--s,.col-9of12--s,.col-10of12--s,.col-11of12--s,.col-12of12--s,.media-object_img-wrapper,.media-object_content,.aside_block,.listview_select-container,.masonry-item--1to2,.masonry-item--2to3,.masonry-item--4to5,.masonry-item--5to4 { float: left; clear: none; margin-right: 20px } .col-pull-0--s,.col-push-0--s { position: relative; left: calc(99.99%*0 - (20px - 20px*0) + 20px) } .col-1of12--s { width: calc(99.99%*1/12 - (20px - 20px*1/12)) } .col-1of12--s:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-1of12--s:last-child { margin-right: 0 } .col-1of12--s:nth-child(12n) { float: right } .col-1of12--s:nth-child(12n) { margin-right: 0 } .col-1of12--s:nth-child(12n+1) { clear: left } .col-push-1of12--s { position: relative; left: calc(99.99%*1/12 - (20px - 20px*1/12) + 20px) } .col-pull-1of12--s { position: relative; left: calc(99.99%*-1/12 - (20px - 20px*-1/12) + 20px) } .col-2of12--s { width: calc(99.99%*2/12 - (20px - 20px*2/12)) } .col-2of12--s:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-2of12--s:last-child { margin-right: 0 } .col-2of12--s:nth-child(12n) { float: right } .col-2of12--s:nth-child(12n) { margin-right: 0 } .col-2of12--s:nth-child(12n+1) { clear: left } .col-push-2of12--s { position: relative; left: calc(99.99%*2/12 - (20px - 20px*2/12) + 20px) } .col-pull-2of12--s { position: relative; left: calc(99.99%*-2/12 - (20px - 20px*-2/12) + 20px) } .col-3of12--s { width: calc(99.99%*3/12 - (20px - 20px*3/12)) } .col-3of12--s:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-3of12--s:last-child { margin-right: 0 } .col-3of12--s:nth-child(12n) { float: right } .col-3of12--s:nth-child(12n) { margin-right: 0 } .col-3of12--s:nth-child(12n+1) { clear: left } .col-push-3of12--s { position: relative; left: calc(99.99%*3/12 - (20px - 20px*3/12) + 20px) } .col-pull-3of12--s { position: relative; left: calc(99.99%*-3/12 - (20px - 20px*-3/12) + 20px) } .col-4of12--s { width: calc(99.99%*4/12 - (20px - 20px*4/12)) } .col-4of12--s:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-4of12--s:last-child { margin-right: 0 } .col-4of12--s:nth-child(12n) { float: right } .col-4of12--s:nth-child(12n) { margin-right: 0 } .col-4of12--s:nth-child(12n+1) { clear: left } .col-push-4of12--s { position: relative; left: calc(99.99%*4/12 - (20px - 20px*4/12) + 20px) } .col-pull-4of12--s { position: relative; left: calc(99.99%*-4/12 - (20px - 20px*-4/12) + 20px) } .col-5of12--s { width: calc(99.99%*5/12 - (20px - 20px*5/12)) } .col-5of12--s:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-5of12--s:last-child { margin-right: 0 } .col-5of12--s:nth-child(12n) { float: right } .col-5of12--s:nth-child(12n) { margin-right: 0 } .col-5of12--s:nth-child(12n+1) { clear: left } .col-push-5of12--s { position: relative; left: calc(99.99%*5/12 - (20px - 20px*5/12) + 20px) } .col-pull-5of12--s { position: relative; left: calc(99.99%*-5/12 - (20px - 20px*-5/12) + 20px) } .col-6of12--s { width: calc(99.99%*6/12 - (20px - 20px*6/12)) } .col-6of12--s:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-6of12--s:last-child { margin-right: 0 } .col-6of12--s:nth-child(12n) { float: right } .col-6of12--s:nth-child(12n) { margin-right: 0 } .col-6of12--s:nth-child(12n+1) { clear: left } .col-push-6of12--s { position: relative; left: calc(99.99%*6/12 - (20px - 20px*6/12) + 20px) } .col-pull-6of12--s { position: relative; left: calc(99.99%*-6/12 - (20px - 20px*-6/12) + 20px) } .col-7of12--s { width: calc(99.99%*7/12 - (20px - 20px*7/12)) } .col-7of12--s:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-7of12--s:last-child { margin-right: 0 } .col-7of12--s:nth-child(12n) { float: right } .col-7of12--s:nth-child(12n) { margin-right: 0 } .col-7of12--s:nth-child(12n+1) { clear: left } .col-push-7of12--s { position: relative; left: calc(99.99%*7/12 - (20px - 20px*7/12) + 20px) } .col-pull-7of12--s { position: relative; left: calc(99.99%*-7/12 - (20px - 20px*-7/12) + 20px) } .col-8of12--s { width: calc(99.99%*8/12 - (20px - 20px*8/12)) } .col-8of12--s:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-8of12--s:last-child { margin-right: 0 } .col-8of12--s:nth-child(12n) { float: right } .col-8of12--s:nth-child(12n) { margin-right: 0 } .col-8of12--s:nth-child(12n+1) { clear: left } .col-push-8of12--s { position: relative; left: calc(99.99%*8/12 - (20px - 20px*8/12) + 20px) } .col-pull-8of12--s { position: relative; left: calc(99.99%*-8/12 - (20px - 20px*-8/12) + 20px) } .col-9of12--s { width: calc(99.99%*9/12 - (20px - 20px*9/12)) } .col-9of12--s:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-9of12--s:last-child { margin-right: 0 } .col-9of12--s:nth-child(12n) { float: right } .col-9of12--s:nth-child(12n) { margin-right: 0 } .col-9of12--s:nth-child(12n+1) { clear: left } .col-push-9of12--s { position: relative; left: calc(99.99%*9/12 - (20px - 20px*9/12) + 20px) } .col-pull-9of12--s { position: relative; left: calc(99.99%*-9/12 - (20px - 20px*-9/12) + 20px) } .col-10of12--s { width: calc(99.99%*10/12 - (20px - 20px*10/12)) } .col-10of12--s:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-10of12--s:last-child { margin-right: 0 } .col-10of12--s:nth-child(12n) { float: right } .col-10of12--s:nth-child(12n) { margin-right: 0 } .col-10of12--s:nth-child(12n+1) { clear: left } .col-push-10of12--s { position: relative; left: calc(99.99%*10/12 - (20px - 20px*10/12) + 20px) } .col-pull-10of12--s { position: relative; left: calc(99.99%*-10/12 - (20px - 20px*-10/12) + 20px) } .col-11of12--s { width: calc(99.99%*11/12 - (20px - 20px*11/12)) } .col-11of12--s:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-11of12--s:last-child { margin-right: 0 } .col-11of12--s:nth-child(12n) { float: right } .col-11of12--s:nth-child(12n) { margin-right: 0 } .col-11of12--s:nth-child(12n+1) { clear: left } .col-push-11of12--s { position: relative; left: calc(99.99%*11/12 - (20px - 20px*11/12) + 20px) } .col-pull-11of12--s { position: relative; left: calc(99.99%*-11/12 - (20px - 20px*-11/12) + 20px) } .col-12of12--s { width: calc(99.99%*12/12 - (20px - 20px*12/12)) } .col-12of12--s:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-12of12--s:last-child { margin-right: 0 } .col-12of12--s:nth-child(12n) { float: right } .col-12of12--s:nth-child(12n) { margin-right: 0 } .col-12of12--s:nth-child(12n+1) { clear: left } .col-push-12of12--s { position: relative; left: calc(99.99%*12/12 - (20px - 20px*12/12) + 20px) } .col-pull-12of12--s { position: relative; left: calc(99.99%*-12/12 - (20px - 20px*-12/12) + 20px) } .image-bubble:hover .image-bubble_overlay,.image-bubble:hover .image-bubble_text { opacity: .85 } .image-bubble_title { font-size: 24px; margin-top: 40px } .simple-bubble { margin-bottom: 48px } .simple-bubble:nth-child(2n) { margin-right: 0 } .locations-map { position: relative; max-width: 1200px; margin: 0 auto } .locations-map_headline { display: none } .locations-map_img-container.ratio-img_container { display: block } .locations-map_img-container { position: relative; overflow: hidden; z-index: 1 } .locations-map_img-container:before { content: ''; display: block; width: 100%; padding-top: 47.083333333333336% } .locations-map_pois { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100% } .locations-poi { position: absolute; margin: 0 } .locations-poi_point { content: ''; position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 8px; height: 8px; border-radius: 50%; background: #eb8024; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .locations-poi_label { position: absolute; top: 0; left: 0; z-index: 1; display: block; padding: 0 .6em; border-radius: 4px; background: #eb8024; color: #fff; white-space: nowrap; font-size: 16px; line-height: 2; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; -webkit-transform: translate(-50%,-3.25em); -ms-transform: translate(-50%,-3.25em); transform: translate(-50%,-3.25em) } .locations-poi_label:after { content: ''; position: absolute; bottom: -.4em; left: 50%; display: block; width: .8em; height: .8em; background: #eb8024; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg) } .locations-poi_point:hover+.locations-poi_label { z-index: 3; opacity: 1 } .locations-poi.large .locations-poi_point { width: 21px; height: 21px } .locations-poi_country,.locations-poi_address { display: none } .media-object { margin-bottom: 80px } .media-object_img-wrapper { margin: 0; width: calc(99.99%*1/4 - (20px - 20px*1/4)) } .media-object_img-wrapper:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-object_img-wrapper:last-child { margin-right: 0 } .media-object_img-wrapper:nth-child(4n) { float: right } .media-object_img-wrapper:nth-child(4n) { margin-right: 0 } .media-object_img-wrapper:nth-child(4n+1) { clear: left } .media-object_content { width: calc(99.99%*3/4 - (20px - 20px*3/4)) } .media-object_content:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-object_content:last-child { margin-right: 0 } .media-object_content:nth-child(4n) { float: right } .media-object_content:nth-child(4n) { margin-right: 0 } .media-object_content:nth-child(4n+1) { clear: left } .media-object_text { margin-bottom: 16.8px } .staff-slide_inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .staff-slide_content { margin: 0 } .aside_related-link { font-size: 15px } .detail_expanded { padding: 80px 0 } .detail_expanded .btn--download { position: absolute; top: 0; right: 16px } .detail_expanded-inner { top: 10%; height: 90%; padding-top: 64px } .detail_expanded-close-btn { width: 32px; height: 32px; top: 8px; right: 8px; font-size: 32px } .detail_expanded-scrollable .content_headline:first-child { padding-right: 220px } .expanded_content,.expanded_desktop-content { display: block } .expanded_content { margin-bottom: 32px } .excerpt { width: calc(99.99%*6/12 - (100px - 100px*6/12)) } .excerpt:nth-child(1n) { float: left; margin-right: 100px; clear: none } .excerpt:last-child { margin-right: 0 } .excerpt:nth-child(2n) { float: right } .excerpt:nth-child(2n) { margin-right: 0 } .excerpt:nth-child(2n+1) { clear: left } .content-block--ib-square .ib-item,.content-block--ib-rect .ib-item { margin-bottom: 20px } .content-block--ib-square .ib-item_title,.content-block--ib-rect .ib-item_title { padding: 0 10px } .content-block--ib-square .ib-item:nth-child(4n) { margin-right: 0 } .content-block--ib-rect .ib-item { position: relative; overflow: hidden } .content-block--ib-rect .ib-item:before { content: ''; display: block; width: 100%; padding-top: 66.66666666666666% } .content-block--ib-rect .ib-item_icon { width: 28%; margin-top: 15% } .embedded-pdf_img { display: none } .embedded-pdf_iframe { display: block; border: none } .insights-detail_right-block-wrapper { margin-top: 0; text-align: right } .insights-detail_right-block { display: inline-block; text-align: left } .latest-news { position: relative } .latest-news_items { display: block; width: 20%; background-color: #000 } .latest-news-item { position: relative; z-index: 2; overflow: hidden; color: #fff; font-family: Benton Sans Medium,sans-serif; cursor: pointer } .latest-news-item_img { z-index: 1; width: auto; height: 100%; -webkit-transform: translate3d(0,0,0) translateY(-50%); transform: translate3d(0,0,0) translateY(-50%); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease } .latest-news-item_img-container { margin: -1px; z-index: 1 } .latest-news-item_img-container:after { content: ''; position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; background: -webkit-linear-gradient(top,transparent 15%,rgba(0,0,0,.8)); background: linear-gradient(to bottom,transparent 15%,rgba(0,0,0,.8)) } .latest-news-item_title,.latest-news-item:before { position: absolute; left: 0; z-index: 2; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .latest-news-item_title { bottom: 0; padding: 18px 14px; font-size: 16px; line-height: 1.3; opacity: 1 } .current .latest-news-item_title { z-index: 3; opacity: 0 } .latest-news-item:before { top: 0; font-size: 2em; opacity: 0; -webkit-transform: translate(4px,8px) scale(.5); -ms-transform: translate(4px,8px) scale(.5); transform: translate(4px,8px) scale(.5); -webkit-transition-property: all; transition-property: all } .current.latest-news-item:before { top: 50%; z-index: 3; opacity: 1; -webkit-transform: translate(18px,-50%) scale(1); -ms-transform: translate(18px,-50%) scale(1); transform: translate(18px,-50%) scale(1) } .latest-news-item:nth-child(1n):before { content: "01" } .latest-news-item:nth-child(2n):before { content: "02" } .latest-news-item:nth-child(3n):before { content: "03" } .latest-news-item:nth-child(4n):before { content: "04" } .latest-news-item:nth-child(5n):before { content: "05" } .latest-news-item:after,.latest-news-item_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .latest-news-item:after { content: ''; z-index: 3; background-color: #000; opacity: .4 } .current.latest-news-item:after { z-index: 1 } .latest-news-item:hover:not(.current):after { opacity: 0 } .latest-news-item:hover:not(.current) .latest-news-item_img { -webkit-transform: translateY(-50%) scale(1.075); -ms-transform: translateY(-50%) scale(1.075); transform: translateY(-50%) scale(1.075); -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transition-duration: 3s; transition-duration: 3s } .latest-news-item_overlay { z-index: 2; background: #eb8024; opacity: 0 } .current .latest-news-item_overlay { opacity: 1 } .latest-news-item_overlay:after { content: ''; position: absolute; top: 50%; right: -.45em; z-index: 14; display: block; width: 1.2em; height: 1.2em; background-color: #eb8024; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg) } .latest-news_slides { position: absolute; top: 0; right: 0; z-index: 1; max-width: 80%; width: 100%; background-color: gray } .latest-news-slide { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; background-color: gray; opacity: 0; -webkit-transition: opacity 1s ease; transition: opacity 1s ease } .latest-news-slide.current,.latest-news-slide.previous { opacity: 1 } .latest-news-slide.current { z-index: 2 } .latest-news-slide_img-container { margin: -1px } .latest-news-slide_content { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 7.079646% 6.2831858% 7.079646% 10.619469%; color: #fff } .latest-news-slide_title { margin-bottom: 35px; font-family: Benton Sans Book,sans-serif; font-size: 30px; line-height: 1.3 } .latest-news-slide_subtitle,.latest-news-slide_text { font-size: 17px; line-height: 1.7 } .latest-news-slide_subtitle span { color: #eb8024 } .latest-news-slide_text { opacity: .6 } .listview--casestudies .media-object_img-wrapper { position: relative; overflow: hidden } .listview--casestudies .media-object_img-wrapper:before { content: ''; display: block; width: 100%; padding-top: 100% } .listview--casestudies .media-object_img-wrapper .media-object_img { width: auto; height: 100% } .listview--casestudies .media-object_img-wrapper { width: calc(99.99%*.333333333333333 - (20px - 20px*.333333333333333)) } .listview--casestudies .media-object_img-wrapper:nth-child(1n) { float: left; margin-right: 20px; clear: none } .listview--casestudies .media-object_img-wrapper:last-child { margin-right: 0 } .listview--casestudies .media-object_img-wrapper:nth-child(undefinedn) { float: right } .listview--casestudies .media-object_img-wrapper:nth-child(undefinedn) { margin-right: 0 } .listview--casestudies .media-object_img-wrapper:nth-child(undefinedn+1) { clear: left } .listview--casestudies .listview_select-container { position: relative; left: calc(99.99%*.333333333333333 - (20px - 20px*.333333333333333) + 20px); width: calc(99.99%*.666666666666667 - (20px - 20px*.666666666666667)) } .listview--casestudies .listview_select-container:nth-child(1n) { float: left; margin-right: 20px; clear: none } .listview--casestudies .listview_select-container:last-child { margin-right: 0 } .listview--casestudies .listview_select-container:nth-child(undefinedn) { float: right } .listview--casestudies .listview_select-container:nth-child(undefinedn) { margin-right: 0 } .listview--casestudies .listview_select-container:nth-child(undefinedn+1) { clear: left } .listview--casestudies .media-object_content { width: calc(99.99%*.666666666666667 - (20px - 20px*.666666666666667)) } .listview--casestudies .media-object_content:nth-child(1n) { float: left; margin-right: 20px; clear: none } .listview--casestudies .media-object_content:last-child { margin-right: 0 } .listview--casestudies .media-object_content:nth-child(undefinedn) { float: right } .listview--casestudies .media-object_content:nth-child(undefinedn) { margin-right: 0 } .listview--casestudies .media-object_content:nth-child(undefinedn+1) { clear: left } .listview--whitepaper .media-object_img-wrapper { position: relative; overflow: hidden } .listview--whitepaper .media-object_img-wrapper:before { content: ''; display: block; width: 100%; padding-top: 150% } .listview--whitepaper .media-object_img-wrapper .media-object_img { width: auto; height: 100% } .listview--whitepaper .media-object_img-wrapper { width: calc(99.99%*.25 - (20px - 20px*.25)) } .listview--whitepaper .media-object_img-wrapper:nth-child(1n) { float: left; margin-right: 20px; clear: none } .listview--whitepaper .media-object_img-wrapper:last-child { margin-right: 0 } .listview--whitepaper .media-object_img-wrapper:nth-child(undefinedn) { float: right } .listview--whitepaper .media-object_img-wrapper:nth-child(undefinedn) { margin-right: 0 } .listview--whitepaper .media-object_img-wrapper:nth-child(undefinedn+1) { clear: left } .listview--whitepaper .listview_select-container { position: relative; left: calc(99.99%*.25 - (20px - 20px*.25) + 20px); width: calc(99.99%*.75 - (20px - 20px*.75)) } .listview--whitepaper .listview_select-container:nth-child(1n) { float: left; margin-right: 20px; clear: none } .listview--whitepaper .listview_select-container:last-child { margin-right: 0 } .listview--whitepaper .listview_select-container:nth-child(undefinedn) { float: right } .listview--whitepaper .listview_select-container:nth-child(undefinedn) { margin-right: 0 } .listview--whitepaper .listview_select-container:nth-child(undefinedn+1) { clear: left } .listview--whitepaper .media-object_content { width: calc(99.99%*.75 - (20px - 20px*.75)) } .listview--whitepaper .media-object_content:nth-child(1n) { float: left; margin-right: 20px; clear: none } .listview--whitepaper .media-object_content:last-child { margin-right: 0 } .listview--whitepaper .media-object_content:nth-child(undefinedn) { float: right } .listview--whitepaper .media-object_content:nth-child(undefinedn) { margin-right: 0 } .listview--whitepaper .media-object_content:nth-child(undefinedn+1) { clear: left } .listview--webinars .media-object_img-wrapper { position: relative; overflow: hidden } .listview--webinars .media-object_img-wrapper:before { content: ''; display: block; width: 100%; padding-top: 150% } .listview--webinars .media-object_img-wrapper .media-object_img { width: auto; height: 100% } .listview--webinars .media-object_img-wrapper { width: calc(99.99%*.25 - (20px - 20px*.25)) } .listview--webinars .media-object_img-wrapper:nth-child(1n) { float: left; margin-right: 20px; clear: none } .listview--webinars .media-object_img-wrapper:last-child { margin-right: 0 } .listview--webinars .media-object_img-wrapper:nth-child(undefinedn) { float: right } .listview--webinars .media-object_img-wrapper:nth-child(undefinedn) { margin-right: 0 } .listview--webinars .media-object_img-wrapper:nth-child(undefinedn+1) { clear: left } .listview--webinars .listview_select-container { position: relative; left: calc(99.99%*.25 - (20px - 20px*.25) + 20px); width: calc(99.99%*.75 - (20px - 20px*.75)) } .listview--webinars .listview_select-container:nth-child(1n) { float: left; margin-right: 20px; clear: none } .listview--webinars .listview_select-container:last-child { margin-right: 0 } .listview--webinars .listview_select-container:nth-child(undefinedn) { float: right } .listview--webinars .listview_select-container:nth-child(undefinedn) { margin-right: 0 } .listview--webinars .listview_select-container:nth-child(undefinedn+1) { clear: left } .listview--webinars .media-object_content { width: calc(99.99%*.75 - (20px - 20px*.75)) } .listview--webinars .media-object_content:nth-child(1n) { float: left; margin-right: 20px; clear: none } .listview--webinars .media-object_content:last-child { margin-right: 0 } .listview--webinars .media-object_content:nth-child(undefinedn) { float: right } .listview--webinars .media-object_content:nth-child(undefinedn) { margin-right: 0 } .listview--webinars .media-object_content:nth-child(undefinedn+1) { clear: left } .listview--blogs .media-object_img-wrapper { position: relative; overflow: hidden } .listview--blogs .media-object_img-wrapper:before { content: ''; display: block; width: 100%; padding-top: 150% } .listview--blogs .media-object_img-wrapper .media-object_img { width: auto; height: 100% } .listview--blogs .media-object_img-wrapper { width: calc(99.99%*.25 - (20px - 20px*.25)) } .listview--blogs .media-object_img-wrapper:nth-child(1n) { float: left; margin-right: 20px; clear: none } .listview--blogs .media-object_img-wrapper:last-child { margin-right: 0 } .listview--blogs .media-object_img-wrapper:nth-child(undefinedn) { float: right } .listview--blogs .media-object_img-wrapper:nth-child(undefinedn) { margin-right: 0 } .listview--blogs .media-object_img-wrapper:nth-child(undefinedn+1) { clear: left } .listview--blogs .listview_select-container { position: relative; left: calc(99.99%*.25 - (20px - 20px*.25) + 20px); width: calc(99.99%*.75 - (20px - 20px*.75)) } .listview--blogs .listview_select-container:nth-child(1n) { float: left; margin-right: 20px; clear: none } .listview--blogs .listview_select-container:last-child { margin-right: 0 } .listview--blogs .listview_select-container:nth-child(undefinedn) { float: right } .listview--blogs .listview_select-container:nth-child(undefinedn) { margin-right: 0 } .listview--blogs .listview_select-container:nth-child(undefinedn+1) { clear: left } .listview--blogs .media-object_content { width: calc(99.99%*.75 - (20px - 20px*.75)) } .listview--blogs .media-object_content:nth-child(1n) { float: left; margin-right: 20px; clear: none } .listview--blogs .media-object_content:last-child { margin-right: 0 } .listview--blogs .media-object_content:nth-child(undefinedn) { float: right } .listview--blogs .media-object_content:nth-child(undefinedn) { margin-right: 0 } .listview--blogs .media-object_content:nth-child(undefinedn+1) { clear: left } .listview_select-container { margin-top: -32px; margin-bottom: 48px } .listview_load-more { margin-bottom: 80px } .masonry-item { margin-bottom: 20px } .masonry-item--1to2 { position: relative; overflow: hidden } .masonry-item--1to2:before { content: ''; display: block; width: 100%; padding-top: 200% } .masonry-item--2to3 { position: relative; overflow: hidden } .masonry-item--2to3:before { content: ''; display: block; width: 100%; padding-top: 150% } .masonry-item--5to4 { position: relative; overflow: hidden } .masonry-item--5to4:before { content: ''; display: block; width: 100%; padding-top: 80% } .masonry-item--4to5 { position: relative; overflow: hidden } .masonry-item--4to5:before { content: ''; display: block; width: 100%; padding-top: 125% } .masonry-item--1to2,.masonry-item--2to3,.masonry-item--4to5 { float: left; width: calc(99.99%*1/4 - 20px); margin-left: 10px; margin-right: 10px } .masonry-item--5to4 { float: left; width: calc(99.99%*2/4 - 20px); margin-left: 10px; margin-right: 10px } .masonry-item_img { z-index: 2 } .masonry-item_overlay,.masonry-item_overlay:after,.masonry-item_overlay:before,.masonry-item_link-overlay,.masonry-item_content { position: absolute; left: 0; width: 100% } .masonry-item_overlay { top: 0; z-index: 3; height: 100% } .masonry-item_overlay:before,.masonry-item_overlay:after { content: ' '; height: 100%; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } .masonry-item_overlay:before { background: -webkit-linear-gradient(top,transparent 15%,#000); background: linear-gradient(to bottom,transparent 15%,#000); opacity: .7 } .masonry-item_link-overlay:hover+.masonry-item_overlay:before { opacity: 0 } .masonry-item_overlay:after { opacity: 0 } .masonry-item_link-overlay:hover+.masonry-item_overlay:after { opacity: .85 } .site-content--default .masonry-item_overlay:after { background: #eb8024 } .site-content--industries .masonry-item_overlay:after { background: #ffc000 } .site-content--services .masonry-item_overlay:after { background: #2789da } .site-content--insights .masonry-item_overlay:after { background: #3ec73c } .site-content--solutions .masonry-item_overlay:after { background: #fb4200 } .masonry-item_content { bottom: 0; z-index: 4; padding: 20px } .masonry-item_link-overlay { top: 0; z-index: 5; display: block; height: 100%; background-color: rgba(0,0,0,.01) } .masonry-item_link[class] { border-bottom: 0; color: #fff; text-transform: uppercase } .masonry-item_category-title,.masonry-item_title { color: #fff; text-align: center; font-size: 12px; line-height: 1.7 } .masonry-item_category-title { margin-bottom: 16.8px } .masonry-item_title { font-weight: 700 } .overview-item_img-container { margin-top: 0; margin-bottom: 0 } .role { width: calc(99.99%*6/12 - (20px - 20px*6/12)) } .role:nth-child(1n) { float: left; margin-right: 20px; clear: none } .role:last-child { margin-right: 0 } .role:nth-child(2n) { float: right } .role:nth-child(2n) { margin-right: 0 } .role:nth-child(2n+1) { clear: left } .role_avatar { width: calc(99.99%*3/12 - (20px - 20px*3/12)) } .role_avatar:nth-child(1n) { float: left; margin-right: 20px; clear: none } .role_avatar:last-child { margin-right: 0 } .role_avatar:nth-child(2n) { float: right } .role_avatar:nth-child(2n) { margin-right: 0 } .role_avatar:nth-child(2n+1) { clear: left } .role_content { width: calc(99.99%*9/12 - (20px - 20px*9/12)) } .role_content:nth-child(1n) { float: left; margin-right: 20px; clear: none } .role_content:last-child { margin-right: 0 } .role_content:nth-child(2n) { float: right } .role_content:nth-child(2n) { margin-right: 0 } .role_content:nth-child(2n+1) { clear: left } .content-block--ch .top-gradient { padding-top: 60px } .content-block--c2s .content_rte { margin-top: -341px; padding-top: 21.333333328px } .content-block--c2s .content_img-container { float: right; max-width: 640px; width: 110% } .content-block--c3s .content_img-container { float: right; max-width: 440px; width: 109%; margin: 0 } .content_headline.has-box { margin-bottom: 0; padding: 0 32px 16.8px; background: #fff } .content_rte.has-box { padding-right: 32px; padding-bottom: 21.333333328px; padding-left: 32px; background: #fff } .content-block--c6 .content_rte.has-box { padding-right: 0 } .content-block--c2 .content_rte.has-box,.content-block--c5 .content_rte.has-box { padding-left: 0 } .content_rte.has-padding { padding-right: 32px; padding-left: 32px } .content-block--h1 .content_rte { margin-top: -257px; padding-top: 21.333333328px } .content-block--h1 .content_img-container { max-width: 480px; width: 110% } .content-block--h2 .content-wrapper { min-height: 380px } .content-block--h2 .content_img-container { float: right; max-width: 480px; width: 115%; margin-top: -285px } .content-block--intro .typo_intro { margin-top: 32px } .content-block--c2 .content-wrapper { min-height: 397px } .content-block--c2 .content_img-container { width: 640px; margin-top: -369px } .content-block--c3 .content_img-container { float: right; max-width: 440px; width: 109%; margin: 0 } .content-block--c4 .content-wrapper { margin-top: -60px; padding-top: 64px } .content-block--c5 .content_img-container { width: 440px; margin-top: -84px } .content-block--c5 .first { min-height: 150px } .content-block--c6 .content_img-container { float: right; width: 440px } .content-block--c6 .content-wrapper { margin-top: -89px } .content-block--c6 .content_headline { padding-top: 21.333333328px; padding-right: 0 } .content-block--c6 .content_rte:last-child { padding-bottom: 0 } .content-block--c6 .mobile-only { display: none } .carousel-wrapper { background: #000219 } .carousel-main { margin: 0 -1px } .carousel-slide { width: 100% } .carousel-slide .readmore-block { position: absolute; bottom: -50px; left: 0; width: 100% } .carousel-slide_overlay { opacity: .5; -webkit-transition: opacity .5s; transition: opacity .5s } .carousel-slide_sub { position: absolute; bottom: -60px; left: -6%; padding: 0; font-size: 325px } .carousel-slide_sub-s { display: block } .carousel-slide_content-inner { bottom: 64px } .carousel-slide_headline { margin-bottom: 16.8px } .carousel-slide_content-description { position: relative; display: block } .carousel-slide_content-description .typo_normal { color: #fff } .carousel-slide_mobile-description { display: none } .carousel-nav { display: block } .carousel-nav_content { font-size: 16px } .carousel-nav_sub { font-size: 16px } .site-content { padding-top: 80px } .rte ol.enumeration-list li { padding-left: 80px } .rte ol.enumeration-list li:after { background: #dadada } .content-block--newslist .news-item_img-wrapper { position: relative; left: calc(99.99%*-1/2 - (20px - 20px*-1/2) + 20px); width: calc(99.99%*1/2 - (20px - 20px*1/2)) } .content-block--newslist .news-item_img-wrapper:nth-child(1n) { float: left; margin-right: 20px; clear: none } .content-block--newslist .news-item_img-wrapper:last-child { margin-right: 0 } .content-block--newslist .news-item_img-wrapper:nth-child(2n) { float: right } .content-block--newslist .news-item_img-wrapper:nth-child(2n) { margin-right: 0 } .content-block--newslist .news-item_img-wrapper:nth-child(2n+1) { clear: left } .content-block--newslist .media-object { margin-bottom: 80px } .content-block--newslist .media-object_content { position: relative; left: calc(99.99%*1/2 - (20px - 20px*1/2) + 20px); width: calc(99.99%*1/2 - (20px - 20px*1/2)) } .content-block--newslist .media-object_content:nth-child(1n) { float: left; margin-right: 20px; clear: none } .content-block--newslist .media-object_content:last-child { margin-right: 0 } .content-block--newslist .media-object_content:nth-child(2n) { float: right } .content-block--newslist .media-object_content:nth-child(2n) { margin-right: 0 } .content-block--newslist .media-object_content:nth-child(2n+1) { clear: left } .content-block--newslist .media-object_img-link { float: right; max-width: 440px; width: 119% } .skew-block.gradient-purple { min-height: 700px } .skew-block.gradient-purple .skew-block_content { -webkit-transform: translate(0,20%); -ms-transform: translate(0,20%); transform: translate(0,20%) } .skew-block_pattern { top: 0; left: 0; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); width: 100%; height: auto } .skew-block--no-gradient { height: 450px } .image-teaser { margin-top: 0; position: relative; overflow: hidden; max-height: 600px } .image-teaser:before { content: ''; display: block; width: 100%; padding-top: 50% } .image-teaser_content-inner { padding-bottom: 48px } .image-teaser_background-img { width: 101%; height: auto } .image-teaser--quote .image-teaser_text { margin-bottom: 24px } .page-teaser { padding-bottom: 64px } .page-teaser:not(:last-child) { margin-bottom: 64px } .page-teaser:last-child { padding-bottom: 96px } .page-teaser_content { margin-bottom: 64px } .page-teaser_list-item { margin-bottom: 16.8px } .page-teaser_list-text { padding-left: 16.8px } .page-teaser--simple { padding-bottom: 10px } .page-teaser--simple:not(:last-child) { margin-bottom: 16.8px } .video-teaser { position: relative; overflow: hidden } .video-teaser:before { content: ''; display: block; width: 100%; padding-top: 56.25% } .video-teaser_headline { font-size: 40px } .video-teaser_subheadline { margin-left: 2em; font-size: 18px; line-height: 1.5; opacity: 0 } .video-teaser_overlay-inner:hover .video-teaser_headline,.video-teaser_overlay-inner.is-active .video-teaser_headline { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px) } } @media only screen and (max-width: 959px) { body.no-scroll { position:fixed; width: 100%; height: 100%; overflow: hidden } .video_embed { min-width: 0; min-height: 0; width: 101% } .interactive-module--content .interactive-module_image { max-width: 500px; margin: 0 auto } .ctc-interactive-module-container { margin-top: 0 } .block-balloon .skew-block_content { padding-bottom: 0 } .block-balloon .interactive-module_image--balloon { display: none } .content-block--ib-rect .ib-item:nth-child(2n) { margin-right: 0 } .block-open-hardware_image { max-width: 500px; margin: 0 auto } .block-open-hardware_image-container { display: none } .block-open-hardware_image-container--mobile { display: block } .content-block--c1:last-child { margin-bottom: 0 } .content-block--ctc-wrapper .image-sequence-wrapper { margin-bottom: 80px } .content-block--ctc-wrapper .scroll-video--ctc { margin-bottom: 80px } .ctc-imagesequence-container { display: none } .ctc-content_block .ctc-content_block-image { display: block; max-width: 100%; margin: 0 auto } .searchbox_clear.is-active { display: block } .skew-block.gradient-blue-pattern { background-image: none; background: #011d2f } .video_embed { min-width: 0; min-height: 0; width: auto; height: 101% } } @media only screen and (min-width: 700px) and (max-width:959px) { .accordion_buttons { position:absolute; top: 40px; right: 30px; padding: 0 } .accordion_btn { width: 24px; height: 24px; font-size: 24px } .accordion_btn-icon:before { line-height: 24px } .card-cats { margin-bottom: 140px } .card-cats_headline,.card-cats_nav { margin-top: 60px; margin-bottom: 20px } .card-list_title { margin-bottom: 20px } .card-list_load-more { margin-top: 30px } .skew-block .card-slider { margin-bottom: 140px } .card-slide:nth-child(n) { margin-right: 20px } .chapter-nav.is-hidden { -webkit-transform: translate(-50%,-128px); -ms-transform: translate(-50%,-128px); transform: translate(-50%,-128px) } .chapter-nav_item-link { border-top-width: 4px; font-size: 13px; line-height: 44px } .row.reset-padding--s { margin: 0 } .simple-bubble { padding: 0 50px } .aside_block { width: calc(99.99%*1/2 - (20px - 20px*1/2)) } .aside_block:nth-child(1n) { float: left; margin-right: 20px; clear: none } .aside_block:last-child { margin-right: 0 } .aside_block:nth-child(2n) { float: right } .aside_block:nth-child(2n) { margin-right: 0 } .aside_block:nth-child(2n+1) { clear: left } .aside_block:nth-child(2n) { margin-right: 0 } .overview-item { margin-top: 32px; margin-bottom: 32px } .overview-item_img-container { position: relative; overflow: hidden } .overview-item_img-container:before { content: ''; display: block; width: 100%; padding-top: 75% } .overview-item:nth-of-type(2n+1) .overview-item_img-container { margin-left: -20px } .overview-item:nth-of-type(2n) .overview-item_img-container { margin-right: -20px } .overview-item:nth-of-type(2n+1) .overview-item_content { padding-left: 20px } .content-block { margin: 48px 0 64px } .content-block.has-background .cell { padding: 48px 0 64px } .content-block--c1 .content_img-container { margin-top: -117px } .content-block--read-more { margin-top: -32px } .content-block--newslist div.load-more { margin-top: 30px } .skew-block--slider .skew-block_title { margin-top: 60px; margin-bottom: 20px } }*/ @media only screen and (min-width: 960px) { /* .typo_h1,.rte h1,.text-animate_slide-content { font-size:56px } .typo_h2-secondary,.rte h2,.rte .typo_h2-secondary,.skew-block_jet-engine h1 { font-size: 32px } .typo_abstract,.content-block--lp .content_rte,.skew-block_content { font-size: 32px; line-height: 1.7 } .typo_story { font-size: 40px } .accordion_page-icon .svg-icon { width: 75px; height: 75px } .accordion_buttons { padding: 30px 0 0 } .accordion_btn { font-size: 40px } .accordion_btn.accordion_toggle { margin-right: 16.8px } .card-cats_headline,.card-cats_nav { margin-top: 80px; margin-bottom: 30px } .card-list_title { margin-bottom: 30px } .card-list_load-more { margin-top: 20px } .chapter-nav.is-hidden { -webkit-transform: translate(-50%,-141px); -ms-transform: translate(-50%,-141px); transform: translate(-50%,-141px) } .chapter-nav_item-link { border-top-width: 5px; font-size: 15px; line-height: 56px }*/ .row { margin-right: 20px; margin-left: 20px } .col-1of12--m,.col-2of12--m,.col-3of12--m,.col-4of12--m,.col-5of12--m,.col-6of12--m,.col-7of12--m,.col-8of12--m,.col-9of12--m,.col-10of12--m,.col-11of12--m,.col-12of12--m,.media-object_img-wrapper,.media-object_content,.masonry-item--1to2,.masonry-item--2to3,.masonry-item--4to5,.masonry-item--5to4,.overview-item,.video-teaser--secondary { float: left; clear: none; margin-right: 20px } .col-pull-0--m,.col-push-0--m { position: relative; left: calc(99.99%*0 - (20px - 20px*0) + 20px) } .col-1of12--m { width: calc(99.99%*1/12 - (20px - 20px*1/12)) } .col-1of12--m:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-1of12--m:last-child { margin-right: 0 } .col-1of12--m:nth-child(12n) { float: right } .col-1of12--m:nth-child(12n) { margin-right: 0 } .col-1of12--m:nth-child(12n+1) { clear: left } .col-push-1of12--m { position: relative; left: calc(99.99%*1/12 - (20px - 20px*1/12) + 20px); } .col-pull-1of12--m { position: relative; left: calc(99.99%*-1/12 - (20px - 20px*-1/12) + 20px) } .col-2of12--m { width: calc(99.99%*2/12 - (20px - 20px*2/12)) } .col-2of12--m:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-2of12--m:last-child { margin-right: 0 } .col-2of12--m:nth-child(12n) { float: right } .col-2of12--m:nth-child(12n) { margin-right: 0 } .col-2of12--m:nth-child(12n+1) { clear: left } .col-push-2of12--m { position: relative; left: calc(99.99%*2/12 - (20px - 20px*2/12) + 20px) } .col-pull-2of12--m { position: relative; left: calc(99.99%*-2/12 - (20px - 20px*-2/12) + 20px) } .col-3of12--m { width: calc(99.99%*3/12 - (20px - 20px*3/12)) } .col-3of12--m:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-3of12--m:last-child { margin-right: 0 } .col-3of12--m:nth-child(12n) { float: right } .col-3of12--m:nth-child(12n) { margin-right: 0 } .col-3of12--m:nth-child(12n+1) { clear: left } .col-push-3of12--m { position: relative; left: calc(99.99%*3/12 - (20px - 20px*3/12) + 20px) } .col-pull-3of12--m { position: relative; left: calc(99.99%*-3/12 - (20px - 20px*-3/12) + 20px) } .col-4of12--m { width: calc(99.99%*4/12 - (20px - 20px*4/12)) } .col-4of12--m:nth-child(1n) { float: left; margin-right: 20px; clear: none; } .col-4of12--m:last-child { margin-right: 0 } .col-4of12--m:nth-child(12n) { float: right } .col-4of12--m:nth-child(12n) { margin-right: 0 } .col-4of12--m:nth-child(12n+1) { clear: left } .col-push-4of12--m { position: relative; left: calc(99.99%*4/12 - (20px - 20px*4/12) + 20px) } .col-pull-4of12--m { position: relative; left: calc(99.99%*-4/12 - (20px - 20px*-4/12) + 20px) } .col-5of12--m { width: calc(99.99%*5/12 - (20px - 20px*5/12)) } .col-5of12--m:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-5of12--m:last-child { margin-right: 0 } .col-5of12--m:nth-child(12n) { float: right } .col-5of12--m:nth-child(12n) { margin-right: 0 } .col-5of12--m:nth-child(12n+1) { clear: left } .col-push-5of12--m { position: relative; left: calc(99.99%*5/12 - (20px - 20px*5/12) + 20px) } .col-pull-5of12--m { position: relative; left: calc(99.99%*-5/12 - (20px - 20px*-5/12) + 20px) } .col-6of12--m { width: calc(99.99%*6/12 - (20px - 20px*6/12)) } .col-6of12--m:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-6of12--m:last-child { margin-right: 0 } .col-6of12--m:nth-child(12n) { float: right } .col-6of12--m:nth-child(12n) { margin-right: 0 } .col-6of12--m:nth-child(12n+1) { clear: left } .col-push-6of12--m { position: relative; left: calc(99.99%*6/12 - (20px - 20px*6/12) + 20px) } .col-pull-6of12--m { position: relative; left: calc(99.99%*-6/12 - (20px - 20px*-6/12) + 20px) } .col-7of12--m { width: calc(99.99%*7/12 - (20px - 20px*7/12)) } .col-7of12--m:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-7of12--m:last-child { margin-right: 0 } .col-7of12--m:nth-child(12n) { float: right } .col-7of12--m:nth-child(12n) { margin-right: 0 } .col-7of12--m:nth-child(12n+1) { clear: left } .col-push-7of12--m { position: relative; left: calc(99.99%*7/12 - (20px - 20px*7/12) + 20px) } .col-pull-7of12--m { position: relative; left: calc(99.99%*-7/12 - (20px - 20px*-7/12) + 20px) } .col-8of12--m { width: calc(99.99%*8/12 - (20px - 20px*8/12)) } .col-8of12--m:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-8of12--m:last-child { margin-right: 0 } .col-8of12--m:nth-child(12n) { float: right } .col-8of12--m:nth-child(12n) { margin-right: 0 } .col-8of12--m:nth-child(12n+1) { clear: left } .col-push-8of12--m { position: relative; left: calc(99.99%*8/12 - (20px - 20px*8/12) + 20px) } .col-pull-8of12--m { position: relative; left: calc(99.99%*-8/12 - (20px - 20px*-8/12) + 20px) } .col-9of12--m { width: calc(99.99%*9/12 - (20px - 20px*9/12)) } .col-9of12--m:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-9of12--m:last-child { margin-right: 0 } .col-9of12--m:nth-child(12n) { float: right } .col-9of12--m:nth-child(12n) { margin-right: 0 } .col-9of12--m:nth-child(12n+1) { clear: left } .col-push-9of12--m { position: relative; left: calc(99.99%*9/12 - (20px - 20px*9/12) + 20px) } .col-pull-9of12--m { position: relative; left: calc(99.99%*-9/12 - (20px - 20px*-9/12) + 20px) } .col-10of12--m { width: calc(99.99%*10/12 - (20px - 20px*10/12)) } .col-10of12--m:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-10of12--m:last-child { margin-right: 0 } .col-10of12--m:nth-child(12n) { float: right } .col-10of12--m:nth-child(12n) { margin-right: 0 } .col-10of12--m:nth-child(12n+1) { clear: left } .col-push-10of12--m { position: relative; left: calc(99.99%*10/12 - (20px - 20px*10/12) + 20px) } .col-pull-10of12--m { position: relative; left: calc(99.99%*-10/12 - (20px - 20px*-10/12) + 20px) } .col-11of12--m { width: calc(99.99%*11/12 - (20px - 20px*11/12)) } .col-11of12--m:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-11of12--m:last-child { margin-right: 0 } .col-11of12--m:nth-child(12n) { float: right } .col-11of12--m:nth-child(12n) { margin-right: 0 } .col-11of12--m:nth-child(12n+1) { clear: left } .col-push-11of12--m { position: relative; left: calc(99.99%*11/12 - (20px - 20px*11/12) + 20px) } .col-pull-11of12--m { position: relative; left: calc(99.99%*-11/12 - (20px - 20px*-11/12) + 20px) } .col-12of12--m { width: calc(99.99%*12/12 - (20px - 20px*12/12)) } .col-12of12--m:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-12of12--m:last-child { margin-right: 0 } .col-12of12--m:nth-child(12n) { float: right } .col-12of12--m:nth-child(12n) { margin-right: 0 } .col-12of12--m:nth-child(12n+1) { clear: left } .col-push-12of12--m { position: relative; left: calc(99.99%*12/12 - (20px - 20px*12/12) + 20px) } .col-pull-12of12--m { position: relative; left: calc(99.99%*-12/12 - (20px - 20px*-12/12) + 20px) } /* .simple-bubble:nth-child(2n) { position: relative; left: calc(99.99%*2/12 - (20px - 20px*2/12) + 20px) } .media-object_content { padding-right: 21.333333328px; padding-left: 21.333333328px } .media-object_text~.hyperlink { font-size: 12px; letter-spacing: .230833333333333rem; padding-bottom: 7px } .video_inner.sticky-element .video_embed { height: 101% } .video_inner.sticky-element.is-sticky .video_embed { -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .detail_content .preview-link { font-size: 12px; letter-spacing: .230833333333333rem; padding-bottom: 7px } .scrollable_inner { padding: 0 0 64px } .content-block--ib-rect .ib-item:nth-child(3n) { margin-right: 0 } .latest-news-item:before { opacity: .5 } .latest-news-slide_title,.latest-news-slide_subtitle,.latest-news-slide_text { max-width: 70% } .latest-news-slide_title { font-size: 40px } .latest-news-slide_subtitle,.latest-news-slide_text { font-size: 20px } .listview_select-container { display: none } .listview_load-more { padding-right: 20px } .listview_no-filter,.listview_categories { display: block } .masonry-item--1to2,.masonry-item--2to3,.masonry-item--4to5 { float: left; width: calc(99.99%*1/5 - 20px); margin-left: 10px; margin-right: 10px } .masonry-item--5to4 { float: left; width: calc(99.99%*2/5 - 20px); margin-left: 10px; margin-right: 10px } .overview-item { overflow: hidden; position: relative; margin-bottom: 20px; width: calc(99.99%*4/12 - (20px - 20px*4/12)) } .overview-item:nth-child(1n) { float: left; margin-right: 20px; clear: none } .overview-item:last-child { margin-right: 0 } .overview-item:nth-child(3n) { float: right } .overview-item:nth-child(3n) { margin-right: 0 } .overview-item:nth-child(3n+1) { clear: left } .overview-item:before { content: ''; display: block; width: 100%; padding-top: 100% } .overview-item_inner-col:nth-child(n) { position: static; left: auto; float: none; clear: none; width: auto; margin-right: 0 } .overview-item_img-container { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100% } .overview-item_content { position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; padding: 0 0 10px; text-align: center; -webkit-transform: translateY(100%) translateY(-37.2px); -ms-transform: translateY(100%) translateY(-37.2px); transform: translateY(100%) translateY(-37.2px); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease } .overview-item_link-overlay:hover~.overview-item_content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .overview-item_title { color: #fff; white-space: nowrap; font-family: Benton Sans,sans-serif; font-weight: 700; font-size: 16px; line-height: 1.7; text-transform: uppercase } .overview-item_text { padding: 0 10px; color: #fff; font-family: Benton Sans,sans-serif; font-size: 16px; line-height: 1.7 } .overview-item_read-more { display: none } .overview-item_link-overlay { position: absolute; top: 0; left: 0; z-index: 4; display: block; width: 100%; height: 100% } .overview-item_overlay,.overview-item_overlay:before,.overview-item_overlay:after { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100% } .overview-item_overlay:before,.overview-item_overlay:after { content: ' '; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } .overview-item_overlay:before { background: -webkit-linear-gradient(top,transparent 15%,#000); background: linear-gradient(to bottom,transparent 15%,#000); opacity: .7 } .overview-item_link-overlay:hover+.overview-item_overlay:before { opacity: 0 } .overview-item_overlay:after { opacity: 0 } .overview-item_link-overlay:hover+.overview-item_overlay:after { opacity: .85 } .site-content--default .overview-item_overlay:after { background: #eb8024 } .site-content--industries .overview-item_overlay:after { background: #ffc000 } .site-content--services .overview-item_overlay:after { background: #2789da } .site-content--insights .overview-item_overlay:after { background: #3ec73c } .site-content--solutions .overview-item_overlay:after { background: #fb4200 } .content-block--ch .top-gradient { padding-top: 100px } .content-block--c2s .content_img-container { float: none; width: 640px } .content-block--c1 .content_headline.has-box { padding-right: 0 } .content_headline--l { margin-bottom: 48px } .content-block--c1 .content_rte.has-box { padding-right: 0 } .content-block--h1 .content_rte { margin-top: -397px } .content-block--h1 .content_img-container { width: 480px } .content-block--h2 .content-wrapper { min-height: 500px } .content-block--h2 .content_img-container { width: 480px; margin-top: -397px } .content-block--c1 .content_img-container { float: right; width: 645px; margin-top: -89px } .content-block--c4 .content-wrapper { margin-top: -170px; padding-top: 64px } .content-block--c4 .content_img-container { left: 50%; max-height: 675px; width: 1200px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .content-block--frog .cell:after { display: block } .carousel-main .flickity-prev-next-button { display: block } .carousel-main .flickity-prev-next-button.previous { left: 3% } .carousel-main .flickity-prev-next-button.next { right: 3% } .carousel-main .flickity-prev-next-button .arrow { fill: #fff } .carousel-slide_sub { left: -5% } .content-block--newslist div.load-more { margin-top: 20px } .debug-mode .cue-point,.debug-mode .trigger-point { visibility: visible } .content-block--ctc-wrapper { margin: 160px 0 } .content-block--ctc-wrapper .video-teaser { position: relative; overflow: hidden } .content-block--ctc-wrapper .video-teaser:before { content: ''; display: block; width: 100%; padding-top: 56.25% } .content-block--ctc-wrapper .content-block--ctc { margin-bottom: 80px } .content-block--ctc-wrapper .scroll-video--ctc { position: relative; overflow: hidden } .content-block--ctc-wrapper .scroll-video--ctc:before { content: ''; display: block; width: 100%; padding-top: 125% } .searchbox_input-wrapper { padding-right: 0; border-bottom: none; -webkit-transform: translateX(495px); -ms-transform: translateX(495px); transform: translateX(495px); -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s,-webkit-transform .35s } .is-active .searchbox_input-wrapper { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .searchbox-btn { display: block; outline: none } .searchbox_input { display: block; max-width: 630px; height: 80px; padding: 0 } .skew-block--slider .skew-block_title { margin-top: 80px; margin-bottom: 30px } .skew-block--no-gradient { height: 900px } .sticky-element { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .sticky-element.is-sticky { position: fixed } .debug-mode .sticky-helper { visibility: visible } .story-chapter:first-child { margin-top: -80px } .parallax_overlay { height: 300px; margin-bottom: -300px } .chapter_inner { padding: 160px 0 80px } .story-chapter .chapter_label-wrapper { display: block } .image-teaser_content-inner { padding-bottom: 64px } .image-teaser--quote .image-teaser_text { font-size: 30px; line-height: 1.5 } .image-teaser--quote .image-teaser_author { font-size: 20px } .page-teaser--simple .page-teaser_icon { width: 40px; height: 40px; margin-top: -8px } .video-teaser { position: relative; overflow: hidden } .video-teaser:before { content: ''; display: block; width: 100%; padding-top: 42.857142857142854% } .video-teaser--primary { width: calc(99.999999%*1/1) } .video-teaser--primary:nth-child(1n) { float: left; margin-right: 0; clear: none } .video-teaser--primary:last-child { margin-right: 0 } .video-teaser--primary:nth-child(0n) { float: right } .video-teaser--primary:nth-child(0n) { margin-right: 0 } .video-teaser--primary:nth-child(0n+1) { clear: left } .video-teaser--secondary { width: calc(99.999999%*1/2) } .video-teaser--secondary:nth-child(1n) { float: left; margin-right: 0; clear: none } .video-teaser--secondary:last-child { margin-right: 0 } .video-teaser--secondary:nth-child(0n) { float: right } .video-teaser--secondary:nth-child(0n) { margin-right: 0 } .video-teaser--secondary:nth-child(0n+1) { clear: left } .video-teaser_index { top: 15%; left: 70px; font-size: 50px } .video-teaser--secondary .video-teaser_index { left: 16px; font-size: 30px } .video-teaser--secondary .video-teaser_headline { font-size: 22px } .video-teaser--primary .video-teaser_subheadline { display: block } .video-teaser--secondary .video-teaser_more { font-size: 13px; line-height: 23px } .video-teaser--secondary .video-teaser_next { width: 24px; height: 24px; border-width: 2px } .video-teaser--secondary .video-teaser_next .next-btn_icon { font-size: 24px } .video-teaser--secondary .text-animate_slide-content { font-size: 22px; margin-bottom: 16.8px } .video-teaser--secondary .text-animate_slide-content { font-size: 28px }*/ } /*@media only screen and (max-width: 1199px) { .skew-block.gradient-blue-pattern { background-image:-moz-linear-gradient(top,#011d2f 70%,rgba(81,113,139,.5) 100%),url(../img/demo-animations-content/balloon/balloon-section-background.jpg); background-image: -webkit-linear-gradient(top,#011d2f 70%,rgba(81,113,139,.5) 100%),url(../img/demo-animations-content/balloon/balloon-section-background.jpg); background-image: linear-gradient(top,#011d2f 70%,rgba(81,113,139,.5) 100%),url(../img/demo-animations-content/balloon/balloon-section-background.jpg) } .skew-block.gradient-purple-pattern { background-position: 150% 0; background-size: 50%,100% } }*/ /* @media only screen and (min-width: 960px) and (max-width:1199px) { .title-icon { width:40px; height: 40px } .card-cats { margin-bottom: 160px } .card-cat_item { width: calc(99.99%*4/12 - (20px - 20px*4/12)) } .card-cat_item:nth-child(1n) { float: left; margin-right: 20px; clear: none } .card-cat_item:last-child { margin-right: 0 } .card-cat_item:nth-child(3n) { float: right } .card-cat_item:nth-child(3n) { margin-right: 0 } .card-cat_item:nth-child(3n+1) { clear: left } .card-list_item { width: calc(99.99%*4/12 - (20px - 20px*4/12)) } .card-list_item:nth-child(1n) { float: left; margin-right: 20px; clear: none } .card-list_item:last-child { margin-right: 0 } .card-list_item:nth-child(3n) { float: right } .card-list_item:nth-child(3n) { margin-right: 0 } .card-list_item:nth-child(3n+1) { clear: left } .skew-block .card-slider { margin-bottom: 160px } .card-slide:nth-child(n) { margin-right: 20px } .card-slide .card { margin: 20px 0 } .row.reset-padding--m { margin: 0 } .aside_block { width: calc(99.99%*1/1 - (20px - 20px*1/1)) } .aside_block:nth-child(1n) { float: left; margin-right: 20px; clear: none } .aside_block:last-child { margin-right: 0 } .aside_block:nth-child(1n) { float: right } .aside_block:nth-child(1n) { margin-right: 0 } .aside_block:nth-child(1n+1) { clear: left } .contact-person_avatar { float: none; margin-bottom: 10px } .contact-person_content { margin-left: 0 } .content-block { margin: 64px 0 80px } .content-block.has-background .cell { padding: 64px 0 80px } .content-block--read-more { margin-top: -32px } .careers-overview .image-teaser_content-inner [class^=col-] { width: calc(99.99%*10/12 - (20px - 20px*10/12)); left: calc(99.99%*1/12 - (20px - 20px*1/12) + 20px) } }*/ @media only screen and (min-width: 1200px) { /* .typo_iconlist,.page-teaser_list { font-size:20px; line-height: 1.5 } .title-icon { width: 48px; height: 48px } .card-cats { margin-bottom: 22% } .card-cat_item { width: calc(99.99%*4/12 - (20px - 20px*4/12)) } .card-cat_item:nth-child(1n) { float: left; margin-right: 20px; clear: none } .card-cat_item:last-child { margin-right: 0 } .card-cat_item:nth-child(3n) { float: right } .card-cat_item:nth-child(3n) { margin-right: 0 } .card-cat_item:nth-child(3n+1) { clear: left } .card-list_item { width: calc(99.99%*4/12 - (20px - 20px*4/12)) } .card-list_item:nth-child(1n) { float: left; margin-right: 20px; clear: none } .card-list_item:last-child { margin-right: 0 } .card-list_item:nth-child(3n) { float: right } .card-list_item:nth-child(3n) { margin-right: 0 } .card-list_item:nth-child(3n+1) { clear: left } .skew-block .card-slider { margin-bottom: 22% } .card-slide:nth-child(n) { margin-right: 20px } .card-slide .card { margin: 20px 0 } .chapter-nav { overflow-x: auto }*/ .row { margin-right: 0; margin-left: 0 } .col-1of12--l,.col-2of12--l,.col-3of12--l,.col-4of12--l,.col-5of12--l,.col-6of12--l,.col-7of12--l,.col-8of12--l,.col-9of12--l,.col-10of12--l,.col-11of12--l,.col-12of12--l,.media-object_img-wrapper,.media-object_content { float: left; clear: none; margin-right: 20px } .col-pull-0--l,.col-push-0--l { position: relative; left: calc(99.99%*0 - (20px - 20px*0) + 20px) } .row.reset-padding--l { margin: 0 } .col-1of12--l { width: calc(99.99%*1/12 - (20px - 20px*1/12)) } .col-1of12--l:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-1of12--l:last-child { margin-right: 0 } .col-1of12--l:nth-child(12n) { float: right } .col-1of12--l:nth-child(12n) { margin-right: 0 } .col-1of12--l:nth-child(12n+1) { clear: left } .col-push-1of12--l { position: relative; left: calc(99.99%*1/12 - (20px - 20px*1/12) + 20px) } .col-pull-1of12--l { position: relative; left: calc(99.99%*-1/12 - (20px - 20px*-1/12) + 20px) } .col-2of12--l { width: calc(99.99%*2/12 - (20px - 20px*2/12)) } .col-2of12--l:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-2of12--l:last-child { margin-right: 0 } .col-2of12--l:nth-child(12n) { float: right } .col-2of12--l:nth-child(12n) { margin-right: 0 } .col-2of12--l:nth-child(12n+1) { clear: left } .col-push-2of12--l { position: relative; left: calc(99.99%*2/12 - (20px - 20px*2/12) + 20px) } .col-pull-2of12--l { position: relative; left: calc(99.99%*-2/12 - (20px - 20px*-2/12) + 20px) } .col-3of12--l { width: calc(99.99%*3/12 - (20px - 20px*3/12)) } .col-3of12--l:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-3of12--l:last-child { margin-right: 0 } .col-3of12--l:nth-child(12n) { float: right } .col-3of12--l:nth-child(12n) { margin-right: 0 } .col-3of12--l:nth-child(12n+1) { clear: left } .col-push-3of12--l { position: relative; left: calc(99.99%*3/12 - (20px - 20px*3/12) + 20px) } .col-pull-3of12--l { position: relative; left: calc(99.99%*-3/12 - (20px - 20px*-3/12) + 20px) } .col-4of12--l { width: calc(99.99%*4/12 - (20px - 20px*4/12)) } .col-4of12--l:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-4of12--l:last-child { margin-right: 0 } .col-4of12--l:nth-child(12n) { float: right } .col-4of12--l:nth-child(12n) { margin-right: 0 } .col-4of12--l:nth-child(12n+1) { clear: left } .col-push-4of12--l { position: relative; left: calc(99.99%*4/12 - (20px - 20px*4/12) + 20px) } .col-pull-4of12--l { position: relative; left: calc(99.99%*-4/12 - (20px - 20px*-4/12) + 20px) } .col-5of12--l { width: calc(99.99%*5/12 - (20px - 20px*5/12)) } .col-5of12--l:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-5of12--l:last-child { margin-right: 0 } .col-5of12--l:nth-child(12n) { float: right } .col-5of12--l:nth-child(12n) { margin-right: 0 } .col-5of12--l:nth-child(12n+1) { clear: left } .col-push-5of12--l { position: relative; left: calc(99.99%*5/12 - (20px - 20px*5/12) + 20px) } .col-pull-5of12--l { position: relative; left: calc(99.99%*-5/12 - (20px - 20px*-5/12) + 20px) } .col-6of12--l { width: calc(99.99%*6/12 - (20px - 20px*6/12)) } .col-6of12--l:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-6of12--l:last-child { margin-right: 0 } .col-6of12--l:nth-child(12n) { float: right } .col-6of12--l:nth-child(12n) { margin-right: 0 } .col-6of12--l:nth-child(12n+1) { clear: left } .col-push-6of12--l { position: relative; left: calc(99.99%*6/12 - (20px - 20px*6/12) + 20px) } .col-pull-6of12--l { position: relative; left: calc(99.99%*-6/12 - (20px - 20px*-6/12) + 20px) } .col-7of12--l { width: calc(99.99%*7/12 - (20px - 20px*7/12)) } .col-7of12--l:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-7of12--l:last-child { margin-right: 0 } .col-7of12--l:nth-child(12n) { float: right } .col-7of12--l:nth-child(12n) { margin-right: 0 } .col-7of12--l:nth-child(12n+1) { clear: left } .col-push-7of12--l { position: relative; left: calc(99.99%*7/12 - (20px - 20px*7/12) + 20px) } .col-pull-7of12--l { position: relative; left: calc(99.99%*-7/12 - (20px - 20px*-7/12) + 20px) } .col-8of12--l { width: calc(99.99%*8/12 - (20px - 20px*8/12)) } .col-8of12--l:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-8of12--l:last-child { margin-right: 0 } .col-8of12--l:nth-child(12n) { float: right } .col-8of12--l:nth-child(12n) { margin-right: 0 } .col-8of12--l:nth-child(12n+1) { clear: left } .col-push-8of12--l { position: relative; left: calc(99.99%*8/12 - (20px - 20px*8/12) + 20px) } .col-pull-8of12--l { position: relative; left: calc(99.99%*-8/12 - (20px - 20px*-8/12) + 20px) } .col-9of12--l { width: calc(99.99%*9/12 - (20px - 20px*9/12)) } .col-9of12--l:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-9of12--l:last-child { margin-right: 0 } .col-9of12--l:nth-child(12n) { float: right } .col-9of12--l:nth-child(12n) { margin-right: 0 } .col-9of12--l:nth-child(12n+1) { clear: left } .col-push-9of12--l { position: relative; left: calc(99.99%*9/12 - (20px - 20px*9/12) + 20px) } .col-pull-9of12--l { position: relative; left: calc(99.99%*-9/12 - (20px - 20px*-9/12) + 20px) } .col-10of12--l { width: calc(99.99%*10/12 - (20px - 20px*10/12)) } .col-10of12--l:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-10of12--l:last-child { margin-right: 0 } .col-10of12--l:nth-child(12n) { float: right } .col-10of12--l:nth-child(12n) { margin-right: 0 } .col-10of12--l:nth-child(12n+1) { clear: left } .col-push-10of12--l { position: relative; left: calc(99.99%*10/12 - (20px - 20px*10/12) + 20px) } .col-pull-10of12--l { position: relative; left: calc(99.99%*-10/12 - (20px - 20px*-10/12) + 20px) } .col-11of12--l { width: calc(99.99%*11/12 - (20px - 20px*11/12)) } .col-11of12--l:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-11of12--l:last-child { margin-right: 0 } .col-11of12--l:nth-child(12n) { float: right } .col-11of12--l:nth-child(12n) { margin-right: 0 } .col-11of12--l:nth-child(12n+1) { clear: left } .col-push-11of12--l { position: relative; left: calc(99.99%*11/12 - (20px - 20px*11/12) + 20px) } .col-pull-11of12--l { position: relative; left: calc(99.99%*-11/12 - (20px - 20px*-11/12) + 20px) } .col-12of12--l { width: calc(99.99%*12/12 - (20px - 20px*12/12)) } .col-12of12--l:nth-child(1n) { float: left; margin-right: 20px; clear: none } .col-12of12--l:last-child { margin-right: 0 } .col-12of12--l:nth-child(12n) { float: right } .col-12of12--l:nth-child(12n) { margin-right: 0 } .col-12of12--l:nth-child(12n+1) { clear: left } .col-push-12of12--l { position: relative; left: calc(99.99%*12/12 - (20px - 20px*12/12) + 20px) } .col-pull-12of12--l { position: relative; left: calc(99.99%*-12/12 - (20px - 20px*-12/12) + 20px) } .end_cap--content_value{ text-align: center; } .end_cap--content_value{ margin-top: -67px; padding-bottom: 40px; } end_cap--content_value a { color: #2e2e2e; } /* .image-slider .flickity-prev-next-button { display: block } .detail_expanded { max-width: 1080px; width: 95% } .detail_expanded .scrollable_inner { float: none; max-width: 960px; margin: 0 auto } .content-block--ib-square .ib-item { position: relative; overflow: hidden } .content-block--ib-square .ib-item:before { content: ''; display: block; width: 100%; padding-top: 100% } .content-block--ib-square .ib-item_icon { width: 56%; height: 56%; margin-top: 15%; margin-bottom: 3% } .content-block--c3s .content_img-container { width: 440px } .content-block { margin: 80px 0 96px } .content-block.has-background .cell { padding: 80px 0 } .content-block--c3 .content_img-container { width: 440px } .content-block--c4 .content_img-container { width: 100% } .content-block--read-more { margin-top: -48px } .carousel-slide { width: 1200px } .carousel-slide.is-selected { box-shadow: 0 -10px 20px #000219 } .content-block--newslist .news-item_img-wrapper { position: relative; left: calc(99.99%*-7/12 - (20px - 20px*-7/12) + 20px); width: calc(99.99%*5/12 - (20px - 20px*5/12)) } .content-block--newslist .news-item_img-wrapper:nth-child(1n) { float: left; margin-right: 20px; clear: none } .content-block--newslist .news-item_img-wrapper:last-child { margin-right: 0 } .content-block--newslist .news-item_img-wrapper:nth-child(12n) { float: right } .content-block--newslist .news-item_img-wrapper:nth-child(12n) { margin-right: 0 } .content-block--newslist .news-item_img-wrapper:nth-child(12n+1) { clear: left } .content-block--newslist .media-object_content { position: relative; left: calc(99.99%*5/12 - (20px - 20px*5/12) + 20px); width: calc(99.99%*7/12 - (20px - 20px*7/12)) } .content-block--newslist .media-object_content:nth-child(1n) { float: left; margin-right: 20px; clear: none } .content-block--newslist .media-object_content:last-child { margin-right: 0 } .content-block--newslist .media-object_content:nth-child(12n) { float: right } .content-block--newslist .media-object_content:nth-child(12n) { margin-right: 0 } .content-block--newslist .media-object_content:nth-child(12n+1) { clear: left } .story-chapter .sticky-wrapper+.superior-layer { max-width: 1340px; width: 95%; margin-left: -2px } .parallax_overlay { max-width: 1340px; width: 95%; margin-left: -2px } .video-teaser--secondary .video-teaser_index { left: 70px } .video-teaser--secondary .video-teaser_content { padding: 0 64px 0 80px } .video-teaser--secondary .video-teaser_headline { font-size: 28px } .video-teaser--primary .video-teaser_headline { font-size: 50px; line-height: 1.333 } .video-teaser--secondary .video-teaser_subheadline { display: block } .video-teaser--primary .video-teaser_subheadline { height: 50px; margin-left: 2em; font-size: 32px }*/ } @media only screen and (max-width: 768px) { .end_cap--content_value{ text-align: center; } .end_cap--content_value a { color: #2e2e2e; } } .end_cap--content_value a { color: #2e2e2e !important; } /* @media only screen and (min-width: 1340px) { .chapter_inner .cell { position:static } .story-chapter .chapter_label-wrapper { position: absolute; top: 160px; left: 1%; width: 240px } } @media screen and (max-width: 699px) and (orientation:landscape) { .image-teaser { position:relative; overflow: hidden } .image-teaser:before { content: ''; display: block; width: 100%; padding-top: 50% } } @media screen and (max-width: 699px) and (orientation:portrait) { .image-teaser--quote .image-teaser_inner,.image-teaser--quote .image-teaser_content-inner { position:relative } .image-teaser--quote .image-teaser_content { padding-top: 25% } }*/ @media (min-width: 1023px) and (max-width: 1199px) { .industries--overview .hwi-block h1{ font-size: 4rem !important; } } /* For home page underline */ .display-inline-yellow { display: inline-block; } /*Css for the get in touch button for the latest thinking page */ .site-content--latest-thinking .getintouch-button button { background-color: #464B6B !important; font-size: 1.2rem; line-height: 1; padding: 14px 16px 13px 16px; letter-spacing: .16667rem; font-weight: 600; text-transform: uppercase; text-decoration: none; } .site-content--latest-thinking .getintouch-button button:hover { background: white !important; /* color: #464B6B !important; */ border: .1px solid #464B6B !important; } .site-content--latest-thinking .getintouch-button button:hover a { color: #464B6B !important; } .site-content--latest-thinking .getintouch-button a{ color: white; text-decoration:none; } ol.list_type { list-style: decimal; margin-left: 18px; } .getintouch-button button { background: transparent; border: none; } @media only screen and (min-width: 600px) { .cta-block .button a { line-height: 1.2 !important; } } @media only screen and (max-width: 600px) { .eu-cookie-compliance-banner.eu-cookie-compliance-banner-info.eu-cookie-compliance-banner--default { background: white; } } /*.getintouch-button button:hover{ background: #fff !important; color: #007eaf !important; border-color: rgb(226, 226, 226) !important; }*/