/*
Theme Name: Expansion Phi
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi - ᖵP
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../expansion-phi/fonts/MyriadPro-Regular.eot');
	src: url('../expansion-phi/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../expansion-phi/fonts/MyriadPro-Regular.woff2') format('woff2'),
		url('../expansion-phi/fonts/MyriadPro-Regular.woff') format('woff'),
		url('../expansion-phi/fonts/MyriadPro-Regular.ttf') format('truetype'),
		url('../expansion-phi/fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.row {overflow: hidden;margin: -1% -1% 0;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {float: left;padding: 0 1%;margin: 1% 0;}
.col1 {width: 8.333333333333332%;}
.col2 {width: 16.666666666666664%;}
.col3 {width: 25%;}
.col4 {width: 33.33333333333333%;}
.col5 {width: 41.66666666666667%;}
.col6 {width: 50%;}
.col7 {width: 58.333333333333336%;}
.col8 {width: 66.66666666666666%;}
.col9 {width: 75%;}
.col10 {width: 83.33333333333334%;}
.col11 {width: 91.66666666666666%;}
.col12 {width: 100%;}

/* ____________________/Globales
____________________________________________________________*/
:root {
	--font1: 'MyriadPro-Regular';
	--font2: "Montserrat", sans-serif;
	--color1: #e87824;
	--color2: #7e8891;
	--color3: #ffdd00;
}
body {
	font-family: var(--font2);
}
h1, h2, h3, h4, h5, h6 {
	text-transform: initial !important;
	letter-spacing: 0 !important;
	font-weight: 600;
}
h2 {
	font-size: 22px;
}

/* ____________________/Header
____________________________________________________________*/
#header_main {
	border: none;
}
span.avia-menu-fx {
	display: none;
}
/* Logo */
span.logo.avia-svg-logo {
	padding: 35px 0;
}
/* Menu */
nav.main_menu {
	width: 80%;
}
nav.main_menu .avia-menu.av-main-nav-wrap {
	width: 100%;
}
ul#avia-menu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	grid-gap: 0 6%;
	justify-content: flex-end;
}
ul#avia-menu a {
	padding: 0 !important;
	text-transform: uppercase;
}
ul#avia-menu li a span.avia-menu-text {
	font-weight: bold !important;
}
/* ____________________/Quienes Somos
____________________________________________________________*/
#revolutionslider_1 {
	border: none;
}
.s-about .flex_column_table {
	width: 80% !important;
	margin: 0 auto !important;
	float: none !important;
}
.s-about p {
	font-size: 17px;
	line-height: 32px;
	font-weight: 500;
}
.s-about .avia-image-container {
	width: 90%;
	margin: 70px 0 0 !important;
}
/* ____________________/Expansión
____________________________________________________________*/
.s-expantion .container {
	padding: 0 160px;
}
.s-expantion .template-page {
	padding: 70px 0 130px;
}
.s-expantion .avia_textblock.txt-title1 {
	width: 44%;
	margin: 0 0 50px;
}
.s-expantion .avia_textblock.txt-line {
	position: relative;
	margin: 0 0 60px;
}
.s-expantion .avia_textblock.txt-line:before {
	content: '';
	display: block;
	position: absolute;
	top: 1px;
	left: -100%;
	width: 99%;
	height: 18px;
	background: var(--color1);
}
.s-expantion .flex_column_table {
	margin: 25px 0 0 !important;
}
.s-expantion .flex_column {
	padding: 0 130px 0 0;
}
.s-expantion .flex_column .avia-image-container {
	width: 80px;
	margin: 0;
}
.s-expantion .flex_column h3 {
	margin: 20px 0;
	font-size: 15px;
	font-weight: 800;
}
.s-expantion .av-flex-placeholder {
	position: relative;
}
.s-expantion .av-flex-placeholder:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 120%;
	left: -40px;
	background: var(--color1);
}

