@charset "UTF-8"; /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url(jquery.fancybox.min.css);@import url(twentytwenty.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: 940px;
    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 {
    flex-wrap: wrap
}

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

.dif {
    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: flex;
    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: #00bff3;
    color: #fff;
    padding: .5rem 2.75rem
}

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

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 #00bff3
}

.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: #00bff3
}

.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
    }
}

@font-face {
    font-family: Museo Sans Cyrl\ 500;
    src: url(../fonts/MuseoSansCyrl-500.eot);
    src: local("MuseoSansCyrl-500"),url(../fonts/MuseoSansCyrl-500.eot?#iefix) format("embedded-opentype"),url(../fonts/MuseoSansCyrl-500.woff) format("woff"),url(../fonts/MuseoSansCyrl-500.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Museo Sans Cyrl\ 300;
    src: url(../fonts/MuseoSansCyrl-300Italic.eot);
    src: local("MuseoSansCyrl-300Italic"),url(../fonts/MuseoSansCyrl-300Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/MuseoSansCyrl-300Italic.woff) format("woff"),url(../fonts/MuseoSansCyrl-300Italic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Museo Sans Cyrl\ 500;
    src: url(../fonts/MuseoSansCyrl-500Italic.eot);
    src: url(../fonts/MuseoSansCyrl-500Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/MuseoSansCyrl-500Italic.woff) format("woff"),url(../fonts/MuseoSansCyrl-500Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Museo Sans Cyrl\ 900;
    src: url(../fonts/MuseoSansCyrl-900.eot);
    src: url(../fonts/MuseoSansCyrl-900.eot?#iefix) format("embedded-opentype"),url(../fonts/MuseoSansCyrl-900.woff) format("woff"),url(../fonts/MuseoSansCyrl-900.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

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

@font-face {
    font-family: Museo Sans Cyrl\ 700;
    src: url(../fonts/MuseoSansCyrl-700Italic.eot);
    src: url(../fonts/MuseoSansCyrl-700Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/MuseoSansCyrl-700Italic.woff) format("woff"),url(../fonts/MuseoSansCyrl-700Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Museo Sans Cyrl\ 300;
    src: url(../fonts/MuseoSansCyrl-300.eot);
    src: url(../fonts/MuseoSansCyrl-300.eot?#iefix) format("embedded-opentype"),url(../fonts/MuseoSansCyrl-300.woff) format("woff"),url(../fonts/MuseoSansCyrl-300.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Museo Sans Cyrl\ 100;
    src: url(../fonts/MuseoSansCyrl-100.eot);
    src: url(../fonts/MuseoSansCyrl-100.eot?#iefix) format("embedded-opentype"),url(../fonts/MuseoSansCyrl-100.woff) format("woff"),url(../fonts/MuseoSansCyrl-100.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Museo Sans Cyrl\ 100;
    src: url(../fonts/MuseoSansCyrl-100Italic.eot);
    src: url(../fonts/MuseoSansCyrl-100Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/MuseoSansCyrl-100Italic.woff) format("woff"),url(../fonts/MuseoSansCyrl-100Italic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Museo Sans Cyrl\ 900;
    src: url(../fonts/MuseoSansCyrl-900Italic.eot);
    src: url(../fonts/MuseoSansCyrl-900Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/MuseoSansCyrl-900Italic.woff) format("woff"),url(../fonts/MuseoSansCyrl-900Italic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

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

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

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

@font-face {
    font-family: Bebas Neue;
    src: url(../fonts/BebasNeueBold.eot);
    src: url(../fonts/BebasNeueBold.eot?#iefix) format("embedded-opentype"),url(../fonts/BebasNeueBold.woff2) format("woff2"),url(../fonts/BebasNeueBold.woff) format("woff"),url(../fonts/BebasNeueBold.ttf) format("truetype"),url(../fonts/BebasNeueBold.svg#BebasNeueBold) format("svg");
    font-weight: 700;
    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/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/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/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
}

@font-face {
    font-family: Muller;
    src: url(../fonts/MullerBlack.eot);
    src: url(../fonts/MullerBlack.eot?#iefix) format("embedded-opentype"),url(../fonts/MullerBlack.woff2) format("woff2"),url(../fonts/MullerBlack.woff) format("woff"),url(../fonts/MullerBlack.ttf) format("truetype"),url(../fonts/MullerBlack.svg#MullerBlack) format("svg");
    font-weight: 900;
    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
}

.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
}

.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;
    font-family: Museo Sans Cyrl\ 100;
    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;
    font-family: Museo Sans Cyrl\ 500
}

.popup-bg #popup1 .head span strong,.popup-bg #popup3 .head span strong,.popup-bg #popup4 .head span strong {
    font-family: Museo Sans Cyrl\ 900
}

.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: flex;
    margin-left: auto;
    margin-right: auto;
    width: 363px;
    height: 53px;
    border-radius: 27px;
    background-color: #fff200;
    background-image: linear-gradient(0deg,#fff600 0,#fdc42a);
    max-width: 100%;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: #000;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.popup-bg #popup1 .goToMain:hover,.popup-bg #popup3 .goToMain:hover,.popup-bg #popup4 .goToMain:hover {
    background-image: linear-gradient(0deg,#fff833 0,#fdd25d)
}

.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: flex;
    position: relative;
    z-index: 9999
}

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

.popup-bg #popup2 .popup_title {
    font-size: 25px;
    font-family: Museo Sans Cyrl\ 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: 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;
    text-align: center;
    font-size: 16px;
    height: 44px;
    border-radius: 5px;
    border: 1px dotted #00bff3;
    background-color: #fff;
    margin-bottom: 0;
    z-index: 999999
}

.popup-bg #popup2 .submit,.popup-bg #popup2 [type=tel] {
    width: 288px;
    max-width: 100%;
    color: #000;
    position: relative
}

.popup-bg #popup2 .submit {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 15px;
    border: none;
    height: 53px;
    border-radius: 40px;
    background-color: #fff200;
    background-image: linear-gradient(0deg,#fff600 0,#fdc42a);
    align-items: center;
    align-content: center;
    justify-content: center;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

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

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

.popup-bg #popup2 .submit.active,.popup-bg #popup2 .submit:hover {
    box-shadow: 0 0 8px 1px hsla(0,0%,100%,.35);
    background-color: #fff271;
    color: #000
}

.popup-bg #popup2 .submit:active {
    box-shadow: inset 1px 4px 5px rgba(198,131,25,.91);
    border-radius: 27px;
    background-color: #fff200;
    background-image: linear-gradient(0deg,#fff600 0,#fdc42a);
    color: #000
}

.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 #popup4 {
    width: 460px;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    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;
    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: #000;
    display: inline-block;
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    box-shadow: none;
    transition: .2s ease;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background-color: #fff200;
    background-image: linear-gradient(0deg,#fff600 0,#fdc42a)
}

.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-image: linear-gradient(0deg,#fdc42a 0,#fff600)
}

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

.twentytwenty-handle {
    cursor: e-resize
}

.twentytwenty-horizontal .twentytwenty-after-label:before,.twentytwenty-horizontal .twentytwenty-before-label:before {
    top: 90%
}

.twentytwenty-before-label:before {
    content: "До"
}

.twentytwenty-after-label:before {
    content: "После"
}

body.open_banner {
    padding-bottom: 140px
}

#home_2 {
    margin-top: -190px
}

#home_2 .hr {
    width: 88px;
    margin: 25px auto;
    border-bottom: 2px dotted #ffed39
}

#home_2 .title {
    text-align: center;
    font-size: 25px
}

#home_2 .home_slider {
    margin-top: 30px;
    width: 840px;
    max-width: 100%;
    background: url(../img/slider_bg.jpg) no-repeat 50% 50%/cover;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    position: relative
}

#home_2 .slick-slide img {
    width: 100%;
    height: 400px
}

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

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

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

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

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

#home_2 .slider_footer {
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 0 20px
}

#home_2 .goToQuiz,#home_2 .slider_footer {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center
}

#home_2 .goToQuiz {
    color: #010101;
    font-family: Museo Sans Cyrl\ 900;
    font-size: 16px;
    text-decoration: underline;
    width: 386px;
    height: 56px;
    border-radius: 28px;
    background-color: #fff200;
    background-image: linear-gradient(0deg,#fff600 0,#fdc42a);
    max-width: 100%;
    align-content: center;
    justify-content: center
}

#home_2 .goToQuiz:hover {
    text-decoration: none;
    background-image: linear-gradient(0deg,#fff833 0,#fdd25d)
}

#home_2 .goToQuiz:active {
    box-shadow: inset 1px 4px 5px rgba(198,131,25,.91);
    background-color: #fff200;
    background-image: linear-gradient(0deg,#fff600,#fdc42a);
    color: #000
}

#home_2 .slider_list {
    flex-grow: 1;
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-family: Museo Sans Cyrl\ 100
}

#home_2 .slider_list strong {
    font-family: Museo Sans Cyrl\ 500
}

#home_3 {
    padding-top: 35px;
    background: url(../img/blue2_1.jpg) no-repeat 0 170px;
    padding-bottom: 250px
}

#home_3:before {
    content: "";
    position: absolute;
    width: 110%;
    height: 450px;
    background: #fff;
    transform: rotate(11deg);
    left: -5%;
    bottom: -220px
}

#home_3 .hr {
    width: 88px;
    margin: 25px auto;
    border-bottom: 2px dotted #ffed39
}

#home_3 .h2.white {
    color: #fff;
    text-shadow: 0 0 5px rgba(0,52,128,.75)
}

#home_3 .services {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 840px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    justify-content: space-between;
    margin-bottom: 160px
}

#home_3 .body {
    border-radius: 5px;
    border: 1px dotted #00bff3;
    background-color: #fff;
    padding: 20px;
    min-height: 416px;
    padding-bottom: 25px
}

#home_3 .block {
    width: 266px;
    max-width: 100%
}

#home_3 .img {
    height: 104px;
    text-align: center
}

#home_3 .img img {
    max-height: 100%
}

#home_3 .title {
    text-align: center;
    font-family: Museo Sans Cyrl\ 700;
    margin-top: 12px;
    font-size: 16px;
    min-height: 62px
}

#home_3 .title strong {
    color: #00bff3;
    text-transform: uppercase
}

#home_3 .list {
    margin: 0;
    font-size: 16px;
    font-family: Museo Sans Cyrl\ 100
}

#home_3 .list li {
    margin-top: 10px
}

#home_3 .footer {
    color: #000;
    font-size: 16px;
    text-align: center;
    width: 100%;
    height: 66px;
    border-radius: 0 0 5px 5px;
    background-color: #fff200;
    background-image: linear-gradient(0deg,#fff600 0,#fdc42a);
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-top: -3px;
    font-family: Museo Sans Cyrl\ 500
}

#home_3 .footer:hover {
    text-decoration: underline;
    background-image: linear-gradient(0deg,#fff833 0,#fdd25d);
    box-shadow: 0 0 8px 1px hsla(0,0%,100%,.35);
    background-color: #ffe90b;
    color: #000
}

#home_3 .footer:active {
    box-shadow: inset 1px 4px 5px rgba(198,131,25,.91);
    background-color: #fff200;
    background-image: linear-gradient(0deg,#fff600,#fdc42a);
    color: #000
}

#home_3 .sertificates {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-bottom: 70px
}

#home_3 .sertificates .img {
    width: 181px;
    height: 247px;
    border-radius: 5px;
    border: 1px dotted #fff;
    padding: 4px
}

#home_3 .sertificates .img img {
    width: 100%;
    height: 100%
}

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

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

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

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

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

#home_3 .logos {
    flex-wrap: wrap;
    width: 620px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    justify-content: space-between
}

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

#home_3 .logos .logo {
    margin-top: 7px;
    width: 148px;
    height: 110px;
    border-radius: 5px;
    border: 1px dotted #00aeef;
    background-color: #fff;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-shrink: 0
}

#home_3 .logos .logo.big {
    width: 199px
}

#home_4 {
    margin-top: -180px;
    padding-bottom: 15px
}

#home_4 .hr {
    width: 88px;
    margin: 25px auto;
    border-bottom: 2px dotted #ffed39
}

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

#home_4 .review {
    width: 257px;
    height: 242px;
    border-radius: 5px;
    border: 1px dotted #00bff3;
    background-color: #fff;
    position: relative;
    padding: 6px
}

#home_4 .review img,#home_4 a {
    width: 100%;
    height: 100%
}

#home_4 a {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-family: Museo Sans Cyrl\ 100;
    font-weight: 100;
    flex-wrap: wrap
}

#home_4 a:hover strong {
    text-decoration: underline
}

#home_4 a strong {
    font-family: Museo Sans Cyrl\ 700;
    display: inline
}

#home_4 a span {
    color: red;
    display: inline
}

#home_5 {
    padding-top: 200px;
    margin-top: -200px;
    padding-bottom: 40px;
    font-size: 16px
}

#home_5:before {
    content: "";
    position: absolute;
    top: 310px;
    left: -10%;
    width: 120%;
    background: #f7f7f7;
    height: 720px;
    transform: rotate(10deg)
}

#home_5 .hr {
    width: 88px;
    margin: 25px auto;
    border-bottom: 2px dotted #ffed39
}

#home_5 .contacts_flex {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 800px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto
}

#home_5 .map {
    margin-left: 33px;
    width: 449px;
    max-width: 100%;
    height: 217px;
    border-radius: 5px;
    border: 1px dotted #00bff3;
    background-color: #fff;
    padding: 4px
}

#home_5 .map,#home_5 .text {
    flex-shrink: 0
}

#home_5 .list {
    margin-top: 20px;
    margin-bottom: 0
}

#home_5 .list li {
    margin-top: 15px;
    padding-left: 24px;
    position: relative
}

#home_5 .list li strong {
    font-family: Museo Sans Cyrl\ 700
}

#home_5 .list li.location {
    background: url(../img/location.png) no-repeat 0 50%
}

#home_5 .list li.mail {
    background: url(../img/email.png) no-repeat 0 50%
}

#home_5 .list li.call {
    background: url(../img/tel.png) no-repeat 0 50%
}

#home_5 .dev {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
    font-size: 16px;
    color: #9f9f9f;
    font-family: Museo Sans Cyrl\ 100;
    width: 840px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

#home_5 .dev .copy {
    flex-grow: 1
}

#home_5 .dev a:hover {
    text-decoration: underline
}

.banner_wrap {
    width: 100%;
    height: 195px;
    box-shadow: 0 0 23px 4px rgba(0,0,0,.21);
    background-color: red;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999999999999;
    color: #fff;
    display: none
}

.banner_wrap .wrap {
    max-width: 940px;
    padding-top: 0;
    padding-bottom: 0;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.banner_wrap .wrap .img {
    flex-shrink: 0;
    margin-right: 30px
}

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

.banner_wrap .banner_title strong {
    font-size: 20px;
    font-family: Museo Sans Cyrl\ 700
}

.banner_wrap .goToQuiz {
    color: #000;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    width: 322px;
    height: 69px;
    border-radius: 34px;
    background-color: #fff200;
    background-image: linear-gradient(0deg,#fff600 0,#fdc42a);
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    align-content: center;
    margin-top: 15px;
    justify-content: center
}

.banner_wrap .goToQuiz:before {
    content: "";
    position: absolute;
    right: -50px;
    top: 10px;
    width: 91px;
    height: 65px;
    background: url(../img/calc.png) no-repeat 50% 50%/cover
}

.banner_wrap .goToQuiz:hover {
    text-decoration: none;
    background-image: linear-gradient(0deg,#fff833 0,#fdd25d)
}

.banner_wrap .goToQuiz:active {
    box-shadow: inset 1px 4px 5px rgba(198,131,25,.91);
    background-color: #fff200;
    background-image: linear-gradient(0deg,#fff600,#fdc42a);
    color: #000
}

.banner_wrap .slideDown {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    font-family: Museo Sans Cyrl\ 300;
    margin-top: 35px;
    cursor: pointer;
    transition: .2s ease
}

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

.banner_wrap .slideDown img {
    margin-left: 4px;
    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: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    font-size: 14px;
    color: #fff;
    font-family: Museo Sans Cyrl\ 700;
    width: 148px;
    height: 69px;
    border-radius: 34px;
    border: 1px solid #fff;
    text-align: center;
    margin-top: 10px
}

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

body {
    overflow-x: hidden;
    font-family: sans-serif;
    font-size: 20px;
    font-family: Museo Sans Cyrl\ 500;
    line-height: 1.3;
    overflow-x: hidden!important
}

#home_2 .goToQuiz {
    flex-shrink: 0
}

#main .change_block {
    will-change: top
}

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

a {
    text-decoration: none;
    color: inherit;
    transition: .2s ease
}

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

.flex-wrap {
    flex-wrap: wrap
}

.jcsa {
    justify-content: space-around
}

.jcsb {
    justify-content: space-between
}

.jcfs {
    justify-content: flex-start
}

.jcc {
    justify-content: center
}

.aic {
    align-items: center
}

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

.btn {
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
    box-shadow: 0 0 23px 1px rgba(255,246,0,.52);
    border-radius: 41px;
    background-color: #fff200;
    background-image: linear-gradient(0deg,#fff600 0,#fdc42a);
    border-radius: 40px;
    position: relative;
    display: inline-block
}

.btn:hover {
    box-shadow: 0 0 10px 1px rgba(255,246,0,.52);
    background-image: linear-gradient(0deg,#fff833 0,#fdd25d)
}

.h2 {
    font-size: 31px
}

.h2 strong {
    color: #00bff3;
    font-family: Museo Sans Cyrl\ 900
}

.h2 small {
    display: block;
    font-size: 23px
}

.goNext {
    background: #fff
}

#anchor {
    display: block;
    height: 0;
    position: relative;
    top: 130px
}

.player {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.player,.player .screen {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.player .screen {
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    transition: opacity .5s
}

.player .screen.active {
    opacity: 1
}

#nav {
    position: relative
}

#nav .logo_block {
    flex-grow: 1
}

#nav .logo .img {
    flex-shrink: 0;
    width: 144px;
    border: 2px solid #00bff3;
    border-radius: 50%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center
}

#nav .logo .img img {
    flex-shrink: 0;
    margin-right: 5px;
    margin-left: -10px
}

#nav .logo .img p {
    font-size: 27px;
    font-family: Bebas Neue;
    color: #48a4fe;
    line-height: 23px;
    text-align: center
}

#nav .logo .img p strong {
    font-size: 23px
}

#nav .logo .img p small {
    font-size: 21px
}

#nav .logo_text,#nav .logo_text_2 {
    font-size: 18px;
    margin-left: 20px;
    font-family: Helvetica
}

#nav .phone {
    display: block;
    text-align: right;
    font-size: 20px;
    font-family: Museo Sans Cyrl\ 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)
}

.home #s01 {
    background: url(../img/home_bg_2.jpg) no-repeat 50% 50%;
    padding-bottom: 330px
}

#s01 {
    background: url(../img/bg1.jpg?v=2) no-repeat 50% 15%/cover;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 240px
}

#s01 .h1 {
    text-align: left;
    font-weight: 900;
    font-family: Museo Sans Cyrl\ 900
}

#s01 .h1 span {
    color: #48a4fe
}

#s01 .hr {
    margin: 15px 0;
    width: 88px;
    border-bottom: 2px dotted #c7b609
}

#s01 .subtitle {
    font-size: 22px;
    font-family: Museo Sans Cyrl\ 300
}

#s01 .block {
    margin-top: 30px;
    text-align: center;
    width: 180px;
    max-width: 100%
}

#s01 .block .number {
    font-size: 35px;
    font-family: Museo Sans Cyrl\ 900;
    color: #48a4fe
}

#s01 .block .number_text {
    font-family: Helvetica;
    font-size: 16px;
    margin-top: 5px
}

#s01 .sub {
    font-family: Helvetica;
    font-size: 23px;
    text-shadow: 0 0 5px rgba(0,0,0,.26);
    margin-top: 50px
}

#s01 .btn {
    margin-top: 35px;
    margin-left: 65px;
    width: 339px;
    height: 82px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 0;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding-left: 25px;
    box-shadow: 0 0 23px 1px rgba(204,197,0,.52),0 0 23px 1px rgba(204,197,0,.52),0 0 23px 1px rgba(204,197,0,.52)
}

#s01 .btn:before {
    top: 10px;
    left: -65px;
    background: url(../img/calc.png) no-repeat 50% 50%/cover;
    width: 118px;
    height: 84px
}

#s01 .btn:after {
    content: "";
    position: absolute;
    bottom: -45px;
    width: 272px;
    height: 46px;
    background-image: linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));
    left: calc(50% - 136px);
    opacity: .1
}

