:root {	
/* Color Theme Swatches in Hex */
--color-oscuro: #191726;
--color-claro:  #F29979;
--color-marron: #8C3D2B;
--color-durazno:#F27979;
--color-gris:   #A6A6A6;

/* Color Theme Swatches in RGBA */
--color-oscuro: rgba(25, 23, 38, 1);
--color-claro:  rgba(242, 153, 121, 1);
--color-marron: rgba(140, 61, 43, 1);
--color-durazno:rgba(242, 121, 121, 1);
--color-gris:   rgba(166, 166, 166, 1);

/* Color Theme Swatches in HSLA */
--color-oscuro: hsla(248, 24, 11, 1);
--color-claro:  hsla(15, 82, 71, 1);
--color-marron: hsla(11, 53, 35, 1);
--color-durazno:hsla(0, 82, 71, 1);
--color-gris:   hsla(0, 0, 65, 1);


	
	/* Colors: */
--unnamed-color-646363: #646363;
--unnamed-color-ff8300: #FF8300;

/* Font/text values */
--unnamed-font-family-suisse-int-l: Suisse Int'l;
--unnamed-font-style-normal: normal;
--unnamed-font-weight-300: 300px;
--unnamed-font-weight-bold: bold;
--unnamed-font-size-12: 12px;
--unnamed-font-size-21: 21px;
--unnamed-font-size-38: 38px;
--unnamed-character-spacing-0: 0px;
--unnamed-character-spacing-3-8: 3.8px;
--unnamed-character-spacing-0-6: 0.6px;
--unnamed-line-spacing-18: 18px;
--unnamed-line-spacing-28: 28px;
--unnamed-line-spacing-44: 44px;
--unnamed-text-transform-uppercase: uppercase;

}

/* CSS Document */

html{
	margin-top: -5px;
	padding-top: 0;
}

/* FONTS */

/*@font-face {
  font-family: suib;
  src: url("/assets/fonts/SuisseIntl-Bold_0.woff");
}

@font-face {
  font-family: suil;
  src: url("/assets/fonts/SuisseIntl-Light_0.woff");
}

@font-face {
  font-family: suit;
  src: url("/assets/fonts/SuisseIntl-Thin_0.woff");
}*/

/* BODY */

body{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	max-width: 1366px;
    overflow-x: hidden;
	font-family: 'Open Sans', sans-serif;
	color: #646363;
	background-color: #FFFFFF;
	padding-top: 0;
	margin-top: 0;
}

a{
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

content{
	float: left;
	width: 100%;
	margin-top: 132px;
}

/* NAV */

nav{
	position: fixed;
	float: left;
	width: 100%;
	background-color: #F7F7F7;
	max-width: 1366px;
	z-index: 200;
}

nav ul{
	padding-left: 0px!important;
}

nav li{
	display: inline-block;
	width: auto;
	margin-right: 8px;
	vertical-align: top;
}

.navlogo{
	float: left;
	width: 25%;
}

.navlogo img{
	float: right;
	margin-right: 5%;
	margin-top: 10%;
	min-width: 135px;
}

.navitems{
	float: left;
	width: 50%;
}

.navkick{
	float: left;
	width: 25%;
	background-color: #FF8300;
	height: 135px;
}

.navsobremenu{
	text-align: right;
}

.navsobremenu li{
		margin-left: 3%;
}

.navsobremenu li:last-child{
		margin-right: 3%;
}

.navmenu{
	text-align: left;
	font-size: 14px!important;
	font-weight: bold;
	letter-spacing: 0px;
	color: #646363;
	opacity: 1;
}

.navmenu li{
		margin-left: 3%;
}

nav hr{
	width: 95%;
}

.navkicktxt{
	float: left;
	width: 30%;
	padding: 8%;
	text-align: left;
	font: normal normal bold 16px/18px;
	font-weight: bold;
	letter-spacing: 0.8px;
	color: #FFFDFD;
	opacity: 1;
}

.navkicktxtcast{
	float: left;
	width: 45%;
	padding: 8%;
	padding-top: 14%;
	padding-bottom: 16%;
	text-align: left;
	font: normal normal bold 16px/18px;
	font-weight: bold;
	letter-spacing: 0.8px;
	color: #FFFDFD;
	opacity: 1;
}

.navkickarrow{
	float: left;
	width: 20%;
	vertical-align: middle;
	padding-top: 15%;
	color: #FFFFFF;
	font-weight: bold;
}

.menu-hamburguesa{
	padding: 5%;
	float: right;
	display: none;
}

.bar1, .bar2, .bar3 {
	width: 30px;
	height: 4px;
	background-color: #282753;
	margin: 6px 0;
	transition: 0.4s;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-8px, 6px);
	transform: rotate(-45deg) translate(-8px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-7px, -7px);
}

