@font-face {
    font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



html, body {
    height: 100%;
}

body {
    background-color: #ffffff;
    margin: 0;
}

.page_wrapper {
    max-width: 1920px;
}

/*left block*/
.left_block {
    width: 395px;
    height: 100%;
    background: #ffffff url("../img/bg_left_block.png");
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.18);
    /* float: left; */
    position: fixed;
}

.logo {
    width: 175px;
    height: 72px;
    margin: 56px auto 48px;
}
.logo_text {
    margin-bottom: 33px;
}
.logo_text p {
    width: 200px;
    color: #000000;
    font-family: Calibri, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
}

.logo_text p span.clock {
    width: 26px;
    font-size: 25px;
    line-height: 36px;
    vertical-align: middle;
}

.logo_tel {
    text-align: center;
    width: 238px;
    margin: auto;
}

.logo_tel a {
    width: 238px;
    height: 29px;
    color: #e73a31;
    font-family: "NautilusPompilius", sans-serif;
    font-size: 30px;
    font-weight: 400;
    text-decoration: none;
}

.feedback {
    max-width: 323px;
    margin: 0 auto;
}
.feedback_title {
    width: 100%;
    height: 62px;
    background-color: #fadc9d;
    position: relative;
    text-align: center;
    display: none;
}
.feedback_title span.f_title {
    height: 21px;
    color: #2a2d2e;
    font-family: Calibri, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 62px;
    margin: 24px auto 17px;
}

.result_window {
    width: calc(100% - 10px);
    max-width: 496px;
    background-color: #fff;
    margin: auto;
    padding-bottom: 20px;
    /*margin-top: 154px;*/
   /*  top: 50%;
   left: 50%;
   position: absolute;
   
   opacity: 0;
   visibility: hidden;
   transform: translate(-50%, -80%);
   
   transition: all .5s;
   z-index: 8090; */
}
.result_window > .feedback_title {
    display: block;
}
.f_text {
    text-align: center;
}
.feedback--open {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
}
span.feedback_close {
    width: 14px;
    height: 100%;
    color: #e8382e;
    font-size: 18px;
    font-weight: 400;
    line-height: 60px;
    position: absolute;
    right: 22px;
    cursor: pointer;
}
.row_wrapper {
    width: 100%;
    max-width: 323px;
    margin: 37px auto 29px;
}

.row {
    margin-bottom: 20px;
}

.req {
    color: #e73a31;
}

label {
    width: 70px;
    height: 10px;
    /*opacity: 0.8;*/
    font-family: Calibri, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
}

