@import url("font-awesome.min.css");

@font-face {
    font-family: 'DINPro';
    font-display: swap;
    src: url('fonts/DINPro.eot');
    src: local('☺'),
        url('fonts/DINPro.woff2') format('woff2'),
        url('fonts/DINPro.woff') format('woff'),
        url('fonts/DINPro.ttf') format('truetype'),
        url('fonts/DINPro.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    font-display: swap;
    src: url('fonts/DINPro-Medium.eot');
    src: local('☺'),
        url('fonts/DINPro-Medium.woff2') format('woff2'),
        url('fonts/DINPro-Medium.woff') format('woff'),
        url('fonts/DINPro-Medium.ttf') format('truetype'),
        url('fonts/DINPro-Medium.svg') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    font-display: swap;
    src: url('fonts/DINPro-Bold.eot');
    src: local('☺'),
        url('fonts/DINPro-Bold.woff2') format('woff2'),
        url('fonts/DINPro-Bold.woff') format('woff'),
        url('fonts/DINPro-Bold.ttf') format('truetype'),
        url('fonts/DINPro-Bold.svg') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    font-display: swap;
    src: url('fonts/DINPro-Light.eot');
    src: local('☺'),
        url('fonts/DINPro-Light.woff2') format('woff2'),
        url('fonts/DINPro-Light.woff') format('woff'),
        url('fonts/DINPro-Light.ttf') format('truetype'),
        url('fonts/DINPro-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    font-display: swap;
    src: url('fonts/DINPro-Italic.eot');
    src: local('☺'),
        url('fonts/DINPro-Italic.woff2') format('woff2'),
        url('fonts/DINPro-Italic.woff') format('woff'),
        url('fonts/DINPro-Italic.ttf') format('truetype'),
        url('fonts/DINPro-Italic.svg') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'DINPro';
    font-display: swap;
    src: url('fonts/DINPro-MediumItalic.eot');
    src: local('☺'),
        url('fonts/DINPro-MediumItalic.woff2') format('woff2'),
        url('fonts/DINPro-MediumItalic.woff') format('woff'),
        url('fonts/DINPro-MediumItalic.ttf') format('truetype'),
        url('fonts/DINPro-MediumItalic.svg') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'DINPro-Condensed';
    font-display: swap;
    src: url('fonts/DINPro-CondensedLight.eot');
    src: local('☺'),
        url('fonts/DINPro-CondensedLight.woff2') format('woff2'),
        url('fonts/DINPro-CondensedLight.woff') format('woff'),
        url('fonts/DINPro-CondensedLight.ttf') format('truetype'),
        url('fonts/DINPro-CondensedLight.svg') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro-Condensed';
    font-display: swap;
    src: url('fonts/DINPro-CondensedRegular.eot');
    src: local('☺'),
        url('fonts/DINPro-CondensedRegular.woff2') format('woff2'),
        url('fonts/DINPro-CondensedRegular.woff') format('woff'),
        url('fonts/DINPro-CondensedRegular.ttf') format('truetype'),
        url('fonts/DINPro-CondensedRegular.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro-Condensed';
    font-display: swap;
    src: url('fonts/DINPro-CondensedMedium.eot');
    src: local('☺'),
        url('fonts/DINPro-CondensedMedium.woff2') format('woff2'),
        url('fonts/DINPro-CondensedMedium.woff') format('woff'),
        url('fonts/DINPro-CondensedMedium.ttf') format('truetype'),
        url('fonts/DINPro-CondensedMedium.svg') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro-Condensed';
    font-display: swap;
    src: url('fonts/DINPro-CondensedBold.eot');
    src: local('☺'),
        url('fonts/DINPro-CondensedBold.woff2') format('woff2'),
        url('fonts/DINPro-CondensedBold.woff') format('woff'),
        url('fonts/DINPro-CondensedBold.ttf') format('truetype'),
        url('fonts/DINPro-CondensedBold.svg') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro-Condensed';
    font-display: swap;
    src: url('fonts/DINPro-CondensedBoldItalic.eot');
    src: local('☺'),
        url('fonts/DINPro-CondensedBoldItalic.woff2') format('woff2'),
        url('fonts/DINPro-CondensedBoldItalic.woff') format('woff'),
        url('fonts/DINPro-CondensedBoldItalic.ttf') format('truetype'),
        url('fonts/DINPro-CondensedBoldItalic.svg') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Rouble';
    font-display: swap;
    src: url('fonts/RUBSN.eot');
    src: local('☺'),
        url('fonts/RUBSN.woff2') format('woff2'),
        url('fonts/RUBSN.woff') format('woff'),
        url('fonts/RUBSN.ttf') format('truetype'),
        url('fonts/RUBSN.svg') format('svg');
    font-weight: 400;
    font-style: italic;
}

::-webkit-input-placeholder {
    opacity: 1;
}

::-moz-placeholder {
    opacity: 1;
}

/* Firefox 19+ */
:-moz-placeholder {
    opacity: 1;
}

/* Firefox 18- */
:-ms-input-placeholder {
    opacity: 1;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    position: relative;
    font-family: 'DINPro', Arial, sans-serif;
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
    color: #1e293f;
    max-width: 100%;
    height: auto;
    overflow-x: hidden;
    background: #ffffff;
    padding: 0;
    margin: 0;
}

* {
    margin: 0;
    padding: 0;
}

a {
    color: #81a3be;
    text-decoration: none;
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

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

p,
a,
ul li,
ol li,
div {
    -webkit-text-size-adjust: 100%;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    border: none;
    outline: none;
}

.content-container {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 90px 15px;
}

.content-container_narrow {
    padding: 45px 15px;
}

.content-big-container {
    width: 100%;
    max-width: 1920px;
    height: auto;
    margin: 0 auto;
}

.full-width-container {
    width: 100%;
    height: auto;
    margin: 0;
}

.columns {
    display: -webkit-flex;
    display: flex;
    height: auto;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.phone {
    pointer-events: none;
    white-space: nowrap;
}

.nowrap {
    white-space: nowrap;
}

.blue {
    color: #81a3be;
}

.green {
    color: #aed6a3;
}

.button {
    display: block;
    width: 100%;
    max-width: 200px;
    font-family: 'DINPro-Condensed', Arial, sans-serif;
    font-size: 19px;
    line-height: 30px;
    font-weight: 600;
    color: #ffffff;
    padding: 15px;
    background: #313940;
    text-align: center;
    cursor: pointer;
    outline: none;
    border: 0;
    text-transform: uppercase;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.button:hover {
    background: #1d2328;
}

.button.button-blue {
    background: #41688e;
}

.button.button-blue:hover {
    background: #375c81;
}

.button.button-green {
    background: #9fc386;
}

.button.button-green:hover {
    background: #93ba79;
}

.button.button-light {
    font-family: 'DINPro', Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #ffffff;
    padding: 11px 10px;
    text-transform: none;
    letter-spacing: -1px;
    background: #81a3be;
    display: inline-block;
}

.button.button-light:hover {
    background: #41688e;
}

.title-container {
    margin: 0 0 60px 0;
}

.main-title {
    display: inline-block;
    position: relative;
    width: 100%;
    font-family: 'DINPro-Condensed', Arial, sans-serif;
    font-size: 70px;
    line-height: 70px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #020307;
}

.main-title__highlight {
    color: #41688e;
}

.main-title__highlight-block {
    display: block;
}

.main-title__highlight.marketplace {
    color: #990099;
}

.display-block {
    display: block;
}

.main-subtitle {
    font-family: 'DINPro-Condensed', Arial, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    color: #020307;
    padding: 0;
    margin: 15px 0 0;
    letter-spacing: 1px;
    text-align: center;
}

.main-title + .main-subtitle {
    margin: 15px 0 0 0;
}

.section-title {
    display: inline-block;
    position: relative;
    width: 100%;
    font-family: 'DINPro-Condensed', Arial, sans-serif;
    font-size: 44px;
    line-height: 44px;
    font-weight: 600;
    color: #11243d;
    text-align: center;
    text-transform: uppercase;
}

.title-container_decorated .section-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 7px;
    height: calc(100% - 7px);
    background: #11243d;
}

.section-title .section-title__highlight {
    display: block;
    position: relative;
    color: #81a3be;
}

.title-container_decorated .section-title__highlight:after {
    content: '';
    position: absolute;
    left: -30px;
    top: 5px;
    width: 7px;
    height: calc(100% - 5px);
    background: #81a3be;
}

.title-container_decorated .section-title,
.title-container_decorated .section-subtitle {
    text-align: left;
    padding: 0 0 0 30px;
}

.subtitle,
.section-subtitle {
    display: inline-block;
    width: 100%;
    font-family: 'DINPro-Condensed', Arial, sans-serif;
    font-size: 25px;
    line-height: 33px;
    font-weight: 400;
    color: #11243d;
    text-align: center;
    margin: 0;
}

.section-title+.section-subtitle {
    margin: 5px 0 0 0;
}

.list_unordered .list__item {
    padding: 0 0 0 17px;
}

.list__item {
    position: relative;
}

.list__item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
}

.list__item + .list__item,
.paragraph + .paragraph {
    margin: 10px 0 0 0;
}

.list + .paragraph {
    margin-top: 20px;
}

.list_ordered {
    list-style: decimal;
    padding-left: 17px;
}

.show-mobile,
.hide {
    display: none;
}

.underlined {
    text-decoration: underline;
}

/* */

#header {
    background-image: url('../images/header-bg_new.jpg');
    background-position: center;
    background-size: cover;
}

#header.img {
    background-image: url('../images/header-bg_new.jpg');
}

#header.webp {
    background-image: url('../images/header-bg_new.webp');
}

#header .test-navi.bg-color .phone-block {
    width: auto;
}

