/*body{
    padding: 0;
    margin: 0;
    font-family: opensans, sans-serif;
}*/
/*h2{
    margin: 0 !important;
}*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700&display=swap&subset=cyrillic,cyrillic-ext');

.big-promo-two img{
    margin:auto;
}
.ggg{
    position: absolute;
    bottom: -4px;
    z-index: 10000;
}

.main-section{
    /* height: 170px; */
    height: initial;
    background: url(../img/new-img/bg-romb-big.png) no-repeat;
    background-size: cover;
    margin-top: -30px;
    z-index: 99999;
    /*padding: 60px 10px;*/
}
.main-section.main-section-1{
    height: auto;
}
.main-section.main-section-2{
    
}

.main-section-2 .otzivy .swiper-wrapper{
    height: initial;
}

.otzivy .tpro-arrow .fa{
    position: absolute;
    left: 6px;
    top: 4px;
}

.otzivy .tpro-arrow.tpro-button-next .fa{
    left: 9px;
}
.block-bg{
    z-index: 101;
    width: 100%;
    height: 280px;
    top: -54px;
    left: 0;
    position: absolute;
    background: url("../img/new-img/bg-3.png") no-repeat;
    background-size: cover;
}
.main-text{
    padding: 60px 10px;
    max-width: 1200px;
    margin: 0 auto;
}

.big-promo-two{
    margin-top: 35px;
    background: #7c0f03;
}
.service-h2{
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    margin: 0 0 25px;
    color: #ffffff;
}
#block-service img{
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
}
.items-service{
    max-width: 1200px;
    min-width: 320px;
    display: flex;
    margin: 0 auto;
}

#block-service{
    padding: 30px 0 80px;
    background: url("../img/new-img/bg-1-2.png") no-repeat;
    background-size: cover;
}
#block-service div{
    position: relative;
}
.div-1{
    padding: 3px;
    /*margin-left: 20px;*/
    display: flex;
    width: 100%;
}
.div-2{
    padding: 3px;
    display: flex;
    width: 100%;
    flex-direction: column;
}
.div-4{
    margin-right: 5px;
}
.div-3 {
    margin-right: 8px;
}
.div-5 {
    margin-bottom: 15px;
    margin-right: 7px;
}
.div-6 {
    margin-right: 7px;
}
.div-7{
    display: flex;
}
.div-8{
    margin-right: 14px;
}

.div-10 {

    margin-right: 0;
    margin-bottom: 14px;
}

#block-service i{
    color: #fff;
    margin-right: 5px;
}


.block-content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.3);*/
    /* border: 4px solid #8f2a20;*/
    box-sizing:border-box;
    color: #fff;
}
.block-content h3{
    margin-bottom: 0;
    /* text-align: center;*/
    font-size: 24px;
    /* padding: 10px;*/
    font-weight: 100;
}
.block-content a{
    padding-left: 20px;
    color: #fff;
    text-decoration: none;
}
.block-content  ul{
    padding-left: 0;
    list-style: none;
}
.block-content  ul li{
    font-size: 18px;
}
.block-content  ul li:last-child{
    margin-top: 15px;
    font-size: 18px;
}

.block-content-a {
    flex-direction: column;
    display: flex;
    justify-content: flex-end;
    height: 100%;
}
.div-3-h3{
    color: #000000 !important;
}
.div-3-ul{
    color: #000000 !important;
}
.div-8-h3{
    color: #000000 !important;
}
.div-8-ul{
    color: #000000 !important;
}
#block-service .div-8 i{
    color: #000;
    margin-right: 5px;
}
#block-service .div-3 i{
    color: #000;
    margin-right: 5px;
}

.action-h3{
    margin-top: -10px;
    text-align: left !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 43px !important;
    color: #e6111e;
}
.action-img {
    height: 125px !important;
    position: absolute !important;
    top: 0;
    left: 50%;
    margin-left: -87px;
}
.action-img img{
    height: 125px !important;
}
.action-ul{
    margin-bottom: 6px;
}
.action-li-1{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 43px !important;
    color: #fef101;
    text-align: center;
}
.action-li-1 span{
    color: #e6111e;
}
.action-li-2{
    font-weight: 700;
    font-size: 30px !important;
    color: #e6111e;
    text-align: center;
}
.action-li-3{
    font-size: 25px !important;
    color: #020201;
    text-align: center;
}


/*========trust=======*/

#trust{
    /* position: relative; */
    
    padding: 30px 0;
    margin-top: -50px;
    z-index: 12;
}
#trust:after{
    content: " ";
    /*background: url("../img/new-img/bg-4-1.png") center no-repeat;*/
    position: absolute;
    bottom: -222px;
    width: 100%;
    height: 1%;
    z-index: 1;
}
.items-trust{
    max-width: 1200px;
    min-width: 320px;
    margin: 0 auto;
}
.trust-h2{
    background: #69cdf8;
    font-weight: 100;
    margin: 0;
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
    color: #fff;
    padding: 20px 0 20px;
    z-index: 12;
}
.trust-h2 span{
    font-weight: 700;
}
.trust-wrap{
    padding: 10px;
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#trust ul{
    margin: 0;
    padding-left: 10px;
    list-style: none;
}
#trust ul li{
    font-size: 20px;
    margin: 25px 0;
}
#trust i{
    margin-right: 10px;
    color: #68cef8;

}



/*========us-work========*/

