@charset "utf-8";
/* CSS Document */
@media screen and (max-width:2200px) {

}
@media screen and (max-width:1470px) {

}

@media screen and (max-width:1270px) {
	
}


@media screen and (max-width:1198px) {
	.sobre{flex-wrap:wrap;}
	.sobre > div:first-child{width:100% !important;}
	.sobre > div:nth-child(2){width:100% !important; margin: 30px !important;}
}

@media screen and (max-width:1145px) {
	#prioridades .flex-prioridades{
		flex-wrap: wrap;
	}
	#prioridades .flex-prioridades > div:first-child{
		width: 100%;
		min-height: 300px;
	}
	#prioridades .flex-prioridades > div:nth-child(2){
		width: 60%;
		min-height: 300px;
	}
	#prioridades .flex-prioridades > div:nth-child(3){
		width: 40%;
	}
}

@media screen and (max-width:1090px) {
	#resultados .flex-graficas{
		flex-wrap: wrap
	}
	#resultados .flex-graficas > div{
		width: 40%;
		margin-bottom: 35px;
	}
}


@media screen and (max-width:995px) {
	#presencia .flex-presencia{
		display: flex;
		justify-content: space-around;
		margin-top: 40px;
		flex-wrap: wrap;
		align-content: stretch;
	}
	#presencia .flex-presencia > div{
		width: 40% !important;
		margin-bottom: 40px;
	}
	
	#equipo .flex-directores svg.directores-01{top: 0; left: -5%;}
	#equipo .flex-directores svg.directores-02{top: 0; left: 0; right: 0; margin: 0 auto;}
	#equipo .flex-directores svg.directores-03{top: 1%; left: auto; right: -26%;}
	#equipo .flex-directores svg.directores-04{top: 21%; left: 25%;}
	#equipo .flex-directores svg.directores-05{top: 20%; left: 35%;}
	#equipo .flex-directores svg.directores-06{top: 40%; left: 40%;}
	#equipo .flex-directores svg.directores-07{top:41%; left: 15%;}
	#equipo .flex-directores svg.directores-08{top: 60%; left: 73%;}
	#equipo .flex-directores svg.directores-09{top: 62%; left: 58%;}
	#equipo .flex-directores svg.directores-10{top: 80%; left: 10%;}
	#equipo .flex-directores svg.directores-11{top: 82%; left: 0%;}
	#equipo .flex-directores{flex-wrap: wrap; flex-direction: column;}
	#equipo .flex-directores > div{	width: 100%;}
	#equipo .flex-directores .biografia{
		padding: 40px 0;
		min-height: auto;
		position: relative;
		margin-bottom: 30px;

	}
}

