@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url(jquery.fancybox.min.css);

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

@media print {
    *, :after, :before, :first-letter, :first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

* {
    box-sizing: border-box
}

.wrap {
    max-width: 1170px;
    padding: 20px 0;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    width: 100%
}

.fw:after, .wrap:after {
    content: "";
    display: table;
    clear: both
}

.h1, h1 {
    font-size: 2.5em
}

.h2, h2 {
    font-size: 2.14286em
}

.h3, h3 {
    font-size: 1.875em
}

.h4, h4 {
    font-size: 1.66667em
}

.h5, h5 {
    font-size: 1.5em
}

.h6, h6 {
    font-size: 1.36364em
}

.cc5 {
    width: 5%
}

.pc5 {
    margin-left: 5%
}

.cc10 {
    width: 10%
}

.pc10 {
    margin-left: 10%
}

.cc15 {
    width: 15%
}

.pc15 {
    margin-left: 15%
}

.cc20 {
    width: 20%
}

.pc20 {
    margin-left: 20%
}

.cc25 {
    width: 25%
}

.pc25 {
    margin-left: 25%
}

.cc30 {
    width: 30%
}

.pc30 {
    margin-left: 30%
}

.cc35 {
    width: 35%
}

.pc35 {
    margin-left: 35%
}

.cc40 {
    width: 40%
}

.pc40 {
    margin-left: 40%
}

.cc45 {
    width: 45%
}

.pc45 {
    margin-left: 45%
}

.cc50 {
    width: 50%
}

.pc50 {
    margin-left: 50%
}

.cc55 {
    width: 55%
}

.pc55 {
    margin-left: 55%
}

.cc60 {
    width: 60%
}

.pc60 {
    margin-left: 60%
}

.cc65 {
    width: 65%
}

.pc65 {
    margin-left: 65%
}

.cc70 {
    width: 70%
}

.pc70 {
    margin-left: 70%
}

.cc75 {
    width: 75%
}

.pc75 {
    margin-left: 75%
}

.cc80 {
    width: 80%
}

.pc80 {
    margin-left: 80%
}

.cc85 {
    width: 85%
}

.pc85 {
    margin-left: 85%
}

.cc90 {
    width: 90%
}

.pc90 {
    margin-left: 90%
}

.cc95 {
    width: 95%
}

.pc95 {
    margin-left: 95%
}

.fw [class*=" cc"]:first-child, .fw [class^=cc]:first-child {
    padding-left: 0
}

.fw [class*=" cc"]:last-child, .fw [class^=cc]:last-child {
    padding-right: 0
}

.mt1 {
    margin-top: 10px
}

.mt-1 {
    margin-top: -10px
}

.mb1 {
    margin-bottom: 10px
}

.mb-1 {
    margin-bottom: -10px
}

.mt2 {
    margin-top: 20px
}

.mt-2 {
    margin-top: -20px
}

.mb2 {
    margin-bottom: 20px
}

.mb-2 {
    margin-bottom: -20px
}

.mt3 {
    margin-top: 30px
}

.mt-3 {
    margin-top: -30px
}

.mb3 {
    margin-bottom: 30px
}

.mb-3 {
    margin-bottom: -30px
}

.mt4 {
    margin-top: 40px
}

.mt-4 {
    margin-top: -40px
}

.mb4 {
    margin-bottom: 40px
}

.mb-4 {
    margin-bottom: -40px
}

.mt5 {
    margin-top: 50px
}

.mt-5 {
    margin-top: -50px
}

.mb5 {
    margin-bottom: 50px
}

.mb-5 {
    margin-bottom: -50px
}

.mt6 {
    margin-top: 60px
}

.mt-6 {
    margin-top: -60px
}

.mb6 {
    margin-bottom: 60px
}

.mb-6 {
    margin-bottom: -60px
}

.mt7 {
    margin-top: 70px
}

.mt-7 {
    margin-top: -70px
}

.mb7 {
    margin-bottom: 70px
}

.mb-7 {
    margin-bottom: -70px
}

.mt8 {
    margin-top: 80px
}

.mt-8 {
    margin-top: -80px
}

.mb8 {
    margin-bottom: 80px
}

.mb-8 {
    margin-bottom: -80px
}

.mt9 {
    margin-top: 90px
}

.mt-9 {
    margin-top: -90px
}

.mb9 {
    margin-bottom: 90px
}

.mb-9 {
    margin-bottom: -90px
}

.mt10 {
    margin-top: 100px
}

.mt-10 {
    margin-top: -100px
}

.mb10 {
    margin-bottom: 100px
}

.mb-10 {
    margin-bottom: -100px
}

[class*=" cc"], [class^=cc] {
    float: left;
    padding: 0 10px
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    text-align: center;
    font-weight: 400
}

.nosel, .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

ul {
    padding: 0
}

li {
    list-style: none
}

body, p {
    margin: 0;
    padding: 0
}

iframe, img {
    max-width: 100%
}

.browserupgrade {
    background: #fd9;
    color: #000;
    padding: .5em 0;
    text-align: center;
    font-size: 1.4em
}

.clear, .clearfix {
    width: 100%;
    overflow: auto
}

code {
    background: hsla(0, 0%, 100%, .5)
}

.hidden {
    display: none
}

.cc23 {
    width: 23.33333333%
}

.cc33 {
    width: 33.33333333%
}

.cc43 {
    width: 43.33333333%
}

.pc12 {
    margin-left: 12.5%
}

.pc16 {
    margin-left: 16.5%
}

.pc33 {
    margin-left: 33.33333333%
}

.mt0 {
    margin-top: 0
}

.mb0 {
    margin-bottom: 0
}

.left {
    float: left
}

.right {
    float: right
}

.tar {
    text-align: right
}

.tal {
    text-align: left
}

.tac {
    text-align: center
}

.taj {
    text-align: justify
}

.jcsa, .jcsb {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dif, .jcsa, .jcsb {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.dif {
    -ms-flex-align: center;
    align-items: center
}

.bold {
    font-weight: 600
}

.upper {
    text-transform: uppercase
}

.vat, .vtop {
    vertical-align: top
}

.vab, .vbot {
    vertical-align: bottom
}

.block, .dib {
    display: inline-block
}

.middle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.fixed {
    position: fixed
}

.underline {
    text-decoration: underline
}

.tdn {
    text-decoration: none
}

.rel, .relative {
    position: relative
}

hr {
    border: 1px solid #ddd;
    border-style: none none solid
}

form input, form textarea {
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: .9em;
    min-height: 2.7em;
    transition: .3s ease
}

form input[type=submit] {
    background: #e24f3f;
    color: #fff;
    padding: .5rem 2.75rem
}

form input[type=submit]:hover {
    background: #e24f3f
}

form textarea {
    resize: vertical
}

input, textarea {
    outline: none
}

input:focus:invalid:focus:not([type=submit]), input:hover:invalid:hover:not([type=submit]), textarea:focus:invalid:focus:not([type=submit]), textarea:hover:invalid:hover:not([type=submit]) {
    border: 1px solid red
}

input:focus:valid:focus:not([type=submit]), input:hover:valid:hover:not([type=submit]), textarea:focus:valid:focus:not([type=submit]), textarea:hover:valid:hover:not([type=submit]) {
    border: 1px solid #e24f3f
}

.pc {
    display: block
}

.mb, .mob {
    display: none
}

@media (max-width: 900px) {
    [class*=" cc"], [class^=cc] {
        width: 100%
    }

    [class*=" pc"], [class^=pc] {
        margin-left: 0
    }

    .pc {
        display: none !important
    }

    .mb, .mob {
        display: block
    }

    .left, .right {
        float: none
    }
}

.btn {
    padding: .8em 3em;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
    transition: .2s ease;
    cursor: pointer;
    white-space: nowrap
}

.btn, .btn:hover {
    background: #e24f3f
}

.btn iframe {
    height: 400px
}

@media (max-width: 640px) {
    iframe {
        height: 300px
    }
}

@media (max-width: 480px) {
    .mt2, .mt3, .mt4, .mt5, .mt6, .mt7, .mt8, .mt9 {
        margin-top: 10px
    }

    .mb2, .mb3, .mb4, .mb5, .mb6, .mb7, .mb8, .mb9 {
        margin-bottom: 10px
    }

    iframe {
        height: 250px
    }
}

section {
    position: relative;
    padding: 60px 0;
    overflow: hidden
}

body {
    font-size: 16px
}

@media (min-width: 480px) {
    body {
        font-size: 18px;
        font-size: calc(.005 * 100vw + 13.6px)
    }
}

@media (min-width: 1280px) {
    body {
        font-size: 20px
    }
}
.autumn-el,
.winter-el,
.summer-el{
    display: none;
}
.autumn .autumn-el,
.winter .winter-el,
.summer .summer-el{
    display: block;
}

@font-face {
    font-family: Muller;
    src: url(../fonts/MullerBold.eot);
    src: url(../fonts/MullerBold.eot?#iefix) format("embedded-opentype"), url(../fonts/MullerBold.woff2) format("woff2"), url(../fonts/MullerBold.woff) format("woff"), url(../fonts/MullerBold.ttf) format("truetype"), url(../fonts/MullerBold.svg#MullerBold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Muller;
    src: url(../fonts/MullerLight.eot);
    src: url(../fonts/MullerLight.eot?#iefix) format("embedded-opentype"), url(../fonts/MullerLight.woff2) format("woff2"), url(../fonts/MullerLight.woff) format("woff"), url(../fonts/MullerLight.ttf) format("truetype"), url(../fonts/MullerLight.svg#MullerLight) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Muller;
    src: url(../fonts/MullerRegular.eot);
    src: url(../fonts/MullerRegular.eot?#iefix) format("embedded-opentype"), url(../fonts/MullerRegular.woff2) format("woff2"), url(../fonts/MullerRegular.woff) format("woff"), url(../fonts/MullerRegular.ttf) format("truetype"), url(../fonts/MullerRegular.svg#MullerRegular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Muller;
    src: url(../fonts/MullerLight_1.eot);
    src: url(../fonts/MullerLight_1.eot?#iefix) format("embedded-opentype"), url(../fonts/MullerLight_1.woff2) format("woff2"), url(../fonts/MullerLight_1.woff) format("woff"), url(../fonts/MullerLight_1.ttf) format("truetype"), url(../fonts/MullerLight_1.svg#MullerLight) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Muller;
    src: url(../fonts/MullerRegular_1.eot);
    src: url(../fonts/MullerRegular_1.eot?#iefix) format("embedded-opentype"), url(../fonts/MullerRegular_1.woff2) format("woff2"), url(../fonts/MullerRegular_1.woff) format("woff"), url(../fonts/MullerRegular_1.ttf) format("truetype"), url(../fonts/MullerRegular_1.svg#MullerRegular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Muller;
    src: url(../fonts/MullerBold_1.eot);
    src: url(../fonts/MullerBold_1.eot?#iefix) format("embedded-opentype"), url(../fonts/MullerBold_1.woff2) format("woff2"), url(../fonts/MullerBold_1.woff) format("woff"), url(../fonts/MullerBold_1.ttf) format("truetype"), url(../fonts/MullerBold_1.svg#MullerBold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Muller;
    src: url(../fonts/MullerBold_2.eot);
    src: url(../fonts/MullerBold_2.eot?#iefix) format("embedded-opentype"), url(../fonts/MullerBold_2.woff2) format("woff2"), url(../fonts/MullerBold_2.woff) format("woff"), url(../fonts/MullerBold_2.ttf) format("truetype"), url(../fonts/MullerBold_2.svg#MullerBold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Muller;
    src: url(../fonts/MullerLight_2.eot);
    src: url(../fonts/MullerLight_2.eot?#iefix) format("embedded-opentype"), url(../fonts/MullerLight_2.woff2) format("woff2"), url(../fonts/MullerLight_2.woff) format("woff"), url(../fonts/MullerLight_2.ttf) format("truetype"), url(../fonts/MullerLight_2.svg#MullerLight) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Muller;
    src: url(../fonts/MullerRegular_2.eot);
    src: url(../fonts/MullerRegular_2.eot?#iefix) format("embedded-opentype"), url(../fonts/MullerRegular_2.woff2) format("woff2"), url(../fonts/MullerRegular_2.woff) format("woff"), url(../fonts/MullerRegular_2.ttf) format("truetype"), url(../fonts/MullerRegular_2.svg#MullerRegular) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}
#congr_slider.slick-initialized .slick-slide{
    padding: 10px;
}
.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li, .slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

@keyframes a {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: scale(.8)
    }
    65.5% {
        transform: scale(1.03)
    }
    to {
        visibility: visible;
        opacity: 1;
        transform: scale(1)
    }
}

.popup-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, .7);
    display: none
}

.popup-bg.visible {
    display: block;
    animation: a ease .2s
}

.popup-bg .popup {
    width: 500px;
    background-color: #fff;
    position: relative;
    top: 10%;
    margin: 0 auto;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    border-radius: 20px;
    overflow: hidden;
    display: none
}

.popup-bg .popup.visible {
    display: block
}

.popup-bg .popup .head {
    font-weight: 300
}

.popup-bg .popup .head .close {
    position: absolute;
    font-size: 32px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    right: 20px;
    top: 20px;
    color: #ddd;
    cursor: pointer;
    overflow: hidden
}

.popup-bg .popup .head .close:hover {
    color: #bbb
}

.popup-bg #popup1, .popup-bg #popup3, .popup-bg #popup4 {
    width: 582px;
    box-shadow: 0 0 18px 7px rgba(0, 0, 0, .14);
    border-radius: 10px;
    border: 2px solid #fff;
    background-color: #fff;
    padding: 60px;
    text-align: center
}

.popup-bg #popup1 .head, .popup-bg #popup3 .head, .popup-bg #popup4 .head {
    font-size: 25px
}

.popup-bg #popup1 .goToMain, .popup-bg #popup3 .goToMain, .popup-bg #popup4 .goToMain {
    margin-top: 25px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 363px;
    height: 53px;
    border-radius: 27px;
    max-width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.popup-bg #popup1 .insta_logo, .popup-bg #popup3 .insta_logo, .popup-bg #popup4 .insta_logo {
    margin-top: 56px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.popup-bg #popup1 .insta_logo:hover, .popup-bg #popup3 .insta_logo:hover, .popup-bg #popup4 .insta_logo:hover {
    opacity: .9
}

.popup-bg #popup1 .subscribe, .popup-bg #popup3 .subscribe, .popup-bg #popup4 .subscribe {
    display: block;
    text-align: center;
    color: #000;
    font-family: Helvetica;
    font-size: 16px
}

.popup-bg #popup1 .subscribe:hover, .popup-bg #popup3 .subscribe:hover, .popup-bg #popup4 .subscribe:hover {
    text-decoration: underline
}

.popup-bg #popup2 {
    width: 889px;
    max-width: 100%;
    border-radius: 10px;
    border: 2px solid #fff;
    background-color: #fff;
    padding: 60px 55px 75px 25px;
    text-align: left
}

.popup-bg #popup2 .content {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 9999
}

.popup-bg #popup2 .content .img {
    margin-top: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px
}

.popup-bg #popup2 .popup_title {
    font-size: 25px;
    font-weight: 700
}

.popup-bg #popup2 .sub {
    margin-top: 5px;
    color: #000;
    font-family: Helvetica;
    font-size: 16px
}

.popup-bg #popup2 .radios {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}

.popup-bg #popup2 .radios .form_control {
    width: 60px;
    margin-right: 20px;
    margin-top: 15px;
    text-align: center
}

.popup-bg #popup2 .radios .form_control p {
    color: #000;
    font-family: Helvetica;
    font-size: 12px;
    margin-top: 1px
}

.popup-bg #popup2 .radios .form_control label {
    display: block;
    cursor: pointer;
    position: relative
}

.popup-bg #popup2 .radios .form_control label:hover .label_img {
    opacity: .9
}

.popup-bg #popup2 .radios .form_control label:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: calc(50% - 9px);
    top: 90px;
    border-radius: 50%;
    border: 1px solid #00aeef
}

.popup-bg #popup2 [type=tel] {
    margin-top: 80px;
    width: 288px;
    max-width: 100%;
    text-align: center;
    font-size: 16px;
    color: #000;
    height: 44px;
    border-radius: 5px;
    border: 1px dotted #00bff3;
    background-color: #fff;
    margin-bottom: 0;
    position: relative;
    z-index: 999999
}

.popup-bg #popup2 .submit {
    margin-top: 15px;
    width: 288px;
    border: none;
    max-width: 100%;
    height: 53px;
    border-radius: 40px;
    color: #000;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 0 21px 1px #78ff00;
    border-radius: 50px;
    background-color: #00b319;
    color: #fff;
    display: inline-block;
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: none;
    transition: .2s ease
}

.popup-bg #popup2 .submit:before {
    top: 3px;
    left: 3px;
    content: "";
    position: absolute;
    border-radius: 50px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #000;
    opacity: .14;
    animation: none;
    transform: none
}

.popup-bg #popup2 .submit:hover {
    background: #00e620
}

.popup-bg #popup2 .submit img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px
}

.popup-bg #popup2 .submit:after {
    content: "";
    position: absolute;
    right: -170px;
    top: -195px;
    background: url(../img/phone_popup.png) no-repeat 50% 50%/cover;
    width: 261px;
    height: 318px;
    z-index: -1
}

.popup-bg #submit {
    margin-top: 30px
}

.popup-bg #submit:after {
    content: none !important
}

.popup-bg [type=radio] {
    position: absolute;
    left: -9999999px
}

.popup-bg [type=radio]:checked + label:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    box-shadow: inset 0 0 2px 2px rgba(0, 191, 243, .52);
    background-color: #00bff3;
    left: calc(50% - 4px);
    top: 95px;
    border-radius: 50%
}

.popup-bg #popup2 .radios .form_control p {
    font-weight: 700
}

.popup-bg #popup2 {
    padding-left: 10px;
    padding-right: 25px
}

.popup-bg #popup2 .radios .form_control {
    width: 70px
}

.popup-bg #popup1 .head, .popup-bg #popup3 .head {
    font-size: 20px
}

.popup-bg #popup1 .goToMain {
    color: #fff;
    box-shadow: none;
    width: 323px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: 75px;
    border-radius: 38px;
    background: #00b319;
    margin-top: 30px
}

.popup-bg #popup1 .goToMain:hover {
    background: #00cd1d
}

.popup-bg #popup1, .popup-bg #popup3, .popup-bg #popup4 {
    width: 460px;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px
}

.popup-bg #popup4 {
    text-align: center
}

.popup-bg #popup4 .head {
    font-size: 20px
}

.popup-bg #popup4 [type=tel] {
    margin: 20px auto
}

.popup-bg #popup4 [type=tel], .popup-bg #popup4 [type=text] {
    width: 325px;
    height: 44px;
    border-radius: 5px;
    border: 1px dotted #00bff3;
    background-color: #fff;
    text-align: center;
    max-width: 100%;
    font-size: 16px
}

.popup-bg #popup4 [type=text] {
    margin-top: 20px;
    margin-bottom: 20px;
    margin: 0 auto
}

.popup-bg #popup4 .submit {
    margin-top: 15px;
    width: 325px;
    border: none;
    max-width: 100%;
    height: 53px;
    border-radius: 40px;
    color: #000;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 0 21px 1px #78ff00;
    border-radius: 50px;
    background-color: #00b319;
    color: #fff;
    display: inline-block;
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: none;
    transition: .2s ease;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.popup-bg #popup4 .submit:after {
    top: 3px;
    left: 3px;
    content: "";
    position: absolute;
    border-radius: 50px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #fff;
    opacity: .14
}

.popup-bg #popup4 .submit:hover {
    background: #00e620
}

.popup-bg #popup4 .submit img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px
}

.popup-bg .popup .head .close {
    color: #000
}

body {
    overflow-x: hidden;
    font-family: sans-serif;
    font-size: 20px;
    font-family: Muller
}

body.open_banner {
    padding-bottom: 190px
}

#main .change_block {
    will-change: top
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

a {
    text-decoration: none;
    color: inherit
}

.flex {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.jcsa {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.jcsb {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jcfs {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.jcc {
    -ms-flex-pack: center;
    justify-content: center
}

.aic {
    -ms-flex-align: center;
    align-items: center
}

footer, header, menu, nav, section {
    max-width: 1920px;
    margin: 0 auto
}

#s01 .septiki {
    z-index: 99
}

.wrap {
    max-width: 960px;
    padding-left: 10px;
    padding-right: 10px
}

.h2 {
    font-size: 25px;
    font-weight: 700
}

.h2 span {
    color: #52da3e
}

.btn, .goToMain {
    box-shadow: 0 0 21px 1px #78ff00;
    border-radius: 50px;
    background-color: #00b319;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.btn:after, .goToMain:after {
    top: 3px;
    left: 3px;
    content: "";
    position: absolute;
    border-radius: 50px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #000;
    opacity: .14
}

.btn:hover, .goToMain:hover {
    background: #00e620
}

.submit:before, a.btn:before {
    content: "";
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .03), hsla(0, 0%, 100%, .5));
    height: 100%;
    width: 50px;
    position: absolute;
    top: 0;
    transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    animation: b 2.5s linear infinite;
    -webkit-animation: b 2.5s linear infinite
}

@keyframes b {
    0% {
        left: 0
    }
    to {
        left: 150%
    }
}

#nav .wrap {
    padding-top: 10px
}

