/* ------------------------------------------
				LOGEX CONSULTING
------------------------------------------ */
/* ------------------------------------------
				variantes
------------------------------------------ */
/* ------------------------------------------
				generales
------------------------------------------ */
body {
  margin-right: -65px !important;
  height: 100%;
  background: #022f40;
  color: white;
  font-size: 14px;
  font-family: nexaLight, Helvetica, Arial;
}
h1,
h2,
h3,
h4 {
  margin: 1.414em 0 0.5em !important;
  font-weight: inherit !important;
  font-family: nexaBold, Helvetica, Arial !important;
  line-height: 1.2 !important;
}
h1 {
  margin-top: 0 !important;
  font-size: 3.998em !important;
}
h2 {
  font-size: 2.827em !important;
}
h3 {
  font-size: 1.999em !important;
}
h4 {
  font-size: 1.414em !important;
}
small,
.font_small {
  font-size: 0.707em !important;
}
a {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #0074a5;
  text-decoration: none;
  font-family: nexaLight, Helvetica, Arial;
}
a:hover {
  color: #005072;
}
.left {
  float: left;
  margin-right: 20px;
}
.right {
  float: right;
  margin-left: 20px;
}
a.seccionBTN {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 10px 15px;
  background: #0074a5;
  color: white;
  text-decoration: none;
}
a.seccionBTN:hover {
  background: #00628c;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.circBTN {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin-right: 10px;
  margin-left: 0;
  padding: 3px 10px;
  background: #0098d8;
}
#cmenu {
  position: absolute;
  top: 33px;
  left: 53px;
  z-index: 99999;
  margin-bottom: 65px;
}
#scrollD {
  position: fixed;
  left: 50%;
  bottom: 00px;
  z-index: 99999;
}
#scrollD img {
  margin-left: -65px;
  opacity: .6;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#scrollD img:hover {
  opacity: 1;
}
/* menu */
#pushobj {
  position: absolute;
  top: 0px;
  left: 65px;
  margin: 0;
  margin-right: -5%;
  width: calc(95%);
  height: 100%;
  color: #fff;
}
#pushobjInd {
  position: absolute;
  top: 0px;
  left: 65px;
  margin: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.fa-reorder {
  margin-right: 8px;
}
.multilevelpushmenu_wrapper h3 {
  margin-top: 20px;
  margin-bottom: 0;
  padding: 0 .6em 0 .6em;
  color: #0074a5;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
}
.multilevelpushmenu_wrapper h4 {
  margin-top: 5px;
  margin-bottom: 0;
  padding: 0 .6em 0 .6em;
  color: #0074a5;
  font-size: 12px;
}
.multilevelpushmenu_wrapper p {
  font-family: nexaLight, Helvetica, Arial;
  margin-top: 5px;
  margin-bottom: 0;
  padding: 0 .6em 0 .6em;
  color: #0074a5;
  font-size: 12px;
}
#contMenu {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  float: right;
}
#contMenu a {
  float: left;
  margin-right: 10px;
  text-decoration: none;
}
/* logo flotante en secciones */
.logoDer {
  position: absolute;
  top: 15px;
  right: 80px;
  z-index: 99;
}
/* columnas */
.col50 {
  float: left;
  margin-right: 2%;
  width: 47%;
}
.col30 {
  float: left;
  margin-right: 3%;
  width: 30%;
}
.col25 {
  float: left;
  margin-right: 2%;
  width: 23%;
}
.contenidoH {
  width: 100%;
}
/* contenido a la derecha */
.contenidoV {
  display: block;
  float: left;
  min-height: 100%;
  width: 60%;
  height: 100%;
  background: #022f40;
}
.contV {
  padding: 20px;
}
.contV h1 {
  margin-top: 100px !important;
}
/* contenido interior */
.padding {
  padding: 20px;
}
.nopadding {
  padding: 0 ;
}
/*margin titulos */
.mbT {
  margin-bottom: -10px;
}
/*margin top para formato vertical*/
.mtV {
  margin-top: 100px;
}
/* imagenes de fondo anterior */
/* img.bgH {
  max-height: 45% !important; */
/* width: 100%; */
/* height: auto; */
/* }
img.bgV {
  min-height: 100% !important; */
