@charset "utf-8";
/*
Theme Name: Iacoi
Theme URI: http://www.iacoi.com.ar
Author: Matías Corado - visualquimia
Author URI: http://www.visualquimia.com.ar/
Version: 1.0
*/

/*--------------------------------------------------------------
 TABLA DE CONTENIDOS
----------------------------------------------------------------
1.0 Normalizar
2.0 Accessibilidad
3.0 Clearings
4.0 Layout
----------------------------------------------------------------
*/
/*
--------------------------------------------------------------
1.0 Normalizar
Estilos basados en Normalize v5.0.0 @link https://github.com/necolas/normalize.css + Eric Meyer's Reset CSS v2.0 - http://cssreset.com
--------------------------------------------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	margin-top: 0 !important;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;

}
html, html a {
	-webkit-font-smoothing: antialiased !important;
}
body {
	margin: 0;
	padding: 0;
	text-rendering: optimizeLegibility;
	line-height: 1;
}
main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
figure {
	margin: 1em 0;
}
em {
	font-style: italic;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	height: 0;
	overflow: visible;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a, a:link, a:visited, a:active, :focus {
	outline: none;
	border: 0 none;
	outline-width: 0;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}
b, strong {
	font-weight: 700;
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
dfn {
	font-style: italic;
}
mark {
	color: #222;
	background-color: #eee;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
audio, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	vertical-align: bottom;
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
input, button, optgroup, select, textarea {
	font-family: inherit;
	font-size: inherit;
	margin: 0;
}
button, optgroup {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0 none;
}
/*input:focus, select:focus {
	border: 0 none;
}
input::-moz-focus-inner {
	border: 0;
}*/
input:focus, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: #FFF !important;
}
button, input {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	 border-style: none;
	 padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
 	outline: 1px dotted ButtonText;
}
fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	display: inline-block;
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"], [type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
 	font: inherit;
}
details, menu {
	display: block;
}
summary {
	display: list-item;
}
canvas {
	display: inline-block;
}
template {
	display: none;
}
[hidden] {
	display: none;
}
/*--------------------------------------------------------------
2.0 Accessibilidad
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
3.0 Clearings
--------------------------------------------------------------*/
.clearfix::before, .clearfix::after, .clear::before, .clear::after, .entry-content::before, .entry-content::after, .entry-footer::before, .entry-footer::after, .comment-content::before, .comment-content::after, .site-header::before, .site-header::after, .site-content::before, .site-content::after, .site-footer::before, .site-footer::after, .nav-links::before, .nav-links::after, .pagination::before, .pagination::after, .comment-author::before, .comment-author::after, .widget-area::before, .widget-area::after, .widget::before, .widget::after, .comment-meta::before, .comment-meta::after {
	content: "";
	display: table;
	line-height: 0;
	table-layout: fixed;
}
.clearfix::after, .clear::after, .entry-content::after, .entry-footer::after, .comment-content::after, .site-header::after, .site-content::after, .site-footer::after, .nav-links::after, .pagination::after, .comment-author::after, .widget-area::after, .widget::after, .comment-meta::after {
	clear: both;
}
* {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}
*, *::before, *::after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*--------------------------------------------------------------
4.0 Layout
--------------------------------------------------------------*/
body {
	font-family: 'Montserrat', sans-serif;
	background-color: #CCC;
	-ms-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.clearfix {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
.full-container {
	min-width: 320px;
	max-width: 1366px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #FFF;
}
.container {
	position: relative;
}
header {
	top: 0;
	width: 100%;
	/*width: 100.5%;
	left: 50.25%;
	-ms-transform: translateX(-50.25%);
	-moz-transform: translateX(-50.25%);
	-webkit-transform: translateX(-50.25%);
	transform: translateX(-50.25%);*/
	position: fixed;
	z-index: 10;
}
body.animar-cabecera header:after, body.menu-open header:after {
	content: "";
	width: 100%;
	position: absolute;
}
header .container {
	background-color: #FFF;
	-ms-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
header .logo {
	display: block;
	float: left;
}
header .logo svg {
	width: auto;
}
header nav ul li, #intro h3, p strong, .texto ul li, .texto ul li:before, .contenido .destacado p, #procrear h2, .contacto-izq p {
	font-weight: 700;
}
header nav ul li a, header nav ul li a:visited, #intro h1 {
	color: #000;
}
header nav ul li a, .boton, .boton svg {
	-ms-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.boton {
	font-size: 16px;
	line-height: 18px;
}
#btn-co:after {
	border-bottom-color: #00aae2;
}
#btn-co:hover a {
	color: #00aae2;
}
#btn-build:after {
	border-bottom-color: #eb5b25;
}
#btn-build:hover a {
	color: #eb5b25;
}
#btn-arq:after {
	border-bottom-color: #fabb33;
}
#btn-arq:hover a {
	color: #fabb33;
}
#btn-design:after {
	border-bottom-color: #20ad83;
}
#btn-design:hover a {
	color: #20ad83;
}
.boton {
	position: relative;
	overflow: hidden;
	display: table;
	-moz-border-radius: 1000px;
	-ms-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	-khtml-border-radius: 1000px;
	border-radius: 1000px;
}
.boton:before {
	content: "";
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	right:50%;
	-ms-transition: all .4s cubic-bezier(1, 0, 1, 1);
	-webkit-transition: all .4s cubic-bezier(1, 0, 1, 1);
	-moz-transition: all .4s cubic-bezier(1, 0, 1, 1);
  	transition: all .4s cubic-bezier(1, 0, 1, 1);
	-ms-transform: skew(-10deg, 0);
	-moz-transform: skew(-10deg, 0);
	-webkit-transform: skew(-10deg, 0);
	transform: skew(-10deg, 0);
}
.boton:hover:before {
	width: 110%;
	right: -5%;
}
.boton span.centrar {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 5;
}
.boton svg {
	float: left;
}
.boton .texto {
	float: left;
}
.link-whatsapp svg {
	height: 24px;
	width: 24px;
}
.contenido {
	font-weight: 400;
	position: relative;
	z-index: 1;
}
.contenido .logo svg, a.link-whatsapp:hover svg {
	fill: #FFF;
}
h1 {
	color: #FFF;
	font-weight: 600;
	position: relative;
}
h1 span.last-line {
	width: 100%;
	clear: both;
	display:inline-block;
	text-align: right;
}
h1:before, h1:after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
}
.link-whatsapp:before {
	background: #25D366;
}
.link-whatsapp:hover {
	color: #FFF;
	border-color: #25D366;
	background: #25D366;
}
/* INTRO */
#intro .container {
	/*background-size: 100% auto;*/
	background-image: url(images/bg-intro.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}
