/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Global styles start*/
* { outline: none; }

html, body { height: 100%; cursor: default; }

ul, ol, li { margin: 0; padding: 0; list-style: none; }

button { border: none; padding: 0; margin: 0; background-color: transparent; cursor: pointer; }

button[type="button"]:focus, button[type="submit"]:focus { outline: none; }

input[type='number'] { -moz-appearance: textfield; }

input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input:focus, textarea:focus { outline: none; }

input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-results-button, input[type='search']::-webkit-search-results-decoration { display: none; }

svg { max-width: 100%; max-height: 100%; stroke-width: 0; fill: currentColor; pointer-events: none; }

img { max-width: 100%; }

hr { color: #C3D3E7; background-color: #C3D3E7; border: 0 none; height: 1px; clear: both; margin: 0; }

article h2, article h3, article h4, article h5, article h6 { font-family: "Lato Bold", sans-serif; }

/* Global styles end*/
/*Custom styles start*/
.page__wrapper { display: flex; flex-direction: column; min-height: 100%; }

.page__wrapper .footer { flex: 0 0 auto; }

.page__content { flex: 1 0 auto; }

@media all and (min-width: 992px) { .page__section + .page__section { margin-top: 9.375rem; } }

@media all and (min-width: 576px) and (max-width: 991px) { .page__section + .page__section { margin-top: 6.25rem; } }

@media all and (max-width: 575px) { .page__section + .page__section { margin-top: 4.6875rem; } }

.page__inner { transition: filter 0.2s linear; height: 100%; width: 100%; }

.page__inner.is-blurred { filter: blur(0.375rem); }

[data-scrollbar="true"] .page__content { min-height: 71.5vh; }

.container--large { max-width: 1400px; }

@media all and (min-width: 768px) { .offset-top--small { padding-top: 3.125rem; } }

@media all and (max-width: 767px) { .offset-top--small { padding-top: 1.875rem; } }

@media all and (min-width: 768px) { .offset-top--normal { padding-top: 4.375rem; } }

@media all and (max-width: 767px) { .offset-top--normal { padding-top: 2.5rem; } }

@media all and (min-width: 768px) { .offset-top--middle { padding-top: 6.25rem; } }

@media all and (max-width: 767px) { .offset-top--middle { padding-top: 3.125rem; } }

@media all and (min-width: 768px) { .offset-top--large { padding-top: 8.125rem; } }

@media all and (max-width: 767px) { .offset-top--large { padding-top: 4.0625rem; } }

@media all and (min-width: 768px) { .offset-bottom--small { padding-bottom: 3.125rem; } }

@media all and (max-width: 767px) { .offset-bottom--small { padding-bottom: 1.875rem; } }

@media all and (min-width: 768px) { .offset-bottom--normal { padding-bottom: 4.375rem; } }

@media all and (max-width: 767px) { .offset-bottom--normal { padding-bottom: 2.5rem; } }

@media all and (min-width: 768px) { .offset-bottom--middle { padding-bottom: 6.25rem; } }

@media all and (max-width: 767px) { .offset-bottom--middle { padding-bottom: 3.125rem; } }

@media all and (min-width: 768px) { .offset-bottom--large { padding-bottom: 8.125rem; } }

@media all and (max-width: 767px) { .offset-bottom--large { padding-bottom: 4.0625rem; } }

.svg-icon--circle-arrow { fill: none; stroke-width: 1; }

/*Custom styles end*/
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.header { transition-property: box-shadow, background-color; transition-duration: 0.2s; position: fixed; left: 0; right: 0; top: 0; z-index: 7; }

.header--dark { color: #000000; }

.header--dark.is-active { box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); background-color: #ffffff; }

.header__navigation-link { transition-property: color, background; transition-duration: 0.2s; display: inline-block; padding: 0.78125rem 0.15625rem; position: relative; margin-right: calc(1.5625rem + 1.575vw); letter-spacing: 0.02em; color: black; }

.header__navigation-link:after { transition: width 0.2s linear; content: ""; display: block; position: absolute; width: 0; max-width: 100%; left: 0.15625rem; bottom: 0.625rem; height: 2px; background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); border-radius: 2px; }

.header__navigation-link.is-current { color: #788A96; }

.header__navigation-link.is-current:after { width: 1.875rem; }

.header__navigation-link:not(.is-current) { /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .header__navigation-link:not(.is-current) { background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); -webkit-background-clip: text; }
  .header__navigation-link:not(.is-current):hover { color: rgba(0, 0, 0, 0); } }

.header__language { display: inline-block; }

.header__language-button { padding-top: 0.78125rem; padding-bottom: 0.78125rem; padding-right: 1.5rem; position: relative; }

.header__language-button:after { transition: transform 0.2s linear; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMC41TDYgNS41TDExIDAuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-position: center center; background-repeat: no-repeat; background-size: contain; content: ""; display: block; position: absolute; width: 0.75rem; height: 0.75rem; right: 0; top: 50%; transform: translateY(-50%) rotate(0); }

.header__language-button[aria-expanded='true']:after { transform: translateY(-50%) rotate(180deg); }

.header__language-list { background-color: #ffffff; box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); padding: 0.3125rem 0.3125rem 0.3125rem 0; margin-top: -0.78125rem; }

.header__language-link { display: block; padding: 0.5rem 1rem; text-transform: uppercase; }

.header__language-link.is-active { color: #788A96; cursor: default; }

.header__button { height: 24px; width: 32px; display: block; position: relative; z-index: 3; }

.header__button:after, .header__button:before { content: ""; display: block; position: absolute; transition: all 0.2s linear; width: 32px; transform-origin: 50% 50%; }

.header__button-line, .header__button:after, .header__button:before { height: 2px; background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); border-radius: 2px; }

.header__button-line { transition: opacity 0.2s linear; position: absolute; top: 50%; transform: translateY(-50%); display: block; right: 0; width: 80%; }

.header__button:before { top: 0; }

.header__button:after { bottom: 0; }

.header__button.is-active:before { transform: translateY(calc(12px - 1px)) rotate(45deg); }

.header__button.is-active:after { transform: translateY(calc(-12px + 1px)) rotate(-45deg); }

.header__button.is-active .header__button-line { opacity: 0; }

.header__menu { position: absolute; right: 0; top: 0; background-color: #ffffff; width: 100%; max-width: 18.75rem; box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); border-bottom-left-radius: 1.875rem; transform: translateY(-110%); }

.header__menu-content { padding: 1.40625rem 30px 1.875rem; }

.header__menu-list { padding: 1.09375rem 0; }

.header__menu-link { display: inline-block; padding: 0.83125rem 0; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.form__field { flex-grow: 1; border: 0; background: none; outline: none; padding: 0; margin: 0; color: #000000; transition: all 0.2s linear; font-size: 0.875rem; }

.form__field:invalid, .invalid .form__field { color: #ff0000; }

.form__field::-webkit-input-placeholder { color: #9CA9B2; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; }

.form__field::-moz-placeholder { color: #9CA9B2; -moz-transition: color 0.2s linear; transition: color 0.2s linear; }

.form__field:focus::-webkit-input-placeholder { color: transparent; }

.form__field:focus::-moz-placeholder { color: transparent; }

.form__field[disabled] { pointer-events: none !important; opacity: 0.3 !important; cursor: default !important; }

.form__field[readonly] { cursor: default !important; }

.form input[type="checkbox"], .form input[type="radio"] { position: absolute; visibility: hidden; }

.form__label { position: relative; display: block; cursor: pointer; }

.form__icon { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; margin-right: 0.625rem; }

.form__icon svg { width: 0.875rem; height: 0.875rem; transition: fill 0.2s linear; }

.form__checkbox-input:checked + .form__checkbox-button { color: #000000; border-color: #000000; }

.form__checkbox .checked { color: #000000; border-color: #000000; }

.form__reset { position: absolute; right: 0; bottom: 0.3125rem; color: #9CA9B2; opacity: 0; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media all and (min-width: 768px) { .form__reset { right: 3.03125rem; } }

@media all and (max-width: 767px) { .form__reset { right: 0; } }

.form__reset .svg-icon { transition: stroke 0.2s linear; stroke-width: 1px; stroke: #9CA9B2; stroke-linecap: round; stroke-linejoin: round; vertical-align: top; }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .form__reset:hover .svg-icon { stroke: #788A96; } }

.form__reset-button { width: 1.25rem; height: 1.25rem; padding: 0.125rem; margin-left: 0.46875rem; }

.form--search.have-suggestions .form__field { padding-right: 8.125rem; }

.form--search .form__field { border-bottom: 1px solid #C3D3E7; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom: 0.3125rem; padding-top: 0.3125rem; }

.form--search .form__field:focus { border-color: #000000; }

.form--search .form__icon svg { fill: #9CA9B2; }

.form--search .form__label { cursor: default; }

.form--search .form__label--search { flex: 1 0 auto; }

@media all and (max-width: 575px) { .form--search .form__label--search { max-width: calc(100% - 6.875rem); } }

@media all and (min-width: 768px) { .form--search .form__label--search { padding-right: 3.03125rem; }
  .form--search .form__label--sort { flex: 0 0 15.625rem; max-width: 15.625rem; padding-top: 0.20625rem; } }

.form--search .select { min-height: 100%; }

.form--search .select:after { right: 0; }

.form--search .select.is-open:not(.is-flipped) .select__inner { border-radius: 0; }

.form--search .select.is-open:not(.is-flipped) .select__list--dropdown { border-width: 1px; }

.form--search .select__inner { min-height: 100%; padding: 0; border-radius: 0; border: none; color: #9CA9B2; display: flex; }

.form--search .select__inner:after { display: none; }

.form--search .select__placeholder { opacity: 1; padding-right: 1.25rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.form--search .select__list--dropdown { margin-top: 0.625rem; padding-top: 0; }

.form--filter { overflow: auto; width: calc(100% + 30px); margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; }

.form--filter .form__checkbox { margin-bottom: 15px; }

.form__wrap { position: relative; }

@media all and (max-width: 575px) { .form__wrap:after { content: ""; display: block; position: absolute; width: 30px; background: linear-gradient(to right, rgba(255, 255, 255, 0), white); right: -15px; top: 0; height: 100%; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.modal { display: none; }

@media all and (max-width: 767px) { .modal .title { line-height: 1.75rem; } }

.modal[aria-hidden='false'] .modal__wrapper { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

.modal[aria-hidden='false'] .modal__container { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

.modal[aria-hidden='true'] .modal__wrapper { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

.modal[aria-hidden='true'] .modal__container { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

.modal__wrapper, .modal__container { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; will-change: transform; }

.modal.is-active { display: block; }

.modal__wrapper, .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; }

.modal__wrapper { display: flex; justify-content: center; align-items: center; z-index: 9; padding: 0.625rem; }

.modal__overlay { background: rgba(47, 51, 88, 0.24); }

.modal__container { width: 100%; max-width: calc(100% - 30px); background-color: #ffffff; max-height: 100%; overflow: auto; position: relative; z-index: 1; }

.modal__close { width: 50px; height: 50px; padding: 12.5px; display: flex; margin-left: auto; }

.modal__close .svg-icon { transition: stroke 0.2s linear; stroke-width: 1px; stroke: #9CA9B2; }

.modal__close:hover .svg-icon { stroke: #788A96; }

@media all and (min-width: 992px) { .modal--choice .modal__choice { padding: 2.75vh 2.08125rem; } }

@media all and (max-width: 991px) { .modal--choice .modal__choice { padding: 1.25rem; } }

@media all and (min-width: 992px) { .modal--choice .modal__choice-checkboxes { margin: 3.5vh 0 3vh; } }

@media all and (max-width: 991px) { .modal--choice .modal__choice-checkboxes { margin: 0.9375rem 0 0.46875rem; } }

.modal--choice .modal__choice-regions-item .radio__content { padding-right: 0.625rem; }

.modal--choice .modal__container { border-radius: 1.875rem; box-shadow: 0 0.375rem 1rem 0 rgba(40, 67, 92, 0.1); }

@media all and (min-width: 1240px) { .modal--choice .modal__container { max-width: 72.65625rem; } }

.modal--notify.is-error .title { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(101.39deg, #F76D75 -4.92%, #FF4F4F 111.98%); }

@media all and (min-width: 576px) { .modal--notify .modal__buttons .button:not(:last-child), .modal--notify .modal__buttons .form__checkbox-button:not(:last-child) { margin-right: 15px; } }

@media all and (max-width: 575px) { .modal--notify .modal__buttons .button, .modal--notify .modal__buttons .form__checkbox-button { width: 100%; }
  .modal--notify .modal__buttons .button:not(:last-child), .modal--notify .modal__buttons .form__checkbox-button:not(:last-child) { margin-bottom: 15px; } }

.modal--cookies .modal__container { max-width: initial; padding-top: 3.875rem; background-color: transparent; }

@media all and (min-width: 768px) { .modal--cookies .modal__container { padding-bottom: 2rem; } }

@media all and (max-width: 767px) { .modal--cookies .modal__container { padding-bottom: 0.9375rem; } }

.modal--cookies .modal__wrapper { align-items: flex-end; }

.modal--cookies .cookies { position: relative; }

.modal--cookies .cookies__content { background-color: #ffffff; padding: 1.125rem; box-shadow: 0 0 0.78125rem rgba(255, 144, 82, 0.63); }

@media all and (min-width: 768px) { .modal--cookies .cookies__content { border-radius: 0.625rem 0 0 0.625rem; }
  .modal--cookies .cookies__content .svg-icon { flex: 0 0 3.75rem; } }

@media all and (max-width: 767px) { .modal--cookies .cookies__content { border-radius: 0.625rem 0.625rem 0 0; } }

@media all and (max-width: 575px) { .modal--cookies .cookies__content { font-size: 0.75rem; } }

.modal--cookies .cookies__button { font-size: 1rem; height: 100%; text-align: center; background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); color: #ffffff; text-transform: uppercase; letter-spacing: 0.12em; }

@media (max-width: 1240px) { .modal--cookies .cookies__button { font-size: calc(0.94375rem + 0.07258vw) ; } }

@media all and (min-width: 768px) { .modal--cookies .cookies__button { border-radius: 0 0.625rem 0.625rem 0; width: 16.875rem; } }

@media all and (max-width: 767px) { .modal--cookies .cookies__button { width: 100%; padding: 0.625rem 0; border-radius: 0 0 0.625rem 0.625rem; } }

.modal--cookies .cookies__close { position: absolute; right: 15px; top: -2.875rem; width: 1.875rem; height: 1.875rem; }

.modal--cookies .cookies__close .svg-icon { transition: stroke 0.2s linear; stroke-width: 1px; stroke: #ffffff; }

.modal--cookies .cookies__close:hover .svg-icon { stroke: #9CA9B2; }

.modal--default .modal__close { position: absolute; right: 0; top: 0; }

.modal--default .modal__container { border-radius: 1.25rem; width: 35.625rem; box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); }

@media all and (min-width: 576px) { .modal--default .modal__container { padding: 2.8125rem; } }

@media all and (max-width: 575px) { .modal--default .modal__container { padding: 2.8125rem 15px 30px; } }

.modal--default .modal__main { text-align: center; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.title { font-weight: normal; }

.title--small, .title--middle { line-height: 1.75rem; }

.title--middle, .title--normal, .title--large { letter-spacing: 0.02em; }

.title--small { font-size: 1.125rem; font-family: "Lato Bold", sans-serif; }

@media (max-width: 1240px) { .title--small { font-size: calc(0.95625rem + 0.21774vw) ; } }

.title--middle { font-size: 1.25rem; }

@media (max-width: 1240px) { .title--middle { font-size: calc(0.96875rem + 0.3629vw) ; } }

.title--normal { font-size: 1.625rem; line-height: 2.25rem; }

@media (max-width: 1240px) { .title--normal { font-size: calc(1.00625rem + 0.79839vw) ; } }

.title--large { font-size: 2.125rem; line-height: 2.875rem; }

@media (max-width: 1240px) { .title--large { font-size: calc(1.05625rem + 1.37903vw) ; } }

.title--extra-large { font-family: "Lato Black", sans-serif; font-size: 3.125rem; line-height: 3.75rem; text-transform: uppercase; letter-spacing: 0.1em; }

@media (max-width: 1240px) { .title--extra-large { font-size: calc(1.15625rem + 2.54032vw) ; } }

.title--medium { font-family: "Lato Medium", sans-serif; }

.text--small { font-size: 0.875rem; }

.text--normal { font-size: 1rem; }

@media (max-width: 1240px) { .text--normal { font-size: calc(0.94375rem + 0.07258vw) ; } }

.text--extra-large { font-size: 3.125rem; }

@media (max-width: 1240px) { .text--extra-large { font-size: calc(1.15625rem + 2.54032vw) ; } }

@media (min-width: 576px) { .text-sm--small { font-size: 0.875rem; }
  .text-sm--normal { font-size: 1rem; } }

@media (min-width: 576px) and (max-width: 1240px) { .text-sm--normal { font-size: calc(0.94375rem + 0.07258vw) ; } }

@media (min-width: 576px) { .text-sm--extra-large { font-size: 3.125rem; } }

@media (min-width: 576px) and (max-width: 1240px) { .text-sm--extra-large { font-size: calc(1.15625rem + 2.54032vw) ; } }

@media (min-width: 768px) { .text-md--small { font-size: 0.875rem; }
  .text-md--normal { font-size: 1rem; } }

@media (min-width: 768px) and (max-width: 1240px) { .text-md--normal { font-size: calc(0.94375rem + 0.07258vw) ; } }

@media (min-width: 768px) { .text-md--extra-large { font-size: 3.125rem; } }

@media (min-width: 768px) and (max-width: 1240px) { .text-md--extra-large { font-size: calc(1.15625rem + 2.54032vw) ; } }

@media (min-width: 992px) { .text-lg--small { font-size: 0.875rem; }
  .text-lg--normal { font-size: 1rem; } }

@media (min-width: 992px) and (max-width: 1240px) { .text-lg--normal { font-size: calc(0.94375rem + 0.07258vw) ; } }

@media (min-width: 992px) { .text-lg--extra-large { font-size: 3.125rem; } }

@media (min-width: 992px) and (max-width: 1240px) { .text-lg--extra-large { font-size: calc(1.15625rem + 2.54032vw) ; } }

@media (min-width: 1240px) { .text-xl--small { font-size: 0.875rem; }
  .text-xl--normal { font-size: 1rem; } }

@media (min-width: 1240px) and (max-width: 1240px) { .text-xl--normal { font-size: calc(0.94375rem + 0.07258vw) ; } }

@media (min-width: 1240px) { .text-xl--extra-large { font-size: 3.125rem; } }

@media (min-width: 1240px) and (max-width: 1240px) { .text-xl--extra-large { font-size: calc(1.15625rem + 2.54032vw) ; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.text--gray-dark { color: #788A96; }

.text--gray-light { color: #9CA9B2; }

.text--blue-light { color: #C3D3E7; }

.text-gradient { -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.text-gradient--orange-pink { background-image: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); }

.text--gradient-hover { /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .text--gradient-hover { -webkit-background-clip: text; background-image: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); }
  .text--gradient-hover:hover { color: rgba(0, 0, 0, 0); } }

.text--extra-small { font-size: 0.75rem; }

.text--small { font-size: 0.875rem; }

.text--paragraph + .text--paragraph { padding-top: 1.25rem; }

.text--medium { font-family: "Lato Medium", sans-serif; }

.text--bold { font-family: "Lato Bold", sans-serif; }

.text--clamp { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }

.text--clamp--2 { -webkit-line-clamp: 2; }

.text--clamp--3 { -webkit-line-clamp: 3; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.button, .form__checkbox-button { display: inline-block; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.button--default, .form__checkbox-button { padding: 0.75rem 2.5rem; border-radius: 3.75rem; min-height: 2.875rem; line-height: 1.25rem; letter-spacing: 0.06em; }

.button--small { padding: 0.375rem 1.25rem; min-height: 1.25rem; }

.button--large { width: 21.875rem; max-width: 100%; }

.button--light, .button--dark, .button--gray, .form__checkbox-button { transition-property: background-color, color; transition-duration: 0.2s; border-width: 1px; border-style: solid; background-color: transparent; }

.button--light:disabled, .button--light.is-disabled, .button--dark:disabled, .button--dark.is-disabled, .button--gray:disabled, .form__checkbox-button:disabled, .button--gray.is-disabled, .is-disabled.form__checkbox-button { color: #ffffff; }

.button--light:disabled, .button--light.is-disabled, .button--dark:disabled, .button--dark.is-disabled, .button--gray:disabled, .form__checkbox-button:disabled, .button--gray.is-disabled, .is-disabled.form__checkbox-button, .button--bright:disabled, .button--bright.is-disabled { border-color: #D7D8E3; background-color: #D7D8E3; cursor: default; }

.button--light { color: #ffffff; border-color: #ffffff; }

.button--light:not(:disabled):not(.is-disabled) { /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .button--light:not(:disabled):not(.is-disabled):hover { background-color: rgba(255, 255, 255, 0.2); } }

.button--light:not(:disabled):not(.is-disabled):active { background-color: white; color: #000000; }

.button--dark { color: #000000; border-color: #000000; }

.button--dark:not(:disabled):not(.is-disabled) { /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .button--dark:not(:disabled):not(.is-disabled):hover { background-color: rgba(0, 0, 0, 0.2); } }

.button--dark:not(:disabled):not(.is-disabled):active { background-color: black; color: #ffffff; }

.button--gray, .form__checkbox-button { color: #9CA9B2; border-color: #9CA9B2; }

.button--gray:not(:disabled):not(.is-disabled), .form__checkbox-button:not(:disabled):not(.is-disabled) { /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .button--gray:not(:disabled):not(.is-disabled):hover, .form__checkbox-button:not(:disabled):not(.is-disabled):hover { background-color: rgba(156, 169, 178, 0.2); } }

.button--gray:not(:disabled):not(.is-disabled):active, .form__checkbox-button:not(:disabled):not(.is-disabled):active { background-color: #9ca9b2; color: #ffffff; }

.button--white { background-color: #ffffff; color: #FF154D; transition-property: background-color, border-color; transition-duration: 0.2s; border: 1px solid transparent; }

.button--white:not(:disabled):not(.is-disabled) { /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .button--white:not(:disabled):not(.is-disabled):hover { border-color: #FF154D; color: #FF154D; } }

.button--blue { color: #ffffff; background: linear-gradient(93.97deg, #66E1FC -0.8%, #5BACF7 99.03%); box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); }

.button--bright { transition-property: box-shadow; transition-duration: 0.2s; position: relative; overflow: hidden; color: #ffffff; }

.button--bright:not(:disabled):not(.is-disabled) .button__content { position: relative; z-index: 1; }

.button--bright:not(:disabled):not(.is-disabled):before, .button--bright:not(:disabled):not(.is-disabled):after { transition-property: opacity, visibility; transition-duration: 0.4s; content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; }

.button--bright:not(:disabled):not(.is-disabled):before { background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); }

.button--bright:not(:disabled):not(.is-disabled):after { background: linear-gradient(272.66deg, #FF5449 -3.03%, #FF013E 100.69%); opacity: 0; visibility: hidden; }

.button--bright:not(:disabled):not(.is-disabled):hover { color: #ffffff; }

.button--bright:not(:disabled):not(.is-disabled):hover:before { opacity: 0; visibility: hidden; }

.button--bright:not(:disabled):not(.is-disabled):hover:after { opacity: 1; visibility: visible; }

.button--bright:not(:disabled):not(.is-disabled):active { box-shadow: 0 0 0.78125rem rgba(255, 144, 82, 0.63); }

.button--bright:disabled:hover, .button--bright.is-disabled:hover { color: #ffffff; }

.button--rounded { border-radius: 0 0 1.875rem 1.875rem; }

.button--accent { font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.12em; text-transform: uppercase; font-family: "Lato Medium", sans-serif; color: #ffffff; }

@media (max-width: 1240px) { .button--accent { font-size: calc(0.94375rem + 0.07258vw) ; } }

@media all and (min-width: 576px) { .button--accent { width: 14.0625rem; } }

@media all and (max-width: 575px) { .button--accent { width: 13.125rem; } }

.button--accent .button__inner { display: block; position: relative; padding-top: 100%; }

.button--accent .button__hexagon, .button--accent .button__content { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; }

.button--accent .button__hexagon { z-index: 1; }

.button--accent .button__hexagon-blur, .button--accent .button__hexagon-substrate { transition-duration: 0.3s; transition-timing-function: cubic-bezier(0, 0, 0.25, 0.94); }

.button--accent .button__hexagon-blur { transition-property: opacity, visibility; opacity: 0; visibility: hidden; }

.button--accent .button__hexagon-substrate { transition-property: transform; opacity: .5; transform: scaleY(0.5); transform-origin: center center; }

.button--accent .button__content { padding: 5%; z-index: 3; }

.button--accent .button__content-inner { display: block; }

.button--accent .button__content--cross .button__content-inner { position: relative; padding-top: 2.49375rem; margin-top: -1.59375rem; }

.button--accent .button__content--cross .button__content-inner:before { content: ""; display: block; position: absolute; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYuMTI0OCAxVjE2TTE2LjEyNDggMTZWMzFNMTYuMTI0OCAxNkgzMS4xMjQ4TTE2LjEyNDggMTZIMS4xMjQ3NiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 1.875rem; height: 1.875rem; left: 50%; transform: translateX(-50%); top: 0; }

.button--accent:hover { color: #ffffff; }

.button--accent:hover .button__hexagon-substrate { transform: scaleY(1); }

.button--accent:active .button__hexagon-blur { opacity: .6; visibility: visible; }

.button--up { position: relative; width: 2.875rem; height: 2.875rem; border-radius: 50%; background-color: #ffffff; box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); /* pointer: coarse - Touchscreen and Touchscreen+Mouse any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: coarse) and (any-pointer: fine) { .button--up { opacity: 0; } }

.button--up:after { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMC41TDYgNS41TDExIDAuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-position: center center; background-repeat: no-repeat; background-size: 25%; transform: rotate(180deg); }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.logotype { display: inline-block; }

@media all and (max-width: 575px) { .logotype { max-width: 140px; } }

.logotype--dark .logotype__text { fill: #000000; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
.card__simple .badges__list { padding: 0.625rem; position: absolute; z-index: 1; top: 0; left: 0; }

.card__simple-image { display: block; }

.card__simple--material { position: relative; overflow: hidden; }

.card__simple--material .card__simple-image { border: 1px solid #D7D8E3; border-radius: 1.875rem; background-position: center center; background-size: cover; background-repeat: no-repeat; }

@media all and (min-width: 1240px) { .card__simple--material .card__simple-image { height: 22.5rem; } }

@media all and (min-width: 992px) and (max-width: 1239px) { .card__simple--material .card__simple-image { height: 17.5rem; } }

@media all and (max-width: 991px) { .card__simple--material .card__simple-image { height: 12.5rem; } }

.card__simple--news .card__simple-image { position: relative; padding-top: 85.2%; border-radius: 1.875rem; overflow: hidden; }

.card__simple--news .card__simple-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; }

.card__simple--news .card__simple-description, .card__simple--news .card__simple-link { line-height: 1.5rem; }

.card__simple--news .card__simple-link { background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); -webkit-background-clip: text; color: rgba(0, 0, 0, 0); transition: transform 0.2s linear; }

.card__simple--news .card__simple-link:hover { transform: translateY(-0.625rem); }

.card__simple--downloaded .badges__list { transform: translateY(0); transition-property: opacity, visibility, transform; transition-duration: 0.2s; opacity: 1; visibility: visible; z-index: 1; }

.card__simple--downloaded .card__simple-image { position: relative; }

.card__simple--downloaded .card__simple-image:hover .button--default, .card__simple--downloaded .card__simple-image:hover .form__checkbox-button { transform: translateY(0); opacity: 1; visibility: visible; }

.card__simple--downloaded .card__simple-image:hover ~ .badges__list { transform: translateY(10%); opacity: 0; visibility: hidden; }

.card__simple--downloaded .card__simple-image:hover .card__simple-download:before { opacity: .8; }

.card__simple--downloaded .card__simple-download { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.card__simple--downloaded .card__simple-download:before { transition: opacity 0.2s linear; content: ""; display: block; position: absolute; left: 0; width: 100%; top: -1px; bottom: -1px; background-color: #C3D3E7; border-radius: 1.875rem; opacity: 0; z-index: 1; }

.card__simple--downloaded .card__simple-download .button--default, .card__simple--downloaded .card__simple-download .form__checkbox-button { transition: all 0.2s linear; position: relative; z-index: 3; transform: translateY(25%); opacity: 0; visibility: hidden; min-width: 14.6875rem; }

.card__simple--downloaded .card__simple-download .button--default.button--light, .card__simple--downloaded .card__simple-download .button--light.form__checkbox-button { background-color: #ffffff; }

.card__simple--downloaded .card__simple-download .button--default.button--light .button__content, .card__simple--downloaded .card__simple-download .button--light.form__checkbox-button .button__content { background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); -webkit-background-clip: text; color: rgba(0, 0, 0, 0); }

.card__simple--downloaded .card__simple-download .button--default.button--light:hover, .card__simple--downloaded .card__simple-download .button--light.form__checkbox-button:hover { background-color: #e6e6e6; border-color: #e6e6e6; }

.card__product { height: 100%; }

.card__product-holder { height: inherit; transition-property: box-shadow, transform; transition-duration: 0.2s; position: relative; border-radius: 1.875rem; transform: translateY(0); }

.card__product-content { transition-property: border-color; transition-duration: inherit; border-top-left-radius: 1.875rem; border-top-right-radius: 1.875rem; height: calc(100% - 2.875rem); border-color: #C3D3E7; border-width: 1px 1px 0 1px; overflow: hidden; border-style: solid; display: flex; flex-direction: column; }

.card__product-content .badge { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); cursor: default; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 90%; z-index: 1; }

.card__product-button { bottom: 0; height: 2.875rem; overflow: hidden; background-color: transparent; border-bottom-left-radius: 1.875rem; border-bottom-right-radius: 1.875rem; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-mask-image: -webkit-radial-gradient(white, black); }

.card__product-button-link, .card__product-button-content { transition-duration: 0.2s; position: relative; height: 100%; }

.card__product-button-link { border-style: solid; border-width: 1px; border-color: #000000; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; transition-property: border-color; display: block; padding: 0.75rem 1.25rem; }

.card__product-button-link:after { content: ""; display: block; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); left: -1px; top: -1px; transition-property: opacity, visibility; transition-duration: 0.2s; background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); opacity: 0; visibility: hidden; }

.card__product-button-content { transition-property: color; display: block; text-align: center; line-height: 1.25rem; letter-spacing: 0.06em; color: #000000; position: relative; z-index: 3; }

.card__product-image { display: block; position: relative; padding-top: 65.75%; }

.card__product-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.card__product-main { padding: 1.375rem 1.125rem; padding-top: 2rem; background-color: #ffffff; flex: 1 0 auto; cursor: default; display: flex; flex-direction: column; }

.card__product-main .title--small { min-height: 3.75rem; }

.card__product-main .title--small.lot-of-text { font-size: 0.9375rem; line-height: 1.375rem; }

.card__product-main hr { color: #C3D3E7; background-color: #C3D3E7; }

.card__product-info, .card__product-results { letter-spacing: 0.02em; }

.card__product-info { padding-top: 1.09375rem; padding-bottom: 0.3125rem; }

.card__product-info > li + li { margin-top: 0.625rem; }

.card__product-info-content { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 0.625rem; }

.card__product-info .tippy-box { background-color: #ffffff; border: 1px solid #EDF4FF; border-radius: 1.875rem; box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); }

.card__product-info .tippy-content { padding: 0.15625rem 0.625rem; }

.card__product-results { table-layout: fixed; width: 100%; }

.card__product-results td { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.card__product-results td:first-of-type { width: 80%; }

.card__product-fees-range:before, .card__product-fees-range:after, .card__product-fees-bar { background-repeat: no-repeat; background-size: contain; width: 9px; height: 9px; top: 0; }

.card__product-fees-range:before, .card__product-fees-bar--from { left: 0; background-position: left center; }

.card__product-fees-range:after, .card__product-fees-bar--to { right: 0; background-position: right center; }

.card__product-fees-range { position: relative; height: 9px; width: 100%; }

.card__product-fees-range:before, .card__product-fees-range:after { content: ""; display: block; position: absolute; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zLjQyMjY1IDAuMTU2Nzg1QzMuNzc5OTIgLTAuMDUyMjYxNyA0LjIyMDA4IC0wLjA1MjI2MTcgNC41NzczNSAwLjE1Njc4NUw3LjQyMjY1IDEuODIxNjZDNy43Nzk5MiAyLjAzMDcgOCAyLjQxNzA0IDggMi44MzUxM1Y2LjE2NDg3QzggNi41ODI5NiA3Ljc3OTkxIDYuOTY5MyA3LjQyMjY1IDcuMTc4MzRMNC41NzczNSA4Ljg0MzIxQzQuMjIwMDggOS4wNTIyNiAzLjc3OTkyIDkuMDUyMjYgMy40MjI2NSA4Ljg0MzIxTDAuNTc3MzUgNy4xNzgzNEMwLjIyMDA4NSA2Ljk2OTMgMCA2LjU4Mjk2IDAgNi4xNjQ4N1YyLjgzNTEzQzAgMi40MTcwNCAwLjIyMDA4NSAyLjAzMDcgMC41NzczNSAxLjgyMTY2TDMuNDIyNjUgMC4xNTY3ODVaIiBmaWxsPSIjQzNEM0U3Ii8+PC9zdmc+"); z-index: 1; }

.card__product-fees-track, .card__product-fees-progress { position: absolute; left: 0; top: 4px; height: 1px; width: 100%; }

.card__product-fees-track { background-color: #C3D3E7; }

.card__product-fees-progress { background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); }

.card__product-fees-bar { position: absolute; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi44NDUzIDAuMjc4NzI5QzcuNTU5ODMgLTAuMDkyOTA5NyA4LjQ0MDE3IC0wLjA5MjkwOTYgOS4xNTQ3IDAuMjc4NzI5TDE0Ljg0NTMgMy4yMzg1QzE1LjU1OTggMy42MTAxNCAxNiA0LjI5Njk1IDE2IDUuMDQwMjNWMTAuOTU5OEMxNiAxMS43MDMgMTUuNTU5OCAxMi4zODk5IDE0Ljg0NTMgMTIuNzYxNUw5LjE1NDcgMTUuNzIxM0M4LjQ0MDE3IDE2LjA5MjkgNy41NTk4MyAxNi4wOTI5IDYuODQ1MyAxNS43MjEzTDEuMTU0NyAxMi43NjE1QzAuNDQwMTY5IDEyLjM4OTkgMCAxMS43MDMgMCAxMC45NTk4VjUuMDQwMjNDMCA0LjI5Njk1IDAuNDQwMTY5IDMuNjEwMTQgMS4xNTQ3IDMuMjM4NUw2Ljg0NTMgMC4yNzg3MjlaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMi42MzUyOSIgeTE9Ii0xMy4wNDM1IiB4Mj0iMjIuODA1OCIgeTI9Ii04LjM4MDIyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODQxMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMTU0RCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); z-index: 3; }

.card__product-fees-amount { padding-top: 0.9375rem; }

.card__product-fees-amount-title, .card__product-fees-amount-current { font-size: 0.75rem; }

.card__product-fees-amount-title { color: #9CA9B2; }

.card__product-fees-amount-current, .card__product-fees-amount-total { white-space: nowrap; }

.card__product-fees-amount-total { font-size: 1.375rem; }

@media (max-width: 1240px) { .card__product-fees-amount-total { font-size: calc(0.98125rem + 0.50806vw) ; } }

.card__product:hover .card__product-holder { transform: translateY(-1.25rem); box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); }

.card__product:hover .card__product-content, .card__product:hover .card__product-button-link { border-color: transparent; }

.card__product:hover .card__product-button-link:after { opacity: 1; visibility: visible; }

.card__product:hover .card__product-button-content { color: #ffffff; }

.card__product--more .card__product-content { font-size: 1rem; text-transform: uppercase; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; border-bottom: 1px solid #C3D3E7; border-bottom-left-radius: 1.875rem; border-bottom-right-radius: 1.875rem; }

@media (max-width: 1240px) { .card__product--more .card__product-content { font-size: calc(0.94375rem + 0.07258vw) ; } }

.card__product--more .card__product-content .text-gradient { position: relative; display: block; }

.card__product--more .card__product-content .text-gradient:before { content: ""; display: block; position: absolute; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYuMTI1IDFWMTZNMTYuMTI1IDE2VjMxTTE2LjEyNSAxNkgzMS4xMjVNMTYuMTI1IDE2SDEuMTI1IiBzdHJva2U9InVybCgjcGFpbnQwX2xpbmVhcikiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iNi4wNjYxOCIgeTE9Ii0yMy40NTY1IiB4Mj0iNDMuODg1OCIgeTI9Ii0xNC43MTI5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODQxMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMTU0RCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 1.875rem; height: 1.875rem; left: 50%; transform: translateX(-50%); top: -2.5rem; }

.card__service { transition: box-shadow 0.1s linear; position: relative; border-radius: 1.875rem; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ /* pointer: coarse - Touchscreen and Touchscreen+Mouse any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

.card__service .badges__list .badge { margin-right: 0.3125rem; }

.card__service:after { content: ""; position: absolute; display: block; background: linear-gradient(101.39deg, #FB6BC1 -4.92%, #77ADFD 111.98%); border-radius: 1.875rem; z-index: 1; }

@media all and (min-width: 768px) { .card__service:after { left: 1px; top: 1px; right: 1px; bottom: 1px; } }

@media all and (max-width: 767px) { .card__service:after { left: 0; top: 0; right: 0; bottom: 0; } }

.card__service-holder { position: relative; z-index: 3; display: flex; flex-direction: column; overflow: hidden; }

.card__service-content { padding: 1rem 1.125rem 1.5625rem; background-color: #ffffff; min-height: 20.625rem; display: flex; flex-direction: column; border-radius: 1.875rem 1.875rem 0 0; }

.card__service-content .title { margin-top: auto; margin-bottom: auto; }

.card__service-button { transition: border-color 0.1s linear; border-style: solid; border-width: 1px; border-color: transparent; border-radius: 0 0 1.875rem 1.875rem; background-color: rgba(255, 255, 255, 0.6); /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .card__service-button { -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); } }

.card__service-button a { transition: color 0.1s linear; display: flex; align-items: center; justify-content: center; padding: 0.53125rem 1.25rem; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: transparent; }

.card__service-logo { max-width: 6.25rem; padding-bottom: 0.9375rem; }

.card__service:after { transition: transform 0.1s linear; will-change: transform; transform-origin: left center; transform: rotateY(0) skew(0); }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .card__service:hover { box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); }
  .card__service:hover .card__service-badge { box-shadow: none; }
  .card__service:hover .card__service-button { border-color: #000000; }
  .card__service:hover .card__service-button a { color: #000000; }
  .card__service:hover:after { transform: rotateY(30deg) skewY(7.5deg); } }

@media (pointer: coarse) and (any-pointer: fine) { .card__service { box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); } }

@media all and (max-width: 767px) { .card__service { box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); }
  .card__service-button { border-color: #000000; }
  .card__service-button a { color: #000000; } }

.card__case { position: relative; height: 100%; color: #ffffff; display: block; padding-top: 137.5%; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media all and (max-width: 1239px) { .card__case { padding-top: 0; }
  .card__case .card__case-main { position: relative; } }

@media all and (min-width: 576px) and (max-width: 991px) { .card__case { min-height: 21.875rem; } }

.card__case-main { position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 1; padding: 2.8125rem 2rem; }

@media all and (min-width: 576px) { .card__case-main .title--small { padding-top: 2.8125rem; } }

@media all and (max-width: 575px) { .card__case-main .title--small { padding-bottom: 0.9375rem; } }

.card__case-gradient, .card__case-background { transition: transform 0.25s cubic-bezier(0.49, 0.28, 0.32, 1.13); will-change: transform, backdrop-filter; transform-origin: left center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 1.875rem; }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .card__case:hover .card__case-gradient { transform: rotateY(30deg) skewY(-20deg); }
  .card__case:hover .card__case-background { transform: skewY(5deg); -webkit-backdrop-filter: blur(0.625rem); backdrop-filter: blur(0.625rem); } }

.card__case--orange .card__case-gradient { background: linear-gradient(156.34deg, #FF6B00 8.95%, #D8005D 99.9%); }

.card__case--orange .card__case-background { background: rgba(255, 213, 189, 0.6); }

.card__case--violet .card__case-gradient { background: linear-gradient(15.77deg, #1F0368 -1.18%, #D8005D 109.35%); }

.card__case--violet .card__case-background { background: rgba(129, 166, 220, 0.7); }

.card__case--purple .card__case-gradient { background: linear-gradient(156.34deg, #00FFB2 8.95%, #4500D8 99.9%); }

.card__case--purple .card__case-background { background: rgba(151, 202, 190, 0.6); }

.card__case--green .card__case-gradient { background: linear-gradient(156.34deg, #E3CE0D 8.95%, #19B500 99.9%); }

.card__case--green .card__case-background { background: rgba(196, 198, 200, 0.6); }

.card__case--blue .card__case-gradient { background: linear-gradient(15.77deg, #036850 -1.18%, #007DD8 109.35%); }

.card__case--blue .card__case-background { background: rgba(129, 166, 220, 0.7); }

.card__case--gray-blue .card__case-gradient { background: linear-gradient(156.34deg, #00FF85 8.95%, #00A4D8 99.9%); }

.card__case--gray-blue .card__case-background { background: rgba(151, 202, 190, 0.6); }

.card__case--yellow-green .card__case-gradient { background: linear-gradient(156.34deg, #E3CE0D 8.95%, #19B500 99.9%); }

.card__case--yellow-green .card__case-background { background: rgba(196, 198, 200, 0.6); }

.card__case--school-bus-dark-violet .card__case-gradient { background: linear-gradient(156.34deg, #FBE200 8.95%, #A503DE 99.9%); }

.card__case--school-bus-dark-violet .card__case-background { background: rgba(255, 213, 189, 0.6); }

.card__data-main { box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); }

@media all and (min-width: 992px) { .card__data-main { border-radius: 1.875rem; } }

@media all and (min-width: 576px) and (max-width: 991px) { .card__data-main { border-radius: 2.8125rem; } }

@media all and (max-width: 575px) { .card__data-main { border-radius: 1.875rem; } }

@media all and (min-width: 992px) { .card__data-total { flex: 0 0 43.25%; max-width: 43.25%; padding-left: 5%; } }

@media all and (max-width: 991px) { .card__data-total { padding: 1.25rem 1.25rem 0; } }

.card__data-total-value { font-size: 5rem; font-family: "Lato Light", sans-serif; letter-spacing: 0.1em; display: inline-block; }

@media (max-width: 1240px) { .card__data-total-value { font-size: calc(1.34375rem + 4.71774vw) ; } }

@media all and (min-width: 1240px) { .card__data-total-value { padding-top: 0.78125rem; padding-bottom: 0.78125rem; } }

@media all and (max-width: 991px) { .card__data-total-value { line-height: 2.25rem; } }

.card__data-total-unit { font-size: 1.125rem; margin-left: 0.3125rem; }

@media (max-width: 1240px) { .card__data-total-unit { font-size: calc(0.95625rem + 0.21774vw) ; } }

.card__data-specific { position: relative; }

@media all and (min-width: 992px) { .card__data-specific { flex: 0 0 56.75%; max-width: 56.75%; } }

@media all and (max-width: 991px) { .card__data-specific { padding-top: 45%; } }

.card__data-specific-content { z-index: 1; }

@media all and (min-width: 992px) { .card__data-specific-content { position: relative; height: 100%; }
  .card__data-specific-content .title--extra-large { padding-left: 17.5%; padding-right: 1.875rem; } }

@media all and (max-width: 991px) { .card__data-specific-content { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; padding: 1.25rem; } }

.card__data-specific-substrate { position: absolute; top: 0; height: 100%; }

@media all and (min-width: 992px) { .card__data-specific-substrate { right: -0.15625rem; } }

@media all and (max-width: 991px) { .card__data-specific-substrate { right: 0; width: 100%; } }

.card__data-specific-substrate path { fill: #EDF4FF; stroke: #C3D3E7; stroke-width: 1px; }

@media all and (max-width: 991px) { .card__data-specific-substrate--desktop { display: none; } }

@media all and (min-width: 992px) { .card__data-specific-substrate--mobile { display: none; } }

a.card__product-status:hover { color: #ffffff; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.tabs__nav { display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.tabs__nav-el { color: #788A96; padding: 0.8125rem 0.625rem; cursor: pointer; transition: background-color 0.2s linear; }

.tabs__nav-el.is-active { background-color: #EDF4FF; }

.tabs__content { padding-top: 1.25rem; }

@media all and (min-width: 768px) { .tabs__content { padding-right: 1.875rem; padding-left: 1.875rem; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
[data-scrollbar] { display: block; position: relative; }

.scrollbar-content { transform: translate3d(0, 0, 0); }

.scrollbar-track { position: absolute; opacity: 0; z-index: 1; background: #D7D8E3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity 0.2s 0.2s ease-out; }

.scrollbar-track.show, .scrollbar-track:hover { opacity: 1; transition-delay: 0s; }

.scrollbar-track-x { bottom: 0; left: 0; width: 100%; }

@media all and (min-width: 1240px) { .scrollbar-track-x { height: 0.46875rem; } }

@media all and (max-width: 1239px) { .scrollbar-track-x { height: 0.23438rem; } }

.scrollbar-track-y { top: 0; right: 0; width: 0.46875rem; height: 100%; border-radius: 0.625rem; }

@media all and (min-width: 1240px) { .scrollbar-track-y { width: 0.46875rem; } }

@media all and (max-width: 1239px) { .scrollbar-track-y { width: 0.23438rem; } }

.scrollbar-track-y .scrollbar-thumb { border-radius: 0.625rem; }

.scrollbar-thumb { position: absolute; top: 0; left: 0; background: #9CA9B2; }

@media all and (min-width: 1240px) { .scrollbar-thumb { width: 0.46875rem; height: 0.46875rem; } }

@media all and (max-width: 1239px) { .scrollbar-thumb { width: 0.23438rem; height: 0.23438rem; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.carousel__pagination .swiper-pagination-bullet { transition-duration: 0.2s; position: relative; border-radius: 50%; opacity: 1; background-color: transparent; }

.carousel__pagination .swiper-pagination-bullet:before, .carousel__pagination .swiper-pagination-bullet:after { content: ""; display: block; position: absolute; transition-duration: inherit; border-radius: inherit; }

.carousel__pagination .swiper-pagination-bullet:before { transition-property: opacity; width: calc(100% + 4px); height: calc(100% + 4px); top: -2px; left: -2px; background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); z-index: -1; opacity: 0; }

.carousel__pagination .swiper-pagination-bullet:after { transition-property: background-color; width: 100%; height: 100%; left: 0; top: 0; background-color: #9CA9B2; }

.carousel__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { background-color: #ffffff; }

.carousel__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { opacity: 1; }

.carousel__pagination.swiper-pagination-bullets-dynamic { padding: 0.625rem 0; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.catalog__toggle { width: 100%; display: flex; border: 1px solid #C3D3E7; border-radius: 3.75rem; overflow: hidden; }

.catalog__toggle-link { transition: color 0.2s linear; width: 50%; padding: 0.71875rem; text-align: center; color: #9CA9B2; }

.catalog__toggle-link:first-of-type { border-right: 1px solid #C3D3E7; }

.catalog__toggle-link:hover { color: #000000; }

.catalog__toggle-link.is-active { background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); color: #ffffff; }

.catalog__aside > * { flex: 0 0 auto; }

.catalog__aside .field, .catalog__aside .select { width: 100%; }

.catalog__aside-hidden { height: 0; overflow: hidden; position: relative; }

.catalog__pagination { position: fixed; z-index: 1; bottom: 0; left: 0; background-color: #EDF4FF; }

@media all and (min-width: 1240px) { .catalog__pagination { right: 0.46875rem; } }

@media all and (max-width: 1239px) { .catalog__pagination { right: 0; } }

@media all and (max-width: 1239px) { .catalog__pagination-list { margin-right: -0.625rem; } }

.catalog__pagination-link { padding: 0.625rem; display: inline-block; }

.catalog__pagination-link:not(.is-active) { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); }

.catalog__pagination-link.is-active { color: #9CA9B2; }

@media all and (max-width: 575px) { .catalog__pagination .button--up { position: absolute; top: 0; right: calc(15px - 0.23438rem); transform: translateY(-175%); } }

.catalog__filter-name { font-size: 0.875rem; color: #9CA9B2; padding-right: 0.625rem; }

.catalog__filter-open .svg-icon, .catalog__filter-close .svg-icon { width: 3vw; height: 3vw; max-width: 1.875rem; max-height: 1.875rem; min-width: 1.25rem; min-height: 1.25rem; }

.catalog__filter-open { padding-left: 30px; }

.catalog__filter-open .svg-icon { fill: #9CA9B2; }

.catalog__filter-close { width: 3.125rem; height: 3.125rem; }

.catalog__filter-close .svg-icon { stroke: #9CA9B2; stroke-width: 1px; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.range.is-involved .range__fields .field--default { color: #000000; }

.range__fields .field--default { color: #9CA9B2; }

.range__fields .form__group { max-width: calc(50% - 0.3125rem); }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.field--rounded, .select { min-height: 3.125rem; }

.field--rounded, .select__inner, select.js-select { padding: 0.84375rem 1.25rem; }

.field { transition-property: border-color, color; transition-duration: 0.1s; width: 100%; margin-bottom: 0.9375rem; border-style: solid; border-width: 1px; }

.field.placeholder { color: #9CA9B2; }

.field:-moz-placeholder { color: #9CA9B2; }

.field::-moz-placeholder { color: #9CA9B2; }

.field:-ms-input-placeholder { color: #9CA9B2; }

.field::-webkit-input-placeholder { color: #9CA9B2; }

.field + .field { margin-bottom: 0.9375rem; }

.field:focus, .field:hover { border-color: #9CA9B2; }

.field__territory, .field__datepicker { margin-bottom: 0.9375rem; }

.field__territory .field, .field__datepicker .field { margin-bottom: 0; }

.field__territory { position: relative; }

.field__territory .field { padding-right: 4.125rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.field__territory-button { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDE5IDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2Ljk2NTUgMC4wNjk2ODIyQzE3LjEyNDMgLTAuMDIzMjI3NCAxNy4zMTk5IC0wLjAyMzIyNzQgMTcuNDc4NyAwLjA2OTY4MjNMMTguNzQzMyAwLjgwOTYyNUMxOC45MDIxIDAuOTAyNTM0IDE4Ljk5OTkgMS4wNzQyNCAxOC45OTk5IDEuMjYwMDZWMi43Mzk5NEMxOC45OTk5IDIuOTI1NzYgMTguOTAyMSAzLjA5NzQ3IDE4Ljc0MzMgMy4xOTAzOEwxNy40Nzg3IDMuOTMwMzJDMTcuMzE5OSA0LjAyMzIzIDE3LjEyNDMgNC4wMjMyMyAxNi45NjU1IDMuOTMwMzJMMTUuNzAwOSAzLjE5MDM4QzE1LjU0MjIgMy4wOTc0NyAxNS40NDQzIDIuOTI1NzYgMTUuNDQ0MyAyLjczOTk0VjEuMjYwMDZDMTUuNDQ0MyAxLjA3NDI0IDE1LjU0MjIgMC45MDI1MzQgMTUuNzAwOSAwLjgwOTYyNUwxNi45NjU1IDAuMDY5NjgyMloiIGZpbGw9IiM3ODhBOTYiLz48cGF0aCBkPSJNOS40MDk4NSAwLjA2OTY4MjJDOS41Njg2MyAtMC4wMjMyMjc0IDkuNzY0MjYgLTAuMDIzMjI3NCA5LjkyMzA1IDAuMDY5NjgyM0wxMS4xODc2IDAuODA5NjI1QzExLjM0NjQgMC45MDI1MzQgMTEuNDQ0MiAxLjA3NDI0IDExLjQ0NDIgMS4yNjAwNlYyLjczOTk0QzExLjQ0NDIgMi45MjU3NiAxMS4zNDY0IDMuMDk3NDcgMTEuMTg3NiAzLjE5MDM4TDkuOTIzMDUgMy45MzAzMkM5Ljc2NDI2IDQuMDIzMjMgOS41Njg2MyA0LjAyMzIzIDkuNDA5ODUgMy45MzAzMkw4LjE0NTI3IDMuMTkwMzhDNy45ODY0OSAzLjA5NzQ3IDcuODg4NjcgMi45MjU3NiA3Ljg4ODY3IDIuNzM5OTRWMS4yNjAwNkM3Ljg4ODY3IDEuMDc0MjQgNy45ODY0OSAwLjkwMjUzNCA4LjE0NTI3IDAuODA5NjI1TDkuNDA5ODUgMC4wNjk2ODIyWiIgZmlsbD0iIzc4OEE5NiIvPjxwYXRoIGQ9Ik0xLjg1NDE5IDAuMDY5NjgyMkMyLjAxMjk3IC0wLjAyMzIyNzQgMi4yMDg2IC0wLjAyMzIyNzQgMi4zNjczOSAwLjA2OTY4MjNMMy42MzE5NiAwLjgwOTYyNUMzLjc5MDc1IDAuOTAyNTM0IDMuODg4NTYgMS4wNzQyNCAzLjg4ODU2IDEuMjYwMDZWMi43Mzk5NEMzLjg4ODU2IDIuOTI1NzYgMy43OTA3NSAzLjA5NzQ3IDMuNjMxOTYgMy4xOTAzOEwyLjM2NzM5IDMuOTMwMzJDMi4yMDg2IDQuMDIzMjMgMi4wMTI5NyA0LjAyMzIzIDEuODU0MTkgMy45MzAzMkwwLjU4OTYwOCAzLjE5MDM4QzAuNDMwODIzIDMuMDk3NDcgMC4zMzMwMDggMi45MjU3NiAwLjMzMzAwOCAyLjczOTk0VjEuMjYwMDZDMC4zMzMwMDggMS4wNzQyNCAwLjQzMDgyMyAwLjkwMjUzNCAwLjU4OTYwOCAwLjgwOTYyNUwxLjg1NDE5IDAuMDY5NjgyMloiIGZpbGw9IiM3ODhBOTYiLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; background-size: 1.25rem; position: absolute; right: 0; top: 0; height: 100%; width: 3.75rem; border: 1px solid #788A96; border-radius: 0 3.75rem 3.75rem 0; }

.field__datepicker { position: relative; }

.field__datepicker .field { padding-right: 2.65625rem; }

.field__datepicker:after { content: ""; display: block; position: absolute; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuOTM3NSAxLjc1SDEyLjVWMUMxMi41IDAuNzIzODc1IDEyLjI3NjIgMC41IDEyIDAuNUMxMS43MjM4IDAuNSAxMS41IDAuNzIzODc1IDExLjUgMVYxLjc1SDQuNVYxQzQuNSAwLjcyMzg3NSA0LjI3NjE2IDAuNSA0IDAuNUMzLjcyMzg0IDAuNSAzLjUgMC43MjM4NzUgMy41IDFWMS43NUgyLjA2MjVDMC45MjUyMTkgMS43NSAwIDIuNjc1MjIgMCAzLjgxMjVWMTQuNDM3NUMwIDE1LjU3NDggMC45MjUyMTkgMTYuNSAyLjA2MjUgMTYuNUgxMy45Mzc1QzE1LjA3NDggMTYuNSAxNiAxNS41NzQ4IDE2IDE0LjQzNzVWMy44MTI1QzE2IDIuNjc1MjIgMTUuMDc0OCAxLjc1IDEzLjkzNzUgMS43NVpNMTUgMTQuNDM3NUMxNSAxNS4wMjQzIDE0LjUyNDMgMTUuNSAxMy45Mzc1IDE1LjVIMi4wNjI1QzEuNDc1NjkgMTUuNSAxIDE1LjAyNDMgMSAxNC40Mzc1VjYuMTU2MjVDMSA2LjA2OTk3IDEuMDY5OTcgNiAxLjE1NjI1IDZIMTQuODQzOEMxNC45MyA2IDE1IDYuMDY5OTcgMTUgNi4xNTYyNVYxNC40Mzc1WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjIuNjM1MjkiIHkxPSItMTIuNTQzNSIgeDI9IjIyLjgwNTgiIHkyPSItNy44ODAyMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjg0MTMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjE1NEQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; background-size: contain; right: 1.0625rem; top: 50%; transform: translateY(-50%); width: 1.0625rem; height: 1.0625rem; }

.field--rounded { border-radius: 3.75rem; border-color: #C3D3E7; }

.field--rounded.placeholder { font-size: 0.875rem; }

.field--rounded:-moz-placeholder { font-size: 0.875rem; }

.field--rounded::-moz-placeholder { font-size: 0.875rem; }

.field--rounded:-ms-input-placeholder { font-size: 0.875rem; }

.field--rounded::-webkit-input-placeholder { font-size: 0.875rem; }

.field--rounded.field--textarea { border-radius: 1.66667rem; }

.field--default { font-size: 1.125rem; border-radius: 0.625rem; border-color: #D7D8E3; padding: 0.46875rem 0.625rem; }

@media (max-width: 1240px) { .field--default { font-size: calc(0.95625rem + 0.21774vw) ; } }

.field--default.placeholder { font-size: 1.125rem; }

@media (max-width: 1240px) { .field--default.placeholder { font-size: calc(0.95625rem + 0.21774vw) ; } }

.field--default:-moz-placeholder { font-size: 1.125rem; }

@media (max-width: 1240px) { .field--default:-moz-placeholder { font-size: calc(0.95625rem + 0.21774vw) ; } }

.field--default::-moz-placeholder { font-size: 1.125rem; }

@media (max-width: 1240px) { .field--default::-moz-placeholder { font-size: calc(0.95625rem + 0.21774vw) ; } }

.field--default:-ms-input-placeholder { font-size: 1.125rem; }

@media (max-width: 1240px) { .field--default:-ms-input-placeholder { font-size: calc(0.95625rem + 0.21774vw) ; } }

.field--default::-webkit-input-placeholder { font-size: 1.125rem; }

@media (max-width: 1240px) { .field--default::-webkit-input-placeholder { font-size: calc(0.95625rem + 0.21774vw) ; } }

.field--textarea { display: block; }

.select { position: relative; margin-bottom: 0.9375rem; overflow: hidden; }

.select:focus { outline: none; }

.select:last-child { margin-bottom: 0; }

.select.is-disabled .select__inner, .select.is-disabled .select__input { background-color: #D7D8E3; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.select.is-disabled .select__item { cursor: not-allowed; }

.select.is-open { overflow: initial; }

.select.is-open .select__inner, .select.is-open .select__list--dropdown { border-color: #9CA9B2; }

.select.is-open .select__inner { transition-duration: 0s, 0.1s, 0.1s, 0.1s; }

.select.is-open .select__inner:after { opacity: 1; visibility: visible; }

.select.is-open:not(.is-flipped) .select__inner { border-radius: 1.25rem 1.25rem 0 0; border-bottom-color: transparent; }

.select.is-open:not(.is-flipped) .select__inner:after { bottom: 0; }

.select.is-open:not(.is-flipped) .select__list--dropdown { border-width: 0 1px 1px 1px; border-radius: 0 0 1.25rem 1.25rem; }

.select.is-open.is-flipped .select__inner { border-radius: 0 0 1.25rem 1.25rem; border-top-width: 0; }

.select.is-open.is-flipped .select__inner:after { top: 0; }

.select.is-open.is-flipped .select__list--dropdown { border-width: 1px 1px 0 1px; border-radius: 1.25rem 1.25rem 0 0; }

.select [hidden] { display: none !important; }

.select:after { transition: transform 0.1s linear; content: ""; display: block; position: absolute; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMC41TDYgNS41TDExIDAuNSIgc3Ryb2tlPSIjNzg4QTk2IiBzdHJva2Utd2lkdGg9IjAuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+"); background-position: center center; background-repeat: no-repeat; background-size: contain; height: 0.9375rem; width: 0.9375rem; right: 1.25rem; top: 50%; pointer-events: none; transform: translateY(-50%) rotate(0); will-change: transform; }

.select.is-open:after { transform: translateY(-50%) rotate(-180deg); }

.select[dir='rtl']:after { left: 11.5px; right: auto; }

.select[dir='rtl'] .select__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; }

.select[data-type*='select-one'] { cursor: pointer; }

.select[data-type*='select-one'] .select__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #C3D3E7; background-color: #ffffff; margin: 0; }

.select[data-type*='select-one'] .select__button { background-image: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxTDcgN00xMyAxM0w3IDdNNyA3TDEzIDFNNyA3TDEgMTMiIHN0cm9rZT0iIzlDQTlCMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+"; padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: 0.5; }

.select[data-type*='select-one'] .select__button:hover, .select[data-type*='select-one'] .select__button:focus { opacity: 1; }

.select[data-type*='select-one'] .select__button:focus { box-shadow: 0 0 0 2px #00bcd4; }

.select[data-type*='select-one'] .select__item[data-value=''] .select__button { display: none; }

.select[data-type*='select-multiple'] .select__inner, .select[data-type*='text'] .select__inner { cursor: pointer; }

.select[data-type*='select-multiple'] .select__button, .select[data-type*='text'] .select__button { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxTDcgN00xMyAxM0w3IDdNNyA3TDEzIDFNNyA3TDEgMTMiIHN0cm9rZT0iIzlDQTlCMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+"); background-position: center center; background-repeat: no-repeat; background-size: cover; background-size: 0.9375rem; position: relative; display: inline-block; padding-left: 1.25rem; width: 0.9375rem; opacity: .75; margin-left: 0.3125rem; }

.select[data-type*='select-multiple'] .select__button:hover, .select[data-type*='select-multiple'] .select__button:focus, .select[data-type*='text'] .select__button:hover, .select[data-type*='text'] .select__button:focus { opacity: 1; }

.select[data-type*='select-multiple'] .select__placeholder, .select[data-type*='text'] .select__placeholder { display: none; }

.select__inner { transition-property: border-bottom-color, border-left-color, border-top-color, border-right-color; transition-duration: 0.1s, 0.1s, 0.1s, 0.1s; display: inline-block; vertical-align: top; width: 100%; background-color: #ffffff; border: 1px solid #C3D3E7; border-radius: 3.75rem; min-height: 3.125rem; overflow: hidden; padding-right: 3.125rem; position: relative; }

.select__inner:after { content: ""; display: block; position: absolute; left: 1.25rem; right: 1.25rem; height: 1px; background-color: rgba(47, 51, 88, 0.24); opacity: 0; visibility: hidden; }

.select__inner:hover { border-color: #9CA9B2; }

.select__list { margin: 0; padding-left: 0; }

.select__list--single { display: inline-block; width: 100%; }

[dir='rtl'] .select__list--single { padding-right: 4px; padding-left: 16px; }

.select__list--single .select__item { width: 100%; }

.select__list--multiple { display: inline; }

.select__list--multiple .select__item { display: inline-block; color: #000000; word-break: break-all; }

.select__list--multiple .select__item[data-deletable] { padding-right: 0.625rem; }

[dir='rtl'] .select__list--multiple .select__item { margin-right: 0; margin-left: 3.75px; }

.is-disabled .select__list--multiple .select__item { background-color: #8c8faf; border: 1px solid #6e729a; }

.select__list--dropdown { visibility: hidden; z-index: 7; position: absolute; width: 100%; background-color: #ffffff; border-color: #C3D3E7; border-style: solid; top: 100%; overflow: hidden; word-break: break-all; will-change: visibility; padding-top: 0.625rem; padding-bottom: 0.625rem; }

.select__list--dropdown.is-active { visibility: visible; }

.is-flipped .select__list--dropdown { top: auto; bottom: 100%; }

.select__list--dropdown .select__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; }

.select__list--dropdown .select__item { position: relative; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.46875rem; padding-bottom: 0.46875rem; }

[dir='rtl'] .select__list--dropdown .select__item { text-align: right; }

.select__list--dropdown .select__placeholder { display: none; }

.select__list--dropdown .select__item--selectable { transition-duration: 0.1s; transition-property: background-color, color; }

@media (min-width: 640px) { .select__list--dropdown .select__item--selectable { /*padding-right: 80px;*/ /*&:after { transition-duration: inherit; transition-property: opacity; content: attr(data-select-text); opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: get($colors, black); }*/ }
  [dir='rtl'] .select__list--dropdown .select__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px; }
  [dir='rtl'] .select__list--dropdown .select__item--selectable:after { right: auto; left: 10px; } }

.select__list--dropdown .select__item--selectable.is-selected, .select__list--dropdown .select__item--selectable:hover { background-color: #EDF4FF; }

.select__list--dropdown .select__item--selectable:hover:after { opacity: 0.5; }

.select__list--dropdown .select__item--selectable.is-selected { color: #FF154D; }

.select__item { cursor: default; }

.select__item--selectable { cursor: pointer; }

.select__item--disabled { cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.5; }

.select__heading { font-weight: 600; padding: 10px; border-bottom: 1px solid #e7eef6; color: gray; }

.select__button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; }

.select__button:focus { outline: none; }

select.js-select, .select__input { display: inline-block; vertical-align: baseline; background-color: #ffffff; border-radius: 3.75rem; max-width: 100%; border: 1px solid #C3D3E7; color: #9CA9B2; }

select.js-select:focus, .select__input:focus { outline: 0; }

[dir='rtl'] select.js-select, [dir='rtl'] .select__input { padding-right: 2px; padding-left: 0; }

.select__placeholder { color: #9CA9B2; }

.checkbox, .radio { cursor: pointer; }

.checkbox input, .radio input { position: absolute; opacity: 0; visibility: hidden; }

.checkbox input:checked + .checkbox__content:before, .checkbox input:checked + .radio__content:before, .radio input:checked + .checkbox__content:before, .radio input:checked + .radio__content:before { opacity: 0; }

.checkbox input:checked + .checkbox__content:after, .checkbox input:checked + .radio__content:after, .radio input:checked + .checkbox__content:after, .radio input:checked + .radio__content:after { opacity: 1; }

.checkbox input:disabled + .checkbox__content, .checkbox input:disabled + .radio__content, .radio input:disabled + .checkbox__content, .radio input:disabled + .radio__content { opacity: 0.5; }

.checkbox__content, .radio__content { display: block; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.checkbox__content:after, .checkbox__content:before, .radio__content:after, .radio__content:before { content: ""; display: block; position: absolute; left: 0; transition-property: opacity; transition-duration: 0.1s; background-position: center center; background-size: contain; background-repeat: no-repeat; }

.checkbox__content:after, .radio__content:after { opacity: 0; }

.checkbox--hexagon .checkbox__content { padding-left: 1.5rem; }

.checkbox--hexagon .checkbox__content:before, .checkbox--hexagon .checkbox__content:after { width: 1rem; height: 1rem; top: 0.09375rem; }

.checkbox--hexagon .checkbox__content:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy43NzgzMSAxLjE4MzM2QzguMjI0ODkgMC45Mzg4OCA4Ljc3NTExIDAuOTM4ODggOS4yMjE2OSAxLjE4MzM2TDE1LjI3ODMgNC40OTkwNUMxNS43MjQ5IDQuNzQzNTMgMTYgNS4xOTUzNSAxNiA1LjY4NDMxVjEyLjMxNTdDMTYgMTIuODA0NiAxNS43MjQ5IDEzLjI1NjUgMTUuMjc4MyAxMy41MDA5TDkuMjIxNjkgMTYuODE2NkM4Ljc3NTExIDE3LjA2MTEgOC4yMjQ4OSAxNy4wNjExIDcuNzc4MzEgMTYuODE2NkwxLjcyMTY5IDEzLjUwMDlDMS4yNzUxMSAxMy4yNTY1IDEgMTIuODA0NiAxIDEyLjMxNTdWNS42ODQzMUMxIDUuMTk1MzUgMS4yNzUxMSA0Ljc0MzUzIDEuNzIxNjkgNC40OTkwNUw3Ljc3ODMxIDEuMTgzMzZaIiBzdHJva2U9IiM5Q0E5QjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); }

.checkbox--hexagon .checkbox__content:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy43NzgzMSAxLjE4MzM2QzguMjI0ODkgMC45Mzg4OCA4Ljc3NTExIDAuOTM4ODggOS4yMjE2OSAxLjE4MzM2TDE1LjI3ODMgNC40OTkwNUMxNS43MjQ5IDQuNzQzNTMgMTYgNS4xOTUzNSAxNiA1LjY4NDMxVjEyLjMxNTdDMTYgMTIuODA0NiAxNS43MjQ5IDEzLjI1NjUgMTUuMjc4MyAxMy41MDA5TDkuMjIxNjkgMTYuODE2NkM4Ljc3NTExIDE3LjA2MTEgOC4yMjQ4OSAxNy4wNjExIDcuNzc4MzEgMTYuODE2NkwxLjcyMTY5IDEzLjUwMDlDMS4yNzUxMSAxMy4yNTY1IDEgMTIuODA0NiAxIDEyLjMxNTdWNS42ODQzMUMxIDUuMTk1MzUgMS4yNzUxMSA0Ljc0MzUzIDEuNzIxNjkgNC40OTkwNUw3Ljc3ODMxIDEuMTgzMzZaIiBzdHJva2U9InVybCgjcGFpbnQwX2xpbmVhcikiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik03Ljc3ODMxIDMuNjU0NTFDOC4yMjQ4OSAzLjM5NzIzIDguNzc1MTEgMy4zOTcyMyA5LjIyMTY5IDMuNjU0NTFMMTIuNzc4MyA1LjcwMzU5QzEzLjIyNDkgNS45NjA4NyAxMy41IDYuNDM2MzYgMTMuNSA2Ljk1MDk0VjExLjA0OTFDMTMuNSAxMS41NjM3IDEzLjIyNDkgMTIuMDM5MSAxMi43NzgzIDEyLjI5NjRMOS4yMjE2OSAxNC4zNDU1QzguNzc1MTEgMTQuNjAyOCA4LjIyNDg5IDE0LjYwMjggNy43NzgzMSAxNC4zNDU1TDQuMjIxNjkgMTIuMjk2NEMzLjc3NTExIDEyLjAzOTEgMy41IDExLjU2MzcgMy41IDExLjA0OTFWNi45NTA5NEMzLjUgNi40MzYzNiAzLjc3NTExIDUuOTYwODcgNC4yMjE2OSA1LjcwMzU5TDcuNzc4MzEgMy42NTQ1MVoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcikiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIzLjQ3MDU5IiB5MT0iLTEyLjA0MzUiIHgyPSIyMi40OTczIiB5Mj0iLTcuOTE5NTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkY4NDEzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYxNTREIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXIiIHgxPSI1LjE0NzA2IiB5MT0iLTUuNTY4NTUiIHgyPSIxNy44NzMxIiB5Mj0iLTIuOTEyNDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkY4NDEzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYxNTREIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+"); }

.checkbox--default .checkbox__content { padding-left: 1.875rem; min-height: 1.25rem; }

.checkbox--default .checkbox__content:before, .checkbox--default .checkbox__content:after { width: 1.25rem; height: 1.25rem; top: 0; }

.checkbox--default .checkbox__content:before { border: 1px solid #9CA9B2; border-radius: 3px; }

.checkbox--default .checkbox__content:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIzIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+PHJlY3QgeD0iMy43MDAyIiB5PSIzLjcwMDIiIHdpZHRoPSIxMi42IiBoZWlnaHQ9IjEyLjYiIHJ4PSIyIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMy45NjQ3MSIgeTE9Ii0xMy42NzM5IiB4Mj0iMjYuNjU2NSIgeTI9Ii04LjQyNzc1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODQxMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMTU0RCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyIiB4MT0iNS43NzU0OSIgeTE9Ii02LjU3MTU0IiB4Mj0iMjEuNjU5NyIgeTI9Ii0yLjg5OTIzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODQxMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMTU0RCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); }

.radio--default .radio__content { padding-left: 1.6875rem; min-height: 1.125rem; }

.radio--default .radio__content:before, .radio--default .radio__content:after { width: 1.125rem; height: 1.125rem; top: 0.1875rem; }

.radio--default .radio__content:before { border: 1px solid #9CA9B2; border-radius: 50%; }

.radio--default .radio__content:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI3IiBjeT0iNyIgcj0iNi41IiBzdHJva2U9InVybCgjcGFpbnQwX2xpbmVhcikiLz48Y2lyY2xlIGN4PSI3IiBjeT0iNyIgcj0iNCIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyKSIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjIuMzA1ODgiIHkxPSItMTEuNDEzIiB4Mj0iMTkuOTU1MSIgeTI9Ii03LjMzMjY5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODQxMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMTU0RCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyIiB4MT0iNC4zMTc2NSIgeTE9Ii0zLjUyMTc0IiB4Mj0iMTQuNDAyOSIgeTI9Ii0xLjE5MDExIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODQxMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMTU0RCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); background-position: center center; background-repeat: no-repeat; background-size: contain; }

.upload .svg-icon { transition-property: fill, stroke; transition-duration: 0.2s; }

.upload .svg-icon--attach { width: 1.5rem; height: 1.5rem; fill: #9CA9B2; }

.upload .svg-icon--file { width: 1.5rem; height: 1.5rem; fill: #788A96; }

.upload .svg-icon--close { width: 1.125rem; height: 1.125rem; stroke-width: 1px; stroke: #788A96; }

.upload__field { opacity: 0; width: 0.1px; height: 0.1px; position: absolute; visibility: hidden; }

.upload__placeholder { padding-left: 0.625rem; display: inline-block; }

.upload__formats, .upload__results { padding-left: 2.28125rem; }

.upload__zone { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.upload__results { padding-top: 1.25rem; padding-bottom: 1.25rem; }

.upload__results > * { flex: 0 0 auto; }

.upload__result { background-color: #EDF4FF; padding: 0.5rem 0.9375rem 0.5rem 1.125rem; border-radius: 4px; }

.upload__result-name { width: 50%; padding-left: 0.625rem; padding-right: 0.625rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.upload__result-remove:hover .svg-icon { stroke: #000000; }

.upload__result + .upload__result { margin-top: 0.625rem; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.dropdown { display: inline-block; }

.dropdown__button { padding-right: 1.5rem; position: relative; }

.dropdown__button:after { transition: transform 0.2s linear; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMC41TDYgNS41TDExIDAuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-position: center center; background-repeat: no-repeat; background-size: contain; content: ""; display: block; position: absolute; width: 0.75rem; height: 0.75rem; right: 0; top: 50%; transform: translateY(-50%) rotate(0); }

.dropdown__button[aria-expanded='true']:after { transform: translateY(-50%) rotate(180deg); }

.dropdown__list { background-color: #ffffff; box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); padding: 0.3125rem 0.3125rem 0.3125rem 0; }

.dropdown__list-link { display: block; padding: 0.5rem 1rem; text-transform: uppercase; }

.dropdown__list-link.is-active { color: #788A96; cursor: default; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.modal__choice { min-height: 75vh; }

@media all and (max-width: 767px) { .modal__choice .form__checkbox-button { padding: 0.3125rem 1.25rem; min-height: initial; } }

.modal__choice .svg-icon { vertical-align: top; }

.modal__choice-search { display: flex; }

.modal__choice-search-selected { flex-shrink: 2; flex-grow: 0; white-space: nowrap; overflow: hidden; position: relative; margin-top: -0.3125rem; }

.modal__choice-search-selected.is-not-empty { padding-right: 1.25rem; }

.modal__choice-search-selected:after { content: ""; display: block; position: absolute; width: 3.125rem; height: 100%; background: linear-gradient(to left, white, rgba(255, 255, 255, 0)); right: 0; top: 0; pointer-events: none; }

.modal__choice-search-selected-remove { width: 1.66em; height: 1.66em; padding: .33em; margin-left: .25em; margin-top: .1em; }

.modal__choice-search-selected-item .svg-icon { stroke-width: 2px; stroke: #9CA9B2; }

.modal__choice-search-selected-item + .modal__choice-search-selected-item { margin-left: 0.9375rem; }

.modal__choice-search-submit { display: none; }

.modal__choice-search-submit .svg-icon { transition: fill 0.2s linear; vertical-align: top; fill: #9CA9B2; }

.modal__choice-search-field { display: none; flex-grow: 1; }

@media all and (min-width: 576px) { .modal__choice-search-field { min-width: 18.75rem; } }

.modal__choice-search-field input { font-size: 1rem; border: 0 none; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 1240px) { .modal__choice-search-field input { font-size: calc(0.94375rem + 0.07258vw) ; } }

.modal__choice-search-field input.placeholder { color: #9CA9B2; }

.modal__choice-search-field input:-moz-placeholder { color: #9CA9B2; }

.modal__choice-search-field input::-moz-placeholder { color: #9CA9B2; }

.modal__choice-search-field input:-ms-input-placeholder { color: #9CA9B2; }

.modal__choice-search-field input::-webkit-input-placeholder { color: #9CA9B2; }

.modal__choice-search-submit { flex: 0 0 1.875rem; max-width: 1.875rem; width: 1.875rem; height: 1.875rem; padding: 0.3125rem; }

.modal__choice-search-submit:hover .svg-icon { fill: #000000; }

.modal__choice-regions { position: relative; height: 100%; }

.modal__choice-regions .radio, .modal__choice-regions .checkbox { display: block; position: relative; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.625rem; margin-left: -0.625rem; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media all and (min-width: 768px) { .modal__choice-regions .radio__arrow, .modal__choice-regions .checkbox__arrow { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
  .modal__choice-regions .radio__arrow:after, .modal__choice-regions .checkbox__arrow:after { transition-property: opacity, transform; transition-duration: 0.2s; background-image: url("data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgICB2aWV3Qm94PSIwIDAgMy44ODg2NzE5IDE0LjU5OTYxNCIgICBzdHlsZT0iZmlsbDpub25lIj4gIDxwYXRoICAgICBzdHlsZT0iZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50NDcyMikiICAgICBkPSJtIDAsMC41IHYgMTQuMDk5NjEgYyAwLC0xLjMyMSAwLjQzNTcxNDQsLTIuNjA0MzUgMS4yNDAyMzQ0LC0zLjY1MjM1IEwgMy44ODg2NzE5LDcuNDk2MDkgMS4yNDAyMzQ0LDQuMDQ2ODcgQyAwLjQ1Nzc0NDMsMy4wMjc1NyAwLjAzMDk2MjkyLDEuNzgzNjUgMC4wMDc4MTI1LDAuNSBaIi8+ICA8ZGVmcyAgICAgaWQ9ImRlZnM5Ij4gICAgPGxpbmVhckdyYWRpZW50ICAgICAgIGlkPSJwYWludDBfbGluZWFyIiAgICAgICB4MT0iNC4xNzY0Njk4IiAgICAgICB5MT0iLTMyNy43MTcwMSIgICAgICAgeDI9Ii0yLjQ2MzY2IiAgICAgICB5Mj0iLTMyNy42OTgiICAgICAgIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gICAgICA8c3RvcCAgICAgICAgIHN0b3AtY29sb3I9IiNGRjg0MTMiICAgICAgICAgaWQ9InN0b3A0IiAvPiAgICAgIDxzdG9wICAgICAgICAgb2Zmc2V0PSIxIiAgICAgICAgIHN0b3AtY29sb3I9IiNGRjE1NEQiICAgICAgICAgaWQ9InN0b3A2IiAvPiAgICA8L2xpbmVhckdyYWRpZW50PiAgICA8bGluZWFyR3JhZGllbnQgICAgICAgeGxpbms6aHJlZj0iI3BhaW50MF9saW5lYXIiICAgICAgIGlkPSJsaW5lYXJHcmFkaWVudDQ2NjIiICAgICAgIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiAgICAgICB4MT0iNC4xNzY0Njk4IiAgICAgICB5MT0iLTMyNy43MTcwMSIgICAgICAgeDI9Ii0yLjQ2MzY2IiAgICAgICB5Mj0iLTMyNy42OTgiICAgICAgIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNTE3NTc4MTIsLTIzLjk5OTYwMikiIC8+ICAgIDxsaW5lYXJHcmFkaWVudCAgICAgICB4bGluazpocmVmPSIjcGFpbnQwX2xpbmVhciIgICAgICAgaWQ9ImxpbmVhckdyYWRpZW50NDcyMiIgICAgICAgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiICAgICAgIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuMTExMzI4MSwtMTQ3LjE0ODA0KSIgICAgICAgeDE9IjQuMTc2NDY5OCIgICAgICAgeTE9Ii0zMjcuNzE3MDEiICAgICAgIHgyPSItMi40NjM2NiIgICAgICAgeTI9Ii0zMjcuNjk4IiAvPiAgPC9kZWZzPjwvc3ZnPg=="); background-position: left center; background-repeat: no-repeat; background-size: contain; content: ""; display: block; position: absolute; width: 0.375rem; height: 100%; right: -0.375rem; top: 0; opacity: 0; transform: translateX(-0.1875rem); } }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .modal__choice-regions .radio:hover, .modal__choice-regions .checkbox:hover { background-color: #EDF4FF; }
  .modal__choice-regions .radio:hover .radio__arrow:after, .modal__choice-regions .radio:hover .checkbox__arrow:after, .modal__choice-regions .checkbox:hover .radio__arrow:after, .modal__choice-regions .checkbox:hover .checkbox__arrow:after { opacity: 1; transform: translateX(0); } }

.modal__choice-regions .radio input:checked + .radio__content + .radio__arrow:after, .modal__choice-regions .radio input:checked + .radio__content + .checkbox__arrow:after, .modal__choice-regions .radio input:checked + .checkbox__content + .radio__arrow:after, .modal__choice-regions .radio input:checked + .checkbox__content + .checkbox__arrow:after, .modal__choice-regions .checkbox input:checked + .radio__content + .radio__arrow:after, .modal__choice-regions .checkbox input:checked + .radio__content + .checkbox__arrow:after, .modal__choice-regions .checkbox input:checked + .checkbox__content + .radio__arrow:after, .modal__choice-regions .checkbox input:checked + .checkbox__content + .checkbox__arrow:after { opacity: 1; transform: translateX(0); }

@media all and (min-width: 768px) { .modal__choice-regions:after { content: ""; display: block; position: absolute; width: 1px; height: 100%; background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); right: 0; top: 0; } }

@media all and (max-width: 767px) { .modal__choice-regions { padding-bottom: 0.3125rem; overflow: auto; background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(to right, #ffffff, #ffffff), linear-gradient(to right, rgba(120, 138, 150, 0.15), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(120, 138, 150, 0.15), rgba(255, 255, 255, 0)); background-position: left center, right center, left center, right center; background-repeat: no-repeat; background-color: white; background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%; background-attachment: local, local, scroll, scroll; } }

@media all and (min-width: 576px) { .modal__choice-settlements-list { -moz-column-count: 2; column-count: 2; -moz-column-break-inside: avoid; break-inside: avoid-column; } }

.modal__choice-button--reset { color: #FF154D; border-color: #FF154D; }

.modal__choice-button--reset:not(:disabled):not(.is-disabled):hover, .modal__choice-button--reset:not(:disabled):not(.is-disabled):active { background-color: transparent; }

.modal__choice-button--reset:not(:disabled):not(.is-disabled):active { color: #FF154D; }

.modal__choice-button--cancel { opacity: .5; }

.modal__choice-main { overflow: auto; }

@media all and (min-width: 1240px) { .modal__choice-main { max-height: 25rem; } }

@media all and (max-width: 1239px) { .modal__choice-main { height: 100%; } }

.modal__choice-footer .button, .modal__choice-footer .form__checkbox-button { min-width: 10.625rem; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.team__item img { height: 3.75rem; width: 3.75rem; border-radius: 50%; overflow: hidden; -o-object-fit: cover; object-fit: cover; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.list--logos { list-style: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMyAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTkuNDAzNiA2LjU4ODg2QzIwLjE4ODIgNi41ODg4NiAyMC42NjcyIDUuNzI2NSAyMC4yNTI2IDUuMDYwMzlMMTguMDI0OCAxLjQ4MTYyQzE3LjY0NjcgMC44NzQxOTMgMTYuOTQ3OSAwLjUgMTYuMTkxNiAwLjVMNi44MDgzOSAwLjQ5OTk5OUM2LjA1MjE0IDAuNDk5OTk5IDUuMzUzMzMgMC44NzQxOTIgNC45NzUyMSAxLjQ4MTYyTDAuMjgzNTk0IDkuMDE4MzdDLTAuMDk0NTMyNCA5LjYyNTgxIC0wLjA5NDUzMjQgMTAuMzc0MiAwLjI4MzU5NCAxMC45ODE2TDAuODQ4ODIzIDExLjg4OTZMNS4xMzUyOSAxMS44ODk2TDQuNTcwMDYgMTAuOTgxNkM0LjE5MTkzIDEwLjM3NDIgNC4xOTE5MyA5LjYyNTgxIDQuNTcwMDYgOS4wMTgzN0w3LjExODQ0IDQuOTI0NThDNy40OTY1NiA0LjMxNzE1IDguMTk1MzcgMy45NDI5NSA4Ljk1MTYyIDMuOTQyOTVMMTQuMDQ4NCAzLjk0Mjk1QzE0LjgwNDYgMy45NDI5NSAxNS41MDM0IDQuMzE3MTUgMTUuODgxNiA0LjkyNDU4TDE2LjYyNCA2LjExNzMzQzE2LjgwNjYgNi40MTA1OCAxNy4xMjc2IDYuNTg4ODYgMTcuNDczIDYuNTg4ODZMMTkuNDAzNiA2LjU4ODg2WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPjxwYXRoIGQ9Ik0xNy44NjQ3IDguMTEwMzdMMTguNDI5OSA5LjAxODM4QzE4LjgwODEgOS42MjU4MSAxOC44MDgxIDEwLjM3NDIgMTguNDI5OSAxMC45ODE2TDE1Ljg4MTYgMTUuMDc1NEMxNS41MDM0IDE1LjY4MjkgMTQuODA0NiAxNi4wNTcgMTQuMDQ4NCAxNi4wNTdMOC45NTE2MiAxNi4wNTdDOC4xOTUzNyAxNi4wNTcgNy40OTY1NiAxNS42ODI5IDcuMTE4NDQgMTUuMDc1NEw2LjM3NTk2IDEzLjg4MjdDNi4xOTM0MSAxMy41ODk0IDUuODcyNDQgMTMuNDExMSA1LjUyNzAxIDEzLjQxMTFMMy41OTYzOSAxMy40MTExQzIuODExNzYgMTMuNDExMSAyLjMzMjc4IDE0LjI3MzUgMi43NDc0MyAxNC45Mzk2TDQuOTc1MjEgMTguNTE4NEM1LjM1MzMzIDE5LjEyNTggNi4wNTIxNCAxOS41IDYuODA4MzkgMTkuNUwxNi4xOTE2IDE5LjVDMTYuOTQ3OSAxOS41IDE3LjY0NjcgMTkuMTI1OCAxOC4wMjQ4IDE4LjUxODRMMjIuNzE2NCAxMC45ODE2QzIzLjA5NDUgMTAuMzc0MiAyMy4wOTQ1IDkuNjI1ODEgMjIuNzE2NCA5LjAxODM4TDIyLjE1MTIgOC4xMTAzN0wxNy44NjQ3IDguMTEwMzdaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMjMiIHkxPSIxMCIgeDI9Ii00LjE1MjU4ZS0wNyIgeTI9IjEwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGQjQyQiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGNTkyOSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyIiB4MT0iMjMiIHkxPSIxMCIgeDI9Ii00LjE1MjU4ZS0wNyIgeTI9IjEwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGQjQyQiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGNTkyOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); }

.list--logos li { list-style: inherit; margin-left: 1.71875rem; padding-left: 0.3125rem; }

.list--logos li + li { margin-top: 1.25rem; }

.list--logos li span { display: block; position: relative; top: -0.20625rem; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.switcher__header .title--extra-large { transition: color 0.2s linear; line-height: 2.875rem; color: #C3D3E7; }

.switcher__header .title--extra-large:hover { color: #a8bfdc; }

.switcher__header .title--extra-large.is-active { color: #000000; cursor: default; }

.switcher__checkbox { cursor: pointer; border-radius: 1.25rem; background-color: #EDF4FF; border: 1px solid #C3D3E7; }

@media all and (min-width: 576px) { .switcher__checkbox { width: 5rem; height: 2.5rem; } }

@media all and (max-width: 575px) { .switcher__checkbox { width: 3.75rem; height: 1.875rem; } }

.switcher__checkbox-handle { transition-property: transform; transition-duration: 0.2s; margin-left: -2px; margin-top: -2px; border-radius: 50%; background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); box-shadow: 0 0 0.78125rem rgba(255, 144, 82, 0.63); }

@media all and (min-width: 576px) { .switcher__checkbox-handle { height: calc(2.5rem + 2px); width: calc(2.5rem + 2px); } }

@media all and (max-width: 575px) { .switcher__checkbox-handle { height: calc(1.875rem + 2px); width: calc(1.875rem + 2px); } }

.switcher__checkbox[data-current-side="left"] { transform: translateX(0); }

@media all and (min-width: 576px) { .switcher__checkbox[data-current-side="right"] .switcher__checkbox-handle { transform: translateX(calc(2.5rem + 1px)); } }

@media all and (max-width: 575px) { .switcher__checkbox[data-current-side="right"] .switcher__checkbox-handle { transform: translateX(calc(1.875rem + 1px)); } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.head--back .head__title { position: relative; padding-left: 2.5rem; }

.head--back .head__description, .head--back .head__caption { padding-left: 2.5rem; }

.head--back .badges__list { padding-left: 2.5rem; }

.head__back { width: 2.5rem; position: absolute; left: 0; top: 0; height: 100%; }

.head__back .svg-icon { width: 33.333%; }

@media all and (max-width: 767px) { .head__description { padding-top: 1.25rem; } }

@media all and (min-width: 768px) { .head__description { max-width: 66.66%; padding-top: 2.1875rem; } }

.head__caption { padding-bottom: 1.5625rem; }

@media all and (max-width: 767px) { .head__title .title--extra-large { line-height: 2.25rem; } }

.head .badges__list { padding-top: 1.875rem; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.table__simple-main, .table__complex-main { table-layout: fixed; width: 100%; }

.table__simple { padding: 1.25rem 1.5625rem; box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); border-radius: 1.875rem; }

.table__simple-row:not(:last-of-type) { border-bottom: 1px solid #C3D3E7; }

.table__simple-row:first-of-type td { padding-top: 0; }

.table__simple-row:last-of-type td { padding-bottom: 0; }

.table__simple-key, .table__simple-value { padding: 0.46875rem 0; }

.table__simple-key { width: 75%; }

.table__simple-value { font-size: 1.625rem; width: 25%; text-align: right; }

@media (max-width: 1240px) { .table__simple-value { font-size: calc(1.00625rem + 0.79839vw) ; } }

.table__complex { border: 1px solid #C3D3E7; border-radius: 1.875rem; overflow: hidden; }

.table__complex-head { background-color: #C3D3E7; padding: 0.53125rem 1.875rem; }

.table__complex-body { padding: 0.625rem 0.625rem 1.25rem; }

.table__complex-body .table__complex-row { padding: 0.75rem 1.25rem; }

.table__complex-body .table__complex-row:before { transition: background-color 0.2s linear; content: ""; display: block; position: absolute; width: 100%; left: 0; top: 0; bottom: 1px; background-color: transparent; opacity: .5; z-index: -1; border-radius: 0.375rem; }

.table__complex-body .table__complex-row:hover:before { background-color: #C3D3E7; }

.table__complex-body .table__complex-cell:not(:last-child) { padding-right: 1.5625rem; }

.table__complex-row { display: flex; position: relative; }

.table__complex-row:not(:last-child):after { content: ""; display: block; position: absolute; left: 1.25rem; right: 1.25rem; height: 1px; bottom: 0; background-color: #C3D3E7; }

.table__complex-cell:first-of-type { width: 59.5%; }

.table__complex-cell:not(:first-of-type) { width: 13.5%; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.badge { transition: all 0.1s linear; display: inline-block; padding: 0.3125rem 1rem; color: #ffffff; border-radius: 1.875rem; box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); letter-spacing: 0.02em; }

.badge--service { background-color: #C3D3E7; }

.badge--material { background: linear-gradient(93.97deg, #66E1FC -0.8%, #5BACF7 99.03%); }

.badge--in-process { background: linear-gradient(101.39deg, #FB6BC1 -4.92%, #77ADFD 111.98%); }

.badge--finished { background: linear-gradient(101.39deg, #6FE2D5 -4.92%, #3081CC 111.98%); }

.badge--remaining { background: linear-gradient(101.39deg, #F76D75 -4.92%, #FF4F4F 111.98%); }

.badge--unknown { background-color: #D7D8E3; }

.badge--in-search { background: linear-gradient(93.97deg, #66E1FC -0.8%, #5BACF7 99.03%); }

.badge:hover { color: #ffffff; }

.badges__list .badge { margin-bottom: 0.5rem; margin-right: 0.5rem; }

a.badge--service:hover, button.badge--service:hover { background-color: #788A96; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.form__group { position: relative; padding-bottom: 1.25rem; }

.form__group .field { margin-bottom: 0; }

.form__error { font-size: 0.75rem; position: absolute; left: 0; bottom: 0.15625rem; color: #ff0000; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.footer { padding-bottom: 1.25rem; }

@media all and (min-width: 768px) { .footer { padding-top: 5rem; } }

@media all and (max-width: 767px) { .footer { padding-top: 2.5rem; } }

.footer__navigation { letter-spacing: 0.02em; position: relative; }

@media all and (min-width: 1240px) { .footer__navigation:after { content: ""; display: block; position: absolute; width: 60vw; max-width: 56.25rem; bottom: 0; left: 0; height: 1px; background-color: #C3D3E7; } }

@media all and (max-width: 1239px) { .footer__navigation { margin-left: -15px; margin-right: -15px; }
  .footer__navigation:after, .footer__navigation:before { content: ""; display: block; position: absolute; left: 15px; right: 15px; height: 1px; background-color: #C3D3E7; }
  .footer__navigation:before { top: 0; }
  .footer__navigation:after { bottom: 0; } }

.footer__navigation-link { transition-property: color, background; transition-duration: 0.2s; display: inline-block; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media all and (min-width: 1240px) { .footer__navigation-link + .footer__navigation-link { margin-left: 3.75rem; } }

@media all and (max-width: 1239px) { .footer__navigation-link { padding-left: 15px; padding-right: 15px; padding-bottom: 10px; } }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .footer__navigation-link { background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); -webkit-background-clip: text; }
  .footer__navigation-link:hover { color: rgba(0, 0, 0, 0); } }

.footer__submenu { display: grid; }

@media all and (min-width: 1240px) { .footer__submenu { width: 80%; grid-template-columns: 1fr 1fr 1fr; } }

@media all and (max-width: 1239px) { .footer__submenu { grid-template-columns: 1fr 1fr; gap: 10px 15px; } }

.footer hr { background-color: #C3D3E7; color: #C3D3E7; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
.article-nav__button { position: relative; display: flex; align-items: center; justify-content: space-between; transition: color 0.2s linear; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .article-nav__button:hover { color: #FF8413; }
  .article-nav__button:hover .article-nav__button-bg svg { stroke: #FF8413; } }

@media all and (min-width: 1240px) { .article-nav__button { width: 29.5rem; height: 4.5625rem; } }

@media all and (min-width: 576px) and (max-width: 1239px) { .article-nav__button { width: 22.125rem; height: 3.42188rem; } }

@media all and (min-width: 375px) and (max-width: 575px) { .article-nav__button { width: 20.65rem; height: 3.19375rem; } }

@media all and (max-width: 374px) { .article-nav__button { max-width: 100%; width: 100%; min-height: 2.8125rem; } }

@media all and (max-width: 374px) { .article-nav__button { padding-left: 0; padding-right: 0; }
  .article-nav__button .article-nav__button-bg { display: none; } }

.article-nav__button.is-short-title { justify-content: center; }

.article-nav__button.is-short-title .article-nav__button-title { width: auto; text-align: center; text-transform: uppercase; letter-spacing: 0.12em; font-family: "Lato Medium", sans-serif; }

.article-nav__button.no-preview .article-nav__button-title { width: auto; }

.article-nav__button--prev { padding-left: 2.1875rem; }

.article-nav__button--prev.no-preview { padding-right: 2.1875rem; }

.article-nav__button--prev.is-short-title .article-nav__button-title, .article-nav__button--prev.no-preview .article-nav__button-title { margin-left: 0.625rem; }

.article-nav__button--prev .article-nav__button-preview { border-radius: 0 1.875rem 1.875rem 0; margin-right: -2px; }

.article-nav__button--next { padding-right: 2.1875rem; flex-direction: row-reverse; }

.article-nav__button--next.no-preview { padding-left: 2.1875rem; }

.article-nav__button--next.is-short-title .article-nav__button-title, .article-nav__button--next.no-preview .article-nav__button-title { margin-right: 0.625rem; }

.article-nav__button--next .article-nav__button-preview { border-radius: 1.875rem 0 0 1.875rem; margin-left: -2px; }

.article-nav__button--next .article-nav__button-bg { transform: scale(-1, 1); }

.article-nav__button--next .article-nav__button-icon { transform: scale(-1, 1); }

.article-nav__button-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; text-align: left; }

.article-nav__button-bg svg { width: 100%; height: 100%; fill: none; stroke-width: 1px; stroke: #000000; transition: stroke 0.2s linear; }

.article-nav__button-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; }

.article-nav__button-icon svg { width: 0.625rem; height: 0.625rem; transition: fill 0.2s linear; }

.article-nav__button-title { width: 70%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.article-nav__button-preview { flex-shrink: 0; width: 18%; height: 100%; background-color: #D7D8E3; overflow: hidden; }

.article-nav__button-preview img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.article__carousel { overflow: hidden; border-radius: 1.875rem; }

.article__carousel-image { position: relative; display: block; border-radius: 1.875rem; overflow: hidden; }

.article__carousel-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; }

.article__carousel-controls { position: absolute; top: 0; height: 100%; left: 0; right: 0; z-index: 3; pointer-events: none; }

.article__carousel-button { pointer-events: auto; width: 2.5rem; height: 100%; cursor: default; position: relative; z-index: 1; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

.article__carousel-button .svg-icon { transition: fill 0.2s linear; max-width: 40%; }

.article__carousel-button:before { transition: all 0.2s linear; content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; }

.article__carousel-button.is-control--prev { background: linear-gradient(to right, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); }

.article__carousel-button.is-control--prev:before { background: linear-gradient(to right, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)); }

.article__carousel-button.is-control--next { background: linear-gradient(to left, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); }

.article__carousel-button.is-control--next:before { background: linear-gradient(to left, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)); }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .article__carousel-button:not(:disabled), .article__carousel-button:not(.is-disabled) { cursor: pointer; }
  .article__carousel-button:not(:disabled):hover:before, .article__carousel-button:not(.is-disabled):hover:before { opacity: 1; visibility: visible; }
  .article__carousel-button:not(:disabled):hover .svg-icon, .article__carousel-button:not(.is-disabled):hover .svg-icon { fill: #FF8413; } }

@media all and (min-width: 768px) { .article__carousel--full .article__carousel-image { min-height: 23.125rem; } }

@media all and (max-width: 767px) { .article__carousel--full .article__carousel-image { min-height: 15.625rem; } }

@media all and (min-width: 768px) { .article__carousel--short .article__carousel-image { min-height: 16.875rem; } }

@media all and (max-width: 767px) { .article__carousel--short .article__carousel-image { min-height: 12.5rem; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.home__intro { overflow: hidden; position: relative; }

@media all and (min-width: 992px) { .home__intro { min-height: 47.625rem; } }

@media all and (min-width: 768px) and (max-width: 991px) { .home__intro { min-height: 40.8rem; } }

.home__intro-slogans { position: absolute; left: 0; top: 0; padding-top: 2.125rem; width: 100%; height: 100%; min-height: inherit; }

.home__intro-slogan { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 40s; animation-duration: 40s; -webkit-animation-timing-function: linear; animation-timing-function: linear; }

.home__intro-slogan:first-of-type { -webkit-animation-name: moveTopLine; animation-name: moveTopLine; margin-left: -100%; }

.home__intro-slogan:nth-of-type(2) { -webkit-animation-name: moveMiddleLine; animation-name: moveMiddleLine; }

.home__intro-slogan:last-of-type { -webkit-animation-name: moveTopLine; animation-name: moveTopLine; }

.home__intro-slogan svg { max-width: initial; max-height: initial; }

@media all and (min-width: 992px) { .home__intro-main { padding-top: 11.25rem; } }

@media all and (max-width: 991px) { .home__intro-main { padding-top: 6.25rem; } }

.home__intro-headings .title--extra-large { transition: color 0.2s linear; white-space: nowrap; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media all and (max-width: 575px) { .home__intro-headings .title--extra-large { font-size: 2.125rem; line-height: 2.875rem; } }

@media all and (max-width: 575px) and (max-width: 1240px) { .home__intro-headings .title--extra-large { font-size: calc(1.05625rem + 1.37903vw) ; } }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .home__intro-headings .title--extra-large { background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); -webkit-background-clip: text; }
  .home__intro-headings .title--extra-large:hover { color: rgba(0, 0, 0, 0); cursor: default; } }

@-webkit-keyframes moveTopLine { 0% { transform: translateX(0); }
  50% { transform: translateX(100%); }
  100% { transform: translateX(0); } }

@keyframes moveTopLine { 0% { transform: translateX(0); }
  50% { transform: translateX(100%); }
  100% { transform: translateX(0); } }

@-webkit-keyframes moveMiddleLine { 0% { transform: translateX(0); }
  50% { transform: translateX(-100%); }
  100% { transform: translateX(0); } }

@keyframes moveMiddleLine { 0% { transform: translateX(0); }
  50% { transform: translateX(-100%); }
  100% { transform: translateX(0); } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.home__capabilities { overflow: hidden; }

.home__capabilities-item { width: 100%; }

@media all and (min-width: 992px) { .home__capabilities-item { max-width: 21.875rem; flex: 0 0 21.875rem; } }

@media all and (max-width: 991px) { .home__capabilities-item { max-width: 16.40625rem; flex: 0 0 16.40625rem; } }

.home__capabilities-item + .home__capabilities-item { margin-left: 5rem; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.home__accelerators { overflow: hidden; }

@media all and (min-width: 992px) { .home__accelerators-carousel { padding-left: 1.25rem; padding-right: 1.25rem; } }

@media all and (max-width: 991px) { .home__accelerators-carousel { padding-left: 15px; padding-right: 15px; } }

@media all and (min-width: 768px) { .home__accelerators-carousel { padding-top: 3.75rem; padding-bottom: 7.5rem; } }

@media all and (max-width: 767px) { .home__accelerators-carousel { padding-top: 1.875rem; padding-bottom: 3.75rem; } }

@media all and (min-width: 992px) { .home__accelerators-carousel-holder { margin-left: -1.25rem; margin-right: -1.25rem; } }

@media all and (max-width: 991px) { .home__accelerators-carousel-holder { margin-left: -15px; margin-right: -15px; } }

@media all and (max-width: 575px) { .home__accelerators-carousel .swiper-slide { width: 17.1875rem; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
@media all and (min-width: 992px) { .home__interaction-wrapper { margin-left: 13.75%; } }

.home__interaction-carousel .swiper-slide { transition-property: opacity, transform, margin-right; transition-duration: 0.4s; max-width: 43.75rem; margin-right: 15vw; opacity: .5; transform: scale(0.85); will-change: transform; }

.home__interaction-carousel .swiper-slide.is-active { opacity: 1; transform: scale(1); margin-right: 7.5vw; }

.home__interaction-carousel .swiper-slide.is-active .home__interaction-item-icon { transform: scale(1) rotate(60deg); }

.home__interaction-carousel .carousel__pagination.swiper-pagination-bullets-dynamic { left: 12.75%; transform: translateX(0); }

.home__interaction-item { width: 100%; position: relative; }

@media all and (min-width: 768px) { .home__interaction-item { max-width: 43.75rem; } }

@media all and (max-width: 767px) { .home__interaction-item { max-width: 32.8125rem; } }

@media all and (min-width: 992px) { .home__interaction-item { padding-left: 30%; padding-top: 20%; padding-bottom: 6.25rem; } }

@media all and (min-width: 576px) and (max-width: 991px) { .home__interaction-item { padding-left: 21.5%; padding-top: 10%; padding-bottom: 3.125rem; } }

@media all and (max-width: 575px) { .home__interaction-item { padding-left: 10%; padding-top: 10%; padding-bottom: 1.875rem; } }

.home__interaction-item-icon { transition-property: transform; transition-duration: 0.4s; position: absolute; left: 0; top: 0; opacity: .2; transform: scale(0.75) rotate(60deg); }

@media all and (min-width: 992px) { .home__interaction-item-icon { width: 50%; } }

@media all and (min-width: 576px) and (max-width: 991px) { .home__interaction-item-icon { width: 33.333%; } }

@media all and (max-width: 575px) { .home__interaction-item-icon { width: 25%; } }

.home__interaction-item-icon span { display: block; padding-top: 100%; position: relative; }

.home__interaction-item-icon svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
@media all and (max-width: 575px) { .home__projects .card__product { max-width: 18.75rem; margin: 0 auto; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.home__launch-accent { width: 82.5%; }

.home__launch-accent-wrapper { position: relative; padding-top: 60%; }

.home__launch-box { position: absolute; width: 100%; height: 100%; background: linear-gradient(93.02deg, #B0C7D7 7.64%, #B7CAD7 52.57%, #A4C1D5 92.21%); border-radius: 0.625rem; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.home__launch-box--under { opacity: .5; top: 0; left: 2.5rem; }

.home__launch-box--over { top: 3.125rem; left: 0; padding: 15%; display: flex; align-items: center; }

.home__launch-box .button--accent { position: absolute; left: 50%; transform: translate(-50%, 55%); bottom: 0; }

@media all and (min-width: 992px) { .home__launch-content { margin-left: -1.875rem; width: calc(100% + 1.875rem); } }

@media all and (max-width: 991px) { .home__launch-content { padding-top: 10.9375rem; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
.home__polygon { position: relative; }

.home__polygon-background { background-image: url("../img/home/bottom-polygon.svg"); background-position: center 20%; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; }

.home__spring { background-repeat: no-repeat; background-position: right top; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
.news__list-el + .news__list-el { margin-top: 1.875rem; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
@media all and (max-width: 575px) { .newsSingle .article-nav__button-bg { display: none; } }

.newsSingle__content-image { width: 100%; display: block; position: relative; background-color: #9CA9B2; overflow: hidden; }

@media all and (min-width: 768px) { .newsSingle__content-image { border-radius: 0 1.875rem 1.875rem 0; padding-top: 100%; } }

@media all and (min-width: 576px) and (max-width: 767px) { .newsSingle__content-image { padding-top: 75%; } }

@media all and (max-width: 575px) { .newsSingle__content-image { padding-top: 100%; } }

.newsSingle__content-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
.materials__row { display: flex; flex-wrap: wrap; }

.materials__item { margin-bottom: 30px; }

@media all and (min-width: 992px) { .materials__item { width: calc((100% - 45.13%) / 2); }
  .materials__item:nth-child(3n+3) { margin-right: 0; }
  .materials__item:first-child, .materials__item:nth-child(6n), .materials__item:nth-child(6n+7) { width: 40%; } }

@media all and (min-width: 768px) and (max-width: 991px) { .materials__item { width: calc((100% - 65.13%)); }
  .materials__item:nth-child(2n+2) { margin-right: 0; }
  .materials__item:nth-child(even) { width: 60%; } }

@media all and (min-width: 768px) { .materials__item { margin-right: 2.565%; } }

@media all and (max-width: 767px) { .materials__item { width: 100%; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.article__content { overflow: hidden; }

.article__nav { position: relative; }

@media all and (min-width: 1240px) { .article__nav { min-height: 31.25rem; } }

@media all and (min-width: 768px) and (max-width: 1239px) { .article__nav { min-height: 25rem; } }

@media all and (min-width: 768px) { .article__nav { margin-left: -0.625rem; margin-right: -0.625rem; } }

@media all and (max-width: 767px) { .article__nav { overflow: auto; padding-bottom: 0.625rem; } }

@media all and (max-width: 767px) { .article__nav-wrap { position: relative; }
  .article__nav-wrap:after { content: ""; display: block; position: absolute; height: 1px; bottom: 0.625rem; background-color: #ff0000; left: 0; right: 0; } }

@media all and (min-width: 768px) { .article__nav:after { content: ""; display: block; position: absolute; width: 1px; height: 100%; right: 0; top: 0; background-color: #ff0000; } }

.article__nav-link { transition: background-color 0.2s linear; position: relative; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

.article__nav-link:after, .article__nav-link:before { content: ""; display: block; position: absolute; transition: all 0.2s linear; }

@media all and (min-width: 768px) { .article__nav-link { padding: 0.625rem; border-radius: 2px; color: #788A96; } }

@media all and (max-width: 767px) { .article__nav-link { padding-bottom: 12px; margin-right: 0.75rem; }
  .article__nav-link:last-child { padding-right: 15px; }
  .article__nav-link:last-child:before { width: calc(100% - 15px); }
  .article__nav-link:before { width: 100%; height: 8px; left: 0; bottom: 0; background-color: #EDF4FF; opacity: 0; visibility: hidden; } }

.article__nav-link:after { background-image: url("data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgICB2aWV3Qm94PSIwIDAgMy44ODg2NzE5IDE0LjU5OTYxNCIgICBzdHlsZT0iZmlsbDpub25lIj4gIDxwYXRoICAgICBzdHlsZT0iZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50NDcyMikiICAgICBkPSJtIDAsMC41IHYgMTQuMDk5NjEgYyAwLC0xLjMyMSAwLjQzNTcxNDQsLTIuNjA0MzUgMS4yNDAyMzQ0LC0zLjY1MjM1IEwgMy44ODg2NzE5LDcuNDk2MDkgMS4yNDAyMzQ0LDQuMDQ2ODcgQyAwLjQ1Nzc0NDMsMy4wMjc1NyAwLjAzMDk2MjkyLDEuNzgzNjUgMC4wMDc4MTI1LDAuNSBaIi8+ICA8ZGVmcyAgICAgaWQ9ImRlZnM5Ij4gICAgPGxpbmVhckdyYWRpZW50ICAgICAgIGlkPSJwYWludDBfbGluZWFyIiAgICAgICB4MT0iNC4xNzY0Njk4IiAgICAgICB5MT0iLTMyNy43MTcwMSIgICAgICAgeDI9Ii0yLjQ2MzY2IiAgICAgICB5Mj0iLTMyNy42OTgiICAgICAgIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gICAgICA8c3RvcCAgICAgICAgIHN0b3AtY29sb3I9IiNGRjg0MTMiICAgICAgICAgaWQ9InN0b3A0IiAvPiAgICAgIDxzdG9wICAgICAgICAgb2Zmc2V0PSIxIiAgICAgICAgIHN0b3AtY29sb3I9IiNGRjE1NEQiICAgICAgICAgaWQ9InN0b3A2IiAvPiAgICA8L2xpbmVhckdyYWRpZW50PiAgICA8bGluZWFyR3JhZGllbnQgICAgICAgeGxpbms6aHJlZj0iI3BhaW50MF9saW5lYXIiICAgICAgIGlkPSJsaW5lYXJHcmFkaWVudDQ2NjIiICAgICAgIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiAgICAgICB4MT0iNC4xNzY0Njk4IiAgICAgICB5MT0iLTMyNy43MTcwMSIgICAgICAgeDI9Ii0yLjQ2MzY2IiAgICAgICB5Mj0iLTMyNy42OTgiICAgICAgIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNTE3NTc4MTIsLTIzLjk5OTYwMikiIC8+ICAgIDxsaW5lYXJHcmFkaWVudCAgICAgICB4bGluazpocmVmPSIjcGFpbnQwX2xpbmVhciIgICAgICAgaWQ9ImxpbmVhckdyYWRpZW50NDcyMiIgICAgICAgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiICAgICAgIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuMTExMzI4MSwtMTQ3LjE0ODA0KSIgICAgICAgeDE9IjQuMTc2NDY5OCIgICAgICAgeTE9Ii0zMjcuNzE3MDEiICAgICAgIHgyPSItMi40NjM2NiIgICAgICAgeTI9Ii0zMjcuNjk4IiAvPiAgPC9kZWZzPjwvc3ZnPg=="); background-size: contain; background-position: left center; background-repeat: no-repeat; width: 1.25rem; height: 1.25rem; z-index: 1; opacity: 0; }

@media all and (min-width: 768px) { .article__nav-link:after { top: 50%; transform: translate(100%, -50%) scaleX(0); transform-origin: left center; right: 0; } }

@media all and (max-width: 767px) { .article__nav-link:after { transform: translate(0, 100%) rotate(90deg) scaleY(0); left: 0; transform-origin: center center; bottom: 0; } }

@media all and (pointer: fine) and (any-hover: hover) and (min-width: 768px), all and (min-width: 0\0) and (min-width: 768px) { .article__nav-link:hover { background-color: #EDF4FF; }
  .article__nav-link:hover:after { transform: translate(100%, -50%) scaleX(1); opacity: 1; } }

@media all and (pointer: fine) and (any-hover: hover) and (max-width: 767px), all and (min-width: 0\0) and (max-width: 767px) { .article__nav-link:hover:after { opacity: 1; }
  .article__nav-link:hover:before { opacity: 1; visibility: visible; } }

@media all and (min-width: 768px) { .article__nav-link.is-active { background-color: #EDF4FF; }
  .article__nav-link.is-active:after { transform: translate(100%, -50%) scaleX(1); opacity: 1; } }

@media all and (max-width: 767px) { .article__nav-link.is-active:after { transform: translate(0, 100%) rotate(90deg) scaleY(1); opacity: 1; }
  .article__nav-link.is-active:before { opacity: 1; visibility: visible; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.service__logo { margin-left: 2.5rem; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.about__cases { position: relative; }

.about__spring { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; }

@media all and (min-width: 768px) { .about__spring { background-position: 110% 100%; } }

@media all and (max-width: 767px) { .about__spring { background-position: 50% 55%; } }

.about__support { background-color: #EDF4FF; padding: 15px 30px; }

.about__support-text { font-family: "Lato Bold", sans-serif; }

@media all and (min-width: 375px) and (max-width: 767px) { .about__capability { max-width: 75%; } }

@media all and (min-width: 768px) and (max-width: 991px) { .about__capability-logo { width: 4.375rem; height: 4.375rem; } }

@media all and (max-width: 767px) { .about__capability-logo { width: 3.125rem; height: 3.125rem; } }

.about__capability:nth-of-type(1) .about__capability-logo { transform: rotate(0deg); }

.about__capability:nth-of-type(2) .about__capability-logo { transform: rotate(45deg); }

.about__capability:nth-of-type(3) .about__capability-logo { transform: rotate(90deg); }

.about__capability:nth-of-type(4) .about__capability-logo { transform: rotate(135deg); }

@media all and (min-width: 992px) { .about__capability + .about__capability { margin-top: 5rem; } }

@media all and (min-width: 768px) and (max-width: 991px) { .about__capability + .about__capability { margin-top: 2.5rem; } }

@media all and (max-width: 767px) { .about__capability + .about__capability { margin-top: 1.875rem; } }

.about__join-box { width: 29.375rem; max-width: 100%; }

.about__join-box-inner { position: relative; display: block; padding-top: 57.5%; background: linear-gradient(93.02deg, #B0C7D7 7.64%, #B7CAD7 52.57%, #A4C1D5 92.21%); border-radius: 0.625rem; margin-bottom: 4.375rem; }

.about__join-box .button--accent { position: absolute; left: 50%; transform: translate(-50%); bottom: -4.375rem; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.catalog__header { padding-bottom: 9.375rem; }

.catalog__search { margin-top: 0.625rem; }

.catalog__aside-inner { background-color: #ffffff; position: relative; }

.catalog__aside-inner .scrollbar-thumb { width: 0.23438rem; height: 0.23438rem; }

.catalog__aside-inner .scrollbar-track-x { height: 0.23438rem; }

.catalog__aside-inner .scrollbar-track-y { width: 0.23438rem; }

@media all and (max-width: 991px) { .catalog__aside-inner { width: 90%; max-width: 31.25rem; height: 100%; z-index: 1; padding: 0 15px 30px; overflow: auto; } }

.catalog__aside-show-results { margin-top: 1.25rem; }

.catalog__aside-show-results.is-fixed .button--bright { transition-property: opacity, visibility, transform; transition-duration: 0.2s; position: fixed; max-width: 31.25rem; bottom: 30px; left: 15px; opacity: 0; visibility: hidden; transform: translateY(10%); box-shadow: 0 0 0.78125rem rgba(255, 144, 82, 0.63); }

.catalog__aside-show-results.is-fixed:not(.is-shown) { max-height: 0; overflow: hidden; margin-top: 0; }

.catalog__aside-show-results.is-shown .button--bright { opacity: 1; visibility: visible; transform: translateY(0); }

@media all and (max-width: 991px) { .catalog__aside { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 7; opacity: 0; visibility: hidden; }
  .catalog__aside:after { transition: transform 0.4s linear; content: ""; display: block; position: absolute; width: 100%; left: 0; top: 0; height: 100%; background-color: rgba(120, 138, 150, 0.5); } }

.catalog__aside .catalog__toggle { margin-bottom: 0.9375rem; }

.catalog__column { padding-left: 15px; padding-right: 15px; width: 100%; }

@media all and (min-width: 1440px) { .catalog__column--aside { flex: 0 0 25%; max-width: 25%; } }

@media all and (min-width: 1240px) and (max-width: 1439px) { .catalog__column--aside { flex: 0 0 30%; max-width: 30%; } }

@media all and (min-width: 992px) and (max-width: 1239px) { .catalog__column--aside { flex: 0 0 35%; max-width: 35%; } }

@media all and (min-width: 1440px) { .catalog__column--products { flex: 0 0 61.75%; max-width: 61.75%; } }

@media all and (min-width: 1240px) and (max-width: 1439px) { .catalog__column--products { flex: 0 0 70%; max-width: 70%; } }

@media all and (min-width: 992px) and (max-width: 1239px) { .catalog__column--products { flex: 0 0 65%; max-width: 65%; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.page__inner.is-contacts-page .footer { padding-top: 1.25rem; }

.contacts { overflow: hidden; }

.contacts__item + .contacts__item { margin-top: 1.5625rem; }

.contacts__item .svg-icon { margin-right: 0.625rem; flex: 0 0 auto; }

.contacts__item:not(:first-of-type) .svg-icon { margin-top: 0.3125rem; }

.contacts__item-content { display: flex; flex-direction: column; align-items: flex-start; }

.contacts__item-link { font-family: "Lato Medium", sans-serif; }

.contacts__map { position: relative; min-width: 81.25rem; pointer-events: none; }

@media all and (min-width: 992px) { .contacts__map { height: calc(100% + 11.25rem); margin-top: -11.25rem; } }

@media all and (max-width: 991px) { .contacts__map { height: 31.25rem; } }

@media all and (max-width: 767px) { .contacts__map { margin-top: -5%; } }

.contacts__map svg { position: absolute; width: 100%; height: 100%; right: 0; top: 0; }

.contacts__map-view { position: absolute; width: 100%; height: 100%; top: 0; right: 1.5625rem; -webkit-clip-path: url(#mapClipPath); clip-path: url(#mapClipPath); }

@media all and (max-width: 767px) { .contacts__map-view { transform: translateX(-33.33%); } }

.contacts__map-view-inner { margin-top: 10%; width: 100%; height: 100%; pointer-events: auto; }

@media all and (min-width: 992px) { .contacts__info { min-height: 35.9375rem; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.project .article-header__caption { font-size: 1.125rem; color: #9CA9B2; }

@media (max-width: 1240px) { .project .article-header__caption { font-size: calc(0.95625rem + 0.21774vw) ; } }

.project__image { display: block; position: relative; z-index: 1; padding-top: 65%; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 1.875rem; }

.project__image-holder { padding-bottom: 7.8125rem; }

@media all and (min-width: 1240px) { .project__image-holder { width: 29.375rem; } }

@media all and (min-width: 992px) and (max-width: 1239px) { .project__image-holder { width: 23.125rem; } }

@media all and (max-width: 991px) { .project__image-holder { max-width: 21.875rem; width: 100%; } }

.project__image .button--accent { position: absolute; left: 50%; transform: translate(-50%, 60%); bottom: 0; }

@media all and (min-width: 576px) { .project__wrap { margin-left: 2.5rem; } }

.project__info { padding-top: 0.3125rem; }

.project__info-key .svg-icon { width: 1rem; height: 1rem; margin-right: 0.5rem; }

.project__info-key:after { content: ''; display: inline-block; height: 1px; border-bottom: 1px dashed #C3D3E7; flex: 1 0 auto; margin-top: auto; margin-bottom: 0.3125rem; margin-left: 0.625rem; }

.project__main { overflow: hidden; }

@media all and (min-width: 768px) { .project__main { padding-bottom: 7.5rem; } }

@media all and (max-width: 767px) { .project__main { padding-bottom: 3.75rem; } }

.project__fees { position: relative; padding-top: 15px; padding-bottom: 15px; margin-top: 1.25rem; }

.project__fees:after { content: ""; display: block; position: absolute; width: 200vw; height: 100%; background-color: #C3D3E7; left: 50%; transform: translateX(-50%); opacity: .4; bottom: 0; }

.project__fees .card__product-fees { position: relative; z-index: 1; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.statistics__hexagon { background-repeat: no-repeat; background-size: cover; }

@media all and (min-width: 1240px) { .statistics__hexagon { padding-bottom: 17.875rem; } }

@media all and (max-width: 1239px) { .statistics__hexagon { padding-bottom: 6.625rem; } }

@media all and (min-width: 768px) { .statistics__hexagon { background-position: center bottom; } }

@media all and (max-width: 767px) { .statistics__hexagon { background-position: 33% bottom; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.statistics { overflow: hidden; }

.statistics__intro { position: relative; display: block; }

@media all and (min-width: 1240px) { .statistics__intro { height: 68.75rem; } }

@media all and (min-width: 768px) and (max-width: 1239px) { .statistics__intro { height: 55rem; } }

@media all and (min-width: 576px) and (max-width: 767px) { .statistics__intro { height: 44.6875rem; } }

@media all and (max-width: 575px) { .statistics__intro { height: 58.4375rem; } }

.statistics__intro-main { position: relative; z-index: 5; }

@media all and (min-width: 1240px) { .statistics__intro-main { padding-top: 6.25rem; } }

@media all and (max-width: 767px) { .statistics__intro-main { padding-top: 3.125rem; } }

.statistics__intro-subtitle { transition-property: transform, opacity, visibility; transition-duration: 0.4s; color: #C3D3E7; position: relative; z-index: 1; margin-bottom: -0.625rem; transform: translateY(10%); opacity: 0; visibility: hidden; }

.statistics__intro-chart, .statistics__intro-points { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.statistics__intro-chart-line, .statistics__intro-curtain { position: absolute; bottom: -2.5%; text-align: right; }

@media all and (min-width: 576px) { .statistics__intro-chart-line, .statistics__intro-curtain { height: 65%; } }

@media all and (max-width: 575px) { .statistics__intro-chart-line, .statistics__intro-curtain { height: 60%; } }

.statistics__intro-chart-line { right: 0; z-index: 1; }

@media all and (min-width: 1240px) { .statistics__intro-chart-line { width: 85%; } }

@media all and (max-width: 1239px) { .statistics__intro-chart-line { width: 100%; } }

@media all and (max-width: 374px) { .statistics__intro-chart-line { padding-bottom: 10%; } }

.statistics__intro-chart-line svg { fill: transparent; stroke-width: 1; height: 100%; width: 100%; }

.statistics__intro-chart:after { transition: height 0.4s linear; content: ""; display: block; position: absolute; width: 100%; height: 0; left: 0; bottom: 0; background: linear-gradient(0, #ECF4FF 0%, rgba(255, 255, 255, 0) 100%); }

.statistics__intro-curtain { background-color: #ffffff; z-index: 2; left: 0; width: 100%; }

.statistics__intro-points { z-index: 3; }

.statistics__intro-point { position: absolute; z-index: 1; left: 0; top: 0; white-space: nowrap; }

@media all and (max-width: 575px) { .statistics__intro-point.is-edged .statistics__intro-point-content { border-radius: 1.875rem 0 1.875rem 1.875rem; } }

.statistics__intro-point-content { padding: 0.9375rem 1.875rem; background-color: #EDF4FF; border: 1px solid #C3D3E7; border-radius: 0 1.875rem 1.875rem 1.875rem; }

.statistics__intro-point-content p:last-of-type { font-size: 1.125rem; padding-top: 0.3125rem; font-family: "Lato Bold", sans-serif; }

@media (max-width: 1240px) { .statistics__intro-point-content p:last-of-type { font-size: calc(0.95625rem + 0.21774vw) ; } }

.statistics__intro-point-marker { position: absolute; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYuOTM0MyAwLjk2NjIwNEwyNy42MDQyIDYuNTE1NzdDMjguNzk1NyA3LjEzNTQ3IDI5LjUgOC4yNjE5MSAyOS41IDkuNDUwNDNWMjAuNTQ5NkMyOS41IDIxLjczODEgMjguNzk1NyAyMi44NjQ1IDI3LjYwNDIgMjMuNDg0MkwxNi45MzQzIDI5LjAzMzhDMTUuNzM5MiAyOS42NTU0IDE0LjI2MDggMjkuNjU1NCAxMy4wNjU3IDI5LjAzMzhMMi4zOTU3OCAyMy40ODQyQzEuMjA0MzIgMjIuODY0NSAwLjUgMjEuNzM4MSAwLjUgMjAuNTQ5NlY5LjQ1MDQzQzAuNSA4LjI2MTkxIDEuMjA0MzIgNy4xMzU0NyAyLjM5NTc4IDYuNTE1NzdMMTMuMDY1NyAwLjk2NjIwNEMxNC4yNjA4IDAuMzQ0NTk4IDE1LjczOTIgMC4zNDQ1OTkgMTYuOTM0MyAwLjk2NjIwNFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiIHN0cm9rZT0iI0MzRDNFNyIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjQuOTQxMTgiIHkxPSItMjQuNDU2NSIgeDI9IjQyLjc2MDgiIHkyPSItMTUuNzEyOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjg0MTMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjE1NEQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 1.875rem; height: 1.875rem; left: 0; top: -1px; transform: translateX(-50%); }

.statistics__intro.is-draw-end .statistics__intro-subtitle { opacity: 1; visibility: visible; transform: translateY(0); }

.statistics__intro.is-draw-end .statistics__intro-chart:after { height: 33.333%; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.statistics__grid-head { flex: 0 0 3.75rem; max-width: 3.75rem; }

.statistics__grid-scrollable { width: calc(100% - 3.75rem); overflow-x: auto; overflow-y: hidden; }

.statistics__grid-scrollable-inner { padding-left: 12.5%; }

.statistics__chart--gradient .statistics__chart-main { background: linear-gradient(0, #ECF4FF 0%, rgba(255, 255, 255, 0) 100%); }

.statistics__chart--organizations .statistics__chart-bar-inner { cursor: pointer; position: relative; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ /* pointer: coarse - Touchscreen and Touchscreen+Mouse any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

.statistics__chart--organizations .statistics__chart-bar-inner--red { background: linear-gradient(179.37deg, #FF8413 -43.68%, #FF154D 122.9%); height: 75%; border-radius: 0.625rem 0.625rem 0 0; }

.statistics__chart--organizations .statistics__chart-bar-inner--red .statistics__chart-info:before { background: linear-gradient(179.37deg, #FF8413 -43.68%, #FF154D 122.9%); border-radius: 0.625rem 0.625rem 0.625rem 0; }

.statistics__chart--organizations .statistics__chart-bar-inner--red .statistics__chart-info-summary { padding-top: 1.25rem; }

.statistics__chart--organizations .statistics__chart-bar-inner--blue { background: linear-gradient(178.73deg, #66E1FC -12.11%, #5BACF7 130.03%); height: 25%; }

.statistics__chart--organizations .statistics__chart-bar-inner--blue .statistics__chart-info:before { background: linear-gradient(178.73deg, #66E1FC -12.11%, #5BACF7 130.03%); border-radius: 0 0.625rem 0.625rem 0; }

.statistics__chart--organizations .statistics__chart-bar-inner--blue .statistics__chart-info-summary { padding-top: 0.3125rem; }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .statistics__chart--organizations .statistics__chart-bar-inner:hover .statistics__chart-info { width: 8.75rem; opacity: 1; } }

@media (pointer: coarse) and (any-pointer: fine) { .statistics__chart--organizations .statistics__chart-bar-inner .statistics__chart-info { width: 8.75rem; opacity: 1; } }

.statistics__chart--organizations .statistics__chart-info { transition: all 0.1s linear; position: absolute; height: 100%; width: 1.25rem; opacity: 0; top: 0; left: 0; color: #ffffff; z-index: 1; padding-left: 2rem; white-space: nowrap; }

.statistics__chart--organizations .statistics__chart-info-summary { line-height: 1.375rem; }

.statistics__chart--organizations .statistics__chart-info-summary span { display: block; }

.statistics__chart--organizations .statistics__chart-info-summary span:first-of-type { font-size: 1.625rem; padding-bottom: 0.15625rem; }

@media (max-width: 1240px) { .statistics__chart--organizations .statistics__chart-info-summary span:first-of-type { font-size: calc(1.00625rem + 0.79839vw) ; } }

.statistics__chart--organizations .statistics__chart-info:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; opacity: .7; right: 0; top: 0; z-index: -1; }

.statistics__chart--organizations .statistics__chart-area .title--extra-large { bottom: 2.5rem; }

.statistics__chart--trade .statistics__chart-wrap { position: relative; }

.statistics__chart--trade .statistics__chart-content { position: relative; z-index: 3; }

.statistics__chart--trade .statistics__chart-area .title--extra-large { bottom: 0.625rem; }

.statistics__chart--trade .statistics__chart-bar { position: relative; }

.statistics__chart--trade .statistics__chart-box { position: absolute; width: 1.25rem; height: 1.25rem; left: 0; }

.statistics__chart--trade .statistics__chart-box-title { font-size: 1.625rem; line-height: 1.5rem; }

@media (max-width: 1240px) { .statistics__chart--trade .statistics__chart-box-title { font-size: calc(1.00625rem + 0.79839vw) ; } }

.statistics__chart--trade .statistics__chart-box-point { position: absolute; width: 1.25rem; height: 1.25rem; left: 0; background-position: center center; background-size: contain; background-repeat: no-repeat; z-index: 1; cursor: pointer; }

.statistics__chart--trade .statistics__chart-box-content { transition: height 0.1s linear; width: 8.125rem; height: 0; position: absolute; left: 0.625rem; color: #ffffff; padding: 0 0.625rem; overflow: hidden; }

.statistics__chart--trade .statistics__chart-box-content:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; opacity: .8; border-radius: 0.625rem; }

.statistics__chart--trade .statistics__chart-box-list { position: relative; padding: 0.625rem 0; }

.statistics__chart--trade .statistics__chart-box:hover { z-index: 3; }

.statistics__chart--trade .statistics__chart-box:hover .statistics__chart-box-content { height: 5rem; }

.statistics__chart--trade .statistics__chart-box.to-bottom { transform: translateY(100%); }

.statistics__chart--trade .statistics__chart-box.to-bottom .statistics__chart-box-content { top: 0.625rem; }

.statistics__chart--trade .statistics__chart-box.to-bottom .statistics__chart-box-point { top: 0; }

.statistics__chart--trade .statistics__chart-box.to-top .statistics__chart-box-content { bottom: 0.625rem; }

.statistics__chart--trade .statistics__chart-box.to-top .statistics__chart-box-point { bottom: 0; }

.statistics__chart--trade .statistics__chart-box--red .statistics__chart-box-point { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi44NDUzIDAuMjc4NzI5QzcuNTU5ODMgLTAuMDkyOTA5NyA4LjQ0MDE3IC0wLjA5MjkwOTYgOS4xNTQ3IDAuMjc4NzI5TDE0Ljg0NTMgMy4yMzg1QzE1LjU1OTggMy42MTAxNCAxNiA0LjI5Njk1IDE2IDUuMDQwMjNWMTAuOTU5OEMxNiAxMS43MDMgMTUuNTU5OCAxMi4zODk5IDE0Ljg0NTMgMTIuNzYxNUw5LjE1NDcgMTUuNzIxM0M4LjQ0MDE3IDE2LjA5MjkgNy41NTk4MyAxNi4wOTI5IDYuODQ1MyAxNS43MjEzTDEuMTU0NyAxMi43NjE1QzAuNDQwMTY5IDEyLjM4OTkgMCAxMS43MDMgMCAxMC45NTk4VjUuMDQwMjNDMCA0LjI5Njk1IDAuNDQwMTY5IDMuNjEwMTQgMS4xNTQ3IDMuMjM4NUw2Ljg0NTMgMC4yNzg3MjlaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMi42MzUyOSIgeTE9Ii0xMy4wNDM1IiB4Mj0iMjIuODA1OCIgeTI9Ii04LjM4MDIyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODQxMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMTU0RCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); }

.statistics__chart--trade .statistics__chart-box--red .statistics__chart-box-content:before { background: linear-gradient(179.37deg, #FF8413 -43.68%, #FF154D 122.9%); }

.statistics__chart--trade .statistics__chart-box--blue .statistics__chart-box-point { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi44NDUzIDAuMjc4NzI5QzcuNTU5ODMgLTAuMDkyOTA5OCA4LjQ0MDE3IC0wLjA5MjkwOTYgOS4xNTQ3IDAuMjc4NzI5TDE0Ljg0NTMgMy4yMzg1QzE1LjU1OTggMy42MTAxNCAxNiA0LjI5Njk1IDE2IDUuMDQwMjNWMTAuOTU5OEMxNiAxMS43MDMgMTUuNTU5OCAxMi4zODk5IDE0Ljg0NTMgMTIuNzYxNUw5LjE1NDcgMTUuNzIxM0M4LjQ0MDE3IDE2LjA5MjkgNy41NTk4MyAxNi4wOTI5IDYuODQ1MyAxNS43MjEzTDEuMTU0NyAxMi43NjE1QzAuNDQwMTY5IDEyLjM4OTkgMCAxMS43MDMgMCAxMC45NTk4VjUuMDQwMjNDMCA0LjI5Njk1IDAuNDQwMTY5IDMuNjEwMTQgMS4xNTQ3IDMuMjM4NUw2Ljg0NTMgMC4yNzg3MjlaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iLTQuMjIzMjJlLTA2IiB5MT0iLTEuOTgwMiIgeDI9IjAuNTE1ODEzIiB5Mj0iMjEuMjU0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiM2NkUxRkMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1QkFDRjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4="); }

.statistics__chart--trade .statistics__chart-box--blue .statistics__chart-box-content:before { background: linear-gradient(178.73deg, #66E1FC -12.11%, #5BACF7 130.03%); }

.statistics__chart--trade .statistics__chart-lines, .statistics__chart--trade .statistics__chart-line { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; }

.statistics__chart--trade .statistics__chart-line { fill: transparent; }

.statistics__chart--salary .statistics__chart-row:first-of-type { margin-top: 3.125rem; }

.statistics__chart--salary .statistics__chart-row:not(:last-of-type) { margin-bottom: 5rem; }

.statistics__chart--salary .statistics__chart-bar { background: linear-gradient(178.73deg, #66E1FC -12.11%, #5BACF7 130.03%); }

.statistics__chart--salary .statistics__chart-area .title--extra-large { bottom: 0.625rem; }

.statistics__chart-main { overflow: hidden; }

.statistics__chart-rows { padding-top: 1.25rem; }

.statistics__chart-row { margin-bottom: 1.25rem; position: relative; padding-right: 0.625rem; }

.statistics__chart-row:after { content: ""; display: block; position: absolute; height: 1px; width: 100vw; border-bottom: 1px dashed #C3D3E7; left: 100%; top: 50%; }

.statistics__chart-sign { position: relative; padding-left: 1.875rem; }

.statistics__chart-sign:before { content: ""; display: block; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: contain; width: 1.25rem; height: 1.25rem; left: 0; top: 0; }

.statistics__chart-sign--blue:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi44NDUzIDAuMjc4NzI5QzcuNTU5ODMgLTAuMDkyOTA5OCA4LjQ0MDE3IC0wLjA5MjkwOTYgOS4xNTQ3IDAuMjc4NzI5TDE0Ljg0NTMgMy4yMzg1QzE1LjU1OTggMy42MTAxNCAxNiA0LjI5Njk1IDE2IDUuMDQwMjNWMTAuOTU5OEMxNiAxMS43MDMgMTUuNTU5OCAxMi4zODk5IDE0Ljg0NTMgMTIuNzYxNUw5LjE1NDcgMTUuNzIxM0M4LjQ0MDE3IDE2LjA5MjkgNy41NTk4MyAxNi4wOTI5IDYuODQ1MyAxNS43MjEzTDEuMTU0NyAxMi43NjE1QzAuNDQwMTY5IDEyLjM4OTkgMCAxMS43MDMgMCAxMC45NTk4VjUuMDQwMjNDMCA0LjI5Njk1IDAuNDQwMTY5IDMuNjEwMTQgMS4xNTQ3IDMuMjM4NUw2Ljg0NTMgMC4yNzg3MjlaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iLTQuMjIzMjJlLTA2IiB5MT0iLTEuOTgwMiIgeDI9IjAuNTE1ODEzIiB5Mj0iMjEuMjU0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiM2NkUxRkMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1QkFDRjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4="); }

.statistics__chart-sign--red:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi44NDUzIDAuMjc4NzI5QzcuNTU5ODMgLTAuMDkyOTA5NyA4LjQ0MDE3IC0wLjA5MjkwOTYgOS4xNTQ3IDAuMjc4NzI5TDE0Ljg0NTMgMy4yMzg1QzE1LjU1OTggMy42MTAxNCAxNiA0LjI5Njk1IDE2IDUuMDQwMjNWMTAuOTU5OEMxNiAxMS43MDMgMTUuNTU5OCAxMi4zODk5IDE0Ljg0NTMgMTIuNzYxNUw5LjE1NDcgMTUuNzIxM0M4LjQ0MDE3IDE2LjA5MjkgNy41NTk4MyAxNi4wOTI5IDYuODQ1MyAxNS43MjEzTDEuMTU0NyAxMi43NjE1QzAuNDQwMTY5IDEyLjM4OTkgMCAxMS43MDMgMCAxMC45NTk4VjUuMDQwMjNDMCA0LjI5Njk1IDAuNDQwMTY5IDMuNjEwMTQgMS4xNTQ3IDMuMjM4NUw2Ljg0NTMgMC4yNzg3MjlaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMi42MzUyOSIgeTE9Ii0xMy4wNDM1IiB4Mj0iMjIuODA1OCIgeTI9Ii04LjM4MDIyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODQxMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMTU0RCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); }

.statistics__chart-area { width: 12.5rem; height: 100%; position: relative; padding-left: 3.75rem; z-index: 1; }

.statistics__chart-area .title--extra-large { position: absolute; left: -1em; transform: rotate(-180deg); -ms-writing-mode: tb-rl; writing-mode: vertical-rl; opacity: .6; }

.statistics__chart-bar { height: 100%; width: 1.25rem; border-radius: 0.625rem 0.625rem 0 0; }

.statistics__profitability-main { position: relative; margin-bottom: 1.875rem; }

.statistics__profitability-table { position: relative; z-index: 1; }

.statistics__profitability-item { margin-bottom: 0.3125rem; }

@media all and (max-width: 767px) { .statistics__profitability-item { color: #ffffff; border-radius: 1.25rem; padding: 0.625rem 1.125rem; } }

@media all and (max-width: 767px) { .statistics__profitability-item:not(.is-inverse) { background: linear-gradient(to left, #C8A8F0 13.64%, #8AD0EE 92.25%); } }

@media all and (min-width: 768px) { .statistics__profitability-item:not(.is-inverse) .statistics__profitability-bar { border-radius: 0 0.625rem 0.625rem 0; background: linear-gradient(to left, #C8A8F0 13.64%, #8AD0EE 92.25%); } }

@media all and (min-width: 1240px) { .statistics__profitability-item:not(.is-inverse) .statistics__profitability-bar { left: 5.55556%; } }

@media all and (min-width: 768px) and (max-width: 1239px) { .statistics__profitability-item:not(.is-inverse) .statistics__profitability-bar { left: 5.80556%; } }

@media all and (max-width: 767px) { .statistics__profitability-item.is-inverse { background: linear-gradient(101.39deg, #F76D75 -4.92%, #FF4F4F 111.98%); } }

@media all and (min-width: 768px) { .statistics__profitability-item.is-inverse .statistics__profitability-bar { border-radius: 0.625rem 0 0 0.625rem; background: linear-gradient(101.39deg, #F76D75 -4.92%, #FF4F4F 111.98%); } }

@media all and (min-width: 1240px) { .statistics__profitability-item.is-inverse .statistics__profitability-bar { right: calc(94.44444% - 2px); } }

@media all and (min-width: 768px) and (max-width: 1239px) { .statistics__profitability-item.is-inverse .statistics__profitability-bar { right: calc(94.44444% - 3px); } }

@media all and (min-width: 768px) { .statistics__profitability-name { width: 16.25rem; text-align: right; padding-right: 1.875rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } }

.statistics__profitability-row { height: 1.25rem; position: relative; }

.statistics__profitability-nums-item { width: calc(100% / 18); }

@media all and (min-width: 768px) { .statistics__profitability-row, .statistics__profitability-nums { width: calc(100% - 16.25rem); } }

.statistics__profitability-nums { position: absolute; right: 0; height: calc(100% + 1.875rem); top: 0; pointer-events: none; }

.statistics__profitability-nums-list { width: 100%; height: 100%; }

.statistics__profitability-nums-item { position: relative; }

.statistics__profitability-nums-item:before { content: ""; display: block; position: absolute; top: 0; bottom: 1.875rem; left: 3px; width: 1px; border: 1px dashed #C3D3E7; }

@media all and (max-width: 767px) { .statistics__profitability-bar { width: auto !important; padding-left: 1.25rem; } }

@media all and (min-width: 768px) { .statistics__profitability-bar { height: 1.25rem; position: absolute; top: 0; } }

.statistics__profitability-bar:after { font-family: "Lato Regular", sans-serif; content: attr(data-percent) " %"; white-space: nowrap; }

@media all and (min-width: 768px) { .statistics__profitability-bar:after { position: absolute; right: 0; top: 0; transform: translateX(calc(100% + 0.3125rem)); } }

@media all and (max-width: 767px) { .statistics__profitability-bar:after { display: inline-block; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.statistics__tables { padding-top: 4.0625rem; overflow: hidden; }

@media all and (max-width: 991px) { .statistics__tables-main .table__complex { overflow: auto; }
  .statistics__tables-main .table__complex-main { min-width: 800px; } }

.statistics__tables .swiper-container { overflow: visible; }

@media all and (min-width: 992px) { .statistics__tables .swiper-container { padding-bottom: 4.6875rem; } }

@media all and (max-width: 991px) { .statistics__tables .swiper-container { padding-bottom: 1.875rem; } }

.statistics__tables .swiper-slide .table__complex { transition: all 0.2s linear; opacity: .6; }

@media all and (min-width: 992px) { .statistics__tables .swiper-slide .table__complex { transform: translateY(25px); } }

.statistics__tables .swiper-slide.is-active .table__complex { opacity: 1; transform: translateY(0); }

.statistics__tables .select:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMC41TDYgNS41TDExIDAuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); }

.statistics__tables .select__inner { border-color: #000000; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*Common variables end */
.not-found__figure { position: relative; display: block; margin-left: auto; margin-right: auto; }

.not-found__figure .button--accent { position: absolute; }

@media all and (min-width: 375px) { .not-found__figure .button--accent { left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: -7.5%; } }

@media all and (max-width: 374px) { .not-found__figure .button--accent { top: 0; left: 50%; transform: translate(-50%, 0); } }

.not-found__text { text-align: center; position: relative; }

@media all and (min-width: 1240px) { .not-found__text { margin-top: -6.25rem; } }

@media all and (min-width: 768px) { .not-found__text { transform: translateY(-100%); padding: 0 17.5%; } }

/*# sourceMappingURL=common.css.map */