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

        color: #333333;
        box-sizing: border-box;
        outline: none;
        margin: 0;
        padding: 0;
    }

html, body{width: 100%;
height: 100%;}
    /*
    font-family: 'Poppins', sans-serif;
    font-family: 'Lato', sans-serif;
font-family: 'Oswald', sans-serif;
    */

img{width: 100%;}
.w10{width: 10%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w24{width: 24%;}
.w25{width: 25%;}
.w30{width: 30%;}

.w27{width: 27%;}
.w33{width: 33%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w67{width: 67%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w80{width:80%;}
.w90{width: 90%;}
.w100{width: 100%;}

img{width: 100%}
 .padre{position:relative;
}
.contenedor{max-width:70%;
    margin: 0px auto;
}
.contenedor-home{padding:10px 50px 0px 50px;
}
.flexi{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}

.flexis{display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;}
.btn1{display: block;
    position:absolute;
    position: fixed;
    z-index:3000;
    top:30px;
    left:50px;
     width:30px;
}
.ir-arriba{

padding:1em;
cursor:pointer;
display: none;
z-index: 2000;
padding: 20px;
background: #6a6a6ab4;
padding:1em 1.5em;
cursor: pointer;
position: fixed;
bottom:220px;
right: 0px;
transition: all .5s ease;
border-radius: 2em 0em 0em 2em;
}
.ir-arriba i{color:white;
font-size:22px;}

.ocultar{display: none;}
.mostrar{display: block;}



    nav{
    position: fixed;
    width:30%; 
    top:0px;
    left:0px;
    background-image: linear-gradient(rgba(51,176,142,1),rgb(83, 221, 196));
    padding-left:50px;
    padding-top: 80px;
    transition: all 2s;
    height: 100%;
    z-index: 50;
     
}


#menu{display: none;}

.f-nav{/*display: none;*/
    z-index: 999;
    position: fixed;
    width:30%; ;
    top:0px;
    left:0px;
    background-image: linear-gradient(rgba(51,176,142,1),rgba(51,176,142,1));
    padding-left:50px;
    padding-top: 80px;
    transition: all 2s;
    height: 100%;}
           


.f-nav a{
           color: white;}

.f-nav a:hover{
           color:peachpuff;
            }


    nav li{list-style-type: none;
    }
    nav a{display: block;
    text-decoration: none;
    color:white;
    font-family: 'Poppins', sans-serif;
    font-size:30px;
    letter-spacing:4px;
    font-weight: 500;
    margin-top: 9%;
    text-align: left;
     z-index: 1000;}

nav a:hover{
    color:peachpuff;

text-decoration: none;
}
video{
min-width: 100%;
max-height: 100%;
z-index:1;
}
#s1{
    width: 100%;
   
}

.firma--{position:absolute;
z-index:200;
bottom:10em;
right: 3em;
width:6em;}

.flexim{display: block;}


/* index desktop*/




.soy{
    position: absolute;
    z-index: 100;
    bottom:23%;
    right: 0%;
    width: 22%;
    padding: 1em 3em 1em 1em;
   background-color: rgba(143,200,152,0.6); 
    border-radius: 2px;
}

#s1 p{font-family: 'Lato', sans-serif;
    font-size:22px;
    letter-spacing:1px;
    line-height:26px;
    padding-top:0px;
    margin-bottom: 10px;
    text-align: left;
}



        



#portada{/*background-color: rgba(143,200,152,1);*/
background-color: white;
height: 100%; 
padding-top: 60px;}



#ind1{margin-top:10%;
margin-bottom: 10%; }


.p{padding:0px 0px 40px 150px;}
#ind1 h1{ font-family: 'Poppins', sans-serif;
    font-size:40px; 
    line-height: 40px;
    font-weight:800;
    display: block;
    margin-bottom: 8%;
    padding-bottom: 20px;

}
#ind1 h1 a{color:black;}
#ind1 h1 a:hover{ color:rgba(51,176,132,1);
text-decoration: none;}


#ind1 h2{ font-family: 'Poppins', sans-serif;
    font-size:20px; 
    line-height:22px;
    font-weight:700;
    display: block;



}

#ind1 h3:hover{ color:rgba(143,200,152,0.8);
   

}
#ind1 a:hover{color:black;
}


#ind1 h3{ font-family: 'Poppins', sans-serif;
    font-size:50px; 
    line-height:50px;
    font-weight:700;
    display: block;

}
.art3{margin-top:10%;}
.art1 p, .art3 p{font-family: 'Lato', sans-serif;
    font-size:14px; 
    line-height:20px;
    font-weight:500;
    margin-top:.75em;
    margin-bottom: 5%;
}

.mt{margin-top: 10%;}
.borobil{width:120px;
height:120px;
border-radius:120px;
background-color: rgba(51,176,132,0.7);
margin: 60px auto;
text-align: center;
padding-top:40px;}


.trabajosdestacados{
padding: 0px 30px 0px 30px;
}


.dest{
position:relative;
background:rgb(0, 0, 0); 
transition: all 0.5s ease;
overflow: hidden;
height: 350px;

  }
  
  .dest-2{
    position:relative;
    background:rgb(255, 253, 253); 
    transition: all 0.5s ease;
    overflow: hidden;
    height: 345px;
    
      } 
