@font-face {
	font-family: 'regular';
	src: url("regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'light';
	src: url("light.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'bold';
	src: url("bold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'light';
	src: url("light.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'medium';
	src: url("medium.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}


@font-face {
	font-family: 'blacker';
	src: url("blacker.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
.os-animation1{opacity:0;}
.os-animation1{opacity:1;}


html,body{width:100%;height:100%;font-family: 'regular'; text-align:center;
background: url(../imagenes/fondogral.jpg) no-repeat center 0 fixed ;
}
	
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none;overflow:hidden; }


#elhead{ width:90%; text-align:center;  top:20px; left:5%; position:absolute;  z-index:9999;}


#home{text-align:center;width:100%;}

#arriba, #arriba1,#arriba2,#arriba3{display:inline-block;vertical-align:top;}
#arriba{ width:100%;vertical-align:middle; text-align:center; }
#arriba1{width:25%;margin-right:-4px; text-align:left;  }
#arriba2{width:75%;margin-right:-4px; text-align:right; margin-top:6px; }


#home{text-align:center;width:100%;}
#textohome{ display:inline-block;text-align:left;width:85%;}

.texto1{color:#000000; font-size:100px; line-height:100%; text-decoration:none; font-family: 'blacker';}
.texto2{color:#ff0135; font-size:100px; line-height:100%; text-decoration:none; font-family: 'blacker';}


#trabajamos{display:inline-block;text-align:center;width:90%; background-color:#00fee2;	
border-radius: 25px 25px 0px 0px;
-moz-border-radius: 25px 25px 0px 0px;
-webkit-border-radius: 25px 25px 0px 0px;
border: 0;	
	}

#trabajo, #trabajo1,#trabajo2,#trabajo3,#trabajo4{display:inline-block;vertical-align:top;}
#trabajo{ width:90%;vertical-align:middle; text-align:center; }
#trabajo1{width:100%;margin-right:0px; text-align:left;  }
#trabajo2{width:100%; height:1px; background-color:#000000;margin-right:0px; text-align:right; margin-top:6px; }
#trabajo3{width:70%;margin-right:-4px; text-align:left;  }
#trabajo4{width:30%;margin-right:-4px; text-align:right;  }

.texto3{color:#000000; font-size:50px; line-height:120%; text-decoration:none; font-family: 'medium';}


#trabajamos2{display:inline-block;text-align:center;width:90%; height:700px; 	border-radius: 0px 0px 25px 25px;
-moz-border-radius: 0px 0px 25px 25px;
-webkit-border-radius: 0px 0px 25px 25px;
border:0;
background: url(../imagenes/somos1.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
}

#carrusel{
	background:url(../imagenes/carrusel.svg)center repeat-x;
	animation:200s para reverse infinite linear;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 232px;
	width: 100% ;
	text-align: center;
}

@keyframes para {
	100% {
		background-position: 
		7680px;
	}
}

#elevamos{display:inline-block;text-align:center;width:90%; background-color:#ff0135;	
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border: 0;
	}

#textoelevamos{ display:inline-block; width:80%; text-align:center;}

.texto4{color:#ffffff; font-size:70px; line-height:120%; text-decoration:none; font-family: 'blacker';}
.texto5{color:#ffffff; font-size:28px; line-height:130%; text-decoration:none; font-family: 'light'; }

#caracteristicas, #caracteristicas1,#caracteristicas2,#caracteristicas3,#caracteristicas4,#caracteristicas5{display:inline-block;vertical-align:top;}
#caracteristicas{ width:90%;vertical-align:middle; text-align:center; }
#caracteristicas1{width:32.5%; height:300px; background-color:#2d2d2d;margin-right:-4px; text-align:center;border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border: 0;  }
#caracteristicas2{width:32.5%; height:300px; background-color:#2d2d2d;margin-right:-4px; text-align:center; border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border: 0; }
#caracteristicas3{width:32.5%; height:300px; background-color:#2d2d2d;margin-right:-4px; text-align:center; border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border: 0; }
#caracteristicas4{width:1.25%; margin-right:-4px;}
#caracteristicas5{width:1.25%; margin-right:-4px;}

.textocaracteristicas{ display:inline-block; text-align:center; width:80%;}

.texto6{color:#ffffff; font-size:25px; line-height:100%; text-decoration:none; font-family: 'medium';}
.texto7{color:#ffffff; font-size:19px; line-height:130%; text-decoration:none; font-family: 'light'; }

#comprometidas, #comprometidas1,#comprometidas2{display:inline-block;vertical-align:top;}
#comprometidas{ width:80%;vertical-align:middle; text-align:center; }
#comprometidas1{width:75%;margin-right:-4px; text-align:left;  }
#comprometidas2{width:25%;margin-right:-4px; text-align:right; margin-top:70px; }

.texto8{color:#000000; font-size:60px; line-height:100%; text-decoration:none; font-family: 'blacker';}
.texto9{color:#ff0135; font-size:60px; line-height:100%; text-decoration:none; font-family: 'blacker';}




#losproyectos{display:inline-block;text-align:center;width:90%; 	
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border: 0;
	}	
	
	
#lospro, #lospro1,#lospro2,#lospro3,#lospro4,#lospro5,#lospro6,#lospro7,#lospro8,#lospro9,#lospro10{display:inline-block;vertical-align:top;}
#lospro{ width:100%;vertical-align:middle; text-align:center; }
#lospro1{width:20%; height:450px;margin-right:-4px; text-align:center;background: url(../imagenes/so1.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;   }
#lospro2{overflow: hidden !important;width:20%; height:450px;margin-right:-4px; text-align:center; }
#lospro3{width:20%; height:450px;margin-right:-4px; text-align:center;background: url(../imagenes/so2.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
background-size: cover;  }
#lospro4{width:20%; height:450px;margin-right:-4px; text-align:center;}
#lospro5{width:20%; height:450px;margin-right:-4px; text-align:center;background: url(../imagenes/so3.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
background-size: cover; }
#lospro6{width:20%; height:450px;margin-right:-4px; text-align:center;background: url(../imagenes/so4.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
background-size: cover; }
#lospro7{width:20%; height:450px;margin-right:-4px; text-align:center;background: url(../imagenes/so5.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
background-size: cover; }
#lospro8{width:20%; height:450px;margin-right:-4px; text-align:center;}
#lospro9{width:20%; height:450px;margin-right:-4px; text-align:center;background: url(../imagenes/so6.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
background-size: cover; }
#lospro10{width:20%; height:450px;margin-right:-4px; text-align:center;background: url(../imagenes/so7.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
background-size: cover;  }


.lospro1{ cursor:pointer; 
border-radius: 25px 0px 0px 0px;
-moz-border-radius: 25px 0px 0px 0px;
-webkit-border-radius: 25px 0px 0px 0px;
border: 0;background-color:transparent;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.lospro1:hover{background-color: rgba(0,0,0,.4);}


  .container {
     overflow: hidden;
     height:450px;
}

.lospro2{
    background: url(../imagenes/som2.jpg) repeat-y;
    -webkit-animation: bgScroll 600s linear infinite;
    animation: bgScroll 600s linear infinite;
    height: 100%;
    background-size: cover;
    position: relative;
}

@keyframes bgScroll{  
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 10000%;
    }
}


  

.lospro3{background-color:transparent;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.lospro3:hover{background-color: rgba(0,0,0,.4);}

.lospro4{
    background: url(../imagenes/som3.jpg) repeat-y;
    -webkit-animation: bgScroll2 600s linear infinite;
    animation: bgScroll2 600s linear infinite;
    height: 100%;
    background-size: cover;
    position: relative;
}

@keyframes bgScroll2{  
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -10000%;
    }
}


.lospro5{ border-radius: 0px 25px 0px 0px;
-moz-border-radius: 0px 25px 0px 0px;
-webkit-border-radius: 0px 25px 0px 0px;
border: 0;background-color:transparent;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.lospro5:hover{background-color: rgba(0,0,0,.4);}


.lospro6{ border-radius: 0px 0px 0px 25px;
-moz-border-radius: 0px 0px 0px 25px;
-webkit-border-radius: 0px 0px 0px 25px;
border: 0;background-color:transparent;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.lospro6:hover{background-color: rgba(0,0,0,.4);}

.lospro7{background-color:transparent;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.lospro7:hover{background-color: rgba(0,0,0,.4);}

.lospro8{background:url(../imagenes/som4.jpg)center repeat-x;
	animation:200s para reverse infinite linear;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100% ;
	text-align: center;
}

@keyframes para {
	100% {
		background-position: 
		7680px;
	}
}

.lospro9{background-color:transparent;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.lospro9:hover{background-color: rgba(0,0,0,.4);}

.lospro10{border-radius: 0px 0px 25px 0px;
-moz-border-radius: 0px 0px 25px 0px;
-webkit-border-radius: 0px 0px 25px 0px;border: 0;background-color:transparent;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.lospro10:hover{background-color: rgba(0,0,0,.4);}

#abajo{display:inline-block;text-align:center;width:90%; background-color:#6ffd00;	
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border: 0;
	}
	
#labajo, #labajo1,#labajo2,#labajo3,#labajo4,#labajo5,#labajo0,#labajo00{display:inline-block;vertical-align:top;}
#labajo{ width:90%;vertical-align:middle; text-align:center; }
#labajo1{width:30%;margin-right:-4px; text-align:left;  }
#labajo2{width:30%;margin-right:-4px; text-align:left; }
#labajo3{width:30%;margin-right:-4px; text-align:left;  }
#labajo4{width:70%;margin-right:-4px; text-align:left; margin-top:18px;  }
#labajo5{width:30%;margin-right:-4px; text-align:left; margin-top:35px; }
#labajo0,#labajo00{width:5%;margin-right:-4px; text-align:left; }

.texto10{color:#000000; font-size:23px; line-height:120%; text-decoration:none; font-family: 'medium';}
.texto11{color:#000000; font-size:16px; line-height:120%; text-decoration:none; font-family: 'regular';}
.texto12{color:#000000; font-size:14px; line-height:120%; text-decoration:none; font-family: 'regular';}
.texto12:hover{ text-decoration:underline;}
.texto13{color:#000000; font-size:20px; line-height:200%; text-decoration:none; font-family: 'bold';}
.texto14{color:#000000; font-size:20px; line-height:120%; text-decoration:none; font-family: 'bold';}



.texto15{color:#000000; font-size:90px; line-height:120%; text-decoration:none; font-family: 'blacker';}
.texto16{color:#000000; font-size:36px; line-height:120%; text-decoration:none; font-family: 'regular';}

#nosotras{ width:90%; display:inline-block; text-align:center; border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;}

#som, #som1,#som2,#som0{display:inline-block;vertical-align:top;}
#som{ width:100%;vertical-align:middle; text-align:center; }
#som1{text-align:center;width:45%; height:550px; margin-left:-4px; 	
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;
background: url(../imagenes/somo2.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
}
#som2{text-align:center;width:50%; height:550px; margin-left:-4px; 	
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;
background: url(../imagenes/somo3.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
}
#som0{text-align:center;width:5%; margin-left:-4px; 	}




.texto17{color:#000000; font-size:24px; line-height:120%; text-decoration:none; font-family: 'regular';}

#hemos, #hemos1,#hemos2,#hemos0{display:inline-block;vertical-align:top;}
#hemos{ width:85%;vertical-align:middle; text-align:center; }
#hemos1{width:45%;margin-right:-4px; text-align:left;  }
#hemos2{width:50%;margin-right:-4px; text-align:left;  }
#hemos0{width:5%;margin-right:-4px; text-align:left;  }


#lamac{display:inline-block;text-align:center;width:90%; height:700px; 	border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;
background: url(../imagenes/somo1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
}


#elconta{display:inline-block;text-align:center;width:90%; height:650px; 	border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;
background: url(../imagenes/contacto.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
}


.texto17a{color:#000000; font-size:24px; line-height:120%; text-decoration:none; font-family: 'regular';transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.texto17a:hover{color:rgba(0,254,246,1); text-decoration:underline;}



#loservicios{display:inline-block;text-align:center;width:90%; height:750px; 	border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0; background-color:#ffffff;
}

#servi2023{display:inline-block;text-align:center;width:100%; height:100%; 	border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;
}


.texto18{color:#000000; background-color:#ffffff; font-size:16px; line-height:140%; text-decoration:none; font-family: 'regular'; text-transform:uppercase; text-decoration:underline; padding-right:10px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.texto18:hover{color:#6ffd00; text-decoration:underline;}

.texto19{color:#000000; font-size:20px; line-height:120%; text-decoration:none; font-family: 'bold';}

#casos, #casos1,#casos2,#casos3{display:inline-block;vertical-align:top;}
#casos{ width:90%;vertical-align:middle; text-align:center; }
#casos1{width:30%;margin-right:-4px; text-align:left;  }
#casos2{width:70%;margin-right:-4px; text-align:left;  }
#casos3{ display:none; }


#lasexperiencias{ width:100%; display:inline-block;}
#experienciastodas{ width:1200px; height:5800px; overflow: hidden; position:relative; left:50%; margin-left:-600px;}

#experienciastodas1{ width:500px; height:649px; overflow: hidden; position:absolute; left:0; top:0;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}

#experienciastodas2{ width:500px; height:386px; overflow: hidden; position:absolute; right:0; top:249px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}

#experienciastodas3{ width:900px; height:552px; overflow: hidden; position:absolute; left:0; top:699px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}

#experienciastodas4{ width:600px; height:502px; overflow: hidden; position:absolute; right:0; top:1300px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}

#experienciastodas5{ width:400px; height:633px; overflow: hidden; position:absolute; left:0; top:1700px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}


#experienciastodas6{ width:600px; height:520px; overflow: hidden; position:absolute; left:0; top:2383px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}

#experienciastodas7{ width:400px; height:517px; overflow: hidden; position:absolute; right:0; top:2650px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}

#experienciastodas8{ width:500px; height:614px; overflow: hidden; position:absolute; left:100px; top:3012px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}


#experienciastodas9{ width:400px; height:538px; overflow: hidden; position:absolute; left:200px; top:3676px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}

#experienciastodas10{ width:400px; height:600px; overflow: hidden; position:absolute; right:00px; top:3640px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}
  
#experienciastodas11{ width:600px; height:457px; overflow: hidden; position:absolute; left:0px; top:4290px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}

#experienciastodas12{ width:300px; height:428px;overflow: hidden; position:absolute; right:0px; top:4321px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}

#experienciastodas13{  width:400px; height:404px; overflow: hidden; position:absolute; left:0px; top:4828px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}

#experienciastodas14{ width:500px; height:503px; overflow: hidden; position:absolute; right:0px; top:4828px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}


#experienciastodas15{ width:500px; height:432px; overflow: hidden; position:absolute; left:100px; top:5300px;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;}

.lima {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: grayscale(100%); /* Convierte la imagen en blanco y negro */
  transition: transform 1s ease, filter 1s ease; /* Agrega transición para suavizar el efecto */
}

.lima:hover {
  transform: scale(1.1);
  filter: grayscale(0%); /* Convierte la imagen a color */
  
}


.forma{text-align:left;HEIGHT:40px;width:50%;border:1px solid; border-color: #000000; font-size:14PX;color:#000000;font-weight:400;background-color: transparent; margin-left:-4px; border-right:0; }

.forma2{text-align:left;HEIGHT:40px;width:50%;border:1px solid; border-color: #000000; font-size:14PX;color:#000000;font-weight:400;background-color: transparent; margin-left:-7px; }

.boton{ margin-top:-2px; text-align:center;HEIGHT:40px;width:100%;border:0; font-size:14PX;color:#ffffff;font-weight:400; background-color:#000000;  cursor:pointer; margin-left:-4px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; }
.boton:hover{color:#000000; background-color:#ffffff; border:1px solid #000; }

::placeholder {
  color: #000000;
}

.texto20{color:#000000; font-size:35px; line-height:140%; text-decoration:none; font-family: 'regular';}

#buscamos{display:inline-block;text-align:center;width:90%; background-color:#00fee2; 	
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border: 0;	
	}

.buscamos{display:inline-block;text-align:center;width:85%; text-align: left;  }

.lolo{ width: 160px; display: inline-block;}


#contactame{display:inline-block;text-align:center;width:90%;	
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border: 0;	
	}

#contactos, #contactos1,#contactos2{display:inline-block;vertical-align:top;}
#contactos{ width:100%;vertical-align:middle; text-align:center; }
#contactos1{text-align:center;width:50%; height:550px; margin-left:-4px; background-color:#00fee2; 	
border-radius: 25px 0px 0px 25px;
-moz-border-radius: 25px 0px 0px 25px;
-webkit-border-radius: 25px 0px 0px 25px;}
#contactos2{text-align:center;width:50%; height:550px; margin-left:-4px; background: url(../imagenes/contacto.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
border-radius: 0px 25px 25px 0px;
-moz-border-radius: 0px 25px 25px 0px;
-webkit-border-radius: 0px 25px 25px 0px;
border: 0px solid #000000;    
}

.texto21{color:#000000; font-size:28px; line-height:120%; text-decoration:none; font-family: 'regular';}

.lima2{ width: 90%; text-align: left; display: inline-block; margin-top: 80px;}

.texto16a{color:#000000; font-size:32px; line-height:100%; text-decoration:none; font-family: 'regular';}
.texto22{color:#000000; background: #ffffff; font-size:36px; line-height:140%; text-decoration:none; font-family: 'blacker';}
.texto22a{color:#000000; background: #ffffff; font-size:35px; line-height:100%; text-decoration:none; font-family: 'blacker';}

#hemo, #hemo1,#hemo2,#hemo0{display:inline-block;vertical-align:top;}
#hemo{ width:90%;vertical-align:middle; text-align:center; }
#hemo1{width:45%;margin-right:-4px; text-align:left;  }
#hemo2{width:50%;margin-right:-4px; text-align:right;  }
#hemo0{width:5%;margin-right:-4px; text-align:left;  }	

#losdatos, #losdatos1,#losdatos2,#losdatos3{display:inline-block;vertical-align:top;}
#losdatos{ width:100%;vertical-align:middle; text-align:center; }
#losdatos1{width:170px;margin-right:-4px; text-align:left;  }
#losdatos2{width:60%;margin-right:-4px; text-align:left; margin-top:20px; }

#lainformacion{display:inline-block;text-align:center;width:90%; background-color:#efefef; 	
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 0;	
	}

#latxt, #latxt1,#latxt2{display:inline-block;vertical-align:top;}
#latxt{ width:90%;vertical-align:middle; text-align:center; }
#latxt1{width:25%;margin-right:-4px; text-align:left;  }
#latxt2{width:75%;margin-right:-4px; text-align:left; }

.texto23{color:#000000; font-size:27px; line-height:100%; text-decoration:none; font-family: 'bold'; text-transform: uppercase;}
.texto24{color:#000000; background-color:#ffffff; font-size:24px; line-height:130%; text-decoration:none; font-family: 'regular'; }
.texto25{color:#000000; font-size:16px; line-height:140%; text-decoration:none; font-family: 'bold';}
.texto25a{color:#949494; font-size:16px; line-height:140%; text-decoration:none; font-family: 'bold';}

.laga{ width:100%; height:800px;border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border: 0px solid #000000;}

#loserviciosos{display:inline-block;text-align:center;width:90%; height:800px;}

@media screen and (max-width:1570px){
#trabajamos2{height:600px; }
    
    .laga{ width:100%; height:700px;}

#elconta{height:600px;}



#lospro1,#lospro2,#lospro3,#lospro4,#lospro5,#lospro6,#lospro7,#lospro8,#lospro9,#lospro10{width:20%; height:380px; }
  .container {
     overflow: hidden;
     height:380px;
}
}

@media screen and (max-width:1362px){
#trabajamos2{height:500px; }
    
    .laga{ width:100%; height:650px;}

#labajo5{width:30%;margin-right:-4px; text-align:left; margin-top:15px; }
}

@media screen and (max-width:1350px){
#elconta{height:550px;}

#lamac{display:inline-block;text-align:center;width:90%; height:600px; 	border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;
background: url(../imagenes/somo1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
}

#som1{height:500px; }
#som2{height:500px;}

.texto15{font-size:80px;}
.texto16{ font-size:32px;}

#lospro1,#lospro2,#lospro3,#lospro4,#lospro5,#lospro6,#lospro7,#lospro8,#lospro9,#lospro10{width:20%; height:300px; }
  .container {
     overflow: hidden;
     height:300px;
}
}

@media screen and (max-width:1315px){
.texto22{line-height:90%; }

#hemo{ width:90%;vertical-align:middle; text-align:center; }
#hemo1{width:45%;margin-right:-4px; text-align:left;  }
#hemo2{width:50%;margin-right:-4px; text-align:right;  }
#hemo0{width:5%;margin-right:-4px; text-align:left;  }	

#losdatos, #losdatos1,#losdatos2,#losdatos3{display:inline-block;vertical-align:top;}
#losdatos{ width:90%;vertical-align:middle; text-align:center; }
#losdatos1{width:100%;margin-right:0px; text-align:center;  }
#losdatos2{width:100%;margin-right:0px; text-align:center; margin-top:0px; }
}

@media screen and (max-width:1220px){
.laga{ width:100%; height:600px;}

#experienciastodas{ width:1000px; height:4120px; overflow: hidden; position:relative; left:50%; margin-left:-500px;}
#experienciastodas1{ width:440px; height:571px;left:0; top:0;}
#experienciastodas2{ width:440px; height:340px;right:0; top:249px;}
#experienciastodas3{ width:440px; height:270px;left:0; top:630px;}
#experienciastodas4{ width:400px; height:368px;right:0; top:650px;}
#experienciastodas5{ width:440px; height:696px;left:0; top:1000px;}
#experienciastodas6{ width:440px; height:381px;left:500px; top:1100px;}
#experienciastodas7{ width:440px; height:569px;right:0; top:1550px;}
#experienciastodas8{ width:440px; height:541px;left:00px; top:1770px;}
#experienciastodas9{ width:440px; height:592px;left:560px; top:2150px;}
#experienciastodas10{ width:440px; height:660px;right:560px; top:2400px;}
#experienciastodas11{ width:440px; height:335px;left:560px; top:2800px;}
#experienciastodas12{ width:300px; height:428px;right:560px; top:3100px;}
#experienciastodas13{ width:440px; height:444px;left:560px; top:3200px;}
#experienciastodas14{ width:440px; height:443px;right:560px; top:3600px;}
#experienciastodas15{ width:440px; height:381px;left:560px; top:3700px;}
    
}

@media screen and (max-width:1150px){
#elconta{height:500px;}

#lamac{display:inline-block;text-align:center;width:90%; height:500px; 	border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;
background: url(../imagenes/somo1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
}

.texto15{font-size:70px;}
.texto16{ font-size:28px;}


#labajo{ width:90%;vertical-align:middle; text-align:center; }
#labajo1{width:55%;margin-right:-4px; text-align:left;  }
#labajo2{width:40%;margin-right:-4px; text-align:left; }
#labajo3{width:100%;margin-right:-4px; text-align:left; margin-top:20px;  }
#labajo4{width:70%;margin-right:-4px; text-align:left; margin-top:40px;  }
#labajo5{width:30%;margin-right:-4px; text-align:left;  margin-top:30px;  }
#labajo0,#labajo00{width:5%;margin-right:-4px; text-align:left; }

.texto1{font-size:80px; }
.texto2{font-size:80px;}
.texto3{font-size:40px;}
.texto4{font-size:60px;}
.texto5{font-size:24px; }

#comprometidas1{width:65%;margin-right:-4px; text-align:left;  }
#comprometidas2{width:35%;margin-right:-4px; text-align:right; margin-top:53px; }
.texto8{font-size:48px;}
.texto9{font-size:48px;}
}

@media screen and (max-width:1080px){
#trabajamos2{height:400px; }
    
    .laga{ width:100%; height:550px;}

.texto20{font-size:30px; }
.lolo{ width: 140px; display: inline-block;}
    
    #casos1{ display:none; }
#casos2{width:100%;margin-right:0px; text-align:left;  }


#lamac{display:inline-block;text-align:center;width:90%; height:600px; 	border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:0;
background: url(../imagenes/somo1.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
}


.texto17,.texto17a{font-size:22px;}

#som1{height:400px; }
#som2{height:400px;}


#lospro1,#lospro2,#lospro3,#lospro4,#lospro5,#lospro6,#lospro7,#lospro8,#lospro9,#lospro10{width:20%; height:250px; }
  .container {
     overflow: hidden;
     height:250px;
}

#caracteristicas1{height:350px; }
#caracteristicas2{height:350px; }
#caracteristicas3{height:350px;}
}

@media screen and (max-width:1020px){
#experienciastodas{ width:440px; height:7769px; overflow: hidden; position:relative; left:50%; margin-left:-220px;}
#experienciastodas1{ width:440px; height:571px;left:0; top:0;}
#experienciastodas2{ width:440px; height:340px;right:0; top:621px;}
#experienciastodas3{ width:440px; height:270px;left:0; top:1011px;}
#experienciastodas4{ width:400px; height:368px;right:20px; top:1331px;}
#experienciastodas5{ width:440px; height:696px;left:0; top:1749px;}
#experienciastodas6{ width:440px; height:381px;left:0; top:2495px;}
#experienciastodas7{ width:440px; height:569px;right:0; top:2926px;}
#experienciastodas8{ width:440px; height:541px;left:0; top:3545px;}
#experienciastodas9{ width:440px; height:592px;left:0; top:4136px;}
#experienciastodas10{ width:440px; height:660px;right:0; top:4778px;}
#experienciastodas11{ width:440px; height:335px;left:0; top:5488px;}
#experienciastodas12{ width:300px; height:428px;right:70px; top:5873px;}
#experienciastodas13{ width:440px; height:444px;left:0; top:6351px;}
#experienciastodas14{ width:440px; height:443px;right:0; top:6845px;}
#experienciastodas15{ width:440px; height:381px;left:0; top:7338px;}
    

#lamac{height:400px;}
#comprometidas1{width:65%;margin-right:-4px; text-align:left;  }
#comprometidas2{width:35%;margin-right:-4px; text-align:right; margin-top:40px; }
.texto8{font-size:42px;}
.texto9{font-size:42px;}
}


@media screen and (max-width:950px){
.laga{ width:100%; height:500px;}

#latxt{ width:80%;vertical-align:middle; text-align:center; }
#latxt1{width:100%;margin-right:0px; text-align:center;  }
#latxt2{width:100%;margin-right:0px; text-align:center; }

.texto23{font-size:24px;}
.texto24{font-size:22px; }

.lima2{ width: 90%; text-align: center; display: inline-block; margin-top: 40px;}
    
    #contactos1{text-align:center;width:100%; height:350px; margin-left:0px; background-color:#00fee2; 	
border-radius: 25px 25px 0px 0px;
-moz-border-radius: 25px 25px 0px 0px;
-webkit-border-radius: 25px 25px 0px 0px;
border: 0px solid #000000;}
#contactos2{text-align:center;width:100%; height:500px; margin-left:0px; background: url(../imagenes/contacto.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
border-radius: 0px 0px 25px 25px;
-moz-border-radius: 0px 0px 25px 25px;
-webkit-border-radius: 0px 0px 25px 25px;
border: 0px solid #000000;  
}
    
    #elconta{height:450px;}



#hemos1{width:100%;margin-right:0px; text-align:center;  }
#hemos2{width:100%;margin-right:0px; text-align:center;  }
#hemos0{ display:none;}

.texto15{font-size:60px;}
.texto16{ font-size:25px;}

#trabajo1,#trabajo3,#trabajo4{text-align:center;  }

.texto3{font-size:30px;}
.texto4{font-size:50px;}
.texto5{font-size:22px; }

.texto6{font-size:25px;}
.texto7{font-size:18px;}

#carrusel{
	background:url(../imagenes/carrusel.svg)center repeat-x;
	animation:200s para reverse infinite linear;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100px;
	width: 100% ;
	text-align: center;
}

#textohome{ display:inline-block;text-align:center;width:90%;}

html,body{width:100%;height:100%;font-family: 'regular';
background: url(../imagenes/fondogral2.jpg) no-repeat center 0 ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
}


#lamac{height:400px; }

.texto17,.texto17a{font-size:20px;}
.texto12{font-size:16px; }
#losproyectos{text-align:center;width:350px; }	

#lospro2,#lospro4,#lospro8{ display:none;}
#lospro1,#lospro3,#lospro5,#lospro6,#lospro7,#lospro9,#lospro10{width:100%; max-width:350px; height:450px;margin-right:0px; margin-bottom:20px;}
.lospro1,.lospro3,.lospro5,.lospro6,.lospro7,.lospro9,.lospro10{border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;}


.forma{text-align:center; }

.forma2{text-align:center;}

#labajo{ width:90%;vertical-align:middle; text-align:center; }
#labajo1{width:100%;margin-right:0px; text-align:center;  }
#labajo2{width:100%;margin-right:0px; text-align:center; }
#labajo3{width:100%;margin-right:0px; text-align:center; margin-top:20px;  }
#labajo4{width:100%;margin-right:0px; text-align:center; margin-top:40px;  }
#labajo5{width:100%;margin-right:0px; text-align:center; margin-top:25px; }
#labajo0,#labajo00{ display:none;}

#comprometidas1{width:100%;margin-right:0px; text-align:center;  }
#comprometidas2{width:100%;margin-right:0px; text-align:center; margin-top:20px; }
.texto8{font-size:42px;}
.texto9{font-size:42px;}
}

@media screen and (max-width:910px){
.laga{ width:100%; height:450px;}

#hemo{ width:90%;vertical-align:middle; text-align:center; }
#hemo1{width:100%;margin-right:0px; text-align:center;  }
#hemo2{width:100%;margin-right:0px; text-align:center;  }
#hemo0{ display:none;  }	
}

@media screen and (max-width:800px){
.laga{ width:100%; height:400px;}

    #contactos2{ height:450px;}
.buscamos{display:inline-block;text-align:center;width:90%; text-align: center;  }

    
    #casos2{ display:none;}
#casos3{width:100%;margin-right:0px; text-align:center; display:inline-block;  }

#elconta{height:350px;}


#lamac{height:300px; }

#som1{height:250px; }
#som2{height:250px;}

.texto15{font-size:50px;}
.texto16{ font-size:22px;}


#caracteristicas1{width:100%; height:250px;margin-right:0px; }
#caracteristicas2{width:100%; height:250px;margin-right:0px; margin-top:20px;  }
#caracteristicas3{width:100%; height:250px;margin-right:0px; margin-top:20px;  }
#caracteristicas4{ display:none; }
#caracteristicas5{ display:none;}


.texto1{font-size:60px; }
.texto2{font-size:60px;}
.texto3{font-size:25px;}
.texto4{font-size:40px;}
.texto5{font-size:20px; }

}

@media screen and (max-width:750px){
#trabajamos2{height:400px; }
    
    #loserviciosos{display:inline-block;text-align:center;width:90%; height:850px;
}
}
    
    
@media screen and (max-width:600px){
#loserviciosos{display:inline-block;text-align:center;width:90%; height:920px;
}
    .laga{ width:100%; height:300px;}

 #contactos1{ height:400px;}
    #contactos2{ height:400px;}
    
    #elconta{height:250px;}
}
    
@media screen and (max-width:500px){
 #trabajamos2{height:300px; }

    .laga{ width:100%; height:250px;}
 #contactos2{ height:350px;}
}
    
  
.ball {
    margin: 0 auto;
    -moz-animation: spin 1.5s infinite linear;
    -webkit-animation: spin 1.5s infinite linear;
}

@-moz-keyframes spin {
    0% {
opacity: 1;   -moz-transform: translateY(-5px); }

    100% {
opacity: 1;  -moz-transform: translateY(5px);   }
}



@-webkit-keyframes spin {
    0% {
opacity: 1; -webkit-transform: translateY(-5px); }

    100% {
opacity: 1; -webkit-transform: translateY(5px); }  
}


.ball2{-moz-animation:spin2 1.5s infinite linear;-webkit-animation:spin2 1.5s infinite linear;-0-animation:spin2 1.5s infinite linear;animation:spin2 1.5s infinite linear;}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateX(9px);}
}
@-webkit-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateX(9px);}
}
@-o-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-0-transform:translateX(9px);}
}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateX(9px);}
}



.redes{ opacity:1;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; cursor:pointer;-webkit-transform: scale(1);
  transform: scale(1);}
.redes:hover{-webkit-transform: scale(1.08);transform: scale(1.08); opacity:.8; }





#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: -20px;;
  right: 0px;
  height: 0px;
  width: 35px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease;
}


.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -moz-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #ffffff;
}
.button_container.active .middle {
  opacity: 0;
  background: #ffffff;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #ffffff;
}


.button_container .top {
  background: #6ffd00;
}
.button_container .middle {
  background: #000000;
}
.button_container .bottom {
  background: #6ffd00;
}

.button_container span {
  border: none;
  height: 4px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;z-index: 9999;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background-color:rgba(0,254,246,0.95);
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  -moz-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInUp .5s ease forwards;
  -moz-animation: fadeInUp .5s ease forwards;
          animation: fadeInUp .5s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
  -moz-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .55s;
  -moz-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
          animation-delay: .6s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 40%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  text-align: center;

}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 60px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #000000;
  text-decoration: none;
  overflow: hidden;
  font-size: 30px;
  opacity:1; line-height:120%; font-weight:400; text-transform:uppercase;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
  opacity:.7;-webkit-transition: .25s;
  transition: .25s; text-decoration: underline; 
}
.overlay ul li a:after {
  opacity:.9;-webkit-transition: .25s;
  transition: .25s;
  
}

@-webkit-keyframes fadeInRighti {
  0% {
    opacity: 0;
    top: 20%;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}

@keyframes fadeInRighti {
  0% {
    opacity: 0;
    top: 20%;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}


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

#arriba1{ width:100%; margin-left:0;}
#arriba2{display:none;}

#menumovil{ z-index:9999;position: absolute;top: 27px;
  right: 0px;
  height: 27px;
  width: 35px; display:block; z-index:999;}

#elheader{ z-index:9999;}
}


.enlacee {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #6ffd00;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;font-family: 'bold'; color:#000000; text-decoration:none; padding:8px; padding-left:20px; padding-right:20px;
  border-radius: 64px 64px 64px 64px;
-moz-border-radius: 64px 64px 64px 64px;
-webkit-border-radius: 64px 64px 64px 64px; font-size:17px;
}

.enlace {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #ffffff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;font-family: 'bold'; color:#000000; text-decoration:none; padding:8px; padding-left:20px; padding-right:20px;
  border-radius: 64px 64px 64px 64px;
-moz-border-radius: 64px 64px 64px 64px;
-webkit-border-radius: 64px 64px 64px 64px; font-size:17px;
}
.enlace:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6ffd00;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;border-radius: 64px 64px 64px 64px;
-moz-border-radius: 64px 64px 64px 64px;
-webkit-border-radius: 64px 64px 64px 64px;
}

.enlace:hover:before, .enlace:focus:before, .enlace:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}



.enlace2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #ffffff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;font-family: 'medium'; color:#000000; text-decoration:none; padding:8px; padding-left:20px; padding-right:20px;
  border-radius: 64px 64px 64px 64px;
-moz-border-radius: 64px 64px 64px 64px;
-webkit-border-radius: 64px 64px 64px 64px; font-size:17px;
}
.enlace2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6ffd00;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;border-radius: 64px 64px 64px 64px;
-moz-border-radius: 64px 64px 64px 64px;
-webkit-border-radius: 64px 64px 64px 64px;
}

.enlace2:hover:before, .enlace2:focus:before, .enlace2:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}



.enlace2a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #ffffff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;font-family: 'medium'; color:#000000; text-decoration:none; padding:8px; padding-left:20px; padding-right:20px;
  border-radius: 64px 64px 64px 64px;
-moz-border-radius: 64px 64px 64px 64px;
-webkit-border-radius: 64px 64px 64px 64px; font-size:15px;
}
.enlace2a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6ffd00;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;border-radius: 64px 64px 64px 64px;
-moz-border-radius: 64px 64px 64px 64px;
-webkit-border-radius: 64px 64px 64px 64px;
}

.enlace2a:hover:before, .enlace2a:focus:before, .enlace2a:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media screen and (max-width:800px){
.enlace2a {
padding:8px; padding-left:8px; padding-right:8px; font-size:14px;
}	
}

.enlace3 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #efefef;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;font-family: 'medium'; color:#000000; text-decoration:none; padding-bottom:7px; padding-top:2px; padding-left:20px; padding-right:20px; margin-top: 10px;
  border-radius: 64px 64px 64px 64px;
-moz-border-radius: 64px 64px 64px 64px;
-webkit-border-radius: 64px 64px 64px 64px; font-size:21px;
}
.enlace3:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6ffd00;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;border-radius: 64px 64px 64px 64px;
-moz-border-radius: 64px 64px 64px 64px;
-webkit-border-radius: 64px 64px 64px 64px;
}

.enlace3:hover:before, .enlace3:focus:before, .enlace3:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}


.custom-loader {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background:#6FFD00;
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    animation: sh1 1s infinite cubic-bezier(0.3,1,0,1);
	position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;
}
@keyframes sh1 {
  33% {border-radius: 0;background:#00FEF6 ;clip-path: polygon(0 0,100% 0,100% 100%,0 100%)}
  66% {border-radius: 0;background:#FF0135 ;clip-path: polygon(50% 0,50% 0,100% 100%,0 100%)}
}