/*@import 'gpc/general/vars';*/ /** General */ /** Colors */ /** Breakpoints */ /*@import 'gpc/general/mixins';*/ /** Helpers */ /** mixins to condition rules only to new design or only to the old design */ @import url("https://fonts.googleapis.com/css?family=Lato:100,200,300,400"); @import url("https://fonts.googleapis.com/css?family=Quicksand"); * { box-sizing: border-box; } html { margin: 0; padding: 0; width: 100%; overflow-x: hidden; font: normal 13px Verdana, sans-serif; } body { margin: 0; color: #555555; background: #e9e8e3; overflow-x: hidden; } .ie8 body, .ie7 body { min-width: 1020px; } body.webfactorySite { padding-top: 63px; } body.webfactorySite.home-light-page { padding-top: 149px; } p.p-header { font-weight: bold; } acronym { border: none; } input { outline: none; } figure { margin: 0; } img { border: none; } a { text-decoration: none; color: #009ee0; } a:hover { color: #009ee0; } a img { border: none; } a[target="_blank"] { padding-right: 18px; background: url(corporate-externalLink-picto.png) transparent center right no-repeat; } a[target="_blank"].rss { background: none; } button { background: transparent; border: none; transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease; } button:hover { cursor: pointer; } i { vertical-align: middle; } .invisible { display: none; } .material-icons { font-size: 1.6rem; margin-left: 10px; margin-top: 10px; } .clearfix, .central-detail, .logo-title, .press-list footer, .photo-thumbnail, .multiple-lists, .title-header, .filter-content, .filter-content .form-item, .events-list, .postheader-layout .postheader-focus, #main-layout .social, .main-content .paragraph, .main-content .content-text, .form .form-item, .form .form-buttons, .article-content.central-shortcut a, .article-content.central-gallery .img-text, .index-list .pressrelease-content, .pressrelease-content.central-gallery .img-text, .pressrelease-content.central-shortcut a, .event-content.central-gallery .img-text, .editorial-content.central-shortcut a, .editorial-content.central-gallery .img-text, body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content.central-promotion .wrapper, .editorialSpotlight-content.central-promotion .wrapper, .contact-content.central-promotion, .side-contact-placeholder div .contact-content .img-text, .central-contact-placeholder div .contact-content .img-text, .glossary-content.central-detail .item-list, .glossary-content .letters, .magarticle-content.top-detail, .magarticle-content.central-gallery .img-text, .brand-content.central-detail .item-list, .brand-content .letters, .photo-thumbnail-content, .twitter-content .tweets, .twitter-content header, .social-content .tab .twitter-content .tweets, .social-content .tab .twitter-content header, #sticky-news, .audio-player-placeholder, .central-glossary-placeholder .item-list, .central-list-placeholder .item-list .central-list, .hpinfos-placeholder, .central-history-placeholder .item-list, .press-list .index-list-placeholder, .central-promotion-article-pressrelease-placeholder, .footer-layout .cols, .content-page.magazine #main-layout .author, .master-webzine-page .postheader-layout, .pr-index-page .filter-content-press, .event-index-page .filter-content-press, .index-no-paging-page .index-list .central-list, .index-page .index-list .central-list, .sitemap-page #main-central-layout nav, .sitemap-page #main-central-layout nav > ul, spotlight .spotlight-content.central-promotion { zoom: 1; } .clearfix:before, .central-detail:before, .logo-title:before, .press-list footer:before, .photo-thumbnail:before, .multiple-lists:before, .title-header:before, .filter-content:before, .filter-content .form-item:before, .events-list:before, .postheader-layout .postheader-focus:before, #main-layout .social:before, .main-content .paragraph:before, .main-content .content-text:before, .form .form-item:before, .form .form-buttons:before, .article-content.central-shortcut a:before, .article-content.central-gallery .img-text:before, .index-list .pressrelease-content:before, .pressrelease-content.central-gallery .img-text:before, .pressrelease-content.central-shortcut a:before, .event-content.central-gallery .img-text:before, .editorial-content.central-shortcut a:before, .editorial-content.central-gallery .img-text:before, body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content.central-promotion .wrapper:before, .editorialSpotlight-content.central-promotion .wrapper:before, .contact-content.central-promotion:before, .side-contact-placeholder div .contact-content .img-text:before, .central-contact-placeholder div .contact-content .img-text:before, .glossary-content.central-detail .item-list:before, .glossary-content .letters:before, .magarticle-content.top-detail:before, .magarticle-content.central-gallery .img-text:before, .brand-content.central-detail .item-list:before, .brand-content .letters:before, .photo-thumbnail-content:before, .twitter-content .tweets:before, .twitter-content header:before, .social-content .tab .twitter-content .tweets:before, .social-content .tab .twitter-content header:before, #sticky-news:before, .audio-player-placeholder:before, .central-glossary-placeholder .item-list:before, .central-list-placeholder .item-list .central-list:before, .hpinfos-placeholder:before, .central-history-placeholder .item-list:before, .press-list .index-list-placeholder:before, .central-promotion-article-pressrelease-placeholder:before, .footer-layout .cols:before, .content-page.magazine #main-layout .author:before, .master-webzine-page .postheader-layout:before, .pr-index-page .filter-content-press:before, .event-index-page .filter-content-press:before, .index-no-paging-page .index-list .central-list:before, .index-page .index-list .central-list:before, .sitemap-page #main-central-layout nav:before, .sitemap-page #main-central-layout nav > ul:before, spotlight .spotlight-content.central-promotion:before, .clearfix:after, .central-detail:after, .logo-title:after, .press-list footer:after, .photo-thumbnail:after, .multiple-lists:after, .title-header:after, .filter-content:after, .filter-content .form-item:after, .events-list:after, .postheader-layout .postheader-focus:after, #main-layout .social:after, .main-content .paragraph:after, .main-content .content-text:after, .form .form-item:after, .form .form-buttons:after, .article-content.central-shortcut a:after, .article-content.central-gallery .img-text:after, .index-list .pressrelease-content:after, .pressrelease-content.central-gallery .img-text:after, .pressrelease-content.central-shortcut a:after, .event-content.central-gallery .img-text:after, .editorial-content.central-shortcut a:after, .editorial-content.central-gallery .img-text:after, body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content.central-promotion .wrapper:after, .editorialSpotlight-content.central-promotion .wrapper:after, .contact-content.central-promotion:after, .side-contact-placeholder div .contact-content .img-text:after, .central-contact-placeholder div .contact-content .img-text:after, .glossary-content.central-detail .item-list:after, .glossary-content .letters:after, .magarticle-content.top-detail:after, .magarticle-content.central-gallery .img-text:after, .brand-content.central-detail .item-list:after, .brand-content .letters:after, .photo-thumbnail-content:after, .twitter-content .tweets:after, .twitter-content header:after, .social-content .tab .twitter-content .tweets:after, .social-content .tab .twitter-content header:after, #sticky-news:after, .audio-player-placeholder:after, .central-glossary-placeholder .item-list:after, .central-list-placeholder .item-list .central-list:after, .hpinfos-placeholder:after, .central-history-placeholder .item-list:after, .press-list .index-list-placeholder:after, .central-promotion-article-pressrelease-placeholder:after, .footer-layout .cols:after, .content-page.magazine #main-layout .author:after, .master-webzine-page .postheader-layout:after, .pr-index-page .filter-content-press:after, .event-index-page .filter-content-press:after, .index-no-paging-page .index-list .central-list:after, .index-page .index-list .central-list:after, .sitemap-page #main-central-layout nav:after, .sitemap-page #main-central-layout nav > ul:after, spotlight .spotlight-content.central-promotion:after { content: " "; display: table; } .clearfix:after, .central-detail:after, .logo-title:after, .press-list footer:after, .photo-thumbnail:after, .multiple-lists:after, .title-header:after, .filter-content:after, .filter-content .form-item:after, .events-list:after, .postheader-layout .postheader-focus:after, #main-layout .social:after, .main-content .paragraph:after, .main-content .content-text:after, .form .form-item:after, .form .form-buttons:after, .article-content.central-shortcut a:after, .article-content.central-gallery .img-text:after, .index-list .pressrelease-content:after, .pressrelease-content.central-gallery .img-text:after, .pressrelease-content.central-shortcut a:after, .event-content.central-gallery .img-text:after, .editorial-content.central-shortcut a:after, .editorial-content.central-gallery .img-text:after, body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content.central-promotion .wrapper:after, .editorialSpotlight-content.central-promotion .wrapper:after, .contact-content.central-promotion:after, .side-contact-placeholder div .contact-content .img-text:after, .central-contact-placeholder div .contact-content .img-text:after, .glossary-content.central-detail .item-list:after, .glossary-content .letters:after, .magarticle-content.top-detail:after, .magarticle-content.central-gallery .img-text:after, .brand-content.central-detail .item-list:after, .brand-content .letters:after, .photo-thumbnail-content:after, .twitter-content .tweets:after, .twitter-content header:after, .social-content .tab .twitter-content .tweets:after, .social-content .tab .twitter-content header:after, #sticky-news:after, .audio-player-placeholder:after, .central-glossary-placeholder .item-list:after, .central-list-placeholder .item-list .central-list:after, .hpinfos-placeholder:after, .central-history-placeholder .item-list:after, .press-list .index-list-placeholder:after, .central-promotion-article-pressrelease-placeholder:after, .footer-layout .cols:after, .content-page.magazine #main-layout .author:after, .master-webzine-page .postheader-layout:after, .pr-index-page .filter-content-press:after, .event-index-page .filter-content-press:after, .index-no-paging-page .index-list .central-list:after, .index-page .index-list .central-list:after, .sitemap-page #main-central-layout nav:after, .sitemap-page #main-central-layout nav > ul:after, spotlight .spotlight-content.central-promotion:after { clear: both; } .box-size, .text-strip, .logo-title h1, .logo-title h1 span, .logo-title p.p-header, .logo-title p.p-header span, .photo-thumbnail .img-text, .filter-content .form-item input[type="text"], .filter-content .form-item select, .top-scroll a, .postheader-layout .postheader-focus .summary-postheader-focus, .form .form-text, .form .form-textarea, .form .form-select, .article-content.central-shortcut .content-title, .pressrelease-content.central-list, .pressrelease-content.central-shortcut .content-title, .event-content .time-event, .editorial-content.central-shortcut .content-title, .glossary-content .letters a, .brand-content.central-detail .col, .brand-content .letters a, .video-content .img-text, .graphics-content .img-text, .photo-content .img-text, .social-content .tab-link, .history-content, .slide-content .box-banner *, .central-tabbox-placeholder .tab-link, .photo-thumbnail-gallery-placeholder #slider .img-text, .video-gallery-placeholder #slider .img-text, .photo-thumbnail-gallery-placeholder #carousel .img-text, .video-gallery-placeholder #carousel .img-text, .footer-layout .col, .master-webzine-page .postheader-layout .postheader-focus *, .pr-index-page .filter-content-press *, .event-index-page .filter-content-press *, .event-index-page .event-content .text, .sitemap-page #main-central-layout nav > ul > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /** extends */ #popin-navbar-placeholder, .search-header { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #1a5d83; background: transparent; opacity: 0; visibility: hidden; z-index: 15; transition: opacity 0.3s ease, visibility 0s ease 0.3s, transform .3s ease; } .menu-open #popin-navbar-placeholder, .search-open .search-header { opacity: 1; transform: translateY(0%); visibility: visible; transition: opacity 0.3s ease, transform 0.3s ease; } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .submenu-title, .search-header-title { display: block !important; font-size: 1.33rem; font-weight: bold; color: #22252b; line-height: 1.66rem; padding: 1.33rem 2.66rem; text-transform: uppercase; background: #fff; } } @media screen and (min-width: 1025px) { #popin-navbar-placeholder .first-level > li > a, .search-header-title { display: none !important; font-size: 2rem; font-weight: bold; line-height: 5rem; color: #22252b; background: #fff; padding-left: 4.66rem; text-transform: uppercase; cursor: default; height: 5rem; border-top: 1px solid rgba(34, 37, 43, 0.15); } #popin-navbar-placeholder .first-level > li > a:hover, .search-header-title:hover { color: #1eafed; } } .preset-transition, .calltoaction-content, .calltoaction-content:before, .faq-content .faqItem-content.central-list .content-title { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .download-links { clear: both; margin-top: 2%; padding-top: 2%; text-align: center; } .download-links a[target="_blank"] { padding: 0; background: none; } .download-links .download-label { display: inline-block; vertical-align: middle; padding: 2px 0 2px 20px; font-size: 0.9em; background: url(corporate-download-list-file-link-picto.png) center left no-repeat; } .download-links .download-label a { font-weight: normal; color: #777777; } .download-links .label { margin-left: 0; padding: 0; border: none; } .download-links a { display: inline-block; vertical-align: middle; margin-left: 6px; padding-left: 6px !important; font-weight: bold; border-left: 1px solid #a9a8a4; color: #009ee0; } .download-links a + a.newUi-emptyField { display: none; } .download-links a:hover { color: #00567a; } ul { margin: 0; padding: 0; list-style-type: none; } #mediaFolder { display: none; } table { border-collapse: collapse; margin: 0 0 15px; clear: both; } table[border="1"] { border: 1px solid #B3B2B2; } table[border="1"] td, table[border="1"] th { border: 1px solid #B3B2B2; } table tr:first-child { background: none repeat scroll 0 0 #39ACD9; font-weight: bold; color: #FFFFFF; } table td, table th { padding: 12px 8px; text-align: left; } table.custom-style th { color: white; background-color: #39ACD9; } table.custom-style tr > td { font-weight: normal; color: black; background-color: white; } div:empty { margin: 0 !important; padding: 0 !important; } .empty-region { display: none; } .edit-mode .empty-region { display: block; border: 2px dashed blue; margin-bottom: 10px; text-align: center; background: none; } .left { float: left; } .right { float: right; } .block-left { width: 48.5%; float: left; clear: both; } .block-right { width: 48.5%; float: right; } .head-text { font-size: 1.154em; line-height: 1.4em; color: #555555; } @media screen and (max-width: 760px) { .head-text { padding: 0.5% 3%; } } .button { text-transform: uppercase; padding: 10px 18px 10px 15px; margin: 0 5px; border: none; cursor: pointer; font-weight: bold; font-size: 0.85em; } .button.highlight { color: #fff; background: #41c0eb; background: url(img-picto-buttoncorner.png) 95% 80% no-repeat, linear-gradient(to bottom, #41c0eb 0%, #2479b4 100%); } .button.highlight[disabled] { color: #555555; background: url(img-picto-buttoncorner.png) 95% 80% no-repeat, linear-gradient(to bottom, #e9e8e3 0%, #c2bfb8 100%); } .button.highlight:hover { color: #fff; background: #2ab8e9; background: url(img-picto-buttoncorner.png) 95% 80% no-repeat, linear-gradient(to bottom, #2ab8e9 0%, #206b9f 100%); } .button.highlight:active { background: #18aee1; background: url("img-picto-buttoncorner.png") 95% 80% no-repeat, -moz-linear-gradient(top, #18aee1 0%, #1c5c8a 100%); background: url("img-picto-buttoncorner.png") 95% 80% no-repeat, -webkit-linear-gradient(top, #18aee1 0%, #1c5c8a 100%); background: url("img-picto-buttoncorner.png") 95% 80% no-repeat, -ms-linear-gradient(top, #18aee1 0%, #1c5c8a 100%); background: url("img-picto-buttoncorner.png") 95% 80% no-repeat, linear-gradient(to bottom, #18aee1 0%, #1c5c8a 100%); } .button.regular { color: #555555; background: #e9e8e3; background: url(img-picto-buttoncorner.png) 95% 80% no-repeat, linear-gradient(to bottom, #e9e8e3 0%, #c2bfb8 100%); } .button.regular:hover { color: #555555; background: #d3d1c6; background: url(img-picto-buttoncorner.png) 95% 80% no-repeat, linear-gradient(to bottom, #dedcd5 0%, #b6b3aa 100%); } .button.regular:active { background: #d3d1c6; background: url("img-picto-buttoncorner.png") 95% 80% no-repeat, -moz-linear-gradient(top, #d3d1c6 0%, #aaa69d 100%); background: url("img-picto-buttoncorner.png") 95% 80% no-repeat, -webkit-linear-gradient(top, #d3d1c6 0%, #aaa69d 100%); background: url("img-picto-buttoncorner.png") 95% 80% no-repeat, -ms-linear-gradient(top, #d3d1c6 0%, #aaa69d 100%); background: url("img-picto-buttoncorner.png") 95% 80% no-repeat, linear-gradient(to bottom, #d3d1c6 0%, #aaa69d 100%); } .add-fields { display: none; } .central-detail header h1, .central-detail header p.p-header { font-size: 25px; color: #555555; } .central-detail .paragraph-picture { width: 340px; } @media screen and (max-width: 1024px) { .central-detail .paragraph-picture { width: 240px; } } @media screen and (max-width: 768px) { .central-detail .paragraph-picture { width: 200px; } } .central-detail .paragraph-picture img { width: 100%; } .central-detail .paragraph-picture .tooltip { position: relative; display: inline-block; } .central-detail .paragraph-picture .tooltip .tooltiptext { visibility: hidden; width: 100px; background-color: #555; color: #fff; text-align: center; padding: 1px 0; border-radius: 3px; } .central-detail .paragraph-picture .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .central-detail .paragraph-picture .image-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 9999; display: none; } .central-detail .paragraph-picture .image-overlay .image-overlay-close { display: block; position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #eee; line-height: 35px; font-size: 20px; color: #eee; text-align: center; cursor: pointer; } .central-detail .paragraph-picture .image-overlay img { width: auto; max-width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #main-central-layout .central-detail .wrapper h1 { font-size: 1.9em; font-weight: normal; } @media screen and (max-width: 750px) { #main-central-layout .central-detail .wrapper h1 { font-size: 1.2em; font-weight: bold; } } #main-central-layout .central-detail .wrapper p.p-header { font-size: 1.9em; font-weight: normal; } @media screen and (max-width: 750px) { #main-central-layout .central-detail .wrapper p.p-header { font-size: 1.2em; font-weight: bold; } } .central-detail .wrapper { background-color: #FFF; background-image: url("img-paper-corner.gif"); background-position: right 0; background-repeat: no-repeat; } .central-detail .wrapper .main-picture { text-align: center; } .central-detail .wrapper .main-picture img { display: block; width: 100%; max-width: 340px; } .central-detail .wrapper .content-title { margin: 0; font-size: 1.2em; } .central-detail .wrapper li { display: inline-block; padding: 8px 0 8px 12px; background-image: url("img-picto-list-empty.png"); background-position: left 15px; background-repeat: no-repeat; border-top: solid 1px #cfceca; line-height: 21px; } .central-detail .wrapper li:hover { background-image: url("img-picto-list.png"); } .central-detail .wrapper li:first-child { border-top: none; } .central-detail .index-list-placeholder li { display: block; } .logo-title { color: #fff; display: inline-block; margin-bottom: 0; } .logo-title .logo { float: left; font-size: 10px; text-align: center; text-transform: uppercase; width: 70px; height: 33px; padding-top: 37px; } .logo-title .logo-press { background: #97be0e url(img-logo-press.png) 50% 35% no-repeat; color: #fff; height: 70px; } .logo-title .logo-mag { background: #ea6a49 url("img-logo-mag.png") 50% 35% no-repeat; color: #fff; } .logo-title .logo-social { background: #4cbdd3 url("img-logo-social.png") 50% 35% no-repeat; color: #fff; } .logo-title h1, .logo-title h1 span { float: left; margin: 0 0 0 1px; padding: 10px 25px 10px 10px; background: #cac9c4; font-weight: normal; font-size: 33px; color: #fff; } .logo-title h1 span > span { padding: 0; } .logo-title:hover h1 .title-inner { background-image: url(img-arrow-white-full-right-big.png); } .logo-title p.p-header, .logo-title p.p-header span { float: left; margin: 0 0 0 1px; padding: 10px 25px 10px 10px; background: #cac9c4; font-weight: normal; font-size: 33px; color: #fff; } .logo-title p.p-header span > span { padding: 0; } .logo-title:hover p.p-header .title-inner { background-image: url(img-arrow-white-full-right-big.png); } .logo-title .title-inner { display: block; padding: 0 40px 0 25px; height: 50px; background-image: url(img-arrow-white-right-big.png); background-position: 100% 50%; background-repeat: no-repeat; } @media screen and (max-width: 760px) { .logo-title .title-inner { display: block; width: 100%; } } .press-list.index-list { margin-bottom: 3%; } .press-list.index-list header { margin-bottom: 2%; } .press-list .view-all { float: right; overflow: hidden; position: relative; } .press-list .link-view-all { float: right; padding: 3px 0 3px 12px; background-image: url(img-arrow-empty-grey-right.gif); background-position: 0 9px; background-repeat: no-repeat; color: #5b5b5b; font-size: 13px; } .press-list .link-view-all:hover { background-image: url(img-arrow-full-grey-right.gif); } .viewmore a { padding: 5px 0 5px 12px; background-image: url(corporate-centralGallery-itemLink-picto.gif); background-position: left 11px; background-repeat: no-repeat; background-color: transparent; } .viewmore a:hover { background-image: url(corporate-centralGallery-itemLink-hover-picto.gif); background-position: left center; background-repeat: no-repeat; background-color: transparent; color: #007aad; } .big-blue-corner { background: transparent url("img-big-corner-light-blue.gif") bottom right no-repeat; } .text-overlay { position: absolute; z-index: 4; left: 0; top: 0; width: 100%; height: 100%; } .photo-thumbnail { background: #fff; margin: 3% 0; } .photo-thumbnail h1, .photo-thumbnail p.p-header { margin: 0 0 20px 0; color: #1a5d83; } .photo-thumbnail .img-text { margin-top: 2%; position: relative; width: 24.7%; min-height: 122px; margin-right: 0.3%; float: left; border-bottom: solid 10px #e9e8e3; } @media screen and (max-width: 1020px) { .photo-thumbnail .img-text { width: 49.7%; } .photo-thumbnail .img-text:nth-child(3) { zoom: 1; } .photo-thumbnail .img-text:nth-child(3):before, .photo-thumbnail .img-text:nth-child(3):after { content: " "; display: table; } .photo-thumbnail .img-text:nth-child(3):after { clear: both; } } @media screen and (max-width: 760px) { .photo-thumbnail .img-text { width: 100%; margin-right: 0; clear: both; } } .photo-thumbnail .img-text img { width: 100%; } .photo-thumbnail .img-text .text { font-size: 0.85em; color: #757575; padding: 7% 10% 7% 0; } .photo-thumbnail .img-text a:hover .text { color: #424242; } .photo-thumbnail .video-overlay { width: 100%; height: 100%; display: block; background: transparent url("img-picto-video.png") center center no-repeat; position: absolute; bottom: 15%; left: 0; z-index: 10; } #video-carousel-container { width: 100%; } #video-popin-container { display: none; } #facebook #facebookbox { background: #fff; width: 100% !important; } #twitter h2 { margin-top: 5px; color: white; font-size: 1.2em; background: transparent url("img-illus-logo.jpg") left center no-repeat; padding: 5px 20px 30px 1px; } #twitter h2 a { color: white; } .tweets { font-size: 0.85em; border: solid 1px #1d8ba0; background: #fff; color: #365761; padding: 2.5%; } .tweets .tweet { margin-top: 15px; margin-bottom: 10px; } .tweets .date { font-size: 0.9em; color: #9d9d9d; float: right; position: relative; bottom: 8px; } .tweets .message { color: #4A4A4A; margin: 1% 0; display: block; } .multiple-lists h1, .multiple-lists p.p-header { float: none; } @media screen and (max-width: 760px) { .multiple-lists h1, .multiple-lists p.p-header { margin-bottom: 2% !important; } } .multiple-lists ul { margin-bottom: 0; float: left; width: 49%; margin-top: 2%; } @media screen and (max-width: 760px) { .multiple-lists ul { float: none; width: 100%; margin: 0 !important; } } .title-header .logo-title { float: left; } .title-header .sidetitle { float: left; margin: 22px 0 0 30px; color: #5b5b5b; font-weight: normal; font-size: 20px; } @media screen and (max-width: 850px) { .title-header .sidetitle { display: none; } } .alert-content { margin: 20px; } .alert-content .content-title { font-weight: normal; } .alert-content p a { z-index: 10000; } .alert-content ul li { background: transparent url("corporate-centralDetail-paragraph-body-bulletPoint-picto.png") no-repeat scroll 0 10px; list-style-type: none; padding: 0.7% 0 0.4% 15px; } body .fancybox-skin { border-radius: 0; } body .fancybox-outer { background-color: #e9e8e3; } body .fancybox-close { background: url("img-popin-cross.gif") 50% 50% no-repeat; width: 24px; height: 25px; right: 0; top: 0; } body .fancybox-title-float-wrap .child { background: #fff; color: #444; font: normal 13px Verdana,sans-serif; text-shadow: none; border-radius: 0; padding: 10px 20px; } body .fancybox-nav { width: 20%; } body .fancybox-prev span { background: url("img-arrow-prev.png") 50% 50% no-repeat; } body .fancybox-next span { background: url("img-arrow-next.png") 50% 50% no-repeat; } .filter-content { padding: 2%; background: #cac9c4; } .filter-content .form-item { position: relative; width: 48%; float: left; margin: 0 1%; } .filter-content .form-item label { padding-top: 5px; text-align: right; display: block; float: left; margin-right: 2%; font-weight: bold; font-size: 16px; } .filter-content .form-item input[type="image"] { float: left; margin-top: 7px; margin-left: -30px; } .filter-content .form-item input[type="text"] { float: left; width: 48%; border: 1px solid #bdbcb9; background: #fff; padding: 7px 10px; border-radius: 20px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2); font: normal 13px Arial,sans-serif; } .filter-content .form-item select { width: 48%; border: 1px solid #bdbcb9; margin: 0; background: #fff; padding: 7px 10px 6px 10px; border-radius: 3px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2); font: normal 13px Arial,sans-serif; } .filter-content .form-item.form-search { width: 100%; } .filter-content .form-item.form-search input[type="text"] { width: 87%; } @media screen and (max-width: 945px) { .filter-content .form-item { width: 100%; float: none; padding: 1% 0; } .filter-content .form-item label { width: 54%; } .filter-content .form-item input[type="text"], .filter-content .form-item select { width: 42% !important; } } .loading { background: #cac9c4; clear: both; } .loading p { cursor: default; text-align: center; color: #009ee0; padding: 20px 0; } .loading p span { padding: 20px 0 20px 40px; background: transparent url("img-ajax-loader.gif") left center no-repeat; } .ias_trigger { border: medium none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5); cursor: pointer; background: linear-gradient(to bottom, #E9E8E3 0%, #C2BFB8 100%) repeat scroll 0 0 transparent; clear: both; } .ias_trigger:hover { cursor: pointer; background: #dedcd5; background: -moz-linear-gradient(top, #dedcd5 0%, #b6b3aa 100%); background: -webkit-linear-gradient(top, #dedcd5 0%, #b6b3aa 100%); background: -ms-linear-gradient(top, #dedcd5 0%, #b6b3aa 100%); background: linear-gradient(to bottom, #dedcd5 0%, #b6b3aa 100%); } .ias_trigger p { padding: 20px 0; color: #009ee0; text-align: center; cursor: default; } .top-scroll { position: fixed; bottom: 0; right: 0; z-index: 10; opacity: 0.75; } @media screen and (max-width: 1025px) { .top-scroll { display: none !important; } } .top-scroll:hover { opacity: 1; } .top-scroll a { -webkit-transition: background 500ms ease-in-out; -moz-transition: background 500ms ease-in-out; -ms-transition: background 500ms ease-in-out; -o-transition: background 500ms ease-in-out; transition: background 500ms ease-in-out; display: block; padding: 50px 0 5px 0; width: 55px; background: #009ee0 url(img-picto-roundtop.png) 50% 5px no-repeat; background: rgba(68, 120, 150, 0.8) url(img-picto-roundtop.png) 50% 5px no-repeat; text-align: center; color: #fff; font-size: 0.9em; text-transform: uppercase; } .top-scroll a:hover { background-color: #007AAD; background-color: #007aad; } .newUi-emptyField, .newUi-editFile { display: none; } .central-related { margin-bottom: 2%; padding: 4%; background: #F8F8F5; } .central-related .central-related-contents > .content-title { margin: 0; font-size: 1.7em; font-weight: normal; color: #595956; } .central-related .central-related-content { margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: solid 1px #c8c8c6; } .central-related .central-related-content .content-title { margin: 0; font-size: 14px; } .central-related .central-related-content .content-title a { padding-left: 25px; background-image: url(corporate-centralRelated-bulletPoint-picto.gif); background-repeat: no-repeat; background-position: 10px 6px; font-size: 13px; font-weight: bold; } .central-related .central-related-content .content-title a:hover { background-image: url(corporate-centralRelated-bulletPoint-hover-picto.gif); background-repeat: no-repeat; background-position: 10px 5px; } .central-related .central-related-content .download-links { margin: 10px 0 0 0 !important; padding: 0 !important; border: none !important; text-align: left !important; } .events-list { margin: 3% 0; color: #555555; } .postheader-layout { position: relative; padding: 0 0 0 3%; } @media screen and (max-width: 760px) { .postheader-layout { padding: 0; } } .postheader-layout .postheader-focus { position: relative; min-height: 340px; margin-top: -31px; /*Breadcrumb height*/ background: transparent; } @media screen and (max-width: 760px) { .postheader-layout .postheader-focus { margin-top: 0; height: 100%; } } .postheader-layout .postheader-focus .summary-postheader-focus { position: relative; z-index: 2; width: 35%; float: left; height: 340px; padding: 3.5% 3.5% 3.5% 0; background: transparent; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.35) 0%, rgba(182, 200, 210, 0.35) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.35) 0%, rgba(182, 200, 210, 0.35) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.35) 0%, rgba(182, 200, 210, 0.35) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0.35) 0%, rgba(182, 200, 210, 0.35) 100%); } @media screen and (max-width: 760px) { .postheader-layout .postheader-focus .summary-postheader-focus { position: inherit; width: 100%; height: 100%; padding: 3%; background: #fff; } } .postheader-layout .postheader-focus .summary-postheader-focus h1, .postheader-layout .postheader-focus .summary-postheader-focus p.p-header { color: #009ee0; font-size: 3.8em; margin: 0 0 3%; } .postheader-layout .postheader-focus .summary-postheader-focus .twitter-share-button { width: 91px !important; } .postheader-layout .postheader-focus .summary-postheader-focus .social { margin-top: 4%; } .postheader-layout .postheader-focus .summary-postheader-focus .social > * { float: left; } .postheader-layout .postheader-focus .picture-postheader-focus { display: block; position: absolute; left: 33%; top: 0; z-index: 1; width: 100%; } @media screen and (max-width: 760px) { .postheader-layout .postheader-focus .picture-postheader-focus { position: inherit; display: none; } } .postheader-layout .headline { clear: both; margin-top: 3%; font-size: 1.2em; line-height: 1.5em; } @media screen and (max-width: 760px) { .postheader-layout .headline { padding: 0; } } .postheader-layout blockquote { display: block; margin: 20px 2%; background: transparent url("img-picto-smallquote.png") 0% 0% no-repeat; float: right; width: 22%; margin-top: 150px; padding: 20px 0 0 82px; color: #9364a3; font-style: italic; font-size: 1.45em; font-weight: normal; } @media screen and (max-width: 760px) { .postheader-layout blockquote { background: transparent url("img-picto-smallquote.png") 0% 0% no-repeat; float: none; width: 100%; margin-top: 0; } } @media screen and (min-width: 760px) and (max-width: 1020px) { .postheader-layout blockquote { background: transparent; margin-top: 15px; } } .postheader-layout blockquote .author { display: block; color: #858585; margin-top: 15px; font-style: normal; font-size: 0.65em; } .postheader-layout .breadcrumb + h1 { margin-top: 2%; } .postheader-layout .breadcrumb + p.p-header { margin-top: 2%; } .sticky-side-nav { display: block; position: fixed; z-index: 10; right: 0; bottom: 71px; } .ie8 .sticky-side-nav, .ie7 .sticky-side-nav { display: block; } .sticky-side-nav .lang-switch { background: #0b86ba; width: 90px; } .sticky-side-nav .lang-switch .label { padding: 9px 0 9px 10px; margin-left: 0; font-size: 10px; color: #fff; } .sticky-side-nav .lang-switch .lang-codes { background: #009ee0; text-align: center; font-size: 11px; } .sticky-side-nav .lang-switch .lang-codes a { color: #1a5d83; padding: 7px 0; display: inline-block; } .sticky-side-nav .lang-switch .lang-codes a:hover { color: #fff; } .sticky-side-nav .lang-switch .lang-codes a.active { color: #fff; background: url("img-arrow-blue-down.gif") 50% 0 no-repeat; } .sticky-side-nav .infos { display: none; margin-top: 10px; background: #1a5d83; background: rgba(26, 93, 131, 0.7); width: 90px; } .sticky-side-nav .infos a { padding: 5px; display: block; height: 20px; padding-top: 40px; color: #fff; text-transform: uppercase; text-align: center; } .sticky-side-nav .infos a:hover { background-color: #154a69; background-color: rgba(21, 74, 105, 0.7); } .sticky-side-nav .infos .logo-press { background: url("img-logo-press.png") 50% 35% no-repeat; } .sticky-side-nav .infos .logo-mag { background: url("img-logo-mag.png") 50% 35% no-repeat; } .sticky-side-nav .infos .logo-social { background: url("img-logo-social.png") 50% 35% no-repeat; } #share > section { top: 1px; position: relative; opacity: 0.75; } #share > section:hover { opacity: 1; } #share > section div { transition: all linear 0.25s; } #share > section .open { position: absolute; top: 1px; right: 0px; color: white; background-color: #009ee0; width: 55px; height: 60px; padding: 10px 0px; vertical-align: top; text-align: center; opacity: 1; text-indent: -3px; cursor: pointer; } #share > section .open.hide { opacity: 0; right: -90px; display: none; } #share > section .open:hover { background-color: #0b86ba; } #share > section .open .material-icons { display: block; color: white; line-height: 0.6; padding: 0px 10px 0px 0px; height: 16px; cursor: pointer; font-size: 28px; } #share > section .close { color: white; background-color: #009ee0; width: 55px; height: 60px; padding: 10px 0px; vertical-align: top; text-align: center; opacity: 1; margin: 0 0 auto auto; cursor: pointer; } #share > section .close.hide { height: 0; opacity: 0; } #share > section .close .material-icons { padding: 0px 10px 0px 0px; cursor: pointer; } #share > section .links { color: black; background-color: #FFFFFF; position: absolute; top: 60px; right: 0px; width: 55px; height: auto; padding: 0px 0px 18px 5px; opacity: 1; } #share > section .links a { display: block; cursor: pointer; } #share > section .links.hide { height: 0; opacity: 0; display: none; } .main-title { margin: 0; padding-bottom: 2%; color: #3a4e57; } @media screen and (max-width: 760px) { .main-title { padding-left: 3%; } } #main-layout .social { margin: 0 0 2% 0; } @media screen and (max-width: 760px) { #main-layout .social { margin-right: 3%; margin-left: 3%; } } #main-layout .social p { margin: 0; } .twitter-share-button { vertical-align: top; } /* old design will be removed .mail,.print { display:inline-block; padding:2px 4px; color:#292929; font: { size:0.77em; family:Helvetica, Arial, sans-serif; } img { height: 11px; margin-right:5px; position:relative; top:1px; } -webkit-border-radius: 3px; border-radius: 3px; border: solid 1px #b9b9b9; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #ededed 100%); background: -webkit-linear-gradient(top, #fefefe 0%, #ededed 100%); background: -ms-linear-gradient(top, #fefefe 0%,#ededed 100%); background: linear-gradient(to bottom, #fefefe 0%,#ededed 100%); & + .small-button { margin-left: 5px; } &:hover { background: -moz-linear-gradient(top, darken(#fefefe, 4%) 0%, darken(#ededed, 4%) 100%); background: -webkit-linear-gradient(top, darken(#fefefe, 4%) 0%, darken(#ededed, 4%) 100%); background: -ms-linear-gradient(top, darken(#fefefe, 4%) 0%,darken(#ededed, 4%) 100%); background: linear-gradient(to bottom, darken(#fefefe, 4%) 0%,darken(#ededed, 4%) 100%); } &:active { background: -moz-linear-gradient(top, darken(#fefefe, 8%) 0%, darken(#ededed, 8%) 100%); background: -webkit-linear-gradient(top, darken(#fefefe, 8%) 0%, darken(#ededed, 8%) 100%); background: -ms-linear-gradient(top, darken(#fefefe, 8%) 0%,darken(#ededed, 8%) 100%); background: linear-gradient(to bottom, darken(#fefefe, 8%) 0%,darken(#ededed, 8%) 100%); } }*/ @media screen and (max-width: 760px) { .print { display: none; } .twitter-share-button { margin: 0 auto; } } /* not used ?*/ @media screen and (max-width: 760px) { .main-content-page .related-content-list { display: none; } } .main-content { margin-bottom: 2%; background: #FFF; padding: 0; } .main-content ul li { background: transparent url("corporate-centralDetail-paragraph-body-bulletPoint-picto.png") no-repeat scroll 0 10px; } .main-content .paragraph-list { padding-bottom: 3%; } .main-content .paragraph, .main-content .content-text { margin-bottom: 4%; } .main-content .paragraph h2, .main-content .content-text h2 { margin: 0; padding: 0 4% 2% 4%; clear: both; font-size: 1.5em; font-weight: normal; } .main-content .paragraph p, .main-content .content-text p { margin-top: 0; } .main-content .paragraph ul, .main-content .content-text ul { margin-top: 0%; } .main-content .paragraph .paragraph-body, .main-content .content-text .paragraph-body { padding: 0 4%; } .main-content .paragraph .paragraph-body img, .main-content .content-text .paragraph-body img { max-width: 100%; } .main-content .paragraph .paragraph-body video, .main-content .content-text .paragraph-body video { max-width: 100%; height: auto !important; } .main-content .paragraph .paragraph-body ul, .main-content .content-text .paragraph-body ul { overflow: hidden; margin: 0% 0 0; } @media screen and (max-width: 480px) { .main-content .paragraph .paragraph-body ul, .main-content .content-text .paragraph-body ul { margin-left: 10px !important; padding: 0 !important; } } @media screen and (max-width: 480px) { .main-content .paragraph .paragraph-body div, .main-content .content-text .paragraph-body div { margin-left: 10px !important; padding: 0 !important; } } .main-content .paragraph blockquote, .main-content .paragraph .blockquote, .main-content .content-text blockquote, .main-content .content-text .blockquote { display: block; clear: both; margin: 4% 0; padding: 2% 100px 2% 4%; border-top: solid 1px #c8c8c6; border-bottom: solid 1px #c8c8c6; background: transparent url(corporate-picto-quotationmark.png) center right no-repeat; color: #9364a3; font-style: italic; font-size: 1.5em; } @media screen and (max-width: 450px) { .main-content .paragraph blockquote, .main-content .paragraph .blockquote, .main-content .content-text blockquote, .main-content .content-text .blockquote { padding-right: 4%; background: transparent; } } .main-content .paragraph a, .main-content .content-text a { /*&[href^="http://"], &[href^="https://"] { padding-right: 18px; background: transparent url('img-picto-external.png') center right no-repeat; }*/ } .main-content .paragraph a:hover, .main-content .content-text a:hover { color: #007aad; } .main-content .paragraph .floatingleft, .main-content .content-text .floatingleft { float: left; padding: 0 3% 0 0; } @media screen and (max-width: 760px) { .main-content .paragraph .floatingleft, .main-content .content-text .floatingleft { height: 50%; } } .main-content .paragraph .floatingright, .main-content .content-text .floatingright { float: right; padding: 0 0 1% 3%; } @media screen and (max-width: 760px) { .main-content .paragraph .floatingright, .main-content .content-text .floatingright { height: 50%; } } .main-content .paragraph ul, .main-content .paragraph ol, .main-content .content-text ul, .main-content .content-text ol { margin: 2% 0 0; padding: 0; list-style: none; } .main-content .paragraph ul li, .main-content .paragraph ol li, .main-content .content-text ul li, .main-content .content-text ol li { padding: 5px 0 0.5% 15px; list-style-type: none; } .main-content .paragraph ul li, .main-content .content-text ul li { background: transparent url("corporate-centralDetail-paragraph-body-bulletPoint-picto.png") no-repeat scroll 0 10px; } .main-content .paragraph ol, .main-content .content-text ol { counter-reset: item; } .main-content .paragraph ol li, .main-content .content-text ol li { padding-left: 0; } .main-content .paragraph ol li:before, .main-content .content-text ol li:before { padding-right: 5px; color: #009EE0; font-weight: bold; counter-increment: item; content: counter(item) ". "; } .main-content .content-date, .main-content .abstract, .main-content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .main-content span { display: none; } .main-content .download-links { margin-bottom: 2%; } footer a.link-view-all { padding: 3px 0 3px 28px; background: url(img-arrow-circle-blue.png) 0 50% no-repeat; font-size: 13px; color: #009ee0; } .form { background: #FFFFFF; padding: 2% 4%; } .form h2 { color: #1a5d83; font-weight: normal; font-size: 20px; margin: 10px 0; } .form fieldset { border-style: none; margin-bottom: 20px; } .form legend { font-size: larger; } .form .form-item { margin: 25px 0; } .form .form-item label[required]::after { content: " *"; color: red; } .form .form-item.volume input { width: 48%; margin-right: 2%; height: 35px; } .form .form-item.volume select { width: 20%; } .form .g-recaptcha { float: right; } .form .form-buttons { margin: 25px 0; text-align: right; clear: both; } .form hr { border: none; border-top: 1px solid #e5e5e5; margin: 25px 0; height: 0; } .form .form-item label { float: left; width: 27%; display: block; margin-top: 20px; text-align: right; font-weight: bold; font-family: Arial, sans-serif; color: #555; } @media screen and (max-width: 480px) { .form .form-item label { width: 100%; text-align: left; } } .form .form-item textarea, .form .form-item select, .form .form-item .bloc-radio { float: right; width: 70%; } @media screen and (max-width: 480px) { .form .form-item textarea, .form .form-item select, .form .form-item .bloc-radio { /*float: left;*/ width: 100%; } } .form .form-item input { float: right; width: 70%; } @media screen and (max-width: 480px) { .form .form-item input { float: left; width: 100%; } } .form .form-item input[type=radio] { float: none; width: auto; -webkit-appearance: radio; } .form .form-item .mandatory { color: #009ee0; } .form .form-item .form-radios label { float: none; display: inline; } .form .form-text, .form .form-textarea, .form .form-select { border: 1px solid #bdbcb9; background: #fff; width: 100%; margin-top: 13px; padding: 9px 12px 7px 12px; border-radius: 3px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2); font: normal 13px Arial,sans-serif; } .form .form-text:first-child, .form .form-textarea:first-child, .form .form-select:first-child { margin-top: 0; } .form .form-text:hover, .form .form-textarea:hover, .form .form-select:hover { background-color: #f5f5f5; } .form .form-text:focus, .form .form-textarea:focus, .form .form-select:focus { background-color: #f5f5f5; } .form .form-text.error, .form .form-textarea.error, .form .form-select.error { border: 2px solid #de1d53; } .form .form-textarea { resize: vertical; } .form .form-radios, .form .form-checkboxes { margin-top: 18px; } .form .form-radios label, .form .form-checkboxes label { margin-right: 20px; } .form .form-checkboxes { -webkit-appearance: checkbox; width: initial !important; margin-top: 21px; margin-right: 70%; } .form .form-file { margin-top: 8px; margin-bottom: 8px; } .form button { font: normal 12px Arial,sans-serif; margin-top: 17px; } .form .hint { color: #888888; font: italic normal 12px Arial,sans-serif; margin: 5px 0 0 0; } .form .file-item { background: url("img-file.png") 0 0 no-repeat; padding: 0 0 4px 25px; margin: 10px 0; } .error { border: 2px solid #DE1D53; } .msg_erreur { clear: both; color: red; font: italic normal 12px Arial,sans-serif; margin: 5px 0 0 0; } .msg-error { margin: 10px 0; padding-left: 57px; background: #de1d53 url("img-caution-sign.png") 15px 15px no-repeat; color: #fff; font-size: 13px; } .msg-error ul { border-left: 1px solid #e9e8e3; padding: 13px 10px 13px 20px; } .msg-error li { padding: 2px 0; } .msg-error strong { font-size: 18px; } .disclaimer { border-top: 1px solid #888888; margin-top: 30px; padding: 20px 3% 5px 3%; font-size: 11px; color: #888888; } .disclaimer a { color: #009ee0; } /*****Captcha*******/ img#captcha_img { margin-top: 15px; float: left; border: 1px solid #DDDDDD; } input#jCaptchaResponse { display: block; float: left; } .form_captcha .error { display: block; padding-left: 0; padding-right: 0; width: 200px; margin-top: 20px; float: left; } .form_captcha { overflow: hidden; margin-left: 60px; } span.captcha_action { margin-top: 20px; float: left; cursor: pointer; height: 50px; width: 60px; background-image: url(captcha-img.png); } #captcha { overflow: hidden; } #captcha .msg_erreur { float: right; margin-left: 0; margin-right: 30px; margin-top: 20px; width: 300px; } #captcha label { text-align: left; width: auto; margin-top: 12px; } div.form_captcha_image { overflow: hidden; border: thin; margin-bottom: 2%; } /***** /Captcha*******/ .toolbar-item { display: inline-block; margin: 0; padding: 0; } .toolbar-trigger { background: #f2f2f2; background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -ms-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -o-linear-gradient(top, #fff 0, #f2f2f2 100%); background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%); border-color: #ccc; border-style: solid; border-width: 1px; color: #333; display: inline-block; margin: 0; padding: 4px 10px; text-decoration: none; text-shadow: 0 1px 0 white; vertical-align: baseline; height: auto; text-indent: 0; width: auto; float: left; } /** AddToCalendar Blue Style http://addtocalendar.com */ .addtocalendar var { display: none; } .addtocalendar { position: absolute; right: 20px; top: 170px; display: none; background: transparent !important; } .atcb-link { display: block; outline: none !important; cursor: pointer; } .atcb-link:focus ~ ul, .atcb-link:active ~ ul, .atcb-list:hover { visibility: visible; } .atcb-list { visibility: hidden; position: absolute; top: 100%; left: -370%; width: 170px; z-index: 900; } .atcb-list, .atcb-item { list-style: none; margin: 0; padding: 0; background: #fff; } .atcb-item { float: none; text-align: left; } .atcb-item-link { text-decoration: none; outline: none; display: inline; } .atcb-item.hover, .atcb-item:hover { position: relative; z-index: 900; cursor: pointer; text-decoration: none; outline: none; } /* Blue */ .atc-style .atcb-link, .atc-style .atcb-link:hover, .atc-style .atcb-link:active, .atc-style .atcb-link:focus { width: 30px; height: 30px; background: transparent url(addtocalendar-bw.png) center right no-repeat; } .atc-style .atcb-list { width: 140px; border: 1px solid #bababa; z-index: 1; } .atc-style .atcb-list a[target="_blank"] { padding-right: 18px; background: transparent url(corporate-externalLink-picto.png) center right no-repeat; } .atc-style .atcb-list, .atc-style .atcb-item { background: #fff; color: #000; } .atc-style .atcb-item, .atc-style .atcb-item-link { line-height: 1.3em; vertical-align: middle; zoom: 1; } .atc-style .atcb-item-link, .atc-style .atcb-item-link:hover, .atc-style .atcb-item-link:active, .atc-style .atcb-item-link:focus { color: #009ee0; text-decoration: none; outline: none; padding: 2px 5px; } * { -webkit-appearance: none; } input { border-radius: 0 !important; } a { transition: color 0.5s ease; } select { -webkit-appearance: menulist; } select[multiple] { -webkit-appearance: menulist-button; } @media screen and (min-width: 1250px) { .home-light-page #main-layout { width: auto; margin: 0 11% 0 11%; } .wrap--small { width: auto !important; margin: 0 11% !important; padding: 0 0rem !important; } #hpnav { display: block; } .sticky-side-nav { display: block !important; } .product-form { width: 90%; margin-left: 5%; } } @media screen and (max-width: 800px) { .social-links { display: none; } } @media screen and (min-width: 750px) and (max-width: 1024px) { .home-light-page #main-layout { width: auto; margin: 0 2%; } .contactSpotlight-content { background-size: 40%; } .contactSpotlight-content header { padding-left: 36%; } .finder-browse { display: none; } .hpinfos-placeholder { width: auto; margin: 0 2%; } #sticky-news { display: none !important; } } @media screen and (max-width: 750px) { .multiple-lists ul li:last-child { border-bottom: solid 1px #cfceca; } .multiple-lists ul li:first-child { border-top: solid 1px #cfceca; } .finder-browse { display: none; } .home-light-page #main-layout { width: auto; margin: 0 0; } .home-light-page #home-light-central-layout { float: none !important; width: 100% !important; } #main-central-layout, #main-side-layout, #home-light-central-layout .main-content { float: none !important; width: 100% !important; } #main-side-layout .side-detail-magindex-placeholder .logo-title h1, #main-side-layout .side-detail-magindex-placeholder .logo-title p.p-header { width: 100%; } .block-left, .block-right { width: 100%; float: none; } .bottom-focus-placeholder { width: auto; margin: 0; } .bottom-focus-placeholder .article-content { float: none; width: auto; margin-bottom: 20px; } .bottom-focus-placeholder .article-content a { margin: 0; } .productCatalog-article-pr-event-section { width: auto; margin: 0; } .productCatalog-article-pr-event-section .article-content { float: none; width: auto; margin-bottom: 20px; } .productCatalog-article-pr-event-section .article-content a { margin: 0; } .footer-container { width: auto; margin: 0 6%; } .hpinfos-placeholder { width: auto; margin: 0; } .logo-title { display: block; width: 100%; } .logo-title .logo-press { height: 56px !important; } .logo-title .logo { width: 15%; height: 26px; padding-top: 30px; } .logo-title h1, .logo-title p.p-header { width: 85%; margin-left: 0; } .logo-title .title-inner { padding: 0 10px 0 5px; font-size: 25px; height: 36px; } .hpinfos .link-view-all { display: none; } #hp-mag .magarticle-content.central-list { float: none; width: 100%; } #hp-mag .item-list { margin-top: 4%; float: none; width: 100%; } #hp-social .twitter-content { float: none; width: 100%; } #hp-social .facebook-content { float: none; width: 100%; } .form .label-col { float: none; width: 100%; } .form .label-col label { text-align: left; margin-bottom: 10px; } .form .field-col { float: none; width: 100%; } .title-header h2 { display: none; } .side-menu { display: none; } .title-menu { display: none; } .down-level { display: none; } .letters { font-size: 13px; font-weight: normal; } .related-content-list { display: none; } .paragraph .paragraph-picture { display: none; } /* central carrousel */ .central-gallery-placeholder .flex-control-nav { position: relative; width: 100% !important; right: 0 !important; bottom: 0 !important; border: none !important; } .central-gallery-placeholder .flex-direction-nav { display: none; } /* RTE */ .floatingleft, .floatingright { display: none; } } @media screen and (max-width: 504px) { #sticky-news { display: none !important; } #hp-mag .hp-mag-placeholder > .rich-list { float: none; width: 100%; } #hp-mag .item-list { margin-top: 4%; float: none; width: 100%; } } @media screen and (min-width: 751px) and (max-width: 1024px) { /* central carrousel */ .central-gallery-placeholder .flex-control-nav { position: relative; width: 100%; right: 0; bottom: 0; border: none; } .central-gallery-placeholder .flex-direction-nav { display: none; } } @media screen and (min-width: 1020px) { #main-side-layout > div:first-child { margin-top: 0; } } .item-list .article-content .content-date { display: none; } .related-content-list .article-content { margin-top: 0 !important; margin-bottom: 5% !important; } .article-content.central-shortcut { margin: 0; padding: 0 4%; } .article-content.central-shortcut a { display: block; position: relative; border: 1px solid #cac9c4; } .article-content.central-shortcut .main-picture { float: left; width: 25%; } .article-content.central-shortcut .main-picture img { display: block; width: 100%; } .article-content.central-shortcut .text-strip { position: static; width: auto; height: auto; padding: 0; background: none; text-align: left; overflow: auto; } .article-content.central-shortcut .content-title { float: left; width: 75%; margin: 0; padding: 2% 4%; font-size: 12px; font-weight: bold; text-transform: none; color: #FFFFFF; } .article-content.empty { display: none; } .article-content.side-promotion { margin-bottom: 6%; } .article-content.side-promotion a { display: block; position: relative; } .article-content.side-promotion a:hover .text-strip__description { opacity: 1; max-height: 100px; margin-top: 10px; transition: max-height 0.5s ease, opacity 0.5s ease 0.2s, margin 0.5s ease; } .article-content.side-promotion .main-picture { display: block; } .article-content.side-promotion .main-picture img { display: block; width: 100%; } .article-content.side-promotion .text-strip { position: absolute; bottom: 0; left: 0; right: 0; background: #009ee0; text-align: left; } @media screen and (min-width: 1025px) { .article-content.side-promotion .text-strip { padding: 10px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .article-content.side-promotion .text-strip { padding: 20px; } } @media screen and (max-width: 763px) { .article-content.side-promotion .text-strip { padding: 20px; } } .article-content.side-promotion .text-strip__description { height: auto; max-height: 0; margin: 0; overflow: hidden; font-size: 13px; color: #FFFFFF; opacity: 0; transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, margin 0.5s ease 0s; } .article-content.side-promotion .content-title { margin: 0; color: #FFFFFF; font-size: 17px; font-weight: bold; } @media screen and (min-width: 1025px) { .article-content.side-promotion .content-title { font-size: 14px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .article-content.side-promotion .content-title { font-size: 14px; } } @media screen and (max-width: 763px) { .article-content.side-promotion .content-title { font-size: 13px; } } .content-page.magazine .article-content.side-promotion, .master-webzine-page .article-content.side-promotion, .magarticle-content .article-content.side-promotion { background-color: #ea6a49; background-color: rgba(234, 106, 73, 0.9); } .content-page.magazine .article-content.side-promotion:hover, .master-webzine-page .article-content.side-promotion:hover, .magarticle-content .article-content.side-promotion:hover { background-color: #b83715; background-color: rgba(229, 69, 27, 0.9); } .content-page.magazine .article-content.side-promotion .text-strip, .master-webzine-page .article-content.side-promotion .text-strip, .magarticle-content .article-content.side-promotion .text-strip { background-color: #ea6a49 !important; background-color: rgba(234, 106, 73, 0.9) !important; } .content-page.magazine .article-content.side-promotion .text-strip:hover, .master-webzine-page .article-content.side-promotion .text-strip:hover, .magarticle-content .article-content.side-promotion .text-strip:hover { background-color: #b83715 !important; background-color: rgba(229, 69, 27, 0.9) !important; } .article-content.central-promotion .content-title { font-size: 17px; color: #FFFFFF; } .central-promotion-article-pressrelease-placeholder .article-content.central-promotion { position: relative; margin-bottom: 3%; } .central-promotion-article-pressrelease-placeholder .article-content.central-promotion a { display: block; } .central-promotion-article-pressrelease-placeholder .article-content.central-promotion .main-picture img { width: 100%; display: block; } .market-directory-content .article-content.central-promotion { width: 32%; float: left; clear: none; margin: 1% 0; position: relative; } .market-directory-content .article-content.central-promotion a { display: block; font-size: 0.9em; } .market-directory-content .article-content.central-promotion a:hover .text-strip__description { opacity: 1; max-height: 80px; margin-top: 10px; transition: max-height 0.5s ease, opacity 0.5s ease 0.2s, margin 0.5s ease; } .market-directory-content .article-content.central-promotion .text-strip { position: absolute; bottom: 0; left: 0; right: 0; background: #1eafed; text-align: left; } @media screen and (min-width: 1025px) { .market-directory-content .article-content.central-promotion .text-strip { padding: 10px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .market-directory-content .article-content.central-promotion .text-strip { padding: 20px; } } @media screen and (max-width: 763px) { .market-directory-content .article-content.central-promotion .text-strip { padding: 20px; } } .market-directory-content .article-content.central-promotion .text-strip__description { height: auto; max-height: 0; margin: 0; overflow: hidden; font-size: 13px; color: #FFFFFF; opacity: 0; transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, margin 0.5s ease 0s; } @media screen and (max-width: 760px) { .market-directory-content .article-content.central-promotion { float: none; width: 100%; } } @media screen and (max-width: 480px) { .market-directory-content .article-content.central-promotion { float: none; width: 100%; margin: 1% 0% !important; } } .market-directory-content .article-content.central-promotion:nth-of-type(3n+2) { margin: 1% 2%; } .market-directory-content .article-content.central-promotion:nth-of-type(3n+1) { clear: both; } .market-directory-content .article-content.central-promotion .main-picture img { width: 100%; display: block; } .article-content.central-gallery { height: auto; overflow: hidden; } .article-content.central-gallery .main-picture { float: left; width: 49%; } .article-content.central-gallery .main-picture img { display: block; width: 100%; height: auto; } .article-content.central-gallery .abstract, .article-content.central-gallery .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .article-content.central-gallery span { color: #555555; display: -moz-box; display: -webkit-box; display: box; display: -ms-flexbox; padding-left: 4%; } .article-content.central-gallery .content-date { display: block; margin-top: 2%; } .article-content.central-gallery .content-title { max-height: 79px; margin-top: 3px; margin-bottom: 8px; font-size: 22px; font-weight: normal; overflow: hidden; } .article-content.central-gallery .content-title a { color: #555555; } .article-content.central-gallery .viewmore { margin-bottom: 20px; } .article-content.central-gallery .viewmore a { color: #009EE0; background-position: 30% 10px; padding-left: calc(4% + 15px); } @media screen and (max-width: 1024px) { .article-content.central-gallery .viewmore a { background-position: 24% 10px; } } @media screen and (max-width: 768px) { .article-content.central-gallery .viewmore a { background-position: 20% 10px; padding-left: calc(4% + 20px); } } .article-content.central-gallery .viewmore a:hover { color: #007AAD; } .article-content.central-gallery .content-date { display: none; } .article-content.central-gallery .content-title { margin-top: 10px; margin-bottom: 15px; padding-left: 4%; } .article-content.central-list .content-title { margin: 0; font-size: 1.5em; display: block; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: bold; } .article-content.central-list .content-title a { color: #009EE0; } .article-content.central-list .content-title a:hover { color: #007AAD; } .article-content.central-list .abstract, .article-content.central-list .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .article-content.central-list span { color: #7B7C7E; } .article-content.top-detail .text { background: #fff url("img-corner-orange.gif") 95% 91% no-repeat; } .article-content.central-detail { background: #FFFFFF; } .article-content.central-detail header { padding: 0 4%; } .article-content.central-detail header h1, .article-content.central-detail header p.p-header { color: #3A4E57; } .article-content.central-detail header h2 { color: #555555; } .article-content.central-detail .paragraph h2 { color: #555555; } .article-content.central-detail .paragraph .paragraph-body { color: #555555; } .article-content.central-detail .paragraph .paragraph-body h3 { color: #555555; } .article-content.central-detail .paragraph .paragraph-body a { color: #009EE0; } .article-content.central-detail .paragraph .paragraph-body a:hover { color: #007AAD; } .article-content.central-related-content .content-title a { color: #009EE0; } .article-content.central-related-content .content-title a:hover { color: #007AAD; } .pressrelease-content .paragraph-list { padding: 0 4%; } .pressrelease-content .download-scroll-container { margin-top: 20px; padding: 15px 0; border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; } .pressrelease-content .download-scroll-container .download-scroll { padding-left: 24px; background: url("img-picto-download.png") center left no-repeat; font-weight: bold; text-transform: uppercase; color: #009EE0; } .pressrelease-content .download-scroll-container .download-scroll:hover { color: #007AAD; } .pressrelease-content footer .download-links { margin-bottom: 0; padding-bottom: 2%; background-color: #f8f8f5; } .pressrelease-content footer .download-links .download-label { color: #555555; } .pressrelease-content footer .download-links a { color: #009EE0; } .pressrelease-content footer .download-links a:hover { color: #007AAD; } .pressrelease-content footer .download-links a[target="_blank"] { background: none !important; } .item-list .pressrelease-content .abstract, .item-list .pressrelease-content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .item-list .pressrelease-content span { display: none !important; } .item-list .pressrelease-content .download-links { margin-top: 2%; } .index-list .pressrelease-content { margin: 0 0 2% 0; padding: 2%; background: #FFF url(img-paper-corner.gif) top right no-repeat; } .index-list .pressrelease-content .main-picture { float: left; display: block; width: 22%; margin: 1% 4% 2% 0; } .index-list .pressrelease-content .main-picture img { width: 100%; display: block; } .index-list .pressrelease-content .content-date, .index-list .pressrelease-content .end-date { font-size: 0.8em; color: #555555; } .index-list .pressrelease-content .end-date:before { content: "-"; } .index-list .pressrelease-content .content-title { max-height: 62px; margin: 0; overflow: hidden; font-size: 1.1em; } .index-list .pressrelease-content .content-title a { color: #009ee0; } .index-list .pressrelease-content .text { height: 100%; min-height: 62px; margin-top: 2%; } .related-content-list .pressrelease-content { margin-top: 0 !important; margin-bottom: 5% !important; } .related-content-list .pressrelease-content .download-links { padding-bottom: 5%; } .related-content-list .pressrelease-content .download-links a { padding: 0 0 0 3%; margin-right: 3px; border-left: solid 1px #a9a8a4; } #main-side-layout .pressrelease-content { margin-bottom: 6%; } #main-side-layout .pressrelease-content img { width: 100%; display: block; } .pressrelease-content.side-promotion a { display: block; position: relative; color: #FFFFFF; } .pressrelease-content.side-promotion a:hover .text-strip__description { opacity: 1; max-height: 100px; margin-top: 10px; transition: max-height 0.5s ease, opacity 0.5s ease 0.2s, margin 0.5s ease; } .pressrelease-content.side-promotion .main-picture { display: block; } .pressrelease-content.side-promotion .main-picture img { display: block; width: 100%; } .pressrelease-content.side-promotion .text-strip { position: absolute; bottom: 0; left: 0; right: 0; background: #009ee0; text-align: left; } @media screen and (min-width: 1025px) { .pressrelease-content.side-promotion .text-strip { padding: 10px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .pressrelease-content.side-promotion .text-strip { padding: 20px; } } @media screen and (max-width: 763px) { .pressrelease-content.side-promotion .text-strip { padding: 20px; } } .pressrelease-content.side-promotion .text-strip__description { height: auto; max-height: 0; margin: 0; overflow: hidden; font-size: 13px; color: #FFFFFF; opacity: 0; transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, margin 0.5s ease 0s; } .pressrelease-content.side-promotion .text-strip .content-title { margin: 0; } .master-webzine-page .pressrelease-content.side-promotion .text-strip .text-strip { background-color: #ea6a49 !important; background-color: rgba(234, 106, 73, 0.9) !important; } .master-webzine-page .pressrelease-content.side-promotion .text-strip .text-strip:hover { background-color: #b83715 !important; background-color: rgba(229, 69, 27, 0.9) !important; } .pressrelease-content.central-promotion { position: relative; margin-bottom: 3%; } .pressrelease-content.central-promotion a { display: block; } .pressrelease-content.central-promotion .main-picture img { width: 100%; display: block; } .pressrelease-content.central-promotion a { display: block; position: relative; } .pressrelease-content.central-promotion .main-picture { display: block; } .pressrelease-content.central-promotion .main-picture img { display: block; width: 100%; } .pressrelease-content.central-promotion .text-strip { position: absolute; bottom: 0; left: 0; right: 0; background: #1eafed; text-align: left; } @media screen and (min-width: 1025px) { .pressrelease-content.central-promotion .text-strip { padding: 30px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .pressrelease-content.central-promotion .text-strip { padding: 20px; } } @media screen and (max-width: 763px) { .pressrelease-content.central-promotion .text-strip { padding: 20px; } } .pressrelease-content.central-promotion .text-strip__description { height: auto; max-height: 0; margin: 0; overflow: hidden; font-size: 13px; color: #FFFFFF; opacity: 0; transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, margin 0.5s ease 0s; } .content-page.magazine .pressrelease-content.central-promotion .text-strip { background-color: #ea6a49; background-color: rgba(234, 106, 73, 0.9); } .content-page.magazine .pressrelease-content.central-promotion .text-strip:hover { background-color: #b83715; background-color: rgba(229, 69, 27, 0.9); } .pressrelease-content.central-promotion .text-strip .content-title { font-size: 17px; color: #FFFFFF; } .pressrelease-content.central-gallery { height: auto; overflow: hidden; background: none; } .pressrelease-content.central-gallery .abstract, .pressrelease-content.central-gallery .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .pressrelease-content.central-gallery span { color: #555555; } .pressrelease-content.central-gallery .img-text { padding: 0 3%; } .pressrelease-content.central-gallery .main-picture { float: left; width: 49%; margin: 0 4% 0 0; } .pressrelease-content.central-gallery .main-picture img { display: block; width: 100%; height: auto; } .pressrelease-content.central-gallery .content-date { display: block; margin-top: 2%; color: #555555; } .pressrelease-content.central-gallery .content-title { max-height: 60px; margin-top: 3px; margin-bottom: 8px; font-size: 22px; font-weight: normal; overflow: hidden; } .pressrelease-content.central-gallery .content-title a { color: #555555; } .pressrelease-content.central-gallery .viewmore { margin-bottom: 20px; } .pressrelease-content.central-gallery .viewmore a { color: #009EE0; } .pressrelease-content.central-gallery .viewmore a:hover { color: #007AAD; } .pressrelease-content.central-list { margin-bottom: 3%; position: relative; background: #fff url(img-paper-corner.gif) 100% 0 no-repeat; padding: 1.5%; } .pressrelease-content.central-list .abstract, .pressrelease-content.central-list .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .pressrelease-content.central-list span { display: none; } .pressrelease-content.central-list .main-picture img { width: 100%; display: block; } .pressrelease-content.central-list .content-date { color: #818181 !important; font-size: 11px; } .pressrelease-content.central-list .content-title { max-height: 60px; margin: 8px 0 0 0; font-weight: normal; font-size: 19px; } .pressrelease-content.central-list .content-title a { color: #009EE0; } .pressrelease-content.central-list .content-title a:hover { color: #007AAD; } .pressrelease-content.central-list .download-links .download-label { color: #555555; } .pressrelease-content.central-list .download-links a { color: #009ee0; } .pressrelease-content.central-list .download-links a:hover { color: #007aad; } .pressrelease-content.central-shortcut { margin: 0; padding: 0 4%; } .pressrelease-content.central-shortcut a { display: block; position: relative; border: 1px solid #cac9c4; } .pressrelease-content.central-shortcut .main-picture { float: left; width: 25%; } .pressrelease-content.central-shortcut .main-picture img { display: block; width: 100%; } .pressrelease-content.central-shortcut .text-strip { position: static; width: auto; height: auto; padding: 0; background: none; text-align: left; overflow: auto; } .pressrelease-content.central-shortcut .content-title { float: left; width: 75%; margin: 0; padding: 2% 4%; color: #FFFFFF; font-size: 12px; font-weight: bold; text-transform: none; } .pressrelease-content.central-detail { background: #FFFFFF; } .pressrelease-content.central-detail header { padding: 0 4%; } .pressrelease-content.central-detail header h1, .pressrelease-content.central-detail header p.p-header { color: #3A4E57; } .pressrelease-content.central-detail .paragraph h2 { color: #555555; padding-left: 0; } .pressrelease-content.central-detail .paragraph .paragraph-body { color: #555555; padding: 0; } .pressrelease-content.central-detail .paragraph .paragraph-body a { color: #009EE0; } .pressrelease-content.central-detail .paragraph .paragraph-body a:hover { color: #007AAD; } .pressrelease-content.central-related-content .content-title a { color: #009EE0; } .pressrelease-content.central-related-content .content-title a:hover { color: #007AAD; } .event-content { margin-bottom: 3%; background: #fff url(img-paper-corner.gif) top right no-repeat; } .event-content.block-left { margin-right: 2%; float: left; } .event-content.block-right { margin-left: 2%; float: right; } @media screen and (max-width: 760px) { .event-content.block-right, .event-content.block-left { float: none; margin-left: auto; margin-right: auto; width: 95%; clear: both; } .event-content .text { float: none !important; } } .event-content .time-event { display: block; height: 105px; } .event-content aside { width: 45%; float: left; height: 210px; overflow: hidden; } .event-content aside img { height: 105px; } .event-content h1, .event-content p.p-header { margin-top: 0; font-weight: normal; font-size: 1.2em; } .event-content h1 a, .event-content p.p-header a { color: #009EE0; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .event-content h1 a:hover, .event-content p.p-header a:hover { color: #007AAD; } .related-content-list .event-content { margin-top: 0 !important; margin-bottom: 5% !important; } .event-content.central-related-content { width: 100%; background: none; } .event-content.central-related-content .content-title a { color: #009EE0; } .event-content.central-related-content .content-title a:hover { color: #007AAD; } .event-content.side-list { background: none; } .event-content.central-list { margin-right: 0; margin-left: 0; } .event-content.central-list .text { width: 100%; float: none; height: auto; padding: 0; } .event-content.central-list .text .content-title { color: #009EE0; } .event-content.central-list .text .abstract, .event-content.central-list .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .event-content.central-list .text span { color: #7B7C7E; } .event-content.central-list time { box-sizing: none; -moz-box-sizing: none; background: none; box-shadow: none; display: inline; height: auto; padding: 0; color: #818181; } .event-content.central-gallery { height: auto; overflow: hidden; width: 100%; background: none; margin: 0; } .event-content.central-gallery .main-picture { float: left; margin: 0 4% 0 0; width: 49%; } .event-content.central-gallery .main-picture img { display: block; width: 100%; height: auto; } .event-content.central-gallery .abstract, .event-content.central-gallery .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .event-content.central-gallery span { color: #555555; } .event-content.central-gallery .content-date { display: block; margin-top: 2%; background: none; box-shadow: none; height: auto; padding: 0; color: #555555; } .event-content.central-gallery .content-title { max-height: 60px; margin-top: 3px; margin-bottom: 8px; font-size: 22px; font-weight: normal; overflow: hidden; } .event-content.central-gallery .content-title a { color: #555555; } .event-content.central-gallery .viewmore { margin-bottom: 20px; } .event-content.central-gallery .viewmore a { color: #009EE0; } .event-content.central-gallery .viewmore a:hover { color: #007AAD; } .event-content.central-detail header h1, .event-content.central-detail header p.p-header { margin: 0; padding: 3%; color: #3A4E57; } .event-content.central-detail header h2 { font-size: 18px; } .event-content.central-detail header h2.content-date { display: block; background: #9f65b1; background: linear-gradient(to bottom, #9f65b1 1%, #733c84 100%); -webkit-box-shadow: inset -2px 0px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: inset -2px 0px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-sizing: border-box; padding: 1% 3%; margin: 0 0 2% 0; } .event-content.central-detail header h2.content-date time { color: #DCB2E8; } .event-content.central-detail header h2.content-date .content-date { display: inline; padding-right: 0.5%; text-transform: capitalize; } .event-content.central-detail header h2.content-date .end-date { font-weight: normal; } .event-content.central-detail header h2.content-date .end-date:before { content: "-"; } .event-content.central-detail header h2.content-date .content-location { display: block; font-weight: normal; color: #fff; margin: 1% 0 0; } .event-content.central-detail .paragraph h2 { color: #555555; } .event-content.central-detail .paragraph .paragraph-body { color: #555555; } .event-content.central-detail .paragraph .paragraph-body a { color: #009EE0; } .event-content.central-detail .paragraph .paragraph-body a:hover { color: #007AAD; } .item-list .editorial-content .content-date { display: none; } .related-content-list .editorial-content { margin-top: 0 !important; margin-bottom: 5% !important; } .editorial-content.central-shortcut { margin: 0; padding: 0 4%; } .editorial-content.central-shortcut a { display: block; position: relative; border: 1px solid #cac9c4; } .editorial-content.central-shortcut .main-picture { float: left; width: 25%; } .editorial-content.central-shortcut .main-picture img { display: block; width: 100%; } .editorial-content.central-shortcut .text-strip { position: static; width: auto; height: auto; padding: 0; background: none; text-align: left; overflow: auto; } .editorial-content.central-shortcut .content-title { float: left; width: 75%; margin: 0; padding: 2% 4%; font-size: 12px; font-weight: bold; text-transform: none; color: #FFFFFF; } .editorial-content.empty { display: none; } .editorial-content.side-promotion { margin-bottom: 6%; } .editorial-content.side-promotion a { display: block; position: relative; } .editorial-content.side-promotion .main-picture { display: block; } .editorial-content.side-promotion .main-picture img { display: block; width: 100%; } .editorial-content.side-promotion .text-strip { background-color: #4cbdd3; background-color: #009ee0; background-position: 50% 92%; } .editorial-content.side-promotion .text-strip .content-title { color: #FFFFFF; font-size: 17px; } .editorial-content.side-promotion .text-strip p { color: #FFFFFF; } .editorial-content.side-promotion .text-strip:hover { background-color: #4cbdd3; background-color: rgba(76, 189, 211, 0.9); background-image: url(corporate-sidePromotion-textStrip-title-hover-picto.png); } .content-page.magazine .editorial-content.side-promotion, .master-webzine-page .editorial-content.side-promotion { background-color: #ea6a49; background-color: rgba(234, 106, 73, 0.9); } .content-page.magazine .editorial-content.side-promotion:hover, .master-webzine-page .editorial-content.side-promotion:hover { background-color: #b83715; background-color: rgba(229, 69, 27, 0.9); } .content-page.magazine .editorial-content.side-promotion .text-strip, .master-webzine-page .editorial-content.side-promotion .text-strip { background-color: #ea6a49 !important; background-color: rgba(234, 106, 73, 0.9) !important; } .content-page.magazine .editorial-content.side-promotion .text-strip:hover, .master-webzine-page .editorial-content.side-promotion .text-strip:hover { background-color: #b83715 !important; background-color: rgba(229, 69, 27, 0.9) !important; } .editorial-content.central-promotion .content-title { font-size: 17px; color: #FFFFFF; } .editorial-content.central-promotion .text-strip { background-color: #4cbdd3; background-color: #1eafed; background-position: 50% 92%; } .editorial-content.central-promotion .text-strip p { color: #FFFFFF; } .editorial-content.central-promotion .text-strip:hover { background-color: #1A5D83; background-color: rgba(26, 93, 131, 0.9); background-image: url(corporate-centralPromotion-textStrip-title-hover-picto.png); } #main-bottom-layout .editorial-content.central-promotion a { display: block; position: relative; } #main-bottom-layout .editorial-content.central-promotion .main-picture { display: block; } #main-bottom-layout .editorial-content.central-promotion .main-picture img { display: block; width: 100%; } #main-bottom-layout .editorial-content.central-promotion .text-strip { padding: 5% 2%; } .central-promotion-article-pressrelease-placeholder .editorial-content.central-promotion { position: relative; margin-bottom: 3%; } .central-promotion-article-pressrelease-placeholder .editorial-content.central-promotion a { display: block; } .central-promotion-article-pressrelease-placeholder .editorial-content.central-promotion .main-picture img { width: 100%; display: block; } .market-directory-content .editorial-content.central-promotion { width: 32%; float: left; clear: none; margin: 1% 0; position: relative; } .market-directory-content .editorial-content.central-promotion .text-strip .content-title { max-width: 199px; max-height: 34px; } .market-directory-content .editorial-content.central-promotion .text-strip p { max-width: 199px; max-height: 80px; } @media screen and (max-width: 760px) { .market-directory-content .editorial-content.central-promotion { float: none; width: 100%; } } @media screen and (max-width: 480px) { .market-directory-content .editorial-content.central-promotion { float: none; width: 100%; margin: 1% 0% !important; } } .market-directory-content .editorial-content.central-promotion:nth-of-type(3n+2) { margin: 1% 2%; } .market-directory-content .editorial-content.central-promotion:nth-of-type(3n+1) { clear: both; } .market-directory-content .editorial-content.central-promotion .main-picture img { width: 100%; display: block; } .market-directory-content .editorial-content.central-promotion p { font-size: 0.9em; text-align: center; } .editorial-content.central-gallery { height: auto; overflow: hidden; } .editorial-content.central-gallery .main-picture { float: left; margin: 0 4% 0 0; width: 49%; } .editorial-content.central-gallery .main-picture img { display: block; width: 100%; height: auto; } .editorial-content.central-gallery .abstract, .editorial-content.central-gallery .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .editorial-content.central-gallery span { color: #555555; } .editorial-content.central-gallery .content-date { display: block; margin-top: 2%; } .editorial-content.central-gallery .content-title { max-height: 79px; margin-top: 3px; margin-bottom: 8px; font-size: 22px; font-weight: normal; overflow: hidden; } .editorial-content.central-gallery .content-title a { color: #555555; } .editorial-content.central-gallery .viewmore { margin-bottom: 20px; } .editorial-content.central-gallery .viewmore a { color: #009EE0; } .editorial-content.central-gallery .viewmore a:hover { color: #007AAD; } .editorial-content.central-gallery .content-date { display: none; } .editorial-content.central-gallery .content-title { margin-top: 10px; margin-bottom: 15px; } .editorial-content.central-list .content-title a { color: #009EE0; } .editorial-content.central-list .content-title a:hover { color: #007AAD; } .editorial-content.central-list .abstract, .editorial-content.central-list .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .editorial-content.central-list span { color: #7B7C7E; } .editorial-content.top-detail .text { background: #fff url("img-corner-orange.gif") 95% 91% no-repeat; } .editorial-content.central-detail { background: #FFFFFF; } .editorial-content.central-detail header { padding: 0 4%; } .editorial-content.central-detail header h1, .editorial-content.central-detail header p.p-header { color: #3A4E57; } .editorial-content.central-detail header h2 { color: #555555; } .editorial-content.central-detail .text h2 { color: #555555; } .editorial-content.central-detail .text .content-text { color: #555555; } .editorial-content.central-detail .text .content-text h3 { color: #555555; } .editorial-content.central-detail .text .content-text a { color: #009EE0; } .editorial-content.central-detail .text .content-text a:hover { color: #007AAD; } .editorial-content.central-related-content .content-title a { color: #009EE0; } .editorial-content.central-related-content .content-title a:hover { color: #007AAD; } body[class*="product-catalog-"] .central-promotion-placeholder, body.home-page .central-promotion-placeholder, body.home-light-page .central-promotion-placeholder { margin-bottom: 2rem; } body[class*="product-catalog-"] .spotlight-content, body.home-page .spotlight-content, body.home-light-page .spotlight-content { margin-bottom: 1rem; } .spotlight-content .wrapper { background: #FFF url(img-paper-corner.gif) right 0 no-repeat; } body[class*="product-catalog-"] .spotlight-content .wrapper, body.home-page .spotlight-content .wrapper, body.home-light-page .spotlight-content .wrapper { zoom: 1; } body[class*="product-catalog-"] .spotlight-content .wrapper:before, body[class*="product-catalog-"] .spotlight-content .wrapper:after, body.home-page .spotlight-content .wrapper:before, body.home-page .spotlight-content .wrapper:after, body.home-light-page .spotlight-content .wrapper:before, body.home-light-page .spotlight-content .wrapper:after { content: " "; display: table; } body[class*="product-catalog-"] .spotlight-content .wrapper:after, body.home-page .spotlight-content .wrapper:after, body.home-light-page .spotlight-content .wrapper:after { clear: both; } @media screen and (min-width: 1025px) { body[class*="product-catalog-"] .spotlight-content .wrapper, body.home-page .spotlight-content .wrapper, body.home-light-page .spotlight-content .wrapper { padding: 2.66rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { body[class*="product-catalog-"] .spotlight-content .wrapper, body.home-page .spotlight-content .wrapper, body.home-light-page .spotlight-content .wrapper { padding: 1.33rem; } } @media screen and (max-width: 763px) { body[class*="product-catalog-"] .spotlight-content .wrapper, body.home-page .spotlight-content .wrapper, body.home-light-page .spotlight-content .wrapper { padding: 0.66rem; } } body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content .wrapper .main-picture { text-align: center; } @media screen and (max-width: 763px) { body[class*="product-catalog-"] .spotlight-content .wrapper .main-picture, body.home-page .spotlight-content .wrapper .main-picture, body.home-light-page .spotlight-content .wrapper .main-picture { margin: -0.66rem -0.66rem 1.33rem; position: relative; } body[class*="product-catalog-"] .spotlight-content .wrapper .main-picture:after, body.home-page .spotlight-content .wrapper .main-picture:after, body.home-light-page .spotlight-content .wrapper .main-picture:after { content: ""; position: absolute; right: 0; top: 0; border: 10px solid #e9e8e3; border-bottom-color: #d8d6cb; border-left-color: #d8d6cb; } } .spotlight-content .wrapper .main-picture img { display: block; width: 100%; } body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content .wrapper .main-picture img { max-width: 340px; } .spotlight-content .wrapper .content-title { margin: 0; color: #575757; font-weight: bold; font-size: 1.9em; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; display: block; -webkit-margin-start: 0; -webkit-margin-end: 0; } .spotlight-content .wrapper .content-title span { display: block; font-size: 1.17em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; } body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content .wrapper .content-title { font-size: 1.2em; } body[class*="product-catalog-"] .spotlight-content .wrapper .content-title, body.home-page .spotlight-content .wrapper .content-title, body.home-light-page .spotlight-content .wrapper .content-title { font-size: 1.6rem; font-weight: 100; } .spotlight-content .wrapper .abstract, .spotlight-content .wrapper .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .spotlight-content .wrapper span { color: #555555; } .spotlight-content .wrapper li { padding: 8px 0 8px 12px; background: url(corporate-spotlight-promotion-itemLink-picto.png) no-repeat scroll left 15px transparent; line-height: 21px; } .spotlight-content .wrapper li:hover { background: url(corporate-spotlight-promotion-itemLink-hover-picto.gif) no-repeat scroll left 15px transparent; } .spotlight-content .wrapper li:first-child { border-top: none; display: inline-block; } .spotlight-content .wrapper li a { color: #009EE0; } .spotlight-content .wrapper li a:hover { color: #007AAD; } .spotlight-content .wrapper .content-text li { background: url(corporate-spotlight-promotion-itemLink-picto.png) no-repeat scroll left 15px transparent; } .spotlight-content .wrapper .content-text li:hover { background: url(corporate-spotlight-promotion-itemLink-hover-picto.gif) no-repeat scroll left 15px transparent; } .spotlight-content .wrapper .content-text a { color: #00a1d5; } .spotlight-content .wrapper .content-text a:hover { color: #0055a5; } .spotlight-content .wrapper .content-text a[target="_blank"] { background: transparent url(corporate-externalLink-picto.png) center right no-repeat; } .spotlight-content .index-list-placeholder li { display: block; } .content-page.magazine .spotlight-content.side-promotion li { background-image: url(img-picto-list-orange-empty.png); } .content-page.magazine .spotlight-content.side-promotion li:hover { background-image: url(img-picto-list-orange.png); } .content-page.magazine .spotlight-content.side-promotion li a { color: #ea6a49; } .content-page.magazine .spotlight-content.side-promotion li a:hover { color: #b83715; } .master-webzine-page .spotlight-content a:hover { color: #b83715 !important; } .master-webzine-page .spotlight-content a[target="_blank"] { background: url("img-picto-external-orange.png") no-repeat scroll right center transparent; padding-right: 18px; } .master-webzine-page .spotlight-content a[target="_blank"].rss { background: none; } .master-webzine-page .spotlight-content li { background-image: url(img-picto-list-orange-empty.png); } .master-webzine-page .spotlight-content li:hover { background-image: url(img-picto-list-orange.png); } .master-webzine-page .spotlight-content li a { color: #ea6a49; } .master-webzine-page .spotlight-content li a:hover { color: #b83715; } #main-central-layout .spotlight-content .wrapper h1 { font-size: 1.9em; font-weight: normal; } @media screen and (max-width: 750px) { #main-central-layout .spotlight-content .wrapper h1 { font-size: 1.2em; font-weight: bold; } } #main-central-layout .spotlight-content .wrapper p.p-header { font-size: 1.9em; font-weight: normal; } @media screen and (max-width: 750px) { #main-central-layout .spotlight-content .wrapper p.p-header { font-size: 1.2em; font-weight: bold; } } #main-side-layout .spotlight-content .wrapper { padding: 8%; } #main-side-layout .spotlight-content .wrapper .main-picture { margin-bottom: 15px; padding-top: 15px; } #main-side-layout .spotlight-content footer { padding: 10px 0 0 0; } .spotlight-content.central-promotion { margin-bottom: 2%; } .content-page.magazine .spotlight-content.central-promotion a:hover { color: #b83715; } .content-page.magazine .spotlight-content.central-promotion .wrapper li { background-image: url(img-picto-list-orange-empty.png); } .content-page.magazine .spotlight-content.central-promotion .wrapper li:hover { background-image: url(img-picto-list-orange.png); } .content-page.magazine .spotlight-content.central-promotion .wrapper li a { color: #ea6a49; } .content-page.magazine .spotlight-content.central-promotion .wrapper li a:hover { color: #b83715; } body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content.central-promotion .wrapper { padding: 4%; } body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content.central-promotion .wrapper .content-title { max-height: 62px; margin: 0; overflow: hidden; font-size: 1.6em; font-weight: normal; } body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content.central-promotion .wrapper .main-picture { float: left; width: 49%; padding-right: 2%; } body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content.central-promotion .wrapper .main-picture img { display: block; width: 100%; } body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content.central-promotion .wrapper .abstract, body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content.central-promotion .wrapper .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content.central-promotion .wrapper span { max-height: 80px; } body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) .spotlight-content.central-promotion .wrapper ul { margin: 1.6% 0; } .editorialSpotlight-content .wrapper { background: #FFF url(img-paper-corner.gif) right 0 no-repeat; } .editorialSpotlight-content .wrapper .main-picture { text-align: center; } .editorialSpotlight-content .wrapper .main-picture img { display: block; width: 100%; max-width: 340px; } .editorialSpotlight-content .wrapper .content-title { margin: 0; color: #575757; font-size: 1.2em; } .editorialSpotlight-content .wrapper .abstract, .editorialSpotlight-content .wrapper .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .editorialSpotlight-content .wrapper span { color: #555555; } .editorialSpotlight-content .wrapper li { display: inline-block; padding: 8px 0 8px 12px; background: url(corporate-spotlight-promotion-itemLink-picto.png) no-repeat scroll left 15px transparent; border-top: solid 1px #cfceca; line-height: 21px; } .editorialSpotlight-content .wrapper li:hover { background: url(corporate-spotlight-promotion-itemLink-hover-picto.gif) no-repeat scroll left 15px transparent; } .editorialSpotlight-content .wrapper li:first-child { border-top: none; } .editorialSpotlight-content .wrapper li a { color: #009EE0; } .editorialSpotlight-content .wrapper li a:hover { color: #007AAD; } .editorialSpotlight-content .index-list-placeholder li { display: block; } .content-page.magazine .editorialSpotlight-content.side-promotion li { background-image: url("img-picto-list-orange-empty.png"); } .content-page.magazine .editorialSpotlight-content.side-promotion li:hover { background-image: url("img-picto-list-orange.png"); } .content-page.magazine .editorialSpotlight-content.side-promotion li a { color: #ea6a49; } .content-page.magazine .editorialSpotlight-content.side-promotion li a:hover { color: #b83715; } .master-webzine-page .editorialSpotlight-content a:hover { color: #b83715 !important; } .master-webzine-page .editorialSpotlight-content a[target="_blank"] { background: url("img-picto-external-orange.png") no-repeat scroll right center transparent; padding-right: 18px; } .master-webzine-page .editorialSpotlight-content a[target="_blank"].rss { background: none; } .master-webzine-page .editorialSpotlight-content li { background-image: url("img-picto-list-orange-empty.png"); } .master-webzine-page .editorialSpotlight-content li:hover { background-image: url("img-picto-list-orange.png"); } .master-webzine-page .editorialSpotlight-content li a { color: #ea6a49; } .master-webzine-page .editorialSpotlight-content li a:hover { color: #b83715; } #main-central-layout .editorialSpotlight-content .wrapper h1 { font-size: 1.9em; font-weight: normal; } @media screen and (max-width: 750px) { #main-central-layout .editorialSpotlight-content .wrapper h1 { font-size: 1.2em; font-weight: bold; } } #main-central-layout .editorialSpotlight-content .wrapper p.p-header { font-size: 1.9em; font-weight: normal; } @media screen and (max-width: 750px) { #main-central-layout .editorialSpotlight-content .wrapper p.p-header { font-size: 1.2em; font-weight: bold; } } #main-side-layout .editorialSpotlight-content .wrapper { padding: 8%; } #main-side-layout .editorialSpotlight-content .wrapper .main-picture { margin-bottom: 15px; padding-top: 15px; } #main-side-layout .editorialSpotlight-content footer { padding: 10px 0 0 0; } .editorialSpotlight-content.central-promotion { margin-bottom: 2%; } .content-page.magazine .editorialSpotlight-content.central-promotion a:hover { color: #b83715; } .content-page.magazine .editorialSpotlight-content.central-promotion .wrapper li { background-image: url("img-picto-list-orange-empty.png"); } .content-page.magazine .editorialSpotlight-content.central-promotion .wrapper li:hover { background-image: url("img-picto-list-orange.png"); } .content-page.magazine .editorialSpotlight-content.central-promotion .wrapper li a { color: #ea6a49; } .content-page.magazine .editorialSpotlight-content.central-promotion .wrapper li a:hover { color: #b83715; } .editorialSpotlight-content.central-promotion .wrapper { padding: 4%; } .editorialSpotlight-content.central-promotion .wrapper .content-title { max-height: 60px; margin: 0; overflow: hidden; font-size: 1.6em; font-weight: normal; } .editorialSpotlight-content.central-promotion .wrapper .main-picture { float: left; width: 49%; padding-right: 2%; } .editorialSpotlight-content.central-promotion .wrapper .main-picture img { display: block; width: 100%; } .editorialSpotlight-content.central-promotion .wrapper .abstract, .editorialSpotlight-content.central-promotion .wrapper .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .editorialSpotlight-content.central-promotion .wrapper span { max-height: 80px; } .editorialSpotlight-content.central-promotion .wrapper ul { margin: 1.6% 0; } .calltoaction-content { position: relative; z-index: 1; padding: 2.1% 2.1% 2.1% 5%; display: table; background: #4cbdd3 url("img-arrow-white-thin.png") 8% 9px no-repeat; } .calltoaction-content p { margin: 0; padding: 0; } .calltoaction-content a { display: block; margin: 0; font-size: 1.2em; } .calltoaction-content a[target="_blank"] { background: none; } .content-page.magazine .calltoaction-content { background-color: #ea6a49; } .content-page.magazine .calltoaction-content a[target="_blank"] { background: none; } .content-page.magazine .calltoaction-content:before { border-right-color: #ea6a49; } .content-page.magazine .calltoaction-content:hover { background-color: #e5451b; } .content-page.magazine .calltoaction-content:hover:before { border-right-color: #e5451b; } .master-webzine-page .calltoaction-content { background-color: #ea6a49; } .master-webzine-page .calltoaction-content a { color: #FFF; } .master-webzine-page .calltoaction-content:before { border-right-color: #ea6a49; } .master-webzine-page .calltoaction-content:hover { background-color: #e5451b; } .master-webzine-page .calltoaction-content:hover:before { border-right-color: #e5451b; } .calltoaction-content.central-promotion { width: auto; margin-bottom: 2%; background-position: 2.6% 50%; background: url(img-arrow-white-thin.png) no-repeat scroll 16px #4CBDD3; } .calltoaction-content.central-promotion a { color: #fff; } .calltoaction-content.central-promotion a:hover { color: #fff; } .calltoaction-content.central-promotion:before { right: 2.6%; } .calltoaction-content.central-promotion:hover { background: url(corporate-callToAction-promotion-title-hover-picto.png) no-repeat scroll 16px #1A5D83; } .calltoaction-content.side-promotion { padding: 5% 0% 5% 0%; width: 100%; background: url(img-arrow-white-thin.png) no-repeat scroll 16px #4CBDD3; } .calltoaction-content.side-promotion a { padding-left: 35px; color: #fff; } .calltoaction-content.side-promotion a:hover { color: #fff; } .calltoaction-content.side-promotion:hover { background: url(corporate-callToAction-promotion-title-hover-picto.png) no-repeat scroll 16px #1A5D83; } .master-webzine-page .calltoaction-content.side-promotion { background: url("img-arrow-white-thin.png") no-repeat scroll 16px #ea6a49; } .master-webzine-page .calltoaction-content.side-promotion:hover { background: #e5451b url("img-arrow-white-thin-full.png") no-repeat scroll 16px; } .calltoaction-content:hover { background-color: #4CBDD3; } .calltoaction-content:hover:before { border-right-color: #1A5D83; } .calltoaction-content:before { position: absolute; right: 8%; top: -12px; z-index: 0; content: ""; border: 12px solid transparent; border-right: 12px solid #4CBDD3; } .contact-content .empty { display: none; } .master-webzine-page .magarticle-content .contact-content { margin-top: 0; float: none; width: 100%; } .contact-content.central-detail .text .content-title { color: #555555; } .contact-content.central-detail .contact-role { color: #818181; } .contact-content.central-detail .contact-fax { color: #555555; } .contact-content.central-detail .contact-fax .label-contact { color: #555555; } .contact-content.central-detail .contact-address { color: #555555; } .contact-content.central-detail .contact-phone { color: #555555; } .contact-content.central-detail .contact-phone .label-contact { color: #555555; } .contact-content.central-detail .contact-email a { color: #009EE0; background: url(corporate-contact-email-link-picto.gif) no-repeat scroll left center transparent; } .contact-content.central-detail .contact-email a:hover { color: #007AAD; background: url(corporate-contact-email-link-hover-picto.gif) no-repeat scroll left center transparent; } .contact-content.central-detail .contact-related-link a { color: #009EE0; background: url(corporate-contact-detail-itemLink-picto.gif) no-repeat scroll left center transparent; } .contact-content.central-detail .contact-related-link a:hover { color: #007AAD; background: url(corporate-contact-detail-itemLink-hover-picto.gif) no-repeat scroll left center transparent; } .contact-content.central-detail .contact-infos { background: #e9e8e3; } .contact-content.central-promotion { overflow: hidden; background: white url(img-paper-corner.gif) top right no-repeat; margin: 2% 0; position: relative; } .contact-content.central-promotion figure { width: 48%; bottom: 0; } @media screen and (max-width: 760px) and (max-width: 1020px) { .contact-content.central-promotion figure { margin: 0; top: -30%; } } .contact-content.central-promotion figure img { width: 100%; display: block; } .contact-content.central-promotion.people-left figure, .contact-content.central-promotion.people-right .contact-infos { float: left; } .contact-content.central-promotion.people-right figure, .contact-content.central-promotion.people-left .contact-infos { float: right; } .contact-content.central-promotion.people-left figure { left: 0; } .contact-content.central-promotion.people-right figure { right: 0; } .contact-content.central-promotion .contact-infos { padding: 2%; width: 48%; } .contact-content.central-promotion .contact-infos h1, .contact-content.central-promotion .contact-infos p.p-header { margin: 2% 13% 0 0; font-size: 1.7em; color: #9364a3; font-weight: bold; border-bottom: none; padding-bottom: 0; } .contact-content.central-promotion .contact-infos .contact { padding: 5.1% 5% 5.5% 5%; margin: 12% 35% 5% 3.5%; position: relative; background: #e9e8e3; } .contact-content.central-promotion .contact-infos .contact:before { content: ""; position: absolute; top: -12px; left: 12%; width: 12px; height: 12px; background: url("img-bubble-arrow.gif") 50% 50% no-repeat; } @media screen and (max-width: 760px) { .contact-content.central-promotion .contact-infos .contact { margin: 12% 3% 5% 3%; } } .contact-content.central-promotion .contact-infos .contact .contact-role { margin-top: 0; font-size: 0.9em; font-weight: bold; margin-bottom: 6px; color: #555555; } .contact-content.central-promotion .contact-infos .contact .contact-email { padding-top: 4%; margin-top: 3.2%; border-top: #cfcfcf solid 1px; margin: 0; } .contact-content.central-promotion .contact-infos .contact .contact-email a { background: url(corporate-contact-email-link-picto.gif) no-repeat scroll left center transparent; margin-bottom: 2%; padding-left: 7%; display: block; overflow: hidden; text-overflow: ellipsis; color: #009EE0; } .magazine .contact-content.central-promotion .contact-infos .contact .contact-email a { background: url("img-picto-list-orange-empty.png") no-repeat scroll left center transparent; color: #EA6A49; } .contact-content.central-promotion .contact-infos .contact .contact-email a:hover { color: #007AAD; background: url(corporate-contact-email-link-hover-picto.gif) no-repeat scroll left center transparent; } .magazine .contact-content.central-promotion .contact-infos .contact .contact-email a:hover { background: url("img-picto-list-orange.png") no-repeat scroll left center transparent; } .contact-content.central-promotion .contact-infos .contact .contact-related-link { margin-top: 5%; } .contact-content.central-promotion .contact-infos .contact .contact-related-link li a { background: url(corporate-contact-email-link-picto.gif) no-repeat scroll left center transparent; color: #009EE0; margin-bottom: 2%; padding-left: 7%; } .magazine .contact-content.central-promotion .contact-infos .contact .contact-related-link li a { background: url("img-picto-list-orange-empty.png") no-repeat scroll left center transparent; color: #EA6A49; } .contact-content.central-promotion .contact-infos .contact .contact-related-link li a:hover { color: #007AAD; background: url(corporate-contact-email-link-hover-picto.gif) no-repeat scroll left center transparent; } .magazine .contact-content.central-promotion .contact-infos .contact .contact-related-link li a:hover { background: url("img-picto-list-orange.png") no-repeat scroll left center transparent; } .contact-content.central-promotion .contact-infos .contact a { font-size: 0.9em; font-weight: bold; display: block; } .side-contact-placeholder div .contact-content { padding: 8% 0; } .side-contact-placeholder div .contact-content .main-picture { float: left; width: 35%; margin-bottom: 6%; } .side-contact-placeholder div .contact-content .main-picture img { width: 100%; } .side-contact-placeholder div .contact-content .text { float: right; width: 60%; } .side-contact-placeholder div .contact-content .text .content-title { font-weight: bold; font-size: 1em; margin: 0; color: #555555; } .side-contact-placeholder div .contact-content .contact-role { margin-top: 2%; font-size: 0.85em; color: #818181; } .side-contact-placeholder div .contact-content .contact-infos { background: #e9e8e3; margin-top: 5%; padding: 5% 10%; font-size: 0.95em; position: relative; } .side-contact-placeholder div .contact-content .contact-infos:before { content: ""; position: absolute; top: -12px; left: 12%; width: 12px; height: 12px; background: url("img-bubble-arrow.gif") 50% 50% no-repeat; } .side-contact-placeholder div .contact-content .contact-infos .contact-fax { color: #555555; } .side-contact-placeholder div .contact-content .contact-infos .contact-fax .label-contact { color: #555555; } .side-contact-placeholder div .contact-content .contact-infos .contact-address { color: #555555; } .side-contact-placeholder div .contact-content .contact-infos .contact-phone { color: #555555; } .side-contact-placeholder div .contact-content .contact-infos .contact-phone .label-contact { color: #555555; } .side-contact-placeholder div .contact-content .contact-infos .contact-email a { color: #009EE0; background: url(corporate-contact-email-link-picto.gif) no-repeat scroll left center transparent; } .side-contact-placeholder div .contact-content .contact-infos .contact-email a:hover { color: #007AAD; background: url(corporate-contact-email-link-hover-picto.gif) no-repeat scroll left center transparent; } .side-contact-placeholder div .contact-content .contact-related-link a { color: #009EE0; background: url(corporate-contact-detail-itemLink-picto.gif) no-repeat scroll left center transparent; } .side-contact-placeholder div .contact-content .contact-related-link a:hover { color: #007AAD; background: url(corporate-contact-detail-itemLink-hover-picto.gif) no-repeat scroll left center transparent; } .side-contact-placeholder div .contact-content .contact-address, .side-contact-placeholder div .contact-content .contact-phone, .side-contact-placeholder div .contact-content .contact-email, .side-contact-placeholder div .contact-content .contact-related-link { margin: 3% 0px; } .side-contact-placeholder div .contact-content .contact-email a, .side-contact-placeholder div .contact-content .contact-related-link a { margin-bottom: 2%; padding-left: 7%; display: block; overflow: hidden; text-overflow: ellipsis; } .magazine .side-contact-placeholder div .contact-content .contact-email a:hover, .magazine .side-contact-placeholder div .contact-content .contact-related-link a:hover { background: url("img-picto-list-orange.png") no-repeat scroll left center transparent; color: #EA6A49; } .magazine .side-contact-placeholder div .contact-content .contact-email a, .magazine .side-contact-placeholder div .contact-content .contact-related-link a { background: url("img-picto-list-orange-empty.png") no-repeat scroll left center transparent; color: #EA6A49; } .side-contact-placeholder div .contact-content .contact-email, .side-contact-placeholder div .contact-content .contact-related-link { font-weight: bold; } .side-contact-placeholder div .contact-content .contact-phone span.label-contact, .side-contact-placeholder div .contact-content .contact-fax span.label-contact { font-weight: bold; } .side-contact-placeholder div .contact-content .contact-phone span.label-contact:after, .side-contact-placeholder div .contact-content .contact-fax span.label-contact:after { content: " : "; } .central-contact-placeholder div .contact-content { position: relative; padding: 2% 0; } .central-contact-placeholder div .contact-content .img-text { float: left; width: 44%; margin-right: 2%; } .central-contact-placeholder div .contact-content .main-picture { float: left; width: 45%; margin: 0 5% 5% 0; } .central-contact-placeholder div .contact-content .main-picture img { width: 100%; } .central-contact-placeholder div .contact-content .text { float: left; width: 50%; } .central-contact-placeholder div .contact-content .text .content-title { font-weight: bold; font-size: 1em; margin: 0; } .central-contact-placeholder div .contact-content .contact-role { margin-top: 2%; font-size: 0.85em; } .central-contact-placeholder div .contact-content .contact-infos { float: right; padding: 1% 3%; font-size: 0.95em; position: relative; width: 42%; } .central-contact-placeholder div .contact-content .contact-infos:before { content: ""; position: absolute; top: 20px; left: -3%; width: 12px; height: 12px; background: url(img-bubble-arrow-inversed.gif) 50% 50% no-repeat; } .central-contact-placeholder div .contact-content .contact-address, .central-contact-placeholder div .contact-content .contact-phone, .central-contact-placeholder div .contact-content .contact-fax { margin: 1% 0px; } .central-contact-placeholder div .contact-content .contact-email, .central-contact-placeholder div .contact-content .contact-related-link { font-weight: bold; margin-top: 2%; } .central-contact-placeholder div .contact-content .contact-email a, .central-contact-placeholder div .contact-content .contact-related-link a { margin-bottom: 2%; padding-left: 5%; display: block; overflow: hidden; text-overflow: ellipsis; } .magazine .central-contact-placeholder div .contact-content .contact-email a:hover, .magazine .central-contact-placeholder div .contact-content .contact-related-link a:hover { background: url("img-picto-list-orange.png") no-repeat scroll left center transparent; } .magazine .central-contact-placeholder div .contact-content .contact-email a, .magazine .central-contact-placeholder div .contact-content .contact-related-link a { background: url("img-picto-list-orange-empty.png") no-repeat scroll left center transparent; color: #EA6A49; } .central-contact-placeholder div .contact-content .contact-email a[target="_blank"], .central-contact-placeholder div .contact-content .contact-related-link a[target="_blank"] { padding-right: 0px; } .central-contact-placeholder div .contact-content .contact-related-link { clear: both; float: right; } .central-contact-placeholder div .contact-content .contact-related-link a { padding-left: 12px; } .central-contact-placeholder div .contact-content .contact-phone span.label-contact, .central-contact-placeholder div .contact-content .contact-fax span.label-contact { font-weight: bold; } .central-contact-placeholder div .contact-content .contact-phone span.label-contact:after, .central-contact-placeholder div .contact-content .contact-fax span.label-contact:after { content: " : "; } .contactSpotlight-content { margin-bottom: 6%; background: #fff url(img-businesscontact.png) top left no-repeat; padding: 8%; } .contactSpotlight-content p { color: #555555; } .contactSpotlight-content .label-contact { padding: 2% 0; font-weight: bold; } .contactSpotlight-content .label-contact:after { content: " : "; } .contactSpotlight-content h1, .contactSpotlight-content p.p-header { padding-bottom: 5px; margin: 0; font: bold 1.3em Verdana, Helvetica, Arial, sans-serif; color: #AF8BBB; border-bottom: dotted 1px #000; } .contactSpotlight-content header { padding-left: 105px; } .contactSpotlight-content header p { font-weight: bold; } .contactSpotlight-content a:hover { color: #007aad; } .contactSpotlight-content .contact-address { color: #555555; } .contactSpotlight-content .contact-email a { background: url(corporate-contactSpotlight-sidePromotion-email-link-picto.gif) no-repeat scroll left 4px transparent; display: block; margin-bottom: 2%; overflow: hidden; padding-left: 7%; text-overflow: ellipsis; color: #009EE0; } .contactSpotlight-content .contact-email a:hover { color: #007AAD; background: url(corporate-contactSpotlight-sidePromotion-email-link-hover-picto.gif) no-repeat scroll left 4px transparent; } .contactSpotlight-content .contact-phone { color: #555555; margin: 2% 0; } .contactSpotlight-content .contact-phone .label-contact { color: #555555; } .contactSpotlight-content .contact-fax { color: #555555; margin: 2% 0; } .contactSpotlight-content .contact-fax .label-contact { color: #555555; } .contactSpotlight-content .contact-infos { background-color: #e9e8e3; padding: 8%; font-size: 0.95em; } .contactSpotlight-content .contact-calltoaction { background: transparent url("img-rightarrow.png") left center no-repeat; padding: 8px 0 8px 32px; font-weight: bold; } .contactSpotlight-content .contact-calltoaction.last { border-top: solid 1px #cfceca; } .master-webzine-page .contactSpotlight-content a, .master-webzine-page .contactSpotlight-content ol li:before { color: #ea6a49 !important; } .master-webzine-page .contactSpotlight-content .contact-email a { background: url("img-picto-list-orange.png") no-repeat scroll left 4px transparent; color: #ea6a49; } .master-webzine-page .contactSpotlight-content .contact-email a:hover { color: #b83715; } .master-webzine-page .contactSpotlight-content a:hover { color: #b83715 !important; } .master-webzine-page .contactSpotlight-content a[target="_blank"] { background: url("img-picto-external-orange.png") no-repeat scroll right center transparent; padding-right: 18px; } .download-content.central-list .content-title { color: #555555; font-size: 1.1em !important; margin: 0; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; display: block; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: bold; } .download-content.central-list .abstract, .download-content.central-list .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .download-content.central-list span { color: #555555; } .download-content.central-list .download-links .download-label { color: #555555; } .download-content.central-list .download-links a { color: #009ee0; } .download-content.central-list .download-links a:hover { color: #007aad; } .download-content.side-list .download-links { padding-bottom: 5%; text-align: left; } .download-content.side-list .download-links .download-label { border: none; margin: 0; padding-right: 0; display: inline; } .download-content.side-list .download-links a { padding: 0 0 0 3%; margin-left: 3px; border-left: solid 1px #a9a8a4; color: #009EE0; } .download-content.side-list .download-links a:hover { color: #007AAD; } .content-page.magazine .download-content a[target="_blank"] { background: none; } .download-content .related-content-list { margin-top: 0 !important; margin-bottom: 5% !important; } .externallink-content.central-list .content-title a { color: #009EE0; } .externallink-content.central-list .content-title a:hover { color: #007AAD; } .externallink-content.central-list .abstract, .externallink-content.central-list .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .externallink-content.central-list span { color: #7B7C7E; } .externallink-content.central-related-content .content-title a { color: #009EE0; } .externallink-content.central-related-content .content-title a:hover { color: #007AAD; } .externallink-content.central-related-content .abstract, .externallink-content.central-related-content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .externallink-content.central-related-content span { color: #007AAD; } .related-content-list .externallink-content { margin-top: 0 !important; margin-bottom: 5% !important; } #main-side-layout .externallink-content { margin-bottom: 6%; } #main-side-layout .externallink-content img { width: 100%; display: block; } .faq-content ul li { padding: 5px 0 0.5% 15px; list-style-type: none; } .faq-content.central-related-content .content-title a { color: #009EE0; } .faq-content.central-related-content .content-title a:hover { color: #007AAD; } .faq-content.central-list .content-title a { color: #009EE0; } .faq-content.central-list .content-title a:hover { color: #007AAD; } .faq-content.central-list .abstract, .faq-content.central-list .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .faq-content.central-list span { color: #7B7C7E; } .faq-content.central-detail { background: #FFFFFF; padding: 3%; margin-bottom: 3%; } .faq-content.central-detail header span { margin-top: 0; color: #3A4E57; } .faq-content.central-detail header p { margin-top: 0; color: #555555; } .faq-content.central-detail header h1 { font-size: 25px; color: #3A4E57; margin-top: 0; display: block; -webkit-margin-before: 0.67em; -webkit-margin-after: 0.67em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: bold; } .faq-content .faqItem-content.central-list { margin-top: 1px; } .faq-content .faqItem-content.central-list .content-title { display: block; position: relative; margin: 0; padding: 2% 11% 2% 3%; background-image: url(corporate-centralDetail-question-picto.png); background-repeat: no-repeat; background-position: 97% 50%; background-color: #E9E8E3; color: #484B4C; font-weight: bold; font-size: 18px; cursor: pointer; } .faq-content .faqItem-content.central-list .content-title:hover { background-image: url(corporate-centralDetail-question-hover-picto.png); background-color: #C7C5B8; } .faq-content .faqItem-content.central-list .content-detail { display: none; color: #555555; padding: 3% 3% 2% 3%; background: #fff url(img-gradient-faq-detail.gif) 0 0 repeat-x; } .faq-content .faqItem-content.central-list .content-detail a { color: #009EE0; } .faq-content .faqItem-content.central-list .content-detail a:hover { color: #007AAD; } .faq-content .faqItem-content.central-list.open .content-title { background-image: url(corporate-centralDetail-question-expand-picto.png); background-color: #00B3FE; color: #FFFFFF; } .related-content-list .faq-content { margin-top: 0 !important; margin-bottom: 5% !important; } .glossary-content.central-detail { background: #FFFFFF; list-style-type: none; padding: 3%; margin-top: 0; margin-bottom: 3%; } .glossary-content.central-detail h1 { color: #3A4E57; display: block; font-size: 2em; -webkit-margin-before: 0.67em; -webkit-margin-after: 0.67em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: bold; } .glossary-content.central-detail ul li { background: none; } .glossary-content.central-detail .abstract, .glossary-content.central-detail .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .glossary-content.central-detail span { margin-top: 0; display: block; color: #555555; } .glossary-content.central-detail .item-list { padding: 2% 6%; background: #fff url("img-gradient-faq-detail.gif") 0 0 repeat-x; } .glossary-content.central-detail .glossaryItem-content.central-list { padding: 1% 0; list-style-type: none; } .glossary-content.central-detail .glossaryItem-content.central-list ul li { background: none; } .glossary-content.central-detail .glossaryItem-content.central-list .content-title { display: block; margin: 0; font-size: 13px; font-weight: bold; color: #009EE0; } .glossary-content.central-detail .glossaryItem-content.central-list .content-detail { font-size: 13px; color: #555555; } .glossary-content.central-detail .glossaryItem-content.central-list .content-detail a { color: #009EE0; } .glossary-content.central-detail .glossaryItem-content.central-list .content-detail a:hover { color: #007AAD; } .glossary-content.central-list .content-title a { color: #009EE0; } .glossary-content.central-list .content-title a:hover { color: #007AAD; } .glossary-content.central-list .abstract, .glossary-content.central-list .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .glossary-content.central-list span { color: #7B7C7E; } .glossary-content.central-related-content .content-title a { color: #009EE0; } .glossary-content.central-related-content .content-title a:hover { color: #007AAD; } .glossary-content .letters { background: url(img-gradient-glossary.gif) repeat-x scroll 0 0 #246083; font-weight: bold; font-size: 18px; border-radius: 20px; margin-bottom: 10px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); } .glossary-content .letters a { display: block; padding: 5px 0; width: 11%; float: left; color: #a1cde6; text-align: center; border-left: 1px solid #3c97cb; border-right: 1px solid #276c94; } .glossary-content .letters a:first-child { border-left: none; border-radius: 20px 0 0 20px; width: 12%; } .glossary-content .letters a:last-child { border-right: none; border-radius: 0 20px 20px 0; } .glossary-content .letters a:hover { color: #fff; } .glossary-content .letters .active { color: #fff; background: url(img-gradient-glossary-active.gif) repeat-x scroll 0 0 #1974A8; position: relative; } .glossary-content .letters .active:after { content: ""; display: block; width: 100%; height: 11px; position: absolute; bottom: -11px; background: transparent url("img-picto-bottomtriangle") 51% 50% no-repeat; } .related-content-list .glossary-content { margin-top: 0 !important; margin-bottom: 5% !important; } .groupItems-content.central-link-list { padding: 1% 0; list-style-type: none; } .groupItems-content.central-link-list ul li { background: none; } .groupItems-content.central-link-list .content-title { display: block; margin: 0; font-size: 13px; font-weight: bold; color: #009ee0; } .groupItems-content.central-link-list .content-detail { font-size: 13px; color: #555555; } .central-list-placeholder .groupItems-content.central-list { border-top: 2px solid #C8C8C6; border-bottom: 2px solid #C8C8C6; } .central-list-placeholder .groupItems-content.central-list header { border-bottom: none; margin: 0; } .central-list-placeholder .groupItems-content.central-list header h1, .central-list-placeholder .groupItems-content.central-list header p.p-header { margin: 0; font-size: 1.5em; color: #555555; } .central-list-placeholder .groupItems-content.central-list header .abstract, .central-list-placeholder .groupItems-content.central-list header .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .central-list-placeholder .groupItems-content.central-list header span { color: #555555; } .central-list-placeholder .groupItems-content.central-list .item-list { width: 90%; margin-left: 5%; } .central-list-placeholder .groupItems-content.central-list .item-list .abstract, .central-list-placeholder .groupItems-content.central-list .item-list .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .central-list-placeholder .groupItems-content.central-list .item-list span { margin: 1% 0; } .brand-content.central-detail .groupItems-content { padding: 5%; } .brand-content.central-detail .groupItems-content header h1, .brand-content.central-detail .groupItems-content header p.p-header { margin: 0; font-size: 1.5em; } .content-page.magazine .groupItems-content a, .content-page.magazine .groupItems-content ol li:before { color: #ea6a49; } .content-page.magazine .groupItems-content a:hover { color: #b83715; } .content-page.magazine .groupItems-content ul li { position: relative; background: none; } .content-page.magazine .groupItems-content ul li:before { position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background: #ea6a49; border-radius: 100%; content: ""; } .mageditorial-content.side-promotion { margin-bottom: 6%; background-color: #ea6a49; background-color: rgba(234, 106, 73, 0.9); } .mageditorial-content.side-promotion a { display: block; position: relative; } .mageditorial-content.side-promotion a:hover .text-strip__description { opacity: 1; max-height: 100px; margin-top: 10px; transition: max-height 0.5s ease, opacity 0.5s ease 0.2s, margin 0.5s ease; } .mageditorial-content.side-promotion .main-picture { display: block; } .mageditorial-content.side-promotion .main-picture img { display: block; width: 100%; } .mageditorial-content.side-promotion .text-strip { position: absolute; bottom: 0; left: 0; right: 0; text-align: left; } @media screen and (min-width: 1025px) { .mageditorial-content.side-promotion .text-strip { padding: 10px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .mageditorial-content.side-promotion .text-strip { padding: 20px; } } @media screen and (max-width: 763px) { .mageditorial-content.side-promotion .text-strip { padding: 20px; } } .mageditorial-content.side-promotion .text-strip__description { height: auto; max-height: 0; margin: 0; overflow: hidden; font-size: 13px; color: #FFFFFF; opacity: 0; transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, margin 0.5s ease 0s; } .mageditorial-content.side-promotion .content-title { margin: 0; color: #FFFFFF; font-size: 17px; font-weight: bold; } @media screen and (min-width: 1025px) { .mageditorial-content.side-promotion .content-title { font-size: 14px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .mageditorial-content.side-promotion .content-title { font-size: 14px; } } @media screen and (max-width: 763px) { .mageditorial-content.side-promotion .content-title { font-size: 13px; } } .mageditorial-content.side-promotion:hover { background-color: #b83715; background-color: rgba(229, 69, 27, 0.9); } .mageditorial-content.side-promotion .text-strip { background-color: #ff4659 !important; background-color: #ff4659 !important; } .mageditorial-content.side-promotion .text-strip:hover { background-color: #ff4659 !important; background-color: #ff4659 !important; } .magarticle-content { position: relative; } .magarticle-content.side-promotion { margin-bottom: 6%; background-color: #ea6a49; background-color: rgba(234, 106, 73, 0.9); } .magarticle-content.side-promotion a { display: block; position: relative; } .magarticle-content.side-promotion a:hover .text-strip__description { opacity: 1; max-height: 100px; margin-top: 10px; transition: max-height 0.5s ease, opacity 0.5s ease 0.2s, margin 0.5s ease; } .magarticle-content.side-promotion .main-picture { display: block; } .magarticle-content.side-promotion .main-picture img { display: block; width: 100%; } .magarticle-content.side-promotion .text-strip { position: absolute; bottom: 0; left: 0; right: 0; text-align: left; } @media screen and (min-width: 1025px) { .magarticle-content.side-promotion .text-strip { padding: 10px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .magarticle-content.side-promotion .text-strip { padding: 20px; } } @media screen and (max-width: 763px) { .magarticle-content.side-promotion .text-strip { padding: 20px; } } .magarticle-content.side-promotion .text-strip__description { height: auto; max-height: 0; margin: 0; overflow: hidden; font-size: 13px; color: #FFFFFF; opacity: 0; transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, margin 0.5s ease 0s; } .magarticle-content.side-promotion .content-title { margin: 0; color: #FFFFFF; font-size: 17px; font-weight: bold; } @media screen and (min-width: 1025px) { .magarticle-content.side-promotion .content-title { font-size: 14px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .magarticle-content.side-promotion .content-title { font-size: 14px; } } @media screen and (max-width: 763px) { .magarticle-content.side-promotion .content-title { font-size: 13px; } } .magarticle-content.side-promotion:hover { background-color: #b83715; background-color: rgba(229, 69, 27, 0.9); } .magarticle-content.side-promotion .text-strip { background-color: #ea6a49 !important; background-color: rgba(234, 106, 73, 0.9) !important; } .magarticle-content.side-promotion .text-strip:hover { background-color: #b83715 !important; background-color: rgba(229, 69, 27, 0.9) !important; } .magarticle-content .content-date { display: none; } .magarticle-content .main-picture img { width: 100%; display: block; } @media screen and (max-width: 750px) { .magarticle-content .main-picture img { display: inline; } } .magarticle-content .abstract, .magarticle-content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .magarticle-content span { display: block; } .magarticle-content .text { background-color: #fff; padding: 3% 4% 2% 4%; min-height: 110px; } .magarticle-content .text .tag-list li { display: inline-block; margin-bottom: 5px; } .magarticle-content .text .tag-list a { display: inline-block; padding: 5px 6px; color: #919191; border: 1px solid #e9e8e3; border-radius: 3px; font-size: 11px; } .magarticle-content .text .tag-list a:hover { color: #666; border-color: #bbb; } .magarticle-content .text .content-title { margin: 0; font-weight: normal; font-size: 1.7em; } .magarticle-content .text .content-title a { color: #ea6a49; max-height: 40px; } .magarticle-content .text .content-title a:hover { color: #b83715; } .magarticle-content .text .abstract, .magarticle-content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magarticle-content .text span { margin: 10px 0; color: #777; font-weight: normal; font-size: 12px; } .magarticle-content .author { background: #e9e8e3; margin-top: 10%; padding: 3% 5%; position: relative; } .magarticle-content .author:before { content: ""; position: absolute; top: -12px; left: 6%; width: 12px; height: 12px; background: url("img-bubble-arrow.gif") 50% 50% no-repeat; } .magarticle-content .author .main-picture { display: none; } .magarticle-content .author .author-name { color: #ea6a49; font: bold 12px Verdana,sans-serif; } .magarticle-content .author .author-name span { color: #333 !important; } .magarticle-content .author .author-role { color: #818181; font-size: 12px; } .side-detail-magindex-placeholder .magarticle-content { min-height: 290px; background: #FFF; } .side-detail-magindex-placeholder .magarticle-content .content-title { max-height: 40px; font-size: 1.17em; } .side-detail-magindex-placeholder .magarticle-content .abstract, .side-detail-magindex-placeholder .magarticle-content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .side-detail-magindex-placeholder .magarticle-content span { max-height: 30px; } .related-content-list .magarticle-content { margin-top: 0 !important; margin-bottom: 5% !important; } .magarticle-content.top-detail { float: right; width: 72%; background: #fff; } .magarticle-content.top-detail a[target="_blank"] { background: url("img-picto-external-orange.png") no-repeat scroll right center transparent; padding-right: 18px; } @media screen and (max-width: 760px) { .magarticle-content.top-detail { float: none; width: 100%; } } .magarticle-content.top-detail .main-picture { float: left; width: 45%; } @media screen and (max-width: 760px) { .magarticle-content.top-detail .main-picture { float: none; margin: 0 auto; width: 100%; max-height: none; max-width: none; } } .magarticle-content.top-detail .main-picture img { width: 100%; height: auto; } .magarticle-content.top-detail .text-author { float: left; width: 55%; padding: 1.5% 2.2%; } @media screen and (max-width: 760px) { .magarticle-content.top-detail .text-author { float: none; width: 100%; } } .magarticle-content.top-detail .text-author .author { margin-top: 4%; } .magarticle-content.top-detail .text { padding: 0; } .magarticle-content.top-detail .text .tag-list a { border-color: #b0b0af; color: #757574; } .magarticle-content.top-detail .text .content-title { max-height: 56px; font-size: 22px; } .magarticle-content.top-detail .text .abstract, .magarticle-content.top-detail .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magarticle-content.top-detail .text span { max-height: 55px; } #hp-mag .magarticle-content.rich-list .content-title a { color: #ea6a49; } #hp-mag .magarticle-content.rich-list .content-title a:hover { color: #b83715; } .magarticle-content.rich-list .content-title { max-height: 60px; overflow: hidden; font-size: 1.7em; } .magarticle-content.rich-list .abstract, .magarticle-content.rich-list .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .magarticle-content.rich-list span { max-height: 50px; overflow: hidden; } .item-list .magarticle-content.rich-list { margin: 0 1%; } .side-detail-magindex-placeholder .item-list .magarticle-content.rich-list { margin: 0; } .item-list .magarticle-content.rich-list .main-picture img { display: block; width: 100%; } .item-list .magarticle-content.rich-list .content-title { max-height: 42px; overflow: hidden; font-size: 1.2em; line-height: 1.3; } .item-list .magarticle-content.rich-list .abstract, .item-list .magarticle-content.rich-list .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .item-list .magarticle-content.rich-list span { max-height: 50px; overflow: hidden; line-height: 1.4; } .magarticle-content.central-list { background-color: #FFF; height: auto; margin-bottom: 3%; } @media screen and (max-width: 760px) { .magarticle-content.central-list { height: auto; } } .magarticle-content.central-list .text { background: none; } .magarticle-content.central-list .text .content-title { max-height: 60px; } .magarticle-content.central-list .text .abstract, .magarticle-content.central-list .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magarticle-content.central-list .text span { max-height: 50px; } .magarticle-content.central-list .author { margin-top: 5%; } .magarticle-content.central-list .main-picture { width: 100%; float: none; } .magarticle-content.central-list.block-left { width: 48%; float: left; } @media screen and (max-width: 760px) { .magarticle-content.central-list.block-left { width: 100%; float: none; } } .magarticle-content.central-list.block-right { width: 48%; float: right; } @media screen and (max-width: 760px) { .magarticle-content.central-list.block-right { width: 100%; float: none; } } .content-page .magarticle-content.central-list { height: auto; } .content-page .magarticle-content.central-list .text { padding: 0; } .content-page .magarticle-content.central-list .text .content-title a { color: #009ee0; } .content-page .magarticle-content.central-list .text .author { display: none; } .magarticle-content.central-gallery { height: auto; overflow: hidden; } .magarticle-content.central-gallery .main-picture { float: left; margin: 0 4% 0 0; width: 49%; } .magarticle-content.central-gallery .main-picture img { display: block; width: 100%; height: auto; } .magarticle-content.central-gallery .abstract, .magarticle-content.central-gallery .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .magarticle-content.central-gallery span { color: #555555; } .magarticle-content.central-gallery .content-date { display: block; margin-top: 2%; } .magarticle-content.central-gallery .content-title { max-height: 79px; margin-top: 3px; margin-bottom: 8px; font-size: 22px; font-weight: normal; overflow: hidden; } .magarticle-content.central-gallery .content-title a { color: #555555; } .magarticle-content.central-gallery .viewmore a { padding: 5px 0 5px 12px; background-image: url(corporate-centralGallery-itemLink-picto.gif); background-position: left 11px; background-repeat: no-repeat; background-color: transparent; } .magarticle-content.central-gallery .viewmore a:hover { background-image: url(corporate-centralGallery-itemLink-hover-picto.gif); background-position: left center; background-repeat: no-repeat; background-color: transparent; color: #007aad; } .magarticle-content.central-gallery .content-date { display: none; } .magarticle-content.central-gallery .content-title { margin-top: 10px; margin-bottom: 15px; } .magarticle-content.central-detail { background: #FFFFFF; } .magarticle-content.central-detail header { padding: 0 4%; } .ads-content { margin-bottom: 3%; position: relative; } .ads-content a { display: block; z-index: 0; } .ie8 .ads-content a:hover .text-block-inner, .ie7 .ads-content a:hover .text-block-inner { margin-left: 0; } @media screen and (min-width: 1020px) { .ads-content a:hover .text-block-inner { margin-left: 0; background-position: 96% 93%; -webkit-box-shadow: none; box-shadow: none; } .ads-content a:hover .text-block-inner p { margin-top: 5px; opacity: 1; } } .ads-content .main-picture img { width: 100%; } .ads-content .text-overlay { position: absolute; left: 0; top: 0; z-index: 4; width: 100%; height: 100%; } .ads-content .text-block-inner { -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; height: 100%; margin-left: 50%; padding: 5% 2%; background-color: #97BE0E; background-color: rgba(151, 190, 14, 0.8); background-image: url("img-corner-white.png") 92% 93% no-repeat; -webkit-box-shadow: -4px 0px 5px -3px rgba(0, 0, 0, 0.5); box-shadow: -4px 0px 5px -3px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 1020px) and (min-width: 760px) { .ads-content .text-block-inner { margin-left: 35%; } } .ads-content .content-title { margin: 0; color: #fff; font-size: 1.1em; } .ads-content p:not(.p-header) { -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; display: block; color: #fff; opacity: 0; } .ads-content a[target="_blank"] { padding: 0; background: none; } .content-page.magazine .ads-content.side-promotion .text-block-inner { background-color: #ea6a49; background-color: rgba(234, 106, 73, 0.8); } .master-webzine-page .ads-content .text-block-inner { background: #ea6a49; background-color: rgba(234, 106, 73, 0.9); } .brand-content { margin: 0 0 3% 0; } .brand-content h1, .brand-content p.p-header { display: block !important; } .brand-content .wrapper { padding: 4%; background: none #FFF; } .brand-content .wrapper ul li { width: 82%; } .brand-content.central-detail { padding: 3%; margin-top: 0; margin-bottom: 3%; background: #FFFFFF; } .brand-content.central-detail h1 { font-size: 2em; -webkit-margin-before: 0.67em; -webkit-margin-after: 0.67em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: bold; display: block; } .brand-content.central-detail .abstract, .brand-content.central-detail .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .brand-content.central-detail span { margin-top: 0; display: block; } .brand-content.central-detail .item-list { padding: 2% 6%; background: #fff url("img-gradient-faq-detail.gif") 0 0 repeat-x; padding: 2%; } .brand-content.central-detail .col { float: left; width: 33%; border-left: 1px dotted #000; } .brand-content.central-detail .col:first-child { border-left: none; } .document-content { margin-top: 0 !important; margin-bottom: 5% !important; } .document-content p { margin: 0; } .brand-content .letters { background: #246083 url("img-gradient-glossary.gif") 0 0 repeat-x; font-weight: bold; font-size: 18px; border-radius: 20px; margin-bottom: 10px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); } .brand-content .letters a { display: block; padding: 5px 0; float: left; color: #a1cde6; text-align: center; border-left: 1px solid #5594b8; border-right: 1px solid #347295; } .brand-content .letters a:first-child { border-left: none; border-radius: 20px 0 0 20px; } .brand-content .letters a:last-child { border-right: none; border-radius: 0 20px 20px 0; } .brand-content .letters a:hover { color: #fff; } .brand-content .letters .active { color: #fff; background: #1974a8 url("img-gradient-glossary-active.gif") 0 0 repeat-x; position: relative; } .brand-content .letters .active:after { content: ""; display: block; width: 100%; height: 11px; position: absolute; bottom: -11px; background: transparent url("img-picto-bottomtriangle") 51% 50% no-repeat; } .market-directory-content { padding: 4%; background: #fff; margin: 0 0 3% 0; } .market-directory-content p.p-header { margin-top: 0; font-weight: bold; display: block !important; font-size: 2em; -webkit-margin-before: 0.67em; -webkit-margin-after: 0.67em; -webkit-margin-start: 0; -webkit-margin-end: 0; } .market-directory-content h1, .market-directory-content p.p-header { display: block !important; } .market-directory-content .wrapper { padding: 4%; background: none #FFF; } .market-directory-content .wrapper ul li { width: 82%; } .product-range-content { margin: 0 0 3% 0; } .product-range-content .wrapper { padding: 4%; background: none #FFF; } .product-range-content .wrapper .content-title { display: block !important; font-size: 1.9em; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0; -webkit-margin-end: 0; } .product-range-content .wrapper ul li { width: 82%; } .photo-thumbnail-content { background: #fff; margin: 3% 0; } .photo-thumbnail-content.central-promotion { padding: 30px; } .photo-thumbnail-content.central-detail { margin: 3% 0 0; background: none; } .photo-thumbnail-content.central-detail .photo-thumbnail { margin: 0 0 0 -3%; background: none; font-size: 0; } .photo-thumbnail-content.central-detail .img-text { display: inline-block; float: none; width: 47%; margin: 0 0 3% 3%; background: #FFF; border: none; font-size: 13px; } @media screen and (max-width: 760px) { .photo-thumbnail-content.central-detail .img-text { width: 100%; } } .photo-thumbnail-content.central-detail .main-picture { background: #cac9c4; text-align: center; height: 200px; margin: 0; } .photo-thumbnail-content.central-detail .main-picture img { display: block; width: auto; max-height: 100%; margin: 0 auto; } @media screen and (max-width: 760px) { .photo-thumbnail-content.central-detail .main-picture img { height: 100%; } } .photo-thumbnail-content.central-detail .text { padding: 5%; } .photo-thumbnail-content.central-detail .text strong { display: block; max-height: 16px; font-size: 1.15em; } .photo-thumbnail-content.central-detail .text .abstract, .photo-thumbnail-content.central-detail .text span { max-height: 45px; margin-top: 2%; font-size: 1em; } .photo-thumbnail-content.central-detail .text span { display: block; font-size: 0.85em; } .photo-thumbnail-content.central-detail .download-links { text-align: left; padding: 0; } .photo-thumbnail-content.central-detail .download-links a { border: none; padding-left: 25px !important; margin-left: 0; background-image: url("img-picto-download.png"); background-position: center left; background-repeat: no-repeat; font-weight: bold; font-size: 1.15em; } .photo-thumbnail-content.central-detail .download-links a:hover { color: #007AAD; } .video-content, .graphics-content, .photo-content { padding-right: 1px; } .video-content strong, .graphics-content strong, .photo-content strong { background-color: #FFF; } .video-content .img-text, .graphics-content .img-text, .photo-content .img-text { height: 100%; position: relative; } .video-content .img-text img, .graphics-content .img-text img, .photo-content .img-text img { display: block; width: 100%; } .video-content .img-text .text, .graphics-content .img-text .text, .photo-content .img-text .text { max-height: 15px; margin: 7% 10% 7% 0; color: #757575; font-size: 0.85em; } .video-content .img-text .text:hover, .graphics-content .img-text .text:hover, .photo-content .img-text .text:hover { color: #757575; } .video-content .img-text .abstract, .video-content .img-text .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .video-content .img-text span, .graphics-content .img-text .abstract, .graphics-content .img-text .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .graphics-content .img-text span, .photo-content .img-text .abstract, .photo-content .img-text .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .photo-content .img-text span { bottom: 0; } .contactDirectory-content h2 { font-weight: normal; font-size: 2em; margin-top: 5%; padding-bottom: 1%; border-bottom: solid 1px #c8c8c6; } .twitter-content { float: left; width: 53%; } @media screen and (max-width: 760px) { .twitter-content .tweet { width: 48%; } .twitter-content .tweet .block-left { float: left; } .twitter-content .tweet .block-right { float: right; } } .twitter-content header { margin-bottom: 13px; max-width: 500px; } .twitter-content header span { float: left; font-weight: normal; font-size: 20px; color: #5b5b5b; padding-left: 50px; background: url("img-picto-twitter.png") 15px 50% no-repeat; } .twitter-content iframe { border: 1px solid !important; border-color: #315C99 #AAAAAA #AAAAAA !important; background-color: #FFF; } .twitter-content .link-view-all { float: right; margin-top: 0; background: url("img-picto-list-empty.png") 2% 57% no-repeat; padding: 1% 0 1% 3%; } .twitter-content .link-view-all:hover { background: url("img-picto-list.png") 2% 57% no-repeat; color: #007AAD; } .twitter-content .item-list { background: #fff; } .facebook-content { float: left; width: 43%; padding-left: 4%; } .facebook-content header span { font-weight: normal; font-size: 20px; color: #5b5b5b; padding-left: 50px; background: url("img-picto-facebook.png") 18px 50% no-repeat; } .facebook-content .fb-like-box { background: #fff; } .facebook-content .fb-like-box > span { /*width: 100% !important;*/ } .facebook-content .fb-like-box iframe { /*width: 100% !important;*/ } .social-content { margin-bottom: 8%; } .social-content .tabs { border-bottom: solid 1px #2f93a7; } .social-content .tabs-titles { position: relative; bottom: -1px; width: 100%; } .social-content .tab-link { display: inline-block; width: 50%; text-shadow: 0px 1px 0px #fff; text-align: center; text-transform: uppercase; color: #9f9f9f; border-bottom: solid 1px #2f93a7; border-top: solid 1px #fff; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #e7e7e7 100%); background: -webkit-linear-gradient(top, #ffffff 1%, #e7e7e7 100%); background: -ms-linear-gradient(top, #ffffff 1%, #e7e7e7 100%); background: linear-gradient(to bottom, #ffffff 1%, #e7e7e7 100%); } .social-content .tab-link:hover { color: #8f8f8f; border-top: solid 1px #eee; background: -moz-linear-gradient(top, #eee 1%, #d7d7d7 100%); background: -webkit-linear-gradient(top, #eee 1%, #d7d7d7 100%); background: -ms-linear-gradient(top, #eee 1%, #d7d7d7 100%); background: linear-gradient(to bottom, #eee 1%, #d7d7d7 100%); } .social-content .tab-link.active { text-shadow: 0px 1px 0px #248ea3; color: #fff; background: #4cbdd3; border-bottom: dotted 1px #2f93a7; border-top: solid 1px #2f93a7; border-left: solid 1px #2f93a7; border-right: solid 1px #2f93a7; } .social-content .tab-link h1, .social-content .tab-link p.p-header { font-size: 1.2em; } @media screen and (max-width: 760px) and (max-width: 1020px) { .social-content .tab-link h1, .social-content .tab-link p.p-header { font-size: 1.1em; } } @media (max-width: 1250px) { .social-content .tweets .date { display: none; } } @media (max-width: 1250px) { .social-content .tweets .tweet { margin-top: 5px; } } .social-content .tab { padding: 4%; color: #fff; background: #4cbdd3; border-bottom: solid 1px #2f93a7; border-left: solid 1px #2f93a7; border-right: solid 1px #2f93a7; } .social-content .tab .twitter-content { float: none; width: 93%; padding-left: 4%; } @media screen and (max-width: 760px) { .social-content .tab .twitter-content .tweet { width: 48%; } .social-content .tab .twitter-content .tweet .block-left { float: left; } .social-content .tab .twitter-content .tweet .block-right { float: right; } } .social-content .tab .twitter-content header { margin-bottom: 3px; max-width: 500px; } .social-content .tab .twitter-content header span { float: left; font-weight: normal; font-size: 20px; color: #ffffff; padding-left: 1px; background: none; } .social-content .tab .twitter-content iframe { border: 1px solid !important; border-color: #315C99 #AAAAAA #AAAAAA !important; background-color: #FFF; } .social-content .tab .twitter-content .link-view-all { float: right; margin-top: 0; background: url(img-picto-list-empty.png) 2% 57% no-repeat; padding: 1% 0 1% 3%; } .social-content .tab .twitter-content .link-view-all:hover { background: url(img-picto-list.png) 2% 57% no-repeat; color: #007AAD; } .social-content .tab .twitter-content .item-list { background: #fff; } .social-content .tab .facebook-content { float: none; width: 93%; padding-left: 4%; } .social-content .tab .facebook-content header span { font-weight: normal; font-size: 20px; color: #5b5b5b; padding-left: 50px; background: url("img-picto-facebook.png") 18px 50% no-repeat; } .social-content .tab .facebook-content .fb-like-box { background: #fff; } .social-content .tab .facebook-content .fb-like-box > span { /*width: 100% !important;*/ } .social-content .tab .facebook-content .fb-like-box iframe { /*width: 100% !important;*/ } .pinterest-content { margin-bottom: 2%; } .home-page .newsindex-content { max-width: 960px; margin: 0 auto; zoom: 1; } @media screen and (max-width: 760px) { .home-page .newsindex-content { width: 100%; } } .home-page .newsindex-content:before, .home-page .newsindex-content:after { content: " "; display: table; } .home-page .newsindex-content:after { clear: both; } .home-page .newsindex-content .viewmore { margin: 0; } .home-page .newsindex-content .viewmore a { background-image: url("img-arrow-circle-orange.png"); color: #5b5b5b; } .press-list .newsindex-content .link-view-all { float: none; margin-right: 10px; } #main-central-layout .index-content .wrapper h1, #main-central-layout .latestvacancies-content .wrapper h1 { font-size: 1.9em; font-weight: normal; } @media screen and (max-width: 750px) { #main-central-layout .index-content .wrapper h1, #main-central-layout .latestvacancies-content .wrapper h1 { font-size: 1.2em; font-weight: bold; } } #main-central-layout .index-content .wrapper p.p-header, #main-central-layout .latestvacancies-content .wrapper p.p-header { font-size: 1.9em; font-weight: normal; } @media screen and (max-width: 750px) { #main-central-layout .index-content .wrapper p.p-header, #main-central-layout .latestvacancies-content .wrapper p.p-header { font-size: 1.2em; font-weight: bold; } } .index-content .wrapper, .latestvacancies-content .wrapper { background-color: #FFF; background-image: url("img-paper-corner.gif"); background-position: right 0; background-repeat: no-repeat; } .index-content .wrapper .main-picture, .latestvacancies-content .wrapper .main-picture { text-align: center; } .index-content .wrapper .main-picture img, .latestvacancies-content .wrapper .main-picture img { display: block; width: 100%; max-width: 340px; } .index-content .wrapper .content-title, .latestvacancies-content .wrapper .content-title { margin: 0; font-size: 1.2em; font-weight: bold; } .index-content .wrapper li, .latestvacancies-content .wrapper li { display: inline-block; padding: 8px 0 8px 12px; background-image: url(img-picto-list-empty.png); background-position: left 15px; background-repeat: no-repeat; border-top: solid 1px #cfceca; line-height: 21px; } .index-content .wrapper li:hover, .latestvacancies-content .wrapper li:hover { background-image: url(img-picto-list.png); } .index-content .wrapper li:first-child, .latestvacancies-content .wrapper li:first-child { border-top: none; } .index-content .wrapper li a, .latestvacancies-content .wrapper li a { color: #009EE0; } .index-content .wrapper li a:hover, .latestvacancies-content .wrapper li a:hover { color: #007AAD; } .index-content ul, .latestvacancies-content ul { list-style: none; } .index-content.central-detail .wrapper, .latestvacancies-content.central-detail .wrapper { padding: 4%; } .index-content.central-detail footer, .latestvacancies-content.central-detail footer { text-align: right; padding: 10px 0 0 0; } .index-content .index-list-placeholder li, .latestvacancies-content .index-list-placeholder li { display: block; } #main-central-layout .feedlink-content .wrapper h1 { font-size: 1.9em; font-weight: normal; } @media screen and (max-width: 750px) { #main-central-layout .feedlink-content .wrapper h1 { font-size: 1.2em; font-weight: bold; } } #main-central-layout .feedlink-content .wrapper p.p-header { font-size: 1.9em; font-weight: normal; } @media screen and (max-width: 750px) { #main-central-layout .feedlink-content .wrapper p.p-header { font-size: 1.2em; font-weight: bold; } } .feedlink-content .wrapper { background-color: #FFF; background-image: url("img-paper-corner.gif"); background-position: right 0; background-repeat: no-repeat; } .feedlink-content .wrapper .main-picture { text-align: center; } .feedlink-content .wrapper .main-picture img { display: block; width: 100%; max-width: 340px; } .feedlink-content .wrapper .content-title { margin: 0; color: #575757; font-size: 1.2em; } .feedlink-content .wrapper .abstract, .feedlink-content .wrapper .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .feedlink-content .wrapper span { color: #555555; } .feedlink-content .wrapper li { display: inline-block; padding: 8px 0 8px 12px; background-image: url("img-picto-list-empty.png"); background-position: left 15px; background-repeat: no-repeat; border-top: solid 1px #cfceca; line-height: 21px; } .feedlink-content .wrapper li:hover { background-image: url("img-picto-list.png"); } .feedlink-content .wrapper li:first-child { border-top: none; } .feedlink-content .wrapper li a { color: #009EE0; } .feedlink-content .wrapper li a:hover { color: #007AAD; } .feedlink-content ul { list-style: none; } .feedlink-content.central-detail .wrapper { padding: 4%; } .feedlink-content.central-detail footer { text-align: right; padding: 10px 0 0 0; } .feedlink-content .wrapper ul li { display: block; } .feedlink-content .index-list-placeholder li { display: block; } .history-content { padding: 4%; } .history-content .content-title { margin: 0.5em; font-weight: bold; font-size: 2.46em; text-align: center; color: #009ee0; } @media screen and (max-width: 760px) { .history-content .content-title { font-size: 2em; } } .highlight .history-content .content-title { color: #fff; } .history-content .content-detail { background: #fff; padding: 4%; min-height: 260px; } .history-content .main-picture img { width: 100%; display: block; } .history-content .text { margin-top: 10px; color: #656565; font-size: 12px; } .home-slide-text a[target="_blank"] { background: none; } .banner-content .slide-text .content-title { color: #FFF; } .banner-content .slide-text a[target="_blank"] { background: none; } .banner-content .slide-text .abstract, .banner-content .slide-text .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .banner-content .slide-text span { color: #FFF; } .banner-content .push-list .content-title a { color: #656565; } .banner-content .push-list .content-title a[target="_blank"] { padding-right: 18px; background: url(corporate-externalLink-picto.png); } /** tags */ .tag, a.tag { position: relative; cursor: default !important; pointer-events: none; display: inline-block; padding: 0 15px; line-height: 25px; margin: 5px; border-radius: 15px; font-size: 12px; font-family: 'Helvetica',sans-serif; font-weight: bold; transition: all 0.5s ease; color: #115dcf; border: 1px solid #115dcf; background: #ffffff; } .tag.newUi-editFile, .tag.newUi-emptyField, a.tag.newUi-editFile, a.tag.newUi-emptyField { display: none !important; } .tag-list { margin: 15px -5px; width: 95%; } .tag-list > li { display: inline-block; background: none !important; } div#cookieChoiceInfo { background-color: #FECB00 !important; color: #000000; font-family: 'Helvetica',sans-serif; font-size: 1.2em; line-height: 1.5em; position: fixed; width: 100%; background-color: #eee; margin: 0; left: 0; padding: 4px; z-index: 1000; text-align: center; } @media screen and (min-width: 1025px) { div#cookieChoiceInfo { bottom: 0; } } @media screen and (max-width: 1024px) { div#cookieChoiceInfo { top: 0; } } @media screen and (max-width: 763px) { div#cookieChoiceInfo { top: 0; } } div#cookieChoiceInfo span { display: block; margin: 5px 20px; } div#cookieChoiceInfo a#cookieChoiceOptions { background-color: #000000; background-image: none; color: #ffffff; text-decoration: none; padding: 3px 10px; margin-right: 10px; } div#cookieChoiceInfo a#cookieChoiceDismiss, div#cookieChoiceInfo a[target="blank"] { background-color: #ffffff; background-image: none; color: #000000; padding: 3px 10px; text-decoration: none; } @media screen and (max-width: 750px) { div#cookieChoiceInfo { font-size: 1em; line-height: 1.2em; } } .country-list { display: table; background: #FFFFFF; width: 100%; padding-left: 30px; padding-top: 20px; } @media screen and (max-width: 1185px) { .country-list { width: 80%; } } @media screen and (max-width: 945px) { .country-list { width: 70%; } } .country-list .col { float: left; width: 245px; padding: 30px; } .country-list .region-name { font-weight: bold; font-size: 15px; color: #666; } .country-list ul { margin-bottom: 35px; } .country-list li { margin: 13px 0; background: none !important; } .country-list .flag { margin-right: 7px; } .country-list img { border: none; width: 18px; } .footer-logo { float: left; } #sticky-news { position: fixed; display: none; bottom: 0; left: 0; width: 100%; z-index: 30; font-size: 14px; background: #fff; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); } #sticky-news .title { position: relative; background: #733d85 url("img-gradient-violet.png") 0 0 repeat-x; float: left; color: #fff; text-transform: uppercase; font-weight: bold; padding: 13px 30px 13px 20px; } #sticky-news .title:after { background: url("img-corner-violet-gradient.png") 50% 50% no-repeat; content: ""; width: 11px; height: 11px; right: -11px; top: 22px; position: absolute; } #sticky-news .news-text { float: left; padding: 13px 30px 13px 30px; } #sticky-news .news-text a { display: block; max-width: 600px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #sticky-news .btn-close { background: url("img-cross.png") 50% 50% no-repeat; width: 18px; height: 18px; position: absolute; right: 14px; top: 14px; } .map-wwpresence { margin-top: 3%; margin-bottom: 2%; padding: 3%; background: #fff; } .map-wwpresence #map-canvas { width: 100%; height: 400px; } @media screen and (max-width: 760px) { .map-wwpresence { padding: 6%; } } .map-wwpresence a[target="_blank"] { padding: 0; background: none; } .map-wwpresence strong#title { font-size: 16px; } .map-wwpresence.noLocationfilter { margin-top: 0; } table.infobulle tr { border: none; } table.infobulle tr:first-child { color: #000; background: #FFF; font-weight: normal; } table.infobulle td { border: none; } table.infobulle p { margin: 0; } table.infobulle a[target="_blank"] { padding: 0; background: none; } .slide-content { position: relative; overflow: hidden; min-height: 450px; } @media screen and (max-width: 504px) { .slide-content { height: 182px; min-height: 182px !important; } } .home-light-page .slide-content { margin: 0 -16%; min-height: 450px; overflow: visible; } .home-light-page .slide-content .next-slide-wrapper { display: none; } .home-light-page .slide-content .box-banner { top: 45px; } @media screen and (max-width: 1249px) { .home-light-page .slide-content .box-banner { left: 15%; width: 30%; } } .content-page .slide-content, .master-page .slide-content { min-height: 300px; overflow: visible; } .content-page .slide-content .next-slide-wrapper, .master-page .slide-content .next-slide-wrapper { display: none; } .content-page .slide-content .box-banner, .master-page .slide-content .box-banner { top: 45px; } @media screen and (max-width: 1024px) { .content-page .slide-content .box-banner, .master-page .slide-content .box-banner { left: 15%; } } .slide-content .slide-video { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-left: -40px; } @media screen and (max-width: 504px) { .slide-content .slide-video { margin-left: 0; } } .slide-content .slide-video video { display: block; width: 100%; height: auto; } @media screen and (max-width: 504px) { .slide-content .slide-video video { width: auto; height: 100%; max-height: 182px; } } .slide-content .slide-picture { position: absolute; left: 50%; margin-left: -840px; } @media screen and (max-width: 504px) { .slide-content .slide-picture { margin-left: -252px; } } .slide-content .slide-picture img { display: block; width: 1680px; height: auto; } @media screen and (max-width: 504px) { .slide-content .slide-picture img { width: auto; height: 100%; max-height: 182px; } } .slide-content .slide-picture video { display: block; width: 100%; height: auto; } @media screen and (max-width: 504px) { .slide-content .slide-picture video { width: auto; height: 100%; max-height: 182px; } } .slide-content .box-banner { position: absolute; left: 7%; top: 20px; width: 35%; min-width: 300px; } @media screen and (max-width: 504px) { .slide-content .box-banner { top: 15px; left: 15px; min-width: 260px; } } .slide-content .slide-text { display: block; margin-bottom: 10px; padding: 12px 40px 15px 15px; width: 100%; background-image: url("img-arrow-white-right-big.png"); background-position: 96% 50%; background-repeat: no-repeat; color: #FFF; } .slide-content .slide-text:hover { background-image: url("img-arrow-white-full-right-big.png"); } .slide-content .slide-text .content-title { font-weight: normal; font-size: 2.5rem; margin: 0; max-width: 345px; } @media screen and (max-width: 504px) { .slide-content .slide-text .content-title { font-size: 20px; } } .slide-content .slide-text p { margin-bottom: 0; font-size: 16px; max-width: 345px; } @media screen and (max-width: 504px) { .slide-content .slide-text p { margin-top: 6px; font-size: 13px; max-width: 250px; } } @media screen and (min-width: 750px) and (max-width: 1020px) { .slide-content .slide-text p { max-width: 265px; } } .slide-content .slide-text .keepeek-link { cursor: pointer; } .slide-content .next-slide-wrapper { position: absolute; bottom: 30px; width: 100%; height: 80px; background: rgba(255, 255, 255, 0.2); } @media screen and (max-width: 504px) { .slide-content .next-slide-wrapper { display: none; } } .slide-content .next-slide { position: absolute; left: 7%; top: -5px; display: block; background-repeat: no-repeat; background-position: 50% 50%; width: 90px; height: 90px; } @media screen and (max-width: 504px) { .slide-content .push-list { display: none; } } .slide-content .push-list .main-picture img { width: 100%; } .slide-content .img-simple, .slide-content .img-text { display: block; padding: 10px 15px 10px 25px; right: 13%; width: 100%; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); background-position: 10px 16px; background-repeat: no-repeat; color: #656565; } .slide-content .img-simple .content-title, .slide-content .img-text .content-title { font-weight: bold; font-size: 14px; margin: 0; } .slide-content .img-simple p, .slide-content .img-text p { margin: 0; padding-right: 15px; font-size: 11px; } .slide-content .img-text { margin-bottom: 5px; max-height: 60px; /* height for dotdotdot JS plugin */ } #slide-0 .img-text, #slide-1 .img-text, #slide-2 .img-text { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0.9; background-color: rgba(255, 255, 255, 0.7); } #slide-0 .img-text p, #slide-1 .img-text p, #slide-2 .img-text p { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #slide-0 .img-text:hover, #slide-1 .img-text:hover, #slide-2 .img-text:hover { background-color: rgba(255, 255, 255, 0.9); opacity: 1; } #slide-0 .img-text:hover h1, #slide-0 .img-text:hover p.p-header p, #slide-1 .img-text:hover h1, #slide-1 .img-text:hover p.p-header p, #slide-2 .img-text:hover h1, #slide-2 .img-text:hover p.p-header p { color: #333; } .home-page #slide-0 .slide-text { background-color: #97be0e; } #slide-0 .next-slide { background-image: url("img-scrolling-green.png"); } #slide-0 .img-simple, #slide-0 .img-text { background-image: url("img-picto-list-vert-empty.png"); } #slide-0 .img-simple:hover, #slide-0 .img-text:hover { background-image: url("img-picto-list-vert.png"); } #slide-1 .slide-text { background-color: #4cbdd3; } #slide-1 .next-slide { background-image: url("img-scrolling-blue.png"); } #slide-1 .img-simple, #slide-1 .img-text { background-image: url("img-picto-list-empty.png"); } #slide-1 .img-simple:hover, #slide-1 .img-text:hover { background-image: url("img-picto-list.png"); } #slide-2 .slide-text { background-color: #9464a3; } #slide-2 .next-slide { background-image: url("img-scrolling-violet.png"); } #slide-2 .img-simple, #slide-2 .img-text { background-image: url("img-picto-list-purple-empty.png"); } #slide-2 .img-simple:hover, #slide-2 .img-text:hover { background-image: url("img-picto-list-purple.png"); } #slide-2 .link-view-all { float: right; padding: 2px 0 2px 28px; color: #5b5b5b; font-size: 13px; } #hp-press { background: #e9e8e3; } #hp-social { display: block; padding: 2% 0; background: #e9e8e3; } #hp-social.grey-background { background-color: #EEEEEE; } #hp-mag { padding: 2%; background: #f8f8f5 url("img-bg-grey-shapes.jpg") 50% 0 no-repeat; } #hp-mag .item-list { float: right; width: 48%; margin-bottom: 30px; position: relative; } #hp-mag .tag-list { margin-top: 20px; } #hp-mag .flex-control-nav { height: 30px; background: #ea6a49; line-height: 28px; bottom: -30px; } #hp-mag .flex-control-nav.flex-control-paging li { vertical-align: middle; } #hp-mag .flex-control-nav.flex-control-paging a { box-shadow: none; width: 8px; height: 8px; } #hp-mag .flex-control-nav.flex-control-paging a:hover { background-color: #FFF; background-color: rgba(255, 255, 255, 0.7); } #hp-mag .flex-control-nav.flex-control-paging a.flex-active { background-color: #FFF; background-color: white; } #hp-mag .link-view-all { float: none; padding: 3px 0 3px 12px; margin-right: 10px; background-image: url("img-arrow-empty-grey-right.gif"); background-position: 0 9px; background-repeat: no-repeat; color: #5b5b5b; font-size: 13px; } #hp-mag .link-view-all:hover { background-image: url("img-arrow-full-grey-right.gif"); } #hp-mag .flex-direction-nav { position: absolute; bottom: 0; width: 100%; height: 30px; } #hp-mag .flex-direction-nav a { top: 37px; width: 16px; height: 16px; margin: 0; opacity: 1; background-image: url("img-arrow-white-medium-left.png"); background-position: 50% 50%; background-repeat: no-repeat; } #hp-mag .flex-direction-nav a.flex-prev { left: 7px; } #hp-mag .flex-direction-nav a.flex-next { right: 7px; background-image: url("img-arrow-white-medium-right.png"); } .banner-slideshow-content { position: relative; } .ui-menu { background-color: white; } .ui-menu li.ui-menu-item a { padding: 2px 0.8em; } .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover { background: repeat-x scroll 50% 50% #DADADA; border: 1px solid #999999; color: #212121; font-weight: normal; } .related-content-list { margin-bottom: 6%; padding: 8%; background: #cac9c4; } .related-content-list div + div { padding-top: 5%; border-top: solid 1px #fff; } .related-content-list h1, .related-content-list p.p-header { font-size: 1.4em; margin-bottom: 8%; margin-top: 0; color: #fff; } .related-content-list article h1 { font-weight: normal; font-size: 1em; margin-bottom: 5px; display: block; color: #555555; } .related-content-list article h1 a { font-size: 1em; font-weight: bold; margin-bottom: 5px; padding-right: 18px; color: #009EE0; } .related-content-list article h1 a:hover { color: #007AAD; } .related-content-list article p.p-header { font-weight: normal; font-size: 1em; margin-bottom: 5px; display: block; color: #555555; } .related-content-list article p.p-header a { font-size: 1em; font-weight: bold; margin-bottom: 5px; padding-right: 18px; color: #009EE0; } .related-content-list article p.p-header a:hover { color: #007AAD; } .related-content-list .download-label { margin-right: 3px; border-right: solid 1px #a9a8a4; } .related-content-list .download-label { color: #6c6c6c; font-size: 0.9em; padding: 2px 8px 2px 20px; background: transparent url("img-picto-download.png") center left no-repeat; } .related-content-list a { font-weight: bold; } .related-content-list a:hover { color: #007aad; } .magazine .side-menu h1, .magazine .side-menu p.p-header { cursor: auto; background: #656565; text-shadow: 0px 1px 1px #494949; background: -moz-linear-gradient(top, #84817c 0%, #52514e 100%); background: -webkit-linear-gradient(top, #84817c 0%, #52514e 100%); background: -ms-linear-gradient(top, #84817c 0%, #52514e 100%); background: linear-gradient(to bottom, #84817c 0%, #52514e 100%); color: #fff; } .magazine .side-menu > ul { background: #85847e url("img-background-about-grey.gif") top center repeat-x; } .magazine .side-menu > ul > li { border-color: #92918c; background: none; } .magazine .side-menu > ul > li > a { background-position: 95% -43px; } .magazine .side-menu > ul a { color: #ddd; } .magazine .side-menu > ul a:hover { color: #555555; } .side-menu { margin-bottom: 6%; } .side-menu.empty { display: none; } .side-menu h1, .side-menu p.p-header { z-index: 5; margin: 0; background: #216E96; background: linear-gradient(to bottom, #41c0eb 0%, #2478b3 100%); text-shadow: 0px 1px 1px #104f81; color: white; display: block; font-weight: bold; font-size: 1.54em; } .side-menu h1 a, .side-menu p.p-header a { color: #ffffff; display: block; padding: 6% 8%; } .side-menu h1 a:hover, .side-menu p.p-header a:hover { box-sizing: border-box; padding: 6% 8%; background: #18aee1; background: #18aee1; } .side-menu h1 .title-menu, .side-menu p.p-header .title-menu { padding: 6% 8%; display: block; } .side-menu > ul { padding: 10px 0; background: #1a5d83; background: #1a5d83 url("img-background-about.gif") top center repeat-x; } .side-menu > ul > li { padding: 15px 8%; position: relative; /**Dev**/ /**\Dev*/ } .side-menu > ul > li.level-1 { background: none; font-size: 15px; font-weight: bold; padding-bottom: 5px; } .side-menu > ul > li.level-1:nth-last-child(1) { border-top: 1px solid #216e96; } .side-menu > ul > li.level-2 { background: none; padding: 5px 5%; border: none; font-size: 14px; } .side-menu > ul > li.level-2 a { display: block; padding: 0 0 0 22px; background: transparent url(corporate-nav-title-picto.gif) 10px 5px no-repeat; color: #9fc6de; } .side-menu > ul > li.level-2 a:active, .side-menu > ul > li.level-2 a:hover { color: #39acd9; background: transparent url(corporate-nav-title-hover-picto.gif) 10px 5px no-repeat; } .side-menu > ul > li.level-3 { background: none no-repeat scroll 0 0 #154a69; border: none; font-weight: bold; padding: 4px 10%; } .side-menu > ul > li.level-3 a { background: url("corporate-nav-title-picto.gif") no-repeat scroll 10px 5px transparent; display: block; padding: 0 0 0 22px; } .side-menu > ul > li.level-4 { background: none no-repeat scroll 0 0 #154a69; border: none; padding: 0 15%; } .side-menu > ul > li.level-4 a { background: url("corporate-nav-title-picto.gif") no-repeat scroll 10px 5px transparent; color: #9fc6de; display: block; padding: 0 0 0 22px; } .side-menu > ul > li + li { border-top: solid 1px #216E96; } .side-menu > ul > li > a { color: #FFFFFF; display: block; } .side-menu > ul > li > a:active, .side-menu > ul > li > a:hover { color: #39acd9; } .side-menu > ul > li.active > a { color: #39acd9; } .side-menu > ul > li.has-child { background-color: #1a5d83 url("img-background-about.gif") top center repeat-x; } .side-menu > ul > li.has-child.active { background-color: #154a69; } .side-menu > ul > li.has-child.open { background-color: #154a69; } .side-menu > ul > li.has-child > ul > li > a { color: #9fc6de; } .side-menu > ul > li.has-child > ul > li.active > a { color: #39acd9; } .side-menu > ul > li.has-child > a { width: 90%; } .side-menu > ul > li.has-child > span { position: absolute; right: 8%; top: 15px; background: transparent url(corporate-nav-title-picto.gif) 50% 50% no-repeat; cursor: pointer; display: block; width: 10%; height: 17px; } .side-menu > ul > li.has-child > span.open { background-image: url(img-arrow-white-down.gif); } .side-menu > ul > li ul { padding: 10px 0 0; } .side-menu > ul > li ul li { margin: 5px 0; } .side-menu > ul > li ul li a { display: block; padding: 0 0 0 22px; background: transparent url(corporate-nav-title-picto.gif) 10px 5px no-repeat; color: #9fc6de; } .side-menu > ul > li ul li a:active, .side-menu > ul > li ul li a:hover { color: #39acd9; background: transparent url(corporate-nav-title-hover-picto.gif) 10px 5px no-repeat; } .side-menu > ul > li ul li.active a { color: #39acd9; background: transparent url(corporate-nav-title-hover-picto.gif) 10px 5px no-repeat; } .investorsclub-content { background: white url("img-paper-corner.gif") 100% 0 no-repeat; margin-top: 8%; padding: 8%; } .investorsclub-content .wrapper { background: #e9e8e3; padding: 8% 10%; } .investorsclub-content h1, .investorsclub-content p.p-header { font-size: 2.2em; color: #444; padding-bottom: 5%; border-bottom: 1px dotted #444; margin: 0 0 7%; background: transparent url("img-corner-green-big.gif") 100% 75% no-repeat; } .investorsclub-content p { margin: 0; } .investorsclub-content img { display: block; width: 100%; } .investorsclub-content .viewmore { margin-left: -8%; margin-top: 12%; } .investorsclub-content .viewmore a { background-image: url("img-arrow-circle-green.png"); color: #555555; } .breadcrumb { position: relative; z-index: 3; background: transparent; padding: 6px 0 6px 72px; color: #15445f; font: normal 0.923em Arial,sans-serif; } @media screen and (max-width: 1024px) and (min-width: 764px) { .breadcrumb { padding-left: 2.8rem; } } @media screen and (max-width: 763px) { .breadcrumb { padding-left: 1.8rem; } } .breadcrumb.webfactorySite { padding: 95px 0 6px 35px; } @media screen and (max-width: 1024px) and (min-width: 600px) { .breadcrumb.webfactorySite { padding: 50px 0 6px 28px; } } @media screen and (max-width: 600px) { .breadcrumb.webfactorySite { padding: 53px 0 3px 15px; } } .breadcrumb li { display: inline-block; background: url(corporate-breadcrumb-link-picto.gif) 0 2px no-repeat; padding-left: 12px; margin-left: 6px; } .breadcrumb li:first-child { background: none; padding-left: 0; margin-left: 0; } .breadcrumb a { color: #15445f; } .breadcrumb a:hover { color: #15445f; } .follow { background: #22252b; padding: 0.65rem 0; text-align: center; font-size: 0; } @media screen and (min-width: 1025px) { .follow { margin-bottom: 4.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .follow { margin-bottom: 3.33rem; } } @media screen and (max-width: 763px) { .follow { margin-bottom: 3.33rem; } } .follow a { display: inline-block; vertical-align: middle; background: none; } @media screen and (min-width: 1025px) { .follow a { margin: 0 0.63rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .follow a { margin: 0 0.4rem; } } @media screen and (max-width: 763px) { .follow a { margin: 0 0.14rem; } } @media screen and (min-width: 1025px) { .follow a { padding: 0.66rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .follow a { padding: 0.6rem; } } @media screen and (max-width: 763px) { .follow a { padding: 0.53rem; } } @media screen and (min-width: 1025px) { .follow img { width: 44px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .follow img { width: 39px; } } @media screen and (max-width: 763px) { .follow img { width: 35px; } } @media screen and (min-width: 1025px) { .follow img { height: 44px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .follow img { height: 39px; } } @media screen and (max-width: 763px) { .follow img { height: 35px; } } .follow__label { vertical-align: middle; text-align: center; text-transform: uppercase; color: #ffffff; } @media screen and (min-width: 1025px) { .follow__label { display: inline-block; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .follow__label { display: inline-block; } } @media screen and (max-width: 763px) { .follow__label { display: block; } } @media screen and (max-width: 763px) { .follow__label { margin-bottom: 1rem; } } @media screen and (min-width: 1025px) { .follow__label { font-size: 1.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .follow__label { font-size: 1.2rem; } } @media screen and (max-width: 763px) { .follow__label { font-size: 1.06rem; } } .mosaic { zoom: 1; } .mosaic:before, .mosaic:after { content: " "; display: table; } .mosaic:after { clear: both; } .mosaic-item { position: relative; height: auto; float: left; } @media screen and (min-width: 1025px) { .mosaic-item { width: 25%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .mosaic-item { width: 50%; } } @media screen and (max-width: 763px) { .mosaic-item { width: 100%; } } .mosaic-item:before { content: ""; display: block; width: 100%; } @media screen and (min-width: 1025px) { .mosaic-item:before { padding-top: 100%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .mosaic-item:before { padding-top: 100%; } } @media screen and (max-width: 763px) { .mosaic-item:before { padding-top: 75%; } } @media screen and (min-width: 1025px) { .mosaic-item--2-2 { width: 50%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .mosaic-item--2-2 { width: 100%; } } @media screen and (max-width: 763px) { .mosaic-item--2-2 { width: 100%; } } @media screen and (min-width: 1025px) { .mosaic-item--2-2:before { padding-top: 100%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .mosaic-item--2-2:before { padding-top: 60%; } } @media screen and (max-width: 763px) { .mosaic-item--2-2:before { padding-top: 100%; } } @media screen and (min-width: 1025px) { .mosaic-item.poster { width: 25%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .mosaic-item.poster { width: 50%; } } @media screen and (max-width: 763px) { .mosaic-item.poster { width: 100%; } } @media screen and (min-width: 1025px) { .mosaic-item.poster:before { padding-top: 100%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .mosaic-item.poster:before { padding-top: 100%; } } @media screen and (max-width: 763px) { .mosaic-item.poster:before { padding-top: 100%; } } @media screen and (min-width: 1025px) { .mosaic-item--2-1 { width: 50%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .mosaic-item--2-1 { width: 100%; } } @media screen and (max-width: 763px) { .mosaic-item--2-1 { width: 100%; } } @media screen and (min-width: 1025px) { .mosaic-item--2-1:before { padding-top: 50%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .mosaic-item--2-1:before { padding-top: 50%; } } @media screen and (max-width: 763px) { .mosaic-item--2-1:before { padding-top: 75%; } } .mosaic-item__inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .slider { display: block; width: 100%; height: 100%; } .slider-item { position: relative; } @media screen and (min-width: 1025px) { .slider-item { font-size: 1vw; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .slider-item { font-size: 2vw; } } @media screen and (max-width: 763px) { .slider-item { font-size: 2vw; } } .slider-item__image { position: relative; } .slider-item__image:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4="); background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#00000000', endColorstr='#4d000000',GradientType=0 ); } .slider-item__image img { display: block; width: 100%; height: auto; } .slider-item__content { position: absolute; left: 0; right: 0; padding: 10%; font-weight: bold; color: #ffffff; } @media screen and (min-width: 1025px) { .slider-item__content { bottom: 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .slider-item__content { bottom: 300px; } } @media screen and (max-width: 763px) { .slider-item__content { bottom: 0; } } .slider-item__content:hover { color: #009ee0; } .slider-item__content-title { font-size: 2.5em; } @media screen and (min-width: 1025px) { .home-page .magazine { font-size: 1vw; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .home-page .magazine { font-size: 2vw; } } @media screen and (max-width: 763px) { .home-page .magazine { font-size: 2vw; } } .magazine__image:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4="); background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#00000000', endColorstr='#4d000000',GradientType=0 ); transition: background 0.5s ease; } .magazine:hover .magazine__image:after { background: rgba(29, 32, 38, 0.3); } .magazine__image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (min-width: 1025px) { .magazine__image img { height: auto; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .magazine__image img { height: auto; } } @media screen and (max-width: 763px) { .magazine__image img { height: 100%; } } @media screen and (min-width: 1025px) { .magazine__image img { width: 100%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .magazine__image img { width: 100%; } } @media screen and (max-width: 763px) { .magazine__image img { width: auto; } } .magazine__content { position: absolute; left: 0; right: 0; bottom: 0; padding: 5% 10%; font-weight: bold; } .magazine__content-title { font-size: 2em; margin: 20px 0 0; color: #ffffff; } .press { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 10%; background: #ffffff; transition: background 0.5s ease; } .press--grey { background: #eaebf2; } .press:hover { background: #d8d423; } @media screen and (min-width: 1025px) { .press-content { font-size: 1.4vw; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .press-content { font-size: 2.8vw; } } @media screen and (max-width: 763px) { .press-content { font-size: 5vw; } } .press-content__title { margin: 0; font-weight: normal; font-size: 1em; overflow: hidden; } @media screen and (min-width: 1025px) { .press-content__title { max-height: 130px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .press-content__title { max-height: 130px; } } @media screen and (max-width: 763px) { .press-content__title { max-height: 130px; } } .press-content__title-link { color: #1d2026; } .press-content__title-link:hover { color: #1d2026; } .press-content__date { margin: 25px 0 10px; font-size: 0.56em; color: #1d2026; } .press-content__actions { position: absolute; bottom: 10%; left: 10%; right: 10%; font-size: 0.6em; line-height: 1.6em; } .press-content__actions-title { display: inline-block; float: left; padding-left: 2em; background-position: left center; background-repeat: no-repeat; background-size: 1.2em 1.2em; } .press-content__actions-title--download { background-image: url("./img-icon-download.svg"); } .press-content__actions-links { display: block; overflow: hidden; vertical-align: top; } .press-content__actions-links a[target="_blank"] { background: none; padding: 0 0 0 3%; margin-left: 3px; } .press-content__actions-link { padding-left: 1.1em; margin-left: 1em; border-left: 1px solid rgba(0, 0, 0, 0.3); text-transform: uppercase; font-weight: bold; color: #1d2026; } .press-content__actions-link:hover { color: #ffffff; } .noimage-color { background-color: #1eafed; transition: background-color 0.3s ease; } .noimage-color:hover { background-color: #1589cc; } .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } @media screen and (min-width: 1025px) { .image { font-size: 1.4vw; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .image { font-size: 2.8vw; } } @media screen and (max-width: 763px) { .image { font-size: 5vw; } } .image__link { position: relative; display: block; } .image__link:before { content: ''; display: block; position: absolute; z-index: 2; width: 100%; height: 100%; background-color: transparent; transition: background-color 0.3s ease; } .image__link:hover:before { background-color: rgba(69, 52, 121, 0.3); } .image__file { display: block; width: 100%; height: auto; } .image__content { position: absolute; left: 0; right: 0; bottom: 0; padding: 15%; min-height: 100%; font-weight: bold; } .image__content-title { font-size: 2.5em; margin: 20px 0 0; color: #ffffff; word-wrap: break-word; text-align: center; } .image__content-abstract { font-size: 1em; margin: 20px 0 0; color: #ffffff; font-weight: normal; word-wrap: break-word; text-align: center; } .image__content ul { margin: 20px 0 0; } .image__content li { padding: 8px 0 8px 12px; background: url(corporate-spotlight-promotion-itemLink-picto.png) no-repeat scroll left 15px transparent; line-height: 21px; } .image__content li:hover { background: url(corporate-spotlight-promotion-itemLink-hover-picto.gif) no-repeat scroll left 15px transparent; } .image__content li:first-child { border-top: none; display: inline-block; } .image__content li a { color: #009EE0; } .image__content li a:hover { color: #007AAD; } .poster-content { position: relative; } .poster-content.central-promotion { margin-bottom: 2%; } .poster-content .figure { overflow: hidden; } @media screen and (min-width: 1025px) { .poster-content .figure { font-size: 1vw; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .poster-content .figure { font-size: 1.4vw; } } @media screen and (max-width: 763px) { .poster-content .figure { font-size: 5vw; } } .poster-content .figure__link { position: relative; display: block; } .poster-content .figure__link:before { content: ''; display: block; position: absolute; z-index: 2; width: 100%; height: 100%; background-color: transparent; transition: background-color .3s ease; } .poster-content .figure__link:hover:before { background-color: rgba(69, 52, 121, 0.3); } .poster-content .figure__file { display: block; width: 100%; height: auto; } .poster-content .figure__content { left: 0; right: 0; bottom: 0; padding: 15%; font-weight: bold; } .poster-content .figure__content-title { font-size: 2.5em; margin: 20px 0 0; color: #ffffff; word-wrap: break-word; text-align: center; } .poster-content .figure__content-abstract { font-size: 1em; margin: 20px 0 0; color: #ffffff; font-weight: normal; word-wrap: break-word; text-align: center; } .poster-content .figure__content ul { margin: 20px 0 0; } .poster-content .figure__content li { padding: 8px 0 8px 12px; background: url(corporate-spotlight-promotion-itemLink-picto.png) no-repeat scroll left 15px transparent; line-height: 21px; } .poster-content .figure__content li:hover { background: url(corporate-spotlight-promotion-itemLink-hover-picto.gif) no-repeat scroll left 15px transparent; } .poster-content .figure__content li:first-child { border-top: none; display: inline-block; } .poster-content .figure__content li a { color: #009EE0; } .poster-content .figure__content li a:hover { color: #007AAD; } .poster-content .figure__postercontent { position: absolute; left: 0; right: 0; bottom: 0; padding: 15% 15%; top: 0; font-weight: bold; } .poster-content .figure__postercontent-title { font-size: 2.5em; margin: 20px 0 0; color: #ffffff; word-wrap: break-word; text-align: center; } .poster-content .figure__postercontent-abstract { font-size: 1em; margin: 20px 0 0; color: #ffffff; font-weight: normal; word-wrap: break-word; text-align: center; } .poster-content .figure__postercontent ul { margin: 20px 0 0; } .poster-content .figure__postercontent li { padding: 8px 0 8px 12px; background: url(corporate-spotlight-promotion-itemLink-picto.png) no-repeat scroll left 15px transparent; line-height: 21px; } .poster-content .figure__postercontent li:hover { background: url(corporate-spotlight-promotion-itemLink-hover-picto.gif) no-repeat scroll left 15px transparent; } .poster-content .figure__postercontent li:first-child { border-top: none; display: inline-block; } .poster-content .figure__postercontent li a { color: #009EE0; } .poster-content .figure__postercontent li a:hover { color: #007AAD; } a.no-link { cursor: default; } .socialwall { background: #ffffff; } @media screen and (min-width: 1025px) { .socialwall { padding: 30px 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .socialwall { padding: 30px 0; } } @media screen and (max-width: 763px) { .socialwall { padding: 30px 0; } } .socialwall .loadingCls { background: url("img-loader.gif") no-repeat center center; height: 70px; } .socialwall__title { text-transform: uppercase; color: #6c6c6c; font-weight: normal; margin: 0 0 40px; } @media screen and (min-width: 1025px) { .socialwall__title { font-size: 50px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .socialwall__title { font-size: 30px; } } @media screen and (max-width: 763px) { .socialwall__title { font-size: 20px; } } .socialwall-list { font-size: 0; margin: 0 -7px; } .socialwall-list > * { display: inline-block; vertical-align: top; } .socialwall-list__item { padding: 7px; } @media screen and (min-width: 1025px) { .socialwall-list__item { width: 33.33333%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .socialwall-list__item { width: 50%; } } @media screen and (max-width: 763px) { .socialwall-list__item { width: 100%; } } .socialwall-item { position: relative; width: 100%; height: 0; padding-top: 100%; background: #1eafed; } .socialwall-item--facebook { background: #3b5998; } .socialwall-item--twitter { background: #35b9cd; } .socialwall-item--linkedin { background: #3693c4; } .socialwall-item__image { position: absolute; top: 30%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; max-width: 100%; min-height: 66%; max-height: 66%; height: auto; width: auto; } @media screen and (min-width: 1025px) { .socialwall-item__image { margin-top: 12px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .socialwall-item__image { margin-top: 12px; } } @media screen and (max-width: 763px) { .socialwall-item__image { margin-top: 16px; } } .socialwall-item:after { content: ""; position: absolute; top: 25%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 50%; border: 2px solid #ffffff; background-repeat: no-repeat; background-position: center center; background-size: 60% 60%; } @media screen and (min-width: 1025px) { .socialwall-item:after { width: 50px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .socialwall-item:after { width: 50px; } } @media screen and (max-width: 763px) { .socialwall-item:after { width: 50px; } } @media screen and (min-width: 1025px) { .socialwall-item:after { height: 50px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .socialwall-item:after { height: 50px; } } @media screen and (max-width: 763px) { .socialwall-item:after { height: 50px; } } .socialwall-item.socialwall-item--facebook:after { background-image: url("./img-social-facebook.svg"); } .socialwall-item.socialwall-item--twitter:after { background-image: url("./img-social-twitter.svg"); } .socialwall-item.socialwall-item--linkedin:after { background-image: url("./img-social-linkedin.svg"); } .socialwall-item__content { position: absolute; top: 72%; left: 0; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 70px 30px 0; text-align: center; /*&:before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); @include responsive(width, 50px, 50px, 50px); @include responsive(height, 50px, 50px, 50px); border-radius: 50%; border: 2px solid colors(white_a); background-repeat: no-repeat; background-position: center center; background-size: 60% 60%; .socialwall-item--facebook & { background-image: image-url('img-social-facebook.svg'); } .socialwall-item--twitter & { background-image: image-url('img-social-twitter.svg'); } .socialwall-item--linkedin & { background-image: image-url('img-social-linkedin.svg'); } }*/ } @media screen and (min-width: 1025px) { .socialwall-item__content { font-size: 16px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .socialwall-item__content { font-size: 15px; } } @media screen and (max-width: 763px) { .socialwall-item__content { font-size: 15px; } } .socialwall-item__content-text { color: #ffffff; margin-bottom: 10px; margin-top: 20px; word-wrap: break-word; } .socialwall-item__content-text a { color: #FFFFFF; } .socialwall-item__content-date { color: #ffffff; font-style: italic; } .solutions { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#848ec5+0,5ecdf2+100 */ background: #848ec5; /* Old browsers */ background: linear-gradient(40deg, #5ecdf2 0%, #848ec5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } @media screen and (min-width: 1025px) { .solutions { padding: 30px 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions { padding: 30px 0; } } @media screen and (max-width: 763px) { .solutions { padding: 30px 0; } } .solutions-light { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#848ec5+0,5ecdf2+100 */ /*background: rgb(132,142,197);*/ /* Old browsers */ /*background: linear-gradient(40deg, rgba(94,205,242,1) 0%, rgba(132,142,197,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } @media screen and (min-width: 1025px) { .solutions-light { padding: 10px 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions-light { padding: 10px 0; } } @media screen and (max-width: 763px) { .solutions-light { padding: 10px 0; } } .solutions__title { text-transform: uppercase; color: #ffffff; font-weight: normal; margin: 0 0 40px; } @media screen and (min-width: 1025px) { .solutions__title { font-size: 50px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions__title { font-size: 30px; } } @media screen and (max-width: 763px) { .solutions__title { font-size: 20px; } } .solutions__subtitle { position: relative; margin-bottom: 20px; color: #ffffff; font-weight: normal; } @media screen and (min-width: 1025px) { .solutions__subtitle { padding-left: 35px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions__subtitle { padding-left: 30px; } } @media screen and (max-width: 763px) { .solutions__subtitle { padding-left: 25px; } } @media screen and (min-width: 1025px) { .solutions__subtitle { font-size: 23px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions__subtitle { font-size: 17px; } } @media screen and (max-width: 763px) { .solutions__subtitle { font-size: 13px; } } .solutions__subtitle:before { content: ""; position: absolute; top: 50%; left: 0; border: 1px solid transparent; border-top-color: #ffffff; border-right-color: #ffffff; transform: translate(0, -50%) rotate(45deg); } @media screen and (min-width: 1025px) { .solutions__subtitle:before { width: 12px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions__subtitle:before { width: 10px; } } @media screen and (max-width: 763px) { .solutions__subtitle:before { width: 8px; } } @media screen and (min-width: 1025px) { .solutions__subtitle:before { height: 12px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions__subtitle:before { height: 10px; } } @media screen and (max-width: 763px) { .solutions__subtitle:before { height: 8px; } } .solutions__subtitle-light { position: relative; margin-bottom: 20px; color: #000000; font-weight: normal; } @media screen and (min-width: 1025px) { .solutions__subtitle-light { padding-left: 35px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions__subtitle-light { padding-left: 30px; } } @media screen and (max-width: 763px) { .solutions__subtitle-light { padding-left: 25px; } } @media screen and (min-width: 1025px) { .solutions__subtitle-light { font-size: 23px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions__subtitle-light { font-size: 17px; } } @media screen and (max-width: 763px) { .solutions__subtitle-light { font-size: 13px; } } .solutions__subtitle-light:before { content: ""; position: absolute; top: 50%; left: 0; border: 1px solid transparent; border-top-color: #000000; border-right-color: #000000; transform: translate(0, -50%) rotate(45deg); } @media screen and (min-width: 1025px) { .solutions__subtitle-light:before { width: 12px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions__subtitle-light:before { width: 10px; } } @media screen and (max-width: 763px) { .solutions__subtitle-light:before { width: 8px; } } @media screen and (min-width: 1025px) { .solutions__subtitle-light:before { height: 12px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions__subtitle-light:before { height: 10px; } } @media screen and (max-width: 763px) { .solutions__subtitle-light:before { height: 8px; } } .solutions-find { zoom: 1; } .solutions-find:before, .solutions-find:after { content: " "; display: table; } .solutions-find:after { clear: both; } .solutions-find .parent .wide { flex: 1; } .solutions-find .parent .narrow { padding-top: 20px; } @media screen and (max-width: 768px) { .solutions-find .parent .narrow { width: 100%; padding-top: 0px; } } .solutions-find .parent .narrow .browse-by-select { float: left; width: 50%; } .solutions-find .parent .narrow .browse-by-select.s-market { padding-right: 10px; } .solutions-find .parent .narrow .browse-by-select.s-market select { background-color: #eb6b4b; } @media screen and (max-width: 768px) { .solutions-find .parent .narrow .browse-by-select.s-market select { margin-right: 0; } } .solutions-find .parent .narrow .browse-by-select.s-chemicals { padding-left: 10px; } .solutions-find .parent .narrow .browse-by-select.s-chemicals select { background-color: #0b78ba; } @media screen and (max-width: 768px) { .solutions-find .parent .narrow .browse-by-select.s-chemicals select { margin-left: 0; } } @media screen and (max-width: 768px) { .solutions-find .parent .narrow .browse-by-select { width: 100%; padding: 0 !important; } } .solutions-find .parent .narrow .browse-by-select span { color: white; position: absolute; margin: 31px 0 0 44%; } @media screen and (max-width: 1024px) { .solutions-find .parent .narrow .browse-by-select span { margin: 21px 0 auto 42%; } } @media screen and (max-width: 768px) { .solutions-find .parent .narrow .browse-by-select span { margin: 25px 0 auto 90%; } } .solutions-find .parent .narrow .browse-by-select select { color: #FFF; margin: 0px; border: none; height: 77px; border-left: solid 1px #444; padding: 8px; font-size: 22px; text-align-last: center; background-color: #22252b; width: calc(50% - 10px); width: 100%; border-color: transparent; -webkit-appearance: none; } .solutions-find .parent .narrow .browse-by-select select optgroup { background-color: #154a69; } .solutions-find .parent .narrow .browse-by-select select option { font-size: 14px; } .solutions-find .parent .narrow .browse-by-select select:hover, .solutions-find .parent .narrow .browse-by-select select:active, .solutions-find .parent .narrow .browse-by-select select:focus { outline: none; } @media screen and (max-width: 1024px) { .solutions-find .parent .narrow .browse-by-select select { height: 57px; font-size: 18px; } } @media screen and (max-width: 768px) { .solutions-find .parent .narrow .browse-by-select select { color: #FFF; margin: 5px 0 0 0; padding: 12px; border: none; background-color: #22252b; width: 100%; text-align-last: center; font-size: 16px; } } .solutions-find__form { position: relative; } .solutions-find__form-input { width: 100%; color: #6c6c6c; background: #ffffff; border: none; text-transform: uppercase; } @media screen and (min-width: 1025px) { .solutions-find__form-input { padding: 30px 100px 30px 40px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions-find__form-input { padding: 20px 80px 20px 20px; } } @media screen and (max-width: 763px) { .solutions-find__form-input { padding: 20px 100px 20px 20px; } } @media screen and (min-width: 1025px) { .solutions-find__form-input { font-size: 15px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions-find__form-input { font-size: 15px; } } @media screen and (max-width: 763px) { .solutions-find__form-input { font-size: 14px; } } .solutions-find__form-input-light { width: 100%; color: #6c6c6c; background: #ffffff; border: none; text-transform: uppercase; } @media screen and (min-width: 1025px) { .solutions-find__form-input-light { padding: 20px 100px 20px 40px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions-find__form-input-light { padding: 20px 80px 20px 20px; } } @media screen and (max-width: 763px) { .solutions-find__form-input-light { padding: 20px 100px 20px 20px; } } @media screen and (min-width: 1025px) { .solutions-find__form-input-light { font-size: 15px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions-find__form-input-light { font-size: 15px; } } @media screen and (max-width: 763px) { .solutions-find__form-input-light { font-size: 14px; } } .solutions-find__form-btn { color: #ffffff; border: none; background: #22252b; transition: background-color 0.5s ease; cursor: pointer; } @media screen and (min-width: 1025px) { .solutions-find__form-btn { padding: 20px 50px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions-find__form-btn { padding: 15px 30px; } } @media screen and (max-width: 763px) { .solutions-find__form-btn { padding: 20px 30px; } } @media screen and (min-width: 1025px) { .solutions-find__form-btn { font-size: 25px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions-find__form-btn { font-size: 20px; } } @media screen and (max-width: 763px) { .solutions-find__form-btn { font-size: 16px; } } @media screen and (min-width: 764px) { .solutions-find__form-btn { position: absolute; right: 0; top: 0; bottom: 0; } } @media screen and (max-width: 763px) { .solutions-find__form-btn { display: block; width: 100%; margin-top: 10px; } } .solutions-find__form-btn:hover { background: #000000; } .solutions-find__form-btn-light { color: #ffffff; border: none; background: #22252b; transition: background-color 0.5s ease; cursor: pointer; } @media screen and (min-width: 1025px) { .solutions-find__form-btn-light { padding: 10px 50px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions-find__form-btn-light { padding: 15px 30px; } } @media screen and (max-width: 763px) { .solutions-find__form-btn-light { padding: 20px 30px; } } @media screen and (min-width: 1025px) { .solutions-find__form-btn-light { font-size: 25px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions-find__form-btn-light { font-size: 20px; } } @media screen and (max-width: 763px) { .solutions-find__form-btn-light { font-size: 16px; } } @media screen and (min-width: 764px) { .solutions-find__form-btn-light { position: absolute; right: 0; top: 0; bottom: 0; } } @media screen and (max-width: 763px) { .solutions-find__form-btn-light { display: block; width: 100%; margin-top: 10px; } } .solutions-find__form-btn-light:hover { background: #000000; } .solutions-find__form .solutions-find__form-btn { margin-right: 0; } .solutions-find__all { position: relative; color: #ffffff; } @media screen and (min-width: 1025px) { .solutions-find__all { font-size: 16px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .solutions-find__all { font-size: 16px; } } @media screen and (max-width: 763px) { .solutions-find__all { font-size: 14px; } } @media screen and (min-width: 764px) { .solutions-find__all { float: right; padding: 10px 0 10px 20px; } } @media screen and (max-width: 763px) { .solutions-find__all { display: block; padding: 10px 0; text-align: center; } } .solutions-find__all:hover { color: #ffffff; } .solutions-find__all:hover:before { transform: translate(5px, -30%) rotate(45deg); } .solutions-find__all:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 6px; height: 6px; border: 1px solid transparent; border-top-color: #ffffff; border-right-color: #ffffff; transform: translate(0, -30%) rotate(45deg); transition: transform 0.5s ease; } .bottom-focus-placeholder { font-size: 0; text-align: center; } .bottom-focus-placeholder > * { display: inline-block; vertical-align: top; } @media screen and (min-width: 1025px) { .bottom-focus-placeholder > div { width: 33.33333%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .bottom-focus-placeholder > div { width: 50%; } } @media screen and (max-width: 763px) { .bottom-focus-placeholder > div { width: 100%; } } @media screen and (min-width: 1025px) { .bottom-focus-placeholder > div { padding: 0 7px 15px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .bottom-focus-placeholder > div { padding: 0 7px 15px; } } @media screen and (max-width: 763px) { .bottom-focus-placeholder > div { margin-bottom: 15px; } } .central-promotion { position: relative; width: 100%; } .central-promotion a:hover .text-strip__description { opacity: 1; max-height: 100px; margin-top: 10px; transition: max-height 0.5s ease, opacity 0.5s ease 0.2s, margin 0.5s ease; } .central-promotion .main-picture img { display: block; width: 100%; height: auto; } .central-promotion .text-strip { position: absolute; bottom: 0; left: 0; right: 0; background: #1eafed; text-align: left; } @media screen and (min-width: 1025px) { .central-promotion .text-strip { padding: 30px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .central-promotion .text-strip { padding: 20px; } } @media screen and (max-width: 763px) { .central-promotion .text-strip { padding: 20px; } } .central-promotion .text-strip__description { height: auto; max-height: 0; margin: 0; overflow: hidden; font-size: 13px; color: #FFFFFF; opacity: 0; transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, margin 0.5s ease 0s; } .central-promotion .content-title { margin: 0; font-weight: bold; } @media screen and (min-width: 1025px) { .central-promotion .content-title { font-size: 14px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .central-promotion .content-title { font-size: 14px; } } @media screen and (max-width: 763px) { .central-promotion .content-title { font-size: 13px; } } .label { display: inline-block; position: relative; margin-left: calc( 2.5em + 4px); padding: 0 1em 0 0.67em; line-height: 2.5em; font-weight: 100; text-transform: uppercase; color: #ffffff; border: 1px solid transparent; transition: border 0.5s ease; } @media screen and (min-width: 1025px) { .label { font-size: 14px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .label { font-size: 12px; } } @media screen and (max-width: 763px) { .label { font-size: 10px; } } .label:hover { color: #ffffff; } .label:before { content: ""; position: absolute; left: calc( -2.5em - 4px); top: -1px; bottom: -1px; width: 2.5em; border: 1px solid transparent; transition: border 0.5s ease; } .label:after { content: ""; position: absolute; left: calc( -2.5em - 2px); top: 0; bottom: 0; width: 2.5em; background-repeat: no-repeat; background-size: 60%; background-position: center center; } .mosaic-item:hover .label { border-color: #ffffff; } .mosaic-item:hover .label:before { border-color: #ffffff; } .label--orange { background: #ea6a49; } .label--orange:before { background: #ea6a49; } .label--green { background: #d8d423; } .label--green:before { background: #d8d423; } .label--blue-gradient { transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -webkit-transition: all 1s ease; -o-transition: all 1.5s ease; background-color: -webkit-linear-gradient(right, #1A3D99, #0676C0); background: -o-linear-gradient(right, #1A3D99, #0676C0); background: -moz-linear-gradient(right, #1A3D99, #0676C0); background: linear-gradient(to right, #1A3D99, #0676C0); } .label--blue-gradient:before { transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -webkit-transition: all 1s ease; -o-transition: all 1.5s ease; background-color: -webkit-linear-gradient(right, #1A3D99, #0676C0); background: -o-linear-gradient(right, #1A3D99, #0676C0); background: -moz-linear-gradient(right, #1A3D99, #0676C0); background: linear-gradient(to right, #1A3D99, #0676C0); } .label--magazine:after { background-image: url("./img-label-magazine.svg"); } .label--press:after { background-image: url("./img-label-press.svg"); } .label__title:not(:first-child) { margin-left: 0.35em; padding-left: 0.7em; border-left: 1px solid #ffffff; } .slick-dots { position: absolute; bottom: 5%; left: 50%; transform: translate(-50%, 0); } .slick-dots li { position: relative; display: inline-block; margin: 0 5px; font-size: 0; } .slick-dots li:after, .slick-dots li:before { content: ""; position: absolute; top: 50%; transform: translate(0, -50%); width: 5px; height: 2px; background: #ffffff; } .slick-dots li:before { right: 100%; } .slick-dots li:after { left: 100%; } .slick-dots li:first-child:before { content: none; } .slick-dots li:last-child:after { content: none; } .slick-dots .slick-active button { background: #ffffff; } .slick-dots button { padding: 0; width: 14px; height: 14px; background: none; border-radius: 50%; border: 2px solid #ffffff; font-size: 0; cursor: pointer; } .popin-close { position: absolute; top: 1.6rem; right: 4.66rem; z-index: 10; } @media screen and (max-width: 1024px) { .popin-close { top: 1.66rem; right: 2.33rem; } } .popin-close:before { content: ''; position: absolute; width: 1.9rem; height: 1.9rem; } @media screen and (max-width: 1024px) { .popin-close:before { width: 1.2rem; height: 1.2rem; } } @media screen and (max-width: 1024px) { .popin-close:before { background-image: url(corporate-nav-close-picto-responsive.svg); right: 0; top: 0p; } } .footer { background: #FFFFFF; font-size: 0; } @media screen and (min-width: 1025px) { .footer { padding: 30px 0 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .footer { padding: 0px 0 0; } } @media screen and (max-width: 763px) { .footer { padding: 0px 0 0; } } .footer .content-title { position: relative; padding-left: 2rem; font-size: 1.53rem; font-weight: bold; color: #3a4e57; line-height: 1; } @media screen and (min-width: 1025px) { .footer .content-title { margin-top: 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .footer .content-title { margin-top: 2rem; } } @media screen and (max-width: 763px) { .footer .content-title { margin-top: 2rem; } } .footer .content-title:before { content: ""; position: absolute; left: 0; top: 0.2rem; width: 0; height: 0; border: 0.6rem solid transparent; border-right-color: #3a4e57; border-bottom-color: #3a4e57; } .footer-text { vertical-align: top; font-size: 12px; } @media screen and (min-width: 1025px) { .footer-text { display: inline-block; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .footer-text { display: block; } } @media screen and (max-width: 763px) { .footer-text { display: block; } } @media screen and (min-width: 1025px) { .footer-text { width: 66.66667%; } } .footer-text .content-body { margin-bottom: 2rem; } @media screen and (min-width: 1025px) { .footer-text .content-body { padding: 0 6.66rem 0 2rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .footer-text .content-body { padding: 0; } } @media screen and (max-width: 763px) { .footer-text .content-body { padding: 0; } } .footer-promotion { position: relative; padding-top: 1.33rem; width: 100%; min-width: 18.66rem; } .footer-promotion a { display: block; } .footer-promotion a:hover .text-strip__description { opacity: 1; max-height: 6.66rem; margin-top: 0.66rem; transition: max-height 0.5s ease, opacity 0.5s ease 0.2s, margin 0.5s ease; } .footer-promotion .main-picture img { display: block; height: auto; } @media screen and (min-width: 1025px) { .footer-promotion .main-picture img { width: 100%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .footer-promotion .main-picture img { width: 50%; } } @media screen and (max-width: 763px) { .footer-promotion .main-picture img { width: 100%; } } .footer-promotion .text-strip { position: absolute; bottom: 0; left: 0; right: 0; background: #1eafed; text-align: left; } @media screen and (min-width: 1025px) { .footer-promotion .text-strip { width: 100%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .footer-promotion .text-strip { width: 50%; } } @media screen and (max-width: 763px) { .footer-promotion .text-strip { width: 100%; } } @media screen and (min-width: 1025px) { .footer-promotion .text-strip { padding: 2rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .footer-promotion .text-strip { padding: 1.33rem; } } @media screen and (max-width: 763px) { .footer-promotion .text-strip { padding: 1.33rem; } } .footer-promotion .text-strip__description { height: auto; max-height: 0; margin: 0; overflow: hidden; font-size: 0.86rem; color: #ffffff; opacity: 0; transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, margin 0.5s ease 0s; } .footer-promotion .text-strip .content-title { font-size: 1.13rem; color: #FFFFFF; padding-left: 0; } .footer-promotion .text-strip .content-title:before { border: 0; } .footer-locator { vertical-align: top; } @media screen and (min-width: 1025px) { .footer-locator { display: inline-block; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .footer-locator { display: block; } } @media screen and (max-width: 763px) { .footer-locator { display: block; } } @media screen and (min-width: 1025px) { .footer-locator { width: 33.33333%; } } .footer-locator__link { display: block; width: 100%; } .footer-locator__image { display: block; width: 100%; height: auto; } .footer-strip { position: relative; border-top: 1px solid #e5e5e5; margin-top: 2rem; padding: 1.33rem 0; } @media screen and (min-width: 1025px) { .footer-strip__logo { position: absolute; top: -5.33rem; } } @media screen and (max-width: 1024px) { .footer-strip__logo { margin-bottom: 1.33rem; } } .footer-links { float: right; margin-right: -0.53rem; padding-top: 1.69rem; color: #a3a8ab; font-size: 0rem; } @media screen and (max-width: 1024px) { .footer-links { margin-right: 0rem; padding-top: 0rem; text-align: right; font-size: 0.77rem; } } .footer-links a, .footer-links span { display: inline-block; vertical-align: middle; font: 1rem Verdana,Arial,sans-serif; } .footer-links a { color: #3A4E57; margin: 0 0.53rem; } .footer-links a:hover { color: #009EE0; } @media screen and (max-width: 1024px) { .footer-links a { display: block; margin: 0.23rem 0; } } @media screen and (max-width: 1024px) { .footer-links .sep { display: none; } } #beian { clear: both; color: #3A4E57; font: 0.92rem Arial, sans-serif; text-align: right; } #beian .icp-label { margin-right: 0.5rem; } #beian .psb-label { margin-left: 0.5rem; } #copyright { clear: both; color: #3A4E57; font: 0.92rem Arial, sans-serif; text-align: right; } @media screen and (min-width: 1025px) { .footer-stock { display: none; } } @media screen and (max-width: 763px) { .footer-stock { font-size: 0.86rem; line-height: 1.6; padding-top: 2rem; } } .footer-stock a { color: #3a4e57; } .footer-stock strong { display: block; font-size: 1.3em; font-weight: bold; } .footer-stock strong:last-child { font-size: 1em; display: inline-block; font-weight: bold; } .footer-stock .negative { color: #de1d53; } .footer-stock .positive { color: #1fdd25; } .header-layout { position: fixed; top: 0; left: 0; right: 0; z-index: 11; background: #ffffff; transition: transform 0.5s ease; } body:not(.menu-open):not(.search-open) .header-layout.sticky.hide { transform: translate(0, -100%); } .header-top { position: relative; /*background: colors(white_a);*/ text-align: left; } @media screen and (min-width: 1280px) { .header-top { padding: 1.33rem 0rem 0; } } @media screen and (min-width: 1280px) { .header-top.webfactorySite { padding: 0.7rem 0rem 0; } } @media screen and (min-width: 1025px) and (max-width: 1279px) { .header-top { padding: 1rem 0rem 0; } } @media screen and (max-width: 1024px) { .header-top { padding: 1rem 0rem 1px; zoom: 1; } .header-top:before, .header-top:after { content: " "; display: table; } .header-top:after { clear: both; } } .logo-site { display: inline-block; } @media screen and (min-width: 1025px) { .logo-site { margin: -15px 0 0.66rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site { margin: 0 0 0.66rem; } } @media screen and (max-width: 763px) { .logo-site { margin: 0 0 1rem; } } @media screen and (min-width: 1025px) { .logo-site { position: absolute; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site { position: relative; } } @media screen and (max-width: 763px) { .logo-site { position: relative; } } @media screen and (min-width: 1025px) { .logo-site { left: 4rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site { left: 2rem; } } @media screen and (max-width: 763px) { .logo-site { left: 1rem; } } @media screen and (max-width: 763px) { .logo-site { float: left; } } .logo-site__link { vertical-align: bottom; } @media screen and (min-width: 1025px) { .logo-site__link { display: inline-block; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site__link { display: none; } } @media screen and (max-width: 763px) { .logo-site__link { display: none; } } .logo-site__small { vertical-align: bottom; } @media screen and (min-width: 1025px) { .logo-site__small { display: none; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site__small { display: inline-block; } } @media screen and (max-width: 763px) { .logo-site__small { display: inline-block; } } .logo-site__logo { display: block; } @media screen and (min-width: 1025px) { .logo-site__logo { height: auto; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site__logo { height: 5rem; } } @media screen and (max-width: 763px) { .logo-site__logo { height: 5rem; } } .logo-site__country { display: inline-block; vertical-align: bottom; border-left: 1px solid #000000; line-height: 1.2; } @media screen and (min-width: 1025px) { .logo-site__country { margin-left: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site__country { margin-left: 1rem; } } @media screen and (max-width: 763px) { .logo-site__country { margin-left: 0.66rem; } } @media screen and (min-width: 1025px) { .logo-site__country { padding-left: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site__country { padding-left: 1rem; } } @media screen and (max-width: 763px) { .logo-site__country { padding-left: 0.66rem; } } @media screen and (min-width: 1025px) { .logo-site__country { font-size: 1.53rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site__country { font-size: 1.33rem; } } @media screen and (max-width: 763px) { .logo-site__country { font-size: 0; } } .logo-site-type { margin-top: 1rem; text-align: right; } @media screen and (min-width: 1025px) { .logo-site-type { display: none; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site-type { display: none !important; } } @media screen and (max-width: 763px) { .logo-site-type { display: none !important; } } @media screen and (min-width: 1025px) { .logo-site-type { height: auto; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site-type { height: 2.5rem; } } @media screen and (max-width: 763px) { .logo-site-type { height: 2rem; } } @media screen and (min-width: 1025px) { .logo-site-type { padding-right: 4rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site-type { padding-right: 2rem; } } @media screen and (max-width: 763px) { .logo-site-type { padding-right: 1rem; } } @media screen and (max-width: 1024px) { .logo-site-type { float: right; } } .logo-site-type img { display: inline-block; width: auto; } @media screen and (min-width: 1025px) { .logo-site-type img { height: auto; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site-type img { height: 100%; } } @media screen and (max-width: 763px) { .logo-site-type img { height: 100%; } } @media screen and (min-width: 1025px) { .logo-site-type img { max-height: 70px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .logo-site-type img { max-height: auto; } } @media screen and (max-width: 763px) { .logo-site-type img { max-height: auto; } } @media screen and (max-width: 1024px) { .logo-site-type + .nav-options { clear: right; margin-bottom: 1rem; margin-top: 1rem; } } .activeMainNavMenu { background-color: #e9e8e3 !important; font-weight: bold !important; } .activeMainNavMenu a { color: #22252b !important; } .activeMainNavMenu a:hover { color: #1eafed !important; } .activeMainNavMenuHeader { background-color: #e9e8e3 !important; font-weight: bold !important; color: #22252b !important; padding-left: 1.33rem; padding-right: 1.33rem; padding-top: 0.33rem; padding-bottom: 0.33rem; } .activeMainNavMenuHeader:hover { color: #1eafed !important; } .header-top-strip { text-align: right; font-size: 0; } @media screen and (min-width: 1025px) { .header-top-strip { padding-right: 4rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .header-top-strip { padding-right: 2rem; } } @media screen and (max-width: 763px) { .header-top-strip { padding-right: 0rem; } } @media screen and (max-width: 763px) { .header-top-strip { float: right; opacity: 0.4; } } .header-top-strip a { color: #22252b; } .header-top-strip a:hover { color: #1eafed; } .header-top-strip a.navMenuHeader { text-transform: uppercase; } .header-top__link { display: inline-block; vertical-align: middle; font-size: 0.93rem; } @media screen and (min-width: 1025px) { .header-top__link { line-height: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .header-top__link { line-height: 1rem; } } @media screen and (max-width: 763px) { .header-top__link { line-height: 1.5rem; } } @media screen and (min-width: 1025px) { .header-top__link { height: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .header-top__link { height: 1rem; } } @media screen and (max-width: 763px) { .header-top__link { height: 1.5rem; } } .header-top__link:not(.header-top__link--stock):not(:nth-child(2)) { border-left: 1px solid rgba(0, 0, 0, 0.3); } @media screen and (min-width: 764px) { .header-top__link:not(.header-top__link--stock):not(:nth-child(2)) { padding-left: 1.33rem; margin-left: 1.33rem; } } @media screen and (max-width: 763px) { .header-top__link:not(.header-top__link--stock):not(:nth-child(2)) { padding-left: 1rem; padding-right: 1rem; } } @media screen and (max-width: 1024px) { .header-top__link:not(.header-top__link--stock):not(.header-top__link--contact):not(.header-top__link--country-switch):not(.header-top__link--language-switch) { display: none; } } @media screen and (min-width: 1025px) { .header-top__link--stock .stock-price { font-size: 0.66rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .header-top__link--stock .stock-price { font-size: 0.66rem; } } @media screen and (max-width: 763px) { .header-top__link--stock .stock-price { font-size: 0.66rem; } } @media screen and (min-width: 1025px) { .header-top__link--stock .stock-price { margin-right: 2.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .header-top__link--stock .stock-price { padding-right: 0.66rem; } } @media screen and (max-width: 763px) { .header-top__link--stock .stock-price { display: none; } } .header-top__link--stock .stock-price strong:nth-child(2) { font-size: 1.55em; } @media screen and (max-width: 763px) { .header-top__link--stock .stock-price { font-size: 0.45rem; padding-right: 0.66rem; } } .header-top__link--stock .stock-price strong { color: #555555; } .header-top__link--stock .stock-price .negative { color: #de1d53; } .header-top__link--stock .stock-price .positive { color: #1fdd25; } .header-top__link--stock .stock-price > a { color: #22252b; } .header-top__link--stock .stock-price > a:hover { color: #009ee0; } .header-top__link--contact > a { color: #22252b; } .header-top__link--contact > a:hover { color: #22252b; } @media screen and (max-width: 763px) { .header-top__link--contact { font-size: 0; } } .header-top__link--contact:nth-child(1) { border: none !important; padding-right: 1.33rem; } @media screen and (max-width: 763px) { .header-top__link--contact { border: none !important; } } @media screen and (max-width: 763px) { .header-top__link--country-switch { font-size: 0; border: none !important; padding-left: 0.33rem !important; padding-right: 0.33rem; } } .header-top__link--country-switch:not(:nth-child(1)) { padding-left: 1.33rem; border-left: 1px solid rgba(34, 37, 43, 0.3); } .header-top__link--language-switch { color: #1eafed; } .header-top__link--language-switch > a { color: #22252b; } .header-top__link--language-switch > a:hover { color: #1eafed; } .header-top__link--language-switch color { color: rgba(0, 0, 0, 0.3); } @media screen and (max-width: 763px) { .header-top__link--language-switch { padding-left: 0.45rem !important; } } .header-top__link--language-switch:not(:nth-child(1)) { padding-left: 1.33rem; border-left: 1px solid rgba(34, 37, 43, 0.3); } .header-top__link-icon { display: inline-block; vertical-align: middle; } @media screen and (min-width: 1025px) { .header-top__link-icon { width: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .header-top__link-icon { width: 1rem; } } @media screen and (max-width: 763px) { .header-top__link-icon { width: 1.5rem; } } @media screen and (min-width: 1025px) { .header-top__link-icon { height: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .header-top__link-icon { height: 1rem; } } @media screen and (max-width: 763px) { .header-top__link-icon { height: 1.5rem; } } @media screen and (min-width: 1025px) { .header-top__link-icon { margin-right: 0.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .header-top__link-icon { margin-right: 0.33rem; } } @media screen and (max-width: 763px) { .header-top__link-icon { margin-right: 0; } } #envelope-icon { background: url(corporate-nav-contact-picto.svg) center center no-repeat; } #globe-icon { background: url(corporate-nav-globe-picto.svg) center center no-repeat; } #search-icon { background: url(corporate-nav-search-picto.svg) center center no-repeat; } @media screen and (max-width: 1024px) { #search-icon { background: url(nav-search-black-picto.svg) center center no-repeat; } } #burger-icon { background: url(img-icon-burger.svg) center center no-repeat; } .search-form { display: none; } .nav-options { float: right; line-height: 2rem; font-size: 0; /*img*/ } @media screen and (min-width: 1025px) { .nav-options { margin-right: 4rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .nav-options { margin-right: 2rem; } } @media screen and (max-width: 763px) { .nav-options { margin-right: 1rem; } } @media screen and (min-width: 1025px) { .nav-options { padding: 0 0 0 1.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .nav-options { padding: 0 0 0 1.33rem; } } @media screen and (max-width: 763px) { .nav-options { padding: 0 0 0 0.66rem; } } @media screen and (min-width: 764px) { .nav-options { margin-top: 2.66rem; } } @media screen and (min-width: 1025px) { .nav-options { margin-top: 4.5rem; } } @media screen and (min-width: 1025px) { .nav-options.webfactorySite { margin-top: 0.8rem; } } @media screen and (max-width: 763px) { .nav-options { margin-top: 1.66rem; clear: right; } } @media screen and (max-width: 1024px) { .nav-options__item { display: inline-block; vertical-align: middle; } } @media screen and (min-width: 1025px) { .nav-options__item--search { max-height: 10px; } } .nav-options__item--toggle { margin-left: 1rem; } @media screen and (min-width: 1025px) { .nav-options__item--toggle { display: none; } } .nav-options span { display: block; width: 1.8rem; height: 1.8rem; } .nav { background: #fff; } @media screen and (min-width: 1025px) { .nav { margin-top: 3rem; } } @media screen and (min-width: 1025px) { .nav.webfactorySite { margin-top: 0rem; } } @media screen and (max-width: 1024px) { .nav { position: absolute; top: 100%; left: 0; right: 0; height: 0; overflow: hidden; z-index: 1; opacity: 0; background: rgba(0, 0, 0, 0.9); transition: height 0.5s ease, opacity 0.5s ease; } } .nav-list { text-transform: uppercase; font-size: 0; } @media screen and (min-width: 1025px) { .nav-list { text-align: right; } } .nav-item { position: relative; vertical-align: middle; line-height: 2rem; font-weight: 100; } @media screen and (min-width: 1025px) { .nav-item { display: inline-block; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .nav-item { display: block; } } @media screen and (max-width: 763px) { .nav-item { display: block; } } .nav-item.webfactorySite { line-height: 0.5rem; } @media screen and (min-width: 1025px) { .nav-item.webfactorySite { padding: 1.33rem 1.33rem !important; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .nav-item.webfactorySite { padding: 0; } } @media screen and (max-width: 763px) { .nav-item.webfactorySite { padding: 0; } } @media screen and (min-width: 1025px) { .nav-item.activeMainNavMenu { padding: 0.33rem 1.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .nav-item.activeMainNavMenu { padding: 0; } } @media screen and (max-width: 763px) { .nav-item.activeMainNavMenu { padding: 0; } } @media screen and (min-width: 1025px) { .nav-item { padding: 1.33rem 1.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .nav-item { padding: 0; } } @media screen and (max-width: 763px) { .nav-item { padding: 0; } } @media screen and (min-width: 1025px) { .nav-item { font-size: 1.13rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .nav-item { font-size: 1.13rem; } } @media screen and (max-width: 763px) { .nav-item { font-size: 1.13rem; } } .nav-item:after { content: ""; position: absolute; top: 50%; right: 0; height: 1.66rem; width: 1px; transform: translate(0, -50%); border-right: 1px solid rgba(34, 37, 43, 0.15); } .nav-item a { color: #22252b; } @media screen and (min-width: 764px) and (max-width: 1024px) { .nav-item a { line-height: 4rem; } } @media screen and (max-width: 763px) { .nav-item a { line-height: 4rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .nav-item a { padding-left: 1.33rem; } } @media screen and (max-width: 763px) { .nav-item a { padding-left: 1.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .nav-item a { padding-right: 4.66rem; } } @media screen and (max-width: 763px) { .nav-item a { padding-right: 4.66rem; } } .nav-item a:hover { color: #1eafed; } #popin-navbar-placeholder ul { height: 100%; } @media screen and (max-width: 1024px) { #popin-navbar-placeholder ul { background: #1a5d83 !important; } } #popin-navbar-placeholder ul li { display: table; width: 100%; } #popin-navbar-placeholder ul a { position: relative; display: table-cell; width: 100%; vertical-align: middle; color: #FFFFFF; font-size: 1rem; height: 3.66rem; padding: 0 2.66rem; transition: color 0.3s ease, background-color 0.3s ease; } @media screen and (max-width: 1024px) { #popin-navbar-placeholder ul a { padding: 0 1.33rem; } } @media screen and (min-width: 1025px) { #popin-navbar-placeholder ul a.active, #popin-navbar-placeholder ul a:hover { background: rgba(0, 0, 0, 0.3); } } @media screen and (min-width: 1025px) { #popin-navbar-placeholder ul a.active, #popin-navbar-placeholder ul a:hover { color: #009EE0; } } @media screen and (max-width: 1024px) { #popin-navbar-placeholder ul a.active, #popin-navbar-placeholder ul a:hover { background: rgba(0, 0, 0, 0.3) !important; } } #popin-navbar-placeholder .ul-fake-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #154a69 url(img-gradient-dropdown.png) repeat-x 0 0; opacity: 0.5; opacity: 1; } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .ul-fake-background { display: none; } } #popin-navbar-placeholder .ul-fake-background .shut-popin-nav { width: 24px; height: 26px; position: absolute; top: 4px; right: 11px; cursor: pointer; background-image: url(corporate-nav-close-picto.svg); background-size: auto 20px; background-repeat: no-repeat; background-position: 3px 2px; } #popin-navbar-placeholder .has-child > a:after { content: ''; position: absolute; top: 1.33rem; right: 1.33rem; width: 0.6rem; height: 1.06rem; background: url(corporate-nav-title-picto.gif) no-repeat 0 5px; } #popin-navbar-placeholder .has-child > a.active:after, #popin-navbar-placeholder .has-child > a:hover:after { background: url(corporate-nav-title-hover-picto.gif) no-repeat 0 5px; } #popin-navbar-placeholder .has-child > a.active { color: #009EE0; } #popin-navbar-placeholder .has-child > a.active + ul { opacity: 1; left: 100%; } @media screen and (min-width: 1025px) { #popin-navbar-placeholder .has-child > a.active + ul { transition-delay: 0s, 0.3s; } } #popin-navbar-placeholder .has-child > a.active + ul.ps-container ul:not(.ps-container) { overflow: hidden; } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .has-child > a.active + ul { left: 0; z-index: 1; overflow-x: hidden; overflow-y: scroll; } #popin-navbar-placeholder .has-child > a.active + ul.ps-active { overflow-y: hidden; } } #popin-navbar-placeholder .has-child .second-level { position: relative; width: 20%; } @media screen and (min-width: 1025px) { #popin-navbar-placeholder .has-child .second-level { padding-top: 2rem; } } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .has-child .second-level { height: 100%; } } #popin-navbar-placeholder .has-child .second-level > .ul-fake-background { z-index: 5; min-height: 700px; opacity: 1; } #popin-navbar-placeholder .has-child .second-level > li:nth-of-type(2) > a { font-weight: bold; } #popin-navbar-placeholder .has-child .second-level > li > a { z-index: 5; } #popin-navbar-placeholder .has-child .second-level > li > a[target="_blank"] { background-image: url(corporate-externalLink-picto.png); background-position: right 15px center; background-repeat: no-repeat; } #popin-navbar-placeholder .has-child .second-level > li > a[target="_blank"]:hover { background-image: url(corporate-externalLink-picto.png); } @media screen and (min-width: 1025px) { #popin-navbar-placeholder .has-child .second-level > li > a { padding-left: 4.66rem; } } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .has-child .second-level > li > a { z-index: inherit; } } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .has-child .second-level { position: absolute; width: 100%; top: 0; left: 100%; transition: left 0.3s ease; } } #popin-navbar-placeholder .has-child .second-level.ps-active-y { overflow: hidden; } #popin-navbar-placeholder .has-child .second-level.ps-active { overflow: inherit; } #popin-navbar-placeholder .has-child .fifth-level, #popin-navbar-placeholder .has-child .fourth-level, #popin-navbar-placeholder .has-child .sixth-level, #popin-navbar-placeholder .has-child .third-level { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 1025px) { #popin-navbar-placeholder .has-child .fifth-level, #popin-navbar-placeholder .has-child .fourth-level, #popin-navbar-placeholder .has-child .sixth-level, #popin-navbar-placeholder .has-child .third-level { padding-top: 2rem; opacity: 0; transition: left 0.3s ease 0.15s, opacity 0.5s ease; } } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .has-child .fifth-level, #popin-navbar-placeholder .has-child .fourth-level, #popin-navbar-placeholder .has-child .sixth-level, #popin-navbar-placeholder .has-child .third-level { overflow: hidden; transition: left 0.3s; } } #popin-navbar-placeholder .has-child .fifth-level.ps-active-y, #popin-navbar-placeholder .has-child .fourth-level.ps-active-y, #popin-navbar-placeholder .has-child .sixth-level.ps-active-y, #popin-navbar-placeholder .has-child .third-level.ps-active-y { overflow: hidden; } #popin-navbar-placeholder .has-child .fifth-level.ps-active, #popin-navbar-placeholder .has-child .fourth-level.ps-active, #popin-navbar-placeholder .has-child .sixth-level.ps-active, #popin-navbar-placeholder .has-child .third-level.ps-active { overflow: inherit; } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .has-child .fifth-level, #popin-navbar-placeholder .has-child .fourth-level, #popin-navbar-placeholder .has-child .sixth-level, #popin-navbar-placeholder .has-child .third-level { left: 100%; } } #popin-navbar-placeholder .has-child .third-level > .ul-fake-background { opacity: 0.95; z-index: 4; min-height: 500px; } #popin-navbar-placeholder .has-child .third-level > li > a { z-index: 4; } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .has-child .third-level > li > a { z-index: inherit; } } #popin-navbar-placeholder .has-child .third-level > li:nth-of-type(2) > a { font-weight: bold; } #popin-navbar-placeholder .has-child .third-level .shut-popin-nav { display: none; } #popin-navbar-placeholder .has-child .fourth-level > .ul-fake-background { opacity: 0.95; z-index: 3; } #popin-navbar-placeholder .has-child .fourth-level > li > a { z-index: 3; } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .has-child .fourth-level > li > a { z-index: inherit; } } #popin-navbar-placeholder .has-child .fourth-level > li:nth-of-type(2) > a { font-weight: bold; } #popin-navbar-placeholder .has-child .fifth-level > .ul-fake-background { opacity: 0.95; z-index: 2; } #popin-navbar-placeholder .has-child .fifth-level > li > a { z-index: 2; } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .has-child .fifth-level > li > a { z-index: inherit; } } #popin-navbar-placeholder .has-child .fifth-level > li:nth-of-type(2) > a { font-weight: bold; } #popin-navbar-placeholder .has-child .fifth-level .shut-popin-nav { display: none; } #popin-navbar-placeholder .has-child .sixth-level > .ul-fake-background { opacity: 0.95; } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .has-child .sixth-level > li > a { z-index: inherit; } } #popin-navbar-placeholder .has-child .sixth-level > li:nth-of-type(2) > a { font-weight: bold; } #popin-navbar-placeholder .has-child .sixth-level .shut-popin-nav { display: none; } #popin-navbar-placeholder .submenu-title { display: none; } #popin-navbar-placeholder .inner-level-close { display: none; } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .inner-level-close { position: absolute; display: inline-block; width: 0.6rem; height: 1.06rem; top: 1.66rem; left: 1.33rem; background-color: transparent; background-image: url("img-arrow-black-left.svg"); background-repeat: no-repeat; border: none; } } #popin-navbar-placeholder .first-level > .ul-fake-background { display: none; } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .first-level { position: relative; } #popin-navbar-placeholder .first-level > .submenu-title { padding-left: 1.33rem; } } #popin-navbar-placeholder .first-level > li { display: none; } #popin-navbar-placeholder .first-level > li.visible { display: block; } @media screen and (min-width: 1025px) { #popin-navbar-placeholder .first-level > li.visible { height: 100%; } } @media screen and (max-width: 1024px) { #popin-navbar-placeholder .first-level > li { display: table; } } #popin-navbar-placeholder .first-level > li > a { height: 4rem; line-height: 4rem; } @media screen and (min-width: 1025px) { #popin-navbar-placeholder .first-level > li > a { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #popin-navbar-placeholder .first-level > li > a:hover { background: #fff; color: #22252b; } } @media screen and (min-width: 1025px) { #popin-navbar-placeholder .first-level > li.has-child > a:after { display: none; } } /** submenu */ /* perfect-scrollbar v0.6.11 */ .ps-container { -ms-touch-action: none; touch-action: none; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .ps-container { overflow: auto !important; } } .ps-container:hover > .ps-scrollbar-y-rail { opacity: 1; background-color: transparent; z-index: 10; } .ps-container:hover > .ps-scrollbar-x-rail { display: none; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container > .ps-scrollbar-x-rail { position: absolute; /* please don't change 'position' */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .ps-container > .ps-scrollbar-y-rail { position: absolute; /* please don't change 'position' */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999; } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999; } .search-header-title:hover { color: #22252b; } @media screen and (max-width: 1024px) { .search-header-title { padding-left: 1.33rem; } } .search-header__wrap { margin-top: 0; text-align: center; padding: 10vh 1.33rem; background: #154a69 url(img-gradient-dropdown.png) repeat-x 0 0; } .search-header__wrap .popin-close.close_search_popin { width: 24px; height: 26px; position: absolute; top: 10px; right: 18px; cursor: pointer; background-image: url(corporate-nav-close-picto.svg); background-size: auto 20px; background-repeat: no-repeat; background-position: 3px 2px; } @media screen and (max-width: 1024px) { .search-header__wrap .popin-close.close_search_popin { display: none; } } .search-header__form { max-width: 100rem; margin: 0 auto; font-size: 0; } .search-header__form-input { display: block; width: 100%; line-height: 35px; background: #ffffff; border: none; } @media screen and (min-width: 1025px) { .search-header__form-input { padding: 20px 40px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .search-header__form-input { padding: 20px; } } @media screen and (max-width: 763px) { .search-header__form-input { padding: 15px; } } @media screen and (min-width: 1025px) { .search-header__form-input { font-size: 14px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .search-header__form-input { font-size: 14px; } } @media screen and (max-width: 763px) { .search-header__form-input { font-size: 12px; } } .search-header__form-submit { display: inline-block; line-height: 30px; height: 100px; vertical-align: text-top; color: #ffffff; text-align: center; border: none; background: #1eafed; } @media screen and (min-width: 1025px) { .search-header__form-submit { margin: 0 10px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .search-header__form-submit { margin: 0 10px; } } @media screen and (max-width: 763px) { .search-header__form-submit { margin: 0 5px; } } @media screen and (min-width: 1025px) { .search-header__form-submit { width: 230px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .search-header__form-submit { width: 230px; } } @media screen and (max-width: 763px) { .search-header__form-submit { width: calc(50% - 10px); } } @media screen and (min-width: 1025px) { .search-header__form-submit { padding: 20px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .search-header__form-submit { padding: 20px; } } @media screen and (max-width: 763px) { .search-header__form-submit { padding: 15px 10px; } } @media screen and (min-width: 1025px) { .search-header__form-submit { font-size: 18px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .search-header__form-submit { font-size: 18px; } } @media screen and (max-width: 763px) { .search-header__form-submit { font-size: 13px; } } @media screen and (min-width: 1025px) { .search-header__actions { margin: 50px 0 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .search-header__actions { margin: 30px -10px 0; } } @media screen and (max-width: 763px) { .search-header__actions { margin: 15px -5px 0; } } .side-menu > ul > li ul li a, .side-menu ul > li ul li.active a, .side-menu ul > li ul li:hover a { background: none; } .side-menu li { position: relative; } .side-menu .show > .toggle { transform: rotate(45deg); } .side-menu .show .forth-level { max-height: 500px; opacity: 1; } .side-menu .toggle { position: absolute; right: 0; top: 6px; width: 8px; height: 8px; padding: 0; border: none; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; background: none; transform: rotate(-45deg); transition: transform 0.5s ease; cursor: pointer; } .side-menu .forth-level { display: block !important; max-height: 0; height: auto; overflow: hidden; opacity: 0; transition: max-height 0.5s ease, opacity 0.5s ease; padding: 0 0 0 10px; } .side-menu .forth-level a { background: url("./corporate-nav-title-picto.gif") 10px 5px no-repeat !important; } .loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(30, 175, 237, 0.4); padding: 0; height: 100%; opacity: 0; transition: opacity 0.5s ease 0.5s; z-index: -1; } .loader.show { opacity: 1; transition-duration: 0s; z-index: 5; height: 0; } .loader:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("./img-icon-loader.svg") no-repeat center center/50px; animation: rotate 1.5s linear infinite; } @keyframes rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } .social-facebook { background-image: url("facebook-box.png"); background-size: 100%; width: 48%; padding-top: 48%; } .social-twitter { background-image: url("twitter-box.png"); background-size: 100%; width: 48%; padding-top: 48%; } .social-linkedin { background-image: url("linkedin-box.png"); background-size: 100%; width: 48%; padding-top: 48%; } .social-print { color: #009ee0; font-size: 2.15rem; text-indent: -2px; } .social-mail { color: #009ee0; font-size: 2.15rem; text-indent: -2px; } .webfactorySite nav#popin-navbar-placeholder { top: 150px; } @media screen and (min-width: 1025px) { .webfactorySite nav#popin-navbar-placeholder { top: 149px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .webfactorySite nav#popin-navbar-placeholder { top: 101px; } } @media screen and (max-width: 763px) { .webfactorySite nav#popin-navbar-placeholder { top: 79px; } } .webfactorySite #sticky-header { top: 150px; } @media screen and (min-width: 1025px) { .webfactorySite #sticky-header { top: 149px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .webfactorySite #sticky-header { top: 101px; } } @media screen and (max-width: 763px) { .webfactorySite #sticky-header { top: 79px; } } .magindex-list-placeholder { overflow: hidden; } .audio-player-placeholder { margin-bottom: 3%; background: #fff; } .central-glossary-placeholder { padding: 3%; margin-top: 0; margin-bottom: 3%; background: #fff; } .central-glossary-placeholder h1 { display: none; } .central-glossary-placeholder .abstract, .central-glossary-placeholder .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .central-glossary-placeholder span { margin-top: 0; display: block; } .central-glossary-placeholder .item-list { padding: 2% 6%; background: #fff url("img-gradient-faq-detail.gif") 0 0 repeat-x; } .central-tabbox-placeholder .tabbox-titles { z-index: -1; } .central-tabbox-placeholder .tab-link { -webkit-box-shadow: inset 0px -5px 3px -3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px -5px 3px -3px rgba(0, 0, 0, 0.3); display: inline-block; color: white; background: #cac9c4; text-transform: uppercase; padding: 2% 5%; letter-spacing: -1px; border-right: solid 1px #aaa; position: relative; z-index: 0; font-size: 0.85em; font-weight: 600; } @media screen and (max-width: 760px) { .central-tabbox-placeholder .tab-link { padding: 2%; width: 33.33%; } } .central-tabbox-placeholder .tab-link:last-child { border-right: none; } .central-tabbox-placeholder .tab-link.active { z-index: 1; color: #6c6c6c; box-shadow: 4px 0px 4px -3px rgba(0, 0, 0, 0.5), -4px 0px 4px -3px rgba(0, 0, 0, 0.5); background: #fff url("img-picto-border.png") center bottom repeat-x; border-right: none; } .central-tabbox-placeholder .tab-link:first-of-type.active { box-shadow: 4px 0px 4px -3px rgba(0, 0, 0, 0.5); } .central-tabbox-placeholder .tab-link:last-of-type.active { box-shadow: -4px 0px 4px -3px rgba(0, 0, 0, 0.5); } .ie8 .central-tabbox-placeholder .tabbox-contents, .ie7 .central-tabbox-placeholder .tabbox-contents { margin-top: -12px; } .central-tabbox-placeholder .tabbox-contents { background: #fff; padding: 4%; z-index: 1; } .central-tabbox-placeholder .tabbox-contents p:first-of-type { margin-top: 0; } .central-tabbox-placeholder .tabbox-contents p:last-of-type { margin-bottom: 0; } .central-tabbox-placeholder .tabbox-contents ul { margin: 2% 0; } .central-tabbox-placeholder .tabbox-contents li { border-bottom: solid 1px #cfceca; } .central-tabbox-placeholder .tabbox-contents li a { display: block; background: transparent url("img-rightarrow.png") left center no-repeat; padding: 8px 0 8px 32px; color: #555555; } .central-tabbox-placeholder .tabbox-contents li:last-child { border-bottom: none; } .central-tabbox-placeholder .viewmore { text-align: right; } .central-tabbox-placeholder .viewmore a { color: #555555; } .central-location-placeholder { display: none; } .side-detail-magindex-placeholder { padding-bottom: 40px; position: relative; } .side-detail-magindex-placeholder .item-list { position: relative; margin-bottom: 30px; } .side-detail-magindex-placeholder .title-header .logo-title { display: block; float: none; margin-bottom: 0; } .side-detail-magindex-placeholder .title-header .logo-title h1, .side-detail-magindex-placeholder .title-header .logo-title p.p-header { float: none; margin-left: 0; padding-left: 56px; background: #ea6a49 url(img-logo-mag.png) 20px 50% no-repeat; color: #fff; font-weight: normal; font-size: 22px; } .side-detail-magindex-placeholder .title-header .logo-title h1:hover, .side-detail-magindex-placeholder .title-header .logo-title p.p-header:hover { background: #e5451b url(img-logo-mag.png) 20px 50% no-repeat; } .side-detail-magindex-placeholder .title-header .logo-title h1 > span, .side-detail-magindex-placeholder .title-header .logo-title p.p-header > span { background: none; float: none; font-size: 22px; padding: 0; } .side-detail-magindex-placeholder footer { padding: 10px 0 0 0; } .side-detail-magindex-placeholder .flex-control-nav { height: 30px; background: #ea6a49; line-height: 28px; bottom: -30px; } .side-detail-magindex-placeholder .flex-control-nav.flex-control-paging li { vertical-align: middle; } .side-detail-magindex-placeholder .flex-control-nav.flex-control-paging a { box-shadow: none; width: 8px; height: 8px; } .side-detail-magindex-placeholder .flex-control-nav.flex-control-paging a:hover { background-color: #FFF; background-color: rgba(255, 255, 255, 0.7); } .side-detail-magindex-placeholder .flex-control-nav.flex-control-paging a.flex-active { background-color: #FFF; background-color: white; } .side-detail-magindex-placeholder .link-view-all { float: none; padding: 3px 0 3px 12px; margin-right: 10px; background-image: url("img-arrow-empty-grey-right.gif"); background-position: 0 9px; background-repeat: no-repeat; color: #5b5b5b; font-size: 13px; } .side-detail-magindex-placeholder .link-view-all:hover { background-image: url("img-arrow-full-grey-right.gif"); } .side-detail-magindex-placeholder .flex-direction-nav { position: absolute; bottom: 0; width: 100%; height: 30px; } .side-detail-magindex-placeholder .flex-direction-nav a { top: 37px; width: 16px; height: 16px; margin: 0; opacity: 1; background-image: url(img-arrow-white-medium-left.png); background-position: 50% 50%; background-repeat: no-repeat; } .side-detail-magindex-placeholder .flex-direction-nav a.flex-prev { left: 7px; } .side-detail-magindex-placeholder .flex-direction-nav a.flex-next { right: 7px; background-image: url(img-arrow-white-medium-right.png); } .side-contact-placeholder { margin-bottom: 6%; padding: 8% 8% 0 8%; background: #fff url(corporate-contact-detail-background.jpg) 100% 0 no-repeat; } .side-contact-placeholder a:hover { color: #007aad; } .side-contact-placeholder header p.p-header { margin: 0; display: inline-block; color: #af8bbb; font-size: 1.2em; font-weight: bold; padding-bottom: 5%; border-bottom: 1px solid #C8C8C6; } .side-contact-placeholder .contact-list > div + div { border-top: 1px solid #C8C8C6; } .main-central-detail-placeholder .main-title { font-size: 30px; font-weight: bold; } .main-central-detail-placeholder a[target="_blank"] { background: url(corporate-externalLink-picto.png) transparent center right no-repeat !important; } .main-central-detail-placeholder .download-links a[target="_blank"] { background: none !important; } .main-central-detail-placeholder .view-all a[target="_blank"] { background: none !important; } .central-list-placeholder { background: #fff url(img-paper-corner.gif) top right no-repeat; margin-bottom: 2%; padding: 4%; } .central-list-placeholder .item-list div:first-child .central-list { padding-top: 0; border-top: 0; } .central-list-placeholder .item-list header { font-weight: normal; margin: 0 0 3.8%; border-bottom: dotted 3px #c8c8c6; } .central-list-placeholder .item-list header .abstract, .central-list-placeholder .item-list header .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .central-list-placeholder .item-list header span { font: 13px Verdana,sans-serif; margin: 2% 0; } .central-list-placeholder .item-list .central-list { margin: 0 0 2% 0; padding: 2%; background: #FFF url("img-paper-corner.gif") top right no-repeat; margin: 0; padding: 2% 0; background: none; border-top: 1px solid #C8C8C6; } .central-list-placeholder .item-list .central-list .main-picture { float: left; display: block; width: 22%; margin: 1% 4% 2% 0; } .central-list-placeholder .item-list .central-list .main-picture img { width: 100%; display: block; } .central-list-placeholder .item-list .central-list .content-date, .central-list-placeholder .item-list .central-list .end-date { font-size: 0.8em; } .central-list-placeholder .item-list .central-list .end-date:before { content: "-"; } .central-list-placeholder .item-list .central-list .content-title { max-height: 62px; margin: 0; overflow: hidden; font-weight: bold; font-size: 1.1em; } .central-list-placeholder .item-list .item-list article.central-list { padding: 2% 0; border-top: 1px solid #C8C8C6; } .central-list-placeholder .item-list .item-list article.central-list:first-child { padding-top: 0; border-top: 0; } .central-list-placeholder .download-links { display: inline-block; margin: 0; padding: 0; border: none; text-align: left; } .central-list-placeholder .download-links .download-label { color: #555555; } .central-list-placeholder .download-links a { color: #009ee0; } .central-list-placeholder .download-links a:hover { color: #007aad; } .master-webzine-page .thumbnails-placeholder { margin-bottom: 4%; padding: 3%; background: #fff; } #download-pressrelease .download-links, .index-list-placeholder .download-links, .press-list .download-links { border-top: solid 1px #dcdcdc; padding-bottom: 2%; background-color: #fff; } .index-side-detail-placeholder .index-list-placeholder .download-links { border: none !important; text-align: left !important; } .hp-mag-placeholder { max-width: 960px; margin: 0 auto; zoom: 1; } @media screen and (max-width: 760px) { .hp-mag-placeholder { width: 100%; } } .hp-mag-placeholder:before, .hp-mag-placeholder:after { content: " "; display: table; } .hp-mag-placeholder:after { clear: both; } .hp-mag-placeholder > .rich-list { float: left; width: 48%; margin: 0; } .hp-mag-placeholder > .rich-list .main-picture img { display: block; width: 100%; } .hp-mag-placeholder > .rich-list .text { position: absolute; left: 4%; bottom: 5%; width: 84%; } .hp-mag-placeholder .viewmore { margin: 0; } .hp-mag-placeholder .viewmore a { background-image: url("img-arrow-circle-orange.png"); color: #5b5b5b; } .hp-mag-placeholder footer { display: inline; float: right; margin-top: 1%; } .hpinfos-placeholder { width: 960px; margin: 0 auto; } .hpinfos-placeholder .viewmore { margin: 0; } .hpinfos-placeholder .viewmore a { background-image: url("img-arrow-circle-orange.png"); color: #5b5b5b; } .central-contact-placeholder { width: 100%; margin-bottom: 2%; background-image: none; background: #fff url(corporate-contact-detail-background.jpg) 100% 0 no-repeat; } @media screen and (max-width: 760px) { .central-contact-placeholder { width: 100%; } } .central-contact-placeholder a:hover { color: #007aad; } .central-contact-placeholder header h1 { margin: 0; display: inline-block; color: #af8bbb; font-size: 1.5em; font-weight: bold; padding: 2% 0; border-bottom: 1px solid #C8C8C6; } .central-contact-placeholder .contact-list { padding: 0.8% 4% 0.8% 4%; } .central-contact-placeholder .contact-list > div + div { border-top: 1px solid #C8C8C6; } .central-history-placeholder { background: #15445f; margin-bottom: 4%; color: #fff; } .central-history-placeholder header { padding: 3%; } .central-history-placeholder header h1, .central-history-placeholder header p.p-header { font-size: 1.8em; font-weight: normal; margin-bottom: 3.8%; margin-top: 0; } .central-history-placeholder .dragdealer { position: relative; padding: 1px; background: #225b7c; border-top: 1px solid #225b7c; border-bottom: 1px solid #225b7c; box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.6); height: 58px; } .central-history-placeholder .dragdealer .handle { background: url("img-handle.png") 50% 50% no-repeat; width: 60px; height: 60px; } .central-history-placeholder .dragdealer:after { background: url("img-history-arrow.png") 50% 50% no-repeat; content: ""; height: 25px; width: 15px; left: 50%; bottom: -14px; position: absolute; } .central-history-placeholder .track-inner { height: 14px; padding: 8px 12px; border-radius: 15px; background: #1b4963; margin: 14px 29px; } .central-history-placeholder .track-decoration { height: 15px; background: url("img-pixel-blue.gif") 50% 50% repeat-x; background: url("img-history-bullet.png") 0 50% no-repeat, url("img-history-bullet.png") 100% 50% no-repeat, url("img-pixel-blue.gif") 50% 50% repeat-x; } .central-history-placeholder .item-list { padding: 1% 3% 3% 3%; } .central-gallery-placeholder { position: relative; margin-bottom: 3%; background-color: #FFF; } .central-gallery-placeholder .flex-control-nav { right: 4%; bottom: 10px; width: 43%; height: 30px; border-top: 1px solid #e5e5e5; line-height: 28px; } .central-gallery-placeholder .flex-control-nav.flex-control-paging li { vertical-align: middle; } .central-gallery-placeholder .flex-control-nav.flex-control-paging li a { box-shadow: none; width: 8px; height: 8px; } .central-gallery-placeholder .flex-control-nav.flex-control-paging li a:hover { background: rgba(0, 158, 224, 0.7); } .central-gallery-placeholder .flex-control-nav.flex-control-paging li a.flex-active { background: #009ee0; } .central-gallery-placeholder .flex-direction-nav { width: 43%; height: 30px; position: absolute; right: 4%; bottom: -20px; } .central-gallery-placeholder .flex-direction-nav a { top: -22px; width: 16px; height: 16px; opacity: 1; margin: 0; background-position: 50% 50%; background-repeat: no-repeat; } .central-gallery-placeholder .flex-direction-nav a.flex-prev { left: 7px; background-image: url(corporate-centralGallery-previous-picto.png); } .central-gallery-placeholder .flex-direction-nav a.flex-next { right: 7px; background-image: url(corporate-centralGallery-next-picto.png); } .content-page.magazine .central-gallery-placeholder .flex-direction-nav a.flex-prev { left: 7px; background-image: url("img-arrow-orange-left.png"); } .content-page.magazine .central-gallery-placeholder .flex-direction-nav a.flex-next { right: 7px; background-image: url("img-arrow-orange-right.png"); } .content-page.magazine .central-gallery-placeholder .viewmore a { background-image: url(img-picto-list-orange-empty.png); color: #ea6a49; } .content-page.magazine .central-gallery-placeholder .viewmore a:hover { background-image: url(img-picto-list-orange.png); color: #b83715; } .content-page.magazine .central-gallery-placeholder .flex-control-paging li a:hover { background-color: rgba(234, 106, 73, 0.7); } .content-page.magazine .central-gallery-placeholder .flex-control-paging li a.flex-active { background-color: #ea6a49; } .photo-thumbnail-gallery-placeholder, .video-gallery-placeholder { margin-bottom: 3%; } .photo-thumbnail-gallery-placeholder .large-zone, .video-gallery-placeholder .large-zone { position: relative; } .photo-thumbnail-gallery-placeholder .large-zone img, .video-gallery-placeholder .large-zone img { width: 100%; display: block; } .photo-thumbnail-gallery-placeholder .large-zone .abstract, .photo-thumbnail-gallery-placeholder .large-zone .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .photo-thumbnail-gallery-placeholder .large-zone span, .video-gallery-placeholder .large-zone .abstract, .video-gallery-placeholder .large-zone .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .video-gallery-placeholder .large-zone span { margin: 0; padding: 1% 2%; position: absolute; bottom: 0; color: #FFF; width: 96%; background-color: #447896; background-color: rgba(26, 93, 131, 0.8); background-repeat: no-repeat; } .photo-thumbnail-gallery-placeholder .large-zone .abstract h3, .photo-thumbnail-gallery-placeholder .large-zone .photo-thumbnail-content.central-detail .text span h3, .photo-thumbnail-content.central-detail .text .photo-thumbnail-gallery-placeholder .large-zone span h3, .video-gallery-placeholder .large-zone .abstract h3, .video-gallery-placeholder .large-zone .photo-thumbnail-content.central-detail .text span h3, .photo-thumbnail-content.central-detail .text .video-gallery-placeholder .large-zone span h3 { font-weight: normal; display: inline; } .photo-thumbnail-gallery-placeholder .large-zone .abstract p, .photo-thumbnail-gallery-placeholder .large-zone .photo-thumbnail-content.central-detail .text span p, .photo-thumbnail-content.central-detail .text .photo-thumbnail-gallery-placeholder .large-zone span p, .video-gallery-placeholder .large-zone .abstract p, .video-gallery-placeholder .large-zone .photo-thumbnail-content.central-detail .text span p, .photo-thumbnail-content.central-detail .text .video-gallery-placeholder .large-zone span p { display: inline; } .photo-thumbnail-gallery-placeholder .thumbs-zone, .video-gallery-placeholder .thumbs-zone { background: #fff; padding: 4%; position: relative; } .photo-thumbnail-gallery-placeholder .thumbs-zone .slides li, .video-gallery-placeholder .thumbs-zone .slides li { max-width: 222px; } .photo-thumbnail-gallery-placeholder .thumbs-zone.empty, .video-gallery-placeholder .thumbs-zone.empty { display: none; } .photo-thumbnail-gallery-placeholder #slider .img-text, .video-gallery-placeholder #slider .img-text { height: 100%; position: relative; } .photo-thumbnail-gallery-placeholder #slider .img-text img, .video-gallery-placeholder #slider .img-text img { display: block; width: 100%; } .photo-thumbnail-gallery-placeholder #slider .img-text .text, .video-gallery-placeholder #slider .img-text .text { max-height: 15px; margin: 7% 10% 7% 0; color: #757575; font-size: 0.85em; } .photo-thumbnail-gallery-placeholder #slider .img-text .abstract, .photo-thumbnail-gallery-placeholder #slider .img-text .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .photo-thumbnail-gallery-placeholder #slider .img-text span, .video-gallery-placeholder #slider .img-text .abstract, .video-gallery-placeholder #slider .img-text .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .video-gallery-placeholder #slider .img-text span { bottom: 0; } .photo-thumbnail-gallery-placeholder #slider .flex-direction-nav, .video-gallery-placeholder #slider .flex-direction-nav { visibility: hidden; } .photo-thumbnail-gallery-placeholder #carousel .img-text, .video-gallery-placeholder #carousel .img-text { height: 170px; border-bottom: solid 10px #e9e8e3; } .photo-thumbnail-gallery-placeholder #carousel .img-text img, .video-gallery-placeholder #carousel .img-text img { display: block; width: 100%; } .photo-thumbnail-gallery-placeholder #carousel .img-text .text, .video-gallery-placeholder #carousel .img-text .text { max-height: 15px; margin: 7% 10% 7% 0; color: #757575; font-size: 0.85em; } .photo-thumbnail-gallery-placeholder #carousel .img-text .abstract, .photo-thumbnail-gallery-placeholder #carousel .img-text .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .photo-thumbnail-gallery-placeholder #carousel .img-text span, .video-gallery-placeholder #carousel .img-text .abstract, .video-gallery-placeholder #carousel .img-text .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .video-gallery-placeholder #carousel .img-text span { display: none; } .photo-thumbnail-gallery-placeholder .flex-direction-nav a, .video-gallery-placeholder .flex-direction-nav a { opacity: 1; width: 38px; height: 38px; top: 40%; } .photo-thumbnail-gallery-placeholder .flex-direction-nav .flex-prev, .video-gallery-placeholder .flex-direction-nav .flex-prev { background: url(img-arrow-prev.png) 50% 50% no-repeat; left: 1.5%; } .photo-thumbnail-gallery-placeholder .flex-direction-nav .flex-next, .video-gallery-placeholder .flex-direction-nav .flex-next { background: url(img-arrow-next.png) 50% 50% no-repeat; right: 1.5%; } .central-promotion-article-pressrelease-placeholder { margin-bottom: 1%; } #main-central-layout .central-promotion-article-pressrelease-placeholder .wrapper h1 { font-size: 1.9em; font-weight: normal; } @media screen and (max-width: 750px) { #main-central-layout .central-promotion-article-pressrelease-placeholder .wrapper h1 { font-size: 1.2em; font-weight: bold; } } #main-central-layout .central-promotion-article-pressrelease-placeholder .wrapper p.p-header { font-size: 1.9em; font-weight: normal; } @media screen and (max-width: 750px) { #main-central-layout .central-promotion-article-pressrelease-placeholder .wrapper p.p-header { font-size: 1.2em; font-weight: bold; } } .central-promotion-article-pressrelease-placeholder .wrapper { background-color: #FFF; background-image: url("img-paper-corner.gif"); background-position: right 0; background-repeat: no-repeat; } .central-promotion-article-pressrelease-placeholder .wrapper .main-picture { text-align: center; } .central-promotion-article-pressrelease-placeholder .wrapper .main-picture img { display: block; width: 100%; max-width: 340px; } .central-promotion-article-pressrelease-placeholder .wrapper .content-title { margin: 0; font-size: 1.2em; } .central-promotion-article-pressrelease-placeholder .wrapper li { display: inline-block; padding: 8px 0 8px 12px; background-image: url("img-picto-list-empty.png"); background-position: left 15px; background-repeat: no-repeat; border-top: solid 1px #cfceca; line-height: 21px; } .central-promotion-article-pressrelease-placeholder .wrapper li:hover { background-image: url("img-picto-list.png"); } .central-promotion-article-pressrelease-placeholder .wrapper li:first-child { border-top: none; } .central-promotion-article-pressrelease-placeholder .index-list-placeholder li { display: block; } .central-shortcut-placeholder { margin-bottom: 2%; } @media screen and (max-width: 760px) { .central-shortcut-placeholder { margin-left: 3%; margin-right: 3%; } } .central-shortcut-placeholder h2 { color: #595956; font-size: 14px; font-weight: bold; margin-top: 0; margin-bottom: 1%; } .central-shortcut-placeholder .item-list { position: relative; background: #acaba6; padding: 2% 11%; } .central-shortcut-placeholder .item-list p:not(.p-header) { display: none; } .central-shortcut-placeholder .flex-direction-nav a { opacity: 1; width: 10%; height: 100%; top: 0; margin: 0; z-index: 2; } .central-shortcut-placeholder .flex-direction-nav .flex-prev { background: #cac9c4 url(corporate-centralShortcut-previous-picto.png) 50% 50% no-repeat; left: 0; } .central-shortcut-placeholder .flex-direction-nav .flex-prev:hover { background: #cac9c4 url(corporate-centralShortcut-previous-hover-picto.png) 50% 50% no-repeat; } .central-shortcut-placeholder .flex-direction-nav .flex-next { background: #cac9c4 url(corporate-centralShortcut-next-picto.png) 50% 50% no-repeat; right: 0; } .central-shortcut-placeholder .flex-direction-nav .flex-next:hover { background: #cac9c4 url(corporate-centralShortcut-next-hover-picto.png) 50% 50% no-repeat; } .keepeek-media-placeholder { display: none; frameborder: 0; line-height: 200px; position: absolute; width: 640px; height: 510px; top: 30%; left: 40%; margin-top: -100px; margin-left: -150px; background-color: #000000; border-radius: 5px; text-align: center; z-index: 41; } .keepeek-media-placeholder iframe { width: 640px; height: 510px; border: 0; } .keepeek-media-placeholder .keepeek-media-close { background: url("img-popin-cross.gif") 50% 50% no-repeat; width: 24px; height: 25px; position: absolute; right: 0; top: 0; } .addtocalendar-placeholder { position: relative; } @media screen and (max-width: 760px) { .addtocalendar-placeholder { display: none; } } #main-layout { zoom: 1; } #main-layout:before, #main-layout:after { content: " "; display: table; } #main-layout:after { clear: both; } body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) #main-layout { width: auto; } @media screen and (min-width: 1025px) { body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) #main-layout { margin: 10px 30px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) #main-layout { margin: 10px 30px; } } @media screen and (max-width: 763px) { body:not([class*="product-catalog-"]):not(.home-page):not(.home-light-page):not(.magazine-home-page):not(.magazine-content-page):not(.magazine-index-page):not(.media-home-page) #main-layout { margin: 10px 0; } } .home-page #main-layout { margin: 0; } .home-light-page #main-layout { padding: 0 0 30px; } #main-central-layout { float: left; width: 73%; } #main-side-layout { float: right; width: 25%; } #main-side-layout .feedlink-content, #main-side-layout .index-content, #main-side-layout .latestvacancies-content { margin-bottom: 6%; } #main-side-layout .feedlink-content .wrapper, #main-side-layout .index-content .wrapper, #main-side-layout .latestvacancies-content .wrapper { background: white url("img-paper-corner.gif") 100% 0 no-repeat; padding: 8%; } #main-side-layout .feedlink-content .wrapper .main-picture, #main-side-layout .index-content .wrapper .main-picture, #main-side-layout .latestvacancies-content .wrapper .main-picture { margin-bottom: 15px; padding-top: 15px; } #main-side-layout .feedlink-content footer, #main-side-layout .index-content footer, #main-side-layout .latestvacancies-content footer { padding: 10px 0 0; } #main-side-layout .latestvacancies-content { display: none; } #main-side-layout .latestvacancies-content p { margin: 0; } #main-side-layout .latestvacancies-content ul { margin-top: 10px; } #main-side-layout .side-promotion { margin-bottom: 6%; } #main-side-layout .side-promotion img { width: 100%; display: block; } #main-bottom-layout { background: #f8f8f5; padding: 30px 0; } #main-bottom-layout.empty { padding: 0; } .footer-layout { background: #FFFFFF; padding-top: 50px; } @media screen and (max-width: 750px) { .footer-layout { padding-top: 20px; } } @media screen and (max-width: 750px) { .footer-layout .cols { display: none; } } .footer-layout .col { width: 25%; float: left; padding: 0 0 0 1%; } .footer-layout .col:first-child { padding-left: 0; } .footer-layout .footer-text { margin-top: 20px; padding: 20px 15px; background: #eeeeee; } @media screen and (max-width: 750px) { .footer-layout .footer-text { margin-top: 0; } } .footer-layout .content-title { margin: 0; color: #3A4E57; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 20px; } .footer-layout .paragraph p { color: #979797; font: 13px Verdana,Arial,sans-serif; line-height: 20px; } .footer-layout .paragraph a { font-size: 11px; } .footer-layout nav li { margin-top: 15px; } .footer-layout nav a { color: #3A4E57; font-size: 13px; } .footer-layout nav a:hover { color: #009EE0; } @media only screen and (max-device-width: 764px) and (orientation: landscape) { body.search-open { padding-top: 0 !important; } } .wrap, body[class*="product-catalog-"] .central-promotion-placeholder, body.home-page .central-promotion-placeholder, body.home-light-page .central-promotion-placeholder { position: relative; margin: 0 auto; max-width: 1280px; width: 100%; } @media screen and (min-width: 1025px) { .wrap, body[class*="product-catalog-"] .central-promotion-placeholder, body.home-page .central-promotion-placeholder, body.home-light-page .central-promotion-placeholder { padding: 0 2rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .wrap, body[class*="product-catalog-"] .central-promotion-placeholder, body.home-page .central-promotion-placeholder, body.home-light-page .central-promotion-placeholder { padding: 0 2rem; } } @media screen and (max-width: 763px) { .wrap, body[class*="product-catalog-"] .central-promotion-placeholder, body.home-page .central-promotion-placeholder, body.home-light-page .central-promotion-placeholder { padding: 0 0.66rem; } } .master-page #main-side-layout .main-content, .master-webzine-page #main-side-layout .main-content { background: none; } .master-page #main-side-layout .main-content li, .master-webzine-page #main-side-layout .main-content li { list-style-type: none; } .master-page #main-side-layout .main-content li.no-child, .master-webzine-page #main-side-layout .main-content li.no-child { background-color: #85847e; list-style-type: none; border-color: #92918c; padding: 15px 8%; position: relative; } .master-page #main-side-layout .main-content li.no-child a, .master-webzine-page #main-side-layout .main-content li.no-child a { color: #fff; text-decoration: none; } .master-page #main-side-layout .main-content li.no-child a:hover, .master-webzine-page #main-side-layout .main-content li.no-child a:hover { color: #555555; } .master-page.business .postheader-layout.focus { background: none; } .master-page.business .postheader-layout .postheader-focus { height: auto; margin: 0; min-height: 0; } .master-page.business .postheader-layout .postheader-focus .summary-postheader-focus { background: none; height: auto; width: auto; padding: 0; } .master-page.business .postheader-layout .postheader-focus .summary-postheader-focus h1, .master-page.business .postheader-layout .postheader-focus .summary-postheader-focus p.p-header { margin: 2% 0; } .master-page.business .postheader-layout .postheader-focus .summary-postheader-focus .social { display: none; } .master-page .banner-slideshow-content { margin-bottom: 1%; } .master-page .banner-slideshow-content .flex-direction-nav .flex-prev { opacity: 1; left: -20px; background: url(img-arrow-prev.png) 50% 50% no-repeat; width: 38px; height: 38px; } .master-page .banner-slideshow-content .flex-direction-nav .flex-next { opacity: 1; right: -20px; background: url(img-arrow-next.png) 50% 50% no-repeat; width: 38px; height: 38px; } .master-page .banner-slideshow-content .slide-content { margin: 0; overflow: hidden; min-height: 300px; max-height: 300px; } .master-page .banner-slideshow-content .slide-content .slide-picture { width: 100%; } .master-page .banner-slideshow-content .slide-content .slide-text { opacity: 0.9; transition: all 0.2s ease-in-out 0s; background: url(corporate-banner-title-picto.png) no-repeat 96% 50% white; background: url(corporate-banner-title-picto.png) no-repeat 96% 50% rgba(255, 255, 255, 0.97); color: #fff; } .master-page .banner-slideshow-content .slide-content .slide-text .content-title { color: #206C99; } .master-page .banner-slideshow-content .slide-content .slide-text p { color: #3a4e57; margin-bottom: 0; } .master-page .banner-slideshow-content .slide-content .slide-text:hover { background: url(corporate-banner-title-hover-picto.png) no-repeat 96% 50% white; background: url(corporate-banner-title-hover-picto.png) no-repeat 96% 50% rgba(255, 255, 255, 0.97); } .landing-page .postheader-layout { padding: 0; } .content-page.magazine a[target="_blank"] { background: transparent url("img-picto-external-orange.png") center right no-repeat; } .content-page.magazine a[target="_blank"].rss { background: none; } .content-page.magazine .pressrelease-content.side-promotion .text-strip { background-color: #ea6a49; background-color: rgba(234, 106, 73, 0.9); } .content-page.magazine .pressrelease-content.side-promotion .text-strip:hover { background-color: #b83715; background-color: rgba(229, 69, 27, 0.9); } .content-page.magazine .pressrelease-content.side-promotion .content-title { margin: 0; font-weight: bold; } @media screen and (min-width: 1025px) { .content-page.magazine .pressrelease-content.side-promotion .content-title { font-size: 14px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .content-page.magazine .pressrelease-content.side-promotion .content-title { font-size: 14px; } } @media screen and (max-width: 763px) { .content-page.magazine .pressrelease-content.side-promotion .content-title { font-size: 13px; } } .content-page.magazine .footer-container a[target="_blank"] { background-image: url("img-picto-external.png"); background: url("img-picto-external.png") no-repeat scroll right center transparent; padding-right: 18px; } .content-page.magazine #main-layout .author { position: relative; margin-bottom: 2%; padding: 1.5%; background: #FFF; } .content-page.magazine #main-layout .author:before { content: ""; position: absolute; top: -12px; left: 1.5%; border: 12px solid transparent; border-left-color: #FFF; } .content-page.magazine #main-layout .author .main-picture { float: left; width: 12%; margin-right: 1%; } .content-page.magazine #main-layout .author .main-picture img { display: block; width: 100%; } .content-page.magazine #main-layout .author .author-name { color: #ea6a49; font: bold 12px Verdana,sans-serif; } .content-page.magazine #main-layout .author .author-name span { color: #333 !important; } .content-page.magazine #main-layout .author .author-role { margin-top: 1%; color: #818181; font: normal 12px Verdana,sans-serif; } .content-page.magazine #main-layout .central-related a { background-image: url("img-picto-list-orange-empty.png"); color: #ea6a49; } .content-page.magazine #main-layout .central-related a:hover { background-image: url("img-picto-list-orange.png"); color: #b83715; } .content-page.magazine #main-layout .central-related .download-content a { background-image: none; } .content-page.magazine #main-layout .central-related .download-content a:hover { background-image: none; } .content-page.magazine #main-layout .paragraph-body a[target="_blank"], .content-page.magazine #main-layout .item-list a[target="_blank"], .content-page.magazine #main-layout .central-related a[target="_blank"] { background: transparent url("img-picto-external-orange.png") center right no-repeat !important; } .content-page.magazine #main-layout .paragraph-body a, .content-page.magazine #main-layout .paragraph-body ol li:before, .content-page.magazine #main-layout .item-list a, .content-page.magazine #main-layout .item-list ol li:before, .content-page.magazine #main-layout .central-related a, .content-page.magazine #main-layout .central-related ol li:before { color: #ea6a49; } .content-page.magazine #main-layout .paragraph-body a:hover, .content-page.magazine #main-layout .item-list a:hover, .content-page.magazine #main-layout .central-related a:hover { color: #b83715; } .content-page.magazine #main-layout .paragraph-body ul li, .content-page.magazine #main-layout .item-list ul li, .content-page.magazine #main-layout .central-related ul li { position: relative; background: none; } .content-page.magazine #main-layout .paragraph-body ul li:before, .content-page.magazine #main-layout .item-list ul li:before, .content-page.magazine #main-layout .central-related ul li:before { position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background: #ea6a49; border-radius: 100%; content: ""; } .content-page.magazine #main-layout .paragraph-body ul.flex-direction-nav li:before, .content-page.magazine #main-layout .item-list ul.flex-direction-nav li:before, .content-page.magazine #main-layout .central-related ul.flex-direction-nav li:before { width: auto; height: auto; } .content-page.magazine #main-layout .paragraph-body h3, .content-page.magazine #main-layout .item-list h3, .content-page.magazine #main-layout .central-related h3 { color: #555555; } .content-page.magazine #main-layout .paragraph-body ul li { padding: 0 0 0.5% 15px; } .content-page.magazine #main-layout #main-side-layout .main-content { background: none; } .content-page.magazine #main-layout #main-side-layout .related-content-list a { color: #ea6a49; } .content-page.magazine #main-layout #main-side-layout .related-content-list a:hover { color: #b83715; } .master-webzine-page .loading p { color: #ea6a49; } .master-webzine-page .ias_trigger p { color: #ea6a49; } .master-webzine-page .pressrelease-content.side-promotion .text-strip { background-color: #ea6a49; background-color: rgba(234, 106, 73, 0.9); } .master-webzine-page .pressrelease-content.side-promotion .text-strip:hover { background-color: #b83715; background-color: rgba(229, 69, 27, 0.9); } .master-webzine-page .paragraph-body a, .master-webzine-page .paragraph-body ol li:before { color: #ea6a49 !important; } .master-webzine-page .paragraph-body .contact-email a { background: url("img-picto-list-orange.png") no-repeat scroll left 4px transparent; color: #ea6a49; } .master-webzine-page .paragraph-body .contact-email a:hover { color: #b83715; } .master-webzine-page .postheader-layout { padding-bottom: 30px; background: #cac9c4 url("img-background-headmaster.jpg") center top repeat-x; } @media screen and (max-width: 760px) { .master-webzine-page .postheader-layout { padding-bottom: 0; } } .master-webzine-page .postheader-layout .loading p { color: #ea6a49; } .master-webzine-page .postheader-layout .postheader-focus { margin: 0; min-height: 0; } .master-webzine-page .postheader-layout .postheader-focus .summary-postheader-focus { float: left; margin-left: -3%; padding-right: 0; width: 29%; height: auto; background: transparent; } @media screen and (max-width: 760px) { .master-webzine-page .postheader-layout .postheader-focus .summary-postheader-focus { float: none; width: 100%; overflow: hidden; position: relative; } } .master-webzine-page .postheader-layout .postheader-focus .summary-postheader-focus h1, .master-webzine-page .postheader-layout .postheader-focus .summary-postheader-focus p.p-header { padding: 10px 10px 14px 8%; background: #ea6a49; color: #fff; font-weight: normal; font-size: 38px; } .master-webzine-page .postheader-layout .postheader-focus .summary-postheader-focus .social { margin-left: 8%; } .master-webzine-page .side-menu h1 { cursor: auto; background: #656565; text-shadow: 0px 1px 1px #494949; background: -moz-linear-gradient(top, #84817c 0%, #52514e 100%); background: -webkit-linear-gradient(top, #84817c 0%, #52514e 100%); background: -ms-linear-gradient(top, #84817c 0%, #52514e 100%); background: linear-gradient(to bottom, #84817c 0%, #52514e 100%); color: #fff; } .master-webzine-page .side-menu > ul { background: #85847e url("img-background-about-grey.gif") top center repeat-x; } .master-webzine-page .side-menu > ul > li { border-color: #92918c; background: none; padding: 15px 8%; } .master-webzine-page .side-menu > ul > li.level-1, .master-webzine-page .side-menu > ul > li.level-2, .master-webzine-page .side-menu > ul > li.level-3 { border: none; font-size: 13px; } .master-webzine-page .side-menu > ul > li.level-1 > a, .master-webzine-page .side-menu > ul > li.level-2 > a, .master-webzine-page .side-menu > ul > li.level-3 > a { padding: 0; color: #ddd; background-position: 95% -43px; } .master-webzine-page .side-menu > ul > li.level-1 > a:hover, .master-webzine-page .side-menu > ul > li.level-2 > a:hover, .master-webzine-page .side-menu > ul > li.level-3 > a:hover { color: #555555; } .master-webzine-page .side-menu > ul a { color: #ddd; } .master-webzine-page .side-menu > ul a:hover { color: #555555; } .master-webzine-page .title-menu { z-index: 5; margin: 0; background: #656565; background: linear-gradient(to bottom, #84817c 0%, #52514e 100%); text-shadow: 0px 1px 1px #494949; color: white; display: block; font-weight: bold; font-size: 1.54em; padding: 6% 8%; } .master-webzine-page .down-level ul { background: #85847e; } .master-webzine-page .down-level ul > li { border-color: #92918c; padding: 15px 8%; position: relative; background: none; } .master-webzine-page .down-level ul > li > a { background-position: 95% -43px; } .master-webzine-page .down-level ul a { color: #fff; } .master-webzine-page .down-level ul a:hover { color: #555555; } @media screen and (max-width: 760px) { .home-light-page #hp-press { width: 100%; } } .home-light-page #home-light-central-layout { width: 73%; float: left; margin-top: 2%; } .home-light-page .central-news-list { margin-top: 2%; } .home-light-page .main-content .content-title { display: inline; font-weight: normal; font-size: 1.8em; } .home-light-page .main-content .content-title a { color: #3a4e57; cursor: default; } .home-light-page .main-content header { margin: 4% 0 0 0; } .home-light-page .main-content .paragraph-list { padding-bottom: 0; } .home-light-page .main-content .paragraph { margin: 2% 0; } .home-light-page #main-bottom-layout { background-color: #CAC9C4; } .home-light-page #main-side-layout { margin-top: 2%; } .home-light-page .banner-slideshow-content .flex-direction-nav .flex-prev { opacity: 1; left: -20px; background: url(img-arrow-prev.png) 50% 50% no-repeat; width: 38px; height: 38px; } .home-light-page .banner-slideshow-content .flex-direction-nav .flex-next { opacity: 1; right: -20px; background: url(img-arrow-next.png) 50% 50% no-repeat; width: 38px; height: 38px; } .home-light-page .banner-slideshow-content .slide-content { margin: 0; overflow: hidden; min-height: 300px; max-height: 300px; } .home-light-page .banner-slideshow-content .slide-content .slide-picture { width: 100%; } .home-light-page .banner-slideshow-content .slide-content .slide-text { opacity: 0.9; transition: all 0.2s ease-in-out 0s; background: url(corporate-banner-title-picto.png) no-repeat 96% 50% white; background: url(corporate-banner-title-picto.png) no-repeat 96% 50% rgba(255, 255, 255, 0.97); color: #fff; } .home-light-page .banner-slideshow-content .slide-content .slide-text .content-title { color: #206C99; } .home-light-page .banner-slideshow-content .slide-content .slide-text p { color: #3a4e57; margin-bottom: 0; } .home-light-page .banner-slideshow-content .slide-content .slide-text:hover { background: url(corporate-banner-title-hover-picto.png) no-repeat 96% 50% white; background: url(corporate-banner-title-hover-picto.png) no-repeat 96% 50% rgba(255, 255, 255, 0.97); } .home-page { /* Banner Slideshow */ } .home-page #hp-press header, .home-page #hp-mag header, .home-page #hp-social header { margin-bottom: 2%; } .home-page #hp-press header a h1:hover, .home-page #hp-press header a p.p-header:hover, .home-page #hp-mag header a h1:hover, .home-page #hp-mag header a p.p-header:hover, .home-page #hp-social header a h1:hover, .home-page #hp-social header a p.p-header:hover { cursor: pointer; } .home-page #hp-press { padding: 2%; margin-bottom: 0; background: #e9e8e3; } .home-page #hp-press .item-list { zoom: 1; } .home-page #hp-press .item-list:before, .home-page #hp-press .item-list:after { content: " "; display: table; } .home-page #hp-press .item-list:after { clear: both; } .home-page .slide-content .slide-text.no-link { background-image: none; cursor: default; } .home-page .slide-content .slide-text.no-link:hover { background-image: none; cursor: default; } .home-page .slide-content .slide-text.no-link a { cursor: default; } .home-page .slide-content .slide-text.no-link a:hover { cursor: default; } .home-page .sticky-side-nav { display: none; position: fixed; z-index: 3; right: 0; bottom: 0; } .ie8 .home-page .sticky-side-nav, .ie7 .home-page .sticky-side-nav { display: block; } .home-page .sticky-side-nav .slides { background: #1a5d83; background: rgba(26, 93, 131, 0.7); padding: 5px; width: 80px; } .home-page .sticky-side-nav .slides a { padding: 5px; display: block; opacity: .7; } .home-page .sticky-side-nav .slides a img { display: block; width: 100%; } .home-page .sticky-side-nav .slides a:hover { background: #113b54; opacity: 1; } .home-page .sticky-side-nav .slides a.active { background: #113b54; opacity: 1; } .home-page .sticky-side-nav .infos { margin-top: 10px; background: #1a5d83; background: rgba(26, 93, 131, 0.7); width: 90px; } .home-page .sticky-side-nav .infos a { padding: 5px; display: block; height: 20px; padding-top: 40px; color: #fff; text-transform: uppercase; text-align: center; } .home-page .sticky-side-nav .infos a:hover { background-color: #154a69; background-color: rgba(21, 74, 105, 0.7); } .home-page .sticky-side-nav .infos a.active { background-color: #154a69; background-color: rgba(21, 74, 105, 0.7); } .home-page .sticky-side-nav .infos .logo-press { background: url("img-logo-press.png") 50% 35% no-repeat; } .home-page .sticky-side-nav .infos .logo-mag { background: url("img-logo-mag.png") 50% 35% no-repeat; } .home-page .sticky-side-nav .infos .logo-social { background: url("img-logo-social.png") 50% 35% no-repeat; } .home-page .home-banner-slideshow-content .flex-control-paging { position: absolute; bottom: 20px; left: 20px; z-index: 1; /*@include respond(to($size-mobile)) { bottom: 5px; left: 15px; }*/ } .home-page .home-banner-slideshow-content .flex-control-paging li { display: inline-block; position: relative; margin: 0 5px; } .home-page .home-banner-slideshow-content .flex-control-paging li:before, .home-page .home-banner-slideshow-content .flex-control-paging li:after { content: ""; position: absolute; top: 50%; transform: translate(0, -50%); width: 5px; height: 2px; background: #ffffff; } .home-page .home-banner-slideshow-content .flex-control-paging li:before { right: 100%; } .home-page .home-banner-slideshow-content .flex-control-paging li:after { left: 100%; } .home-page .home-banner-slideshow-content .flex-control-paging li:first-child:before { content: none; } .home-page .home-banner-slideshow-content .flex-control-paging li:last-child:after { content: none; } .home-page .home-banner-slideshow-content .flex-control-paging li a { position: relative; display: block; width: 14px; height: 14px; background: none; border-radius: 50%; border: 2px solid #ffffff; font-size: 0; cursor: pointer; transition: all 0.5s ease; } .home-page .home-banner-slideshow-content .flex-control-paging li a.flex-active { background: #ffffff; box-shadow: none; } .home-page .home-banner-slideshow-content .flex-direction-nav .flex-prev { opacity: 1; left: -20px; background: url(img-arrow-prev.png) 50% 50% no-repeat; width: 38px; height: 38px; } .home-page .home-banner-slideshow-content .flex-direction-nav .flex-next { opacity: 1; right: -20px; background: url(img-arrow-next.png) 50% 50% no-repeat; width: 38px; height: 38px; } .home-page .home-banner-slideshow-content .slide-content { margin: 0; overflow: hidden; min-height: 300px; max-height: 300px; } .home-page .home-banner-slideshow-content .slide-content .slide-picture { width: 100%; } .home-page .home-banner-slideshow-content .slide-content .slide-text { opacity: 0.9; transition: all 0.2s ease-in-out 0s; background: url(corporate-banner-title-picto.png) no-repeat 96% 50% white; background: url(corporate-banner-title-picto.png) no-repeat 96% 50% rgba(255, 255, 255, 0.97); color: #fff; } .home-page .home-banner-slideshow-content .slide-content .slide-text .content-title { color: #206C99; } .home-page .home-banner-slideshow-content .slide-content .slide-text p { color: #3a4e57; margin-bottom: 0; } .home-page .home-banner-slideshow-content .slide-content .slide-text:hover { background: url(corporate-banner-title-hover-picto.png) no-repeat 96% 50% white; background: url(corporate-banner-title-hover-picto.png) no-repeat 96% 50% rgba(255, 255, 255, 0.97); } .content-page #slide-0 .slide-text, .master-page #slide-0 .slide-text, .home-light-page #slide-0 .slide-text, .landing-page #slide-0 .slide-text { opacity: 0.9; transition: all 0.2s ease-in-out 0s; background: url(corporate-banner-title-picto.png) no-repeat 96% 50% white; background: url(corporate-banner-title-picto.png) no-repeat 96% 50% rgba(255, 255, 255, 0.97); } .content-page #slide-0 .slide-text .content-title, .master-page #slide-0 .slide-text .content-title, .home-light-page #slide-0 .slide-text .content-title, .landing-page #slide-0 .slide-text .content-title { color: #206C99; } .content-page #slide-0 .slide-text p, .master-page #slide-0 .slide-text p, .home-light-page #slide-0 .slide-text p, .landing-page #slide-0 .slide-text p { color: #3a4e57; margin-bottom: 0; } .content-page #slide-0 .slide-text:hover, .master-page #slide-0 .slide-text:hover, .home-light-page #slide-0 .slide-text:hover, .landing-page #slide-0 .slide-text:hover { background: url(corporate-banner-title-hover-picto.png) no-repeat 96% 50% white; background: url(corporate-banner-title-hover-picto.png) no-repeat 96% 50% rgba(255, 255, 255, 0.97); } .content-page #slide-0 .slide-text.no-link, .master-page #slide-0 .slide-text.no-link, .home-light-page #slide-0 .slide-text.no-link, .landing-page #slide-0 .slide-text.no-link { background-image: none; cursor: default; background: white; background-color: white; background: rgba(255, 255, 255, 0.97); background-color: rgba(255, 255, 255, 0.97); } .content-page #slide-0 .slide-text.no-link:hover, .master-page #slide-0 .slide-text.no-link:hover, .home-light-page #slide-0 .slide-text.no-link:hover, .landing-page #slide-0 .slide-text.no-link:hover { background-image: none; cursor: default; } .content-page #slide-0 .slide-text.no-link a, .master-page #slide-0 .slide-text.no-link a, .home-light-page #slide-0 .slide-text.no-link a, .landing-page #slide-0 .slide-text.no-link a { cursor: default; } .content-page #slide-0 .slide-text.no-link a:hover, .master-page #slide-0 .slide-text.no-link a:hover, .home-light-page #slide-0 .slide-text.no-link a:hover, .landing-page #slide-0 .slide-text.no-link a:hover { cursor: default; } .content-page .slide-content .slide-text, .master-page .slide-content .slide-text, .home-light-page .slide-content .slide-text, .landing-page .slide-content .slide-text { background-position: 96% 94%; background-repeat: no-repeat; color: #206C99; display: block; left: 0; min-width: 250px; padding: 3% 2%; } .content-page .slide-content .slide-text.no-link, .master-page .slide-content .slide-text.no-link, .home-light-page .slide-content .slide-text.no-link, .landing-page .slide-content .slide-text.no-link { background-image: none; cursor: default; } .content-page .slide-content .slide-text.no-link:hover, .master-page .slide-content .slide-text.no-link:hover, .home-light-page .slide-content .slide-text.no-link:hover, .landing-page .slide-content .slide-text.no-link:hover { background-image: none; background: white; background-color: white; background: rgba(255, 255, 255, 0.97); background-color: rgba(255, 255, 255, 0.97); cursor: default; } .content-page .slide-content .slide-text.no-link a, .master-page .slide-content .slide-text.no-link a, .home-light-page .slide-content .slide-text.no-link a, .landing-page .slide-content .slide-text.no-link a { cursor: default; } .content-page .slide-content .slide-text.no-link a:hover, .master-page .slide-content .slide-text.no-link a:hover, .home-light-page .slide-content .slide-text.no-link a:hover, .landing-page .slide-content .slide-text.no-link a:hover { cursor: default; } @media screen and (max-width: 504px) { .content-page .slide-content .slide-text, .master-page .slide-content .slide-text, .home-light-page .slide-content .slide-text, .landing-page .slide-content .slide-text { min-width: 160px; left: 4%; padding: 2% 4%; } } @media screen and (max-width: 504px) { .content-page .slide-content .slide-text p, .master-page .slide-content .slide-text p, .home-light-page .slide-content .slide-text p, .landing-page .slide-content .slide-text p { font-size: 11px; } } .content-page .slide-content .next-slide-wrapper, .master-page .slide-content .next-slide-wrapper, .home-light-page .slide-content .next-slide-wrapper, .landing-page .slide-content .next-slide-wrapper { display: none; } .pr-index-page .filter-content-press, .event-index-page .filter-content-press { margin-bottom: 4%; padding: 20px; background: #CAC9C4; } .pr-index-page .filter-content-press input[type="image"], .event-index-page .filter-content-press input[type="image"] { float: left; margin-top: 5px; margin-left: -30px; } .pr-index-page .filter-content-press input[type="text"], .event-index-page .filter-content-press input[type="text"] { height: 28px; padding: 0 38px 0 12px; border: solid 1px #b8b7b5; border-radius: 20px; -webkit-box-shadow: inset 0 0 7px #666; -moz-box-shadow: inset 0 0 7px #666; box-shadow: inset 0 0 7px #666; } .pr-index-page .filter-content-press select, .event-index-page .filter-content-press select { padding: 5px; } .pr-index-page .filter-content-press .form-search, .pr-index-page .filter-content-press .date, .pr-index-page .filter-content-press .select, .event-index-page .filter-content-press .form-search, .event-index-page .filter-content-press .date, .event-index-page .filter-content-press .select { float: left; } @media screen and (max-width: 760px) { .pr-index-page .filter-content-press .form-search, .pr-index-page .filter-content-press .date, .pr-index-page .filter-content-press .select, .event-index-page .filter-content-press .form-search, .event-index-page .filter-content-press .date, .event-index-page .filter-content-press .select { float: none; margin-bottom: 10px; width: 100%; border: none; } } .pr-index-page .filter-content-press .form-search > p, .pr-index-page .filter-content-press .form-search label, .pr-index-page .filter-content-press .date > p, .pr-index-page .filter-content-press .date label, .pr-index-page .filter-content-press .select > p, .pr-index-page .filter-content-press .select label, .event-index-page .filter-content-press .form-search > p, .event-index-page .filter-content-press .form-search label, .event-index-page .filter-content-press .date > p, .event-index-page .filter-content-press .date label, .event-index-page .filter-content-press .select > p, .event-index-page .filter-content-press .select label { color: #555555; display: block; cursor: default; float: left; margin: 0; width: 35%; padding-top: 3px; padding-right: 4%; font-weight: bold; font-size: 1.2em; text-align: right; } @media screen and (max-width: 760px) { .pr-index-page .filter-content-press .form-search > p, .pr-index-page .filter-content-press .form-search label, .pr-index-page .filter-content-press .date > p, .pr-index-page .filter-content-press .date label, .pr-index-page .filter-content-press .select > p, .pr-index-page .filter-content-press .select label, .event-index-page .filter-content-press .form-search > p, .event-index-page .filter-content-press .form-search label, .event-index-page .filter-content-press .date > p, .event-index-page .filter-content-press .date label, .event-index-page .filter-content-press .select > p, .event-index-page .filter-content-press .select label { float: none; padding-top: 0; padding-bottom: 3px; text-align: left; } } .pr-index-page .filter-content-press .form-search select, .pr-index-page .filter-content-press .form-search input[type=text], .pr-index-page .filter-content-press .date select, .pr-index-page .filter-content-press .date input[type=text], .pr-index-page .filter-content-press .select select, .pr-index-page .filter-content-press .select input[type=text], .event-index-page .filter-content-press .form-search select, .event-index-page .filter-content-press .form-search input[type=text], .event-index-page .filter-content-press .date select, .event-index-page .filter-content-press .date input[type=text], .event-index-page .filter-content-press .select select, .event-index-page .filter-content-press .select input[type=text] { float: left; width: 65%; } @media screen and (max-width: 760px) { .pr-index-page .filter-content-press .form-search select, .pr-index-page .filter-content-press .form-search input[type=text], .pr-index-page .filter-content-press .date select, .pr-index-page .filter-content-press .date input[type=text], .pr-index-page .filter-content-press .select select, .pr-index-page .filter-content-press .select input[type=text], .event-index-page .filter-content-press .form-search select, .event-index-page .filter-content-press .form-search input[type=text], .event-index-page .filter-content-press .date select, .event-index-page .filter-content-press .date input[type=text], .event-index-page .filter-content-press .select select, .event-index-page .filter-content-press .select input[type=text] { float: none; width: 100%; } } .pr-index-page .filter-content-press .form-search, .pr-index-page .filter-content-press .date, .event-index-page .filter-content-press .form-search, .event-index-page .filter-content-press .date { border-right: solid 1px #fff; } .event-index-page .event-content .text { width: 55%; float: right; padding: 5%; height: 210px; overflow: hidden; } .event-index-page .event-content .text .content-title a { color: #009EE0; } .event-index-page .event-content .text .content-title a:hover { color: #007AAD; } .event-index-page .event-content .text .abstract, .event-index-page .event-content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .event-index-page .event-content .text span { color: #7B7C7E; } .event-index-page .event-content time { font-size: 1.1em; padding: 10%; background: #9f65b1; background: linear-gradient(to bottom, #9f65b1 1%, #733c84 100%); -webkit-box-shadow: inset -2px 0px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: inset -2px 0px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-sizing: border-box; box-sizing: border-box; display: block; height: 105px; } .event-index-page .event-content time > strong { color: #fff !important; font-size: 1.1em; } .event-index-page .event-content time > span { color: #DCB2E8; } .event-index-page .event-content time > span > span { color: #DCB2E8; } .event-index-page .filter-content-press .form-search { padding-right: 3%; width: 40%; } @media screen and (max-width: 760px) { .event-index-page .filter-content-press .form-search { padding: 0; float: none; width: 100%; border: none; } } .event-index-page .filter-content-press .date { padding-left: 3%; padding-right: 3%; width: 25%; } @media screen and (max-width: 760px) { .event-index-page .filter-content-press .date { padding: 0; float: none; width: 100%; border: none; } } .event-index-page .filter-content-press .select { padding-left: 3%; width: 35%; border-left: none; } @media screen and (max-width: 760px) { .event-index-page .filter-content-press .select { padding: 0; float: none; width: 100%; border: none; } } .pr-index-page .filter-content-press .form-search { padding-right: 3%; width: 40%; } @media screen and (max-width: 760px) { .pr-index-page .filter-content-press .form-search { padding: 0; float: none; width: 100%; border: none; } } .pr-index-page .filter-content-press .date { padding-left: 3%; padding-right: 3%; width: 30%; } @media screen and (max-width: 760px) { .pr-index-page .filter-content-press .date { padding: 0; float: none; width: 100%; border: none; } } .pr-index-page .filter-content-press .select { padding-left: 3%; width: 30%; } @media screen and (max-width: 760px) { .pr-index-page .filter-content-press .select { padding: 0; float: none; width: 100%; border: none; } } .index-no-paging-page .index-list, .index-page .index-list { margin-top: 3%; background: #FFFFFF; padding: 4%; } .index-no-paging-page .index-list article, .index-page .index-list article { background: none; width: 100%; } .index-no-paging-page .index-list article.pressrelease-content, .index-page .index-list article.pressrelease-content { padding: 0 0 1.6% 0; } .index-no-paging-page .index-list .download-content.central-list .content-title, .index-page .index-list .download-content.central-list .content-title { font-size: 1.1em !important; font-weight: bold; } .index-no-paging-page .index-list .central-list, .index-page .index-list .central-list { border-bottom: solid 1px #dcdcdc; padding-bottom: 1.6%; margin-bottom: 2.8%; } .index-no-paging-page .index-list .central-list .content-title, .index-page .index-list .central-list .content-title { margin: 0; font-size: 1.5em; font-weight: bold; } .index-no-paging-page .index-list .central-list .main-picture, .index-page .index-list .central-list .main-picture { float: left; width: 22%; margin: 1% 4% 2% 0; } .index-no-paging-page .index-list .central-list .main-picture img, .index-page .index-list .central-list .main-picture img { width: 100%; display: block; } .index-no-paging-page .index-list .central-list .text, .index-page .index-list .central-list .text { min-height: 0; margin-top: 0; } .index-no-paging-page .index-list .central-list a, .index-page .index-list .central-list a { font-weight: normal; } .index-no-paging-page .index-list .central-list a:hover, .index-page .index-list .central-list a:hover { color: #007aad; } .index-no-paging-page .index-list .central-list .link a, .index-page .index-list .central-list .link a { font-size: 1.1em; color: #444; } .index-no-paging-page .index-list .central-list .content-date, .index-page .index-list .central-list .content-date { font-size: 0.8em; } .index-no-paging-page .index-list .central-list .end-date, .index-page .index-list .central-list .end-date { font-size: 0.8em; } .index-no-paging-page .index-list .central-list .end-date:before, .index-page .index-list .central-list .end-date:before { content: " - "; } .index-no-paging-page .index-list .central-list .download-links, .index-page .index-list .central-list .download-links { clear: both; border: none; margin: 0; padding: 0; text-align: left; } .index-no-paging-page .index-list .central-list .download-links .download-label, .index-page .index-list .central-list .download-links .download-label { display: inline-block; vertical-align: middle; padding: 2px 0 2px 20px; font-size: 0.9em; background: url("img-picto-download.png") center left no-repeat; } .index-no-paging-page .index-list .central-list .download-links .download-label a, .index-page .index-list .central-list .download-links .download-label a { font-weight: normal; color: #777777; } .index-no-paging-page .index-list .central-list .download-links a, .index-page .index-list .central-list .download-links a { display: inline-block; vertical-align: middle; margin-left: 6px; padding-left: 6px; font-weight: bold; color: #009ee0; } .index-no-paging-page .index-list .central-list .download-links a + a, .index-page .index-list .central-list .download-links a + a { border-left: 1px solid #a9a8a4; } .index-no-paging-page .index-list .central-list .download-links a:hover, .index-page .index-list .central-list .download-links a:hover { color: #00567a; } .location-page .filter-content { background: #cac9c4; } .location-page .filter-content .form-item label { color: #555555; } .location-page .filter-content.noLocationfilter { display: none !important; } .global-search-index-page h1.main-title, .product-search-index-page h1.main-title { border-bottom: 0; } .global-search-index-page p.p-header, .product-search-index-page p.p-header { border-bottom: 0; } .global-search-index-page #central-global-search-bar, .product-search-index-page #central-global-search-bar { background: #CAC9C4; } .global-search-index-page #central-global-search-bar label, .product-search-index-page #central-global-search-bar label { color: #555555; } .global-search-index-page .sinequa-result-list, .global-search-index-page .search-result-list, .product-search-index-page .sinequa-result-list, .product-search-index-page .search-result-list { margin-top: 3%; background: #fff; padding: 4%; margin-bottom: 2%; } .global-search-index-page .sinequa-result-list article, .global-search-index-page .search-result-list article, .product-search-index-page .sinequa-result-list article, .product-search-index-page .search-result-list article { background: none; width: 100%; } .global-search-index-page .sinequa-result-list .sinequa-result, .global-search-index-page .search-result-list .sinequa-result, .product-search-index-page .sinequa-result-list .sinequa-result, .product-search-index-page .search-result-list .sinequa-result { border-bottom: solid 1px #dcdcdc; padding-bottom: 1.6%; margin-bottom: 2.8%; } .global-search-index-page .sinequa-result-list .sinequa-result h1, .global-search-index-page .sinequa-result-list .sinequa-result p.p-header, .global-search-index-page .search-result-list .sinequa-result h1, .global-search-index-page .search-result-list .sinequa-result p.p-header, .product-search-index-page .sinequa-result-list .sinequa-result h1, .product-search-index-page .sinequa-result-list .sinequa-result p.p-header, .product-search-index-page .search-result-list .sinequa-result h1, .product-search-index-page .search-result-list .sinequa-result p.p-header { margin: 0; font-size: 1.5em; } .global-search-index-page .sinequa-result-list .sinequa-result a.title, .global-search-index-page .search-result-list .sinequa-result a.title, .product-search-index-page .sinequa-result-list .sinequa-result a.title, .product-search-index-page .search-result-list .sinequa-result a.title { font-weight: normal; } .global-search-index-page .sinequa-result-list .sinequa-result a.title:hover, .global-search-index-page .search-result-list .sinequa-result a.title:hover, .product-search-index-page .sinequa-result-list .sinequa-result a.title:hover, .product-search-index-page .search-result-list .sinequa-result a.title:hover { color: #007aad; } .global-search-index-page .sinequa-result-list .sinequa-result p.link, .global-search-index-page .search-result-list .sinequa-result p.link, .product-search-index-page .sinequa-result-list .sinequa-result p.link, .product-search-index-page .search-result-list .sinequa-result p.link { word-break: break-all; } .global-search-index-page .sinequa-result-list .sinequa-result p.link a, .global-search-index-page .search-result-list .sinequa-result p.link a, .product-search-index-page .sinequa-result-list .sinequa-result p.link a, .product-search-index-page .search-result-list .sinequa-result p.link a { font-size: 12px; color: #444; word-wrap: break-word; white-space: normal; } .global-search-index-page .sinequa-result-list .sinequa-result p.link a:hover, .global-search-index-page .search-result-list .sinequa-result p.link a:hover, .product-search-index-page .sinequa-result-list .sinequa-result p.link a:hover, .product-search-index-page .search-result-list .sinequa-result p.link a:hover { color: #007aad; } .landing-page #main-central-layout { float: none; width: 100%; } .sitemap-page #main-central-layout { float: none; width: 100%; } .sitemap-page #main-central-layout nav > ul { display: block; width: 100%; } .sitemap-page #main-central-layout nav > ul > li { background: #fff; padding: 2% 1.5%; margin: 2% 1.2% 0% 1.2%; float: left; width: 23.2%; } .sitemap-page #main-central-layout nav > ul > li .title { display: block; background: transparent url("img-corner-light-blue.gif") right bottom no-repeat; font-weight: 600; font-size: 1.7em; margin: 0 0 8% 0; } @media screen and (max-width: 1020px) { .sitemap-page #main-central-layout nav > ul > li .title { font-size: 1.2em; } } @media screen and (max-width: 1020px) { .sitemap-page #main-central-layout nav > ul > li { width: 48.2%; } .sitemap-page #main-central-layout nav > ul > li:nth-child(2) { margin-right: 0; } .sitemap-page #main-central-layout nav > ul > li:nth-child(3) { margin-left: 0; clear: both; } } .sitemap-page #main-central-layout nav > ul > li.block-first { margin-left: 0; clear: both; } .sitemap-page #main-central-layout nav > ul > li.block-last { margin-right: 0; } .sitemap-page #main-central-layout nav > ul > li ul li { display: block; margin: 10px 0; font-size: 0.9em; } .sitemap-page #main-central-layout nav > ul > li ul li a:hover { color: #007aad; } .sitemap-page #main-central-layout nav > ul > li ul li ul { margin: 12px 0 12px 4px; } .sitemap-page #main-central-layout nav > ul > li ul li ul li a { color: #6c6c6c; padding-left: 12px; display: block; margin: 8px 0; background: transparent url("img-picto-list.png") left center no-repeat; } .sitemap-page #main-central-layout nav > ul > li ul li ul li a:hover { color: #535353; } .reach-information-statement-page .index-content.central-detail { display: none; } .reach-information-statement-page a[target="_blank"] { padding: 0; background: none; } .reach-information-statement-page .main-content { margin-bottom: 0; } .reach-information-statement-page .main-content:last-child { margin-bottom: 2%; } .reach-information-statement-page .reach-table { display: table; padding-left: 40px; padding-top: 0; padding-bottom: 20px; color: #000000; font-size: 8pt; font-family: verdana,arial,helvetica,sans-serif; } .reach-information-statement-page .reach-row { display: table-row; } .reach-information-statement-page .reach-cell { height: 20px; display: table-cell; padding-right: 5px; } .reach-information-statement-page .result-table { display: table; width: 90%; table-layout: fixed; border-collapse: separate; border-color: grey; padding-left: 40px; padding-right: 40px; padding-bottom: 50px; font-size: 8pt; font-family: tahoma,sans-serif; } .reach-information-statement-page .result-heading { display: table-row; font-weight: bold; background: #E5E5E5; } .reach-information-statement-page .result-row-odd { display: table-row; background: #F2F2F2; } .reach-information-statement-page .result-row-even { display: table-row; background: #FFF; } .reach-information-statement-page .result-cell-name { width: 30%; display: table-cell; padding-right: 5px; } .reach-information-statement-page .result-cell-title { width: 40%; display: table-cell; padding-right: 5px; } .reach-information-statement-page .result-cell-number { min-width: 90px; width: 15%; display: table-cell; padding-right: 5px; } @media screen and (max-width: 750px) { .reach-information-statement-page .result-table { width: 100%; padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 504px) { .reach-information-statement-page .result-table { width: 100%; padding-left: 5px; padding-right: 5px; } } @media print { background: none; body { padding-top: 0; } .top-scroll { display: none; } .sticky-side-nav { display: none; } .container { margin-top: -130px; } .header-layout { position: static; } .header-layout .header-top-strip .header-top__link { line-height: 1em; padding-left: 6px; padding-right: 6px; } .header-layout .header-top-strip .header-top__link .stock-price { font-size: 0.66rem; } .header-layout .header-top-strip .media-link, .header-layout .header-top-strip .careers-link, .header-layout .header-top-strip .investors-link, .header-layout .header-top-strip .contact-link, .header-layout .header-top-strip .switch-country { display: none; } .header-layout .nav-options { display: none; } .header-layout #main-navbar-placeholder { display: none; } .breadcrumb ul { -webkit-margin-before: 0.5em; } #main-layout, .footer-layout { width: 100%; margin: 0; } #main-central-layout { width: 100%; } #main-side-layout { display: none; } #main-bottom-layout { display: none; } .header-middle { display: none; } .footer-layout { display: none; } #main-layout .paragraph .paragraph-picture.floatingright { float: right; padding: 0 0 1% 3%; } #main-layout .paragraph .paragraph-picture.floatingleft { float: left; padding: 0 3% 0 0; } .article-content .content-date { display: none; } .article-content .content-body { padding: 0 4%; } .logo-site__small { display: none; } } #playlist-audio { display: none; } div.jp-audio, div.jp-audio-stream, div.jp-video { font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 1.6; color: #fff; background-color: #eee; } div.jp-audio a, div.jp-audio-stream a, div.jp-video a { outline: none; } div.jp-audio li, div.jp-audio-stream li, div.jp-video li { padding: 0; background: none; } div.jp-audio { width: 420px; } div.jp-audio-stream { width: 182px; } div.jp-video-270p { width: 480px; } div.jp-video-360p { width: 640px; } div.jp-video-full { /* Rules for IE6 (full-screen) */ width: 480px; height: 270px; /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */ position: static !important; position: relative; } /* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */ div.jp-video-full div div { z-index: 1000; } div.jp-video-full div.jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */ overflow: hidden; } div.jp-video-full div.jp-gui { position: fixed !important; position: static; /* Rules for IE6 (full-screen) */ top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; /* 1 layer above the others. */ } div.jp-video-full div.jp-interface { position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */ bottom: 0; left: 0; } div.jp-interface { position: relative; background-color: #252525; width: 100%; } div.jp-audio div.jp-type-single div.jp-interface { height: 80px; } div.jp-audio div.jp-type-playlist div.jp-interface { height: 80px; } div.jp-audio-stream div.jp-type-single div.jp-interface { height: 80px; } div.jp-video div.jp-interface { border-top: 1px solid #222; background: #141414; background: -moz-linear-gradient(top, #141414 0%, #282828 60%, #141414 62%, #282828 100%); background: -webkit-linear-gradient(top, #141414 0%, #282828 60%, #141414 62%, #282828 100%); background: -ms-linear-gradient(top, #141414 0%, #282828 60%, #141414 62%, #282828 100%); background: linear-gradient(to bottom, #141414 0%, #282828 60%, #141414 62%, #282828 100%); } /* @group CONTROLS */ div.jp-controls-holder { clear: both; margin: 0 auto; position: relative; overflow: hidden; top: -8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */ } div.jp-interface ul.jp-controls { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } div.jp-audio ul.jp-controls { width: 380px; padding: 20px 20px 0 20px; } div.jp-audio-stream ul.jp-controls { width: 142px; padding: 20px 20px 0 20px; } div.jp-video div.jp-type-single ul.jp-controls { width: 78px; } div.jp-video div.jp-type-playlist ul.jp-controls { width: 134px; margin-left: 172px; } div.jp-video ul.jp-controls, div.jp-interface ul.jp-controls li { display: inline; float: left; } div.jp-interface ul.jp-controls a { display: block; overflow: hidden; text-indent: -9999px; } a.jp-play, a.jp-pause { width: 40px; height: 16px; } a.jp-play { background: url("jplayer.blue.monday.png") 0 -12px no-repeat; } a.jp-play:hover { background: url("jplayer.blue.monday.png") -41px -12px no-repeat; } a.jp-pause { background: url("jplayer.blue.monday.png") 0 -54px no-repeat; display: none; } a.jp-pause:hover { background: url("jplayer.blue.monday.png") -41px -54px no-repeat; } a.jp-stop, a.jp-previous, a.jp-next { width: 28px; height: 28px; margin-top: 6px; } a.jp-stop { background: url("jplayer.blue.monday.png") 0 -83px no-repeat; margin-left: 10px; } a.jp-stop:hover { background: url("jplayer.blue.monday.png") -29px -83px no-repeat; } a.jp-previous { background: url("jplayer.blue.monday.png") 0 -112px no-repeat; } a.jp-previous:hover { background: url("jplayer.blue.monday.png") -29px -112px no-repeat; } a.jp-next { background: url("jplayer.blue.monday.png") 0 -141px no-repeat; } a.jp-next:hover { background: url("jplayer.blue.monday.png") -29px -141px no-repeat; } /* @end */ /* @group progress bar */ div.jp-progress { overflow: hidden; } div.jp-audio div.jp-progress { position: absolute; top: 32px; height: 15px; } div.jp-audio div.jp-type-single div.jp-progress { left: 110px; width: 186px; } div.jp-audio div.jp-type-playlist div.jp-progress { left: 166px; width: 130px; } div.jp-video div.jp-progress { top: 0px; left: 0px; width: 80%; height: 10px; padding: 0 10%; border-bottom: solid 1px #202020; } div.jp-seek-bar { background: url("jplayer.blue.monday.png") 0 -202px repeat-x; width: 0px; height: 100%; cursor: pointer; overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px; } div.jp-play-bar { background: url("jplayer.blue.monday.png") 0 -218px repeat-x; width: 0px; height: 100%; } /* The seeking class is added/removed inside jPlayer */ div.jp-seeking-bg { background: url("jplayer.blue.monday.seeking.gif"); } /* @end */ /* @group volume controls */ a.jp-mute, a.jp-unmute, a.jp-volume-max { width: 18px; height: 15px; margin-top: 12px; } div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute { margin-left: 210px; } div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute { margin-left: 154px; } div.jp-audio-stream div.jp-type-single a.jp-mute, div.jp-audio-stream div.jp-type-single a.jp-unmute { margin-left: 10px; } div.jp-audio a.jp-volume-max, div.jp-audio-stream a.jp-volume-max { margin-left: 56px; } div.jp-video a.jp-mute, div.jp-video a.jp-unmute, div.jp-video a.jp-volume-max { position: absolute; top: 2px; margin-top: 0; } div.jp-video a.jp-mute, div.jp-video a.jp-unmute { left: 50px; } div.jp-video a.jp-volume-max { left: 134px; } a.jp-mute { background: url("jplayer.blue.monday.png") 0 -170px no-repeat; } a.jp-mute:hover { background: url("jplayer.blue.monday.png") -19px -170px no-repeat; } a.jp-unmute { background: url("jplayer.blue.monday.png") -60px -170px no-repeat; display: none; } a.jp-unmute:hover { background: url("jplayer.blue.monday.png") -79px -170px no-repeat; } a.jp-volume-max { background: url("jplayer.blue.monday.png") 0 -186px no-repeat; } a.jp-volume-max:hover { background: url("jplayer.blue.monday.png") -19px -186px no-repeat; } div.jp-volume-bar { position: absolute; overflow: hidden; background: url("jplayer.blue.monday.png") 0 -250px repeat-x; width: 46px; height: 5px; cursor: pointer; } div.jp-audio div.jp-volume-bar { top: 37px; left: 330px; } div.jp-audio-stream div.jp-volume-bar { top: 37px; left: 92px; } div.jp-video div.jp-volume-bar { top: 7px; left: 72px; } div.jp-volume-bar-value { background: url("jplayer.blue.monday.png") 0 -256px repeat-x; width: 0px; height: 5px; } /* @end */ /* @group current time and duration */ div.jp-audio div.jp-time-holder { position: absolute; top: 50px; } div.jp-audio div.jp-type-single div.jp-time-holder { left: 110px; width: 186px; } div.jp-audio div.jp-type-playlist div.jp-time-holder { left: 166px; width: 130px; } div.jp-current-time, div.jp-duration { width: 60px; font-size: .7em; } div.jp-current-time { float: left; display: inline; } div.jp-duration { float: right; display: inline; text-align: right; } div.jp-video div.jp-current-time { margin-left: 7px; } div.jp-video div.jp-duration { margin-right: 7px; } div.jp-video div.jp-duration, div.jp-video div.jp-current-time { position: relative; bottom: 12px; } /* @end */ /* @group playlist */ div.jp-playlist { width: 100%; background-color: transparent; border-top: 1px solid #009be3; } div.jp-type-single div.jp-playlist { border-top: none; } div.jp-playlist ul { list-style-type: none; margin: 0; padding: 0 20px; font-size: normal; } div.jp-playlist li { padding: 5px 0 4px 20px; border-bottom: 1px solid #eee; } div.jp-playlist li div { display: inline; } /* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */ div.jp-type-playlist div.jp-playlist li:last-child { padding: 5px 0 5px 20px; border-bottom: none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type: square; list-style-position: inside; padding-left: 7px; } div.jp-type-playlist div.jp-playlist a { color: #333; text-decoration: none; } div.jp-type-playlist div.jp-playlist a:hover { color: #0d88c1; } div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color: #0d88c1; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-right: 10px; font-weight: bold; color: #666; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color: #0d88c1; } div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; margin-right: 10px; } div.jp-type-playlist div.jp-playlist span.jp-free-media a { color: #666; } div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover { color: #0d88c1; } span.jp-artist { font-size: .8em; color: #666; } /* @end */ div.jp-video-play { width: 100%; overflow: hidden; /* Important for nested negative margins to work in modern browsers */ cursor: pointer; background-color: transparent; /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ } div.jp-video-270p div.jp-video-play { margin-top: -270px; height: 270px; } div.jp-video-360p div.jp-video-play { margin-top: -360px; height: 360px; } div.jp-video-full div.jp-video-play { height: 100%; } a.jp-video-play-icon { position: relative; display: block; width: 112px; height: 100px; margin-left: -56px; margin-top: -50px; left: 50%; top: 50%; background: url("jplayer.blue.monday.video.play.png") 0 0 no-repeat; text-indent: -9999px; } div.jp-video-play:hover a.jp-video-play-icon { background: url("jplayer.blue.monday.video.play.png") 0 -100px no-repeat; } div.jp-jplayer audio, div.jp-jplayer { width: 0px; height: 0px; } div.jp-jplayer { background-color: #000000; } /* @group TOGGLES */ /* The audio toggles are nested inside jp-time-holder */ ul.jp-toggles { list-style-type: none; padding: 0; margin: 0 auto; overflow: hidden; } div.jp-audio .jp-type-single ul.jp-toggles { width: 25px; } div.jp-audio .jp-type-playlist ul.jp-toggles { width: 55px; margin: 0; position: absolute; left: 325px; top: 50px; } div.jp-video ul.jp-toggles { width: 25px; } ul.jp-toggles li { display: block; float: right; } ul.jp-toggles li a { position: absolute; right: 5px; display: block; width: 25px; height: 18px; text-indent: -9999px; line-height: 100%; /* need this for IE6 */ } a.jp-full-screen { background: url("jplayer.blue.monday.png") 0 -310px no-repeat; } a.jp-full-screen :hover { background: url("jplayer.blue.monday.png") -30px -310px no-repeat; } a.jp-restore-screen { background: url("jplayer.blue.monday.png") -60px -310px no-repeat; margin-left: 20px; } a.jp-restore-screen:hover { background: url("jplayer.blue.monday.png") -90px -310px no-repeat; } a.jp-repeat { background: url("jplayer.blue.monday.png") 0 -290px no-repeat; } a.jp-repeat:hover { background: url("jplayer.blue.monday.png") -30px -290px no-repeat; } a.jp-repeat-off { background: url("jplayer.blue.monday.png") -60px -290px no-repeat; } a.jp-repeat-off:hover { background: url("jplayer.blue.monday.png") -90px -290px no-repeat; } a.jp-shuffle { background: url("jplayer.blue.monday.png") 0 -270px no-repeat; margin-left: 5px; } a.jp-shuffle:hover { background: url("jplayer.blue.monday.png") -30px -270px no-repeat; } a.jp-shuffle-off { background: url("jplayer.blue.monday.png") -60px -270px no-repeat; margin-left: 5px; } a.jp-shuffle-off:hover { background: url("jplayer.blue.monday.png") -90px -270px no-repeat; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-no-solution { padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; display: none; } .jp-no-solution a { color: #000; } .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; } /************** AUDIO-SPECIFIC **************/ #main-layout .jp-audio { margin: 3%; width: 94%; } #main-layout .jp-audio .jp-controls { padding: 10px; width: auto; float: left; } #main-layout .jp-audio .jp-previous { margin: 0; height: 16px; } #main-layout .jp-audio .jp-next { margin: 0; height: 16px; } #main-layout .jp-audio .jp-stop { display: none !important; } #main-layout .jp-audio .jp-mute { margin-left: 10px; margin-top: 0; } #main-layout .jp-audio .jp-volume-bar { position: relative; left: 0; top: 15px; } #main-layout .jp-audio .jp-volume-max { display: none !important; } #main-layout .jp-audio .jp-progress { position: relative; left: 0; top: 0; width: 100%; } #main-layout .jp-audio .jp-current-time { margin-left: 10px; } #main-layout .jp-audio .jp-duration { margin-right: 10px; } /* jQuery FlexSlider v2.0 http://www.woothemes.com/flexslider/ Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* Icon Fonts*********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src: url("fonts/flexslider-icon.eot"); src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg"); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { outline: none; width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(img-bg-direction-nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev { left: -36px; } .flexslider:hover .flex-next { opacity: 0.8; right: 5px; } .flexslider:hover .flex-prev { opacity: 0.8; left: 5px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: .3 !important; filter: alpha(opacity=30); cursor: default; } /*.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before { content: '\f002'; }*/ /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0; } .flex-direction-nav .flex-next { opacity: 1; right: 0; } } /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("img-fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("img-fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 80%; cursor: pointer; text-decoration: none; background: transparent url("img-blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 60%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .touch .fancybox-nav span { visibility: visible; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("img-fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: auto; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 20px; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /** Dragdealer JS v0.9.5 http://code.ovidiu.ch/dragdealer-js Copyright (c) 2010, Ovidiu Chereches MIT License http://legal.ovidiu.ch/licenses/MIT */ .dragdealer { position: relative; height: 30px; background: #EEE; } .dragdealer .handle { position: absolute; cursor: pointer; } .dragdealer .red-bar { width: 100px; height: 30px; background: #CC0000; color: #FFF; line-height: 30px; text-align: center; } .dragdealer .disabled { background: #898989; } /*! jQuery UI - v1.10.3 - 2013-09-18 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: .4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-tabs { position: relative; padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } .magazine-home-page .postheader-layout, .magazine-home-page #main-layout, .magazine-content-page .postheader-layout, .magazine-content-page #main-layout, .magazine-index-page .postheader-layout, .magazine-index-page #main-layout { font-family: Quicksand, Lato; } .magazine-home-page .postheader-layout, .magazine-home-page #main-layout, .magazine-home-page #main-bottom-layout, .magazine-content-page .postheader-layout, .magazine-content-page #main-layout, .magazine-content-page #main-bottom-layout, .magazine-index-page .postheader-layout, .magazine-index-page #main-layout, .magazine-index-page #main-bottom-layout { max-width: 1920px; margin-left: auto; margin-right: auto; } .magazine-home-page div.stories-logo, .magazine-content-page div.stories-logo, .magazine-index-page div.stories-logo { z-index: 4; width: 100%; font-family: Quicksand, Lato; font-size: 15px; font-weight: bold; color: white; } .magazine-home-page div.stories-logo a, .magazine-content-page div.stories-logo a, .magazine-index-page div.stories-logo a { color: white; } .magazine-home-page div.stories-logo .stories-logo-bar, .magazine-content-page div.stories-logo .stories-logo-bar, .magazine-index-page div.stories-logo .stories-logo-bar { width: 40px; height: 4px; display: inline-block; background-color: #FF4659; vertical-align: middle; margin-right: 10px; } .magazine-home-page .clear, .magazine-content-page .clear, .magazine-index-page .clear { clear: both; } .magazine-home-page .centralised, .magazine-content-page .centralised, .magazine-index-page .centralised { text-align: center; } .magazine-home-page .mag-std-padding-top, .magazine-content-page .mag-std-padding-top, .magazine-index-page .mag-std-padding-top { padding-top: 25px; } .magazine-home-page .mag-std-padding-bottom, .magazine-content-page .mag-std-padding-bottom, .magazine-index-page .mag-std-padding-bottom { padding-bottom: 25px; } .magazine-home-page .subheading, .magazine-content-page .subheading, .magazine-index-page .subheading { font-size: 15px; font-weight: 900; background-position: left center; text-transform: uppercase; height: 70px; display: flex; -webkit-display: flex; align-items: center; -webkit-align-items: center; padding-left: 30px; letter-spacing: 2px; margin-bottom: 25px; border-bottom: 1px solid #ececec; } .magazine-home-page .label, .magazine-content-page .label, .magazine-index-page .label { padding: 3px 10px; color: white; border-radius: 2px; box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.2); font-size: 11px; } .magazine-home-page .blue-gradient, .magazine-content-page .blue-gradient, .magazine-index-page .blue-gradient { transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -webkit-transition: all 1s ease; -o-transition: all 1.5s ease; background-color: -webkit-linear-gradient(right, #1A3D99, #0676C0); background: -o-linear-gradient(right, #1A3D99, #0676C0); background: -moz-linear-gradient(right, #1A3D99, #0676C0); background: linear-gradient(to right, #1A3D99, #0676C0); } .magazine-home-page .play_button, .magazine-content-page .play_button, .magazine-index-page .play_button { position: absolute; width: 100%; height: 100%; background-image: url("play.png"); background-repeat: no-repeat; background-position: center center; z-index: 5; } .magazine-home-page .youtube_logo, .magazine-content-page .youtube_logo, .magazine-index-page .youtube_logo { position: absolute; width: 100%; height: 100%; padding: 10px; background-image: url("youtube.png"); background-repeat: no-repeat; background-position: 98% 6%; z-index: 5; } .magazine-home-page .central-list-more-label, .magazine-content-page .central-list-more-label, .magazine-index-page .central-list-more-label { display: inline; background-color: #FF4659; letter-spacing: 2px; display: inline-block; } .magazine-home-page .central-list-more-label a, .magazine-content-page .central-list-more-label a, .magazine-index-page .central-list-more-label a { color: white; } .magazine-home-page .central-content-list-placeholder, .magazine-content-page .central-content-list-placeholder, .magazine-index-page .central-content-list-placeholder { width: 90%; max-width: 1920px; margin-left: auto; margin-right: auto; clear: both; } .magazine-home-page .central-content-list-placeholder .subheading, .magazine-content-page .central-content-list-placeholder .subheading, .magazine-index-page .central-content-list-placeholder .subheading { justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 0px; } .magazine-home-page .central-content-list-placeholder .central-list-header, .magazine-content-page .central-content-list-placeholder .central-list-header, .magazine-index-page .central-content-list-placeholder .central-list-header { background-image: url("diamond.png"); background-repeat: no-repeat; color: #000000; } .magazine-home-page .mageditorial-content.central-list, .magazine-content-page .mageditorial-content.central-list, .magazine-index-page .mageditorial-content.central-list { display: block; clear: both; box-sizing: border-box; padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #ececec; } .magazine-home-page .mageditorial-content.central-list .subheading, .magazine-content-page .mageditorial-content.central-list .subheading, .magazine-index-page .mageditorial-content.central-list .subheading { margin-bottom: 0; } .magazine-home-page .mageditorial-content.central-list .magtheme, .magazine-content-page .mageditorial-content.central-list .magtheme, .magazine-index-page .mageditorial-content.central-list .magtheme { display: none; text-transform: uppercase; padding: 10px 10px; color: white; border-radius: 1px; font-size: 8px; letter-spacing: 2px; } .magazine-home-page .mageditorial-content.central-list .content-title, .magazine-content-page .mageditorial-content.central-list .content-title, .magazine-index-page .mageditorial-content.central-list .content-title { width: 100%; margin-top: -10px; } .magazine-home-page .mageditorial-content.central-list .content-title a, .magazine-content-page .mageditorial-content.central-list .content-title a, .magazine-index-page .mageditorial-content.central-list .content-title a { line-height: 1.5; font-size: 3rem; font-weight: 100; color: #000000; } .magazine-home-page .mageditorial-content.central-list .content, .magazine-content-page .mageditorial-content.central-list .content, .magazine-index-page .mageditorial-content.central-list .content { display: flex; } .magazine-home-page .mageditorial-content.central-list .content .main-picture, .magazine-content-page .mageditorial-content.central-list .content .main-picture, .magazine-index-page .mageditorial-content.central-list .content .main-picture { margin-right: 30px; display: inline-block; } .magazine-home-page .mageditorial-content.central-list .content .main-picture img, .magazine-content-page .mageditorial-content.central-list .content .main-picture img, .magazine-index-page .mageditorial-content.central-list .content .main-picture img { box-shadow: 0px 7px 12px 1px rgba(0, 0, 0, 0.2); width: 448px; } .magazine-home-page .mageditorial-content.central-list .content .main-picture + .text .content-information, .magazine-content-page .mageditorial-content.central-list .content .main-picture + .text .content-information, .magazine-index-page .mageditorial-content.central-list .content .main-picture + .text .content-information { left: -80px; top: -20px; } .magazine-home-page .mageditorial-content.central-list .content .text, .magazine-content-page .mageditorial-content.central-list .content .text, .magazine-index-page .mageditorial-content.central-list .content .text { display: flex; flex-direction: column; -webkit-flex-direction: column; } @media screen\0 { .magazine-home-page .mageditorial-content.central-list .content .text, .magazine-content-page .mageditorial-content.central-list .content .text, .magazine-index-page .mageditorial-content.central-list .content .text { display: block; } } .magazine-home-page .mageditorial-content.central-list .content .text .abstract, .magazine-home-page .mageditorial-content.central-list .content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magazine-home-page .mageditorial-content.central-list .content .text span, .magazine-content-page .mageditorial-content.central-list .content .text .abstract, .magazine-content-page .mageditorial-content.central-list .content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magazine-content-page .mageditorial-content.central-list .content .text span, .magazine-index-page .mageditorial-content.central-list .content .text .abstract, .magazine-index-page .mageditorial-content.central-list .content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magazine-index-page .mageditorial-content.central-list .content .text span { line-height: 34px; margin-top: 0; margin-bottom: auto; font-size: 18px; font-weight: 100; padding-right: 0px; color: #000000; } @media screen\0 { .magazine-home-page .mageditorial-content.central-list .content .text .abstract, .magazine-home-page .mageditorial-content.central-list .content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magazine-home-page .mageditorial-content.central-list .content .text span, .magazine-content-page .mageditorial-content.central-list .content .text .abstract, .magazine-content-page .mageditorial-content.central-list .content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magazine-content-page .mageditorial-content.central-list .content .text span, .magazine-index-page .mageditorial-content.central-list .content .text .abstract, .magazine-index-page .mageditorial-content.central-list .content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magazine-index-page .mageditorial-content.central-list .content .text span { height: 90%; } } .magazine-home-page .mageditorial-content.central-list .content .text .content-information, .magazine-content-page .mageditorial-content.central-list .content .text .content-information, .magazine-index-page .mageditorial-content.central-list .content .text .content-information { display: block; position: relative; padding-top: 20px; } .magazine-home-page .mageditorial-content.central-list .content .text .content-information .content-list-bar, .magazine-content-page .mageditorial-content.central-list .content .text .content-information .content-list-bar, .magazine-index-page .mageditorial-content.central-list .content .text .content-information .content-list-bar { background-color: #FF4659; width: 100px; height: 5px; vertical-align: middle; display: inline-block; } .magazine-home-page .mageditorial-content.central-list .content .text .content-information .content-date, .magazine-content-page .mageditorial-content.central-list .content .text .content-information .content-date, .magazine-index-page .mageditorial-content.central-list .content .text .content-information .content-date { margin-left: 16px; } .magazine-home-page .mageditorial-content.central-list .content .text .content-information .content-date::after, .magazine-content-page .mageditorial-content.central-list .content .text .content-information .content-date::after, .magazine-index-page .mageditorial-content.central-list .content .text .content-information .content-date::after { content: " / "; } .magazine-home-page .mageditorial-content.central-list .content .text .content-information .content-reading-time, .magazine-content-page .mageditorial-content.central-list .content .text .content-information .content-reading-time, .magazine-index-page .mageditorial-content.central-list .content .text .content-information .content-reading-time { display: inline; background-image: url("clock.png"); background-repeat: no-repeat; background-position: left; margin-left: 3px; padding: 18px; } .magazine-home-page .mageditorial-content.central-list .content .text::after, .magazine-content-page .mageditorial-content.central-list .content .text::after, .magazine-index-page .mageditorial-content.central-list .content .text::after { content: ""; clear: both; display: table; } .magazine-home-page .mageditorial-content.central-list:last-child, .magazine-content-page .mageditorial-content.central-list:last-child, .magazine-index-page .mageditorial-content.central-list:last-child { border-bottom: 0; } .magazine-home-page .mageditorial-content.central-interview, .magazine-content-page .mageditorial-content.central-interview, .magazine-index-page .mageditorial-content.central-interview { flex: 1 1 23%; margin: 2%; } .magazine-home-page .mageditorial-content.central-interview .main-picture, .magazine-content-page .mageditorial-content.central-interview .main-picture, .magazine-index-page .mageditorial-content.central-interview .main-picture { display: block; cursor: pointer; overflow: hidden; } .magazine-home-page .mageditorial-content.central-interview .main-picture img, .magazine-content-page .mageditorial-content.central-interview .main-picture img, .magazine-index-page .mageditorial-content.central-interview .main-picture img { margin: 0; width: 100%; max-width: 100%; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .magazine-home-page .mageditorial-content.central-interview .main-picture:hover img, .magazine-home-page .mageditorial-content.central-interview .main-picture:focus img, .magazine-content-page .mageditorial-content.central-interview .main-picture:hover img, .magazine-content-page .mageditorial-content.central-interview .main-picture:focus img, .magazine-index-page .mageditorial-content.central-interview .main-picture:hover img, .magazine-index-page .mageditorial-content.central-interview .main-picture:focus img { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .magazine-home-page .mageditorial-content.central-interview .text, .magazine-content-page .mageditorial-content.central-interview .text, .magazine-index-page .mageditorial-content.central-interview .text { margin-bottom: 25px; line-height: 30px; } .magazine-home-page .mageditorial-content.central-interview .text .central-interview-name, .magazine-content-page .mageditorial-content.central-interview .text .central-interview-name, .magazine-index-page .mageditorial-content.central-interview .text .central-interview-name { margin-top: 20px; font-size: 16px; font-weight: bold; } .magazine-home-page .mageditorial-content.central-interview .text .central-interview-jobtitle, .magazine-content-page .mageditorial-content.central-interview .text .central-interview-jobtitle, .magazine-index-page .mageditorial-content.central-interview .text .central-interview-jobtitle { color: #989898; } .magazine-home-page .mageditorial-content.central-interview .text .central-interview-jobtitle a, .magazine-content-page .mageditorial-content.central-interview .text .central-interview-jobtitle a, .magazine-index-page .mageditorial-content.central-interview .text .central-interview-jobtitle a { color: #989898; } .magazine-home-page .mageditorial-content.central-interview .text .central-interview-bar, .magazine-content-page .mageditorial-content.central-interview .text .central-interview-bar, .magazine-index-page .mageditorial-content.central-interview .text .central-interview-bar { height: 2px; width: 0px; background-color: #FF4659; display: block; margin-top: 10px; margin-bottom: 10px; transition: width 1s; -webkit-transition: width 1s; } .magazine-home-page .mageditorial-content.central-interview .text .central-interview-more a, .magazine-content-page .mageditorial-content.central-interview .text .central-interview-more a, .magazine-index-page .mageditorial-content.central-interview .text .central-interview-more a { color: white; text-transform: uppercase; font-size: 10px; } .magazine-home-page .mageditorial-content.central-interview:hover .central-interview-bar, .magazine-content-page .mageditorial-content.central-interview:hover .central-interview-bar, .magazine-index-page .mageditorial-content.central-interview:hover .central-interview-bar { width: 100%; } .magazine-home-page .mageditorial-content.central-trending, .magazine-content-page .mageditorial-content.central-trending, .magazine-index-page .mageditorial-content.central-trending { font-family: Quicksand; width: 22%; bottom: 0; display: flex; flex-direction: column; -webkit-flex-direction: column; } .magazine-home-page .mageditorial-content.central-trending .main-picture, .magazine-content-page .mageditorial-content.central-trending .main-picture, .magazine-index-page .mageditorial-content.central-trending .main-picture { overflow: hidden; position: relative; display: inline-block; cursor: pointer; } .magazine-home-page .mageditorial-content.central-trending .main-picture .magtheme, .magazine-content-page .mageditorial-content.central-trending .main-picture .magtheme, .magazine-index-page .mageditorial-content.central-trending .main-picture .magtheme { display: none; text-transform: uppercase; position: absolute; font-size: 8px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; letter-spacing: 2px; z-index: 2; } .magazine-home-page .mageditorial-content.central-trending .main-picture img, .magazine-content-page .mageditorial-content.central-trending .main-picture img, .magazine-index-page .mageditorial-content.central-trending .main-picture img { width: 100%; height: auto; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .magazine-home-page .mageditorial-content.central-trending .main-picture:hover img, .magazine-home-page .mageditorial-content.central-trending .main-picture:focus img, .magazine-content-page .mageditorial-content.central-trending .main-picture:hover img, .magazine-content-page .mageditorial-content.central-trending .main-picture:focus img, .magazine-index-page .mageditorial-content.central-trending .main-picture:hover img, .magazine-index-page .mageditorial-content.central-trending .main-picture:focus img { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .magazine-home-page .mageditorial-content.central-trending .text, .magazine-content-page .mageditorial-content.central-trending .text, .magazine-index-page .mageditorial-content.central-trending .text { width: 100%; font-size: 18px; margin-bottom: auto; padding-top: 10px; padding-bottom: 10px; } .magazine-home-page .mageditorial-content.central-trending .text .content-title, .magazine-content-page .mageditorial-content.central-trending .text .content-title, .magazine-index-page .mageditorial-content.central-trending .text .content-title { line-height: 1.5; color: white; } .magazine-home-page .mageditorial-content.central-trending .content-date-time, .magazine-content-page .mageditorial-content.central-trending .content-date-time, .magazine-index-page .mageditorial-content.central-trending .content-date-time { font-size: 12px; font-weight: 100; } .magazine-home-page .mageditorial-content.central-trending .content-date-time .content-date, .magazine-content-page .mageditorial-content.central-trending .content-date-time .content-date, .magazine-index-page .mageditorial-content.central-trending .content-date-time .content-date { color: #989898; font-weight: 600; margin-right: 10px; font-size: 12px; } .magazine-home-page .mageditorial-content.central-trending .content-date-time .reading-time, .magazine-content-page .mageditorial-content.central-trending .content-date-time .reading-time, .magazine-index-page .mageditorial-content.central-trending .content-date-time .reading-time { background-image: url("clock.png"); background-repeat: no-repeat; background-position: left; color: #989898; font-weight: 100; padding-left: 20px; margin-left: 5px; font-size: 12px; } .magazine-home-page .mageditorial-content.central-trending .content-trending-bar, .magazine-content-page .mageditorial-content.central-trending .content-trending-bar, .magazine-index-page .mageditorial-content.central-trending .content-trending-bar { height: 3px; width: 0%; background-color: #FE495C; display: block; margin-top: 20px; -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: width 1s; } .magazine-home-page .mageditorial-content.central-trending:hover .content-trending-bar, .magazine-content-page .mageditorial-content.central-trending:hover .content-trending-bar, .magazine-index-page .mageditorial-content.central-trending:hover .content-trending-bar { width: 100%; } .magazine-home-page .mageditorial-content.side-news .content-title, .magazine-content-page .mageditorial-content.side-news .content-title, .magazine-index-page .mageditorial-content.side-news .content-title { -webkit-margin-after: 10px; } .magazine-home-page .mageditorial-content.side-news .content-title a, .magazine-content-page .mageditorial-content.side-news .content-title a, .magazine-index-page .mageditorial-content.side-news .content-title a { color: #000000; font-size: 15px; } .magazine-home-page .mageditorial-content.side-news .content-date-pink-line, .magazine-content-page .mageditorial-content.side-news .content-date-pink-line, .magazine-index-page .mageditorial-content.side-news .content-date-pink-line { height: 3px; width: 30px; background-color: #FF4659; display: inline-block; vertical-align: middle; } .magazine-home-page .mageditorial-content.side-news .content-date, .magazine-content-page .mageditorial-content.side-news .content-date, .magazine-index-page .mageditorial-content.side-news .content-date { font-size: 10px; } .magazine-home-page .footer, .magazine-content-page .footer, .magazine-index-page .footer { padding-top: 0; } .magazine-home-page { background-color: white; } .magazine-home-page .breadcrumb { display: none; } .magazine-home-page .container .postheader-layout { background-color: #161616; font-family: Quicksand, Lato; padding: 0 0 0 0; } .magazine-home-page .container .postheader-layout .postheader-focus { min-height: 0px; margin-top: 0px; max-width: 1728px; width: 90%; margin-left: auto; margin-right: auto; } .magazine-home-page .container .postheader-layout .postheader-focus div.stories-logo { position: absolute; margin-top: 45px; } .magazine-home-page .container .postheader-layout .postheader-focus div.trending_hashtag { display: none; position: absolute; z-index: 4; color: white; padding: 1%; right: 0; margin-right: 5%; margin-top: 3em; background-color: rgba(100, 100, 100, 0.5); } .magazine-home-page .container .postheader-layout .postheader-focus div.trending_hashtag .trending_now { font-size: 1.3em; } .magazine-home-page .container .postheader-layout .postheader-focus div.trending_hashtag .hashtag { font-size: 1.3em; font-weight: bold; } .magazine-home-page .container .postheader-layout .central-slideshow { max-width: 1920px; max-height: 960px; margin-left: auto; margin-right: auto; overflow: hidden; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder { margin-bottom: 0%; position: relative; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder div.vertical-logo { display: none; position: absolute; z-index: 4; background-image: url("SOMagazine-logo-vertical.png"); background-repeat: no-repeat; background-position: 0% 50%; width: 16px; height: 100%; left: 1em; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .slideshow-trending-bar { position: absolute; z-index: 5; top: 70%; left: 8%; height: 3px; margin-top: 1.5em; width: 0px; background-color: #FF4659; display: block; margin-bottom: 1em; transition: width 5s; -webkit-transition: width trans; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone { position: relative; height: 100%; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .slides { height: 100%; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .slides li { height: 100%; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture { height: 100%; position: relative; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .dark-filter { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent); /* For Firefox 3.6 to 15 */ background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent); } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text { position: relative; margin-left: auto; margin-right: auto; width: 84%; top: 50%; display: flex; -webkit-display: flex; flex-direction: column; -webkit-flex-direction: column; height: auto; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text .label__title { display: none; color: white; padding: 0; margin: 0; text-transform: uppercase; font-size: 10; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text .abstract, .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text span { position: static; top: 1em; padding: 0; color: white; background-color: transparent; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text .abstract .title, .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text .photo-thumbnail-content.central-detail .text span .title, .photo-thumbnail-content.central-detail .text .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text span .title { padding: 0; margin: 0; font-family: 'Lato'; font-weight: 500; font-style: normal; font-size: 48px; letter-spacing: 2px; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture img { position: absolute; left: 0; top: 0; z-index: -1; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper { margin-left: 50%; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone { position: absolute; width: 90%; margin-left: auto; margin-right: auto; bottom: 0px; background-color: transparent; padding: 0; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel .flex-viewport { margin-left: -50%; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul { min-width: 1050px; counter-reset: thumbs-zone-counter; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul li { min-width: 350px; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul li article { border-bottom: 5px solid #FE495C; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul li article .img-text { bottom: 0; background-color: rgba(100, 100, 100, 0.5); margin-bottom: 0px; padding-left: 40px; padding-right: 40px; min-width: 300px; height: 100px; border: 0; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul li article .img-text .main-picture img { display: none; width: 100%; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul li article .img-text .main-picture div { vertical-align: middle; color: white; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul li article .img-text .main-picture div .seq { display: inline-block; width: 18%; font-size: 1.17em; font-weight: bold; margin-top: 1em; vertical-align: top; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul li article .img-text .main-picture div .seq:before { content: ">"; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul li article .img-text .main-picture div .title { display: inline-block; width: 80%; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul li article .img-text .main-picture div .title h3 { font-weight: normal; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul li article .img-text .main-picture .abstract, .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul li article .img-text .main-picture .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul li article .img-text .main-picture span { display: block; font-size: 10em; color: white; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper .thumbs-zone#mag_carousel ul li article .img-text:hover { background-color: rgba(255, 255, 255, 0.3); } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .flex-direction-nav a { opacity: 1; width: 38px; height: 38px; top: 40%; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .flex-direction-nav .flex-prev { background: none; left: 1.5%; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .flex-direction-nav .flex-next { background: none; right: 1.5%; } .magazine-home-page .container .postheader-layout .central-content-trending-placeholder { max-width: 1920px; padding-bottom: 25px; margin-left: auto; margin-right: auto; background-color: #magrevamp-color-background-alt; color: white; } .magazine-home-page .container .postheader-layout .central-content-trending-placeholder .subheading { border-bottom-color: #303032; } .magazine-home-page .container .postheader-layout .central-content-trending-placeholder .trending-title { width: 90%; margin-left: auto; margin-right: auto; background-image: url("hexagons.png"); background-repeat: no-repeat; } .magazine-home-page .container .postheader-layout .central-content-trending-placeholder .trending-title .trending-now { vertical-align: middle; display: inline; } .magazine-home-page .container .postheader-layout .central-content-trending-placeholder .trending-title .trending-hashtag { display: none; border-left: 1px solid grey; padding-left: 10px; margin-left: 10px; } .magazine-home-page .container .postheader-layout .central-content-trending-placeholder .trending-articles { display: flex; -webkit-display: flex; justify-content: space-between; margin-left: auto; margin-right: auto; flex-wrap: wrap; flex-direction: row; width: 90%; } .magazine-home-page .container .postheader-layout .central-content-trending-placeholder .trending-articles a { color: white; } .magazine-home-page .container #main-central-layout { font-family: Quicksand,Lato; } .magazine-home-page .container #main-central-layout .central-banner-placeholder { max-width: 1920px; width: 90%; margin-left: auto; margin-right: auto; margin-top: 30px; } .magazine-home-page .container #main-central-layout .central-banner-placeholder .banner-content .slide-content .slide-picture { position: static; left: 0; margin-left: 0; } @media screen and (max-width: 504px) { .magazine-home-page .container #main-central-layout .central-banner-placeholder .banner-content .slide-content .slide-picture { margin-left: 0; } } .magazine-home-page .container #main-central-layout .central-banner-placeholder .banner-content .slide-content .slide-picture img { display: block; width: 100%; height: auto; margin-left: auto; margin-right: auto; } @media screen and (max-width: 504px) { .magazine-home-page .container #main-central-layout .central-banner-placeholder .banner-content .slide-content .slide-picture img { width: 100%; height: auto; max-height: none; } } .magazine-home-page .container #main-central-layout .central-banner-placeholder .banner-content .slide-content .slide-picture video { display: block; width: 100%; height: auto; } @media screen and (max-width: 504px) { .magazine-home-page .container #main-central-layout .central-banner-placeholder .banner-content .slide-content .slide-picture video { width: auto; height: 100%; max-height: none; } } .magazine-home-page .container #main-central-layout .central-banner-placeholder .banner-content .slide-content .box-banner { display: none; } .magazine-home-page .container #main-central-layout .central-banner-placeholder .banner-content .slide-content .box-banner .slide-text { background-image: none !important; } .magazine-home-page .container #main-central-layout .central-banner-placeholder .banner-content .slide-content .box-banner .slide-text:hover { background-image: none !important; } .magazine-home-page .container #main-central-layout .central-banner-placeholder .banner-content .slide-content .next-slide-wrapper { display: none !important; } .magazine-home-page .container #main-central-layout .central-youtube-video { max-width: 1920px; background-color: #161616; margin-left: auto; margin-right: auto; } .magazine-home-page .container #main-central-layout .central-youtube-video .central-youtube-playlist-section .central-youtube-playlist { width: 90%; margin-left: auto; margin-right: auto; padding-bottom: 25px; color: white; display: flex; flex-direction: row; flex-wrap: wrap; } .magazine-home-page .container #main-central-layout .central-youtube-video .central-youtube-playlist-section .central-youtube-playlist .subheading { justify-content: space-between; -webkit-justify-content: space-between; width: 100%; border-bottom-color: #303032; } .magazine-home-page .container #main-central-layout .central-youtube-video .central-youtube-playlist-section .central-youtube-playlist .central-youtube-header { background-image: url("002-triangles.png"); background-repeat: no-repeat; } .magazine-home-page .container #main-central-layout .central-youtube-video .central-youtube-playlist-section .central-youtube-playlist .central-youtube-header .central-playlist-more-label { display: inline; background-color: #FF4659; } .magazine-home-page .container #main-central-layout .central-youtube-video .central-youtube-playlist-section .central-youtube-playlist .central-youtube-header .central-playlist-more-label .label__title a[target="_blank"] { padding-right: 0px; background: none; color: #FFF; } .magazine-home-page .container #main-central-layout .central-youtube-video .central-youtube-playlist-section .central-youtube-playlist .youtube-playlist-item { flex: 1 0 25%; display: flex; flex-direction: column; justify-content: space-between; } .magazine-home-page .container #main-central-layout .central-youtube-video .central-youtube-playlist-section .central-youtube-playlist .youtube-playlist-item .main-picture { position: relative; } .magazine-home-page .container #main-central-layout .central-youtube-video .central-youtube-playlist-section .central-youtube-playlist .youtube-playlist-item .main-picture img { width: 100%; } .magazine-home-page .container #main-central-layout .central-youtube-video .central-youtube-playlist-section .central-youtube-playlist .youtube-playlist-item .playlist-item-title { color: white; letter-spacing: 1px; font-family: Lato; font-size: 15px; line-height: 1.8; } .magazine-home-page .container #main-central-layout .central-youtube-video .central-youtube-playlist-section .central-youtube-playlist .youtube-playlist-item a[target="_blank"] { background: none !important; } .magazine-home-page .container #main-central-layout .central-content-central-social { max-width: 1920px; width: 90%; margin-top: 0px; margin-left: auto; margin-right: auto; clear: both; } .magazine-home-page .container #main-central-layout .central-content-central-social .mag-home-socialwall .social-header { background-image: url("circle.png"); background-repeat: no-repeat; } .magazine-home-page .container #main-central-layout .central-content-central-social .mag-home-socialwall .loadingCls { background: url("img-loader.gif") no-repeat center center; height: 70px; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-list { font-size: 0; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: stretch; -webkit-align-items: stretch; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-list > * { display: inline-block; vertical-align: top; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-list__item { flex: 1 1 31%; -webkit-flex: 1 1 31%; display: flex; display: -webkit-flex; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item { position: relative; width: 100%; padding-top: 0; height: auto; cursor: pointer; background-color: #161616; display: flex; display: -webkit-flex; align-items: center; justify-content: center; -webkit-align-items: center; -webkit-justify-content: center; overflow: hidden; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item .socialwall-item__image { position: static; transform: none; -webkit-transform: none; left: 0; top: 0; min-width: 100%; max-width: 100%; max-height: 100%; min-height: 0; margin-top: 0; width: 100%; height: auto; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item .empty-image { width: 100%; height: auto; border: 0; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item .socialwall-item__content { position: absolute; left: 0; top: 30%; text-align: left; padding: 10px; transform: none; -webkit-transform: none; } @media screen and (min-width: 1025px) { .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item .socialwall-item__content { font-size: 16px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item .socialwall-item__content { font-size: 15px; } } @media screen and (max-width: 763px) { .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item .socialwall-item__content { font-size: 15px; } } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item .socialwall-item__content-text { color: #ffffff; margin-bottom: 0px; margin-top: 0px; word-wrap: break-word; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item .socialwall-item__content-text a { color: #FFFFFF; background-image: none; display: block; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item .socialwall-item__content-date { color: #ffffff; font-style: italic; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item--facebook .socialwall-item__content { display: none; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item--facebook:after { background-image: url("./img-social-facebook.svg"); height: 40px; width: 40px; top: 5px; left: 96%; border: 0; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item--facebook:hover .socialwall-item__image { filter: brightness(50%); opacity: 0.5; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item--facebook:hover .socialwall-item__content { display: inline; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item--twitter .socialwall-item__content-text a { display: none; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item--twitter .socialwall-item__content-text a:first-child { display: block; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item--twitter .socialwall-item__image { filter: brightness(50%); opacity: 0.5; } .magazine-home-page .container #main-central-layout .central-content-central-social .socialwall-item--twitter:after { background-image: url("./img-social-twitter_blue.svg"); height: 40px; width: 40px; top: 5px; left: 90%; border: 0; } .magazine-home-page .container #main-central-layout .central-content-central-interviews { max-width: 1920px; background-color: #161616; color: white; letter-spacing: 1px; margin-left: auto; margin-right: auto; } .magazine-home-page .container #main-central-layout .central-content-central-interviews .subheading { justify-content: space-between; -webkit-justify-content: space-between; width: 100%; border-bottom-color: #303032; } .magazine-home-page .container #main-central-layout .central-content-central-interviews .interview-header { width: 90%; margin-left: auto; margin-right: auto; background-image: url("interview.png"); background-repeat: no-repeat; } .magazine-home-page .container #main-central-layout .central-content-central-interviews .interview-header .central-interview-more-label { display: inline; background-color: #FF4659; } .magazine-home-page .container #main-central-layout .central-content-central-interviews .interview-header .central-interview-more-label a { color: white; } .magazine-home-page .container #main-central-layout .central-content-central-interviews .central-interview-article { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; width: 90%; margin-left: auto; margin-right: auto; } .magazine-content-page { background-color: white; } .magazine-content-page .breadcrumb { display: none; } .magazine-content-page .postheader-layout { font-family: Quicksand, Lato; padding: 0 0 0 0; } .magazine-content-page .postheader-layout .postheader-focus { background-color: #161616; height: 80%; width: 100%; position: absolute; margin-top: -0.5em; z-index: -20; } .magazine-content-page .postheader-layout .central-mag-banner { width: 100%; z-index: 100; padding-top: 25px; min-height: 320px; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content { color: white; display: flex; flex-direction: column; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .text { width: 60%; margin-left: auto; margin-right: auto; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .text .magtheme { text-transform: uppercase; padding: 10px 10px; color: white; border-radius: 1px; font-size: 8px; letter-spacing: 2px; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .text .content-title { font-size: 48px; color: white; font-weight: 100; font-family: 'Quicksand', sans-serif; -webkit-margin-before: 0.5em; -webkit-margin-after: 0.5em; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .text .content-title a { color: white; font-family: 'Quicksand', sans-serif; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .text .content-date { opacity: 0.6; display: inline; font-size: 15px; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .text .reading-time { opacity: 0.6; display: inline; width: 100%; background-image: url("clock.png"); background-repeat: no-repeat; background-position: left; padding: 20px; font-size: 15px; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .main-picture { padding-top: 3%; padding: 45px; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .main-picture img { width: 80%; display: block; margin-left: auto; margin-right: auto; border-bottom: 7px solid rgba(255, 0, 0, 0.62); box-shadow: 0px 7px 12px 1px rgba(0, 0, 0, 0.2); } .magazine-content-page #main-layout { width: 80vw; margin-left: auto; margin-right: auto; } .magazine-content-page #main-layout #main-central-layout { align-items: stretch; font-family: 'Lato'; border-right: 1px solid #e9e8e3; color: #000000; margin-top: 10px; } .magazine-content-page #main-layout #main-central-layout .central-content-editorial-placeholder { margin-top: 0; margin-bottom: 0; } .magazine-content-page #main-layout #main-central-layout .central-content-editorial-placeholder .mageditorial-content { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-left: 1%; padding-right: 5%; } .magazine-content-page #main-layout #main-central-layout .central-content-editorial-placeholder .mageditorial-content .content-body { width: 100%; } .magazine-content-page #main-layout #main-central-layout .central-content-editorial-placeholder .mageditorial-content .content-body .paragraph-list { font-size: 18px; line-height: 1.8; } .magazine-content-page #main-layout #main-central-layout .central-content-editorial-placeholder .mageditorial-content .content-body .paragraph-list .paragraph .paragraph-picture.floatingright { padding-right: 4%; } .magazine-content-page #main-layout #main-central-layout .central-content-editorial-placeholder .mageditorial-content .content-body .paragraph-list .paragraph .paragraph-picture.floatingleft { padding-left: 4%; } .magazine-content-page #main-layout #main-central-layout .central-content-editorial-placeholder .mageditorial-content .content-body .paragraph-list .paragraph .paragraph-body img { margin: 10px; } .magazine-content-page #main-layout #main-central-layout .central-content-editorial-placeholder .mageditorial-content .content-body .paragraph-list .paragraph .paragraph-body video { margin: 10px; } .magazine-content-page #main-layout #main-central-layout .central-content-editorial-placeholder .mageditorial-content .content-body .paragraph-list .paragraph .paragraph-body audio { margin: 10px; } .magazine-content-page #main-layout #main-central-layout .central-content-editorial-placeholder .mageditorial-content .content-body .paragraph-list .paragraph .paragraph-body .blockquote { border-top: 0; border-bottom: 0; border-left: 4px solid #0E3087; color: #0E3087; background-image: none; padding-left: 4%; font-size: 22px; } .magazine-content-page #main-layout #main-side-layout { align-items: flex-start; margin-left: auto; } .magazine-content-page #main-layout #main-side-layout .subheading { height: 50px; margin-bottom: 10px; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list-header { background-image: url("love.png"); background-repeat: no-repeat; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list { background-color: #FFFFFF; margin-bottom: 0; padding: 0; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list div + div { padding-top: 0; border-top: 0; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list .content-title { height: 40px; overflow: hidden; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list .side-list div { padding-left: 20px; padding-top: 5px; min-height: 50px; margin-bottom: 16px; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list .side-list div .pressrelease-content .content-title { min-height: 50px; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list .side-list div article .content-title { color: #000000; font-size: 15px; font-weight: bold; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list .side-list div article .content-title a { color: #000000; font-size: 15px; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list .side-list div article.download-content .content-title { height: 20px; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list .side-list div article .download-links .label { display: none; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list .side-list div:nth-of-type(3n-2) { border-left: 5px solid #0077BC; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list .side-list div:nth-of-type(3n-1) { border-left: 5px solid #FFDD00; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list .side-list div:nth-of-type(3n) { border-left: 5px solid #6AB023; } .magazine-content-page #main-layout #main-side-layout .side-list-placeholder .related-content-list .side-list div.download-links { border-left: 0; } .magazine-content-page #main-layout #main-side-layout .side-youtube-placeholder .side-detail-youtube-list .side-youtube-list-header { background-image: url("002-triangles.png"); background-repeat: no-repeat; } .magazine-content-page #main-layout #main-side-layout .side-youtube-placeholder .side-detail-youtube-list .side-detail-youtube-video .youtube-playlist-item { padding: 0; margin: 0; } .magazine-content-page #main-layout #main-side-layout .side-youtube-placeholder .side-detail-youtube-list .side-detail-youtube-video .youtube-playlist-item a { background-image: none; } .magazine-content-page #main-layout #main-side-layout .side-youtube-placeholder .side-detail-youtube-list .side-detail-youtube-video .youtube-playlist-item a .main-picture { position: relative; padding: 0; margin: 0; } .magazine-content-page #main-layout #main-side-layout .side-youtube-placeholder .side-detail-youtube-list .side-detail-youtube-video .youtube-playlist-item a .main-picture img { width: 100%; height: auto; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-latest-tweets-list-header { background-image: url("circle.png"); background-repeat: no-repeat; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .loadingCls { background: url("img-loader.gif") no-repeat center center; height: 70px; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list__item { width: 100%; padding: 7px; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item { height: auto; position: relative; padding-top: 0; min-height: 162px; display: flex; align-items: center; justify-content: center; -webkit-align-items: center; -webkit-justify-content: center; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item--twitter { background: #2f3131; border-radius: 5px; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item__image { filter: brightness(50%); opacity: 0.5; border-radius: 5px; position: static; transform: none; -webkit-transform: none; left: 0; top: 0; min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; margin: 0; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item__content { font-size: 14px; position: absolute; height: 100%; left: 0; top: 0; transform: none; -webkit-transform: none; padding-top: 0; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item__content-text { text-align: left; margin-top: 20%; overflow: hidden; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item__content-text a { display: none; background-image: none; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item__content-text a:first-child { display: inline; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item:after { top: 5px; left: 90%; border: none; background-image: url("./img-social-twitter_blue.svg"); } @media screen and (min-width: 1025px) { .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item:after { width: 30px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item:after { width: 30px; } } @media screen and (max-width: 763px) { .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item:after { width: 30px; } } @media screen and (min-width: 1025px) { .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item:after { height: 30px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item:after { height: 30px; } } @media screen and (max-width: 763px) { .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item:after { height: 30px; } } .magazine-content-page #main-layout #main-side-layout .magazine-latest-news-placeholder .magazine-latest-news-list-header { background-image: url("diamond.png"); background-repeat: no-repeat; } .magazine-content-page #main-layout #main-side-layout .magazine-latest-news-placeholder ul { list-style: none; margin-left: 0; padding-left: 0; } .magazine-content-page #main-layout #main-side-layout .magazine-latest-news-placeholder ul li { color: #000000; font-size: 15px; font-weight: bold; margin-bottom: 10px; } .magazine-content-page #main-layout #main-side-layout .magazine-latest-news-placeholder ul li article { width: 90%; display: inline-block; } .magazine-content-page #main-layout #main-side-layout .magazine-latest-news-placeholder ul li article .content-title { margin-top: 0; } .magazine-content-page #main-layout #main-side-layout .magazine-latest-news-placeholder ul li::before { content: ">"; vertical-align: top; } .magazine-content-page #main-bottom-layout { padding: 0; } .magazine-content-page #main-bottom-layout .central-promotion-placeholder { padding: 25px 75px; } .magazine-content-page #main-bottom-layout .central-promotion { background-color: #1a1c1f; } .magazine-content-page #main-bottom-layout .central-promotion .solutions__subtitle:before { content: ""; background-image: url("promotion.png"); background-repeat: no-repeat; background-position: left center; transform: none; border: 0; top: 0; height: 100%; width: 100%; } .magazine-content-page #main-bottom-layout .central-promotion .bottom-focus-placeholder article { padding: 5px; white-space: normal; } .magazine-content-page #main-bottom-layout .central-promotion .bottom-focus-placeholder article a figure img { width: 100%; overflow: hidden; } .magazine-content-page #main-bottom-layout .central-promotion .bottom-focus-placeholder article a div.text-strip { background-color: transparent; position: static; padding: 10px 0 0 0; } .magazine-content-page #main-bottom-layout .central-promotion .bottom-focus-placeholder article a div.text-strip div.text-strip-inner .content-title { font-family: 'Quicksand', sans-serif; font-size: 19px; color: #FFFFFF; } .magazine-content-page #main-bottom-layout .central-promotion .bottom-focus-placeholder article a div.text-strip div.text-strip-inner .text-strip__description { font-family: Lato; font-size: 16px; max-height: 100px; height: auto; opacity: 1; display: block; margin-top: 10px; color: #777; } .magazine-content-page #main-bottom-layout .central-promotion .bottom-focus-placeholder article a div.text-strip .readmore-bar { height: 2px; width: 0px; background-color: #FF4659; display: block; margin-top: 10px; margin-bottom: 10px; transition: width 1s; -webkit-transition: width 1s; } .magazine-content-page #main-bottom-layout .central-promotion .bottom-focus-placeholder article a div.text-strip .readmore { color: white; text-transform: uppercase; font-family: Lato; font-size: 16px; } .magazine-content-page #main-bottom-layout .central-promotion .bottom-focus-placeholder article:hover a div.text-strip .readmore-bar { width: 100%; } .magazine-content-page .footer { padding-top: 0; } .magazine-index-page { background-color: white; } .magazine-index-page .breadcrumb { display: none; } .magazine-index-page .container .postheader-layout { margin-top: 2em; font-family: Quicksand, Lato; padding: 0; } .magazine-index-page .container .postheader-layout .postheader-focus { background-color: #161616; min-height: 0; } .magazine-index-page .container .postheader-layout .postheader-focus div.stories-logo { width: 90%; margin-left: auto; margin-right: auto; max-width: 1920px; margin-top: 25px; margin-bottom: 25px; } .magazine-index-page .container .postheader-layout .postheader-focus .filter-content-press { display: none; position: absolute; width: 100%; bottom: 0; } .magazine-index-page .container .postheader-layout .postheader-focus .filter-content-press .central-mag-switch-nav { color: gray; margin-left: auto; margin-right: auto; width: 40%; overflow: visible; } .magazine-index-page .container .postheader-layout .postheader-focus .filter-content-press .central-mag-switch-nav .magTheme-categories { display: flex; height: 50px; align-items: flex-end; justify-content: space-between; } .magazine-index-page .container .postheader-layout .postheader-focus .filter-content-press .central-mag-switch-nav .magTheme-categories .magTheme-categories-item { cursor: pointer; font-size: 16px; padding: 15px; font-weight: 800; } .magazine-index-page .container .postheader-layout .postheader-focus .filter-content-press .central-mag-switch-nav .magTheme-categories .magTheme-categories-item:hover, .magazine-index-page .container .postheader-layout .postheader-focus .filter-content-press .central-mag-switch-nav .magTheme-categories .magTheme-categories-item:active, .magazine-index-page .container .postheader-layout .postheader-focus .filter-content-press .central-mag-switch-nav .magTheme-categories .magTheme-categories-item:focus { color: #FF4659; border-bottom: 3px solid #FF4659; } .magazine-index-page .container .postheader-layout .postheader-focus .filter-content-press .central-mag-switch-nav .magTheme-categories .active { color: #FF4659; border-bottom: 3px solid #FF4659; } .magazine-index-page .container .ias_loader #loading { color: #FF4659; } @media screen and (max-width: 1120px) { .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper { display: none; } } @media screen and (max-width: 1023px) { .magazine-home-page .mageditorial-content.central-trending, .magazine-content-page .mageditorial-content.central-trending, .magazine-index-page .mageditorial-content.central-trending { width: 45%; margin-bottom: 25px; } .magazine-home-page .mageditorial-content.central-list .content, .magazine-content-page .mageditorial-content.central-list .content, .magazine-index-page .mageditorial-content.central-list .content { flex-direction: column; -webkit-flex-direction: column; } .magazine-home-page .mageditorial-content.central-list .content .main-picture + .text .content-information, .magazine-content-page .mageditorial-content.central-list .content .main-picture + .text .content-information, .magazine-index-page .mageditorial-content.central-list .content .main-picture + .text .content-information { left: 0; top: 0; } .magazine-home-page .mageditorial-content.central-list .content .text .abstract, .magazine-home-page .mageditorial-content.central-list .content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magazine-home-page .mageditorial-content.central-list .content .text span, .magazine-content-page .mageditorial-content.central-list .content .text .abstract, .magazine-content-page .mageditorial-content.central-list .content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magazine-content-page .mageditorial-content.central-list .content .text span, .magazine-index-page .mageditorial-content.central-list .content .text .abstract, .magazine-index-page .mageditorial-content.central-list .content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magazine-index-page .mageditorial-content.central-list .content .text span { display: none; } .magazine-home-page .mageditorial-content.central-interview, .magazine-content-page .mageditorial-content.central-interview, .magazine-index-page .mageditorial-content.central-interview { width: 100%; flex: 1 1 100%; } .magazine-home-page .mageditorial-content.central-interview .main-picture, .magazine-content-page .mageditorial-content.central-interview .main-picture, .magazine-index-page .mageditorial-content.central-interview .main-picture { margin-left: auto; margin-right: auto; text-align: center; } .magazine-home-page .mageditorial-content.central-interview .main-picture img, .magazine-content-page .mageditorial-content.central-interview .main-picture img, .magazine-index-page .mageditorial-content.central-interview .main-picture img { width: auto; } .magazine-home-page .mageditorial-content.central-interview .text, .magazine-content-page .mageditorial-content.central-interview .text, .magazine-index-page .mageditorial-content.central-interview .text { width: 100%; text-align: center; margin-left: auto; margin-right: auto; } .magazine-home-page .mageditorial-content.central-interview .text .central-interview-bar, .magazine-content-page .mageditorial-content.central-interview .text .central-interview-bar, .magazine-index-page .mageditorial-content.central-interview .text .central-interview-bar { margin-left: auto; margin-right: auto; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .text { width: 80%; } .magazine-content-page #main-layout #main-central-layout { float: none; width: 100%; padding-left: auto; } .magazine-content-page #main-layout #main-side-layout { float: none; width: 100%; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list__item { width: 50%; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list .socialwall-item__content { overflow: hidden; } .magazine-content-page #main-bottom-layout { display: block; } .magazine-content-page #main-bottom-layout .central-promotion-placeholder .bottom-focus-placeholder > div { width: 100%; } .magazine-home-page .container .postheader-layout .postheader-focus div.stories-logo { margin-top: 10px; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder div.vertical-logo { display: none; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .slideshow-trending-bar { top: 90%; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text .label__title { margin-top: auto; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text .abstract .title, .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text .photo-thumbnail-content.central-detail .text span .title, .photo-thumbnail-content.central-detail .text .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text span .title { font-size: 4vw; bottom: 0; top: auto; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper { display: none; } .magazine-home-page .container .postheader-layout .central-content-trending-placeholder { padding-bottom: 0; } .magazine-home-page .container #main-layout .central-content-central-social .socialwall-list__item { flex: 1 1 48%; } .magazine-home-page .container #main-layout .central-content-central-social .socialwall-item .socialwall-item__content { overflow: hidden; } .magazine-home-page .container #main-layout .central-content-central-interviews .central-interview-article { flex-wrap: wrap; } .magazine-index-page .container .postheader-layout .postheader-focus .filter-content-press .central-mag-switch-nav { width: 60%; } } @media screen and (max-width: 760px) { .magazine-content-page #main-bottom-layout { display: block; } .magazine-content-page #main-bottom-layout .central-promotion-placeholder .bottom-focus-placeholder > div { width: 100%; } } @media screen and (max-width: 750px) { .magazine-content-page #main-bottom-layout { display: block; } .magazine-content-page #main-bottom-layout .central-promotion-placeholder .bottom-focus-placeholder > div { width: 100%; } } @media screen and (max-width: 612px) { .magazine-home-page .mageditorial-content.central-list .content-title a, .magazine-content-page .mageditorial-content.central-list .content-title a, .magazine-index-page .mageditorial-content.central-list .content-title a { font-size: 30px; } .magazine-home-page .mageditorial-content.central-list .content .main-picture, .magazine-content-page .mageditorial-content.central-list .content .main-picture, .magazine-index-page .mageditorial-content.central-list .content .main-picture { margin-right: 0; } .magazine-home-page .mageditorial-content.central-list .content .main-picture img, .magazine-content-page .mageditorial-content.central-list .content .main-picture img, .magazine-index-page .mageditorial-content.central-list .content .main-picture img { width: 100%; height: auto; } .magazine-home-page .mageditorial-content.central-list .content .text .abstract, .magazine-home-page .mageditorial-content.central-list .content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magazine-home-page .mageditorial-content.central-list .content .text span, .magazine-content-page .mageditorial-content.central-list .content .text .abstract, .magazine-content-page .mageditorial-content.central-list .content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magazine-content-page .mageditorial-content.central-list .content .text span, .magazine-index-page .mageditorial-content.central-list .content .text .abstract, .magazine-index-page .mageditorial-content.central-list .content .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .magazine-index-page .mageditorial-content.central-list .content .text span { display: none; } .magazine-home-page .mageditorial-content.central-trending, .magazine-content-page .mageditorial-content.central-trending, .magazine-index-page .mageditorial-content.central-trending { width: 100%; } .magazine-home-page .mageditorial-content.central-interview, .magazine-content-page .mageditorial-content.central-interview, .magazine-index-page .mageditorial-content.central-interview { width: 100%; } .magazine-content-page .postheader-layout .postheader-focus { background-image: none; } .magazine-content-page .postheader-layout .central-mag-banner { padding-top: 20px; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content { padding-top: 0; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .text { width: 96%; padding-bottom: 20px; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .text .label__title { font-size: 10px; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .text .content-title { font-size: 32px; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .main-picture { padding: 0; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .main-picture img { width: 100%; display: block; border-bottom: 7px solid rgba(255, 0, 0, 0.62); } .magazine-content-page #main-layout { width: 95vw; padding-top: 20px; } .magazine-content-page #main-layout #main-central-layout { border-right: 0; } .magazine-content-page #main-layout #main-central-layout .central-content-editorial-placeholder .mageditorial-content { padding-left: 0; padding-right: 0; } .magazine-content-page #main-layout #main-side-layout .related-content-list { display: block; } .magazine-content-page #main-layout #main-side-layout .side-latest-tweets-placeholder .side-detail-latest-tweets-list .side-detail-latest-tweets .socialwall-list__item { width: 100%; } .magazine-content-page #main-bottom-layout { display: block; } .magazine-content-page #main-bottom-layout .central-promotion-placeholder { padding: 5px 20px; } .magazine-home-page .container .postheader-layout .postheader-focus div.stories-logo { margin-top: 5px; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .slideshow-trending-bar { display: none; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text { height: 50%; z-index: 3; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text .label__title { left: 3vw; display: none; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text .abstract, .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text span { left: 3vw; width: 94%; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text .abstract .title, .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text .photo-thumbnail-content.central-detail .text span .title, .photo-thumbnail-content.central-detail .text .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .img-text span .title { font-size: 30px; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .large-zone .photo-content .main-picture .mobile-black-title-space { background-color: #161616; position: absolute; bottom: 0; width: 100%; z-index: 2; } .magazine-home-page .container .postheader-layout .central-slideshow.photo-thumbnail-gallery-placeholder .thumbs-zone-wrapper { display: none; } .magazine-home-page .container #main-layout .central-youtube-video .central-youtube-playlist-section .central-youtube-playlist .youtube-playlist-item { flex: 1 1 100%; } .magazine-home-page .container #main-layout .central-content-central-social .socialwall-list__item { flex: 1 1 100%; } .magazine-home-page .container #main-layout .central-content-central-social .socialwall-item .socialwall-item__content { overflow: hidden; } .magazine-index-page .container .postheader-layout .postheader-focus div.stories-logo { margin-top: 5px; margin-bottom: 5px; } .magazine-index-page .container .postheader-layout .postheader-focus .filter-content-press .central-mag-switch-nav { width: 100%; } .magazine-index-page .container .postheader-layout .postheader-focus .filter-content-press .central-mag-switch-nav .magTheme-categories { overflow-x: scroll; overflow-y: hidden; } .magazine-index-page .container .postheader-layout .postheader-focus .filter-content-press .central-mag-switch-nav .magTheme-categories .magTheme-categories-item { white-space: nowrap; } } @media screen and (max-width: 369px) { .magazine-index-page .container .postheader-layout .postheader-focus div.stories-logo { background-size: 80%; } .magazine-content-page .container #main-layout { width: 95vw; } } @media print { .magazine-content-page .postheader-layout .postheader-focus { display: block; border: 1px solid black; background-color: black; } .magazine-content-page .postheader-layout .central-mag-banner .mageditorial-content .content-title { font-size: 36px; } } [data-tb-widget="search"] p:focus { outline: none; } [data-tb-widget="search"] a { display: block; } [data-tb-widget="search"] input { margin-right: 5px; } [data-tb-widget="search"] ul { margin: 0 0 0 1.25em; padding: 0; } [data-tb-widget="search"] li { margin: 0; padding: 0; } [data-tb-widget="list"] a, [data-tb-widget="list"] span { display: block; } [data-tb-widget="list"] ul { margin: 0 0 0 1.25em; padding: 0; } [data-tb-widget="list"] li { margin: 0; padding: 0; } .recently-viewed-job-list { margin-bottom: 30px; } .latest-jobs, .recently-viewed-job-list, .similar-jobs { padding: 0; } .latest-jobs .inner, .recently-viewed-job-list .inner, .similar-jobs .inner { background-color: #fff; margin: 0; padding: 20px; position: relative; } .latest-jobs .inner:before, .recently-viewed-job-list .inner:before, .similar-jobs .inner:before { content: ""; position: absolute; top: 0; right: 0; border-width: 0 24px 20px 0; border-style: solid; display: block; width: 0; border-color: #e9e8e3 #e9e8e3 #cac9c4 #e9e8e3; } .light-bg h1, .light-bg h2, .light-bg h3 { color: #3a4e57; font-weight: bold; font-size: 20px; text-transform: capitalize; margin-top: 0; margin-bottom: 30px; color: #fff; font-family: Verdana,Geneva,sans-serif; line-height: 1; font-weight: 500; } .latest-jobs .inner ul, .recently-viewed-job-list .inner ul, .similar-jobs .inner ul { list-style: none; } .latest-jobs .inner ul li, .recently-viewed-job-list .inner ul li, .similar-jobs .inner ul li { display: block; position: relative; background: none; border-bottom: #e9e8e3 solid 1px; padding-bottom: 20px; margin-top: 20px; } .latest-jobs .inner ul li a, .latest-jobs .inner ul li span, .recently-viewed-job-list .inner ul li a, .recently-viewed-job-list .inner ul li span, .similar-jobs .inner ul li a, .similar-jobs .inner ul li span { font-size: 15px; width: 90%; display: block; font-weight: bold; } .latest-jobs .inner ul li span.tb-widget-list-location, .recently-viewed-job-list .inner ul li span.tb-widget-list-location, .similar-jobs .inner ul li span.tb-widget-list-location { font-size: 12px; display: block; position: relative; margin-left: 20px; margin-top: 12px; } .latest-jobs .inner ul li span.tb-widget-list-location:before, .recently-viewed-job-list .inner ul li span.tb-widget-list-location:before, .similar-jobs .inner ul li span.tb-widget-list-location:before { content: ""; width: 14px; height: 45px; left: -21px; background-size: contain; position: absolute; top: -13px; background-image: url(https://tbcdn.talentbrew.com/company/8040/v1_0/img/location-marker.png); background-repeat: no-repeat; background-position: center center; } .latest-jobs .inner ul li:after, .recently-viewed-job-list .inner ul li:after, .similar-jobs .inner ul li:after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 15px; height: 28px; background-image: url(https://tbcdn.talentbrew.com/company/8040/v1_0/img/go-arrow.png); background-repeat: no-repeat; background-position: center center; -webkit-transition: 0.3s ease-out all; transition: 0.3s ease-out all; } .section > .inner > div > a { font-size: 15px; line-height: 1; color: #fff; background-color: #22252b; -webkit-transition: 0.3s ease-out all; transition: 0.3s ease-out all; border: #22252b 1px solid; margin-right: 1.3%; padding: 10px 18px; text-align: center; min-width: 110px; display: inline-block; vertical-align: top; width: 100%; } @media only screen and (min-width: 420px) { .section > .inner > div > a { width: 90%; max-width: 210px; margin: 10px auto auto; } } @media only screen and (min-width: 480px) { .section > .inner > div > a { width: auto; max-width: 210px; display: block; margin: 10px auto auto; } } .section > .inner > div > a:hover { background-color: #393e47; -webkit-transition: 0.3s ease-out all; transition: 0.3s ease-out all; } .section a { color: #009fde; text-decoration: none; } .section a:hover { color: #4cbdd3; } .latest-jobs .inner ul li:hover:after, .recently-viewed-job-list .inner ul li:hover:after, .similar-jobs .inner ul li:hover:after { right: -6px; -webkit-transition: 0.3s ease-out all; transition: 0.3s ease-out all; } /** Fonts */ .gpc-font, .xx-small-font, piped-links .small li, .x-small-font, .small-font, .medium-font, .large-font, .x-large-font, .xx-large-font { font-family: 'Arial Normal', 'Arial'; font-style: normal; font-weight: 400; } .gpc-bold-font, .xx-small-bold-font, .x-small-bold-font, .small-bold-font, .medium-bold-font, piped-links .big li, .large-bold-font, .x-large-bold-font, .xx-large-bold-font { font-family: 'Arial Gras', 'Arial'; font-style: normal; font-weight: 700; } .xx-small-font, piped-links .small li { font-size: 12px; } .xx-small-bold-font { font-size: 12px; } .x-small-font { font-size: 14px; } .x-small-bold-font { font-size: 14px; } .small-font { font-size: 15px; } .small-bold-font { font-size: 15px; } .medium-font { font-size: 16px; } .medium-bold-font, piped-links .big li { font-size: 16px; } .large-font { font-size: 18px; } .large-bold-font { font-size: 18px; } .x-large-font { font-size: 22px; } .x-large-bold-font { font-size: 22px; } .xx-large-font { font-size: 35px; } .xx-large-bold-font { font-size: 35px; } .hide-on-scroll { display: none !important; } .product-list-link { display: none; } @media screen and (min-width: 1025px) { product-detail-page .spotlight-title { font-size: 1.66rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-detail-page .spotlight-title { font-size: 1.66rem; } } @media screen and (max-width: 763px) { product-detail-page .spotlight-title { font-size: 1.33rem; } } @media screen and (min-width: 1025px) { product-detail-page .spotlight-title { margin-top: -2rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-detail-page .spotlight-title { margin-top: -0.5rem; } } @media screen and (max-width: 763px) { product-detail-page .spotlight-title { margin-top: 0; } } @media screen and (min-width: 1025px) { product-detail-page .spotlight-title { padding: 0 2rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-detail-page .spotlight-title { padding: 0 2rem; } } @media screen and (max-width: 763px) { product-detail-page .spotlight-title { padding: 0 0.7rem; } } .hide-on-scroll { display: none !important; } @media screen and (min-width: 1025px) { contact-list .section-contact-list { margin: 3.33rem 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { contact-list .section-contact-list { margin: 3.33rem -2rem; } } @media screen and (max-width: 763px) { contact-list .section-contact-list { margin: 2rem -0.66rem; } } contact-list .box { padding: 2.66rem 1rem; color: #ffffff; background-color: #1eafed; text-align: center; } contact-list .title { display: block; margin-bottom: 1.33rem; font-size: 1.73rem; font-weight: 700; } contact-list .button { text-align: left; position: relative; display: inline-block; padding: 1.33rem; border: 1px solid #ffffff; color: #ffffff; background-color: transparent; transition: color 0.5s ease, background-color 0.5s ease; } @media screen and (min-width: 764px) and (max-width: 1024px) { contact-list .button { width: 16.66rem; } } @media screen and (max-width: 763px) { contact-list .button { width: 100%; } } @media screen and (max-width: 763px) { contact-list .button { max-width: 20rem; } } @media screen and (min-width: 1025px) { contact-list .button { margin: 0.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { contact-list .button { margin: 0.33rem; } } @media screen and (max-width: 763px) { contact-list .button { margin: 0.33rem 0; } } contact-list .button:hover { background: #ffffff; color: #1eafed; } contact-list .button:hover span:after { opacity: 1; } contact-list .button span { position: relative; padding-left: 2rem; display: inline-block; text-align: left; } contact-list .button span:before, contact-list .button span:after { content: ""; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 1.33rem; height: 1.66rem; background-repeat: no-repeat; background-position: center center; background-size: contain; } contact-list .button span:after { opacity: 0; transition: opacity 0.5s ease; } contact-list .button.sample span:before { background-image: url("./img-icon-sample-white.svg"); } contact-list .button.sample span:after { background-image: url("./img-icon-sample-blue.svg"); } contact-list .button.calc span:before { background-image: url("./img-icon-calc-white.svg"); } contact-list .button.calc span:after { background-image: url("./img-icon-calc-blue.svg"); } contact-list .button.documents span:before { background-image: url("./img-icon-documents-white.svg"); } contact-list .button.documents span:after { background-image: url("./img-icon-documents-blue.svg"); } contact-list .button.ask span:before { background-image: url("./img-icon-ask-white.svg"); } contact-list .button.ask span:after { background-image: url("./img-icon-ask-blue.svg"); } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { contact-list .button { width: 20.66rem; } } contact-list i { vertical-align: middle; } fixed-links .nav-fixed-links { background-color: #22252b; padding: 1.33rem 0; font-size: 0; text-align: left; } @media screen and (min-width: 1025px) { fixed-links .nav-fixed-links.fixed { position: fixed; top: 0; width: 100%; left: 0px; z-index: 2; } } @media screen and (min-width: 1280px) { fixed-links .nav-fixed-links.fixed { top: 0; } } fixed-links .nav-fixed-item { position: relative; font-weight: normal; color: #ffffff; transition: color 0.5s ease; } @media screen and (min-width: 1025px) { fixed-links .nav-fixed-item { padding-left: 2rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { fixed-links .nav-fixed-item { padding-left: 1.66rem; } } @media screen and (max-width: 763px) { fixed-links .nav-fixed-item { padding-left: 1.66rem; } } @media screen and (min-width: 1025px) { fixed-links .nav-fixed-item { font-size: 1.2rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { fixed-links .nav-fixed-item { font-size: 1.2rem; } } @media screen and (max-width: 763px) { fixed-links .nav-fixed-item { font-size: 1.2rem; } } @media screen and (min-width: 1025px) { fixed-links .nav-fixed-item { margin-right: 2.66rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { fixed-links .nav-fixed-item { display: inline-block; vertical-align: middle; width: 25%; } } @media screen and (max-width: 763px) { fixed-links .nav-fixed-item { display: inline-block; vertical-align: middle; width: 50%; margin: 0.66rem 0; } } fixed-links .nav-fixed-item:hover { color: #3bbaf0; } fixed-links .nav-fixed-item:hover:after { opacity: 1; } fixed-links .nav-fixed-item:after { opacity: 0; transition: opacity 0.5s ease; } fixed-links .nav-fixed-item:before, fixed-links .nav-fixed-item:after { content: ""; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); background-repeat: no-repeat; background-position: center center; background-size: contain; } @media screen and (min-width: 1025px) { fixed-links .nav-fixed-item:before, fixed-links .nav-fixed-item:after { width: 1.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { fixed-links .nav-fixed-item:before, fixed-links .nav-fixed-item:after { width: 1.06rem; } } @media screen and (max-width: 763px) { fixed-links .nav-fixed-item:before, fixed-links .nav-fixed-item:after { width: 1.06rem; } } @media screen and (min-width: 1025px) { fixed-links .nav-fixed-item:before, fixed-links .nav-fixed-item:after { height: 1.66rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { fixed-links .nav-fixed-item:before, fixed-links .nav-fixed-item:after { height: 1.26rem; } } @media screen and (max-width: 763px) { fixed-links .nav-fixed-item:before, fixed-links .nav-fixed-item:after { height: 1.26rem; } } fixed-links .nav-fixed-item.sample:before { background-image: url("./img-icon-sample-white.svg"); } fixed-links .nav-fixed-item.sample:after { background-image: url("./img-icon-sample-blue.svg"); } fixed-links .nav-fixed-item.calc:before { background-image: url("./img-icon-calc-white.svg"); } fixed-links .nav-fixed-item.calc:after { background-image: url("./img-icon-calc-blue.svg"); } fixed-links .nav-fixed-item.documents:before { background-image: url("./img-icon-documents-white.svg"); } fixed-links .nav-fixed-item.documents:after { background-image: url("./img-icon-documents-blue.svg"); } fixed-links .nav-fixed-item.ask:before { background-image: url("./img-icon-ask-white.svg"); } fixed-links .nav-fixed-item.ask:after { background-image: url("./img-icon-ask-blue.svg"); } gpc-footer > footer { background-color: #E9E8E3; } gpc-footer > footer .title { font-weight: 700; } gpc-footer > footer .info-box { margin-left: 20%; padding: 15px; overflow: auto; } gpc-footer > footer .info { width: 30%; float: left; } gpc-footer > footer .small-links { padding-bottom: 15px; } gpc-header .small-links ul { background-color: #ffffff; text-align: right; padding: 20px; padding-right: 60px; } gpc-header .big-links ul { background-color: #ffffff; text-align: right; padding: 10px; padding-bottom: 30px; padding-right: 60px; } gpc-header .logo { width: 256px; height: 92px; background-image: url("../img/logo-solvay-landscape.png"); background-size: contain; position: absolute; top: 10px; left: 60px; } gpc-header .search { position: absolute; top: 64px; right: 103px; width: 40%; height: 24px; padding-left: 5px; box-shadow: -1200px 0px 400px 1000px rgba(0, 0, 0, 0.2); } download-docs .box { background-color: #ffffff; } @media screen and (min-width: 1025px) { download-docs .box { margin: 4rem 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { download-docs .box { margin: 2.66rem 0; } } @media screen and (max-width: 763px) { download-docs .box { margin: 2rem 0; } } @media screen and (min-width: 1025px) { download-docs .box { padding: 2.66rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { download-docs .box { padding: 1.33rem; } } @media screen and (max-width: 763px) { download-docs .box { padding: 0.66rem; } } download-docs .download-title { color: #000000; } @media screen and (min-width: 1025px) { download-docs .download-title { font-size: 1.5rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { download-docs .download-title { font-size: 1.46rem; } } @media screen and (max-width: 763px) { download-docs .download-title { font-size: 1.2rem; } } download-docs .title { position: relative; margin: 1.5rem 0; color: #6c6c6c; } download-docs .title:before { content: ""; position: absolute; bottom: 0.33rem; left: 0; right: 0; width: 100%; height: 1px; background-color: #d3d3d5; } download-docs .title-text { position: relative; display: inline-block; margin: 0; font-weight: 100; padding-right: 0.66rem; background-color: #ffffff; } @media screen and (min-width: 1025px) { download-docs .title-text { font-size: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { download-docs .title-text { font-size: 0.93rem; } } @media screen and (max-width: 763px) { download-docs .title-text { font-size: 0.86rem; } } download-docs .country-region-select { height: 3rem; width: 200px; margin-top: 0.33rem; overflow: hidden; text-align: right; transition: background-color 0.5s ease; } @media screen and (min-width: 764px) { download-docs .country-region-select { z-index: 2; margin-left: 52px; } } download-docs .country-region-select select { height: 3rem; padding: 0.7rem; width: 100%; background-color: #eaebf2; color: #272526; border: none; } @media screen and (min-width: 1025px) { download-docs .download-list { margin: 2rem 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { download-docs .download-list { margin: 1.66rem 0; } } @media screen and (max-width: 763px) { download-docs .download-list { margin: 1.66rem 0; } } @media screen and (min-width: 1025px) { download-docs .download-list { padding-left: 3.66rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { download-docs .download-list { padding-left: 2rem; } } @media screen and (max-width: 763px) { download-docs .download-list { padding-left: 1rem; } } @media screen and (min-width: 1025px) { download-docs .download-list { font-size: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { download-docs .download-list { font-size: 0.93rem; } } @media screen and (max-width: 763px) { download-docs .download-list { font-size: 0.86rem; } } download-docs .download-list .download-list__file { position: relative; padding-left: 1.66rem; font-weight: bold; } @media screen and (min-width: 1025px) { download-docs .download-list .download-list__file { margin-right: 200px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { download-docs .download-list .download-list__file { margin-right: 200px; } } @media screen and (max-width: 763px) { download-docs .download-list .download-list__file { margin-right: 0px; } } @media screen and (min-width: 1025px) { download-docs .download-list .download-list__file { margin-bottom: 1.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { download-docs .download-list .download-list__file { margin-bottom: 1.33rem; } } @media screen and (max-width: 763px) { download-docs .download-list .download-list__file { margin-bottom: 1rem; } } download-docs .download-list .download-list__file a { color: #009EE0; } download-docs .download-list .download-list__file a:hover { color: #007AAD; } download-docs .download-list .download-list__file i { position: absolute; left: -0.7rem; transform: translate(0, -50%); font-size: 1.4rem; color: #1eafed; } download-docs .download-list .download-list__info { color: #22252b; } @media screen and (min-width: 1025px) { download-docs .download-list .download-list__info { margin-bottom: 1.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { download-docs .download-list .download-list__info { margin-bottom: 1.33rem; } } @media screen and (max-width: 763px) { download-docs .download-list .download-list__info { margin-bottom: 1rem; } } download-docs .download-list .download-list__info a { color: #22252b; text-decoration: underline; } download-docs .download-list .download-list__info i { margin-top: 0px !important; color: #22252b; } @media screen and (min-width: 1025px) { going-further section { margin: 50px 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { going-further section { margin: 50px 0; } } @media screen and (max-width: 763px) { going-further section { margin: 30px 0; } } going-further .box { background: #ffffff url("./img-paper-corner.gif") no-repeat right top; } @media screen and (min-width: 1025px) { going-further .box { padding: 50px 30px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { going-further .box { padding: 50px 20px; } } @media screen and (max-width: 763px) { going-further .box { padding: 30px 10px; } } going-further .group { font-size: 0; } @media screen and (min-width: 1025px) { going-further .group.half .groups-list-item { width: 50%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { going-further .group.half .groups-list-item { width: 100%; } } @media screen and (max-width: 763px) { going-further .group.half .groups-list-item { width: 100%; } } going-further .group + .group { margin-top: 15px; } going-further .groups-list-item { position: relative; display: inline-block; vertical-align: top; padding-right: 15px; padding-left: 20px; margin-bottom: 15px; color: #22252b; } @media screen and (min-width: 1025px) { going-further .groups-list-item { width: 25%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { going-further .groups-list-item { width: 33%; } } @media screen and (max-width: 763px) { going-further .groups-list-item { width: 50%; } } @media screen and (min-width: 1025px) { going-further .groups-list-item { font-size: 1.06rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { going-further .groups-list-item { font-size: 1.06rem; } } @media screen and (max-width: 763px) { going-further .groups-list-item { font-size: 0.93rem; } } going-further .groups-list-item:before { content: ""; position: absolute; left: 0; width: 8px; height: 8px; border-right: 2px solid #1eafed; border-bottom: 2px solid #1eafed; transform: rotate(-45deg); } @media screen and (min-width: 1025px) { going-further .groups-list-item:before { top: 0.35rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { going-further .groups-list-item:before { top: 0.33rem; } } @media screen and (max-width: 763px) { going-further .groups-list-item:before { top: 0.2rem; } } going-further .groups-list-item a { color: #1eafed; } going-further .groups-list-item a:hover { color: #3a4e57; } going-further .title { margin-bottom: 25px; font-weight: bold; color: #000000; } @media screen and (min-width: 1025px) { going-further .title { font-size: 1.66rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { going-further .title { font-size: 1.66rem; } } @media screen and (max-width: 763px) { going-further .title { font-size: 1.33rem; } } other-products .box { background-color: #ffffff; } @media screen and (min-width: 1025px) { other-products .box { margin: 4rem 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { other-products .box { margin: 2.66rem 0; } } @media screen and (max-width: 763px) { other-products .box { margin: 2rem 0; } } @media screen and (min-width: 1025px) { other-products .box { padding: 2.66rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { other-products .box { padding: 1.33rem; } } @media screen and (max-width: 763px) { other-products .box { padding: 0.66rem; } } other-products .group { font-size: 0; } other-products .group + .group { margin-top: 1rem; } other-products .groups-list-item { background: url(corporate-spotlight-promotion-itemLink-picto.png) no-repeat scroll 5px transparent; position: relative; display: inline-block; vertical-align: top; padding-right: 1rem; padding-left: 1.33rem; margin-bottom: 1rem; text-transform: uppercase; } other-products .groups-list-item:hover { background: url(corporate-spotlight-promotion-itemLink-hover-picto.gif) no-repeat scroll 5px transparent; } @media screen and (min-width: 1025px) { other-products .groups-list-item { width: 25%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { other-products .groups-list-item { width: 33%; } } @media screen and (max-width: 763px) { other-products .groups-list-item { width: 50%; } } @media screen and (min-width: 1025px) { other-products .groups-list-item { font-size: 1.06rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { other-products .groups-list-item { font-size: 1.06rem; } } @media screen and (max-width: 763px) { other-products .groups-list-item { font-size: 0.93rem; } } other-products .groups-list-item a { color: #009EE0; } other-products .groups-list-item a:hover { color: #007AAD; } other-products .title { margin-bottom: 1.66rem; color: #000000; } @media screen and (min-width: 1025px) { other-products .title { font-size: 1.5rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { other-products .title { font-size: 1.5rem; } } @media screen and (max-width: 763px) { other-products .title { font-size: 1.33rem; } } product-detail .product-title { font-weight: bold; line-height: 1.2; color: #000000; } @media screen and (min-width: 1025px) { product-detail .product-title { margin: 2rem 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-detail .product-title { margin: 2rem 0; } } @media screen and (max-width: 763px) { product-detail .product-title { margin: 1.33rem 0; } } @media screen and (min-width: 1025px) { product-detail .product-title { font-size: 2.3rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-detail .product-title { font-size: 2.13rem; } } @media screen and (max-width: 763px) { product-detail .product-title { font-size: 1.46rem; } } product-detail .box { background-color: #ffffff; } @media screen and (min-width: 1025px) { product-detail .box { margin: 3rem 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-detail .box { margin: 2.66rem 0; } } @media screen and (max-width: 763px) { product-detail .box { margin: 2rem 0; } } @media screen and (min-width: 1025px) { product-detail .box { padding: 2.66rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-detail .box { padding: 1.66rem; } } @media screen and (max-width: 763px) { product-detail .box { padding: 0.66rem; } } product-detail .description { margin-bottom: 2rem; display: table; color: #555555; white-space: pre-line; } product-detail .description ul li { position: relative; display: block; vertical-align: top; padding-left: 1.3rem; } product-detail .description ul li:before { content: ""; position: absolute; top: 0.49rem; left: 0; margin-left: 5px; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #1eafed; } product-detail .description blockquote { margin: 0 0 0 5px; padding: 0 0 0 10px; border-left: 5px solid #ccc; } product-detail .title { margin-bottom: 0.4rem; font-weight: normal; } @media screen and (min-width: 1025px) { product-detail .title { font-size: 1.5rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-detail .title { font-size: 1.5rem; } } @media screen and (max-width: 763px) { product-detail .title { font-size: 1.33rem; } } @media screen and (min-width: 764px) { product-detail .attribute.half { display: inline-block; vertical-align: top; width: 48%; } product-detail .attribute.half li { width: 50%; } } product-detail .attribute .commercial-info { font-style: italic; } product-detail .attribute-list { font-size: 0; } product-detail .attribute-list li { position: relative; display: inline-block; vertical-align: top; margin-right: 20px; padding-left: 1.3rem; margin-bottom: 0.66rem; } @media screen and (min-width: 1025px) { product-detail .attribute-list li { font-size: 0.92rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-detail .attribute-list li { font-size: 0.92rem; } } @media screen and (max-width: 763px) { product-detail .attribute-list li { font-size: 0.9rem; } } product-detail .attribute-list li:before { content: ""; position: absolute; top: 0.33rem; left: 0; margin-left: 5px; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #1eafed; } product-detail .attribute-nested-list li { display: block; width: 113%; padding-top: 1.1rem; } product-detail .attribute-nested-list li:before { content: none; } @media screen and (min-width: 1025px) { product-not-find .product-not-find { margin: 1.33rem 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-not-find .product-not-find { margin: 1.33rem 0; } } @media screen and (max-width: 763px) { product-not-find .product-not-find { margin: 1rem 0; } } product-not-find .box { text-align: center; color: #ffffff; background-color: #3bbaf0; } @media screen and (min-width: 1025px) { product-not-find .box { padding: 3.33rem 2rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-not-find .box { padding: 3.33rem 1.33rem; } } @media screen and (max-width: 763px) { product-not-find .box { padding: 2rem 1.33rem; } } product-not-find .title { font-weight: 700; font-size: 1.73rem; margin-bottom: 2rem; } product-not-find .button { text-align: left; position: relative; display: inline-block; padding: 1.33rem; border: 1px solid #ffffff; color: #ffffff; background-color: transparent; transition: color 0.5s ease, background-color 0.5s ease; } @media screen and (min-width: 764px) and (max-width: 1024px) { product-not-find .button { width: 16.66rem; } } @media screen and (max-width: 763px) { product-not-find .button { width: 100%; } } @media screen and (max-width: 763px) { product-not-find .button { max-width: 20rem; } } @media screen and (min-width: 1025px) { product-not-find .button { margin: 0.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-not-find .button { margin: 0.33rem; } } @media screen and (max-width: 763px) { product-not-find .button { margin: 0.33rem 0; } } product-not-find .button:hover { background: #ffffff; color: #1eafed; } product-not-find .button:hover span:after { opacity: 1; } product-not-find .button span { position: relative; padding-left: 2rem; display: inline-block; text-align: left; } product-not-find .button span:before, product-not-find .button span:after { content: ""; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 1.33rem; height: 1.66rem; background-repeat: no-repeat; background-position: center center; background-size: contain; } product-not-find .button span:after { opacity: 0; transition: opacity 0.5s ease; } product-not-find .button.ask span:before { background-image: url("./img-icon-ask-white.svg"); } product-not-find .button.ask span:after { background-image: url("./img-icon-ask-blue.svg"); } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { product-not-find .button { width: 20.66rem; } } product-not-find i { vertical-align: middle; } product-search .product-search-section { background: #d8d6cb; padding: 2.33rem 0 1.33rem; } product-search .autocomplete input { padding: 1rem !important; height: 4.5rem !important; border: none; } product-search .autocomplete ul { border-right: none; border-left: none; border-top: 1px solid #AAA !important; border-bottom: 1px solid #AAA !important; } product-search .search-input-box { position: relative; max-width: 1025px; margin: 0 auto 2rem; } product-search .search-input-box .product_search_input { width: 100%; color: #6c6c6c; background: #ffffff; border: none; } @media screen and (min-width: 1025px) { product-search .search-input-box .product_search_input { padding: 2rem 6.66rem 2rem 2.66rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-search .search-input-box .product_search_input { padding: 1.33rem 5.33rem 1.33rem 1.33rem; } } @media screen and (max-width: 763px) { product-search .search-input-box .product_search_input { padding: 1.33rem 6.66rem 1.33rem 1.33rem; } } @media screen and (min-width: 1025px) { product-search .search-input-box .product_search_input { font-size: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-search .search-input-box .product_search_input { font-size: 1rem; } } @media screen and (max-width: 763px) { product-search .search-input-box .product_search_input { font-size: 0.93rem; } } product-search .search-input-box .product_search_button { position: absolute; right: 0; top: 0; bottom: 0; color: #ffffff; font-family: Verdana, sans-serif; border: none; background: #3bbaf0; transition: background-color 0.5s ease; cursor: pointer; } @media screen and (min-width: 1025px) { product-search .search-input-box .product_search_button { padding: 1.33rem 3.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-search .search-input-box .product_search_button { padding: 1rem 2rem; } } @media screen and (max-width: 763px) { product-search .search-input-box .product_search_button { padding: 1.33rem 2rem; } } @media screen and (min-width: 1025px) { product-search .search-input-box .product_search_button { font-size: 1.3rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-search .search-input-box .product_search_button { font-size: 0; } } @media screen and (max-width: 763px) { product-search .search-input-box .product_search_button { font-size: 0; } } @media screen and (max-width: 1024px) { product-search .search-input-box .product_search_button { background-image: url("./img-icon-search-white.svg"); background-repeat: no-repeat; background-position: center center; background-size: 40% 40%; } } product-search .search-input-box .product_search_button:hover { background-color: #1eafed; } @media screen and (max-width: 1024px) { .product-search__placeholder { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; padding: 1rem; } } @media screen and (min-width: 1025px) { .product-search__placeholder { background: #d8d6cb; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .product-search__placeholder { background: #1a5d83; } } @media screen and (max-width: 763px) { .product-search__placeholder { background: #1a5d83; } } .product-search__placeholder.show { display: block; } @media screen and (min-width: 1025px) { .product-search__placeholder-close { padding-top: 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .product-search__placeholder-close { padding-top: 250px; } } @media screen and (max-width: 763px) { .product-search__placeholder-close { padding-top: 250px; } } @media screen and (min-width: 1025px) { .product-search__placeholder-close { display: none; } } @media screen and (max-width: 1024px) { .product-search__placeholder-close { position: absolute; top: 1.5rem; right: 1rem; width: 1.5rem; height: 1.5rem; font-size: 0; } } @media screen and (min-width: 1025px) { .product-search__placeholder-close { background: url("./img-cross-black.svg") no-repeat center center; } } @media screen and (min-width: 764px) and (max-width: 1024px) { .product-search__placeholder-close { background: url("./img-cross-white.svg") no-repeat center center; } } @media screen and (max-width: 763px) { .product-search__placeholder-close { background: url("./img-cross-white.svg") no-repeat center center; } } @media screen and (min-width: 1025px) { .product-search-section__actions { display: none; } } @media screen and (max-width: 1024px) { .product-search-section__actions { display: block; margin-bottom: 1rem; font-size: 0; text-align: center; } } .product-search-section__actions-item { display: inline-block; width: calc(50% - 0.5rem); max-width: 15rem; padding: 0.8rem; font-size: 1rem; font-weight: 100; text-align: center; border: 1px solid rgba(0, 0, 0, 0.3); background: #ffffff; } .product-search-section__actions-item:first-child { margin-right: 1rem; } @media screen and (min-width: 1025px) { product-search-filters .search-filter-box { padding-top: 0; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-search-filters .search-filter-box { padding-top: 120px; } } @media screen and (max-width: 763px) { product-search-filters .search-filter-box { padding-top: 120px; } } product-search-filters .title { vertical-align: middle; line-height: 2.93rem; padding-right: 0.5rem; } @media screen and (min-width: 1025px) { product-search-filters .title { font-size: 1.1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-search-filters .title { font-size: 1.5rem; } } @media screen and (max-width: 763px) { product-search-filters .title { font-size: 1.5rem; } } @media screen and (min-width: 1025px) { product-search-filters .title { font-weight: bold; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-search-filters .title { font-weight: 100; } } @media screen and (max-width: 763px) { product-search-filters .title { font-weight: 100; } } @media screen and (min-width: 1025px) { product-search-filters .title { color: #000000; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-search-filters .title { color: #ffffff; } } @media screen and (max-width: 763px) { product-search-filters .title { color: #ffffff; } } @media screen and (max-width: 1024px) { product-search-filters .title { display: block; max-width: 23.33rem; margin: 0 auto 3rem; } } @media screen and (min-width: 1025px) { product-search-filters .search-categories { display: inline-block; list-style: none; margin: -4px; padding: 0; } } @media screen and (max-width: 1024px) { product-search-filters .search-categories { display: block; } } product-search-filters .search-categories-item { position: relative; color: #ffffff; line-height: 1.06rem; cursor: pointer; } @media screen and (min-width: 1025px) { product-search-filters .search-categories-item { position: relative; display: inline-block; margin: 0 0.26rem; transition: padding 0.5s ease; padding: 0.66rem 2rem 0.66rem 0.8rem; } } @media screen and (max-width: 1024px) { product-search-filters .search-categories-item { display: block; max-width: 23.33rem; margin: 1rem auto; padding: 1rem 2rem 1rem 0.8rem; } } product-search-filters .search-categories-item.red { background-color: #eb6b4b; } product-search-filters .search-categories-item.blue { background-color: #0b78ba; } product-search-filters .search-categories-item.green { background-color: #68b022; } product-search-filters .search-categories-item.yellow { background-color: #f6a812; } product-search-filters .search-categories-item.brown { background-color: #a48a77; } product-search-filters .search-categories-item.purple { background-color: #b197c3; } product-search-filters .search-categories-item:after { content: ''; position: absolute; top: 0.9rem; right: 0.5em; width: 0.6rem; height: 0.6rem; background: url("./img-arrow-white-right.svg") no-repeat center center; transform: rotate(90deg); } @media screen and (max-width: 1024px) { product-search-filters .search-categories-item:after { transform: rotate(0deg); margin-top: 0.2rem; } } @media screen and (min-width: 1025px) { product-search-filters .active { padding-bottom: 1.33rem; } product-search-filters .active:after { transform: rotate(270deg); } } product-filter-box { /* to make scrollbars always visible */ } product-filter-box .ps-scrollbar-y-rail { opacity: 0.8 !important; } @media screen and (max-width: 1024px) { product-filter-box { position: fixed; top: 0; left: 0; right: 0; bottom: 0; transform: translate(0, 0); transition: transform 0.5s ease; } } @media screen and (min-width: 1025px) { product-filter-box:not(.show) { display: none; } } @media screen and (max-width: 1024px) { product-filter-box:not(.show) { transform: translate(100%, 0); } } product-filter-box .filter-box { background-color: #1a5d83; color: #ffffff; } @media screen and (min-width: 1025px) { product-filter-box .filter-box { position: relative; height: 40vh; padding: 0px; margin: 0px; border-bottom: none; overflow-x: hidden; overflow-y: hidden; border-top: 4px solid transparent; transition: border-color 0.5s ease; } } @media screen and (max-width: 1024px) { product-filter-box .filter-box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } product-filter-box .filter-box.red { border-top-color: #eb6b4b; } product-filter-box .filter-box.red .level__container-title, product-filter-box .filter-box.red .filter-select__title { border-color: #eb6b4b; } product-filter-box .filter-box.blue { border-top-color: #0b78ba; } product-filter-box .filter-box.blue .level__container-title, product-filter-box .filter-box.blue .filter-select__title { border-color: #0b78ba; } product-filter-box .filter-box.green { border-top-color: #68b022; } product-filter-box .filter-box.green .level__container-title, product-filter-box .filter-box.green .filter-select__title { border-color: #68b022; } product-filter-box .filter-box.yellow { border-top-color: #f6a812; } product-filter-box .filter-box.yellow .level__container-title, product-filter-box .filter-box.yellow .filter-select__title { border-color: #f6a812; } product-filter-box .filter-box.brown { border-top-color: #a48a77; } product-filter-box .filter-box.brown .level__container-title, product-filter-box .filter-box.brown .filter-select__title { border-color: #a48a77; } product-filter-box .filter-box.purple { border-top-color: #b197c3; } product-filter-box .filter-box.purple .level__container-title, product-filter-box .filter-box.purple .filter-select__title { border-color: #b197c3; } @media screen and (min-width: 1025px) { product-filter-box .filter-select__title { display: none; } } @media screen and (max-width: 1024px) { product-filter-box .filter-select__title:not(:empty) { padding: 1.5rem 2.5rem; font-size: 1.53rem; color: #ffffff; border-bottom: 0.5rem solid transparent; margin-bottom: 1.5rem; background: url("./img-arrow-white-left.svg") no-repeat 0.5rem center/1rem 1rem; cursor: pointer; } } @media screen and (min-width: 1025px) { product-filter-box .filter-select__close { display: none; } } @media screen and (max-width: 1024px) { product-filter-box .filter-select__close { position: absolute; border: 1px solid #447a98; background-color: #2f6286; top: 0.8rem; right: 1.5rem; width: 63px; padding: 1rem; cursor: pointer; border-radius: 5px; } product-filter-box .filter-select__close button { font-size: 1.2rem; font-weight: bold; color: #ededf1; width: 1.2rem; height: 1.2rem; } } product-filter-box .filter-select__list { display: block; padding: 2rem 3rem; font-size: 0; } product-filter-box .filter-select__list-item { position: relative; padding: 0.66rem 2.3rem; font-size: 1rem; line-height: 1.2; color: #ffffff; cursor: pointer; transition: color 0.5s ease; } @media screen and (min-width: 1025px) { product-filter-box .filter-select__list-item { display: inline-block; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-filter-box .filter-select__list-item { display: inline-block; } } @media screen and (max-width: 763px) { product-filter-box .filter-select__list-item { display: block; } } @media screen and (min-width: 1025px) { product-filter-box .filter-select__list-item { width: 25%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-filter-box .filter-select__list-item { width: 50%; } } @media screen and (max-width: 763px) { product-filter-box .filter-select__list-item { width: 100%; } } product-filter-box .filter-select__list-item:before { content: ""; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 0.7rem; height: 0.7rem; border: 2px solid #ffffff; transition: border-color 0.5s ease; } product-filter-box .filter-select__list-item:after { content: ""; position: absolute; top: 50%; left: 0.23rem; transform: translate(0, -70%); width: 0.85rem; height: 0.85rem; opacity: 0; background: url("./img-icon-check-blue.svg") no-repeat center center; transition: opacity 0.5s ease; } product-filter-box .filter-select__list-item--check:before { border-radius: 2px; } product-filter-box .filter-select__list-item--radio:before { border-radius: 50%; } product-filter-box .filter-select__list-item.disabled { opacity: 0.6; cursor: default; } product-filter-box .filter-select__list-item.active { color: #41C0FF; } product-filter-box .filter-select__list-item.active:before { border-color: #41C0FF; } product-filter-box .filter-select__list-item.active:after { opacity: 1; } product-filter-box .filter-select__list-item span { transition: opacity 0.5s ease; } product-filter-box .filter-select__list-item span.hide { opacity: 0 !important; } product-filter-box .filter-sub-box { background-color: #1a5d83; color: #ffffff; padding: 0px; margin: 0px; border: none; overflow-x: hidden; overflow-y: hidden; } @media screen and (min-width: 1025px) { product-filter-box .filter-sub-box { position: relative; height: 39vh; } } @media screen and (max-width: 1024px) { product-filter-box .filter-sub-box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } product-filter-level { position: relative; display: block; height: 100%; width: 100%; overflow: hidden; } product-filter-level .level__container { position: absolute; top: 0; bottom: 0; overflow: hidden; } @media screen and (min-width: 1025px) { product-filter-level .level__container { opacity: 0; transition: opacity 0s ease; } } @media screen and (max-width: 1024px) { product-filter-level .level__container { transform: translate(100%, 0); transition: transform 0.5s ease; background-color: #1a5d83 !important; } } @media screen and (min-width: 1025px) { product-filter-level .level__container.show { opacity: 1; transition-duration: 0.5s; } } @media screen and (max-width: 1024px) { product-filter-level .level__container.show { transform: translate(0, 0); } } product-filter-level .level__container.loading:after { content: ""; position: absolute; top: -300px; right: -300px; bottom: -300px; left: -300px; z-index: 2; background: url("./img-icon-loader.svg") no-repeat center center/50px; animation: rotate 1.5s linear infinite; } product-filter-level .level__container.selected .level__item:not(.active) { opacity: 0.6; cursor: default; } product-filter-level .level__container--level-0 { left: 0; background-color: #154a69; } @media screen and (min-width: 1025px) { product-filter-level .level__container--level-0 { width: 30%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-filter-level .level__container--level-0 { width: 100%; } } @media screen and (max-width: 763px) { product-filter-level .level__container--level-0 { width: 100%; } } product-filter-level .level__container--level-1 { width: 30%; background-color: #154a69; } @media screen and (min-width: 1025px) { product-filter-level .level__container--level-1 { left: 30%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-filter-level .level__container--level-1 { left: 0; } } @media screen and (max-width: 763px) { product-filter-level .level__container--level-1 { left: 0; } } @media screen and (min-width: 1025px) { product-filter-level .level__container--level-1 { width: 30%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-filter-level .level__container--level-1 { width: 100%; } } @media screen and (max-width: 763px) { product-filter-level .level__container--level-1 { width: 100%; } } product-filter-level .level__container--level-2 { background-color: #154a69; } @media screen and (min-width: 1025px) { product-filter-level .level__container--level-2 { left: 60%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-filter-level .level__container--level-2 { left: 0; } } @media screen and (max-width: 763px) { product-filter-level .level__container--level-2 { left: 0; } } @media screen and (min-width: 1025px) { product-filter-level .level__container--level-2 { width: 40%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-filter-level .level__container--level-2 { width: 100%; } } @media screen and (max-width: 763px) { product-filter-level .level__container--level-2 { width: 100%; } } @media screen and (min-width: 1025px) { product-filter-level .level__container-title { display: none; } } @media screen and (max-width: 1024px) { product-filter-level .level__container-title:not(:empty) { padding: 1.5rem 2.5rem; font-size: 1.53rem; color: #ffffff; border-bottom: 0.5rem solid transparent; margin-bottom: 1.5rem; background: url("./img-arrow-white-left.svg") no-repeat 0.5rem center/1rem 1rem; cursor: pointer; } } product-filter-level .level__container-close { text-align: center; } @media screen and (min-width: 1025px) { product-filter-level .level__container-close { display: none; } } @media screen and (max-width: 1024px) { product-filter-level .level__container-close { position: absolute; border: 1px solid #447a98; background-color: #2f6286; top: 0.8rem; right: 1.5rem; width: 63px; padding: 1rem 0rem; cursor: pointer; border-radius: 5px; } product-filter-level .level__container-close button { font-size: 1.2rem; font-weight: bold; color: #ededf1; width: auto; text-align: center; height: 1.2rem; } } product-filter-level .level { display: block; padding: 1rem 0; } product-filter-level .level__item { position: relative; display: block; padding: 0.66rem 2.5rem; color: #ffffff; cursor: pointer; transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; } @media screen and (min-width: 1025px) { product-filter-level .level__item { font-size: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-filter-level .level__item { font-size: 1.2rem; } } @media screen and (max-width: 763px) { product-filter-level .level__item { font-size: 1.2rem; } } product-filter-level .level__item:before { content: ""; position: absolute; left: 1rem; top: 50%; transform: translate(0, -50%); width: 0.8rem; height: 0.8rem; background: url("./img-icon-check-blue.svg") no-repeat center center; opacity: 0; transition: opacity 0.5s ease; } product-filter-level .level__item:after { content: ""; position: absolute; right: 1rem; top: 50%; transform: translate(-50%, -50%); width: 0.8rem; height: 0.8rem; background: url("./img-icon-close-white.svg") no-repeat center center; opacity: 0; transition: opacity 0.5s ease; } product-filter-level .level__item.active { color: #41C0FF; opacity: 1 !important; } product-filter-level .level__item.active:before { opacity: 1 !important; border-color: #41C0FF; } product-filter-level .level__item.active:after { opacity: 0.8 !important; } product-filter-level .level__item.disabled { opacity: 0.6; cursor: default; } product-filter-level .level__item span { transition: opacity 0.5s ease; } product-filter-level .level__item span.hide { opacity: 0 !important; } product-filter-radio li { width: initial !important; } product-filter-check .ps-scrollbar-y-rail { opacity: 0.8 !important; } product-filter-check .search-input { background-color: #1a5d83; width: 100%; padding: 2rem 3rem 0; text-align: center; vertical-align: middle; } product-filter-check .search-input input { width: 100%; padding: 1rem 2rem; border: none; background-image: url("./img-icon-search.svg"); background-repeat: no-repeat; background-position: 97% 50%; background-size: 1.66rem; } product-filter-check .search-input input::-webkit-input-placeholder { font-style: italic; } product-filter-check .search-input input:-moz-placeholder { font-style: italic; } product-filter-check .search-input input::-moz-placeholder { font-style: italic; } product-filter-check .search-input input:-ms-input-placeholder { font-style: italic; } .no-brands-info { margin-bottom: 0; width: 100%; text-align: right; padding-right: 3rem; padding-bottom: 1rem; } product-search-results .material-icons { margin-left: 0px !important; margin-top: 0px !important; } product-search-results .product-search-results-section .box { position: relative; background-color: #ffffff; } @media screen and (min-width: 1025px) { product-search-results .product-search-results-section .box { padding: 1.5rem 2.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-search-results .product-search-results-section .box { padding: 1.33rem 2rem; } } @media screen and (max-width: 763px) { product-search-results .product-search-results-section .box { padding: 1rem 1.33rem; } } product-search-results .product-search-results-section .loader { background: rgba(255, 255, 255, 0.8); } product-search-results .product-search-results-section .title { font-size: 1.1rem; transition: opacity 0.5s ease; } @media screen and (min-width: 1025px) { product-search-results .product-search-results-section .title { margin-bottom: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-search-results .product-search-results-section .title { margin-bottom: 1rem; } } @media screen and (max-width: 763px) { product-search-results .product-search-results-section .title { margin-bottom: 0.66rem; } } product-search-results .product-search-results-section .title.hide { opacity: 0 !important; } product-search-results .products-table { width: 100%; } @media screen and (min-width: 1025px) { product-search-results .products-table { margin-bottom: 3.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-search-results .products-table { margin-bottom: 3.33rem; } } @media screen and (max-width: 763px) { product-search-results .products-table { margin-bottom: 3.33rem; } } @media screen and (min-width: 1025px) { product-search-results .products-table { font-size: 1.1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-search-results .products-table { font-size: 1.06rem; } } @media screen and (max-width: 763px) { product-search-results .products-table { font-size: 1.06rem; } } @media screen and (max-width: 763px) { product-search-results .products-table { display: block; } } product-search-results .products-table tr { background: none; color: #000000; font-weight: normal; } product-search-results .products-table th { border-bottom: 1px solid #EDEDED; } product-search-results .products-table-head { background: none; color: #000000; font-weight: bold; } @media screen and (max-width: 763px) { product-search-results .products-table-head { display: none; } } product-search-results .products-table-body { background: none; color: #000000; font-weight: normal; } @media screen and (max-width: 763px) { product-search-results .products-table-body { display: block; padding-top: 1.33rem; } } @media screen and (max-width: 763px) { product-search-results .products-table-row { display: block; margin-bottom: 1.33rem; padding-left: 1.33rem; position: relative; } } @media screen and (max-width: 763px) { product-search-results .products-table-row:before { content: ""; position: absolute; top: 0.4rem; left: 0; width: 0.53rem; height: 0.53rem; background: #009ee0; border-radius: 50%; } } @media screen and (max-width: 763px) { product-search-results .products-table-col { padding: 0; } } product-search-results .products-table-col.name, product-search-results .products-table-col.description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } @media screen and (min-width: 764px) { product-search-results .products-table-col.name, product-search-results .products-table-col.description { max-width: 0; } } product-search-results .products-table-col.name { width: 25%; font-weight: bold; } @media screen and (max-width: 763px) { product-search-results .products-table-col.name { display: block; width: 100%; font-size: 1.2rem; } } product-search-results .products-table-col.name a { text-transform: uppercase; white-space: normal; color: #1eafed; } product-search-results .products-table-col.name a:hover { color: #3a4e57; } product-search-results .products-table-col.description { width: auto; font-weight: 100; } @media screen and (max-width: 763px) { product-search-results .products-table-col.description { display: block; width: 100%; margin-top: 0.66rem; } } product-search-results .products-table-col.description div { height: 36px; height: 32px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal !important; } product-search-results .products-table-col.actions { width: 19.5rem; font-size: 0; } @media screen and (max-width: 763px) { product-search-results .products-table-col.actions { display: none; } } product-search-results .button { text-transform: none; display: inline-block; vertical-align: middle; padding: 0.66rem; border: 1px solid #000000; margin: 0; font-family: Verdana, sans-serif; font-weight: 100; background: transparent; } @media screen and (min-width: 1025px) { product-search-results .button { font-size: 0.96rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-search-results .button { font-size: 0.96rem; } } @media screen and (max-width: 763px) { product-search-results .button { font-size: 0.93rem; } } product-search-results .button:hover { background: #009ee0; color: #ffffff; border-color: #009ee0; } product-search-results .button + .button { border-left: none; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { product-search-results .button { padding: 0.5rem; } } product-search-results .icon { vertical-align: middle; line-height: 2.73rem; } product-search-results .icon:hover { color: #009ee0; } product-selected-filters .material-icons { margin-left: 0px !important; margin-top: 0px !important; } product-selected-filters .selected-filters { color: #000000; font-size: 0; } @media screen and (min-width: 1025px) { product-selected-filters .selected-filters { margin: 1rem -0.33rem 0.5rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-selected-filters .selected-filters { margin: 1rem -2rem 1rem; } } @media screen and (max-width: 763px) { product-selected-filters .selected-filters { margin: 1rem -0.9rem 1rem; } } @media screen and (min-width: 1025px) { product-selected-filters .button-box { display: inline-block; vertical-align: top; vertical-align: middle; width: 11rem; text-align: right; } } @media screen and (max-width: 1024px) { product-selected-filters .button-box { display: none; } } product-selected-filters .button { margin: 0.33rem 0; line-height: 2.33rem; padding: 0 1rem; background: #ffffff; border-color: rgba(0, 0, 0, 0.3); text-transform: none; } @media screen and (min-width: 1025px) { product-selected-filters .button { font-size: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-selected-filters .button { font-size: 0.93rem; } } @media screen and (max-width: 763px) { product-selected-filters .button { font-size: 0.9rem; } } product-selected-filters .button:hover { background: #ffffff; color: #000000; border-color: rgba(0, 0, 0, 0.3); } @media screen and (min-width: 1025px) { product-selected-filters .bubble-box { display: inline-block; vertical-align: top; width: calc(100% - 11rem); } } @media screen and (max-width: 1024px) { product-selected-filters .bubble-box { display: block; overflow-x: auto; white-space: nowrap; } } product-selected-filters .bubble { display: inline-block; vertical-align: middle; margin: 0.33rem; border-radius: 0.5rem; color: #ffffff; } @media screen and (min-width: 1025px) { product-selected-filters .bubble { padding: 0.53rem 0.33rem 0.53rem 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-selected-filters .bubble { padding: 0.46rem 0.33rem 0.46rem 0.8rem; } } @media screen and (max-width: 763px) { product-selected-filters .bubble { padding: 0.46rem 0.33rem 0.46rem 0.8rem; } } @media screen and (min-width: 1025px) { product-selected-filters .bubble { font-size: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-selected-filters .bubble { font-size: 0.93rem; } } @media screen and (max-width: 763px) { product-selected-filters .bubble { font-size: 0.8rem; } } @media screen and (max-width: 1024px) { product-selected-filters .bubble:first-child { margin-left: 1.33rem; } } @media screen and (max-width: 1024px) { product-selected-filters .bubble:last-child { margin-right: 1.33rem; } } product-selected-filters .bubble.red { background-color: #eb6b4b; } product-selected-filters .bubble.blue { background-color: #0b78ba; } product-selected-filters .bubble.green { background-color: #68b022; } product-selected-filters .bubble.yellow { background-color: #f6a812; } product-selected-filters .bubble.brown { background-color: #a48a77; } product-selected-filters .bubble.purple { background-color: #b197c3; } product-selected-filters .bubble div { white-space: nowrap; display: inline-block; vertical-align: middle; } product-selected-filters .bubble span { line-height: 1.06rem; vertical-align: initial; } product-selected-filters .bubble span + span:before { content: ""; display: inline-block; vertical-align: middle; width: 0.4rem; height: 0.4rem; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; transform: rotate(-45deg); margin-left: 0.13rem; margin-right: 0.33rem; } product-selected-filters .bubble .close { opacity: 0.5; transition: opacity 0.5s ease; } product-selected-filters .bubble .close:hover { opacity: 1; } product-selected-filters .bubble .close i { color: #ffffff; line-height: 1.06rem; } @media screen and (min-width: 1025px) { product-selected-filters .bubble .close i { font-size: 1rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { product-selected-filters .bubble .close i { font-size: 0.93rem; } } @media screen and (max-width: 763px) { product-selected-filters .bubble .close i { font-size: 0.8rem; } } product-selected-filters .fixed-selected-filters { position: fixed; top: 0px; left: 0px; height: 41px; background-color: #dddddd; z-index: 1; white-space: nowrap; display: none; width: 100%; } product-selected-filters .fixed-selected-filters .nb-result { font-weight: bold; display: inline; margin: 10px; line-height: 41px; } product-selected-filters .fixed-selected-filters ul { display: inline; white-space: nowrap; } product-selected-filters .fixed-selected-filters .button-box { display: none; position: fixed; right: 0px; width: 230px; top: 0px; text-align: center; background-color: #dddddd; border-left: 1px solid #7d7d7d; } product-selected-filters .fixed-selected-filters.fixed { display: block; } product-selected-filters .fixed-selected-filters.fixed .button-box { display: block; } spotlight .productCatalog-article-pr-event-section { font-size: 0; text-align: center; } spotlight .productCatalog-article-pr-event-section > * { display: inline-block; vertical-align: top; } @media screen and (min-width: 1025px) { spotlight .productCatalog-article-pr-event-section > div { width: 33.33333%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { spotlight .productCatalog-article-pr-event-section > div { width: 50%; } } @media screen and (max-width: 763px) { spotlight .productCatalog-article-pr-event-section > div { width: 100%; } } @media screen and (min-width: 1025px) { spotlight .productCatalog-article-pr-event-section > div { padding: 0 7px 15px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { spotlight .productCatalog-article-pr-event-section > div { padding: 0 7px 15px; } } @media screen and (max-width: 763px) { spotlight .productCatalog-article-pr-event-section > div { margin-bottom: 15px; } } spotlight .spotlight-content.central-promotion { width: 100%; display: block; } @media screen and (min-width: 1025px) { spotlight .spotlight-content.central-promotion .wrapper { padding: 2.66rem !important; } } @media screen and (min-width: 764px) and (max-width: 1024px) { spotlight .spotlight-content.central-promotion .wrapper { padding: 1.33rem !important; } } @media screen and (max-width: 763px) { spotlight .spotlight-content.central-promotion .wrapper { padding: 0.66rem !important; } } spotlight .spotlight-content.central-promotion .wrapper h1 { font-size: 1.9em !important; font-weight: normal !important; } @media screen and (max-width: 750px) { spotlight .spotlight-content.central-promotion .wrapper h1 { font-size: 1.2em !important; font-weight: bold !important; } } spotlight .spotlight-content.central-promotion .main-picture { text-align: center; float: left; width: 49%; padding-right: 2%; } spotlight .spotlight-content.central-promotion .main-picture img { display: block; width: 100%; max-width: 340px; } @media screen and (max-width: 763px) { spotlight .spotlight-content.central-promotion .main-picture { margin: 0 !important; position: inherit !important; } } spotlight .spotlight-content.central-promotion .content-title { max-height: 62px; margin: 0; overflow: hidden; font-size: 1.6rem; font-weight: normal; } spotlight .spotlight-content.central-promotion .abstract, spotlight .spotlight-content.central-promotion .photo-thumbnail-content.central-detail .text span, .photo-thumbnail-content.central-detail .text spotlight .spotlight-content.central-promotion span { max-height: 80px; } spotlight .spotlight-content.central-promotion ul { margin: 1.6% 0; } stock-quote .title { font-weight: 700; } stock-quote .value { font-weight: 700; } breadcrumb-list .section-breadcrumb-list { margin-bottom: 0; } breadcrumb-list .attribute-list li { width: 100%; } breadcrumb-list .list-product-item { position: relative; margin-bottom: 1.33rem; font-size: 0; } @media screen and (min-width: 1025px) { breadcrumb-list .list-product-item { background: #e9e8e3; padding: 1.66rem 0; } } @media screen and (min-width: 1025px) { breadcrumb-list .list-product-item:before, breadcrumb-list .list-product-item:after { content: ""; position: absolute; top: 0; bottom: 0; width: 2rem; transform: translate(-50%, 0); opacity: 0.3; background: url("./img-icon-arrow-separator.svg") no-repeat center center/auto 100%; } } @media screen and (min-width: 1025px) { breadcrumb-list .list-product-item:before { left: 33.33333%; } } @media screen and (min-width: 1025px) { breadcrumb-list .list-product-item:after { left: 66.66667%; } } breadcrumb-list .level { display: inline-block; vertical-align: middle; } @media screen and (min-width: 1025px) { breadcrumb-list .level { font-size: 0.86rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { breadcrumb-list .level { font-size: 0.86rem; } } @media screen and (max-width: 763px) { breadcrumb-list .level { font-size: 0.8rem; } } @media screen and (min-width: 1025px) { breadcrumb-list .level { width: 33.33333%; padding: 0 1.66rem; } } breadcrumb-list span { padding-right: 1rem; } @media screen and (max-width: 1024px) { breadcrumb-list span { display: none; } } @media screen and (max-width: 1024px) { breadcrumb-list .level-1 { display: block; font-size: 1rem; margin-bottom: 0.33rem; } } breadcrumb-list .level-1 span { font-size: 1.06rem; } @media screen and (max-width: 1024px) { breadcrumb-list .level-2, breadcrumb-list .level-3 { position: relative; padding-left: 1rem; margin-right: 0.66rem; } } @media screen and (max-width: 1024px) { breadcrumb-list .level-2:before, breadcrumb-list .level-3:before { content: ""; position: absolute; top: 0.26rem; left: 0; width: 0.4rem; height: 0.4rem; border-right: 1px solid #22252b; border-bottom: 1px solid #22252b; transform: rotate(-45deg); opacity: 0.5; } } country-links { white-space: nowrap; vertical-align: middle; } country-select > div { border: 1px solid black; position: absolute; right: 60px; top: 45px; padding: 10px; background-color: white; } country-select > div .zone-box { float: left; width: 20%; } country-select > div .zone { font-weight: 700; } country-select > div ul { padding: 0px; margin: 10px; margin-right: 20px; } country-select > div li { list-style: none; white-space: nowrap; } follow-us > div { padding: 15px; background-color: #22252A; color: white; text-align: center; } item-link a { text-decoration: none; } item-link a i { vertical-align: middle; } item-link span i { vertical-align: middle; } pagination .pagination-section { position: relative; text-align: center; } @media screen and (min-width: 1025px) { pagination .summary { position: absolute; left: 0; bottom: 0; } } @media screen and (max-width: 1024px) { pagination .summary { margin: 1.33rem auto; } } @media screen and (min-width: 764px) { pagination .results-count { padding-right: 0.66rem; font-size: 1rem; font-weight: 100; border-right: 1px solid #009ee0; } } @media screen and (max-width: 763px) { pagination .results-count { display: none; } } pagination .views-count { position: relative; padding: 0 0 0 0.66rem; font-size: 1rem; font-weight: 100; cursor: pointer; } pagination .views-count-choices { position: absolute; margin-top: 0px; margin-left: 89px; width: 59px; height: 0px; background: #009ee0; color: #ffffff; font-size: 0.86rem; cursor: default; opacity: 0; transition: opacity 0.5s ease, height 0.5s ease; } @media screen and (max-width: 1024px) { pagination .views-count-choices { margin-left: 50%; } } @media screen and (max-width: 765px) { pagination .views-count-choices { margin-left: calc(50% - 1em); margin-left: -webkit-calc(50% - 1em); } } pagination .views-count-choices.open { height: 59px; opacity: 1; transition-duration: 0.5s; z-index: 5; } pagination .views-count-choices.open li { height: 19px; line-height: 1.5rem; cursor: pointer; opacity: 0.8; transition: opacity 0.5s ease, height 0.5s ease; } pagination .views-count-choices.open li:hover { opacity: 1; } pagination .views-count-choices li { height: 0px; } pagination .pagin { display: inline-block; font-weight: bold; font-size: 1rem; color: #000000; } pagination .pages { display: inline-block; vertical-align: middle; line-height: 1.46rem; } pagination .pages-item { display: inline-block; vertical-align: middle; line-height: 1.46rem; margin: 0 0.33rem; } pagination .pages-item.selected { color: #009ee0; text-decoration: underline; } pagination .disabled { color: gray; } pagination a, pagination span { padding: 0 o 0.33rem; } pagination a { color: #000000; cursor: pointer; } piped-links ul { vertical-align: middle; white-space: nowrap; margin: 0; } piped-links ul li { display: inline; list-style: none; color: #333333; white-space: nowrap; } piped-links ul li:before { content: "\00a0"; } piped-links ul li:after { content: "\00a0"; } piped-links .right-pipe { border-right: 1px solid black; } piped-links .left-pipe { border-left: 1px solid black; } piped-links .small li { padding-left: 1px; padding-right: 1px; } piped-links .small li i { font-size: 15px; } piped-links .big li { padding-left: 2px; padding-right: 2px; } piped-links .big li i { font-size: 23px; } tabs .section-tabs { margin-bottom: 2rem; } @media screen and (min-width: 1025px) { tabs .tabs { display: table; width: 100%; table-layout: fixed; } } @media screen and (max-width: 1024px) { tabs .tabs { display: none; } } tabs .tabs-select { background-color: #3bbaf0; color: #ffffff; height: 2rem; overflow: hidden; width: 100%; text-align: right; transition: background-color 0.5s ease; } tabs .tabs-select:hover { background-color: #2baae0; } tabs .tabs-select select { height: 2rem; padding: 0.33rem; background: transparent; border-bottom: none; font-weight: bold; font-size: 1.06rem; width: 100%; color: #ffffff; -webkit-appearance: none; border-radius: 0; } tabs .tabs-select select option { color: #000000; } tabs .tabs-select span { right: 7%; font-size: 11px; float: right; background: none; margin-top: -20px; padding-right: 8px; } @media screen and (min-width: 1025px) { tabs .tabs-select { display: none; } } @media screen and (max-width: 1024px) { tabs .tabs-select { display: block; } } tabs .tabs-item { border-top: 1px solid #d3d3d5; border-right: 1px solid #d3d3d5; list-style: none; font-weight: bold; text-align: center; line-height: 1.1; cursor: pointer; transition: color 0.5s ease, background-color 0.5s ease; } @media screen and (min-width: 764px) and (max-width: 1024px) { tabs .tabs-item { width: 13.33rem; } } @media screen and (max-width: 763px) { tabs .tabs-item { width: 6.6rem; } } @media screen and (min-width: 1025px) { tabs .tabs-item { padding: 1rem 1.33rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { tabs .tabs-item { padding: 1rem; } } @media screen and (max-width: 763px) { tabs .tabs-item { padding: 1rem; } } @media screen and (min-width: 1025px) { tabs .tabs-item { font-size: 1.06rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { tabs .tabs-item { font-size: 0.86rem; } } @media screen and (max-width: 763px) { tabs .tabs-item { font-size: 0.86rem; } } @media screen and (min-width: 1025px) { tabs .tabs-item { display: table-cell; vertical-align: middle; } } @media screen and (max-width: 1024px) { tabs .tabs-item { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } tabs .tabs-item:first-child { border-left: 1px solid #d3d3d5; } tabs .tabs-item:hover:not(.active) { color: #3bbaf0; } tabs .tabs-item.active { background-color: #3bbaf0; color: #ffffff; } tabs .content { border: 1px solid #d3d3d5; } @media screen and (min-width: 1025px) { tabs .content { padding: 12px 8px; } } @media screen and (min-width: 764px) and (max-width: 1024px) { tabs .content { padding: 1.33rem; } } @media screen and (max-width: 763px) { tabs .content { padding: 0.66rem; } } tabs .sub-content { width: 100%; font-size: 0; } tabs .subitem { display: inline-block; vertical-align: top; } @media screen and (min-width: 1025px) { tabs .subitem { width: 50%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { tabs .subitem { width: 50%; } } @media screen and (max-width: 763px) { tabs .subitem { width: 100%; } } @media screen and (min-width: 1025px) { tabs .subitem { padding-right: 3%; } } @media screen and (min-width: 764px) and (max-width: 1024px) { tabs .subitem { padding-right: 3%; } } @media screen and (min-width: 1025px) { tabs .subitem { font-size: 0.92rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { tabs .subitem { font-size: 0.92rem; } } @media screen and (max-width: 763px) { tabs .subitem { font-size: 0.9rem; } } tabs .subitem-title { margin-bottom: 0.33rem; font-weight: bold; color: #000000; } @media screen and (min-width: 1025px) { tabs .subitem-title { font-size: 1.06rem; } } @media screen and (min-width: 764px) and (max-width: 1024px) { tabs .subitem-title { font-size: 1.06rem; } } @media screen and (max-width: 763px) { tabs .subitem-title { font-size: 0.93rem; } } tabs .subitem-item { display: inline-block; margin-bottom: 0.33rem; } tabs .subitem-item:not(:last-child):after { content: "|"; display: inline-block; margin-left: 0.33rem; margin-right: 0.66rem; } tabs .default-cursor { cursor: default; } .autocomplete { width: 100%; position: relative; } .autocomplete input { font-size: 1.2em; width: 100%; padding: .4em; } .autocomplete ul { position: absolute; left: 0; width: 100%; border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; z-index: 1; } .autocomplete li { text-align: left; list-style: none; width: 100%; padding: .4em; background-color: #fff; } .autocomplete li.active { width: 100%; background-color: #4bf; } .autocomplete .highlight { background-color: #E2E2E2; } .autocomplete li.active .highlight { background: #666; color: #fff; }