#us-work{
    background: url("../img/new-img/bg-5.png") center no-repeat;
    background-size: cover;
    /*width: 100%;*/
    /* background: #8f2a20;*/
    /* padding: 60px 0;*/
}
.us-work-h2{
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
}
#us-work h4{
    font-weight: 100;
    color: #fff;
    margin: 25px 0 40px;
    font-size: 20px;
    text-align: center;
    opacity: 0.9;
}
.us-work-wrap{
    padding: 65px 15px 15px;
    margin: 0 auto;
    max-width: 1200px;
    align-items: center;
}
.trust-block-items{
    display: flex;
    justify-content: space-around;
}
.trust-block-items ul{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
    padding: 10px;
    list-style: none;
    color: #fff;
}
.trust-block-items ul li{
    text-align: center;
    font-size: 20px;
    margin: 5px 0;
}

.trust-block-2, .trust-block-1{
    display: flex;
    justify-content: space-between;
}
#us-work i {
    font-size: 73px;
    /*border: 1px solid #fff;*/
    padding: 15px;
    border-radius: 50px;
}
.trust-block-ul-3 li img{
    margin-top: -10px;
}

.trust-block-ul-img-1 {
    position: absolute;
    top: 65px;
    left: 265px;
    width: 50%;
    height: 4%;
}
.trust-block-ul-img-2 {
    position: absolute;
    top: 65px;
    left: 245px;
    width: 37%;
    height: 4%;
}

.trust-block-ul-img-3 {
    position: absolute;
    top: 65px;
    left: 172px;
    width: 58%;
    height: 4%;
}

/*========consult========*/

#consult{
    background: url("../img/new-img/bg-6.png")center no-repeat;
    background-size: cover;
    padding: 9px 10px;
}
.consult-h4{
    color: #a7251a;
    text-transform: uppercase;
    font-size: 20px;
    margin:0 0 12px 0;
}
.consult-wrap{
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.us-num{
    font-size: 22px;
}
.us-num a{
    color: #a7251a;
    font-weight: 600;
}
.text-wrap p{
    /* letter-spacing: 1.3px;*/
    font-size: 16px;
    color: #000;
    padding: 0;
    /* margin: 0; */
}
.text-wrap p a{
    text-decoration: none;
    font-size: 18px;
    color: #a7251a;
}
.form-wrap{
    display: flex;
}
.consult-wrap.in-text {
    border-radius: 15px 0 0 15px;
    border: none;
    width: 280px;
    height: 47px;
    background: #fff;
}
.consult-wrap.in-button{
    border-radius:0 15px 15px 0;
    border: none;
    width: 200px;
    height: 47px;
    background: #FEDB00;
    font-size: 16px;
    font-weight: 600;
}
.us-num span{
    font-weight: 600;
    /* font-size: 20px; */
}
.us-num i{
    color: #a7251a;
}

/*=======video========*/
#video img{
    width: 100%;
}

#video{
    position: relative;
    padding: 30px 0;
}
.video-block{
    max-width: 1200px;
    margin: 0 auto;
}
.video-h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    margin: 5px 0 15px;
}
.width-vid{
    /* width: 80%;*/
}
.video-wrap{
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.vid-b{
    /*width: 800px;*/
}
.vid-s{
    margin-left: 15px;
    /*width: 380px;*/
}
.vid-s-1{
    margin-bottom: 15px;
}
.video-desc{
    margin: 25px 0;
    font-size: 19px;
    text-align: center;
}
.video-text{
    padding: 0 10px;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-text-wrap{
    background: url("../img/new-img/bg-7-2.png")center no-repeat;
    background-size: cover;
}
.video-text p {
    line-height: 1.3;
    color: #ffffff;
    font-weight: 100;
    text-transform: uppercase;
    padding: 0;
    font-size: 12px;
    vertical-align: middle;
    opacity: .9;
    margin-left: 15px;
}
.last-p{
    margin-left: -20px;
}
.video-div-first{
    margin-right: 60px;
}
.video-div-last{
    margin-left: 90px;
}


/*========masters========*/


#masters{
    background: url("img/bg-8.png") no-repeat center;
    background-size: cover;
    padding: 0 0 30px;
}
.masters-h2{
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    margin: 0 0 25px;
}
.master-wrap{
    max-width: 1200px;
    margin:0 auto;
    justify-content: space-around;
    display: flex;
}
.master-wrap img{
    width: 232px;
}
#masters .info {
    width: 215px;
    height: 67px;
    border-radius: 12px;
    background: #7b2e25;
    padding: 4px;
    text-align: center;
    margin: 0 auto;
}
#masters .in {
    /*padding: 3px 10px 9px 10px;*/
    border: 1px solid #e5b543;
    border-radius: 12px;
    padding-bottom: 3px;
}
#masters .name {
    font-weight: 700;
    font-size: 18px;
    /*font-style: italic;*/
    /* color: #ffb400;*/
    padding:0;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}
#masters .position {
    font-size: 18px;
    /*color: white;*/
    text-align: center;
}
.masters-desc{
    max-width: 1200px;
    margin: 60px auto 0;
    text-align: center;
    font-size: 19px;
}
.masters-team{
    display: flex;
    justify-content: space-around;
}
.master-1{
    padding: 0 5px 10px 0;
}
.master-photo{
    position: relative;
    margin-bottom: -4px;
    background: url("../img/new-img/bg-master.png") no-repeat center;
    background-size: cover;
}
.info-master{
    background: url("../img/new-img/pr-25.png") no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 55px 0 10px;
}



