/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

img, legend {
    border: 0
}

legend, td, th {
    padding: 0
}

a, body, mark {
    color: #000
}

.form-section .submit-btn:focus, .form-section input[type=email]:focus, .form-section input[type=text]:focus, .slick-list *, a:active, a:hover {
    outline: 0
}

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

article, aside, details, figcaption, figure, footer, header, hgroup, main, 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: 0 0
}

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

b, optgroup, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

figure {
    margin: 1em 40px
}

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

pre, textarea {
    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 input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    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
}

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

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    overflow-x: hidden;
}

.wrap-center {
    max-width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.text-left-not-lg, .text-left-not-md, .text-left-not-sm, .text-left-not-xs {
    text-align: left
}

.text-center-not-lg, .text-center-not-md, .text-center-not-sm, .text-center-not-xs {
    text-align: center
}

.text-right-not-lg, .text-right-not-md, .text-right-not-sm, .text-right-not-xs {
    text-align: right
}

.text-justify-not-lg, .text-justify-not-md, .text-justify-not-sm, .text-justify-not-xs {
    text-align: justify
}

@media (max-width: 767px) {
    .text-center-not-xs, .text-justify-not-xs, .text-left-not-xs, .text-right-not-xs {
        text-align: inherit
    }

    .text-left-xs {
        text-align: left
    }

    .text-center-xs {
        text-align: center
    }

    .text-right-xs {
        text-align: right
    }

    .text-justify-xs {
        text-align: justify
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-center-not-sm, .text-justify-not-sm, .text-left-not-sm, .text-right-not-sm {
        text-align: inherit
    }

    .text-left-sm {
        text-align: left
    }

    .text-center-sm {
        text-align: center
    }

    .text-right-sm {
        text-align: right
    }

    .text-justify-sm {
        text-align: justify
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-center-not-md, .text-justify-not-md, .text-left-not-md, .text-right-not-md {
        text-align: inherit
    }

    .text-left-md {
        text-align: left
    }

    .text-center-md {
        text-align: center
    }

    .text-right-md {
        text-align: right
    }

    .text-justify-md {
        text-align: justify
    }
}

@media (min-width: 1200px) {
    .text-center-not-lg, .text-justify-not-lg, .text-left-not-lg, .text-right-not-lg {
        text-align: inherit
    }

    .text-left-lg {
        text-align: left
    }

    .text-center-lg {
        text-align: center
    }

    .text-right-lg {
        text-align: right
    }

    .text-justify-lg {
        text-align: justify
    }
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-bottom: 20px
}

h1, h2, h3 {
    font-weight: 700
}

p {
    margin: 0 0 10px
}

.mobile-phone {
    position: absolute;
    left: 50%;
    top: 16px;
    width: 170px;
    margin-left: -75px;
    text-align: center
}

.mobile-phone a {
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

.main-slider-container {
    position: relative;
    overflow: hidden
}

.article {
    background: url(../images/article-top.png) center top repeat-x, url(../images/bg-top.png) center bottom repeat-x;
    padding: 130px 0 200px
}

.article .article-text ol, .article .article-text ul {
    padding-left: 18px
}

.article h1 {
    font-size: 32px;
    color: #333332;
    margin: 30px 0 20px
}

.article .article-text ol li, .article .article-text p, .article .article-text ul li {
    margin-bottom: 15px
}

.article .article-text {
    font-size: 16px;
    line-height: 1.563;
    color: #3a2309
}

.article .breadcrumbs {
    font-size: 14px;
    color: #645c53;
    line-height: 1.2;
    padding: 0;
    margin: 0
}

.article .breadcrumbs li {
    list-style: none;
    vertical-align: middle;
    display: inline-block
}

.article .breadcrumbs li:after {
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="6px" height="11px"> <path fill-rule="evenodd" fill="rgb(101, 78, 52)" d="M0.314,0.186 C0.185,0.324 0.185,0.548 0.314,0.686 L4.428,5.083 L0.314,9.489 C0.185,9.628 0.185,9.852 0.314,9.990 C0.443,10.128 0.652,10.128 0.781,9.990 L5.121,5.342 C5.185,5.273 5.217,5.187 5.217,5.092 C5.217,5.006 5.185,4.911 5.121,4.842 L0.781,0.194 C0.652,0.048 0.443,0.048 0.314,0.186 Z"/> </svg>');
    display: inline-block;
    width: 6px;
    height: 11px;
    margin: 0 5px;
    vertical-align: middle
}

.article .breadcrumbs li:last-child:after {
    display: none
}

.article .breadcrumbs li a {
    color: #543109;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-weight: 200
}

.article .breadcrumbs li a:hover {
    border-color: #543109
}

.article .breadcrumbs .Главная {
    font-family: Exo2;
    text-align: left;
    position: absolute;
    left: 167.94px;
    top: 226.6px;
    z-index: 226
}

.scheme-work {
    min-height: 1182px;
    background: url(../images/shemework-bg.jpg) top center no-repeat fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    position: relative;
    padding-top: 160px
}

.scheme-work::after, .scheme-work::before {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 3;
    content: ""
}

.scheme-work .sect-title {
    padding: 0 0 70px;
    margin: 0;
    font-size: 39px;
    font-weight: 400;
    text-align: center
}

.scheme-work::before {
    height: 130px;
    top: 0;
    background: url(../images/bg-bottom.png)
}

.scheme-work::after {
    height: 60px;
    bottom: 0;
    background: url(../images/bg-top-dark.png)
}

.scheme-work .scheme-list {
    max-width: 810px;
    margin: 0 auto
}

.scheme-work .item {
    position: relative;
    margin-top: -25px
}

.scheme-work .item .image {
    float: left;
    padding-bottom: 30px
}

.scheme-work .item::after {
    display: table;
    content: "";
    clear: both
}

.scheme-work .item .number {
    font-size: 39px;
    width: 52px;
    height: 52px;
    display: inline-block;
    text-align: center;
    background: #8b1734;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 49px;
    position: absolute;
    left: 125px;
    top: 60px
}

.scheme-work .item .number::before, .scheme-work .item .number:after {
    content: '';
    display: block;
    border-right: 2px solid #000;
    position: absolute
}

.scheme-work .item .number:after {
    width: 460px;
    height: 125px;
    border-top: 2px solid #000;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    top: 25px;
    left: 75px
}

.scheme-work .item .number::before {
    width: 14px;
    height: 14px;
    border-bottom: 2px solid #000;
    top: 136px;
    right: -489px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.scheme-work .item .title {
    color: #8b1734;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px
}

.scheme-work .item .description {
    max-width: 330px;
    min-height: 34px;
    font-size: 16px;
    color: #3a3a3a;
    font-weight: 300
}

.scheme-work .item .content {
    clear: both
}

.scheme-work .item:nth-child(even) .content {
    float: right;
    text-align: right
}

.scheme-work .item:nth-child(even) .image {
    float: right
}

.scheme-work .item:nth-child(even) .number {
    left: auto;
    right: 125px
}

.scheme-work .item:nth-child(even) .number::before {
    right: 527px
}

.scheme-work .item:nth-child(even) .number:after {
    border-left: 2px solid #000;
    border-right: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    left: auto;
    right: 75px
}

.scheme-work .item:last-child .number:before {
    display: none
}

.scheme-work .item:last-child .number:after {
    display: none
}

.form-section {
    padding: 65px 15px 140px;
    position: relative
}

.form-section.form-dark {
    color: #fff;
    background: #37261d;
    margin-top: -1px;
    position: relative;
    z-index: 1
}

.form-section.form-dark ::-webkit-input-placeholder {
    color: #817c7a
}

.form-section.form-dark ::-moz-placeholder {
    color: #817c7a
}

.form-section.form-dark :-moz-placeholder {
    color: #817c7a
}

.form-section.form-dark :-ms-input-placeholder {
    color: #817c7a
}

.form-section.form-dark a {
    color: #817c7a
}

.form-section.form-dark::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 130px;
    bottom: 0;
    left: 0;
    background: url(../images/bg-top-white.png) center
}

.form-section.form-dark .description {
    line-height: 20px
}

.form-section.form-light {
    color: #999;
    background: #fcf3d9;
    padding: 4px 15px 10px
}

.form-section .form-callback .description, .form-section .form-callback .title {
    padding-bottom: 15px;
    text-align: center
}

.form-section.form-light ::-webkit-input-placeholder {
    color: #999
}

.form-section.form-light ::-moz-placeholder {
    color: #999
}

.form-section.form-light :-moz-placeholder {
    color: #999
}

.form-section.form-light :-ms-input-placeholder {
    color: #999
}

.form-section.form-light a {
    color: #999
}

.form-section.form-light .description {
    color: #362a23;
    font-size: 25px;
    line-height: 37px
}

.form-section.form-light .form-callback {
    max-width: 810px
}

.form-section.form-light form {
    padding-left: 22px;
    padding-right: 22px
}

.form-section.form-light .text-input input {
    border-color: #cac6b9
}

.form-section.form-light .submit-btn {
    color: #8b1233;
    border-color: #8b1233
}

.form-section.form-light .agreement {
    padding-top: 20px
}

.form-section.form-light .agreement label::before {
    border-color: #cac6b9
}

.form-section .form-callback {
    max-width: 765px;
    margin: 0 auto
}

.form-section .form-callback .title {
    font-size: 28px
}

.form-section .text-input {
    display: inline-block;
    padding-right: 20px;
    width: 270px
}

.form-section input[type=email], .form-section input[type=text] {
    padding: 17px 20px;
    display: block;
    width: 100%;
    border: 1px solid #68625e;
    background: 0 0;
    outline: 0
}

.form-section .submit-btn {
    padding: 17px 20px;
    display: inline-block;
    width: 180px;
    border: 1px solid #68625e;
    background: 0 0;
    text-transform: uppercase
}

.form-section .agreement {
    padding-top: 10px
}

.form-section .agreement label {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

.form-section .agreement label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 0 0;
    border: 1px solid #68625e;
    position: absolute;
    left: 0;
    top: 0
}

.form-section .agreement input:checked + label::after {
    content: '\2714';
    display: block;
    position: absolute;
    left: 4px;
    top: 0;
    color: #817c7a
}

.form-section .agreement input[type=checkbox] {
    display: none
}

.h15 {
    height: 15px
}



.gallery-popup img.mfp-img {
    padding: 0;
    width: 100%
}

.gallery-popup .name {
    font-size: 35px;
    color: #000;
    line-height: 39px;
    padding-bottom: 20px
}

.gallery-popup .date {
    font-size: 18px;
    color: #b5b1a6
}

.gallery-popup .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
    height: 158px;
    background: url(../images/bg-popup-gallery.png) top left no-repeat #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px
}

.gallery-popup .logo img {
    margin: auto;
    max-width: 138px
}

.gallery-popup .arrow {
    width: 42px;
    height: 42px;
    display: block;
    position: absolute;
    background: url(../images/arrow-icons.png) 13px 11px no-repeat rgba(255, 255, 255, 1);
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    margin-top: -42px;
    cursor: pointer
}

.gallery-popup .arrow.prev {
    left: -25px
}

.gallery-popup .arrow.next {
    right: -25px;
    background-position-x: -31px
}

.form-section.form-light.white {
    background: #fff
}

#about-us.white {
    padding: 50px 0 0
}

#about-us.white:after {
    display: none
}

gallery-popup-wrap .mfp-arrow-right {
    display: none;
    right: 50%;
    margin-right: -387px
}

.gallery-popup-wrap .mfp-arrow-left {
    left: 50%;
    margin-left: -387px;
    display: none
}

.load {
    opacity: .8;
    position: relative
}

#about-us:after, .load:before {
    width: 100%;
    position: absolute;
    content: ''
}

