/*
Theme Name: Urban Living
Author: Minimal
Author URI: https://www.minimal.com.ar
Version: 1.0
*/

.float_l { float:left; }
.float_r { float: right; }
.clear { clear:both; }
.block { display:block !important; }
.none { display: none !important; }
.flex { display: flex; }
.relative { position:relative; }
.no_margin { margin: 0 !important; }
.mb_50 { margin-bottom: 50px; }
.mb_70 { margin-bottom: 70px; }
.mb_80 { margin-bottom: 80px; }
.nolink { cursor: default; }
.valign { width: 100%; position: absolute !important; top: 50%; left:0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.halign { width: 100%; position: absolute !important; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
.fullalign { width: 100%; position: absolute !important; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform: translate(-50%, -50%);}
.vh-align { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; height: 100% !important; }
.transition,
.transition:hover { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }



/*----------- BASICS & LAYOUT -----------*/

html{ scroll-behavior:smooth; } 
body { background: #f7f7f7; font-family: 'Inter', sans-serif; color: #424B54; font-size:15px; line-height: 1.6; font-weight: 400; }
.inner { margin: auto; position: relative; padding-left: 70px; padding-right: 70px;  }


p { margin-bottom: 24px; font-size: 15px; line-height: 1.6; }
a { color: #424B54; }
strong { font-weight:600; }
p strong { }
img { max-width:100%; -webkit-backface-visibility:hidden; }
li:last-child { margin-right: 0 !important; border: 0 !important; }


.btn { color: #A3816A; background: none; padding: 6px 24px; margin: auto; text-transform: uppercase; letter-spacing: 0.5px; display: inline-block; border: 1px solid #A3816A; text-align: center; font-size:14px; opacity: 1; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;  }


.btn:hover { background:#B08269; color: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.link { text-transform: uppercase; color: #A3816A; font-size: 14px; }
.link img { width: 16px !important; display: inline-block; margin-left: 10px; }


/* Headings */

h1,
h2,
h3,
h4 { color: #424B54; font-weight: 400; line-height: 1.2; }

h1 { font-size: 55px; }
h2 { font-size: 15px; text-transform: uppercase; }



/*----------- HEADER -----------*/

.overlay_loading { width: 100%; height: 100vh; position: fixed; top:0; left:0;  z-index: 100000; background: #f7f7f7; display: grid; justify-content: center; align-content: center; }
.overlay_loading .gif { max-width: 60px; margin: auto; margin-top: 30px; }
.overlay_loading.exit { transition: transform .6s cubic-bezier(.86,0,.07,1); transform: translateX(100%); }

#overlay_header { width: 100%; height: 180px; z-index: 10; position: absolute; top: 0;  background: linear-gradient(to bottom, rgba(66,75,84,.8), rgba(66,75,84,0)); }
.page-template #overlay_header { display: none; }
.page-template.home #overlay_header { display: block; }

#header_wrapper { overflow: hidden; position: relative; width: 100%; }

header { width: 100%; height: 90px;  background: rgba(234,234,234,0); position: fixed; top: 0; padding: 20px 0; z-index: 1000; display: grid; align-content: center; }

header .inner { position: relative; display: flex; align-items: center; }
header .inner > .social { position: absolute; right: 70px; left: auto; width: auto; }
header .inner > .social a { color: #fff; }

header #logo img { width: 180px; }
header #logo { position: relative; }
header .logo_black { opacity: 0; position: absolute; top:0;}
header nav { position: relative; left: 90px; }
header nav .inner { display: flex; justify-content: space-between; align-items: center; }
header nav li { margin-left: 30px; display: inline-block; position: relative; }
header nav li:first-child { margin-left: 0; }
header nav li a,
header nav li .sub_menu li { color: #fff; display: block; font-size: 12px; text-transform: uppercase; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
header nav > ul > li { height: 90px; line-height: 90px; }
header a:hover { opacity: .8; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}

header nav .nolink:after { content: url("images/icon_arrow_menu_white.svg"); margin-left: 8px; }
header nav li img { display: inline-block; width: 10px; margin-left: 6px; }
header nav li .sub_menu  { width: 100vw; max-height: 0; height: 0; display: flex; padding-left: 70px; position: absolute;  left: 0; background: #EAEAEA; z-index: 100000;  opacity: 0;  }
header nav li .sub_menu ul { margin-right: 100px; display: none; }
header nav li .sub_menu li { line-height: 1.4; margin-left: 0; margin-bottom: 8px; opacity: 0;  -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s;}
header nav li .sub_menu li a { display: inline-block;  }
header nav li .sub_menu li:first-child { color: #A3816A !important;  margin-bottom: 12px;  }
header nav > ul > li.proyectos:hover .sub_menu { opacity: 1;  padding-bottom: 32px; height: auto; max-height: none; top: 90px; }
header nav > ul > li.proyectos:hover .sub_menu ul { display: block; }
header nav > ul > li.proyectos:hover .sub_menu li { opacity: 1;  -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
header nav li .sub_menu li span { font-size: 6px; margin-right: 6px; position: relative; top: -4px; }

header nav li .sub_menu li a em {
	display: inline-block;
	font-style: normal;
	font-size: 7px;
	position: relative;
//	top: -4px;
	left: 2px;
}


header:hover, 
header.header_scroll, 
.page-template-contacto_cp header {  background: rgba(234,234,234,1); }

header.header_scroll {
	z-index: 5000;
}

header:hover nav li a,
header:hover nav li .sub_menu li,
.page-template-contacto_cp header nav li a,
.page-template-contacto_cp header nav li .sub_menu li{  color: #1E2A2D;}

header.header_scroll nav li a,
header.header_scroll nav li .sub_menu li {  color: #1E2A2D;}

header.header_scroll .inner > .social a,
header:hover .inner > .social a,
.page-template-contacto_cp header .inner > .social a { color: #A3816A; }

header.header_scroll .logo_black,
header:hover .logo_black, 
.page-template-contacto_cp header .logo_black { opacity: 1; }

header.header_scroll .logo_white,
header:hover .logo_white,
.page-template-contacto_cp header .logo_white{ opacity: 0; }

header.header_scroll .menu_btn.gold,
header:hover .menu_btn.gold,
.page-template-contacto_cp header .menu_btn.gold { opacity: 1;  }

header.header_scroll .menu_btn.white,
header:hover .menu_btn.white,
.page-template-contacto_cp header .menu_btn.white{ opacity: 0;  }


header.header_scroll nav .nolink:after,
header:hover nav .nolink:after,
.page-template-contacto_cp header nav .nolink:after{ content: url(images/icon_arrow_menu.svg); }




/* Menu Mobile */

.menu_btn { display: none; width: 26px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: 0; position:absolute; border:0; cursor:pointer; padding: 0; background:none; }
.menu_btn.white { opacity: 1; }
.menu_btn.gold { opacity: 0; }
.menu_btn:hover { opacity:0.8;}
.menu_btn span {  width: 26px; height: 4px; background:#FE5000; display:block; border-radius: 30%; }
.menu_btn span:after,
.menu_btn span:before { content:''; width: 26px; height: 4px; background:inherit; display:block; }
.menu_btn span:before { position:relative; top: -8px;}
.menu_btn span:after { position:relative; top: 4px;}


#menu_mobile {  width: 420px; height: 100%; padding: 30px 5%; position: fixed; right: -420px; top: 0; z-index: 10000; display:grid;  align-items: center; box-shadow: -3px 0 7px rgba(0,0,0,.1); background: #f7f7f7; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;  }
#menu_mobile.active { right: 0; }
#menu_mobile #close_menu { position: absolute; top: 39px; right: 46px; }
#menu_mobile #close_menu img { width: 22px; }
#menu_mobile nav > ul > li > a { margin-bottom: 20px; text-align: left;  opacity: 1; color: #424B54; font-size: 16px; text-transform: uppercase; font-weight: 600; display: 
block; }
#menu_mobile li a:hover { opacity:.8; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
#menu_mobile .social { margin-top: 40px; text-align: right; position: absolute; bottom: 40px; right: 46px; }
#menu_mobile .social a { color: #A3816A; margin-left: 4px; font-size: 22px; }
#menu_mobile .sub_menu { display: grid; grid-column-gap: 20px; grid-row-gap: 30px;  }
#menu_mobile .sub_menu li { margin-bottom: 8px; }
#menu_mobile .sub_menu li:first-child { color: #A3816A; margin-bottom: 12px; }
#menu_mobile .sub_menu li a { font-size: 14px; display: inline-block; }
#menu_mobile .sub_menu li span { font-size: 7px; margin-right: 5px; }

#menu_mobile .proyectos { border: 1px solid #ccc; border-width: 1px 0; padding: 30px 0; margin-bottom: 30px; }

/* -------- HOME -------- */

#hero_home {  overflow: hidden; position: relative; margin-bottom: 0; }
#hero_home .slide { height: calc(100vh); }

#nosotros { padding: 190px 0; padding-bottom: 60px; }
#nosotros .inner { max-width: 95%; margin: 0; }
#nosotros .grid { grid-column-gap: 60px; }
#nosotros .btn_about { position: absolute; bottom:-24px; right: 70px; color: #A3816A; font-size: 14px; font-weight: 500; text-transform: uppercase; }
#nosotros .btn_about:hover { text-decoration: underline; }
#nosotros h2 { font-size: 15px; font-weight: 600; }
#nosotros .cargo { font-weight: 400; font-size: 12px; margin-top: 20px; margin-bottom: 40px;}


#equipo { 
	max-width: 82% !important; padding-top: 190px; max-width: 90%; margin: 0;
}
#equipo h3 { color: #A3816A; font-size: 25px; }
#equipo .img_wrapper { position: relative; }
#equipo .overlay { width: 94%; height: 96%; padding: 40px; opacity: 0; position: absolute;  bottom:0; right: 0; background: rgba(255,255,255,.90); }
#equipo .item { position: relative; }
#equipo .item:hover .overlay { opacity: 1; }
#equipo .item:hover .mas { background: none; }
#equipo .item img { width: 100%; margin-bottom: 30px;}
#equipo .mas { opacity: 1;  padding: 14px; position: absolute; bottom:0; right: 0; text-align: center; background: #f7f7f7; font-size: 20px; color: #A3816A; font-weight: 300; }
#equipo .mas img { width: 30px; margin-bottom: 0; }
#equipo .menos { display: none;  position: relative; top: -15px; }


#equipo .item:hover .menos { display: block; }
#equipo .item:hover .masmas { display: none; }

#proyectos_home h2 { 
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase !important;
	max-width: 96%;
	line-height: 1.6;
	text-transform: none;
	margin-bottom: 80px;
	margin-top: 80px;
	border-bottom-color: #eaeaea;
	border-bottom-style: solid;
	border-block-width: 1px;
	padding-bottom: 20px;
//	color: #A3816A;

}

.home-estado {
	display: inline !important;
	font-size: 10px !important;
	color: #fff;
	padding: 7px;
	position: relative;
	margin-left: 24px;
	background-color: #A3816A;
	font-style: normal;
	font-weight: 500;
	top: -3px;	
}

#proyectos_home .inner { padding-right: 0 !important; }
#galeria_proyectos_home img { width: 100%; }

#proyectos_home .volanta { font-size: 18px; text-transform: uppercase; margin-bottom: 36px; }
#proyectos_home .volanta span { color: #A3816A; }
#proyectos_home .direccion br { display: none; }

.galeria .tipo { font-size: 12px; color: #B08269; text-transform: uppercase; }
.galeria h3 { font-size: 25px; margin-bottom: 6px; }
.galeria .img_wrapper { display: block; margin-bottom: 26px; }
.galeria .tipo { margin-bottom: 5px; }

.galeria .volanta span { color: #A3816A; }

#contacto_home { padding: 200px 0;  }
#contacto_home h2 { position: relative; top: 20px; }
#contacto_home h3 { font-size: 40px; font-weight: 500; max-width: 420px; margin-bottom: 40px; }

#contacto_home .inner > div:last-child .big { color: #A3816A; font-size: 20px; display: block; margin-bottom: 50px; }
#contacto_home .inner > div:last-child .big:hover { text-decoration: underline; }
#contacto_home .inner > div:last-child span { display: block; color: #B2C0BC; }
#contacto_home .inner > div:last-child p { font-size: 14px; }
#contacto_home .inner > div:last-child .social a { font-size: 14px; margin-right: 20px; text-transform: uppercase; color: #424B54; }
#contacto_home .inner > div:last-child .social img { display: inline-block; margin-left: 4px;}


/* -------- SINGLE PROYECTO -------- */

#header_single > .inner { padding-top: 90px; padding-bottom: 180px; }
#header_single img { width: 100%; }
#header_single h1 { font-size: 27px; color: #A3816A; margin-bottom: 50px; }
//#header_single h1 { font-size: 36px; color: #A3816A; margin-bottom: 50px; }
#header_single .txt_intro_proyecto p {
	font-size: 22px;
//	max-width: 470px;
	max-width: 80%;
	margin-bottom: 40px;
}
#header_single .txt_intro_proyecto_2 p {
	font-size: 15px;
	font-size: 22px;	
	font-style: normal;
//	line-height: 28px !important;
//	max-width: 470px;
	max-width: 80%;	
	margin-bottom: 30px;
//	margin-top: 8px;
}
//#header_single .txt_intro_proyecto p em { font-size: 15px; font-style: normal; line-height: 1.2 !important; max-width: 470px; margin-bottom: 40px; }
#header_single .link { }
#header_single h3 { font-size: 15px; text-transform: uppercase; position: relative; top: 4px;}
#header_single .ubicacion {
	display: flex; position: relative; top: 10px; margin-top: 80px;
 }
#header_single .ubicacion > div { padding-left: 50px; }
#header_single .direccion .link { display: block; margin-top: 20px;}

#header_single .ubicacion h3 { width: 80px; }

#header_single .estado { display: flex; position: relative; top: 6px; margin-bottom: 40px; }
#header_single .estado > div { padding-left: 0px; }
#header_single .estado h4 { 
	font-size: 12px;
	color: #fff;
	padding: 7px;
	background-color: #A3816A;
 }




#map { height: 0; overflow: hidden; }
#map.active { height: 450px; }
#map iframe { width: 100%; }

#imagen_intermedia .data { align-self: center; padding-left: 80px;  }
#imagen_intermedia img { width: 100%; }
#imagen_intermedia .data h3 { font-size: 15px; margin-bottom: 30px;}
#imagen_intermedia .data h2 { font-size: 35px; font-weight: 500; max-width: 220px; margin-bottom: 30px; text-transform: none; }

#descripcion_proyecto { padding-top: 120px; padding-bottom: 100px; }
#descripcion_proyecto .inner { max-width: 95%; margin: 0; }
#descripcion_proyecto .grid { grid-column-gap: 60px; }
#descripcion_proyecto h3 { margin-bottom: 20px; font-weight: 600; }

#plantas .inner { 
	display: flex;
	margin: 0 -24px;
//	flex-flow: row wrap;
}
#plantas .inner .item {
	flex: 1;
	margin: 0 24px;
//	min-width: 25%;
	margin-bottom: 24px;
}
#plantas .inner .item img { width: 100%; }
#plantas .inner .item h3 { margin-bottom: 30px; font-size: 15px; }

#detalles_tecnicos { padding: 140px 0 200px; }
#detalles_tecnicos .item { display: flex; margin-bottom: 40px; }
#detalles_tecnicos .item:last-child { margin-bottom: 0; }
#detalles_tecnicos .item h3 { 
	font-size: 15px; text-transform: uppercase; position: relative;top: 4px; width: 200px;
}
#detalles_tecnicos .item > div { padding-left: 50px; width: 100%;}
#detalles_tecnicos .item > div li { position: relative; padding-left: 26px; margin-bottom: 8px;  }
#detalles_tecnicos .item > div li:before { content: '.'; position: absolute; left: 0; top: 0; font-size: 30px; line-height: 5px; color: #A3816A; }

#galeria_proyecto h3 { text-transform: uppercase; margin-bottom: 40px; font-size: 15px; }
#galeria_proyecto h3 span { color: #A3816A; }
#galeria_proyecto img { width: 100%; }

#asociados { padding: 100px 0 200px; }
#asociados .inner { display: flex; justify-content: center; }
#asociados .inner .item { margin: 0 0px; }
#asociados .inner .item img { 
	max-width: 200px;
	mix-blend-mode: multiply;
	
}

#descarga { text-align: center; }
#descarga a { display: inline-block; font-size: 35px; color: #B08269; text-transform: uppercase; }
#descarga a img { display: inline-block; margin-left: 30px; }

#contacto_proyecto { padding: 240px 0 200px; }
#contacto_proyecto h2 { position: relative; top: 10px; }
#contacto_proyecto h3 { font-size: 40px; font-weight: 500; max-width: 360px; margin-bottom: 40px; }
#contacto_proyecto .big { color: #A3816A; font-size: 20px; display: block; margin-bottom: 50px; }

#contacto_proyecto p span { color: #B5BFBB; display: block; }
#contacto_proyecto .btn { width: 160px; min-height: 0; line-height: 26px; cursor: pointer; }



/* -------- FORMS & CONTACTO -------- */

input,
select, 
textarea { width: 100%; margin-bottom: 24px;font-family: 'Inter', sans-serif; min-height: 40px; line-height: 34px; border: 0; border-bottom: 1px solid #9ca1a5; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 15px; color: #424B54; }
#form_wrapper input[type='submit'] { cursor: pointer; background: #FF4E4E; padding: 8px 36px; margin: auto; display: inline-block; text-align: center;  font-size:15px; opacity: 1; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; border-radius: 5px; min-height: 0; }
textarea {  height: 100px; margin-bottom: 50px; resize: vertical; }

input[type='radio'],
input[type='checkbox'] { margin-right: 8px; border:0; height: auto !important; background: none; padding-left: 0; line-height: inherit; min-height: 0; position: relative; top: 1px; }
input[type='radio']  { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio;}
input[type='checkbox'] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox;}

label { font-size: 16px; }

#form_wrapper p { margin-bottom: 0; }
#form_wrapper .bajada { font-size: 18px; margin-bottom: 40px; font-weight: 500; position: relative; top: -10px; }
#form_wrapper form { display: grid; grid-column-gap: 30px; grid-row-gap: 24px; }

span.wpcf7-not-valid-tip { font-size: 13px; position: relative; top: -18px; 	}
div.wpcf7-response-output { padding: 30px; border-width: 1px !important; }

/* ------- CONTACTO PAGE -------- */

body.page-template-contacto_cp { background: #eaeaea; }

#contacto_page { padding: 280px 0 160px; }
#contacto_page .btn { width: 160px; min-height: 0; line-height: 26px; cursor: pointer; }
#contacto_page h2 { position: relative; top: 10px; }
#contacto_page h3 { font-size: 40px; font-weight: 500; max-width: 400px; margin-bottom: 70px; }
#contacto_page .big { color: #A3816A; font-size: 20px; display: block; margin-bottom: 50px; }
#contacto_page .flex p span { color: #B5BFBB; display: block; }
#contacto_page .flex p:first-child { margin-right: 70px; }
#contacto_page .flex p a { font-size: 14px; }
#contacto_page .flex p img { display: inline-block; margin-left: 4px;  }


/* -------- FOOTER -------- */

footer { background: #EAEAEA; padding: 60px 0; border-top: 1px solid #D7C9C9; }
footer p { margin-bottom: 0; }
footer p, 
footer li { font-size: 14px; }

.menu_footer ul { margin-bottom: 32px; }
.menu_footer li { display: inline-block; margin-right: 20px; }
.menu_footer p { color: #B5BFBB; position: absolute; bottom: 0; }

.contacto_footer .top { border-bottom: 2px solid #9ca1a5; margin-bottom: 14px; padding-bottom: 24px; }
.contacto_footer .top strong { display: block; }
.contacto_footer .bottom span { display: block; color: #B5BFBB; }

footer img { max-width: 170px; margin-bottom: 30px; }
footer p i { margin: 0 4px; color: #33B5D5; }
footer .social { justify-self: end; position: relative; top: 0px; margin-bottom: 30px; display: block; }
.social a { font-size: 20px; display: inline-block; margin-right: 10px; color: #B08269; }
.social a:last-child { margin-right: 0; }

/* -------- SLICK -------- */

.slick-next, 
.slick-prev { z-index: 100;  width: 20px !important; background-size: 100%; top: 1px !important; -webkit-transform: none !important; -moz-transform: none !important; transform: none !important;  right: auto;}

.slick-prev { left: 100px !important;}
.slick-next { left: 120px !important; }

#galeria_proyectos_home .slick-next, 
#galeria_proyectos_home .slick-prev { top: -58px !important }
#galeria_proyectos_home .slick-prev { left: 0px !important;}
#galeria_proyectos_home .slick-next { left: 40px !important; }

.slick-prev::before { content: url("images/arrow_left.svg") !important;  }
.slick-next::before { content: url("images/arrow_right.svg") !important; }

.slick-dots { bottom: 16px !important; }
.slick-dots li button::before { font-size: 34px !important; } 
.slick-dots li button::before,
.slick-dots li.slick-active button::before { color: #fff !important; }

#galeria_proyectos_home .slick-list{padding:0 17% 0 0;}
#galeria_proyectos_home .item { padding-right: 48px; }


/*
#header_single h1 b {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	float: left;
	margin-top: -20px;
}
*/

/*
#header_single h1 em {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	top: -23px;
	font-style: normal;
	
}
*/
#header_single h1 em { 
	font-size: 12px;
	color: #fff;
	padding: 7px;
	position: relative;
	margin-left: 24px;
	background-color: #A3816A;
	font-style: normal;
	font-weight: 500;
	top: -3px;
 }

.galeria h3 em {
/*	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	top: -23px;	*/
	font-style: normal;
	display: none;	
}

.estado {
	position: relative;
	
}

.logo_proyecto {
	position: absolute;
	top: -382px;
	left: 74px;
	z-index: 3000;
	display: block;
}

.logo_proyecto img {
	max-width: 300px;
}

#descripcion_proyecto em {
	font-size: 20px;
	line-height: 1.6;
	font-style: normal;
	color: #A3816A;
}

#descripcion_proyecto p {
	font-size: 14px;
	line-height: 1.6;
	font-style: normal;
}

#nosotros em {
	font-size: 20px;
	line-height: 1.6;
	font-style: normal;
	color: #A3816A;
}

#nosotros p {
	font-size: 14px;
	line-height: 1.6;
	font-style: normal;
}