/*
Theme Name: Houston Tower
Description: Plantilla para nuevo proyecto
Version: 1.0
Author: ᖵP
Author URI: http://www.iguate.com
Template: enfold
*/
@font-face {
	font-family: 'Avenir-Light';
	src: url('../Houston-Tower/fonts/AvenirLTStd-Light.eot');
	src: url('../Houston-Tower/fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
		url('../Houston-Tower/fonts/AvenirLTStd-Light.woff2') format('woff2'),
		url('../Houston-Tower/fonts/AvenirLTStd-Light.woff') format('woff'),
		url('../Houston-Tower/fonts/AvenirLTStd-Light.ttf') format('truetype'),
		url('../Houston-Tower/fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Avenir-Medium';
	src: url('../Houston-Tower/fonts/AvenirLTStd-Medium.eot');
	src: url('../Houston-Tower/fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'),
		url('../Houston-Tower/fonts/AvenirLTStd-Medium.woff2') format('woff2'),
		url('../Houston-Tower/fonts/AvenirLTStd-Medium.woff') format('woff'),
		url('../Houston-Tower/fonts/AvenirLTStd-Medium.ttf') format('truetype'),
		url('../Houston-Tower/fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Avenir-Bold';
	src: url('../Houston-Tower/fonts/AvenirLTPro-Heavy.eot');
	src: url('../Houston-Tower/fonts/AvenirLTPro-Heavy.eot?#iefix') format('embedded-opentype'),
		url('../Houston-Tower/fonts/AvenirLTPro-Heavy.woff2') format('woff2'),
		url('../Houston-Tower/fonts/AvenirLTPro-Heavy.woff') format('woff'),
		url('../Houston-Tower/fonts/AvenirLTPro-Heavy.ttf') format('truetype'),
		url('../Houston-Tower/fonts/AvenirLTPro-Heavy.svg#AvenirLTPro-Heavy') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}


/* ____________________/Globales
____________________________________________________________*/
:root {
	--font1: 'Avenir-Light';
	--font2: 'Avenir-Medium';
	--font3:  'Avenir-Bold';
	--color1: #ff782b;
	--color2: #292624;
	--color3: #ffe5cf;
	--color4: #d9dade;
	--color5: #e45e2d;
}
body {
	font-family: var(--font1);
}
h1, h2, h3, h4, h5, h6 {
	text-transform: initial !important;
	letter-spacing: 0;
	font-weight: 100;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 30px;
	font-family: var(--font2);
}
.avia-image-container, .avia-image-container img {
	border-radius: 0;
}


/* ____________________/Header
____________________________________________________________*/
.avia-standard-logo img {
	width: 80%;
	margin-top: 13px;
}
#header_main {
	border: none;
}
#header_main:before {
	content: '';
	position: absolute;
	display: block;
	width: 71%;
	right: 0;
	height: 100%;
	background: var(--color1);
	clip-path: polygon(100% 0%, 100% 49%, 100% 100%, 9% 100%, 0% 50%, 9% 0%);
	max-width: 1400px;
}
ul#avia-menu li {
	margin: 0 0 0 13px;
}
ul#avia-menu li a {
	font-size: 17px;
	color: white;
	font-weight: 100;
	letter-spacing: .5px;
}
span.avia-menu-fx {
	display: none !important;
}


/* ____________________/Home
____________________________________________________________*/
/* Video */
.section-video .container {
	padding: 0;
	max-width: 100%;
}
.section-video .avia-video {
	margin: 0;
}