/* ____________________/Servicios01
____________________________________________________________*/
.s-services01 .container {
	padding-left: 0;
}
.s-services01 .template-page {
	padding: 150px 0 100px;
}
.s-services01 .avia_textblock.txt-title {
	padding: 0 160px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	grid-gap: 0 2%;
	justify-content: center;
}
.s-services01 .avia_textblock.txt-title h2 {
	font-size: 35px;
}
.s-services01 .avia_textblock.txt-title:before {
	content: '';
	display: block;
	position: relative;
	width: 8px;
	height: 35px;
	top: 4px;
	left: 0;
	background: var(--color1);
}
.s-services01 .flex_column_table {
	margin: 110px 0 0 !important;
}
.s-services01 .avia-image-container.icon-services {
	margin: 0 auto 50px;
}
.avia-image-container.icon-services {
	width: 140px;
}
.avia-image-container.image-absolute {
	position: absolute;
	left: -70px;
}
.s-services01 .flex_column h3 {
	margin: 20px 0;
	font-size: 15px;
	font-weight: 800;
}
.s-services01 .flex_column p {
	width: 73%;
}
.s-services01 .flex_column section.av_textblock_section {
	position: relative;
}
.s-services01 .flex_column section.av_textblock_section:after {
	content: '';
	display: block;
	position: absolute;
	right: 110px;
	bottom: -15px;
	width: 150px;
	height: 3px;
	background: var(--color1);
}

/* ____________________/Servicios02
____________________________________________________________*/
.s-services02 .template-page {
	padding: 170px 0 50px;
}
.avia_textblock.txt-title {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	grid-gap: 0 1%;
}
.avia_textblock.txt-title:before {
	content: '';
	display: block;
	position: relative;
	width: 8px;
	height: 24px;
	left: 0;
	background: var(--color1);
}
.s-services02 .entry-content-wrapper:before, .s-services02 .entry-content-wrapper:after {
	display: none;
}
.s-services02 .entry-content-wrapper {
	display: flex;
	flex-direction: row;
	grid-gap: 30px 3%;
	flex-wrap: wrap;
	justify-content: center;
}
.s-services02 section.av_textblock_section {
	width: 100%;
}
.s-services02 .flex_column_table {
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 !important;
}
.s-services02 .flex_column {
	margin: 20px 0 0 !important;
	width: 31% !important;
}
.s-services02 .avia-image-container.icon-services {
	position: absolute;
	top: 270px;
	right: -10px;
	margin: 0;
}
.s-services02 .avia-image-container.p01-services, .s-services02 .avia-image-container.p01-services img {
	border-radius: 50px;
}
.s-services02 .flex_column section.av_textblock_section {
	margin: 40px 0 0 20px;
}
.s-services02 .flex_column h3 {
	margin: 0 0 5px;
	font-weight: 700;
}
.s-services02 .flex_column p {
	font-size: 17px;
	width: 80%;
	margin: 0;
}


/* ____________________/Modalidades
____________________________________________________________*/
.s-modalities .template-page {
	padding: 100px 0 130px;
}
.s-modalities ul {
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	grid-gap: 10px 0;
}
.s-modalities ul li {
	margin: 0;
	padding: 0 0 0 25px;
	background: url(img/list.svg) no-repeat 0% 50%;
	background-size: 10px;
}
.s-modalities .av-flex-placeholder {
	position: relative;
}
.s-modalities .av-flex-placeholder:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 140%;
	top: -60px;
	left: -40px;
	background: var(--color3);
}
.s-modalities .flex_column.col-padding {
	padding: 0 0 0 30px;
}


/* ____________________/Galeria
____________________________________________________________*/
.s-gallery .template-page {
	padding: 130px 0;
}
.s-gallery .avia-image-container {
	padding: 25px;
	background: var(--color1);
}
.s-gallery .entry-content-wrapper:before, .s-gallery .entry-content-wrapper:after {
	display: none;
}
.s-gallery .entry-content-wrapper {
	display: flex;
	flex-direction: column;
	grid-gap: 80px 0;
}
.s-gallery .avia-image-container.img-gallery01 {
	width: 78%;
}
.s-gallery .avia-image-container.img-gallery02 {
	width: 90%;
}
.s-gallery .avia-image-container.img-gallery03 {
	width: 50%;
}
.s-gallery .avia-image-container.img-gallery04 {
	width: 90%;
}


/* ____________________/Contacto
____________________________________________________________*/
.s-contact {
	z-index: 9;
	position: relative;
}
.s-contact .template-page {
	padding: 130px 0;
}
.s-contact .container {
	padding: 0 120px;
}

.s-contact h2 {
	font-size: 35px;
	font-family: var(--font1);
}
.s-contact .row {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	grid-gap: 0 6%;
}
form.wpcf7-form {
	margin: 0 !important;
}
form.wpcf7-form label {
	color: black;
	font-weight: 600 !important;
	margin: 0 0 0 10px;
}
input.wf7-input, textarea.wf7-input {
	padding: 19px 18px !important;
	border: none !important;
	border-radius: 15px !important;
	margin: 0 0 40px !important;
}
textarea.wf7-input {
	height: 300px;
	margin: 0 !important;
}
input.wf7-button {
	background: var(--color1) !important;
	padding: 8px 30px !important;
	text-transform: uppercase;
	border-radius: 10px;
	font-size: 15px;
}
.wpcf7-response-output {
	text-align: center;
	color: black;
	padding: 10px 20px !important;
	border-radius: 15px;
	margin: 0 !important;
	font-weight: 600;
}