#s01 .btn:active {
    box-shadow: inset 1px 4px 5px rgba(198,131,25,.91);
    background-color: #fff200;
    background-image: linear-gradient(0deg,#fff600,#fdc42a);
    color: #000
}

#s01 .btn_wrapper {
    display: inline-block;
    position: relative
}

#s01 .btn_wrapper:before {
    content: "";
    position: absolute;
    right: -70px;
    top: 5px;
    background: url(../img/arrow.png) no-repeat 50% 50%/cover;
    width: 38px;
    height: 72px
}

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

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

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

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

#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: #fde80a;
    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: c 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: flex;
    font-size: 16px;
    font-family: Helvetica
}

#main .question .img {
    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 0,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 {
    background: url(../img/three.png) no-repeat 50% 50%;
    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-family: Museo Sans Cyrl\ 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-family: Museo Sans Cyrl\ 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: flex;
    justify-content: space-between;
    margin-top: 30px
}

#main .col_right {
    width: 258px;
    flex-shrink: 0
}

#main .col_left {
    width: 470px;
    flex-shrink: 0;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    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: 125px;
    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 {
    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-radius: 5px;
    border: 1px dotted #00bff3;
    background-color: #fff;
    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: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    padding-left: 40px;
    padding-right: 5px;
    text-shadow: 0 0 2px rgba(17,31,63,.64);
    font-size: 16px;
    font-family: Museo Sans Cyrl\ 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-family: Museo Sans Cyrl\ 900
}

#main .textarea_block {
    height: auto;
    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;
    justify-content: flex-end
}

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

#main .buttons .goBack,#main .buttons .goNext {
    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;
    align-content: center;
    justify-content: center;
    margin-right: 30px
}

#main .buttons .goBack img,#main .buttons .goNext img {
    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]) {
    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 {
    filter: brightness(0)
}

#main .buttons .goBack:active:not([disabled=disabled]),#main .buttons .goNext: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 0,#fdc42a);
    color: #000
}

#main .buttons .goBack:active:not([disabled=disabled]) img,#main .buttons .goNext: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: flex;
    justify-content: space-between;
    opacity: .18;
    color: #fff;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 300;
    margin-top: 70px
}

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

#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 ease
}

#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: flex;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    font-family: Museo Sans Cyrl\ 900;
    top: 8px;
    right: 8px;
    text-align: center;
    align-items: center;
    align-content: 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 0,#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-family: Museo Sans Cyrl\ 900;
    font-size: 22px;
    text-align: center;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    align-content: 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: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: #111f3f;
    font-family: Museo Sans Cyrl\ 700;
    font-size: 16px;
    padding: 10px;
    min-height: 67px;
    border-radius: 0 0 5px 5px;
    background-color: #ff0;
    position: relative;
    z-index: 9;
    text-align: center
}

#main .one_step {
    text-align: center;
    margin-top: 12px;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 700
}

#main .one_step strong {
    display: block;
    color: #00bff3;
    font-family: Museo Sans Cyrl\ 900;
    font-weight: 400
}

#main .slider {
    opacity: 0
}

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

#main .weAreStarted {
    color: #0cf;
    font-family: Museo Sans Cyrl\ 900;
    font-size: 25px;
    text-align: center
}

#main .startedFlex {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    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 0,#fdc42a);
    margin-top: 25px;
    margin-left: 20px;
    border-radius: 40px!important;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    align-content: 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 0,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 0,#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?v=2) 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: flex;
    align-items: center;
    align-content: 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-family: Museo Sans Cyrl\ 300
}

#main .primernaya strong {
    font-family: Museo Sans Cyrl\ 700
}

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

#main .master_information .master_image {
    flex-shrink: 0;
    position: relative;
    width: 202px;
    height: 228px;
    border-radius: 5px;
    border: 1px dotted #00bff3;
    align-items: center;
    align-content: 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-family: Museo Sans Cyrl\ 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 .for_calc.mt1 {
    margin-top: 10px
}

#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;
    font-weight: 700;
    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: flex;
    max-width: 100%;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-color: #fff200;
    background-image: linear-gradient(0deg,#fff600 0,#fdc42a)
}

#main .submit:hover {
    background-image: linear-gradient(0deg,#fff833 0,#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: flex;
    align-items: center;
    align-content: 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 0,#fdc42a);
    color: #000
}

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

#main .price_blocks {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    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: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    color: #fff;
    font-family: Museo Sans Cyrl\ 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: flex;
    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: flex;
    color: #525252;
    font-family: Helvetica;
    font-size: 13px;
    font-weight: 300;
    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 b {
    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: flex;
    align-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    position: absolute;
    text-align: 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: flex;
    align-items: center;
    align-content: 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: b 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 c {
    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]::placeholder,#main textarea::placeholder {
    color: #fff
}

#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: d 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-family: Museo Sans Cyrl\ 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::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-family: Museo Sans Cyrl\ 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 d {
    0%,to {
        top: calc(100% + 60px)
    }

    50% {
        top: calc(100% + 120px)
    }
}

.light_theme #nav .logo .img img {
    margin-left: 0;
    margin-right: 0
}

.light_theme #s01 .block {
    width: 240px
}

.light_theme #s01 .block .number {
    color: #ff0208
}

.light_theme #s01 .sub {
    text-shadow: none
}

.light_theme #s01 .sub strong {
    font-weight: 400;
    color: #ff0208
}

.light_theme #main .change_block,.light_theme #main .header {
    border-color: #8ace27
}

.light_theme #main .question {
    background: #fff
}

.light_theme #main .progressBar .bar {
    background: #8ace27
}

.light_theme #main .question .img:before {
    background-image: linear-gradient(180deg,#9dd62e 0,rgba(157,214,46,0))
}

.light_theme #main .answer_block {
    text-shadow: none
}

.light_theme #main .present_block p,.light_theme #main .present_block p strong {
    color: #fff
}

.light_theme #main .answer_block.noImg {
    min-height: 44px;
    color: #fff;
    background: red;
    border-color: red
}

.light_theme #main .label {
    color: #000
}

.light_theme #main .column input.filled,.light_theme #main .column input:active,.light_theme #main .column input:focus {
    border-color: red
}

.light_theme #main .column input {
    margin-bottom: 0
}

.light_theme #main .column .img.high_img {
    height: 228px;
    width: 204px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-color: red
}

.light_theme #nav .col {
    width: 25%
}

.light_theme #nav .center_col {
    width: 50%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.light_theme #nav .logo_text {
    text-align: right;
    margin-left: 0;
    margin-right: 25px
}

.light_theme #nav .logo_text_2 {
    text-align: left;
    margin-left: 0;
    padding-left: 30px;
    position: relative
}

.light_theme #nav .logo_text_2:before {
    content: "";
    position: absolute;
    left: 0;
    height: 88px;
    border-left: 2px dotted #fce99c;
    top: calc(50% - 44px)
}

.light_theme #s01 {
    color: #000
}

.light_theme #s01 .img {
    border: none;
    padding: 0
}

.light_theme #main .white_title {
    font-size: 26px
}

.light_theme #main [type=radio]:checked+label:after {
    box-shadow: inset 0 0 2px 2px red;
    background-color: red
}

.light_theme #main .answer_block {
    background: red;
    color: #fff
}

.light_theme #main .fake_checkbox {
    background: red
}

.light_theme #main [type=text]::placeholder,.light_theme #main textarea::placeholder {
    color: #000
}

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

.light_theme #main .form_control .img {
    border-color: red
}

.light_theme #main .answer_block {
    position: relative
}

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

.light_theme #main .column input {
    border-color: red
}

.light_theme #main .question .img.five:before {
    bottom: -30px
}

.light_theme #main .footer {
    background: red;
    color: #fff
}

.light_theme #main .footer table {
    color: #fff
}

.light_theme #main .answer_block.switchPresent {
    height: 90px
}

.light_theme #main .footer {
    position: relative;
    z-index: 2
}

.light_theme #main .one_step strong {
    color: #8ace27
}

.light_theme #main .radio_list li [type=radio]:checked+label:before,.light_theme #main .radio_list li label:before,.light_theme #main [type=tel] {
    border-color: red
}

.light_theme #main .present_header,.light_theme #main .present_name {
    background: #8ace27
}

.light_theme #main .form_control .img {
    border-left: 1px solid #8ace27;
    border-right: 1px solid #8ace27
}

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

.light_theme #main:before {
    content: "";
    position: absolute;
    left: 0;
    height: 110px;
    width: 100%;
    z-index: 9;
    background: url(../img/shadow.png) no-repeat 50% 50%/cover
}

.light_theme .percentage {
    color: #fff
}

.light_theme #main .perfect {
    color: red
}

.light_theme #main .price_header {
    background: red
}

.light_theme #main .bottom_phone,.light_theme #main .master_information .master_image,.light_theme #main .master_information .master_image:before,.light_theme #main .price_blocks .price_block,.light_theme #main .timeToCall {
    border-color: red
}

.light_theme #main .master_list li strong {
    display: block
}

.light_theme #main .price_blocks .price_block {
    width: 405px
}

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

.light_theme #main .price_body {
    padding: 20px 8px 8px
}

.light_theme #main .price_list>li span:nth-of-type(2) {
    text-align: left;
    font-weight: 700;
    width: 135px;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    color: #000
}

.light_theme #main .price_list>li {
    justify-content: flex-start
}

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

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

.light_theme #main .price_list>li.head {
    font-weight: 700;
    color: red;
    padding-left: 0
}

.light_theme #main .price_list>li.head:before {
    content: none
}

.light_theme #main .price_list>li.head span {
    color: red!important;
    align-items: center;
    align-content: center;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.light_theme #main .price_list li {
    height: 35px
}

.light_theme #main .price_list>li {
    align-items: center
}

.light_theme .itogo {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    color: #525252;
    font-family: Helvetica;
    align-items: center;
    align-content: center;
    font-weight: 700;
    font-size: 16px
}

.light_theme .itogo span {
    flex-grow: 1
}

.light_theme .itogo span:first-child {
    width: 280px;
    max-width: 100%
}

.light_theme .itogo span:last-child {
    color: #000
}

.light_theme #main .price_list.fz14 li span:nth-of-type(2) {
    font-size: 14px
}

.light_theme #main .weAreStarted {
    color: red
}

.light_theme .bg_video {
    top: 0;
    width: 2600px;
    left: -20%
}

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

.light_theme #main .column .img.high_img {
    max-width: 100%
}

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

.light_theme #main {
    background: url(../img/forest.jpg) repeat-y 50% 0
}

.light_theme #main .price_list>li span:nth-of-type(3),.light_theme .itogo span:last-child {
    white-space: nowrap
}

.light_theme .error {
    color: #000
}

.light_theme #main .price_list>li:before {
    top: 9px
}

.light_theme #main .price_list>li.head {
    height: 62px
}

.light_theme #main .price_list.fz14 li.head span:nth-of-type(2) {
    font-size: 16px
}

.light_theme .bg_video {
    height: 1300px;
    width: 4500px
}

.light_theme #nav .logo_text_2:before {
    border-color: #4090dd
}

.light_theme #nav .col {
    width: 290px;
    flex-shrink: 0
}

.light_theme #nav .col.contacts {
    width: 190px
}

.light_theme #nav .logo_text_2 {
    padding-left: 20px
}

.light_theme #nav .center_col {
    width: 100%;
    flex-grow: 1
}

.light_theme #nav .logo .img {
    flex-shrink: 0
}

.light_theme #nav .logo_t {
    margin-left: 8px;
    color: #000;
    font-family: Helvetica;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left
}

.light_theme #nav .logo_text {
    font-size: 12px;
    font-weight: 700;
    margin-right: 20px
}

.light_theme #nav .logo_text_2 {
    font-size: 12px
}

.light_theme #main .change_block,.light_theme #main .header {
    border-color: #48a4fe
}

.light_theme #s01 .h1 span {
    color: #016bd2
}

.light_theme #s01 .hr {
    border-color: #016bd2
}

.light_theme #s01 .block .number {
    color: #48a4fe
}

.light_theme #s01 .sub strong {
    color: #000;
    font-weight: 700
}

.light_theme .header_title small {
    display: block
}

.light_theme #main .progressBar .bar {
    background: #48a4fe
}

.light_theme #main .answer_block {
    background: #016bd2
}

.light_theme #main .form_control .img {
    border-color: #016bd2
}

.light_theme #main .answer_block {
    padding-left: 35px
}

.light_theme #main .answer_block.noImg {
    background: #016bd2;
    border-color: #016bd2
}

.light_theme #main [type=radio]:checked+label:after {
    background: #016bd2;
    box-shadow: inset 0 0 2px 2px #016bd2
}

.light_theme #main .noBG .answer_block.noImg {
    background: transparent;
    color: #000;
    min-height: 1px;
    height: auto
}

.light_theme #main .noBG .answer_block.noImg label {
    box-shadow: none;
    text-shadow: none;
    font-family: Museo Sans Cyrl\ 500
}

.light_theme #main .noBG .answer_block.noImg label:before {
    border-color: #016bd2
}

.light_theme #main .master_bold {
    font-family: Museo Sans Cyrl\ 500
}

.light_theme #main .column .img.high_img {
    height: auto;
    border-color: #016bd2
}

.light_theme #main .form_control {
    width: 230px
}

.light_theme #main .info_icon {
    right: -30px
}

.light_theme #main .inform_block {
    right: -160px
}

.light_theme #main .form_control:hover,.light_theme #main .info_parent:hover {
    z-index: 999
}

.light_theme #main .info_parent .inform_block {
    z-index: 999;
    height: auto;
    padding-bottom: 5px
}

.light_theme #main .inform_block .scroll {
    height: auto
}

.light_theme #main .info_icon {
    top: -4px
}

.light_theme #main .footer {
    background: #016bd2
}

.light_theme .rassrochka_block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    align-content: center;
    width: 410px;
    justify-content: space-between;
    max-width: 100%;
    margin-top: 20px
}

.light_theme .rassrochka_block .img {
    flex-shrink: 0
}

.light_theme .rassrochka_block a {
    color: #016bd2;
    font-family: Helvetica;
    font-size: 20px
}

.light_theme .rassrochka_block a:hover {
    text-decoration: underline
}

.light_theme .rassrochka_block p {
    margin-top: 5px;
    color: #878787;
    font-family: Helvetica;
    font-size: 10px
}

.light_theme #s01 {
    padding-bottom: 140px
}

.light_theme #main .answer_block.switchPresent {
    height: 50px;
    z-index: 9
}

.light_theme #main .footer table span {
    font-size: 11px;
    text-decoration: line-through
}

.light_theme #main .footer table strong {
    font-size: 14px
}

.light_theme #main .footer table td:nth-of-type(2) {
    padding-left: 25px;
    text-align: right
}

.light_theme #main .footer table .malo:before,.light_theme #main .footer table .mnogo:before {
    left: 45px
}

.light_theme #main .presents .info_icon {
    right: 10px;
    top: 8px
}

.light_theme #main .presents .inform_block {
    right: -120px
}

.light_theme #main .present_header,.light_theme #main .present_name {
    background: #ff0;
    color: #000
}

.light_theme #main .one_step strong {
    color: #016bd2
}

.light_theme #main .one_step {
    font-weight: 400
}

.light_theme #main .weAreStarted {
    color: #016bd2
}

.light_theme #main .phoneImg:before {
    width: 269px;
    left: -110px;
    height: 457px
}

.light_theme #main .radio_list li [type=radio]:checked+label:before,.light_theme #main .radio_list li label:before,.light_theme #main [type=tel] {
    border-color: #016bd2
}

.light_theme #main .perfect {
    color: #016bd2
}

.light_theme #main .change_block.white_block:not(.nextInQueue) {
    border-top: 2px solid #48a4fe
}

.light_theme #main .white_title {
    margin-left: 100px
}

.light_theme #main .bottom_phone,.light_theme #main .master_information .master_image,.light_theme #main .master_information .master_image:before,.light_theme #main .price_blocks .price_block,.light_theme #main .timeToCall {
    border-color: #016bd2
}

.light_theme #main .master_left {
    margin-right: 45px;
    width: 300px;
    text-align: center;
    max-width: 100%
}

.light_theme #main .master_information .master_image {
    margin-left: auto;
    margin-right: auto
}

.light_theme #main .price_header {
    background: #56b6fe
}

.light_theme .popup-bg #popup2 .submit:after {
    height: 292px
}

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

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

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

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

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

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

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

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

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

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

.light_theme #main .flex_form .doc_list {
    margin: 0
}

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

.light_theme #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
}

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

.light_theme #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
}

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

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

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

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

.light_theme #main .submit {
    font-size: 11px;
    font-weight: 700;
    width: 220px;
    margin-left: auto;
    margin-right: auto
}

.light_theme .new_title {
    text-align: center;
    margin-top: 100px;
    color: #48a4fe;
    font-family: Museo Sans Cyrl\ 900;
    font-size: 25px
}

.light_theme #main .flex_form .doc_block {
    background: #fff
}

.light_theme #main .flex_form .doc_list li {
    color: #000
}

.light_theme #main .flex_form .doc_block:after {
    content: none
}

.light_theme #main .flex_form .forma {
    padding-left: 20px;
    padding-right: 20px
}

.light_theme #main .flex_form [type=tel],.light_theme #main .flex_form textarea {
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    display: block
}

.light_theme #main .flex_form textarea {
    margin-top: 12px
}

.light_theme #main .flex_form .doc_title {
    font-weight: 400
}

.light_theme #main .flex_form .doc_list li:before {
    top: 4px
}

.light_theme #main .flex_form .doc_block:before {
    content: "";
    position: absolute;
    top: -20px;
    left: -35px;
    background: url(../img/r.png) no-repeat 50% 50%/cover;
    width: 144px;
    height: 144px
}

.light_theme #main .flex_form .doc_block {
    padding-left: 125px
}

.light_theme #main .flex_form {
    align-items: flex-start
}

.light_theme .marginLeft {
    margin-left: 20px
}

.light_theme #main .price_list li {
    height: auto
}

.light_theme #main .price_list>li:before {
    top: 6px
}

.light_theme #main .price_list>li span:nth-of-type(2) {
    font-weight: 400;
    text-decoration: line-through;
    color: #525252
}

.light_theme #main .price_list>li:last-child:before {
    content: none
}

.light_theme #main .price_list>li span:nth-of-type(3),.light_theme .light_theme .itogo span:last-child {
    font-weight: 400;
    color: red
}

.light_theme .itogo {
    display: block;
    text-align: center;
    font-weight: 400
}

.light_theme .bron {
    color: #56b6fe;
    font-family: Helvetica;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 261px;
    border-radius: 40px;
    border: 1px solid #48a4fe
}

.light_theme .bron:hover {
    background: #48a4fe
}

.light_theme .border_block {
    position: relative;
    padding: 10px 15px;
    border-radius: 5px;
    border: 2px dotted #56b6fe
}

.light_theme .border_block_title {
    text-align: center;
    color: #016bd2;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 700
}

.light_theme #main ol.price_list {
    padding-left: 0
}

.light_theme #main ol.price_list li span:first-child {
    flex-grow: 1
}

.light_theme #main ol.price_list li strong {
    color: #000;
    width: 135px
}

.light_theme #main ol.price_list li:before {
    border-radius: 50%;
    width: 7px;
    height: 7px;
    background: #00bff3;
    top: calc(50% - 6px)
}

.light_theme #main .price_blocks {
    justify-content: space-around;
    flex-wrap: wrap
}

.light_theme #main ol.price_list {
    min-height: 160px
}

.light_theme #main .flex_form .flex_form_list li {
    margin-bottom: 15px
}

.light_theme #main .flex_form .flex_form_list li:last-child {
    margin-bottom: 0
}

.light_theme #main .flex_form .col {
    margin-left: 20px;
    flex-grow: 0
}

.light_theme #main .flex_form .forma {
    margin-left: 30px
}

.light_theme #main .phoneImg:before {
    background: url(../img/phone.png?v=2) no-repeat 50% 50%/contain
}

.light_theme #main .answer_block label {
    padding-left: 5px
}

.light_theme #main .flex_form textarea {
    color: rgba(0,0,0,.7)
}

.light_theme #main .column .img.high_img.nalog {
    position: relative
}

.light_theme #main .footer {
    padding-left: 10px;
    padding-right: 10px
}

.light_theme #main .footer table .mnogo:before {
    left: 60px
}

.light_theme #main:before {
    top: -20px;
    background-image: linear-gradient(180deg,#000 0,rgba(0,0,0,.5))
}

