/** * Internal. */ /** * Layout. */ /** * Colors. */ /** * Font. */ /** * Z-index. */ /** * Media Queries. */ /** * CSS common Transition. */ /** * CSS slow Transition. */ /** * CSS Transition. */ /** * CSS Transform. */ /** * Prefix CSS property. */ /** * @directin = {top, bottom, right, left} * @color = hex-code, rgba(), @variable, ... * @mobileOnly = {true, false} */ /** * Font family: Titillium Web. */ @font-face { font-family: 'Titillium Web'; src: url('/-a435---BLx7MldM/titilliumweb-light.eot?_linka=a741'); src: url('/-a435---BLx7MldM/titilliumweb-light.eot?_linka=a741#iefix') format('embedded-opentype'), url('/-a439---qLZWOF43/titilliumweb-light.woff2?_linka=a745') format('woff2'), url('/-a438---ygbnKWBQ/titilliumweb-light.woff?_linka=a744') format('woff'), url('/-a437---FZ2-Mf9w/titilliumweb-light.ttf?_linka=a743') format('truetype'), url('/-a436---oZc7U-ta/titilliumweb-light.svg?_linka=a742#TitilliumWeb-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Titillium Web'; src: url('/-a450---t24W-wZG/titilliumweb-semibold.eot?_linka=a756'); src: url('/-a450---t24W-wZG/titilliumweb-semibold.eot?_linka=a756#iefix') format('embedded-opentype'), url('/-a454---VC5R9TeM/titilliumweb-semibold.woff2?_linka=a760') format('woff2'), url('/-a453---BHAH3484/titilliumweb-semibold.woff?_linka=a759') format('woff'), url('/-a452---c3mKplxC/titilliumweb-semibold.ttf?_linka=a758') format('truetype'), url('/-a451---ByaTSj-b/titilliumweb-semibold.svg?_linka=a757#TitilliumWeb-SemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Titillium Web'; src: url('/-a420---2MEvJ_9B/titilliumweb-extralight.eot?_linka=a726'); src: url('/-a420---2MEvJ_9B/titilliumweb-extralight.eot?_linka=a726#iefix') format('embedded-opentype'), url('/-a424---RLjXCDgs/titilliumweb-extralight.woff2?_linka=a730') format('woff2'), url('/-a423---mNW67tbA/titilliumweb-extralight.woff?_linka=a729') format('woff'), url('/-a422---hDgzeABQ/titilliumweb-extralight.ttf?_linka=a728') format('truetype'), url('/-a421---OEd-0l--/titilliumweb-extralight.svg?_linka=a727#TitilliumWeb-ExtraLight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Titillium Web'; src: url('/-a455---tS_aij_D/titilliumweb-semibolditalic.eot?_linka=a761'); src: url('/-a455---tS_aij_D/titilliumweb-semibolditalic.eot?_linka=a761#iefix') format('embedded-opentype'), url('/-a459---3lyjtX_B/titilliumweb-semibolditalic.woff2?_linka=a765') format('woff2'), url('/-a458---Z-iVa3gj/titilliumweb-semibolditalic.woff?_linka=a764') format('woff'), url('/-a457---J8ez9N-h/titilliumweb-semibolditalic.ttf?_linka=a763') format('truetype'), url('/-a456---uGzASQFJ/titilliumweb-semibolditalic.svg?_linka=a762#TitilliumWeb-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Titillium Web'; src: url('/-a415---cMkR2j_2/titilliumweb-bolditalic.eot?_linka=a721'); src: url('/-a415---cMkR2j_2/titilliumweb-bolditalic.eot?_linka=a721#iefix') format('embedded-opentype'), url('/-a419---JW0VrjyG/titilliumweb-bolditalic.woff2?_linka=a725') format('woff2'), url('/-a418---sjn3SXp6/titilliumweb-bolditalic.woff?_linka=a724') format('woff'), url('/-a417---AoAoTr_E/titilliumweb-bolditalic.ttf?_linka=a723') format('truetype'), url('/-a416---7dF2DVsw/titilliumweb-bolditalic.svg?_linka=a722#TitilliumWeb-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Titillium Web'; src: url('/-a430---Q4fnSidC/titilliumweb-italic.eot?_linka=a736'); src: url('/-a430---Q4fnSidC/titilliumweb-italic.eot?_linka=a736#iefix') format('embedded-opentype'), url('/-a434---ln9mZ6Se/titilliumweb-italic.woff2?_linka=a740') format('woff2'), url('/-a433---t8g37DH6/titilliumweb-italic.woff?_linka=a739') format('woff'), url('/-a432---fgSVfwg8/titilliumweb-italic.ttf?_linka=a738') format('truetype'), url('/-a431---orGsUYXY/titilliumweb-italic.svg?_linka=a737#TitilliumWeb-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Titillium Web'; src: url('/-a440---SxLEN-0x/titilliumweb-lightitalic.eot?_linka=a746'); src: url('/-a440---SxLEN-0x/titilliumweb-lightitalic.eot?_linka=a746#iefix') format('embedded-opentype'), url('/-a444---a3jstkyD/titilliumweb-lightitalic.woff2?_linka=a750') format('woff2'), url('/-a443---hQdw1lcy/titilliumweb-lightitalic.woff?_linka=a749') format('woff'), url('/-a442---Of6L8w3o/titilliumweb-lightitalic.ttf?_linka=a748') format('truetype'), url('/-a441---0cp_Q6oG/titilliumweb-lightitalic.svg?_linka=a747#TitilliumWeb-LightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Titillium Web'; src: url('/-a445---WmzlsV8t/titilliumweb-regular.eot?_linka=a751'); src: url('/-a445---WmzlsV8t/titilliumweb-regular.eot?_linka=a751#iefix') format('embedded-opentype'), url('/-a449---cJCtlNVS/titilliumweb-regular.woff2?_linka=a755') format('woff2'), url('/-a448---vX25CrdB/titilliumweb-regular.woff?_linka=a754') format('woff'), url('/-a447---Eie1IxIr/titilliumweb-regular.ttf?_linka=a753') format('truetype'), url('/-a446---e9wRNH2b/titilliumweb-regular.svg?_linka=a752#TitilliumWeb-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Titillium Web'; src: url('/-a425---LHEvj3CE/titilliumweb-extralightitalic.eot?_linka=a731'); src: url('/-a425---LHEvj3CE/titilliumweb-extralightitalic.eot?_linka=a731#iefix') format('embedded-opentype'), url('/-a429---Xdl2GZ8Q/titilliumweb-extralightitalic.woff2?_linka=a735') format('woff2'), url('/-a428---5sjd2GBx/titilliumweb-extralightitalic.woff?_linka=a734') format('woff'), url('/-a427---W-0weGtN/titilliumweb-extralightitalic.ttf?_linka=a733') format('truetype'), url('/-a426---sRpVzkxY/titilliumweb-extralightitalic.svg?_linka=a732#TitilliumWeb-ExtraLightItalic') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Titillium Web'; src: url('/-a410---5XhLluA3/titilliumweb-bold.eot?_linka=a716'); src: url('/-a410---5XhLluA3/titilliumweb-bold.eot?_linka=a716#iefix') format('embedded-opentype'), url('/-a414---OGCa5zcf/titilliumweb-bold.woff2?_linka=a720') format('woff2'), url('/-a413---rE3XsxjF/titilliumweb-bold.woff?_linka=a719') format('woff'), url('/-a412---EunQIBn8/titilliumweb-bold.ttf?_linka=a718') format('truetype'), url('/-a411---EL3ZC9Jk/titilliumweb-bold.svg?_linka=a717#TitilliumWeb-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Titillium Web'; src: url('/-a405---uiaJwVTv/titilliumweb-black.eot?_linka=a711'); src: url('/-a405---uiaJwVTv/titilliumweb-black.eot?_linka=a711#iefix') format('embedded-opentype'), url('/-a409---8YKZrOb4/titilliumweb-black.woff2?_linka=a715') format('woff2'), url('/-a408---UbHLIOPt/titilliumweb-black.woff?_linka=a714') format('woff'), url('/-a407---2N7LXtT_/titilliumweb-black.ttf?_linka=a713') format('truetype'), url('/-a406---_tClohVq/titilliumweb-black.svg?_linka=a712#TitilliumWeb-Black') format('svg'); font-weight: 900; font-style: normal; } /** * Font family: active24-icons. */ @font-face { font-family: 'active24-icons'; src: url('/-a26592---e9-X7j5m/active24-icons.eot?_linka=a110326&q9pqau'); src: url('/-a26592---e9-X7j5m/active24-icons.eot?_linka=a110326&q9pqau#iefix') format('embedded-opentype'), url('/-a26594---OA-j1Q31/active24-icons.ttf?_linka=a110327') format('truetype'), url('/-a26595---2ckmoVcL/active24-icons.woff?_linka=a110328') format('woff'), url('/-a26593---ifXSLHBi/active24-icons.svg?_linka=a110325&q9pqau#icomoon') format('svg'); font-weight: normal; font-style: normal; } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 18px; font-weight: normal; line-height: 1.5; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { font-size: 18px; font-weight: normal; line-height: 1.5; margin: 0; } body, button, input, optgroup, select, textarea { font-family: 'Titillium Web', sans-serif; } article, aside, footer, header, nav, section, figcaption, figure, main, details, menu { display: block; } audio, video, canvas, progress { display: inline-block; } audio:not([controls]) { display: none; height: 0; } summary { display: list-item; } template, [hidden] { display: none; } img { border-style: none; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0; overflow: visible; } strong, h1, .text-h1, h2, .text-h2, h3, .text-h3, h4, .text-h4, .contact-box__item--label { font-weight: 600; } h1, .text-h1 { font-size: 48px; } h2, .text-h2 { font-size: 36px; } h3, .text-h3, .contact-box__item--label { font-size: 23px; } h4, .text-h4 { font-size: 19px; } .text-single { margin-top: 0; margin-bottom: 0; } .text-down-space { padding-bottom: 10px; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } dfn { font-style: italic; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } input, optgroup, select, textarea { line-height: 1.15; } button, input, optgroup, select, textarea { font-size: 100%; margin: 0; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; border: 0; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } button, input { overflow: visible; } button, select { text-transform: none; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } :link, :visited { color: #e5131c; cursor: pointer; text-decoration: underline; } .link--icon { cursor: pointer; text-decoration: none; } .link--icon .icon, .link--icon .btn--icon, .link--icon .btn--icon-left, .link--icon .btn--icon-right, .link--icon .btn--icon-center, .link--icon .tooltip, .link--icon .icon-link, .link--icon .form__label--checkbox, .link--icon .form__label--radio, .link--icon .form__select + .select2 .select2-selection__arrow { _: ; -webkit-transform: scale(0.9); _: ; -moz-transform: scale(0.9); _: ; -ms-transform: scale(0.9); _: ; -o-transform: scale(0.9); _: ; transform: scale(0.9); _: ; -webkit-transition: transform 0.1s ease-out; _: ; -moz-transition: transform 0.1s ease-out; _: ; -ms-transition: transform 0.1s ease-out; _: ; -o-transition: transform 0.1s ease-out; _: ; transition: transform 0.1s ease-out; display: inline-block; } .link--icon:hover .icon, .link--icon:hover .btn--icon, .link--icon:hover .btn--icon-left, .link--icon:hover .btn--icon-right, .link--icon:hover .btn--icon-center, .link--icon:hover .tooltip, .link--icon:hover .icon-link, .link--icon:hover .form__label--checkbox, .link--icon:hover .form__label--radio, .link--icon:hover .form__select + .select2 .select2-selection__arrow { _: ; -webkit-transform: scale(1); _: ; -moz-transform: scale(1); _: ; -ms-transform: scale(1); _: ; -o-transform: scale(1); _: ; transform: scale(1); } [data-visibility-condition-trigger] { display: none; } [data-visibility-condition-trigger] + [data-visibility-condition-label] .icon.icon--arrow-bottom, [data-visibility-condition-trigger] + [data-visibility-condition-label] .btn--icon.icon--arrow-bottom, [data-visibility-condition-trigger] + [data-visibility-condition-label] .btn--icon-left.icon--arrow-bottom, [data-visibility-condition-trigger] + [data-visibility-condition-label] .btn--icon-right.icon--arrow-bottom, [data-visibility-condition-trigger] + [data-visibility-condition-label] .btn--icon-center.icon--arrow-bottom, [data-visibility-condition-trigger] + [data-visibility-condition-label] .tooltip.icon--arrow-bottom, [data-visibility-condition-trigger] + [data-visibility-condition-label] .icon-link.icon--arrow-bottom, [data-visibility-condition-trigger] + [data-visibility-condition-label] .form__label--checkbox.icon--arrow-bottom, [data-visibility-condition-trigger] + [data-visibility-condition-label] .form__label--radio.icon--arrow-bottom, [data-visibility-condition-trigger] + [data-visibility-condition-label] .form__select + .select2 .select2-selection__arrow.icon--arrow-bottom, [data-visibility-condition-trigger] + [data-visibility-condition-label] .icon.form__select + .select2 .select2-selection__arrow { display: inline-block; } [data-visibility-condition-trigger] + [data-visibility-condition-label] .icon.icon--arrow-top, [data-visibility-condition-trigger] + [data-visibility-condition-label] .btn--icon.icon--arrow-top, [data-visibility-condition-trigger] + [data-visibility-condition-label] .btn--icon-left.icon--arrow-top, [data-visibility-condition-trigger] + [data-visibility-condition-label] .btn--icon-right.icon--arrow-top, [data-visibility-condition-trigger] + [data-visibility-condition-label] .btn--icon-center.icon--arrow-top, [data-visibility-condition-trigger] + [data-visibility-condition-label] .tooltip.icon--arrow-top, [data-visibility-condition-trigger] + [data-visibility-condition-label] .icon-link.icon--arrow-top, [data-visibility-condition-trigger] + [data-visibility-condition-label] .form__label--checkbox.icon--arrow-top, [data-visibility-condition-trigger] + [data-visibility-condition-label] .form__label--radio.icon--arrow-top, [data-visibility-condition-trigger] + [data-visibility-condition-label] .form__select + .select2 .select2-selection__arrow.icon--arrow-top, [data-visibility-condition-trigger] + [data-visibility-condition-label] .icon.form__select + .select2.select2-container--open .select2-selection__arrow { display: none; } [data-visibility-condition-trigger]:checked + [data-visibility-condition-target] { display: block; } [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .icon.icon--arrow-bottom, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .btn--icon.icon--arrow-bottom, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .btn--icon-left.icon--arrow-bottom, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .btn--icon-right.icon--arrow-bottom, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .btn--icon-center.icon--arrow-bottom, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .tooltip.icon--arrow-bottom, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .icon-link.icon--arrow-bottom, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .form__label--checkbox.icon--arrow-bottom, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .form__label--radio.icon--arrow-bottom, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .form__select + .select2 .select2-selection__arrow.icon--arrow-bottom, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .icon.form__select + .select2 .select2-selection__arrow { display: none; } [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .icon.icon--arrow-top, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .btn--icon.icon--arrow-top, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .btn--icon-left.icon--arrow-top, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .btn--icon-right.icon--arrow-top, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .btn--icon-center.icon--arrow-top, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .tooltip.icon--arrow-top, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .icon-link.icon--arrow-top, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .form__label--checkbox.icon--arrow-top, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .form__label--radio.icon--arrow-top, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .form__select + .select2 .select2-selection__arrow.icon--arrow-top, [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] .icon.form__select + .select2.select2-container--open .select2-selection__arrow { display: inline-block; } [data-visibility-condition-trigger]:checked + [data-visibility-condition-label] + [data-visibility-condition-target] { display: block; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child + html .clearfix { zoom: 1; } /* IE7 */ ul, ol, li { margin: 0; padding: 0; list-style-type: none; } li { padding-left: 30px; } li:before { color: #e5131c; display: inline-block; width: 30px; margin-left: -30px; } ul > li:before { content: '\e913'; font-family: 'active24-icons'; font-size: 15px; text-align: left; } ol { counter-reset: item; } ol > li { counter-increment: item; } ol > li:before { content: counters(item, ".") ". "; text-align: left; } ol ol > li { padding-left: 45px; } ol ol > li:before { width: 45px; margin-left: -45px; } ol ol ol > li { padding-left: 60px; } ol ol ol > li:before { width: 60px; margin-left: -60px; } li + li, li > ul, li > ol { margin-top: 15px; } /** * External. */ .container { margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } .row { margin-left: -20px; margin-right: -20px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-mobile-1, .col-mobile-2, .col-mobile-3, .col-mobile-4, .col-mobile-5, .col-mobile-6, .col-mobile-7, .col-mobile-8, .col-mobile-9, .col-mobile-10, .col-mobile-11, .col-mobile-12, .col-mobile-13, .col-mobile-14, .col-mobile-15, .col-mobile-16, .col-mobile-17, .col-mobile-18, .col-mobile-19, .col-mobile-20, .col-mobile-21, .col-mobile-22, .col-mobile-23, .col-mobile-24, .col-tablet-1, .col-tablet-2, .col-tablet-3, .col-tablet-4, .col-tablet-5, .col-tablet-6, .col-tablet-7, .col-tablet-8, .col-tablet-9, .col-tablet-10, .col-tablet-11, .col-tablet-12, .col-tablet-13, .col-tablet-14, .col-tablet-15, .col-tablet-16, .col-tablet-17, .col-tablet-18, .col-tablet-19, .col-tablet-20, .col-tablet-21, .col-tablet-22, .col-tablet-23, .col-tablet-24, .col-desktop-mini-1, .col-desktop-mini-2, .col-desktop-mini-3, .col-desktop-mini-4, .col-desktop-mini-5, .col-desktop-mini-6, .col-desktop-mini-7, .col-desktop-mini-8, .col-desktop-mini-9, .col-desktop-mini-10, .col-desktop-mini-11, .col-desktop-mini-12, .col-desktop-mini-13, .col-desktop-mini-14, .col-desktop-mini-15, .col-desktop-mini-16, .col-desktop-mini-17, .col-desktop-mini-18, .col-desktop-mini-19, .col-desktop-mini-20, .col-desktop-mini-21, .col-desktop-mini-22, .col-desktop-mini-23, .col-desktop-mini-24, .col-desktop-mini-10, .col-desktop-mini-11, .col-desktop-mini-12, .col-desktop-mini-13, .col-desktop-mini-14, .col-desktop-mini-15, .col-desktop-mini-16, .col-desktop-mini-17, .col-desktop-mini-18, .col-desktop-mini-19, .col-desktop-mini-20, .col-desktop-mini-21, .col-desktop-mini-22, .col-desktop-mini-23, .col-desktop-mini-24, .col-desktop-1, .col-desktop-2, .col-desktop-3, .col-desktop-4, .col-desktop-5, .col-desktop-6, .col-desktop-7, .col-desktop-8, .col-desktop-9, .col-desktop-10, .col-desktop-11, .col-desktop-12, .col-desktop-13, .col-desktop-14, .col-desktop-15, .col-desktop-16, .col-desktop-17, .col-desktop-18, .col-desktop-19, .col-desktop-20, .col-desktop-21, .col-desktop-22, .col-desktop-23, .col-desktop-24 { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; } .col-mobile-1, .col-mobile-2, .col-mobile-3, .col-mobile-4, .col-mobile-5, .col-mobile-6, .col-mobile-7, .col-mobile-8, .col-mobile-9, .col-mobile-10, .col-mobile-11, .col-mobile-12, .col-mobile-13, .col-mobile-14, .col-mobile-15, .col-mobile-16, .col-mobile-17, .col-mobile-18, .col-mobile-19, .col-mobile-20, .col-mobile-21, .col-mobile-22, .col-mobile-23, .col-mobile-24 { float: left; } .col-mobile-1 { width: 8.33333333%; } .col-mobile-2 { width: 16.66666667%; } .col-mobile-3 { width: 25%; } .col-mobile-4 { width: 33.33333333%; } .col-mobile-5 { width: 41.66666667%; } .col-mobile-6 { width: 50%; } .col-mobile-7 { width: 58.33333333%; } .col-mobile-8 { width: 66.66666667%; } .col-mobile-9 { width: 75%; } .col-mobile-10 { width: 83.33333333%; } .col-mobile-11 { width: 91.66666667%; } .col-mobile-12 { width: 100%; } .col-mobile-13 { width: 108.33333333%; } .col-mobile-14 { width: 116.66666667%; } .col-mobile-15 { width: 125%; } .col-mobile-16 { width: 133.33333333%; } .col-mobile-17 { width: 141.66666667%; } .col-mobile-18 { width: 150%; } .col-mobile-19 { width: 158.33333333%; } .col-mobile-20 { width: 166.66666667%; } .col-mobile-21 { width: 175%; } .col-mobile-22 { width: 183.33333333%; } .col-mobile-23 { width: 191.66666667%; } .col-mobile-24 { width: 100%; } @media (min-width: 768px) { .col-tablet-1, .col-tablet-2, .col-tablet-3, .col-tablet-4, .col-tablet-5, .col-tablet-6, .col-tablet-7, .col-tablet-8, .col-tablet-9, .col-tablet-10, .col-tablet-11, .col-tablet-12, .col-tablet-13, .col-tablet-14, .col-tablet-15, .col-tablet-16, .col-tablet-17, .col-tablet-18, .col-tablet-19, .col-tablet-20, .col-tablet-21, .col-tablet-22, .col-tablet-23 { float: left; } .col-tablet-1 { width: 8.33333333%; } .col-tablet-2 { width: 16.66666667%; } .col-tablet-3 { width: 25%; } .col-tablet-4 { width: 33.33333333%; } .col-tablet-5 { width: 41.66666667%; } .col-tablet-6 { width: 50%; } .col-tablet-7 { width: 58.33333333%; } .col-tablet-8 { width: 66.66666667%; } .col-tablet-9 { width: 75%; } .col-tablet-10 { width: 83.33333333%; } .col-tablet-11 { width: 91.66666667%; } .col-tablet-12 { width: 100%; } .col-tablet-13 { width: 108.33333333%; } .col-tablet-14 { width: 116.66666667%; } .col-tablet-15 { width: 125%; } .col-tablet-16 { width: 133.33333333%; } .col-tablet-17 { width: 141.66666667%; } .col-tablet-18 { width: 150%; } .col-tablet-19 { width: 158.33333333%; } .col-tablet-20 { width: 166.66666667%; } .col-tablet-21 { width: 175%; } .col-tablet-22 { width: 183.33333333%; } .col-tablet-23 { width: 191.66666667%; } .col-tablet-24 { width: 100%; } .col-tablet-push-1 { left: 8.33333333%; } .col-tablet-push-2 { left: 16.66666667%; } .col-tablet-push-3 { left: 25%; } .col-tablet-push-4 { left: 33.33333333%; } .col-tablet-push-5 { left: 41.66666667%; } .col-tablet-push-6 { left: 50%; } .col-tablet-push-7 { left: 58.33333333%; } .col-tablet-push-8 { left: 66.66666667%; } .col-tablet-push-9 { left: 75%; } .col-tablet-push-10 { left: 83.33333333%; } .col-tablet-push-11 { left: 91.66666667%; } .col-tablet-push-12 { left: 100%; } .col-tablet-push-13 { left: 108.33333333%; } .col-tablet-push-14 { left: 116.66666667%; } .col-tablet-push-15 { left: 125%; } .col-tablet-push-16 { left: 133.33333333%; } .col-tablet-push-17 { left: 141.66666667%; } .col-tablet-push-18 { left: 150%; } .col-tablet-push-19 { left: 158.33333333%; } .col-tablet-push-20 { left: 166.66666667%; } .col-tablet-push-21 { left: 175%; } .col-tablet-push-22 { left: 183.33333333%; } .col-tablet-push-23 { left: 191.66666667%; } .col-tablet-pull-1 { right: 8.33333333%; } .col-tablet-pull-2 { right: 16.66666667%; } .col-tablet-pull-3 { right: 25%; } .col-tablet-pull-4 { right: 33.33333333%; } .col-tablet-pull-5 { right: 41.66666667%; } .col-tablet-pull-6 { right: 50%; } .col-tablet-pull-7 { right: 58.33333333%; } .col-tablet-pull-8 { right: 66.66666667%; } .col-tablet-pull-9 { right: 75%; } .col-tablet-pull-10 { right: 83.33333333%; } .col-tablet-pull-11 { right: 91.66666667%; } .col-tablet-pull-12 { right: 100%; } .col-tablet-pull-13 { right: 108.33333333%; } .col-tablet-pull-14 { right: 116.66666667%; } .col-tablet-pull-15 { right: 125%; } .col-tablet-pull-16 { right: 133.33333333%; } .col-tablet-pull-17 { right: 141.66666667%; } .col-tablet-pull-18 { right: 150%; } .col-tablet-pull-19 { right: 158.33333333%; } .col-tablet-pull-20 { right: 166.66666667%; } .col-tablet-pull-21 { right: 175%; } .col-tablet-pull-22 { right: 183.33333333%; } .col-tablet-pull-23 { right: 191.66666667%; } .col-tablet-offset-1 { margin-left: 8.33333333%; } .col-tablet-offset-2 { margin-left: 16.66666667%; } .col-tablet-offset-3 { margin-left: 25%; } .col-tablet-offset-4 { margin-left: 33.33333333%; } .col-tablet-offset-5 { margin-left: 41.66666667%; } .col-tablet-offset-6 { margin-left: 50%; } .col-tablet-offset-7 { margin-left: 58.33333333%; } .col-tablet-offset-8 { margin-left: 66.66666667%; } .col-tablet-offset-9 { margin-left: 75%; } .col-tablet-offset-10 { margin-left: 83.33333333%; } .col-tablet-offset-11 { margin-left: 91.66666667%; } .col-tablet-offset-12 { margin-left: 100%; } .col-tablet-offset-13 { margin-left: 108.33333333%; } .col-tablet-offset-14 { margin-left: 116.66666667%; } .col-tablet-offset-15 { margin-left: 125%; } .col-tablet-offset-16 { margin-left: 133.33333333%; } .col-tablet-offset-17 { margin-left: 141.66666667%; } .col-tablet-offset-18 { margin-left: 150%; } .col-tablet-offset-19 { margin-left: 158.33333333%; } .col-tablet-offset-20 { margin-left: 166.66666667%; } .col-tablet-offset-21 { margin-left: 175%; } .col-tablet-offset-22 { margin-left: 183.33333333%; } .col-tablet-offset-23 { margin-left: 191.66666667%; } } @media (min-width: 992px) { .col-desktop-mini-1, .col-desktop-mini-2, .col-desktop-mini-3, .col-desktop-mini-4, .col-desktop-mini-5, .col-desktop-mini-6, .col-desktop-mini-7, .col-desktop-mini-8, .col-desktop-mini-9, .col-desktop-mini-10, .col-desktop-mini-11, .col-desktop-mini-12, .col-desktop-mini-13, .col-desktop-mini-14, .col-desktop-mini-15, .col-desktop-mini-16, .col-desktop-mini-17, .col-desktop-mini-18, .col-desktop-mini-19, .col-desktop-mini-20, .col-desktop-mini-21, .col-desktop-mini-22, .col-desktop-mini-23 { float: left; } .col-desktop-mini-1 { width: 8.33333333%; } .col-desktop-mini-2 { width: 16.66666667%; } .col-desktop-mini-3 { width: 25%; } .col-desktop-mini-4 { width: 33.33333333%; } .col-desktop-mini-5 { width: 41.66666667%; } .col-desktop-mini-6 { width: 50%; } .col-desktop-mini-7 { width: 58.33333333%; } .col-desktop-mini-8 { width: 66.66666667%; } .col-desktop-mini-9 { width: 75%; } .col-desktop-mini-10 { width: 83.33333333%; } .col-desktop-mini-11 { width: 91.66666667%; } .col-desktop-mini-12 { width: 100%; } .col-desktop-mini-13 { width: 108.33333333%; } .col-desktop-mini-14 { width: 116.66666667%; } .col-desktop-mini-15 { width: 125%; } .col-desktop-mini-16 { width: 133.33333333%; } .col-desktop-mini-17 { width: 141.66666667%; } .col-desktop-mini-18 { width: 150%; } .col-desktop-mini-19 { width: 158.33333333%; } .col-desktop-mini-20 { width: 166.66666667%; } .col-desktop-mini-21 { width: 175%; } .col-desktop-mini-22 { width: 183.33333333%; } .col-desktop-mini-23 { width: 191.66666667%; } .col-desktop-mini-24 { width: 100%; } .col-desktop-mini-push-0 { left: auto; } .col-desktop-mini-push-1 { left: 8.33333333%; } .col-desktop-mini-push-2 { left: 16.66666667%; } .col-desktop-mini-push-3 { left: 25%; } .col-desktop-mini-push-4 { left: 33.33333333%; } .col-desktop-mini-push-5 { left: 41.66666667%; } .col-desktop-mini-push-6 { left: 50%; } .col-desktop-mini-push-7 { left: 58.33333333%; } .col-desktop-mini-push-8 { left: 66.66666667%; } .col-desktop-mini-push-9 { left: 75%; } .col-desktop-mini-push-10 { left: 83.33333333%; } .col-desktop-mini-push-11 { left: 91.66666667%; } .col-desktop-mini-push-12 { left: 100%; } .col-desktop-mini-push-13 { left: 108.33333333%; } .col-desktop-mini-push-14 { left: 116.66666667%; } .col-desktop-mini-push-15 { left: 125%; } .col-desktop-mini-push-16 { left: 133.33333333%; } .col-desktop-mini-push-17 { left: 141.66666667%; } .col-desktop-mini-push-18 { left: 150%; } .col-desktop-mini-push-19 { left: 158.33333333%; } .col-desktop-mini-push-20 { left: 166.66666667%; } .col-desktop-mini-push-21 { left: 175%; } .col-desktop-mini-push-22 { left: 183.33333333%; } .col-desktop-mini-push-23 { left: 191.66666667%; } .col-desktop-mini-pull-0 { right: auto; } .col-desktop-mini-pull-1 { right: 8.33333333%; } .col-desktop-mini-pull-2 { right: 16.66666667%; } .col-desktop-mini-pull-3 { right: 25%; } .col-desktop-mini-pull-4 { right: 33.33333333%; } .col-desktop-mini-pull-5 { right: 41.66666667%; } .col-desktop-mini-pull-6 { right: 50%; } .col-desktop-mini-pull-7 { right: 58.33333333%; } .col-desktop-mini-pull-8 { right: 66.66666667%; } .col-desktop-mini-pull-9 { right: 75%; } .col-desktop-mini-pull-10 { right: 83.33333333%; } .col-desktop-mini-pull-11 { right: 91.66666667%; } .col-desktop-mini-pull-12 { right: 100%; } .col-desktop-mini-pull-13 { right: 108.33333333%; } .col-desktop-mini-pull-14 { right: 116.66666667%; } .col-desktop-mini-pull-15 { right: 125%; } .col-desktop-mini-pull-16 { right: 133.33333333%; } .col-desktop-mini-pull-17 { right: 141.66666667%; } .col-desktop-mini-pull-18 { right: 150%; } .col-desktop-mini-pull-19 { right: 158.33333333%; } .col-desktop-mini-pull-20 { right: 166.66666667%; } .col-desktop-mini-pull-21 { right: 175%; } .col-desktop-mini-pull-22 { right: 183.33333333%; } .col-desktop-mini-pull-23 { right: 191.66666667%; } .col-desktop-mini-offset-0 { margin-left: 0; } .col-desktop-mini-offset-1 { margin-left: 8.33333333%; } .col-desktop-mini-offset-2 { margin-left: 16.66666667%; } .col-desktop-mini-offset-3 { margin-left: 25%; } .col-desktop-mini-offset-4 { margin-left: 33.33333333%; } .col-desktop-mini-offset-5 { margin-left: 41.66666667%; } .col-desktop-mini-offset-6 { margin-left: 50%; } .col-desktop-mini-offset-7 { margin-left: 58.33333333%; } .col-desktop-mini-offset-8 { margin-left: 66.66666667%; } .col-desktop-mini-offset-9 { margin-left: 75%; } .col-desktop-mini-offset-10 { margin-left: 83.33333333%; } .col-desktop-mini-offset-11 { margin-left: 91.66666667%; } .col-desktop-mini-offset-12 { margin-left: 100%; } .col-desktop-mini-offset-13 { margin-left: 108.33333333%; } .col-desktop-mini-offset-14 { margin-left: 116.66666667%; } .col-desktop-mini-offset-15 { margin-left: 125%; } .col-desktop-mini-offset-16 { margin-left: 133.33333333%; } .col-desktop-mini-offset-17 { margin-left: 141.66666667%; } .col-desktop-mini-offset-18 { margin-left: 150%; } .col-desktop-mini-offset-19 { margin-left: 158.33333333%; } .col-desktop-mini-offset-20 { margin-left: 166.66666667%; } .col-desktop-mini-offset-21 { margin-left: 175%; } .col-desktop-mini-offset-22 { margin-left: 183.33333333%; } .col-desktop-mini-offset-23 { margin-left: 191.66666667%; } } @media (min-width: 1280px) { .col-desktop-1, .col-desktop-2, .col-desktop-3, .col-desktop-4, .col-desktop-5, .col-desktop-6, .col-desktop-7, .col-desktop-8, .col-desktop-9, .col-desktop-10, .col-desktop-11, .col-desktop-12, .col-desktop-13, .col-desktop-14, .col-desktop-15, .col-desktop-16, .col-desktop-17, .col-desktop-18, .col-desktop-19, .col-desktop-20, .col-desktop-21, .col-desktop-22, .col-desktop-23 { float: left; } .col-desktop-1 { width: 8.33333333%; } .col-desktop-2 { width: 16.66666667%; } .col-desktop-3 { width: 25%; } .col-desktop-4 { width: 33.33333333%; } .col-desktop-5 { width: 41.66666667%; } .col-desktop-6 { width: 50%; } .col-desktop-7 { width: 58.33333333%; } .col-desktop-8 { width: 66.66666667%; } .col-desktop-9 { width: 75%; } .col-desktop-10 { width: 83.33333333%; } .col-desktop-11 { width: 91.66666667%; } .col-desktop-12 { width: 100%; } .col-desktop-13 { width: 108.33333333%; } .col-desktop-14 { width: 116.66666667%; } .col-desktop-15 { width: 125%; } .col-desktop-16 { width: 133.33333333%; } .col-desktop-17 { width: 141.66666667%; } .col-desktop-18 { width: 150%; } .col-desktop-19 { width: 158.33333333%; } .col-desktop-20 { width: 166.66666667%; } .col-desktop-21 { width: 175%; } .col-desktop-22 { width: 183.33333333%; } .col-desktop-23 { width: 191.66666667%; } .col-desktop-24 { width: 100%; } .col-desktop-push-0 { left: auto; } .col-desktop-push-1 { left: 8.33333333%; } .col-desktop-push-2 { left: 16.66666667%; } .col-desktop-push-3 { left: 25%; } .col-desktop-push-4 { left: 33.33333333%; } .col-desktop-push-5 { left: 41.66666667%; } .col-desktop-push-6 { left: 50%; } .col-desktop-push-7 { left: 58.33333333%; } .col-desktop-push-8 { left: 66.66666667%; } .col-desktop-push-9 { left: 75%; } .col-desktop-push-10 { left: 83.33333333%; } .col-desktop-push-11 { left: 91.66666667%; } .col-desktop-push-12 { left: 100%; } .col-desktop-push-13 { left: 108.33333333%; } .col-desktop-push-14 { left: 116.66666667%; } .col-desktop-push-15 { left: 125%; } .col-desktop-push-16 { left: 133.33333333%; } .col-desktop-push-17 { left: 141.66666667%; } .col-desktop-push-18 { left: 150%; } .col-desktop-push-19 { left: 158.33333333%; } .col-desktop-push-20 { left: 166.66666667%; } .col-desktop-push-21 { left: 175%; } .col-desktop-push-22 { left: 183.33333333%; } .col-desktop-push-23 { left: 191.66666667%; } .col-desktop-pull-0 { right: auto; } .col-desktop-pull-1 { right: 8.33333333%; } .col-desktop-pull-2 { right: 16.66666667%; } .col-desktop-pull-3 { right: 25%; } .col-desktop-pull-4 { right: 33.33333333%; } .col-desktop-pull-5 { right: 41.66666667%; } .col-desktop-pull-6 { right: 50%; } .col-desktop-pull-7 { right: 58.33333333%; } .col-desktop-pull-8 { right: 66.66666667%; } .col-desktop-pull-9 { right: 75%; } .col-desktop-pull-10 { right: 83.33333333%; } .col-desktop-pull-11 { right: 91.66666667%; } .col-desktop-pull-12 { right: 100%; } .col-desktop-pull-13 { right: 108.33333333%; } .col-desktop-pull-14 { right: 116.66666667%; } .col-desktop-pull-15 { right: 125%; } .col-desktop-pull-16 { right: 133.33333333%; } .col-desktop-pull-17 { right: 141.66666667%; } .col-desktop-pull-18 { right: 150%; } .col-desktop-pull-19 { right: 158.33333333%; } .col-desktop-pull-20 { right: 166.66666667%; } .col-desktop-pull-21 { right: 175%; } .col-desktop-pull-22 { right: 183.33333333%; } .col-desktop-pull-23 { right: 191.66666667%; } .col-desktop-offset-0 { margin-left: 0; } .col-desktop-offset-1 { margin-left: 8.33333333%; } .col-desktop-offset-2 { margin-left: 16.66666667%; } .col-desktop-offset-3 { margin-left: 25%; } .col-desktop-offset-4 { margin-left: 33.33333333%; } .col-desktop-offset-5 { margin-left: 41.66666667%; } .col-desktop-offset-6 { margin-left: 50%; } .col-desktop-offset-7 { margin-left: 58.33333333%; } .col-desktop-offset-8 { margin-left: 66.66666667%; } .col-desktop-offset-9 { margin-left: 75%; } .col-desktop-offset-10 { margin-left: 83.33333333%; } .col-desktop-offset-11 { margin-left: 91.66666667%; } .col-desktop-offset-12 { margin-left: 100%; } .col-desktop-offset-13 { margin-left: 108.33333333%; } .col-desktop-offset-14 { margin-left: 116.66666667%; } .col-desktop-offset-15 { margin-left: 125%; } .col-desktop-offset-16 { margin-left: 133.33333333%; } .col-desktop-offset-17 { margin-left: 141.66666667%; } .col-desktop-offset-18 { margin-left: 150%; } .col-desktop-offset-19 { margin-left: 158.33333333%; } .col-desktop-offset-20 { margin-left: 166.66666667%; } .col-desktop-offset-21 { margin-left: 175%; } .col-desktop-offset-22 { margin-left: 183.33333333%; } .col-desktop-offset-23 { margin-left: 191.66666667%; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; height: 100%; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; height: 100%; padding: 20px 0; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; position: relative; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset "UTF-8"; /* Slider */ .slick-loading .slick-list { background: #ffffff url('/-a564---B71l_X9K/ajax-loader.gif?_linka=a3427') center center no-repeat; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 25px; width: 25px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: 'active24-icons'; font-size: 25px; line-height: 1; color: #b5b5b5; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -30px; } [dir="rtl"] .slick-prev { left: auto; right: -30px; } .slick-prev:before { content: "\e90f"; } [dir="rtl"] .slick-prev:before { content: "\e910"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "\e910"; } [dir="rtl"] .slick-next:before { content: "\e90f"; } /* Dots */ .slick-dotted .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: 0; height: 30px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { padding-left: 0; } .slick-dots li:before { display: none; } .slick-dots li + li { margin-top: 0; } .slick-dots li { position: relative; display: inline-block; height: 30px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 30px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ''; font-family: 'active24-icons'; font-size: 6px; line-height: 20px; text-align: center; color: #000000; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #e5131c; border-radius: 50%; display: inline-block; height: 10px; margin: 10px 5px; width: 10px; } .slick-dots li.slick-active button:before { color: #000000; opacity: 0.75; } .slick-carousel { padding-bottom: 30px; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2.select2-container { width: 100% !important; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; user-select: none; -webkit-user-select: none; background-color: #efefef !important; border: 0 !important; border-radius: 0 !important; height: 60px !important; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 60px !important; color: #333333 !important; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results li { padding-left: 0; } .select2-results li:before { display: none; } .select2-results li + li { margin-top: 0; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option, li.select2-results__option { padding: 12px 20px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; right: 1px; width: 20px; top: 18px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { display: none; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /* * Remodal - v1.1.1 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } /* * Remodal - v1.1.1 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(0, 0, 0, 0.8); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { -webkit-animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes; } .remodal-overlay.remodal-is-closing { -webkit-animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; } .remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal.remodal-is-opening { -webkit-animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes; } .remodal.remodal-is-closing { -webkit-animation-name: remodal-closing-keyframes; animation-name: remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; color: #e5131c; border: 0; outline: 0; background: transparent; } .remodal-close:hover, .remodal-close:focus { color: #2b2e38; } .remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 40px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #81c784; } .remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; } .remodal-cancel { color: #fff; background: #e57373; } .remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } @-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* Media queries ========================================================================== */ @media only screen and (min-width: 641px) { .remodal { max-width: 700px; } } /* IE8 ========================================================================== */ .lt-ie9 .remodal-overlay { background: #2b2e38; } .lt-ie9 .remodal { width: 700px; } /** * Button. */ .btn { _: ; -webkit-transition: box-shadow 0.05s ease-out, top 0.05s ease-out; _: ; -moz-transition: box-shadow 0.05s ease-out, top 0.05s ease-out; _: ; -ms-transition: box-shadow 0.05s ease-out, top 0.05s ease-out; _: ; -o-transition: box-shadow 0.05s ease-out, top 0.05s ease-out; _: ; transition: box-shadow 0.05s ease-out, top 0.05s ease-out; background-color: #00b8ea; border-radius: 3px; box-shadow: 0 4px 0 #00a0cc; color: #ffffff; cursor: pointer; display: inline-block; font-size: 18px; line-height: 23px; padding: 15px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; top: 0; min-width: 105px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px; } .btn:hover { background-color: #00b0e0; } .btn:active { background-color: #00a0cc; box-shadow: 0 2px 0 #0090b8; top: 2px; } .btn--primary-blue { background-color: #00b8ea; box-shadow: 0 4px 0 #00a0cc; color: #ffffff; } .btn--primary-blue:hover { background-color: #00b0e0; } .btn--primary-blue:active { background-color: #00a0cc; box-shadow: 0 2px 0 #0090b8; } .btn--primary-red { background-color: #e5131c; box-shadow: 0 4px 0 #c01225; color: #ffffff; } .btn--primary-red:hover { background-color: #d31429; } .btn--primary-red:active { background-color: #c01225; box-shadow: 0 2px 0 #ad1021; } .btn--primary-grey { color: #ffffff; background-color: #cccccc; box-shadow: 0 4px 0 #979797; } .btn--primary-grey:hover { background-color: #a1a1a1; } .btn--primary-grey:active { background-color: #979797; box-shadow: 0 2px 0 #8d8d8d; } .btn--secondary-blue, .btn--secondary-red { _: ; -webkit-transition: background-color 0.3s ease-out; _: ; -moz-transition: background-color 0.3s ease-out; _: ; -ms-transition: background-color 0.3s ease-out; _: ; -o-transition: background-color 0.3s ease-out; _: ; transition: background-color 0.3s ease-out; background-color: #ffffff; box-shadow: none; line-height: 20px; padding: 15px; margin-bottom: 0; } .btn--secondary-blue:hover, .btn--secondary-red:hover { color: #ffffff; top: 0; } .btn--secondary-blue:active, .btn--secondary-red:active { box-shadow: none; } .btn--secondary-blue { border: 1px solid #00b8ea; color: #00b8ea; } .btn--secondary-blue:hover { background-color: #00b8ea; } .btn--secondary-red { border: 1px solid #e5131c; color: #e5131c; } .btn--secondary-red:hover { background-color: #e5131c; } .btn--moje-id { min-height: 50px; width: auto; padding: 15px 75px 15px 35px; background-image: url('/-a3958---1-NQqylv/moje-id.png?_linka=a23220'); background-repeat: no-repeat; background-position: right 25px center; vertical-align: middle; text-transform: none; border-radius: 5px; background-color: transparent; color: #000000; border: 1px solid #000000; font-weight: 600; box-shadow: none; } .btn--moje-id:hover, .btn--moje-id:active { background-color: #333333; color: #ffffff; } .btn--small { width: auto; height: auto; padding: 0.5em 1em; font-size: 1em; line-height: 1em; text-transform: none; } .btn--full { width: 100%; } .btn--centered { display: block; margin-left: auto; margin-right: auto; width: 240px; } .btn--right { float: right; } .btn--left { float: left; } .btn--top-tiny-indented { margin-top: 15px; } .btn--top-normal-indented { margin-top: 30px; } .btn--right-normal-indented { margin-right: 30px; } .btn--chat { background-color: #ffffff; cursor: pointer; font-size: 18px; height: 50px; line-height: 53px; position: relative; text-align: center; text-decoration: none; width: 360px; } .btn--chat:before, .btn--chat:after { content: " "; display: table; } .btn--chat:after { clear: both; } .btn--chat:hover .btn__red-bg { width: 100%; } .btn--chat:hover .btn__white-part { color: #ffffff; } .btn--chat .btn__red-part { color: #ffffff; display: inline-block; float: left; height: 100%; left: 0; position: absolute; width: 50%; z-index: 1; } .btn--chat .btn__red-part .icon, .btn--chat .btn__red-part .btn--icon, .btn--chat .btn__red-part .btn--icon-left, .btn--chat .btn__red-part .btn--icon-right, .btn--chat .btn__red-part .btn--icon-center, .btn--chat .btn__red-part .tooltip, .btn--chat .btn__red-part .icon-link, .btn--chat .btn__red-part .form__label--checkbox, .btn--chat .btn__red-part .form__label--radio, .btn--chat .btn__red-part .form__select + .select2 .select2-selection__arrow { display: inline-block; float: left; height: 100%; position: relative; width: 20px; } .btn--chat .btn__red-part .icon:before, .btn--chat .btn__red-part .btn--icon:before, .btn--chat .btn__red-part .btn--icon-left:before, .btn--chat .btn__red-part .btn--icon-right:before, .btn--chat .btn__red-part .btn--icon-center:before, .btn--chat .btn__red-part .tooltip:before, .btn--chat .btn__red-part .icon-link:before, .btn--chat .btn__red-part .form__label--checkbox:before, .btn--chat .btn__red-part .form__label--radio:before, .btn--chat .btn__red-part .form__select + .select2 .select2-selection__arrow:before { color: #18d626; content: "\e913"; display: inline-block; font-size: 45px; position: absolute; top: 9px; } .btn--chat .btn__white-part { _: ; -webkit-transition: color 0.3s ease-out; _: ; -moz-transition: color 0.3s ease-out; _: ; -ms-transition: color 0.3s ease-out; _: ; -o-transition: color 0.3s ease-out; _: ; transition: color 0.3s ease-out; color: #e5131c; display: inline-block; float: left; height: 100%; position: absolute; right: 0; transition-delay: .3s; width: 50%; z-index: 1; } .btn--chat .btn__white-part .icon:before, .btn--chat .btn__white-part .btn--icon:before, .btn--chat .btn__white-part .btn--icon-left:before, .btn--chat .btn__white-part .btn--icon-right:before, .btn--chat .btn__white-part .btn--icon-center:before, .btn--chat .btn__white-part .tooltip:before, .btn--chat .btn__white-part .icon-link:before, .btn--chat .btn__white-part .form__label--checkbox:before, .btn--chat .btn__white-part .form__label--radio:before, .btn--chat .btn__white-part .form__select + .select2 .select2-selection__arrow:before { _: ; -webkit-transform: translate(0, 3px); _: ; -moz-transform: translate(0, 3px); _: ; -ms-transform: translate(0, 3px); _: ; -o-transform: translate(0, 3px); _: ; transform: translate(0, 3px); content: "\e914"; display: inline-block; font-size: 23px; margin-right: 10px; } .btn--chat .btn__red-bg { _: ; -webkit-transition: width 0.3s ease-out; _: ; -moz-transition: width 0.3s ease-out; _: ; -ms-transition: width 0.3s ease-out; _: ; -o-transition: width 0.3s ease-out; _: ; transition: width 0.3s ease-out; background-color: #e5131c; display: inline-block; height: 100%; left: 0; position: absolute; width: 50%; z-index: 0; } .btn--icon:before, .btn--icon-left:before, .btn--icon-right:before { top: 50%; font-size: 1em; position: absolute; vertical-align: middle; _: ; -webkit-transform: translate(0, -50%); _: ; -moz-transform: translate(0, -50%); _: ; -ms-transform: translate(0, -50%); _: ; -o-transform: translate(0, -50%); _: ; transform: translate(0, -50%); } .btn--icon, .btn--icon-right { padding-right: 2.5em; } .btn--icon:before, .btn--icon-right:before { left: auto; right: 1em; } .btn--icon-left { padding-left: 2.5em; } .btn--icon-left:before { left: 1em; right: auto; } .btn--icon-center { padding: 25px; } .btn--icon-center:before { top: 50%; left: 50%; font-size: 60px; position: absolute; vertical-align: middle; _: ; -webkit-transform: translate(-50%, -50%); _: ; -moz-transform: translate(-50%, -50%); _: ; -ms-transform: translate(-50%, -50%); _: ; -o-transform: translate(-50%, -50%); _: ; transform: translate(-50%, -50%); } .btn--round { min-width: initial; border-radius: 50%; } /*DO NOT OVERRIDE */ .icon:before, .btn--icon:before, .btn--icon-left:before, .btn--icon-right:before, .btn--icon-center:before, .tooltip:before, .icon-link:before, .form__label--checkbox:before, .form__label--radio:before, .form__select + .select2 .select2-selection__arrow:before { font-family: 'active24-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon--handshake:before, .icon--contact-client-zone:before { content: "\e928"; } .icon--close-circle:before { content: "\e916"; } .icon--chat:before { content: "\e914"; } .icon--arrow-previous:before { content: "\e90f"; } .icon--arrow-next:before { content: "\e910"; } .icon--question:before, .tooltip:before { content: "\e911"; } .icon--warning:before { content: "\e912"; } .icon--dot:before, .form__label--radio:before { content: "\e913"; } .icon--chat:before { content: "\e914"; } .icon--arrow-play:before { content: "\e915"; } .icon--arrow-bottom:before, .form__select + .select2 .select2-selection__arrow:before { content: "\e900"; } .icon--arrow-left:before { content: "\e901"; } .icon--arrow-right:before { content: "\e902"; } .icon--arrow-top:before, .form__select + .select2.select2-container--open .select2-selection__arrow:before { content: "\e903"; } .icon--basket:before { content: "\e920"; } .icon--close:before { content: "\e905"; } .icon--contact-mail:before, .footer-contacts__item--mail:before { content: "\e91f"; } .icon--contact-phone:before, .footer-contacts__item--phone:before { content: "\e927"; } .icon--magnifier:before { content: "\e91b"; } .icon--menu-hamburger:before { content: "\e909"; } .icon--play:before { content: "\e90a"; } .icon--profile:before { content: "\e925"; } .icon--social-facebook:before { content: "\e90c"; } .icon--social-twitter:before { content: "\e90d"; } .icon--tick:before, .form__label--checkbox:before { content: "\e90e"; } .icon--video:before { content: "\e91a"; } .icon--text-center:before { content: "\e919"; } .icon--video2:before { content: "\e918"; } .icon--text-center2:before { content: "\e917"; } .icon--contact-career:before { content: "\e91c"; } table, .table { background-color: #ffffff; border: 1px solid #b5b5b5; border-collapse: collapse; position: relative; } .table__row, tr { height: 70px; position: relative; } .table__row--selected { border: hidden; outline: 4px solid #00b8ea; outline-offset: -1px; } td, th { border-bottom: 1px solid #999999; padding: 10px 30px; position: relative; text-align: center; } tbody tr:last-of-type td, tbody tr:last-of-type th { border-bottom: none; } thead, tbody { border: none; } thead th, tbody th { font-size: 16px; font-weight: 600; } thead { background-color: #f5f5f5; } td { font-size: 18px; } .table--no-style { background-color: transparent; box-shadow: none; } .table--no-style tr, .table--no-style th, .table--no-style td { background-color: transparent; outline: none; border: none; font-weight: inherit; font-size: inherit; } .table .btn { margin: 0 0 2px 0; } .table__note { color: #999999; display: block; font-size: 14px; } .tooltip { position: relative; display: inline-block; color: #e5131c; cursor: pointer; padding: 2px; } .tooltip:hover .tooltip__content { visibility: visible; opacity: 1; } .tooltip__content { background: #ffffff; box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); color: #000000; visibility: hidden; opacity: 0; font-size: 14px; line-height: 18px; margin: 0; padding: 20px; position: absolute; left: 20px; bottom: 50px; width: 300px; transition: opacity .3s; white-space: normal; z-index: 2; } .tooltip__content::before { border-bottom: 20px solid #000000; border-left: 20px solid transparent; border-right: 20px solid transparent; height: 0; width: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #000000; bottom: -28px; content: ''; left: 0; opacity: .15; position: absolute; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } .tooltip__content::after { border-bottom: 30px solid #ffffff; border-left: 30px solid transparent; border-right: 30px solid transparent; height: 0; width: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #ffffff; bottom: -25px; content: ''; left: 0; position: absolute; } .figure--iframe { margin-left: -40px; margin-right: -40px; } @media only screen and (min-width: 768px) { .figure--iframe { margin-left: 0; margin-right: 0; } } .figure--iframe > iframe { display: block; margin: 0 auto; border: 0; max-width: 100%; } @media only screen and (min-width: 768px) { .figure--iframe > iframe { margin: 0; } } .tag { display: inline-block; padding: 0.5em; font-size: 0.8em; line-height: 1em; text-transform: uppercase; } .tag__new { color: #fff; background-color: #e5131c; } .tag__sale { color: #fff; background-color: #e5131c; } .tag__top { color: #fff; background-color: #00b8ea; } .tag__extra { color: #fff; background-color: #18d626; } .contact-item { text-decoration: none; } .contact-item--highlight { font-size: 23px; } .contact-item span { color: #000; } .contact-item__icon { margin-right: 0.3em; color: #e5131c; } .contact-item--mail .contact-item__label { color: #e5131c; text-decoration: underline; } .note, .note-indent { color: #999999; font-size: 0.75rem; } .note-indent, .note--indent { padding-left: 30px; } .rating, .rating__label::before { display: inline-block; } .rating--can-vote .rating__label:hover.rating__label, .rating--can-vote .rating__label:hover ~ .rating__label { color: #FFEE11; } .rating--can-vote .rating__label::before { cursor: pointer; } .rating * { margin: 0; padding: 0; } .rating { direction: rtl; max-width: 100%; } .rating__input { display: none; } .rating__label { color: #ccc; } .rating__label::before { content: "\2605"; width: 30px; line-height: 45px; text-align: center; font-size: 45px; } .rating__label__small::before { width: 20px; line-height: 25px; font-size: 25px; } .rating__input[checked], .rating__input[checked] ~ .rating__label { color: #FFCC11; } .user-data { display: block; width: 100%; margin-bottom: 20px; } @media only screen and (min-width: 500px) { .user-data { display: table; } } .user-data--half { padding-bottom: 15px; } @media only screen and (min-width: 992px) { .user-data--half { width: 50%; float: left; padding: 0 30px 0 0; } } .user-data .user-data__legend { display: block; padding: 5px 5px 5px; text-align: left; font-size: 20px; font-weight: 600; margin: 0; } .user-data .user-data__row { display: block; } @media only screen and (min-width: 500px) { .user-data .user-data__row { display: table-row; } } .user-data .user-data__label { display: block; padding: 5px; width: 1%; white-space: nowrap; } @media only screen and (min-width: 500px) { .user-data .user-data__label { display: table-cell; } } .user-data .user-data__value { display: block; padding: 5px; margin-left: 20px; color: #333333; word-break: break-word; } @media only screen and (min-width: 500px) { .user-data .user-data__value { display: table-cell; margin: 0; } } .user-data .user-data__value--multiple { display: block; } .user-data .user-data__value--new { display: inline-block; color: #00b8ea; margin-right: 10px; } .user-data .user-data__value--original { display: inline-block; } @keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } .lds-spinner { position: relative; } .lds-spinner div { left: 98px; top: 72px; position: absolute; -webkit-animation: lds-spinner linear 1s infinite; animation: lds-spinner linear 1s infinite; background: #00b8ea; width: 4px; height: 16px; border-radius: 0%; -webkit-transform-origin: 2px 28px; transform-origin: 2px 28px; } .lds-spinner div:nth-child(1) { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .lds-spinner div:nth-child(2) { -webkit-transform: rotate(36deg); transform: rotate(36deg); -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .lds-spinner div:nth-child(3) { -webkit-transform: rotate(72deg); transform: rotate(72deg); -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .lds-spinner div:nth-child(4) { -webkit-transform: rotate(108deg); transform: rotate(108deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .lds-spinner div:nth-child(5) { -webkit-transform: rotate(144deg); transform: rotate(144deg); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .lds-spinner div:nth-child(6) { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .lds-spinner div:nth-child(7) { -webkit-transform: rotate(216deg); transform: rotate(216deg); -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .lds-spinner div:nth-child(8) { -webkit-transform: rotate(252deg); transform: rotate(252deg); -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .lds-spinner div:nth-child(9) { -webkit-transform: rotate(288deg); transform: rotate(288deg); -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .lds-spinner div:nth-child(10) { -webkit-transform: rotate(324deg); transform: rotate(324deg); -webkit-animation-delay: 0s; animation-delay: 0s; } .lds-spinner { width: 200px; height: 200px; margin: 0 auto; -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px); transform: translate(-100px, -100px) scale(1) translate(100px, 100px); } .icon-link { display: inline-block; position: relative; word-break: break-word; } .icon-link:before { _: ; -webkit-transform: translate(0, -50%); _: ; -moz-transform: translate(0, -50%); _: ; -ms-transform: translate(0, -50%); _: ; -o-transform: translate(0, -50%); _: ; transform: translate(0, -50%); top: 50%; font-size: 1em; position: absolute; vertical-align: middle; } .icon-link--right { padding-right: 1.7em; } .icon-link--right:before { left: auto; right: .25em; } .icon-link, .icon-link--left { padding-left: 1.7em; } .icon-link:before, .icon-link--left:before { left: .25em; right: auto; } .responsive-image { height: auto; max-width: 100%; } .svg-icon { display: inline-block; background-position: center; background-repeat: no-repeat; width: 25px; height: 25px; } .svg-icon--arrow-next { background: url('/-a4381---9QXQl_nf/arrow-next-icon.svg?_linka=a114367'); } .no-white-wrap { display: inline-block; white-space: nowrap; } .message { width: 100%; border: 1px solid; padding: 10px 20px 10px 60px; margin: 1em 0; border-radius: 10px; position: relative; } .message:before { font-family: 'active24-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; top: 50%; left: 1.25em; right: auto; transform: translate(0, -50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .message--error { color: #e5131c; border-color: #e5131c; } .message--error:before { content: "\e912"; } .message--success { color: #18d626; border-color: #18d626; } .message--success:before { content: "\e90e"; } .message--text li + li { margin-top: 0; } @media only screen and (min-width: 768px) { .message--text { padding-left: 90px; } .message--text:before { left: 40px; } } .message--text > *:first-child { margin-top: 0; } .block { display: block; overflow: visible; background: #ffffff none no-repeat center center; } .block--light-blue { background-color: #f4fbff; } .block--dark-blue { background-color: #e3f1f9; } .block--grey { background-color: #efefef; } .block--transparent { background-color: transparent; } .block__container { margin: 0 auto; max-width: 1280px; width: 100%; display: table; table-layout: fixed; border: 0; padding: 0; border-collapse: separate; border-spacing: 0; } .block__content, .block__illu { border: 0; direction: ltr; } .block__content { display: table-cell; vertical-align: top; padding: 70px 0; } .block__content--join-top { padding-top: 0; } .block__content--join-bottom { padding-bottom: 0; } .block__illu { vertical-align: middle; overflow: visible; padding: 0; display: none; } @media only screen and (min-width: 992px) { .block__illu { display: table-cell; } } .block__illu--center { position: absolute; left: 50%; transform: translateX(-50%); } @media only screen and (min-width: 768px) { .block__container--illu-tablet > .block__illu { display: table-cell; } } .block__image { display: block; position: relative; background: transparent none no-repeat center center; background-size: contain; z-index: 1; margin: auto 0; } .block__item { display: block; margin: 0; } .block__item + .block__item { margin-top: 70px; } body:not([data-jng-mode="edit"]) .block__item.insite-only-block + .block__item { margin-top: 0; } .block__item--full { position: relative; z-index: 2; } .block__illu--b-overlap { vertical-align: bottom; } .block__illu--b-overlap > .block__image { margin-bottom: -70px; } .block__illu--b-xoverlap { vertical-align: bottom; } .block__illu--b-xoverlap > .block__image { margin-bottom: -200px; } .block__illu--b-edge { vertical-align: bottom; } .block__illu--b-edge > .block__image { margin-bottom: 0; } .block__illu--b-pad { vertical-align: bottom; } .block__illu--b-pad > .block__image { margin-bottom: 50px; } .block__illu--t-overlap { vertical-align: top; } .block__illu--t-overlap > .block__image { margin-top: -70px; } .block__illu--t-xoverlap { vertical-align: top; } .block__illu--t-xoverlap > .block__image { margin-top: -200px; } .block__illu--t-edge { vertical-align: top; } .block__illu--t-edge > .block__image { margin-top: 0; } .block__illu--t-pad { vertical-align: top; } .block__illu--t-pad > .block__image { margin-top: 50px; } .block--condensed .block__content { padding: 35px 0; } .block--condensed .block__item + .block__item { margin-top: 23.33333333px; } .block__container--r-2, .block__container--r-3, .block__container--r-2 > .block__illu, .block__container--r-3 > .block__illu { direction: ltr; } @media only screen and (min-width: 992px) { .block__container--r-2 > .block__illu > .block__image, .block__container--r-3 > .block__illu > .block__image { margin-left: 25px; } .block__container--r-2 > .block__content > .block__item, .block__container--r-3 > .block__content > .block__item { margin-right: 25px; } } @media only screen and (min-width: 768px) { .block__container--r-2.block__container--illu-tablet > .block__illu > .block__image, .block__container--r-3.block__container--illu-tablet > .block__illu > .block__image { margin-left: 25px; } .block__container--r-2.block__container--illu-tablet > .block__content > .block__item, .block__container--r-3.block__container--illu-tablet > .block__content > .block__item { margin-right: 25px; } } @media only screen and (min-width: 992px) { .block__container--extra-gap.block__container--r-2 > .block__illu > .block__image, .block__container--extra-gap.block__container--r-3 > .block__illu > .block__image { margin-left: 75px; } .block__container--extra-gap.block__container--r-2 > .block__content > .block__item, .block__container--extra-gap.block__container--r-3 > .block__content > .block__item { margin-right: 75px; } } @media only screen and (min-width: 768px) { .block__container--extra-gap.block__container--r-2.block__container--illu-tablet > .block__illu > .block__image, .block__container--extra-gap.block__container--r-3.block__container--illu-tablet > .block__illu > .block__image { margin-left: 75px; } .block__container--extra-gap.block__container--r-2.block__container--illu-tablet > .block__content > .block__item, .block__container--extra-gap.block__container--r-3.block__container--illu-tablet > .block__content > .block__item { margin-right: 75px; } } .block__container--l-2, .block__container--l-3, .block__container--l-2 > .block__illu, .block__container--l-3 > .block__illu { direction: rtl; } @media only screen and (min-width: 992px) { .block__container--l-2 > .block__illu > .block__image, .block__container--l-3 > .block__illu > .block__image { margin-right: 25px; } .block__container--l-2 > .block__content > .block__item, .block__container--l-3 > .block__content > .block__item { margin-left: 25px; } } @media only screen and (min-width: 768px) { .block__container--l-2.block__container--illu-tablet > .block__illu > .block__image, .block__container--l-3.block__container--illu-tablet > .block__illu > .block__image { margin-right: 25px; } .block__container--l-2.block__container--illu-tablet > .block__content > .block__item, .block__container--l-3.block__container--illu-tablet > .block__content > .block__item { margin-left: 25px; } } @media only screen and (min-width: 992px) { .block__container--extra-gap.block__container--l-2 > .block__illu > .block__image, .block__container--extra-gap.block__container--l-3 > .block__illu > .block__image { margin-right: 75px; } .block__container--extra-gap.block__container--l-2 > .block__content > .block__item, .block__container--extra-gap.block__container--l-3 > .block__content > .block__item { margin-left: 75px; } } @media only screen and (min-width: 768px) { .block__container--extra-gap.block__container--l-2.block__container--illu-tablet > .block__illu > .block__image, .block__container--extra-gap.block__container--l-3.block__container--illu-tablet > .block__illu > .block__image { margin-right: 75px; } .block__container--extra-gap.block__container--l-2.block__container--illu-tablet > .block__content > .block__item, .block__container--extra-gap.block__container--l-3.block__container--illu-tablet > .block__content > .block__item { margin-left: 75px; } } .block__container--r-2 > .block__content, .block__container--l-2 > .block__content, .block__container--r-2 > .block__illu, .block__container--l-2 > .block__illu { width: 50%; } .block__container--r-3 > .block__content, .block__container--l-3 > .block__content { width: 66.667%; } .block__container--r-3 > .block__illu, .block__container--l-3 > .block__illu { width: 33.333%; } @media only screen and (min-width: 992px) { .block__container--r-2.block__container--r-2 > .block__content > .block__item--full { margin-right: -100%; } .block__container--l-2.block__container--l-2 > .block__content > .block__item--full { margin-left: -100%; } .block__container--r-3.block__container--r-3 > .block__content > .block__item--full { margin-right: -50%; } .block__container--l-3.block__container--l-3 > .block__content > .block__item--full { margin-left: -50%; } } @media only screen and (min-width: 768px) { .block__-container--r-2.block__-container--r-2.block__container--illu-tablet > .block__content > .block__item--full { margin-right: -100%; } .block__container--l-2.block__container--l-2.block__container--illu-tablet > .block__content > .block__item--full { margin-left: -100%; } .block__container--r-3.block__container--r-3.block__container--illu-tablet > .block__content > .block__item--full { margin-right: -50%; } .block__container--l-3.block__container--l-3.block__container--illu-tablet > .block__content > .block__item--full { margin-left: -50%; } } .hero, .hero__item { position: relative; } .hero__container { margin: 0 auto; max-width: 1280px; width: 100%; display: table; table-layout: fixed; border: 0; padding: 0; direction: ltr; } .hero__container--revert { direction: rtl; } .hero__item { display: none; direction: ltr; border: 0; padding: 45px 25px; } .hero__item--main { display: table-cell; } @media only screen and (min-width: 768px) { .hero__item { display: table-cell; padding: 100px 25px; } .hero__item--extended { width: 67%; } .hero__item--left { text-align: left; } .hero__item--right { text-align: right; } .hero__item--center { text-align: right; } .hero__item--top { vertical-align: top; } .hero__item--bottom { vertical-align: bottom; } .hero__item--middle { vertical-align: middle; } } @media only screen and (min-width: 768px) { .hero__illu + .hero__item, .hero__item:first-child { padding-left: 50px; } .hero__item:last-child { padding-right: 50px; } .hero__container--revert > .hero__illu + .hero__item, .hero__container--revert > .hero__item:first-child { padding-left: 25px; padding-right: 50px; } .hero__container--revert > .hero__item:last-child { padding-right: 25px; padding-left: 50px; } } .hero__illu { width: 0; display: table-cell; } .hero__illu--tablet, .hero__illu--desktop { display: none; } @media only screen and (min-width: 768px) { .hero__illu--mobile { display: none; } .hero__illu--tablet, .hero__illu--desktop { display: table-cell; } } @media only screen and (min-width: 1280px) { .hero__illu--tablet, .hero__illu--mobile { display: none; } .hero__illu--desktop { display: table-cell; } } .hero__image { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #ffffff none no-repeat center center; background-size: auto; } .hero__image--top { background-position: center top; } .hero__image--bottom { background-position: center bottom; } .hero__illu--mobile > .hero__image { background-size: cover; background-position: center center; } .v-space + .v-space { margin-top: 10px; } body:not([data-jng-mode="edit"]) .v-space:empty { display: none; } .v-space + .v-space--medium, .v-space--medium + .v-space { margin-top: 20px; } .v-space + .v-space--more, .v-space--more + .v-space { margin-top: 25px; } .v-space + .v-space--extra, .v-space--extra + .v-space { margin-top: 30px; } .v-space + .v-space--giant, .v-space--giant + .v-space { margin-top: 50px; } .h-space + .h-space { margin-left: 20px; } .h-pad { padding-left: 50px; padding-right: 50px; } @media only screen and (min-width: 992px) { .h-pad--left { padding-right: 0; } .h-pad--right { padding-left: 0; } } @media only screen and (min-width: 768px) { .h-pad--mod6-0, .h-pad--mod6-2, .h-pad--mod6-4 { padding-left: 50px; padding-right: 0; } .h-pad--mod6-1, .h-pad--mod6-3, .h-pad--mod6-5 { padding-left: 0; padding-right: 50px; } } @media only screen and (min-width: 1280px) { .h-pad--mod6-0, .h-pad--mod6-3 { padding-left: 50px; padding-right: 0; } .h-pad--mod6-1, .h-pad--mod6-4 { padding-left: 0; padding-right: 0; } .h-pad--mod6-2, .h-pad--mod6-5 { padding-left: 0; padding-right: 50px; } } .h-pad--small { padding-left: 20px; padding-right: 20px; } .h { display: block; padding: 0; text-align: center; } .h--left { text-align: left; } .h--right { text-align: right; } .h__title, .h__subtitle { display: block; margin: 0; } .h__title img, .h__subtitle img { vertical-align: middle; margin-right: 15px; } .h__title { font-size: 42px; line-height: 1.25; color: #333333; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } @media only screen and (min-width: 1280px) { .h__title { font-size: 48px; } } .h__subtitle { color: #999999; font-size: 12px; text-transform: uppercase; letter-spacing: 4px; font-weight: 600; } @media only screen and (min-width: 1280px) { .h__subtitle { font-size: 14px; } } .h--condensed > .h__title { font-size: 36px; } .h__image { display: none; } @media only screen and (min-width: 768px) { .h__image { display: inline-block; } } .featured-h { background-color: #e5131c; color: #ffffff; display: inline-block; padding: 0 15px; margin: 0; vertical-align: top; } .featured-h--transparent { background-color: rgba(229, 19, 28, 0.8); } .featured-h--title { font-size: 32px; font-weight: 600; line-height: 1.4em; } @media only screen and (min-width: 768px) { .featured-h--title { font-size: 48px; } } .featured-h--subtitle { padding: 0 15px 5px 15px; font-size: 20px; font-weight: 400; line-height: 1.2em; } @media only screen and (min-width: 768px) { .featured-h--subtitle { font-size: 36px; } } .box { background-color: #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); } .box--light-blue { background-color: #f4fbff; } .box--dark-blue { background-color: #e3f1f9; } .box--grey { background-color: #efefef; } .box__header { background-color: #e5131c; color: #ffffff; font-size: 23px; font-weight: 600; padding: 30px 50px; position: relative; } .box__header a { color: #ffffff; display: block; text-decoration: none; } .box__header a:hover { text-decoration: underline; } .box__container { padding: 50px; } .box__container:before, .box__container:after { content: " "; display: table; } .box__container:after { clear: both; } .box--tight > .box__header { padding: 15px 30px; } .box--tight > .box__container { padding: 30px; } .box--v-tight > .box__container { padding-top: 30px; padding-bottom: 30px; } .box--h-liberal > .box__container { padding-left: 100px; padding-right: 100px; } @media only screen and (min-width: 768px) { .box--h-liberal-t > .box__container { padding-left: 100px; padding-right: 100px; } } .box__out-content { margin-left: -20px; margin-right: -20px; } .box--has-tag { border: 2px solid #e5131c; position: relative; } @media only screen and (min-width: 768px) { .box--has-tag { /* -webkit-transform: scaleY(1.03); -moz-transform: scaleY(1.03); -ms-transform: scaleY(1.03); transform: scaleY(1.03); */ } .box--has-tag:after { content: ""; height: 10px; background: #ffffff; left: -2px; right: -2px; bottom: -9px; position: absolute; border-left: 2px solid #e5131c; border-right: 2px solid #e5131c; border-bottom: 2px solid #e5131c; } .box--has-tag .box__header:before { content: ""; height: 10px; background: #e5131c; left: -2px; right: -2px; top: -9px; position: absolute; } .box--has-tag .box__header:after { content: ""; height: 10px; background: #ffffff; left: 0; right: 0; bottom: -1px; position: absolute; } .box--has-tag .box__header a { margin-top: -10px; } } .box__tag { margin-top: -2px; margin-left: -2px; margin-right: -2px; padding: 5px; font-size: 14px; line-height: 1.5; color: #fff; text-transform: uppercase; background: #e5131c; position: relative; } @media only screen and (min-width: 768px) { .box__tag { margin-top: -43px; padding-bottom: 15px; } } .box__tag--new { background-color: #4cc922; } .box__tag--sale { background-color: #4cc922; } .box__tag--recommended { background-color: #4cc922; } .box__tag--action { background-color: #4cc922; } .box__content { margin-top: 20px; } .box__icon, .box__title { float: left; } .box__title { width: 100%; } .box__icon { background-position: center; background-repeat: no-repeat; background-size: contain; height: 70px; margin-right: 25px; width: 70px; } .box__icon + .box__title { width: calc(100% - 95px); } .box__image { background-position: center; background-repeat: no-repeat; background-size: contain; } .box--margined { margin: 20px; } .box--additional-service { width: 400px; } .slick-carousel { margin-top: -20px; } .slick-carousel__item { padding: 0 20px; } .stories-slick { margin-top: -12px; } @media only screen and (min-width: 768px) { .stories-slick { margin-top: -20px; } } .stories-slick__item { padding: 0 12px; } @media only screen and (min-width: 768px) { .stories-slick__item { padding: 0 20px; } } .stories-slick__text-wrapper { position: relative; } .stories-slick__text-wrapper:after { content: ''; display: block; position: absolute; } .stories-slick__text-wrapper:after { background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); left: 0; right: 0; bottom: -1px; height: 20px; } @media only screen and (min-width: 768px) { .stories-slick__text-wrapper:after { display: none; } } .stories-slick__text { max-height: 400px; padding-bottom: 20px; overflow: auto; } @media only screen and (min-width: 768px) { .stories-slick__text { max-height: none; padding-bottom: 0; } } .stories-slick .text-content { text-align: left; } .stories-slick .slick-dots { padding-top: 5em; } .stories-slick .slick-prev { left: 25px; z-index: 1; } @media only screen and (min-width: 768px) { .stories-slick .slick-prev { left: 55px; } } .stories-slick .slick-next { right: 25px; z-index: 1; } @media only screen and (min-width: 768px) { .stories-slick .slick-next { right: 55px; } } .text-content > *:first-child { margin-top: 0; } .text-content > *:last-child { margin-bottom: 0; } .text-content > ul, .text-content > p { margin-bottom: 15px; margin-top: 15px; } .text-content > h1, .text-content > h2, .text-content > h3, .text-content > h4 { margin-bottom: 15px; margin-top: 15px; } .profile-image { text-align: center; } .profile-image img { display: inline-block; margin: 0; border: 0; border-radius: 50%; } .cells { display: table; width: 100%; margin: 0; border: 0; padding: 0; border-collapse: separate; border-spacing: 0; table-layout: fixed; } @media only screen and (min-width: 768px) { .cells__overlap { margin-top: -70px; } .cells--single { max-width: 500px; margin-left: auto; margin-right: auto; } } .cells__item + .cells__item { margin-top: 30px; } @media only screen and (min-width: 768px) { .cells__item { direction: ltr; display: table-cell; vertical-align: top; border: 0; padding: 0 25px; } .cells__item:first-child { padding-left: 0; } .cells__item:last-child { padding-right: 0; } } .steps__content { display: block; width: 100%; margin-top: -50px; padding: 0; text-align: center; } @media only screen and (min-width: 768px) { .steps__content { font-size: 0rem; } } .steps__item { position: relative; } @media only screen and (min-width: 768px) { .steps__item { display: inline-block; margin: 0; padding: 50px 50px 0; width: 50%; vertical-align: top; font-size: 1rem; } .steps__item:not(:last-child):after { content: ""; display: block; position: absolute; width: 40px; height: 300px; background: transparent url('/-a2591---T4uG3_Hq/icon-arrow-right.svg?_linka=a12080') no-repeat center; background-size: contain; top: 0; bottom: 0; right: -15px; } } @media only screen and (min-width: 992px) { .steps__item { width: 33.3333%; } } @media only screen and (min-width: 992px) { .steps--single-line { display: block; margin-right: -140px; } .steps--single-line .steps__content { display: table; margin: 0; border: 0; border-collapse: separate; border-spacing: 0; table-layout: fixed; } .steps--single-line .steps__item { direction: ltr; display: table-cell; padding: 0 140px 0 0; border: 0; } .steps--single-line .steps__item:not(:last-child):after { display: block; width: 70px; height: auto; background-image: url('/-a464---JaDtHYsg/arrow-long.png?_linka=a770'); top: 0; bottom: 0; right: 35px; } .steps--narrow .steps__item { width: 50%; } } .video-trigger { position: relative; } .video-trigger__container { margin: 0 auto; color: inherit; text-align: center; text-decoration: none; padding: 0; background-color: transparent; _: ; -webkit-transform: translate(-50%, -50%); _: ; -moz-transform: translate(-50%, -50%); _: ; -ms-transform: translate(-50%, -50%); _: ; -o-transform: translate(-50%, -50%); _: ; transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute; z-index: 20; display: none; } @media only screen and (min-width: 992px) { .video-trigger__container { display: block; } } .video-trigger__container:hover .video-trigger__img { background-color: #c01225; } @media only screen and (min-width: 992px) { .video-trigger--l > .video-trigger__container { left: 33%; } .video-trigger--r > .video-trigger__container { left: 67%; } .video-trigger--d > .video-trigger__container { top: auto; bottom: -50px; } } .video-trigger__icon { display: block; color: #e5131c; font-size: 70px; } .video-trigger__icon:before { background-color: rgba(255, 255, 255, 0.67); border-radius: 50%; } .video-trigger__icon:before { display: inline-block; vertical-align: middle; } .video-trigger__img { display: block; height: 60px; width: 60px; margin: 0 auto; border-radius: 30px; background: #e5131c url('/-a4057---hE08T2aP/play-button-triangle.svg?_linka=a25184') no-repeat; background-position: 23px center; background-size: 20px; } .video-trigger__label { display: block; text-transform: uppercase; white-space: nowrap; font-size: 14px; font-weight: 600; padding-top: 5px; color: #000000; text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.25); } .video-trigger__label--dark { color: #000000; } .video-trigger__label--light { color: #ffffff; } .video-trigger__container--mobile { display: block; position: relative; top: auto; bottom: auto; left: 50%; margin-top: 30px; _: ; -webkit-transform: translate(-50%, 0%); _: ; -moz-transform: translate(-50%, 0%); _: ; -ms-transform: translate(-50%, 0%); _: ; -o-transform: translate(-50%, 0%); _: ; transform: translate(-50%, 0%); } @media only screen and (min-width: 992px) { .video-trigger__container--mobile { display: none; } } .video-trigger__container--hero { top: -30px; margin-top: -50px; } @media only screen and (min-width: 768px) { .video-trigger__container--hero { top: -70px; } } .step-number { display: block; height: 60px; overflow: hidden; } .step-number__content { color: #e5131c; font-size: 72px; font-weight: 200; line-height: 1.25; white-space: nowrap; } .breadcrumbs { font-size: 16px; position: relative; z-index: 9; background-color: #fff; } .breadcrumbs--transparent { background-color: transparent; } @media only screen and (min-width: 1280px) { .breadcrumbs--inset { margin-bottom: -90px; background-color: transparent; } .breadcrumbs--inset .breadcrumbs__content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .breadcrumbs__container { margin: 0 auto; max-width: 1280px; width: 100%; padding: 25px 0; } @media only screen and (min-width: 768px) { .breadcrumbs__container { padding: 35px 0; } } @media only screen and (min-width: 768px) { .breadcrumbs--join-bottom > .breadcrumbs__container { padding-bottom: 0; } } .breadcrumbs__content { padding-left: 25px; padding-right: 25px; } @media only screen and (min-width: 768px) { .breadcrumbs__content { padding-left: 50px; padding-right: 50px; } } @media only screen and (min-width: 1280px) { .breadcrumbs__content { line-height: 20px; height: 20px; } } .breadcrumbs__punct { margin: 0 0.5em; } .breadcrumbs__leaf, a.breadcrumbs__leaf { color: #999; text-decoration: none; } @media only screen and (min-width: 768px) { .wrap-list { font-size: 0rem; text-align: center; margin-top: -25px; margin-left: -12px; margin-right: -12px; } } @media only screen and (min-width: 1280px) { .wrap-list { margin-top: -50px; margin-left: -25px; margin-right: -25px; } } .wrap-list__item + .wrap-list__item { margin-top: 25px; } @media only screen and (min-width: 768px) { .wrap-list__item { font-size: 1rem; display: inline-block; text-align: left; vertical-align: top; padding-left: 12px; padding-right: 12px; width: 50%; } .wrap-list__item, .wrap-list__item + .wrap-list__item { margin-top: 25px; } } @media only screen and (min-width: 1280px) { .wrap-list__item { padding-left: 25px; padding-right: 25px; width: 33.3333%; } .wrap-list__item, .wrap-list__item + .wrap-list__item { margin-top: 50px; } } .wrap-list--in-box { font-size: 0rem; margin-top: -25px; margin-left: -12px; margin-right: -12px; } .wrap-list--in-box > .wrap-list__item { font-size: 1rem; display: inline-block; text-align: left; vertical-align: top; margin-top: 25px; padding-left: 12px; padding-right: 12px; width: 50%; } @media only screen and (min-width: 768px) { .wrap-list--narrows { margin-top: -20px; margin-left: -10px; margin-right: -10px; } } @media only screen and (min-width: 768px) { .wrap-list--narrows > .wrap-list__item { margin-top: 20px; padding-left: 10px; padding-right: 10px; width: 33.3333%; } } @media only screen and (min-width: 1280px) { .wrap-list--narrows > .wrap-list__item { width: 20%; } } .additional__container { margin: 0 auto; max-width: 1280px; text-align: center; } .additional__title { font-size: 23px; color: #e5131c; display: block; margin: 10px 0; } .additional__trigger { color: #e5131c; cursor: pointer; display: inline-block; font-size: 25px; font-weight: 400; z-index: 1; position: relative; } .additional__icon { _: ; -webkit-transform: rotate(90deg); _: ; -moz-transform: rotate(90deg); _: ; -ms-transform: rotate(90deg); _: ; -o-transform: rotate(90deg); _: ; transform: rotate(90deg); display: inline-block; width: 26px; height: 26px; line-height: 27px; } .additional--open .additional__icon { _: ; -webkit-transform: rotate(-90deg); _: ; -moz-transform: rotate(-90deg); _: ; -ms-transform: rotate(-90deg); _: ; -o-transform: rotate(-90deg); _: ; transform: rotate(-90deg); } .additional__header { padding: 30px 0; } .additional__header--white { background-color: #fff; } .additional__header--light-blue { background-color: #f4fbff; } .additional__header--dark-blue { background-color: #e3f1f9; } .additional__header--grey { background-color: #efefef; } .additional__footer { padding: 0 0 30px; color: #e5131c; font-size: 30px; background-color: #fff; } .additional__footer--light-blue { background-color: #f4fbff; } .additional__footer--dark-blue { background-color: #e3f1f9; } .additional__footer--grey { background-color: #efefef; } .additional__content { position: relative; } .additional__content:before { border-bottom: 25px solid #ffffff; border-left: 25px solid transparent; border-right: 25px solid transparent; height: 0; width: 0; _: ; -webkit-transform: translate(-50%, 0); _: ; -moz-transform: translate(-50%, 0); _: ; -ms-transform: translate(-50%, 0); _: ; -o-transform: translate(-50%, 0); _: ; transform: translate(-50%, 0); content: ' '; display: block; position: absolute; left: 50%; top: -25px; z-index: 1; } .additional__content--light-blue:before { border-bottom: 25px solid #f4fbff; border-left: 25px solid transparent; border-right: 25px solid transparent; height: 0; width: 0; } .additional__content--dark-blue:before { border-bottom: 25px solid #e3f1f9; border-left: 25px solid transparent; border-right: 25px solid transparent; height: 0; width: 0; } .additional__content--grey:before { border-bottom: 25px solid #efefef; border-left: 25px solid transparent; border-right: 25px solid transparent; height: 0; width: 0; } .tabs { text-align: right; font-size: 0rem; } .tabs__item { padding-left: 0; text-align: center; padding: 15px 30px; font-size: 1.3333rem; line-height: 1.5; font-weight: 600; color: #e5131c; cursor: pointer; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 50%, #eeeeee 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7f7f7), color-stop(50%, #f7f7f7), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 50%, #eeeeee 100%); background: -o-linear-gradient(top, #f7f7f7 0%, #f7f7f7 50%, #eeeeee 100%); background: -ms-linear-gradient(top, #f7f7f7 0%, #f7f7f7 50%, #eeeeee 100%); background: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 50%, #eeeeee 100%); } .tabs__item:before { display: none; } .tabs__item + .tabs__item { margin-top: 0; } .tabs__item--active { background: #ffffff none; color: #000000; } @media only screen and (min-width: 768px) { .tabs__item { font-size: 1.6667rem; display: inline-block; vertical-align: middle; } .tabs__item--light-blue { background-color: #f4fbff; } .tabs__item--dark-blue { background-color: #e3f1f9; } .tabs__item--grey { background-color: #efefef; } } .tabs--short { display: table; width: 100%; margin: 0; border: 0; padding: 0; border-collapse: separate; border-spacing: 0; } @media only screen and (min-width: 768px) { .tabs--short { display: block; } } .tabs--short > .tabs__item { display: table-cell; vertical-align: middle; } .tabs--short > .tabs__item--light-blue { background-color: #f4fbff; } .tabs--short > .tabs__item--dark-blue { background-color: #e3f1f9; } @media only screen and (min-width: 768px) { .tabs--short > .tabs__item { display: inline-block; } } @media only screen and (min-width: 992px) { .tabs--short > .tabs__item { padding-left: 90px; padding-right: 90px; } } @media only screen and (min-width: 1280px) { .tabs--short > .tabs__item { padding-left: 130px; padding-right: 130px; } .tabs--short > .tabs__item--with-image { padding-left: 100px; } } .tabs__image { vertical-align: middle; margin-right: 30px; display: none; } @media only screen and (min-width: 1280px) { .tabs__image { display: inline-block; } } @media only screen and (min-width: 768px) { .tabs--short > .tabs__item > .tabs__image { display: inline-block; } } .tabs__item > a:link, .tabs__item > a:visited { color: inherit; text-decoration: none; } .compare--alternative .icon--tick, .compare--alternative .form__label--checkbox { color: #18d626; } .compare--alternative .icon--close { color: #e5131c; } .compare--alternative .compare__title { color: #000000; border-bottom: 1px solid #cccccc; margin: 0; padding: 15px 0; } @media only screen and (min-width: 768px) { .compare--alternative table tr td:first-child { width: 25%!important; } } @media only screen and (min-width: 768px) { .compare--alternative table tr td:nth-child(2) { text-align: left; } } @media only screen and (min-width: 768px) { .compare--alternative table tr td { text-align: center; } } @media only screen and (min-width: 768px) { .compare--alternative table tr td:nth-last-child(2) { text-align: right; } } @media only screen and (min-width: 768px) { .compare--alternative table tr td:last-child { width: 25%!important; } } .compare__container { margin: 0 auto; max-width: 1280px; } .compare table { width: 100%; box-shadow: none; table-layout: fixed; border: hidden; display: block; } @media only screen and (min-width: 768px) { .compare table { display: table; } } .compare table tr:hover { outline: none; } .compare table tr:first-of-type { background-color: inherit; } @media only screen and (min-width: 768px) { .compare table tr:first-of-type td:first-child { width: 25%; } } @media only screen and (min-width: 1280px) { .compare table tr:first-of-type td:first-child { width: 30%; } } .compare table .btn { margin: 0 0 2px 0; } .compare td { border: 0; font-size: 18px; } .compare td:first-of-type { font-size: 20px; } .compare thead, .compare tfoot { background-color: #f4fbff; } .compare thead, .compare tbody { border: hidden; } .compare__title { font-size: 30px; text-decoration: none; color: #e5131c; } a.compare__title { border-bottom: 1px solid #e5131c; } .compare__buys { display: none; } @media only screen and (min-width: 768px) { .compare__buys { display: table-row; } } .compare__buys td { padding-bottom: 2em; } .compare__header { display: block; } @media only screen and (min-width: 768px) { .compare__header { display: table-header-group; } } .compare__header-row { display: block; height: auto; font-size: 0; } @media only screen and (min-width: 768px) { .compare__header-row { display: table-row; height: 70px; } } .compare__footer { display: block; } @media only screen and (min-width: 768px) { .compare__footer { display: table-row-group; } } .compare__names { display: none; } @media only screen and (min-width: 768px) { .compare__names { display: table-row; } } .compare__product { display: inline-block; margin: 15px 0; width: 100%; } @media only screen and (min-width: 500px) { .compare__product { width: 50%; } } @media only screen and (min-width: 768px) { .compare__product { display: table-cell; } } @media only screen and (min-width: 768px) { .compare__product .compare__title, .compare__product .compare__btn { display: none; } } .compare__product .compare__price { margin: 15px 0; } .compare__contacts { display: none; text-align: left; } @media only screen and (min-width: 768px) { .compare__contacts { display: table-cell; } } .compare__contacts a { display: block; } .compare__contacts strong { display: inline-block; margin-bottom: 1em; font-weight: 400; font-size: 19px; } @media only screen and (min-width: 1280px) { .compare__contacts strong { font-size: 24px; } } .compare__contacts__item { font-size: 18px; } .compare__contacts .contact-item { font-size: 15px; } @media only screen and (min-width: 1280px) { .compare__contacts .contact-item { font-size: 20px; } } .compare__parameters { border: hidden; display: block; } @media only screen and (min-width: 768px) { .compare__parameters { display: table-row-group; } } .compare__parameters__headline { border: hidden; display: block; } @media only screen and (min-width: 768px) { .compare__parameters__headline { display: table-row-group; } } .compare__parameters__headline tr { display: block; } @media only screen and (min-width: 768px) { .compare__parameters__headline tr { display: table-row; } } .compare__parameters__headline td { text-align: left; white-space: nowrap; padding: 0; display: block; } @media only screen and (min-width: 768px) { .compare__parameters__headline td { display: table-cell; } } .compare__parameters__headline td, .compare__parameters__headline td:first-of-type { font-size: 24px; } .compare__parameters__headline .svg-icon { _: ; -webkit-transform: rotate(-90deg); _: ; -moz-transform: rotate(-90deg); _: ; -ms-transform: rotate(-90deg); _: ; -o-transform: rotate(-90deg); _: ; transform: rotate(-90deg); } .compare__parameters__headline--closed .svg-icon { _: ; -webkit-transform: rotate(90deg); _: ; -moz-transform: rotate(90deg); _: ; -ms-transform: rotate(90deg); _: ; -o-transform: rotate(90deg); _: ; transform: rotate(90deg); } .compare__parameters__headline-box { padding: 17px 30px; position: relative; cursor: pointer; } .compare__parameters__headline-box:before { display: block; content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 17px; background: #ffffff; z-index: 2; } .compare__parameters__headline-box:after { content: ''; position: absolute; bottom: 0; top: 0; left: 0; right: 0; z-index: 1; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); } .compare__parameters__headline-box-item { vertical-align: middle; } .compare__parameters__headline-box-item + .compare__parameters__headline-box-item { margin-left: 15px; } .compare__parameters tr { border-top: 1px solid #cccccc; display: block; height: auto; /* td:first-child { text-align: left; } */ } @media only screen and (min-width: 768px) { .compare__parameters tr { display: table-row; height: 70px; } } .compare__parameters tr:first-child { border-top: 0; } .compare__parameters td { display: block; } @media only screen and (min-width: 768px) { .compare__parameters td { display: table-cell; } } .compare__parameter-cell { text-align: left; } @media only screen and (min-width: 768px) { .compare__parameter-cell { text-align: center; } } .compare__parameter-cell:before { content: attr(data-product-title); display: inline-block; position: relative; width: 50%; float: left; text-align: right; padding-right: 15px; } @media only screen and (min-width: 768px) { .compare__parameter-cell:before { display: none; } } .compare__parameter-cell:last-of-type { margin-bottom: 15px; } .compare__parameter-cell--heading { margin: 20px 0 10px; text-align: left; } .compare__parameter-cell--heading:before { display: none; } .compare__parameter-cell-value { display: inline-block; width: 50%; } @media only screen and (min-width: 768px) { .compare__parameter-cell-value { width: auto; } } .compare__conditions { font-size: 14px; color: #999999; } .js-grid-w { display: block; height: auto; } @media only screen and (min-width: 768px) { tbody.js-grid-w { display: table-row-group; } tr.js-grid-w { display: table-row; } td.js-grid-w { display: table-cell; } } .media { display: table; width: 100%; margin: 0; border: 0; padding: 0; border-collapse: separate; border-spacing: 0; table-layout: auto; direction: ltr; } .media__figure, .media__body { display: table-cell; direction: ltr; vertical-align: middle; border: 0; padding: 0; } .media__figure { display: none; padding-right: 30px; width: 1px; } @media only screen and (min-width: 768px) { .media__figure { display: table-cell; } } .media__figure--youtube-poster { width: 200px; } .double--first { padding-top: 30px; } .double--last { padding-bottom: 30px; } .double__top { height: 9em; } @media only screen and (min-width: 768px) { .double__top { height: 60px; } } .double__top, .double__bottom { background: #ffffff none no-repeat center center; } .double__top--light-blue, .double__bottom--light-blue { background-color: #f4fbff; } .double__top--dark-blue, .double__bottom--dark-blue { background-color: #e3f1f9; } .double__top--grey, .double__bottom--grey { background-color: #efefef; } .double__top--transparent, .double__bottom--transparent { background-color: transparent; } .double__container { position: relative; /* kvuli z-index*/ margin: 0 auto; max-width: 1280px; z-index: 1; /* kvuli stínu*/ top: -9em; } @media only screen and (min-width: 768px) { .double__container { top: -60px; } } @media only screen and (min-width: 768px) { .double--overlap .double__top { display: none; } } .price-info { font-size: 0.889rem; color: #999999; } .price-info__amount { font-size: 2rem; line-height: 1em; color: #000; font-weight: 600; white-space: nowrap; } .price-info__before { text-decoration: line-through; } .price-info__suffix { color: #000000; } .price-info__secondary { color: #999999; } .inline-form { display: table; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; } @media only screen and (min-width: 768px) { .inline-form { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: 60px; } } .inline-form__item { -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; margin: 5px 0; text-align: center; width: 100%; } @media only screen and (min-width: 768px) { .inline-form__item { margin: 0; text-align: inherit; width: auto; } } .inline-form__item--double { -webkit-flex-grow: 2; -ms-flex-grow: 2; flex-grow: 2; } .inline-form__item--label { -webkit-align-self: center; -ms-align-self: center; align-self: center; } @media only screen and (min-width: 768px) { .inline-form__item--label { padding-right: 25px; } } @media only screen and (min-width: 1280px) { .inline-form__item--label { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; white-space: nowrap; } } .inline-form__item--image { -webkit-align-self: center; -ms-align-self: center; align-self: center; display: none; } @media only screen and (min-width: 768px) { .inline-form__item--image { padding-left: 25px; } } @media only screen and (min-width: 1280px) { .inline-form__item--image { display: block; } } .inline-form__item--select { border-left: 1px solid #ffffff; text-align: center; } .inline-form__item--select .select2-selection--single .select2-selection__rendered { padding-left: 20px; padding-right: 30px; } @media only screen and (min-width: 768px) { .inline-form__item--select .select2-selection--single .select2-selection__rendered { text-align: left; } } .inline-form__item--btn-wrapper { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } .inline-form__title { font-size: 22px; line-height: 27px; margin-bottom: 10px; margin-top: 0; text-align: center; text-transform: uppercase; } @media only screen and (min-width: 768px) { .inline-form__title { float: left; line-height: 27px; margin-bottom: 0; font-size: 17px; text-align: left; } } @media only screen and (min-width: 1280px) { .inline-form__title { font-size: 20px; } } .inline-form input { background-color: #efefef; border: none; height: 60px; padding: 17px 25px; width: 100%; } .inline-form img { max-height: 100px; max-width: 100%; } .inline-form__btn { height: 56px; line-height: 33px; white-space: nowrap; } .contact-box { background-color: #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); } .contact-box__container { padding: 30px; } .contact-box__content { display: table; width: 100%; margin: 0; border: 0; border-collapse: separate; border-spacing: 0; table-layout: fixed; padding: 25px; } @media only screen and (min-width: 768px) { .contact-box__content { padding: 15px; } } .contact-box__item { text-align: center; } .contact-box__item + .contact-box__item { margin-top: 10px; } @media only screen and (min-width: 768px) { .contact-box__item { direction: ltr; display: table-cell; vertical-align: top; border: 0; padding: 0 25px; } .contact-box__item:first-child { padding-left: 0; text-align: left; } .contact-box__item:last-child { padding-right: 0; text-align: right; } } .tiles { display: block; width: 100%; margin: 0; border: 0; border-collapse: separate; border-spacing: 0; table-layout: fixed; } @media only screen and (min-width: 768px) { .tiles { font-size: 0rem; text-align: center; } } @media only screen and (min-width: 1280px) { .tiles { display: table; font-size: 1rem; text-align: left; } .tiles--single { max-width: 500px; margin: 0 auto; } } .tiles__item { color: #000000; display: block; font-size: 1rem; padding: 1px; text-align: center; vertical-align: top; } .tiles__item + .tiles__item { margin-top: 60px; } @media only screen and (min-width: 768px) { .tiles__item { display: inline-block; margin-top: 20px; width: 50%; } .tiles__item + .tiles__item { margin-top: 20px; } .tiles__item + .tiles__item:not(:hover):nth-of-type(2n) .tiles__container { border-left: 1px solid #cccccc; } } @media only screen and (min-width: 1280px) { .tiles__item { direction: ltr; display: table-cell; float: none; vertical-align: top; border: 0; } .tiles__item:first-child { padding-left: 0; } .tiles__item:last-child { padding-right: 0; } .tiles__item + .tiles__item { margin-top: 0; } .tiles__item + .tiles__item .tiles__container { border-left: 1px solid #cccccc; } } .tiles__item:hover { background-color: #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); } .tiles__item:hover .tiles__container, .tiles__item:hover + .tiles__item .tiles__container, .tiles__item:hover + .tiles__item:nth-of-type(2n) .tiles__container { border-color: transparent; } .tiles__container { margin: 25px 0; padding: 0 30px; } .tiles__content { position: relative; } .tiles img { max-width: 100%; } dialog { position: absolute; left: 0; right: 0; margin: auto; display: block; box-sizing: border-box; box-shadow: #000000 0 0 10px; width: 95vw; max-width: 95vw; margin-bottom: 10px; color: #333333; background: #ffffff; padding: 0; border: none; z-index: 1000; max-height: 95vh; } @media only screen and (min-width: 641px) { dialog { width: 700px; } } /* native backdrop */ dialog::backdrop { background-color: rgba(0, 0, 0, 0.8); } /* polyfill backdrop */ dialog + .backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); display: none; z-index: 100; } dialog:not([open]) { display: none; } ._dialog_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } /* The following styles are for older browsers when using the polyfill. These aren’t necessary for Chrome/Firefox. */ dialog { display: none; position: absolute; margin: 0 auto; /* should center it, but not working in Safari */ } dialog[open] { display: block; } /* Dialog close button */ .dialog__close { position: absolute; top: 0.2em; right: 0.2em; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; color: #e5131c; border: 0; outline: 0; background: transparent; } .dialog__close:hover { color: #333333; } .dialog--video > .dialog__close { top: -2em; right: -0.5em; } .dialog--video > .dialog__close:hover { color: #f36b71; } .dialog__content { background: #ffffff; padding: 2.5vw; } .dialog--fixed { position: fixed; top: 50%; transform: translate(0, -50%); } dialog iframe { display: block; border: none; max-width: 100%; } /* Prevents scrolling main page when dialog is opened */ html.dialog__body--is-open { overflow: hidden; -ms-touch-action: none; touch-action: none; } /* Dialog animation */ @keyframes slide-up { 0% { opacity: 0; transform: scale(1.05); -webkit-transform: scale(1.05); } 100% { opacity: 1; transform: none; -webkit-transform: none; filter: blur(0); -webkit-filter: blur(0); } } .full-price__item { display: block; margin: 0 auto; } .full-price__item--highlighted { color: #00b8ea; font-size: 24px; white-space: nowrap; } .full-price__item--highlighted-prefix, .full-price__item--highlighted-sufix { font-size: 18px; } .full-price__item--highlighted-sufix { display: block; margin: 0 auto; } .full-price__item--before { display: block; margin: 0 auto; color: #00b8ea; font-size: 18px; text-decoration: line-through; } .full-price__item--second { color: #999999; } .full-price--condensed .full-price__item { font-size: 14px; white-space: nowrap; } .full-price--condensed .full-price__item--highlighted, .full-price--condensed .full-price__item--highlighted-prefix, .full-price--condensed .full-price__item--highlighted-sufix { font-size: 18px; } .full-price--action .full-price__item--highlighted { font-weight: bold; color: #e5131c; } .article { margin: 0 auto; max-width: 1280px; width: 100%; border: 0; padding: 0; display: block; padding: 0 0 50px; } .article:before, .article:after { content: " "; display: table; } .article:after { clear: both; } @media only screen and (min-width: 768px) { .article { padding: 40px 0; } } @media only screen and (min-width: 992px) { .article { padding: 50px 0 75px; } } .article__title, .article__content, .article__video { display: block; padding: 0 25px 25px; } @media only screen and (min-width: 992px) { .article__title, .article__content, .article__video { padding: 0 50px 25px; width: 70%; float: left; } } .article__title { padding-bottom: 50px; } .article__content { padding-bottom: 25px; } @media only screen and (min-width: 992px) { .article__content { padding-bottom: 0; } } .article__content img { max-width: 100%; } .article__video iframe { max-width: 100%; } .article__aside { display: block; padding-bottom: 50px; } @media only screen and (min-width: 992px) { .article__aside { width: 30%; float: right; } } .article__aside:last-child { padding-bottom: 0; } @media only screen and (min-width: 992px) { .article__aside--chapters { float: left; } } .article__social--list { display: inline-block; padding: 25px 0; } .article__social { font-size: 35px; text-decoration: none; color: #999999; } .article__social:not(:last-child) { margin-right: 25px; } .article__social:hover { color: #e5131c; } .form { width: 100%; font-size: 18px; } .form fieldset { border: none; margin: 0; padding: 0; } .form fieldset + fieldset { margin-top: 40px; } @media only screen and (min-width: 992px) { .form--half { width: 50%; float: left; padding: 0 30px 0 0; } } .form__spinner { display: none; } .form.loading { position: relative; } .form.loading:after { content: " "; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.75); } .form.loading .form__spinner { display: block; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -100px; z-index: 1; } .form__title { margin: 0; text-align: left; padding: 10px 0; } .form__legend { display: block; padding: 0 0 20px; text-align: left; font-size: 20px; font-weight: 600; } .form__content { display: block; width: 100%; padding: 0; } @media only screen and (min-width: 768px) { .form__content { display: table; } } .form__row { display: block; width: 100%; } @media only screen and (min-width: 768px) { .form__row { display: table-row; } } @media only screen and (min-width: 500px) { .form__row--phone-with-prefix .form__select--prefix + .select2 { width: 39% !important; margin-right: 1%; vertical-align: bottom; float: left !important; } } @media only screen and (min-width: 768px) { .form__row--phone-with-prefix .form__select--prefix + .select2 { float: none; } } .form__row--phone-with-prefix .form__input--phone { margin-top: 5px; } @media only screen and (min-width: 500px) { .form__row--phone-with-prefix .form__input--phone { width: 60%; margin-top: 0; } } .form__row--whois { display: block; } .form__row--whois .form__input--domain { margin-bottom: 5px; float: left; } @media only screen and (min-width: 500px) { .form__row--whois .form__input--domain { width: 68%; margin-top: 0; margin-right: 1%; } } .form__row--whois .form__select--ending + .select2 { margin-bottom: 5px; } @media only screen and (min-width: 500px) { .form__row--whois .form__select--ending + .select2 { width: 15% !important; min-width: 115px; margin-right: 1%; vertical-align: bottom; float: left !important; } } @media only screen and (min-width: 768px) { .form__row--whois .form__select--ending + .select2 { float: none; } } .form__row--whois .btn { float: left; line-height: 18px; width: 100%; } @media only screen and (min-width: 500px) { .form__row--whois .btn { width: 15%; min-width: 130px; } } .form__label { display: block; padding: 10px 0; width: auto; text-align: left; vertical-align: top; } @media only screen and (min-width: 768px) { .form__label { display: table-cell; padding: 15px 40px 15px 0; width: 1%; white-space: nowrap; } } .form__label--checkbox, .form__label--radio { display: table-cell; position: relative; cursor: pointer; padding: 0 35px; width: auto; white-space: normal; } .form__label--checkbox::before, .form__label--radio::before { position: absolute; color: #ffffff; border: solid 1px #cccccc; border-radius: 3px; background: #ffffff; padding: 3px; font-size: .9em; cursor: pointer; left: 0; } .form__label--radio:before { border-radius: 15px; padding: 1px; font-size: 20px; } .form__label--top { padding-top: 0; } .form__input { display: block; width: 100%; color: #333333; border: solid 1px #cccccc; border-radius: 3px; height: 50px; padding: 12px 20px; } @media only screen and (min-width: 768px) { .form__input { display: table-cell; } } .form__input[type=submit] { height: inherit; width: inherit; } .form__input[type="number"] { -moz-appearance: textfield; } .form__input[type="number"]::-webkit-inner-spin-button, .form__input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .form__input[type="checkbox"] { height: 0; visibility: hidden; } .form__input[type="checkbox"]:checked + .form__label--checkbox::before { background: #00b8ea; border-color: #00b8ea; } .form__input[type="radio"] { height: 0; visibility: hidden; } .form__input[type="radio"]:checked + .form__label--radio::before { background: #00b8ea; border-color: #00b8ea; } .form__input--error { border: solid 2px #c01225; } .form__input--error + .form__label::before { border: solid 2px #c01225; } .form__input--success { border: solid 2px #18d626; } .form__input--success + .form__label::before { border: solid 2px #18d626; } .form__select + .select2 .select2-selection { height: 50px !important; background-color: #ffffff !important; color: #333333; border: solid 1px #cccccc !important; border-radius: 3px !important; } .form__select + .select2 .select2-selection__rendered { height: 100%; line-height: 25px !important; padding: 12px 20px; } .form__select + .select2 .select2-selection__arrow { color: #e5131c; right: 15px; top: 15px; } .form__select + .select2 .select2-selection__arrow b { display: none; } .form__select--error + .select2 .select2-selection { border: solid 2px #c01225 !important; } .form__checkbox { display: table; margin: 20px 0 0; } .form__radio { display: table; margin: 10px 0; } .form__textarea { display: block; width: 100%; color: #333333; border: solid 1px #cccccc; border-radius: 3px; height: 100%; padding: 12px 20px; } @media only screen and (min-width: 768px) { .form__textarea { display: table-cell; } } .form__textarea.form__input--error { border: solid 2px #c01225; } .form__textarea.form__input--success { border: solid 2px #18d626; } .form__note--error { display: inline-table; color: #c01225; font-size: .9em; margin: 0 0 10px 0; } .form__note--success { display: inline-table; color: #18d626; font-size: .9em; margin: 0 0 10px 0; } .form__note--msg { display: inline-table; font-size: .9em; margin: 0 0 10px 0; } .form__checkbox + .form__note--error { margin: 0 0 10px 35px; } .grecaptcha-badge { display: none; } .search-results__count, .search-results__search { display: block; width: 100%; min-height: 40px; float: left; margin: 5px 0; } @media only screen and (min-width: 992px) { .search-results__count, .search-results__search { display: inline-block; width: 50%; } } .search-results__count { padding: 5px 0; } .search-results__search { text-align: left; } @media only screen and (min-width: 992px) { .search-results__search { text-align: right; } } .asset-info { margin: 25px 0; } .asset-info__title { display: block; width: fit-content; color: #e5131c; text-decoration: underline; font-weight: 600; font-size: 23px; } .asset-info__title:hover { text-decoration: none; } .asset-info__url { display: block; width: fit-content; color: #333333; text-decoration: underline; font-size: .8em; word-break: break-word; } .asset-info__url:hover { text-decoration: none; } .asset-info__content { display: block; } .non-layout, .non-layout > div { display: inline; margin: 0; border: 0; padding: 0; background: transparent none; } .popup { position: fixed; top: 50%; transform: translateY(-50%); left: 5%; width: 90%; background: #ffffff none no-repeat center center; z-index: 1000; padding: 30px; text-align: center; border: 5px solid #18d626; display: none; max-height: 100%; } @media only screen and (min-width: 500px) { .popup { left: 15%; width: 70%; } } @media only screen and (min-width: 768px) { .popup { left: 25%; width: 50%; } } .popup .popup-title { margin-top: 0; } .popup .popup-close { color: #e5131c; position: absolute; right: 1.5em; top: 1em; font-size: 1.5em; cursor: pointer; } .popup .popup-close:before { left: auto; content: "\e916"; } /** * Featured list. */ .featured-list li:before, .featured-list-compact li:before { content: '\e90e'; } .featured-list li + li, .featured-list-compact li + li { margin-top: 20px; } .featured-list--compact li + li, .featured-list-compact li + li { margin-top: 8px; } .searchbox { font-size: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .searchbox__input-wrap { float: left; width: 35%; height: 50px; box-sizing: border-box; } .searchbox__input-wrap:first-child { width: 65%; } .searchbox__input-wrap + .searchbox__input-wrap { border-left: 1px solid rgba(0, 0, 0, 0.1); } .searchbox input { border: 0; width: 100%; height: 100%; padding: 0 15px; } .searchbox button { display: inline-block; width: 100%; height: 50px; padding: 12px 20px; background: #fff; color: #333333; cursor: pointer; } .searchbox--results .searchbox__input-wrap { display: inline-block; height: auto; width: auto; float: none; } .searchbox--results .searchbox__input { line-height: 27px; padding: 5px 15px; border: none; min-width: 150px; width: 60%; border-bottom: 1px solid #333333; } .searchbox--results .searchbox__input:focus { outline: none; } .searchbox--results .searchbox__button { min-width: 115px; width: 35%; margin: 15px 0; } @media only screen and (min-width: 992px) { .searchbox--results .searchbox__button { margin: 0; } } .price-row { background-color: #ffffff; border: 5px solid #00b8ea; line-height: 25px; margin-top: 20px; padding: 20px 25px; } .price-row:before, .price-row:after { content: " "; display: table; } .price-row:after { clear: both; } .price-row__item { margin: 10px 0; } @media only screen and (min-width: 768px) { .price-row__item { float: left; margin: 0; width: 50%; } } @media only screen and (min-width: 768px) { .price-row__item--with-tax { float: right; text-align: right; padding-right: 20px; } } .price-row__item--with-tax .price-row__value { color: #00b8ea; font-size: 20px; } .price-row__item p { margin: 0; } .price-row__value { font-weight: 600; float: right; white-space: nowrap; } @media only screen and (min-width: 768px) { .price-row__value { float: none; } } .price-row__before { font-size: 0.9em; text-decoration: line-through; } .h-scroll { margin-right: -15px; } .h-scroll__content { overflow-x: auto; padding-right: 15px; } @media only screen and (min-width: 768px) { .h-scroll__content { overflow-x: visible; } } .h-scroll--faded { position: relative; } .h-scroll--faded:after { content: ''; display: block; position: absolute; } .h-scroll--faded:after { background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); top: 0; right: -1px; bottom: 0; width: 20px; } .block--light-blue .h-scroll--faded { position: relative; } .block--light-blue .h-scroll--faded:after { content: ''; display: block; position: absolute; } .block--light-blue .h-scroll--faded:after { background: -moz-linear-gradient(to right, rgba(244, 251, 255, 0) 0%, #f4fbff 100%); background: -webkit-linear-gradient(to right, rgba(244, 251, 255, 0) 0%, #f4fbff 100%); background: linear-gradient(to right, rgba(244, 251, 255, 0) 0%, #f4fbff 100%); top: 0; right: -1px; bottom: 0; width: 20px; } .block--dark-blue .h-scroll--faded { position: relative; } .block--dark-blue .h-scroll--faded:after { content: ''; display: block; position: absolute; } .block--dark-blue .h-scroll--faded:after { background: -moz-linear-gradient(to right, rgba(227, 241, 249, 0) 0%, #e3f1f9 100%); background: -webkit-linear-gradient(to right, rgba(227, 241, 249, 0) 0%, #e3f1f9 100%); background: linear-gradient(to right, rgba(227, 241, 249, 0) 0%, #e3f1f9 100%); top: 0; right: -1px; bottom: 0; width: 20px; } .block--grey .h-scroll--faded { position: relative; } .block--grey .h-scroll--faded:after { content: ''; display: block; position: absolute; } .block--grey .h-scroll--faded:after { background: -moz-linear-gradient(to right, rgba(239, 239, 239, 0) 0%, #efefef 100%); background: -webkit-linear-gradient(to right, rgba(239, 239, 239, 0) 0%, #efefef 100%); background: linear-gradient(to right, rgba(239, 239, 239, 0) 0%, #efefef 100%); top: 0; right: -1px; bottom: 0; width: 20px; } /** * Footer. */ .footer { background-color: #e3f1f9; padding: 50px 40px; position: relative; } .footer a { color: #999999; text-decoration: none; } .footer a:hover { color: #e5131c; } .footer-menu { margin-left: -20px; margin-right: -20px; } .footer-menu:before, .footer-menu:after { content: " "; display: table; } .footer-menu:after { clear: both; } .footer-menu__row { float: none; margin-left: -20px; margin-right: -20px; } .footer-menu__row:before, .footer-menu__row:after { content: " "; display: table; } .footer-menu__row:after { clear: both; } @media only screen and (min-width: 768px) { .footer-menu__row { float: left; width: 100%; } } @media only screen and (min-width: 1280px) { .footer-menu__row { width: 50%; } } @media only screen and (min-width: 1280px) { .footer-menu__row:first-of-type { margin-right: 0; } } @media only screen and (min-width: 1280px) { .footer-menu__row:last-of-type { margin-left: 0; } } /** * Footer column of links (located in footer). */ .footer-column { float: left; width: 100%; position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; margin: 10px 0; } @media (min-width: 768px) { .footer-column { float: left; width: 50%; } } .footer-column__title { font-weight: 600; font-size: 20px; cursor: pointer; display: block; margin-bottom: 30px; padding-right: 30px; position: relative; } .footer-column__title:before, .footer-column__title:after { content: " "; display: table; } .footer-column__title:after { clear: both; } @media only screen and (min-width: 768px) { .footer-column__title { cursor: auto; padding-right: 0; } } .footer-column__title span { float: left; } .footer-column__title .icon, .footer-column__title .btn--icon, .footer-column__title .btn--icon-left, .footer-column__title .btn--icon-right, .footer-column__title .btn--icon-center, .footer-column__title .tooltip, .footer-column__title .icon-link, .footer-column__title .form__label--checkbox, .footer-column__title .form__label--radio, .footer-column__title .form__select + .select2 .select2-selection__arrow { color: #e5131c; float: right; font-size: 20px; line-height: 34px; position: absolute; right: 0; top: 0; } @media only screen and (min-width: 768px) { .footer-column__title .icon, .footer-column__title .btn--icon, .footer-column__title .btn--icon-left, .footer-column__title .btn--icon-right, .footer-column__title .btn--icon-center, .footer-column__title .tooltip, .footer-column__title .icon-link, .footer-column__title .form__label--checkbox, .footer-column__title .form__label--radio, .footer-column__title .form__select + .select2 .select2-selection__arrow { display: none !important; position: static; } } .footer-column__list { display: none; } .footer-column__list li { padding-left: 0; } .footer-column__list li:before { display: none; } .footer-column__list li + li { margin-top: 0; } @media only screen and (min-width: 768px) { .footer-column__list { display: block; } } .footer-column__list li { font-size: 18px; margin: 0; } /** * Footer contacts (phone + e-mail, located in footer). */ .footer-contacts { margin-left: -20px; margin-right: -20px; /*&__label { padding: 0 20px 0 10px; }*/ } .footer-contacts:before, .footer-contacts:after { content: " "; display: table; } .footer-contacts:after { clear: both; } .footer-contacts__item { display: block; font-size: 24px; margin: 20px 0; padding-left: 1.8em; } @media only screen and (min-width: 768px) { .footer-contacts__item { float: left; font-size: 24px; } } @media only screen and (min-width: 768px) { .footer-contacts__item + .footer-contacts__item { margin-left: 20px; } } .footer-contacts__item--phone { font-weight: 600; font-size: 20px; } @media only screen and (min-width: 768px) { .footer-contacts__item--phone { font-size: 24px; } } .footer-contacts__item--phone:before { color: #e5131c; font-size: 22px; } @media only screen and (min-width: 768px) { .footer-contacts__item--phone:before { font-size: 26px; } } .footer-contacts__item--mail { font-size: 20px; } @media only screen and (min-width: 768px) { .footer-contacts__item--mail { font-size: 24px; } } .footer-contacts__item--mail:before { color: #e5131c; font-size: 17px; } @media only screen and (min-width: 768px) { .footer-contacts__item--mail:before { font-size: 21px; } } .footer-contacts__item--mail .footer-contacts__label { color: #e5131c; text-decoration: underline; } .footer-contacts__item span { color: #000000; } .footer-contacts__item .icon, .footer-contacts__item .btn--icon, .footer-contacts__item .btn--icon-left, .footer-contacts__item .btn--icon-right, .footer-contacts__item .btn--icon-center, .footer-contacts__item .tooltip, .footer-contacts__item .icon-link, .footer-contacts__item .form__label--checkbox, .footer-contacts__item .form__label--radio, .footer-contacts__item .form__select + .select2 .select2-selection__arrow { color: #e5131c; } /** * Footnote – copyright + links + social share (located in footer). */ .footer-bottom { margin-left: -20px; margin-right: -20px; color: #aaa; margin-bottom: 20px; margin-top: 30px; } .footer-bottom:before, .footer-bottom:after { content: " "; display: table; } .footer-bottom:after { clear: both; } .footer-bottom a { margin: 0 10px; } /** * Footer social share (located in footer). */ .footer-social { float: left; width: 100%; position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; text-align: center; } .footer-social li { padding-left: 0; } .footer-social li:before { display: none; } .footer-social li + li { margin-top: 0; } @media (min-width: 1280px) { .footer-social { float: left; width: 33.33333333%; } } @media only screen and (min-width: 1280px) { .footer-social { float: right; text-align: right; } } .footer-social__label { color: #000000; display: inline-block; line-height: 40px; vertical-align: top; } .footer-social__list { display: inline-block; } .footer-social__list li { float: left; vertical-align: middle; font-size: 27px; } .footer-social__logo { display: block; width: 27px; height: 27px; } .footer-social__logo svg { width: 100%; height: 100%; } .footer-social__logo svg path { transition: fill 0.25s; } .footer-social__logo:hover svg path { fill: #e5131c; } .footer-footnote { float: left; width: 100%; position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; padding-left: 0; } @media (min-width: 1280px) { .footer-footnote { float: left; width: 66.66666667%; } } .footer-footnote__item { margin: 15px 0; font-size: 18px; } .footer-footnote__item--copyright { display: block; text-align: center; } @media only screen and (min-width: 1280px) { .footer-footnote__item--copyright { display: inline-block; float: left; text-align: left; } } .footer-footnote__item--links { display: block; } .footer-footnote__item--links:before, .footer-footnote__item--links:after { content: " "; display: table; } .footer-footnote__item--links:after { clear: both; } @media only screen and (min-width: 500px) { .footer-footnote__item--links { display: flex; justify-content: center; } } @media only screen and (min-width: 1280px) { .footer-footnote__item--links { display: inline-block; float: left; } } .footer-footnote__item--links li { display: block; margin-bottom: 10px; margin-top: 10px; padding-left: 0; text-align: center; } @media only screen and (min-width: 500px) { .footer-footnote__item--links li { display: inline-block; float: left; } } @media only screen and (min-width: 768px) { .footer-footnote__item--links li { margin: 0; text-align: left; } } .footer-footnote__item--links li:before { display: none; } /** * Header. */ .header { box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); height: 70px; position: relative; z-index: 10; } @media only screen and (min-width: 768px) { .header { height: 100px; } } .header a, .header a:hover { color: #000000; } .header a:not(.text-underlined) { text-decoration: none; } .header--mobile-right { font-size: 0; float: right; clear: right; } @media only screen and (min-width: 768px) { .header--mobile-right { height: 50px; } } @media only screen and (min-width: 1280px) { .header--mobile-right { font-size: inherit; } } .header--mobile-right .header-controls { float: none; } .header__item { float: left; padding: 5px; } @media only screen and (min-width: 1280px) { .header__item { padding: 35px; } } .header__item--uppercase { font-weight: 600; text-transform: uppercase; } .header__item .icon, .header__item .btn--icon, .header__item .btn--icon-left, .header__item .btn--icon-right, .header__item .btn--icon-center, .header__item .tooltip, .header__item .icon-link, .header__item .form__label--checkbox, .header__item .form__label--radio, .header__item .form__select + .select2 .select2-selection__arrow { font-size: 25px; position: absolute; top: 50%; transform: translateY(-50%); } .header__item .icon.icon--contact-mail, .header__item .btn--icon.icon--contact-mail, .header__item .btn--icon-left.icon--contact-mail, .header__item .btn--icon-right.icon--contact-mail, .header__item .btn--icon-center.icon--contact-mail, .header__item .tooltip.icon--contact-mail, .header__item .icon-link.icon--contact-mail, .header__item .form__label--checkbox.icon--contact-mail, .header__item .form__label--radio.icon--contact-mail, .header__item .form__select + .select2 .select2-selection__arrow.icon--contact-mail, .header__item .icon.footer-contacts__item--mail { font-size: 20px; } .header__item .icon.icon--contact-career, .header__item .btn--icon.icon--contact-career, .header__item .btn--icon-left.icon--contact-career, .header__item .btn--icon-right.icon--contact-career, .header__item .btn--icon-center.icon--contact-career, .header__item .tooltip.icon--contact-career, .header__item .icon-link.icon--contact-career, .header__item .form__label--checkbox.icon--contact-career, .header__item .form__label--radio.icon--contact-career, .header__item .form__select + .select2 .select2-selection__arrow.icon--contact-career { font-size: 23px; } .header__item .icon.icon--contact-client-zone, .header__item .btn--icon.icon--contact-client-zone, .header__item .btn--icon-left.icon--contact-client-zone, .header__item .btn--icon-right.icon--contact-client-zone, .header__item .btn--icon-center.icon--contact-client-zone, .header__item .tooltip.icon--contact-client-zone, .header__item .icon-link.icon--contact-client-zone, .header__item .form__label--checkbox.icon--contact-client-zone, .header__item .form__label--radio.icon--contact-client-zone, .header__item .form__select + .select2 .select2-selection__arrow.icon--contact-client-zone { font-size: 28px; } .header__item--left-icon-item { padding-left: 40px; position: relative; } .header__item--left-icon-item .icon, .header__item--left-icon-item .btn--icon, .header__item--left-icon-item .btn--icon-left, .header__item--left-icon-item .btn--icon-right, .header__item--left-icon-item .btn--icon-center, .header__item--left-icon-item .tooltip, .header__item--left-icon-item .icon-link, .header__item--left-icon-item .form__label--checkbox, .header__item--left-icon-item .form__label--radio, .header__item--left-icon-item .form__select + .select2 .select2-selection__arrow { left: 10px; } .header__item--right-icon-item { padding-right: 40px; position: relative; } .header__item--right-icon-item .icon, .header__item--right-icon-item .btn--icon, .header__item--right-icon-item .btn--icon-left, .header__item--right-icon-item .btn--icon-right, .header__item--right-icon-item .btn--icon-center, .header__item--right-icon-item .tooltip, .header__item--right-icon-item .icon-link, .header__item--right-icon-item .form__label--checkbox, .header__item--right-icon-item .form__label--radio, .header__item--right-icon-item .form__select + .select2 .select2-selection__arrow { right: 10px; } .header__logo { position: absolute; float: left; background: transparent url('/-a778---K_DRfyvu/active-24-logo.svg?_linka=a114377') no-repeat center; background-size: contain; width: 90px; height: 75px; margin-top: 10px; margin-left: 10px; z-index: 3; } @media only screen and (min-width: 768px) { .header__logo { width: 130px; height: 100px; margin-top: 20px; } } @media only screen and (min-width: 1280px) { .header__logo { margin-top: 5px; width: 160px; height: 120px; margin-left: 0; } } .header__content { height: 70px; float: right; max-width: 600px; position: relative; width: 100%; } @media only screen and (min-width: 768px) { .header__content { height: 100px; } } @media only screen and (min-width: 1280px) { .header__content { max-width: inherit; width: calc(100% - 185px); } } .header__contacts { display: none; float: right; font-size: 15px; line-height: 25px; font-weight: 300; height: 35px; margin-top: 10px; } .header__contacts li { padding-left: 0; } .header__contacts li:before { display: none; } .header__contacts li + li { margin-top: 0; } @media only screen and (min-width: 768px) { .header__contacts { display: inline-block; } } @media only screen and (min-width: 1280px) { .header__contacts { height: 50px; float: left; } } .header__contacts li { float: left; padding: 0 20px 20px 40px; } @media only screen and (min-width: 768px) { .header__contacts li { padding: 0 25px 0 35px; } .header__contacts li .icon, .header__contacts li .btn--icon, .header__contacts li .btn--icon-left, .header__contacts li .btn--icon-right, .header__contacts li .btn--icon-center, .header__contacts li .tooltip, .header__contacts li .icon-link, .header__contacts li .form__label--checkbox, .header__contacts li .form__label--radio, .header__contacts li .form__select + .select2 .select2-selection__arrow { left: 0; } } .header__contacts li:first-of-type .icon, .header__contacts li:first-of-type .btn--icon, .header__contacts li:first-of-type .btn--icon-left, .header__contacts li:first-of-type .btn--icon-right, .header__contacts li:first-of-type .btn--icon-center, .header__contacts li:first-of-type .tooltip, .header__contacts li:first-of-type .icon-link, .header__contacts li:first-of-type .form__label--checkbox, .header__contacts li:first-of-type .form__label--radio, .header__contacts li:first-of-type .form__select + .select2 .select2-selection__arrow { left: 0; } .header__contacts li:last-of-type { padding-right: 0; } /** * Header controls (located in header). */ .header-controls { display: inline-block; float: right; height: 70px; line-height: 25px; } @media only screen and (min-width: 768px) { .header-controls { height: 55px; } } @media only screen and (min-width: 1280px) { .header-controls { height: 100px; } } .header-controls__row { float: left; margin-top: 0; } @media only screen and (min-width: 768px) { .header-controls__row { margin-top: 5px; } } @media only screen and (min-width: 1280px) { .header-controls__row { float: none; margin-top: 10px; } } .header-controls__row:first-of-type { height: 70px; } @media only screen and (min-width: 768px) { .header-controls__row:first-of-type { height: 50px; } } @media only screen and (min-width: 1280px) { .header-controls__row:first-of-type { height: 40px; } } .header-controls__row:last-of-type { height: 70px; } @media only screen and (min-width: 768px) { .header-controls__row:last-of-type { height: 50px; } } @media only screen and (min-width: 1280px) { .header-controls__row:last-of-type { margin: 0; } } .header-controls__inner-aligner-to-right { float: right; } .header-controls__inner-aligner-to-right:before, .header-controls__inner-aligner-to-right:after { content: " "; display: table; } .header-controls__inner-aligner-to-right:after { clear: both; } /** * Languages (located in header). */ .header__languages { padding: 22.5px 0; font-size: 15px; height: 70px; } .header__languages li { padding-left: 0; } .header__languages li:before { display: none; } .header__languages li + li { margin-top: 0; } @media only screen and (min-width: 768px) { .header__languages { height: 50px; padding: 12.5px 0; } } @media only screen and (min-width: 1280px) { .header__languages { display: block; height: 35px; padding: 0 0 3px 0; } } .header__languages li { float: left; } .header__languages li a { color: #e5131c; padding: 0 3px; } /** * Login (located in header). */ .header__login { font-size: 15px; font-weight: 300; } .header__login .icon, .header__login .btn--icon, .header__login .btn--icon-left, .header__login .btn--icon-right, .header__login .btn--icon-center, .header__login .tooltip, .header__login .icon-link, .header__login .form__label--checkbox, .header__login .form__label--radio, .header__login .form__select + .select2 .select2-selection__arrow { font-size: 24px; } .header__login:not(.header__login--mobile) { display: none; } @media only screen and (min-width: 1280px) { .header__login:not(.header__login--mobile) { display: inline-block; padding: 0 25px 0 30px; } .header__login:not(.header__login--mobile) .header__login__item { display: inline-block; } .header__login:not(.header__login--mobile) .icon, .header__login:not(.header__login--mobile) .btn--icon, .header__login:not(.header__login--mobile) .btn--icon-left, .header__login:not(.header__login--mobile) .btn--icon-right, .header__login:not(.header__login--mobile) .btn--icon-center, .header__login:not(.header__login--mobile) .tooltip, .header__login:not(.header__login--mobile) .icon-link, .header__login:not(.header__login--mobile) .form__label--checkbox, .header__login:not(.header__login--mobile) .form__label--radio, .header__login:not(.header__login--mobile) .form__select + .select2 .select2-selection__arrow { left: 0; } } .header__login.header__login--mobile { padding-left: 0; } @media only screen and (min-width: 1280px) { .header__login.header__login--mobile { display: none; } } /** * Search toggle (located in header). */ .header__search { display: block; font-size: 15px; font-weight: 300; height: 70px; } @media only screen and (min-width: 768px) { .header__search { height: 50px; } } @media only screen and (min-width: 1280px) { .header__search { padding: 0 25px 0 35px; height: 25px; } } .header__search .icon, .header__search .btn--icon, .header__search .btn--icon-left, .header__search .btn--icon-right, .header__search .btn--icon-center, .header__search .tooltip, .header__search .icon-link, .header__search .form__label--checkbox, .header__search .form__label--radio, .header__search .form__select + .select2 .select2-selection__arrow { font-size: 22px; left: 0; } .header__search .header__search__title { display: none; } @media only screen and (min-width: 1280px) { .header__search .header__search__title { display: inline-block; } } /** * Searchbox (opens on searchtoggle click). */ .header__searchbox:not(.header__searchbox--active) { display: none; } .header__searchbox.header__searchbox--active { display: block; position: absolute; top: 100%; right: 0; width: 100%; height: 50px; background-color: #fff; z-index: 2; box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.3); border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 768px) { .header__searchbox.header__searchbox--active { right: 140px; width: 300px; } } @media only screen and (min-width: 1280px) { .header__searchbox.header__searchbox--active { right: 160px; width: 300px; } } .header__searchbox .header__searchbox__input { float: left; height: 50px; } .header__searchbox .header__searchbox__input:last-of-type:before, .header__searchbox .header__searchbox__input:last-of-type:after { content: " "; display: table; } .header__searchbox .header__searchbox__input:last-of-type:after { clear: both; } /** * Basket (located in header). */ .header__item.header__basket { display: inline-block; height: 70px; padding: 0; padding-right: 47px; width: 50px; } @media only screen and (min-width: 768px) { .header__item.header__basket { height: 50px; margin-right: 15px; } } @media only screen and (min-width: 1280px) { .header__item.header__basket { padding-top: 15px; margin-right: 0; width: auto; } } .header__item.header__basket .icon, .header__item.header__basket .btn--icon, .header__item.header__basket .btn--icon-left, .header__item.header__basket .btn--icon-right, .header__item.header__basket .btn--icon-center, .header__item.header__basket .tooltip, .header__item.header__basket .icon-link, .header__item.header__basket .form__label--checkbox, .header__item.header__basket .form__label--radio, .header__item.header__basket .form__select + .select2 .select2-selection__arrow { color: #e5131c; font-size: 35px; right: 7px; } @media only screen and (min-width: 1280px) { .header__item.header__basket .icon, .header__item.header__basket .btn--icon, .header__item.header__basket .btn--icon-left, .header__item.header__basket .btn--icon-right, .header__item.header__basket .btn--icon-center, .header__item.header__basket .tooltip, .header__item.header__basket .icon-link, .header__item.header__basket .form__label--checkbox, .header__item.header__basket .form__label--radio, .header__item.header__basket .form__select + .select2 .select2-selection__arrow { font-size: 40px; } } .header__item.header__basket .basket-label { display: none; } @media only screen and (min-width: 1280px) { .header__item.header__basket .basket-label { display: inline-block; } } .header__item.header__basket .notification-bubble { background-color: #00b8ea; border-radius: 50%; color: white; font-size: 12px; height: 18px; line-height: 1; position: absolute; text-align: center; top: 10px; right: 7px; padding: 2px; width: 18px; } @media only screen and (min-width: 1280px) { .header__item.header__basket .notification-bubble { top: 11px; } } @media only screen and (min-width: 1280px) { :not(.header-controls) .header__item > a:hover { border-bottom: 2px solid #e5131c; } .header-controls a.header__item span:not(.icon):hover { border-bottom: 2px solid #e5131c; } } /** * Menu (located in header). */ .menu { float: right; padding: 0; right: 0; top: 0; z-index: 1; } @media only screen and (min-width: 1280px) { .menu { background-color: transparent; display: block; padding-bottom: 0; padding-left: 0; } } .menu .menu__trigger { height: 70px; font-size: 21px; text-align: right; text-transform: uppercase; border: 0; background: none; padding: 0; width: 60px; } @media only screen and (min-width: 768px) { .menu .menu__trigger.menu__trigger { padding-left: 15px; padding-right: 30px; } } .menu .menu__trigger .icon, .menu .menu__trigger .btn--icon, .menu .menu__trigger .btn--icon-left, .menu .menu__trigger .btn--icon-right, .menu .menu__trigger .btn--icon-center, .menu .menu__trigger .tooltip, .menu .menu__trigger .icon-link, .menu .menu__trigger .form__label--checkbox, .menu .menu__trigger .form__label--radio, .menu .menu__trigger .form__select + .select2 .select2-selection__arrow { font-size: 30px; right: 8px; } .menu .menu__trigger__open { display: block; margin-right: 30px; } .menu .menu__trigger__open .icon, .menu .menu__trigger__open .btn--icon, .menu .menu__trigger__open .btn--icon-left, .menu .menu__trigger__open .btn--icon-right, .menu .menu__trigger__open .btn--icon-center, .menu .menu__trigger__open .tooltip, .menu .menu__trigger__open .icon-link, .menu .menu__trigger__open .form__label--checkbox, .menu .menu__trigger__open .form__label--radio, .menu .menu__trigger__open .form__select + .select2 .select2-selection__arrow { margin-right: 15px; right: 0; } @media only screen and (min-width: 768px) { .menu .menu__trigger__open .icon, .menu .menu__trigger__open .btn--icon, .menu .menu__trigger__open .btn--icon-left, .menu .menu__trigger__open .btn--icon-right, .menu .menu__trigger__open .btn--icon-center, .menu .menu__trigger__open .tooltip, .menu .menu__trigger__open .icon-link, .menu .menu__trigger__open .form__label--checkbox, .menu .menu__trigger__open .form__label--radio, .menu .menu__trigger__open .form__select + .select2 .select2-selection__arrow { margin-right: 30px; } } @media only screen and (min-width: 1280px) { .menu .menu__trigger__open, .menu .menu__trigger__close { display: none; } } .menu .menu__trigger span { color: #e5131c; } .menu:not(.menu--open) .menu__trigger__close { display: none; } .menu--open { background-color: #e5131c; display: block; padding: 0 15px 25px 30px; position: absolute; z-index: 5; max-width: 90%; } @media only screen and (min-width: 768px) { .menu--open { padding-right: 30px; } .menu--open .menu__trigger { margin-top: 30px; } } @media only screen and (min-width: 1280px) { .menu--open { background-color: transparent; padding: 0; position: static; z-index: auto; max-width: none; } } .menu--open .menu__content .menu__item:not(.header__item--left-icon-item) { padding-left: 0; } .menu--open .menu__trigger { padding-right: 0; padding-top: 20px; width: auto; float: right; overflow: hidden; } .menu--open .menu__trigger__open { display: none; } .menu--open .menu__trigger__close { display: block; width: 35px; height: 35px; float: right; } .menu--open .menu__trigger__close:before, .menu--open .menu__trigger__close:after { content: " "; display: table; } .menu--open .menu__trigger__close:after { clear: both; } .menu--open .menu__trigger__close span.icon.icon--close, .menu--open .menu__trigger__close span.btn--icon.icon--close, .menu--open .menu__trigger__close span.btn--icon-left.icon--close, .menu--open .menu__trigger__close span.btn--icon-right.icon--close, .menu--open .menu__trigger__close span.btn--icon-center.icon--close, .menu--open .menu__trigger__close span.tooltip.icon--close, .menu--open .menu__trigger__close span.icon-link.icon--close, .menu--open .menu__trigger__close span.form__label--checkbox.icon--close, .menu--open .menu__trigger__close span.form__label--radio.icon--close, .menu--open .menu__trigger__close span.form__select + .select2 .select2-selection__arrow.icon--close { color: #ffffff; right: 0; } .menu--open .menu__content { display: block; } .menu--open .menu__offset-top { margin-top: 30px; } .menu--open .header__login--mobile { color: #ffffff; font-size: 20px; } .menu--open .header__login--mobile a { color: #ffffff; } .menu--open .header__login--mobile .header__login__item, .menu--open .menu__footer .menu__item { margin-left: -10px; padding-left: 50px; display: inline-block; } .menu--open .header__login--mobile .icon, .menu--open .header__login--mobile .btn--icon, .menu--open .header__login--mobile .btn--icon-left, .menu--open .header__login--mobile .btn--icon-right, .menu--open .header__login--mobile .btn--icon-center, .menu--open .header__login--mobile .tooltip, .menu--open .header__login--mobile .icon-link, .menu--open .header__login--mobile .form__label--checkbox, .menu--open .header__login--mobile .form__label--radio, .menu--open .header__login--mobile .form__select + .select2 .select2-selection__arrow { left: 0; } .menu--open .menu__footer, .menu--open .menu__list { border-top: 2px solid rgba(255, 255, 255, 0.5); } .menu--open .text-underlined { display: inline-block; line-height: 1; text-decoration: none; border-bottom: 1px solid #ffffff; } .menu--open .menu__footer a:first-of-type .text-underlined { border-bottom: 0; font-weight: 600; } .menu--open .menu__footer a:last-of-type .text-underlined { font-weight: 300; } .menu__item { display: block; font-size: 20px; width: 100%; } @media only screen and (min-width: 1280px) { .menu__item { display: inline-block; width: auto; padding-bottom: 0; } } .menu__item:first-of-type { padding-left: 0; } .menu__item a, .menu__item span { color: #ffffff; } @media only screen and (min-width: 1280px) { .menu__item a, .menu__item span { color: #000000; padding-bottom: 9px; } } @media only screen and (min-width: 1280px) { .menu--active a { border-bottom: 2px solid #e5131c; } } .menu__header { display: block; } @media only screen and (min-width: 1280px) { .menu__header { display: none; } } .menu__content { display: none; } @media only screen and (min-width: 1280px) { .menu__content { display: block; } } .menu__footer { display: block; } @media only screen and (min-width: 1280px) { .menu__footer { display: none; } } .menu__list { display: inline-block; float: none; left: 0; position: relative; } .menu__list li { padding-left: 0; } .menu__list li:before { display: none; } .menu__list li + li { margin-top: 0; } @media only screen and (min-width: 1280px) { .menu__list { float: left; height: 50px; position: absolute; top: 50px; } .menu__list .menu__item { padding-top: 7px; } } .page { overflow: hidden; } .content-wrapper, .header__container, .cookie-bar__container { margin: 0 auto; max-width: 1280px; } .chat { bottom: 0; box-shadow: 0 0 20px rgba(153, 153, 153, 0.2); display: block; position: fixed; right: 0; z-index: 4; } .chat__btn { float: left; height: 60px; line-height: 60px; margin: 0; } .chat__btn.btn-box { color: #e5131c; } .chat__btn.btn-box--red { color: white; } .cookie-bar { display: none; } .cookie-bar__content { position: fixed; top: 0; left: 0; right: 0; font-size: 0.8rem; background-color: #f4fbff; border-bottom: 1px solid #e3f1f9; box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); z-index: 100; } .cookie-bar__container { padding: 1rem; text-align: center; } .cookie-bar__agree { vertical-align: middle; } .cookie-bar__more { display: inline-block; white-space: nowrap; } .cookie-bar__more-wrapper { margin-bottom: 10px; margin-top: 5px; } @media only screen and (min-width: 768px) { .cookie-bar__more-wrapper { display: inline-block; margin-bottom: 0; margin-top: 0; } } .submenu { line-height: 1.5; } .submenu, .submenu > li { list-style-type: none; margin: 0; padding: 0; } .submenu > li:before { display: none; content: ""; } .submenu > li > a { border-bottom: 1px solid #e5131c; text-decoration: none; } .submenu--trimmed > li { line-height: 1.75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .submenu--horizontal { line-height: 2; } .submenu--horizontal > li { display: inline-block; margin-right: 80px; } .submenu--horizontal > li:after { color: #e5131c; content: "\e900"; font-family: 'active24-icons'; font-size: 10px; margin-left: 10px; text-shadow: 0 1px 0 #e5131c; } .submenu--horizontal > li:last-child { margin-right: 0; } .submenu--guidepost > li { white-space: nowrap; margin-right: 53.33333333px; } .submenu--guidepost > li:after { display: none; } .submenu--guidepost > li:last-child { margin-right: 0; } .submenu__title-item { margin-right: 80px; } .submenu__title-icon { vertical-align: middle; } .submenu__title { font-size: 1.25em; } .visible-desk { display: none; } @media only screen and (min-width: 1280px) { .visible-desk { display: block; } } .visible-desk-inline { display: none; } @media only screen and (min-width: 1280px) { .visible-desk-inline { display: inline-block; } } .outline-none { outline: none; } .col-half-right-tal { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; float: none !important; margin-left: auto; text-align: left; } @media (min-width: 768px) { .col-half-right-tal { float: left; width: 50%; } } /** * Použití: Obaluje jednotlivé komponenty (1 wrapper obalující 1 koponentu). Zajišťuje mezi nimi rozestup. * Výhoda: Snadná automatizace obalení komponenty wrapperen .component. * Nevýhoda: Redundantní kód. * *
*
*
*
* *
*
*
*
* */ .component + .component { margin-top: 20px; } /** * Použití: Obaluje celou sekvenci komponenty (1 wrapper obalující N komponent). Zajišťuje mezi nimi rozestup. * Výhoda: Minimum html kódu. * Nevýhoda: Nutnost explicitní definice odsazovaných komponent. * *
*
* *
* *
*/ .component-list .featured-h + .featured-h, .component-list .featured-h + .indented-paragraph, .component-list .featured-h + .box, .component-list .featured-h + .price-row, .component-list .featured-h + .btn, .component-list .featured-h + .component-wrapper, .component-list .indented-paragraph + .featured-h, .component-list .indented-paragraph + .indented-paragraph, .component-list .indented-paragraph + .box, .component-list .indented-paragraph + .price-row, .component-list .indented-paragraph + .btn, .component-list .indented-paragraph + .component-wrapper, .component-list .box + .featured-h, .component-list .box + .indented-paragraph, .component-list .box + .box, .component-list .box + .price-row, .component-list .box + .btn, .component-list .box + .component-wrapper, .component-list .price-row + .featured-h, .component-list .price-row + .indented-paragraph, .component-list .price-row + .box, .component-list .price-row + .price-row, .component-list .price-row + .btn, .component-list .price-row + .component-wrapper, .component-list .btn + .featured-h, .component-list .btn + .indented-paragraph, .component-list .btn + .box, .component-list .btn + .price-row, .component-list .btn + .btn, .component-list .btn + .component-wrapper, .component-list .component-wrapper + .featured-h, .component-list .component-wrapper + .indented-paragraph, .component-list .component-wrapper + .box, .component-list .component-wrapper + .price-row, .component-list .component-wrapper + .btn, .component-list .component-wrapper + .component-wrapper { margin-top: 20px; } .text-underlined { text-decoration: underline; } .text-no-decoration { text-decoration: none; } .text-nowrap { white-space: nowrap; } .text-pre-wrap { white-space: pre-wrap; } .text-max-length, .text-maxlength { display: inline-block; vertical-align: top; word-break: break-all; } @media only screen and (min-width: 1280px) { .text-max-length, .text-maxlength { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 200px; } } @media only screen and (min-width: 1280px) { .text-max-length__header, .text-maxlength__header { max-width: 170px; } } .text-black { font-weight: 900; } .text-bold { font-weight: 700; } .text-semi-bold { font-weight: 600; } .text-normal { font-weight: 400; } .text-light { font-weight: 300; } .text-extra-light { font-weight: 200; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-middle { vertical-align: middle; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-no-transform { text-transform: none; } .text-medium { font-size: 0.9em; } .text-smaller { font-size: 0.85em; } .text-tiny { font-size: 0.778rem; } .text-strike { text-decoration: line-through; } .text-strike-slanted, .user-data .user-data__value--original { display: inline-block; position: relative; } .text-strike-slanted:before, .user-data .user-data__value--original:before { background-color: #e5131c; content: ''; display: block; height: 1px; left: -6px; position: absolute; right: -6px; top: 50%; -webkit-transform: translate(0, -50%) rotate(-6deg); -ms-transform: translate(0, -50%) rotate(-6deg); transform: translate(0, -50%) rotate(-6deg); } .text-highlight { color: #e5131c; } @media only screen and (min-width: 768px) { .text-columns { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } } .text-no-top-indented { margin-top: 0; padding-top: 0; } /*# sourceMappingURL=/cssc/a21/main.less/sources/source.map?v=1708945087684 */