/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,500,700&display=swap&subset=chinese-traditional'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;500;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Chocolate+Classical+Sans&display=swap'); */ :root{ color-scheme: light; --tab_corner_bl: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M20.69 58.17C26.71 52.38 28.93 42.47 32 32s5.29-20.38 11.31-26.17C49.34.04 53.87 0 64 0v64H0c8.22 0 14.66-.04 20.69-5.83z'/%3E%3C/svg%3E"); --tab_corner_br: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M43.31 58.17C37.29 52.38 35.07 42.47 32 32S26.71 11.62 20.69 5.83C14.66.04 10.13 0 0 0v64h64c-8.22 0-14.66-.04-20.69-5.83z'/%3E%3C/svg%3E"); --tab_corner_lb: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M5.83 43.31C11.62 37.29 21.53 35.07 32 32s20.38-5.29 26.17-11.31C63.96 14.66 64 10.13 64 0H0v64c0-8.22.04-14.66 5.83-20.69z'/%3E%3C/svg%3E"); --tab_corner_lt: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M5.83 20.69C11.62 26.71 21.53 28.93 32 32s20.38 5.29 26.17 11.31C63.96 49.33 64 53.86 64 64H0V0c0 8.22.04 14.66 5.83 20.69z'/%3E%3C/svg%3E"); --tab_corner_rb: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M58.17 43.31C52.38 37.29 42.47 35.07 32 32S11.62 26.71 5.83 20.69C.04 14.66 0 10.13 0 0h64v64c0-8.22-.04-14.66-5.83-20.69z'/%3E%3C/svg%3E"); --tab_corner_rt: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M58.17 20.69C52.38 26.71 42.47 28.93 32 32c-10.48 3.07-20.38 5.29-26.17 11.31C.04 49.34 0 53.87 0 64h64V0c0 8.22-.04 14.66-5.83 20.69z'/%3E%3C/svg%3E"); --tab_corner_tl: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M20.69 5.83C26.71 11.62 28.93 21.53 32 32s5.29 20.38 11.31 26.17C49.33 63.96 53.86 64 64 64V32 0H0c8.22 0 14.66.04 20.69 5.83z'/%3E%3C/svg%3E"); --tab_corner_tr: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M43.31 5.83C37.29 11.62 35.07 21.53 32 32s-5.29 20.38-11.31 26.17C14.66 63.96 10.13 64 0 64V32 0h64c-8.22 0-14.66.04-20.69 5.83z'/%3E%3C/svg%3E"); --arrow_b: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23FFF' d='M32 40.42L6.77 15.17a3.965 3.965 0 0 0-5.61 0 3.965 3.965 0 0 0 0 5.61l28.03 28.05a3.965 3.965 0 0 0 5.61 0l28.03-28.05a3.965 3.965 0 0 0 0-5.61 3.965 3.965 0 0 0-5.61 0L31.99 40.42z'/%3E%3C/svg%3E"); --arrow_l: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23FFF' d='M23.58 32.01L48.83 6.78a3.965 3.965 0 0 0 0-5.61 3.965 3.965 0 0 0-5.61 0L15.17 29.21a3.965 3.965 0 0 0 0 5.61l28.05 28.03a3.965 3.965 0 0 0 5.61 0 3.965 3.965 0 0 0 0-5.61L23.58 32.01z'/%3E%3C/svg%3E"); --arrow_r: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23FFF' d='M40.42 32.01L15.17 6.78a3.965 3.965 0 0 1 0-5.61 3.965 3.965 0 0 1 5.61 0L48.83 29.2a3.965 3.965 0 0 1 0 5.61L20.78 62.84a3.965 3.965 0 0 1-5.61 0 3.965 3.965 0 0 1 0-5.61L40.42 32z'/%3E%3C/svg%3E"); --arrow_t: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23FFF' d='M32 23.58L6.77 48.83a3.965 3.965 0 0 1-5.61 0 3.965 3.965 0 0 1 0-5.61L29.2 15.17a3.965 3.965 0 0 1 5.61 0l28.03 28.05a3.965 3.965 0 0 1 0 5.61 3.965 3.965 0 0 1-5.61 0L32 23.58z'/%3E%3C/svg%3E"); /* --arrow_circle_b: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 64c17.67 0 32-14.33 32-32S49.67 0 32 0 0 14.33 0 32s14.33 32 32 32zm-1.86-17.23L11.56 28.18a2.625 2.625 0 0 1 0-3.72 2.625 2.625 0 0 1 3.72 0L32 41.19l16.72-16.73a2.625 2.625 0 0 1 3.72 0 2.625 2.625 0 0 1 0 3.72L33.86 46.77a2.625 2.625 0 0 1-3.72 0z'/%3E%3C/svg%3E"); --arrow_circle_l: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M0 32c0 17.67 14.33 32 32 32s32-14.33 32-32S49.67 0 32 0 0 14.33 0 32zm18.23-1.86l18.59-18.58a2.625 2.625 0 0 1 3.72 0 2.625 2.625 0 0 1 0 3.72L23.81 32l16.73 16.72a2.625 2.625 0 0 1 0 3.72 2.625 2.625 0 0 1-3.72 0L18.23 33.86a2.625 2.625 0 0 1 0-3.72z'/%3E%3C/svg%3E"); --arrow_circle_r: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 0C14.33 0 0 14.33 0 32s14.33 32 32 32 32-14.33 32-32S49.67 0 32 0zm13.77 33.86L27.18 52.44a2.625 2.625 0 0 1-3.72 0 2.625 2.625 0 0 1 0-3.72L40.19 32 23.46 15.28a2.625 2.625 0 0 1 0-3.72 2.625 2.625 0 0 1 3.72 0l18.59 18.58a2.625 2.625 0 0 1 0 3.72z'/%3E%3C/svg%3E"); --arrow_circle_t: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M0 32c0 17.67 14.33 32 32 32s32-14.33 32-32S49.67 0 32 0 0 14.33 0 32zm33.86-14.77l18.58 18.59a2.625 2.625 0 0 1 0 3.72 2.625 2.625 0 0 1-3.72 0L32 22.81 15.28 39.54a2.625 2.625 0 0 1-3.72 0 2.625 2.625 0 0 1 0-3.72l18.58-18.59a2.625 2.625 0 0 1 3.72 0z'/%3E%3C/svg%3E"); */ --arrow_circle_b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath d='M32 0C14.33 0 0 14.33 0 32s14.33 32 32 32 32-14.33 32-32S49.67 0 32 0zm20.44 27.18L33.86 45.77a2.625 2.625 0 0 1-3.72 0L11.56 27.18a2.625 2.625 0 0 1 0-3.72 2.625 2.625 0 0 1 3.72 0L32 40.19l16.72-16.73a2.625 2.625 0 0 1 3.72 0 2.625 2.625 0 0 1 0 3.72z'/%3E%3C/svg%3E"); --arrow_circle_l: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath d='M32 0C14.33 0 0 14.33 0 32s14.33 32 32 32 32-14.33 32-32S49.67 0 32 0zm8.54 48.72c1.03 1.03 1.03 2.69 0 3.72s-2.69 1.03-3.72 0L18.23 33.86a2.625 2.625 0 0 1 0-3.72l18.59-18.58a2.625 2.625 0 0 1 3.72 0 2.625 2.625 0 0 1 0 3.72L23.81 32l16.73 16.72z'/%3E%3C/svg%3E"); --arrow_circle_r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath d='M32 0C14.33 0 0 14.33 0 32s14.33 32 32 32 32-14.33 32-32S49.67 0 32 0zm13.77 33.86L27.18 52.44c-1.03 1.03-2.69 1.03-3.72 0s-1.03-2.69 0-3.72L40.19 32 23.46 15.28a2.625 2.625 0 0 1 0-3.72 2.625 2.625 0 0 1 3.72 0l18.59 18.58a2.625 2.625 0 0 1 0 3.72z'/%3E%3C/svg%3E"); --arrow_circle_t: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath d='M32 0C14.33 0 0 14.33 0 32s14.33 32 32 32 32-14.33 32-32S49.67 0 32 0zm20.44 41.54a2.625 2.625 0 0 1-3.72 0L32 24.81 15.28 41.54c-1.03 1.03-2.69 1.03-3.72 0s-1.03-2.69 0-3.72l18.58-18.59a2.625 2.625 0 0 1 3.72 0l18.58 18.59a2.625 2.625 0 0 1 0 3.72z'/%3E%3C/svg%3E"); --thumb_radius:32px; --theme_gradient: linear-gradient(to right, #3bc072, #12a0c3); --theme_gradient-o75: linear-gradient(to right, rgba(59,192,114,0.75), rgba(18,160,195,0.75)); --theme_gradient-o50: linear-gradient(to right, rgba(59,192,114,0.5), rgba(18,160,195,0.5)); --theme_gradient-o25: linear-gradient(to right, rgba(59,192,114,0.25), rgba(18,160,195,0.25)); --timeline_unit:16px; --timeline_unit_mob:8px; --rounded-bar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='1920' height='64' viewBox='0 0 1920 64'%3E%3Crect width='1920' height='64' rx='32' ry='32' preserveAspectRatio='none' fill='%23000'/%3E%3C/svg%3E"); --icon-fb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.7 226.4 209.3 245V327.7h-63V256h63v-54.6c0-62.2 37-96.5 93.7-96.5 27.1 0 55.5 4.8 55.5 4.8v61h-31.3c-30.8 0-40.4 19.1-40.4 38.7V256h68.8l-11 71.7h-57.8V501C413.3 482.4 504 379.8 504 256z'/%3E%3C/svg%3E"); --icon-yt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6C14.9 167 14.9 256.4 14.9 256.4s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6V175.2l142.7 81.2-142.7 81.2z'/%3E%3C/svg%3E"); } html, html[lang=en-GB]{ /*font-size: 24px; font-size: 20px;*/ background-color: #ffffff; background-image: none; } html[lang=en-GB]{ /*font-size: 20px; font-size: 18px;*/} body{font-family: "Chocolate Classical Sans","Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑体",Helvetica,Arial,PMingLiU,"新細明體","宋体",simsun, sans-serif; color:#53616c; font-size: 1rem; font-weight: 400; letter-spacing:0; line-height: 1.85;} body { background-color: #fff !important; color: #000 !important; } html[lang=en-GB] body{letter-spacing: 0; font-family: "Noto Sans HK", Helvetica,Arial, system-ui,sans-serif !important; /*font-family: Helvetica,Arial,sans-serif; font-family:'Open Sans', Microsoft JhengHei, sans-serif;*/ } .h1, h1, .h2, h2, .h2, h3, .h3, h4, .h4{ font-family: inherit !important; font-weight: bold; letter-spacing:0;} /*html[lang=en-GB] h1, html[lang=en-GB] .h2, html[lang=en-GB] h2, html[lang=en-GB] .h2, html[lang=en-GB] h3, html[lang=en-GB] .h3, html[lang=en-GB] h4, html[lang=en-GB] {letter-spacing: 0; font-family:Helvetica,Arial,sans-serif;;}*/ html[lang=en-GB] h1, html[lang=en-GB] .h2, html[lang=en-GB] h2, html[lang=en-GB] .h2, html[lang=en-GB] h3, html[lang=en-GB] .h3, html[lang=en-GB] h4, html[lang=en-GB]{ font-family: inherit !important;} /*h1, .h1{font-size: 2.5rem; margin-bottom: 0; margin-top: 0.5em} h2, .h2{font-size: 2rem;} h3, .h3{font-size: 1.5rem;}*/ h1, .h1{font-size: 3rem; margin-bottom: 0; margin-top: 0.5em} .logo-wrapper h1{font-size:16px;} h2, .h2{font-size: 2rem; margin-bottom: 1.85rem !important} h3, .h3{font-size: 1.5rem; margin-bottom: 1.85rem !important} h4, .h4{font-size: 1rem; margin: 0; margin-bottom: 1.85rem !important;} h1, .h2, h2, .h2, h3, .h3{ background-image: var(--theme_gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.4; display:block; width: fit-content; /*display:inline-block;*/ } /*.block-title{ display: inline-block; margin-left: auto; margin-right: auto;} h3[style="text-align:center;"]{ }*/ .text-color-white .h1, .text-color-white h1, .text-color-white .h2, .text-color-white h2, .text-color-white .h3, .text-color-white h3{ background-image: none; -webkit-text-fill-color:currentColor;} a, a:focus, a:hover{ color:#12a0c3;} a[href="#"]{ cursor: default;} a.cursor-pointer{cursor:pointer !important} button.empty-link{ background: none; border: none; color:inherit; padding: 0;} p{ margin: 0 !important;} p+p, p+ul, p+ol, h3+ul, h3+ol{ margin: 1.85rem 0 0 !important;} .img-responsive{display: inline-block;} .img-rounded{ border-radius: var(--thumb_radius);} .imgfit { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .thumb.image-fit{height: 100%;} .thumb.image-fit>a{display: block; width: 100%; height: 100%;} .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle;} .table th[align=center], .table td[align=center]{text-align: center} .text-left p, p.text-left{ text-align: left} .text-right p, p.text-right{ text-align: right} .btn-round{border-radius: 3em;} .btn, button{ font-size: 1rem; font-weight: normal; padding: 0.4em 1.4em; border-radius: 2em; box-shadow: none !important; outline: none !important; } html[lang=en-GB] .btn, html[lang=en-GB] button{ font-weight: bold;} .btn-lg{ padding: 0.8em 2.8em; border-radius: 2.6em; } .btn-default{ background-color: #FFF; border-color: #0d8dd6; color:#0d8dd6; } .btn-default.active, .btn-default:active, .btn-default:active:focus, .btn-default:focus, .btn-default:hover{ color: #27bfcc; border-color: #27bfcc;} .btn-primary{ background-color: #0d8dd6; border-color: #0d8dd6; color:#FFF; } .btn-primary.active, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover{ background-color: #27bfcc; border-color: #27bfcc;} .btn-ghost{ opacity: 1; border-width: 2px !important; -webkit-box-shadow: 0px 0px 10px 0px rgba(83,97,108,1) !important; -moz-box-shadow: 0px 0px 10px 0px rgba(83,97,108,1) !important; box-shadow: 0px 0px 10px 0px rgba(83,97,108,1) !important; border: 1px currentColor solid; color: currentColor; } .btn.btn-ghost.active, .btn.btn-ghost:active, .btn.btn-ghost:active:focus, .btn.btn-ghost:active:hover, .btn-ghost:hover, .btn.btn-ghost:focus{ /*border-color: #79fff9;*/ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); /*background-color: rgba(0,131,141,0.5);*/ -webkit-box-shadow: 0px 0px 5px 0px rgba(83,97,108,1) !important; -moz-box-shadow: 0px 0px 5px 0px rgba(83,97,108,1) !important; box-shadow: 0px 0px 5px 0px rgba(83,97,108,1) !important; border: 1px currentColor solid; color: currentColor; } .row-flex{-ms-flex-pack: center; justify-content: center;} .flex-left{ -ms-flex-pack: start; justify-content: flex-start; } .flex-right{ -ms-flex-pack: end; justify-content: flex-end; } .row-flex>*{ -ms-flex: 0 0 auto; flex: 0 0 auto;} .pt-0{padding-top: 0 !important;} .pt-10{padding-top: 10px !important;} .pt-15{padding-top: 15px !important;} .pt-20{padding-top: 20px !important;} .pt-30{padding-top: 30px !important;} .padding-small{ padding: 2rem 0;} .padding-medium{ padding: 4rem 0;} .padding-large{ padding: 6rem 0;} .container.padding-small{ padding: 2rem 15px;} .container.padding-medium{ padding: 4rem 15px;} .container.padding-large{ padding: 6rem 15px;} .bg-green{background-color: #2bbed8;} .item-thumb:before{background-color: transparent; } .image-fit .item-thumb>a{position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .items-image-top .item-thumb{margin-bottom: 2rem} .items-image-bottom .item-thumb{margin-top: 2rem} .items-image-top .item-thumb img, .items-image-bottom .item-thumb img{max-width: 100% !important;} .form-control{ font-size: 0.875rem; padding: 0.4286em 0.8571em; border-radius: 0.5714em; height: auto;} .color-fa::before{ background-image: var(--theme_gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} #page-wrapper { background-color: #ffffff; background-image: none; min-height: 0; /*padding-top: 120px;*/ } #captcha{height: 2.125rem; vertical-align: top; border-radius: 0.5rem; } #reload_captcha{ padding: 0.3em 0.55em; line-height: 0.9; text-align: center; width: 2.125rem; height: 2.125rem; } #captcha+#reload_captcha{ display: inline-block; margin-left: 0.5rem;} /*.inner-section{ max-width: 100vw; overflow-x: hidden;}*/ /*.outer-wrapper-full-boxed, .page-wrapper-full-boxed, .wrapper-boxed{max-width: 1170px;}*/ .inner-section .container{ max-width: 1440px;} /*#page-top { background-color: #222222; height: 32px; color: #afafaf; font-size: 0.875rem; }*/ .top-hover, #page-top a:hover, #page-top a:focus, #page-top a:active, #page-top a:focus:active { color: #ffffff; } #page-header { /*color:#FFF;*/ color:#333; /* background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a648798c', endColorstr='#0071dbd4',GradientType=0 ); background-color:#FFF; */ transition:0.5s background-color, 0.5s color; -webkit-transition:0.5s background-color, 0.5s color; -moz-transition:0.5s background-color, 0.5s color; -o-transition:0.5s background-color, 0.5s color; -ms-transition:0.5s background-color, 0.5s color; /*position: relative;*/ } #page-header::before{ content: ""; display:block; position: fixed; top:0; right:0; left:0; height: 288px; background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a648798c', endColorstr='#0071dbd4',GradientType=0 );*/ } body.edit-mode #page-wrapper>div.row a{font-size: 14px;} body.edit-mode #page-header{margin-top: 44px;} .header-box { height: 184px; padding: 1.333rem 0; /*color: #777777;*/ } .header-box h1, .header-box h2, .header-box h3, .header-box h1 a:hover, .header-box h2 a:hover, .header-box h3 a:hover, .header-box .title-color { color: #27bfcc; line-height: 1; } .header-wrapper h1, .header-wrapper h2, .header-wrapper h3, .header-wrapper h1 a:hover, .header-wrapper h2 a:hover, .header-wrapper h3 a:hover, .header-wrapper .title-color { line-height: 1; } /* .header-hoz>.container>.row{position: relative;} #page-header .logo-wrapper{ margin-right: 0; } #page-header .logo-wrapper >a{display:block; -ms-flex:0 0 auto; flex:0 0 auto;} #page-header .logo-wrapper img, #page-header .logo-wrapper svg{ //width: 100%; max-width: 190px;// margin: 0 5px 0 0;} #page-header .dsd-logo{width: 170px; display:inline !important;} #page-header .stw-logo{width: 140px; display:inline !important;} #page-header .wsd-logo{height: 40px;} #page-header .slogans{ margin-left: 1rem; padding-left: 1rem; position: relative; } #page-header .slogans::before{ content: ""; display:block; position: absolute; top:1rem; bottom:1rem; left:0; width: 1px; background-color: currentColor;} /*#page-header .logo img{ height: 120px; width: auto; display:inline !important;} #page-header .slogans img{ height: 120px; width: auto; display:inline !important;} // */ .header-row .logo-wrapper{text-align: left; max-width: 296px} .header-row .logo-wrapper a{display: inline-block;} .header-row .logo-wrapper a+a{display: inline-block; margin-left: 16px;} .header-row .logo-wrapper img{max-height: 90px; } /*.header-row .logo-wrapper img+img{ margin-left: 16px;}*/ .fixed .header-row .logo-wrapper{text-align: left; max-width: 255px} header h1{margin-top: 0;} .lang-switchs-pc{ display:-ms-flex; display: flex; font-size: 0.75rem; line-height: 1; margin-right: -15px;} .lang-switchs-pc>a{display:block; -ms-flex:0 0 auto; flex:0 0 auto; margin-left: 0.5em; padding-left: 0.5em; position: relative; height: auto; text-shadow: 0 0 5px #000, 0 0 2px #000;} .lang-switchs-pc>a::before{ content: ""; position: absolute; top:0.4em; bottom:0.2em; left: 0; width: 1px; background-color: currentColor; box-shadow: rgba(50, 50, 93, 0.25) 0 0 0 0; transition: 0.5s background-color, 0.5s height; -webkit-transition: 0.5s background, 0.5s height; -moz-transition: 0.5s background, 0.5s height; -o-transition: 0.5s background, 0.5s height; -ms-transition: 0.5s background, 0.5s height; } /* .lang-switch{width: 32px; height: 32px; display:-ms-flex; display:flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; background-color: #27bfcc; color:#FFF; opacity: 0.6; margin-left: 8px;} .lang-switch:hover{volor:#FFF;} .lang-switch.active{opacity: 1;} .nav-wrapper {background-color: #ffffff;} */ #page-header.fixed{ /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);*/ background-image:none; background-color: transparent; } #page-header.fixed::before{ height: 90px; background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); box-shadow: rgba(50, 50, 93, 0.25) 0px 24px 48px -10px, rgba(0, 0, 0, 0.3) 0px 16px 32px -16px; } /*html[lang=en-GB] #page-header.fixed::before{ height: 91px;} #top-menu { height: 60px; }*/ #top-menu .navbar>li { /*background-color: #ffffff; color: #27bfcc;*/ text-transform: none; } /*html[lang=en-GB] */ /*#top-menu .navbar>li{font-weight: bold;}*/ html[lang=en-GB] .navbar>li>a { font-size: 1rem; /*18px;*/ } #top-menu .navbar.item-right>li{ margin: 0 0 0 1.5em; line-height: 1; padding-bottom: 0.3em; padding-top: 0.3em;} #top-menu .navbar.item-right>li::before{content: ""; display:block; position: absolute; right:100%; bottom:0; left:0; height: 2px; border-radius:4px; background-color: aqua; transition: right .25s; /*background: linear-gradient(90deg, #0ca0e2 0%, #84eae5 100%);*/ background-image: var(--theme_gradient); } #top-menu .navbar.item-right>li:hover::before{right:0; } html[lang=en-GB] #top-menu .navbar.item-right>li{ margin: 0 0 0 1em;} #top-menu .navbar.item-right>li:first-child{margin-left: 0;} #top-menu .nav>li>a{ padding: 0; /*text-shadow: 0 0 5px #000, 0 0 2px #000;*/ font-size: 0.9rem; /*font-weight: bold;*/ } /*#top-menu .navbar .nav-item:before{content: ""; display:block; width: 1px; height: 60%; position: absolute; top:0; bottom:0; left:0; margin: auto; background-color: #d5dee3;} #top-menu .navbar .nav-item:first-child:before{content: none;}*/ /*, #top-menu .navbar>li>.sub*/ #top-menu .nav li>a, #top-menu .nav li>button{font-weight: normal !important; font-size: 0.9rem !important;} .top-menu-hover, #top-menu .navbar>li:hover { color:#3bc072; /* background-color: #2cb0c9; color: #FFFFFF; -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.15); */ } #top-menu .navbar>li>.sub{ font-weight: 400; } .top-menu-hover:after, #top-menu .navbar>li.parent:hover:after{ content: ""; position: absolute; left:0; right:0; bottom:0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #2bbed8 transparent; } #top-menu .navbar>li .sub>li { background-color: #FFFFFF; color: #53616c; position: relative; /*border: 5px #FFF solid;*/ } .navbar>li .sub>li>button.empty-link{ height: 0; display: block; color:#53616c; padding: 0 1rem; line-height: 40px; outline: none; overflow: hidden; letter-spacing: 0; width: 100%; border-radius: 0; text-align: left;} .navbar li:hover>.sub>li>button.empty-link, .navbar li:focus>.sub>li>button.empty-link{ height: 40px;} .sub.lv3>li>a{ padding-left: 2em;} .sub.lv3>li>a::before{ content: "-"; display:inline-block; margin-right: 0.5em;} #top-menu .navbar>li .sub>li>a, .navbar>li .sub>li>button.empty-link { transition: 0.5s height, 0.5s background, 0.5s border-left; -webkit-transition: 0.5s height, 0.5s background, 0.5s border-left; -moz-transition: 0.5s height, 0.5s background, 0.5s border-left; -o-transition: 0.5s height, 0.5s background, 0.5s border-left; -ms-transition: 0.5s height, 0.5s background, 0.5s border-left; /*} #top-menu .navbar>li .sub>li>a{ border-left: 5px #FFF solid;*/ border-left: none; font-size: 1rem; /*18px;*/ background: linear-gradient(90deg, #FFF 0%, #FFF 100%); } .sub-menu-hover, #top-menu .navbar>li .sub>li:hover>a, #top-menu .navbar>li .sub>li:hover>button.empty-link{ /*background-color: #F5F5F5; color: #27bfcc;*/ /*background-color: #dffffc; color: #0e3868; border-left: 5px #2bbed8 solid;*/ /*background: linear-gradient(90deg, #0ca0e2 0%, #2bbed8 100%);*/ color:#FFF; background-image: var(--theme_gradient); } .navbar { /*font-size: 1rem;*/ width: 100%; margin-top: 5px; } .nav-item i{margin-right: 0.25em;} #top-menu .lv3{ /*position: relative;*/ left:-100%;} .social-pc{display:block; text-align: right;} .social-mobile{display:none !important; text-align: center;} .search-input{color:#666;} .search-input input[type=text], .search-input input[type=search]{background-color: #eee; border-color: #eee; color: inherit; border-radius: 2rem 0 0 2rem; box-shadow: none; border-right: none;} .search-input input[type=button], .search-input button, .search-input .btn{ background-color: #eee; border-color: #eee; color: inherit; border-radius: 0 2rem 2rem 0; border-left: none;} .search-input input[type=button]:hover, .search-input button:hover, .search-input .btn:hover, .search-input input[type=button]:focus, .search-input button:focus, .search-input .btn:focus, .search-input input[type=button]:focus:active, .search-input button:focus:active, .search-input .btn:focus:active{ background-color:#eee; border-color: #eee; color:#0e3868;} .search-input input[type=text]:focus, .search-input input[type=text]:focus+input[type=button], .search-input input[type=text]:focus+button, .search-input input[type=text]:focus+.btn, .search-input input[type=search]:focus, .search-input input[type=search]:focus+input[type=button], .search-input input[type=search]:focus+button, .search-input input[type=search]:focus+.btn{ background-color:#FFF} .header-extra-wrapper{order:-1;} .header-extra-wrapper .top-icon{display:inline-block; width: 32px; height: 32px; border: none; background: none; padding: 0; margin-left: 0.5em; line-height: 1;} .header-extra-wrapper .top-icon img{ max-width: 100%; height: auto; opacity: 0.8; pointer-events: none;} .header-extra-wrapper .top-icon:hover img{opacity: 1;} .top-slidedown{display:none; position: fixed; z-index: 88; } .top-slidedown-body{font-size: 0.825rem; /*background-color: #27bfcc;*/ background-image: var(--theme_gradient); color:#FFF; border-radius: 4px; box-shadow: 0 4px 8px rgba(0, 0, 0, .2); margin-top: 8px; width: 10.1rem; position: relative; padding-bottom: 1em } .top-slidedown-body>.top-slidedown-title {display:block; padding: 1em 1em 0.25em 1em; margin-bottom: 0;} .top-slidedown-body .font-switcher{padding: 0.5em 1em !important; font-size: 0.8rem !important; border: none; border-radius: 0; background: none; } .top-slidedown a{color: inherit;} .top-slidedown h5{ font-weight: bold} .top-slidedown-body::before{content: ""; display:block; width: 0; height: 0; border-style: solid; border-width: 0px 6px 8px 6px; border-color: transparent transparent #16a3bb transparent; position: absolute; top:-8px; right:0.75em; z-index: 87;} .group-list{ list-style: none; padding: 0; margin: 0;} .group-list .group-list-item{ border-top:1px #fff solid; padding: 0.5em 1em; display:block; line-height: 1; width: 100%;} .group-list li.group-list-item:first-child, .group-list>li:first-child>.group-list-item{ border-top:none;} .font-switcher{border: none; background-color: transparent; text-align: left; } .font-switcher.active, .group-list-item.active{ background-color:#226b95; } .font-switcher.active::after{ content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: bold; display:inline-block; width: 1em; height: 1em; margin-left: 0.5em;} #mobile-menu{width: 3rem; height: 3rem; background-color: #2bbed8; top:10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #mobile-menu i{ /*width: 1.375rem; left: 0.6875rem;*/ width: auto; left: 8px; right: 8px; margin: auto;} .inner-section{} .inner-section.bg-top{ background-position: top; background-size: 100% 100%;} .inner-section.bg-bottom{ background-position: bottom; background-size: 100% 100%;} #showcase_inpage { background-color: #2bbed8; height: 240px; } #showcase_inpage .inpage-title { color: #ffffff; font-size: 3rem; font-weight: 400; line-height: 1.1em; letter-spacing: 0.1em; text-align: left; } html[lang=en-GB] #showcase_inpage .inpage-title{font-weight: bold; letter-spacing: 0;} #showcase_inpage .breadcrumb { background: none; border: none; padding-left: 0.15em; padding-right: 0.15em; padding-bottom: 0; font-size: 1.125rem; margin: 0; text-align: right; } #showcase_inpage .breadcrumb>li+li:before { color: inherit; text-align: center; padding: 0 5px 0 8px; } .main-content { color: #777777; font-size: 1rem; letter-spacing: 0.05em; } /*.main-content h1, .main-content h2, .main-content h3, .main-content h1 a:hover, .main-content h2 a:hover, .main-content h3 a:hover, .main-content .title-color, .main-content .title-color a, .main-content .title-color a:hover { color: #27bfcc; padding: 0px; } .main-content h1, .main-content h2, .main-content h3 { font-weight: 400; text-align: center; } .main-content h4, .main-content h5, .main-content h6, .main-content h4 a:hover, .main-content h5 a:hover, .main-content h6 a:hover, .main-content .subtitle-color, .main-content .subtitle-color a, .main-content .subtitle-color a:hover { color: #27bfcc; padding: 0px; } .main-content h4, .main-content h5, .main-content h6 { font-weight: 400; text-align: left; } .main-content a:not(.btn) { color: #00a0e9; } .main-hover, .main-content a:not(.btn):hover { color: #4ec2e7; }*/ /* .ul-color, .main-content ul>li:before, .ol-color, .main-content ol>li:before { color: #27bfcc; } .main-color, .main-color.color-overlay:before, .btn-primary { background-color: #27bfcc; border-color: #27bfcc; } .main-color, .main-color.color-overlay:before, a.main-color:hover, .main-color a:hover, .btn-primary { color: #ffffff; } .main-color-hover, .btn.main-color:hover, .btn.main-color:focus, a.main-color:hover, .main-color a:hover, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover { background-color: #22d1de; border-color: #22d1de; color: #ffffff; } .sub-color1, .sub-color1.color-overlay:before, .btn-secondary { background-color: #165479; } .sub-color1, .sub-color1.color-overlay:before, a.sub-color1:hover, .sub-color1 a:hover, .btn-secondary { color: #ffffff; } .sub-color1-hover, .btn.sub-color1:hover, .btn.sub-color1:focus, a.sub-color1:hover, .sub-color1 a:hover, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:active:focus { background-color: #198ed4; border-color: #198ed4; color: #ffffff; } .sub-color2, .sub-color2.color-overlay:before, .btn-default { background-color: #008ed1; } .sub-color2, .sub-color2.color-overlay:before, a.sub-color2:hover, .sub-color2 a:hover, .btn-default { color: #ffffff; } .sub-color2-hover, .btn.sub-color2:hover, .btn.sub-color2:focus, a.sub-color2:hover, .sub-color2 a:hover, .btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:focus, .btn-default:active:hover { background-color: #00a0e9; border-color: #00a0e9; color: #FFF; } */ /*js plugin*/ .image-slider{ border-radius: var(--thumb_radius); margin-bottom: 2rem;} .image-slider .swiper-pagination{padding-bottom: 2rem;} .image-slider.owl-carousel .owl-nav button.owl-next, .image-slider.owl-carousel .owl-nav button.owl-prev{ font-size: 2.25rem; width: 1.5em; height: 1.5em; background-color: #2bbed8; color:#FFF; opacity: 0.6} .image-slider.owl-carousel .owl-nav button.owl-prev{left: 0;} .image-slider.owl-carousel .owl-nav button.owl-next{right: 0;} .image-slider.owl-carousel:hover .owl-nav button.owl-next, .image-slider.owl-carousel:hover .owl-nav button.owl-prev{opacity: 1;} .image-slider h1, .image-slider h2,.image-slider h3,.image-slider h4,.image-slider h5,.image-slider h6{letter-spacing: 0;} .scroll-item-list{} .scroll-item-list.owl-carousel .owl-nav button.owl-next, .scroll-item-list.owl-carousel .owl-nav button.owl-prev{ font-size: 4rem; width: 1em; height: 1.5em; line-height: 1; background-color: transparent; color:#0ca0e2; opacity: 1;} .scroll-item-list.owl-carousel .owl-nav button.owl-prev{left: -1em;} .scroll-item-list.owl-carousel .owl-nav button.owl-next{right: -1em;} /*.scroll-item-list.owl-carousel:hover .owl-nav button.owl-next, .scroll-item-list.owl-carousel:hover .owl-nav button.owl-prev{opacity: 1;}*/ .scroll-item-list .owl-dots{} .scroll-item-list.owl-carousel .owl-dots .owl-dot span{background-color: rgba(0,0,0,0.25);} .scroll-item-list.owl-carousel .owl-dots .owl-dot span:before{background-color:#2bbed8 } /*New Slide by Swiper */ .swiper-horizontal{ overflow: hidden;} .swiper-container{position: relative;} .video-slider{ max-height: 80vh; overflow: hidden;} .video-slider .swiper-slide{ position: relative; max-height: calc(80vh - 90px);} .video-slider .item-video, .video-slider .item-thumb{position: relative; z-index: 0; width: 100%; max-height: 80vh; overflow: hidden;} /*Set Slide Size Here*/ .video-slider .item-video::before, .video-slider .item-thumb::before{content: ""; display:block; width: 100%; padding-top: 33.85%;} .video-slider.slide-home-video-size .item-video::before, .video-slider.slide-home-video-size .item-thumb::before{content: ""; display:block; padding-top: 33.85%; /*padding-top: 56.25%;*/} /*.item-video>.video-code{position: absolute; top:-9999em; right:0; bottom:-9999em; left:0; margin: auto; width: 100%; height: auto; }*/ .video-slider .vjs-theme-vslider{ position: absolute; top:0; right:0; bottom:0; left:0; margin: 0; width: auto !important; height: auto !important; } .video-slider .vjs-theme-vslider .vjs-tech, .video-slider .item-thumb img{ position: absolute; top: -9999em; right:0; bottom: -9999em; left:0; margin: auto; width: 100% !important; max-width: none !important; height: auto!important; } .swiper{ transform: translate3d(0,0,0); overflow: hidden; } .swiper-item { width: 100%; /*height: 450rpx;*/ transform: translate3d(0,0,0); } /* .video-slider .vjs-theme-vslider video{ -o-filter: blur(3px); filter: blur(3px); } */ .video-slider .item-intro{ /*width: 100%; height: 100%;*/ width: calc(98% - 128px); max-width: 1280px; max-height: 70%; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 9; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; color:#FFF; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .video-slider .item-intro>*{ -ms-flex: 0 1 auto; flex: 0 1 auto; text-shadow: 0 0 30px #000;} .video-slider .item-title{font-size: 1.8rem; font-weight: bold; color: inherit;margin-bottom: 0;} .video-slider h2.item-title{ color: #FFF !important; background:none;-webkit-background-clip: unset; -webkit-text-fill-color:#FFF; margin-bottom: 0 !important;} /*.video-slider .item-desc{position: absolute; right: 0; bottom: 0; left: 0; text-align: center; padding: 1em; font-weight: normal !important;}*/ .video-slider .intro-box{ background-image: var(--theme_gradient-o50); padding: 2em; border-radius: 1em; position: absolute; right:0; top:0; } .video-slider .item-desc, .video-slider .item-desc h2, .video-slider .item-desc h3, .video-slider .item-desc h4{ margin-bottom: 0 !important; color: #FFF !important; background-image: none; -webkit-text-fill-color: currentColor;} .video-slider .intro-box, .video-slider .item-desc, .video-slider .item-desc h2, .video-slider .item-desc h3, .video-slider .item-desc h4{ text-align: center;} .video-slider .item-desc, .video-slider .item-desc h2{ font-size: 1.8rem;} .video-slider .item-desc h3{ font-size: 1.5rem;} .video-slider .item-desc h4{ font-size: 1rem;} .intro-box.box-blue{ background-color: rgba(66, 101, 213, 0.8);} .intro-box.pos-left-top{ top:0; right:auto; bottom:auto; left:0; } .intro-box.pos-center-top{ top:0; right:auto; bottom:auto; left:auto;} .intro-box.pos-right-top{ top:0; right:0; bottom:auto; left:auto;} .intro-box.pos-left-center{ top:auto; right:auto; bottom:auto; left:0;} .intro-box.pos-center-center{top:auto; right:auto; bottom:auto; left:auto;} .intro-box.pos-right-center{ top:auto; right:0; bottom:auto; left:auto;} .intro-box.pos-left-bottom{ top:auto; right:auto; bottom:0; left:0;} .intro-box.pos-center-bottom{ top:auto; right:auto; bottom:0; left:auto;} .intro-box.pos-right-bottom{ top:auto; right:0; bottom:0; left:auto;} /* Set Slide Nav Here*/ .video-slider .swiper-nav{display: none;} .video-slider.slide-with-nav .swiper-nav{display: block;} .video-slider .item-intro a{pointer-events: auto;} .vslider-button, .vslider-button::before, .vslider-button::after, .buttom-button, .button-pause{ transition:0.25s background-color, 0.25s color, 0.5s left, 0.5s right, 0.35s width; -webkit-transition:0.25s background-color, 0.25s color, 0.5s left, 0.5s right, 0.35s width; -moz-transition:0.25s background-color, 0.25s color, 0.5s left, 0.5s right, 0.35s width; -o-transition:0.25s background-color, 0.25s color, 0.5s left, 0.5s right, 0.35s width; -ms-transition:0.25s background-color, 0.252s color, 0.5s left, 0.5s right, 0.35s width; } .vslider-button{position: absolute; top:0; bottom:0; margin: auto; height: 60%; width: 1.125em; background-color: rgba(255,255,255,0.8); z-index: 1; border:none;border-radius: 0 !important; color:#2bbed8; font-size: 64px; line-height: 1;} .vslider-button.button-prev{ left:0; padding: 0;} .vslider-button.button-prev::before{content: ""; background-color: rgba(255,255,255,0.8); display:block; position: absolute; width: 1.125em; height: 1.125em; top:-1.125em; left:0; -webkit-mask-image: var(--tab_corner_lt); mask-image: var(--tab_corner_lt); -webkit-mask-position: left bottom; mask-position: left bottom; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .vslider-button.button-prev::after{content: ""; background-color: rgba(255,255,255,0.8); display:block; position: absolute; width: 1.125em; height: 1.125em; bottom:-1.125em; left:0; -webkit-mask-image: var(--tab_corner_lb); mask-image: var(--tab_corner_lb); -webkit-mask-position: left top; mask-position: left top; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .vslider-button.button-next{ right:0; padding: 0;} .vslider-button.button-next::before{content: ""; background-color: rgba(255,255,255,0.8); display:block; position: absolute; width: 1.125em; height: 1.125em; top:-1.125em; right:0; -webkit-mask-image: var(--tab_corner_rt); mask-image: var(--tab_corner_rt); -webkit-mask-position: right bottom; mask-position: right bottom; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .vslider-button.button-next::after{content: ""; background-color: rgba(255,255,255,0.8); display:block; position: absolute; width: 1.125em; height: 1.125em; bottom:-1.125em; right:0; -webkit-mask-image: var(--tab_corner_rb); mask-image: var(--tab_corner_rb); -webkit-mask-position: right top; mask-position: right top; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .vslider-button.button-prev .arrow-left{width: 1em; height: 1em} .vslider-button.button-prev .arrow-left::before{ background-image: linear-gradient(to right, #3bc072 0%, #12a0c3 100%); position: absolute; width: 1em; height: 1em; top:0; right:0; bottom:0; left:0; margin: auto; transform: none; -webkit-mask-image: var(--arrow_l); mask-image: var(--arrow_l); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .vslider-button.button-prev .arrow-left::after{ content: none !important;} .vslider-button.button-prev .arrow-right{width: 1em; height: 1em} .vslider-button.button-next .arrow-right::before{ background-image: linear-gradient(to right, #12a0c3 0%, #3bc072 100%); position: absolute; width: 1em; height: 1em; top:0; right:0; bottom:0; left:0; margin: auto; transform: none; -webkit-mask-image: var(--arrow_r); mask-image: var(--arrow_r); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .vslider-button.button-next .arrow-right::after{ content: none !important;} .video-slider:hover .vslider-button, .video-slider:hover .vslider-button::before, .video-slider:hover .vslider-button::after{ background-color: rgba(255,255,255,1); } /*.video-slider:hover .button-prev{ left:16px;} .video-slider:hover .button-next{ right:16px;}*/ .vslider-buttom-nav{position: absolute; bottom:0; margin: 0 auto; width: auto !important; background-color: #FFF; z-index: 1; text-align: center ; font-size: 16px; padding: 0.6em 0 0 0; line-height: 1; height: 3em; margin-left: 50%; transform: translateX(-50%); } .vslider-buttom-nav::before{content: ""; background-color: #FFF; display:block; position: absolute; width: 3em; height: 3em; left:-3em; bottom:0; -webkit-mask-image: var(--tab_corner_bl); mask-image: var(--tab_corner_bl); -webkit-mask-position: right bottom; mask-position: right bottom; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .vslider-buttom-nav::after{content: ""; background-color: #FFF; display:block; position: absolute; width: 3em; height: 3em; right:-3em; bottom:0; -webkit-mask-image: var(--tab_corner_br); mask-image: var(--tab_corner_br); -webkit-mask-position: left bottom; mask-position: left bottom; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .buttom-button, .button-pause{ height: 16px; width: 16px; border:none; display:inline-block; margin: 6px; padding: 0; color:#12a0c3;} .button-pause{background: none; vertical-align: middle;} .button-pause::before{content: ""; display:block; height: 16px; width: 16px;background: none; border: 6px #12a0c3 solid; border-width: 0 6px ;} .button-pause.active::before{ height: 0; width: 0; border-width: 8px 0px 8px 16px; border-color: transparent transparent transparent currentColor;} .buttom-button{background-color: #a2adb5; border-radius: 8px; vertical-align: middle; /*border:1px #12a0c3 solid;*/} .buttom-button.active{ width: 32px; background-image: linear-gradient(to right, #3bc072 0%, #12a0c3 100%);} .color-overlay{} .color-overlay .item-thumb, .color-overlay .item-video{ position: relative;} .color-overlay .item-thumb::after, .color-overlay .item-video::after{ content: ""; display:block; position: absolute; top:0; right:0; bottom:0; left:0; background-color: rgba(115,133,159, 0.5); color:#FFF;} .bg-image{position: relative; color:#FFF; background-size: cover; background-position: center;} .bg-image.bg-fix{background-attachment: fixed;} .bg-image.bg-parallax,.bg-image.bg-parallax .block-title {color:#FFF} /*.bg-image::before , .bg-image.bg-parallax::after{ content: ""; display:block; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 0; background-color: rgba(115,133,159, 0.7); }*/ /*.bg-image.bg-parallax::before{content: none;}*/ /*.bg-image.bg-parallax::after{ content: ""; display:block; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 0; background-color: rgba(115,133,159, 0.7); }*/ .bg-image.bg-parallax>div{ position: relative; z-index: 1;} .bg-image>div>div:not(.tmpl-board):not(.tmpl-postcard):not(.tmpl-deck) .block-wrapper{max-width: 1170px; padding: 0 15px; margin: 0 auto;} .bg-image .tmpl-board>.block-wrapper, .bg-image .tmpl-postcard>.block-wrapper, .bg-image .tmpl-deck>.block-wrapper{max-width:none !important;} #block_publications_header, #publications_header, #block_ema_reports_header, #ema_reports_header{max-width: 100% !important;} .popup-gallery{} .popup-gallery .col{} .popup-gallery .item{background-color: #FFF; padding: 0.625rem; -webkit-box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.75); box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.75); } .popup-gallery .item-thumb{} .popup-gallery .item-thumb img{ height: auto; width: 100% !important; } /*.popup-gallery .item-thumb a{position: relative; display:inline-block; overflow: hidden;}*/ .popup-gallery .item-thumb a::after{content: ""; width: 64px; height: 64px; border-radius: 50%; text-align: center; color:#FFF; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1; margin: auto; background-color: rgba(43,190,216,0.8); /*rgba(0,0,0,0.75);*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='36' height='36' viewBox='0 0 256 256'%3E%3Cpath d='M253.8 243.5L168.3 158c14.9-17.3 23.1-39.1 23.1-62.2 0-25.6-10-49.6-28-67.7C145.2 10 121.2 0 95.6 0 70.1 0 46.1 9.9 28 28c-37.3 37.3-37.3 98 0 135.4 18.7 18.7 43.2 28 67.7 28 22.2 0 44.4-7.8 62.2-23.1l85.5 85.6c1.4 1.4 3.3 2.2 5.2 2.2 1.9 0 3.8-.7 5.2-2.2 2.9-2.9 2.9-7.6 0-10.4zM38.4 153c-31.6-31.6-31.6-83 0-114.6C53.7 23.1 74 14.7 95.6 14.7s42 8.4 57.3 23.7c15.3 15.3 23.7 35.6 23.7 57.3 0 21.6-8.4 42-23.7 57.3-31.5 31.6-82.9 31.6-114.5 0z'/%3E%3C/svg%3E"), var(--theme_gradient-o75); background-repeat: no-repeat; background-position: center; pointer-events: none; opacity: 0; transform: scale(1.1); transition:0.5s transform, 0.5s opacity; -webkit-transition:0.5s transform, 0.5s opacity; -moz-transition:0.5s transform, 0.5s opacity; -o-transition:0.5s transform, 0.5s opacity; -ms-transition:0.5s transform, 0.5s opacity; } .popup-gallery .item-thumb a:hover::after{opacity: 1; transform: scale(1); } .popup-gallery .item-intro{min-height: 1.75rem; padding: 0.5rem 0;} .popup-gallery .item-title{ font-size: 0.75rem; color:#53616c; margin: 0; font-weight: 400; text-align: center } .lightbox-group{} .lightbox-group .item-title{ padding: 0.5em 0;} .gallery-new{ margin-bottom: 3rem;} .gallery-item{ border-radius: var(--thumb_radius) !important;} .block-title{ background-image: var(--theme_gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: fit-content;} /*blocks*/ .block-wrapper{/*margin-top: 60px; padding-top: 60px; */} .block-wrapper img{max-width: 100%; height: auto} .img-parallax{border-radius: 32px; overflow: hidden;} .img-parallax .block-wrapper .item-thumb img{max-width: none;} .block-title, .item-title{color:#065475; } .block-title{font-size: 2rem; font-weight: bold; margin: 0 auto 1em auto;} /*#page-footer .block-wrapper{margin-top: 0; padding-top: 1rem;}*/ /*.item-desc{ text-align: justify;} */ .item-desc p, .item-desc li, html[lang=en-GB] p{ text-align: justify; margin-bottom: 1.85em; } .text-left .item-desc, .text-left .item-desc p, .text-left .item-desc li{ text-align: left !important;} .text-center .item-desc, .text-center .item-desc p, .text-center .item-desc li{ text-align: center !important;} .text-right .item-desc, .text-right .item-desc p, .text-right .item-desc li{ text-align: right !important;} .block-singal-image-textbox{padding-top: 0;} .block-singal-image-textbox .block-content .item-intro{padding: 60px 40px;} #home-slider{ margin-top: 0; padding-top: 0; border-bottom: 25px #2bbed8 solid; background-color: #18394a;} #home-slider .owl-carousel .owl-stage{display:block;} #home-slider .owl-carousel .owl-item{float:left;} #home-slider .item-thumb{} #home-slider .item-thumb:before{padding-top: 39.0625%;} #home-slider .image-slider .item-intro{ bottom: 0; display:flex; align-items: flex-end; justify-content: flex-start; text-align: left; width: 100%; min-height: 135px; padding: 0.25rem 1rem; z-index: 1; background: -moz-linear-gradient(top, rgba(24,57,74,0) 0%, rgba(24,57,74,0.8) 100%); background: -webkit-linear-gradient(top, rgba(24,57,74,0) 0%,rgba(24,57,74,0.8) 100%); background: linear-gradient(to bottom, rgba(24,57,74,0) 0%,rgba(24,57,74,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0018394a', endColorstr='#cc18394a',GradientType=0 ); } #home-slider .image-slider .item-intro-upper{ position: absolute;top:0;right:0;left:0;z-index: 2; text-align: left; color:#FFF; padding: 0.25rem 1rem; background: -moz-linear-gradient(top, rgba(24,57,74,0.8) 0%,rgba(24,57,74,0) 100%); background: -webkit-linear-gradient(top, rgba(24,57,74,0.8) 0%,rgba(24,57,74,0) 100%); background: linear-gradient(to bottom, rgba(24,57,74,0.8) 0%,rgba(24,57,74,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc18394a', endColorstr='#0018394a',GradientType=0 ); } #home-slider .image-slider .item-intro-upper h1, #home-slider .image-slider .item-intro-upper h2, #home-slider .image-slider .item-intro-upper h3{ font-size: 1.5rem;} #home-slider .project-num{font-size: 2.5rem; background-color: #2bbed8; display: inline-block; padding: 0.25em 0.5em; border-radius: 8px;} .block-text{} .block-text .item{display:flex; align-items: flex-start; justify-content: center; flex-wrap: nowrap;} .item-border-image .item-thumb, .item-without-border-image .item-thumb { padding-top: 0; margin: 60px; overflow: visible; max-width: 270px;} .item-border-image .item-thumb:before{content: ""; display:block; position: absolute; top:10px; right:10px; bottom:10px; left:10px; margin: -25px auto auto -25px; background-color: #d7eef7; z-index: 0; } .item-border-image .item-thumb:after{content: ""; display:block; position: absolute; top:10px; right:10px; bottom:10px; left:10px; margin: auto -25px -25px auto; background-color: #27bfcc; z-index: 0; } .item-border-image .item-thumb img, .item-without-border-image .item-thumb img {position: relative; top:0; right:0; bottom:0; left:0; z-index: 1} .home-overview .item-intro{width: 50%;} /* .block-text .item-title{padding-left: 2rem; display:flex; align-items: flex-end; justify-content: flex-start; flex-wrap:nowrap; margin-bottom: 30px; font-size: 2rem; line-height: 1.2em; letter-spacing: 0.05em; font-weight: bold; text-align: left; text-align-last: left;} html[lang=en-GB] .block-text .item-title{letter-spacing: 0;} .block-text .item-title:before{content: ""; display:block; width: 1rem; position: absolute; top:0; bottom:0; left:0; background-color: #2cb0c9; } .block-text .item-title>h1, .block-text .item-title>h2, .block-text .item-title>h3, .block-text .item-title>h4{margin-bottom: 0;}*/ .block-text .item-title{ font-size: 1.5rem; line-height: 1.5; margin-top: -0.25em; margin-bottom: 1.85rem; background-image: var(--theme_gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: fit-content; display:block; } .home-shortcut{} .home-shortcut .item-title{text-align: center; background-color: rgba(22,84,121,0.7); position: absolute; left:0; right:0; bottom:0; color:#FFF; z-index: 1;} .home-shortcut .item-title>*{margin-bottom: 0;} .home-shortcut .item-title a{display:block; padding: 0.5rem; font-size: 1rem;} .home-shortcut .item-thumb::before{padding-top: 56%} .block-events{} .block-title{text-align: center; /*color:#2bbed8;*/ } .block-events .scroll-item-list{margin: 36px auto;} .block-events .item-thumb{max-height: 435px; overflow: hidden; border-bottom: 5px #2bbed8 solid} .block-events .item-date{order:1; width: 50px; height: 64px; padding: 8px; margin-right: 1em; flex: 0 0 auto; display:flex; flex-direction: column; background-color: #27bfcc; color:#FFF; text-align: center; position: absolute; top:0; left: 0.5rem;} .block-events .item-date>span{line-height: 1em;} .block-events .item-date>span.day{font-size: 2em;} .block-events .item-date>span.month{font-weight: bold; text-transform: uppercase;} .block-events .item-title{font-size: 1.5rem; color:#369a8d; font-weight: bold; padding: 0.5em 0;} .block-events .block-footer{ height: 45px; } .block-events .block-footer>div{position: absolute; left:0; right: 0; margin: auto; text-align: center;} .block-events .block-footer>div .btn{position: relative; z-index: 1} .block-events .block-footer>div:before{content: ""; width: 100%; height: 1px; background-color:#27bfcc; position: absolute; top:0; right:0; bottom:0; left:0; margin: auto;z-index: 0;} .block-news .table>tbody>tr>th, .block-news .table>tbody>tr>td{padding: 15px 18px;} .block-news .data{width: 185px;} .block-news .data span{padding: 0.5em 2em; background-color: #008ed1; color:#fff;} .block-video-gallery .item{ max-width: 715px; overflow: hidden; margin: 0 auto} .block-gallery .item-thumb, .block-video-gallery .item-thumb{margin-bottom: 0;} /* .block-video-gallery .item-intro{ font-size: 1rem; text-align: center; background-color: rgba(22,84,121,0.5); position: absolute; left:0; right:0; bottom:0; color:#FFF; z-index: 1; padding: 10px;} .block-gallery .item-title, .block-video-gallery .item-title{color: inherit;} */ /* .block-video-gallery .item-date{ display:inline-block; margin: 0.5em 0; padding: 0.25em 1em; background-color: #2bbed8; color: #FFF; border-radius: 0 0 0.5em 0; font-size: 0.8em;} */ .block-gallery-slideshow .block-title, .block-news .block-title{padding-left: 2rem; color:#27bfcc;} .block-gallery-slideshow .block-title:before, .block-news .block-title:before{content: ""; position: absolute; left:0; width: 1rem; height: 2.8125rem; background-color: #ffba53; border-radius: 1rem;} .block-gallery-slideshow .item-thumb{position: relative; padding-top: 75%;} .block-gallery-slideshow .item-thumb img{position: absolute; margin: auto; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; max-width: 100%;} .block-gallery{ max-width: 1280px; margin: 0 auto;} .block-gallery .list-header { display: block; padding: 0.5em; border-bottom: 1px #ddd solid; color: inherit; } .block-gallery .list-header ._btn{ display:inline-block; margin-left: 0.5em;} .block-gallery .item-list{ padding: 1em 0.5em 0; background-color: rgba(0,0,0,0.025); margin: 0; } .block-gallery .item{margin-bottom: 1rem;} .block-gallery .item-thumb img{max-width: 100%;} .block-gallery .item-title{ font-size: 0.8rem;margin-bottom: 0; } html[lang=en-GB] .block-gallery .item-title{font-size: 0.8rem;} .block-gallery .item-title a{ display:block; text-align: center; padding: 1em; } .block-gallery-details{max-width: 1280px; margin: 0 auto;} .block-gallery-details .item-list>div{-ms-flex: 0 0 auto;flex: 0 0 auto;} .block-gallery-details .block-footer{text-align: center; font-size: 0.8rem; margin-top: 2rem} .gallery-col{margin-bottom: 1rem;} .block-accordion{max-width: 1280px; margin: 0 auto;} .block-accordion .accordion-header{color:inherit;font-weight: bold;} .block-accordion .accordion-content { font-size: 0.8rem; line-height: 1.5;} /*.block-faq{font-size: 1.5rem; line-height: 1.5em;}*/ .block-faq ol{counter-reset: icounter; list-style: none; padding: 0;} .block-faq ol>li{ counter-increment: icounter; position: relative; padding: 0 70px 1em 4em; margin-bottom: 1em; border-bottom: 1px #ccc solid;} .block-faq ol>li:before { content: 'Q'counter(icounter); display: inline-block; width: 2em; height: 1.8em; line-height: 1; text-align: center; font-size: 2em; position: absolute; top:-5px; left:0; margin:0 auto; font-weight: bold; color:#2d6588; } .block-faq ol>li>div{position: relative; padding: 0.5em 0.5em 0.5em 4em; margin: 1em -70px 0 -4em; background-color: #f6f6f6; border-radius: 8px;} .block-faq ol>li>div:before{ content: 'A'counter(icounter); display: inline-block; width: 2em; height: 1em; line-height: 1;text-align: center; font-size: 2em; position: absolute; top:5px; left:0; margin:0 auto; font-weight: bold; color:#2bbed8; } html[lang=en-GB] .block-faq ol>li>div:before{ top:0.5em; bottom:auto; } .block-faq .question{font-weight: bold; color:#333} .block-faq ol>li ._btn{position: absolute; width: 64px; height: 48px; top:0; right:0; font-size: 32px; line-height: 1em;} .block-post-table{} .block-post-table .item-date{padding: 4px 8px; font-size: 0.8em; background-color: #27bfcc; color:#FFF;} .block-brands{} .block-brands .item{ height: 100%; background-color: #FFF; border: 1px #ccc solid; border-radius: 8px; max-width: 240px; margin: auto; overflow: hidden;} .block-brands .item-thumb{ width: 90%; margin: auto;} .block-brands .item-thumb:before{background-color: #FFF;} .block-brands .item-intro{padding: 0 10px 15px;} .works-progress-col2{width: 200px;} .works-progress-col3{width: 105px; text-align: center !important;} .search-keywords{margin-bottom: 2rem;} .search-result-item{ display:flex; flex-wrap: wrap; align-content: center; align-items: center; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px #ddd solid } .search-result-type{flex:0 0 auto; padding: 6px; color:#27bfcc; border: 1px #27bfcc solid; border-radius: 8px; font-size: 0.8rem; line-height: 1em; margin-right: 1em;} .search-result-title{flex:1 0 auto; font-size: 1.25rem;margin-bottom: 0; color:#27bfcc;} .search-result-title .fas{font-size: 0.5em;} .search-result-item p{flex: 1 0 100%; margin-top: 0.75rem; color:#999} .search-result-highlight{color:#2196f3; font-style: italic; padding-right: 0.25em; } table.show-link td a{ color: #3f79b5; text-decoration: underline;} table.show-link td a:hover, table.show-link td a:focus{ color: #2196F3;} table.show-link td a[target=_blank]::after{ font-family: "Font Awesome 5 Free";content: "\f35d"; font-weight: 900; font-size: 0.8em; margin-left: 0.25em; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; } /* .awards-list{ max-width: 1300px; margin: auto;} .awards-list .item{-ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; margin: 4rem auto;} .awards-list .item-thumb{ width: 40%; } .awards-list .item-thumb .img-responsive{ width: 100%; max-width: 100%;} .awards-list .item-intro{ width: 60%; -ms-flex: 0 1 auto; flex: 0 1 auto} .awards-list .col:nth-child(odd) .item .item-thumb{ margin-left: 100px} .awards-list .col:nth-child(even) .item .item-thumb{ margin-right: 100px} .awards-list .col:nth-child(odd) .item .item-intro, .awards-list .col:nth-child(odd) .item .item-desc, .awards-list .col:nth-child(odd) .item p{ text-align: right;} .awards-list .item-title{font-weight: bold;} */ .awards-list-inner{position: relative;} /*.awards-list-inner::before{content: ""; display: block; width: 1rem; border-radius: 1em; background-image: linear-gradient(to bottom, #3bc072, #12a0c3); position: absolute; top:1rem; bottom:1rem; left:1rem; z-index: 0;}*/ .awards-list .year-wrapper{ margin-bottom:1rem; position: relative; padding-left: 3.5em; font-size: 16px;} .awards-list .year-wrapper .year-mark{ position: relative; font-size: 3em; } .awards-list .year-wrapper::before{content: ""; display: block; width: 1.4em; border-radius: 1em; background-image: linear-gradient(to bottom, #3bc072, #12a0c3); position: absolute; top:2em; bottom:-3em; left:0.8em; z-index: 0;} .awards-list .year-wrapper::after{content: ""; display: block; width: 3em; height: 4em; border-radius: 1.6em; position:absolute; top:0; left:0; border: 0.8em #004463 solid; background-color: #FFF; } /* .awards-list .year-wrapper .year-mark::after{content: ""; display: block; width: 0.5em; height: 0.5em; border-radius: 0.5em; position:absolute; top:0.25em; left:0.25em; background-color: #FFF;} */ /* .padding-small .tmpl-progress>.col:first-child, .padding-medium .tmpl-progress>.col:first-child, .padding-large .tmpl-progress>.col:first-child{ padding-top: 0 !important;} .padding-small .tmpl-progress>.col:first-child::after, .padding-medium .tmpl-progress>.col:first-child::after, .padding-large .tmpl-progress>.col:first-child::after{top:0 !important;} */ .awards-list .year-wrapper:last-child::before{content: none;} .awards-list .item{ margin-bottom:1rem;} .awards-list .item-title{font-size: 0.875rem !important; line-height: 1.25; font-weight: normal; text-align: center;} html[lang=en-GB] .awards-list .item-title{font-size: 1rem !important;} .awards-list .item-intro{ padding: 1em;} .download-file-list{ margin-bottom: 2rem; padding: 0; list-style: none; } .download-file-list li{position: relative; padding: 0.8em 0 1em 2.5em; color: #2196f3; line-height: 1.2; text-align: left; } .download-file-list li::before{content: ""; display: block; width: 2em; height: 2em; position: absolute; top:0.3em; left:0; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='%232196f3'%3E%3Cpath d='M11.799999999999999 1.9000000000000001c1 0 1.6.1 2 .3.4.2.8.6 1.4 1.4.4.4 1 1.2 1.8 2.4.4.5.9.8 1.5.8h10.9c.3 0 .6.3.6.6v22.1c0 .3-.3.6-.6.6h-27c-.3 0-.6-.3-.6-.6V13.9v-.2V2.5c0-.3.2-.6.7-.6h9.3m0-1.9H1.9C.9 0 0 1.1 0 2.5v27C0 30.9 1.1 32 2.5 32h27c1.4 0 2.5-1.1 2.5-2.5V7.4c0-1.4-1.1-2.5-2.5-2.5h-11c-.8-1.1-1.4-2-1.8-2.4C15.3.5 14.3 0 11.8 0z'/%3E%3Cpath d='M16 26.3c-.2 0-.5-.1-.6-.3l-8-7.5c-.4-.4-.4-1 0-1.3.4-.4 1-.4 1.3 0l7.4 6.9 7.4-6.9c.4-.4 1-.3 1.3 0 .4.4.3 1 0 1.3l-8 7.5c-.3.2-.6.3-.8.3z'/%3E%3Cpath d='M16 20c-.2 0-.5-.1-.6-.3l-6.8-6.4c-.4-.4-.4-1 0-1.3.4-.4 1-.4 1.3 0l6.2 5.8 6.2-5.8c.4-.4 1-.3 1.3 0 .4.4.3 1 0 1.3l-6.8 6.4c-.3.2-.6.3-.8.3z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; } .download-month, .download-season{ display:-ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: center; align-content: center; list-style: none; padding: 0;} /*.download-month>div{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: 6.25%; padding: 0 10px 10px 0;}*/ .download-month li.col, .download-season li.col{-ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66%; padding: 0 10px 10px 0 !important; margin-bottom: 0 !important;} /*.download-month>div:last-child{padding-right: 0;}*/ .download-month .box, .download-season .box{ color:#2bbed8; border: 1px currentColor solid; text-align: center; background-color: #FFF; border-radius: 24px; overflow: hidden; } .download-month .box-month, .download-season .box-month{background-color: #2bbed8; color:#FFF; padding: 0.25em; font-size: 1em; font-weight: bold; } .download-month .box-desc, .download-season .box-desc{ padding:0.25em; min-height: 4rem; color:#2196f3; display:-ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center;} .download-month .box-desc a, .download-month .box-desc div, .download-season .box-desc a, .download-season .box-desc div{ -ms-flex: 0 0 auto; flex: 0 0 auto; display: block; width: 100%; text-align: center; line-height: 1em; padding:0.25em; } .download-month-4 li.col, .download-season li.col{-ms-flex: 0 0 auto; flex: 0 0 auto; width: 25% !important;} .download-month .col:nth-child(6n+1) .box, .download-season .col:nth-child(6n+1) .box{ color:#3bc072; } .download-month .col:nth-child(6n+1) .box-month, .download-season .col:nth-child(6n+1) .box-month{background-color: #3bc072; } .download-month .col:nth-child(6n+2) .box, .download-season .col:nth-child(6n+2) .box{ color:#33ba82; } .download-month .col:nth-child(6n+2) .box-month, .download-season .col:nth-child(6n+2) .box-month{background-color: #33ba82; } .download-month .col:nth-child(6n+3) .box, .download-season .col:nth-child(6n+3) .box{ color:#2bb392; } .download-month .col:nth-child(6n+3) .box-month, .download-season .col:nth-child(6n+3) .box-month{background-color: #2bb392; } .download-month .col:nth-child(6n+4) .box, .download-season .col:nth-child(6n+4) .box{ color:#22ada3; } .download-month .col:nth-child(6n+4) .box-month, .download-season .col:nth-child(6n+4) .box-month{background-color: #22ada3; } .download-month .col:nth-child(6n+5) .box, .download-season .col:nth-child(6n+5) .box{ color:#1aa6b3; } .download-month .col:nth-child(6n+5) .box-month, .download-season .col:nth-child(6n+5) .box-month{background-color: #1aa6b3; } .download-month .col:nth-child(6n) .box, .download-season .col:nth-child(6n) .box{ color:#12a0c3; } .download-month .col:nth-child(6n) .box-month, .download-season .col:nth-child(6n) .box-month{background-color: #12a0c3; } /* 3bc072 33ba82 2bb392 22ada3 1aa6b3 12a0c3 */ .news-style{ max-width: 1320px; margin: 0 auto;} .news-style .item{ position: relative; margin-top: 5rem; align-items: center; } .news-style .item-thumb{ } /*.news-style .item-thumb>a{ position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; -webkit-transform: scale(1) ; transform: scale(1); transition: 0.35s all; -webkit-transition: 0.35s all; -moz-transition: 0.35s all; -o-transition: 0.35s all; -ms-transition: 0.35s all; transform-origin: center; } .news-style .item-thumb>a>img{ position: absolute; min-width: 100%; max-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: 0.35s all; -webkit-transition: 0.35s all; -moz-transition: 0.35s all; -o-transition: 0.35s all; -ms-transition: 0.35s all; transform-origin: center; } .news-style .item-thumb>a:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); } */ .news-style .col:first-child .item{ margin-top: 0;} /*.news-style .item::before{ content:""; display: block; position: absolute; top:1rem; right:0; left:0; margin: auto; height: 1px; background-color: #CCC;}*/ .news-style .item-date{ display: inline-block; padding: 0.5em 1em; background-color: #2bbed8; color:#FFF;} .news-style .item-date+.item-title{padding: 2rem 0;} .news-style .item-desc, .news-style .item-desc span, .news-style .item-desc p{ text-align: center !important; max-width: 1170px; padding: 0 15px; margin: 0 auto} .news-style .item-desc ul, .news-style .item-desc ol{ display: inline-block; vertical-align: top; } .news-style .item-desc li{text-align: left;} .news-style+div .pagination{margin-top: 5rem;} .mfp-figure:after{ content: none;} .pagination{} .btn-page{ border: 1px currentColor solid; background-color: #FFF; color: #337ab7; font-size: 1rem; padding: 0.5em; display: block; border-radius: var(--thumb_radius); margin: 0.25em; line-height: 1; min-width: 2.2em; height: 2.25em; font-weight: bold; } .active>.btn-page{ /*border-color:#337ab7; background-color: #337ab7;*/ background-image: var(--theme_gradient) !important; border-color: #FFF; color:#FFF } .btn-page:hover, .btn-page:focus, .btn-page:active, .btn-page:active:focus{ background-color: #9ef3f0; background-image: var(--theme_gradient-o25); } /*.btn-page-first{ border-radius: 0.5em 0 0 0.5em;} .btn-page-last{ border-radius: 0 0.5em 0.5em 0;}*/ /* #news_list_home{ position: absolute; right:2rem; bottom:2rem; z-index: 1; background-color: rgba(255,255,255,0.8); padding: 1rem; max-width: 500px; } #news_list_home .block-title{ text-align: left; margin-bottom: 0.25rem;} #news_list_home .item{margin-bottom: 1rem;} #news_list_home .item-intro{position: relative; padding-left: 5em;} #news_list_home .item-intro>*{color:#222; text-shadow: none;} #news_list_home .item-date { display: inline-block; padding: 0.25em 0.5em; background-color: #2bbed8; color: #FFF; position: absolute; top:0.2em; left:0; font-size: 0.8rem; line-height: 1.2; } #news_list_home .item-title{ font-size: 1rem !important; padding: 0.25em; margin-bottom: 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #news_list_home .block-footer{ text-align: right;} #news_list_home .block-footer .btn{ font-size: 0.8rem; padding: 0.25em 1em;} */ .alert{ line-height: 1.25;} #home_news_list{ width: calc(100% - 128px); max-width: 1128px; margin: 0 auto;} #home_news_list .block-title{bottom: 1rem; line-height: 1.2;} #home_news_list .owl-carousel .owl-nav{ bottom: 40px;} #home_news_list .item-title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } #home_news_list .block-title h3{ font-size: 1.5rem;} #home_news_list .owl-nav button.owl-prev{ width: 1em; left:-1.25em; font-size: 64px;} #home_news_list .owl-nav button.owl-next{ width: 1em; right:-1.25em; font-size: 64px;} #home_news_list .owl-nav .arrow-right{ /*width: 64px; height: 64px;*/ width: 1em; height: 1em; display:block; overflow: hidden; background-image: var(--theme_gradient); -webkit-mask-image: var(--arrow_circle_r); mask-image: var(--arrow_circle_r); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto 100%; mask-size: auto 100%; } #home_news_list .owl-nav .arrow-left{ /*width: 64px; height: 64px;*/ width: 1em; height: 1em; display:block; overflow: hidden; background-image: var(--theme_gradient); -webkit-mask-image: var(--arrow_circle_l); mask-image: var(--arrow_circle_l); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto 100%; mask-size: auto 100%; } #home_news_list .owl-nav .arrow-right::before,#home_news_list .owl-nav .arrow-right::after,#home_news_list .owl-nav .arrow-left::before,#home_news_list .owl-nav .arrow-left::after{ content: none;} /*#home_news_list .owl-item{padding-bottom: 64px; position: relative; z-index: 1; margin-bottom: 1rem}*/ /* #home_news_list .owl-item::after{ content: ""; position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; background-color: #f5f5f5; background-image: url(../images/home_news_item_bg.png); background-position: right bottom; background-repeat: no-repeat; background-size: 100%; z-index: -1; } #home_news_list .owl-item::before{ z-index: -2; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } */ .block-latest-news{/*max-width: 992px;*/ margin: 0 auto; margin-bottom: 6rem !important} /*.block-latest-news .row>div{padding-bottom: 2em;}*/ .filter-wrapper{display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center;} .filter-wrapper .form-group{ -ms-flex: 0 0 auto; flex: 0 0 auto; display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; max-width: 100%;} .filter-wrapper .button-switch{-ms-flex-wrap: wrap; flex-wrap: wrap;} .filter-wrapper .form-group>*{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .filter-wrapper .form-group>label{margin-right: 0.5em; margin-bottom: 0;} .filter-wrapper .form-group.year-switch>label{ max-width: 3rem; } .filter-wrapper .form-group.year-switch>select{ min-width: 8rem;} .filter-wrapper .form-control{ border-radius: var(--thumb_radius);} .button-switch input{width: 1px !important;} .button-switch label{ display: block; margin: 0.5em; background-color: #ddd; color: #222; border: none; padding: 0.5em 2em; border-radius: 2em; font-weight: normal; } .button-switch input[type=radio]:checked+label{ background-color: #0ca0e2; transition: right .25s; /*background: linear-gradient(180deg, #0ca0e2 0%, #0ca0e2 20%, #84eae5 100%);*/ background-image: var(--theme_gradient); color: #FFF; } .button-switch input[type=radio]+*::before, .button-switch input[type=checkbox]+label::before{ content: none !important;} #home_news_list .col{ /*display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: justify;*/ margin-bottom: 1rem; position: relative; z-index: 1;} /*#home_news_list .col, #home_news_list .item>div{ -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; margin-left: 0; margin-right: 0;}*/ #home_news_list .item{ } #home_news_list .item-thumb{width: 100%; padding-top: 75%; overflow: hidden; position: relative; margin-bottom: 0;} #home_news_list .item-thumb a{ position: absolute; top:0; right:0; bottom:0; left:0; margin: auto;} /* #home_news_list .item-intro{padding: 1.5rem; padding-bottom: 0;} #home_news_list .item-title{color:#2bbed8; font-size:1em; } #home_news_list .item-date{font-size: 0.8em; margin-bottom: 0.75em; line-height: 1} #home_news_list .day {padding: 0.25em 1em; background-color: #2bbed8; color: #FFF; border-radius: 0 0 0.5em 0; } */ #home_news_list .item-intro{background-color: #FFF; border-radius: 2rem; padding: 0 1em 1em; position: relative; margin: 2em 1em 1em; box-shadow:0px 8px 16px 0px rgba(64,90,213,0.1); min-height: 6em;} html[lang=en-GB] #home_news_list .item-intro{min-height: 7.5em;} #home_news_list .item-date{margin-top: -1em; margin-bottom: 1em} #home_news_list .item-date .day{ font-size: 0.9em; padding: 0.5em 1.5em; /*background-color: #2bbed8;*/ color: #FFF; border-radius: 2em; line-height: 1; background-image: var(--theme_gradient); } #home_news_list .more-wrapper{position: absolute; bottom: 0; right: 0; z-index: 1;} #home_news_list .item-title{ font-size: 1em; line-height: 1.35; font-weight: normal;} .styled-post-box{padding-bottom: 60px; position: relative; z-index: 1; max-width: 360px; height: 100%; margin-right: 360px; margin: 0 auto; font-size: 1rem; /*18px;*/ } .styled-post-box::before{ z-index: -2; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .styled-post-box::after{ content: ""; position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; background-color: #f5f5f5; background-image: url(../images/home_news_item_bg.png); background-position: right bottom; background-repeat: no-repeat; background-size: 100%; z-index: -1; } .styled-post-box.image-fit .item-thumb{width: 100%; padding-top: 75%; overflow: hidden; position: relative;} .styled-post-box.image-fit .item-thumb>a{position: absolute; top:0; right:0; bottom:0; left:0; margin: auto;} .styled-post-box .item-intro{padding: 1em 2em;} .styled-post-box .item-title{ font-size: 1em !important; color:#0d8dd6; line-height: 1.2} .styled-post-box .item-date{font-size: 0.8em; margin-bottom: 0.75em; line-height: 1} .styled-post-box .day {padding: 0.25em 1em; background-color: #2bbed8; color: #FFF; border-radius: 0 0 0.5em 0; } .img1-3 .image-fit>.item-thumb{ padding-top: 300%;} .img1-2 .image-fit>.item-thumb{ padding-top: 200%;} .img9-16 .image-fit>.item-thumb{ padding-top: 177.78%;} .img2-3 .image-fit>.item-thumb{ padding-top: 150%;} .img3-4 .image-fit>.item-thumb{ padding-top: 133.34%;} .img10-16 .image-fit>.item-thumb{ padding-top: 123.08%;} .img1-1 .image-fit>.item-thumb{ padding-top: 100%;} .img4-3 .image-fit>.item-thumb{ padding-top: 75%;} .img3-2 .image-fit>.item-thumb{ padding-top: 66.67%;} .img16-10 .image-fit>.item-thumb{ padding-top: 62.5%;} .img16-9 .image-fit>.item-thumb{ padding-top: 56.25%;} .img2-1 .image-fit>.item-thumb{ padding-top: 50%;} .img3-1 .image-fit>.item-thumb{ padding-top: 33.34%;} .rounded-item-boxs .item{ display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column; overflow: visible; margin-bottom: 3rem; } .rounded-item-boxs .item>div{ -ms-flex: 1 1 auto; flex: 1 1 auto;} .rounded-item-boxs .item>.item-thumb{ -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; order: -2; width: 100%; } .rounded-item-boxs .image-fit>.item-thumb>a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .rounded-item-boxs .item-intro{ background-color: #fff; border-radius: 2rem; padding: 0 1em 1em; position: relative; margin-top: 2em; box-shadow: 0px 8px 16px 0px rgba(64, 90, 213, 0.1); /*min-height: 5.5rem;*/ } .rounded-item-boxs .item-date{ margin-top: -1em; margin-bottom: 0.5em; margin-left: -0.5em; } .rounded-item-boxs .item-date .day{ font-size: 0.9em; padding: 0.5em 1.5em; color: #FFF; border-radius: 2em; line-height: 1; background-image: var(--theme_gradient); } .rounded-item-boxs .item-title { font-size: 1rem !important; line-height: 1.35; font-weight: normal; /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;*/ margin-bottom: 0; } #news_list_all{ max-width: 1128px; margin:0 auto 1rem; } #news_list_all .item{ -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px #ccc solid; } #news_list_all .item-title{line-height: 1.25; color:#244c80; font-size: 1em !important; font-weight: bold;} #news_list_all .date{padding: 0.5em 1em; line-height: 1; background-color: #2bbed8; color: #FFF; border-radius: 0 0 0.5em 0; display: inline-block; margin-bottom: 1rem; font-size: 0.8em;} #news_list_all .image-fit .item-thumb{} #news_list_all .image-fit .item-thumb>a{padding-top: 75%; width: 100%; position: relative;} #news_list_all .image-fit .item-thumb>a>.imgfit{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;} #news_list_all .item-desc{ font-size: 1rem; /*16px;*/} .styled-image-box{ max-width: 480px; margin: auto; background-color: #fff; color: #12a0c3; padding: 1em; line-height: 1.2; text-align: center; display: inline-block; box-shadow: 0 3px 30px rgba(0,40,130,0.2); border-radius: var(--thumb_radius); transition: transform 0.25s; } .styled-image-box a{color:inherit !important} .styled-image-box img{margin-bottom: 0.5em;} .styled-image-box:hover{ transform: scale(1.02);} .styled-image-box{} .styled-image-box.image-fit{width: 100%; margin-bottom: 1em;} .styled-image-box.image-fit .item-thumb{width: 100%; padding-top: 75%; overflow: hidden; position: relative; margin-bottom: 0.5em;} .styled-image-box.image-fit .item-thumb>a{position: absolute; top:0; right:0; bottom:0; left:0; margin: auto;display:block;} .styled-image-box.image-fit:hover{ transform: scale(1);} .styled-image-box.image-fit .item-thumb .imgfit{ transform: scale(1); transition:0.5s transform; -webkit-transition:0.5s transform; -moz-transition:0.5s transform; -o-transition:0.5s transform; -ms-transition:0.5s transform; } .styled-image-box.image-fit:hover .item-thumb .imgfit{ transform: scale(1.02);} .styled-image-box.image-fit .item-thumb>a::after{content: ""; width: 64px; height: 64px; border-radius: 50%; text-align: center; color:#FFF; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1; margin: auto; background-color: rgba(43,190,216,0.8); /*rgba(0,0,0,0.75);*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='36' height='36' viewBox='0 0 256 256'%3E%3Cpath d='M253.8 243.5L168.3 158c14.9-17.3 23.1-39.1 23.1-62.2 0-25.6-10-49.6-28-67.7C145.2 10 121.2 0 95.6 0 70.1 0 46.1 9.9 28 28c-37.3 37.3-37.3 98 0 135.4 18.7 18.7 43.2 28 67.7 28 22.2 0 44.4-7.8 62.2-23.1l85.5 85.6c1.4 1.4 3.3 2.2 5.2 2.2 1.9 0 3.8-.7 5.2-2.2 2.9-2.9 2.9-7.6 0-10.4zM38.4 153c-31.6-31.6-31.6-83 0-114.6C53.7 23.1 74 14.7 95.6 14.7s42 8.4 57.3 23.7c15.3 15.3 23.7 35.6 23.7 57.3 0 21.6-8.4 42-23.7 57.3-31.5 31.6-82.9 31.6-114.5 0z'/%3E%3C/svg%3E"), var(--theme_gradient-o75); background-repeat: no-repeat; background-position: center; pointer-events: none; opacity: 0; transform: scale(1.1); transition:0.5s transform, 0.5s opacity; -webkit-transition:0.5s transform, 0.5s opacity; -moz-transition:0.5s transform, 0.5s opacity; -o-transition:0.5s transform, 0.5s opacity; -ms-transition:0.5s transform, 0.5s opacity; } .styled-image-box.image-fit .item-thumb>a:hover::after{ opacity: 1; transform: scale(1); } .styled-colorbox-list .item{position: relative; z-index: 1; max-width: 640px; height: 100%; margin-right: 360px; margin: 0 auto; font-size: 1rem; /*18px;*/ } /* .styled-colorbox-list .item::before{ z-index: -2; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); }*/ .styled-colorbox-list .item::after{ content: ""; position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; background-image: var(--theme_gradient); background-position: right bottom; background-repeat: no-repeat; background-size: 100%; z-index: -1; border-radius: var(--thumb_radius); } .styled-colorbox-list .item-thumb{ border-radius: var(--thumb_radius) var(--thumb_radius) 0 0; position: relative; padding-top: 68%;} .styled-colorbox-list .item-thumb img { transform: scale(1); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition:0.5s transform; -webkit-transition:0.5s transform; -moz-transition:0.5s transform; -o-transition:0.5s transform; -ms-transition:0.5s transform; } .styled-colorbox-list .item:hover img { transform: scale(1.05); } .styled-colorbox-list .item-title{ color:#FFF !important; margin-bottom: 1.2rem !important} .styled-colorbox-list .item-intro{padding: 1em 1em 1.8em; line-height: 1.2; color:#c8fff5} /*#community_fl_list{ max-width: 1280px; margin: auto;}*/ #home_publications_list{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border: none; -ms-flex-wrap: wrap; flex-wrap: wrap;} #home_publications_list>.block-title{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: 260px; } #home_publications_list>.block-title img{margin-bottom: 1rem; max-width: 4rem} #home_publications_list>.block-title>h3{position: relative; font-size: 1.5rem; padding-bottom: 0.5em; margin-bottom: 0 !important; background-image: var(--theme_gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: 100%;} /*#home_publications_list>.block-title>h3::after{content: ""; display:inline-block; width: 3em; height: 2px; background: linear-gradient(90deg, #0ca0e2 0%, #84eae5 100%); border-radius: 4px; position: absolute; right:0; bottom:0; left:0; margin: auto;}*/ #home_publications_list>.item-wrapper{-ms-flex: 1 1 auto; flex: 1 1 auto; max-width: calc(100% - 260px); margin-left: 0; margin-right: 0; } #home_publications_list .block-title .btn{ width: 2.5em; height: 2.5em; text-indent: 999em; overflow: hidden; background-image: var(--theme_gradient); -webkit-mask-image: var(--arrow_circle_r); mask-image: var(--arrow_circle_r); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .block-video-gallery-home{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border: none; -ms-flex-wrap: wrap; flex-wrap: wrap;} .block-video-gallery-home .item-thumb{margin-bottom: 0.5em; } .block-video-gallery-home>.block-title{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: 260px; order:2; } .block-video-gallery-home>.block-title img{margin-bottom: 1rem; max-width: 4rem;} .block-video-gallery-home>.block-title>h3{position: relative; padding-bottom: 0.5em; margin-bottom: 0 !important; /*font-size: 1.35rem;*/ font-size: 1.5rem; line-height: 1.2; display:block; background-image: var(--theme_gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: 100%; } /*.block-video-gallery-home>.block-title>h3::after{content: ""; display:inline-block; width: 3em; height: 2px; background: linear-gradient(90deg, #0ca0e2 0%, #84eae5 100%); border-radius: 4px; position: absolute; right:0; bottom:0; left:0; margin: auto;}*/ .block-video-gallery-home>.block-title .btn{ width: 2.5em; height: 2.5em; text-indent: 999em; overflow: hidden; background-image: var(--theme_gradient); -webkit-mask-image: var(--arrow_circle_r); mask-image: var(--arrow_circle_r); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .block-video-gallery-home>.block-content{-ms-flex: 1 1 auto; flex: 1 1 auto; max-width: calc(100% - 260px); margin-left: 0; margin-right: 0;} .item-thumb{border-radius: var(--thumb_radius); overflow: hidden;} .block-video-gallery-home .item-intro{background-color: #fff; border-radius: 2rem; padding: 0 1em 1em; position: relative; margin-top: 2em; box-shadow:0px 8px 16px 0px rgba(64,90,213,0.1); min-height: 6em;} html[lang=en-GB] .block-video-gallery-home .item-intro{min-height: 7.5em;} .block-video-gallery-home .item-title{font-size: 1em; line-height: 1.35; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .block-video-gallery-home .item-date{margin-top: -1em; margin-bottom: 1em} .block-video-gallery-home .item-date .day{ font-size: 0.9em; padding: 0.5em 1.5em; /*background-color: #2bbed8;*/ color: #FFF; border-radius: 2em; line-height: 1; background-image: var(--theme_gradient); } #awards_left_menu{ font-size: 1rem; /*18px;*/ padding: 1em; position: relative;} /*#awards_left_menu::before{ content: ""; display:block; position: absolute; top:0; right:0; bottom:0; left:0; backdrop-filter: blur(0.5em); background-color: rgba(255,255,255,0.5); z-index: 0;}*/ #awards_left_menu h3{ font-size: 1em; font-weight: bold; padding: 0 1em; position: relative; z-index: 1;} #awards_left_menu ul{padding: 0; list-style: none; position: relative; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 0; } #awards_left_menu li{ border-top: 1px #ccc solid; -ms-flex:0 0 auto;flex:0 0 auto;} #awards_left_menu li a{display:block; padding: 0.5em 1em; border-left: 5px transparent solid;} #awards_left_menu li.active a, #awards_left_menu li:hover a{ background-color: #dffffc; color: #0e3868; border-left: 5px #2bbed8 solid;} #awards_list{} #awards_list .styled-image-box{ height: 100%; font-size: 1rem; /*18px;*/ font-weight: bold; color:#0E3868;} #awards_list .styled-image-box img {border:1px #BCCCE8 solid; border-radius: 4px;} .desalination-wrap{ margin: 1rem auto;} .desalination-wrap .fas{ font-size: 3rem;} .desalination-wrap .box-left{text-align: right;} .desalination-wrap .box-left .fas{margin-right: 1rem; color:#00acff} .desalination-wrap .box-right{text-align: left;} .desalination-wrap .box-right .fas{margin-left: 1rem; color:#005fb4} .desalination-key-1{ width: 100%; box-shadow:inset 0px 1px 0px 0px #97c4fe; background:linear-gradient(to bottom, #002867 5%, #001e4f 100%); background-color:#002867; border-radius:6px; border:1px solid #337fed; display:inline-block; color:#fff; font-weight:bold; padding:1rem 1.5rem; text-decoration:none; line-height: 1.2; text-align: center; } .desalination-key-1:hover { background:linear-gradient(to bottom, #001e4f 5%, #002867 100%); background-color:#001e4f; color:#FFF; } .desalination-key-1:active { position:relative; top:1px; } .desalination-key-2{ width: 100%; box-shadow:inset 0px 1px 0px 0px #97c4fe; background:linear-gradient(to bottom, #00acff 5%, #0284c7 100%); background-color:#00acff; border-radius:6px; border:1px solid #337fed; display:inline-block; cursor:pointer; color:#fff; font-weight:bold; padding:0.5rem 1.5rem; text-decoration:none; line-height: 1.2; text-align: center; } .desalination-key-2:hover { background:linear-gradient(to bottom, #0284c7 5%, #00acff 100%); background-color:#0284c7; color:#FFF; } .desalination-key-2:active { position:relative; top:1px; } .desalination-key-3{ width: 100%; box-shadow:inset 0px 1px 0px 0px #97c4fe; background:linear-gradient(to bottom, #005fb4 5%, #02498a 100%); background-color:#005fb4; border-radius:6px; border:1px solid #337fed; display:inline-block; cursor:pointer; color:#fff; font-weight:bold; padding:0.5rem 1.5rem; text-decoration:none; line-height: 1.2; text-align: center; } .desalination-key-3:hover { background:linear-gradient(to bottom, #02498a 5%, #005fb4 100%); background-color:#02498a; color:#FFF; } .desalination-key-3:active { position:relative; top:1px; } .fa-rotate-45{ -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fa-rotate-315{ -webkit-transform: rotate(315deg); transform: rotate(315deg); } .desalination-group{ min-height: 800px; margin-top: 2rem} .tabs-wrapper{display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; overflow: hidden; margin-bottom: 1rem;} .tabs-wrapper::after{ content: ""; display: block; width: 100%; height: 3px; background-color: #4ed1e5; position: absolute;right:0; bottom:0; left:0;} .tabs-wrapper>a{-ms-flex:1 1 auto; flex:1 1 auto; max-width: 100%; text-align: center; margin-left: 5px; padding-bottom: 5px; position: relative; z-index: 0; color:#282828; min-height: 65px; display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px); } .tabs-wrapper>a:first-child{margin-left:0;} .tabs-wrapper>a.active, .tabs-wrapper>a:active, .tabs-wrapper>a:active:focus, .tabs-wrapper>a:focus, .tabs-wrapper>a:hover{ -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .tabs-wrapper>a:nth-child(5n+1){ background-color: #d1f4f6; } .tabs-wrapper>a:nth-child(5n+1):active, .tabs-wrapper>a:nth-child(5n+1).active, .tabs-wrapper>a:nth-child(5n+1):active:focus, .tabs-wrapper>a:nth-child(5n+1):focus, .tabs-wrapper>a:nth-child(5n+1):hover { background-color: #4ed1e5; color:#004463;} .tabs-wrapper>a:nth-child(5n+2){ background-color: #f5e8d8; } .tabs-wrapper>a:nth-child(5n+2):active, .tabs-wrapper>a:nth-child(5n+2).active, .tabs-wrapper>a:nth-child(5n+2):active:focus, .tabs-wrapper>a:nth-child(5n+2):focus, .tabs-wrapper>a:nth-child(5n+2):hover { background-color: #f69000; color:#004463;} .tabs-wrapper>a:nth-child(5n+3){ background-color: #f4fbe9; } .tabs-wrapper>a:nth-child(5n+3):active, .tabs-wrapper>a:nth-child(5n+3).active, .tabs-wrapper>a:nth-child(5n+3):active:focus, .tabs-wrapper>a:nth-child(5n+3):focus, .tabs-wrapper>a:nth-child(5n+3):hover { background-color: #b9e381; color:#004463;} .tabs-wrapper>a:nth-child(5n+4){ background-color: #fee1e3; } .tabs-wrapper>a:nth-child(5n+4):active, .tabs-wrapper>a:nth-child(5n+4).active, .tabs-wrapper>a:nth-child(5n+4):active:focus, .tabs-wrapper>a:nth-child(5n+4):focus, .tabs-wrapper>a:nth-child(5n+4):hover { background-color: #ff8f8d; color:#004463;} .tabs-wrapper>a:nth-child(5n){ background-color: #edecfa; } .tabs-wrapper>a:nth-child(5n):active, .tabs-wrapper>a:nth-child(5n).active, .tabs-wrapper>a:nth-child(5n):active:focus, .tabs-wrapper>a:nth-child(5n):focus, .tabs-wrapper>a:nth-child(5n):hover { background-color: #b5b4e0; color:#004463;} .video-list{} .video-list .item-thumb{ border: 5px #d1f4f6 solid; margin-bottom: 0.5em; position: relative;} .video-list .item-thumb::before{ content: ""; display:block; width: 100%; z-index: 0; background-color: #eee; position: relative; top:0;right:0;bottom:0; left:0; margin: 0; padding-top: 56%;} .video-list .item-thumb>a{position: absolute; margin: 0; top:0; right:0; bottom:0; left:0;} .video-list .item-thumb img{ position: absolute; margin: auto; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; max-width: 100%; z-index: 1} .video-list .item-thumb a:hover img{ -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .video-list .item-title{ font-size: 1rem !important; font-weight: normal; text-align: center;} .block-video-details h3{font-size: 1.5rem; margin-bottom: 0.5em;} /*tmpl-style*/ .item-thumb{ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .item-thumb img{max-width: 100%; height: auto} .item-title{ font-size: 2rem; /*color:#222;*/ font-weight: bold; line-height: 1; margin-bottom: 0.5em; } /*html[lang=en-GB] .item-title{ font-size: 1.5rem;}*/ .item-title>h1, .item-title>h2, .item-title>h3, .item-title>h4, .item-title>h5, .item-title>h6, .item-title a{ font-size: 1em; line-height: inherit; color: inherit; font-weight: inherit} /*.item-intro p{margin-bottom: 1.5em}*/ .item-intro img{max-width: 100%; height: auto;} .text-right, .text-right p, .text-right .item-title, .text-right .item-desc, .text-right .item-footer{text-align: right;} .item-footer{text-align: center;} .tmpl-horz .item{-ms-flex-wrap: nowrap; flex-wrap: nowrap;} .tmpl-horz .item-thumb{-ms-flex: 0 0 auto; flex: 0 0 auto; } .tmpl-horz .item-intro{-ms-flex: 1 1 auto; flex: 1 1 auto;} .tmpl-vert .item{-ms-flex-wrap: wrap; flex-wrap: wrap;} .tmpl-vert .item-thumb, .tmpl-vert .item-intro{ -ms-flex: 1 1 100%; flex: 1 1 100%;} .tmpl-image-top .item-thumb, .tmpl-image-left .item-thumb{ order: 0;} .tmpl-image-top .item-intro, .tmpl-image-left .item-intro{ order: 1;} .tmpl-image-bottom .item-thumb, .tmpl-image-right .item-thumb{ order: 1;} .tmpl-image-bottom .item-intro, .tmpl-image-right .item-intro{ order: 0;} .tmpl-banner{} .tmpl-backdrop{} .tmpl-backdrop .item-thumb{ position: relative; z-index: 0; top:0; right:0; bottom:0; left:0; margin: auto;} .tmpl-backdrop .item-thumb img{max-width: none; width: 100%;} .tmpl-backdrop .item-intro{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; background-color: rgba(0, 179,170, 0.5); color:#FFF; } .tmpl-backdrop .item-intro>div{ -ms-flex: 0 1 auto; flex: 0 1 auto; color: inherit;} .tmpl-backdrop .item-intro .item-desc{margin: 2rem 0;} .tmpl-postcard .item, .tmpl-deck .item, .tmpl-board .item{display: -ms-flex; display: flex;} .tmpl-postcard .item-thumb{-ms-flex: 1 1 70%; flex: 1 1 70%; max-width: 70%; } .tmpl-postcard .item-intro{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; min-width: 570px; padding: 0 4rem; display: -ms-flex; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center;} .tmpl-postcard .item-intro>div{ -ms-flex: 0 0 auto;flex: 0 0 auto;} .tmpl-postcard .item-title{ text-align: center;} .tmpl-deck .item-thumb{ -ms-flex: 1 1 44%; flex: 1 1 44%; max-width: 44%;} .tmpl-deck .item-intro{ -ms-flex: 1 1 56%; flex: 1 1 56%; max-width: 56%; padding: 0 4rem; display: -ms-flex; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center;} .tmpl-deck .item-intro>div{ -ms-flex: 0 0 auto;flex: 0 0 auto;} .tmpl-board .item-thumb, .tmpl-board .item-intro{ -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%;} .tmpl-board .item-intro{ padding: 4rem;} .tmpl-progress{} .tmpl-progress>.col{ padding: 0 4rem 0; position: relative;} .tmpl-progress>.col::before{ content: ""; display:block; position: absolute; top:2.65rem; bottom:-4rem; left:5.25rem; margin: auto; width: 0; color:#2bbed8; border-right: 4px currentColor solid; } /*.tmpl-progress>.col:first-child{ padding-top: 0;}*/ .tmpl-progress>.col:first-child::before{ top:2.65rem;bottom:0;} .tmpl-progress>.col:last-child::before{ bottom: auto; height: 0;} .tmpl-progress>.col::after{content: ""; display:block; width: 2.66rem; height: 2.66rem; border-radius: 50%; color:#2bbed8; background-color: transparent; border: 4px currentColor solid; position: absolute; left:4rem; top:0; } .tmpl-progress .item{display: -ms-flex; display: flex;} .tmpl-progress .item-thumb{-ms-flex: 1 1 66.67%; flex: 1 1 66.67%; max-width: 66.67%; order: 2 !important; } .tmpl-progress .item-thumb::before{ content: ""; display:block; width: 100%; padding-top: 40%;} .tmpl-progress .item-thumb>div{ position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; overflow: hidden;} .tmpl-progress .item-thumb .swiper-container img{ max-width: 100%;} /*.tmpl-progress .item-thumb img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%;}*/ .tmpl-progress .item-intro{-ms-flex: 1 1 33.33%; flex: 1 1 33.33%; max-width: 33.33%; order: 1 !important; padding: 0 4rem; position: relative;} .progress-photos-gallery.tmpl-progress{} .progress-photos-gallery.tmpl-progress .item-thumb>a{ position: absolute; top:0; right:0; bottom:0; left:0; } .progress-photos-gallery.tmpl-progress .item-thumb>a>img{ position: absolute; margin: auto; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px;} .tmpl-progress .video-slider .item-video::before, .tmpl-progress .video-slider .item-thumb::before{padding-top: 56.25%; } .tmpl-ex-panel .swiper-wrapper{align-items: flex-end; max-width: 25%;} .tmpl-ex-panel .swiper-slide{background-color: #FFF; /*box-shadow: 0 8px 30px #ddd; */ width: 80%; max-width: 320px; opacity: 0; } .tmpl-ex-panel .swiper-slide-visible{opacity: 1;} .tmpl-ex-panel .swiper-slide a{pointer-events: none;} .tmpl-ex-panel .swiper-slide.swiper-slide-active a{ pointer-events: auto;} .tmpl-ex-panel .swiper-slide::before { content:""; width: 100%; height: 50px; position: absolute; bottom: -52px; background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .tmpl-ex-panel .swiper-slide.swiper-slide-active::before{ background: #FFF !important;} .tmpl-ex-panel .swiper-slide .item-thumb img{max-width: 100%; } .tmpl-ex-panel{ max-width: 100%; overflow: hidden; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 74%, rgba(238,238,238,1) 75%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 74%,rgba(238,238,238,1) 75%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 74%,rgba(238,238,238,1) 75%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .ex-pabel-title{padding: 1rem; text-align: center; font-weight: bold; color:#0e3868; display: none;} .swiper-button-prev, .swiper-button-next{ color:#0e3868} .swiper-button-next, .swiper-button-prev{ width: 40px; height: auto; position: absolute; top:0; bottom:0; margin: auto; background-color: rgba(255,255,255,0.5); padding: 4px;z-index: 4; } .swiper-button-next{ right:0; left: auto; border-radius: 0 var(--thumb_radius) var(--thumb_radius) 0;} .swiper-button-prev{ right: auto; left:0; border-radius: var(--thumb_radius) 0 0 var(--thumb_radius);} .swiper-button-next::after{ content: ""; background-image: linear-gradient(to right, #12a0c3 0%, #3bc072 100%); position: absolute; width: 32px; height: 32px; top:0; right:0; bottom:0; left:0; margin: auto; transform: none; -webkit-mask-image: var(--arrow_r); mask-image: var(--arrow_r); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .swiper-button-prev::after{ content: ""; background-image: linear-gradient(to right, #3bc072 0%, #12a0c3 100%); position: absolute; width: 32px; height: 32px; top:0; right:0; bottom:0; left:0; margin: auto; transform: none; -webkit-mask-image: var(--arrow_l); mask-image: var(--arrow_l); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .image-slider .item-thumb{ /*height: 320px;*/ } .image-slider .item-intro{ /*left:40px; right:40px;*/ background-image: var(--theme_gradient); text-align: center; position: relative; margin-top: 1rem; border-radius:var(--thumb_radius); } .image-slider .swiper-button-next, .image-slider .swiper-button-prev{/*height: 320px;*/ padding: 28.5% 0; bottom:auto;} .post-grid{} .post-list{} .tmpl-collage{} .tmpl-breakline-lg{} .tmpl-breakline-md{} .tmpl-breakline-sm{} .tmpl-breakline-xs{} .tmpl-wrap-scale-16to9 .item{position: relative;} .tmpl-wrap-scale-16to9 .item::before{content: ""; display:block; padding-top: 56.25%; z-index: 0;} .tmpl-wrap-scale-16to9 .item-thumb img{ max-height: 1440px;} .tmpl-wrap-inpage-header .item{position: relative;} .tmpl-wrap-inpage-header .item:before{content: ""; display:block; padding-top: 33.85%; z-index: 0;} /*.img-parallax .item-thumb{position: absolute; top:0; right:0; bottom:0; left:0; margin: auto;}*/ .block-bookcase {max-width: 1280px; margin: auto;} .block-bookcase>.item-wrapper.row-flex>*{ -ms-flex: 0 0 auto;flex: 0 0 auto; margin-bottom: 1.5rem;} .block-bookcase .item{ margin-bottom: 1.5rem; height: 100%; font-size: 0.9rem !important; line-height: 1.2;} .block-bookcase .item a{ display: block;} .block-bookcase .item-thumb{ /*box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;*/ border: 1px #BCCCE8 solid; width: 100%; padding-top: 138%; overflow: hidden; position: relative; margin-bottom: 1em; } .block-bookcase .item-thumb>a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .block-bookcase .item-thumb img{margin: 0; max-width: 100%;} .block-bookcase .item-title{text-align: center; font-size: 1em !important; padding: 0.75em 1em; margin-bottom: 0; font-weight: normal;} .block-bookcase .item-date{ background-color: #27bfcc; color: #FFF; padding: 0.5em; font-size: 1.25em; line-height: 1; border-radius: 2em; background-image: var(--theme_gradient); text-align: center; } .gallery-show{ list-style: none; padding: 0;} .gallery-show>li{list-style: none;} .download-box-list{list-style: none; padding: 0; font-size: 18px; max-width: 1140px; margin: auto;} .download-box-list .list-header ._btn{ display:inline-block; margin-left: 0.5em;} .item-countdown{max-width: 360px; margin: 0 auto 2rem;} .item-countdown .item-intro{position: relative; padding: 64px 1rem 1rem; line-height: 1.35; min-height: 13rem;} html[lang=en-GB] .item-countdown .item-intro{min-height: 16rem;} .item-countdown .item-intro::before{ content: ""; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 0; margin: auto; background-image: var(--theme_gradient); /*background: linear-gradient(0deg, #84eae5 0%, #0ca0e2 100%);*/ border-radius: var(--thumb_radius); } .item-countdown .item-intro::after{ content: ""; position: absolute; top:4px; right:4px; bottom:4px; left:4px; z-index: 0; margin: auto; background: #FFF; border-radius: 28px;} .item-countdown .item-intro>div{position: relative; z-index: 1;} .item-countdown .item-intro .item-countdown-number{font-size: 3rem; /*color:#6fb512;*/ font-weight: bold; background-image: var(--theme_gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .cc-icon{position: relative; width: 168px; height: 168px; border-radius: 50%; line-height: 1; overflow: hidden; padding: 36px; z-index: 1; box-shadow: 0px 16px 16px 0px rgba(50, 55, 75, 0.2); margin: 0 auto -40px;} .cc-icon img{width: 96px; position: relative; z-index: 1;} .cc-icon::before{ content: ""; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 0; margin: auto; border-radius: 50%; background: linear-gradient(135deg, #ffffff 0%,#f4f4f4 100%); } .cc-icon::after{ content: ""; position: absolute; top:4px; right:4px; bottom:4px; left:4px; z-index: 0; margin: auto; border-radius: 50%; background: linear-gradient(135deg, #f4f4f4 0%,#ffffff 100%); } /*#project_innovation_01_header{padding-top: 24rem; padding-bottom: 6rem; }*/ .color-filter{margin: 0 -0.5em;} .line-slider{overflow: hidden; padding-top: 2rem; margin-bottom: 3rem; min-height: 400px;} .line-slider .filter-wrapper{ margin-bottom: 2rem;} .line-slider .swiper-wrapper{ align-items: flex-end;} .line-slider .swiper-wrapper>.col:first-child::before{ left:50%;} .line-slider .swiper-wrapper>.col:last-child::before{ right:50%;} .line-slider .item{margin: auto;} .line-slider .item-thumb{ box-shadow: 0 0 10px rgba(0, 40, 130, 0.2); max-width: 256px; margin: auto;} .line-slider .item-thumb img{ width: 100%; height: auto; } /*.line-slider .swiper-slide .item-thumb img{ opacity: 0.6;}*/ .line-slider .swiper-slide.swiper-slide-active .item-thumb img{ opacity: 1;} .line-slider .col{position: relative; text-align: center; padding:0 2rem 3.25rem;} .line-slider .col::before{content: ""; display:block; height: 0; border-top: 4px #004463 dashed; position: absolute; top:auto; right:0; bottom:1.51rem; left:0; margin: auto; } .line-slider .col::after{content: ""; display:block; width: 3rem; height: 3rem; line-height: 0; border-radius: 50%; background-color: #FFF; border: #004463 4px solid; position: absolute; top:auto; right:0; bottom:0; left:0; margin: auto; } .line-slider .item-title{ color:#004463 !important; font-size: 1.25rem !important; line-height: 1.2; margin-top: 0.5em; min-height: 3.6em;} .line-slider .item-year{ font-size: 2rem; font-weight: bold; color:#004463; line-height: 1.1;} .line-slider .swiper-button-next:after, .line-slider .swiper-button-prev:after{ content:none;} .ani-arrow{transform: rotate(90deg); position: relative;} .ani-arrow span { display: block; width: 1.5rem; height: 1.5rem; border-bottom: 5px solid #32b985; border-right: 5px solid #12a0c3; transform: rotate(45deg); margin: -10px auto; animation: arrow-animate 2s infinite; } .ani-arrow span:nth-child(2) { animation-delay: -0.2s; } .ani-arrow span:nth-child(3) { animation-delay: -0.4s; } .swiper-button-disabled .arrow span{ animation: none;} .swiper-button-disabled .arrow span:nth-child(2), .swiper-button-disabled .arrow span:nth-child(3) { display: none} @keyframes arrow-animate { 0% { opacity: 0; transform: rotate(45deg) translate(-20px, -20px); } 50% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg) translate(20px, 20px); } } .ani-arrow-reversal{ transform: rotate(270deg)} .ani-arrow-down{transform: rotate(0deg);} #block_home_scroll_down{min-height: 128px;} #home_scroll_down{ position: absolute; z-index: 1; margin: auto; right:0; left:0; width: 64px; height: 0; padding: 2rem 0; } /**/ #page-footer { /*background-color: #27bfcc; background-image: none; font-size: 1rem; color: #ffffff; margin-top: 60px; text-align: left; line-height: 2.5em;*/ height: auto; /*padding-top: 60px;*/ } #page-footer .block-wrapper{ /*padding-top: 60px;*/ margin-top: 0;} #page-footer .flex-center{ -ms-flex-align: center !important; align-items: center !important; -ms-flex-line-pack: center !important; align-content: center !important;} #page-footer h3, #page-footer h4, #page-footer h5, #page-footer h6, #page-footer .title-color { color: #ffffff; } .footer-hover, #page-footer a:active,page-footer a:active:hover, #page-footer a:active:focus, #page-footer a:focus, #page-footer a:hover{ color: #27bfcc;} #page-footer .social{ padding: 1.2rem 0 0; text-align: right} #page-footer .social-icon{ background-color: #FFF; color:#27bfcc; font-size: 24px; padding: 10px; width: 44px; height: 44px; overflow: hidden; border-radius: 50%; text-align: center; margin-left: 0.5rem} #page-footer .logo-bottom{width: 300px; height: 60px; margin: 1rem 0;} /*#page-footer .copyright{text-align: center; line-height: 1em; padding: 1rem;}*/ /* #page-footer, #page-footer a{ color:#FFF; } #page-footer .block-content{ font-size: 1rem; color:#FFF; padding: 0; background-color: #2bbed8;} #page-footer .block-contact .container{ background-position: top right;} #page-footer .block-contact .block-title{color:#FFF; text-align: left} #page-footer .block-contact ul, .footer-contact li{list-style: none} #page-footer .block-contact li{font-size: 1.2em; margin-bottom: 1em} #page-footer .block-contact ul{padding: 0;} */ #page-footer .block-title{text-align: left} .text-color-white .footer-top-wrapper .block-title, .text-color-white .footer-top-wrapper a{color:#FFF;} .block-contact ul{ list-style: none; color:inherit; padding: 0; margin: 0;} .block-contact li{ padding-left: 3.5rem; min-height: 2.5em; margin-bottom: 2rem; position: relative; line-height: 1.85em; font-weight: bold;} .block-contact li .fas, #page-footer .block-contact li .fab{ font-size: 2rem; position: absolute; top:0; left:0;} .large-click-ul{ list-style: none; padding: 0;} .large-click-ul li{ padding-left: 48px; background: url(../images/icon_click_32.png) no-repeat left top; min-height: 48px; line-height: 1.2; padding-top: 0.4em; margin-bottom: 1em;} html[lang=en-GB] .large-click-ul li{ padding-top: 0;} #page-footer .footer-top-wrapper{ padding: 2.5rem 0; } #page-footer .footer-bottom-wrapper{ font-size: 0.667rem; text-align: right;padding: 2.5rem 0; background-color: #FFF; line-height: 1;} html, html[lang=en-GB] #page-footer .footer-bottom-wrapper{ font-size: 11px;} #page-footer .block-logo{ text-align: left;} /*#page-footer .block-logo a{ padding-left: 2rem; } #page-footer .block-logo a:first-child{ padding-left: 0;}*/ #page-footer .block-logo img{ height: 40px; width: auto; margin-left: 0.5rem;} #page-footer .block-logo img:first-child{margin-left: 0;} /*#page-footer .copyright{ padding-top: 30px; padding-bottom: 30px;}*/ #page-footer .bottom-menu, #page-footer .copyright{text-align: inherit; color:#666; font-weight: 400;} #page-footer .bottom-menu a, #page-footer .copyright a{color:#006bc7; display:inline-block;} #page-footer .bottom-menu{margin-bottom: 4px;} .back-top{background-color:#8cc63f; color:#FFF !important; } .grouped-text{ display:inline-block; white-space: nowrap;} #page-footer .grouped-text{ margin-bottom: 0.5em;} #page-footer .bottom-menu img{display: inline-block; margin: 8px;} #preloader{ background-color:#f5fdff; } #preloader .ch1{background-color:#3bc072;} #preloader .ch2{background-color:#31b886;} #preloader .ch3{background-color:#27b09b;} #preloader .ch4{background-color:#1ca8af;} #preloader .ch5{background-color:#12a0c3;} #preloader-center-absolute{ width: 320px; height: 120px; flex-wrap: wrap; justify-content: center;} .preloader-logo{ height: 80px; text-align: center; width: 100%; margin-bottom: 1rem;} .preloader-logo img{ height: 80px; width: auto;} .preloader-logo img+img{margin-left: 1rem;} /*bg color*/ .bg-white{background-color: #FFF;} .bg-white .item-title{ color: #065475; } .bg-lightgray, .bg-lightgrey{background-color: #dce1e7;} .bg-lightgray .item-title, .bg-lightgrey .item-title{color: #065475;} .bg-gray, .bg-grey{background-color: #889197;} .bg-darkgray, .bg-darkgrey{background-color: #3e4755;} .bg-black{background-color: #1e2127;} .bg-gray .item-title, .bg-grey .item-title, .bg-darkgray .item-title, .bg-darkgrey .item-title, .bg-black .item-title, .bg-black .item-title{color: #FFF;} .bg-green{background-color: #8cc63f; color:#266f3a;} .bg-green .item-title{ color: #164f00;} .bg-lightblue{background-color: #f5fdff; color:#103d61;} .bg-lightblue .item-title{color:#16425d;} .bg-blue{background-color: #1b8fe8; color:#103d61;} .bg-blue .item-title{color:#103d61;} .bg-darkblue{background-color:#25475c; color:#9db1cd;} .bg-darkblue .item-title{color:#c8dfff;} .text-color-darken{color:#1e2127;} .text-color-lighten{color:#98a2a9;} .bg-green .text-color-darken{color:#164f00;} .bg-green .text-color-lighten{color:#eaffd3;} /*.bg-lightblue .text-color-darken{color:#16425d;} .bg-lightblue .text-color-lighten{color:#d3f8ff;}*/ .bg-blue .text-color-darken{color:#002849;} .bg-blue .text-color-lighten{color:#a5e1ff;} .bg-darkblue .text-color-darken{color:#061327;} .bg-darkblue .text-color-lighten{color:#c8dfff;} .bg-green .tmpl-progress .col::before{color:#266f3a;} .bg-green .tmpl-progress .col::after{color:#266f3a;} /*.bg-lightblue .tmpl-progress .col::before{color:#a5e1ff;} .bg-lightblue .tmpl-progress .col::after{color:#a5e1ff;}*/ .bg-blue .tmpl-progress .col::before{color:#103d61;} .bg-blue .tmpl-progress .col::after{color:#103d61;} .bg-darkblue .tmpl-progress .col::before{color:#9db1cd;} .bg-darkblue .tmpl-progress .col::after{color:#9db1cd;} .bg-up-blue{ background-image: linear-gradient(to bottom, #f5fdff 75%, #ffffff 100%);} .bg-down-blue{ background-image: linear-gradient(to bottom, #ffffff 75%, #f5fdff 100%);} .bg-image .text-color-lighten{ color:#e1e7ef;} .bg-image .text-color-lighten .item-title{color:#FFF;} .bg-image .text-color-darken{color:#53616c;} .bg-image .text-color-darken .item-title{color:#2bbed8;} .bg-image h2{font-size: 2.5rem; font-weight: normal; margin-bottom: 0 !important; width: 100%;} .bg-image h2 .title-code{display: block; font-size: 1rem !important; line-height: 1;} .text-color-white{color:#FFF !important;} .text-color-black{color:#000 !important;} .text-color-black h1,.text-color-black h2,.text-color-black h3,.text-color-black h4,.text-color-black h5,.text-color-black h6{color:#000 !important; background: none;-webkit-background-clip: unset;-webkit-text-fill-color: unset; } .padding-small .tmpl-progress>.col{ padding: 2rem 4rem 0;} .padding-small .tmpl-progress>.col::before{top:4.66rem;bottom:-2rem;} .padding-small .tmpl-progress>.col::after{top:2rem;} .padding-medium .tmpl-progress>.col{ padding: 4rem 4rem 0;} .padding-medium .tmpl-progress>.col::before{top:6.66rem;bottom:-4rem;} .padding-medium .tmpl-progress>.col::after{top:4rem;} .padding-large .tmpl-progress>.col{ padding: 6rem 4rem 0;} .padding-large .tmpl-progress>.col::before{top:8.66rem;bottom:-6rem;} .padding-large .tmpl-progress>.col::after{top:6rem;} .padding-small .tmpl-progress>.col:first-child::before, .padding-medium .tmpl-progress>.col:first-child::before, .padding-large .tmpl-progress>.col:first-child::before{ top:2.65rem; } .padding-small .tmpl-progress>.col:first-child, .padding-medium .tmpl-progress>.col:first-child, .padding-large .tmpl-progress>.col:first-child{ padding-top: 0 !important;} .padding-small .tmpl-progress>.col:first-child::after, .padding-medium .tmpl-progress>.col:first-child::after, .padding-large .tmpl-progress>.col:first-child::after{top:0 !important;} html[lang=en-GB] .tmpl-progress .item-title{ margin-top: 0.5em;} .timeline-dotted.tmpl-progress>.col::before{border-right-style:dotted;} .timeline-dashed.tmpl-progress>.col::before{border-right-style:dashed;} /* .padding-small .tmpl-progress>.col:first-child{padding-top: 0;} .padding-small .tmpl-progress>.col::before, .padding-small .tmpl-progress>.col::after{ top:0;} .padding-medium .tmpl-progress>.col:first-child{padding-top: 0;} .padding-medium .tmpl-progress>.col::before, .padding-medium .tmpl-progress>.col::after{ top:0;} .padding-large .tmpl-progress>.col:first-child{padding-top: 0;} .padding-large .tmpl-progress>.col::before, .padding-large .tmpl-progress>.col::after{ top:0;} */ .block-month-boxs{ font-size: 0.666rem !important; max-width: 960px;margin: auto; list-style:none; padding: 0;} .block-month-boxs>li{list-style: none;} .block-month-boxs a.list-header{color: inherit; font-size: 1rem; font-weight: bold;} /*cellpadding*/ table[cellpadding="0"] td, table td, table[cellpadding="0"] th, table th{ padding: 0;} table[cellpadding="1"] td, table[cellpadding="1"] th{ padding: 1px;} table[cellpadding="2"] td, table[cellpadding="2"] th{ padding: 2px;} table[cellpadding="3"] td, table[cellpadding="3"] th{ padding: 3px;} table[cellpadding="4"] td, table[cellpadding="4"] th{ padding: 4px;} table[cellpadding="5"] td, table[cellpadding="5"] th{ padding: 5px;} table[cellpadding="6"] td, table[cellpadding="6"] th{ padding: 6px;} table[cellpadding="7"] td, table[cellpadding="7"] th{ padding: 7px;} table[cellpadding="8"] td, table[cellpadding="8"] th{ padding: 8px;} table[cellpadding="9"] td, table[cellpadding="9"] th{ padding: 9px;} table[cellpadding="10"] td, table[cellpadding="10"] th{ padding: 10px;} table[cellpadding="11"] td, table[cellpadding="11"] th{ padding: 11px;} table[cellpadding="12"] td, table[cellpadding="12"] th{ padding: 12px;} table[cellpadding="13"] td, table[cellpadding="13"] th{ padding: 13px;} table[cellpadding="14"] td, table[cellpadding="14"] th{ padding: 14px;} table[cellpadding="15"] td, table[cellpadding="15"] th{ padding: 15px;} table[cellpadding="16"] td, table[cellpadding="16"] th{ padding: 16px;} table[cellpadding="17"] td, table[cellpadding="17"] th{ padding: 17px;} table[cellpadding="18"] td, table[cellpadding="18"] th{ padding: 18px;} table[cellpadding="19"] td, table[cellpadding="19"] th{ padding: 19px;} table[cellpadding="20"] td, table[cellpadding="20"] th{ padding: 20px;} table[cellpadding="22"] td, table[cellpadding="22"] th{ padding: 22px;} table[cellpadding="24"] td, table[cellpadding="24"] th{ padding: 24px;} table[cellpadding="25"] td, table[cellpadding="25"] th{ padding: 25px;} table[cellpadding="26"] td, table[cellpadding="26"] th{ padding: 26px;} table[cellpadding="28"] td, table[cellpadding="28"] th{ padding: 28px;} table[cellpadding="30"] td, table[cellpadding="30"] th{ padding: 30px;} table[cellpadding="32"] td, table[cellpadding="32"] th{ padding: 32px;} table[cellpadding="34"] td, table[cellpadding="34"] th{ padding: 34px;} table[cellpadding="35"] td, table[cellpadding="35"] th{ padding: 35px;} table[cellpadding="36"] td, table[cellpadding="36"] th{ padding: 36px;} table[cellpadding="38"] td, table[cellpadding="38"] th{ padding: 38px;} table[cellpadding="40"] td, table[cellpadding="40"] th{ padding: 40px;} table[cellpadding="45"] td, table[cellpadding="45"] th{ padding: 45px;} table[cellpadding="50"] td, table[cellpadding="50"] th{ padding: 50px;} table[cellpadding="55"] td, table[cellpadding="55"] th{ padding: 55px;} table[cellpadding="60"] td, table[cellpadding="60"] th{ padding: 60px;} table[cellpadding="65"] td, table[cellpadding="65"] th{ padding: 65px;} table[cellpadding="70"] td, table[cellpadding="70"] th{ padding: 70px;} table[cellpadding="75"] td, table[cellpadding="75"] th{ padding: 75px;} table[cellpadding="80"] td, table[cellpadding="80"] th{ padding: 80px;} table[cellpadding="90"] td, table[cellpadding="90"] th{ padding: 90px;} table[cellpadding="100"] td, table[cellpadding="100"] th{ padding: 100px;} table[cellpadding="110"] td, table[cellpadding="110"] th{ padding: 110px;} table[cellpadding="120"] td, table[cellpadding="120"] th{ padding: 120px;} table[cellpadding="125"] td, table[cellpadding="125"] th{ padding: 125px;} table[cellpadding="130"] td, table[cellpadding="130"] th{ padding: 130px;} table[cellpadding="140"] td, table[cellpadding="140"] th{ padding: 140px;} table[cellpadding="150"] td, table[cellpadding="150"] th{ padding: 150px;} table[cellpadding="200"] td, table[cellpadding="200"] th{ padding: 200px;} table[cellpadding="210"] td, table[cellpadding="210"] th{ padding: 210px;} table[cellpadding="220"] td, table[cellpadding="220"] th{ padding: 220px;} table[cellpadding="225"] td, table[cellpadding="225"] th{ padding: 225px;} table[cellpadding="230"] td, table[cellpadding="230"] th{ padding: 230px;} table[cellpadding="240"] td, table[cellpadding="240"] th{ padding: 240px;} table[cellpadding="250"] td, table[cellpadding="250"] th{ padding: 250px;} table[cellpadding="300"] td, table[cellpadding="300"] th{ padding: 300px;} table[cellpadding="350"] td, table[cellpadding="350"] th{ padding: 350px;} table[cellpadding="400"] td, table[cellpadding="400"] th{ padding: 400px;} table[cellpadding="450"] td, table[cellpadding="450"] th{ padding: 450px;} table[cellpadding="500"] td, table[cellpadding="500"] th{ padding: 500px;} /*cellspacing*/ table[cellspacing]{ border-collapse: separate;} table[cellspacing="0"]{ border-spacing: 0;} table[cellspacing="1"]{ border-spacing: 1px;} table[cellspacing="2"]{ border-spacing: 2px;} table[cellspacing="3"]{ border-spacing: 3px;} table[cellspacing="4"]{ border-spacing: 4px;} table[cellspacing="5"]{ border-spacing: 5px;} table[cellspacing="6"]{ border-spacing: 6px;} table[cellspacing="7"]{ border-spacing: 7px;} table[cellspacing="8"]{ border-spacing: 8px;} table[cellspacing="9"]{ border-spacing: 9px;} table[cellspacing="10"]{ border-spacing: 10px;} table[cellspacing="11"]{ border-spacing: 11px;} table[cellspacing="12"]{ border-spacing: 12px;} table[cellspacing="13"]{ border-spacing: 13px;} table[cellspacing="14"]{ border-spacing: 14px;} table[cellspacing="15"]{ border-spacing: 15px;} table[cellspacing="16"]{ border-spacing: 16px;} table[cellspacing="17"]{ border-spacing: 17px;} table[cellspacing="18"]{ border-spacing: 18px;} table[cellspacing="19"]{ border-spacing: 19px;} table[cellspacing="20"]{ border-spacing: 20px;} table[cellspacing="22"]{ border-spacing: 22px;} table[cellspacing="24"]{ border-spacing: 24px;} table[cellspacing="25"]{ border-spacing: 25px;} table[cellspacing="26"]{ border-spacing: 26px;} table[cellspacing="28"]{ border-spacing: 28px;} table[cellspacing="30"]{ border-spacing: 30px;} table[cellspacing="32"]{ border-spacing: 32px;} table[cellspacing="34"]{ border-spacing: 34px;} table[cellspacing="35"]{ border-spacing: 35px;} table[cellspacing="36"]{ border-spacing: 36px;} table[cellspacing="38"]{ border-spacing: 38px;} table[cellspacing="40"]{ border-spacing: 40px;} table[cellspacing="45"]{ border-spacing: 45px;} table[cellspacing="50"]{ border-spacing: 50px;} table[cellspacing="55"]{ border-spacing: 55px;} table[cellspacing="60"]{ border-spacing: 60px;} table[cellspacing="65"]{ border-spacing: 65px;} table[cellspacing="70"]{ border-spacing: 70px;} table[cellspacing="75"]{ border-spacing: 75px;} table[cellspacing="80"]{ border-spacing: 80px;} table[cellspacing="90"]{ border-spacing: 90px;} table[cellspacing="100"]{ border-spacing: 100px;} table[cellspacing="110"]{ border-spacing: 110px;} table[cellspacing="120"]{ border-spacing: 120px;} table[cellspacing="125"]{ border-spacing: 125px;} table[cellspacing="130"]{ border-spacing: 130px;} table[cellspacing="140"]{ border-spacing: 140px;} table[cellspacing="150"]{ border-spacing: 150px;} table[cellspacing="200"]{ border-spacing: 200px;} table[cellspacing="210"]{ border-spacing: 210px;} table[cellspacing="220"]{ border-spacing: 220px;} table[cellspacing="225"]{ border-spacing: 225px;} table[cellspacing="230"]{ border-spacing: 230px;} table[cellspacing="240"]{ border-spacing: 240px;} table[cellspacing="250"]{ border-spacing: 250px;} table[cellspacing="300"]{ border-spacing: 300px;} table[cellspacing="350"]{ border-spacing: 350px;} table[cellspacing="400"]{ border-spacing: 400px;} table[cellspacing="450"]{ border-spacing: 450px;} table[cellspacing="500"]{ border-spacing: 500px;} /*border*/ table, table td, table th, table[border="0"] td, table[border="0"] th{ border: 0 currentColor solid; } table[border="1"], table[border="1"] td, table[border="1"] th{ border-width: 1px;} table[border="2"], table[border="2"] td, table[border="2"] th{ border-width: 2px;} table[border="3"], table[border="3"] td, table[border="3"] th{ border-width: 3px;} table[border="4"], table[border="4"] td, table[border="4"] th{ border-width: 4px;} table[border="5"], table[border="5"] td, table[border="5"] th{ border-width: 5px;} table[border="6"], table[border="6"] td, table[border="6"] th{ border-width: 6px;} table[border="7"], table[border="7"] td, table[border="7"] th{ border-width: 7px;} table[border="8"], table[border="8"] td, table[border="8"] th{ border-width: 8px;} table[border="9"], table[border="9"] td, table[border="9"] th{ border-width: 9px;} table[border="10"], table[border="10"] td, table[border="10"] th{ border-width: 10px;} table[border="11"], table[border="11"] td, table[border="11"] th{ border-width: 11px;} table[border="12"], table[border="12"] td, table[border="12"] th{ border-width: 12px;} table[border="13"], table[border="13"] td, table[border="13"] th{ border-width: 13px;} table[border="14"], table[border="14"] td, table[border="14"] th{ border-width: 14px;} table[border="15"], table[border="15"] td, table[border="15"] th{ border-width: 15px;} table[border="16"], table[border="16"] td, table[border="16"] th{ border-width: 16px;} table[border="17"], table[border="17"] td, table[border="17"] th{ border-width: 17px;} table[border="18"], table[border="18"] td, table[border="18"] th{ border-width: 18px;} table[border="19"], table[border="19"] td, table[border="19"] th{ border-width: 19px;} table[border="20"], table[border="20"] td, table[border="20"] th{ border-width: 20px;} table[border="22"], table[border="22"] td, table[border="22"] th{ border-width: 22px;} table[border="24"], table[border="24"] td, table[border="24"] th{ border-width: 24px;} table[border="25"], table[border="25"] td, table[border="25"] th{ border-width: 25px;} table[border="26"], table[border="26"] td, table[border="26"] th{ border-width: 26px;} table[border="28"], table[border="28"] td, table[border="28"] th{ border-width: 28px;} table[border="30"], table[border="30"] td, table[border="30"] th{ border-width: 30px;} table[border="32"], table[border="32"] td, table[border="32"] th{ border-width: 32px;} table[border="34"], table[border="34"] td, table[border="34"] th{ border-width: 34px;} table[border="35"], table[border="35"] td, table[border="35"] th{ border-width: 35px;} table[border="36"], table[border="36"] td, table[border="36"] th{ border-width: 36px;} table[border="38"], table[border="38"] td, table[border="38"] th{ border-width: 38px;} table[border="40"], table[border="40"] td, table[border="40"] th{ border-width: 40px;} table[border="45"], table[border="45"] td, table[border="45"] th{ border-width: 45px;} table[border="50"], table[border="50"] td, table[border="50"] th{ border-width: 50px;} table[border="55"], table[border="55"] td, table[border="55"] th{ border-width: 55px;} table[border="60"], table[border="60"] td, table[border="60"] th{ border-width: 60px;} table[border="65"], table[border="65"] td, table[border="65"] th{ border-width: 65px;} table[border="70"], table[border="70"] td, table[border="70"] th{ border-width: 70px;} table[border="75"], table[border="75"] td, table[border="75"] th{ border-width: 75px;} table[border="80"], table[border="80"] td, table[border="80"] th{ border-width: 80px;} table[border="90"], table[border="90"] td, table[border="90"] th{ border-width: 90px;} table[border="100"], table[border="100"] td, table[border="100"] th{ border-width: 100px;} table[border="110"], table[border="110"] td, table[border="110"] th{ border-width: 110px;} table[border="120"], table[border="120"] td, table[border="120"] th{ border-width: 120px;} table[border="125"], table[border="125"] td, table[border="125"] th{ border-width: 125px;} table[border="130"], table[border="130"] td, table[border="130"] th{ border-width: 130px;} table[border="140"], table[border="140"] td, table[border="140"] th{ border-width: 140px;} table[border="150"], table[border="150"] td, table[border="150"] th{ border-width: 150px;} table[border="200"], table[border="200"] td, table[border="200"] th{ border-width: 200px;} table[border="210"], table[border="210"] td, table[border="210"] th{ border-width: 210px;} table[border="220"], table[border="220"] td, table[border="220"] th{ border-width: 220px;} table[border="225"], table[border="225"] td, table[border="225"] th{ border-width: 225px;} table[border="230"], table[border="230"] td, table[border="230"] th{ border-width: 230px;} table[border="240"], table[border="240"] td, table[border="240"] th{ border-width: 240px;} table[border="250"], table[border="250"] td, table[border="250"] th{ border-width: 250px;} table[border="300"], table[border="300"] td, table[border="300"] th{ border-width: 300px;} table[border="350"], table[border="350"] td, table[border="350"] th{ border-width: 350px;} table[border="400"], table[border="400"] td, table[border="400"] th{ border-width: 400px;} table[border="450"], table[border="450"] td, table[border="450"] th{ border-width: 450px;} table[border="500"], table[border="500"] td, table[border="500"] th{ border-width: 500px;} /*bordercolor*/ table[bordercolor="#E53333"], table[bordercolor="#E53333"] th, table[bordercolor="#E53333"] td{ border-color:#E53333;} table[bordercolor="#E56600"], table[bordercolor="#E56600"] th, table[bordercolor="#E56600"] td{ border-color:#E56600;} table[bordercolor="#FF9900"], table[bordercolor="#FF9900"] th, table[bordercolor="#FF9900"] td{ border-color:#FF9900;} table[bordercolor="#64451D"], table[bordercolor="#64451D"] th, table[bordercolor="#64451D"] td{ border-color:#64451D;} table[bordercolor="#DFC5A4"], table[bordercolor="#DFC5A4"] th, table[bordercolor="#DFC5A4"] td{ border-color:#DFC5A4;} table[bordercolor="#FFE500"], table[bordercolor="#FFE500"] th, table[bordercolor="#FFE500"] td{ border-color:#FFE500;} table[bordercolor="#009900"], table[bordercolor="#009900"] th, table[bordercolor="#009900"] td{ border-color:#009900;} table[bordercolor="#006600"], table[bordercolor="#006600"] th, table[bordercolor="#006600"] td{ border-color:#006600;} table[bordercolor="#99BB00"], table[bordercolor="#99BB00"] th, table[bordercolor="#99BB00"] td{ border-color:#99BB00;} table[bordercolor="#B8D100"], table[bordercolor="#B8D100"] th, table[bordercolor="#B8D100"] td{ border-color:#B8D100;} table[bordercolor="#60D978"], table[bordercolor="#60D978"] th, table[bordercolor="#60D978"] td{ border-color:#60D978;} table[bordercolor="#00D5FF"], table[bordercolor="#00D5FF"] th, table[bordercolor="#00D5FF"] td{ border-color:#00D5FF;} table[bordercolor="#337FE5"], table[bordercolor="#337FE5"] th, table[bordercolor="#337FE5"] td{ border-color:#337FE5;} table[bordercolor="#003399"], table[bordercolor="#003399"] th, table[bordercolor="#003399"] td{ border-color:#003399;} table[bordercolor="#4C33E5"], table[bordercolor="#4C33E5"] th, table[bordercolor="#4C33E5"] td{ border-color:#4C33E5;} table[bordercolor="#9933E5"], table[bordercolor="#9933E5"] th, table[bordercolor="#9933E5"] td{ border-color:#9933E5;} table[bordercolor="#cC33E5"], table[bordercolor="#cC33E5"] th, table[bordercolor="#cC33E5"] td{ border-color:#cC33E5;} table[bordercolor="#EE33EE"], table[bordercolor="#EE33EE"] th, table[bordercolor="#EE33EE"] td{ border-color:#EE33EE;} table[bordercolor="#FFFFFF"], table[bordercolor="#FFFFFF"] th, table[bordercolor="#FFFFFF"] td{ border-color:#FFFFFF;} table[bordercolor="#CCCCCC"], table[bordercolor="#CCCCCC"] th, table[bordercolor="#CCCCCC"] td{ border-color:#CCCCCC;} table[bordercolor="#999999"], table[bordercolor="#999999"] th, table[bordercolor="#999999"] td{ border-color:#999999;} table[bordercolor="#666666"], table[bordercolor="#666666"] th, table[bordercolor="#666666"] td{ border-color:#666666;} table[bordercolor="#333333"], table[bordercolor="#333333"] th, table[bordercolor="#333333"] td{ border-color:#333333;} table[bordercolor="#000000"], table[bordercolor="#000000"] th, table[bordercolor="#000000"] td{ border-color:#000000;} table[bordercolor="#FFD700"], table[bordercolor="#FFD700"] th, table[bordercolor="#FFD700"] td{ border-color:#FFD700;} table[bordercolor="#B39700"], table[bordercolor="#B39700"] th, table[bordercolor="#B39700"] td{ border-color:#B39700;} table[bordercolor="#CCAC00"], table[bordercolor="#CCAC00"] th, table[bordercolor="#CCAC00"] td{ border-color:#CCAC00;} table[bordercolor="#E6c200"], table[bordercolor="#E6c200"] th, table[bordercolor="#E6c200"] td{ border-color:#E6c200;} table[bordercolor="#FFDB1A"], table[bordercolor="#FFDB1A"] th, table[bordercolor="#FFDB1A"] td{ border-color:#FFDB1A;} table[bordercolor="#FFDF33"], table[bordercolor="#FFDF33"] th, table[bordercolor="#FFDF33"] td{ border-color:#FFDF33;} table[bordercolor="#7A6500"], table[bordercolor="#7A6500"] th, table[bordercolor="#7A6500"] td{ border-color:#7A6500;} table[bordercolor="#6B6B6B"], table[bordercolor="#6B6B6B"] th, table[bordercolor="#6B6B6B"] td{ border-color:#6B6B6B;} table[bordercolor="#00ABDB"], table[bordercolor="#00ABDB"] th, table[bordercolor="#00ABDB"] td{ border-color:#00ABDB;} table[bordercolor="#F8A51C"], table[bordercolor="#F8A51C"] th, table[bordercolor="#F8A51C"] td{ border-color:#F8A51C;} table[bordercolor="#ED4224"], table[bordercolor="#ED4224"] th, table[bordercolor="#ED4224"] td{ border-color:#ED4224;} .lang-switchs{display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 100%; height: 64px;} .lang-switchs .lang-switch{width: 36px; height: 36px; font-size: 0.825rem; /*14px;*/ border-radius: 50%; text-align: center; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin: 0 10px 0 0; cursor: pointer; color: inherit; } #ecological_table .year-wrap{padding: 0.25em 0; margin-bottom: 0.25em; border-bottom: 1px #ddd solid;} #ecological_table .list-header{ font-size: 1.5rem;} #report_list .year-wrap{padding: 0.5em 0; margin-bottom: 0.5em; border-bottom: 1px #ddd solid;} #report_list .list-header{ font-size: 2rem;} .back-top{ background-image: var(--theme_gradient); transition: 0.5s background-color, 0.5s color, 0.5s transform, 0.5s opacity; -webkit-transition: 0.5s background-color, 0.5s color, 0.5s transform, 0.5s opacity; -moz-transition: 0.5s background-color, 0.5s color, 0.5s transform, 0.5s opacity; -o-transition: 0.5s background-color, 0.5s color, 0.5s transform, 0.5s opacity; -ms-transition: 0.5s background-color, 0.5s color, 0.5s transform, 0.5s opacity; text-indent: 999em; overflow: hidden; -webkit-mask-image: var(--arrow_circle_t); mask-image: var(--arrow_circle_t); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .breadcrumb{ padding-left: 0; padding-right: 0;} nav[aria-label="breadcrumb"]{ display: -ms-flex; display: flex; -ms-flex-pack: center; justify-content: center; position: absolute; right:0; bottom:0; left:0; margin: 0 auto; width: 96%; max-width: 1440px; } nav[aria-label="breadcrumb"]>*{-ms-flex: 0 0 auto;flex: 0 0 auto;} .breadcrumb{ font-size: 0.875rem; position: relative; margin: 0 auto 0 2rem; width: auto !important; background-color: #FFF; z-index: 1; text-align: center; line-height: 1.6; height: 2rem; border-radius: 0;} .breadcrumb::before{content: ""; background-color: #FFF; display:block; position: absolute; width: 2rem; height: 2rem; left:-2rem; bottom:0; -webkit-mask-image: var(--tab_corner_bl); mask-image: var(--tab_corner_bl); -webkit-mask-position: right bottom; mask-position: right bottom; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .breadcrumb::after{content: ""; background-color: #FFF; display:block; position: absolute; width: 2rem; height: 2rem; right:-2rem; bottom:0; -webkit-mask-image: var(--tab_corner_br); mask-image: var(--tab_corner_br); -webkit-mask-position: left bottom; mask-position: left bottom; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .page-header-banner, .page-header-banner>.block-wrapper{ position: static;} .page-header-banner>.block-wrapper>div{position: absolute; right:0; bottom:0; left:0; margin: 0 auto;} .light-blue .breadcrumb{ background-color: #f5fdff;} .light-blue .breadcrumb::before, .light-blue .breadcrumb::after{ background-color: #f5fdff;} #enquiry_form h4{margin-bottom: 1.5rem;} #enquiry_form .col-xs-12, #enquiry_form .col-md-12{ float: none !important; clear: both;} #links_content h3{ margin: 0 !important;} .block-map-plan{ border-radius: var(--thumb_radius); overflow: hidden;} .parsley-errors-list{ text-align: left !important; color:#F00; font-size: 0.825em;} @media (min-width: 1921px) { nav[aria-label="breadcrumb"] { max-width: 1920px; } } @media (min-width: 1710px){ .container { max-width: 1680px; } .video-slider .item-intro{ max-width: 1680px; } } @media (max-width: 1709px) and (min-width: 1441px){ .container { max-width: 1440px; } .video-slider .item-intro{ max-width: 1440px; } } /* @media (max-width: 1379px) and (min-width: 1280px){ .container { max-width: 1170px; } } */ @media (max-width: 1520px){ .tmpl-progress .item-thumb, .tmpl-progress .item-intro { -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; } } @media (max-width: 1440px) and (min-width: 1381px){ .container { max-width: 1380px; } .video-slider .item-intro{ max-width: 1380px; } } @media (max-width: 1380px){ .container { max-width: 1280px; } .video-slider .item-intro{ max-width: 1280px; } #top-menu .navbar.item-right>li{margin-left: 1em;} } @media (max-width: 1379px){ /*#news_list_home{ top: 50vh}*/ } @media (max-width: 1319px){ .container { width: 98%; } .video-slider .item-intro{ max-width: 98%; } /*#page-header .logo-wrapper{width: 220px}*/ #page-header .slogans{margin-left: 0.5rem; padding-left: 0.5rem;} /*#page-header .logo img, #page-header .slogans img{height: 80px;}*/ /*#page-header .nav-wrapper{ left: 220px;}*/ } @media (min-width: 1280px){ .tmpl-ex-panel .swiper-button-prev{left: 12%} .tmpl-ex-panel .swiper-button-next{right: 12%} } @media (max-width: 1280px){ .tmpl-breakline-lg .item{ display: block !important; } .tmpl-breakline-lg .item-thumb, .tmpl-breakline-lg .item-intro{ width: 100% !important; max-width: 100% !important; order:0 !important; } /*#news_list_home{ top: 40vh}*/ } @media (max-width: 1279px){ #home-slider .image-slider .item-intro h1{font-size: 1.5rem;} #home-slider .image-slider .item-intro h2{font-size: 1.2rem;} #home-slider .image-slider .item-intro h3{font-size: 1rem;} #page-header .container { width: 96%;} #page-header .dsd-logo{width: 200px;} } @media (min-width: 1199px){ .block-video-gallery-home { -ms-flex-align: center; align-items: center; } } @media (min-width: 1170px){ /*.container { width: 1200px;} #page-header .container { width: 98%; padding: 0;} #page-header .logo-wrapper{width: 400px; padding: 15px 0; text-align: left;} #page-header .dsd-logo{width: 240px;}*/ /*#page-header .nav-wrapper{ position: absolute; bottom: 1.3333rem; left: 400px; right: 0; width: auto; max-width: 992px; } #page-header .header-box-right{top:10px;}*/ } @media (max-width: 1169px){ /*.header-box{height: auto;}*/ #page-header .nav-wrapper{ position: absolute; bottom: 0; right: 15px; left: 265px; width: auto; } #page-header .container{width: 100%;} #top-menu{height:auto;} #top-menu .nav>li>a{font-size: 1rem; /*16px;*/} #page-header .header-box-right{top:0;} /* .lang-switchs-pc .lang-switch{font-size: 14px; width: 28px; height: 28px;} */ /*.awards-list .col:nth-child(odd) .item .item-thumb{ margin-left: 50px} .awards-list .col:nth-child(even) .item .item-thumb{ margin-right: 50px} */ } @media (min-width: 1181px){ #page-header{font-size: 1rem;} } @media (max-width: 1180px){ /*#news_list_home{ top: 30vh}*/ } @media (max-width: 1120px){ #top-menu .nav>li>a{font-size: 0.825rem; /*14px;*/} .tmpl-progress .item-thumb{ -ms-flex: 1 1 34%; flex: 1 1 34%; max-width: 34%; } .tmpl-progress .item-intro { -ms-flex: 1 1 66%; flex: 1 1 66%; max-width: 66%; padding-right: 2rem; } } @media (max-width: 1024px){ #page-wrapper{ padding-top: 82px !important;} #top-menu .navbar>li .sub>li>a, #top-menu .navbar>li .sub>li>button{ font-size: 0.825rem; height: 0; /*14px;*/} .navbar{margin-top: 0;} #page-header::before{height: 82px !important; background: #FFF !important;} .header-row .logo-wrapper img , #page-header.fixed .logo-wrapper img{ max-height: 50px !important; } #top-menu, #top-menu.fixed{top:82px;} .header-row #top-menu{ align-items: flex-start; align-content: flex-start; } #top-menu .navbar>li{background-color: #FFF;} .header-row .header-extra-wrapper{padding: 1em 0; text-align: center} .header-extra>*:first-child{margin-left: 0;} /*.top-slidedown{position: fixed; top:0 !important; right:0 !important; bottom:0 !important; left:0 !important; margin: auto !important; background-color: rgba(0,0,0,0.5); }*/ .top-slidedown-body{margin: auto; width: 100%; font-size: 1rem;} .top-slidedown-body h5{font-size: 1rem;} .top-slidedown-body::before{top:auto; bottom:-8px; border-width: 8px 6px 0px 6px; border-color: #27bfcc transparent transparent transparent;} #top_font_size_wapper .top-slidedown-body::before{ left:0; right:128px; margin: 0 auto;} #top_lang_wapper .top-slidedown-body::before{ left:0; right:48px; margin: 0 auto;} #top_follow_wapper .top-slidedown-body::before{ left:128px; right:0; margin: 0 auto;} .font-switcher, .lang-switcher{text-align: center; padding: 1rem !important;} #page-header .nav-item>button.empty-link{ line-height: 64px; font-size: 0.825rem; display:block; width: 100%;text-align: center; } } @media (min-width: 993px) and (max-width: 1180px){ #page-header{font-size: 1rem; /*18px;*/} /*#page-header .logo img, #page-header .slogans img{ height: 80px;}*/ .video-slider .item-video::before, .video-slider .item-thumb::before { padding-top: 585px; } } @media (min-width: 993px){ /*#page-header .container{position: relative; padding: 0;} #page-header .logo-wrapper{width: 335px;} */ #page-header .header-box-right{ /*width:50%; padding: 35px 30px 0; position: absolute;*/ /*top:10px; left:335px; right:15px;*/ position: relative; top:auto; right:auto; bottom:auto; left:auto; margin: 0 } #page-header .social-pc{height: 30px;} /*#page-header.fixed .logo-wrapper, #page-header.fixed .header-box-right{padding-top:5px;} #page-header.fixed .logo-wrapper img, #page-header.fixed .logo-wrapper svg{ max-width: 120px; } #page-header.fixed .social-pc{ height: 0; overflow: hidden;}*/ /*#page-header.fixed #top-menu { height: 50px; }*/ /*#page-header .nav-wrapper{ position: absolute; bottom: 0; left: 335px; right: 15px; width: auto; max-width: 1170px; }*/ /*#page-header.fixed{background: #FFF !important; top:0 !important; } #page-header.fixed .header-box{ height: 80px; padding: 10px 0;} #page-header.fixed .slogans{ margin-left: 0.5rem; padding-left: 0.5rem;} #page-header.fixed .logo img, #page-header.fixed .slogans img{height: 60px;} #page-header.fixed .logo-wrapper{padding: 0; width: auto;} #page-header.fixed .nav-wrapper{ position: relative; top:auto; right:auto; bottom:auto; left:auto; margin: 0 } #page-header.fixed .header-box-right{position: relative; top:auto; right:auto; bottom:auto; left:auto; margin: 0 } #page-header.fixed .header-box-right .col-md-9.col-lg-10{ display: none;} #page-header.fixed .header-box-right .col-md-3.col-lg-2{width: 100%;}*/ /* #page-header.fixed .lang-switchs-pc{padding-left: 2rem;} #page-header.fixed .lang-switchs-pc>a{margin-left: 0.25em;padding-left: 0.25em; }*/ #page-header.fixed #top-menu .nav>li>a, #page-header.fixed .lang-switchs>a,#page-header.fixed .lang-switchs-pc>a, #page-header.fixed .lang-switchs-mob>a, #page-header.fixed .header-extra, #page-header button.empty-link{ /*color:#53616c;*/ color: inherit; text-shadow: none;} #page-header.fixed #top-menu .navbar>li>a:hover{color: #3bc072;} #page-header.fixed #top-menu .navbar>li>.sub{ -webkit-box-shadow: 0 3px 15px 0 rgba(0,0,0,0.35); box-shadow: 0 3px 15px 0 rgba(0,0,0,0.35);} .lang-switchs{color:#FFF; height: 100%;} .lang-switchs .lang-switch{width: 24px;} /*.lang-switch:before{pointer-events: none;}*/ .lang-switchs a{color:inherit; text-shadow: 0 0 5px #000, 0 0 2px #000;} .tmpl-breakline-md .item{ display: block !important; } .tmpl-breakline-md .item-thumb, .tmpl-breakline-md .item-intro{ width: 100% !important; max-width: 100% !important; order:0 !important; } } /*@media (min-width: 993px){}*/ @media (max-width: 992px){ /*html{ font-size: 18px;}*/ .container { max-width: 970px;} .video-slider .item-intro{ max-width: 970px; } /* top-menu switch */ #page-header{border-top:none; background-image:none;} /*body.lock #page-header{background-color: #eee;}*/ /* #page-header .logo-wrapper{width: 50%; padding-top: 0; padding-bottom: 0; text-align: left} #page-header .dsd-logo{width: auto; height:50px} #page-header .stw-logo{width: auto; height:60px} #page-header .wsd-logo{height: 35px;} #page-header .logo{height: 60px} #page-header .slogans{height: 60px} .header-box-right{display:none;} .header-box { height: 72px; padding: 0; } */ /*#page-header .header-box-right{padding: 14px 30px 0;}*/ #top-menu, #top-menu.fixed, #top-menu:before{/*top:72px;*/ color:#53616c;} #top-menu .navbar>li { background-color: #FFF; border-top: 1px #ddd solid; position: relative; margin: 0 !important; } #top-menu .navbar>li>.sub>li{background-color: #eee;} #top-menu .navbar>li .sub>li>a{line-height: 4em; border-top: 0 #fff solid; /*font-size: 1rem;*/ text-overflow : ellipsis;} #top-menu .navbar>li .sub.open>li>a, #top-menu .navbar>li .sub.open>li>button{height: 4em; border-top-width: 1px; border-left: none;} #top-menu .navbar>li>a, #top-menu.fixed .navbar>li>a, #top-menu .navbar>li>a>.fas, #top-menu.fixed .navbar>li>a>.fas, #top-menu .navbar>li>a>.far, #top-menu.fixed .navbar>li>a>.far, #top-menu .navbar>li>a>.fab, #top-menu.fixed .navbar>li>a>.fab{ line-height: 64px; color: inherit; text-shadow: none;} #top-menu .navbar .nav-item:before{content: none;} .navbar{display:block !important;} .top-menu-hover, #top-menu .navbar>li:hover{color: #2bbed8;} .top-menu-hover:after, #top-menu .navbar>li.parent:hover:after{content: none;} .lang-switchs{color:inherit;} .lang-switchs a{color:inherit; text-shadow: none;} /* end top-menu switch */ .header-search{padding: 10px;} .social-pc{display:none;} .social-mobile{display:flex !important; justify-content: center;} #page-header .mob-menu-item{padding: 1rem 3px;} #home-slider{border-bottom-width: 15px;} /*#news_list_home{ top: 20vh}*/ /*tmpl-style*/ .tmpl-postcard .item-intro{ min-width: 420px;} .tmpl-ex-panel .swiper-slide{max-width: 300px;} .download-month li.col, .download-season li.col{ width: 16.66% !important; max-width: 16.66% !important;} .back-top{right:4px; bottom:10px;} } /*.mb-3{ margin: 0 1em 1em 0;display: inline-block;} .mb-3 img{display: inline-block;}*/ .ema-link{ font-size: 1.5rem; margin: 0 0 1em 1em;color: #3bc072; display:inline-block;} @media (min-width: 1920px){ .slide-home-video-size{max-width: 1920px; margin: 0 auto;} } @media (max-width: 1170px){ .header-row .logo-wrapper{ width: 50%;} } @media (max-width: 991px){ #home_publications_list, .block-video-gallery-home{ display:block !important;} #home_publications_list>.item-wrapper, .block-video-gallery-home>.block-content{ width: 100%; max-width: 100%;} #home_publications_list>.item-wrapper>div, .block-video-gallery-home>.block-content>div{text-align: center;} #home_publications_list>.item-wrapper>div>div, .block-video-gallery-home>.block-content>div>div{margin-left: auto; margin-right: auto;} #block_mapolan_label{ position: absolute; height: auto; overflow: visible;} .inner-section.bg-top, .inner-section.bg-bottom{ background-size: 100% auto; background-color: #f5fdff;} #page_innovation_0 .inner-section1{ background-size: cover !important;} .vslider-buttom-nav{display:none;} .video-slider .intro-box{padding: 1em;} .video-slider .item-desc, .video-slider .item-desc h2{font-size: 16px;} } @media (max-width: 800px){ #news_list_home{/* top: 10vh;*/ left:0; right:0; max-width: 80%; margin: 0 auto;} } @media (max-width: 768px){ .container { max-width: 750px;} /*.video-slider .item-intro{ width: auto; max-width: 750px; top:3rem; right: 5rem; bottom:3rem; left: 5rem; } .vslider-buttom-nav{margin-bottom: 0; bottom: 0.25em;}*/ #mobile-menu{top:14px;} /* .block-wrapper{ margin-top: 30px; margin-bottom: 0 !important;}*/ #home-slider{ border-bottom-width: 5px;} #home-slider .image-slider .item-intro, #home-slider .image-slider .item-intro-upper{ position: relative; top:0; right:0; bottom:0; left:0; min-height: 0; background:#18394a; padding: 0.5em } #home-slider .image-slider .item-intro h1, #home-slider .image-slider .item-intro-upper h1{font-size: 1.2rem;} #home-slider .image-slider .item-intro h2, #home-slider .image-slider .item-intro-upper h2{font-size: 1.1rem;} #home-slider .image-slider .item-intro h3, #home-slider .image-slider .item-intro-upper h3{font-size: 1rem;} #home-slider .image-slider .item-intro-upper h1, #home-slider .image-slider .item-intro-upper h2, #home-slider .image-slider .item-intro-upper h3{margin-bottom: 0;} #home-slider .project-num{font-size: 1.2rem;} #showcase_inpage .inpage-title{font-size: 2rem} .video-slider .item-intro{top:auto; right:0; bottom:0; left:0; max-width: 100%;} .video-slider .intro-box{width: auto; max-width: 100%; top: auto; right:0; bottom: 0; left: 0; text-align: center !important} .video-slider .item-desc{text-align: center !important} .padding-small{ padding: 1rem 0;} .padding-medium{ padding: 2rem 0;} .padding-large{ padding: 3rem 0;} nav[aria-label="breadcrumb"]{ display:none;} /* .awards-list .col:nth-child(odd) .item .item-thumb{ margin-left: 0; padding: 0 20px;} .awards-list .col:nth-child(even) .item .item-thumb{ margin-right: 0; padding: 0 20px;} */ /*tmpl-style*/ .tmpl-breakline-sm .item{ display: block !important; } .tmpl-breakline-sm .item-thumb, .tmpl-breakline-sm .item-intro{ width: 100% !important; max-width: 100% !important; order:0 !important; } .tmpl-breakline-sm .item-thumb{display:block; } .tmpl-breakline-sm .item-thumb img{ max-width:100%; } .tmpl-postcard .item-intro{ padding: 2rem} .tmpl-deck .item-intro{ padding: 2rem} .tmpl-progress .item{ flex-wrap: wrap;} .tmpl-progress .item-thumb, .tmpl-progress .item-intro{ -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100% !important; max-width: 100% !important; } .tmpl-progress .item-thumb{ margin-top: 2rem; margin-left: 4rem; } .tmpl-board .item-thumb{min-height: 300px;} .tmpl-board .item-intro, .items-image-top .item-intro{ padding: 25px;} .tmpl-wrap-scale-16to9 .item::before{ content: none;} .tmpl-ex-panel .swiper-slide{max-width: 320px;} .desalination-group{min-height: 0} .scroll-item-list.owl-carousel .owl-nav button.owl-next, .scroll-item-list.owl-carousel .owl-nav button.owl-prev{font-size: 2rem;} .download-month li.col, .download-season li.col{ width: 25% !important; max-width: 25% !important;} .download-month .col:nth-child(4n+1) .box, .download-season .col:nth-child(4n+1) .box{ color:#3bc072; } .download-month .col:nth-child(4n+1) .box-month, .download-season .col:nth-child(4n+1) .box-month{background-color: #3bc072; } /* .download-month .col:nth-child(4n+2) .box, .download-season .col:nth-child(4n+2) .box{ color:#33ba82; } .download-month .col:nth-child(4n+2) .box-month, .download-season .col:nth-child(4n+2) .box-month{background-color: #33ba82; } */ .download-month .col:nth-child(4n+2) .box, .download-season .col:nth-child(4n+2) .box{ color:#2bb392; } .download-month .col:nth-child(4n+2) .box-month, .download-season .col:nth-child(4n+2) .box-month{background-color: #2bb392; } /* .download-month .col:nth-child(4n+4) .box, .download-season .col:nth-child(4n+4) .box{ color:#22ada3; } .download-month .col:nth-child(4n+4) .box-month, .download-season .col:nth-child(4n+4) .box-month{background-color: #22ada3; } */ .download-month .col:nth-child(4n+3) .box, .download-season .col:nth-child(4n+3) .box{ color:#1aa6b3; } .download-month .col:nth-child(4n+3) .box-month, .download-season .col:nth-child(4n+3) .box-month{background-color: #1aa6b3; } .download-month .col:nth-child(4n) .box, .download-season .col:nth-child(4n) .box{ color:#12a0c3; } .download-month .col:nth-child(4n) .box-month, .download-season .col:nth-child(4n) .box-month{background-color: #12a0c3; } .legend-wrapper{ padding-bottom: 0 !important;} } @media (max-width: 767px){ /*html{ font-size: 16px;}*/ /*#page-header .logo-wrapper{width: 100%; max-width: none; padding: 0 40px 10px 15px; z-index: 3; }*/ #page-header .header-box-right{display:none;} #page-header.fixed .logo-wrapper img{max-height: 50px;} #showcase_inpage .breadcrumb{display:none;} .block-text .item-title{margin-top: 20px;} .home-overview .item-intro{width: 100%;} .bottom-contact{padding: 20px;} .item-video{width: 100%;} .item-title{ font-size: 2rem;} #news_list_home{ position: relative; top:auto; left: auto; right: auto; bottom:0; max-width: none; width: 100%;} /*.inner-section a[href]{ word-break: break-all; }*/ .vslider-button{width: 36px;height: 50%; font-size: 18px;} .video-slider .button-prev, .video-slider:hover .button-prev{ left: 0;} .video-slider .button-next, .video-slider:hover .button-next{ right:0;} .vslider-button.button-prev::before,.vslider-button.button-prev::after, .vslider-button.button-next::before,.vslider-button.button-next::after{ width: 36px; height: 36px;} .vslider-button.button-prev::before, .vslider-button.button-next::before{ top:-36px;} .vslider-button.button-prev::after, .vslider-button.button-next::after{ bottom:-36px;} .vslider-buttom-nav{display:none;} .video-slider .item-intro{display:none;} .video-slider .item-intro { top: 2rem; right: 3rem; bottom: 3rem; left: 3rem; } .video-slider .intro-box { padding: 1em; border-radius: 0.75em;} .buttom-button, .button-pause{ width: 8px; height: 8px; margin: 4px; padding: 0;} .buttom-button.active{ width: 8px;} .button-pause.active::before{border-width: 4px 0px 4px 8px;} .button-pause::before{ width: 8px; height: 8px; border-width: 0 3px;} .intro-box.pos-left-top, .intro-box.pos-center-top, .intro-box.pos-right-top, .intro-box.pos-left-center, .intro-box.pos-center-center, .intro-box.pos-right-center, .intro-box.pos-left-bottom, .intro-box.pos-center-bottom, .intro-box.pos-right-bottom{ top:auto; right:auto; bottom: auto; left:auto; max-width: 100%; max-height: 100%;} .line-slider .item-thumb{max-width: none;} .filter-wrapper .form-group{width: 100%; -ms-flex-pack: center;justify-content: center;} .filter-wrapper .form-group.year-switch>select{ width: calc(100% - 4rem); min-width: 0;} /*tmpl-style*/ .tmpl-breakline-xs .item{ display: block !important; } .tmpl-breakline-xs .item-thumb, .tmpl-breakline-xs .item-intro{ width: 100% !important; max-width: 100% !important; order:0 !important; } .tmpl-backdrop .item-intro .item-desc{margin: 0;} .tmpl-postcard .item-intro{padding: 1rem; min-width: 0;} .items-image-zigzag .item{display: block; } /* .awards-list .item-thumb, .awards-list .item-intro{ width: 100%; order: 0;} .awards-list .item-thumb{ margin-bottom: 1rem} .awards-list .item-intro{padding: 25px; } .awards-list .col:nth-child(odd) .item .item-intro, .awards-list .col:nth-child(odd) .item .item-desc, .awards-list .col:nth-child(odd) .item p{text-align: left;} */ html[lang=en-GB] .tmpl-progress .item-title{ margin-top: 0.1em;} .tmpl-progress>.col{padding: 1rem 1rem 0 !important} /*.tmpl-progress>.col:first-child{margin-top: -1rem;}*/ .tmpl-progress>.col::before{top: 3.65rem; bottom: -1rem;left:2.25rem;} .tmpl-progress>.col:first-child::before{top: 3.65rem;} /*.tmpl-progress>.col:last-child::before{height: 2rem;}*/ .tmpl-progress>.col::after{top:1rem; left:1rem} .tmpl-progress .item-thumb{ margin-top: 1rem; margin-left: 3.5rem;} .tmpl-progress .item-intro{padding:0.5rem 0.5rem 0 3.5rem;} .padding-small .tmpl-progress>.col{padding: 1rem 1rem 0 !important} .padding-small .tmpl-progress>.col::before{ top: 3.65rem; bottom:-1rem !important;} .padding-medium .tmpl-progress>.col{padding: 1.5rem 1rem 0 !important} .padding-medium .tmpl-progress>.col::before{top: 4.15rem; bottom:-1.5rem !important;} .padding-large .tmpl-progress>.col{padding: 2rem 1rem 0 !important} .padding-large .tmpl-progress>.col::before{top: 4.65rem; bottom: -2rem !important} .padding-small .tmpl-progress>.col:first-child::before, .padding-medium .tmpl-progress>.col:first-child::before, .padding-large .tmpl-progress>.col:first-child::before{top:2.65rem; } .padding-small .tmpl-progress>.col::after{top:1em;bottom: -1em;} .padding-medium .tmpl-progress>.col::after{top:1.5em;bottom: -1.5em;} .padding-large .tmpl-progress>.col::after{top:2em;bottom: -2em;} .tmpl-backdrop{overflow: hidden;} .tmpl-backdrop .item-thumb, .tmpl-backdrop .item-intro{position: relative !important; top:0 !important; right:auto !important; bottom:auto !important; left:auto !important; margin: auto !important; width: 100% !important; max-width: 100% !important; height: auto !important;} .tmpl-backdrop .item-thumb>div{} .tmpl-backdrop .item-thumb img{position: relative !important; top:0 !important; right:auto !important; bottom:auto !important; left:auto !important; margin: auto !important; width: 100% !important; max-width: 100% !important; height: auto !important; transform:none !important; object-fit:contain !important; object-position: 0 !important;} .calendar-list .style-date-list .item-date{text-align: center;} .desalination-key-1, .desalination-key-2, .desalination-key-3{ padding: 0.5em 0.25em;} #page-footer .footer-bottom-wrapper{text-align: center;} #page-footer .block-logo{text-align: center; margin-bottom: 2rem !important; } #page-footer .block-logo img{ display: block; margin: 0 auto 0.5rem !important; height: 2rem; } .table-breakline, .table-breakline tr{ display: block; } .table-breakline th, .table-breakline td{display: block; } #map_switch, #map_switch_ema{} #map_switch .btn, #map_switch_ema .btn{ display:block; width: 100%; margin-bottom: 0.5em;} } .select-block{margin-bottom: 1rem; font-size: 1rem; /*16px;*/} .select-block>div{ -ms-flex: 0 0 auto; flex: 0 0 auto;} .select-block>div.last-col{ margin: 1.85em 0 0 auto; text-align: right} .select-block label{ line-height: 1; margin-bottom: 0;} .select-block .custom-select{margin-bottom: 0.5em; } .select-block .custom-select .form-control{border-radius: 2em;} @media (max-width: 991px){ .select-block>div.last-col{ margin: 0; text-align: center} } .code-data-table{ font-size: 0.825rem !important; /*14px;*/ } .code-data-table th{ background-color: #0091a9; color:#FFF; text-align: center; max-width: 8em; vertical-align: bottom !important;} .code-data-table td{ white-space: nowrap; text-align: center;} .color-table{ } /*.color-table th{ background-color: #0091a9; color:#FFF; vertical-align: bottom !important;}*/ .color-table thead{background-image: var(--theme_gradient); color:#FFF; /*border-radius: var(--thumb_radius);*/ -webkit-mask-image: var(--rounded-bar); mask-image: var(--rounded-bar); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 99.96% 100%; mask-size: 99.96% 100%; border:none !important; } .color-table th{ padding: 12px;} .color-table td{ } .color-table.table-striped th, .color-table.table-striped td{border: none;} .color-table.table-striped>tbody>tr:nth-of-type(odd), .color-table.table-striped>tbody>tr:nth-of-type(even){background-color: transparent;} .color-table.table-striped>tbody>tr:nth-of-type(even) th, .color-table.table-striped>tbody>tr:nth-of-type(even) td{background-color: rgba(75,95,145,0.1);} .color-table.table-striped>tbody>tr:nth-of-type(even) th:first-child, .color-table.table-striped>tbody>tr:nth-of-type(even) td:first-child{border-radius: 32px 0 0 32px;} .color-table.table-striped>tbody>tr:nth-of-type(even) th:last-child, .color-table.table-striped>tbody>tr:nth-of-type(even) td:last-child{border-radius: 0 32px 32px 0;} /* by richard */ /*.swiper-slide .item-title{padding-top:2em;}*/ @media (max-width: 568px){ .header-row .logo-wrapper{ width: 75%; max-width: 255px;} .header-box .logo-wrapper img { max-height: 90px; margin-left: 15px;} #mobile-menu { top: 15px;} .header-box, header.page-top.fixed .header-box{height: 72px;} .image-slider.owl-carousel .owl-nav button.owl-next, .image-slider.owl-carousel .owl-nav button.owl-prev{font-size: 12px;} #showcase_inpage .inpage-title{font-size: 1.5rem} .video-slider .item-video::before, .video-slider .item-thumb::before{ padding-top: 50%;} /*.block-wrapper{ margin-top: 15px; margin-bottom: 0 !important; padding-top: 0;}*/ .block-events .scroll-item-list{margin: 15px 0 0;} .block-news .table, .block-news .table>tbody, .block-news .table>tbody>tr, .block-news .table>tbody>tr>th, .block-news .table>tbody>tr>td{display:block; width: 100%;} .block-news .table>tbody>tr>th, .block-news .table>tbody>tr>td{width: 100%; padding: 8px;} .block-news .table>tbody>tr>td+td{border-top:none;} .block-news .data span{font-size: 0.875rem; padding: 0.5em} #page-footer .block-images .d-flex>*{flex: 1 1 100%; text-align: center; margin-bottom: 20px; padding: 0 !important;} .footer-contact .container{padding: 90px 15px;} /* by richard */ .swiper-slide .item-title{ /*padding-top:3em;*/ font-size:1.25em !important; text-align: center} .download-month li.col, .download-season li.col{ width: 50% !important; max-width: 50% !important;} .download-month .col:nth-child(2n+1) .box, .download-season .col:nth-child(2n+1) .box{ color:#3bc072; } .download-month .col:nth-child(2n+1) .box-month, .download-season .col:nth-child(2n+1) .box-month{background-color: #3bc072; } .download-month .col:nth-child(2n) .box, .download-season .col:nth-child(2n) .box{ color:#12a0c3; } .download-month .col:nth-child(2n) .box-month, .download-season .col:nth-child(2n) .box-month{background-color: #12a0c3; } } @media (max-width: 424px){ #page-header .wsd-logo{height: 35px;} #page-header .logo{height: 40px} #page-header .slogans{height: 40px} .desalination-key-1, .desalination-key-2, .desalination-key-3{ font-size: 1rem; /*16px;*/} .scroll-item-list.owl-carousel .owl-nav button.owl-prev{ left: 0;} .scroll-item-list.owl-carousel .owl-nav button.owl-next{ right: 0;} #home_news_list{ width: calc(100% - 64px);} #home_news_list .owl-nav button.owl-prev, #home_news_list .owl-nav button.owl-next{ font-size: 40px;} .footer-bottom-wrapper .grouped-text{ white-space: wrap; line-height: 1.2;} } @media (max-width: 375px){ #page-header .logo-wrapper{padding-top: 10px;} #page-header .logo-wrapper img, #page-header .logo-wrapper svg{margin: 0;height: 60px;} #page-header .wsd-logo{height: 28px;} #page-header .logo{height: 40px} #page-header .slogans{height: 40px} } .btn-d-color{border-color:currentColor; width: calc(49% - 20px); margin: 1rem 10px 0; position: relative;} .btn-d-color::before{content: ""; display: inline-block; width: 1em; height: 1em; border-radius: 50%; margin-right: 0.25em; background-color: currentColor; vertical-align: text-top;} .btn-d-color:hover, .btn-d-color:active, .btn-d-color:focus, .btn-d-color:active:focus{ background-color: transparent; border-color: currentColor; box-shadow: 0 0 5px currentColor !important;} .inline-popup-wrapper, .color-filter{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start;} .color-filter{ margin: 1em -0.5em; -ms-flex-pack: center; justify-content: center; } .color-filter-switch{-ms-flex:0 0 auto; flex:0 0 auto; display: block; margin: 0.5em; background-color: #ddd; color:#222; border: none; border-radius: 3em;} .color-filter-switch:hover, .switch-gallery:focus, .switch-gallery:active, .switch-gallery:active:focus{background-color: #12a0c3; color:#FFF;} .color-filter-switch.active{ background-color: #12a0c3; transition: right .25s; /*background: linear-gradient(180deg, #0ca0e2 0%, #0ca0e2 20%, #84eae5 100%);*/ background-image: var(--theme_gradient); border-radius: 3em; color:#FFF; } @media (max-width: 991px){ #block_mapolan_label{ position: relative; height: auto; overflow: visible;} } .switch-all.switchON{ outline: 3px solid #a37a1e !important;} .switch-kt.switchON{ outline: 3px solid #337ab7 !important;} .switch-fl.switchON{ outline: 3px solid #027143 !important;} /*.switch-all.switchON{ outline: 3px solid #00f;}*/ .mfp-bg{ /*opacity: 1; background: none; background-color: rgba(67,87,117,0.5); backdrop-filter: blur(0.25rem);*/ background: #435775;} /*#435775*/ .mfp-wrap{backdrop-filter: blur(0.25rem); -webkit-backface-visibility: visible; backface-visibility: visible; /*transition:0.5s backdrop-filter; -webkit-transition:0.5s backdrop-filter; -moz-transition:0.5s backdrop-filter; -o-transition:0.5s backdrop-filter; -ms-transition:0.5s backdrop-filter;*/ } /*.mfp-reamoving .mfp-container{backdrop-filter: blur(0); }*/ .mfp-content>.block-wrapper, .inline-pop-win{width: 96%; max-width: 960px; max-height: 70vh; overflow-y:auto; background-color: #FFF; font-size: 16px; padding: 1em; margin: auto; border-radius: 1rem; box-shadow: 0 0 20px #435775;} .inline-pop-win{max-width: 1410px; font-size: 0.9rem;} /*.pop-window{ width: 96%; max-width: 960px; background-color: #FFF; font-size: 16px; padding: 1em; display: none; margin: auto;}*/ .pop-window{ display: none} .bg-white, .mfp-iframe{ border-radius: 1rem; box-shadow: 0 0 20px #435775; color:#FFF;} .mfp-content .pop-window{ display: block;} .mfp-content .table-breakline th, .mfp-content .table-breakline td{ vertical-align: top} .mfp-content .table-breakline th{min-width: 8rem;} .mfp-close .icon-cross{ filter: drop-shadow(0 0 3px #435775); } /*new*/ .kwutung-map, .fanling-map {position: relative} .kwutung-map .inner-map, .fanling-map .inner-map{position: relative; z-index: 0} .kwutung-map .map-point, .fanling-map .map-point{position: absolute; z-index: 1; font-size: 0.825rem; color:#000; ;} .kwutung-map .map-point .elem, .fanling-map .map-point .elem{ display: block; width: 16px; height: 16px; background-color: currentColor; border-radius: 50%;} .kwutung-map .map-point .content, .fanling-map .map-point .content{margin-top: 5px;text-align: center; margin-left: -50%; max-width: 120px; line-height: 1.2; text-shadow: 2px 0 2px #FFF, 0 2px 2px #FFF, -2px 0 2px #FFF, 0 -2px 2px #FFF, 2px 0 2px #FFF, 0 2px 2px #FFF, -2px 0 2px #FFF, 0 -2px 2px #FFF; } .kwutung-map .point1{top:81%;left:6.5%} /**/ .kwutung-map .point2{top:80%;left:25%} .kwutung-map .point3{top:13%;left:52.5%} /**/ .kwutung-map .point4{top:22%;left:56.5%} /**/ .kwutung-map .point5{top:68.8%;left:63.2%} /**/ .kwutung-map .point6{top:72%;left:66%} .kwutung-map .point7{top:60%;left:88%} .kwutung-map .point8{top:46.5%;left:84.5%} .kwutung-map .point9{top:71%;left:69%} .kwutung-map .point10{top:75%;left:71%} .kwutung-map .point11{top:68%;left:65%} .kwutung-map .point12{top:68%;left:17%} .kwutung-map .point13{top:73.5%;left:20%} .kwutung-map .point14{top:56.5%;left:23%} .kwutung-map .point15{top:84%;left:41%} .fanling-map .point1{top:51.5%;left:17.5%;} .fanling-map .point2{top:48%;left:15.3%;} .fanling-map .point3{top:44.5%;left:13.7%;} .fanling-map .point4{top:33%;left:16.5%;} .fanling-map .point5{top:22%;left:23%;} .fanling-map .point6{top:29%;left:25%;} .fanling-map .point7{top:28%;left:30%;} .fanling-map .point8{top:42.5%;left:30.5%;} .fanling-map .point9{top:32%;left:38.5%;} .fanling-map .point10{top:33.5%;left:38.5%;} .fanling-map .point11{top:29%;left:40%;} .fanling-map .point12{top:31%;left:43%;} .fanling-map .point13{top:47%;left:47.5%;} .fanling-map .point14{top:74%;left:69%;} .fanling-map .point15{top:75%;left:74%;} .fanling-map .point16{top:73%;left:78%;} .fanling-map .point17{top:69%;left:80%;} .fanling-map .point18{top:71%;left:85%;} .fanling-map .point19{top:70%;left:88%;} .fanling-map .point20{top:76%;left:92.5%;} .fanling-map .point21{top:70.5%;left:73.5%;} @media (max-width: 768px){ .kwutung-map .map-point .elem{ width: 12px; height: 12px;} .kwutung-map .map-point .content{ display: none;} } .sitemap-list{padding: 2em;} .sitemap-list a{ display:block; text-align: center; padding: 0.5em 1em; color:#2bbed8 !important; border-bottom: 1px #ddd solid; line-height: 1.25;} .sitemap-nav{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -2em; margin-right: -2em; } .sitemap-nav, .sitemap-nav ul{ list-style: none; padding-left: 0;} .sitemap-nav ul.sub{margin-top: 0.5rem;} .sitemap-nav .nav-row{ padding: 0 2em; width: 25%; margin-bottom: 2rem; border-left: 1px #ddd solid;} .sitemap-nav .nav-row>a, .sitemap-nav .nav-row>button{ /*background-color: #2bbed8;*/ display:block; width: 100%; font-weight:normal;background-image: var(--theme_gradient); color:#FFF !important; border-bottom: none; border-radius: 2em; line-height: 1.5; padding: 0.5em 0.1em;} .sitemap-nav .nav-row:nth-child(4n+1){ border-left:none;} @media (max-width: 1023px){ .sitemap-nav{display:block;} .sitemap-nav .nav-row{ padding: 0 1em; width:100%; border-left: none;} } .bannerZoom{ -webkit-animation-name: bannerZoom; animation-name: bannerZoom; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .bannerZoom.animated{ -webkit-animation-duration: 10s; animation-duration: 10s; } @keyframes bannerZoom{ 0% {transform: scale(1);} 50% {transform: scale(1.05);} 100% {transform: scale(1);} } @keyframes bannerZoomII{ 0% {transform: scale(1.05);} 50% {transform: scale(1);} 100% {transform: scale(1.05);} } @media (prefers-contrast: more) { *{ background-color: #fff !important; color: #000 !important; } } video{ border-radius: var(--thumb_radius);} /* hard cord*/ #block_background_content_01{ padding: 4rem;} #block_background_content_02{ padding: 4rem;} #block_background_content_03{ padding: 4rem 2rem;} #project_slideshow_kt, #project_slideshow_fl{ max-width: 800px; margin: 0 auto;} @media (max-width: 768px){ #block_background_content_01, #block_background_content_02, #block_background_content_03{ padding: 0 1rem;} } .wrapper_innovation_02_chart{} .wrapper_innovation_02_chart .col{ padding: 0 10px; position: relative;} /* .wrapper_innovation_02_chart .col::after{content: ""; position:absolute; display:block; top:5em; right: -24px; z-index: 1; width: 48px; height: 48px; background-color: #fff; background-image: var(--theme_gradient), var(--arrow_r); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 50%; -webkit-mask-image: var(--arrow_circle_r); mask-image: var(--arrow_circle_r); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto 100%; mask-size: auto 100%; } */ .wrapper_innovation_02_chart .item-thumb{ overflow: visible; border-radius: 0;} .wrapper_innovation_02_chart .item-thumb{position: relative;} .wrapper_innovation_02_chart .item-thumb::after{content: ""; position:absolute; display:block; top:0; right: -34px; bottom:0; margin: auto; z-index: 1; width: 48px; height: 48px; background-color: #fff; background-image: var(--arrow_r), var(--theme_gradient); background-repeat: no-repeat; background-size: 28px auto, cover; background-position: 12px center,center; border-radius: 50%; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); } .wrapper_innovation_02_chart .col:last-child .item-thumb::after{content: none;} .wrapper_innovation_02_chart .item-thumb img{ border-radius: 50%;} .wrapper_innovation_02_chart .item-intro{ background-image: var(--theme_gradient); padding: 0.75em; line-height: 1.2; color:#FFF; border-radius: 1em; margin-top: 0.5em; text-align: center; min-height: 5.2em;} html[lang=en-GB] .wrapper_innovation_02_chart .item-intro{font-size: 0.875rem; padding: 1em; min-height: 6.8em;} .wrapper_innovation_02_chart .swiper-button-prev, .wrapper_innovation_02_chart .swiper-button-next{ top:auto; bottom: -24px;} .wrapper_innovation_02_chart .swiper-button-prev{ left: calc(50% - 40px);} .wrapper_innovation_02_chart .swiper-button-next{ right: calc(50% - 40px);} .wrapper_innovation_01_chart{ padding-bottom: 2rem;} .wrapper_innovation_01_chart .swiper-wrapper{ align-items: stretch;} .wrapper_innovation_01_chart .swiper-slide{ height: auto;} .wrapper_innovation_01_chart .col{ position: relative; padding-top: 4rem;} .wrapper_innovation_01_chart .item, .wrapper_innovation_01_chart .item-intro{ position: static; } .wrapper_innovation_01_chart .item{ padding: 0 0 0 1rem; } .wrapper_innovation_01_chart .item-thumb{ margin-bottom: 0.875rem;} .wrapper_innovation_01_chart .item-title{ position:absolute; right:0; font-size: 1rem; top: 0; left:1rem; padding: 0.5em 1.25em 0.5em 0; margin-bottom: 0; background-color: #093A13; color:#FFF; background-image: var(--arrow_r), var(--theme_gradient); border-radius: 2rem; text-align: right; background-repeat: no-repeat; background-size: 0.8em auto, cover; background-position: calc(100% - 0.25em) center,center;} .wrapper_innovation_01_chart .item-text{line-height: 1.5;} .wrapper_innovation_01_chart .item-text{font-size: 0.875rem;} .wrapper_innovation_01_chart .ex-1 .item-title{ background-image: linear-gradient(to right, #3bc072,#2bb392); background-size: cover; background-position: center; border-radius: 2rem 0 0 2rem; right: 0; max-height: 2em; overflow: hidden;} .wrapper_innovation_01_chart .ex-1 .item-title>span{ visibility: hidden;} .wrapper_innovation_01_chart .ex-2 .item-title{ background-image: var(--arrow_r), linear-gradient(to right, #2bb392,#12a0c3); border-radius: 0 2rem 2rem 0; left: 0;} .wrapper_innovation_01_chart .col:last-child .item-title{ background-image: var(--theme_gradient); background-size: cover; background-position: center;} .wrapper_innovation_01_chart .swiper-button-prev, .wrapper_innovation_01_chart .swiper-button-next{ top:auto; bottom: 1rem;} .wrapper_innovation_01_chart .swiper-button-prev{ left: calc(50% - 40px);} .wrapper_innovation_01_chart .swiper-button-next{ right: calc(50% - 40px);} @media (max-width: 767px){ .wrapper_innovation_01_chart .ex-1 .item-title{ max-height: none;} .wrapper_innovation_01_chart .ex-1 .item-title>span{ visibility: visible;} html[lang=en-GB] .wrapper_innovation_01_chart .item-text, html[lang=en-GB] .wrapper_innovation_02_chart .item-intro{font-size: 1rem;} .rounded-item-boxs.flex-left{ display:block !important; } } .enquiry_form_container{ text-align: center;} #block_background_content_05{position: static;} #block_background_content_05::before, #block_background_content_05::after{content: ""; display:block; position: absolute; right:0; left:0; height: 3rem; margin: auto; } #block_background_content_05::before{ background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0)); top:0; } #block_background_content_05::after{ background-image: linear-gradient(to bottom, rgba(255,255,255,0),rgba(255,255,255,1) ); bottom:0; } #BlockElement_1053 .img-responsive{ max-height: 3rem;} .table.v-top>tbody>tr>td, .table.v-top>tbody>tr>th, .table.v-top>tfoot>tr>td, .table.v-top>tfoot>tr>th, .table.v-top>thead>tr>td, .table.v-top>thead>tr>th { vertical-align: top; border: none; } #block_map{ border-radius: var(--thumb_radius); overflow-x: hidden;} #links_content h3{ font-size: 1.75rem !important; margin-bottom: 0; margin-top: 2rem; } #links_content a{font-size: 1.25rem !important; } .top-icon.fb::before, .top-icon.yt::before{ content:""; display:inline-block; width: 100%; height: 100%; vertical-align: middle; background-image: var(--theme_gradient); -webkit-mask-image: var(--icon-fb); mask-image: var(--icon-fb); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto 100%; mask-size: auto 100%; } .top-icon.fb:hover::before{ background-image: linear-gradient(to right, #588fda, #588fda);} .top-icon.yt::before{ -webkit-mask-image: var(--icon-yt); mask-image: var(--icon-yt); } .top-icon.yt:hover::before{ background-image: linear-gradient(to right, #de3f3f, #de3f3f);} .award-link{ border: none; padding: 0; background: none; position: relative;} .award-link::after{ content: ""; width: 64px; height: 64px; border-radius: 50%; text-align: center; color:#FFF; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1; margin: auto; background-color: rgba(43,190,216,0.8); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='36' height='36' viewBox='0 0 256 256'%3E%3Cpath d='M253.8 243.5L168.3 158c14.9-17.3 23.1-39.1 23.1-62.2 0-25.6-10-49.6-28-67.7C145.2 10 121.2 0 95.6 0 70.1 0 46.1 9.9 28 28c-37.3 37.3-37.3 98 0 135.4 18.7 18.7 43.2 28 67.7 28 22.2 0 44.4-7.8 62.2-23.1l85.5 85.6c1.4 1.4 3.3 2.2 5.2 2.2 1.9 0 3.8-.7 5.2-2.2 2.9-2.9 2.9-7.6 0-10.4zM38.4 153c-31.6-31.6-31.6-83 0-114.6C53.7 23.1 74 14.7 95.6 14.7s42 8.4 57.3 23.7c15.3 15.3 23.7 35.6 23.7 57.3 0 21.6-8.4 42-23.7 57.3-31.5 31.6-82.9 31.6-114.5 0z'/%3E%3C/svg%3E"), var(--theme_gradient-o75); background-repeat: no-repeat; background-position: center; pointer-events: none; opacity: 0; transform: scale(1.1); transition:0.5s transform, 0.5s opacity; -webkit-transition:0.5s transform, 0.5s opacity; -moz-transition:0.5s transform, 0.5s opacity; -o-transition:0.5s transform, 0.5s opacity; -ms-transition:0.5s transform, 0.5s opacity;} .award-link:hover::after{ opacity: 1; transform: scale(1);} /* .awards-list-inner .item-thumb{width: 100%; padding-top: 75%; overflow: hidden; position: relative; margin-bottom: 0.5em;} .awards-list-inner .item-thumb>button{position: absolute; top:0; right:0; bottom:0; left:0; margin: auto;display:block;} .awards-list-inner:hover{ transform: scale(1);} .awards-list-inner .item-thumb .imgfit{ transform: scale(1); transition:0.5s transform; -webkit-transition:0.5s transform; -moz-transition:0.5s transform; -o-transition:0.5s transform; -ms-transition:0.5s transform; } .awards-list-inner:hover .item-thumb .imgfit{ transform: scale(1.02);} .awards-list-inner .item-thumb>button::after{content: ""; width: 64px; height: 64px; border-radius: 50%; text-align: center; color:#FFF; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1; margin: auto; background-color: rgba(43,190,216,0.8); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='36' height='36' viewBox='0 0 256 256'%3E%3Cpath d='M253.8 243.5L168.3 158c14.9-17.3 23.1-39.1 23.1-62.2 0-25.6-10-49.6-28-67.7C145.2 10 121.2 0 95.6 0 70.1 0 46.1 9.9 28 28c-37.3 37.3-37.3 98 0 135.4 18.7 18.7 43.2 28 67.7 28 22.2 0 44.4-7.8 62.2-23.1l85.5 85.6c1.4 1.4 3.3 2.2 5.2 2.2 1.9 0 3.8-.7 5.2-2.2 2.9-2.9 2.9-7.6 0-10.4zM38.4 153c-31.6-31.6-31.6-83 0-114.6C53.7 23.1 74 14.7 95.6 14.7s42 8.4 57.3 23.7c15.3 15.3 23.7 35.6 23.7 57.3 0 21.6-8.4 42-23.7 57.3-31.5 31.6-82.9 31.6-114.5 0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; pointer-events: none; opacity: 0; transform: scale(1.1); transition:0.5s transform, 0.5s opacity; -webkit-transition:0.5s transform, 0.5s opacity; -moz-transition:0.5s transform, 0.5s opacity; -o-transition:0.5s transform, 0.5s opacity; -ms-transition:0.5s transform, 0.5s opacity; } .awards-list-inner .item-thumb>a:hover::after{ opacity: 1; transform: scale(1); } */ .page-popup{ position: relative; background: #FFF; padding: 1em; width: auto; max-width: 12rem; margin: 20px auto; border-radius: 1rem; text-align: center; box-shadow: 0 0 20px #435775; } .page-popup .form-control{ width: auto; max-width: 5em; border-radius: 0.5714em 0 0 0.5714em;} .page-popup .btn-primary{ border-radius: 0 0.5714em 0.5714em 0; padding: 0.4286em 0.8571em; line-height: 1;} .mfp-close-btn-in .mfp-close{ color: currentColor;} .page-popup .mfp-close{font-size: 0.875em; width: 2em; height: 2em; line-height: 1;} .page-popup .mfp-close .icon-cross{filter:none; font-size: 0.875em; } #links_content{ display:-ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .d-hidden{ display:none !important;} .spl-title{ pointer-events: all !important; -webkit-user-select: text; -ms-user-select: text; user-select: text;} .showsub>i{ pointer-events: none;} /* @media (prefers-color-scheme: dark) { //body, .inner-section, .inner-section img, .inner-section.bg-image{filter: invert(1) hue-rotate(180deg);} html, body{background-color: #FFFFFF;} #page-footer .footer-bottom-wrapper{ background: url(../images/empty_white.gif); } #page-footer .bottom-menu, #page-footer .copyright{color:#000 !important; } #page-footer .footer-bottom-wrapper a{ color:#000;} } */