@media screen and (max-width:900px) {
	#prioridades .txt-left, #prioridades .txt-left5 {
  		padding: 0 30px;
	}
	
	#prioridades .flex-complemetariedad{
		flex-wrap: wrap;
	}

	#prioridades .flex-complemetariedad > div:first-child{
		width: 100%;
		height: 300px;
	}
	#prioridades .flex-complemetariedad > div:first-child > div{
		width: 100%;
		height: 80%;
		background: url("../img/prioridades/03.jpg") no-repeat right top;
		background-size: cover;
		border-top-right-radius: 40px;
		border-bottom-left-radius: 40px;
	}
	#prioridades .flex-complemetariedad > div:nth-child(2){
		width: 100%;
	}
	
	#prioridades .flex-sostenibilidad{
		flex-wrap: wrap;
	}
	#prioridades .flex-sostenibilidad > div:first-child{
		width: 100%;
	}
	#prioridades .flex-sostenibilidad > div:nth-child(2){
		width: 100%;
		height: 350px;
	}
	
	
	#resultados .flex-resultados{
		flex-wrap: wrap;
	}
	#resultados .flex-resultados > div:first-child{
		width: 100%;
		margin-bottom: 30px;
	}
	#resultados .flex-resultados > div:nth-child(2){
		width: 100%;
	}
	
	#resumen .flex-revestimientos, #resumen .flex-adhesivos, #resumen .flex-desempenio{
		flex-wrap: wrap;
	}
	#resumen .flex-revestimientos > div:first-child, #resumen .flex-revestimientos > div:nth-child(2){
		width: 100%;
	}
	#resumen .txt-left, #resumen .txt-left5 {
  		padding: 0 30px;
	}
	
	#resumen .flex-revestimientos > div:nth-child(2) > div.bg-revestimientos{
		width: 100%;
		height: 280px;
		margin-bottom: 150px;
	}
	
	#resumen .flex-adhesivos > div:first-child > div.bg-adhesivos{
		width: 100%;
		height: 280px;
		margin-bottom: 170px;
	}
	
	#resumen .flex-adhesivos > div:first-child{
		width: 100%;
		order: 2;
	}
	#resumen .flex-adhesivos > div:nth-child(2){
		width: 100%;
		order: 1;
	}
	
	#resumen .flex-desempenio > div:first-child{
		width: 100%;
		order: 3;
		padding-bottom: 30px;
	}
	#resumen .flex-desempenio > div:nth-child(2){
		width: 100%;
		order: 1;
	}
	#resumen .flex-desempenio > div:nth-child(2) > .txt{
		padding: 0;
	}
	#resumen .flex-desempenio > div:nth-child(3){
		width: 100%;
		order: 2;
		height: 400px;
	}
	#resumen .flex-desempenio > div:nth-child(3) .desempenio-01{
		max-width: 200px;
		display: block;
		margin: 0 auto;


	}
	#resumen .flex-desempenio > div:nth-child(3) .desempenio-01a{
		height: auto;
		width: 250px;
		top: 35%;
		left: 0;
		right: 0;
		margin: 0 auto;
		position: absolute;
	}
	#resumen .flex-desempenio > div:nth-child(3) .desempenio-01b{
		height: auto;
		width: 250px;
		top: 22%;
		left: 0;
		right: 0;
		margin: 0 auto;
		position: absolute;
		transform: scaleX(-1);
	}
	
	#gobierno .txt-left, #gobierno .txt-left5 {
  		padding: 0 30px;
	}
	#gobierno .flex-gobierno{
		flex-wrap: wrap;
	}
	#gobierno .flex-gobierno > div:first-child, #gobierno .flex-gobierno > div:nth-child(2){
		width: 100%;
	}
	#gobierno .flex-gobierno .high2{
	margin-top: 30px;
}

	
	#equipo .flex-equipo{
		flex-wrap: wrap;
	}
	#equipo .flex-equipo > div:first-child, #equipo .flex-equipo > div:nth-child(2){
		width: 100%;
	}
	#equipo .flex-equipo > div:first-child > div{margin-left:5% !important; margin-bottom: 50px;}
	
	#ciberseguridad{overflow:hidden;}
	#ciberseguridad .flex-ciberseguridad{
		flex-wrap: wrap;
	}
	#ciberseguridad .flex-ciberseguridad > div:first-child, #ciberseguridad .flex-ciberseguridad > div:nth-child(2){
		width: 100%;
	}
	#ciberseguridad .txt-left {
	  padding: 0 30px;
	}
	
	#innovacion .txt-left5 {
	  padding: 0 30px;
	}
	
	#innovacion .flex-innovacion, #innovacion .flex-premios, #innovacion .flex-transformacion, #innovacion .flex-next, #innovacion .flex-portafolio{
		flex-wrap: wrap
	}
	#innovacion .flex-innovacion > div:first-child, #innovacion .flex-innovacion > div:nth-child(2), #innovacion .flex-premios > div:first-child, #innovacion .flex-premios > div:nth-child(2), #innovacion .flex-transformacion > div:first-child, #innovacion .flex-transformacion > div:nth-child(2), #innovacion .flex-next > div:first-child, #innovacion .flex-next > div:nth-child(2), #innovacion .flex-portafolio > div:first-child, #innovacion .flex-portafolio > div:nth-child(2){
		width: 100%;
		margin-bottom: 30px;
	}
	#innovacion .flex-innovacion > div:nth-child(2) .txt, #innovacion .flex-next > div:nth-child(2) .txt{
		padding: 0;	
	}
	#innovacion .flex-innovacion .innovacion-02{
		margin:30px auto 30px;
	}
	#innovacion .flex-transformacion > div:first-child .innovacion-03{
		width: 80%;
		height: 500px;
	}
	
	#innovacion .flex-transformacion > div:first-child .innovacion-04{
		width: 40%;
		max-width: 250px;
	}
	#innovacion .flex-transformacion > div:first-child .innovacion-05{
		width: 50%;
		max-width: 250px;
	}
	
	#innovacion .flex-portafolio .innovacion-09, #innovacion .flex-portafolio .innovacion-11{
		height: 300px;
	}
	
	
	#cliente .txt-left5 {
	  padding: 0 30px;
	}
	#cliente .flex-cliente, #cliente .flex-satisfaccion, #cliente .flex-seguridad{
		flex-wrap: wrap
	}
	#cliente .flex-cliente > div:first-child, #cliente .flex-cliente > div:nth-child(2){
		width: 100%;
	}
	#cliente .flex-cliente > div:nth-child(2) .txt{
		padding: 0;
	}
	
	#cliente .flex-satisfaccion > div:first-child, #cliente .flex-satisfaccion > div:nth-child(2){
		width: 100%;
	}
	#cliente .flex-seguridad > div:first-child, #cliente .flex-seguridad > div:nth-child(2){
		width: 100%;
	}

	
	#talento .txt-left5 {
	  padding: 0 30px;
	}
	#talento .flex-talento > div:nth-child(3).txt{
		padding: 0;
	}
	#talento .flex-talento{flex-wrap:wrap;}
	#talento .flex-talento > div:first-child{
		width:60%;
	}
	#talento .flex-talento > div:nth-child(2){
		width:40%;
	}
	#talento .flex-talento > div:nth-child(3){
		width:60%;
	}
	
	#ambiental .flex-accion{
		flex-wrap: wrap;
	}
	
	#ambiental .flex-accion > div:first-child, #ambiental .flex-accion > div:nth-child(2){
		width:100%;
	}
	#ambiental .flex-accion > div:nth-child(2).txt{
		padding: 0;
	}
	
	#ambiental .flex-ambiental > div{
		width: 100%;
	}
	#ambiental .txt-left5 {
	  padding: 0 30px;
	}
	
	#ambiental .flex-circularidad{
		flex-wrap: wrap
	}
	#ambiental .flex-circularidad > div:first-child, #ambiental .flex-circularidad > div:nth-child(2){
		width:100%;
	}
	
	#acerca .flex-acerca2{
		flex-wrap: wrap;
	}
	#acerca .flex-acerca2 > div svg{
		display: none;
	}
	#acerca .flex-acerca2 > div{
		width:100% !important;
		margin-bottom: 30px;
	}
	#acerca .flex-acerca2 .logo{
		min-height: 50px;
	}
	#contacto{height:auto;}
	#contacto .flex-contacto{height: auto;}
	#contacto .flex-contacto > div:first-child{height: auto; padding-bottom: 30px;}
	#contacto .flex-contactos > div{width: 50%;}
	#contacto .flex-contactos > div:first-child{order: 0}
	#contacto .flex-contactos > div:nth-child(2){order: 5}
	#contacto .flex-contactos > div:nth-child(3){order: 1}
	#contacto .flex-contactos > div:nth-child(4){order: 2}
	#contacto .flex-contactos > div:nth-child(5){order: 4}
	#contacto .flex-contactos > div:nth-child(6){order: 3}
	
	#contacto .flex-contacto > div:nth-child(2), #contacto .flex-contacto > div:nth-child(3){height: 300px;}
	
}

