@import url(slide.css);
@import url(menu.css);
@charset "utf-8"; {}




::-webkit-input-placeholder { color:#555; }


*{margin:0;padding:0;box-sizing:border-box;font-family: 'Raleway', sans-serif;}
*, body, h1, h2, h3, h4, h5, h6,p , span, a,nav, ul, li, img,section{padding:0 auto;margin:0 auto;box-sizing:border-box;}
.contenedor{width:85%;height:auto;background:none;}
.oculto{width:100%;height:0px;background:none;} 
.oculto2{width:100%;height:50px;background:none;} 
body{background:#94C159;} 

.scroll-top {
    width: 40px;height: 40px;opacity: 0.3;position: fixed;bottom: 50px;right: 30px;display: none; 
    text-indent: -9999px;z-index: 9999;background: url('../Img/arriba.png') no-repeat;}
.scroll-top:hover {
opacity: 0.8;
-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;transition: 0.3s all;}

.share a{width:70px;height:70px;position:fixed;top:50px;right:30px;text-indent:-9999px;z-index:9999;background: url('../Img/share.png') no-repeat;}
.share a:hover{opacity: 0.8;transition: 0.3s all;}

.service img{width:100%;height:auto;display:block;} 
.ph1{text-align:center;margin-top:5%;font-size:18px;}
.h1{font-size:40px;text-align:center;margin-bottom:5%}

#banner2, #empresa, #video, #servicios, #portfolio, #paquetes, #eventos, #clientes, #contacto{width:100%;box-sizing:border-box;position:relative;display:block;padding-bottom:5%}
.service{width:100%;display:inline-block;vertical-align:top;}

#banner2, #video{padding-bottom:0%}
#banner2 .service{vertical-align:middle;}
#banner2 ul{display:block;}
#banner2 ul li{display:block;text-align:center;padding:1% 0%;}
#banner2 ul li a{text-decoration:none;color:white;background:#3498db;padding:1%;margin-right:1%;
-webkit-transition:all .9s ease;-moz-transition:all .9s ease;-o-transition:all .9s ease;-ms-transition:all .9s ease;}
#banner2 ul li a:hover{background:#202728;}

#empresa{background:#404096;color:white;}
#empresa h1{font-size:40px;text-align:center;}
#empresa .service{width:100%;}
#empresa .service img{height:200px;width:auto;}
#empresa .p2{text-align:center;font-size:15px;padding:1% 2%}
#empresa .bold{font-weight:bold;}

.info-empresa{list-style:none;display:block;width:100%;margin:0 auto;text-align:center;margin-top:2%}
.info-empresa li{display:block;border:2px solid white;margin:2% 0%;}
.info-empresa li{padding:1% 3%;}
.boton-empresa{color:white;display:block;text-decoration:none;}
#mision,#vision,#valores{position:fixed;background:rgba(0,0,0,.9);z-index:999999;top:0;left:0;height:100vh;width:100%;visibility:hidden;}
#mision h1, #vision h1, #valores h1{padding-top:50%;}
#mision h1, #mision p, #vision h1, #vision p, #valores h1, #valores p{color:white;text-align:center;width:80%;}

#mision h1, #vision h1, #valores h1{font-size:30px;margin-bottom:2%;}
#mision p,#vision p,#valores p{font-size:17px;}
#mision a,#vision a,#valores a{color:white;text-decoration:none;font-size:40px;float:right;vertical-align:middle;}

#servicios{background:#93298c;color:white;}
#clientes{background:#585058;color:white;}

#paquetes{padding-bottom:0;width:100%;height:auto;background:#93298c;}
#paquetes h1{font-size:40px;text-align:center;}
#paquetes .h1{margin-top:5%;margin-bottom:0;color:white;}
#paquetes .ph1{margin-top:0%;margin-bottom:5%;color:white;}
#paquetes .service{padding:0% 0%}
#paquetes .service img{text-align:center;width:30%;height:auto;}
#paquetes .service h1{font-size:20px;text-align:center;padding:1%;color:white;}
#paquetes .service p{text-align:center;font-size:16px;padding: 0% 2%;color:white;}

#eventos{padding-bottom:0;width:100%;height:auto;}
#eventos h1{font-size:40px;text-align:center;}
#eventos .service{padding:2% .5%}
#eventos .service img{text-align:center;width:100%;height:auto;}
#eventos .service h1{font-size:17px;text-align:center;color:white;background:#7F2C8B;vertical-align:middle;padding:5% 1%;height:auto;}
#eventos .service p{text-align:center;font-size:16px;padding: 0% 2%;color:white;}
#eventos .h1,#eventos .ph1{color:white;}
#eventos .h1{margin-top:5%;margin-bottom:0;color:white;}
#eventos .ph1{margin-top:0%;margin-bottom:5%;color:white;}

#portfolio{padding-bottom:0%;background:#7F2C8B;color:white;}
#portfolio .h1{margin-top:5%;margin-bottom:0;}
#portfolio .ph1{margin-top:0%;margin-bottom:5%;}
#portfolio ul{display:block;}
#portfolio ul li{display:block;text-align:Center;padding:2% 0%;}
#portfolio ul li a{text-decoration:none;color:black;}
#portfolio ul li a:hover{color:#0051be;}

#portfolio .service{overflow:hidden;position:relative;}
#portfolio .service img {-webkit-transition:all .9s ease;-moz-transition:all .9s ease;-o-transition:all .9s ease;-ms-transition:all .9s ease;}
#portfolio .service:hover img {position:relative;
-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25);}

