@charset "UTF-8";
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 25, 2017*/body {
    background:#fff;
    min-width:320px;
    color:#1f1f1f;
    font-family:lato;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow-x:hidden;
    overflow-y:auto
}
@media screen and (max-width:992px) {
    body {
        font-size:14px
    }
}
@media screen and (max-width:768px) {
    body {
        font-size:12px
    }
}
*,body,html {
    margin:0;
    padding:0
}
img {
    border:none
}
:focus {
    outline:0
}
a,button,input,select,textarea {
    color:inherit;
    text-decoration:inherit;
    font-family:inherit;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:none
}
ol,ul {
    list-style:none
}
article,aside,figcaption,figure,footer,header,hgroup,nav,section,time {
    display:block
}
table,td,th,thead,tr {
    border-collapse:collapse
}
button,input[type=button],input[type=submit] {
    cursor:pointer
}
a {
    color:#d4ac89;
    text-decoration:none;
    outline:0;
    -webkit-tap-highlight-color:transparent
}
a:hover {
    text-decoration:underline
}
a,button,input[type=submit] {
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
* {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
:after,:before {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.clearfix:after,.row:after,.wrapper:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.flex-wrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@font-face {
    font-family:lato;
    font-display:auto;
    src:url(fonts/lato-regular-webfont.eot);
    src:url(fonts/lato-regular-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/lato-regular-webfont.woff2) format("woff2"),url(fonts/lato-regular-webfont.woff) format("woff"),url(fonts/lato-regular-webfont.ttf) format("truetype"),url(fonts/lato-regular-webfont.svg#latoregular) format("svg");
    font-weight:400;
    font-style:normal;
    font-stretch:normal
}
@font-face {
    font-family:lato;
    font-display:auto;
    src:url(fonts/lato-bold-webfont.eot);
    src:url(fonts/lato-bold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/lato-bold-webfont.woff2) format("woff2"),url(fonts/lato-bold-webfont.woff) format("woff"),url(fonts/lato-bold-webfont.ttf) format("truetype"),url(fonts/lato-bold-webfont.svg#latobold) format("svg");
    font-weight:700;
    font-style:normal;
    font-stretch:normal
}
@font-face {
    font-family:oranienbaum;
    font-display:auto;
    src:url(fonts/oranienbaum_allfont.ru-webfont.eot);
    src:url(fonts/oranienbaum_allfont.ru-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/oranienbaum_allfont.ru-webfont.woff2) format("woff2"),url(fonts/oranienbaum_allfont.ru-webfont.woff) format("woff"),url(fonts/oranienbaum_allfont.ru-webfont.ttf) format("truetype"),url(fonts/oranienbaum_allfont.ru-webfont.svg#oranienbaumregular) format("svg");
    font-weight:400;
    font-style:normal;
    font-stretch:normal
}
.row {
    margin:0 -.9375em
}
.row .col {
    padding:0 .9375em
}
.col {
    min-height:1px
}
.col_float {
    float:left
}
.col_inline {
    display:inline-block
}
.col-12 {
    width:100%
}
.col-11 {
    width:91.65%
}
.col-10 {
    width:83.33%
}
.col-9 {
    width:75%
}
.col-8 {
    width:66.66%
}
.col-7 {
    width:58.33%
}
.col-6 {
    width:50%
}
.col-5 {
    width:41.66%
}
.col-4 {
    width:33.33%
}
.col-3 {
    width:25%
}
.col-2 {
    width:16.66%
}
.col-1 {
    width:8.33%
}
.col-hidden {
    display:none
}
.col-visible {
    display:block
}
.col-clear {
    clear:both
}
@media screen and (max-width:1200px) {
    .md-12 {
        width:100%
    }
    .md-11 {
        width:91.65%
    }
    .md-10 {
        width:83.33%
    }
    .md-9 {
        width:75%
    }
    .md-8 {
        width:66.66%
    }
    .md-7 {
        width:58.33%
    }
    .md-6 {
        width:50%
    }
    .md-5 {
        width:41.66%
    }
    .md-4 {
        width:33.33%
    }
    .md-3 {
        width:25%
    }
    .md-2 {
        width:16.66%
    }
    .md-1 {
        width:8.33%
    }
    .md-hidden {
        display:none
    }
    .md-visible {
        display:block
    }
    .md-clear {
        clear:both
    }
    .md-none {
        clear:none
    }
}
@media screen and (max-width:992px) {
    .sm-12 {
        width:100%
    }
    .sm-11 {
        width:91.65%
    }
    .sm-10 {
        width:83.33%
    }
    .sm-9 {
        width:75%
    }
    .sm-8 {
        width:66.66%
    }
    .sm-7 {
        width:58.33%
    }
    .sm-6 {
        width:50%
    }
    .sm-5 {
        width:41.66%
    }
    .sm-4 {
        width:33.33%
    }
    .sm-3 {
        width:25%
    }
    .sm-2 {
        width:16.66%
    }
    .sm-1 {
        width:8.33%
    }
    .sm-hidden {
        display:none
    }
    .sm-visible {
        display:block
    }
    .sm-clear {
        clear:both
    }
    .sm-none {
        clear:none
    }
}
@media screen and (max-width:768px) {
    .xs-12 {
        width:100%
    }
    .xs-11 {
        width:91.65%
    }
    .xs-10 {
        width:83.33%
    }
    .xs-9 {
        width:75%
    }
    .xs-8 {
        width:66.66%
    }
    .xs-7 {
        width:58.33%
    }
    .xs-6 {
        width:50%
    }
    .xs-5 {
        width:41.66%
    }
    .xs-4 {
        width:33.33%
    }
    .xs-3 {
        width:25%
    }
    .xs-2 {
        width:16.66%
    }
    .xs-1 {
        width:8.33%
    }
    .xs-hidden {
        display:none
    }
    .xs-visible {
        display:block
    }
    .xs-clear {
        clear:both
    }
    .xs-none {
        clear:none
    }
}
@media screen and (max-width:479px) {
    .min-12 {
        width:100%
    }
    .min-11 {
        width:91.65%
    }
    .min-10 {
        width:83.33%
    }
    .min-9 {
        width:75%
    }
    .min-8 {
        width:66.66%
    }
    .min-7 {
        width:58.33%
    }
    .min-6 {
        width:50%
    }
    .min-5 {
        width:41.66%
    }
    .min-4 {
        width:33.33%
    }
    .min-3 {
        width:25%
    }
    .min-2 {
        width:16.66%
    }
    .min-1 {
        width:8.33%
    }
    .min-hidden {
        display:none
    }
    .min-visible {
        display:block
    }
    .min-clear {
        clear:both
    }
    .min-none {
        clear:none
    }
}
header {
    min-width:320px;
    width:100%;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    -webkit-order:1;
    padding:2.5em 0
}
header .flex-wrap {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .desc,header .logo {
    display:inline-block;
    vertical-align:middle
}
header .logo {
    width:auto;
}
header .logo img {
    display:block;
    width:auto;
    margin: 0 auto;
}
header .desc {
    font-size:.9375em;
    line-height:1.6em;
    padding-top:.83333em;
    margin-left:.71429em
}
header .loc {
    padding-top:.4375em
}
header .loc .icon-loc,header .loc .text {
    display:inline-block;
    vertical-align:middle
}
header .loc .text {
    font-size:.9375em;
    line-height:1.6em;
    margin-left:.71429em
}
header .box-call {
    padding-top:.4375em
}
.icon-loc {
    background:url(images/icons/Location.svg) 0 0 no-repeat;
    width:1.5625em;
    height:2.25em;
    -ms-background-size:100% auto;
    background-size:100% auto
}
.icon-phone {
    background:url(images/icons/Phone.svg) 0 0 no-repeat;
    width:1.625em;
    height:1.625em;
    -ms-background-size:100% auto;
    background-size:100% auto
}
.box-call .icon-phone,.box-call .text {
    display:inline-block;
    vertical-align:top
}
.box-call .icon-phone {
    margin-top:.1875em
}
.box-call .text {
    text-align:right;
    margin-left:1.375em
}
.box-call .number {
    font-size:1.25em;
    padding-bottom:.25em
}
.box-call .call {
    font-size:.8125em;
    font-weight:700;
    letter-spacing:.1em
}
.thanck-page {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:80vh;
    position:relative;
    text-align:center
}
.thanck-page__title {
    position:absolute;
    width:100%;
    left:0;
    top:0;
    text-align:center;
    line-height:58vh;
    font-family:oranienbaum;
    font-size:25vw;
    color:#fff;
    text-shadow:0 0 50px rgba(0,0,0,.2);
    opacity:.6
}
.thanck-page .title-block {
    position:relative;
    z-index:2
}
.thanck-page .button {
    max-width:19.23077em;
    margin:3.125em auto 0
}
.social {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:1.875em
}
.social__item {
    padding:0 1.875em;
    position:relative;
    text-align:center
}
.social__item span {
    display:block
}
.social__item_facebook {
    color:#00f
}
.social__item img {
    width:3.125em;
    margin-bottom:.4375em
}
.social__item:not(:last-child):after {
    content:"";
    display:block;
    width:1px;
    height:1.875em;
    position:absolute;
    top:.625em;
    right:0;
    background:rgba(31,31,31,.2)
}
@media screen and (max-width:600px) {
    header {
        text-align:center;
        padding:25px 0;
        font-size:14px
    }
    header .logo {
        display:block;
        margin:0 auto
    }
    header .desc {
        margin-left:0
    }
    header .loc {
        margin-top:10px;
        display:none
    }
    header .loc .icon-loc {
        display:block;
        margin:0 auto
    }
    header .loc .text {
        margin:5px auto 0
    }
    .box-call {
        margin-top:10px;
        font-size:14px
    }
    .box-call .icon-phone {
        display:block;
        margin:0 auto
    }
    .box-call .text {
        text-align:center;
        margin-left:0;
        margin-top:10px
    }
    .thanck-page {
        height:auto
    }
    .thanck-page__title {
        display:none
    }
}
.main-wrapper {
    min-width:320px;
    width:100%;
    position:relative;
    overflow:hidden;
    min-height:100vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -ms-flex-direction:column;
    -webkit-box-pack:start;
    justify-content:flex-start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    background:top no-repeat;
    z-index:10
}
.main {
    position:relative;
    margin:0 auto;
    min-width:320px;
    max-width:1220px;
    padding:0 20px
}
.table {
    width:100%;
    display:table
}
.table .cell {
    display:table-cell;
    vertical-align:middle
}
.table__cell {
    display:table-cell;
    vertical-align:middle
}
h1 {
    font-size:3.625em
}
h2 {
    font-size:2.75em
}
h3 {
    font-size:1.875em
}
h1,h2,h3 {
    font-family:oranienbaum;
    font-weight:400
}
.fade05 {
    opacity:.7
}
.content {
    min-width:320px;
    width:100%;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    -webkit-order:2;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-flex-grow:1
}
.title-block .title {
    font-size:2.75em;
    line-height:1.13636em
}
.title-block .desc {
    font-size:1.125em;
    line-height:1.55556em;
    margin-top:1.11111em
}
.title-block_center {
    text-align:center
}
.screen1 {
    margin-top:.625em
}
.screen1 .box-headline {
    float:left;
    width:100%;
    padding-top:5.3125em;
    margin-right:-26.25em;
    padding-right:22.8125em
}
.screen1 .box-headline .big_size {
    font-size:6em;
    font-family:oranienbaum;
    text-transform:uppercase;
    line-height:1.25em
}
.screen1 .box-headline .big_size,.screen1 .box-headline .little_size {
    display:inline-block;
    vertical-align:middle
}
.screen1 .box-headline .color_brown {
    color:#d4ac89
}
.screen1 .box-headline .little_size {
    font-size:.875em;
    line-height:2.14286em;
    margin-left:2.14286em;
    padding-bottom:.71429em
}
.screen1 .box-headline .headline {
    margin-left:-.1875em
}
.screen1 .box-headline .button-wrap {
    max-width:27.5em;
    margin-top:2.5em
}
.screen1 .box-right {
    float:left;
    width:21.875em;
    position:relative;
    padding-right:4.375em
}
.screen1 .box-right .box-round {
    width:38.75em
}
.screen1 .box-right .box-round .round-wrap {
    float:right
}
.screen1 .box-right .list-wrap {
    background:#ebefe3;
    padding:.625em 2.5em 2.8125em 2.8125em;
    position:absolute;
    left:0;
    top:3.75em;
    width:100%;
    border-radius:3px
}
.screen1 .box-right .list-wrap:before {
    content:"";
    display:block;
    width:calc(100% - 1.875em);
    height:calc(100% - 1.875em);
    position:absolute;
    border:2px solid #fff;
    border-radius:3px;
    top:.9375em;
    left:.9375em
}
.screen1 .box-right .list-wrap .text {
    font-size:.9375em;
    line-height:1.6em;
    margin-top:1em
}
.screen1 .box-right .list-wrap .number {
    font-size:1.5em;
    font-family:oranienbaum
}
.screen1 .box-right .list-wrap .list {
    position:relative
}
.screen1 .box-right .list-wrap .list li {
    margin-top:2.5em
}
.screen1 .box-right .list-wrap .arrow {
    background:url(images/icons/arrow.svg) 0 0 no-repeat;
    width:1.0625em;
    height:2.4375em;
    -ms-background-size:100% auto;
    background-size:100% auto;
    display:block;
    margin:1.875em auto 0;
    position:relative;
    animation:mouse 2s infinite;
    -moz-animation:mouse 2s infinite;
    -webkit-animation:mouse 2s infinite;
    -ms-animation:mouse 2s infinite
}
.button-wrap__alternative {
    display:flex;
    line-height:1.4;
    justify-content:center;
    font-size:.8125em;
    font-weight:700;
    text-transform:uppercase;
    margin-top:20px
}
.alternative__arrow img {
    width:35px;
    margin:0 15px
}
.alternative__link {
    text-decoration:underline;
    cursor:pointer
}
.alternative__link:hover {
    text-decoration:none
}
@-webkit-keyframes mouse {
    0% {
        -webkit-transform:translateY(-5px);
        transform:translateY(-5px)
    }
    50% {
        -webkit-transform:translateY(5px);
        transform:translateY(5px)
    }
    100% {
        -webkit-transform:translateY(-5px);
        transform:translateY(-5px)
    }
}
@keyframes mouse {
    0% {
        -webkit-transform:translateY(-5px);
        transform:translateY(-5px)
    }
    50% {
        -webkit-transform:translateY(5px);
        transform:translateY(5px)
    }
    100% {
        -webkit-transform:translateY(-5px);
        transform:translateY(-5px)
    }
}
.box-round {
    position:relative;
    overflow:hidden
}
.box-round img {
    display:block;
    border-radius:1000px;
    width:100%
}
.box-round .round {
    display:block;
    width:calc(100% - 1.875em);
    height:calc(100% - 1.875em);
    position:absolute;
    border:2px solid #fff;
    border-radius:1000px;
    top:.9375em;
    left:.9375em
}
.box-round .round-wrap {
    position:relative
}
.button {
    border-radius:3px;
    background:#d4ac89;
    background:-webkit-gradient(linear,left top,right top,from(#c28e60),color-stop(40%,#ca9a70),to(#d2a883));
    background:linear-gradient(to right,#c28e60 0,#ca9a70 40%,#d2a883 100%);
    color:#fff;
    text-transform:uppercase;
    font-size:.8125em;
    text-align:center;
    letter-spacing:.1em;
    min-height:4.53846em;
    line-height:1.69231em;
    padding:1.53846em .76923em 1.23077em;
    -webkit-box-shadow:0 1.1875em 1.8125em rgba(212,172,137,.57);
    -ms-box-shadow:0 1.1875em 1.8125em rgba(212,172,137,.57);
    -o-box-shadow:0 1.1875em 1.8125em rgba(212,172,137,.57);
    box-shadow:0 1.1875em 1.8125em rgba(212,172,137,.57)
}
.button:hover {
    background:#d4ac89;
    background:-webkit-gradient(linear,left top,right top,from(#c28e60),color-stop(80%,#ca9a70),to(#d2a883));
    background:linear-gradient(to right,#c28e60 0,#ca9a70 80%,#d2a883 100%)
}
a.button {
    display:block;
    text-decoration:none
}
.button-wrap .button {
    width:100%
}
.screen2 {
    margin-top:7.5em
}
.screen2.screen2_kviz {
    margin-top:0
}
.screen2 .edit-wrap {
    position:relative;
    padding-top:1px
}
.screen2 .edit-wrap .box-round {
    position:absolute;
    top:0;
    left:-35%;
    width:113.5%
}
.screen2 .edit-wrap .box-round .number {
    position:absolute;
    color:#fff;
    left:0;
    bottom:0;
    font-size:42.4375em;
    font-family:oranienbaum;
    line-height:.48601em;
    left:.10309em
}
.screen2 .edit-wrap .edit {
    position:relative;
    width:105.4%;
    margin-left:20%;
    margin-top:-1.375em
}
.screen2 .edit-wrap .edit img {
    width:100%;
    display:block
}
.screen2 .step {
    display:none
}
.screen2 .step.active {
    display:block
}
.screen2 .step0 {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.screen2 .step0 .info {
    margin-left:16%;
    padding-bottom:5em;
    max-width:29.375em;
    position:relative;
    z-index:101
}
.screen2 .step0 .button-wrap {
    max-width:17.75em;
    margin-top:3.125em
}
.screen2 .step-form {
    margin-top:2.5em
}
.screen2 .step-form .form-wrap {
    margin-top:2.5em;
    position:relative;
    margin-right:17.5em;
    padding-right:40%
}
.screen2 .step-form .form-wrap .inputs {
    padding-top:1.5625em
}
.screen2 .step-form .form-wrap .inputs input[type=checkbox]+label {
    padding-right:20%
}
.screen2 .step-form .form-wrap .button {
    width:18.46154em;
    height:18.46154em;
    border-radius:100%;
    position:absolute;
    top:50%;
    right:-21.53846em;
    margin-top:-6.92308em
}
.screen2 .step-form .form-wrap .button .arrow {
    background:url(images/steps/step_arrow_btn.png);
    width:1.23077em;
    height:2.46154em;
    -ms-background-size:100% 100%;
    background-size:100% 100%;
    display:block;
    margin:0 auto 1.76923em
}
.screen2 .step-form .form-wrap .catalog {
    display:block;
    position:absolute;
    width:65%;
    top:0;
    right:0
}
.screen2 .step-all {
    padding:4.6875em 0
}
.screen2 .step-all .col {
    padding:0
}
.screen2 .step-all .left-column,.screen2 .step-all .right-column {
    width:13.125em
}
.screen2 .step-all .center-column {
    width:100%;
    margin-left:-13.125em;
    margin-right:-13.125em;
    padding:0 13.125em;
    position:relative
}
.screen2 .step-all .center-column.pr0 {
    padding-right:0;
    margin-right:0
}
.screen2 .step-all .head-block {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.screen2 .step-all .number-step {
    font-size:1.875em;
    font-family:oranienbaum
}
.screen2 .step-all .number-step .current {
    font-size:3.33333em
}
.screen2 .step-all .title-block .desc {
    display:none
}
.screen2 .nav-step,.screen2 .objects-wrap,.screen2 .scale-wrap {
    margin-top:4.6875em
}
.screen2 .list-window {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.screen2 .list-window .window {
    font-size:2.75em;
    font-family:oranienbaum;
    width:1.81818em;
    height:3.25em;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    border-radius:100%;
    text-align:center;
    line-height:3.25em;
    cursor:pointer
}
.screen2 .list-window .window.active {
    font-size:6em;
    width:1.48958em;
    height:1.48958em;
    line-height:1.48958em;
    background:#ebefe3
}
.screen2 .objects-wrap {
    min-height:25em;
    padding-top:1px
}
.screen2 .list-object {
    margin:-2.8125em -.625em 0;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.screen2 .list-object .object {
    margin-top:2.8125em;
    width:27.25%;
    text-align:center;
    cursor:pointer;
    padding:0 .625em
}
.screen2 .list-object .object .thumb {
    position:relative
}
.screen2 .list-object .object .thumb img {
    width:100%;
    display:block;
    border-radius:3px;
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.screen2 .list-object .object .thumb:after {
    content:"";
    display:block;
    width:calc(100% - 1.4em);
    height:calc(100% - 1.4em);
    border-radius:3px;
    border:2px solid #fff;
    position:absolute;
    left:.7em;
    top:.7em;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    opacity:0
}
.screen2 .list-object .object .thumb.shadow {
    -webkit-box-shadow:0 0 2.5em rgba(34,34,34,.1);
    -ms-box-shadow:0 0 2.5em rgba(34,34,34,.1);
    -o-box-shadow:0 0 2.5em rgba(34,34,34,.1);
    box-shadow:0 0 2.5em rgba(34,34,34,.1)
}
.screen2 .list-object .object .name {
    text-align:center;
    margin-top:1.5625em;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.screen2 .list-object .object.active .thumb img,.screen2 .list-object .object:hover .thumb img {
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.screen2 .list-object .object.active .name,.screen2 .list-object .object:hover .name {
    opacity:1
}
.screen2 .list-object .object.active .thumb:after {
    opacity:1
}
.screen2 .list-object .object.active .name {
    color:#d4ac89
}
.screen2 .scale-mobile {
    position:relative;
    height:35px;
    border:1px solid rgba(31,31,31,.2);
    margin-left:-.9375em;
    margin-right:-.9375em;
    margin-bottom:25px;
    display:none
}
.screen2 .scale-mobile .load {
    height:33px;
    position:relative;
    background:#c99970;
    width:200px
}
.screen2 .scale-mobile .load .percent-res {
    position:absolute;
    right:5px;
    top:10px;
    color:#fff;
    font-size:16px
}
.screen2 .scale-wrap {
    position:relative;
    max-height:25.8125em
}
.screen2 .scale-wrap .percent {
    position:absolute;
    left:5.625em
}
.screen2 .scale-wrap .percent_start {
    top:0
}
.screen2 .scale-wrap .percent_end {
    bottom:0
}
.screen2 .scale-wrap .scale {
    width:4.125em;
    border:1px solid rgba(31,31,31,.2);
    position:absolute;
    height:100%;
    border-radius:33px;
    overflow:hidden
}
.screen2 .scale-wrap .load {
    position:relative
}
.screen2 .scale-wrap .load:before {
    content:"";
    position:absolute;
    display:block;
    width:100%;
    height:70%;
    background:#c99970;
    left:0;
    top:0;
    z-index:2;
    border-radius:33px
}
.screen2 .scale-wrap .percent-res {
    position:absolute;
    color:#fff;
    z-index:3;
    width:100%;
    text-align:center;
    left:0;
    bottom:25px
}
.screen2 .scale-wrap .wave {
    position:absolute;
    left:50%;
    width:200px;
    height:200px;
    margin-left:-100px;
    -webkit-transform-origin:50% 48%;
    transform-origin:50% 48%;
    border-radius:43%;
    -webkit-animation:wave 3s infinite linear;
    animation:wave 3s infinite linear
}
.screen2 .scale-wrap .wave.one {
    background:#c99970;
    -webkit-animation:wave 4s infinite linear;
    animation:wave 4s infinite linear;
    z-index:1;
    bottom:10px
}
.screen2 .scale-wrap .wave.two {
    -webkit-animation:wave 5s infinite linear;
    animation:wave 5s infinite linear;
    background:#cfa27c;
    bottom:0;
    -webkit-box-shadow:0 0 2.4375em #d4ac89;
    -ms-box-shadow:0 0 2.4375em #d4ac89;
    -o-box-shadow:0 0 2.4375em #d4ac89;
    box-shadow:0 0 2.4375em #d4ac89
}
.screen2 .nav-step {
    position:relative;
    max-height:25.8125em;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.screen2 .nav-step .buttons-wrap {
    position:relative;
    width:7.5em
}
.screen2 .nav-step a {
    width:9.23077em;
    height:9.23077em;
    font-size:.8125em;
    margin-top:2.30769em;
    letter-spacing:.2em;
    line-height:1.69231em;
    border-radius:100px;
    text-transform:uppercase;
    display:block;
    text-align:center;
    padding-top:2.69231em
}
.screen2 .nav-step a .arrow {
    display:block;
    width:100%;
    height:1.23077em;
    background-position:50% 0;
    background-repeat:no-repeat;
    -ms-background-size:auto 100%;
    background-size:auto 100%;
    margin:0 auto .76923em
}
.screen2 .nav-step .continue {
    margin-top:0;
    display:none
}
.screen2 .nav-step .continue .arrow {
    background-image:url(images/steps/icon_continue.png)
}
.screen2 .nav-step .back {
    background:0 0;
    border:1px solid rgba(31,31,31,.2);
    font-weight:700;
    text-decoration:none
}
.screen2 .nav-step .back .arrow {
    background-image:url(images/steps/icon_back.png)
}
.screen2 .nav-step .back:hover {
    background:#fff;
    -webkit-box-shadow:0 1.1875em 1.8125em rgba(0,0,0,.1);
    -ms-box-shadow:0 1.1875em 1.8125em rgba(0,0,0,.1);
    -o-box-shadow:0 1.1875em 1.8125em rgba(0,0,0,.1);
    box-shadow:0 1.1875em 1.8125em rgba(0,0,0,.1)
}
@keyframes wave {
    from {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes wave {
    from {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.button_flying {
    width:10.76923em;
    height:10.76923em;
    margin-left:-5.38462em;
    margin-top:-5.38462em;
    border-radius:100%;
    position:fixed;
    z-index:100;
    -webkit-transition:all 1.8s ease-out;
    transition:all 1.8s ease-out
}
.button_flying.flying-off {
    opacity:0;
    visibility:hidden
}
input[type=checkbox] {
    display:none
}
input[type=checkbox]+label {
    display:block;
    cursor:pointer;
    position:relative;
    padding-left:1.5625em;
    font-size:1em;
    line-height:1.3125em;
    margin-top:.9375em
}
input[type=checkbox]+label:before {
    content:"";
    display:block;
    position:absolute;
    width:1.0625em;
    height:1.0625em;
    border:2px solid #d4ac89;
    left:0;
    top:0
}
input[type=checkbox]+label:after {
    content:"";
    display:block;
    background:url(images/check.svg) 0 0 no-repeat;
    width:.8125em;
    height:.8125em;
    -ms-background-size:100% auto;
    background-size:100% auto;
    position:absolute;
    left:.125em;
    top:.25em;
    opacity:0;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
input[type=checkbox]:checked+label:after {
    opacity:1
}
@media screen and (max-width:1170px) {
    .screen1 .box-headline .headline {
        font-size:14px
    }
    .screen2 .step-form .form-wrap {
        padding-right:0
    }
    .screen2 .step-form .form-wrap .inputs {
        padding-top:0
    }
    .screen2 .step-form .form-wrap .inputs input[type=checkbox]+label {
        padding-right:0
    }
    .screen2 .step-form .form-wrap .catalog {
        display:none
    }
}
@media screen and (max-width:1024px) {
    .screen1 .box-headline .headline {
        font-size:13px
    }
    .screen1 .box-right {
        padding-right:0;
        width:26.25em
    }
    .screen1 .box-right .list-wrap {
        width:90%;
        left:10%
    }
}
@media screen and (max-width:992px) {
    .screen1 .box-right .list-wrap {
        position:relative
    }
    .screen1 .box-headline .little_size {
        display:block;
        margin-left:0;
        margin-top:1.33333em
    }
    .screen1 .box-headline {
        padding-top:4.0625em
    }
    .screen2 .list-object .object {
        width:33%
    }
    .screen2 .step-all .left-column,.screen2 .step-all .right-column {
        width:10.3125em
    }
    .screen2 .step-all .center-column {
        width:100%;
        margin-left:-10.3125em;
        margin-right:-10.3125em;
        padding:0 10.3125em
    }
}
@media screen and (max-width:769px) {
    .screen2 .step0 .info {
        text-align:center;
        margin:0 auto
    }
    .screen2 .step0 .info .button-wrap {
        margin-left:auto;
        margin-right:auto
    }
    .screen2 .list-object .object {
        width:48%
    }
}
@media screen and (max-width:700px) {
    .screen2 .step0 .info {
        text-align:center;
        margin:0 auto
    }
    .screen2 .step0 .info .button-wrap {
        margin-left:auto;
        margin-right:auto
    }
    .screen2 .list-object .object {
        width:48%
    }
}
@media screen and (max-width:600px) {
    .team-slider .team .foto img {
        filter:grayscale(0);
        -moz-filter:grayscale(0);
        -webkit-filter:grayscale(0);
        -ms-filter:grayscale(0)
    }
    .scale-mobile {
        display:block
    }
    .title-block .title {
        font-size:24px
    }
    .title-block br {
        content:""
    }
    .title-block br:after {
        content:""
    }
    .screen1 .box-headline {
        padding-right:.9375em;
        margin-right:0;
        text-align:center
    }
    .screen1 .box-headline .button-wrap {
        margin-left:auto;
        margin-right:auto
    }
    .screen1 .box-headline .big_size {
        font-size:50px
    }
    .screen1 .box-headline .little_size {
        line-height:18px
    }
    .screen1 .box-right {
        font-size:13px;
        width:100%;
        padding-bottom:70px;
        padding-left:0
    }
    .screen1 .box-right .list-wrap {
        width:100%;
        left:0
    }
    .screen2 .title-hide {
        display:none
    }
    .screen2 .title-block .desc {
        color:#1f1f1f;
        font-size:16px;
        opacity:.8
    }
    .screen2 .step-all .left-column,.screen2 .step-all .right-column {
        width:100%
    }
    .screen2 .step-all .center-column {
        margin-left:0;
        margin-right:0;
        padding:0
    }
    .screen2 .step-all {
        padding-top:20px
    }
    .screen2 .step-all .head-block {
        text-align:center
    }
    .screen2 .step-all .number-step {
        display:none
    }
    .screen2 .scale-wrap {
        display:none
    }
    .screen2 .step-form .title-block {
        text-align:center
    }
    .screen2 .step-form .form-wrap {
        margin-right:0
    }
    .screen2 .step-form .form-wrap .button {
        position:static;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;
        display:block
    }
    .screen2 .list-object .object {
        width:50%;
        display:inline-block;
        margin-right:-4px
    }
    .screen2 .objects-wrap {
        margin-top:0;
        min-height:inherit
    }
    .screen2 .nav-step {
        margin-top:30px
    }
    .screen2 .nav-step .buttons-wrap {
        width:auto;
        text-align:center;
        height:90px
    }
    .screen2 .nav-step .continue {
        position:absolute;
        right:0;
        top:0
    }
    .screen2 .nav-step .back {
        position:absolute;
        left:0;
        top:0;
        margin-top:0
    }
    .screen2 .list-window {
        padding:30px 0 10px;
        text-align:center;
        height:auto;
        position:static;
        font-size:10px
    }
    .screen2 .list-window .window {
        display:inline-block;
        margin-right:-4px;
        vertical-align:middle
    }
}
@keyframes sheen {
    from {
        transform: skewX(-45deg) translateX(0);
    }
    10%,100% {
        transform:skewX(-45deg) translateX(40em);
    }
}
.sheen {
    position: relative;
    overflow: hidden;
}
.sheen::after {
    content:"";
    background-color:rgba(255,255,255,0.3);
    height:100%;
    width:40px;
    display: block;
    position:absolute;
    top:0;
    left:-15px;
    animation:sheen 5s 0.05s ease-in-out;
    animation-iteration-count:infinite;
}