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

*{margin:0;padding:0;box-sizing:border-box;font-family: 'Raleway', sans-serif;}
*, body, h1, h2, h3, h4, h5, h6,p , span, a,nav, ul, li, img,section{padding:0 auto;margin:0 auto;box-sizing:border-box;}
.contenedor{width:85%;height:auto;background:none;}
body{background:#9F999D;}
#engranaje{padding:5% 0%}

@keyframes rotate {from {transform: rotate(0deg);}
to {transform: rotate(360deg);}}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}}
.rotate img{-webkit-animation: 3s rotate linear infinite;
animation: 8s rotate linear infinite;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;}

.rotate.reverse img{-webkit-animation-direction: reverse;
animation-direction: reverse;}

#contenedor-engranaje .engrane .absolute img, #contenedor-engranaje1 .engrane .absolute img, #contenedor-engranaje2 .engrane .absolute img,
#contenedor-engranaje .engrane .absolute2 img, #contenedor-engranaje1 .engrane .absolute2 img, #contenedor-engranaje2 .engrane .absolute2 img
{position:absolute;z-index:1000;}

#contenedor-engranaje, #contenedor-engranaje1, #contenedor-engranaje2
{width:100%;height:auto;background:none;box-sizing:border-box;position:relative;overflow:hidden;}

#contenedor-engranaje .engrane, #contenedor-engranaje1 .engrane, #contenedor-engranaje2 .engrane
{display:block;width:100%;vertical-align:text-top;position:relative;}

#contenedor-engranaje .engrane img, #contenedor-engranaje1 .engrane img, #contenedor-engranaje2 .engrane img
{display:block;width:100%;height:auto;}

.top{margin-top:-30px;z-index:1000;position:relative;}

#contenedor-engranaje .engrane .rotate img,#contenedor-engranaje1 .engrane .rotate img,#contenedor-engranaje2 .engrane .rotate img
{width:250px;height:auto;}

.flecha{z-index:9999;position:absolute;left:50%;top:80%;transform:translate(-50%, -80%);}
.flecha p{text-align:center;}
.flecha p a{color:white;text-decoration:none;font-size:50px;}

#videobg{position:relative;height:0;padding-bottom:178%;}
#videobg video{position:absolute;width:100%;height:100%;left:0}
.ytplayer{pointer-events:none;position:absolute;}

.web{display:none}
.movil{display:block;}

footer{width:100%;padding:2%;background:white;}
footer p{text-align:center;font-size:13px;}
footer p a{color:black;outline:none;text-decoration:none;font-size:12px;}

/**/

@media only screen and (min-width: 800px) {
#videobg{padding-bottom:56.25%;}
.web{display:block}	
.movil{display:none}
}


@media only screen and (min-width: 980px) {

.top{margin-top:0px;}
#contenedor-engranaje .engrane,#contenedor-engranaje1 .engrane, #contenedor-engranaje2 .engrane{display:inline-block;width:19%;}

#contenedor-engranaje, #contenedor-engranaje2{margin-top:-50px;}
.engrane, #contenedor-engranaje1{margin-top:0px;}

.space{margin-right:60px;}
.space2{margin-left:60px;}

#contenedor-engranaje .engrane .rotate img,#contenedor-engranaje1 .engrane .rotate img,#contenedor-engranaje2 .engrane .rotate img
{width:250px;height:auto;}
.none{display:block;}
}

@media only screen and (min-width: 1024px) {
.contenedor{width:980px;}	

#contenedor-engranaje, #contenedor-engranaje2{margin-top:-30px;}
.space{margin-right:-30px;}
.space2{margin-left:-30px;}

}

@media only screen and (min-width: 1280px) {
.contenedor{width:1280px;}
}