/* FIN NAV */

.top-home {
	height: 600px;
    width: 100%;
    position: relative;
	margin-top: -10px;
	padding-top: -10px;
}

.top-home video {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	z-index: 0;
}

.top-capabilities {
	height: 40vh;
    width: 100%;
    position: relative;
	margin-top: -10px;
	padding-top: -10px;
	background-image: url('../img/Parque-Industrial-Advance-Monterrey-tierra-disponible-para-venta-y-proyectos-Buil-To-Suit.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.top-clients {
	height: 40vh;
    width: 100%;
    position: relative;
	margin-top: -10px;
	padding-top: -10px;
	background-image: url('../img/Build-To-Suit-Grupo-COPO,-dentro-de-Parque-Industrial-Advance-Puerto-Interior,-Renta-de-Naves-Industriales.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.top-esg {
	height: 40vh;
    width: 100%;
    position: relative;
	margin-top: -10px;
	padding-top: -10px;
	background-image: url('../img/Renta-de-naves-industriales,-practicas-sustentables,-reforestacion.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.top-who {
	height: 40vh;
    width: 100%;
    position: relative;
	margin-top: -10px;
	padding-top: -10px;
	background-image: url('../img/Renta-de-naves-industriales-en-Queretaro,-con-ubicaciones-estratégicas-y-seguridad-24-7.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
}

.top-obra {
	height: 40vh;
    width: 100%;
    position: relative;
	margin-top: -10px;
	padding-top: -10px;
	background-image: url('../img/obra.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
}

.top-careers {
	height: 40vh;
    width: 100%;
    position: relative;
	margin-top: -10px;
	padding-top: -10px;
	background-image: url('../img/Proyectos-Build-to-Suit-Advance,-generamos-relaciones-a-largo-plazo,-socio-confiable-para-empresas.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.top-prop {
	height: 40vh;
    width: 100%;
    position: relative;
	margin-top: -10px;
	padding-top: -10px;
	background-image: url('../img/Parque-Industrial-Advance-Monterrey-Venta-de-Tierra-y-Proyectos-Build-To-Suit.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* Just styling the content of the div, the *magic* in the previous rules */
.top-home .caption {
	width: 45%;
	margin-left:7.5%;
	z-index: 1;
	position: relative;
	text-align: left;
	color: #FFFFFF;
	padding: 10px;
	font-size: 35px;
	letter-spacing: 0px;
	opacity: 1;
	font-weight: normal;
}

.top-home .caption small{
	text-align: left;
	font: normal normal bold 12px/18px;
	letter-spacing: 0.6px;
	color: #FF8300;
	text-transform: uppercase;
	opacity: 1;
	font-weight: bold;
	font-size: 13px;
}

.world-class-map{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.world-class-map .txt-gris-fino{
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 5px;
	text-align: center;
	width: 60%;
}

.centrado-numeros-mapa{
	display: block;
    margin-left: auto;
    margin-right: auto;
	width: 65%;
}

.fieldset .centrado-numeros-mapa{
	display: block;
    margin-left: auto;
    margin-right: auto;
	width: 70%!important;
}	

.world-class-map .titulo-gris-oscuro{
	margin-bottom: 5px;
}

.world-class-map hr{
	float: left;
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}

.titulo-gris-oscuro{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #646363;
	opacity: 1;
}

.titulo-gris-oscuro-small{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #646363;
	opacity: 1;
}

.titulo-gris-oscuro-fino{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 44px;
	font-weight: 300;
	letter-spacing: 0px;
	color: #646363;
	opacity: 1;
}

.titulo-naranja-fino{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 44px;
	font-weight: 300;
	letter-spacing: 0px;
	color: #FF8300;
	opacity: 1;
}

.subtitulo-naranja{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #FF8300;
}

.h2-blanco-fino{
	text-align: center;
	font-size: 38px;
	font-weight: 100;
	letter-spacing: 3.8px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 1;
}

.h2-naranja-fino{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 38px;
	font-weight: 300;
	letter-spacing: 3.8px;
	color: #FF8300;
	opacity: 1;
}

.h2-naranja-fino-uppercase{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 44px;
	font-weight: 300;
	letter-spacing: 3.8px;
	color: #FF8300;
	text-transform: uppercase;
	opacity: 1;
}

.fieldset {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #FF8300;
	margin-top: 1em;
	width: 70%;
	margin-bottom: 5%;
	margin-top: 5%;
}

.fieldset h3 {
  font-size: 12px;
  text-align: center;
	width: 100%;
}

.fieldset h3 span {
	display: inline;
	/*background: #fff;*/
	padding: 5px 10px;
	/*position: relative;*/
	bottom: -1.5em;
}

.centrado{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.centrado-50{
	display: block;
    margin-left: auto;
    margin-right: auto;
	width: 50%;
}

.centrado-60{
	display: block;
    margin-left: auto;
    margin-right: auto;
	width: 60%;
}

.centrado-70{
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 3%;
	width: 70%;
}

.centrado-80{
	display: block;
    margin-left: auto;
    margin-right: auto;
	width: 80%;
}

.ancho-100{
	float: left;
	width: 100%;
}

.ancho-80{
	float: left;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
}

.h1-privacy{
	text-align: center;
	font-weight: bold;
	font-size: 44px;
	letter-spacing: 0px;
	color: #646363;
	opacity: 1;
}

.privacy{
	text-align: left;
	font-weight: 300;
	font-size: 25px;
	letter-spacing: 0px;
	color: #646363;
	opacity: 1;
}

.privacy-subitem{
	margin-left: 10%;
}

.cuadro-blanco-80{
	margin: 5%;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	width: 70%;
	background-color: #FFFFFF;
	padding: 5%;
	display: flex;
	flex-direction: row;
}

.cuadro-blanco-80 .mitad{
	flex: 55%;
}

.cuadro-blanco-80 .mitad:last-child{
	flex: 40%;
	padding-left: 5%;
	padding-top: 5%;
}

.mitad-esg .mitad{
	width: 40%;
	padding: 5%;
	text-align: left!important;
}

.mitad-esg .mitad:last-child{
	margin-top: 75px;
}

.mitad-esg .mitad p{
	text-align: left!important;
}

.values-container{
	display: flex;
	flex-direction: row;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

.value{
	flex: 22%;
	padding: 2%;
	text-align: left;
	font-weight: 300;
	font-size: 21px;
	letter-spacing: 0px;
	color: #646363;
}

.value b{
	text-align: left;
	font-weight: bold;
	font-size: 21px;
	letter-spacing: 2.1px;
	color: #FF8300;
	text-transform: uppercase;
}

.value hr{
	width: 75px;
	left: 0!important;
	margin-left: 0!important;
}

.txt-gris-fino-big{
	font-family: 'Open Sans', sans-serif;
	font-size: 44px;
	font-weight: 300!important;
	font-style: normal;
	letter-spacing: 0px;
	color: #646363;
	opacity: 1;
}

.txt-gris-fino{
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	font-weight: 300!important;
	font-style: normal;
	letter-spacing: 0px;
	color: #646363;
	opacity: 1;
}

.txt-gris-fino-small{
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-300) 16px/24px var(--unnamed-font-family-suisse-int-l);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-646363);
	text-align: center;
	font: normal normal 300 16px/24px Suisse Int'l;
	letter-spacing: 0px;
	color: #646363;
	opacity: 1;
}

.texto-home-flota-izq{
	float: left;
	width: 90%; /* Antes 90% */
	padding-left: 10%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-color: rgba(126,119,119,0.55)!important;
	max-width: 1366px;
}

.texto-home-flota-izq p{
	text-align: left;
	font: normal normal 300 44px;
	font-size: 33px;
	letter-spacing: 0px;
	color: #FFFFFF;
}

.texto-home-flota-izq p b{
	text-align: left;
	font: normal normal bold 44px;
	font-size: 33px;
	letter-spacing: 0px;
	color: #FFFFFF;
}

.titulo-blanco{
	text-align: center;
	font-weight: bold;
	font-size: 38px;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}

.fondo-perfect-plataform-home{
	background-image: url('../img/whov2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.fondo-gris{
	background-color: #F7F7F7;
}

.fondo-gris-oscuro{
	background-color: #646363;
}

.fondo-naranja{
	background-color: #FF8300;
}

.numerosmapa{
	float: left;
	width: 25%;
	text-align: center;
	font-size: 66px;
	font-weight: 400;
	letter-spacing: 0px;
	color: #FF8300;
	opacity: 1;
}

.numerosmapa p{
	width: 100%;
	text-align: center;
	margin-top: 0;
}

.mapa-mx{
	float: left;
	width: 100%;
	background-color: #f7f7f7;
}

.tres-partes{
	float: left;
	width: 27%; /* Antes 27% */
	padding: 3%;
	margin-top: 3%;
	text-align: center;
}

.tres-partes h3{
	margin-bottom: 5px!important;
}

.tres-partes hr{
	width: 90%;
	border-top: 1px solid #FF8300!important;
}

#hr-naranja hr{
	border-top: 1px solid #FF8300!important;
}

.tres-partes p{
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
	font-weight: 300;
	font-size: 21px;
	letter-spacing: 0px;
	color: #646363;
	opacity: 1;
}

.boton-naranja-outline{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FF8300;
	border: 2px solid #FF8300;
	border-radius: 7px;
	opacity: 1;
	width: 230px;
	cursor: pointer;
}

.boton-naranja-outline:hover{
	font-weight: 600;
	border-width: 3px;
	padding-bottom: 4px;
	padding-top: 4px;
}

.boton-blanco-outline{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
	border: 2px solid #FFF;
	border-radius: 7px;
	opacity: 1;
	width: 235px;
	cursor: pointer;
}

.boton-blanco-outline:hover{
	font-weight: 600;
	border-width: 3px;
	padding-bottom: 4px;
	padding-top: 4px;
}

.logos-home{
	display: flex;
	flex-wrap: wrap;
	padding: 15px;
	justify-content: center;
	/*width: 100%;
	padding-left: 3%;*/
}

.logos-home img{
	margin: 10px;
	margin-left: 25px;
	margin-right: 25px;
	/*width: 13%;
	padding-right: 3%;
	min-width: 148px;
	align-content: stretch;*/
}

.logos-home-who{
	float: left;
	display: block;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
}

.logos-home-who img{
	margin: 4%;
}

/* TITULOS */

.tit-gris{
	text-align: center;
	font-size: 38px;
	font-weight: bold;
	letter-spacing: 0px;
	opacity: 1;
}

.blog-home{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
}

.blog-home h2{
	text-align: center;
	font-size: 38px;
	font-weight: bold;
}

.blog-home h2 i{
	text-align: center;
	font-size: 38px;
	font-weight: 300;
	font-style: normal!important;
}

.tarjetero-blog{
	width: 80%; /* antes 80% */
	padding-left: 10%;
	padding-right: 10%;
}

.tarjeta-blog{
	float: left;
	width: 31%;
	margin: 1%;
	background-color: #FFFFFF;
	min-height: 550px;
}

.tarjeta-blog article{
	padding: 8%;
	padding-top: 0%;
}


.mitad{
	float: left;
	width: 50%;
}

.mitad-gris{
	float: left;
	width: 38%;
	padding-left: 7%;
	padding-right: 5%;
	background-color: #F7F7F7;
	text-align: left!important;
}

.mitad-gris .titulo-gris-oscuro{
	text-align: left!important;
}

.mitades-cap{
	background-color: #F7F7F7;
}

.mitades-cases .mitad{
	height: 580px;
}

.link-naranja{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	opacity: 1;
	color: #FF8300;
}

.fondo-mitad-contact{
	height: 100vh;
	background-image: url('../img/Espacios-de-manufactura,-renta-de-naves-industriales,-Advance-Real-Estate-socio-responsable.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}

.fondo-mitad-capabilities-1{
	height: 80vh;
	background-image: url('../img/Renta-de-Naves-Industriales-en-Parque-Industrial-Advance-Santa-Fe.jpg?123');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
}

.fondo-mitad-capabilities-2{
	height: 80vh;
	background-image: url('../img/Proyectos-a-la-medida-BTS-Tierra-disponible.jpg?123');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom right;
}

.fondo-mitad-capabilities-3{
	height: 80vh;
	background-image: url('../img/Parque-Industrial-Advance-Tijuana-Renta-de-Naves-industriales.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom right;
}

.fondo-mitad-clients-1{
	background-image: url('../img/casos/Proyecto-Build-To-Suit-Irving-Harsco,-disponibilidad-de-venta-de-tierra,-Parque-Industrial-Advance-Queretaro.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}

.fondo-mitad-clients-2{
	background-image: url('../img/casos/Ubicaciones-estrategicas-para-tu-proyecto-Build-To-Suit-en-Queretaro.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}

.fondo-mitad-clients-3{
	background-image: url('../img/casos/clients-2-onilog.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}

.fondo-mitad-clients-4{
	background-image: url('../img/casos/clients-3-axionlog.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}

.fondo-mitad-clients-5{
	background-image: url('../img/casos/Parque-Industrial-Advance-Puerto-Interior-en-Silao-Guanajuato-cuenta-con-ubicacion-estrategica-y-renta-de-Naves-Industriales.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}

.client-case{
	width: 100%;
}
.case-content *{
	font-family: 'Open Sans', sans-serif;
}
.client-case hr{
	margin: 0;
	width: 100%;
}

.client-case-name{
	float: left;
	width: 45%;
}

.client-case-data{
	float: left;
	width: auto;
	margin-left: 12px;
	padding-left: 8px;
	border-left: solid 1px;
}

.client-case-data b{
	color: #FF8300;
}

.client-quote{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #646363;
	opacity: 1;
	padding-top: 20px;
}

.signature{
	margin-top: 0!important;
	text-align: left;
	margin-right: 3%;
	margin-left: 60%;
}

.carrufull .mitades-cap .mitad p{
	padding-left: 5%;
	padding-right: 5%;
}

.carrufull .mitades-cap .mitad hr{
	float: left;
	width: 90%!important;
	margin-left: 5%;
	margin-right: 5%;
	border-top: 1px solid #FF8300;
	margin-bottom: 5%;
}

.mision-vision{
	display: flex;
	flex: 100%;
	flex-direction: row;
}

.mision{
	flex: 50%;
	background-color: #FF8300;
	color: #FFF;
	padding: 5%;
	text-align: left;
	font-weight: 300;
	font-size: 21px;
	letter-spacing: 2.1px;
	text-transform: uppercase;
}

.vision{
	flex: 50%;
	background-color: #0E304C;
	color: #FFF;
	padding: 5%;
	font-weight: 300;
	font-size: 21px;
	letter-spacing: 2.1px;
	text-transform: uppercase;
}

.team-top{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5%;
	background-color:#F7F7F7;
	width: 40%;
	padding: 0 1% 2% 2%;
	border-top: solid 25px #FF8300;
	box-shadow: 0px 3px 6px #00000029;
}

.team-boxes{
	display: flex;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	flex-direction: row;
	flex-wrap: wrap; 
	align-items: center;
    justify-content: center;
}

.team-box{
	position: relative;
	background-color:#F7F7F7;
	width: 28%;
	margin: 1%;
	padding: 0 1% 2% 2%;
	border-top: solid 25px #646363;
	box-shadow: 0px 3px 6px #00000029;
	min-height: 340px;
}

.capabilitie-boxes .team-boxes{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.capabilitie-boxes .team-boxes .team-box{
	position: relative;
	background-color:#FFFFFF!important;
	width: 45%;
	margin: 1%;
	padding: 0 1% 2% 2%;
	border-top: none;
	min-height: 340px;
}

.carrufull .team-box{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;	
	min-height: 390px;
}

.flechdif .team-box p{
	margin-bottom: 2%;
}

.team-box p{
	margin-bottom: 12%;
}

.team-box p{
	margin-bottom: 12%;
}

.team-box a{
	position: absolute;
	bottom: 0;
	margin-top: 2%;
	margin-bottom: 5%;
}

.testimonio{
	text-align: left;
	font-weight: bold;
	font-size: 21px;
	letter-spacing: 0px;
	color: #646363;
	opacity: 1;
}

.ul-capabilities{
	margin: 0!important;
	padding: 0;
	padding-inline-start: 0!important;
	padding-left: 1em!important;
	text-indent: -0.825em;
}


.ul-capabilities li{
	list-style-type: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	font-weight: 300!important;
	font-style: normal;
	letter-spacing: 0px;
	color: #646363;
	opacity: 1;
}



/* FOOTER */

footer{
	float: left;
	width: 100%; /* Antes 82% */
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 9%;
	padding-right: 9%;
	background-color: #646363;
	color: #FFFFFF;
    box-sizing: border-box;
}

.tres-footer{
	float: left;
	width: 29%;
	margin: 3.5%;
}

.tres-footer:first-child{
	margin-left: 0%;
}

.tres-footer:last-child{
	margin-right: 0%;
	margin-left: 0%;
}

.tres-footer ul li{
	list-style-type: none;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	padding-top: 2.5%;
}

.tres-footer p{
	text-align: left;
	font-size: 14px;
	font-weight: 300;
}

.tres-footer h3{
	letter-spacing: 0.53px;
	font-size: 20px;
}

.tres-footer small{
	text-align: left;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0px;
	color: #AAA8A8;
	text-transform: uppercase;
}

.location-office{
	margin-top: 8%;
}

.location-office img{
	float: left;
	width: 48px;
	margin-right: 8%;
	padding-top: 4%;
	vertical-align: middle;
}

.location-office p{
	float: left;
	width: 70%;
	font-size: 13px;
}

.contact-form{
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8%;
	margin-bottom: 8%;
	padding: 2%;
	width: 80%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 18px;
	opacity: 1;
}

.contact-form input, .contact-form textarea, .contact-form select{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	border: none;
	border-bottom: solid #707070 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 8px;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-300) 16px/24px var(--unnamed-font-family-suisse-int-l);
	letter-spacing: var(--unnamed-character-spacing-0);
	text-align: left;
	font: normal normal 300 16px/24px;
	letter-spacing: 0px;
	color: #64636388;
	opacity: 1;
}

.contact-form textarea{
	border: 1px solid #707070!important;
	border-radius: 8px!important;
	opacity: 1;
}

.contact-form .mitad input{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

.contact-form input[type=submit]{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	padding-top: 8px;
	text-align: center;
	color: #FF8300;
	font-weight: 600;
	background-color: #FFFFFF;
	border: 2px solid var(--unnamed-color-ff8300);
	border: 2px solid #FF8300;
	border-radius: 7px;
	opacity: 1;
	cursor: pointer;
}
.contact-form input[type=submit]:hover{
	background-color: #FF8300;
	color: #FFFFFF;
}

#complaints-box .contact-form{
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2%;
	margin-bottom: 8%;
	padding: 2%;
	width: 70%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: none;
	border-radius: none;
	opacity: 1;
}

#complaints-box .contact-form textarea{
	border: 1px solid #707070!important;
	border-radius: 8px!important;
	background-color: #F7F7F7;
	font-weight: 300;
	font-size: 16px/24px;
	letter-spacing: 0px;
	color: #64636388;
	opacity: 1;	
}

#complaints-box .contact-form .row .mitad:first-child{
	width: 31%!important;
	margin-left: 5%;
}

#complaints-box .contact-form .row .mitad:last-child{
	width: 64%!important;
}

#complaints-box .contact-form .row .mitad:last-child input[type=text], #complaints-box .contact-form .row .mitad:last-child input[type=mail]{
	margin-right: 0!important;
}

#complaints-box .contact-form .row .mitad:last-child input[type=submit], #complaints-box .contact-form .row .mitad:last-child input[type=file]{
	float: left;
	margin-left: 10%;
}

footer .tres-footer form{
	background: #FF8300;
	border-radius: 10px;
}

footer .tres-footer form input{
	width: 75%;
	height: 95%;
	background: #383737 0% 0% no-repeat padding-box;
	border: 2px solid #FF8300;
	border-radius: 10px 0px 0px 10px;
	padding: 10px;
	opacity: 1;
	text-align: left;
	color: #817F7F;
	font-size: 16px;
	font-weight: 300;
}

footer .tres-footer form button{
	background-color: #FF8300;
	border: none;
	border-radius: 10px;
	cursor: pointer;
}

footer .tres-footer form button i{
	font-size: 26px;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 4px;
	padding-left: 5px;
	
}

/* FIN FOOTER */


.mostrar-celu{
	display: none;
}

.mostrar-web{
	display: block;
}


@media only screen 
and (max-width : 1320px)  {
	.navlogo{
		width: 20%!important;
	}
	
	.navlogo img{
		width: 80%;
		padding-top: 5%;
	}
	
	.navkick{
		width: 20%;
	}
	
	.navkicktxt{
		float: left;
		width: 40%;
		padding: 14%;
	}
	
	.navkicktxtcast{
		float: left;
		width: 55%;
		padding: 14%;
		padding-right: 3%;
		padding-top: 16%;
		padding-bottom: 18%;
	}

	.navkickarrow{
		padding-top: 20%;
	}
	
	.navitems{
		width: 60%;
	}
	
	.navmenu li{
		margin-left: 2.5%;
	}
	
	.tres-footer{
		width: 31%;
		margin: 1%;
	}
	
	.mitades-cases .mitad{
		height: 550px;
	}
	
	.signature{
		margin-left: 30%;
	}
	
	.client-quote{
		margin-left: 10%;
	}
	
	footer .tres-footer form input{
		width: 70%;
	}
}

@media only screen 
	and (max-width : 1200px)  {	
		
	.capabilitie-boxes .team-boxes .team-box{
		min-height: 390px;
	}
		
	.fijo-celu{
		position: fixed;
		width: 100%;
		background-color: #FFFFFF;
		z-index: 9999;
	}
		
	.navlogo img{
		float: left;
		padding-left: 25%;
		min-width: 135px;
	}
		
	.menu-hamburguesa{
		display: block;
	}
		
	nav li{
		display: block;
		width: auto;
		margin-right: 8px;
		vertical-align: top;
		padding: 15px;
		font-size: 18px;
	}
		
	.navsobremenu{
		width: 100%;
		text-align: left;
	}
		
	.navitems{
		position: fixed;
		margin-top: 13%;
		display: none;
		width: 100%;
		background-color: #FFFFFF;
		z-index: 999;
	}

	.mostrar-celu{
		display: block;
	}

	.mostrar-web{
		display: none;
	}
		
	.navkick{
		width: 100%;
		padding: 0!important;
	}
		
	.navkickarrow{
		padding: 5%;
		padding-left: 1%;
		width: auto;
	}
		
	.navkicktxt, .navkicktxtcast{
		padding: 5%;
		padding-right: 1%;
		width: auto;
	}
		
}

@media only screen 
	and (max-width : 1050px)  {				
		
	content{
		margin-top: 139px;
	}
		
	.centrado-numeros-mapa{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
		
	.world-class-map .txt-gris-fino{
		width: 80%;
	}

	.centrado-numeros-mapa{
		width: 80%;
	}
		
	.fieldset{
		width: 90%;
	}
		
	.fieldset .centrado-numeros-mapa{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 90%!important;
	}	

	.world-class-map .titulo-gris-oscuro{
		margin-bottom: 5px;
	}

	.world-class-map hr{
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}	
		
	.tarjetero-blog{
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
		
	.team-top{
		width: 75%;
	}
		
	.team-box{
		min-height: 370px!important;
	}		

	#complaints-box .contact-form{
		width: 90%;
	}		
		
	footer{
		width: 92%;
		padding-left: 4%;
		padding-right: 4%;
	}
		
	.cuadro-blanco-80{
		flex-direction: column;
	}
		
	.cuadro-blanco-80 .mitad{
		width: 100%;
		padding-left: 0!important;
	}
		
	.mitades-cap .mitad{
		width: 100%;
	}
		
	.mitades-cap .mitad-gris{
		width: 80%;
		padding-bottom: 5%;
	}
		
	.carrufull{
		width: 100%;
	}
		
	.carrufull .mitades-cap{
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
		
	.mitades-cases .mitad{
		height: 350px;
	}
		
	.mitades-cases .mitad:last-child{
		height: auto;
	}
	
	.signature{
		margin-left: 30%;
	}
	
	.client-quote{
		margin-left: 10%;
	}
		
	.mitad-esg .mitad{
		float: left;
		width: 90%!important;
		padding: 5%;
		text-align: left!important;
	}
		
	.mitad-esg .mitad:last-child{
		margin-top: -50px!important;
	}
		
	#div-order{
	  /* Setup Flexbox */
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;

	  /* Reverse Column Order */
	  -webkit-flex-flow: column-reverse;
	  flex-flow: column-reverse;
	}	
		
	.fondo-mitad-capabilities-1, .fondo-mitad-capabilities-2, .fondo-mitad-capabilities-3{
		height: 50vh;
		background-position: bottom center;
	}		
		
}

@media only screen 
	and (max-width : 850px)  {
		.top-home .caption{
			width: 80%;
		}
		
		.top-capabilities, .top-clients, .top-esg, .top-who, .top-obra, .top-careers, .top-prop {
			margin-top: -75px!important;
		}
		
		.alert{	
			width: 60%!important;
			height: 60%!important;
		}
		
		.tres-partes{
			width: 90%;
		}
		
		.tarjetero-blog{
			width: 98%;
			padding-left: 1%;
			padding-right: 1%;
		}
		
		.tarjeta-blog{
			width: 31%;
			margin: 1%;
		}
		
		.tres-footer{
			width: 90%;
			margin: 2%;
		}
		
		.tres-footer ul{
			padding-left: 0!important;
		}
		
		.tres-footer:first-child{
			margin-left: 2%;
		}

		.tres-footer:last-child{
			margin-right: 0%;
			margin-left: 2%;
		}
		
		.mitad{
			width: 100%;
		}
		
		.next {
		  right: -10px!important;
		}

		.prev{
			left: -10px!important;
		}		
		
		.fondo-mitad-contact{
			height: 25vh;
			background-position: bottom right;
		}
		
		.team-boxes{
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}

		.team-box{
			background-color:#F7F7F7;
			width: 95%;
			margin: 1%;
			margin-bottom: 6%;
			padding: 0 1% 2% 2%;
			border-top: solid 25px #646363;
			min-height: auto!important;
		}
		
		
		
		.capabilitie-boxes .team-boxes .team-box{
			position: relative;
			background-color:#FFFFFF!important;
			width: 95%;
			margin: 1%;
			padding: 0 1% 2% 2%;
			border-top: none;
			min-height: 380px!important;
		}		
		
		.values-container{
			flex-direction: column;
			min-height: 380px;
		}
		
		#complaints-box{
			width: 100%!important;
		}
		
		#complaints-box .contact-form{
			display: block;
			margin-left: -3%;
			margin-right: auto;
			width: 90%;
		}

		#complaints-box .contact-form textarea{
			margin-left: 0!important;
			margin-right: 0!important;
		}

		#complaints-box .contact-form .row .mitad:first-child{
			width: 31%!important;
			margin-left: 0;
		}

		#complaints-box .contact-form .row .mitad:last-child{
			width: 64%!important;
		}

		#complaints-box .contact-form .row .mitad:last-child input[type=text], #complaints-box .contact-form .row .mitad:last-child input[type=mail]{
			margin-right: 5%!important;
		}

		#complaints-box .contact-form .row .mitad:last-child input[type=submit], #complaints-box .contact-form .row .mitad:last-child input[type=file]{
			float: left;
			margin-left: 10%;
		}
		
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 650px)  {
	
	.logos-home img{
		margin: 5px;
		/*width: 13%;
		padding-right: 3%;
		min-width: 148px;
		align-content: stretch;*/
	}
	
	.top-home .caption{
		width: 85%;
	}
	
	.centrado-numeros-mapa{
		width: 100%;
	}
	
	row{
		float: left;
		width: 100%;
	}
	
	.numerosmapa{
		width: 45%;
		margin: 1%;
	}
	
	.tarjeta-blog{
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
	}
	
	.centrado-60{
		width: 80%;
	}
	
	.client-case-name{
		float: left;
		width: auto;
		margin-bottom: 6%;
	}
	
	.client-case-data{
		margin-left: 25px;
		padding-left: 2px;
	}
	
	.client-case-data:last-child{
		width: 100%;
		margin-left: 0;
		margin-top: 6%;
	}
	
	.mision-vision{
		flex-direction: column
	}
	
	#complaints-box .contact-form .row .mitad:first-child{
		width: 90%!important;
		margin-left: 0;
	}

	#complaints-box .contact-form .row .mitad:last-child{
		width: 100%!important;
	}

	#complaints-box .contact-form .row .mitad:last-child input[type=text], #complaints-box .contact-form .row .mitad:last-child input[type=mail]{
		margin-right: 0!important;
		margin-left: 0;
	}

	#complaints-box .contact-form .row .mitad:last-child input[type=submit], #complaints-box .contact-form .row .mitad:last-child input[type=file]{
		display: block!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	
	.fondo-mitad-capabilities-1, .fondo-mitad-capabilities-2, .fondo-mitad-capabilities-3{
		height: 30vh;
		background-position: bottom center;
	}	

}

@media only screen 
and (max-width : 400px)  {
	.top-home .caption {
		font-size: 28px;
	}
}

/*@media only screen 
and (max-height : 730px)  {
		nav li{
		display: block;
		width: auto;
		margin-right: 8px;
		vertical-align: top;
		padding: 8px;
		font-size: 18px;
	}
}*/

/* carrousel */

	.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
	width: 100%;
	max-width: 1366px;
	position: relative;
	margin: auto;
	margin-bottom: 2%;
}

/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: 100;
	font-size: 48px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

.flechdif .prev, .flechdif .next{
		color: #FF8300;
}


.prev .material-icons, .next .material-icons{
	font-size: 48px;
	font-weight: 100!important;
}

/* Position the "next button" to the right */
.next {
  right: 25px;
  border-radius: 3px 0 0 3px;
}

.prev{
	left: 25px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #646363;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
	border: solid 1px #FFF;
}

.bg-light{
	background-color: white;
}

.gallery-cell .container,
.gallery-cell .row{
	height: 100%;
}

.case-content{
	display: flex;
	gap: 15px 0;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 15px 20px;
}
.case-content>p{
	margin: 0 !important;
	text-align: center;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/* Fin carrousel */

/* ALERTS */

.alert {
	padding: 20px;
	background-color: rgba(255,131,0,0.90);
	color: #ffffff;
	position: absolute;
	top: 10%;
	right: 50px;
	left: 50px;
	z-index: 99999999;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	height: 50%;
	font-size: 28px;border-radius: 50px;
	box-shadow: 0px 0px 400px 200px rgba(0,0,0,0.41);
-webkit-box-shadow: 0px 0px 400px 200px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 0px 400px 200px rgba(0,0,0,0.41);
}

.closebtn {
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 42px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}