@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeueBold.woff2') format('woff2'),
        url('../fonts/BebasNeueBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeueRegular.woff2') format('woff2'),
        url('../fonts/BebasNeueRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}






/*Default*/
body{
    overflow-x: hidden;
}
input{
    box-sizing: border-box;
}
input::-webkit-input-placeholder {
    font-size: 16px;
    font-family: Montserrat, sans-serif;
}
input::-moz-placeholder{
    font-size: 16px;
    font-family: Montserrat, sans-serif;
}
input:-moz-placeholder           {
    font-size: 16px;
    font-family: Montserrat, sans-serif;
}
input:-ms-input-placeholder{
    font-size: 16px;
    font-family: Montserrat, sans-serif;
}
.container{
    max-width: 1685px;
    margin: 0 auto;
}
.main-btn{
    max-width: 230px;
    width: 100%;
    padding: 13px 0;
    background: rgb(153,182,75);
    background: linear-gradient(180deg, rgba(140,184,63,1) 27%, rgba(27,145,59,1) 100%);
    color: #fff;
    font-family: "Bebas Neue", sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    transition: .3s;
    letter-spacing: 1.7px;
    border: 0;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
}
.main-btn:hover{
    background: linear-gradient(360deg, rgba(140,184,63,1) 27%, rgba(27,145,59,1) 100%);
    box-shadow: none; 
}
.top-arrow{
    display: none;
    position: fixed;
    top: 85%;
    left: 90%;
    width: 65px;
    height: 65px;
    background: url(../img/top-arrow.png) no-repeat center center;
    z-index: 10;
    cursor: pointer;
}
/*layout*/
.header{

}
.logo-contacts{
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    align-items: center;
    color: #323333;
    font-family: "Bebas Neue", sans-serif;
}
.contacts-left{
    width: 47%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contacts-right{
    width: 47%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo{
    display: flex;
    align-items: center;
}
.logo__text{
    font-size: 18px;
    text-transform: uppercase;
    margin-left: 20px;
    font-weight: 900;
    letter-spacing: 1.2px;
}
.green{
    color: #44a639;
}
.logo__text span{
    font-size: 32px;
    font-family: "Bebas Neue", sans-serif;
}
.contancts__adress{
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}
.contancts__adress::before{
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(../img/icon-marker.png) no-repeat top center;
    background-size: 72%;
    margin-right: 25px;
}
.contacts-tel__block{
    font-family: Montserrat, sans-serif;
        margin-left: auto;
    margin-right: 100px;
}
.contacts-tel{
    font-size: 24px;
    margin: 0;
    margin-bottom: 10px;
}
.contacts-tel a {
    border: none;
    text-decoration: none;
    color: inherit;
}
.contacts-tel a:hover{
    border-bottom: 1px solid #323333;
}
.contacts-worktime{
    font-weight: 300;
    font-size: 15px;
    margin: 0;
    letter-spacing: 1px;
}
.menu-block{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
    overflow: hidden;
    height: 0;
    transition: 1.2s;
    background: #fff;
    z-index: 2;
}
.menu{
    width: 90%;
    margin: 0 auto;
}
.menu-logo-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.menu-logo{
    display: flex;
    align-items: center;
}
.menu-logo p{
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    font-size: 21px;
    line-height: 16px;
    margin-left: 10px;
    letter-spacing: 1px;
    font-weight: 600;
}
.small{
    font-size: 11px;
    letter-spacing: 0.1px;
}
.menu-logo img{
    
}
.menu-links, .menu-links__item{
    padding: 0;
    margin: 0;
    display: block;
}
.menu-links{
    padding-left: 43px;
}
.menu-links__item{
    color: #2c2c29;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
    margin-bottom: 12px;
    letter-spacing: 1px;
}
.menu-links__item a{
    color: inherit;
    border: 0;
    text-decoration: none;
}
.menu-links__item:hover{
    color: #38A816;
}
.full-version{
    display: inline-block;
    margin-top: 40px;
    padding-left: 43px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #2c2c29;    
    letter-spacing: 1px;
}
.menu-footer{
    border-top: 1px solid #EDEDED;
    padding-left: 43px;
}
.menu-footer p{
    text-transform: uppercase;
    color: #A4A4A4;
    font-size: 11px;
    margin: 14px 0;
    letter-spacing: 1px;
}
.menu-close{
    width: 20px;
    height: 20px;
    background: url(../img/close-menu.png) no-repeat center;
    background-size: 100%;
    cursor: pointer;
}
.menu-btn{
    display: none;
    width: 40px;
    height: 40px;
    background: url(../img/menu-btn.png) no-repeat center center;
    background-size: 100%;
    cursor: pointer;
}

.header-content__block{
    display: flex;
    justify-content: space-between;
    padding: 135px 90px 105px 90px;
    background: url(../img/header-bg.jpg) no-repeat center center;
    background-size: cover;
}
.header-title__block{
    color: #fff;
    font-family: "Bebas Neue", sans-serif;
    padding-top: 60px;
}
.header-mob{
    display: none;
    width: 100%;
    text-align: center;
    margin: 25px 0 35px 0;
}
.header-mob__title{
    position: relative;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 600;
    z-index: 1;
}
.mob-screen{
    position: absolute;
    top: 30px;
    left: 0;
    height: 90%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;

}
.header-mob__title h1{ 
    font-size: 28.39px;
    margin: 0;
    padding: 0;
    line-height: 39px;
    letter-spacing: 3px;
}
.mob-yell{
    color: #0f0b09;
    background: url(../img/title-yell_bg.png) no-repeat;
    padding: 13px 20px;
    margin-right: 21px;
}
.mob-red{
    color: #fff;
    padding: 9px 20px;
    background: url(../img/title-red_bg.png) no-repeat;

}
.mob-description{
    color: #fff;
    font-size: 18px;
    margin: 30px 0 40px 0;
    letter-spacing: 1px;

}
.mob-special{
    color: #fff;
    font-size: 20px;
    margin: 0;
    letter-spacing: 1px;

}
.mob-discount{
    display: inline-block;
    color: #fff;
    background: #FC1C2C;
    padding: 8px 30px;
    margin: 25px 0 30px 0;
    letter-spacing: 2px;
}
.header-title{
    font-size: 56px;
    margin-top: 0;
    letter-spacing: 6px;
}
.header-title span{
    font-size: 80px;
    background: #85b53d;
    padding: 10px 20px 10px 25px;
    letter-spacing: 10px;
    display: block;
    margin-bottom: -25px;
    max-width: 600px;
    width: 100%;
    text-align: center;
}
.header-description{
    font-size: 22px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    letter-spacing: 2.5px;
}

/*Форма первого экрана*/
.header-form{
    position: relative;
    max-width: 460px;
    width: 100%;
    min-height: 470px;
    text-align: center;
    color: #fff;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    padding: 45px 0 40px 0;
    background: rgba(0, 0, 0, 0.7);  
}
.header-form__title{
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    margin-top: 0;
    letter-spacing: 3.5px;
    color: #fff;
}
.header-form__title-2{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.header-form__title .header-form__circle{
    content: '';
    display: inline-block;
    width: 59px;
    height: 59px;
    background: #85b53d;
    margin-left: 15px;
    border-radius: 30px;
    padding-top: 16px;
    box-sizing: border-box;
    font-size: 18px;
    letter-spacing: 3px;
    text-align: center;
}
.header-form__title span{
    font-size: 24px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 5px;
}
.timer-numbers{
    display: flex;
    margin: 0 auto 25px auto;
    padding: 10px 0;
    max-width: 310px;
    width: 100%;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    color: #fff;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
}
.number-wrap{
    display: flex;
}   
.number{

}
.number-wrap::after{
    content: ':';
    display: inline-block;
    font-size: 24px;
    margin: 0 14px;
}
.number-wrap:last-child::after{
    display: none;
}
.number__item{
    font-size: 20px;
	opacity: 1;
    transition: opacity 1s;
}
.number__item.hide{
    opacity: 0;
    transition: opacity 1s;
}
.number__timeunit{
    font-size: 9.5px;
    letter-spacing: 2px;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 0;
}

.header-main-form label{
    font-size: 16px;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 2px;
}
.header-main-form input{
    display: block;
    max-width: 290px;
    width: 100%;
    margin: 20px auto 30px auto;
    padding: 20px 0 20px 30px;
    background: none;
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
}
.header-main-form input::-webkit-input-placeholder{
    color: #fff;
}
.header-main-form input::-moz-placeholder{
    color: #fff;
}
.header-main-form input:-moz-placeholder{
    color: #fff;
}


/*calc*/

.calc{
    padding: 95px 0 0 0;
}
.calc-title{
    color: #010101;
    font-size: 24px;
    font-family: Montserrat, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 4px;
    margin: 0 0 45px 0;
}

/*Pagination*/
.calc-pagination{
    display: flex;
    justify-content: center;
    margin: 75px 0 50px 0;
}
.dot-block{
    text-align: center;
    margin-right: 75px;
}
.dot-block:nth-child(3){
    margin: 0;
}
.calc-dot{
    position: relative;
    width: 15px;
    height: 15px;
    border-radius: 7.5px;
    background: #e5e5e5;
    display: block;
}
.dot-line{
    position: absolute;
    left: 15px;
    top: 7px;
    width: 77px;
    height: 1px;
    background: #F8F8F8;
}
.calc-dot__active{
    background: #93b34a;
}
.cale-dot__number{
    display: none;
    color: #222220;
    font-size: 15px;
    font-family: Montserrat, sans-serif;
}
.cale-dot__number__active{
    display: block;
}

/*Calc content*/
.calc-step_1{
    margin-bottom: 50px;
}
.calc-content{
    padding: 70px 0 60px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}
.input-group{
    position: relative;
    display: block;
    max-width: 165px;
    min-height: 195px;
    width: 100%;
    height: 100%;
    border: none !important;
}
.input-group_active{
    border: 3px solid #9DBA5A;
}
.calc-content__wrap{
    max-width: 1050px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.radio{
    visibility: hidden;
}
.radio-label{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 15px;
    display: block;
    max-width: 125px;
    max-height: 125px;
    width: 100%;
    height: 100%;
    border: 1px solid #E5E5E5;
    cursor: pointer;
}
.radio-label__active{
    border: 2px solid #93B34A;
}
.calc-img_1{
    background: url(../img/calc/1.png) no-repeat top center;
    width: 80px;
    height: 18px;
    display: block;
    margin: 55px auto 0 auto;
}
.calc-img_2{
    background: url(../img/calc/2.png) no-repeat top center;
    width: 80px;
    height: 60px;
    display: block;
    margin: 35px auto 0 auto;
}
.calc-img_3{
    background: url(../img/calc/3.png) no-repeat top center;
    width: 80px;
    height: 60px;
    display: block;
    margin: 35px auto 0 auto;
}
.calc-img_4{
    background: url(../img/calc/4.png) no-repeat top center;
    width: 80px;
    height: 60px;
    display: block;
    margin: 35px auto 0 auto;
}

/*Step 2*/
.calc-step_2{
}
.calc-step_2-wrap{
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
}
.calc-step_2__item{
    position: relative;
    height: 245px;
}
.gray-block{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 255px;
    height: 60px;
    background: #E4E4E4;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    color: #6b6b6b;
    letter-spacing: 2px;
    margin: 30px auto 0 auto;
}
.gray-block__long{
    display: inline-block;
    width: 65px;
    height: 30px;
    border: 1px solid #BEBEBE;
    border-radius: 5px;
    margin-right: 10px;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    background: 0;
    color: #6b6b6b;
}
.range_1{
    -webkit-appearance: none;
    display: block;
    margin: 0 auto;
    width: 365px;
    height: 4px;
    background: -webkit-linear-gradient(left, #93B34A 0%, #93B34A 30%, #EDEDED 30%, #EDEDED 100%);
    border-radius: 50px;
    outline: none;
}
.range_1::-webkit-slider-thumb{
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background: #91B459;
    border: 3px solid #EFEFEF;
    border-radius: 9px;
    cursor: pointer;
}
.navigation-calc{
    display: flex;
    justify-content: center;
    margin-top: 30px;
    align-items: center;
}
.calc-btn{
    max-width: 290px;
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}
.calc-back-btn{
    display: none;
    position: relative;
    margin-right: 50px;
    text-transform: uppercase;
    color: #dddddd;
    font-size: 22px;
    letter-spacing: 1px;
    transition: .3s;
    font-family: "Bebas Neue", sans-serif;
    cursor: pointer;
}
.calc-back-btn:hover{
    color: #222220;
}
.calc-back-btn::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -45px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/calc/calc-arrow.png) no-repeat center;

}
.calc-enter{
    color: #222220;
    font-size: 22px;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 1px;
    margin-left: 50px;
}
/*two*/
.range-wrap__left{
    position: absolute;
    transform: rotate(-90deg);
    left: -25px;
    top: 90px;
}
.range-wrap__right{
    position: absolute;
    transform: rotate(-90deg);
    left: 204px;
    top: 90px;
}
.range-wrap__bottom{

}
.gray-block_right{
    width: 185px;
    margin: 0 auto 30px auto;
}
.gray-block__bottom{
    width: 80px;
    position: absolute;
    bottom: 14px;
    right: 57px;
}
.range_2{
    width: 145px;
}
.gray-block_left{
    width: 185px;
}

/*step 3*/
.calc-step_3{
}
.calc-step_3-wrap{
    display: flex;
    justify-content: space-between;
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 60px;
}
.calc-step-3__item{
    position: relative;
    width: 135px;
    height: 165px;
}

.facade_1{
    visibility: hidden;
}
.facade_1-label{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 15px;
    display: block;
    background: url(../img/calc/facade.png) no-repeat center center;
    max-width: 95px;
    max-height: 95px;
    width: 100%;
    height: 100%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.calc-step-3_title{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    margin-bottom: 0;
}

/*Step 4*/
.calc-step_4{

}
.calc-step_4-wrap{
    max-width: 795px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.calc-step_4__item{
    max-width: 245px;
    width: 100%;
    height: 160px;
    border: 3px solid #E7E7E7;
    padding: 20px;
    cursor: pointer;
}
.calc-step_4__item:nth-child(2){
     border: 3px solid #9DBA5A;
}
.calc-version{
    text-transform: uppercase;
    font-size: 24px;
    font-family: "Bebas Neue", sans-serif;
    margin: 0 0 26px 0;
    color: #000;
    letter-spacing: 3px;
}
.calc-price{
    font-size: 13px;
    font-family: Montserrat, sans-serif;
    letter-spacing: 2px;
    margin: 0;
}
.calc-price span{
    font-size: 19px;
    color: #222220;
    letter-spacing: 2.6px;

}
.calc-price:nth-child(3){
    margin-top: 11px;
    text-align: right;
}
.calc-step_4__title{
    color: #222220;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    font-family: "Bebas Neue", sans-serif;
    margin: 60px 0 30px 0;
    letter-spacing: 7px;
}
.calc-step_4__tel{
    display: block;
    max-width: 290px;
    width: 100%;
    margin: 0 auto 60px auto;
    padding: 20px 0;
    text-align: center;
    font-size: 15px;
    color: #595959;
    font-family: Montserrat, sans-serif;
    border: 1px solid #D5D5D5;
}

/*calc hide show*/

.active-step{
    display: block;
}
.disable-step{
    display: none;
}

/*catalog*/
.catalog{
    padding: 115px 0 0 0;
}
.catalog-btn{
    font-size: 18px;
}
.fancybox-container .catalog-btn{
        position: fixed;
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
	z-index: 999;
	   
}

.catalog-content__option{
    display: flex;
    justify-content: space-between;
    margin-bottom: 55px;
}
.kithen-choose{
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
    margin: 50px 0;
    align-items: flex-end;
}
.kithen-pages{
    margin-bottom: 0;
}
.kithen-choose li{
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #909090;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 900;
    letter-spacing: 3px;
    cursor: pointer;
}
.kithen-choose li::after{
    content: '';
    display: inline-block;
    height: 17px;
    align-self: center;
    width: 2px;
    background: #C9C9C9;
    margin: 0 25px;
}
.kithen-choose li:hover{
    color: #78a657;
}
.kithen-choose li:last-child::after{
    display: none;
}


.kithen-type{
    display: flex;
    align-items: center;
}
.kithen-choose__type{
    margin: 0;
}

.kithen-the-type{
    margin: 0;
    padding: 0;
    color: #222220;
    font-size: 20px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 900;
    letter-spacing: 3px;
    margin-right: 35px;
}
.kithen-color{
    display: flex;
    align-items: center;
    padding-right: 25px;
}
.kithen-color__choose img{
    cursor: pointer;
    margin-right: 9px;
    padding: 3px;
}
.catalog-content{
    padding: 50px 0 40px 0;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
}
.catalog-kithens{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -15px -10px;
    width: 100%;
}
.catalog-kithens__item{
    position: relative;
    max-width: 400px;
    max-height: 310px;
    width: 100%;
    height: 100%;
    margin: 15px 10px;
}

.kithens-info{
    position: absolute;
    display: none;
    left: 50%;
    transform: translateX(-50%);
    top: 15px;
    text-align: center;
    width: 85%;
    height: 85%;
    background: #fff;
    padding: 40px 90px;
    color: #222220;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transition: 0.4s;
}
.kithens-info__img{
    cursor: pointer;
    width: 35px;
    min-height: 35px;
    background: url(../img/kitchens/icon.png) no-repeat top center;
    background-size: 93%;
    transition: .4s;
}
.kithens-info__img:hover{
    background: url(../img/kitchens/icon__active.png) no-repeat top center;
    background-size: 93%;
    width: 35px;
    min-height: 35px;
}

.catalog-kithens__item:hover .kithens-info{
    opacity: 1;
}
.catalog-kithens__item:hover .kithens-info .kithens-info__img{
   display: block;
}
.kithens-info__title{
    margin: 25px 0 0 0;
    padding: 0;
    font-size: 27px;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 6px;
}
.kithens-info__price{
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 15px;
    letter-spacing: 1.7px;
}
.kithens-info__price span{
    font-size: 20px;
}


/*gifts*/
.gifts{
    padding: 70px 0 0 0;
    color: #222220;
}
.gift-main-btn{
    max-width: 300px;
}
.title__block{
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #222220;
}
.title__title{
    font-family: "Bebas Neue", sans-serif;
    font-size: 48px;
    font-weight: 900;
    margin-bottom: 25px;
    letter-spacing: 9px;
    margin-top: 0;
}
.title_description{
    font-size: 19px;
    font-family: Montserrat, sans-serif;
    margin: 0;
    line-height: 1.6;
    letter-spacing: 2px;
}
.gifts-wrap{
    max-width: 1370px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.gift{
    max-width: 433px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    overflow: hidden;
}
.gift-img{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 333px;
}
.gift-img__dark-screen{
    opacity: 0.7;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    transition: .4s;
}
.gift-img__active{
    opacity: 0;
}
.gift-number{
    position: absolute;
    right: 0;
    top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 70px;
    background: #82b33d;
    color: #fff;
    font-size: 32px;
    font-family: "Bebas Neue", sans-serif;
    text-align: center;
}
.mob-text{
    display: none;
    position: absolute;
    top: 165px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    font-size: 10.11px;
    font-family: Montserrat, sans-serif;
    padding: 9px 10px;
    background: #91B249;
    width: 50%;
}
.gift-1{
    background: url(../img/gift-1.jpg) no-repeat top center;
    background-size: cover;
}
.gift-2{
    background: url(../img/gift-2.jpg) no-repeat top center;
    background-size: cover;
}
.gift-3{
    background: url(../img/gift-3.jpg) no-repeat top center;
    background-size: cover;
}
.gift-title{
    font-family: "Bebas Neue", sans-serif;
    font-size: 30px;
    margin-bottom: 10px;
    letter-spacing: 7px;
}
.gift-description{
    letter-spacing: 1px;
    font-size: 13px;
    font-family: Montserrat, sans-serif;
    line-height: 1.6;
}
.get-gift__block{
    min-height: 175px;
    background: url(../img/get-gift-bg.jpg) no-repeat top center;
    margin-top: 25px;
}

.get-gift__title span{
    font-family: "Bebas Neue", sans-serif;
    font-size: 30px;
    letter-spacing: 3px;
    font-weight: 900;
}
.get-gift-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 200px;
    max-width: 1050px;
    margin: 0 auto;
}
.get-gift__title{
    color: #151515;
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    letter-spacing: 2px;
    font-weight: 300;
    line-height: 1.4;
}
.gift-btn{
    margin-right: 120px;
}

/*experience*/
.experience-contet{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #F7F7F7;
}
.experience-contet__left{
    display: flex;
    justify-content: space-between;
}


.big-number{
    font-size: 572px;
    background: url(../img/gift-bg.jpg);
    display: inline-block;
    overflow: hidden;
    color: #151515;
    font-family: "Bebas Neue", sans-serif;
    background-repeat: no-repeat;
    background-position: -173px 0;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent!important;
    background-size: cover;
    font-weight: 900;
    height: 570px;
}
.experience-contet__text{
    position: relative;
    max-width: 360px;
    width: 100%;
    align-self: center;
    margin-left: 90px;
}
.experience-contet__text::before{
    content: '';
    position: absolute;
    left: -44px;
    top: 0;
    background: #92ba3f;
    width: 6px;
    height: 95%;
}
.experience-contet__title{
    font-size: 60px;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 900;
    color: #151515;
    margin: 0 0 30px 0;
    letter-spacing: 5px;

}
.experience-contet__title-number{
    color: #EB1C40;
    display: none;
}
.experience-contet__description{
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 1px;
}
.experience-contet__right{
    max-width: 600px;
    width: 100%;
}
.experience-contet__block{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 485px;
    align-items: stretch;
    padding-top: 50px;
}
.top-line__item{
    position: absolute;
    left: 46%;
    top: 0;
    transform: translateX(-50%);
    height: 100%;
    width: 1px;
    background: #E5E5E5;
}
.top-center__item{
    position: absolute;
    left: -7%;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 110%;
    background: #E5E5E5;
}
.experience-contet__item{
    font-family: "Bebas Neue", sans-serif;
    width: 40%;
}

.experience-contet__item:nth-child(4) span{
    color: #fe1540;
}
.experience-number{
    font-size: 60px;
    color: #7db23e;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 3px;
}
.experience-number_description{
    color: #151515;
    font-size: 29px;
    font-weight: 900;
    margin-top: 10px;
    letter-spacing: 1px;
}
.experience-description{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    padding-bottom: 70px;
    border-bottom: 1px solid #F4F4F4;
}

.experience-description__title{
    font-size: 30px;
    color: #151515;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 4px;
}
.experience-description__desription{
    font-size: 19px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 1.5;
}

/*team*/
.team{
    padding: 105px 0 60px 0;
}
.team-block-wrap{
    display: flex;
    justify-content: space-between;
    margin-top: 90px;
    margin-bottom: 80px;
}
.scheme-content-left{
    max-width: 745px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}
.team-block{
    position: relative;
    max-width: 405px;
    width: 100%;    
    height: 350px;
    filter: grayscale(100%); 
    transition: .4s;
}
.team-1{
    background: url(../img/team-1.jpg) no-repeat top center;
}
.team-2{
    background: url(../img/team-2.jpg) no-repeat top center;
}
.team-3{
    background: url(../img/team-3.jpg) no-repeat top center;
}
.team-4{
    background: url(../img/team-4.jpg) no-repeat top center;
}
.team-block:hover{
    filter: grayscale(0); 
}
.team-block:hover .team-block-text{
    max-width: 370px;
}
.team-block-text{
    position: absolute;
    left: 0;
    top: 249px;
    max-width: 355px;
    width: 100%;
    min-height: 85px;
    background: #85b53d;
    color: #fff;
    padding: 10px 0 10px 30px;
    transition: .3s;
}
.team-block-name{
    font-size: 22px;
    font-family: "Bebas Neue", sans-serif;
    margin: 0 0 10px 0;
    letter-spacing: 5px;
}
.team-block-skil{
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    margin: 0;
    letter-spacing: 2px;
}

/*scheme*/
.scheme{
    background: #F8FFF1;
    padding: 70px 0 90px 0;
}
.scheme-content{
    display: flex;
    justify-content: space-between;
    margin-top: 90px;
}
.scheme-content-right{
    max-width: 740px;
    width: 100%;
    text-align: center;
    color: #222220;
    background: #fff;
    padding: 25px 0 45px 0;
    box-shadow: 0.5px 0.5px 4px rgba(0, 0, 0, 0.3);

}
.scheme-content-right .scheme-number{
    text-align: center;
}
.scheme-box{
    max-width: 335px;
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 25px 20px;
    box-shadow: 0.5px 0.5px 4px rgba(0, 0, 0, 0.3);
    
}
.scheme-box:nth-child(3), .scheme-box:nth-child(4){
    align-self: flex-end;
}
.scheme-number{
    text-align: right;
    display: block;
    color: #eaeaea;
    font-size: 30px;
    font-family: "Bebas Neue", sans-serif;
    color: #02a72f;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.scheme-title{
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    font-size: 26px;
    color: #151515;
    font-weight: 900;
    letter-spacing: 3px;
}
.schema-big-box{
    display: inline-block;
    background: url(../img/scheme-big-box.jpg) no-repeat center center;
    width: 435px;
    height: 425px;
    border-radius: 250px;
    background-size: 131%;
}
.schema-big-box__title{
    font-size: 34px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 900;
    letter-spacing: 4px;
}
.schema-big-box__number{
    background: #76A347;
    border-radius: 80px;
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 160px;
    font-size: 60px;
    font-family: "Bebas Neue", sans-serif;
    padding: 45px 0 0 0;
    box-sizing: border-box;
}

.schema-big-box__title-2{
    font-size: 30px;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 4px;
    font-weight: 300;
}

/*price*/
.price{
    color: #222220;
    padding: 80px 0 0 0;
}
.price-content{
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
    border-bottom: 1px solid #e9e9e9;
}
.price-form{
    max-width: 930px;
    width: 100%;
}
.price-form__title{
    font-size: 48px;
    font-family: "Bebas Neue", sans-serif;
    margin-top: 0;
    letter-spacing: 8px;
}
.price-form__description{
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.6;
}
.price-main-form{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 70px;
}
.form-block label{
    display: block;
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    letter-spacing: 1.7px;
}
.form-block input{
    display: block;
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    padding: 20px 0 20px 30px;
    border: 1px solid #D2D2D2;
    margin-top: 20px;
}
#phone7{
    width: 290px;

}
#coment{
    width: 600px;
}
.get-file{
    width: 100%;
    padding: 40px 0 40px 0;
    border: 1px dashed #D2D2D2;
    margin: 30px 0 40px 0;
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    text-align: center;
}
.get-file__text{
    font-size: 16px;
    color: #959595;
    font-family: Montserrat, sans-serif;
    letter-spacing: 2px;

}
.get-file__btn{
    display: inline-block;
    font-size: 15px;
    background: 0;
    color: #5ca53c;
    font-family: Montserrat, sans-serif;
    letter-spacing: 1px;
    border: 3px solid #5ca53c;
    margin: 30px auto 0 auto;
    cursor: pointer;
    padding: 15px 40px;
}
.get-file__input{
    display: none;
}

.price-images{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 0 110px;
}
.price-img{
    width: 48%;
}
.price_btn{
    max-width: 260px;
}
/*reviews*/
.reviews{
    padding: 50px 0 0 0;
}
.reviews-wrap{
    display: flex;
    justify-content: space-between;
    margin-top: 90px;
}
.reviews-item{
    display: flex;
    flex-direction: column;
    max-width: 550px;
    width: 100%;
    padding: 30px 30px 30px 40px;
    border: 1px solid #D9D9D9;
    color: #222220;
    min-height: 322px;
}
.reviews-item__user{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.reviews-item__data{
    align-self: center;
}
.reviews-item__name{
    font-size: 24px;
    font-family: "Bebas Neue", sans-serif;
    margin: 0;
    letter-spacing: 3px;
}
.reviews-item__kitchen{
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    margin: 0;
    letter-spacing: 2px;
}
.reviews-item__icon{
    background-size: 100%;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.reviews-item__icon-on{
    background: url(../img/plus-icon.png) no-repeat center center;

}
.reviews-item__icon-off{
    background: url(../img/minus-icon.png) no-repeat center center;
}
.reviews-item__text{
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    line-height: 24px;
    margin: 0;
    letter-spacing: 1px;
}
.reviews-item__text__hidden{
    display: none;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    line-height: 24px;
    margin: 25px 0 0 0;
    letter-spacing: 1px;
}
.reviews-question{
    color: #151515;
    text-align: center;
    margin: 100px auto 0 auto;
    padding-bottom: 60px;
    border-bottom: 1px solid #e9e9e9;
}
.reviews-question__title{
    font-size: 30px;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 3px;
}
.reviews-question__description{
    font-size: 19px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    margin-bottom: 40px;
    letter-spacing: 1px;
}
.reviews_btn{
    max-width: 280px;
}
/*questions*/
.questions{
    padding: 90px 0 0 0;
}
.questions-wrap{
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
    padding-bottom: 60px;
    border-bottom: 1px solid #e9e9e9;
}
.questions-wrap__left{
    width: 49%;
}
.questions-wrap__right{
    width: 49%;
}
.questions-item{
    width: 100%;
    padding: 30px 50px 30px 40px;
    border: 1px solid #D9D9D9;
    color: #222220;
    margin-bottom: 30px;
}
.questions-item__visible{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.questions-item_question{
    font-size: 24px;
    font-family: "Bebas Neue", sans-serif;
    margin: 0;
    width: 100%;
    letter-spacing: 2px;
    line-height: 1.4;
}
.questions-item__icon{
    background-size: 100%;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.questions-item__icon-on{
    background: url(../img/plus-icon.png) no-repeat center center;
}
.questions-item__icon-off{
    background: url(../img/minus-icon.png) no-repeat center center;
}
.questions-item__hidden{
    display: none;
    overflow: hidden;
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    margin: 40px 0 0 0;
    line-height: 1.6;
    letter-spacing: 1px;
}

/*footer*/
.footer{
    padding: 50px 0 20px 0;
}
.footer-contacts{
    max-width: 545px;
    width: 100%;
    border: 1px solid #DBDBDB;
    padding: 30px;
}
.footer-wrap{
    display: flex;
    justify-content: space-between;
}
.footer-contacts__description{
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    color: #b3b1b1;
    letter-spacing: 1px;
    line-height: 1.6;
}
.get-orders{
    display: none;
    padding-left: 40px;
    margin-top: 35px;
}
.get-orders p {
    margin: 5px 0 0 0;
    padding: 0;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    font-size: 16px;
    color: #323333;
}
.footer-contancts__block-adress{
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.footer-contancts__block-adress-2{
    display: flex;
    align-items: center;
}
.footer-contancts__adress{
    font-family: "Bebas Neue", sans-serif;
    color: #323333;
    font-size: 22px;
    letter-spacing: 1.3px;
}
.footer-contancts__block-tel{
    display: flex;
    align-items: flex-start;
}
.footer-icon{
    margin-right: 25px;
}
.footer-icon__tel{
    align-self: flex-start;
    margin-top: 20px;
}
.footer-contancts__tel{
    font-size: 22px;
    color: #323333;
    font-family: Montserrat, sans-serif;
    margin: 0;
    line-height: 27px;
    letter-spacing: 1px;
}
.footer-contancts__tel a {
    border: none;
    text-decoration: none;
    color: inherit;
}
.footer-contancts__tel a:hover{
    border-bottom: 1px solid #323333;
}
.footer-contancts__tel span{
    display: block;
    margin-top: 20px;
    font-size: 15px;
}
.footer-contacts__adress{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;  
}
.footer-contancts__mail{
    font-size: 19px;
    color: #323333;
    font-family: Montserrat, sans-serif;
    letter-spacing: 1px;
}
.footer-contacts__media{
    align-self: center;
}
.footer-icon{
    cursor: pointer;
}
.footer-form-block{
    max-width: 545px;
    width: 100%;
    text-align: center;
    color: #fff;
    background: rgb(181,193,87);
    background: linear-gradient(180deg, rgba(179,194,78,1) 7%, rgba(0,134,72,1) 84%);
    padding: 90px 65px 40px 65px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.footer-form__title{
    font-size: 36px;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 6px;
    margin: 0;
}
.footer-form__description{
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 20px 0 60px 0;
}
.footer-form input, .footer-form textarea{
    padding: 20px 0 20px 0;
    text-align: center;
    background: none;
    border: 1px solid #fff;
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 300;
    letter-spacing: 1.5px;
    width: 100%;
}
.footer-contacts__media-icon{
    width: 33px;
    cursor: pointer;
    filter: grayscale(100%);
    transition: .3s;
}
.footer-contacts__media-icon:hover{
    filter: grayscale(0);
}
.footer-form__btn{
    margin-top: 25px;
    max-width: 300px;
}
.footer-form input::-webkit-input-placeholder, .footer-form textarea::-webkit-input-placeholder {
    color: #fff;
}
.footer-form input::-moz-placeholder, .footer-form textarea::-moz-placeholder{
    color: #fff;
}

.map-block{
    max-width: 545px;
    width: 100%;
    border: 1px solid #DBDBDB;
    padding: 0 1px;
}
.map-title{
    font-size: 36px;
    text-align: center;
    color: #474745;
    font-family: "Bebas Neue", sans-serif;
    margin: 60px 0 63px 0;
    letter-spacing: 5px;
}

.footer-main-tel{
    color: #a4a4a4;
    text-transform: uppercase;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 30px;

}
/*thanks page*/
.thanks{
    padding: 40px 0 10px 0;
}
.thanks-logo{
    justify-content: center;
}
.thanks-logo__text{
    color: #2c2c29;
    font-size: 19px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 900;
}
.thanks-block{
    text-align: center;
    color: #222220;
}
.thanks-title{
    font-family: "Bebas Neue", sans-serif;
    font-size: 48px;
    font-weight: 900;
    letter-spacing: 8px;
}
.thanks-description{
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    letter-spacing: 1px;
    line-height: 27px;
}
.thanks-description:nth-child(3){
    margin-bottom: 40px;
}
.thanks-tel{
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    letter-spacing: 1px;
    color: #323333;
    margin: 10px 0 0 0;
}
.thanks-content{
    display: flex;
    justify-content: center;
    margin-top: 50px;
    padding-top: 25px;
    border-top: 2px solid #F5F5F5;
}
.thanks-text{
    color: #2a2a2a;
    margin-left: 70px;
}
.thanks-text__title{
    font-size: 36px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 900;
    letter-spacing: 4px;
    margin: 50px 0 160px 0;
}
.thanks-text__respect{
    font-size: 22px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 900;
    letter-spacing: 3px;
    margin: 0;
}
.thanks-text__skil{
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    letter-spacing: 2px;
    margin: 15px 0 35px 0;
}
.thanks-btn{
    display: block;
    text-decoration: none;
}
.footer-form{
    display: flex;
    flex-direction: column;
    align-items: center;

}

/*Modal window */

.dark-screen{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 99;
}
.modal-window_1{
    position: relative;
    max-width: 685px;
    width: 100%;
    min-height: 675px;
    margin: 70px auto 0 auto;
    padding: 85px 110px 60px 110px;
    background: #fff;
    box-sizing: border-box;
}
.modal-window_1__title{
    font-family: "Bebas Neue", sans-serif;
    color: #222220;
    font-size: 48px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0;
    letter-spacing: 9px;
}
.modal-window_1__descripton{
    color: #222220;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    letter-spacing: 2px;
    text-align: center;
    margin: 50px 0 60px 0;
}
.modal-window_1__label{
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    color: #363636;
    letter-spacing: 2px;
}
.modal-window_1__input{
    display: block;
    width: 100%;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    color: #363636;
    letter-spacing: 2px;
    padding: 20px 0 20px 35px;
    border: 1px solid #CFCFCF;
    margin: 15px 0 35px 0;
}
.window-btn{
    display: block;
    margin: 0 auto;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}
.window-btn:hover{
    box-shadow: none;
}
.modal-window_1__close{
    position: absolute;
    right: 25px;
    top: 25px;
    width: 20px;
    height: 20px;
    background: url(../img/close-window.png) no-repeat center center;
    background-size: 100%;
    cursor: pointer;
}

.space{
	    position: fixed;
        top: -100%;
	    transform: scale(0);
        opacity: 0;
}

.option-panel{
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    padding: 8px 0 10px 0;
    background: #F5F5F5;
    border-bottom: 1px solid #EEEEEE;
    z-index: 10;
    opacity: 0;
}
.option-panel__item{
    width: 24%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-items: stretch;
	text-decoration: none;
}
.option-panel__item:active{
	background:#ddd;
}

.option-panel__item img{
    cursor: pointer;
}
.option-panel__item p{
    width: 100%;
    margin: 8px 0 0 0;
    padding: 0;
    color: #4a4948;
    font-size: 10px;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    align-self: flex-end;
}
.header-mobile-btn{
    display: none;
    flex-direction: column;
    align-items: center;
}
.header-mobile-btn a{
    font-family: Montserrat, sans-serif;
    text-decoration: none;
    color: #323333;
    font-size: 18px;
    text-transform: uppercase;
}
.header-mobile-btn button{
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    font-size: 14px;
    color: #2c2c29;
    border: 0;
    border-bottom: 1px dashed #000;
    background: none;
    cursor: pointer;
    margin-top: 10px;
    padding: 0;
}