@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'BrandonGrotesque-Thing';
    src: url('../fonts/BrandonGrotesque-Thin.eot');
    src: local('Brandon Grotesque Thin'), local('BrandonGrotesque-Thin'),
    url('../fonts/BrandonGrotesque-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrandonGrotesque-Thin.woff2') format('woff2'),
    url('../fonts/BrandonGrotesque-Thin.woff') format('woff'),
    url('../fonts/BrandonGrotesque-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesque-Medium';
    src: url('../fonts/BrandonGrotesque-Medium.eot');
    src: local('Brandon Grotesque Medium'), local('BrandonGrotesque-Medium'),
    url('../fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrandonGrotesque-Medium.woff2') format('woff2'),
    url('../fonts/BrandonGrotesque-Medium.woff') format('woff'),
    url('../fonts/BrandonGrotesque-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesque';
    src: url('../fonts/BrandonGrotesque-Regular.eot');
    src: local('Brandon Grotesque Regular'), local('BrandonGrotesque-Regular'),
    url('../fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrandonGrotesque-Regular.woff2') format('woff2'),
    url('../fonts/BrandonGrotesque-Regular.woff') format('woff'),
    url('../fonts/BrandonGrotesque-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesque-Bold';
    src: url('../fonts/BrandonGrotesque-Bold.eot');
    src: local('Brandon Grotesque Bold'), local('BrandonGrotesque-Bold'),
    url('../fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrandonGrotesque-Bold.woff2') format('woff2'),
    url('../fonts/BrandonGrotesque-Bold.woff') format('woff'),
    url('../fonts/BrandonGrotesque-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesque-Light';
    src: url('../fonts/BrandonGrotesque-Light.eot');
    src: local('Brandon Grotesque Light'), local('BrandonGrotesque-Light'),
    url('../fonts/BrandonGrotesque-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrandonGrotesque-Light.woff2') format('woff2'),
    url('../fonts/BrandonGrotesque-Light.woff') format('woff'),
    url('../fonts/BrandonGrotesque-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesque-Black';
    src: url('../fonts/BrandonGrotesque-Black.eot');
    src: local('Brandon Grotesque Black'), local('BrandonGrotesque-Black'),
    url('../fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrandonGrotesque-Black.woff2') format('woff2'),
    url('../fonts/BrandonGrotesque-Black.woff') format('woff'),
    url('../fonts/BrandonGrotesque-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



*, *:after, *:before{margin:0;padding:0;box-sizing:border-box}
*:focus{outline:none}
html{font-size:10px}
html, body{min-height:100%;height:100%}
body{background:#fff;color:#4f3f3a;min-width:27rem;font-family:'BrandonGrotesque', Arial, Helvetica, sans-serif;font-size:1.4rem;line-height:1.25;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;}
a{text-decoration:none;transition:all .2s linear}
a:focus{outline:none}
img{border:none;display:block}
ul li{list-style:none}
input, button, textarea, select{background-color:transparent;border:.2rem solid #c17053;border-radius:.5rem;color:#2a2a2a;font-family:'Lato', Arial, Helvetica, sans-serif;font-size:2.4rem;padding:0 1.5rem;height:4.2rem;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input:focus, input:active, textarea:focus, textarea:active, select:focus, select:active{border-color:#C1C5DB}
textarea{display:block;height:22rem;resize:none;padding:.8rem 1.8rem}
button{font-family:'BrandonGrotesque-Medium', Arial, Helvetica, sans-serif;margin:0;text-align:center}
input, input:focus, button, button:focus, select, select:focus{outline:none}
button, input[type="submit"], input[type="button"]{border:none;cursor:pointer;font-weight:700}
figure{margin:0}
svg{display:block}
address{font-style:normal}
::-webkit-input-placeholder{color:#c5c5c5;letter-spacing:.2rem}
::-moz-placeholder{color:#c5c5c5;letter-spacing:.2rem}
:-moz-placeholder{color:#c5c5c5;letter-spacing:.2rem}
:-ms-input-placeholder{color:#c5c5c5;letter-spacing:.2rem}
sup{top:-.5rem}


h1, h2, h3, h4, h5, h6{font-weight:normal}
h2{font-family:'BrandonGrotesque-Medium', Arial, Helvetica, sans-serif;font-size:4.8rem;line-height:1.04;letter-spacing:.25rem}
.bold{font-family:"BrandonGrotesque-Bold", sans-serif}
.black{font-family:'BrandonGrotesque-Black', sans-serif}
.btn{background-color:#c17053;border-radius:.5rem;color:#fff;display:block;font-size:1.4rem;font-family:'Lato', Arial, Helvetica, sans-serif;font-weight:700;letter-spacing:.1rem;line-height:4rem;height:4rem;padding: 0 1rem;text-align:center;transition:all .2s ease-in}
.btn:hover{background-color:#AA5B3E}

#header{background-color:transparent;height:auto;position:fixed;top:0;left:0;width:100%;z-index:20;transition:all .3s linear}
.header-container{display:flex;justify-content:space-between}
.header-logo{margin:3.3rem 0 0 7.5rem;transition:all .3s linear}
.header-logo img{width:35rem;height:auto;transition:all .3s linear}
.logo-dark{display:none}
.header-menu{font-family:'BrandonGrotesque-Bold',sans-serif;font-size:1.4rem;letter-spacing:.4rem;padding-top:2.6rem;text-transform:uppercase}
.header-menu ul{display:flex}
.header-menu li{width:20rem;text-align:center}
.header-menu a{color:#fff;line-height:7.3rem;padding:0 1rem;width:20rem}
.header-contact{background-color:#c17053;display:flex;justify-content:center;align-items:center}
.header-contact:hover{background-color:#AA5B3E}
.header-contact span{border:.2rem solid #fff;border-radius:100%;display:block;margin-left:1rem;width:3.2rem;height:3.2rem;position:relative;}
.header-contact span:before{background-color:#fff;content:'';width:.2rem;height:1.6rem;position:absolute;top:50%;right:1.2rem;transform:translateY(-50%)}
.header-contact span:after{background-color:#fff;content:'';width:1.6rem;height:.2rem;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}
#header.scroll{background-color:rgba(255,255,255,.8);height:12.6rem}
#header.scroll .header-logo{margin-top:3.8rem}
#header.scroll .header-logo img{width:25rem}

.section-main{background:url(../img/bg-main.jpg) 50% 50% no-repeat;background-size:cover;color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;padding:0 1.5rem;position:relative;overflow:hidden}
.section-main_container{text-align:center}
.section-main .btn{display:inline-block;width:21.6rem;text-transform:none}
.slogan{font-family:"BrandonGrotesque-Medium",sans-serif;font-size:6rem;letter-spacing:.1rem;margin-bottom:2rem;text-shadow:0 0rem 1rem rgba(0,0,0, .5)}

.section-3D{display:flex;background-color:#4f3f3a;color:#fff;height:75rem}
.section-3D_left{flex:0 0 60%;padding:5rem 12.4rem;display:flex;justify-content:space-between;align-items:center;letter-spacing:.1rem}
.section-3D_right{flex:0 0 40%;background:url(../img/bg-plan.png) 0 100% repeat-x;overflow:hidden}
.section-3D_content{font-family:'Lato', Aria, Helvetica, sans-serif;font-size:1.4rem;line-height:1.79;margin-right:2rem;max-width:48rem}
.section-3D_content .owl-carousel .owl-stage{display:flex;align-items:center}
.section-3D_content .item{padding-left:.8rem}
.section-3D_left h2, .section-3D_content p{margin-bottom:2.5rem}
.section-3D_left .btn{width:19rem}
.section-3D_list{max-width:8.5rem;text-align:center}
.section-3D_list .owl-carousel .owl-item{cursor:pointer;float:none;opacity:.5;width:100% !important}
.section-3D_list .owl-carousel .owl-item.current{opacity:1}
.section-3D_list .owl-carousel .owl-item:first-child{display:none;width:0 !important;}
.section-3D_list .item{padding:2.3rem 0}
.section-3D_list .icon{display:block;margin-bottom:1.2rem;height: 5.6rem}
.section-3D_list .icon img{width:auto;height:100%;margin:0 auto}
.section-3D_plan{display:flex;justify-content:flex-end;height:100%}
.section-3D_plan img{height:100%}

.section-villas{padding:11rem 1.5rem 7.9rem;position:relative}
.section-villas:before{background-color:#ddb9af;content:'';display:block;width:100%;height:50%;position:absolute;top:0;left:0}
.section-villas .container{max-width:120rem;margin:0 auto;position:relative}
.section-villas h2{margin-bottom:7.4rem;text-align:center}
.section-villas_list{display:flex;flex-flow:row wrap;margin:0 -3rem}
.section-villas_cell{flex:0 0 33.33333%;width:33.333333%;padding:0 3rem 6.1rem}
.section-villas_one{background-color:#fff;border-radius:.5rem;box-shadow:0 1rem 4rem 0 rgba(0,0,0, .1);padding:2.2rem 2.1rem;position:relative}
.label-reserved{background-color:#F16145;color:#fff;display:block;font-size:1.2rem;padding:.4rem 1.4rem .2rem;position:absolute;top:2.5rem;left:-.5rem;text-transform:uppercase;transform:rotate(-45deg);z-index:5}
.label-reserved:before{border:21px solid transparent;border-right-color:#F16145;border-left:0;border-bottom:0;content:'';display:block;width:0;height:0;position:absolute;top:0;left:-2.1rem}
.label-reserved:after{border:21px solid transparent;border-bottom-color:#F16145;border-top:0;border-left:0;content:'';display:block;width:0;height:0;position:absolute;top:0;right:-2.1rem}
.section-villas_pic{border-radius:.5rem;height:22.7rem;margin-bottom:2rem;overflow:hidden;position:relative}
.section-villas_pic img{width:100%;height:100%;object-fit:cover}
.section-villas_pic .btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20rem}
.section-villas_info{border-top:.1rem solid #58595b;padding-top:.3rem}
.section-villas_info li{display:flex;justify-content:space-between;padding-top:1.5rem}
.section-villas_info .main{color:#58595b;font-weight:700}
.section-villas_info p{padding-top:.6rem;text-align:right}
.section-villas_info a{color:#4f3f3a;text-decoration:underline}

.section-gallery{height:82.2rem;overflow:hidden;position:relative}
.section-gallery .owl-carousel, .section-gallery .owl-carousel .owl-stage-outer,.section-gallery  .owl-carousel .owl-stage, .section-gallery .owl-carousel.owl-drag .owl-item, .section-gallery .item, .section-gallery .gallery-pic{height:100%}
.section-gallery .owl-carousel .owl-nav button.owl-next, .section-gallery .owl-carousel .owl-nav button.owl-prev{background:#fff url(../img/arrow.svg) 50% 50% no-repeat;background-size:2.2rem 2rem;border:.3rem solid #c17053;border-radius:100%;width:6.3rem;height:6.3rem;position:absolute;top:50%;left:4.9rem}
.section-gallery .owl-carousel .owl-nav button.owl-next{left:auto;right:4.9rem;transform:translateY(-50%)}
.section-gallery .owl-carousel .owl-nav button.owl-prev{transform:translateY(-50%) rotate(180deg)}
.section-gallery .owl-carousel .owl-nav button.owl-next span, .section-gallery .owl-carousel .owl-nav button.owl-prev span{display:none}
.section-gallery .owl-carousel .owl-nav button.owl-next.disabled, .section-gallery .owl-carousel .owl-nav button.owl-prev.disabled{opacity:0}
.gallery-pic img{width:100%;height:100%;object-fit:cover}

.section-contact{padding:9.7rem 1.5rem 12.4rem;position:relative}
.section-contact h2{margin-bottom:7.7rem;position:relative;text-align:center}
.contact-form{display:flex;flex-flow:row wrap;max-width:101rem;margin:0 auto}
.form-group{width:50%;margin-bottom:3.3rem;padding:0 1.75rem;position:relative}
.form-group-100{width:100%;margin-bottom:3.8rem}
.form-checkbox label{display:block;font-size:1.4rem;letter-spacing:.2rem;line-height:2rem;padding-left:3rem;position:relative}
.form-checkbox label:before{border:.2rem solid #c17053;border-radius:.3rem;content:'';cursor:pointer;display:block;width:2rem;height:2rem;position:absolute;top:0;left:0;}
.form-checkbox label:after{background:url(../img/ic-check-mark.svg) 0 0 no-repeat;background-size:cover;content:'';cursor:pointer;display:none;width:1.4rem;height:.9rem;position:absolute;top:.5rem;left:.3rem}
.form-checkbox input[type="checkbox"]:checked+label:after{display:block}
.form-checkbox a{color:#c17053}
.form-checkbox a:hover{text-decoration:underline}
.form-group.error input{border-color:#e71625}
.form-group.error p{position:absolute;bottom:-1.7rem;left:1.75rem;color:#e71625;font-size:1.3rem}
.form-checkbox.error label, .form-checkbox.error label a{color:#e71625}
.form-checkbox.error label:before{border-color:#e71625}
.contact-form .btn{margin:0 auto;width:18.2rem}
.contact-thankyou{display:flex;flex-direction:column;justify-content:center;align-items:center}
.contact-thankyou_text{font-size:1.9rem;letter-spacing:.4rem;margin-bottom:4rem}
.icon-check{border:.2rem solid #c17053;border-radius:100%;display:block;width:7rem;height:7rem;position:relative}
.icon-check:before{background:url(../img/ic-check-mark.svg) 0 0 no-repeat;background-size:cover;content:'';display:block;width:4.2rem;height:2.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}

.footer{background-color:#ddb9af;font-size:1.4rem;letter-spacing:.1rem;line-height:2;position:relative}
.footer-logo{background:#ddb9af url(../img/logo-sign.png) 50% 50% no-repeat;border-radius:100%;display:block;width:11.3rem;height:11.3rem;position:absolute;top:-5.6rem;left:50%;transform:translateX(-50%);overflow:hidden}
.footer-container{display:flex;justify-content:space-between;padding:6rem 15rem}
.footer-left{display:flex;align-items:flex-start}
.footer-team_pic{border-radius:.4rem;width:11.2rem;height:11.2rem;overflow:hidden}
.footer-team_pic img{width:100%;height:100%;object-fit:cover}
.footer-team_info{font-family:'Lato', Arial, Helvetica, sans-serif;padding-left:1.5rem}
.footer-title{font-weight:700;margin-bottom:0}
.email, .phone{color:#2a2a2a;padding-left:3rem;position:relative}
.email:before{background:url(../img/icon-email.svg) 0 0 no-repeat;background-size:cover;content:'';display:block;position:absolute;top:.2rem;left:0;width:2.1rem;height:1.4rem}
.phone{line-height:3.5rem}
.phone:before{background:url(../img/icon-phone.svg) 0 0 no-repeat;background-size:cover;content:'';display:block;position:absolute;top:0;left:0;width:1.4rem;height:1.8rem}
.footer-logos{display:flex;align-items:center}
.footer-logos a{margin-left:5rem}
.footer-evohom{width:21.5rem}
.footer-evohom img{width:100%}
.footer-official{background-color:#2a2a2a;color:#fff;display:flex;justify-content:space-between;align-items:center;font-family:'Lato', Arial, Helvetica, sans-serif;font-size:1.2rem;font-weight:300;padding:2rem 14.6rem}
.footer-official_left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.33;padding-right:.5rem}
.footer-official_left a{color:#fff;font-weight:400}
.footer-official_right{display:flex;align-items:center;font-size:1.4rem}
.footer-official_right a{color:#fff;font-weight:700;margin-right:.5rem}
.footer-official_right .bold{font-family:'Lato', Arial, Helvetica, sans-serif;font-weight:700}
.wd-logo{display:block;width:11.1rem;height:2.8rem;margin:0 0 0 1rem;position:relative;top:-.6rem}
.wd-logo img{width:100%}

.hide{display:none !important;}


@media screen and (max-width: 1510px) {
    .footer-container, .footer-official{padding-left:7.3rem;padding-right:7.3rem}
}

@media screen and (max-width: 1399px) {
    .section-3D_right{flex:0 0 60.5rem;width:60.5rem}
    .section-3D_left{flex:2;padding:5rem}
}

@media screen and (max-width: 1399px) {
    .header-logo svg{width:16rem}
    .footer-container{padding:5rem 4.5rem}
    .footer-official{padding:2.3rem 4.5rem}
}

@media screen and (max-width: 1290px) {
    .section-3D{height:55rem}
    .section-3D_right{flex:0 0 44.4rem;width:44.4rem}
}

@media screen and (max-width: 1259px) {
    .section-villas_list{margin:0}
}

@media screen and (max-width: 1199px) {
    .section-villas_list{margin:0 -1.5rem}
    .section-villas_cell{padding-left:1.5rem;padding-right:1.5rem}
    .section-gallery{height:61rem}
    .footer-left{justify-content:center;margin-bottom:3rem}
    .footer-official{display:block;padding:5rem 2rem}
    .footer-official_left{flex-direction:column;align-items:center;line-height:1.2;margin-bottom:3rem;padding-right:0}
    .footer-official_left a{display:block;margin:0 0 1rem;text-decoration:underline}
    .footer-official_right{justify-content:center}
}

@media screen and (max-width: 1132px) {
    .section-3D_left{display:block;margin-right:0;max-width:none}
    .section-3D_content{margin:0 0 4rem}
    .section-3D_list{max-width:none}
    .section-3D_list .owl-carousel .owl-stage{display:flex;justify-content:center}
    .section-3D_list .owl-carousel .owl-item{float:left;width:auto !important}
    .section-3D_list .item{margin:0 3rem;padding:0;width:8.5rem}
}

@media screen and (max-width: 1023px) {
    .section-villas_cell{flex:0 0 50%;width:50%}
}

@media screen and (max-width: 1040px) {
    .section-3D{display:block;height:auto}
    .section-3D_left{display:flex}
    .section-3D_list{max-width:8.5rem}
    .section-3D_list .owl-carousel .owl-stage{display:block}
    .section-3D_list .owl-carousel .owl-item{float:left;width:100% !important}
    .section-3D_list .item{margin:0;padding:2.3rem 0}
    .section-3D_right{width:100%}
}

@media screen and (max-width: 991px) {
    .header-logo{margin-left:3.25rem}
    .footer-container{display:block;padding:7rem 2rem}
    .footer-logos{justify-content:center}
    .footer-logos a{margin:0 2.5rem}
}

@media screen and (max-width: 767px) {
    .btn-menu{display:block;margin:3.7rem 2rem 0 0}
    .btn-menu i{background-color:#fff;display:block;width:3rem;height:.2rem;margin:.5rem 0;transition:all .2s linear}
    .header-logo{margin:2.8rem 0 0 2rem}
    .header-logo img, #header.scroll .header-logo img{width:16rem}
    .header-menu, #header.scroll .header-menu{padding-top:1.9rem}
    .header-menu a, #header.scroll .header-menu a{line-height:5rem}
    #header.scroll{height:9rem}
    #header.scroll .header-logo{margin-top:2.8rem}
    .section-main{min-height:50rem}
    .section-gallery{height:50rem}
    .section-contact{padding:11rem 1.5rem}
}

@media screen and (max-width: 719px) {
    .footer-left{flex-direction:column;align-items:center}
    .footer-title{text-align:center}
    .footer-team_info{padding-left:0}
    .footer-team_name{display:block;text-align:center}
}

@media screen and (max-width: 689px) {
    .section-3D_left{display:block;margin-right:0;max-width:none}
    .section-3D_content{margin:0 0 4rem}
    .section-3D_list{max-width:none}
    .section-3D_list .owl-carousel .owl-stage{display:flex;justify-content:center}
    .section-3D_list .owl-carousel .owl-item{float:left;width:auto !important}
    .section-3D_list .item{margin:0 3rem;padding:0;width:8.5rem}
}

@media screen and (max-width: 639px) {
    .header-logo{margin-left:1.5rem}
    .section-main{background:url(../img/bg-main_mob.jpg) 0 0 no-repeat;background-size:cover}
    .slogan{font-size:4rem}
    .form-group{width:100%;margin-bottom:1.5rem;padding:0}
    .footer-official_left span{display:block;max-width:28rem;text-align:center}
    .footer-official_right{flex-direction:column;align-items:center}
    .footer-official_right span{display:block;margin-bottom:2rem;text-align:center}
    .footer-official_right .bold{margin-bottom:0}
    .section-contact{padding:7.5rem 1.5rem}
}

@media screen and (max-width: 619px) {
    .section-3D_plan img{width:100%;height:auto}
    .section-villas_cell{flex:0 0 100%;width:100%;padding-bottom:1.5rem}
}

@media screen and (max-width: 580px) {
    h2{font-size:3rem}
    .header-logo, #header.scroll .header-logo{margin-top:2.5rem}
    .header-logo img, #header.scroll .header-logo img{width:14.5rem}
    .section-3D_list .item{margin:0 1.5rem}
    .section-villas{padding-top:8rem}
    .section-gallery{height:30rem}
    .section-contact h2, .section-villas h2{margin-bottom:4rem}
    input, button, textarea, select{font-size:2rem}
    .section-gallery .owl-carousel .owl-nav button.owl-next, .section-gallery .owl-carousel .owl-nav button.owl-prev{border-width:.2rem;width:4rem;height:4rem}
    .section-gallery .owl-carousel .owl-nav button.owl-next{right:1.5rem}
    .section-gallery .owl-carousel .owl-nav button.owl-prev{left:1.5rem}
    .footer-logos{flex-direction:column-reverse}
    .footer-logos a{margin:3rem 0 0}
}

@media screen and (max-width: 479px) {
    .btn{width:100%}
    .header-menu{font-size:1.2rem}
    .header-menu li{width:15rem}
    .header-menu a{width:100%}
    .section-3D_left{padding:4rem 1.5rem}
    .section-3D_list{margin:0 -1rem}
    .section-3D_list .item{margin:0 1rem}
}