@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700&display=swap');

.anima, .social img{-moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease}
body{font-family: 'Raleway', sans-serif;}
h2{font-size: 2.3em; line-height: 1.1em; margin-bottom: 16px}

.logo{ position:absolute; left: 20px; top:-10px; padding: 0 !important; background: transparent !important}
.social{position: absolute; z-index: 15; right: 20px; top: 65px}
.social img{width: 45px}
.social img:hover{transform: scale(1.1);}

.slide-home{padding: 150px 0 0 0; z-index: 9; overflow: hidden;}
.slide-home .content-slide{padding: 0 250px}

.slide-home img, .slide-home .texto{float: left; width: 50%;}
.slide-home h2, .slide-home p{float: left}
.slide-home h2{padding: 50px 0 10px; display: block;}
.deco01{position: absolute; z-index: 99; width: 55px; left: 20%; bottom: -20px}

.cuadro01{position: relative; float: left; width: calc(50% - 30px); height: 100%; margin:0 15px}
.cuadro01 p{position: absolute; color: #FFF; bottom: 0; left: 0; padding: 15px}
.cuadro-fondo{width: 100%; float: left;}
.cuadro-deco{position: absolute; width: 60px; right: 10px; top:-20px;}
.marg-cuadro{margin-top: 50px}

.mapa{border: 0; width: 100%; height: 450px; margin: 40px 20px 0; -webkit-box-shadow: 0px 5px 17px -5px rgba(0,0,0,0.63);-moz-box-shadow: 0px 5px 17px -5px rgba(0,0,0,0.63); box-shadow: 0px 5px 17px -5px rgba(0,0,0,0.63);}
.deco03{position: absolute; z-index: 9; right: 20%; bottom: 320px; width: 40px}

.slide-pro{overflow: hidden;}
.slide-pro img{width: 100%}

/* de menos de 1280px*/
@media only screen and (max-width: 1279px) {
	.slide-home .content-slide {padding: 0px 100px;}
}

/* de menos de 1024px*/
@media only screen and (max-width: 1023px) {
	.slide-home .content-slide {padding: 0px 80px;}
	.nav a{padding: 7px 10px}
	.col-c { width:90%}
}

/* de menos de 768px (480)*/
@media only screen and (max-width: 767px) {
	.slide-home .content-slide {padding: 0px 20px;}
	.slide-home .content-slide img{display: none;}
	.slide-home .texto { width: 100%}

	.nav a{display: none}
	.logo{display: inline-block !important}
	.logo img{width: 145px}
	.social{top:27px}
	.slide-home h2{padding-top: 20px}
	.cuadro01 p{font-size: .9em}

	#section1{padding: 50px 20px 300px;}
	#section2 {padding-top: 145px}
	.deco03{bottom: 420px; right: 10%}

	.mapa{margin: 20px 0 0}
	#section4 .col-6 .social{right: 0}
	#section4 .col-6 .social img {width: 43px;}
#section0 {	background: url(../img/bg-home-cel.jpg) top center;}	
}

/* de menos de 480px, minimo 320px (320)*/
@media only screen and (max-width: 479px) {
	.cuadro01{display: none}
}