.light_theme .bg_video {
    width: 2300px
}

.video_bg_wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 9
}

.light_theme #nav .logo_t,.light_theme #s01,.light_theme #s01 .sub strong {
    color: #fff
}

.light_theme #nav .logo_t {
    text-transform: none;
    font-weight: 300
}

#nav .logo .img {
    width: 95px
}

.light_theme #s01 .block .number,.light_theme #s01 .h1 span {
    color: #ffef06
}

.light_theme #s01 .hr {
    border-color: #ffef06
}

#s01 .block .number_text {
    font-size: 14px
}

.light_theme #s01 .block {
    width: 170px
}

.light_theme #s01 .block img {
    margin-top: 8px
}

#s01 .block .number_text {
    font-weight: 300
}

.animating_numbers {
    margin-top: 40px;
    text-shadow: 0 0 5px rgba(0,0,0,.26),0 0 21px #ffed08;
    color: #fefffe;
    font-family: Helvetica;
    font-size: 20px;
    font-weight: 700
}

.animating_numbers span {
    font-size: 27px
}

.light_theme #main .progressBar .bar {
    background: #ffed08
}

.light_theme #s01 .sub {
    font-weight: 300;
    margin-top: 30px
}

#s01 .btn {
    flex-wrap: wrap
}

#s01 .btn small {
    font-weight: 400
}

.light_theme .rassrochka_block a {
    color: #c69c6d
}

.light_theme #main .change_block {
    background: url(../img/doski.png) repeat-y 50% 0/cover
}

.light_theme #main .header {
    background: url(../img/doski.png) repeat-y 50% 0
}

.light_theme #main:before {
    top: -30px
}

.light_theme #main .change_block,.light_theme #main .header {
    border-color: #fff;
    color: #fff
}

.light_theme #main .question {
    background: transparent
}

.light_theme #main .question .img:before {
    background-image: linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0))
}

.light_theme #main .form_control {
    width: 210px
}

#main .form_control .img:after {
    background: transparent
}

.light_theme #main .answer_block,.light_theme #main .fake_checkbox {
    background: #c69c6d
}

.light_theme #main .form_control .img {
    border-color: #c69c6d
}

.light_theme #main .answer_block.noImg {
    background: #c69c6d;
    border-color: #c69c6d
}

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 #c69c6d
}

#main .present_block p strong {
    color: #392624
}

#main .answer_block {
    height: 65px
}

.light_theme #main .label {
    color: #71b24b
}

.light_theme #main .column .img.high_img,.light_theme #main .column input {
    border-color: #71b24b
}

#main .dev a,.light_theme #main .noBG .answer_block.noImg {
    color: #fff
}

#main .present_block p strong {
    color: #392624!important
}

#main .info_parent {
    position: absolute;
    z-index: 99;
    right: 40px;
    top: 15px
}

.light_theme #main .form_control .img {
    position: relative
}

#main .inform_block {
    top: 45px
}

#main .form_control .img img.mini {
    position: absolute;
    left: -5px;
    top: -5px;
    width: auto;
    height: auto
}

.light_theme #main .answer_block.switchPresent {
    height: 60px
}

.light_theme #main .one_step strong,.light_theme #main .perfect,.light_theme #main .weAreStarted {
    color: #71b24b
}

.light_theme #main .bottom_phone,.light_theme #main .master_information .master_image,.light_theme #main .master_information .master_image:before,.light_theme #main .price_blocks .price_block,.light_theme #main .radio_list li [type=radio]:checked+label:before,.light_theme #main .radio_list li label:before,.light_theme #main .timeToCall,.light_theme #main [type=tel] {
    border-color: #71b24b
}

.light_theme #main [type=radio]:checked+label:after {
    background: #71b24b;
    box-shadow: inset 0 0 2px 2px #71b24b
}

.light_theme #main .getResultBtn {
    background: transparent
}

#main .master_bold,#main .master_list,#main .master_name,#main .master_status {
    color: #fff
}

.font16 {
    font-size: 16px
}

.akcia {
    font-size: 20px;
    margin: 25px 0;
    font-family: Museo Sans Cyrl\ 900
}

.light_theme #main .master_left {
    margin-right: 0
}

.yellow {
    color: #ffed08;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 700
}

.light_theme #main .price_header {
    border-radius: 5px 5px 0 0;
    border: 1px dotted #c69c6d;
    background: #c69c6d
}

.light_theme #main .price_body {
    background: #fff
}

.light_theme .border_block_title {
    color: #6a974f
}

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

.light_theme #main .price_list li:last-child:before {
    content: ""!important
}

.light_theme .bron {
    color: #fee410;
    border-color: #fee410;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    width: 290px
}

.light_theme .bron:hover {
    background: #fee410;
    color: #000
}

#main .price_list>li {
    padding-left: 0;
    margin-left: 15px
}

#main .price_list>li:before {
    left: -15px
}

.light_theme #main .price_body,.price_block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column
}

.light_theme #main .price_body {
    flex-grow: 1;
    justify-content: space-between
}

.prices {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.prices p {
    margin: 12px;
    margin-bottom: 0
}

.prices .old {
    color: #525252;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 300;
    text-decoration: line-through
}

.prices .new {
    font-family: Helvetica;
    font-size: 20px;
    font-weight: 700;
    color: red
}

.price_body_footer {
    margin-top: 20px
}

.light_theme .new_title {
    color: #000!important;
    margin-top: 0
}

.white_background {
    padding: 25px 20px;
    width: calc(100% + 40px);
    margin-left: -20px;
    max-width: calc(100% + 40px);
    background: #fff;
    margin-top: 50px;
    margin-bottom: -25px
}

#main .white_background .dev a {
    color: #000
}

.light_theme #main .flex_form .doc_title:before {
    content: "";
    position: absolute;
    left: -110px;
    width: 402px;
    height: 115px;
    top: -15px;
    border: 1px dotted #71b24b;
    background-color: #71b24b
}

.light_theme #main .flex_form .doc_block:before {
    z-index: 9
}

.light_theme #main .flex_form .doc_title {
    position: relative;
    line-height: 1
}

.light_theme #main .flex_form .doc_title span {
    position: relative;
    z-index: 9;
    color: #fff;
    font-size: 16px;
    line-height: 1
}

.and_get {
    margin-top: 45px;
    color: #71b24b;
    font-family: Museo Sans Cyrl\ 900;
    font-size: 20px;
    font-weight: 400
}

.light_theme #main .flex_form .doc_block {
    padding-left: 20px
}

.light_theme #main .flex_form .doc_title {
    margin-left: 105px
}

.soc_links {
    width: 170px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    align-items: center
}

.light_theme .know_more {
    margin-top: 30px
}

.light_theme #main .perfect {
    font-weight: 700
}

.light_theme .error {
    color: #fff
}

#s01 {
    padding-top: 0
}

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

.light_theme #main:before {
    top: -10px
}

.light_theme #main .phoneImg:before {
    left: -85px!important;
    top: -170px!important;
    width: 300px!important
}

.light_theme #main .change_block {
    background: url(../img/doski.png) repeat 50% -200px
}

#main .form_control:hover {
    z-index: 9
}

.popup-bg #popup2 .content .img {
    width: 300px
}

#s01 .h1 {
    text-transform: uppercase
}

.animating_numbers {
    text-shadow: none;
    transition: 1s linear;
    animation: e 2s linear infinite
}

@keyframes e {
    0% {
        text-shadow: 0 0 5px #000,0 0 40px #24b400,0 0 5px #000,0 0 40px #24b400,0 0 5px #000,0 0 40px #24b400,0 0 5px #000,0 0 40px #24b400
    }

    25% {
        text-shadow: 0 0 5px #000,0 0 20px #24b400,0 0 5px #000,0 0 20px #24b400,0 0 5px #000,0 0 20px #24b400,0 0 5px #000,0 0 20px #24b400
    }

    50% {
        text-shadow: 0 0 5px #000,0 0 10px #24b400
    }

    75% {
        text-shadow: 0 0 5px #000,0 0 20px #24b400,0 0 5px #000,0 0 20px #24b400,0 0 5px #000,0 0 20px #24b400,0 0 5px #000,0 0 20px #24b400
    }

    to {
        text-shadow: 0 0 5px #000,0 0 40px #24b400,0 0 5px #000,0 0 40px #24b400,0 0 5px #000,0 0 40px #24b400,0 0 5px #000,0 0 40px #24b400
    }
}

#s01 .btn small {
    font-size: 18px
}

.light_theme #main .phoneImg:before {
    top: -290px!important;
    width: 500px!important;
    height: 480px
}

.light_theme #main:before {
    background: url(../img/perehod.png) no-repeat 50% 50%/cover;
    background: url(../img/perehod.png?v=2) no-repeat 50% -230px;
    height: 608px
}

#s01 .block .number_text {
    margin-top: -5px
}

#s01 .block .number.mt05 {
    margin-top: 5px
}

.light_theme #main .progressBar .bar {
    background: #b607ff
}

#main .change_block[data-step="1"] .question strong {
    margin-top: -10px
}

#main .change_block[data-step="1"] .question i {
    font-weight: 700;
    font-style: normal
}

#main .change_block[data-step="1"] .question .img:before {
    bottom: -36px
}

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

.light_theme #main .answer_block,.light_theme #main .answer_block.noImg,.light_theme #main .fake_checkbox {
    background: #5c3217;
    border-color: #5c3217
}

.light_theme #main .form_control .img {
    border-color: #5c3217
}

.light_theme #main .present_block p,.light_theme #main .present_block p strong {
    color: #000
}

#main .change_block {
    padding-top: 50px
}

.light_theme #main .form_control .slider .img {
    padding-bottom: 0;
    margin-bottom: -2px;
    margin-top: 0
}

.light_theme #main .form_control.mt0 {
    margin-top: 0
}

.abolute_text {
    left: auto;
    right: 10px;
    bottom: 5px;
    text-shadow: 0 0 15px #341b0a;
    color: #ffec09;
    font-size: 13px;
    font-family: Museo Sans Cyrl\ 500;
    background: transparent
}

#main .question i {
    font-style: normal;
    font-weight: 700
}

#main .textarea_block textarea {
    border-color: #5c3217
}

.light_theme #main .answer_block.switchPresent {
    min-height: 60px;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px
}

.light_theme #main .one_step strong {
    color: #fff
}

.light_theme #main .form_control.presentBlock .img {
    border-color: #ff0
}

.light_theme #main .footer {
    background: #5c3217
}

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

.light_theme #main .footer table .mnogo:before {
    left: 70px
}

.light_theme #main .footer {
    padding-top: 20px
}

.present_description {
    font-size: 14px;
    margin-top: 7px;
    text-align: center;
    color: #fff
}

.light_theme #main .one_step strong,.light_theme #main .perfect,.light_theme #main .weAreStarted {
    color: #ff0
}

.light_theme #main .bottom_phone,.light_theme #main .master_information .master_image,.light_theme #main .master_information .master_image:before,.light_theme #main .price_blocks .price_block,.light_theme #main .radio_list li [type=radio]:checked+label:before,.light_theme #main .radio_list li label:before,.light_theme #main .timeToCall,.light_theme #main [type=tel] {
    border-color: #ff0
}

.light_theme #main [type=radio]:checked+label:after {
    background: #ff0;
    box-shadow: inset 0 0 2px 2px #ff0
}

.light_theme #main .price_header {
    background: #5c3217;
    border-color: #5c3217
}

.light_theme #main .price_blocks .price_block {
    border-color: #5c3217
}

.light_theme .border_block_title {
    color: #5c3217
}

.light_theme .border_block_title.black {
    color: #000
}

.and_get {
    color: #5c3217
}

.light_theme #main .price_list>li span:nth-of-type(2) {
    text-decoration: none
}

.light_theme #main .price_list li:last-child:before {
    content: none!important
}

.light_theme #main .price_list>li span:nth-of-type(3) {
    color: #525252
}

#main .price_list>li span:last-child {
    color: red
}

.light_theme #main .price_list li {
    margin-left: 0
}

.light_theme #main .price_list>li span:nth-of-type(2) {
    width: 70px
}

#main .price_list>li span:last-child,.light_theme #main .price_list>li span:nth-of-type(3) {
    width: 90px
}

#main .price_list>li,#main .price_list>li:last-child {
    padding-bottom: 6px;
    border-bottom: 2px dotted rgba(0,0,0,.3)
}

.light_theme #main .price_list>li span:nth-of-type(2) {
    text-align: center
}

.light_theme #main .price_list>li:before {
    content: none
}

#main .price_list>li span:last-child {
    text-align: right
}

.light_theme #main .price_list>li span.tt {
    text-transform: uppercase
}

.light_theme #main .price_list>li span.bold {
    font-weight: 700;
    color: #000
}

.light_theme #main .price_list>li span.tdlh {
    text-decoration: line-through
}

.timing {
    text-align: center;
    color: red;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700
}

.price_body_footer {
    margin-top: 10px
}

#main .price_list>li span:last-child {
    white-space: nowrap
}

.resume {
    text-align: center;
    width: 770px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-top: 15px
}

#main .insta_block p,.resume {
    font-size: 16px
}

.popup .soc_links {
    margin-top: 40px
}

.light_theme #main .change_block.white_block:not(.nextInQueue) {
    border-top-color: #fff
}

#main .present_name {
    min-height: 84px
}

#main .col_left.presents {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.light_theme .popup-bg #popup2 .submit:after {
    width: 206px;
    height: 325px;
    top: -215px
}

#main [type=tel] {
    margin-bottom: 0
}

.light_theme #main .price_list>li span:nth-of-type(2),.light_theme #main .price_list>li span:nth-of-type(3),.light_theme #main .price_list>li span:nth-of-type(4) {
    text-align: left
}

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

.light_theme #main .price_list>li span:nth-of-type(2) {
    padding-left: 20px;
    width: 56px;
    flex-shrink: 0
}

.light_theme #main .price_list>li span:first-child {
    width: 150px;
    flex-shrink: 0
}

.light_theme #main .price_list>li span:nth-of-type(3) {
    width: 70px;
    flex-shrink: 0
}

.light_theme #main .price_list>li span:nth-of-type(4) {
    width: 90px;
    padding-left: 10px;
    flex-shrink: 0
}

.light_theme #main .flex_form .doc_block {
    margin-top: 25px
}

.and_get {
    margin-top: 50px
}

.light_theme #main .flex_form .doc_list li {
    margin-top: 12px
}

.light_theme #main .price_list>li span:nth-of-type(2),.light_theme #main .price_list>li span:nth-of-type(3) {
    padding-left: 10px
}

.light_theme #main .flex_form .doc_list li {
    margin-top: 14px
}

.soc_links {
    justify-content: center
}

.light_theme #nav .logo_t,.light_theme #s01,.light_theme #s01 .sub strong {
    color: #000
}

.light_theme #nav .logo_t {
    font-size: 12px
}

.light_theme #nav .logo_t span {
    text-transform: uppercase;
    font-weight: 700;
    color: #008dd2
}

.light_theme #s01 .block .number,.light_theme #s01 .h1 span {
    color: #008dd2
}

.light_theme #s01 .block {
    width: 175px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px
}

.light_theme #s01 .block .number {
    color: #ff0101
}

#s01 .numbers {
    width: 475px;
    border-radius: 5px;
    border: 3px dotted red;
    padding: 20px;
    margin-top: 20px;
    padding-bottom: 30px;
    position: relative
}

#s01 .numbers:after {
    content: "";
    position: absolute;
    right: -60px;
    top: -60px;
    background: url(../img/warranty.png) no-repeat 50% 50%/cover;
    width: 114px;
    height: 104px
}

#s01 .numbers:before {
    content: "";
    position: absolute;
    background: url(../img/sale.png) no-repeat 50% 50%/cover;
    width: 123px;
    height: 69px;
    bottom: -30px;
    left: -10px
}

.numbers_title {
    font-size: 16px;
    font-family: Museo Sans Cyrl\ 700
}

.numbers_title strong {
    font-size: 22px;
    font-family: Museo Sans Cyrl\ 900
}

.numbers_title span {
    font-size: 20px;
    color: #f30304;
    font-family: Museo Sans Cyrl\ 900
}

.numbers_title b {
    text-decoration: underline;
    text-decoration-color: #f30304;
    font-weight: inherit
}

.animating_numbers {
    margin-top: 50px
}

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

.light_theme #main .answer_block,.light_theme #main .answer_block.noImg,.light_theme #main .fake_checkbox {
    background: #008dd2;
    border-color: #008dd2
}

.light_theme #main .column .img.high_img,.light_theme #main .column input {
    border-color: #008dd2;
    opacity: 1
}

#main .form_control .img {
    border-top: 1px solid
}

.light_theme #main .form_control .img {
    border-color: #008dd2
}

.light_theme #main .change_block,.light_theme #main .header {
    border-color: #6ecaf3
}

.light_theme #main .question .img:before {
    background-image: linear-gradient(180deg,#48a4fe 0,rgba(72,164,254,0))
}

.light_theme #main .progressBar .bar {
    background: #9d9e9e
}

#main .change_block[data-step="1"] .question strong {
    margin-top: 15px
}

.sizeInput {
    text-align: center
}

.calc_block {
    position: relative
}

.calc_block span {
    position: absolute;
    display: flex;
    width: 42px;
    height: 42px;
    border-radius: 3px;
    background-color: #f5f9fc;
    cursor: pointer;
    align-items: center;
    align-content: center;
    justify-content: center;
    z-index: 9;
    transition: .2s ease
}

.calc_block span:hover {
    background: #cee1f0
}

.calc_block .plus {
    right: 3px;
    top: 11px
}

.calc_block .minus {
    left: 1px;
    top: 11px
}

.light_theme #main .answer_block label.long {
    padding-right: 0;
    width: calc(100% + 10px);
    letter-spacing: -.8px;
    padding-left: 0
}

.light_theme #main .answer_block label.long small {
    display: block
}

.light_theme #main .one_step strong,.light_theme #main .perfect,.light_theme #main .weAreStarted {
    color: #008dd2
}

.light_theme #main .bottom_phone,.light_theme #main .master_information .master_image,.light_theme #main .master_information .master_image:before,.light_theme #main .price_blocks .price_block,.light_theme #main .radio_list li [type=radio]:checked+label:before,.light_theme #main .radio_list li label:before,.light_theme #main .timeToCall,.light_theme #main [type=tel] {
    border-color: #008dd2
}

#main .master_bold,#main .master_list,#main .master_name,#main .master_status {
    color: #000
}

.yellow {
    width: 490px;
    max-width: 100%;
    color: red;
    margin-top: 25px;
    font-weight: 400
}

.light_theme #main .price_header {
    background: #008dd2;
    border-color: #008dd2
}

.light_theme #main .price_list>li:before,.light_theme #main .price_list>li:last-child:before {
    content: ""!important;
    position: absolute;
    background: url(../img/mini_check.png) no-repeat 50% 50%/cover;
    width: 11px;
    height: 10px
}

.light_theme #main .price_list li,.material {
    margin-left: 18px
}

.material {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px
}

.price_body_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center
}

.prices {
    display: block;
    text-align: center
}

.light_theme .bron {
    width: 190px;
    text-align: center
}

.prices .new {
    margin-top: 0
}

.prices p {
    margin-left: auto;
    margin-right: auto
}

.light_theme .new_title {
    color: #008dd2!important
}

.light_theme #main .flex_form .doc_title:before {
    background: #008dd2
}

.popup-bg #popup2 .popup_title span {
    color: #008dd2
}

.popup-bg #popup2 .popup_title small {
    font-size: 22px
}

.light_theme .popup-bg #popup2 .submit:after {
    width: 204px
}

.light_theme #main:before {
    height: 216px;
    background: linear-gradient(180deg,#fff 0,hsla(0,0%,100%,.99) 1%,hsla(0,0%,100%,0));
    top: 0
}

.video_bg_wrapper:before {
    content: none
}

.light_theme #main .column input.filled,.light_theme #main .column input:active,.light_theme #main .column input:focus {
    border-color: #008dd2
}

.light_theme #main .change_block.white_block:not(.nextInQueue) {
    border-top-color: #6ecaf3
}

#main .textarea_block textarea {
    border-color: #008dd2
}

#main .dev a {
    color: #000
}

.and_get {
    color: #008dd2
}

.light_theme #main .flex_form .doc_block {
    padding-bottom: 50px;
    margin-top: 40px
}

#main .textarea_block textarea,.light_theme .error {
    color: #000
}

.popup-bg #popup2 .popup_title {
    font-family: Museo Sans Cyrl\ 500
}