/* */

/********* TOP *********/

#top {
    width: 100%;
    position: fixed;
    z-index: 50;
    transition: .3s linear;
}

#top.bg-color {
    background-color: rgba(0, 0, 0, 0.9);
    border: none;
    top: 0;
}

#top .content-container {
    padding: 20px 15px;
}

#top .columns {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

#top .logo {
    width: 20%;
}

#top .logo_white {
    display: none;
}

#top.bg-color .logo_white {
    display: block;
}

#top.bg-color .logo_black {
    display: none;
}

.logo-mobile {
    display: none;
}

.header-menu {
    width: 55%;
    margin: 0;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.header-menu__item {
    padding: 10px 20px;
    position: relative;
}

.bg-color .header-menu__item {
    color: #ffffff;
}

.header-menu__item-link {
    color: inherit;
}

.header-menu__item-link:hover {
    text-decoration: underline;
}

#top .phone-block {
    width: 22%;
    text-align: left;
}

#top .phone-block .button {
    width: 150px;
    margin: 0 15px 0 0;
}

#top.bg-color .button {
    display: none;
}

#top .phone-block .whatsapp {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAB1FBMVEUAAAD/9P//9P/18fXy8/Lw8fD/8///9P//8//x8PHu7u7/9f/+8/7/9f//9P/+8/7/8//+8/388fvz8PL18PTw7/Dw7/Dv8O//9f//9f/98f3/9P/58vn08fT68vn48vj28fby7/Ly8vLv7u/w7/D19vXx8vHw8fDw8fDw8fDy8/Lt7u3w8PD/9P//9f//9f//9P/28Pbu7u718vT59fjx7/Ht7u309fRUzGH///9VzWL/8v9XzWRTzGD/9P83xkZPy1w5xkhRy149x0w7xkpMylpIyVY9xUxLylhGyVVDyFE0xURBx08/x05u03k4xEe04bk6xEkyxUIywkL98fz68Pnt7e3a9NzN59Cq37Cl3qug3aZz031r0nZSzF88x0s1w0UwxED38Pbg6+HW6dnO8dG/5MS848C667+S2pqA1op614Rez2pbzmcwwkD3/ffx+/Lp7OnS6NXQ59PD5Meg46eR3pmO25aK2JKF24591Yd11X8twD0kvzXy7vLt+u7m7Ofa6dzT8tXH5cq44r216bqs4LKc3KOV4J2H149+2Yhm0XL/9v/7/vvk9+Xi6+PK5c3I5svF7snF5cjB7MW34byw4LWt5rKZ4KCZ26Bjz28zwkNMQxWVAAAAOHRSTlMA2up1GAf58tNnFvve2MO3q6WYe28+Mi707c69so+FgXhiWVRMQ0I4KB8SEQzw5OHIopl/aFAqEAdBYWgAAAMvSURBVDjLjZRnU9swGIAddplltHTvvXdtyduOY8fZG0ggYUOBsjfdUArde/zZSsIQVxx3fb5Jfu5d91oMRWtL463akhJPfdPpy8yePDxVJXY/n460tUVe9iTE+tN7eHcPwy9DITXQpeiaH2R/TYqefcxuLlbB/qwWC3o7BYRqajFreEps2FXAPphatBUVsDsA2e4aSlZe+NdrFjPemFsjqrcw8kw86/ZKYb+i8SwNAJLxHJ4veufhS8lPPBpeMXpg2bZXXtHjD/IsUH3hsMxTpjTafWRbvA1zNvK8gY3ZBa9Mpy/MQ2dKD8S1ArpR4z84jlsfozuSlcyhciI2png/YEF+jkOMGyYdMryUKMXeFfG7jaJ4raccZiEOKFPVPnqw2JLI6uhbMMQR+qIqHTI2JLYicX+v6UXH8AK3xSMfSxHYfHISiXURXUAn35Ij5gK0KBuTDajEmg4Jn0z2MfF+5gEtCl3f6hjmIBwiovBnkJS4IgOWRmovYZgD8I1OSg6OYPHpSJ7fLb6udERiLs9g833Ax5PNMQTgFlHqOcVZqnwamy+iYZ7lDe+o7mOBK3W1iJoh8D6V9JNml01DfzE+uBmPAkCaieCJ10YU1jHjOQ7zeDawssohBkN+LMpW5ige+KQhOyYYe8QR0oPu6ft/PzmBtzsZ0oAjsstL7zg3M3F0a8+JF5FYJrbFwM7uj42mieGKKCjTNxnMsQnBKm50NLA+vuOlAzILlFzyJBEv1azpQtE0x8BsH0f4aqJmVHu65ioRr1W8UgT3r2fFfbmZz32rG1E/mmhsETYzhHvJrEZtoBrM+4LhaCdgeV1O1TJbHO0l86HoVHEWPqj1wkvYIl3b7B7wupaBZ5yALQlnjrsAcqGzV9x50eqnLBnP2uyS/AJwF6qEh1MijudkbreBYCqSMNwRUiRLFkiFsmVroX6xqrX4PiWyBUkXFiM98G33wPCopSmSpASNkflP8FAzU+TIwAo7P/ABVjbeP3i8BD7LvGrv6GgbmEqJntJql1fd3d8+AW80nSXDLz93osFzvaLicNX+U9QLenwiWdd0rtx9da2sGp1pjt05wPwPfwED6jxrddjpOwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: top;
}

