@charset "utf-8";
@import "bootstrap.css";
@import "normalize.css";
@import "../node_modules/slick-carousel/slick/slick.css";
@import "../node_modules/magnific-popup/dist/magnific-popup.css";
@import "callback-btn.css";
@import "callback-modal.css";
@import "typography.css";

/* Класс для увеличения картинки */

.zoom-img {}
.zoom-img img {
    height: 300px;
    padding: 0 10px 5px 0;
}


/* Класс для галлереи */

.gallery {}


/* Класс для формы */

.form-submit-toggle {}


/* Класс для кнопки заказать звонок */

.callback-toggle {}


/******** Magnific-Popup *********/

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


/******* Image Cover ********/

.img-cover {
    background-size: cover;
    background-position: center;
}

.img-cover_inited>img {
    visibility: hidden;
}


/**********************************/

.main {
    display: flex;
}

.component {
    width: 100%;
}

.left,
.right {
    width: 30%;
}


/* Пагинация */

.pagination>ul {
    margin-top: 15px;
    display: flex;
    list-style: none;
    margin-bottom: 5px;
}

.pagination>ul li {
    margin-right: 20px;
}

.pagination>ul li a {
    text-decoration: none;
    font-weight: 600;
}





/*  */


@font-face {
    font-family: 'Akrobat'; 
    src: url(../fonts/Akrobat.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto'; 
    src: url(../fonts/Roboto-Thin.ttf) format('truetype');
    font-weight: 100;

}


@font-face {
    font-family: 'Roboto'; 
    src: url(../fonts/Roboto-Light.ttf) format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: 'Roboto'; 
    src: url(../fonts/Roboto-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto'; 
    src: url(../fonts/Roboto-Regular.ttf) format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'Roboto'; 
    src: url(../fonts/Roboto-Medium.ttf) format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'Roboto'; 
    src: url(../fonts/Roboto-Bold.ttf) format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Roboto'; 
    src: url(../fonts/Roboto-Black.ttf) format('truetype');
    font-weight: 900;
}

.callback-toggle{
    cursor: pointer;
}
body{
    color: #000;
    font-size: 17px;
    font-family: "Roboto";
    font-weight: 300;

}

body p{
    margin-top: 0;  
    margin-bottom: 10px;
}

.h1,h1{
    text-align: center;
    font-size: 33px;
    margin: 0 0 40px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
}
a {
    color: #4c5e39;
}

.wrapper{
    background: url(../images/bgHeadPage.jpg);
    max-width: 1920px;
    margin: 0 auto;
    min-height:100vh;
   position:relative;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}


.wrapLabel{
    position: relative;
    margin-bottom: 0;
}
.wrapLabel span{
    color: #fff;
    font-weight: 300;
    padding-left: 40px;
    font-size: 13px;
    display: block;
    position: relative;
}
.wrapLabel span a{
    color: #fff;
}
.wrapLabel span:before{
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    content: '';
    /*background: #fff;*/
    border: 1px solid #fff;
    border-radius: 3px;
}
.wrapLabel span:after{
    position: absolute;
    width: 8px;
    height: 8px;
    left: 4px;
    top: calc(50% - 4px);
    content: '';
    background: #fff;
    border-radius: 2px;
    opacity: 0;
}
.wrapLabel input:checked + span:after{
    opacity: 1;
}
.wrapLabel input{
    width: 10px !important;
    height: 10px !important;
    left: 0 !important;
    top: 0 !important;
    position: absolute !important;
    opacity: 0 !important;
}
.flexSA{
    display: flex;
    justify-content:space-around;
}

.flexSB{
    display: flex;
    justify-content:space-between;
}
.flexCenter{
    display: flex;
    justify-content:center;
}

.flexAI{
    display: flex;
    align-items:center;
}

.flexW{
    display: flex;
    flex-wrap:wrap;
}
.flexColumn{
    display: flex;
    flex-direction:column;
}
.flexStart{
    display: flex;
    justify-content:flex-start;
}
.flexEnd{
    display: flex;
    justify-content:flex-end;
}

/*header*/
header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px 0 0;
    z-index: 50;
}
.wrapTLH{
    padding-bottom: 35px;
}
.wrapTLH ul{
    display: flex;
    justify-content: space-between;
    /*width: calc(100% - 420px);*/
}
.wrapTLH ul a{
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
}
.wrapTLH ul .current a{
    background:#facb8c ;
    color: #000;
}
.wrapTLH .buttonsBlock{
    display: flex;
    justify-content: flex-start;
    align-items: center;
} 
.wrapTLH .buttonsBlock a{
    margin-right: 19px;
}
.wrapTLH .galHref{
    font-weight: 400;
    text-transform: uppercase;
    background: none;
    color: #facb8c;
    border: 1px solid #facb8c;
    border-radius: 0 10px 10px 10px;
    display: flex;
    align-items: center;
    height: 51px;
    padding: 0 15px 0 10px;
    transition: all 0.4s;
}
.wrapTLH .galHref .imgW{
    margin-right: 15px;
}
.wrapTLH .galHref svg *{
    transition: all 0.4s;
}
.wrapTLH .galHref:hover{
    background: #facb8c;
    color: #000;
    text-decoration: none;
}
.wrapTLH .galHref:hover svg *{
    fill: #000;
}

.wrapTLH .callback-toggle{
    font-weight: 400;
    text-transform: uppercase;
    background: none;
    color: #6e9e65;
    border: 1px solid #6e9e65;
    border-radius: 0 10px 10px 10px;
    display: flex;
    align-items: center;
    height: 51px;
    padding: 0 15px 0 10px;
    transition: all 0.4s;
}
.wrapTLH .callback-toggle .imgW{
    margin-right: 15px;
}
.wrapTLH .callback-toggle:hover{
    background: #6e9e65;
    text-decoration: none;
    color: #000;
}
.wrapTLH .callback-toggle svg *{
    transition: all 0.4s;
}
.wrapTLH .callback-toggle:hover svg *{
    fill: #000;
}
.botLineH .mail{
    font-size: 17px;
    padding-left: 25px;
    background: url(../images/iconMail.svg) no-repeat left center;
    color: #fff;
    display: inline-block;
}
.botLineH .clock{
    font-size: 17px;
    padding-left: 25px;
    background: url(../images/iconClock.svg) no-repeat left center;
    color: #fff;
}
.botLineH .phone{
    font-size: 22px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 10px;
}
.botLineH .cb{
    font-size: 17px;
    padding-left: 25px;
    background: url(../images/iconCB.svg) no-repeat left center;
    color: #fff;
}
.botLineH .cb span{
    border-bottom: 1px dashed #6e9e65;
}
.botLineH .nucInfo:first-child{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.botLineH .nucInfo:last-child{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 35px;
}


/*End header*/

/*topBannerBlock*/
.topBannerBlock{
    position: relative;
}
.topBannerBlock .txtBlock{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 380px;
    left: calc((100% - 1140px) / 2);
    width: 1140px;
}
.topBannerBlock .name{
    line-height: 1;
    font-size: 43px;
    color: #facb8c;
    text-transform: uppercase;
    margin-bottom: 10px;
} 
.topBannerBlock .afterName{
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 100;
}
.topBannerBlock .afterName:before,.topBannerBlock .afterName:after{
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    line-height: 0;
    width: 132px;
    height: 1px;
}
.topBannerBlock .afterName:before{
    right: calc(100% + 12px);
    background: linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0));
}
.topBannerBlock .afterName:after{
    left: calc(100% + 12px);
    background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0));
}
.tbImgOsn{
    position: absolute;
    bottom: 190px;
    left: calc(50% - 507px);
    /*transform: translateX(-50%);*/
}
.topBannerBlock .bgBlock{
    margin-left: calc((100% - 1920px) / 2);
}
.topBannerBlock .lamps{
    position: absolute;
    top: 0;
    left: calc(50% - 291px);
}
/*End topBannerBlock*/
/*bannerMainBlock*/
.bannerMainBlock{
    margin:-70px 0 160px;
    position: relative;
}
.bannerMainBlock:after{
    position: absolute;
    top: 70px;
    content: url(../images/afterBM.jpg);
    line-height: 0;
}
.wrapBM{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
}
.formBM{
    grid-column-start: span 2;
    border-radius: 10px 70px 70px 70px;
    background: linear-gradient(-34deg,#465d41 30%,#000000);
    position: relative;
    height: 250px;
    transition: all 0.4s;
}
.formBM:hover{
    background: linear-gradient(-34deg,#465d41 50%,#000000);
}
.formBM .name{
    position: absolute;
    font-size: 30px;
    color: #fff;
    left: 30px;
    top: 30px;
    z-index: 4;
    text-transform: uppercase;
    line-height: 1;
}
.formBM .name span{
    font-weight: 700;
    color: #facb8c;
}
.formBM > img{
    position: absolute;
    right: -65px;
    bottom: -69px;
}
.formBM .callback-toggle{
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-weight: 400;
    text-transform: uppercase;
    background: none;
    color: #6e9e65;
    border: 1px solid #6e9e65;
    border-radius: 0 10px 10px 10px;
    display: flex;
    align-items: center;
    height: 51px;
    padding: 0 15px 0 10px;
    transition: all 0.4s;
}
.formBM .callback-toggle .imgW {
    margin-right: 15px;
} 

.nucBM{
    border-radius: 10px 70px 70px 70px;
    background: linear-gradient(-34deg,#465d41 30%,#000000);
    position: relative;
    height: 250px;
    transition: all 0.4s;
}
.nucBM:hover{
    background: linear-gradient(-34deg,#465d41 50%,#000000);
}
.nucBM .name{
    position: absolute;
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    left: 30px;
    top: 30px;
    z-index: 4;
    text-transform: uppercase;
}
.nucBM .more{
    position: absolute;
    left:30px;
    bottom: 30px;
    z-index: 4;
}
.nucBM > {
    position: absolute;
    right: 0;
    bottom: 0;
}


/*End bannerMainBlock*/


/*aboutCompanyBlock*/
.aboutCompanyBlock{
    padding-bottom: 60px;
    position: relative;
    z-index: 2;
}
.aboutCompanyBlock .h1{
    text-align: left;
}
.aboutCompanyBlock .leftBlock{
    width: 655px;
}
.aboutCompanyBlock .rightBlock{
    width: calc(100% - 670px);
    display: flex;
    justify-content: flex-end;
}
.aboutCompanyBlock .rightBlock img{
    max-width: 100%;
}
.aboutCompanyBlock .lineAC{
    margin-bottom: 50px;
    align-items: flex-start;
}
.aboutCompanyBlock .lineAC.reversBlock{
    align-items: flex-end;
}
.aboutCompanyBlock .reversBlock .rightBlock{
    justify-content: flex-start;
}
.aboutCompanyBlock .reversBlock{
    flex-direction: row-reverse;
}
.aboutCompanyBlock p{
    font-size: 15px;
    text-align: justify;
}
.aboutCompanyBlock .wrapMore{
    padding-top: 35px;
}
.aboutCompanyBlock .wrapMore a{
    text-transform: uppercase;
    line-height: 36px;
    font-weight: 400;
    color: #000;
    padding-right: 75px;
    background: url(../images/moreBm.svg) no-repeat right center;
    transition: all 0.4s;
}
.aboutCompanyBlock .wrapMore a:hover{
    background: url(../images/moreBm.svg) no-repeat calc(100% - 10px) center;
}

/*End aboutCompanyBlock*/


/*woodSpeciesBlock*/
.woodSpeciesBlock{
    padding-bottom: 90px;
    position: relative;
    z-index: 1;
}
.woodSpeciesBlock .container{
    position: relative;
    z-index: 2;
}
.nucWSB{
    position: relative;
    margin: 0 5px 5px;
}
.nucWSB .name{
    position: absolute;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    left: 25px;
    top: 13px;
}
.woodSpeciesBlock:before{
    position: absolute;
    content: url(../images/woodSpeciesBlockLeft.png);
    right: calc(50% + 570px);
    bottom: 30px;
}

.woodSpeciesBlock:after{
    position: absolute;
    content: url(../images/woodSpeciesBlockRight.png);
    left: calc(50% - 220px);
    bottom: 80px;
}

/*End woodSpeciesBlock*/


/*preBlock*/
.preBlock{
    padding: 0 0 70px;
}
.nucPre{
    position: relative;
    text-align: center;
    padding: 0 7px;
    width: calc(100% / 6);
}
.nucPre:before{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    height: 190px;
    width: 1px;
    background: linear-gradient(to bottom,rgba(250,203,140,0),rgba(27,24,24,1),rgba(250,203,140,0));
    opacity: 0.3;
}
.nucPre:last-child:before{
    display: none;
}
.nucPre .imgW{
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 0 0 -10px;
}
.nucPre .imgW img{
    max-width: 100%;
}
.nucPre .name{
    position: relative;
    z-index: 1;
    font-size: 15px;
}

/*End preBlock*/


/*schemJobBlock*/
.schemJobBlock{
    padding: 70px 0 90px;
    position: relative;
    z-index: 3;
}
.wrapSJ{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 30px;
}
.wrapSJ .nucStep{
    grid-column-start: span 2;
}
.wrapSJ .txtBlockFirst{
    grid-column-start: span 3;
}
.wrapSJ .nucStep.bigStep{
    grid-column-start: span 3;
}
.wrapSJ .txtBlockFirst .h1{
    text-align: left;
    margin-bottom: 5px;
}
.wrapSJ .txtBlockFirst p{
    font-size: 15px;
}
.wrapSJ .nucStep:nth-child(2){
    background: url(../images/1.png) no-repeat right center;
}
.wrapSJ .nucStep:nth-child(3){
    background: url(../images/2.png) no-repeat right center;
}
.wrapSJ .nucStep:nth-child(4){
    background: url(../images/3.png) no-repeat right center;
}
.wrapSJ .nucStep:nth-child(5){
    background: url(../images/4.png) no-repeat right center;
}
.wrapSJ .nucStep:nth-child(6){
    background: url(../images/5.png) no-repeat right center;
}
.wrapSJ .nucStep:nth-child(7){
    background: url(../images/6.png) no-repeat right center;
}
.wrapSJ .nucStep:nth-child(4) .num{
    color: #000;
}
.wrapSJ .nucStep{
    padding: 15px 30px;
    height: 150px;
    position: relative;
    z-index: 1;
}
.wrapSJ .nucStep .num{
    font-weight: 300;
    font-style: italic;
    font-size: 30px;
    color: #6e9e65;
    margin-bottom: 15px;
    line-height: 1;
}
.wrapSJ .nucStep .name{
    font-size: 19px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;;
}
.wrapSJ .nucStep p{
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.2;
}
.wrapSJ .nucStep > img{
    position: absolute;
    line-height: 0;
}
.wrapSJ .nucStep:nth-child(2) > img{
    right: 100px;
    bottom: 0;
}
.wrapSJ .nucStep:nth-child(3) > img{
    right: 0;
    top: -35px;
}
.wrapSJ .nucStep:nth-child(4) > img{
    right: -40px;
    top: 8px;
}
.wrapSJ .nucStep:nth-child(7) > img{
    right: 70px;
    top: -25px;
}

.wrapSJ .nucStep.white .name,.wrapSJ .nucStep.white p{
    color: #fff;
}

/*End schemJobBlock */


/*formBlock*/
.formBlock{
    padding: 90px 0 0;
    position: relative;
    z-index: 2;
}
.formBlock .title{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
    padding-right: 150px;
}
.formBlock .title .h1{
    margin-bottom: 0;
}
.formBlock:before{
    position: absolute;
    top: -150px;
    right: calc(50% + 200px);
    content: url(../images/decBGForm.png);
}
.formWrap{
    background: linear-gradient(to right,#91a965,#6e9e65);
    border-radius: 10px 70px 70px 70px;
    padding: 30px 60px 30px 175px;
    position: relative;
    z-index: 2;
}
.formWrap:before{
    position: absolute;
    left: 0;
    bottom: 0;
    content: url(../images/formBlockDec.png);
}
.formWrap .topLine{
    display: flex;
    margin-bottom: 70px;
    position: relative;
    z-index: 5;
    justify-content: safe flex-end;
}
.formWrap .rightBlock{
    width: 470px;
}
.formWrap .rightBlock p{
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 30px;
}
.formWrap .wrapInputs input{
    border: none;
    background: url(../images/iconPhone.png) no-repeat left center;
    border-bottom: 1px solid #fff;
    line-height: 50px;
    color: #000;
    padding-left: 30px;
    font-size: 25px;
    width: 50%;
}
.formWrap .wrapInputs button{
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 46%;
    background: none;
    border: 1px solid #fff;
    border-radius: 0 10px 10px 10px;
    transition: all 0.4s;
}
.formWrap .wrapInputs button:hover{
    background: #fff;
    color: #000;
}
.formWrap .wrapLabel{
    position: relative;
    z-index: 5;
}


/*End formBlock*/


/*footer*/
footer{
    background: #1b1818;
    padding: 100px 0 40px;
    position: relative;
    z-index: 1;
}
footer:after{
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: -1;
    height: 755px;
    width: 100%;
    content: '';
    background: linear-gradient(to top,#1b1818,#efc081);
}
footer:before{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    content: '';
    left: 0;
    background: linear-gradient(to right,#1b1818,#6e9e65,#1b1818);
}
footer *{
    color: #fff;
}
footer .h1{
    text-align: left;
}
footer .txtBlockWrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 440px;
    padding-bottom: 70px;
    position: relative;
    z-index: 3;
}
footer .map{
    width: 555px;
    height: 530px;  
    position: relative;
}
footer .map .imgW{
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px 70px 70px 70px;
}
footer .map:before{
    position: absolute;
    content: url(../images/decMap.png);
    right: -340px;
    top: calc(50% - 263px);
    z-index: -1;
}



footer .nav {
    font-size: 15px;
    padding-left: 25px;
    margin-bottom: 25px;
    background: url(../images/iconNav.svg) no-repeat left center;
    color: #fff;
}

footer .clock {
    font-size: 15px;
    padding-left: 25px;
    background: url(../images/iconClock.svg) no-repeat left center;
    color: #fff;
    margin-bottom: 25px;
}

footer .phone{
    font-size: 22px;
    font-weight: 900;
    color: #fff;
    line-height: 22px;
    margin-bottom: 10px;
    padding-left: 25px;
    background: url(../images/iconPhone.svg) no-repeat left center;
    margin-bottom: 25px;
}

footer .cb {
    font-size: 15px;
    padding-left: 25px;
    background: url(../images/iconCB.svg) no-repeat left center;
    color: #fff;
    line-height: 22px;
    margin-bottom: 25px;
}
footer .cb span{
    border-bottom: 1px dashed #6e9e65;
}

.wrapInfo{
    display: grid;
    grid-template-columns: 260px auto;
}
footer .mail {
    font-size: 15px;
    padding-left: 25px;
    background: url(../images/iconMail.svg) no-repeat left center;
    color: #fff;
    display: inline-block;
    line-height: 22px;
}
footer .socBlock{
    display: flex;
    justify-content: flex-start;
}
footer .socBlock a{
    margin-right: 15px;
}
.gallaryJobBlock{
    position: absolute;
    left: 100%;
    bottom: 20px;
}
.gallaryJobBlock a{
    position: absolute;
    bottom: 55px;
    left: calc(50% - 98px);
    border-radius: 0 10px 10px 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 20px 0 10px;
    background: #6E9E65;
}
.gallaryJobBlock a .imgW {
    margin-right: 15px;
}
.wrapContacts{
    margin-bottom: 40px;
}
.botLineF p{
    font-size: 14px;
    margin-bottom: 0;
}
.botLineF ul{
    display: flex;
    justify-content: center;
    margin-bottom: 0;
}
.botLineF ul a{
    color: #fff;
    font-size: 14px;
    display: block;
    margin: 0 12px;
}

.botLineF .copyright,.botLineF .copyright a{
    color: rgba(255,255,255,0.35);
    font-size: 14px;

}







/*End footer*/

/*modalF*/
.modalF.callback-modal{
    width: 1030px;
    max-width: 90%;
    padding: 40px 50px;
    height: 412px;
    background: linear-gradient(to right,#91a965,#6e9e65);
    border-radius: 70px;
}
.modalF:before{
    position: absolute;
    right: -20px;
    top: 0;
    content: url(../images/modalBg.png);
}
.modalF .callback-modal__form{
    position: relative;
    z-index: 1;
}
.modalF .callback-modal__headline{
    font-size: 35px;
    line-height: 1;
    margin-bottom: 45px;
    font-weight: 300;
    text-transform: uppercase;
    color: #000;
    text-align: left;
}
.modalF p{
    font-size: 17px;
    line-height: 1;
    margin-bottom: 65px;
}
.modalF form{
    display: grid;
    grid-template-columns: 213px 270px;
    grid-gap: 2px 25px;
}
.modalF .wrapLabel{
    grid-row-start: span 2;
}
.modalF .wrapLabel span:before{
    top: 3px;
}
.modalF .wrapLabel span:after{
    top: 7px;
}
.modalF .wrapLabel span,.modalF .wrapLabel span a{
    color: #000;
}
.modalF input{
    border: none;
    border-bottom: 1px solid #fff;
    line-height: 50px;
    color: #000;
    font-size: 21px;
    background: none;
    margin-bottom: 0;
}
.modalF .send{
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 100%;
    background: none;
    border: 1px solid #fff;
    border-radius: 0 10px 10px 10px;
}

.modalF .mfp-close{
    width: 80px;
    height: 80px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 70px;
    line-height: 1;
    color: #000;
    font-weight: 100;
    border-radius: 50%;
    right: -150px;
    top: 0;
}

/*End modalF*/

.mobMainBlock{
    display: none;
}




/*insidepage*/
.breadcrumbs{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 50px 0 35px;
}
.breadcrumbs span{
    font-size: 17px;
    font-weight: 300;
    color: #604931;
}
.breadcrumbs a:hover{
    color: #604931;
}
.insidepage header{
    position: relative;
}
.contentBlock{
    position: relative;
    z-index: 5;
}
.insidepage .contentBlock{
    padding: 0 0 50px;
}
.insidepage .wrapper{
    min-height: 1000px;
    background: url(../images/afterBM.jpg) no-repeat center -300px,url(../images/bgHeadPage.jpg);
}
.pageHeader h1{
    font-size: 43px;
    color: #facb8c;
    padding-bottom: 32px;
    margin-bottom: 50px;
    position: relative;
}
.pageHeader h1:before{
    position: absolute;
    content: url(../images/decH1.png);
    bottom: 0;
    left: calc(50% - 143px);
}
.insidepage .contentBlock p{
    font-size: 17px;

}
h2,.h2{
    font-size: 33px;
    margin: 100px 0 50px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 300;
}
.gallary{
    padding: 50px 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
}
.gallary .imgW{
    overflow: hidden;
    border-radius: 20px;
    display: block;
}
.gallary .imgW img{
    max-width: 150%;
    max-height: 150%;
}
.insidepage .contentBlock{
    min-height: 540px;
}

.link-gallery {
    font-size: 18px;
    margin-top: 30px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
.link-gallery:hover {
    color: #4c5e39;
}

.inGalHref {
    font-weight: 400;
    text-transform: uppercase;
    background: none;
    color: #000;
    border: 1px solid  #000;
    border-radius: 0 10px 10px 10px;
    display: flex;
    align-items: center;
    height: auto;
    padding: 5px 10px;
    transition: all 0.4s;
    width: max-content;
}
.inGalHref .imgW {
    margin-right: 15px;
}
.inGalHref svg *{
    fill: #000;
    transition: all 0.4s;
}
.inGalHref:hover{
    background: #6e9e65;
    border: 1px solid #6e9e65;
    color: #000;
    text-decoration: none;
}
.inGalHref:hover svg *{
    fill: #000;
}

.contact {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.contact .nav {
    background: url(../images/iconNav.svg) no-repeat left center;
    padding-left: 30px;
    margin-right: 15px;
}
.contact .clock {
    background: url(../images/iconClock.svg) no-repeat left center;
    padding-left: 30px;
    margin-right: 15px;
}
.contact .phone {
    background: url(../images/iconCB.svg) no-repeat left center;
    padding-left: 30px;
    margin-right: 15px;
}
.contact .mail {
    background: url(../images/iconMail.svg) no-repeat left center;
    padding-left: 30px;
}

.galereya {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.galereya img {
    height: 250px;
    width: 190px;
    border-radius: 30px;
    object-fit: cover;
}

/*End insidepage*/


/* --- Media styles --- */

@media screen and (min-width:1200px){

}
@media screen and (max-width:1199px){
  .wrapTLH ul{
    width: calc(100% - 320px);
    font-size: 13px;
  } 
  .wrapTLH .galHref{
    padding: 0 5px 0 5px;
  }
  .wrapTLH .callback-toggle{
    padding: 0 5px 0 5px;
  }
  .wrapTLH .galHref .imgW {
    margin-right: 7px;
}
.wrapTLH .callback-toggle .imgW{
    margin-right: 7px;
}
.wrapTLH .buttonsBlock a {
    margin-right: 10px;
}

  .wrapTLH ul a{
    font-size: 13px;
    padding: 3px;
  }
  .botLineH .phone {
    font-size: 20px;
} 
.botLineH .nucInfo:last-child{
    margin-left: 1px;
}
.wrapBM{
    grid-template-columns: repeat(2,1fr);
    grid-gap: 30px 30px;
}
.nucBM{
    width: 361px;
    margin: 0 auto;
}
.aboutCompanyBlock .wrapMore {
    padding-top: 10px;
}
.aboutCompanyBlock .rightBlock {
    width: calc(100% - 610px);
}
.aboutCompanyBlock .leftBlock {
    width: 600px;
}
.wrapSJ .nucStep{
    padding: 15px 10px;
}
.wrapSJ .nucStep:nth-child(3) > img{
    right: -47px;
}
.wrapSJ .nucStep:nth-child(4) > img {
    right: -60px;
}
.wrapSJ .nucStep:nth-child(2) > img {
    right: 65px;
    bottom: 0;
}
.h1, h1{
    font-size: 30px;
}
.formWrap::before{
    left: -155px;
}
footer .txtBlockWrap{
    width: 380px;
}
footer .map {
    width: 515px;
}
.gallaryJobBlock{
    left: calc(100% - 80px);
}
footer .phone {
    font-size: 20px;
}
.wrapInfo{
    grid-template-columns: 220px auto;
}
}

@media screen and (max-width:991px){
.tbImgOsn{
    left: 0;
}


    .lamps{
        display: none;
    }
    .tbImgOsn{
        /*max-width: 100%;*/
    }
    .tbImgOsn img{
        max-width: 100vw;
    }

.wrapTLH{
    flex-direction: column-reverse;
}
header{
    padding: 15px 0 0;
}
.wrapTLH ul{
    width: 100%;
    margin-bottom: 10px;
}
.topBannerBlock .txtBlock{
    top: 295px;
}
.topBannerBlock .bgBlock{
    width: 1600px;
    margin-left: calc((100% - 1600px) / 2);
}
.wrapBM{
    grid-gap: 30px 10px;
}
.lineAC {
    flex-direction: column-reverse;
    align-items: center;
    margin-bottom: 50px;
}
.lineAC .rightBlock{
    margin-bottom: 20px;
    justify-content: center;
width: 100%;
}
.lineAC.reversBlock {
    flex-direction: column-reverse;
}
.lineAC .leftBlock{
    width: 100%;
}
.aboutCompanyBlock .reversBlock .rightBlock{
    justify-content: center;
}
.wrapPre {
    flex-wrap: wrap;
}
.nucPre{
    width: calc(100% / 3);
    margin-bottom: 30px;
}
.nucPre:nth-child(3):before{
    display: none;
}
.wrapSJ .nucStep:nth-child(n) > img{
    display: none;
}

.formWrap::before{
    display: none;
}
.formBlock{
    padding-top: 0;
}
.formBlock .title{
    padding-right: 0;
    justify-content: center;
}
.formWrap{
    padding: 30px;
}
.formWrap .rightBlock{
    width: 100%;
}
.formWrap .topLine{
    margin-bottom: 25px;
}
.gallaryJobBlock{
    display: none;
}
.wrapContacts{
    flex-direction: column-reverse;
}
footer .txtBlockWrap{
    width: 100%;
}
footer .map{
    width: 100%;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}
footer .map .imgW{
    max-width: 555px;
}

footer .logo{
    margin-top: 20px;
}
footer .txtBlockWrap{
    align-items: flex-start;
    padding-bottom: 20px;
}
.wrapBLF {
    flex-wrap: wrap;
    justify-content: space-around;
}
.wrapBLF > p,.wrapBLF > .copyright{
    order: 2;
}
.wrapBLF ul{
    width: 100%;
    margin-bottom: 10px;
}
.modalF::before{
    display: none;
}
.modalF form {
    grid-template-columns: repeat(2,1fr);
}


}

    

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

.modalF .callback-modal__headline{
    font-size: 26px;
margin-bottom: 15px;
text-align: center;
}
.modalF p{
    margin-bottom: 15px;
    text-align: center
}
.modalF.callback-modal{
    padding: 40px 20px;
    border-radius: 0;
    height: auto;
}
.modalF .mfp-close{
    right: 3px;
    top: 3px;
    font-size: 30px;
    width: 40px;
    height: 40px;
}
.modalF form{
    grid-template-columns: repeat(1,1fr);
    grid-gap: 10px;
}
.modalF .wrapLabel {
    grid-row-start: span 1;
    order: 3;
}
.modalF .send{
    order: 4;
}


.mobMainBlock{
    z-index: 500;
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    bottom: 0;
    display: block;
    background: #242529;
    transition: all 0.4s;

}
.mobMainBlock .wrapMain{
    margin-top: 50px;
    overflow-y: auto;
    max-height: calc(100vh - 100px);
}
.mobMainBlock .wrapMain ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 15px;

}
.activeMain .mobMainBlock{
    left: 0;
}
.mobMainBlock .mainButt{
    border:2px solid #242529;
    position: absolute;
    right: -50px;
    transition: all 0.4s;
    top: 80px;
    width: 50px;
    height: 40px;
    background: #facb8c;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
}
.activeMain .mobMainBlock .mainButt{
    right: 0;
    top: 0;
}
.mobMainBlock .mainButt .line{
    width: 100%;
    position: relative;
    height: 2px;
    background: #000;
    transition: all 0.4s;
}
.mobMainBlock .mainButt .line:nth-child(2):before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background: #000;
    content: '';
    transition: all 0.4s;
}

.activeMain .mobMainBlock .mainButt .line:nth-child(1),.activeMain .mobMainBlock .mainButt .line:nth-child(3){
    opacity: 0;
}
.activeMain .mobMainBlock .mainButt .line:nth-child(2){
    transform: rotate(45deg);
}
.activeMain .mobMainBlock .mainButt .line:nth-child(2):before{
    transform: rotate(-90deg);
}

.wrapMain ul a{
    font-size: 20px;
    color: #fff;
    display: block;
    margin-bottom: 15px;
}


.wrapTLH ul{
    display: none;
}

    .schemJobBlock{
        display: none;
    }
.preBlock{
    position: relative;
    z-index: 2;
}

.wrapTLH {
    padding-bottom: 15px;
}
.wrapBLH{
    flex-wrap: wrap;
    justify-content: center;
}
.wrapInfoBlock{
    width: 100%;
    justify-content: center;
    margin-top: 15px;
}

.wrapBM{
    grid-template-columns: repeat(1,1fr);
}
.formBM > img{
    display: none;
}
.formBM{
    grid-column-start: span 1;
}
.topBannerBlock .name{
    font-size: 32px;
}
.bannerMainBlock {
    margin: -70px 0 75px;
}
.nucPre::before{
    display: none;
    
}
.nucPre{
    width: calc(100% / 2);
}



}
    
@media screen and (max-width:675px){
    .breadcrumbs {
        padding: 30px 0 25px;
    }
    .pageHeader h1 {
        font-size: 40px;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    h2, .h2 {
        margin: 40px 0 20px;
        font-size: 28px;
    }
    .gallary {
        padding: 30px 0;
    }
    .galereya img {
        height: 150px;
        width: 100px;
    }
    
}
@media screen and (max-width:640px){
    
}
@media screen and (max-width:600px){
    .formWrap .wrapInputs{
        flex-direction: column;
        align-items: center;
    }
    .formWrap .wrapInputs input{
        width: 100%;
        margin-bottom: 15px;
    }
    .formWrap .wrapInputs button{
        width: 100%;
        max-width: 230px;
    }
    .formWrap {
    padding: 30px 15px;
}
.formWrap  p{
    line-height: 1.1
}
.formWrap .wrapLabel span{
    line-height: 1.1
}
.topBannerBlock .bgBlock{
    width: 1400px;
    margin-left: calc((100% - 1400px) / 2);  
}
.inGalHref {
    margin-bottom: 10px;
}
    
}
@media screen and (max-width:485px){
.topBannerBlock .bgBlock{
    width: 1300px;
    margin-left: calc((100% - 1300px) / 2);  
}


    .h1, h1 {
    font-size: 24px;
}
.topBannerBlock .name {
    font-size: 24px;
}
.nucPre{
    width: 100%;
}
.wrapInfo{
    grid-template-columns: 100%;
    grid-gap: 20px;
}
footer .phone,footer .cb{
    margin-bottom: 0;
}
.botLineF ul a{
    font-size: 12px;
    margin: 0 5px;
}

.logo img{
    max-width: 200px;
}
.wrapTLH .galHref{
    height: 42px;
    padding: 0 10px 0 5px;
    font-size: 14px;
}
.wrapTLH .callback-toggle{
    height: 42px;
    padding: 0 10px 0 5px;
    font-size: 14px;
}
.wrapInfoBlock  {
    flex-direction: column;

}
.botLineH .nucInfo,.botLineH .nucInfo:last-child{
    width: 100%;
    display: flex;
    align-items: center;
}
.botLineH .phone,.botLineH .mail,.botLineH .clock{
    margin-bottom: 5px;
}
.pageHeader h1:before {
    display: none;
}
.pageHeader h1 {
    font-size: 33px;
    padding-bottom: 0;
    margin-bottom: 25px;
}
h2, .h2 {
    margin: 30px 0 20px;
    font-size: 24px;
}
.breadcrumbs {
    padding: 20px 0 15px;
}
.breadcrumbs span {
    font-size: 15px;
}
.insidepage .contentBlock {
    padding: 0;
}
.formWrap .rightBlock p {
    font-size: 15px;
    margin-bottom: 15px;
}
.formWrap .wrapInputs input {
    line-height: 30px;
    font-size: 20px;
}
.formWrap .topLine {
    margin-bottom: 15px;
}
.formWrap .wrapLabel span {
    padding-left: 30px;
}
.formWrap .wrapLabel {
    margin-left: 10px;
}
footer {
    padding: 30px 0;
}
.gallary {
    grid-template-columns: repeat(2,1fr);
}
    
}
@media screen and (max-width:425px){}
@media screen and (max-width:400px){

.nucBM img{
    max-width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.nucBM{
    max-width: 290px;
    overflow: hidden;
    width: 100%;
    height: 200px;
    border-radius: 10px 55px 55px 55px;
}
.formBM .name{
    font-size: 22px;
}

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