#popup2 strong {
    font-weight: 900;
    font-family: Museo Sans Cyrl\ 700
}

#nav .logo .img {
    width: 191px;
    margin-right: 25px
}

.light_theme #nav .logo_t {
    font-size: 13px
}

.aife {
    align-items: flex-end
}

.light_theme #nav .col.contacts span {
    font-size: 16px
}

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

#s01 .h1 i {
    font-style: normal;
    font-family: Museo Sans Cyrl\ 500;
    font-weight: 500
}

#s01 {
    background: url(../img/bg1.jpg?v=2) no-repeat 100% -100px
}

.pretty_list {
    margin: 10px 0 25px;
    position: relative;
    padding: 12px 18px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    align-content: center;
    box-shadow: 0 0 8px 1px rgba(45,63,135,.45);
    border-radius: 6px;
    background: hsla(0,0%,100%,.42);
    font-size: 20px
}

.pretty_list li {
    position: relative;
    margin-right: 40px
}

.pretty_list li:before {
    content: "";
    position: absolute;
    right: -26px;
    background: url(../img/green_right.png) no-repeat 50% 50%/cover;
    width: 16px;
    height: 14px;
    top: calc(50% - 7px)
}

.pretty_list li:last-child:before {
    content: none
}

.pretty_list .blue {
    color: #00a2ff;
    font-weight: 700
}

.blue_sale {
    width: 228px;
    max-width: 100%;
    position: relative;
    border: 1px dashed #fff;
    background-color: #0054a6;
    padding: 10px;
    margin-left: 25px;
    text-align: center
}

.blue_sale:before {
    content: "";
    position: absolute;
    right: -60px;
    background: url(../img/vent_warranty.png) no-repeat 50% 50%;
    width: 93px;
    height: 93px;
    top: calc(50% - 46px)
}

.blue_sale .blue_sale_title {
    font-weight: 700;
    color: #00a2ff;
    font-size: 23px;
    text-transform: uppercase
}

.blue_sale .blue_sale_title span {
    position: relative;
    padding: 5px 8px;
    background: #fff;
    border-radius: 6px
}

.blue_sale .blue_sale_info {
    color: #fff;
    font-size: 24px;
    margin-top: 10px;
    line-height: 1.3
}

.blue_sale .blue_sale_info strong {
    font-size: 36px;
    margin-bottom: -5px;
    display: block
}

.light_theme #s01 .sub {
    margin-right: 40px;
    display: inline-block;
    margin-left: 25px
}

.light_theme #s01 .sub p {
    font-weight: 400;
    text-align: center
}

.light_theme #s01 .sub p strong {
    font-weight: 700;
    display: block
}

#s01 .btn {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    box-shadow: 0 0 21px 1px #78ff00;
    box-shadow: none;
    border-radius: 34px;
    background: #00b319;
    color: #fff;
    border-radius: 50px;
    text-shadow: 0 0 3px #08901b;
    font-size: 16px;
    font-weight: 700;
    font-family: Muller
}

#s01 .btn small {
    display: block;
    width: 100%;
    text-align: center
}

#s01 .btn:hover {
    background: #00e620
}

#s01 .btn:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    border-radius: inherit;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: none;
    border: 1px solid hsla(0,0%,100%,.5)
}

#s01 .btn_wrapper:before {
    height: 37px;
    height: 101px;
    top: -30px
}

.nineYears {
    margin-top: 150px;
    text-shadow: 0 0 26px #fff;
    color: #00b319;
    font-size: 30px;
    text-transform: uppercase;
    font-family: Muller
}

.naznachenie,.nineYears {
    text-align: center;
    font-weight: 700
}

.naznachenie {
    text-shadow: 0 0 43px #fff;
    color: #000;
    font-size: 25px
}

.example {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    font-family: Muller
}

.example span {
    position: relative;
    display: inline-block
}

.example span:before {
    content: "";
    position: absolute;
    right: -100px;
    top: 0;
    background: url(../img/see.png) no-repeat 50% 50%/cover;
    width: 71px;
    height: 40px
}

.new_slider {
    width: 862px;
    border-radius: 3px;
    border: 1px solid #00a2ff;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-top: 30px;
    font-size: 15px;
    font-family: Muller
}

.new_slider .slick-slide {
    padding: 25px 20px 60px;
    position: relative
}

.new_slider .images,.new_slider .slider_text {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.new_slider .images .images_col,.new_slider .images .slider_text_col,.new_slider .slider_text .images_col,.new_slider .slider_text .slider_text_col {
    width: calc(50% - 5px)
}

.new_slider .slider_text {
    margin-top: 10px;
    align-items: center
}

.new_slider .calc_cost {
    text-decoration: underline;
    display: block;
    text-align: center;
    color: #00b319;
    font-size: 18px;
    font-weight: 600
}

.new_slider .calc_cost:hover {
    text-decoration: none
}

.new_slider .slick-dots {
    bottom: 20px
}

.new_slider .slick-dots li {
    margin-left: 8px;
    margin-right: 8px;
    width: 11px;
    height: 11px;
    background-color: #00b319;
    opacity: .29;
    border-radius: 50%
}

.new_slider .slick-dots li.slick-active {
    opacity: 1
}

.new_slider .slick-dots li button:before {
    content: none
}

.light_theme #s01 {
    padding-bottom: 40px
}

#main .header {
    top: 0
}

#main .change_block {
    margin-top: 60px!important
}

#main .change_block[data-step="1"] .question strong {
    margin-top: -15px
}

.light_theme #main .question .img:before {
    background-image: linear-gradient(180deg,#00b319 0,rgba(0,179,25,0))
}

#main .col_right {
    width: 240px
}

#main .col_left {
    width: 488px
}

#main .present_block p strong,.light_theme #main .present_block p,.light_theme #main .present_block p strong {
    color: #fff!important
}

#main .buttons .goBack:hover,#main .buttons .goNext:not([disabled=disabled]),.popup-bg #popup4 .submit {
    background-image: linear-gradient(0deg,#029517 0,#04c31f 52%,#06ed26);
    box-shadow: 0 0 21px 1px #78ff00;
    text-shadow: 0 0 7px rgba(1,92,12,.91);
    color: #fff;
    box-shadow: none;
    border-color: #02a319
}

#main .buttons .goBack:hover img,#main .buttons .goNext:not([disabled=disabled]) img,.popup-bg #popup4 .submit img {
    filter: none
}

#main .buttons .goBack:hover:hover,#main .buttons .goNext:not([disabled=disabled]):hover,.popup-bg #popup4 .submit:hover {
    color: #fff;
    border-color: #02a319;
    background-image: linear-gradient(0deg,#06ed26 0,#04c31f 52%,#029517)
}

#main .buttons .goBack:hover:hover img,#main .buttons .goNext:not([disabled=disabled]):hover img,.popup-bg #popup4 .submit:hover img {
    filter: none
}

#main .buttons .goBack,#main .buttons .goNext {
    border-color: #03a119;
    color: #03a119
}

#main .buttons .goBack img,#main .buttons .goNext img {
    filter: none
}

#main .dev a {
    flex-grow: 0
}

#main .dev a:hover {
    text-decoration: underline
}

#main .dev {
    align-items: flex-end
}

.bottom_sale {
    text-align: center;
    margin-top: 40px;
    color: #bbb;
    font-size: 15px;
    font-family: Muller
}

#main .change_block[data-step="2"] .question strong {
    margin-top: 0
}

.light_theme #main .progressBar .bar {
    background: #00a2ff
}

#main .change_block[data-step="3"] .question strong,#main .change_block[data-step="5"] .question strong {
    margin-top: -10px
}

.light_theme #main .present_header,.light_theme #main .present_name {
    background: #03a319;
    color: #fff
}

.light_theme #main .one_step strong {
    color: #000
}

.light_theme #main .form_control.presentBlock .img {
    border-color: #03a319
}

.popup-bg #popup2 .content .img {
    margin-right: 40px
}

.light_theme #main .price_header {
    color: #fff;
    font-family: Museo Sans Cyrl\ 900;
    font-size: 22px;
    line-height: 18px;
    text-transform: uppercase
}

.primernaya_stoimost {
    color: #03a319
}

.final_table,.primernaya_stoimost {
    font-family: Helvetica;
    font-size: 16px
}

.final_table {
    color: #525252;
    margin-top: 25px
}

.final_table .tr {
    width: 100%;
    display: flex;
    border-bottom: 1px dotted #525252
}

.final_table .bold {
    font-weight: 700;
    border-bottom: none;
    color: #000
}

.final_table .td {
    flex-shrink: 0;
    padding-top: 5px;
    padding-bottom: 5px
}

.final_table .td:first-of-type {
    width: 205px
}

.final_table .td:nth-of-type(2) {
    width: 72px
}

.final_table .td:nth-of-type(3) {
    width: 105px
}

.kakie {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #000;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 700
}

.light_theme #main .price_list>li {
    margin-left: 26px
}

.light_theme #main .price_list>li:before {
    width: 18px;
    height: 13px;
    left: -25px
}

.price_body_footer {
    border-top: 1px dotted #525252;
    display: block
}

.light_theme .bron {
    width: 100%;
    color: #03a319;
    border-color: #03a319
}

.light_theme .bron:hover {
    background-image: linear-gradient(0deg,#029517 0,#04c31f 52%,#06ed26);
    color: #fff
}

.price_body_footer_flex {
    display: flex;
    justify-content: space-between;
    color: #525252;
    font-family: Helvetica;
    font-size: 16px;
    width: 320px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

.light_theme .bron {
    margin-top: 20px
}

.combine {
    text-align: center;
    margin-top: 25px;
    color: #050505;
    font-family: Helvetica;
    font-size: 16px
}

.sostavlenie {
    text-align: center;
    margin-top: 80px;
    font-size: 20px
}

.sostavlenie strong {
    font-family: Museo Sans Cyrl\ 900
}

.check_number {
    color: #000
}

.check_number,.check_number_green {
    text-align: center;
    margin-top: 15px;
    font-family: Helvetica;
    font-size: 16px
}

.check_number_green {
    color: #03a319
}

.light_theme #main .forma {
    width: 366px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.light_theme #main .forma .time,.light_theme #main .forma [type=tel] {
    margin-top: 10px;
    height: 44px;
    border-radius: 5px;
    border: 1px dotted #00a2ff;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    font-weight: 400
}

.light_theme #main .forma .submit {
    text-shadow: 0 0 7px rgba(1,92,12,.91);
    color: #fff;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    text-transform: uppercase;
    margin-top: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 53px;
    box-shadow: 0 0 21px 1px #78ff00;
    border-radius: 27px;
    background-color: #fff200;
    box-shadow: none;
    background-image: linear-gradient(0deg,#029517 0,#04c31f 52%,#06ed26)
}

.light_theme #main .forma .submit:hover {
    background-image: linear-gradient(0deg,#06ed26 0,#04c31f 52%,#029517)
}

.know_more_more {
    text-align: center;
    color: #000;
    font-weight: 400;
    margin-top: 90px
}

.goToMainPage,.know_more_more {
    font-family: Helvetica;
    font-size: 18px
}

.goToMainPage {
    color: #03a319;
    font-weight: 700;
    text-transform: uppercase;
    width: 363px;
    height: 53px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    max-width: 100%;
    border-radius: 27px;
    border: 1px solid #05e625
}

.goToMainPage:hover,.light_theme #main .getResultBtn:not([disabled=disabled]) {
    background-image: linear-gradient(0deg,#05e625 0,#039d18);
    color: #fff
}

.light_theme #main .getResultBtn:not([disabled=disabled]):hover {
    color: #fff;
    background-image: linear-gradient(0deg,#039d18 0,#05e625)
}

#main .getResultBtn {
    color: #03a319;
    border: 1px solid #05e625
}

#main .getResultBtn:hover {
    background-image: linear-gradient(0deg,#05e625 0,#039d18);
    color: #fff
}

.popup-bg #popup1 .goToMain,.popup-bg #popup3 .goToMain,.popup-bg #popup4 .goToMain {
    background-image: linear-gradient(0deg,#029517 0,#04c31f 52%,#06ed26);
    box-shadow: 0 0 21px 1px #78ff00;
    text-shadow: 0 0 7px rgba(1,92,12,.91);
    color: #fff;
    box-shadow: none;
    border-color: #02a319
}

.popup-bg #popup1 .goToMain img,.popup-bg #popup3 .goToMain img,.popup-bg #popup4 .goToMain img {
    filter: none
}

.popup-bg #popup1 .goToMain:hover,.popup-bg #popup3 .goToMain:hover,.popup-bg #popup4 .goToMain:hover {
    color: #fff;
    border-color: #02a319;
    background-image: linear-gradient(0deg,#06ed26 0,#04c31f 52%,#029517)
}

.popup-bg #popup1 .goToMain:hover img,.popup-bg #popup3 .goToMain:hover img,.popup-bg #popup4 .goToMain:hover img {
    filter: none
}

.file_upload {
    display: block;
    overflow: hidden;
    line-height: 2em
}

.file_upload .button,.file_upload>mark {
    display: block;
    cursor: pointer
}

.file_upload .button {
    float: right;
    padding-top: 7px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 55px;
    height: 100%;
    text-align: center
}

.file_upload>mark {
    background: transparent;
    padding-left: 1em
}

@media only screen and (max-width: 500px) {
    .file_upload>mark {
        display:none
    }
}

.file_upload input[type=file] {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 9px
}

.file_upload {
    border: 1px solid #ccc;
    transition: box-shadow .1s linear
}

.file_upload.focus {
    box-shadow: 0 0 16px #22a9d3d1
}

.file_upload .button {
    transition: background .2s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.form-control {
    width: 320px;
    max-width: 100%;
    margin-top: 15px
}

.file_upload {
    height: 60px;
    line-height: 60px
}

.form-control {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    height: 48px;
    border-radius: 5px 40px 40px 5px;
    border: 1px dotted #00a2ff;
    background-color: #fff;
    margin-top: 10px;
    position: relative
}

.form-control .button {
    text-shadow: 0 0 7px rgba(1,92,12,.91);
    color: #fff;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    width: 155px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    box-shadow: 0 0 21px 1px #78ff00;
    border-radius: 0 22px 22px 0;
    box-shadow: none;
    line-height: 36px;
    background-color: #fff200;
    background-image: linear-gradient(0deg,#00a2ff 0,#29b1ff 52%,#4ebeff)
}

.file_upload {
    height: 100%;
    border: none;
    border-radius: 5px 40px 40px 5px
}

.file_upload>mark {
    height: 100%;
    line-height: 44px
}

.light_theme #main .forma {
    position: relative
}

.light_theme #main .forma:before {
    content: "";
    position: absolute;
    right: -40px;
    top: -55px;
    background: url(../img/dd.png) no-repeat 50% 50%/cover;
    width: 30px;
    height: 85px
}

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

.slick-next,.slick-prev {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    opacity: 1
}

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

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

.slick-prev {
    left: -55px
}

.slick-next {
    right: -55px
}

.slick-slide img {
    height: 100%
}

.pretty_list li:last-child {
    margin-right: 0
}

.pretty_list {
    width: 825px;
    max-width: 100%
}

#s01 .h1 {
    margin-top: 30px
}

.pretty_list {
    margin-bottom: 32px
}

#s01 .btn:after {
    background: url(../img/hand.png) no-repeat 50% 50%;
    width: 62px;
    height: 85px;
    right: -23px;
    top: 45px;
    left: auto;
    z-index: 1;
    opacity: 1
}

#s01 .h1,#s01 .h1 i,*,body {
    font-family: Muller!important
}

.light_theme #nav .col.contacts {
    width: 200px
}

textarea:-moz-placeholder {
    color: rgba(0,0,0,.7)!important
}

textarea:-ms-input-placeholder {
    color: rgba(0,0,0,.7)!important
}

textarea::placeholder {
    color: rgba(0,0,0,.7)!important
}

input:-moz-placeholder {
    color: rgba(0,0,0,.7)!important
}

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

input::placeholder {
    color: rgba(0,0,0,.7)!important
}

.file_upload>mark {
    color: rgba(0,0,0,.7)!important
}

.light_theme #nav .logo_block .img {
    max-width: 200px!important
}

#main .change_block.nextInQueue {
    opacity: 0
}

.light_theme #main .change_block.white_block {
    opacity: 1
}

#s01 {
    background: url(../img/bg1.jpg?v=2) no-repeat 50% 0
}

#nav .logo .img {
    width: 165px
}

.light_theme #nav .logo_t {
    color: #fff;
    font-size: 16px;
    text-shadow: 0 0 22px #060606;
    margin-left: 0
}

#nav .phone {
    color: #fff;
    font-size: 22px;
    font-weight: 900
}

.light_theme #nav .col.contacts span {
    color: #fff
}

.light_theme #nav .col.contacts i {
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background-image: radial-gradient(circle 5px at center,#ff0 0,#25bc07 100%)
}

.wrap {
    max-width: 1140px
}

#s01 .h1 {
    margin-top: 25px;
    color: #24b400;
    font-size: 35px;
    font-weight: 500;
    text-transform: none
}

.light_theme #s01 .h1 span {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1.6px
}

.s01_flex,.two_blocks {
    display: flex
}

._dotted {
    margin-top: 35px;
    margin-right: 35px;
    width: 179px;
    border-radius: 5px;
    border: 2px dotted #fff;
    padding: 5px;
    flex-shrink: 0
}

._dotted_inner {
    background: #fff;
    border-radius: 5px;
    border: 1px dotted #0f5f9e;
    height: 100%
}

._dotted_inner_title {
    margin-top: 5px;
    text-align: center;
    color: red;
    font-size: 40px;
    font-weight: 700
}

._dotted_inner_text {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #000;
    margin-top: -5px;
    margin-bottom: 15px
}

._dotted_inner_text span {
    color: red
}

._dotted2 {
    width: 179px;
    border-radius: 5px;
    border: 2px dotted #fff;
    margin-top: 35px;
    flex-shrink: 0
}

._dotted2_title {
    text-align: center;
    margin-top: 10px;
    color: #00aeef;
    font-weight: 700;
    font-size: 40px
}

._dotted2_text {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    margin-top: -5px;
    margin-bottom: 10px
}

.glowing_text {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    margin-left: 50px;
    margin-top: 30px;
    text-shadow: none;
    transition: 1s linear;
    animation: e 2s linear infinite;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}
.glowing_sale{
  border: 2px dotted #00b7eb;
  color: #00b7eb;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
  margin-top: 30px;
}
.glowing_text b {
    color: #00aeef;
    font-size: 24px;
    font-weight: 700
}

.light_theme #s01 .sub {
    margin-left: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-right: 0
}

.light_theme #s01 .sub strong {
    display: inline!important;
    color: #fff
}

.w470px {
    width: 470px;
    max-width: 100%
}

.light_theme #s01 .sub p {
    font-weight: 300
}

#s01 .btn {
    width: 322px;
    height: 75px;
    box-shadow: 0 0 19px 2px rgba(36,180,0,.5);
    border-radius: 38px;
    background: #24b400;
    font-size: 17px;
    letter-spacing: .84px;
    text-transform: uppercase;
    font-weight: 900;
    padding-left: 65px;
    margin-left: 45px;
    margin-top: 20px
}

#s01 .btn small {
    letter-spacing: 0;
    text-transform: none;
    font-weight: 500;
    font-size: 16px
}

#s01 .btn:after {
    background: url(../img/calculator.png) no-repeat 50% 50%;
    width: 118px;
    height: 84px;
    left: -40px;
    top: -7px
}

#s01 .btn:before {
    content: none
}

#s01 .btn_wrapper:before {
    background: url(../img/a.png) no-repeat 50% 50%/cover;
    width: 57px;
    height: 102px;
    top: -15px;
    right: -110px
}

.s01_flex {
    justify-content: space-between;
    width: 1000px;
    max-width: 100%
}

.s01_col_list {
    margin: 0;
    margin-top: -40px
}

.s01_col_list li {
    display: flex;
    color: #fff;
    margin-bottom: -30px
}

.s01_col_list li:last-child {
    margin-top: -50px
}

.s01_col_list p {
    margin-top: 60px;
    position: relative;
    width: 120px;
    margin-right: 15px;
    font-size: 19px;
    font-weight: 500
}

.s01_col_list p:before {
    content: "";
    position: absolute;
    background: url(../img/aa.png) no-repeat 50% 50%/cover;
    width: 66px;
    height: 36px;
    left: 50px;
    top: -45px
}

.light_theme #main:before {
    content: none
}

.light_theme #s01 {
    padding-bottom: 110px
}

#main .header {
    top: -100px
}