/*=======cell-table======*/
#cell-table{
    position: relative;
    padding:0;
}
/*#cell-table :after{
    background: url("../img/new-img/plashka-menu.png") no-repeat center;
    content: "";
    position: absolute;
    top: 302px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
}*/
.cell-table-h2 {
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    margin: 0 0 55px;
    background: #67cbf5;
    color: #fff;
}
.table-wrap{
    max-width: 1200px;
    /* width: 100%; */
    margin:0 auto;
}
#cell-table table{
    background: #fff;
    border-radius: 0px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
    /*border: 1px solid #ccc;*/
    margin: 0 auto;
    border-spacing: 0 !important;
}
#cell-table table th{
    border: none;
    color: #fff;
    background: #8f2a20;
    padding: 20px 0;
}
#cell-table table td {
    border: 1px solid #fbf4f4;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding: 6px 10px;
}
#cell-table .tl-td{
    text-align: left;
    width: 220px;
}

.a-button{
    text-decoration: none;
    padding: 10px 20px;
    color: #ffffff;
    background-color: #8f2a20;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.table-desc{
    padding: 20px;
    text-align: center;
    font-size: 16px;
}
.table-desc :after{
    background: url("../img/bg-master.png") no-repeat center;
    background-size: cover;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
.t-body{
    overflow: hidden;
}

.ue-no{
    color: #f24611;
    font-size: 18px;
}
.ue-yes{
    color: #25b309;
    font-size: 18px;
}
.tr-last td{
    padding: 20px 0 !important;
}

/*====question-answer===*/


#question-answer{
    background: url("../img/new-img/bg-12.png")center no-repeat;
    background-size: cover;
    padding: 30px 0;
    /* background: #8f2a20;*/
}

.accordion-wrap{
    /*display: flex;
    justify-content: center;*/
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}
.accordion-h2 {
    margin: 0;
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.accordion-text{
    padding: 10px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.accordion-text a{
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    margin: 0 5px;
    transition: .4s;
}
.accordion-text a:hover{
    text-decoration: underline;
}
.trigger{
    margin: 5px 0;
}
.accordion {
    position: relative;
    max-width: 455px;
    margin: 30px auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.accordion .trigger #checkbox-1,
.accordion .trigger #checkbox-2,
.accordion .trigger #checkbox-3,
.accordion .trigger #checkbox-4,
.accordion .trigger #checkbox-5 {
    display: none;
}
.accordion .trigger #checkbox-1:checked + label,
.accordion .trigger #checkbox-2:checked + label,
.accordion .trigger #checkbox-3:checked + label,
.accordion .trigger #checkbox-4:checked + label,
.accordion .trigger #checkbox-5:checked + label{
    background-color: #cc8b56;
}
.accordion .trigger #checkbox-1:checked + label i:before,
.accordion .trigger #checkbox-2:checked + label i:before,
.accordion .trigger #checkbox-3:checked + label i:before,
.accordion .trigger #checkbox-4:checked + label i:before,
.accordion .trigger #checkbox-5:checked + label i:before{
    transform: translate(5px, 8px) rotate(0deg);
}
.accordion .trigger #checkbox-1:checked + label i:after,
.accordion .trigger #checkbox-2:checked + label i:after,
.accordion .trigger #checkbox-3:checked + label i:after,
.accordion .trigger #checkbox-4:checked + label i:after,
.accordion .trigger #checkbox-5:checked + label i:after{
    transform: translate(-5px, 8px) rotate(0deg);
}
.accordion .trigger .checkbox {
    position: relative;
    display: block;
    margin: 0;
    padding: 15px;
    font-size: 15px;
    cursor: pointer;
    color: #8f2a20;
    background-color: #fff;
    text-transform: uppercase;
}
.accordion .trigger .checkbox i {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    right: 20px;
}
.accordion .trigger .checkbox i:before, .accordion .trigger .checkbox i:after {
    position: absolute;
    content: '';
    width: 18px;
    height: 4px;
    background-color: #8f2a20;
    transition: transform 250ms ease;
}
.accordion .trigger .checkbox i:before {
    transform: translate(-5px, 8px) rotate(90deg);
}
.accordion .trigger .checkbox i:after {
    transform: translate(-5px, 8px) rotate(0deg);
    /* margin-right: 50px; */
    /* right: 13px; */
}
.accordion .trigger .content {
    font-size: 15px;
    position: relative;
    max-height: 1px;
    padding: 0;
    overflow-y: hidden;
    line-height: 1.5;
    background-color: #fff;
    transition: max-height 500ms ease-in-out;
}
.accordion .trigger .content h3 {
    margin: 30px 0 15px 30px;
}
.accordion .trigger .content p {
    margin: 5px 18px 5px;
}

#checkbox-1:checked ~ .content,
#checkbox-2:checked ~ .content,
#checkbox-3:checked ~ .content,
#checkbox-4:checked ~ .content,
#checkbox-5:checked ~ .content{
    max-height: 350px;
    transition: max-height 500ms ease-in-out;
}


@media  screen and (width: 1366px){
    #block-service {
        padding: 55px 0 80px;
    }
    .hd-logo .text {
        text-align: start;
    }
    .contacts-block .slogan-in {
        font-size: 13px;
    }
    .the-header.fixed-scroll .hd-logo .img {
        width: 35px;
    }
    .the-header.fixed-scroll .hd-logo .title {
        font-size: 17px;
    }
    .the-header.fixed-scroll .hd-logo .text {
        font-size: 9px;
    }
    .hd-logo .content {
        padding: 0 0 0 6px;
    }
    .the-header.fixed-scroll .hd-logo {
        width: 260px;
        padding-top: 10px;
    }
    
    .nv-wr:after {
        top: -34px;
    }
}