.dest img, .dest-2 img {opacity:0.7;
transition: all 0.75s ease;
mix-blend-mode:luminosity;

}
  .dest:hover  img, .dest-2:hover  img{opacity:1;
transform:scale(1.1);
mix-blend-mode: normal;}
.txt-destacado{
height: 70px;
position:absolute;
width:100%;
padding:15px 10px 0px 10px;
bottom:-30%;
left:0%;
background:rgba(0, 0, 0, 0.3);
border-right: 2px solid white;
transition: all 0.5s ease;}
.dest:hover  .txt-destacado, .dest-2:hover  .txt-destacado{height: 70px;
    background:rgba(0, 0, 0, 0.9);
    bottom:0%;
    left:0%;}
  .raya-bl{width:0px;
border-radius:4px;
margin:-5px auto;
height: 2px;
background:white;
transition: all 1s ease;}
.dest:hover .raya-bl{
    width:70px;
z-index:100;}
.dest p, .dest-2 p{ 
    display:block;
text-align: center;
color:white;
font-size: 14px;
line-height: 16px;
font-family: 'Poppins', sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 500;
}
.dest-2:hover a{text-decoration: none;}

.home-td{font-size: 28px;
color:#35b087;
margin-bottom: 1em;
letter-spacing: 5px;
margin-left:3.5%;
margin-top:5%;}



.s72 .titulos-proyectos{
    padding:1em ;
    height:200px;
    font-family: 'Poppins', sans-serif;
    background:#35b0875e;
}
.s73 .titulos-proyectos{
    padding:1em ;
    margin-bottom: .25em;
    height:auto;
    font-family: 'Poppins', sans-serif;
    background:#35b0875e;
}
.titulos-proyectos h2{
font-size:28px;
line-height: 32px;
font-weight: 600;
display: block;
margin-bottom: .5em;
}
.titulos-proyectos p{
    font-size:14px;
    line-height:16px;
    font-weight: 400;
    }

@media(max-width:700px){
    .home-td{ 
        font-size: 18px;
        display: block;
       margin-left:2em;
       margin-bottom: 1.4em !important;
    }
}
   





.formazio{letter-spacing: 2px;}
.forma{width:80%;
 margin-right: 0%;
    margin-left: 20%;
   }

.uni{padding-left: 60px;
border-left: 3px solid black;}

.uni a{transition:all .5s ease;
    color:rgb(34, 34, 34);
}
.uni a:hover{color:rgba(51,176,132,1) !important;
}
#btns2{
display: block;
color:white;
background-color:rgba(51,176,132,1);
padding:10px 20px;
border-radius: 30px;
width: 200px;
text-align: center;
transition: all 1s ease;}


#btns2:hover{color:black !important;
    text-decoration:none;
    background-color:rgba(51, 176, 132, 0.55);
    transform:scale(1.05);

 
}




#mv{

max-width: 1000px;
margin:4em auto;
}
#mv .w60{padding-right: 6em;}
#mv h1{
    margin-top: 2%;
    font-family: 'Poppins', sans-serif;
    font-size:75px; 
    font-weight: 800;
    text-align: left;
    color: rgba(0, 0, 0, 0.796);
   margin-bottom: .25em;
   display: block;

}

.traum{     color: rgba(0, 0, 0, 0.796);
    padding-left:2px;
    font-family: 'Poppins', sans-serif;
    font-size:25px;
    font-weight: 500;
    line-height:35px;
    text-align: left;
    display: block;
    margin-top:4%;
    }
.mostrar {display:block;}
.chap{padding-left: 300px;}

#mv p{font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 23px;
text-align: left;
color:black;
margin-top: 4%;

}

#menos, #mas{width:100px;
    transition:all .5s ease;
font-family: 'Lato', sans-serif;
font-size: 16px;   
text-align: center;
border:2px solid rgba(51,176,132,1);
padding:2px;
color:rgba(51,176,132,1);
margin:30px 5px;
background-color: transparent;}

#menos, #mas:hover{
background-color: rgba(51,176,132,1);
    color:white;
}
.negrita{font-weight:bold;}


.descrip{display:none;}
.cursi{font-style: italic;}

.padle{padding-left:100px;}

  
.mttp2{margin-top: 2%;}


.mttp2 a{color:rgba(51,176,132,1);
text-decoration: underline;}
.mttp2 a:hover{color:black;
text-decoration: none;}


.sfichap2{font-size:22px;
    padding-left: 10px;
    font-family: 'Lato', sans-serif;
    transition: all .5s ease;
}
#scont{
    max-width: 1000px;
    margin:6em auto;
}
#scont h1{font-family:  'Poppins', sans-serif;
font-size:60px;
    font-weight: 600;
letter-spacing: 3px;
 color:black;
}


/* section 3 web desktop*/



#s3-2{padding-bottom:140px;
    padding-top: 140px;}
#s3 h2, #s3-2 h2{
font-family: 'Poppins', sans-serif;
font-size:55px;
line-height:57px;
font-weight:500;
color:black;
margin-top:15%;
}
#txtphp{
    display: block;
    width: 80%;
    margin-top: 6%;
}

#s3 p, #s3-2 p{font-family: 'Lato', sans-serif;
font-size: 16px;
line-height:20px;
text-align:left;
    margin-top:4%;
}
#s3 article{margin-bottom: 1%;}

.web-des2{display: block;
padding-right: 30px;
padding-left: 30px;
border-left: 3px solid rgba(51,176,132,1);
}


.fend{padding-right: 70px;}
.nig3{font-weight: 600;}

.resal{color:white;
font-size:16px;
font-weight:300;
    letter-spacing: 2px;
margin-bottom: 4%;
}

.resal2{color:rgba(51,176,132,1);
font-size:16px;
font-weight:300;
    letter-spacing: 2px;
margin-bottom: 4%;
}



/**seciont 7 desktop**/
 

     
.s71{padding: 150px 0px 30px 0px;}

.s71 h1{font-family: 'Poppins', sans-serif;
font-size:40px; 
font-weight:500;

letter-spacing: 4px;
line-height: 44px;
display: block;
animation-name: fade;
animation-iteration-count:infinte;
animation-duration:5s;
color:rgba(51,176,132,1);}

@keyframes fade{
    from {opacity:0;}
    to {opacity:1; }
}

.s72{

 margin-bottom:0%;
 }
 