#nav .logo_col {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    -ms-flex-positive: 1;
    flex-grow: 1.7
}

#nav .logo_col .logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 40px
}

#nav .phone {
    display: block;
    text-align: right;
    font-size: 20px;
    font-weight: 700
}

#nav .online {
    font-family: Helvetica;
    font-size: 16px;
    position: relative
}

#nav .online:before {
    content: "";
    position: absolute;
    left: -15px;
    width: 10px;
    height: 10px;
    background-image: radial-gradient(circle 5px at center, #ff0 0, #25bc07 100%);
    border-radius: 50%;
    top: calc(50% - 4px)
}

.button_wrapper {
    display: inline-block;
    position: relative
}

#s01 {
    padding-top: 0;
    background: url(../img/bg2.jpg) no-repeat 50% 50%/cover;
    color: #fff;
    overflow: visible;
    z-index: 99
}

#s01 .h1 {
    opacity: .79;
    text-shadow: 0 0 20px #010101;
    font-weight: 700;
    font-size: 35px;
    margin-top: 15px
}
.autumn #s01{
    background: url(/img/autumn/fon-ground-autumn.jpg) no-repeat 50% 50%/cover;
}
.webp.autumn #s01{
    background: url(/img/autumn/fon-ground-autumn.webp) no-repeat 50% 50%/cover;
}
.autumn #s01:before{
    position: absolute;
    content: '';
    width: 330px;
    height: 280px;
    background: url(/img/autumn/leafs-autumn-1-400.png) center no-repeat;
    background-size: contain;
    bottom: -20px;
    right: 50%;
    transform: rotate(242deg) translate(0px, 750px);
}
#s01 .h1 span {
    color: #00b319
}

#s01 .subtitle {
    text-align: center;
    margin-top: 20px;
    font-size: 28px
}

#s01 .subtitle span {
    color: #00c8ff;
    display: block
}

#s01 .rassrochka {
    position: absolute;
    right: 65px;
    top: 270px
}
#s01 .top-enot{
    position: absolute;
    right: 23px;
    top: 403px;
    width: 180px;
}
#s01 .top-enot img{
    width: 100%;
}
#s01 .line {
    width: 69px;
    height: 4px;
    margin: 15px auto 15px;
    background: #fff;
    opacity: .8
}

#s01 .button_text {
    line-height: 1.3;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, .26);
    font-size: 18px;
    display: inline-block;
    position: relative
}

#s01 .button_text:before {
    top: 25px;
    right: -30px;
    content: "";
    position: absolute;
    background: url(../img/arr.png) no-repeat 50% 50%/cover;
    width: 29px;
    height: 73px
}

#s01 .button_text span {
    color: red
}

#s01 .button_wrapper {
    margin-top: 40px
}

#s01 .button_wrapper .calc {
    position: absolute;
    top: -5px;
    right: -40px;
    z-index: 9
}

#s01 .btn {
    width: 287px;
    height: 67px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px
}

#s01 .podbor {
    margin-top: 25px;
    opacity: .48;
    color: #d7d7d7;
    font-size: 15px
}
.sale p{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}
#s01 .sale {
    width: 162px;
    height: 165px;
    border: 2px dotted #00b7eb;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 21px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .26);
    color: #00c8ff;
    border-radius: 10px;
    position: absolute;
    transform: rotate(-20deg);
    top: 140px;
    left: 70px;
}

#s01 .sale strong {
    font-size: 35px
}
#s01 .sale .arrow-down {
    position: absolute;
    bottom: -50px;
    right: 0;
}
#s01 .sale .arrow-down span {
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #337AB7;
    border-right: 5px solid #337AB7;
    transform: rotate(45deg);
    margin: -16px;
    animation: arrow-down 2s infinite;
}
#s01 .sale .arrow-down span:nth-child(2){
    animation-delay: -0.2s;
}
#s01 .sale .arrow-down span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes arrow-down {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}

#s01 .septiki {
    position: absolute;
    bottom: -140px;
    left: -15px
}

#s01 .yandex {
   /* width: 140px;
    border-radius: 3px;
    border: 1px dotted #fff;*/
    position: absolute;
    /*padding: 4px;
    right: 80px;
    top: 250px;
    top: 150px;*/
    z-index: 99;
    display: none;
}

#s01 .yandex .inner {
    background: #fff;
    padding: 10px
}

#s01 .yandex .big {
    color: #ff0101;
    font-weight: 900;
    font-size: 26px
}

#s01 .yandex .yandex_text {
    color: #000;
    font-family: Helvetica;
    font-size: 12px;
    font-weight: 700
}

#s01 .yandex .yandex_text span {
    color: #ff0101
}

#s02 {
    background: #00b9ec;
    z-index: 2;
    overflow: visible
}

#s02 .white_form {
    position: relative;
    width: 889px;
    min-height: 549px;
    border-radius: 10px;
    border: 2px dotted #00b7eb;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    max-width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 80px 25px 10px;
    font-size: 16px
}

#s02 .white_form .img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 40px;
    margin-top: 25px
}

#s02 .white_form:before {
    content: "";
    position: absolute;
    left: -45px;
    top: -45px;
    background: url(../img/leaf.png) no-repeat 50% 50%/cover;    
    width: 117px;
    height: 92px;
    z-index: 9;   
}

.autumn #s02 .white_form:before,
.autumn #main .header:after{
    /* autumn */
    width: 150px;
    height: 136px;
    background: url(/img/autumn/leafs-autumn-3.png) no-repeat 50% 50%/cover;
    left: -70px;
    top: -60px;
}
.autumn #main .header:after{
    top: -90px;
}
.winter #s02 .white_form:before{
/*    display: none;*/
    /* autumn */
    width: 150px;
    height: 136px;
    background: url(/img/winter/snowflake-130.png) no-repeat 50% 50%/cover;
    left: -130px;
    top: -60px;
}

#s02 .white_form:after {
    content: "";
    position: absolute;
    left: -12px;
    top: -12px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 2px dotted #fff
}

#s02 .take {
    font-size: 16px;
    font-weight: 700
}

#s02 .title {
    margin-top: 5px;
    color: #00bff3;
    font-size: 23px;
    font-weight: 700
}

#s02 .line {
    width: 69px;
    height: 3px;
    margin: 15px 0;
    background: #00bff3
}

#s02 ul {
    line-height: 1.4;
    margin: 0;
    margin-bottom: 15px
}

#s02 .radios {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}

#s02 .radios .form_control {
    width: 70px;
    margin-right: 20px;
    margin-top: 15px;
    text-align: center
}

#s02 .radios .form_control label {
    display: block;
    cursor: pointer;
    position: relative
}

#s02 .radios .form_control label:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: calc(50% - 9px);
    top: 90px;
    border-radius: 50%;
    border: 1px solid #00aeef
}

#s02 [type=radio]:checked + label:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    box-shadow: inset 0 0 2px 2px rgba(0, 191, 243, .52);
    background-color: #00bff3;
    left: calc(50% - 4px);
    top: 95px;
    border-radius: 50%
}

#s02 .radios .form_control p {
    color: #000;
    font-size: 12px;
    margin-top: 5px;
    font-weight: 700
}

#s02 .content {
    position: relative;
    z-index: 999
}

#s02 .grass {
    position: absolute;
    right: 40px;
    bottom: -82px;
    z-index: 99;
}
#s02 .grass img{
    display: block;
}
#s02 .septik_2 {
    position: absolute;
    z-index: 999;
    right: -250px;
    bottom: -240px
}

#s03 {
    background: url(../img/bg3.jpg) no-repeat 50% 50%/cover;
    color: #fff;
    margin-top: -1px;
    padding-top: 70px;
    padding-bottom: 90px
}

#s03 .h2 span {
    display: block
}

#s03 .logos {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 680px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

#s03 .logo, #s03 .logos {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}

#s03 .logo {
    width: 194px;
    height: 134px;
    border-radius: 10px;
    border: 2px dotted #00b7eb;
    background-color: #fff;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 35px
}

#s03 .logo:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 12px;
    z-index: -1;
    width: calc(100% - 2px);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    border: 2px dotted #0f0
}

#s03 .enot {
    margin-top: 75px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#s03 .enot img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: -5px
}

#s03 .sertificates {
    width: 665px;
    max-width: 100%;
    margin-top: 40px
}

#s03 .sertificates, #s03 .slick-slide img {
    margin-left: auto;
    margin-right: auto
}

#s03 .slick-next, #s03 .slick-prev {
    width: 35px;
    height: 35px;
    opacity: 1
}

#s03 .slick-next:before, #s03 .slick-prev:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 1;
    height: 100%;
    background: url(../img/left.png) no-repeat 50% 50%
}

#s03 .slick-next:before {
    transform: rotate(180deg)
}

#s03 .slick-initialized .slick-slide, #s03 .slick-track {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}

#s03 .slick-initialized .slick-slide {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: auto;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px
}

#s03 .slick-prev {
    left: -60px
}

#s03 .slick-next {
    right: -60px
}

#s03 .sertificates {
    position: relative
}

#s03 .sertificates:before {
    content: "";
    position: absolute;
    width: calc(100% + 120px);
    left: -60px;
    height: 36px;
    top: calc(50% - 20px);
    border: 2px dotted #00aeed;
    border-radius: 10px
}

#s04 .h2 {
    text-align: left;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 880px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

#s04 .h2 img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 30px
}

#s04 .h2 span {
    display: block
}

#s04 .masters {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 840px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

#s04 .master {
    width: 263px;
    min-height: 390px;
    border-radius: 5px 5px 5px 5px;
    background-color: #00b7eb;
    max-width: 100%;
    padding: 1px;
    padding-top: 10px;
    font-size: 18px;
    margin-top: 35px
}

#s04 .master, #s04 .master .img {
    position: relative
}

#s04 .master .img:before {
    content: "";
    position: absolute;
    background: url(../img/caplya.png) no-repeat 50% 50%/cover;
    width: 60px;
    height: 60px;
    bottom: -10px;
    left: calc(50% - 30px)
}

#s04 .text {
    margin-top: 15px;
    text-align: center;
    color: #fff
}

#s05 {
    background: url(../img/bg4.jpg) no-repeat 50% 50%/cover;
    color: #fff;
    padding-bottom: 140px
}
.summer #s05{
    padding-bottom: 220px
}

#s05:before {
    content: "";
    position: absolute;
    background: url(/img/autumn/trava.png) no-repeat 50% 50%;
    width: 100%;
    /*height: 237px;*/
    left: 0;
    /*bottom: -120px*/
    height: 500px;
    bottom: -100px;
}
.summer #s05:before{
    background: url(../img/grass_long.png) no-repeat 50% 50%;
    bottom: -130px;
}
.summer.webp #s05:before{
    background: url(/img/summer/grass_long.webp) no-repeat 50% 50%;
}
.winter #s05:before{
    background: url(/img/winter/snow-footer.png) no-repeat 50% 50%; 
    height: 200px;
    bottom: 0;
}
.winter.webp #s05:before{
    background: url(/img/winter/snow-footer.webp) no-repeat 50% 50%; 
}

#s05 .reviews {
    width: 780px;
    max-width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto
}

#s05 .review, #s05 .reviews {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}

#s05 .review {
    margin-top: 35px;
    width: 243px;
    height: 229px;
    border-radius: 6px;
    border: 2px dotted #00b319;
    background-color: #fff;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 20px;
    color: #000;
    text-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#s05 .review span {
    color: red
}

#s05 .review a:hover strong {
    text-decoration: underline
}

#s05 .contact_block {
    width: 780px;
    min-height: 410px;
    border-radius: 5px;
    border: 2px dotted #00b7eb;
    background-color: #0d5189;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-top: 45px;
    padding: 35px;
    position: relative
}

#s05 .enot {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#s05 .enot img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: -2px;
    position: relative;
    top: 10px
}

#s05 .col_left {
    margin-top: 40px;
    font-size: 16px
}

#s05 .list {
    font-weight: 300;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 0
}

#s05 .list li {
    margin-top: 15px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

#s05 .list li .img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    margin-right: 10px
}

#s05 .flexible {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
}

#s05 .map {
    width: 341px;
    height: 247px;
    border-radius: 5px;
    position: relative;
    z-index: 9
}

#s05 .col_map {
    margin-top: 10px;
    position: relative
}

#s05 .col_map:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 100%;
    height: 100%;
    border: 1px dotted #00b7eb;
    border-radius: 5px
}

#s05 #dev {
    width: 780px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #00b7eb;
    font-size: 16px
}

#s05 #dev > * {
    margin-top: 25px
}

#s05 #dev a:hover {
    text-decoration: underline
}

[type=radio] {
    position: absolute;
    left: -9999999px
}

.banner_wrap {
    width: 100%;
    height: 250px;
    box-shadow: 0 0 23px 4px rgba(0, 0, 0, .21);
    background-color: #00b319;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999999999999;
    color: #fff;
    display: none
}
.autemn .banner_wrap {
    background-color: #fd760c;
}
.winter .banner_wrap {
    background-color: #0d5189;
}
.banner_wrap .wrap {
    max-width: 940px;
    padding-top: 0;
    padding-bottom: 0;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}

.banner_wrap .wrap .img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: -5px;
    position: relative;
    top: -120px
}

.banner_wrap .banner_title {
    font-size: 25px;
    margin-top: 20px
}

.banner_wrap .col_center {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.banner_wrap .button_wrapper {
    margin-top: 35px
}

.banner_wrap .button_wrapper .calc {
    position: absolute;
    top: -5px;
    right: -40px;
    z-index: 9
}

.banner_wrap .goToQuiz {
    width: 287px;
    height: 67px;
    box-shadow: 0 0 21px 1px #78ff00;
    background-color: #00b7eb;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    text-transform: uppercase;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

.banner_wrap .goToQuiz strong {
    text-transform: none
}

.banner_wrap .goToQuiz:hover {
    background: #1fcdff
}

.banner_wrap .slideDown {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    margin-top: 75px;
    cursor: pointer;
    transition: .2s ease
}

.banner_wrap .slideDown:hover {
    color: #fff
}

.banner_wrap .slideDown img {
    margin-left: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    top: 2px;
    filter: brightness(0) invert(100%)
}

.banner_wrap .col_right {
    margin-left: 55px
}

.banner_wrap .permanent_close {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    width: 148px;
    height: 69px;
    border-radius: 34px;
    border: 1px solid #fff;
    text-align: center;
    margin-top: 10px
}

.banner_wrap .permanent_close:hover {
    color: #00b319;
    background: #fff
}

#s05 .col_left {
    padding-right: 10px
}

#main {
    position: relative;
    background: #0380b7
}

#main .wrap {
    overflow: hidden;
    padding-bottom: 200px;
    max-width: 1140px
}

#main .header {
    border: 2px solid #fff;
    background-color: #111f3f;
    padding-top: 45px;
    text-align: center;
    top: -120px;
    margin-bottom: -120px
}

#main .header, #main .quiz {
    width: 890px;
    margin-left: auto;
    margin-right: auto;
    color: #fff
}

#main .quiz {
    max-width: 100%
}

#main .header_title {
    font-size: 25px
}

#main .header_title small {
    font-size: 18px
}

#main .progressBar {
    width: 327px;
    height: 29px;
    box-shadow: inset 0 0 7px 1px rgba(17, 31, 63, .56);
    border-radius: 15px;
    border: 1px solid #fff;
    background-color: #fff;
    position: relative;
    margin: 20px auto 25px;
    max-width: 100%;
    overflow: hidden
}

#main .progressBar .bar {
    background: #00b319;
    border-radius: 40px 0 0 40px;
    width: 14%;
    overflow: hidden;
    height: 100%;
    position: relative
}

#main .progressBar .bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-45deg, hsla(0, 0%, 100%, .6) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .6) 0, hsla(0, 0%, 100%, .6) 75%, transparent 0, transparent);
    -webkit-background-size: 20px 20px;
    animation: d 2s linear infinite
}

#main .hr {
    margin: 0;
    width: 584px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #959595;
    opacity: .2
}

#main .question {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 300
}

#main .question .img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    position: relative
}

#main .question .img img {
    position: relative
}

#main .question .img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 54px;
    bottom: -48px;
    left: 0;
    background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
    opacity: .15
}

#main .question .img.five:before, #main .question .img.three:before {
    background: url(../img/three.png) no-repeat 50% 50%;
    width: 56px;
    opacity: 1;
    height: 65px;
    bottom: -45px
}

#main .question .img.six:before {
    width: 56px;
    opacity: 1;
    height: 65px;
    bottom: -45px;
    bottom: -28px;
    left: 6px
}

#main .question .img.four:before {
    bottom: -28px
}

#main .question strong {
    font-size: 25px;
    font-weight: 700;
    display: block;
    margin-top: 15px;
    margin-bottom: 2px
}

#main .change_block {
    margin-top: -65px;
    padding: 65px;
    padding-bottom: 40px;
    background-color: #111f3f;
    border: 2px solid #fff;
    border-top: none;
    border-radius: 0 0 10px 10px;
    display: none;
    transition: .2s ease;
    position: relative
}

#main .change_block.white_block {
    background: #fff
}

#main .change_block.active {
    display: block
}

#main .white_title {
    color: #b1b1b1;
    font-weight: 900;
    font-size: 30px;
    position: relative;
    padding-left: 42px
}

#main .white_title:before {
    content: "";
    position: absolute;
    background: url(../img/closed_lock.png) no-repeat 50% 50%/cover;
    width: 30px;
    height: 40px;
    left: 0;
    top: calc(50% - 20px)
}

#main .openLock .white_title:before {
    background: url(../img/open_lock.png) no-repeat 50% 50%/cover;
    width: 40px;
    height: 41px;
    left: -12px
}

#main .white_hr {
    width: 584px;
    max-width: 100%;
    margin: 45px auto;
    border-bottom: 1px solid #959595;
    opacity: .57
}

#main .questions_block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

#main .col_right {
    width: 258px
}

#main .col_left, #main .col_right {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#main .col_left {
    width: 470px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#main .col_left.presents {
    width: 100%
}

#main .col_left.presents .form_control {
    width: 210px
}

#main .form_control {
    width: 204px;
    max-width: 100%;
    margin-top: 20px;
    position: relative
}

#main .form_control .img {
    height: 140px;
    border-radius: 5px 5px 0 0;
    border: 1px dotted #00bff3;
    padding: 3px;
    border-bottom: none;
    display: block;
    width: 100%;
    padding-bottom: 0;
    text-align: center
}

#main .form_control .img:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    background: #fff;
    border-radius: 5px 5px 0 0;
    width: calc(100% - 6px);
    height: calc(100% - 3px)
}

#main .form_control .img img {
    vertical-align: bottom;
    position: relative;
    z-index: 1
}

#main .column {
    -ms-flex-item-align: start;
    align-self: flex-start
}

#main .column .img {
    margin-top: 20px;
    border-radius: 5px;
    border: 1px dotted #00bff3;
    padding: 3px
}

#main .column .img img {
    vertical-align: bottom
}

#main .column input {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 208px;
    height: 44px;
    border: 1px dotted #00bff3;
    opacity: .33;
    color: #7c7c7c;
    font-family: Helvetica;
    font-size: 16px;
    padding-left: 15px
}

#main .column input.filled, #main .column input:active, #main .column input:focus {
    border: 1px dotted #00bff3;
    background-color: #fff;
    opacity: 1
}

#main .label {
    color: #00bff3;
    font-family: Helvetica;
    font-size: 16px
}

#main .mt-05 {
    margin-top: -5px
}

#main .zoom {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

#main .zoom:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/zoom.png) no-repeat 50% 50%/cover;
    width: 36px;
    height: 36px;
    z-index: 1
}

#main .footer {
    border-radius: 0 0 5px 5px;
    background-color: #00bff3;
    padding: 15px 20px;
    padding-top: 5px;
    margin-top: -4px
}

#main .footer table {
    color: #111f3f;
    font-family: Helvetica;
    font-size: 13px;
    font-weight: 300;
    width: 100%
}

#main .footer table td {
    position: relative
}

#main .footer table td:first-of-type {
    opacity: .6
}

#main .footer table td:nth-of-type(2) {
    padding-left: 40px
}

#main .footer table .malo:before, #main .footer table .mnogo:before {
    content: "";
    position: absolute;
    left: 25px;
    top: 3px;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    background-image: radial-gradient(circle 5px at center, #4bf616 0, #07912e 100%)
}

#main .footer table .malo:before {
    background-image: radial-gradient(circle 5px at center, #ff68af 0, #e10019 100%)
}

#main .answer_block {
    cursor: pointer;
    border-radius: 0 0 5px 5px;
    background-color: #00bff3;
    height: 62px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 40px;
    padding-right: 5px;
    font-size: 16px;
    font-weight: 700
}

#main .answer_block.noImg {
    border-radius: 5px;
    min-height: 85px
}

#main .answer_block label {
    display: block;
    text-align: left;
    position: relative;
    cursor: pointer
}

