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

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

html,body{
width:100%;
	height:100%;font-family: 'Inter', sans-serif;
background:url(../imagenes/fondo.jpg) no-repeat center 0;
 -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;	
	}
	
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; }

.os-animation{
            opacity: 0;
 }  

.os-animation.animated{
            opacity: 1;
 }  
 
*:focus { 
    outline: none; 
} 
 

 
 
#header{ width:100%; height:180px; top:0; left:0; z-index:999; }
#slide{ width:100%; height:600px;background:url(../imagenes/trailer.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;	} 
#foot{ width:100%; height:44px;background:url(../imagenes/abajo1.png) no-repeat 0 center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;	} 

#logo{ width:450px; left:20%; top:20px; position:absolute;}
#contacto{ width:233px; right:0; top:100px; position:absolute;}


.texto1{color:#ffffff;font-size:65px; line-height:100%; text-decoration:none;font-family: 'black'; font-style:italic; }
.texto2{color:#ff4d02;font-size:65px; line-height:100%; text-decoration:none;font-family: 'black'; font-style:italic; }
.texto3{color:#ffffff;font-size:50px; line-height:100%; text-decoration:none;font-family: 'regular'; font-style:italic;  }
.texto4{color:#ffffff;font-size:50px; line-height:100%; text-decoration:none;font-family: 'black'; font-style:italic; }
.texto5{color:#ff4d02;font-size:50px; line-height:100%; text-decoration:none;font-family: 'black'; font-style:italic; }
.texto6{color:#ffffff;font-size:33px; line-height:110%; text-decoration:none;font-family: 'black';  }
.texto7{color:#ffffff;font-size:33px; line-height:110%; text-decoration:none;font-family: 'regular'; }
.texto8{color:#ffffff;font-size:16px; line-height:110%; text-decoration:none;font-family: 'regular'; }
.texto9{color:#ffffff;font-size:14px; line-height:110%; text-decoration:none;font-family: 'regular'; }

#contact, #contact1, #contact2{display:inline-block;vertical-align:top;}
#contact{width:1000px;vertical-align:middle; text-align:left;  }
#contact1{width:580px;margin-right:-4px; text-align:left; }
#contact2{width:420px;margin-right:-4px; text-align:right;}

.lima{ width:90%; max-width:450px;}

#invi{width:100%; height:200px;}



::placeholder {
  color: #000000;font-family: 'regular';
}

.forma{ margin-bottom:35px;text-align:left;HEIGHT:50px;width:98%;border:0; font-size:16PX;color:#000000;font-weight:400; background-color:#ffffff; font-family: 'regular'; padding-left:10px; }
.forma2{ margin-bottom:35px; padding-top:10px;text-align:left;width:98%;border:0; font-size:16PX;color:#000000;font-weight:400; background-color:#ffffff; font-family: 'regular'; padding-left:10px;  }

.boton{text-align:center; text-decoration:none;  height:50px; line-height:50px;width:98%;border:0; font-size:20PX;color:#ffffff;font-weight:500; background-color:#ff4d02;  cursor:pointer;font-family: 'regular';}



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

}

 
@media screen and (max-width:1220px)
 { 
#logo{ width:420px; left:15%; top:20px; position:absolute;}

#slide{
 height:450px;
}

}

 
@media screen and (max-width:1020px)
 { 
#contact{width:800px;vertical-align:middle; text-align:left;  }
#contact1{width:380px;margin-right:-4px; text-align:left; }
#contact2{width:420px;margin-right:-4px; text-align:right;}

#slide{
 height:400px;
}
}

@media screen and (max-width:920px)
 { 
#slide{
 height:350px;
}

html,body{
background:url(../imagenes/fondo2.jpg) no-repeat center 0;
 -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;	
	}

#logo{ width:400px; left:5%; top:25px; position:absolute;}

}

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

#invi{ height:50px;}

.lima{ width:70%; max-width:450px;}

#contact{width:420px;vertical-align:middle; text-align:center;  }
#contact1{width:420px;margin-right:0px; text-align:center; }
#contact2{width:420px;margin-right:0px; text-align:right;} 

#slide{
 height:300px;
}

.texto1{font-size:55px; }
.texto2{font-size:55px;}
.texto3{font-size:40px;}
.texto4{font-size:40px;}
.texto5{font-size:40px;}


html,body{
background:url(../imagenes/fondo4a.jpg) repeat-y center 0;
 -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;	
	}

#logo{ width:360px; left:2%; top:10px; position:absolute;}
#contacto{ width:233px; right:0; top:145px; position:absolute;}

}

@media screen and (max-width:600px)
 { 
#slide{
 height:250px;
}
 }