/**
* 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: #1c9249;
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: #1c9249;
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: #2ef379;
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: #2ef379;
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: #b8a5ff;
border-radius: 100px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 18px;
line-height: 27px;
padding: 10px 20px;
position: relative;
text-align: center;
text-decoration: none;
text-transform: none;
top: 0;
min-width: 105px;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 4px;
}
.btn:hover {
background-color: #9e85fc;
}
.btn:active {
background-color: #7e62e2;
top: 1px;
}
.btn--primary-blue {
background-color: #b8a5ff;
color: #ffffff;
}
.btn--primary-blue:hover {
background-color: #9e85fc;
}
.btn--primary-blue:active {
background-color: #7e62e2;
}
.btn--primary-red {
background-color: #2ef379;
color: #000;
}
.btn--primary-red:hover {
background-color: #10db5d;
}
.btn--primary-red:active {
background-color: #05a341;
}
.btn--primary-grey {
color: #ffffff;
background-color: #cccccc;
}
.btn--primary-grey:hover {
background-color: #a1a1a1;
}
.btn--primary-grey:active {
background-color: #979797;
}
.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;
margin-bottom: 0;
padding: 6px 16px;
}
.btn--secondary-blue:hover,
.btn--secondary-red:hover,
.btn--secondary-blue:active,
.btn--secondary-red:active {
color: #ffffff;
}
.btn--secondary-blue {
border: 2px solid #b8a5ff;
color: #b8a5ff;
}
.btn--secondary-blue:hover {
background-color: #9e85fc;
border-color: #9e85fc;
}
.btn--secondary-blue:active {
background-color: #7e62e2;
border-color: #7e62e2;
}
.btn--secondary-red {
border: 2px solid #2ef379;
color: #2ef379;
}
.btn--secondary-red:hover {
background-color: #14b652;
border-color: #14b652;
}
.btn--secondary-red:active {
background-color: #05a341;
border-color: #05a341;
}
.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: #2ef379;
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: #2ef379;
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: #2ef379;
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 #b8a5ff;
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: #2ef379;
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: #2ef379;
}
.tag__sale {
color: #fff;
background-color: #2ef379;
}
.tag__top {
color: #fff;
background-color: #b8a5ff;
}
.tag__extra {
color: #fff;
background-color: #2ef379;
}
.contact-item {
text-decoration: none;
}
.contact-item--highlight {
font-size: 23px;
}
.contact-item span {
color: #000;
}
.contact-item__icon {
margin-right: 0.3em;
color: #1c9249;
}
.contact-item--mail .contact-item__label {
color: #1c9249;
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: #b8a5ff;
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=a114397');
}
.svg-icon--cart {
background-image: url('/-a30014---XeQjoLeF/cart.svg?_linka=a114509');
background-size: contain;
}
.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: #2ef379;
border-color: #2ef379;
}
.message--error:before {
content: "\e912";
}
.message--success {
color: #2ef379;
border-color: #2ef379;
}
.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: #fbfbf7;
}
.block--dark-blue {
background-color: #f7f7ee;
}
.block--grey {
background-color: #f4f3e6;
}
.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: #2ef379;
color: #000;
display: inline-block;
padding: 0 15px;
margin: 0;
vertical-align: top;
}
.featured-h--transparent {
background-color: rgba(46, 243, 121, 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);
border-radius: 40px;
}
.box--rounded {
border-radius: 100px;
}
.box--light-blue {
background-color: #fbfbf7;
}
.box--dark-blue {
background-color: #f7f7ee;
}
.box--grey {
background-color: #f4f3e6;
}
.box__header {
background-color: #2ef379;
color: #ffffff;
font-size: 23px;
font-weight: 600;
padding: 30px 50px;
position: relative;
border-radius: 40px 40px 0 0;
}
.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 {
outline: 2px solid #2ef379;
position: relative;
}
.box--has-tag .box__header {
border-radius: 0;
}
.box__tag {
top: -5px;
margin-left: -2px;
margin-right: -2px;
margin-bottom: -5px;
padding: 5px;
font-size: 14px;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
background: #2ef379;
position: relative;
}
@media only screen and (min-width: 768px) {
.box__tag {
border-radius: 40px 40px 0 0;
margin-top: -43px;
padding: 15px 5px;
}
}
.box__tag--new {
background-color: #b8a5ff;
}
.box__tag--sale {
background-color: #b8a5ff;
}
.box__tag--recommended {
background-color: #b8a5ff;
}
.box__tag--action {
background-color: #b8a5ff;
}
.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: /* #14b652 */ #10db5d;
}
@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: #2ef379;
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: #2ef379 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: #2ef379;
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: #7e62e2 /*@color--redesign-dark */;
display: block;
margin: 10px 0;
}
.additional__trigger {
color: #1c9249;
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: #fbfbf7;
}
.additional__header--dark-blue {
background-color: #f7f7ee;
}
.additional__header--grey {
background-color: #f4f3e6;
}
.additional__footer {
padding: 0 0 30px;
color: #2ef379;
font-size: 30px;
background-color: #fff;
}
.additional__footer--light-blue {
background-color: #fbfbf7;
}
.additional__footer--dark-blue {
background-color: #f7f7ee;
}
.additional__footer--grey {
background-color: #f4f3e6;
}
.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 #fbfbf7;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
height: 0;
width: 0;
}
.additional__content--dark-blue:before {
border-bottom: 25px solid #f7f7ee;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
height: 0;
width: 0;
}
.additional__content--grey:before {
border-bottom: 25px solid #f4f3e6;
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: #1c9249;
cursor: pointer;
background: #f4f3e6 none;
background: -moz-linear-gradient(top, #fbfbf7 0%, #fbfbf7 50%, #f4f3e6 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbfbf7), color-stop(50%, #fbfbf7), color-stop(100%, #f4f3e6));
background: -webkit-linear-gradient(top, #fbfbf7 0%, #fbfbf7 50%, #f4f3e6 100%);
background: -o-linear-gradient(top, #fbfbf7 0%, #fbfbf7 50%, #f4f3e6 100%);
background: -ms-linear-gradient(top, #fbfbf7 0%, #fbfbf7 50%, #f4f3e6 100%);
background: linear-gradient(to bottom, #fbfbf7 0%, #fbfbf7 50%, #f4f3e6 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: #fbfbf7;
}
.tabs__item--dark-blue {
background-color: #f7f7ee;
}
.tabs__item--grey {
background-color: #f4f3e6;
}
}
.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: #fbfbf7;
}
.tabs--short > .tabs__item--dark-blue {
background-color: #f7f7ee;
}
@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: #2ef379;
}
.compare--alternative .icon--close {
color: #2ef379;
}
.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: #fbfbf7;
}
.compare thead,
.compare tbody {
border: hidden;
}
.compare__title {
font-size: 30px;
text-decoration: none;
color: #1c9249;
}
a.compare__title {
border-bottom: 1px solid #1c9249;
}
.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: #fbfbf7;
}
.double__top--dark-blue,
.double__bottom--dark-blue {
background-color: #f7f7ee;
}
.double__top--grey,
.double__bottom--grey {
background-color: #f4f3e6;
}
.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;
}
@media only screen and (min-width: 768px) {
.inline-form__item--btn-wrapper {
margin-left: -30px;
}
}
.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;
border-radius: 100px;
height: 60px;
padding: 17px 25px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.inline-form input {
border-radius: 100px 0 0 100px;
}
}
.inline-form img {
max-height: 100px;
max-width: 100%;
}
.inline-form__btn {
height: 60px;
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;
border-radius: 40px;
}
.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: #2ef379;
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: #8ef9b7;
}
.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: #7E62E2;
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: #7E62E2;
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: #2ef379;
}
.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: #1c9249;
}
.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: #b8a5ff;
border-color: #b8a5ff;
}
.form__input[type="radio"] {
height: 0;
visibility: hidden;
}
.form__input[type="radio"]:checked + .form__label--radio::before {
background: #b8a5ff;
border-color: #b8a5ff;
}
.form__input--error {
border: solid 2px /* #14b652 */ #10db5d;
}
.form__input--error + .form__label::before {
border: solid 2px /* #14b652 */ #10db5d;
}
.form__input--success {
border: solid 2px #2ef379;
}
.form__input--success + .form__label::before {
border: solid 2px #2ef379;
}
.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: #2ef379;
right: 15px;
top: 15px;
}
.form__select + .select2 .select2-selection__arrow b {
display: none;
}
.form__select--error + .select2 .select2-selection {
border: solid 2px /* #14b652 */ #10db5d !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 /* #14b652 */ #10db5d;
}
.form__textarea.form__input--success {
border: solid 2px #2ef379;
}
.form__note--error {
display: inline-table;
color: /* #14b652 */ #10db5d;
font-size: .9em;
margin: 0 0 10px 0;
}
.form__note--success {
display: inline-table;
color: #2ef379;
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: #2ef379;
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 #2ef379;
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: #2ef379;
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 #b8a5ff;
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: #b8a5ff;
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(251, 251, 247, 0) 0%, #fbfbf7 100%);
background: -webkit-linear-gradient(to right, rgba(251, 251, 247, 0) 0%, #fbfbf7 100%);
background: linear-gradient(to right, rgba(251, 251, 247, 0) 0%, #fbfbf7 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(247, 247, 238, 0) 0%, #f7f7ee 100%);
background: -webkit-linear-gradient(to right, rgba(247, 247, 238, 0) 0%, #f7f7ee 100%);
background: linear-gradient(to right, rgba(247, 247, 238, 0) 0%, #f7f7ee 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(244, 243, 230, 0) 0%, #f4f3e6 100%);
background: -webkit-linear-gradient(to right, rgba(244, 243, 230, 0) 0%, #f4f3e6 100%);
background: linear-gradient(to right, rgba(244, 243, 230, 0) 0%, #f4f3e6 100%);
top: 0;
right: -1px;
bottom: 0;
width: 20px;
}
/**
* Footer.
*/
.footer {
background-color: #f7f7ee;
padding: 50px 40px;
position: relative;
}
.footer a {
color: #333333;
text-decoration: none;
}
.footer a:hover {
color: #07903b;
}
.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: #1c9249;
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: #1c9249;
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: #1c9249;
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: #1c9249;
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: #1c9249;
}
/**
* Footnote – copyright + links + social share (located in footer).
*/
.footer-bottom {
margin-left: -20px;
margin-right: -20px;
color: #333333;
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: #2ef379;
}
.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: none /* redesign */;
}
.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 .svg-icon {
height: 35px;
width: 35px;
left: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.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=a114407') no-repeat center;
background-size: contain;
width: 120px;
height: 50px;
margin-top: 10px;
margin-left: 10px;
z-index: 3;
}
@media only screen and (min-width: 768px) {
.header__logo {
width: 210px;
height: 60px;
margin-top: 20px;
}
}
@media only screen and (min-width: 1280px) {
.header__logo {
margin-top: 5px;
width: 190px;
height: 90px;
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% - 270px);
}
}
.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: #1c9249;
padding: 0 3px;
}
/**
* Login (located in header).
*/
.header__login {
font-size: 15px;
font-weight: 300;
}
.header__login u .icon,
.header__login u .btn--icon,
.header__login u .btn--icon-left,
.header__login u .btn--icon-right,
.header__login u .btn--icon-center,
.header__login u .tooltip,
.header__login u .icon-link,
.header__login u .form__label--checkbox,
.header__login u .form__label--radio,
.header__login u .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: #07903b;
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: #b8a5ff;
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 #2ef379;
}
.header-controls a.header__item span:not(.icon,.svg-icon):hover {
border-bottom: 2px solid #2ef379;
}
}
/**
* 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: #1c9249;
}
.menu:not(.menu--open) .menu__trigger__close {
display: none;
}
.menu--open {
background-color: #1c9249;
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 #2ef379;
}
}
.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: #2ef379;
}
.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: #fbfbf7;
border-bottom: 1px solid #f7f7ee;
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 #1c9249;
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: #2ef379;
content: "\e900";
font-family: 'active24-icons';
font-size: 10px;
margin-left: 10px;
text-shadow: 0 1px 0 #1c9249;
}
.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: #000000 /* @color--red */;
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: #1c9249;
}
@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=1715620144282 */