@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 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

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

.bold {
    font-weight: 600
}

.upper {
    text-transform: uppercase
}

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

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

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

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

.fixed {
    position: fixed
}

.underline {
    text-decoration: underline
}

.tdn {
    text-decoration: none
}

.rel,
.relative {
    position: relative
}

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

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

form input[type=submit] {
    background: #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
}

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

.popup-bg #popup1 .goToMain:hover,
.popup-bg #popup3 .goToMain:hover,
.popup-bg #popup4 .goToMain:hover {
    background-image: linear-gradient(0deg, #fff833, #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: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 9999
}

.popup-bg #popup2 .content .img {
    margin-top: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 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: -ms-flexbox;
    display: flex
}

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

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

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

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

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

.popup-bg #popup2 [type=text] {
    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=text] {
    width: 288px;
    max-width: 100%;
    color: #000;
    position: relative
}

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

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

.popup-bg #popup2 .submit:after {
    content: "";
    position: absolute;
    right: -170px;
    top: -195px;
    background: url(../img/phone_popup.png?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, #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=text] {
    margin: 20px auto
}

.popup-bg #popup4 [type=text],
.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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: none;
    transition: .2s ease;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background-color: #fff200;
    background-image: linear-gradient(0deg, #fff600, #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, #fff600)
}

.popup-bg #popup4 .submit img {
    -ms-flex-negative: 0;
    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 {
    -ms-flex-pack: justify;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    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, #fdc42a);
    max-width: 100%;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#home_2 .goToQuiz:hover {
    text-decoration: none;
    background-image: linear-gradient(0deg, #fff833, #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 {
    -ms-flex-positive: 1;
    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: -ms-flexbox;
    display: flex;
    width: 840px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    -ms-flex-pack: justify;
    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, #fdc42a);
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -3px;
    font-family: Museo Sans Cyrl\ 500
}

#home_3 .footer:hover {
    text-decoration: underline;
    background-image: linear-gradient(0deg, #fff833, #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 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 620px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

#home_3 .logos .logo {
    margin-top: 7px;
    width: 148px;
    height: 110px;
    border-radius: 5px;
    border: 1px dotted #00aeef;
    background-color: #fff;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 840px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-pack: justify;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    font-family: Museo Sans Cyrl\ 100;
    font-weight: 100;
    -ms-flex-wrap: wrap;
    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: -ms-flexbox;
    display: flex;
    width: 800px;
    -ms-flex-pack: justify;
    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 {
    -ms-flex-negative: 0;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    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 {
    -ms-flex-positive: 1;
    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: -ms-flexbox;
    display: flex
}

.banner_wrap .wrap .img {
    -ms-flex-negative: 0;
    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, #fdc42a);
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-top: 15px;
    -ms-flex-pack: center;
    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, #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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    font-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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    top: 2px;
    filter: brightness(0) invert(100%)
}

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

.banner_wrap .permanent_close {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    color: #fff;
    font-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 {
    -ms-flex-negative: 0;
    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: -ms-flexbox;
    display: flex
}

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

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

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

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

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

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

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

.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, #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, #fdd25d)
}

.h2 {
    font-size: 31px
}

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

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

#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 {
    -ms-flex-positive: 1;
    flex-grow: 1
}

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

#nav .logo .img img {
    -ms-flex-negative: 0;
    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-weight: 700;
    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=1) no-repeat 50% 15%/cover;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 240px
}

#s01 .h1 {
    text-align: left;
    font-size: 35px;
    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: -ms-flexbox;
    display: flex;
    padding: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    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 {
    content: "";
    position: absolute;
    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, 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: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-family: Helvetica
}

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

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

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

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

#main .question .img.six:before {
    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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

#main .col_right {
    width: 258px
}

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

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

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

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

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

#main .form_control .img {
    height: 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 {
    -ms-flex-item-align: start;
    align-self: flex-start
}

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

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

#main .column input {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 208px;
    height: 44px;
    border-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: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 40px;
    padding-right: 5px;
    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;
    -ms-flex-item-align: self-start;
    align-self: self-start
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#main .change_block.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: -ms-flexbox;
    display: flex;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    font-family: Museo Sans Cyrl\ 900;
    top: 8px;
    right: 8px;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

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

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

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

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

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

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

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

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

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

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