.s73{

    margin-bottom:10%;
    }
 .pad-trabajos-destacados{
     padding:0em 6em;
 }
 
 .s72 .flexis {
     margin-bottom: 1em;
 }

.s72 .flexis article{
    margin-top:.5%;
    margin-left:.25%;

     }
     .s72 .flexis .w25{
        width:24.5%;}
         @media(max-width:1024px){
            .firma--{display:none;}
            .dest{
               
                overflow: hidden;
                height:360px;
                
                
                  }
                  .pad-trabajos-destacados{
                    padding:0em 4em !important;
                }
            .s72 .flexis .wt49{
                width:49%;
            margin-bottom: 1em;}
            .txt-destacado{
                height:50px;
         
                bottom:0%;
                background:rgba(0, 0, 0, 0.7);
     }
            .dest:hover  .txt-destacado{height: 70px;
                background:rgba(0, 0, 0, 0.9);
                bottom:0%;
                left:0%;}
                .raya-bl{width:60px; 
                    border-radius:4px;
                    margin:0px auto;
               ;}
                    .dest:hover  .raya-bl{
                        width:70px;
                    z-index:100;}
            }
        @media(max-width:750px){
            .s72 .flexis .wm100{
            width:100%;}
            .dest{
            
                height: 430px;
                
                  }
                  .txt-destacado{
                    height:80px;
                    position:absolute;
                    width:100%;
                    padding:25px 10px 0px 10px;
                    bottom:0%;
                    left:0%;
                    background:rgba(0, 0, 0, 0.7);}
                
                    .dest:hover .txt-destacado{
                        height:80px;
                        position:absolute;
                        bottom:0%;
                        left:0%;}
                        .pad-trabajos-destacados{
                            padding:0em 3em !important;
                        }
                
                }            




 














/**section  8 desktop**/
.s8{
    background-color:white; 
    background-attachment: fixed;
    padding:40px 0px 40px 0px;
}
 .s8 h2{
font-family: 'Poppins', sans-serif;
font-size:35px;
color:black;
line-height: 37px;
font-weight:600;
text-align: left;
margin-bottom:2%; 

}

.s8 article{ width:85%;
    margin: 0 auto;}
.s8 p{font-family: 'Lato', sans-serif;
font-size:22px;
text-align: left;
margin-top: 0%;
padding-left:5px;
padding-right:160px;
color:black;
border-top:2px solid black;

}



.tits8{padding-top: 40px;
    
}


.insta{width: 5%;
padding-top: 0%;
margin-left:0px;}

 .flec, .flec1, .flec2, .flec3{width: 15px;

     position: absolute;
     top:45px;
     left:300px;

}
.fle{padding-right: 0%;
padding-top:6px;}
.gale, .gale2, .gale3{padding-top: 50px;
display: none;}
.gale .flexi div, .gale2 .flexi div, .gale3 .flexi div{
    padding:.15em;
}
.s8marg{margin-top:8%;
margin-bottom: 14%;}







/** footer **/

footer p{   font-size: 16px;
font-family: 'Lato', sans-serif;
text-align:left;
color:white;}
footer{background-color: black;
padding:35px 20px 0px 0px;}
.negrita-verde{font-weight: 600;
font-size:20px;
    font-family: 'Poppins', sans-serif;
    color:rgba(140,200,152,1);
  
}
footer a{color:rgb(255, 255, 255);
transition: all .5s ease;}
footer a:hover{color:rgba(51,176,132,1);
}

#pres{color:rgba(51,176,132,1);}

footer div div{text-align: left;}
.logolc{width: 22%;
float:right;
}
#finsta{ text-align: center;}
#finsta a{
color:white;
display: block;

float:right;
text-align:right;}
#finsta a:hover{color:rgba(51,176,132,1);
text-decoration: none;}
#finsta div{width: 15%;}
/*branding*/




.s21 h1{  font-family: 'Poppins', sans-serif;
    font-size:50px;
    font-weight: 500;
    line-height:50px;
    text-align: left;
    display: block;
    width: 60%;
    padding-left: 40px;
}
.s21{
    border-bottom: 3px solid rgba(143,200,152,1);
    }

.pa{padding:50px 0px;}




.s21 p{font-family: 'Lato', sans-serif;
font-size: 16px;
text-align: left;
color:black;
}


.rota{transform: rotate(90deg);}
/*este class es porq el primero esta desplegado*/
.rota2{transform: rotate(0deg);}
.marginelk{margin-top: 3%;}
.elk{display:none;}
.elk1, .elk2, .elk3{display: none;}
.txtelk{padding-left: 30px;
margin-top: 2%;}
.brcarru{margin-top: 2%;}


/* present desktop*/




/* ilustracionn*/


.iludiv{
    padding: 80px 30px;
display: block;}
.iludiv p{font-family:'Lato', sans-serif;
font-size: 16px;
line-height: 20px;
}
.ilu2{font-family: 'Poppins', sans-serif; 
font-size: 55px;
    line-height: 50px;
color:rgba(51,176,132,1);
font-weight: 600;
margin-bottom: 8%;}
#tituloilus{padding:90px 0px;
background-color: white;}
#tituloilus h1{font-size: 120px;
line-height:105px;
font-weight:600;
font-family: 'Poppins', sans-serif;
margin-bottom: 8%;

}

.tote{padding-top: 30px;}



/*
font-family: 'PT Sans', sans-serif;
*/

.mttp{margin-top: 8%;
}
.mbtt{margin-bottom: 8%;}
#pt{font-family: 'PT Sans', sans-serif;
font-size:50px;
line-height: 50px;
}

.sfichap{font-family:'Lato', sans-serif;
font-size: 16px;
line-height: 20px;
padding-left: 35px;
padding-right:0px;

}
.sfichap2{font-family:'Lato', sans-serif;
font-size: 16px;
line-height: 20px;
padding-left: 35px;

  
}