@media screen and (max-width:850px) {
	#cultura .flex-cultura{
		flex-wrap: wrap;
	}
	#cultura .flex-cultura > div:first-child, #cultura .flex-cultura > div:nth-child(2){
		width: 100%;
	}
	#cultura .txt-left, #cultura .txt-left5 {
	  padding: 0 30px;
	}

}

@media screen and (max-width:800px) {
	
	.sobre > div:first-child{flex-wrap: wrap; flex-direction: column-reverse;}
	.sobre > div:first-child > div:first-child{width:100% !important; }
	.sobre > div:first-child > div:first-child svg{bottom: 10% !important; top: auto !important;}
	.sobre > div:first-child > div{width:100% !important;}
	.sobre > div:first-child > div:nth-child(2) > div{padding: 30px !important;}
	
	#prioridades .flex-prioridades .prioridades-01{
		display: none;
	}

	#prioridades .flex-prioridades .prioridades-02{
		display: none;
	}
	
	#prioridades .flex-prioridades > div:nth-child(2){
		width: 100%;
		min-height: auto;
		margin-top: 30px;
	}
	#prioridades .flex-prioridades > div:nth-child(2) > div{
		width:100%;
	}
	#prioridades .flex-prioridades > div:nth-child(3){
		width: 100%;
	}
	#prioridades .flex-prioridades > div:nth-child(3) > div{
		width: 100%;
		padding: 30px;
	}
	
	#riesgos .flex-emergentes{flex-wrap: wrap; margin-top: 0;}
	#riesgos .flex-emergentes > div{width: 100% !important;}
	#riesgos .flex-emergentes > div:nth-child(2), #riesgos .flex-emergentes > div:nth-child(4), #riesgos .flex-emergentes > div:nth-child(6){display: none;}
	
	#riesgos .flex-riesgos .riesgos-02, 
	#riesgos .flex-riesgos .riesgos-03{
		display: none;
	}
	
	#riesgos .flex-riesgos{
		flex-wrap: wrap;
	}
	#riesgos .flex-riesgos > div:first-child, #riesgos .flex-riesgos > div:nth-child(2){
		width: 100%;
	}
	
	#riesgos .txt-left, #riesgos .txt-left5 {
	  padding: 0 30px;
	}
	
	#cadena .flex-cadena{
		flex-wrap: wrap
	}
	#cadena .flex-cadena > div:first-child{
		width: 100%;
	}
	#cadena .flex-cadena > div:nth-child(2){
		width: 100%;
		position: relative;
	}
	#cadena .txt-left {
	  padding: 0 30px;
	}
	
	#talento .flex-talento > div:first-child{
		width:100%;
	}
	#talento .flex-talento > div:nth-child(2){
		width:300px;
		margin-bottom: 30px;
	}
	#talento .flex-talento > div:nth-child(3){
		width:100%;
	}
	
	#talento .flex-desarrollo{
		flex-wrap: wrap
	}
	#talento .flex-desarrollo > div:first-child{
		width:100%;
	}
	#talento .flex-desarrollo > div:nth-child(2){
		width:100%;
		margin-bottom: 30px;
	}
	#talento .flex-programas{
		flex-wrap: wrap;
	}
	#talento .flex-programas > div{
		width:100%;
	}
	#talento .flex-programas > div:nth-child(2) .txt{
		padding: 0;
	}
	
	#talento .flex-clima{
		flex-wrap: wrap;
	}
	#talento .flex-clima > div:first-child{
		width:100%;
		margin-bottom: 30px;
	}
	#talento .flex-clima > div:nth-child(2){
		width:100%;
	}
	#talento .flex-clima > div:nth-child(2) .txt, #talento .flex-diversidad > div:nth-child(2) > .txt, #talento .flex-salud > div:nth-child(2).txt, #talento .flex-comunidades > div:nth-child(2) > .txt{
		padding: 0;
	}
	
	#talento .flex-diversidad, #talento .flex-comunidades{
		flex-wrap: wrap;
	}
	#talento .flex-diversidad > div:first-child{
		width:100%;
	}
	#talento .flex-diversidad > div:nth-child(2){
		width:100%;
	}
	
	#talento .flex-salud{
		flex-wrap: wrap;
	}
	#talento .flex-salud > div:first-child{
		width:100%;
	}
	#talento .flex-salud > div:nth-child(2){
		width:100%;
	}

	#talento .flex-comunidades > div:first-child{
		width:100%;
	}
	#talento .flex-comunidades > div:nth-child(2){
		width:100%;
	}
	
	
	#acerca .flex-acerca{
		flex-wrap: wrap;
	}
	#acerca .flex-acerca > div:first-child{
		width: 100%;
		height: 300px;
		background-size: cover;
		background-position: center;
	}
	#acerca .flex-acerca > div:nth-child(2){width: 100%; margin-top: 30px;}
	#acerca .flex-acerca .acerca-01{
		position:absolute;
		width: 65%;
		right:0;
		top: 0px;
	}
	
	footer .flex-footer ul li{text-align: center;}
	footer .flex-footer > div:first-child{width: 100%; order: 2;}
	footer .flex-footer > div:nth-child(2){width: 100%; order: 3}
	footer .flex-footer > div:nth-child(3){width: 100%; order: 4}
	footer .flex-footer > div:nth-child(4){width: 100%; order: 1;}
	footer .flex-footer > div:nth-child(4) img{margin: 0 auto; display: block;}
}