#main .answer_block label:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #fff;
    left: -25px;
    top: calc(50% - 9px)
}

#main .answer_block [type=radio] + label:before {
    border-radius: 50%
}

#main [type=checkbox], #main [type=radio] {
    position: absolute;
    left: -999999px
}

#main [type=checkbox]:checked + label:before {
    background: #fff
}

#main [type=radio]:checked + label:before {
    box-shadow: inset 1px 2px 5px rgba(0, 0, 0, .3);
    border: 1px solid #fff;
    background-color: #fff
}

#main [type=radio]:checked + label:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    box-shadow: inset 0 0 2px 2px rgba(0, 191, 243, .52);
    background-color: #00bff3;
    border-radius: 50%;
    top: calc(50% - 5px);
    left: -21px
}

#main [type=checkbox]:checked + label:after {
    width: 11px;
    height: 10px;
    content: "";
    position: absolute;
    left: -21px;
    top: calc(50% - 5px);
    border-radius: 2px;
    background: url(../img/check.png) no-repeat 50% 50%/cover
}

#main .present_block {
    margin-top: 20px;
    position: relative
}

#main .present_block p {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 20px;
    left: 0;
    font-family: Helvetica;
    font-size: 16px
}

#main .present_block p strong {
    color: #111f3f;
    font-weight: 900
}

#main .textarea_block {
    height: auto;
    -ms-flex-item-align: self-start;
    align-self: self-start
}

#main .textarea_block textarea {
    font-size: 16px;
    color: #fff;
    width: 100%;
    height: 62px;
    padding-top: 10px;
    min-height: 62px;
    box-shadow: inset 1px 1px 8px 1px transparent;
    border-radius: 5px;
    background-color: hsla(0, 0%, 100%, .4);
    padding-left: 47px;
    margin: 0
}

#main .textarea_block textarea.filled, #main .textarea_block textarea:active, #main .textarea_block textarea:focus {
    background: #fff;
    color: #000
}

#main .fake_checkbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 43px;
    height: calc(100% - 1px);
    border-radius: 5px 0 0 5px;
    background-color: #00bff3
}

#main .fake_checkbox:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #fff;
    top: calc(50% - 9px);
    left: calc(50% - 9px)
}

#main .fake_checkbox.checked:before {
    background: #fff
}

#main .fake_checkbox.checked:after {
    width: 11px;
    height: 10px;
    content: "";
    position: absolute;
    left: calc(50% - 5px);
    top: calc(50% - 5px);
    border-radius: 2px;
    background: url(../img/check.png) no-repeat 50% 50%/cover
}

#main .fake_radio {
    position: absolute;
    left: 0;
    top: 0;
    width: 43px;
    height: calc(100% - 1px);
    border-radius: 5px 0 0 5px;
    background-color: #00bff3
}

#main .fake_radio:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #fff;
    top: calc(50% - 9px);
    left: calc(50% - 9px);
    border-radius: 50%
}

#main .fake_radio.checked:before {
    box-shadow: inset 1px 2px 5px rgba(0, 0, 0, .3);
    border: 1px solid #fff;
    background-color: #fff
}

#main .fake_radio.checked:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    box-shadow: inset 0 0 2px 2px rgba(0, 191, 243, .52);
    background-color: #00bff3;
    border-radius: 50%;
    top: calc(50% - 5px);
    left: calc(50% - 5px)
}

#main .buttons {
    padding-right: 70px;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#main .buttons, #main .buttons .goBack, #main .buttons .goNext, #main .buttons .goToMain {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#main .buttons .goBack, #main .buttons .goNext, #main .buttons .goToMain {
    margin-top: 55px;
    color: #fee410;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 27px;
    border: 1px solid #fed21e;
    width: 134px;
    height: 53px;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 30px
}

#main .buttons .goBack img, #main .buttons .goNext img, #main .buttons .goToMain img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px
}

#main .buttons .goBack.active:not([disabled=disabled]), #main .buttons .goBack:hover:not([disabled=disabled]), #main .buttons .goNext.active:not([disabled=disabled]), #main .buttons .goNext:hover:not([disabled=disabled]), #main .buttons .goToMain.active:not([disabled=disabled]), #main .buttons .goToMain:hover:not([disabled=disabled]) {
    box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
    border-radius: 27px;
    border: 1px solid #fed21e;
    background-color: #ffe90b;
    color: #000
}

#main .buttons .goBack.active:not([disabled=disabled]) img, #main .buttons .goBack:hover:not([disabled=disabled]) img, #main .buttons .goNext.active:not([disabled=disabled]) img, #main .buttons .goNext:hover:not([disabled=disabled]) img, #main .buttons .goToMain.active:not([disabled=disabled]) img, #main .buttons .goToMain:hover:not([disabled=disabled]) img {
    filter: brightness(0)
}

#main .buttons .goBack:active:not([disabled=disabled]), #main .buttons .goNext:active:not([disabled=disabled]), #main .buttons .goToMain:active:not([disabled=disabled]) {
    box-shadow: inset 1px 4px 5px rgba(198, 131, 25, .91);
    border-radius: 27px;
    background-color: #fff200;
    background-image: linear-gradient(0deg, #fff600, #fdc42a);
    color: #000
}

#main .buttons .goBack:active:not([disabled=disabled]) img, #main .buttons .goNext:active:not([disabled=disabled]) img, #main .buttons .goToMain:active:not([disabled=disabled]) img {
    filter: brightness(0)
}

#main .buttons .goNext {
    width: 241px;
    height: 53px
}

#main .buttons .goNext:not([disabled=disabled]) {
    box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
    border-radius: 27px;
    border: 1px solid #fed21e;
    background-color: #ffe90b;
    color: #000
}

#main .buttons .goNext:not([disabled=disabled]) img {
    filter: brightness(0)
}

#main .dev {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: .18;
    color: #fff;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 300;
    margin-top: 70px
}

#main .dev a {
    -ms-flex-positive: 1;
    flex-grow: 1
}

#main .change_block.active {
    transition: .2s linear !important
}

#main .change_block.nextInQueue {
    display: block;
    opacity: .67;
    border-radius: 10px;
    border-top: 2px solid;
    padding-top: 40px;
    top: calc(100% + 80px);
    position: absolute;
    width: 890px;
    left: calc(50% - 445px);
    transition: .2s linear
}

#main .inform_block {
    position: absolute;
    width: 191px;
    height: 105px;
    box-shadow: 0 0 21px 6px rgba(8, 90, 144, .34);
    border: 1px dotted #68b9e6;
    background-color: #fff;
    right: -120px;
    z-index: 99;
    top: 60px;
    padding: 10px;
    color: #010101;
    font-family: Helvetica;
    font-size: 12px;
    border-radius: 5px;
    display: none
}

#main .inform_block p {
    margin-bottom: 10px
}

#main .inform_block p:last-child {
    margin-bottom: 0
}

#main .inform_block .scroll {
    height: 100%
}

#main .inform_block:before {
    content: "";
    position: absolute;
    left: 30px;
    top: -30px;
    border: 15px solid transparent;
    border-bottom: 15px solid #fff
}

#main .info_icon {
    cursor: pointer;
    position: absolute;
    width: 31px;
    height: 31px;
    border: 1px solid #f7941d;
    background-color: #f7941d;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 900;
    top: 8px;
    right: 8px;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#main .info_parent:hover .inform_block {
    display: block
}

#main .info_parent {
    position: relative;
    z-index: 9
}

#main .slick-prev {
    left: -12px
}

#main .slick-next {
    right: -12px
}

#main .slick-next, #main .slick-prev {
    position: absolute;
    width: 26px;
    z-index: 1;
    border-radius: 50%;
    height: 26px;
    background-color: #fed21e;
    background-image: linear-gradient(0deg, #fff600, #fdc42a)
}

#main .slick-next:before, #main .slick-prev:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/prev.png) no-repeat 50% 50%
}

#main .slick-next:before {
    transform: rotate(180deg)
}

#main .presentBlock .img {
    padding: 0;
    border: none;
    height: 125px;
    position: relative
}

#main .presentBlock .img:after {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0
}

#main .present_header {
    z-index: 9;
    color: #111f3f;
    font-weight: 900;
    font-size: 22px;
    text-align: center;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    height: 40px;
    border-radius: 5px 5px 0 0;
    background-color: #ff0
}

#main .present_header:before {
    content: "";
    position: absolute;
    right: -40px;
    top: -40px;
    /*background: url(../img/bant.png) no-repeat 50% 50%/cover;*/
    width: 107px;
    height: 106px
}

#main .present_name {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    color: #111f3f;
    padding: 10px;
    min-height: 67px;
    border-radius: 0 0 5px 5px;
    background-color: #ff0;
    position: relative;
    z-index: 9
}

#main .one_step, #main .present_name {
    font-weight: 700;
    font-size: 16px;
    text-align: center
}

#main .one_step {
    margin-top: 12px;
    font-family: Helvetica
}

#main .one_step strong {
    display: block;
    color: #00bff3;
    font-weight: 400
}

#main .slider {
    opacity: 0
}

#main .slider.slick-initialized {
    opacity: 1
}

#main .weAreStarted {
    color: #0cf;
    font-weight: 900;
    font-size: 25px;
    text-align: center
}

#main .startedFlex {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}

#main .startedFlex .started_col:first-child {
    padding-left: 140px
}

#main .startedFlex .started_col:last-child {
    margin-left: 40px;
    margin-top: 50px
}

#main .startedFlex .one_step {
    margin-left: -15px
}

#main .started_title {
    margin-top: 60px;
    font-size: 25px;
    line-height: 1.4
}

#main .radio_list {
    margin: 0;
    margin-top: 10px;
    position: relative
}

#main .radio_list li {
    margin-top: 15px;
    font-family: Helvetica;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    display: block
}

#main .radio_list li label {
    padding-left: 27px
}

#main .radio_list li label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    top: calc(50% - 10px);
    border: 1px solid #0cf
}

#main .radio_list li [type=radio]:checked + label:before {
    box-shadow: inset 1px 2px 5px rgba(0, 0, 0, .3);
    border: 1px solid #00bff3;
    background-color: transparent
}

#main .radio_list [type=radio]:checked + label:after {
    left: 4px;
    top: calc(50% - 6px)
}

#main .getResultBtn {
    color: #000;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    width: 273px;
    max-width: 100%;
    height: 66px;
    border-radius: 33px;
    background-color: #fff200;
    background-image: linear-gradient(0deg, #fff600, #fdc42a);
    margin-top: 25px;
    margin-left: 20px;
    border-radius: 40px !important;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fee410;
    border: 1px solid #fed21e;
    background: #111f3f;
    position: relative;
    z-index: 9
}

#main .getResultBtn:before {
    content: "";
    position: absolute;
    width: 224px;
    height: 19px;
    background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
    opacity: .15;
    bottom: -17px;
    left: calc(50% - 112px)
}

#main .getResultBtn.active:not([disabled=disabled]), #main .getResultBtn:hover:not([disabled=disabled]) {
    box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
    border: 1px solid #fed21e;
    background-color: #ffee3e;
    color: #000
}

#main .getResultBtn:active:not([disabled=disabled]) {
    box-shadow: inset 1px 4px 5px rgba(198, 131, 25, .91);
    border-radius: 27px;
    background-color: #fff200;
    background-image: linear-gradient(0deg, #fff600, #fdc42a);
    color: #000
}

#main .getResultBtn:not([disabled=disabled]) {
    box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
    border: 1px solid #fed21e;
    background-color: #ffe90b;
    color: #000
}

#main .getResultBtn:not([disabled=disabled]) img {
    filter: brightness(0)
}

#main [type=tel] {
    width: 272px;
    max-width: 100%;
    height: 66px;
    border-radius: 33px;
    border: 2px dotted #f8ad3d;
    background-color: #fff;
    margin-top: 25px;
    text-align: center;
    font-family: Helvetica;
    font-size: 18px;
    color: #000;
    font-weight: 700;
    z-index: 9
}

#main .phoneImg, #main [type=tel] {
    position: relative
}

#main .phoneImg:before {
    content: "";
    position: absolute;
    left: -180px;
    top: -270px;
    background: url(../img/phone.png) no-repeat 50% 50%/cover;
    width: 361px;
    height: 527px
}

#main .radio_list li label {
    cursor: pointer;
    display: block
}

#main .spinner_block {
    text-align: center;
    position: relative;
    margin-top: 35px
}

#main .spinner_block .blue {
    z-index: 9;
    width: 80px;
    height: 80px;
    background-color: #0b5cb1;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

#main .spinner_block .blue:before {
    content: "";
    position: absolute;
    border: 2px dotted #f69d3d;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    top: -6px;
    left: -6px;
    border-radius: 50%
}

#main .primernaya {
    font-size: 16px;
    margin-top: 25px;
    font-weight: 300
}

#main .primernaya strong {
    font-weight: 700
}

#main .master_information, #main .master_information .master_image {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}

#main .master_information .master_image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 202px;
    height: 228px;
    border-radius: 5px;
    border: 1px dotted #00bff3;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#main .master_information .master_image:before {
    content: "";
    position: absolute;
    left: -6px;
    top: -6px;
    border-radius: 5px;
    border: 1px dotted #00bff3;
    width: calc(100% + 10px);
    height: calc(100% + 10px)
}

#main .master_left {
    margin-right: 35px
}

#main .perfect {
    color: #00bff3;
    font-size: 20px
}

#main .master_bold {
    margin-top: 20px;
    margin-bottom: -5px;
    color: #000;
    font-weight: 900;
    font-size: 20px
}

#main .master_name {
    margin-top: 15px;
    color: #000;
    font-family: Helvetica;
    font-weight: 700;
    font-size: 20px
}

#main .master_list, #main .master_status {
    color: #000;
    font-family: Helvetica;
    font-size: 16px
}

#main .master_list {
    margin: 0
}

#main .master_list li {
    margin-top: 18px
}

#main .for_calc {
    text-align: center;
    margin-top: 50px;
    color: #000;
    font-size: 20px
}

#main .check_data {
    margin-top: 15px;
    text-align: center;
    color: #000;
    font-family: Helvetica;
    font-size: 16px;
    position: relative
}

#main .check_data span {
    position: relative
}

#main .check_data span:before {
    content: "";
    position: absolute;
    right: -30px;
    top: 10px;
    background: url(../img/arrow_down.png) no-repeat 50% 50%/cover;
    width: 30px;
    height: 85px
}

#main .white_block .dev {
    color: #000
}

#main .bottom_phone {
    margin: 25px auto 0;
    text-align: center;
    font-size: 18px
}

#main .bottom_phone, #main .timeToCall {
    width: 364px;
    height: 44px;
    border-radius: 5px;
    border: 1px dotted #00bff3;
    background-color: #fff;
    display: block
}

#main .timeToCall {
    margin: 10px auto 0;
    max-width: 100%
}

#main .submit {
    color: #000;
    font-family: Helvetica;
    font-size: 18px;
    text-transform: uppercase;
    width: 363px;
    height: 53px;
    border-radius: 27px;
    border: none;
    margin: 20px auto 0;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff200;
    background-image: linear-gradient(0deg, #fff600, #fdc42a)
}

#main .submit:hover {
    background-image: linear-gradient(0deg, #fff833, #fdd25d)
}

#main .insta_block {
    margin-top: 65px;
    width: 364px;
    border-radius: 5px;
    border: 1px dotted #b7b7b7;
    background-color: #fff;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    padding: 20px 10px
}

#main .insta_block p {
    margin-top: 10px;
    color: #000;
    font-family: Helvetica;
    font-size: 18px
}

#main .goToMain {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fee410;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
    width: 363px;
    height: 53px;
    border-radius: 27px;
    border: 1px solid #fed21e;
    margin-left: auto;
    margin-right: auto
}

#main .goToMain:hover {
    background-image: linear-gradient(0deg, #fff600, #fdc42a);
    color: #000
}

#main .timeToCall {
    text-align: center;
    color: #000
}

#main .price_blocks {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#main .price_blocks .price_block {
    width: 355px;
    max-width: 100%;
    position: relative;
    border: 2px dotted #00bff3;
    border-radius: 5px;
    margin-top: 50px
}

#main .price_header {
    width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    font-weight: 700;
    background-color: #00bff3;
    border-radius: 5px 5px 0 0;
    font-size: 22px;
    height: 79px
}

#main .price_body {
    position: relative;
    padding: 20px 15px 15px
}

#main .price_body_title {
    color: #525252
}

#main .price_blue_title, #main .price_body_title {
    text-align: center;
    font-family: Helvetica;
    font-size: 16px
}

#main .price_blue_title {
    margin-top: 10px;
    color: #03bef5
}

#main .price_list {
    margin-top: 15px;
    margin-bottom: 20px
}

#main .price_list > li {
    position: relative;
    padding-left: 15px;
    color: #525252;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 300;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 2px dotted rgba(0, 0, 0, .2)
}

#main .price_list > li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

#main .price_list > li.parent_li {
    color: #000;
    display: block
}

#main .price_list > li span:first-child {
    width: 175px
}

#main .price_list > li span:last-child {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

#main .price_list > li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../img/mini_check.png) no-repeat 50% 50%/cover;
    width: 11px;
    height: 10px
}

#main .price_list ol {
    margin: 0;
    padding-left: 0;
    padding-top: 5px;
    border-top: 2px dotted rgba(0, 0, 0, .2)
}

#main .price_list ol li {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    color: #525252;
    font-family: Helvetica;
    font-size: 13px;
    font-weight: 300;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 2px dotted rgba(0, 0, 0, .2)
}

#main .price_list ol li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

#main .price_list ol li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 7px;
    height: 7px;
    background-color: #00bff3;
    border-radius: 50%
}

#main .price_list ol li span:first-child {
    width: 160px
}

#main .price_list ol li span:last-child {
    color: #000;
    font-family: Helvetica
}

@keyframes c {
    0% {
        stroke-dashoffset: 0
    }
}

.progress_round {
    padding: 0;
    margin-top: -73px;
    top: -17px
}

.progress_round, .progress_round .bar_round {
    position: relative;
    display: inline-block;
    text-align: center
}

.progress_round .bar_round {
    color: #93a2ac;
    font-weight: 100;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px
}

.steps {
    font-size: 16px;
    color: #000;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    position: absolute;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9
}

.bar_round {
    width: 14%;
    transition: 1s ease;
    overflow: hidden;
    max-width: 100%
}

.bar_round, .percentage {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.percentage {
    width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-family: Helvetica
}

.progress_round svg {
    width: 100%;
    height: 100%
}

.progress_round svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-90deg)
}

.progress_round.animate {
    z-index: 99
}

.progress_round.animate svg:nth-child(2) path {
    fill: none;
    stroke-width: 25;
    stroke-dasharray: 629;
    stroke: #111f3f;
    opacity: .9;
    animation: c 6s;
    z-index: 10
}

.percentage:before {
    opacity: 0;
    content: "";
    position: absolute;
    transition: .2s ease
}

.percentage.showArrow {
    position: relative
}

.percentage.showArrow:before {
    background: url(../img/count_arrow.png) no-repeat 50% 50%/cover;
    width: 58px;
    height: 56px;
    right: 0;
    top: 0;
    right: -90px;
    top: -10px;
    opacity: 1;
    transition: .2s ease
}

@keyframes d {
    0% {
        background-position: 20px 0
    }
    to {
        background-position: 0 0
    }
}

[disabled=disabled] {
    cursor: not-allowed
}

#main .inform_block .scroll {
    text-align: left
}

#main .zoom:before {
    z-index: 99
}

#main .inform_block .scroll {
    height: 85px
}

#main .textarea_block textarea {
    vertical-align: bottom
}

.slick-slide, button {
    outline: none !important
}

#main [type=text]::-webkit-input-placeholder, #main textarea::-webkit-input-placeholder {
    color: #fff
}

#main [type=text]::-moz-placeholder, #main textarea::-moz-placeholder {
    color: #fff
}

#main [type=text]::-ms-input-placeholder, #main textarea::-ms-input-placeholder {
    color: #fff
}

#main [type=text]::placeholder, #main textarea::placeholder {
    color: #fff
}

#main .timeToCall::-webkit-input-placeholder, #main [type=tel]::-webkit-input-placeholder {
    color: #000;
    text-align: center
}

#main .timeToCall::-moz-placeholder, #main [type=tel]::-moz-placeholder {
    color: #000;
    text-align: center
}

#main .timeToCall::-ms-input-placeholder, #main [type=tel]::-ms-input-placeholder {
    color: #000;
    text-align: center
}

#main .timeToCall::placeholder, #main [type=tel]::placeholder {
    color: #000;
    text-align: center
}

#main .change_block.nextInQueue {
    margin-top: 5px
}

#main .change_block.white_block:not(.nextInQueue), #main .change_block:not(.nextInQueue) {
    top: 0 !important
}

#main .change_block.white_block:not(.nextInQueue) {
    border-radius: 10px
}

#main .wrap {
    z-index: 99
}

#main .header, #main .quiz {
    z-index: 9
}

#main iframe {
    width: 100%;
    height: 100%;
    opacity: 1
}

.player, .player .screen {
    opacity: 1
}

.change_block:first-child .goBack {
    display: none !important
}