#sficha h1{
font-family: 'Poppins', sans-serif; 
font-size:20px;
letter-spacing: 2px;
font-weight: 500;
padding-left: 35px;
}
#sficha h2{
font-family: 'Poppins', sans-serif; 
font-size:20px;
letter-spacing: 2px;
font-weight: 700;
padding-left: 50px;
}
#color1{padding-left: 150px;}

#color2{padding-left: 50px;}
#txtlaro{
    margin-top: 4%;
    font-size: 16px;
line-height: 20px;

}
.marraizda{border-left: 3px solid rgba(51,176,132,1);}

    .tmat{margin: 0px auto;}



.color5{text-align: end;
padding-right: 40px;}

.saskinaski{margin-top:4%;}




/*nuevo apartado web*/
.w-69{width: 69%;
    overflow:hidden;
    background:black;}

.w29{width: 29%;}
.h-269{height: 256px;

}
.academia-{
padding: 1em 2em;}
.academia- h1{
    font-size:20px;
    text-transform: uppercase;
    font-family: 'poppins';
    color:rgb(48, 48, 48);

 
}
.tit-txt{ vertical-align: top;
    display: inline-block;
    width:64%;
    margin-top:1.5em;
padding-left: 1em;}
.academia- p{
    font-size:14px;
    line-height:1.2em;
    color:rgb(26, 25, 25);
    font-family: 'Lato';
}
.number-web{font-size:90px;
    font-weight: 700;
    color:rgb(26, 25, 25);
    display: inline-block;
    width:25%;
    vertical-align: top;
font-family: 'Poppins';}
.academia-abajo{
    margin-top:1em;
    overflow: hidden;
    background:BLACK;
  
}
.web-galery-{margin-top:1em;
margin-bottom: 4em;}
#web-s2 .academia-abajo img{
transition: all .5s ease;

}
#web-s2:hover .academia-abajo img{

        transform:scale(1.2);
    opacity: 0.7;
}
#web-s2 .w-69 img{
    transition: all .5s ease;
    transform:scale(1.05);
    }
    #web-s2:hover .w-69 img{
        transform:scale(1.2);
        opacity: 0.7;
    }

    #web-s2  .academia-{
    transition: all 1s ease;
position:relative;}
    

#web-s2:hover .verde-{
    background: #79ab709e; }
#web-s2:hover   .azul-{
    background:#6fcefd56;}
    #web-s2:hover .naranja-{
        background: rgba(255, 166, 0, 0.611); }
    #web-s2:hover   .azul2-{
        background:#47cbcf7e;}


    #web-s2:hover   .rosa-{
        background: rgba(244, 158, 118, 0.522); 
    }



   
    #web-s2   .academia- .fas{
        color:rgb(26, 25, 25);
        position:absolute;
        bottom:1em;
        left:2em;
        transition: all .5s ease;}
    #web-s2   .academia-:hover .fas{
        bottom:1em;
        left:3em;}

#web-s2 a{text-decoration:none;}
@media(max-width:1102px){
        .w-69{width: 49%;
        overflow:hidden;
        background:rgba(174, 155, 155, 0);
    }
    .w29{width: 49%;}
    #web-s2 {padding:0em 4em;}
    #web-s2 a article{margin-top:4em;}
}
@media(max-width:700px){

    .w-69{width: 100%;
        overflow:hidden;
        background:rgba(174, 155, 155, 0);
    }
    .w29{width:100%;}
    #web-s2 {padding:0em 1em;}
    #web-s2 a article{margin-top:1em;
        padding-top:2em;
    border-top:3px solid  rgba(51,176,132,1);}
}
.h-269{height:250px;

}
}









@media screen and (max-width:1400px){
   
    
    nav{width:40%;}
   

.soy{
    position: absolute;
    z-index: 100;
    bottom:4%;
    left:30%;
    width: 40%;
    padding: 25px;
    background-color: rgba(143,200,152,0.6);
}
        

    
.f-nav{/*display: none;*/
            z-index: 999;
            position: fixed;
            width:100%;
            top:0px;
            left:0px;
            background-color:rgba(51,176,132,1); 
           
        }
           
.f-nav ul{
        display:flex;
        flex-wrap: wrap;
        width: 80%;}

.f-nav a{color: white;}

      
#btns1{
font-size:16px;
width: 110px;
top:17%;
right:11%;}
    
.mt{margin-top: 15%;}      
    


.web-des2{display: block;
padding-right: 15px;
padding-left: 15px;
border-left: 2px solid rgba(51,176,132,1);
}
    .mind, .saskinaski{margin-top: 4%;}
    
  
    
    
.s72 {padding: 20px 0px;}
    
    

    
    
    
 
    
     
.s71{padding: 150px 20px 30px 20px;}
.s71 h1{font-family: 'Poppins', sans-serif;
font-size:60px; 
font-weight:500;
letter-spacing: 4px;
line-height: 64px;
border-bottom:4px solid rgba(51,176,132,1);
color:rgba(51,176,132,1);}

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
      /* section8*/  
      .s8 h2{
    font-size:40px;
    color:black;
    line-height: 40px;
    padding-left: 0px;
    }

     .flec, .flec1, .flec2, .flec3{width: 20px;

     position: absolute;
     top:40px;
     left:290px;

}
    
    /* foote*/
 .logolc{width: 30%;
float:right;
}   
    
    
/*presentacion*/
    

#mv h1{
 
    font-size:90px;
      line-height:94px;}

.traum{
    padding-left:5px;
    font-size:30px;}
    

.autofoto{margin-top: 350px;
  animation-duration: 3s;
}

    .chap{padding-left:100px;}
#habilidades, #herramientas{margin-top: 3%;
padding:40px 120px;
border-top: 3px solid rgba(143,200,152,1);
}
#habilidades h1, #herramientas h1{
font-size:60px;}