/* ____________________/Footer
____________________________________________________________*/
.s-footer {
	position: relative;
	z-index: 0;
}
.s-footer:before {
	content: '';
	display: block;
	position: absolute;
	left: -80px;
	top: -80px;
	width: 300px;
	height: 300px;
	transform: rotate(45deg);
	background: #dc5714;
	z-index: 0;
}
.s-footer .template-page {
	padding: 30px 0;
}
.s-footer .avia_textblock {
	display: flex;
	align-items: center;
	justify-content: center;
}
.s-footer h2 {
	margin: 0;
	padding: 20px 0 20px 100px;
	font-size: 26px;
	display: inline-block;
	background: url(img/ubicacion.svg) no-repeat 0 50%;
	background-size: 66px;
}


@media (max-width:1280px) {
/* ____________________/Servicios01
____________________________________________________________*/
	.avia-image-container.image-absolute {
		position: absolute;
		left: -70px;
		bottom: -140px;
	}   
	
}

@media (max-width:1024px) {
/* ____________________/Header
____________________________________________________________*/
	ul#avia-menu li {
		display: none;
	}
	ul#avia-menu li.av-burger-menu-main {
		display: block;
	}
	/* MenuBurger */
	ul#av-burger-menu-ul li {
		margin: 10px 0 !important;
	}
	ul#av-burger-menu-ul li a {
		border: none !important;
		font-weight: 600;
		font-size: 18px;
	}
/* ____________________/Quienes somos
____________________________________________________________*/
	.s-about .flex_column_table {
		width: 100% !important;
		margin: 0 auto !important;
		float: none !important;
	}
/* ____________________/Expansión
____________________________________________________________*/  
	.s-expantion .flex_column {
		padding: 0 50px 0 0;
	}
	.s-expantion .avia_textblock.txt-title1 {
		width: 85%;
	}
	.s-expantion .av-flex-placeholder:before {
		left: -30px;
	}
/* ____________________/Servicios01
____________________________________________________________*/
	.s-services01 .flex_column_table {
		margin: 40px 0 0 !important;
	}
	.avia-image-container.icon-services {
		width: 100px;
	}
	.s-services01 .flex_column p {
		width: 100%;
	}
	.s-services01 .flex_column section.av_textblock_section:after {
		right: 30px;
	}
/* ____________________/Servicios02
____________________________________________________________*/
	.s-services02 .avia-image-container.icon-services {
		top: 210px;
		right: -10px;
	}
	.s-services02 .flex_column p {
		width: 100%;
	}
/* ____________________/Modalidades
____________________________________________________________*/
	.s-modalities .av-flex-placeholder:before {
		top: -60px;
		left: 10px;
	}
}


@media (max-width:989px) {
/* ____________________/Header
____________________________________________________________*/
	.html_header_top.html_header_sticky #top #wrap_all #main {
		padding-top: 120px;
	}
	#top #header_main > .container, #top #header_main > .container .main_menu .av-main-nav > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
		height: 120px !important;
		line-height: 120px !important;
	}
	span.logo.avia-svg-logo {
		padding: 25px 0;
	}
/* ____________________/Quienes somos
____________________________________________________________*/
	.s-about .flex_column_table {
		display: flex !important;
		flex-direction: column;
	}
	.s-about .flex_column_table .flex_column {
		width: 100%;
	}
	.s-about .avia-image-container {
		width: 60%;
		margin: 50px auto 20px !important;
	}
/* ____________________/Expansión
____________________________________________________________*/
	.s-expantion .container {
		padding: 0 90px;
	}
	.s-expantion .avia_textblock.txt-title1 {
		width: 95%;
	}
	.s-expantion .flex_column .avia-image-container {
		width: 70px;
		margin: 0;
	}
/* ____________________/Servicios01
____________________________________________________________*/
	.s-services01 .template-page {
		padding: 110px 0 60px;
	}
	.s-services01 .flex_column_table {
		margin: 10px 0 0 !important;
	}
	.avia-image-container.icon-services {
		width: 90px;
	}
	.avia-image-container.image-absolute {
		position: absolute;
		left: -70px;
		bottom: -90px;
	}