#main .form_control .img img {
    height: 100%
}

.loopa {
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    z-index: 99
}

.bg_video, .loopa {
    position: absolute
}

.bg_video {
    left: 0;
    bottom: 0;
    height: 100%;
    width: 2685px;
    left: -60%
}

.bg_video_2 {
    left: 30%
}

#main .answer_block label {
    line-height: 1.2
}

#main .primernaya {
    opacity: 0
}

.white_block {
    animation: e 2s ease infinite
}

.progress_round {
    opacity: 0;
    transition: .2s ease
}

#main .check_data span {
    display: inline-block
}

#current_step {
    margin-right: 5px
}

#main .question .img:before {
    bottom: -46px
}

.nicescroll-rails-vr {
    opacity: 1 !important
}

.for_calc strong {
    font-weight: 700
}

#main .bottom_phone, #main .timeToCall {
    color: rgba(0, 0, 0, .7)
}

.popup-bg {
    z-index: 100000000000000000000
}

#main, .cutter {
    max-width: 1920px;
    margin: 0 auto;
    width: 100%
}

.cutter {
    overflow: hidden
}

.abolute_text {
    position: absolute;
    z-index: 99;
    bottom: 0;
    font-size: 14px;
    left: 5px;
    background: hsla(0, 0%, 100%, .2);
    padding: 5px
}

.timeToCall::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .7)
}

.timeToCall::-moz-placeholder {
    color: rgba(0, 0, 0, .7)
}

.timeToCall::-ms-input-placeholder {
    color: rgba(0, 0, 0, .7)
}

.timeToCall::placeholder {
    color: rgba(0, 0, 0, .7)
}

.bottom_phone::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .7)
}

.bottom_phone::-moz-placeholder {
    color: rgba(0, 0, 0, .7)
}

.bottom_phone::-ms-input-placeholder {
    color: rgba(0, 0, 0, .7)
}

.bottom_phone::placeholder {
    color: rgba(0, 0, 0, .7)
}

#main .startedFlex .started_col:first-child {
    position: relative;
    z-index: 9
}

.error {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    top: -30px;
    left: calc(50% - 132px);
    white-space: nowrap;
    display: none
}

.buttons.phoneImg .error {
    top: -5px
}

#main .buttons.phoneImg {
    margin-top: 15px
}

#main .change_block.white_block:not(.nextInQueue) {
    margin-top: -250px
}

.goNext {
    position: relative
}

@keyframes e {
    0%, to {
        top: calc(100% + 80px)
    }
    50% {
        top: calc(100% - 5px)
    }
}

#main .header {
    top: 0
}

#main .change_block {
    margin-top: 0
}

#main .header {
    margin-top: 0;
    margin-bottom: 0
}

#main {
    padding-top: 125px;
    background: url(../img/quizBG.jpg) no-repeat 50% 50%/cover
}

#main .wrap {
    padding-top: 0
}

#main .change_block, #main .header, #main .quiz {
    background: #fff;
    color: #000
}

#main .header, #main .quiz {
    border: 2px dotted #00aeef
}

#main .header {
    border-bottom: none;
    border-radius: 10px 10px 0 0
}

#main .quiz {
    border-top: none;
    border-radius: 0 0 10px 10px
}

#main .header, #main .quiz {
    position: relative
}

#main .header:before, #main .quiz:before {
    content: "";
    position: absolute;
    border-radius: 10px;
    border: 2px dotted #fff;
    left: -15px;
    top: -15px;
    width: 100%;
    height: 100%
}

#main .header:before {
    border-radius: 10px 10px 0 0;
    border-bottom: none;
    height: calc(100% + 15px)
}

#main .quiz:before {
    top: -30px;
    height: calc(100% + 15px)
}

#main .change_block {
    padding-top: 0
}

#main .header {
    padding-bottom: 45px
}

#main .question strong {
    margin-top: 0
}

#main .header:after {
    content: "";
    position: absolute;
    top: -60px;
    left: -60px;
    /**/
    background: url(../img/leaf-autumn.png) no-repeat 50% 50%/cover;
    width: 154px;
    height: 121px;
    z-index: 99
}
.summer #main .header:after{
    background: url(../img/quizLeaf.png) no-repeat 50% 50%/cover;
}
.summer.webp #main .header:after{
    background: url(../img/quizLeaf.webp) no-repeat 50% 50%/cover;
}
.winter #main .header:after{
    display: none;
    top: -100px;
    left: -110px;
    background: url(../../img/winter/snowflake-130.png) center no-repeat;
    background-size: contain;
    width: 130px;
    height: 130px;
}

#main .col_right {
    width: 240px
}

#main .present_block p {
    color: #fff
}

#main .present_block p strong {
    color: #0054a6
}

#main .question .img:before {
    background-image: linear-gradient(180deg, #00b9ec, rgba(0, 185, 236, 0))
}

#main .col_center {
    width: 239px;
    height: 357px;
    border-radius: 5px;
    margin-right: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 20px;
    overflow: hidden
}

#main .col_center.switch_image {
    background-color: #0054a6;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center
}

#main .col_center.switch_image p {
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

#main .col_left {
    width: 260px;
    margin-right: 25px;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin-top: 5px
}

#main .form_control.inline_control {
    width: 100%
}

#main .form_control.inline_control.dib_control {
    width: auto;
    display: inline-block
}

#main .form_control.inline_control.dib_control .info_icon {
    right: -10px
}

#main .form_control.inline_control .info_icon {
    right: 0;
    top: -8px
}

#main .form_control.inline_control .info_parent ~ .answer_block {
    padding-right: 35px
}

#main .form_control.inline_control .inform_block {
    top: 40px;
    right: -130px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .15)
}

#main .form_control.inline_control .info_parent:hover {
    z-index: 999999
}

#main .form_control.inline_control .answer_block {
    background: #fff;
    text-shadow: none;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    min-height: 1px;
    padding-left: 25px
}

#main .form_control.inline_control .answer_block label:before {
    border-color: #00b319;
    top: calc(50% - 10px)
}

#main .form_control.inline_control [type=radio]:checked + label:after {
    background: #00b319;
    top: calc(50% - 6px)
}

#main .buttons .goBack, #main .buttons .goNext, #main .getResultBtn, #main .goToMain, #main .submit {
    color: #00b319;
    transition: .2s ease;
    border-color: #00b319 !important
}

#main .buttons .goNext:not([disabled=disabled]), #main .getResultBtn:not([disabled=disabled]) {
    background: #00b319;
    color: #fff
}

#main .buttons .goBack:hover, #main .buttons .goNext:not([disabled=disabled]):hover, #main .getResultBtn:not([disabled=disabled]):hover, #main .goToMain:hover, #main .submit {
    background: #00cd1d !important;
    border-color: #00cd1d !important;
    color: #fff !important
}

#main .label {
    color: #000
}

#main .column input {
    width: 156px;
    height: 34px;
    min-height: 34px;
    border-radius: 5px;
    border: 1px dotted #00b9ec;
    background-color: #fff;
    color: #000;
    margin-top: 7px;
    margin-bottom: 12px
}

#main .mt15 {
    margin-top: 15px
}

#main .dev {
    color: #000
}

#main .getResultBtn:before, #main .goNext:before {
    top: 3px;
    left: 3px;
    content: "";
    position: absolute;
    border-radius: 50px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #fff;
    opacity: .25
}

#main .buttons .goBack:active:not([disabled=disabled]), #main .buttons .goNext:active:not([disabled=disabled]), #main .getResultBtn:active:not([disabled=disabled]) {
    box-shadow: inset 1px 4px 5px #00b319;
    border-radius: 27px;
    background-color: #00b319;
    background-image: linear-gradient(0deg, #00b319, #00b319);
    color: #fff
}

#main .getResultBtn {
    background: #fff
}

#main .shadow_img {
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, .33);
    border-radius: 5px;
    position: relative
}

#main .shadow_img .image_container {
    background: #fff;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 10px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px;
    text-align: center;
    height: 100%;
    width: 100%;
    border-radius: 0 0 5px 5px
}

#main .shadow_img .image_container.lider:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    background: url(../img/lider.png) no-repeat 50% 50%/cover;
    width: 93px;
    z-index: 9;
    height: 37px
}

#main .shadow_img .image_container.visokie_vodi:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 10px;
    background: url(../img/visokii.png) no-repeat 50% 50%/cover;
    width: 140px;
    height: 52px
}

#main .shadow_img .image_container.sezon .product_satus_helper:before {
    content: "";
    position: absolute;
    background: url(../img/sezon.png) no-repeat 50% 50%/cover;
    width: 164px;
    height: 71px;
    right: -9px;
    top: 0
}

#main .shadow_img .image_header {
    min-height: 90px;
    border-radius: 5px 5px 0 0;
    background-color: #ebebeb;
    text-align: center;
    padding: 10px;
    width: 100%;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #000
}

#main .shadow_img .image_header .res {
    color: #00b319;
    font-size: 11px;
    margin-top: 0;
    font-weight: 700
}

#main .shadow_img .image_header .podhodit {
    color: #000;
    margin-top: 5px;
    font-size: 13px
}

#main .shadow_img .image_header .podhodit span {
    text-decoration: underline
}

#main .shadow_img .image_header .continue {
    margin-top: 8px;
    color: #0f5f9e;
    font-size: 11px;
    font-weight: 700
}

#main .question {
    -ms-flex-align: center;
    align-items: center
}

#main .submit {
    position: relative;
    overflow: hidden
}

#main .present_header, #main .present_name {
    background: #fd760c
}

#main .col_left.presents .presentBlock .img {
    border-left: 1px solid #fd760c;
    border-right: 1px solid #fd760c
}

#main .present_header {
    margin-bottom: -3px
}

#main .answer_block {
    text-shadow: 0 0 2px rgba(17, 31, 63, .64);
    color: #fff
}

#main .footer {
    position: relative
}

#main .answer_block {
    height: 86px;
    position: relative
}

#main .one_step strong {
    font-weight: 900
}

.present_desc {
    margin-top: 5px;
    color: #dedddd;
    font-family: Helvetica;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    position: relative;
    z-index: 9
}

#main .phoneImg:before {
    background: url(../img/mobile.png?v=1) no-repeat 50% 50%/cover
}

#main .question .img.six:before {
    background: url(../img/three.png) no-repeat 50% 50%;
    width: 52px;
    height: 69px
}

.percentage {
    color: #fff
}

.progress_round.animate svg:nth-child(2) path {
    stroke: #fff
}

.change_block:after {
    content: "";
    position: absolute;
    background: url(../img/quiz_grass.png) no-repeat 50% 50%/cover;   
    width: 280px;
    height: 102px;
    bottom: -4px;
    left: calc(50% - 140px)
}
.autumn .change_block:after{
    background: url(/img/autumn/leafs-autumn-2-360.png) center no-repeat;
    background-size: contain;
    width: 300px;
    height: 130px;
    left: calc(50% - 100px);
}
.winter .change_block:after{
    display: none;
}

#main .weAreStarted small {
    display: block
}

#main .change_block {
    padding-left: 45px;
    padding-right: 45px
}

#main .presentBlock .img {
    border-left: 1px solid #fd760c;
    border-right: 1px solid #fd760c
}

#main .present_header, #main .present_name {
    color: #fff
}

.quiz_line {
    margin: 15px auto;
    width: 38px;
    height: 2px;
    background: #1361ad
}

#main .zakrep {
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 400
}

#main .started_title {
    margin-top: 40px;
    font-weight: 700
}

#main [type=tel] {
    border-color: #00b9ec
}

#main .dev {
    font-size: 14px
}

#main .white_title {
    padding-left: 0;
    text-align: center;
    font-size: 25px
}

#main .white_title span {
    color: #00b9ec;
    font-weight: 700;
    display: block
}

#main .change_block.white_block:not(.nextInQueue) {
    padding-top: 45px
}

#quiz.lastStep {
    border-radius: 10px
}

#main .change_block.white_block:not(.nextInQueue) {
    margin-top: 0
}

.product_card {
    width: 239px;
    height: 445px;
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, .33);
    border-radius: 5px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px
}

.product_title {
    width: 100%;
    min-height: 45px;
    border-radius: 5px 5px 0 0;
    background-color: #ebebeb;
    padding: 10px 5px
}

.product_image, .product_title {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product_image {
    height: 270px;
    position: relative
}

.product_image img {
    max-height: 100%
}

.product_image:after, .product_image:before {
    content: "";
    position: absolute
}

.product_image.visokie_vodi:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 10px;
    background: url(../img/visokii.png) no-repeat 50% 50%/cover;
    width: 140px;
    height: 52px
}

.product_image.lider:before {
    background: url(../img/lider.png) no-repeat 50% 50%/cover;
    width: 93px;
    height: 37px;
    left: 0;
    bottom: 10px
}

.product_image.grunt:after {
    background: url(../img/grunt.png) no-repeat 50% 50%/cover;
    width: 140px;
    height: 52px;
    bottom: 5px;
    right: 0
}

.product_image .product_satus_helper {
    position: absolute;
    width: 100%;
    height: 100%
}

.product_image.sezon .product_satus_helper:before {
    content: "";
    position: absolute;
    background: url(../img/sezon.png) no-repeat 50% 50%/cover;
    width: 164px;
    height: 71px;
    right: -9px;
    top: 0
}

.product_footer {
    color: #000;
    font-size: 11px;
    font-weight: 300;
    padding: 5px 20px 5px 15px;
    background-color: #ebebeb
}

.product_show_more {
    display: block;
    color: #00b319;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px;
    padding-bottom: 15px;
    text-align: center
}

.product_show_more span {
    text-decoration: underline
}

.product_show_more:hover span {
    text-decoration: none
}

.catalog_slider, .catalog_slider_2 {
    width: calc(100% + 100px);
    margin-left: -50px;
    margin-top: -30px
}

.catalog_slider .slick-list, .catalog_slider_2 .slick-list {
    padding-left: 50px;
    padding-right: 50px
}

.catalog_slider .slick-slide, .catalog_slider_2 .slick-slide {
    opacity: 0;
    transition: .2s ease
}

.catalog_slider .slick-slide.slick-active, .catalog_slider_2 .slick-slide.slick-active {
    opacity: 1
}

.catalog_slider .slick-slide, .catalog_slider_2 .slick-slide {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: -60px
}

.catalog_slider .slick-track, .catalog_slider_2 .slick-track {
    padding-top: 30px;
    padding-bottom: 30px
}

.go_next_slide, .go_next_slide_2, .go_prev_slide, .go_prev_slide_2 {
    position: absolute;
    right: -85px;
    top: 640px;
    transform: rotate(-90deg);
    color: #02c61d;
    font-size: 25px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    font-weight: 400;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid transparent;
    width: 220px;
    transition: .2s ease
}

.go_next_slide:hover, .go_next_slide_2:hover, .go_prev_slide:hover, .go_prev_slide_2:hover {
    border: 1px solid #00b319
}

.go_next_slide_2 img, .go_next_slide img, .go_prev_slide_2 img, .go_prev_slide img {
    margin-left: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    transform: rotate(90deg)
}

.go_prev_slide, .go_prev_slide_2 {
    left: -85px;
    transform: rotate(-90deg)
}

.go_prev_slide_2 img, .go_prev_slide img {
    transform: rotate(-90deg)
}

.system {
    color: #00b9ec;
    font-weight: 700
}

#main .flex_form {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}

#main .flex_form .col {
    -ms-flex-positive: 1;
    flex-grow: 1
}

#main .flex_form .forma {
    width: 298px;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .21);
    border-radius: 5px;
    background-color: #fff;
    margin-left: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    padding: 30px 40px;
    margin-top: 25px
}

#main .flex_form .form_title {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    text-align: center
}

#main .flex_form .check_data {
    margin-top: 12px;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    text-align: center
}

#main .flex_form [type=tel] {
    width: 100%;
    height: 38px;
    min-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #000;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #fff
}

#main .flex_form [type=tel], #main .flex_form textarea {
    border: 1px dotted #00b9ec;
    font-size: 14px !important;
    font-weight: 300 !important
}

#main .flex_form textarea {
    padding: 20px;
    min-height: 94px;
    margin-bottom: 0;
    margin-top: 0
}

#main .flex_form textarea::-webkit-input-placeholder {
    color: #000
}

#main .flex_form textarea::-moz-placeholder {
    color: #000
}

#main .flex_form textarea::-ms-input-placeholder {
    color: #000
}

#main .flex_form textarea::placeholder {
    color: #000
}

#main .flex_form .flex_form_title {
    margin-top: 25px;
    font-size: 18px;
    font-weight: 400
}

#main .flex_form .flex_form_list {
    margin-top: 10px;
    line-height: 1.4;
    color: #000;
    font-size: 16px;
    font-weight: 300
}

#main .flex_form .zamer {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 400
}

#main .flex_form .viezd_free {
    margin-top: 5px;
    color: #00b9ec;
    font-size: 18px;
    font-weight: 700
}

#main .flex_form .doc_block {
    margin-top: 40px;
    margin-left: 20px;
    width: 423px;
    max-width: 100%;
    border-radius: 5px;
    border: 2px dotted #0f5f9e;
    background-color: #00bff3;
    padding: 15px;
    padding-left: 115px;
    position: relative
}

#main .flex_form .doc_block:before {
    content: "";
    position: absolute;
    top: -20px;
    left: -25px;
    background: url(../img/doc.png) no-repeat 50% 50%/cover;
    width: 133px;
    height: 145px;
    z-index: 9
}

#main .flex_form .doc_block:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 15px;
    border-radius: 5px;
    border: 1px dotted #00b9ec;
    width: 100%;
    height: 100%
}

#main .flex_form .doc_title {
    color: #0b448d;
    font-size: 20px;
    font-weight: 700
}

#main .flex_form .doc_list {
    margin: 0
}

#main .flex_form .doc_list li {
    position: relative;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
    padding-left: 25px;
    color: #fff
}

#main .flex_form .doc_list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/doc_check.png) no-repeat 50% 50%/cover;
    width: 17px;
    height: 17px
}

.devider {
    width: 584px;
    margin: 50px auto 30px;
    max-width: 100%;
    height: 1px;
    background: #959595;
    opacity: .2
}

.know_more {
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 300
}

#main .submit {
    font-size: 11px;
    font-weight: 700;
    font-family: Muller;
    background: #00b319 !important
}

#main .submit:after {
    top: 3px;
    left: 3px;
    content: "";
    position: absolute;
    border-radius: 50px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #fff;
    opacity: .14
}

#main .submit:hover {
    background: #00cd1d !important
}

#main .inline_control .answer_block {
    color: #000
}

#main .goToMain {
    box-shadow: none;
    color: #fff
}

#main .header, #main .quiz {
    max-width: 100%
}

.banner_wrap .button_wrapper {
    margin-top: 20px
}

.banner_wrap {
    height: 190px
}

.banner_wrap .banner_title {
    font-size: 22px
}

#s03 .enot {
    margin-top: 100px
}

#s05 .col_left {
    margin-top: 20px
}

#s05 .data {
    line-height: 1.4
}

.white_form [type=tel] {
    margin-top: 20px;
    width: 288px;
    max-width: 100%;
    text-align: center;
    font-size: 16px;
    color: #000;
    height: 44px;
    border-radius: 5px;
    border: 1px dotted #00bff3;
    background-color: #fff;
    margin-bottom: 0;
    position: relative;
    z-index: 999999
}

.white_form .submitBTN {
    margin-top: 15px;
    width: 288px;
    border: none;
    max-width: 100%;
    height: 53px;
    border-radius: 40px;
    color: #000;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 0 21px 1px #78ff00;
    border-radius: 50px;
    background-color: #00b319;
    color: #fff;
    display: inline-block;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: none;
    transition: .2s ease
}

.white_form .submitBTN:before {
    top: 3px;
    left: 3px;
    content: "";
    position: absolute;
    border-radius: 50px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #000;
    opacity: .14;
    animation: none;
    transform: none
}

.white_form .submitBTN img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px
}

.white_form .submitBTN {
    position: relative;
    overflow: hidden
}

.error {
    color: #000
}

#main .inform_block {
    height: 210px
}

#main .inform_block .scroll {
    height: 200px
}

#main .weAreStarted small {
    margin-top: 10px
}

#main .shadow_img .image_header .podhodit {
    line-height: 1.5
}

#main .inform_block {
    height: 120px
}

#main .shadow_img .image_container {
    height: 264px;
    position: relative
}

.product_title {
    height: 45px;
    font-size: 18px;
    text-align: center
}

.popup-bg #popup2 .content .img {
    width: 360px;
    max-width: 100%
}

.popup-bg #popup2 .submit:after {
    background: url(../img/p.png) no-repeat 50% 50%/contain
}

#s02 .white_form .img {
    width: 300px;
    max-width: 100%
}

#main .shadow_img .image_container img {
    max-height: 100%
}

#main .change_block .image_container.visokie_vodi:after, #main .change_block:nth-of-type(2) .shadow_img .image_container.sezon .product_satus_helper:before, #main .change_block:nth-of-type(2) .shadow_img .image_container.visokie_vodi:after, #main .change_block:nth-of-type(3) .shadow_img .image_container.sezon .product_satus_helper:before, #main .change_block:nth-of-type(4) .shadow_img .image_container.visokie_vodi:after {
    content: none
}