.sfichap{
padding-left: 20px;
padding-right:40px;
} 



}











@media screen and (max-width:1024px){
    .wt5{width: 5%;}
    .wt22{width: 22%;}
    .wt20{width: 20%;}
    .wt25{width: 25%;}
    .wt49{width: 49%;}
    .wt50{width: 50%;}
    .wt60{width: 60%;}
    .wt40{width: 40%;}
    .wt70{width: 70%;}
    .wt75{width: 75%;}
    .wt80{width: 80%;}
    .wt30{width: 30%;}
    .wt33{width: 33%;}
    .wt90{width: 90%;}
    .wt100{width: 100%;} 
    
.contenedor{max-width:75%;

    margin: 0px auto;
}


    header{position: relative;}
.btn1 {display: block;
    position:absolute;
    position: fixed;
    z-index:3000;
    top:20px;
    right:30px;
    width:25px;
}
      nav{
    width:100%; 
    float:none;
    left:0px;
    z-index: 2000;
    padding-top:50px;
    padding-bottom: 50px;
    padding-left:0px;
    background-color:rgba(41,156,122,0.8);
    position:none;
    height:100%; }
    #menu{display: none;}


    nav ul{
    display:block;
    width: 100%;
        
}
    nav li{list-style-type: none;
    }
    nav a{display: block;
    text-decoration: none;
    padding-top: 30px;
    margin: 0px auto;
    width: 80%;
    margin-bottom: 0%;
    font-family:  'Poppins', sans-serif;
    font-size: 40px;
    line-height: 45px;
    letter-spacing:4px;
    text-align: center;
    }



     .f-nav{   display: none;
padding-top:50px;
padding-bottom: 50px;
padding-left:0px;
font-family:  'Poppins', sans-serif;
background-color:rgba(51,176,132,1);
width:100%;
margin: 0px auto;
 height:100%;
}
     .f-nav ul{  display: block;
     width: 100%;}
     .f-nav a{display: block;
    text-decoration: none;
    padding-top: 10px;
    margin: 0px auto;
    width:80%;
    text-align: center;
    padding:10px;
     padding-top:30px;}
  
    .tocultar{display:none;}
     .tmostrar {display:block;}
       
  #s1{ width: 100%;
    padding: 0px;}
 

    #videocito{width:60%;
margin: 0px auto;}
 
    



.soy{
    position: absolute;
    z-index: 100;
    bottom:20%;
    height: auto;
    left:20%;
    width:61%;
    padding: 15px 15px 2em 15px;
    background-color: rgba(143,200,152,0.6);
    text-align: center;
}
    #s1 p{font-size:28px;
    letter-spacing: 1px;
    line-height: 32px;}
    

    
    #ind1{margin-top:15%;
        margin-bottom: 15%;
 }
    
    
.p {padding:0px 0px 30px 80px;}
#ind1 h1{ 
    font-size:50px; 
    line-height: 50px;
    margin-bottom: 7%;
}

#ind1 h2{ 
    font-size:16px; 
    line-height:20px;}
.raya-bl{display:none;}
    
.borobil{width:90px;
height:90px;
border-radius:90px;
margin: 65px auto;

padding-top:30px;}
    
.art3 {margin-top:10%;}
.forma{width:95%;
 margin-right: 5%;
    margin-left: 0%;
   }

    
    .mt{margin-top: 15%;}   
    
    #ind1 h3{font-size:35px;
    line-height: 37px;
    margin-bottom: 2%;
    transition:all .5s ease;}
    
    
    
    #ind1 p {margin-bottom:8%;} 
    
    
    
    
  
    #s3{padding-top:20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    /* background-color:rgba(51,176,132,1); */
}
    #s3 h2, #s3-2 h2 {font-size:70px; 
        padding-left:0px;
        text-align: left;
        color:black;
        line-height: 65px;
        margin-bottom: 4%;
    }
    

    #hija{padding-left: 0px;}
    
    
    #s3 p{
font-size: 16px;
font-weight: 500;
margin-top: 3%;}
    
    .web-des2{display: block;
    padding-right: 0px;
    padding-left: 0px;
    border-left: 0px solid rgba(51,176,132,1);
    }    
    
    
  #s3 article{margin-bottom: 2%;}

 
    .fon{background-color: rgba(250,250,250,0.3);
      padding:20px 20px;
  
    }

  .fon2{background-color:rgba(51,176,132,0.3);
        padding:20px 20px;
      
  }  
    
    

    


    .flexit{display:block;}
   

.s7, .s72{padding:10px 0px;
}
 .s7 h2{
    font-family: 'Poppins', sans-serif;;
    font-size:40px; 
    line-height:42px;
    padding-left:0px; 
     margin-bottom: 0%;
     text-align: left;
}
.s72 h2 {
    font-family: 'Poppins', sans-serif;;
    font-size:30px; 
    line-height:34px;
  
}

.titrotado{width:40%;
    padding-left: 0px;
    padding-right: 0px;} 
 
.s7art2{
width: 60%;
padding: 0px;
}
 

    .publi{font-weight: 500;
    font-size: 18px;
    letter-spacing: 2px;}

.btns7t{float:left;
    margin-left: 30px;
    margin-top:5%;
    display: block;
    text-decoration: none;
    padding:5px;
    color:rgba(51,176,132,1);
    text-align: center;
    width:130px;
    font-size: 16px;
    font-family: 'Lato', sans-serif; 
    border-top:2px solid rgba(51,176,132,1);
    }
    .btns7t:hover{color:black;
    text-decoration: none;}
 
.s71{padding: 100px 0px 40px 0px;}
.s71 h1{font-family: 'Poppins', sans-serif;
font-size:50px; 
line-height: 52px;
border-bottom:3px solid rgba(51,176,132,1);
color:rgba(51,176,132,1);}

    
    /* foto tablet */
