@charset "UTF-8";
/* CSS Document */
input{
  &::-webkit-inner-spin-button{
    opacity:1; // magic!
  } 
}
input[type="text"],
input[type="submit"],
input[type="reset"],
textarea{border:none;-webkit-appearance:none !important;border-radius:0}
html, body{width:100%;height:100%;font-size:62.5%;font-family:'Montserrat', Arial, Helvetica, sans-serif}
header, section, footer{width:100%;}
section{min-height:calc(100% - 340px)}
.wp1180{width:1180px;position:relative;margin:0 auto;overflow:hidden}
.wp760{width:760px;position:relative;margin:0 auto;overflow:hidden}
.wp980{width:980px;position:relative;margin:0 auto;overflow:hidden}
a{color:inherit;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
h1{display:inline}
h2{text-transform:uppercase;color:#272727;font-size:3.3rem;font-weight:700;line-height:3rem;letter-spacing:-1px}
h3{text-transform:uppercase;color:#e23e33;font-size:1.4rem;font-weight:700;line-height:1.8rem}
h5{text-transform:uppercase;color:#e23e33;font-size:2.2rem;font-weight:400;margin:15px 0}
p{font-size:1.4rem;color:#5b5b5b;line-height:1.8rem}
i{color:#e23e33}
hr{display:block;width:50px;border:1px solid #e23e33;margin:20px auto;}
.home, .nos, .empresa, .particulares, .guarda, .contacto{padding:50px 0}
article{width:30.33%;margin:1.5%;float:left;position:relative}

/*SLIDE*/
#slide{height:380px;background:url(../img/bg-slide.jpg) center center no-repeat;background-size:cover;}
#slide .wp760{height:100%}
#slide .man{position:absolute;right:0;bottom:0;}
#slide h6{position:absolute;left:30px;font-size:8em;font-weight:400;line-height:.9;top:120px;color:#575757;letter-spacing:2px;text-align:left;}
#slide h6 strong{display:block;font-size:.9em;font-weight:700}

/*ASIDE REDES*/
aside{position:fixed;z-index:9999;top:140px;right:0;width:50px;border-radius:5px 0 0 5px;background:#FFF;padding:10px;box-shadow: 0 0 3px #999;}
aside .wpRed{position:relative;padding:5px}
aside .wpRed a{display:block;width:39px;height:39px;background:#FFF;border-radius:40px;position:relative;z-index:1;}
aside .wpRed .info{background:#e23e33;width:0;position:absolute;right:-10px;top:0;height:50px;color:#FFF;line-height:50px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;font-size:0}
aside .wpRed .info .form{background:#FFF;width:0;overflow:hidden;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;height:0}
aside .wpRed .info .form input[type="text"]{display:block;line-height:40px;border:1px solid #d5d5d5;background:#f8f8f8;color:#000;text-transform:uppercase;width:230px;padding-left:10px;font-weight:700;margin-bottom:15px}
aside .wpRed .info .form input[type="submit"]{display:block;margin:auto;width:110px;line-height:40px;text-transform:uppercase;font-weight:700;color:#FFF;border:none;text-align:center;background:#e23e33}
aside .wpRed .info .form textarea{display:block;border:1px solid #d5d5d5;background:#f8f8f8;color:#000;text-transform:uppercase;width:220px;padding:10px;font-size:1.2rem;margin-bottom:15px;height:70px;font-family:'Montserrat', Arial, Helvetica, sans-serif}
aside .wpRed .info .form .error{border-color:#e23e33 !important}
aside .wpRed:hover > .info{width:260px;padding:0 70px 0 20px;font-size:1.4rem}
aside .wpRed:hover > .info .form{width:245px;margin-left:-20px;padding:15px;height:auto}

/*HEADER*/
header .wp1180{text-align:left}
header{background:#ffffff;border-bottom:1px solid #c9c9ca;font-size:1.4rem;text-transform:uppercase;padding:25px 0}
header h1{float:left}
header nav{float:right;line-height:40px}
header nav li{float:left;margin:0 13px}
header nav li a:hover{color:#e23e33}
header nav li a.activo{color:#e23e33}

/*SECTION*/
section{background:#f8f8f8;}

/*HOME*/
.home h2{padding-left:60px;position:relative}
.home h2 img{position:absolute;top:0;left:0}
.home h3{margin:20px 0 25px}

/*NOSOTROS*/
.nos h2, .nos p{text-align:center}
.nos p strong{color:#e23e33}
.nos .circle{width:160px;margin:20px auto;height:160px;overflow:hidden;border-radius:80px}

/*EMPRESA - PARTICULARES - GUARDAMUEBLES*/
.empresa h2, 
.particulares h2, 
.guarda h2{width:720px;margin:auto;text-align:center;margin-bottom:30px}
.empresa h3, 
.particulares h3, 
.guarda h3{color:#353535;}
.empresa .solucion, 
.particulares .solucion, 
.guarda .solucion{padding:10px;height:180px;text-align:center;}
.empresa .solucion .imgSol, 
.particulares .solucion .imgSol, 
.guarda .solucion .imgSol{width:80px;margin:0 auto 15px;padding:35px 0 20px;border-bottom:1px solid #e23e33;}
.empresa .over, 
.particulares .over, 
.guarda .over{position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;background:#28282e;color:#FFF;text-align:center;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;opacity:0}
.empresa .over p, .empresa .over h3, 
.particulares .over p, .particulares .over h3, 
.guarda .over p, .guarda .over h3{padding:0 10px;color:#FFF}
.empresa .over p,
.particulares .over p,
.guarda .over p{font-family:'Open Sans', sans-serif;font-weight:400;font-size:1.2rem;}
.empresa .over .imgOv,
.particulares .over .imgOv,
.guarda .over .imgOv{width:30px;height:30px;padding:10px;border-radius:30px;border:2px solid #e23e33;margin:10px auto;}
.empresa .over .imgOv.mrg,
.particulares .over .imgOv.mrg,
.guarda .over .imgOv.mrg{margin-top:45px}
.empresa .over .imgOv img,
.particulares .over .imgOv img,
.guarda .over .imgOv img{width:100%}
.empresa .over hr,
.particulares .over hr,
.guarda .over hr{margin:10px auto}
.empresa article:hover > .over,
.particulares article:hover > .over,
.guarda article:hover > .over{opacity:1}

/*LOGO EMPRESAS*/
.wpLogoEmp{text-align:center;}
.logosEmp{display:inline-block;margin:15px;width:100px;height:100px;border-radius:55px;border:1px solid #c3c3c3;background:#FFF;cursor:pointer;position:relative;}
.logosEmp img{border-radius:55px;}
.logosEmp .tooltip img{border-radius:0;position:absolute;bottom:-8px;left:50%;margin-left:-10px}
.logosEmp .tooltip{position:absolute;width:200px;padding:20px;bottom:90px;left:50%;margin-left:-120px;background:#000;text-align:center;z-index:9;transition:ease 0.3s all;-webkit-transition:ease 0.3s all;display:none}
.logosEmp .tooltip h4{display:inline-block;font-weight:400;font-size:1.3rem;text-transform:uppercase;border-bottom:1px solid #e23e33;color:#FFF;padding:0 15px 15px}
.logosEmp .tooltip p{font-size:1.2rem;color:#FFF;height:70px;display:table-cell;width:200px;vertical-align:middle;line-height:1}

/*NOVEDADES*/
.novedades{display:block;padding:30px 10px;text-align:center;border-bottom:1px solid #c9c9ca;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;}
.novedades span{font-size:1.4rem;font-family:'Open Sans', sans-serif;color:#707070;display:inline-block;padding-left:25px;margin:0 25px;line-height:40px;text-transform:uppercase}
.novedades span.icoEmpresa{background:url(../img/nov-empresa.png) no-repeat left center;}
.novedades span.icoReloj{background:url(../img/nov-reloj.png) no-repeat left center;text-transform:none}
.novedades:hover{background:#28282e;}
.novedades:hover > .wp760 span{color:#c9c9c9;}
.novedades:hover > .wp760 h2{color:#FFF}

/*NOTA*/
.icoNotas{text-align:center;margin:20px 0;}
.icoNotas span{font-size:1.4rem;font-family:'Open Sans', sans-serif;color:#707070;display:inline-block;padding-left:25px;margin:0 25px;line-height:40px;text-transform:uppercase}
.icoNotas span.icoEmpresa{background:url(../img/nov-empresa.png) no-repeat left center;}
.icoNotas span.icoReloj{background:url(../img/nov-reloj.png) no-repeat left center;text-transform:none}
.galery{text-align:center;margin:20px 0;}
.galery .thumb{display:inline-block;margin:15px;width:110px;height:110px;border-radius:55px;background:red;overflow:hidden;}
.galery .thumb a{display:block}
.btnVolver{color: #fff;cursor: pointer;display: block;font-family: "Montserrat",Arial,Helvetica,sans-serif;font-size: 1.1rem;line-height: 40px;margin: 0 auto 50px;text-transform: uppercase;transition: all 0.3s ease 0s;width: 115px;background:#e23e33;text-align:center}
.btnVolver:hover{background:#575757}

/*CONTACTO*/
#mapa{height:250px;background:url(../img/mapa-contacto.jpg) center no-repeat;background-size:cover}
.contacto h2{text-align:center}
.contacto .wpForm{padding:30px 0;float:left;width:65%}
.contacto .wpForm form{margin:30px 0;}
.contacto .wpForm input[type="text"]{display:inline-block;width:42%;padding:0 3%;line-height:38px;border:1px solid #dfdfdf;font-family:'Montserrat', Arial, Helvetica, sans-serif;text-transform:uppercase;color:#0b1e2b;font-size:1.1rem;margin-bottom:10px;background:#FFF}
.contacto .wpForm input:nth-child(2), .contacto .wpForm input:nth-child(4){margin-left:2%}
.contacto .wpForm textarea{display:inline-block;width:92.5%;padding:0 3%;line-height:38px;border:1px solid #dfdfdf;background:#FFF;height:100px;font-family:'Montserrat', Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:1.1rem;}
.contacto .wpForm .error{border-color:#e23e33 !important}
.contacto .wpForm .btnForm{margin-top:20px;text-align:center;}
.contacto .wpForm .btnForm input{display:inline-block;width:115px;height:40px;margin:0 10px;cursor:pointer;border:none;font-family:'Montserrat', Arial, Helvetica, sans-serif;text-transform:uppercase;color:#FFF;font-size:1.1rem;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;}
.contacto .wpForm .btnForm input[type="submit"]{background:#e23e33;}
.contacto .wpForm .btnForm input[type="reset"]{background:#999;}
.contacto .wpForm .btnForm input:hover{background:#3a3a3a}

.contacto .wpData{float:left;margin-left:70px;padding:30px 0;}
.contacto .wpData .date{overflow:hidden;margin-bottom:40px;}
.contacto .wpData .date span{float:left;padding:0 20px;line-height:18px}
.contacto .wpData .date span:first-child{border-right:1px solid #e23e33}
.contacto .wpData .date span small{display:block;font-size:1.4rem;color:#000}

/*FOOTER*/
footer{background:#1d1d1d}
footer .redesFoot{background:#dadada;padding:18px 0;color:#0b1e2b;font-size:1.4rem;text-transform:uppercase}
footer .follow{display:block;width:100%}
footer .follow{text-align:center}
footer .follow a{margin:0 6px;height:40px;display:inline-block}
footer .datosFoot{padding:20px 0;color:#FFF;font-family:'Open Sans', Arial, Helvetica, sans-serif;font-size:1.2rem}
footer .datosFoot span{display:table-cell;height:70px;padding:0 10px;vertical-align:middle;line-height:1.4rem}
footer .datosFoot span:first-child{border-right:1px solid #e23e33}
footer .datosFoot span small{display:block;clear:both}
footer .copy{line-height:40px;background:#151515;text-align:center;color:#6c6c6c;font-size:1.1rem;font-family:'Open Sans',Arial, Helvetica, sans-serif}

/*COTIZADOR*/
.cotizador p{margin-bottom:20px}
.cotizador input,
.cotizador textarea,
.cotizador label,
.cotizador select{color:#393939;font-size:1.1rem;text-transform:uppercase;font-family:"Montserrat", sans-serif;}
.cotizador input[type="text"], .cotizador input[type="email"], .cotizador input[type="date"], .cotizador input[type="number"]{background:#fff;border:1px solid #dfdfdf;display:inline-block;line-height: 38px;margin-bottom:10px;padding:0 2%;width:28%;}
.cotizador select {background:#fff;border:1px solid #dfdfdf;display:inline-block;line-height: 38px;margin-bottom:10px;padding:0 2%;width:32%;height:38px}
.cotizador select option{border:none;background:#e4e4e4;height:25px;}
.cotizador textarea{width:93%;display:block;padding:2%;border:1px solid #dfdfdf;background:#fff;}
.cotizador h4{font-size:1.3rem;color:#e23e33;text-transform:uppercase;padding:30px 0 10px;clear:both}
.cotizador span{float:left;margin:10px 0;width:20%}
.cotizador .btnForm{margin:20px 0;text-align:center;clear:both}
.cotizador .btnForm input{display:inline-block;width:115px;height:40px;margin:0 10px;cursor:pointer;border:none;font-family:'Montserrat', Arial, Helvetica, sans-serif;text-transform:uppercase;color:#FFF;font-size:1.1rem;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;}
.cotizador .btnForm input[type="submit"]{background:#e23e33;}
.cotizador .btnForm input[type="reset"]{background:#999;}
.cotizador .btnForm input:hover{background:#3a3a3a}

@media (max-width: 1200px) {
	aside{display:none}
	.wp1180{width:1020px;position:relative;margin:0 auto;overflow:hidden}
	h2{font-size:2.8rem;line-height:2.5rem;}
	h3{font-size:1.2rem;line-height:1.5rem}
	p{font-size:1.2rem;line-height:1.5rem}
	
	/*HEADER*/
	header h1 img{width:250px}
	header nav li {margin: 0 7px;}
	
	/*Contacto*/
	.contacto .wpData{margin-left:50px;}
	.contacto .wpData .date span{float:left;padding:0 10px;}
}
@media (max-width: 1023px) {
	aside{display:none}
	.wp1180, .wp760{width:98%;position:relative;margin:0 1%;overflow:visible;text-align:center}
	article{width:45.5%;margin:2%;display:inline-block;float:none;text-align:left}
	article.bxHome{display:block;width:550px;margin:30px auto;}
	h2{font-size:2.3rem;line-height:2rem;}
	.home, .nos, .empresa, .particulares, guarda, .contacto{padding:30px 0}
	
	/*SLIDE*/
	#slide{height:380px;background:url(../img/bg-slide1024.jpg) no-repeat center}
	
	/*HEADER*/
	header {padding:20px 0;}
	header h1 {float:none;display:inline-block}
	header .btnMobile{position:absolute;width:30px;height:30px;padding:7px;border-radius:4px;background:#e3e3e3;right:0;top:-7px;z-index:99;cursor:pointer}
	header .btnMobile span{display:block;height:6px;background:#e23e33;border-radius:2px;}
	header .btnMobile span:nth-child(2){margin:6px 0}
	header nav{width:50%;position:absolute;top:54px;float:none;right:-1%;z-index:9999;height:0;overflow:hidden;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
	header nav.open{height:300px}
	header nav li{float:none;display:block;background:rgba(255,255,255,0.8);margin:0 0 1px;text-align:center}
	header nav li a{display:block}
	header nav li a.activo {color:#FFF;background:#e23e33;}
	
	/*HOme*/
	.home h2{height:47px;padding-left:55px}
	.home h2 img{height:47px;}
	
	/*Empresa, particulares, guardamuebles*/
	.empresa h2, .particulares h2, .guarda h2{width:98%;margin:1%;}
	
	/*CONTACTO*/
	#mapa{height:200px;}
	.contacto .wpData {display:none}
	.contacto .wpForm{float:none;width:100%}
	
	/*FOOTER*/
	footer .share{display:none;}
	footer .datosFoot article{display:block;padding:1% 0;width:60%;margin:auto}
	footer .datosFoot span{height:55px}
	footer .datosFoot article span small{display:inline-block;margin:0 3px}
	
}
@media (max-width: 639px) {

	/*SLIDE*/
	#slide{height:300px;background:url(../img/bg-slide700.jpg) no-repeat center}
	#slide .man img{width:100%}
	#slide .man{width:200px;}
	#slide h6{font-size:6em;}

	/*HEADER*/
	header h1 img{width:175px}
	header .btnMobile{top:-11px}
	
	header nav{width:100%;position:static;height:0;overflow:hidden;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
	header nav.open{height:300px;margin-top:20px;border-top:1px solid #e3e3e3}
	
	.home, .nos, .empresa, .particulares, guarda, .contacto{padding:20px 0}
	
	article,
	article.bxHome{width:98%;margin:15px 1%}
	
	
	/*HOME*/
	.home h2 img {height: 43px;top: -4px;}
	
	/*NOSOTROS*/
	.nos .circle{margin:0 auto}
	
	/*CONTACTO*/
	#mapa{height:160px;}
	.contacto .wpForm input[type="text"]{width:92.5%}
	.contacto .wpForm input:nth-child(2), .contacto .wpForm input:nth-child(4){margin-left:0}
	
	/*FOOTER*/
	footer .datosFoot article{width:98%;margin:1%}
}
@media (max-width: 480px) {
	/*SLIDE*/
	#slide .man{right:50%;margin-right:-100px}
	#slide h6{width:100%;text-align:center;top:15px;left:0}
	#slide h6 strong{display:inline;}
	
	/*tooltips empresa*/
	.logosEmp .tooltip{padding:0;width:0;height:0;overflow:hidden}
}

.error-coti{border-color:#e23e33 !important}