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

/* ------- webfonts ------- */
@font-face{font-family:'futura';src:url('fonts/FuturaStd-Bold.eot');src:local('☺'), url('fonts/FuturaStd-Bold.woff') format('woff'), url('fonts/FuturaStd-Bold.ttf') format('truetype'), url('fonts/FuturaStd-Bold.svg') format('svg');font-weight:700;font-style:normal}

@font-face{font-family:'futura';src:url('fonts/FuturaStd-Book.eot');src:local('☺'), url('fonts/FuturaStd-Book.woff') format('woff'), url('fonts/FuturaStd-Book.ttf') format('truetype'), url('fonts/FuturaStd-Book.svg') format('svg');font-weight:500;font-style:normal}

@font-face{font-family:'futura';src:url('fonts/FuturaStd-Light.eot');src:local('☺'), url('fonts/FuturaStd-Light.woff') format('woff'), url('fonts/FuturaStd-Light.ttf') format('truetype'), url('fonts/FuturaStd-Light.svg') format('svg');font-weight:300;font-style:normal}

@font-face{font-family:'engravers';src:url('fonts/Engravers MT.eot');src:local('☺'), url('fonts/Engravers MT.woff') format('woff'), url('fonts/Engravers MT.ttf') format('truetype'), url('fonts/Engravers MT.svg') format('svg');font-weight:normal;font-style:normal}

@font-face{font-family:'didot';src:url('fonts/DidotLTStd-Italic.eot');src:local('☺'), url('fonts/DidotLTStd-Italic.woff') format('woff'), url('fonts/DidotLTStd-Italic.ttf') format('truetype'), url('fonts/DidotLTStd-Italic.svg') format('svg');font-weight:normal;font-style:italic}

@font-face{font-family:'walsheim';src:url('fonts/gt-walsheim-light.eot');src:local('☺'), url('fonts/gt-walsheim-light.woff') format('woff'), url('fonts/gt-walsheim-light.ttf') format('truetype'), url('fonts/gt-walsheim-light.svg') format('svg');font-weight:normal;font-style:normal}

/* ------- STYLES ------- */

/* GENERAL */

