@charset "utf-8";
/* CSS Document */

@keyframes ferroentregas{
	0%{
		transform:scale(0.3);
	 }
	50%{
		transform:scale(1);
	   }
}

@keyframes animarbtnWF{
	0%{
		transform:scale(1);
	 }
	50%{
		transform:scale(0.65);
	   }
	100%{
		transform:scale(1);
		}
}

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

/* TIENDA ONLINE MNTENIMIENTO */
.tienda{
	width:100%;
	height:100vh;
	padding:1em;
	background:radial-gradient(#FFC10C,#FFA300);
}

.tienda .cont-tienda{
	width:930px;
	overflow:hidden;
	margin:0 auto;
	border-radius:0.5em;
	position:relative;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
}

.tienda .cont-tienda img{
	width:100%;
	z-index:-1;
}

.tienda .cont-tienda a{
	text-decoration: none !important;
	outline: none !important;
	color:#fff !important;
}

.tienda .cont-tienda button{
	font-family: 'Raleway', sans-serif;
	font-weight:bold;
	position:absolute;
	top:70%;
	left:5%;
	background:#008438;
	color:#fff;
	border: none;
	border-radius:0.35em;
	padding:12px 40px;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.tienda .cont-tienda button:hover{
	animation:animarbtnWF infinite 1s;
}

.tienda .cont-tienda .texto-mantenimiento{
	width:95%;
	background:rgba(255,255,255,0.5);
	position:absolute;
	top:10%;
	left:50%;
	transform:translateX(-50%);
	padding:0.5em;
	text-align:center;
	font-weight:bold;
	color:#333;
	border-radius:0.35em;
}

.tienda .cont-tienda .texto-mantenimiento a{
	color:#F00 !important;
	font-size:1.5em;
	font-weight:bold;
	text-decoration: none !important;
	outline: none !important;
	transition:all 0.5s ease;
}

.tienda .cont-tienda .texto-mantenimiento a:hover{
	opacity:0.65;
}

.centrarcaptcha{
	width:100%;
	text-align:center;
	margin-top:1em;
}

.colorrojo{
	color:#F00 !important;
	font-weight:bold;
}

.fondo{
	background-image: linear-gradient(to right, transparent 0px, rgba(0, 0, 0, 0) 100%) !important;
}

.texto-videos{
	font-family: 'Pavanam', sans-serif;
	font-size:12px;
	color:#333;
	text-align:center;
	padding:0 1em;
}

.textofortalezas{
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	text-align:center;
	padding:0 0.5em;
}

.descripcion{
	font-family: 'Raleway', sans-serif;
	text-align:justify;
}

.precio-viejo{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#eee !important;
	text-decoration:line-through;
}

.precio-nuevo{
	font-family: 'Roboto', sans-serif;
	font-size:25px;
	font-weight:bold;
	margin-left:1em;
}

.btn-cerrar{
	background:#EC880D;
	color:#fff;
	padding:0.55em;
	position:absolute;
	top:20px;
	right:20px;
	border-radius:100%;
	transition:all 0.5s ease;
}

.btn-cerrar:hover{
	background:#FC0;
	cursor:pointer;
}

.btn-cerrar span{
	font-size:1.5em;
}

.btn-ferreteros{
	display:block;
	margin:0 auto !important;
	margin-top:1.5em !important;
	margin-bottom:1em !important;
	font-family: 'Raleway', sans-serif;
	width:250px;
	height:40px;
	background:#EC880D;
	color:#fff;
	border: none;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.3);
	transition:all 0.5s ease;
}

.btn-ferreteros:hover{
	background:#25D366;
}

.btn-productos{
	font-family: 'Raleway', sans-serif;
	width:200px;
	height:40px;
	margin:1em 0;
	background:#EC880D;
	border: none;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
	transition:all 0.5s ease;
}

.btn-productos:hover{
	background:#FC0;
}

.btn-creditos{
	font-family: 'Raleway', sans-serif;
	display:block;
	margin:0 auto !important;
	margin-top:1.5em !important;
	margin-bottom:1.5em !important;
	background:#EC880D;
	color:#fff;
	padding:10px 50px;
	border: none;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
	transition:all 0.5s ease;
}

.btn-creditos:hover{
	background:#FC0;
}

.btn-comprar{
	font-family: 'Raleway', sans-serif;
	width:200px;
	height:40px;
	margin:1em 0;
	border: none;
	background:#CC0000;
	color:#fff;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.5);
	transition:all 0.5s ease;
}

.btn-comprar:hover{
	background:#FC0;
}

.btn-registros{
	font-family: 'Raleway', sans-serif;
	width:220px;
	height:40px;
	border: none;
	background:#EC880D;
	color:#fff;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
	transition:all 0.5s ease;
}

.btn-registros:hover{
	background:#FC0;
}

/* BOTON VOLVER ARRIBA */
.btn-volver-arriba{
	position:fixed;
	bottom:20px;
	right:10px;
	background:rgba(0,0,0,0.2);
	color:#fff;
	padding:0.4em;
	border-radius:0.5em;
	text-align:center;
	z-index:9999;
	margin-right:-60px;
	transition:all 0.7s ease;
}

.btn-volver-arriba a{
	text-decoration: none !important;
	color:#fff !important;
}

.btn-volver-arriba span{
	font-size:1.3em;
}

/* BOTON WHATSAPP FLOTANTE */
.btn-WF{
	position:fixed;
	right:10px;
	bottom:55px;
	margin-right:-60px;
	transition:all 0.7s ease;
	z-index:999;
}

.btn-WF a{
	text-decoration: none !important;
	outline: none !important;
}

.btn-WF span{
	background:#00bb2d;
	color:#fff;
	border-radius:100%;
	font-size:2.2em;
}

.btn-WF:hover{
	animation:animarbtnWF infinite 1s;
}

.menu-mobile{
	display: none;
}

.menu-pc{
	width:100%;
	background:rgba(0,0,0,0.3);
	padding:0 50px 5px 50px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	z-index:999;
}

.menu-pc .logo{
	width:100px;
	height:100px;
	
}

.menu-pc .logo img{
	width:100%;
}

.menu-pc .menu-principal a{
	font-family: 'Raleway', sans-serif;
	font-size:15px;
	font-weight:500;
	text-decoration: none !important;
	color:#fff;
	padding:10px;
	transition:all 0.5s ease;	
}

.menu-pc .menu-principal a:hover{
	background:#EC880D;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
}

.menu-pc .redes a{
	text-decoration: none !important;
}

.menu-pc .redes span{
	background:#EC880D;
	color:#fff;
	padding:0.4em;
	border-radius:100%;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.5);
	margin:0 0.1em;
	transition:all 0.5s ease;
}