#top .phone-block .whatsapp.mobile {
    display: none;
}

#top .phone-block .telegram {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAACmlBMVEUAAAAtLS1kueMcHBz5+fnS0tJZWVlISEj29vad1O5pvOW7u7uYmJiZmZl2dnYwMDAuLi6h1e6PzetwwOZOsOD////////5+fno6Ojq6ura2trT09PNzc3Ozs6zs7Ozs7OKioqcnJyoqKiCgoJ/f39vb2+5ubmRkZFlZWaamppHR0dGRkYlJSVzc3PK5/Wx3PCYy+d1wed1weZ/ud1/udxiqtYlmNakzuZis90mm9f19fXh4eHs7Ozz8/Pb29vu7u7s7Ozh4eHk4+Tk5OTExMTCwsLZ2dnDw8OwsbCmpqbU1NS3t7eurq6srKyenp7////Ly8uJiYmvr6/Gxsa2traIiIi7u7uoqKioqKiNjY11dXWvr6+dnZ07Ozuzs7NOTk6VlZWGhoZoaGiCgoIpoNr///8rodototsqoNouotv+/v8HkdQindn8/v4gndkEkdYVl9cBjtMAitMwo9sNlNZHrN4nn9okntoRltcPldbY7vhguOMrodscm9gXmNgAi9T1+/36+/zx9/vq9vvH5vQ3pt0vo9sRlNYLktX8/f3z+fxRr+Amn9olntointofnNkYmdgKktQAjNP4/P7v+Pz4+fvt9/vb7vjV6/bS6fXL5fO+1+mHyOhDqt49qN0UmNn///3j8vnf8PjD5PXb6fPA4vO74PKr2fHL3+6Vz+u41Oh6xOhctuJTs+JWs+FGruA7qN0ln9oKldcIk9YAjNX1+frm9Prt9Pnp8Pff6/Xl6vK63vDN4O6JyemBxul+xelrvONNseEdntoEkNcKlNYHjtTc8Pnl7/bW6/bL5/XY5vLX5vHV4e3O3uzF3OvH2+uY0OuX0OrA1uiCx+iQyeduveS2zeLK0OFAq96ewNyVudmmvdgOltgAhdA1SM2NAAAAZHRSTlMAFv4Q+cVQP/7+/rSWjWMkBf7+/v77+PXm4NXTzcOsoIaFgXNra2pjW1hIJxsM/v7+/v7+/v7+/f399Ovl4trRz8nEwLm4s7OyqaiooJ+bmJWMh4aEe3dyalxYU1I0MzAtKx0TD9WlFgAAA9RJREFUOMuNlIOzG1EUh7evtm3btm3be+56Y6tJ46RR22fUtm3b7v/SVfLStJ3pN5OZJPvd37ln7+7BctjcY9GMKZOnzlm6div2b7YsaQ0ZarXv/Q+tylygubD3TdNIWbOPR71hjh7b82/eilr0tkJbQnVeze/gK86p1LaiMD1hU67Wvzpw+05rHrAIkTiOkwjF9K4zBRysyik7HnZ90AYRJVgKJIH0rpvbYVm2V7U17D3hiunw39GZLkQKoHOWWB32Ri7YCTwXAt0vK4AGGa8+eGwaP8qxEBI+1P2Ip3lDxasJUKolfvdIinDog3ECERfe09Mzhfe5WOK3MMqkZ/S+vHIeJ0zaJ1BD8mrA7tNJXXaY3ckw7KnaVm5w0ojrAj53e0mcCUUuVBnmNyU16rImA8IAO20MKXSkLYaagtcQ6BNBStEov1PD+Jse3Avg5qDAF7QLov4uXU8QG8C2CpaUayK9Rt2ssXUbABy4GoL9vFksddbiaSOI86FYJVX2mxiNccjT7SDgOfJ8N8Bhs0O8glQH3X0xrB28FUXCpGHKau8TwsS4kgNuALiV3CFt+/xNoe9G4+COWajMnj1xKJ8DOe7YY/HbrlMMIW3JaYOuWJVqeww8jhv1eXIYcFdLSi7TIPDIJ4s4a4BOWL9qe8pNwg8e1Rm4naPh8o1jr8Ig4WXNdkk8ewYWY1Va7jHEcHGPDEPVOXjl9bEju0HmcMCBKhMbtYI7FaS0Zzzxc0TJy2egQN9mcPm2JWzQXez6qNi1pPLOQS/eXVHE7Sc1lPz3uVLog2HzwJsWceJ83rWv367tlESrLqmIquu7G4onc1EdS4v6Mzc+fR9+XLrp+x1qOSBq2dVWOJm+odCpB5RSO35v5OdhZu3JQkFszOyQV1sMdH1MYBoUpdK1UcWooY57UQ06BFAnJS+ntF6oKYq94WJ5kFBEnHfwCCFG3aS2XW2X3jAz6W6DSUxyWx+y6UiWR+Jz5LQ441Ig2uEqhh6y2BX2Byqfb1LeGO8g7aJHaY/TEzGZ2RCJ47mQSMrTqQz5oQ3KlGh5KSD0ZzSiP2zkV/kKYbUS2AtuBYxGXs3wf0wKo9ZQCCsxhbqck2XVTGq01kIQWRpBmV3HL0G3tNevxeFgXPMwz8pZfSlLNDPNopYUVbSzWh8sTXco1wZui4dGe4pPWlQ/Emw0ljinMt/15tN1q2IZ6lrZo9sAms9a06Uaze06VJp3+ovBVno9fyfdtmb2ZGxB0zCmQy9xadVu1UOQptWC9Vg2y6FWhxqNKiflui71OnasV7/nRiyHzgv7Y//DLw3xGEkJ39c5AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: top;
}

