@charset "UTF-8";
/*********************** GOOGLE FONTS ***********************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/*
	
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Lato', sans-serif;
	
*/

h1, h2, h3, h4 { font-family: 'Open Sans', sans-serif; }
body, a, p, li { font-family: 'Open Sans'; }

p {color: #555251;font-size: 16px;font-weight: 400; }

/*********************** GENERAL ***********************/
:focus { outline: none; }
body { background:#fff;padding: 0; margin: 0; }
ul { padding: 0; margin: 0; list-style: none; }
img { display: block; width: 100%; border: none; }
a { text-decoration: none; color: inherit; display: block; }
.contenedor { width: 1200px; margin: 0px auto; position: relative; border: 0px solid red; }
.contenedor2 { width: 960px; margin: 0px auto; position: relative; border: 0px solid red; }
p { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.contenedor.aviso { width: 90%; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.inline { display: inline-block; }

/*
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;

-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15);

-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);
*/

/*********************** CLEAR ***********************/

.clear { clear: both; height: 0px; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear40 { clear: both; height: 40px; }
.clear50 { clear: both; height: 50px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px 10px; }
.padding30 { padding: 30px 10px; }
			
/*********************** FORMULARIOS ERROR ***********************/

label.error { display:none !important; }
input.error { border:1px solid #F00!important; }
select.error { border:1px solid #F00!important; }
textarea.error { border:1px solid #F00!important; }

/*********************** COLUMNAS ***********************/

.col2 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3 li { float: left; width: 33.33%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col4 li { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col5 li { float: left; width: 20%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col6 li { float: left; width: 16.66%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col7 li { float: left; width: 14.28%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col8 li { float: left; width: 12.5%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col9 li { float: left; width: 11.1%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.vertical-align { display: table;width: 100%; }
.vertical-align  li { float: none;display: table-cell;vertical-align: middle;height: auto; }
.noCol { width: 100%; }
.noCol li { list-style: disc;list-style-position: inside;width: 100%; }

/*********************** HEADER ***********************/
header { position: fixed; top: 0px; width: 100%; background: rgba(255, 255, 255, 1); z-index: 999;box-shadow: 0px 0px 10px rgba(0,0,0,.4) }
.topheader { background-color: #2c3584 }
.btn_movil { width: 45px; margin-top: 27px;margin-right: 10px;cursor: pointer; float: right; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; }
.logo { width: 20%; float: left; }
.logo img { height: 80px;width: auto;margin: 10px 10px; }
.menu { width: 80%;margin-top: 40px;float: left;display: block }
.menu li { float: left; }
.Bolsa, .menu li a { font-size: 12px;text-transform: uppercase;text-align: center;font-weight: 600;cursor: pointer; }
.Bolsa:hover, .menu li a:hover { color: #2c3584; }
.menu li a.menu_activo { color: #2c3584; }
.Bolsa:after, .menu li a:after { content: '';opacity: 0;position: absolute;border: 1px solid #2c3584;width: 10%;margin: 0px 45%;left: 0px;bottom: -10px;-webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; }
.menu li:hover .Bolsa:after, .menu li:hover a:after { content: '';opacity: 1;position: absolute;border: 1px solid #2c3584;width: 60%;margin: 0px 20%;left: 0px;bottom: -10px;-webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; }
.topheader { padding: 5px 0px }
.topheader span, .topheader a { color: #fff;font-size: 14px; }
.topheader a.activo { color: #56609d; }
.idiomas { display: inline;float: right; }
.idiomas .fa { margin: 0px 5px; }
.idiomas a:nth-child(3) .fa { margin: 0px 10px 0px 5px; }

/*********************** FLOTANTES ***********************/
.ConteFlota { display:none;position: fixed;z-index: 999;width: 40%;background-color: #fff;margin: 0px 30%;top: 100px;box-shadow: 0px 0px 10px rgba(0,0,0,.8);border-radius: 5px; }
.CerrarPop { position: relative;width: 25px;height: 25px;background-color: #273e82;border: 1px solid #fff;border-radius: 50%;cursor: pointer;box-shadow: 0px 0px 10px rgba(0,0,0,.6);right: -12px;top: -12px;float: right; }
.CerrarPop span { text-align: center;width: 25px;cursor: pointer;display: block;color: #fff;font-size: 13px;font-weight: 700;line-height: 25px; }
#formFloat { width: 600px;margin: 30px auto; }
#formFloat h3 { text-align: center;font-size: 30px;color: #2d3684;font-weight: 400;line-height: 1; }
#formFloat select { height: 30px;width: 283px;border: 1px solid #273e82;border-radius: 3px;color: #273e82; }
#formFloat input { height: 30px;padding-left: 10px;width: 270px;border: 1px solid #273e82;border-radius: 3px;color: #273e82; }
#formFloat p { font-size: 12px;display: block;margin-top: 30px;line-height: 1; }
#formFloat textarea { padding-left: 10px;width: 270px;height: 80px;resize: none;border: 1px solid #273e82;border-radius: 3px;color: #273e82; }
#formFloat input[type="file" i] { border: none;  }
input#submitFloat { background-color: #273e82;color: #fff;width: 130px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }

/*********************** FOOTER ***********************/
.FooterTop { background-color: #1a1c27;padding: 30px 0px; }
.FooterBottom { background-color: #2b3579;padding: 10px 0px }
.logoFoot { width: 100px; }
footer p { width: 80%;font-size: 12px;color: #758590; }
footer hr { width: 80%;margin: 30px 0px }
.Info h4 { text-transform:  uppercase;color:  #fff;font-weight:  400;font-size:  22px;line-height:  1;margin: 0 0 30px 0; }
.Info p { color: #fff }
.Info strong { font-size: 14px }
.Info a { color: #fff; }
.Info a:hover { color: #2c3584; }
.Info .Sociales a { width:30px;height: 30px;background-color: #fff;border: 2px solid #fff;float: left;margin-right: 10px;  }
.Info .Sociales a:hover { background-color: #2c3584; }
.Info .Sociales .fa { text-align: center;line-height: 30px;color: #2b3579;width:30px; }
.Info .Sociales a:hover .fa { color: #fff; }
.Copy p { margin: 0;text-align: center;color: #fff;font-size: 12px;width: 100% }

/*********************** SLIDER ***********************/
.BackSlider { height: 500px;background-position: center center;background-size: cover;background-repeat: no-repeat;margin-top: 100px;background-color: rgba(0,0,0,.3);    background-blend-mode: multiply; }
.Slider .owl-nav { width: 70%;margin: 0 15%; }
.Slider .owl-prev { width: 50px;position: absolute;height: 50px;line-height: 50px;color: #2d3684;background-color: rgba(255,255,255,.5);text-align: center;border-radius: 50%;border: 2px solid #2d3684;bottom: 225px;left: 10% }
.Slider .owl-next { width: 50px;position: absolute;height: 50px;line-height: 50px;color: #2d3684;background-color: rgba(255,255,255,.5);text-align: center;border-radius: 50%;border: 2px solid #2d3684;bottom: 225px;right: 10% }
.TextSlider { width: 60%;margin: 0px 20%;position: relative;top: 150px;z-index: 1;text-shadow: 0px 0px 10px rgba(0,0,0,.6);position: relative }
.TextSlider h1 { font-size: 40px;text-transform: uppercase;color: #fff;text-align: center;font-weight: 800;margin: 0;line-height: 1;position: relative;z-index: 1 }
.TextSlider h1 span { display: block;font-size: 24px;line-height: 1;margin: 10px 0 0 0;font-weight: 600; }
.LogoSlider { width: 220px !important;margin: 0 auto; }
.LogoSlider2 { width: 150px !important;margin: 0 auto; }
.Van { width: 33.33% !important;margin: 0 33.33%;position: absolute;top: -40px;z-index: 0; }
/*********************** INICIO ***********************/
.Flotante { position: fixed;right: 0px;top: 40%;background-color: #2c3584;z-index: 990;box-shadow: 0px 0px 10px rgba(0,0,0,.5) }
.Flotante .ContFloat { width: 50px;height: 200px; }
.ContFloat i { width: 50px;text-align: center;height: 50px;line-height: 50px;color: #fff;background-color: #2c3584;z-index: 2 }
.ContFloat i:hover { background-color: rgba(255,255,255,.2); }
.tooltip-01 { position: absolute;height: 50px;top; 0px;font-size:12px;line-height: 50px;width: 90px;left: 0px;text-align: left;padding-left: 10px;background-color: rgba(0,0,0,.3);color: #fff;opacity: 0;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.ContFloat a:hover .tooltip-01 { left: -100px;opacity: 1; }
/*********************** VIDEO ***********************/
.BackVideo { height: 400px;overflow: hidden; }
.BackVideo video { position: relative;z-index: 0;top: -180px; }
.BackVideo .Cover { width: 100%;height: 400px;position: absolute;z-index: 2;background-color: rgba(45, 54, 132,.4);background-blend-mode: multiply; }
.BackVideo .Text { position: absolute;width: 60%;margin: 120px 20%;z-index: 9 }
.BackVideo .Text p { color: #fff;text-align: center; }
.BackVideo .Text h3 { color: #fff;text-align: center;text-transform: uppercase;font-size: 30px;line-height: 1;margin: 0; }
/*video::-webkit-media-controls-overlay-play-button { display: none; }*/

/*********************** NOSOTROS ***********************/
.Nosotros { padding: 50px 0px 30px 0px }
.Nosotros h2 { text-align: center;font-size: 30px;color: #2d3684;font-weight: 400;line-height: 1; }
.Nosotros .fa-bullseye, .Nosotros .fa-eye { font-size: 30px;text-align: center;display: block;color: #2d3684;background-color: #fff;width: 80px;height: 80px;line-height: 80px;border-radius: 50%;margin: 0 auto;border: 3px solid #2d3684;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.Nosotros .fa-bullseye:hover, .Nosotros .fa-eye:hover { color: #fff;background-color: #2d3684; }
.Nosotros p { width: 80%;margin: 0 auto;text-align: center;color: #666; }
.Nosotros hr { border: 3px solid #f9fafb;margin: 30px 0px }
.CoverVal h5 { position: absolute;width: 80%;top: 0%;margin: 0px 10%;text-align: center;font-size: 20px;text-transform: uppercase;color: white;z-index: 9;opacity: 0;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.CoverVal:hover h5 { top: 25%;opacity: 1 }
.CoverVal p { position: absolute;width: 80%;margin: 0 10%;top: 0%;text-align: center;color: #fff;z-index: 9;opacity: 0;font-size: 14px;line-height: 1 }
.CoverVal:hover p { top: 40%;opacity: 1; }
.CoverVal .BackVal { background-position: center center;background-size: cover;background-repeat: no-repeat;height: 200px }
.CoverVal:hover .BackVal { background-color: rgba(0,0,0,.5);background-blend-mode: multiply;  }
.ProductosHbl .owl-prev, .Productos .owl-prev, .Valores .owl-prev { width: 40px;position: absolute;height: 200px;top: 0px;background-color: rgba(44, 53, 132, .5);left: -40px; }
.ProductosHbl .owl-next, .Productos .owl-next, .Valores .owl-next { width: 40px;position: absolute;height: 200px;top: 0px;background-color: rgba(44, 53, 132, .5);right: -40px;}
.ProductosHbl .owl-prev .fa, .ProductosHbl .owl-next .fa, .Productos .owl-prev .fa, .Productos .owl-next .fa, .Valores .owl-prev .fa, .Valores .owl-next .fa { line-height: 200px;width: 40px;text-align: center;color: #fff }
.colprod li:nth-child(3), .colprod li:nth-child(2), .colprod li:nth-child(1) { width: 33.33%;float: left; }
.colprod li:nth-child(4), .colprod li:nth-child(5), .colprod li:nth-child(6), .colprod li:nth-child(7)  { width: 25%;float: left; }
.ProdCaver { margin: 0px auto;background-color: rgba(0,0,0,.3);height: 200px;background-position: center center;background-size: cover;background-repeat: no-repeat; }
.ProductosHbl, .Productos { margin: 30px 0px }
.Productos-01 { background-color: #f5f7f8 }
.Productos-01 .hidden { position: absolute;width: 100%; }
.Productos-01 .visible { position: absolute;width: 100%; }
.hidden { opacity: 0;visibility: hidden;z-index: 0;background-color: #fff; }
.visible { opacity: 1;visibility: visible;z-index: 10;background-color: #fff; }
.ProdCaver h3 { width: 100%;text-align: center;position: absolute;top: 33%;text-transform: uppercase;color: #fff;font-size: 18px;background-color: rgba(0,0,0,.5);padding: 10px 0px;line-height: 1 }
#SolucionesHubbell h2, #Productos h2 { color: #2b3579;text-align: center;text-transform: uppercase;font-size: 30px;line-height: 1;margin: 30px auto; }
.CalltoContactanos .col2 li:first-child { min-height: 350px;padding: 180px 0px;background-size: cover;background-repeat: no-repeat;background-position: center center; }
.CalltoContactanos .col2 li:nth-child(2) { background-color: #2c3584 }
.CalltoContactanos h3 { width: 70%;margin: 0 auto;text-transform: uppercase;font-size: 24px;color: #fff;line-height: 1;text-align: center; }
.CalltoContactanos p { width: 60%;margin: 20px auto;color: #fff;font-size: 18px;text-align: center; }
.CalltoContactanos a { width: 180px;padding: 10px 0px;text-align: center;background-color: #fff;border: 2px solid #2c3584;display: block;margin: 30px auto;color: #2c3584;text-transform: uppercase;font-size: 14px;font-weight: 600; }
.CalltoContactanos a:hover { width: 200px } 
.productos-01 p { width: 80%;text-align: center;margin: 0 auto; }
.ProductosGrande img { width: 80% !important;margin: 0 auto }
.ProductosGrande p { width: 100%;text-align: left; }
.ProductosGrande h3 { text-transform: uppercase;color: #2d3684;font-size: 24px;line-height: 1; }
.ProductosGrande { padding: 30px 0px; }
.ProductosGrande .lista { font-size: 14px; line-height: 1;margin: 14px 0px }
.ProductosGrande .lista::before {  content: "\f111";font-family: 'FontAwesome';color: #2d3684;font-size: 7px;position: relative;left: -5px;bottom: 2px; }

.ProductosHblGrande img { width: 80% !important;margin: 0 auto }
.ProductosHblGrande p { width: 100%;text-align: left; }
.ProductosHblGrande h3 { text-transform: uppercase;color: #2d3684;font-size: 24px;line-height: 1; }
.ProductosHblGrande { padding: 30px 0px; }
.ProductosHblGrande .lista { font-size: 14px; line-height: 1;margin: 14px 0px }
.ProductosHblGrande .lista::before {  content: "\f111";font-family: 'FontAwesome';color: #2d3684;font-size: 7px;position: relative;left: -5px;bottom: 2px; }

.Industrias {padding: 30px 0px;}
.Industrias h3 {text-transform: uppercase;color: #2d3584;font-size: 30px;line-height: 1;margin: 10px 0px;text-align: center;}
.Industrias h3 span {display: block;font-size: 18px;text-transform: none;color: #000;margin: 20px 0px;}
.Industrias p {text-align: justify;text-align-last: center;width: calc(100% - 30px);margin: 10px 15px;line-height: 1;font-size: 14px;}
.Industrias img {width: 90%;margin: 10px auto;}

.Capacitacion {padding: 30px 0px;}
.Capacitacion h3 { text-transform: uppercase;color: #2d3684;font-size: 24px;line-height: 1; }
.Capacitacion video {width: calc(100% - 30px);margin: 15px;}
.Capacitacion p {font-size: 14px;text-align: justify;margin: 10px 0px;}
.Capacitacion p span {color: #2c3684;font-size: 12px;line-height: 1;font-style: italic;margin: 5px 0px;}

.CicloVida {background-color: #f7f7f7;padding: 30px 0px;border-bottom: 5px solid #2c3484;}
.CicloVida img {width: calc(100% - 40px);margin: 20px;}
.CicloVida h3 {text-transform: uppercase;color: #2d3684;font-size: 24px;line-height: 1;margin: 20px 0px;}
.CicloVida p {font-size: 16px;line-height: 1;margin: 14px 0px;}
.CicloVida .Lista {padding-left: 10px;position: relative;}
.CicloVida .Lista::before {  content: "\f111";font-family: 'FontAwesome';color: #2d3684;font-size: 7px;position: relative;left: -5px;bottom: 2px; }

/*********************** SOLUCIONES ***********************/
#Ingenierias, .Soluciones { background-color: #f5f7f8;padding: 30px 0px; }
#Ingenierias h3, .Soluciones h3 { color: #2b3579;text-transform: uppercase;font-size: 30px;line-height: 1;width: 95%; }
#Ingenierias p, .Soluciones p { font-size: 14px;;width: 95%; }
##Ingenierias img, .Soluciones img { width: 90%;margin: 0 auto; }
.Soluciones-02 { background-color: #f5f7f8;padding: 30px 0px 50px 0px;margin-top: 40px; }
.Soluciones-02 h3 { color: #2b3579;font-size: 30px;text-align: center;margin: 30px auto;width: 50%;line-height: 1;text-transform: uppercase; }
.Soluciones-02 .lista { width: 40%;margin: 10px auto; }
.Soluciones-02 .lista .fa { font-size: 9px;color: #2b3579;bottom: 3px;position: relative; }
#SolucionesHubbell .Subcontenedor { width: 90%; }
.Subcontenedor p { font-size: 14px; }
.Eventos-02 h2, .Eventos h2, .ProductosHubell h2 { text-align: center;font-size: 30px;color: #2d3684;font-weight: 400;line-height: 1; }

.Eventos { padding: 40px 0px }
.EventoInd { width: 50%;float: left; }
.GalEvento { width: calc(100% - 20px);margin: 10px;position: relative;height: 300px;background-size: cover;background-repeat: no-repeat;background-position: center center; }
.GalEvento .fa { width: 70px;height: 70px;line-height: 70px;text-align: center;color: rgba(26, 28, 38, .9);background-color: rgba(255, 255, 255, 0.6);position: absolute;margin: 0 calc(50% - 35px);top: 0px;font-size: 30px;opacity: 0;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.GalEvento:hover .fa { opacity: 1;top: 100px }
.TituloEvento { position: absolute;bottom: 0px;width: 100%;background-color: #2c3484; }
.TituloEvento p { text-align: center;color: #fff;line-height: 1;font-size: 14px; }
.Eventos-02 { padding: 30px 0px;background-color: #f5f7f8 }
.Eventos-02 video { width: calc(100% - 20px);margin: 10px;display: block; }

.RentaEquipos { padding: 30px 0px;border-bottom: 5px solid #2c3484;border-top: 5px solid #2c3484; }
.RentaEquipos h3 { font-size: 50px;line-height: 1;color: #2c3484;text-transform: uppercase;margin: 10px 0px; }
.RentaEquipos h3 span { line-height: 20px;text-transform: none;font-size: 16px;display: block; }
.RentaEquipos p { font-size: 16px;line-height: 1.2;color: black; }
.RentaEquipos a { background-color: #2c3484;padding: 10px;color: #fff;font-size: 14px;line-height: 1;margin: 20px 0px;width: 200px;text-align: center;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;  }
.RentaEquipos a:hover { width: 220px }
.RentaEquipos .Apoyo { width: calc(100% - 10px);margin: 5px; }
.RentaEquipos

/*********************** CONTACTO ***********************/
.CalltoAction { background-color: #2b3579;padding-top: 30px }
.Subcontenedor { width: 70%;margin: 0 auto; }
.medio { width: 48%;float: left;margin: 0px 1% }
.CalltoAction { background-color: #2b3579;padding-top: 30px }
.CalltoAction h3 { font-size: 30px;text-transform: uppercase;line-height: 1;margin: 0;color: #fff; }
.CalltoAction p { font-size: 16px;color: #fff;margin-bottom: 30px }
.CalltoAction input { width: -webkit-fill-available;height: 30px;padding-left: 10px;border: 1px solid #fff; }
.CalltoAction textarea {width: calc(100% - 10px);font-family: 'Open Sans', sans-serif;height: 71px;padding-left: 10px;padding-top: 5px;border: none;resize: none;}
.CalltoAction input#submitFoot {  width: 120px;background-color: #2c3578;border: 2px solid #fff;color: #fff;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.CalltoAction input#submitFoot:hover { width: 150px; } 
.CalltoAction ::placeholder { color: #2b3579;font-weight: 400; }
.Mapas { padding: 30px 0px }
.Mapas h3 { text-align: center;text-transform: uppercase;font-size: 18px;color: #2d3684; }
#mapMat { width: 90%;height: 250px;border: 1px solid #2c3584;margin: 0 auto; }
#mapTla { width: 90%;height: 250px;border: 1px solid #2c3584;margin: 0 auto; }
#mapLeo { width: 90%;height: 250px;border: 1px solid #2c3584;margin: 0 auto; }
.aviso h3 { color: #2b3579;text-transform: uppercase;font-size: 22px;line-height: 1;text-align: center; }
.aviso h3 span { font-size: 16px;display: block; }
.aviso li { font-size: 14px;}
.aviso p { font-size: 14px;text-align: justify; }

@media screen and (min-width: 320px) and (max-width: 479px) {
	.contenedor { width: 95%; }
	/* Columnas */
	.col2 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }	
	.col4 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }	
	.col3 li { float: left !important; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }	
	.col5 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col8 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col9 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col6 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col1Footer li { float: left; width: 100%; }
	.vertical-align li { float: left; }	
	.movil { display: block; }
	.logo { width: 200px; }
	.logo img { height: 50px }
	.btn_movil { width: 35px;margin-top: 17px; }
	.menu { display: none;width: 100%;margin-top: 0px; }
	.menu li { width: 100%;float: left;padding: 10px 0px; }
	.Bolsa, .menu li a { font-size: 14px; }
	.menu li a:after { display: none; }
	.menu li:hover a:after, .menu li a:after { display: none; }
	.header_chico { background-color: rgba(255,255,255,.8) }
	footer { margin-bottom: 50px; }
	.Flotante { top: auto;bottom: 0px;width: 100%;height: 50px }
	.tooltip-01 { display: none; }
	.Flotante .ContFloat { margin: 0 auto;width: 200px;height: 50px; }
	.Flotante .ContFloat a { float: left; }
	.BackSlider { height: 300px;margin-top: 70px; }
	.LogoSlider { width: 130px !important;margin-bottom: 20px; }
	.LogoSlider2 { width: 100px !important;margin-bottom: 20px; }
	.TextSlider { width: 80%;margin: 0px 10%;top: 50px; }
	.TextSlider h1 { font-size: 20px; }
	.TextSlider h1 span { font-size: 14px; }
	.Slider .owl-prev { left: 5%;bottom: 180px }
	.Slider .owl-next { right: 5%;bottom: 180px }
	.BackVideo .Text h3 { font-size: 20px; }
	.BackVideo .Text p { font-size: 14px; }
	.BackVideo, .BackVideo .Cover { height: 410px; }
	.BackVideo .Text { width: 90%;margin: 30px 5% }
	.CoverVal p { opacity: 1;top: 40% }
	.CoverVal h5 { opacity: 1;top: 25% }
	.CoverVal .BackVal { background-color: rgba(0,0,0,.5);background-blend-mode: multiply; }
	.BackVideo video { top: 0px;width: 230%;margin: 0 auto;position: relative; }
	.Nosotros .fa-bullseye, .Nosotros .fa-eye { font-size:20px;width: 40px;height: 40px;line-height: 40px;margin: 20px auto 0px auto; }
	.Nosotros h2 {  font-size: 26px; }
	.Nosotros p { font-size: 14px; }
	.CalltoContactanos h3 { width: 80%;font-size: 20px; }
	.CalltoContactanos p { width: 80%;font-size: 14px; }
	.CalltoContactanos .col2 li { width: 100% !important;padding: 30px 0px; }
	.CalltoContactanos .col2 li:first-child { min-height: 200px;padding: 0px 0px }
	.Soluciones h3, #SolucionesHubbell h2, #Productos h2, .ProductosHubell h2 { font-size: 26px !important; }
	.ProductosHblGrande .col2 li, .ProductosGrande .col2 li, .Soluciones .col2 li { width: 100%;float: left; }
	.ProductosHblGrande img, .ProductosGrande img { width: 100% !important }
	.ProductosGrande h3, .ProductosHblGrande h3, .Soluciones h3 { width: 90%;margin: 20px auto;text-align: center;font-size: 20px }
	.Soluciones p { width: 90%;margin: 20px auto;text-align: center;font-size: 14px }
	.ProductosHblGrande .medio, .ProductosGrande .medio { width: 85%;margin: 0px 5% 0px 10%; }
	#SolucionesHubbell .col2 li { width: 100%;float: left }
	.Soluciones-02 h3 { width: 90%;font-size: 20px; }
	.ProductosHblGrande p { width: 100%;margin: 10px auto;font-size: 14px; }
	.Soluciones-02 .lista { width: 90%; }
	.productos-01 p { font-size: 14px;width: 90% }
	.CalltoAction p { text-align: center;font-size: 14px; }
	.CalltoAction h3 { text-align: center;font-size: 24px; }
	#Contacto .col2 li { width: 100%;float: left; }
	#Contacto img { width: 90%;margin:30px auto 0px auto }
	.FooterTop .col3 li { width: 100%;float: left; }
	.logoFoot { margin: 20px auto; }
	footer p { margin: 0 auto;width: 90%;text-align: center; }
	.Info h4 { text-align: center;margin: 30px 0px 10px 0px;font-size: 20px }
	.Info p { text-align: center;width: 80% }
	.Sociales { width: 132px;margin: 20px auto }
	.Copy p { width: 80%;margin: 0 auto }
	#formFoot .medio { width: 98% }
	.Subcontenedor { width: 300px }
	.aviso h3 { font-size: 20px; }
    .aviso h3 span { font-size: 14px; }
	.aviso p { font-size: 12px; }
	.ConteFlota { width: 90%;margin: 0px 5%;top: 60px; }
	#formFloat { width: 250px; }
	#formFloat .medio { width: 100%;margin: 0px }
	#formFloat input { height: 25px;width: 237px }
	#formFloat textarea { height: 45px;width: 237px }
	#formFloat select { width: 250px }
	#formFloat p { font-size: 12px;margin-top: 10px;text-align: center;width: 80%;margin: 0 auto; }
	#formFloat h3 { font-size: 20px; }
	input#submitFloat { width: 150px;margin: 0 auto;float: none;display: block; }
	input#submitFloat:hover, input#submitFloat:disabled { width: 180px; }
	.Van { width: 70% !important;margin: 0 15%;position: absolute;top: 60px;z-index: 0; }
	.EventoInd { width: 100% }
}
@media screen and (min-width: 480px) and (max-width: 599px) {
	.contenedor { width: 95%; }
	/* Columnas */
	.col2 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }	
	.col3 li { float: left !important; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col5 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col8 li { float: left; width: 33.3%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col9 li { float: left; width: 33.3%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col6 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	ul.vertical-align li { float: left !important; }
	.col1Footer li { float: left; width: 100%; }	
	/* Menú */
	.desktop { display: none; }
	.movil { display: block; }
	.logo { width: 200px; }
	.logo img { height: 50px }
	.btn_movil { width: 35px;margin-top: 17px; }
	.menu { display: none;width: 100%;margin-top: 0px; }
	.menu li { width: 100%;float: left;padding: 10px 0px; }
	.Bolsa, .menu li a { font-size: 14px; }
	.menu li a:after { display: none; }
	.menu li:hover a:after, .menu li a:after { display: none; }
	.header_chico { background-color: rgba(255,255,255,.8) }
	.Flotante { top: 90px; }
	.Flotante .ContFloat { width: 40px;height: 160px; }
	.ContFloat i { width: 40px;height: 40px;line-height: 40px }
	.tooltip-01 { display: none; }
	.BackSlider { height: 250px;margin-top: 70px; }
	.LogoSlider { width: 130px !important;margin-bottom: 20px; }
	.LogoSlider2 { width: 100px !important;margin-bottom: 20px; }
	.TextSlider { width: 80%;margin: 0px 10%;top: 50px; }
	.TextSlider h1 { font-size: 20px; }
	.TextSlider h1 span { font-size: 14px; }
	.Slider .owl-prev { left: 5%;bottom: 180px }
	.Slider .owl-next { right: 5%;bottom: 180px }
	.BackVideo .Text h3 { font-size: 20px; }
	.BackVideo .Text p { font-size: 14px; }
	.BackVideo, .BackVideo .Cover { height: 295px; }
	.BackVideo .Text { width: 80%;margin: 30px 10% }
	.CoverVal p { opacity: 1;top: 40% }
	.CoverVal h5 { opacity: 1;top: 25% }
	.CoverVal .BackVal { background-color: rgba(0,0,0,.5);background-blend-mode: multiply; }
	.BackVideo video { top: 0px;width: 100%;margin: 0 auto;position: relative; }
	.Nosotros { padding: 30px 0px }
	.Nosotros .fa-bullseye, .Nosotros .fa-eye { font-size:20px;width: 40px;height: 40px;line-height: 40px;margin: 20px auto 0px auto; }
	.Nosotros h2 {  font-size: 26px; }
	.Nosotros p { font-size: 14px; }
	.CalltoContactanos h3 { width: 80%;font-size: 20px; }
	.CalltoContactanos p { width: 80%;font-size: 14px; }
	.CalltoContactanos .col2 li { width: 100% !important;padding: 30px 0px; }
	.CalltoContactanos .col2 li:first-child { min-height: 200px;padding: 0px 0px }
	.Soluciones h3, #SolucionesHubbell h2, #Productos h2, .ProductosHubell h2 { font-size: 26px !important; }
	.ProductosHblGrande .col2 li, .ProductosGrande .col2 li, .Soluciones .col2 li { width: 100%;float: left; }
	.ProductosHblGrande img, .ProductosGrande img { width: 80% !important }
	.ProductosGrande h3, .ProductosHblGrande h3, .Soluciones h3 { width: 90%;margin: 20px auto;text-align: center;font-size: 20px }
	.Soluciones p { width: 90%;margin: 20px auto;text-align: center;font-size: 14px }
	.ProductosHblGrande .medio, .ProductosGrande .medio { width: 85%;margin: 0px 5% 0px 10%; }
	#SolucionesHubbell .col2 li { width: 100%;float: left }
	.Soluciones-02 h3 { width: 90%;font-size: 20px; }
	.ProductosHblGrande p { width: 100%;margin: 10px auto;font-size: 14px; }
	.Soluciones-02 .lista { width: 90%; }
	.productos-01 p { font-size: 14px;width: 90% }
	.CalltoAction p { text-align: center;font-size: 14px; }
	.CalltoAction h3 { text-align: center;font-size: 24px; }
	#Contacto .col2 li { width: 100%;float: left; }
	#Contacto img { width: 90%;margin:30px auto 0px auto }
	.FooterTop .col3 li { width: 100%;float: left; }
	.logoFoot { margin: 20px auto; }
	footer p { margin: 0 auto;width: 90%;text-align: center; }
	.Info h4 { text-align: center;margin: 30px 0px 10px 0px;font-size: 20px }
	.Info p { text-align: center;width: 80% }
	.Sociales { width: 132px;margin: 20px auto }
	.Copy p { width: 50%;margin: 0 auto }
	#formFoot .medio { width: 98% }
	.Subcontenedor { width: 80% }
	.ConteFlota { width: 90%;margin: 0px 5%;top: 5%;height: 90%;; }
	#formFloat h3 { margin: 10px 0px;font-size: 20px; }
	#formFloat { width: 95%;margin: 10px auto; }
	#formFloat input, #formFloat textarea { width: 220px }
	#formFloat select { width: 233px }
	#formFloat p { font-size: 10px;margin-top: 5px; }
	input#submitFloat { width: 130px; }
	input#submitFloat:hover, input#submitFloat:disabled { width: 150px; }
	.Van { width: 50% !important;margin: 0 25%;position: absolute;top: 10px;z-index: 0; }
	.EventoInd { width: 100% }
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
	.contenedor { width: 95%; }
	/* Columnas */
	.col8 li { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col9 li { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col6 li { float: left; width: 33.3%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col5 li { float: left; width: 33.3%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.section3 div .col2 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; } 
	/* Menú */
	.desktop { display: none; }
	.movil { display: block; }
	.menu { display: none;width: 100%;margin-top: 0px; }
	.menu li { width: 100%;float: left;padding: 15px 0px; }
	.Bolsa, .menu li a { font-size: 14px; }
	.menu li a:after { display: none; }
	.menu li:hover a:after, .menu li a:after { display: none; }
	.header_chico { background-color: rgba(255,255,255,.8) }
	.Flotante { top: 30%; }
	.BackSlider { height: 400px; }
	.LogoSlider { width: 130px !important;margin-bottom: 20px; }
	.LogoSlider2 { width: 100px !important;margin-bottom: 20px; }
	.TextSlider { width: 80%;margin: 0px 10%;top: 100px; }
	.TextSlider h1 { font-size: 30px; }
	.TextSlider h1 span { font-size: 20px; }
	.Slider .owl-prev { left: 5%;bottom: 180px }
	.Slider .owl-next { right: 5%;bottom: 180px }
	.BackVideo, .BackVideo .Cover { height: 360px; }
	.BackVideo .Text { width: 80%;margin: 60px 10%; }
	.BackVideo video { top: -40px; }
	.Nosotros .fa-bullseye, .Nosotros .fa-eye { font-size:24px;width: 60px;height: 60px;line-height: 60px; }
	.Nosotros h2 {  font-size: 26px; }
	.Nosotros p { font-size: 14px; }
	.CalltoContactanos h3 { width: 90%;font-size: 22px; }
	.CalltoContactanos p { width: 70%; }
	.CalltoContactanos .col2 li:first-child { width: 40%;padding: 160px 0px; }
	.CalltoContactanos .col2 li:nth-child(2) { width: 60%; }
	.ProductosHblGrande .col2 li, .ProductosGrande .col2 li, .Soluciones .col2 li { width: 100%;float: left; }
	.ProductosHblGrande img, .ProductosGrande img { width: 60% !important }
	.ProductosGrande h3, .ProductosHblGrande h3, .Soluciones h3, .Soluciones p { width: 85%;margin: 20px auto;text-align: center; }
	.ProductosHblGrande .medio, .ProductosGrande .medio { width: 35%;margin: 0px 5% 0px 10%; }
	#SolucionesHubbell .col2 li { width: 100%;float: left }
	.Soluciones-02 h3 { width: 80%;font-size: 26px; }
	.ProductosHblGrande p { width: 80%;margin: 10px auto; }
	.Soluciones-02 .lista { width: 70%; }
	.CalltoAction p, .CalltoAction h3 { text-align: center; }
	#Contacto .col2 li { width: 100%;float: left; }
	#Contacto img { width: 60%;margin:30px auto 0px auto }
	.FooterTop .col3 li { width: 100%;float: left; }
	.logoFoot { margin: 20px auto; }
	footer p { margin: 0 auto;width: 60%;text-align: center; }
	.Info h4 { text-align: center;margin: 30px 0px; }
	.Info p { text-align: center; }
	.Sociales { width: 132px;margin: 20px auto }
	.ConteFlota { width: 70%;margin: 0px 15%; }
	#formFloat textarea, #formFloat input { width: 215px; }
	#formFloat select { width: 228px }
	#formFloat { width: 90%; }
	#formFloat p { font-size: 10px }
	input#submitFloat { width: 130px }
	input#submitFloat:hover, input#submitFloat:disabled  { width: 150px }
	.Van { width: 50% !important;margin: 0 25%;position: absolute;top: -20px;z-index: 0; }
	
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
	.ProductosHubell .contenedor, #Productos .contenedor { width: 800px }
	.ProductosHblGrande .contenedor, #Productos .ProductosGrande .contenedor, .contenedor { width: 960px; }
	body > section.Nosotros > div:nth-child(3) { width: 800px; }
	/* Menú */
	.btn_movil, .movil { display: none; }
	.BackSlider { height: 450px }
	.TextSlider { top: 130px }
	.TextSlider h1 { font-size: 36px }
	.TextSlider h1 span { font-size: 22px; }
	.LogoSlider2 { width: 120px !important;margin: 0 auto 20px auto; }
	.LogoSlider {  width: 150px !important;margin: 0 auto 20px auto; }
	.Slider .owl-prev { left: 5%; }
	.Slider .owl-next { right: 5%; }
	.BackVideo .Text { margin: 90px 15%;width: 70% }
	.productos-01 p { width: 90%;margin: 10px auto; }
	.Subcontenedor { width: 90%;margin: 0px auto 30px auto; }
	#Contacto img { position: relative;bottom: -20px; }
	.CalltoContactanos p { width: 70% }
	.CalltoContactanos h3 { width: 90%; }
	.Soluciones-02 h3 { width: 70% }
	.Soluciones-02 .lista { width: 60% }
	.ConteFlota { width: 50%;margin: 0px 25%; }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
	.ConteFlota { width: 60%;margin: 0px 20%; }
	.Van { width: 46% !important;margin: 0 27%;position: absolute;top: -40px;z-index: 0; }
}
@media (min-width: 1440px){
	.btn_movil, .movil { display: none; }	
}
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; /* change if the mask should have another color then white */ z-index: 9999; /* makes sure it stays on top */ }
#status { width: 200px; height: 200px;position: absolute; left: 50%;/* centers the loading animation horizontally one the screen */top: 50%;/* centers the loading animation vertically one the screen */
background-image: url('https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif');/* path to your loading animation */ background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; /* is width and height divided by two */ }