#main .change_block {
    margin-top: -40px!important
}

#main .header,#main .quiz {
    width: 1140px
}

#main .header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/topchik.png) no-repeat 50% 50%;
    width: 169px;
    height: 116px
}

#main .header:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 10px 10px 0 0;
    border: 2px dotted #02a3de;
    width: calc(100% - 24px);
    height: calc(100% - 24px)
}

#main .header>*,#main .quiz>*,.light_theme #main .change_block>* {
    position: relative;
    z-index: 1
}

#main .change_block:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 8px;
    border-radius: 0 0 10px 10px;
    border: 2px dotted #02a3de;
    width: calc(100% - 24px);
    height: calc(100% - 24px)
}

.light_theme #main .question .img:before {
    background-image: linear-gradient(180deg,#0f5f9e 0,rgba(221,228,252,0))
}

#main .change_block[data-step="1"] .question strong {
    margin-top: 10px
}

#main .change_block {
    margin-top: -60px!important
}

#main .change_block.nextInQueue {
    width: 1140px;
    left: calc(50% - 570px)
}

.light_theme #main .progressBar .bar {
    background: #24b400
}

#main .col_left {
    width: 625px
}

.light_theme #main .form_control {
    width: 280px;
    border-radius: 5px;
    background: #02a3de
}

#main .form_control .img {
    height: 182px;
    padding: 12px
}

.light_theme #main .answer_block,.light_theme #main .answer_block.noImg,.light_theme #main .fake_checkbox {
    background: #02a3de;
    border-color: #02a3de
}

#main .answer_block {
    font-size: 19px
}

.light_theme #main .answer_block {
    padding-left: 40px;
    padding-top: 10px
}

.light_theme #main .answer_block label {
    height: 100%
}

#main .answer_block {
    height: 80px
}

#main .answer_block label:before {
    width: 23px;
    height: 23px;
    top: -2px
}

.light_theme #main .answer_block label {
    padding-left: 13px
}

#main [type=checkbox]:checked+label:after {
    top: 5px;
    left: -18px
}

.light_theme #main .form_control:not(.nohover) {
    transition: .2s ease
}

.light_theme #main .form_control:not(.nohover):hover {
    box-shadow: 0 0 54px 3px #0f5f9e
}

.light_theme #main .form_control.textarea_block {
    background: #fff
}

#main .form_control .img {
    height: 206px
}

#main .fake_checkbox {
    width: 56px
}

#main .textarea_block textarea {
    height: 142px
}

#main .fake_checkbox {
    height: 100%
}

#main .textarea_block textarea {
    padding-left: 68px;
    font-size: 19px;
    padding-top: 20px
}

#main .fake_checkbox:before {
    width: 23px;
    height: 23px;
    top: 20px;
    left: calc(50% - 12px)
}

#main .fake_checkbox.checked:after {
    top: 27px
}

#main .buttons {
    justify-content: center
}

#main .buttons .goBack,#main .buttons .goNext {
    font-size: 16px;
    font-weight: 900
}

#main .buttons .goBack img,#main .buttons .goNext img {
    margin-top: -2px
}

.cloud {
    background: url(../img/cloud.png) no-repeat 50% 50%;
    width: 329px;
    height: 98px;
    margin-top: 20px;
    font-size: 15px;
    color: #000;
    padding: 15px 5px 5px;
    text-align: center;
    position: relative;
    z-index: 9
}

.gif {
    margin-top: -60px
}

.light_theme #main .change_block:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../img/bottom_lines.png) no-repeat 0 0;
    width: 568px;
    height: 487px
}

.aifs {
    align-items: flex-start
}

#main .change_block[data-step="2"] .question strong {
    margin-top: 20px
}

.light_theme #main [type=radio]:checked+label:after {
    top: 6px;
    left: -18px;
    background: #0f5f9e;
    box-shadow: inset 0 0 2px 2px #0f5f9e
}

.light_theme #main .answer_block.noImg {
    padding-top: 30px
}

.gif {
    max-height: 500px
}

#main .change_block[data-step="3"] .question strong {
    margin-top: 20px
}

.light_theme #main .form_control.sideInputControl {
    background: transparent
}

.light_theme #main .form_control.sideInputControl .sizeInput {
    width: 280px;
    height: 49px;
    border-radius: 5px;
    border: 1px solid #02a3de;
    background-color: #fff;
    margin-top: 10px;
    max-width: 100%;
    text-align: left
}

.light_theme #main .form_control.sideInputControl:hover {
    box-shadow: none
}

.light_theme #main .column .img.high_img {
    border-radius: 5px;
    border: 15px solid #02a3de;
    padding: 0;
    width: 280px
}

#main .change_block[data-step="5"] .question strong {
    margin-top: 20px
}

.light_theme #main .weAreStarted {
    text-align: left;
    color: #000;
    font-size: 30px;
    font-weight: 700
}

#main .started_title {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 400
}

#main .radio_list li label {
    color: #9e9c9c;
    font-size: 20px
}

#main .radio_list li {
    margin-bottom: 25px
}

#main .radio_list li:last-child {
    margin-bottom: 0
}

.light_theme #main .radio_list [type=radio]:checked+label:after {
    top: 7px;
    left: 4px
}

#main .radio_list li label:before {
    top: 3px
}

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

#main .startedFlex,#main .startedFlex .started_col:first-child {
    position: relative;
    z-index: 999!important
}

#main .wrap {
    max-width: 1300px
}

#main .startedFlex .started_col:first-child {
    flex-grow: 1
}

.cloud_p {
    color: #000;
    font-size: 13px;
    margin-top: -5px
}

.cloud_p strong {
    color: #02a3de;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase
}

.cloud_p2 {
    color: #22ac00;
    font-size: 13px
}

.cloud_p0 {
    padding-left: 0;
    padding-right: 0
}

.enter_phone_number {
    margin-top: -220px;
    margin-left: 145px;
    font-size: 16px;
    font-weight: 300
}

.light_theme #main [type=tel] {
    width: 271px;
    height: 50px;
    max-width: 100%;
    border-radius: 25px;
    border: 1px solid #24b400;
    background-color: #fff
}

#main .buttons.phoneImg {
    position: relative;
    z-index: 999
}

.light_theme #main .getResultBtn {
    height: 50px;
    font-size: 16px;
    font-weight: 900
}

#main .buttons {
    padding-right: 180px
}

.light_theme #main .getResultBtn:after {
    content: "";
    position: absolute;
    background: url(../img/get.png) no-repeat 50% 50%;
    width: 83px;
    height: 70px;
    right: -90px;
    top: -80px
}

.light_theme #main .getResultBtn:not([disabled=disabled]) {
    border-color: #24b400
}

.light_theme #main .getResultBtn {
    background: #fff
}

#main .white_hr {
    width: 758px
}

.light_theme #main .white_title {
    font-size: 30px;
    font-weight: 700;
    margin-left: 200px
}

.light_theme #main .price_blocks .price_block {
    width: 493px;
    max-width: 100%;
    border: 1px dotted #0bf
}

.light_theme #main .price_header {
    background: #0bf;
    border-color: #0bf;
    text-transform: none
}

.primernaya_stoimost {
    color: #0f5f9e;
    font-size: 20px;
    font-weight: 600
}

.in_border {
    position: relative;
    padding: 10px 20px;
    margin: 10px 0;
    width: 100%;
    border-radius: 5px;
    border: 2px dotted #56b6fe
}

.dot_title {
    padding-left: 17px;
    position: relative;
    color: #525252;
    font-size: 18px;
    font-weight: 600
}

.dot_title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 7px;
    height: 7px;
    background-color: #02a3de;
    border-radius: 50%
}

.f_line {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    text-align: left;
    border-bottom: 2px dotted #eee;
    font-weight: 600;
    margin-top: 5px
}

.f_line:last-child {
    border-bottom: none
}

.f_line span:first-of-type {
    flex-grow: 1;
    position: relative;
    padding-left: 17px;
    color: #525252;
    font-size: 16px
}

.f_line span:first-of-type:before {
    content: "";
    position: absolute;
    left: 0;
    background: url(../img/fff.png);
    width: 11px;
    height: 10px;
    top: 5px
}

.f_line span:nth-of-type(2) {
    width: 125px;
    flex-shrink: 0;
    color: #000;
    font-size: 16px
}

.f_line .tdlh {
    text-decoration: line-through
}

.c_title {
    margin-top: 30px;
    color: #ff002a;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.price_body_footer {
    border: none
}

.light_theme .bron {
    width: 324px;
    height: 53px;
    border-radius: 27px;
    border: 1px solid #24b400;
    font-size: 18px;
    font-weight: 600;
    text-transform: none
}

.h_calc {
    margin-top: 25px;
    text-align: center;
    color: #0bf;
    font-size: 20px;
    font-weight: 600;
    text-decoration: underline;
    display: block
}

.h_calc:hover {
    text-decoration: none
}

.light_theme #main .price_body {
    padding-bottom: 29px
}

.light_theme #main .price_blocks .price_block {
    width: 510px
}

.light_theme #main .price_blocks .price_block:last-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/lliinnee.png) no-repeat 50% 50%/cover;
    width: 740px;
    height: 635px;
    top: 45px;
    left: -315px
}

.enotka_block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    margin-top: 60px;
    font-size: 16px;
    font-weight: 600
}

.enotka_block .enotka_block_image {
    flex-shrink: 0;
    margin-right: 15px
}

.enotka_block .enotka_block_text {
    width: 440px;
    max-width: 100%
}

.enotka_block .enotka_block_title {
    color: #0bf;
    font-size: 25px;
    font-weight: 900
}

.enotka_block .enotka_block_list {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #020202
}

.enotka_block .free_enot {
    color: #020202;
    font-size: 16px;
    font-weight: 700;
    margin-top: 15px;
    color: #38bb17
}

#popup2 strong {
    color: #444;
    font-size: 30px;
    font-weight: 700
}

#popup2 .terrible {
    display: inline-block;
    width: 274px;
    height: 45px;
    border-radius: 5px;
    border: 1px solid #02a3de;
    background-color: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-bottom: 15px;
    color: #02a3de;
    font-size: 30px;
    font-weight: 700
}

#popup2 .projecting {
    font-size: 25px;
    font-weight: 300;
    color: #000
}

.popup-bg #popup2 .submit {
    background: #24b400;
    border-color: #24b400;
    color: #fff
}

.popup-bg #popup2 .submit:hover {
    background: #1f9b00;
    color: #fff
}

.popup-bg #popup2 .submit img {
    filter: contrast(300%) invert(100%);
    margin-top: -5px
}

.popup-bg #popup2 .popup_title span.projecting {
    color: #000
}

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

.light_theme .popup-bg #popup2 .submit:after {
    width: 220px
}

.__bottom {
    width: 810px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px
}

.__bottom_title {
    color: #0bf;
    font-size: 25px;
    font-weight: 900;
    padding-left: 140px
}

.__bottom_border {
    width: 414px;
    border-radius: 5px;
    border: 1px dotted #00b9ec;
    position: relative;
    margin-top: 20px;
    padding: 40px 20px 70px 135px
}

.__bottom_border:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/ygolok.png) no-repeat 50% 50%/cover;
    width: 110px;
    height: 100%
}

.__bottom_border:after {
    content: "";
    position: absolute;
    left: -90px;
    top: -100px;
    background: url(../img/bb.png) no-repeat 50% 50%/cover;
    width: 222px;
    height: 250px
}

.__bottom_border_get {
    color: #0c4ea1;
    font-size: 20px;
    font-weight: 600
}

.__bottom_list {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 500
}

.__bottom_list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 35px
}

.__bottom_list li:last-child {
    margin-bottom: 0
}

.__bottom_list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    background: url(../img/cccc.png) no-repeat 50% 50%/cover;
    width: 17px;
    height: 17px
}

.__bottom_free {
    color: #000;
    font-size: 20px;
    font-weight: 600
}

.__bottomcheck_number {
    color: #000;
    font-size: 14px;
    font-weight: 300
}

.__bottom_forma {
    text-align: center;
    width: 344px;
    box-shadow: 0 0 7px 1px rgba(0,0,0,.21);
    border-radius: 5px;
    background-color: #fff;
    padding: 30px 45px;
    position: relative
}

.__bottom {
    justify-content: space-between
}

.light_theme #main .forma .__bottom_textarea,.light_theme #main .forma [type=tel] {
    border-radius: 5px;
    border: 1px dotted #24b400;
    background-color: #fff;
    font-size: 14px
}

.light_theme #main .forma .__bottom_textarea {
    margin-top: 10px;
    width: 252px;
    height: 94px;
    text-align: center
}

.light_theme #main .forma .submit {
    font-size: 12px
}

.light_theme #main .forma:before {
    content: none
}

.__bottom_border {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 35px
}

.__bottomcheck_number {
    margin-bottom: 20px
}

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

.subscribe_block {
    width: 364px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
    border-radius: 5px;
    border: 1px dotted #b7b7b7;
    padding: 25px;
    text-align: center;
    background-color: #fff;
    position: relative;
    z-index: 222
}

.subscribe_block p {
    margin-top: 10px;
    font-size: 18px
}

.know_more_more {
    margin-top: 40px
}

.mega_lines {
    position: absolute!important;
    left: 0;
    bottom: 440px;
    z-index: -2!important
}

.light_theme #main .change_block.white_block:not(.nextInQueue) {
    margin-top: -240px!important
}

#main .buttons .goBack {
    background: #fff
}

.light_theme #main .master_left {
    margin-right: 20px
}

.goToMainPage {
    background: #fff
}

#main .startedFlex {
    z-index: 9999!important
}

.enter_phone_number {
    margin-top: -60px
}

#main .col_right {
    width: 330px;
    text-align: right;
    margin-top: 40px
}

.enter_phone_number {
    margin-top: -110px
}

.light_theme #main .getResultBtn:after {
    right: -30px;
    top: -100px
}

.enter_phone_number {
    margin-top: -70px
}

.light_theme #main .getResultBtn[disabled=disabled] {
    color: #03a319!important
}

#popup6 {
    width: 889px;
    max-width: 100%;
    box-shadow: 0 0 49px rgba(10,11,11,.1);
    border-radius: 10px;
    border: none;
    background-color: #fff;
    padding: 30px 20px;
    background: #fff url(../img/ppp.png) no-repeat 0 100%
}

#popup6 .enotka_block {
    margin-top: 0;
    width: 500px;
    flex-shrink: 0
}

#popup6 .enotka_block .enotka_block_text {
    background: #fff
}

#popup6 .enotka_block .enotka_block_image {
    margin-top: 120px
}

#popup6 .__bottom_forma {
    margin-top: 65px
}

#popup6 .forma [type=tel] {
    height: 44px;
    border: 1px dotted #00a2ff;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    font-weight: 400;
    border-radius: 5px;
    border: 1px dotted #24b400
}

#popup6 .forma .__bottom_textarea,#popup6 .forma [type=tel] {
    margin-top: 10px;
    text-align: center;
    background-color: #fff;
    font-size: 14px
}

#popup6 .forma .__bottom_textarea {
    border-radius: 5px;
    border: 1px dotted #24b400;
    width: 252px;
    height: 94px;
    padding: 15px 10px
}

#popup6 .submit {
    color: #000;
    width: 363px;
    border: none;
    margin: 20px auto 0;
    margin-top: 20px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    max-width: 100%;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-image: linear-gradient(0deg,#fff600,#fdc42a);
    text-shadow: 0 0 7px rgba(1,92,12,.91);
    color: #fff;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    text-transform: uppercase;
    margin-top: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 53px;
    box-shadow: 0 0 21px 1px #78ff00;
    border-radius: 27px;
    background-color: #fff200;
    box-shadow: none;
    background-image: linear-gradient(0deg,#029517,#04c31f 52%,#06ed26);
    font-size: 12px
}

#popup6 .enotka_block .enotka_block_list {
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px
}

#popup6 .enotka_block .enotka_block_list li {
    margin-bottom: 5px
}

#popup6 .enot_moments {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #0bf;
    font-size: 16px;
    font-weight: 700
}

#popup6 .enot_answer {
    font-weight: 400;
    font-size: 16px;
    margin-top: 15px
}

#popup6 .enotka_block {
    padding-right: 20px
}

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

.gif {
    margin-top: -30px
}

.s01_col_list {
    margin-top: -100px
}

.s01_col_list li:first-child p {
    margin-top: 160px
}

.s01_col_list li:last-child {
    margin-top: 20px
}

.s01_col_list li:nth-of-type(2) p {
    margin-top: 150px
}

.s01_col_list li:nth-of-type(3) p {
    margin-top: 60px
}

#nav .phone {
    text-shadow: 0 0 22px #060606
}

.light_theme #main .change_block:before {
    bottom: 160px
}

.light_theme #main .change_block[data-step="4"]:before {
    bottom: 360px
}

.light_theme #main .change_block.child2[data-step="5"]:before {
    bottom: 80px
}

.enter_phone_number {
    font-weight: 400
}

#main .radio_list {
    padding-left: 30px
}

.light_theme #main .change_block.white_block:before {
    content: none!important
}

#main .change_block[data-step="4"] .buttons {
    margin-top: -280px;
    margin-bottom: 200px
}

#main .change_block[data-step="2"] .buttons {
    margin-top: -200px;
    margin-bottom: 200px
}

#nav .phone {
    font-weight: 700
}

.s01_col_list {
    margin-top: -60px
}

.s01_col_list li:first-child p {
    margin-top: 100px
}

.s01_col_list li:nth-of-type(2) p {
    margin-top: 130px
}

.s01_col_list li:last-child {
    margin-top: -40px
}

.s01_col_list li:nth-of-type(3) p {
    margin-top: 130px;
    margin-right: 30px
}

.change_block.nextInQueue {
    display: none
}

.change_block.active {
    display: block
}

.light_theme #main .change_block.child2[data-step="5"]:before {
    background: url(../img/laste_step.png) no-repeat 50% 50%/cover;
    width: 257px;
    height: 268px
}

.light_theme #main .phoneImg:before {
    width: 306px;
    background: url(../img/phone.gif?v=2) no-repeat 50% 50%/contain;
    width: 536px!important;
    height: 515px;
    transform: rotate(10deg);
    left: -230px!important
}

.enter_phone_number {
    padding-left: 30px
}

.primernaya_stoimost {
    text-align: center;
    margin-top: 50px;
    color: #0bf;
    font-family: Museo Sans Cyrl\ 900!important;
    font-size: 25px
}

.custom_table {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-top: 25px;
    border: 1px dotted #0bf;
    border-radius: 5px;
    display: block
}

.custom_table_col {
    width: 300px;
    flex-shrink: 0
}

.custom_table_header {
    width: 100%;
    background-color: #0bf;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    height: 80px;
    color: #fff
}

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

.custom_table_col .custom_table_header {
    border-radius: 5px 0 0 0;
    border-right: 1px dashed #fff
}

.custom_table_columns {
    display: flex;
    flex-grow: 1
}

.custom_table_columns_col {
    width: 33.33333%;
    display: block!important
}

.custom_table_columns_col:last-child .custom_table_header {
    border-radius: 0 5px 0 0;
    border-right: none
}

.custom_table_columns_col .custom_table_header {
    text-transform: uppercase;
    border-right: 1px dashed #fff
}

.custom_table_grid {
    padding-left: 30px;
    padding-top: 20px;
    border-right: 1px dashed #0bf
}

.custom_table_grid_title {
    color: #525252;
    font-size: 18px;
    font-weight: 600;
    padding-left: 17px;
    position: relative
}

.custom_table_grid_title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    background-color: #02a3de
}

.custom_table_grid_list {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #525252;
    font-size: 16px;
    font-weight: 400
}

.custom_table_grid_list li {
    position: relative;
    padding-left: 20px;
    padding-bottom: 3px;
    margin-bottom: 3px
}

.custom_table_grid_list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    background: url(../img/checker.png) no-repeat 50% 50%/cover;
    width: 11px;
    height: 10px
}

.custom_table_grid_list li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    width: calc(100% - 20px);
    border-bottom: 2px dashed #ececec
}

.sale_cost {
    color: #ff002a;
    font-size: 20px;
    font-weight: 600
}

.param_list {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    margin-top: 35px
}

.param_list li {
    position: relative;
    padding-bottom: 3px;
    margin-bottom: 3px
}

.param_list li span {
    font-weight: 600
}

.param_list li .tdlh {
    text-decoration: line-through
}

.param_list li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -25px;
    width: calc(100% + 25px);
    border-bottom: 2px dashed #ececec
}

.param_list_2 {
    margin-top: 60px;
    margin-bottom: 35px
}