/* width: 100%; */
/* ------------------------------------------
				index
------------------------------------------ */
#menuIndex {
  width: 40%;
  left: 30%;
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
  top: 0;
  z-index: 99999;
  text-align: center;
  padding-bottom: 10px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#menuIndex ul li {
  float: left;
  margin-right: 15px;
  font-size: 18px;
}
#menuIndex ul li:first-child a:hover {
  border-bottom: none;
}
#menuIndex ul li a {
  font-family: nexaBold, Helvetica, Arial;
  color: #022f40;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#menuIndex ul li a:hover {
  border-bottom: 3px solid #022f40;
}
#menuIndex ul li a .active {
  border-bottom: 3px solid #022f40;
}
#info-index {
  position: relative;
  z-index: 99;
  top: 200px;
  height: 400px;
  margin-bottom: -400px;
  left: 100px;
  width: 40%;
  color: #022f40;
}
#info-index h2,
#info-index h3 {
  color: #022f40 !important;
}
#info-index h1 {
  margin: 0 0 -30px 0 !important;
}
#info-indexW {
  position: relative;
  z-index: 99;
  top: 200px;
  height: 400px;
  margin-bottom: -400px;
  left: 100px;
  width: 40%;
}
#info-indexW h1 {
  margin: 0 0 -30px 0 !important;
}
#map_canvas_Ind {
  width: 1900px;
  height: 700px;
  overflow: hidden;
}
.wallpapered {
  background: #f2f2f2;
  margin: 0;
  padding-top: 70%;
  width: 100%;
}
.wallpapered.bar {
  margin: 0px 0;
}
/* ------------------------------------------
				nosotros
------------------------------------------ */
#bgNos {
  float: left;
  width: 40%;
  height: 100%;
  background-image: url('../img/nosotros.jpg');
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ------------------------------------------
			outsourcing services
------------------------------------------ */
#bgOutS {
  width: 100%;
  height: 40%;
  background-image: url('../img/outsourcing-services.jpg');
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
}
#bgOutS2 {
  width: 100%;
  height: 70%;
  background-image: url('../img/outsourcing-services2.jpg');
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ------------------------------------------
			Inteligencia Aduanera
------------------------------------------ */
#bgInt {
  width: 100%;
  height: 60%;
  background-image: url('../img/inteligencia-aduanera.jpg');
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ------------------------------------------
		Prevención y defensoría
------------------------------------------ */
#bgPrev {
  float: left;
  width: 40%;
  height: 100%;
  background-image: url('../img/prevencion-y-defensoria.jpg');
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ------------------------------------------
	Comercializacón y acceso a merc.
------------------------------------------ */
#bgCom {
  float: left;
  width: 40%;
  height: 100%;
  background-image: url('../img/comercializacion.jpg');
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ------------------------------------------
			almacen fiscal
------------------------------------------ */
#bgAlm {
  width: 100%;
  height: 40%;
  background-image: url('../img/almacen-fiscal.jpg');
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ------------------------------------------
		transportación internacional
------------------------------------------ */
#bgTrans {
  float: left;
  width: 40%;
  height: 100%;
  background-image: url('../img/transportacion-internacional.jpg');
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ------------------------------------------
		servicios aduanales
------------------------------------------ */
#bgServAd {
  float: left;
  width: 40%;
  height: 100%;
  background-image: url('../img/servicios-aduanales.jpg');
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ------------------------------------------
			almacen fiscal
------------------------------------------ */
#bgChina {
  width: 100%;
  height: 60%;
  background-image: url('../img/china.jpg');
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ------------------------------------------
		servicios aduanales
------------------------------------------ */
#bgIndia {
  float: left;
  width: 40%;
  height: 100%;
  background-image: url('../img/india.jpg');
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ------------------------------------------
		servicios aduanales
------------------------------------------ */
#bgCli {
  float: left;
  width: 40%;
  height: 100%;
  background-image: url('../img/clientes.jpg');
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ------------------------------------------
		contacto