input {
    width: 100%;
    height: 35px;
    border: 1px solid #d7d7d7;
    background-color: #ffffff;
    color: #2d2c2c;
    font-family: Calibri, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    width: 100%;
    height: 70px;
    border: 1px solid #d7d7d7;
    background-color: #ffffff;
    resize: none;
    padding-left: 10px;
    padding-top: 10px;
    color: #2d2c2c;
    font-family: Calibri, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.submit_btn {
    margin-top: 16px;
    width: 100%;
    height: 55px;
    border-width: 0px;
    border-radius: 9px;
    background-color: #e73a31;
    cursor: pointer;
    color: #ffffff;
    font-family: Calibri, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 36px;
    margin: auto;
    background: linear-gradient(to top, #e8382e 50%, #f7534a 50%);
    margin-top: 18px;
    outline: none;
}
.submit_btn:hover {
    background: linear-gradient(to top, #e85149 50%, #f7716a 50%);
}
.left_block .social .icon {
    width: 50px;
    height: 50px;
    border: 3px solid #e73a31;
    background-color: rgba(254, 253, 249, 0);
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

.left_block .social .icon span {
    width: 28px;
    height: 17px;
    color: #e73a31;
    /* font-family: "Font Awesome"; */
    font-size: 25px;
    font-weight: 400;
    line-height: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.left_block .social {
    text-align: center;
}

.left_block .social a {
    width: 102px;
    height: 11px;
    /*opacity: 0.8;*/
    color: #000000;
    font-family: Calibri, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}
.vk {
    width: 140px;
    margin: auto;
    transition: all 1s;
}
.vk:hover {
    transform: rotateY(360deg);
}

/*right block*/
.right_block {
    margin-left: 395px;
    max-width: 1505px;
}

.top_menu {
    height: 56px;
    background-color: #fadc9d;
}

.top_menu a {
    /* width: 1137px; */
    height: 14px;
    font-family: Calibri, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 8px;
    /* Text style for "СТОИМОСТЬ" */
    color: #000000;
    text-decoration: none;
    padding: 24px 40px 18px 40px;
    padding: 24px 3% 18px 2%;
    display: inline-block;
    background: url('../img/delimiter.png') no-repeat right;
}

.top_menu a:last-child {
    background: none;
    padding-right: 0;
}

.top_menu a:hover {
    /* Text style for "ПРЕИМУЩЕСТ" */
    color: #e73a31;
}
.top_menu a.active{
    color: #e73a31;
}
.top_menu .social {
    display: none;
}
.top_banner {
    height: 805px;
    width: 100%;
    background: #fadc9d url('../img/bg_top_banner.jpg') no-repeat 60% 40%;
    padding-top: 56px;
}

.top_banner img {
    width: 100%;
}

.shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(67, 14, 21, 0.4);
}

.top_banner_content {
    width: 100%;
    height: 100%;
    display: table;
}

.top_banner_content h1 {
    margin-left: 30px;
    color: #ffffff;
    margin-top: 0px;
    height: 200px;
}

.top_banner_content span {
    width: 672px;
    height: 98px;
    color: #ffffff;
    font-weight: 400;
    line-height: 48px;
    /* Text style for "бытовых хо" */
    font-family: "NautilusPompilius", sans-serif;
    font-size: 65px;
    margin-left: 35px;
}

.top_banner_content p {
    /* Text style for "И ПРОФЕССИ" */
    font-family: Calibri, sans-serif;
    font-size: 25px;
    margin-left: 30px;
    color: #ffffff;
    line-height: 18px;
}

.tbc_wrapper {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 90px;
}

.tbc_left {
    float: left;
}

.top_banner_price {
    width: 309px;
    height: 283px;
    background: url(../img/price_shape.png) no-repeat;
    float: left;
    margin-left: 6%;
    margin-top: 30px;
    display: table;
}

.price {
    width: 190px;
    height: 141px;
    color: #e73a31;
    font-family: "NautilusPompilius", sans-serif;
    font-weight: 400;
    line-height: 36px;
    font-size: 70px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-bottom: 40px;
}

.price span {
    width: 190px;
    height: 141px;
    color: #e73a31;
    font-family: "NautilusPompilius", sans-serif;
    font-weight: 400;
    line-height: 36px;
    font-size: 150px;
}

.price .label {
    color: #e73a31;
    font-family: Calibri;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    position: absolute;
    margin-top: 42px;
    /*bottom: 22%;*/
    left: 40px;
}

.advantages {
    background: #fbdd9e url(../img/advantages.jpg) no-repeat left bottom;
}

.advantages .icon {
    width: 109px;
    height: 100px;
    background-color: #fefdf9;
    background: url('../img/sprites_advantages.png') no-repeat;
    padding: 0;
    margin: 0;
}

.advantages .item {
    /* display: inline-block; */
    height: 100px;
    position: relative;
    width: 370px;
    margin-bottom: 28px;
    display: inline-block;
}

.item > span {
    position: absolute;
    top: 50%;
    left: 36%;
    transform: translateY(-50%);
    /* width: 179px; */
    color: #000000;
    font-family: Calibri, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
}

.icon.i2 {
    background-position: -109px 0px;
}

.icon.i3 {
    background-position: -218px 0px;
}

.icon.i4 {
    background-position: 0px -100px;
}

.icon.i5 {
    background-position: -109px -100px;
}

.icon.i6 {
    background-position: -218px -100px;
}
.brend_card{
    width: 200px;
    text-align: center;
    margin-bottom: 62px;
    display: inline-block;
    margin-right: 1%;
    margin-left: 1%;
    height: 137px;
}
.brend_card .image{
    margin-bottom: 16px;
    height: 137px;
    display: table-cell;
    vertical-align: middle;
    width: 200px;
}
.brend_card .name {
    color: #47464a;
    font-family: Calibri,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}
.brend_card .text{
    color: #c2c1c1;
    font-family: Calibri,sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
}

table {
    width: 100%;
    max-width: 1400px;
    border-collapse: collapse;
}

.notice {
    color: #2a2d2e;
    font-family: Calibri, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 18px;
    caption-side: bottom;
    text-align: left;
    padding: 26px 0 20px 20px;
    margin-left: 18px;
    width: 710px;
}

.specialists{
    height: 715px;
    background: url('../img/bg_specialists.jpg') no-repeat 49% 50%;
    position: relative;
}
.specialists:after {
    content: '';
    width: 100%;
    height: 10%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../img/bg_zabor_top_o.png) repeat-x left bottom;
}

.specialists h2{
    color: #ffffff;
}
.review_card {
    margin-bottom: 58px;
}
.review_card .name{
    color: #2a2d2e;
    font-family: Calibri,sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 15px;
}
.review_card .date{
    color: #100f0e;
    font-family: Roboto,sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 16px;
}
.review_card .rating{

padding-bottom: 19px;

padding-left: 0;
}
.review_card .comment{
    color: #2a2d2e;
    font-family: Calibri,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    clear: both;
}
.specialist_card {
    position: absolute;
    text-align: center;
}
.reviews{
    background: #fbdd9e url('../img/bg_zabor_top_white_o.png') repeat-x left bottom;
}
.rating li {
    float: left;
    display: block;
    height: 19px;
    width: 19px;
    margin-right: 5px;
    background: url("../img/sprites_rating.png") no-repeat 0 0;
}

.rating li.rated {
    background-position: 0px -19px;
}
.s1{
    top: 43%;
    left: 5%;
}
.s2{
    left: 27%;
    top: 15%;
}
.s3{
    left: 68%;
    top: 15%;
}
.s4{
    left: 76%;
    top: 43%;
}
.specialist_card .name{
    opacity: 0.8;
    color: #2a2d2e;
    font-family: "NautilusPompilius",sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
}

.specialist_card .spec, .specialist_card .info{
    color: #ffffff;
    font-family: Calibri,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
}
.faq {
    /*width: 100%;*/
}
.faq .question{
    background-color: #fdf8e3;
    padding-left: 33px;
    padding-top: 20px;
    padding-bottom: 15px;
    color: #000000;
    font-family: Calibri,sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 21px;
    position: relative;
    height: 18px;
}
.question:hover{
    background-color: #fadc9d;
}
.question .btn{
    float: right;
    height: 39px;
    background-color: #7eb5ad;
    position: absolute;
    top: 0;
    right: 0;
    vertical-align: middle;
    padding-top: 14px;
    width: 19px;
    text-align: center;
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
}
.btn_rotate{
    transform: rotate(180deg);
}
.btn span {
    transition: all .5s;
}
.item .answer{
    display: none;
    color: #2a2d2e;
    font-family: Calibri,sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;
    padding: 23px 64px 19px 55px;
}
.faq .item {
    padding-bottom: 2px;
}
.answer:before {
    content: '–';
    width: 9px;
    height: 1px;
    color: #2a2d2e;
    font-family: Roboto,sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    margin-left: -22px;
    position: absolute;
}
.answer .date{
    color: #2a2d2e;
    font-family: Calibri,sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    margin-top: 15px;
}
.contacts{
}
.contact_wrapper{
    float: left;
    display: inline-block;
}

.widget_vk {
    float: right;
    display: inline-block;
    top: 50px;
    position: relative;
}

.contact_card .title{
    color: #429d90;
    font-family: Calibri,sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 10px;
}

.contact_card .text{
    color: #2a2d2e;
    font-family: Calibri,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 34px;
}
.contact_card .text a {
    color: #2a2d2e;
    text-decoration: none;
}
.contact_card .text a:hover{
    color: #e73a31;
}
.footer{
    height: 50px;
    background-color: #1e261e;
}
.logo_bitrix{
    color: #676767;
    font-family: "Helvetica Neue Cyr",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    float: left;
    height: 22px;
    margin-top: 14px;
}
.logo_bitrix img {
    vertical-align: middle;
    margin-right: 9px;
}
.logo_vsevset{
    float: right;
    margin-top: 14px;
}
.map {
    height: 714px;
    clear: both;
}
.myPUp {
    width: 141px;
    margin: 0 auto;
}
.myPUp span {
    line-height: 24px;
}
.myPUp p {
    line-height: 17px;
}
.leaflet-popup-content {
    text-align: center;
    color: #ffffff;
    font-family: Calibri,sans-serif;
    font-size: 17px;
    font-weight: 300;
}
.leaflet-popup-content-wrapper{
    opacity: 0.8;
}
svg.leaflet-popup-tip-container.leaflet-popup-tip-container_svg {
    visibility: hidden;
}
.dg-popup_hidden_true{
    /* display: block !important; */
}
.c_mypopup:after {
    content: '';
    display: block;
    background-image: url('../img/dg_marker_b.png');
    width: 41px;
    height: 53px;
    margin: auto;
    margin-top: 5px;
}
th {
    background-color: #7eb5ad;
    color: #ffffff;
    font-family: Calibri, sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
}

td{
    color: #2a2d2e;
    font-family: Calibri, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 18px;
}

th, td {
    width: 50%;
    padding-left: 34px;
    height: 52px;
    border: 1px solid #dbdbdb;
}

.warning span {
    margin-left: -1px;
}
.warning {
    width: 18px;
    height: 18px;
    background-color: #e73a31;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    font-family: "Helvetica Neue Cyr",sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    vertical-align: bottom;
    margin-left: -35px;
    margin-right: 13px;
}

h1 {
    /*width: 681px;*/
    height: 200px;
    color: #ffffff;
    font-family: "NautilusPompilius", sans-serif;
    font-size: 200px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-left: 30px;
}

h2 {
    opacity: 0.8;
    color: #2a2d2e;
    font-family: "NautilusPompilius",sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 31px;
    margin-top: 47px;
}

.content_wrapper {
    padding: 1px 31px;
    max-width: 1400px;
}
.advantages .content_wrapper {
    padding-bottom: 47px;
}
.service_cost{
    /*max-width: 1400px;*/
}
.hidden{
    visibility: hidden;
}
.top_menu_btn {
    display: none;
    width: 33px;
    height: 19px;
    position: relative;
    margin: 16px auto;
    cursor: pointer;
}
.top_menu_btn img {
    width: 33px;
    height: 19px;
    padding: 16px 0 15px 0;
}
.top_menu {
    height: 56px;
    background-color: #fadc9d;
    position: fixed;
    width: calc(100% - 395px);
    max-width: 1505px;
    z-index: 900;
}
.top_menu .hamburger-top, .hamburger-middle, .hamburger-bottom {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: #2f2c2c;
    opacity: 1;
    transition: all .5s ease;
}
.top_menu .hamburger-top{ top: 0px; }
.top_menu .hamburger-middle{ top: 8px; }
.top_menu .hamburger-bottom{ top: 16px; }

/*top_menu--open*/
.top_menu--open .hamburger-top{ top:8px; transform: rotate(45deg); }
.top_menu--open .hamburger-middle{ transform: rotate(-45deg); opacity: 0; }
.top_menu--open .hamburger-bottom{ top:8px;  transform: rotate(-45deg); }

.form_show_btn{
    display: none;
}
@media (max-width: 1567px) {
    .advantages {
        background: #fbdd9e url(../img/advantages.jpg) no-repeat right bottom;
    }
}
@media (max-width: 1500px) {
    .top_menu a{
        height: 13px;
        font-size: 16px;
        padding: 24px 1.8% 18px 1.5%;
    }
    .top_banner_content h1{
        height: 146px;
        font-size: 150px;
    }
    .top_banner_content span{
        font-size: 50px;
    }
    .top_banner_content p{
        font-size: 20px;
    }
    .top_banner_price{
        width: 248px;
        height: 228px;
        background-size: cover;
        margin-left: 3%;
        margin-top: 50px;
    }
    .price span{
        font-size: 150px;
    }
    .price{
        font-size: 50px;
        padding-bottom: 0px;
    }
    .price .label{
        font-size: 19px;
        bottom: 17%;
    }
    .top_banner {
        height: 672px;
        background-size: auto 130%;
        background-position-x: 64%;
        padding-top: 56px;
    }
    .left_block {
        width: 383px;
    }
    .right_block {
        margin-left: 383px;
    }
    .row{
        margin-bottom: 14px;
    }
    .logo_text p span.clock {
        line-height: 25px;
    }
    .logo_text p{
    }
    .item > span{
        font-size: 16px;
    }
    .advantages {
        background-size: 130%;
        background-position-x: 60%;
    }
    .advantages .item{
        width: 360px;
    }
    .content_wrapper{
        padding: 1px 25px;
    }
    .specialists{
        background-size: auto 111%;
        background-position: 57% 10%;
    }
    .s1 {
        top: 25%;
        left: 5%;
    }
    .s3 {
        left: 50%;
        top: 15%;
    }
    .s4 {
        left: 75%;
        top: 25%;
    }
    .top_menu {
        width: calc(100% - 383px);
    }
}
@media (max-width: 1500px), (max-height: 768px){

    .feedback_form .row{
        margin: 10px;
    }
}
@media (max-width: 1200px), (max-height: 768px){
    .logo {
        width: 175px;
        height: 72px;
        margin: 26px auto 18px;
    }
    .logo_text {
        margin-bottom: 4%;
    }
    .feedback_form .row_wrapper{
        margin: 7px auto 29px;
    }
}
@media (max-width: 1200px) {
    .left_block {
        height:64px;
        position: relative;
        width: 100%;
        background: #ffffff url(../img/bg_left_block_s.gif);
    }
    .logo{
        width: 116px;
        height: 44px;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .logo img{
        width:100%;
        height:100%;
    }
    .logo_text {
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
    }
    .logo_tel {
        width: auto;
        position: absolute;
        top: 50%;
        right: 5%;
        transform: translateY(-50%);
    }
    .logo_tel a{
        font-size:20px;
        margin-right: 24px;
    }
    .right_block {
        margin-left: 0px;
    }
    .logo_text p {
        margin-bottom: 0px;
        width: 340px;
        text-align: left;
    }
    .left_block .social {
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
    }
    .left_block .social a{
        display: none;
    }
    .left_block .social .icon{
        width: 37px;
        height:37px;
    }
    .left_block .social .icon span{
        font-size: 20px;
    }
    .feedback {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 8010;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.57);
        max-width: 100%;
        overflow: hidden;
        visibility: hidden;
    }
    .feedback_form {
        background: #ffffff url(../img/bg_left_block.png);
        padding: 30px;
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%,50%);
        opacity: 0;
        transition: all 0.5s;
    }
    .feedback_title {
        display: block;
    }
    .feedback--visible{
        visibility: visible;
    }
    .feedback_form--open {
        opacity: 1;
        transform: translate(-50%,-50%);
    }

    .submit_btn {
        bottom: 0;
        z-index: 9091;
        width: 100%;
        left: 0;
        border-radius: 0;
    }
    .block {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .form_show_btn{
        height: 55px;
        background: linear-gradient(to top, #e8382e 50%, #f7534a 50%);
        cursor: pointer;
        color: #ffffff;
        font-family: Calibri, sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 36px;
        margin: auto;
        display: table;
        width: 100%;
        bottom: 0;
        position: fixed;
    }
    .form_show_btn span{
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .form_show_btn:hover {
        background: linear-gradient(to top, #ad1f17 50%, #ec433a 50%);
    }
    .top_menu {
        height: 50px;
        background-color: #fadc9d;
        text-align: center;
        overflow: hidden;
        transition: all .3s;
        width: 100%;
        position: absolute;
    }
    .top_menu--fixed{
        position: fixed;
        top:0;
    }
    .top_menu--open{
        height:100px;
        overflow: visible;
    }
    .top_menu a {
        background: none;
        padding-top: 20px;
        padding-bottom: 13px;
        opacity: 0;
        transition: all 0.5s;
    }
    .top_menu--open a{
        opacity: 1;
    }
    .footer {
        height: 50px;
        background-color: #1e261e;
        padding-bottom: 55px;
    }
    .top_menu_btn {
        display: block;
    }
    .top_banner {
        height: 672px;
        background-size: auto 130%;
        background-position-x: 64%;
        padding-top: 50px;
    }
}
@media (max-width: 990px) {
    .logo_text p {
        margin-bottom: 0px;
        width: 280px;
        text-align: left;
        font-size: 14px;
    }
    .logo {
        width: 94px;
        height: 36px;
    }
    .logo_tel a {
        font-size: 17px;
        margin-right: 14px;
    }
    .left_block .social .icon {
        width: 31px;
        height: 31px;
    }
    .left_block .social .icon span {
        font-size: 16px;
        line-height: 15px;
    }
    .top_banner_content h1 {
        height: 100px;
        font-size: 130px;
        margin-bottom: 62px;
    }
    .top_banner_content span {
        font-size: 42px;
        margin-left: 31px;
    }
    .top_banner_content p {
        font-size: 17px;
    }
    .top_menu a{
        padding: 24px 0.5% 18px 1.5%;
    }
    .price span {
        font-size: 130px;
    }
    .price .label {
        font-size: 18px;
        bottom: 17%;
    }
    .top_banner_price {
        width: 237px;
        height: 218px;
        background-size: contain;
        margin-left: 3%;
        /*margin-top: 0px;*/
    }
    .price {
        font-size: 50px;
        padding-bottom: 18px;
    }
    .top_banner {
        height: 500px;
        background-position-x: 53%;
    }
    .tbc_wrapper {
        padding-bottom: 15px;
    }
    h2{
        font-size:30px;
    }
    .advantages .item {
        width: 350px;
    }
    .advantages {
        background-size: 130%;
        background: #fbdd9e url(../img/advantages_768.jpg) no-repeat center bottom;
    }
    .advantages .content_wrapper {
        background: url(../img/bg_zabor_top_white_o.png) repeat-x left bottom;
    }
    .brend_card {
        width: 160px;
    }
    .notice {
        width: 699px;
    }
    .specialists {
        height: 628px;
        background-position: 57% -90%;
        background-size: auto 104%;
    }
    .s1 {
        top: 25%;
        left: 5%;
    }
    .s2 {
        left: 27%;
        top: 21%;
    }
    .s3 {
        left: 50%;
        top: 21%;
    }
    .s4 {
        left: 75%;
        top: 28%;
    }
    .faq .question {
        font-size: 19px;
        line-height: 24px;
    }
}
@media (max-width: 768px) {
    .logo {
        width: 140px;
        height: 54px;
        position: relative;
        top: 32%;
    }
    .logo_text{
        display: none;
    }
    .notice {
        width: calc(100% - 38px);
    }
    .logo_tel{
        position: relative;
        top: 34%;
        left: 50%;
        transform: translateX(-50%);
    }
    .logo_tel a {
        font-size: 25px;
        margin-right: 14px;
    }
    .left_block{
        height: 145px;
    }
    .top_banner{
        height: 550px;
        background-color: #7eb5ad;
        background-image: none;
        padding-top: 50px;
    }
    .shadow{
        background-color: #7eb5ad;;
    }
    .top_banner_price {
        left: 50%;
        position: relative;
        transform: translateX(-50%);
        margin: 0;
    }
    .advantages .item {
        width: 48%;
        height: 100%;
        vertical-align: top;
    }
    .item > span {
        font-size: 16px;
        position: relative;
        margin: 22px 0 22px 0;
        left: 0;
        top: 0;
        display: block;
        transform: translateY(0);
    }
    .advantages{
        background-image: none;
    }
    h2 {
        font-size: 35px;
    }
    .service_cost h2{
        width: 265px;
    }
    .brend_card {
        width: 160px;
        margin-left: 7%;
    }
    .s1 {
        top: 0;
        left: 0;
    }
    .s2 {
        top: 0;
        left: 0;
    }
    .s3 {
        top: 0;
        left: 0;
    }
    .s4 {
        top: 0;
        left: 0;
    }
    .specialist_card {
        position: relative;
        width: 45%;
        display: inline-block;
        margin-bottom: 45px;
    }
    .specialists h2{
        text-align: left;
    }
    .specialists .content_wrapper{
        text-align: center;
    }
    .specialists {
        background-position: 56% bottom;
        background-size: 175% auto;
        background-color: #80adad;
    }
    .faq .question {
        font-size: 18px;
        line-height: 18px;
        height: 100%;
        padding-top: 4%;
        padding-right: 8%;
    }
    .question .btn {
        height: 100%;
        top: 0;
        padding: 0;
    }
    .btn span {
        transition: all .5s;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .btn .btn_rotate {
        transform: rotate(180deg) translate(50%,50%);
    }
    .contact_wrapper {
        float: none;
        width: 100%;
        display: block;
    }
    .widget_vk{
        float: none;
        width: 100%;
        display: block;
        top: 0;
        margin-bottom: 39px;
    }
    .feedback_form {
        max-width: 320px;
        width: 100%;
    }
    .top_menu--open {
        height: 100%;
        overflow: scroll;
    }
    .top_menu a{
        width: 100%;
        padding: 20px 0 20px 0;
    }
    .left_block .social{
        display: none;
    }
    .top_menu .social{
        display: block;
        margin: 59px 0 88px 0;
    }
    .top_menu .social .icon {
        display: block;
        width: 50px;
        height: 50px;
        border: 3px solid #e73a31;
        background-color: rgba(254, 253, 249, 0);
        border-radius: 50%;
        margin: 0 auto;
        position: relative;
    }
    .top_menu .social .icon span{
        width: 28px;
        height: 17px;
        color: #e73a31;
        /* font-family: "Font Awesome"; */
        font-size: 25px;
        font-weight: 400;
        line-height: 18px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .top_menu .social a {
        width: 122px;
        height: 13px;
        /* opacity: 0.8; */
        color: #000000;
        font-family: Calibri, sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        text-decoration: none;
    }
    .top_menu a{
        font-size: 20px;
        font-weight: 400;
    }
    .tbc_left {
        float: none;
        margin: auto;
        width: 480px;
    }
}

@media (max-width: 480px) {
    .logo_tel {
        width: 100%;
        height: 24px;
        color: #e73a31;
        font-family: "NautilusPompilius";
        font-size: 24px;
        font-weight: 400;
        line-height: 30px;
        top: 0;
    }
    .logo_tel a {
        width: 100%;
        display: block;
    }
    .left_block {
        height: 161px;
    }
    .logo {
        top: 0;
        left: 0;
        transform: translate(0,0);
        margin: 0 auto 17px;
        padding-top: 18px;
    }
    .top_banner_content h1 {
        height: 66px;
        font-size: 85px;
        margin-bottom: 32px;
        margin-left: 0;
    }
    .tbc_left {
        float: none;
        text-align: center;
        width: 100%;
    }
    .top_banner_content span{
        margin-left: 0;
    }
    .top_banner_content p{
        margin-left: 0;
        max-width: 262px;
        margin: 10px auto 48px;
    }
    .price {
        font-size: 50px;
        padding-bottom: 18px;
        padding-left: 25px;
    }
    .price .label {
        font-size: 18px;
        bottom: 17%;
        left: 30px;
    }
    h2 {
        font-size: 28px;
        text-align: center;
    }
    .content_wrapper {
        padding: 1px 4px;
    }
    .advantages .item {
        width: 48%;
        height: 100%;
        vertical-align: top;
    }
    .advantages .content_wrapper {
        padding-bottom: 0px;
    }
    .service_cost h2 {
        width: 211px;
        margin: 25px auto;
    }
    th {
        font-size: 18px;
    }
    td{
        font-size: 15px;
    }
    th,td{
        padding-left: 9px;
    }
    .brend_card .image {
        margin-bottom: 16px;
        height: 80px;
        display: table-cell;
        vertical-align: middle;
        width: 120px;
    }
    .brend_card {
        width: 120px;
        margin-left: 0%;
        margin-right: 0;
        margin-bottom: 19px;
    }
    .brend_card .image img {
        width: 100%;
        height: auto;
    }
    .card_wrapper {
        text-align: center;
    }
    .brend_card:nth-child(odd) {
        margin-right: 10%;
    }
    .specialists h2 {
        text-align: center;
    }
    .notice {
        width: calc(100% - 40px);
    }
    .specialist_card {
        position: relative;
        width: 100%;
        display: inline-block;
        margin-bottom: 30px;
    }
    .specialists{
        height: 753px;
    }
    .specialist_card .spec, .specialist_card .info {
        color: #ffffff;
        font-family: Calibri,sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
    }
    .reviews h2 {
        width: 204px;
        margin: 25px auto 25px;
    }
    .contact_card .title{
        margin-bottom: 5px;
    }
    .contact_card .text {
        margin-bottom: 22px;
    }
    .footer {
        height: 50px;
        background-color: #1e261e;
        padding-bottom: 95px;
    }
    .logo_vsevset {
        float: left;
        margin-top: 14px;
    }
    .feedback_form {
        width: calc(100% - 10px);
        max-width: 496px;
        padding: 0;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        DISPLAY: block;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .feedback_form .submit_btn {
        padding: 0;
        font-size: 1em;
    }
    .row_wrapper {
        width: calc(100% - 10px);
        max-width: 323px;
        margin: 37px auto 29px;
    }
}