#main .present_name {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    color: #111f3f;
    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: -ms-flexbox;
    display: flex
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#main [type=text] {
    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=text] {
    position: relative
}

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

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

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

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

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

#main .primernaya {
    font-size: 16px;
    margin-top: 25px;
    font-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: -ms-flexbox;
    display: flex
}

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

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

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

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

#main .master_bold {
    margin-top: 20px;
    margin-bottom: -5px;
    color: #000;
    font-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: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff200;
    background-image: linear-gradient(0deg, #fff600, #fdc42a)
}

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

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

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

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

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

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

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

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

#main .price_header {
    width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    font-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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 2px dotted rgba(0, 0, 0, .2)
}

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

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

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

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

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

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

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

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

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

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

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

@keyframes 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: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    position: absolute;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9
}

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

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

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

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

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

.progress_round.animate {
    z-index: 99
}

.progress_round.animate svg:nth-child(2) path {
    fill: none;
    stroke-width: 25;
    stroke-dasharray: 629;
    stroke: #111f3f;
    opacity: .9;
    animation: 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]::-webkit-input-placeholder,
#main textarea::-webkit-input-placeholder {
    color: #fff
}

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

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

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

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

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

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

#main .timeToCall::placeholder,
#main [type=text]::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::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .7)
}

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

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

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

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

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

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

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

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

.error {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-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% + 80px)
    }
    50% {
        top: calc(100% - 5px)
    }
}

.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;
    font-size: 20px
}

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

.light_theme #main .change_block,
.light_theme #main .header {
    background: #fff;
    border-color: #8ace27;
    color: #000
}

.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, 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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.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]::-webkit-input-placeholder,
.light_theme #main textarea::-webkit-input-placeholder {
    color: #000
}

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

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

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

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

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

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

.light_theme #main .timeToCall::placeholder,
.light_theme #main [type=text]::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=text] {
    border-color: red
}

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

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

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

.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;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    color: #000
}

.light_theme #main .price_list>li {
    -ms-flex-pack: start;
    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;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}

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

.light_theme #main .price_list>li,
.light_theme .itogo {
    -ms-flex-align: center;
    align-items: center
}

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

.light_theme .itogo span {
    -ms-flex-positive: 1;
    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;
    -ms-flex-negative: 0;
    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%;
    -ms-flex-positive: 1;
    flex-grow: 1
}

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

.light_theme #nav .logo_t {
    margin-left: 8px;
    color: #000;
    font-family: Helvetica;
    font-size: 12px;
    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 .question .img:before {
    background-image: linear-gradient(180deg, #48a4fe, rgba(72, 164, 254, 0))
}

.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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 410px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    margin-top: 20px
}

.light_theme .rassrochka_block .img {
    -ms-flex-negative: 0;
    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=text] {
    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 {
    width: 206px;
    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-top: 40px;
    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=text],
.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=text],
.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 {
    -ms-flex-align: start;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 261px;
    height: 53px;
    border-radius: 40px;
    border: 1px solid #48a4fe
}

.light_theme .bron:hover {
    background: #48a4fe;
    color: #fff
}

.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 {
    -ms-flex-positive: 1;
    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 {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    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;
    -ms-flex-positive: 0;
    flex-grow: 0
}

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

.light_theme #main .phoneImg:before {
    background: url(../img/phone.png?v=1) 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, 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 {
    font-size: 16px;
    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 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#s01 .btn small {
    display: block;
    font-weight: 400;
    text-transform: none
}

.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, 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=text] {
    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: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

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

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

.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: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    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
}

#main .col_left.presents .form_control:last-child {
    margin-top: -40px
}

.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 #ffed08, 0 0 5px #000, 0 0 40px #ffed08, 0 0 5px #000, 0 0 40px #ffed08, 0 0 5px #000, 0 0 40px #ffed08
    }
    25% {
        text-shadow: 0 0 5px #000, 0 0 20px #ffed08, 0 0 5px #000, 0 0 20px #ffed08, 0 0 5px #000, 0 0 20px #ffed08, 0 0 5px #000, 0 0 20px #ffed08
    }
    50% {
        text-shadow: 0 0 5px #000, 0 0 10px #f1cc00
    }
    75% {
        text-shadow: 0 0 5px #000, 0 0 20px #ffed08, 0 0 5px #000, 0 0 20px #ffed08, 0 0 5px #000, 0 0 20px #ffed08, 0 0 5px #000, 0 0 20px #ffed08
    }
    to {
        text-shadow: 0 0 5px #000, 0 0 40px #ffed08, 0 0 5px #000, 0 0 40px #ffed08, 0 0 5px #000, 0 0 40px #ffed08, 0 0 5px #000, 0 0 40px #ffed08
    }
}

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