@media  screen and (min-width: 1400px) {
    .video-text {
    padding: 5px 10px;
    justify-content: space-around;
}
    .block-bg {
        height: 300px;
    }
    .the-header.fixed-scroll .section-wrap {
        margin-top: 20px !important;
    }
    .the-page {
        margin-top: 65px;
        padding: 20px 0 20px 0;
    }
    .nv-wr:after {
        top: 10px !important;
        height: 187% !important;
    }
}
@media  screen and (min-width: 1600px) {
    .big-promo-two {
        padding-top: 31px !important;
        /*margin-top: 54px;*/
    }
    #block-service {
        padding: 35px 0 80px !important;
    }
    .block-bg {
        height: 320px;
        top: -65px;
    }
    .main-section {
        /*height: 200px;*/
    }
}
@media  screen and (min-width: 1920px) {
    .big-promo-two {
        padding-top: 31px !important;
        background: #7c0f03;
    }
    .the-header.fixed-scroll .hd-logo {
        width: 260px;
        padding-top: 8px;
    }
    .the-header.fixed-scroll .section-wrap {
    margin-top: 30px !important;
    }
    #block-service {
        padding: 60px 0 80px !important;
    }
    .service-h2 {
        margin: 0 0 45px;
    }
    .video-text {
        padding: 5px 10px;
        justify-content: space-between;
    }
    .main-section {
        /* height: 235px;*/
    }
    .block-bg {
        height: 410px;
        top: -80px;
    }
    .main-text {
        font-size: 18px;
        padding: 120px 10px !important;
    }
    #trust:after {
        bottom: -247px;
    }
    .us-work-wrap {
        padding: 85px 15px 15px;
    }
    .nv-wr:after {
        top: -17px !important;
        height: 245% !important;
    }
}

@media  screen and (min-width: 2560px) {
    .main-text {
    font-size: 22px;
    }
    .trust-h2 {
        padding: 65px 0 20px;
    }
    .main-section {
         /*height: 325px;*/
    }
    .block-bg {
        height: 510px;
        top: -100px;
    }
    .the-header.fixed-scroll .section-wrap {
        margin-top: 40px !important;
    }
    .nv-wr:after {
        top: -57px !important;
        height: 330% !important;
    }
}

@media  screen and (max-width: 1240px) {
    .hd-menu > ul > li > a {
    padding: 0px 8px !important;
}
    .hd-menu ul{
        margin-top: -10px;
        text-align: center;
    }
}
@media  screen and (max-width: 1200px) {
    .master-wrap img {
        width: 240px !important;
    }
}

@media  screen and (max-width: 1024px) {
    .master-wrap img {
        width: 203px !important;
    }
    #masters .info {
        width: 190px !important;
    }
    .div-5 {
        margin-bottom: 14px !important;
        margin-right: 4px !important;
    }
    .div-6 {
        margin-right: 4px !important;
    }
    .div-10 {
        margin-right: 0 !important;
        margin-bottom: 7px !important;
    }
}


@media  screen and (max-width: 992px) {
    .nv-wr:after {
        top: 0px;
    }
    .block-bg {
        height: 380px;
    }
    #masters .info {
        width: 180px !important;
    }
    .master-wrap img {
        width: 188px !important;
    }
    .action-img img {
        height: 100px !important;
        width:140px !important;
    }
    .action-img {
        margin-left: -65px !important;
    }
    .action-li-1, .action-h3  {
        font-size: 30px !important;
    }
    .action-li-2, .block-content ul li:last-child {
        font-size: 21px !important;
    }
    .block-content h3 {
        padding: 7px !important;
    }
}

