/*------------------------------------* $COMPASS IMPORTS \*------------------------------------*/ /*------------------------------------* $IMPORTS \*------------------------------------*/ /* Base 64 encoded images */ /* Single side border-radius */ /* Clearfix mixin */ /* Visually hidden mixin */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } body{font-family:"Helvetica Neue","Helvetica","Hiragino Sans GB","Microsoft YaHei","PingHei","SimSun","Arial","Verdana","sans-serif";/*-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;*/} /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, sans-serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?505azh"); src: url("../fonts/icomoon.eot?#iefix505azh") format("embedded-opentype"), url("../fonts/icomoon.ttf?505azh") format("truetype"), url("../fonts/icomoon.woff?505azh") format("woff"), url("../fonts/icomoon.svg?505azh#icomoon") format("svg"); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [class*="icon-"], .hasChildren span, .hasChildren.expanded span, .horizontal-flyout a > span:before, #primaryNav .selected > a > span, .hero h2 a:after, .hero-support h2 a:after, .transition-menu a.back > span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-menu, .icon-arrow-down, .hasChildren span, .hasChildren.expanded span, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .horizontal-flyout a > span:before,#primaryNav .selected > a{ font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-pull-out-quote:before { content: "\e65a"; } .icon-agg-youtube:before { content: "\e649"; } .icon-agg-twitter:before { content: "\e64a"; } .icon-agg-toothpaste:before { content: "\e64b"; } .icon-agg-syringe:before { content: "\e64c"; } .icon-agg-pintrest:before { content: "\e64d"; } .icon-agg-news:before { content: "\e64e"; } .icon-agg-linkedin:before { content: "\e64f"; } .icon-agg-investors:before { content: "\e650"; } .icon-agg-handshake:before { content: "\e651"; } .icon-agg-grad-cycle:before { content: "\e652"; } .icon-agg-gears:before { content: "\e653"; } .icon-agg-flickr-2:before { content: "\e654"; } .icon-agg-flickr:before { content: "\e655"; } .icon-agg-flask:before { content: "\e659"; } .icon-agg-facebook:before { content: "\e656"; } .icon-agg-clipboard:before { content: "\e657"; } .icon-agg-briefcase:before { content: "\e658"; } .icon-agg-globe-alt:before { content: "\e640"; } .icon-agg-transcript:before { content: "\e644"; } .icon-agg-woman:before { content: "\e600"; } .icon-agg-wifi:before { content: "\e601"; } .icon-agg-volume:before { content: "\e602"; } .icon-agg-video:before { content: "\e603"; } .icon-agg-rightarrow:before, .hasChildren > a > span:before, #primaryNavMenu a > span:before { content: "\e604"; } .icon-agg-circle-rewind:before { content: "\e605"; } .icon-agg-resize:before { content: "\e606"; } .icon-agg-refresh:before { content: "\e607"; } .icon-agg-trash:before { content: "\e608"; } .icon-agg-quote:before { content: "\e609"; } .icon-agg-tool:before { content: "\e60a"; } .icon-agg-print:before { content: "\e60b"; } .icon-agg-circle-tick:before { content: "\e645"; } .icon-agg-circle-previous:before { content: "\e646"; } .icon-agg-sustainability:before { content: "\e647"; } .icon-agg-circle-plus:before { content: "\e648"; } .icon-agg-circle-stop:before { content: "\e614"; } .icon-agg-circle-play:before { content: "\e615"; } .icon-agg-search:before { content: "\e616"; } .icon-agg-pill:before { content: "\e617"; } .icon-agg-screen:before { content: "\e618"; } .icon-agg-circle-pause:before { content: "\e619"; } .icon-agg-scientistwoman:before { content: "\e61a"; } .icon-agg-paperclip:before { content: "\e61b"; } .icon-agg-scientistman:before { content: "\e61c"; } .icon-agg-circle-next:before { content: "\e642"; } .icon-agg-rss:before { content: "\e643"; } .icon-agg-circle-minus:before { content: "\e641"; } .icon-agg-circle-minimise:before { content: "\e621"; } .icon-agg-microscope:before { content: "\e622"; } .icon-agg-mic:before { content: "\e623"; } .icon-agg-man:before { content: "\e624"; } .icon-agg-locationpin:before { content: "\e625"; } .icon-agg-leftarrow:before, #primaryNavMenu a.back > span:before, .transition-menu a.back > span:before { content: "\e627"; } .icon-agg-circle-info:before { content: "\e628"; } .icon-agg-image:before { content: "\e629"; } .icon-agg-home:before { content: "\e62a"; } .icon-agg-heart:before { content: "\e62b"; } .icon-agg-headphones:before { content: "\e62c"; } .icon-agg-folder:before { content: "\e62e"; } .icon-agg-circle-fastforward:before { content: "\e62f"; } .icon-agg-battery:before { content: "\e630"; } .icon-agg-businessman:before { content: "\e631"; } .icon-agg-businesswoman:before { content: "\e632"; } .icon-agg-camera:before { content: "\e633"; } .icon-agg-cart:before { content: "\e634"; } .icon-agg-clock:before { content: "\e635"; } .icon-agg-circle-close:before { content: "\e636"; } .icon-agg-cog:before { content: "\e637"; } .icon-agg-discuss:before { content: "\e638"; } .icon-agg-disk:before { content: "\e639"; } .icon-agg-doc:before { content: "\e63a"; } .icon-agg-download:before { content: "\e63b"; } .icon-agg-email:before { content: "\e63c"; } .icon-agg-externallink:before { content: "\e63d"; } .icon-agg-application:before { content: "\e63e"; } .icon-agg-cross:before { content: "\e620"; } .icon-arrow-left:before { content: "\e611"; } .icon-arrow-up:before { content: "\e612"; } .icon-arrow-down:before { content: "\e613"; } .icon-arrow-right:before { content: "\e60c"; } .icon-menu:before { content: "\e000"; } .icon-agg-phone:before { content: "\e626"; } .icon-agg-plus:before { content: "\e61e"; } .icon-agg-minus:before { content: "\e61d"; } .icon-youtube2:before { content: "\e60d"; } .icon-twitter2:before { content: "\e60e"; } .icon-linkedin2:before { content: "\e60f"; } .icon-facebook2:before { content: "\e610"; } .icon-agg-uparrow:before { content: "\e62d"; } .icon-agg-downarrow:before { content: "\e63f"; } .icon-calendar:before { content: "\e61f"; } .icon-instagram:before { content: "\e65f"; } .icon-google-plus:before { content: "\e660"; } .icon-agg:before { content: "\e661"; } .icon-baby:before { content: "\e65b"; } .icon-clock:before { content: "\e65c"; } .icon-first-aid:before { content: "\e65d"; } .icon-gentleman:before { content: "\e65e"; } .icon-growth:before { content: "\e662"; } .icon-hands-roof:before { content: "\e665"; } .icon-lightbulb:before { content: "\e668"; } .icon-lorry:before { content: "\e669"; } .icon-meds:before { content: "\e66a"; } .icon-mosquito:before { content: "\e66b"; } .icon-plant-flask:before { content: "\e66c"; } .icon-smartphone:before { content: "\e66d"; } .icon-star:before { content: "\e66e"; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 3002; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 3003; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 3005; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 3004; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 3006; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure { /* The shadow behind the image */ } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .nav { margin-bottom: 0; padding-left: 0; list-style: none; *zoom: 1; } .nav:before, .nav:after { display: table; line-height: 0; content: ""; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { display: block; position: relative; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; } .nav > li > a > img { max-width: none; } .nav-tabs, .body-content .nav-tabs { margin: 2em 0 0; border-bottom: 1px solid #D5D1CE; padding-left: 1.5em; overflow: hidden; } .nav-tabs.tabs-no-icons > li > a, .nav-tabs.tabs-no-icons > li.active > a, .body-content .nav-tabs.tabs-no-icons > li > a, .body-content .nav-tabs.tabs-no-icons > li.active > a { padding-left: 1em; } .nav-tabs.tabs-no-icons > li > a:hover, .nav-tabs.tabs-no-icons > li.active > a:hover, .body-content .nav-tabs.tabs-no-icons > li > a:hover, .body-content .nav-tabs.tabs-no-icons > li.active > a:hover { padding-left: 1em; } .nav-tabs.tabs-no-icons, .body-content .nav-tabs.tabs-no-icons { padding-left: 0; } .nav-tabs.tabs-no-icons .icon, .body-content .nav-tabs.tabs-no-icons .icon { display: none; } .nav-tabs > li, .body-content .nav-tabs > li { background-color: #F0EFED; background-image: none; border: 1px solid #D5D1CE; border-right: 0; float: left; font-family: arial, sans-serif; font-weight: bold; margin-bottom: -10em; padding-left: 0; overflow: hidden; } .nav-tabs > li:first-child, .body-content .nav-tabs > li:first-child { margin-left: 0; } .nav-tabs > li:last-child, .body-content .nav-tabs > li:last-child { border-right: 1px solid #D5D1CE; } .nav-tabs > li > a, .body-content .nav-tabs > li > a { margin: 0; padding: .4em 1.1em .4em 2.4em; border: 1px solid transparent; color: #5c5551; line-height: 1.15em; border-radius: 0 0 0 0; padding-bottom: 10.5em; } .nav-tabs > li > a span, .body-content .nav-tabs > li > a span { display: block; text-indent: -1px; } .nav-tabs > li > a .icon, .body-content .nav-tabs > li > a .icon { background-color: #f6ab00; bottom: -10px; display: inline-block; height: 1.55em; left: -1.96em; position: absolute; width: 1.55em; background-color: #F0EFED; color: #5c5551; top: .15em; font-size: 1em; left: .4em; height: 1.6em; width: 1.6em; } .nav-tabs > li > a .icon:before, .body-content .nav-tabs > li > a .icon:before { color: #fff; display: block; font-size: .9em; position: relative; top: .35em; text-align: center; width: 100%; } .nav-tabs > li > a .icon:before, .body-content .nav-tabs > li > a .icon:before { color: #5c5551; } @media (max-width: 80em) { .nav-tabs > li > a span, .body-content .nav-tabs > li > a span { border-bottom-width: 8px; } } @media (max-width: 66.25em) { .nav-tabs > li > a span, .body-content .nav-tabs > li > a span { border-bottom-width: 6px; } } .nav-tabs > li.active, .body-content .nav-tabs > li.active { border-bottom: 1px solid #fff; font-family: arial, sans-serif; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .body-content .nav-tabs > li.active > a, .body-content .nav-tabs > li.active > a:hover, .body-content .nav-tabs > li.active > a:focus { border-bottom-color: transparent; color: #f6ab00; cursor: default; background: #fff; padding: .4em 1.1em .4em 2.4em; padding-bottom: 10.5em; } .nav-tabs > li.active > a:focus, .body-content .nav-tabs > li.active > a:focus { outline: 0 none !important; } .nav-tabs > li.active .icon, .body-content .nav-tabs > li.active .icon { background-color: #fff; } .nav-tabs > li.active .icon:before, .body-content .nav-tabs > li.active .icon:before { color: #f6ab00; } .nav-tabs.tab-count-4 li, .body-content .nav-tabs.tab-count-4 li { max-width: 25%; } .nav-tabs.tab-count-3 li, .body-content .nav-tabs.tab-count-3 li { max-width: 33%; } .nav-tabs.tab-count-2 li, .body-content .nav-tabs.tab-count-2 li { max-width: 50%; } .body-content .nav-tabs.tabs-no-icons > li > a { padding-left: 1em !important; } .tab-content { margin: 0 0 2em; } .tab-content > .tab-pane { *zoom: 1; } .tab-content > .tab-pane:before, .tab-content > .tab-pane:after { display: table; line-height: 0; content: ""; } .tab-content > .tab-pane:after { clear: both; } @media (min-width: 62.1875em) { .tab-content > .tab-pane { display: none; } } .tab-content > .active { display: block; } @media (min-width: 62.1875em) { .tab-content > .tab-pane { padding-top: .5em; } } .tab-content > .tab-pane .row-heading { display: none; padding-left: 0; } .tab-content > .tab-pane .row-heading span { background-color: transparent; } .tab-content > .tab-pane .row-heading span:before { color: #5c5551; } @media (max-width: 62.1875em) { .tab-content > .tab-pane .row-heading { margin-bottom: 0.25em; } } .tab-content > .tab-pane .img { margin-top: 1.25em; } .tab-content > .tab-pane .img img { display: block; } .tab-content > .tab-pane .img { width: 23.4817813765%; float: left; margin-right: 2.024291498%; display: inline; } @media (max-width: 62.1875em) { .tab-content > .tab-pane .img { width: 31.983805668%; float: left; margin-right: 2.024291498%; display: inline; } } @media (max-width: 48.0625em) { .tab-content > .tab-pane .img { width: 40.4858299595%; float: left; margin-right: 2.024291498%; display: inline; } } @media (max-width: 40em) { .tab-content > .tab-pane .img { width: 48.987854251%; float: left; margin-right: 2.024291498%; display: inline; } } @media (max-width: 30em) { .tab-content > .tab-pane .img { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } } .tab-content > .tab-pane .tab-inner { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } .tab-content > .tab-pane .tab-inner:nth-child(2n) { float: right; margin-right: 0; left: -1.25em; display: inline; } @media (max-width: 30em) { .tab-content > .tab-pane .tab-inner { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } } .nav-tabs { display: none; } .js .nav-tabs { display: block; } @media (max-width: 62.1875em) { .js .nav-tabs { display: none; } } .tab-content > .tab-pane { display: block; } .tab-content > .tab-pane .row-heading { display: block; } .js .tab-content > .tab-pane { display: none; } @media (max-width: 62.1875em) { .js .tab-content > .tab-pane { display: block; } } .js .tab-content > .tab-pane.active { display: block; } .js .tab-content > .tab-pane .row-heading { display: none; font-size: 1.4em; } @media (max-width: 62.1875em) { .js .tab-content > .tab-pane .row-heading { display: block; padding-left: 1.7em; } .js .tab-content > .tab-pane .row-heading span { left: 0em; top: -0.1em; } } @media (max-width: 48em) { .js .tab-content > .tab-pane .row-heading span { left: 0em; top: -0.1em; } } .js .tab-content.tabs-no-icons .row-heading { margin-left: 0; padding-left: 0; } .js .tab-content.tabs-no-icons .row-heading span { display: none; } @media (max-width: 62.1875em) { .tab-content .row-heading { border-bottom: 8px solid #d5d1ce !important; margin: 1em 0 .9em 1.96em; padding-left: 0 !important; } .tab-content .row-heading span { background-color: #f6ab00 !important; left: -1.96em !important; top: 0.1em !important; } .tab-content .row-heading span:before { color: #FFFFFF !important; } } /** * Default DropKick theme * * Feel free to edit the default theme * or even add your own. * * See the readme for themeing help * */ .dk_container { background-color: #fff; } .dk_container:focus { outline: 0; } .dk_container a { cursor: pointer; text-decoration: none; } .dk_container a.dk_toggle.dk_label { color: #f6ab00; font-family: arial, sans-serif; font-weight: bold; } .dk_toggle { font-size: 1.1em; border: 1px solid #D5D1CE; color: #f6ab00; padding: 10px 19px 12px; position: relative; } .dk_toggle:hover, .dk_toggle:focus { color: #f6ab00; } .dk_toggle:after { bottom: 0; content: '\e63f'; font-family: 'icomoon'; font-size: .8em; padding-top: .9em; position: absolute; right: .3em; text-align: center; top: .2em; width: 2.5em; z-index: 100; } /* @include keyframes(spin) { from{ @include transform(rotate(0deg)); } to{ @include transform(rotate(360deg)); } } .ajax-loading-element .dk_toggle:after { content: '\e647'; @include animation(spin 1s linear infinite); }*/ .dk_open { z-index: 10; } .dk_open a.dk_label { color: #f6ab00; } .dk_options { top: 100%; background: #fefefe; } .dk_options a { -webkit-transition-property: background-color, color; -moz-transition-property: background-color, color; -o-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; background-color: #fff; border-bottom: 1px solid #D5D1CE; padding: 10px 19px; } .dk_options a:hover, .dk_options:focus, .dk_options .dk_option_current a { background-color: #F0EFED; color: #5c5551; text-decoration: none; } .dk_options .dk_option_current a { color: #5c5551; background-color: #F0EFED; } .dk_options .dk_option_current a:hover, .dk_options .dk_option_current a:focus { background-color: #F0EFED; color: #5c5551; } .dk_options li:last-child a { border-bottom: none; } .dk_options .disabled { cursor: default; } .dk_options .disabled:hover, .dk_options .disabled:hover a, .dk_options .disabled:focus, .dk_options .disabled:focus a { cursor: default; } .dk_options_inner { margin: 0; padding: 0; max-height: 250px; border: 1px solid #D5D1CE; border-top: 0 none; } .dk_options_inner li { background: none !important; padding-left: 0 !important; } .dk_container { display: none; float: left; } .dk_container a { color: #5c5551; outline: 0; } .dk_toggle { display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1; } .dk_open { position: relative; } .dk_open .dk_options { display: block; } .dk_open .dk_label { color: #fff; } .dk_options { display: none; margin-top: 1px; position: absolute; right: 0; width: 100%; } .dk_options a, .dk_options a:link, .dk_options a:visited { display: block; } .dk_options_inner { overflow: auto !important; position: relative; -webkit-overflow-scrolling: touch; } .dk_container select { position: absolute; top: -99999em; visibility: hidden; } .dk_mobile { position: relative; } .dk_mobile select { display: block; width: 100%; height: 100%; top: 0; left: 0; visibility: visible; opacity: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } /* mouse grab icon */ .grabbing { cursor: url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; } /*------------------------------------* $GRID LAYOUT \*------------------------------------*/ #wrapper { margin: 0 auto; max-width: 1280px; *zoom: 1; } #wrapper:before, #wrapper:after { display: table; line-height: 0; content: ""; } #wrapper:after { clear: both; } .mask-content #wrapper { overflow: hidden; } #wrapper.left-column main { padding-left: 14.75em; } @media (max-width: 48em) { #wrapper.left-column main { padding-left: 0; } #wrapper.left-column main .content { padding: 0 10px; } } .lt-ie9 #wrapper, .lt-ie9 #header, .lt-ie9 #wrapper > footer { width: 1280px; } #header, .content, #wrapper > footer { *zoom: 1; max-width: 61.75em; _width: 61.75em; padding-left: 1.25em; padding-right: 1.25em; margin-left: auto; margin-right: auto; max-width: 1280px; padding: 0; } #header:after, .content:after, #wrapper > footer:after { content: ""; display: table; clear: both; } #header *, .content *, #wrapper > footer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wrapper > footer { clear: both; margin-top: 0px; } .content { -webkit-transition: all 1s false; -webkit-transition-delay: 0s; -moz-transition: all 1s false false; -o-transition: all 1s false false; transition: all 1s false false; /*@include at-breakpoint(12 $bp-420) { padding-left:5px; padding-right:5px; }*/ *zoom: 1; } @media (max-width: 81.25em) { .content { padding-left: 10px; padding-right: 10px; } } .left-column .content { max-width: 1080px; padding: 0; overflow: hidden; } @media (max-width: 81.25em) { .left-column .content { padding-right: 10px; } } @media (max-width: 48em) { .left-column .content { padding-left: 10px; } } .content:before, .content:after { display: table; line-height: 0; content: ""; } .content:after { clear: both; } #header { padding-top: 10px; position: relative; z-index: 2000; } @media (max-width: 48em) { #header { margin-bottom: 10px; padding-top: 0; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); } } .row { clear: both; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } .row img { display: block; height: auto; /*max-width: 760px; width: 130%;*/ } .row .img { position: relative; } .row.hero-country img { max-width: 100%; } .row .video-wrapper, .row.hero-slot { margin: 0; overflow: hidden; } .row .video-wrapper .video-container, .row.hero-slot .video-container { margin-top: -1px; } .row .video-wrapper img, .row.hero-slot img { /*max-width: none;*/ } .row.hero-slot.hero-three-quarters { width: 74.4939271255%; float: left; margin-right: 2.024291498%; display: inline; } .row.hero-slot.hero-three-quarters .three-quarters { width: 100%; } @media (max-width: 62.75em) { .row.hero-slot.hero-three-quarters { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } .row.hero-slot.hero-three-quarters:nth-child(1n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } @media (max-width: 62.75em) { .row .col.nested { clear: both; margin-bottom: 2.024291498% !important; } } @media (max-width: 44.75em) { .row .col.nested { margin-bottom: 0 !important; } } .row > article, .row .col { margin-bottom: 2.024291498%; } @media (max-width: 30em) { .row > article, .row .col { background-color: transparent; } } .row > article:first-child, .row .col:first-child { margin-left: 0; } .row > article.half, .row .col.half { width: 48.987854251%; float: left; margin-right: 2.024291498%; display: inline; } .row > article.half:nth-child(2n), .row .col.half:nth-child(2n) { float: right; margin-right: 0; left: -1.25em; display: inline; } @media (max-width: 30em) { .row > article.half, .row .col.half { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } .row > article.half:nth-child(1n), .row .col.half:nth-child(1n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } @media (max-width: 44.75em) { .left-column .row > article.half, .left-column .row .col.half { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } } .row > article.half:last-child, .row .col.half:last-child { margin-right: 0; } .row > article.half.nested, .row .col.half.nested { float: none; width: auto; margin-right: auto; left: auto; display: block; margin: 0; background-color: transparent; } .row > article.half.nested:last-child .one-quarter:last-child, .row .col.half.nested:last-child .one-quarter:last-child { margin-right: 0; } .row > article.one-third, .row .col.one-third { width: 31.983805668%; float: left; margin-right: 2.024291498%; display: inline; } .row > article.one-third:nth-child(3n), .row .col.one-third:nth-child(3n) { float: right; margin-right: 0; left: -1.25em; display: inline; } .row > article.one-third.end-row, .row .col.one-third.end-row { margin-right: 0; } @media (max-width: 23.75em) { .row > article.one-third, .row .col.one-third { width: 100%; float: left; margin-right: 2.024291498%; display: inline; margin-bottom: 1em; } .row > article.one-third:nth-child(1n), .row .col.one-third:nth-child(1n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } .row > article.two-thirds, .row .col.two-thirds { width: 65.991902834%; float: left; margin-right: 2.024291498%; display: inline; } .row > article.two-thirds:last-child, .row .col.two-thirds:last-child { margin-right: 0; } @media (max-width: 23.75em) { .row > article.two-thirds, .row .col.two-thirds { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } .row > article.two-thirds:nth-child(1n), .row .col.two-thirds:nth-child(1n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } .row > article.two-thirds.end-row, .row .col.two-thirds.end-row { margin-right: 0; } .row > article.one-quarter, .row .col.one-quarter { width: 23.4817813765%; float: left; margin-right: 2.024291498%; display: inline; } .row > article.one-quarter:nth-child(4n), .row .col.one-quarter:nth-child(4n) { float: right; margin-right: 0; left: -1.25em; display: inline; } @media (max-width: 48em) { .row > article.one-quarter, .row .col.one-quarter { width: 48.987854251%; float: left; margin-right: 2.024291498%; display: inline; } .row > article.one-quarter:nth-child(2n), .row .col.one-quarter:nth-child(2n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } @media (max-width: 36.25em) { .row > article.one-quarter, .row .col.one-quarter { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } .row > article.one-quarter:nth-child(1n), .row .col.one-quarter:nth-child(1n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } @media (max-width: 62.75em) { .row > article.one-quarter, .row .col.one-quarter { width: 48.987854251%; float: left; margin-right: 2.024291498%; display: inline; } .row > article.one-quarter:nth-child(2n), .row .col.one-quarter:nth-child(2n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } @media (max-width: 36.25em) { .row > article.one-quarter, .row .col.one-quarter { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } .row > article.one-quarter:nth-child(1n), .row .col.one-quarter:nth-child(1n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } .row > article.one-quarter.end-row, .row .col.one-quarter.end-row { margin-right: 0; } .lt-ie9 .row > article.three-quarters + .one-quarter, .lt-ie9 .row .col.three-quarters + .one-quarter { margin-right: 0; } .row > article.three-quarters, .row .col.three-quarters { width: 74.4939271255%; float: left; margin-right: 2.024291498%; display: inline; } .row > article.three-quarters:nth-child(2n), .row .col.three-quarters:nth-child(2n) { float: right; margin-right: 0; left: -1.25em; display: inline; } @media (max-width: 62.75em) { .row > article.three-quarters, .row .col.three-quarters { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } .row > article.three-quarters:nth-child(1n), .row .col.three-quarters:nth-child(1n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } .modules { width: 100%; } .right-column .modules { width: 74.4939271255%; float: left; margin-right: 2.024291498%; display: inline; } @media (max-width: 62.75em) { .right-column .modules { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } } .right-column .modules aside { display: none; } @media (max-width: 62.75em) { .right-column .modules aside { display: block; } .right-column .modules aside .col { width: 48.987854251%; float: left; margin-right: 2.024291498%; display: inline; } .right-column .modules aside .col:nth-child(2n) { float: right; margin-right: 0; left: -1.25em; display: inline; } .right-column .modules aside .col.one-module { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } .right-column .modules aside .col.one-module:nth-child(1n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } @media (max-width: 62.75em) and (max-width: 30em) { .right-column .modules aside .col { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } .right-column .modules aside .col:nth-child(1n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } .right-column #rightCol .modules { width: 23.4817813765%; float: left; margin-right: 2.024291498%; display: inline; } .right-column #rightCol .modules:nth-child(1n) { float: right; margin-right: 0; left: -1.25em; display: inline; } @media (max-width: 62.75em) { .right-column #rightCol .modules { display: none; } } @media (max-width: 62.75em) { .left-column .modules .col.supporting.one-quarter { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } .left-column .modules .col.supporting.one-quarter > .row > .col, .left-column .modules .col.supporting.one-quarter > .row > .module { width: 48.987854251%; float: left; margin-right: 2.024291498%; display: inline; } .left-column .modules .col.supporting.one-quarter > .row > .col:last-child, .left-column .modules .col.supporting.one-quarter > .row > .col:nth-child(even), .left-column .modules .col.supporting.one-quarter > .row > .module:last-child, .left-column .modules .col.supporting.one-quarter > .row > .module:nth-child(even) { margin-right: 0; } .left-column .modules .col.supporting + .three-quarters { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } } @media (max-width: 30em) { .left-column .modules .col.supporting.one-quarter > .row > .col, .left-column .modules .col.supporting.one-quarter > .row > .module { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } } .col.supporting { margin-top: 2.1em; } @media (max-width: 62.75em) { .col.supporting { margin-top: 1em; margin-bottom: -1em; } } .col.supporting > .row > .col, .col.supporting > .row > .module { margin-bottom: 2em; } @media (min-width: 62.75em) { .col.supporting > .row > .col, .col.supporting > .row > .module { margin-bottom: 1.6em; } } .col.supporting:last-child { margin-right: 0; } /*.listing-template > .modules, .main-section > .modules {*/ /* border-top: 1px solid #dcdcdc; */ /*}*/ @media (max-width: 48em) { .listing-template > .modules, .main-section > .modules { border-top: none; } } .has-hero .main-section > .modules { border-top: none; } .content .right-column .body-content, .content .right-column aside.column { width: 48.987854251%; float: left; margin-right: 2.024291498%; display: inline; } @media (max-width: 40em) { .content .right-column .body-content, .content .right-column aside.column { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } } .content .right-column aside.column { border: 0 none; background-color: transparent; padding: 0; } .content .right-column .column:nth-child(2n) { float: right; margin-right: 0; left: -1.25em; display: inline; } .content .right-column .column p { font-size: 1.125em; } .body-content { /*max-width: 778px;*/ clear: both; text-align: justify; } #sitemap li a { font-size: 1.125em; } #sitemap li ul li a { font-size: 100%; } #sitemap li ul li ul li a { font-size: 0.889em; } .left-column .content.right-column, .left-column .content.main-section { clear: none; } .external-links { margin: 0; padding: 0; list-style-type: none; vertical-align: middle; } .external-links span { position: relative; top: 1px; padding: 0 10px 0 0; } .main-section { float: none; overflow: hidden; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 62.125em) { .main-section { float: left; overflow: visible; } } @media (max-width: 40em) { .main-section { float: none; overflow: visible; } } /*------------------------------------* $COMPONENTS \*------------------------------------*/ /* Hide stuff */ .visually-hidden { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; overflow: hidden; height: 1px; } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } /* Structural resets */ blockquote.structural { margin: 0; } ul.structural, ol.structural { margin: 0; padding: 0; font-size: 1em; } ul.structural li, ol.structural li { list-style: none; list-style-image: none; } ul.structural ul, ol.structural ul { margin: 1em 0; padding: 0 0 0 20px; } ul.structural ul li, ol.structural ul li { margin: 0 0 .5em; } ul.structural ul.structural, ul.structural ol.structural, ol.structural ul.structural, ol.structural ol.structural { margin: 0; padding: 0; font-size: 1em; } ul.structural ul.structural li, ul.structural ol.structural li, ol.structural ul.structural li, ol.structural ol.structural li { list-style: none; list-style-image: none; } dl.structural dd { margin: 0; } /* Floating */ .float-left { float: left; } .float-right { float: right; } .clear { clear: both; } /* Links with arrows before them */ .arrow-link-list { font-size: 1em; list-style: none; margin: 0 0 1em 0; padding: 0; } .arrow-link-list li { margin: 0 0 .4em 0; } .arrow-link-list li a { text-decoration: none; } .arrow-link, .listing-item .read-more a { display: inline-block; font-family: arial, sans-serif; padding-left: 1.3em; position: relative; text-decoration: none; } .arrow-link:before, .listing-item .read-more a:before { color: #f6ab00; content: '\e604'; font-family: 'icomoon'; font-size: .9em; line-height: 1.5; left: 0; position: absolute; top: 0; } /* Download links */ .download-link { display: inline-block; font-family: arial, sans-serif; position: relative; text-decoration: none; border-bottom: 5px solid #D5D1CE; padding: 0 0 0 1.6em; width: 100%; font-weight: bold; } .download-link:before { background: #f6ab00; color: #fff; content: "\e621"; font-family: 'icomoon'; font-size: .9em; line-height: 1.5; left: 0; position: absolute; top: 0; padding: 0 .25em 0 .2em; margin: .33em 0 0 0; border-right: 6px solid #F0EFED; border-bottom: 6px solid #F0EFED; } .download-link > span { color: #878280; font-family: georgia, "Microsoft YaHei", serif; white-space: nowrap; } /* Back links */ .back-link { display: inline-block; font-family: arial, sans-serif; padding-left: 1.4em; position: relative; text-decoration: none; font-weight: bold; } .back-link:before { color: #f6ab00; font-family: 'icomoon'; font-size: .9em; left: 0; position: absolute; top: .1em; } .back-link:before { content: "\e627"; } /* Link list */ .body-content ul.link-list { margin: 1.1em 0; padding-left: 0; } .body-content ul.link-list > li { list-style: none; margin: .6em 0; } .body-content ul.link-list > li > a { font-family: arial, sans-serif; font-size: 1em; font-weight: normal; line-height: 1.1; position: relative; display: block; } .body-content ul.link-list > li > a:after { color: #f6ab00; content: '\e604'; font-family: 'icomoon'; font-size: .8em; line-height: 2; left: 0; margin-left: 10px; top: -.2em; -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out false; -o-transition: left 0.2s ease-out false; transition: left 0.2s ease-out; } .body-content ul.link-list > li > a[href^="http://"]:after { content: '\e63d'; line-height: 1.6; } /* Pagination */ ul.pagination { display: inline-block; padding-left: 0; margin: 1em 0; border-radius: 0 0 0 0; } ul.pagination > li { display: inline; } ul.pagination > li > a, ul.pagination > li > span { font-family: arial, sans-serif; font-size: 1.125em; font-weight: normal; position: relative; float: left; margin: 0 0.55em 0 0; padding: 0.325em 0.535em; line-height: 1em; text-decoration: none; color: #007F90; background-color: transparent; border: 1px solid #D5D1CE; margin-left: -1px; } ul.pagination > li:first-child > a, ul.pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 0 0 0 0; border-top-left-radius: 0 0 0 0; } ul.pagination > li:last-child > a, ul.pagination > li:last-child > span { border-bottom-right-radius: 0 0 0 0; border-top-right-radius: 0 0 0 0; } ul.pagination > li > a:hover, ul.pagination > li > a:focus, ul.pagination > li > span:hover, ul.pagination > li > span:focus { color: #f6ab00; background-color: #f6f6f6; border-color: #D5D1CE; } ul.pagination > .active > a, ul.pagination > .active > a:hover, ul.pagination > .active > a:focus, ul.pagination > .active > span, ul.pagination > .active > span:hover, ul.pagination > .active > span:focus { z-index: 2; color: #5c5551; background-color: #F0EFED; border-color: #D5D1CE; cursor: default; } ul.pagination > .disabled > span, ul.pagination > .disabled > span:hover, ul.pagination > .disabled > span:focus, ul.pagination > .disabled > a, ul.pagination > .disabled > a:hover, ul.pagination > .disabled > a:focus { color: #D5D1CE; background-color: transparent; border-color: #D5D1CE; cursor: not-allowed; } ul.pagination > li.prev > a, ul.pagination > li.next > a { padding: 0.8125em 0.8025em; } ul.pagination > li.prev > a > span, ul.pagination > li.next > a > span { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; overflow: hidden; height: 1px; position: relative; } ul.pagination > li.prev > a:before, ul.pagination > li.next > a:before { font-family: 'icomoon'; font-size: .9em; line-height: 1.6; position: absolute; -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out false; -o-transition: left 0.2s ease-out false; transition: left 0.2s ease-out; } ul.pagination > li.prev > a:before { content: '\e627'; top: .14em; left: .35em; } ul.pagination > li.next > a:before { content: '\e604'; top: .14em; right: .35em; } ul.pagination > li:last-child > a, ul.pagination > li:last-child > span { margin: 0; } /* Add This */ .addthis_divider { border-bottom-width: 2px; } .row.addthis { float: right; padding: 0px 0 10px 20px; } @media (max-width: 36.25em) { .row.addthis { float: none; padding: 0; } } body { background-color: #fff; color: #878280; font-family: arial, sans-serif; } a { color: #007F90; text-decoration: none; } a:hover { color: #f6ab00; } a.external:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e63d"; font-size: 0.9em; margin: 0 5px 0 5px; } #rightCol a.external:after { display: none; } #rightCol a.external { display: inline-block; font-family: arial, sans-serif; padding-left: 1.3em; position: relative; text-decoration: none; } #rightCol a.external:before { color: #f6ab00; content: '\e63d'; font-family: 'icomoon'; font-size: .9em; line-height: 1.5; left: 0; position: absolute; top: 0; } .arrow-link, .listing-item .read-more a { display: inline-block; font-family: arial, sans-serif; padding-left: 1.3em; position: relative; text-decoration: none; } .arrow-link:before, .listing-item .read-more a:before { color: #f6ab00; content: '\e604'; font-family: 'icomoon'; font-size: .9em; line-height: 1.5; left: 0; position: absolute; top: 0; } a.download { display: block; padding-left: 1.3em; position: relative; } a.download:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e63b"; color: #f6ab00; position: absolute; left: 0; top: .25em; } .qresults-highlights ul { list-style-type: none; padding-left: 0 !important; } .qresults-highlights ul li { background-image: url("../images/bullet_circle_filled.png"); background-position: 2px 5px; background-size: 10px 10px; background-repeat: no-repeat; padding-left: 20px; } .body-content h1, .body-content h2, .body-content h3, .body-content h4, .body-content h5 { color: #5c5551; font-family: "Microsoft YaHei", arial, sans-serif; font-weight: bold; margin: 25px 0 5px 0; } .body-content h1 { font-size: 2.2em; line-height: 1.1em; margin: .271em 0; } @media (max-width: 30em) { .body-content h1 { font-size: 1.8em; } } @media (max-width: 26.25em) { .body-content h1 { font-size: 1.6em; } } .body-content h2 { font-size: 1.6em; } @media (max-width: 26.25em) { .body-content h2 { font-size: 1.4em; } } .body-content h3, .body-content h4 { font-size: 1.3em; } @media (max-width: 26.25em) { .body-content h3, .body-content h4 { font-size: 1.2em; } } .body-content p { /*font-family: "Microsoft YaHei", arial, sans-serif;*/ font-size: 1.125em; line-height: 2; margin: .2em 0 1em 0; } .body-content p.intro, .listing-template .body-content p.intro { color: #5c5551; /*font-family: georgia, "Microsoft YaHei", serif;*/ font-size: 1.35em; line-height: 1.35em; /* @include at-breakpoint(12 $bp-480){ font-size:1.3em; }*/ } .body-content p.intro strong, .listing-template .body-content p.intro strong { font-weight: normal; } @media (max-width: 26.25em) { .body-content p.intro, .listing-template .body-content p.intro { font-size: 1.125em; } } .listing-template .body-content p.intro { font-size: 1.25em; line-height: 1.5em; margin-top: .5em; } .body-content p a { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .body-content ul, .body-content ol { font-family: "Microsoft YaHei", arial, sans-serif; font-size: 1.125em; overflow: hidden; } .body-content ol { counter-reset: list; list-style-type: none; margin-left: 0; padding-left: 25px; position: relative; } .body-content ol li { color: #878280; } .body-content ol li:before { counter-increment: list 1; content: counter(list) "."; color: #f6ab00; font-family: "Microsoft YaHei", arial, sans-serif; font-weight: bold; left: 0; padding-right: 10px; position: absolute; } .body-content ul { list-style-type: none; padding-left: 0; } .body-content ul li { background-image: url("../images/bullet_circle_filled.png"); background-position: 0 7px; background-size: 10px 10px; background-repeat: no-repeat; padding-left: 25px; line-height: 1.4em; } .body-content ul ul { font-size: 1em; } .body-content ul ul li { background-image: url("../images/bullet_circle_outline.png"); } .body-content ul ul ul li { background-image: url("../images/bullet_circle_outline_small.png"); background-position: 0 7px; background-size: 10px 10px; } .body-content blockquote { margin: 1em 0; } .row-heading { border-bottom: 10px solid #d5d1ce; color: #645955; font-size: 1.85em; font-weight: normal; margin: 1em 0 .9em 1.75em; position: relative; } @media (max-width: 30em) { .row-heading { font-size: 1.6em; } } @media (max-width: 26.25em) { .row-heading { font-size: 1.4em; } } .row-heading span { background-color: #f6ab00; bottom: -10px; display: inline-block; height: 1.55em; left: -1.96em; position: absolute; width: 1.55em; left: -1.95em; font-size: 0.9em; } .row-heading span:before { color: #fff; display: block; font-size: .9em; position: relative; top: .35em; text-align: center; width: 100%; } .news-item h3, .listing-item h3 { font-weight: normal; font-family: arial, sans-serif; line-height: 1.4em; } .news-item p, .listing-item p { font-size: 1.125em; font-family: arial, sans-serif; } .video-transcript-link:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #f6ab00; content: "\e644"; font-size: 1.6em; margin-right: 5px; position: relative; top: 5px; } p.video-caption { color: #383431; display: inline; font-family: georgia, serif; margin: 10px 0 10px 0; position: relative; text-align: left; top: 10px; } #rightCol p.video-caption { border-bottom: 3px solid #D5D1CE; font-size: 0.9em; } .hero-media p.video-caption { font-size: 0.9em; } p.video-caption:after { content: ""; clear: both; display: block; height: 10px; } /* Margin tweaks */ .clear-margin-bottom { margin-bottom: 0; } .clear-margin-top { margin-top: 0; } .legal { font-size: .9em; } .icon-menu:before { font-size: 0.6em; padding-right: 2px; position: relative; top: -2px; } .button { background-color: #007F90; border: 1px solid #0f525b; border-bottom: 2px solid #0f525b; color: #fff; display: inline-block; font-family: arial, sans-serif; font-weight: bold; padding: 12px 45px 12px 20px; text-decoration: none; max-width: 100%; position: relative; } .button:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e604'; position: absolute; right: 13px; top: 12px; } .button span { display: none; margin-right: 10px; } .button:hover { color: #fff; background-color: #115f69; text-decoration: none; } #rightCol .button { margin: 10px 0; } input[type=submit].button { border: none; } select { background: #fff; border: 1px solid #D5D1CE; color: #f6ab00; font-family: arial, sans-serif; font-size: 1.2em; padding: 8px; } select option { background: #fff; color: #5c5551; padding: 5px 0; } .dropdown { list-style: none; padding: 0; } .dropdown-select { position: relative; } @media (max-width: 30em) { .dropdown-select { width: 75%; } .dropdown-select p { max-width: 100% !important; } } @media (max-width: 26.25em) { .dropdown-select { width: 100%; } } .dropdown-select .dropdown { border: 10px solid rgba(0, 0, 0, 0.15); display: none; left: -10px; max-height: 300px; padding: 0; position: absolute; right: -10px; top: -10px; z-index: 100; } .dropdown-select .dropdown .close-button { background-color: #fff; border: 1px solid #f6ab00; border-bottom: 0; height: 25px; padding-top: 5px; position: absolute; right: 0; text-align: center; top: -24px; width: 30px; z-index: 1; } .dropdown-select .dropdown .close-button:before { color: #f6ab00; content: "\e620"; font-family: 'icomoon'; } .dropdown-select .dropdown .dropdown-contents { background-color: #fff; border: 1px solid #f6ab00; height: 280px; overflow: hidden; padding: 0; position: relative; width: 100%; } .dropdown-select p { /* background:$orange; margin:.3em 0 0 0; padding:10px 2.2em 10px 10px; margin-bottom:0;*/ } .dropdown-select p:after { bottom: 0; content: '\e63f'; font-family: 'icomoon'; font-size: .8em; padding-top: 1.2em; position: absolute; right: 0; text-align: center; top: 0; width: 2.5em; } .dropdown-select ul { background-color: #fff; list-style: none; margin: 0; padding: 0; } .dropdown-select ul li a { border-bottom: 1px solid #f6ab00; color: #878280; display: block; font-family: arial, sans-serif; font-size: 1.1em; font-weight: bold; margin-right: 30px; overflow: hidden; padding: 1em 1em; position: relative; text-align: left; text-decoration: none; } .dropdown-select ul li a img { position: absolute; bottom: 0; left: 0; } .dropdown-select ul li a:hover { background-color: #f6f6f6; } .dropdown-select ul li:last-child a { border-bottom: 0; } .dropdown-select.active .dropdown { display: block; max-height: 300px; } .ps-container .ps-scrollbar-x-rail { position: absolute; /* please don't change 'position' */ bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; filter: alpha(opacity=0); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; } .ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail { opacity: 0.6; filter: alpha(opacity=60); } .ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-x-rail.in-scrolling { opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-y-rail { position: absolute; /* please don't change 'position' */ right: 8px; /* there must be 'right' for ps-scrollbar-y-rail */ top: 8px; width: 8px; margin: 8px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; background-color: #e5e5e5; } .ps-container .ps-scrollbar-y-rail.in-scrolling { opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; background-color: #f6ab00; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-transition: background-color .2s linear; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; } .ps-container.ie6 .ps-scrollbar-x { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ } .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x { background-color: #999; } .ps-container .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ top: 0; width: 8px; background-color: #f6ab00; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-transition: background-color .2s linear; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; } .ps-container.ie .ps-scrollbar-y { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ } .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color: #f6ab00; } .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; width: 100%; } .video-wrapper .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ width: 100%; height: 0; } .video-wrapper iframe, .video-wrapper .inline-video-link { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; border: 0 none; } .video-wrapper img { left: 0; margin-bottom: -5px; position: absolute; top: 0; width: 100%; z-index: 100; } .video-wrapper .play-icon { background-color: transparent; color: #fff; padding: 20px; position: absolute; top: 32.5%; left: 40%; z-index: 101; width: 20%; height: 35%; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .video-wrapper .play-icon span { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; overflow: hidden; height: 1px; color: #000; } .video-wrapper .play-icon:before { font-family: icomoon; content: "\e615"; position: absolute; top: 13%; left: 14%; /* } .inline-video &,.hero-media &,.play-icon{ &:before{*/ font-size: 6.7rem; } .lt-ie9 .video-wrapper .play-icon:before { font-size: 6.7em; } @media (max-width: 80em) { .video-wrapper .play-icon:before { font-size: 6rem; } } @media (max-width: 66.25em) { .video-wrapper .play-icon:before { font-size: 5rem; } } @media (max-width: 36.25em) { .video-wrapper .play-icon:before { font-size: 4rem; } } @media (max-width: 30em) { .video-wrapper .play-icon:before { font-size: 3.5rem; } } @media (max-width: 26.25em) { .video-wrapper .play-icon:before { font-size: 3rem; } } @media (max-width: 23.75em) { .video-wrapper .play-icon:before { font-size: 2.5rem; } } @media (max-width: 20em) { .video-wrapper .play-icon:before { font-size: 2rem; } } .one-quarter .video-wrapper .play-icon:before { font-size: 3.5rem; top: 5.5%; left: 6.5%; } .lt-ie9 .one-quarter .video-wrapper .play-icon:before { font-size: 3.5em; } @media (max-width: 80em) { .one-quarter .video-wrapper .play-icon:before { font-size: 3.5rem; top: 5.5%; left: 6.5%; } } @media (max-width: 66.25em) { .one-quarter .video-wrapper .play-icon:before { font-size: 3rem; top: 0; left: 6.5%; } } @media (max-width: 62.125em) { .one-quarter .video-wrapper .play-icon:before { font-size: 5rem; top: 5.5%; left: 6.5%; } } @media (max-width: 53.75em) { .one-quarter .video-wrapper .play-icon:before { font-size: 4.5rem; top: 0; left: 6.5%; } } @media (max-width: 48.0625em) { .one-quarter .video-wrapper .play-icon:before { font-size: 4rem; top: 0; left: 6.5%; } } @media (max-width: 40em) { .one-quarter .video-wrapper .play-icon:before { font-size: 3.5rem; top: 0; left: 6.5%; } } @media (max-width: 36.25em) { .one-quarter .video-wrapper .play-icon:before { font-size: 3rem; top: 5.5%; left: 6.5%; } } @media (max-width: 30em) { .one-quarter .video-wrapper .play-icon:before { font-size: 5rem; top: 0; left: 6.5%; } } @media (max-width: 26.25em) { .one-quarter .video-wrapper .play-icon:before { font-size: 4.5rem; top: 0; left: 6.5%; } } @media (max-width: 23.75em) { .one-quarter .video-wrapper .play-icon:before { font-size: 4rem; top: 0; left: 6.5%; } } @media (max-width: 20em) { .one-quarter .video-wrapper .play-icon:before { font-size: 3.5rem; top: 0; left: 6.5%; } } #rightCol .module-video .video-wrapper .play-icon:before { font-size: 3rem; top: -.5rem; left: -.5rem; } .lt-ie9 #rightCol .module-video .video-wrapper .play-icon:before { font-size: 3em; top: -.5em; left: -.5em; } /* Filter bar */ .filter-bar { margin: 1em 0 1.9em; float: left; clear: both; width: 100%; } .js .filter-bar input[type="submit"] { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; overflow: hidden; height: 1px; } @media (max-width: 30em) { .dk_container { float: none; width: 100%; } } .dk_container ul { padding-left: 0 !important; } .dk_toggle { min-width: 357px; display: block; } @media (max-width: 30em) { .dk_toggle { min-width: 0; width: 100% !important; } } /* Accordion */ .accordion { margin-bottom: 2em; margin-top: 1.5em; padding-bottom: 1px; position: relative; z-index: 1; } @media (max-width: 880px) { .accordion { font-size: .9em; } } .accordion header { margin: 0 0 -1px 0; padding: 0; } .accordion header h3 { background-color: #F0EFED; border: 1px solid #D5D1CE; font-size: 1.1em; margin: 0; padding: .85em 4em .9em 3em; position: relative; } .accordion header h3:hover { color: #f6ab00; } .accordion header h3 span { display: inline-block; font-size: 1.5em; position: absolute; top: .5em; left: .5em; width: 1.6em; } .accordion p { margin-top: .8em; } .accordion article { margin: 0 0 -1px 0; } .accordion article.accordion-item.open .accordion-content, .accordion article .accordion-content { border-left: 1px solid #D5D1CE; border-right: 1px solid #D5D1CE; border-bottom: 1px solid #D5D1CE; } .accordion article.accordion-item.open .accordion-content .accordion-inner-content, .accordion article .accordion-content .accordion-inner-content { padding: .5em 1em; } .accordion article .accordion-preview { border-bottom: 1px solid #D5D1CE; border-left: 1px solid #D5D1CE; border-right: 1px solid #D5D1CE; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2); } .accordion article .accordion-preview .col { margin-bottom: 0; } .accordion article .accordion-preview .col.full { padding: 0 1em; } .accordion article .accordion-preview .col.two-thirds { padding: 0 1em 0 0; } @media (max-width: 380px) { .accordion article .accordion-preview .col.two-thirds { padding-left: 1em; } } .accordion article .accordion-preview .col img { display: block; } .accordion.enabled header h3 { cursor: pointer; } .accordion.enabled header h3 a { background-color: #fff; border-left: 1px solid #D5D1CE; color: #f6ab00; font-size: 1.4em; padding-top: .5em; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; width: 2.3em; } .accordion.enabled header h3 a:hover { background-color: #f6ab00; color: #fff; text-decoration: none; } .accordion.enabled header h3 a:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e61e'; } .accordion.enabled .accordion-content { overflow: hidden; display: none; } .accordion.enabled .accordion-content .back-to-top { margin-bottom: 1em; } .accordion.enabled .accordion-item.open .accordion-preview { border-bottom: none; padding-bottom: 1px; } .accordion.enabled .accordion-item.open header h3 a:before { content: '\e61d'; } #section-1 { border-top: 1px solid #D5D1CE; } .anchor-section { border-bottom: 1px solid #D5D1CE; clear: both; padding-bottom: .5em; overflow: hidden; } .back-to-top { float: right; margin-top: 1em; } .back-to-top span { color: #f6ab00; margin-right: .4em; } /* Expandable images */ .expandable-image { display: block; position: relative; } .expandable-image span { bottom: 10px; display: block; font-size: 1.5em; padding: .4em; background-color: rgba(255, 255, 255, 0.8); right: 10px; position: absolute; -webkit-transition: all 1s false; -webkit-transition-delay: 0s; -moz-transition: all 1s false false; -o-transition: all 1s false false; transition: all 1s false false; } .expandable-image:hover span { background-color: #fff; } /* Logo */ #logo { float: left; margin-top: -10px; padding: 20px; /* @include at-breakpoint(12 $bp-944){ padding:18px; img{ width:72px; } }*/ } #logo a { display: block; } /* @media (max-width: 54em) { #logo { margin-top: 0; padding: 15px; } #logo img { width: 75% } } */ @media (max-width: 48em) { #logo {margin-top: 0;padding: 15px; } #logo img {width: 410px; } } @media (max-width: 40em) { #logo {margin-top: 0;padding: 9px; } #logo img {width: 420px; } } @media (max-width: 28em) { #logo {margin-top: 0;padding: 9px; } #logo img {width: 280px; } } @media (max-width: 24em) { #logo {margin-top: 0;padding: 9px; } #logo img {width: 250px; } } @media (max-width: 22em) { #logo {margin-top: 0;padding: 9px; } #logo img {width: 220px; } } #logo img { display: block; height: auto; } #mobileNav { display: none; position: absolute; right: 10px; top: 24px; text-decoration: none; padding: 0; font-size: 2em; color: #5c5551; margin: 0; } #mobileNav.active { color: #f6ab00; } @media (max-width: 48em) {#mobileNav {font-size: 1.6em;top: 26px;right: 15px; } } @media (max-width: 40em) {#mobileNav {font-size: 1.2em;top: 18px;right:12px; } } @media (max-width: 28em) {#mobileNav {font-size: 1.2em;top: 16px;right:10px; } } @media (max-width: 24em) {#mobileNav {font-size: 1.2em;top: 16px;right:10px; } } @media (max-width: 22em) {#mobileNav {font-size: 1em;top: 14px;right:8px;} } @media (max-width: 48em) {#primaryNav {top: 5.5em;} } @media (max-width: 40em) {#primaryNav {top: 4.2em;} } @media (max-width: 28em) {#primaryNav {top: 3.7em;} } @media (max-width: 25em) {#primaryNav {top: 3.42em;} } @media (max-width: 24em) {#primaryNav {top: 3.32em;} } @media (max-width: 22em) {#primaryNav {top: 3.02em;} } /*@media all and (max-width: 48em) {#primaryNav {top: 5.15em; } } @media all and (max-width: 40em) {#primaryNav {top: 3.05em; } }*/ #mobileNav span { font-family: arial, sans-serif; font-weight: bold; font-size: .9em; padding: 0 0 0 5px; position: relative; top: -1px;} @media (max-width: 48em) {#mobileNav {display: block; } } /* @media (max-width: 48em) { #mobileNav { font-size: 1.6em; top: 26px; right: 15px; } } @media (max-width: 40em) { #mobileNav { font-size: 1.2em; top: 14px; } } #mobileNav span { font-family: arial, sans-serif; font-weight: bold; font-size: .9em; padding: 0 0 0 5px; position: relative; top: -1px; } @media all and (max-width: 48em) { #mobileNav { display: block; } }*/ /* AnkeLogo*/ #anke-logo{ /*float: right;*/ display:block; text-align: right; margin-right:8px; } @media (max-width: 48em) { #anke-logo { display: none; } } /* Toolbar */ #toolbar { float: right; margin: 8px 8px 20px 0; } @media (min-width: 60em) { #toolbar { margin: 8px 8px 20px 0; } } @media (max-width: 48em) { #toolbar { display: none; } } div.region-heading { color: #f6ab00; font-family: arial, sans-serif; font-weight: normal; margin: 0 0 .5em 0; padding: 0 20px; } @media (max-width: 48em) { div.region-heading { padding: 10px 0 0 15px; } } #countrySelector { float: left; font-size: 1.05em; margin-right: 18px; margin-top: 2px; position: relative; } #countrySelector a { color: #5c5551; display: block; text-decoration: none; } #countrySelector a span, #countrySelector a img { display: inline-block; vertical-align: top; } #countrySelector a .icon-agg-globe-alt { font-size: 1.7em; position: relative; top: -1px; } #countrySelector a #selectedCountry { margin-top: 3px; } @media (max-width: 30em) { #countrySelector a #selectedCountry { display: none; } } #countrySelector a .icon-agg-downarrow { font-size: .8em; margin: 7px 5px 0 3px; } #countrySelector a .icon-agg-downarrow:before { margin-right: 0; } #countrySelector .country-overlay { display: none; padding-top: 1.3em; position: absolute; right: -150px; top: 1em; width: 270px; z-index: 1000; } #countrySelector .country-overlay .region-container { float: right; } #countrySelector .country-overlay .region-container.no-toggle .regions { border: 1px solid #f6ab00; width: 276px; } #countrySelector .country-overlay .region-container.no-toggle .regions:before { left: -11px; } #countrySelector .country-overlay .regions { background-color: #fff; border: 1px solid #f6ab00; border-left: 0; float: right; padding: 20px 0; position: relative; width: 275px; } #countrySelector .country-overlay .regions:before { background: rgba(0, 0, 0, 0.15); content: ''; position: absolute; top: -11px; bottom: -11px; right: -11px; left: 11px; z-index: -10; } #countrySelector .country-overlay .regions > ul { list-style: none; margin: 0 0 1em 0; padding: 0; } #countrySelector .country-overlay .regions > ul > li > a { padding: .3em 20px; } #countrySelector .country-overlay .regions > ul > li > a:hover { color: #f6ab00; } #countrySelector .country-overlay .regions > ul > li > a:before { content: '\e61e'; font-family: 'icomoon'; font-size: .8em; margin-right: .8em; } #countrySelector .country-overlay .regions > ul > li.toggle > a { background-color: #F0EFED; color: #f6ab00; font-family: arial, sans-serif; font-weight: bold; } #countrySelector .country-overlay .regions > ul > li.toggle > a:before { content: '\e61d'; } #countrySelector .country-overlay .regions .global-link { border-top: 1px solid #D5D1CE; display: block; font-family: arial, sans-serif; font-weight: bold; margin: 0 20px; padding: 10px 0 0 25px; position: relative; } #countrySelector .country-overlay .regions .global-link:hover { color: #f6ab00; } #countrySelector .country-overlay .regions .global-link:before { content: '\e640'; font-family: 'icomoon'; left: 0; position: absolute; margin-top: 1px; } #countrySelector .country-overlay .regions .global-link span { font-family: arial, sans-serif; } #countrySelector .country-overlay .region { display: none; } #countrySelector .country-overlay .toggle .region { border: 10px solid rgba(0, 0, 0, 0.15); display: block; position: absolute; right: 263px; top: -11px; width: 440px; z-index: -1; } #countrySelector .country-overlay .toggle .region.one-col { width: 220px; } #countrySelector .country-overlay .toggle .region.one-col ul { width: 100%; } #countrySelector .country-overlay .toggle .region .countries { background-color: #F0EFED; border: 1px solid #f6ab00; min-height: 342px; overflow: hidden; padding: 20px; } #countrySelector .country-overlay .toggle .region ul { float: left; list-style: none; margin: 0 4% 0 0; padding: 0; width: 48%; } #countrySelector .country-overlay .toggle .region ul:last-child { margin-right: 0; } #countrySelector .country-overlay .toggle .region ul li { margin: 0; } #countrySelector .country-overlay .toggle .region ul li a { padding: .15em 0 .25em 2em; } #countrySelector .country-overlay .toggle .region ul li a:not([href*="//www.soho-yiming.com/"]):after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e63d"; font-size: 12px; padding-left: 5px; } @media (max-width: 48em) { #countrySelector .country-overlay .toggle .region ul li a a { padding: .15em 0 .25em 0.25em; } } #countrySelector .country-overlay .toggle .region ul li a:hover { background-color: #D5D1CE; text-decoration: underline; } #countrySelector .country-overlay .toggle .region ul li:last-child { margin-bottom: 0; } #countrySelector .country-overlay .toggle .region ul img, #countrySelector .country-overlay .toggle .region ul .sprite-small { float: left; margin: .55em 10px 0 .5em; } #countrySelector:hover .country-overlay, #countrySelector.country-selector-open .country-overlay { display: block; } .country-selector #countrySelector a .icon-agg-downarrow:before { content: '\e62d'; } #mobileToolbar #countrySelector { font-size: .9em; } #mobileToolbar #countrySelector:hover .country-overlay { display: none; } #mobileToolbar #countrySelector a { color: #fff; } #mobileToolbar #countrySelector img { margin: 6px 0 0 0; height: 15px; width: 25px; } /* Search Box */ #searchBox { float: left; position: relative; } #searchField { background-color: #F0EFED; border: none; color: #5c5551; outline: none; margin-top: -1px; padding: 8px 30px 7px 8px; -webkit-appearance: none; } #searchField.placeholder { color: #878280; } #searchField:-moz-placeholder { color: #878280; } #searchField::-moz-placeholder { color: #878280; } #searchField::-webkit-input-placeholder { color: #878280; } @media (max-width: 48em) { #searchField { -webkit-transition: all 1s false; -webkit-transition-delay: 0s; -moz-transition: all 1s false false; -o-transition: all 1s false false; transition: all 1s false false; background-color: #f5855d; color: #fff; padding: 12px 30px 12px 8px; width: 250px; } #searchField.placeholder { color: #fff; } #searchField:-moz-placeholder { color: #fff; } #searchField::-moz-placeholder { color: #fff; } #searchField::-webkit-input-placeholder { color: #fff; } } @media (max-width: 40em) { #searchField { width: 200px; } } @media (max-width: 30em) { #searchField { background-color: transparent; text-indent: -20em; width: 20px; } #searchField.expanded { background-color: #f5855d; text-indent: 0; width: 200px; } #searchField.expanded.placeholder { color: #fff; } #searchField.expanded:-moz-placeholder { color: #fff; } #searchField.expanded::-moz-placeholder { color: #fff; } #searchField.expanded::-webkit-input-placeholder { color: #fff; } #searchField.placeholder { color: transparent; } #searchField:-moz-placeholder { color: transparent; } #searchField::-moz-placeholder { color: transparent; } #searchField::-webkit-input-placeholder { color: transparent; } } #searchButton { background: transparent; border: none; font-size: 1px; height: 34px; outline: none; overflow: hidden; position: absolute; right: 0; top: 0; text-indent: -99em; width: 34px; z-index: 100; } #searchButton:before { color: #5c5551; text-indent: 0; font-size: 18px; position: absolute; right: 8px; top: 8px; } .lt-ie9 #searchButton { padding: 10px 0; } .lt-ie9 #searchButton:active { margin-top: -1px; } @media (max-width: 48em) { #searchButton:before { color: #fff; font-size: 22px; text-align: left !important; margin: 0 !important; width: auto !important; } } #sideEffect { font-size: .9em; } @media (min-width: 48em) { #sideEffect { position: absolute; top: 60px; right: 10px; } } @media (min-width: 53.75em) { #sideEffect { float: left; margin-right: 1.5rem; padding: .5em 0 0; position: static; } } @media (min-width: 60em) { #sideEffect { font-size: 1em; padding: .41em 0 0 0; } } #sideEffect a { color: #5c5551; } #sideEffect a:hover { text-decoration: underline; } #languageSelector { color: #f6ab00; float: left; margin-right: 1.5em; padding: .41em 0 0 0; text-transform: uppercase; } #languageSelector a { color: #5c5551; } #languageSelector span { margin: 0 .1em; } #languageSelector a:last-child:after { content: ''; } #languageSelector a.current { font-family: arial, sans-serif; font-weight: bold; } #wrapper > footer { background-color: #F57C00; padding: 0 25px; color: #FFFFFF; line-height: 30px; } @media (max-width: 60em) { #wrapper > footer { padding: 0 10px; } } #wrapper > footer nav { display: table; font-size: .95em; margin: 0; table-layout: fixed; width: 100%; border-bottom: 1px solid #D5D1CE; } @media (max-width: 60em) { #wrapper > footer nav { font-size: .9em; } } @media (max-width: 48em) { #wrapper > footer nav { font-size: .75em; } } #wrapper > footer nav ul { display: table-row; list-style: none; padding: 0; text-align: center; } #wrapper > footer nav ul li { display: table-cell; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAjCAIAAADaE/fjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpi+P//P8MgwQABBgCbemiYRBxOTgAAAABJRU5ErkJggg==) top left no-repeat; } #wrapper > footer nav ul li:first-child { background: none; } #wrapper > footer nav ul li a { text-decoration: none; color: #5c5551; display: block; padding: 20px 12px; } #wrapper > footer nav ul li a:hover { color: #5c5551; text-decoration: underline; } @media (max-width: 48em) { #wrapper > footer nav ul li a { padding: 10px 12px; } } /*@media (max-width: 40em) { #wrapper > footer nav { display: block; font-size: 1em; } #wrapper > footer nav ul { display: block; text-align: left; } #wrapper > footer nav ul li { background: none; display: block; } }*/ #socialLinks { float: right; list-style: none; padding: 0; text-align: center; } #socialLinks li { display: inline-block; margin-left: 10px; } #socialLinks li img { height: 40px; width: 40px; } #socialLinks li a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; } #socialLinks li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } @media (max-width: 40em) { #socialLinks { float: none; } } .copyright { font-size: 14px; line-height: 16px; padding: 0 20px 0 0; } @media (max-width: 40em) { .copyright{text-align:center;} } /* Audience Nav */ #audienceNav { clear: right; float: right; font-size: 1.05em; margin: 0 8px 20px 0; /* Get the icons to play ball */ /* @include at-breakpoint(12 $bp-860) { font-size:.75em; }*/ } #audienceNav [class*="icon-"] { font-family: arial, sans-serif; } #audienceNav [class*="icon-"]:before { display: none; font-family: 'icomoon'; } @media (max-width: 60em) { #audienceNav { font-size: .9em; } } @media (max-width: 48em) { #audienceNav { display: none; } } #audienceNav li { border-left: 1px solid #fd6a37; float: left; } #audienceNav li:first-child { border: none; } #audienceNav li a { color: #5c5551; display: block; margin: 0 15px; } #audienceNav li a span { display: none; } #audienceNav li a:hover { text-decoration: underline; } @media (max-width: 53.75em) { #audienceNav li a { margin: 0 10px; } } #audienceNav li:last-child a { margin-right: 0; } #audienceNav li ul { display: none; } /* Primary Nav - Base styles for non-mobile views */ #primaryNav { background-color: #F57C00; clear: both; display: table; margin-bottom: 10px; position: relative; width: 100%; /* Get the icons to play ball */ /* For the mobile nav we need to bring the audience nav into the primary, we'll just hide these if you return to the desktop view */ /* Top level list to be display as a table row with distributed cells */ } .left-column #primaryNav { margin-bottom: 0; } #primaryNav [class*="icon-"] { font-family: arial, sans-serif; } #primaryNav [class*="icon-"]:before { display: none; font-family: 'icomoon'; } #primaryNav .audience, #primaryNav .divider { display: none; } #primaryNav > ul { display: table-row; } #primaryNav > ul .fixed-size { table-layout: fixed; } #primaryNav > ul li { border-right: 1px solid #fff; display: table-cell; width: 15%; /* Sub-nav is hidden for desktop */ /* Link style for top nav */ /* The home icon */ } #primaryNav > ul li:hover > a .underline, #primaryNav > ul li a:hover .underline { opacity: 0.75; } #primaryNav > ul li.current > a .underline { border-bottom: 4px solid white; display: inline; } #primaryNav > ul li.hasMegaNav > a:hover:after, #primaryNav > ul li.hasMegaNav.current > a:after, #primaryNav > ul li.hasMegaNav.hover-nav > a:after { border-left: 19px solid white; border-right: 19px solid white; border-top: 20px solid #f6ab00; content: ""; display: block; height: 0; left: 50%; margin-left: -18px; width: 0; position: absolute; top: 78px; z-index: 1; } @supports (-webkit-appearance: none) { #primaryNav > ul li.hasMegaNav > a:hover:after, #primaryNav > ul li.hasMegaNav.current > a:after, #primaryNav > ul li.hasMegaNav.hover-nav > a:after { top: 77px; } } @media (max-width: 66.25em) { #primaryNav > ul li.hasMegaNav > a:hover:after, #primaryNav > ul li.hasMegaNav.current > a:after { top: 76px; } } @media (max-width: 59em) { #primaryNav > ul li.hasMegaNav > a:hover:after, #primaryNav > ul li.hasMegaNav.current > a:after { top: 74px; } } @media (max-width: 53.75em) { #primaryNav > ul li.hasMegaNav > a:hover:after, #primaryNav > ul li.hasMegaNav.current > a:after { top: 70px; } } #primaryNav > ul li ul { display: none; } #primaryNav > ul li a { color: #fff; display: block; font-size: 1.2em; line-height: 1.2; padding: 10px 0; text-align: center; text-decoration: none; position: relative; /* Adjust font sizes for non-mobile responsive views */ /* No icons should be displayed in the desktop view other than the home icon */ } @media (max-width: 66.25em) { #primaryNav > ul li a { font-size: 1.3em; } } @media (max-width: 59em) { #primaryNav > ul li a { font-size: 1.2em; } } @media (max-width: 53.75em) { #primaryNav > ul li a { font-size: 1em; } } #primaryNav > ul li a span { display: none; } @media (max-width: 48em) { #primaryNav > ul li a span { display: inline; } } #primaryNav > ul li.primaryNavMenuItemTeal { background: #007f90; } #primaryNav > ul li.home { background: none; width: 5.5%; } #primaryNav > ul li.home a { padding-left: 10px; padding-right: 10px; } #primaryNav > ul li.home a:hover { opacity: .75; } #primaryNav > ul li.home a:before { display: inline-block; font-weight: normal; } #primaryNav > ul li.home a:hover:after { display: none; } /* Primary nav - Mobile horizontal flyout styles */ @media all and (max-width: 48em) { #primaryNav { display: none; font-family: arial, sans-serif; margin-bottom: 0; left: 0; position: absolute; width: 100%; z-index: 1000; font-weight: bold; /* Get the icons to play ball */ /* Need to sort this bit out, the transition menu needs to have these styles applied during transition, and the rest after transition */ } #primaryNav [class*="icon-"] { font-family: arial, sans-serif; font-weight: bold; } #primaryNav [class*="icon-"]:before { display: inline-block; margin-right: 10px; text-align: center; width: 1.4em; } #primaryNav > ul { -webkit-transition: 0.4s false false; -moz-transition: 0.4s false false false; -o-transition: 0.4s false false false; transition: 0.4s; background-color: #f6ab00; left: 0; } #primaryNav > ul.no-transition { -webkit-transition: 0 false false; -moz-transition: 0 false false false; -o-transition: 0 false false false; transition: 0; } #primaryNav > ul li { background: none; width: 100%; } #primaryNav > ul li > a .underline, #primaryNav > ul li a .underline { display: inline-block; } #primaryNav > ul li:hover > a .underline, #primaryNav > ul li a:hover .underline, #primaryNav > ul li.current > a .underline { border-bottom: 0px solid white; } #primaryNav > ul li .underline + span { top: 20px; } #primaryNav > ul li:first-child a { border-top: 2px solid #fff; } #primaryNav > ul li.divider { background-color: #fff; height: 3px; margin: -1px -10px 0 -10px !important; } #primaryNav > ul li.home { width: 100%; } #primaryNav > ul li.home .visually-hidden { overflow: visible; position: static !important; text-indent: 0; font-family: arial, sans-serif; font-weight: bold; font-size: 1em; } #primaryNav > ul li.home .visually-hidden:before { content: ''; } #primaryNav ul.transition-menu { -webkit-transition: 0.4s false false; -moz-transition: 0.4s false false false; -o-transition: 0.4s false false false; transition: 0.4s; position: absolute; left: 0; top: 51px; } #primaryNav ul.transition-menu > li { display: block !important; } #primaryNav ul.transition-menu li.section-link > a, #primaryNav ul.transition-menu a.back { background-color: #f6ab00; color: #fff !important; } #primaryNav ul.transition-menu a { background-color: #fff; border-bottom: 1px solid #D5D1CE; color: #f6ab00 !important; } #primaryNav ul.transition-menu li.section-link > a { border-bottom: none !important; } #primaryNav.active { display: block; } #primaryNav.active ul { margin: 0; font-size: 1em; } #primaryNav.active ul li { float: none; margin: 0; display: block; } #primaryNav.active ul li ul li a { background-color: #fff; border-bottom: 1px solid #D5D1CE !important; color: #f6ab00; } #primaryNav.active ul li ul li.section-link a, #primaryNav.active ul li ul li a.back { background-color: #f6ab00; border-bottom: 1px solid #f8a385 !important; color: #fff; } #primaryNav.active ul li ul li.section-link a { border-bottom: none !important; } #primaryNav.active ul li a { color: #fff; position: relative; text-decoration: none; padding: 1em; display: block; font-weight: bold; border-bottom: 1px solid #f5855d; } } @media all and (max-width: 48em) and (max-width: 48em) { #primaryNav.active ul li a { font-weight: normal; } } @media all and (max-width: 48em) { #primaryNav.active ul li a span { position: absolute; right: 10px; } #primaryNav.active ul li:last-child > a { border-bottom: none !important; } #primaryNav.active > ul { padding: 0; display: block; width: 100%; } #primaryNav.active > ul > li > a { padding-left: 10px; text-align: left; } } @media all and (max-width: 48em) and (max-width: 30em) { #primaryNav.active > ul { top: 51px; } } @media all and (max-width: 48em) { #primaryNav.in-transition ul.transition-menu { background-color: #fff; height: 100%; } #primaryNav.in-transition ul.transition-menu, #primaryNav.in-transition ul.transition-menu > li { display: block; } #primaryNav.in-transition ul.transition-menu a, #primaryNav.in-transition ul.transition-menu > li a { border-bottom: 1px solid #f8a385; font-weight: normal; padding-left: 9%; text-align: left; } #primaryNav.in-transition ul.transition-menu .section-link a, #primaryNav.in-transition ul.transition-menu > li .section-link a { padding: 1.4em 3% 1.4em 3% !important; } #primaryNav.submenu ul { padding: 0; } #primaryNav.submenu ul > li { display: none; } #primaryNav.submenu ul > li.parent-active { display: block; } #primaryNav.submenu ul > li.parent-active > a { display: none; } #primaryNav.submenu ul, #primaryNav.submenu ul.active > li, #primaryNav.submenu ul.transition-menu, #primaryNav.submenu ul.transition-menu > li { display: block; } #primaryNav.submenu ul a, #primaryNav.submenu ul.active > li a, #primaryNav.submenu ul.transition-menu a, #primaryNav.submenu ul.transition-menu > li a { border-bottom: 1px solid #f8a385; font-weight: normal; padding-left: 9%; text-align: left; } #primaryNav.submenu ul .section-link a, #primaryNav.submenu ul.active > li .section-link a, #primaryNav.submenu ul.transition-menu .section-link a, #primaryNav.submenu ul.transition-menu > li .section-link a { padding: 1.4em 3% 1.4em 3% !important; } #primaryNav a.back { padding-left: 2.2em !important; padding: 1.4em 0 1.4em 2.2em !important; } #primaryNav a.back span { right: auto; left: .5em; } } body { position: relative; } body #contentMask { display: none; position: absolute; width: 100%; height: 100%; background-color: #fff; bottom: 0; top: 0; z-index: 1000; } @media (max-width: 48em) { body.mask-content #contentMask { display: block; } } @media (min-width: 48.0625em) { #mobileToolbar { display: none; } } .active #mobileToolbar { margin: 0; overflow: hidden; height: 64px; z-index: 100; overflow: hidden; padding: 0 40px 0 10px; width: 100%; } .active #mobileToolbar #searchBox { border: none; font-family: arial, sans-serif; text-align: left; margin: 11px 10px 0 0; /* input[type=search]{ border:none; padding:3px 5px; max-width:65%; display:inline-block; } input[type=submit]{ text-align:center; max-width:26%; display:inline-block; display:none; }*/ } .active #mobileToolbar #countrySelector { margin-right: 0; position: absolute; right: 10px; top: 17px; } /* Mobile Country Selector */ #mobileCountrySelector { background-color: #fff; display: none; overflow: hidden; } #mobileCountrySelector .countries ul { border-bottom: 1px solid #D5D1CE; } #mobileCountrySelector .countries ul + ul { border-bottom: 0; } #mobileCountrySelector .sprite-small { left: 10px; position: relative; top: 31px; z-index: 1; } #mobileCountrySelector .sprite { position: absolute; left: 10px; top: 13px; z-index: 1; } .country-selector #mobileCountrySelector { display: block; } @media (min-width: 48.0625em) { .country-selector #mobileCountrySelector { display: none; } } #mobileCountrySelector h3 { color: #f6ab00; font-weight: normal; margin: .5em .5em .5em .85em; } #mobileCountrySelector .global-link { display: none; } #mobileCountrySelector .regions > ul { border-top: 1px solid #D5D1CE; margin-bottom: -4px; padding: 0; } #mobileCountrySelector .regions > ul > li { display: block; } #mobileCountrySelector .regions > ul > li li { position: relative; } #mobileCountrySelector .regions > ul > li img { left: 1.6em; position: absolute; top: 21px; z-index: 10; } #mobileCountrySelector .regions > ul > li:last-child { border-bottom: 1px solid #D5D1CE !important; } #mobileCountrySelector .regions > ul > li a { border-bottom: 1px solid #D5D1CE !important; color: #5c5551 !important; font-family: arial, sans-serif; } #mobileCountrySelector .regions > ul > li .region { display: none; } #mobileCountrySelector .regions > ul > li .region a { background-color: #F0EFED; padding-left: 4.2em; } #mobileCountrySelector .regions > ul > li .region a:not([href*="//www.soho-yiming.com/"]):after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e63d"; font-size: 12px; padding-left: 5px; } #mobileCountrySelector .regions > ul > li > a:after { content: '\e61e'; font-family: 'icomoon'; position: absolute; right: 1em; } #mobileCountrySelector .regions > ul > li.toggle > a { color: #f6ab00 !important; font-family: arial, sans-serif; font-weight: bold; } #mobileCountrySelector .regions > ul > li.toggle > a:after { content: '\e61d'; } #mobileCountrySelector .regions > ul > li.toggle li, #mobileCountrySelector .regions > ul > li.toggle .region { display: block; } #mobileCountrySelector .regions > ul > li.toggle span.sprite-small { position: absolute; top: 21px; } #mobileCountrySelector .regions > ul > li ul { padding: 0; } /* Mega Nav */ #primaryNav #primaryNavMenu > li:hover .mega-nav { display: block; } @media (max-width: 48em) { #primaryNav #primaryNavMenu > li:hover .mega-nav { display: none; } } #primaryNav .mega-nav { background-color: #FFFFFF; background-size: cover; border-top: 10px solid #fff; -webkit-box-shadow: 0px 4px 2px -2px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 4px 2px -2px rgba(50, 50, 50, 0.25); box-shadow: 0px 4px 2px -2px rgba(50, 50, 50, 0.25); display: none; left: 0; position: absolute; width: 100%; } #primaryNav .mega-nav a:hover:after { display: none; } @media (max-width: 66.25em) { #primaryNav .mega-nav { font-size: .9em; } } @media (max-width: 53.75em) { #primaryNav .mega-nav { font-size: 1.1em; } } #primaryNav .mega-nav .featured-nav { border: 7px solid rgba(0, 0, 0, 0.2); /* border-left: 7px solid rgba(0,0,0,0.2); border-right: 7px solid rgba(0,0,0,0.2); border-top: 7px solid rgba(0,0,0,0.2);*/ overflow: hidden; padding-bottom: 10px; } #primaryNav .mega-nav .featured-nav ul { display: block !important; padding: 0; margin-top: -1px; } #primaryNav .mega-nav .featured-nav ul li { background-image: none; border-top: 4px solid #F0EFED; display: block; float: left; width: 29%; margin: 0 2%; } #primaryNav .mega-nav .featured-nav ul li:first-child, #primaryNav .mega-nav .featured-nav ul li:first-child + li, #primaryNav .mega-nav .featured-nav ul li:first-child + li + li { border-top: 0; } #primaryNav .mega-nav .featured-nav ul li:nth-child(3n + 1) { clear: left; } #primaryNav .mega-nav .featured-nav ul li a { color: #5c5551 !important; padding: 0; text-align: left; } #primaryNav .mega-nav .featured-nav ul li a:hover:after { display: none; } #primaryNav .mega-nav .featured-nav ul li a:hover h3 { text-decoration: underline; } #primaryNav .mega-nav .featured-nav ul li a h3 { color: #f6ab00; font-family: arial, sans-serif; font-size: 1em; font-weight: normal; margin-bottom: 0.5em; padding-bottom: 0; } #primaryNav .mega-nav .featured-nav ul li a p { line-height: 1.3em; color: #878280; font-size: 0.8em; margin-top: 0.5em; } #primaryNav .mega-nav.with-promo .featured-nav { border-bottom: none; } #primaryNav .promo-slot { background-color: #f4f4f2; border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid rgba(0, 0, 0, 0.2); border-right: 7px solid rgba(0, 0, 0, 0.2); clear: both; } #primaryNav .promo-slot a { display: block; overflow: hidden; padding: 25px 25px; text-align: left; } #primaryNav .promo-slot a:hover h3 { text-decoration: underline; } #primaryNav .promo-slot a h3 { font-weight: normal; margin: 0 0 .2em 0; } #primaryNav .promo-slot a .button p { font-size: .8em; margin: 0; max-width: 65%; } #primaryNav .promo-slot a .promo-slot-content { float: left; width: 75%; } #primaryNav .promo-slot a h3 { color: #5c5551; font-family: arial, sans-serif; font-weight: bold; margin-bottom: -10px; } #primaryNav .promo-slot a p { color: #878280; font-size: 0.8em; } #primaryNav .promo-slot a img { float: left; margin-right: 20px; } .hover-intent #primaryNav #primaryNavMenu > li:hover .mega-nav { display: none; } .hover-intent #primaryNav > ul li.hasMegaNav > a:hover:after, .hover-intent #primaryNav > ul li.hasMegaNav.current > a:after { display: none; } .hover-intent #primaryNav > ul li.hasMegaNav.show-meganav > a:hover:after, .hover-intent #primaryNav > ul li.hasMegaNav.show-meganav.current > a:after { display: block; } .hover-intent #primaryNav #primaryNavMenu > li.show-meganav:hover .mega-nav { display: block; } .touch .mega-nav { display: none !important; } .touch #primaryNav > ul li.hasMegaNav > a:hover:after, .touch #primaryNav > ul li.hasMegaNav.current > a:after { display: none !important; } @media (max-width: 48em) { .mega-nav { display: none !important; } #primaryNav > ul li.hasMegaNav > a:hover:after, #primaryNav > ul li.hasMegaNav.current > a:after { display: none !important; } } #wrapper.left-column #leftCol { float: left; margin: 0 1.25em 20px 0; width: 13.5em; } @media (max-width: 48em) { #wrapper.left-column #leftCol { display: none; } } #wrapper.left-column #leftCol nav > ul { padding: 0 0 0 2px; } #wrapper.left-column #leftCol nav > ul > li > a { font-family: arial, sans-serif; font-size: 1.3em; font-weight: bold; } #wrapper.left-column #leftCol nav > ul li.current > a { color: #f6ab00; } #wrapper.left-column #leftCol nav > ul ul ul { border-bottom: 1px solid #dcdcdc; font-size: .85em; } #wrapper.left-column #leftCol nav > ul ul ul li a { background-color: #F0EFED; border-bottom: 1px solid #fff; padding: .4em 4px .4em 8px; } #wrapper.left-column #leftCol nav > ul ul ul li a:hover { /* font-size:1.3em; padding:.39em 4px;*/ } #wrapper.left-column #leftCol nav > ul ul ul li:last-child a { border-bottom: none; } #wrapper.left-column #leftCol ul { list-style: none; margin: 0; padding: 0; } #wrapper.left-column #leftCol a { border-bottom: 1px solid #D5D1CE; color: #5c5551; display: block; font-size: 1em; padding: .6em 4px; text-decoration: none; word-wrap: break-word; } #wrapper.left-column #leftCol a:hover { color: #f6ab00; } #breadcrumb ul { list-style: none; margin: 0; overflow: hidden; padding: 1em 0 .75em 0; } @media (max-width: 48em) { #breadcrumb ul { padding: .95em 10px; } } #breadcrumb ul li { float: left; color: #5c5551; margin-top: 3px; white-space: nowrap; } #breadcrumb ul li:after { color: #f6ab00; content: '\e604'; font-family: 'icomoon'; font-size: .8em; margin: 0 .7em; } #breadcrumb ul li:last-child:after { content: ''; } #breadcrumb ul li a { color: #5c5551; text-decoration: none; font-family: arial, sans-serif; font-weight: bold; } #breadcrumb ul li a:hover { color: #f6ab00; } #breadcrumb ul li:first-child a { font-family: 'icomoon'; } @media (max-width: 48em) { #breadcrumb { display: none; } } #languageSelector.mobile-language-selector { font-size: .95em; position: absolute; right: 80px; top: 12px; } @media (min-width: 48.0625em) { #languageSelector.mobile-language-selector { display: none; } } @media (min-width: 40em) { #languageSelector.mobile-language-selector { right: 110px; top: 27px; } } @media (max-width: 48.0625em) { #homeModules { margin-top: -10px; } } #homeModules, .storyboard { /* Generic home module styles */ /* Home module specific styling */ /* Multi-line semi-transparent fancy links */ /* Susy layout for home supporting modules */ /* Set correct bottom margins */ /* Hide main support for tablet mobile until shifted */ /* Susy layout for main home modules */ /* Susy layout for home supporting modules */ /* Susy layout for main storyboard modules */ /* Susy layout for home supporting modules */ /* Susy layout for main storyboard modules */ /* Set correct bottom margins */ /* End generic home module styling */ /* Hero module */ /* Hero main supporting module */ /* Hero support modules */ } #homeModules article, .storyboard article { padding: 0 0 56.25% 0; position: relative; } #homeModules article img, .storyboard article img { position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; width: 100%; } #homeModules .hero h2, .storyboard .hero h2 { position: absolute; } #homeModules .hero.full-click h2, .storyboard .hero.full-click h2 { bottom: 2px; font-weight: normal; left: 10px; position: absolute; margin: 0; max-width: 75%; padding: 0; z-index: 10; } @supports (-webkit-appearance: none) { #homeModules .hero.full-click h2, .storyboard .her .full-click h2 { bottom: 1px; } } .lt-ie9 #homeModules .hero.full-click h2, .lt-ie9 .storyboard .hero.full-click h2 { background: url("../images/black-tint-70.png"); left: 0px; max-width: 100%; padding: 0 10px; } #homeModules .hero.full-click h2 a, .storyboard .hero.full-click h2 a { -webkit-box-shadow: 10px 0 0 rgba(46, 42, 39, 0.7), -10px 0 0 rgba(46, 42, 39, 0.7); -moz-box-shadow: 10px 0 0 rgba(46, 42, 39, 0.7), -10px 0 0 rgba(46, 42, 39, 0.7); box-shadow: 10px 0 0 rgba(46, 42, 39, 0.7), -10px 0 0 rgba(46, 42, 39, 0.7); background-color: rgba(46, 42, 39, 0.7); color: #fff; padding: 0; text-decoration: none; box-decoration-break: clone; padding: 0 0 5px; } #homeModules .hero.full-click h2 a:after, .storyboard .hero.full-click h2 a:after { -webkit-box-shadow: rgba(46, 42, 39, 0.7) 0 0 0 0; -moz-box-shadow: rgba(46, 42, 39, 0.7) 0 0 0 0; box-shadow: rgba(46, 42, 39, 0.7) 0 0 0 0; background-color: #f6ab00; bottom: -2px; color: #fff; content: '\e604'; display: inline-block; font-family: 'icomoon'; font-size: 0.58em; height: 1em; margin-left: 10px; padding: 0.6em; position: absolute; } @supports (-webkit-appearance: none) { #homeModules .hero.full-click h2 a:after, .storyboard .hero.full-click h2 a:after { bottom: -1px; font-size: 0.56em; } } @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { #homeModules .hero.full-click h2 a:after, .storyboard .hero.full-click h2 a:after { font-size: 0.65em; bottom: -2px; } } @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { #homeModules .hero.full-click h2 a:after, .storyboard .hero.full-click h2 a:after { font-size: 0.635em; bottom: -2px; } } @media only screen and (max-width: 720px) and (max-device-width: 720px) and (orientation: portrait) { #homeModules .hero.full-click h2 a:after, .storyboard .hero.full-click h2 a:after { font-size: 0.58em; } } #homeModules .hero-support h2, .storyboard .hero-support h2 { bottom: -1px; font-weight: normal; left: 10px; position: absolute; margin: 0; max-width: 75%; padding: 0; z-index: 10; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #homeModules .hero-support h2, .storyboard .hero-support h2 { bottom: 0px; } } .lt-ie9 #homeModules .hero-support h2, .lt-ie9 .storyboard .hero-support h2 { background: url("../images/black-tint-70.png"); left: 0px; max-width: 100%; padding: 0 10px; } #homeModules .hero-support h2 a, .storyboard .hero-support h2 a { -webkit-box-shadow: 10px 0 0 rgba(46, 42, 39, 0.7), -10px 0 0 rgba(46, 42, 39, 0.7); -moz-box-shadow: 10px 0 0 rgba(46, 42, 39, 0.7), -10px 0 0 rgba(46, 42, 39, 0.7); box-shadow: 10px 0 0 rgba(46, 42, 39, 0.7), -10px 0 0 rgba(46, 42, 39, 0.7); background-color: rgba(46, 42, 39, 0.7); color: #fff; padding: 0 0 1px; text-decoration: none; box-decoration-break: clone; } #homeModules .hero-support h2 a:after, .storyboard .hero-support h2 a:after { -webkit-box-shadow: rgba(46, 42, 39, 0.7) 0 0 0 0; -moz-box-shadow: rgba(46, 42, 39, 0.7) 0 0 0 0; box-shadow: rgba(46, 42, 39, 0.7) 0 0 0 0; background-color: #f6ab00; bottom: 0px; color: #fff; content: '\e604'; display: inline-block; font-family: 'icomoon'; font-size: 0.53em; height: 1em; margin-left: 10px; padding: 0.6em; position: absolute; width: 1em; } #homeModules .hero-support h2 a:after .selector:not(*:root), .storyboard .hero-support h2 a:after .selector:not(*:root) { bottom: 1px; font-size: 0.52em; } @media only screen and (-webkit-min-device-pixel-ratio: 2) { #homeModules .hero-support h2 a:after, .storyboard .hero-support h2 a:after { bottom: 1px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #homeModules .hero-support h2 a:after, .storyboard .hero-support h2 a:after { font-size: 0.555em; bottom: 0px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #homeModules .hero-support h2 a:after, .storyboard .hero-support h2 a:after { font-size: 0.56em; bottom: 0px; } } @media only screen and (-webkit-min-device-pixel-ratio: 3) { #homeModules .hero-support h2 a:after, .storyboard .hero-support h2 a:after { padding: 0.5em 0.6em 0.6em 0.6em; } } @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { #homeModules .hero-support h2 a:after, .storyboard .hero-support h2 a:after { font-size: 0.56em; bottom: 1px; } } @media only screen and (max-width: 720px) and (max-device-width: 720px) { #homeModules .hero-support h2 a:after, .storyboard .hero-support h2 a:after { font-size: 0.55em; } } @media (max-width: 26.25em) { #homeModules .hero-support h2 a:after, .storyboard .hero-support h2 a:after { width: 1em; height: 1em; } } @media (max-width: 20em) { #homeModules .hero-support h2 a:after, .storyboard .hero-support h2 a:after { width: .9em; height: .9em; } } #homeModules .home-takeover article, .storyboard .home-takeover article { padding-bottom: 44.444% !important; } #homeModules .home-supporting, .storyboard .home-supporting { width: 39.2771084337%; float: right; margin-right: 0; left: -1.25em; display: inline; overflow: hidden; } @media (max-width: 59em) { #homeModules .home-supporting, .storyboard .home-supporting { width: 100%; float: left; margin-right: 2.024291498%; display: inline; margin-bottom: 2.024291498%; } } #homeModules .home-supporting article, .storyboard .home-supporting article { margin-bottom: 3.0674846626%; } @media (max-width: 59em) { #homeModules .home-supporting article, .storyboard .home-supporting article { width: 48.987854251%; float: left; margin-right: 2.024291498%; display: inline; float: left; padding-bottom: 28.125%; } #homeModules .home-supporting article:nth-child(2n), .storyboard .home-supporting article:nth-child(2n) { float: right; margin-right: 0; /*left: -1.25em;*/ display: inline; } } #homeModules .home-supporting article:last-child, .storyboard .home-supporting article:last-child { margin-bottom: 0 !important; } #homeModules article.hero-video, .storyboard article.hero-video { padding-bottom: 0; } #homeModules article.hero, #homeModules article.hero-main-support, .storyboard article.hero, .storyboard article.hero-main-support { margin-bottom: 2.024291498%; } #homeModules article.hero:last-child, #homeModules article.hero-main-support:last-child, .storyboard article.hero:last-child, .storyboard article.hero-main-support:last-child { margin-bottom: 0; } @media (max-width: 40em) { #homeModules article.hero:last-child, #homeModules article.hero-main-support:last-child, .storyboard article.hero:last-child, .storyboard article.hero-main-support:last-child { margin-bottom: 5px; } } @media (max-width: 59em) { #homeModules article.hero, .storyboard article.hero { margin-bottom: 0 !important; } } @media (max-width: 59em) { #homeModules article.hero-main-support, .storyboard article.hero-main-support { display: none; } } @media (max-width: 59em) { #homeModules .shifted-content article.hero-main-support, .storyboard .shifted-content article.hero-main-support { display: block; } } @media (max-width: 40em) { #homeModules article.hero, .storyboard article.hero { margin-bottom: 0 !important; } } #homeModules .shifted-content, .storyboard .shifted-content { clear: both; margin-bottom: 23px; } #homeModules .home-main, .storyboard .home-main { width: 59.5180722892%; float: left; margin-right: 1.2048192771%; display: inline; margin-bottom: 43px; } @media (max-width: 59em) { #homeModules .home-main, .storyboard .home-main { width: 100%; float: left; margin-right: 1.2048192771%; display: inline; margin-bottom: 2.024291498%; } } @media (max-width: 40em) { #homeModules .home-main, .storyboard .home-main { margin-bottom: 5px; } } #homeModules .storyboard-supporting, .storyboard .storyboard-supporting { width: 39.2771084337%; float: right; margin-right: 0; left: -1.25em; display: inline; } @media (max-width: 72.8125em) { #homeModules .storyboard-supporting, .storyboard .storyboard-supporting { width: 100%; float: left; margin-right: 2.024291498%; display: inline; margin-bottom: 2.024291498%; } } @media (max-width: 40em) { #homeModules .storyboard-supporting, .storyboard .storyboard-supporting { margin-bottom: 5px; } } #homeModules .storyboard-supporting article, .storyboard .storyboard-supporting article { margin-bottom: 3.0674846626%; } @media (max-width: 72.8125em) { #homeModules .storyboard-supporting article, .storyboard .storyboard-supporting article { width: 48.987854251%; float: left; margin-right: 2.024291498%; display: inline; float: left; margin-bottom: 0; } #homeModules .storyboard-supporting article:nth-child(2n), .storyboard .storyboard-supporting article:nth-child(2n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } #homeModules .storyboard-main, .storyboard .storyboard-main { width: 59.5180722892%; float: left; margin-right: 1.2048192771%; display: inline; } @media (max-width: 72.8125em) { #homeModules .storyboard-main, .storyboard .storyboard-main { width: 100%; float: left; margin-right: 1.2048192771%; display: inline; } } #homeModules .storyboard-supporting-left, .storyboard .storyboard-supporting-left { width: 39.2771084337%; float: left; margin-right: 1.2048192771%; display: inline; } @media (max-width: 72.8125em) { #homeModules .storyboard-supporting-left, .storyboard .storyboard-supporting-left { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } } @media (max-width: 72.8125em) { #homeModules .storyboard-supporting-left article, .storyboard .storyboard-supporting-left article { width: 48.987854251%; float: left; margin-right: 2.024291498%; display: inline; float: left; } #homeModules .storyboard-supporting-left article:nth-child(2n), .storyboard .storyboard-supporting-left article:nth-child(2n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } #homeModules .storyboard-supporting-left article:last-child, .storyboard .storyboard-supporting-left article:last-child { margin-bottom: 0 !important; } #homeModules .storyboard-main-right, .storyboard .storyboard-main-right { width: 59.5180722892%; float: right; margin-right: 0; left: -1.25em; display: inline; } @media (max-width: 72.8125em) { #homeModules .storyboard-main-right, .storyboard .storyboard-main-right { width: 100%; float: left; margin-right: 1.2048192771%; display: inline; } } #homeModules article.hero, #homeModules article.hero-main-support, .storyboard article.hero, .storyboard article.hero-main-support { margin-bottom: 2.024291498%; overflow: hidden; } #homeModules article.hero:last-child, #homeModules article.hero-main-support:last-child, .storyboard article.hero:last-child, .storyboard article.hero-main-support:last-child { margin-bottom: 0; } @media (max-width: 40em) { #homeModules article.hero:last-child, #homeModules article.hero-main-support:last-child, .storyboard article.hero:last-child, .storyboard article.hero-main-support:last-child { margin-bottom: 2.024291498%; } } #homeModules .shifted-content, .storyboard .shifted-content { margin-bottom: 23px; } #homeModules .hero.full-height, .storyboard .hero.full-height { background-size: cover; background-position: center; padding-bottom: 76.65%; } @media (max-width: 72.8125em) { #homeModules .hero.full-height, .storyboard .hero.full-height { padding-bottom: 45.65%; } } #homeModules .hero h2, .storyboard .hero h2 { font-size: 2.4em; line-height: 1.322;} #homeModules .hero h2.lines-three, .storyboard .hero h2.lines-three { font-size: 1.8em; max-width: 87%; } @media (max-width: 36.25em) { #homeModules .hero h2, .storyboard .hero h2 { font-size: 1.8em; } #homeModules .hero h2.lines-three, .storyboard .hero h2.lines-three { font-size: 1.4em; } } @media (max-width: 26.25em) { #homeModules .hero h2, .storyboard .hero h2 { font-size: 1.4em; line-height: 1.35; max-width: 75%; } #homeModules .hero h2.lines-three, .storyboard .hero h2.lines-three { font-size: 1.2em; } } @media (max-width: 20em) { #homeModules .hero h2, .storyboard .hero h2 { font-size: 1.2em; } #homeModules .hero h2.lines-three, .storyboard .hero h2.lines-three { font-size: 1.0em; } } #homeModules .hero img, .storyboard .hero img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; max-width: none !important; } #homeModules .hero-main-support-link:hover, .storyboard .hero-main-support-link:hover { background: rgba(0, 0, 0, 0.2); display: block; text-decoration: none; } #homeModules .hero-main-support, .storyboard .hero-main-support { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background-color: #D5D1CE; height: 0; margin-bottom: 0; padding-bottom: 18.2%; text-align: left; } @media (max-width: 59em) { #homeModules .hero-main-support, .storyboard .hero-main-support { clear: both; padding-bottom: 2.5em; height: auto; } } @media (max-width: 30em) { #homeModules .hero-main-support, .storyboard .hero-main-support { padding-bottom: 0; } } #homeModules .hero-main-support:hover p.read-more, .storyboard .hero-main-support:hover p.read-more { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAIAAADAusJtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDMxMEJBNDFERjYzMTFFM0FCQ0NEQUY3MTNFOUEyQzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDMxMEJBNDJERjYzMTFFM0FCQ0NEQUY3MTNFOUEyQzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMzEwQkEzRkRGNjMxMUUzQUJDQ0RBRjcxM0U5QTJDMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMzEwQkE0MERGNjMxMUUzQUJDQ0RBRjcxM0U5QTJDMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrzWTIsAAAAUSURBVHjaYsjNzWViYGCAYYAAAwASIgFOh1P58QAAAABJRU5ErkJggg==) center center repeat-x; } #homeModules .hero-main-support:hover p.read-more a, .storyboard .hero-main-support:hover p.read-more a { color: #222; } #homeModules .hero-main-support p.read-more, .storyboard .hero-main-support p.read-more { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAIAAADAusJtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiWL1oHhMDAwMMAwQYABsnAfINAvn+AAAAAElFTkSuQmCC") center center repeat-x; bottom: .6em; font-family: arial, sans-serif; font-size: 1.2em; font-weight: normal; left: 0; margin: 1.5em 15px 0 15px; padding: 0; position: absolute; right: 0; z-index: 20; } @media (max-width: 30em) { #homeModules .hero-main-support p.read-more, .storyboard .hero-main-support p.read-more { margin: 1.5em 5px 0 5px; position: relative; } } @media (max-width: 80em) { #homeModules .hero-main-support p.read-more, .storyboard .hero-main-support p.read-more { font-size: 1.1em; } } @media (max-width: 66.25em) { #homeModules .hero-main-support p.read-more, .storyboard .hero-main-support p.read-more { font-size: 1em; } } @media (max-width: 59em) { #homeModules .hero-main-support p.read-more, .storyboard .hero-main-support p.read-more { font-size: 1.2em; } } #homeModules .hero-main-support p.read-more a, #homeModules .hero-main-support p.read-more span, .storyboard .hero-main-support p.read-more a, .storyboard .hero-main-support p.read-more span { background-color: #D5D1CE; color: #5c5551; display: inline-block; float: right; margin: 0 auto; padding: 0 15px 0 10px; position: relative; text-decoration: none; top: -2px; z-index: 100; } @media (max-width: 30em) { #homeModules .hero-main-support p.read-more a, #homeModules .hero-main-support p.read-more span, .storyboard .hero-main-support p.read-more a, .storyboard .hero-main-support p.read-more span { float: left; } } #homeModules .hero-main-support p, .storyboard .hero-main-support p { color: #5c5551; font-family: georgia,"Microsoft YaHei", serif; font-size: 1.6em; line-height: 1.4em; padding: 2.5% 15px 0; margin: 0 0 3% 0; } #homeModules .hero-main-support p.lines-three, .storyboard .hero-main-support p.lines-three { font-size: 1.4em; line-height: 1.2em; padding: 1.5% 20px 0; } @media (max-width: 80em) { #homeModules .hero-main-support p, .storyboard .hero-main-support p { font-size: 1.4em; } #homeModules .hero-main-support p.lines-three, .storyboard .hero-main-support p.lines-three { font-size: 1.2em; } } @media (max-width: 72.8125em) { #homeModules .hero-main-support p, .storyboard .hero-main-support p { font-size: 1.3em; } #homeModules .hero-main-support p.lines-three, .storyboard .hero-main-support p.lines-three { font-size: 1.1em; } } @media (max-width: 66.25em) { #homeModules .hero-main-support p, .storyboard .hero-main-support p { font-size: 1.2em; line-height: 1.2em; } } @media (max-width: 59em) { #homeModules .hero-main-support p, .storyboard .hero-main-support p { font-size: 1.6em; line-height: 1.4em; } } @media (max-width: 48em) { #homeModules .hero-main-support p, .storyboard .hero-main-support p { font-size: 1.5em; line-height: 1.3em; } } @media (max-width: 30em) { #homeModules .hero-main-support p, .storyboard .hero-main-support p { font-size: 1.2em; line-height: 1.2em; } } @media (max-width: 20em) { #homeModules .hero-main-support p, .storyboard .hero-main-support p { font-size: 1.1em; } #homeModules .hero-main-support p.lines-three, .storyboard .hero-main-support p.lines-three { font-size: 0.9em; } } #homeModules .hero-support, .storyboard .hero-support { background-color: transparent; /* With photo option - Image aspect ratio of 16:9 determines height */ /* No photo option - Height based on a percentage padding - Text is absolutely positioned for desktop res */ /* No top on h2 for when there is no subtitle */ /* Colour option for the background of the box */ } @media (max-width: 59em) { #homeModules .hero-support, .storyboard .hero-support { margin-bottom: 0 !important; } } @media (max-width: 47.9375em) { #homeModules .hero-support.full-click:hover .read-more a:before, .storyboard .hero-support.full-click:hover .read-more a:before { background: transparent !important; } } @media (max-width: 40em) { #homeModules .hero-support, .storyboard .hero-support { margin-bottom: 5px !important; overflow: hidden; width: 100% !important; } #homeModules .hero-support img, .storyboard .hero-support img { position: static; } } #homeModules .hero-support h2, .storyboard .hero-support h2 { font-size: 1.7em; } @media (max-width: 40em) { #homeModules .hero-support h2, .storyboard .hero-support h2 { font-size: 1.4em; } } #homeModules .hero-support h2 a:after, .storyboard .hero-support h2 a:after { height: 1em; width: 1em; } @media (max-width: 48em) { #homeModules .hero-support.with-photo h2, .storyboard .hero-support.with-photo h2 { font-size: 1.5em; } } @media (max-width: 30em) { #homeModules .hero-support.with-photo h2, .storyboard .hero-support.with-photo h2 { font-size: 1.4em; } } @media (max-width: 40em) { #homeModules .hero-support.with-photo, .storyboard .hero-support.with-photo { padding: 0 !important; } } @media (max-width: 26.25em) { #homeModules .hero-support.with-photo h2, .storyboard .hero-support.with-photo h2 { max-width: 90%; } #homeModules .hero-support.with-photo img, .storyboard .hero-support.with-photo img { width: 100%; } } #homeModules .hero-support.no-photo, .storyboard .hero-support.no-photo { padding-bottom: 56.25%; position: relative; } @media (max-width: 59em) { #homeModules .hero-support.no-photo, .storyboard .hero-support.no-photo { padding-bottom: 28.125%; } } @media (max-width: 40em) { #homeModules .hero-support.no-photo, .storyboard .hero-support.no-photo { padding-bottom: 28.125%; } } #homeModules .hero-support.no-photo p, .storyboard .hero-support.no-photo p { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; color: #fff; font-family: arial, sans-serif; font-size: 1.2em; left: 15px; margin: 0 0 .5em 0; position: absolute; top: 15px; font-weight: bold; } @media (max-width: 66.25em) { #homeModules .hero-support.no-photo p, .storyboard .hero-support.no-photo p { font-size: 1.1em; } } @media (max-width: 48em) { #homeModules .hero-support.no-photo p, .storyboard .hero-support.no-photo p { font-size: 1em; } } @media (max-width: 40em) { #homeModules .hero-support.no-photo p, .storyboard .hero-support.no-photo p { font-size: 1.1em; } } #homeModules .hero-support.no-photo p.read-more, .storyboard .hero-support.no-photo p.read-more { bottom: 15px; display: block; left: 0; margin-bottom: 0; padding-right: 15px; text-align: right; top: auto; width: 100%; z-index: 20; } @media (max-width: 48em) { #homeModules .hero-support.no-photo p.read-more, .storyboard .hero-support.no-photo p.read-more { display: none; } } @media (max-width: 40em) { #homeModules .hero-support.no-photo p.read-more, .storyboard .hero-support.no-photo p.read-more { display: block; } } #homeModules .hero-support.no-photo p.read-more a, .storyboard .hero-support.no-photo p.read-more a { color: #fff; display: inline-block; padding: 0 0 0 15px; position: relative; z-index: 10; font-weight: bold; } .lt-ie9 #homeModules .hero-support.no-photo p.read-more a, .lt-ie9 .storyboard .hero-support.no-photo p.read-more a { color: #bad5dc; } #homeModules .hero-support.no-photo p.read-more:before, .storyboard .hero-support.no-photo p.read-more:before { border-bottom: 4px solid rgba(255, 255, 255, 0.7); bottom: -.7em; content: ''; display: block; margin-left: 15px; margin-right: 2px; position: relative; } .lt-ie9 #homeModules .hero-support.no-photo p.read-more:before, .lt-ie9 .storyboard .hero-support.no-photo p.read-more:before { border-bottom: 4px solid #bad5dc; } @media (max-width: 40em) { #homeModules .hero-support.no-photo p.read-more:before, .storyboard .hero-support.no-photo p.read-more:before { margin-left: 0; } } #homeModules .hero-support.no-photo h2, .storyboard .hero-support.no-photo h2 { left: 15px; margin-bottom: .5em; max-width: 100%; min-height: 75px; padding-right: 28%; top: 2.5em; } .lt-ie9 #homeModules .hero-support.no-photo h2, .lt-ie9 .storyboard .hero-support.no-photo h2 { background: none; padding: 0 20% 0 0; } @media (max-width: 80em) { #homeModules .hero-support.no-photo h2, .storyboard .hero-support.no-photo h2 { font-size: 1.3em; } } @media (max-width: 66.25em) { #homeModules .hero-support.no-photo h2, .storyboard .hero-support.no-photo h2 { font-size: 1.2em; top: 2.2em; } } @media (max-width: 60em) { #homeModules .hero-support.no-photo h2, .storyboard .hero-support.no-photo h2 { font-size: 1.1em; } } @media (max-width: 59em) { #homeModules .hero-support.no-photo h2, .storyboard .hero-support.no-photo h2 { font-size: 1.2em; padding-right: 28%; } } @media (max-width: 53.75em) { #homeModules .hero-support.no-photo h2, .storyboard .hero-support.no-photo h2 { font-size: 1.2em; } } @media (max-width: 48em) { #homeModules .hero-support.no-photo h2, .storyboard .hero-support.no-photo h2 { font-size: 1.1em; top: 2.25em; } } @media (max-width: 40em) { #homeModules .hero-support.no-photo h2, .storyboard .hero-support.no-photo h2 { font-size: 1.2em; } } #homeModules .hero-support.no-photo h2 a, .storyboard .hero-support.no-photo h2 a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: transparent; } .lt-ie9 #homeModules .hero-support.no-photo h2 a, .lt-ie9 .storyboard .hero-support.no-photo h2 a { background: none !important; } #homeModules .hero-support.no-photo h2 a:after, .storyboard .hero-support.no-photo h2 a:after { content: ''; display: none; } @media (max-width: 40em) { #homeModules .hero-support.no-photo, .storyboard .hero-support.no-photo { padding: 15px; } #homeModules .hero-support.no-photo h2, #homeModules .hero-support.no-photo p, #homeModules .hero-support.no-photo p.read-more, .storyboard .hero-support.no-photo h2, .storyboard .hero-support.no-photo p, .storyboard .hero-support.no-photo p.read-more { position: static; } } @media (max-width: 72.8125em) { #homeModules .hero-support.no-subtitle, .storyboard .hero-support.no-subtitle { padding-bottom: 28.125%; } } #homeModules .hero-support.no-subtitle h2, .storyboard .hero-support.no-subtitle h2 { top: 1em; } #homeModules .hero-support.teal, .storyboard .hero-support.teal { background-color: #007F90; } #homeModules .hero-support.teal .read-more a, .storyboard .hero-support.teal .read-more a { background-color: #007F90; } #homeModules .hero-support.teal:hover .read-more a:before, .storyboard .hero-support.teal:hover .read-more a:before { background: transparent; } #homeModules .hero-support.purple, .storyboard .hero-support.purple { background-color: #BC1077; } #homeModules .hero-support.purple .read-more a, .storyboard .hero-support.purple .read-more a { background-color: #BC1077; } #homeModules .hero-support.purple:hover .read-more a:before, .storyboard .hero-support.purple:hover .read-more a:before { background: transparent; } #homeModules .hero-support.green, .storyboard .hero-support.green { background-color: #54A41C; } #homeModules .hero-support.green .read-more a, .storyboard .hero-support.green .read-more a { background-color: #54A41C; } #homeModules .hero-support.green:hover .read-more a:before, .storyboard .hero-support.green:hover .read-more a:before { background: transparent; } #homeModules .hero-support.red, .storyboard .hero-support.red { background-color: #E82A10; } #homeModules .hero-support.red .read-more a, .storyboard .hero-support.red .read-more a { background-color: #E82A10; } #homeModules .hero-support.red:hover .read-more a:before, .storyboard .hero-support.red:hover .read-more a:before { background: transparent; } #homeModules .hero-support.blue, .storyboard .hero-support.blue { background-color: #0065B2; } #homeModules .hero-support.blue .read-more a, .storyboard .hero-support.blue .read-more a { background-color: #0065B2; } #homeModules .hero-support.blue:hover .read-more a:before, .storyboard .hero-support.blue:hover .read-more a:before { background: transparent; } #homeModules .hero-support img.background-icon, .storyboard .hero-support img.background-icon { bottom: auto; height: auto; left: auto; position: absolute; max-height: 60%; max-width: 35%; right: 20px; top: 20px; width: auto; z-index: 1; } .storyboard.row .col { margin-bottom: 0; } @media (max-width: 80em) { .storyboard.row .col { margin-bottom: 0; } } @media (max-width: 72.8125em) { .storyboard.row .col { margin-bottom: 1.002004008%; } } @media (min-width: 59.0625em) { #homeModules .home-supporting.spr-taller article:last-child { padding-bottom: 56.05% !important; } } @media (min-width: 59.0625em) { #homeModules .home-supporting.spr-smaller article:last-child { padding-bottom: 56.55% !important; } } .hero-media { float: left; padding: 18px; background-color: #F0EFED; border: 1px solid #E7E2DE; margin-bottom: 2.024291498%; width: 100%; } @media (max-width: 30em) { .hero-media { padding: 10px; } } .hero-media > aside .module { margin: 0 0 1.5em; } .hero-media > aside .module:last-child { margin-bottom: 0; } .hero-media > aside .module img { margin: 0 0 .5em; } .hero-media p.media-caption { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAIAAADAusJtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiuHntEhMDAwMMAwQYACNVAojMO0odAAAAAElFTkSuQmCC) center center repeat-x; font-family: georgia, "Microsoft YaHei", serif; font-size: 1.2em; font-weight: normal; margin: .75em 0 0; padding: 0; text-align: left; } .hero-media p.media-caption span { background-color: #F0EFED; display: inline-block; margin: 0 auto; padding: 0 15px 0 0; position: relative; text-decoration: none; z-index: 100; } @media (max-width: 62.75em) { .hero-media p.media-caption { margin-bottom: .5em; } } .hero-media .full .play-icon { left: 36%; top: 25.5%; } @media (min-width: 62.75em) { .hero-media.row > article, .hero-media.row > aside { margin-bottom: 0; } .hero-media.row > article { padding-right: 10px; } .hero-media.row > aside.one-quarter { margin-right: 0; } } @media (max-width: 62.75em) { .hero-media.row > article.col { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } .hero-media > aside.col { margin-bottom: 0; } .hero-media > aside.col.cssClassForHalfWidth, .hero-media > aside.col.cssClassForFullWidth { width: 100%; float: left; margin-right: 2.024291498%; display: inline; margin-bottom: 0; } .hero-media > aside.col.cssClassForHalfWidth .col { width: 48.987854251%; float: left; margin-right: 2.024291498%; display: inline; } .hero-media > aside.col.cssClassForHalfWidth .col:nth-child(2n) { float: right; margin-right: 0; left: -1.25em; display: inline; } } @media (max-width: 62.75em) and (max-width: 30em) { .hero-media > aside.col.cssClassForHalfWidth .col { width: 100%; float: left; margin-right: 2.024291498%; display: inline; } } @media (max-width: 62.75em) { .hero-media > aside.col.cssClassForFullWidth .col.generic-box, .hero-media > aside.col.cssClassForFullWidth .col.module-download { padding: 0 0 0 50%; position: relative; } .hero-media > aside.col.cssClassForFullWidth .col.generic-box .img, .hero-media > aside.col.cssClassForFullWidth .col.module-download .img { float: left; width: 95%; margin-right: 3%; margin-bottom: 0; margin-left: -100%; /* position: absolute; top: 0; left: 0;*/ } .hero-media > aside.col.cssClassForFullWidth .col.generic-box .img img, .hero-media > aside.col.cssClassForFullWidth .col.module-download .img img { margin-bottom: 0; } } @media (max-width: 62.75em) and (max-width: 23.75em) { .hero-media > aside.col.cssClassForFullWidth .col.generic-box, .hero-media > aside.col.cssClassForFullWidth .col.module-download { padding: 0; } .hero-media > aside.col.cssClassForFullWidth .col.generic-box .img, .hero-media > aside.col.cssClassForFullWidth .col.module-download .img { margin: 0 0 .5em 0; width: 100%; } } /* Generic module */ .module h2, .module h3 { color: #5c5551; font-size: 1.4em; font-weight: normal; margin: 0em 0 .4em 0; padding-bottom: .1em; } #rightCol .module h2, #rightCol .module h3 { margin-top: -2px; } .module h2.border, .module h3.border { border-bottom: 10px solid #D5D1CE; padding-bottom: .1em; } aside .module { margin: 0; } .module figure .figure { color: #007F90; font-family: arial, sans-serif; font-size: 3.75em; font-weight: bold; margin: 0; } .module figure figcaption { font-family: georgia, serif; font-size: 1.1em; margin: 0 0 0.5em 0; line-height: 1.4em; } #rightCol .row .figure { border-bottom: 1px solid #D5D1CE; font-size: 3.5em; margin-bottom: 10px; padding-bottom: 10px; } #rightCol .row .long-figure { font-size: 2.6em; } #rightCol .row .module { border-bottom: 1px solid #D5D1CE; } @media (max-width: 80em) { #rightCol .row .figure { font-size: 2.2em; } #rightCol .row .long-figure { font-size: 1.7em; } } .content aside.row .col:first-child .module { padding-right: 10px; } .content aside.row .col:last-child .module { padding-right: 0; } #rightCol .row, .content aside.row { margin-bottom: 0; background-color: #F0EFED; border: 1px solid #E7E2DE; padding: 0 20px; } #rightCol .row.no-content, .content aside.row.no-content { display: none; } #rightCol .row .module, .content aside.row .module { padding: 15px 0; } #rightCol .row .col, .content aside.row .col { margin: 0; } #rightCol .row .col:last-child .module, .content aside.row .col:last-child .module { border-bottom: 0; } .content aside.row { margin-bottom: 1.5em; } /* Link box */ .link-box { margin-bottom: 20px; } .link-box a { text-decoration: none; } .link-box a:hover .full-click:before { background: rgba(0, 0, 0, 0.2); } .link-box a:hover h3 { color: #f6ab00; } .link-box h3 { color: #007F90; font-size: 1.1em; font-weight: normal; line-height: 1.1; margin: .4em 0; padding-left: 0.85em; position: relative; } @media (max-width: 62.75em) { .link-box h3 { font-size: 1.3em; } } .link-box h3:before { color: #f6ab00; content: '\e604'; font-family: 'icomoon'; font-size: .65em; line-height: 1.6; left: 0; position: absolute; -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out false; -o-transition: left 0.2s ease-out false; transition: left 0.2s ease-out; } .link-box p { color: #878280; font-size: 1.1em; line-height: 1.2; margin: .3em 0; } /* Generic box */ .generic-box h3 { border-bottom: 10px solid #D5D1CE; color: #5c5551; font-size: 1.4em; font-weight: normal; margin: .4em 0; padding-bottom: .1em; position: relative; } #rightCol .generic-box h3 { margin: .4em 0; } .generic-box p { font-family: arial, sans-serif; line-height: 1.2em; font-size: 1.1em; margin: .3em 0; } aside .generic-box { color: #007F90; line-height: 1.1; } .generic-box a:hover { color: #f6ab00; } .generic-box a:hover .full-click { position: relative; } .generic-box a:hover .full-click:before { background: rgba(0, 0, 0, 0.2) !important; content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .generic-box a { color: #007F90; } .generic-box a:hover { color: #f6ab00; text-decoration: none; } /* Category modules */ .category { margin-bottom: 0 !important; } .category .module { margin-bottom: 1.5em; } .category h2 { border-bottom: 10px solid #D5D1CE; color: #5c5551; font-size: 1.85em; font-weight: normal; margin: 1em 0 .7em 1.96em; position: relative; /* &.small { border-bottom:8px solid $headingBorderColour; font-size:1.6em; span{ bottom:-8px; } } &.smaller { border-bottom:5px solid $headingBorderColour; font-size:1.4em; span{ bottom:-5px; } } &.smallest { border-bottom:5px solid $headingBorderColour; font-size:1.2em; span{ bottom:-5px; } }*/ } .category h2:first-child { margin-top: 0; } @media (max-width: 66.25em) { .category h2 { font-size: 1.6em; } } .category h2 span { background-color: #f6ab00; bottom: -10px; display: inline-block; height: 1.55em; left: -1.96em; position: absolute; width: 1.55em; } .category h2 span:before { background: transparent !important; color: #fff; display: block; font-size: .8em; position: relative; top: .45em; text-align: center; width: 100%; } .category h3 { border-bottom: 1px solid #F0EFED !important; font-family: arial, sans-serif; font-size: 1.1em; font-weight: normal; margin-top: .5em; padding: 0 0 .2em 0; } .category p { font-family: arial, sans-serif; font-size: 1.05em; line-height: 1.3; } @media (max-width: 30em) { .category p { max-width: 75%; } } @media (max-width: 26.25em) { .category p { max-width: 100%; } } .heading-small h2 { border-bottom: 10px solid #D5D1CE; font-size: 1.6em; padding-top: 0.2em; } .heading-small h2 span { bottom: -10px; } .heading-smaller h2 { border-bottom: 10px solid #D5D1CE; font-size: 1.4em; padding-top: 0.45em; } .heading-smaller h2 span { bottom: -10px; } .heading-smallest h2 { border-bottom: 10px solid #D5D1CE; font-size: 1.2em; padding-top: 0.7em; } .heading-smallest h2 span { bottom: -10px; } /* Twitter module */ .module-twitter p { line-height: 1.4em; } .module-twitter h3 { border-bottom: 1px solid #D5D1CE; color: #5c5551; font-size: 1.1em; font-weight: normal; font-family: arial, sans-serif; margin: .4em 0; padding-bottom: .3em; position: relative; } .module-twitter h3:after { color: #D5D1CE; content: '\e60e'; font-family: 'icomoon'; font-size: 1.2em; margin-left: 10px; position: absolute; } .module-twitter ul { font-size: 1.05em; list-style: none; margin: 0 0 1em 0; padding: 0; } .module-twitter ul li { border-bottom: 1px solid #D5D1CE; display: block; word-break: break-word; padding-bottom: 5px; } .module-twitter ul li:last-child { border-bottom: none; } .module-twitter .tweet-time { color: #5c5551; font-family: arial, sans-serif; font-size: 1em; margin: -.5em 0 .5em 0; font-weight: bold; } .module-twitter .button { position: relative; } #prescription-medicines ul.link-list > li > a:after { display: none; } .prescription-countries { padding: 1em 0; } .prescription-countries .sprite { display: inline-block; position: relative; top: .4em; margin-right: .3em; border: 1px solid #F0EFED; } .prescription-countries .country-list { margin: 0; overflow: hidden; padding: 0; } @media (max-width: 23.75em) { .prescription-countries .country-list { font-size: 1em; } } .prescription-countries .country-list li { background-image: none; float: left; list-style-type: none; min-height: 35px; margin-right: 5%; padding-bottom: 20px; padding-left: 55px; position: relative; overflow: hidden; text-overflow: ellipsis; width: 30%; white-space: nowrap; } @media (min-width: 880px) { .prescription-countries .country-list li:nth-child(3n) { margin-right: 0; } .prescription-countries .country-list li:nth-child(3n+1) { clear: both; } } @media (max-width: 880px) { .prescription-countries .country-list li { margin-right: 2%; width: 49%; } .prescription-countries .country-list li:nth-child(2n) { margin-right: 0; } .prescription-countries .country-list li:nth-child(2n+1) { clear: both; } } .prescription-countries .country-list li a { display: block; padding-top: 0.25em; font-size: 0.9em; } .prescription-countries .country-list .sprite { left: 0; top: 0; position: absolute; vertical-align: middle; width: 47px; } .pagination-buttons { margin-bottom: 1.5em; } .pagination-buttons .button { margin-right: .5em; } .module-pagination .see-all { margin-right: .2em; } /* Social media links as a module */ .module-social h3 { margin-bottom: 0; } .module-social ul { display: table; font-size: 1.05em; list-style: none; margin: 0; padding: 0; table-layout: fixed; width: 100%; } .module-social ul li { border-bottom: 1px solid #F0EFED; padding: 18px 0; } .module-social ul li:last-child { border-bottom: none; } .module-social ul li img { display: table-cell; margin-left: -1px; margin-right: 1px; width: auto; } .module-social ul li a { display: table-row; font-family: arial, sans-serif; text-decoration: none; } .module-social ul li a:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff; display: table-cell; font-family: 'icomoon'; font-size: 2.3em; margin-left: -2.2em; padding: .3em; width: 1em; } .module-social ul li a span { display: table-cell; padding-left: 18px; vertical-align: middle; } /* Share price module */ #sharePrice { background-color: #F0EFED; border: 1px solid #F0EFED; overflow: hidden; padding: 15px; } #sharePrice h3 { border: none; font-family: arial, sans-serif; font-size: 1.55em; font-weight: normal; margin: 0; text-align: center; } #sharePrice p { font-family: arial, sans-serif; } #sharePrice p strong { display: block; font-family: arial, sans-serif; font-weight: bold; } #sharePrice > p { font-family: georgia, serif; text-align: center; font-style: italic; } #sharePrice .share-col { float: left; margin-right: 5%; text-align: center; width: 47.5%; } #sharePrice .share-col:last-child { margin-right: 0; } @media (max-width: 66.25em) { #sharePrice .share-col { font-size: .9em; } } @media (max-width: 59em) { #sharePrice .share-col { font-size: 1em; margin-left: 5%; margin-right: 5%; width: 40%; } } @media (max-width: 59em) { #sharePrice .share-col { margin-left: 0; margin-right: 10%; width: 45%; } } #sharePrice .share-col .share-price { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #fff; padding: 18% 0; text-align: center; } #rightCol #sharePrice .share-col .share-price { padding: 12% 0; } @media (max-width: 62.8125em) { #sharePrice .share-col .share-price { background-color: #fff; margin-left: 17%; padding: 20% 0; width: 66%; } } @media (max-width: 60em) { #sharePrice .share-col .share-price { background-color: #fff; margin-left: 17%; padding: 20% 0; width: 66%; } } @media (max-width: 53.75em) { #sharePrice .share-col .share-price { background-color: transparent; margin-left: 17%; padding: 14% 0; width: 66%; } } @media (max-width: 48em) { #sharePrice .share-col .share-price { background-color: transparent; margin-left: 17%; padding: 20% 0; width: 66%; } } @media (max-width: 40em) { #sharePrice .share-col .share-price { background-color: transparent; margin-left: 17%; padding: 15% 0; width: 66%; } } @media (max-width: 36.25em) { #sharePrice .share-col .share-price { background-color: transparent; margin-left: 17%; padding: 12% 0; width: 66%; } } @media (max-width: 30em) { #sharePrice .share-col .share-price { background-color: transparent; margin-left: 17%; padding: 10% 0; width: 66%; } } @media (max-width: 23.75em) { #sharePrice .share-col .share-price { background-color: transparent; margin-left: 17%; padding: 12% 0; width: 66%; } } @media (max-width: 20em) { #sharePrice .share-col .share-price { background-color: transparent; padding: 10% 0; } } #sharePrice .share-col .share-price span { display: block; width: 100%; } #sharePrice .share-col .share-price .stock-exchange { font-family: arial, sans-serif; font-weight: bold; } #sharePrice .share-col .share-price .price { color: #f6ab00; font-family: georgia, serif; font-size: 1.6em; margin: -.1em 0 .1em; } @media (max-width: 66.25em) { #sharePrice .share-col .share-price .price { font-size: 1.2em; } } @media (max-width: 62.8125em) { #sharePrice .share-col .share-price .price { font-size: 1.6em; } } @media (max-width: 36.25em) { #sharePrice .share-col .share-price .price { font-size: 1.6em; } } @media (max-width: 30em) { #sharePrice .share-col .share-price .price { font-size: 1.4em; } } @media (max-width: 23.75em) { #sharePrice .share-col .share-price .price { font-size: 1.2em; } } @media (max-width: 21.25em) { #sharePrice .share-col .share-price .price { font-size: 1.2em; } } @media (max-width: 20em) { #sharePrice .share-col .share-price .price { font-size: 1em; } } #rightCol #sharePrice .share-col .share-price .price { font-size: 1.4em; } @media (max-width: 66.25em) { #rightCol #sharePrice .share-col .share-price .price { font-size: 1.2em; } } @media (max-width: 72.8125em) { #rightCol #sharePrice .share-col .share-price .price { font-size: 1.1em; } } #sharePrice .share-col .share-price .change { font-style: italic; } .module-iframe iframe, .big-module-iframe iframe { border: none; margin: .5em 0; width: 100%; } /* Module links */ .module-arrow-links { list-style: none; padding: 0; } .module-arrow-links ul { font-family: arial, sans-serif; font-size: 1.05em; list-style: none; padding: 0; margin-top: 0; } #rightCol .module-arrow-links ul { margin-bottom: 0; } .module-arrow-links ul li { background-image: none; padding: 5px 0; border-bottom: 1px solid #F0EFED; } .module-arrow-links ul li:last-child { border-bottom: none; } .module-arrow-links ul li a { color: #007F90; text-decoration: none; } .module-arrow-links ul li a:hover { color: #f6ab00; } /* Product selector */ #productSelector, .dropdown-links { margin: 1.5em 0; padding-bottom: 1em; } #productSelector label, .dropdown-links label { font-family: arial, sans-serif; font-size: 1.3em; } #productSelector > p, .dropdown-links > p { color: #5c5551; font-size: 1.4em; font-weight: normal; margin: .4em 0 .4em 0; padding-bottom: .1em; } #productSelector .selected-product, #productSelector .selected-item, .dropdown-links .selected-product, .dropdown-links .selected-item { background: #F0EFED; border: 1px solid #D5D1CE; color: #2A2725 !important; cursor: default; font-family: arial, sans-serif !important; font-size: 1em; margin: .3em 0 0 0; overflow: hidden; padding: 0 5em 0 0; margin-bottom: 0; } #productSelector .selected-product:hover, #productSelector .selected-item:hover, .dropdown-links .selected-product:hover, .dropdown-links .selected-item:hover { border: 1px solid #f6ab00; } #productSelector .selected-product:hover p:after, #productSelector .selected-item:hover p:after, .dropdown-links .selected-product:hover p:after, .dropdown-links .selected-item:hover p:after { border-bottom: 1px solid #f6ab00; border-right: 1px solid #f6ab00; border-top: 1px solid #f6ab00; } #productSelector .selected-product p, #productSelector .selected-item p, .dropdown-links .selected-product p, .dropdown-links .selected-item p { color: #5c5551 !important; cursor: default; font-family: arial, sans-serif !important; font-size: 1.3em; padding: 1em 0 1em 1em; margin: 0; text-align: left; font-weight: bold; } #rightCol #productSelector .selected-product p, #rightCol #productSelector .selected-item p, #rightCol .dropdown-links .selected-product p, #rightCol .dropdown-links .selected-item p { font-size: 1em; } #productSelector .selected-product p:after, #productSelector .selected-item p:after, .dropdown-links .selected-product p:after, .dropdown-links .selected-item p:after { background: #fff; border: 1px solid #D5D1CE; color: #f6ab00 !important; font-size: 1.2em; padding-top: 0.9em; } #rightCol #productSelector .selected-product p:after, #rightCol #productSelector .selected-item p:after, #rightCol .dropdown-links .selected-product p:after, #rightCol .dropdown-links .selected-item p:after { font-size: 1em; padding-top: 1.1em; } #productSelector img, .dropdown-links img { float: left; width: auto; } /* Module divider */ hr { background: none; border: 0; border-bottom: 4px solid #D5D1CE; border-style: solid; height: 1px; margin: 1.5em 0 1.5em 0; padding: 0; position: relative; } .full-click-wrapper { position: relative; } /* Fully clickable appearance */ .full-click { cursor: pointer; } .full-click:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .full-click:hover:before { background: rgba(0, 0, 0, 0.2); } .full-click:hover .read-more a:before, .full-click:hover .read-more span:before { background: rgba(0, 0, 0, 0.2) !important; content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* News item */ .news-item, .listing-item, .address-item { float: left; clear: both; width: 100%; border-bottom: 1px solid #D5D1CE; padding: 0 0 .8em 0; margin-bottom: 1.5em; } .news-item:last-child, .listing-item:last-child, .address-item:last-child { border-bottom: none; } .news-item h3, .listing-item h3, .address-item h3 { border-bottom: 0 !important; margin: 0 0 .3em; } .news-item p, .listing-item p, .address-item p { margin: 0.6em 0 0.6em; } .news-item > time, .listing-item > time, .address-item > time { color: #5c5551; font-family: arial, sans-serif; margin: 0 0 -.25em; display: block; font-weight: bold; } .news-item > time:before, .listing-item > time:before, .address-item > time:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #494340; content: "\e635"; font-size: 0.9em; left: 1px; margin-right: 10px; position: relative; top: 0; } .news-item .img, .listing-item .img, .address-item .img { width: 225px; float: right; margin: 0 0 2.024291498% 2.024291498%; } @media (max-width: 30em) { .news-item .img, .listing-item .img, .address-item .img { float: none; width: 100%; margin: 2.024291498% 0; } } .news-item .adr span, .listing-item .adr span, .address-item .adr span { display: block; } .news-item .icon, .listing-item .icon, .address-item .icon { display: none; } /* Generic listing */ .listing-items { margin-top: 1.5em; } .listing-item { padding: 0 0 1.5em 0; } .listing-item:hover p { color: #878280; } .listing-item p { color: #878280; } .row .listing-item:last-child { border-bottom: 0; } .listing-item h3 { color: #574B46; font-family: arial, sans-serif; font-size: 1.1em; font-weight: normal; line-height: 1.3em; } .listing-item h3 a { color: #007F90; } .listing-item p:last-child { margin-bottom: 0; } .listing-item.with-image { padding-left: 279px !important; } .listing-item.with-image.right { padding-left: 0 !important; padding-right: 279px; } @media (max-width: 36.25em) { .listing-item.with-image { padding-left: 0 !important; padding-right: 0 !important; } } .listing-item.with-image .img:hover a:before, .listing-item.with-image .img-hover a:before { background: rgba(0, 0, 0, 0.2); content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .listing-item.with-image h3 a:hover, .listing-item.with-image h3 a.hover { color: #f6ab00; } .listing-item.with-image p { color: #878280; } .listing-item.noimg { padding: 0 0 1em; } @media (max-width: 30em) { .listing-item { padding: 0; } } .row > .listing-item { margin: 0 0 1.5em; padding: 0 0 1em 0; } .row > .listing-item:first-child { margin-top: 1.5em; } .row > .listing-item:last-child { margin-bottom: 0; } .listing-item.vcard, .listing-item .vcard { line-height: 1.4; margin-bottom: 1.5em; } .listing-item.vcard .adr span, .listing-item .vcard .adr span { display: block; font-size: 1.125em; } .listing-item.vcard p, .listing-item .vcard p { line-height: 1.25em; } .listing-item.vcard .icon, .listing-item .vcard .icon { display: none; } .listing-item.vcard:last-child, .listing-item .vcard:last-child { margin-bottom: 0; } .listing-item h3 { line-height: 1.3em; margin-top: -.2em; } .listing-item h4 { font-size: 1.1em; margin: 0; } .listing-item .category-label { color: rgba(114, 99, 93, 0.76); display: block; font-family: arial, sans-serif; font-size: 1.125em; font-weight: bold; } .listing-item .img { width: 265px; float: left; margin: 0 14px 0 -279px; } @media (max-width: 36.25em) { .listing-item .img { margin: 0 0 0.75em 0; float: none; width: 100%; } } .listing-item.right .img { float: right; margin: 0 -279px 0 14px; } @media (max-width: 36.25em) { .listing-item.right .img { margin: 0 0 0.75em 0; float: none; width: 100%; } } .listing-item .read-more { font-size: 1em; margin: 1.4em 0 1.5em; } .listing-item .read-more a { font-family: arial, sans-serif; font-size: 1.0625em; } /* inline-module */ .inline-module { clear: both; margin: 1em 0; } .inline-module.inline-video { margin: 2em 0; } .inline-module.inline-indented-text p, .inline-module.inline-quote-callout p, .inline-module.inline-figure-callout p, .inline-module.module-quote-callout p { margin: .6em 0; font-family: arial, sans-serif; font-size: 1.5em; } .inline-module.inline-quote-callout { margin-top: 2em; margin-bottom: 2em; padding-left: 100px; } @media (max-width: 36.25em) { .inline-module.inline-quote-callout { padding-left: 50px; } } .inline-module.inline-quote-callout p { color: #5c5551; font-family: georgia, "Microsoft YaHei", serif; position: relative; } .inline-module.inline-quote-callout p:before { position: absolute; top: 10px; left: -74px; line-height: .78em; font-family: "icomoon"; content: "\e65a"; font-size: 1.8em; color: #D5D1CE; } @media (max-width: 36.25em) { .inline-module.inline-quote-callout p:before { font-size: 1.4em; left: -55px; } } .inline-module.inline-quote-callout blockquote footer { color: #5c5551; display: inline-block; padding: 0 0 0 32px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAIAAADAusJtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiuHntEhMDAwMMAwQYACNVAojMO0odAAAAAElFTkSuQmCC) center center repeat-x; } .inline-module.inline-quote-callout blockquote footer span { font-size: 1.25em; font-family: georgia, "Microsoft YaHei", serif; display: inline-block; background: #fff; padding: 0 0 0 20px; } .inline-module.inline-quote-callout.half { float: left !important; padding-right: 30px; } .inline-module.inline-quote-callout.half.figure-right { float: right !important; padding-right: 0; margin-left: 20px; } .inline-module.inline-figure-callout { margin: 2em 0 2em 0; } .inline-module.inline-figure-callout figure .figure { color: #007F90; font-family: arial, sans-serif; font-size: 3.75em; font-weight: bold; margin: 0; } .inline-module.inline-figure-callout figure figcaption { font-family: georgia, serif; font-size: 1.1em; margin: 0 0 0.5em 0; line-height: 1.4em; } .inline-module.inline-figure-callout .figure, .inline-module.inline-figure-callout figure figcaption { display: block; width: 49%; } @media (max-width: 53.75em) { .inline-module.inline-figure-callout .figure, .inline-module.inline-figure-callout figure figcaption { width: 48.5%; } } @media (max-width: 40em) { .inline-module.inline-figure-callout .figure, .inline-module.inline-figure-callout figure figcaption { width: 48%; } } @media (max-width: 29.9375em) { .inline-module.inline-figure-callout .figure, .inline-module.inline-figure-callout figure figcaption { width: 100%; } } @media (min-width: 30em) { .inline-module.inline-figure-callout .figure, .inline-module.inline-figure-callout figure figcaption { display: inline-block; vertical-align: middle; } } .inline-module.inline-figure-callout figure { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAIAAAB2XpiaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABFJREFUeNpivHrxHAMMAAQYABsdAnaO/1qaAAAAAElFTkSuQmCC) center center repeat-y; *zoom: 1; } .inline-module.inline-figure-callout figure:before, .inline-module.inline-figure-callout figure:after { display: table; line-height: 0; content: ""; } .inline-module.inline-figure-callout figure:after { clear: both; } @media (min-width: 30em) { .inline-module.inline-figure-callout figure:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } } .inline-module.inline-figure-callout figure .figure { text-align: right; font-size: 4.2em; line-height: 0.8em; padding: 0 3% 0 3%; margin: 0; } @media (max-width: 72.8125em) { .inline-module.inline-figure-callout figure .figure { font-size: 4em; } } @media (max-width: 66.25em) { .inline-module.inline-figure-callout figure .figure { font-size: 3.5em; } } @media (max-width: 53.75em) { .inline-module.inline-figure-callout figure .figure { font-size: 3.2em; } } @media (max-width: 40em) { .inline-module.inline-figure-callout figure .figure { font-size: 3.5em; } } @media (max-width: 36.25em) { .inline-module.inline-figure-callout figure .figure { font-size: 2.8em; } } @media (max-width: 29.9375em) { .inline-module.inline-figure-callout figure .figure { font-size: 3em; text-align: left; } } .inline-module.inline-figure-callout figure figcaption { text-align: left; font-family: georgia, "Microsoft YaHei", serif; font-size: 1.2em; line-height: 1.4em; color: #5c5551; padding: 0 3% 0 3%; margin: 0; } .lt-ie9 .inline-module.inline-figure-callout figure figcaption { float: right; margin-top: -80px; } @media (max-width: 29.9375em) { .inline-module.inline-figure-callout figure { background: none; } .inline-module.inline-figure-callout figure .figure { border-bottom: 4px solid #D5D1CE; margin-bottom: 0; padding-bottom: .2em; } } .inline-module.inline-figure-callout.half figure { background: none; padding-right: 20px; } .inline-module.inline-figure-callout.half figure .figure { margin: .3em 0 0 0; padding-left: 0; border-bottom: 4px solid #D5D1CE; padding-bottom: .2em; text-align: left; width: 100%; } .inline-module.inline-figure-callout.half figure figcaption { width: 100%; } .inline-module.inline-figure-callout.half.figure-right { float: right; } .inline-module.inline-figure-callout.half.figure-right figure { padding-right: 0; padding-left: 20px; } .inline-module.inline-image { clear: none; } .inline-module.inline-image figure { padding: 10px 20px 0px 0; } .inline-module.inline-image .col { margin-bottom: 0.5em; } .inline-module.inline-image .col figcaption { color: #383431; font-family: georgia, "Microsoft YaHei", serif; font-size: 1em; line-height: 1.4em; margin: 1em 0 0 0; text-align: left; } .inline-module.inline-image .col.one-quarter, .inline-module.inline-image .col.half { margin-right: 1em !important; } .inline-module.inline-image.image-right .col { float: right; margin-left: 1em; margin-right: 0 !important; } /* inline-module */ .hero-country { position: relative; *zoom: 1; } .hero-country:before, .hero-country:after { display: table; line-height: 0; content: ""; } .hero-country:after { clear: both; } .hero-country > img { display: block; border: 1px solid #F0EFED; } @media (max-width: 62.1875em) { .hero-country > img { border-bottom: 0 none; } } @media (max-width: 30em) { .hero-country > img { display: none; } } .hero-country .vcard { width: 40.4858299595%; float: left; margin-right: 2.024291498%; display: inline; position: absolute; top: 5.75em; left: 6.1em; } @media (max-width: 62.1875em) { .hero-country .vcard { width: 100%; float: left; margin-right: 2.024291498%; display: inline; position: relative; top: 0; left: 0; background: #F0EFED; padding: 2em 2em 1.5em 2em; border: 1px solid #F0EFED; border-top: 0 none; } .hero-country .vcard .fn { position: absolute; top: -7em; font-size: 2em; } } .hero-country .vcard p { position: relative; } .hero-country .vcard .name { display: none; } .hero-country .vcard > div, .hero-country .vcard > p { font-size: 1.5em; } @media (max-width: 81.25em) { .hero-country .vcard > div, .hero-country .vcard > p { font-size: 1.5em; } } @media (max-width: 80em) { .hero-country .vcard > div, .hero-country .vcard > p { font-size: 1.3em; } } @media (max-width: 66.25em) { .hero-country .vcard > div, .hero-country .vcard > p { font-size: 1.1em; } } .hero-country .vcard div, .hero-country .vcard p { margin: 0 0 .5em; } .hero-country .vcard .fn, .hero-country .vcard .adr { margin: 0 0 .5em; } .hero-country .vcard .fn { font-family: arial, sans-serif; font-size: 1.75em; font-weight: bold; } @media (max-width: 53.75em) { .hero-country .vcard .fn { top: -6em; } } @media (max-width: 48.0625em) { .hero-country .vcard .fn { top: -5em; } } @media (max-width: 40em) { .hero-country .vcard .fn { top: -3em; } } @media (max-width: 30em) { .hero-country .vcard .fn { position: relative; top: 0; } } .hero-country .vcard .adr { line-height: 1.25; } .hero-country .vcard .adr > span:after { content: ","; } .hero-country .vcard .adr > span:last-child:after { content: ""; } .hero-country .vcard .tel .type { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; overflow: hidden; height: 1px; } .hero-country .vcard .indent { padding: 0 0 0 1.75em; position: relative; } .hero-country .vcard .icon { font-size: 1.1em; background: transparent; position: relative; top: .2em; } .hero-country .vcard .icon:before { color: #5c5551; } p.products-caption { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAIAAADAusJtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiuHntEhMDAwMMAwQYACNVAojMO0odAAAAAElFTkSuQmCC) center center repeat-x; font-family: georgia, serif; font-size: 1.2em; font-weight: normal; margin: .6em 0 .6em; padding: 0; text-align: center; } p.products-caption span { background-color: #fff; display: inline-block; margin: 0 auto; padding: 0 15px 0 15px; position: relative; text-decoration: none; z-index: 100; } @media (max-width: 26.25em) { p.products-caption span { width: 80%; } } iframe { border: none; width: 100%; } #googleMap { position: relative; padding-bottom: 65%; height: 0; overflow: hidden; margin-bottom: 25px; } #googleMap #map-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #F4F4F4; } .speeches-presentations { *zoom: 1; margin-bottom: 40px; } .speeches-presentations:before, .speeches-presentations:after { display: table; line-height: 0; content: ""; } .speeches-presentations:after { clear: both; } .speeches-presentations img { margin-bottom: 20px; } .speeches-presentations ul { padding-left: 0; } .speeches-presentations ul li { list-style-type: none; } .speeches-presentations ul li span { color: #f6ab00; margin-right: 5px; } .speeches-presentations h3 { *zoom: 1; margin-top: 0; } .speeches-presentations h3:before, .speeches-presentations h3:after { display: table; line-height: 0; content: ""; } .speeches-presentations h3:after { clear: both; } .speeches-presentations .button { margin-bottom: 20px; } .speeches-presentations .button:before { display: block; float: left; font-family: 'icomoon'; font-size: 0.8em; content: "\e618"; margin: 4px 5px 5px 0; } .speeches-presentations .left-col { float: left; width: 32.2666666667%; } .speeches-presentations .right-col { float: right; width: 66.1333333333%; } @media (max-width: 36.25em) { .speeches-presentations .left-col { float: none; width: auto; } .speeches-presentations .right-col { float: none; width: auto; } } .quarterly-results { *zoom: 1; } .quarterly-results:before, .quarterly-results:after { display: table; line-height: 0; content: ""; } .quarterly-results:after { clear: both; } .quarterly-results ul { padding-left: 18px; margin-top: 0; } .quarterly-results h3 { margin-bottom: .3em; } .quarterly-results .left-col, .quarterly-results .right-col { margin-bottom: 20px; } .quarterly-results .left-col ul, .quarterly-results .right-col ul { margin-top: 0; padding-left: 0; } .quarterly-results .left-col ul li, .quarterly-results .right-col ul li { list-style-type: none; } .quarterly-results .left-col ul li span, .quarterly-results .right-col ul li span { color: #f6ab00; margin-right: 5px; } .quarterly-results .left-col { float: left; width: 49.2%; } .quarterly-results .right-col { float: right; width: 49.2%; } .quarterly-results .right-col > p { margin-top: 0; } .quarterly-results .related-downloads { *zoom: 1; } .quarterly-results .related-downloads:before, .quarterly-results .related-downloads:after { display: table; line-height: 0; content: ""; } .quarterly-results .related-downloads:after { clear: both; } .quarterly-results .button { margin-bottom: 20px; } .quarterly-results .button span { margin-right: 10px; } @media (max-width: 36.25em) { .quarterly-results .left-col { float: none; width: auto; } .quarterly-results .right-col { float: none; width: auto; } } .module-quote-callout p { font-family: georgia, "Microsoft YaHei", serif; font-size: 1.1em; padding-left: 10px; position: relative; } .module-quote-callout p:before { position: absolute; top: 0px; left: -50px; line-height: .78em; content: "\201c"; font-size: 9em; color: #D5D1CE; } .module-quote-callout blockquote footer { display: inline-block; padding: 0 0 0 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAIAAADAusJtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiuHntEhMDAwMMAwQYACNVAojMO0odAAAAAElFTkSuQmCC) center center repeat-x; width: 10px; } .module-quote-callout blockquote footer span { font-size: 1.25em; font-family: georgia, serif; display: inline-block; padding: 0 0 0 20px; width: 105px; } .consumer-product-category { border: 1px solid #D5D1CE; font-size: 1.1em; line-height: 1.4em; margin-bottom: 1em; } .consumer-product-category a { font-family: arial, sans-serif !important; font-weight: bold; } .consumer-product-category p:first-child { margin-top: 0; } .consumer-product-category .col { margin-bottom: 0; } .consumer-product-category header { background-color: #F0EFED; border-bottom: 1px solid #D5D1CE; overflow: hidden; padding: 18px; z-index: 0; } .consumer-product-category header h2 { color: #5c5551; font-size: 1.35em; margin: 0 0 .5em 0; } .consumer-product-category header h3 { color: #5c5551; } .consumer-product-category .consumer-product-listing { overflow: hidden; -webkit-box-shadow: inset 0 2px 6px -2px #ccc; -moz-box-shadow: inset 0 2px 6px -2px #ccc; box-shadow: inset 0 2px 6px -2px #ccc; } .consumer-product-category .consumer-product-listing .pagination-buttons { margin: 0 0 18px 18px; } .consumer-product-category .consumer-product-listing .back-to-top { clear: both; margin-bottom: 18px; margin-right: 18px; } .consumer-product-category .consumer-product-toggle { border-bottom: 1px solid #D5D1CE; font-size: .9em; padding: 12px 70px 12px 18px; position: relative; text-align: right; } .consumer-product-category .consumer-product-toggle a { color: #5c5551; font-weight: bold; } .consumer-product-category .consumer-product-toggle a:hover span { background-color: #f6ab00; color: #fff; } .consumer-product-category .consumer-product-toggle span { border-left: 1px solid #D5D1CE; color: #f6ab00; font-size: 1.5em; padding-top: 0.52em; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; width: 2em; } .consumer-product-category .consumer-product-toggle span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e61e'; } .consumer-product-category article { clear: both; overflow: hidden; padding: 18px; } .consumer-product-category article h3 { font-size: 1.35em; margin: 0 0 .5em 0; } .consumer-product-category.collapsed .consumer-product-listing, .consumer-product-category.expanded .consumer-product-listing { display: none; } .consumer-product-category.expanded .consumer-product-toggle a span:before { content: '\e61d'; } #consumerProductDropdown { float: left; } #consumerProductDropdown .dropdown { right: -20px; left: 0; } /* Contacts region filter */ #country-contact-listing .listing-items { clear: both; overflow: hidden; } #country-contact-listing .pagination-buttons { clear: both; margin-top: 20px; overflow: hidden; } #region-filter { float: left; margin-bottom: 20px; width: 100%; } #region-filter .button { margin-left: .3em; } .js #region-filter .button { display: none; } /* Careers page */ .js #careers form .button { display: none; } #careers .global-job-search { min-height: 200px; padding-bottom: 30px; } .addthis_toolbox { margin-left: 0px; } .animated { backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; } .animated { animation-fill-mode: both; transform: translate3d(0, 0, 0); perspective: 1000; -o-animation-fill-mode: both; -o-transform: translate3d(0, 0, 0); -o-perspective: 1000; -moz-animation-fill-mode: both; -moz-transform: translate3d(0, 0, 0); -moz-perspective: 1000; -webkit-animation-fill-mode: both; -webkit-transform: translate3d(0, 0, 0); -webkit-perspective: 1000; } @-webkit-keyframes dl-animate-out-2 { 100% { -webkit-transform: translateX(-100%); } } @-moz-keyframes dl-animate-out-2 { 100% { -moz-transform: translateX(-100%); } } @keyframes dl-animate-out-2 { 100% { transform: translateX(-100%); } } .dl-animate-out-2 { /* -webkit-animation: dl-animate-out-2 0.3s ease-out; -moz-animation: dl-animate-out-2 0.3s ease-out; animation: dl-animate-out-2 0.3s ease-out;*/ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } @-webkit-keyframes dl-animate-in-2 { 0% { -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(0px); } } @-moz-keyframes dl-animate-in-2 { 0% { -moz-transform: translateX(-100%); } 100% { -moz-transform: translateX(0px); } } @keyframes dl-animate-in-2 { 0% { transform: translateX(-100%); } 100% { transform: translateX(0px); } } .dl-animate-in-2 { /*-webkit-animation: dl-animate-in-2 0.3s ease-out; -moz-animation: dl-animate-in-2 0.3s ease-out; animation: dl-animate-in-2 0.3s ease-out;*/ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } @-webkit-keyframes dl-submenu-animate-in-2 { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0px); } } @-moz-keyframes dl-submenu-animate-in-2 { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(0px); } } @keyframes dl-submenu-animate-in-2 { 0% { transform: translateX(100%); } 100% { transform: translateX(0px); } } .transition-in { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .transition-out { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .dl-submenu-animate-in-2, .dl-submenu-animate-in-2.transition-menu { /* -webkit-animation: dl-submenu-animate-in-2 0.3s ease-out; -moz-animation: dl-submenu-animate-in-2 0.3s ease-out; animation: dl-submenu-animate-in-2 0.3s ease-out; */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } @-webkit-keyframes dl-submenu-animate-out-2 { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(100%); } } @-moz-keyframes dl-submenu-animate-out-2 { 0% { -moz-transform: translateX(0%); } 100% { -moz-transform: translateX(100%); } } @keyframes dl-submenu-animate-out-2 { 0% { transform: translateX(0%); } 100% { transform: translateX(100%); } } .dl-submenu-animate-out-2, .dl-submenu-animate-out-2.transition-menu { /* -webkit-animation: dl-submenu-animate-out-2 0.3s ease-out; -moz-animation: dl-submenu-animate-out-2 0.3s ease-out; animation: dl-submenu-animate-out-2 0.3s ease-out; */ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } @-webkit-keyframes mobile-nav-in { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes mobile-nav-in { 0% { -moz-transform: translateY(-100%); } 100% { -moz-transform: translateY(0); } } @keyframes mobile-nav-in { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .mobile-nav-in { -webkit-animation: mobile-nav-in 0.3s ease-in-out; -moz-animation: mobile-nav-in 0.3s ease-in-out; animation: mobile-nav-in 0.3s ease-in-out; } @-webkit-keyframes mobile-nav-out { 0% { -webkit-transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); } } @-moz-keyframes mobile-nav-out { 0% { -moz-transform: translateY(0); } 100% { -moz-transform: translateY(-100%); } } @keyframes mobile-nav-out { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .mobile-nav-out { -webkit-animation: mobile-nav-out 0.3s ease-in-out; -moz-animation: mobile-nav-out 0.3s ease-in-out; animation: mobile-nav-out 0.3s ease-in-out; } @-webkit-keyframes reveal-breadcrumb { 0% { max-height: 0; } 33% { max-height: 100px; } 66% { max-height: 100px; } 100% { max-height: 0; } } @-moz-keyframes reveal-breadcrumb { 0% { max-height: 0; } 33% { max-height: 100px; } 66% { max-height: 100px; } 100% { max-height: 0; } } @keyframes reveal-breadcrumb { 0% { max-height: 0; } 33% { max-height: 100px; } 66% { max-height: 100px; } 100% { max-height: 0; } } .reveal-breadcrumb { -webkit-animation: reveal-breadcrumb 0.5s ease-in-out; -moz-animation: reveal-breadcrumb 0.5s ease-in-out; animation: reveal-breadcrumb 0.5s ease-in-out; } @-webkit-keyframes reveal-breadcrumb-2 { 0% { max-height: 0; } 33% { max-height: 50px; } 80% { max-height: 50px; } 100% { max-height: 0; } } @-moz-keyframes reveal-breadcrumb-2 { 0% { max-height: 0; } 33% { max-height: 50px; } 80% { max-height: 50px; } 100% { max-height: 0; } } @keyframes reveal-breadcrumb-2 { 0% { max-height: 0; } 33% { max-height: 50px; } 80% { max-height: 50px; } 100% { max-height: 0; } } .reveal-breadcrumb-2 { -webkit-animation: reveal-breadcrumb-2 0.5s ease-in-out; -moz-animation: reveal-breadcrumb-2 0.5s ease-in-out; animation: reveal-breadcrumb-2 0.5s ease-in-out; } /* extracted from "umbraco\Plugins\umbracoContour\css\defaultform.css" */ /* takes effect when Default stylesheets are disabled for countour in the Umbraco backoffice */ #contour, .contour { padding: 10px 0px 10px 0px; } .contourPageName { font-size: 2em !important; line-height: 2em !important; } .contourField { clear: both; } .contourField div label { display: inline; } #contour label.fieldLabel, .contour label.fieldLabel { font-weight: bold; display: block; width: 200px; float: left; clear: left; background: transparent !important; } #contour small, .contour small { display: block; float: left; clear: both; padding: 5px 5px 5px 200px; } #contour fieldset, .contour fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: none !important; } #contour legend, .contour legend { font-weight: bold; font-size: 1.2em; line-height: 1.2em; display: block; } #contour input.text, #contour input.title, #contour textarea, #contour select, .contour input.text, .contour input.title, .contour textarea, .contour select { margin: 0.5em 0; border: 1px solid #bbb; } #contour input.text:focus, #contour input.title:focus, #contour textarea:focus, #contour select:focus, .contour input.text:focus, .contour input.title:focus, .contour textarea:focus, .contour select:focus { border: 1px solid #666; } #contour input.text, #contour textarea, .contour input.text, .contour textarea { width: 300px !important; padding: 5px; } #contour textarea, .contour textarea { height: 250px; } #contour input.fileupload, .contour input.fileupload { height: auto !important; } #contour span.checkboxlist, #contour span.radiobuttonlist, #contour span.checkbox, .contour span.checkboxlist, .contour span.radiobuttonlist, .contour span.checkbox { display: block; float: left; padding: 10px; } #contour .checkboxlist input, #contour .radiobuttonlist input, #contour .checkbox input, .contour .checkboxlist input, .contour .radiobuttonlist input, .contour .checkbox input { width: auto !important; height: auto !important; border: none !important; display: inline !important; } #contour .hiddenfield, .contour .hiddenfield { display: none; } .contourButton { margin-right: 10px; padding: 2px 10px; } .contourErrorMessage { padding: .8em; margin-bottom: .5em; border: 2px solid #FBC2C4; } .contourErrorMessage, .contourError { background: #FBE3E4; color: #8a1f11; } #contour input.contourError, #contour textarea.contourError, #contour input.input-validation-error, #contour textarea.input-validation-error, .contour input.contourError, .contour textarea.contourError, .contour input.input-validation-error, .contour textarea.input-validation-error { background: #FBE3E4; border-color: #FBC2C4; } #contour span.contourError, #contour span.field-validation-error, .contour span.contourError, .contour span.field-validation-error { color: #8a1f11 !important; background: transparent !important; } #contour #recaptcha_widget_div, .contour #recaptcha_widget_div { margin-left: 200px; } #contour .field-validation-error, .contour .field-validation-error { padding-left: 5px; } /* Overriding default contour styles, defined in */ /* "assets\scss\global\_forms.scss" OR */ /* "umbraco\Plugins\umbracoContour\css\defaultform.css" */ .body-content .contourPage { clear: both; } .body-content .contourPage .contourPageName { font-size: 1.6em !important; line-height: 1.5em !important; margin: .15em 0; } @media (max-width: 26.25em) { .body-content .contourPage .contourPageName { font-size: 1.4em !important; } } .body-content #contour, .body-content .contour { font-family: georgia, "Microsoft YaHei", serif; padding: 0; margin-bottom: 30px; /* standalone responsive checkboxes */ } .body-content #contour span.checkboxlist, .body-content #contour span.radiobuttonlist, .body-content #contour span.checkbox, .body-content .contour span.checkboxlist, .body-content .contour span.radiobuttonlist, .body-content .contour span.checkbox { padding: 0; } .body-content #contour span.checkboxlist, .body-content #contour span.radiobuttonlist, .body-content .contour span.checkboxlist, .body-content .contour span.radiobuttonlist { padding: 9px 0 0; } @media (max-width: 40em) { .body-content #contour span.checkboxlist, .body-content #contour span.radiobuttonlist, .body-content .contour span.checkboxlist, .body-content .contour span.radiobuttonlist { padding: 0; } } .body-content #contour .checkbox input[type="checkbox"], .body-content .contour .checkbox input[type="checkbox"] { left: 0 !important; top: 14px !important; position: absolute !important; } @media (max-width: 40em) { .body-content #contour .checkbox, .body-content .contour .checkbox { /* > div { //margin: -2em 0 0; }*/ } .body-content #contour .checkbox .fieldLabel, .body-content .contour .checkbox .fieldLabel { margin-left: 18px; position: relative; } .body-content #contour .checkbox input[type="checkbox"], .body-content .contour .checkbox input[type="checkbox"] { top: 2px; } } .body-content #contour .checkbox small, .body-content .contour .checkbox small { margin: -.5em 0 0; } .body-content #contour label.fieldLabel, .body-content .contour label.fieldLabel { font-family: georgia, "Microsoft YaHei", serif; font-weight: normal; padding: .575em 0; } .body-content #contour legend, .body-content .contour legend { font-family: arial, sans-serif; font-size: 1.2em; font-weight: normal; line-height: 1.6em; margin: .15em 0; } .body-content #contour fieldset, .body-content .contour fieldset { border: medium none !important; margin: 0; padding: 0; } .body-content #contour input.text, .body-content #contour input.title, .body-content #contour textarea, .body-content #contour select, .body-content #contour input.text, .body-content #contour input.title, .body-content #contour textarea, .body-content #contour select, .body-content #contour input.datepickerfield, .body-content .contour input.text, .body-content .contour input.title, .body-content .contour textarea, .body-content .contour select, .body-content .contour input.text, .body-content .contour input.title, .body-content .contour textarea, .body-content .contour select, .body-content .contour input.datepickerfield { margin: 0; background: #F0EFED; border: 0 none; border-top: 1px solid #D5D1CE; color: #5c5551; } .body-content #contour input.text, .body-content #contour textarea, .body-content #contour select, .body-content #contour input.datepickerfield, .body-content #contour input[type="file"], .body-content .contour input.text, .body-content .contour textarea, .body-content .contour select, .body-content .contour input.datepickerfield, .body-content .contour input[type="file"] { padding: 10px 12px; } .body-content #contour input[type="file"], .body-content .contour input[type="file"] { padding: 5px 0; } .body-content #contour input[type="file"].contourError, .body-content #contour input[type="file"].input-validation-error, .body-content .contour input[type="file"].contourError, .body-content .contour input[type="file"].input-validation-error { background: #faefef; border: 0 none !important; } .body-content #contour input.contourError, .body-content #contour input.input-validation-error, .body-content #contour textarea.contourError, .body-content #contour textarea.input-validation-error, .body-content #contour select.contourError, .body-content #contour select.input-validation-error, .body-content .contour input.contourError, .body-content .contour input.input-validation-error, .body-content .contour textarea.contourError, .body-content .contour textarea.input-validation-error, .body-content .contour select.contourError, .body-content .contour select.input-validation-error { background: #faefef; border-color: #FBC2C4; } .body-content #contour span.contourError, .body-content #contour span.field-validation-error, .body-content .contour span.contourError, .body-content .contour span.field-validation-error { color: #e82a10 !important; display: block; font-size: .777em; padding: 7px 0 14px 0; } .body-content #contour small, .body-content .contour small { font-size: .777em; } .body-content .contourField { font-size: 1.125em; margin: .1em 0; position: relative !important; *zoom: 1; } .body-content .contourField:before, .body-content .contourField:after { display: table; line-height: 0; content: ""; } .body-content .contourField:after { clear: both; } .body-content .field-validation-error { /* display: block; float: right;*/ clear: both; } .body-content .contourNavigation { margin: 0 0 1.5em; *zoom: 1; } .body-content .contourNavigation:before, .body-content .contourNavigation:after { display: table; line-height: 0; content: ""; } .body-content .contourNavigation:after { clear: both; } .body-content .contourNavigation input[type="submit"] { background-color: #007F90; border: 1px solid #0f525b; border-bottom: 2px solid #0f525b; color: #fff; display: inline-block; font-family: arial, sans-serif; font-weight: bold; padding: 12px 45px 12px 20px; text-decoration: none; max-width: 100%; position: relative; float: left !important; border: 0 none; } .body-content .contourNavigation input[type="submit"]:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e604'; position: absolute; right: 13px; top: 12px; } .body-content .contourNavigation input[type="submit"] span { display: none; margin-right: 10px; } .body-content .contourNavigation input[type="submit"]:hover { color: #fff; background-color: #115f69; text-decoration: none; } #rightCol .body-content .contourNavigation input[type="submit"] { margin: 10px 0; } .ui-datepicker { font-size: .8em !important; } /* mixins */ /* width overrides (fluid + responsive) */ .body-content #contour label.fieldLabel, .body-content .contour label.fieldLabel { clear: none; padding-left: 0px !important; position: relative !important; width: 70%; } .body-content #contour label.fieldLabel + div, .body-content .contour label.fieldLabel + div { float: none; width: auto; } @media (max-width: 40em) { .body-content #contour label.fieldLabel, .body-content .contour label.fieldLabel { width: 100%; } .body-content #contour label.fieldLabel + div, .body-content .contour label.fieldLabel + div { width: 100%; float: left; } } @media (max-width: 30em) { .body-content #contour label.fieldLabel, .body-content .contour label.fieldLabel { width: 100% !important; } } @media (max-width: 40em) { .body-content #contour .checkbox label.fieldLabel + div, .body-content .contour .checkbox label.fieldLabel + div { width: 100%; float: left; } } .body-content #contour input.text, .body-content #contour textarea, .body-content #contour select, .body-content #contour input.datepickerfield, .body-content #contour input[type="file"], .body-content .contour input.text, .body-content .contour textarea, .body-content .contour select, .body-content .contour input.datepickerfield, .body-content .contour input[type="file"] { width: 70% !important; } @media (max-width: 40em) { .body-content #contour input.text, .body-content #contour textarea, .body-content #contour select, .body-content #contour input.datepickerfield, .body-content #contour input[type="file"], .body-content .contour input.text, .body-content .contour textarea, .body-content .contour select, .body-content .contour input.datepickerfield, .body-content .contour input[type="file"] { width: 100% !important; } } @media (max-width: 30em) { .body-content #contour input.text, .body-content #contour textarea, .body-content #contour select, .body-content #contour input.datepickerfield, .body-content #contour input[type="file"], .body-content .contour input.text, .body-content .contour textarea, .body-content .contour select, .body-content .contour input.datepickerfield, .body-content .contour input[type="file"] { width: 100% !important; } } .body-content #contour span.checkboxlist, .body-content #contour span.radiobuttonlist, .body-content .contour span.checkboxlist, .body-content .contour span.radiobuttonlist { width: 70% !important; } .body-content #contour small, .body-content .contour small { padding-left: 70%; } @media (max-width: 40em) { .body-content #contour small, .body-content .contour small { padding-left: 0; } } .body-content #contour #recaptcha_widget_div, .body-content .contour #recaptcha_widget_div { margin-left: 70%; } @media (max-width: 40em) { .body-content #contour #recaptcha_widget_div, .body-content .contour #recaptcha_widget_div { margin-left: 0; } } .body-content .field-validation-error { width: 70%; } @media (max-width: 40em) { .body-content .field-validation-error { width: 70%; } } @media (max-width: 30em) { .body-content .field-validation-error { width: 100% !important; padding-left: 0; } } .body-content .contourNavigation { width: 67%; } @media (max-width: 40em) { .body-content .contourNavigation { width: 100%; text-align: center; } .body-content .contourNavigation input[type="submit"] { float: none; display: inline-block; } } table { display: table; border-collapse: collapse; width: 100%; } table th, table td { display: table-cell; padding: .6em 0.75em; text-align: left; font-size: 1em; } table th { font-family: arial, sans-serif; font-weight: normal; } table.table-prescriptions { margin: 0 0 15px 0; } table.table-prescriptions thead tr { border: none; } table.table-prescriptions tbody tr:last-child { padding: 15px 0 10px 0; } table.table-prescriptions tr { border: solid; border-width: 1px 0; border-top: 1px solid #D5D1CE; border-bottom: 1px solid #D5D1CE; } table.table-prescriptions thead th, table.table-prescriptions tbody td, table.table-prescriptions tr td { padding: 10px 5px; width: 50%; text-align: left; } table.table-generic, .inline-module table { border: 0px solid #D5D1CE; border-top: 0px solid #D5D1CE; /* td:last-child { width: 175px; text-align: center; font-weight: bold; }*/ } table.table-generic caption, .inline-module table caption { font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; padding: 1em 0 .3em 0; color: #f6ab00; text-align: left; } table.table-generic thead, .inline-module table thead { color: #f6ab00; } table.table-generic th, .inline-module table th { text-align: left; } table.table-generic td, .inline-module table td { vertical-align: middle; } table.table-generic td, table.table-generic th, .inline-module table td, .inline-module table th { border-bottom: 1px solid #d5d1ce; } table.table-generic .bold, .inline-module table .bold { font-family: arial, sans-serif; font-weight: bold; } table.table-generic .center, .inline-module table .center { text-align: center; } .table-scrollable h3 { display: none; } @media (max-width: 600px) { .table-vertical table { /* Force table to not be like tables anymore */ /* Hide table headers (but not display: none;, for accessibility) */ /* Label the data */ } .table-vertical table table, .table-vertical table thead, .table-vertical table tbody, .table-vertical table th, .table-vertical table td, .table-vertical table tr { display: block; } .table-vertical table thead tr { position: absolute; top: -9999px; left: -9999px; } .table-vertical table tbody th { border: none; border-bottom: 1px solid red; color: #f6ab00; padding-left: 6px; } .table-vertical table tr { border: 1px solid #D5D1CE; border-left: none; border-right: none; } .table-vertical table tr:last-child { border-bottom: none; } .table-vertical table td { /* Behave like a "row" */ border: none; border-bottom: 1px solid red; position: relative; text-align: right; padding-right: 10%; } .table-vertical table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 75%; text-align: left; padding-right: 10%; white-space: nowrap; } .table-vertical table td:before { content: attr(data-label); font-family: arial, sans-serif; font-weight: bold; } } @media (max-width: 450px) { .table-vertical table td { padding-left: 0%; } .table-vertical table td:before { display: block; position: static; } } @media (max-width: 600px) { .table-scrollable h3 { display: block; font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; margin: 0; padding: 1em 0 .3em 0; color: #f6ab00; text-align: left; } .table-scrollable table { *zoom: 1; width: 100%; border-collapse: collapse; border-spacing: 0; position: relative; display: block; /* sort out borders */ } .table-scrollable table:before, .table-scrollable table:after { display: table; line-height: 0; content: ""; } .table-scrollable table:after { clear: both; } .table-scrollable table caption { display: none; } .table-scrollable table th, .table-scrollable table td { margin: 0; vertical-align: top; } .table-scrollable table th { text-align: left; } .table-scrollable table thead { display: block; float: left; } .table-scrollable table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } .table-scrollable table thead tr { display: block; } .table-scrollable table th { display: block; text-align: right; } .table-scrollable table tbody th { text-align: left; } .table-scrollable table tbody tr { display: inline-block; vertical-align: top; } .table-scrollable table td { display: block; min-height: 1.25em; text-align: left; } .table-scrollable table th { border-bottom: 0; border-left: 0; } .table-scrollable table td { border-left: 0; border-right: 0; border-bottom: 0; } .table-scrollable table tbody tr { border-left: 1px solid #babcbf; } .table-scrollable table th:last-child, .table-scrollable table td:last-child { border-bottom: 1px solid #babcbf; } } #productPipeline { font-size: .8em; } @media (max-width: 850px) { #productPipeline { font-size: .75em; } } #productPipeline table { table-layout: fixed; word-wrap: break-word; } #productPipeline table th { font-size: 1.25em; padding: .5em 1em .5em .5em; vertical-align: bottom; } #productPipeline table td { padding: .5em 1em .5em .5em; vertical-align: top; word-wrap: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #productPipeline table tbody th { background-color: #F0EFED; } @media (max-width: 600px) { #productPipeline { font-size: .8em; } #productPipeline td:before { display: block; position: static; } #productPipeline td { border-bottom: 1px solid #F0EFED; } #productPipeline td.no-data { display: none; } #productPipeline tr { border-bottom: 1px solid #5c5551; border-top: none; } #productPipeline tr.title-block th { color: #5c5551; border-bottom: 1px solid #5c5551; } #productPipeline tr.title-block:first-child th { border-top: 1px solid #5c5551; } } #productPipelineForm { position: relative; } #productPipelineForm .col.half { margin-bottom: 0; } #productPipelineForm fieldset { border: none; padding-bottom: 1em; padding-left: 0; padding-right: 0; } #productPipelineForm fieldset:first-child { border-bottom: 1px solid #f6ab00; } #productPipelineForm fieldset label { display: block; margin: 0 0 1em 0; } #productPipelineForm fieldset select { font-size: .9em; width: 100%; } #productPipelineForm fieldset .dk_container { font-size: .95em; margin-bottom: .5em; width: 100% !important; } @media (max-width: 840px) { #productPipelineForm fieldset .dk_container { font-size: .9em; } } #productPipelineForm fieldset .dk_container .dk_toggle { width: 100% !important; min-width: 0; } #productPipelineForm fieldset input.text { border: 1px solid #D5D1CE; padding: 10px 19px 12px; margin: .8em 0 .5em 0; width: 100%; } #productPipelineForm fieldset input[type=submit] { display: block; clear: both; } #CookieQBanner { margin: 0 auto; width: 100%; background-color: #15717d; position: relative; overflow: hidden; } a.CQclose.__cqAgree { color: #FFFFFF; float: right; margin-right: 20px; position: relative; top: -12px; } #CookieQBanner > div > div > a { font-size: 2em !important; } .__cqinner { margin: 0 auto; max-width: 1280px; } .__cqinner p { color: #FFFFFF; font-size: 0.9em; width: 85%; padding: 0 15px 0 15px; } #CookieQBanner p a { font-weight: 600; color: #FFFFFF; text-decoration: underline; } .lightbox { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; z-index: 2000; background-color: rgba(0, 0, 0, 0.7); display: none; } .lightbox .lightbox-panel { position: absolute; background-color: #f6ab00; color: #fff; width: 100%; max-width: 500px; min-height: 240px; display: block; font-size: 18px; text-align: center; } .lightbox .lightbox-panel h2 { text-align: center; display: block; padding-top: 33px; padding-right: 20px; padding-left: 20px; font-size: 1.2em; margin-bottom: 18px; display: block; } .lightbox .lightbox-panel p { text-align: center; display: block; padding-right: 20px; padding-left: 20px; font-size: 1.0em; line-height: 1.25; margin: .2em 0 1em 0; } .lightbox .lightbox-panel span i { font-size: 2.5em; margin-bottom: 18px; display: block; } .lightbox .lightbox-panel a { border: 2px solid #fff; color: #fff; width: 142px; height: 46px; text-align: center; display: inline-block; text-decoration: none; cursor: pointer; line-height: 45px; margin-top: 25px; margin-bottom: 30px; } .lightbox .lightbox-panel a:hover { color: #72635d; } .lightbox .lightbox-panel a + a { margin-left: 42px; } @media (max-width: 359px) { .lightbox .lightbox-panel a { width: 100px; } } .changes-section { color: #5c5551; } .changes-section .video-transcript-link { color: #f6ab00; } .changes-section .button { color: #fff; } .changes-section strong { font-family: "akzidenz-grotesk_promedium", arial, sans-serif; } .changes-section p, .changes-section li { color: #5c5551; font-family: "akzidenz-grotesk_pro_regulaRg", arial, sans-serif; font-size: 1em; } .changes-section h1, .changes-section h2 { font-family: arial, sans-serif; font-weight: 600; } .lt-ie9 .changes-section h1, .lt-ie9 .changes-section h2 { font-family: "akzidenz-grotesk_promedium", arial, sans-serif; } @media (max-width: 36.1875em) { .changes-section h1, .changes-section h2 { font-family: "akzidenz-grotesk_promedium", arial, sans-serif; } } .changes-section h1 { font-size: 2.5em; line-height: 1em; } .changes-section .brown-button { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background-color: #5c5551; color: #fff; display: inline-block; float: right; font-family: arial, sans-serif; font-size: 1.125em; font-weight: 600; padding: 5px 15px; } .changes-section .brown-button:hover { text-decoration: underline; } .changes-section .changes-our-stories { display: none; position: relative; top: -10px; } .changes-section .changes-our-stories ul { background-color: #f6f6f6; margin: 0; overflow: hidden; padding: 0; } .changes-section .changes-our-stories ul a:hover { color: #5c5551 !important; } .changes-section .changes-our-stories ul .changes-selected { color: #5c5551 !important; } .changes-section .changes-our-stories ul .changes-selected a { background-color: #E1DDDD !important; color: #5c5551 !important; } .changes-section .changes-our-stories ul .changes-orange { color: #f6ab00; } .changes-section .changes-our-stories ul .changes-orange a { color: #f6ab00; } .changes-section .changes-our-stories ul .changes-red { color: #E82A10; } .changes-section .changes-our-stories ul .changes-red a { color: #E82A10; } .changes-section .changes-our-stories ul .changes-green { color: #3a7013; } @media (max-width: 28.125em) { .changes-section .changes-our-stories ul .changes-green { clear: both; } } .changes-section .changes-our-stories ul .changes-green a { color: #3a7013; } .changes-section .changes-our-stories ul .changes-blue { color: #0065B2; } .changes-section .changes-our-stories ul .changes-blue a { color: #0065B2; } .changes-section .changes-our-stories ul .changes-magenta { color: #c00083; } .changes-section .changes-our-stories ul .changes-magenta a { color: #c00083; } .changes-section .changes-our-stories ul .changes-teal { color: #147189; } .changes-section .changes-our-stories ul .changes-teal a { color: #147189; } .changes-section .changes-our-stories ul .changes-view-all-tags:hover { background-color: #f6f6f6; } .changes-section .changes-our-stories ul .changes-view-all-tags:hover a { color: #fff !important; } .changes-section .changes-our-stories ul .changes-view-all-tags a { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background-color: #5c5551; color: #fff; display: inline-block; font-family: arial, sans-serif; font-size: 1.125em; font-weight: 600; margin-top: 11px; padding: 5px 15px; } @media (min-width: 48em) { .changes-section .changes-our-stories ul .changes-view-all-tags a { margin-top: 27px; } } @media (min-width: 60em) { .changes-section .changes-our-stories ul .changes-view-all-tags a { margin-top: 32px; } } .changes-section .changes-our-stories ul .changes-view-all-tags a:hover { color: #fff !important; text-decoration: underline; } .changes-section .changes-our-stories ul li { box-sizing: border-box; float: left; font-family: arial, sans-serif; font-size: .8em; font-weight: bold; list-style-type: none; position: relative; text-align: center; width: 50%; } .changes-section .changes-our-stories ul li a { padding: 15px 0; } .changes-section .changes-our-stories ul li:before { background-color: #d8dada; bottom: 0; content: ""; display: block; height: 1px; margin-left: 25%; position: absolute; width: 50%; } .changes-section .changes-our-stories ul li:nth-child(n+5):before { display: none; } .changes-section .changes-our-stories ul li:nth-child(2n+2):after { background-color: #d8dada; content: ""; display: block; height: 45px; position: absolute; top: 25%; width: 1px; } .changes-section .changes-our-stories ul li:hover { background-color: #E1DDDD; } .changes-section .changes-our-stories ul li:hover a { color: #5c5551 !important; } .changes-section .changes-our-stories ul li span { display: block; font-size: 1.75em; } @media (max-width: 47.9375em) { .changes-section .changes-our-stories ul li span { display: none; } } @media (min-width: 28.125em) { .changes-section .changes-our-stories ul li { width: 33.33%; } .changes-section .changes-our-stories ul li:nth-child(n+4):before { display: none; } .changes-section .changes-our-stories ul li:nth-child(2n+1):after { background-color: #d8dada; content: ""; display: block; height: 45px; position: absolute; top: 25%; width: 1px; } .changes-section .changes-our-stories ul li:nth-child(3n+1):after { display: none; } } .lt-ie9 .changes-section .changes-our-stories ul li { width: 33.33%; } .lt-ie9 .changes-section .changes-our-stories ul li:nth-child(n+4):before { display: none; } .lt-ie9 .changes-section .changes-our-stories ul li:nth-child(2n+1):after { background-color: #d8dada; content: ""; display: block; height: 45px; position: absolute; top: 25%; width: 1px; } .lt-ie9 .changes-section .changes-our-stories ul li:nth-child(3n+1):after { display: none; } @media (min-width: 48em) { .changes-section .changes-our-stories ul li span { margin-bottom: 10px; } } @media (min-width: 60em) { .changes-section .changes-our-stories ul li { border-bottom: 0; font-size: 1em; width: 16.66%; } .changes-section .changes-our-stories ul li a { padding: 20px 0; } .changes-section .changes-our-stories ul li:before { display: none; } .changes-section .changes-our-stories ul li:after { background-color: #d8dada; content: ""; display: block !important; height: 64px !important; position: absolute; top: 25%; width: 1px; } .changes-section .changes-our-stories ul li:first-child:after { display: none !important; } } .lt-ie9 .changes-section .changes-our-stories ul li { border-bottom: 0; font-size: 1em; width: 16.66%; } .lt-ie9 .changes-section .changes-our-stories ul li a { padding: 20px 0; } .lt-ie9 .changes-section .changes-our-stories ul li:before { display: none; } .lt-ie9 .changes-section .changes-our-stories ul li:after { background-color: #d8dada; content: ""; display: block !important; height: 64px !important; position: absolute; top: 25%; width: 1px; } .lt-ie9 .changes-section .changes-our-stories ul li:first-child:after { display: none !important; } .changes-section .changes-our-stories ul li img.changes-our-stories-icon { display: block; margin: 0 auto; margin-bottom: 5px; } @media (max-width: 47.9375em) { .changes-section .changes-our-stories ul li img.changes-our-stories-icon { display: inline; margin-left: 10px; margin-top: 10px; } } @media (min-width: 48em) { .changes-section .changes-our-stories ul li img.changes-our-stories-icon { margin-bottom: 10px; } } .lt-ie9 .changes-section .changes-our-stories ul li img.changes-our-stories-icon { margin-bottom: 10px; } .changes-section .changes-our-stories ul li a { display: block; } .changes-section .changes-our-stories-bar { overflow: hidden; *zoom: 1; clear: both; position: relative; } .changes-section .changes-our-stories-bar p { float: left; } .changes-section .changes-our-stories-bar .changes-our-stories-close { color: #f6ab00; display: none; font-size: 1.5em; line-height: 0.4em; margin-bottom: 0; margin-top: 15px; position: absolute; } .changes-section .changes-our-stories-bar .changes-our-stories-close:hover { color: #15717d; } .changes-section .changes-our-stories-bar .changes-our-stories-close div { text-indent: -9999px; } .changes-section .changes-our-stories-bar .changes-our-stories-open { color: #f6ab00; font-size: 1.5em; line-height: 0.4em; margin-bottom: 0; margin-top: 15px; position: absolute; } .changes-section .changes-our-stories-bar .changes-our-stories-open:hover { color: #15717d; } .changes-section .changes-our-stories-bar .changes-our-stories-open div { text-indent: -9999px; } .changes-section .changes-our-stories-bar .changes-our-stories-button { clear: both; float: left; position: relative; top: -15px; } .changes-section .changes-our-stories-bar .changes-our-stories-button:after { content: "\e604"; font-family: 'icomoon'; speak: none; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin-left: 10px; -webkit-font-smoothing: antialiased; } @media (min-width: 48em) { .changes-section .changes-our-stories-bar .changes-our-stories-button { position: absolute; right: 0; top: 20px; } } .changes-section .changes-our-stories-bar .changes-our-stories-toggle { background-size: 11px 8px; border-bottom: 1px dotted #f6ab00; color: #4a4a4a; cursor: pointer; font-family: "pf_centro_slab_proregular", georgia, serif; font-size: 1.7em; margin-top: 12px; } .changes-section .changes-our-stories-bar .changes-our-stories-toggle:after { content: "\e61e"; font-family: 'icomoon'; speak: none; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin-left: 20px; -webkit-font-smoothing: antialiased; } @media (max-width: 36.25em) { .changes-section .changes-our-stories-bar .changes-our-stories-toggle:after { margin-left: 0; } } .changes-section .changes-our-stories-bar .changes-our-stories-toggle:hover { border-bottom: 1px solid #f6ab00; } .changes-section .changes-our-stories-bar .changes-our-stories-toggle:hover:after { color: #f6ab00; } .changes-section .changes-our-stories-bar .changes-our-stories-toggle.changes-our-stories-toggle-selected:after { color: #f6ab00; content: "\e61d"; } .changes-section .changes-our-stories-bar .changes-our-stories-toggle.changes-our-stories-toggle-selected a { color: #f6ab00; } .changes-section .changes-our-stories-bar .changes-our-stories-toggle a { color: #4a4a4a; } .changes-section p.article-main-tag { background-color: #fff; background-size: 18px; margin-left: -10px; padding: 10px; padding-right: 15px; } .changes-section p.article-main-tag span { margin-right: 10px; } .changes-section .article-main-tag-orange { color: #f6ab00; } .changes-section .article-main-tag-red { color: #E82A10; } .changes-section .article-main-tag-green { color: #54A41C; } .changes-section .article-main-tag-blue { color: #007f90; } .changes-section .article-main-tag-magenta { color: #c00083; } .changes-section .article-main-tag-teal { color: #147189; } .changes-section .changes-tag-wrapper { overflow: hidden; *zoom: 1; clear: both; position: relative; z-index: 2; } .changes-section .changes-tag-wrapper ul { font-size: .75em; list-style-type: none; padding: 0; } .changes-section .changes-tag-wrapper ul li { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background-color: #5c5551; color: #fff; float: left; font-family: arial, sans-serif; font-size: 1.125em; font-weight: 600; margin-bottom: 5px; margin-right: 10px; padding: 5px 15px; } .changes-section .changes-tag-wrapper ul li a { color: #fff; } .changes-section .changes-tag-wrapper ul li a:hover { text-decoration: underline; } .changes-section .changes-tag-wrapper ul li.changes-tag-active { background-color: #f6ab00; } .changes-section .changes-tag-wrapper.changes-tag-wrapper-top ul li { background-color: transparent; color: #5c5551; font-weight: 400; padding: 0; } .changes-section .changes-tag-wrapper.changes-tag-wrapper-top ul li a { color: #007F90; } .changes-section .changes-page-heading h2 { font-family: "pf_centro_slab_proregular", georgia, serif; font-size: 1.5625em; font-weight: normal; } .changes-section .changes-az-group { background-color: #f9f9f9; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding: 20px; } .changes-section .changes-az-group .changes-tag-wrapper ul li { margin-bottom: 14px; } .changes-section .changes-az-group__heading { font-family: "akzidenz-grotesk_pro_regulaRg", arial, sans-serif; font-size: 1.375em; font-weight: normal; } .changes-section .changes-author { margin-bottom: 0; } .changes-section .changes-date { margin-top: 5px; } .changes-section .changes-date span { color: #f6ab00; padding-right: 5px; } .changes-section .changes-article-row { clear: both; margin: 0 auto; max-width: 940px; } .changes-section .changes-article-row p { font-size: 1.125em; line-height: 1.6em; } .changes-section .changes-article-row a { font-weight: bold; } @media (min-width: 36.1875em) { .changes-section .changes-article-row .col.half { float: left; width: 48.987854%; } } .changes-section .changes-article-row .col img { width: 100%; } .changes-section .changes-article-row .image-right .col { float: none; margin-left: 0; } @media (min-width: 36.1875em) { .changes-section .changes-article-row .image-right .col { float: right; margin-left: 1em; } } .changes-section .changes-article-row .inline-module.inline-quote-callout { padding-left: 0; } .changes-section .changes-article-row blockquote { color: #147189; font-size: 1.5em; } .changes-section .changes-article-row blockquote p { color: #147189; font-family: "pf_centro_slab_proitalic", georgia, serif; line-height: 1.4em; } .changes-section .changes-article-row blockquote p:before { display: none; } .changes-section .changes-article-row blockquote footer { background: none; color: #147189; font-family: "akzidenz-grotesk_pro_regulaRg", arial, sans-serif; padding: 0; font-size: .67em; } .changes-section .changes-article-row blockquote footer span { font-family: "akzidenz-grotesk_pro_regulaRg", arial, sans-serif; padding: 0; } .changes-section .changes-article-row blockquote footer p { font-family: "akzidenz-grotesk_pro_regulaRg", arial, sans-serif; } .changes-section .changes-article-row blockquote footer:after { content: ""; background-color: #147189; display: block; height: 2px; margin-top: 15px; width: 50px; } .changes-section p.changes-article-intro { font-family: "pf_centro_slab_proregular", georgia, serif; font-size: 1.35em; line-height: 1.35em; } .changes-section .changes-article-toolbar { margin: 0 auto; max-width: 940px; } @media (min-width: 36.1875em) { .changes-section .changes-article-toolbar .changes-article-details { float: left; } } .changes-section .changes-article-toolbar .changes-article-share .addthis_divider { display: none; } @media (min-width: 36.1875em) { .changes-section .changes-article-toolbar .changes-article-share { float: right; margin-bottom: 1em; width: 180px; } .changes-section .changes-article-toolbar .changes-article-share .row { float: none; margin-right: 0; padding: 0; } } @media (min-width: 48em) { .changes-section .changes-main-article-inner h1 { font-size: 3.125em; } } .lt-ie9 .changes-section .changes-main-article-inner h1 { font-size: 3.125em; } .changes-section .video-wrapper img { height: 100%; } .changes-section .changes-video-caption { border-bottom: 1px solid #d1cac8; font-size: .9em !important; margin-top: 0; padding-bottom: 15px; padding-top: 15px; } .changes-section .changes-video-caption span { font-size: 1.2em; padding-right: 10px; position: relative; top: 2px; } .changes-section .changes-image-caption { border-bottom: 1px solid #d1cac8; font-size: .9em !important; margin-top: 0; padding-bottom: 15px; padding-top: 15px; } .changes-section .changes-image-caption span { font-size: 1.2em; padding-right: 10px; position: relative; top: 2px; } .changes-section .changes-article-fact-box { background-color: #007f90; margin: 60px 0; padding: 30px 60px; text-align: center; } @media (max-width: 36.1875em) { .changes-section .changes-article-fact-box { margin: 30px 0; } .changes-section .changes-article-fact-box p { line-height: 1.2em; } } .changes-section .changes-article-fact-box p { color: #147189; font-weight: bold; margin: 0; } .changes-section .changes-article-fact-box .changes-article-fact { color: #fff; font-size: 1.75em; font-weight: lighter; } .changes-section .changes-article-fact-box .changes-article-fact span { font-size: 2em; font-weight: bold; position: relative; top: 8px; } .changes-section .inline-figure-callout { background-color: #007f90; margin: 60px 0; padding: 30px 30px; text-align: center; } .changes-section .inline-figure-callout figcaption { color: #fff !important; font-family: "akzidenz-grotesk_pro_regulaRg", arial, sans-serif !important; font-size: 1.75em; font-weight: lighter; text-align: center !important; width: 100% !important; } .lt-ie9 .changes-section .inline-figure-callout figcaption { margin-top: 0 !important; } .changes-section .inline-figure-callout figcaption span { font-size: 2em; font-weight: bold; position: relative; top: 8px; } @media (max-width: 36.1875em) { .changes-section .inline-figure-callout { margin: 30px 0; } .changes-section .inline-figure-callout p { line-height: 1.2em; } } .changes-section .inline-figure-callout figure { background: none !important; border: 0; color: #fff; font-weight: bold; margin: 0; text-align: center; } .changes-section .inline-figure-callout p.figure { border: 0 !important; color: #fff; margin-bottom: 10px; text-align: center; width: 100%; } .changes-section .changes-image-strip { margin: 60px 0 30px; overflow: hidden; } @media (max-width: 36.1875em) { .changes-section .changes-image-strip { margin: 30px 0 15px; } } .changes-section .changes-image-strip-item img { width: 100%; } .lt-ie9 .changes-section .changes-image-strip-item { box-sizing: border-box; border-right: 20px solid #fff; } .lt-ie9 .changes-section .changes-image-strip-item img { width: 100%; } @media (min-width: 30em) { .changes-section .changes-image-strip-item { box-sizing: border-box; border-right: 20px solid #fff; } .changes-section .changes-image-strip-item img { width: 100%; } } @media (min-width: 36.25em) { .changes-section .changes-article-author, .changes-section .changes-article-title, .changes-section .changes-article-more { font-size: 1.25em; padding-left: 85px; } } .lt-ie9 .changes-section .changes-article-author, .lt-ie9 .changes-section .changes-article-title, .lt-ie9 .changes-section .changes-article-more { font-size: 1.25em; padding-left: 85px; } .changes-section .changes-article-author { margin-bottom: 0; } .changes-section .changes-article-title { margin-top: 5px; } .changes-section .changes-article-author-image { border-radius: 50%; height: 65px; margin: 0 auto; margin-top: 17px; overflow: hidden; width: 65px; } .changes-section .changes-article-author-image img { display: block; /* Stretch height: 100%; width: 100%; */ min-width: 100%; min-height: 100%; } @media (min-width: 36.25em) { .changes-section .changes-article-author-image { float: left; } } .lt-ie9 .changes-section .changes-article-author-image { float: left; } .changes-section .changes-article-bottom-section { background-color: #F0EFED; margin-bottom: 50px; margin-top: 100px; padding: 30px 0; } @media (max-width: 36.1875em) { .changes-section .changes-article-bottom-section { margin-bottom: 25px; margin-top: 25px; padding: 15px 0; } .changes-section .changes-article-bottom-section h3 { margin-top: 40px; text-align: center; } .changes-section .changes-article-bottom-section .changes-tag-wrapper ul { text-align: center; } .changes-section .changes-article-bottom-section .changes-tag-wrapper ul li { display: inline-block; float: none; } } .changes-section .changes-article-bottom-section-inner { margin: 0 auto; max-width: 940px; overflow: hidden; padding: 0 20px; } @media (max-width: 36.25em) { .changes-section .changes-article-bottom-section-inner .changes-article-details { text-align: center; } } @media (min-width: 36.25em) { .changes-section .changes-article-bottom-section-inner .changes-article-details { float: left; } } .lt-ie9 .changes-section .changes-article-bottom-section-inner .changes-article-details { float: left; } @media (min-width: 62.125em) { .changes-section .changes-article-bottom-section-inner { padding: 0; } } .lt-ie9 .changes-section .changes-article-bottom-section-inner { padding: 0; } @media (min-width: 36.25em) { .changes-section .changes-article-related-tags { float: right; } .changes-section .changes-article-related-tags.no-author { float: none; } } .lt-ie9 .changes-section .changes-article-related-tags { float: right; } .changes-section .changes-article-related-tags h3 { margin-bottom: 5px; } .changes-section .more-from-this-story { text-align: center; } .changes-section .changes-article-row-back-to-top { max-width: 100%; } .lt-ie9 .changes-section .changes-article-row-back-to-top { padding-top: 50px; } .changes-section .changes-back-to-top { background-color: #f6ab00; color: #fff; padding: 15px; text-align: center; } .changes-section .changes-back-to-top a { color: #fff; display: block; width: 100%; } .changes-section .changes-back-to-top a:hover { opacity: .75; } .changes-section .changes-back-to-top a span { font-size: .8em; margin-left: 5px; } .changes-section .changes-third { overflow: hidden; } .changes-section .changes-third-item img { width: 100%; } .changes-section .changes-third-item h2 { color: #007f90; margin-bottom: 0; margin-top: 0; padding-left: 55px; } .changes-section .changes-third-item p { margin-top: 10px; padding-left: 55px; } .lt-ie9 .changes-section .changes-third-item { box-sizing: border-box; border-right: 20px solid #fff; float: left; width: 33.33%; } .lt-ie9 .changes-section .changes-third-item img { width: 100%; } @media (min-width: 53.75em) { .changes-section .changes-third-item { box-sizing: border-box; border-right: 20px solid #fff; float: left; width: 33.33%; } .changes-section .changes-third-item img { width: 100%; } } .changes-section .changes-intro-block h2 { font-size: 2.2em; margin-bottom: 0; } .changes-section .changes-intro-block p { font-size: 1.1em; margin-top: 10px; } .changes-section .changes-source { color: #f6ab00; display: block !important; font-weight: bold; } .changes-section .changes-source span { color: #5c5551; display: block; font-weight: normal; } .changes-section .changes-categories-bar { background-color: #f6f6f6; border-bottom: 2px solid #EDECEC; border-top: 2px solid #EDECEC; margin-bottom: 20px; padding: 20px; padding-bottom: 30px; overflow: hidden; } .changes-section .changes-categories-bar h2 { float: left; font-family: "pf_centro_slab_proregular", georgia, serif; font-weight: normal; margin-bottom: 0; } .changes-section .changes-categories-bar .changes-tag-wrapper { float: left; margin-left: 10px; margin-top: 12px; } .changes-section .changes-categories-bar .changes-tag-wrapper ul li { background-color: #f6ab00; } .changes-section .changes-categories-bar .button { border-radius: 20px; float: right; margin-top: 15px; } .changes-section .changes-circle { background-color: #007f90; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; float: left; height: 40px; width: 40px; } .changes-section .changes-circle span { color: white; display: block; font-size: 1.3em; height: 40px; line-height: 40px; position: relative; text-align: center; width: 40px; } .changes-section .changes-square { background-color: #f7f7f7; box-sizing: border-box; overflow: hidden; position: relative; } .changes-section .changes-square.changes-square-fact { background-color: #f6ab00; background-size: contain; } .changes-section .changes-square.changes-square-fact .changes-square-inner h2, .changes-section .changes-square.changes-square-fact .changes-square-inner p { color: #fff; } .changes-section .changes-square.changes-square-fact .changes-square-inner h2 { font-size: 4.5em; margin-bottom: 0; margin-top: 0; } .changes-section .changes-square.changes-square-fact .changes-square-inner p { font-size: 1.2em; margin-bottom: 0; margin-top: 0; } .changes-section .changes-square.changes-square-fact .changes-square-inner span { text-align: center; } .changes-section .changes-square.changes-square-fact.changes-square-fact-orange { background-color: #f6ab00; } .changes-section .changes-square.changes-square-fact.changes-square-fact-red { background-color: #E82A10; } .changes-section .changes-square.changes-square-factchanges-square-fact-orange { background-color: #f6ab00; } .changes-section .changes-square.changes-square-fact.changes-square-fact-green { background-color: #54A41C; } .changes-section .changes-square.changes-square-fact.changes-square-fact-blue { background-color: #007f90; } .changes-section .changes-square.changes-square-fact.changes-square-fact-magenta { background-color: #c00083; } .changes-section .changes-square.changes-square-fact.changes-square-fact-teal { background-color: #147189; } .changes-section .changes-square.changes-square-fact.changes-square-fact-orange { background-color: #f6ab00; } .changes-section .changes-square.changes-square-fact-red h2 { color: #E82A10; } .changes-section .changes-square.changes-square-fact-orange h2 { color: #f6ab00; } .changes-section .changes-square.changes-square-fact-green h2 { color: #54A41C; } .changes-section .changes-square.changes-square-fact-blue h2 { color: #007f90; } .changes-section .changes-square.changes-square-fact-magenta h2 { color: #c00083; } .changes-section .changes-square.changes-square-fact-teal h2 { color: #147189; } .changes-section .changes-square:before { content: ""; display: block; padding-top: 100%; } @media (min-width: 26.25em) { .changes-section .changes-square:before { padding-top: 50%; } } @media (min-width: 72.8125em) { .changes-section .changes-square:before { padding-top: 100%; } } .changes-section .changes-square .changes-square-inner { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .changes-section .changes-square .changes-square-inner div { display: table; height: 100%; padding: 30px; width: 100%; } .changes-section .changes-square .changes-square-inner span { display: table-cell; vertical-align: middle; text-align: left; position: relative; z-index: 1; } .changes-section .changes-square .changes-square-inner h2 { margin-bottom: 0; } .changes-section .changes-square .changes-square-inner img { filter: alpha(opacity=25); bottom: 0; left: 0; opacity: .25; position: absolute; right: 0; top: 0; z-index: 0; } @media (min-width: 48em) { .changes-section .changes-square { float: left; width: 50%; } } @media (min-width: 72.8125em) { .changes-section .changes-square { width: 25%; } } .changes-section .row.inline-image, .changes-section .row.inline-image-double { margin-right: 0; } .changes-section .row.inline-image figcaption, .changes-section .row.inline-image-double figcaption { padding-top: 10px; } .changes-section .row > h2 { margin-top: 40px; } @media (min-width: 48em) { .changes-section .row > h2 { margin-top: 80px; } } .changes-section .iframe-spaced { padding-top: 40px; } @media (min-width: 48em) { .changes-section .iframe-spaced { padding-top: 80px; } } .changes-section .changes-hero, .changes-section .changes-featured-article, .changes-section .changes-article { box-sizing: border-box; margin-bottom: 40px; position: relative; } .changes-section .changes-hero .changes-article-background-image, .changes-section .changes-featured-article .changes-article-background-image, .changes-section .changes-article .changes-article-background-image { background-size: cover !important; background-position: center center !important; overflow: hidden; } .changes-section .changes-hero .changes-article-background-image a, .changes-section .changes-featured-article .changes-article-background-image a, .changes-section .changes-article .changes-article-background-image a { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .changes-section .changes-hero .changes-article-background-image a img, .changes-section .changes-featured-article .changes-article-background-image a img, .changes-section .changes-article .changes-article-background-image a img { max-width: none; height: auto; width: 100%; } .changes-section .changes-hero .changes-article-background-image a img.lazy, .changes-section .changes-featured-article .changes-article-background-image a img.lazy, .changes-section .changes-article .changes-article-background-image a img.lazy { -webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; max-width: 100%; opacity: 0; } .changes-section .changes-hero .changes-article-background-image a img.lazy.b-loaded, .changes-section .changes-featured-article .changes-article-background-image a img.lazy.b-loaded, .changes-section .changes-article .changes-article-background-image a img.lazy.b-loaded { opacity: 1; } .changes-section .modules { overflow: hidden; } @media (min-width: 36.25em) { .changes-section .row { margin-right: -20px; } } .changes-section:not(.changes-section-article) .changes-hero { overflow: hidden; position: relative; } @media (min-width: 72.8125em) { .changes-section:not(.changes-section-article) .changes-hero:hover:before { background: rgba(0, 0, 0, 0.2); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } } .changes-section .changes-hero .article-main-tag { background-color: transparent; padding-bottom: 0; } @media (max-width: 36.1875em) { .changes-section .changes-hero .article-main-tag { margin-bottom: 10px; } } .changes-section .changes-hero .changes-article-background-image { height: 100%; } .changes-section .changes-hero .changes-article-background-image a { background: url("../images/bg-grad.png"); background-position: 50%; background-size: contain; overflow: hidden; } @media (max-width: 36.1875em) { .changes-section .changes-hero .changes-article-background-image a { background: none; } } .changes-section .changes-hero .changes-article-background-image a img { position: relative; width: 100%; z-index: -1; } .changes-section .changes-hero p { font-size: 1em; } .changes-section .changes-hero .changes-tag-wrapper ul li { border: 1px solid #878280; margin-right: 8px; } .changes-section .changes-hero .video-wrapper { overflow: hidden; padding-bottom: 125%; } @media (min-width: 36.25em) { .changes-section .changes-hero .video-wrapper { padding-bottom: 33.33%; } } .changes-section .changes-hero .video-wrapper img { height: auto; } .changes-section .changes-hero .play-icon { color: #fff; height: 70px; left: 50%; margin: -35px 0 0 -35px; position: absolute; top: 50%; width: 70px; z-index: 100; } @media (min-width: 48em) { .changes-section .changes-hero .play-icon { height: 100px; margin: -50px 0 0 -50px; width: 100px; } } .changes-section .changes-hero .play-icon:before { content: "\e615"; font-family: icomoon; font-size: 4.3rem; } @media (min-width: 48em) { .changes-section .changes-hero .play-icon:before { font-size: 6rem; } } .changes-section .changes-hero .play-icon span { display: none; } .changes-section .changes-hero.changes-text-block .changes-article-background-image a { background-image: none; } .changes-section .changes-hero.changes-text-block .changes-article-inner { background: #5c5551; bottom: 20px; padding: 10px 10px 20px 20px; } @media (min-width: 60em) { .changes-section .changes-hero.changes-text-block .changes-article-inner { margin-left: -20px; } } .changes-section .changes-hero.changes-text-block .changes-tag-wrapper ul li { background: #fff; border: 0; } .changes-section .changes-hero.changes-text-block .changes-tag-wrapper ul li a { color: #5c5551; } @media (min-width: 72.8125em) { .changes-section .changes-featured-article:hover:before { background: rgba(0, 0, 0, 0.2); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } } .changes-section .changes-featured-article p.article-main-tag { background-color: transparent; padding-bottom: 0; padding-left: 20px; } @media (min-width: 72.8125em) { .changes-section .changes-featured-article p.article-main-tag { background: #fff; margin: 0; padding-bottom: 10px; padding-left: 10px; position: absolute; top: 0; } } @media (min-width: 36.25em) { .changes-section .changes-featured-article p.article-main-tag { display: block; } } @media (min-width: 36.25em) { .changes-section .changes-featured-article .changes-article-inner h2 { font-size: 1.875em; } .changes-section .changes-featured-article .changes-article-inner h2 + p { color: #fff; max-width: 80%; } } @media (max-width: 53.75em) { .changes-section .changes-featured-article .changes-article-inner h2 + p { display: none; } } .lt-ie9 .changes-section .changes-featured-article .changes-article-inner h2 { font-size: 1.875em; } .lt-ie9 .changes-section .changes-featured-article .changes-article-inner h2 + p { color: #fff; max-width: 80%; } @media (min-width: 36.25em) { .changes-section .changes-featured-article .changes-article-background-image a { background: url("../images/bg-grad.png"); background-position: 50%; background-size: contain; overflow: hidden; } .changes-section .changes-featured-article .changes-article-background-image a img { position: relative; } } .lt-ie9 .changes-section .changes-featured-article .changes-article-background-image a { background: url("../images/bg-grad.png"); background-position: 50%; background-size: contain; } .lt-ie9 .changes-section .changes-featured-article .changes-article-background-image a img { position: relative; } @media (min-width: 72.8125em) { .changes-section .changes-featured-article .changes-tag-wrapper ul li { border: 1px solid #878280; margin-right: 8px; } } @media (min-width: 72.8125em) { .changes-section .changes-featured-article.changes-text-block .changes-article-background-image a { background-image: none; } .changes-section .changes-featured-article.changes-text-block .changes-article-inner { background: #5c5551; bottom: 20px; margin-left: -20px; padding: 10px 10px 20px 20px; } .changes-section .changes-featured-article.changes-text-block .changes-tag-wrapper ul li { background: #fff; border: 0; } .changes-section .changes-featured-article.changes-text-block .changes-tag-wrapper ul li a { color: #5c5551; } } .changes-section .changes-hero { padding-bottom: 125%; } @media (max-width: 36.25em) { .changes-section .changes-hero { margin-bottom: 40px; padding-bottom: 0; } .changes-section .changes-hero .changes-article-background-image a { position: relative; } .changes-section .changes-hero .changes-article-inner { bottom: 0; left: 15px; position: relative !important; right: 15px; } .changes-section .changes-hero h1 { color: #5c5551 !important; } .changes-section .changes-hero h1 a { color: #5c5551 !important; } .changes-section .changes-hero h1 a:hover { color: #f6ab00 !important; } } @media (max-width: 36.1875em) { .changes-section .changes-hero.changes-hero-old { padding-bottom: 125%; } .changes-section .changes-hero.changes-hero-old .changes-article-inner { bottom: 30px; left: 20px; position: absolute !important; right: 20px; } .changes-section .changes-hero.changes-hero-old .changes-article-background-image a { background: url("../images/bg-grad.png"); background-position: 50%; background-size: contain; position: absolute !important; } .changes-section .changes-hero.changes-hero-old h1 { color: #fff; } .changes-section .changes-hero.changes-hero-old h1 a { color: #fff !important; } .changes-section .changes-hero.changes-hero-old h1 a:hover { color: #f6ab00 !important; } } @media (min-width: 36.25em) { .changes-section .changes-hero.changes-hero-old .changes-mobile-size { display: none; } } .changes-section .changes-hero.changes-hero-old .changes-tablet-size { display: none; } .lt-ie9 .changes-section .changes-hero.changes-hero-old .changes-tablet-size { display: none; } @media (min-width: 36.25em) { .changes-section .changes-hero.changes-hero-old .changes-tablet-size { display: inline; } } .changes-section .changes-hero.changes-article-hero { padding-bottom: 125%; } @media (max-width: 36.25em) { .changes-section .changes-hero.changes-article-hero { margin-bottom: 40px; padding-bottom: 0; } .changes-section .changes-hero.changes-article-hero h1 { color: #5c5551 !important; } } .lt-ie9 .changes-section .changes-hero.changes-article-hero { padding-bottom: 33.33%; } .changes-section .changes-hero.changes-article-hero .changes-article-inner { max-width: none; text-align: center; } .changes-section .changes-hero.changes-article-hero .changes-article-inner h1 { font-family: "akzidenz-grotesk_promedium", arial, sans-serif; font-weight: 400; margin: 0 auto; max-width: none; } @media (min-width: 36.25em) { .changes-section .changes-hero.changes-article-hero { padding-bottom: 33.33%; } } .lt-ie9 .changes-section .changes-hero.changes-article-hero { padding-bottom: 33.33%; } .changes-section .changes-hero.changes-article-hero img { width: 100% !important; } .changes-section .changes-hero.changes-article-hero .changes-tablet-size { display: inline; } .lt-ie9 .changes-section .changes-hero.changes-article-hero .changes-tablet-size { display: none; } @media (min-width: 36.25em) { .changes-section .changes-hero.changes-article-hero .changes-tablet-size { display: none; } } @media (min-width: 36.25em) { .changes-section .changes-hero.changes-article-hero .changes-desktop-size { display: inline; } } .lt-ie9 .changes-section .changes-hero.changes-article-hero .changes-desktop-size { display: inline; } .changes-section .changes-hero.changes-article-hero.module-video { padding-bottom: 0; } .changes-section .changes-hero.changes-article-hero.module-video .changes-article-background-image { display: none; } .changes-section .changes-hero.changes-article-hero-old { padding-bottom: 66.66%; } @media (min-width: 62.8125em) { .changes-section .changes-hero.changes-article-hero-old { padding-bottom: 33.33%; } } @media (max-width: 36.25em) { .changes-section .changes-hero.changes-article-hero-old { margin-bottom: 20px; padding-bottom: 125%; } .changes-section .changes-hero.changes-article-hero-old h1 { color: #ffffff !important; } } .lt-ie9 .changes-section .changes-hero.changes-article-hero-old { padding-bottom: 33.33%; } .changes-section .changes-hero.changes-article-hero-old .changes-article-background-image { height: 100%; } .changes-section .changes-hero.changes-article-hero-old .changes-article-background-image a { background: url("../images/bg-grad.png"); background-position: 50%; background-size: contain; cursor: default; } @media (max-width: 36.1875em) { .changes-section .changes-hero.changes-article-hero-old .changes-article-background-image a { background: url("../images/bg-grad.png"); background-position: 50%; background-size: contain; position: absolute; } } .changes-section .changes-hero.changes-article-hero-old .changes-article-inner { bottom: 40px; max-width: none; position: absolute !important; text-align: center; } .changes-section .changes-hero.changes-article-hero-old .changes-article-inner h1 { font-family: "akzidenz-grotesk_promedium", arial, sans-serif; font-weight: 400; margin: 0 auto; max-width: none; text-align: left; } @media (min-width: 36.25em) { .changes-section .changes-hero.changes-article-hero-old .changes-mobile-size { display: none; } } .changes-section .changes-hero.changes-article-hero-old .changes-tablet-size { display: none; } .lt-ie9 .changes-section .changes-hero.changes-article-hero-old .changes-tablet-size { display: none; } @media (min-width: 36.25em) { .changes-section .changes-hero.changes-article-hero-old .changes-tablet-size { display: inline; } } @media (min-width: 62.8125em) { .changes-section .changes-hero.changes-article-hero-old .changes-tablet-size { display: none; } } .changes-section .changes-hero.changes-article-video-hero { margin: 0 auto; max-width: 940px; padding-bottom: 0; position: relative; } .changes-section .changes-hero.changes-article-video-hero:hover:before { display: none; } .changes-section .changes-hero.changes-article-video-hero .play-icon { width: 40%; } .changes-section .changes-hero.changes-article-video-hero .changes-article-inner { left: 0; max-width: 660px; margin: 0 auto; right: 0; text-align: center; } @media (max-width: 47.9375em) { .changes-section .changes-hero.changes-article-video-hero .changes-article-inner { position: relative !important; } } @media (max-width: 47.9375em) { .changes-section .changes-hero.changes-article-video-hero h1 { color: #4a4a4a !important; font-size: 2em; } .changes-section .changes-hero.changes-article-video-hero .article-main-tag { font-size: 1em; } } .changes-section .changes-hero.changes-article-video-hero .changes-main-article-inner { z-index: 100; } @media (min-width: 36.25em) { .changes-section .changes-hero { padding-bottom: 66.66%; } } @media (min-width: 62.8125em) { .changes-section .changes-hero { padding-bottom: 33.33%; } } .changes-section .changes-hero.module-video { padding-bottom: 0; } .lt-ie9 .changes-section .changes-hero { padding-bottom: 33.33%; } .changes-section .changes-hero .changes-tablet-size { display: inline; } @media (max-width: 36.25em) { .changes-section .changes-hero .changes-tablet-size { width: 100% !important; } } .lt-ie9 .changes-section .changes-hero .changes-tablet-size { display: none; } @media (min-width: 62.8125em) { .changes-section .changes-hero .changes-tablet-size { display: none; } } .changes-section .changes-hero .changes-desktop-size { display: none; } .lt-ie9 .changes-section .changes-hero .changes-desktop-size { display: inline; } @media (min-width: 36.25em) { .changes-section .changes-hero .changes-desktop-size { display: none; } } @media (min-width: 62.8125em) { .changes-section .changes-hero .changes-desktop-size { display: inline; } } .changes-section .changes-hero .changes-article-inner { color: #fff; position: absolute; } .changes-section .changes-hero .changes-article-inner h1 + p { color: #fff; } .changes-section .changes-hero .changes-article-inner h1, .changes-section .changes-hero .changes-article-inner h2 { color: #fff; } .changes-section .changes-hero .changes-article-inner h1 a, .changes-section .changes-hero .changes-article-inner h2 a { color: #fff; } .changes-section .changes-hero .changes-article-inner h1 a:hover, .changes-section .changes-hero .changes-article-inner h2 a:hover { color: #f6ab00; } .changes-section .changes-hero p.article-main-tag { display: inline-block; } @media (max-width: 36.1875em) { .changes-section .changes-featured-article { margin-bottom: 0; } } @media (min-width: 36.25em) { .changes-section .changes-featured-article { background-color: #f7f7f7; } .changes-section .changes-featured-article h2 a { color: #4a4a4a !important; } .changes-section .changes-featured-article h2 a:hover { color: #f6ab00 !important; } .changes-section .changes-featured-article h2 + p { color: #5c5551 !important; } } @media (min-width: 72.8125em) { .changes-section .changes-featured-article { background-color: transparent; } .changes-section .changes-featured-article h2 a { color: #ffffff !important; } .changes-section .changes-featured-article h2 a:hover { color: #f6ab00 !important; } .changes-section .changes-featured-article h2 + p { color: #ffffff !important; } } @media (min-width: 36.25em) { .changes-section .changes-featured-article .changes-article-background-image a { background: none; position: relative; } } @media (min-width: 72.8125em) { .changes-section .changes-featured-article .changes-article-background-image a { background: url("../images/bg-grad.png"); background-position: 50%; background-size: contain; position: absolute; } } @media (min-width: 72.8125em) { .changes-section .changes-featured-article .changes-article-background-image a a { background: url("../images/bg-grad.png"); background-position: 50%; background-size: contain; } .changes-section .changes-featured-article .changes-article-background-image a a img { position: relative; z-index: -1; } } .changes-section .changes-featured-article .changes-article-background-image a img { position: relative; width: 100%; } @media (min-width: 36.25em) { .changes-section .changes-featured-article .changes-article-background-image a img { border-right: 20px solid #f7f7f7; } } @media (min-width: 72.8125em) { .changes-section .changes-featured-article .changes-article-background-image a img { border-right: 0; width: 100%; z-index: -1; } } @media (min-width: 36.25em) { .changes-section .changes-featured-article .changes-article-inner h1, .changes-section .changes-featured-article .changes-article-inner h2 { color: #fff; } .changes-section .changes-featured-article .changes-article-inner h1 a, .changes-section .changes-featured-article .changes-article-inner h2 a { color: #fff; } .changes-section .changes-featured-article .changes-article-inner h1 a:hover, .changes-section .changes-featured-article .changes-article-inner h2 a:hover { color: #f6ab00; } } .lt-ie9 .changes-section .changes-featured-article .changes-article-inner h1, .lt-ie9 .changes-section .changes-featured-article .changes-article-inner h2 { color: #fff; } .lt-ie9 .changes-section .changes-featured-article .changes-article-inner h1 a, .lt-ie9 .changes-section .changes-featured-article .changes-article-inner h2 a { color: #fff; } .lt-ie9 .changes-section .changes-featured-article .changes-article-inner h1 a:hover, .lt-ie9 .changes-section .changes-featured-article .changes-article-inner h2 a:hover { color: #f6ab00; } @media (max-width: 36.1875em) { .changes-section .changes-featured-article .changes-article-background-image { padding-bottom: 66.66%; } .changes-section .changes-featured-article .changes-article-inner { background-color: #f7f7f7; left: 5%; margin-top: -37px; padding: 20px; position: relative; width: 90%; } .changes-section .changes-featured-article .changes-article-inner h2 { font-size: 1.75em; } } @media (min-width: 36.25em) { .changes-section .changes-featured-article { float: left; width: 100%; } .changes-section .changes-featured-article .changes-article-background-image { float: left; width: 50%; } .changes-section .changes-featured-article .changes-article-inner { float: left; left: 10px; max-width: 45%; position: relative; top: 0; } } @media (min-width: 72.8125em) { .changes-section .changes-featured-article { border-right: 20px solid #fff; padding-bottom: 32.2%; width: 50%; } .changes-section .changes-featured-article .changes-article-background-image { float: none; width: 100%; } .changes-section .changes-featured-article .changes-article-inner { bottom: 40px; left: 40px; margin-left: 0; max-width: 600px; position: absolute; top: auto; } } .lt-ie9 .changes-section .changes-featured-article { float: left; border-right: 20px solid #fff; padding-bottom: 32.2%; width: 50%; } .changes-section .changes-featured-article.changes-article-no-image h2 + p { color: #5c5551 !important; } .changes-section .changes-featured-article.changes-article-no-image .changes-article-inner { left: 10px; } .changes-section .changes-featured-article.changes-article-no-image .changes-article-inner h2 a { color: #4a4a4a !important; } .changes-section .changes-featured-article.changes-article-no-image .changes-article-inner h2 a:hover { color: #f6ab00 !important; } @media (min-width: 36.25em) { .changes-section .changes-featured-article + .changes-article + .changes-article { clear: none; } } .lt-ie9 .changes-section .changes-featured-article + .changes-article + .changes-article { clear: none; } @media (max-width: 36.1875em) { .changes-section .changes-article { border-bottom: 1px solid #E3E3E3; clear: both; margin-bottom: 20px; padding-bottom: 20px; } .changes-section .changes-article:after { clear: both; content: ""; display: table; } .changes-section .changes-article h1, .changes-section .changes-article h2 { font-size: 1em; } .changes-section .changes-article .changes-tag-wrapper { display: none; } } @media (max-width: 36.1875em) { .changes-section .changes-article:nth-child(4n+4) .changes-article-background-image { float: none; padding-bottom: 66.66%; width: 100%; } .changes-section .changes-article:nth-child(4n+4) .changes-article-background-image img { width: 100%; } .changes-section .changes-article:nth-child(4n+4) .changes-article-inner { background-color: #f7f7f7; left: 5%; margin-top: -37px; padding: 20px; position: relative; width: 90%; } .changes-section .changes-article:nth-child(4n+4) .changes-article-inner h2 { font-size: 1.75em; } } @media (min-width: 72.8125em) { .changes-section .changes-article:nth-child(2n+2) { border-right: 20px solid #fff; } } .lt-ie9 .changes-section .changes-article:nth-child(2n+2) { border-right: 20px solid #fff; } .changes-section .changes-article .changes-article-inner { bottom: 0; color: #878280; left: 10px; right: 10px; position: relative; } @media (min-width: 36.25em) { .changes-section .changes-article .changes-article-inner { margin-top: -44px; } } .changes-section .changes-article .changes-article-background-image { padding-bottom: 66.66%; position: relative; } @media (max-width: 36.1875em) { .changes-section .changes-article .changes-article-background-image { float: left; padding-bottom: 33.33%; width: 50%; } } @media (min-width: 72.8125em) { .changes-section .changes-article .changes-article-background-image { padding-bottom: 66.66%; } } .lt-ie9 .changes-section .changes-article .changes-article-background-image { padding-bottom: 140%; } @media (min-width: 72.8125em) { .changes-section .changes-article .changes-article-background-image a:hover:before { background: rgba(0, 0, 0, 0.2); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } } @media (min-width: 36.25em) { .changes-section .changes-article { border-right: 20px solid #fff; float: left; width: 50%; } .changes-section .changes-article:nth-child(3n+3) { clear: both; } } .lt-ie9 .changes-section .changes-article { border-right: 20px solid #fff; float: left; width: 25%; } .lt-ie9 .changes-section .changes-article:nth-child(3n+3) { clear: none; } @media (min-width: 72.8125em) { .changes-section .changes-article { width: 25%; } .changes-article-related-stories .changes-section .changes-article { width: 33.33%; } .changes-section .changes-article:nth-child(3n+3) { clear: none; } } .lt-ie9 .changes-section .changes-article-related-row .changes-article { width: 33.33%; } .changes-section .changes-article-related-row .changes-article-no-image h2 { font-size: 1.375em; } @media (min-width: 72.8125em) { .changes-section .changes-article-related-row .changes-article { width: 33.33%; } } .changes-section .changes-article-related-row-left { clear: none; } .changes-section .changes-article-related-row-left .changes-article { width: 100%; } .changes-section .changes-article-related-row-left h2 { text-align: left; } @media (min-width: 36.25em) { .changes-section .changes-article-related-row-left { float: left; margin-right: 5%; width: 30%; } .changes-section .changes-article-related-row-left .changes-article-inner { left: 0; } .changes-section .changes-article-related-row-left .changes-article-inner h2 { margin-top: 60px; } } .changes-section .changes-article-related-row-right { clear: none; } .changes-section .changes-article-related-row-right .changes-article { clear: none !important; width: 100%; } .changes-section .changes-article-related-row-right h2 { text-align: left; } @media (min-width: 36.25em) { .changes-section .changes-article-related-row-right { float: right; width: 65%; } .changes-section .changes-article-related-row-right .changes-article { width: 49%; } .changes-section .changes-article-related-row-right .changes-article + .changes-article { border-right: none; } } @media (min-width: 36.25em) { .changes-section .changes-featured-article + .changes-article { border-right: 20px solid #fff; } } .lt-ie9 .changes-section .changes-featured-article + .changes-article { border-right: 20px solid #fff; } .changes-section .changes-article-inner { bottom: 30px; left: 20px; right: 20px; max-width: 600px; } @media (min-width: 36.25em) { .changes-section .changes-article-inner { color: #fff; position: absolute; } } @media (min-width: 60em) { .changes-section .changes-article-inner { bottom: 40px; left: 40px; } } .lt-ie9 .changes-section .changes-article-inner { color: #fff; position: absolute; top: 156px; } .changes-section .changes-article-inner h1, .changes-section .changes-article-inner h2 { color: #4a4a4a; line-height: 1em; margin-bottom: 10px; margin-right: 10px; margin-top: 10px; } .changes-section .changes-article-inner h1 a, .changes-section .changes-article-inner h2 a { color: #4a4a4a; } .changes-section .changes-article-inner h1 a:hover, .changes-section .changes-article-inner h2 a:hover { color: #f6ab00; } @media (max-width: 36.1875em) { .changes-section .changes-article-inner h1, .changes-section .changes-article-inner h2 { margin-bottom: 0; margin-top: 0; position: relative; z-index: 2; } } @media (min-width: 36.25em) { .changes-section .changes-article-inner h2 { font-size: 1.375em; line-height: 1.1em; } .changes-section .changes-article-inner h2.no-related-tag { margin-top: 62px; } } .lt-ie9 .changes-section .changes-article-inner h2 { font-size: 1.375em; line-height: 1.1em; } .changes-section .changes-article-inner p { display: none; line-height: 1.4em; margin-bottom: 10px; margin-top: 5px; } @media (min-width: 36.25em) { .changes-section .changes-article-inner p { display: block; margin-right: 10px; } } .lt-ie9 .changes-section .changes-article-inner p { display: block; margin-right: 10px; } @media (min-width: 36.25em) { .changes-section .changes-article-no-image h1, .changes-section .changes-article-no-image h2 { font-size: 1.875em; } } .lt-ie9 .changes-section .changes-article-no-image h1, .lt-ie9 .changes-section .changes-article-no-image h2 { font-size: 1.875em; } @media (max-width: 36.1875em) { .changes-section .changes-article-no-image h1, .changes-section .changes-article-no-image h2 { margin-left: -10px; margin-top: 0; } } .changes-section .changes-article-no-image p.article-main-tag { background-color: #fff; background-position: left center; margin-left: 0; padding: 0; } .changes-section .changes-article-no-image .changes-article-inner { height: 100%; margin-top: 0; top: 0; } .changes-section p.article-main-tag { font-family: "akzidenz-grotesk_promedium", arial, sans-serif; font-size: 1em; font-weight: bold; display: none; line-height: 2.2 !important; margin-top: 0; margin-bottom: 0; position: relative; z-index: 2; } .changes-section-article .changes-section p.article-main-tag { font-family: "akzidenz-grotesk_promedium", arial, sans-serif; font-size: 1.25em; font-weight: normal; } @media (min-width: 36.25em) { .changes-section p.article-main-tag { display: inline-block; } } .lt-ie9 .changes-section p.article-main-tag { display: inline-block; } @media (min-width: 72.8125em) { .changes-section .changes-tag-wrapper.align-bottom { position: absolute; bottom: 0; } } .changes-section-article p.article-main-tag { font-family: "akzidenz-grotesk_promedium", arial, sans-serif; font-size: 1.125em; font-weight: normal; } .changes-section-article aside.row { background: transparent; border: 0; margin-right: -20px; padding: 0; } .changes-section-article #rightCol .row, .changes-section-article aside.row .row { background: transparent; border: 0; margin-right: -20px; padding: 0; } .changes-section-article #rightCol .row .module, .changes-section-article aside.row .row .module { border-bottom: 0; padding: 0; } .changes-section-article #rightCol .col, .changes-section-article aside.row .col { margin-bottom: 20px; width: 100%; } @media (min-width: 30em) { .changes-section-article #rightCol .col, .changes-section-article aside.row .col { border-right: 20px solid #fff; float: left; margin-bottom: 0; width: 50%; } } @media (min-width: 48em) { .changes-section-article #rightCol .col, .changes-section-article aside.row .col { width: 33.3%; } } .changes-section-article #rightCol p, .changes-section-article aside.row p { margin: 10px 0; } .changes-section-article #rightCol p.video-caption, .changes-section-article aside.row p.video-caption { border-bottom: 0; display: block; font-size: 1.125em; top: 0; } .changes-section-article #rightCol p.video-caption:after, .changes-section-article aside.row p.video-caption:after { display: none; } .changes-section-article #rightCol .module-video .video-wrapper .play-icon:before, .changes-section-article aside.row .module-video .video-wrapper .play-icon:before { font-size: 4rem; left: 0; top: 0; } @media (min-width: 48em) { .changes-section-article #rightCol .module-video .video-wrapper .play-icon:before, .changes-section-article aside.row .module-video .video-wrapper .play-icon:before { font-size: 3rem; } } @media (min-width: 62.8125em) { .changes-section-article #rightCol .module-video .video-wrapper .play-icon:before, .changes-section-article aside.row .module-video .video-wrapper .play-icon:before { font-size: 4rem; } } .changes-section-article #rightCol .video-wrapper, .changes-section-article aside.row .video-wrapper { margin: 0; } .centres-locator { max-width: 730px; margin-bottom: 20px; } .centres-locator__map-container { height: 576px; background: #f0efed; position: relative; } .centres-locator__map { height: 100%; width: 444px; } .centres-locator__details { position: absolute; left: 444px; top: 0; width: 286px; } .centres-locator__details h3 { font-size: 26px; color: #fff; background: #f6ab00; margin: 0; padding: 26px 30px; } .centres-locator__details p { padding: 10px 30px; } .centres-locator__map .info-window-content { font-size: 16px; font-family: arial,sans-serif; padding-left: 10px; } .centres-locator__map .info-window-content h3 { font-size: 1em; } .centres-locator__map .info-window-body { max-height: 200px; overflow: hidden; position: relative; padding-right: 20px; } .centres-locator__map .info-window-body .ps-scrollbar-y-rail { right: 0; } .centres-locator__filters { position: relative; } .centres-locator__filters .update-results { color: #fff; background: #f6ab00; width: 140px; height: 52px; border: solid 0px #fff; font-weight: bold; float: right; margin: .3em 0 0 0; } .centres-locator__filters .dropdown { right: -20px; left: 0; } .centres-locator__filters .dropdown-links { float: left; width: 275px; margin: 0; margin-right: 20px; } .centres-locator__filters .dropdown-links img { width: 30px; height: 30px; } .centres-locator__filters .dropdown-links .selected-item p { font-size: 1em; } .centres-locator__filters .dropdown-select ul li a { font-size: 1em; } .centres-locator__types-filter .dropdown-select ul li { position: relative; } .centres-locator__types-filter .dropdown-select ul li a { padding-left: 62px; } .centres-locator__types-filter .dropdown-contents .icon { position: absolute; width: 30px; height: 30px; left: 20px; top: 10px; /*height: 100%;*/ /*pointer-events: none;*/ /*z-index: 30;*/ /*margin-left: 16px;*/ } .centres-locator__accordion-container h3 { margin: 1.4em 0 0; color: #5c5551; } .centres-locator__accordion-container .accordion article { font-size: 1em; margin: .3em 0 0 0; padding-bottom: 1em; } .centres-locator__accordion-container .accordion header h3 { padding: .85em 4em .9em 1em; color: #5c5551; } @media screen and (max-width: 1024px) { .centres-locator__map-container { display: none; } .centres-locator__filters .dropdown-links { float: none; width: 100%; } .centres-locator__filters .update-results { float: none; width: 100%; } } @media screen and (min-width: 1024px) { .centres-locator__accordion-container { display: none; } } .lt-ie9 .centres-locator__accordion-container { display: none; } .bts-campaign-wrapper h1 { font-size: 1.5625em; font-weight: 400; margin: 0 0 .625rem; } .bts-campaign-wrapper h1 + p { font-size: 1.2rem; } @media (min-width: 36.25em) { .bts-campaign-wrapper h1 { font-size: 2.1875em; } } .bts-campaign-wrapper p { margin: 0; } @media (min-width: 36.25em) { .bts-campaign-wrapper .row.addthis { float: right; margin: 2.8125em 0 0; } } .bts-campaign-wrapper .owl-theme .owl-controls { margin-top: 0; } .bts-campaign-wrapper .owl-theme .owl-controls .owl-buttons { position: absolute; top: 0; width: 100%; } .bts-campaign-wrapper .owl-theme .owl-controls .owl-buttons div { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; background-color: transparent; color: #fff; display: none; height: 40px; margin: 0; position: absolute; text-shadow: none; top: 200px; width: 40px; z-index: 100; } @media (min-width: 36.25em) { .bts-campaign-wrapper .owl-theme .owl-controls .owl-buttons div { display: block; top: 180px; } } @media (min-width: 48.0625em) { .bts-campaign-wrapper .owl-theme .owl-controls .owl-buttons div { top: 220px; } } @media (min-width: 62.8125em) { .bts-campaign-wrapper .owl-theme .owl-controls .owl-buttons div { top: 145px; } } @media (min-width: 72.8125em) { .bts-campaign-wrapper .owl-theme .owl-controls .owl-buttons div { top: 180px; } } .bts-campaign-wrapper .owl-theme .owl-controls .owl-buttons div:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f6ab00; color: #FFFFFF; content: ''; display: block; font-family: 'icomoon'; font-size: 30px; height: 44px; left: 0; line-height: 44px; position: absolute; top: 0; text-align: center; text-shadow: 0 0 0; width: 44px; } .bts-campaign-wrapper .owl-theme .owl-controls .owl-buttons div:hover:before { background-color: #c25229; } .bts-campaign-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev { -webkit-transform: translateX(-44px); -moz-transform: translateX(-44px); -ms-transform: translateX(-44px); -o-transform: translateX(-44px); transform: translateX(-44px); -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out false; -o-transition: -o-transform 0.2s ease-out false; transition: transform 0.2s ease-out; left: 0; } .bts-campaign-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:before { content: '\e627'; } .bts-campaign-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next { -webkit-transform: translateX(44px); -moz-transform: translateX(44px); -ms-transform: translateX(44px); -o-transform: translateX(44px); transform: translateX(44px); -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out false; -o-transition: -o-transform 0.2s ease-out false; transition: transform 0.2s ease-out; right: 0; } .bts-campaign-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:before { content: '\e604'; } .bts-campaign-wrapper .owl-theme .owl-controls .owl-pagination { background-color: #D5D1CE; } .bts-campaign-wrapper .owl-theme .owl-controls .owl-pagination .owl-page { padding: 20px 15px; } .bts-campaign-wrapper .owl-theme .owl-controls .owl-pagination .owl-page span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; background-color: transparent; border: 2px solid #fff; height: 18px; width: 18px; } .bts-campaign-wrapper .owl-theme .owl-controls .owl-pagination .owl-page.active span { background-color: #f6ab00; border-color: #f6ab00; } .bts-campaign-wrapper .bts-campaign-carousel:hover .owl-controls .owl-buttons div { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .bts-campaign-wrapper .bts-campaign-carousel__slide { padding-bottom: 66.66%; } @media (min-width: 62.8125em) { .bts-campaign-wrapper .bts-campaign-carousel__slide { padding-bottom: 33.33%; } } @media (max-width: 36.25em) { .bts-campaign-wrapper .bts-campaign-carousel__slide { padding-bottom: 125%; } } .bts-campaign-wrapper .bts-campaign-carousel__slide p { line-height: 2.2; } .bts-campaign-wrapper .bts-campaign-carousel__slide video { -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease false; -o-transition: opacity 1s ease false; transition: opacity 1s ease; left: 0; min-height: 100%; min-width: 100%; opacity: 0; position: absolute; top: 0; } .bts-campaign-wrapper .bts-campaign-carousel__slide video.video-loaded { opacity: 1; } .bts-campaign-wrapper .bts-campaign-carousel .owl-pagination { display: none !important; } @media (min-width: 36.25em) { .bts-campaign-wrapper .bts-campaign-carousel .owl-pagination { display: none !important; } } .bts-campaign-wrapper .changes-hero { text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } @media (min-width: 48.0625em) { .bts-campaign-wrapper .changes-hero { margin-bottom: 0; } } .bts-campaign-wrapper .changes-hero.bts-campaign-carousel { margin-bottom: 0; padding-bottom: 0; } .bts-campaign-wrapper .changes-hero .bts-campaign-video-link { margin-bottom: 10px; } .bts-campaign-wrapper .changes-hero .changes-article-background-image span { background: url("../images/bg-grad.png") 50%; background-size: contain; bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .bts-campaign-wrapper .changes-hero .changes-article-background-image span img { position: relative; width: 100%; z-index: -1; } .bts-campaign-wrapper .changes-hero a { color: #FFFFFF; display: block; font-size: 1.2em; } @media (min-width: 62.8125em) { .bts-campaign-wrapper .changes-hero a { display: inline-block; margin-right: 1.25em; } } @media (min-width: 72.8125em) { .bts-campaign-wrapper .changes-hero a { display: block; } } .bts-campaign-wrapper .changes-hero .changes-article-inner > span { color: #f6ab00; font-size: 20px; } @media (min-width: 36.25em) { .bts-campaign-wrapper .changes-hero .changes-article-inner > span { font-size: 22px; } } .bts-campaign-wrapper .changes-hero .changes-article-inner h1 { color: #f6ab00 !important; font-size: 1.75em; font-weight: bold; line-height: 1.2; margin-top: 16px; margin-bottom: 16px; } @media (min-width: 36.25em) { .bts-campaign-wrapper .changes-hero .changes-article-inner h1 { font-size: 2.5em; } } @media (min-width: 72.8125em) { .bts-campaign-wrapper .changes-hero .changes-article-inner h1 { font-size: 42px; } } .bts-campaign-wrapper .changes-featured-article .changes-article-inner h2 { margin-bottom: 10px; } .bts-campaign-wrapper .changes-article .changes-article-inner { margin-top: 0; } @media (min-width: 36.25em) { .bts-campaign-wrapper .changes-article .changes-article-inner { position: static; } } .bts-campaign-header { margin: 2em 0 2.25em; } @media (min-width: 36.25em) { .bts-campaign-header { margin: 0 0 2.5em; max-width: 1050px; } } .bts-campaign-video-link, .bts-campaign-explore-link { color: #5c5551; display: block; line-height: 40px; padding: 0 0 0 50px; position: relative; } @media (min-width: 72.8125em) { .bts-campaign-video-link, .bts-campaign-explore-link { color: #FFFFFF; } } .bts-campaign-video-link:before, .bts-campaign-explore-link:before { -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out false; -o-transition: left 0.2s ease-out false; transition: left 0.2s ease-out; color: #FFFFFF; content: '\e615'; display: block; font-family: 'icomoon'; font-size: 37px; height: 40px; left: 0; line-height: 40px; position: absolute; top: 0; text-align: center; text-shadow: 0 0 0; width: 40px; } @media (max-width: 72.8125em) { .bts-campaign-video-link:before, .bts-campaign-explore-link:before { color: #5c5551; } .bts-campaign-carousel__buttons .bts-campaign-video-link:before, .bts-campaign-carousel__buttons .bts-campaign-explore-link:before { color: #FFFFFF; } } .bts-campaign-explore-link:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); background: #f6ab00; color: #FFFFFF; content: '\e604'; font-size: 2rem; } .bts-campaign-nav { background: #5c5551; margin: 18px 0 0; } .bts-campaign-nav.bts-campaign-nav__top { display: block; margin: 0 0 35px; min-width: 300px; } @media (min-width: 48.0625em) { .bts-campaign-nav.bts-campaign-nav__top { display: block; margin: 0 0 35px; } } .bts-campaign-nav h2 { color: #FFFFFF; font-weight: normal; margin: 0; padding: 0 0 20px 20px; } .bts-campaign-nav .bts-campaign-nav__carousel { box-sizing: border-box; padding: 15px 10px 15px; } @media (min-width: 72.8125em) { .bts-campaign-nav .bts-campaign-nav__carousel { padding: 15px 10px 15px; } } .bts-campaign-nav .bts-campaign-nav__carousel:after { clear: both; content: ''; display: table; } .bts-campaign-nav .bts-campaign-nav__carousel .bts-campaign-nav__item { position: relative; } @media (min-width: 72.8125em) { .bts-campaign-nav .bts-campaign-nav__carousel .bts-campaign-nav__item { float: left; width: 20%; } } .bts-campaign-nav .bts-campaign-nav__carousel .bts-campaign-nav__item span { bottom: 15px; left: 0; padding: 0 20px; position: absolute; } .bts-campaign-nav .bts-campaign-nav__carousel .owl-item .bts-campaign-nav__item { float: none; width: auto; } @media (max-width: 36.25em) { .bts-campaign-nav .bts-campaign-nav__carousel .owl-item .bts-campaign-nav__item { margin: 0 auto; max-width: 250px; } } @media (min-width: 48em) { .bts-campaign-nav .bts-campaign-nav__carousel .owl-item .bts-campaign-nav__item { margin: 0 5px; } } .bts-campaign-nav .bts-campaign-nav__carousel .owl-wrapper-outer { overflow: visible; } .bts-campaign-nav .bts-campaign-nav__carousel .owl-page span { background: transparent; border: 2px solid #FFFFFF; display: block; height: 18px; margin: 5px 15px; opacity: 1; width: 18px; } .bts-campaign-nav .bts-campaign-nav__carousel .owl-page.active span, .bts-campaign-nav .bts-campaign-nav__carousel .owl-page:hover span { background: #f6ab00; border-color: #f6ab00; } .bts-campaign-nav .bts-campaign-nav__carousel .owl-controls { margin-top: 18px; } .bts-campaign-nav img { box-sizing: border-box; display: block; margin: 0 auto; width: 100%; } .bts-campaign-nav a { background: -owg-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.55)); background: -webkit-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.55)); background: -moz-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.55)); background: -o-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.55)); -pie-background: -pie-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.55)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.55)); border: 10px solid #5c5551; color: #FFFFFF; display: block; font-size: 1.25em; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; } .bts-campaign-nav a:hover { background: rgba(0, 0, 0, 0.4); border-color: #f6ab00; } .bts-campaign-nav a, .bts-campaign-nav img { max-width: 250px; } @media (min-width: 36.25em) { .bts-campaign-nav a, .bts-campaign-nav img { max-width: none; } } .bts-campaign-nav .synced .bts-campaign-nav__item:before { border-color: transparent transparent #f6ab00; border-style: solid; border-width: 0 18px 18px; content: ''; height: 0; left: 50%; margin-left: -18px; position: absolute; top: -33px; width: 0; } .bts-campaign-nav .synced .bts-campaign-nav__item a { background: rgba(0, 0, 0, 0.4); border-color: #f6ab00; } .changes-section .changes-article.campaign-promo .changes-article-inner { margin-top: 0; } .bts-campaign-carousel__slide { display: none; } .bts-campaign-carousel__slide:first-child { display: block; } .bts-campaign-content { -webkit-transition: opacity 0.3s false; -moz-transition: opacity 0.3s false false; -o-transition: opacity 0.3s false false; transition: opacity 0.3s; } .bts-campaign-content.loading:before { background-color: #f6ab00; color: #fff; content: 'Loading...'; font-family: "akzidenz-grotesk_promedium", arial, sans-serif; font-size: 1.2em; left: 50%; margin-left: -70px; padding: 20px; position: relative; top: 40px; z-index: 1; } .bts-campaign-content.loading > div { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; } .bts-campaign-wrapper .changes-article-inner > span { /*@include highlighted-text;*/ } .bts-campaign-wrapper .changes-hero .changes-article-inner h1 .highlighted-text, .changes-section .changes-article-inner p .highlighted-text { /*@include highlighted-text;*/ } .bts-campaign-wrapper .changes-hero .changes-article-inner h1:before, .changes-section .changes-article-inner p:before { content: ''; display: block; } .bts-campaign-wrapper .changes-hero .changes-article-inner h1 { line-height: 1.46; } .bts-campaign-carousel__buttons { background-color: rgba(46, 42, 39, 0.7); display: inline-block; margin-left: -10px; padding: 10px; } .bts-campaign-carousel__buttons a:hover { color: #f6ab00; text-decoration: underline; } .changes-section .changes-our-stories-bar .changes-our-stories-button.back-to-campaign-button { background-color: rgba(46, 42, 39, 0.7); color: #FFFFFF; padding: 10px; top: 10px; } @media (max-width: 48em) { .changes-section .changes-our-stories-bar .changes-our-stories-button.back-to-campaign-button { top: -13px; } } .changes-section .changes-our-stories-bar .changes-our-stories-button.back-to-campaign-button:hover { background-color: #f6ab00; } @media (min-width: 36.25em) { .changes-section .bts-campaign-wrapper .bts-campaign-carousel .changes-article-inner { bottom: 50px; left: 70px; } } /*page*/ .page_manager{clear:both;text-align:center; padding:10px;zoom:1;overflow:hidden;} a.page,a.page:hover{display:inline-block;border:1px solid #ededed;padding:5px 10px;text-decoration:none;background:#fff;color:#333;margin-left:1px;} a.page:hover{border:1px solid #f33;color:#f33;} .active_page{display:inline-block;border:1px solid #f33;padding:5px 10px;font-weight:bold;background:#f33;color:#fff;text-decoration:none;margin-left:1px;} /* .news_list{width:100%;} .news_list ul{list-style-type:none;} .news_list ul li { background-color:#fff; clear:both; overflow:hidden; list-style-type:none;padding:0.5em 0;margin:0;background:none;} .news_list .img { width:24%; height:0; padding-bottom:16%; overflow:hidden; float:left; position:relative; margin-right:3%;} .news_list .img img { display:block; width:100%; height:auto;transform:scale(1);transition:transform 0.35s ease 0s;} .news_list .img:hover img { transform:scale(1.07);} .news_list .intro .n { font-size:1em; font-weight:normal; height:1.5em; line-height:1.5em; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:#007f90;padding:0;margin:0;} .news_list .intro time { font-size:0.8em; color:#999;} .news_list .intro .text {font-size:0.8em;border-top:#999 1px dotted; overflow:hidden; margin-top:0.3em;padding-top:0.3em;color:#333;line-height:1.5em;height:3.3em;} .news_list a:hover .n { color:#f6ab00;} @media (max-width: 28em) { .news_list .intro .text {display: none;} .news_list ul li {border-bottom:#999 1px dotted;} .news_list .intro .n { font-size:0.8em;} } */ .body-content h1.news-title{font-size:1.5em;line-height:2;} .body-content p{color:#000;} .body-content p.news-content p{color:#000;} .news-list{width:100%;margin-top:1em;} .news-list ul{list-style-type:none;margin:0;padding:0;} .news-list ul li{margin:0;padding:0;padding-bottom:1.5em;margin-bottom:1.5em; border-bottom:1px solid #eaeaea;list-style-type:none;background:none;} .news-list ul li a{ display:block; background:url(../images/inews_jt.png) no-repeat right; overflow:hidden; } .news-list li ._date{ float:left; width:5em; background:#f5f5f5; text-align:center; height:7em;font-family:arial; color:#e7463c; } .news-list li ._date span{ display:block;} .news-list li ._date ._d1{ font-size:2.9em;line-height:1.1em; padding-top:0.4em;} .news-list li ._nr{ float:left; width:77%; margin-left:3%;} .news-list li ._title{ font-size:1em; font-weight:normal; color:#000; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0;margin:0;} .news-list li ._tools{ color:#b4b4b4; margin:3px 0;font-size:0.8em;} .news-list li ._tools .ion{ margin-left:0;} .news-list li ._tools span{ padding-right:0.8em;} .news-list li ._sum{ font-size:0.8em;line-height:24px; height:48px; overflow:hidden;color:#565656; } .news-list li a:hover{ background:url(../images/inews_jton.png) no-repeat right; } .news-list li a:hover ._title{ color:#e7463c; } .news-list li a:hover ._date{ background:#e7463c; color:#fff; } @media (max-width: 28em) { .news-list ._date {display: none;} .news-list li ._title { font-size:0.8em;} } .prod_list{width: 100%;margin-top:1em;/*overflow:scroll;*/} .prod_list table{border-bottom:1px solid #f2f2f2;} .prod_list table tr th{background:#e8e8e8;line-height:2.4em;text-align:left;padding:2px 1em;word-wrap:keep;color:#000;} .prod_list table tr td{background:#fff;border-top:1px solid #f2f2f2;font-size:0.9em;line-height:1.5em;padding:4px 10px;vertical-align: top;color:#000;word-wrap:break-word;word-break: break-all;} .prod_list table tr td p{font-size:0.9em;line-height:1.5em;color:#000;} .prod_list table tr:hover td{background:#fafafa;color:#000;border-top:1px solid #f6ab00;border-bottom:1px solid #f6ab00;} @media (max-width: 36.25em) { .p_sn{display:none;} } .workshop p{float:left;width:40%;margin-right:1%;} .workshop p img{width:100%;} @media (max-width: 28em) { .workshop p{float:none;width:100%;} } .hr_list h2{font-size:1.2em;color:#007f90;} .hr_list p{font-size:1em;} /* #languageSelector{display:none;} */