/*
Theme Name:     iMetro Template
Theme URI: 		
Author: 		GreenTI
Author URI: 	http://www.greenti.cl
Description:    Styles for iMetro
Template:       Divi
Version:        1.0
*/

@import url("../Divi/style.css");

/* Menu Principal*/
 
#top-menu li a {
	text-transform: uppercase;
	font-weight: 800;
}

/* End Menu Principal*/

.full-width {

}

/* Grid de Oficinas*/

.no-paddings {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.no-margin-column {
	margin: 0px !important;

}

.full-width .offices-grid {
	padding: 0px;
	width: 100%;
	max-width: 100%;
}

.offices-grid .office {
	background-size: cover;
	margin: 0px !important;
	padding: 0px;
	height: 200px;
}

.offices-grid .office a {
	display: block;
	background-color: rgba(0,0,0,0.3);
	padding: 30px 10px 120px 60px;
	transition: all 0.5s;
}

.offices-grid .office a.arrendado{
	background-image: url(includes/images/arrendada.png);
	background-repeat: no-repeat;
	background-position: 0 70%;
	background-size: 100%;
}

.offices-grid .office a br {
	display: none;
}

.offices-grid .office a:hover {
	background-color: rgba(0,0,0,0.6);
}

.offices-grid .office a span {
	display: block;
	text-align: left;
	color: #fff;
	font-weight: 900;
	line-height: 32px;
}

.offices-grid .office a span.office-title {
	font-size: 24px;
}

.offices-grid .office a span.office-address {
	font-size: 24px;
}

.offices-grid .office-1 {
	background-image: url(includes/images/building_capitales.jpg);
}

.offices-grid .office-2 {
	background-image: url(includes/images/building_lasindustrias.jpg);
}

.offices-grid .office-3 {
	background-image: url(includes/images/building_el_bosque.jpg);
}

.offices-grid .office-4 {
	background-image: url(includes/images/building_las_condes.jpg);
}

.offices-grid .office-5 {
	background-image: url(includes/images/building_el_bosque.jpg);
}
.offices-grid .office-6 {
	background-image: url(includes/images/building_plaza_las_flores.png);
}

/* End Grid de Oficinas*/

/* Oficinas Individuales*/

.header-office-section{
}


.header-office-section h2 {
	font-weight: 900;
	color: #fff;
	font-size: 40px;
	background-color: rgba(0,0,0,0.5);
	padding: 20px !important;
	display: inline-block;
	margin-top: 400px;
}

.info-office-section {

}

.info-office-section h2 {
	font-size: 40px;
	font-weight: 900;
}

.features-office-section {

}

.features-office-section h2 {
	font-size: 40px;
	font-weight: 900;
	color: #fff;
}

.features-office-section ul {
	list-style-type: none;
	font-size: 28px;
	line-height: 35px;
}

.features-office-section ul li {
	padding: 20px 0px;
}

.features-office-section ul li img {
	vertical-align: middle;
	margin-right: 20px;
}

.features-office-section .gallery-container {
	display: none;
}

.contact-button{
	align: center;
}

.contact-button2{
	float: left;
}

.contact-button, .contact-button2, 
.gallery-button{
	text-transform: uppercase;
	font-weight: bolder;
}

/* End Oficinas individuales*/

/* Contacto */

.contact-section {
	text-shadow: 2px 2px 2px rgba(89, 87, 89, 0.5);
}

.contact-section .contact-text {
	color: #fff;
	font-size: 30px;
	line-height: 35px;
}

.contact-section .contact-text h2 {
	color: #fff;
	font-size: 45px;
	font-weight: bolder;
}

.contact-section .contact-table {
	color: #fff;
	display: inline-block;
	border: none;
	vertical-align: top;
}

.contact-section .contact-table tr,
.contact-section .contact-table td{
	border: none;
}

.contact-section .contact-table label{
	display: block;
	color: #fff;
	font-size: 20px;
	padding: 10px 0px;
}

.contact-section .contact-table input[type="text"],
.contact-section .contact-table input[type="email"],
.contact-section .contact-table input[type="tel"] {
	border: none;
	padding: 8px;
	font-size: 14px;
	width: 100%;
}

.contact-section .contact-table  select,
.contact-section .contact-table textarea {
	width: 100%;
	font-size: 14px;
}

.contact-section .contact-table .select2 {
	color: #000;
}

.contact-section .contact-table input[type="submit"]{
	font-size: 20px;
	color: #fff;
	padding: 10px;
	background-color: rgba(43,183,196,1);
	border: none;
}

div.wpcf7-mail-sent-ok {
	background-color: rgba(80, 145, 70 ,0.7) !important;
	color: #fff !important;
}

div.wpcf7-validation-errors {
	color: #fff !important;
	background-color: rgba(238, 224, 32, 0.7) !important;
}

#main-footer {
	display: none;
}

/* End Contacto */

@media (min-width: 981px){
	.no-margin-column {
		width: 33.3333% !important;
	}

	/* Contacto*/
	.contact-section .contact-table {
		max-width: 350px;
	}
	/* End Contacto*/
}

@media (max-width: 981px){
	.contact-button,
	.gallery-button{
		float: none;
		display: block !important;
		text-align: center;
	}
}

@media (max-width: 667px) {

	/*Grid*/

	.offices-grid .office a span.office-title {
		font-size: 20px;
	}

	.offices-grid .office a span.office-address {
		font-size: 20px;
	}

	/*End Grid*/

	/*Titulos*/

	.header-office-section h2 {
		margin-top: 200px;
	}
	.header-office-section h2,
	.info-office-section h2,
	.features-office-section h2,
	.contact-section h2{
		font-size: 30px;
		white-space: wrap;
	}

	.features-office-section {

	}

	.features-office-section ul {
		font-size: 20px;
	}

	.features-office-section ul li {
		padding: 10px 0px;
	}

	.features-office-section li img {
		max-width: 40px;
		height: auto;
	}

	/*Contacto*/
	.contact-section p {
		font-size: 20px;
	}
}