@media screen and (max-width:823px){
   
    .master-wrap img {
        width: 155px !important;
    }.vid-s {margin-left: 0;}
}
@media  screen and (min-width: 769px) {.table-wrap {display: block;} #tabs {display: none;} .left-box {display: block; float: left; width:70%;}
.right-box {display: block; float: left; width:25%;  padding: 15px ;}
    .box-block-1 {display: block; float: left;} .box-block-1 p {margin-right: 50px; margin-bottom: 5px;}
     .box-block-2 {display: block; float: left;} .box-block-2 p {margin-bottom: 5px;}
   .align-desktop {display: flex; justify-content: center;}
}
@media  screen and (max-width: 768px) {
     .box-block-1 {display: block; width:100%;} .box-block-1 p {margin-bottom: 5px;}
      .box-block-2 {display: block; width:100%;} .box-block-2 p {margin-bottom: 5px;}
     .box-block-2 {float: left;} .box-block-2 li {margin-bottom: 10px;}
     .align-desktop {display: block; }
    .section-wrap {padding: 15px 15px;}
    .the-page {padding: 0;}
    .table-wrap {display: none;}
    #tabs {display: block;}
    .form-wrap {margin-top: 15px;}.video-div-first {margin-right: 0;}.video-div-last{margin-left: 0;} th {font-size: 11px;}.last-p {border: none;}.video-wrap {display: block;padding: 10px 40px;}
    #text1 {font-size: 13px;}
    .block-content a{
    padding-left: 0;
    }
    #block-service {
        padding-top: 150px;
    }
    .block-content ul {display: none;}
    .ft-request-form {
        top: 15px;
    }
    .ft-block {
        top: 10px;
    }
    .block-bg {
        height: 400px !important;
    }
    .hd-menu ul {
        margin-top: 15px !important;
    }
    .big-promo-two {
       display: none;
    }
    .hd-menu ul{
        text-align:center;
    }
    .the-header.fixed-scroll .hd-menu > ul > li {
        margin: 0 2px 0;
}
    .hd-contacts.fixed-scroll .phone .highlight {
    font-size: 34px !important;
    color: #821202;
    font-weight:  bold;
}
.left-box {display: block; }
.right-box {display: block; }
    .contacts-block .phone .std {
    line-height: 23px !important;
}
    .hd-contacts.fixed-scroll .phone .std {
    font-size: 22px !important;
    color: #000;
    font-weight: bold;
}
    .hd-contacts.fixed-scroll .phone .code {
    font-size: 22px !important;
    color: #000;
    font-weight: bold;
}
.contacts-block .phone .code {
    line-height: 23px !important;
}
    .contacts-block .slogan {
    font-size: 15px !important;
    line-height: 18px !important;
    margin:  0 auto;
    /* width: 300px; */
}
    .block-bg {
    top: -62px !important;
    }
    .main-section {
    /* height: 165px !important; */
    height: 100%;
    background: url(../img/new-img/bg-romb-mob.png) no-repeat;
    background-size: cover;
    margin-top: -90px;
    z-index: 99999;
    }
    .main-text {
    padding: 20px !important;
    }
    .block-bg {
    height: 420px !important;
    }
    .main-text {
    margin: 65px auto !important;
}
    .trust-block-ul-img-1, .trust-block-ul-img-2, .trust-block-ul-img-3{
        display: none;
    }
    .consult-h4 {
        /* color: #ffffff; */
        font-weight: 600;
        margin: 0;
    }
    .text-wrap p a {
        color: #ffffff;
    }
    .consult-wrap {
        height: 140px;
        text-align: center;
        flex-direction: column;
    }
    .accordion .trigger .checkbox {
        padding: 15px !important;
        font-size: 15px !important;
    }
    .action-li-2, .block-content ul li:last-child {
        font-size: 15px !important;
    }
    .block-content h3 {
           font-size: 17px !important;
           font-weight: 600;
           text-transform: uppercase;
    }
    .block-content ul li {
        font-size: 15px !important;
    }
    #trust ul li {
        font-size: 15px !important;
    }
    .trust-block-items ul li {
        font-size: 15px;
    }
    .us-work-wrap {
        padding: 20px 15px 15px !important;
    }
    #trust:after {
        bottom: 0;
    }
    .vid-s-1 {
        margin-bottom: 9px !important;
    }
    #trust {
        padding: 30px 0;
        margin-top: -100px;
        z-index: 12;
    }
    .us-work-h2 {
        margin: 25px 0 15px;
    }
    #us-work {
        padding: 30px 0;
    }
    #consult {
            padding: 45px 0 60px !important;
            height: 240px;
            background: url(../img/new-img/bg-6-mob.jpg)center;
            background-size: cover;
    }
    .video-h2 {
        margin: 25px 0 !important;
    }
    .table-desc {
        margin: 25px 0 0;
    }
    #cell-table {
        /* padding: 30px 0; */
        padding: 0;
    }
    #question-answer {
        padding: 30px 0;
    }
    .accordion-text {
        font-size: 15px;
    }
    .div-4 {
        margin-right: 10px !important;
    }
    .div-3 {
        margin-right: 5px !important;
    }
    .div-1 {
        margin-left: 2px !important;
        margin-bottom: 4px !important;
    }
    #block-service div {
        justify-content: center;
        align-items: center;
    }
    #block-service {
        flex-direction: column;
    }

    .a-button {
        /* text-decoration: none; */
        /* padding: 3px; */
        font-size: 14px;
        color: #8f2a20;
        background-color: #fff;
        line-height: 24px;
        text-align: center;
    }
    #cell-table table td {
        font-size: 15px !important;
    }
    #us-work h4 {
        font-size: 14px !important; text-transform: uppercase;
    }
    h2 {
        font-size: 24px !important;
        font-weight: bold;
        /* padding: 0; */
        margin: 0;
    }
    .table-desc, .masters-desc {
        font-size: 17px !important;
        margin-top: 20px;
        /* padding: 0; */
    }
    #masters .position {
        font-size: 13px !important;
    }
    #masters .name {
        font-size: 22px !important;
    }
    #masters .info {
        width: 130px !important;
        height: 50px;
    }
    #masters .name {
        font-size: 15px !important;
        padding: 0;
        line-height: 30px !important;
    }
    .master-wrap img {
        width: 140px !important;
    }

    .us-work-wrap img{
        width: 80px !important;
    }
    .video-text p {
        /* margin-left: 0 !important; */
        font-size: 14px;
        text-align: center;
        /* margin: 0; */
        padding: 15px;
        border-bottom: 6px solid #fff;
        border-radius: 15px;
        margin-left:  0;
        /* padding: 0; */
        /* padding: 0 10px !important; */
    }
    .trust-wrap{
        flex-direction: column; display: block;
    }
    .trust-wrap i{
        margin-right: 10px;
    }
    .li-item-5{
        margin-top: 0 !important;
    }
    .video-desc {
        font-size: 15px;
        padding: 10px;
        text-transform: uppercase;
    }
}
@media  screen and (max-width: 767px) {
    .block-bg {
    height: 460px !important;
    top: -66px !important;
}
.block-bd {display: inline;}
    .main-h1 {
        font-weight: 800;
        font-size: 20px !important;
        /* padding-top: 40px; */
    }
    .content{
        font-size: 13px;
        /* padding: 0 20px; */
        text-align: left;
    }
    .consult-wrap .wpcf7-text {
        width: 190px !important;
    }
    .consult-wrap .wpcf7-submit {
        width: 130px !important;
    }
    .consult-wrap input {
        font-size: 15px !important;
    }
    .text-wrap {
        padding: 10px;
        margin-bottom: 15px;
    }
    #consult {
        padding: 0 !important;
    }
    .text-wrap p a {
        text-decoration: none;
        font-size: 16px !important;
        color: #a7251a;
        font-weight: 500;
    }
    .label {
        position: inherit !important;
        border: 2px solid var(--bg);
        width: inherit !important;
        height: inherit !important;
        border-radius: 50px;
        cursor: pointer;
        transition: 0.5s all ease;
        transform: scale(0.8);
    }
    .accordion-text {
        font-size: 14px !important;
    }
    .button-green {
        width: 240px !important;
    }
    .calc-footer {
        display: block;
    }
    .accordion-wrap {
        padding: 10px;
    }
    .video-text {
        padding: 10px;
        flex-direction: column;
    }
    .table-desc {
        padding: 10px;
    }
    .masters-desc {
        padding: 20px;
    }
    .master-wrap {
        /* flex-direction: column; */
    }
    .masters-team{
        justify-content: center !important;
        margin: 10px 0 10px 0;
        display: block;
    }
    .trust-block-items{                 align-items: center;
        flex-direction: column;
    }
    .trust-block-items ul{
        width: 90%;
    }
}

