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

@keyframes animarnumero{
	0%{
		transform:scale(1);
	  }
	50%{
		transform:scale(0.5);
	   }
	100%{
		transform:scale(1);
	    }
}

@keyframes animarslogan{
	0%{
		transform:scale(1);
	  }
	50%{
		transform:scale(0.6);
		}
	100%{
		transform:scale(1);
	    }
}

@keyframes animarfondo{
	0%{
		transform:scale(1);
	  }
	50%{
		transform:scale(1.2);
		}
	100%{
		transform:scale(1);
	    }
}

@keyframes animarbtncotizador{
	0%{
		transform:scale(1);
	  }
	50%{
		transform:scale(0.8);
	   }
	100%{
		transform:scale(1);
	    }
	
}

@keyframes animarmodal{
	0%{
		transform: scale(0.5);
	  }
	100%{
		transform:scale(1);
	    }
}

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


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

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

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

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

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

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

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

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

/* BOTON WHATSAPP FLOTANTE*/
.btn-wpf{
	padding:0.35em;
	text-align:center;
	position:fixed;
	bottom:50px;
	right:5px;
	z-index:999;
	margin-right:-60px;
	transition:all 0.5s ease;	
}

.btn-wpf:hover{
	animation:animarWPF infinite 1s;
}

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

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

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

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

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

.colornaranja{
	color:#FF7F00;
}

.colorojo{
	color:#F00;
}

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

.textopeque{
	font-size:13px !important;
}

.btn-cerrar{
	background:#0099CC;
	color:#fff;
	border-radius:100%;
	padding:0.5em;
	text-align:center;
	position:absolute;
	top:20px;
	right:20px;
	z-index:9999;
	transition:all 0.5s ease;
}

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

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

.btn-desarrollos{
	font-family: 'Montserrat', sans-serif;
	background:#0092C1;
	color:#fff;
	border: none;
	border-radius:0.3em;
	padding:10px 30px;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
	transition:all 0.5s ease;
}

.btn-desarrollos:hover{
	background:#00BFFF;
}

.btn-cotizador{
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	display:block;
	margin:0 auto !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
	width:350px;
	height:45px;
	background:#0099CC;
	color:#fff;
	outline: none !important;
	border: none;
	border-radius:0.4em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.btn-cotizador:hover{
	animation:animarbtncotizador infinite 1s;
}

.btn-whatsapp{
	font-family: 'Montserrat', sans-serif;
	display:block;
	margin:0 auto !important;
	margin-top:1em !important;
	background:#0099CC;
	color:#fff;
	border:none;
	border-radius:0.3em;
	padding:10px 40px;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
	transition:all 0.5s ease;
}

.btn-whatsapp:hover{
	background:#00BFFF;
}

.btn-marketing{
	font-family: 'Montserrat', sans-serif;
	background:#09C;
	color:#fff;
	border: none;
	border-radius:0.4em;
	padding:10px 35px;
	margin:1em 0;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
	transition:all 0.5s ease;
}

.btn-marketing:hover{
	background:#00BFFF;
	cursor:pointer;
}

.menu-mobile{
	display: none;
}

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

.menu-pc .logo{
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.5);
	border-radius:0.35em;
}

.menu-pc .logo img{
	border-radius:0.35em;
}

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

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

.menu-pc .informacion{
	display:flex;
	align-items:center;
}

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

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

.menu-pc .informacion span:hover{
	background:#00BFFF;
}

.menu-pc .informacion h4{
	font-family: 'Titillium Web', sans-serif;
	color:#fff;
	text-shadow:0 1.5px #000;
	margin:0 0 0 0.5em;
	transition:all 0.5s ease;
}

.menu-pc .informacion h4:hover{
	animation:animarnumero 1 1s;
}

/* MENU FIXED */
.menu-fixed{
	width:100%;
	height:100px;
	padding:0 40px;
	background:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:-100px;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	transition:all 0.5s ease;
}

.menu-fixed .logo{
	border-radius:0.35em;
}

.menu-fixed .logo img{
	border-radius:0.35em;
}

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

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

.menu-fixed .informacion{
	display:flex;
	align-items:center;
}

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

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

.menu-fixed .informacion span:hover{
	background:#00BFFF;
}

.menu-fixed .informacion h4{
	font-family: 'Titillium Web', sans-serif;
	color:#000;
	margin:0 0 0 0.5em;
	transition:all 0.5s ease;
}