.light_theme #main .phoneImg:before {
    left: -230px!important;
    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=1) no-repeat 50% -230px;
    top: 0;
    height: 608px
}

@media (max-width:800px) {
    .light_theme #main ol.price_list {
        min-height: 1px
    }
    .light_theme #main .flex_form {
        -ms-flex-wrap: wrap;
        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 {
        -ms-flex-wrap: wrap;
        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 {
        -ms-flex-pack: center;
        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=1) no-repeat 50% 0/cover
    }
    #s01 .h1 {
        font-size: 30px
    }
    .light_theme #main .form_control {
        width: 190px
    }
    #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;
        top: -210px!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 {
        -ms-flex-pack: start;
        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 {
        -ms-flex-pack: center;
        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
    }
}

@media (max-width:485px) {
    #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 {
        -ms-flex-order: 4;
        order: 4
    }
    .light_theme #nav .logo_block .img {
        margin-left: 0;
        margin-right: 0;
        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 #s01 .h1 span {
        display: block
    }
    .light_theme #main .header_title {
        font-size: 16px
    }
    .light_theme .master_text {
        padding-left: 10px;
        padding-right: 10px
    }
    .light_theme #s01 .h1 {
        font-size: 25px
    }
    .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 {
        -ms-flex-pack: center;
        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=1) 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%;
        height: 100%!important
    }
    #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 {
        z-index: 9999999!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=1) 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 #nav .logo_t,
    .light_theme #s01 .h1 br {
        display: none
    }
    .light_theme #s01 .h1 span {
        display: inline
    }
    .light_theme #s01 .h1 {
        text-align: left;
        text-transform: uppercase
    }
    #nav .logo_block .logo {
        -ms-flex-pack: start;
        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%
    }
    .light_theme #main .change_block[data-step="2"] .form_control {
        max-width: 100%
    }
    #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 {
        -ms-flex-pack: center;
        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
    }
}

@media (max-width:320px) {
    .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
    }
}