@media  screen and (max-width: 630px) {
    .div-1 {
        margin-left: 4px;
    }
    #block-service{
        display: block;
    }
    .div-10 {
        margin-right: 3px !important;
        margin-bottom: 10px;
    }
	.div-7 {
        margin-right: 4px !important;
    }
    .div-2{
        align-items: center !important;
    }
}

@media  screen and (width: 640px) {
    .video-div-first {
        margin-right: 0;
    }
    .video-div-last {
        margin-left: 0;
    }
    .last-p {
        margin-left: 0;
    }
    .block-content h3 {
        font-size: 11px !important;
    }
    .block-content ul li {
        font-size: 10px !important;
    }
    .action-li-2, .block-content ul li:last-child {
        font-size: 10px !important;
    }
    .trust-h2 {
        font-size: 20px !important;
    }
    .us-work-h2 {
        font-size: 20px;
    }
    .text-wrap p {
        font-size: 15px;
    }
    .in-text {
        height: 40px;
    }
    .in-button {
        height: 40px;
    }
    .video-h2 {
        font-size: 20px;
    }
    .video-desc {
        font-size: 15px;
        padding: 10px;
    }
    .masters-h2 {
        font-size: 20px;
    }
    .cell-table-h2 {
        font-size: 20px;
        margin: 0 0 25px !important;
    }
    #cell-table {
        padding: 0 !important;
    }
    .masters-desc {
        margin: 25px auto 0;
    }
    .accordion-text {
        font-size: 10px !important;
    }
    .accordion .trigger .checkbox {
        padding: 10px !important;
        font-size: 10px !important;
    }
    .accordion-h2 {
        margin: 0;
        font-size: 20px !important;
    }
}

@media  screen and (width: 568px) {
    .div-6, .div-5{
        margin-left: -1px;
        margin-right: 10px;
    }
    .img-3 {
        height: 531px !important;
        width: 260px !important;
    }
    .img-4 {
        height: 260px !important;
        width: 531px !important;
    }
    .img-1, .img-2, .img-5, .img-6 {
        width: 260px !important;
    }
    .div-1 {
        margin-left: 12px;
    }

}