.greyyy {
    background: hsla(0,0%,92%,.6)
}

.greyyy .param_list li:after {
    border-color: #0bf
}

.custom_table_columns_col:last-child .custom_table_grid {
    border-right: none
}

.bron_price {
    margin-top: 25px;
    margin-left: 0;
    width: 166px;
    height: 53px;
    border-radius: 27px;
    border: 1px solid #24b400;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: #47c029;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 25px
}

.bron_price:hover {
    background: #47c029;
    color: #fff
}

.custom_table_grid {
    height: calc(100% - 80px)
}

.custom_table_columns_col .custom_table_grid {
    padding-left: 25px
}

.calculate {
    padding-right: 140px;
    margin-top: 15px;
    color: #45bf27;
    font-size: 20px;
    font-weight: 600;
    text-decoration: underline;
    display: block;
    text-align: right;
    margin-bottom: 15px
}

.calculate:hover {
    text-decoration: none
}

.bron_sale {
    text-align: center;
    margin-top: 25px;
    color: #56b6fe;
    font-size: 25px;
    font-weight: 700
}

.iii {
    margin-top: -5px;
    margin-bottom: -5px;
    position: relative;
    z-index: 999;
    cursor: pointer
}

.plashka {
    position: absolute;
    max-width: 162px;
    width: 162px!important;
    height: 94px!important;
    top: 10px!important;
    left: -19px!important;
    z-index: 9;
    opacity: 0;
    transition: .2s ease
}

.iii:hover~.plashka {
    opacity: 1
}

.custom_table_header {
    position: relative
}

.lider_block {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    border-radius: 0 0 10px;
    z-index: 999;
    cursor: pointer
}

.plashka2 {
    position: absolute;
    max-width: 162px;
    width: 150px!important;
    height: 93px!important;
    top: 10px!important;
    left: 10px!important;
    z-index: 9;
    opacity: 0;
    transition: .2s ease
}

.lider_block:hover~.plashka2 {
    opacity: 1
}

.lider_block: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: f 2.5s linear infinite;
    -webkit-animation: f 2.5s linear infinite
}

@keyframes f {
    0% {
        left: 0
    }

    to {
        left: 150%
    }
}

#radios_buttons_block {
    width: 200px;
    margin-left: auto;
    margin-right: auto
}

#radios_buttons_block label {
    display: block;
    text-align: left;
    cursor: pointer;
    position: relative;
    color: #525252;
    font-size: 18px;
    padding-left: 32px
}

#radios_buttons_block label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #02a3de!important;
    top: calc(50% - 10px);
    border-radius: 50%;
    box-shadow: none!important
}

#radios_buttons_block .fieldset {
    margin-top: 20px;
    position: relative
}

#radios_buttons_block [type=radio]:checked+label:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid #02a3de!important;
    left: 3px!important;
    top: calc(50% - 7px)!important;
    background-color: #02a3de;
    box-shadow: none!important
}

.bron_price.non_hidden {
    margin-left: auto;
    margin-right: auto
}

.bron_price.non_hidden,.bron_sale,.radios_buttons_block {
    display: none
}

.light_theme #main .change_block[data-step="4"]:before {
    bottom: 200px
}

.light_theme #main .change_block[data-step="3"]:before {
    bottom: 120px
}

@media (max-width: 1050px) {
    .wrap {
        padding-left:10px;
        padding-right: 10px
    }

    #main .header {
        max-width: calc(100% - 20px)
    }

    #main .col_left {
        width: 530px
    }

    .light_theme #main .form_control {
        width: 260px
    }

    #main .form_control .img {
        height: 195px
    }

    .light_theme #main .column .img.high_img {
        width: 240px
    }

    #main .change_block.nextInQueue {
        width: 1140px;
        left: calc(50% - 560px)
    }

    .light_theme #main .phoneImg:before {
        left: -70px!important;
        top: -290px!important;
        width: 220px!important
    }

    .light_theme #main .white_title {
        margin-left: 100px
    }

    .enter_phone_number {
        margin-top: -70px
    }

    .light_theme #main .getResultBtn:after {
        right: 40px
    }

    #main .change_block.nextInQueue {
        width: 984px;
        max-width: calc(100% - 20px);
        left: calc(50% - 492px)
    }

    .light_theme #main .phoneImg:before {
        left: -100px!important;
        top: -250px!important;
        width: 320px!important;
        height: 480px
    }
}

@media (max-width: 960px) {
    .light_theme #s01 .h1 span {
        font-size:36px
    }

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

    .pereplata {
        margin-top: 0
    }

    .light_theme #s01 {
        padding-bottom: 80px
    }

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

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

    #main .header:after {
        top: 5px;
        border: 2px dotted #02a3de
    }

    #main .change_block:after,#main .header:after {
        left: 5px;
        width: calc(100% - 14px);
        height: calc(100% - 14px)
    }

    #main .change_block:after {
        top: 8px
    }

    #main .col_left {
        width: 500px
    }

    .light_theme #main .form_control {
        width: 245px
    }

    #main .answer_block {
        font-size: 17px
    }

    #main .form_control .img {
        height: 180px
    }

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

    #main .answer_block {
        height: 70px
    }

    .light_theme #main .answer_block.noImg {
        padding-top: 25px
    }

    .light_theme #main .phoneImg:before {
        left: -30px!important;
        width: 190px!important
    }

    .light_theme #main .white_title {
        margin-left: 50px
    }

    .__bottom_border:after {
        left: -50px;
        top: -100px;
        width: 172px;
        height: 194px
    }

    .s01_col_list {
        position: relative;
        left: 40px
    }

    .light_theme #main .change_block.child2[data-step="5"]:before {
        width: 100px;
        bottom: 280px
    }

    .light_theme #main .change_block[data-step="2"]:before,.light_theme #main .change_block[data-step="3"]:before,.light_theme #main .change_block[data-step="5"]:before {
        width: 518px
    }

    .light_theme #main .change_block[data-step="1"]:before {
        width: 508px
    }

    .light_theme #main .change_block[data-step="4"]:before {
        width: 308px;
        width: 380px
    }

    .light_theme #main .change_block[data-step="3"]:before {
        bottom: 100px
    }
}

@media (max-width: 900px) {
    #main .change_block.nextInQueue {
        left:calc(50% - 430px)
    }

    .light_theme #s01 .sub p br {
        display: none
    }

    .custom_table_col {
        width: 150px
    }

    .custom_table {
        max-width: 100%;
        width: 600px;
        overflow: hidden
    }

    .custom_table_header {
        font-size: 16px
    }

    .custom_table_columns_col .custom_table_grid,.custom_table_grid {
        padding-left: 10px
    }

    .custom_table_grid_title {
        font-size: 16px
    }

    .custom_table_grid_list li {
        font-size: 14px
    }

    .param_list li:after {
        left: -10px;
        width: calc(100% + 25px)
    }

    .sale_cost {
        font-size: 14px
    }

    .bron_price {
        display: none
    }

    .custom_table_columns_col {
        width: 150px;
        overflow: hidden
    }

    .param_list {
        margin-top: 30px;
        font-size: 14px
    }

    .param_list_2 {
        margin-top: 60px
    }

    .param_list_2 li:nth-child(2) {
        height: 40px
    }

    .custom_table_grid_list:nth-of-type(2),.param_list_2 {
        margin-bottom: 15px
    }

    .bron_price.non_hidden,.bron_sale,.radios_buttons_block {
        display: block
    }

    .bron_price.non_hidden {
        display: flex
    }

    .plashka2 {
        left: 0!important
    }

    .calculate {
        padding-right: 0;
        text-align: center
    }
}

@media (max-width: 800px) {
    .light_theme #main .change_block[data-step="2"]:before {
        width:400px
    }

    .s01_col_list {
        left: 0
    }

    .gif {
        display: none
    }

    #main .change_block[data-step="3"] .col_left {
        justify-content: center
    }

    .animating_numbers .mob,.h1 .mob {
        display: none
    }

    .light_theme #main .flex_form .doc_block {
        padding-bottom: 20px
    }

    .light_theme #main ol.price_list {
        min-height: 1px
    }

    .light_theme #main .flex_form {
        flex-wrap: wrap
    }

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

    #main .master_name {
        font-size: 16px
    }

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

    #main ol.price_list {
        min-height: 1px
    }

    #main .white_title {
        margin-left: 0
    }

    .light_theme #main .present_block {
        background: #8ace27!important;
        box-shadow: 0 0 20px 1px #2e8000!important
    }

    .light_theme .bg_video {
        left: -40%
    }

    .light_theme #nav .logo_text,.light_theme #nav .logo_text_2 {
        display: none
    }

    .light_theme #nav .col {
        width: 50%
    }

    .light_theme #s01 .img {
        height: auto
    }

    .light_theme #main .question .img.five:before {
        bottom: -40px
    }

    .light_theme #main .mt-05 {
        margin-right: 170px
    }

    .light_theme #main .price_blocks {
        flex-wrap: wrap
    }

    .light_theme #main .price_blocks .price_block {
        margin-left: auto;
        margin-right: auto
    }

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

    .light_theme #main .present_block {
        background: #016bd2!important;
        box-shadow: 0 0 20px 1px #016bd2!important
    }

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

    .light_theme #main .mt-05 {
        margin-right: 120px
    }

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

    #main .col_left.presents .form_control .answer_block {
        font-size: 14px
    }

    #main .form_control .img img {
        height: 100%!important;
        width: 100%!important
    }

    #main .footer {
        padding-left: 10px;
        padding-right: 10px
    }

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

    .light_theme #main .phoneImg:before {
        left: -180px!important;
        top: -150px!important
    }

    .light_theme #main .started_col .form_control {
        width: 200px;
        left: -15px
    }

    #s01 .h1 {
        text-align: center
    }

    #s01 .subtitle,.light_theme #s01 .hr {
        margin-left: auto;
        margin-right: auto
    }

    #s01 .subtitle {
        text-align: center
    }

    #s01 .numbers {
        justify-content: center
    }

    #s01,.light_theme #s01 .sub {
        text-align: center
    }

    .light_theme .rassrochka_block {
        margin-left: auto;
        margin-right: auto
    }

    .light_theme #s01 {
        background: #fff url(../img/mobile.jpg) no-repeat 50% 0/cover
    }

    .light_theme #main .phoneImg:before {
        width: 200px!important
    }

    .light_theme #s01 {
        background: url(../img/bg1.jpg?v=2) no-repeat 50% 0/cover
    }

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

    #main .form_control .img img.mini {
        width: auto!important;
        height: auto!important
    }

    .light_theme #main .phoneImg:before {
        left: -45px!important;
        top: -130px!important
    }

    .light_theme #main .present_block {
        background: #6cab4d!important;
        border-color: #6cab4d!important;
        box-shadow: 0 0 20px 1px #6cab4d!important
    }

    .light_theme #main .change_block.white_block:not(.nextInQueue) {
        border-color: #fff
    }

    .light_theme #main .master_left {
        margin-right: 25px
    }

    .light_theme #main .phoneImg:before {
        left: -55px!important;
        width: 160px!important
    }

    #s01 .h1 {
        font-size: 26px;
        text-align: left
    }

    #s01 .subtitle,.light_theme #s01 .hr {
        margin-left: 0
    }

    #s01 .subtitle,.animating_numbers,.light_theme #s01 .hr,.light_theme #s01 .sub {
        text-align: left
    }

    #s01 .numbers {
        justify-content: flex-start
    }

    .light_theme #s01 {
        text-align: left
    }

    .light_theme .rassrochka_block {
        margin-left: 0
    }

    #s01 .wrap {
        padding-left: 15px
    }

    .light_theme #main .flex_form {
        justify-content: center
    }

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

    #main .fake_checkbox {
        width: 30px
    }

    #main .textarea_block textarea {
        padding-left: 33px
    }

    .light_theme .rassrochka_block .text_block {
        display: none
    }

    .light_theme .rassrochka_block {
        text-align: center
    }

    .light_theme #s01 .img {
        width: auto;
        margin-left: auto;
        margin-right: auto
    }

    #main .present_block p strong {
        color: #fff!important
    }

    .light_theme #main .present_block p,.light_theme #main .present_block p strong {
        color: #fff
    }

    .light_theme #main .present_block {
        background: #5c3217!important;
        border-color: #5c3217!important;
        box-shadow: 0 0 20px 1px #5c3217!important
    }

    #main .change_block[data-step="3"] .column:first-child {
        margin-right: 50px
    }

    .light_theme #main .change_block[data-step="4"] .form_control {
        margin-right: 30px;
        margin-left: 30px
    }

    .light_theme #main .change_block[data-step="4"] .col_left {
        width: 500px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

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

    #main .question br {
        display: none
    }

    #main .presents .form_control:nth-of-type(2) .answer_block label:before {
        top: 10px
    }

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

    #main .footer table {
        font-size: 12px
    }

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

    #main .col_left.presents .form_control:nth-of-type(2) .answer_block {
        min-height: 123px
    }

    .light_theme #main .phoneImg:before {
        left: -25px!important
    }

    .light_theme #main .footer table .mnogo:before {
        left: 65px
    }

    #main .presents .form_control:nth-of-type(2) .answer_block label:after {
        top: 14px
    }

    .light_theme #main .price_list>li span:nth-of-type(2) {
        left: 0!important;
        padding-left: 0
    }

    .light_theme #main .price_list>li span:first-child {
        width: 180px;
        padding-right: 10px
    }

    .light_theme #main .price_list>li span:nth-of-type(4) {
        padding-left: 0
    }

    .light_theme #main .flex_form .doc_block:before {
        content: none
    }

    .and_get {
        margin-top: 0
    }

    .light_theme #s01 {
        background: url(../img/bg1.jpg?v=2) no-repeat -400px 0
    }

    .light_theme #main .present_block {
        background: #008dd2!important;
        border-color: #008dd2!important;
        box-shadow: 0 0 20px 1px #008dd2!important
    }

    #main .change_block[data-step="2"] .column:first-child {
        margin-right: 40px
    }

    .light_theme #main .change_block .clearfix {
        display: none
    }

    #main .col_left.presents .form_control:nth-of-type(2) .answer_block {
        min-height: 1px
    }

    .light_theme #main .change_block[data-step="3"] .form_control {
        margin-left: 20px;
        margin-right: 20px
    }

    .master_text {
        width: 350px;
        max-width: 100%
    }

    .light_theme .new_title,.master_text br {
        display: none
    }

    .light_theme #main .flex_form .doc_block:before {
        content: ""
    }

    .light_theme #main .white_title {
        font-size: 20px
    }

    .light_theme #main .master_left {
        margin-right: 0
    }

    #nav .wrap {
        align-items: flex-end
    }

    .pretty_list {
        flex-wrap: wrap
    }

    .nineYears {
        margin-top: 80px;
        font-size: 26px
    }

    .naznachenie {
        font-size: 22px
    }

    .new_slider {
        width: 480px
    }

    .new_slider .slider_text .slider_text_col {
        width: 100%
    }

    .new_slider .images .images_col {
        width: 100%;
        margin-bottom: 15px
    }

    .new_slider .images .images_col:last-child {
        margin-bottom: 0
    }

    .new_slider .images .images_col img {
        width: 100%
    }

    #nav .wrap {
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
        left: 0;
        display: block;
        text-align: center
    }

    .light_theme #nav .col {
        width: 100%;
        display: block;
        text-align: center
    }

    .light_theme #nav .col .logo {
        display: block
    }

    .light_theme #nav .logo_t {
        text-align: center;
        margin: 20px auto
    }

    .light_theme #nav .col.contacts {
        width: 100%;
        text-align: center
    }

    #nav .phone {
        text-align: center
    }

    .light_theme #main .forma {
        margin-top: 25px
    }

    .light_theme #nav .col .logo {
        display: flex
    }

    .light_theme #nav .logo .img img {
        display: none
    }

    .light_theme #nav .logo_t {
        margin-left: auto;
        margin-right: auto;
        margin-left: 0
    }

    .light_theme #nav .col .logo {
        left: 0
    }

    #nav .wrap {
        display: flex;
        flex-wrap: nowrap
    }

    .light_theme #nav .col.contacts {
        position: relative;
        top: -10px;
        text-align: right
    }

    .light_theme #nav .col,.light_theme #nav .col.contacts {
        width: 50%
    }

    #nav .phone {
        text-align: right
    }

    .light_theme #nav .logo .img img {
        display: block
    }

    .light_theme #nav .logo_t {
        display: none
    }

    .w470px {
        width: 100%
    }

    .s01_flex {
        flex-wrap: wrap
    }

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

    #s01 .h1 {
        margin-top: 0
    }

    .s01_flex {
        position: relative
    }

    .s01_col_list {
        margin-top: 20px
    }

    .two_blocks {
        margin-top: 550px
    }

    .s01_col_images {
        position: absolute;
        left: 0;
        top: 0
    }

    .light_theme #s01 {
        background: url(../img/bg1.jpg?v=2) no-repeat 0 0/cover
    }

    #main .header_title {
        font-size: 17px!important
    }

    .light_theme #nav .logo_block .img {
        margin-left: 0
    }

    #main .form_control .img {
        height: 160px
    }

    #main .textarea_block textarea {
        font-size: 16px
    }

    #main .form_control .img {
        height: 150px
    }

    .light_theme #main .answer_block {
        padding-left: 35px
    }

    #main .form_control .img {
        padding: 10px
    }

    #main .fake_checkbox {
        width: 40px
    }

    #main .textarea_block textarea {
        padding-left: 45px
    }

    #main .buttons {
        margin-bottom: 200px
    }

    #main .col_right {
        left: 0!important;
        text-align: center!important;
        width: 100%!important;
        top: calc(100% + 130px)!important
    }

    .cloud {
        margin-left: auto;
        margin-right: auto
    }

    #main .buttons .goNext {
        margin-right: 0
    }

    #main .col_left {
        align-items: flex-start
    }

    #main .questions_block {
        margin-top: 0
    }

    .light_theme #main .change_block[data-step="3"] .form_control {
        margin-left: 2px;
        margin-right: 2px
    }

    #main .change_block[data-step="3"] .col_left,#main .questions_block {
        justify-content: flex-start
    }

    .light_theme #main .change_block[data-step="4"] .col_left {
        width: 100%
    }

    .light_theme #main .form_control {
        width: 250px
    }

    .enter_phone_number {
        margin-top: 0
    }

    .light_theme #main .getResultBtn:after {
        content: none!important
    }

    .light_theme #main .weAreStarted {
        font-size: 24px
    }

    #main .started_title {
        margin-top: 20px;
        font-size: 18px
    }

    #main .startedFlex {
        padding-left: 140px!important
    }

    .light_theme #main .phoneImg:before {
        top: -270px!important
    }

    .light_theme #main .form_control {
        width: 190px
    }

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

    .light_theme #main .change_block[data-step="4"] .form_control {
        width: 250px
    }

    #main .form_control .img {
        height: 140px
    }

    .light_theme #main .answer_block {
        padding-top: 5px
    }

    #main .answer_block {
        height: 65px
    }

    .__bottom {
        justify-content: center
    }

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

    #main .wrap {
        padding-bottom: 150px!important
    }

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

    .cloud {
        border: 2px solid #4ac8f7;
        border-radius: 10px;
        height: 70px;
        background: #fff;
        margin-top: -20px
    }

    #popup6 .content.flex {
        flex-wrap: wrap;
        justify-content: center
    }

    #popup6 .enotka_block {
        padding-right: 0;
        width: 100%
    }

    .enotka_block .enotka_block_text {
        width: 100%
    }

    #main .change_block[data-step="2"] .buttons,#main .change_block[data-step="4"] .buttons {
        margin-top: 0;
        margin-bottom: 200px
    }

    #main .radio_list,.enter_phone_number {
        padding-left: 0
    }

    #main .startedFlex {
        padding-left: 0!important
    }

    #main .change_block.child2 .col_right {
        position: relative!important;
        width: 210px!important;
        top: 0!important;
        margin-top: 0
    }

    .enter_phone_number {
        margin-top: 30px
    }

    .light_theme #main .phoneImg:before {
        top: -210px!important
    }

    #main .change_block.child2 .buttons {
        margin-bottom: 40px
    }

    .light_theme #main .change_block.child2[data-step="5"]:before {
        width: 87px;
        bottom: 220px
    }

    .light_theme #main .change_block[data-step="1"]:before {
        bottom: 220px
    }

    .light_theme #main .change_block[data-step="3"]:before {
        bottom: 250px
    }

    .light_theme #main .change_block:before {
        bottom: 240px
    }

    .light_theme #main .change_block[data-step="2"]:before {
        bottom: 170px
    }
}