.menu-fixed .informacion h4:hover{
	animation:animarnumero 1 1s;
}

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

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

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

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

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

.main .banner-principal .texto-banner p{
	font-family: 'Montserrat', sans-serif;
	text-shadow:0 1.5px #000;
	font-size:1.4em;
	margin:-0.5em 0 0.8em 0;
}

.main .banner-principal .texto-banner a{
	font-family: 'Montserrat', sans-serif;
	background:#0099CC;
	color:#fff;
	border: none;
	border-radius:0.3em;
	padding:10px 35px;
	text-decoration: none !important;
	outline: none !important;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.5);
	transition:all 0.5s ease;
}

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

.main .nosotros{
	width:100%;
	padding:90px 0;
	background:#f5f5f5;
	margin-top:-0.7em;
}

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

.main .nosotros .cont-nosotros .texto{
	width:480px;
}

.main .nosotros .cont-nosotros .texto h1{
	font-family: 'Montserrat', sans-serif;
	margin-bottom:0.8em;
}

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

.main .nosotros .cont-nosotros .texto .extra-info span{
	background:#0099CC;
	color:#fff;
	font-size:1.3em;
	border-radius:100%;
	padding:0.4em;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
}

.main .nosotros .cont-nosotros .texto .extra-info p{
	font-family: 'Titillium Web', sans-serif;
	font-size:1.35em;
	text-align:justify;
	margin:0 0 0 0.8em;
}