#main .change_block.show_status .image_container.visokie_vodi:after {
    content: ""
}

#main .change_block .shadow_img .image_container.sezon .product_satus_helper:before {
    content: none
}

#main .change_block.show_status_2 .image_container.sezon .product_satus_helper:before {
    content: ""
}

#main .info_parent {
    z-index: 9999
}

.tabs_list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    min-height: 55px
}

.tabs_list li {
    width: 50%;
    text-align: center;
    cursor: pointer;
    color: #fff;
    height: 45px;
    border-radius: 10px 10px 0 0;
    -ms-flex-pack: center;
    justify-content: center;
    transition: .2s ease
}

.tabs_list li.active {
    height: 55px
}

.tabs_list li:first-child {
    background: #00b319
}

.tabs_list li:first-child:hover {
    background: #009a15
}

.tabs_list li:last-child {
    background: #00bff3
}

.tabs_list li:last-child:hover {
    background: #00abda
}

.tab_content {
    display: none
}

.tab_content.active {
    display: block
}

.tab_content[data-id="1"] .product_card {
    box-shadow: 0 0 20px 4px rgba(0, 179, 25, .4)
}

.tab_content[data-id="2"] .product_card {
    box-shadow: 0 0 20px 4px rgba(11, 68, 141, .4)
}

.tabs_list li {
    font-size: 16px;
    font-weight: 700;
    width: 190px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    height: 30px !important;
    max-height: 30px !important;
    position: relative
}

.tabs_list li:first-of-type.active:before {
    content: "";
    position: absolute;
    left: -40px;
    top: 15px;
    background: url(../img/border_1.png) no-repeat 50% 50%/cover;
    width: 670px;
    height: 989px;
    z-index: -1
}

.tabs_list li:nth-of-type(2).active:before {
    content: "";
    position: absolute;
    right: -40px;
    top: 15px;
    background: url(../img/border_2.png) no-repeat 50% 50%/cover;
    width: 670px;
    height: 989px;
    z-index: -1
}

.product_card {
    margin-top: 25px;
    position: relative;
    z-index: 99;
    height: 430px
}

.tabs_list {
    min-height: 30px;
    margin-bottom: 50px;
    position: relative;
    z-index: 9
}

.tabs_list li:last-child {
    background: #0b448d
}

.catalog_slider, .catalog_slider_2 {
    position: relative;
    z-index: 99
}

.go_next_slide, .go_next_slide_2, .go_prev_slide, .go_prev_slide_2 {
    z-index: 9999
}

.system {
    text-align: center;
    color: #000;
    font-size: 25px;
    font-weight: 400;
    margin-top: 10px
}

#main .white_title {
    padding-left: 40px
}

#main .white_title:before {
    top: calc(50% - 30px)
}

#main .white_title {
    display: inline-block
}

.go_next_slide.slick-disabled, .go_next_slide_2.slick-disabled, .go_prev_slide.slick-disabled, .go_prev_slide_2.slick-disabled {
    opacity: .4
}

.calc_block {
    position: relative
}

.calc_block input {
    padding: 0 34px;
    text-align: center
}

.calc_block .minus, .calc_block .plus {
    position: absolute;
    height: 32px;
    top: 8px;
    z-index: 99;
    width: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f8f8f8;
    cursor: pointer;
    border-radius: 5px;
    left: 1px
}

.calc_block .minus:hover, .calc_block .plus:hover {
    background: #ebebeb
}

.calc_block .plus {
    left: 123px
}
@media (max-width: 1024px) {
    .banner_wrap .col_right {
        margin-left: 0
    }
}

@media (max-width: 900px) {
    #main .header {
        max-width: calc(100% - 20px)
    }
    .col.ya{
        display: none;
    }
    #s01 .yandex{
        display: block;
        right: 10px;
        top: 240px;
        background: rgba(0,180,240,.5);
        padding: 5px;
        border-radius: 4px;
    }
    #s01 .yandex img{
        display: block;
        width: 160px;
    }
    #s01 .rassrochka{
        top: 300px;
    }
}

@media (max-width: 800px) {
    .tabs_list li:first-of-type.active:before, .tabs_list li:nth-of-type(2).active:before {
        content: none
    }

    .tabs_list li:not(.active) {
        background: #959393 !important
    }

    .popup-bg #popup2 .content .img #main .info_parent {
        z-index: 99999
    }

    #s01 .h1 {
        font-size: 30px
    }

    #s01 .septiki, #s02 .grass, #s02 .septik_2,
    #s01 .top-enot {
        display: none
    }

    #s01 .sale {
        left: 5px
    }

    #s01 .rassrochka, #s01 .yandex {
        right: 5px
    }

    #s03 .slick-next {
        right: -40px
    }

    #s03 .slick-prev {
        left: -40px
    }

    #s04 .master {
        font-size: 16px
    }

    #s05 .contact_block {
        padding-left: 10px;
        padding-right: 10px
    }

    #s04 .master {
        width: 235px;
        min-height: 370px
    }

    .banner_wrap .wrap .img {
        display: none
    }

    #main .flex_form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #main .change_block.nextInQueue, #main .header, #main .quiz {
        width: 640px
    }

    #main .header {
        padding-top: 25px
    }

    #main .header_title {
        font-size: 21px
    }

    #main .header_title small {
        font-size: 16px
    }

    #main .wrap {
        padding-left: 0;
        padding-right: 0
    }

    #main .question strong {
        margin-top: 0;
        font-size: 20px
    }

    #main .change_block.nextInQueue {
        left: calc(50% - 320px)
    }

    #main .change_block {
        padding-left: 20px;
        padding-right: 20px
    }

    #main .col_right {
        position: absolute;
        top: 100%;
        width: 600px
    }

    #main .wrap {
        padding-bottom: 300px
    }

    #main .change_block.nextInQueue {
        top: calc(100% + 180px)
    }

    #main .present_block img {
        display: none
    }

    #main .present_block {
        box-shadow: 0 0 20px 1px #003480;
        border-radius: 5px;
        background-color: #00bff3;
        padding: 20px;
        margin-top: 25px
    }

    #main .present_block p {
        position: relative;
        top: 0;
        font-size: 26px
    }

    #main .change_block {
        padding-left: 5px;
        padding-right: 5px
    }

    #main .col_left {
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    #main .col_right {
        left: calc(50% - 300px)
    }

    #main .phoneImg:before {
        content: none
    }

    #main .col_left.presents .form_control {
        width: 200px
    }

    #main .startedFlex .started_col:first-child {
        padding-left: 0
    }

    #main .white_title {
        font-size: 22px;
        margin-left: 20px
    }

    #main .price_blocks .price_block {
        width: 300px
    }

    #main .price_body {
        padding-left: 5px;
        padding-right: 5px
    }

    #main .price_list > li span:first-child {
        width: 150px
    }

    #main .price_list ol li span:first-child {
        width: 140px;
        margin-right: 0
    }

    #main .price_list > li {
        font-size: 14px
    }

    #main .price_list > li span:last-child {
        font-size: 16px
    }

    #main .price_list > li span:first-child {
        margin-right: 0
    }

    .home_slider .slick-dots li {
        margin: 0 15px
    }

    .home_slider .slick-dots {
        bottom: -63px
    }

    .home_slider .slick-dots li button:before {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #000;
        content: ""
    }

    .home_slider .slick-dots li.slick-active button:before {
        background: #fdc628
    }

    #main .col_left {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    #main .form_control {
        margin-right: 3px
    }

    #main .startedFlex {
        padding-left: 20px
    }

    #main .startedFlex .started_col:last-child {
        margin-left: 20px
    }

    #main .buttons {
        padding-right: 0
    }

    #main .phoneImg:before {
        left: -50px;
        top: -50px;
        width: 180px;
        height: 301px;
        content: ""
    }

    #quiz:after {
        content: none
    }

    #main .startedFlex {
        position: relative;
        z-index: 99
    }

    #main .col_left {
        width: 50%;
        margin-right: 0
    }

    #main .flex_form .doc_block, #main .flex_form .forma {
        margin-left: auto;
        margin-right: auto
    }

    .catalog_slider .slick-list, .catalog_slider_2 .slick-list {
        padding-left: 90px;
        padding-right: 90px
    }

    #s01 .sale {
        left: 35px
    }

    #main .header:after {
        content: none
    }

    #main .change_block {
        padding-left: 25px;
        padding-right: 25px
    }

    #main .col_center.blue_image {
        height: 230px
    }

    #main .col_left.presents .form_control {
        width: 190px
    }

    .popup-bg.visible {
        overflow-y: scroll
    }
}

@media (max-width: 680px) {
    #s01 .h1 {
        font-size: 26px
    }

    #s01 .yandex, #s02 .white_form .img {
        display: none
    }

    #s01 .rassrochka {
        top: 190px
    }

    #s02 .white_form {
        height: auto;
        min-height: 1px;
        padding-bottom: 60px
    }

    #s03 .sertificates {
        width: 360px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    #s04 .master {
        width: 200px;
        min-height: 330px
    }

    #s05 .review {
        margin-left: 2px;
        margin-right: 2px
    }

    #s05 .col_left, #s05 .list {
        font-size: 14px
    }

    #s02 .white_form {
        width: 480px;
        max-width: 100%
    }

    #s03 .slick-initialized .slick-slide {
        margin-right: 0
    }

    #main .flex_form {
        display: block
    }

    #s01 .sale {
        left: 30px;
        z-index: -1
    }

    #main .col_left.presents .form_control {
        width: 190px
    }

    #s02 .white_form .img {
        display: block;
        width: 200px;
        margin-left: -50px;
        margin-right: 10px
    }

    #s02 .white_form {
        width: 600px
    }

    #s01 .sale {
        width: 135px;
        height: 135px
    }

    .product_footer {
        font-size: 13px;
        font-weight: 500
    }

    .product_card {
        height: 450px
    }
}

@media (max-width: 480px) {
    .error {
        text-align: center;
        left: calc(50% - 155px)
    }

    .error, .popup-bg #popup4 {
        width: 310px
    }

    #main .inform_block {
        width: 180px
    }

    #main .col_center {
        margin-top: 40px
    }

    #main .col_center.blue_image {
        margin-top: 25px
    }

    #s02 .white_form .img {
        display: none
    }

    #main .col_center.switch_image {
        margin-left: auto;
        margin-right: auto
    }

    #main .buttons {
        -ms-flex-pack: center;
        justify-content: center
    }

    #main .questions_block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #main .form_control {
        margin-right: auto
    }

    .wrap {
        max-width: 360px;
        padding-left: 5px;
        padding-right: 5px
    }

    .popup-bg #popup2 {
        display: none !important
    }

    #main .col_left {
        width: 100%
    }

    #main .change_block.nextInQueue, #main .header, #main .quiz {
        width: 320px
    }

    #main .header {
        padding-left: 5px;
        padding-right: 5px
    }

    #main .question strong {
        font-size: 16px
    }

    #main .question {
        font-size: 14px
    }

    #main .question .img {
        width: 50px
    }

    #main .question .img:before {
        bottom: -43px
    }

    #main .question .img {
        margin-right: 10px
    }

    #main .form_control .img {
        height: 90px
    }

    #main .answer_block {
        font-size: 12px
    }

    #main .answer_block br {
        display: none
    }

    #main .answer_block {
        padding-left: 30px
    }

    #main .questions_block {
        margin-top: 10px
    }

    #main .answer_block {
        padding-right: 2px
    }

    #main .form_control {
        width: 148px
    }

    #main .buttons .goNext {
        margin-right: 0
    }

    #main .question .img {
        width: 40px
    }

    #main .question .img:before {
        bottom: -30px
    }

    #main .buttons {
        padding-right: 0
    }

    #main .fake_checkbox {
        width: 25px
    }

    #main .change_block.nextInQueue, #main .col_right {
        width: 360px;
        left: calc(50% - 180px)
    }

    #main .present_block p {
        font-size: 20px
    }

    #main .present_block {
        padding-left: 5px;
        padding-right: 5px
    }

    #main .textarea_block textarea {
        padding-left: 28px;
        font-size: 14px
    }

    #main .change_block.nextInQueue, #main .header, #main .quiz {
        width: 360px;
        max-width: 100%
    }

    #main .dev {
        width: 100%;
        text-align: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #main .dev a {
        text-align: center;
        margin-top: 20px
    }

    #main .form_control {
        width: calc(50% - 2px)
    }

    #main .form_control .img {
        height: 105px
    }

    #main .buttons .goBack, #main .buttons .goNext {
        font-size: 14px
    }

    #main .question .img:before {
        bottom: -50px
    }

    #main .question .img {
        height: 55px
    }

    #main .question .img.three:before {
        width: 38px;
        bottom: -52px
    }

    #main .mt-05 {
        margin-top: 15px
    }

    #main .inform_block {
        left: calc(50% - 90px)
    }

    #main .inform_block:before {
        left: auto;
        right: 35px
    }

    #main .slick-next {
        right: 0
    }

    #main .slick-prev {
        left: 0
    }

    #main .slick-next, #main .slick-prev {
        top: 60%
    }

    #main .fake_radio {
        width: 25px
    }

    #main .dev {
        margin-top: 30px;
        font-size: 14px
    }

    #main .col_left.presents .form_control {
        width: calc(50% - 1px)
    }

    #main .footer {
        padding-left: 5px;
        padding-right: 5px
    }

    #main .startedFlex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #main .mt-05.column, #main .mt-05.column ~ .column {
        width: 50%
    }

    #main .mt-05.column input {
        max-width: 90%
    }

    #main .mt-05.column ~ .column {
        margin-top: 25px
    }

    #main .info_icon {
        width: 25px;
        height: 25px
    }

    #main .started_col .form_control.presentBlock {
        width: 180px;
        margin-left: auto;
        margin-right: auto
    }

    #main .started_col .form_control.presentBlock .img {
        height: 110px
    }

    #main .started_col {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    #main .startedFlex .started_col:last-child {
        margin-left: auto;
        margin-top: 50px;
        -ms-flex-order: 1;
        order: 1;
        margin-right: auto;
        text-align: center
    }

    #main .startedFlex .started_col:first-child {
        -ms-flex-order: 2;
        order: 2
    }

    #main .started_title {
        font-size: 20px;
        margin-top: 35px
    }

    #main .footer table td:nth-of-type(2) {
        padding-left: 20px
    }

    #main .footer table .mnogo:before {
        left: 5px
    }

    #main .presents .form_control .img {
        height: 120px
    }

    #main .startedFlex .started_col:last-child {
        margin-top: 20px
    }

    #main .phoneImg {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }

    #main .getResultBtn {
        margin-left: auto;
        margin-right: auto
    }

    #main .master_information {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #main .master_left {
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto
    }

    #main .master_list li {
        margin-top: 10px
    }

    #main .master_list {
        font-size: 14px
    }

    #main .master_bold {
        margin-top: 10px
    }

    #main .for_calc {
        font-size: 16px
    }

    #main .for_calc br {
        display: none
    }

    #main .check_data {
        font-size: 14px
    }

    #main .check_data br {
        display: none
    }

    #main .check_data span:before {
        content: none
    }

    #main .price_blocks {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #main .price_blocks .price_block {
        margin-left: auto;
        margin-right: auto
    }

    #main .presents .form_control .img {
        height: 130px
    }

    #main .change_block.white_block:not(.nextInQueue) {
        top: 0 !important;
        border-radius: 10px
    }

    .popup-bg #popup1 .head, .popup-bg #popup3 .head {
        font-size: 18px
    }

    .popup-bg #popup1 .head br, .popup-bg #popup3 .head br {
        display: none
    }

    #main .header {
        margin-bottom: -150px
    }

    #main .question br {
        display: none
    }

    #main .question .img.five:before {
        width: 40px
    }

    #main .question .img.six:before {
        width: 38px;
        left: 0
    }

    #main .footer table .malo:before, #main .footer table .mnogo:before {
        left: 5px
    }

    #main .startedFlex .one_step {
        margin-left: 0;
        margin-left: -30px;
        width: 240px
    }

    #main .mt-05 .form_control {
        width: 90%
    }

    #main .answer_block {
        position: relative;
        z-index: 99
    }

    #main .form_control .img img {
        height: 105%
    }

    #main .info_parent {
        z-index: 99999
    }

    #main .question {
        padding-left: 10px
    }

    #main .startedFlex {
        padding-left: 20px
    }

    #main .buttons.phoneImg {
        margin-top: 20px
    }

    .wrap {
        max-width: 320px;
        padding-left: 0;
        padding-right: 0
    }

    .logo_text {
        display: none
    }

    #nav .logo_col {
        width: 100px;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    #nav .col.tar {
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    #nav .wrap {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #nav .logo_col .logo {
        -ms-flex-negative: 1;
        flex-shrink: 0.3;
        margin-right: 0
    }

    #nav .phone {
        font-size: 16px
    }

    #s01 .h1 {
        margin-top: 0
    }

    #s01 .h1 br {
        display: none
    }

    #nav .online {
        font-size: 14px
    }

    #s01 .h1 {
        padding: 0 5px
    }

    #s01 .sale {
        position: relative;
        top: 0;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        transform: none
    }

    #s01 .rassrochka {
        position: absolute;
        top: 240px !important;
        right: 0
    }

    #s01 .subtitle {
        font-size: 22px;
        margin-top: 25px
    }

    #s01 .sale {
        margin-left: 0;
        width: 140px;
        height: 140px;
        font-size: 18px
    }

    #s01 .sale strong {
        font-size: 30px
    }

    #s01 .line {
        margin-top: 40px
    }

    #s01 .button_text {
        font-size: 16px
    }

    #s01 {
        overflow: hidden;
        padding-bottom: 40px
    }

    #s02 .white_form:before {
        content: none
    }

    #s02 .white_form {
        padding-top: 25px;
        padding-left: 10px;
        padding-right: 10px
    }

    #s02 .title {
        font-size: 20px
    }

    #s02 .title br {
        display: none
    }

    .h2 {
        font-size: 20px
    }

    #s03 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    #s03 .h2 span {
        display: inline
    }

    #s03 .logo {
        width: 144px;
        height: 144px;
        padding: 10px
    }

    #s03 .enot {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #s03 .slick-prev {
        left: 0
    }

    #s03 .slick-next {
        right: 0
    }

    #s04 .master {
        width: 250px;
        min-height: 1px;
        padding-bottom: 15px;
        margin-left: auto;
        margin-right: auto
    }

    #s05 .reviews {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    #s05 .review {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(50% - 2px);
        height: 140px;
        margin-top: 25px
    }

    #s05 .flexible {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #s05 .col_left {
        padding-right: 0;
        width: 100%
    }

    #s05 .col_map {
        width: 100%
    }

    #s05 .map {
        max-width: 100%
    }

    #s05 #dev {
        -ms-flex-pack: center;
        justify-content: center
    }

    #s05 .col_left {
        -ms-flex-order: 2;
        order: 2
    }

    #main .header_title {
        font-size: 20px
    }

    #main .header:after {
        content: none
    }

    #main {
        padding-top: 60px
    }

    #main .change_block {
        padding-left: 10px;
        padding-right: 10px
    }

    #main .white_title {
        font-size: 20px
    }

    #main .header {
        padding-bottom: 0
    }

    .system {
        font-size: 20px
    }

    #main .flex_form .doc_block:before {
        content: none
    }

    .popup-bg #popup2 .content .img {
        display: none
    }

    #main .flex_form .doc_block {
        padding-left: 10px;
        margin-left: 0
    }

    #main .flex_form .forma {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    .know_more br {
        display: none
    }

    #main .goToMain {
        max-width: 100%;
        font-size: 16px
    }

    #quiz:after {
        content: none
    }

    #main .white_block .dev {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #main .dev .tar {
        text-align: center;
        margin-top: 10px
    }

    #main .header, .popup-bg #popup1, .popup-bg #popup3, .popup-bg #popup4 {
        padding-left: 10px;
        padding-right: 10px
    }

    .popup-bg #popup4 .head {
        font-size: 18px
    }

    .popup-bg #popup4 .head br {
        display: none
    }

    .go_next_slide, .go_next_slide_2, .go_prev_slide, .go_prev_slide_2 {
        top: 710px;
        width: 60px;
        height: 60px
    }

    .go_next_slide_2 span, .go_next_slide span, .go_prev_slide_2 span, .go_prev_slide span {
        display: none
    }

    .go_next_slide, .go_next_slide_2 {
        right: 0
    }

    .go_prev_slide, .go_prev_slide_2 {
        left: 0
    }

    .system {
        margin-top: 25px
    }

    #main .header {
        margin-bottom: 0
    }

    #main .change_block {
        padding-top: 30px
    }

    #main .weAreStarted {
        font-size: 20px
    }

    #main .phoneImg:before {
        content: none
    }

    #main .form_control.inline_control .inform_block {
        left: auto;
        right: calc(50% - 160px);
        top: 20px
    }

    #main .form_control.inline_control .inform_block:before {
        content: none
    }

    #main .startedFlex {
        padding-left: 0
    }

    .catalog_slider, .catalog_slider_2 {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .catalog_slider .slick-list, .catalog_slider_2 .slick-list {
        padding-left: 0;
        padding-right: 0
    }

    #main .question .img.six:before {
        bottom: -55px
    }

    #main .presents .form_control .img {
        height: 100px
    }

    #main .form_control.inline_control {
        width: auto;
        min-width: 51%
    }

    #main .white_title {
        margin-left: 10px;
        padding-left: 40px;
        text-align: left
    }

    #main .col_left.presents .form_control {
        margin-left: auto;
        margin-right: auto
    }

    .mob {
        display: block !important
    }

    #s02 .radios .form_control {
        width: 33.3333333%;
        margin-right: 0
    }

    #s01 .sale {
        left: 0
    }

    .popup-bg #popup4 .head {
        font-size: 16px
    }

    body {
        overflow-x: hidden
    }

    .change_block:after {
        content: none
    }

    .error {
        left: auto;
        right: 0;
        font-size: 12px;
        width: 300px
    }

    #main .inform_block {
        left: calc(50% - 80px)
    }

    .popup-bg #popup3 {
        width: 300px
    }

    .popup-bg #popup4 {
        padding-left: 20px;
        padding-right: 20px
    }

    .popup-bg #popup4 [type=tel], .popup-bg #popup4 [type=text] {
        font-size: 14px
    }

    .popup-bg #popup4 .head {
        font-size: 15px
    }

    .tabs_list li {
        font-size: 16px
    }

    #s04 .h2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }

    #s04 .h2 img {
        margin-left: auto;
        margin-right: auto;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 20px
    }

    #s04 .h2 {
        text-align: center
    }

    .banner_wrap {
        display: none !important
    }

    .tabs_list li {
        font-size: 14px;
        max-width: calc(50% - 2px)
    }
}