#top .top-middle {
    margin: 0 auto;
}

#top.bg-color .top-middle {
    display: none;
}

#top .top-middle__text {
    display: block;
    color: inherit;
    font-family: inherit;
    font-size: 15px;
    line-height: 18px;
    font-weight: inherit;
    text-align: left;
    padding: 10px 10px 10px 70px;
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAZCAMAAACSL1cTAAAAeFBMVEUAAACZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeZwNeQR3e1AAAAKHRSTlMA+vfA1cpMEO9e8tmsPuSwpZKDaUQ6NyQY6reefHVIMh8Lu2MuB9BVCSbeOAAAATBJREFUOMuN0tduhDAQBdC5LvTOUhYIZVv+/w9jywRBFrKcF8vjK9keDZ1lxyWdZr2YdTrcAn/CT/d5+AyA8a91ZbjicZROHTDIVeECgX4/m92gLOmxk4KJKbEmWjx4auu14AJGZJsTCcXhQZLXalcPRKUPYKTvkW4wrk43/8EBfmt5P0luxaricd6ApzBYm5imVBJrsfDh63OseWT5F50uscHSABHeDAToh+fYkHHE8EaGxOCq9MTwUaByIRNkl3cPn3DzwZauOCGlmQOgyTMf/1lGJDebAcDxi6winCePsUw30kVc953ArhdAhkjMGtam9wfuc2qklUeCLS9ooAna0793OgCYE+2m6xs2Gj21WShB++4Aj1C4UHjrmqLv0YFLQbYKVdVXt5SQ0XmVueIH4yIOdJI95PAAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: left center;
}