#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 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        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 {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    #home_4 .review {
        margin-bottom: 30px
    }
    #home_4 .review:last-child {
        margin-bottom: 0
    }
    #home_5 .contacts_flex {
        width: 100%;
        -ms-flex-wrap: wrap;
        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%;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    #main .col_right {
        left: calc(50% - 300px)
    }
    #main .phoneImg:before {
        content: none
    }
    #main .col_left.presents .form_control {
        width: 200px
    }
    #main .startedFlex .started_col:first-child {
        padding-left: 0
    }
    #main .white_title {
        font-size: 22px;
        margin-left: 20px
    }
    #main .price_blocks .price_block {
        width: 300px
    }
    #main .price_body {
        padding-left: 5px;
        padding-right: 5px
    }
    #main .price_list>li span:first-child {
        width: 150px
    }
    #main .price_list ol li span:first-child {
        width: 140px;
        margin-right: 0
    }
    #main .price_list>li {
        font-size: 14px
    }
    #main .price_list>li span:last-child {
        font-size: 16px
    }
    #main .price_list>li span:first-child {
        margin-right: 0
    }
    .home_slider .slick-dots li {
        margin: 0 15px
    }
    .home_slider .slick-dots {
        bottom: -63px
    }
    .home_slider .slick-dots li button:before {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #000;
        content: ""
    }
    .home_slider .slick-dots li.slick-active button:before {
        background: #fdc628
    }
    #main .col_left {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    #main .form_control {
        margin-right: 3px
    }
    #main .startedFlex {
        padding-left: 20px
    }
    #main .startedFlex .started_col:last-child {
        margin-left: 20px
    }
    #main .buttons {
        padding-right: 0
    }
    #main .phoneImg:before {
        left: -50px;
        top: -50px;
        width: 180px;
        height: 301px;
        content: ""
    }
    #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 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #s01 {
        padding-top: 0
    }
    #nav .logo_block {
        -ms-flex-wrap: wrap;
        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 {
        -ms-flex-wrap: wrap;
        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 {
        -ms-flex-pack: distribute;
        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;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #main .dev a {
        text-align: center;
        margin-top: 20px
    }
    #main .form_control {
        width: calc(50% - 2px)
    }
    #main .form_control .img {
        height: 105px
    }
    #main .buttons .goBack,
    #main .buttons .goNext {
        font-size: 14px
    }
    #main .question .img:before {
        bottom: -50px
    }
    #main .question .img {
        height: 55px
    }
    #main .question .img.three:before {
        width: 38px;
        bottom: -52px
    }
    #main .mt-05 {
        margin-top: 15px
    }
    #main .inform_block {
        left: calc(50% - 90px)
    }
    #main .inform_block:before {
        left: auto;
        right: 35px
    }
    #main .slick-next {
        right: 0
    }
    #main .slick-prev {
        left: 0
    }
    #main .slick-next,
    #main .slick-prev {
        top: 60%
    }
    #main .fake_radio {
        width: 25px
    }
    #main .dev {
        margin-top: 30px;
        font-size: 14px
    }
    #main .col_left.presents .form_control {
        width: calc(50% - 1px)
    }
    #main .footer {
        padding-left: 5px;
        padding-right: 5px
    }
    #main .startedFlex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #main .mt-05.column,
    #main .mt-05.column~.column {
        width: 50%
    }
    #main .mt-05.column input {
        max-width: 90%
    }
    #main .mt-05.column~.column {
        margin-top: 25px
    }
    #main .info_icon {
        width: 25px;
        height: 25px
    }
    #main .started_col .form_control.presentBlock {
        width: 180px;
        margin-left: auto;
        margin-right: auto
    }
    #main .started_col .form_control.presentBlock .img {
        height: 110px
    }
    #main .started_col {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
    #main .startedFlex .started_col:last-child {
        margin-left: auto;
        margin-top: 50px;
        -ms-flex-order: 1;
        order: 1;
        margin-right: auto;
        text-align: center
    }
    #main .startedFlex .started_col:first-child {
        -ms-flex-order: 2;
        order: 2
    }
    #main .started_title {
        font-size: 20px;
        margin-top: 35px
    }
    #main .footer table td:nth-of-type(2) {
        padding-left: 20px
    }
    #main .footer table .mnogo:before {
        left: 5px
    }
    #main .presents .form_control .img {
        height: 120px
    }
    #main .startedFlex .started_col:last-child {
        margin-top: 20px
    }
    #main .phoneImg {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    #main .white_title {
        font-size: 20px
    }
    #main .getResultBtn {
        margin-left: auto;
        margin-right: auto
    }
    #main .master_information {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #main .master_left {
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto
    }
    #main .master_list li {
        margin-top: 10px
    }
    #main .master_list {
        font-size: 14px
    }
    #main .master_bold {
        margin-top: 10px
    }
    #main .for_calc {
        font-size: 16px
    }
    #main .for_calc br {
        display: none
    }
    #main .check_data {
        font-size: 14px
    }
    #main .check_data br {
        display: none
    }
    #main .goToMain {
        max-width: 100%;
        font-size: 16px
    }
    #main .check_data span:before {
        content: none
    }
    #main .price_blocks {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #main .price_blocks .price_block {
        margin-left: auto;
        margin-right: auto
    }
    #main .presents .form_control .img {
        height: 130px
    }
    #main .change_block.white_block:not(.nextInQueue) {
        top: 0!important;
        border-radius: 10px
    }
    .popup-bg #popup1 .head,
    .popup-bg #popup3 .head {
        font-size: 18px
    }
    .popup-bg #popup1 .head br,
    .popup-bg #popup3 .head br {
        display: none
    }
    #main .header {
        margin-bottom: -150px
    }
    #main .question br {
        display: none
    }
    #main .question .img.five:before {
        width: 40px
    }
    #main .question .img.six:before {
        width: 38px;
        left: 0
    }
    .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: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        color: #000;
        font-size: 18px;
        z-index: 999;
        left: 8px;
        -ms-flex-pack: center;
        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
    }
}

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

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