@media (max-width: 320px) {
    #s01 .h1 {
        padding: 0
    }

    .wrap {
        max-width: 300px;
        padding-left: 0;
        padding-right: 0
    }

    #s01 .rassrochka {
        width: 140px
    }

    #main .change_block.nextInQueue, #main .col_right {
        width: 320px;
        left: calc(50% - 160px)
    }

    #main .form_control .img {
        height: 90px
    }

    #main .header_title small {
        font-size: 15px
    }
}

/* ПОДАРКИ */
.system.system_2 {
    color: #00b9ec;
    font-weight: bold;
}

.new_blue_block {
    width: 828px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 1253px;
    border-radius: 5px;
    border: 3px solid #00bff3;
    background-color: #0b448d;
    margin-top: 45px;
    padding: 30px 40px;
    max-width: calc(100% + 36px);
    margin-left: -18px;
}

.new_blue_block .forma {
    width: 298px;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.21);
    border-radius: 5px;
    background-color: #fff;
    margin-left: 15px;
    flex-shrink: 0;
    position: relative;
    padding: 20px 25px;
    margin-top: 25px;
}

.new_blue_block ._poloski {
    position: relative;
    z-index: 9;
}

.new_blue_block ._poloski:before {
    content: "";
    position: absolute;
    right: -75px;
    top: -17px;
    background: url("../img/_poloski2.png") no-repeat 50% 50%/cover;
    width: 213px;
    height: 395px;
    z-index: -1;
}

.new_blue_block .form_title {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}

.new_blue_block .check_data {
    margin-top: 5px !important;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

.new_blue_block [type="tel"] {
    width: 100%;
    height: 38px;
    min-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #000;
    margin-top: 10px !important;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px dotted #00b9ec;
    background-color: #fff;
    font-size: 14px !important;
    font-weight: 300 !important;
}

.new_blue_block textarea {
    padding: 20px;
    min-height: 94px;
    font-size: 14px !important;
    font-weight: 300 !important;
    border: 1px dotted #00b9ec;
    margin-bottom: 0;
    margin-top: 0;
    margin-top: 12px;
}

.new_blue_block textarea::placeholder {
    color: #000 !important;
}

.new_blue_block_title {
    color: #00b319;
    font-size: 30px;
    font-weight: 900;
    text-align: center;
}

.new_blue_block_title_subtitle {
    margin-top: 10px;
    text-align: center;
    color: #fff;
    font-family: "Muller";
    font-size: 25px;
    font-weight: bold;
}

._2_cols {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

._man {
    position: relative;
    width: 299px;
    border-radius: 5px;
    border: 1px dotted #00b9ec;
    margin-top: 25px;
    z-index: 9;
}

._man:before {
    content: "";
    position: absolute;
    left: -75px;
    top: 15px;
    background: url("../img/_polosi1.png") no-repeat 50% 50%/cover;
    width: 212px;
    height: 366px;
    z-index: -1;
}

._man:after {
    content: "";
    position: absolute;
    right: -60px;
    bottom: 0;
    background: url("../img/_enot.png") no-repeat 50% 50%/cover;
    width: 72px;
    height: 78px;
}

._img {
    padding: 6px;
    height: 330px;
}

._img img {
    max-width: 500px;
    vertical-align: bottom;
}

._footer {
    padding: 10px;
    border-radius: 0 0 5px 5px;
    background-color: #00bff3;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    margin-top: -10px;
    position: relative;
    z-index: 2;
}

._blue_title {
    margin-top: 40px;
    text-align: center;
    color: #00bff3;
    font-family: "Muller";
    font-size: 30px;
    font-weight: bold;
}

._blue_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 60px);
    margin-left: -30px;
}

._blue_list ._block {
    width: 33.333333%;
    display: flex;
    margin-top: 20px;
    align-items: flex-start;
    color: #fff;
}

._blue_list ._number {
    margin-right: 8px;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: #00bff3;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 23px;
    font-weight: bold;
    font-family: "Muller";
    color: #fff;
    border-radius: 50%;
}

._blue_list ._number span {
    vertical-align: middle;
}

._blue_list ._title {
    font-size: 17px;
    font-weight: bold;
}

._blue_list ._info {
    font-size: 14px;
}

._letters {
    display: flex;
    justify-content: center;
}

._letter {
    width: 370px;
    max-width: 100%;
    flex-shrink: 0;
    margin-top: 30px;
    position: relative;
}

._letter_img {
    padding: 10px;
    border-radius: 5px;
    border: 2px dotted #fff;
    background-color: #00bff3;
}

._letter_img img {
    vertical-align: bottom;
}

._letter_list {
    margin: 0;
    font-size: 16px;
    color: #fff;
    margin-left: 35px;
    position: relative;
    padding-left: 13px;
}

._letter_list:before {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    height: calc(100% + 20px);
    width: 3px;
    background: #048e3f;
}

._letter_list li {
    margin-top: 20px;
}

._letter_1 {
    z-index: 2;
}

._letter_1:before {
    content: "";
    position: absolute;
    top: 22px;
    left: -135px;
    background: url("../img/_poloski3.png") no-repeat 50% 50% /cover;
    width: 242px;
    height: 394px;
    z-index: -1;
}

._letter_2 {
    margin-left: -50px;
    margin-top: 45px;
    width: 300px;
    z-index: 1;
}

._letter_2:before {
    content: "";
    position: absolute;
    top: -25px;
    right: -135px;
    background: url("../img/_poloski4.png") no-repeat 50% 50% /cover;
    width: 201px;
    height: 269px;
    z-index: -1;
}

._letter_2 ._letter_list {
    margin-left: 80px;
    padding-top: 40px;
}

._letter_2 ._letter_list:before {
    top: 0;
    height: 100%;
}

#main .goToMain {
    color: #00b319;
    font-family: "Muller";
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    width: 338px;
    height: 66px;
    border-radius: 33px;
    border: 1px solid #00b319;
    background: #fff;
}

#main .goToMain:after {
    content: none;
}

._floating_present {
    position: fixed;
    z-index: 9999;
    right: 15%;
    top: 50%;
    cursor: pointer;
}

._floating_present_round {
    width: 106px;
    height: 106px;
    background-color: #fff200;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    animation: pulse_shadow 2s linear infinite;
    transition: ease 0.2s;
}

._floating_present_round img {
    position: relative;
    top: -15px;
}

._floating_present_button {
    color: #fffffe;
    font-family: "Muller";
    font-size: 8px;
    font-weight: bold;
    text-transform: uppercase;
    width: 92px;
    height: 25px;
    box-shadow: 0 0 21px 1px #f00;
    border-radius: 12px;
    background-color: #ed1c24;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-top: -20px;
    margin-left: auto;
    margin-right: auto;
    transition: ease 0.2s;
}

._floating_present_button:hover {
    background: #f14b52;
}

@keyframes pulse_shadow {
    0% {
        box-shadow: 0 0 5px 1px #f00, 0 0 5px 1px #f00;
    }
    25% {
        box-shadow: 0 0 12px 1px #f00, 0 0 12px 1px #f00;
    }
    50% {
        box-shadow: 0 0 21px 1px #f00, 0 0 21px 1px #f00;
    }
    75% {
        box-shadow: 0 0 12px 1px #f00, 0 0 12px 1px #f00;
    }
    100% {
        box-shadow: 0 0 5px 1px #f00, 0 0 5px 1px #f00;
    }
}

#popup6 {
    width: 890px;
    max-width: 100%;
    border-radius: 10px;
}

#popup6 .head {
    height: 280px;
    background: url("../img/_popup_header.png") no-repeat 50% 50%/cover;
    padding-top: 35px;
    border-bottom: none;
}

#popup6 .close {
    color: #fff;
    right: 20px;
    top: 20px;
    font-size: 50px;
}

#popup6 .content {
    padding-top: 80px;
    padding-bottom: 60px;
    border: 7px solid #00aeef;
    border-top: none;
    margin-top: -2px;
}

#popup6 ._avatars {
    display: flex;
    justify-content: center;
}

#popup6 ._avatars ._ava {
    margin-left: 6px;
    margin-right: 6px;
    flex-shrink: 0;
}

#popup6 ._popup_text {
    text-align: center;
    font-size: 25px;
    margin-top: 15px;
}

#popup6 ._popup_progressBar {
    margin-top: 20px;
    position: relative;
    width: 327px;
    height: 29px;
    box-shadow: inset 0 0 7px 1px rgba(17, 31, 63, 0.56);
    border-radius: 15px;
    border: 1px solid #fff;
    background-color: #fff;
    max-width: 100%;
    margin-left: auto;
    overflow: hidden;
    margin-right: auto;
}

#popup6 ._popup_progressBar ._popup_bar {
    background: #00b319;
    border-radius: 40px 0 0 40px;
    width: 0%;
    overflow: hidden;
    height: 100%;
    position: relative;
    transition: linear 3s;
}

#popup6 ._popup_progressBar ._popup_bar.active {
    width: 100% !important;
}

#popup6 ._popup_progressBar ._popup_bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, .6) 75%, transparent 75%, transparent);
    -webkit-background-size: 20px 20px;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

#popup7 {
    box-shadow: 0 0 19px 2px rgba(8, 90, 144, 0.85);
    border-radius: 10px;
    border: 8px solid #00aeef;
    background-color: #fff;
    width: 890px;
    max-width: 100%;
}

#popup7 .close {
    font-size: 40px;
    top: 20px;
    right: 20px;
    color: #002d7b;
}

#popup7 .content {
    padding-bottom: 45px;
}

#popup7 ._free_text {
    margin-top: 7px;
    color: #000;
    font-family: "Muller";
    font-size: 18px;
    text-align: center;
}

#popup7 ._col_banner {
    width: 510px;
    margin-left: 60px;
    max-width: 100%;
}

#popup7 ._cols {
    display: flex;
    justify-content: center;
}

#popup7 ._time_left {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

#popup7 ._time_col {
    width: 150px;
    max-width: 100%;
    margin-top: 30px;
}

#popup7 ._product_line {
    display: flex;
    align-items: center;
    width: 766px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: 131px;
    border-radius: 5px;
    border: 2px dotted #00aeef;
    background-color: #f7f7f7;
    border-left: 10px solid #00bff3;
    margin-top: 14px;
    margin-bottom: 14px;
    padding: 10px 10px 10px 0;
    transition: ease 0.2s;
}

#popup7 ._product_line:hover {
    border: 10px solid #00aeef;
    margin-top: 6px;
    margin-bottom: 6px;
}

#popup7 ._product_line:hover [type="submit"] {
    background: #00b319;
    color: #fff;
}

#popup7 ._product_line:hover [type="submit"]:after {
    border-left-color: #00b319;
}

#popup7 .__img {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    width: 130px;
}

#popup7 .__img img {
    vertical-align: bottom;
}

#popup7 .__title {
    padding: 5px 0px 5px 20px;
    margin-left: -5px;
    background: #fff;
    color: #00aeef;
    font-weight: bold;
    font-size: 20px;
    width: 160px;
    flex-shrink: 0;
}

#popup7 .__comment {
    width: 190px;
    margin-left: 15px;
    margin-right: 20px;
    flex-shrink: 0;
}

#popup7 [type="tel"] {
    font-size: 16px;
    width: 200px;
    color: #000;
    background-color: transparent;
    border: none;
    padding: 0 10px;
    min-height: 25px;
    border-radius: 0;
    margin-bottom: 12px;
}

#popup7 [type="submit"] {
    border-radius: 0;
    border: none;
    background: rgba(0, 179, 25, 0.2);
    padding: 12px 15px;
    font-size: 20px;
    color: #00b319;
    font-weight: bold;
    position: relative;
}

#popup7 [type="submit"]:before, #popup7 [type="submit"]:after {
    content: none;
}

#popup7 [type="submit"]:after {
    content: "";
    position: absolute;
    right: -48px;
    bottom: 1px;
    border: 24px solid transparent;
    border-left: 24px solid rgba(0, 179, 25, 0.2);
}

#popup8 {
    width: 582px;
    box-shadow: 0 0 18px 7px rgba(0, 0, 0, 0.14);
    border-radius: 10px;
    border: 2px solid #fff;
    background-color: #fff;
    padding: 60px;
    text-align: center;
}

#popup8 .head {
    font-size: 25px;
    font-size: 16px;
}

#popup8 .head strong {
    font-size: 25px;
}

#popup8 .head span {
    font-weight: 900;
}

#popup8 .goToMain {
    margin-top: 25px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 323px;
    height: 53px;
    border-radius: 27px;
    background: #00b319;
    max-width: 100%;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

#popup8 .goToMain:hover {
    background: #00e620;
}

#popup8 .insta_logo {
    margin-top: 56px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#popup8 .insta_logo:hover {
    opacity: 0.9;
}

#popup8 .subscribe {
    display: block;
    text-align: center;
    color: #000;
    font-family: Helvetica;
    font-size: 16px;
}

#popup8 .subscribe:hover {
    text-decoration: underline;
}

#popup7 .progress_round .bar_round {
    width: 160px;
    height: 160px;
}

#popup7 .progress_round {
    top: -69px;
    left: -5px;
}

#popup7 .spinner_block {
    text-align: center;
    position: relative;
    margin-top: 15px;
}

#popup7 .spinner_block .blue {
    z-index: 9;
    width: 125px;
    height: 125px;
    background-color: #0b5cb1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#popup7 .spinner_block .blue:before {
    content: "";
    position: absolute;
    border: 2px solid #dcdcdc;
    width: calc(100% + 18px);
    height: calc(100% + 18px);
    top: -11px;
    left: -11px;
    border-radius: 50%;
}

._time_col {
    position: relative;
}

.ko-progress-circle__overlay {
    width: 125px;
    height: 125px;
    background: #0b448d;
    border-radius: 50%;
    transform: none !important;
    position: absolute;
    z-index: 999;
    left: 12px;
    top: 41px;
}

.ko-progress-circle {
    margin: 20px auto;
    width: 145px;
    height: 145px;
    transform: rotateY(-180deg);
    margin-top: 10px;
    background-color: #00bff3;
    border-radius: 50%;
}

.ko-progress-circle .ko-progress-circle__slice, .ko-progress-circle .ko-progress-circle__fill {
    width: 145px;
    height: 145px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    transition: transform 180s;
    border-radius: 50%;
}

.ko-progress-circle .ko-progress-circle__slice {
    clip: rect(0px, 145px, 145px, 72.5px);
}

.ko-progress-circle .ko-progress-circle__slice .ko-progress-circle__fill {
    clip: rect(0px, 72.5px, 145px, 0px);
    background-color: #fff;
}

.ko-progress-circle .ko-progress-circle__overlay {
    width: 125px;
    height: 125px;
    position: absolute;
    z-index: 99999;
    margin-left: 10px;
    margin-top: 10px;
    background-color: #0b448d;
    border-radius: 50%;
}

.ko-progress-circle[data-progress="0"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="0"] .ko-progress-circle__fill {
    transform: rotate(0deg);
}

.ko-progress-circle[data-progress="0"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(0deg);
}

.ko-progress-circle[data-progress="1"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="1"] .ko-progress-circle__fill {
    transform: rotate(1.8deg);
}

.ko-progress-circle[data-progress="1"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(3.6deg);
}

.ko-progress-circle[data-progress="2"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="2"] .ko-progress-circle__fill {
    transform: rotate(3.6deg);
}

.ko-progress-circle[data-progress="2"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(7.2deg);
}

.ko-progress-circle[data-progress="3"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="3"] .ko-progress-circle__fill {
    transform: rotate(5.4deg);
}

.ko-progress-circle[data-progress="3"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(10.8deg);
}

.ko-progress-circle[data-progress="4"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="4"] .ko-progress-circle__fill {
    transform: rotate(7.2deg);
}

.ko-progress-circle[data-progress="4"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(14.4deg);
}

.ko-progress-circle[data-progress="5"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="5"] .ko-progress-circle__fill {
    transform: rotate(9deg);
}

.ko-progress-circle[data-progress="5"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(18deg);
}

.ko-progress-circle[data-progress="6"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="6"] .ko-progress-circle__fill {
    transform: rotate(10.8deg);
}

.ko-progress-circle[data-progress="6"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(21.6deg);
}

.ko-progress-circle[data-progress="7"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="7"] .ko-progress-circle__fill {
    transform: rotate(12.6deg);
}

.ko-progress-circle[data-progress="7"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(25.2deg);
}

.ko-progress-circle[data-progress="8"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="8"] .ko-progress-circle__fill {
    transform: rotate(14.4deg);
}

.ko-progress-circle[data-progress="8"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(28.8deg);
}

.ko-progress-circle[data-progress="9"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="9"] .ko-progress-circle__fill {
    transform: rotate(16.2deg);
}

.ko-progress-circle[data-progress="9"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(32.4deg);
}

.ko-progress-circle[data-progress="10"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="10"] .ko-progress-circle__fill {
    transform: rotate(18deg);
}

.ko-progress-circle[data-progress="10"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(36deg);
}

.ko-progress-circle[data-progress="11"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="11"] .ko-progress-circle__fill {
    transform: rotate(19.8deg);
}

.ko-progress-circle[data-progress="11"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(39.6deg);
}

.ko-progress-circle[data-progress="12"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="12"] .ko-progress-circle__fill {
    transform: rotate(21.6deg);
}

.ko-progress-circle[data-progress="12"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(43.2deg);
}

.ko-progress-circle[data-progress="13"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="13"] .ko-progress-circle__fill {
    transform: rotate(23.4deg);
}

.ko-progress-circle[data-progress="13"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(46.8deg);
}

.ko-progress-circle[data-progress="14"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="14"] .ko-progress-circle__fill {
    transform: rotate(25.2deg);
}

.ko-progress-circle[data-progress="14"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(50.4deg);
}

.ko-progress-circle[data-progress="15"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="15"] .ko-progress-circle__fill {
    transform: rotate(27deg);
}

.ko-progress-circle[data-progress="15"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(54deg);
}

.ko-progress-circle[data-progress="16"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="16"] .ko-progress-circle__fill {
    transform: rotate(28.8deg);
}

.ko-progress-circle[data-progress="16"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(57.6deg);
}

.ko-progress-circle[data-progress="17"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="17"] .ko-progress-circle__fill {
    transform: rotate(30.6deg);
}

.ko-progress-circle[data-progress="17"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(61.2deg);
}

.ko-progress-circle[data-progress="18"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="18"] .ko-progress-circle__fill {
    transform: rotate(32.4deg);
}

.ko-progress-circle[data-progress="18"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(64.8deg);
}

.ko-progress-circle[data-progress="19"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="19"] .ko-progress-circle__fill {
    transform: rotate(34.2deg);
}

.ko-progress-circle[data-progress="19"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(68.4deg);
}

.ko-progress-circle[data-progress="20"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="20"] .ko-progress-circle__fill {
    transform: rotate(36deg);
}

.ko-progress-circle[data-progress="20"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(72deg);
}

.ko-progress-circle[data-progress="21"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="21"] .ko-progress-circle__fill {
    transform: rotate(37.8deg);
}

.ko-progress-circle[data-progress="21"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(75.6deg);
}

.ko-progress-circle[data-progress="22"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="22"] .ko-progress-circle__fill {
    transform: rotate(39.6deg);
}

.ko-progress-circle[data-progress="22"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(79.2deg);
}

.ko-progress-circle[data-progress="23"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="23"] .ko-progress-circle__fill {
    transform: rotate(41.4deg);
}

