@import url('https://fonts.googleapis.com/css?family=Montserrat:300,900|Titillium+Web:400,600,700&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: 'Montserrat', sans-serif;}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0e0e10;z-index:9999;}
#loader2{width:259px;height:104px;position:absolute;left:48%;top:50%;background:url(../imagenes/logo.png) no-repeat center 0;margin-left:-130px;margin-top:-52px;}
*{
font-family:sans-serif;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}
iframe{display:block;border:none;}


*:focus { 
    outline: none; 
} 


#slide1{text-align:center;width:100%; height:100%;min-height:930px;}




::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #3f3f3f;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #3f3f3f;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #3f3f3f;
}

#esconde{ display:block; width:100%; height:100%;}
#esconde2{ display:none;}

.texto3{ color:#ffffff; font-size:16px;}

.forma{text-align:center;HEIGHT:48px;width:398px;border:1; border: solid;border-color:#3f3f3f; font-size:18PX;color:#ffffff;font-weight:400; background-color:transparent; }

.boton1{background-color:#f5af00;text-align:center;HEIGHT:60px;width:398px;border:1; border: solid;border-color:#f5af00;font-size:18PX;color:#3f3f3f;cursor:pointer;}


#contactame, #contactame1, #contactame2, #contactame3{display:inline-block;vertical-align:top;}
#contactame{width:1400px;vertical-align:middle; text-align:left; margin-top:90px; }
#contactame1{width:900px;margin-right:-4px; text-align:left;}
#contactame2{width:500px;margin-right:-4px; text-align:center; }
#contactame3{width:500px;margin-right:-4px; text-align:center;}

#contactameme2{width:100%;margin-right:0px; text-align:center; background-color:rgba(14,14,16,0.90);border-radius: 14px 14px 14px 14px; -moz-border-radius: 14px 14px 14px 14px; -webkit-border-radius: 14px 14px 14px 14px;}


#subco, #subco1, #subco2{display:inline-block;vertical-align:top;}
#subco{width:600px;vertical-align:middle; text-align:left; }
#subco1{width:300px;margin-right:-4px; text-align:left;}
#subco2{width:300px;margin-right:-4px; text-align:right;}

.lima{ width:100%; max-width:461px;}

#invisible{ width:100%; height:50px;}


.lima1{ display:block;}
.lima2{ display:none;}

@media screen and (max-width:1420px){
#contactame{width:1200px;vertical-align:middle; text-align:left; margin-top:90px; }
#contactame1{width:700px;margin-right:-4px; text-align:left;}
#contactame2{width:500px;margin-right:-4px;	}
}


@media screen and (max-width:1220px){
#slide1{min-height:1000px;}

#contactame{width:1050px;}
#contactame1{width:600px;}
#contactame2{width:450px;}

#subco{width:461px;vertical-align:middle; text-align:left; }
#subco1{width:100%;margin-right:0px; text-align:center;}
#subco2{width:100%;margin-right:0px; text-align:center;}

.lima2{ display:block;}
.lima1{ display:none;}

#invisible{ width:100%; height:30px;}
}


@media screen and (max-width:1070px){
#contactame{width:450px;margin-top:50px;}
#contactame1{width:450px;}
#contactame2{width:450px;}

#subco{width:450px;vertical-align:middle; text-align:left; }
#subco1{width:100%;margin-right:0px; text-align:center;}
#subco2{width:100%;margin-right:0px; text-align:center;}

#slide1{min-height:1800px;}

#invisible{ width:100%; height:30px;}

}


@media screen and (max-width:700px){
#esconde2{ display:block;background:url(../imagenes/fondo.gif) no-repeat 50% 50% fixed ;background-size:cover;width:100%; height:100%;}
#esconde{ display:none;}

}