@media (max-width: 485px) {
    .mega_lines {
        display:none!important
    }

    .light_theme #main .change_block:before {
        width: 358px!important
    }

    .light_theme #main .change_block.child2[data-step="5"]:before {
        content: none!important
    }

    .custom_table_columns {
        display: block
    }

    .custom_table_columns .slick-next,.custom_table_columns .slick-prev {
        display: none!important
    }

    .custom_table_wrapper {
        display: block
    }

    .custom_table_grid {
        height: 400px
    }

    .custom_table_columns_col .custom_table_header {
        position: relative
    }

    .custom_table_columns_col .custom_table_header:before {
        content: "";
        position: absolute;
        right: 5px;
        top: 5px;
        background: url(../img/sliding.png) no-repeat 50% 50%;
        width: 54px;
        height: 11px;
        z-index: 999
    }

    .custom_table_wrapper {
        height: 480px
    }

    .custom_table_col {
        float: left
    }

    .bron_sale {
        font-size: 20px;
        padding: 0 40px
    }

    .calculate {
        padding-right: 0
    }

    #nav .phone,.calculate,.light_theme #nav .col.contacts {
        text-align: center
    }

    .light_theme #nav .col.contacts {
        top: 0
    }

    .light_theme #nav .col,.light_theme #nav .col.contacts {
        width: 100%
    }

    .light_theme #nav .col .logo {
        display: flex
    }

    #nav .wrap {
        display: block
    }

    .light_theme #nav .logo .img img {
        display: none
    }

    .light_theme #nav .logo_block .img {
        width: 40px!important;
        border-radius: 0;
        justify-content: flex-start;
        background: url(../img/logo_f1.png) no-repeat 50% 50%/cover;
        height: 60px;
        margin-top: -5px!important;
        position: relative;
        top: -10px;
        margin-right: 5px!important
    }

    #s01 .h1 strong,.animating_numbers .mob,.h1 .mob {
        display: block
    }

    #main .form_control .img img {
        height: auto!important
    }

    #main .footer table {
        font-size: 11px
    }

    .light_theme #main .change_block[data-step="4"] .form_control {
        margin-right: auto;
        margin-left: auto
    }

    .light_theme #main .change_block[data-step="4"] .form_control:last-child {
        margin-left: 0
    }

    .present_description br {
        display: none
    }

    #main .presents .form_control:nth-of-type(2) .answer_block label:before {
        top: 3px
    }

    #main .col_left.presents .form_control:nth-of-type(2) .answer_block {
        min-height: 137px
    }

    #main .change_block[data-step="3"] .column:first-child {
        margin-right: 0
    }

    #s01 .wrap {
        padding-left: 5px
    }

    .light_theme #s01 {
        background: #fff url(../img/mobile.jpg) no-repeat 50% 0
    }

    .light_theme #main .started_col .form_control {
        left: 0!important
    }

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

    .light_theme #nav .logo_block .img {
        width: 100px
    }

    .light_theme #s01 .sub {
        font-size: 18px
    }

    .light_theme #s01 .sub strong {
        display: block
    }

    .light_theme #s01 .block .number {
        font-size: 25px
    }

    .light_theme .bg_video {
        left: -50%
    }

    .light_theme #main .column .img.high_img {
        height: auto
    }

    .light_theme #main .col_left.presents .form_control.presentBlock {
        order: 4
    }

    .light_theme #nav .logo_block .img {
        margin-top: 5px
    }

    .light_theme #nav .contacts {
        float: none;
        margin-top: -10px
    }

    .light_theme #nav .center_col {
        display: none
    }

    .light_theme #nav .wrap {
        padding-bottom: 0
    }

    .light_theme #main .mt-05 {
        margin-right: 0
    }

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

    .light_theme #main .price_list.fz14 li span:nth-of-type(2),.light_theme #main .price_list>li,.light_theme #main .price_list>li span {
        font-size: 12px!important
    }

    .light_theme .get {
        font-size: 16px
    }

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

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

    .light_theme #main .price_list>li:before {
        top: 9px
    }

    .light_theme #main .price_list>li span:nth-of-type(2) {
        width: 115px
    }

    .light_theme #main .price_list>li.head span:first-child {
        width: 140px
    }

    .light_theme .itogo span:first-child {
        width: 240px
    }

    .light_theme #s01 .block {
        margin-top: 25px;
        padding: 0 4px
    }

    .light_theme #s01 .block .number_text {
        font-size: 12px
    }

    .light_theme #s01 .btn_wrapper:before {
        right: -20px
    }

    .light_theme #s01 .h1 {
        font-size: 24px
    }

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

    .light_theme .master_text {
        padding-left: 10px;
        padding-right: 10px
    }

    .light_theme #main .master_information .master_image {
        margin-left: auto;
        margin-right: auto
    }

    .light_theme .new_title {
        font-size: 20px
    }

    .light_theme .new_title br {
        display: none
    }

    .light_theme #main .flex_form .doc_block {
        padding-left: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 300px;
        padding-right: 10px;
        max-width: 100%
    }

    .light_theme #main .flex_form .doc_block:before {
        content: none
    }

    .light_theme #main .flex_form .flex_form_list,.light_theme #main .flex_form .flex_form_title {
        margin-left: 0
    }

    .light_theme .know_more {
        margin-top: 15px
    }

    .light_theme .know_more br {
        display: none
    }

    .light_theme #main ol.price_list>li span:first-child {
        width: 100%
    }

    .light_theme #main .master_left {
        margin-right: auto;
        margin-left: auto
    }

    #main .master_name {
        font-size: 20px
    }

    #main .master_status {
        font-size: 16px
    }

    .light_theme #main .header_title br {
        display: none
    }

    #main .header_title small {
        display: inline
    }

    #nav .logo_block .logo {
        justify-content: center
    }

    .light_theme #nav .col.contacts {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px
    }

    #s01 .subtitle {
        font-size: 16px!important;
        width: 130px
    }

    #s01 {
        background: url(../img/bg1.jpg?v=2) no-repeat 50% 10%
    }

    .light_theme .rassrochka_block .img {
        width: 150px
    }

    .popup-bg #popup4 {
        width: 300px;
        padding-left: 10px;
        padding-right: 10px
    }

    .popup-bg #popup4 .head {
        font-size: 18px;
        font-size: 16px
    }

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

    .light_theme #main .inform_block {
        right: -160px;
        left: calc(50% - 45px);
        top: 40px
    }

    .light_theme #main .footer table strong {
        white-space: nowrap
    }

    .light_theme #main .answer_block {
        padding-left: 30px
    }

    .light_theme #main .column {
        width: 40%!important
    }

    .light_theme #main .column.mt-05 {
        width: 60%!important
    }

    .light_theme #main .form_control {
        display: inline-block!important;
        width: auto!important
    }

    .light_theme #main .answer_block {
        padding-right: 5px
    }

    .light_theme #main .form_control {
        min-width: 49%
    }

    .light_theme #main .info_icon {
        right: -25px!important
    }

    #main .change_block {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .light_theme #main .change_block[data-step="5"] .info_icon {
        right: 5px!important
    }

    .light_theme #main .presents .info_icon {
        right: 10px!important;
        top: 8px
    }

    #main .col_left.presents .form_control {
        width: calc(50% - 1px)!important
    }

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

    #main .presents .form_control .img {
        height: 100px!important
    }

    .light_theme #main .col_left.presents .form_control.presentBlock {
        z-index: 1!important
    }

    .light_theme #main .change_block[data-step="4"] .form_control:first-child .info_icon {
        right: -15px!important
    }

    .light_theme #main .footer table .mnogo:before {
        left: 25px!important
    }

    .light_theme #main .started_col .form_control.presentBlock {
        width: 210px!important
    }

    .light_theme #main .startedFlex .one_step {
        margin-left: auto;
        margin-right: auto
    }

    .light_theme #main .startedFlex .one_step nobr {
        white-space: normal
    }

    .light_theme #main .startedFlex {
        padding-left: 0
    }

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

    .light_theme #main .presents .inform_block {
        right: 0!important;
        left: auto!important;
        top: 45px!important;
        width: 150px
    }

    .light_theme #main .flex_form .col {
        margin-left: 0
    }

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

    #main .change_block[data-step="4"] .mt-05.column~.column,#main .change_block[data-step="5"] .mt-05.column~.column {
        margin-top: 40px
    }

    .light_theme #main .change_block[data-step="4"] .form_control:first-child .info_icon {
        right: -25px!important
    }

    .light_theme #main .change_block[data-step="5"] .form_control:first-child .info_icon {
        right: -15px!important
    }

    .light_theme #main .answer_block label {
        padding-left: 0
    }

    #main .startedFlex .started_col:first-child {
        padding-left: 30px!important
    }

    #nav .logo_block {
        width: 40%!important
    }

    .light_theme #nav .logo_block .img {
        width: 50px
    }

    .light_theme #nav .logo_t {
        font-size: 10px;
        margin-left: 4px
    }

    #nav .wrap {
        padding-left: 10px;
        padding-right: 10px
    }

    #nav .logo_block .logo {
        position: relative;
        left: 10px
    }

    #s01 .subtitle {
        width: 100%
    }

    .light_theme #nav .col.contacts {
        width: 60%;
        margin-left: 0;
        margin-right: 0
    }

    .light_theme #s01 {
        background: #fff url(../img/mobile.jpg) no-repeat 20% -80px
    }

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

    .light_theme #main .change_block[data-step="1"] .form_control:first-of-type,.light_theme #main .change_block[data-step="1"] .form_control:nth-of-type(2) {
        max-width: 49%
    }

    .light_theme #main .flex_form .flex_form_list,.light_theme #main .flex_form .flex_form_title {
        margin-left: 10px!important
    }

    .light_theme #main .flex_form .flex_form_title br {
        display: none
    }

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

    .light_theme #main .footer {
        padding-left: 5px!important;
        padding-right: 5px!important
    }

    .light_theme #s01 {
        background: url(../img/bg1.jpg?v=2) no-repeat 55% 0
    }

    .light_theme #s01:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg,#000,rgba(0,0,0,.4))
    }

    .light_theme #s01 .h1 span {
        display: inline
    }

    .light_theme #s01 .h1 {
        text-align: left;
        text-transform: uppercase
    }

    #nav .logo_block .logo {
        justify-content: flex-start
    }

    .light_theme #s01 .h1 {
        font-size: 20px;
        width: 230px
    }

    .light_theme #s01 .h1 span {
        white-space: nowrap
    }

    #s01 .subtitle {
        text-align: left
    }

    .light_theme #s01 .hr {
        margin-left: 0
    }

    #s01 .numbers {
        margin-top: 0
    }

    .light_theme #s01 .block img {
        margin-top: -5px
    }

    #s01 .btn small,.animating_numbers {
        display: none
    }

    .light_theme #main .form_control {
        max-width: 49%
    }

    #main .col_left.presents .form_control:last-child {
        margin-top: 20px
    }

    .light_theme #main .flex_form .doc_title {
        margin-left: 0
    }

    .light_theme #s01 .sub,.light_theme #s01 .sub br {
        display: none
    }

    .light_theme #main .inform_block {
        left: auto;
        right: -60px
    }

    .light_theme #main .flex_form .doc_title:before {
        left: -10px;
        width: calc(100% + 20px)
    }

    .light_theme #main .flex_form {
        justify-content: center
    }

    #main .insta_block p {
        font-size: 16px
    }

    .popup-bg #popup4 .head br,.popup-bg #popup4 br {
        display: none
    }

    .light_theme #main .flex_form .col {
        margin-left: auto;
        margin-right: auto
    }

    #main .column input {
        max-width: 100%
    }

    .light_theme #main .change_block[data-step="2"] .form_control {
        max-width: 49%
    }

    .light_theme #main .started_col .form_control.presentBlock {
        width: 190px!important;
        max-width: 100%!important
    }

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

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

    .light_theme #main .price_list>li span:first-child {
        width: 125px;
        padding-right: 5px
    }

    .light_theme #main .price_list>li span:nth-of-type(2) {
        width: 40px;
        padding-left: 0
    }

    .light_theme #main .price_list>li span:nth-of-type(3) {
        width: 55px
    }

    .light_theme #main .footer table .mnogo:before {
        left: 55px!important
    }

    #main .presents .form_control:nth-of-type(2) .answer_block label:after {
        top: 7px
    }

    .timing {
        font-size: 16px
    }

    .light_theme #main .price_list li {
        min-height: 1px!important
    }

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

    .light_theme #main .price_list>li span:nth-of-type(3) {
        width: 60px
    }

    #popup1 p {
        font-size: 16px
    }

    #popup1 p br {
        display: none
    }

    .popup-bg #popup1 .goToMain {
        font-size: 16px
    }

    .popup-bg #popup1 .head {
        font-size: 16px!important
    }

    .popup-bg #popup1 {
        width: 300px
    }

    .light_theme #s01:before {
        content: none
    }

    .light_theme #s01 {
        background: url(../img/bg1.jpg?v=2) no-repeat -710px 0
    }

    .light_theme #s01 .h1 span {
        white-space: normal
    }

    .light_theme #s01 .h1 br {
        display: none
    }

    .light_theme #s01 .h1 .mob,.light_theme #s01 .h1 span {
        display: block
    }

    .light_theme #nav .logo_block .img {
        width: 95px;
        max-width: 95px;
        margin-bottom: 0
    }

    .light_theme #s01 .h1 {
        display: block;
        width: 100%;
        font-size: 25px
    }

    #s01 .numbers {
        max-width: 100%;
        text-align: center
    }

    #s01 .numbers .flex {
        flex-wrap: wrap;
        justify-content: center
    }

    #s01 .numbers {
        padding-top: 60px;
        margin-top: 60px
    }

    #s01 .numbers:after {
        left: calc(50% - 57px)
    }

    .light_theme #main .change_block[data-step="2"] .form_control {
        max-width: 100%;
        margin-right: 1%;
        width: 100%!important
    }

    #main .change_block[data-step="2"] .column:first-child {
        margin-right: 10px;
        width: calc(50% - 5px)!important
    }

    .light_theme #main .change_block[data-step="3"] .form_control {
        margin-left: .5%;
        margin-right: .5%
    }

    .abolute_text {
        display: none
    }

    .light_theme .bron {
        width: 120px;
        font-size: 10px
    }

    .light_theme #main .col_left.presents .form_control .img img {
        height: 100%!important
    }

    .light_theme #main .answer_block.switchPresent {
        max-height: 70px!important
    }

    #main .col_left.presents .form_control:nth-of-type(2) .answer_block {
        padding-top: 0;
        min-height: 70px
    }

    #main .col_left.presents .form_control .img img {
        height: 100%!important
    }

    #main .col_left.presents .form_control:nth-of-type(2) .answer_block {
        min-height: 80px
    }

    #main .col_left.presents .form_control .answer_block {
        font-size: 12px;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        padding-top: 10px!important;
        min-height: 80px!important
    }

    #main .answer_block.switchPresent label:before {
        top: 3px
    }

    #main .answer_block.switchPresent [type=radio]:checked+label:after {
        top: 5px
    }

    .light_theme .bron {
        width: 160px
    }

    #main .col_left.presents .form_control:last-child {
        margin-top: 50px
    }

    .price_body_footer {
        display: block
    }

    .light_theme .bron {
        width: 300px!important;
        font-size: 15px;
        max-width: 100%!important
    }

    .light_theme #main .white_title {
        padding-right: 60px
    }

    .popup-bg #popup4 .submit {
        font-size: 14px
    }

    .popup-bg #popup4 .head br,.popup-bg #popup4 br.mob {
        display: block!important
    }

    .light_theme #main .perfect {
        margin-top: 0
    }

    .final_table {
        font-size: 12px
    }

    .final_table .td:first-of-type {
        width: 165px
    }

    .light_theme .bron {
        font-size: 12px
    }

    .sostavlenie {
        font-size: 16px
    }

    .check_number,.check_number_green {
        font-size: 14px
    }

    .file_upload>mark {
        display: block;
        font-size: 14px
    }

    .know_more_more {
        margin-top: 30px
    }

    .sostavlenie {
        margin-top: 40px
    }

    .final_table .td:nth-of-type(2) {
        width: 52px
    }

    .price_body_footer_flex {
        font-size: 14px
    }

    .light_theme #s01 .h1,.pretty_list {
        font-size: 18px
    }

    #s01 .btn small {
        display: block
    }

    #s01 .btn:before {
        width: calc(100% - 10px)!important;
        height: calc(100% - 10px)!important;
        left: 4px!important;
        top: 4px!important
    }

    .light_theme #s01 .btn_wrapper:before {
        top: -110px
    }

    .naznachenie {
        font-size: 18px
    }

    .new_slider .slick-slide {
        padding: 10px;
        padding-bottom: 60px
    }

    .slick-next,.slick-prev {
        z-index: 88;
        top: calc(100% - 30px)
    }

    .slick-prev {
        left: 0
    }

    .slick-next {
        right: 0
    }

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

    .light_theme #nav .col {
        width: 100%!important;
        text-align: center;
        justify-content: center
    }

    .light_theme #nav .logo_block {
        display: block;
        text-align: center
    }

    #nav .logo_block .logo {
        left: 0
    }

    .light_theme #nav .logo_t {
        display: block;
        margin-top: 10px
    }

    #nav .phone {
        text-align: center;
        font-size: 21px!important
    }

    .light_theme #nav .logo_t {
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        text-align: center
    }

    #nav .logo_block .logo {
        display: block;
        text-align: center
    }

    .light_theme #nav .logo_block .img {
        margin-left: auto;
        margin-right: auto;
        width: auto;
        max-width: 100%
    }

    .example {
        margin-bottom: 60px
    }

    .example span:before {
        bottom: -50px;
        top: auto;
        left: calc(50% - 35px)
    }

    .light_theme #main .change_block[data-step="2"] .form_control {
        margin-top: 5px
    }

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

    .blue_sale .blue_sale_title {
        font-size: 20px
    }

    .blue_sale .blue_sale_info strong {
        font-size: 26px
    }

    .blue_sale .blue_sale_info {
        font-size: 17px
    }

    .blue_sale {
        width: 200px
    }

    .blue_sale:before {
        right: -35px;
        width: 70px;
        height: 70px;
        top: calc(50% - 35px);
        background: url(../img/vent_warranty.png) no-repeat 50% 50%/cover
    }

    #main .change_block[data-step="2"] .col_left {
        margin-left: 10px
    }

    #main .column input,#main .column textarea,form input,form textarea {
        font-size: 14px!important
    }

    .form-control .button {
        font-size: 14px
    }

    .light_theme #s01 {
        background: url(../img/mobile_bg.png?v=2) no-repeat 0 0/cover
    }

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

    .light_theme #main .white_title {
        font-size: 18px
    }

    .light_theme #main .white_title br {
        display: none
    }

    .light_theme #main .forma {
        padding: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 298px;
        box-shadow: 0 0 7px 1px rgba(0,0,0,.21);
        border-radius: 5px;
        background-color: #fff;
        position: relative;
        margin-top: 25px
    }

    .form-control .button {
        width: 105px
    }

    .light_theme #main .forma:before {
        right: -30px
    }

    .light_theme #nav .logo_t {
        font-size: 13px!important
    }

    #nav .phone {
        font-size: 19px!important;
        margin-bottom: -2px
    }

    .light_theme #nav .col.contacts span {
        font-size: 14px
    }

    .light_theme #nav .col .logo {
        left: 0
    }

    .light_theme #nav .logo_t {
        margin-left: 0;
        margin-right: 0
    }

    .light_theme #nav .col .logo {
        justify-content: center
    }

    .light_theme #nav .logo_t {
        display: none
    }

    .light_theme #nav .logo .img img {
        display: block
    }

    .light_theme #nav .logo_block .img {
        margin-right: 0;
        margin-left: 0;
        width: 120px!important;
        background: transparent!important
    }

    .light_theme #s01 .h1 span {
        font-size: 25px
    }

    .light_theme #nav .col:first-child {
        width: 120px!important
    }

    .light_theme #nav .col.contacts {
        margin-top: 5px;
        width: calc(100% - 120px)!important;
        text-align: right
    }

    #nav .phone {
        text-align: right
    }

    .light_theme #nav .wrap {
        display: flex
    }

    .light_theme #s01 .h1,.pretty_list {
        font-size: 25px;
        text-transform: none;
        font-weight: 600
    }

    .light_theme #s01 .h1 span,.pretty_list span {
        display: block;
        margin-bottom: 20px
    }

    ._dotted {
        margin-right: 15px
    }

    ._dotted,._dotted2 {
        width: 150px
    }

    ._dotted2_text,._dotted_inner_text {
        font-size: 13px
    }

    .glowing_text {
        margin-left: 0;
        display: block
    }

    .two_blocks {
        margin-top: 450px;
        justify-content: center
    }

    .s01_col_list p {
        font-size: 17px
    }

    .light_theme #s01 .sub {
        display: block;
        font-size: 16px;
        text-align: left
    }

    .light_theme #s01 .sub p {
        text-align: left
    }

    #s01 .btn {
        width: 250px;
        font-size: 12px;
        padding-left: 25px
    }

    #s01 .btn small {
        font-size: 13px
    }

    #s01 .btn:after {
        background: url(../img/calculator.png) no-repeat 50% 50%/cover;
        width: 78px;
        height: 57px;
        left: -40px;
        top: 8px
    }

    .light_theme #s01 .btn_wrapper:before {
        right: 10px;
        top: -50px;
        width: 40px;
        height: 70px
    }

    #main,.pereplata {
        margin-top: 20px
    }

    #main .wrap {
        padding-bottom: 150px!important
    }

    #main .answer_block label:before {
        width: 15px;
        height: 15px;
        top: 0;
        left: -20px
    }

    .light_theme #main .answer_block label {
        padding-left: 5px
    }

    #main [type=checkbox]:checked+label:after {
        top: 4px
    }

    #main .fake_checkbox:before {
        width: 15px;
        height: 15px;
        left: calc(50% - 9px)
    }

    #main .textarea_block textarea {
        height: 154px
    }

    #main .fake_checkbox.checked:after {
        top: 25px;
        left: calc(50% - 6px)
    }

    .cloud {
        font-size: 13px
    }

    #main .buttons {
        margin-bottom: 200px
    }

    .cloud {
        border: 2px solid #4ac8f7;
        border-radius: 10px;
        height: 70px;
        background: #fff;
        margin-top: -20px
    }

    .light_theme #main .change_block[data-step="2"] .form_control {
        max-width: calc(50% - 2px);
        margin-right: auto;
        width: calc(50% - 2px)!important;
        margin-left: 0
    }

    .light_theme #main .change_block[data-step="2"] .col_left {
        margin-left: 0
    }

    .light_theme #main .change_block[data-step="1"] .form_control:first-of-type,.light_theme #main .change_block[data-step="1"] .form_control:nth-of-type(2),.light_theme #main .form_control {
        max-width: 136px!important;
        min-width: 136px!important;
        width: 136px!important
    }

    #main .col_left {
        width: 280px!important;
        margin-left: auto;
        margin-right: auto
    }

    #main .textarea_block textarea {
        height: 100px
    }

    .light_theme #main .change_block[data-step="2"] .col_left {
        margin-left: auto
    }

    #main .buttons {
        padding: 0 10px
    }

    #main .buttons .goBack {
        margin-right: 20px
    }

    #main .buttons .goBack,#main .buttons .goNext {
        font-size: 12px
    }

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

    .light_theme #main [type=radio]:checked+label:after {
        top: 4px;
        left: -17px
    }

    #main .answer_block {
        height: auto;
        padding-bottom: 20px
    }

    .light_theme #main .column {
        width: 100%!important
    }

    .light_theme #main .change_block[data-step="4"] .form_control:first-child {
        z-index: 9999999!important;
        width: 100%!important;
        max-width: 100%!important
    }

    .light_theme #main .answer_block {
        padding-right: 10px;
        min-height: 54px
    }

    #main .startedFlex {
        padding-left: 0!important
    }

    .enter_phone_number {
        margin-left: 10px
    }

    #main .startedFlex .started_col:first-child {
        padding-left: 10px!important
    }

    #main .radio_list li label {
        font-size: 16px
    }

    .enter_phone_number {
        margin-top: 20px
    }

    .cloud_p2 {
        display: none
    }

    .light_theme #main .price_blocks .price_block {
        max-width: calc(100% - 20px)
    }

    .primernaya_stoimost {
        font-size: 16px
    }

    .in_border {
        padding-left: 5px;
        padding-right: 5px
    }

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

    .f_line span:first-of-type {
        font-size: 12px
    }

    .f_line span:nth-of-type(2) {
        font-size: 12px;
        width: 105px
    }

    .c_title {
        font-size: 18px
    }

    .enotka_block {
        flex-wrap: wrap;
        padding-left: 10px;
        padding-right: 10px
    }

    .enotka_block .enotka_block_title {
        font-size: 20px
    }

    .__bottom_border:after,.__bottom_border:before {
        content: none
    }

    .__bottom {
        display: block
    }

    .__bottom_title {
        padding-left: 20px;
        font-size: 22px
    }

    .__bottom_border {
        background: #fff;
        padding-top: 30px;
        padding-bottom: 35px;
        padding-left: 20px
    }

    .__bottom_border,.__bottom_forma {
        max-width: calc(100% - 20px);
        margin-left: auto;
        margin-right: auto
    }

    .light_theme #main .forma {
        padding: 0;
        box-shadow: none;
        width: 100%
    }

    .__bottom_forma {
        padding: 30px 15px
    }

    .goToMainPage,.subscribe_block {
        max-width: calc(100% - 20px)
    }

    .goToMainPage {
        font-size: 16px
    }

    #main {
        margin-top: 20px!important
    }

    .light_theme #main .answer_block {
        padding-right: 4px
    }

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

    .light_theme #main .forma {
        width: 250px
    }

    .cloud {
        width: 288px
    }

    .cloud_p strong {
        font-size: 14px
    }

    .imgg {
        margin-top: 20px
    }

    .s01_col_list p:before {
        left: 20px
    }

    .s01_col_list li:nth-of-type(2) .imgg {
        margin-top: 40px
    }

    .light_theme #main .white_title {
        margin-left: 20px
    }

    .__bottom {
        margin-top: 30px
    }

    .light_theme #s01 .h1 span {
        margin-bottom: 10px
    }

    #main .buttons .goBack {
        width: 90px;
        flex-shrink: 0
    }

    #main .buttons .goBack,#main .buttons .goNext {
        font-size: 12px!important
    }

    #main .buttons .goNext {
        width: 200px
    }

    #main .buttons {
        padding-right: 10px
    }

    .pprr {
        margin-left: 10px
    }

    #popup6 .enotka_block .enotka_block_image {
        margin-top: 0;
        margin-right: auto;
        margin-left: auto
    }

    #popup6 .enotka_block {
        padding-left: 0
    }

    #popup6 {
        padding-left: 10px;
        padding-right: 10px
    }

    #popup6 .content.flex {
        display: block
    }

    #popup6 .__bottom_forma {
        margin-top: 35px
    }

    #main .radio_list {
        padding-left: 0
    }

    .enter_phone_number {
        margin-left: 0;
        padding-left: 10px
    }

    #main .change_block.child2 .col_right {
        top: 0;
        position: absolute!important;
        top: 70px!important;
        left: calc(50% - 105px)!important
    }

    #main .started_title {
        margin-top: 300px!important
    }

    #main .change_block.child2 .buttons {
        margin-bottom: 0
    }

    .light_theme .change_block[data-step="1"] .error {
        right: -40px
    }

    .calculate {
        padding: 0 20px
    }

    #main {
        margin-top: 0!important
    }
}