/********* End of TOP *********/

/********* HEADER-MAIN *********/

#header-main .content-container {
    padding: 184px 15px 90px 15px;
    padding: 165px 15px 65px 15px;
}

.features {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.features .card {
    font-family: 'DINPro-Condensed', Arial, sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 100;
    width: 19%;
    padding: 100px 12px 25px 12px;
    background-color: #ffffff;
    color: #1e293f;
    -webkit-box-shadow: 0px 18px 8px -10px rgb(34 60 80 / 20%);
    -moz-box-shadow: 0px 18px 8px -10px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 18px 8px -10px rgb(34 60 80 / 20%);
    background-position: center 25px;
    background-repeat: no-repeat;
    text-align: center;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.features .world {
    background-image: url(../images/features/world.svg);
}

.features .clock {
    background-image: url(../images/features/clock.svg);
}

.features .thumb-up {
    background-image: url(../images/features/thumb-up.svg);
}

.features .online {
    background-image: url(../images/features/online.svg);
}

.features .guarantee {
    background-image: url(../images/features/guarantee.svg);
}

.features .card__title {
    display: block;
    font-weight: 600;
    margin: 0 0 10px;
    color: #41688e;
}

#header-main .button {
    width: 100%;
    max-width: 300px;
    margin: 35px auto 0;
}

/********* End of HEADER-MAIN *********/

/********* ACTION *********/

.action {
    background-image: url(../images/action-bg-large.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}

.action.webp {
    background-image: url(../images/action-bg-large.webp);
}

.action.img {
    background-image: url(../images/action-bg-large.jpg);
}

.action.open {
    background-position: top -60px center;
    height: auto;
}

.action .content-big-container {
    position: relative;
    margin: 0 0 48px 0;
}

.action.open .content-big-container {
    margin: 0;
}

.action .content-container {
    background-image: url(../images/action-img.png);
    background-repeat: no-repeat;
    background-size: 540px;
    background-position: left bottom -400px;
    height: 100px;
    padding: 15px 15px 30px 15px;
    overflow: hidden;
    transition: 1s;
}

.action.webp .content-container {
    background-image: url(../images/action-img.webp);
}

.action.img .content-container {
    background-image: url(../images/action-img.png);
}

.action.open .content-container {
    background-position: left bottom;
    height: auto;
}

.action .title-container {
    margin: 0 0 20px 0;
}

.action .section-title {
    font-size: 32px;
    line-height: 36px;
    color: #ffffff;
}

.action .section-title__highlight {
    color: #fdc760;
    font-size: 36px;
    line-height: 36px;
}

.action .content {
    color: #ffffff;
    padding-left: 285px;
}

.action .list_unordered {
    margin: 10px 0 0 0;
}

.action .list__item::before {
    background-color: #ffffff;
}

.action .list__item + .list__item {
    margin: 5px 0 0 0;
}

.action .button {
    max-width: 250px;
    margin: 90px auto 0;
    position: relative;
    overflow: hidden;
}

.action.open .button:before {
    position: absolute;
    content: "";
    opacity: 0;
    top: 0;
    left: 0;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 1%, rgba(255,255,255,0.6) 30%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.85) 70%, rgba(255,255,255,0.85) 71%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0.03)), color-stop(30%,rgba(255,255,255,0.85)), color-stop(50%,rgba(255,255,255,0.85)), color-stop(70%,rgba(255,255,255,0.85)), color-stop(71%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    width: 25%;
    height: 100%;
    transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    -moz-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    animation: move .8s, move .8s;
	animation-iteration-count: 1, 1;
	animation-delay: 2s, 4.8s;
	-webkit-animation: move .8s, move .8s;
	-webkit-animation-iteration-count: 1, 1;
	-webkit-animation-delay: 2s, 4.8s;
	-moz-transform: skew(-10deg,0deg);
	-moz-animation: move .8s, move .8s;
	-moz-animation-iteration-count: 1, 1;
	-moz-animation-delay: 2s, 4.8s;
	-ms-transform: skew(-10deg,0deg);
	-ms-animation: move .8s, move .8s;
	-ms-animation-iteration-count: 1, 1;
	-ms-animation-delay: 2s, 4.8s;
	-o-transform: skew(-10deg,0deg);
	-o-animation: move .8s, move .8s;
	-o-animation-iteration-count: 1, 1;
	-o-animation-delay: 2s, 4.8s;

}

@keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }

    5% {
        opacity: 0.0
    }

    48% {
        opacity: 0.2
    }

    80% {
        opacity: 0.0
    }

    100% {
        left: 82%
    }
}

.action__button-container {
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -48px;
}

.action.open .action__button-container {
    display: none;
}

.action__button {
    border: none;
    outline: none;
    background: transparent;
    font-family: Arial;
    font-size: 17px;
    line-height: 18px;
    text-transform: uppercase;
    color: #305479;
    padding: 15px 0;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    transition: .3s;
}

.action__button.animated {
    animation: scale-btn 1.5s linear infinite;
}

@keyframes scale-btn {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.action__button:hover {
    transform: scale(1.05);
}

.action__button-container .line {
    flex-grow: 1;
    width: calc(100% + 15px);
    height: 2px;
    background-color: #6EA2BE;
    position: relative;
    top: -1px;
    transition: .3s;
}

.action__button-container .line:after {
    position: absolute;
    content: "";
    top: -3px;
    width: 8px;
    height: 8px;
    background-color: #6EA2BE;
    transform: rotate(45deg);
}

.action__button-container .line_left {
    left: -15px;
}

.action__button-container .line_left.transformed {
    left: -25px;
}

.action__button-container .line_left.animated {
    animation: move-left-line 1.5s linear infinite;
}

.action__button-container .line_left:after {
    right: -5px;
}

.action__button-container .line_right {
    right: -15px;
}

.action__button-container .line_right.transformed {
    right: -25px;
}

.action__button-container .line_right.animated {
    animation: move-right-line 1.5s linear infinite;
}

.action__button-container .line_right:after {
    left: -5px;
}

@keyframes move-left-line {
    0% {
        left: -15px;
    }

    50% {
        left: -25px;
    }

    100% {
        left: -15px;
    }
}

@keyframes move-right-line {
    0% {
        right: -15px;
    }

    50% {
        right: -25px;
    }

    100% {
        right: -15px;
    }
}

/********* End of ACTION *********/

@media (max-width: 1279px) and (min-width: 980px) {

    .content-container {
        max-width: 950px;
    }

    /********* TOP *********/

    #top .logo {
        width: 19%;
    }

    .header-menu {
        width: 50%;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #top .phone-block {
        width: 28%;
    }

    #top .phone-block .button {
        margin: 0 10px 0 0;
    }

    /********* End of TOP *********/

    /********* ACTION *********/

    .action {
        background-image: url(../images/action-bg-medium.jpg);
    }

    .action.webp {
        background-image: url(../images/action-bg-medium.webp);
    }

    .action.img {
        background-image: url(../images/action-bg-medium.jpg);
    }

    .action .content {
        padding-left: 265px;
    }

    /********* End of ACTION *********/

}