@media screen and (max-width: 460px) {
    .consult-h4 {
    font-size: 15px !important;
    /* margin: 7px 0 12px 0 !important; */
    }
    #cell-table table td {
        padding: 4px;
        font-size: 12px !important;
    }
    .masters-desc {
        max-width: 1200px;
        margin: 10px auto 0 !important;
    }
    .video-div-first {
        margin-right: 0 !important;
    }
    .video-div-last {
        margin-left: 0 !important;
    }
    .last-p {
        margin-left: 0 !important;
    }
    .in-text {
        border-radius: 15px 0 0 15px;
        width: 180px;
        height: 35px;
    }
    .in-button {
        border-radius: 0 15px 15px 0;
        width: 100px;
        height: 38px;
    }
    .consult-wrap {
        height: 150px;
    }
    .text-wrap p {
        font-size: 15px !important;
    }
    /*#trust:after {
        bottom: -240px !important;
    }*/
    .img-3 {
        height: 351px !important;
        width: 180px !important;
    }
    .div-2 {
        padding: 0;
    }
    .block-content a {
        padding-left: 6px;
    }
    .div-1 {
        margin-left: 0 !important;
    }
    .items-service {
        display: block !important;
    }
    .accordion .trigger .content {
        font-size: 13px !important;
    }
    .accordion .trigger .checkbox {
        padding: 15px !important;
        font-size: 13px !important;
    }
    .vid-s-1 {
        margin-bottom: 2px !important;
    }
    .vid-s {
       margin-left: 0;
    }
    #cell-table {
        /* padding: 20px 0 !important; */
    }
    .table-desc, .masters-desc {
        font-size: 14px !important;
        /* margin: 5px; */
    }
    .video-desc, .video-text p{
        font-size: 12px !important;
    }
    .cell-table-h2 {
        /* font-size: 28px; */
        margin: 0 0 30px;
    }
    #us-work {
        padding: 30px 0  !important;
    }

    .video-desc {
        padding: 15px !important;
        margin: 0 !important;
    }
    .video-h2 {
        font-size: 18px !important;
        margin: 23px 0 !important;
    }
    #video {
        padding: 30px 0;
    }
    
    
    #trust {
        padding: 30px 0 !important;
    }
    .trust-h2 {
        /* padding: 45px 10px 15px !important; */
        margin: 12px 0 !important;
    }
    #trust ul li {
        font-size: 13px !important;
        margin: 10px 0 !important;
    }
    .block-content h3 {
        font-size: 15px !important;
    }
    .block-content ul li {
        font-size: 12px !important;
    }
    .action-li-2, .block-content ul li:last-child {
        font-size: 15px !important;
    }
    .div-8 {
        margin-right: 9px;
    }
    .div-5 {
        margin-bottom: 10px !important;
        margin-right: 4px !important;
    }
    .div-4 {
        margin-right: 4px !important;
    }

    #trust ul li {
        padding: 0 10px;
    }
    .text-wrap{
        padding: 10px;
        margin-bottom: 15px;
    }
    .consult-wrap {
        text-align: center;
        /* padding: 10px; */
        flex-direction: column;
    }
    .us-work-h2 {
        margin: 0 !important;
    }
    #us-work h4 {
        padding: 10px;
        margin: 10px 0 !important;
        
    }
    /*.trust-block-items ul li {
        font-size: 13px !important;
    }*/
    .trust-block-items img {
        width: 70px !important;
    }
    .block-content ul li:last-child {
        margin-top: 0 !important;
    }
    .action-li-3 {
        font-size: 20px !important;
    }
    .action-img img {
        height: 80px !important;
        width: 125px !important;
    }
    .action-img {
        margin-left: -57px !important;
    }
    .action-li-2 {
        font-size: 25px !important;
    }
    .action-li-1, .action-h3  {
        font-size: 24px !important;
    }
    .block-content h3 {
        text-align: center;
        font-size: 18px;
        padding: 0px;
        margin-bottom: 0px;
        margin-top: 5px;
    }
    .div-1{
        justify-content: center;
        margin-left: 0;
    }
    .div-3{
        margin-right: 0;
    }
    .div-5 {
        margin-left: 0;
    }

    .img-1, .img-2, .img-5, .img-6 {
        width: 180px !important;
    }
    .img-4 {
        height: 180px !important;
        width: 370px !important;
    }
}

@media screen and (max-width: 411px) {
    .div-2{
        align-items: center;
    }
    .div-3{
        margin-right: 0;
    }

}

@media screen and (max-width: 375px) {
    .div-5 {
        margin-bottom: 15px !important;
        margin-right: 4px !important;
    }
    .text-wrap p {
        font-size: 13px !important;
    }
    .consult-wrap {
        height: 175px !important;
    }
    .action-li-1 {
        font-size: 25px !important;
    }
    .action-h3 {
        font-size: 25px !important;
    }
    .img-1, .img-2, .img-5, .img-6 {
        width: 170px !important;
    }
    .img-3 {
        height: 338px !important;
        width: 175px !important;
    }
    .img-4 {
        height: 175px !important;
        width: 352px !important;
    }
}
@media screen and (max-width: 360px) {
    .accordion-text {
        font-size: 10px;
    }
    .text-wrap p {
        font-size: 12px !important;
    }
    .action-li-2, .block-content ul li:last-child {
        font-size: 12px !important;
    }
    .block-content h3 {
        font-size: 12px !important;
    }
    .block-content ul li {
        font-size: 11px !important;
    }
    .action-img img {
        height: 75px !important;
        width: 110px !important;
    }
    .img-1, .img-2, .img-5, .img-6 {
        width: 170px !important;
    }
    .img-3 {
        height: 337px !important;
        width: 170px !important;
    }
    .img-4 {
        height: 170px !important;
        width: 350px !important;
    }
}

@media screen and (max-width: 320px) {

    .accordion .trigger .checkbox {
        padding: 15px !important;
        font-size: 11px !important;
    }
    .block-content ul {
        padding-left: 10px !important;
    }
    .block-content ul li {
        font-size: 16px;
    }
    .action-img img {
        height: 65px !important;
        width: 95px !important;
    }
    .action-h3 {
        font-size: 20px !important;
    }
    .action-li-1 {
        font-size: 20px !important;
    }
    .action-li-2 {
        font-size: 20px !important;
    }
    .action-li-3 {
        font-size: 18px !important;
    }
    .img-4 {
        height: 150px !important;
        width: 312px !important;
    }
    .img-1, .img-2, .img-5, .img-6 {
        width: 150px !important;
    }
    .img-3 {
        height: 299px !important;
        width: 150px !important;
    }
}

/*========================*/
.main-h1{
    text-align: center;
    font-weight: 400;
    font-size: 25px;
    color: #8f2a20;
    text-transform: uppercase;
}
.text-color{
    color: #8f2a20;
}

/*:root {
    --bg: #000;
}*/

#button {
    visibility: hidden;
    position: absolute;
}

.label {
    position: absolute;
    border: 2px solid var(--bg);
    width: 200px;
    height: 30px;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.5s all ease;
    transform: scale(0.8);
}

.modal {
    width: 0;
    height: 0;
    background: var(--bg);
    border-radius: 50%;
    transition: 0.5s all ease;
    position: relative;
}

.close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 25px;
    right: 15px;
    cursor: pointer;
    opacity: 0;
}
.close:before, .close:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 17px;
    background: white;
}
.close:before {
    transform: rotate(45deg);
}
.close:after {
    transform: rotate(-45deg);
}

