@font-face { font-family: 'Source Han Sans CN'; src: url('/wp-content/uploads/fonts/sourcehansanscn-regular-webfont.woff2') format('woff2'), url('/wp-content/uploads/fonts/sourcehansanscn-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .site-title, .entry .entry-title { display:none; } /*---footer---*/ .site-footer { background-color: #e7e7e7; padding: 25px 50px 10px; } #colophon .site-info *, #colophon .site-info { font-size: 12px; color: #707070 !important; text-align: center; margin:0; padding: 10px 0; } .c-footer__social-icon { width: 50px; } .c-footer__social-link_Wechat:hover .c-footer__social-icon_Wechat { display: block; } .c-footer__social-icon_Wechat { position: absolute; margin: auto; left: 0; right: 0; bottom: 0; display: none; border: 1px solid #000; width: 200px; height: 200px; } #colophon .widget-column .widget { margin:0; width:100%!important; } #colophon .widget-area { margin: 0; } #custom_html-3 { position: relative; text-align: center; margin-top: 40px!important; border-top: 1px solid rgba(151, 151, 151, 0.5); padding-top: 20px; } .c-footer__nav-container { text-align: center; display: flex; flex-direction: row; } .c-footer-nav { display: inline-block; margin: 0 8px; padding: 0; border: 0; flex: 1; } .c-footer-nav__item { text-align: left; text-transform: uppercase; list-style:none; } .c-footer-nav__link { text-decoration: none; color: #1c262b!important; font-size: 0.75rem; line-height: 2; letter-spacing: 0.3px; } .c-footer-nav__link:hover { color: #008ed3; } #post-19 .entry-content { max-width: 100%; margin: 0; padding: 0; } .c-home-video { margin-bottom: 40px; max-height: 550px; overflow: hidden; max-width: 100%!important; } .c-home-video video { top: -70px; position: relative; width: 100%; } .middle-home { max-width: 80% !important; margin: 0 10% !important; } h1:not(.site-title)::before, h2::before {display:none;} .col-md-6, .col-lg-4 { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .c-articles-grid__latest-synopsis:hover { height: 100%; padding: 20px; } .c-articles-grid__latest-synopsis:hover .c-articles-grid__latest-desc, .c-articles-grid__latest-synopsis:hover .c-articles-grid__latest-cta { visibility: visible; } /*--top-menu--*/ .main-navigation .main-menu > li > a { font-weight: 400; color: #1c262b; margin-right: 0.5rem; font-size:16px; padding-bottom:5px; } .main-navigation .main-menu > li { position: relative; display: inline-block; margin-bottom: 0; margin-right: 40px; padding-bottom: 20px; } .main-navigation .main-menu > li:first-child { display: inline-block; padding: 3px 0 10px 0; vertical-align: top; position: relative; margin-right: 15px; } .main-navigation .main-menu > li:first-child a { background: url('/wp-content/uploads/files/icon-home.svg') no-repeat scroll 0 0; font-size: 0; padding: 18px 10px 2px; text-indent: -999px; margin: 0 20px 0 0; } .main-navigation .main-menu > li#menu-item-27 a { background: url('/wp-content/uploads/files/logo-x2.png') no-repeat scroll 0 0 / 100px; font-size: 0; width: 100px; height: 20px; padding: 18px 50px 10px 50px; margin-right: 0; } .site-header { margin: 0; padding: 29px 15px 0; top: 0; width: 100%; z-index: 1000000; background-color: #fff; opacity: 1; transition: opacity 0.5s; position: fixed; } .entry .entry-header{display:none;} .main-navigation { margin:0; text-align: right; margin-right: 5%; } .entry .entry-content > *, .entry .entry-summary > * {margin: 0;} .main-navigation ul.sub-menu { background-color: #fff; list-style: none; position: absolute; opacity: 0; left: -9999px; z-index: 99999; color: #1c262b; padding: 30px 0 20px; margin: 0 0 0 -20px; } .main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return { color: #1c262b; font-size:16px; font-weight:400 } .main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after, .main-navigation .sub-menu > li > .menu-item-link-return:hover:after, .main-navigation .sub-menu > li > .menu-item-link-return:focus:after { background: none; color: #337ab7; } .main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus, .main-navigation .sub-menu > li > .menu-item-link-return:hover, .main-navigation .sub-menu > li > .menu-item-link-return:focus { background: none; color: #337ab7; } .main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return { padding: 6px 20px; line-height: 22px; text-align: left; } .main-navigation .main-menu > li.menu-item-has-children button {display:none!important;} .main-navigation .main-menu > li#menu-item-58 button, .main-navigation .main-menu-more li.menu-item-has-children button { display:inline-block!important; } .postid-447 .c-article-header__title { text-shadow: 1px 1px 0 #000; } /*---------who we are-----------*/ #post-5 .entry-content { max-width: 100%; margin: 0; padding: 0; } .c-header { position: relative; margin-bottom: 40px!important; } .c-header__title { width: 560px; top: 35%; color: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; } .c-header__img { background-attachment: fixed; background-position: center top !important; height: 350px; } .entry .entry-content > *, .entry .entry-summary > * { max-width: 100%; } /*---what we do---*/ #post-24 .entry-content, #post-30 .entry-content, #post-28 .entry-content, #post-61 .entry-content, #post-65 .entry-content, #post-67 .entry-content, #post-174 .entry-content, #post-172 .entry-content, #post-189 .entry-content, #post-193 .entry-content, #post-195 .entry-content, #post-199 .entry-content, #post-202 .entry-content, #post-209 .entry-content, #post-212 .entry-content, #post-316 .entry-content { max-width: 100%; margin: 0; padding: 0; } .news-template-default .entry-content { max-width: 100%; margin: 0; padding: 0; } .news-template-default .middle-home img { width:100%; } .postid-478 .c-text table, .postid-478 .c-text table td { border:none; } /*---doclist---*/ .single-news .site-featured-image, .single-news .site-header.featured-image .site-branding .site-title {display:none;} .single-news.image-filters-enabled .site-header.featured-image::after { background:none; opacity: 1; } .single-news .site-header.featured-image { overflow: visible; position: relative; text-shadow: none; background-position: unset; background-repeat: no-repeat; background-size: unset; min-height: unset; margin-bottom: 0; } .single-news .site-header.featured-image { display: block; flex-direction: unset; justify-content: unset; min-height: 0; } .single-news .main-navigation .main-menu > li.menu-item-has-children > a { margin-right: 0.5rem; } .single-news .site-header.featured-image .main-navigation a, .single-news .site-header.featured-image .main-navigation a + svg, .single-news .site-header.featured-image .social-navigation a, .single-news .site-header.featured-image .site-title a, .single-news .site-header.featured-image .site-featured-image a { color: #1c262b; } .single-news .site-header.featured-image .site-branding .site-title, .single-news .site-header.featured-image .site-branding .site-description, .single-news .site-header.featured-image .main-navigation a::after, .single-news .site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children::after, .single-news .site-header.featured-image .main-navigation li, .site-header.featured-image .social-navigation li, .single-news .site-header.featured-image .entry-meta, .site-header.featured-image .entry-title { color: inherit; } #tab_container_92 .wpsm_nav-tabs > li.active { border: 1px solid #008ed3!important; box-shadow: 0 0 1px 1px #008ed3; } #tab_container_92 .wpsm_nav-tabs > li { border: 1px solid #6c757d; margin: 0 6px 0 10px!important; float: none!important; cursor: pointer; display:inline-block; } #tab_container_92 { padding-top:5px; } #tab_container_92 .wpsm_nav-tabs > li > a { background: none!important; padding: 6.32px 25px!important; border:none!important; border-radius:0!important; font-size: 1rem!important; font-family: "Source Han Sans CN", Arial, sans-serif!important; color: #1c262b!important; } #tab_container_92 .wpsm_nav-tabs > li > a:hover { background:none!important; border:none!important; } #tab_container_92 .wpsm_nav-tabs { border-bottom: 2px solid #ddd; padding-bottom: 3%; text-align: center; } #tab_container_92 .tab-content { border: none !important; width: 80%; margin: 0 auto; } .news__list a::after {display:none;} .news__list h4 { clear: none; margin: 0 0 .5em !important; font-size: 1.575rem; line-height: 40px; letter-spacing: -0.5px; font-weight: normal; color: #008ed3; } .news__list .simple_news_date { color: #1c262b; font-size: 0.75rem; margin-bottom: 10px; text-transform: uppercase; } .news__list li { margin: 0 0 1em; padding: 0 0 1em; } .simple-news-img-con { float:left; margin-right:2%; } .chw-widget h2 { background: url('/wp-content/uploads/files/icon-search.svg') no-repeat scroll 0 0 / 18px; font-size: 0; height: 20px; width: 18px; cursor: pointer; margin: 0 25px 0 0; } .chw-widget .search-form { position: fixed; display: none; z-index: 1; right: 0; left: 0; width: 100%; padding: 0 30px; padding-top: 0px; padding-top: 0px; height: 0; top: 84px; background-color: rgba(255, 255, 255, 0.9); padding-top: 20px; height: 200px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); text-align: center; padding-top: 4%; } .chw-widget { display: inline-block; vertical-align: middle; } .main-menu-more {display:none!important;} #header-widget-area { width: 18%; display: inline-block; vertical-align: top; } .main-navigation { display:inline-block!important; margin: 0; text-align: right; margin-left: 0; width: 78%; } .chw-widget .search-form input { color: #1c262b; font-size: 1.625rem; line-height: 30px; padding-right: 25px; border:none; background: none; border-bottom-style: none; border-bottom-width: medium; border-bottom: 1px solid #979797; padding-bottom: 10px; font-family: "Source Han Sans CN", Arial, sans-serif; width: 46%; } .chw-widget .search-form input:-ms-input-placeholder, .chw-widget .search-form input:-moz-placeholde, .chw-widget .search-form input::-webkit-input-placeholder, .chw-widget .search-form input::placeholder, input[type="search"] { color: #1c262b; font-size: 1.625rem; } :-ms-input-placeholder, :-moz-placeholde, ::-webkit-input-placeholder, ::placeholder { color: #1c262b; font-size: 1.625rem; } input::placeholder { color: #1c262b; font-size: 1.625rem; } .chw-widget .search-form input.search-submit { background: url('/wp-content/uploads/files/search.png') no-repeat scroll center center / 23px; font-size: 0; width: 20px; height: 40px; border: none; margin-left: -40px; } /*---timeline---*/ h2.wpostahs-centent-title {display:none;} .wpostahs-slider-for {padding: 0;} .wpostahs-slider-design-2 .wpostahs-slider-nav {max-width: 100%;} .wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list.draggable::before {width:100%;} .wpostahs-slider-design-2 .wpostahs-slick-slider .slick-arrow {margin-top:-18%!important;} .wpostahs-slider-design-2 .wpostahs-centent { z-index: 9; position: absolute; } .wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title button { background:#008ed3; background-clip: border-box; background-clip: content-box; } .wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list.draggable::before { background: #008ed3; } .wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current { font-weight: 600; } .wpostahs-slider-design-2 .wpostahs-slider-nav-title .wpostahs-title { font-size: 1rem; font-family: "Source Han Sans CN", Arial, sans-serif; color: #1c262b; margin-top:20px; } .wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title button{ background:#008ed3; background-clip: border-box; background-clip: content-box; border: 4px solid #e9eaee; border-radius: 14px; display: block; height: 28px; left: 48%; margin-left: -14px; position: absolute; top:-1px; width: 28px; z-index: 1; } .wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title button::before { background: #008ed3; border: 3px solid #e9eaee; border-radius: 9px; content: ''; display: block; height: 18px; left: 1px; position: absolute; top: 1px; width: 18px; } /*--mega-menu--*/ .site-branding-container::before { right: 0; left: 0; width: 100%; padding: 0 30px; height: 180px; transition: height .5s,padding-top .5s; margin-top: 40px; background-color: rgba(255,255,255,.9); box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.2); position: absolute; z-index: 9; content: ''; display:none; } #mega-menu-wrap-smiths-detection-main-navigation #mega-menu-smiths-detection-main-navigation > li.mega-menu-item, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {margin:0 2.8%;padding-bottom: 17.49px;} #mega-menu-wrap-smiths-detection-main-navigation #mega-menu-smiths-detection-main-navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { background:none; color:#1c262b; } #mega-menu-wrap-smiths-detection-main-navigation #mega-menu-smiths-detection-main-navigation > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover { background: none; color:#1c262b; } #mega-menu-wrap-smiths-detection-main-navigation #mega-menu-smiths-detection-main-navigation > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link { color:#1c262b; padding:0; line-height: 17px; height: 38px; font-size: 0.8125rem; letter-spacing: 0.3px; font-family: "Source Han Sans CN", Arial, sans-serif; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu { transition: height .5s,padding-top .0s; background-color: rgba(255,255,255,.9); left: unset; right: unset; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.menu-item--1, #mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu li.mega-menu-item--2 {display:none;} #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-16-0-0 ul.mega-sub-menu li, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-26-0-0 ul.mega-sub-menu li {padding:5px 0;} #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { font-weight:normal; color:#1c262b; font-size:14px; } #mega-menu-wrap-smiths-detection-main-navigation #mega-menu-smiths-detection-main-navigation > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link { color:#1c262b; font-size:14px; background:none; } .site-branding, #mega-menu-wrap-menu-1, #mega-menu-wrap-menu-1 #mega-menu-menu-1, #mega-menu-wrap-smiths-detection-main-navigation, #mega-menu-wrap-smiths-detection-main-navigation #mega-smiths-detection-main-navigation {position: inherit;} #mega-menu-wrap-smiths-detection-main-navigation #mega-menu-smiths-detection-main-navigation[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-smiths-detection-main-navigation #mega-menu-smiths-detection-main-navigation[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu { margin-top:17px; min-height:200px; } #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu { margin-top:17px; padding:15px 50% 15px 0; min-height:200px; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 5px; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title { font-size: 1.125rem; font-family: "Source Han Sans CN", Arial, sans-serif; line-height: 24px; margin-bottom: 5px; font-weight:normal; color: #1c262b; } #mega-menu-wrap-smiths-detection-main-navigation #mega-menu-smiths-detection-main-navigation li.mega-align-bottom-right.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-smiths-detection-main-navigation #mega-menu-smiths-detection-main-navigation > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-align-bottom-right.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { color: #1c262b!important; background:none!important; } #mega-menu-wrap-smiths-detection-main-navigation #mega-menu-smiths-detection-main-navigation > li.mega-menu-item > a:hover::after, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.mega-menu-item a:hover::after, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item a:hover::after { border-bottom: 2px solid #008ed3; content: ''; position: absolute; z-index: 100; display: block; height: 2px; width: 100%; margin-top: 5px; } #mega-menu-wrap-smiths-detection-main-navigation #mega-menu-smiths-detection-main-navigation a.mega-menu-link .mega-description-group .mega-menu-description { display: none !important; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li#mega-menu-item-27.mega-menu-item a:hover::after, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu a:hover::after { display:none; } #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu::before { content: ''; display: block; width: 100%; min-height: 203px; position: absolute; left: 0; right: 0; margin: -28px -100% 0; background-color:rgba(255,255,255,.9); transform: translate(0, 10px); transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in; } /* Logo Item */ #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-27 a { background: url('/wp-content/uploads/files/logo-x2.png') no-repeat scroll 0 0 / 107px; font-size: 0; width: 107px; } #mega-menu-wrap-smiths-detection-main-navigation #mega-menu-smiths-detection-main-navigation li#mega-menu-item-957 a { background: url('/wp-content/themes/smiths-group/smiths-detection-logo.png') no-repeat scroll 0 0 / 256px; font-size: 0; width: 256px; } /* Home Item */ #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-44 a { background: url('/wp-content/uploads/files/icon-home.svg') no-repeat scroll 0 3px / 18px; font-size: 0; padding: 0 12.5px; text-indent: -999px; margin: 0 20px 0 0; } #mega-menu-item-44 { margin-right:52px!important; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li#mega-menu-item-44.mega-menu-item a:hover { border:none; padding: 0 12.5px; text-indent: -999px; margin: 0 20px 0 0; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li#mega-menu-item-44.mega-menu-item a:hover::after { border-bottom:none; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li#mega-menu-item-44::after { border-bottom: none; content: ''; width: 1.5px; height: 62px; background-color: #e9eaee; position: absolute; right: 7px; top: -30px; display: block; cursor:default; } .main-navigation .main-menu > li#menu-item-44:first-child::after { content: ''; width: 1px; height: 62px; background-color: #e9eaee; position: absolute; right: 0; top: -30px; } .nav-down { position: fixed; width: 100%; z-index: 100000; background-color:#fff; opacity: 1; transition: opacity 0.5s; } .nav-up { opacity:0; transition: opacity 0.5s; } .site-content { transition: left 0.5s, right 0.5s, position 0.5s; position: relative; margin-top:52px; } #mega-menu-item-media_image-2 { display: inline-block !important; width: 200px !important; } #mega-menu-item-custom_html-5 { display: inline-block !important; width: 48% !important; } @media only screen and (min-width: 768px) { .site-branding {margin: 0!important;} } .c-button__container_center a.c-button {text-decoration:none;} .wpostahs-slider-design-2 .wpostahs-slider-nav.wpostahs-slick-slider .slick-track {margin: 0 0 0 -40%;} .c-timeline .slick-arrow.slick-prev::before { content: '<'; display: block; text-indent: 0; font-weight: normal; color:rgba(255, 255, 255, 0.7); font-family: monospace; font-size: 4.375rem; margin-top: -20px; } .c-timeline .slick-arrow.slick-next::before { content: '>'; display: block; text-indent: 0; font-weight: normal; color:rgba(255, 255, 255, 0.7); font-family: monospace; font-size: 4.375rem; margin-top: -20px; } .wpostahs-slick-slider button.slick-prev:hover, .wpostahs-slick-slider button.slick-prev:focus, .wpostahs-slick-slider button.slick-next:hover, .wpostahs-slick-slider button.slick-next:focus { background:none!important; } a.c-button, a {text-decoration:none!important;} .news-template-default .nav-down, .news-template-default .site-header {position: fixed!important;} .news-template-default .c-article-header + .c-breadcrumb {top:10px;} .news-template-default .middle-home {margin-top:100px!important;} .entry-content hr {max-width: 100%!important;} blockquote p {font-size:2.25rem;} blockquote {border-left: none!important;} .c-text_intro .c-text__text, .c-text_intro .c-text__list_cerulean li, .c-text__list_cerulean .c-text_intro li { font-weight: lighter; } #myTab_92 b { padding: 7px 16px 7px 0px; } .c-media-text_grid-item:last-child { padding-bottom: 0; } /*--------------------------------------------------------------------------------------------------------*/ /********************************** Styles By BeingOnline ***********************************/ /* Load in Fonts */ /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts: http://www.fonts.com */ /* Load in other lib */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .c-timeline .slick-slide { float: left; height: 100%; min-height: 1px; display: block; } .c-non-interactive-map__carousel .slick-slide { float: left; height: 100%; min-height: 1px; display: none; opacity: 0 !important; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-active { display: block; opacity:1!important; position: relative !important; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Import Bootstrap 4 grid */ .container { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; clip-path: none; } /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } .c-button__container .row:first-child { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; border-bottom:1px solid #000; padding-bottom:40px; margin-bottom:60px;} .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } /* Overwrite settings, font, colors definitions, etc. */ /******************************************* SETTINGS Contain Twitter Bootstrap 4 Alpha 6 plus overwrite settings, font, colors definitions, etc. ********************************************/ /* Project Settings */ /******************************************* Styles By BeingOnline - TOOLS Globally used mixins and functions. It锟絪 important not to output any CSS in the first 2 layers. ********************************************/ /* Functions */ /* Mixins */ /* TOOLS Globally used mixins and functions. It锟絪 important not to output any CSS in the first 2 layers. */ /******************************************* Styles By BeingOnline - TOOLS Globally used mixins and functions. It锟絪 important not to output any CSS in the first 2 layers. ********************************************/ /* Functions */ /* Mixins */ /* GENERIC Reset and/or normalize styles, box-sizing definition, etc. This is the first layer which generates actual CSS. */ /******************************************* Styles By BeingOnline - GENERIC Reset and/or normalize styles, box-sizing definition, etc. This is the first layer which generates actual CSS. ********************************************/ /* Project Generic */ /* Assigning box model */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Placeholder Styling */ ::-webkit-input-placeholder { font-size: 1rem; } :-moz-placeholder { font-size: 1rem; } ::-moz-placeholder { font-size: 1rem; } :-ms-input-placeholder { font-size: 1rem; } /* ELEMENTS Styling for bare HTML elements (like H1, A, etc.). These come with default styling from the browser so we can redefine them here. */ /******************************************* Styles By BeingOnline - ELEMENTS Styling for bare HTML elements (like H1, A, etc.). These come with default styling from the browser so we can redefine them here. ********************************************/ /* Project Generic */ html { font-size: 1rem; font-family: "Source Han Sans CN", Arial, sans-serif; color: #1c262b; position: relative; min-height: 100%; } body { background-color: #fff; margin: 0; /*margin-bottom: 780px; @include breakpoint-min(xxs) { margin-bottom: 750px; } @include media-breakpoint-up(sm) { margin-bottom: 735px; } @include media-breakpoint-up(md) { margin-bottom: 400px; } @include media-breakpoint-up(lg) { margin-bottom: 300px; }*/ } body.pagemode-edit .c-navigation { display: none; } h1, .h1 { font-size: 1.75rem; text-transform: uppercase; font-family: "Source Han Sans CN", Arial, sans-serif; line-height: 50px; letter-spacing: 0.5px; font-weight: normal; text-align: center; margin-bottom: 40px; margin-top: 40px; } @media (min-width: 992px) { h1, .h1 { font-size: 3.25rem; letter-spacing: 1px; margin-top: 60px; } } h2, .h2 { font-size: 1.5rem; text-transform: uppercase; font-family: "Source Han Sans CN", Arial, sans-serif; line-height: 1.43; letter-spacing: 0.5px; font-weight: normal; text-align: center; margin-bottom: 30px; } @media (min-width: 992px) { h2, .h2 { font-size: 2.1875rem; letter-spacing: 0.7px; } } h3, .h3 { font-size: 1.5rem; text-transform: uppercase; font-family: "Source Han Sans CN", Arial, sans-serif; font-weight: normal; } p, ul li, a, input, label, select, option, th, td { font-size: 1rem; } p a, ul li a { color: #008ed3; } p a:hover, ul li a:hover { color: #21386b; text-decoration: none; } small { font-size: 80%; } a { color: #008ed3; text-decoration: none; cursor: pointer; } a:hover { color: #21386b; text-decoration: none; } ul, ol { margin: 0; padding: 0; } img { max-width: 100%; } sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em; } blockquote { color: #008ed3; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.5rem; line-height: 38px; margin: 0 auto; padding: 30px 0; position: relative; text-align: center; } blockquote::before { background-color: #008ed3; content: ''; height: 3px; left: 50%; margin-left: -100px; position: absolute; top: 0; width: 200px; } @media (min-width: 992px) { blockquote::before { margin-left: -150px; height: 5px; width: 300px; } } blockquote::after { background-color: #008ed3; content: ''; height: 3px; left: 50%; margin-left: -100px; position: absolute; bottom: 0; width: 200px; } @media (min-width: 992px) { blockquote::after { margin-left: -150px; height: 5px; width: 300px; } } @media (min-width: 375px) { blockquote { width: 320px; margin: 0 auto; } } @media (min-width: 992px) { blockquote { width: 725px; } } @media (min-width: 992px) { blockquote { font-size: 2.25rem; } } /* OBJECTS Class-based selectors which define undecorated design patterns, for example media object known from OOCSS. */ /******************************************* Styles By BeingOnline - OBJECTS Class-based selectors which define undecorated design patterns, for example media object known from OOCSS. ********************************************/ /* Project Objects */ /** * The flag object is a design pattern similar to the media object, however it * utilises `display: table[-cell];` to give us control over the vertical * alignments of the text and image. */ .o-flag { display: table; border-spacing: 0; } .o-flag__img, .o-flag__body { display: table-cell; vertical-align: middle; } /** * Place any image- and text-like content side-by-side, as per: * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code */ .o-media { *zoom: 1; display: block; } .o-media:before, .o-media:after { content: " "; display: table; } .o-media:after { clear: both; } .o-media__img { float: left; } .o-media__img > img { display: block; } .o-media__body { overflow: hidden; display: block; } .o-media__body, .o-media__body > :last-child { margin-bottom: 0; } .o-media_reverse > .o-media__img { float: right; margin-right: 0; } /** * Strip list-like appearance from lists by removing their bullets, and any * indentation. * * Note: Declaring the item-class might not be necessary everywhere but * is for example in
lists for the
childs. */ .o-list-bare { list-style: none; margin-left: 0; padding-left: 0; } .o-list-bare__item { margin-left: 0; } /** * The pack object simply causes any number of elements pack up horizontally to * automatically fill an equal, fluid width of their parent. * */ .o-pack { width: 100%; margin-left: 0; display: table; table-layout: fixed; } /** * * Responsive Breakpoints * Sometimes you want br tags to force a new line if on deskktop, * but want them igored on other device sizes * */ .o-resp-br--ignore-mobile { content: ' '; } @media (min-width: 768px) { .o-resp-br--ignore-mobile { content: initial; } } .o-resp-br--ignore-mobile::after { content: ' '; } @media (min-width: 768px) { .o-resp-br--ignore-mobile::after { content: initial; } } @media (min-width: 768px) { .o-resp-br--ignore-desktop { content: ' '; } } @media (min-width: 768px) { .o-resp-br--ignore-desktop::after { content: ' '; } } /* Remove padding on twitter bootstrap columns for mobile up only */ .g-no-padding { padding-left: 15px; padding-right: 15px; } @media (min-width: 576px) { .g-no-padding .col-lg-1, .g-no-padding .col-lg-10, .g-no-padding .col-lg-11, .g-no-padding .col-lg-12, .g-no-padding .col-lg-2, .g-no-padding .col-lg-3, .g-no-padding .col-lg-4, .g-no-padding .col-lg-5, .g-no-padding .col-lg-6, .g-no-padding .col-lg-7, .g-no-padding .col-lg-8, .g-no-padding .col-lg-9, .g-no-padding .col-md-1, .g-no-padding .col-md-10, .g-no-padding .col-md-11, .g-no-padding .col-md-12, .g-no-padding .col-md-2, .g-no-padding .col-md-3, .g-no-padding .col-md-4, .g-no-padding .col-md-5, .g-no-padding .col-md-6, .g-no-padding .col-md-7, .g-no-padding .col-md-8, .g-no-padding .col-md-9, .g-no-padding .col-sm-1, .g-no-padding .col-sm-10, .g-no-padding .col-sm-11, .g-no-padding .col-sm-12, .g-no-padding .col-sm-2, .g-no-padding .col-sm-3, .g-no-padding .col-sm-4, .g-no-padding .col-sm-5, .g-no-padding .col-sm-6, .g-no-padding .col-sm-7, .g-no-padding .col-sm-8, .g-no-padding .col-sm-9, .g-no-padding .col-xs-1, .g-no-padding .col-xs-10, .g-no-padding .col-xs-11, .g-no-padding .col-xs-12, .g-no-padding .col-xs-2, .g-no-padding .col-xs-3, .g-no-padding .col-xs-4, .g-no-padding .col-xs-5, .g-no-padding .col-xs-6, .g-no-padding .col-xs-7, .g-no-padding .col-xs-8, .g-no-padding .col-xs-9 { padding-left: 0; padding-right: 0; } } /* COMPONENTS Specific UI components. This is where majority of our work takes place and our UI components are often composed of Objects and Components. */ /******************************************* Styles By BeingOnline - COMPONENTS Specific UI components. This is where majority of our work takes place and our UI components are often composed of Objects and Components. ********************************************/ /* Project Components */ .c-background-image { display: block; background-size: cover; background-repeat: no-repeat; background-position: center; } .c-button, .c-form input.button { border: 1px solid #000; padding: 10px; color: #1c262b; text-transform: uppercase; font-size: 0.875rem; font-family: "Source Han Sans CN", Arial, sans-serif; display: inline-block; position: relative; width: 173px; line-height:1.2; } .c-button:hover, .c-form input.button:hover { border-color: #008ed3; color: #008ed3; } .forge .c-button:hover, .forge .c-form input.button:hover, .c-form .forge input.button:hover { border-color: #00a4b0; color: #00a4b0; } .c-button_white { border: 1px solid #fff; color: #fff; } .c-button_large { width: auto; padding: 10px 20px; } .c-button__icon { background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; } .c-button__icon_download { background-image: url(/images/icon-download.svg); width: 14px; height: 14px; right: 8px; } .c-button__icon_arrow { background-image: url(/images/icon-arrow.svg); width: 6px; height: 9px; right: 8px; top: 12px; } .c-button__icon_video { background-image: url(/images/icon-video.svg); width: 18px; height: 18px; right: 4px; } .c-button__container { display: block; padding-bottom: 40px; } @media (min-width: 992px) { .c-button__container { padding-bottom: 60px; } } .c-button__container_center { text-align: center; } .c-button__container_right { text-align: right; } .c-footer { background-color: #e7e7e7; padding: 25px 25px 10px; position: absolute; bottom: 0; width: 100%; } @media (min-width: 768px) { .c-footer { padding: 25px 50px 10px; } } .c-footer__nav-container { text-align: center; } .c-footer__details-container { text-align: center; } @media (min-width: 768px) { .c-footer__details-container { margin-top: 40px; border-top: 1px solid rgba(151, 151, 151, 0.5); padding-top: 20px; } } @media (min-width: 992px) { .c-footer__details-container { text-align: left; } } .c-footer-nav { list-style: none; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(151, 151, 151, 0.5); } @media (min-width: 768px) { .c-footer-nav { display: inline-block; margin: 0 8px 0 0; padding: 0; border: 0; } } @media (min-width: 992px) { .c-footer-nav { margin: 0 8px 0 0; } } .c-footer-nav:last-child { margin-right: 0; margin-bottom: 30px; } @media (min-width: 768px) { .c-footer-nav:last-child { margin-bottom: 0; } } .c-footer-nav__item { text-align: center; text-transform: uppercase; } .c-footer-nav__link { text-decoration: none; color: #1c262b; font-size: 0.875rem; line-height: 2; } .c-footer-nav__link:hover { color: #008ed3; } .forge .c-footer-nav__link:hover { color: #00a4b0; } .c-footer__section { text-align: left; display: inline-block; } .c-footer__section:first-child { position: relative; right: 170px; } .c-footer__section:last-child { position: relative; left: 175px; } .c-footer__copyright { font-size: 0.75rem; margin-bottom: 20px; } @media (min-width: 992px) { .c-footer__copyright { position: relative; top: 16px; margin-bottom: 0; } } .c-footer__social { margin-bottom: 40px; } @media (min-width: 992px) { .c-footer__social { margin-bottom: 0; text-align: center; } } .c-footer__social-text { font-size: 0.875rem; font-family: "Source Han Sans CN", Arial, sans-serif; text-transform: uppercase; display: block; margin-bottom: 10px; } @media (min-width: 375px) { .c-footer__social-text { display: inline-block; position: relative; bottom: 21px; margin-right: 10px; margin-bottom: 0px; } } @media (min-width: 1200px) { .c-footer__social-text { margin-right: 20px; } } .c-footer__social-link { margin-right: 5px; } @media (min-width: 576px) { .c-footer__social-link { margin-right: 10px; } } .c-footer__social-link:last-child { margin-right: 0; } .c-footer__social-icon { width: 50px; } .c-footer__social-icon_Wechat { position: absolute; margin: auto; left: 0;right: 0;bottom: 0; display: none; border:1px solid #000; width: 200px; height: 200px; } .c-footer__social-link_Wechat:hover .c-footer__social-icon_Wechat { display: block; } .c-footer__reg-address { position: relative; } .c-footer__reg-address-text { font-size: 0.75rem; } @media (min-width: 992px) { .c-footer__reg-address-text { position: absolute; right: 0; width: 260px; } } .c-header { position: relative; margin-bottom: 40px; } .c-header__title { color: #fff; position: absolute; top: 20%; left: 0; right: 0; margin: 0 auto; } @media (min-width: 768px) { .c-header__title { top: 35%; } } @media (min-width: 992px) { .c-header__title { width: 560px; } } .c-header__img { height: 150px; } @media (min-width: 768px) { .c-header__img { height: 250px; } } @media (min-width: 1200px) { .c-header__img { background-attachment: fixed; background-position: center top !important; background-size: contain; height: 350px;} } .c-home-video { margin-bottom: 40px !important; max-height: 550px; overflow: hidden; } .c-home-video video { position: relative; } @media (min-width: 1200px) { .c-home-video video { top: -70px; } } @media (min-width: 1330px) { .c-home-video video { top: -140px; } } @media (min-width: 1920px) { .c-home-video video { top: -150px; } } @media (min-width: 2200px) { .c-home-video video { top: -250px; } } .c-home-carousel { margin-bottom: 40px; } .c-home-carousel__item { position: relative; max-height: 430px; overflow: hidden; } @media (min-width: 992px) { .c-home-carousel__item { height: 550px; } } .c-home-carousel__title { color: #fff; position: absolute; top: 60px; left: 0; right: 0; margin: 0 auto; font-size: 2rem; line-height: 40px; letter-spacing: 0.6px; font-family: "Source Han Sans CN", Arial, sans-serif; } @media (min-width: 992px) { .c-home-carousel__title { width: 560px; font-size: 3.25rem; line-height: 50px; letter-spacing: 1px; } } .c-home-carousel__img { height: 430px; } @media (min-width: 992px) { .c-home-carousel__img { height: 550px; } } .c-home-carousel__video { max-width: 100%; /*height: 430px;*/ } @media (min-width: 992px) { .c-home-carousel__video { width: 100%; } } .c-home-carousel__dots { position: absolute; left: 50%; bottom: 75px; list-style: none; } @media (min-width: 576px) { .c-home-carousel__dots { bottom: 15px; } } .c-home-carousel__dots li { position: relative; width: 13px; height: 13px; display: block; border-radius: 6px; border: 1px solid #fff; margin-bottom: 23px; } .c-home-carousel__dots li::after { content: ''; height: 23px; width: 1px; background: #fff; display: block; position: absolute; bottom: -24px; left: 5px; } .c-home-carousel__dots li:last-child { margin-bottom: 0; } .c-home-carousel__dots li:last-child::after { content: none; } .c-home-carousel__dots li button { display: none; } .c-home-carousel__dots .slick-active { width: 19px; height: 19px; border-radius: 9px; position: relative; right: 3px; margin-bottom: 20px; } .c-home-carousel__dots .slick-active::after { left: 8px; height: 20px; bottom: -21px; } .c-home-carousel__dots .slick-active::before { content: ''; width: 11px; height: 11px; display: block; border-radius: 6px; background: #fff; position: relative; left: 3px; top: 3px; } .c-home-carousel .c-button, .c-home-carousel .c-form input.button, .c-form .c-home-carousel input.button { position: absolute; right: 80px; bottom: 15px; font-size: 0.75rem; color: rgba(255, 255, 255, 0.7); width: auto; } .c-home-carousel .c-button:hover, .c-home-carousel .c-form input.button:hover, .c-form .c-home-carousel input.button:hover { color: #008ed3; } .forge .c-home-carousel .c-button:hover, .forge .c-home-carousel .c-form input.button:hover, .c-form .forge .c-home-carousel input.button:hover { color: #00a4b0; } @media (min-width: 576px) { .c-home-carousel .c-button, .c-home-carousel .c-form input.button, .c-form .c-home-carousel input.button { bottom: 30px; } } .c-home-carousel.slick-vertical .slick-slide { border: none; } .c-icons { text-align: center; padding-bottom: 40px; } @media (min-width: 992px) { .c-icons { padding-bottom: 60px; } } .c-icons__title { margin-top: 0; margin-bottom: 30px; } .c-icons__list { list-style: none; } @media (min-width: 992px) { .c-icons__item { display: inline-block; width: 127px; vertical-align: top; margin-right: 20px; } .c-icons__item:last-child { margin-right: 0; width: 163px; } .c-icons__item:nth-last-child(2) { margin-right: 0; } } .c-icons__item:last-child .c-icons__icon { margin-bottom: 0; } .c-icons__item:last-child .c-icons__icon::after { content: none; } .c-icons__item a { color: #1c262b; } .c-icons__item a:hover { color: #008ed3; } .forge .c-icons__item a:hover { color: #00a4b0; } .c-icons__icon { margin-bottom: 8px; display: inline-block; position: relative; margin-right: 5px; } @media (min-width: 992px) { .c-icons__icon { margin: 0; } } .c-icons__icon::after { content: ""; position: absolute; left: 50%; bottom: -7px; border: 0.5px dashed #979797; height: 10px; } @media (min-width: 992px) { .c-icons__icon::after { height: 0; width: 40px; bottom: 45px; left: 100px; } } .c-icons__icon img { width: 45px; height: 45px; } @media (min-width: 992px) { .c-icons__icon img { width: 90px; height: 90px; } } .c-icons__text { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; text-transform: uppercase; display: inline-block; width: 160px; vertical-align: top; position: relative; top: 10px; text-align: left; } @media (min-width: 992px) { .c-icons__text { display: block; width: inherit; top: 0; text-align: center; } } .c-articles-grid { text-align: center; padding-bottom: 40px; } .c-articles-grid__title { margin: 0; margin-bottom: 20px; } @media (min-width: 992px) { .c-articles-grid__title { margin-bottom: 30px; } } .c-articles-grid__list { list-style: none; } .c-articles-grid__item { margin-bottom: 20px; } .c-articles-grid__item-container { position: relative; text-align: left; } .c-articles-grid__img, .c-articles-grid__social { width: 100%; height: 200px; display: block; } @media (min-width: 992px) { .c-articles-grid__img, .c-articles-grid__social { height: 240px; } } @media (min-width: 1330px) { .c-articles-grid__img, .c-articles-grid__social { height: 274px; } } .c-articles-grid__img_share-price, .c-articles-grid__social_share-price { max-height: none; } .c-articles-grid__category { position: relative; top: 5px; text-align: right; margin-right: 10px; } .c-articles-grid__category-text { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.75rem; text-transform: uppercase; color: #fff; position: relative; bottom: 2px; margin-right: 5px; } .c-articles-grid__category-icon { width: 22px; height: 19px; } .c-articles-grid__category_left { text-align: left; margin: 0 0 0 10px; } .c-articles-grid__overlay { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .c-articles-grid__latest { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .c-articles-grid__latest-title { line-height: 18px; text-transform: uppercase; width: 205px; margin-bottom: 10px; color: #1c262b; } .c-articles-grid__latest-title:hover { text-decoration: underline; } @media (min-width: 992px) { .c-articles-grid__latest-title { font-size: 1.375rem; line-height: 24px; width: 100%; margin-bottom: 15px; } } @media (min-width: 1200px) { .c-articles-grid__latest-title { font-size: 1.75rem; line-height: 30px; margin-bottom: 25px; } } .c-articles-grid__latest-desc { font-size: 0.875rem; margin-bottom: 5px; color: #1c262b; visibility: hidden; transition: visibility 0.5s; } @media (min-width: 992px) { .c-articles-grid__latest-desc { font-size: 1rem; line-height: 20px; margin-bottom: 10px; } } @media (min-width: 1200px) { .c-articles-grid__latest-desc { margin-bottom: 15px; } } .c-articles-grid__latest-cta { font-size: 0.875rem; color: #008ed3; visibility: hidden; transition: visibility 0.5s; } .forge .c-articles-grid__latest-cta { color: #00a4b0; } @media (min-width: 992px) { .c-articles-grid__latest-cta { letter-spacing: 0.4px; } } .c-articles-grid__latest-synopsis { background-color: rgba(255, 255, 255, 0.85); position: absolute; bottom: 0; height: 60px; transition-property: height, padding; transition-duration: 0.5s; transition-timing-function: ease-out; padding: 10px 20px; overflow-y: hidden; width: 100%; } .c-articles-grid__latest-synopsis:hover { height: 100%; padding: 20px; } .c-articles-grid__latest-synopsis:hover .c-articles-grid__latest-desc, .c-articles-grid__latest-synopsis:hover .c-articles-grid__latest-cta { visibility: visible; } @media (min-width: 992px) { .c-articles-grid__latest-synopsis { height: 70px; } } @media (min-width: 1200px) { .c-articles-grid__latest-synopsis { height: 80px; } } .c-articles-grid__share-price { font-family: "Source Han Sans CN", Arial, sans-serif; color: #fff; font-size: 3.75rem; line-height: 50px; letter-spacing: -0.9px; text-transform: uppercase; text-align: center; margin-top: calc( 25% - 25px); } .c-articles-grid__share-time { text-transform: uppercase; color: #fff; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; line-height: 30px; text-align: center; } .c-articles-grid__share-cta { color: #fff; font-size: 0.875rem; line-height: 18px; position: absolute; bottom: 10px; left: 10px; } .c-articles-grid__twitter-content { background: #1da1f2; color: #fff; padding: 15px; width: 100%; } .c-articles-grid__twitter-content a { color: #fff; } .c-articles-grid__twitter-content a:hover { color: #fff; text-decoration: underline; } .c-articles-grid__twitter-header { height: 45px; margin-bottom: 10px; } .c-articles-grid__twitter-profile-pic { display: inline-block; margin-right: 9px; width: 36px; } .c-articles-grid__twitter-author { display: inline-block; } .c-articles-grid__twitter-author-name { display: block; } .c-articles-grid__twitter-author-username { display: block; font-size: 0.875rem; position: relative; top: -4px; } .c-articles-grid__twitter-brand { float: right; width: 45px; } .c-articles-grid__twitter-body { clear: both; overflow: auto; } @media (min-width: 768px) { .c-articles-grid__twitter-body { font-size: 0.75rem; height: 80px; line-height: 1.3; } } @media (min-width: 992px) { .c-articles-grid__twitter-body { font-size: 0.875rem; height: 120px; line-height: 1.1; } } @media (min-width: 1200px) { .c-articles-grid__twitter-body { font-size: 0.875rem; height: 119px; line-height: 1.2; } } @media (min-width: 1330px) { .c-articles-grid__twitter-body { font-size: 1.125rem; height: 154px; line-height: 1.1; } } @media (min-width: 768px) { .c-articles-grid__twitter-body a { font-size: 0.75rem; line-height: 1.3; } } @media (min-width: 992px) { .c-articles-grid__twitter-body a { font-size: 0.875rem; line-height: 1.1; } } @media (min-width: 1200px) { .c-articles-grid__twitter-body a { font-size: 0.875rem; line-height: 1.2; } } @media (min-width: 1330px) { .c-articles-grid__twitter-body a { font-size: 1.125rem; line-height: 1.1; } } .c-articles-grid__twitter-footer { align-items: stretch; display: flex; height: 25px; margin-top: 10px; } .c-articles-grid__twitter-footer-actions { flex-grow: 1; } .c-articles-grid__twitter-footer-actions a { display: inline-block; margin-right: 10px; } .c-articles-grid__twitter-footer-actions a img { display: block; height: 20px; } @media (min-width: 768px) { .c-articles-grid__twitter-footer-actions a img { height: 17.5px; } } @media (min-width: 1330px) { .c-articles-grid__twitter-footer-actions a img { height: 20px; } } .c-articles-grid__twitter-footer-date { flex-grow: 1; text-align: right; } .c-articles-grid__twitter-footer-date a { font-size: 0.875rem; } .c-articles-grid__webpage { position: absolute; bottom: 0; padding: 10px; } @media (min-width: 992px) { .c-articles-grid__webpage { padding: 25px 15px; } } .c-articles-grid__webpage-title { line-height: 18px; color: #fff; text-transform: uppercase; } @media (min-width: 992px) { .c-articles-grid__webpage-title { font-size: 1.875rem; line-height: 30px; } } .c-articles-grid .c-button, .c-articles-grid .c-form input.button, .c-form .c-articles-grid input.button { padding: 10px 30px; } .c-latest { text-align: center; padding-bottom: 40px; } @media (min-width: 992px) { .c-latest { padding-bottom: 60px; } } @media (min-width: 992px) { .c-latest_small { width: 800px; margin: 0 auto 40px; } } .c-latest__title { margin: 0; margin-bottom: 20px; } @media (min-width: 992px) { .c-latest__title { margin-bottom: 40px; } } .c-latest_small .c-latest__title { font-size: 1rem; letter-spacing: 0.4px; font-family: "Source Han Sans CN", Arial, sans-serif; } @media (min-width: 992px) { .c-latest_small .c-latest__title { margin-bottom: 20px; } } .c-latest__list { list-style: none; text-align: left; border-bottom: 1px solid rgba(151, 151, 151, 0.5); padding-bottom: 50px; padding-left: 15px; padding-right: 15px; margin-right: 0; margin-left: 0; } .c-latest_small .c-latest__list { border-top: 1px solid rgba(151, 151, 151, 0.5); padding-top: 30px; } .c-latest__list + .c-button, .c-form .c-latest__list + input.button { margin-top: 20px; } @media (min-width: 992px) { .c-latest__list + .c-button, .c-form .c-latest__list + input.button { margin-top: 40px; } } .c-latest__item { margin-bottom: 40px; } @media (min-width: 992px) { .c-latest__item { margin-bottom: 0; } } .c-latest__item:last-child { margin-bottom: 0; } .c-latest__item-date { text-transform: uppercase; font-size: 0.875rem; margin-bottom: 10px; font-family: "Source Han Sans CN", Arial, sans-serif; } .c-latest__item-title { font-size: 1.3125rem; line-height: 24px; letter-spacing: 0.5px; } .forge .c-latest__item-title { color: #00a4b0; } .c-latest__item-title:hover { color: #008ed3; text-decoration: underline; } .forge .c-latest__item-title:hover { color: #007670; } .c-latest .c-button, .c-latest .c-form input.button, .c-form .c-latest input.button { width: auto; padding: 10px 20px; } .c-banner { position: relative; text-align: center; } .c-banner__img { height: 370px; } @media (min-width: 992px) { .c-banner__img { height: 415px; } } .c-banner__overlay { position: absolute; top: 60px; right: 0; left: 0; padding: 10px; } @media (min-width: 576px) { .c-banner__overlay { top: 100px; } } @media (min-width: 992px) { .c-banner__overlay { top: 60px; } } @media (min-width: 992px) { .c-banner__overlay-container { width: 500px; margin: 0 auto; } } .c-banner__title { font-size: 1.375rem; line-height: 24px; color: #fff; text-transform: uppercase; margin-bottom: 20px; } @media (min-width: 992px) { .c-banner__title { font-size: 2.625rem; line-height: 44px; } } .c-banner__description { color: #fff; font-size: 1.125rem; line-height: 28px; letter-spacing: 0.5px; margin-bottom: 15px; } @media (min-width: 992px) { .c-banner__description { margin-bottom: 30px; } } .c-banner .c-button, .c-banner .c-form input.button, .c-form .c-banner input.button { width: 147px; } .c-filter { text-align: center; padding-bottom: 40px; } .c-filter_dropdown { text-align: left; } @media (min-width: 576px) { .c-filter_dropdown { width: 510px; margin-left: auto; margin-right: auto; } } @media (min-width: 992px) { .c-filter_dropdown { width: auto; text-align: center; } } .c-filter_dropdown .c-button, .c-filter_dropdown .c-form input.button, .c-form .c-filter_dropdown input.button { text-align: center; width: 100%; font-family: "Source Han Sans CN", Arial, sans-serif; } @media (min-width: 992px) { .c-filter_dropdown .c-button, .c-filter_dropdown .c-form input.button, .c-form .c-filter_dropdown input.button { width: 50px; height: 50px; vertical-align: top; padding: 12px 10px; } } .c-filter_dropdown-inline .c-button, .c-filter_dropdown-inline .c-form input.button, .c-form .c-filter_dropdown-inline input.button { width: 50px; height: 50px; vertical-align: top; padding: 12px 10px; text-align: center; } @media (min-width: 992px) { .c-filter_dropdown-single .c-button, .c-filter_dropdown-single .c-form input.button, .c-form .c-filter_dropdown-single input.button { display: none; } } .c-filter__list { list-style: none; display: inline-block; } .c-filter__item { display: inline-block; margin-bottom: 5px; margin-right: 5px; } .c-filter__item:last-child { margin-right: 0; } .c-filter__text { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; text-transform: uppercase; margin-bottom: 10px; } @media (min-width: 992px) { .c-filter__text { display: inline-block; margin-right: 10px; margin-bottom: 0; } .c-filter_dropdown .c-filter__text { position: relative; top: 13px; } } @media (min-width: 1200px) { .c-filter__text { margin-right: 15px; } } .c-filter__btn { border: 1px solid #008ed3; background: none; cursor: pointer; padding: 10px 15px; text-transform: uppercase; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.75rem; } .forge .c-filter__btn { border: 1px solid #00a4b0; } .c-filter__btn.selected { color: #008ed3; } .forge .c-filter__btn.selected { color: #00a4b0; } .c-filter__btn:focus { outline: none; } .c-filter__dropdown { cursor: pointer; margin-bottom: 15px; width: 100%; } @media (min-width: 992px) { .c-filter__dropdown { display: inline-block; width: 200px; text-align: left; margin-right: 15px; vertical-align: top; } .c-filter_dropdown-single .c-filter__dropdown { width: auto; } } .c-filter__dropdown.open ul { display: block; } .c-filter__dropdown-selected-option { background-color: #e9eaee; font-size: 0.875rem; padding: 15px 12px; display: block; position: relative; width: 100%; } .c-filter__dropdown-selected-option::after { content: ""; border-top: 4px solid #9b9b9b; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; right: 15px; top: 23px; } .c-filter_dropdown-inline .c-filter__dropdown-selected-option { width: calc(100% - 60px); display: inline-block; } @media (min-width: 992px) { .c-filter_dropdown-single .c-filter__dropdown-selected-option { display: none; } } .c-filter__dropdown ul { list-style: none; background-color: #e9eaee; display: none; width: 100%; } .c-filter_dropdown-inline .c-filter__dropdown ul { width: calc(100% - 60px); } @media (min-width: 992px) { .c-filter_dropdown-single .c-filter__dropdown ul { display: block; width: auto; background-color: transparent; } } .c-filter__dropdown ul li { font-size: 0.875rem; padding: 15px 12px; border: 1px solid rgba(151, 151, 151, 0.5); border-bottom: none; } .c-filter__dropdown ul li:last-child { border: 1px solid rgba(151, 151, 151, 0.5); } .c-filter__dropdown ul li:hover { background-color: #fff; } @media (min-width: 992px) { .c-filter_dropdown-single .c-filter__dropdown ul li { display: inline-block; background-color: #fff; border-color: #008ed3; border-bottom: 1px solid #008ed3; margin-right: 10px; padding: 12px 15px; cursor: pointer; } .forge .c-filter_dropdown-single .c-filter__dropdown ul li { border-color: #00a4b0; border-bottom: 1px solid #00a4b0; } .c-filter_dropdown-single .c-filter__dropdown ul li:last-child { margin-right: 0; } } .c-filter__dropdown ul .selected { background-color: #fff; } @media (min-width: 992px) { .c-filter_dropdown-single .c-filter__dropdown ul .selected { color: #008ed3; } .forge .c-filter_dropdown-single .c-filter__dropdown ul .selected { color: #00a4b0; } } .c-article-header { position: relative; text-align: center; margin-bottom: 80px; } .c-article-header + .c-breadcrumb { top: -90px; } @media (min-width: 992px) { .c-article-header { margin-bottom: 110px; } } .c-article-header__img-overlay { position: relative; } .c-article-header__img { height: 220px; } @media (min-width: 992px) { .c-article-header__img { background-attachment: fixed; background-position: center top !important; background-size: auto; height: 440px; } } .c-article-header__overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 10px; } @media (min-width: 375px) { .c-article-header__overlay { padding: 10px 20px; } } @media (min-width: 992px) { .c-article-header__overlay { width: 855px; margin: 0 auto; padding: 0; } } .c-article-header__title { color: #fff; text-align: left; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1rem; line-height: 18px; letter-spacing: 0.4px; margin: 0; border-left: 0.5px solid #fff; padding-left: 10px; } @media (min-width: 375px) { .c-article-header__title { font-size: 1.25rem; line-height: 24px; } } @media (min-width: 992px) { .c-article-header__title { font-size: 2.5rem; line-height: 50px; letter-spacing: 1px; padding-left: 15px; } } .c-article-header__publish-date { color: #fff; text-align: left; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.625rem; text-transform: uppercase; margin-bottom: 5px; margin-top: 10px; margin-left: 11px; } @media (min-width: 992px) { .c-article-header__publish-date { font-size: 1.125rem; letter-spacing: 0.5px; margin-top: 60px; margin-bottom: 15px; margin-left: 22px; } } @media (min-width: 1200px) { .c-article-header__publish-date { margin-top: 85px; } } .c-article-header__category { text-align: left; position: absolute; bottom: 10px; } @media (min-width: 992px) { .c-article-header__category { bottom: 25px; left: 22px; } } .c-article-header__category-text { color: #fff; font-size: 0.75rem; text-transform: uppercase; width: 100px; display: inline-block; vertical-align:top; line-height: 17px; margin-left: 5px;} @media (min-width: 992px) { .c-article-header__category-text { width: inherit; } } .c-article-header__category-icon { width: 22px; height: 19px; vertical-align: top; position: relative; } .c-article-header__author { position: absolute; bottom: -51px; right: 0; left: 0; } @media (min-width: 992px) { .c-article-header__author { bottom: -71px; } } .c-article-header__author-picture { width: 78px; height: 78px; border-radius: 50%; border: 3px solid #fff; } @media (min-width: 992px) { .c-article-header__author-picture { width: 106px; height: 106px; } } .c-article-header__author-name-division { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.625rem; color: #008ed3; text-transform: uppercase; margin: 0; } .forge .c-article-header__author-name-division { color: #00a4b0; } @media (min-width: 992px) { .c-article-header__author-name-division { font-size: 0.875rem; } } .c-text { text-align: center; padding-bottom: 40px; } @media (min-width: 992px) { .c-text { width: 730px; margin: 0 auto; padding-bottom: 60px; } } .c-text__title { margin: 0; margin-bottom: 15px; } @media (min-width: 992px) { .c-text__title { margin-bottom: 30px; } } .c-text_richtext .c-text__title { text-transform: none; color: #21386b; line-height: 26px; font-family: "Source Han Sans CN", Arial, sans-serif; } @media (min-width: 992px) { .c-text_richtext .c-text__title { font-size: 2rem; margin-bottom: 50px; } } .c-text__separator { width: 40px; height: 2px; background-color: #979797; margin: 0 auto 10px; } @media (min-width: 992px) { .c-text__separator { width: 60px; margin-bottom: 20px; } } .c-text__text, .c-text__list_cerulean li { line-height: 24px; letter-spacing: 0.4px; text-align: left; /*Regulatory news feed*/ } @media (min-width: 992px) { .c-text__text, .c-text__list_cerulean li { font-size: 1.125rem; } } @media (min-width: 992px) { .c-text_richtext .c-text__text, .c-text_richtext .c-text__list_cerulean li, .c-text__list_cerulean .c-text_richtext li { font-size: 1rem; } } .c-text_intro .c-text__text, .c-text_intro .c-text__list_cerulean li, .c-text__list_cerulean .c-text_intro li { font-size: 1.125rem; text-align: left; } @media (min-width: 992px) { .c-text_intro .c-text__text, .c-text_intro .c-text__list_cerulean li, .c-text__list_cerulean .c-text_intro li { text-align: center; } } .c-text__text_center { text-align: center; } .c-text__text ul, .c-text__list_cerulean li ul { list-style-position: inside; } .c-text__text div.p, .c-text__list_cerulean li div.p { margin: auto; } .c-text__list { margin-left: 20px; } .c-text__list_cerulean li { color: #008ed3; } .forge .c-text__list_cerulean li { color: #00a4b0; } .c-text__list_cerulean li > * { color: #1c262b; } .c-text table { width: 100%; border-collapse: collapse; border-top: 1px solid #008ed3; border-bottom: 1px solid #008ed3; } .forge .c-text table { border-top: 1px solid #00a4b0; border-bottom: 1px solid #00a4b0; } .c-text table th, .c-text table td { text-align: left; padding: 10px 5px; } .c-quote { text-align: center; position: relative; padding-bottom: 40px; } @media (min-width: 992px) { .c-quote { padding-bottom: 60px; } } @media (min-width: 375px) { .c-quote__container { width: 320px; margin: 0 auto; } } @media (min-width: 992px) { .c-quote__container { width: 725px; } } @media (min-width: 992px) { .c-quote_img .c-quote__container { width: 520px; position: absolute; top: 100px; right: 50px; } } @media (min-width: 1200px) { .c-quote_img .c-quote__container { right: 100px; } } .c-quote__border { width: 200px; height: 3px; background-color: #008ed3; margin: 0 auto; } .forge .c-quote__border { background-color: #00a4b0; } @media (min-width: 992px) { .c-quote__border { width: 300px; height: 5px; } } @media (min-width: 992px) { .c-quote_img .c-quote__border { width: 260px; } } .c-quote__border_top { margin-bottom: 20px; } @media (min-width: 992px) { .c-quote__border_top { margin-bottom: 30px; } } .c-quote__border_bottom { margin-top: 20px; } @media (min-width: 992px) { .c-quote__border_bottom { margin-top: 30px; } } .c-quote__text { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.5rem; line-height: 38px; color: #008ed3; margin-bottom: 10px; } .forge .c-quote__text { color: #00a4b0; } @media (min-width: 992px) { .c-quote__text { font-size: 2.25rem; line-height: 38px; margin-bottom: 20px; } } .c-quote_img .c-quote__text { font-size: 1.75rem; line-height: 38px; } @media (min-width: 992px) { .c-quote_img .c-quote__text { font-size: 1.875rem; } } .c-quote__author-name { text-transform: uppercase; font-size: 0.75rem; font-family: "Source Han Sans CN", Arial, sans-serif; color: #008ed3; margin-right: 5px; } .forge .c-quote__author-name { color: #00a4b0; } @media (min-width: 992px) { .c-quote__author-name { font-size: 0.875rem; } } .c-quote__author-job-title { color: #1c262b; text-transform: uppercase; font-size: 0.75rem; font-family: "Source Han Sans CN", Arial, sans-serif; } @media (min-width: 992px) { .c-quote__author-job-title { font-size: 0.875rem; } } .c-quote__img { display: none; } @media (min-width: 992px) { .c-quote__img { display: block; height: 414px; } } .c-media-text { padding-bottom: 40px; /* List of Modifiers: _small _media-left _grid-item _50 _borderless */ } @media (min-width: 992px) { .c-media-text { padding-bottom: 60px; } } .c-media-text_grid-item { padding-bottom: 0; } .c-media-text_grid-item .c-button, .c-media-text_grid-item .c-form input.button, .c-form .c-media-text_grid-item input.button { padding: 12px 15px; margin-bottom: 20px; line-height:1.2; } .c-media-text_grid-item:last-child { padding-bottom: 60px; } .c-media-text_small { padding-bottom: 20px; } .c-media-text__container { box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.22); position: relative; } @media (min-width: 992px) { .c-media-text_small .c-media-text__container { width: 700px; margin: 0 auto; } } .c-media-text_grid-item .c-media-text__container { background-color: #fff; box-shadow: 0 4px 4px 2px rgba(51, 51, 51, 0.22); } .c-media-text_borderless .c-media-text__container { box-shadow: none; } @media (min-width: 992px) { .c-media-text_50.c-media-text_media-left .c-media-text__container .row .col-lg-6:first-child { padding-right: 0; padding-left: 10px; } } @media (min-width: 992px) { .c-media-text_50 .c-media-text__container .row .col-lg-6:first-child { padding-left: 0; } } @media (min-width: 992px) { .c-media-text_50.c-media-text_media-left .c-media-text__container .row .col-lg-6:first-child { padding-left: 10px; } } .c-media-text__media { position: relative; } .c-media-text__media img { display: block; width: 100%; height: auto; /*@include media-breakpoint-up(md) { min-height: 380px; max-height: 468px; } .c-media-text_50 & { @include media-breakpoint-up(md) { min-height: 350px; max-height: 400px; } } .c-media-text_50.c-media-text_small & { @include media-breakpoint-up(md) { max-height: 325px; min-height: 300px; } @include media-breakpoint-up(lg) { max-height: 275px; min-height: 250px; } }*/ } .c-media-text__media_video p, .c-media-text__media_video br { display: none; } .c-media-text__media_video iframe { display: block; width: 100%; } .c-media-text__media_video .player .vp-resize-iframe { display: none; } .c-media-text__media_triangle::after, .c-media-text__media_triangle-bottom::after, .c-media-text__media_triangle-right::after, .c-media-text__media_triangle-left::after { content: ""; height: 0; width: 0; position: absolute; border-top: 20px solid #fff; border-right: 20px solid #fff; border-bottom: 20px solid #fff; border-left: 20px solid #fff; } .c-media-text__media_triangle-bottom::after { bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; } .c-media-text__media_triangle-right::after { bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; } @media (min-width: 992px) { .c-media-text__media_triangle-right::after { top: 0; right: -4px; left: inherit; margin-top: auto; margin-bottom: auto; border-bottom-color: transparent; border-left-color: transparent; border-top-color: transparent; border-right-color: #fff; margin-left: 0; margin-right: 0; } } .c-media-text__media_triangle-left::after { bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; } @media (min-width: 992px) { .c-media-text__media_triangle-left::after { top: 0; left: -4px; right: inherit; margin-top: auto; margin-bottom: auto; border-bottom-color: transparent; border-right-color: transparent; border-top-color: transparent; border-left-color: #fff; margin-left: 0; margin-right: 0; } } .c-media-text__inner-container { padding: 15px 10px; } @media (min-width: 375px) { .c-media-text__inner-container { /*padding: 25px 5px 25px 20px;*/ padding: 25px 5px 20px 20px; } } @media (min-width: 992px) { .c-media-text__inner-container { /*padding: 35px 0 30px 20px;*/ padding: 35px 0 20px 20px; } } @media (min-width: 1200px) { .c-media-text__inner-container { /*padding: 80px 25px 60px 50px;*/ padding: 80px 25px 20px 50px; } } @media (min-width: 992px) { .c-media-text_small .c-media-text__inner-container { padding: 20px 20px 20px 30px; } } @media (min-width: 992px) { .c-media-text_media-left .c-media-text__inner-container { /*padding: 35px 20px 30px 0;*/ padding: 35px 20px 20px 15px; } } @media (min-width: 1200px) { .c-media-text_media-left .c-media-text__inner-container { /*padding: 80px 50px 60px 25px;*/ padding: 80px 50px 20px 25px; } } @media (min-width: 992px) { .c-media-text_small.c-media-text_media-left .c-media-text__inner-container { padding: 30px 20px 20px 20px; } } .c-media-text_grid-item .c-media-text__inner-container { padding: 20px; } @media (min-width: 992px) { .c-media-text_grid-item .c-media-text__inner-container { padding: 40px 35px 20px 50px; } } @media (min-width: 992px) { .c-media-text_grid-item.c-media-text_media-left .c-media-text__inner-container { padding: 40px 50px 20px 35px; } } .c-media-text_borderless .c-media-text__inner-container { padding: 40px 0 0 0; } @media (min-width: 992px) { .c-media-text_borderless .c-media-text__inner-container { padding: 0 40px 0 0; } } @media (min-width: 992px) { .c-media-text_borderless.c-media-text_media-left .c-media-text__inner-container { padding: 0 0 0 40px; } } .c-media-text__title { font-size: 1.25rem; line-height: 22px; color: #21386b; margin-bottom: 15px; text-transform: uppercase; } @media (min-width: 992px) { .c-media-text__title { font-size: 1.75rem; line-height: 28px; } } @media (min-width: 1200px) { .c-media-text__title { margin-bottom: 25px; } } @media (min-width: 992px) { .c-media-text_small .c-media-text__title { font-size: 1.5625rem; margin-bottom: 15px; } } .c-media-text_grid-item .c-media-text__title { font-size: 24px; line-height: 30px; color: #1c262b; } @media (min-width: 992px) { .c-media-text_grid-item .c-media-text__title { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 35px; line-height: 50px; letter-spacing: 0.7px; } } .c-media-text_borderless .c-media-text__title { font-size: 1.5rem; line-height: 28px; letter-spacing: 0.5px; text-align: center; color: #1c262b; font-family: "Source Han Sans CN", Arial, sans-serif; } @media (min-width: 992px) { .c-media-text_borderless .c-media-text__title { line-height: 28px; } } .c-media-text__text { line-height: 24px; letter-spacing: 0.4px; margin-bottom: 30px; } @media (min-width: 1200px) { .c-media-text__text { margin-bottom: 40px; } } .c-media-text_small .c-media-text__text { margin-bottom: 0; } .c-media-text__share { margin-bottom: 40px; opacity: 0.6; } .c-media-text__share-text { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.6875rem; text-transform: uppercase; display: inline-block; position: relative; bottom: 16px; margin-right: 15px; } .c-media-text__share-icon { width: 40px; } .c-media-text__share-link { margin-right: 5px; } .c-media-text__share-link:last-child { margin-right: 0; } .c-media-text__category { list-style: none; } .c-media-text__category-item { display: inline-block; margin-right: 5px; border: 1px solid #008ed3; padding: 6px; border-radius: 50%; width: 36px; height: 36px; } .forge .c-media-text__category-item { border: 1px solid #00a4b0; } .c-media-text__category-item:last-child { margin-right: 0; } .c-media-text__category-icon { width: 22px; } .c-media { padding-bottom: 40px; } @media (min-width: 992px) { .c-media { padding-bottom: 60px; } } @media (min-width: 992px) { .c-media__inner-container_small { width: 700px; margin: 0 auto; } } .c-media__img { width: 100%; } @media (min-width: 768px) { .c-media__img { height: 350px; } } .c-media__caption { font-size: 0.875rem; } .c-non-interactive-map { text-align: center; padding-bottom: 40px; } .c-non-interactive-map__title { margin: 0; line-height: 30px; font-family: "Source Han Sans CN", Arial, sans-serif; margin-bottom: 20px; } @media (min-width: 992px) { .c-non-interactive-map__title { line-height: 50px; } } .c-non-interactive-map__description { line-height: 24px; letter-spacing: 0.4px; margin-bottom: 20px; } @media (min-width: 992px) { .c-non-interactive-map__description { font-size: 1.125rem; line-height: 28px; letter-spacing: 0.5px; } } @media (min-width: 992px) { .c-non-interactive-map__carousel { display: inline-block; width: calc(100% - 210px); vertical-align: top; } } @media (min-width: 1200px) { .c-non-interactive-map__carousel { width: 800px; } } @media (min-width: 992px) { .c-non-interactive-map__carousel-controls { width: 200px; display: inline-block; position: relative; top: 40px; } } .c-non-interactive-map__carousel-name { list-style: none; } @media (min-width: 992px) { .c-non-interactive-map__carousel-name { display: inline-block; text-align: left; vertical-align: top; width: calc(100% - 44px); } } .c-non-interactive-map__carousel-name-item { text-transform: uppercase; font-family: "Source Han Sans CN", Arial, sans-serif; display: none; line-height: 17px; letter-spacing: 0.4px; position: relative; } @media (min-width: 992px) { .c-non-interactive-map__carousel-name-item { display: block; font-size: 0.75rem; letter-spacing: 0.3px; margin-bottom: 39px; } .c-non-interactive-map__carousel-name-item:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .c-non-interactive-map__carousel-name-item.active { width: 125px; } } @media (min-width: 992px) { .c-non-interactive-map__carousel-name-item.active { width: auto; } } .c-non-interactive-map__carousel-dots { position: relative; } @media (min-width: 992px) { .c-non-interactive-map__carousel-dots { display: inline-block; vertical-align: top; width: 20px; margin-right: 10px; } } .c-non-interactive-map__carousel-dots .slick-dots { list-style: none; } .c-non-interactive-map__carousel-dots .slick-dots li { position: relative; width: 13px; height: 13px; display: inline-block; border-radius: 6px; border: 1px solid #000; bottom: 3px; margin-right: 83px; display: none; pointer-events: none; } .c-non-interactive-map__carousel-dots .slick-dots li::after { content: ''; height: 1px; width: 83px; background: #000; display: block; position: absolute; bottom: 5px; left: 12px; } .c-non-interactive-map__carousel-dots .slick-dots li:first-child { display: inline-block; } @media (min-width: 992px) { .c-non-interactive-map__carousel-dots .slick-dots li:first-child { display: block; } } .c-non-interactive-map__carousel-dots .slick-dots li:nth-child(2) { display: inline-block; } @media (min-width: 992px) { .c-non-interactive-map__carousel-dots .slick-dots li:nth-child(2) { display: block; } } .c-non-interactive-map__carousel-dots .slick-dots li:last-child { margin-right: 0; display: inline-block; } .c-non-interactive-map__carousel-dots .slick-dots li:last-child::after { content: none; } @media (min-width: 992px) { .c-non-interactive-map__carousel-dots .slick-dots li:last-child { margin-bottom: 0; display: block; } } .c-non-interactive-map__carousel-dots .slick-dots li button { display: none; } @media (min-width: 768px) { .c-non-interactive-map__carousel-dots .slick-dots li { display: inline-block; pointer-events: all; cursor: pointer; } } @media (min-width: 992px) { .c-non-interactive-map__carousel-dots .slick-dots li { display: block; margin-bottom: 43px; left: 3px; bottom: 0; } .c-non-interactive-map__carousel-dots .slick-dots li::after { content: ''; height: 43px; width: 1px; background: #000; display: block; position: absolute; bottom: -44px; left: 5px; } } .c-non-interactive-map__carousel-dots .slick-dots .slick-active { width: 19px; height: 19px; border-radius: 9px; position: relative; bottom: 0px; } .c-non-interactive-map__carousel-dots .slick-dots .slick-active::after { left: 18px; width: 83px; bottom: 8px; } .c-non-interactive-map__carousel-dots .slick-dots .slick-active::before { content: ''; width: 11px; height: 11px; display: block; border-radius: 6px; background: #000; position: relative; left: 3px; top: 3px; } @media (min-width: 992px) { .c-non-interactive-map__carousel-dots .slick-dots .slick-active { margin-bottom: 40px; left: 0px; } .c-non-interactive-map__carousel-dots .slick-dots .slick-active::after { left: 8px; height: 40px; width: 1px; bottom: -41px; } } .c-non-interactive-map__carousel-dots .slick-dots .faux-active { width: 19px; height: 19px; border-radius: 9px; position: relative; bottom: 0px; } .c-non-interactive-map__carousel-dots .slick-dots .faux-active::after { left: 18px; width: 83px; bottom: 8px; } .c-non-interactive-map__carousel-dots .slick-dots .faux-active::before { content: ''; width: 11px; height: 11px; display: block; border-radius: 6px; background: #000; position: relative; left: 3px; top: 3px; } .c-non-interactive-map__carousel-dots .slick-dots .faux-inactive { position: relative; width: 13px; height: 13px; display: inline-block; border-radius: 6px; border: 1px solid #000; bottom: 3px; margin-right: 83px; display: none; } .c-non-interactive-map__carousel-dots .slick-dots .faux-inactive::after { content: ''; height: 1px; width: 83px; background: #000; display: block; position: absolute; bottom: 5px; left: 12px; } .c-non-interactive-map__carousel-dots .slick-dots .faux-inactive:before { content: none; } .c-non-interactive-map__carousel-item img { height: auto; } .c-timeline { background-color: #e9eaee; margin: 60px 0 !important; } .c-timeline .slick-arrow { color: rgba(255, 255, 255, 0.7); font-family: monospace; font-size: 4.375rem; padding: 20px; position: absolute; top: 150px; z-index: 9999; } .c-timeline .slick-arrow.slick-prev { left: -10px; } @media (min-width: 576px) { .c-timeline .slick-arrow.slick-prev { left: 2% !important; border: none !important; border-radius: 0 !important; background: none !important; font-size: 0; } } .c-timeline .slick-arrow.slick-next { right: 2% !important; border: none !important; border-radius: 0 !important; background: none !important; font-size: 0;} @media (min-width: 576px) { .c-timeline .slick-arrow.slick-next { right: 30px; } } .c-timeline__carousel { max-height: 414px; overflow: hidden; } .c-timeline__carousel-item { background-size: cover; height: 414px; position: relative; } .c-timeline__carousel-controls { background-color: #e9eaee; height: 81px; } .c-timeline__carousel-name { height: 81px; } .c-timeline__carousel-name-item { cursor: pointer; height: 81px; position: relative; text-align: center; vertical-align: middle; } .c-timeline__carousel-item-name-circle { background: #008ed3; background-clip: content-box; border: 4px solid #e9eaee; border-radius: 14px; display: block; height: 28px; left: 50%; margin-left: -14px; position: absolute; top: 16px; width: 28px; z-index: 1; } .forge .c-timeline__carousel-item-name-circle { background: #00a4b0; } .c-timeline__carousel-item-name-circle::before { background: #008ed3; border: 3px solid #e9eaee; border-radius: 9px; content: ''; display: block; height: 18px; left: 1px; position: absolute; top: 1px; width: 18px; } .forge .c-timeline__carousel-item-name-circle::before { background: #00a4b0; } .c-timeline__carousel-item-name-detail { display: block; margin-top: 40px; } .c-timeline__carousel-item-name-detail::before { background: #008ed3; top: 29px; content: ' '; display: block; height: 1px; position: absolute; width: 100%; } .forge .c-timeline__carousel-item-name-detail::before { background: #00a4b0; } .c-timeline__carousel-item-popup { background-color: #fff; left: 50px; height: 330px; padding: 10px 40px; position: absolute; top: 40px; width: 220px; } @media (min-width: 375px) { .c-timeline__carousel-item-popup { width: 280px; } } @media (min-width: 576px) { .c-timeline__carousel-item-popup { left: 150px; width: 340px; } } .c-timeline__carousel-item-popup::before { bottom: -12px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #fff; content: ' '; height: 0; left: 50%; margin-left: -6px; position: absolute; width: 0; } .c-timeline__carousel-item-popup-heading { color: #008ed3; font-size: 4.375rem; margin: 0; text-align: center; } .forge .c-timeline__carousel-item-popup-heading { color: #00a4b0; } .c-timeline__carousel-item-popup-content { max-height: 180px; overflow: hidden; font-family: "Source Han Sans CN", Arial, sans-serif; color: #1c262b; } .c-stats { text-align: center; padding-bottom: 40px; } .c-stats__list { list-style: none; margin: 0 auto; width: 270px; } @media (min-width: 375px) { .c-stats__list { width: 310px; } } @media (min-width: 576px) { .c-stats__list { width: 400px; } } @media (min-width: 992px) { .c-stats__list { width: inherit; } } .c-stats__item { display: inline-block; margin-bottom: 20px; width: 130px; vertical-align: top; width: inherit; } .c-stats__item::after { content: ''; border-bottom: 1px solid #979797; width: 48px; display: block; margin: 20px auto 0; } @media (min-width: 375px) { .c-stats__item { width: 150px; } } @media (min-width: 576px) { .c-stats__item { width: 190px; } } @media (min-width: 992px) { .c-stats__item { width: 170px; margin-right: 60px; } .c-stats__item:last-child { margin-right: 0; } } .c-stats__figure { color: #008ed3; font-size: 1.5rem; line-height: 40px; letter-spacing: -0.8px; font-family: "Source Han Sans CN", Arial, sans-serif; margin-bottom: 10px; } .forge .c-stats__figure { color: #00a4b0; } @media (min-width: 992px) { .c-stats__figure { font-size: 1.5rem; line-height: 50px; letter-spacing: -1px; } } .c-stats__label { text-transform: uppercase; font-size: 0.875rem; line-height: 18px; } .c-stats__identifier { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 2.25rem; line-height: 40px; letter-spacing: -0.8px; display: inline-block; } @media (min-width: 992px) { .c-stats__identifier { font-size: 2.8125rem; line-height: 50px; letter-spacing: -1px; } } .c-spotlights { text-align: center; padding-bottom: 40px; } @media (min-width: 992px) { .c-spotlights { padding-bottom: 60px; } } .c-spotlights_cta .c-button, .c-spotlights_cta .c-form input.button, .c-form .c-spotlights_cta input.button { width: 142px; text-align: center; } @media (min-width: 992px) { .c-spotlights_cta .c-button, .c-spotlights_cta .c-form input.button, .c-form .c-spotlights_cta input.button { position: absolute; bottom: 0; } } .c-spotlights__list { list-style: none; } @media (min-width: 992px) { .c-spotlights_cta .c-spotlights__list { display: flex; } } .c-spotlights__item { display: block; margin-bottom: 8px; position: relative; } .c-spotlights__item:last-child { margin-bottom: 0; } @media (min-width: 992px) { .c-spotlights__item { display: inline-block; margin-bottom: 0; margin-right: 10px; } .c-spotlights__item:last-child { margin-right: 0; } } .c-spotlights_cta .c-spotlights__item { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 2px solid rgba(151, 151, 151, 0.5); text-align: left; } .c-spotlights_cta .c-spotlights__item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } @media (min-width: 992px) { .c-spotlights_cta .c-spotlights__item { width: 174px; margin-bottom: 0; padding-bottom: 60px; border-bottom: none; vertical-align: top; flex: 1; } } @media (min-width: 1200px) { .c-spotlights_cta .c-spotlights__item { width: 210px; } } @media (min-width: 1330px) { .c-spotlights_cta .c-spotlights__item { width: 240px; } } .c-spotlights__img { display: none; } .c-spotlights_cta .c-spotlights__img { display: inline-block; width: 80px; height: 55px; } @media (min-width: 992px) { .c-spotlights_cta .c-spotlights__img { display: block; width: 100%; height: 97px; margin-bottom: 10px; } } @media (min-width: 1200px) { .c-spotlights_cta .c-spotlights__img { height: 118px; } } @media (min-width: 1330px) { .c-spotlights_cta .c-spotlights__img { height: 135px; } } @media (min-width: 992px) { .c-spotlights__img { display: block; width: 165px; height: 97px; margin-bottom: 10px; } } @media (min-width: 1200px) { .c-spotlights__img { width: 200px; height: 118px; } } .c-spotlights__icon { position: relative; display: inline-block; margin-right: 5px; } .c-spotlights__icon::after { content: ""; position: absolute; left: 50%; bottom: -7px; border: 0.5px dashed #979797; height: 10px; } .c-spotlights__item:last-child .c-spotlights__icon::after { content: none; } .c-spotlights__icon img { width: 45px; } @media (min-width: 992px) { .c-spotlights__icon { display: none; } } .c-spotlights__label { display: inline-block; width: 130px; text-align: left; vertical-align: top; position: relative; top: 10px; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; letter-spacing: 0.2px; text-transform: uppercase; } .c-spotlights_cta .c-spotlights__label { top: -5px; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.3125rem; line-height: 1.3; margin-left: 15px; } @media (min-width: 992px) { .c-spotlights_cta .c-spotlights__label { display: block; top: 0; margin-left: 0; font-size: 1.125rem; } } @media (min-width: 992px) { .c-spotlights__label { display: block; width: inherit; font-size: 1rem; line-height: 30px; font-family: "Source Han Sans CN", Arial, sans-serif; top: 0; } } @media (min-width: 1200px) { .c-spotlights__label { font-size: 1.125rem; } } .c-spotlights_cta .c-spotlights__description { font-size: 0.875rem; line-height: 20px; letter-spacing: 0.3px; margin: 10px 0; } @media (min-width: 992px) { .c-spotlights_cta .c-spotlights__description { margin-bottom: 20px; } } .c-featured-articles { text-align: center; padding-bottom: 40px; } .c-featured-articles__list { list-style: none; width: 100%; margin: 0 auto; } @media (min-width: 992px) { .c-featured-articles__list { width: 840px; } } .c-featured-articles__item { margin-right: 0; margin-bottom: 20px; } .c-featured-articles__item-container { position: relative; } .c-featured-articles__img { height: 200px; } @media (min-width: 992px) { .c-featured-articles__img { height: 270px; } } .c-featured-articles__label { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1rem; line-height: 18px; color: #343a40; width: 220px; top: inherit; position: absolute; left: 0; padding: 10px 8px; text-align: left; text-transform: uppercase; } @media (min-width: 992px) { .c-featured-articles__label { font-size: 1.5rem; line-height: 24px; width: 100%; padding: 15px 20px; } } @media (min-width: 1200px) { .c-featured-articles__label { font-size: 1.625rem; line-height: 26px; } } .c-featured-articles__label-container { position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .c-featured-articles__label-background { position: absolute; bottom: 0; width: 100%; height: 60px; background-color: rgba(255, 255, 255, 0.85); } @media (min-width: 992px) { .c-featured-articles__label-background { height: 100px; } } @media (min-width: 1200px) { .c-featured-articles__label-background { height: 90px; } } .c-featured-articles__title { font-family: "Source Han Sans CN", Arial, sans-serif; letter-spacing: 0.4px; text-transform: uppercase; margin-bottom: 20px; } .c-featured-articles__overlay { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .c-featured-articles__category { position: relative; top: 5px; text-align: right; margin-right: 10px; } .c-featured-articles__category-text { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.75rem; text-transform: uppercase; color: #fff; position: relative; bottom: 3px; } .c-featured-articles__category-icon { width: 22px; height: 19px; } .c-featured-articles__category_left { text-align: left; margin: 0 0 0 10px; } .c-contact { width: 100%; margin: 0 auto 20px; box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.22); padding: 15px 25px; } @media (min-width: 992px) { .c-contact { width: 840px; } } .c-contact_single { margin-bottom: 40px; } @media (min-width: 768px) { .c-contact_single { width: 400px; } } .c-contact__title { text-align: center; margin: 0 0 40px; } .c-contact__label { text-align: center; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; text-transform: uppercase; margin-bottom: 10px; } .c-contact__person { margin-bottom: 20px; } .c-contact__person:last-child { margin-bottom: 0; } .c-contact__name { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.125rem; line-height: 28px; margin-bottom: 10px; } .c-contact__job-title { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; text-transform: uppercase; margin-bottom: 10px; width: calc(100% - 70px); } @media (min-width: 576px) { .c-contact__job-title { width: 150px; } } @media (min-width: 768px) { .c-contact__job-title { width: 200px; } } @media (min-width: 992px) { .c-contact__job-title { width: 100%; } } .c-contact__number { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; display: block; color: #343a40; } .c-contact__picture { position: relative; } .c-contact__picture img { width: 60px; height: 60px; border-radius: 50%; position: absolute; right: 0; } @media (min-width: 992px) { .c-contact__picture img { width: 90px; height: 90px; position: relative; } .c-contact_single .c-contact__picture img { position: absolute; } } .c-contact .c-button, .c-contact .c-form input.button, .c-form .c-contact input.button { padding: 8px 22px; margin-top: 10px; width: auto; } @media (min-width: 992px) { .c-contact .c-button, .c-contact .c-form input.button, .c-form .c-contact input.button { margin-top: 20px; } } .c-related { padding-bottom: 40px; } .c-related__list { list-style: none; } .c-related__item { margin-bottom: 10px; } .c-related__item:last-child { margin-bottom: 0; } .c-related__item-container { position: relative; } .c-related__item-container:hover { box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.22); } .c-related__item-container:hover .c-related__label { text-decoration: underline; } @media (min-width: 992px) { .c-related__item { margin-bottom: 0; } } .c-related__img { height: 150px; } @media (min-width: 576px) { .c-related__img { height: 250px; } } @media (min-width: 992px) { .c-related__img { height: 270px; } } .c-related__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /*.c-related_shareholder & { background: linear-gradient(to left top, $project-dark-slate-blue, $project-cerulean); }*/ } .c-related__label { color: #343a40; text-transform: uppercase; line-height: 18px; } .c-related_shareholder .c-related__label { color: #fff; } @media (min-width: 992px) { .c-related__label { font-size: 1.625rem; line-height: 26px; } } @media (min-width: 1200px) { .c-related__label { font-size: 1.875rem; line-height: 30px; } } .c-related__label-container { position: absolute; bottom: 0; width: 100%; height: 60px; background-color: rgba(255, 255, 255, 0.85); padding: 10px; } .c-related_shareholder .c-related__label-container { background-color: transparent; } @media (min-width: 992px) { .c-related__label-container { height: 90px; padding: 15px 20px; } } .c-investors-toolbox { padding-bottom: 40px; position: relative; } .c-investors-toolbox__col { display: flex; } .c-investors-toolbox__inner-container { position: relative; box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.22); padding: 15px; margin-bottom: 10px; flex: 1; } .c-investors-toolbox__share-price { position: relative; } .c-investors-toolbox__share-price-label { font-size: 0.875rem; text-transform: uppercase; margin-bottom: 20px; } @media (min-width: 992px) { .c-investors-toolbox__share-price-label { margin-bottom: 40px; } } @media (min-width: 1200px) { .c-investors-toolbox__share-price-label { margin-bottom: 50px; } } .c-investors-toolbox__share-price-price { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 3.5rem; line-height: 50px; letter-spacing: -0.9px; text-align: center; color: #008ed3; margin-bottom: 10px; position: relative; text-transform: lowercase; } .forge .c-investors-toolbox__share-price-price { color: #00a4b0; } @media (min-width: 375px) { .c-investors-toolbox__share-price-price { font-size: 3.75rem; } } @media (min-width: 1200px) { .c-investors-toolbox__share-price-price { margin-bottom: 15px; } } .c-investors-toolbox__share-price-time { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; line-height: 30px; text-align: center; margin-bottom: 10px; text-transform: uppercase; } @media (min-width: 992px) { .c-investors-toolbox__share-price-time { margin-bottom: 40px; } } @media (min-width: 1200px) { .c-investors-toolbox__share-price-time { margin-bottom: 50px; } } .c-investors-toolbox__share-price-link { line-height: 24px; letter-spacing: 0.4px; } .c-investors-toolbox__share-price-indicator { display: inline-block; vertical-align: top; margin-top: 7px; position: relative; right: 8px; } .c-investors-toolbox__share-price-indicator img { display: block; width: 14px; } @media (min-width: 375px) { .c-investors-toolbox__share-price-indicator img { width: 17px; } } @media (min-width: 992px) { .c-investors-toolbox__share-price-indicator img { width: 14px; } } @media (min-width: 1200px) { .c-investors-toolbox__share-price-indicator img { width: 17px; } } .c-investors-toolbox__latest-results { position: relative; } .c-investors-toolbox__latest-results-label { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; text-transform: uppercase; margin-bottom: 10px; } .c-investors-toolbox__latest-results-title { font-size: 1.625rem; line-height: 30px; color: #008ed3; margin-bottom: 15px; } .forge .c-investors-toolbox__latest-results-title { color: #00a4b0; } .c-investors-toolbox__latest-results-date { color: #1c262b; font-size: 0.75rem; margin-bottom: 10px; text-transform: uppercase; } .c-investors-toolbox__latest-results-description { line-height: 24px; letter-spacing: 0.4px; margin-bottom: 20px; width: 100%; } @media (min-width: 992px) { .c-investors-toolbox__latest-results-description { max-width: 420px; } } @media (min-width: 1200px) { .c-investors-toolbox__latest-results-description { max-width: 400px; max-width: 360px; } } .c-investors-toolbox__latest-results-button-group { margin-bottom: 10px; } @media (min-width: 375px) { .c-investors-toolbox__latest-results-button-group { width: 280px; } } @media (min-width: 992px) { .c-investors-toolbox__latest-results-button-group { position: absolute; right: 0; top: 20px; width: inherit; } } @media (min-width: 1200px) { .c-investors-toolbox__latest-results-button-group { top: 30px; width: 280px; } } .c-investors-toolbox__latest-results-button-group_rel { margin-bottom: 15px; position: relative; top: 0; } .c-investors-toolbox__latest-results-button-group .c-button, .c-investors-toolbox__latest-results-button-group .c-form input.button, .c-form .c-investors-toolbox__latest-results-button-group input.button { margin-bottom: 10px; padding: 8px 12px; width: 133px; font-size: 0.75rem; margin-right: 5px; } @media (min-width: 992px) { .c-investors-toolbox__latest-results-button-group .c-button, .c-investors-toolbox__latest-results-button-group .c-form input.button, .c-form .c-investors-toolbox__latest-results-button-group input.button { display: block; } } @media (min-width: 1200px) { .c-investors-toolbox__latest-results-button-group .c-button, .c-investors-toolbox__latest-results-button-group .c-form input.button, .c-form .c-investors-toolbox__latest-results-button-group input.button { display: inline-block; } } .c-investors-toolbox__latest-results-button-group .c-button:nth-child(even), .c-investors-toolbox__latest-results-button-group .c-form input.button:nth-child(even), .c-form .c-investors-toolbox__latest-results-button-group input.button:nth-child(even) { margin-right: 0; } .c-investors-toolbox__latest-results-button-group .c-button__download { width: 14px; margin-left: 10px; } .c-investors-toolbox__latest-results-link { line-height: 24px; letter-spacing: 0.4px; } .c-downloads { border-bottom: 2px solid rgba(151, 151, 151, 0.5); padding-bottom: 40px; } .c-downloads_inline { border-bottom: 0 none; } .c-downloads__label { font-size: 1.5rem; line-height: 50px; font-family: "Source Han Sans CN", Arial, sans-serif; } @media (min-width: 992px) { .c-downloads__label { font-size: 1.875rem; letter-spacing: 0.6px; margin-bottom: 15px; } } .c-downloads__container { margin: 0 auto; } @media (min-width: 1200px) { .c-downloads__container { width: 1050px; } } .c-downloads__list { list-style: none; } .c-downloads__item { border-top: 1px solid rgba(151, 151, 151, 0.5); padding: 30px 0; position: relative; } .c-downloads__item:last-child { padding-bottom: 0; } .c-downloads__inner-container { width: 100%; margin-bottom: 15px; } @media (min-width: 992px) { .c-downloads__inner-container { width: 480px; margin-bottom: 0; display: inline-block; } } .c-downloads__thumbnail { display: inline-block; } @media (min-width: 375px) { .c-downloads__thumbnail { margin-right: 15px; } } @media (min-width: 992px) { .c-downloads__thumbnail { margin-right: 20px; } } .c-downloads__thumbnail img { width: 80px; height: 113px; } @media (min-width: 992px) { .c-downloads__thumbnail img { width: 115px; height: 160px; } } @media (min-width: 375px) { .c-downloads__thumbnail + .c-downloads__content { vertical-align: top; width: calc(100% - 100px); } } @media (min-width: 992px) { .c-downloads__thumbnail + .c-downloads__content { width: calc(100% - 141px); } } .c-downloads__thumbnail_circle img { border-radius: 50%; height: 80px; width: 80px; } @media (min-width: 992px) { .c-downloads__thumbnail_circle img { height: 115px; width: 115px; } } .c-downloads__content { display: inline-block; } .c-downloads__title { font-size: 1.125rem; line-height: 24px; margin-bottom: 10px; color: #21386b; } @media (min-width: 992px) { .c-downloads__title { font-size: 1.625rem; line-height: 30px; margin-bottom: 15px; } } .c-downloads__date { color: #1c262b; font-size: 0.75rem; margin-bottom: 10px; text-transform: uppercase; } .c-downloads__description { line-height: 24px; letter-spacing: 0.4px; } @media (min-width: 375px) { .c-downloads__button-group { width: 310px; } } @media (min-width: 992px) { .c-downloads__button-group { display: inline-block; position: relative; left: calc(100% - 794px); vertical-align: top; } } .c-downloads__button-group .c-button, .c-downloads__button-group .c-form input.button, .c-form .c-downloads__button-group input.button { background-color: white; cursor: pointer; margin-bottom: 10px; margin-right: 5px; width: 150px; padding: 8px 12px; font-size: 0.75rem; margin-right: 5px; text-align: left; line-height: 1.12;} .c-downloads__button-group .c-button:nth-child(even), .c-downloads__button-group .c-form input.button:nth-child(even), .c-form .c-downloads__button-group input.button:nth-child(even) { margin-right: 0; } .c-leadership-grid__accordion-button { border-bottom: 1px solid rgba(151, 151, 151, 0.5); padding: 15px 0; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.3px; color: #1c262b; position: relative; } .c-leadership-grid__accordion-button::before { content: ''; border: 1px solid #1c262b; position: absolute; right: 5px; height: 10px; transform: translateY(2px) rotate(0deg); transition: transform 0.5s; } .c-leadership-grid__accordion-button::after { content: ''; border: 1px solid #1c262b; position: absolute; right: 5px; height: 10px; transform: translateY(2px) rotate(90deg); transition: transform 0.5s; } .c-leadership-grid__accordion-button.firstBtn { border-top: 1px solid rgba(151, 151, 151, 0.5); } .c-leadership-grid__accordion-button.selected { border-bottom: none; margin-bottom: 5px; } .c-leadership-grid__accordion-button.selected::before { transform: rotate(45deg); } .c-leadership-grid__accordion-button.selected::after { transform: rotate(-45deg); } @media (min-width: 992px) { .c-leadership-grid__accordion-button { display: none; } } .c-leadership-grid__list { list-style: none!important; } .c-leadership-grid__item:last-child .c-leadership-grid__picture { margin-bottom: 10px; } @media (min-width: 768px) { .c-leadership-grid__item { margin-bottom: 30px;list-style: none; } } .c-leadership-grid__picture { position: relative; margin-bottom: 30px; cursor: pointer; /*@include media-breakpoint-up(sm) { width: 420px; }*/ } @media (min-width: 992px) { .c-leadership-grid__picture { margin-bottom: 0; width: 100%; } } @media (min-width: 768px) { .c-leadership-grid__picture.selected::before { content: ""; height: 0; width: 0; position: absolute; border-top: 20px solid #e9eaee; border-right: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid transparent; bottom: -40px; left: 0; right: 0; margin-left: auto; margin-right: auto; } } .c-leadership-grid__list.open .c-leadership-grid__picture.selected img { opacity: 1; } .c-leadership-grid__picture img { display: block; height: auto; transition: opacity 0.5s; width: 100%; /*@include media-breakpoint-up(lg) { height: 210px; } @include media-breakpoint-up(xl) { height: 250px; } @include breakpoint-min(xxl) { height: 290px; }*/ } .c-leadership-grid__list.open .c-leadership-grid__picture img { opacity: 0.5; } .c-leadership-grid__committee-icons { position: absolute; right: 10px; top: 10px; } .c-leadership-grid__committee-icons-text { font-size: 0.875rem; letter-spacing: 0.3px; color: #fff; border: 1px solid #fff; border-radius: 50%; padding: 5px; padding-top: 3px; font-family: "Source Han Sans CN", Arial, sans-serif; margin-right: 3px; } .c-leadership-grid__committee-icons-text:last-child { margin-right: 0; } .c-leadership-grid__committee-icons-text:hover { color: #fff; } .c-leadership-grid__overlay { position: absolute; bottom: 0; height: 55px; width: 100%; background-color: rgba(255, 255, 255, 0.85); padding: 8px 12px; } @media (min-width: 992px) { .c-leadership-grid__overlay { height: 70px; } } .c-leadership-grid__name { font-size: 0.875rem; text-transform: uppercase; } @media (min-width: 992px) { .c-leadership-grid__name { font-size: 1.125rem; letter-spacing: 0.5px; } } .c-leadership-grid__job-title { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.75rem; text-transform: uppercase; } @media (min-width: 992px) { .c-leadership-grid__job-title { font-size: 0.875rem; } } .c-leadership-grid__details { box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.22); padding: 0 20px; position: relative; margin: 0 auto 30px; width: 99%; display: none; opacity: 0; padding-top: 0; padding-bottom: 0; height: 0; transition: opacity 0.5s, padding-top 0.5s, padding-bottom 0.5s, height 0.5s; } .c-leadership-grid__details.show { display: block; } .c-leadership-grid__details.temp { display: none; } .c-leadership-grid__details.opacity { opacity: 1; padding-top: 15px; padding-bottom: 25px; height: 99%; } .c-leadership-grid__details-close-icon { position: relative; left: calc(100% - 25px); border: 1px solid #008ed3; border-radius: 50%; padding: 16px; margin: 5px 0; display: inline-block; cursor: pointer; } .forge .c-leadership-grid__details-close-icon { border: 1px solid #00a4b0; } .c-leadership-grid__details-close-icon::before { content: ''; border: 0.7px solid #1c262b; position: absolute; right: 15px; height: 20px; transform: translateY(-9px) rotate(45deg); transition: transform 0.5s; } .c-leadership-grid__details-close-icon::after { content: ''; border: 0.7px solid #1c262b; position: absolute; right: 15px; height: 20px; transform: translateY(-9px) rotate(-45deg); transition: transform 0.5s; } @media (min-width: 992px) { .c-leadership-grid__details-close-icon { left: calc(100% - 35px); } } .c-leadership-grid__details-name { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.25rem; text-align: center; line-height: 50px; letter-spacing: 0.4px; text-transform: uppercase; } @media (min-width: 992px) { .c-leadership-grid__details-name { font-size: 2.1875rem; letter-spacing: 0.7px; } } .c-leadership-grid__details-job-title { display: none; } @media (min-width: 992px) { .c-leadership-grid__details-job-title { display: block; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; letter-spacing: 0.3px; text-transform: uppercase; text-align: center; } } .c-leadership-grid__details-separator { width: 60px; height: 2px; background-color: #979797; margin: 25px auto; } .c-leadership-grid__details-heading { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; text-transform: uppercase; margin-bottom: 10px; } .c-leadership-grid__details-text { font-size: 1rem; line-height: 24px; letter-spacing: 0.4px; margin-bottom: 20px; } .c-leadership-grid__details-committee { margin-bottom: 15px; } .c-leadership-grid__details-committee-icon { font-size: 0.875rem; font-family: "Source Han Sans CN", Arial, sans-serif; letter-spacing: 0.3px; color: #1c262b; border: 1px solid #008ed3; border-radius: 50%; padding: 5px; padding-top: 3px; margin-right: 3px; } .forge .c-leadership-grid__details-committee-icon { border: 1px solid #00a4b0; } .c-leadership-grid__details-committee-link { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; color: #008ed3; } .forge .c-leadership-grid__details-committee-link { color: #00a4b0; } .c-leadership-grid__details-committee-link:hover { color: #008ed3; } .forge .c-leadership-grid__details-committee-link:hover { color: #00a4b0; } @media (min-width: 992px) { .c-leadership-grid__details-container { width: 700px; margin: 0 auto; } } .c-list { padding: 0 15px; padding-bottom: 40px; border-top: 1px solid rgba(151, 151, 151, 0.5); /*border-bottom: 1px solid $grey-hr;*/ } @media (min-width: 992px) { .c-list { padding: 30px 15px; } } .c-list__container { text-align: center; } @media (min-width: 992px) { .c-list__container { width: 840px; margin: 0 auto; } } .c-list__list { list-style: none; } .c-list__item { border-bottom: 1px solid rgba(151, 151, 151, 0.2); padding: 20px 0; } .c-list__item:last-child { border-bottom: none; } .c-list__thumbnail { display: block; margin-bottom: 10px; /*img { width: 80px; height: 55px; display: block; @include media-breakpoint-up(lg) { width: 195px; height: 110px; } }*/ } @media (min-width: 375px) { .c-list__thumbnail { display: inline-block; width: 80px; height: 55px; vertical-align: top; position: relative; top: 5px; margin-bottom: 0; } } @media (min-width: 992px) { .c-list__thumbnail { width: 195px; height: 110px; } } @media (min-width: 375px) { .c-list__thumbnail + .c-list__details { display: inline-block; width: calc(100% - 85px); padding-left: 15px; } } @media (min-width: 992px) { .c-list__thumbnail + .c-list__details { width: calc(100% - 200px); } } .c-list__details { text-align: left; } .c-list__title { color: #008ed3; font-size: 1.125rem; line-height: 21px; letter-spacing: -0.3px; margin-bottom: 10px; } .forge .c-list__title { color: #00a4b0; } @media (min-width: 992px) { .c-list__title { font-size: 1.625rem; line-height: 30px; letter-spacing: -0.5px; } } .c-list__date { color: #1c262b; font-size: 0.75rem; margin-bottom: 10px; text-transform: uppercase; } .c-list__description { color: #1c262b; font-size: 0.875rem; line-height: 20px; } @media (min-width: 992px) { .c-list__description { font-size: 1rem; line-height: 24px; letter-spacing: 0.4px; } } .c-list .c-button, .c-list .c-form input.button, .c-form .c-list input.button { margin: 15px 0; font-size: 0.75rem; padding: 8px 25px; } .c-tabbed-navigation { padding-bottom: 60px; } .c-tabbed-navigation__tabs { display: none; background-color: #e9eaee; padding: 10px; margin-bottom: 30px; } @media (min-width: 992px) { .c-tabbed-navigation__tabs { display: block; } } @media (min-width: 992px) { .c-tabbed-navigation__tabs .nav-item { margin-right: 10px; width: 152px; text-align: center; font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.3px; color: #1c262b; } .c-tabbed-navigation__tabs .nav-item:last-child { margin-right: 0; } } @media (min-width: 992px) and (min-width: 1200px) { .c-tabbed-navigation__tabs .nav-item { width: 182px; } } .c-tabbed-navigation__tabs .nav-link { position: relative; border-radius: 0; display: block; } @media (min-width: 992px) { .c-tabbed-navigation__tabs .nav-link { border: 1px solid rgba(151, 151, 151, 0.5); padding: 15px 10px; display: inline-block; line-height: 1.2;} .c-tabbed-navigation__tabs .nav-link.active { border: none; color: #1c262b; } .c-tabbed-navigation__tabs .nav-link.active::after { content: ''; display: block; height: 10px; background-color: #fff; position: absolute; bottom: -10px; left: 0; right: 0; } .c-tabbed-navigation__tabs .nav-link:hover, .c-tabbed-navigation__tabs .nav-link:focus { border-color: rgba(151, 151, 151, 0.5); background-color: #fff; } } .c-tabbed-navigation__tabs .nav-tabs { border-bottom: none; } .c-tabbed-navigation__dropdown { margin-bottom: 15px; } @media (min-width: 992px) { .c-tabbed-navigation__dropdown { display: none; } } .c-tabbed-navigation__dropdown-label { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; text-transform: uppercase; margin-bottom: 10px; } .c-tabbed-navigation__dropdown .c-button, .c-tabbed-navigation__dropdown .c-form input.button, .c-form .c-tabbed-navigation__dropdown input.button { height: 50px; width: 50px; font-family: "Source Han Sans CN", Arial, sans-serif; vertical-align: top; padding: 12px 10px; text-align: center; } .c-tabbed-navigation__dropdown-select-selected-option { background-color: #e9eaee; font-size: 0.875rem; width: calc(100% - 60px); padding: 15px 12px; display: inline-block; position: relative; } .c-tabbed-navigation__dropdown-select-selected-option::after { content: ""; border-top: 4px solid #9b9b9b; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; right: 15px; top: 23px; } @media (min-width: 375px) { .c-tabbed-navigation__dropdown-select-selected-option { width: 260px; } } .c-tabbed-navigation__dropdown-select ul { list-style: none; background-color: #e9eaee; width: 260px; display: none; } .c-tabbed-navigation__dropdown-select ul li { font-size: 0.875rem; padding: 15px 12px; border: 1px solid rgba(151, 151, 151, 0.5); border-bottom: none; } .c-tabbed-navigation__dropdown-select ul li:last-child { border: 1px solid rgba(151, 151, 151, 0.5); } .c-tabbed-navigation__dropdown-select ul li:hover { background-color: #fff; } .c-tabbed-navigation__dropdown-select ul .selected { background-color: #fff; } .c-tabbed-navigation__accordion { border-bottom: 1px solid rgba(151, 151, 151, 0.5); padding: 15px 0; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.3px; color: #1c262b; position: relative; } .c-tabbed-navigation__accordion::before { content: ''; border: 1px solid #1c262b; position: absolute; right: 5px; height: 10px; transform: translateY(2px) rotate(0deg); transition: transform 0.5s; } .c-tabbed-navigation__accordion::after { content: ''; border: 1px solid #1c262b; position: absolute; right: 5px; height: 10px; transform: translateY(2px) rotate(90deg); transition: transform 0.5s; } .c-tabbed-navigation__accordion.firstBtn { border-top: 1px solid rgba(151, 151, 151, 0.5); } .c-tabbed-navigation__accordion.selected { border-bottom: none; margin-bottom: 5px; } .c-tabbed-navigation__accordion.selected::before { transform: rotate(45deg); } .c-tabbed-navigation__accordion.selected::after { transform: rotate(-45deg); } @media (min-width: 992px) { .c-tabbed-navigation__accordion { display: none; } } .c-tabbed-navigation__accordion + .tab-pane { padding-bottom: 30px; } @media (min-width: 992px) { .c-tabbed-navigation__accordion + .tab-pane { padding-bottom: 0; } } .c-tabbed-navigation__accordion + .tab-pane.active { border-bottom: 1px solid rgba(151, 151, 151, 0.5); } @media (min-width: 992px) { .c-tabbed-navigation__accordion + .tab-pane.active { border-bottom: none; } } @media (min-width: 992px) { .c-contact-us { padding: 0 30px; } } .c-contact-us__img { margin-bottom: 20px; } @media (min-width: 992px) { .c-contact-us__img { margin-bottom: 0; } } .c-contact-us__img img { display: block; height: auto; width: 100%; } @media (min-width: 992px) { .c-contact-us__inner-container { padding: 10px 0 15px 40px; } .c-contact-us__container_img-right .c-contact-us__inner-container { padding: 10px 15px 15px 25px; } } .c-contact-us__title { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.5rem; line-height: 50px; letter-spacing: 0.5px; margin-bottom: 15px; text-transform: uppercase; } .c-contact-us__text { line-height: 20px; letter-spacing: 0.4px; margin-bottom: 30px; } .forge .c-contact-us__text a { color: #00a4b0; } .forge .c-contact-us__text a:hover { color: #007670; } .c-contact-us__link { line-height: 20px; letter-spacing: 0.4px; color: #1c262b; } .c-contact-us .c-button, .c-contact-us .c-form input.button, .c-form .c-contact-us input.button { font-size: 0.875rem; padding: 12px 22px; width: auto; line-height:1.2;} @media (min-width: 992px) { .c-contact-us .tab-pane { padding-bottom: 0; } .c-contact-us .tab-pane.active { border-bottom: none; } } .c-navigation { position: fixed; padding: 30px 15px; top: 0; width: 100%; z-index: 1000000; background-color: #fff; opacity: 1; transition: opacity 0.5s; } @media (min-width: 1200px) { .c-navigation { padding: 29px 15px 0; } } .c-navigation.hidden { opacity: 0; z-index: -1; } .c-navigation__container { display: block; text-align: center; position: relative; left: 0; transition: left 0.5s; } @media (min-width: 1660px) { .c-navigation__container { width: 1600px; margin: 0 auto; } } .c-navigation__toggler { z-index: 100000; display: inline-block; width: 20px; height: 16px; cursor: pointer; position: absolute; left: 0; transition: margin-left 0.5s; } @media (min-width: 1200px) { .c-navigation__toggler { display: none; } } .c-navigation__toggler-icon { border: 1px solid #1c262b; margin-bottom: 5px; display: block; transition: transform 0.5s, opacity 0.5s; position: relative; } .c-navigation__toggler-icon:last-child { margin-bottom: 0; } .c-navigation__toggler.close .c-navigation__toggler-icon { margin-bottom: 0; transform: rotate(45deg); top: 5px; } .c-navigation__toggler.close .c-navigation__toggler-icon:first-child { transform: translateY(2px) rotate(-45deg); } .c-navigation__toggler.close .c-navigation__toggler-icon:last-child { opacity: 0; transform: rotate(-45deg); } .c-navigation__home { display: none; } @media (min-width: 1200px) { .c-navigation__home { display: inline-block; padding: 3px 20px 10px 0; /*border-right: 1px solid $project-pale-grey;*/ vertical-align: top; position: relative; } .c-navigation__home::after { content: ''; width: 1px; height: 62px; background-color: #e9eaee; position: absolute; right: 0; top: -30px; } } @media (min-width: 1660px) { .c-navigation__home { padding-right: 35px; } } .c-navigation__home-icon { width: 18px; } .c-navigation__navbar { position: fixed; height: 100%; top: 0; /*left: -100%;*/ left: -200%; padding-top: 100px; background-color: #008ed3; z-index: 1000; /*transition: left $transition-speed, right $transition-speed, width $transition-speed; width: calc(100% - 90px);*/ transition: left 0.5s, right 0.5s, padding-left 0.5s; width: calc(200% - 90px); overflow-x: hidden; text-align: left; padding-left: 100%; } .forge .c-navigation__navbar { background-color: #00a4b0; } @media (min-width: 1200px) { .c-navigation__navbar { position: relative; left: 0; display: inline-block; width: inherit; background-color: #fff; padding-top: 0; padding-left: 0; vertical-align: top; } .forge .c-navigation__navbar { background-color: #fff; } } @media (min-width: 1660px) { .c-navigation__navbar { width: 1200px; } } .c-navigation__nav { list-style: none; padding: 0 20px; } .c-navigation__nav-item { margin-bottom: 30px; position: relative; } .c-navigation__nav-item:nth-child(4) { border-bottom: 1px solid rgba(255, 255, 255, 0.25); padding-bottom: 15px; margin-bottom: 15px; } @media (min-width: 1200px) { .c-navigation__nav-item { display: inline-block; margin-bottom: 0; margin-right: 40px; padding-bottom: 20px; } .c-navigation__nav-item:first-child { display: none; } .c-navigation__nav-item:nth-child(4) { border-bottom: none; padding-bottom: 0; margin-bottom: 0; margin-left: 240px; position: relative; left: -20px; } .forge .c-navigation__nav-item:nth-child(4) { margin-right: 200px; } .c-navigation__nav-item:nth-child(5) { margin-right: 200px; } .forge .c-navigation__nav-item:nth-child(5) { margin-right: 20px; } .c-navigation__nav-item:last-child { margin-right: 0; } } @media (min-width: 1660px) { .c-navigation__nav-item { margin-left: 90px; margin-right: 80px; } .forge .c-navigation__nav-item { margin-right: 110px; } .forge .c-navigation__nav-item:nth-child(2) { margin-left: 60px; } .c-navigation__nav-item:nth-child(4) { margin-left: 270px; left: 0; } .forge .c-navigation__nav-item:nth-child(4) { margin-right: 310px; } .c-navigation__nav-item:nth-child(5) { margin-right: 100px; } .forge .c-navigation__nav-item:nth-child(5) { margin-right: 110px; } } .c-navigation__nav-link { color: #fff; text-transform: uppercase; font-size: 1.125rem; display: block; } .c-navigation__nav-item.subnav .c-navigation__nav-link::after { content: ''; border: 1px solid #fff; position: absolute; right: 0px; height: 10px; top: 3px; transform: translateY(2px) rotate(-45deg); transition: transform 0.5s; } @media (min-width: 1200px) { .c-navigation__nav-item.subnav .c-navigation__nav-link::after { content: none; } } .c-navigation__nav-item.subnav .c-navigation__nav-link::before { content: ''; border: 1px solid #fff; position: absolute; right: 0px; height: 10px; top: 9px; transform: translateY(2px) rotate(45deg); transition: transform 0.5s; } @media (min-width: 1200px) { .c-navigation__nav-item.subnav .c-navigation__nav-link::before { content: none; } } .c-navigation__navbar.megamenuopen .c-navigation__nav-item.subnav .c-navigation__nav-link::before { content: none; } .c-navigation__navbar.megamenuopen .c-navigation__nav-item.subnav .c-navigation__nav-link::after { content: none; } @media (min-width: 1200px) { .c-navigation__nav-link { color: #1c262b; font-size: 0.8125rem; letter-spacing: 0.3px; border-bottom: 2px solid #fff; padding-bottom: 5px; } .c-navigation__nav-link:hover { color: #1c262b; } .c-navigation__nav-item.active .c-navigation__nav-link { border-bottom: 2px solid #008ed3; } .forge .c-navigation__nav-item.active .c-navigation__nav-link { border-bottom: 2px solid #00a4b0; } } .c-navigation__brand { display: inline-block; } @media (min-width: 1200px) { .c-navigation__brand { position: absolute; left: 0; right: 0; } } .c-navigation__brand img { display: block; width: 107px; } @media (min-width: 1200px) { .c-navigation__brand img { display: inline-block; position: absolute; z-index: 2000; margin-left: auto; margin-right: auto; left: 0; right: 0; } .forge .c-navigation__brand img { left: 65px; top: -3px; } .no-share-price .c-navigation__brand img { left: 140px; } } @media (min-width: 1660px) { .forge .c-navigation__brand img { left: 0; } } .c-navigation__brand-secondary-logo { width: 80px; } .c-navigation__mega-menu { transition: width 0.5s, padding-left 0.5s, padding-right 0.5s; position: fixed; top: 0; right: 90px; height: 100%; width: 0; overflow-x: hidden; overflow-y: hidden; z-index: 1; padding-top: 100px; background-color: #008ed3; } .forge .c-navigation__mega-menu { background-color: #00a4b0; } .c-navigation__mega-menu.open { padding: 100px 20px 0; } .c-navigation__mega-menu.right-left-transition { left: 0; } @media (min-width: 1200px) { .c-navigation__mega-menu { right: 0; left: 0; width: 100%; padding: 0 30px; height: 0; transition: height 0.5s, padding-top 0.5s; top: 78px; background-color: rgba(255, 255, 255, 0.9); box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.2); } .forge .c-navigation__mega-menu { background-color: rgba(255, 255, 255, 0.9); } .c-navigation__mega-menu.open { padding-top: 20px; height: 200px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } } .c-navigation__sub-nav { list-style: none; margin-top: 30px; } @media (min-width: 1200px) { .c-navigation__sub-nav { display: inline-block; margin-top: 0; display: none; } .open .c-navigation__sub-nav { display: block; } } .c-navigation__sub-nav-item { position: relative; padding-left: 20px; margin-bottom: 30px; } .c-navigation__sub-nav-item:before { content: ''; background-color: rgba(255, 255, 255, 0.25); height: 1px; width: 12px; position: absolute; left: 0; top: 14px; } @media (min-width: 1200px) { .c-navigation__sub-nav-item { margin-bottom: 10px; padding-left: 0; } .c-navigation__sub-nav-item:last-child { margin-bottom: 0; } .c-navigation__sub-nav-item:before { content: none; } } .c-navigation__sub-nav-link { color: #fff; font-size: 1.125rem; text-transform: uppercase; } @media (min-width: 1200px) { .c-navigation__sub-nav-link { color: #1c262b; font-size: 0.875rem; text-transform: none; } .c-navigation__sub-nav-link:hover { color: #008ed3; } .forge .c-navigation__sub-nav-link:hover { color: #00a4b0; } } .c-navigation__teaser { color: #fff; display: none; } @media (min-width: 1200px) { .c-navigation__teaser { color: #1c262b; vertical-align: top; width: 460px; display: none; } .open .c-navigation__teaser { display: inline-block; } } .c-navigation__teaser-img { display: inline-block; } .c-navigation__teaser-img img { display: block; width: 195px; height: 120px; } .c-navigation__teaser-details { display: inline-block; text-align: left; display: inline-block; width: calc(100% - 200px); padding-left: 20px; vertical-align: top; } .c-navigation__teaser-title { font-size: 1.125rem; line-height: 24px; text-transform: uppercase; margin-bottom: 10px; font-weight: normal; } .c-navigation__teaser-description { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: .875rem; line-height: 19px; margin-bottom: 5px; font-weight:normal; color: #1c262b;} .c-navigation__teaser-link { color: #008ed3; font-size: 0.8125rem; line-height: 19px; letter-spacing: 0.3px; display: inline-block; position: relative; font-weight:normal; } .forge .c-navigation__teaser-link { color: #00a4b0; } .forge .c-navigation__teaser-link:hover { color: #007670; } .c-navigation__back { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.25); padding-bottom: 15px; margin-bottom: 15px; text-transform: uppercase; font-size: 1.125rem; position: relative; padding-left: 20px; cursor: pointer; } .c-navigation__back::after { content: ''; border: 1px solid #fff; position: absolute; left: 4px; height: 10px; top: 9px; transform: translateY(2px) rotate(-45deg); transition: transform 0.5s; } .c-navigation__back::before { content: ''; border: 1px solid #fff; position: absolute; left: 4px; height: 10px; top: 3px; transform: translateY(2px) rotate(45deg); transition: transform 0.5s; } @media (min-width: 1200px) { .c-navigation__back { display: none; } } .c-navigation__search { display: inline-block; cursor: pointer; position: absolute; right: 0; } @media (min-width: 1200px) { .c-navigation__search { padding-left: 15px; position: relative; padding-top: 3px; vertical-align: top; } } @media (min-width: 1660px) { .c-navigation__search { padding-left: 35px; } } .c-navigation__search-icon { display: inline-block; width: 18px; } @media (min-width: 1200px) { .c-navigation__search-icon { display: none; } } .c-navigation__search-icon.desktop { display: none; } @media (min-width: 1200px) { .c-navigation__search-icon.desktop { display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #fff; } .c-navigation__search.active .c-navigation__search-icon.desktop { border-bottom: 2px solid #008ed3; } .forge .c-navigation__search.active .c-navigation__search-icon.desktop { border-bottom: 2px solid #00a4b0; } } .c-navigation__search-btn { display: inline-block; position: absolute; right: 0; bottom: 13px; cursor: pointer; } @media (min-width: 1200px) { .c-navigation__search-btn { bottom: 10px; } } .c-navigation__search-btn img { display: block; width: 18px; } @media (min-width: 1200px) { .c-navigation__search-btn img { width: 22px; } } .c-navigation__search-container { position: fixed; height: 100%; top: 0; right: -100%; padding: 100px 20px 0; background-color: #008ed3; z-index: 1000; transition: left 0.5s, right 0.5s; width: calc(100% - 90px); overflow-x: hidden; text-align: left; } .forge .c-navigation__search-container { background-color: #00a4b0; } @media (min-width: 1200px) { .c-navigation__search-container { right: 0; left: 0; width: 100%; padding: 0 30px; height: 0; transition: height 0.5s, padding-top 0.5s; top: 78px; background-color: rgba(255, 255, 255, 0.9); box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.2); } .c-navigation__search-container.open { padding-top: 20px; height: 200px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } } .c-navigation__search-form { position: relative; } @media (min-width: 1200px) { .c-navigation__search-form { width: 630px; margin: 40px auto 0; } } .c-navigation__search-label { font-size: 1.125rem; color: #fff; text-transform: uppercase; margin-bottom: 30px; } @media (min-width: 1200px) { .c-navigation__search-label { display: none; } } .c-navigation__search-input { background: none; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.25); color: #fff; font-size: 1.5rem; padding-bottom: 10px; font-family: "Source Han Sans CN", Arial, sans-serif; width: 100%; padding-right: 20px; } .c-navigation__search-input::placeholder { color: #fff; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.5rem; padding-bottom: 10px; } .c-navigation__search-input:-ms-input-placeholder { color: #fff; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.5rem; padding-bottom: 10px; } .c-navigation__search-input::-ms-input-placeholder { color: #fff; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.5rem; padding-bottom: 10px; } .c-navigation__search-input::-webkit-input-placeholder { color: #fff; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.5rem; padding-bottom: 10px; } .c-navigation__search-input:focus { outline: none; } @media (min-width: 1200px) { .c-navigation__search-input { border-bottom-color: #979797; color: #1c262b; font-size: 1.625rem; line-height: 30px; padding-right: 25px; } .c-navigation__search-input::placeholder { color: #1c262b; font-size: 1.625rem; line-height: 30px; } } .c-navigation__share-price { display: none; } @media (min-width: 1200px) { .c-navigation__share-price { display: inline-block; padding: 0 15px 10px; /*border-left: 1px solid $project-pale-grey; border-right: 1px solid $project-pale-grey;*/ vertical-align: top; position: relative; } .no-share-price .c-navigation__share-price { padding: 0; } .c-navigation__share-price::after { content: ''; width: 1px; height: 62px; background-color: #e9eaee; position: absolute; right: 0; top: -30px; } .c-navigation__share-price::before { content: ''; width: 1px; height: 62px; background-color: #e9eaee; position: absolute; left: 0; top: -30px; } .no-share-price .c-navigation__share-price::before { display: none; } } @media (min-width: 1660px) { .c-navigation__share-price { padding-left: 35px; padding-right: 35px; } } .c-navigation__share-price-label { text-transform: uppercase; font-size: 0.8125rem; letter-spacing: 0.3px; color: #979797; font-family: "Source Han Sans CN", Arial, sans-serif; } .c-navigation__share-price-indicator { background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 11px; height: 8px; } .c-navigation__share-price-indicator_up { background-image: url("/images/share-price-up-x2.png"); } .c-navigation__share-price-indicator_down { background-image: url("/images/share-price-down-x2.png"); } .c-navigation__share-price-indicator img { width: 5px; height: 9px; display: none; } .c-navigation__share-price-price { font-size: 0.8125rem; letter-spacing: 0.3px; color: #979797; font-family: "Source Han Sans CN", Arial, sans-serif; } .c-search { position: relative; margin-bottom: 40px; } @media (min-width: 576px) { .c-search { width: 510px; margin-left: auto; margin-right: auto; } } .c-search__btn { display: inline-block; position: absolute; right: 0; bottom: 13px; cursor: pointer; } @media (min-width: 1200px) { .c-search__btn { bottom: 10px; } } .c-search__btn img { display: block; width: 18px; } @media (min-width: 1200px) { .c-search__btn img { width: 22px; } } .c-search__input { background: none; border: none; border-bottom: 1px solid #979797; color: #1c262b; font-size: 1.5rem; padding-bottom: 10px; font-family: "Source Han Sans CN", Arial, sans-serif; width: 100%; padding-right: 20px; } .c-search__input::placeholder { color: #1c262b; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.5rem; padding-bottom: 10px; } .c-search__input:-ms-input-placeholder { color: #1c262b; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.5rem; padding-bottom: 10px; } .c-search__input::-ms-input-placeholder { color: #1c262b; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.5rem; padding-bottom: 10px; } .c-search__input::-webkit-input-placeholder { color: #1c262b; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.5rem; padding-bottom: 10px; } .c-search__input:focus { outline: none; } @media (min-width: 1200px) { .c-search__input { font-size: 1.625rem; line-height: 30px; padding-right: 25px; } .c-search__input::placeholder { font-size: 1.625rem; line-height: 30px; } } .c-title { margin-top: 0; margin-bottom: 40px; text-align: center; } .c-title_h1 { margin-top: 40px; } @media (min-width: 992px) { .c-title_h1 { margin-top: 60px; } } .c-title_h2 { margin-bottom: 30px; } .c-breadcrumb { list-style: none; display: none; text-align: left; position: relative; padding: 0 30px; top: -36px; } @media (min-width: 992px) { .c-breadcrumb { display: inline-block; } } .c-breadcrumb__item { display: inline-block; padding-right: 2px; } .c-breadcrumb__item::after { padding-left: 5px; content: '-'; color: #1c262b; } .c-breadcrumb__item:last-child::after { padding-left: 0; content: none; } .c-breadcrumb__item a:hover { color: #008ed3; } .forge .c-breadcrumb__item a:hover { color: #00a4b0; } .c-breadcrumb__text { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.75rem; text-transform: uppercase; color: #1c262b; } .c-breadcrumb__item a{ color: #1c262b; } .c-our-people { margin-bottom: 40px; overflow: hidden; padding: 0 30px; position: relative; text-align: center; } @media (min-width: 1200px) { .c-our-people { height: 360px; padding: 0; } } .c-our-people__background { display: none; } @media (min-width: 1200px) { .c-our-people__background { background-image: linear-gradient(to bottom, #ffffff, #e5e5e5); bottom: 0; display: block; height: 192px; position: absolute; width: 100%; } } .c-our-people__list { position: relative; z-index: 1; } .c-our-people__person { cursor: pointer; display: inline-block; padding-bottom: 112px; position: relative; text-align: left; transition: all linear 0.5s; width: 100%; } @media (min-width: 768px) { .c-our-people__person { margin-right: 20px; width: 40%; } } @media (min-width: 1200px) { .c-our-people__person { filter: blur(2px); height: 360px; margin-right: 0; opacity: 0.7; padding-bottom: 0; width: auto; } } .c-our-people__person:hover, .c-our-people__person.active { filter: blur(0); opacity: 1; } .c-our-people__person.active { z-index: 3; } .c-our-people__picture { margin-left: 16px; max-height: 102px; position: relative; width: auto; z-index: 2; } @media (min-width: 1200px) { .c-our-people__picture { margin-left: 0; max-height: 100%; } } .c-our-people__details { background-color: #fff; display: inline-block; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 0.875rem; line-height: 1.4; text-align: left; text-transform: uppercase; width: calc(100% - 116px); z-index: 1; } @media (min-width: 1200px) { .c-our-people__details { bottom: 40px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); display: none; height: auto; /*150px;*/ left: -275px; padding: 20px 45px 40px; position: absolute; width: 320px; } } .c-our-people__person.active .c-our-people__details { display: inline-block; } @media (min-width: 1200px) { .c-our-people__person.active .c-our-people__details { display: block; } } .c-our-people__person:nth-child(1).active .c-our-people__details, .c-our-people__person:nth-child(2).active .c-our-people__details { left: 85%; } .c-our-people__details-box-1 { bottom: 15px; padding: 0; left: 15px; position: relative; } @media (min-width: 1200px) { .c-our-people__details-box-1 { bottom: 0; padding: 0 0 15px 15px; left: 0; position: static; } } .c-our-people__details-box-2 { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); height: 87px; left: 0; padding: 13px 45px; position: absolute; top: 102px; width: 100%; } @media (min-width: 1200px) { .c-our-people__details-box-2 { bottom: 0; box-shadow: none; height: auto; padding: 0; position: static; top: 0; width: auto; } } .c-our-people__name { font-family: "Source Han Sans CN", Arial, sans-serif; } .c-our-people__location { position: relative; } @media (min-width: 1200px) { .c-our-people__location { margin-left: 25px; margin-top: 10px; } } .c-our-people__location::before { background-image: url(/images/icon-location.png); background-repeat: no-repeat; content: ' '; height: 21px; left: -25px; position: absolute; top: 0; width: 14px; } .c-our-people__profile-link { position: relative; } @media (min-width: 1200px) { .c-our-people__profile-link { margin-left: 25px; margin-top: 10px; } } .c-our-people__profile-link::before { background-image: url(/images/icon-profile.png); background-repeat: no-repeat; content: ' '; height: 13px; left: -30px; position: absolute; top: 4px; width: 23px; } .c-our-people__profile-link a { color: #1c262b; font-size: 0.875rem; } .c-our-people__profile-link a:hover { color: #008ed3; } .forge .c-our-people__profile-link a:hover { color: #00a4b0; } .c-form { text-align: left; padding-bottom: 40px; } @media (min-width: 992px) { .c-form { width: 700px; margin: 0 auto; padding-bottom: 60px; } } .c-form fieldset { border: 0 none; } .c-form legend { display: none; } .c-form input:not(.button), .c-form select, .c-form option { background-color: #e9eaee; border: 0 none; font-size: .875rem; padding: 15px 12px; display: block; position: relative; width: 100%; } .c-form input.button { background-color: #fff; cursor: pointer; } .c-form .beFormItem { margin-bottom: 2rem; } .c-form .errorMessage { color: #d9534f; } .c-media-library { position: relative; padding: 0 20px; } @media (min-width: 1200px) { .c-media-library { padding: 0 30px; width: 1200px; margin: 0 auto; } } .c-media-library__search { position: relative; margin-bottom: 30px; } @media (min-width: 1200px) { .c-media-library__search { width: 500px; margin: 0 auto 60px; } } .c-media-library__search-btn { display: inline-block; position: absolute; right: 0; bottom: 13px; cursor: pointer; } @media (min-width: 1200px) { .c-media-library__search-btn { bottom: 10px; } } .c-media-library__search-btn img { display: block; width: 18px; } @media (min-width: 1200px) { .c-media-library__search-btn img { width: 22px; } } .c-media-library__search-input { background: none; border: none; border-bottom: 1px solid #979797; color: #1c262b; font-size: 1.125rem; padding-bottom: 10px; font-family: "Source Han Sans CN", Arial, sans-serif; width: 100%; padding-right: 20px; line-height: 1.5rem; } .c-media-library__search-input::placeholder { color: #1c262b; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.125rem; padding-bottom: 10px; line-height: 1.5rem; } .c-media-library__search-input:-ms-input-placeholder { color: #fff; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.125rem; padding-bottom: 10px; line-height: 1.5rem; } .c-media-library__search-input::-ms-input-placeholder { color: #1c262b; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.125rem; padding-bottom: 10px; line-height: 1.5rem; } .c-media-library__search-input::-webkit-input-placeholder { color: #1c262b; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.125rem; padding-bottom: 10px; line-height: 1.5rem; } .c-media-library__search-input:focus { outline: none; } @media (min-width: 1200px) { .c-media-library__search-input { font-size: 1.625rem; line-height: 30px; padding-right: 25px; } .c-media-library__search-input::placeholder { font-size: 1.625rem; line-height: 30px; } } .c-media-library__filtering { position: relative; margin-bottom: 40px; display: block; } @media (min-width: 1200px) { .c-media-library__filtering { width: 185px; display: inline-block; margin-right: 40px; margin-bottom: 0; vertical-align: top; } .c-media-library__filtering .c-filter__text { display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #979797; margin-right: 0; } } .c-media-library__filtering-dropdown { display: block; } @media (min-width: 1200px) { .c-media-library__filtering-dropdown { display: none; } } .c-media-library__filtering-buttons { display: none; } @media (min-width: 1200px) { .c-media-library__filtering-buttons { display: block; } } .c-media-library__filtering .c-button, .c-media-library__filtering .c-form input.button, .c-form .c-media-library__filtering input.button { text-align: center; width: 100%; font-family: "Source Han Sans CN", Arial, sans-serif; } @media (min-width: 992px) { .c-media-library__filtering .c-button, .c-media-library__filtering .c-form input.button, .c-form .c-media-library__filtering input.button { width: 50px; height: 50px; vertical-align: top; padding: 12px 10px; } } @media (min-width: 1200px) { .c-media-library__filtering .c-button, .c-media-library__filtering .c-form input.button, .c-form .c-media-library__filtering input.button { display: none; } } .c-media-library__filter-buttons { list-style: none; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #979797; } .c-media-library__filter-buttons li { display: block; } .c-media-library__filter-buttons-btn { display: inline-block; position: relative; padding: 7px 12px; border: 1px solid #008ed3; background-color: #fff; text-transform: uppercase; font-size: 0.75rem; margin-bottom: 5px; font-family: "Source Han Sans CN", Arial, sans-serif; transition: padding-right 0.5s; cursor: pointer; } .c-media-library__filter-buttons-btn:hover { background-color: #008ed3; color: #fff; } .c-media-library__filter-buttons-btn::after { content: ''; display: block; height: 12px; width: 1px; background-color: #fff; position: absolute; right: 15px; top: calc(50% - 6px); transform: rotate(45deg); opacity: 0; transition: opacity 0.5s; } .c-media-library__filter-buttons-btn::before { content: ''; display: block; height: 12px; width: 1px; background-color: #fff; position: absolute; right: 15px; top: calc(50% - 6px); transform: rotate(-45deg); opacity: 0; transition: opacity 0.5s; } .c-media-library__filter-buttons .selected .c-media-library__filter-buttons-btn { background-color: #008ed3; color: #fff; padding-right: 30px; } .c-media-library__filter-buttons .selected .c-media-library__filter-buttons-btn::after { opacity: 1; } .c-media-library__filter-buttons .selected .c-media-library__filter-buttons-btn::before { opacity: 1; } .c-media-library__filter-dropdown { margin-bottom: 15px; position: relative; } .c-media-library__filter-dropdown.open ul { display: block; } @media (min-width: 1200px) { .c-media-library__filter-dropdown { display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #979797; } } .c-media-library__filter-dropdown-selected-option { background-color: #e9eaee; font-size: 0.875rem; padding: 15px 12px; display: block; position: relative; width: 100%; cursor: pointer; text-transform: uppercase; } .c-media-library__filter-dropdown-selected-option::after { content: ""; border-top: 4px solid #9b9b9b; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; right: 15px; top: 23px; } @media (min-width: 1200px) { .c-media-library__filter-dropdown-selected-option { display: none; } } .c-media-library__filter-dropdown ul { list-style: none; background-color: #e9eaee; display: none; width: 100%; } @media (min-width: 1200px) { .c-media-library__filter-dropdown ul { background-color: transparent; display: block; } } .c-media-library__filter-dropdown ul li { display: block; font-size: 0.875rem; padding: 15px 12px; border: 1px solid rgba(151, 151, 151, 0.5); border-bottom: none; cursor: pointer; text-transform: uppercase; } .c-media-library__filter-dropdown ul li:last-child { border: 1px solid rgba(151, 151, 151, 0.5); } .c-media-library__filter-dropdown ul li:hover { background-color: #fff; } @media (min-width: 1200px) { .c-media-library__filter-dropdown ul li { background-color: transparent; border: none; font-size: 0.75rem; margin-bottom: 5px; font-family: "Source Han Sans CN", Arial, sans-serif; } .c-media-library__filter-dropdown ul li:last-child { border: none; margin-bottom: 0; } .c-media-library__filter-dropdown ul li:hover { background-color: transparent; } .c-media-library__filter-dropdown ul li:first-child { display: none; } } .c-media-library__filter-dropdown ul .selected { background-color: #fff; } @media (min-width: 1200px) { .c-media-library__filter-dropdown ul .selected { background-color: transparent; } } @media (min-width: 1200px) { .c-media-library__download { display: inline-block; width: calc(100% - 230px); vertical-align: top; text-align: left; } } .c-media-library__download-items { list-style: none; text-align: left; } .c-media-library__download-item { width: 150px; margin-bottom: 30px; display: inline-block; margin-right: 15px; vertical-align: top; } @media (min-width: 992px) { .c-media-library__download-item { margin-bottom: 60px; } } @media (min-width: 1200px) { .c-media-library__download-item { margin-right: 30px; width: 185px; } } .c-media-library__download-image { background-color: #e7e7e7; background-size: contain; display: block; width: 100%; margin-bottom: 10px; height: 100px; } @media (min-width: 1200px) { .c-media-library__download-image { height: 126px; } } .c-media-library__download-text { font-size: 1rem; line-height: 1.25rem; margin-bottom: 20px; text-align: left; } @media (min-width: 375px) { .c-media-library__download-text { height: 2.7rem; overflow: hidden; } } .c-media-library__download-size { font-size: 0.75rem; text-align: left; } .c-media-library__download .c-button, .c-media-library__download .c-form input.button, .c-form .c-media-library__download input.button { background-color: #fff; cursor: pointer; margin-bottom: 10px; font-size: 0.75rem; width: 150px; text-align: left; } .c-media-library__download .c-button-load-more { display: block; margin: 0 auto; text-align: center; } .c-business-model { background-image: url(/images/business-model/business-model.png); background-repeat: no-repeat; background-size: contain; height: 304px; margin: 0 auto 80px; position: relative; width: 280px; } @media (min-width: 768px) { .c-business-model { height: 565px; margin: 0 auto 100px; width: 520px; } } @media (min-width: 1200px) { .c-business-model { height: 823px; margin: 0 auto 120px; width: 757px; } } .c-business-model__item { min-width: 75px; position: absolute; text-align: center; } @media (min-width: 768px) { .c-business-model__item { min-width: 85px; } } @media (min-width: 1200px) { .c-business-model__item { min-width: 120px; } } .c-business-model__item-1 { left: 105px; top: 0; } @media (min-width: 768px) { .c-business-model__item-1 { left: 221px; top: 0; } } @media (min-width: 1200px) { .c-business-model__item-1 { left: 323px; top: 0; } } .c-business-model__item-2 { left: 220px; top: 72px; } @media (min-width: 768px) { .c-business-model__item-2 { left: 435px; top: 133px; } } @media (min-width: 1200px) { .c-business-model__item-2 { left: 635px; top: 194px; } } .c-business-model__item-3 { left: 218px; top: 202px; } @media (min-width: 768px) { .c-business-model__item-3 { left: 432px; top: 376px; } } @media (min-width: 1200px) { .c-business-model__item-3 { left: 630px; top: 547px; } } .c-business-model__item-4 { left: 104px; top: 258px; } @media (min-width: 768px) { .c-business-model__item-4 { left: 219px; top: 480px; } } @media (min-width: 1200px) { .c-business-model__item-4 { left: 321px; top: 698px; } } .c-business-model__item-5 { left: -11px; top: 203px; } @media (min-width: 768px) { .c-business-model__item-5 { left: 5px; top: 377px; } } @media (min-width: 1200px) { .c-business-model__item-5 { left: 9px; top: 547px; } } .c-business-model__item-6 { left: -14px; top: 72px; } @media (min-width: 768px) { .c-business-model__item-6 { left: 1px; top: 133px; } } @media (min-width: 1200px) { .c-business-model__item-6 { left: 1px; top: 192px; } } .c-business-model__item-link { display: block; padding-top: 10px; } .c-business-model__item-link:hover .c-business-model__item-title { color: #008ed3 !important; } @media (min-width: 768px) { .c-business-model__item-link { padding-top: 26px; } } @media (min-width: 1200px) { .c-business-model__item-link { padding-top: 40px; } } .c-business-model__item-icon > img { display: block; margin: 0 auto; width: 22px; } @media (min-width: 768px) { .c-business-model__item-icon > img { width: 30px; } } @media (min-width: 1200px) { .c-business-model__item-icon > img { width: 40px; } } .c-business-model__item-plus { background-image: url(/images/business-model/plus.png); background-repeat: no-repeat; background-size: contain; height: 15px; margin: 4px auto; transition: transform 0.5s; width: 15px; } .c-business-model__item-plus.rotate { transform: rotate(45deg); } @media (min-width: 768px) { .c-business-model__item-plus { height: 20px; margin: 15px auto 10px; width: 20px; } } @media (min-width: 1200px) { .c-business-model__item-plus { height: 25px; margin: 27px auto 10px; width: 25px; } } .c-business-model__item-title { background-color: #fff; color: #1c262b; font-size: 0.625rem; text-transform: uppercase; } @media (min-width: 768px) { .c-business-model__item-title { font-size: 0.75rem; } } @media (min-width: 1200px) { .c-business-model__item-title { font-size: 0.875rem; } } .c-business-model__panel { background-color: #fff; box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.22); display: none; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; transition: opacity 0.5s; width: 100%; z-index: 9999999; } .c-business-model__panel.show { display: table-row; } .c-business-model__panel.opacity { opacity: 1; } @media (min-width: 768px) { .c-business-model__panel { background-color: transparent; height: auto; left: 91px; position: absolute; top: 208px; width: 340px; } } @media (min-width: 1200px) { .c-business-model__panel { left: 119px; top: 290px; width: 520px; } } .c-business-model__panel-left { background-color: white; padding: 70px 20px 20px; position: relative; } @media (min-width: 768px) { .c-business-model__panel-left { background-color: rgba(255, 255, 255, 0.9); display: table-cell; padding: 15px; width: 230px; } } @media (min-width: 1200px) { .c-business-model__panel-left { padding: 15px 25px; width: 350px; } } .c-business-model__panel-right { background-position: center; background-repeat: no-repeat; background-size: cover; height: 160px; margin: 0 20px; } @media (min-width: 768px) { .c-business-model__panel-right { display: table-cell; height: auto; margin: 0; width: 110px; } } @media (min-width: 1200px) { .c-business-model__panel-right { width: 170px; } } .c-business-model__panel-close { background-image: url(/images/business-model/close.png); background-repeat: no-repeat; background-size: contain; cursor: pointer; display: block; height: 24px; position: absolute; right: 20px; top: 20px; width: 24px; } @media (min-width: 768px) { .c-business-model__panel-close { height: 18px; right: 15px; top: 19px; width: 18px; } } @media (min-width: 1200px) { .c-business-model__panel-close { height: 24px; width: 24px; } } .c-business-model__panel-heading { font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.5rem; margin-bottom: .5rem; text-transform: uppercase; } @media (min-width: 768px) { .c-business-model__panel-heading { font-size: 1.125rem; margin-bottom: .2rem; } } @media (min-width: 1200px) { .c-business-model__panel-heading { font-size: 1.5rem; margin-bottom: .5rem; } } .c-business-model__panel-text { font-size: 1rem; line-height: 1.4; margin-bottom: .5rem; } @media (min-width: 768px) { .c-business-model__panel-text { font-size: 0.75rem; line-height: 1.2; margin-bottom: .2rem; } } @media (min-width: 1200px) { .c-business-model__panel-text { font-size: 1rem; line-height: 1.4; margin-bottom: .5rem; } } .c-business-model__panel-link a { font-size: 1rem; } @media (min-width: 768px) { .c-business-model__panel-link a { font-size: 0.75rem; } } @media (min-width: 1200px) { .c-business-model__panel-link a { font-size: 1rem; } } .c-business-model-signpost { background-color: #fff; box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.22); margin: 0 auto 40px; padding: 0; position: relative; } @media (min-width: 768px) { .c-business-model-signpost { width: 577px; } } @media (min-width: 1200px) { .c-business-model-signpost { width: 840px; } } .c-business-model-signpost::before { background-color: #fff; box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.22); content: ' '; height: 30px; left: 50%; margin-left: -15px; position: absolute; top: -15px; transform: rotate(45deg); width: 30px; z-index: 0; } .c-business-model-signpost__inner { background-color: #fff; padding: 5px 15px; position: relative; } @media (min-width: 768px) { .c-business-model-signpost__inner { display: table-row; } } .c-business-model-signpost__title { background-color: #fff; color: #008ed3; font-size: 1.5rem; font-family: "Source Han Sans CN", Arial, sans-serif; position: relative; text-align: center; text-transform: uppercase; width: 100%; } @media (min-width: 768px) { .c-business-model-signpost__title { display: table-cell; font-size: 2.1875rem; padding: 15px; text-align: left; vertical-align: middle; width: 55%; } } .c-business-model-signpost__text { background-color: #fff; color: #008ed3; font-size: 0.6875rem; position: relative; text-align: center; text-transform: uppercase; width: 100%; } @media (min-width: 768px) { .c-business-model-signpost__text { display: table-cell; font-size: 1rem; line-height: 1.2; padding: 15px; text-align: left; vertical-align: middle; width: auto; } } .c-business-model-center { height: 100px; left: 90px; position: absolute; top: 113px; width: 100px; } @media (min-width: 768px) { .c-business-model-center { display: table-row; left: 174px; top: 273px; width: 190px; } } @media (min-width: 1200px) { .c-business-model-center { left: 244px; top: 395px; width: 290px; } } .c-business-model-center__title { color: #008ed3; font-family: "Source Han Sans CN", Arial, sans-serif; font-size: 1.5rem; text-align: center; text-transform: uppercase; } @media (min-width: 768px) { .c-business-model-center__title { display: table-cell; font-size: 2rem; padding-right: 5px; position: relative; text-align: left; top: -2px; vertical-align: middle; } } @media (min-width: 1200px) { .c-business-model-center__title { font-size: 3.25rem; } } .c-business-model-center__text { color: #008ed3; font-size: 0.875rem; line-height: 1.2; text-align: center; text-transform: uppercase; } @media (min-width: 768px) { .c-business-model-center__text { display: table-cell; font-size: 0.75rem; text-align: left; vertical-align: middle; } } @media (min-width: 1200px) { .c-business-model-center__text { font-size: 1.25rem; } } /* UTILITIES Utilities and helper classes with ability to override anything which goes before in the triangle, eg. hide helper class. */ /******************************************* Styles By BeingOnline - UTILITIES Styling for bare HTML elements (like H1, A, etc.). These come with default styling from the browser so we can redefine them here. ********************************************/ /* Bootstrap Overwrites Any styling updates to bootstrap components go here */ /* Project Utilities */ /* Assigning clearfix to classes */ .u-clearfix, .u-group { *zoom: 1; } .u-clearfix:before, .u-clearfix:after, .u-group:before, .u-group:after { content: " "; display: table; } .u-clearfix:after, .u-group:after { clear: both; } /* Alignment */ .u-left { text-align: left; } .u-center { text-align: center; } .u-center_mobile-only { text-align: center; } @media (min-width: 576px) { .u-center_mobile-only { text-align: left; } } @media (min-width: 576px) { .u-center_desktop-only { text-align: center; } } .u-right { text-align: right; } /* Mobile / Web Toggle */ .u-mobile-only { display: block !important; } @media (min-width: 576px) { .u-mobile-only { display: none !important; } } .u-mobile-only--inline { display: inline-block !important; } @media (min-width: 576px) { .u-mobile-only--inline { display: none !important; } } .u-web-only { display: none !important; } @media (min-width: 576px) { .u-web-only { display: block !important; } } .u-web-only_inline { display: none !important; } @media (min-width: 576px) { .u-web-only_inline { display: inline-block !important; } } /* Font Styling */ .u-uppercase { text-transform: uppercase; } .u-lowercase { text-transform: lowercase; } /* No Margin */ .u-no-margin { margin: 0; } /* No Padding */ .u-no-padding { padding: 0; } /* Font color */ .u-primary { color: #0275d8; } .u-secondary { color: #5cb85c; } .u-tertiary { color: #5bc0de; } /* Relative */ .u-rel { position: relative; } .u-font-light { font-family: "Source Han Sans CN", Arial, sans-serif; } .u-font-regular { font-family: "Source Han Sans CN", Arial, sans-serif; } .u-font-medium { font-family: "Source Han Sans CN", Arial, sans-serif; } .u-font-bold { font-family: "Source Han Sans CN", Arial, sans-serif; } .u-small-letterspace, .c-footer-nav__link, .c-footer__copyright, .c-footer__social-text, .c-footer__reg-address-text, .c-icons__text, .c-articles-grid__category-text, .c-articles-grid__share-cta, .c-latest__item-date, .c-filter__text, .c-filter__btn, .c-filter__dropdown-selected-option, .c-filter__dropdown ul li, .c-article-header__publish-date, .c-article-header__category-text, .c-article-header__author-name-division, .c-quote__author-name, .c-quote__author-job-title, .c-media-text__share-text, .c-media__caption, .c-featured-articles__category-text, .c-contact__label, .c-contact__job-title, .c-contact__number, .c-investors-toolbox__share-price-label, .c-investors-toolbox__latest-results-label, .c-investors-toolbox__latest-results-button-group .c-button, .c-investors-toolbox__latest-results-button-group .c-form input.button, .c-form .c-investors-toolbox__latest-results-button-group input.button, .c-downloads__button-group .c-button, .c-downloads__button-group .c-form input.button, .c-form .c-downloads__button-group input.button, .c-leadership-grid__name, .c-leadership-grid__job-title, .c-leadership-grid__details-heading, .c-list .c-button, .c-list .c-form input.button, .c-form .c-list input.button, .c-tabbed-navigation__dropdown-label, .c-tabbed-navigation__dropdown-select-selected-option, .c-tabbed-navigation__dropdown-select ul li, .c-contact-us .c-button, .c-contact-us .c-form input.button, .c-form .c-contact-us input.button, .c-breadcrumb__text, .c-media-library__filter-buttons-btn, .c-media-library__filter-dropdown-selected-option, .c-media-library__filter-dropdown ul li { letter-spacing: 0.3px; } .u-medium-letterspace, .c-contact__name, .c-downloads__label { letter-spacing: 0.5px; } .u-large-letterspace { letter-spacing: 0.7px; } .u-extra-large-letterspace { letter-spacing: 1px; } .u-underline { text-decoration: underline; } .u-r-0 { right: 0; } .u-pb-0 { padding-bottom: 0px; } .u-pb-10 { padding-bottom: 30px; } .u-pb-20 { padding-bottom: 20px; } .u-pb-30 { padding-bottom: 30px; } .u-pb-40 { padding-bottom: 40px; } .u-pb-50 { padding-bottom: 50px; } .u-pb-60 { padding-bottom: 60px; } .u-mb-0 { margin-bottom: 0px; } .u-mb-10 { margin-bottom: 30px; } .u-mb-20 { margin-bottom: 20px; } .u-mb-30 { margin-bottom: 30px; } .u-mb-40 { margin-bottom: 40px; } .u-mb-50 { margin-bottom: 50px; } .u-mb-60 { margin-bottom: 60px; } .u-grey-border-top { border-top: 1px solid rgba(151, 151, 151, 0.5); padding-top: 15px; } .body-content { transition: left 0.5s, right 0.5s, position 0.5s; left: 0; padding-bottom: 40px; position: relative; margin-top: 85px; } @media (min-width: 1200px) { .body-content { margin-top: 77px; } } .body-content.navSearch { left: unset; right: 0; } .u-nav-open { overflow: hidden; } .u-nav-open .c-navigation__navbar { /*left: 0;*/ overflow-y: auto; left: -100%; } .u-nav-open .c-navigation__navbar.megamenuopen { /*left: -100%; width: calc(200% - 90px); transition: width $transition-speed;*/ padding-left: 0; } .u-nav-open .c-navigation__brand { display: none; } .u-nav-open .c-navigation__nav-search { display: none; } .u-nav-open .c-navigation__toggler { margin-left: 15px; } .u-nav-open .body-content { position: absolute; right: unset; } .u-nav-open .c-footer { display: none; } .u-search-open .c-navigation__search-container { right: 0; } .u-search-open .c-navigation__toggler { margin-left: 30px; } .u-search-open .body-content { position: absolute; } .u-search-open .c-footer { display: none; } .fade { opacity: 0; transition: opacity 0.5s; } .fade.show { opacity: 1; } .u-table-border-top td { border-top: 1px solid #1c262b; } .u-table-border-top-bottom td { border-bottom: 1px solid #1c262b; border-top: 1px solid #1c262b; } .preventScrolling { height: 100%; overflow: hidden; position: fixed; width: 100%; } /* BOOTSTRAP OVERRIDES */ .container { padding-left: 20px; padding-right: 20px; } @media (min-width: 375px) { .container { padding-left: 30px; padding-right: 30px; } } @media (min-width: 576px) { .container { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1330px) { .container { max-width: 1288px; } } .c-navigation__lang { display: inline-block; position: absolute; right: 0; margin-right: 30px; width: 100px; margin-top: 0; } @media (min-width: 1200px) { .c-navigation__lang { padding-left: 15px; position: relative; padding-top: 3px; vertical-align: top; margin-right: 0px; margin-right: -120px; } } .c-navigation__lang span{ display: block; float: left; font-size: 14px; color:#337ab7; cursor: pointer; width: 100px; position: absolute; left: 0;top:0; z-index: 10; } .c-navigation__lang b{ display: block; float: left; background-image:url(/wp-content/uploads/files/arrowdown.png); background-repeat: no-repeat; width: 15px; height: 7px; top: 6px;right: 15px; position: absolute; } .c-navigation__lang .by{ position: fixed; left: 0;top: 0; width: 100%; height: 100%; background-color: #000; z-index: 9999; opacity: 0.00001; display: none; } .langs { clear: both; background-color: #FFF; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-radius: 0 0 4px 4px; position: absolute; top: 30px; left: -10px; display: none; z-index: 10000; padding: 15px 20px; } .langs a { font-size: 14px; display: block; line-height: 26px; color: #000; } .langs a:hover,.langs a:active{color:#337ab7;} .beian{ text-align: center; padding: 10px 0; } .beian *{ font-size: 12px; color: #707070; } li.c-leadership-grid__item { list-style: none; } .entry .entry-content, .entry .entry-summary { max-width: 100%; margin: 0; padding: 0; }