.menu-pc .redes span:hover{
	background:#FC0;
}

/* MENU FIXED */

.menu-fixed{
	width:100%;
	background:#fff;
	padding:0 50px 5px 50px;
	display:flex;
	border-bottom:1px solid #ddd;
	justify-content:space-between;
	align-items:center;
	position: fixed;
	top:0;
	left:0;
	margin-top:-105px;
	z-index:9999;
	transition:all 0.5s ease;
}

.menu-fixed .logo{
	width:100px;
	height:100px;
}

.menu-fixed .logo img{
	width:100%;
}

.menu-fixed .menu-principal a{
	font-family: 'Raleway', sans-serif;
	font-size:15px;
	font-weight:500;
	text-decoration: none !important;
	color:#000;
	padding:10px;
	transition:all 0.5s ease;	
}

.menu-fixed .menu-principal a:hover{
	background:#EC880D;
	color:#fff;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
}

.menu-fixed .redes a{
	text-decoration: none !important;
}

.menu-fixed .redes span{
	background:#EC880D;
	color:#fff;
	padding:0.4em;
	border-radius:100%;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.5);
	margin:0 0.1em;
	transition:all 0.5s ease;
}


.menu-fixed .redes span:hover{
	background:#FC0;
}

/* MODAL ENTREGAS */
.modal-entregas{
	display: none;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}

.modal-entregas .cont-modalentregas{
	width:1170px;
	margin:0 auto !important;
	margin-top:1em !important;
	border-radius:0.5em;
	display:flex;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.75);
	animation:ferroentregas 1 3s;
}

.modal-entregas .cont-modalentregas .conta{
	width:50%;
	background-image:url(../imagenes/foto-envios-ferroelectricoslaganga.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius:0.5em 0 0 0.5em;
}

.modal-entregas .cont-modalentregas .contb{
	width:50%;
	padding:2em;
	background:#f5f5f5;
	border-radius:0 0.5em 0.5em 0;
}

.modal-entregas .cont-modalentregas .contb h1{
	font-family: 'Varela Round', sans-serif;
	margin-bottom:0.6em;
	font-size:2em;
}

.modal-entregas .cont-modalentregas .contb p{
	font-family: 'Raleway', sans-serif;
	text-align:justify;
}

.modal-entregas .cont-modalentregas .contb .cont-llamar{
	width:200px;
	margin:0 auto !important;
	margin-top:1em !important;
	padding:1em;
	border:1px solid #ccc;
	display:flex;
	align-items:center;
}

.modal-entregas .cont-modalentregas .contb .cont-llamar span{
	background:#EC880D;
	color:#fff;
	border-radius:100%;
	padding:0.4em;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.4);
	transition:all .5s ease;
}

.modal-entregas .cont-modalentregas .contb .cont-llamar span:hover{
	background:#00bb2d;
}

.modal-entregas .cont-modalentregas .contb .cont-llamar a{
	color:#000;
	text-decoration: none;
	font-size:1.3em;
	margin-left:0.5em;
	transition:all 0.5s ease;
}

.modal-entregas .cont-modalentregas .contb .cont-llamar a:hover{
	color:#00bb2d;
}

.main{
	width:100%;
	margin-top:-105px;
}

.main .banner-principal{
	width:100%;
	position:relative;
}

.main .banner-principal .banner{
	list-style: none;
}

.main .banner-principal .banner img{
	width:100%;
}

.main .banner-principal .texto-banner{
	width:75%;
	background:rgba(0,0,0,0.3);
	padding:1em 0.5em 2em 0.5em;
	text-align:center;
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.main .banner-principal .texto-banner h1{
	font-family: 'Varela Round', sans-serif;
	font-size:3.5em;
	text-shadow:0 2px #000;
}

.main .banner-principal .texto-banner p{
	font-family: 'Roboto', sans-serif;
	font-size:1.65em;
	margin:-0.4em 0 0.8em 0;
	text-shadow:0 2px #000;
}

.main .banner-principal .texto-banner a{
	font-family: 'Raleway', sans-serif;
	font-size:15px;
	font-weight:500;
	text-decoration: none !important;
	background:#EC880D;
	color:#fff;
	border: none;
	padding:12px 30px;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.7);
	transition:all 0.5s ease;
}

.main .banner-principal .texto-banner a:hover{
	background:#FC0;
}

