/* Start:/local/templates/main_site/styles.css?175042953863825*/
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}
.animated {
    animation-duration: var(--animate-duration)
}
.animated.infinite {
    animation-iteration-count: infinite
}
.animated.repeat-1 {
    animation-iteration-count: var(--animate-repeat)
}
.animated.repeat-2 {
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}
.animated.repeat-3 {
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}
.animated.delay-0-5s {
    animation-delay: calc(var(--animate-delay) / 2)
}
.animated.delay-1s {
    animation-delay: var(--animate-delay)
}
.animated.delay-1-5s {
    animation-delay: calc(var(--animate-delay) * 1.5)
}
.animated.delay-2s {
    animation-delay: calc(var(--animate-delay) * 2)
}
.animated.delay-2-5s {
    animation-delay: calc(var(--animate-delay) * 2.5)
}
.animated.delay-3s {
    animation-delay: calc(var(--animate-delay) * 3)
}
.animated.delay-4s {
    animation-delay: calc(var(--animate-delay) * 4)
}
.animated.delay-5s {
    animation-delay: calc(var(--animate-delay) * 5)
}
.animated.faster {
    animation-duration: calc(var(--animate-duration) / 2)
}
.animated.fast {
    animation-duration: calc(var(--animate-duration) * .8)
}
.animated.slow {
    animation-duration: calc(var(--animate-duration) * 2)
}
.animated.slower {
    animation-duration: calc(var(--animate-duration) * 3)
}
@media print,(prefers-reduced-motion: reduce) {
    .animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important
    }
    .animated[class*=Out] {
        opacity: 0
    }
}
@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.fadeIn {
    animation-name: fadeIn
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
.fadeInDown {
    animation-name: fadeInDown
}
@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
.fadeInDownBig {
    animation-name: fadeInDownBig
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
.fadeInLeft {
    animation-name: fadeInLeft
}
@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
.fadeInLeftBig {
    animation-name: fadeInLeftBig
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
.fadeInRight {
    animation-name: fadeInRight
}
@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
.fadeInRightBig {
    animation-name: fadeInRightBig
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
.fadeInUp {
    animation-name: fadeInUp
}
@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
.fadeInUpBig {
    animation-name: fadeInUpBig
}
@keyframes fadeInTopLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
.fadeInTopLeft {
    animation-name: fadeInTopLeft
}
@keyframes fadeInTopRight {
    from {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
.fadeInTopRight {
    animation-name: fadeInTopRight
}
@keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
.fadeInBottomLeft {
    animation-name: fadeInBottomLeft
}
@keyframes fadeInBottomRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
.fadeInBottomRight {
    animation-name: fadeInBottomRight
}
@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
.zoomIn {
    animation-name: zoomIn
}
@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInDown {
    animation-name: zoomInDown
}
@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInLeft {
    animation-name: zoomInLeft
}
@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInRight {
    animation-name: zoomInRight
}
@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInUp {
    animation-name: zoomInUp
}
@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}
.zoomOut {
    animation-name: zoomOut
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomOutDown {
    animation-name: zoomOutDown;
    transform-origin: center bottom
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}
.zoomOutLeft {
    animation-name: zoomOutLeft;
    transform-origin: left center
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}
.zoomOutRight {
    animation-name: zoomOutRight;
    transform-origin: right center
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomOutUp {
    animation-name: zoomOutUp;
    transform-origin: center bottom
}
@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}
.slideInDown {
    animation-name: slideInDown
}
@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}
.slideInLeft {
    animation-name: slideInLeft
}
@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}
.slideInRight {
    animation-name: slideInRight
}
@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}
.slideInUp {
    animation-name: slideInUp
}
@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}
.slideOutDown {
    animation-name: slideOutDown
}
@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}
.slideOutLeft {
    animation-name: slideOutLeft
}
@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}
.slideOutRight {
    animation-name: slideOutRight
}
@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}
.slideOutUp {
    animation-name: slideOutUp
}
@font-face {
    font-family: 'Golos Text';
    src: url(/local/templates/main_site/fonts/GolosText-Medium.woff2) format("woff2"), url(/local/templates/main_site/fonts/GolosText-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'Golos Text';
    src: url(/local/templates/main_site/fonts/GolosText-Bold.woff2) format("woff2"), url(/local/templates/main_site/fonts/GolosText-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'Golos Text';
    src: url(/local/templates/main_site/fonts/GolosText-Regular.woff2) format("woff2"), url(/local/templates/main_site/fonts/GolosText-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'Tilda Sans';
    src: url(/local/templates/main_site/fonts/TildaSans-Black.woff2) format("woff2"), url(/local/templates/main_site/fonts/TildaSans-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'Tilda Sans';
    src: url(/local/templates/main_site/fonts/TildaSans-Bold.woff2) format("woff2"), url(/local/templates/main_site/fonts/TildaSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'Tilda Sans';
    src: url(/local/templates/main_site/fonts/TildaSans-Medium.woff2) format("woff2"), url(/local/templates/main_site/fonts/TildaSans-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}
.container {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem
}
@media screen and (max-width: 560px) {
    .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}
.container--wide {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 1440px
}
@media screen and (max-width: 560px) {
    .container--wide {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}
.container--medium {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 1080px
}
@media screen and (max-width: 560px) {
    .container--medium {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}
.container--narrow {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 768px
}
@media screen and (max-width: 560px) {
    .container--narrow {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}
html {
    scroll-behavior: smooth
}
*, :after, :before {
    box-sizing: border-box
}
::-webkit-scrollbar {
    width: .5em;
    height: .5em
}
::-webkit-scrollbar-track {
    background: #f3f6f7
}
::-webkit-scrollbar-thumb {
    background: rgba(72, 77, 85, .35);
    border-radius: 20px;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}
::-webkit-scrollbar-thumb:hover {
    background: #ccc
}
body, html {
    min-height: 100%;
    margin: 0;
    padding: 0
}
figure {
    margin: 0
}
figure img {
    display: block
}
img, svg {
    max-width: 100%;
    height: auto
}
iframe {
    max-width: 100%
}
nav li, nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}
textarea {
    resize: vertical
}
h1 a, h2 a, h3 a, h4 a, h5 a {
    color: inherit;
    text-decoration: none
}
button, input, select, textarea {
    font-family: inherit
}
.btn, .modal, .popup, a, button, svg {
    transition: all ease .2s
}
table {
    border-spacing: 0;
    border-collapse: collapse
}
.hidden {
    display: none !important
}
.invisible {
    position: absolute;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}
.visible {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    pointer-events: all
}
.clearfix:before {
    content: ' ';
    display: table
}
.clearfix:after {
    clear: both;
    content: ' ';
    display: table
}
@media screen and (max-width: 640px) {
    .mobile-hidden {
        display: none !important
    }
}
@media screen and (min-width: 641px) {
    .desktop-hidden {
        display: none !important
    }
}
@media screen and (min-width: 641px) {
    .s-hidden {
        display: none !important
    }
}
@media screen and (min-width: 969px) {
    .m-hidden {
        display: none !important
    }
}
@media screen and (min-width: 1191px) {
    .l-hidden {
        display: none !important
    }
}
@media screen and (max-width: 680px) {
    .sv {
        display: none !important
    }
}
@media screen and (max-width: 968px) {
    .mv {
        display: none !important
    }
}
@media screen and (max-width: 1080px) {
    .xmv {
        display: none !important
    }
}
@media screen and (max-width: 1280px) {
    .lv {
        display: none !important
    }
}
.row {
    display: flex;
    margin: 0 -1em
}
@media screen and (max-width: 968px) {
    .row {
        flex-wrap: wrap
    }
}
@media screen and (max-width: 680px) {
    .row {
        display: block
    }
}
.row > .col {
    margin: 0;
    padding-left: 1em;
    padding-right: 1em;
    flex: 0 0 50%
}
.row--3 > .col, .row--three > .col {
    flex-basis: 33%
}
.row--4 > .col, .row--four > .col {
    flex-basis: 25%
}
.row--wrap {
    flex-wrap: wrap
}
.nobr {
    white-space: nowrap
}
[class*='--center'] {
    text-align: center
}
[class*='--big'] {
    font-size: 1.175em
}
[class*='--bigger'] {
    font-size: 1.25em
}
[class*='--aligncenter'] {
    align-items: center
}
[class*='--rounded'] {
    border-radius: .5em
}
[class*='--rounded-1'] {
    border-radius: 1em
}
[class*='--shadow'] {
    filter: drop-shadow(0 34px 63px rgba(0, 0, 0, .12))
}
[class*='--bluebg'] {
    background-color: #3eb4ff;
    color: #fff;
    fill: #fff
}
[class*='--bluelightbg'] {
    background-color: #dbf6f8;
    fill: #3eb4ff
}
[class*='--bluecolor'] {
    color: #3eb4ff;
    fill: #3eb4ff
}
[class*='--graybg'] {
    background-color: #f8f8f8
}
[class*='--whitebg'] {
    background-color: #fff
}
body {
    font-family: "Golos Text", sans-serif;
    font-size: 1em;
    line-height: 1.5;
    color: #2b2b2b
}
body.noscroll {
    overflow: hidden
}
h1, h2, h3 {
    font-weight: 900;
    font-family: "Tilda Sans", "Golos Text", sans-serif
}
h1 {
    font-size: 2em
}
@media screen and (min-width: 768px) {
    h1 {
        font-size: 2.5em
    }
}
.page__title {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em
}
.page__title p {
    font-size: 1.25em
}
a {
    color: #3eb4ff;
    text-decoration: none
}
a:visited {
    opacity: .8
}
.cta__join {
    margin-bottom: 1em;
    background-color: #3eb4ff;
    padding: 2em 0
}
.cta__join-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}
.cta__join-btn {
    margin: .5em
}
.cta__title {
    font-size: 1.75em
}
.overlay {
    z-index: -1;
    pointer-events: none;
    visibility: hidden
}
.overlay.active {
    pointer-events: all;
    visibility: visible;
    z-index: 899
}
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(21, 38, 71, .15);
    transition: all linear .1s;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}
.popup, .slider {
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: all ease .3s
}
.popup.active, .slider.active {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    pointer-events: all;
    z-index: 900
}
.slider--menu {
    background-color: #2b2b2b;
    color: #fff;
    fill: #fff;
    height: 100%;
    top: 0;
    right: -100%;
    width: 20em;
    max-width: 100%;
    padding: 3em 2em 2em 2em
}
.slider--menu.active {
    right: 0;
    overflow-x: hidden
}
.slider--menu .btn-close {
    position: absolute;
    right: .5em;
    top: .5em;
    padding: .5em;
    fill: #fff
}
.main {
    padding-bottom: 2em
}
.main__section {
    padding-top: 2em;
    padding-bottom: 2em;
    margin-top: 2em;
    margin-bottom: 2em
}
.main__section .section__title h2, .main__section h2.section__title {
    margin-top: 0;
    font-size: 1.5em;
    line-height: 1.1
}
@media screen and (min-width: 968px) {
    .main__section .section__title h2, .main__section h2.section__title {
        font-size: 2em
    }
}
@media screen and (min-width: 968px) {
    .main__section .section__container {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap
    }
    .main__section .section__container .section__title {
        margin-top: 0;
        flex: 0 0 30%;
        padding-right: 2rem
    }
    .main__section .section__container .section__content {
        flex: 0 0 70%
    }
}
@media screen and (min-width: 680px) {
    .sites__container {
        display: flex;
        flex-wrap: wrap
    }
}
.sites__screen {
    display: block
}
.sites__item {
    padding: 1em;
    text-align: center
}
@media screen and (min-width: 680px) {
    .sites__item {
        flex: 0 0 50%
    }
}
@media screen and (min-width: 968px) {
    .sites__item {
        flex: 0 0 33%
    }
}
.sites__title {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em
}
.form__container {
    padding-bottom: 2rem
}
.cta__form {
    margin-top: 2em;
    margin-bottom: 2em
}
.cta__form:last-child {
    margin-bottom: 0
}
.cta__form .row {
    align-items: start
}
.cta__form .col--img {
    text-align: right
}
.cta__form .col--img img {
    border-radius: 1em
}
.section__form-calc h2 {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.1
}
@media screen and (min-width: 968px) {
    .section__form-calc h2 {
        font-size: 2em
    }
}
@media screen and (min-width: 560px) {
    .kurator__block {
        display: flex;
        align-items: flex-start
    }
    .kurator__block .kurator__img {
        flex: 0 0 6em;
        margin-right: 1em;
        margin-top: .25em
    }
    .kurator__block .kurator__text {
        margin-top: 0;
        flex: 1 1 100%
    }
}
#btnUp {
    position: fixed;
    bottom: 1em;
    left: 1em;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    width: 3em;
    height: 3em;
    border-radius: .75em
}
#btnUp .icon {
    fill: #3eb4ff;
    width: 2em
}
#btnUp.active {
    opacity: .75;
    z-index: 800;
    pointer-events: all
}
#btnUp.active:hover {
    opacity: 1;
    background-color: #fff;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .25)
}
label {
    display: block;
    color: grey
}
.form__item {
    margin: 1em 0;
    position: relative
}
.form__item--center {
    text-align: center
}
.form__item--center .btn, .form__item--center label {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}
.form__item--submit {
    display: flex;
    justify-content: space-between;
    align-items: center
}
.form__item--submit > span {
    font-size: .875em;
    padding-right: .5em
}
@media screen and (max-width: 768px) {
    .form__item--submit .btn {
        margin-top: 1em;
        margin-left: auto;
        margin-right: auto
    }
}
@media screen and (max-width: 560px) {
    .form__item--submit .btn {
        width: 100%
    }
}
@media screen and (max-width: 768px) {
    .form__item--submit {
        flex-wrap: wrap
    }
}
.form__label {
    display: block;
    margin: .25em 0
}
input[type=radio] {
    display: none
}
input[type=radio] + label {
    display: inline-flex;
    align-items: baseline;
    padding: .25em;
    background-color: #fff
}
input[type=radio] + label:before {
    content: '';
    cursor: pointer;
    width: .75em;
    height: .75em;
    flex: 0 0 .75em;
    border: 1px solid #3eb4ff;
    margin-right: .5em
}
input[type=checkbox] {
    display: none
}
input[type=checkbox] + label {
    display: inline-flex;
    align-items: center;
    padding: .25em;
    background-color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
input[type=checkbox] + label:before {
    content: '';
    cursor: pointer;
    width: 1em;
    height: 1em;
    flex: 0 0 1em;
    border: 1px solid #3eb4ff;
    margin-right: .5em;
    border: 1px solid #ccc;
    border-radius: .175em;
    transition: all linear .2s;
    background: url(/local/templates/main_site/img/check.svg) no-repeat center #fff
}
input[type=checkbox]:checked + label:before {
    background-color: #3eb4ff;
    border-color: #3eb4ff
}
input[type=checkbox]:disabled + label {
    opacity: .7;
    cursor: default
}
input[type=checkbox]:disabled + label:before {
    background-color: #ccc;
    background-image: none
}
.inputtext {
    font-size: 1em;
    color: #2b2b2b;
    border-radius: .75rem;
    padding: .75rem 1rem;
    width: 100%;
    border: none;
    outline: 1px solid #ccc;
    line-height: 1.2;
    transition: all linear .2s
}
.inputtext::-moz-placeholder {
    color: #aaa
}
.inputtext:-ms-input-placeholder {
    color: #aaa
}
.inputtext::placeholder {
    color: #aaa
}
.inputtext:focus {
    border-color: transparent;
    outline: 2px solid #3eb4ff
}
.form__input--text, .form__input[type=email], .form__input[type=number], .form__input[type=password], .form__input[type=tel], .form__input[type=text] {
    font-size: 1em;
    color: #2b2b2b;
    border-radius: .75rem;
    padding: .75rem 1rem;
    width: 100%;
    border: none;
    outline: 1px solid #ccc;
    line-height: 1.2;
    transition: all linear .2s
}
.form__input--text::-moz-placeholder, .form__input[type=email]::-moz-placeholder, .form__input[type=number]::-moz-placeholder, .form__input[type=password]::-moz-placeholder, .form__input[type=tel]::-moz-placeholder, .form__input[type=text]::-moz-placeholder {
    color: #aaa
}
.form__input--text:-ms-input-placeholder, .form__input[type=email]:-ms-input-placeholder, .form__input[type=number]:-ms-input-placeholder, .form__input[type=password]:-ms-input-placeholder, .form__input[type=tel]:-ms-input-placeholder, .form__input[type=text]:-ms-input-placeholder {
    color: #aaa
}
.form__input--text::placeholder, .form__input[type=email]::placeholder, .form__input[type=number]::placeholder, .form__input[type=password]::placeholder, .form__input[type=tel]::placeholder, .form__input[type=text]::placeholder {
    color: #aaa
}
.form__input--text:focus, .form__input[type=email]:focus, .form__input[type=number]:focus, .form__input[type=password]:focus, .form__input[type=tel]:focus, .form__input[type=text]:focus {
    border-color: transparent;
    outline: 2px solid #3eb4ff
}
.form__input--icon {
    padding-left: 3em
}
.form__input--captcha {
    max-width: 180px
}
.form__input:disabled::-moz-placeholder {
    color: transparent
}
.form__input:disabled:-ms-input-placeholder {
    color: transparent
}
.form__input:disabled::placeholder {
    color: transparent
}
.form__input.error, .form__input.is-invalid {
    outline: 2px solid #f55a29
}
.form__input.error + .form__icon, .form__input.is-invalid + .form__icon {
    fill: #f55a29
}
.input__error .error {
    display: block;
    font-size: .75em;
    color: #f55a29;
    margin-top: -1em
}
.form__row {
    margin: 1rem 0
}
.form__row > .form__item:first-child {
    margin-top: 0
}
.form__row > .form__item:last-child {
    margin-bottom: 0
}
@media screen and (min-width: 560px) {
    .form__row {
        padding: 0 .5rem;
        display: flex
    }
    .form__row > .form__item {
        margin-left: .5rem;
        margin-right: .5rem;
        margin-top: 0;
        margin-bottom: 0;
        flex: 0 0 50%
    }
    .form__row > .form__item:first-child {
        margin-left: -.5rem
    }
    .form__row > .form__item:last-child {
        margin-right: -.5rem
    }
}
@media screen and (max-width: 1190px) {
    .form-order .form__footer, .form-order .form__inner {
        display: flex
    }
    .form-order .form__footer > .form__item, .form-order .form__footer > .form__section, .form-order .form__inner > .form__item, .form-order .form__inner > .form__section {
        padding: .5em;
        flex: 0 0 50%
    }
}
@media screen and (max-width: 680px) {
    .form-order .form__footer, .form-order .form__inner {
        display: block
    }
}
.form__error {
    padding: .5em 1em;
    margin: .5em 0;
    background-color: rgba(255, 78, 99, .2);
    color: #f55a29;
    border-radius: .5em
}
.form__item-error {
    margin: .5em 0;
    color: #f55a29
}
.form__note {
    font-size: 1.25em;
    text-align: center;
    font-weight: 700;
    font-family: "Tilda Sans", "Golos Text", sans-serif
}
.form__note:before {
    content: '';
    display: block;
    width: 3em;
    height: 3em;
    background: url(/local/templates/main_site/img/success.svg) no-repeat center/contain transparent;
    margin: 0 auto 1em auto
}
.form__note:empty {
    display: none
}
.btn__container, .btn__row {
    margin-left: -.5rem;
    margin-right: -.5rem
}
.btn__container [class*=btn], .btn__container [class*=button], .btn__container button .button .btn, .btn__row [class*=btn], .btn__row [class*=button], .btn__row button .button .btn {
    margin: .5rem
}
.btn__container--center, .btn__row--center {
    text-align: center
}
.btn, .btn__icon, .btn__icon-text, .btn__img, .btn__text, .button {
    cursor: pointer;
    border: 1px solid transparent;
    outline: 0;
    border-radius: 0;
    text-decoration: none
}
.btn__text, .button, [class*=btn--], [class*=btn__text--], [class*=button--] {
    cursor: pointer;
    border: 1px solid transparent;
    outline: 0;
    border-radius: 0;
    text-decoration: none;
    font-family: "Tilda Sans", "Golos Text", sans-serif;
    font-weight: 600;
    font-size: 1em;
    text-align: center;
    padding: .75rem 1rem;
    border-radius: .5rem;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all linear .3s
}
@media screen and (max-width: 560px) {
    .btn__text, .button, [class*=btn--], [class*=btn__text--], [class*=button--] {
        white-space: normal
    }
}
.button {
    color: #fff;
    fill: #fff
}
.btn, .btn__text, .button {
    background-color: transparent;
    color: #2b2b2b;
    border-color: #3eb4ff
}
.btn:hover, .btn__text:hover, .button:hover {
    background-color: #3eb4ff;
    color: #fff
}
.btn:disabled, .btn__text:disabled, .button:disabled {
    pointer-events: none;
    opacity: .4
}
.btn:focus, .btn__text:focus, .button:focus {
    background-color: #3eb4ff;
    color: #fff;
    opacity: .7
}
.btn--blue, .btn--primary, .btn__text--blue, .btn__text--primary, .button--blue, .button--primary {
    background-color: #3eb4ff;
    color: #fff
}
.btn--secondary, .btn--transparent, .btn__text--secondary, .btn__text--transparent, .button--secondary, .button--transparent {
    background-color: transparent;
    color: #3eb4ff;
    border-color: #3eb4ff
}
.btn--secondary:hover, .btn--transparent:hover, .btn__text--secondary:hover, .btn__text--transparent:hover, .button--secondary:hover, .button--transparent:hover {
    background-color: #3eb4ff;
    color: #fff
}
.btn--light, .btn__text--light, .button--light {
    border: none;
    background-color: #f8f8f8;
    color: #555;
    fill: #555
}
.btn--light:hover, .btn__text--light:hover, .button--light:hover {
    background-color: #eaeaea;
    color: #555;
    fill: #555
}
.btn--white, .btn__text--white, .button--white {
    background-color: #fff;
    color: #555;
    fill: #555
}
.btn--dark, .btn__text--dark, .button--dark {
    background-color: #2b2b2b;
    color: #fff;
    fill: #fff
}
.btn--big, .btn__text--big, .button--big {
    font-size: 1.25em
}
@media screen and (max-width: 680px) {
    .btn--big, .btn__text--big, .button--big {
        font-size: 1.175em
    }
}
@media screen and (max-width: 560px) {
    .btn--big, .btn__text--big, .button--big {
        font-size: 1em
    }
}
.btn--small, .btn__text--small, .button--small {
    font-size: .875em
}
.btn--long, .btn--wrap, .btn__text--long, .btn__text--wrap, .button--long, .button--wrap {
    white-space: normal
}
.btn__icon, .btn__img {
    font-size: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    outline: 0;
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding: 0
}
.btn__icon svg, .btn__img svg {
    flex-shrink: 0
}
.btn__icon-text {
    font-family: "Tilda Sans", "Golos Text", sans-serif;
    font-weight: 600;
    font-size: 1em;
    text-align: center;
    padding: .75rem 1rem;
    border-radius: .5rem;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all linear .3s;
    font-size: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    padding: .75rem 1rem;
    border-radius: .5rem;
    white-space: nowrap;
    background-color: #3eb4ff;
    color: #fff;
    fill: #fff
}
@media screen and (max-width: 560px) {
    .btn__icon-text {
        white-space: normal
    }
}
.btn__icon-text svg {
    flex-shrink: 0;
    margin-right: .5em
}
@media screen and (max-width: 560px) {
    .btn-login {
        background-color: #f8f8f8;
        fill: #3eb4ff
    }
    .btn-login svg {
        margin-right: 0
    }
    .btn-login span {
        display: none
    }
}
[data-tooltip] {
    transition: all linear .4s;
    display: inline-block;
    position: relative
}
[data-tooltip]:before {
    color: #2b2b2b;
    font-weight: 400;
    font-size: .875rem;
    filter: drop-shadow(-7px 10px 38px rgba(156, 165, 184, .3));
    content: attr(data-tooltip);
    transition: all ease-in-out .2s;
    background-color: #fff;
    left: -1rem;
    bottom: calc(100% + .75em);
    text-align: center;
    padding: 1em;
    border-radius: 1em;
    white-space: normal;
    width: 120%;
    min-width: 17em;
    max-width: 25em;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    font-size: .875em
}
[data-tooltip]:after {
    content: '';
    width: 1.5em;
    height: .75em;
    bottom: 100%;
    left: 50%;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.31999 7.16942L3.27995 1.98009C2.59995 0.800086 1.36 0.0560652 0 6.52128e-05H19.48C18.1066 0.0573985 16.8533 0.813383 16.1733 2.00938L13.2399 7.14008C11.7066 9.81341 7.86665 9.82942 6.31999 7.16942Z" fill="white"/></svg>');
    transform: translateX(-50%);
    position: absolute;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    transition: all ease-in-out .2s
}
[data-tooltip]:hover:after, [data-tooltip]:hover:before {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    pointer-events: all;
    z-index: 101
}
[data-tooltip]:hover:after:hover, [data-tooltip]:hover:before:hover {
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}
[data-tooltip].hover:before {
    bottom: calc(100% + 7px)
}
[data-tooltip].hover:after {
    bottom: 100%
}
[data-tooltip].tooltip--wide:before {
    min-width: 250px
}
[data-tooltip].tooltip--center:before {
    left: 50%;
    transform: translateX(-50%)
}
[data-tooltip].tooltip--right:before {
    left: auto;
    right: -.7em;
    transform: none;
    text-align: center
}
[data-tooltip].tooltip--left:before {
    left: -1em;
    transform: none
}
.popup {
    width: 100%;
    max-width: 30rem;
    background-color: #fff;
    padding: 1.5em;
    border-radius: 1.5rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
.popup__header {
    display: flex;
    justify-content: flex-end
}
.popup .btn__icon {
    fill: grey
}
.popup h2:first-of-type {
    margin-top: 0
}
.title-search-result {
    border: 1px solid #ccc;
    border-radius: .5rem;
    display: none;
    overflow: hidden;
    z-index: 205;
    background-color: #fff;
    filter: drop-shadow(0 34px 63px rgba(0, 0, 0, .12))
}
.title-search-list {
    width: 100%;
    border-collapse: collapse;
    border: none
}
.title-search-all a, .title-search-item a, .title-search-more a {
    display: block;
    padding: .5em 1em;
    color: inherit;
    text-decoration: none
}
.title-search-all b, .title-search-item b, .title-search-more b {
    color: #3eb4ff;
    font-weight: inherit
}
.title-search-item a:hover {
    background-color: rgba(255, 216, 78, .2)
}
.title-search-all {
    background-color: #dbf6f8;
    text-align: center;
    font-family: "Tilda Sans", "Golos Text", sans-serif
}
.top {
    position: relative;
    z-index: 301;
    background-color: #dbf6f8;
    margin: 0;
    padding: 1em 0
}
.top__text {
    text-align: center;
    line-height: 1.5em
}
.top__link {
    display: inline-flex;
    fill: #3eb4ff
}
.top__link svg {
    align-self: center
}
.header {
    position: sticky;
    top: 0;
    z-index: 300;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
    padding-top: 1em;
    padding-bottom: 1em
}
.header > .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.header .btn-login {
    flex-shrink: 0;
    margin-left: .5em
}
.header .logo {
    width: 15em;
    flex-shrink: 0
}
@media screen and (max-width: 560px) {
    .header .logo {
        width: 10em
    }
}
@media screen and (max-width: 450px) {
    .header .logo {
        width: 8em
    }
}
.header .logo img {
    display: block
}
@media screen and (max-width: 1080px) {
    .header .logo {
        margin-right: auto
    }
}
.header__menu {
    flex: 1 1 100%
}
.btn-menu {
    display: none;
    flex: 0 0 2.5rem;
    padding: 0 .175rem;
    width: 2.5rem;
    height: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    margin-right: 1em
}
@media screen and (max-width: 1080px) {
    .btn-menu {
        display: inline-flex;
        flex-shrink: 0
    }
}
.btn-menu__line {
    flex-shrink: 0;
    display: block;
    width: 50%;
    height: 2px;
    background-color: #555;
    border-radius: 5px;
    transition: all ease-in-out .2s
}
.btn-menu__line:first-of-type {
    width: 100%
}
.btn-menu__line:last-of-type {
    width: 75%
}
.btn-menu:hover span {
    background-color: grey;
    width: 100%
}
.breadcrumbs {
    margin-top: 2em;
    margin-bottom: 2em
}
.breadcrumbs__item {
    display: inline-flex
}
.breadcrumbs__item svg {
    width: 1.25rem;
    margin-left: .5rem;
    flex-shrink: 0;
    fill: grey
}
.breadcrumbs__item:last-of-type svg {
    display: none
}
.header__menu .menu {
    display: flex;
    justify-content: flex-end
}
@media screen and (max-width: 1080px) {
    .header__menu .menu {
        display: none
    }
}
.header__menu .menu__item {
    position: relative;
    padding-right: 1em
}
.header__menu .menu__item--parent .submenu {
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    z-index: -1
}
.header__menu .menu__item--parent:hover .submenu {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    pointer-events: all;
    z-index: 100
}
.header__menu .menu__item.active > a {
    color: #3eb4ff
}
.header__menu .menu__link {
    color: #2b2b2b
}
.header__menu .menu__link.active, .header__menu .menu__link:hover {
    color: #3eb4ff
}
.header__menu .menu__link--parent {
    cursor: default
}
.header__menu .submenu {
    position: absolute;
    background-color: #2b2b2b;
    transition: all ease .3s;
    min-width: 15em;
    padding: 1em;
    border-radius: 0 0 .5em .5em;
    box-shadow: 0 20px 60px #999
}
.header__menu .submenu__item {
    padding-bottom: .5em
}
.header__menu .submenu__item a {
    display: block
}
.header__menu .submenu a {
    color: #fff
}
.header__menu .submenu a.active, .header__menu .submenu a:hover {
    color: #3eb4ff
}
.mobile__menu .menu {
    display: block;
    justify-content: space-evenly
}
.mobile__menu .menu__item {
    position: relative;
    padding-bottom: 1em
}
.mobile__menu .menu__item--parent .submenu {
    display: none
}
.mobile__menu .menu__item--parent.active .submenu {
    display: block
}
.mobile__menu .menu__item--parent.active > .menu__link--parent:after {
    transform: rotate(180deg)
}
.mobile__menu .menu__link {
    color: #fff;
    font-size: 1.25em;
    font-weight: 700;
    display: block
}
.mobile__menu .menu__link.active, .mobile__menu .menu__link:hover {
    color: #3eb4ff
}
.mobile__menu .menu__link--parent {
    cursor: default;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.mobile__menu .menu__link--parent:after {
    content: '';
    width: 1.25em;
    height: 1.25em;
    transition: all linear .2s;
    background: url(/local/templates/main_site/img/expand-w.svg) no-repeat center transparent;
    background-size: .75em
}
.mobile__menu .submenu {
    padding-top: 1em
}
.mobile__menu .submenu__item {
    padding-bottom: .5em
}
.mobile__menu .submenu__item a {
    display: block
}
.mobile__menu .submenu a {
    color: #fff
}
.mobile__menu .submenu a.active, .mobile__menu .submenu a:hover {
    color: #3eb4ff
}
.price .section__title {
    text-align: center
}
.tariffs {
    width: 100%
}
.tariffs td, .tariffs th {
    text-align: center;
    padding: .5rem;
    font-size: .875rem
}
.tariffs th {
    font-family: "Tilda Sans", "Golos Text", sans-serif;
    font-size: 1.175rem
}
.tariffs th:first-of-type {
    text-align: left
}
.tariffs th span {
    display: block
}
.tariffs th span.tariff__price-1 {
    color: #3eb4ff
}
.tariffs th span.tariff__price-2 {
    color: #d14eff
}
.tariffs td {
    color: grey
}
.tariffs td:first-of-type {
    font-size: 1rem;
    color: #2b2b2b;
    text-align: left
}
.tariffs td:first-of-type > div {
    display: none
}
.tariffs tbody tr:hover {
    background-color: #f8f8f8
}
.tariffs tbody tr.tariff__field--general > td:first-child {
    font-weight: 700
}
.tariffs [class*=td__icon--] {
    display: inline-flex;
    overflow: hidden;
    text-indent: -200%;
    background-color: transparent;
    width: 2rem;
    height: 2rem;
    border-radius: .75rem;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0
}
.tariffs .td__icon--yes {
    background-color: #defedd;
    background-image: url(/local/templates/main_site/img/check-green.svg)
}
.tariffs .td__icon--no {
    background-color: #eaeaea;
    background-image: url(/local/templates/main_site/img/cross-gray.svg)
}
.tariffs .td__icon--arrow {
    background-image: url(/local/templates/main_site/img/arrow-down-blue.svg);
    background-size: .875em
}
.tariffs .more-info {
    display: inline-flex;
    opacity: 0;
    pointer-events: none;
    width: 1.25rem;
    fill: grey;
    margin-left: 1em;
    transition: all linear .2s
}
.tariffs td:hover .more-info {
    opacity: 1;
    pointer-events: all
}
@media screen and (max-width: 768px) {
    .tariffs {
        width: 100%;
        display: block
    }
    .tariffs > thead {
        display: block
    }
    .tariffs > thead th, .tariffs > thead tr {
        display: block;
        text-align: left
    }
    .tariffs > thead th:nth-of-type(1) {
        display: none
    }
    .tariffs > tbody, .tariffs > tfoot {
        display: block;
        flex-wrap: wrap;
        justify-content: center
    }
    .tariffs > tbody > tr, .tariffs > tfoot > tr {
        display: block;
        padding: .5em
    }
    .tariffs > tbody .tariff__field--general td, .tariffs > tfoot .tariff__field--general td {
        display: none
    }
    .tariffs > tbody .tariff__field--general td:first-child, .tariffs > tfoot .tariff__field--general td:first-child {
        display: flex
    }
    .tariffs > tfoot > tr {
        flex: 1 1 100%;
        margin: .5em 0;
        border: none
    }
    .tariffs td {
        display: flex;
        align-items: center;
        position: relative;
        padding: .25em;
        text-align: left
    }
    .tariffs td:before {
        padding-right: .5em;
        flex: 1 1 100%
    }
    .tariffs td > span {
        flex: 1 1 100%
    }
    .tariffs td [class*=td__icon--] {
        flex: 0 0 2rem
    }
    .tariffs td.td--arrow {
        display: none
    }
    .tariffs td:first-child {
        flex: 1 1 100%;
        border-top: none
    }
    .tariffs td:before {
        content: attr(data-tariff)
    }
    .tariffs td:nth-of-type(1):before {
        content: none;
        display: none
    }
    .tariffs .more-info {
        flex: 0 0 2rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: auto
    }
    .tariffs .more-info:before {
        left: auto;
        right: -1rem;
        transform: none;
        text-align: center
    }
}
.tariffs--qty {
    max-width: 55rem;
    margin: 0 auto
}
.tariffs--qty tbody tr {
    border-bottom: 1px solid #f8f8f8
}
@media screen and (max-width: 768px) {
    .tariffs--qty thead {
        display: none
    }
    .tariffs--qty tr {
        border-bottom: none;
        border-color: #fff
    }
    .tariffs--qty tr td {
        white-space: nowrap
    }
    .tariffs--qty tr td:nth-of-type(1):before {
        content: attr(data-tariff);
        display: block
    }
}
.jur__price table {
    width: 100%;
    max-width: 50em;
    margin: 2em auto
}
.jur__price table th {
    font-family: "Tilda Sans", "Golos Text", sans-serif;
    font-size: 1.175rem
}
.jur__price table tbody tr:hover {
    background-color: #f8f8f8
}
.jur__price table tbody td {
    border-bottom: 1px solid #ccc;
    padding: .75em .75em .75em 0
}
.jur__price table tbody td:nth-of-type(2), .jur__price table tbody td:nth-of-type(3) {
    text-align: right
}
.jur__price table tbody td:last-of-type {
    padding-right: 0
}
@media screen and (max-width: 560px) {
    .jur__price table {
        width: 100%;
        display: block
    }
    .jur__price table > thead {
        display: none
    }
    .jur__price table > tbody, .jur__price table > tfoot {
        display: block
    }
    .jur__price table > tbody > tr, .jur__price table > tfoot > tr {
        display: block;
        padding: .5em;
        border-bottom: 1px solid #ccc
    }
    .jur__price table > tbody td, .jur__price table > tfoot td {
        display: block;
        border-bottom: none;
        text-align: left;
        padding: .25em 0
    }
    .jur__price table > tbody td:first-of-type, .jur__price table > tfoot td:first-of-type {
        font-family: "Tilda Sans", "Golos Text", sans-serif
    }
    .jur__price table > tbody td:nth-of-type(2), .jur__price table > tbody td:nth-of-type(3), .jur__price table > tfoot td:nth-of-type(2), .jur__price table > tfoot td:nth-of-type(3) {
        text-align: left
    }
}
.faq__list {
    padding-left: 1rem;
    position: relative;
    z-index: 200
}
.faq__question {
    margin: 0;
    padding: 1rem 2rem 1rem 0;
    font-family: "Tilda Sans", "Golos Text", sans-serif;
    font-weight: 700;
    font-size: 1.25em;
    color: #3eb4ff;
    cursor: pointer;
    position: relative;
    transition: all ease-in-out .3s;
    letter-spacing: .02em
}
.faq__question:after {
    content: '';
    display: block;
    width: 1em;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    background-color: #3eb4ff;
    transition: all ease-in-out .3s
}
.faq__question:before {
    content: '';
    display: block;
    width: 1px;
    height: 1em;
    position: absolute;
    right: .5em;
    top: 50%;
    margin-top: -.5em;
    background-color: #3eb4ff;
    transition: all ease-in-out .3s
}
.faq__question.active:before {
    content: '';
    display: block;
    width: 1px;
    height: 1em;
    order: 3;
    background-color: #3eb4ff;
    transform: rotate(90deg)
}
.faq__answer {
    opacity: 0;
    height: 1px;
    overflow: hidden;
    margin-top: -1em;
    padding: 0 0 1em 0;
    transition: all ease-in-out .3s
}
.faq__question.active + .faq__answer {
    opacity: 1;
    height: auto;
    overflow: initial;
    margin-top: 0;
    transition: all ease-in-out .3s
}
.reviews__list {
    padding: 0;
    margin: 0;
    list-style: none
}
@media screen and (min-width: 560px) {
    .reviews__list {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start
    }
}
@media screen and (min-width: 560px) {
    .reviews__col {
        flex: 0 0 50%
    }
}
.reviews__item {
    padding: 1.5rem;
    margin: 1rem;
    background-color: #f8f8f8;
    border-radius: 2em;
    font-size: .875em
}
@media screen and (min-width: 560px) {
    .reviews__item {
        margin: 1rem .5rem
    }
}
.reviews__author {
    font-weight: 700;
    font-family: "Tilda Sans", "Golos Text", sans-serif;
    margin-top: .5em
}
@media screen and (min-width: 560px) {
    .reviews__video {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}
.reviews__video a {
    display: block;
    position: relative
}
.reviews__video a:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-top: -24px;
    margin-left: -34px;
    background-color: transparent;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="%233eb4ff"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    z-index: 1;
    opacity: .8;
    border: 0;
    border-radius: inherit;
    transition: all linear .2s
}
.reviews__video a:hover:after {
    opacity: 1
}
.reviews__video a img {
    display: block;
    margin: 0 auto
}
@media screen and (min-width: 768px) {
    .reviews__video-item {
        min-height: 440px;
    }
    .minh440 {
        min-height: 440px;
    }
}
.reviews__video-item {
    text-align: center;
    padding: 1em;
    flex: 1 1 50%
}
.footer-top {
    background-color: #3eb4ff;
    color: #fff;
    border-radius: 3em 3em 0 0;
    margin-bottom: -3em;
    padding-bottom: 5em;
    padding-top: 2em
}
.footer-top .cta__join-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}
@media screen and (max-width: 680px) {
    .footer-top .cta__join-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}
.footer-top .cta__text {
    font-size: 1.175em;
    padding-right: 1em
}
@media screen and (max-width: 680px) {
    .footer-top .cta__text {
        text-align: center;
        font-size: 1em;
        padding-right: 0
    }
}
.footer-top .cta__text h3 {
    font-size: 1.5em;
    margin: 0
}
.footer-top .cta__text p {
    margin: .5em 0
}
.footer-top .cta__text p a {
    color: #fff;
    border-bottom: 1px solid #fff
}
.footer-top svg {
    flex-shrink: 0;
    margin-right: 1em
}
.footer {
    background-color: #2b2b2b;
    color: #ccc;
    border-radius: 3em 3em 0 0;
    padding-top: 2em;
    padding-bottom: 2em
}
.footer__logo {
    margin-right: .5em
}
.footer__badges {
    padding-top: 1em
}
@media screen and (min-width: 560px) {
    .footer__inner {
        display: flex;
        flex-wrap: wrap
    }
}
.footer__main {
    padding-right: .5em;
    flex: 1 1 100%
}
@media screen and (min-width: 560px) {
    .footer__main {
        display: flex
    }
}
@media screen and (min-width: 768px) {
    .footer__main {
        flex: 0 0 33%;
        display: block
    }
}
@media screen and (min-width: 1080px) {
    .footer__main {
        flex: 0 0 25%
    }
}
.footer__menu {
    flex: 0 0 33%;
    padding-right: .5em
}
@media screen and (min-width: 1080px) {
    .footer__menu {
        flex: 0 0 25%
    }
}
.footer__contacts {
    flex: 1 1 100%
}
@media screen and (min-width: 1080px) {
    .footer__contacts {
        flex: 0 0 25%
    }
}
.footer__copyright {
    color: #f8f8f8;
    text-align: center;
    font-size: .875em;
    padding-top: 2em
}
.footer__social {
    padding-right: .5em
}
.footer__social-links {
    display: flex;
    justify-content: center
}
.footer__social-links a {
    text-align: center;
    margin: .5em;
    fill: #fff
}
.footer__social-links a:hover {
    fill: #dbf6f8
}
.footer__title {
    font-size: 1.25em;
    color: #fff
}
.footer a {
    color: #fff
}
.footer a:hover {
    color: #3eb4ff
}
.footer .badge {
    display: flex;
    align-items: center;
    font-size: .875em;
    color: #eaeaea
}
.footer .badge img {
    flex-shrink: 0;
    margin-right: .5em
}
.footer__phone .phone {
    font-size: 1.25em
}
.footer__email .email {
    font-size: 1.25em
}
.footer__menu li {
    padding-bottom: .75em
}
.posts__block {
    margin-top: 2em;
    margin-bottom: 2em
}
@media screen and (min-width: 680px) {
    .posts__list {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        justify-content: flex-start
    }
}
.posts__item {
    padding: .5em 0
}
@media screen and (min-width: 560px) {
    .posts__item {
        flex: 0 0 50%;
        padding: .75em
    }
}
@media screen and (min-width: 968px) {
    .posts__item {
        flex: 0 0 33%
    }
}
.posts__title {
    font-size: 1.5em;
    line-height: 1.3;
    margin: .5em 0
}
.posts__title b {
    color: #3eb4ff;
    font-weight: inherit
}
.posts__img {
    width: 100%;
    height: 12em;
    overflow: hidden;
    border-radius: .5rem;
    position: relative;
    box-shadow: 0 0 50px rgba(0, 0, 0, .1)
}
.posts__img a {
    display: block;
    width: 100%;
    height: 100%
}
.posts__img a:hover {
    transform: scale(1.05)
}
.posts__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.posts__tag {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    padding: .3em 1em;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    border-radius: .5rem 0 .5rem 0
}
.posts__date {
    position: absolute;
    display: inline-block;
    bottom: 0;
    right: 0;
    padding: .3em 1em;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    border-radius: .5rem 0 .5rem 0
}
.posts__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden
}
.posts__pager {
    flex: 1 1 100%;
    padding-top: 2em;
    padding-bottom: 2em;
    text-align: center
}
.post__article {
    font-size: 1.175em;
    padding-top: 1em;
    padding-bottom: 2em
}
.post__article img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: .5em;
    filter: drop-shadow(0 34px 63px rgba(0, 0, 0, .12))
}
.post__article .cta__form {
    font-size: .875em
}
.post__img {
    margin-bottom: 1em
}
.post__img + h1, .post__img + h2 {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1.5em
}
@media screen and (min-width: 968px) {
    .post__img + h1, .post__img + h2 {
        font-size: 2em
    }
}
.tags__menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 2em;
    padding-bottom: 2em
}
.tags__item {
    margin: .5em
}
.tags__link {
    font-family: "Tilda Sans", "Golos Text", sans-serif;
    font-weight: 600;
    font-size: 1em;
    text-align: center;
    padding: .75rem 1rem;
    border-radius: .5rem;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all linear .3s
}
@media screen and (max-width: 560px) {
    .tags__link {
        white-space: normal
    }
}
.tags__link {
    background-color: transparent;
    color: #3eb4ff;
    border: 1px solid #3eb4ff
}
.tags__link:hover {
    background-color: #3eb4ff;
    color: #fff
}
.form__search-title {
    display: flex;
    justify-content: space-between
}
.form__search-title .form__input--text {
    font-size: 1em;
    color: #2b2b2b;
    border-radius: .75rem;
    padding: .75rem 1rem;
    width: 100%;
    border: none;
    outline: 1px solid #ccc;
    line-height: 1.2;
    transition: all linear .2s
}
.form__search-title .form__input--text::-moz-placeholder {
    color: #aaa
}
.form__search-title .form__input--text:-ms-input-placeholder {
    color: #aaa
}
.form__search-title .form__input--text::placeholder {
    color: #aaa
}
.form__search-title .form__input--text:focus {
    border-color: transparent;
    outline: 2px solid #3eb4ff
}
.form__search-title .form__input--text {
    flex: 1 1 100%;
    border-radius: .75rem 0 0 .75rem
}
.form__search-title .btn-search {
    flex-shrink: 0;
    border-radius: 0 .75rem .75rem 0;
    outline: 1px solid #3eb4ff
}
.contacts__content {
    text-align: center
}
.contacts__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly
}
.contacts__col {
    flex: 0 1 20em;
    text-align: center;
    padding: 1em
}
.contacts__icon {
    fill: #3eb4ff
}
.contacts__details {
    padding-top: 1em;
    padding-bottom: 2em
}
.contacts__details h2 {
    text-align: center
}
.contacts__map iframe {
    width: 100%
}
.contacts__table {
    width: 100%
}
.contacts__table tr:hover {
    background-color: #efefef
}
.contacts__table td {
    padding: .5em;
    border-bottom: 1px solid #eaeaea
}
.contacts__table td:first-of-type {
    font-weight: 500
}
@media screen and (max-width: 680px) {
    .contacts__table {
        display: block
    }
    .contacts__table tr {
        display: block
    }
    .contacts__table tr td {
        padding-left: 0;
        padding-right: 0;
        display: block;
        background-color: #fff
    }
    .contacts__table tr td:first-of-type {
        font-weight: 500;
        padding-bottom: 0;
        border-bottom: none
    }
}
.features__section {
    margin-top: 2em;
    margin-bottom: 2em
}
.features__section .btn__row {
    margin-top: 1.4em
}
@media screen and (min-width: 768px) {
    .features__section {
        padding-top: 2em;
        padding-bottom: 2em
    }
}
@media screen and (min-width: 768px) {
    .features__container {
        display: flex;
        align-items: center
    }
}
.features__content {
    flex: 1 1 50%
}
.features__title {
    font-size: 1.6em
}
.features__text {
    margin: .5em 0
}
.features__media {
    flex: 1 1 50%;
    padding-top: 1em
}
@media screen and (min-width: 768px) {
    .features__media {
        padding-top: 0;
        padding-left: 2em
    }
}
.features__media img, .features__media lite-youtube {
    border-radius: .5em;
    filter: drop-shadow(0 34px 63px rgba(0, 0, 0, .12));
    display: block;
    margin: 0 auto;
    max-height: 400px
}
.features__media--video a {
    position: relative
}
.features__media--video a:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-top: -24px;
    margin-left: -34px;
    background-color: transparent;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="%233eb4ff"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    z-index: 1;
    opacity: .8;
    border: 0;
    border-radius: inherit;
    transition: all linear .2s
}
.features__media--video a:hover:after {
    opacity: 1
}
@media screen and (min-width: 768px) {
    .features__section:nth-of-type(even) .features__container {
        flex-direction: row-reverse
    }
    .features__section:nth-of-type(even) .features__content {
        flex: 1 1 50%;
        padding-top: 0;
        padding-left: 2em
    }
    .features__section:nth-of-type(even) .features__media {
        padding-top: 0;
        padding-left: 0
    }
}
.feature__media--img .feature__image {
    overflow: hidden
}
.features__card {
    font-size: 1.175em;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem
}
.features__card-title {
    text-align: center
}
.features__card--blue {
    background-color: #3eb4ff;
    color: #fff
}
.features__card--gray {
    background-color: #f8f8f8
}
@media screen and (min-width: 450px) {
    .docs__list {
        display: flex;
        flex-wrap: wrap
    }
}
.docs__item {
    padding: 1em 0;
    text-align: center
}
@media screen and (min-width: 560px) {
    .docs__item {
        flex: 0 0 50%;
        padding: 1em
    }
}
@media screen and (min-width: 768px) {
    .docs__item {
        flex: 0 0 33%
    }
}
@media screen and (min-width: 968px) {
    .docs__item {
        flex: 0 0 25%
    }
}
.docs__name {
    font-size: 1.175em;
    margin: 0
}
.partner__how {
    margin-top: 2em;
    margin-bottom: 2em
}
.partner__path {
    text-align: center
}
.partner__path .icon__arrow {
    opacity: .5;
    margin: .5em
}
@media screen and (min-width: 1440px) {
    .partner__path {
        display: flex;
        align-items: baseline;
        justify-content: space-evenly
    }
    .partner__path .icon__arrow {
        flex: 0 0 1.5em;
        transform: rotate(-90deg)
    }
}
.partner__point {
    max-width: 50em;
    margin-left: auto;
    margin-right: auto
}
@media screen and (min-width: 1440px) {
    .partner__point {
        flex: 0 0 20em
    }
}
.partner__point h3 {
    margin-bottom: 0
}
.partner__point h3 + p {
    margin-top: .5em
}
.home-form .row {
    align-items: center
}
.home-form .col--img img {
    display: block;
    margin: 1em auto;
    width: 100%;
    max-width: 35em
}
.intro__content {
    flex: 0 0 50%
}
@media screen and (min-width: 680px) {
    .intro__content {
        padding-right: 1em
    }
}
.intro h1 {
    margin-top: 0;
    font-size: 1.75em;
    text-align: center;
    line-height: 1.4;
    word-wrap: break-word
}
@media screen and (min-width: 560px) {
    .intro h1 {
        word-wrap: normal;
        font-size: 2em
    }
}
@media screen and (min-width: 680px) {
    .intro h1 {
        text-align: left
    }
}
@media screen and (min-width: 768px) {
    .intro h1 {
        font-size: 2.25em
    }
}
.intro__row .btn__row {
    text-align: center;
    padding-bottom: 1em
}
@media screen and (min-width: 680px) {
    .intro__row {
        display: flex;
        align-items: stretch;
    }
    .intro__row .btn__row {
        text-align: left
    }
}
.intro__video {
    flex-grow: 1;
}
.intro__video a {
    display: block;
    position: relative
}
.intro__video a:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-top: -24px;
    margin-left: -34px;
    background-color: transparent;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="%233eb4ff"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    z-index: 1;
    opacity: .8;
    border: 0;
    border-radius: inherit;
    transition: all linear .2s
}
.intro__video a:hover:after {
    opacity: 1
}
.intro__video a img {
    -o-object-fit: cover;
    object-fit: cover
}
.advantages {
    background-color: #f8f8f8
}
.advantages .section__title {
    text-align: center
}
.advantages .section__subtitle {
    text-align: center;
    font-size: 1.175em
}
.advantages__item {
    background-color: #fff;
    border-radius: 2em;
    padding: 2em;
    margin: 2em 0
}
@media screen and (min-width: 680px) {
    .advantages__item {
        flex: 0 0 45%;
        margin: 2%
    }
}
@media screen and (min-width: 680px) {
    .advantages__list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: baseline
    }
}
@media screen and (min-width: 1080px) {
    .advantages__list.list--3 .advantages__item {
        flex: 0 0 29%
    }
}
.advantages__title {
    font-size: 1.4em
}
.advantages__icon {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5em;
    background-color: #f8f8f8;
    fill: #555
}
.advantages__icon--red {
    background-color: rgba(255, 78, 99, .2);
    fill: #f55a29
}
.advantages__icon--violet {
    background-color: rgba(241, 78, 255, .2);
    fill: #d14eff
}
.advantages__icon--yellow {
    background-color: rgba(255, 216, 78, .2);
    fill: #e5b610
}
.advantages__icon--blue {
    background-color: #dbf6f8;
    fill: #3eb4ff
}
.advantages__icon--green {
    background-color: #defedd;
    fill: #6caf35
}
.how {
    counter-reset: how-counter
}
.how__row {
    counter-increment: how-counter;
    position: relative;
    display: flex;
    margin: 1em 0;
    padding: 1em 0
}
.how__row__content {
    flex: 1 1 100%
}
.how__row:before {
    content: counter(how-counter);
    width: 3rem;
    height: 3rem;
    border-radius: .75em;
    font-size: 1.175em;
    margin-right: 1em;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #d14eff;
    background-color: rgba(241, 78, 255, .2)
}
.how__title {
    margin: 0 0 .5em 0
}
.how__desc {
    margin: 0
}
/*# sourceMappingURL=maps/styles.css.map */
.checkbox {
    display: flex;
}
.checkbox input[type=checkbox] {
    display: inline !important;
}
.checkbox input[type=checkbox] + label:before {
    display: none !important;
}