.load:before {
    height: 100%;
    left: 0;
    top: 0
}

#about-us {
    position: relative;
    padding-bottom: 190px
}

#about-us .sect-title {
    font-size: 39px;
    text-align: center;
    margin: 0;
    padding-bottom: 60px
}

#about-us:after {
    display: block;
    height: 130px;
    bottom: 0;
    background: url(../images/bg-top.png) bottom center
}


@media (max-width: 1200px) {
    .scheme-work .scheme-list {
        padding-left: 15px;
        padding-right: 15px
    }


}

@media (max-width: 768px) {

    .w320 {
        max-width: 320px
    }

    .service .service-list .image {
        height: auto
    }

    .main-slider-container .item {
        height: 100vh;
        max-height: 600px
    }

    .main-slider-container .item .bg {
        width: 100%;
        left: 0;
        margin-left: 0
    }

    .main-slider-container .content {
        max-width: 100%;
        padding: 100px 15px 0
    }

    .main-slider-container .content .title, .main-slider-container .content .title * {
        font-size: 40px !important
    }

    .main-slider-container .content .sub-title {
        padding: 0;
        font-size: 30px !important
    }

    .main-slider-container .content .sub-title * {
        font-size: 30px !important
    }

    .main-slider-container .content .description {
        padding-left: 0;
        padding-right: 0;
        font-size: 20px !important
    }

    .main-slider-container .content .description * {
        font-size: 20px !important
    }

    .scheme-work .scheme-list {
        padding-bottom: 100px
    }

    .scheme-work .item {
        max-width: 320px;
        margin: 0 auto;
        text-align: center
    }

    .scheme-work .item .image {
        display: inline-block;
        float: none
    }

    .scheme-work .item:nth-child(even) .image {
        float: none
    }

    .scheme-work .item:nth-child(even) .number {
        left: 85px;
        right: auto
    }

    .scheme-work .item:nth-child(even) .content {
        float: left;
        text-align: center
    }

    .scheme-work .item .number {
        left: 85px
    }

    .scheme-work .item .number:after, .scheme-work .item .number:before {
        display: none
    }
}