/*Menu izquierdo*/
#mainNav{background-color: #1A224E;}
#cont_menu{ position: fixed; top:0; left:-260px; z-index:2000; height: 100%;
  background-color: #1a224e; padding:20px 10px 0 20px; width:320px; transition: all 400ms;}
.cont-btn{ position: relative; width: 100%; height: 100%;}
#menu_btn{position: absolute; right: 0px; top:80px;}
#levu-pieza{position: absolute; right: 0px; top:5px; width: 42px;}
.muestra-margen{left:0px !important;}
.esconde-margen{left:-300px !important;}
.logo-izq{width:200px;}
.menu-ul{ padding:20px 10px 0 20px;}
.menu-ul li{list-style: none; font-size: 1em; letter-spacing: 2px;line-height: 1.8em;}
.menu-ul li a{color: #fff; font-size: 1.1em;}
.bull{transition: all 0.3s; }
.change_size{font-size: 1.3em;}
.logo-nav-2{width:240px;}
.btn-colores{color: #ffffff; border-color: #ffffff; border: 2px solid #fff;}
.nav-link {color: #fff; font-size: 1.1em;letter-spacing: 2px;}
.active{color: #00c9ff;}
.pad-logoVertical{padding:10px 0px;}
.separador-ajuste{padding: 80px;}

/*Index*/
.mx-bio{ max-width: 100%;}
.cont-nav{background: red; width:100%;}
.logo-nav{width:200px;}
.navbar {display: block;}
.navbar-expand-lg .navbar-nav {margin: 0 auto;}
.social-nav-superior{text-align: right;}
.separado-inferior{padding-bottom:0px;}
.c-blanco{color: #fff;}
.bg-index{background-image: url(../img/header-bg.jpg);}
.font-monse{font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.fa-1-5{font-size: 1.25em;}
#Vslide ul li h1 {text-align: center;}
#Vslide ul{width: 100%;}
.mx-w{max-width:100%;}
.logo-industria{padding-top:70px; width: 120px;}
.bg-nosotros{background-image: url(../img/bgnosotros.jpg);}
.bg-envia{background-color:#1a224e; padding: 50px;}
.bg-contacto{background-image: url(../img/bgcontacto.jpg);}
.pad-50{padding: 50px;}
.foo h1{width: 50px; letter-spacing: 9px; display:inline-block; text-align: center;}
.flags{width: 17px; height: 17px;}
div#banner {
    width: 100%;
    height: 200px;
    margin: 0px auto;
    overflow: hidden;
    background: url(../img/repeater.jpg) repeat-x;
    animation: animate-background linear 40s infinite;
}
div#load_screen{
	background: #1a224e;
	opacity: 1;
	position: fixed;
  z-index:10000;
	top: 0px;
	width: 100%;
	height: 100%;

}
div#load_screen > div#loading{
	margin: 24% auto;
	width: 150px;
}
@media (max-width: 769px){
.social-nav-superior{display: none;}
.esconde-lg{display: block;}
.centrar-movil{text-align: center;}
.logo-nav { width: 200px;}
.esconde-movil{display: none;}
.pad-50{padding: 0px;}
.separador-ajuste{padding:30px;}
}
@media (min-width: 769px){
.esconde-lg{display: none;}

}
@media (max-width:667px){
.mx-bio{max-width: 80%;}
}