------------------------------------------ */
#map_canvas {
  width: 1900px;
  height: 1024px;
  overflow: hidden;
}
#wrapper {
  position: relative;
  overflow: hidden;
}
#cont {
  position: absolute;
  background: #022f40;
  text-align: center;
  width: 500px;
  margin: 0 auto;
  z-index: 99;
}
#over_map {
  position: absolute;
  top: 20%;
  height: 60%;
  left: 25%;
  z-index: 99;
  text-align: center;
  width: 50%;
}
#dirCont {
  float: left;
  width: 47%;
  margin-right: 2%;
  display: block;
  margin-bottom: 20px;
}
#infoCont {
  background: #022f40;
  padding: 20px;
}
#infoCont h3 {
  margin-top: 00px !important;
}
#infoCont h5 {
  margin-top: 0px !important;
}
#infoCont .intro {
  font-size: 18px !important;
  width: 70% !important;
  margin: -10px auto 0 auto !important;
}
#redesCont {
  padding: 20px;
  background: #023a4f;
  text-align: center;
}
#redesCont a {
  margin-right: 20px;
}
.width {
  width: 30%;
}
@media (max-width: 767px) {
  #slider {
    width: auto;
    height: 30em;
  }
  #slider img {
    height: 30em !important;
    width: 40em !important;
  }
  #info-index {
    position: relative;
    top: 35px;
  }
  #info-index margin .wallpapered {
    height: 20em !important;
  }
  #info-index h1 {
    font-size: xx-large !important;
    padding: 10px 0 25px;
  }
  #info-index p {
    position: relative;
    left: -85px;
    width: 290px;
    font-size: 1.5em;
  }
  #info-index .seccionBTN {
    width: 500px !important;
  }
  #info-index a {
    margin: 0 -50px !important;
    font-size: 1.2em;
    position: relative;
    left: -30px;
  }
  #info-indexW {
    position: relative;
    top: 10px;
  }
  #info-indexW h1 {
    font-size: xx-large !important;
    padding: 0 5px 25px;
    position: relative;
    left: -50px;
  }
  #info-indexW p {
    position: relative;
    left: -85px;
    width: 270px;
    font-size: 1.5em;
  }
  #info-indexW a {
    margin: 0 -50px !important;
    font-size: 1.2em;
    position: relative;
    left: -30px;
  }
  .wallpapered {
    height: 38em !important;
  }
  .width {
    width: 10%;
  }
  #wrapper {
    display: none;
  }
  #menu_multilevelpushmenu i {
    position: relative;
    left: 13px;
  }
  .nosotrosMain {
    width: 130% !important;
    height: 115em !important;
    position: absolute !important;
    overflow: hidden !important;
    left: -15px !important;
  }
  .nosotrosMain p {
    font-size: 1.5em !important;
  }
  .clientesMain {
    width: 130% !important;
    height: 140em !important;
    position: absolute !important;
    overflow: hidden !important;
    left: -15px !important;
  }
  .clientesMain p {
    font-size: 1.5em !important;
  }
  .outsourcingMain #bgOutS2 {
    width: 130%;
  }
  .outsourcingMain p {
    font-size: 1.5em !important;
  }
  .inteligenciaMain #bgInt {
    width: 130%;
  }
  .inteligenciaMain p {
    font-size: 1.5em !important;
  }
  .prevencionMain {
    width: 130% !important;
    height: 170em !important;
    position: absolute !important;
    overflow: hidden !important;
    left: -15px !important;
  }
  .prevencionMain h1 {
    font-size: xx-large !important;
  }
  .prevencionMain p {
    font-size: 1.3em !important;
  }
  .comercializacionMain {
    width: 130% !important;
    height: 60em !important;
    position: absolute !important;
    overflow: hidden !important;
    left: -15px !important;
  }
  .comercializacionMain h2 {
    font-size: x-large !important;
    padding-top: 30px !important;
  }
  .comercializacionMain p {
    font-size: 1.5em !important;
  }
  .chinaMain #bgChina {
    width: 130%;
  }
  .chinaMain p {
    font-size: 1.6em !important;
  }
  .chinaMain li {
    font-size: 1.4em !important;
  }
  .indiaMain #bgIndia {
    height: 120em;
  }
  .indiaMain p {
    font-size: 1.6em !important;
  }
  .indiaMain li {
    font-size: 1.4em !important;
  }
  .almacenMain #bgAlm {
    width: 130%;
  }
  .almacenMain p {
    font-size: 1.6em !important;
  }
  .transportacionMain #bgTrans {
    height: 90em;
  }
  .transportacionMain p {
    width: 330px;
    font-size: 2em !important;
  }
  .transportacionMain li {
    font-size: 1.4em !important;
  }
  .aduanaMain #bgServAd {
    height: 90em;
  }
  .aduanaMain p {
    width: 315px;
    font-size: 2em !important;
  }
  .aduanaMain li {
    font-size: 1.4em !important;
  }
  .mapa {
    width: 110%;
    height: 53em;
    background: url('../img/backmapa.png');
    position: absolute;
    overflow: hidden;
    left: -15px;
  }
  .mapa #infoCont {
    padding-bottom: 20px;
  }
  .visible-en-telefono {
    width: 80%;
    position: relative;
    top: 5%;
    left: 6.5%;
  }
  #menu li a {
    font-size: 1.5em;
  }
  .logoDer {
    width: 50%;
    float: right;
    right: 20px;
  }
}