/* ____________________/Servicios02
____________________________________________________________*/
	.s-services02 .flex_column {
		margin: 20px 0 0 !important;
		width: 45% !important;
	}
/* ____________________/Modalidades
____________________________________________________________*/
	.s-modalities .flex_column_table {
		display: flex !important;
		flex-direction: column;
		grid-gap: 30px 0;
	}
/* ____________________/Galería
____________________________________________________________*/
	.s-gallery .entry-content-wrapper {
		grid-gap: 60px 0;
	}
	.s-gallery .avia-image-container.img-gallery03 {
		width: 70%;
	}
/* ____________________/Contacto
____________________________________________________________*/	
	.s-contact .container {
		padding: 0 90px;
	}
/* ____________________/footer
____________________________________________________________*/	
	.s-footer h2 {
		margin: 0;
		padding: 20px 0 20px 80px;
		font-size: 20px;
		display: inline-block;
		background: url(img/ubicacion.svg) no-repeat 0 50%;
		background-size: 58px;
	}
	
}



@media (max-width:767px) {
/* ____________________/Globales
____________________________________________________________*/
	h2 {
		font-size: 20px;
	}
	.responsive #top #wrap_all .container {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
		float: none;
	}

/* ____________________/Header
____________________________________________________________*/
	.responsive #top .logo {
		height: 120px !important;

	}
/* ____________________/Quienes somos
____________________________________________________________*/
	.s-about p {
		font-size: 15px;
		line-height: 28px;
		font-weight: 500;
	}
	.s-about .avia-image-container {
		width: 100%;
		margin: 50px auto 20px !important;
	}
/* ____________________/Expansion
____________________________________________________________*/
	.s-expantion .avia_textblock.txt-line:before {
		left: -102%;
	}
/* ____________________/Servicios01
____________________________________________________________*/
	.s-services01 .avia_textblock.txt-title {
		padding: 0;
		margin: 0 0 30px;
	}
	.avia-image-container.image-absolute {
		position: relative;
		left: -30px;
		bottom: auto;
	}
	.s-services01 .flex_column_table {
		display: flex !important;
		flex-direction: column;
		grid-gap: 50px 0;
	}
	.s-services01 .flex_column_table .flex_column {
		margin: 0 !important;
	}
	.s-services01 .avia-image-container.icon-services {
		margin: 0 auto 30px;
	}
	.avia-image-container.icon-services {
		width: 100px;
	}
/* ____________________/Servicios02
____________________________________________________________*/
	.s-services02 .template-page {
		padding: 80px 0 50px;
	}
	.s-services02 .flex_column {
		margin: 20px 0 0 !important;
		width: 100% !important;
	}
	.s-services02 .avia-image-container.icon-services {
		top: 255px;
		right: -10px;
	}
	.s-services02 .flex_column section.av_textblock_section {
		margin: 25px 0 0 20px;
	}	
/* ____________________/Modalidades
____________________________________________________________*/
	.s-modalities .flex_column_table .flex_column {
		margin: 0 !important;
		padding: 0;
	}
/* ____________________/Galeria
____________________________________________________________*/
	.s-gallery .template-page {
		padding: 80px 0;
	}
	.s-gallery .entry-content-wrapper {
		grid-gap: 40px 0;
	}
	.s-gallery .avia-image-container {
		padding: 15px;
	}
	.s-gallery .avia-image-container.img-gallery01 {
		width: 90%;
	}
	.s-gallery .avia-image-container.img-gallery02 {
		width: 100%;
	}
	.s-gallery .avia-image-container.img-gallery03 {
		width: 80%;
	}
	.s-gallery .avia-image-container.img-gallery04 {
		width: 100%;
	}
/* ____________________/Contacto
____________________________________________________________*/
	.s-contact h2 {
		font-size: 25px;
		font-family: var(--font1);
	}
	.s-contact .row {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		grid-gap: 0 6%;
	}
	.s-contact .col6 {
		width: 100%;
		margin: 0;
		padding: 0;
	}
/* ____________________/Footer
____________________________________________________________*/	
	.s-contact .template-page {
		padding: 81px 0;
	}
	.s-footer h2 {
		margin: 0;
		padding: 80px 0 20px 0;
		font-size: 20px;
		display: inline-block;
		background: url(img/ubicacion.svg) no-repeat 50% 0%;
		background-size: 58px;
	}
	
	
}