.s8{
padding: 2px 0px;}
    
.s8 h2{
font-size:25px;
color:black;
padding-left:0px;
margin-bottom: 0px;

 }
    

#mmtop{margin-top:10%;
margin-bottom: 10%;} 




.wt90{width:90%;
    margin: 0px auto;}

 .flec, .flec1, .flec2, .flec3{
     
     top:50px;
     left:300px;

}    
    .fle{width: 10px;}
    
    .fototxt{margin-top: 4%;}
    

    
    
    
    /*footer tablet*/
 
 .logolc{width: 35%;
float:right;
}   
   
    
    
    
    
/* branding tablet*/
#titulobr{padding:50px 0px;
}
#titulobr h1{font-size:70px;}

.s21 h1{  font-size:40px; 
line-height: 40px;
    padding-left:0px;}
.s21{padding:0px 0px;}
.s21 p{line-height: 22px;}
.fle{padding-right: 0%;
padding-top: 8px;}

.flec, .flec1, .flec2, .flec3{width: 15px;}    
 .rota2{transform: rotate(0deg);}

.marginelk{margin-top: 3%;}
    
.brcarru{margin-bottom:5%;}
    
.txtelk{padding-left:0px;
margin-top: 6%;
padding-right: 40px;}

.pa{padding: 30px 0px;}
    
    
    
/* present tablet */
#mv, #scont{padding:1em 7em;}
#mv h1{

    font-family: 'Poppins', sans-serif;
    font-size:70px; 
    font-weight: 800;
    line-height:72px;
    text-align: left;
    color: black;
   margin-bottom: 10%;
}


#mivida h1{
    margin-top:10%;
    margin-left:60px;
    margin-right:20px;
    font-size:50px;
    line-height:54px; }
.chap{padding-left: 0px;}
#mivida p{margin-top:4%;
   }
    
.traum{
 font-size:25px; }
.mostrar {display:block;}
    .padle{padding-left: 20px;}
    
#scont h1{font-size:40px;
    letter-spacing: 2px;
    color:rgba(51,176,132,1);}
    #scont p{font-size: 18px;}   
    #scont article{margin-bottom:4em;}
    /* Ilustracion tablet*/
.iludiv{padding: 50px 20px;
}
.ilu2{font-family: 'Poppins', sans-serif; 
font-size: 30px;
}

#tituloilus h1{font-size: 70px;
line-height:70px;
margin-bottom: 10%;
}
    
.mttp{margin-top: 10%;}    

    
  #sficha h1{padding-left: 25px;
    font-size: 16px;
    line-height: 18px;}  
   
.sfichap{font-family:'Lato', sans-serif;
    padding-left: 30px;
padding-right:20px;
} 
 .sfichap2{font-family:'Lato', sans-serif;
padding-left: 0px;
padding-right:20px;
height: 40px;

display: block;

}    
  
.color5{text-align: end;
padding-right:25px;}



}




@media screen and (max-width:720px){
    
#s2 h2, #s3 h2, #s5 h2, #s6 h2, #s7 h2, #s8 h2 {font-size:60px;}

    
    .wm100{width: 100%;}
    .wm35{width: 35%;}
    .wm50{width: 50%;}
    .wm75{width: 75%;}
    .wm80{width: 80%;}
    .wm20{width: 20%;}
    .wm40{width: 40%;}
    .wm90{width: 90%;}
    .wm10{width: 10%;}
   
    .mflexi{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
    .flexinom{display:block}
    .mocultar{display: none;}
    .mmostrar{display: block;}
    
    .contenedor{max-width: 90%;
    margin: 0px auto;}
    
    
    .btn1{display: block;
    position:absolute;
    position: fixed;
    z-index:3000;
    top:20px;
    left:30px;
    width:25px;
}
    nav, .f-nav{padding: 60px 0px;}   
    
    
    nav a{line-height: 40px;
        font-size:30px;
    letter-spacing:4px;
    text-align: center;
    padding-top: 30px;
}
    /*contacto movil*/  
    #mv{padding:4em 2em;}
    #scont{padding:0em 2em;}
    #mv h1{font-size:60px;
    line-height: 60px;
    } 
    #mv .w60{padding-right: 0em;}
    #scont{margin-top: 10%;}
    #scont h1{font-size:30px;
    margin-bottom:4%;
    margin-top: 4%;
    padding-left:10px;
   }
    #scont p{font-size:16px;}
    .mttp2{margin-top: 0%;}
    
    #scont div div{margin-bottom:5%;}
    
    
    /*Section1*/
    

      


#s1 p{padding-right:0px;
    font-size: 18px;
    line-height: 20px;
    margin-left: 0%;
    margin-top: 0%;
    padding-left: 0px;
    text-align:center;  
    }


#portada{
padding-top:0px; 
padding: 0px;}
#videocito{width:100%;
margin: 0px auto;
padding-top:40px;
}

    .soy{width:85%;
    padding: 20px 50px;
    left: 0px;
    bottom: 20%;
    height: auto;
    border-radius: 0px;}
  
    #ind1{margin-top: 0%; }
    #ind1 h1{ 
    font-size:35px; 
    line-height: 37px;
    margin-bottom:5%;}
    #s1 p{
        text-align: left;
    }
 
        