#button:checked ~ .label {
    background: var(--bg);
    transition: 0.5s all ease;
    transform: scale(1);
}
#button:checked ~ .modal {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    border-radius: 0;
    transition: 0.5s width ease 0.3s, 0.5s height ease 0.3s, 0.5s border-radius ease 0.5s;
}
#button:checked ~ .modal .close {
    opacity: 1;
    transition: 0.5s all ease 1s;
}


/*==========slider========*/

#slider-section{
    padding: 30px 10px 60px;
}
.slider-h2{
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    margin: 15px 0;
}
.sl-button{
    padding-top: 25px;
    text-align: center;
}
.sl-button a {
    text-transform: uppercase;
    border-radius: 15px;
    color: #fff;
    padding: 15px 35px;
    background: #67cbf5;
}


/*==========wpcf7-form========*/

.consult-wrap .wpcf7-form{
    position: relative;
    display: flex;
}
.consult-wrap .wpcf7-submit{
    border-radius: 0 15px 15px 0;
    border: none;
    width: 155px;
    height: 47px;
    background: #FEDB00;
    font-size: 16px;
    font-weight: 600;
}
.consult-wrap .wpcf7-text{
   border-radius: 15px 0 0 15px;
    border: none;
    width: 267px;
    height: 47px;
    background: #fff;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    color: #fff;
    top: -100px;
    position: absolute;
    border: 2px solid #f7e700;
    /* top: 170px; */
}
.consult-wrap input{
    font-size: 20px ;
    padding: 7px 30px !important;
}
.sf-body input{
    font-size: 20px !important;
    padding: 7px 30px !important;
}
.spoiler >  input + .box > blockquote{
	display: none;
}
.spoiler >  input:checked + .box > blockquote {
	display: block;
}
.spoiler >  input[type="checkbox"] {
	cursor: pointer;
	border-color:transparent!important;
	border-style:none!important;
	background:transparent none!important;
	position:relative;
	z-index:1;
	margin:-10px 0 -30px -230px;
	}
.spoiler >  input[type="checkbox"]:focus {
	outline:none;	/* Убираем обводку в ИЕ8 при "фокусе" */
}
.spoiler span.close,
.spoiler span.open{
	padding-left:22px;
	color: #00f!important;
	text-decoration: underline;
}
.spoiler >  input +  .box > span.close {
	display: none;
}
.spoiler >  input:checked +  .box > span.close {
	background: url(http://st0.bbcorp.ru/img/minus.png) 4px 60% no-repeat;
	display: inline;
}
.spoiler >  input:checked  + .box > span.open {
	display: none;
}
.spoiler >  input +  .box >  span.open {
	background: url(http://st0.bbcorp.ru/img/plus.png) 4px  60% no-repeat;
	display: inline;
}
.spoiler blockquote,
.spoiler{
    padding:1em;
    /* border-radius:15px; */
    /* -webkit-border-radius:15px; */
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -ms-border-radius:15px;
}
.spoiler {
    overflow-x:hidden;
    /* box-shadow: 0px 3px 8px #808080; */
    /* border:#E5E5E5 solid 2px; */
    /* -webkit-box-shadow:0px 3px 8px #808080; */
    -khtml-box-shadow:0px 3px 8px #808080;
    -moz-box-shadow:0px 3px 8px #808080;
    -ms-box-shadow:0px 3px 8px #808080;
}
.spoiler blockquote {
   /* margin-top:12px; */
   min-height: 23px;
   /* border:#CDCDCD 2px dashed; */
}
.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	/* margin: 1em 0 2em; */
	font-weight: 300;
}

.tabs nav {
	text-align: center;
}

.tabs nav ul {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
	/* border: 1px solid #becbd2; */
	/* border-bottom: none; */
	/* margin: 0 0.25em; */
	display: block;
	float: left;
	position: relative;
	/* border: none; */
	color: #000;
	border: 1px solid #8f2a20;
	border-radius: 10px;
}

.tabs nav li.tab-current {
	/* border: none; */
	background: #8f2a20;
	border-radius: 10px;
	/* box-shadow: inset 0 2px #47a3da; */
	/* border-bottom: none; */
	z-index: 100;
	color: #fff;
	/* width: 100%; */
}


.tabs nav a {
	color: #000;
	text-decoration: none;
	display: block;
	font-size: 0.8em;
	font-weight: 500;
	line-height: 1em;
	padding: 0 1.25em;
	white-space: nowrap;
	text-align: center;
}



.tabs nav li.tab-current a {
	color: #fff;
}


.content section {
	font-size: 1.25em;
	/* padding: 3em 1em; */
	display: none;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}


.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;
}

.content section.content-current {
	display: block;
}

.tab-green {width: 96%;color: #fff;margin: 5px auto;background: #65bd22;/* border: 2px solid green; */border-radius: 15px;padding: 10px;margin-bottom: 10px;}
.tab-red {width: 96%;margin: 0 auto;background: transparent;border: 2px solid #8f2a20;padding: 10px;border-radius: 15px;margin-bottom: 10px;}



@media screen and (max-width: 52.375em) {
	.tabs nav a span {
		/* display: block; */
	}

	.tabs nav a:before {
		margin-right: 0;
	}


}

@media screen and (max-width: 32em) {
	.tabs nav ul,
	.tabs nav ul li a {
		/* width: 90%; */
		/* padding: 0; */
		padding: 10px 3px;
	}

	.tabs nav ul li {
		width: 80px;
		/* width: calc(20% + 1px); */
		margin: 0 3px;
	}

	
	
}