/* About */
.section-about .flex_column_table {
	float: none !important;
	width: 70% !important;
	text-align: justify;
	margin: 0 auto;
}
.section-about .avia-image-container {
	width: 100%;
}
.section-about p {
	width: 90%;
}
.section-about2 .template-page.content {
	padding: 80px 0 80px;
}
.section-about2 {
	position: relative;
}
.section-about2:before {
	content: '';
	position: absolute;
	display: block;
	width: 59%;
	right: 0;
	height: 100%;
	background: var(--color2);
	clip-path: polygon(9% 0%, 100% 0, 100% 20%, 100% 100%, 75% 100%, 0 100%, 0% 80%, 0 40%);
}
.section-about2 h3 {
	padding: 17px 0 17px 85px;
	margin: 0 0 30px;
	background-size: 65px !important;
	background-position: center left !important;
	background-repeat: no-repeat !important;
}
.section-about2 p {
	text-align: justify;
}
.section-about2 .avia_textblock.txt-01 {
	margin: 0 0 40px;
	width: 73%;
}
.section-about2 .avia_textblock.txt-02 {
	width: 80%;
	float: right;
}
.section-about2 .avia_textblock.txt-01 h3 {
	background: url(img/title-qh.svg);
}
.section-about2 .avia_textblock.txt-02 h3 {
	background: url(img/title-AS.svg);
}
.section-about2 .avia-image-container.image-01 {
	position: relative;
	width: 64%;
	left: -163px;
	z-index: 2;
}
.section-about2 .avia-image-container.image-02 {
	position: absolute;
	width: 50%;
	right: 92px;
	bottom: -130%;
	z-index: 1;
}
.section-about2 .avia-image-container.image-03 {
	position: absolute;
	width: 29%;
	left: 10px;
	bottom: -105%;
	z-index: 1;
}
.section-about2 .avia-image-container.image-01:before {
	content: '';
	position: absolute;
	display: block;
	width: 240px;
	height: 240px;
	top: 35%;
	left: 51%;
	background: url(img/circle.png) no-repeat 50% 59%;
	background-size: contain;
	opacity: .5;
}

/* Beneficios */
.section-benefits {
	z-index: 9;
	position: relative;
}
.section-benefits:before {
	content: '';
	display: block;
	position: absolute;
	width: 78%;
	height: 60px;
	right: -50px;
	top: 55px;
	background: url(img/line-01.png) no-repeat 50% 0;
	background-size: 100%;
}
.section-benefits .avia_textblock.txt-bold h2 {
	margin: 0;
}
.avia_textblock.txt-bold h2 {
	font-family: var(--font3) !important;
	font-size: 45px;
}
.section-benefits .avia_textblock.txt-bold h2 {
	margin: 0;
	font-family: var(--font3) !important;
	font-size: 45px;
}
.section-benefits .flex_column_table {
	margin: 120px 0 0 !important;
	display: flex !important;
	gap: 0 6%;
}
.section-benefits .flex_column {
	padding: 50px 50px 20px;
	border-radius: 10px;
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100% !important;
	justify-content: center;
	flex: 0 1 auto;
	align-content: flex-start;
}
.section-benefits .flex_column p {
	margin: 22px 0;
}
.section-benefits .flex_column em {
	font-style: normal;
	font-size: 21px;
	margin: 0 0 30px;
	display: block;
}
.section-benefits .flex_column .avia-image-container {
	padding: 22px;
	border-radius: 100%;
	width: 31%;
	position: absolute;
	top: -60px;
}
.section-benefits .flex_column.col-01 .avia-image-container {
	background: var(--color3);	
}
.section-benefits .flex_column.col-02 .avia-image-container {
	background: var(--color1);	
}
.section-benefits .flex_column.col-03 .avia-image-container {
	background: var(--color2);	
}
.section-proyects-title .template-page {
	padding: 70px 0 150px;
}


/* Proyectos */
.section-proyects-title {
	position: relative;
}
.section-proyects-title:before, .section-proyects-title:after {
	content: '';
	display: block;
	position: absolute;
	width: 32%;
	height: 60px;
	max-width: 500px;
	min-height: 100px;
	background-size: 100% !important;
}
.section-proyects-title:before {
	top: 35px;
	left: -50px;
	background: url(img/line-title1.png) no-repeat 50% 0;
}
.section-proyects-title:after {
	top: 85px;
	right: -50px;
	background: url(img/line-title2.png) no-repeat 50% 0;
}
.section-proyects-title h2 {
	margin: 0;
}
/* Columnas */
.section-proyects .entry-content-wrapper:before, 
.section-proyects .entry-content-wrapper:after {
	display: none;
}
.section-proyects .entry-content-wrapper {
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0 4%;
}
.section-proyects .flex_column.col-building {
	margin: -120px 0 0;
}
.section-proyects .flex_column.col-building2 {
	margin: 70px 0 0;
}
.section-proyects p {
	margin: 0;
	font-size: 25px;
}
.section-proyects .avia-image-container, .section-proyects .avia-image-container img {
	border-radius: 10px;
}