#ind1 h2{ 
    font-size:20px; 
    line-height: 25px;
    
}
    .p{padding: 0px 0px 0px 40px;}

    
 
    .forma{width: 50%;
        display: block;
       margin-left:30px;
        margin-top: 15%;
        border-bottom: 2px solid black;
 }    
    
    
       
    #ind1 h3{ 
    font-size:25px; 
    line-height: 25px;
    margin-bottom: 3%;
} 
    #ind1 p{margin-bottom: 7%;}


    .trabajosdestacados p{ text-align: center;
        
}    
.trabajosdestacados .w25{margin-left:0.5%;}
    .uni{border-left: none;
    padding: 20px 0px 0px 20px;
    margin-bottom: 15%;}
    
  
    .dest , .dest2{margin-top: 1%;}  
    .dest p, .dest2 p{font-size:18px;
    padding: 0px 40px;}
    
    .txt-destacado{border:none;}
   
    
    
    /*Section3*/
    #s3, #s3-2{
       padding:20px 0px;}
    #s3 h2, #s3-2 h2{line-height:33px;
    font-size:33px;
    margin-bottom: 7%;
    color:black; }
    .pub0{font-size:20px; line-height: 20px;
    text-align: center;
    padding-right: 50px;
    display: block;}
       
    #s3 p{color:black;
 
        text-align: left;
      
    }
    .movpa{padding: 0px 20px;}
    
.web-des2{padding:0px;
    height: none;}

.resal{
display: block;
padding: 20px 5px;
font-weight: 400;
}

.resal2{display: block;
    padding: 20px 5px;
       font-weight: 400;
    
}
.fon{background-color: rgba(250,250,250,0.3);
      padding:20px 20px 60px 20px;
     margin-top: 4%;
    }

  .fon2{background-color:rgba(51,176,132,0.3);
        padding:20px 20px 60px 20px;
      margin-top: 4%;
  }  
/*Section6*/
 
/*Section7 MOVIL no está centrada con el container, sino con el class movilcentrar */
    
    
.s71{padding: 80px 20px 0px 00px;
  }

.s71 h1{font-size:25px;
    margin-bottom: 1em;
    line-height:30px;
    font-weight: 400;
    border-bottom: 0px solid black;
    }
        
    
    
.s7{padding:10px 0px; }
.s72{margin-top:-2%;
margin-bottom:16%;}
.s7 h2{
    font-size: 33px;
    padding-top: 0px;
    line-height: 32px;
    padding-right: 0px;
    color:rgba(51,176,132,1);
    font-weight: 500;
    padding-left: 0px;
    margin-bottom: 5%;
    }
 

.s7art2{display: none;}
.padri{padding-right: 250px;}

    

    
    
    
.publi{font-size: 18px;
letter-spacing: 2px;}
/*
.s7art2{width: 50%;
}
    */
 
.titrotado{width:50%;
    padding:15px 0px;} 
.cuadricula2{width:100%;
    display: flex;
    justify-content: space-between;}

/*.movilcentrar{width:90%;
    margin: 0px auto;}
*/
    .rev, .gp, brdng{display: none;}    
    
    


/*Section8*/

.s8{
 padding: 5px 0px;}
.s8 h2{
font-size:30px;
color:black;


 }
.s8 p{text-align: center;
    margin-top: -10px;
    border-top: 2px solid black;
    width: 90%;
    color: black;
    margin: 0px auto;
    display: block;}


    #mmtop{margin-top: 8%;
    margin-bottom: 16%;}


.tits8{padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 10px;
    
}

 .flec, .flec1, .flec2, .flec3{
     
     top:46px;
     left:220px;

}   
    .gale div{padding: 2px;}
      .gale2 div{padding: 2px;}
      .gale3 div{padding: 2px;}
    .gale, .gale2, .gale3{padding-top: 0px;}
    
    
    
    
        
.s8marg{margin-top:10%;
margin-bottom: 34%;}
    
    
    
    
    
    
    
    
    
/*branding8*/
 
    


.s21{padding:0px 0px;}
.s21 h1{font-size:30px;
    line-height: 30px;
    width:70%;
    display: block;

    }
.txtelk{padding:0px;
margin-top:6%;} 

    .rota2{transform: rotate(0deg);}
    
    .pa{padding: 40px 0;}

    
/* ILUSTRACION MOVIL: */    
    
   .iludiv{padding: 20px 20px;
}
.ilu2{font-family: 'Poppins', sans-serif; 
font-size: 24px;
    line-height: 24px;
    margin-bottom:6%;
}

#tituloilus h1{font-size: 50px;
line-height:50px;
margin-bottom: 10%;
}
  
    
    
#color1{padding-left: 10px;}

#color2{padding-left: 20px;}    
    
.sfichap{
padding-left: 20px;
padding-right:20px;
      margin-top: 4%;
}
.sfichap{font-family:'Lato', sans-serif;
    padding-left: 20px;
padding-right:20px;
} 
    
#sficha h1{padding-left: 25px;
    font-size:16px;
    line-height: 18px;}
#sficha h2{
padding-left: 20px;
}  
  
    
.s711{padding:80px 0px 0px 0px;}
.s711 h1{
    font-family: 'Poppins', sans-serif;
    color: rgba(51,176,132,1);
    font-size: 25px;
    margin-bottom: 1em;
    line-height: 25px;
    font-weight: 400;
    border-bottom: 0px solid black;
    display: block;
    animation-name: fade;
    animation-iteration-count: infinte;
    animation-duration: 5s;
    color: rgba(51,176,132,1);}
    
 
        
.txikiago{font-size: 15px;
    letter-spacing: 2px;
    color: rgba(51,176,132,1);
 }    
  
      
.color5{text-align: end: ;
padding-right:10px;}
    
    
    .movpad{padding-left:25px;}

    
    #finsta{margin-left:  20px;
    margin-bottom: 5%;}  
    
    
    
 }
 .contenedor-slider{

     margin:2em auto;
 }
 .contenedor-slider img{
     animation-name:fade; 
    animation-duration:2000;}
