.aio-sdk-form { --aio-sdk-form-padding: 30px 30px 20px; --aio-sdk-form-layout-gap: var(--aio-sdk-input-margin); --aio-sdk-form-steps-gap: 60px; --aio-sdk-form-steps-margin: 15px; --aio-sdk-form-step-diameter: 35px; --aio-sdk-form-step-font-size: var(--aio-sdk-input-font-size); --aio-sdk-form-step-line-color: var(--aio-sdk-input-bg); --aio-sdk-form-step-bg: var(--aio-sdk-input-bg); --aio-sdk-form-step-border: var(--aio-sdk-submit-bg); --aio-sdk-form-step-color: var(--aio-sdk-input-color); --aio-sdk-form-step-active-bg: var(--aio-sdk-submit-bg); --aio-sdk-form-step-active-border: var(--aio-sdk-submit-bg); --aio-sdk-form-step-active-color: var(--aio-sdk-submit-color); --aio-sdk-input-label-color: black; --aio-sdk-input-label-font-size: 1em; --aio-sdk-input-label-margin: 3px; --aio-sdk-input-margin: 15px; --aio-sdk-input-bg: white; --aio-sdk-input-font-size: 1em; --aio-sdk-input-border: #ced4da; --aio-sdk-input-border-radius: 0px; --aio-sdk-input-padding: 15px 20px; --aio-sdk-input-color: black; --aio-sdk-input-textarea-size: 100px; --aio-sdk-input-checkbox-gap: 5px; --aio-sdk-submit-bg: #60359b; --aio-sdk-submit-width: 100%; --aio-sdk-submit-margin: 0 auto 0 auto; --aio-sdk-submit-padding: var(--aio-sdk-input-padding); --aio-sdk-submit-border: transparent; --aio-sdk-submit-border-radius: var(--aio-sdk-input-border-radius); --aio-sdk-submit-color: white; --aio-sdk-submit-font-size: var(--aio-sdk-input-font-size); --aio-sdk-exclamation-bg: var(--aio-sdk-submit-bg); --aio-sdk-exclamation-flex-gap: 10px; --aio-sdk-exclamation-flex-align-items: baseline; --aio-sdk-exclamation-color: var(--aio-sdk-submit-color); --aio-sdk-exclamation-sign-color: red; --aio-sdk-exclamation-padding: var(--aio-sdk-input-padding); --aio-sdk-exclamation-margin: var(--aio-sdk-input-margin); --aio-sdk-exclamation-border: transparent; --aio-sdk-input-font-weight: bold; --aio-sdk-exclamation-border-radius: var(--aio-sdk-input-border-radius); box-sizing: border-box; padding: var(--aio-sdk-form-padding); position: relative; width: 100%; } .aio-sdk-form .aio-sdk-exclamation { box-sizing: border-box; color: var(--aio-sdk-exclamation-color); background: var(--aio-sdk-exclamation-bg); padding: var(--aio-sdk-exclamation-padding); border-radius: var(--aio-sdk-exclamation-border-radius); margin: var(--aio-sdk-exclamation-margin); font-weight: var(--aio-sdk-input-font-weight); display:flex; gap: var(--aio-sdk-exclamation-flex-gap); align-items: var(--aio-sdk-exclamation-flex-align-items); } .aio-sdk-form .aio-sdk-exclamation-sign{ color: var(--aio-sdk-exclamation-sign-color); } .aio-sdk-form .aio-sdk-form-hidden { display: none !important; } .aio-sdk-form.aio-sdk-form-loading { filter: grayscale(100%); } .aio-sdk-form .iti-aio { color: var(--aio-sdk-input-color); } .aio-sdk-form .aio-sdk-input-container { box-sizing: border-box; position: relative; margin-bottom: var(--aio-sdk-input-margin); color: var(--aio-sdk-input-color); width: 100%; display: flex; flex-direction: column; gap: var(--aio-sdk-input-label-margin); } .aio-sdk-form .aio-sdk-input { color: var(--aio-sdk-input-color); background-color: var(--aio-sdk-input-bg); border: 1px solid var(--aio-sdk-input-border); padding: var(--aio-sdk-input-padding); border-radius: var(--aio-sdk-input-border-radius); font-size: var(--aio-sdk-input-font-size); font-weight: 400; display: block; width: 100%; outline: 0; box-sizing: border-box; position: relative; cursor: pointer; } .aio-sdk-form .aio-sdk-steps-container { display: flex; width: 100%; justify-content: center; gap: var(--aio-sdk-form-steps-gap); margin-bottom: var(--aio-sdk-form-steps-margin); } .aio-sdk-form .aio-sdk-step-container { display: flex; position: relative; color: var(--aio-sdk-form-step-color); font-size: var(--aio-sdk-form-step-font-size); border-color: var(--aio-sdk-form-step-border); background: var(--aio-sdk-form-step-bg); border-radius: 100%; text-align: center; width: var(--aio-sdk-form-step-diameter); height: var(--aio-sdk-form-step-diameter); border-width: 1px; border-style: solid; align-items: center; justify-content: center; transition: all 50ms ease-out; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ } .aio-sdk-form .aio-sdk-step-container:after { position: absolute; background: var(--aio-sdk-form-step-line-color); content: " "; top: 50%; right: 0; height: 1px; width: var(--aio-sdk-form-steps-gap); margin-right: calc(var(--aio-sdk-form-steps-gap) * -1) } .aio-sdk-form .aio-sdk-step-container:last-child:after { display: none; } .aio-sdk-form .aio-sdk-step-container-active { color: var(--aio-sdk-form-step-active-color); border-color: var(--aio-sdk-form-step-active-border); background: var(--aio-sdk-form-step-active-bg); } .aio-sdk-form select.aio-sdk-input:invalid { font-size: var(--aio-sdk-input-font-size); color: gray; } .aio-sdk-form select.aio-sdk-input { font-size: var(--aio-sdk-input-font-size); font-weight: 400; } .aio-sdk-form .aio-sdk-input-container textarea { height: var(--aio-sdk-input-textarea-size); resize: none; font-size: var(--aio-sdk-input-font-size); font-weight: 400; } .aio-sdk-form .aio-sdk-input-checkbox-container { display: flex; align-items: start; flex-direction: row; gap: var(--aio-sdk-input-checkbox-gap); color: var(--aio-sdk-input-label-color); font-size: var(--aio-sdk-input-label-font-size); -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ } .aio-sdk-form .aio-sdk-input-label { font-weight: bold; margin-bottom: var(--aio-sdk-input-label-margin); color: var(--aio-sdk-input-label-color); font-size: var(--aio-sdk-input-label-font-size); cursor: pointer; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ } .aio-sdk-form .aio-sdk-input-checkbox-container label { cursor: pointer; } .aio-sdk-form .aio-sdk-layout-container { } .aio-sdk-form .aio-sdk-row-container { display: flex; gap: var(--aio-sdk-form-layout-gap); } .aio-sdk-form .aio-sdk-column-container { width: 100%; } .aio-sdk-form input[type=submit] { box-shadow: var(--aio-sdk-submit-bg) 0 0 0 0; background: var(--aio-sdk-submit-bg); border-color: var(--aio-sdk-submit-bg); color: var(--aio-sdk-submit-color); padding: var(--aio-sdk-submit-padding); border: 1px solid var(--aio-sdk-submit-border); border-radius: var(--aio-sdk-submit-border-radius); text-transform: uppercase; font-weight: 700; font-size: var(--aio-sdk-submit-font-size); animation: 2s ease 0s infinite normal none running aio-sdk-pulsing; transition: 50ms ease-out; outline: 0; box-sizing: border-box; position: relative; cursor: pointer; width: var(--aio-sdk-submit-width); margin: var(--aio-sdk-submit-margin); } .aio-sdk-form input[type=submit]:hover { filter: brightness(0.9); } @keyframes aio-sdk-pulsing { 100% { box-shadow: transparent 0 0 0 10px } } .aio-sdk-form .iti-aio { width: 100%; display: block; } .iti-aio--container { z-index: 10000; } :root { --iti-hover-color: rgba(0, 0, 0, 0.05); --iti-border-color: #ccc; --iti-dialcode-color: #999; --iti-dropdown-bg: white; --iti-spacer-horizontal: 20px; --iti-flag-height: 12px; --iti-flag-width: 16px; --iti-border-width: 1px; --iti-arrow-height: 4px; --iti-arrow-width: 6px; --iti-triangle-border: calc(var(--iti-arrow-width) / 2); --iti-arrow-padding: 10px; --iti-arrow-color: #555; --iti-path-flags-1x: url(bd95ef49b665a571ca04.webp?v=1); --iti-path-flags-2x: url(bea0200ba7ea874b359f.webp?v1=); --iti-path-globe-1x: url(7fb216c936a98b90918e.webp?v1=); --iti-path-globe-2x: url(5dc7e51d6b5d42fc2be4.webp?v1=); --iti-flag-sprite-width: 3904px; --iti-flag-sprite-height: 12px; --iti-mobile-popup-margin: 30px; } .iti-aio { position: relative; display: inline-block; } .iti-aio * { box-sizing: border-box; } .iti-aio__hide { display: none; } .iti-aio__v-hide { visibility: hidden; } .iti-aio__a11y-text { width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute; } .iti-aio input.iti-aio__tel-input, .iti-aio input.iti-aio__tel-input[type=text], .iti-aio input.iti-aio__tel-input[type=tel] { position: relative; z-index: 0; margin: 0 !important; } .iti-aio__country-container { position: absolute; top: 0; bottom: 0; padding: var(--iti-border-width); } .iti-aio__selected-country { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; background: none; border: 0; margin: 0; padding: 0; font-family: inherit; font-size: inherit; color: inherit; border-radius: 0; font-weight: inherit; line-height: inherit; text-decoration: none; } .iti-aio__selected-country-primary { display: flex; align-items: center; height: 100%; padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal); border-radius: var(--aio-sdk-input-border-radius) 0 0 var(--aio-sdk-input-border-radius); } [dir=rtl] .iti-aio__selected-country-primary{ border-radius: 0 var(--aio-sdk-input-border-radius) var(--aio-sdk-input-border-radius) 0; } .iti-aio__arrow { margin-left: var(--iti-arrow-padding); width: 0; height: 0; border-left: var(--iti-triangle-border) solid transparent; border-right: var(--iti-triangle-border) solid transparent; border-top: var(--iti-arrow-height) solid var(--iti-arrow-color); } [dir=rtl] .iti-aio__arrow { margin-right: var(--iti-arrow-padding); margin-left: 0; } .iti-aio__arrow--up { border-top: none; border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color); } .iti-aio__dropdown-content { background-color: var(--aio-sdk-input-bg, white); border: 1px solid var(--aio-sdk-input-border, #ced4da); border-radius: var(--aio-sdk-input-border-radius); } .iti-aio--inline-dropdown .iti-aio__dropdown-content { position: absolute; z-index: 2; margin-top: 3px; margin-left: calc(var(--iti-border-width) * -1); /*border: var(--iti-border-width) solid var(--iti-border-color);*/ border: none; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); } .iti-aio__search-input { width: 100%; color: var(--aio-sdk-input-color, black); background-color: var(--aio-sdk-input-bg, white); border: 1px solid var(--aio-sdk-input-border, #ced4da); padding: var(--aio-sdk-input-padding, 15px 20px); border-radius: var(--aio-sdk-input-border-radius); font-size: var(--aio-sdk-input-font-size); outline: 0; box-sizing: border-box; position: relative; cursor: pointer; } .iti-aio__search-input + .iti-aio__country-list { border-top: 1px solid var(--iti-border-color); } .iti-aio__country-list { list-style: none; padding: 0; margin: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti-aio--inline-dropdown .iti-aio__country-list { max-height: 185px; } .iti-aio--flexible-dropdown-width .iti-aio__country-list { white-space: nowrap; } @media (max-width: 500px) { .iti-aio--flexible-dropdown-width .iti-aio__country-list { white-space: normal; } } .iti-aio__country { display: flex; align-items: center; padding: 8px var(--iti-spacer-horizontal); outline: none; } .iti-aio__dial-code { color: var(--iti-dialcode-color); } .iti-aio__country.iti-aio__highlight { background-color: var(--iti-hover-color); } .iti-aio__country-list .iti-aio__flag, .iti-aio__country-name { margin-right: var(--iti-spacer-horizontal); } [dir=rtl] .iti-aio__country-list .iti-aio__flag, [dir=rtl] .iti-aio__country-name { margin-right: 0; margin-left: var(--iti-spacer-horizontal); } .iti-aio--allow-dropdown .iti-aio__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, .iti-aio--allow-dropdown .iti-aio__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button { cursor: pointer; } .iti-aio--allow-dropdown .iti-aio__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti-aio__selected-country-primary:hover, .iti-aio--allow-dropdown .iti-aio__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti-aio__selected-country:has(+ .iti-aio__dropdown-content:hover) .iti-aio__selected-country-primary { background-color: var(--iti-hover-color); } .iti-aio .iti-aio__selected-dial-code { margin-left: 4px; } [dir=rtl] .iti-aio .iti-aio__selected-dial-code { margin-left: 0; margin-right: 4px; } .iti-aio--container { position: fixed; top: -1000px; left: -1000px; z-index: 1060; padding: var(--iti-border-width); } .iti-aio--container:hover { cursor: pointer; } .iti-aio--fullscreen-popup.iti-aio--container { background-color: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; position: fixed; padding: var(--iti-mobile-popup-margin); display: flex; flex-direction: column; justify-content: flex-start; } .iti-aio--fullscreen-popup .iti-aio__dropdown-content { display: flex; flex-direction: column; max-height: 100%; position: relative; } .iti-aio--fullscreen-popup .iti-aio__country { padding: 10px 10px; line-height: 1.5em; } .iti-aio__flag { --iti-flag-offset: 100px; height: var(--iti-flag-height); width: var(--iti-flag-width); border-radius: 1px; box-shadow: 0px 0px 1px 0px #888; background-image: var(--iti-path-flags-1x); background-repeat: no-repeat; background-position: var(--iti-flag-offset) 0; background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height); } .iti-aio__ac { --iti-flag-offset: 0px; } .iti-aio__ad { --iti-flag-offset: -16px; } .iti-aio__ae { --iti-flag-offset: -32px; } .iti-aio__af { --iti-flag-offset: -48px; } .iti-aio__ag { --iti-flag-offset: -64px; } .iti-aio__ai { --iti-flag-offset: -80px; } .iti-aio__al { --iti-flag-offset: -96px; } .iti-aio__am { --iti-flag-offset: -112px; } .iti-aio__ao { --iti-flag-offset: -128px; } .iti-aio__ar { --iti-flag-offset: -144px; } .iti-aio__as { --iti-flag-offset: -160px; } .iti-aio__at { --iti-flag-offset: -176px; } .iti-aio__au { --iti-flag-offset: -192px; } .iti-aio__aw { --iti-flag-offset: -208px; } .iti-aio__ax { --iti-flag-offset: -224px; } .iti-aio__az { --iti-flag-offset: -240px; } .iti-aio__ba { --iti-flag-offset: -256px; } .iti-aio__bb { --iti-flag-offset: -272px; } .iti-aio__bd { --iti-flag-offset: -288px; } .iti-aio__be { --iti-flag-offset: -304px; } .iti-aio__bf { --iti-flag-offset: -320px; } .iti-aio__bg { --iti-flag-offset: -336px; } .iti-aio__bh { --iti-flag-offset: -352px; } .iti-aio__bi { --iti-flag-offset: -368px; } .iti-aio__bj { --iti-flag-offset: -384px; } .iti-aio__bl { --iti-flag-offset: -400px; } .iti-aio__bm { --iti-flag-offset: -416px; } .iti-aio__bn { --iti-flag-offset: -432px; } .iti-aio__bo { --iti-flag-offset: -448px; } .iti-aio__bq { --iti-flag-offset: -464px; } .iti-aio__br { --iti-flag-offset: -480px; } .iti-aio__bs { --iti-flag-offset: -496px; } .iti-aio__bt { --iti-flag-offset: -512px; } .iti-aio__bw { --iti-flag-offset: -528px; } .iti-aio__by { --iti-flag-offset: -544px; } .iti-aio__bz { --iti-flag-offset: -560px; } .iti-aio__ca { --iti-flag-offset: -576px; } .iti-aio__cc { --iti-flag-offset: -592px; } .iti-aio__cd { --iti-flag-offset: -608px; } .iti-aio__cf { --iti-flag-offset: -624px; } .iti-aio__cg { --iti-flag-offset: -640px; } .iti-aio__ch { --iti-flag-offset: -656px; } .iti-aio__ci { --iti-flag-offset: -672px; } .iti-aio__ck { --iti-flag-offset: -688px; } .iti-aio__cl { --iti-flag-offset: -704px; } .iti-aio__cm { --iti-flag-offset: -720px; } .iti-aio__cn { --iti-flag-offset: -736px; } .iti-aio__co { --iti-flag-offset: -752px; } .iti-aio__cr { --iti-flag-offset: -768px; } .iti-aio__cu { --iti-flag-offset: -784px; } .iti-aio__cv { --iti-flag-offset: -800px; } .iti-aio__cw { --iti-flag-offset: -816px; } .iti-aio__cx { --iti-flag-offset: -832px; } .iti-aio__cy { --iti-flag-offset: -848px; } .iti-aio__cz { --iti-flag-offset: -864px; } .iti-aio__de { --iti-flag-offset: -880px; } .iti-aio__dj { --iti-flag-offset: -896px; } .iti-aio__dk { --iti-flag-offset: -912px; } .iti-aio__dm { --iti-flag-offset: -928px; } .iti-aio__do { --iti-flag-offset: -944px; } .iti-aio__dz { --iti-flag-offset: -960px; } .iti-aio__ec { --iti-flag-offset: -976px; } .iti-aio__ee { --iti-flag-offset: -992px; } .iti-aio__eg { --iti-flag-offset: -1008px; } .iti-aio__eh { --iti-flag-offset: -1024px; } .iti-aio__er { --iti-flag-offset: -1040px; } .iti-aio__es { --iti-flag-offset: -1056px; } .iti-aio__et { --iti-flag-offset: -1072px; } .iti-aio__fi { --iti-flag-offset: -1088px; } .iti-aio__fj { --iti-flag-offset: -1104px; } .iti-aio__fk { --iti-flag-offset: -1120px; } .iti-aio__fm { --iti-flag-offset: -1136px; } .iti-aio__fo { --iti-flag-offset: -1152px; } .iti-aio__fr { --iti-flag-offset: -1168px; } .iti-aio__ga { --iti-flag-offset: -1184px; } .iti-aio__gb { --iti-flag-offset: -1200px; } .iti-aio__gd { --iti-flag-offset: -1216px; } .iti-aio__ge { --iti-flag-offset: -1232px; } .iti-aio__gf { --iti-flag-offset: -1248px; } .iti-aio__gg { --iti-flag-offset: -1264px; } .iti-aio__gh { --iti-flag-offset: -1280px; } .iti-aio__gi { --iti-flag-offset: -1296px; } .iti-aio__gl { --iti-flag-offset: -1312px; } .iti-aio__gm { --iti-flag-offset: -1328px; } .iti-aio__gn { --iti-flag-offset: -1344px; } .iti-aio__gp { --iti-flag-offset: -1360px; } .iti-aio__gq { --iti-flag-offset: -1376px; } .iti-aio__gr { --iti-flag-offset: -1392px; } .iti-aio__gt { --iti-flag-offset: -1408px; } .iti-aio__gu { --iti-flag-offset: -1424px; } .iti-aio__gw { --iti-flag-offset: -1440px; } .iti-aio__gy { --iti-flag-offset: -1456px; } .iti-aio__hk { --iti-flag-offset: -1472px; } .iti-aio__hn { --iti-flag-offset: -1488px; } .iti-aio__hr { --iti-flag-offset: -1504px; } .iti-aio__ht { --iti-flag-offset: -1520px; } .iti-aio__hu { --iti-flag-offset: -1536px; } .iti-aio__id { --iti-flag-offset: -1552px; } .iti-aio__ie { --iti-flag-offset: -1568px; } .iti-aio__il { --iti-flag-offset: -1584px; } .iti-aio__im { --iti-flag-offset: -1600px; } .iti-aio__in { --iti-flag-offset: -1616px; } .iti-aio__io { --iti-flag-offset: -1632px; } .iti-aio__iq { --iti-flag-offset: -1648px; } .iti-aio__ir { --iti-flag-offset: -1664px; } .iti-aio__is { --iti-flag-offset: -1680px; } .iti-aio__it { --iti-flag-offset: -1696px; } .iti-aio__je { --iti-flag-offset: -1712px; } .iti-aio__jm { --iti-flag-offset: -1728px; } .iti-aio__jo { --iti-flag-offset: -1744px; } .iti-aio__jp { --iti-flag-offset: -1760px; } .iti-aio__ke { --iti-flag-offset: -1776px; } .iti-aio__kg { --iti-flag-offset: -1792px; } .iti-aio__kh { --iti-flag-offset: -1808px; } .iti-aio__ki { --iti-flag-offset: -1824px; } .iti-aio__km { --iti-flag-offset: -1840px; } .iti-aio__kn { --iti-flag-offset: -1856px; } .iti-aio__kp { --iti-flag-offset: -1872px; } .iti-aio__kr { --iti-flag-offset: -1888px; } .iti-aio__kw { --iti-flag-offset: -1904px; } .iti-aio__ky { --iti-flag-offset: -1920px; } .iti-aio__kz { --iti-flag-offset: -1936px; } .iti-aio__la { --iti-flag-offset: -1952px; } .iti-aio__lb { --iti-flag-offset: -1968px; } .iti-aio__lc { --iti-flag-offset: -1984px; } .iti-aio__li { --iti-flag-offset: -2000px; } .iti-aio__lk { --iti-flag-offset: -2016px; } .iti-aio__lr { --iti-flag-offset: -2032px; } .iti-aio__ls { --iti-flag-offset: -2048px; } .iti-aio__lt { --iti-flag-offset: -2064px; } .iti-aio__lu { --iti-flag-offset: -2080px; } .iti-aio__lv { --iti-flag-offset: -2096px; } .iti-aio__ly { --iti-flag-offset: -2112px; } .iti-aio__ma { --iti-flag-offset: -2128px; } .iti-aio__mc { --iti-flag-offset: -2144px; } .iti-aio__md { --iti-flag-offset: -2160px; } .iti-aio__me { --iti-flag-offset: -2176px; } .iti-aio__mf { --iti-flag-offset: -2192px; } .iti-aio__mg { --iti-flag-offset: -2208px; } .iti-aio__mh { --iti-flag-offset: -2224px; } .iti-aio__mk { --iti-flag-offset: -2240px; } .iti-aio__ml { --iti-flag-offset: -2256px; } .iti-aio__mm { --iti-flag-offset: -2272px; } .iti-aio__mn { --iti-flag-offset: -2288px; } .iti-aio__mo { --iti-flag-offset: -2304px; } .iti-aio__mp { --iti-flag-offset: -2320px; } .iti-aio__mq { --iti-flag-offset: -2336px; } .iti-aio__mr { --iti-flag-offset: -2352px; } .iti-aio__ms { --iti-flag-offset: -2368px; } .iti-aio__mt { --iti-flag-offset: -2384px; } .iti-aio__mu { --iti-flag-offset: -2400px; } .iti-aio__mv { --iti-flag-offset: -2416px; } .iti-aio__mw { --iti-flag-offset: -2432px; } .iti-aio__mx { --iti-flag-offset: -2448px; } .iti-aio__my { --iti-flag-offset: -2464px; } .iti-aio__mz { --iti-flag-offset: -2480px; } .iti-aio__na { --iti-flag-offset: -2496px; } .iti-aio__nc { --iti-flag-offset: -2512px; } .iti-aio__ne { --iti-flag-offset: -2528px; } .iti-aio__nf { --iti-flag-offset: -2544px; } .iti-aio__ng { --iti-flag-offset: -2560px; } .iti-aio__ni { --iti-flag-offset: -2576px; } .iti-aio__nl { --iti-flag-offset: -2592px; } .iti-aio__no { --iti-flag-offset: -2608px; } .iti-aio__np { --iti-flag-offset: -2624px; } .iti-aio__nr { --iti-flag-offset: -2640px; } .iti-aio__nu { --iti-flag-offset: -2656px; } .iti-aio__nz { --iti-flag-offset: -2672px; } .iti-aio__om { --iti-flag-offset: -2688px; } .iti-aio__pa { --iti-flag-offset: -2704px; } .iti-aio__pe { --iti-flag-offset: -2720px; } .iti-aio__pf { --iti-flag-offset: -2736px; } .iti-aio__pg { --iti-flag-offset: -2752px; } .iti-aio__ph { --iti-flag-offset: -2768px; } .iti-aio__pk { --iti-flag-offset: -2784px; } .iti-aio__pl { --iti-flag-offset: -2800px; } .iti-aio__pm { --iti-flag-offset: -2816px; } .iti-aio__pr { --iti-flag-offset: -2832px; } .iti-aio__ps { --iti-flag-offset: -2848px; } .iti-aio__pt { --iti-flag-offset: -2864px; } .iti-aio__pw { --iti-flag-offset: -2880px; } .iti-aio__py { --iti-flag-offset: -2896px; } .iti-aio__qa { --iti-flag-offset: -2912px; } .iti-aio__re { --iti-flag-offset: -2928px; } .iti-aio__ro { --iti-flag-offset: -2944px; } .iti-aio__rs { --iti-flag-offset: -2960px; } .iti-aio__ru { --iti-flag-offset: -2976px; } .iti-aio__rw { --iti-flag-offset: -2992px; } .iti-aio__sa { --iti-flag-offset: -3008px; } .iti-aio__sb { --iti-flag-offset: -3024px; } .iti-aio__sc { --iti-flag-offset: -3040px; } .iti-aio__sd { --iti-flag-offset: -3056px; } .iti-aio__se { --iti-flag-offset: -3072px; } .iti-aio__sg { --iti-flag-offset: -3088px; } .iti-aio__sh { --iti-flag-offset: -3104px; } .iti-aio__si { --iti-flag-offset: -3120px; } .iti-aio__sj { --iti-flag-offset: -3136px; } .iti-aio__sk { --iti-flag-offset: -3152px; } .iti-aio__sl { --iti-flag-offset: -3168px; } .iti-aio__sm { --iti-flag-offset: -3184px; } .iti-aio__sn { --iti-flag-offset: -3200px; } .iti-aio__so { --iti-flag-offset: -3216px; } .iti-aio__sr { --iti-flag-offset: -3232px; } .iti-aio__ss { --iti-flag-offset: -3248px; } .iti-aio__st { --iti-flag-offset: -3264px; } .iti-aio__sv { --iti-flag-offset: -3280px; } .iti-aio__sx { --iti-flag-offset: -3296px; } .iti-aio__sy { --iti-flag-offset: -3312px; } .iti-aio__sz { --iti-flag-offset: -3328px; } .iti-aio__tc { --iti-flag-offset: -3344px; } .iti-aio__td { --iti-flag-offset: -3360px; } .iti-aio__tg { --iti-flag-offset: -3376px; } .iti-aio__th { --iti-flag-offset: -3392px; } .iti-aio__tj { --iti-flag-offset: -3408px; } .iti-aio__tk { --iti-flag-offset: -3424px; } .iti-aio__tl { --iti-flag-offset: -3440px; } .iti-aio__tm { --iti-flag-offset: -3456px; } .iti-aio__tn { --iti-flag-offset: -3472px; } .iti-aio__to { --iti-flag-offset: -3488px; } .iti-aio__tr { --iti-flag-offset: -3504px; } .iti-aio__tt { --iti-flag-offset: -3520px; } .iti-aio__tv { --iti-flag-offset: -3536px; } .iti-aio__tw { --iti-flag-offset: -3552px; } .iti-aio__tz { --iti-flag-offset: -3568px; } .iti-aio__ua { --iti-flag-offset: -3584px; } .iti-aio__ug { --iti-flag-offset: -3600px; } .iti-aio__us { --iti-flag-offset: -3616px; } .iti-aio__uy { --iti-flag-offset: -3632px; } .iti-aio__uz { --iti-flag-offset: -3648px; } .iti-aio__va { --iti-flag-offset: -3664px; } .iti-aio__vc { --iti-flag-offset: -3680px; } .iti-aio__ve { --iti-flag-offset: -3696px; } .iti-aio__vg { --iti-flag-offset: -3712px; } .iti-aio__vi { --iti-flag-offset: -3728px; } .iti-aio__vn { --iti-flag-offset: -3744px; } .iti-aio__vu { --iti-flag-offset: -3760px; } .iti-aio__wf { --iti-flag-offset: -3776px; } .iti-aio__ws { --iti-flag-offset: -3792px; } .iti-aio__xk { --iti-flag-offset: -3808px; } .iti-aio__ye { --iti-flag-offset: -3824px; } .iti-aio__yt { --iti-flag-offset: -3840px; } .iti-aio__za { --iti-flag-offset: -3856px; } .iti-aio__zm { --iti-flag-offset: -3872px; } .iti-aio__zw { --iti-flag-offset: -3888px; } .iti-aio__globe { background-image: var(--iti-path-globe-1x); background-size: contain; background-position: right; box-shadow: none; height: 19px; } @media (min-resolution: 2x) { .iti-aio__flag { background-image: var(--iti-path-flags-2x); } .iti-aio__globe { background-image: var(--iti-path-globe-2x); } } .aio-sdk-modal { display: none; --aio-sdk-modal-max-width: 500px; --aio-sdk-modal-header-padding: 10px 20px; --aio-sdk-modal-body-padding: 20px 20px; --aio-sdk-modal-footer-padding: var(--aio-sdk-modal-header-padding); --aio-sdk-modal-backdrop-color: rgba(0, 0, 0, 0.5); --aio-sdk-modal-bg-color: white; --aio-sdk-modal-border: #ced4da; --aio-sdk-modal-border-radius: 0; --aio-sdk-modal-button-bg: #60359b; --aio-sdk-modal-button-color: white; --aio-sdk-modal-button-padding: 10px 15px; --aio-sdk-modal-button-border: #ced4da; --aio-sdk-modal-button-border-radius: 0px; --aio-sdk-modal-button-danger-bg: #ff1313; --aio-sdk-modal-button-danger-color: white; --aio-sdk-modal-button-success-bg: #0fac32; --aio-sdk-modal-button-success-color: white; } .aio-sdk-modal.aio-sdk-modal-opened { position: fixed; display: flex !important; flex-direction: column; width: 100vw; height: 100dvh; overflow: hidden auto; box-sizing: border-box; top: 0; left: 0; z-index: 999; background: var(--aio-sdk-modal-backdrop-color); padding-left: 5%; padding-right: 5%; } .aio-sdk-modal .aio-sdk-modal-content { max-width: var(--aio-sdk-modal-max-width); background: var(--aio-sdk-modal-bg-color); border: 1px solid var(--aio-sdk-modal-border); border-radius: var(--aio-sdk-modal-border-radius); overflow: hidden; position: relative; z-index: 1; min-height: 0; margin: auto; } .aio-sdk-modal .aio-sdk-modal-header { padding: var(--aio-sdk-modal-header-padding); background-color: #f4f5fd; border-bottom: 1px solid var(--aio-sdk-modal-border); font-weight: 600; font-size: 24px; line-height: 32px; letter-spacing: -.04em; } .aio-sdk-modal .aio-sdk-modal-body { padding: var(--aio-sdk-modal-body-padding); } .aio-sdk-modal .aio-sdk-modal-footer { padding: var(--aio-sdk-modal-footer-padding); background-color: #f4f5fd; border-top: 1px solid var(--aio-sdk-modal-border); display: flex; gap: 10px; } .aio-sdk-modal .aio-sdk-modal-button { box-shadow: var(--aio-sdk-modal-button-bg) 0 0 0 0; background: var(--aio-sdk-modal-button-bg); border-color: var(--aio-sdk-modal-button-bg); color: var(--aio-sdk-modal-button-color); padding: var(--aio-sdk-modal-button-padding); border: 1px solid var(--aio-sdk-modal-button-border); border-radius: var(--aio-sdk-modal-button-border-radius); text-decoration: none; text-align: center; text-transform: uppercase; font-weight: 700; animation: 2s ease 0s infinite normal none running aio-sdk-pulsing; transition: 50ms ease-out; outline: 0; box-sizing: border-box; position: relative; cursor: pointer; width: 100%; } .aio-sdk-modal .aio-sdk-modal-button-success { box-shadow: var(--aio-sdk-modal-button-success-bg) 0 0 0 0; background: var(--aio-sdk-modal-button-success-bg); border-color: var(--aio-sdk-modal-button-success-bg); color: var(--aio-sdk-modal-button-success-color); } .aio-sdk-modal .aio-sdk-modal-button-intent { box-shadow: #03875f 0 0 0 0; background: #03875f; border-color: #03875f; color: var(--aio-sdk-modal-button-success-color); display: flex; justify-content: center; } .aio-sdk-modal .aio-sdk-modal-button-intent span{ display: flex; align-items: end; text-align: center; gap: 5px; } .aio-sdk-modal .aio-sdk-modal-button-danger { box-shadow: var(--aio-sdk-modal-button-danger-bg) 0 0 0 0; background: var(--aio-sdk-modal-button-danger-bg); border-color: var(--aio-sdk-modal-button-danger-bg); color: var(--aio-sdk-modal-button-danger-color); } /* PWA-specific look of the SDK modals (intent + iOS). Base layout lives in ../form/modal.css */ .aio-sdk-modal.aio-sdk-pwa-modal { font-family: Roboto, Arial, sans-serif; color: rgb(32, 33, 36); --aio-sdk-modal-border-radius: 10px; --aio-sdk-modal-button-border-radius: 10px; } .aio-sdk-pwa-modal .aio-sdk-modal-header { font-size: 18px; line-height: 24px; letter-spacing: 0; font-weight: 600; background-color: #fff; border-bottom: 0; padding: 20px 20px 0; } .aio-sdk-pwa-modal .aio-sdk-modal-body { font-size: 14px; line-height: 1.5; color: rgb(95, 99, 104); } .aio-sdk-pwa-modal .aio-sdk-modal-footer { background-color: #fff; border-top: 0; padding-top: 0; padding-bottom: 20px; } .aio-sdk-pwa-modal .aio-sdk-modal-button-intent span { align-items: center; } /* iOS instructions */ .aio-sdk-pwa-ios-hint { margin-bottom: 12px; padding: 10px 12px; border-radius: 8px; background: #f4f5fd; } .aio-sdk-pwa-ios-steps { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 10px; } .aio-sdk-pwa-ios-steps li { list-style: decimal; padding-left: 4px; } .aio-sdk-pwa-ios-steps b { color: rgb(32, 33, 36); font-weight: 600; } .aio-sdk-pwa-ios-icon { display: inline-block; vertical-align: -4px; margin: 0 2px; color: #007aff; } .reg-v4 { --reg-v4-avatar-box-size: calc( var(--reg-v4-avatar-size) + var(--reg-v4-avatar-gap) * 2 + var(--reg-v4-avatar-border-width) * 2); --reg-v4-line-width: 1px; --reg-v4-dot-center-left: calc( var(--reg-v4-line-left) - var(--reg-v4-content-padding-left) + var(--reg-v4-line-width) / 2); } .reg-v4, .reg-v4 * { box-sizing: border-box !important; font-family: var(--reg-v4-font-family); } .reg-v4 b { font-weight: var(--reg-v4-step-bold) !important; } .reg-v4 .reg-v4__content { position: relative !important; max-width: 645px !important; margin: 0 auto !important; padding-top: var(--reg-v4-content-padding-top); padding-bottom: var(--reg-v4-content-padding-bottom); padding-left: var(--reg-v4-content-padding-left); color: var(--reg-v4-text-color); } .reg-v4 .reg-v4__content::before { content: "" !important; position: absolute !important; top: var(--reg-v4-line-top); left: var(--reg-v4-line-left); width: var(--reg-v4-line-width); height: var(--reg-v4-line-height); background-color: var(--reg-v4-accent); } .reg-v4 .reg-v4__user { position: static !important; display: block !important; z-index: 2 !important; margin: 0 !important; } .reg-v4 .reg-v4__avatar { position: absolute !important; top: 0 !important; left: 0 !important; width: var(--reg-v4-avatar-box-size); height: var(--reg-v4-avatar-box-size); border: var(--reg-v4-avatar-border); border-radius: var(--reg-v4-avatar-radius); display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; z-index: 2 !important; } .reg-v4 .reg-v4__avatar > img { display: block !important; width: var(--reg-v4-avatar-size); height: var(--reg-v4-avatar-size); border-radius: inherit !important; object-fit: cover !important; } .reg-v4 .reg-v4__name { display: inline-block !important; margin: 0 !important; font-size: var(--reg-v4-name-font-size); font-weight: var(--reg-v4-name-font-weight); line-height: var(--reg-v4-name-line-height); color: var(--reg-v4-name-color); text-decoration: none !important; } .reg-v4 .reg-v4__title { width: fit-content !important; max-width: 100%; margin: var(--reg-v4-title-margin); padding: var(--reg-v4-title-padding); background-color: var(--reg-v4-title-bg); color: var(--reg-v4-title-color); font-size: var(--reg-v4-title-font-size); font-weight: var(--reg-v4-title-font-weight); line-height: var(--reg-v4-title-line-height); letter-spacing: var(--reg-v4-title-letter-spacing); text-transform: var(--reg-v4-title-text-transform); border-radius: var(--reg-v4-title-radius); hyphens: auto !important; } .reg-v4 .reg-v4__content > ul, .reg-v4 .reg-v4__content > ol { margin: 0 auto 25px !important; padding: 0 !important; font: inherit !important; text-align: left !important; list-style: none !important; } .reg-v4 .reg-v4__content > ul li, .reg-v4 .reg-v4__content > ol li { position: relative !important; margin: var(--reg-v4-step-margin); padding: 0 !important; font-size: var(--reg-v4-step-font-size); line-height: var(--reg-v4-step-line-height); } .reg-v4 .reg-v4__content > ul li:last-child, .reg-v4 .reg-v4__content > ol li:last-child { margin-top: var(--reg-v4-last-step-margin-top); } .reg-v4 .reg-v4__content > ul li::before, .reg-v4 .reg-v4__content > ol li::before { content: "" !important; position: absolute !important; top: var(--reg-v4-dot-top); left: var(--reg-v4-dot-center-left); width: var(--reg-v4-dot-size); height: var(--reg-v4-dot-size); background-color: var(--reg-v4-accent); border-radius: var(--reg-v4-dot-radius); transform: translate(-50%, -50%) !important; } .reg-v4 .reg-v4__link, .reg-v4 .reg-v4__list a { color: var(--reg-v4-link); text-decoration: underline !important; } .reg-v4 .reg-v4__link:hover, .reg-v4 .reg-v4__list a:hover { color: var(--reg-v4-link-hover); } .reg-v4 .reg-v4__list a { font-weight: var(--reg-v4-link-bold) !important; } .reg-v4 .reg-v4__text { margin: var(--reg-v4-note-margin); font-size: var(--reg-v4-note-font-size); color: var(--reg-v4-note-color); } .reg-v4 .button-link { display: inline-block !important; width: var(--reg-v4-button-width); max-width: none !important; margin: var(--reg-v4-button-margin); padding: var(--reg-v4-button-padding); font-weight: var(--reg-v4-button-font-weight); font-size: var(--reg-v4-button-font-size); line-height: 100% !important; text-align: center !important; text-transform: var(--reg-v4-button-text-transform); color: var(--reg-v4-button-text-color); background-color: var(--reg-v4-button-bg); border-radius: var(--reg-v4-button-radius); text-decoration: none !important; box-shadow: var(--reg-v4-button-shadow); } .reg-v4 .button-link:hover { color: var(--reg-v4-button-text-hover-color); background-color: var(--reg-v4-button-hover-bg); text-decoration: none !important; } @media (max-width: 767px) { .reg-v4 { --reg-v4-content-padding-left: var(--reg-v4-content-mobile-padding-left); --reg-v4-line-left: var(--reg-v4-line-mobile-left); --reg-v4-avatar-size: var(--reg-v4-avatar-mobile-size); --reg-v4-avatar-margin-bottom: var(--reg-v4-avatar-mobile-margin-bottom); } .reg-v4 .reg-v4__content { padding-bottom: var(--reg-v4-content-mobile-padding-bottom); } .reg-v4 .reg-v4__content::before { height: var(--reg-v4-line-mobile-height); } } @media (max-width: 575px) { .reg-v4 .button-link { width: var(--reg-v4-button-mobile-width); margin-left: var(--reg-v4-button-mobile-margin-left); } } html[dir="rtl"] html[dir="rtl"] .reg-v4 { direction: rtl; --reg-v4-dot-center-left: calc( var(--reg-v4-content-padding-left) - var(--reg-v4-line-left) - var(--reg-v4-line-width) / 2); } html[dir="rtl"] .reg-v4 .reg-v4__content { padding-left: 0; padding-right: var(--reg-v4-content-padding-left); } html[dir="rtl"] .reg-v4 .reg-v4__content::before { left: auto !important; right: var(--reg-v4-line-left) !important; } html[dir="rtl"] .reg-v4 .reg-v4__avatar { left: auto !important; right: 0 !important; } html[dir="rtl"] .reg-v4 .reg-v4__content > ul, html[dir="rtl"] .reg-v4 .reg-v4__content > ol { text-align: right !important; } html[dir="rtl"] .reg-v4 .reg-v4__content > ul li::before, html[dir="rtl"] .reg-v4 .reg-v4__content > ol li::before { left: auto !important; right: calc( var(--reg-v4-line-left) - var(--reg-v4-content-padding-left) + var(--reg-v4-line-width) / 2) !important; transform: translate(50%, -50%) !important; } @media (max-width: 575px) { html[dir="rtl"] .reg-v4 .button-link { margin-left: auto; margin-right: var(--reg-v4-button-mobile-margin-left); } } .fslightbox-absoluted { position: absolute; top: 0; left: 0 } .fslightbox-fade-in { animation: fslightbox-fade-in .3s cubic-bezier(0, 0, .7, 1) } .fslightbox-fade-out { animation: fslightbox-fade-out .3s ease } .fslightbox-fade-in-strong { animation: fslightbox-fade-in-strong .3s cubic-bezier(0, 0, .7, 1) } .fslightbox-fade-out-strong { animation: fslightbox-fade-out-strong .3s ease } @keyframes fslightbox-fade-in { from { opacity: .65 } to { opacity: 1 } } @keyframes fslightbox-fade-out { from { opacity: .35 } to { opacity: 0 } } @keyframes fslightbox-fade-in-strong { from { opacity: .3 } to { opacity: 1 } } @keyframes fslightbox-fade-out-strong { from { opacity: 1 } to { opacity: 0 } } .fslightbox-cursor-grabbing { cursor: grabbing } .fslightbox-full-dimension { width: 100%; height: 100% } .fslightbox-open { overflow: hidden; height: 100% } .fslightbox-flex-centered { display: flex; justify-content: center; align-items: center } .fslightbox-opacity-0 { opacity: 0!important } .fslightbox-opacity-1 { opacity: 1!important } .fslightbox-scrollbarfix { padding-right: 17px } .fslightbox-transform-transition { transition: transform .3s } .fslightbox-container { font-family: Arial, sans-serif; position: fixed; top: 0; left: 0; background: linear-gradient(rgba(30, 30, 30, .9), #000 1810%); touch-action: pinch-zoom; z-index: 1000000000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent } .fslightbox-container * { box-sizing: border-box } .fslightbox-svg-path { transition: fill .15s ease; fill: #ddd } .fslightbox-nav { height: 45px; width: 100%; position: absolute; top: 0; left: 0 } .fslightbox-slide-number-container { display: flex; justify-content: center; align-items: center; position: relative; height: 100%; font-size: 15px; color: #d7d7d7; z-index: 0; max-width: 55px; text-align: left } .fslightbox-slide-number-container .fslightbox-flex-centered { height: 100% } .fslightbox-slash { display: block; margin: 0 5px; width: 1px; height: 12px; transform: rotate(15deg); background: #fff } .fslightbox-toolbar { position: absolute; z-index: 3; right: 0; top: 0; height: 100%; display: flex; background: rgba(35, 35, 35, .65) } .fslightbox-toolbar-button { height: 100%; width: 45px; cursor: pointer } .fslightbox-toolbar-button:hover .fslightbox-svg-path { fill: #fff } .fslightbox-slide-btn-container { display: flex; align-items: center; padding: 12px 12px 12px 6px; position: absolute; top: 50%; cursor: pointer; z-index: 3; transform: translateY(-50%) } @media (min-width:476px) { .fslightbox-slide-btn-container { padding: 22px 22px 22px 6px } } @media (min-width:768px) { .fslightbox-slide-btn-container { padding: 30px 30px 30px 6px } } .fslightbox-slide-btn-container:hover .fslightbox-svg-path { fill: #f1f1f1 } .fslightbox-slide-btn { padding: 9px; font-size: 26px; background: rgba(35, 35, 35, .65) } @media (min-width:768px) { .fslightbox-slide-btn { padding: 10px } } @media (min-width:1600px) { .fslightbox-slide-btn { padding: 11px } } .fslightbox-slide-btn-container-previous { left: 0 } @media (max-width:475.99px) { .fslightbox-slide-btn-container-previous { padding-left: 3px } } .fslightbox-slide-btn-container-next { right: 0; padding-left: 12px; padding-right: 3px } @media (min-width:476px) { .fslightbox-slide-btn-container-next { padding-left: 22px } } @media (min-width:768px) { .fslightbox-slide-btn-container-next { padding-left: 30px } } @media (min-width:476px) { .fslightbox-slide-btn-container-next { padding-right: 6px } } .fslightbox-down-event-detector { position: absolute; z-index: 1 } .fslightbox-slide-swiping-hoverer { z-index: 4 } .fslightbox-invalid-file-wrapper { font-size: 22px; color: #eaebeb; margin: auto } .fslightboxv { object-fit: cover } .fslightbox-youtube-iframe { border: 0 } .fslightboxl { display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 67px; height: 67px } .fslightboxl div { box-sizing: border-box; display: block; position: absolute; width: 54px; height: 54px; margin: 6px; border: 5px solid; border-color: #999 transparent transparent transparent; border-radius: 50%; animation: fslightboxl 1.2s cubic-bezier(.5, 0, .5, 1) infinite } .fslightboxl div:nth-child(1) { animation-delay: -.45s } .fslightboxl div:nth-child(2) { animation-delay: -.3s } .fslightboxl div:nth-child(3) { animation-delay: -.15s } @keyframes fslightboxl { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .fslightbox-source { position: relative; z-index: 2; opacity: 0 } .custom-dropdown-wrapper { position: relative; width: 100%; } .custom-dropdown-selected { padding-right: 32px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; height: auto; box-sizing: border-box; font-size: 17px !important; } .custom-dropdown-arrow { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 14px; color: #555; line-height: 1; height: 1em; display: flex; align-items: center; } .custom-dropdown-list { position: absolute; top: 100%; left: 0; right: 0; background: white; border-radius: 8px; border: 1px solid #ccc; margin-top: 4px; max-height: 160px; overflow-y: auto; display: none; z-index: 100; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); padding: 0; list-style: none; } .custom-dropdown-list::-webkit-scrollbar { width: 4px; } .custom-dropdown-list::-webkit-scrollbar-thumb { border-radius: 10px; background: #ddd; } .custom-dropdown-option { padding: 12px; cursor: pointer; transition: background 0.2s ease; } .custom-dropdown-option:hover { background: #f2f2f2; } .custom-dropdown-option { padding: 12px; cursor: pointer; transition: background 0.2s ease; color: #222222; font-size: 16px; font-weight: 400; font-family: inherit; } input.custom-dropdown-selected::placeholder { font-size: 14px !important; } @media(max-width: 1200px) { input.custom-dropdown-selected::placeholder { font-size: 13px !important; } .custom-dropdown-selected { font-size: 13px !important; } } @media(max-width: 991px) { input.custom-dropdown-selected::placeholder { font-size: 12px !important; } .custom-dropdown-selected { font-size: 12px !important; } } /* ===== assets/vendor/fonts.min.css ===== */ @font-face{font-family:"rai24";src:url("../index/rai24.woff2") format("woff2"),url("../index/rai24.woff") format("woff"),url("../index/rai24.ttf") format("truetype"),;font-weight:normal;font-style:normal;font-display:block}@font-face{font-family:'Merriweather';font-style:italic;font-weight:400;font-display:swap;src:url("../index/u-4m0qyriQwlOrhSvowK_l5-eRZDf-LHrw.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Merriweather';font-style:italic;font-weight:400;font-display:swap;src:url("../index/u-4m0qyriQwlOrhSvowK_l5-eRZKf-LHrw.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Merriweather';font-style:italic;font-weight:400;font-display:swap;src:url("../index/u-4m0qyriQwlOrhSvowK_l5-eRZBf-LHrw.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Merriweather';font-style:italic;font-weight:400;font-display:swap;src:url("../index/u-4m0qyriQwlOrhSvowK_l5-eRZAf-LHrw.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Merriweather';font-style:italic;font-weight:400;font-display:swap;src:url("../index/u-4m0qyriQwlOrhSvowK_l5-eRZOf-I.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Merriweather';font-style:italic;font-weight:700;font-display:swap;src:url("../index/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf1jvzRPA.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Merriweather';font-style:italic;font-weight:700;font-display:swap;src:url("../index/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf8jvzRPA.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Merriweather';font-style:italic;font-weight:700;font-display:swap;src:url("../index/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf3jvzRPA.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Merriweather';font-style:italic;font-weight:700;font-display:swap;src:url("../index/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf2jvzRPA.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Merriweather';font-style:italic;font-weight:700;font-display:swap;src:url("../index/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf4jvw.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Merriweather';font-style:italic;font-weight:900;font-display:swap;src:url("../index/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf1jvzRPA.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Merriweather';font-style:italic;font-weight:900;font-display:swap;src:url("../index/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf8jvzRPA.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Merriweather';font-style:italic;font-weight:900;font-display:swap;src:url("../index/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf3jvzRPA.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Merriweather';font-style:italic;font-weight:900;font-display:swap;src:url("../index/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf2jvzRPA.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Merriweather';font-style:italic;font-weight:900;font-display:swap;src:url("../index/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvw.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Merriweather';font-style:normal;font-weight:400;font-display:swap;src:url("../index/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Merriweather';font-style:normal;font-weight:400;font-display:swap;src:url("../index/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Merriweather';font-style:normal;font-weight:400;font-display:swap;src:url("../index/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Merriweather';font-style:normal;font-weight:400;font-display:swap;src:url("../index/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Merriweather';font-style:normal;font-weight:400;font-display:swap;src:url("../index/u-440qyriQwlOrhSvowK_l5-fCZM.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Merriweather';font-style:normal;font-weight:700;font-display:swap;src:url("../index/u-4n0qyriQwlOrhSvowK_l52xwNZVcf6lvg.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Merriweather';font-style:normal;font-weight:700;font-display:swap;src:url("../index/u-4n0qyriQwlOrhSvowK_l52xwNZXMf6lvg.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Merriweather';font-style:normal;font-weight:700;font-display:swap;src:url("../index/u-4n0qyriQwlOrhSvowK_l52xwNZV8f6lvg.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Merriweather';font-style:normal;font-weight:700;font-display:swap;src:url("../index/u-4n0qyriQwlOrhSvowK_l52xwNZVsf6lvg.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Merriweather';font-style:normal;font-weight:700;font-display:swap;src:url("../index/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Merriweather';font-style:normal;font-weight:900;font-display:swap;src:url("../index/u-4n0qyriQwlOrhSvowK_l52_wFZVcf6lvg.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Merriweather';font-style:normal;font-weight:900;font-display:swap;src:url("../index/u-4n0qyriQwlOrhSvowK_l52_wFZXMf6lvg.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Merriweather';font-style:normal;font-weight:900;font-display:swap;src:url("../index/u-4n0qyriQwlOrhSvowK_l52_wFZV8f6lvg.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Merriweather';font-style:normal;font-weight:900;font-display:swap;src:url("../index/u-4n0qyriQwlOrhSvowK_l52_wFZVsf6lvg.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Merriweather';font-style:normal;font-weight:900;font-display:swap;src:url("../index/u-4n0qyriQwlOrhSvowK_l52_wFZWMf6.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:400;font-display:swap;src:url("../index/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7qsDJT9g.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:400;font-display:swap;src:url("../index/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7jsDJT9g.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:400;font-display:swap;src:url("../index/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7rsDJT9g.woff2") format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:400;font-display:swap;src:url("../index/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7ksDJT9g.woff2") format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:400;font-display:swap;src:url("../index/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7osDJT9g.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:400;font-display:swap;src:url("../index/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7psDJT9g.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:400;font-display:swap;src:url("../index/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDI.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:600;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdh18Smxg.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:600;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdo18Smxg.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:600;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdg18Smxg.woff2") format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:600;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdv18Smxg.woff2") format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:600;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdj18Smxg.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:600;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdi18Smxg.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:600;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCds18Q.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:700;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdh18Smxg.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:700;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdo18Smxg.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:700;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdg18Smxg.woff2") format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:700;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdv18Smxg.woff2") format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:700;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdj18Smxg.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:700;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdi18Smxg.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:700;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSds18Q.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:900;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydh18Smxg.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:900;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydo18Smxg.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:900;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydg18Smxg.woff2") format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:900;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydv18Smxg.woff2") format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:900;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydj18Smxg.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:900;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydi18Smxg.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:900;font-display:swap;src:url("../index/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklyds18Q.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:swap;src:url("../index/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:swap;src:url("../index/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:swap;src:url("../index/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2") format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:swap;src:url("../index/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2") format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:swap;src:url("../index/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:swap;src:url("../index/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:swap;src:url("../index/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2") format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2") format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2") format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2") format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:900;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmhduz8A.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:900;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwkxduz8A.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:900;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmxduz8A.woff2") format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:900;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlBduz8A.woff2") format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:900;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmBduz8A.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:900;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmRduz8A.woff2") format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:900;font-display:swap;src:url("../index/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlxdu.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* ===== assets/styles/styles.min.css ===== */ .article__content__unit--text p, .article__text { margin-bottom: 1rem; font-size: inherit; text-rendering: optimizeLegibility; font-size: inherit; line-height: 28px; } .article__content__unit--text p a, .article__text a, .article__important a, .article__content__unit .article__content__unit--text a, .un-steps__paragraph a, .info-box a { color: #007fff !important; text-decoration: underline !important; } .article__content__unit--text p a:hover, .article__text a:hover, .article__important a:hover, .article__content__unit .article__content__unit--text a:hover, .un-steps__paragraph a:hover, .info-box a:hover { color: #e11229 !important; text-decoration: underline !important; } .article__important { border-left: 4px solid #009; font-size: inherit; line-height: 28px; padding-left: 0.5rem; margin-bottom: 1rem; font-style: italic; } .article__text_title { font-size: 25px; font-family: "Merriweather", serif; font-weight: 400; margin-bottom: 8px; } .reg__item a, .reg__title a { color: #007fff !important; text-decoration: underline !important; } .reg__item a:hover, .reg__title a:hover { color: #e11229 !important; } .reg__list { padding-left: 0; } .reg li { margin: 0 0 8px 0; } .reg li:last-of-type { margin: 0 0 16px 0; } .reg li:first-of-type:before { padding: 4px 15px; } .reg__list { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin: 0 auto; padding: 0; } .button-link { display: block; width: 80%; margin: 0 auto; border-radius: 6px; padding: 15px; color: white !important; text-align: center; text-decoration: none !important; text-transform: uppercase; background-color: #007fff; animation: blink 4s linear infinite; font-family: "Eugenio Sans Text", "Helvetica Neue", Helvetica, sans-serif; font-weight: 700; } .button-link:hover { background-color: #007fff; } .nk:hover { color: white; background-color: #e11229; } .reg__title { line-height: normal; font-size: 1.6rem; } @keyframes blink { 0%, 50% { box-shadow: 0 3px 15px #252a3f; } 25%, 75% { box-shadow: none; } 100% { box-shadow: 0 3px 15px #252a3f; } } .logo__it { width: 26px; margin-bottom: 2px; } @media only screen and (max-width: 1296px) { .logo__it { width: 26px; padding-right: 3px; margin-bottom: 2px; padding-left: 2px; } } @media only screen and (max-width: 1024px) { .logo__it { width: 24px; padding-right: 3px; padding-left: 3px; margin-bottom: 3px; } } @media only screen and (max-width: 768px) { .logo__it { width: 23px; padding-right: 3px; padding-bottom: 3px; padding-top: 3px; } } .article__content__unit--text p, .article__text { line-height: 30px; } .header-fix { max-height: 95px; } .comment_link { color: #007fff !important; text-decoration: underline !important; } .comment_link:hover { color: #e11229 !important; } .quote { padding-left: 9px; border-left: 3px solid #007fff; font-style: italic; } hr { box-sizing: content-box; overflow: visible; } a { background-color: transparent; } img { border-style: none; } button, input { font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button { text-transform: none; } [type="button"], [type="submit"], button { -webkit-appearance: button; } *, :after, :before { box-sizing: inherit; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } button { padding: 0; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } button, input { font-family: inherit; } div, form, li, ul { margin: 0; padding: 0; } i { font-style: italic; } i { line-height: inherit; } a { line-height: inherit; color: #1779ba; text-decoration: none; cursor: pointer; } a:focus, a:hover { color: #1468a0; } hr { border: 0; } hr { clear: both; max-width: 81rem; height: 0; margin: 1.25rem auto; border-bottom: 1px solid #cacaca; } ul { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; } li { font-size: inherit; } ul { list-style-type: disc; } ul { margin-left: 1.25rem; } ul ul { margin-left: 1.25rem; margin-bottom: 0; } @media print { * { background: transparent !important; color: #000 !important; color-adjust: economy; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } img { page-break-inside: avoid; } img { max-width: 100% !important; } } .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem; padding: 0.85em 1em; border: 1px solid transparent; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-family: inherit; font-size: 0.9rem; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; } .button { background-color: #1779ba; color: #fefefe; } .button:focus, .button:hover { background-color: #14679e; color: #fefefe; } .button.clear, .button.clear:focus, .button.clear:hover { border-color: transparent; background-color: transparent; } .button.clear { color: #1779ba; } .button.clear:focus, .button.clear:hover { color: #0c3d5d; } .button.dropdown:after { display: block; width: 0; height: 0; content: ""; border-color: #fefefe transparent transparent; border-style: solid; border-width: 0.4em 0.4em 0; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; } .button.dropdown.clear:after { border-top-color: #1779ba; } .dropdown-pane { position: absolute; z-index: 10; display: none; width: 300px; padding: 1rem; visibility: hidden; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-size: 1rem; } .menu { padding: 0; margin: 0; list-style: none; position: relative; display: flex; flex-wrap: wrap; } .menu { flex-wrap: wrap; flex-direction: row; } .menu.vertical { flex-wrap: nowrap; flex-direction: column; } .hide { display: none !important; } @media screen and (max-width: 0), screen and (min-width: 48em) { .show-for-small-only { display: none !important; } } [class*=" icon-"]:before, [class^="icon-"]:before { font-family: rai24 !important; font-style: normal !important; font-weight: 400 !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-close:before { content: "\66"; } .icon-facebook:before { content: "\67"; } .icon-feed-rss:before { content: "\68"; } .icon-twitter:before { content: "\6f"; } .icon-search:before { content: "\75"; } .icon-nav:before { content: "\76"; } .icon-logo-rai:before { content: "\41"; } .icon-arrow-left:before { content: "\42"; } .icon-arrow-right:before { content: "\43"; } .icon-chevron-right:before { content: "\64"; } .icon-instagram:before { content: "\4a"; } .icon-logo-rainews:before { content: "\e903"; } * { outline: 0; box-sizing: border-box; } .sr-only { overflow: hidden; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } @media only screen and (min-width: 768px) { .sr-only:focus { width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; font-size: 14px; } } a, a:link, a:visited { text-decoration: none; color: inherit; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } button { cursor: pointer; } .header .icon-facebook:before, .site-menu .icon-facebook:before { color: #4267b2; } .header .icon-instagram:before, .site-menu .icon-instagram:before { background-image: radial-gradient( circle at 33% 100%, #f7d047, rgba(247, 208, 71, 0) 68% ), radial-gradient(circle at 97% 86%, #ea3b5a, rgba(234, 59, 90, 0) 71%), radial-gradient(circle at 17% 0, #6b22f5, rgba(107, 34, 245, 0) 59%), radial-gradient(circle at 94% 14%, #d42ec9, rgba(212, 46, 201, 0) 65%), radial-gradient(circle at -3% 50%, #ea3b5a, rgba(234, 59, 90, 0) 75%), linear-gradient(180deg, #ea3697, #ea3697); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .header .icon-feed-rss:before, .site-menu .icon-feed-rss:before { color: #ee802f; } .header .icon-twitter:before, .site-menu .icon-twitter:before { color: #000; } body .overlay-corporate-mask { display: block; visibility: hidden; opacity: 0; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; z-index: 100; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } body .header-fixed, body .header-fixed .menu-open, body .header-fixed .search-open, body .header-fixed #WTwrapper .locations__toggler, body .header-fixed .header-menu__live a, body .header-fixed .header-menu__live a:link, body .header-fixed .header-menu__live a:visited, body .header-fixed .header-menu__nav .button, body .header-fixed .header-menu__nav .visible-list a, body .header-fixed .header-menu__tgr .button, body .header-fixed .secondary-bar__inner .link, body .header-fixed .topics__title { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .header-fixed { border-top: 2px solid var(--launch__label-color, #009); position: fixed; top: 0; left: 0; right: 16px; z-index: 200; width: 100%; background-color: #fff; box-shadow: 0 0 50px hsla(0, 0, 55.3%, 0.3); -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; transition: height 0.3s ease; } @media only screen and (min-width: 0) { .header-fixed { height: var(--header-fixed-height, 93px); } } @media only screen and (min-width: 768px) { .header-fixed { height: var(--header-fixed-height, 101px); } } @media only screen and (min-width: 1024px) { .header-fixed { height: var(--header-fixed-height, 121px); } } @media only screen and (min-width: 1296px) { .header-fixed { height: var(--header-fixed-height, 149px); } } header.header { margin: 0 auto; border-bottom: 1px solid transparent; } @media only screen and (min-width: 0) { header.header { max-width: var(--content-maxwidth, 1296px); } } @media only screen and (min-width: 768px) { header.header { max-width: var(--content-maxwidth, 1296px); } } @media only screen and (min-width: 1024px) { header.header { max-width: var(--content-maxwidth, 984px); } } @media only screen and (min-width: 1296px) { header.header { max-width: var(--content-maxwidth, 1296px); } } @media only screen and (min-width: 0) { header.header { padding-left: var(--article-padding, 20px); } } @media only screen and (min-width: 768px) { header.header { padding-left: var(--article-padding, 30px); } } @media only screen and (min-width: 1024px) { header.header { padding-left: var(--article-padding, 10px); } } @media only screen and (min-width: 1296px) { header.header { padding-left: var(--article-padding, 12px); } } @media only screen and (min-width: 0) { header.header { padding-right: var(--article-padding, 20px); } } @media only screen and (min-width: 768px) { header.header { padding-right: var(--article-padding, 30px); } } @media only screen and (min-width: 1024px) { header.header { padding-right: var(--article-padding, 10px); } } @media only screen and (min-width: 1296px) { header.header { padding-right: var(--article-padding, 12px); } } @media only screen and (min-width: 768px) { header.header { border-bottom: 0; } } header.header a:hover, header.header button:hover { color: var(--launch__label-color, #009); } header.header:after { content: ""; position: absolute; height: 1px; background-color: #cdcdd6; left: 20px; right: 20px; } .skip-to-content { display: block; font-size: 1vw; top: 0; transform: translateY(26%); } .main-bar { text-align: center; height: 40px; margin: 7px 0; position: relative; } .logo-rainews, .menu-open, .search-open, #WTwrapper, .corporate-menu-toggler { border: 0; height: 40px; position: relative; } .menu-open, .search-open { width: 20px; height: 40px; padding: 10px 0; margin: 0; color: #5e5e6e; background: 0; } .menu-open i, .search-open i { width: 20px; height: 20px; position: absolute; top: 10px; left: 0; } .menu-open i:before, .search-open i:before { font-size: 20px; position: absolute; top: 0; left: 0; } .menu-open:focus, .menu-open:hover, .search-open:focus, .search-open:hover { color: var(--launch__label-color, #009); background: 0; } .menu-open { float: left; } .logo-rainews { width: 98px; height: 40px; padding: 0; margin-left: -10px; display: inline-block; position: relative; color: var(--launch__label-color, #009); } .logo-rainews i { width: 98px; height: 40px; position: absolute; left: 0; overflow: hidden; } .logo-rainews i:before { font-size: 98px; position: absolute; top: -29px; left: 0; } .search-open { position: absolute; right: 0; height: 40px; } .corporate-menu-toggler { display: none; float: right; border: 0; background: 0; margin: 5px 0; padding: 0; color: #5e5e6e; position: relative; width: 30px; height: 30px; } .corporate-menu-toggler i { width: 30px; height: 30px; position: absolute; top: 0; left: 0; } .corporate-menu-toggler i:before { font-size: 30px; position: absolute; top: 0; left: 0; color: #5e5e6e; } .corporate-menu-toggler:hover i:before { content: "\76"; } .corporate-menu-toggler:hover i:before { background-color: #5e5e6e; color: #fff; font-size: 20px; padding: 5px; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } @media only screen and (min-width: 1024px) { .corporate-menu-toggler:hover i:before { padding: 9px; } } @media only screen and (min-width: 1296px) { .corporate-menu-toggler:hover i:before { font-size: 25px; padding: 12px; } } .secondary-bar { height: 0; overflow: visible; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; transition: height 0.3s ease; font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #212335; } .secondary-bar__inner { position: relative; border: 0; height: 100%; } .secondary-bar .topics { display: none; position: absolute; left: 0; right: 200px; } .secondary-bar .topics .icon-arrow-right { font-size: 10px; padding-left: 10px; color: var(--launch__label-color, #009); } .secondary-bar .topics__title { font-weight: 600; padding-right: 20px; width: 100px; position: absolute; top: 0; left: 0; white-space: nowrap; } .secondary-bar .topics__nav { padding-left: 100px; position: relative; overflow: visible; } .secondary-bar .topics__nav__list__item { display: inline-block; padding-right: 20px; } .secondary-bar .topics__nav__list__item:last-child { padding-right: 0; } .secondary-bar .topics__nav__list.visible-list { margin: 0; line-height: 18px; width: max-content; } .secondary-bar .topics__nav__list.visible-list .topics__nav__list__item { display: table-cell; white-space: nowrap; } .secondary-bar .topics__nav__button { font-weight: 600; margin: 0; padding: 0; background: 0; border: 0; color: #212335; opacity: 0.8; font-size: 20px; width: 20px; height: 6px; line-height: 0; position: relative; top: -2px; } .secondary-bar .social { font-size: 16px; height: 16px; line-height: 16px; margin-top: 13px; position: absolute; top: -2px; right: 0; } .secondary-bar .social__list { list-style-type: none; margin: 0; padding: 0; height: 16px; line-height: 16px; } .secondary-bar .social__list__item { color: #5e5e6e; display: inline-block; height: 16px; padding-right: 8px; } .secondary-bar .social__list__item:last-child { padding-right: 0; } .secondary-bar .social__list__item .link { display: block; height: 16px; } .secondary-bar .social__list__item .link i { display: block; padding-top: 0; height: 16px; } .secondary-bar .social__list__item .link i:before { display: block; font-size: 16px; } @media only screen and (max-width: 767px) { .header-menu .header-menu__live { left: auto; right: 0; border-left: 0; padding-left: 0; } .secondary-bar .social { display: none; } } @media only screen and (min-width: 768px) { header.header:after { display: none; } .main-bar { text-align: left; height: 30px; margin: 16px 0; } .menu-open, .search-open { height: 30px; padding: 0; } .menu-open i, .search-open i { top: 5px; } .logo-rainews { height: 30px; padding: 0; margin: 0; position: absolute; left: 40px; } .logo-rainews i:before { top: -34px; } .search-open { right: 145px; } .corporate-menu-toggler { display: block; margin: 0; overflow: hidden; } .secondary-bar { height: 37px; overflow: hidden; } .secondary-bar__inner { padding: 9px 0 8px; border-top: 1px solid #cdcdd6; } .secondary-bar .topics { display: block; } .secondary-bar .social { margin-top: 0; top: 10px; } .secondary-bar .social__list__item { padding-right: 15px; } } @media only screen and (min-width: 1024px) { .main-bar { margin: 20px 0; } .menu-open, .search-open, .main-bar { height: 38px; } .menu-open i, .search-open i { top: 9px; } .search-open { right: 55px; } .logo-rainews { top: 0; } .logo-rainews, .logo-rainews i { width: 122px; height: 38px; } .logo-rainews i:before { font-size: 123px; top: -42px; } .corporate-menu-toggler, .corporate-menu-toggler i { width: 38px; height: 38px; } .corporate-menu-toggler i:before { font-size: 38px; } .secondary-bar { height: 41px; } .secondary-bar__inner { padding: 11px 0 10px 190px; } .secondary-bar__inner .topics { left: 190px; } .secondary-bar__inner .social { top: 12px; } } @media only screen and (min-width: 1296px) { .main-bar { margin: 25px 0; } .menu-open, .search-open, .main-bar { height: 48px; } .search-open { right: 144px; } .menu-open { width: 25px; } .menu-open i { top: 12.5px; width: 24px; height: 24px; } .menu-open i:before { font-size: 25px; } .search-open i { top: 14px; } .logo-rainews { top: 0; left: 44px; } .logo-rainews, .logo-rainews i { width: 155px; height: 48px; } .logo-rainews i:before { font-size: 155px; top: -53px; } .corporate-menu-toggler, .corporate-menu-toggler i { width: 48px; height: 48px; } .corporate-menu-toggler i:before { font-size: 48px; } .secondary-bar { height: 49px; } .secondary-bar__inner { padding: 15px 0 15px 212px; } .secondary-bar__inner .topics { left: 212px; } .secondary-bar__inner .social { top: 13px; height: 20px; line-height: 20px; } .secondary-bar__inner .social__list { height: 20px; line-height: 20px; } .secondary-bar__inner .social__list__item, .secondary-bar__inner .social__list__item .link, .secondary-bar__inner .social__list__item .link i { height: 20px; } .secondary-bar__inner .social__list__item .link i:before { font-size: 20px; } } .header-menu { overflow: auto; -ms-overflow-style: none; scrollbar-width: none; display: flex; justify-content: space-between; font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; color: #212335; position: absolute; top: auto; left: 0; right: 0; bottom: -35px; } .header-menu .button { font-weight: 600; margin: 0; padding: 0; background: 0; border: 0; color: #212335; } .header-menu__nav { display: none; top: 0; left: 0; right: 228px; height: 20px; text-align: left; overflow: hidden; } .header-menu__nav__list { list-style-type: none; margin: 0; padding: 0; position: relative; } .header-menu__nav__list__item { white-space: nowrap; height: 20px; max-height: 20px; } .header-menu__nav__list__item .link { height: 20px; line-height: 20px; display: block; letter-spacing: 0; } .header-menu__nav__list.visible-list { display: inline-table; } .header-menu__nav__list.visible-list .header-menu__nav__list__item { display: table-cell; margin: 0; padding: 0 16px 0 0; } .header-menu__nav__list.visible-list .header-menu__nav__list__item:last-child { padding-right: 0; height: 20px; line-height: 20px; } .header-menu__nav__list.visible-list .header-menu__nav__list__item:last-child button { height: 10px; } .header-menu__nav__list.hidden-list { color: #212335; position: absolute; border: 0; box-shadow: 0 0 2px 2px hsla(0, 0, 55.3%, 0.3); background-color: var(--sharebox-background, #fff); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; top: 44px; right: -33px; z-index: 15; text-align: center; } .header-menu__nav__list.hidden-list:after, .header-menu__nav__list.hidden-list:before { content: " "; display: none; position: absolute; top: 0; right: 50%; left: auto; width: 0; height: 0; border-style: solid; } .header-menu__nav__list.hidden-list:before { margin: -12px -15px 0 0; border-width: 0 15px 12px; border-color: transparent transparent hsla(0, 0, 55.3%, 0.3); } .header-menu__nav__list.hidden-list:after { margin: -10px -13px 0 0; border-width: 0 13px 10px; border-color: transparent transparent #fff; } .header-menu__nav__list.hidden-list .header-menu__nav__list__item { padding: 5px 15px; } .header-menu__nav__button { font-size: 24px; width: 23px; height: 20px; line-height: 0; } .header-menu__nav__button.button { padding-bottom: 14px; } .header-menu__tgr { left: 0; bottom: 0; width: auto; height: 20px; line-height: 20px; text-align: center; } .header-menu__tgr .button { height: 20px; font-size: 16px; line-height: 20px; display: block; margin: 0 auto; text-align: center; } .header-menu__tgr .button:after { display: none; } .header-menu__live { left: 84px; right: auto; bottom: 0; height: 20px; line-height: 20px; padding-left: 6px; border-left: 1px solid #cdcdd6; width: auto; white-space: nowrap; } .header-menu__live .link { height: 20px; line-height: 20px; display: block; } @media only screen and (min-width: 768px) { .header-menu { position: absolute; top: 5px; left: 160px; right: 190px; bottom: auto; min-width: 300px; height: 20px; line-height: 20px; } .header-menu__nav { display: block; right: 266px; } .header-menu__tgr { top: 0; left: auto; right: 140px; bottom: auto; width: 126px; border-left: 1px solid #cdcdd6; } .header-menu__live { top: 0; left: auto; right: 0; bottom: auto; width: 140px; padding-left: 16px; } } @media only screen and (min-width: 1024px) { .header-menu { justify-content: flex-start; top: 9px; left: 170px; right: 260px; font-size: 16px; } .header-menu__nav__list.visible-list .header-menu__nav__list__item { padding-right: 20px; } .header-menu__nav__list.hidden-list { top: 45px; } .header-menu__live { padding-left: 16px; width: 140px; } } @media only screen and (min-width: 1296px) { .header-menu { font-size: 18px; line-height: 24px; height: 24px; top: 13px; left: 212px; right: 270px; } .header-menu__nav { height: 24px; line-height: 24px; right: 319px; } .header-menu__nav__button { width: 25px; font-size: 25px; } .header-menu__nav__button.button { padding-bottom: 16px; } .header-menu__nav__list.hidden-list { top: 47px; } .header-menu__tgr { width: 206px; right: 163px; } .header-menu__tgr, .header-menu__tgr .button { height: 24px; line-height: 24px; } .header-menu__tgr .button span { font-size: 18px; height: 24px; line-height: 24px; } .header-menu__live { width: 164px; padding-left: 24px; } .header-menu__live, .header-menu__live .link { height: 24px; line-height: 24px; } } .site-menu { position: absolute; top: -2px; left: 0; width: var(--panelWidth, 300px); transform: translateX(-100%); height: 100vh; will-change: transform; z-index: 110; overflow: visible; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } @media only screen and (max-width: 1023px) { .site-menu { height: 100dvh; } } .site-menu ::-webkit-scrollbar { display: none; } .site-menu__head { color: #9192a1; background-color: #fff; width: var(--panelWidth, 300px); height: 94px; } .site-menu__head__title { font-size: 18px; line-height: 24px; font-weight: 700; text-transform: uppercase; padding-top: 30px; padding-left: 70px; } .site-menu__head__close { font-size: 16px; position: absolute; top: 34px; left: 34px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; color: #9192a1; } .site-menu__head__close .icon-close { display: block; width: 16px; height: 16px; } .site-menu__list { margin: 0; padding: 10px 0; width: var(--panelWidth, 300px); height: 100%; list-style: none; background: #fff; z-index: 1; scrollbar-width: none; -ms-overflow-style: none; overflow-y: scroll; overflow-x: hidden; } .site-menu__list--first-level { height: calc(100% - 94px); padding-bottom: 100px; } .site-menu__list--first-level:before { top: 94px; background: -moz-linear-gradient(top, #fff, hsla(0, 0, 100%, 0)); background: -webkit-linear-gradient(top, #fff, hsla(0, 0, 100%, 0)); background: linear-gradient(180deg, #fff, hsla(0, 0, 100%, 0)); } .site-menu__list--first-level:after, .site-menu__list--first-level:before { content: " "; display: block; width: var(--panelWidth, 300px); height: 30px; position: fixed; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000",endColorstr="#00000000",GradientType=0); } .site-menu__list--first-level:after { bottom: 0; background: -moz-linear-gradient(bottom, #fff, hsla(0, 0, 100%, 0)); background: -webkit-linear-gradient(bottom, #fff, hsla(0, 0, 100%, 0)); background: linear-gradient(0, #fff, hsla(0, 0, 100%, 0)); } .site-menu__list--first-level .site-menu__list__item:first-child { position: relative; padding-top: 8px; } .site-menu__list--first-level .site-menu__list__item:first-child:before { content: ""; position: absolute; top: -10px; left: 30px; right: 30px; height: 1px; background-color: #cdcdd6; } .site-menu__list--first-level .site-menu__list__item--divider { margin-left: 30px; margin-right: 30px; } .site-menu__list--first-level .site-menu__list__item--divider hr { margin: 20px 0; border-color: #cdcdd6; } .site-menu__list--second-level { position: absolute; margin: 0; padding: 90px 0 50px; left: 0; transform: translateX(-100%); will-change: transform; top: 0; background: #f0f0f0; overflow-x: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; transition-delay: 0.2s; visibility: hidden; z-index: 2; } .site-menu__list--second-level .site-menu__list__item:first-child { padding-top: 0; } .site-menu__list--second-level .site-menu__list__item:first-child:before { display: none; } @media only screen and (min-width: 768px) { .site-menu__list--second-level { transform: translateX(0); z-index: -1; } } .site-menu__list__item--has-children:hover .site-menu__list--second-level { visibility: visible; } @media only screen and (min-width: 768px) { .site-menu__list__item--has-children:hover .site-menu__list--second-level { transform: translateX(100%); } } .site-menu__list--second-level:before { content: " "; display: block; width: var(--panelWidth, 300px); height: 30px; position: fixed; top: 75px; background: -moz-linear-gradient(top, #f0f0f0, hsla(0, 0, 94.1%, 0)); background: -webkit-linear-gradient(top, #f0f0f0, hsla(0, 0, 94.1%, 0)); background: linear-gradient(180deg, #f0f0f0, hsla(0, 0, 94.1%, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000",endColorstr="#00000000",GradientType=0); } .site-menu__list--second-level .site-menu__list__item--back { font-size: 16px; font-weight: 600; text-transform: uppercase; position: fixed; left: 0; transform: translateX(0); will-change: transform; top: 0; width: var(--panelWidth, 300px); background: #f0f0f0; padding: 20px 0; -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; transition: transform 0.5s ease; } .site-menu__list--second-level .site-menu__list__item--back .icon-arrow-left { display: inline-block; margin-right: 10px; font-size: 12px; } .site-menu__list__item { cursor: pointer; font-size: 18px; line-height: 24px; } .site-menu__list__item, .site-menu__list__item--has-children { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } @media only screen and (min-width: 768px) { .site-menu__list__item--has-children:after { content: ""; position: relative; display: block; margin-top: -40px; width: var(--panelWidth, 300px); height: 40px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } } .site-menu__list__item--has-children:hover { background: #f0f0f0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .site-menu__list__item--has-children:hover > button { color: #009; } .site-menu__list__item--has-children:hover > button, .site-menu__list__item .link { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .site-menu__list__item .link { color: #3c3c4d; cursor: pointer; display: block; padding: 12px 30px; width: 100%; text-align: left; } .site-menu__list__item .icon-chevron-right { color: #9192a1; float: right; font-size: 10px; position: relative; bottom: -4px; } @media only screen and (min-width: 768px) { .site-menu__list__item.temicaldi-menu { display: none; } } @media only screen and (min-width: 768px) { .site-menu__list__item { font-size: 16px; line-height: 20px; } } .site-menu .social { position: fixed; bottom: 0; left: -var(--panelWidth, 300px); width: var(--panelWidth, 300px); padding: 20px 30px 50px; background-color: #fff; -webkit-transition: left 0.5s ease; -moz-transition: left 0.5s ease; -ms-transition: left 0.5s ease; transition: left 0.5s ease; } @media only screen and (min-width: 768px) { .site-menu .social { display: none; } } .site-menu .social:before { content: ""; position: absolute; width: 100%; height: 30px; bottom: 80px; left: 0; pointer-events: none; background: -moz-linear-gradient(top, hsla(0, 0, 100%, 0), #fff); background: -webkit-linear-gradient(top, hsla(0, 0, 100%, 0), #fff); background: linear-gradient(180deg, hsla(0, 0, 100%, 0), #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000",endColorstr="#00000000",GradientType=0); } .site-menu .social__list { display: flex; position: relative; list-style-type: none; margin: 0; padding: 0; text-align: center; font-size: 26px; } .site-menu .social__list__item { display: inline-block; padding-right: 5px; flex-grow: 1; } .site-menu .social__list__item:last-child { padding-right: 0; } .site-menu .social__list__item .link i:before { display: block; width: 26px; height: 26px; margin: 0 auto; } @media only screen and (min-width: 1024px) { .site-menu { --panelWidth: 250px; } .site-menu__head { height: 90px; } .site-menu__list--first-level { height: calc(100% - 90px); } .site-menu__list--first-level:before { top: 90px; } .site-menu__list--first-level .site-menu__list__item--divider hr { margin: 18px 0; } .site-menu__list--second-level .site-menu__list__item:first-child { padding-top: 0; } .site-menu__list__item .link { padding: 10px 30px; } } .mask-overlay { display: block; position: fixed; top: 0; left: 0; height: 0; width: 100%; background: #000; opacity: 0; z-index: 100; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .main-bar:after, .secondary-bar:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } /*! CSS Used from: Embedded */ #WTwrapper .locations__dropdown { top: 30px !important; left: calc(50% - 80px) !important; } @media only screen and (min-width: 1024px) { #WTwrapper .locations__dropdown { left: calc(50% - 115px) !important; } } #WTwrapper { display: none; padding: 0; position: relative; } #WTwrapper .weather { text-align: center; } #WTwrapper .weather__img-wrapper { position: relative; display: inline-block; vertical-align: middle; } #WTwrapper .weather__img-wrapper img { display: block; } #WTwrapper .weather__temperatures { position: relative; display: inline-block; vertical-align: middle; text-align: right; } #WTwrapper .weather__temperatures .max { font-weight: 700; color: #dc5138; } #WTwrapper .weather__temperatures .min { font-weight: 700; color: var(--launch__label-color, #3d5eff); } #WTwrapper .locations { position: relative; line-height: 14px; } #WTwrapper .locations__toggler { padding: 0 0 15px 0; margin: 0; font-size: 11px; color: #5e5e6e; border: 0 none; } #WTwrapper .locations__toggler:after { display: none; } #WTwrapper .locations__toggler:hover { color: var(--launch__label-color, #009); } #WTwrapper .locations__toggler .icon-chevron-right { color: #9192a1; font-size: 8px; padding: 0 2px; display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #WTwrapper .locations__dropdown { position: absolute; border: 0 none; box-shadow: 0 0 2px 2px rgba(141, 141, 141, 0.3); background-color: var(--sharebox-background, #fff); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; width: 160px; z-index: 15; } #WTwrapper .locations__dropdown:before, #WTwrapper .locations__dropdown:after { content: " "; display: none; position: absolute; top: 0; right: 50%; left: auto; width: 0; height: 0; border-style: solid; } #WTwrapper .locations__dropdown:before { margin: -12px -15px 0 0; border-width: 0 15px 12px 15px; border-color: transparent transparent rgba(141, 141, 141, 0.3) transparent; } #WTwrapper .locations__dropdown:after { margin: -10px -13px 0 0; border-width: 0 13px 10px 13px; border-color: transparent transparent #fff transparent; } #WTwrapper .locations__form { color: #40404e; } #WTwrapper .locations__form .locations__form__input-wrapper { position: relative; } #WTwrapper .locations__form input[type="text"] { width: 100%; padding-right: 20px; border: 0 none; border-bottom: 1px solid var(--launch__label-color, #009); font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 40px; color: #5e5e6e; } #WTwrapper .locations__form [type="submit"] { border: 0 none; background: 0; padding: 0; position: absolute; right: 3px; bottom: 0; font-size: 16px; line-height: 40px; color: #5e5e6e; } #WTwrapper .locations__form [type="submit"]:hover { color: var(--launch__label-color, #009); } #WTwrapper .locations__list-wrapper .menu { text-align: left; padding-top: 10px; } @media only screen and (min-width: 768px) { #WTwrapper { display: inline-block; position: absolute; right: 60px; } #WTwrapper .weather { height: 20px; } #WTwrapper .weather__img-wrapper { top: -7px; } #WTwrapper .weather__img-wrapper img { width: 20px; position: relative; top: -2px; } #WTwrapper .weather__temperatures { top: -9px; } #WTwrapper .weather__temperatures .max { font-size: 12px; line-height: 12px; } #WTwrapper .weather__temperatures .min { font-size: 10px; line-height: 10px; } #WTwrapper .locations { height: 10px; } } @media only screen and (min-width: 1024px) { #WTwrapper { right: 64px; } #WTwrapper .weather { height: 25px; } #WTwrapper .weather__img-wrapper img { width: 28px; position: static; } #WTwrapper .locations__toggler { padding-top: 5px; } #WTwrapper .locations__dropdown { width: 230px; } } @media only screen and (min-width: 1296px) { #WTwrapper .weather { height: 35px; } #WTwrapper .weather__img-wrapper { top: 0; } #WTwrapper .weather__img-wrapper img { width: auto; } #WTwrapper .weather__temperatures { top: -2px; } #WTwrapper .weather__temperatures .max { font-size: 16px; line-height: 16px; } #WTwrapper .weather__temperatures .min { font-size: 13px; line-height: 13px; } #WTwrapper .locations__toggler { font-size: 12px; } #WTwrapper .locations__toggler .icon-chevron-right { font-size: 10px; } } /*! CSS Used from: Embedded */ .wrapper-local-choose { display: inline-block; } .wrapper-local-choose .local-choose-button .icon-chevron-right { display: inline-block; width: 15px; height: 15px; font-size: 12px; line-height: 15px; margin-left: 6px; } .wrapper-local-choose .local-choose-button .icon-chevron-right:before { display: block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /*! CSS Used from: Embedded */ .reading { height: 5px; display: block; position: absolute; bottom: -5px; height: 5px; width: 100%; z-index: -1; } .reading__bar { background: var(--launch__label-color, #009); height: 100%; display: block; width: 0%; } .menu-open i:before, .search-open i:before { font-size: 20px; position: absolute; top: 0; left: 0; } .icon-2024-search:before { content: "\e92c"; } .article__label .ancestor:before, .article__label .maintheme:before, [class*=" icon-"]:before, [class^=icon-]:before, [data-icon]:before { font-family: rai24 !important; font-style: normal !important; font-weight: 400 !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width: 1296px) { #WTwrapper .weather__temperatures .max { font-size: 16px; line-height: 16px; } } @media only screen and (min-width: 1296px) { #WTwrapper .weather__temperatures .min { font-size: 20px; line-height: 20px; } } @media only screen and (min-width: 768px) { #WTwrapper .weather__temperatures .min { font-size: 14px; line-height: 14px; } } @media only screen and (min-width: 1296px) { .secondary-bar__inner { padding: 14px 0 14px 50px; } } @media only screen and (min-width: 1024px) { .secondary-bar__inner { padding: 11px 0 10px 45px; } } @media only screen and (min-width: 768px) { .secondary-bar__inner { padding: 11px 30px 12px 75px; border-top: 1px solid #cdcdd6; } } .secondary-bar__inner { position: relative; border: 0; height: 100%; } .secondary-bar .topics .icon-arrow-right { font-size: 8px; padding-left: 8px; color: #3d5eff; position: relative; top: -1px; } .secondary-bar .topics__nav__list.visible-list { margin: 0; line-height: 20px; width: max-content; } .secondary-bar .topics__nav__list.visible-list .topics__nav__list__item { display: table-cell; white-space: nowrap; } .secondary-bar .topics__nav__list__item { display: inline-block; padding-right: 24px; line-height: 20px; } .secondary-bar .topics__nav__list.visible-list .topics__nav__list__item { display: table-cell; white-space: nowrap; } .secondary-bar .topics__nav__list__item:last-child { padding-right: 0; } .secondary-bar .topics__nav__list__item { display: inline-block; padding-right: 24px; line-height: 20px; } @media only screen and (min-width: 1296px) { .secondary-bar__inner .social { top: 12px; } } @media only screen and (min-width: 1024px) { .secondary-bar__inner .social { right: 0; } } .secondary-bar .social__list { list-style-type: none; margin: 0; padding: 0; height: 24px; line-height: 24px; } .secondary-bar .social__list__item { color: #5e5e6e; display: inline-block; padding-right: 8px; } .secondary-bar .social__list { list-style-type: none; margin: 0; padding: 0; height: 24px; line-height: 24px; } .secondary-bar .social__list__item { color: #5e5e6e; display: inline-block; padding-right: 8px; } .secondary-bar .social__list__item .link, .secondary-bar .social__list__item .link svg { display: block; width: 24px; height: 24px; text-align: center; } .secondary-bar .social__list__item .link { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden; } .secondary-bar .social__list__item .link, .secondary-bar .social__list__item .link svg { display: block; width: 24px; height: 24px; text-align: center; } @media only screen and (min-width: 1296px) { .secondary-bar__inner .social { top: 12px; } } @media only screen and (min-width: 1024px) { .secondary-bar__inner .social { right: 0; } } .secondary-bar .social { position: absolute; right: 30px; top: 10px; } /* ===== assets/styles/fbstyle.css ===== */ .comment { margin-bottom: 28px; } .comment__link { color: #007fff !important; text-decoration: underline !important; } .comment__link:hover { color: #e11229 !important; } @media (min-width: 1024px) and (min-width: 64em) { .comment { width: 66.66667%; } } @media all and (max-width: 1024px) { .comment { margin-bottom: 52px; width: 100%; } } @media all and (min-width: 768px) { .comment { padding-left: 8.4%; margin-bottom: 64px; } } @media all and (min-width: 1024px) { .comment { padding-left: 10.5%; } } .flex-hor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hidden { display: none; } .comment-line { font-size: 1.3rem; margin: 1rem 0; font-weight: 500; } .fb-comment__text-input { width: 100%; display: flex; justify-content: space-between; } .comment-block-input__input { border: none; outline: none; background-color: inherit; flex: 0 1 70%; } .comment-block-input__button { border: none; font-weight: 500; float: right; cursor: pointer; color: #365899; padding: 10px; pointer-events: none; } .avatar { margin-right: 8px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; } .fb-post { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #dddfe2; border-radius: 3px; font: 400 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; } .fb-post__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fb-post__author { color: #365899; font-weight: 600; } .fb-post__avatar { height: 40px; width: 40px; margin-right: 8px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; } .fb-post__time { margin: 5px 0; color: #606770; font-size: 12px; line-height: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fb-post__time_public { width: 12px; height: 12px; margin-left: 3px; background-position: -382px -270px; background-size: auto; background-repeat: no-repeat; display: inline-block; } .fb-post__image { width: 100%; max-width: 330px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 -12px; padding: inherit !important; } .fb-post__stat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 10px 12px 0 12px; padding: 0 0 10px 0; border-bottom: 1px solid #dadde1; color: #606770; font-size: 12px; line-height: 20px; } .fb-post__likes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fb-post__stat-icon { display: inline-block; height: 16px; width: 16px; margin-right: 5px; } .fb-post__stat-icon:first-child { z-index: 100; border: 2px solid white; border-radius: 100%; } .fb-post__stat-icon:nth-child(2) { z-index: 99; margin-left: -8px; } .fb-post__stat-icon_like { background-position: 0 -526px; } .fb-post__stat-icon_love { background-position: -17px -492px; } .fb-post__com-shares:hover { text-decoration: underline; } .fb-post__act { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; width: calc(100% + 24px); padding: 4px 0; margin: 0 -12px; border-bottom: 1px solid #dadde1; } .fb-post__react { width: 30%; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; line-height: 13px; font-weight: 600; color: #606770; } .fb-post__react:hover { background-color: rgba(29, 33, 41, 0.04); border-radius: 2px; } .fb-post__react span { width: 18px; height: 18px; display: inline-block; margin-right: 5px; background-repeat: no-repeat; } .fb-post__react_like span { background-position: -368px -245px; } .fb-post__comments { font-size: 12px; } .fb-comment__sort { color: #365899; /* cursor: pointer; */ margin: 10px 0; } /* .fb-comment__sort:hover { text-decoration: underline; } */ .fb-comment__sort span { display: inline-block; width: 12px; height: 12px; background-position: -408px -270px; background-repeat: no-repeat; } .fb-comment__avatar { height: 32px; min-width: 32px; margin-right: 8px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; padding: 0 !important; } .fb-comment__write { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fb-comment__input { width: 440px; height: 34px; margin: 10px 0; border-radius: 18px; padding-left: 5px; border: 1px solid #dddfe2; background-color: #f2f3f5; } .fb-comment__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: top; -ms-flex-align: top; align-items: top; margin: 10px 0; } .fb-comment__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .fb-comment__answer { display: flex; margin-top: 10px; } .fb-comment__text { width: 100%; margin: 0; padding: 8px 10px; color: #1d2129; background-color: #f2f3f5; border-radius: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .fb-comment__text.added { margin-top: 10px; max-width: 400px; margin-left: 40px; } .fb-comment__author { font-weight: 600; color: #365899; text-decoration: none; } .fb-comment__author:hover { /* text-decoration: underline; */ } .fb-comment__react { text-decoration: none; color: #365899 !important; pointer-events: none; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .fb-comment__react:after { content: "·"; color: #606770; padding: 3px; } .fb-comment__posted { color: #606770; } .fb-comment__more { color: #365899 !important; text-decoration: none; pointer-events: none; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .fb-comment__more:hover { text-decoration: underline; } .fb-comment__att { display: block; max-height: 210px; max-width: 260px; border-radius: 18px; margin: 3px 0; } .fb-comment__like { position: absolute; bottom: 5; right: 0; height: 20px; width: 44px; background: #fff; border-radius: 10px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); color: #8d949e; font-size: 11px; font-weight: normal; padding: 2px 1px 2px 2px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .fb-comment__like img { height: 18px; width: 18px; display: inline-block; margin-right: 3px; padding: 0; border-radius: 50%; } .comment-updating { color: #90949c !important; padding-left: 50px; } .comment-updating span { display: inline-block; height: 6px; width: 6px; border-radius: 50%; background-color: #90949c; position: relative; animation: coments; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .comment-updating span:nth-child(2) { animation-delay: 0.2s; } .comment-updating span:nth-child(3) { animation-delay: 0.4s; } .comment-updating p { display: inline-block; margin-left: 10px; color: #90949c; } .fb-comment__item.new-coments { opacity: 0; height: 0; display: none; animation-duration: 2s; animation-timing-function: 1; animation-delay: 3s; } @keyframes coments { 0% { top: 0px; } 50% { top: -8px; } 100% { top: 0px; } } @keyframes fadeIn { 0% { display: none; } 100% { display: block; height: 100%; opacity: 1; } } @media screen and (max-width: 600px) { .fb-post { width: 100%; margin: 0; border: none; } .fb-post__image { width: 100%; margin: 0; } .fb-post__act { width: 100%; } .fb-comment__text { max-width: 100%; pointer-events: none; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .fb-comment__input { width: 100%; } } img { padding: 0 !important; } .cta_button { display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; color: #fff; background: #02bc00; font-size: 18px; text-transform: uppercase; letter-spacing: 1.1px; font-weight: 300; } .center .btn--animate-grow { transition-duration: 0.3s; transition-property: transform; } .center .btn--orange { background: #45b37d; color: #fff !important; max-width: 300px; text-align: center; } .center .btn { display: block; margin-top: 15px; margin-bottom: 15px; padding: 10px 10px; font-size: 34px; line-height: 40px; text-align: center; border: solid 2px #000; width: 300px; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .center { text-align: center; display: flex; justify-content: center; } @font-face { font-family: "rbicon"; src: url(chrome-extension://dipiagiiohfljcicegpgffpbnjmgjcnf/fonts/rbicon.woff2) format("woff2"); font-weight: normal; font-style: normal; } /* Chart.js */ @-webkit-keyframes chartjs-render-animation { from { opacity: 0.99; } to { opacity: 1; } } @keyframes chartjs-render-animation { from { opacity: 0.99; } to { opacity: 1; } } .chartjs-render-monitor { -webkit-animation: chartjs-render-animation 0.001s; animation: chartjs-render-animation 0.001s; } @font-face { font-family: "rbicon"; src: url(chrome-extension://dipiagiiohfljcicegpgffpbnjmgjcnf/fonts/rbicon.woff2) format("woff2"); font-weight: normal; font-style: normal; } .btn_comm { width: 100%; } .btn_post { } .fb-comment__like a { height: 21px; } /* ===== assets/styles/twitter.css ===== */ /* FONTS */ @font-face { font-family: "Twitter Chirp"; src: url("/assets/fonts/Chirp-Heavy.eot"); src: url("/assets/fonts/Chirp-Heavy.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Chirp-Heavy.woff2") format("woff2"), url("Chirp-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Twitter Chirp"; src: url("/assets/fonts/Chirp-Bold.eot"); src: url("/assets/fonts/Chirp-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Chirp-Bold.woff2") format("woff2"), url("/assets/fonts/Chirp-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Twitter Chirp"; src: url("/assets/fonts/Chirp-Regular.eot"); src: url("/assets/fonts/Chirp-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Chirp-Regular.woff2") format("woff2"), url("/assets/fonts/Chirp-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Twitter Chirp"; src: url("/assets/fonts/Chirp-Medium.eot"); src: url("/assets/fonts/Chirp-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Chirp-Medium.woff2") format("woff2"), url("/assets/fonts/Chirp-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } .post-container * { margin: 0; padding: 0; font-family: "Twitter Chirp", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #0f1419; background-color: #fff; } /* HEADER */ .post-container { box-shadow: 0 4px 6px hsla(197, 32%, 65%, 0.5); padding: 10px; border-radius: 20px; pointer-events: none; } .main-header { display: flex; gap: 37px; padding: 7px 16px; } .main-header__info { display: flex; flex-direction: column; gap: 4px; } .main-header__block { display: flex; align-items: center; gap: 4px; } .main-header__name { font-weight: 600; font-size: 17px; } .main-header__posts { font-size: 13px; color: #536471; line-height: 1; } .main-header__check { fill: rgb(29, 155, 240); height: 20px; width: 20px; } .profile { display: flex; justify-content: space-between; margin-bottom: 17px; } .profile__img { margin-left: 1px; margin-top: -12%; width: 68px; height: 68px; } .profile__img img { height: auto; width: 100%; border: 2px solid #fff; border-radius: 50%; } .profile-info { margin-bottom: 13px; } .profile-info__header { display: flex; align-items: center; gap: 1px; margin-bottom: 3px; } .profile-info__header span { font-size: 21px; font-weight: 900; font-style: normal; font-display: swap; } .profile-info__email { font-size: 15px; color: #536471; font-weight: 400; margin-bottom: 16px; } .post { display: flex; justify-content: flex-start; gap: 10px; padding-bottom: 10px; margin-top: 12px; } .post-date span { color: #536471; } .post-images { display: flex; flex-direction: column; } .horizontal-line { margin: 0 -16px; height: 0.5px; background-color: rgba(83, 100, 113, 0.1); } .vertical-line { width: 2px; background-color: rgb(207, 217, 222); margin: 4px auto 0 auto; height: 100%; margin-bottom: -18px; } .post__img { width: 40px; height: 40px; } .post__img img { width: 100%; height: auto; border-radius: 50%; } .post-author { display: flex; justify-content: space-between; } .post-author__first { display: flex; gap: 2px; } .post-author__second { fill: #536471; } .post-author__name { font-weight: 600; } .post-info { flex-grow: 1; } .post-info .post-email { display: flex; justify-content: baseline; gap: 5px; max-height: 20px; } .post-email p { color: #536471; } .post-content { display: flex; flex-direction: column; gap: 20px; } .post-content__text { line-height: 20px; font-size: 15px; } .post-content__img-container { display: flex; justify-content: space-between; } .post-content__image { max-width: 100%; max-height: 314px; border-radius: 20px; margin-top: -5px; object-fit: cover; margin: 0 auto; } .post-content__actions { display: flex; justify-content: space-between; } .action { color: #536471; font-size: 13px; display: flex; align-items: center; gap: 5px; } .action__share--desktop { display: none; } .post-content__actions svg { width: 18.75px; fill: #536471; } .post-dots { display: none; } .x-widget__section { margin-bottom: 20px; } @media (min-width: 375px) { .profile__img { width: 81.25px; } .post-author__second { display: none; } .post-header { display: flex; gap: 5px; } .post-dots { display: block; margin-left: auto; fill: #536471; } .post-content__image { max-height: 388px; } } @media (min-width: 425px) { .profile-info__text { word-spacing: unset; } .profile__img { width: 93.75px; } .post-content__image { max-height: 454px; } } @media (min-width: 475px) { .post-content__image { width: 391px; max-height: 521px; } } @media (min-width: 500px) { .post-content__image { max-height: 464px; } .action__share--mobile { display: none; } .action__share--desktop { display: flex; gap: 5px; } } @media (min-width: 650px) { .profile { margin-bottom: 45px; } .profile-other { display: flex; flex-wrap: wrap; column-gap: 10px; } .profile__img { margin-top: -13%; width: 124px; } .profile__img img { border: 4px solid #fff; } .post-content__image { width: 100%; max-height: 637px; } } @media (min-width: 768px) { .post-content__image { max-width: 441px; } } /* ===== assets/styles/rainews.css ===== */ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } h1 { font-size: 2em; margin: 0.67em 0; } a { background-color: transparent; } strong { font-weight: bolder; } img { border-style: none; } button { font-size: 100%; line-height: 1.15; margin: 0; } button { overflow: visible; } button { text-transform: none; } [type="button"], button { -webkit-appearance: button; } [type="button"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type="button"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } html { box-sizing: border-box; font-size: 100%; } *, :after, :before { box-sizing: inherit; } body { margin: 0; padding: 0; background: #fefefe; font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-weight: 400; line-height: 1.5; color: #0a0a0a; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } button { padding: 0; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } button { font-family: inherit; } div, h1, h2, h3, li, p, ul { margin: 0; padding: 0; } p { margin-bottom: 1rem; font-size: inherit; line-height: 1.12; text-rendering: optimizeLegibility; } i { font-style: italic; } i, strong { line-height: inherit; } strong { font-weight: 700; } h1, h2, h3 { font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: 400; color: inherit; text-rendering: optimizeLegibility; } h1 { font-size: 1.5rem; } h1, h2 { line-height: 1.4; margin-top: 0; margin-bottom: 1rem; } h2 { font-size: 1.7rem; } h3 { font-size: 1.1875rem; } h3 { line-height: 1.4; margin-top: 0; margin-bottom: 1rem; } @media print, screen and (min-width: 48em) { h1 { font-size: 3rem; } h2 { font-size: 2rem; } h3 { font-size: 1.9375rem; } } a { line-height: inherit; color: #1779ba; text-decoration: none; cursor: pointer; } a:focus, a:hover { color: #1468a0; } ul { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; } li { font-size: inherit; } ul { list-style-type: disc; } ul { margin-left: 1.25rem; } .text-center { text-align: center; } @media print { * { background: transparent !important; color: #000 !important; color-adjust: economy; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; color: #0f7fff; } a[href]:after { content: " (" attr(href) ")"; } img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .grid-x { display: flex; flex-flow: row wrap; } .cell { flex: 0 0 auto; min-height: 0; min-width: 0; width: 100%; } .grid-x > .small-12 { flex-basis: auto; } @media print, screen and (min-width: 48em) { .grid-x > .medium-1, .grid-x > .medium-11 { flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-x > .large-2, .grid-x > .large-4, .grid-x > .large-8, .grid-x > .large-10 { flex-basis: auto; } } .grid-x > .small-12 { flex: 0 0 auto; } .grid-x > .small-12 { width: 100%; } @media print, screen and (min-width: 48em) { .grid-x > .medium-1, .grid-x > .medium-11 { flex: 0 0 auto; } .grid-x > .medium-1 { width: 8.33333%; } .grid-x > .medium-11 { width: 91.66667%; } } @media print, screen and (min-width: 64em) { .grid-x > .large-2, .grid-x > .large-4, .grid-x > .large-8, .grid-x > .large-10 { flex: 0 0 auto; } .grid-x > .large-2 { width: 16.66667%; } .grid-x > .large-4 { width: 33.33333%; } .grid-x > .large-8 { width: 66.66667%; } .grid-x > .large-10 { width: 83.33333%; } } .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem; padding: 0.85em 1em; border: 1px solid transparent; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-family: inherit; font-size: 0.9rem; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; } .button:focus, .button:hover { background-color: #14679e; color: #fefefe; } .hide { display: none !important; } .main-bar:after, .secondary-bar:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .article__label .maintheme:before, [class^="icon-"]:before { font-family: rai24 !important; font-style: normal !important; font-weight: 400 !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-clock:before { content: "\65"; } .icon-facebook:before { content: "\67"; } .icon-feed-rss:before { content: "\68"; } .icon-twitter:before { content: "\6f"; } .icon-nav:before { content: "\76"; } .icon-logo-rai:before { content: "\41"; } .icon-arrow-right:before { content: "\43"; } .icon-instagram:before { content: "\4a"; } .icon-logo-rainews:before { content: "\e903"; } * { outline: none; box-sizing: border-box; } body, html { margin: 0; padding: 0; color: var(--color01, #212335); background-color: var(--colorBackground01, #fff); height: 100%; } body, html { font-family: var(--font01, "Source Sans Pro", Arial, Helvetica, sans-serif); } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip; font-size: var(--global-size, 20px); line-height: var(--global-lineheight, 32px); } html body { height: auto; min-height: 100vh; } .sr-only { overflow: hidden; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } @media only screen and (min-width: 768px) { .sr-only:focus { width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; font-size: 14px; } } @media only screen and (min-width: 0) { main { padding-top: var(--header-fixed-height, 93px); } } @media only screen and (min-width: 768px) { main { padding-top: var(--header-fixed-height, 101px); } } @media only screen and (min-width: 1024px) { main { padding-top: var(--header-fixed-height, 121px); } } @media only screen and (min-width: 1296px) { main { padding-top: var(--header-fixed-height, 149px); } } h1, h2, h3 { font-family: var(--font02, "Merriweather", serif); font-weight: 700; margin-top: 0; } a, a:link, a:visited { text-decoration: none; color: inherit; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } button { cursor: pointer; } body { display: flex; flex-direction: column; } body main { flex: 1 0 auto; } @supports (-webkit-touch-callout: none) { } body .overlay-corporate-mask { display: block; visibility: hidden; opacity: 0; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; z-index: 100; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } body .header-fixed, body .header-fixed .menu-open, body .header-fixed .header-menu__nav .visible-list a, body .header-fixed .secondary-bar__inner .link, body .header-fixed .topics__title { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .header-fixed { border-top: 2px solid var(--launch__label-color, #009); position: fixed; top: 0; left: 0; right: 16px; z-index: 200; width: 100%; background-color: #fff; box-shadow: 0 0 50px hsla(0, 0%, 55.3%, 0.3); -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; transition: height 0.3s ease; } @media only screen and (min-width: 0) { .header-fixed { height: var(--header-fixed-height, 93px); } } @media only screen and (min-width: 768px) { .header-fixed { height: var(--header-fixed-height, 108px); } } @media only screen and (min-width: 1024px) { .header-fixed { height: var(--header-fixed-height, 124px); } } @media only screen and (min-width: 1296px) { .header-fixed { height: var(--header-fixed-height, 149px); } } header.header { margin: 0 auto; border-bottom: 1px solid transparent; pointer-events: none; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; background-color: white; } @media only screen and (min-width: 0) { header.header { max-width: var(--content-maxwidth, 1296px); } } @media only screen and (min-width: 768px) { header.header { max-width: var(--content-maxwidth, 1296px); } } @media only screen and (min-width: 1024px) { header.header { max-width: var(--content-maxwidth, 984px); } } @media only screen and (min-width: 1296px) { header.header { max-width: var(--content-maxwidth, 1296px); } } @media only screen and (min-width: 0) { header.header { padding-left: var(--article-padding, 20px); } } @media only screen and (min-width: 768px) { header.header { padding-left: var(--article-padding, 30px); } } @media only screen and (min-width: 1024px) { header.header { padding-left: var(--article-padding, 10px); } } @media only screen and (min-width: 1296px) { header.header { padding-left: var(--article-padding, 12px); } } @media only screen and (min-width: 0) { header.header { padding-right: var(--article-padding, 20px); } } @media only screen and (min-width: 768px) { header.header { padding-right: var(--article-padding, 30px); } } @media only screen and (min-width: 1024px) { header.header { padding-right: var(--article-padding, 10px); } } @media only screen and (min-width: 1296px) { header.header { padding-right: var(--article-padding, 12px); } } @media only screen and (min-width: 768px) { header.header { border-bottom: 0; } } header.header a:hover, header.header button:hover { color: var(--launch__label-color, #009); } header.header:after { content: ""; position: absolute; height: 1px; background-color: #cdcdd6; left: 20px; right: 20px; } .main-bar { text-align: center; height: 40px; margin: 7px 0; position: relative; } .logo-rainews, .menu-open, .corporate-menu-toggler { border: 0; height: 40px; position: relative; } .menu-open { width: 20px; height: 40px; padding: 10px 0; margin: 0; color: #5e5e6e; background: none; } @media (max-width: 767px) { .menu-open { margin-right: 5px; } } .menu-open i { width: 20px; height: 20px; position: absolute; top: 10px; left: 0; } .menu-open i:before { font-size: 20px; position: absolute; top: 0; left: 0; } .menu-open:focus, .menu-open:hover { color: var(--launch__label-color, #009); background: none; } .menu-open { float: left; } .logo-rainews { width: 98px; height: 40px; padding: 0; margin-left: -10px; display: inline-block; justify-content: end; position: relative; color: var(--launch__label-color, #009); } .logo-rainews i { width: 98px; height: 40px; position: absolute; left: 0; overflow: hidden; } .logo-rainews i:before { font-size: 98px; position: absolute; top: -29px; left: 0; } .corporate-menu-toggler { display: none; float: right; border: 0; background: none; margin: 5px 0; padding: 0; color: #5e5e6e; position: relative; width: 30px; height: 30px; } .corporate-menu-toggler i { width: 30px; height: 30px; position: absolute; top: 0; left: 0; } .corporate-menu-toggler i:before { font-size: 30px; position: absolute; top: 0; left: 0; color: #5e5e6e; } .corporate-menu-toggler:hover i:before { content: "\76"; } .corporate-menu-toggler:hover i:before { background-color: #5e5e6e; color: #fff; font-size: 20px; padding: 5px; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } @media only screen and (min-width: 1024px) { .corporate-menu-toggler:hover i:before { padding: 9px; } } @media only screen and (min-width: 1296px) { .corporate-menu-toggler:hover i:before { font-size: 25px; padding: 12px; } } .secondary-bar { height: 0; overflow: visible; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; transition: height 0.3s ease; font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #212335; } .secondary-bar__inner { position: relative; border: 0; height: 100%; } .secondary-bar .topics { overflow: auto; -ms-overflow-style: none; scrollbar-width: none; display: none; position: absolute; left: 0; right: 200px; } .secondary-bar .topics .icon-arrow-right { font-size: 10px; padding-left: 10px; color: var(--launch__label-color, #009); } .secondary-bar .topics__title { font-weight: 600; padding-right: 20px; width: 100px; position: absolute; top: 0; left: 0; white-space: nowrap; } .secondary-bar .topics__nav { padding-left: 100px; position: relative; overflow: visible; } .secondary-bar .topics__nav__list__item { display: inline-block; padding-right: 20px; } .secondary-bar .topics__nav__list__item:last-child { padding-right: 0; } .secondary-bar .topics__nav__list.visible-list { margin: 0; line-height: 18px; width: max-content; } .secondary-bar .topics__nav__list.visible-list .topics__nav__list__item { display: table-cell; white-space: nowrap; } .secondary-bar .social { font-size: 16px; height: 24px; line-height: 16px; margin-top: 13px; position: absolute; top: -2px; right: 0; } .secondary-bar .social__list { list-style-type: none; margin: 0; padding: 0; height: 16px; line-height: 16px; } .secondary-bar .social__list__item { color: #5e5e6e; display: inline-block; height: 16px; padding-right: 8px; } .social__list__item:nth-of-type(1) { color: #4267b2; } .social__list__item:nth-of-type(3) { background-image: radial-gradient( circle at 33% 100%, #f7d047, rgba(247, 208, 71, 0) 68% ), radial-gradient(circle at 97% 86%, #ea3b5a, rgba(234, 59, 90, 0) 71%), radial-gradient(circle at 17% 0, #6b22f5, rgba(107, 34, 245, 0) 59%), radial-gradient(circle at 94% 14%, #d42ec9, rgba(212, 46, 201, 0) 65%), radial-gradient(circle at -3% 50%, #ea3b5a, rgba(234, 59, 90, 0) 75%), linear-gradient(180deg, #ea3697, #ea3697); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .social__list__item:nth-of-type(4) { color: #ee802f; } .secondary-bar .social__list__item:last-child { padding-right: 0; } .secondary-bar .social__list__item .link { display: block; height: 23px; } .secondary-bar .social__list__item .link i { display: block; padding-top: 0; height: 16px; } .secondary-bar .social__list__item .link i:before { display: block; font-size: 16px; } @media only screen and (max-width: 767px) { .secondary-bar .social { display: none; } } @media only screen and (min-width: 768px) { header.header:after { display: none; } .main-bar { text-align: left; height: 30px; margin: 16px 0; } .menu-open { height: 30px; padding: 0; } .menu-open i { top: 5px; } .logo-rainews { height: 30px; padding: 0; margin: 0; position: absolute; left: 40px; } .logo-rainews i:before { top: -34px; } .corporate-menu-toggler { display: block; margin: 0; overflow: hidden; } .secondary-bar { height: 37px; overflow: hidden; } .secondary-bar__inner { border-top: 1px solid #cdcdd6; } .secondary-bar .topics { display: block; } .secondary-bar .social { margin-top: 0; top: 10px; } .secondary-bar .social__list__item { padding-right: 8px; } } @media only screen and (min-width: 1024px) { .main-bar { margin: 20px 0; } .menu-open, .main-bar { height: 38px; } .menu-open i { top: 9px; } .logo-rainews { top: 0; } .logo-rainews, .logo-rainews i { width: 122px; height: 38px; } .logo-rainews i:before { font-size: 123px; top: -42px; } .corporate-menu-toggler, .corporate-menu-toggler i { width: 38px; height: 38px; } .corporate-menu-toggler i:before { font-size: 38px; } .secondary-bar { height: 41px; } .secondary-bar__inner .topics { left: 190px; } .secondary-bar__inner .social { top: 12px; } } @media only screen and (min-width: 1296px) { .main-bar { margin: 25px 0; } .menu-open, .main-bar { height: 48px; } .menu-open { width: 25px; } .menu-open i { top: 12.5px; width: 24px; height: 24px; } .menu-open i:before { font-size: 25px; } .logo-rainews { top: 0; left: 44px; } .logo-rainews, .logo-rainews i { width: 155px; height: 48px; } .logo-rainews i:before { font-size: 155px; top: -53px; } .corporate-menu-toggler, .corporate-menu-toggler i { width: 48px; height: 48px; } .corporate-menu-toggler i:before { font-size: 48px; } .secondary-bar { height: 49px; } .secondary-bar__inner .social { top: 13px; height: 20px; line-height: 20px; } .secondary-bar__inner .social__list { height: 20px; line-height: 20px; } .secondary-bar__inner .social__list__item, .secondary-bar__inner .social__list__item .link, .secondary-bar__inner .social__list__item .link i { height: 24px; } .secondary-bar__inner .social__list__item .link i:before { font-size: 20px; } } .header-menu { font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; color: #212335; position: absolute; top: auto; left: 0; right: 0; bottom: -35px; } .header-menu__nav { display: none; top: 0; left: 0; right: 228px; height: 20px; text-align: left; overflow: hidden; } .header-menu__nav__list { list-style-type: none; margin: 0; padding: 0; position: relative; } .header-menu__nav__list__item { white-space: nowrap; height: 20px; max-height: 20px; } .header-menu__nav__list__item .link { height: 20px; line-height: 20px; display: block; letter-spacing: 0; } .header-menu__nav__list.visible-list { display: inline-table; } .header-menu__nav__list.visible-list .header-menu__nav__list__item { display: table-cell; margin: 0; padding: 0 16px 0 0; } .header-menu__nav__list.visible-list .header-menu__nav__list__item:last-child { padding-right: 0; height: 20px; line-height: 20px; } @media only screen and (min-width: 768px) { .header-menu { position: absolute; top: 5px; left: 160px; right: 190px; bottom: auto; min-width: 300px; height: 20px; line-height: 20px; } .header-menu__nav { overflow-x: scroll; margin-right: 75px; display: block; right: 0px; } } @media only screen and (min-width: 1024px) { .header-menu { top: 9px; left: 170px; right: 0px; font-size: 16px; } .header-menu__nav__list.visible-list .header-menu__nav__list__item { padding-right: 32px; } } @media only screen and (min-width: 1296px) { .header-menu { font-size: 18px; line-height: 24px; height: 24px; top: 13px; left: 260px; right: 221px; } .header-menu__nav { height: 100px; line-height: 24px; right: 319px; } } .tag-container { margin-top: 2rem; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .tag__list { margin-left: 0; margin-bottom: 0; font-size: 0; pointer-events: none; } @media only screen and (min-width: 768px) { .tag__list { padding-left: 30px; } } @media only screen and (min-width: 1024px) { .tag__list { padding-left: 0; } } .tag__list:before { font-family: var(--font02, "Merriweather", serif); content: "Tag"; font-size: 19px; line-height: 24px; padding-right: 24px; font-weight: 900; color: var(--tags-before-color, #009); } .tag__list__item { display: inline-block; padding: 0 16px 16px 0; } .tag__list__item .link { display: inline-block; font-size: 16px; line-height: 20px; font-weight: 600; padding: 4px 12px; color: var(--tags-color, #6680ff); background-color: var(--tags-backgroundcolor, #eef1fc); -webkit-border-radius: 55px; -moz-border-radius: 55px; -ms-border-radius: 55px; border-radius: 55px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .tag__list__item .link:hover { color: var(--tags-colorhover, #eef1fc); background-color: var(--tags-backgroundcolorhover, #6680ff); } @media only screen and (max-width: 767px) { .tag-container { position: relative; } .tag-container:after { content: ""; width: 40px; height: 28px; pointer-events: none; position: absolute; right: 0; top: 0; background: -moz-linear-gradient(left, transparent, #fff); background: -webkit-linear-gradient(left, transparent, #fff); background: linear-gradient(90deg, transparent, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=0); } .tag__list { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; position: relative; scrollbar-width: none; } .tag__list::-webkit-scrollbar { width: 0; } } .leaf { overflow: hidden; overflow-wrap: break-word; border-bottom: 20px solid var(--launch__label-color, #009); } .sidegutterright { position: relative; margin-bottom: 28px; } @media only screen and (min-width: 0) { .sidegutterright { padding-right: var(--article-sidegutter, 0); } } @media only screen and (min-width: 768px) { .sidegutterright { padding-right: var(--article-sidegutter, 0); } } @media only screen and (min-width: 1024px) { .sidegutterright { padding-right: var(--article-sidegutter, 41px); } } @media only screen and (min-width: 1296px) { .sidegutterright { padding-right: var(--article-sidegutter, 44px); } } @media only screen and (min-width: 768px) { .sidegutterright { margin-bottom: 64px; } } @media only screen and (min-width: 1024px) { .sidegutterright { margin-bottom: 0px; } } .sidegutterleft { position: relative; } @media only screen and (min-width: 0) { .sidegutterleft { padding-left: var(--article-sidegutter, 0); } } @media only screen and (min-width: 768px) { .sidegutterleft { padding-left: var(--article-sidegutter, 0); } } @media only screen and (min-width: 1024px) { .sidegutterleft { padding-left: var(--article-sidegutter, 20px); } } @media only screen and (min-width: 1296px) { .sidegutterleft { padding-left: var(--article-sidegutter, 24px); } } @media only screen and (min-width: 1024px) { .sidegutterleft { margin-bottom: 52px; } } .fullmedium { display: block; margin-left: -20px; margin-right: -20px; } .fullmedium-article { margin-bottom: 20px; } @media only screen and (min-width: 768px) { .fullmedium { margin-left: 0; margin-right: 0; } } @media only screen and (min-width: 768px) { .fullmedium { margin-left: -30px; margin-right: -30px; } } @media only screen and (min-width: 1024px) { .fullmedium { margin-left: 0; margin-right: 0; } } .article { margin: 0 auto; padding-bottom: 0; width: 100%; } @media only screen and (min-width: 0) { .article { padding-left: var(--article-padding, 20px); } } @media only screen and (min-width: 768px) { .article { padding-left: var(--article-padding, 30px); } } @media only screen and (min-width: 1024px) { .article { padding-left: var(--article-padding, 10px); } } @media only screen and (min-width: 1296px) { .article { padding-left: var(--article-padding, 12px); } } @media only screen and (min-width: 0) { .article { padding-right: var(--article-padding, 20px); } } @media only screen and (min-width: 768px) { .article { padding-right: var(--article-padding, 30px); } } @media only screen and (min-width: 1024px) { .article { padding-right: var(--article-padding, 10px); } } @media only screen and (min-width: 1296px) { .article { padding-right: var(--article-padding, 12px); } } @media only screen and (min-width: 0) { .article { max-width: var(--content-maxwidth, 1296px); } } @media only screen and (min-width: 768px) { .article { max-width: var(--content-maxwidth, 1296px); } } @media only screen and (min-width: 1024px) { .article { max-width: var(--content-maxwidth, 984px); } } @media only screen and (min-width: 1296px) { .article { max-width: var(--content-maxwidth, 1296px); } } .article__preheader { border-bottom: var(--border, 1px solid #cdcdd6); padding-bottom: 10px; position: relative; pointer-events: none; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .article__header { margin-bottom: 28px; padding-top: 26px; } .article__label { float: left; font-weight: 700; color: #3d5eff; } @media only screen and (min-width: 0) { .article__label { font-size: var(--leaf__label-size, 16px); } } @media only screen and (min-width: 768px) { .article__label { font-size: var(--leaf__label-size, 16px); } } @media only screen and (min-width: 1024px) { .article__label { font-size: var(--leaf__label-size, 20px); } } @media only screen and (min-width: 1296px) { .article__label { font-size: var(--leaf__label-size, 20px); } } @media only screen and (min-width: 0) { .article__label { line-height: var(--leaf__label-lineheight, 20px); } } @media only screen and (min-width: 768px) { .article__label { line-height: var(--leaf__label-lineheight, 20px); } } @media only screen and (min-width: 1024px) { .article__label { line-height: var(--leaf__label-lineheight, 24px); } } @media only screen and (min-width: 1296px) { .article__label { line-height: var(--leaf__label-lineheight, 24px); } } .article__title { color: var(--article__title-color, #212335); font-weight: 900; margin: 12px 0; } .article__figcaption { font-size: 14px; margin-bottom: 20px; line-height: normal; opacity: 0.7; font-style: italic; } @media only screen and (min-width: 0) { .article__title { font-size: var(--leaf__title-size, 28px); } } @media only screen and (min-width: 768px) { .article__title { font-size: var(--leaf__title-size, 32px); } } @media only screen and (min-width: 1024px) { .article__title { font-size: var(--leaf__title-size, 40px); } } @media only screen and (min-width: 1296px) { .article__title { font-size: var(--leaf__title-size, 48px); } } @media only screen and (min-width: 0) { .article__title { line-height: var(--leaf__title-lineheight, 36px); } } @media only screen and (min-width: 768px) { .article__title { line-height: var(--leaf__title-lineheight, 40px); } } @media only screen and (min-width: 1024px) { .article__title { line-height: var(--leaf__title-lineheight, 52px); } } @media only screen and (min-width: 1296px) { .article__title { line-height: var(--leaf__title-lineheight, 60px); } } @media only screen and (min-width: 1024px) { .article__title { margin: 16px 0; } } @media only screen and (min-width: 1296px) { .article__title { margin: 20px 0; } } .article__subheading { margin: 16px 0 0; font-weight: 600; color: var(--article__subheading-color, #5e5e6e); } @media only screen and (min-width: 0) { .article__subheading { font-size: var(--leaf__subheading-size, 16px); } } @media only screen and (min-width: 768px) { .article__subheading { font-size: var(--leaf__subheading-size, 18px); } } @media only screen and (min-width: 1024px) { .article__subheading { font-size: var(--leaf__subheading-size, 20px); } } @media only screen and (min-width: 1296px) { .article__subheading { font-size: var(--leaf__subheading-size, 20px); } } @media only screen and (min-width: 0) { .article__subheading { line-height: var(--leaf__subheading-lineheight, 20px); } } @media only screen and (min-width: 768px) { .article__subheading { line-height: var(--leaf__subheading-lineheight, 24px); } } @media only screen and (min-width: 1024px) { .article__subheading { line-height: var(--leaf__subheading-lineheight, 24px); } } @media only screen and (min-width: 1296px) { .article__subheading { line-height: var(--leaf__subheading-lineheight, 24px); } } .article__subtitle { font-family: var(--font02, "Merriweather", serif); font-weight: 700; color: var(--article__subtitle-color, #212335); margin-bottom: 16px; } @media only screen and (min-width: 0) { .article__subtitle, h3 { font-size: var(--leaf__subtitle-size, 22px); } } @media only screen and (min-width: 768px) { .article__subtitle { font-size: var(--leaf__subtitle-size, 24px); } } @media only screen and (min-width: 1024px) { .article__subtitle { font-size: var(--leaf__subtitle-size, 24px); } } @media only screen and (min-width: 1296px) { .article__subtitle { font-size: var(--leaf__subtitle-size, 28px); } } @media only screen and (min-width: 0) { .article__subtitle { line-height: var(--leaf__subtitle-lineheight, 28px); } } @media only screen and (min-width: 768px) { .article__subtitle { line-height: var(--leaf__subtitle-lineheight, 36px); } } @media only screen and (min-width: 1024px) { .article__subtitle { line-height: var(--leaf__subtitle-lineheight, 36px); } } @media only screen and (min-width: 1296px) { .article__subtitle { line-height: var(--leaf__subtitle-lineheight, 40px); } } @media only screen and (min-width: 1024px) { .article__subtitle { margin-bottom: 24px; } } .article__date, .article__date-author { font-size: 13px; line-height: 18px; margin-bottom: 20px; } .article__date { display: inline-block; color: var(--leaf__date-color, #5e5e6e); font-weight: 600; vertical-align: top; padding-right: 8px; } .article__date i { padding-right: 5px; vertical-align: middle; } .icon-2024-calendar:before { content: "\e931"; } .article__media { width: 100%; display: block; margin-bottom: 16px; } .article__media-wrapper { aspect-ratio: 806/453; position: relative; background-color: #ebebeb; overflow: hidden; } .share-toggler { display: none; } @media only screen and (min-width: 768px) { .share-toggler { display: block; } .icon-share:before { content: "\74"; border: 0; background: none; font-size: 24px; color: #3d5eff; margin: 0; padding: 0; width: 64px; height: 64px; } .share-toggler .share-button .label { color: #212335; font-size: 13px; line-height: 18px; font-weight: 600; width: auto; height: auto; } .share-button { display: flex; flex-direction: column; align-items: center; gap: 6px; } } @supports (-webkit-hyphens: none) { .article__media-wrapper.normal-wrapper { padding-bottom: 56.25%; } } @media only screen and (min-width: 1024px) { @supports (-webkit-hyphens: none) { } } .leaf:not(.leaf--multimedia) .article__media-wrapper picture img { display: block; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; } .article__media-credits { position: absolute; z-index: 1; bottom: 0; right: 0; font-size: 16px; line-height: 20px; color: var(--image-credits-color, #fff); font-weight: 400; background: rgba(0, 0, 0, 0.8); padding: 8px 24px; } .article__media-caption { padding-top: 8px; color: var(--article__media-caption-color, #5e5e6e); font-size: 16px; line-height: 20px; } @media only screen and (min-width: 0) { .article__media-caption { padding-left: var(--article-padding, 20px); } } @media only screen and (min-width: 768px) { .article__media-caption { padding-left: var(--article-padding, 30px); } } @media only screen and (min-width: 1024px) { .article__media-caption { padding-left: var(--article-padding, 10px); } } @media only screen and (min-width: 1296px) { .article__media-caption { padding-left: var(--article-padding, 12px); } } @media only screen and (min-width: 0) { .article__media-caption { padding-right: var(--article-padding, 20px); } } @media only screen and (min-width: 768px) { .article__media-caption { padding-right: var(--article-padding, 30px); } } @media only screen and (min-width: 1024px) { .article__media-caption { padding-right: var(--article-padding, 10px); } } @media only screen and (min-width: 1296px) { .article__media-caption { padding-right: var(--article-padding, 12px); } } @media only screen and (min-width: 1024px) { .article__media-caption { padding-left: 0; padding-right: 0; } } .article__content { padding-top: 28px; } @media only screen and (min-width: 1024px) { .article__content { padding-top: 32px; } } .article__content__unit { margin-bottom: 28px; position: relative; font-size: 20px; line-height: 28px; } @media only screen and (min-width: 768px) { .article__content__unit:not(.fullsmall):not(.fullmedium):not( .article__content__unit--file ):not(.article__content__unit--link):not(.article__content__unit--quote) { margin-left: 0; } } @media only screen and (min-width: 1024px) { .article__content__unit:not(.fullsmall):not(.fullmedium):not( .article__content__unit--file ):not(.article__content__unit--link):not(.article__content__unit--quote) { margin-left: 0; } } @media only screen and (min-width: 1024px) { .article__content__unit--text { padding-left: unset; } } @media only screen and (min-width: 768px) { .article .tag-container .tag__list { padding-left: 25px; } } @media only screen and (min-width: 1024px) { .article .tag-container .tag__list { padding-left: 0; } } @media only screen and (min-width: 1024px) { .article__right-column { border-left: var(--border, 1px solid #cdcdd6); } } .article .aside { position: relative; z-index: 6; pointer-events: none; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } @media (max-width: 1024px) { .article .aside { display: none; } } .article .aside .greycell:before { content: ""; background-color: #f6f7f9; opacity: 1; height: 100%; position: absolute; z-index: 1; left: -20px; right: -20px; } .article .aside-box { position: relative; z-index: 1; } .article .aside-box:first-child { padding-top: 40px; } .article .aside-box:last-child { padding-bottom: 40px; } .article .aside-box--insights { font-weight: 600; position: relative; padding: 0; } .article .aside-box--insights .aside__list__item .insights-link { display: inline; font-family: var(--font01, "Source Sans Pro", Arial, Helvetica, sans-serif); font-weight: 600; color: #212335; } .article .aside__title { position: relative; z-index: 1; font-family: var(--font01, "Source Sans Pro", Arial, Helvetica, sans-serif); font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; padding-bottom: 12px; margin-bottom: 0; color: var(--leaf__aside__list__title-color, #009); } .article .aside__list { position: relative; z-index: 1; list-style: none; margin: 0; } .article .aside__list__item { font-size: 20px; line-height: 24px; } .article .aside__list__item:not(:first-child) { padding-top: 16px; margin-top: 16px; } @media only screen and (min-width: 768px) { .article .aside .greycell:before { left: -30px; right: -30px; } .article .aside-box { border-color: #e3e3e8; } .article .aside__title { padding-bottom: 16px; } .article .aside__list__item:not(:first-child) { padding-top: 20px; margin-top: 20px; } } @media only screen and (min-width: 1024px) { .article .aside .greycell:before { display: none; } .article .aside-box:first-child { padding-top: 0; } .article .aside-box:last-child { padding-bottom: 0; } } @media only screen and (min-width: 1024px) { .article .aside__list__item:not(:first-child) { padding-top: 12px; margin-top: 12px; } } .article__label .maintheme:before { content: "\44"; font-size: 10px; position: relative; padding-right: 6px; color: #9192a1; } @media only screen and (min-width: 768px) { .article__label .maintheme:before { display: inline-block; content: "\64"; padding-left: 4px; } .article__label .ancestor, .article__label .maintheme:nth-child(2) { display: inline-block; } } @media only screen and (min-width: 1024px) { .article__label .maintheme:before { bottom: 2px; } } @media only screen and (min-width: 768px) { .article.normal_width .buttons-wrapper { padding-top: 28px; } } @media only screen and (min-width: 1024px) { .article.normal_width .buttons-wrapper { padding-top: 32px; } } .leaf--multimedia .article__content__unit--text p:first-of-type:first-letter { color: var(--leaf--multimedia-defaultcolor, #cdcdd6); } .leaf--multimedia .article__content__unit--text p a { color: #fff; text-decoration: underline; } /*.article__content__unit--text p{ font-size:inherit; line-height:inherit }*/ .article__content__unit--text p a:active, .article__content__unit--text p a:hover { text-decoration: underline; } .article__content__unit--text .article__text:first-of-type:first-letter { color: var(--leaf__content__unit__firstletter-color, #009); font-family: var(--font02, "Merriweather", serif); font-size: 64px; line-height: 49px; font-weight: 900; padding: 7px 10px 0 0; float: left; } .header-menu__nav__button { font-size: 24px; width: 23px; line-height: 0; padding-bottom: 14px; display: inline-block; vertical-align: middle; right: 140px; } @media only screen and (min-width: 1296px) { .header-menu__nav__button { width: 25px; font-size: 25px; } } @media only screen and (min-width: 1296px) { .secondary-bar { height: 49px; } } @media only screen and (min-width: 1024px) { .secondary-bar { height: 45px; } } @media only screen and (min-width: 768px) { .secondary-bar { height: 44px; overflow: hidden; } } @media only screen and (min-width: 1296px) { .secondary-bar__inner .topics { left: 50px; right: 150px; } } @media only screen and (min-width: 1024px) { .secondary-bar__inner .topics { left: 45px; right: 148px; } } @media only screen and (min-width: 768px) { .secondary-bar .topics { display: block; } } .secondary-bar .topics__title { font-weight: 600; padding-right: 20px; width: 100px; position: absolute; top: 0; left: 0; white-space: nowrap; } .swiper { --swiper-theme-color: var(--color-secondary-base); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .un-article__image-wrapper { margin-bottom: var(--space-5); } .swiper-horizontal { touch-action: pan-y; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var( --swiper-wrapper-transition-timing-function, initial ); box-sizing: content-box; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-slide { align-self: center; } .un-article__image { display: flex; flex-direction: column; align-items: center; /* margin: auto; */ clear: both; width: 960px; max-width: 100%; margin: 0; padding: 0; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; background: lightgray; } .swiper-slide img { width: 100%; object-fit: cover; object-position: center; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-slide { align-self: center; } .un-article__image { display: flex; flex-direction: column; align-items: center; /* margin: auto; */ clear: both; width: 960px; max-width: 100%; margin: 0; padding: 0; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-slide { align-self: center; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-bullet { width: var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px) ); height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px) ); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-pagination-bullet { width: var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px) ); height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px) ); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } a.lightbox-img::before { content: ""; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0.5; width: 50px; height: 50px; background-image: url('../index/lupa.svg'); background-repeat: no-repeat; background-size: cover; z-index: 2; pointer-events: none; } .lightbox-img__image { display: block; width: 100%; height: auto; pointer-events: none; -webkit-user-drag: none; } .fslightbox-source { position: relative; z-index: 2; opacity: 0; } .fslightbox-container * { box-sizing: border-box; } .fslightbox-opacity-1 { opacity: 1 !important; } @media (max-width: 390px) { .button-link { width: 85%; } } .swiper-button-next, .swiper-button-prev { color: #007fff !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: #007fff !important; } .big-img { max-height: 500px; object-fit: cover; background-color: #eee; } /* .article__media-container picture > figcaption, */ .article__media + figcaption { font-size: 14px; margin-top: 8px; line-height: normal; opacity: 0.7; } .article__accent { color: #007fff; font-style: italic; } .info-box { background: #e8eff5; border-radius: 8px; padding: 24px 28px 20px; margin: 32px 0; } .info-box h2 { font-size: 22px; } .info-box a { color: #0059b3; text-decoration: underline; } .info-box ul { margin: 0; list-style: disc inside; } .reg-title { margin: 30px 0 0 0; } .reg-note { text-transform: uppercase; color: #e11229; } .swiper-pagination { bottom: -3px !important; } .fb-comment__like a { height: 22px; width: 22px; } @media screen and (max-width: 600px) { .fb-comment__text { pointer-events: auto; } } @media screen and (max-width: 500px) { .post-header { display: block; } .post-author__second { display: block; } .post-dots { display: none; } .post-info .post-email { max-height: none; } } .exp__block { display: none; } #exp-1 .exp__block:nth-child(1) { display: block; } .custom-dropdown-wrapper { position: relative; width: 100%; } img, .zoom-image { -webkit-touch-callout: none !important; -webkit-user-select: none !important; -webkit-user-select: none !important; -ms-user-select: none !important; user-select: none !important; transform: none !important; } .custom-dropdown-selected { padding-right: 32px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; height: auto; box-sizing: border-box; font-size: 17px !important; } .custom-dropdown-arrow { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 14px; color: #555; line-height: 1; height: 1em; display: flex; align-items: center; } .custom-dropdown-list { position: absolute; top: 100%; left: 0; right: 0; background: white; border-radius: 8px; border: 1px solid #ccc; margin-top: 4px; max-height: 160px; overflow-y: auto; display: none; z-index: 100; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); padding: 0; list-style: none; } .custom-dropdown-list::-webkit-scrollbar { width: 4px; } .custom-dropdown-list::-webkit-scrollbar-thumb { border-radius: 10px; background: #ddd; } .custom-dropdown-option { padding: 12px; cursor: pointer; transition: background 0.2s ease; } .custom-dropdown-option:hover { background: #f2f2f2; } .custom-dropdown-option { padding: 12px; cursor: pointer; transition: background 0.2s ease; color: #222222; font-size: 16px; font-weight: 400; font-family: inherit; } input.custom-dropdown-selected::placeholder { font-size: 14px !important; } @media (max-width: 1200px) { input.custom-dropdown-selected::placeholder { font-size: 13px !important; } .custom-dropdown-selected { font-size: 13px !important; } } @media (max-width: 991px) { input.custom-dropdown-selected::placeholder { font-size: 12px !important; } .custom-dropdown-selected { font-size: 12px !important; } } p a { white-space: nowrap; } a.lightbox-img { position: relative; display: inline-block; line-height: 0; -webkit-touch-callout: none; touch-action: manipulation; -webkit-tap-highlight-color: transparent; } .comm__link { color: #007fff !important; text-decoration: underline !important; } .comm__link:hover { color: #e11229 !important; text-decoration: underline; } .expert-card { display: flex; align-items: flex-start; gap: 20px; background: #f7f9fb; border: 1px solid #e8ecf0; border-radius: 10px; padding: 24px; margin-bottom: 20px; } .expert-avatar { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 3px solid #d9d9d9; } .expert-info { flex: 1; } .expert-info h4 { font-size: 18px; font-weight: 900; color: #001a3a; margin-block: 0 2px; } .expert-info>span { display: block; font-size: 13px; color: #666; margin-bottom: 10px; } .expert-info p { font-size: 16px; line-height: 1.6; color: #1b1b1b;; margin-bottom: 0; } @keyframes heartbeat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 5% { -webkit-transform: scale(0.96); transform: scale(0.96); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 12% { -webkit-transform: scale(0.99); transform: scale(0.99); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 28% { -webkit-transform: scale(0.94); transform: scale(0.94); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .at-image { max-height: 500px; object-fit: cover; background-color: #eee; width: 100%; display: block; margin-bottom: 16px; &:has( + span ) { margin-bottom: 5px; } } .at-image + span, video + span { display: block; margin-top: 5px; margin-bottom: 16px; } /* Slideshow container */ .slideshow-container { position: relative; display: block; max-width: 1000px; margin: 0 auto 60px; } .slideshow-container img { max-height: 500px; margin: 0 auto; display: block; width: auto; max-width: 100%; object-fit: contain; } /* Hide the images by default */ .mySlides { position: relative; display: none; overflow: hidden; background-color: #62626237; touch-action: pan-y; user-select: none; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; z-index: 5; width: auto; margin-top: -22px; padding: 16px; color: #fe003d; font-weight: bold; font-size: 18px; transition: color 0.3s ease, background-color 0.3s ease; border: none; border-radius: 0 3px 3px 0; background-color: transparent; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); color: #007fff; } @media only screen and (max-width:768px) { .prev:hover, .next:hover { background-color: unset!important; color: #007fff; } } /* Slide number text (1/3 etc) */ .slide-number { color: #f2f2f2; font-weight: 700; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; z-index: 5; } /* The dots/bullets/indicators */ .dots-container { position: absolute; top: calc(100% - 25px); left: 0; right: 0; z-index: 5; text-align: center; } .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .dot.active { background-color: #fe003d; } .dot:hover{ background-color: #717171; } /* Zoom styles */ .zoom-overlay { display: none; position: fixed; inset: 0; width: 100vw; height: 100vh; height: 100dvh; z-index: 1000; background: rgba(0, 0, 0, 0); overflow: hidden; cursor: zoom-out; opacity: 1; transition: background-color 0.24s ease; isolation: isolate; touch-action: none; overscroll-behavior: contain; /* Safari */ isolation: isolate; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0); backface-visibility: hidden; will-change: opacity; -webkit-tap-highlight-color: transparent; user-select: none; } .zoom-overlay.is-open { background: rgba(0, 0, 0, 0.85); } .zoom-image { object-fit: contain; cursor: default; z-index: 1; transition: left 0.26s ease, top 0.26s ease, width 0.26s ease, height 0.26s ease, opacity 0.2s ease; -webkit-user-drag: none; user-select: none; /* Safari */ -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity, transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .zoom-close { position: fixed; top: calc(12px + env(safe-area-inset-top)); right: calc(12px + env(safe-area-inset-right)); bottom: auto; left: auto; display: block; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; background: transparent; color: #fff; font-size: 40px; line-height: 44px; text-align: center; font-weight: bold; cursor: pointer; z-index: 2147483647; opacity: 0; pointer-events: none; transition: opacity 0.2s ease, color 0.3s ease; /* Safari */ -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-tap-highlight-color: transparent; } .zoom-overlay.is-open .zoom-close { opacity: 1; pointer-events: auto; } .zoom-close:hover { color: #e11229; } [data-zoomable] { position: relative; display: block; cursor: zoom-in; /* Safari */ -webkit-transform: translateZ(0); transform: translateZ(0); } [data-zoomable] img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; /* Safari */ -webkit-transform: translateZ(0); transform: translateZ(0); image-rendering: -webkit-optimize-contrast; } [data-zoomable]::after { content: ""; position: absolute; top: calc(50% - 24px); left: calc(50% - 24px); z-index: 2; width: 48px; height: 48px; color: #e11229; background-image: url(../index/lupa.svg); background-repeat: no-repeat; background-size: contain; opacity: 0.5; pointer-events: none; user-select: none; } @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { /* Safari only */ .zoom-overlay { isolation: isolate; } .zoom-image { image-rendering: auto; } } } /* Fading animation */ .fade__img { text-align: center; -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } @keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } .fb-comment__deleted { color: #8d949e; } .regalia { color: #666666; } .fb-comment__text a { color: #007FFF; text-decoration: underline; } .fb-comment__text a:hover { color: #e11229; text-decoration: underline; } @media screen and (max-width: 370px) { .reaction-wrapper { margin-top: 8px; } } .at-highlight { color: red !important; } .swiper-slide { margin-bottom: 20px; } /* ===== assets/styles/rainews-footer.css ===== */ .footer { width: 100%; background: #252a3f; display: flex; justify-content: center; padding: 0 auto; pointer-events: none; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } @media all and (max-width:768px) { .footer { justify-content: flex-start; padding: 0; } } .footer-wrapper { background: #252a3f; transition: background-color 250ms ease-in 0s; } @media all and (max-width:600px) { .footer-wrapper { padding: 20px; width: 100%; } } @media only screen and (min-width:600px) { .footer-wrapper { min-height: 473px; padding: 20px; width: 100%; } } @media only screen and (min-width:732px) { .footer-wrapper { min-height: 453px; padding: 20px; width: 100%; } } @media only screen and (min-width:768px) { .footer-wrapper { min-height: 450px; width: 100%; padding: 40px; } } @media only screen and (min-width:1024px) { .footer-wrapper { max-width: 1024px; min-height: 190px; padding: 0px; } } @media only screen and (min-width:1296px) { .footer-wrapper { padding: 12px; max-width: 1296px; } } .footer-grid { box-sizing: border-box; width: 100%; max-width: var(1024px, 1440px); font-family: "Open Sans Regular", sans-serif; font-size: 17px; margin: 0px; padding-bottom: 18px; display: block; } @media (min-width: 1024px) { .footer-grid { display: grid; padding: 48px; grid-template-columns: auto 1fr; gap: 57px 32px; } } @media (min-width: 768px) { .footer-grid { padding-bottom: 32px; } } .footer-logo { display: block; width: 40px; height: 40px; fill: white; transition: all 250ms ease-in 0s; } @media (min-width: 1024px) { .footer-logo { width: 48px; height: 48px; } } .footer-menu { font-family: "Public Sans Bold", sans-serif; list-style-type: none; margin-top: 8px; } @media (max-width: 1024px) { .footer-wrapper { min-height: 0; } .footer-grid { padding-bottom: 0; } .footer-menu { display: none; } } @media (min-width: 1024px) { .footer-menu { display: flex; flex-wrap: nowrap; align-items: center; margin: 0px; } } .footer-menu__link { display: block; padding: 24px 0px; font-family: inherit; font-weight: bold; letter-spacing: 0.2px; color: white !important; text-decoration: none; transition: color 150ms ease-in 0s; white-space: nowrap; position: relative; } @media (min-width: 1024px) { .footer-menu__link:first-of-type { margin-right: 0px; padding-left: 0px; } .footer-menu__link { display: flex; align-items: center; font-size: 15px; padding: 0px 17px; padding-left: 17px; height: 48px; border-right: solid 1px gray; border-bottom: medium; } } @media (min-width: 768px) and (max-width: 1023px) { .footer-menu__link { border-bottom: solid 1px gray; } } @media (max-width: 768px) { .footer-menu__link { border-bottom: solid 1px gray; } } .footer-details { margin-top: 40px; font-size: 13px; line-height: 20px; letter-spacing: -0.5px; color: whitesmoke; transition: all 250ms ease-in 0s; max-width: 600px; text-align: left; } @media (min-width: 1024px) { .footer-details { grid-column: 2; margin-top: 0px; max-width: 950px; } } /* ===== assets/styles/un-styles.css ===== */ .un-steps { /* padding-top: 30px; */ font-family: var(--font01, "Source Sans Pro", Arial, Helvetica, sans-serif); font-weight: 400; border: 2px solid #3e61bf; margin-bottom: 16px; /* font-size: 18px; line-height: 30px; */ } .un-steps__title { color: white; font-size: 18px; line-height: 24px; font-weight: 700; font-family: var(--font01, "Source Sans Pro", Arial, Helvetica, sans-serif); text-align: center; background-color: #3e61bf; padding: 10px; } .un-steps__paragraph { margin-bottom: 16px; padding-left: 10px; padding-right: 10px; } .un-steps__image-wrapper { margin: 30px 0 0; border: .5px grey solid; } .un-steps__image { display: block; height: auto; width: 100%; } .un-steps__important { font-style: italic; border-left: 8px solid var(--red); padding-left: 1rem; } .un-steps__link { color: #007FFF; } .un-steps__link:hover { color: #e11229; } .nowrap { white-space: nowrap; } .imp { border-left: 3px solid red; padding-left: 15px; font-style: italic; } /* feedback */ .feedback { margin-bottom: 20px; padding: 30px 0 12px; } .feedback__header { display: flex; align-items: center; padding-bottom: 20px; } @media (max-width: 660px) { .feedback__header { flex-direction: column; align-items: center; text-align: center; padding: 0 0 20px; } } .feedback__photo { flex-shrink: 0; width: 115px; height: 115px; margin-right: 20px; border-radius: 50%; overflow: hidden; } .feedback__photo img { width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: 25%; } .feedback .feedback__name { margin: 0; margin-bottom: 5px; font-weight: 700; font-size: 25px; } .feedback .feedback__position { margin: 0; font-weight: 700; font-size: 16px; color: #787878; } .feedback__body { padding: 16px 0; } .feedback__body p { margin: 0 0 1rem 0; font-size: 20px; } .info__text.important { position: relative; padding: 10px 20px; padding-left: 65px; color: rgba(26, 105, 162, 1); border-radius: 20px; background-color: rgba(209, 222, 247, 1); } .info__text.important::before { content: "!"; color: rgba(232, 39, 39, 1); position: absolute; top: calc(50%); transform: translateY(-50%); left: 28px; font-size: 70px; line-height: 1; } .image-caption { font-size: 16px; margin-bottom: 16px; line-height: 20px; } .day_title { font-size: 25px; font-weight: 700; text-align: center; border: 3px solid #009; font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; } .swiper-slide2 img { height: 600px; } @media (max-width: 768px) { .swiper-slide2 img { height: 300px; } } .link-no-color { color: inherit!important; } .link-no-color:hover { text-decoration: underline; } .accent-text { color: #034881; } .red-text { color: #ed1b24; } .time-block { display: flex; flex-direction: column; gap: 10px; position: relative; margin-bottom: 1.5rem; } .time-block::before { content: ''; width: 2px; height: 100%; position: absolute; left: 5px; top: 0; background: #ed1b24; } .time-block-item { padding-left: 30px; position: relative; font-size: 1.125rem; letter-spacing: 0.1px; line-height: 2rem; } .time-block-item>b:first-child { color: #ed1b24; } .time-block-item::before { content: ''; width: 12px; height: 12px; position: absolute; left: 0; top: 7px; border-radius: 50%; background: #ed1b24; } .accent-block { padding: 20px; background: #ed1b260c; border-left: 4px solid #ed1b24; margin-bottom: 1.5rem; } .accent-block p:last-child { margin-bottom: 0; } @media screen and (min-width: 48rem) { .time-block-item { font-size: 18px; line-height: 24px; } } .gray-block { padding: 10px 20px; background: rgba(0, 0, 0, 0.068); border-left: 4px solid rgba(0, 0, 0, 0.13); } .feedback { display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px; margin-top: 30px; } .feedback__header { display: flex; gap: 34px; align-items: center; } .feedback__ava { flex: 0 0 150px; } .feedback__ava img { width: 100%; height: auto; border-radius: 50%; aspect-ratio: 1/1; object-fit: cover; } .feedback__name { /* font-size: 48px; */ font-size: 30px; font-weight: 600; line-height: 1.2; } .feedback__prof { /* font-size: 20px; */ font-size: 16px; color: #7f7f7f; } .feedback__main { border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; padding: 20px 0; } .feedback__text { margin-bottom: 0; } @media (max-width: 768px) { .feedback__name { font-size: 30px; } .feedback__header-text { padding-bottom: 10px; } .feedback__prof { font-size: 16px; } } @media (max-width: 540px) { .feedback__header { gap: 25px; flex-direction: column; } .feedback__name { font-size: 24px; text-align: center; text-wrap: balance; } .feedback__header-text { padding-bottom: 5px; } .feedback__prof { font-size: 14px; text-align: center; text-wrap: balance; } } @media (max-width: 375px) { .feedback__header { align-items: center; } .feedback__header-text { padding-bottom: 0; } } .at-italic { font-style: italic; } /* ===== assets/styles/instagram.css ===== */ .post-container--inst * { margin: 0; padding: 0; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } /* === Container === */ .post-container--inst { display: flex; flex-direction: column; width: 100%; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } /* === Header === */ .post-header--inst { display: flex; align-items: center; padding-bottom: 10px; border-bottom: unset; margin-bottom: unset; } .post-container--inst img { margin: 0; } .post-container--inst .confirm { margin-top: 2px; margin-left: 5px; } .post-header--inst img { width: 32px; height: 32px; border-radius: 50%; margin-right: 12px; } .user-name-wrapper { display: inline-flex; align-items: center; white-space: nowrap; } .user-name--inst { font-weight: 600; font-size: 14px; } /* === Post Content === */ .post-content--inst { overflow: unset; padding: 16px; width: 100%; } /* === Actions === */ .actions-container { order: unset; display: flex; flex-direction: column; line-height: 1.2px; } .post-actions--inst { display: flex; justify-content: space-between; align-items: center; } .post-actions-left--inst *, .action__btn--inst * { color: #000; width: 20px; } .post-actions-left--inst { display: flex; gap: 16px; } .post-actions--inst button { background: none; border: none; cursor: pointer; font-size: 16px; display: flex; align-items: center; } .post-actions--inst img { width: 24px; height: 24px; } .action__btn--inst { display: flex; gap: 5px; } .post-container--inst .action__counter--inst { margin: 0; font-weight: 600; font-size: 14px; } /* === Likes, Description & Date === */ .post-likes--inst { font-weight: bold; margin-bottom: 8px; } .post-description--inst { margin-top: 4px; margin-bottom: 8px; line-height: 1; } .post-description--inst span { font-weight: 600; } .post-date--inst { color: #737373; font-size: 12px; } /* === Comments === */ .post-comments--inst { display: none; flex-direction: column; gap: 15px; font-size: 14px; } .comment--inst { display: flex; gap: 5px; align-items: center; } .comment__img-container--inst { align-self: flex-start; width: 32px; margin-right: 7px; flex-shrink: 0; } .comment-img--inst { width: 32px; height: 32px; border-radius: 50%; } .comment__main--inst { display: flex; flex-direction: column; gap: 5px; } .comment-header--inst { display: inline-flex; gap: 5px; flex-wrap: wrap; align-items: flex-start; max-width: 100%; flex-direction: column; } .comment-name--inst { font-weight: 600; line-height: 1.2; } .comment-actions--inst { display: flex; gap: 10px; } .comment-actions--inst span { font-size: 12px; color: #737373; } .comment-like--inst, .comment-reply--inst { font-weight: 600; } .post-container--inst .comment-text--inst { margin: 0; font-size: 14px; line-height: 1.2; word-break: break-word; } .like-span--inst { margin-left: auto; } .like-comment { width: 16px !important; height: 16px !important; } /* === Image Containers === */ .img-container--desktop--inst { display: none; background-color: #000; max-width: 50%; } .slider__btn--inst svg { filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3)); } .img-container--mobile--inst { margin-bottom: 10px; } .img-container--mobile--inst .slider__btn--inst--prev { left: 30px; } .img-container--mobile--inst .slider__btn--inst--next { right: 30px; } .img-container--mobile--inst .slider--inst { background-color: rgba(0, 0, 0, 0.05); } /* === Slider === */ .slider--inst { position: relative; overflow: hidden; width: 100%; } .slider__track--inst { display: flex; transition: transform 0.3s ease; will-change: transform; } .slider__slide--inst { display: flex; align-items: center; flex: 0 0 100%; width: 100%; align-self: center; } .slider__slide--inst img { width: 100%; max-height: 600px; object-fit: contain; } .slider__btn--inst { position: absolute; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; z-index: 20; } .slider__icon { width: 32px; height: 32px; display: block; color: #e1d9cd; } .slider__btn--inst--prev, .slider__btn--inst--next { z-index: 20; } .slider__btn--inst--prev { left: 5px; } .slider__btn--inst--next { right: 5px; } .slider__btn--inst--prev .slider__icon circle, .slider__btn--inst--next .slider__icon circle { fill: #fff; } /* === Slider Dots & Counter === */ .slider__dots--inst { position: absolute; bottom: 10px !important; left: 50% !important; transform: translateX(-50%); display: flex; gap: 6px; align-items: center; justify-content: center; z-index: 999; } .slider__dot--inst { width: 6px; height: 6px; border-radius: 50%; background: #fff; opacity: 0.5; transition: 0.2s ease; border: none; padding: 0; } .slider__dot--inst--active { transform: scale(1.2); opacity: 1; } .slider__counter--inst { display: none; position: absolute; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 10px; padding: 3px 6px; border-radius: 12px; z-index: 30; user-select: none; } #slider1 .slider__counter--inst { top: 12px; right: 36px; } #slider2 .slider__counter--inst { top: 0; right: 30px; } @media (max-width: 999px) { .post-container--inst .comment-text--inst, .post-container--inst .post-comments--inst, .post-container--inst .user-name--inst, .post-container--inst .post-description__text--inst { font-size: 14px; } } /* === Responsive: Mobile === */ @media (max-width: 600px) { .post-container--inst { border-radius: 0; } .img-container--mobile--inst > .post-image--inst { width: 100vw; margin-left: calc(-50vw + 50%); } .slider__slide--inst img { height: 100%; } } /* === Responsive: Desktop === */ @media (min-width: 768px) { .post-container--inst { max-height: 600px; flex-direction: row; max-width: 900px; } .post-header--inst { border-bottom: 1px solid #ddd; margin-bottom: 10px; } .post-content--inst { display: flex; flex-direction: column; overflow: auto; } .img-container--desktop--inst, .post-comments--inst { display: flex; } .img-container--mobile--inst, .post-description--inst, .post-date--inst { display: none; } .actions-container .post-date--inst { display: initial; } .post-comments--inst { margin-bottom: 20px; } .actions-container { order: 2; padding-top: 15px; border-top: 1px solid #ddd; margin-bottom: unset; } .slider__counter--inst { font-size: 14px; padding: 4px 6px; } .confirm { margin-left: 5px; } .post-actions-left--inst *, .action__btn--inst * { width: 20px; } .action__counter--inst { font-size: 14px; } } @media (max-width: 768px) { .actions-container .post-date--inst { display: none; } } .widget__cite { display: inline-block; font-style: italic; padding: 5px 0 5px 20px; font-size: 16px; line-height: 24px; color: #666666; margin-bottom: 16px; } /* ===== Swiper 11 ===== */ /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* ===== inline aio-style ===== */ .pen { pointer-events: none; } .lipa {background: transparent; height: 112px; width: 100%; z-index: 999; position: fixed; top:0} @media (max-width: 767px) { .lipa { height: 98px; } } @media (min-width: 768px) and (max-width: 1024px) { .lipa { height: 70px; } } @media (min-width: 1025px) and (max-width: 1295px) { .lipa { height: 80px; } }