.ko-progress-circle[data-progress="23"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(82.8deg);
}

.ko-progress-circle[data-progress="24"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="24"] .ko-progress-circle__fill {
    transform: rotate(43.2deg);
}

.ko-progress-circle[data-progress="24"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(86.4deg);
}

.ko-progress-circle[data-progress="25"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="25"] .ko-progress-circle__fill {
    transform: rotate(45deg);
}

.ko-progress-circle[data-progress="25"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(90deg);
}

.ko-progress-circle[data-progress="26"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="26"] .ko-progress-circle__fill {
    transform: rotate(46.8deg);
}

.ko-progress-circle[data-progress="26"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(93.6deg);
}

.ko-progress-circle[data-progress="27"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="27"] .ko-progress-circle__fill {
    transform: rotate(48.6deg);
}

.ko-progress-circle[data-progress="27"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(97.2deg);
}

.ko-progress-circle[data-progress="28"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="28"] .ko-progress-circle__fill {
    transform: rotate(50.4deg);
}

.ko-progress-circle[data-progress="28"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(100.8deg);
}

.ko-progress-circle[data-progress="29"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="29"] .ko-progress-circle__fill {
    transform: rotate(52.2deg);
}

.ko-progress-circle[data-progress="29"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(104.4deg);
}

.ko-progress-circle[data-progress="30"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="30"] .ko-progress-circle__fill {
    transform: rotate(54deg);
}

.ko-progress-circle[data-progress="30"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(108deg);
}

.ko-progress-circle[data-progress="31"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="31"] .ko-progress-circle__fill {
    transform: rotate(55.8deg);
}

.ko-progress-circle[data-progress="31"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(111.6deg);
}

.ko-progress-circle[data-progress="32"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="32"] .ko-progress-circle__fill {
    transform: rotate(57.6deg);
}

.ko-progress-circle[data-progress="32"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(115.2deg);
}

.ko-progress-circle[data-progress="33"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="33"] .ko-progress-circle__fill {
    transform: rotate(59.4deg);
}

.ko-progress-circle[data-progress="33"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(118.8deg);
}

.ko-progress-circle[data-progress="34"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="34"] .ko-progress-circle__fill {
    transform: rotate(61.2deg);
}

.ko-progress-circle[data-progress="34"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(122.4deg);
}

.ko-progress-circle[data-progress="35"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="35"] .ko-progress-circle__fill {
    transform: rotate(63deg);
}

.ko-progress-circle[data-progress="35"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(126deg);
}

.ko-progress-circle[data-progress="36"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="36"] .ko-progress-circle__fill {
    transform: rotate(64.8deg);
}

.ko-progress-circle[data-progress="36"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(129.6deg);
}

.ko-progress-circle[data-progress="37"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="37"] .ko-progress-circle__fill {
    transform: rotate(66.6deg);
}

.ko-progress-circle[data-progress="37"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(133.2deg);
}

.ko-progress-circle[data-progress="38"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="38"] .ko-progress-circle__fill {
    transform: rotate(68.4deg);
}

.ko-progress-circle[data-progress="38"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(136.8deg);
}

.ko-progress-circle[data-progress="39"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="39"] .ko-progress-circle__fill {
    transform: rotate(70.2deg);
}

.ko-progress-circle[data-progress="39"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(140.4deg);
}

.ko-progress-circle[data-progress="40"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="40"] .ko-progress-circle__fill {
    transform: rotate(72deg);
}

.ko-progress-circle[data-progress="40"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(144deg);
}

.ko-progress-circle[data-progress="41"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="41"] .ko-progress-circle__fill {
    transform: rotate(73.8deg);
}

.ko-progress-circle[data-progress="41"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(147.6deg);
}

.ko-progress-circle[data-progress="42"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="42"] .ko-progress-circle__fill {
    transform: rotate(75.6deg);
}

.ko-progress-circle[data-progress="42"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(151.2deg);
}

.ko-progress-circle[data-progress="43"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="43"] .ko-progress-circle__fill {
    transform: rotate(77.4deg);
}

.ko-progress-circle[data-progress="43"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(154.8deg);
}

.ko-progress-circle[data-progress="44"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="44"] .ko-progress-circle__fill {
    transform: rotate(79.2deg);
}

.ko-progress-circle[data-progress="44"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(158.4deg);
}

.ko-progress-circle[data-progress="45"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="45"] .ko-progress-circle__fill {
    transform: rotate(81deg);
}

.ko-progress-circle[data-progress="45"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(162deg);
}

.ko-progress-circle[data-progress="46"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="46"] .ko-progress-circle__fill {
    transform: rotate(82.8deg);
}

.ko-progress-circle[data-progress="46"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(165.6deg);
}

.ko-progress-circle[data-progress="47"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="47"] .ko-progress-circle__fill {
    transform: rotate(84.6deg);
}

.ko-progress-circle[data-progress="47"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(169.2deg);
}

.ko-progress-circle[data-progress="48"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="48"] .ko-progress-circle__fill {
    transform: rotate(86.4deg);
}

.ko-progress-circle[data-progress="48"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(172.8deg);
}

.ko-progress-circle[data-progress="49"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="49"] .ko-progress-circle__fill {
    transform: rotate(88.2deg);
}

.ko-progress-circle[data-progress="49"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(176.4deg);
}

.ko-progress-circle[data-progress="50"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="50"] .ko-progress-circle__fill {
    transform: rotate(90deg);
}

.ko-progress-circle[data-progress="50"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(180deg);
}

.ko-progress-circle[data-progress="51"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="51"] .ko-progress-circle__fill {
    transform: rotate(91.8deg);
}

.ko-progress-circle[data-progress="51"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(183.6deg);
}

.ko-progress-circle[data-progress="52"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="52"] .ko-progress-circle__fill {
    transform: rotate(93.6deg);
}

.ko-progress-circle[data-progress="52"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(187.2deg);
}

.ko-progress-circle[data-progress="53"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="53"] .ko-progress-circle__fill {
    transform: rotate(95.4deg);
}

.ko-progress-circle[data-progress="53"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(190.8deg);
}

.ko-progress-circle[data-progress="54"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="54"] .ko-progress-circle__fill {
    transform: rotate(97.2deg);
}

.ko-progress-circle[data-progress="54"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(194.4deg);
}

.ko-progress-circle[data-progress="55"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="55"] .ko-progress-circle__fill {
    transform: rotate(99deg);
}

.ko-progress-circle[data-progress="55"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(198deg);
}

.ko-progress-circle[data-progress="56"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="56"] .ko-progress-circle__fill {
    transform: rotate(100.8deg);
}

.ko-progress-circle[data-progress="56"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(201.6deg);
}

.ko-progress-circle[data-progress="57"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="57"] .ko-progress-circle__fill {
    transform: rotate(102.6deg);
}

.ko-progress-circle[data-progress="57"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(205.2deg);
}

.ko-progress-circle[data-progress="58"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="58"] .ko-progress-circle__fill {
    transform: rotate(104.4deg);
}

.ko-progress-circle[data-progress="58"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(208.8deg);
}

.ko-progress-circle[data-progress="59"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="59"] .ko-progress-circle__fill {
    transform: rotate(106.2deg);
}

.ko-progress-circle[data-progress="59"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(212.4deg);
}

.ko-progress-circle[data-progress="60"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="60"] .ko-progress-circle__fill {
    transform: rotate(108deg);
}

.ko-progress-circle[data-progress="60"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(216deg);
}

.ko-progress-circle[data-progress="61"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="61"] .ko-progress-circle__fill {
    transform: rotate(109.8deg);
}

.ko-progress-circle[data-progress="61"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(219.6deg);
}

.ko-progress-circle[data-progress="62"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="62"] .ko-progress-circle__fill {
    transform: rotate(111.6deg);
}

.ko-progress-circle[data-progress="62"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(223.2deg);
}

.ko-progress-circle[data-progress="63"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="63"] .ko-progress-circle__fill {
    transform: rotate(113.4deg);
}

.ko-progress-circle[data-progress="63"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(226.8deg);
}

.ko-progress-circle[data-progress="64"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="64"] .ko-progress-circle__fill {
    transform: rotate(115.2deg);
}

.ko-progress-circle[data-progress="64"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(230.4deg);
}

.ko-progress-circle[data-progress="65"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="65"] .ko-progress-circle__fill {
    transform: rotate(117deg);
}

.ko-progress-circle[data-progress="65"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(234deg);
}

.ko-progress-circle[data-progress="66"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="66"] .ko-progress-circle__fill {
    transform: rotate(118.8deg);
}

.ko-progress-circle[data-progress="66"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(237.6deg);
}

.ko-progress-circle[data-progress="67"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="67"] .ko-progress-circle__fill {
    transform: rotate(120.6deg);
}

.ko-progress-circle[data-progress="67"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(241.2deg);
}

.ko-progress-circle[data-progress="68"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="68"] .ko-progress-circle__fill {
    transform: rotate(122.4deg);
}

.ko-progress-circle[data-progress="68"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(244.8deg);
}

.ko-progress-circle[data-progress="69"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="69"] .ko-progress-circle__fill {
    transform: rotate(124.2deg);
}

.ko-progress-circle[data-progress="69"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(248.4deg);
}

.ko-progress-circle[data-progress="70"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="70"] .ko-progress-circle__fill {
    transform: rotate(126deg);
}

.ko-progress-circle[data-progress="70"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(252deg);
}

.ko-progress-circle[data-progress="71"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="71"] .ko-progress-circle__fill {
    transform: rotate(127.8deg);
}

.ko-progress-circle[data-progress="71"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(255.6deg);
}

.ko-progress-circle[data-progress="72"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="72"] .ko-progress-circle__fill {
    transform: rotate(129.6deg);
}

.ko-progress-circle[data-progress="72"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(259.2deg);
}

.ko-progress-circle[data-progress="73"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="73"] .ko-progress-circle__fill {
    transform: rotate(131.4deg);
}

.ko-progress-circle[data-progress="73"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(262.8deg);
}

.ko-progress-circle[data-progress="74"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="74"] .ko-progress-circle__fill {
    transform: rotate(133.2deg);
}

.ko-progress-circle[data-progress="74"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(266.4deg);
}

.ko-progress-circle[data-progress="75"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="75"] .ko-progress-circle__fill {
    transform: rotate(135deg);
}

.ko-progress-circle[data-progress="75"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(270deg);
}

.ko-progress-circle[data-progress="76"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="76"] .ko-progress-circle__fill {
    transform: rotate(136.8deg);
}

.ko-progress-circle[data-progress="76"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(273.6deg);
}

.ko-progress-circle[data-progress="77"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="77"] .ko-progress-circle__fill {
    transform: rotate(138.6deg);
}

.ko-progress-circle[data-progress="77"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(277.2deg);
}

.ko-progress-circle[data-progress="78"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="78"] .ko-progress-circle__fill {
    transform: rotate(140.4deg);
}

.ko-progress-circle[data-progress="78"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(280.8deg);
}

.ko-progress-circle[data-progress="79"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="79"] .ko-progress-circle__fill {
    transform: rotate(142.2deg);
}

.ko-progress-circle[data-progress="79"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(284.4deg);
}

.ko-progress-circle[data-progress="80"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="80"] .ko-progress-circle__fill {
    transform: rotate(144deg);
}

.ko-progress-circle[data-progress="80"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(288deg);
}

.ko-progress-circle[data-progress="81"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="81"] .ko-progress-circle__fill {
    transform: rotate(145.8deg);
}

.ko-progress-circle[data-progress="81"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(291.6deg);
}

.ko-progress-circle[data-progress="82"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="82"] .ko-progress-circle__fill {
    transform: rotate(147.6deg);
}

.ko-progress-circle[data-progress="82"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(295.2deg);
}

.ko-progress-circle[data-progress="83"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="83"] .ko-progress-circle__fill {
    transform: rotate(149.4deg);
}

.ko-progress-circle[data-progress="83"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(298.8deg);
}

.ko-progress-circle[data-progress="84"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="84"] .ko-progress-circle__fill {
    transform: rotate(151.2deg);
}

.ko-progress-circle[data-progress="84"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(302.4deg);
}

.ko-progress-circle[data-progress="85"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="85"] .ko-progress-circle__fill {
    transform: rotate(153deg);
}

.ko-progress-circle[data-progress="85"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(306deg);
}

.ko-progress-circle[data-progress="86"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="86"] .ko-progress-circle__fill {
    transform: rotate(154.8deg);
}

.ko-progress-circle[data-progress="86"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(309.6deg);
}

.ko-progress-circle[data-progress="87"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="87"] .ko-progress-circle__fill {
    transform: rotate(156.6deg);
}

.ko-progress-circle[data-progress="87"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(313.2deg);
}

.ko-progress-circle[data-progress="88"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="88"] .ko-progress-circle__fill {
    transform: rotate(158.4deg);
}

.ko-progress-circle[data-progress="88"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(316.8deg);
}

.ko-progress-circle[data-progress="89"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="89"] .ko-progress-circle__fill {
    transform: rotate(160.2deg);
}

.ko-progress-circle[data-progress="89"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(320.4deg);
}

.ko-progress-circle[data-progress="90"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="90"] .ko-progress-circle__fill {
    transform: rotate(162deg);
}

.ko-progress-circle[data-progress="90"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(324deg);
}

.ko-progress-circle[data-progress="91"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="91"] .ko-progress-circle__fill {
    transform: rotate(163.8deg);
}

.ko-progress-circle[data-progress="91"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(327.6deg);
}

.ko-progress-circle[data-progress="92"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="92"] .ko-progress-circle__fill {
    transform: rotate(165.6deg);
}

.ko-progress-circle[data-progress="92"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(331.2deg);
}

.ko-progress-circle[data-progress="93"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="93"] .ko-progress-circle__fill {
    transform: rotate(167.4deg);
}

.ko-progress-circle[data-progress="93"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(334.8deg);
}

.ko-progress-circle[data-progress="94"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="94"] .ko-progress-circle__fill {
    transform: rotate(169.2deg);
}

.ko-progress-circle[data-progress="94"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(338.4deg);
}

.ko-progress-circle[data-progress="95"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="95"] .ko-progress-circle__fill {
    transform: rotate(171deg);
}

.ko-progress-circle[data-progress="95"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(342deg);
}

.ko-progress-circle[data-progress="96"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="96"] .ko-progress-circle__fill {
    transform: rotate(172.8deg);
}

.ko-progress-circle[data-progress="96"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(345.6deg);
}

.ko-progress-circle[data-progress="97"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="97"] .ko-progress-circle__fill {
    transform: rotate(174.6deg);
}

.ko-progress-circle[data-progress="97"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(349.2deg);
}

.ko-progress-circle[data-progress="98"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="98"] .ko-progress-circle__fill {
    transform: rotate(176.4deg);
}

.ko-progress-circle[data-progress="98"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(352.8deg);
}

.ko-progress-circle[data-progress="99"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="99"] .ko-progress-circle__fill {
    transform: rotate(178.2deg);
}

.ko-progress-circle[data-progress="99"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(356.4deg);
}

.ko-progress-circle[data-progress="100"] .ko-progress-circle__slice.full, .ko-progress-circle[data-progress="100"] .ko-progress-circle__fill {
    transform: rotate(180deg);
}

.ko-progress-circle[data-progress="100"] .ko-progress-circle__fill.ko-progress-circle__bar {
    transform: rotate(360deg);
}

.ko-progress-circle__overlay {
    color: #00bff3;
    font-family: "Muller";
    font-size: 21px;
    font-weight: bold;
    transform: rotateY(180deg);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
}

.ko-progress-circle__overlay > div {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

#popup7 [type="submit"][disabled="disabled"] {
    cursor: not-allowed;
}

.new_blue_block {
    height: auto;
}

.popup-bg.visible {
    overflow-y: scroll;
}

.ko-progress-circle .ko-progress-circle__overlay {
    left: 0;
    top: 0;
}

/* Chrome 29+ */
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    ._footer {
        margin-top: 0;
    }

    ._img {
        height: 335px;
    }

    #popup7 [type=submit]:after {
        right: -44px;
        bottom: 0px;
        border: 22px solid transparent;
        border-left: 22px solid rgba(0, 179, 25, .2);
    }

    .ko-progress-circle__overlay {
        top: 36px;
    }
}

#popup7 ._product_line:last-child:hover {
    margin-bottom: 14px;
}

#popup7 ._product_line:first-child:hover {
    margin-top: 14px;
}

#popup7 .__comment {
    white-space: nowrap;
}

@media all and (max-width: 800px) {
    #popup6, #popup7 {
        width: 600px;
    }

    #popup6 ._popup_text {
        font-size: 18px;
    }

    #popup7 ._cols {
        flex-wrap: wrap;
    }

    #popup7 ._col_banner {
        margin-left: auto;
        margin-right: auto;
        margin-top: -20px;
    }

    #popup7 ._product_line {
        flex-wrap: wrap;
        justify-content: center;
        height: auto;
        display: block;
    }

    #popup7 ._product_line > * {
        width: 100%;
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #popup7 .__img {
        margin-top: 10px;
    }

    #popup7 .__img, #popup7 .__title {
        width: 125px;
        margin-left: auto;
        margin-right: auto;
    }

    #popup7 {
        padding-left: 15px;
        padding-right: 15px;
    }

    #popup7 .__title {
        padding-left: 0;
        padding-right: 0;
    }

    #popup7 .__comment {
        margin-top: 12px;
    }

    #popup7 ._product_line .__form {
        display: block;
        text-align: center;
        margin-top: 10px;
    }

    #popup7 ._product_line {
        border-left: 2px dotted #00aeef;
    }

    #popup7 [type="tel"] {
        text-align: center;
    }

    ._2_cols {
        flex-wrap: wrap;
        justify-content: center;
    }

    .new_blue_block ._poloski::before {
        top: -90px;
    }

    .new_blue_block ._man {
        z-index: 99;
    }

    ._blue_list {
        flex-wrap: wrap;
        justify-content: center;
    }

    ._blue_list ._block {
        width: 50%;
    }

    ._floating_present {
        right: 20px;
    }

    #main .answer_block {
        font-size: 14px;
    }

    ._blue_list {
        justify-content: flex-start;
    }

    #popup8 {
        max-width: 100%;
    }

    #popup7 [type="submit"] {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }
}

@media all and (max-width: 490px) {
    /*#popup8 .mt2{
        padding: 0 18px;
         br{
            display: none;
        }
    }
    */
    #popup8 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .new_blue_block {
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    .new_blue_block {
        padding-left: 10px;
        padding-right: 10px;
    }

    .new_blue_block_title {
        font-size: 20px;
    }

    .new_blue_block_title_subtitle {
        font-size: 18px;
    }

    .new_blue_block_title_subtitle br {
        display: none;
    }

    ._man {
        width: 206px;
        margin-left: 0;
    }

    ._2_cols {
        justify-content: flex-start;
    }

    ._footer {
        font-size: 12px;
    }

    ._img img {
        max-width: 280px;
    }

    ._img {
        height: 260px;
    }

    ._2_cols {
        display: block;
    }

    .new_blue_block .forma {
        margin-left: 0;
        max-width: 100%;
    }

    .new_blue_block ._poloski::before {
        top: -140px;
    }

    ._blue_list ._block {
        width: 100%;
    }

    ._blue_title {
        font-size: 25px;
    }

    ._blue_list {
        width: 100%;
        margin-left: 0;
    }

    ._letters {
        display: block;
    }

    ._letter_2 {
        margin-left: 0;
    }

    ._letter_2 ._letter_list {
        margin-left: 35px;
        padding-top: 0;
    }

    ._letter_2 ._letter_list:before {
        top: -20px;
        height: calc(100% + 20px);
    }

    #popup6, #popup7 {
        width: 300px;
    }

    #popup6 .head {
        height: auto;
    }

    #popup6 .content {
        margin-top: -60px;
    }

    #popup6 ._avatars {
        flex-wrap: wrap;
    }

    #popup6 ._avatars ._ava {
        margin-left: 10px;
        margin-right: 10px;
    }

    #popup7 ._col_banner img {
        width: calc(100% + 30px);
        max-width: calc(100% + 30px);
        margin-left: -15px;
    }

    #popup7 {
        border-width: 2px;
    }

    #popup7 ._free_text {
        font-size: 14px;
    }

    #popup7 .__title, #popup7 .__comment {
        font-size: 18px;
    }

    #main .answer_block {
        font-size: 11px;
    }

    ._floating_present {
        border: 0;
        bottom: 10px;
        top: auto;
        left: calc(50% - 84px);
        text-align: center;
    }

    .new_blue_block .forma {
        margin-left: auto;
        margin-right: auto;
    }

    ._floating_present_round {
        margin-left: auto;
        margin-right: auto;
    }

    ._man {
        margin-left: 15px;
    }

    ._floating_present {
        width: 168px;
    }
}

@media all and (max-width: 320px) {
    ._man {
        margin-left: 0px;
    }
}

/* ПОДАРКИ */

/*Popup New 11.03.2021 - Popup Sale in footer.php */