.main .nosotros .cont-nosotros img{
	background:#fff;
	padding:0.5em;
	border-radius:0.5em;
	margin-top:2em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.main .sloganGMS{
	width:100%;
	padding:35px 10px;
	text-align:center;
	background-image:url(../imagenes/fondo-slogan.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
	color:#fff;
}

.main .sloganGMS h2{
	font-family: 'Montserrat', sans-serif;
	text-shadow:0 1.2px #000;
	margin-bottom:0.8em;
	animation:animarslogan 3 2s;
}

.main .sloganGMS a{
	font-family: 'Montserrat', sans-serif;
	background:#0099CC;
	color:#fff;
	text-decoration: none !important;
	outline: none !important;
	border: none;
	border-radius:0.3em;
	padding:10px 30px;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
	transition:all 0.5s ease;
}

.main .sloganGMS a:hover{
	background:#00BFFF;
}

.main .desarrollos{
	width:100%;
	padding:90px 0;
	background:radial-gradient(#0E39A0,#071F54);
	color:#fff;
}

.main .desarrollos h2{
	font-family: 'Montserrat', sans-serif;
	font-size:2.5em;
	text-align:center;
	margin-bottom:0.5em;
}

.main .desarrollos .descripcion{
	font-family: 'Titillium Web', sans-serif;
	font-size:1.35em;
	text-align:center;
	padding:0 3em;
}

.main .desarrollos .cont-desarrollos{
	width:1170px;
	margin:0 auto !important;
	margin-top:2.5em !important;
	display:flex;
	background:#fff;
	border-radius:0.5em;
	box-shadow: 0 0.5em 1em rgba(0,0,0,0.35);
}

.main .desarrollos .cont-desarrollos .conta{
	width:75%;
	padding:2em 2.5em;
	color:#000;
	border-radius:0.5em 0 0 0.5em;
}

.main .desarrollos .cont-desarrollos .conta h2{
	font-family: 'Montserrat', sans-serif;
	margin-bottom:0.8em;
}

.main .desarrollos .cont-desarrollos .conta p{
	font-family: 'Titillium Web', sans-serif;
	font-size:16px;
	text-align:justify;
}

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

.main .desarrollos .cont-desarrollos .conta .slider-desarrollos{
	width:100%;
	margin-top:1.5em;
}

.main .desarrollos .cont-desarrollos .conta .slider-desarrollos .cont-slider{
	width:650px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.main .desarrollos .cont-desarrollos .conta .slider-desarrollos .cont-slider .texto{
	width:290px;
	border:1px solid #ddd;
	padding:2em;
	border-radius:0.3em;
}

.main .desarrollos .cont-desarrollos .conta .slider-desarrollos .cont-slider .texto h5{
	font-family: 'Titillium Web', sans-serif;
	font-size:1.6em;
	font-weight:bold;
}

.main .desarrollos .cont-desarrollos .conta .slider-desarrollos .cont-slider .texto a{
	color:#F00;
	font-weight:bold;
	text-decoration: none !important;
	outline: none !important;
	opacity:0.8;
	transition:all 0.5s ease;
}

.main .desarrollos .cont-desarrollos .conta .slider-desarrollos .cont-slider .texto a:hover{
	opacity:1;
}

.main .desarrollos .cont-desarrollos .contb{
	width:25%;
	background-image: url(../imagenes/desarrolladores-web.jpg);
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
	border-radius:0 0.5em 0.5em 0;
}

.main .websites{
	width:100%;
	height:700px;
	overflow:hidden;
	position:relative;
}

.main .websites .imagenfondo{
	width:100%;
	z-index:-1;
	animation:animarfondo infinite 10s;
}

.main .websites .cont-web{
	width:1170px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.main .websites .cont-web img{
	width:500px;
}

.main .websites .cont-web .texto{
	width:650px;
	background:rgba(0,0,0,0.65);
	color:#fff;
	padding:2em 3em;
	border-radius:0.3em;
	box-shadow:0 0.5em 0.7em rgba(0,0,0,0.65);
}

.main .websites .cont-web .texto h1{
	font-family: 'Montserrat', sans-serif;
	text-shadow:0 1px solid #000;
}

.main .websites .cont-web .texto h4{
	font-family: 'Montserrat', sans-serif;
	text-shadow:0 1px #000;
}

.main .websites .cont-web .texto .texto-scroll{
	width:100%;
	height:320px;
	overflow-Y:scroll;
	padding-right:0.5em;
	margin:1em 0;
}

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

.main .websites .cont-web .texto .texto-scroll .extra-info span{
	background: #0099CC;
	color:#fff;
	border-radius:100%;
	padding:0.4em;
	margin-right:1em;
	box-shadow:0 0.3em 0.6em rgba(0,0,0,0.8);
}

.main .websites .cont-web .texto .texto-scroll p{
	font-family: 'Titillium Web', sans-serif;
	font-size:16.5px;
	text-align:justify;
	margin:0;
	text-shadow:0 1px #000;
}

.main .tiendasonline{
	width:100%;
	background:#f1f1f1;
	padding:90px 0;
}

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

.main .tiendasonline .cont-tiendasonline .conta{
	width:250px;
	height:550px;
	background-image: url(../imagenes/foto-ecommerce.jpg);
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
	border-radius:0.35em;
	box-shadow:0 0.3em 0.6em rgba(0,0,0,0.4);
}

.main .tiendasonline .cont-tiendasonline .contb{
	width:895px;
	padding:1em 2em;
}

.main .tiendasonline .cont-tiendasonline .contb h1{
	font-family: 'Montserrat', sans-serif;
	margin-bottom:0.5em;
}

.main .tiendasonline .cont-tiendasonline .contb p{
	font-family: 'Titillium Web', sans-serif;
	font-size:16.5px;
	text-align:justify;
	margin:0;
}

.main .tiendasonline .cont-tiendasonline .contb ul{
	font-family: 'Titillium Web', sans-serif;
	font-size:16.5px;
	text-align:justify;
	margin-left:1.2em;
}

.main .tiendasonline .cont-tiendasonline .contb .scroll-contb{
	width:100%;
	height:329px;
	overflow-Y:scroll;
	padding-right:0.5em;
	margin:1.3em 0;
}

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

.main .tiendasonline .cont-tiendasonline .contb .scroll-contb .extra-info span{
	background: #0099CC;
	color:#fff;
	border-radius:100%;
	padding:0.4em;
	margin:0 1em 0 0.5em;
	box-shadow:0 0.3em 0.6em rgba(0,0,0,0.4);
}

.main .tiendasonline .cont-tiendasonline .contb .scroll-contb h2{
	font-family: 'Titillium Web', sans-serif;
	margin:1em 0;
	text-align:center;
}

.main .tiendasonline .cont-tiendasonline .contb .scroll-contb .contenido2{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-bottom:1em;
}

.main .tiendasonline .cont-tiendasonline .contb .scroll-contb .contenido2 .texto{
	width:400px;
}

.main .tiendasonline .cont-tiendasonline .contb .scroll-contb h3{
	font-family: 'Titillium Web', sans-serif;
	font-weight:bold;
}

.main .tiendasonline .cont-tiendasonline .contb .scroll-contb .contenido2 .imagen{
	width:350px;
	margin-right:1em;
}

.main .tiendasonline .cont-tiendasonline .contb .scroll-contb .contenido2 .imagen img{
	width:100%;
	border-radius:0.5em;
	box-shadow:0 0.4em 1em rgba(0,0,0,0.4);
}

.main .tiendasonline .cont-pagos{
	width:100%;
	margin:2em 0 1em 0;
}

.main .tiendasonline .cont-pagos h2{
	font-family: 'Montserrat', sans-serif;
	text-align:center;
}

.main .tiendasonline .cont-pagos p{
	font-family: 'Titillium Web', sans-serif;
	font-size:16.5px;
	padding:0 1em;
	text-align:center;
}

.main .tiendasonline .cont-pagos .slider-pagos{
	width:1200px;
	margin:0 auto !important;
	margin-top:2em !important;
	margin-bottom:2em !important;
}

.main .tiendasonline .cont-pagos .slider-pagos .cont-imgpagos{
	width:1050px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;

}

.main .tiendasonline .cont-pagos .slider-pagos .cont-imgpagos img{
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
	border-radius:0.35em;
	margin:0.5em 0 1em 0;
}

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

.modal-cotizador .cont-modalcotizador{
	width:1170px;
	margin:0 auto !important;
	margin-top:1.5em !important;
	border-radius:0.5em;
	display:flex;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.75);
}

.modal-cotizador .cont-modalcotizador .conta{
	width:50%;
	background-image:url(../imagenes/banner/desarrollo-paginas-web-gmsingenieria.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius:0.5em 0 0 0.5em;
}

.modal-cotizador .cont-modalcotizador .conta2{
	width:50%;
	background-image: url(../imagenes/banner/desarrollo-ecommerce-gmsingenieria.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius:0.5em 0 0 0.5em;
}

.modal-cotizador .cont-modalcotizador .contb{
	width:50%;
	padding:20px 30px;
	background:#f5f5f5;
	border-radius:0 0.5em 0.5em 0;
}

.modal-cotizador .cont-modalcotizador .contb h2{
	font-family: 'Montserrat', sans-serif;
	margin-bottom:0.8em;
}

.modal-cotizador .cont-modalcotizador .contb p{
	font-family: 'Titillium Web', sans-serif;
	font-size:16.5px;
	text-align:justify;
}

.modal-cotizador .cont-modalcotizador .contb .cont-formulario{
	width:400px;
	margin:0 auto !important;
	margin-top:1.5em !important;
	margin-bottom:1.5em !important;
}

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

.main .marketing h1{
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	text-shadow:0 1.5px #000;
	text-align:center;
}

.main .marketing .cont-marketing{
	width:1200px;
	margin:0 auto !important;
	margin-top:2.5em !important;
	display:flex;
	justify-content:space-between;
}

.main .marketing .cont-marketing .info-marketing{
	width:285px;
	background:#f5f5f5;
	border-radius:0.4em;
	text-align:center;
	padding:1em 0.5em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
	transition:all 0.5s ease;
}

.main .marketing .cont-marketing .info-marketing:hover{
	box-shadow:0 0.8em 1.5em rgba(0,0,0,0.95);
}

.main .marketing .cont-marketing .info-marketing .cont-imagen{
	width:260px;
	height:190px;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	margin:0 auto;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
}

.cont-imagen .mascara, .cont-imagen .contenido {
	width: 260px;
	height: 190px;
	margin:0 auto;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.cont-imagen img{
	width:100%;
	display: block;	
	position: relative;
}

.cont-imagen h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 16px;
padding: 10px;
background: rgba(0, 153, 204, 0.9);
margin: 50px 0 0 0 !important;
}

.cont-imagen p {
font-size: 14px;
position: relative;
color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:bold;
padding: 10px 20px 10px;
text-align: center;
}

.cont-imagen a.link {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #222;
color: #fff;
text-transform: uppercase;
box-shadow: 0 0 1px #000;
}

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

.ejemplo-1 img {
transition: all 0.2s linear;
}

.ejemplo-1 .mascara {
opacity: 0;
background-color: rgba(10,43,118,0.8);
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 .marketing .cont-marketing .info-marketing h3{
	font-family: 'Titillium Web', sans-serif;
	margin-top:1em;
}

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

.modal-marketing .cont-modalmarketing{
	width:1170px;
	margin:0 auto !important;
	margin-top:1.5em !important;
	display:flex;
	border-radius:0.5em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
	animation:animarmodal 1 1s;
}

.modal-marketing .cont-modalmarketing .conta{
	width:25%;
	background-image:url(../imagenes/foto-googleybing-das.jpg);
	background-repeat:no-repeat;
	background-position: right;
	background-size:cover;
	border-radius:0.5em 0 0 0.5em;
}

.modal-marketing .cont-modalmarketing .conta2{
	width:25%;
	background-image: url(../imagenes/foto-facebook-ads.jpg);
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
	border-radius:0.5em 0 0 0.5em;
}

.modal-marketing .cont-modalmarketing .conta3{
	width:25%;
	background-image: url(../imagenes/foto-email-marketing.jpg);
	background-repeat:no-repeat;
	background-position: left;
	background-size:cover;
	border-radius:0.5em 0 0 0.5em;
}

.modal-marketing .cont-modalmarketing .conta4{
	width:25%;
	background-image: url(../imagenes/foto-landing.jpg);
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
	border-radius:0.5em 0 0 0.5em;
}

.modal-marketing .cont-modalmarketing .contb{
	width:75%;
	padding:1em 2em;
	background:#f5f5f5;
	border-radius:0 0.5em 0.5em 0;
}

.modal-marketing .cont-modalmarketing .contb h1{
	font-family: 'Montserrat', sans-serif;
	margin-bottom:0.5em;
}

.modal-marketing .cont-modalmarketing .contb h2{
	font-family: 'Titillium Web', sans-serif;
	text-align:center;
}

.modal-marketing .cont-modalmarketing .contb h3{
	font-family: 'Titillium Web', sans-serif;
	margin-bottom:0.7em;
	font-weight:bold;
}

.modal-marketing .cont-modalmarketing .contb p{
	font-family: 'Titillium Web', sans-serif;
	font-size:16.5px;
	text-align:justify;
}

.modal-marketing .cont-modalmarketing .contb ul{
	margin-left:1.5em;
	font-family: 'Titillium Web', sans-serif;
	font-size:16.5px;
	text-align:justify;
}

.modal-marketing .cont-modalmarketing .contb .scroll-contb{
	width:100%;
	height:450px;
	overflow-Y: scroll;
	margin:1.5em 0;
	padding-right:0.5em;
}

.modal-marketing .cont-modalmarketing .contb .scroll-contb .info-contb{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.2em 0.5em;
	border-bottom:1px solid #ddd;
}

.modal-marketing .cont-modalmarketing .contb .scroll-contb .info-contb img{
	width:225px;
	border-radius:0.5em;
	box-shadow:0 0.3em 0.6em rgba(0,0,0,0.4);
}

.modal-marketing .cont-modalmarketing .contb .scroll-contb .info-contb .texto{
	width:530px;
}

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

.main .ubicacion h2{
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	padding:0 0.5em;
}

.main .ubicacion .cont-ubicacion{
	width:1170px;
	height:300px;
	margin:0 auto !important;
	margin-top:2em !important;
	background:#fff;
	padding:0.5em;
	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-contactenos.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
}

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

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

.main .contactenos .cont-contactenos .conta h1, .main .contactenos .cont-contactenos .conta h2{
	font-family: 'Montserrat', sans-serif;
}

.main .contactenos .cont-contactenos .conta p{
	font-family: 'Titillium Web', sans-serif;
	font-size:16.5px;
	text-align:justify;
}

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

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

.main .contactenos .cont-contactenos .conta .extra-info p{
	font-family: 'Titillium Web', sans-serif;
	margin:0;
	font-size:1.4em;
}

.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="mail"]{
	font-family: 'Pavanam', sans-serif;
	font-size:15.5px;
	width:100%;
	padding:15px 5px;
	border:1px solid #ddd;
	outline: none !important;
	margin:0.2em 0;
}

.main .contactenos .cont-contactenos .conta form textarea{
	font-family: 'Pavanam', sans-serif;
	font-size:15.5px;
	width:100%;
	max-width:100%;
	min-width:100%;
	height:120px;
	min-height:120px;
	max-height:120px;
	border:1px solid #ddd;
	padding:15px 5px;
	outline: none !important;
	margin:0.2em 0;
}

.main .contactenos .cont-contactenos .conta form input[type="submit"]{
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	width:100%;
	height:45px;
	border: none;
	border-radius:0.4em;
	margin:0.7em 0 1em 0;
	background:#09C;
	color:#fff;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
	transition:all 0.5s ease;
}

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

.main .contactenos .cont-contactenos .contb{
	width:50%;
	background-image: url(../imagenes/foto-contactenos-gmsingenieria.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(#0A2B76,#071F54);
	color:#fff;
}

footer .cont-pie{
	width:1170px;
	margin:0 auto;
	padding:4em 0 5em 0;
	display:flex;
	justify-content:space-between;
}

footer .cont-pie .info-pie img{
	width:250px;
	height:250px;
	border-radius:100%;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.9);
	margin-top:1em;
}

footer .cont-pie .info-pie h2{
	font-family: 'Montserrat', sans-serif;
	margin-bottom:0.7em;
}

footer .cont-pie .info-pie .extra-info{
	width:100%;
	display:flex;
	align-items:center;
	padding:0.5em 0;
}

footer .cont-pie .info-pie .extra-info span{
	background:#0099CC;
	color:#fff;
	border-radius:100%;
	padding:0.4em;
	font-size:1.4em;
	margin-right:0.8em;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.5);
}

footer .cont-pie .info-pie .extra-info h4{
	font-family: 'Titillium Web', sans-serif;
	margin:0;
	font-size:1.4em;
}

footer .cont-pie .info-pie .extra-info a{
	text-decoration: none !important;
	color:#fff !important;
	outline: none !important;
	transition:all 0.5s ease;
}

footer .cont-pie .info-pie .extra-info a:hover{
	opacity:0.65;
}

footer .desarrollador{
	width:100%;
	background:#061B48;
	color:#fff;
	overflow: hidden;
}

footer .desarrollador p{
	font-family: 'Pavanam', sans-serif;
	font-size:12px;
	text-align:center;
	color:#fff;
	margin-top:0.8em;
	transition:all 0.5s ease;
}

footer .desarrollador a{
	text-decoration: none !important;
	color:#fff !important;
	outline: none !important;
	transition:all 0.5s ease;
}

footer .desarrollador a:hover{
	opacity:0.8;
}

@media screen and (max-width:900px){
.btn-cotizador{
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	display:block;
	margin:0 auto !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
	width:100%;
	max-width:350px;
	height:45px;
	background:#0099CC;
	color:#fff;
	outline: none !important;
	border: none;
	border-radius:0.4em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.menu-mobile{
	display:block;
	width:100%;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}

.menu-mobile .barra{
	width:100%;
	padding:0 20px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px solid #ddd;
}

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

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

}

.menu-mobile .menu-principal{
	width:80%;
	background:#fff;
	position:fixed;
	left:-100%;
	border-right:1px solid #ddd;
}

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

.menu-mobile .menu-principal a:hover{
	background:#09C;
	color:#fff;
}

.menu-pc{
	display: none;
}

.menu-fixed{
	display: none;
}

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

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

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

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

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

.main .nosotros .cont-nosotros .texto{
	width:100%;
}

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

.main .nosotros .cont-nosotros .texto .extra-info span{
	background:#0099CC;
	color:#fff;
	font-size:1.3em;
	border-radius:100%;
	padding:0.4em;
	margin-right:0.8em;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
}

.main .nosotros .cont-nosotros .texto .extra-info p{
	font-family: 'Titillium Web', sans-serif;
	font-size:1.3em;
	text-align:justify;
	margin:0;
}

.main .nosotros .cont-nosotros img{
	display:block;
	width:100%;
	max-width:580px;
	background:#fff;
	padding:0.5em;
	border-radius:0.5em;
	margin: 0 auto !important;
	margin-top:2em !important;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.4);
}

.main .desarrollos .descripcion{
	font-family: 'Titillium Web', sans-serif;
	font-size:1.35em;
	text-align:center;
	padding:0 2em;
}

.main .desarrollos .cont-desarrollos{
	width:90%;
	margin:0 auto;
	display: block;
	background:#fff;
	border-radius:0.5em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.45);
}

.main .desarrollos .cont-desarrollos .conta{
	width:100%;
	padding:2em;
	border-radius:0.5em;
}

.main .desarrollos .cont-desarrollos .conta .slider-desarrollos .cont-slider{
	width:100%;
	max-width:650px;
	margin:0 auto;
	display: block;
}

.main .desarrollos .cont-desarrollos .conta .slider-desarrollos .cont-slider .texto{
	width:100%;
	max-width:330px;
	margin:0 auto;
	border:1px solid #ddd;
	padding:2em;
	border-radius:0.3em;
}

.main .desarrollos .cont-desarrollos .conta .slider-desarrollos .cont-slider img{
	display:block;
	width:100%;
	max-width:330px;
	margin:0 auto !important;
	margin-top:1em !important;
}

.main .desarrollos .cont-desarrollos .contb{
	display: none;
}

.main .websites{
	width:100%;
	height:1100px;
	overflow:hidden;
	position:relative;
}

.main .websites .imagenfondo{
	width:100%;
	height:100%;
	z-index:-1;
	animation:animarfondo infinite 10s;
}

.main .websites .cont-web{
	width:90%;
	margin:0 auto;
	display: block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.main .websites .cont-web img{
	display:block;
	width:100%;
	max-width:500px;
	margin:0 auto !important;
	margin-bottom:3em !important;
}

.main .websites .cont-web .texto{
	width:100%;
	max-width:650px;
	background:rgba(0,0,0,0.65);
	color:#fff;
	padding:2em;
	border-radius:0.3em;
	box-shadow:0 0.5em 0.7em rgba(0,0,0,0.65);
}

.main .websites .cont-web .texto .texto-scroll{
	width:100%;
	height:320px;
	overflow-Y:scroll;
	padding-right:0.5em;
	margin:1em 0 2em 0;
}

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

.main .tiendasonline .cont-tiendasonline .conta{
	width:100%;
	height:250px;
	background-image: url(../imagenes/foto-ecommerce.jpg);
	background-repeat:no-repeat;
	background-position: top;
	background-size:cover;
	border-radius:0.5em 0.5em 0 0;
}

.main .tiendasonline .cont-tiendasonline .contb{
	width:100%;
	padding:1em;
}

.main .tiendasonline .cont-tiendasonline .contb .scroll-contb .contenido2{
	width:100%;
	display: block;
	padding-bottom:1em;
}

.main .tiendasonline .cont-tiendasonline .contb .scroll-contb .contenido2 .texto{
	width:100%;
}

.main .tiendasonline .cont-tiendasonline .contb .scroll-contb h3{
	font-family: 'Titillium Web', sans-serif;
	font-weight:bold;
}

.main .tiendasonline .cont-tiendasonline .contb .scroll-contb .contenido2 .imagen{
	width:90%;
	max-width:350px;
	margin:0 auto !important;
	margin-top:2em !important;
}

.main .tiendasonline .cont-pagos p{
	font-family: 'Titillium Web', sans-serif;
	font-size:16.5px;
	padding:0 1em;
	text-align: justify;
}

.main .tiendasonline .cont-pagos .slider-pagos{
	width:90%;
	margin:0 auto !important;
	margin-top:2em !important;
	margin-bottom:2em !important;
}

.main .tiendasonline .cont-pagos .slider-pagos .cont-imgpagos{
	width:95%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;

}

.main .tiendasonline .cont-pagos .slider-pagos .cont-imgpagos img{
	display:block;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
	border-radius:0.35em;
	margin:0 auto !important;
	margin-top:0.5em !important;
	margin-bottom:1em !important;
}

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

.modal-cotizador .cont-modalcotizador .conta{
	width:100%;
	height:190px;
	background-image:url(../imagenes/banner/desarrollo-paginas-web-gmsingenieria.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
	border-radius:0.5em 0.5em 0 0;
}

.modal-cotizador .cont-modalcotizador .conta2{
	width:100%;
	height:190px;
	background-image: url(../imagenes/banner/desarrollo-ecommerce-gmsingenieria.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
	border-radius:0.5em 0.5em 0 0;
}

.modal-cotizador .cont-modalcotizador .contb{
	width:100%;
	height:265px;
	overflow-Y:scroll;
	padding:20px;
	background:#f5f5f5;
	border-radius:0;
}

.modal-cotizador .cont-modalcotizador .contb .cont-formulario{
	width:100%;
	max-width:400px;
	margin:0 auto !important;
	margin-top:1.5em !important;
	margin-bottom:1.5em !important;
}

.main .marketing .cont-marketing{
	width:90%;
	margin:0 auto !important;
	margin-top:2.5em !important;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.main .marketing .cont-marketing .info-marketing{
	width:285px;
	background:#f5f5f5;
	border-radius:0.4em;
	text-align:center;
	padding:1em 0.5em;
	margin:0 auto !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
	transition:all 0.5s ease;
}

.main .marketing .cont-marketing .info-marketing .cont-imagen{
	width:260px;
	height:190px;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	margin:0 auto;
	box-shadow:0 0.3em 0.7em rgba(0,0,0,0.4);
}

.cont-imagen .mascara, .cont-imagen .contenido {
	width: 260px;
	height: 190px;
	margin:0 auto;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

/* MODAL MARKETING */
.modal-marketing .cont-modalmarketing{
	width:90%;
	margin:0 auto !important;
	margin-top:1.5em !important;
	display: block;
	border-radius:0.5em 0.5em 0 0;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
	animation:animarmodal 1 1s;
}

.modal-marketing .cont-modalmarketing .conta{
	width:100%;
	height:170px;
	background-image:url(../imagenes/foto-googleybing-das.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
	border-radius:0.5em 0.5em 0 0;
}

.modal-marketing .cont-modalmarketing .conta2{
	width:100%;
	height:170px;
	background-image: url(../imagenes/foto-facebook-ads.jpg);
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
	border-radius:0.5em 0.5em 0 0;
}

.modal-marketing .cont-modalmarketing .conta3{
	width:100%;
	height:170px;
	background-image: url(../imagenes/foto-email-marketing.jpg);
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
	border-radius:0.5em 0.5em 0 0;
}

.modal-marketing .cont-modalmarketing .conta4{
	width:100%;
	height:170px;
	background-image: url(../imagenes/foto-landing.jpg);
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
	border-radius:0.5em 0.5em 0 0;
}

.modal-marketing .cont-modalmarketing .contb{
	width:100%;
	padding:1em;
	background:#f5f5f5;
	border-radius:0;
}

.modal-marketing .cont-modalmarketing .contb h1{
	font-family: 'Montserrat', sans-serif;
	margin-bottom:0.5em;
	font-size:2em;
}

.modal-marketing .cont-modalmarketing .contb .scroll-contb{
	width:100%;
	height:250px;
	overflow-Y: scroll;
	margin:1.5em 0 0.5em 0;
	padding-right:0.5em;
}

.modal-marketing .cont-modalmarketing .contb .scroll-contb .info-contb{
	width:100%;
	display: block;
	padding:1.2em 0.5em;
	border-bottom:1px solid #ddd;
}

.modal-marketing .cont-modalmarketing .contb .scroll-contb .info-contb img{
	display:block;
	width:225px;
	margin:0 auto !important;
	margin-bottom:1.5em;
	border-radius:0.5em;
	box-shadow:0 0.3em 0.6em rgba(0,0,0,0.4);
}

.modal-marketing .cont-modalmarketing .contb .scroll-contb .info-contb .texto{
	width:100%;
	max-width:530px;
}

.main .ubicacion .cont-ubicacion{
	width:90%;
	height:300px;
	margin:0 auto !important;
	margin-top:2em !important;
	background:#fff;
	padding:0.5em;
	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;
	display: block;
	border-radius:0.5em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
}

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

.main .contactenos .cont-contactenos .conta .extra-info{
	width:100%;
	display: block;
	padding:1em 0;
	text-align:center;
	border-bottom:1px solid #E2E2E2;
}

.main .contactenos .cont-contactenos .conta .extra-info span{
	background:#09C;
	color:#fff;
	border-radius:100%;
	padding:0.4em;
	font-size:1.4em;
	margin:0 auto !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
	box-shadow:0 0.3em 0.6em rgba(0,0,0,0.4);
}

.main .contactenos .cont-contactenos .conta .extra-info p{
	font-family: 'Titillium Web', sans-serif;
	margin:1em 0 0 0;
	text-align:center;
	font-size:1.4em;
}

footer .cont-pie{
	width:90%;
	margin:0 auto;
	padding:3em 0;
	display: block;
}


}