/* Comment Generated by Combres - Resource '~/stylesheets/modules/breadcrumbs.css' (Mode: Static) */ #wrapper .breadcrumbs { -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05); zoom: 1; float: left; margin-left: -2.08333%; position: relative; width: 104.16667%; background: #fff; color: #999; float: none; font-size: 35px; line-height: 1.2; letter-spacing: -1px; padding-bottom: 40px; padding: 40px 0; position: relative; } /*rtl:ignore*/ #wrapper .breadcrumbs[dir="ltr"] { margin-left: -2.08333%; } #wrapper .breadcrumbs:before, #wrapper .breadcrumbs:after { content: "\0020"; display: block; height: 0; overflow: hidden; } #wrapper .breadcrumbs:after { clear: both; } #wrapper .breadcrumbs .inner { padding: 0 2.08333%; } #wrapper .breadcrumbs .nav-list .item { margin: 0; padding-left: 0; } #wrapper .breadcrumbs .crumb h1, #wrapper .breadcrumbs .crumb { color: #3d3d3d; display: block; float: left; font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; min-height: 40px; margin: 0; padding: 0; position: relative; font-size: inherit; line-height: inherit; } #wrapper .breadcrumbs .crumb a, #wrapper .breadcrumbs .crumb span { display: inline-block; min-height: 40px; } #wrapper .breadcrumbs .crumb:last-child { height: auto; } #wrapper .breadcrumbs .crumb:last-child a, #wrapper .breadcrumbs .crumb:last-child span { height: auto; overflow: visible; } #wrapper .breadcrumbs .crumb a:after { height: 30px; overflow: hidden; display: inline-block; font-weight: 200; content: "\203A"; margin: 0 15px 2px; } .lt-ie9 #wrapper .breadcrumbs .crumb a:after { height: 32px; } #wrapper .breadcrumbs a { color: #999; font-weight: normal; text-decoration: none; } #wrapper .breadcrumbs a:hover { color: #3d3d3d; text-decoration: underline; } #wrapper .breadcrumbs .inner.topics-list { padding-bottom: 40px; } #wrapper .breadcrumbs .topics-list .nav-list .item { padding-right: 33px; } #wrapper .breadcrumbs .sub-topics-list { padding-top: 20px; } #wrapper .breadcrumbs .sub-topics-list .crumb { font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 39px; letter-spacing: -1px; padding-bottom: 20px; margin-bottom: 0; } #wrapper .breadcrumbs .sub-topics-list .nav-list { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 82.89931%; float: left; list-style: none; padding: 0; } #wrapper .breadcrumbs .sub-topics-list .nav-list .item { font-size: 26px; float: left; line-height: 40px; margin: 0 40px 0 0; padding: 0; } #wrapper .breadcrumbs .sub-topics-list .nav-list .item a { color: #999; font-weight: 500; text-decoration: none; } #wrapper .breadcrumbs .sub-topics-list .nav-list .item a:hover { text-decoration: underline; } #wrapper .breadcrumbs .sub-topics-list .nav-list .item .number { font-size: 17px; margin-left: 5px; display: inline /*rtl:inline-block*/; position: static /*rtl:relative*/; top: -3px; } #wrapper .breadcrumbs .crumb a { max-width: 100%; overflow: hidden; padding-right: 2px; } .lt-ie9 #wrapper .breadcrumbs .crumb a { padding-bottom: 10px; } @media print, screen and (min-width: 606px) and (max-width: 999px) { #wrapper .breadcrumbs { float: left; margin-left: -2.63158%; position: relative; width: 105.26316%; float: none; font-size: 32px; } /*rtl:ignore*/ #wrapper[dir="ltr"] .breadcrumbs { margin-left: -2.63158%; } #wrapper .breadcrumbs .inner { padding: 0 2.63158%; } #wrapper .breadcrumbs .sub-topics-list { padding-top: 20px; } } @media screen and (min-width: 0) and (max-width: 605px) { #wrapper .breadcrumbs { float: left; margin-left: -5.55556%; position: relative; width: 111.11111%; float: none; font-size: 24px; letter-spacing: 0; padding-bottom: 20px; padding-top: 20px; } /*rtl:ignore*/ #wrapper[dir="ltr"] .breadcrumbs { margin-left: -5.55556%; } #wrapper .breadcrumbs .inner { padding: 0 5.55556%; } #wrapper .breadcrumbs .crumb { clear: both; height: 35px; } #wrapper .breadcrumbs .crumb:last-child { font-size: 32px; height: auto; letter-spacing: -1px; } #wrapper .breadcrumbs .crumb, #wrapper .breadcrumbs .crumb a { width: 100%; } #wrapper .breadcrumbs .crumb:after, #wrapper .breadcrumbs .crumb a:after { height: 28px; overflow: visible; } #wrapper .breadcrumbs .sub-topics-list { padding-bottom: 30px; padding-top: 10px; } #wrapper .breadcrumbs .sub-topics-list .nav-list { width: 100%; float: left; } #wrapper .breadcrumbs .sub-topics-list .nav-list .item { font-size: 21px; margin-right: 15px; } #wrapper .breadcrumbs .sub-topics-list .nav-list .item .number { font-size: 13px; } } /* Comment Generated by Combres - Resource '~/stylesheets/modules/social-share.css' (Mode: Static) */ /* fonts ---------------------------------------------------*/ /* default grid - desktop ---------------------------------------------------*/ /* breakpoints ---------------------------------------------------*/ /* ~1. at-breakpoint ~2. grid ~2.1 grid-padding ~2.2 span-columns ~2.3 span-columns-with-gutter ~2.4 omega ~2.5 inner-padding-left ~2.6 inner-padding-right ~2.7 offset-left ~2.8 offset-right ~2.9 offset-left-padding ~2.10 offset-right-padding ~2.11 offset-right-padding-omega ~2.12 offset-left-gutter ~2.13 offset-right-gutter ~2.14 offset-left-grid-padding ~2.15 offset-right-grid-padding ~2.16 offset-left-gutter-padding ~2.17 offset-right-gutter-padding ~2.17 row ~2.18 full-width ~3. clearfix ~4. visually-hidden ~5. karbon ~6. sprites ~6.1 sprite-pseudo ~6.2 sprite-logos ~6.3 sprite-top-utility ~6.4 sprite-nav ~6.5 sprite-main ~6.6 sprite-country ~6.7 sprite-footer ~6.8 sprite-form */ /* ~1. at-breakpoint ---------------------------------------------------*/ /* ~2. grid ---------------------------------------------------*/ /* ~2.1 grid-padding ---------------------------------------------------*/ /* ~2.2 span-columns ---------------------------------------------------*/ /* ~2.3 span-columns-with-gutter ---------------------------------------------------*/ /* ~2.4 omega ---------------------------------------------------*/ /* ~2.5 inner-padding-left ---------------------------------------------------*/ /* ~2.6 inner-padding-right ---------------------------------------------------*/ /* ~2.7 offset-left ---------------------------------------------------*/ /* ~2.8 offset-right ---------------------------------------------------*/ /* ~2.9 offset-left-padding ---------------------------------------------------*/ /* ~2.10 offset-right-padding ---------------------------------------------------*/ /* ~2.11 offset-right-padding-omega ---------------------------------------------------*/ /* ~2.12 offset-left-gutter ---------------------------------------------------*/ /* ~2.13 offset-right-gutter ---------------------------------------------------*/ /* ~2.14 offset-left-grid-padding ---------------------------------------------------*/ /* ~2.15 offset-right-grid-padding ---------------------------------------------------*/ /* ~2.16 offset-left-gutter-padding ---------------------------------------------------*/ /* ~2.17 offset-right-gutter-padding ---------------------------------------------------*/ /* ~2.17 row ---------------------------------------------------*/ /* ~2.18 full-width ---------------------------------------------------*/ /* ~3. clearfix ---------------------------------------------------*/ /* ~4. visually-hidden ---------------------------------------------------*/ /* ~5. karbon ---------------------------------------------------*/ /* ~6. sprites ---------------------------------------------------*/ /* ~6.1 sprite-pseudo ---------------------------------------------------*/ /* ~6.2 sprite-logos ---------------------------------------------------*/ /* ~6.3 sprite-top-utility ---------------------------------------------------*/ /* ~6.4 sprite-nav ---------------------------------------------------*/ /* ~6.5 sprite-main ---------------------------------------------------*/ /* ~6.6 sprite-country ---------------------------------------------------*/ /* ~6.7 sprite-footer ---------------------------------------------------*/ /* ~6.8 sprite-form ---------------------------------------------------*/ /* ~1. BREAKPOINT - large screen ~1.1 handle ~1.2 dropdown ~1.3 open ~2. BREAKPOINT - medium screen ~3. BREAKPOINT - small screen ~3.1 handle ~3.2 dropdown ~3.3 open */ /* ~1. BREAKPOINT - large screen --------------------------------------------------- ---------------------------------------------------*/ #wrapper .dropdown-overlay._share-open-small-screen { display: none; } @media screen and (min-width: 0) and (max-width: 605px) { #wrapper .dropdown-overlay._share-open-small-screen { display: block; } } #wrapper .main .nav-social-share { right: -1.5%; padding-top: 70px; position: absolute; top: 22px; z-index: 1; } #wrapper .main .nav-social-share.module._wired._share-open { z-index:12; } #wrapper .main .nav-social-share .handle { background: transparent; border: 2px solid transparent; border-bottom: 0 none; display: block; height: 70px; overflow: visible; position: absolute; right: 0; text-indent: -9999em; top: 0; width: 70px; z-index: 1; } #wrapper .main .nav-social-share .handle:before { -moz-background-size: 100px 3500px; -o-background-size: 100px 3500px; -webkit-background-size: 100px 3500px; background-size: 100px 3500px; background-image: url("/images/icons/icon-main.svg"); background-repeat: no-repeat; content: ""; display: block; position: absolute; background-position: center -1225px; height: 50px; left: 5px; top: 10px; width: 50px; } .no-svg #wrapper .main .nav-social-share .handle:before { background-image: url("/images/icons/icon-main.png"); } #wrapper .main .nav-social-share .handle:hover:before { background-position: center -1325px; } #wrapper .main .nav-social-share .dropdown { background: #fff; display: none; } #wrapper .main .nav-social-share ul { border: 2px solid #e6e6e6; border-bottom-width: 6px; font-size: 18px; line-height: 60px; padding: 20px 25px 15px; } #wrapper .main .nav-social-share ul li { border-top: 1px solid #f3f3f3; margin: 0; padding: 0; } #wrapper .main .nav-social-share ul li:first-child { border-top: 0 none; } #wrapper .main .nav-social-share ul li:before { -moz-background-size: 100px 3500px; -o-background-size: 100px 3500px; -webkit-background-size: 100px 3500px; background-size: 100px 3500px; background-image: url("/images/icons/icon-main.svg"); background-repeat: no-repeat; content: ""; display: block; position: absolute; height: 50px; width: 44px; } .no-svg #wrapper .main .nav-social-share ul li:before { background-image: url("/images/icons/icon-main.png"); } #wrapper .main .nav-social-share ul li.facebook:before { background-position: center -3455px; } #wrapper .main .nav-social-share ul li.linkedin:before { background-position: center -1621px; } #wrapper .main .nav-social-share ul li.twitter:before { background-position: center -1720px; } #wrapper .main .nav-social-share ul li.email:before { background-position: center -1820px; } #wrapper .main .nav-social-share ul a { color: #999; display: block; height: 60px; margin-left: 54px; position: relative; text-decoration: none; width: auto; } #wrapper .main .nav-social-share ul a:hover { color: #3d3d3d; text-decoration: underline; } #wrapper .main .nav-social-share._share-open .handle { background: #fff; border-color: #e6e6e6; } #wrapper .main .nav-social-share._share-open .handle:before { background-position: center -1425px; content: " "; /* IE8 won't render new bkg pos unless content changes */ } #wrapper .main .nav-social-share._share-open .handle:hover:before { background-position: center -1525px; content: " "; /* IE8 won't render new bkg pos unless content changes */ } #wrapper .main .nav-social-share._share-open .dropdown { display: block; } @media print, screen and (min-width: 606px) and (max-width: 999px) { #wrapper .main .nav-social-share { right: -2.5%; } } @media screen and (min-width: 0) and (max-width: 605px) { #wrapper .main .nav-social-share { float: left; margin-left: -5.55556%; position: relative; width: 111.11111%; left: 0; padding-top: 0; position: absolute; right: auto; top: 8px; /* ~3.1 handle ---------------------------------------------------*/ /* ~3.2 dropdown ---------------------------------------------------*/ /* ~3.3 open ---------------------------------------------------*/ } #wrapper .main .nav-social-share .inner { padding: 0 5.55556%; } #wrapper .main .nav-social-share .handle { background-color: transparent; right: 17px; width: 65px; } #wrapper .main .nav-social-share .dropdown { float: left; margin-left: -5.55556%; position: relative; width: 111.11111%; top: 60px; border-top: solid 2px #E8E8E8; border-bottom: solid 2px #E8E8E8; } #wrapper .main .nav-social-share .dropdown .inner { padding: 0 5.55556%; } #wrapper .main .nav-social-share ul { border: 0 none; line-height: 1; padding-bottom: 0; padding-top: 0; } #wrapper .main .nav-social-share ul a { font-size: 22px; top: 17px; width: auto; } #wrapper .main .nav-social-share ul a:before { top: 13px; } } @media screen and (min-width: 0) and (max-width: 605px) and (-webkit-min-device-pixel-ratio: 0) { #wrapper .main .nav-social-share ul a:before { top: 10px; } } @media screen and (min-width: 0) and (max-width: 605px) { #wrapper .main .nav-social-share ul li:first-child { margin-top: 10px; padding-right: 50px; } #wrapper .main .nav-social-share .handle:before { background-position: center -1230px; } #wrapper .main .nav-social-share .handle:hover:before { background-position: center -1330px; } /*#wrapper .main .nav-social-share._share-open .handle { border-color: #fff; } */ #wrapper .main .nav-social-share._share-open .handle:after { content: ""; display: block; position: absolute; height: 22px; left: -2px; top: 60px; width: 65px; background: #fff; } #wrapper .main .nav-social-share._share-open .handle:before { background-position: center -1432px; } #wrapper .main .nav-social-share._share-open .handle:hover:before { background-position: center -1532px; } } /* Comment Generated by Combres - Resource '~/stylesheets/pages/topic.css' (Mode: Static) */ #wrapper .topic .topic-list li, #wrapper .topic .topic-item .title h3 { font-family: EMprint, 'Univers Next W23', 'Tahoma W01 Regular', 'Saral W60', 'AxisStd-Light', 'MHei HK Medium', 'MHei PRC Medium', 'Ergo LT W08', 'YDGothic_120 Pro', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 24px; margin-top: 0; } #wrapper .topic .topic-item .title h3 { display: inline; font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 22px; margin-bottom: 0; } #wrapper .topic .topic-list li .number, #wrapper .topic .topic-item .title .number { font-size: 17px; } #wrapper .topic .topic-list li .number { margin-left: 5px; } #wrapper .topic .topic-item .title .number { margin-left: 5px; unicode-bidi: plaintext; } #wrapper .topic .topic-detail { float: left; margin-left: -2.08333%; position: relative; width: 104.16667%; background: #fff; padding: 30px 0 50px; } #wrapper .topic .topic-detail .inner { padding: 0 2.08333%; } #wrapper .topic .topic-detail h2 { font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 36px; letter-spacing: -1px; padding-bottom: 20px; margin-bottom: 0; } #wrapper .topic .topic-detail .topic-list { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 82.89931%; float: left; float: left; list-style: none; padding: 0; } #wrapper .topic .topic-detail .topic-list li { float: left; line-height: 40px; margin: 0 40px 0 0; padding: 0; } #wrapper .topic .topic-detail .topic-list li a { color: #999; text-decoration: none; } #wrapper .topic .topic-detail .topic-list li a:hover { text-decoration: underline; } #wrapper .topic .topic-item { -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; float: left; margin-left: -2.1%; width: 104.2%; position: relative; /* ~1.3 topic related content ---------------------------------------------------*/ /* ~1.4 topic also in topic ---------------------------------------------------*/ /* ~1.5 introduction module ---------------------------------------------------*/ /* ~1.6 image module ---------------------------------------------------*/ /* ~1.7 stats module ---------------------------------------------------*/ /* ~1.8 text and related content module ---------------------------------------------------*/ /* ~1.9 video module ---------------------------------------------------*/ } #wrapper .topic .topic-item .inner { padding: 0 2.08333%; } #wrapper .topic .topic-item .title .number, #wrapper .topic .topic-item .title .explore, #wrapper .topic .topic-item .related ul li a, #wrapper .topic .topic-item .also-in-topic .type { color: #818181; unicode-bidi: plaintext; } #wrapper .topic .topic-item .stat-text, #wrapper .topic .topic-item .title a, #wrapper .topic .topic-item .related-title, #wrapper .topic .topic-item .stat, #wrapper .topic .topic-item .also-in-topic .topic, #wrapper .topic .topic-item .also-in-topic a { color: #3d3d3d; } #wrapper .topic .topic-item.dark-gray { background-color: #545454; background-position: center center; } #wrapper .topic .topic-item.medium-gray { background-color: #cccccc; } #wrapper .topic .topic-item.light-gray { background-color: #ededed; background-position: center center; } #wrapper .topic .topic-item.dark-gray .copy, #wrapper .topic .topic-item.dark-gray .title h3 a, #wrapper .topic .topic-item.dark-gray .also-in-topic .topic, #wrapper .topic .topic-item.dark-gray .also-in-topic a, #wrapper .topic .topic-item.dark-gray .related-title, #wrapper .topic .topic-item.dark-gray .stat { color: #fafafa; } #wrapper .topic .topic-item.dark-gray .also-in-topic .type, #wrapper .topic .topic-item.dark-gray .related ul li a, #wrapper .topic .topic-item.dark-gray .title .number, #wrapper .topic .topic-item.dark-gray .title .explore { color: #eee; } #wrapper .topic .topic-item.image-module .copy p, #wrapper .topic .topic-item.image-module .copy a, #wrapper .topic .topic-item.text-and-related-content-module .copy p, #wrapper .topic .topic-item.text-and-related-content-module .copy a, #wrapper .topic .topic-item.video-module .copy p, #wrapper .topic .topic-item.video-module .copy a { font-family: EMprintLight, 'Univers Next W23 Light', 'Tahoma W01 Regular', 'Saral W60 Light', 'AxisStd-ExtraLight', 'MHei HK Light', 'MHei PRC Light', 'Ergo LT W08', 'YDGothic_110 Pro', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 34px; line-height: 40px; } #wrapper .topic .topic-item.image-module .copy p.info, #wrapper .topic .topic-item.image-module .copy a.info, #wrapper .topic .topic-item.text-and-related-content-module .copy p.info, #wrapper .topic .topic-item.text-and-related-content-module .copy a.info, #wrapper .topic .topic-item.video-module .copy p.info, #wrapper .topic .topic-item.video-module .copy a.info { font-size: 15px; font-family: EMprintLightItalic; font-weight: normal; line-height: 30px; } #wrapper .topic .topic-item.dark-gray .also-in-topic, #wrapper .topic .topic-item.dark-gray .related:before { border-color: #737373; } #wrapper .topic .topic-item.dark-gray .related li:after { color: #737373; } #wrapper .topic .topic-item.medium-gray .also-in-topic, #wrapper .topic .topic-item.medium-gray .related:before, #wrapper .topic .topic-item.light-gray .also-in-topic, #wrapper .topic .topic-item.light-gray .related:before { border-color: #bfbfbf; } #wrapper .topic .topic-item.medium-gray .related li:after, #wrapper .topic .topic-item.light-gray .related li:after { color: #bfbfbf; } #wrapper .topic .topic-item.video-module.dark-gray .related:before { border: 0; } #wrapper .topic .topic-item .copy, #wrapper .topic .topic-item .image, #wrapper .topic .topic-item .stat-wrapper, #wrapper .topic .topic-item .video-wrapper, #wrapper .topic .topic-item .also-in-topic, #wrapper .topic .topic-item .related { margin-bottom: 50px; } #wrapper .topic .topic-item .stat-wrapper { margin-top: 240px; } #wrapper .topic .topic-item .also-in-topic { margin-top: 320px; } #wrapper .topic .topic-item .image, #wrapper .topic .topic-item .video-wrapper, #wrapper .topic .topic-item .copy { margin-top: 90px; } #wrapper .topic .topic-item .copy p, #wrapper .topic .topic-item .copy a { margin: 0; position: relative; } #wrapper .topic .topic-item .copy a { color: inherit; text-decoration: underline; } #wrapper .topic .topic-item .copy a.component-link { text-decoration: none; } #wrapper .topic .topic-item .copy a.component-link:hover { text-decoration: underline; } #wrapper .topic .topic-item .copy.type-chart p, #wrapper .topic .topic-item .copy.type-chart a, #wrapper .topic .topic-item .copy.type-video p, #wrapper .topic .topic-item .copy.type-video a, #wrapper .topic .topic-item .copy.type-download p, #wrapper .topic .topic-item .copy.type-download a { display: block; text-indent: 38px; } #wrapper .topic .topic-item .copy.type-chart p:before, #wrapper .topic .topic-item .copy.type-chart a:before, #wrapper .topic .topic-item .copy.type-video p:before, #wrapper .topic .topic-item .copy.type-video a:before, #wrapper .topic .topic-item .copy.type-download p:before, #wrapper .topic .topic-item .copy.type-download a:before { content: ""; display: block; position: absolute; -moz-background-size: 100px 3500px; -o-background-size: 100px 3500px; -webkit-background-size: 100px 3500px; background-size: 100px 3500px; background-image: url("/images/icons/icon-main.svg"); background-repeat: no-repeat; height: 28px; left: 0; width: 28px; bottom: 4px; } #wrapper .topic .topic-item .copy.type-video a:before { top: 7px; } .no-svg #wrapper .topic .topic-item .copy.type-chart p:before, .no-svg #wrapper .topic .topic-item .copy.type-chart a:before, .no-svg #wrapper .topic .topic-item .copy.type-video p:before, .no-svg #wrapper .topic .topic-item .copy.type-video a:before, .no-svg #wrapper .topic .topic-item .copy.type-download p:before, .no-svg #wrapper .topic .topic-item .copy.type-download a:before { background-image: url("/images/icons/icon-main.png"); } #wrapper .topic .topic-item .copy.type-chart p.info, #wrapper .topic .topic-item .copy.type-chart a.info, #wrapper .topic .topic-item .copy.type-video p.info, #wrapper .topic .topic-item .copy.type-video a.info, #wrapper .topic .topic-item .copy.type-download p.info, #wrapper .topic .topic-item .copy.type-download a.info { text-indent: 0; } #wrapper .topic .topic-item .copy.type-chart p.info:before, #wrapper .topic .topic-item .copy.type-chart a.info:before, #wrapper .topic .topic-item .copy.type-video p.info:before, #wrapper .topic .topic-item .copy.type-video a.info:before, #wrapper .topic .topic-item .copy.type-download p.info:before, #wrapper .topic .topic-item .copy.type-download a.info:before { display: none; } #wrapper .topic .topic-item.dark-gray .copy.type-chart p:before, #wrapper .topic .topic-item.dark-gray .copy.type-chart a:before { background-position: center -136px; } #wrapper .topic .topic-item.dark-gray .copy.type-video p:before, #wrapper .topic .topic-item.dark-gray .copy.type-video a:before { background-position: center -532px; } #wrapper .topic .topic-item.dark-gray .copy.type-download p:before, #wrapper .topic .topic-item.dark-gray .copy.type-download a:before { background-position: center -936px; } #wrapper .topic .topic-item.medium-gray .copy.type-chart p:before, #wrapper .topic .topic-item.medium-gray .copy.type-chart a:before { background-position: center -36px; } #wrapper .topic .topic-item.medium-gray .copy.type-video p:before, #wrapper .topic .topic-item.medium-gray .copy.type-video a:before { background-position: center -430px; } #wrapper .topic .topic-item.medium-gray .copy.type-download p:before, #wrapper .topic .topic-item.medium-gray .copy.type-download a:before { background-position: center -836px; } #wrapper .topic .topic-item.light-gray .copy.type-chart p:before, #wrapper .topic .topic-item.light-gray .copy.type-chart a:before { background-position: center -236px; background-position: center -36px; } #wrapper .topic .topic-item.light-gray .copy.type-video p:before, #wrapper .topic .topic-item.light-gray .copy.type-video a:before { background-position: center -639px; background-position: center -439px; } #wrapper .topic .topic-item.light-gray .copy.type-download p:before, #wrapper .topic .topic-item.light-gray .copy.type-download a:before { background-position: center -1036px; background-position: center -836px; } #wrapper .topic .topic-item .stat-wrapper .copy { margin-bottom: 0; margin-top: 0; } #wrapper .topic .topic-item .inner { overflow: hidden; } #wrapper .topic .topic-item .title { position: absolute; margin-bottom: 30px; top: 40px; width: 72%; } #wrapper .topic .topic-item .title a { text-decoration: none; } .lt-ie9 #wrapper .topic .topic-item .title a { display: inline-block; } #wrapper .topic .topic-item .title a.explore { font-size: 16px; margin-left: 7px; white-space: nowrap; word-break: keep-all; } #wrapper .topic .topic-item .title a:hover { text-decoration: underline; } #wrapper .topic .topic-item.introduction-module .copy a { display: inline; } #wrapper .topic .topic-item .related { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 23.04688%; display: inline; display: inline-block; float: none; vertical-align: bottom; margin-left: 3.90625%; margin-right: -3.90625%; line-height: 30px; padding-left: 3%; padding-right: 4%; position: relative; z-index: 2; } #wrapper .topic .topic-item .related .related-title { font-size: 16px; font-weight: 500; } #wrapper .topic .topic-item .related ul { list-style: none; padding-bottom: 0; padding-left: 0; padding-top: 10px; } #wrapper .topic .topic-item .related ul li { margin: 0; } #wrapper .topic .topic-item .related ul li a { font-size: 16px; text-decoration: none; } #wrapper .topic .topic-item .related ul li:hover { text-decoration: underline; } #wrapper .topic .topic-item:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 23.04688%; float: left; content: ""; height: 100%; margin-right: 0; position: absolute; right: 0; top: 0; } #wrapper .topic .topic-item.dark-gray:before { background-color: rgba(33, 33, 33, 0.2); } .lt-ie9 #wrapper .topic .topic-item.dark-gray:before { background-color: #545454; filter: alpha(opacity=20); } #wrapper .topic .topic-item.medium-gray:before { background-color: rgba(153, 153, 153, 0.2); } .lt-ie9 #wrapper .topic .topic-item.medium-gray:before { background-color: #cccccc; filter: alpha(opacity=20); } #wrapper .topic .topic-item.light-gray:before { background-color: rgba(186, 186, 186, 0.2); } .lt-ie9 #wrapper .topic .topic-item.light-gray:before { background-color: #ededed; filter: alpha(opacity=20); } #wrapper .topic .topic-item .also-in-topic { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 31.59722%; display: inline; display: inline-block; float: none; vertical-align: bottom; margin-left: -2.60417%; padding-left: 2.60417%; border-left-width: 1px; border-left-style: solid; font-family: EMprint, 'Univers Next W23', 'Tahoma W01 Regular', 'Saral W60', 'AxisStd-Light', 'MHei HK Medium', 'MHei PRC Medium', 'Ergo LT W08', 'YDGothic_120 Pro', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 16px; line-height: 30px; } #wrapper .topic .topic-item .also-in-topic ul { list-style: none; padding-left: 0; } #wrapper .topic .topic-item .also-in-topic ul li { margin: 0; padding: 0; } #wrapper .topic .topic-item .also-in-topic .topic { font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; margin-bottom: 10px; } #wrapper .topic .topic-item .also-in-topic .type { margin-right: 10px; } #wrapper .topic .topic-item .also-in-topic a { text-decoration: none; } #wrapper .topic .topic-item .also-in-topic a:hover { text-decoration: underline; } #wrapper .topic .topic-item.introduction-module { background-position: center top; padding: 30px 0 50px; } #wrapper .topic .topic-item.introduction-module.img-loaded { min-height: 370px; background-position: center center; } #wrapper .topic .topic-item.introduction-module .copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 40.14757%; float: left; background-color: rgba(255, 255, 255, 0.9); color: #808080; font-size: 17px; line-height: 30px; margin: 0; padding: 30px; } .lt-ie9 #wrapper .topic .topic-item.introduction-module .copy { background-color: #fff; } #wrapper .topic .topic-item.introduction-module:before { display: none; } #wrapper .topic .topic-item.image-module .copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 31.59722%; display: inline; display: inline-block; float: none; vertical-align: bottom; margin-top: 280px; } #wrapper .topic .topic-item.image-module .image { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 40.14757%; display: inline; display: inline-block; float: none; vertical-align: bottom; } #wrapper .topic .topic-item.image-module .image img { display: block; width: 100%; } #wrapper .topic .topic-item.image-module .image img.img-loaded { height: auto; } #wrapper .topic .topic-item.image-module .last { margin-right: 0; } #wrapper .topic .topic-item.stats-module .stat-wrapper { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 40.14757%; display: inline; display: inline-block; float: none; vertical-align: bottom; } #wrapper .topic .topic-item.stats-module .stat-wrapper .stat { font-family: EMprintLight, 'Univers Next W23 Light', 'Tahoma W01 Regular', 'Saral W60 Light', 'AxisStd-ExtraLight', 'MHei HK Light', 'MHei PRC Light', 'Ergo LT W08', 'YDGothic_110 Pro', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 200px; line-height: .9; } #wrapper .topic .topic-item.stats-module .stat-wrapper .copy { font-family: EMprintLight, 'Univers Next W23 Light', 'Tahoma W01 Regular', 'Saral W60 Light', 'AxisStd-ExtraLight', 'MHei HK Light', 'MHei PRC Light', 'Ergo LT W08', 'YDGothic_110 Pro', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 24px; line-height: 1.3; margin-top: 20px; } #wrapper .topic .topic-item.stats-module .stat-wrapper .copy.type-chart p:before, #wrapper .topic .topic-item.stats-module .stat-wrapper .copy.type-video p:before, #wrapper .topic .topic-item.stats-module .stat-wrapper .copy.type-download p:before, #wrapper .topic .topic-item.stats-module .stat-wrapper .copy.type-download a:before { top: -7px; } #wrapper .topic .topic-item.stats-module .stat-wrapper .copy.type-video a:before { top: 4px; } #wrapper .topic .topic-item.stats-module .stat-wrapper .copy.type-chart a:before { top: 0px; } #wrapper .topic .topic-item.text-and-related-content-module .copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 31.59722%; display: inline; display: inline-block; float: none; vertical-align: bottom; margin-right: 8.55035%; margin-right: 11.05%; margin-top: 180px; } #wrapper .topic .topic-item.video-module .copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 31.59722%; display: inline; display: inline-block; float: none; vertical-align: bottom; margin-top: 280px; } #wrapper .topic .topic-item.video-module .video-wrapper { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 40.14757%; display: inline; display: inline-block; float: none; vertical-align: bottom; } #wrapper .topic .topic-item.video-module .video-wrapper a { display: block; } #wrapper .topic .topic-item.video-module .video-wrapper .video { -moz-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2); display: block; width: 100%; } #wrapper .topic .topic-item.video-module .video-wrapper .video.img-loaded { height: auto; } #wrapper .topic .topic-item.video-module .last { margin-right: 0; } .external-link, .external-link-white { position: relative; } .external-link::before { content: ""; display: block; position: absolute; -moz-background-size: 100px 3500px; -o-background-size: 100px 3500px; -webkit-background-size: 100px 3500px; background-size: 100px 3500px; background-image: url("/images/icons/icon-main.svg"); background-repeat: no-repeat; background-position: center -2945px; bottom: 5px; height: 10px; right: -17px; width: 10px; filter: brightness(1) invert(1); } .external-link-white::before { content: ""; display: block; position: absolute; -moz-background-size: 100px 3500px; -o-background-size: 100px 3500px; -webkit-background-size: 100px 3500px; background-size: 100px 3500px; background-image: url("/images/icons/icon-main.svg"); background-repeat: no-repeat; background-position: center -2945px; bottom: 5px; height: 10px; right: -17px; width: 10px; filter: brightness(0) invert(1); } .offsite-number { margin-left: 20px; font-size: 16px; } .offsite-number-white { margin-left: 20px; font-size: 16px; filter: brightness(0) invert(1); } .offsite-topic::before{ bottom: 17px; } @media print, screen and (min-width: 0) and (max-width: 1000px) { #wrapper .topic .topic-item .title { width: 90%; } #wrapper .topic .topic-item .title a.explore { font-size: 16px; } #wrapper .topic .topic-item .related { background: none; line-height: 30px; margin-bottom: 0; margin-top: 0; overflow: hidden; padding: 30px 4% 0 0; position: relative; } #wrapper .topic .topic-item .related .related-title { float: left; padding-right: 35px; } #wrapper .topic .topic-item .related ul { list-style: none; padding-bottom: 0; padding-top: 0; } #wrapper .topic .topic-item .related ul li { float: left; margin: 0 35px 0 0; position: relative; } #wrapper .topic .topic-item .related ul li a { font-size: 16px; text-decoration: none; } #wrapper .topic .topic-item .related ul li:after { content: '\2F'; display: block; font-size: 12px; left: -19px; position: absolute; top: 0; } #wrapper .topic .topic-item .related ul li:first-child:after { display: none; } #wrapper .topic .topic-item .related ul li:last-child { margin-right: 0; } #wrapper .topic .topic-item .related ul li:hover { text-decoration: underline; } #wrapper .topic .topic-item .related:before { background: none; border-top-width: 1px; border-top-style: solid; content: ""; display: block; left: 0; position: absolute; top: 15px; width: 90px; } #wrapper .topic .topic-item.stats-module .stat-wrapper .stat { font-size: 150px; } #wrapper .topic .topic-item:before { display: none; } } @media print, screen and (min-width: 606px) and (max-width: 999px) { #wrapper .topic { /* ~3.1 topic nav ---------------------------------------------------*/ } #wrapper .topic .topic-list li { font-size: 23px; } #wrapper .topic .topic-item .title { top: 30px; } #wrapper .topic .topic-item .title h3 { font-size: 21px; } #wrapper .topic .topic-list li .number, #wrapper .topic .topic-item .title .number { font-size: 16px; } #wrapper .topic .topic-detail { float: left; margin-left: -2.63158%; position: relative; width: 105.26316%; padding-top: 20px; } #wrapper .topic .topic-detail .inner { padding: 0 2.63158%; } #wrapper .topic .topic-detail h2 { font-size: 32px; letter-spacing: 0; } #wrapper .topic .topic-item { float: left; margin-left: -2.63158%; position: relative; width: 105.26316%; padding-bottom: 30px; /* ~3.2 topic base ---------------------------------------------------*/ /* ~3.3 related ---------------------------------------------------*/ /* ~3.4 topic also in topic ---------------------------------------------------*/ /* ~3.5 introduction module ---------------------------------------------------*/ /* ~3.6 image module ---------------------------------------------------*/ /* ~3.7 stats module ---------------------------------------------------*/ /* ~3.8 text and related module ---------------------------------------------------*/ /* ~3.9 video module ---------------------------------------------------*/ } #wrapper .topic .topic-item .inner { padding: 0 2.63158%; } #wrapper .topic .topic-item .copy, #wrapper .topic .topic-item .image, #wrapper .topic .topic-item .stat-wrapper, #wrapper .topic .topic-item .video-wrapper, #wrapper .topic .topic-item .also-in-topic { margin-bottom: 10px; } #wrapper .topic .topic-item .stat-wrapper { margin-top: 250px; } #wrapper .topic .topic-item .also-in-topic { margin-top: 250px; } #wrapper .topic .topic-item .related { width: 100%; float: left; float: right; margin-right: 0; margin-right: 0%; } #wrapper .topic .topic-item .also-in-topic { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.63158%; width: 48.68421%; display: inline; display: inline-block; float: none; vertical-align: bottom; padding-left: 2.63158%; margin-right: 0; } #wrapper .topic .topic-item .also-in-topic .rule { display: none; } #wrapper .topic .topic-item.introduction-module.img-loaded { min-height: 360px; } #wrapper .topic .topic-item.introduction-module .copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.63158%; width: 65.78947%; float: left; } #wrapper .topic .topic-item.image-module .copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.63158%; width: 40.13158%; display: inline; display: inline-block; float: none; vertical-align: bottom; margin-right: 8.55263%; margin-top: 220px; } #wrapper .topic .topic-item.image-module .image { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.63158%; width: 48.68421%; display: inline; display: inline-block; float: none; vertical-align: bottom; } #wrapper .topic .topic-item.image-module .last { margin-right: 0; } #wrapper .topic .topic-item.stats-module .stat-wrapper { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.63158%; width: 40.13158%; display: inline; display: inline-block; float: none; vertical-align: bottom; margin-right: 8.55263%; } #wrapper .topic .topic-item.text-and-related-content-module .copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.63158%; width: 40.13158%; display: inline; display: inline-block; float: none; vertical-align: bottom; margin-right: 8.55263%; margin-top: 180px; } #wrapper .topic .topic-item.video-module .copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.63158%; width: 40.13158%; display: inline; display: inline-block; float: none; vertical-align: bottom; margin-right: 8.55263%; margin-top: 220px; } #wrapper .topic .topic-item.video-module .video-wrapper { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.63158%; width: 48.68421%; display: inline; display: inline-block; float: none; vertical-align: bottom; } #wrapper .topic .topic-item.video-module .last { margin-right: 0; } } @media screen and (min-width: 0) and (max-width: 605px) { #wrapper .topic { /* ~4.1 topic nav ---------------------------------------------------*/ /* ~4.2 topic base ---------------------------------------------------*/ } #wrapper .topic .topic-list li { font-size: 21px; } #wrapper .topic .topic-item .title h3 { font-size: 23px; } #wrapper .topic .topic-list li .number, #wrapper .topic .topic-item .title .number { font-size: 13px; } #wrapper .topic .topic-detail { float: left; margin-left: -5.55556%; position: relative; width: 111.11111%; padding-bottom: 30px; padding-top: 10px; } #wrapper .topic .topic-detail .inner { padding: 0 5.55556%; } #wrapper .topic .topic-detail h2 { font-size: 32px; padding-right: 33px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; } #wrapper .topic .topic-detail .topic-list { width: 100%; float: left; } #wrapper .topic .topic-detail .topic-list li { margin-right: 15px; } #wrapper .topic .topic-item { float: left; margin-left: -5.55556%; position: relative; width: 111.11111%; padding-bottom: 30px; /* ~4.3 related ---------------------------------------------------*/ /* ~4.4 topic also in topic ---------------------------------------------------*/ /* ~4.5 introduction module ---------------------------------------------------*/ /* ~4.6 image module ---------------------------------------------------*/ /* ~4.7 stats module ---------------------------------------------------*/ /* ~4.8 text and related content module ---------------------------------------------------*/ /* ~4.9 video module ---------------------------------------------------*/ } #wrapper .topic .topic-item .inner { padding: 0 5.55556%; } #wrapper .topic .topic-item.introduction-module .copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 5.55556%; width: 100.0%; float: left; } #wrapper .topic .topic-item .title { width: 100%; float: left; margin-top: 30px; margin-bottom: 20px; position: static; } #wrapper .topic .topic-item .title a.explore:after { padding-bottom: 1px; } #wrapper .topic .topic-item .copy, #wrapper .topic .topic-item .image, #wrapper .topic .topic-item .stat-wrapper, #wrapper .topic .topic-item .video-wrapper, #wrapper .topic .topic-item .also-in-topic { margin-bottom: 30px; } #wrapper .topic .topic-item .stat-wrapper { margin-top: 120px; } #wrapper .topic .topic-item .copy, #wrapper .topic .topic-item .also-in-topic, #wrapper .topic .topic-item .image, #wrapper .topic .topic-item .video-wrapper { margin-top: 10px; } #wrapper .topic .topic-item .related { width: 100%; float: left; float: right; margin-right: 0; margin-right: 0%; padding-top: 30px; } #wrapper .topic .topic-item .related:before { top: 5px; } #wrapper .topic .topic-item .also-in-topic { display: none; } #wrapper .topic .topic-item.introduction-module.img-loaded { min-height: 335px; } #wrapper .topic .topic-item.image-module .copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 5.55556%; width: 82.40741%; float: left; margin-top: 0; } #wrapper .topic .topic-item.image-module .image { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 5.55556%; width: 100.0%; float: left; float: right; margin-right: 0; } #wrapper .topic .topic-item.stats-module .stat-wrapper { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 5.55556%; width: 100.0%; float: left; float: right; margin-right: 0; } #wrapper .topic .topic-item.text-and-related-content-module .copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 5.55556%; width: 100.0%; float: left; float: right; margin-right: 0; margin-top: 40px; } #wrapper .topic .topic-item.video-module .copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 5.55556%; width: 82.40741%; float: left; margin-top: 10px; } #wrapper .topic .topic-item.video-module .video-wrapper { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 5.55556%; width: 100.0%; float: left; float: right; margin-right: 0; } } /* Comment Generated by Combres - Resource '~/stylesheets/pages/country.css' (Mode: Static) */ /* RTL for this page needs to be scoped to [dir=rtl] because it has its own language selector. This creates the opportunity to be served a LTR stylesheet, but the "dir" attribute is "rtl". */ #wrapper .country-hero { float: left; margin-left: -2.08333%; position: relative; width: 104.16667%; } #wrapper .country-hero .inner { padding: 0 2.08333%; } #wrapper .country-hero img { width: 100%; max-height: 200px; } #wrapper .country-small-hero { float: left; margin-left: -2.08333%; position: relative; width: 104.17%; background: #777; float: none; height: 220px; overflow: hidden; position: relative; } /*rtl:ignore*/ #wrapper[dir="ltr"] .country-small-hero { margin-left: -2.08333%; } #wrapper .country-small-hero img { display: block; height: 220px; left: 50%; margin-left: -700px; position: absolute; top: 0; width: 1400px; } #wrapper .country-module { float: left; margin-left: -2.08333%; position: relative; width: 104.16667%; clear: both; padding-bottom: 30px; padding-top: 20px; text-align: left; } #wrapper .country-module .inner { padding: 0 2.08333%; } #wrapper .country-module .country-image { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 18.7717%; float: left; margin-top: 10px; padding-left: 30px; } #wrapper .country-module .country-image img { display: block; height: auto; width: 100%; } #wrapper .country-module .country-copy, #wrapper .country-module .nav-country { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 52.97309%; float: left; float: right; margin-right: 0; margin-right: 25.65104%; clear: right; } #wrapper .country-module .country-copy { font-size: 18px; line-height: 30px; display: none; } #wrapper .country-module .country-copy h1 p{ overflow: visible; } #wrapper .country-module .country-copy .country-copy-header { font-size: 25px; line-height: 1.6; padding: 10px 0 30px 0; } #wrapper .country-module .country-copy .country-copy-header p { overflow: visible; } #wrapper .country-module .country-copy a { font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; color: #039; } #wrapper .country-module .country-copy p { margin-top: 0; } #wrapper .country-module .nav-country { border-top: 1px solid #e6e6e6; font-size: 18px; margin-top: 70px; } #wrapper .country-module .nav-country h3 { font-size: 20px; font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 20px; } #wrapper .country-module .nav-country li { padding-left: 0; } #wrapper .country-module .nav-country a { color: inherit; font-weight: normal; line-height: normal; } #wrapper .country-module .nav-local-websites { color: #3d3d3d; overflow: hidden; } #wrapper .country-module .nav-local-websites .websites { margin-left: -5.4%; opacity: 1; max-height: 100%; border: none; } #wrapper .country-module .nav-local-websites .website { float: left; font-family: EMprint, 'Univers Next W23', 'Tahoma W01 Regular', 'Saral W60', 'AxisStd-Light', 'MHei HK Medium', 'MHei PRC Medium', 'Ergo LT W08', 'YDGothic_120 Pro', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; margin: 0 0 30px 5.4%; width: 26%; } /*rtl:ignore*/ #wrapper .topic[dir=rtl] .country-module .nav-local-websites .website { float: right; } #wrapper .country-module .nav-local-websites .website ul { overflow: hidden; } #wrapper .country-module .nav-local-websites .website li { float: left; margin: 10px 20px 0 0; position: relative; } /*rtl:ignore*/ #wrapper .topic[dir=rtl] .country-module .nav-local-websites .website li { float: right; margin: 10px 0 0 20px; position: relative; } #wrapper .country-module .nav-local-websites .website li a { font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; color: #003399; } #wrapper .country-module .nav-local-websites .website li:after { color: #999999; content: '\2F'; display: block; font-size: 12px; left: -11px; position: absolute; top: 0; } #wrapper .country-module .nav-local-websites.nav-nested .website li:after { display: none; } #wrapper .country-module .nav-local-activities { margin-bottom: 10px; margin-top: 20px; color: #808080; } #wrapper .country-module .nav-local-activities li { float: left; margin: 0 15% 0 0; padding: 0 0 30px 33px; position: relative; } /*rtl:ignore*/ #wrapper .topic[dir=rtl] .country-module .nav-local-activities li { float: right; margin: 0 0 0 15%; padding: 0 33px 30px 0; } @media print, screen and (min-width: 0) and (max-width: 604px) { /*rtl:ignore*/ #wrapper .topic[dir=rtl] .country-module .nav-local-activities li { clear: right; } } #wrapper .country-module .nav-local-activities li:before, #wrapper .country-module .nav-local-activities li:after { content: ""; display: block; position: absolute; -moz-background-size: 50px 150px; -o-background-size: 50px 150px; -webkit-background-size: 50px 150px; background-size: 50px 150px; background-image: url("/images/icons/icon-country.svg"); background-repeat: no-repeat; height: 23px; left: 0; top: -3px; width: 23px; } /*rtl:ignore*/ #wrapper .topic[dir=ltr] .country-module .nav-local-activities li:after { display: none; } /*rtl:ignore*/ #wrapper .topic[dir=rtl] .country-module .nav-local-activities li:before { display: none; } /*rtl:ignore*/ #wrapper .topic[dir=rtl] .country-module .nav-local-activities li:after { left: auto; right: 0; } /*rtl:ignore*/ /*#wrapper .topic[dir=rtl] .country-module .nav-local-activities li:after { content: ""; display: block; position: absolute; -moz-background-size: 50px 150px; -o-background-size: 50px 150px; -webkit-background-size: 50px 150px; background-size: 50px 150px; background-image: url("/images/icons/icon-country.svg"); background-repeat: no-repeat; height: 23px; left: 0; top: -3px; width: 23px; }*/ .no-svg #wrapper .country-module .nav-local-activities li:before { background-image: url("/images/icons/icon-country.png"); } #wrapper .country-module .nav-local-activities li:last-child { margin-right: 0; } /*rtl:ignore*/ #wrapper .topic[dir=ltr] .country-module .nav-local-activities li.upstream:before, #wrapper .topic[dir=rtl] .country-module .nav-local-activities li.upstream:after { background-position: center -14px; } /*rtl:ignore*/ #wrapper .topic[dir=ltr] .country-module .nav-local-activities li.downstream:before, #wrapper .topic[dir=rtl] .country-module .nav-local-activities li.downstream:after { background-position: center -64px; } /*rtl:ignore*/ #wrapper .topic[dir=ltr] .country-module .nav-local-activities li.chemicals:before, #wrapper .topic[dir=rtl] .country-module .nav-local-activities li.chemicals:after { background-position: center -114px; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .language-select { border-left: none; border-right: 1px solid #eaeaea; float: left; margin-left: -60px; margin-right: 0; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] div.trigger { padding: 0 28px 0 0; } /*rtl:ignore*/ #wrapper .topic[dir=rtl] .country-module { text-align: right; } /*rtl:ignore*/ #wrapper .topic[dir=rtl] .country-module .country-image { float: right; margin-left: 2.60417%; margin-right: 0; padding-left: 0; padding-right: 30px; } /*rtl:ignore*/ #wrapper .topic[dir=rtl] .country-module .country-copy, #wrapper .topic[dir=rtl] .country-module .nav-country { clear: left; float: left; margin-left: 25.65104%; margin-right: 0; } /*rtl:ignore*/ #wrapper .topic[dir=rtl] .country-module .nav-country { margin-left: 0; padding-right: 0; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .content-tabs { float: right; margin-right: 30px; } @media print, screen and (min-width: 606px) and (max-width: 999px) { #wrapper .country-module { float: left; margin-left: -2.63158%; position: relative; width: 105.26316%; } #wrapper .country-module .inner { padding: 0 2.63158%; } #wrapper .country-module .country-image { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.63158%; width: 18.75%; float: left; } #wrapper .country-module .country-copy, #wrapper .country-module .nav-country { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; margin-right: 0; padding-right: 30px; width: 78.61842%; } /*rtl:ignore*/ #wrapper .topic[dir=rtl] .country-module .country-copy { margin-left: 0; padding-left: 30px; padding-right: 0; } #wrapper .country-module .nav-local-websites .websites { margin-left: -5.4%; } #wrapper .country-module .nav-local-websites .website { margin-left: 5.4%; } } @media screen and (min-width: 0) and (max-width: 605px) { #wrapper .country-module { float: left; margin-left: -5.55556%; position: relative; width: 111.11111%; padding-bottom: 30px; } #wrapper .country-module .inner { padding: 0 5.55556%; } #wrapper .country-module .country-image { display: none; } #wrapper .country-module .country-copy, #wrapper .country-module .nav-country { margin-right: 0; width: 100%; padding: 0 30px; } /*rtl:ignore*/ #wrapper .topic[dir=rtl] .country-module .country-copy { margin: 0; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .language-select { margin-left: 0; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .fancy-select div.trigger .icon-select-caret { margin-left: 0; } #wrapper .country-module .nav-local-websites h3 { margin-bottom: 20px; } #wrapper .country-module .nav-local-websites .websites { margin-left: 0; } #wrapper .country-module .nav-local-websites .website { margin: 10px 0 30px; width: 100%; } #wrapper .country-module .nav-local-activities li { float: none; margin: 0; } } @media print, screen and (min-width: 606px) and (max-width: 999px) { #wrapper .country-small-hero { margin-left: -3.08333%; width: 110%; } /*rtl:ignore*/ #wrapper[dir="ltr"] .country-small-hero { margin-left: -3.08333%; } #wrapper .country-module .nav-country h3 { margin-top: 32px; } #wrapper .country-module .nav-local-websites .website { margin-top: 20px; margin-bottom: 20px; } } @media screen and (min-width: 0) and (max-width: 605px) { #wrapper .country-small-hero { margin-left: -10.08333%; width: 164.16667%; } /*rtl:ignore*/ #wrapper[dir="ltr"] .country-small-hero { margin-left: -10.08333%; } #wrapper .country-module { padding-bottom: 8px; } #wrapper .country-module .nav-country { margin-top: 30px; } #wrapper .country-module .nav-country h3 { margin-top: 40px; } #wrapper .country-module .nav-local-websites .website { margin: 10px 0 20px; } } /* Comment Generated by Combres - Resource '~/stylesheets/pages/country-page.css' (Mode: Static) */ /* fonts ---------------------------------------------------*/ /* default grid - desktop ---------------------------------------------------*/ /* breakpoints ---------------------------------------------------*/ /* ~1. at-breakpoint ~2. grid ~2.1 grid-padding ~2.2 span-columns ~2.3 span-columns-with-gutter ~2.4 omega ~2.5 inner-padding-left ~2.6 inner-padding-right ~2.7 offset-left ~2.8 offset-right ~2.9 offset-left-padding ~2.10 offset-right-padding ~2.11 offset-right-padding-omega ~2.12 offset-left-gutter ~2.13 offset-right-gutter ~2.14 offset-left-grid-padding ~2.15 offset-right-grid-padding ~2.16 offset-left-gutter-padding ~2.17 offset-right-gutter-padding ~2.17 row ~2.18 full-width ~3. clearfix ~4. visually-hidden ~5. karbon ~6. sprites ~6.1 sprite-pseudo ~6.2 sprite-logos ~6.3 sprite-top-utility ~6.4 sprite-nav ~6.5 sprite-main ~6.6 sprite-country ~6.7 sprite-footer ~6.8 sprite-form */ /* ~1. at-breakpoint ---------------------------------------------------*/ /* ~2. grid ---------------------------------------------------*/ /* ~2.1 grid-padding ---------------------------------------------------*/ /* ~2.2 span-columns ---------------------------------------------------*/ /* ~2.3 span-columns-with-gutter ---------------------------------------------------*/ /* ~2.4 omega ---------------------------------------------------*/ /* ~2.5 inner-padding-left ---------------------------------------------------*/ /* ~2.6 inner-padding-right ---------------------------------------------------*/ /* ~2.7 offset-left ---------------------------------------------------*/ /* ~2.8 offset-right ---------------------------------------------------*/ /* ~2.9 offset-left-padding ---------------------------------------------------*/ /* ~2.10 offset-right-padding ---------------------------------------------------*/ /* ~2.11 offset-right-padding-omega ---------------------------------------------------*/ /* ~2.12 offset-left-gutter ---------------------------------------------------*/ /* ~2.13 offset-right-gutter ---------------------------------------------------*/ /* ~2.14 offset-left-grid-padding ---------------------------------------------------*/ /* ~2.15 offset-right-grid-padding ---------------------------------------------------*/ /* ~2.16 offset-left-gutter-padding ---------------------------------------------------*/ /* ~2.17 offset-right-gutter-padding ---------------------------------------------------*/ /* ~2.17 row ---------------------------------------------------*/ /* ~2.18 full-width ---------------------------------------------------*/ /* ~3. clearfix ---------------------------------------------------*/ /* ~4. visually-hidden ---------------------------------------------------*/ /* ~5. karbon ---------------------------------------------------*/ /* ~6. sprites ---------------------------------------------------*/ /* ~6.1 sprite-pseudo ---------------------------------------------------*/ /* ~6.2 sprite-logos ---------------------------------------------------*/ /* ~6.3 sprite-top-utility ---------------------------------------------------*/ /* ~6.4 sprite-nav ---------------------------------------------------*/ /* ~6.5 sprite-main ---------------------------------------------------*/ /* ~6.6 sprite-country ---------------------------------------------------*/ /* ~6.7 sprite-footer ---------------------------------------------------*/ /* ~6.8 sprite-form ---------------------------------------------------*/ /* ~1. BREAKPOINT - large screen ~1.1 country image ~1.2 country copy ~1.3 nav ~1.4 local websites ~1.5 local activities ~2. BREAKPOINT - medium screen ~2.1 country image ~2.2 country copy ~2.3 local websites ~3. BREAKPOINT - small screen ~3.1 country copy ~3.2 local websites ~3.3 local activities */ /* ~1. BREAKPOINT - large screen --------------------------------------------------- ---------------------------------------------------*/ /* line 27, ../../sass/pages/country-page.scss */ #wrapper .breadcrumbs { padding-bottom: 30px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* line 33, ../../sass/pages/country-page.scss */ #wrapper .country-hero { float: left; margin-left: -2.08333%; position: relative; width: 104.16667%; } /* line 270, ../../sass/_mixins.scss */ #wrapper .country-hero .inner { padding: 0 2%; } /* line 36, ../../sass/pages/country-page.scss */ #wrapper .country-hero img { width: 100%; max-height: 200px; } /* line 42, ../../sass/pages/country-page.scss */ #wrapper .location-content { float: left; margin-left: -2.08333%; position: relative; width: 104.16667%; display: none; clear: both; padding-bottom: 80px; padding-top: 10px; /* ~1.1 country image ---------------------------------------------------*/ /* ~1.2 country copy ---------------------------------------------------*/ /* ~1.4 local websites ---------------------------------------------------*/ /* ~1.5 local activities ---------------------------------------------------*/ /* ~2. BREAKPOINT - medium screen --------------------------------------------------- ---------------------------------------------------*/ /* ~3. BREAKPOINT - small screen --------------------------------------------------- ---------------------------------------------------*/ } /* line 270, ../../sass/_mixins.scss */ #wrapper .location-content .inner { padding: 0 2%; } /* line 51, ../../sass/pages/country-page.scss */ #wrapper .location-content .country-image { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 14.49653%; float: left; margin-top: 10px; padding-left: 10px; } /* line 56, ../../sass/pages/country-page.scss */ #wrapper .location-content .country-image img { display: block; height: auto; width: 100%; } /* line 64, ../../sass/pages/country-page.scss */ #wrapper .location-content .country-copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 82.89931%; float: left; float: right; margin-right: 0; clear: right; font-size: 18px; line-height: 30px; } /* line 71, ../../sass/pages/country-page.scss */ #wrapper .location-content .country-copy p { margin-top: 0; } /* line 77, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-websites { color: #3d3d3d; overflow: hidden; } /* line 81, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-websites .websites { margin-left: -5.4%; } /* line 85, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-websites .website { float: left; font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; margin: 0 0 40px 5.4%; width: 43.7%; } /* line 91, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-websites .website ul { overflow: hidden; } /* line 95, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-websites .website li { float: left; margin: 10px 20px 0 0; position: relative; } /* line 100, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-websites .website li:after { color: #999999; content: '\2F'; display: block; font-size: 12px; left: -11px; position: absolute; top: 0; } /* line 114, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-activities { margin-bottom: 10px; color: #808080; } /* line 118, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-activities li { float: left; margin: 0 25px 0 0; padding: 0 0 30px 33px; position: relative; } /* line 124, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-activities li:before { content: ""; display: block; position: absolute; -moz-background-size: 50px 150px; -o-background-size: 50px 150px; -webkit-background-size: 50px 150px; background-size: 50px 150px; background-image: url("/images/icons/icon-country.svg"); background-repeat: no-repeat; height: 23px; left: 0; top: -3px; width: 23px; } /* line 378, ../../sass/_mixins.scss */ .no-svg #wrapper .location-content .nav-local-activities li:before { background-image: url("/images/icons/icon-country.png"); } /* line 133, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-activities li:last-child { margin-right: 0; } /* line 138, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-activities li.upstream:before { background-position: center -14px; } /* line 144, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-activities li.downstream:before { background-position: center -64px; } /* line 150, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-activities li.chemicals:before { background-position: center -114px; } @media print, screen and (min-width: 606px) and (max-width: 999px) { /* line 42, ../../sass/pages/country-page.scss */ #wrapper .location-content { float: left; margin-left: -2.63158%; position: relative; width: 105.26316%; /* ~2.1 country image ---------------------------------------------------*/ /* ~2.2 country copy ---------------------------------------------------*/ /* ~2.3 local websites ---------------------------------------------------*/ } /* line 270, ../../sass/_mixins.scss */ #wrapper .location-content .inner { padding: 0 2.5%; } /* line 163, ../../sass/pages/country-page.scss */ #wrapper .location-content .country-image { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.63158%; width: 14.47368%; float: left; } /* line 168, ../../sass/pages/country-page.scss */ #wrapper .location-content .country-copy { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.63158%; width: 82.89474%; float: left; float: right; margin-right: 0; padding: 0 20px; } /* line 176, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-websites .websites { margin-left: -5.4%; } /* line 180, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-websites .website { margin-left: 5.4%; } } @media screen and (min-width: 0) and (max-width: 605px) { /* line 42, ../../sass/pages/country-page.scss */ #wrapper .location-content { float: left; margin-left: -5.55556%; position: relative; width: 111.11111%; padding-bottom: 30px; /* ~3.1 country copy ---------------------------------------------------*/ /* ~3.2 local websites ---------------------------------------------------*/ /* ~3.3 local activities ---------------------------------------------------*/ } /* line 270, ../../sass/_mixins.scss */ #wrapper .location-content .inner { padding: 0 5%; } /* line 193, ../../sass/pages/country-page.scss */ #wrapper .location-content .country-image { display: none; } /* line 197, ../../sass/pages/country-page.scss */ #wrapper .location-content .country-copy { margin-right: none; width: 100%; padding: 0 30px; } /* line 205, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-websites h3 { margin-bottom: 20px; } /* line 209, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-websites .websites { margin-left: 0; } /* line 213, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-websites .website { margin: 10px 0 30px; width: 100%; } /* line 221, ../../sass/pages/country-page.scss */ #wrapper .location-content .nav-local-activities li { float: none; margin: 0; } } @media print, screen and (min-width: 606px) and (max-width: 999px) { /* line 230, ../../sass/pages/country-page.scss */ #wrapper .country-hero { float: left; margin-left: -2.63158%; position: relative; width: 105.26316%; } /* line 270, ../../sass/_mixins.scss */ #wrapper .country-hero .inner { padding: 0 2.5%; } } @media screen and (min-width: 0) and (max-width: 605px) { /* line 238, ../../sass/pages/country-page.scss */ #wrapper .country-hero { float: left; margin-left: -5.55556%; position: relative; width: 111.11111%; } /* line 270, ../../sass/_mixins.scss */ #wrapper .country-hero .inner { padding: 0 5%; } /* line 241, ../../sass/pages/country-page.scss */ #wrapper .country-hero img { height: 200px; } } /* Comment Generated by Combres - Resource '~/stylesheets/modules/country-sub-nav.css' (Mode: Static) */ #wrapper .country-sub-nav { zoom: 1; margin: -6px 0 0 0; } #wrapper .country-sub-nav:before, #wrapper .country-sub-nav:after { content: "\0020"; display: block; height: 0; overflow: hidden; } #wrapper .country-sub-nav:after { clear: both; } #wrapper .country-sub-nav.single-content .content-select, #wrapper .country-sub-nav.single-content .content-tabs { display: none; } #wrapper .country-sub-nav.single-language .content-select, #wrapper .country-sub-nav.single-language .content-tabs { width: 100%; } #wrapper .country-sub-nav.single-language .language-select { display: none; } #wrapper .country-sub-nav.single-content.single-language { display: none; } #wrapper .country-sub-nav .content-tabs { list-style: none; padding: 0; height: 65px; float: left; } @media print, screen and (min-width: 1000px) { #wrapper .country-sub-nav .content-tabs > li { margin-bottom: 20px; margin-top: 26px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; position: relative; padding: 0 20px; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .content-tabs > li { float: right; } } @media screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 0) { #wrapper .country-sub-nav .content-tabs > li { margin-top: 27px; } } @media print, screen and (min-width: 1000px) { #wrapper .country-sub-nav .content-tabs > li:first-child { padding-left: 0; } #wrapper .country-sub-nav .content-tabs > li:first-child:before { display: none; } #wrapper .country-sub-nav .content-tabs > li:before { content: '\b7'; display: block; font-size: 17px; position: absolute; left: 0; color: #3d3d3d; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .content-tabs > li:first-child { padding-left: 30px; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .content-tabs > li:first-child:after { display: none; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .content-tabs > li:before { display: none; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .content-tabs > li:after { color: #3d3d3d; content: '\b7'; display: block; font-size: 17px; position: absolute; right: 0; top: 0; } #wrapper .country-sub-nav .content-tabs > li a { padding: 0; color: #3d3d3d; outline: none; padding-bottom: 16px; font-size: 16px; } #wrapper .country-sub-nav .content-tabs > li.selected a { font-weight: bold; border-bottom: 3px solid #3d3d3d; } #wrapper .country-sub-nav .content-tabs > li a:focus, #wrapper .country-sub-nav .content-tabs > li a:hover, #wrapper .country-sub-nav .content-tabs > li.selected a:focus, #wrapper .country-sub-nav .content-tabs > li.selected a:hover { text-decoration: none; border-bottom: 3px solid #999; } #wrapper .country-sub-nav .content-tabs > li:last-child a:before { display: none; } } #wrapper .country-sub-nav .content-select, #wrapper .country-sub-nav select.content-select, #wrapper .country-sub-nav select.language-select { display: none; } #wrapper .country-sub-nav .language-select { float: right; border-left: 1px solid #eaeaea; width: 200px; } @media print, screen and (min-width: 0) and (max-width: 1000px) { #wrapper .country-sub-nav .content-tabs { display: none; } #wrapper .country-sub-nav .content-tabs > li { display: none; } #wrapper .country-sub-nav .content-tabs > li.selected { display: inline-block; } #wrapper .country-sub-nav .content-tabs.open { height: auto; } #wrapper .country-sub-nav .content-tabs.open > li { display: block; } #wrapper .country-sub-nav .content-select { float: left; display: block; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .content-select { float: right; } } @media print, screen and (min-width: 1000px) { #wrapper .country-sub-nav { float: left; margin-left: -2.08333%; position: relative; width: 104.16667%; padding: 0 30px; border-bottom: 1px solid #eaeaea; background: #fafafa; } #wrapper .country-sub-nav .inner { padding: 0 2.08333%; } } @media print, screen and (min-width: 606px) and (max-width: 999px) { #wrapper .country-sub-nav { float: left; margin-left: -2.63158%; position: relative; width: 105.26316%; } #wrapper .country-sub-nav .inner { padding: 0 2.63158%; } #wrapper .country-sub-nav .content-select { width: 70%; display: block; } #wrapper .country-sub-nav .language-select { width: 30%; } } @media screen and (min-width: 0) and (max-width: 605px) { #wrapper .country-sub-nav { float: left; margin-left: -2.55556%; position: relative; width: 105%; } #wrapper .country-sub-nav .inner { padding: 0 5.55556%; } #wrapper .country-sub-nav .content-select { width: 80%; display: block; } #wrapper .country-sub-nav .content-select .trigger { padding: 0 0 0 30px; } #wrapper .country-sub-nav.single-content .language-select { width: 100%; } #wrapper .country-sub-nav .language-select { width: 20%; } #wrapper .country-sub-nav .language-select .trigger { padding: 0 0 0 10px; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .language-select .trigger { padding: 0 10px 0 0; } } #wrapper .fancy-select { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; text-transform: none; } #wrapper .fancy-select div.trigger { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; height: 65px; line-height: 65px; padding: 0 0 0 30px; width: 100%; color: #3d3d3d; background: #fafafa; /*border-bottom: 1px solid #eaeaea;*/ /* Hide default arrow icon */ } #wrapper .fancy-select div.trigger:after { display: none; } #wrapper .fancy-select div.trigger .icon-select-caret { -moz-background-size: 100px 3500px; -o-background-size: 100px 3500px; -webkit-background-size: 100px 3500px; background-size: 100px 3500px; background-image: url("/images/icons/icon-main.svg"); background-repeat: no-repeat; background-position: -44px -3120px; width: 15px; height: 12px; content: ''; position: absolute; top: 50%; margin-left: 10px; margin-top: -4px; border: none; } /*rtl:ignore*/ .language-direction-wrapper[dir="rtl"] #wrapper[dir="ltr"] .fancy-select div.trigger .icon-select-caret { margin-right: 10px; position: relative; float: left; } .no-svg #wrapper .fancy-select div.trigger .icon-select-caret { background-image: url("/images/icons/icon-main.png"); } #wrapper .fancy-select div.trigger.open { background-color: #eaeaea; } #wrapper .fancy-select div.trigger.open .icon-select-caret { background-position: -44px -3200px; } #wrapper .fancy-select div.trigger .full-text { display: inline; } #wrapper .fancy-select div.trigger .abbrev-text { text-transform: uppercase; display: none; } #wrapper .fancy-select ul.options { width: 100%; background-color: white; border: none; border-radius: 0; padding: 10px 0; } #wrapper .fancy-select ul.options li { padding: 10px 10px 10px 30px; margin: 0; border: none; color: #999; font-weight: normal; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .fancy-select ul.options li { padding: 10px 30px 10px 10px; } #wrapper .fancy-select ul.options li:hover, #wrapper .fancy-select ul.options li:focus, #wrapper .fancy-select ul.options li.selected { color: #3d3d3d; background-color: white; font-weight: bold; } #wrapper .fancy-select ul.options li:hover, #wrapper .fancy-select ul.options li:focus { background-color: #f9f9f9; } #wrapper .fancy-select ul.options.open { top: 66px; } #wrapper .fancy-select ul.options.open.overflowing { top: auto; bottom: 65px; } #wrapper .fancy-select .trigger { background-color: white; } @media print, screen and (min-width: 0) and (max-width: 1000px) { #wrapper .fancy-select { border-bottom: 1px solid #eaeaea; } #wrapper .fancy-select .icon-select-caret { right: 9px; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .fancy-select .icon-select-caret { left: 9px; right: auto; } } @media screen and (min-width: 0) and (max-width: 605px) { #wrapper .fancy-select { position: static; } /*rtl:ignore*/ .language-direction-wrapper[dir="rtl"] #wrapper[dir="ltr"] .fancy-select div.trigger .icon-select-caret { margin-right: 10px; position: relative; float: right; } #wrapper .fancy-select div.trigger .full-text { display: none; } #wrapper .fancy-select div.trigger .abbrev-text { display: inline; } #wrapper .fancy-select ul.options { left: 0; right: 0; } } /* Comment Generated by Combres - Resource '~/stylesheets/modules/country-selector.css' (Mode: Static) */ /* fonts ---------------------------------------------------*/ /* default grid - desktop ---------------------------------------------------*/ /* breakpoints ---------------------------------------------------*/ /* ~1. at-breakpoint ~2. grid ~2.1 grid-padding ~2.2 span-columns ~2.3 span-columns-with-gutter ~2.4 omega ~2.5 inner-padding-left ~2.6 inner-padding-right ~2.7 offset-left ~2.8 offset-right ~2.9 offset-left-padding ~2.10 offset-right-padding ~2.11 offset-right-padding-omega ~2.12 offset-left-gutter ~2.13 offset-right-gutter ~2.14 offset-left-grid-padding ~2.15 offset-right-grid-padding ~2.16 offset-left-gutter-padding ~2.17 offset-right-gutter-padding ~2.17 row ~2.18 full-width ~3. clearfix ~4. visually-hidden ~5. karbon ~6. sprites ~6.1 sprite-pseudo ~6.2 sprite-logos ~6.3 sprite-top-utility ~6.4 sprite-nav ~6.5 sprite-main ~6.6 sprite-country ~6.7 sprite-footer ~6.8 sprite-form ~7. fonts */ /* ~1. at-breakpoint ---------------------------------------------------*/ /* ~2. grid ---------------------------------------------------*/ /* ~2.1 grid-padding ---------------------------------------------------*/ /* ~2.2 span-columns ---------------------------------------------------*/ /* ~2.3 span-columns-with-gutter ---------------------------------------------------*/ /* ~2.4 omega ---------------------------------------------------*/ /* ~2.5 inner-padding-left ---------------------------------------------------*/ /* ~2.6 inner-padding-right ---------------------------------------------------*/ /* ~2.7 offset-left ---------------------------------------------------*/ /* ~2.8 offset-right ---------------------------------------------------*/ /* ~2.9 offset-left-padding ---------------------------------------------------*/ /* ~2.10 offset-right-padding ---------------------------------------------------*/ /* ~2.11 offset-right-padding-omega ---------------------------------------------------*/ /* ~2.12 offset-left-gutter ---------------------------------------------------*/ /* ~2.13 offset-right-gutter ---------------------------------------------------*/ /* ~2.14 offset-left-grid-padding ---------------------------------------------------*/ /* ~2.15 offset-right-grid-padding ---------------------------------------------------*/ /* ~2.16 offset-left-gutter-padding ---------------------------------------------------*/ /* ~2.17 offset-right-gutter-padding ---------------------------------------------------*/ /* ~2.17 row ---------------------------------------------------*/ /* ~2.18 full-width ---------------------------------------------------*/ /* ~3. clearfix ---------------------------------------------------*/ /* ~4. visually-hidden ---------------------------------------------------*/ /* ~5. karbon ---------------------------------------------------*/ /* ~6. sprites ---------------------------------------------------*/ /* ~6.1 sprite-pseudo ---------------------------------------------------*/ /* ~6.2 sprite-logos ---------------------------------------------------*/ /* ~6.3 sprite-top-utility ---------------------------------------------------*/ /* ~6.4 sprite-nav ---------------------------------------------------*/ /* ~6.5 sprite-main ---------------------------------------------------*/ /* ~6.6 sprite-country ---------------------------------------------------*/ /* ~6.7 sprite-footer ---------------------------------------------------*/ /* ~6.8 sprite-form ---------------------------------------------------*/ /* ~7 fonts ---------------------------------------------------*/ /* ~7 Retina Background ---------------------------------------------------*/ /*line added*/ .site-direction {display: inline;} .global-close-button, aside.global-selector-sidebar, aside.global-selector-sidebar .global-selector-sidebar-inner ul span.section-title, aside.global-selector-sidebar .global-selector-sidebar-inner ul a, ul.languages li a, ul.languages-link-xx li a, .country-auto-complete .search-bar { position: relative; } .global-selector-bg:before, .global-close-button:before, .global-close-button:after, ul.languages li a:before, ul.languages-link-xx li a:before, .global-selector-bg, .global-selector-page, .country-auto-complete .search-bar .icon-search:before { position: absolute; } .close-button-wrapper, aside.global-selector-sidebar .global-selector-sidebar-inner { position: fixed; } .sidebar-logo-wrapper, .country-auto-complete .search-bar .icon-search, .country-auto-complete input { float: left; } .global-selector-bg, .global-selector-page, .sidebar-logo { height: 100%; width: 100%; } .country-auto-complete .search-bar { width: 100%; } .global-selector-bg:before, .global-selector-inner, aside.global-selector-sidebar .global-selector-sidebar-inner { height: 100%; } .global-selector-page._active, aside.global-selector-sidebar .global-selector-sidebar-inner ul, aside.global-selector-sidebar .global-selector-sidebar-inner ul a, li.website, span.website-title, ul.websites-inner.global-brands .exxon, ul.websites-inner.global-brands .mobil, ul.websites-inner.global-brands .esso, ul.websites-inner.global-brands .xto { display: block; } ul.region-content, .sidebar-logo, aside.global-selector-sidebar .global-selector-sidebar-inner ul span.section-title, .region-title, a.country-title, a.country-title-xx, ul.languages li, ul.languages-link-xx li, ul.languages li a:before, ul.languages-link-xx li a:before, ul.websites-inner.global-brands li, .country-auto-complete .search-bar { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .global-selector-bg:before, .global-close-button:before, .global-close-button:after, ul.languages li a:before, ul.languages-link-xx li a:before { content: ''; } ul.languages li:first-child a:before, ul.languages-link-xx li:first-child a:before { display: none; visibility: hidden; } /* ~1. BREAKPOINT - large screen ~1.1 nav-regions ~1.2 nav-countries ~2. BREAKPOINT - medium screen ~2.1 nav-regions ~2.2 nav-countries ~3. BREAKPOINT - small screen ~3.1 nav-regions ~3.2 nav-countries */ .body-wrapper .global-selector-page a, .body-wrapper .global-selector-page a:hover, .body-wrapper .global-selector-page a:focus, .body-wrapper .global-selector-page a:active { outline: none; text-decoration: none; } .global-selector-bg { background: url("/images/global/selector-bg.jpg"); background-repeat: no-repeat; background-color: #333; background-position: center bottom; background-size: cover; left: 0; top: 0; z-index: -1; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .global-selector-bg { background: url("/images/global/selector-bg@2x.jpg"); background-position: left center; background-repeat: no-repeat; background-size: cover auto; } } .global-selector-bg:before { background-color: rgba(17, 17, 17, 0.4); left: 0; top: 0; width: 31.98381%; } .mobile-filter { display: none; } .global-selector-page { display: none; height: 100%; left: 0; top: 0; } .global-selector-page._active { overflow: hidden; z-index: 10; } .close-button-wrapper { cursor: pointer; height: 30px; padding-left: 5px; right: 44px;/* rtl: {left:44px}*/ width: 30px; top: 26px; z-index: 5; } .global-close-button { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 30px; text-indent: -999999px; width: 30px; } .global-close-button:before, .global-close-button:after { background-color: #f7f7f7; left: 50%; top: 50%; } .global-close-button:before { height: 30px; width: 2px; margin-top: -15px; margin-left: -1px; } .global-close-button:after { width: 30px; height: 2px; margin-left: -15px; margin-top: -1px; } .global-selector-inner { width: 65.9919%; float: right;/* rtl:{left}*/ margin-right: 0;/* rtl:{margin-left: 0}*/ text-align:left;/*rtl:{right}*/ overflow-y: scroll; } .sidebar-logo-wrapper { margin-left: 8.62069%;/* rtl:{margin-right: 8.62069%}*/ width: 100%; height: 100px; } .sidebar-logo { background: url("/images/global/region-logo.png"); background-repeat: no-repeat; background-repeat: no-repeat; background-position: left center; text-indent: -99999px; color: #fff; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .sidebar-logo { background: url("/images/global/region-logo@2x.png"); background-position: left center; background-repeat: no-repeat; background-size: 147px auto; } } aside.global-selector-sidebar { width: 23.48178%; float: left;/* rtl:{float:right} */ margin-left: 8.50202%;/* rtl:{-100%} */ margin-right: -100%;/* rtl:{8.50202%} */ min-height: 100%; text-align:left;/*rtl:{right}*/ } aside.global-selector-sidebar .global-selector-sidebar-inner { width: inherit; clear: both; } aside.global-selector-sidebar .global-selector-sidebar-inner ul { margin-right: 8.62069%; margin-left: 8.62069%; } aside.global-selector-sidebar .global-selector-sidebar-inner ul:first-child { border-top: 1px solid #333; } aside.global-selector-sidebar .global-selector-sidebar-inner ul span.section-title { color: #555555; padding: 20px 0 10px; font-size: 14px; width: 100%; border-top: 1px solid #333; font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; } aside.global-selector-sidebar .global-selector-sidebar-inner ul span.section-title.brands { margin-top: 10px; } aside.global-selector-sidebar .global-selector-sidebar-inner ul a { color: #bdbdbd; padding: 14px 0; font-size: 18px; } aside.global-selector-sidebar .global-selector-sidebar-inner ul a:hover { color: #f7f7f7; } aside.global-selector-sidebar .global-selector-sidebar-inner ul a._active { font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; color: #f7f7f7; } .global-selector-content { width: 100%; min-height: 100%; padding-bottom: 500px; padding-right: 2.02429%; position: relative; } .nav-countries { color: #f7f7f7; } section.region-wrapper { -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; overflow: hidden; height: 0; opacity: 0; } section.region-wrapper._show { opacity: 1; height: auto; } li.region { -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; overflow: hidden; } .region-title { font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 15px; margin-top: 25px; } a.country-title, a.country-title-xx { clear: both; font-family: EMprintLight, 'Univers Next W23', 'Tahoma W01 Regular', 'Saral W60', 'AxisStd-Light', 'MHei HK Medium', 'MHei PRC Medium', 'Ergo LT W08', 'YDGothic_120 Pro', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 50px; margin: 6px 0; color: #7b7b7b; } .global-selector-page em { font-style: italic; } .global-selector-page sub { vertical-align: sub; font-size: 50%; } .global-selector-page sup { vertical-align: super; font-size: 50%; } a.country-title:hover, a.country-title-xx:hover { color: #f7f7f7; } a.country-title._active, a.country-title-xx._active { color: #f7f7f7; } .websites { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -webkit-transition: all 400ms ease-out; transition: all 400ms ease-out; overflow: hidden; max-height: 0; padding-left: 20px; border-left: 2px solid rgba(189, 189, 189, 0.2); } .websites._show { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; max-height: 900px; padding-bottom: 40px; } /*li.website { padding: 10px 0; }*/ li.website a { color: #7b7b7b; margin-bottom: 20px; display: block; } li.website a:hover { color: #fff; } span.website-title { font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding: 8px 0; color: #bdbdbd; font-size: 15px; } ul.languages, ul.languages-link-xx { font-size: 15px; margin-bottom: 0; } ul.languages.overview, ul.languages-link-xx.overview { margin-top: -20px; } ul.languages li, ul.languages-link-xx li { width: auto; } ul.languages li a, ul.languages-link-xx li a { margin-right: 20px; } /*rtl:ignore*/ .topic[dir="rtl"] ul.languages li a, .topic[dir="rtl"] ul.languages-link-xx li a { margin-right: 0px; margin-left: 20px; } ul.languages li a:hover, ul.languages-link-xx li a:hover { color: #f7f7f7; } ul.languages li a:hover:before, ul.languages-link-xx li a:hover:before { color: #7b7b7b; } ul.languages li a:before, ul.languages-link-xx li a:before { left: -24px; content: '/'; width: auto; height: auto; top: -1px; } /*rtl:ignore*/ .topic[dir="rtl"] ul.languages li a:before, .topic[dir="rtl"] ul.languages-link-xx li a:before { right: -24px; left: auto; content: '/'; width: auto; height: auto; top: auto; bottom: 1px; } .global-selector-page ul.languages li a:before, .global-selector-page ul.languages-link-xx li a:before { left: -14px; content: '/'; width: auto; height: auto; } ul.websites-inner.global-brands { margin-top: 10px; } ul.websites-inner.global-brands li { padding: 10px 0; } ul.websites-inner.global-brands .exxon, ul.websites-inner.global-brands .mobil, ul.websites-inner.global-brands .esso, ul.websites-inner.global-brands .xto { min-width: 100px; min-height: 27px; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center; } ul.websites-inner.global-brands .exxon { background-image: url("/images/global/region-exxon.svg"); background-position: center 3px; background-size: 70%; } ul.websites-inner.global-brands .mobil { background-image: url("/images/global/region-mobil.svg"); background-size: 66%; background-position-x: 24px; } ul.websites-inner.global-brands .esso { background-image: url("/images/global/region-esso.svg"); } ul.websites-inner.global-brands .xto { background-image: url("/images/global/region-xto.svg"); } @media print, screen and (min-width: 606px) and (max-width: 999px) { ul.websites-inner.global-brands li { display: block; } ul.websites-inner.global-brands .exxon, ul.websites-inner.global-brands .mobil, ul.websites-inner.global-brands .esso, ul.websites-inner.global-brands .xto { background-size: contain; background-position: left center; } ul.websites-inner.global-brands .mobil { min-height: 20px; } } .country-auto-complete { margin: 10px 0; width: 100%; height: 90px; border-bottom: 1px solid #7b7b7b; } .country-auto-complete .search-bar { height: 90px; font-size: 0; } .country-auto-complete .search-bar .icon-search { width: 66px; height: 100%; } .country-auto-complete .search-bar .icon-search._active:before { color: #fff; } .country-auto-complete .search-bar .icon-search:before { -moz-transition: color 300ms ease-out; -o-transition: color 300ms ease-out; -webkit-transition: color 300ms ease-out; transition: color 300ms ease-out; font-size: 36px; left: 0; width: 40px; height: 40px; top: 50%; margin-top: -18px; color: #7b7b7b; } .country-auto-complete input { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; width: 70%; font-size: 40px; font-family: EMprintLight, 'Univers Next W23', 'Tahoma W01 Regular', 'Saral W60', 'AxisStd-Light', 'MHei HK Medium', 'MHei PRC Medium', 'Ergo LT W08', 'YDGothic_120 Pro', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; height: 90px; margin: 0; padding: 0; border: none; outline: none; background: none; color: #fff; text-align:left;/*rtl:{right}*/ line-height: 100px; } .country-auto-complete input:-moz-placeholder { color: #f7f7f7; } .country-auto-complete input::-moz-placeholder { color: #f7f7f7; } .country-auto-complete input:-ms-input-placeholder { color: #f7f7f7; } .country-auto-complete input::-webkit-input-placeholder { color: #f7f7f7; } .country-auto-complete input::-ms-clear { width: 0; height: 0; display: none; } @media print, screen and (min-width: 1700px) { aside.global-selector-sidebar { width: 19.23077%; float: left; margin-left: 12.75304%; margin-right: -100%; } } @media print, screen and (min-width: 2100px) { aside.global-selector-sidebar { width: 14.97976%; float: left;/* rtl:{right}*/ margin-left: 17.00405%;/* rtl:{-100%}*/ margin-right: -100%;/* rtl:{17.00405%}*/ } } @media print, screen and (min-width: 606px) and (max-width: 999px) { a.country-title, a.country-title-xx { font-size: 40px; } .country-auto-complete input { font-size: 30px; } } @media print, screen and (max-width: 1400px) { aside.global-selector-sidebar { width: 31.59722%; margin-left: 0.50202%;/* rtl:{margin-right:0.50202%}*/ } } @media print, screen and (max-width: 800px) { aside.global-selector-sidebar { width: 31%; margin-left: 0; /* rtl:{margin-right:0}*/ } .global-selector-inner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%;/* rtl:{margin-left:2.60417%}*/ width: 57.24826%; padding: 0 gutter(); } .global-selector-bg:before { width: span(5); } } @media print, screen and (max-width: 650px) { .global-selector-bg:before { display: none; } .country-auto-complete input { font-size: 24px; display: block; box-sizing: border-box; line-height: 30px; height: 50px; padding: 10px 0; } .country-auto-complete { height: 60px; margin: 30px 0; } .country-auto-complete .search-bar .icon-search:before { font-size: 28px; } .country-auto-complete .search-bar { height: 60px; } aside.global-selector-sidebar { display: none; } .global-selector-inner { width: 100%; padding: 0 4.34783%; margin-right: 0; } a.country-title, a.country-title-xx { font-size: 36px; } .mobile-filter { width: 87%; display: inline-block; border: 1px solid rgba(255, 255, 255, 0.3); margin-top: 20px; } button.filter-dd-trigger { -moz-appearance: none; -webkit-appearance: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; position: relative; background-color: transparent; border: 0; font-family: EMprint, 'Univers Next W23', 'Tahoma W01 Regular', 'Saral W60', 'AxisStd-Light', 'MHei HK Medium', 'MHei PRC Medium', 'Ergo LT W08', 'YDGothic_120 Pro', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; outline: 0 none; color: #f7f7f7; text-align: left; padding: 22px 15px; font-size: 16px; cursor: pointer; width: 100%; } button.filter-dd-trigger:first-letter { text-transform: capitalize; } button.filter-dd-trigger:after { position: absolute; content: ''; width: 0px; height: 0px; border-top: 6px solid #bdbdbd; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid transparent; top: 50%; right: 15px; margin-top: -4px; } button.filter-dd-trigger._show:after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-top: -9px; } ul.filter-dd-wrapper { padding: 0; max-height: 0; overflow: hidden; margin: 0 15px; border-top: 1px solid rgba(255, 255, 255, 0); -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } ul.filter-dd-wrapper._show { border-top: 1px solid rgba(255, 255, 255, 0.3); max-height: 500px; } li.filter-dd-list { padding: 10px 0; } li.filter-dd-list:first-child { padding-top: 20px; } li.filter-dd-list:last-child { padding-bottom: 20px; } a.filter-dd-link { color: #bdbdbd; } } /* Comment Generated by Combres - Resource '~/stylesheets/modules/country-subtopic-links.css' (Mode: Static) */ #wrapper .country-sub-nav { background: #fafafa; } #wrapper .country-sub-nav .content-tabs > li { padding: 0 30px; } #wrapper .country-sub-nav .language-select { margin-right: 30px; } #wrapper .fancy-select ul.options { padding: 0; } #wrapper .fancy-select div.trigger { padding: 0 0 0 28px; } /*rtl:ignore*/ #wrapper[dir="ltr"] .fancy-select div.trigger { padding: 0 0 0 28px; } #wrapper .topic.countrySubtopic .topic-item.light-gray:before { background-color: transparent; } #wrapper .topic.countrySubtopic .inner h2 { margin-top: 52px; margin-bottom: 15px; } #wrapper .topic.countrySubtopic .inner .header { font-size: 33px; font-family: EMprintLight, 'Univers Next W23 Light', 'Tahoma W01 Regular', 'Saral W60 Light', 'AxisStd-ExtraLight', 'MHei HK Light', 'MHei PRC Light', 'Ergo LT W08', 'YDGothic_110 Pro', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 1.3; width: 50%; /*margin-bottom: 65px;*/ } #wrapper .topic.countrySubtopic .inner .header p, #wrapper .topic.countrySubtopic .inner h2 p{ overflow: visible; } #wrapper .topic.countrySubtopic .inner .links { margin-bottom: 50px; margin-right: 0; } #wrapper .topic.countrySubtopic .inner .links ul { padding-left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.60417%; width: 23.04688%; float: left; min-width: 290px; } /*rtl:ignore*/ #wrapper .topic.countrySubtopic .inner[dir="rtl"] .links ul { margin-right: 0; margin-left: 2.60417%; } #wrapper .topic.countrySubtopic .inner .links ul li, #wrapper .topic.countrySubtopic .inner .links ul li a { color: #3D3D3D; font-size: 14px; list-style: none; } #wrapper .topic.countrySubtopic .inner .links ul li:first-child, #wrapper .topic.countrySubtopic .inner .links ul li:first-child a { color: #003399; font-family: EMprintSemibold, 'Univers Next W23 Bold', 'Tahoma W01 Bold', 'Saral W60 Bold', 'AxisStd-Medium', 'MHei HK Bold', 'MHei PRC Bold', 'Ergo LT W01 Demi', 'YDGothic_140 Pro', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 16px; margin-bottom: 15px; } #wrapper .topic.countrySubtopic .inner .links ul li:last-child { margin-bottom: 4px; } #wrapper .country-module .nav-nested.nav-country { width: 100%; float: none; } [dir=rtl] #wrapper .country-module .nav-nested.nav-country { margin-right: 0; } #wrapper .country-module .nav-nested.nav-local-activities li { line-height: 1; } @media print, screen and (min-width: 606px) and (max-width: 999px) { #wrapper .country-sub-nav .language-select { margin-right: 0; } /*rtl:ignore*/ #wrapper .country-sub-nav[dir=rtl] .language-select { margin-left: 0; } #wrapper .fancy-select div.trigger .icon-select-caret { width: 25px; } #wrapper .topic.countrySubtopic .inner h2 { margin-top: 47px; margin-bottom: 35px; } #wrapper .topic.countrySubtopic .inner .header { margin-bottom: 35px; width: 100%; } #wrapper .topic.countrySubtopic .inner .links { margin-bottom: 0; } #wrapper .topic.countrySubtopic .inner .links.last { width: 100%; margin-top: 0; } } @media screen and (min-width: 0) and (max-width: 605px) { #wrapper .country-sub-nav .language-select { margin-right: 0; } /*rtl:ignore*/ #wrapper[dir="ltr"] .fancy-select div.trigger { padding: 0 10px; } #wrapper .fancy-select div.trigger { padding: 0 0 0 14px; } #wrapper .fancy-select div.trigger .icon-select-caret { width: 12px; } #wrapper .topic.countrySubtopic .inner h2 { margin-bottom: 25px; } #wrapper .topic.countrySubtopic .inner .header { width: 100%; margin-bottom: 17px; } #wrapper .topic.countrySubtopic .inner .links { margin-top: 0; margin-bottom: 0; } #wrapper .country-module .nav-country.nav-nested { padding-left: 0; } } /* Comment Generated by Combres - Resource '~/stylesheets/libs/fancySelect.css' (Mode: Static) */ div.fancy-select { position: relative; font-weight: bold; text-transform: uppercase; font-size: 13px; color: #46565D; } div.fancy-select.disabled { opacity: 0.5; } div.fancy-select select:focus + div.trigger { box-shadow: 0 0 0 2px #4B5468; } div.fancy-select select:focus + div.trigger.open { box-shadow: none; } div.fancy-select div.trigger { border-radius: 4px; cursor: pointer; padding: 10px 24px 9px 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; background: #99A5BE; border: 1px solid #99A5BE; border-top-color: #A5B2CB; color: #4B5468; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); width: 200px; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out; } div.fancy-select div.trigger:after { content: ""; display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-top-color: #4B5468; top: 20px; /* right: 9px; */ } div.fancy-select div.trigger.open { background: #4A5368; border: 1px solid #475062; color: #7A8498; box-shadow: none; } div.fancy-select div.trigger.open:after { border-top-color: #7A8498; } div.fancy-select ul.options { list-style: none; margin: 0; position: absolute; top: 40px; left: 0; visibility: hidden; opacity: 0; z-index: 50; max-height: 200px; overflow: auto; background: #62C8BF; border-radius: 4px; border-top: 1px solid #7DD8D2; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); min-width: 200px; transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; } div.fancy-select ul.options.open { visibility: visible; top: 50px; opacity: 1; /* have to use a non-visibility transition to prevent this iOS issue (bug?): */ /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/ transition: opacity 300ms ease-out, top 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out; } div.fancy-select ul.options.overflowing { top: auto; bottom: 40px; transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; } div.fancy-select ul.options.overflowing.open { top: auto; bottom: 50px; transition: opacity 300ms ease-out, bottom 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out; } div.fancy-select ul.options li { padding: 8px 12px; color: #2B8686; cursor: pointer; white-space: nowrap; transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; } div.fancy-select ul.options li.selected { background: rgba(43,134,134,0.3); color: rgba(255,255,255,0.75); } div.fancy-select ul.options li.hover { color: #fff; } /* Comment Generated by Combres - Resource '~/stylesheets/modules/video.css' (Mode: Static) */ /* fonts ---------------------------------------------------*/ /* default grid - desktop ---------------------------------------------------*/ /* breakpoints ---------------------------------------------------*/ /* ~1. at-breakpoint ~2. grid ~2.1 grid-padding ~2.2 span-columns ~2.3 span-columns-with-gutter ~2.4 omega ~2.5 inner-padding-left ~2.6 inner-padding-right ~2.7 offset-left ~2.8 offset-right ~2.9 offset-left-padding ~2.10 offset-right-padding ~2.11 offset-right-padding-omega ~2.12 offset-left-gutter ~2.13 offset-right-gutter ~2.14 offset-left-grid-padding ~2.15 offset-right-grid-padding ~2.16 offset-left-gutter-padding ~2.17 offset-right-gutter-padding ~2.17 row ~2.18 full-width ~3. clearfix ~4. visually-hidden ~5. karbon ~6. sprites ~6.1 sprite-pseudo ~6.2 sprite-logos ~6.3 sprite-top-utility ~6.4 sprite-nav ~6.5 sprite-main ~6.6 sprite-country ~6.7 sprite-footer ~6.8 sprite-form */ /* ~1. at-breakpoint ---------------------------------------------------*/ /* ~2. grid ---------------------------------------------------*/ /* ~2.1 grid-padding ---------------------------------------------------*/ /* ~2.2 span-columns ---------------------------------------------------*/ /* ~2.3 span-columns-with-gutter ---------------------------------------------------*/ /* ~2.4 omega ---------------------------------------------------*/ /* ~2.5 inner-padding-left ---------------------------------------------------*/ /* ~2.6 inner-padding-right ---------------------------------------------------*/ /* ~2.7 offset-left ---------------------------------------------------*/ /* ~2.8 offset-right ---------------------------------------------------*/ /* ~2.9 offset-left-padding ---------------------------------------------------*/ /* ~2.10 offset-right-padding ---------------------------------------------------*/ /* ~2.11 offset-right-padding-omega ---------------------------------------------------*/ /* ~2.12 offset-left-gutter ---------------------------------------------------*/ /* ~2.13 offset-right-gutter ---------------------------------------------------*/ /* ~2.14 offset-left-grid-padding ---------------------------------------------------*/ /* ~2.15 offset-right-grid-padding ---------------------------------------------------*/ /* ~2.16 offset-left-gutter-padding ---------------------------------------------------*/ /* ~2.17 offset-right-gutter-padding ---------------------------------------------------*/ /* ~2.17 row ---------------------------------------------------*/ /* ~2.18 full-width ---------------------------------------------------*/ /* ~3. clearfix ---------------------------------------------------*/ /* ~4. visually-hidden ---------------------------------------------------*/ /* ~5. karbon ---------------------------------------------------*/ /* ~6. sprites ---------------------------------------------------*/ /* ~6.1 sprite-pseudo ---------------------------------------------------*/ /* ~6.2 sprite-logos ---------------------------------------------------*/ /* ~6.3 sprite-top-utility ---------------------------------------------------*/ /* ~6.4 sprite-nav ---------------------------------------------------*/ /* ~6.5 sprite-main ---------------------------------------------------*/ /* ~6.6 sprite-country ---------------------------------------------------*/ /* ~6.7 sprite-footer ---------------------------------------------------*/ /* ~6.8 sprite-form ---------------------------------------------------*/ /* ~1. BREAKPOINT - large screen ~1.1 Global Video Styles ~1.2 Full-Width ~2. Outside of Breakpoint ~3. BREAKPOINT - not large screen ~4. BREAKPOINT - small screen */ /* ~1. BREAKPOINT - large screen --------------------------------------------------- ---------------------------------------------------*/ @media print, screen and (min-width: 1000px) { /* ~1.1 Global Video Styles ---------------------------------------------------*/ /* ~1.2 Full-Width ---------------------------------------------------*/ .video-js { position: relative; padding-bottom: 56.25% !important; } .video-player.full-width { float: left; margin-left: -2.11%; position: relative; width: 104.16667%; margin-bottom: 50px; z-index: 1; } .video-player.full-width .inner { padding: 0 2.08333%; } } /* ~2. Outside of Breakpoint --------------------------------------------------- ---------------------------------------------------*/ .video-player { position: relative; zoom: 1; } .video-player .loader-container { position: absolute; text-align: center; background: #f1f1f1; width: 100%; height: 100%; z-index: 1; } .video-player figcaption.caption span:first-child { font-weight: bold; } .video-player .loader-container .loader { height: 60px; left: 50%; top: 50%; margin-left: -70px; margin-top: -30px; position: relative; width: 140px; } .video-player .loader-container .loader span { display: block; width: 32px; height: 32px; margin: 0 auto; } .video-player .responsive-video-container { width: 100%; margin-left: 10px; margin-bottom: 10px; float: right; } .video-player .responsive-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-player .responsive-video-wrapper div, .video-player .responsive-video-wrapper embed, .video-player .responsive-video-wrapper object, .video-player .BrightcoveExperience { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .topic-item.video-module .video-player .caption { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .video-player:before, .video-player:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .video-player:after { clear: both; } .video-player .loader-container._hide { background: transparent; height: 0px; display: block; margin-bottom: 0; position: static; } .video-player .loader-container._hide .loader { display: none; } .carousel-videos .videos-item { width: 100%; /*padding: 15px 20%; padding: 35px 18% 0 21%;*/ padding: 35px 21% 0px 21%; box-sizing: border-box; } /* ~3. BREAKPOINT -not large screen --------------------------------------------------- ---------------------------------------------------*/ @media print, screen and (min-width: 0) and (max-width: 1000px) { #wrapper .mega-nav { box-shadow: none; } .video-js { position: relative; padding-bottom: 56.25% !important; } .video-player { margin-top: 20px; width: 100%; } .video-player .loader-container { position: absolute; text-align: center; background: #f1f1f1; width: 100%; height: 100%; z-index: 1; } .video-player .loader-container .loader { left: 50%; top: 50%; margin-left: -45px; margin-top: -30px; position: relative; width: 90px; height: 60px; } } /* ~4. BREAKPOINT -small screen --------------------------------------------------- ---------------------------------------------------*/ @media print, screen and (min-width: 606px) and (max-width: 999px) { .carousel-videos .videos-item { padding: 15px 21% 0px 21%; } } /* ~5. BREAKPOINT -small screen --------------------------------------------------- ---------------------------------------------------*/ @media screen and (min-width: 0) and (max-width: 605px) { .carousel-videos .videos-item { padding: 80px 0; } } /* #13421 - Youtube video implementation related fixes */ /* Mobile */ @media print, screen and (max-width: 767px) { figure.video-player.full-width.module._wired { height: 202px; } } /* iPad Portrait */ @media print, screen and (min-width: 768px) and (max-width: 991px) { figure.video-player.full-width.module._wired { height: 415px; } } /* iPad Landscape */ @media print, screen and (min-width: 992px) and (max-width: 1280px) { figure.video-player.full-width.module._wired { height: 576px; } } /* Desktop */ @media print, screen and (min-width: 1281px) and (max-width: 1360px) { figure.video-player.full-width.module._wired { height: 750px; } } /* Wide Screen Desktop */ @media print, screen and (min-width: 1361px) { figure.video-player.full-width.module._wired { height: 787px; } /*body[data-lang="ar-QA"] figure._wired.module.full-width.video-player { margin-bottom: 0; }*/ } /* Common for giving share overlay close button priority */ figure.video-player.full-width.module._wired button.ytp-share-panel-close.ytp-button { z-index: 99; } /* Iphone-5 Video share alignement issue*/ @media print, screen and (max-width: 320px) { }