.popup__sale-wrap .head .close {
    z-index: 1;
}
.popup__sale-img-bg {
    opacity: 0;
    display: block;
}
.popup__sale-img-bg_mobile {
    display: none;
}
.popup__sale-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 140px 30px 0;
}
.popup__sale-card {
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 18px;
}
.popup__sale-card_fillBG {
 height: 170px;
 background: url(../img/popupSaleCardBG.png) center no-repeat;
 background-size: contain;
}
.popup__sale-card_fillNo {
 height: 155px;
 background: url(../img/popupSaleCardNoBG.png) center no-repeat;
 background-size: contain;
}
.popup__sale-icon {
    width: 100px;
    height: 100px;
}
.popup__sale-ticket {
    width: 150px;
}

.popup__sale-card-content {
    width: 60%;
    padding: 0 10px;
}
.popup__sale-card-title {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 3px;
    color: white;
    text-shadow: 2px 2px 6px #333;
}
.popup__sale-card-subtitle {
    font-size: 16px;
    letter-spacing: 0.4px;
    font-weight: 600;
    padding-right: 20px;
    color: white;
    text-shadow: 2px 2px 6px #333;
}
.popup__sale-card-text {
    font-size: 14px;
    font-weight: 400;
    text-shadow: 2px 2px 6px #333;
}
.popup__sale-desc {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 20px;
    padding: 20px 0 10px;
    font-weight: 600;
    text-shadow: 2px 2px 6px #333;
}
.popup__sale-card-text_blue {
    color: #3265a9;
    text-shadow: none;
}
.popup__sale-card-subtitle_blue {
    color: #3265a9;
    text-shadow: none;
}
.popup__sale-card-title_blue {
    color: #3265a9;
    text-shadow: none;
}
.popup__sale {
    background-position: top !important;
}
.popup__sale-wrap {
    height: auto !important;
}
@media (max-width: 1199px) {
    .popup__sale-card-subtitle {
        font-size: 13px;
    }
    .popup__sale-card-text{
        font-size: 12px;
    }
    .popup__sale-ticket{
        width: 84px;
        min-width: 84px;
    }
    .popup__sale-icon{
     width: 64px;
     min-width: 64px; 
     height: auto;
 }
 .popup__sale-card-title{
    font-size: 20px;
}
.popup__sale-card-title{
    font-size: 20px;
}
.popup__sale-card_fillBG {
    height: 145px;
}
.popup__sale-card_fillNo {
    height: 132px;
}
}
@media (max-width: 998px) {
    .popup__sale-card_fillNo {
        height: 108px;
    }
    .popup__sale-card_fillBG {
        height: 118px;
    }
    .popup__sale-card-title{
        font-size: 14px;
    }
    .popup__sale-card-subtitle,
    .popup__sale-card-text {
        font-size: 10px;
    }
    .popup__sale-card {
        padding: 10px;
    }
    .popup__sale-ticket{
        width: 54px;
        min-width: 54px;
    }
    .popup__sale-icon{
     width: 44px;
     min-width: 44px; 
     height: auto;
 }
 .popup__sale-card-title{
    font-size: 14px;
}
}
@media (max-width: 768px) {
    .popup__sale-desc{
        display: none;
    }
    .popup__sale-content{
        flex-direction: column;
    }
    .popup__sale-card{
        width: 306px;
    }
    .popup__sale-content{
        padding: 73px 7px 14px;

    }
    .popup__sale-card {
        padding: 0 5px;
    }
    .popup__sale-card_fillBG:first-of-type{
        background: url(../img/card_mob_bg.png) center no-repeat;
        height: 116px   ;
    }
    .popup__sale-card_fillBG {
        height: 91px;
    }
    .popup__sale-card_fillNo {
        height: 83px;
    }
    .popup-bg #popup9 .head .close {
        top: 0!important;
        right: 0!important;
        text-align: center!important;
        color: #000 !important;
    }
}

@media (max-width: 500px) {
    .popup__sale-desc {
        display: none;
    }
    .popup__sale-img-bg {
        display: none;
    }
    .popup__sale-img-bg_mobile {
        display: block;
        border-radius: 10px;
    }
/*    .popup__sale-content {
        padding: 75px 10px 0;
    }*/
    .popup__sale-icon {
        width: 40px;
        height: 40px;
    }
    .popup__sale-card {
        padding: 0 8px;
    }
    .popup__sale-ticket {
        width: 45px;
    }
    .popup__sale-card_fillBG {
        height: 118px;
        background: url(../img/popupSaleCardBGMobile.png) center no-repeat;
        background-size: contain;
    }
    .popup__sale-card_fillBGMini {
        height: 93px;
        background: url(../img/popupSaleCardBGMobile2.png) center no-repeat;
        background-size: contain;
    }
    .popup__sale-card_fillNo {
        height: 82px;
    }
    .popup__sale-card-title {
        text-align: left;
        font-size: 17px;
        font-weight: 600;
        padding-bottom: 2px;
    }
    .popup__sale-card-subtitle {
        font-size: 12px;
        letter-spacing: 0.4px;
        font-weight: 600;
        padding-right: 0;
    }
    .popup__sale-card-text {
        font-size: 10px;
        font-weight: 400;
    }
    .popup-bg #popup9 .head .close {
        text-shadow: 1px 1px 1px #000;
    }
}
text {
    fill: #00bdff !important
}
.popup-bg #popup11 {
    width: 460px;
    max-width: 90%;
    padding: 3rem 2rem;
}

/* Страница благодарности  */
.mb-20,.mb20{
    margin-bottom: 20px;
}
.mb-30,.mb30{
    margin-bottom: 30px;
}
.mb-40,.mb40{
    margin-bottom: 40px;
}
.mb-50,.mb50{
    margin-bottom: 50px;
}
.mb-70,.mb70 {
    margin-bottom: 70px;
}
.mb-0, .my-0 {
    margin-bottom: 0!important;
}
.mr-3, .mx-3 {
    margin-right: 1rem!important;
}
.w-100 {
    width: 100%!important;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.t-primary {
    color: #63bae8;
}
.quiz-result__content{
    font-size: 18px;
    margin-top: 50px;
}
.ostalos-voprosov {
    position: relative;
    background-size: cover;
    background-position: top center;
    border: 1px solid #63bae8;
    -webkit-box-shadow: 0px 38px 40px -35px rgb(0 0 0 / 30%);
    box-shadow: 0px 38px 40px -35px rgb(0 0 0 / 30%);
    border-radius: 10px;
    overflow: hidden;
    width: 288px;
    max-width: 100%;
    margin-left: auto;
}
.ostalos-voprosov__header-text:not(:last-of-type) {
    margin-bottom: 20px;
}

.ostalos-voprosov__header-text {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-weight: 700;
    background: #63bae8;
    color: white;
    padding: 13px 10px;
}
.printing_item {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 17px;
    
}
.ostalos-voprosov_dop-params .printing_item{
    display: flex;
    justify-content: space-between;
}
.printing_item b {
    color: #2e2e2e;
    font-weight: bold;
    display: inline;
    white-space: nowrap;
}

.cost__info__title {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 1rem;
}
.cost_calc-price {
    font-size: 14px;
    font-weight: 500;
    background: #64bae8;
    color: white;
    padding: 16px 19px;
}
.s_cost_calc .params_loader {
    animation: none;
    filter: hue-rotate(120deg);
}
.loader {
    margin-left: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    float: right;
    position: relative;
    top: -3px;
}
.params_loader {
    width: 100%;
    height: 100%;
    -webkit-filter: hue-rotate(-30deg);
    filter: hue-rotate(-30deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.viezd {
    margin: 0 0 80px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.s_cost-form{
    background: #fff;
    border: 1px solid #63bae8;
    -webkit-box-shadow: 0px 7px 33px rgb(0 0 0 / 15%);
    box-shadow: 0px 7px 33px rgb(0 0 0 / 15%);
    border-radius: 10px;
    padding: 25px 25px 30px 5px;
    font-size: 12px;
    line-height: 15px;
}
.quiz-result__congrats{
    text-align: center;
    
}
.quiz-result__congrats p{
    font-size: 22px;
    margin-bottom: 20px;
    line-height: 1.2;
}
p.congrats{
    font-weight: bold;
}
p.congrats span{
    color: #d90909;
}
.free-ingener-title {
    background: #e0e0e0;
    border-radius: 10px;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    padding: 20px 40px;
    margin-bottom: 20px;
}

.position-relative {
    position: relative!important;
}
.viezd-img {
    position: absolute;
    right: 0;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
#vieszd-inzhenera {
    position: relative;
    padding-top: 20px;
}
/*.aic {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}*/

#main input.viezd__form-phone {
    display: block;
    width: 210px;
    text-align: center;
    outline: none;
    font-size: 16px;
    height: 43px;
    background: #fafafa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    box-shadow: inset 0px 1px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    margin-top: 0;
}
#main .viezd__form-btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #fff;
    height: 43px;
    ont-weight: bold;
    background: linear-gradient(180deg, #a1deff 0%, #63bae8 100%);
    border: 1px solid #aee3ff;
    box-sizing: border-box;
    box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgb(99 186 232 / 70%);
    border-radius: 10px;
    border: none;
    color: #fff;
    outline: none !important;
    border: 0;
    width: 248px;
    position: relative;
    overflow: hidden;
    outline: none;
}
.viezd__form-btn:after {
    content: "";
    position: absolute;
    top: 0;
    width: 53px;
    height: 70%;
    background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)) );
    background: -o-linear-gradient( top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100% );
    background: linear-gradient( 180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100% );
    left: 10px;
    z-index: 1;
    -webkit-transform: skew(31deg);
    -ms-transform: skew(31deg);
    transform: skew(31deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.quest {
    font-size: 22px;
}
.text-center {
    text-align: center!important;
}
.m-auto {
    margin: auto!important;
}

.quiz__header-text {
    padding-top: 190px;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #2e2e2e;
    padding-bottom: 25px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.social_slider.slick-dotted.slick-slider {
    position: relative;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#social_slider.slick-slider .slick-list, #social_slider.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#social_slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
#social_slider .slick-initialized .slick-slide {
    display: block;
}
#social_slider .social_slider-item {
    display: block;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#social_slider .slick-current.slick-active + .slick-active img,
#congr_slider .slick-current.slick-active + .slick-active img {
    filter: none;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
#social_slider .slick-slide img {
    display: block;
    margin: auto;
}
#social_slider .social_slider-item img,
#congr_slider .social_slider-item img {
    filter: blur(4px);
}
#social_slider .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#social_slider .slick-dots li,
#congr_slider .slick-dots li{
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
#social_slider .slick-dots li button,
#congr_slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
}
#social_slider .slick-dots li button:before,
#congr_slider .slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    content: "•";
    text-align: center;
    /*opacity: .25;*/
    color: #005582;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #005582;
    border-radius: 50%;
}

.master_slider-item {
    background: #fff;
    /* border: 1px solid #63BAE8; */
    -webkit-box-shadow: 4px 7px 20px rgb(0 0 0 / 10%);
    box-shadow: 4px 7px 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
    width: 200px;
    margin: 0 10px 15px;
    position: relative;
}
.master_slider-item-name {
    position: absolute;
    bottom: 0;
    background: #2e2e2e;
    color: white;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    border-radius: 0 10px;
    padding: 9px 29px;
}
.slick-next img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.slick-prev:hover, .slick-next:hover {
    -webkit-filter: hue-rotate(300deg) brightness(1.45);
    filter: hue-rotate(300deg) brightness(1.45);
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0;
}
.s_works-title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
    line-height: 24px;
}
.s_adv-item {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
}
.s_adv-icon1 {
    margin-right: 22px;
    max-width: 100%;
    flex: 0 0 70px;
}
.s_adv-text1 {
    font-size: 17px;
    line-height: 22px;
}
.s_adv-icon {
    min-width: 22px;
    width: 22px;
    margin-right: 15px;
}
.s_adv-icon img {
    max-width: 100%;
}
.insta {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
}
.insta-text {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 50px;
    position: relative;
    font-family: Roboto, sans-serif;
}
.d-none {
    display: none!important;
}
.insta-text-arrow {
    position: absolute;
    right: 25px;
}
.btn.insta-btn {
    background: linear-gradient( 268.17deg, #fc3436 2.34%, #df447d 28.68%, #7c57cb 72.41%, #546ee9 96.68% );
    box-sizing: border-box;
    box-shadow: 0px 3px 0px #0c26a2, 0px 13px 20px -11px #566de8;
    border-radius: 29px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    color: white;
    height: 52px;
    width: 306px;
    margin: 20px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn.insta-btn:after{
    display: none;
}
.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.mr-auto, .mx-auto {
    margin-right: auto!important;
}
.pl-0, .px-0 {
    padding-left: 0!important;
}
hr {
    border-top: 1px solid #63bae8 !important;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
.mont-head {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.montag-main {
    position: relative;
    box-shadow: 0px 15px 20px -11px rgb(51 51 51 / 20%);
    border-radius: 10px;
    overflow: hidden;
}
.montag-main-text {
    color: white;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 25px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
}
.montag-main-overlay {
    background: linear-gradient( 180deg, rgba(196, 196, 196, 0) 0%, rgba(46, 46, 46, 0.8) 100% );
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 10px;
}
.montag-main-text-st {
    color: white;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 15px 0px;
    font-weight: bold;
    font-size: 15px;
    line-height: 19px;
    margin: 0;
}
.social__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 15px;
    text-align: center;
}
.goto__main-btn {
    margin-top: 36px;
    width: 288px;
    max-width: 100%;
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(180deg, #a1deff 0%, #63bae8 100%);
    border: 1px solid #aee3ff;
    box-sizing: border-box;
    box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgb(99 186 232 / 70%);
    border-radius: 10px;
    padding: 10px 20px;
    display: inline-block;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}
.final-arrow {
    position: relative;
    right: -20px;
    bottom: -20px;
}
.pb-4, .py-4 {
    padding-bottom: 1.5rem!important;
}
.pt-4, .py-4 {
    padding-top: 1.5rem!important;
}

@media (min-width: 1200px){
    .viezd {
        font-size: 18px;
        line-height: 22px;
    }
    .s_cost-form {
        padding: 40px;
        font-size: 14px;
        line-height: 17px;
    }
    input.viezd__form-phone {
        height: 40px;
        margin: 0 15px 0 0;
    }
    .viezd__form-btn {
        height: 40px;
        margin: 0;
    }
    .s_adv-list {
        margin: 0 0 30px;
    }
    .s_adv-item {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 38px;
    }
    .s_adv-icon {
        width: 40px;
        min-width: 40px;
        margin-right: 32px;
    }
    .social__text {
        font-size: 22px;
        line-height: 27px;
        padding-bottom: 35px;
    }
}

@media (min-width: 1024px){
    .quiz__header-text {
        margin: 0 auto;
        padding-bottom: 50px;
        padding-top: 34px;
        font-size: 32px;
        line-height: 40px;
        color: #000;
    }
}

@media (min-width: 992px){
    .d-lg-none {
        display: none!important;
    }
    .d-lg-block {
        display: block!important;
    }
}

@media (min-width: 768px){
    .pl-md-3, .px-md-3 {
        padding-left: 1rem!important;
    }
    .pr-md-3, .px-md-3 {
        padding-right: 1rem!important;
    }
    .d-md-block {
        display: block!important;
    }
    .text-md-left {
        text-align: left!important;
    }
}

@media (min-width: 576px){
    .quiz__header-text, .quiz__question-title {
        font-size: 28px;
        line-height: 32px;
    } 
    .social_slider-img {
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        display: block;
        position: relative;
    }
    .s_adv-img {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }
    .s_adv-img img {
        margin: auto;
        display: block;
    }
    .d-sm-inline-block {
        display: inline-block!important;
    }
}
@media (max-width: 1199.98px){
    #vieszd-inzhenera input, #vieszd-inzhenera button {
        margin: 0 5px;
    }
}
@media (max-width: 1023px){
    .quiz__header-text {
        padding: 32px 0 47px;
    }
}
@media (max-width: 991.9px){
    .ostalos-voprosov{
        margin: auto;
    }
    .free-ingener-title {
        font-size: 14px;
        line-height: 17px;
        padding: 6px 15px;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 50px;
    }
}

@media (max-width: 767.98px){
    #vieszd-inzhenera {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }
    #vieszd-inzhenera input, #vieszd-inzhenera button {
        margin: 15px auto 0;
    }
    #main input.viezd__form-phone{
        width: 230px;
        margin-top: 15px;
    }
}

@media (max-width: 588px){
    .free-ingener-title div {
        max-width: 75%;
    }
    .free-ingener-title .viezd-img {
        position: absolute;
        top: -2px;
        right: -12px;
    }
}

@media (max-width: 575px){
    #social_slider .slick-list {
        overflow: visible;
    }
    .social_slider-item {
        width: 210px;
    }
    .slick-slide .social_slider-img {
        transition: all 0.3s ease-in-out;
        display: block;
        position: relative;
    }
    .quiz__header-text {
        font-size: 16px;
        line-height: 22px;
        padding: 19px 0 17px;
    }
    .social .quiz__header-text {
        padding-top: 0;
    }
    #pdf{
        justify-content: center;
    }
}

@media (max-width: 480px){
    .s_works,
    .s_adv{
        padding: 0 10px;
    }
}

.leaf-wrap{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
}
.set{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.set div{
    position: absolute;
}
.set img{
    display: block;
    width: 100%;
    height: 100%;
}
.set-1{
    transform: scale(1.4) rotateY(180deg);
    z-index: 3;
}
.set-2{
    transform: rotateY(180deg);
    filter: blur(1px);
    z-index: 2;
}
.set-3{
    transform: scale(0.8) rotateX(180deg);
    filter: blur(3px);
    z-index: 1;
}
.leaf-1{
    width: 124px;
    height: 85px;
    left: 1%;
    animation: leaf2 22s linear infinite;
    animation-delay: -4s;
}
.leaf-2{
    width: 92px;
    height: 80px;
    left: 10%;
    animation: leaf 15s linear infinite;
    animation-delay: -10s;
}
.leaf-3{
    width: 74px;
    height: 118px;
    left: 16%;
    animation: leaf 25s linear infinite;
    animation-delay: -10s;
}
.leaf-4{
    width: 39px;
    height: 89px;
    left: 23%;
    animation: leaf2 13s linear infinite;
    animation-delay: -10s;
}
.leaf-5{
    width: 39px;
    height: 89px;
    right: 0;
    animation: leaf 23s linear infinite;
    animation-delay: -19s;
}
.leaf-6{
    width: 134px;
    height: 147px;
    right: 5%;
    animation: leaf2 19s linear infinite;
    animation-delay: -4s;
}
.leaf-7{
    width: 85px;
    height: 85px;
    right: 15%;
    animation: leaf 26s linear infinite;
    animation-delay: -18s;
}
.leaf-8{
    width: 126px;
    height: 141px;
    right: 22%;
    animation: leaf2 10s linear infinite;
    animation-delay: -4s;
}
.set-2 .leaf-1{
    animation-duration: 35s;
}
.set-2 .leaf-2{
    animation-duration: 25s;
}
.set-2 .leaf-3{
    animation-duration: 30s;
}
.set-2 .leaf-4{
    animation-duration: 29s;
}
.set-2 .leaf-5{
    animation-duration: 32s;
}
.set-2 .leaf-6{
    animation-duration: 26s;
}
.set-2 .leaf-7{
    animation-duration: 38s;
}
.set-2 .leaf-8{
    animation-duration: 33s;
}
@keyframes leaf{
    0%{
        opacity: 0;
        top: -10%;
        transform: translateX(-20px) rotate(225deg);
    }
    18%{
        opacity: 1;
    }
    20%{
        transform: translateX(-20px) rotate(180deg);
    }
    40%{
        transform: translateX(-20px) rotate(135deg);
    }
    60%{
        transform: translateX(20px) rotate(90);
    }
    68%{
        opacity: 1;
    }
    80%{
        transform: translateX(-20px) rotate(45deg);
    }
    100%{
        opacity: 0;
        top: 110%;
        transform: translateX(-20px) rotate(0deg);
    }
}
@keyframes leaf2{
    0%{
        opacity: 0;
        top: -10%;
        transform: translateX(20px) rotate(0deg);
    }
    18%{
        opacity: 1;
    }
    20%{
        transform: translateX(20px) rotate(45deg);
    }
    40%{
        transform: translateX(20px) rotate(90deg);
    }
    60%{
        transform: translateX(-20px) rotate(90deg);
    }
    68%{
        opacity: 1;
    }
    80%{
        transform: translateX(-20px) rotate(180deg);
    }
    100%{
        opacity: 0;
        top: 110%;
        transform: translateX(20px) rotate(225deg);
    }
}
@media (max-width: 768px){
    .set-1{
        transform: scale(1.1) rotateY(180deg);
    }
    .set-2{
        transform: scale(0.9) rotateY(180deg);
    }
    .set-3{
        transform: scale(0.7) rotateX(180deg);
    }
    .leaf-1, .leaf-3, .leaf-6, .leaf-8{
        display: none;
    }
    .sale p{
        font-size: 20px;
    }
    #s01 .sale .arrow-down{
        right: auto;
    }
}
.nav, .wrap tac{
    z-index: 5;
    position: relative;
}
/*.leaf-wrap{
    display: none;
}*/