@media screen and (max-width:760px) {
	
}

@media screen and (max-width:720px) {
	h1 {
		font-size: 32px;
		line-height: 40px;
	}
}

@media screen and (max-width:690px) {
	#innovacion .flex-copa{flex-wrap: wrap}
	#innovacion .flex-copa > table{width: 100%; max-width: 250px; margin: 20px auto;}
	
	#acerca .flex-acerca3 > div{
		width: 100%;
	}
}

@media screen and (max-width:650px) {
	

}

@media screen and (max-width:580px) {
	#presencia .flex-presencia > div{
		width: 80% !important;
	}
	#hitos .flex-hitos{
		flex-wrap: wrap;
	}
	#contacto .flex-contactos > div{width: 100%;}
	#contacto .flex-contactos > div:first-child{order: 0}
	#contacto .flex-contactos > div:nth-child(2){order: 5}
	#contacto .flex-contactos > div:nth-child(3){order: 3}
	#contacto .flex-contactos > div:nth-child(4){order: 1}
	#contacto .flex-contactos > div:nth-child(5){order: 2}
	#contacto .flex-contactos > div:nth-child(6){order: 4}
	
	#contacto .contacto-04, #contacto .contacto-05{display: none;}
}

@media screen and (max-width:560px) {
	#ciberseguridad .flex-ciberseguridad .ciberseguridad-02{display: none;}
}

@media screen and (max-width:490px) {
	
	#ambiental .flex-ambiental .quote {
	  width: 100%;
	  text-align: left;
	  margin: 0 auto;
	}
	
	#acerca .flex-acerca > div:nth-child(2) .txt{
		margin: 60px 0 0;
		position: relative;
	}
	#acerca .flex-acerca{
		margin-bottom: 30px;
	}
	
}

@media screen and (max-width:450px) {
	h1 {
		font-size: 28px;
		line-height: 30px;
	}
	
	#resultados .flex-graficas > div{
		width: 80%;
		margin-bottom: 60px;
	}
	
	#innovacion .flex-next .quote{
		max-width:236px;
		text-align: left;
		margin: 0 auto;
	}
}

@media screen and (max-width:425px) {

}


@media screen and (max-width:325px) {
	
}

/* iPad screen size rules */
@media only screen and (device-width: 768px) {
	
}

/* Portrait iPad display */
@media only screen and (min-device-width: 720px) and (max-device-width: 1020px) and (orientation:landscape) {
	
}

/* Landscape iPad display */
@media only screen and (min-device-width: 320px) and (max-device-width: 720px) and (orientation:landscape) {	
	

}