.container.full {
    min-width: 100%;
}

/* End */


/* Start:/local/templates/main_site/template_styles.css?17486100344466*/
.new-section__title {
    font-size: 2em;
    margin-top: 0;
    line-height: 1.1;
    text-align: center;
    font-weight: 900;
    font-family: "Tilda Sans", "Golos Text", sans-serif;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
}

.new-footer__title {
    font-size: 1.25em;
    color: #fff;
    font-weight: 900;
    font-family: "Tilda Sans", "Golos Text", sans-serif;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
}

.menu__link {
    font-size: 0.9em;
}

.header_phone {
    white-space: nowrap;
    margin-right: 8px;
    font-size: 0.8em;
    line-height: 1;
    padding-top: 3px;
}

.btn.btn--secondary.application-btn {
    padding: .75rem .5rem;
}

.mobile__phone, .mobile__application {
    background-color: unset !important;
    color: #fff !important;
    font-size: 1.25em;
    font-weight: 700;
    display: block;
    border: unset;
    padding-left: 0 !important;
    margin-bottom: 1em;
}

.popup.active, .slider.active {
    z-index: 13000;
}

@media screen and (max-width: 1100px) {
    .menu__link, .header_phone {
        font-size: 0.6em;
    }

    .header_phone {
        padding-top: 5px;
    }
}

