.section {

	text-align: center;

	position: relative;

}

.container-fluid {

	max-width: 1440px;

}

#hellopreloader_preload{

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #f3c74c;

    z-index: 100500;

    display: block;

}

.wrapper-sitemap li,.wsp-posts-title{text-align: left;}
    .wrapper-sitemap li a{color: #873e27}

    .wrapper-service{text-align: left; padding-top: 30px;}
        .wrapper-service a{color: #873e27}
        .alignleft{float: left; margin: 0 10px 10px 0;}
        .alignright{float: right; margin: 0 0 10px 10px;}
        .aligncenter{margin: 0 auto; display: block; margin-top: 10px; margin-bottom: 10px;}

    .wrapper-service img{max-width: 100%;}

        .swiper-button-next {

            top:100%!important;

            left: 50%!important;

            background: url(../images/bot_arrow_project.png) center no-repeat!important;

            width: 48px!important;

            height: 9px!important;

            margin-top: 10px!important;

            margin-left: -24px!important;

        }

        .swiper-button-prev {

            top:0!important;

            left: 50%!important;

            background: url(../images/top_arrow_project.png) center no-repeat!important;

            width: 48px!important;

            height: 9px!important;

            margin-left: -24px!important;

            margin-top: 0px!important;

        }

#hellopreloader_preload .spinner {

    width: 30px;

    height: 30px;

    position: absolute;

    left: 50%;

    top: 50%;

    background: url('../images/preloader3.gif') no-repeat 50% 50%;

    margin: -15px 0 0 -15px;

    display: block;

}



/*Header*/

    .header:after {

        content: "";

        width: 100%;

        display: table;

        clear: both;

    }

    .header-fixed {

        background: #faf8f8;

        box-shadow: 0px 0px 6px 0px #ececec;

        position: fixed;

        z-index: 11;

        width: 100%;

    }

    .header-logo {

        padding: 7px 0 5px 0; 

    }

    .header-nav {

        float: left;

        position: relative;

        margin: 8px 0 0 0;

    }

    .header-nav> img {

        display: none;

    }

    .header-menu-list {

        list-style-type: none;

        padding: 0;

        margin: 18px 0 0 0;

    }

    .header-nav > ul > li {

        display: inline-block;

        margin: 0 12px 0 0;

        line-height: 36px;
        position: relative;

    }

    .header-nav > ul > li > a {

        text-decoration: none;

        color: #474646;

        font-size: 16px;

        font-family: "RobotoCondensed";

        text-transform: uppercase;

    }

    .header-nav > ul > li > a:hover {

        border-bottom: 1px solid #ad7339;

        color: #883e27;

    }
        .header-nav > ul > li:hover .sub-menu{
            display: block;
        }
        .header-nav > ul > li .sub-menu{
            position: absolute; top: 30px; left: 0; min-width: 200px; padding: 0; z-index: 10; background: #fff; display: none;
        }
            .header-nav > ul > li .sub-menu li{width: 100%; list-style: none;}
                .header-nav > ul > li .sub-menu li a{color: #474646; display: block; text-decoration: none; line-height: 30px; border-bottom: 1px solid #f0f0f0; font-size: 16px; padding: 0 10px;}
                    .header-nav > ul > li .sub-menu li a:hover{color: #ad7339;}

    .search {

        float: right;

        width: 55px;

        margin-left: 30px;

        display: block;

    }

    .icon-search {

        background: url(../images/icon-search_noactive_17.png) center no-repeat;

        width: 21px;

        height: 22px;

        margin-top: 33px;

        cursor: pointer;

        margin-right: 34px;

    }

    .header-logo a {

        z-index: 1;

        display: block;

        position: relative;

    }

    .logo-mob {

        display: none;

    }

    .form-search {

        float: right;

        background: #873e27;

        width: 100%;

        display: none;

    }

    .button-search {

        display: block;

        float: right;

        background: url(/images/icon_search_active_15.png) center no-repeat;

        border:none;

        outline: none;

        width: 21px;

        height: 22px;

        margin-top: 30px;

        margin-right: 62px;

        cursor: pointer;

    }

    .input-search {

        display: block;

        float: left;

        width: 86%;

        height: 36px;

        margin-top: 22px;

        margin-left: 25px;

        margin-bottom: 23px;

        outline: none;

        border: none;

        padding-left: 23px;

        font-size: 14px;

        font-family: "RobotoLight";

    }

    .header-fixed > .container-fluid > .row > .col-xs-8, .col-sm-8, .col-md-9, .col-lg-9 {

        padding-right: 0;

    }

    .open {

        display: block;

        width: 100%;

    }

    .close {

        display: none !important;

    }

    .open-search {

        float: left;

        display: block;

        width: 100%;

    }

    .header-info {

        padding-top: 106px;

        color: #3c3c3c;

        font-size: 16px;

        font-family: "RobotoCondensed";

        margin: 0 auto;

        padding-bottom: 20px;

    }

    .header-info-timetable,

    .header-info-question,

    .header-info-phone,

    .header-info-advantage {

        float: left;

        padding-top: 0px;

    }

    .header-info-advantage {

        margin-left: 30px;

    }

    .header-info-question {

        margin-left: 50px;

    }

    .header-info-timetable {

        color: #883e27;

    }

    .header-info-phone > span {

        color: #883e27;

    }

    .header-info-advantage {

        color: #883e27;

    }

    .swiper-container-header {

        margin: 0 auto;

        position: relative;

        overflow: hidden;

        z-index: 1;

        display: none;

    }

/*Header end*/



/*Second*/

    .second {

        background: #f5f5f5;

        position: relative;

    }

    .second:after {

        content: "";

        background: url(../images/second_section_after_31.png);

        position: absolute;

        height: 7px;

        width: 100%;

        margin-bottom: -7px;

        display: table;

        clear: both;

    }

    .title {

        padding-top: 40px;

        padding-bottom: 40px;

    }

    .title > h2 {

        font-size: 40px;

        color: #8b351a;

        margin: auto;

        font-family: "RobotoSlabRegular";

        font-weight: normal;

        line-height: normal;

    }

    .second-img > img {

        max-width: 100%;

    }

    .description > p {

        padding-top: 40px;

        line-height: 39px;

        font-size: 30px;

        color: #3c3c3c;

        margin: auto;

        font-family: "RobotoSlabLight";

    }

/*Second end*/



/*First*/

    .swiper-container-first {

        margin: 0 auto;

        position: relative;

        overflow: hidden;

        z-index: 1;

    }

    .slide-img {

        width: 100%;

        height: 603px;

    }

    .slider-img-s1-d,

     .slider-img-s2-d,

      .slider-img-s3-d,

       .slider-img-s4-d,

        .slider-img-s5-d {

        width: 100%;

        display: none;

    }

    .slider-img-s1-m-l,

     .slider-img-s2-m-l,

      .slider-img-s3-m-l,

       .slider-img-s4-m-l,

        .slider-img-s5-m-l {

        width: 100%;

        display: none;

    }

    .slider-img-s1-m,

     .slider-img-s2-m,

      .slider-img-s3-m,

       .slider-img-s4-m,

        .slider-img-s5-m {

        width: 100%;

        display: none;

    }

/*First end*/



/*Third*/

    .third {

        text-align: center;

    }

    .third-description {

        font-family: "RobotoSlabLight";

    }

    .third-description > p {

        font-size: 24px;

        color: #141414;

        line-height: 29px;

        margin: 0;

    }

    .container-third-img,

    .swiper-container-third {

        margin-top: 45px;

        margin-bottom: 45px;

        position: relative;

        overflow: hidden;

        z-index: 1;

    }

    .third-img-second {

        margin-left: 25px;

        margin-right: 25px;

    }

    .swiper-container-third {

        display: none;

    }

/*Third end*/



/*Fourth*/

    .fourth-top {

        background: #873e27;

        position: relative;

    }

    .fourth-top:after {

        content: "";

        position: absolute;

        bottom: 0;

        left: 50%;

        border: 10px solid transparent;

        border-top-color: #873e27;

        margin-bottom: -20px;

        margin-left: -10px;

    }

    .fourth-title > h2 {

        text-align: center;

        font-family: "RobotoSlabLight";

        font-size: 40px;

        color: #fff;

        padding-top: 7px;

        padding-bottom: 12px;

        margin: 0px;

        font-weight: normal;

    }

    .fourth-img {

        padding-top: 60px;

        padding-bottom: 145px;

    }

    .fourth-img img {

        max-width: 100%;

    }

    .fourth-banner {

        background: #f4f4f4;

        position: relative;

    }

    .fourth-banner-description {

        font-size: 30px;

        font-family: "RobotoSlabLight";

        color: #873e27;

        padding-top: 48px;

        padding-bottom: 15px;

        margin: 0;

        text-align: center;

    }

    .fourth-banner-description span {

        font-family: "RobotoSlabBold";

    }

    .fourth-banner-img {

        position: absolute;

        top: 0;

        left: 50%;

        margin-left: -58px;

        margin-top: -90px;

    }

/*Fourth end*/



/*Fifth*/

    .fifth {

        font-family: "RobotoSlabLight";

    }

    .fifth-title > h2 {

        font-family: "RobotoSlabLight";

    }

    .fifth-description-yellow,

    .fifth-description-brown,

    .fifth-description-gray {

        text-align: left;

        font-size: 20px;

        height: 335px;

        line-height: 30px;

    }

    .fifth-description-yellow span,

    .fifth-description-brown span,

    .fifth-description-gray span {

        font-size: 57px;

    }

    .fifth-description-yellow {

        background: #f5ca59;

        color: #873e27;

        padding-left: 50px;

    }

    .fifth-description-yellow span {

        padding-top: 110px;

        display: block;

    }

    .fifth-description-brown {

        border-left: 2px solid #fff;

        background: #883e27;

        color: #fff;

    }

    .fifth-description-brown span {

        padding-top: 43px;

        padding-left: 42px;

        display: block;

    }

    .fifth-description-brown p {

        padding-left: 42px;

        padding-right: 57px;

    }

    .fifth-description-gray {

        background: #f4f4f4;

        color: #3c3c3c;

    }

    .fifth-description-gray p {

        padding-top: 47px;

        padding-left: 43px;

        padding-right: 103px;

        margin-top: 0;

    }

    .fifth-description-gray span {

        padding-left: 43px;

    }

    .fifth > .container > .row > .col-md-4 {

        padding-left: 0;

        padding-right: 0;

    }

    .swiper-container-fifth {

        margin-top: 45px;

        margin-bottom: 45px;

        position: relative;

        overflow: hidden;

        z-index: 1;

        display: none;

    }

/*Fifth end*/



/*Sixth*/

    .sixth {

        font-family: "RobotoSlabLight";

        color: #873e27;

    }

    .sixth-title > h2 {

        font-family: "RobotoSlabLight";

    }

    .sixth-layer {

        height: 4px;

        background: #873e27;

        position: relative;

        margin: 0 auto;

        z-index: 1;

    }

    .sixth-layer:before {

        content: "";

        position: absolute;

        top: 0;

        left: 50%;

        border: 8px solid transparent;

        border-top-color: #fff;

        margin-bottom: -20px;

        margin-left: -7px;

        z-index: 99;

    }

    .sixth-layer:after {

        content: "";

        position: absolute;

        bottom: 0;

        left: 50%;

        border: 10px solid transparent;

        border-top-color: #873e27;

        margin-bottom: -20px;

        margin-left: -9px;

        z-index: 98;

    }

    .sixth-middle {

        padding-top: 80px;

        padding-bottom: 30px;

    }

    .sixth-middle span {

        font-size: 24px;

        display: block;

        padding-top: 35px;

    }

    .swiper-container-sixth {

        position: relative;

        overflow: hidden;

        z-index: 1;

        display: none;

    }

    .sixth-bottom {

        padding-bottom: 30px;

    }

    .sixth-title > h3 {

        font-size: 24px;

        text-align: center;

        font-weight: normal;

        line-height: normal;

        margin: auto;

    }

    .sixth-bid {

        background: #873e27;

        margin: 0 auto;

        color: #fff;

        font-size: 30px;

        font-family: "a_monumento-demibold";

        cursor: pointer;

        text-align: center;

        padding-top: 20px;

        padding-bottom: 15px;

        display: block;

        text-decoration: none;

    }

    .sixth-bid:hover {

        color: #fff;

        text-decoration: none;

    }

    .sixth-banner {

        background: #f5ca59;

    }

    .sixth-banner-icon {

        padding-top: 30px;

        max-width: 100%;

    }

    .sixth-banner-description {

        padding-top: 40px;

        padding-bottom: 36px;

        font-size: 24px;

        color: #873e27;

        text-align: left;

    }

/*Sixth end*/



/*Seventh*/

    .seventh {

        font-family: "RobotoSlabLight";

        border-bottom: 1px solid #d3d3d3;

    }

    .seventh-title-block {

        border-bottom: 1px solid #d3d3d3;

    }

    .seventh-title > h2 {

        color: black;

    }

    .seventh-service-block {

        padding-top: 40px;

    }

    .seventh-service {

        width: 298px;

        height: 342px;

        border: 1px solid #dfccc5;

        text-align: center;

    }

    .seventh-service-img {

        margin-top: 60px;

        max-width: 100%;

    }

    .seventh-service span {

        margin-top: 28px;

        color: #873e27;

        line-height: 26px;

        font-size: 20px;

        text-align: center;

        display: block;

    }

    .seventh-service-img3 {

        margin-top: 22px;

        max-width: 100%;

    }

    .seventh-service-right {

        float: right;

    }

    .seventh-service-middle {

        margin: 0 auto;

    }

    .swiper-container-seventh {

        margin-top: 45px;

        margin-bottom: 45px;

        position: relative;

        overflow: hidden;

        z-index: 1;

        display: none;

    }

    .seventh-desctiption-block p {

        font-size: 24px;

        line-height: 26px;

        text-align: center;

        color: #3c3c3c;

        padding: 35px 0 0 0;

        margin: 0;

        font-family: "RobotoSlabLight";

    }

    .swiper-container-seventh-img {

        display: none;

    }

    .seventh-img, .swiper-container-seventh-img {

        margin-top: 45px;

        margin-bottom: 45px;

        position: relative;

        overflow: hidden;

        z-index: 1;

    }

    .seventh-img-second {

        margin-left: 25px;

        margin-right: 25px;

    }

    .seventh-title-black {

        font-size: 24px;

        color: #3c3c3c;

        text-align: center;

        font-weight: normal;

        line-height: 26px;

        margin: auto;

        padding-bottom: 35px;

    }

    .seventh-title-normal {

        color: #873e27;

        font-size: 30px;

        text-align: center;

        font-weight: normal;

        line-height: 26px;

        margin: auto;

        padding-bottom: 35px;

    }

    .seventh-bottom-button {

        background: #ebc14f;

        font-size: 30px;

        text-align: center;

        color: #873e27;

        font-family: "a_monumento-demibold";

        cursor: pointer;

        padding-top: 20px;

        padding-bottom: 15px;

    }

    .seventh-title-bottom {

        padding-top: 30px;

        text-align: center;

        font-size: 30px;

        color: #873e27;

        font-family: "a_monumento-demibold";

        padding-bottom: 30px;

    }

/*Seventh end*/



/*Eight*/

    .eight {

        font-family: "RobotoSlabLight";

        border-bottom: 1px solid #3c3c3c;

    }

    .eight-top {

        font-size: 24px;

        text-align: center;

        padding-top: 60px;

    }

    .eight-content-top-block-left {

        width: 161px;

        color: #873e27;

        float: right;

    }

    .eight-top span {

        padding-top: 60px;

        display: block;

    }

    .eight-content-top-block-middle {

        width: 295px;

        color: #3c3c3c;

        margin: 0 auto;

    }

    .eight-content-top-block-middle img {

        margin: 0 auto;

        display: block;

    }

    .eight-content-top-block-middle span {

    }

    .eight-content-top-block-right {

        width: 130px;

        float: left;

        color: #873e27;

    }

    .eight-content-top span {

        padding-top: 60px;

        display: block;

    }

    .swiper-container-eight,

    .swiper-container-eight-text {

        position: relative;

        overflow: hidden;

        z-index: 1;

        display: none;

    }

    .eight-bottom-text-block {

        text-align: left;

        padding-bottom: 40px;

    }

    .eight-bottom-text-block-left, .eight-bottom-text-block-middle, .eight-bottom-text-block-right {

        width: 289px;

        height: 235px;

        padding-left: 17px;

        font-size: 13px;

        line-height: 18px;

        color: #616161;

        padding-right: 15px;

        text-align: left;

    }

    .eight-bottom-text-block-left {

        float: right;

        padding-right: 0px;

        width: 285px;

    }

    .eight-bottom-text-block-middle {

        margin: 0 auto;

        width: 325px;

    }

    .eight-bottom-text-block span,

    .eight-bottom-text-block-left > span,

    .eight-bottom-text-block-middle > span,

    .eight-bottom-text-block-right > span {

        font-size: 24px;

        display: block;

        padding-bottom: 20px;

        color: #333333;

    }

    .eight-bottom-text-block-middle, .eight-bottom-text-block-right {

        border-left: 1px solid #3c3c3c;

        padding-left: 28px;

    }

    .eight-bottom-text-block > .container > .row > .col-md-4 {

        padding-left: 0;

        padding-right: 0;

    }

/*Eight end*/



/*Ninth*/

    .ninth {

        font-family: "RobotoCondensed";

    }

    .ninth-top-description {

        font-size: 24px;

        line-height: 36px;

        font-family: "RobotoSlabLight";

        color: #3c3c3c;

        text-align: center;

        padding-bottom: 23px;

    }

    .ninth-middle {

        background: #fbd366;

        padding-top: 55px;

        text-align: left;

    }

    .ninth-middle-content-block {

        width: 450px;

        height: 166px;

        color: #202020;

        margin: 0 auto;

        padding-bottom: 35px;

    }

    .ninth-middle-content-block img {

        display: block;

        width: 131px;

        float: left;

    }

    .ninth-middle-content-block-bottom-left-one {

        padding-top: 20px;

    }

    .ninth-middle-content-block span {

        display: block;

        width: 315px;

        float: left;

        padding-left: 42px;

        height: 70px;

        font-size: 18px;

        line-height: 30px;

    }

    .ninth-middle-content-block-top-left {

        padding-top: 50px;

    }

    .ninth-middle-content-block-top-right {

        padding-top: 36px;

    }

    .ninth-middle-content-block-middle-left {

        padding-top: 38px;

    }

    .ninth-middle-content-block-middle-right {

        padding-top: 22px;

    }

    .ninth-middle-content-block-bottom-right {

        padding-top: 24px;

    }

    .ninth-middle > .container > .row > .col-md-6 {

        padding-left: 0;

        padding-right: 0;

    }

    .swiper-container-ninth {

        position: relative;

        overflow: hidden;

        z-index: 1;

        display: none;

        padding-bottom: 40px;

    }

    .middle-block-two-description {

        padding-top: 52px;

    }

    .middle-block-sixth-description {

        padding-top: 37px;

    }

    .ninth-middle-icon {

        padding-bottom: 40px;

    }

/*Ninth end*/



/*Tenth*/

    .tenth {

        background: #873e27;

        font-family: "RobotoLight";

    }

    .tenth-title > h2 {

        text-align: center;

        font-size: 48px;

        font-family: "RobotoSlabRegular";

        color: #fff;

        font-weight: normal;

        line-height: normal;

    }

    .tenth-description p {

        font-size: 24px;

        color: #fff;

        line-height: 29px;

        margin: 0;

    }

    .tenth-bottom {

        padding-top: 40px;

        padding-bottom: 50px;

        text-align: left;

    }

    .tenth-content-block {

        width: 308px;

        float: left;

        background: #fff;

        margin-left: 8px;

        padding-left: 4px;

        padding-top: 4px;

        padding-right: 4px;

        box-shadow: 5px 5px 0px 0px #763824;

    }

    .tenth-content-block img {

        max-width: 100%;

    }

    .tenth-content-block span {

        float: left;

        padding-right: 5px !important;

        color: #303030 !important;

    }

    .tenth-content-block-text {

        padding-left: 16px;

        font-size: 12px;

        line-height: 18px;

        color: #363636;

        padding-right: 16px;

        height: 54px;

        overflow: hidden;

        margin-bottom: 20px;

    }

    .project-title {

        display: block;

        font-size: 16px;

        font-family: "RobotoCondensed";

        color: #873e27;

        padding-left: 16px;

        padding-right: 16px;

        padding-top: 17px;

        height: 40px;

        overflow: hidden;

    }

    .tenth-bottom > .container > .row > .col-md-4 {

        padding-left: 0;

        padding-right: 0;

    }

    .tent-bottom-block .tenth-content-block:first-child {

        margin-left: 9.5%;

    }

    .swiper-container-tenth {

        position: relative;

        overflow: hidden;

        z-index: 1;

        display: none;

        padding-bottom: 40px;

    }

    .project-link {

        display: block;

        text-decoration: none;

    }

/*Tenth end*/



/*Social-menu*/

    .social-menu {

        position: fixed;

        width: 48px;

        height: 240px;

        right: 0;

        top: 50%;

        margin-top: -120px;

        z-index: 9000;

        background-color: #fff;

        transition: all 0.7s;

    }

    .social-menu a {

        width: 48px;

        height: 48px;

        display: block;

    }

    .social-menu.close-social {

        background: transparent;

    }

    .social-menu-vk {

        background: url(../images/social_vk_25.png);

    }

    .social-menu-fb {

        background: url(../images/social_fb_25.png);

    }

    .social-menu-mail {

        background: url(../images/social_mail_25.png);

    }

    .social-menu-ok {

        background: url(../images/social_ok_25.png);

    }

    .social-menu-close {

        background: url(../images/ico_minus_.jpg);

    }

    .social-menu-open {

        background: url(../images/social_+_25.png);

        display: none;

        width: 48px;

        height: 48px;

        cursor: pointer;

    }

    .social-menu-vk, .social-menu-fb, .social-menu-mail, .social-menu-ok, .social-menu-close {

        width: 48px;

        height: 48px;

        cursor: pointer;

    }

    .social-menu-vk:hover,

    .social-menu-fb:hover,

    .social-menu-mail:hover,

    .social-menu-ok:hover,

    .social-menu-close:hover {

        opacity: 0.7;

    }

/*Social-menu end*/



/*Button-go*/

    

    .button-go-calculation a,

    .button-go-project a {

        font-family: "RobotoSlabLight";

        font-size: 18px;

        text-decoration: none;

    }

    .button-go-calculation.visible {

        transform: translateX(0);

    }

    .button-go-project.visible {

        transform: translateX(0);

    }

    .button-go-calculation {

        position: fixed;

        bottom: 0;

        right: 0;

        width: 483px;

        height: 95px;

        z-index: 10;

        transform: translateX(100%);

        transition: all 0.5s;

        padding-left: 111px;

        padding-top: 18px;

        background: url(../images/button_bottom_fixed.png);

    }

    .button-go-calculation a:hover {

        border-bottom: 1px solid #ad7339;

    }

    .button-go-calculation a {

        color: #75311c;

        line-height: 30px;

    }

    .button-go-project a:hover {

         border-bottom: 1px solid #fff;

    }

    .button-go-project {

        position: fixed;

        bottom: 0;

        right: 0;

        cursor: pointer;

        width: 483px;

        height: 95px;

        z-index: 10;

        transform: translateX(100%);

        transition: all 0.5s;

        background: url(../images/button_bottom_go_project.png);

        padding-top: 33px;

        padding-left: 194px;

    }

    .button-go-project a {

        color: #fff;

        line-height: 30px;

    }

/*Button-go end*/



/*Popup*/

    .popup {

        width: 100%;

        min-height: 100%;

        background-color: rgba(0,0,0,0.5);

        position: fixed;

        top: 0;

        z-index: 9999;

        overflow: hidden;

        padding: 5em 0;    

        transform: translateX(-100%);

        transition: all 0.7s;

    }

    .popup.visible {

        transform: translateX(0);

    }

    .popup:after {

        content: '';

        height: 100%;

        display: inline-block;

        vertical-align: middle;

    }

    .popup-form {

        border-radius: 10px;

        background: #fff;

        box-shadow: 0px 3px 0px 0px #dfdfdf;

        text-align: center;

        position: absolute;

        width: 850px;

        height: 284px;

        left: 50%;

        top: 50%;

        margin-left: -425px;

        transition: all 0.7s;

    }

    .popup-close {

        float: right;

        margin-top: 18px;

        margin-right: 18px;

        cursor: pointer;

    }

    .popup-form-title {

        font-size: 40px;

        font-family: "RobotoSlabRegular";

        color: #873e27;

        text-align: center;

        margin: 0 auto;

        padding-top: 45px;

        padding-bottom: 30px;

        padding-left: 15px;

        padding-right: 15px;

        transition: all 0.7s;

    }

    .popup-form-description {

        margin: 0 auto;

        font-size: 18px;

        color: #2a2a2a;

        font-family: "RobotoCondensed";

        text-align: center;

        padding-bottom: 25px;

        padding-left: 15px;

        padding-right: 15px;

        transition: all 0.7s;

    }

    .popup-form-input-name {

        margin-left: 58px;

    }

    .popup-form-input-name,

    .popup-form-input-phone {

        width: 223px;

        height: 40px;

        background: #f1f1f1;

        outline: none;

        border: none;

        font-size: 14px;

        font-family: "RobotoLight";

        color: #3e3e3e;

        padding-left: 27px;

        border-radius: 6px;

        display: inline;

        transition: all 0.7s;

    }

    .popup-form-button {

        width: 200px;

        height: 46px;

        text-align: center;

        color: #873e27;

        background: #edc158;

        box-shadow: 0px 4px 0px 0px #c99821;

        border-radius: 6px;

        outline: none;

        border: none;

        margin-bottom: 10px;

        cursor: pointer;

        font-size: 16px;

        font-family: "RobotoCondensed";

        display: inline;

        transition: all 0.7s;

    }

/*Popup end*/



/*Footer*/

    .footer-top-title {

        text-align: center;

    }

    .footer-top-title > .container > .row > .col-xs-12 > .title {

        padding-bottom: 20px;

    }

    .footer-top-title-lg {

        font-size: 14px;

        line-height: 18px;

        color: #333333;

        padding-bottom: 40px;

    }

    .footer-top {

        padding-top: 87px;

        background: #873e27;

        position: relative;

        padding-bottom: 124px;

    }

    .footer-top-question, .footer-top-phone, .footer-top-timetable {

        font-size: 16px;

        font-family: "RobotoCondensed";

        color: #fff;

        float: left;

    }

    .footer-top-question {

        margin-left: 58px;

    }

    .footer-top-phone {

        margin-left: 38px;

    }

    .footer-top-timetable {

        margin-right: 40px;

        float: right;

    }

    .swiper-container-footer {

        position: relative;

        overflow: hidden;

        z-index: 1;

        display: none;

        padding-bottom: 40px;

    }

    .footer-top-form {

        position: absolute;

        width: 876px;

        height: 175px;

        border-radius: 10px;

        background: #fff;

        color: #2a2a2a;

        top: 0;

        left: 50%;

        margin-top: 155px;

        margin-left: -438px;

        box-shadow: 0px 3px 0px 0px #dfdfdf;

        z-index: 1;

    }

    .footer-top-form-title {

        width: 650px;

        font-size: 18px;

        font-family: "RobotoCondensed";

        color: #2a2a2a;

        padding-top: 39px;

        margin-left: 58px;

        padding-bottom: 21px;

    }

    .footer-top-form-input-name {

        width: 223px;

        height: 40px;

        background: #f1f1f1;

        outline: none;

        border: none;

        font-size: 14px;

        font-family: "RobotoLight";

        color: #3e3e3e;

        padding-left: 27px;

        border-radius: 6px;

        margin-top: 3px;

    }

    .footer-top-form-input-name {

        margin-left: 58px;

    }

    .footer-top-form input {

        width: 223px;

        height: 40px;

        background: #f1f1f1;

        outline: none;

        border: none;

        font-size: 14px;

        font-family: "RobotoLight";

        color: #3e3e3e;

        padding-left: 27px;

        border-radius: 6px;

        margin-top: 3px;

    }

    .footer-top-form-button {

        width: 248px;

        height: 43px;

        text-align: center;

        color: #873e27;

        background: #edc158;

        box-shadow: 0px 4px 0px 0px #c99821;

        border-radius: 6px;

        outline: none;

        border: none;

        margin-bottom: 10px;

        cursor: pointer;

        font-size: 16px;

        font-family: "RobotoCondensed";

    }

    .footer-top-form-description {

        float: right;

        width: 250px;

        font-size: 13px;

        font-family: "RobotoLight";

        color: #3e3e3e;

        margin-right: 115px;

    }

    .footer-middle-menu-list {

        list-style-type: none;

        width: 910px;

        padding-bottom: 66px;

        margin: 0 auto;

        margin-top: 140px;

        padding-left: 0;

        padding-right: 0;

    }

    .footer-middle-menu-list .sub-menu{display: none;}

    .footer-middle-menu-list li {

        display: inline-block;

        margin-left: 21px;

        line-height: 36px;

        margin-top: 7px;

    }

    .footer-middle-menu-list a {

        text-decoration: none;

        color: #474646;

        font-size: 16px;

        font-family: "RobotoCondensedRegular";
        text-transform: uppercase;

    }

    .footer-middle-menu-list a:hover {

        border-bottom: 1px solid #ad7339;

        color: #883e27;

        text-decoration: none;

    }

    .footer-bottom {

        height: 74px;

        margin: 0 auto;

        border-top: 1px solid #873e27;

    }

    .footer-section-bottom-logo {

        float: left;

        height: 74px;

        width: 74px;

    }

    .footer-section-bottom-copyright {

        font-size: 13px;

        font-family: "RobotoLight";

        color: #873e27;

        padding-top: 30px;

        text-align: center;

        max-width: 280px;

        margin: 0 auto;

    }

/*Footer end*/



/*Project*/

    .top-block-title {

        background: #873e27;

    }

    .top-block-title-back {

        position: absolute;

        width: 120px;

        margin-top: 48px;

        float: left;

        z-index: 1;

    }

    .top-block-title-back-icon {

        float: left;

    }

    .top-block-title-back-text {

        float: left;

        margin-left: 15px;

        margin-top: 2px;

    }

    .top-block-title-back-text a {

        font-size: 16px;

        font-family: "RobotoSlabLight";

        color: #fff;

        text-decoration: none;

    }

    .top-block-title-back-text a:hover {

        text-decoration: none;

        color: #fff;

        border-bottom: 1px solid #fff;

    }

    .top-block-title-back-text a:visited {

        color: #fff;

        text-decoration: none;

    }

    .title-top-block {

        padding-top: 33px;

        padding-bottom: 33px;

    }



    .title-top-block > h1 {

        font-size: 40px;

        line-height: normal;

        font-weight: normal;

        color: #fff;

        font-family: "RobotoSlabLight";

        margin: 0;

        padding: 0;

    }

    .project-middle {

        margin-top: 45px;

    }

    .project-section-middle-left-title {

        margin-bottom: 30px;

    }

    .project-section-middle-left-title > h2 {

        font-size: 30px;

        line-height: normal;

        font-weight: normal;

        font-family: "RobotoSlabRegular";

        color: #873e27;

        margin: 0;

        text-align: left;

    }

    .project-section-middle-left-description {

        font-size: 14px;

        line-height: 18px;

        font-family: "RobotoLight";

        color: #616161;

        text-align: left;

    }

    .project-section-middle-left-description a {

        font-size: 14px;

        line-height: 18px;

        font-family: "RobotoLight";

        color: #873e27;

    }

    .project-no-p {

        padding-left: 0px !important;

        padding-right: 0px !important;

    }

    .project-block-layer {

        height: 1px;

        width: 100%;

        background-color: #d3d3d3;

        margin-bottom: 35px;

        float: left;

        margin-top: 18px;

    }

    .project-block-slider-wrapper {

        float: left;

        position: relative;

    }

    .project-block-swiper-slider {

        width: 124px;

        height: 336px;

        overflow: hidden;

        margin-top: 22px;

        float: left;

    }

    .project-block-swiper-slider img {

        width: 100%;

        cursor: pointer;

    }

    .project-block-big-img {

        float: left;

        margin-left: 30px;

        margin-right: 18px;

    }

    .project-block-swiper-slider-big {

        width: 100%;

        overflow: hidden;

        margin-bottom: 20px;

        float: left;

        display: none;

    }

    .project-block-swiper-slider-big > .swiper-wrapper > .swiper-slide {

        text-align: center;

    }

    .project-block-description {

        float: left;

        max-width: 100%;

        text-align: left;

    }

    .main-container-project {

        max-width: 1440px;

    }

    .project-block-date {

        font-size: 16px;

        line-height: 18px;

        font-family: "RobotoCondensed";

        color: #303030;

    }

    .project-block-title {

        font-size: 16px;

        line-height: 18px;

        font-family: "RobotoCondensed";

        color: #873e27;

    }

    .project-block-title a{
        color: #873e27;
    }

    .project-block-description p {

        font-size: 13px;

        line-height: 18px;

        font-family: "RobotoLight";

        color: #363636;

        margin-top: 13px;

    }

    .project-block:after {

        content: "";

        width: 100%;

        display: table;

        clear: both;

    }

    .project-list-layer {

        height: 1px;

        background-color: #d3d3d3;

        margin-bottom: 20px;

        float: left;

        margin-top: 22px;

        width: 100%;

    }

    .project-right-block {

        border: 1px solid #dfccc5;

        font-family: "RobotoLight";

        line-height: 18px;

        font-size: 13px;

        text-align: left;

    }

    .project-section-middle-right-title {

        padding-top: 18px;

        font-size: 26px;

        line-height: 30px;

        font-family: "RobotoSlabRegular";

        color: #873e27;

        padding-left: 15px;

    }

    .rewiews-main-block {

        margin-top: 35px;

        padding-left: 15px;

        padding-right: 15px;

        padding-bottom: 10px;

        max-height: 1224px;

        overflow: auto;

    }

    .rewiews-block {

        margin-bottom: 30px;

    }

    .reviews-date {

        padding-bottom: 6px;

        color: #873e27;

    }

    .reviews-user-info {

        padding-bottom: 20px;

        color: #873e27;

    }

    .reviews-content {

        padding-right: 10px;

    }

    .project-reviews-form {

        background: #edc158;

        padding-top: 9px;

        font-size: 14px;

        font-family: "RobotoCondensedRegular";

    }

    .reviews-form-title {

        margin-top: 20px;

        font-size: 16px;

        font-family: "RobotoCondensed";

        color: #303030;

        width: 243px;

        margin-left: auto;

        margin-right: auto;

    }

    .reviews-form-input {

        width: 243px;

        margin-left: auto;

        margin-right: auto;

        padding-left: 12px;

        outline: none;

        height: 26px;

        border-radius: 3px;

        border: 1px solid transparent;

        background: #FFF none repeat scroll 0% 0%;

        box-shadow: -1px -3px 1px 1px #E8DDC2;

        margin-top: 15px;

        color: #b9b9b9;

        display: block;

    }

    .reviews-form-textarea {

        width: 243px;

        padding-left: 12px;

        padding-top: 19px;

        outline: none;

        height: 338px;

        border-radius: 3px;

        border: 1px solid transparent;

        background: #FFF none repeat scroll 0% 0%;

        box-shadow: -1px -3px 1px 1px #E8DDC2;

        margin-top: 15px;

        color: #b9b9b9;

        overflow: hidden;

        resize: none;

        margin-left: auto;

        margin-right: auto;

        display: block;

    }

    #submit {

        width: 186px;

        height: 36px;

        border-radius: 9px;

        background: #FFF none repeat scroll 0% 0%;

        box-shadow: 0px 4px 0px 0px #C99821;

        outline: none;

        border-color: transparent;

        margin-top: 18px;

        margin-bottom: 18px;

        cursor: pointer;

        color: #873e27;

        font-size: 16px;

        font-family: "RobotoCondensed";

        text-align: center;

        margin-left: auto;

        margin-right: auto;

        display: block;

    }

    .reviews-form-title span {

        color: #873e27;

        margin-top: 20px;

    }

    .reviews-form-title:after {

        content: "";

        width: 100%;

        display: table;

        clear: both;

    }

    .project-reviews-form:after {

        content: "";

        width: 100%;

        display: table;

        clear: both;

    }

    .paginator {

        height: 29px;

        max-width: 390px;

        margin-bottom: 30px;

        

    }

    .paginator a {

        text-decoration: none;

        width: 27px;

        height: 27px;

        border: 1px solid #EEE;

        text-align: center;

        font-family: "OpenSansLight";

        font-size: 16px;

        color: #454c5f;

        display: block;

        line-height: 26px;

        float: left;

    }

    .paginator b {

        background-color: #873e27;

        color: #fff;

        text-decoration: none;

        width: 27px;

        height: 27px;

        border: 1px solid #873e27;

        text-align: center;

        font-family: "OpenSansLight";

        font-size: 16px;

        display: block;

        line-height: 26px;

        float: left;

        font-weight: lighter;

        margin-left: 2px;

        margin-right: 2px;

    }

    .paginator-next {

        background: url(../images/pag_nex_na_15.png) center no-repeat;

        margin-left: 2px;

    }

    .paginator-prev {

        background: url(../images/pag_prev_na_15.png) center no-repeat;

        margin-right: 2px;

    }

    .paginator-prev:hover {

        background: url(../images/pag_prev_ho_15.png) center no-repeat;

        background-color: #873e27;

    }

    .paginator-next:hover {

        background: url(../images/pag_nex_ho_15.png) center no-repeat;

        background-color: #873e27;

    }

/*Project end*/



/*Calculation*/

    .main-container-calculation {

        max-width: 1440px;

    }

    .calculation > .top-block-title {

        background: #f5ca59;

    }

    .calculation > .top-block-title > .container-fluid .top-block-title-back > .top-block-title-back-text > a {

        color: #883e27;

    }

    .calculation > .top-block-title > .container-fluid > .top-block-title-back > .top-block-title-back-text > a:hover {

        border-bottom: 1px solid #883e27;

    }

    .calculation > .top-block-title > .container-fluid > .row > .col-xs-12 > .title-top-block > h1 {

        color: #75311c;

        font-size: 18px;

        font-family: "RobotoSlabLight";

        padding-top: 10px;

    }

    .calculation > .top-block-title > .container-fluid > .row > .col-xs-12 > .title-top-block > img {

        float: left;

    }

    .calculation > .top-block-title > .container-fluid > .row > .col-xs-12 > .title-top-block {

        width: 430px;

        margin: 0 auto;

        padding-bottom: 30px;

        padding-top: 25px;

    }

    .calculation-section-description {

        background: #f9f9f9;

    }

    .calculation-section-description-text {

        font-size: 14px;

        font-family: "RobotoLight";

        color: #616161;

        padding-top: 35px;

        padding-bottom: 35px;

        text-align: left;

    }

    .calculation-form {

        text-align: left;

    }

    .calculation-form-top-title {

        padding-top: 40px;

        padding-bottom: 40px;

        width: 670px;

        margin: 0 auto;

        position: relative;

    }

    .calculation-form-top-title:after,

    .calculation-middle:after,

    .calculation-form-top:after,

    .calculation-form-top-row:after,

    .radioblock:after,

    .calculation-form-bottom-row:after {

        content: "";

        width: 100%;

        display: table;

        clear: both;

    }

    .calculation-form-top-text {

        font-size: 18px;

        font-family: "RobotoCondensed";

        color: #893f27;

        line-height: 18px;

        text-align: center;

        position: relative;

    }

    .calculation-form-top-row,

    .calculation-form-bottom-row,

    .calculation-form-bottom-row-textarea {

        padding-bottom: 11px;

        width: 596px;

        margin: 0 auto;

    }

    .calculation-form-bottom-row,

    .calculation-form-bottom-row-textarea {

        width: 626px;

    }

    .calculation-form-top-left {

        height: 23px;

        width: 222px;

        float: left;

        font-family: "RobotoLight";

        font-size: 13px;

        color: #525252;

        padding-top: 2px;

        display: block;

    }

    .calculation-form-top-right {

        float: left;

        position: relative;

        width: 374px;

    }

    .calculation-form-input-big {

        width: 352px;

        height: 24px;

        background: #f3f3f3;

        border: 1px solid #d7d7d7;

        border-radius: 5px;

        outline: none;

        padding-left: 15px;

    }

    .calculation-form-top-text:after, .calculation-form-top-text:before {

        content: '';

        position: absolute;

        width: 161px;

        height: 5px;

        background: #893f27;

        margin-top: 6px;

        display: block;

        top: 0;

    }

    .calculation-form-top-text:after {

        right: 0;

    }

    .calculation-form-top-text:before {

        left: 0;

    }

    .calculation-form-top-right-clarification {

        float: left;

        font-family: "RobotoCondensed";

        font-size: 13px;

        color: #873e27;

        padding-top: 4px;

        margin-left: 10px;

    }

    .calculation-form-input-small {

        width: 122px;

        height: 24px;

        background: #f3f3f3;

        border: 1px solid #d7d7d7;

        border-radius: 5px;

        outline: none;

        padding-left: 15px;

        float: left;

    }

    .layer {

        position: absolute;

        width: 13px;

        height: 1px;

        background: #d7d7d7;

        top: 12px;

        right: 255px;

    }

    .plus,

    .minus {

        position: absolute;

        left: 108px;

    }

    .plus {

        top: -5px;

    }

    .minus {

        top: 7px;

    }

    .calculation-form-top-right img {

        cursor: pointer;

    }

    .calculation-form-top-right-one {

        float: left;

    }

    .calculation-form-top-separator {

        float: left;

        margin-left: 8px;

        margin-right: 8px;

        margin-top: 1px;

    }

    .calculation-form-top-right-two,

    .calculation-form-bottom-row-right {

        float: left;

    }

    .layer-two {

        position: absolute;

        width: 13px;

        height: 1px;

        background: #d7d7d7;

        top: 12px;

        right: 100px;

    }

    .plus-two,

    .minus-two {

        position: absolute;

        right: 102px;

    }

    .plus-two {

        top: -5px;

    }

    .minus-two {

        top: 7px;

    }

    .calculation-form-top-right-clarification-two {

        float: left;

        font-family: "RobotoCondensed";

        font-size: 13px;

        color: #873e27;

        padding-top: 4px;

        margin-left: 12px;

    }

    .radio {

        display: block;

        color: #873e27;

        cursor: pointer;

        text-indent: 22px;

        font-family: "RobotoCondensed";

        font-size: 12px;

        background: url(../images/radio_noactive.png) no-repeat;

        float: left;

        margin-top: 4px;

        padding-left: 12px;

        margin-right: 15px;

    }

    .radio.active {

        background: url(../images/radio_active.png) no-repeat;

    }

    .slct {

        display: block;

        border-radius: 1px;

        border: 1px solid #d7d7d7;

        width: 358px;

        color: #acacac;

        background: url(../images/icon_drop.png) no-repeat #f3f3f3;

        background-position: 331px 1px;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        -o-text-overflow: ellipsis;

        padding-left: 9px;

        padding-top: 5px;

        padding-bottom: 5px;

        font-family: "RobotoLight";

        font-size: 12px;

        text-decoration: none;

    }

    .drop {

        margin: 0;

        padding: 0;

        width: 358px;

        border: 1px solid #cecece;

        border-top: none;

        display: none;

        position: absolute;

        background: #fff;

        z-index: 1;

        border-radius: 0 0 5px 5px;

        outline: none;

    }

    .drop li {

        list-style: none;

        cursor: pointer;

        display: block;

        padding-left: 9px;

        padding-top: 5px;

        padding-bottom: 5px;

        cursor: pointer;

        color: #acacac;

        font-family: "RobotoLight";

        font-size: 12px;

    }

    .label-p {

        padding-top: 5px;

    }

    .small-select > .slct {

        width: 122px;

        background-position: 96px 1px;

    }

    .small-select > .drop {

        width: 122px;

    }

    .calculation-form-top {

        padding-bottom: 80px;

    }

    .calculation-form-bottom {

        background: #edc660;

    }

    .calculation-form-bottom-title {

        text-align: center;

        padding-top: 40px;

        padding-bottom: 40px;

        font-size: 18px;

        color: #893f27;

        font-family: "RobotoCondensed";

    }

    .calculation-form-bottom-row-left {

        width: 252px;

        font-size: 14px;

        color: #893f27;

        font-family: "RobotoCondensed";

        float: left;

        padding-top: 3px;

    }

    .calculation-form-bottom-input {

        outline: none;

        width: 350px;

        height: 21px;

        border-radius: 3px;

        border: 1px solid transparent;

        background: #fff;

        padding-left: 15px;

        box-shadow: -1px -3px 1px 1px #e8ddc2;

    }

    .calculation-form-bottom-textarea {

        width: 350px;

        height: 93px;

        overflow: auto;

        resize: none;

        outline: none;

        border: none;

        box-shadow: -1px -3px 1px 1px #e8ddc2;

        padding-left: 15px;

    }

    .input-no-p {

        padding-top: 0px;

    }

    .calculation-section-form-button {

        width: 136px;

        height: 36px;

        border-radius: 9px;

        background: #fff;

        box-shadow: 0px 4px 0px 0px #c99821;

        outline: none;

        border-color: transparent;

        margin-left: auto;

        margin-right: auto;

        margin-top: 40px;

        margin-bottom: 40px;

        cursor: pointer;

        display: block;

    }

/*Calculation end*/



/*Contact*/

    .contacts-form {

        text-align: left;

    }

/*Contact end*/



/*Types*/

    .types-content-top,

    .about-content-top {

        border-bottom: 1px solid #873e27;

        text-align: left;

        font-family: "RobotoLight";

        line-height: 18px;

        font-size: 14px;

        color: #616161;

        padding: 25px 0 25px 0;

    }

    .types-content-top span {

        font-family: "RobotoMedium";

        color: #873e27;

    }

    .about-content-top span {

        font-family: "RobotoMedium";

        color: #873e27;

    }

    .types-content-middle,

    .about-content-middle {

        text-align: left;

        border-bottom: 1px solid #873e27;

        padding-bottom: 25px;

    }

    .types-content-middle h2 {

        font-size: 30px;

        font-family: "RobotoSlabRegular";

        color: #873e27;

        margin-top: 35px;

        margin-bottom: 35px;

        display: block;

        font-weight: normal;

        line-height: normal;

    }

    .about-content-middle h2 {

        font-size: 30px;

        font-family: "RobotoSlabRegular";

        color: #873e27;

        margin-top: 35px;

        margin-bottom: 35px;

        display: block;

        font-weight: normal;

        line-height: normal;

    }

    .types-content-middle img {

        margin-bottom: 35px;

    }

    .types-content-middle p {

        font-family: "RobotoLight";

        font-size: 14px;

        line-height: 18px;

        color: #565656;

    }

    .about-content-middle img {

        margin-bottom: 35px;

    }

    .about-content-middle p {

        font-family: "RobotoLight";

        font-size: 14px;

        line-height: 18px;

        color: #565656;

    }

/*Types end*/



/*Other*/

    .error-404-title, .development-title {

        font-size: 40px;

        font-family: "RobotoSlabRegular";

    }

    .error-404-number {

        font-family: "RobotoSlabRegular";

        font-size: 100px;

    }

    .error-404-description, .development-description {

        font-size: 30px;

        font-family: "RobotoSlabThin";

        padding-bottom: 40px;

    }

    .error-404-button, .development-button {

        width: 173px;

        height: 64px;

        margin: 0 auto;

        background: url(../images/icon_404_09.png) center no-repeat;

        display: block;

        cursor: pointer;

    }

    .error-404 {

        text-align: center;

        margin-top: 10%;

    }

/*Other end*/



/*Grid main*/

    @media (min-width: 992px) {

        .seventh-service-block > .container > .row > .col-md-4 {

            padding-left: 0;

            padding-right: 0;

        }

    }

    @media (min-width: 1100px) {

        .swiper-button-next {

            top:100%;

            left: 50%;

            background: url(../images/bot_arrow_project.png) center no-repeat;

            width: 48px;

            height: 9px;

            margin-top: 10px;

            margin-left: -24px;

        }

        .swiper-button-prev {

            top:0;

            left: 50%;

            background: url(../images/top_arrow_project.png) center no-repeat;

            width: 48px;

            height: 9px;

            margin-left: -24px;

            margin-top: 0px;

        }

        .project-block-swiper-slider img {

            cursor: pointer;

        }

    }

    @media (min-width: 992px) and (max-width: 1100px) {

        .main-container-project > .row > .col-md-9 {

            width: 72%;

        }

        .main-container-project > .row > .col-md-3 {

            width: 28%;

        }

    }

    @media (min-width: 1200px) {

        .fifth > .container > .row {

            padding-left: 90px;

            padding-right: 90px;

        }

    }

    @media (max-width: 1250px) {

        .reviews-form-title, .reviews-form-textarea, .reviews-form-input {

            width: 215px;

        }

    }

    @media (max-width: 1200px) {

        .header-nav {

            float: right;

            width: 27px;

            display: block;

            margin-top: 33px;

            z-index: 2;

            -webkit-transition: height .5s;

            transition: height .5s;

            -webkit-transition: width .5s;

            transition: width .5s;

        }

        .header-nav> img {

            display: block;

            cursor: pointer;

        }

        .header-menu-list {

            position: absolute;

            height: 0px;

            width: 391px;

            overflow: hidden;

            background: #f5ca59;

            right: 0;

            display: block;

            margin-top: 26px;

            list-style-type: none;

            padding-left: 34px;

            line-height: 34px;

            -webkit-transition: width .6s;

            transition: width .6s;

            -webkit-transition: height .6s;

            transition: height .6s;

        }

        .open-menu-bottom {

            height: 210px;

            padding-top: 10px;

        }

        .header-nav > ul > li {

            display: block;

        }

        .open-menu-top {

            float: right;

            width: 391px;

            height: 81px;

            background: #f5ca59;

            margin: 0;

            padding: 32px 34px 0 34px;

        }

        .header-nav > ul > li > a {

            font-size: 13px;

        }

        .sixth-bid {

            font-size: 26px;

        }

        .sixth-banner-description {

            font-size: 20px;

            padding-top: 53px;

        }

        .seventh-bottom-button,

        .seventh-title-bottom {

            font-size: 26px;

        }

        .eight-bottom-text-block-left {

            padding-right: 15px;

            width: 310px;

        }

        .tent-bottom-block .tenth-content-block:first-child {

            margin-left: 0;

        }

    }

    @media (max-width: 1150px){

        .project-block-big-img {

            display: none;

        }

        .project-block-title {

            padding-left: 10px;

        }

        .project-block-swiper-slider {

            display: none;

        }

        .project-block-swiper-slider-big {

            display: block;

        }

        .rewiews-main-block {

            max-height: 2000px;

        }

    }

    @media (max-width: 1100px){

        .calculation-section-description-text > br {

            display: none;

        }

    }

    @media (max-width: 1000px){

        .description > p, .third-description > p {

            font-size: 25px;

        }

        .title {

            padding-top: 35px;

            padding-bottom: 35px;

        }

        .title > h2 {

            font-size: 30px;

        }

        .third-img-second,

        .seventh-img-second {

            margin-left: 10px;

            margin-right: 10px;

        }

        .fourth-title > h2 {

            font-size: 34px;

        }

        .fourth-banner-description {

            font-size: 25px;

        }

        .sixth-middle span {

            font-size: 18px;

        }

        .sixth-bid {

            font-size: 20px;

        }

        .seventh-desctiption-block p {

            font-size: 22px;

        }

        .seventh-title-black {

            font-size: 20px;

        }

        .seventh-title-normal {

            font-size: 26px;

        }

        .seventh-bottom-button,

        .seventh-title-bottom {

            font-size: 18px;

        }

        .ninth-top-description {

            font-size: 18px;

        }

    }

    @media (max-width: 992px){

        .input-search {

            width: 80%;

        }

        .header-info {

            font-size: 12px;

        }

        .header-nav > ul > li{

            line-height: 30px;

        }

        .header-nav > ul > li > a {

            font-size: 12px;

        }

        .title {

            padding-top: 31px;

            padding-bottom: 31px;

        }

        .top-block-title-back {

            margin-top: 46px;

        }

        .third-description > p,

        .tenth-description p {

            font-size: 18px;

        }

        .fifth br {

            display: none;

        }

        .fifth-description-yellow, .fifth-description-brown, .fifth-description-gray {

            font-size: 16px;

            height: 270px;

        }

        .fifth-description-yellow span {

            padding-top: 86px;

        }

        .fifth-description-yellow span, .fifth-description-brown span, .fifth-description-gray span {

            font-size: 44px;

        }

        .fifth-description-brown span {

            padding-top: 35px;

            padding-left: 30px;

        }

        .fifth-description-brown p {

            padding-left: 30px;

            padding-right: 20px;

        }

        .fifth-description-gray p {

            padding-top: 53px;

            padding-left: 30px;

            padding-right: 20px;

        }

        .fifth-description-gray span {

            padding-left: 30px;

        }

        .sixth-banner-description {

            font-size: 16px;

        }

        .seventh-service {

            margin: 0 auto;

        }

        .seventh-service-right,

        .eight-bottom-text-block-left {

            float: none;

        }

        .seventh-service-block > .container, .eight-bottom-text-block > .container, .ninth-middle-icon {

            display: none;

        }

        .swiper-container-seventh,

        .swiper-container-eight,

        .swiper-container-eight-text,

        .swiper-container-ninth {

            display: block;

        }

        .eight-top > .container {

            display: none;

        }

        .eight-content-top-block-left, .eight-content-top-block-right, .eight-bottom-text-block-left, .eight-bottom-text-block-right {

            float: none;

            margin: 0 auto;

        }

        .eight-bottom-text-block-left {

            border-left: 1px solid #3c3c3c;

        }

        .eight-bottom-text-block-left, .eight-bottom-text-block-middle, .eight-bottom-text-block-right {

            border-right: 1px solid #3c3c3c;

        }

        .ninth-middle-content-block {

            margin: 0 auto;

        }

        .ninth-middle-content-block-bottom-right-two {

            padding-top: 37px;

        }

        .middle-block-one,

        .middle-block-two {

            width: 335px;

        }

        .middle-block-one > span,

        .middle-block-two > span {

            width: 200px;

        }

        .middle-block-two-description {

            padding-top: 35px;

        }

        .tent-bottom-block {

            display: none;

        }

        .swiper-container-tenth {

            display: block;

        }

        .tenth-content-block {

            float: none;

            margin: 0 auto;

            height: 370px;

            width: 312px;

        }

        .footer-middle-menu-list {

            display: none;

        }

        .footer-bottom {

            margin-top: 96px;

        }

        .slider-img-s1-d, .slider-img-s2-d, .slider-img-s3-d, .slider-img-s4-d, .slider-img-s5-d {

            display: block;

        }

        .slide-img {

            width: 100%;

            height: auto;

        }

    }

    @media (max-width: 991px) {

        .footer-top-question {

            margin-left: 0px;

        }

        .footer-top-question, .footer-top-phone, .footer-top-timetable {

            font-size: 14px;

        }

        .footer-top-phone {

            margin-left: 0px;

        }

        .footer-top-timetable {

            margin-left: 0px;

        }

        .project-section-middle-right-title {

            text-align: center;

            padding-left: 0px;

        }

        .rewiews-main-block {

            max-height: 430px;

            padding-bottom: 0px;

        }

        .mCSB_scrollTools, .mCSB_draggerContainer, .mCSB_scrollTools, .mCSB_dragger, .mCSB_dragger_bar {

            margin-bottom: 5px;

        }

        .rewiews-block {

            width: 75%;

            margin-left: auto;

            margin-right: auto;

            box-shadow: 0 0 100px 5px rgba(221, 221, 221, 1);

            margin-top: 20px;

            margin-bottom: 20px;

            padding: 15px;

            border-radius: 15px;

        }

        .reviews-form-title, .reviews-form-textarea, .reviews-form-input {

            width: 50%;

        }

        .reviews-form-textarea {

            height: 150px;

            padding-top: 8px;

        }

        .reviews-form-title {

            text-align: center;

        }

        .popup-form-title {

            font-size: 30px;

        }

        .popup-form-description {

            font-size: 16px;

        }

        .popup-form-input-name {

            margin-left: 0px;

        }

        .popup-form-button {

            margin-top: 20px;

        }

        .popup-form {

            width: 700px;

            margin-left: -350px;

        }

    }

    @media (max-width: 920px) {

        .footer-top-form {

            width: 440px;

            height: 320px;

            margin-left: -220px;

        }

        .footer-top-form-title {

            font-size: 14px;

            width: 100%;

            text-align: center;

            margin-left: 0;

        }

        #footer-top-form-input-name {

            margin-left: 0;

            display: block;

            margin: 0 auto;

            padding-left: 0;

        }

        .footer-top-form input {

            margin-left: 0;

            display: block;

            margin: 0 auto;

            margin-top: 10px;

            text-align: center;

            padding-left: 0;

        }

        .footer-top-form-button {

            display: block;

            margin: 0 auto;

            margin-top: 15px;

        }

        .footer-top-form-description {

            margin-right: 96px;

            margin-top: 10px;

        }

        .footer-top {

            padding-bottom: 190px;

        }

        .footer-bottom {

            margin-top: 172px;

        }

    }

    @media (max-width: 892px){

        .input-search {

            width: 75%;

        }

    }

    @media (max-width: 800px){

        .input-search {

            width: 75%;

        }

        .types-content-middle h2 {

            text-align: center;

        }

        .about-content-middle h2 {

            text-align: center;

        }

        .types-content-middle img {

            width: 100%;

        }

        .about-content-middle img {

            width: 100%;

        }

    }

    @media (max-width: 768px) {

        .logo-m {

            display: none;

        }

        .logo-mob {

            display: block;

        }

        .search {

            display: none;

        }

        .header-nav {

            margin-right: 15px;

            margin-top: 28px

        }

        .open-menu-top {

            margin-right: 0px;

            padding-top: 28px;

            margin-top: 0px;

        }

        .title {

            padding-top: 25px;

            padding-bottom: 25px;

        }

        .top-block-title-back {

            margin-top: 33px;

        }

        .calculation > .top-block-title > .container-fluid > .top-block-title-back {

            margin-top: 46px;

        }

        .third-description > p,

        .tenth-description p {

            font-size: 16px;

        }

        .header-info {

            padding-top: 94px;

            padding-bottom: 10px;

        }

        .header-info > .container {

            display: none;

        }

        .swiper-container-header {

            display: block;

        }

        .header-info-phone,

        .header-info-timetable,

        .header-info-advantage,

        .header-info-question {

            text-align: center;

            width: 100%;

            margin-left: 0;

        }

        .fourth-title > h2 {

            font-size: 34px;

        }

        .fifth-description {

            display: none;

        }

        .swiper-container-fifth {

            display: block;

        }

        .fifth-description-yellow, .fifth-description-brown, .fifth-description-gray {

            width: 300px;

            margin: 0 auto;

        }

        .fifth-description-yellow {

            padding-right: 30px;

        }

        .fifth-description-yellow span {

            padding-top: 64px;

        }

        .sixth-middle > .container {

            display: none;

        }

        .swiper-container-sixth {

            display: block;

        }

        .sixth-bid {

            margin-left: 80px;

            margin-right: 80px;

        }

        .sixth-banner-description > br {

            display: none;

        }

        .seventh-desctiption-block p {

            font-size: 20px;

        }

        .seventh-title-black {

            font-size: 16px;

        }

        .seventh-title-normal {

            font-size: 22px;

        }

        .ninth-top-description {

            line-height: 28px;

        }

        .ninth-top-description br {

            display: none;

        }

        .swiper-container-footer {

            display: block;

        }

        .footer-hidden {

            display: none;

        }

        .footer-top-question, .footer-top-phone, .footer-top-timetable {

            float: none;

            text-align: center;

        }

        .footer-top {

            padding-bottom: 150px;

        }

        .title-top-block > h1 {

            font-size: 30px;

        }

        .social-menu {

            display: none;

        }

        .social-menu-vk, .social-menu-fb, .social-menu-mail, .social-menu-ok {

            float: right;

        }

        .social-menu-close {

            float: left;

        }

        .button-go-calculation, .button-go-project {

            display: none;

        }

        .error-404-title {

            font-size: 26px;

        }

        .error-404-number {

            font-size: 50px;

        }

        .error-404-description, .development-description {

            font-size: 18px;

        }

        .popup-form {

            width: 640px;

            margin-left: -320px;

        }

    }

    @media (max-width: 767px) {

        .seventh-bottom-button {

            margin-left: 80px;

            margin-right: 80px;

        }

    }

    @media (max-width: 750px) {

        .sixth-banner-description {

            padding-top: 45px;

        }

        .seventh-bottom-button {

            margin-left: 60px;

            margin-right: 60px;

        }

        .popup-form-title {

            font-size: 26px;

        }

        .popup-form-description {

            font-size: 14px;

        }

    }

    @media (max-width: 730px) {

        .container-third-img,

        .seventh-img {

            display: none;

        }

        .swiper-container-third,

        .swiper-container-seventh-img {

            display: block;

        }

        .seventh-bottom-button {

            margin-left: 50px;

            margin-right: 50px;

        }

    }

    @media (max-width: 720px) {

        .open-menu-top {

            width: 310px;

        }

        .open-menu-bottom {

            width: 310px;

        }

        .seventh-desctiption-block p {

            font-size: 18px;

        }

        .seventh-bottom-button {

            margin-left: 30px;

            margin-right: 30px;

        }

        .calculation-form-top-title {

            width: 100%;

        }

        .calculation-form-top-text:after, .calculation-form-top-text:before {

            width: 25%;

        }

        .calculation-form-top-row, .calculation-form-bottom-row, .calculation-form-bottom-row-textarea {

            width: 270px;

        }

        .calculation-form-top-left {

            width: 270px;

            margin-bottom: 10px;

            text-align: center;

        }

        .calculation-form-top-right {

            width: 270px;

            margin: 0 auto;

            text-align: center;

        }

        .calculation-form-input-small {

            width: 100px;

            padding-left: 0px;

            display: inline;

            text-align: center;

            float: none;

        }

        .calculation-form-top-right-clarification, .calculation-form-top-right-clarification-two {

            width: 100%;

            margin-left: 0px;

            padding-top: 8px;

        }

        .calculation-form-top-right-clarification-two {

            padding-top: 15px;

        }

        .calculation-form-top-right-one, .calculation-form-top-right-two, .calculation-form-top-separator {

            float: none;

            display: inline;

        }

        .calculation-form-input-big {

            width: 272px;

            padding-left: 0px;

        }

        .calculation-form-bottom-input, .slct, .calculation-form-bottom-textarea {

            width: 272px;

        }

        .slct {

            background-position: 246px 1px;

        }

        .layer-two, .plus-two , .minus-two, .layer, .plus, .minus {

            display: none;

        }

        .calculation-form-top-right:after, .calculation-form-grid-block:after {

            content: "";

            width: 100%;

            display: table;

            clear: both;

        }

        .calculation-form-grid-block {

            width: 150px;

            margin: 0 auto;

        }

        .calculation-form-bottom-row-left {

            margin-bottom: 10px;

        }

        .calculation-form-bottom-title {

            padding-top: 30px;

            padding-bottom: 20px;

        }

        .calculation-form-top {

            padding-bottom: 40px;

        }

        .radio {

            margin-right: auto;

            margin-left: auto;

            margin-top: 0px;

            float: none;

            padding-left: 0px;

            margin-bottom: 10px;

            width: 180px;

        }

        .radioblock .radio:first-child {

            width: 140px;

        }

        .radio-block-small {

            width: 50px;

        }

        .radioblock .radio-block-small:first-child {

            width: 50px;

        }

        .drop {

            width: 270px;

        }

        .small-select > .slct {

            width: 200px;

            margin: 0 auto;

            background-position: 174px 1px;

        }

        .small-select > .drop {

            width: 200px;

            margin-left: 35px;

        }

    }

    @media (max-width: 680px) {

        .swiper-pagination {

            display: none;

        }

        .description > p {

            font-size: 20px;

        }

        .fourth-banner-description {

            font-size: 20px;

        }

        .sixth-bid {

            margin-left: 50px;

            margin-right: 50px;

        }

        .seventh-bottom-button {

            margin-left: 20px;

            margin-right: 20px;

        }

        .top-block-title-back {

            display: none;

        }

        .types-content-middle h2 {

            font-size: 20px;

        }

        .about-content-middle h2 {

            font-size: 20px;

        }

        .popup-form {

            width: 520px;

            margin-left: -260px;

        }

    }

    @media (max-width: 650px) {

        .popup-form-input-name, .popup-form-input-phone {

            display: block;

            margin-left: auto;

            margin-right: auto;

            margin-top: 10px;

            text-align: center;

            padding-left: 0px;

        }

        .popup-form {

            height: 350px;

            margin-top: 50px;

        }

        .popup {

            padding: 0;

        }

    }

    @media (max-width: 640px) {

        .third-description > p > br {

            display: none;

        }

        .seventh-bottom-button {

            margin-left: 10px;

            margin-right: 10px;

        }

    }

    @media (max-width: 630px) {

        .header-info {

            padding-top: 90px;

            padding-bottom: 6px;

        }

        .sixth-bid {

            margin-left: 20px;

            margin-right: 20px;

        }

        .seventh-desctiption-block br {

            display: none;

        }

        .seventh-title-black {

            font-size: 14px;

        }

        .seventh-title-normal {

            font-size: 20px;

        }

        .seventh-bottom-button {

            margin-left: 5px;

            margin-right: 5px;

        }

    }

    @media (max-width: 600px) {

        .sixth-banner-description {

            padding-top: 37px;

        }

        .seventh-bottom-button {

            margin-left: 0px;

            margin-right: 0px;

            font-size: 16px;

        }

        .seventh-title-bottom {

            font-size: 16px;

        }

        .ninth-middle-content-block span {

            padding-left: 20px;

        }

        .middle-block-for-description {

            padding-top: 38px;

        }

        .tenth-description > p > br {

            display: none;

        }

    }

    @media (max-width: 580px) {

        .sixth-banner-description {

            font-size: 14px;

        }

        .seventh-title-normal > br {

            display: none;

        }

        .seventh-bottom-button,

        .seventh-title-bottom {

            font-size: 14px;

        }

        .popup-form {

            width: 480px;

            margin-left: -240px;

        }

    }

    @media (max-width: 560px) {

        .header-nav {

            margin: 28px 20px 25px 0;

        }

        .open-menu-top {

            margin: 0;

        }

        .description > p {      

            line-height: 24px;

        }

        .description > p {

            font-size: 18px;

        }

        .fourth-title > h2 {

            font-size: 28px;

        }

        .fourth-banner-description {

            font-size: 18px;

        }

        .sixth-bid {

            margin-left: 0px;

            margin-right: 0px;

        }

    }

    @media (max-width: 530px) {

        .sixth-banner-icon {

            padding-top: 35px;

        }

        .popup-form {

            width: 400px;

            margin-left: -200px;

        }

        .popup-form-title {

            padding-bottom: 10px;

            font-size: 24px;

        }

        .popup-form-description {

            padding-bottom: 10px;

            font-size: 13px;

        }

    }

    @media (max-width: 510px) {

        .sixth-banner {

            display: none;

        }

    }

    @media (max-width: 500px) {

        .description > p {

            font-size: 14px;

        }

        .project-block-swiper-slider-big > .swiper-wrapper > .swiper-slide >img {

            width: 100%;

        }

        .fourth-banner-description {

            font-size: 14px;

        }

        .sixth-bid {

            font-size: 18px;

        }

        .ninth-middle-content-block span {

            font-size: 16px;

        }

        .project-section-middle-left-title > h2 {

            font-size: 26px;

        }

        .project-section-middle-left-title {

            margin-bottom: 0px;

        }

        .rewiews-block {

            width: 90%;

        }

        .reviews-form-title, .reviews-form-textarea, .reviews-form-input {

            width: 75%;

        }

        .calculation > .top-block-title > .container-fluid > .row > .col-xs-12 > .title-top-block > img {

            display: none;

        }

        .calculation > .top-block-title > .container-fluid > .row > .col-xs-12 > .title-top-block {

            width: 100%;

            padding-top: 15px;

            padding-bottom: 15px;

        }

        .calculation > .top-block-title > .container-fluid > .row > .col-xs-12 > .title-top-block > h1 {

            font-size: 16px;

            padding-top: 0px;

        }

        .calculation-form-top-text:after, .calculation-form-top-text:before {

            width: 17%;

        }

    }

    @media (max-width: 480px) {

        .open-menu-top {

            width: 325px;

        }

        .open-menu-bottom {

            width: 325px;

        }

        .sixth-bid {

            font-size: 16px;

        }

        .seventh-bottom-button {

            padding-left: 10px;

            padding-right: 10px;

        }

        .ninth-middle-content-block span {

            font-size: 14px;

            width: 212px;

        }

        .middle-block-third-description {

            padding-top: 58px;

        }

        .ninth-middle-content-block {

            width: 370px;

        }

        .middle-block-two-description {

            padding-top: 52px;

        }

        .middle-block-third-description {

            padding-top: 37px;

        }

        .middle-block-for-description {

            padding-top: 23px;

        }

        .ninth-middle-content-block-bottom-right-two {

            padding-top: 23px;

        }

        .footer-top-form {

            width: 290px;

            margin-left: -145px;

        }

        .footer-top-form-title {

            font-size: 13px;

            padding-top: 15px;

        }

        .footer-top-form-description {

            margin-right: 20px;

        }

        .calculation-form-top-text:after, .calculation-form-top-text:before {

            width: 14%;

        }

        .popup-form {

            width: 290px;

            margin-left: -145px;

        }

    }

    @media (max-width: 420px) {

        .open-menu-top {

            width: 270px;

        }

        .open-menu-bottom {

            width: 270px;

        }

        .title {

            padding-top: 15px;

            padding-bottom: 15px;

        }

        .sixth-bid {

            font-size: 14px;

        }

        .calculation-form-top-text:after, .calculation-form-top-text:before {

            width: 7px;

            height: 7px;

            border-radius: 5px;

            margin-top: 5px;

        }

        .calculation-form-top-text:before {

            margin-left: 15px;

        }

        .calculation-form-top-text:after {

            margin-right: 15px;

        }

        .calculation-section-description-text {

            text-align: center;

        }

    }

    @media (max-width: 400px) {

        .description > p > br {

            display: none;

        }

        .sixth-bid {

            padding-left: 10px;

            padding-right: 10px;

        }

        .eight-bottom-text-block-left, .eight-bottom-text-block-middle, .eight-bottom-text-block-right {

            width: 270px;

        }

        .ninth-middle-content-block span {

            padding-left: 10px;

        }

    }

    @media (max-width: 380px) {

        .ninth-middle-content-block {

            width: 270px;

            height: 270px;

            text-align: center;

        }

        .ninth-middle-content-block span {

            width: 270px;

        }

        .ninth-middle-content-block img {

            float: none;

            display: inline;

        }

        .project-section-middle-left-title > h2 {

            font-size: 24px;

        }

        .calculation > .top-block-title > .container-fluid > .row > .col-xs-12 > .title-top-block > h1 {

            font-size: 14px;

        }

    }

    @media (max-width: 365px) {

        .footer-section-bottom-copyright {

            padding-top: 20px;

        }

        .calculation-form-top-text:before {

            margin-left: 5px;

        }

        .calculation-form-top-text:after {

            margin-right: 5px;

        }

    }

    @media (max-width: 360px) {

        .slider-img-s1-d,

         .slider-img-s2-d,

          .slider-img-s3-d,

           .slider-img-s4-d,

            .slider-img-s5-d {

                display: none;

        }

        .slider-img-s1-m-l,

         .slider-img-s2-m-l,

          .slider-img-s3-m-l,

           .slider-img-s4-m-l,

            .slider-img-s5-m-l {

                display: block;

        }

        .swiper-pagination {

            display: block;

        }

    }

    @media (max-width: 350px) {

        .fourth-banner-description {

            font-size: 13px;

        }

        .fifth-description-brown p {

            padding-right: 35px;

        }

        .seventh-service {

            width: 270px;

        }

        .project-block-date {

            display: block;

        }

        .project-block-title {

            padding-left: 0px;

        }

    }

    @media (max-width: 320px) {

        .slider-img-s1-m-l,

         .slider-img-s2-m-l,

          .slider-img-s3-m-l,

           .slider-img-s4-m-l,

            .slider-img-s5-m-l {

                display: none;

        }

        .slider-img-s1-m,

         .slider-img-s2-m,

          .slider-img-s3-m,

           .slider-img-s4-m,

            .slider-img-s5-m {

            display: block;

        }

    }

/*Grid main end*/