/* Paises */
.section-countries {
	position: relative;
}
.section-countries:before {
	content: '';
	display: block;
	position: absolute;
	top: 15px;
	right: 150px;
	width: 84%;
	height: 500px;
	max-width: 1280px;
	background: url(img/line-countries.png) no-repeat 50% 0;
	background-size: 100% !important;
}
.section-countries .template-page {
	padding-top: 130px;
}
.section-countries .flex_column_table {
	width: 85% !important;
	margin: 0 auto !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	float: none !important;
	gap: 0 5%;
}
.section-countries .flex_column.col-02 {
	width: 40% !important;
}
.section-countries .flex_column h3 {
	font-size: 40px;
}
.section-countries .flex_column p {
	line-height: 22px;
	font-size: 18px;
}


/* Clientes */
.section-customers{
	position: relative;
	z-index: 10;
}
.section-customers:before {
	content: '';
	display: block;
	position: absolute;
	width: 35%;
	height: 60px;
	max-width: 500px;
	min-height: 100px;
	background-size: 100% !important;
	top: 70px;
	left: -50px;
	background: url(img/line-clientes.png) no-repeat 50% 0;
}
.section-customers .template-page {
	padding-top: 110px;
	padding-bottom: 0;
}
.section-customers2 .entry-content-wrapper:before, .section-customers2 .entry-content-wrapper:after {
	display: none;
}

/* Contacto */
.flex_column.col-form {
	padding: 0 0 0 7% !important;
}
.section-contact h2 {
	letter-spacing: 6px !important;
}
.section-contact strong {
	color: var(--color1) !important;
	font-size: 23px;
}
.section-contact .avia_textblock.txt-01 {
	margin: 0 0 65px 0;
}
.section-contact label {	
	color: var(--color1) !important;	
}
input.input-form, textarea.input-form {
	padding: 5px 15px !important;
}
textarea.input-form {
	height: 130px;
}

/* ____________________/Footer
____________________________________________________________*/
.section-footer main.template-page {
	padding-top: 0;
}

.section-footer .avia-buttonrow-wrap {
	display: flex;
	justify-content: center;
}
.section-footer .avia-buttonrow-wrap a.avia-button {
	margin: 0;
	padding: 9px 10px !important;
	border: none !important;
	min-width: 50px;
	background: transparent !important;
	font-size: 34px !important;
	color: white !important;
}
.section-footer .avia-buttonrow-wrap a.avia-button span.avia_button_icon {
	left: 0px;
}
.section-footer .avia-buttonrow-wrap a.avia-button span.avia_iconbox_title {
	display: none;
}
.section-footer .avia-buttonrow-wrap a.avia-button:hover{
	color: var(--color1) !important;
}

@media(max-width: 1280px){
/* ____________________/Home
____________________________________________________________*/	
	/* Que Hacemos */
	.section-about2 .avia-image-container.image-02 {
		right: 78px;
		bottom: -140%;
	}
	/* Proyectos */
	.section-proyects-title:before {
		top: 35px;
		left: -90px;
	}
	.section-proyects-title:after {
		top: 85px;
		right: -80px;
	}
	/* Contacto */
	.section-contact .template-page {
		padding-bottom: 100px;
	}
	.flex_column.col-form {
		padding: 0 0 0 2% !important;
	}
	
}


@media (max-width:1100px) {
/* ____________________/Header
____________________________________________________________*/	
	#header_main:before {
		width: 73%;
	}
	ul#avia-menu li {
		margin: 0;
	}
	ul#avia-menu li a {
		font-size: 15px;
	}