*{outline:none;margin:0;padding:0;font-family:'futura';letter-spacing:1px;font-weight:500}
body{font-weight:normal;text-rendering:geometricPrecision;-webkit-text-rendering:geometricPrecision;}
body.swipe-opened,
body.modal-opened{overflow:hidden !important;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
body.page-loaded{opacity:1;transition:opacity 1s ease;}
main{width:calc(100% - 50px);position:relative;display:block;}
main a{color:#777;position:relative;font-size:28px;display:block}
main p{font-size:28px;}
i{font-style:normal}
h1, h2, h3, h4{font-weight:normal;}
h1{font-size:20px;}
h2{font-size:28px;}
a{text-decoration:none;color:initial;}
a span.hover{position:absolute;left:0;background-color:#f9f9f9;display:none;top:0;}
a:hover{cursor:pointer;}
a:hover span.hover{display:block;}
ul{list-style:none;}
.engravers{font-family:"engravers";}
.left{float:left;width:calc(50% - 20px)}
.right{float:right;width:calc(50% - 20px)}

.spiner{margin:50px;height:30px;width:30px;animation:rotate 0.8s infinite linear;-webkit-animation:rotate 0.8s infinite linear;-moz-animation:rotate 0.8s infinite linear;-ms-animation:rotate 0.8s infinite linear;border:8px solid #0B2823;border-right-color:transparent;border-radius:50%;}
@keyframes rotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}}
@-ms-keyframes rotate{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(360deg);}}

input{border:none;appearance:none;-webkit-appearance:none;border-bottom:1px solid #0B2823;padding:10px 0;color:#0B2823;background:transparent;width:100%;font-size:14px;outline:none;border-radius:0;}
.select-wrapper{overflow:hidden;border:1px solid #315952;position:relative;}
.select-wrapper span{background:transparent;bottom:0;font-size:10px;left:90%;line-height:34px;position:absolute;right:0;text-align:center;color:#315952}
.select-wrapper select{border:0;background:transparent;width:100%;font-size:14px;padding:10px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;border-radius:0;position:relative;z-index:1;color:#315952}
textarea{border:none;appearance:none;-webkit-appearance:none;border-bottom:1px solid #0B2823;padding:10px 0;color:#0B2823;background:transparent;width:100%;font-size:14px;resize:none;outline:none;border-radius:0;}
::-webkit-input-placeholder{color:#768E84}
:-moz-placeholder{color:#768E84;opacity:1}
::-moz-placeholder{color:#768E84;opacity:1}
:-ms-input-placeholder{color:#768E84}
::-ms-input-placeholder{color:#768E84}

.btn-arrow-wrapper{padding:150px 0;background-position:center;background-size:cover;background-repeat:no-repeat;margin:40px auto}
.btn-arrow-wrapper.grounds{background-image:url('../imgs/btn_terrenos.jpg');margin-bottom:0}
.btn-arrow{font-weight:700;padding-left:20px;border:1px solid #FFF;font-size:18px;height:60px;line-height:60px;display:table;margin:0 auto;color:#FFF;letter-spacing:1.5px;position:relative;}
.btn-arrow span{float:right;width:60px;height:60px;line-height:60px;margin-left:20px;border-left:1px solid #FFF;text-align:center;}
.btn-arrow span i{transition:all .3s ease;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);display:block}
.btn-arrow:hover span i.v{-webkit-transform:translateY(5px);}
.btn-arrow:hover span i.h{-webkit-transform:translateX(5px);}
.btn-arrow.submit-form{border-color:#315952;font-weight:500;color:#315952;font-size:14px;height:40px;line-height:40px;padding-left:10px;margin:0}
.btn-arrow.submit-form span{border-color:#315952;height:40px;line-height:40px;margin-left:10px;width:40px}
.btn-arrow.download{border:0;background-color:#315952;font-weight:300;font-size:16px;margin:0;}
form .notification{font-size:14px;margin-top:20px;display:table;width:100%}

.logo{position:absolute;width:130px;height:40px;background-position:center;background-size:100%;background-repeat:no-repeat;background-image:url('../imgs/logo.svg');z-index:1;top:20px;left:20px}

/* .btn-swipe */
.btn-swipe{width:50px;height:50px;position:absolute;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;top:0;left:0;z-index:11;background-color:#A28267;}
.btn-swipe span{display:block;position:absolute;height:2px;width:24px;background:#FFF;opacity:1;left:13px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.btn-swipe span:nth-child(1){top:17px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.btn-swipe span:nth-child(2){top:23px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.btn-swipe span:nth-child(3){top:29px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.swipe-opened .btn-swipe{background-color:transparent;left:10px;}
.swipe-opened .btn-swipe span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:15px;left:17px}
.swipe-opened .btn-swipe span:nth-child(2){width:0%;opacity:0}
.swipe-opened .btn-swipe span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:32px;left:17px}

/* swipe */
.swipe{position:fixed;top:0;right:-535px;width:100%;background-color:transparent;bottom:0;font-size:24px;color:#FFF;padding:70px;max-width:445px;z-index:20;transition:all .6s cubic-bezier(.7, 0, .3, 1);overflow:auto;}
.swipe ul.social{position:absolute;left:18px;font-size:13px;top:70px;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.swipe ul.social li{margin-bottom:10px;}
.swipe ul.social li a{color:#315952;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.buy .swipe > nav{display:none;}
.swipe nav ul{list-style:none;margin-top:-7px;margin-left:20px}
.swipe nav ul li{margin-bottom:10px;}
.swipe nav ul li a{font-size:50px;color:#FFF;font-weight:300}
.swipe nav ul li.selected > a{opacity:.5!important;}
.swipe nav ul li.dropdown ul{margin:0;overflow:hidden;opacity:0;height:0;transition:all .3s ease;}
.swipe nav ul li.dropdown ul.opened{opacity:1}
.swipe nav ul li.dropdown ul li{float:left;padding-right:15px;margin-right:15px;border-right:1px solid;margin-top:10px}
.swipe nav ul li.dropdown ul li:last-child{border:0}
.swipe nav ul li.dropdown ul li a{font-size:24px}
.swipe .contact{position:absolute;bottom:70px;}
.buy .swipe .contact{display:none;}
.swipe .contact a{color:#FFF;font-size:16px;}
.swipe-opened .swipe{right:0;}
.swipe-opened .swipe ul.social{left:28px;}
.swipe-opened .swipe ul.social li a{color:#FFF;}

.swipe-background{position:fixed;top:0;right:-535px;width:100%;background-color:#A28267;bottom:0;transition:all .6s cubic-bezier(.7, 0, .3, 1);mix-blend-mode:multiply;z-index:19;max-width:445px;padding:70px;opacity:0}
.swipe-opened .swipe-background{right:0;opacity:1}

/* .modal */
.btn-modal.close{position:absolute;top:0;right:0;z-index:21;color:#FFF;font-size:20px;line-height:50px;width:50px;text-align:center}
.modal{position:fixed;top:0;right:-100%;width:calc(100% - 40px);background-color:#0b2823fa;bottom:0;padding:20px;overflow:auto;z-index:20;will-change:scroll-position;-webkit-will-change:scroll-position;-moz-will-change:scroll-position;overflow:hidden}
.modal .slider{width:calc(100vw - 40px);margin:0 auto;height:calc(100vh - 70px);margin-top:30px;background-position:center;background-size:cover;background-repeat:no-repeat}
.modal .slider .slides img{max-width:calc(100% - 20px);max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.modal-opened .modal{right:0}

main h1{position:absolute;color:#FFF;font-size:34px;right:120px;bottom:90px;z-index:1;transition:all .5s ease;}
main .slider{width:100%;height:100%;}
.slider div.slides{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;}
.slider div.slides.video .overlay{position:absolute;background-position:center;background-size:cover;background-repeat:no-repeat;top:0;left:0;right:0;bottom:0;z-index:1;}
.btn-play{position:absolute;background-image:url('../imgs/play_white.svg');background-repeat:no-repeat;background-size:100%;background-position:center;width:50px;height:50px;top:calc(50% - 25px);left:calc(50% - 25px);}

.master-wrapper > section{opacity:0;transition:all 1s ease;transform:translateY(50px);}
.master-wrapper > section.loaded{opacity:1;transform:translateY(0);}
section{width:calc(100% - 100px);margin:0 auto;}

.title-wrapper{width:100%;position:relative;padding:40px 0;}
.title-wrapper:before{position:absolute;content:"";width:100%;height:1px;background-color:#808183;top:52px;}
.title-wrapper h2{font-size:21px;color:#808183;text-align:center;margin:0 auto;padding:0 20px;background-color:#FFF;width:auto;display:table;position:relative}

.projects{display:table;width:100%;}
.projects li{width:calc(50% - 20px);float:left;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;}
.projects li:nth-child(odd){margin-right:20px}
.projects li:nth-child(even){margin-left:20px}
.projects li a{display:block;width:100%;height:100%}
.projects li a .project-logo{position:absolute;width:40%;height:35%;background-size:100%;background-position:center;background-repeat:no-repeat;display:block;bottom:10%;right:10%;transition:.25s ease-in-out;opacity:1;}
.projects li a .overlay{mix-blend-mode:multiply;-webkit-mix-blend-mode:multiply;-moz-mix-blend-mode:multiply;-ms-mix-blend-mode:multiply;transition:.25s ease-in-out;opacity:1;}

div.video .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-position:center;background-repeat:no-repeat;background-size:cover}

footer.master{width:calc(100% - 150px);margin-top:40px;display:table;padding:40px 50px;background-color:#0B2823;}
footer.master h3{float:left;font-size:15px;color:#A28267;height:80px}
footer.master ul{color:#FFF;font-size:13px;float:left;margin-left:60px;}
footer.master ul li{margin-bottom:5px}
footer.master ul li a{color:#768E84}
footer.master > a{font-size:13px;float:right;padding:10px;border:1px solid #FFF;color:#FFF;transition:all .3s ease}
footer.master > a:hover{background-color:#FFF;color:#0B2823}
footer.master p.copyright{font-size:11px;width:100%;display:table;color:#FFF;}

/* .page-index */
.page-index.video-on main h1{opacity:0;visibility:hidden;}

.page-index section.more-lagos{background-color:#d2d2d3;margin-top:50px;padding:50px 0;background-image:url('../imgs/lagos_plant.svg');background-position:center;background-repeat:no-repeat;background-size:100%;}
.page-index section.more-lagos h2{font-size:24px;width:80%;max-width:450px;margin:0 auto;text-align:center;color:#315952}
.page-index section.more-lagos a.btn-arrow{border:0;font-size:16px;line-height:20px;height:20px;margin-top:30px}
.page-index section.more-lagos a.btn-arrow span{padding:0;margin-left:10px;border:0;width:auto;line-height:20px;height:20px}

.page-index section.newsletter{padding:30px;width:calc(100% - 160px);background-color:#E3EAE7;color:#0B2823;display:table;margin-top:40px}
.page-index section.newsletter .left{float:left;width:calc(50% - 10px);}
.page-index section.newsletter .left h2{font-size:21px;margin-bottom:40px;position:relative}
.page-index section.newsletter .left h2:after{position:absolute;width:20px;height:1px;background-color:#0B2823;content:"";left:0;bottom:-20px}
.page-index section.newsletter .left p{color:#768E84;font-size:16px}
.page-index section.newsletter .right{float:right;width:calc(50% - 10px);}
.page-index section.newsletter .right form ul li{margin-bottom:10px;}
.page-index section.newsletter .right form .btn-arrow{margin-top:20px}

/* .page-lagos */
.page-lagos section.lifestyle{display:table;width:calc(100% - 50px);margin:60px 0 40px 50px}
.page-lagos section.lifestyle .left header{margin-bottom:40px}
.page-lagos section.lifestyle .left header h2{font-size:24px;color:#A28267;margin-bottom:20px}
.page-lagos section.lifestyle .left header h3{font-size:28px;color:#315952;font-weight:300;}
.page-lagos section.lifestyle .left img{width:100%;margin-bottom:40px}
.page-lagos section.lifestyle .left p{margin-bottom:15px;color:#58595B;font-size:16px}
.page-lagos section.lifestyle .right .top{position:relative;display:table;width:100%;}
.page-lagos section.lifestyle .right .top img{width:calc(100% - 50px);display:block;}
.page-lagos section.lifestyle .right .top .text-box{position:absolute;bottom:0;right:50px;padding:50px;background-color:#A28267}
.page-lagos section.lifestyle .right .top .text-box h4{font-size:34px;color:#FFF;}
.page-lagos section.lifestyle .right .bottom{display:table;width:calc(100% - 50px);margin-top:40px;}
.page-lagos section.lifestyle .right .bottom div{height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}

.page-lagos section.map{display:table;width:calc(100% - 100px);margin:60px auto;height:initial;background-color:transparent;}
.page-lagos section.map img{width:100%;}
.page-lagos section.map ul{display:flex;-webkit-display:flex;-ms-display:flex;-moz-display:flex;width:100%;margin-top:60px;}
.page-lagos section.map ul li{width:calc(25% - 1px);text-align:center;flex:1}
.page-lagos section.map ul li:before{content:"▼";color:#315952;text-align:center;display:table;width:100%;margin-bottom:20px;font-size:8px}
.page-lagos section.map ul li:not(:first-child){border-left:1px solid #808183;}
.page-lagos section.map ul li small{margin-bottom:20px;color:#315952;display:table;width:100%}
.page-lagos section.map ul li p{font-size:50px;font-weight:300;color:#A28267}
.page-lagos section.map ul li p span{font-weight:300;}

.page-lagos section.activities{display:table;width:100%;margin:60px auto 0;}
.page-lagos section.activities h2{text-align:center;#0B2823;font-size:21px;margin-bottom:50px}
.page-lagos section.activities ul{background-color:#E3EAE7;display:table;text-align:center;width:calc(100% - 50px);padding:60px 0 40px}
.page-lagos section.activities ul li{display:inline-block;width:143px;margin:0 40px 20px;}
.page-lagos section.activities ul li i{display:block;width:135px;height:135px;background-color:#FFF;border-radius:50%;margin-bottom:20px;background-image:url('../imgs/lagos_activities_icons.svg');background-size:1476px 442px;background-repeat:no-repeat;border:4px solid #B38E5B;}
	.page-lagos section.activities ul li:nth-child(3) i{background-position:-4px -11px;}
	.page-lagos section.activities ul li:nth-child(2) i{background-position:-338px -11px;}
	.page-lagos section.activities ul li:nth-child(4) i{background-position:-1337px -11px;}
	.page-lagos section.activities ul li:nth-child(5) i{background-position:-1005px -11px;}
	.page-lagos section.activities ul li:nth-child(6) i{background-position:-671px -11px;}
	/* hover */
	.page-lagos section.activities ul li:nth-child(3) i:hover{background-position:-4px -302px;}
	.page-lagos section.activities ul li:nth-child(2) i:hover{background-position:-338px -302px;}
	.page-lagos section.activities ul li:nth-child(4) i:hover{background-position:-1337px -302px;}
	.page-lagos section.activities ul li:nth-child(5) i:hover{background-position:-1005px -302px;}
	.page-lagos section.activities ul li:nth-child(6) i:hover{background-position:-671px -302px;}
.page-lagos section.activities ul li small{font-weight:700;color:#0B2823}
.page-lagos section.activities .img{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;width:calc(100% - 50px);height:50vw}
.page-lagos section.activities .img h3{position:absolute;font-size:34px;right:50px;top:45%;color:#FFF}

/* .page-location */
.page-location main{width:calc(100% - 100px);margin:120px auto 40px;}
.page-location main h2{position:static;text-align:center;width:100%;font-size:34px;font-weight:300;color:#808183;margin-bottom:40px}
.map-wrapper{width:100%;height:45vw;background-color:#f1f1f1;position:relative}
.map-wrapper .map{width:100%;height:100%}
.map-wrapper h1{font-size:45px;position:absolute;width:100%;text-align:center;color:#9F805B;top:50%;line-height:50px;left:0;bottom:initial;z-index:1}

.page-location section.imgs{width:calc(100% - 100px);margin:40px auto;display:table;}
.page-location section.imgs img{width:100%}

/* .page-estates */
.page-estates main{width:calc(100% - 100px);margin:120px auto 40px;}
.page-estates main h2{position:static;text-align:center;width:100%;font-size:34px;font-weight:300;color:#808183;margin-bottom:40px}
.page-estates .map{height:auto;background-color:transparent}
.page-estates .map img{width:100%}
.page-estates h1{text-align:center;color:#0B2823}

.available-estates{background-color:#E3EAE7;padding:50px;margin:40px 0 0 0;width:calc(100% - 150px)}
.available-estates header{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #A28267}
.available-estates ul{display:table;width:100%}
.available-estates ul li{width:calc(33.33% - 30px);margin:15px;float:left;opacity:1;visibility:visible;transition:all .3s ease;}
.available-estates ul li.hidden{display:none}
.available-estates ul li a{display:table;font-size:13px;padding:10px;border:1px solid #0b2823;color:#0b2823;transition:all .3s ease;margin-top:15px}
.available-estates ul li a.btn.hidden{visibility:hidden;opacity:0}
.available-estates ul li a:hover{color:#FFF;background-color:#0b2823}
.available-estates ul li .img{width:100%;height:18.5vw;margin-bottom:15px;background-color:#f7f7f7;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat}
.available-estates ul li .img .overlay{position:absolute;z-index:1;opacity:0;background-color:#0B2823;transition:all .3s ease;left:0;right:0;top:0;bottom:0;background-image:url('../imgs/images_modal.svg');background-position:center;background-repeat:no-repeat;background-size:15%}
.available-estates ul li .img.btn-modal:hover .overlay{opacity:.8;cursor:pointer}
.available-estates ul li .img span.number{position:absolute;text-align:center;font-size:3.5vw;line-height:7vw;top:calc(50% - 4vw);color:#FFF;background-color:#B38E5B;width:9vw;left:calc(50% - 4.5vw)}
.available-estates ul li h3{font-weight:700;font-size:18px;color:#A28267;margin-bottom:15px}
.available-estates ul li h3 span{float:right;font-size:10px;width:20px;height:20px;background-color:#0B2823;color:#FFF;text-align:center;line-height:23px;display:none}
.available-estates ul li h4{color:#0B2823;margin-bottom:5px;font-family:"walsheim"}
.available-estates ul li small{color:#0B2823;margin-bottom:5px;display:table;font-family:"walsheim"}
.available-estates ul li small.hidden{visibility:hidden;opacity:0}

.page-estates section.inmobiliarias{}
.page-estates section.inmobiliarias ul{display:table;width:100%;text-align:center}
.page-estates section.inmobiliarias ul li{width:80px;height:80px;display:inline-block;margin:10px 20px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.page-estates section.inmobiliarias ul li:nth-child(1){background-image:url('../imgs/inmobiliarias/bado.jpg')}
.page-estates section.inmobiliarias ul li:nth-child(2){background-image:url('../imgs/inmobiliarias/blengio.jpg')}
.page-estates section.inmobiliarias ul li:nth-child(3){background-image:url('../imgs/inmobiliarias/caldeyro.jpg')}
.page-estates section.inmobiliarias ul li:nth-child(4){background-image:url('../imgs/inmobiliarias/irazabal.jpg')}
.page-estates section.inmobiliarias ul li:nth-child(5){background-image:url('../imgs/inmobiliarias/meikle.jpg')}
.page-estates section.inmobiliarias ul li:nth-child(6){background-image:url('../imgs/inmobiliarias/arocena.jpg')}
.page-estates section.inmobiliarias ul li:nth-child(7){background-image:url('../imgs/inmobiliarias/parietti.jpg')}
.page-estates section.inmobiliarias ul li:nth-child(8){background-image:url('../imgs/inmobiliarias/perez.jpg')}

.page-estates footer.master{margin-top:0;}

/* .page-contact */
.page-contact main h1{font-size:21px;right:initial;left:60px}
section.contact{margin:60px auto;display:flex}
section.contact .contact-form{flex:1;border-right:1px solid #0B2823;padding-right:80px;width:calc(100% - 160px);margin-right:80px}
section.contact .contact-form form ul li{margin-bottom:20px}
section.contact .contact-form form ul li input{font-size:16px}
section.contact .contact-form form ul li textarea{font-size:16px;height:150px}
section.contact .contact-form form p{float:left;font-size:12px;color:#0B2823;line-height:40px}
section.contact .contact-form form .notification p{line-height:18px;font-size:14px;margin-top:20px}
section.contact .contact-form form a{float:right}
section.contact .contact-info{flex:1;width:calc(100% - 160px)}
section.contact .contact-info .content{width:100%;display:table;margin:40px 0 30px;padding:30px 0;border-top:1px solid #808183;border-bottom:1px solid #808183;font-size:14px;}
section.contact .contact-info .content h3{margin-bottom:20px;font-weight:700;font-size:10px;color:#808183}
section.contact .contact-info .content ul li:first-child{margin-bottom:21px}
section.contact .contact-info .content ul li p{color:#0B2823;line-height:22px;font-size:14px}
section.contact .contact-info > p{color:#9F805B;font-size:14px;font-family:"walsheim"}



/* ------------------- body.project -------------------- */
body.project .logo{transition:all .3s ease-in-out}

header.master{position:fixed;top:-50px;left:0;right:50px;background-color:#A28267;z-index:19;padding:10px 0;transition:all .3s ease-in-out}
header.master nav a.logo-project{width:120px;height:30px;background-repeat:no-repeat;background-size:100%;background-position:center;display:block;margin:0 40px;float:left;}
header.master nav ul{display:table;padding-top:5px}
header.master nav ul li{float:left;margin-right:15px;padding-right:15px;border-right:1px solid #FFF}
header.master nav ul li a{line-height:22px;font-size:14px;color:#FFF;font-family:"didot";font-style:italic;position:relative}
header.master nav ul li.selected a:after{content:"▲";position:absolute;color:#0B2823;font-size:7px;font-style:normal;line-height:7px;bottom:-10px;left:calc(50% - 3px)}

body.project main .slides .project-logo{position:absolute;width:25%;height:35%;background-size:100%;background-position:center;background-repeat:no-repeat;display:block;bottom:10%;right:10%;z-index:1;transition:.7s ease-in-out;}
body.project main .slides .triangle-overlay{mix-blend-mode:multiply;-webkit-mix-blend-mode:multiply;-moz-mix-blend-mode:multiply;-ms-mix-blend-mode:multiply;transition:.7s ease-in-out;opacity:1;width:100%;height:0;padding-top:100%;overflow:hidden}
body.project main .slides .triangle-overlay span{content:"";display:block;width:0;height:0;margin-top:0;border-top:0 solid transparent;border-right:0 solid}
body.project.overlay-hidden main .slides .triangle-overlay{opacity:0;visibility:hidden;}
body.project.overlay-hidden main .slides .project-logo{opacity:0;visibility:hidden;}
body.project.overlay-hidden header.master{top:0;}
body.project.overlay-hidden .logo{top:80px;}

section.info{margin:80px auto 40px;display:table}
section.info .top{display:flex;min-height:30vw}
section.info .top .left{flex:1;}
section.info .top .left h2{font-size:40px;font-weight:300;color:#0B2823;margin-bottom:35px;position:relative;padding:0 40px 25px}
section.info .top .left h2:after{content:"";position:absolute;width:20px;height:1px;background-color:#0B2823;bottom:0;left:40px}
section.info .top .left p{color:#9F805B;margin-bottom:60px;width:80%;padding:0 40px;font-family:"walsheim"}
section.info .top .right{flex:1;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}
section.info .top .right iframe{position:absolute;height:100%}
section.info .top .right .btn-play{}
section.info ul{display:flex}
section.info ul li{width:25%;text-align:center;padding:40px}
section.info ul li h3{font-size:18px;color:#315952;margin-bottom:10px}
section.info ul li p{color:#FFF;font-size:14px;}
section.info ul li i{display:block;width:80%;margin:10px auto;height:110px;background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url('../imgs/house_icon.svg');}
section.info ul li:nth-child(1){background-color:#B8B8BA}
section.info ul li:nth-child(2){background-color:#9F805B;background-image:url('../imgs/plant_small.svg');background-repeat:no-repeat;background-size:100%;background-position:center}
section.info ul li:nth-child(4) h3{color:#14211f}
section.info .bottom{display:flex}
section.info .bottom .left{flex:1;background-position:center;background-size:cover;background-repeat:no-repeat}
section.info .bottom .right{flex:1;}
section.info .bottom .right p{padding-left:60px;margin-bottom:20px;color:#58595B;font-weight:300;line-height:22px}
section.info .bottom .right p:first-child{padding-top:60px;}

section.map-wrapper{width:calc(100% - 100px);margin:60px auto;}

section.masterplan{display:flex;}
section.masterplan .left{flex:1;background-position:center;background-size:cover;background-repeat:no-repeat}
section.masterplan .right{flex:1;background-color:#9F805B;}
section.masterplan .right a{margin:60px auto;background-color:transparent;border:1px solid #FFF;line-height:40px;height:40px;width:270px;text-align:center;position:relative}
section.masterplan .right a:not(:last-child):after{content:"";position:absolute;height:1px;background-color:#FFF;left:-50px;right:-50px;bottom:-30px}
section.masterplan .right a span{line-height:40px;height:40px;width:40px}

body.project section.contact{margin:0 auto}
body.project section.contact .left{border:0;background-color:#E3EAE7;padding:50px;margin:0;width:calc(50% - 100px);flex:none}
body.project section.contact .left h2{font-size:20px;color:#9F805B;margin-bottom:10px}
body.project section.contact .left h3{font-size:16px;color:#315952;margin-bottom:25px}
body.project section.contact .right{position:relative;background-position:center bottom;background-repeat:no-repeat;background-size:95%;background-image:url('../imgs/contact_plant.svg')}
body.project section.contact .right .content{border:0;text-align:center;position:absolute;top:45%;transform:translateY(-50%)}
body.project section.contact .right .content i{width:120px;height:120px;display:block;margin:0 auto 30px;background-size:contain;background-repeat:no-repeat;background-position:center;}
body.project section.contact .right .content h3{width:100%}
body.project section.contact .right .content p{color:#0B2823}
body.project section.contact .right .content p:first-of-type{margin-bottom:30px;padding-bottom:30px;position:relative;}
body.project section.contact .right .content p:first-of-type:after{content:"";position:absolute;width:30px;height:1px;bottom:0;left:calc(50% - 15px);background-color:#0B2823}

section.pre-footer{background-color:#D1D1D2;padding:40px 0}
section.pre-footer a{border-color:#315952;}
section.pre-footer a span{border-color:#315952;}


/* ------------------- media-queries -------------------- */

@media (max-width: 1120px){
	footer.master h3{width:195px}
}

@media (max-width: 960px){
	.left{float:none;width:100%}
	.right{float:none;width:100%}
	
	.btn-arrow{font-size:14px;height:40px;line-height:40px}
	.btn-arrow span{height:40px;line-height:40px;width:40px}
	.btn-arrow.download{font-size:14px}
	
	.projects li{float:none;width:100%;margin-bottom:20px}
	.projects li:last-child{margin-bottom:0}
	.projects li:nth-child(odd){margin-right:0}
	.projects li:nth-child(even){margin-left:0}
	
	footer.master h3{height:initial;float:none;margin-bottom:30px}
    footer.master ul:first-of-type{margin:0}
    footer.master ul{margin-bottom:30px}
    
    .page-index section.newsletter .left{float:none;width:100%;margin-bottom:20px}
    .page-index section.newsletter .right{float:none;width:100%}
    
    .page-lagos section.lifestyle{margin:40px 50px 40px 20px;width:calc(100% - 70px)}
    .page-lagos section.lifestyle .left footer{margin-bottom:40px}
    .page-lagos section.lifestyle .right .top img{width:100%}
    .page-lagos section.lifestyle .right .top .text-box{right:0}
    .page-lagos section.lifestyle .right .bottom{width:100%}
    .page-lagos section.lifestyle .right .bottom div.left{float:left;width:calc(50% - 10px);}
    .page-lagos section.lifestyle .right .bottom div.right{float:right;width:calc(50% - 10px)}
    
    .page-lagos section.map{margin:40px 50px 40px 20px;width:calc(100% - 70px)}    
    .page-lagos section.map ul{-webkit-flex-wrap:wrap;flex-wrap:wrap}
    .page-lagos section.map ul li{width:calc(50% - 1px);flex:none;padding:30px 0}
    .page-lagos section.map ul li:not(:first-child){border:none;}
    .page-lagos section.map ul li:nth-child(odd){border-right:1px solid #808183;}
    
    .page-lagos section.activities .img h3{right:0;left:0;text-align:center}
        
    .available-estates ul li{width:calc(50% - 30px)}
    .available-estates ul li .img{height:27vw}
    
    .page-contact section.contact{display:table;margin-left:50px;width:calc(100% - 100px)}
    .page-contact section.contact .contact-form{flex:none;padding:0;margin:0;border:0;width:100%;display:table;margin-bottom:30px}
    .page-contact section.contact .contact-info{display:table;flex:none;margin:0;width:100%}
    .page-contact section.contact .contact-info .content h3{width:100%}
    
    
    /* ------------------- body.project -------------------- */
    section.info{margin:40px 0;width:calc(100% - 50px)}
    section.info .top{display:table;}
    section.info .top .right{flex:none;height:50vw}
    section.info ul{-webkit-flex-wrap:wrap;flex-wrap:wrap}
    section.info ul li{width:calc(50% - 80px)}
    section.info ul li i{height:70px}
    section.info .bottom{display:table}
    section.info .bottom .left{flex:0;height:50vw}
    section.info .bottom .right p{padding-left:40px}
    
    section.map-wrapper{margin-left:0;width:calc(100% - 50px)}
    
    section.masterplan{margin-left:0;width:calc(100% - 50px)}
    section.masterplan .left{display:none;}
    
    body.project section.contact{margin-left:0;width:calc(100% - 50px)}
    body.project section.contact .left{width:calc(100% - 100px)}
    body.project section.contact .right{display:none}
    
    section.pre-footer{margin-left:0;width:calc(100% - 50px)}    
}

@media (max-width: 720px){
	.slick-dots{display:none!important}
	footer.master ul{margin-left:0;width:50%}
	footer.master > a{float:none;display:table;margin-bottom:30px}
}

@media (max-width: 600px){
	.logo{left:10px}
	
	.btn-arrow-wrapper{margin:20px 0 20px 20px}
	.btn-arrow{font-size:12px;padding-left:10px}
	.btn-arrow span{width:20px;margin-left:10px}
	
	.map-wrapper{height:100vw;margin:20px 0}
	section.map-wrapper{margin:20px 0}
	.map-wrapper h1{font-size:18px}
	
	section{width:calc(100% - 70px);margin-left:20px}
	section.info{margin-bottom:20px}
	main h1{right:50px;left:20px;bottom:50px;font-size:26px}
	
	.swipe{width:calc(100% - 140px);right:0;transform:translateX(calc(100% - 50px));-webkit-transform:translateX(calc(100% - 50px));-moz-transform:translateX(calc(100% - 50px));-ms-transform:translateX(calc(100% - 50px));}
	.swipe-opened .swipe{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);}
	.swipe nav ul{margin-left:0}
	.swipe nav ul li a{font-size:26px}
	.swipe nav ul li.dropdown ul li a{font-size:18px}
	
	.swipe-background{right:0;width:0;padding:0}
	.swipe-opened .swipe-background{width:100%;}
	
	footer.master{margin-top:20px;padding:40px 20px;width:calc(100% - 90px);}
	footer.master ul{width:100%}
	
	/* .page-index */
	.page-index section.more-lagos{padding-bottom:30px;background-image:url('../imgs/lagos_plant@mobile.svg');background-size:200%;margin-top:20px}
	.page-index section.more-lagos h2{font-size:18px}
	.page-index section.more-lagos a.btn-arrow{padding:0 20px;text-align:center}
	.page-index section.more-lagos a.btn-arrow span{float:none;}
	
	.page-index section.newsletter{width:calc(100% - 130px)}
	
	.btn-arrow-wrapper.grounds{padding:80px 0}
	
	/* .page-lagos */
	.page-lagos section.map ul{margin-top:20px;}
	.page-lagos section.map ul li{width:100%;border-bottom:1px solid}
	.page-lagos section.map ul li:not(:first-child){border-bottom:1px solid}
	.page-lagos section.map ul li:nth-child(odd){border-right:0;}
	
	.page-lagos section.activities h2{padding:0 20px;}
	
	.page-lagos section.activities .img{height:100vw;}
	.page-lagos section.activities .img h3{font-size:26px;padding:0 20px;top:initial;bottom:50px}
	
	/* .page-location */
	.page-location main{margin-left:20px;width:calc(100% - 70px);margin-top:100px}
	.page-location main h2{text-align:left;}
	
	.page-location section.imgs{margin-left:20px;width:calc(100% - 70px);}
	
	/* .page-estates */
	.available-estates{padding:20px;width:calc(100% - 90px);}
	.available-estates ul li{width:100%;margin:15px 0;}
	.available-estates ul li .img{height:50vw}
	.available-estates ul li .img span.number{font-size:7.5vw;line-height:15vw;top:calc(50% - 8vw);width:20vw;left:calc(50% - 9.5vw)}
	
	.page-estates main{margin-left:20px;width:calc(100% - 70px);margin-top:100px}
	.page-estates main h2{text-align:left;}
	.page-estates h1{margin-left:20px;width:calc(100% - 70px);}
	
	/* .page-contacto */
	.page-contact main h1{left:20px;right:20px;}
	.page-contact section.contact{margin-left:20px;width:calc(100% - 70px)}
	section.contact .contact-form form p{float:none}
	section.contact .contact-form form a{float:none;}
	
	/* ------------------- body.project -------------------- */
	header.master nav ul{display:none;}
	header.master nav a.logo-project{margin:0 20px}
	
	body.project main .slides .project-logo{display:none;}
	
	section.info .top .left h2{font-size:30px}
	section.info .top .right{height:60vw}
	section.info ul li{width:100%;min-height:30vw}
	section.info .bottom .left{height:60vw}
	section.info .bottom .right p{padding-left:20px;padding-right:10px;}
	section.info .bottom .right p:first-child{padding-top:30px}
	
	section.masterplan .right a{margin:30px auto 60px}
	section.masterplan .right a:last-child{margin-bottom:30px}
	
	body.project section.contact .left{padding:20px;width:calc(100% - 40px)}
}

















/* SLICK PLUG IN */
.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}

.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;height:100%}
.slick-list:focus{outline:none}
.slick-loading .slick-list{background:#fff url("./ajax-loader.gif") center center no-repeat}
.slick-list.dragging{cursor:pointer;cursor:hand}

.slick-slider .slick-track{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}

.slick-track{position:relative;left:0;top:0;display:block;height:100%}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}

.slick-slide{float:left;height:100%;min-height:1px;display:none;background-position:center center;background-size:cover}
[dir="rtl"] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

/* Icons */
@font-face{font-family:"slick";src:url("./fonts/slick.eot");src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");font-weight:normal;font-style:normal}
/* Arrows */
.slick-prev,.slick-next{position:absolute;display:block;line-height:30px;cursor:pointer;background:transparent;color:transparent;padding:0;border:none;outline:none;z-index:1;font-family:'Work Sans';font-size:50px;font-weight:500;overflow:hidden;width:30%;height:70%;bottom:0}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0.25}

.slick-prev:before,.slick-next:before{font-size:40px;line-height:1;color:white;opacity:0.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.slick-prev{left:0;cursor:url('../imgs/nav_prev_white.svg'), auto}
[dir="rtl"] .slick-prev{left:auto;right:0}

.slick-next{right:0;cursor:url('../imgs/nav_next_white.svg'), auto}
[dir="rtl"] .slick-next{left:0;right:auto}

/* Dots */
.slick-dots{position:absolute;bottom:40px;list-style:none;display:block;text-align:center;padding:0;width:100%;z-index:2}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li:not(:last-child):after{content:"";position:absolute;background-color:#9F805B;width:20px;height:1px;right:-15px;top:9px}
.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;font-size:26px}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"○";width:20px;height:20px;font-size:26px;line-height:20px;text-align:center;color:#9F805B;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{color:#9F805B;opacity:1;font-size:26px;content:"●"}