/*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { max-width: 100%; } .wp-caption img { width: 100%; height: auto; } .wp-caption .wp-caption-text { font-size: 1.2rem; font-weight: 300; margin-top: 10px; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .gallery-caption { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } blockquote { margin: 50px auto; quotes: "\201C" "\201D" "\2018" "\2019"; padding-left: 40px; padding-right: 40px; font-family: geely; } blockquote p { font-size: 1.6rem; line-height: 2.2rem !important; } @media screen and (min-width: 768px) { blockquote p { font-size: 2rem; line-height: 2.8rem !important; } } blockquote::before { display: block; height: 40px; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; content: open-quote; font-size: 10rem; color: #D8D8D7; position: relative; left: -40px; } blockquote::after { display: block; height: 40px; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; content: close-quote; font-size: 10rem; text-align: right; color: #D8D8D7; right: -40px; } /*------------------------------------*\ PRINT \*------------------------------------*/ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } @font-face { font-family: 'geely'; src: url("../fonts/neosans/NeoSans.eot"); src: url("../fonts/neosans/NeoSans.eot?#iefix") format("embedded-opentype"), url("../fonts/neosans/NeoSans.woff") format("woff"), url("../fonts/neosans/NeoSans.ttf") format("truetype"), url("../fonts/neosans/NeoSans.svg#font-name") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'geely'; src: url("../fonts/neosans/NeoSans-Italic.eot"); src: url("../fonts/neosans/NeoSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/neosans/NeoSans-Italic.woff") format("woff"), url("../fonts/neosans/NeoSans-Italic.ttf") format("truetype"), url("../fonts/neosans/NeoSans-Italic.svg#font-name") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'geely'; src: url("../fonts/neosans/NeoSans-Light.eot"); src: url("../fonts/neosans/NeoSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/neosans/NeoSans-Light.woff") format("woff"), url("../fonts/neosans/NeoSans-Light.ttf") format("truetype"), url("../fonts/neosans/NeoSans-Light.svg#font-name") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'geely'; src: url("../fonts/neosans/NeoSans-LightItalic.eot"); src: url("../fonts/neosans/NeoSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/neosans/NeoSans-LightItalic.woff") format("woff"), url("../fonts/neosans/NeoSans-LightItalic.ttf") format("truetype"), url("../fonts/neosans/NeoSans-LightItalic.svg#font-name") format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: 'geely'; src: url("../fonts/neosans/NeoSans-Medium.eot"); src: url("../fonts/neosans/NeoSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/neosans/NeoSans-Medium.woff") format("woff"), url("../fonts/neosans/NeoSans-Medium.ttf") format("truetype"), url("../fonts/neosans/NeoSans-Medium.svg#font-name") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'geely'; src: url("../fonts/neosans/NeoSans-MediumItalic.eot"); src: url("../fonts/neosans/NeoSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/neosans/NeoSans-MediumItalic.woff") format("woff"), url("../fonts/neosans/NeoSans-MediumItalic.ttf") format("truetype"), url("../fonts/neosans/NeoSans-MediumItalic.svg#font-name") format("svg"); font-weight: 500; font-style: italic; } @font-face { font-family: 'geely'; src: url("../fonts/neosans/NeoSans-Bold.eot"); src: url("../fonts/neosans/NeoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/neosans/NeoSans-Bold.woff") format("woff"), url("../fonts/neosans/NeoSans-Bold.ttf") format("truetype"), url("../fonts/neosans/NeoSans-Bold.svg#font-name") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'geely'; src: url("../fonts/neosans/NeoSans-BoldItalic.eot"); src: url("../fonts/neosans/NeoSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/neosans/NeoSans-BoldItalic.woff") format("woff"), url("../fonts/neosans/NeoSans-BoldItalic.ttf") format("truetype"), url("../fonts/neosans/NeoSans-BoldItalic.svg#font-name") format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: 'geely'; src: url("../fonts/neosans/NeoSans-Black.eot"); src: url("../fonts/neosans/NeoSans-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/neosans/NeoSans-Black.woff") format("woff"), url("../fonts/neosans/NeoSans-Black.ttf") format("truetype"), url("../fonts/neosans/NeoSans-Black.svg#font-name") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'geely'; src: url("../fonts/neosans/NeoSans-BlackItalic.eot"); src: url("../fonts/neosans/NeoSans-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/neosans/NeoSans-BlackItalic.woff") format("woff"), url("../fonts/neosans/NeoSans-BlackItalic.ttf") format("truetype"), url("../fonts/neosans/NeoSans-BlackItalic.svg#font-name") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon/icomoon.eot?rxj8p5"); src: url("../fonts/icomoon/icomoon.eot?rxj8p5#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?rxj8p5") format("truetype"), url("../fonts/icomoon/icomoon.woff?rxj8p5") format("woff"), url("../fonts/icomoon/icomoon.svg?rxj8p5#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-play3:before { content: "\ea1c"; } .icon-icon-jumpout-thin:before { content: "\e91d"; } .icon-icon-slash:before { content: "\e91e"; } .icon-icon-kit:before { content: "\e91a"; } .icon-checked .path1:before { content: "\e919"; color: #0067b2; } .icon-checked .path2:before { content: "\e91f"; margin-left: -1em; color: white; } .icon-icon-download:before { content: "\e913"; } .icon-icon-filter:before { content: "\e912"; } .icon-icon-image:before { content: "\e91b"; } .icon-icon-news:before { content: "\e914"; } .icon-icon-story:before { content: "\e915"; } .icon-icon-video:before { content: "\e916"; } .icon-icon-view:before { content: "\e917"; } .icon-unchecked:before { content: "\e918"; color: #0067b2; } .icon-cov-arrow-down:before { content: "\e90e"; } .icon-cov-arrow-left:before { content: "\e90d"; } .icon-cov-arrow-right:before { content: "\e90c"; } .icon-cov-arrow-up:before { content: "\e90b"; } .icon-cov-hamberger:before { content: "\e909"; } .icon-arrow-down:before { content: "\e910"; } .icon-geely-hambergur:before { content: "\e905"; } .icon-geely-cross:before { content: "\e906"; } .icon-angle-up:before { content: "\e904"; } .icon-angle-left:before { content: "\e901"; } .icon-angle-down:before { content: "\e902"; } .icon-angle-right:before { content: "\e903"; } .icon-geely-search:before { content: "\e90a"; } .icon-bookmark:before { content: "\e9d2"; } .icon-bookmarks:before { content: "\e9d3"; } .icon-facebook:before { content: "\ea94"; } .icon-instagram:before { content: "\ea92"; } .icon-twitter:before { content: "\ea96"; } .icon-sina-weibo:before { content: "\ea9a"; } .icon-youtube:before { content: "\ea9d"; } .icon-linkedin:before { content: "\eaca"; } @media screen and (min-width: 768px) { .pull_right { float: right !important; } } @media screen and (min-width: 768px) { .pull_left { float: left !important; } } .align_center { text-align: center !important; } .align_right { text-align: right !important; } .wrapper { width: 100%; } @media screen and (max-width: 767px) { .wrapper { padding-top: 70px; } } main { margin-bottom: 50px; padding-top: 15px; } @media screen and (min-width: 576px) { main { padding-top: 50px; } } @media screen and (min-width: 768px) { main { padding-top: 0px; } } @media screen and (min-width: 768px) { main.paddingTop50 { padding-top: 50px; } } .container { position: relative; max-width: 100%; padding: 0 15px; margin: 0 auto; } @media screen and (min-width: 576px) { .container { max-width: 540px; } } @media screen and (min-width: 768px) { .container { max-width: 720px; } } @media screen and (min-width: 992px) { .container { max-width: 960px; } } @media screen and (min-width: 1200px) { .container { max-width: 1140px; } } @media screen and (min-width: 1360px) { .container { max-width: 1280px; } } .container-fluid { position: relative; max-width: 100%; padding: 0 15px; margin: 0 auto; } .btn { display: inline-block; min-width: 200px; padding: 0 20px; height: 50px; line-height: 52px; background: #5A676F; color: #f5f7f8; text-transform: uppercase; text-align: center; transition: all 0.1s; font-family: 'geely'; font-size: 1.6rem; margin: 10px 0; border: none; } .btn:hover { background: #4c4f51; color: #f5f7f8; text-decoration: none; } .btn.btn-primary { background: #114C9A; } .btn.btn-primary:hover { background: #1663c8; color: #f5f7f8; } .btn.btn-disabled { background: #D8D8D7; pointer-events: none; cursor: not-allowed !important; } .btn.btn-disabled:hover { background: #434d53; color: #f5f7f8; } .btn.btn-lg { min-width: 300px; height: 50px; line-height: 52px; font-size: 1.8rem; } .btn.btn-full { width: 100%; height: 50px; line-height: 52px; font-size: 1.8rem; } .btn.btn-outlined { min-width: 160px; height: 50px; line-height: 52px; background: transparent; border: 2px solid white; } .btn.btn-outlined:hover { background: white; color: #5A676F; } .btn.btn-outlined-dark { min-width: 160px; height: 50px; line-height: 52px; background: transparent; border: 2px solid #5A676F; color: #5A676F; } .btn.btn-outlined-dark:hover { background: #5A676F; color: white; } input[type="submit"] { display: inline-block; border: none; min-width: 200px; padding: 0 20px; height: 50px; line-height: 52px; background: #114C9A; color: #f5f7f8; text-transform: uppercase; text-align: center; transition: all 0.3s; font-family: 'geely'; font-size: 1.6rem; } input[type="submit"]:hover { background: #1663c8; color: #f5f7f8; text-decoration: none; } .checkbox { width: 17px; height: 17px; cursor: pointer; display: inline-block; margin-right: 10px; position: relative; top: 3px; font-size: 1.8rem; } .checkbox .icon-checked { display: none; } .checkbox.checked .icon-checked { display: inline; } .checkbox.checked .icon-unchecked { display: none; } .checkbox input { display: none !important; } * { box-sizing: border-box; } ::-moz-selection { background: #04A4CC; color: #FFF; text-shadow: none; } ::selection { background: #04A4CC; color: #FFF; text-shadow: none; } ::-webkit-selection { background: #04A4CC; color: #FFF; text-shadow: none; } ::-moz-selection { background: #04A4CC; color: #FFF; text-shadow: none; } /* global box-sizing */ *, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* clear */ .clear:before, .clear:after { content: ' '; display: table; } .clear:after { clear: both; } .clear { *zoom: 1; } img { max-width: 100%; vertical-align: bottom; } a { color: #114C9A; text-decoration: none; } a:hover { color: #231815; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } input:focus { outline: 0; border: 1px solid #04A4CC; } p { font-size: 1.4rem; line-height: 2rem; } @media screen and (min-width: 1200px) { p { font-size: 1.6rem; line-height: 2.2rem; } } /* html element 62.5% font-size for REM use */ html { font-size: 62.5%; } body { font-size: 1.4rem; font-family: 'Helvetica', 'Arial', sans-serif; color: #595757; } img { max-width: 100%; height: auto; } h1 { font-size: 4rem; font-family: 'geely'; font-weight: 400; line-height: 4.8rem; color: #5A676F; } @media screen and (max-width: 575px) { h1 { font-size: 3rem; line-height: 3.4rem; } } h2 { font-size: 3.2rem; font-family: 'geely'; font-weight: 400; line-height: 4rem; color: #114C9A; } @media screen and (max-width: 575px) { h2 { font-size: 2.4rem; line-height: 2.8rem; } } h3 { font-size: 2.4rem; font-family: 'geely'; font-weight: 400; line-height: 2.8rem; color: #5A676F; } @media screen and (max-width: 575px) { h3 { font-size: 2rem; line-height: 2.4rem; } } h4 { font-size: 1.4rem; font-family: 'geely'; font-weight: 500; color: #114C9A; } h5 { font-size: 1.2rem; font-family: 'geely'; font-weight: 500; color: #114C9A; } h6 { font-size: 1.1rem; font-family: 'geely'; font-weight: 500; color: #114C9A; } sup { font-size: 1rem; } hr { border: none; border-top: 1px solid #D8D8D7; margin: 35px auto; } a { color: #114C9A; } a:hover { text-decoration: underline; } input[type="text"], input[type="search"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"] { font-family: 'geely'; height: 50px; padding: 2px 12px 0; outline: 0; border: 2px solid #D8D8D7; background: #f5f7f8; font-family: 'geely'; font-size: 1.6rem; box-sizing: border-box; margin-bottom: 10px; width: 100%; -webkit-appearance: none; border-radius: 0; } input[type="text"].input--full-width, input[type="search"].input--full-width, input[type="number"].input--full-width, input[type="email"].input--full-width, input[type="tel"].input--full-width, input[type="password"].input--full-width { width: 100%; } textarea { font-family: 'geely'; padding: 12px 12px; outline: 0; border: 2px solid #D8D8D7; background: #f5f7f8; font-family: 'geely'; font-size: 1.6rem; box-sizing: border-box; margin-bottom: 10px; min-height: 100px; -webkit-appearance: none; border-radius: 0; } textarea.input--full-width { width: 100%; } select { height: 50px; width: 100%; padding: 5px 12px; outline: 0; border: 2px solid #D8D8D7; background: #f5f7f8 url(../img/angle-down-blue.svg) right 15px center no-repeat; background-size: 12px; color: #b3b2b2; font-family: 'geely'; font-size: 1.6rem; box-sizing: border-box; margin-bottom: 10px; border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0px; box-sizing: border-box; } .rtl select { background: #f5f7f8 url(../img/angle-down-blue.svg) left 15px center no-repeat; background-size: 12px; } label { font-family: 'geely'; font-weight: normal; display: block; margin: 15px 0 10px; } label::-moz-selection { background: none; color: #595757; } label::selection { background: none; color: #595757; } .geely_spliter { width: 10%; height: 2px; background: #114C9A; margin: 30px 0; } .indent p { text-indent: 30px; } [lang="zh-hans"] article.news p { text-indent: 30px; } #masthead { position: fixed; width: 100%; top: 0; left: 0; background: white; box-shadow: 0 0 5px rgba(35, 24, 21, 0.1); z-index: 100; } @media screen and (max-width: 767px) { #masthead { max-width: 100%; } } @media screen and (min-width: 768px) { #masthead { position: relative; box-shadow: none; } } #masthead .site-branding { height: 70px; } @media screen and (min-width: 768px) { #masthead .site-branding { height: 100px; } } #masthead .site-branding .logo { left: 15px; white-space: nowrap; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; } @media screen and (min-width: 768px) { #masthead .site-branding .logo { left: 15px; } } #masthead .site-branding .logo a { text-decoration: none !important; } #masthead .site-branding .logo > a { display: inline-block; margin-right: 10px; vertical-align: top; padding-right: 10px; border-right: 1px solid rgba(35, 24, 21, 0.2); } #masthead .site-branding .logo > a img { width: 100px; } @media screen and (min-width: 768px) { #masthead .site-branding .logo > a img { width: 130px; } } @media screen and (min-width: 768px) { #masthead .site-branding .logo > a { margin-right: 20px; padding-right: 20px; } } #masthead .site-branding .logo .logo_tagline { display: inline-block; width: 150px; white-space: normal; vertical-align: top; margin-top: -1px; font-family: geely; text-transform: uppercase; font-size: 1.1rem; } #masthead .site-branding .logo .logo_tagline span { font-size: 6px; display: block; margin-bottom: 2px; } #masthead .site-branding .logo .logo_tagline a { color: #5A676F; } @media screen and (min-width: 768px) { #masthead .site-branding .logo .logo_tagline { font-size: 1.3rem; } #masthead .site-branding .logo .logo_tagline span { font-size: 0.8rem; margin-bottom: 2px; } } #masthead .site-actions { position: relative; height: 70px; right: -7px; } @media screen and (min-width: 768px) { #masthead .site-actions { height: 100px; right: 0px; } } #masthead .site-actions .lang-switcher { display: none; float: right; width: auto; margin-right: 10px; display: none; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 992px) { #masthead .site-actions .lang-switcher { display: block !important; } } #masthead .site-actions .lang-switcher a { display: inline-block; background: #1E407A; color: white; height: 30px; line-height: 30px; text-decoration: none; padding: 0 10px; border-radius: 5px; font-size: 1.2rem; } #masthead .site-actions .btn-search, #masthead .site-actions .btn-nav { float: right; display: block; width: 40px; height: 40px; font-size: 2.8rem; text-align: center; line-height: 40px; color: #114C9A; cursor: pointer; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #masthead .site-actions .btn-search.icon-geely-cross, #masthead .site-actions .btn-nav.icon-geely-cross { font-size: 2rem; } #masthead nav { padding: 10px 0px; border-top: 1px solid rgba(216, 216, 215, 0.5); position: relative; } @media screen and (min-width: 992px) { #masthead nav { padding: 17px 0; } } #masthead nav .outlink { width: 160px; text-align: right; position: absolute; top: 20px; right: 0px; font-family: geely; font-weight: 500; } #masthead nav .outlink a { text-decoration: none; text-transform: uppercase; } #masthead nav .outlink a:hover { color: #114C9A; } #masthead nav .outlink a span { display: inline-block; margin-left: 10px; width: 18px; height: 18px; font-weight: bold; text-align: center; line-height: 18px; font-size: 12px; border-radius: 3px; background: #114C9A; color: white; } #masthead nav.has_sister div[class^="menu-"] { width: calc(100% - 150px); } #masthead nav div[class^="menu-"] > ul { list-style: none; margin: 0; padding: 0; } #masthead nav div[class^="menu-"] > ul > li { display: inline-block; margin-top: 5px; margin-bottom: 5px; position: relative; } #masthead nav div[class^="menu-"] > ul > li > .sub-menu { list-style: none; position: absolute; top: 26px; left: 0; border-radius: 8px; z-index: 10; padding: 30px 20px; background: #000000; min-width: 250px; color: white; } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li > .sub-menu { top: 39px; } } @media screen and (min-width: 1200px) { #masthead nav div[class^="menu-"] > ul > li > .sub-menu { min-width: 300px; } } #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li.sub-menu-title { font-size: 2.0rem; font-family: geely; margin-bottom: 20px; } #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li::before { position: absolute; top: -9px; left: 20px; content: ' '; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #000000; } #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li.menu-item-has-children > a::after { display: inline-block; float: right; vertical-align: top; font-size: 0.8rem; height: 10px; color: white; position: relative; top: 5px; margin-left: 5px; content: '\e902'; font-family: 'icomoon'; speak: none; } #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li > a { color: white; font-family: geely; text-decoration: none; font-size: 1.4rem; display: block; padding: 6px 0; transition: color 0.3s; } #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li > a:hover { color: #5A676F; } #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li .sub-menu { margin: 0; padding: 10px 0; margin-left: -20px; margin-right: -20px; list-style: none; } #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li .sub-menu li { background: #595757; display: block; padding-left: 20px; } #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li .sub-menu li:first-child { padding-top: 10px; } #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li .sub-menu li:last-child { padding-bottom: 10px; } #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li .sub-menu li a { color: white; font-family: geely; text-decoration: none; font-size: 1.4rem; display: block; padding: 5px 0; } #masthead nav div[class^="menu-"] > ul > li::after { vertical-align: top; display: inline-block; height: 10px; margin: 0 3px; font-size: 1.2rem; color: #D8D8D7; position: relative; top: 0px; content: '\e91e'; font-family: 'icomoon'; speak: none; } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li::after { font-size: 2rem; top: -3px; } } #masthead nav div[class^="menu-"] > ul > li:last-of-type::after { display: none; } #masthead nav div[class^="menu-"] > ul > li > a { vertical-align: top; color: #5A676F; font-family: geely; font-weight: 400; font-size: 1.3rem; text-decoration: none; } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li > a { font-size: 1.5rem; } } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after { display: inline-block; vertical-align: top; font-size: 0.8rem; height: 10px; color: #114C9A; position: relative; top: 0px; margin-left: 5px; content: '\e902'; font-family: 'icomoon'; speak: none; } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after { top: 3px; font-size: 1.1rem; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead { position: fixed; width: 100%; top: 0; left: 0; background: white; box-shadow: 0 0 5px rgba(35, 24, 21, 0.1); z-index: 100; } } @media screen and (min-width: 992px) and (max-width: 767px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead { max-width: 100%; } } @media screen and (min-width: 992px) and (min-width: 768px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead { position: relative; box-shadow: none; } } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-branding { height: 70px; } } @media screen and (min-width: 992px) and (min-width: 768px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-branding { height: 100px; } } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-branding .logo { display: block; height: 20px; position: relative; left: 0px; width: 140px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (min-width: 992px) and (min-width: 768px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-branding .logo { height: 25px; } } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-branding .logo img { display: block; width: auto; height: 100%; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-actions { position: relative; height: 70px; right: -7px; } } @media screen and (min-width: 992px) and (min-width: 768px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-actions { height: 100px; right: 0px; } } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-actions .lang-switcher { display: none; float: right; width: auto; margin-right: 10px; display: none; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (min-width: 992px) and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-actions .lang-switcher { display: block !important; } } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-actions .lang-switcher a { display: inline-block; background: #1E407A; color: white; height: 30px; line-height: 30px; text-decoration: none; padding: 0 10px; border-radius: 5px; font-size: 1.2rem; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-actions .btn-search, #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-actions .btn-nav { float: right; display: block; width: 40px; height: 40px; font-size: 2.8rem; text-align: center; line-height: 40px; color: #114C9A; cursor: pointer; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-actions .btn-search.icon-geely-cross, #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead .site-actions .btn-nav.icon-geely-cross { font-size: 2rem; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav { padding: 10px 0px; border-top: 1px solid rgba(216, 216, 215, 0.5); position: relative; } } @media screen and (min-width: 992px) and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav { padding: 17px 0; } } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav .outlink { width: 160px; text-align: right; position: absolute; top: 20px; right: 0px; font-family: geely; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav .outlink a { text-decoration: none; text-transform: uppercase; font-weight: 500; } [lang="zh-hans"] #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav .outlink a { font-weight: 600; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav .outlink a:hover { color: #114C9A; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav .outlink a span { display: inline-block; margin-left: 10px; width: 18px; height: 18px; font-weight: bold; text-align: center; line-height: 18px; font-size: 12px; border-radius: 3px; background: #114C9A; color: white; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav.has_sister div[class^="menu-"] { width: calc(100% - 150px); } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul { list-style: none; margin: 0; padding: 0; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li { display: inline-block; margin-top: 5px; margin-bottom: 5px; position: relative; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > .sub-menu { list-style: none; position: absolute; top: 26px; left: 0; border-radius: 8px; z-index: 10; padding: 30px 20px; background: #000000; min-width: 250px; color: white; } } @media screen and (min-width: 992px) and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > .sub-menu { top: 39px; } } @media screen and (min-width: 992px) and (min-width: 1200px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > .sub-menu { min-width: 300px; } } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li.sub-menu-title { font-size: 2.0rem; font-family: geely; margin-bottom: 20px; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li::before { position: absolute; top: -9px; left: 20px; content: ' '; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #000000; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li.menu-item-has-children > a::after { display: inline-block; float: right; vertical-align: top; font-size: 0.8rem; height: 10px; color: white; position: relative; top: 5px; margin-left: 5px; content: '\e902'; font-family: 'icomoon'; speak: none; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li > a { color: white; font-family: geely; text-decoration: none; font-size: 1.4rem; display: block; padding: 6px 0; transition: color 0.3s; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li > a:hover { color: #5A676F; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li .sub-menu { margin: 0; padding: 10px 0; margin-left: -20px; margin-right: -20px; list-style: none; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li .sub-menu li { background: #595757; display: block; padding-left: 20px; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li .sub-menu li:first-child { padding-top: 10px; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li .sub-menu li:last-child { padding-bottom: 10px; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > .sub-menu > li .sub-menu li a { color: white; font-family: geely; text-decoration: none; font-size: 1.4rem; display: block; padding: 5px 0; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li::after { vertical-align: top; display: inline-block; height: 10px; margin: 0 3px; font-size: 1.2rem; color: #D8D8D7; position: relative; top: 0px; content: '\e91e'; font-family: 'icomoon'; speak: none; } } @media screen and (min-width: 992px) and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li::after { font-size: 2rem; top: -3px; } } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li:last-of-type::after { display: none; } #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > a { vertical-align: top; color: #5A676F; font-family: geely; font-weight: 400; font-size: 1.3rem; text-decoration: none; } } @media screen and (min-width: 992px) and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li > a { font-size: 1.5rem; } } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after { display: inline-block; vertical-align: top; font-size: 0.8rem; height: 10px; color: #5A676F; position: relative; top: 0px; margin-left: 5px; content: '\e902'; font-family: 'icomoon'; speak: none; } } @media screen and (min-width: 992px) and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after { top: 3px; font-size: 1.1rem; } } @media screen and (min-width: 992px) { #masthead nav div[class^="menu-"] > ul > li.menu-item-has-children > a::after #masthead nav .sub-menu { display: none; } } #masthead nav .sub-menu { display: none; } .footer { padding: 50px 0; width: 100%; background: #000000; font-family: 'geely'; } .footer_logo { display: block; text-align: center; width: 100%; margin-bottom: 20px; vertical-align: top; } @media screen and (min-width: 768px) { .footer_logo { display: inline-block; width: 150px; margin-bottom: 0px; text-align: left; position: relative; top: -10px; } .rtl .footer_logo { text-align: right; } } .footer_logo img { width: 100px; height: auto; } @media screen and (min-width: 768px) { .footer_logo img { position: relative; top: 15px; } .rtl .footer_logo img { left: auto; } } .footer_content { text-align: center; vertical-align: top; } @media screen and (min-width: 768px) { .footer_content { display: inline-block; text-align: left; width: calc(100% - 160px); } } .footer_content_upper { margin-bottom: 40px; } @media screen and (min-width: 768px) { .footer_content_upper { margin-bottom: 20px; } } .footer_nav { margin-bottom: 20px; } @media screen and (min-width: 768px) { .footer_nav { margin-bottom: 0px; } .rtl .footer_nav { text-align: right; } } @media screen and (min-width: 992px) { .footer_nav { float: left; } .rtl .footer_nav { float: right; } } .footer_nav ul { list-style: none; margin: 0; padding: 0; } .footer_nav ul li { display: inline-block; } @media screen and (min-width: 768px) { .footer_nav ul li:first-of-type a { padding-left: 0; } .rtl .footer_nav ul li:first-of-type a { padding-left: 10px; padding-right: 0; } } .footer_nav ul li a { display: block; padding: 5px 10px; font-size: 1.4rem; color: white; text-decoration: none; } .footer_nav ul li a:hover { color: white; } .footer_nav ul li a::after { font-size: 1rem; margin-left: 5px; content: '\e903'; font-family: 'icomoon'; speak: none; } .rtl .footer_nav ul li a::after { display: none; } .rtl .footer_nav ul li a::before { font-size: 1rem; margin-right: 5px; content: '\e901'; font-family: 'icomoon'; speak: none; } @media screen and (min-width: 768px) { .footer_social { margin-left: -4px; margin-top: 10px; } .rtl .footer_social { text-align: right; margin-left: 0px; margin-right: -4px; } } @media screen and (min-width: 992px) { .footer_social { float: right; margin-top: -5px; } .rtl .footer_social { float: left; } } .footer_social a { color: white; text-decoration: none; color: white; } .footer_social a:hover { text-decoration: none; } .footer_social a:hover { color: white; } .footer_social .social_icon { color: white; } .footer_misc { text-align: center; font-size: 1.2rem; color: white; } @media screen and (min-width: 768px) { .footer_misc { text-align: left; } .rtl .footer_misc { text-align: right; } } @media screen and (min-width: 768px) { .footer_misc .copyright { display: inline-block; } } .footer_misc .footer_misc__nav { margin-bottom: 10px; } @media screen and (min-width: 768px) { .footer_misc .footer_misc__nav { display: inline-block; } } .footer_misc .footer_misc__nav ul { list-style: none; padding: 0; margin: 0; } .footer_misc .footer_misc__nav ul li { display: inline-block; } @media screen and (min-width: 768px) { .footer_misc .footer_misc__nav ul li:first-of-type a { padding-left: 0; } .rtl .footer_misc .footer_misc__nav ul li:first-of-type a { padding-left: 5px; padding-right: 0px; } } .footer_misc .footer_misc__nav ul li::after { content: "|"; } .footer_misc .footer_misc__nav ul li:last-of-type::after { content: ""; } .footer_misc .footer_misc__nav ul li a { padding: 5px; color: white; } .social_icon { display: inline-block; width: 30px; height: 30px; text-align: center; } .social_icon::after { font-size: 1.8rem; content: '\e902'; font-family: 'icomoon'; speak: none; text-align: center; line-height: 30px; } .social_icon.social_icon--sina_weibo:hover { color: #ec0117 !important; } .social_icon.social_icon--sina_weibo::after { content: '\ea9a'; } .social_icon.social_icon--twitter:hover { color: #4baaf4 !important; } .social_icon.social_icon--twitter::after { content: '\ea96'; } .social_icon.social_icon--facebook:hover { color: #4862a3 !important; } .social_icon.social_icon--facebook::after { content: '\ea91'; } .social_icon.social_icon--linkin:hover { color: #0077b5 !important; } .social_icon.social_icon--linkin::after { content: '\eaca'; } .social_icon.social_icon--youtube:hover { color: #ff0000 !important; } .social_icon.social_icon--youtube::after { content: '\ea9d'; } .searcher { position: fixed; width: 100%; height: 100%; z-index: 101; display: none; } .searcher .searcher__bg { position: absolute; width: 100%; height: 100%; background: rgba(35, 24, 21, 0.5); z-index: 0; } .searcher .searcher__form { position: absolute; width: 100%; height: 100px; background: white; z-index: 1; box-shadow: 0 0 20px #231815; top: -100px; } @media screen and (min-width: 768px) { .searcher .searcher__form { height: 120px; top: -120px; } } .searcher .searcher__form .searcher__close { position: absolute; top: 45px; right: 20px; z-index: 3; color: #5A676F; font-size: 24px; display: none; cursor: pointer; } .rtl .searcher .searcher__form .searcher__close { right: auto; left: 20px; } @media screen and (min-width: 768px) { .searcher .searcher__form .searcher__close { display: block; } } @media screen and (min-width: 992px) { .searcher .searcher__form .searcher__close { right: 8%; } .rtl .searcher .searcher__form .searcher__close { left: 8%; } } .searcher .searcher__form form { max-width: 635px; margin: 30px auto 0; position: relative; padding: 0 15px; } @media screen and (min-width: 768px) { .searcher .searcher__form form { margin: 35px auto 0; } } .searcher .searcher__form form input { width: 100%; border: none; border-bottom: 1px solid #114C9A; background: none; height: 40px; line-height: 40px; } .searcher .searcher__form form button { position: absolute; top: 0px; right: 15px; width: 40px; height: 40px; background: white; text-indent: -9999px; line-height: 0; overflow: hidden; padding: 0; text-align: center; border: none; } .rtl .searcher .searcher__form form button { right: auto; left: 15px; } .searcher .searcher__form form button::after { text-indent: 0; content: "\e90a"; font-family: 'icomoon'; speak: none; color: #114C9A; font-size: 28px; display: block; line-height: initial; } .body_wrapper { padding-top: 0px; padding-bottom: 30px; } .list_title { font-weight: 300; color: #5A676F; } @media screen and (min-width: 992px) { .list_title { font-size: 4.5rem; } .list_title span { font-size: 4rem; display: inline-block; min-width: 50px; } } .list_article article { padding: 50px 0; border-bottom: 1px solid #D8D8D7; position: relative; } .list_article article:last-of-type { border: none; } .list_article article .list_article__img { overflow: hidden; display: block; border-radius: 8px; background-color: #fefefe; min-height: 10px; } .list_article article .list_article__img .th_placeholder { display: block; position: relative; padding-bottom: 78%; background: url(../img/logo.svg) center no-repeat; background-size: 60%; } .list_article article .list_article__title { margin-bottom: 10px; width: 85%; display: block; } @media screen and (min-width: 768px) { .list_article article .list_article__title { margin-top: 0; } } .list_article article .list_article__title a { text-decoration: none; color: #5A676F; } .list_article article .list_article__action { position: absolute; top: 0; right: 15px; color: #114C9A; font-size: 2.3rem; } .rtl .list_article article .list_article__action { right: auto; left: 15px; } .list_article article .list_article__action .checkbox { vertical-align: top; margin-right: 0; } .list_article article .list_article__details { color: #5A676F; } .list_article article .post-edit-link { display: block; margin-top: 10px; } .list_article article .tags { margin-bottom: 15px; } .list_article article .tags a { display: inline-block; padding: 5px 10px; background: #114C9A; color: white; margin-right: 5px; font-size: 1.2rem; text-decoration: none; margin-bottom: 5px; } .list_article article .tags a:hover { background: #231815; } .list_article article .btn_download_pdf { display: inline-block; clear: both; font-size: 1.6rem; font-family: geely; margin: 15px 0; text-decoration: none; } .list_article article .btn_download_pdf span { margin-right: 5px; } .list_downloader { text-align: left; padding: 0px 0 20px; } .rtl .list_downloader { text-align: right; } @media screen and (min-width: 992px) { .list_downloader { text-align: right; } .rtl .list_downloader { text-align: left; } } .list_downloader label { display: block; text-transform: capitalize; color: #114C9A; font-size: 1.2rem; margin-bottom: 10px; cursor: pointer; } .rtl .list_downloader label { direction: ltr; } @media screen and (min-width: 992px) { .list_downloader label { font-size: 1.4rem; } } .list_downloader .btn { overflow: hidden; min-width: auto; max-width: 100% !important; padding: 0; } @media screen and (min-width: 992px) { .list_downloader .btn { min-width: 200px; max-width: 100% !important; padding: 0 10px; } } @media screen and (max-width: 768px) { .list_downloader .btn { min-width: 200px; max-width: 100% !important; padding: 0 10px; } } .pagination { margin: 50px 0; font-family: geely; font-size: 2rem; } .pagination a { margin-right: 10px; } .pagination a:hover { text-decoration: none; } .pagination span { margin-right: 10px; } .breadcrumbs { padding: 20px 0; font-family: geely; font-size: 1.2rem; line-height: 1.6rem; } .home .breadcrumbs { display: none; } .breadcrumbs a { text-decoration: none !important; } .sticky_sidebar { padding-top: 50px; } .sidebar_widget { text-align: left; *zoom: 1; margin-bottom: 50px; } @media screen and (min-width: 1200px) { .sidebar_widget { width: 80%; margin-left: 20%; } .rtl .sidebar_widget { margin-right: 20%; margin-left: 0%; text-align: right; } } .sidebar_widget:before, .sidebar_widget:after { content: ' '; display: table; } .sidebar_widget:after { clear: both; } .sidebar_widget h3 { margin-top: 0; color: #5A676F; } @media screen and (min-width: 768px) { .sidebar { top: -90px; position: relative; margin-bottom: 100px; } } .single_article__header { margin-bottom: 35px; } .single_title { display: block; font-weight: 300; color: #5A676F; } @media screen and (min-width: 992px) { .single_title { font-size: 3.6rem; } } .single_title .single_title__text { float: left; max-width: 80%; } .rtl .single_title .single_title__text { float: right; } .single_title span { font-size: 3.2rem; display: inline-block; min-width: 50px; float: right; margin-top: 5px; text-align: right; } .rtl .single_title span { float: left; } .single_article .list_article__details { color: #5A676F; } .single_article .post_thumbnail img { width: 100%; } .single_article article p { line-height: 2rem; } @media screen and (min-width: 768px) { .single_article article p { margin: 30px 0; line-height: 2.4rem; } } .single_article .tags { margin-top: 25px; } .single_article .tags a { display: inline-block; padding: 5px 10px; background: #114C9A; color: white; margin-right: 5px; font-size: 1.2rem; text-decoration: none; margin-bottom: 5px; } .single_article .tags a:hover { background: #231815; } .page.home .page_title { display: none; } article.type-image, article.type-video { padding: 0; } .list_folder { display: block; text-decoration: none !important; margin-bottom: 25px; } .list_folder .list_folder_name { font-family: geely; font-size: 1.2rem; line-height: 1.4rem; margin-bottom: 15px; margin-top: 10px; position: relative; padding-left: 25px; } @media screen and (min-width: 768px) { .list_folder .list_folder_name { font-size: 1.3rem; line-height: 1.6rem; } } @media screen and (min-width: 1200px) { .list_folder .list_folder_name { font-size: 1.4rem; line-height: 1.8rem; padding-left: 30px; } } .list_folder .list_folder_name span { position: absolute; top: 0; left: 0px; } .list_folder .list_folder_cover { width: 100%; padding-bottom: 56%; background-size: cover; background-position: center; border-radius: 8px; margin-bottom: 5px; } .list_folder .date { font-size: 1.2rem; margin-bottom: 9px; display: block; } @media screen and (min-width: 768px) { .list_folder .date { font-size: 1.1rem; } } @media screen and (min-width: 1200px) { .list_folder .date { font-size: 1.2rem; } } .single_folder .single_folder__header { margin-bottom: 40px; } .single_folder .single_folder__header .single_folder__title { display: block; font-weight: 300; color: #231815; position: relative; padding-left: 50px; font-size: 2.4rem; line-height: 3.2rem; } .rtl .single_folder .single_folder__header .single_folder__title { padding-right: 50px; padding-left: 0; } @media screen and (min-width: 768px) { .single_folder .single_folder__header .single_folder__title { font-size: 3.2rem; line-height: 4rem; padding-left: 60px; } } .single_folder .single_folder__header .single_folder__title span { position: absolute; top: 0; left: 0; } .rtl .single_folder .single_folder__header .single_folder__title span { right: 0; left: auto; } .single_folder .single_folder__actions { margin-top: 30px; text-align: right; } .rtl .single_folder .single_folder__actions { text-align: left; } @media screen and (max-width: 767px) { .single_folder .single_folder__actions .btn { width: 100%; } } .single_folder .single_folder__actions label { display: block; cursor: pointer; } .rtl .single_folder .single_folder__actions label { direction: ltr; } .single_folder .list_article__details { color: #5A676F; margin-bottom: 25px; } .single_folder .tags { margin-bottom: 15px; } .single_folder .tags a { display: inline-block; padding: 5px 10px; background: #114C9A; color: white; margin-right: 5px; font-size: 1.2rem; text-decoration: none; margin-bottom: 5px; } .single_folder .tags a:hover { background: #231815; } .single_folder .single_folder__item { margin-bottom: 25px; } .single_folder .single_folder__image_action { text-align: left; margin-bottom: 10px; } .rtl .single_folder .single_folder__image_action { text-align: right; } .single_folder .single_folder__image_action a { display: inline-block; margin-right: 5px; font-size: 2rem; text-decoration: none; } .single_folder .single_folder__image { position: relative; width: 100%; padding-bottom: 56%; background-size: cover; background-position: center; border-radius: 5px; margin-bottom: 10px; } .single_folder .single_folder__image .single_folder__image__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; background: rgba(17, 76, 154, 0.5); cursor: pointer; opacity: 0; transition: all 0.1s; } .single_folder .single_folder__image .single_folder__image__overlay .checkbox { position: absolute; top: 8px; right: 0px; } .single_folder .single_folder__image .single_folder__image__overlay:hover { opacity: 1; } .single_folder .single_folder__image.selected .single_folder__image__overlay { opacity: 1; } .single_folder .single_folder__caption { font-family: geely; min-height: 40px; } #video_viewer { position: fixed; background: #231815; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } #video_viewer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #video_viewer .video_viewer__close { position: absolute; top: 0px; right: 0px; color: white; width: 40px; height: 40px; background: #114C9A; text-align: center; line-height: 40px; z-index: 2; font-size: 2rem; cursor: pointer; } .attached_image_album { margin-left: -5px; margin-right: -5px; margin-bottom: 35px; *zoom: 1; } .attached_image_album:before, .attached_image_album:after { content: ' '; display: table; } .attached_image_album:after { clear: both; } .attached_image_album .attached_image_album__action { display: block; clear: both; text-align: left; margin-bottom: 10px; } .rtl .attached_image_album .attached_image_album__action { text-align: right; } .attached_image_album .attached_image_album__action .btn { font-size: 1rem; min-width: 0; margin: 0px 5px; clear: both; height: 25px; line-height: 27px; padding: 0 10px; border-radius: 3px; } .attached_image_album .attached_image_album__action .btn span { margin-right: 5px; } .attached_image_album__item { width: 50%; padding: 0 5px; margin-bottom: 10px; float: left; } @media screen and (min-width: 768px) { .attached_image_album__item { width: 100%; } } @media screen and (min-width: 992px) { .attached_image_album__item { width: 50%; } } .attached_image_album__item.attached_image_album__item--single { width: 100%; float: none; } .attached_image_album__item .attached_image_album__image { position: relative; width: 100%; padding-bottom: 56%; background-size: cover; background-position: center; border-radius: 5px; } .attached_image_album__item .attached_image_album__image__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; background: rgba(17, 76, 154, 0.8); opacity: 0; transition: all 0.1s; text-align: center; } @media screen and (max-width: 767px) { .attached_image_album__item .attached_image_album__image__overlay { top: 3px; left: auto; right: 3px; width: auto; height: auto; opacity: 1; padding: 0 5px; } } .attached_image_album__item .attached_image_album__image__overlay .checkbox { position: absolute; top: 8px; right: 0px; } .attached_image_album__item .attached_image_album__image__overlay:hover { opacity: 1; } .attached_image_album__item .attached_image_album__image__overlay a { position: relative; color: white; font-size: 2rem; display: inline-block; padding: 5px; text-decoration: none; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 767px) { .attached_image_album__item .attached_image_album__image__overlay a { font-size: 1.4rem; top: 0; transform: translateY(0%); } } .attached_video_album__action { display: block; clear: both; text-align: left; margin-bottom: 10px; } .rtl .attached_video_album__action { text-align: right; } .attached_video_album__action .btn { font-size: 1rem; min-width: 0; margin: 0px 0px; clear: both; height: 25px; line-height: 27px; padding: 0 10px; border-radius: 3px; } .attached_video_album__action .btn span { margin-right: 5px; } .attached_video__item { margin-bottom: 15px; } .attached_video__item .attached_video__image { position: relative; width: 100%; padding-bottom: 56%; background-size: cover; background-position: center; border-radius: 5px; margin-bottom: 7px; } .attached_video__item .attached_video__image__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; background: rgba(17, 76, 154, 0.8); opacity: 0; transition: all 0.1s; text-align: center; } @media screen and (max-width: 767px) { .attached_video__item .attached_video__image__overlay { top: 3px; left: auto; right: 3px; width: auto; height: auto; opacity: 1; padding: 0 5px; } } .attached_video__item .attached_video__image__overlay .checkbox { position: absolute; top: 8px; right: 0px; } .attached_video__item .attached_video__image__overlay:hover { opacity: 1; } .attached_video__item .attached_video__image__overlay a { position: relative; color: white; font-size: 2rem; display: inline-block; padding: 5px; text-decoration: none; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 767px) { .attached_video__item .attached_video__image__overlay a { font-size: 1.4rem; top: 0; transform: translateY(0%); } } .attached_video__item .attached_video__caption { font-family: geely; font-size: 1.2rem; } .attached_pdf { display: block; padding: 10px; background: #f5f7f8; border-radius: 5px; } .attached_pdf:hover { text-decoration: none; } .attached_pdf img { width: 40px; } .attached_pdf span { position: relative; display: inline-block; font-family: geely; font-size: 2rem; margin-top: 10px; } @media screen and (min-width: 992px) { .attached_pdf span { margin-left: 10px; top: -12px; margin-top: 0px; } } @media screen and (max-width: 767px) { .attached_pdf span { margin-left: 10px; top: -12px; margin-top: 0px; } } .latest_article_list .latest_article_list__title { color: #231815; } .latest_article_list article:first-of-type { padding-top: 0; } @media screen and (min-width: 768px) { .latest_media_list { max-width: 80%; margin-left: 20%; } .rtl .latest_media_list { margin-left: 0%; margin-right: 20%; } } .latest_media_list .latest_media_list__title { color: #231815; } .latest_media_list article { margin-bottom: 30px; } .rotating_banners { position: relative; opacity: 0; border-radius: 10px; overflow: hidden; } .rotating_banners .swiper-pagination { position: absolute; top: 315px; bottom: 30px; width: 100%; height: 15px; left: 25px; text-align: left; } .rtl .rotating_banners .swiper-pagination { left: auto; right: 25px; text-align: right; } @media screen and (min-width: 567px) { .rotating_banners .swiper-pagination { left: 25px; top: 315px; } .rtl .rotating_banners .swiper-pagination { left: auto; right: 25px; } } @media screen and (min-width: 768px) { .rotating_banners .swiper-pagination { left: 35px; top: 315px; } .rtl .rotating_banners .swiper-pagination { left: auto; right: 35px; } } @media screen and (min-width: 992px) { .rotating_banners .swiper-pagination { top: auto; bottom: 10%; left: 35px; text-align: left; } } .rotating_banners .swiper-pagination span { width: 20px; height: 4px; border-radius: 0; background: white; opacity: 1; margin-left: 0 !important; margin-right: 8px !important; } .rtl .rotating_banners .swiper-pagination span { margin-right: 0 !important; margin-left: 8px !important; } @media screen and (min-width: 576px) { .rotating_banners .swiper-pagination span { width: 25px; } } @media screen and (min-width: 992px) { .rotating_banners .swiper-pagination span { width: 30px; } } .rotating_banners .swiper-pagination span.swiper-pagination-bullet-active { background: #114C9A; } .rotating_banners .swiper-pagination.small-pagination span { width: 15px; height: 4px; } .rotating_banner { *zoom: 1; height: auto; border-radius: 5px; overflow: hidden; position: relative; } .rotating_banner:before, .rotating_banner:after { content: ' '; display: table; } .rotating_banner:after { clear: both; } .rotating_banner .row { margin: 0; position: relative; } .rotating_banner .rotating_banner__left { background: #333537; height: auto; padding: 55px 25px 25px 25px; color: white; } @media screen and (min-width: 567px) { .rotating_banner .rotating_banner__left { padding: 55px 25px 25px 25px; } } @media screen and (min-width: 768px) { .rotating_banner .rotating_banner__left { padding: 55px 35px 35px 35px; } } @media screen and (min-width: 992px) { .rotating_banner .rotating_banner__left { padding: 35px 35px 150px 35px; } } @media screen and (min-width: 1200px) { .rotating_banner .rotating_banner__left { padding: 35px 35px 150px 35px; } } .rotating_banner .rotating_banner__left .rotating_banner__title { *zoom: 1; } .rotating_banner .rotating_banner__left .rotating_banner__title:before, .rotating_banner .rotating_banner__left .rotating_banner__title:after { content: ' '; display: table; } .rotating_banner .rotating_banner__left .rotating_banner__title:after { clear: both; } .rotating_banner .rotating_banner__left .rotating_banner__title span { display: block; vertical-align: top; font-size: 2.2rem; display: block; float: left; width: 40px; } .rtl .rotating_banner .rotating_banner__left .rotating_banner__title span { float: right; } .rotating_banner .rotating_banner__left .rotating_banner__title h3 { color: white; display: block; float: left; margin-top: 0; width: calc(100% - 50px); margin-bottom: 10px; font-size: 1.6rem; line-height: 1.8rem; } @media screen and (min-width: 321px) { .rotating_banner .rotating_banner__left .rotating_banner__title h3 { font-size: 2rem; line-height: 2.4rem; } } @media screen and (min-width: 768px) { .rotating_banner .rotating_banner__left .rotating_banner__title h3 { font-size: 2rem; line-height: 2.8rem; } } @media screen and (min-width: 992px) { .rotating_banner .rotating_banner__left .rotating_banner__title h3 { margin-bottom: 20px; } } .rotating_banner .rotating_banner__left .rotating_banner__content { margin: 10px 0; line-height: 1.8rem; } @media screen and (min-width: 992px) { .rotating_banner .rotating_banner__left .rotating_banner__content { line-height: 2rem; } } .rotating_banner .rotating_banner__left .date { margin-bottom: 10px; } @media screen and (min-width: 992px) { .rotating_banner .rotating_banner__left .date { margin-bottom: 30px; } } @media screen and (max-width: 566px) { .rotating_banner .rotating_banner__left .btn { font-size: 1.2rem; height: 40px; line-height: 40px; } } .rotating_banner .rotating_banner__right { background: #D8D8D7; position: relative; } @media screen and (max-width: 566px) { .rotating_banner .rotating_banner__right { height: 250px; } } @media screen and (max-width: 767px) { .rotating_banner .rotating_banner__right { height: 300px; } } @media screen and (max-width: 991px) { .rotating_banner .rotating_banner__right { height: 300px; } } .rotating_banner .rotating_banner__right .rotating_banner__img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-size: cover; background-repeat: no-repeat; } .rotating_banner .rotating_banner__right .rotating_banner__img.placeholder { background-size: 50%; } .article_filter { margin-bottom: 25px; } .article_filter h4 { color: #5A676F; margin-bottom: 10px; } .article_filter button { width: 100%; } .article_filter_form { display: none; } .article_filter__toggle { font-family: geely; color: #114C9A; border-bottom: 1px solid #D8D8D7; height: 50px; cursor: pointer; margin-bottom: 25px; } .article_filter__toggle .article_filter__toggle_text { font-size: 2.4rem; top: 8px; position: relative; font-weight: 300; display: inline-block; } .article_filter__toggle .icon-icon-filter { position: relative; top: 10px; font-size: 2.4rem; margin-right: 10px; } .rtl .article_filter__toggle .icon-icon-filter { margin-right: 0px; margin-left: 10px; } .article_filter__toggle .icon-cov-arrow-down { font-size: 2rem; position: absolute; top: 13px; right: 15px; font-weight: bold; } .rtl .article_filter__toggle .icon-cov-arrow-down { right: auto; left: 15px; } .mobile-nav { display: none; position: fixed; top: 69px; left: 0; width: 100%; height: 100%; background: #f5f7f8; z-index: 99; padding: 15px 10px 69px 10px; overflow: auto; } @media screen and (min-width: 992px) { .mobile-nav { display: none !important; } } .mobile-nav .outlink { padding-top: 20px; margin-top: 10px; border-top: 2px solid #114C9A; text-align: left; position: relative; font-family: geely; padding-left: 5px; font-size: 1.6rem; } .mobile-nav .outlink a { text-decoration: none; text-transform: uppercase; font-weight: 500; } .mobile-nav .outlink a:hover { color: #114C9A; } .mobile-nav .outlink a span { display: inline-block; margin-left: 10px; width: 18px; height: 18px; font-weight: bold; text-align: center; line-height: 18px; font-size: 12px; border-radius: 3px; background: #114C9A; color: white; } .mobile-nav__search { width: 100%; max-width: 500px; margin: 0 auto; position: relative; } .mobile-nav__search input[type="search"] { background: #D8D8D7; max-width: 100%; margin-top: 0px; margin-bottom: 0px; } .mobile-nav__search button { background: none; min-width: auto; position: absolute; top: 5px; right: 5px; text-align: center; padding: 0; color: #114C9A; height: 43px; width: 30px; line-height: 43px; } .mobile-nav__search button:hover { color: #114C9A; } .mobile-nav__nav { max-width: 500px; margin: 0 auto; padding: 0 5px; } .mobile-nav__nav > ul { list-style: none; margin: 0; margin-top: 10px; padding: 0; } .mobile-nav__nav > ul > li { border-bottom: 1px solid rgba(216, 216, 215, 0.4); } .mobile-nav__nav > ul > li:last-child { border: none; } .mobile-nav__nav > ul > li > a { display: block; font-family: geely; text-decoration: none; font-size: 1.6rem; color: #231815; padding: 15px 0px 13px 5px; } .mobile-nav__nav > ul > li.menu-item-has-children > a::after { display: inline-block; float: right; vertical-align: top; font-size: 0.8rem; height: 10px; color: #114C9A; position: relative; top: 5px; right: 5px; content: '\e902'; font-family: 'icomoon'; speak: none; } .mobile-nav__nav > ul > li > ul.sub-menu { display: none; background: #000000; margin: 0; padding: 15px 20px; margin-left: -15px; margin-right: -15px; list-style: none; } .mobile-nav__nav > ul > li > ul.sub-menu > li > a { display: block; color: white; text-decoration: none; padding: 9px 0; } .mobile-nav__nav > ul > li > ul.sub-menu > li.menu-item-has-children > a::after { display: inline-block; float: right; vertical-align: top; font-size: 0.8rem; height: 10px; color: white; position: relative; top: 5px; right: 0px; content: '\e902'; font-family: 'icomoon'; speak: none; } .mobile-nav__nav > ul > li > ul.sub-menu > li > ul.sub-menu { display: none; background: #231815; margin: 0; padding: 10px 20px; margin-left: -20px; margin-right: -20px; list-style: none; } .mobile-nav__nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a { display: block; color: white; text-decoration: none; padding: 6px 0; } .gform_left, .gform_right, ul.gform_fields { display: none; } .gform_wrapper label { font-weight: 400 !important; display: none !important; } .gform_wrapper input[type="text"], .gform_wrapper input[type="search"], .gform_wrapper input[type="number"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="password"] { width: 100% !important; font-family: "geely" !important; height: 50px !important; padding: 2px 12px 0 !important; border: 2px solid #D8D8D7 !important; } .gform_wrapper textarea { font-family: "geely" !important; padding: 12px 12px !important; border: 2px solid #D8D8D7 !important; } .gform_wrapper select { width: 100% !important; padding: 5px 12px !important; font-family: "geely" !important; } .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right { width: 100% !important; padding-right: 0 !important; } .gform_wrapper .ginput_container { margin-top: 0px !important; } .gform_wrapper .gfield { margin-top: 0px !important; margin-bottom: 20px; } .gform_wrapper .validation_message { margin: 3px 0 10px; padding: 3px 5px !important; background: #dc3545 !important; font-weight: normal !important; display: inline-block; width: auto !important; color: white !important; border-radius: 2px; } .gform_wrapper input[type="submit"] { background: #114C9A; } @media screen and (min-width: 768px) { .gform_wrapper input[type="submit"] { width: calc(45% - 15px) !important; } } .gform_wrapper input[type="submit"]:hover { background: #1663c8; color: #f5f7f8; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { padding: 0 !important; border: none !important; background: none !important; } .gform_2cols { display: none; } @media screen and (min-width: 768px) { .gform_2cols { max-width: 850px !important; margin: 0 !important; } } @media screen and (min-width: 768px) { .gform_2cols .gform_body { margin-left: -15px; margin-right: -15px; width: auto !important; } } @media screen and (min-width: 768px) { .gform_2cols__left { width: calc(45% - 30px); float: left; margin: 0 15px; } .rtl .gform_2cols__left { float: right; } } @media screen and (min-width: 768px) { .gform_2cols__right { width: calc(55% - 30px); float: left; margin: 0 15px; } .rtl .gform_2cols__right { float: right; } } .validation_error { border: none !important; background: #dc3545; color: white !important; border-radius: 4px; } .feat_content_collage { position: relative; width: 100%; height: auto; *zoom: 1; border-radius: 5px; overflow: hidden; margin-bottom: 35px; } .feat_content_collage:before, .feat_content_collage:after { content: ' '; display: table; } .feat_content_collage:after { clear: both; } .feat_content_collage_item { width: 100%; float: left; height: 350px; position: relative; background-color: #231815; color: white; } @media screen and (min-width: 768px) { .feat_content_collage_item { width: 50%; height: 400px; } } .featured_content_collage--three .feat_content_collage_item { width: 100%; height: 300px; } @media screen and (min-width: 567px) { .featured_content_collage--three .feat_content_collage_item { width: 50%; height: 300px; } } @media screen and (min-width: 768px) { .featured_content_collage--three .feat_content_collage_item { width: 40%; height: 300px; } } .feat_content_collage_item .feat_content_collage_img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; } .feat_content_collage_item .feat_content_collage_img::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(35, 24, 21, 0.35); } .feat_content_collage_item .feat_content_collage_item_content { padding-right: 10%; padding-left: 5%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 1200px) { .feat_content_collage_item .feat_content_collage_item_content { max-width: 70%; } } .feat_content_collage_item .feat_content_collage_item_content .feat_content_collage_item_title { font-size: 1.8rem; margin-bottom: 7px; font-family: geely; } @media screen and (min-width: 768px) { .feat_content_collage_item .feat_content_collage_item_content .feat_content_collage_item_title { font-size: 2rem; margin-bottom: 10px; } } .feat_content_collage_item .feat_content_collage_item_content .feat_content_collage_item_excerpt { margin-bottom: 10px; } .featured_content_collage--three .feat_content_collage_item:first-of-type { width: 100%; height: 400px; } @media screen and (min-width: 768px) { .featured_content_collage--three .feat_content_collage_item:first-of-type { width: 60%; height: 600px; } } .featured_content_collage--three .feat_content_collage_item:first-of-type .feat_content_collage_item_title { font-size: 2rem; margin-bottom: 15px; } @media screen and (min-width: 768px) { .featured_content_collage--three .feat_content_collage_item:first-of-type .feat_content_collage_item_title { font-size: 2.8rem; margin-bottom: 20px; } } .featured_content_collage--three .feat_content_collage_item:first-of-type .feat_content_collage_item_excerpt { margin-bottom: 20px; } @media screen and (max-width: 767px) { .feat_content_collage_item .btn { height: 40px; line-height: 40px; min-width: 100px; border: 1px solid white; } } .geely_featured_post_row { max-width: 1100px; margin: 35px auto; } @media screen and (min-width: 768px) { .geely_featured_post_row.geely_featured_post_row--right .vc_col-sm-7 { float: right !important; } } .geely_featured_post_row__img { width: 100%; border-radius: 5px; overflow: hidden; margin-bottom: 25px; } .geely_featured_post_row__cat { margin-bottom: 10px; } @media screen and (min-width: 768px) { .geely_featured_post_row__cat { margin-top: 20px; margin-bottom: 12%; } } .geely_featured_post_row__cat a { color: #231815; } .geely_featured_post_row__title { font-family: geely; font-size: 2.2rem; color: #5A676F; } .geely_featured_post_row__title a { text-decoration: none; color: #5A676F; } @media screen and (min-width: 992px) { .geely_featured_post_row__title { font-size: 2rem; } } @media screen and (min-width: 1200px) { .geely_featured_post_row__title { font-size: 2.8rem; } } .geely_featured_post_blk { margin-bottom: 35px; border-radius: 5px; overflow: hidden; } .geely_featured_post_blk__post { padding: 15px; background: #f5f7f8; } .geely_featured_post_blk__post .geely_featured_post_blk__cat { margin-bottom: 15px; } .geely_featured_post_blk__post .geely_featured_post_blk__title { font-family: geely; font-size: 1.8rem; height: auto; } .geely_featured_post_blk__post .geely_featured_post_blk__title a { text-decoration: none; } @media screen and (min-width: 768px) { .geely_featured_post_blk__post .geely_featured_post_blk__title { height: 80px; } } @media screen and (min-width: 992px) { .geely_featured_post_blk__post .geely_featured_post_blk__title { height: 60px; } } @media screen and (min-width: 1200px) { .geely_featured_post_blk__post .geely_featured_post_blk__title { height: 40px; } } .geely_featured_post_blk__post .geely_featured_post_blk__excerpt { height: auto; } .geely_featured_post_blk__post .geely_featured_post_blk__excerpt p { font-size: 1.4rem; line-height: normal; } @media screen and (min-width: 768px) { .geely_featured_post_blk__post .geely_featured_post_blk__excerpt { height: 120px; } } @media screen and (min-width: 992px) { .geely_featured_post_blk__post .geely_featured_post_blk__excerpt { height: 80px; } } @media screen and (min-width: 1200px) { .geely_featured_post_blk__post .geely_featured_post_blk__excerpt { height: 80px; } } .single_story__header { position: relative; width: 100%; height: 600px; border-radius: 5px; overflow: hidden; color: white; margin-bottom: 50px; } @media screen and (min-width: 768px) { .single_story__header { height: 550px; } } @media screen and (min-width: 992px) { .single_story__header { height: 500px; } } .single_story__header .single_story__headerbg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: bottom; background-size: cover; background-repeat: no-repeat; } @media screen and (min-width: 768px) { .single_story__header .single_story__headerbg { background-position: center; } } .single_story__header .single_story__headerbg::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(35, 24, 21, 0.3); } .single_story__header .vc_row { position: absolute; left: 20px; bottom: 50px; width: calc(100% - 10px); height: auto; } @media screen and (min-width: 768px) { .single_story__header .vc_row { left: 50px; width: calc(100% - 70px); } } .single_story__header .geely_spliter { background: white; } .single_story__header .tags { margin-top: 25px; } .single_story__header .tags a { display: inline-block; padding: 5px 10px; background: #114C9A; color: white; margin-right: 5px; font-size: 1.2rem; text-decoration: none; margin-bottom: 5px; } .single_story__header .tags a:hover { background: #231815; } .single_story__header .category a { color: white; } .single_story__title { color: white; font-weight: 400; font-size: 3rem; line-height: 3.5rem; } .single_story__title span { display: inline-block; margin-bottom: 20px; } .single_story__body { max-width: 940px; margin: 0 auto; } .single_story__body hr { margin: 50px auto; } .single_story__body p { line-height: 2.4rem !important; margin: 25px auto; } .single_story__attachments { max-width: 940px; margin: 0 auto; margin-top: 35px; padding-top: 35px; border-top: 5px solid #D8D8D7; } .single_story__attachments h3 { color: #5A676F; } .single_story__attachments h4 { color: #5A676F; font-weight: 400; font-size: 1.6rem; } .single_story__attachments .sidebar_widget { width: 100%; margin-left: 0; } .rtl .vc_row[data-vc-full-width="true"] div { direction: rtl; } @media screen and (min-width: 768px) { .rtl .vc_col-sm-1, .rtl .vc_col-sm-10, .rtl .vc_col-sm-11, .rtl .vc_col-sm-12, .rtl .vc_col-sm-2, .rtl .vc_col-sm-3, .rtl .vc_col-sm-4, .rtl .vc_col-sm-5, .rtl .vc_col-sm-6, .rtl .vc_col-sm-7, .rtl .vc_col-sm-8, .rtl .vc_col-sm-9 { float: right; } } .geely_highlight_block { position: relative; border-radius: 8px; background-size: cover; background-position: center; height: 300px; overflow: hidden; margin-bottom: 35px; } @media screen and (min-width: 576px) { .geely_highlight_block { height: 400px; } } .geely_highlight_block::before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35, 24, 21, 0.5); z-index: 1; } .geely_highlight_block a { position: absolute; z-index: 2; display: block; width: 100%; height: 100%; color: white; text-decoration: none; } .geely_highlight_block__content { padding: 30px; } @media screen and (min-width: 576px) { .geely_highlight_block__content { padding: 40px; } } .geely_highlight_block__content h3 { color: white; margin-top: 0; } .mobile-nav { display: none; position: fixed; top: 69px; left: 0; width: 100%; height: 100%; background: #f5f7f8; z-index: 99; padding: 15px 10px 69px 10px; overflow: auto; } @media screen and (min-width: 992px) { .mobile-nav { display: none !important; } } .mobile-nav .outlink { padding-top: 20px; margin-top: 10px; border-top: 2px solid #114C9A; text-align: left; position: relative; font-family: geely; padding-left: 5px; font-size: 1.6rem; } .mobile-nav .outlink a { text-decoration: none; text-transform: uppercase; font-weight: 500; } .mobile-nav .outlink a:hover { color: #114C9A; } .mobile-nav .outlink a span { display: inline-block; margin-left: 10px; width: 18px; height: 18px; font-weight: bold; text-align: center; line-height: 18px; font-size: 12px; border-radius: 3px; background: #114C9A; color: white; } .mobile-nav__search { width: 100%; max-width: 500px; margin: 0 auto; position: relative; } .mobile-nav__search input[type="search"] { background: #D8D8D7; max-width: 100%; margin-top: 0px; margin-bottom: 0px; } .mobile-nav__search button { background: none; min-width: auto; position: absolute; top: 5px; right: 5px; text-align: center; padding: 0; color: #114C9A; height: 43px; width: 30px; line-height: 43px; } .mobile-nav__search button:hover { color: #114C9A; } .mobile-nav__nav { max-width: 500px; margin: 0 auto; padding: 0 5px; } .mobile-nav__nav > ul { list-style: none; margin: 0; margin-top: 10px; padding: 0; } .mobile-nav__nav > ul > li { border-bottom: 1px solid rgba(216, 216, 215, 0.4); } .mobile-nav__nav > ul > li:last-child { border: none; } .mobile-nav__nav > ul > li > a { display: block; font-family: geely; text-decoration: none; font-size: 1.6rem; color: #231815; padding: 15px 0px 13px 5px; } .mobile-nav__nav > ul > li.menu-item-has-children > a::after { display: inline-block; float: right; vertical-align: top; font-size: 0.8rem; height: 10px; color: #114C9A; position: relative; top: 5px; right: 5px; content: '\e902'; font-family: 'icomoon'; speak: none; } .mobile-nav__nav > ul > li > ul.sub-menu { display: none; background: #000000; margin: 0; padding: 15px 20px; margin-left: -15px; margin-right: -15px; list-style: none; } .mobile-nav__nav > ul > li > ul.sub-menu > li > a { display: block; color: white; text-decoration: none; padding: 9px 0; } .mobile-nav__nav > ul > li > ul.sub-menu > li.menu-item-has-children > a::after { display: inline-block; float: right; vertical-align: top; font-size: 0.8rem; height: 10px; color: white; position: relative; top: 5px; right: 0px; content: '\e902'; font-family: 'icomoon'; speak: none; } .mobile-nav__nav > ul > li > ul.sub-menu > li > ul.sub-menu { display: none; background: #231815; margin: 0; padding: 10px 20px; margin-left: -20px; margin-right: -20px; list-style: none; } .mobile-nav__nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a { display: block; color: white; text-decoration: none; padding: 6px 0; } .logo-displayer { text-decoration: none; margin-bottom: 25px; margin-top: 15px; color: #595757; text-decoration: none; } .logo-displayer:hover { text-decoration: none; } .logo-displayer.compact { max-width: 220px; } .logo-displayer__image { background: #f5f7f8; width: 100%; padding-bottom: 100%; background-position: center; background-repeat: no-repeat; background-size: 70%; border-radius: 8px; margin-bottom: 15px; } @media screen and (min-width: 992px) { .logo-displayer__image { padding-bottom: 50%; background-size: auto 70%; } .compact .logo-displayer__image { padding-bottom: 100%; } } .logo-displayer__content { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .logo-displayer__content h3 { font-weight: 300; text-align: center; font-size: 1.3rem; margin: 0; } @media screen and (min-width: 768px) { .logo-displayer__content h3 { font-size: 1.6rem; } } .tnp input[type="submit"] { margin-top: 50px; } .tnp .tnp-field .error { font-size: 1.2rem; margin-bottom: 20px; color: #dc3545; margin-top: -5px; } .tnp .tnp-field.checkbox .error { font-size: 1.2rem; margin-bottom: 20px; color: #dc3545; margin-top: 5px; position: relative; left: -23px; } .subscribe_btn { position: fixed; left: -5px; top: 50%; transform: translateY(-50%); width: 30px; z-index: 98; } .subscribe_btn img { margin-bottom: 5px; } @media screen and (min-width: 768px) { .subscribe_btn { width: 45px; } } .subscribe .subscribe_btn { display: none; } .single .subscribe_btn { display: none; } @media screen and (min-width: 992px) { .single .subscribe_btn { display: block; } } .subs_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35, 24, 21, 0.8); z-index: 1000; padding: 15px; display: none; } .subs_popup_modal { position: relative; top: 50%; left: 50%; transform: translateX(-50%) translateY(-150%); transition: all 0.3s; background: #114C9A; border-radius: 10px; padding: 30px; max-width: 550px; color: white; box-shadow: 0 0 30px rgba(35, 24, 21, 0.5); } .subs_popup_modal.show { transform: translateX(-50%) translateY(-50%); } .subs_popup_modal .btn_close { position: absolute; top: 20px; right: 20px; font-size: 2.4rem; cursor: pointer; } .subs_popup_modal h3 { color: white; margin-top: 0; } .subs_popup_modal input[type="text"], .subs_popup_modal input[type="email"] { border: none; background: none; border-bottom: 2px solid white; padding: 7px 0; color: white; } .subs_popup_modal input[type="text"]:-ms-input-placeholder, .subs_popup_modal input[type="email"]:-ms-input-placeholder { color: #D8D8D7; } .subs_popup_modal input[type="text"]::-ms-input-placeholder, .subs_popup_modal input[type="email"]::-ms-input-placeholder { color: #D8D8D7; } .subs_popup_modal input[type="text"]::placeholder, .subs_popup_modal input[type="email"]::placeholder { color: #D8D8D7; } .subs_popup_modal input[type="submit"] { margin-top: 25px; background: #231815; } .subs_popup_modal input[type="submit"]:hover { background: #333537; } .subs_popup_modal .error { font-weight: bold; color: #5A676F !important; } .geely_call_to_action_grid { position: relative; margin: 35px auto; max-width: 1280px; border-radius: 10px; overflow: hidden; } .geely_call_to_action_grid__item { width: 100%; height: 250px; background: #231815; position: relative; overflow: hidden; } @media screen and (min-width: 768px) { .geely_call_to_action_grid__item { width: 33.33333%; float: left; height: 180px; } .cta_layout_even .geely_call_to_action_grid__item { width: 50%; } } @media screen and (min-width: 992px) { .geely_call_to_action_grid__item { height: 230px; } } @media screen and (min-width: 1200px) { .geely_call_to_action_grid__item { height: 300px; } } .geely_call_to_action_grid__item .geely_call_to_action_grid__link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; } .geely_call_to_action_grid__item .geely_call_to_action_grid__bg { background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; transition: transform 0.6s; transform: scale(1.02); } .geely_call_to_action_grid__item .geely_call_to_action_grid__bg .geely_call_to_action_grid__overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; background: #231815; transition: opacity 0.6s; } .geely_call_to_action_grid__item.geely_call_to_action_grid__item--light .geely_call_to_action_grid__overlay { background: white; } .geely_call_to_action_grid__item.geely_call_to_action_grid__item--blue .geely_call_to_action_grid__overlay { background: #114C9A; } @media screen and (min-width: 768px) { .geely_call_to_action_grid__item:hover .geely_call_to_action_grid__bg { transform: scale(1.1); } .geely_call_to_action_grid__item:hover .geely_call_to_action_grid__overlay { opacity: 0 !important; } } .geely_call_to_action_grid__item .geely_call_to_action_grid__content { padding: 20px; color: white; position: relative; z-index: 1; } .geely_call_to_action_grid__item .geely_call_to_action_grid__content .geely_call_to_action_grid__title { font-family: geely; font-size: 1.8rem; margin-bottom: 10px; } .geely_call_to_action_grid__item .geely_call_to_action_grid__content .geely_call_to_action_grid__title:lang(ar) { font-family: 'geely_ar'; } @media screen and (min-width: 768px) { .geely_call_to_action_grid__item .geely_call_to_action_grid__content .geely_call_to_action_grid__desc { max-width: 100%; font-size: 1.2rem; } } @media screen and (min-width: 992px) { .geely_call_to_action_grid__item .geely_call_to_action_grid__content .geely_call_to_action_grid__desc { max-width: 100%; font-size: 1.3rem; } } @media screen and (min-width: 1200px) { .geely_call_to_action_grid__item .geely_call_to_action_grid__content .geely_call_to_action_grid__desc { max-width: 60%; font-size: 1.4rem; } } .geely_call_to_action_grid__item.geely_call_to_action_grid__item--light .geely_call_to_action_grid__content { color: #231815; } 
  • 

    • 

      <tr id="pp7wz"><sup id="pp7wz"></sup></tr>
      <code id="pp7wz"></code>
          


          


          色综合久久久金八天国,超碰在线公开免费,99re 青草视频 精品,欧美自拍偷拍视频区
          

          
品牌简介

          

          

          {תÂëÖ÷´Ê}