html, body { width: 100%; height: auto; background: ; margin: 0; background: #f8f8f8; font-family: 'blogger_sanslight'; font-weight: lighter; font-size: 16px !important; }
body { overflow-x: hidden; }
header { background: #fff ; background-size: 100% auto; width: 100%; height: 100px; position: fixed; z-index: 30; top: 0; transition:all 400ms ease !important; border-bottom: #e87411 solid 1px; }
header ul { width: 100%; text-align: center;  position: relative;  width: 100%; height: 100px; padding-top: 35px; transition:all 600ms ease; transition:all 600ms ease; }
header ul li { color: #00234d; text-decoration: none; display: inline-block; vertical-align: top; list-style: none; text-align: center; margin: 0 15px;  }
header ul li a { color: #00234d;  font-size: 16px; line-height: 15px;  }
header ul li a:hover { color: #e87411; text-decoration: none; }
footer { background: url('img/foo.jpg') top center no-repeat ; clear: both; background-size: cover; width: 100%; height: auto; padding: 110px 0 80px; color: #f0e8e9; font-size: 14px !important; position: relative; z-index: 10; }
ul.menu-foo { width: 100%; padding:0;  position: relative; text-align: left !important; margin: 25px 0; }
ul.menu-foo li { color: #fff; text-decoration: none; text-align: left !important; display: inline-block; vertical-align: top; list-style: none; text-align: left !important;  margin: 0 1px; }
ul.menu-foo li a { color: #fff;  font-size: 14px; line-height: 15px; text-align: left !important;  }
ul.menu-foo li a:hover { color: #fff; text-decoration: none; }
.dir, .tel, .mail { margin-bottom: 25px; font-size: 16px; }

.dir { margin-bottom: 25px; font-size: 16px; background: url('img/tack.png') no-repeat top left; padding-left: 55px; }
.tel { margin-bottom: 25px; font-size: 16px; background: url('img/tel.png') no-repeat top left;  padding-left: 55px; }
.mail { margin-bottom: 25px; font-size: 16px; background: url('img/carta.png') no-repeat top left; padding-left: 55px; }

h1, h2, h3, h4, h5 { font-family: 'blogger_sansbold';  }
b { font-family: 'blogger_sansbold'; }

.sub { position: relative; }
.submenu { background: url('img/fondo-sub.png') no-repeat center top; background: 100% auto;  
           width: 270px; height:350px; text-align: left; padding: 25px 0 0 10px ; display: none;
           position: absolute; z-index: 60; transition:all 600ms ease; margin-left: -50px;  }

.submenu a { display: block; margin: 20px 0; color: #fff; }
.submenu a:hover { color: #eb7612; }

.dropdown:hover .submenu {  display: block; transition:all 600ms ease; }


.img-fluid, a, img { transition:all 200ms ease; }
a.services { padding: 5px; } 
a.services:hover { text-decoration: none; letter-spacing: 2px; border-radius: 20px;  color: #e87411 !important; padding: 5px; background: #fff;  }

.baja { padding-top: 100px; }
.logo { position: absolute; top:15px; left: 15px; z-index: 50; }
.burger { position: absolute; top:50px; right: 30px; z-index: 50; width: 30px; display: none !important; cursor: pointer; }
.idio { position: absolute; top:10px; right: 35px; font-size: 14px; }
.idio a { color: #00234d; }
.idio a:hover { color: #e87411; }
.idio > .activo { color: #e87411;  }
.rs { position: absolute; top:40px; right: 25px; }
.rs a img { margin: -2px !important; border: rgba(255,255,255,1) solid 2px; border-radius: 15px; }
.rs a:hover img { margin: -2px !important; border: #eb7612 solid 2px; border-radius: 15px; }
.carousel { width: 100%; height: 90vh;  }
.carousel-cell { width: 100%; height: 100%; text-align: left !important; margin-right: 10px;  padding: 0 !important; text-align: center; margin-top: 100px; }
.carousel-cell h2 { font-size:55px ; line-height: 55px; text-transform: uppercase; margin-top: 50px; font-family: 'blogger_sansbold'; color: #fff; }
.carousel-cell h2 span { color:#e47311 ; }
.carousel-cell .txt { font-size:18px; margin-top: 20px; margin-left: 3%; font-family: 'blogger_sanslight'; color: #fff; }
.slide1 { background: url('img/slide1.jpg') no-repeat center; background-size: cover;  }
.slide2 { background: url('img/slide2.jpg') no-repeat center; background-size: cover;  }
.slide3 { background: url('img/slide3.jpg') no-repeat center; background-size: cover;  }
.slide4 { background: url('img/slide4.jpg') no-repeat center; background-size: cover;  }
.burger {  display: inline; }
.flickity-prev-next-button { /*top: 90% !important; width: 121px !important; height: 86px  !important; border-radius: 0%  !important; transform: translateY(-50%) ;
*/}

/* CARUSEL NAV */
.carousel-nav  { background: rgba(5, 24, 48, .9); width: 85%; height:auto; border-radius:25px ;  margin: -45px auto -70px auto !important; position: relative; z-index: 20; padding: 22px 0;  }
.carousel-nav .carousel-cell {  padding:15px 20px; width: 31%; min-height:190px; text-align: left;  margin: 0 0 10px 0; }
.carousel-nav .carousel-cell h4 { font-size:18px ; color:#eb7612; text-transform: uppercase;  }
.carousel-nav .carousel-cell p {  font-size:14px ; letter-spacing: 1px; line-height: 16px; color:#fff; max-width: 90%; }
.carousel-nav .carousel-cell img {  margin: 10px 0;}
.carousel-nav .carousel-cell:before { font-size: 50px; line-height: 80px; }
.carousel-nav .carousel-cell.is-nav-selected {  border-bottom:#eb7612 solid 1px ; }

#clientes { padding-bottom: 75px; }
.clientes { background: url('img/clientes.jpg') top right no-repeat; background-size: 70%; }
.clientes h3 { margin-top: 270px; font-size: 45px; text-align: right; }
.clientes h3 > span { font-size: 25px;  display: block; }
.cliente { display: inline-block; vertical-align: middle; margin: 15px; mix-blend-mode: multiply; width: 122px; }
#certificaciones { background: url('img/certificaciones.jpg') top center no-repeat ; background-size: cover; color: #fff; font-size: 13px; padding: 75px 0; }
#certificaciones hr { background: orange; width: 50px; margin: 1px auto 50px auto; }
#servicios { background:#f8f8f8 url('img/servicios.png') top center no-repeat ; background-size: auto 100%; color: #fff; font-size: 13px; padding: 150px 0 250px 0; }
#servicios h2 { font-size: 71px; margin-bottom: 5px; }
#servicios p { font-size: 14px; margin-bottom: 50px; }
#servicios li { list-style: none; margin: 15px 0; padding-left: 35px; background: url('img/bullet.png') no-repeat center left; margin-left: 3%; }
#servicios li a { color: #fff; font-size: 19px;   }
/*
#servicios li a span { color: #fff; font-size: 22px; font-weight:normal ;  } */

.base { background: rgba(5, 24, 48, .9); border-radius: 35px; color:#fff; padding:110px 5% 50px 5%; margin-bottom: 75px; }
#awl { background: url('img/nosotros.jpg') center no-repeat ; background-size: cover; color: #fff; font-size: 13px; padding: 225px 0 30px 0 !important;  }
#awl h2 {   }
#accordion { width: 100%; height: auto; position: relative; vertical-align: top; display: inline-block; }
#accordion h3 { cursor: pointer;  margin: 25px 0; color: #fff;  }
#accordion h3:active { color:orange; }
.valores { width: 100%; }

:focus { outline: -webkit-focus-ring-color auto 0px ; }
#accordion p { font-size: 16px; max-width: 76%; }
.border {  color: orange; }

.breadcrumbs { font-size: 14px; text-transform: uppercase; margin-bottom: 40px; display: block; width: 100%; }
.breadcrumbs span { color:#eb7612; }
.bloquea { width: 100%; height: auto; padding: 75px 0; color: #13325e; }
.bloquea p { color:#eb7612; margin-left: 35%; text-transform: none; margin-top: -100px; font-size:16px ; line-height: 18px; }
.bloquea h2 { font-size: 60px; line-height: 55px; padding-top: 45px; display: inline-block; text-transform: uppercase; }
.bloquea h2 span { color:#eb7612; }
.bloquea img {  display: inline-block; max-width: 350px; margin: 3%; }
.bloqueb { width: 100%; height: auto; padding: 75px 0 0 0 ; font-size:22px ; color: #13325e;  }
.bloqueb h4 { font-size:28px ; color:#eb7612; text-transform: uppercase; margin: 25px 0 0 0; background: url('img/punteada.png') no-repeat; background-position:  220px 15px; }

.bloquec { width: 100%; height: auto; padding: 75px 0; color: #13325e;  }
.bloquec h4 { font-size:28px ; color:#eb7612; text-transform: uppercase; margin: 25px 0; background: url('img/punteada.png') no-repeat; background-position:  225px 15px;  }
.bloquec h5 { font-size:28px ; color:#13325e; text-transform: uppercase; margin: 25px 0; background: url('img/punteada.png') no-repeat; background-position:  350px 50px;}
.bloquec ul { margin: 25px 0 45px 0; width: 75%; }
.bloquec ul li {  list-style: none; font-size:22px ; margin: 18px 0; }

.ajustemb { margin-top: 10% !important; }
.mul { mix-blend-mode: multiply; }
.lista { display: inline-block; padding: 0 20px; width: auto; background:none !important;  }
ul.cap1 { width: 40%;  display: inline-block; vertical-align: top; margin: 0; padding:0;   }
ul.cap1 li { font-size: 18px; padding-left: 25px; margin-left: 15px;  background: url('img/blueb.png') no-repeat; background-position: 0px 5px; }


/* SERVICIOS */
.contacto { background:white url('img/contacto.jpg') no-repeat center top; background-size: 100% auto; } /*******/
.capa1 { background:white url('img/capa.jpg') no-repeat center top; background-size: 100% auto; }
.legal1 { background:white url('img/legal.jpg') no-repeat center top; background-size: 100% auto; }
.alma1 { background:white url('img/alma.jpg') no-repeat center top; background-size: 100% auto; }
.custom1 { background:white url('img/custom.jpg') no-repeat center top; background-size: 100% auto; }
.logistics1 { background:white url('img/logistics.jpg') no-repeat center top; background-size: 100% auto; }
.trade1 { background:white url('img/trade.jpg') no-repeat center top; background-size: 100% auto; }
.riesgo1 { background:white url('img/riesgos.jpg') no-repeat center top; background-size: 100% auto; }
.mkt1 { background:white url('img/mkt.jpg') no-repeat center top; background-size: 100% auto; } /*******/

input { background:#eb7612 ; color:#13325e !important; font-size:; width: 100%; height: 50px; line-height: 50px;  border: none; border-radius: 50px; margin: 10px 0;  padding: 0 10px;  }
input[type="submit"] { text-align: left; background: none; width: auto; font-family: 'blogger_sansbold'; color:#eb7612 !important ;  }

::-webkit-input-placeholder   { color: #13325e; } /* Chrome/Opera/Safari */ 
  ::-moz-placeholder          { color: #13325e; } /* Firefox 19+ */ 
  :-ms-input-placeholder      { color: #13325e; } /* IE 10+ */
  :-moz-placeholder           { color: #13325e; } /* Firefox 18- */

@media only screen and (max-width: 690px) {
.burger { display: inline !important; }
.rs  { top:5px; }    
.logo  { top:25px; }    
.logo img { width: 200px; }  
header ul { width: 100%; text-align: center;  position: relative;  width: 100%; height: auto; padding: 25px 0; background: #fff; border-bottom: #f60 solid 1px;  position: absolute; margin-top: 100px; left: -100%; transition:all 600ms ease !important; }
header ul li { color: #00234d; text-decoration: none; display: block; vertical-align: top; list-style: none; text-align: center; margin: 0 15px;  }
header ul li a { color: #00234d;  font-size: 16px; line-height: 15px;  }

.sub { position: relative; }
.submenu { background: none !important;  
           width: 100%; height:auto; text-align: left; padding: 10px ; display: inline-block;
           position: relative; z-index: 60; transition:all 600ms ease; margin-left: 0px; text-align: center;     }

           

.submenu a { display: block; margin: 20px 0; color: #00234d; width: 100%; height:auto; }
.submenu a:hover { color: #f60; }

.main { left: 0%; transition:all 600ms ease; }
.ajustemb { margin-top: -50px !important; float: right; }

}



@media only screen and (max-width: 490px) {
    .carousel { width: 100%; height: 600px;  }
	.carousel-nav .carousel-cell {  padding:15px 20px; width: 100%; height:auto !important; text-align: left;  margin: 0 auto 0 5%;  }
	.carousel-nav {  width: 90%; height:auto !important; display:none;  }
	.bloquea br, .bloqueb br, .bloquec br { display: none }
	.bloquec ul { padding: 0; margin: 0; }
    .bloquea h2 {
    font-size: 30px;
    line-height: 35px;
    padding-top: 1px;
    display: inline-block;
    text-transform: uppercase;
}

.bloquea img {
    width: 50%;
}

.bloquea p {
    color: #eb7612;
    margin-left: 5%;
    text-transform: none;
    margin-top: 0px;
    font-size: 16px;
    line-height: 18px;
}
    
}