@font-face {
    font-family: 'Playfair Display', serif;
}

@font-face {
    font-family: 'Montserrat', sans-serif;
}



body{font-size: 13px; color: #3E3E3E; font-family: Montserrat; font-weight: 500; -webkit-font-smoothing: antialiased; height:100%; margin:0; padding: 0;position: relative;-moz-osx-font-smoothing: grayscale;}
.container{max-width: 1096px;}
*{outline: none;}
html{scroll-behavior: smooth;}
.btn:focus {box-shadow: none;}
.error{color: #FF4646;}

.header{font-family: Montserrat; font-weight: bold; margin-top: 40px;}
.header a{text-decoration: none; color: #3E3E3E; line-height: 16px;}
.logo-img{margin-top: -18px;}

.header-shortcuts{ font-size: 14px; text-transform: uppercase; line-height: 27px; min-height: 29px; color: #FFF; justify-content: space-between; list-style: none; display: flex; width: 100%; float: right; z-index: 200; position: relative; padding-left: 0;}
.hamburger{visibility: hidden; display: none; position: absolute; right: 0; top: -50px; outline: none !important;}
.collapse:not(.show) { display: unset;}

.slider-wrapper{margin-top: 40px;}
.slider-background{background: #F0F0F0; height: 765px; width: 50%; position: absolute; right: 0; margin-top: -128px; z-index: -1;}
.slider-wrapper .titles-hint{font-size: 30px; line-height: 37px; font-weight: 600;width: fit-content; margin: 50px 84px -8px auto; z-index: 11; position: relative;}
.title-wrapper{background: #FFF; right: -88px;; position: absolute; z-index: 10; padding-right: 40px; height: 278px;}
.title-wrapper .title{font-size: 70px; font-family: Playfair Display; line-height: 94px;}
.title-wrapper .pre-title{font-weight: 600; font-size: 21px; color: #86C538; margin-left: -40px; margin-bottom: -40px;} 
.title-wrapper .slider-texts-wrapper{margin-top: 44px;}
.slider-wrapper .arrow-img{left: 0; position: absolute; bottom: -86px;}
.slider-wrapper .write-to-us-button{transition: 0.3s; bottom: 0; color: #FFF !important; background: #7EBC1B; font-size: 12px; font-weight: bold; border-radius: 25px; line-height: 18px; text-transform: uppercase; width: 180px; display: inline-block; text-decoration: none; text-align: center; padding-top: 13px; padding-bottom: 13px; right: 82px; position: absolute;}
.slider-wrapper .write-to-us-button:hover{background: #639A0D;}

.slider-wrapper .carousel-indicators{position: absolute; right: unset; bottom: -90px; margin-left: -10px;}
.carousel-indicators li{width: 9px; height: 9px; border-radius: 50%; margin-right: 10px; margin-left: 10px; background-color:#B4B4B4; opacity: 1; transition: 0.6s;}
.carousel-indicators .active{background-color:#7EBC1B;}
.slider-wrapper .carousel-indicators-side{position: absolute; right: 0; bottom: -52px; margin-left: -10px; background: #FFF; z-index: 10; padding: 17px;}

.kitchen-wrapper{margin-top: 200px;}
.kitchen-wrapper .background{background: #F0F0F0; height: 200px; width: 49%; position: absolute; left: 0; z-index: -1;}
.kitchen-wrapper .kitchen-image img{margin-left: -220px; margin-top: 120px;}
.kitchen-wrapper .title{font-size: 40px; font-family: Playfair Display; line-height: 26px; margin-top: 20px;}
.kitchen-wrapper .subtitle{font-size: 20px; font-family: Montserrat; font-weight: 600; line-height: 32px; margin-top: 66px;}
.kitchen-wrapper .description{margin-top: 40px; line-height: 32px;}
.kitchen-wrapper .wfm img{ position: absolute; bottom: 0;}
.kitchen-wrapper .corner{position: absolute; top: 0; right: 0;}

.info-tiles-wrapper{margin-top: 60px;}
.info-tiles-wrapper .tile-img{margin-left: -10px;}
.info-tiles-wrapper .title{font-size: 20px; font-weight: 600; line-height: 26px; margin-left: 60px; margin-top: -20px;}
.info-tiles-wrapper .description{line-height: 26px; margin-top: 40px; border-left: solid; padding-left: 60px; border-width: 2px; border-color: #C4C4C4;}
.info-tiles-wrapper .info-tile{margin-top: 60px;}
.info-tiles-wrapper .write-to-us-button{transition: 0.3s; color: #FFF !important; background: #7EBC1B; font-size: 12px; font-weight: bold; border-radius: 25px; line-height: 18px; text-transform: uppercase; width: 180px; display: inline-block; text-decoration: none; text-align: center; padding-top: 13px; padding-bottom: 13px; position: absolute; bottom: 0; left: 60px;}
.info-tiles-wrapper .write-to-us-button:hover{background: #639A0D;}

.agd-wrapper{margin-top: 130px; position: relative;}
.agd-wrapper .background{background: #3E3E3E; height: 400px; width: 68%; position: absolute; left: 0; z-index: -1;}
.agd-wrapper .title {color: #FFF; font-size: 40px; font-family: Playfair Display; line-height: 26px; display: inline-block; margin-top: 34px;}
.agd-wrapper .subtitle{color: #FFF; font-size: 20px; font-weight: 600; margin-top: 66px; max-width: 450px;}
.agd-wrapper .description{margin-top: 80px;}
.agd-wrapper .agd-number{bottom: 0; position: absolute;}
.agd-wrapper .corner{top: 22px; position: absolute;}
.agd-wrapper .bottom-carousel-item{padding-bottom: 30px; margin-top: 55px; height: 670px;}
.agd-wrapper .bottom-background{background: #F0F0F0; height: 270px; position: absolute; width: calc(50% - 15px); bottom: 0; z-index: -1; right: 0;}
.agd-wrapper .bottom-carousel-item img{max-height: 552px; max-width: 518px; margin-left: auto; margin-right: auto; width: 100%;}
.agd-wrapper .carousel-indicators{left: unset; margin-right: unset; bottom: 30px;}
.agd-wrapper .bottom-carousel-item img{opacity: 0; transition: 1s ease all;}
.agd-wrapper .bottom-carousel-item.active img{opacity: 1;}

.video-wrapper{margin-top: 130px; }
.video-wrapper .container{position: relative;}
.video-wrapper .video{width: 100%; background: #3E3E3E;}
.video-wrapper .gradient {background-image: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0.9)); height: 100%; position: absolute; width:calc(100% - 30px); Z-INDEX: 2; pointer-events: none;}

.project-progress-wrapper{margin-top: 130px;}
.project-progress-wrapper .title{font-size: 45px; line-height: 60px; font-family: Playfair Display;}
.project-progress-wrapper .write-to-us-button{transition: 0.3s; color: #FFF !important; background: #7EBC1B; font-size: 12px; font-weight: bold; border-radius: 25px; line-height: 18px; text-transform: uppercase; width: 180px; display: inline-block; text-decoration: none; text-align: center; padding-top: 13px; padding-bottom: 13px; position: absolute; margin-top:-80px;}
.project-progress-wrapper .write-to-us-button:hover{background: #639A0D;}
.project-progress-wrapper ul{display: flex; justify-content: space-between; list-style: none; line-height: 32px; font-size: 20px; font-weight: 600; font-family: Montserrat; margin-top: 10px;}
.project-progress-wrapper li:nth-child(2n) p{ margin-top: 230px;}
.progress-line{position: absolute;top: 50%;width: 100%;height: 2px;background: #C4C4C4;z-index: 0; left: -30px;}
.project-progress-wrapper .grayDivider{position: absolute; width: 2px; height: 66px; z-index: 0; background: #C4C4C4; bottom: 50%;}
.project-progress-wrapper li:nth-child(2n) .grayDivider{ bottom: unset; top: 50%;}
.project-progress-wrapper .white-mask{position: absolute; height: 4px; background: white; width: 100%; top: -153px; left: 2px;; z-index: 1;}
.project-progress-wrapper .white-mask-wrapper{position: relative;}

.about-us-wrapper{margin-top: 130px; position: relative;}
.about-us-wrapper p{max-width: 352px; line-height: 26px;}
.about-us-wrapper .right p{margin-left: 92px;} 
.about-us-wrapper .title {font-size: 45px; line-height: 60px; font-family: Playfair Display;}
.about-us-wrapper .title-background-wrapper{padding-left: 0;}
.about-us-wrapper .title-background{background: #3E3E3E; height: 90px; padding-left: 0;}
.about-us-1{margin-top: 40px;}
.about-us-2{margin-top: 30px;}
.about-us-2 img{margin-left: 23px;}
.about-us-wrapper .corner{bottom:0; position: absolute; margin-left: 0;}
.about-us-wrapper .right img{margin-top: 83px; margin-left: 70px;}
.about-us-wrapper .bottom-background{background: #F0F0F0; height: 589px; position: absolute; width: 58%; bottom: 0; z-index: -1; right: 0;}

.contact-wrapper{margin-top: 130px;}
.contact-wrapper .title{font-size: 45px; line-height: 60px; font-family: Playfair Display;}
.contact-wrapper .corner{right: 0; position: absolute;}
.contact-form-wrapper{background:#F4F4F4; margin-top: 66px; padding-top: 10px;}
.contact-wrapper .form-group{margin-top: 60px; margin-left: 58px; margin-right: 58px;}

.form-group input{height: 50px; line-height: 50px; font-size: 13px; border: 1px solid #C4C4C4; border-radius: 0; padding-left: 20px;}
.form-control:focus{box-shadow: none; border-color: #C4C4C4;}
.form-group label{ position: absolute; margin-top: 15px; margin-left: 20px; color: #B4B4B4; font-size: 13px; pointer-events: none; transition: 0.3s;}
.form-group .active{color: #3E3E3E; font-size: 10px; transform: translateY(-36px); margin-left: 0;}
.contact-wrapper .bottom-contact-form-message{min-height: 160px; margin-top: 0; width: 100%; border: 1px solid #C4C4C4; padding: 20px; resize: none;}
.checkbox-wrapper {margin-left: 58px; margin-right: 58px; margin-top: 30px;}
.send-button{transition: 0.3s; background: #7EBC1B; border-radius: 25px; padding: 0; height: 44px; line-height: 44px; font-size: 12px; font-family: Montserrat; font-weight: bold; color: #fff; margin-top: 30px; margin-bottom: 72px; width: 177px !important; margin-left: 58px;}
.send-button:hover{background: #639A0D; color: #fff;}

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 30px; cursor: pointer; display: inline-block; outline: 0;}
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {content: '';position: absolute;left: 0;top: 2px;width: 18px;height: 18px;border: 1px solid #CACEDB;background: #fff;border-radius: 4px;}
.login-register-wrapper [type="checkbox"]:not(:checked) + label:before, .login-register-wrapper [type="checkbox"]:checked + label:before {top: 1px;}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {position: absolute;left: -9999px;display: none;}
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {content: url(../img/05_contact/checkmark.svg);position: absolute;top: 3px;left: 1px;width: 10px;height: 10px;}
[type="checkbox"]:checked + label:before {background: #38CC66;border-color: #38CC66;}
label a {color: #7EBC1B;font-size: 10px;text-decoration: none;font-family: Montserrat;}
label a:hover{text-decoration: none;color: #7EBC1B;}

.contact-info-wrapper{margin-top: 160px;}
.contact-info-wrapper .info-wrapper{margin-left: 93px;}
.contact-info-wrapper .title{font-family: Montserrat; font-size: 20px; line-height: 24px; font-weight: 600;}
.contact-info-wrapper .contact-indicator{margin-left: 15px;color: #B4B4B4; font-size: 13px; line-height: 26px; width: 52px;}
.contact-info-wrapper .contact{margin-left: 52px; color: #3E3E3E; font-size: 13px; line-height: 26px;}
.contact-info-wrapper .row-address{margin-top: 30px;}
.contact-wrapper .row-phone{margin-top: 10px;}
.contact-wrapper .row-email{margin-top: -5px;}
.contact-wrapper .row-opening{margin-top: 10px;}
.contact-wrapper .contact-number{bottom: 0; position: absolute; margin-left: 45px;}

.footer-wrapper{height: 238px; background: #3E3E3E; margin-top: 130px;}
.footer-wrapper img{margin-top: 70px;}
.footer-wrapper p{margin-top: 50px; color: #FFFFFF; font-size: 14px; font-family: Montserrat;}


@media (max-width: 992px){
    .kitchen-wrapper .description{margin-top: 60px;}
    .slider-wrapper .carousel-indicators-side{display: none;}
    .container{padding-left: 30px; padding-right: 30px;}
    .video-wrapper .gradient{width: calc(100% - 60px);}
    .video-wrapper{margin-top: 30px !important;}
    .project-progress-wrapper{margin-top: 60px}
    .about-us-2{margin-top: 0;}
    .kitchen-wrapper .wfm img{display: none;}
    .kitchen-wrapper{margin-top: 140px;}
    .agd-wrapper .agd-number{display: none;}
    .about-us-wrapper .right img{display: none; }
    .contact-wrapper .contact-number{display: none;}
    .about-us-wrapper .corner{display: none;}
    .contact-wrapper .corner{display: none;}
    .contact-wrapper{margin-top: 60px;}
    .contact-info-wrapper{margin-top: 60px;}
    .slider-wrapper .arrow-img{display: none;}
    .slider-wrapper .corner{position: absolute;right: 0;transform: rotate(90deg);}
    .kitchen-wrapper .background{display: none;}
    .title-wrapper{position: relative; right: 0; margin-left: 40px; background: unset;}
    .agd-wrapper .background{width: 100%; height: 600px;}
    .about-us-wrapper .bottom-background{display: none;}
    .project-progress-wrapper .write-to-us-button{margin-top: 0;}

    .about-us-1 p{ margin-right: auto !important;}
    .about-us-wrapper .right p{margin-left: 0 !important; margin-right: auto !important;}
    .about-us-2 img{margin-left: auto !important; margin-right: auto !important;}
    .about-us-2 .about-us-image-wrapper{margin-left: auto; margin-right: auto; margin-bottom: 20px;}
    .slider-background{display: none;}
    .slider-wrapper .titles-hint{margin-left: 0;}
    .kitchen-wrapper .kitchen-image{display: none; height: 0;}
    .agd-wrapper .bottom-background{width: 100%;position: absolute;bottom: 40px;}
    .agd-wrapper .carousel-indicators{position: absolute; bottom: 60px !important;}
    .about-us-wrapper .title-background{display: none;}
    .progress-line{left: 0; width: 90%;}
    .header-shortcuts{margin-top: 40px;}
    .contact-info-wrapper .info-wrapper{margin-left: 0;}
    .slider-wrapper .write-to-us-button{bottom: 0;left: 15px; margin-top: 0; z-index: 99;}
    .agd-wrapper .corner{display: none;}
    .slider-wrapper .carousel{margin-top: 68px;}
    .info-tiles-wrapper{margin-top: 0;}
}

@media (max-width: 767px){
    .project-progress-wrapper ul{display: inline; }
    .project-progress-wrapper ul li::before {content: "\2022";color: #7EBC1B;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;position: absolute;}
    .project-progress-wrapper li{margin-left: 25px;}
    .project-progress-wrapper li:nth-child(2n) p{ margin-top: 0;}
    .progress-line{display: none;}
    .project-progress-wrapper .grayDivider{display: none;}
    .about-us-2 img{width: 100%;}
    .title-wrapper .title{font-size: 50px;}
    .about-us-wrapper{margin-top: 60px;}
}

@media (max-width: 576px){
    .slider-wrapper .titles-hint{margin-top: 20px;}
    .hamburger{visibility: unset;}
    .collapse:not(.show) { display: none;}
    .header-shortcuts li{width: fit-content; margin-left: auto;}
    .header-shortcuts{display: inline; margin-top: 20px;}
    .slider-wrapper .corner{display: none;}
    .contact-info-wrapper .contact{margin-left: 20px;}
    .info-tiles-wrapper .write-to-us-button{bottom: unset; left: unset;}
    .agd-wrapper .bottom-carousel-item{height: 600px;}
    .agd-wrapper .background{height: 800px;}
    .agd-wrapper{margin-top: 100px;}
    .agd-wrapper .carousel-indicators{display: none;}
    .agd-wrapper .bottom-background{height: 230px; bottom: 60px;}
    .contact-wrapper .form-group{margin-left: 20px; margin-right: 20px;}
    .checkbox-wrapper{margin-left: 20px; margin-right: 20px;}
    .send-button{margin-left: 20px; margin-right: 20px;}
    .footer-wrapper{margin-top: 80px;}
}

@media (max-width: 400px) {
    .agd-wrapper .bottom-carousel-item{height: 400px;}
}