#intro .texto p, #intro h3, .contenido .destacado, #procrear p, .contacto-izq ul li {
	letter-spacing: -1px;
}
#intro h1 .dot {
	color: #7c7c7c;
}
#intro .boton {
	color: #FFF;
	font-weight: 600;
	background-color: #000;
}
#intro .boton:hover, #intro .boton:hover:before {
	background-color: #7c7c7c;
}
#intro .intro-bottom {
	background-color: rgba(255,255,255, 0.5);
}
#intro #carousel-logos .logo-marca img {
	height: 100%;
	width: auto;
	margin: 0 auto;
}
/* PROCREAR */
#procrear .container {
	background-color: #3ebced;
	background-image: url(images/bg-procrear.png);
	background-repeat: no-repeat;
	background-position: 60px center;
}
#procrear h2 {
	color: #000;
}
#procrear p {
	color: #FFF;
	font-weight: 300;
}
/* IACOI&CO - DESARROLLOS INMOBILIARIOS */
#desarrollos-inmobiliarios .container {
	background-color: #29235c;
}
#desarrollos-inmobiliarios h1:after {
	background-color: #00aae2;
}
#desarrollos-inmobiliarios .texto, #soluciones-arquitectonicas .texto {
	color: #FFF;
	font-weight: 300;
}
#desarrollos-inmobiliarios h1 span.dot {
	color: #00aae2;
}
#desarrollos-inmobiliarios .destacado p {
	color: #00aae2;
}
.texto ul li {
	list-style: none;
	position: relative;
	padding: 0 0 0 10px;
}
.texto ul li:before {
	content: "\2022";
    position: absolute;
    text-align: left;
	left: 0;
}
/* IACOI BUILD - CONTRUCCIÓN & MATERIALES */
#construccion-y-materiales .container {
	background-color: #eb5b25;
}
#construccion-y-materiales h1 span.dot, #construccion-y-materiales .texto {
	color: #eb5b25;
}
#construccion-y-materiales h1:after {
	background-color: #fab900;
}
#construccion-y-materiales .texto ul li:before {
	color: #fab900;
}
#construccion-y-materiales .destacado {
	color: #fab900;
}
/* IACOI ARQ - SOLUCIONES ARQUITECTÓNICAS */
#soluciones-arquitectonicas .container {
	background-color: #fabb33;
}
#soluciones-arquitectonicas .container:before {
	background-color: #f29111;
	background-blend-mode: multiply;
	background-repeat: no-repeat;
   	background-position: center right;
   	background-size: contain;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;				
}
#soluciones-arquitectonicas h1 span.dot {
	color: #f29111;
}
#soluciones-arquitectonicas .destacado p {
	color: #712314;
}
/* IACOI DESIGN - AMOBLAMIENTO A MEDIDA */
#amoblamiento-a-medida .container {
	background-color: #85c8b4;
}
#amoblamiento-a-medida h1:after {
	background-color: #85c8b4;
}
#amoblamiento-a-medida h1 span.dot {
	color: #312782;
}
#amoblamiento-a-medida .texto {
	color: #312782;
}
#amoblamiento-a-medida .destacado p, #amoblamiento-a-medida .texto ul li:before {
	color: #20ad83;
}
/* CONTACTO */
#contacto {
	background-color: #CCC;
}
.contacto-izq p {
	color: #000;
}
.contacto-izq ul {
	position: relative;
}
.contacto-izq ul:before {
	content: "";
	display: block;
	top: 0;
	position: absolute;
	background-color: #D7AD45;
}
.contacto-izq ul li:last-of-type {
	margin: 0;
}
.contacto-izq ul li a, .contacto-izq ul li a:visited {
	color: #3C3C3B;
	-ms-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.contacto-izq ul li svg {
	fill: #3C3C3B;
	vertical-align: middle;
	-ms-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.contacto-izq ul li a:hover {
	color: #000;
}
.contacto-izq ul li a:hover svg {
	fill: #000;
}
.contacto-der {
	position: relative;
}
.contacto-der:before, .contacto-der blockquote:after {
	display: block;
	position: absolute;
}
.contacto-der:before {
	top: 0;
	left: 0;
}
.contacto-der blockquote {
	color: #D7AD45;
	position: relative;
}
.contacto-der blockquote:after {
	right: 0;
}
.contacto-der .firma {
	color: #000;
	display: block;
}
@media only screen and (max-width: 480px) {

}
@media only screen and (min-width: 481px) and (max-width: 768px) {
	.full-container {
		max-width: 480px;
	}
}
@media only screen and (max-width: 768px) {
	#overlay {
		height: 100%;
		width: 100%;
		position: absolute;
		z-index: 5;
		top: 0;
		left: 0;
		background-color: #FFF;
		display: none;
		-ms-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	#overlay.menu-open {
		display: block;
	}
	body, #mainmenu {
		height: 100%;
		padding: 80px 0 0;
	}
	body.scroll-disable {
		overflow: hidden;	
	}
	header {
		max-width: 480px;
	}
	header .container {
		padding: 15px;
		position: relative;
	}
	header .logo, header .logo svg {
		height: 50px;
		-ms-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	#btn-menu {
		top: 0;
		right: 0;
		padding: 28px 15px;
		display: table;
	}
	body.animar-cabecera, body.animar-cabecera #mainmenu {
		padding: 60px 0 0;
	}
	body.animar-cabecera header:after, body.menu-open header:after {
		height: 4px;
		background: rgba(0,0,0,0.5);
		background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	}
	body.animar-cabecera header .container {
		padding: 10px 15px;
	}
	body.animar-cabecera header .logo, body.animar-cabecera header .logo svg {
		height: 40px;
	}
	body.animar-cabecera #btn-menu {
		padding: 18px 15px;
	}
	#mainmenu {
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		width: 100%;
		position: absolute;
		/*right: -100%;*/
		right: 0;
		top: 0;
		z-index: -1;
		overflow: hidden;
		visibility: hidden;
	}
	#mainmenu ul {
		height: 100%;
		width: 100%;
		display: table;
		background-color: #FFF;
		margin-left: 100%;
		-ms-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	body.menu-open #mainmenu {
		visibility: visible;
	}
	body.menu-open #mainmenu ul {
		margin-left: 0;
	}
	#mainmenu ul li {
		height: 20%;
		display: table-row;
	}
	#mainmenu ul li a {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		border-bottom: solid 1px #CCC;
	}
	#mainmenu ul li:last-of-type a {
		border: 0 none;
	}
	#mainmenu ul li a br {
		display: none;
	}
	.boton {
		height: 50px;
		padding: 0 20px;
	}
	header nav ul li a.link-whatsapp {
		color: #FFF;
		font-weight: 600;
		-moz-border-radius: 0 none;
		-ms-border-radius: 0 none;
		-webkit-border-radius: 0 none;
		-khtml-border-radius: 0 none;
		border-radius: 0 none;
	}
	header nav ul li a.link-whatsapp:hover {
		background: none;
	}
	header nav ul li a.link-whatsapp .centrar {
		height: 50px;
		width: 262px;
		padding: 12px 20px;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		position: absolute;
		-moz-border-radius: 1000px;
		-ms-border-radius: 1000px;
		-webkit-border-radius: 1000px;
		-khtml-border-radius: 1000px;
		border-radius: 1000px;
		background: #25D366;
	}
	header nav ul li a.link-whatsapp svg {
		fill: #FFF;
		margin: 1px 10px 1px 0;
	}
	.contenido {
		padding: 30px;
	}
	.contenido .logo svg {
		height: 40px;
		width: auto;
		margin: 0 0 30px;
	}
	#intro h1, .contenido h1 {
		font-size: 50px;
		line-height: 43px;
		/*font-size: 64px;
		line-height: 60px;*/
		letter-spacing: -2px;
	}
	.contenido h1 {
		margin: 0 0 30px;
		padding: 0 0 35px;
	}
	.contenido h1:after {
		height: 5px;
	}
	.contenido .texto .col-texto, .texto ul li {
		color: #FFF;
	}	
	.contenido .texto .col-texto, .texto ul li:before, .contacto-der blockquote {
		font-size: 16px;
		line-height: 25px;
	}
	.texto .col-texto p {
		margin: 0 0 20px;
	}	
	.contenido .destacado {
		margin: 0 -30px;
		padding: 30px;
		position: relative;
	}
	/* INTRO */
	#intro .texto {
		padding: 30px 15px;
	}
	#intro .texto h1 {
		padding-left: 5px;
	}
	#intro .texto p {
		padding: 15px 0 15px 5px; 
	}
	#mainmenu ul li, #mainmenu ul li a .centrar, #intro .texto p, #intro h3, #procrear p, .contacto-izq ul li {
		font-size: 20px;
		line-height: 26px;
	}
	#intro .boton:hover, #intro .boton:hover:before {
		background-color: #000;
	}
	#intro .intro-top img {
		width: 100%;
		height: auto;
	}
	#intro .intro-bottom {
		padding:  15px 0;
	}
	#intro h3 {
		padding: 0 30px;
		text-align: center;
	}
	#intro #carousel-logos {
		padding: 15px 15px 0;
		overflow: hidden;
	}	
	#intro #carousel-logos .logo-marca {
		height: 40px;
		padding: 0 15px;
		position: relative;
	}
	/* PROCREAR */
	#procrear {
		margin: 15px;
	}
	#procrear .container {
		padding: 30px 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#procrear .container .logo {
		margin: 0 0 15px;
	}
	#procrear .container .logo svg {
		height: 60px;
		width: auto;
	}
	#procrear h2, .contacto-izq p {
		margin: 0 0 10px;
	}
	#procrear h2, .contacto-izq p, .contenido .destacado {
		font-size: 26px;
		line-height: 26px;
	}
	#procrear h2 br {
		display: none;
	}
	/* IACOI&CO - DESARROLLOS INMOBILIARIOS */
	#desarrollos-inmobiliarios .container {
		/*background-color: #211d3e;*/
		background-image: url(images/bg-desarrollos-inmobiliarios-mobile.jpg);
		background-position: center;
		background-size: cover;
		background-blend-mode: multiply;
	}
	#desarrollos-inmobiliarios h1:after {
		width: 50%;
		left: 0;
		bottom: 0;
	}
	#desarrollos-inmobiliarios h1 span.last-line {
		max-width: 360px;
	}
	#desarrollos-inmobiliarios .destacado p {
		margin: 0 0 30px;
	}	
	#desarrollos-inmobiliarios .destacado p:last-of-type {
		margin: 0;
	}
	/* IACOI BUILD - CONTRUCCIÓN & MATERIALES */
	#construccion-y-materiales .container {
		background-image: url(images/bg-construccion-y-materiales-mobile.jpg);
		background-position: center;
		background-size: cover;
		background-blend-mode: multiply;
	}
	#construccion-y-materiales h1:after {
		width: 75%;
		right: 0;
		bottom: 0;
	}
	/* IACOI ARQ - SOLUCIONES ARQUITECTÓNICAS */
	#soluciones-arquitectonicas .container:before {
		content: "";
		height: 0;
		width: 150%;
		padding: 0 0 150%;
		left: -75%;
		top: 50%;
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);		
		display: block;
		position: absolute;
		z-index: 0;
		background-image: url(images/bg-soluciones-arquitectonicas-mobile.jpg);
	}
	#soluciones-arquitectonicas h1:after	{
		width: 50%;
		left: 0;
		bottom: 0;
		background-color: #712314;
	}
	/* IACOI DESIGN - AMOBLAMIENTO A MEDIDA */
	#amoblamiento-a-medida .container {
		background-image: url(images/bg-amoblamiento-a-medida-mobile.jpg);
		background-position: center;
		background-size: cover;
		background-blend-mode: overlay;
	}
	#amoblamiento-a-medida .logo svg {
		height: 47px;
	}
	#amoblamiento-a-medida h1:after {
		width: 238px;
		right: 0;
		bottom: 0;
		background-color: #85c8b4;
	}	
	#amoblamiento-a-medida .texto ul li:before {
		color: #85c8b4;
	}
	#amoblamiento-a-medida .destacado p {
		color: #312782;
	}
	/* contacto */
	#contacto {
		background-size: 50% auto;
		background-image: url(images/martin.jpg);
    	background-position: right bottom;
    	background-repeat: no-repeat;		
		background-color: #3C3C3B;
	}
	.contacto-izq {
		padding: 30px 0 0;
	}
	.contacto-izq ul {
		padding: 20px 0 0;
	}
	.contacto-izq ul li {
		margin: 0 0 15px;
	}
	.contacto-izq p, .contacto-izq ul li a, .contacto-izq ul li a:visited, .contacto-izq ul li a:hover {
		color: #9c9c9c;
	}
	.contacto-izq ul li svg, .contacto-izq ul li a:hover svg {
		fill: #9c9c9c;
		height: 24px;
		width: auto;
		margin: 0 10px 0 0;
	}
	.contacto-der {
		padding: 0 0 60px;
	}
	.contacto-der blockquote {
		margin: 60px 0;
		padding: 0 30px;
	}
	.contacto-der:before {
		content: "";
		height: 52px;
		width: 60px;
		background-image: url(images/comillas-abre.svg);
		background-repeat: no-repeat;
		background-size: 60px 52px;
		left: -30px;
		top: 5px;
	}
	.contacto-der blockquote:after {
		content: "";
		height: 27px;
		width: 30px;
		background-image: url(images/comillas-cierra.svg);
		background-repeat: no-repeat;
		background-size: 30px 27px;
		right: 0;
		bottom: 0;
	}
	.contacto-der svg {
		width: 50%;
		height: auto;
		margin: -30px 0 0 30px;
	}
	.contacto-der .firma {
		width: 50%;
		font-size: 12px;
		line-height: 16px;
		margin: 15px 0 0 30px;
	}



	#btn-menu {
		position: absolute;
		-ms-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	#btn-menu .open-close {
		height: 24px;
		width: 24px;
		position: relative;
	}
	#btn-menu span.line {
		height: 2px;
		width: 100%;
		display: block;
		position: absolute;
		background-color: #B3B3B3;
	}
	#btn-menu span.line:nth-child(1) {
		top: 5px;
	}
	#btn-menu span.line:nth-child(2) {
		top: 11px;
	}
	#btn-menu span.line:nth-child(3) {
		bottom: 5px;
	}
	#btn-menu .open-close, #btn-menu span.line {
		-ms-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	#btn-menu .open-close, #btn-menu span.line:nth-child(2) {
		-webkit-transform-origin: center;
		-moz-transform-origin: center;
		-o-transform-origin: center;
		transform-origin: center;
	}
	#btn-menu .opened span.line:nth-child(1), #btn-menu .opened span.line:nth-child(3) {
		display: none;
	}
	#btn-menu .opened .open-close {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#btn-menu .opened span.line:nth-child(2) {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1025px) {
	header nav ul li {
		position: relative;
		overflow: hidden;
	}
	header nav ul li:not(#btn-wsp):after {
		content: "";
		width: 0%;
		bottom: 0;
		position: absolute;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-moz-opacity: 0;
		-khtml-opacity: 0;		
		opacity: 0;
		filter:alpha(opacity=0);
		-ms-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		border-bottom-style: solid;
		border-bottom-width: 3px;
	}	
	header nav ul li:hover:not(#btn-wsp):after {
		width: 100%;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-moz-opacity: 1;
		-khtml-opacity: 1;		
		opacity: 1;
		filter:alpha(opacity=100);
	}	
	/* IACOI&CO - DESARROLLOS INMOBILIARIOS */
	#desarrollos-inmobiliarios .container {
		background-image: url(images/bg-desarrollos-inmobiliarios.jpg);
		background-position: center;
		background-size: cover;
	}
	/* IACOI BUILD - CONTRUCCIÓN & MATERIALES */
	#construccion-y-materiales .container:before {
		width: 43.75%;
		background-image: url(images/bg-construccion-y-materiales.jpg);
		background-position: center;
		background-size: cover;
		mix-blend-mode: multiply;
	}
	/* IACOI ARQ - SOLUCIONES ARQUITECTÓNICAS */
	#soluciones-arquitectonicas .texto {
		position: relative;
	}
	#soluciones-arquitectonicas .texto:after {
		content: "";
		display: block;
		position: absolute;
		background-color: #712314;
	}
	/* CONTACTO */
	.contacto-izq ul {
		padding: 4.392vw 0 0;
	}
	.contacto-izq ul li svg {
		width: 32px;
		height: 32px;
	}
	.contacto-der {
		display: table-cell;
		background-color: #3C3C3B;
		vertical-align: top;
		background-image: url(images/martin.jpg);
		background-position: right bottom;
		background-repeat: no-repeat;
	}	
	/* */	
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
} 
@media only screen and (min-width: 1201px) and (max-width: 1366px) {
	body {
		padding: 10.249vw 0 0;
	}
	header {
		min-width: 1201px;
		max-width: 1366px;
	}
	header .container {
		padding: 2.196vw 0;
	}
	header .logo {
		height: 5.857vw;
		padding-left: 4.392vw;
		-ms-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	header .logo svg {
		height: 5.857vw;
		-ms-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}	
	header nav {
		width: 75%;
		padding-right: 4.392vw;
		float: right;
	}
	header nav ul {
		width: 100%;
		height: 5.857vw;
		display: table;
		-ms-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	header nav ul li {
		display: table-cell;
		vertical-align: middle;
		padding-left: 2.928vw;
	}
	header nav ul li:after {
		left: 2.928vw;
	}
	header nav ul li#btn-co:after {
		left: 0;
	}
	header nav ul li:first-of-type {
		padding: 0;
	}
	header nav ul li:last-of-type {
		height: 4.392vw;
		font-weight: 600;
		padding: 0.732vw 0;
		-ms-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}	
	header nav ul li a {
		font-size: 1.171vw;
		line-height: 1.318vw;
	}
	header nav ul li a.link-whatsapp {
		border: solid #000 2px;
		float: right;
	}
	.link-whatsapp svg {
		margin-right: 0.732vw;
	}
	.link-whatsapp .texto {
		height: 1.757vw;
		padding: 0.293vw 0 0.146vw;
	}
	.boton {
		height: 4.392vw;
		padding: 0 2.196vw;
	}
	/* animación en scroll */
	body.animar-cabecera {
		padding: 6.589vw 0 0;
	}
	body.animar-cabecera header:after {
		height: 6px;
		background: rgba(0,0,0,0.5);
		background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	}	
	body.animar-cabecera header .container {
		padding: 1.098vw 0;
	}
	body.animar-cabecera header .logo, body.animar-cabecera header .logo svg, body.animar-cabecera header nav ul {
		height: 4.392vw;
	}
	body.animar-cabecera header nav ul li:last-of-type {
		padding: 0;
	}
	/* */
	section .container:before, section .container:after {
		content: "";
		height: 100%;
		display: block;
		position: absolute;
		z-index: 0;
	}
	section .container:before {
		left: 0;
	}
	section .container:after {
		width: 56.25%;
		top: 0;
		right: 0;
	}
	.contenido {
		padding: 4.392vw 0 8.785vw;
	}
	.contenido .logo svg {
		margin: 0 0 4.392vw 4.392vw;
	}
	#intro h1, .contenido h1 {
		font-size: 6.296vw;
		line-height: 5.564vw;
		letter-spacing: -3px;
	}
	.contenido h1 {
		padding: 4.392vw 0 0 4.392vw;
	}
	.contenido h1:after {
		height: 0.732vw;
	}
	.contenido .texto {
		width: 50%;
		margin-left: 50%;
		font-size: 0;
	}
	.contenido .texto .col-texto {
		width: 50%;
		padding-right: 4.392vw;
		display: inline-block;
		vertical-align: top;
	}
	.contenido .texto .col-texto, .texto ul li, .texto ul li:before, .contacto-der blockquote {
		font-size: 1.171vw;
		line-height: 1.830vw;
	}
	.texto .col-texto p {
		margin: 0 0 2.562vw;
	}
	.texto .col-texto p:last-child {
		margin: 0;
	}
	/* INTRO */
	#intro .intro-top {
		position: relative;
	}	
	#intro .texto {
		width: 50%;
		padding: 4.392vw;
	}
	#intro .texto p {
		padding: 4.392vw 0; 
	}
	#intro .texto p, #intro h3, .contenido .destacado, #procrear p, .contacto-izq ul li {
		font-size: 2.050vw;
		line-height: 2.709vw;
		letter-spacing: -1px;
	}
	#intro .intro-top img {
		width: 50%;
		height: auto;
		position: absolute;
		right: 0;
		top: 50%;
		-ms-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);	
	}
	#intro .intro-bottom {
		padding:  4.392vw 0;
		font-size: 0;
		position: relative;
	}
	#intro h3 {
		width: 37.5%;
		padding: 0 4.392vw;
		display: inline-block;
	}
	#intro #carousel-logos {
		width: 62.5%;
		display: inline-block;
		padding-right: 4.392vw;
		top: 50%;
		-ms-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		position: absolute;
		overflow: hidden;
	}
	#intro #carousel-logos .logo-marca {
		padding: 0 1.098vw;
	}
	/* PROCREAR */
	#procrear {
		padding: 30px;
	}
	#procrear .container {
		width: 100%;
		padding: 4.392vw 0;
		display: table;
	}
	#procrear .container .logo, #procrear .container .texto {
		display: table-cell;
		vertical-align: middle;
	}
	#procrear .container .logo {
		width: 37.5%;
		text-align: right;
	}
	#procrear .container .texto {
		width: 67.5%;
	}
	#procrear .container .texto .centrar-centrar {
		float: left;
		position: relative;
		left: 50%;
		-ms-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		z-index: 5;		
	}
	#procrear h2, .contacto-izq p {
		font-size: 2.782vw;
		line-height: 2.782vw;
		margin: 0 0 1.098vw;
	}
	#procrear .container .texto strong {
		font-weight: 600;
	}	
	/* IACOI&CO - DESARROLLOS INMOBILIARIOS */
	#desarrollos-inmobiliarios .container:before {
		height: 25vw;
		width: 25vw;
		background-color: #211d3e;
		mix-blend-mode: multiply;
		top: 13.177vw;
	}
	#desarrollos-inmobiliarios .container:after {
		background-color: #211d3e;
		mix-blend-mode: multiply;
	}
	#desarrollos-inmobiliarios h1 {
		width: 43.75%;
		padding-right: 6.223vw;
	}
	#desarrollos-inmobiliarios h1:after {
		width: 25vw;
		left: 37.5vw;
		top: 0;
	}
	#desarrollos-inmobiliarios .destacado {
		margin: 3.807vw 0 0 75%;
		top: 0;
		position: absolute;
	}
	#desarrollos-inmobiliarios .destacado p {
		margin: 0 0 3.660vw;
	}
	/* IACOI BUILD - CONTRUCCIÓN & MATERIALES */
	#construccion-y-materiales .container:after {
		background-color: #FFF;
	}
	#construccion-y-materiales .contenido-principal {
		position: relative;
	}
	#construccion-y-materiales .contenido-principal:before {
		content: "";
		width: 25%;
		height: 100%;
		display: block;
		position: absolute;
		background-color: #e5321b;
		margin-left: 18.75%;
		z-index: -1;
	}	
	#construccion-y-materiales h1 {
		width: 37.5%;
		float: left	
	}
	#construccion-y-materiales h1:after	{
		width: 31.25vw;
		bottom: -4.392vw;
	}
	#construccion-y-materiales .destacado {
		padding: 4.392vw 0 0;
	}
	#construccion-y-materiales .destacado br {
		display: none;
	}
	/* IACOI ARQ - SOLUCIONES ARQUITECTÓNICAS */
	#soluciones-arquitectonicas .container:before {
		height: 50vw;
		width: 50vw;
		top: 50%;
		left: -50%;
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		-webkit-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
		background-image: url(images/bg-soluciones-arquitectonicas.jpg);			
	}	
	#soluciones-arquitectonicas .container:after {
		background-color: #f29111;
	}
	#soluciones-arquitectonicas .contenido-principal {
		padding: 4.392vw 0 0;
	}
	#soluciones-arquitectonicas .contenido .texto {
		margin-bottom: 4.392vw;
	}
	#soluciones-arquitectonicas h1 {
		width: 43.75%;
		padding: 0 0 0 4.392vw;
		margin: 0 0 0 -0.512vw;
		float: left;	
	}
	#soluciones-arquitectonicas .texto:after	{
		height: 0.732vw;
		width: 25vw;
		bottom: -4.392vw;
		right: 100%;
	}
	#soluciones-arquitectonicas .contenido .texto .col-texto {
		vertical-align: text-bottom;
	}
	#soluciones-arquitectonicas .destacado {
		margin: 3.807vw 0 0 50%;
		top: 0;
		position: absolute;
	}
	#soluciones-arquitectonicas .contenido .img {
		width: 25vw;
		height: auto;
		position: absolute;
		top: 0;
		right: 0;
	}
	/* IACOI DESIGN - AMOBLAMIENTO A MEDIDA */
	#amoblamiento-a-medida .contenido {
		position: relative;
	}
	#amoblamiento-a-medida .contenido:before {
		content: "";
		width: 43.75%;
		height: 100%;
		display: block;
		position: absolute;		
		background-image: url(images/bg-amoblamiento-a-medida.jpg);
		background-position: center;
		background-size: cover;
		z-index: -1;
		top: 0;
		mix-blend-mode: multiply;		
	}	
	#amoblamiento-a-medida .logo svg {
		height: 5.198vw;
		margin-top: -0.586vw;
	}
	#amoblamiento-a-medida .contenido-principal {
		position: relative;
	}	
	#amoblamiento-a-medida .contenido-principal:before {
		content: "";
		width: 25%;
		height: 100%;
		display: block;
		position: absolute;
		background-color: #20ad83;
		margin-left: 18.75%;
		z-index: -1;
		mix-blend-mode: multiply;		
	}	
	/*#amoblamiento-a-medida .contenido-principal:after {
		content: "";
		width: 75vw;
		height: 75vw;
		display: block;
		position: absolute;
		background-color: #e5321b;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-khtml-border-radius: 50%;
		border-radius: 50%;
		top: 0;
	}*/	
	#amoblamiento-a-medida h1 {
		width: 43.75%;
		padding-right: 6.223vw;
		float: left;
		margin: 0 0 4.392vw;
	}
	#amoblamiento-a-medida h1:after {
		width: 25vw;
		bottom: -4.392vw;
		right: 6.223vw;
	}
	#amoblamiento-a-medida .container:after {
		background-color: #FFF;
		background-image: url(images/bg-amoblamiento-a-medida.png);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: 37.5vw auto;
	}
	#amoblamiento-a-medida .destacado {
		margin: 4.392vw 0 0 50%;
	}
	/* CONTACTO */
	#contacto .contenido {
		padding: 0;
		display: table;
	}
	.contacto-izq {
		width: 43.75%;
		padding: 6.589vw 4.392vw;
		display: table-cell;
	}
	.contacto-izq p {
		letter-spacing: -2.3px;
		margin: 0 0 4.392vw;
	}
	.contacto-izq ul:before {
		height: 0.366vw;
		width: 18.75vw;
	}
	.contacto-izq ul li {
		margin: 0 0 2.196vw;
	}
	.contacto-izq ul li svg {
		margin: 0 1.098vw 0 0;
	}
	.contacto-der {
		width: 56.25%;
		padding: 6.589vw 21.875vw 6.589vw 6.25vw;
		display: table-cell;
	}
	.contacto-der:before {
		content: url(images/comillas-abre.svg);
	}
	.contacto-der blockquote {
		margin: 0 0 2.196vw;
	}
	.contacto-der blockquote:after {
		content: url(images/comillas-cierra.svg);
	}	
	.contacto-der .firma {
		font-size: 0.878vw;
		line-height: 1.171vw;
		margin: 2.196vw 0 0;
	}
	/* */
}
@media only screen and (min-width: 1366px) {
}