@media (max-width: 979px) {

    /********* TOP *********/

    #top .content-container {
        padding: 10px 15px;
    }

    #top .show-mobile {
        display: block;
    }

    #top {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 60px;
        background: #000000;
        margin: 0;
        z-index: 100;
        border: none;
    }

    #top .content-container {
        position: relative;
    }

    #top .menu-container .menu-icon {
        display: block;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
        font-size: 0;
        cursor: pointer;
        background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAG1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUUeIgAAAACHRSTlMARLvumXcizETcgYMAAAAzSURBVBjTY6AYJAoigACQb9GBAC1AfgcSaMLCr0Dit1LqGHTzCNmP7l4M/9A/PDSoGh4AC+JUvKltjVcAAAAASUVORK5CYII=) no-repeat left center;
        filter: invert();
    }

    #top .menu-container .menu {
        display: none;
        position: absolute;
        left: 0;
        top: 45px;
        float: none;
        width: auto;
        max-width: 100%;
        margin: 0;
        background: #000000;
        z-index: 15;
        border: none;
    }

    #top.bg-color .menu-container .menu {
        background-color: rgba(0, 0, 0, 0.9);
    }

    #top.bg-color .menu-container .menu__item-link {
        color: #ffffff;
    }

    #top .menu-container .menu.visible {
        display: block;
    }

    #top .menu-container .menu__item {
        margin: 5px 10px;
    }

    #top .menu-container .menu__item-link {
        display: inline-block;
        width: 100%;
        color: #ffffff;
        padding: 5px;
    }

    #top .menu-container .menu__call-button {
        font-weight: 600;
        color: #81a3be;
        border-top: 1px solid #aaacae;
    }

    #top .logo {
        position: relative;
        display: block;
        width: 111px;
        margin: -3px 0 0 55px;
        z-index: 5;
    }

    #top .logo_white {
        display: block;
    }

    #top .logo_black {
        display: none;
    }

    #top .logo p:not(.img-container) {
        display: none;
    }

    #top .header-menu {
        display: none;
    }

    /********* End of TOP *********/

    /********* HEADER-MAIN *********/

    #header-main .content-container {
        padding: 80px 15px;
    }

    .features {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .features .card {
        width: 30%;
        margin: 0 10px;
    }

    .features .card:nth-of-type(4),
    .features .card:nth-of-type(5) {
        margin-top: 20px;
    }

    /********* End of HEADER-MAIN *********/

    /********* ACTION *********/

    .action {
        background-image: url(../images/action-bg-small.jpg);
    }

    .action.webp {
        background-image: url(../images/action-bg-small.webp);
    }

    .action.img {
        background-image: url(../images/action-bg-small.jpg);
    }

    .action .content {
        padding-left: 295px;
    }

    /********* End of ACTION *********/

}

