@import url('https://fonts.googleapis.com/css?family=Raleway:300,400"');
@import url(slide.css);
@import url(menu.css);
@import url(modal.css);
@charset "utf-8"; {}

*{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, .oculto2{width:100%;height:80px;background:none;} 

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

.share a{width:40px;height:40px;position:fixed;top:50px;right:30px;text-indent:-9999px;z-index:9999;background: url('../Img/Iconos/share.png') no-repeat;}

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

#banner2, #empresa, #video, #servicios, #portfolio, #paquetes, #desplegar, #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{padding-bottom:0;padding:5%;}
#empresa h1{font-size:40px;text-align:center;}
#empresa .service{width:100%;}
#empresa .service img{height:100px;width:auto;display:none;}
#empresa .p2{text-align:center;font-size:20px;padding:1% 2%}
#empresa .bold{font-weight:bold;}
#empresa .strong{font-weight:bold;color:#710773;}

#servicios, #desplegar{background:#36a8eb;color:white;}
#clientes{background:#585058;color:white;}

#servicios h1{font-size:40px;text-align:center;}
#servicios .service{padding:2% 3%}
#servicios .service img{text-align:center;width:40%;height:auto;} 
#servicios .service .line{text-align:center;height:2px;margin-top:3%;margin-bottom:3%;}
#servicios .service h1, #servicios .service h2, #servicios .service h3{text-align:center;padding:1%}
#servicios .service h1{font-size:25px;}
#servicios .service h2{font-size:18px;}
#servicios .service h3{font-size:20px;}
#servicios .service p{text-align:center;font-size:16px;padding: 0% 2%}

#paquetes{padding-bottom:0;margin-top:-5px;color:}
.paquetes2{background:#f6f6f6;}
#afiliacion{margin-top:-5px;}
#paquetes h1{font-size:40px;text-align:center;}

.indep{text-align:center;margin:0 auto;display:block;margin-top:5%;clear:both;}
.indep a{color:white;text-decoration:none;border:2px solid white;padding:1% 3%;font-weight:900;display:block;transition:all .5s;
-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;}
.indep a:hover{background:#36a6e9;border:2px solid #36a6e9;}

#paquetes .service{padding-top:3%;text-align:center;}
#paquetes .service2{padding-bottom:2%;padding-top:2%;}
#paquetes .service img{text-align:center;width:100%;height:auto;}
#paquetes .service .line{text-align:center;height:2px;margin-top:3%;margin-bottom:3%;}
#paquetes .service h1{font-size:25px;text-align:left;padding:1%;font-weight:300;margin-top:30px;}
#paquetes h2{margin-top:5%;}
#paquetes p{font-size:15px;padding:0% 2%;}
#paquetes .service a{color:white;text-align:center;text-decoration:none;outline:none;border:none;background:none;display:block;cursor:pointer;font-weight:700;}

#portfolio{padding-bottom:0%}
#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(33,186,203,.5);padding:20% 0%}
#portfolio .service:hover .over{display:block;text-align:center;color:white;}
.over h2, .over p, .redes a{padding:1% 0%}
.redes a{color:white;text-decoration:none}
 
#clientes .service{margin:2% 0%}
#clientes .service img{width:80%;height:auto;display:block;margin:0 auto;} 

#prefooter{width:100%;height:auto;background:#f6f6f6;box-sizing:border-box;position:relative;color:black;}
.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;}

#contacto{position:relative;text-align:center;color:black;padding:3% 1%;}
form{width:90%;height:auto;margin-top:2%;}
form input,form textarea,form button,form select{
padding:3% 4%;font-size:16px;outline:none;display:block;margin:0 auto;width:100%}

form textarea{max-width:100%;height:100px;max-height:200px;height:200px;}
form button{background:#202728;border:none;color:white;cursor:pointer;transition:all .5s ease;}
form button:hover{background:red;}
form p{text-align:center;}
form p a{color:black;text-decoration:none;}
select{padding:1%;font-size:16px;outline:none;display:block;margin:0 auto;width:90%}

ul li{list-style:none;margin:1% 0;}
ul li a{text-decoration:none;color:white;padding:2% 0;display:block;}
.phone{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}

footer{width:100%;padding:4%;}
footer p{text-align:center;font-size:13px;}
footer p a{color:black;outline:none;text-decoration:none;font-size:12px;margin:0 5px;}

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

.social{position: fixed;left: 0;top: 250px;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%;text-align:center;padding:5%;}
.compartir h1{font-size:20px;margin-bottom:3%;padding-bottom:3%;border-bottom:1px solid gray;}
.compartir a{width:100%;padding:1% 3%;display:block;margin:2% auto;transition:all 500ms ease;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{background:#78c582} .firma:hover{background:#3b9f48}

@media only screen and (min-width: 600px) {
footer{width:100%;padding:2%;}
#clientes .service{width:49%;}
#clientes .service img{width:100%;}
#portfolio .service{width:33.3%;}
#paquetes .service, #paquetes .service2{width:49%;}
}

@media only screen and (min-width: 768px) {
.indep a{display:inline-block;}
}

@media only screen and (min-width: 800px) {
#prefooter .pservice{display:inline-block;padding:2%;width:33%;border:none;text-align:center;}
#paquetes .service img{text-align:center;width:70%;height:auto;}
#paquetes .service2 img{text-align:center;width:100%;height:auto;}
#paquetes p{font-size:20px;padding:0% 2%;margin-top:2%}
#servicios .service{width:32%;}
#paquetes .service2{width:33%;}
#paquetes .service h1{font-size:30px;margin-top:50px;}
#servicios .border{border-right:1px solid white;border-left:1px solid white;}

#banner2 ul li{text-align:left;}
#banner2 .one{width:55%;}
#banner2 .two{width:44%;}		
	
#empresa .p1, #empresa .p2{text-align:center;}
#contacto form{width:500px;height:auto;}
#contacto select{width:500px;height:auto;}

.compartir{width:50%;}
.compartir p{width:48%;display:inline-block;margin:1%}
}

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

#empresa .service img{height:100px;width:auto;display:block;}
#empresa .p2{padding:1% 10%;width:75%;}
#clientes .service{width:25%;margin: 0 auto;}

#clientes .service img{width:100%;} 
#paquetes ul{height:700px;}
#paquetes .service h1{font-size:50px;margin-top:50px;}
}

@media only screen and (min-width: 1280px) {
	.contenedor{width:1280px;}
	#empresa .p1{font-size:63px;}
	
}

@media only screen and (min-width: 1440px) {
	#paquetes .service h1{font-size:60px;margin-top:70px;}
}