@media (max-width: 320px) {
    .light_theme #main .white_title {
        padding-right:30px
    }

    .light_theme .rassrochka_block a {
        font-size: 16px
    }

    .light_theme #s01 .h1 {
        font-size: 20px
    }

    .light_theme #s01 .block .number {
        font-size: 22px;
        margin-top: 20px
    }

    .light_theme #s01 .sub {
        font-size: 15px
    }

    .light_theme #main .change_block[data-step="5"] .form_control:first-child .info_icon {
        right: -5px!important
    }

    .light_theme #main .change_block[data-step="4"] .form_control:first-child .info_icon {
        right: -15px!important
    }

    .light_theme #nav .logo_block .img {
        font-size: 40px
    }

    .light_theme #nav .logo_t {
        font-size: 8px
    }

    #nav .wrap {
        padding-left: 2px;
        padding-right: 2px
    }

    #s01 .subtitle {
        font-size: 19px!important;
        width: 130px
    }

    #nav .logo_block .logo {
        position: relative;
        left: 5px
    }

    #s01 .subtitle {
        width: 100%!important
    }

    #s01 .numbers {
        margin-top: 20px
    }

    .light_theme #s01 .block .number {
        margin-top: 0
    }

    #main .form_control .img img.mini {
        width: 70px!important
    }

    .light_theme #main .inform_block {
        left: calc(50% - 120px);
        right: -60px;
        width: 160px
    }

    .prices p {
        margin: 6px;
        margin-bottom: 0
    }

    #main .col_left.presents .form_control .answer_block {
        font-size: 12px
    }

    #main .footer table {
        font-size: 10px
    }

    .light_theme #main .footer table .mnogo:before {
        left: 45px!important
    }

    .light_theme #main .col_left.presents .form_control.presentBlock {
        margin-top: 50px
    }

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

    .timing {
        font-size: 14px
    }

    #main .col_left.presents .form_control:nth-of-type(2) .answer_block {
        min-height: 130px;
        padding-top: 12px;
        min-height: 115px
    }

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

    .light_theme #s01 .h1 {
        font-size: 25px
    }

    #s01 .numbers {
        margin-top: 60px
    }

    .light_theme #main .answer_block.switchPresent {
        max-height: 70px!important
    }

    #main .col_left.presents .form_control:nth-of-type(2) .answer_block {
        padding-top: 0;
        min-height: 70px
    }

    .light_theme .bron {
        width: 120px
    }

    .light_theme #s01 .h1 {
        font-size: 18px
    }

    .light_theme #s01 .h1 br {
        display: none
    }

    .light_theme #s01 .h1 strong {
        display: block
    }

    .pretty_list {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px
    }

    .blue_sale {
        margin-left: 0
    }

    .light_theme #s01 .btn_wrapper:before {
        right: -10px
    }

    .nineYears {
        margin-top: 50px;
        font-size: 21px
    }

    .example {
        font-size: 16px
    }

    #main .col_left.presents .form_control .answer_block {
        font-size: 11px!important;
        min-height: 60px!important
    }

    .light_theme #s01 .btn_wrapper:before {
        right: 0
    }

    #nav .phone {
        font-size: 17px!important
    }

    .light_theme #nav .logo_block .img {
        top: 0
    }

    .s01_col_list li:nth-of-type(2) .imgg {
        margin-top: 60px
    }

    .s01_col_list li:nth-of-type(3) .imgg {
        margin-top: 40px
    }

    .s01_col_list li:last-child {
        margin-top: -70px
    }

    .s01_col_list li:nth-of-type(2) {
        margin-top: -60px
    }

    .two_blocks {
        margin-top: 390px
    }

    ._dotted,._dotted2 {
        width: 145px
    }

    ._dotted {
        margin-right: 11px
    }

    .glowing_text {
        font-size: 18px;
        margin-top: 30px
    }

    .light_theme #s01 .btn_wrapper:before {
        top: -70px
    }

    #main .form_control .img {
        height: 105px!important
    }

    #main .buttons .goBack {
        width: 90px;
        margin-right: 10px
    }

    #main .buttons .goNext {
        width: 180px
    }

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

#home_2 .home_slider.pc {
    display: block!important
}

#home_2 .home_slider.mob {
    display: none!important
}

@media (max-width: 900px) {
    #home_2 .home_slider {
        width:700px
    }

    #home_2 .slick-slide img {
        height: 350px
    }

    .h2 {
        font-size: 26px
    }

    .h2 small {
        font-size: 20px
    }
}

@media (max-width: 800px) {
    .wrap {
        max-width:640px;
        padding-left: 5px;
        padding-right: 5px
    }

    #nav .logo_text {
        font-size: 14px
    }

    .popup-bg #popup2 .content .img {
        display: none
    }

    #home_2 .slick-next,#home_2 .slick-prev {
        top: calc(100% + 50px)
    }

    #home_2 .slick-next {
        right: 50px
    }

    #home_2 .slick-prev {
        left: 50px
    }

    .h2 br {
        display: none
    }

    #home_3 .services {
        flex-wrap: wrap;
        justify-content: space-around;
        margin-bottom: 80px
    }

    #home_3 .block {
        margin-bottom: 30px
    }

    #home_3 .block:last-child {
        margin-bottom: 0
    }

    #home_3 .sertificates .img {
        margin-left: auto;
        margin-right: auto
    }

    #home_3 .sertificates {
        width: 550px
    }

    #home_3 .slick-prev {
        left: -20px
    }

    #home_3 .slick-next {
        right: -20px
    }

    #home_3:before {
        width: 120%;
        transform: rotate(6deg);
        left: -15%
    }

    #home_4 .reviews {
        justify-content: space-around
    }

    #home_4 .review {
        margin-bottom: 30px
    }

    #home_4 .review:last-child {
        margin-bottom: 0
    }

    #home_5 .contacts_flex {
        width: 100%;
        flex-wrap: wrap
    }

    #home_5 .contacts_flex .map {
        margin-left: 0;
        margin-top: 30px
    }

    .banner_wrap .wrap .img {
        display: none
    }

    .banner_wrap .permanent_close {
        margin-top: 51px
    }

    #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%;
        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 {
        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: ""
    }

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

    #home_2 .goToQuiz {
        font-size: 12px;
        width: 320px;
        max-width: 100%
    }
}

@media (max-width: 480px) {
    #home_2 .home_slider.pc {
        display:none!important
    }

    #home_2 .home_slider.mob {
        display: block!important
    }

    #main .phoneImg:before {
        content: none
    }

    #main .form_control {
        margin-right: auto
    }

    .wrap {
        max-width: 360px;
        padding-left: 5px;
        padding-right: 5px
    }

    .popup-bg #popup2 {
        display: none!important
    }

    body.home #s01 {
        background: url(../img/mob_bg.jpg) no-repeat 50% -300px
    }

    #nav .wrap {
        flex-wrap: wrap
    }

    #s01 {
        padding-top: 0
    }

    #nav .logo_block {
        flex-wrap: wrap
    }

    #nav .logo_block .logo {
        width: 100%
    }

    #nav .logo_block .img {
        margin: -10px auto 15px
    }

    #nav .logo_text {
        font-size: 12px;
        margin-left: 0;
        font-family: Helvetica;
        width: 150px
    }

    #nav .logo_text br {
        display: none
    }

    #nav .contacts {
        margin-top: -50px;
        float: right;
        width: 100%
    }

    #nav .phone {
        font-size: 16px
    }

    #nav .online {
        font-size: 14px
    }

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

    #s01 .h1 br {
        display: none
    }

    #s01 .subtitle {
        font-size: 19px
    }

    #s01 .block .number_text {
        font-size: 14px
    }

    #s01 .block {
        margin-top: 15px
    }

    #s01 .sub {
        font-size: 18px;
        margin-top: 30px
    }

    #s01 .btn {
        margin-left: 0;
        max-width: 300px;
        font-size: 14px
    }

    #s01 .btn:before {
        top: 18px;
        left: -10px;
        width: 70px;
        height: 51px
    }

    .home #s01 {
        padding-bottom: 250px
    }

    .h2 small {
        font-size: 16px
    }

    .h2 {
        font-size: 22px
    }

    #home_2 .hr {
        margin-top: 20px;
        margin-bottom: 15px
    }

    #home_2 .title {
        font-size: 20px
    }

    #home_2 .slider_footer {
        flex-wrap: wrap;
        padding-left: 5px;
        padding-right: 5px
    }

    #home_2 .goToQuiz {
        font-size: 11px;
        margin-top: 20px
    }

    #home_3 .h2.white {
        font-size: 20px
    }

    .banner_wrap {
        display: none!important
    }

    #home_3 .logos .logo {
        width: 49%!important
    }

    #home_3 .logos {
        justify-content: space-around
    }

    #home_4 .review {
        width: 147px;
        height: 147px
    }

    #home_4 .review br {
        display: none
    }

    #home_4 .review:last-child {
        padding: 20px
    }

    body.open_banner {
        padding-bottom: 0!important
    }

    #home_5 {
        padding-bottom: 0
    }

    #home_5 .dev .copy {
        margin-bottom: 15px
    }

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

    #home_5:before {
        top: 270px;
        left: -20%;
        width: 140%
    }

    #home_4 .review {
        margin-bottom: 20px
    }

    #home_3 {
        background: url(../img/mob_bg2.jpg) no-repeat 50% 370px
    }

    .twentytwenty-container img {
        position: relative;
        height: 140px!important
    }

    #home_3 .sertificates .img a {
        position: relative;
        display: block
    }

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

    .popup-bg #popup1,.popup-bg #popup3 {
        padding: 40px 5px;
        max-width: 100%
    }

    #main {
        margin-top: -40px
    }

    #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;
        justify-content: center;
        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 {
        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;
        order: 1;
        margin-right: auto;
        text-align: center
    }

    #main .startedFlex .started_col:first-child {
        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 {
        flex-wrap: wrap;
        justify-content: center
    }

    #main .white_title {
        font-size: 20px
    }

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

    #main .master_information {
        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 .goToMain {
        max-width: 100%;
        font-size: 16px
    }

    #main .check_data span:before {
        content: none
    }

    #main .price_blocks {
        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
    }

    .twentytwenty-container:after,.twentytwenty-container:before {
        content: "До";
        position: absolute;
        width: 85px;
        height: 30px;
        border-radius: 3px;
        background-color: hsla(0,0%,100%,.66);
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        align-content: center;
        color: #000;
        font-size: 18px;
        z-index: 999;
        left: 8px;
        justify-content: center
    }

    .twentytwenty-container:before {
        top: 100px
    }

    .twentytwenty-container:after {
        top: 240px;
        content: "После"
    }

    #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
    }

    #s01 .btn {
        margin-left: auto;
        margin-right: auto
    }

    #s01 .sub {
        text-align: center
    }

    #s01 .btn_wrapper {
        display: block
    }

    #s01 .btn_wrapper:before {
        right: 0;
        top: -65px
    }

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

    #home_3 .h2 small {
        font-size: 13px
    }

    #home_3 .slick-next {
        right: 20px
    }

    #home_3 .slick-prev {
        left: 20px
    }

    #main .question {
        padding-left: 10px
    }

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

    #home_2 .slick-next {
        right: 10px
    }

    #home_2 .slick-prev {
        left: 10px
    }

    .home_slider .slick-dots {
        bottom: -95px;
        width: 70%;
        left: 15%
    }

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

    .error {
        left: auto;
        right: 0
    }

    .buttons.phoneImg .error {
        left: 0;
        width: 100%;
        text-align: center
    }

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

    .animating_numbers {
        display: block;
        font-size: 16px;
        text-align: center
    }

    .animating_numbers span {
        font-size: 19px
    }

    .light_theme #main .answer_block.switchPresent {
        min-height: 80px
    }

    #main .col_left.presents .form_control .img img {
        height: auto!important
    }
}

@media (max-width: 320px) {
    .wrap {
        max-width:300px;
        padding-left: 0;
        padding-right: 0
    }

    #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
    }

    #home_3 .slick-next {
        right: 0
    }

    #home_3 .slick-prev {
        left: 0
    }

    .animating_numbers,.animating_numbers strong {
        font-size: 20px
    }
}

#main .column .img.high_img.nalog:before {
    content: ""!important;
    position: absolute;
    left: calc(50% - 77px);
    bottom: -4px;
    background: url(../img/nalog.png) no-repeat 50% 50%/cover;
    width: 158px;
    height: 68px
}

.sale_cost.mobile, .mobile_table {
    display: none;
}

.mob_table {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 10px auto;
}

.sale_cost.mobile {
    text-align: center;
    padding: 0 10px;
}

@media (max-width: 900px) {
    .sale_cost.mobile,.mobile_table {
        display:block;
        margin-top: 25px;
    }

    .custom_table_wrapper {
        display: none;
    }
}

.popup-bg .popup {
    max-width: 98%;
}

.popup-bg #popup10 {
    width: 1000px;
    padding: 3rem 2rem;
}

.popup-bg #popup10 h2 {
    font-size: 2em;
}

.popup-bg #popup10 ol {
    padding: 0;
}

.popup-bg #popup10 li {
    margin-bottom: 10px;
}

.popup_coon {
    float: right;
    width: 20%;
    margin-top: 15px;
}

@media(max-width: 768px) {
    .popup-bg #popup10 h2 {
        font-size: 1.6em;
        line-height: 1em
    }

    .popup_coon {
        display: none
    }
}