/* ____________________/Home
____________________________________________________________*/
	/* Nosotros */
	.section-about .flex_column_table {
		width: 88% !important;
	}
	/* Que Hacemos */
	.section-about2 .avia-image-container.image-01 {
		position: relative;
		width: 74%;
		left: -94px;
		bottom: 20px;
	}
	.section-about2 .avia-image-container.image-02 {
		right: 63px;
		bottom: -179%;
		width: 70%;
	}
	.section-about2 .avia-image-container.image-03 {
		position: absolute;
		width: 39%;
		left: -50px;
		bottom: -128%;
		z-index: 1;
	}
	.section-about2 .avia_textblock.txt-02 {
		width: 90%;
	}	
	.section-about2 .avia_textblock.txt-01 {
		width: 80%;
	}
	/* Beneficios */
	.section-benefits:before {
		width: 92%;
		height: 80px;
		right: -220px;
		top: 59px;
	}
	.section-benefits .flex_column_table {
		margin: 120px 0 0 !important;
		display: flex !important;
		gap: 0 3%;
	}
	.section-benefits .flex_column .avia-image-container {
		width: 34%;
	}
	
	/* Proyectos */
	.avia_textblock.txt-bold h2 {
		font-size: 42px;
	}
	.section-proyects-title:after {
		top: 85px;
		right: -110px;
	}
	.section-proyects-title:before {
		top: 45px;
		left: -110px;
	}
	
	/* Paises */
	.section-countries:before {
		top: 25px;
		right: 50px;
		width: 90%;
		height: 500px;
	}
	.section-countries .flex_column_table {
		width: 100% !important;
	}
	.section-countries .flex_column h3 {
		font-size: 36px;
	}
	
	/* Clientes */
	.section-customers:before {
		width: 35%;
		height: 60px;
		top: 80px;
		left: -50px;
	}
		
}

@media (max-width:989px) {
/* ____________________/Header
____________________________________________________________*/
	#header_main:before {
		width: 45%;
	}
	.html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after, .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
		background-color: white;
	}
	/* Menu Burger */
	ul#av-burger-menu-ul {
		background: var(--color1);
	}
	ul#av-burger-menu-ul li {
		margin: 15px 0 !important;
	}
	ul#av-burger-menu-ul li a {
		border: none !important;
		color: white !important;
		font-size: 19px;
		background: transparent !important;
	}
/* ____________________/Home
____________________________________________________________*/
	/* Video */
	.avia-video {
		padding-bottom: 66% !important;
	}
	/* Nosotros */
	.section-about .flex_column_table {
		width: 100% !important;
	}
	/* Que hacemos */
	.section-about2 .template-page {
		padding-top: 30px !important;
	}
	.section-about2 .entry-content-wrapper {
		display: flex;
		flex-direction: column;
	}
	.section-about2 .entry-content-wrapper:before, .section-about2 .entry-content-wrapper:after {
		display: none;
	}
	.section-about2 .entry-content-wrapper .flex_column {
		width: 100%;
	}
	.section-about2 .avia-image-container.image-01 {
		width: 70%;
		left: -94px;
		bottom: 20px;
	}
	.section-about2 .avia-image-container.image-02 {
		position: relative;
		right: -34%;
		bottom: 48px;
		width: 49%;
	}
	.section-about2 .avia-image-container.image-03 {
		position: absolute;
		width: 38%;
		left: 13%;
		bottom: 63px;
	}
	.section-about2 .avia-image-container.image-01:before {
		top: 55%;
		left: 65%;
	}
	.section-about2:before {
		width: 100%;
		height: 44%;
		bottom: 0;
	}
	.section-about2 .avia_textblock.txt-02 {
		width: 70%;
		margin: 0 40px 0 10px;
	}
	
	/* Beneficios */
	.section-benefits:before {
		width: 92%;
		height: 80px;
		right: -240px;
		top: 69px;
	}
	.section-benefits .flex_column_table {
		margin: 120px 0 0 !important;
		display: flex !important;
		gap: 0 3%;
		flex-direction: column;
		align-items: center;
		row-gap: 100px;
	}
	.section-benefits .flex_column .avia-image-container {
		width: 18%;
	}
	
	/* Proyectos */
	.avia_textblock.txt-bold h2 {
		font-size: 38px;
	}
	.section-proyects-title:before {
		top: 53px;
		left: -135px;
	}
	.section-proyects-title:after {
		top: 85px;
		right: -130px;
	}
	.section-proyects .post-entry {
		margin: -130px 0 0;
	}
	.section-proyects .entry-content-wrapper {
		display: flex !important;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0;
		row-gap: 60px !important;
	}
	.section-proyects .flex_column {
		width: 47% !important;
		margin-top: 0 !important;
	}
	/* Paises */
	.section-countries:before {
		top: 15px;
		right: 27px;
		width: 90%;
		height: 500px;
	}
	.section-countries .template-page {
		padding-top: 90px;
	}
	.section-countries .flex_column_table {
		width: 100% !important;
		display: flex !important;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.section-countries .flex_column_table .flex_column {
		width: 100% !important;
		text-align: center;
	}
	.section-countries .flex_column_table .flex_column.first {
		margin: 0 0 30px 0;
	}
	.section-countries .flex_column h3 {
		font-size: 33px;
	}
	.section-countries .flex_column p {
		font-size: 16px;
	}
	
	/* Clientes	 */
	.section-customers2 .flex_column {
		margin: 0 !important;
		padding: 0 20px;
	}
	.section-customers2 .slick-arrow {
		position: absolute;
		height: 32px;
		width: 32px;
		padding: 0;
		margin-top: -16px;
		top: 67%;
		border: none;
		text-indent: -999999px !important;
		background-size: 27px!important;
		background-position: center!important;
	}
	.section-customers2 .slick-next.slick-arrow {
		background: url(img/arrow-r.svg) no-repeat;
		right: -30px;
		z-index: 99999;
	}
	.section-customers2 .slick-prev.slick-arrow {
		left: -30px;
		background: url(img/arrow-l.svg) no-repeat;
		z-index: 1;
	}
	.section-customers:before {
		width: 35%;
		height: 60px;
		top: 92px;
		left: -70px;
	}
	
}