@media (max-width: 979px) and (min-width: 768px) {

    .content-container {
        max-width: 750px;
    }

    /********* TOP *********/

    .header-menu {
        width: 35%;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .header-menu__item-link {
        padding: 0 10px 10px 10px;
    }

    #top .phone-block {
        width: auto;
    }

    #top.test-navi .phone-block .phone {
        padding: 8px 3px;
        margin: 0 15px 0 0;
    }

    #top .top-middle,
    #top .phone-block .button {
        display: none;
    }

    /********* End of TOP *********/

    /********* ACTION *********/

    .action .content {
        padding-left: 295px;
    }

    /********* End of ACTION *********/

}

@media (max-width: 767px) {

    .content-container {
        width: 100%;
        padding: 60px 15px;
    }

    .content-container_narrow {
        padding: 30px 15px;
    }

    .title-container {
        margin: 0 0 40px 0;
    }

    .section-title {
        font-size: 34px;
        line-height: 34px;
    }

    .section-subtitle {
        font-size: 21px;
        line-height: 24px;
    }

    /********* TOP *********/

    #top .phone-block {
        width: auto;
    }

    #top .top-middle,
    #top .phone-block .button {
        display: none;
    }

    /********* End of TOP *********/

    /********* HEADER-MAIN *********/

    #header-main .content-container {
        padding: 94px 15px 60px 15px;
    }

    .features .card {
        width: 45%;
    }

    .features .card:nth-of-type(3) {
        margin-top: 20px;
    }

    /********* End of HEADER-MAIN *********/

    /********* ACTION *********/

    .action .content-big-container {
        margin: 0;
    }

    .action .content-container {
        height: auto;
        padding: 15px 15px 20px 15px;
    }

    .action .section-title__highlight {
        display: inline;
    }

    .action .button {
        margin: 50px auto 0;
    }

    .action__button-container {
        display: none;
    }

    /********* End of ACTION *********/

}

@media (max-width: 767px) and (min-width: 480px) {

   .main-title {
       font-size: 50px;
       line-height: 50px;
    }

    /********* ACTION *********/

    .action .content {
        padding-left: 45%;
    }

    .action .content-container {
        background-size: 380px;
        background-position: left bottom;
    }

    /********* End of ACTION *********/
}

@media (max-width: 555px) {

    .form-container .form-subtitle {
        padding-left: 65px;
        padding-right: 3%;
    }

}

@media (max-width: 538px) {

    /********* ACTION *********/

    .action .button {
        margin: 35px auto 0;
    }

    /********* End of ACTION *********/

}

@media (max-width: 499px) {

    #top .columns {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    #top .logo {
        display: none;
    }

    .logo-mobile {
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 20px;
    }

}

@media (max-width: 479px) {

    body {
        overflow-x: auto;
    }

    .main-title {
        text-transform: none;
        font-size: 40px;
        line-height: 42px;
    }

    .section-title {
        text-transform: none;
    }

    .content-container {
        min-width: 290px;
        padding: 40px 15px;
    }

    .content-container_narrow {
        padding: 20px 15px;
    }

    /********* HEADER-MAIN *********/

    .features .card {
        width: 100%;
        max-width: 320px;
        margin: 20px 0 0 0;
        padding: 25px 15px;
    }

    .features .card:first-child {
        margin-top: 0;
    }

    .features .card {
        background-image: none;
    }

    /********* End of HEADER-MAIN *********/

    /********* ACTION *********/

    .action .content {
        display: none;
    }

    .action .content-container,
    .action.webp .content-container,
    .action.img .content-container,
    .action.open .content-container,
    .action.open.webp .content-container,
    .action.open.img .content-container {
        background: none;
    }

    .action .title-container {
        margin: 0 auto 15px;
        width: 84%;
    }

    .action .section-title {
        text-transform: uppercase;
    }

    .action .section-title__highlight {
        display: block;
    }

    .action .button {
        margin: 0 auto;
    }

    .action .button.button-blue {
        background: #ffffff;
        color: #41688e;
    }

    .action .button.button-blue:hover {
        background: #f4f5fA;
    }

    /********* End of ACTION *********/

}