@media screen and (max-width: 1080px) {
    .header_phone {
        display: none;
    }

    .btn.btn--secondary.application-btn {
        display: none;
    }
}

.blue-border-round {
    border: #3eb4ff 1em solid;
    border-radius: 3em;
    padding: 2em;
}

.blue-border-round h2 {
    color: #3eb4ff;
}

.badge {
    max-width: 180px;
}

body .popup-cookie {
    background: transparent;
}
body .popup-cookie__content {
    background: #fff;
    margin: 0 8px 13px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

body .cookie-text {
    font-family: 'Open Sans';
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
}

body .popup-cookie.fulls {
    background: #fff;
    height: 100%;
}
body .popup-cookie.fulls .popup-cookie__close {
    display: none;
}
body .popup-cookie.fulls .popup-cookie__content {
    box-shadow: unset;
}
body .popup-cookie.fulls .cookie-block {
    flex-direction: column;
    align-items: flex-end;
    padding: 22px 8px 0;
}
body .popup-cookie.fulls .cookie-text {
    font-size: 12px;
    height: auto;
    line-height: 16px;
    margin: 0;
}
body .popup-cookie.fulls .cookie-block .button {
    margin-top: 40px;
}

.popup-cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11000;
}

.popup-cookie__close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    width: 30px;
    height: 30px;
    color: #9B9FA3;
    border: 0;
    background-color: #ffffff;
    cursor: pointer;
}

.popup-cookie__close:after, .popup-cookie__close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 2px;
    color: inherit;
    background-color: currentColor;
    border-radius: 5px;
}

.popup-cookie__close:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.popup-cookie__close:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.popup-cookie__close:hover {
    color: #484D55;
}

.popup-cookie__close:focus {
    outline: none;
}

.cookie-block {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}

.cookie-text {
    margin: 0 40px 0 0;
    text-align: justify;
    color: #484D55;
}

@media all and (max-width: 768px){
    .cookie-block {
        padding: 20px 20px 30px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cookie-text {
        margin: 0 30px 20px 0;
    }
}

.cookie-text a {
    font: inherit;
    color: #268CCC;
}

.cookie-text a:hover {
    color: #484D55;
}

.cookie-block .button {
    min-width: 160px;
    display: inline-block;
    padding: 7px 15px 6px;
    font-size: 14px;
    line-height: 19px;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid #3eb4ff;
    outline: none;
    cursor: pointer;
    color: #fff;
    background-color: #3eb4ff;
}
/* End */
/* /local/templates/main_site/styles.css?175042953863825 */
/* /local/templates/main_site/template_styles.css?17486100344466 */