/* NODE "BUSINESS UNIT PAGE" */ #node--business-unit-page .body{ margin-top:60px;margin-bottom:75px;text-align:center; } #node--business-unit-page h3.section{ position:relative;border:0;background:#c9c3ba;color:#004182;font-size:30px;line-height:80px;font-weight:300;text-transform:uppercase;padding:0;margin:0;outline:0; } #node--business-unit-page .section-content{ padding-top:40px;padding-bottom:40px; } #node--business-unit-page #bu-calendar .body{ text-align:left; } /* NEWS BLOCK */ #node--business-unit-page #news-block{ background:#c9c3ba;padding:20px 0 20px 0;margin-bottom:14px; } #node--business-unit-page #news-block>h2{ margin-bottom:20px; } #node--business-unit-page #news-block #news-wrapper{ position:relative;width:100%;height:215px;overflow:hidden; } #node--business-unit-page #news-block #news-wrapper .scroll-canvas{ margin:0;padding:0;background:#285b8d; } #node--business-unit-page #news-block #news-wrapper .scroll-canvas td{ margin:0;padding:0;height:215px; } #node--business-unit-page #news-block #news-wrapper .scroll-canvas:after{ content:"";display:block;clear:both; } /* mCustomScrollbar */ #node--business-unit-page #news-block .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height:8px;margin:6px 0 0 0;border-radius:4px; } #node--business-unit-page #news-block .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ height:20px; } #node--business-unit-page #news-block .mCSB_scrollTools .mCSB_draggerContainer{ height:20px;background:#285b8d; } #node--business-unit-page #news-block .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ display:none; } #node--business-unit-page #news-block .news{ position:relative;display:inline-block;width:240px;height:200px;background:#285b8d;margin:0;ursor:pointer;white-space:normal;overflow:hidden; } #node--business-unit-page #news-block .news>a{ display:block;position:absolute;top:0;left:0;right:0;bottom:0; } #node--business-unit-page #news-block .news .inner{ position:absolute;left:30px;right:20px;top:75px;bottom:45px;overflow:hidden; } /* OLD #node--business-unit-page #news-block .news h2{ position:relative;color:#00aae1;font-size:18px;line-height:24px;padding-bottom:10px;margin-bottom:10px;font-weight:400;text-align:left; }*/ #node--business-unit-page #news-block .news h2{ position:relative;color:white;font-size:18px;line-height:24px;padding-bottom:10px;margin-bottom:10px;font-weight:400;text-align:left; } #node--business-unit-page #news-block .news h2:after{ content:"";display:block;position:absolute;bottom:0;left:0;width:60px;border-bottom:2px solid #00aae1; } #node--business-unit-page #news-block .news h3{ position:relative;color:#00aae1;font-size:18px;line-height:24px;padding-bottom:10px;margin-bottom:10px;font-weight:400;text-align:left; } #node--business-unit-page #news-block .news p{ color:white;opacity:0; } #node--business-unit-page #news-block .news .textblock{ color:white;text-align:left;opacity:0;font-size:16px; } #node--business-unit-page #news-block .news .date-field{ margin-bottom:20px; } #node--business-unit-page #news-block .news .date-field>div{ display:inline-block; } #node--business-unit-page #news-block .news .icon{ position:absolute;bottom:10px;right:10px; } #node--business-unit-page #news-block .news.news-article .icon{ width:32px;height:30px;background:url('../images/pages/front-page/news-article-icon.png') 0 0 no-repeat; } #node--business-unit-page #news-block .news.event-article .icon{ width:30px;height:30px;background:url('../images/pages/front-page/event-article-icon.png') 0 0 no-repeat; } /* Hover */ #node--business-unit-page #news-block .news{ -webkit-transition-property:background;transition-property:background;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #node--business-unit-page #news-block .news .inner{ -webkit-transition-property:top;transition-property:top;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #node--business-unit-page #news-block .news h2{ -webkit-transition-property:color;transition-property:color;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #node--business-unit-page #news-block .news h2:after{ -webkit-transition-property:border-color;transition-property:border-color;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #node--business-unit-page #news-block .news h3{ -webkit-transition-property:color;transition-property:color;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #node--business-unit-page #news-block .news p{ -webkit-transition-property:opacity;transition-property:opacity;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #node--business-unit-page #news-block .news .textblock{ -webkit-transition-property:opacity;transition-property:opacity;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #node--business-unit-page #news-block .news:hover{ background:#28afd9; } #node--business-unit-page #news-block .news:hover h2{ color:white; } #node--business-unit-page #news-block .news:hover h2:after{ border-color:white; } #node--business-unit-page #news-block .news:hover h3{ color:white; } #node--business-unit-page #news-block .news:hover p{ opacity:1; } #node--business-unit-page #news-block .news:hover .textblock{ opacity:1; } #node--business-unit-page #news-block .news:hover .inner{ top:20px; } @media(min-width:768px){ #node--business-unit-page #news-block #news-wrapper .scroll-canvas td{ height:250px; } #node--business-unit-page #news-block{ background:#c9c3ba;padding:20px 0 0 0;margin-bottom:0; } #node--business-unit-page #news-block #news-wrapper{ height:265px; } #node--business-unit-page #news-block .news{ width:300px;height:250px; } #node--business-unit-page #news-block .news .inner{ top:105px; } } /* NODE "BUSINESS UNIT" */ .node--business-unit{ position:relative; } .node--business-unit article .image{ width:100%;height:auto;margin-bottom:1.7em;background-position:center center !important;background-size:100% auto !important; } .node--business-unit article .image:before{ content:"";display:block;padding-top:56.25%; } .node--business-unit article .teaser-text{ display:inline-block;height:100%;color:#666;overflow:hidden; } .node--business-unit article .explore-btn-wrapper{ text-align:center;margin-top:40px; } .node--business-unit article .explore-btn{ position:relative;display:inline-block;color:#004182;text-transform:uppercase;cursor:pointer;margin-bottom:30px; } .node--business-unit article .explore-btn:after{ content:"";display:block;background:url('../images/pages/business-unit-page/arrows-up-down.png') bottom left no-repeat;width:36px;height:17px;position:absolute;bottom:-24px;left:50%;margin-left:-18px; } .node--business-unit article .explore-btn:hover{ opacity:0.7; } .node--business-unit article .explore-btn:hover:after{ opacity:0.7; } .node--business-unit article .close-btn-wrapper{ text-align:center;margin-top:40px; } .node--business-unit article .close-btn{ position:relative;display:inline-block;color:#004182;text-transform:uppercase;cursor:pointer;margin-top:30px; } .node--business-unit article .close-btn:after{ content:"";display:block;background:url('../images/pages/business-unit-page/arrows-up-down.png') top left no-repeat;width:36px;height:17px;position:absolute;top:-24px;left:50%;margin-left:-18px; } .node--business-unit article .close-btn:hover{ opacity:0.7; } .node--business-unit article .close-btn:hover:after{ opacity:0.7; } .node--business-unit:after{ content:"";display:block;width:50%;height:3px;border:0;background:#c7c2b9;margin-top:30px;margin-bottom:30px;margin-left:25%; } .node--business-unit:last-child:after{ display:none; } .node--business-unit article .full-text{ display:none; } .node--business-unit article .downloadLinks-container{ margin-left:-10px;margin-right:-10px;margin-top:30px;margin-bottom:30px; text-align: center;} .node--business-unit article .downloadLinks-container:after{ display:block;content:"";clear:both; } .node--business-unit article .downloadLink{ position:relative;display:inline-block;background:#c9c3ba; width:210px;height:200px;overflow:hidden;color:white;padding:45px 20px 10px 20px;margin:10px auto 10px auto; vertical-align: bottom; } .node--business-unit article .downloadLink:after{ content:"";display:block;position:absolute;width:40px;height:29px;right:12px;bottom:9px;background:url('../images/pages/business-unit-page/download-btn.png') 0 0 no-repeat; } .node--business-unit article .downloadLink.video:after{ background:url('../images/pages/business-unit-page/video-btn.png') 0 0 no-repeat; } .node--business-unit article .downloadLink{ opacity:1;-webkit-transition-property:opacity;transition-property:opacity;transition-delay:0s;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } .node--business-unit article .downloadLink:hover{ opacity:0.8; } .node--business-unit article .clientReferences-container{ position:relative;margin-left:-10px;margin-right:-10px;margin-top:30px;padding-top:50px;margin-bottom:30px; } .node--business-unit article .clientReferences-container:after{ content:"";display:block;position:absolute;top:0;left:25%;right:25%;height:3px;border:0;background:#c7c2b9; } .node--business-unit article .clientReferences-container h3{ font-size:30px;background:transparent; } .node--business-unit article .clientReferences-container .clientReferences-wrapper{ text-align:center; } /* .node--business-unit article .clientReferences-container .clientReference{ display:inline-block;max-width:320px;margin:10px auto 30px auto;vertical-align:top; } */ /* .node--business-unit article .clientReferences-container .clientReference td.img{ width:320px;height:170px;text-align:center;vertical-align:middle; } */ /* .node--business-unit article .clientReferences-container .clientReference td.txt{ padding-top:15px;text-align:center;font-size:18px;color:#004182; } */ .node--business-unit article .clientReferences-container .clientReference { display:inline-block;max-width:210px;margin:10px auto 30px auto; vertical-align:top;cursor:pointer;} .node--business-unit article .clientReferences-container .clientReference td.img{ width:210px;height:210px;text-align:center;vertical-align:middle; display:flex;justify-content: center;} .node--business-unit article .clientReferences-container .clientReference td.img img { width:100%; height:auto; align-self: center; padding: 0 10px;} .node--business-unit article .clientReferences-container .clientReference td.txt{ padding-top:15px;text-align:center;font-size:18px;color:#004182; } @media(min-width:480px){ .node--business-unit article .image:before{ padding-top:38.30%; } .node--business-unit article .downloadLink{ /* float:left; */ margin:10px; } } @media(min-width:768px){ .node--business-unit article .image{ width:48%;float:left;margin-bottom:2.25em; } .node--business-unit article .image:before{ padding-top:56.25%; } .node--business-unit article h2{ display:inline-block;width:48%;float:right;text-align:left; } .node--business-unit article .teaser-text{ width:48%;float:right; } .node--business-unit article:after{ content:"";display:block;clear:both; } .node--business-unit:nth-child(even) article .image{ float:right; } .node--business-unit:nth-child(even) article h2{ float:left; } .node--business-unit:nth-child(even) article .teaser-text{ float:left; } .node--business-unit article .downloadLinks-container{ margin-top:130px;margin-bottom:60px; } .node--business-unit article .clientReferences-container .clientReference{ margin:10px; } .node--business-unit article .clientReferences-container .clientReference td.txt{ /* text-align:left; */ } } /* NODE "BUSINESS UNIT" ANIMATION */ .node--business-unit article .image{ transition-delay:0s;-webkit-transition-property:width,height;transition-property:width,height;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } .node--business-unit article h2{ transition-delay:0s;-webkit-transition-property:width,height;transition-property:width,height;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } .node--business-unit article.open h2{ float:none;width:100%;text-align:center; } .node--business-unit article.open .image{ float:none;width:100%; } .node--business-unit article.open .image:before{ padding-top:38.30%; } /*.node--business-unit .full-content-wrapper{ opacity:0; } .node--business-unit .full-content-wrapper{ transition-delay:0s;-webkit-transition-property:height,opacity;transition-property:height,opacity;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } .node--business-unit article.open .teaser-content-wrapper{ height:0;opacity:0; } .node--business-unit article.open .full-content-wrapper{ height:auto;opacity:1; } */ /* NODE "BUSINESS UNIT" VIDEO Extension */ .node--business-unit-video-article article .image.top-video::before, .node--business-unit-video-article article.open .image.top-video::before { padding-top:0%; } .node--business-unit-video-article article .top-video div.mfp-video-embed-popup { width:100%; } .node--business-unit-video-article article .top-video div.mfp-video-embed-popup::before { top:42%; left:47%; background:rgba(153, 153, 153, 0.7); padding:16px 10px 11px 15px; border-radius: 87px;} .node--business-unit-video-article article .column-rows { } .node--business-unit-video-article article .column-row { position_relative; } .node--business-unit-video-article article .column-row .text { width:48%; height:auto; float:left; } .node--business-unit-video-article article .column-row .video-right { width:48%; height:auto; float:right; position:relative; } .node--business-unit-video-article article .column-row .video-right div.mfp-video-embed-popup { width:100%; } .node--business-unit-video-article article .column-row .video-right div.mfp-video-embed-popup::before { top:41%; left:47%; background:rgba(153, 153, 153, 0.7); padding:16px 10px 11px 15px; border-radius: 87px;} /* IR PAGE Career Contact */ .node--business-unit .careers-contact { padding-left: /* 120 */0px; /* position: relative; */ min-height: 190px; margin-bottom: /* 48 */110px; display:flex; } .node--business-unit .careers-contact .textblock img { margin-bottom: 55px; max-width: 100%; height: auto; } .node--business-unit .careers-contact .text { text-align: left; margin-left: 30px; margin-top: 10px; } .node--business-unit .careers-contact .text .name { text-transform: uppercase; } .node--business-unit .careers-contact .text .contact-button-wrapper button { width: 100%; max-width: 300px; } .node--business-unit .careers-contact .image::before { padding-top: unset!important; } .node--business-unit .careers-contact .image { /* width: 97px; height: 97px; position: absolute; top: 0; left: 0; */ } .node--business-unit .careers-contact .image img { width:170px; margin-bottom: 55px; max-width: 100%; height: auto; } @media(min-width:540px){ .node--business-unit .careers-contact .image { width: 170px!important; height: 170px; } .node--business-unit .careers-contact { /* padding-left: 200px; */ } } /* IR PAGE Disclaimer */ .ir_page_dialog { padding-top:0px; padding-left:0px; padding-right:0px; } .ir_page_dialog .ui-dialog-titlebar-close .ir_page_dialog .ui-widget.ui-widget-content { border: none!important; width:350px !important; } .ir_page_dialog .ui-widget-header { border: unset!important; } .ir_page_dialog .ui-dialog-content { font-size: 16px!important; } .ir_page_dialog .ui-dialog-buttonpane button { border: 1px solid #ddd !important; background-color: #e9e9e9; padding: 5px 10px; margin-right: 0; margin-left: 10px; } .ir_page_dialog .ui-dialog-buttonpane button.accept-button { background-color:#004182; color:white; border: 1px solid #003162 !important; }