#portfolio .service .over{display:none;width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;z-index:10;background: rgba(1247,44,139,.5);padding:5% 0%}
#portfolio .service:hover .over{display:block;text-align:center;color:white;}
.over h2, .redes a{padding:1% 0%}
.over p{padding:1% 4%}
.redes a{color:white;text-decoration:none}
 
#contacto{ padding:0% 0%;}
#contacto .h1{color:white;margin-bottom:0;}
#contacto .conta{color:white;margin-bottom:5%;text-align:center;}
#contacto .conta a{color:white;text-decoration:none;}
#contacto form{width:90%;display:block;position:relative;}
textarea{max-width:100%;max-height:150px;height:150px;}
Select::placeholder, textarea::placeholder, input::placeholder {color:white;}

.formulario__titulo{text-align:center;margin-top:0;color:white;}
.formulario__input{display:block;width:100%;font-size:1.3em;}

.formulario__input{padding:2% 4%;background:transparent;border:2px solid white;margin-bottom:20px;color:white}
option{background:black;color:white;}
.formulario__input:focus{outline:1px solid rgba(255,255,255,1);}
.formulario__input:focus + .formulario__label{margin-top:-115px;}

Select{color:black;outline:none;}

input[type="submit"]{background:rgba(255,255,255,1);color:black;padding:10px 20px;cursor:pointer;border:none;width:100%;font-size:1.3em;
transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;-webkit-transition:all 0.2s}
input[type="submit"]:hover{background:#93298c;color:white;}
.fijar{margin-top:-115px;}

#clientes .service{margin:2% 0%}
#clientes .service img{width:80%;height:auto;display:block;margin:0 auto;} 

#prefooter{width:100%;height:auto;background:#7F2C8B;box-sizing:border-box;position:relative;color:white;}
.pservice{display:block;padding:3%;width:100%;vertical-align:text-top;border-top:1px solid #E7E7E7;}
.pservice nav ul li h1{font-size:13px;}
.pservice nav ul li a{color:white;outline:none;text-decoration:none;font-size:13px;}
.pservice nav ul{list-style:none;}

footer{width:100%;padding:4%;background:white;}
footer p .icon-facebook, footer p .icon-instagram{font-size:20px;}
footer p .icon-facebook:hover{color:blue;}
footer p .icon-instagram:hover{color:red;}
footer p{text-align:center;font-size:13px;color:black;}
footer p a{color:black;outline:none;text-decoration:none;font-size:13px;}

.social.large{ opacity:0;}
.social.small{ opacity:1;}

.social{position: fixed;left: 0;top: 300px;z-index:999;display:block;
transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.social ul{list-style: none;}
.social ul li a {display: inline-block;color:#fff;background: #000;padding: 10px 10px;text-decoration: none;
-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;}
 
.social ul li .icon-facebook {background:#3b5998;}
.social ul li .icon-instagram{background:#125688;}
.social ul li .icon-youtube-play{background:#bb0000;}
.social ul li .icon-contacts{background:#0051be;}
.social ul li a:hover{background: #000;padding: 10px 20px;}

.compartir{display:none;background:white;border-radius:5px;overflow-x:hidden;overflow-y:hidden;width:95%;padding:2%;margin:0 auto;text-align:center;}
.compartir h1{font-size:20px;margin-bottom:3%;padding-bottom:3%;border-bottom:1px solid gray;}
.compartir p{width:90%;padding:1% 3%;border-radius:5px;display:block;margin:2% auto;transition:all 500ms ease;}
.compartir p a{color:white;text-decoration:none;}

.whatsapp{background:#25d366;} .whatsapp:hover{background:#075e54;}
.facebook{background:#4c66a4} .facebook:hover{background:#374974}
.twitter{background:#55acee} .twitter:hover{background:#4582b1}
.pinterest{background:#d9534f} .pinterest:hover{background:#9d403e}
.google{background:#d9534f} .google:hover{background:#a7413e}
.linkedin{background:#0077b5} .linkedin:hover{background:#005988}
.email{background:#9A9A9A} .email:hover{background:#696969}
.telegram{background:#38aee4} .telegram:hover{background:#2b7da2}









/* Firma Digital */

#firma{padding:0;}
#firma #contacto{display:none;}
#firma ul li{list-style:none;margin:2% auto;width:100%;}
#firma ul li a{display:block;text-decoration:none;background:#007bff;padding:2% 0;color:black;text-align:center;}

@media only screen and (min-width: 600px) {
footer{width:100%;padding:2%;}
#portfolio .service .over{padding:10% 0%}

.info-empresa li{display:inline-block;margin:0% 1%;}
}

@media only screen and (min-width: 800px) {
.compartir{width:50%;}
.compartir p{width:45%;display:inline-block;margin:1%}	

#prefooter .pservice{display:inline-block;padding:2%;width:33%;border:none;text-align:center;}
#paquetes .service img{text-align:center;width:100%;height:auto;}

#contacto .conta{margin-bottom:2%;}

#servicios .service{width:49%;}
#paquetes .service, #eventos .service{width:33%;}
#paquetes .service h1{font-size:16px;}

#servicios .border{border-right:1px solid white;border-left:1px solid white;}	
	
#contacto form{width:50%;}
.formulario__label{margin-top:-80px;}
.formulario__input:focus + .formulario__label{margin-top:-120px;}
.fijar{margin-top:-120px;}

#empresa .p1, #empresa .p2{text-align:center;}
#portfolio .service{width:50%;}
#portfolio .service .over{padding:10% 0%}

#mision h1, #vision h1, #valores h1{padding-top:20%;}
#mision h1, #vision h1, #valores h1{font-size:50px;}
#mision h1, #mision p, #vision h1, #vision p, #valores h1, #valores p{color:white;text-align:center;width:50%;}
#eventos .service h1{height:70px;}
}

@media only screen and (min-width: 1024px) {
.contenedor{width:1024px;}	
	
header{width:100%;margin:0 auto;}
header img{width:170px; height:auto;}

#empresa .p2{font-size:18px;padding:1% 20%}


.formulario__input:focus + .formulario__label{margin-top:-125px;}
.fijar{margin-top:-125px;}

#paquetes ul{height:700px;}

#portfolio .service .over{padding:15% 0%}
.over p{padding:1% 20%}
}

@media only screen and (min-width: 1280px) {
	.contenedor{width:1280px;}
	#mision h1, #vision h1, #valores h1{padding-top:30%;}
	#portfolio .service .over{padding:20% 0%}
}