/* BANNER COMPRAS */
.banner-compras{
	width:100%;
	height:100vh;
	background-image:url(../imagenes/fondo-compras.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
}

.banner-compras .texto-compras{
	width:80%;
	background:rgba(0,0,0,0.5);
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	padding:0 1em 1.5em 1em;
	text-align:center;
}

.banner-compras .texto-compras h1{
	font-family: 'Varela Round', sans-serif;
	font-size:4.7em;
	text-shadow:0 3.5px #000;
}

.banner-compras .texto-compras p{
	font-family: 'Roboto', sans-serif;
	font-size:1.7em; 
	text-shadow:0 2.5px #000;
	margin:-0.5em 0 0.8em 0;
}

.banner-compras .texto-compras a{
	font-family: 'Raleway', sans-serif;
	font-size:15px;
	font-weight:500;
	text-decoration: none !important;
	background:#EC880D;
	color:#fff;
	border: none;
	padding:12px 30px;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.7);
	transition:all 0.5s ease;
}

.banner-compras .texto-compras a:hover{
	background:#FC0;
}

/* BANNER REGISTROS GRACIAS */
.banner-registros{
	width:100%;
	height:100vh;
	background-image:url(../imagenes/gracias-ferroelectricos.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
}

.banner-registros .texto-banner-registros{
	width:80%;
	background:rgba(0,0,0,0.35);
	padding:1em 1em 1.5em 1em;
	text-align:center;
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.banner-registros .texto-banner-registros h1{
	font-family: 'Varela Round', sans-serif;
	font-size:4.5em;
	text-shadow:0 2px #000;
}

.banner-registros .texto-banner-registros p{
	font-family: 'Roboto', sans-serif;
	font-size:1.7em;
	text-shadow:0 2px #000;
	margin:0 0 0.8em 0;
}

.banner-registros .texto-banner-registros a{
	font-family: 'Raleway', sans-serif;
	background:#EC880D;
	color:#fff;
	border: none;
	text-decoration: none;
	padding:10px 45px;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
	transition:all 0.5s ease;
}

.banner-registros .texto-banner-registros a:hover{
	background:#FC0;
}

/* BANNER GRACIAS */
.banner-gracias{
	width:100%;
	height:100vh;
	background-image: url(../imagenes/gracias-ferroelectricos.jpg);
	background-position:center;
	background-size:cover;
	position:relative;
}

.texto-gracias{
	width:80%;
	background:rgba(0,0,0,0.35);
	color:#fff;
	padding:1em 1em 2em 1em;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.texto-gracias h1{
	font-size:3.5em;
	font-family: 'Varela Round', sans-serif;
	text-shadow:0 1.5px #000;
}

.texto-gracias p{
	font-family: 'Roboto', sans-serif;
	font-size:1.5em;
	text-shadow:0 1px #000;
	margin:-0.3em 0 1em 0;
}

.texto-gracias a{
	font-family: 'Raleway', sans-serif;
	background:#EC880D;
	color:#fff !important;
	border: none;
	text-decoration: none !important;
	padding:10px 45px;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
	transition:all 0.5s ease;
}

.texto-gracias a:hover{
	background:#FC0;
}





.main .fortalezas{
	width:100%;
	background:radial-gradient(#F9BB00,#EC880D);
	color:#fff;
	margin-top:-0.8em;
	padding:1em 0 0.1em 0;
}

.main .fortalezas .cont-fortalezas{
	width:650px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}

.main .fortalezas .cont-fortalezas a{
	text-decoration: none !important;
	outline: none !important;
}

.main .fortalezas .cont-fortalezas .info-fortalezas{
	width:280px;
	height:180px;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	border-radius:0.5em;
	margin-bottom:1em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.info-fortalezas .mascara, .info-fortalezas .contenido {
	width: 280px;
	height: 180px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.info-fortalezas img {
display: block;
position: relative;

}

.info-fortalezas h3 {
font-family: 'Pavanam', sans-serif;
color: #fff;
text-shadow:0 2px #000;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(236, 126, 13, 0.9);
margin: 50px 0 0 0
}

.info-fortalezas p {
font-family: 'Roboto', sans-serif;
font-size: 16px;
position: relative;
color: #fff;
text-shadow:0 2px #000;
padding: 10px 20px 10px;
text-align: center
}

.info-fortalezas a.link {
font-family: 'Pavanam', sans-serif;
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #222;
color: #fff;
margin-top:-0.5em !important;
box-shadow: 0 0 1px #000
}

.info-fortalezas a.link:hover {
box-shadow: 0 0 5px #000;
cursor:pointer;
}

.ejemplo-1 img {
transition: all 0.2s linear;
}
.ejemplo-1 .mascara {
opacity: 0;
background-color: rgba(0,69,30, 0.3);
transition: all 0.3s ease-in-out;
}
.ejemplo-1 h3 {
transform: translateX(-200px);/*Desplazamos a la izquierda*/
opacity: 0;
transition: all 0.7s ease-in-out;
}
.ejemplo-1 p {
transform: translateX(200px);/*Desplazamos a la derecha*/
opacity: 0;
transition: all 0.4s linear;
}
.ejemplo-1 a.link{
opacity: 0;
transition: all 0.4s ease-in-out;
transform: translateY(100px)/*Desplazamos para abajo*/
}
.ejemplo-1:hover img {
transform: scale(1.1);/*Damos un ligero zoom a la imagen*/
}
.ejemplo-1:hover .mascara {
opacity: 1;
}
.ejemplo-1:hover h3,
.ejemplo-1:hover p,
.ejemplo-1:hover a.link {
opacity: 1;
transform: translateX(0px);/*Regresamos a las posiciones originales*/
}
.ejemplo-1:hover p {
transition-delay: 0.1s;
}
.ejemplo-1:hover a.link {
transition-delay: 0.2s; /*Aplicamos un pequeño retardo para que se muestre al final*/
transform: translateY(0px);
background:#EA0000;

}

.main .nosotros{
	width:100%;
	background:#f5f5f5;
	padding:90px 0;
}

.main .nosotros .cont-nosotros{
	width:1170px;
	margin:0 auto;
	display:flex;
	align-items:center;
}

.main .nosotros .cont-nosotros .slider-nosotros{
	width:620px;
	height:430px;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.main .nosotros .cont-nosotros .texto-nosotros{
	width:500px;
	background:#eee;
	border-radius:0.5em;
	padding:2em 2.5em;
	margin-left:2em;
}

.main .nosotros .cont-nosotros .texto-nosotros h2, .main .nosotros .cont-nosotros .texto-nosotros h3{
	font-family: 'Varela Round', sans-serif;
}

.main .nosotros .cont-nosotros .texto-nosotros p{
	font-family: 'Raleway', sans-serif;
	text-align:justify;
}

.main .nosotros .cont-nosotros .texto-nosotros ul{
	font-family: 'Raleway', sans-serif;
	text-align:justify;
	margin-left:1.5em;
}

.main .ferreteros{
	width:100%;
	background:#eee;
	padding:90px 0;
}

.main .ferreteros .cont-ferreteros{
	width:1170px;
	margin:0 auto;
	display:flex;
	border-radius:0.5em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.main .ferreteros .cont-ferreteros .conta{
	width:50%;
	padding:50px;
	background:#fff;
	border-radius:0.5em 0 0 0.5em;
}

.main .ferreteros .cont-ferreteros .conta a{
	text-decoration: none !important;
}

.main .ferreteros .cont-ferreteros .conta h2, .main .ferreteros .cont-ferreteros .conta h4{
	font-family: 'Varela Round', sans-serif;
	margin-bottom:0.8em;
}

.main .ferreteros .cont-ferreteros .conta h3{
	font-family: 'Raleway', sans-serif;
	text-align:center;
}

.main .ferreteros .cont-ferreteros .conta p{
	font-family: 'Raleway', sans-serif;
	text-align:justify;
}

.main .ferreteros .cont-ferreteros .conta .cont-marcas{
	width:100%;
	margin:1em 0;
}

.main .ferreteros .cont-ferreteros .conta .cont-marcas img{
	display:block;
	margin:0 auto;
	border-radius:0.5em;
}

.main .ferreteros .cont-ferreteros .foto{
	width:50%;
	background-image:url(../imagenes/foto-ferreteros-ferroelectricoslaganga.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius:0 0.5em 0.5em 0;
}

.main .productos{
	width:100%;
	padding:100px 0;
	background-image:url(../imagenes/collage-ferroelectricoslaganga.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
}

.main .productos h1{
	font-family: 'Varela Round', sans-serif;
	text-align:center;
	color:#fff;
	text-shadow:0 2px #000;
	margin-bottom:1.5em;
}

.main .productos .cont-productos{
	width:1250px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.main .productos .cont-productos .info-productos{
	width:300px;
	border-radius:0.5em;
	padding:0.7em;
	background:#fff;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
	margin:1em 0;
	text-align:center;
}

.main .productos .cont-productos .info-productos .imagen-productos{
	width:280px;
	height:220px;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	border-radius:0.5em;
	margin-bottom:1em;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.4);
}

.imagen-productos .mascara, .imagen-productos .contenido {
	width: 280px;
	height: 220px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.imagen-productos img {
display: block;
position: relative;

}

.imagen-productos h3 {
font-family: 'Pavanam', sans-serif;
color: #fff;
text-shadow:0 2px #000;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(236, 126, 13, 0.9);
margin: 50px 0 0 0
}

.imagen-productos p {
font-family: 'Roboto', sans-serif;
font-size: 16px;
position: relative;
color: #fff;
text-shadow:0 2px #000;
padding: 10px 20px 10px;
text-align: center
}

.imagen-productos a.link {
font-family: 'Pavanam', sans-serif;
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #222;
color: #fff;
margin-top:-0.5em !important;
box-shadow: 0 0 1px #000
}

.imagen-productos a.link:hover {
box-shadow: 0 0 5px #000;
cursor:pointer;
}

.ejemplo-1 img {
transition: all 0.2s linear;
}
.ejemplo-1 .mascara {
opacity: 0;
background-color: rgba(0,69,30, 0.4);
transition: all 0.3s ease-in-out;
}
.ejemplo-1 h3 {
transform: translateX(-200px);/*Desplazamos a la izquierda*/
opacity: 0;
transition: all 0.7s ease-in-out;
}
.ejemplo-1 p {
transform: translateX(200px);/*Desplazamos a la derecha*/
opacity: 0;
transition: all 0.4s linear;
}
.ejemplo-1 a.link{
opacity: 0;
transition: all 0.4s ease-in-out;
transform: translateY(100px)/*Desplazamos para abajo*/
}
.ejemplo-1:hover img {
transform: scale(1.1);/*Damos un ligero zoom a la imagen*/
}
.ejemplo-1:hover .mascara {
opacity: 1;
}
.ejemplo-1:hover h3,
.ejemplo-1:hover p,
.ejemplo-1:hover a.link {
opacity: 1;
transform: translateX(0px);/*Regresamos a las posiciones originales*/
}
.ejemplo-1:hover p {
transition-delay: 0.1s;
}
.ejemplo-1:hover a.link {
transition-delay: 0.2s; /*Aplicamos un pequeño retardo para que se muestre al final*/
transform: translateY(0px);
background:#EA0000;

}

.main .productos .cont-productos .info-productos h3{
	font-family: 'Varela Round', sans-serif;
}

.main .productos .cont-productos .info-productos a{
	font-family: 'Raleway', sans-serif; 
	text-decoration: none !important;
	color:#fff;
}

.main .destacados{
	width:100%;
	background:radial-gradient(#EC880D,#EC880D,#CB750C);
	color:#fff;
	padding:90px 0;
}

.main .destacados h1{
	font-family: 'Varela Round', sans-serif;
	text-align:center;
	margin-bottom:1.5em;
}

.main .destacados .cont-destacados{
	width:1250px;
	margin:0 auto;
}

.main .destacados .cont-destacados .info-destacados{
	width:1000px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.main .destacados .cont-destacados .info-destacados .texto-destacados{
	width:350px;
	text-align:justify;
}

.main .destacados .cont-destacados .info-destacados .texto-destacados h2{
	font-family: 'Varela Round', sans-serif;
	text-align:left;
}

.main .destacados .cont-destacados .info-destacados .texto-destacados img{
	margin:1em 0;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.5);
}

.main .destacados .cont-destacados .info-destacados .texto-destacados .cont-precios{
	width:100%;
	display:flex;
	align-items:center;
}

.main .destacados .cont-destacados .info-destacados .imagen-destacados{
	width:600px;
	margin-left:0.5em;
}

.main .destacados .cont-destacados .info-destacados .imagen-destacados img{
	width:100%;
}

.main .noticias{
	width:100%;
	background:#f5f5f5;
	padding:90px 0;
}

.main .noticias .cont-noticias{
	width:1170px;
	margin: 0 auto;
	display:flex;
	align-items:center;
}

.main .noticias .cont-noticias .conta{
	width:800px;
}

.main .noticias .cont-noticias .conta h1{
	font-family: 'Varela Round', sans-serif;
}

.main .noticias .cont-noticias .conta .scroll-noticias{
	width:100%;
	height:450px;
	overflow-Y:scroll;
	margin-top:2.5em;
}

.main .noticias .cont-noticias .conta .scroll-noticias .info-noticias{
	width:100%;
	display:flex;
	align-items:center;
	padding:1em 0 2em 0;
	border-bottom:1px solid #ddd;
}

.main .noticias .cont-noticias .conta .scroll-noticias .info-noticias .multimedia{
	width:270px;
	height:186px;
	box-shadow:0 0.35em 0.6em rgba(0,0,0,0.45);
}

.main .noticias .cont-noticias .conta .scroll-noticias .info-noticias .texto{
	width:480px;
	margin-left:1.5em;
	padding-right:0.5em;
}

.main .noticias .cont-noticias .conta .scroll-noticias .info-noticias .texto h3{
	font-family: 'Varela Round', sans-serif;
	margin-bottom:0.8em;
}

.main .noticias .cont-noticias .conta .scroll-noticias .info-noticias .texto p{
	font-family: 'Raleway', sans-serif;
	text-align:justify;
}

.main .noticias .cont-noticias .conta .scroll-noticias .info-noticias .texto a{
	font-family: 'Pavanam', sans-serif;
	font-size:13px;
	text-decoration: none;
	color:#EC880D;
	transition:all 0.5s ease;
}

.main .noticias .cont-noticias .conta .scroll-noticias .info-noticias .texto a:hover{
	color:#00451E;
}

.main .noticias .cont-noticias .contb{
	width:350px;
	margin-left:2em;
	text-align:center;
	
}

.main .noticias .cont-noticias .contb h3{
	font-family: 'Roboto', sans-serif;
	margin-bottom:0.8em;
}

.main .noticias .cont-noticias .contb img{
	display:block;
	margin:0 auto !important;
	margin-bottom:1em !important;
	border-radius:0.5em;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);

}

.main .prestamos{
	width:100%;
	padding:90px 0;
	background:#eee;
}

.main .prestamos .cont-prestamos{
	width:1170px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}

.main .prestamos .cont-prestamos .cont-imagen{
	width:30%;
	background-image:url(../imagenes/foto-creditos.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius:0.5em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.main .prestamos .cont-prestamos .cont-texto{
	width:70%;
	padding:2em 3em;
}

.main .prestamos .cont-prestamos .cont-texto h2{
	font-family: 'Varela Round', sans-serif;
	margin-bottom:0.8em;
	text-align:center;
}

.main .prestamos .cont-prestamos .cont-texto img{
	display:block;
	width:400px;
	margin:0 auto !important;
	margin-top:2em !important;
	margin-bottom:2em !important;
	border-radius:0.35em;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
}

.main .prestamos .cont-prestamos .cont-texto p{
	font-family: 'Nanum Gothic', sans-serif;
	text-align:justify;
	margin:0;
}

.main .prestamos .cont-prestamos .cont-texto .extra-info{
	width:100%;
	display:flex;
	align-items:center;
	padding:1em 0;
	border-bottom:1px solid #ddd;
}

.main .prestamos .cont-prestamos .cont-texto .extra-info span{
	background:#EC880D;
	color:#fff;
	border: none;
	border-radius:100%;
	padding:0.4em;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.4);
	margin-right:0.7em;
}

.main .prestamos .cont-prestamos .cont-texto a{
	text-decoration: none !important;
	outline: none !important;
	color:#fff !important;
}

.main .registros{
	width:100%;
	padding:50px 0;
	background:radial-gradient(#00451E,#00451E,#003315);
	color:#fff;
}

.main .registros .cont-registros{
	width:980px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.main .registros .cont-registros p{
	font-family: 'Varela Round', sans-serif;
	font-size:1.8em;
	margin-top:0.5em;
}

/* MODAL REGISTROS */
.modal-registros{
	display: none;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}

.modal-registros .cont-modalregistros{
	width:700px;
	margin:0 auto !important;
	margin-top:1em !important;
	padding:1.5em;
	background:#f5f5f5;
	border-radius:0.5em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
	
}

.modal-registros .cont-modalregistros img{
	display:block;
	width:70%;
	margin:0 auto !important;
	margin-bottom:1em !important;
	box-shadow: 0 0.3em 0.5em rgba(0,0,0,0.3);
}

.modal-registros .cont-modalregistros .cont-formulario{
	width:100%;
}

.modal-registros .cont-modalregistros .cont-formulario h2{
	font-family: 'Varela Round', sans-serif;
	text-align:center;
}

.modal-registros .cont-modalregistros .cont-formulario form input[type="text"], .modal-registros .cont-modalregistros .cont-formulario form input[type="email"]{
	display:block;
	margin:0 auto !important;
	margin-bottom:0.3em !important;
	width:80%;
	border:1px solid #ccc;
	padding:10px;
}

.modal-registros .cont-modalregistros .cont-formulario form input[type="submit"]{
	display:block;
	margin:0 auto !important;
	margin-top:0.5em !important;
	background:#EC880D;
	padding:10px 65px;
	color:#fff;
	border: none;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
	transition:all 0.5s ease;
}


.modal-registros .cont-modalregistros .cont-formulario form input[type="submit"]:hover{
	background:#FC0;
}


.main .ubicacion{
	width:100%;
	background:#f5f5f5;
	padding:90px 0;
}

.main .ubicacion h1{
	font-family: 'Varela Round', sans-serif;
	text-align:center;
}

.main .ubicacion .cont-ubicacion{
	width:1170px;
	height:300px;
	margin:0 auto !important;
	margin-top:2.5em !important;
	margin-bottom:1.5em !important;
	background:#fff;
	padding:1em;
	border-radius:0.5em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.main .contactenos{
	width:100%;
	padding:100px 0;
	background-image:url(../imagenes/fondo-contacto.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
}

.main .contactenos .cont-contactenos{
	width:1170px;
	margin:0 auto;
	border-radius:0.5em;
	display:flex;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
}

.main .contactenos .cont-contactenos .conta{
	width:50%;
	padding:50px;
	background:#fff;
	border-radius:0.5em 0 0 0.5em;
}

.main .contactenos .cont-contactenos .conta h1, .main .contactenos .cont-contactenos .conta h2{
	font-family: 'Varela Round', sans-serif;
	margin-bottom:0.5em;
}

.main .contactenos .cont-contactenos .conta .extra-info{
	width:100%;
	display:flex;
	align-items:center;
	margin:0.5em 0;
}

.main .contactenos .cont-contactenos .conta .extra-info span{
	font-size:1.5em;
	padding:0.4em;
	border-radius:100%;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
	background:#EC880D;
	color:#fff;
}

.main .contactenos .cont-contactenos .conta .extra-info p{
	font-family: 'Roboto', sans-serif;
	font-size:1.45em;
	margin:0.2em 0 0 0.8em;
}

.main .contactenos .cont-contactenos .conta p{
	font-family: 'Raleway', sans-serif;
	text-align:justify;
}

.main .contactenos .cont-contactenos .conta form input[type="text"], .main .contactenos .cont-contactenos .conta form input[type="tel"], .main .contactenos .cont-contactenos .conta form input[type="email"]{
	font-family: 'Raleway', sans-serif;
	font-size:13.5px;
	width:100%;
	outline: none;
	border: none;
	border-bottom:1px solid #ccc;
	padding:15px 5px;
}

.main .contactenos .cont-contactenos .conta form textarea{
	font-family: 'Raleway', sans-serif;
	font-size:13.5px;
	width:100%;
	max-width:100%;
	min-width:100%;
	height:100px;
	max-height:100px;
	min-height:100px;
	outline: none;
	border: none;
	border-bottom:1px solid #ccc;
	padding:15px 5px;
}

.main .contactenos .cont-contactenos .conta form input[type="submit"]{
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	width:100%;
	height:40px;
	border: none;
	background:#EC880D;
	color:#fff;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
	margin:1em 0;
	transition:all 0.5s ease;
}

.main .contactenos .cont-contactenos .conta form input[type="submit"]:hover{
	background:#FC0;
}

.error{
	display: none;
	font-family: 'Raleway', sans-serif;
	font-size:11px !important;
	color:#F00 !important;
}

.main .contactenos .cont-contactenos .foto{
	width:50%;
	background-image:url(../imagenes/recepcionista-laganga.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius:0 0.5em 0.5em 0;
}

footer{
	width:100%;
	background:radial-gradient(#EC880D,#EC880D,#CB750C);
	color:#fff;
	padding-top:2em;
}

footer img{
	display:block;
	margin:0 auto !important;
	margin-bottom:1em !important;	
	width:250px;
}

footer .cont-pie{
	width:1170px;
	margin: 0 auto;
	display:flex;
	justify-content:space-between;
	border-top:1px solid #fff;
	padding:1.5em 0 2.5em 0;
}

footer .cont-pie .info-pie h1{
	font-family: 'Varela Round', sans-serif;
	text-shadow:0 2px #000;
}

footer .cont-pie .info-pie .extra-info{
	font-family: 'Roboto', sans-serif;
	font-size:1.4em;
	display:flex;
	align-items:center;
	margin:0.5em 0;
}

footer .cont-pie .info-pie .extra-info span{
	background:#00451E;
	color:#fff;
	padding:0.4em;
	border-radius:100%;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
}

footer .cont-pie .info-pie .extra-info p{
	margin:0.2em 0 0 0.5em;
}

footer .cont-pie .info-pie ul{
	font-family: 'Roboto', sans-serif;
	font-size:1.4em;
	list-style: none;
}

footer .cont-pie .info-pie ul li a{
	text-decoration: none;
	color:#fff;
	transition:all 0.5s ease;
}

footer .cont-pie .info-pie ul li a:hover{
	opacity:0.5;
}

footer .cont-pie .info-pie .redes-footer{
	display:flex;
	align-items:center;
}

footer .cont-pie .info-pie .redes-footer a{
	text-decoration: none !important;
}

footer .cont-pie .info-pie .redes-footer span{
	background:#00451E;
	font-size:1.5em;
	color:#fff;
	padding:0.4em;
	border-radius:100%;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
	margin:0 0.2em;
	transition:all 0.5s ease; 
}

footer .cont-pie .info-pie .redes-footer span:hover{
	background:#FC0;
}

footer .desarrollador{
	font-family: 'Pavanam', sans-serif;
	font-size:12px;
	width:100%;
	overflow:hidden;
	background:#B5680B;
	color:#fff;
	text-align:center;
}

footer .desarrollador p{
	margin-top:0.8em;
}

footer .desarrollador a{
	text-decoration: none;
	color:#fff;
}

footer .desarrollador a:hover{
	text-decoration:underline;
}

@media screen and (max-width:900px){
/* TIENDA ONLINE MNTENIMIENTO */
.tienda .cont-tienda{
	width:95%;
	margin:0 auto;
	background-image:url(../imagenes/fondo-mantenimiento.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius:0.5em;
	position:relative;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
}

.tienda .cont-tienda .texto-mantenimiento{
	width:95%;
	background:rgba(255,255,255,0.5);
	position:absolute;
	top:10%;
	left:50%;
	transform:translateX(-50%);
	padding:0.5em;
	text-align:center;
	font-weight:bold;
	color:#333;
	border-radius:0.35em;
}

/* MODAL ENTREGAS */
.modal-entregas .cont-modalentregas{
	width:90%;
	margin:0 auto !important;
	margin-top:1em !important;
	border-radius:0.5em;
	display: block;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.75);
}

.modal-entregas .cont-modalentregas .conta{
	width:100%;
	height:150px;
	background-image:url(../imagenes/foto-envios-ferroelectricoslaganga.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius:0.5em 0.5em 0 0;
}

.modal-entregas .cont-modalentregas .contb{
	width:100%;
	height:300px;
	overflow-Y:scroll;
	padding:2em;
	background:#f5f5f5;
	border-radius:0;
}

.modal-entregas .cont-modalentregas .contb .cont-llamar{
	width:200px;
	margin-left:0 !important;
	margin-top:1em !important;
	padding:1em;
	border:1px solid #ccc;
	display:flex;
	align-items:center;
}

.precio-viejo{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#eee !important;
	margin-right:1em;
	text-decoration:line-through;
}

.precio-nuevo{
	font-family: 'Roboto', sans-serif;
	font-size:25px;
	font-weight:bold;
	margin-left:0;
}

.menu-pc{
	display: none;
}

.menu-fixed{
	display: none;
}

.menu-mobile{
	display: block;
	width:100%;
	background:#fff;
	padding:0 20px;
	position:fixed;
	top:0;
	left:0;
	border-bottom:1px solid #eee;
	z-index:9999;
}

.menu-mobile .barra{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.menu-mobile .barra a{
	text-decoration: none !important;
	color:#000;
}

.menu-mobile .barra .logo{
	width:100px;
	height:100px;
}

.menu-mobile .barra span{
	font-size:2.5em;
	color:#000;
}

.menu-mobile .menu-principal{
	width:70%;
	background:#fff;
	border-right:1px solid #eee;
	position:fixed;
	top:101px;
	left:-100%;
	z-index:9999;
}

.menu-mobile .menu-principal a{
	font-family: 'Raleway', sans-serif;
	display:block;
	padding:10px;
	border-bottom:1px solid #eee;
	text-decoration: none;
	color:#000;
	transition:all 0.5s ease;
}

.menu-mobile .menu-principal a:hover{
	background:#eee;
}

.main{
	margin-top:100px;
}


.main .banner-principal .texto-banner{
	width:90%;
	background:rgba(0,0,0,0.3);
	padding:0 0.5em 1.5em 0.5em;
	text-align:center;
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.main .banner-principal .texto-banner h1{
	font-family: 'Varela Round', sans-serif;
	font-size:2.2em;
	text-shadow:0 2px #000;
}

.main .banner-principal .texto-banner p{
	font-family: 'Roboto', sans-serif;
	font-size:1.1em;
	margin:-0.4em 0 0.8em 0;
	text-shadow:0 2px #000;
}

/* BANNER REGISTROS GRACIAS */

.banner-registros .texto-banner-registros h1{
	font-family: 'Varela Round', sans-serif;
	font-size:2.5em;
	text-shadow:0 2px #000;
}

.banner-registros .texto-banner-registros p{
	font-family: 'Roboto', sans-serif;
	font-size:1.3em;
	text-shadow:0 2px #000;
	margin:0 0 0.8em 0;
}

.main .fortalezas .cont-fortalezas{
	width:90%;
	margin:0 auto;
	display: block;
}

.main .fortalezas .cont-fortalezas .info-fortalezas{
	width:280px;
	height:180px;
	position: relative;
	margin:0 auto !important;
	margin-top:1.5em !important;
	margin-bottom:1.5em !important;
	text-align: center;
	cursor: default;
	border-radius:0.5em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.main .nosotros .cont-nosotros{
	width:90%;
	margin:0 auto;
	display: block;
}

.main .nosotros .cont-nosotros .slider-nosotros{
	width:100%;
	max-width:620px;
	height:300px;
	position:relative;
	margin: 0 auto !important;
	margin-bottom:1.8em !important;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.main .nosotros .cont-nosotros .texto-nosotros{
	width:100%;
	background:#eee;
	border-radius:0.5em;
	padding:2em 2.5em;
	margin-left:0;
}

.main .ferreteros .cont-ferreteros{
	width:90%;
	margin:0 auto;
	display: block;
	border-radius:0.5em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.main .ferreteros .cont-ferreteros .conta{
	width:100%;
	padding:40px;
	background:#fff;
	border-radius:0.5em;
}

.main .ferreteros .cont-ferreteros .foto{
	display: none;
}

.main .productos .cont-productos{
	width:90%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.main .productos .cont-productos .info-productos{
	width:300px;
	border-radius:0.5em;
	padding:0.7em;
	background:#fff;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
	margin:0 auto !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
}

.main .destacados .cont-destacados{
	width:90%;
	margin:0 auto;
}

.main .destacados .cont-destacados .info-destacados{
	width:80%;
	margin:0 auto;
	display: block;
}

.main .destacados .cont-destacados .info-destacados .texto-destacados{
	width:100%;
	text-align:justify;
}

.main .destacados .cont-destacados .info-destacados .texto-destacados h2{
	font-family: 'Varela Round', sans-serif; 
}

.main .destacados .cont-destacados .info-destacados .texto-destacados img{
	display: block;
	margin:0 auto !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.5);
}

.main .destacados .cont-destacados .info-destacados .texto-destacados .cont-precios{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}

.main .destacados .cont-destacados .info-destacados .imagen-destacados{
	width:100%;
	margin-left:0;
}

.main .noticias .cont-noticias{
	width:90%;
	margin: 0 auto;
	display: block;
}

.main .noticias .cont-noticias .conta{
	width:100%;
}

.main .noticias .cont-noticias .conta h1{
	font-family: 'Varela Round', sans-serif;
}

.main .noticias .cont-noticias .conta .scroll-noticias{
	width:100%;
	height:450px;
	overflow-Y:scroll;
	margin-top:2.5em;
	padding:0.5em;
}

.main .noticias .cont-noticias .conta .scroll-noticias .info-noticias{
	width:100%;
	display: block;
	padding:1em 0 2em 0;
	border-bottom:1px solid #ddd;
}

.main .noticias .cont-noticias .conta .scroll-noticias .info-noticias .multimedia{
	width:100%;
	max-width:270px;
	height: auto;
	max-height:186px;
	margin: 0 auto !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
	box-shadow:0 0.35em 0.6em rgba(0,0,0,0.45);
}

.main .noticias .cont-noticias .conta .scroll-noticias .info-noticias .texto{
	width:100%;
	margin-left:0;
	padding-right:0;
}

.main .noticias .cont-noticias .contb{
	width:100%;
	margin-left:0;
	margin: 0 auto !important;
	margin-top:2.5em !important;
	text-align:center;
}

.main .noticias .cont-noticias .contb img{
	width:100%;
	max-width:320px;
	display:block;
	margin:0 auto !important;
	margin-bottom:1em !important;
	border-radius:0.5em;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
}

.main .registros .cont-registros{
	width:90%;
	margin:0 auto;
	display: block;
	text-align:center;
}

.main .registros .cont-registros p{
	font-family: 'Varela Round', sans-serif;
	font-size:1.8em;
	margin-top:0.5em;
	
}

.modal-registros .cont-modalregistros{
	width:90%;
	margin:0 auto !important;
	margin-top:1em !important;
	padding:1.5em;
	background:#f5f5f5;
	border-radius:0.5em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
	
}

.main .prestamos .cont-prestamos{
	width:90%;
	margin:0 auto;
	display: block;
}

.main .prestamos .cont-prestamos .cont-imagen{
	width:100%;
	height:190px;
	border-radius:0.5em;
	background-image:url(../imagenes/foto-creditos.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.main .prestamos .cont-prestamos .cont-texto{
	width:100%;
	padding:2em;
}

.main .prestamos .cont-prestamos .cont-texto img{
	display:block;
	width:100%;
	max-width:400px;
	margin:0 auto !important;
	margin-top:2em !important;
	margin-bottom:2em !important;
	border-radius:0.35em;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
}

.main .ubicacion{
	width:100%;
	background:#f5f5f5;
	padding:90px 0;
}

.main .ubicacion h1{
	font-family: 'Varela Round', sans-serif;
	text-align:center;
}

.main .ubicacion .cont-ubicacion{
	width:90%;
	height:300px;
	margin:0 auto !important;
	margin-top:2.5em !important;
	margin-bottom:1.5em !important;
	background:#fff;
	padding:1em;
	border-radius:0.5em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.main .contactenos .cont-contactenos{
	width:95%;
	margin:0 auto;
	border-radius:0.5em;
	display: block;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
}

.main .contactenos .cont-contactenos .conta{
	width:100%;
	padding:20px 15px;
	background:#fff;
	border-radius:0.5em;
}

.main .contactenos .cont-contactenos .conta .extra-info{
	width:100%;
	display: block;
	margin:0.5em 0;
	text-align:center;
}

.main .contactenos .cont-contactenos .conta .extra-info p{
	font-family: 'Roboto', sans-serif;
	font-size:1.1em;
	margin:1em 0 !important;
	text-align:center;
}

.main .contactenos .cont-contactenos .foto{
	display: none;
}

footer .cont-pie{
	width:90%;
	margin: 0 auto;
	display: block;
	border-top:1px solid #fff;
	padding:1.5em 0 2.5em 0;
}

footer .cont-pie .info-pie .extra-info{
	font-family: 'Roboto', sans-serif;
	font-size:1.25em;
	display:flex;
	margin:0.5em 0;
}

}

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

.textoemailfooter{
	font-size:15px !important;
	
}

}