@media (max-width:767px) {
/* ____________________/Globales
____________________________________________________________*/		
	.responsive #top #wrap_all .container {
		width: 100% !important;
		max-width: 100%;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
		float: none;
	}
	#header_main:before {
		width: 42%;
	}
/* ____________________/Home
____________________________________________________________*/	
	.responsive #top #wrap_all .section-video .container {
		padding: 0;
	}
	.avia-video {
		padding-bottom: 136% !important;
	}
	/* Nosotros */
	.section-about .avia-image-container {
		width: 39%;
		float: left;
		margin: 0 0 20px 0 !important;
	}
	.section-about p {
		width: 99%;
	}
	
	/* Que Hacemos */
	.section-about2 .avia-image-container.image-01 {
		width: 80%;
		left: -60px;
		bottom: 30px;
	}
	.section-about2 .avia-image-container.image-03 {
		position: absolute;
		width: 41%;
		left: 7%;
		bottom: 63px;
	}
	.section-about2 .avia-image-container.image-02 {
		position: relative;
		right: -34%;
		bottom: 48px;
		width: 52%;
	}
	.section-about2 .avia-image-container.image-01:before {
		top: 55%;
		left: 71%;
		width: 170px;
		height: 170px;
	}	
	.section-about2:before {
		width: 100%;
		height: 63%;
		bottom: 0;
		clip-path: none;
	}
	.section-about2 .avia_textblock.txt-02 {
		width: 80%;
		margin: 0px 20px 0 0px;
	}
	
	/* Beneficios */
	.section-benefits:before {
		width: 100%;
		height: 120px;
		right: -215px;
		top: 73px;
	}
	.section-benefits .avia_textblock.txt-bold h2 {
		margin: 0;
		font-size: 36px;
	}
	.section-benefits .flex_column .avia-image-container {
		width: 26%;
	}
	
	/* Proyectos */
	.avia_textblock.txt-bold h2 {
		font-size: 34px;
	}
	.section-proyects-title:before {
		top: 118px;
		left: -64px;
		width: 100%;
	}
	.section-proyects-title:after {
		top: 30px;
		right: -150px;
		width: 100%;
	}
	.section-proyects .flex_column {
		width: 44% !important;
		margin: 0 10px 0 !important;
	}
	.section-proyects p {
		font-size: 22px;
	}
	
	/* Paises */
	.section-countries .flex_column h3 {
		font-size: 30px;
	}
	.section-countries .flex_column p {
		font-size: 14px;
	}
	
	/* Clientes */
	.section-customers2 .slick-next.slick-arrow {
		right: -20px;
	}
	.section-customers2 .slick-prev.slick-arrow {
		left: -20px;
	}
	.section-customers:before {
		width: 85%;
		height: 60px;
		top: 32px;
		left: -70px;
	}
	/* Contacto */
	.section-contact .template-page {
		padding-bottom: 60px;
	}
	.section-contact strong {
		font-size: 21px;
	}
	.section-contact .avia_textblock.txt-01 {
		margin: 0 0 45px 0;
	}
	
}


@media (max-width: 380px) {
/* ____________________/Home
____________________________________________________________*/	
	.section-about2:before {
		width: 100%;
		height: 68.56%;
		bottom: 0;
		clip-path: none;
	}
	
}