@keyframes fade{
    from {opacity:0;}
    to {opacity: 1;}

 }
 .quente{margin-bottom: 5em;}
 .quente .w50{padding:1em;}
 .quente .sdo{margin-top:14em;}
 .s71 h1 a{color: rgb(20, 20, 20);}
 .lopene{margin-bottom:8em;}
 .ama1{margin-top:2em;}
 .amalur h2{margin-bottom:1em;}
 #simbolo p{margin-bottom: 3em;
padding-right: 1.5em;}
.img-sim{margin-top:4em; display: block;}
@media(max-width:1024px){
    .quente .sdo{margin-top:2em;} 
    .s73{

        margin-bottom:10%;
        }  
     
}
@media(max-width:720px){
    .s72 .titulos-proyectos {
        padding: 1.5em;
        height: auto;
        margin-bottom: 0px !important;
    
    }
    .s72 .titulos-proyectos h2{font-size:25px;}
}
#insta-feed .eapps-link{display:none !important;
opacity:0;}
.eapps-instagram-feed-title {
    font-size: 0px;
  display:none !important;}
  #insta-feed h2{
      font-family: 'Poppins';
      margin-bottom: 1em;
      font-size:30px;
 
  }
  #insta-feed h2 a{
    color:#35b087;
    transition:all .5s ease;
}
#insta-feed h2 a:hover{
color:#5a5e5d;
    text-decoration: none;
}
#insta-feed{

    background-color:#68ba9f7b;
    padding:5em 20em;

}
@media(max-width:1300px){
    #insta-feed{

        background-color:#68ba9f7b;
        padding:5em 12em; }
      
}

@media(max-width:1200px){
    #insta-feed{

        background-color:#68ba9f7b;
        padding:5em 10em; }
        #insta-feed h2{
            font-family: 'Poppins';
            margin-bottom: 1em;
            font-size:24px;
    
        }
}

@media(max-width:900px){
    #insta-feed{

        background-color:#68ba9f7b;
        padding:5em 5em; }
}
@media(max-width:800px){
    #insta-feed{

        background-color:#68ba9f7b;
        padding:3em 2em; 
    }
    #insta-feed h2{
        font-family: 'Poppins';
        margin-bottom: 1em;
        font-size:20px;

    }
}

.slider-ilustracion{position:relative;
max-width: 1100px;
margin:2em auto;}
.slider-ilustracion .carousel{
    width:100%;

}
.slider-ilustracion .carousel img{
    width:50%;
    display: block;
    border-right:5px solid #90c799;

}
.slider-ilustracion .txt-foto{
position:absolute;
left:48%;
top:2em;
z-index:1000;


}


#irens .txt-foto h1{
    width:600px;
padding:1em 2em;
background:#35b087;
display:block;
color:white !important;
font-size:25px !important;
font-family: 'Poppins', sans-serif !important;
font-weight: 400;
margin-bottom:2em;
letter-spacing: 1px;
line-height: 25px;

}

.slider-ilustracion p{
 display:block; 
 padding:0em 2em 0em 3.5em;
 font-family: 'Lato', sans-serif;
 }
 .slider-ilustracion p a{
color:#35b087;
transition: all .5s ease
    }
    .slider-ilustracion p a:hover{
        color:#397560;
        }
#siguiente{position:absolute;
left:44%;
top:45%;
height: 40px;
width: 40px;
border-radius:20px;
background:black;

}
#anterior{position:absolute;
    left:1%;
    top:45%;
    height: 40px;
    width: 40px;
    border-radius:20px;
    background:black;
    }
    @media(max-width:1300px){
        .slider-ilustracion{position:relative;
            max-width: 900px;
            margin:2em auto;}  
    }

    @media(max-width:1100px){
        .slider-ilustracion{position:relative;
            max-width: 800px;
            margin:2em auto;}  
    }
    @media(max-width:1024px){
        .slider-ilustracion{position:relative;
            max-width:80%;
            margin:0em auto 6em auto;}  
            .slider-ilustracion .carousel img{
                width:60%;
                display: block;
                border-right:5px solid #90c799;
            
            }
            .slider-ilustracion .txt-foto{
               left:60%;
               width:40%;                
                }


                #irens .txt-foto h1{
                 width:100%;
                padding:1em 2em;
                font-size:19px !important;
                font-family: 'Poppins', sans-serif !important;
                font-weight: 400;
                margin-bottom:1em;
                letter-spacing: 1px;
                line-height: 25px;
                
                }
                
                .slider-ilustracion p{
                 display:block; 
                 padding:0em 0em 0em 3.5em;
                 font-family: 'Lato', sans-serif;
                 font-size:14px;
                 }   
    }

    @media(max-width:700px){
  
        .slider-ilustracion{position:relative;
            z-index:1;
            max-width:90%;
            height: 500px;
            z-index:1;
            margin:2em auto 12em auto;
            overflow:visible;}  
            .slider-ilustracion .carousel img{
            width:100%;
            display: block;
            z-index:2;
            border-right:5px solid #90c799;
            
            }
            .slider-ilustracion .txt-foto{
               left:0%;
               top:85%;
               position:absolute;
               z-index:1000;
               width:100%;          
               background:rgba(255, 255, 255, 0.591);     
                height: 250px;
                }
                
     

                #irens .txt-foto h1{
                padding:1em 1em;
                font-size:17px !important;
                line-height: 19px;
                width:90%;
                margin-top:-1em;
                
                }
                
                .slider-ilustracion p{

                 padding:0em 1em 0em 1em;
             
         
                 }   

                 #siguiente{position:absolute;
                    left:90%;
                    top:47%;
                    height: 30px;
                    width: 30px;
                    border-radius:15px;
                    background:black;
                    
                    }
                    #anterior{position:absolute;
                        left:1%;
                        top:47%;
                        height: 30px;
                        width: 30px;
                        border-radius:15px;
                        background:black;
                        }

                        .carousel-inner {
                            position: none  !important;;
                            width: 100%;
                            overflow: visible !important;
                        }
                        
                        
                       
    }