button{cursor: pointer;}

  @import url("https://use.typekit.net/vhw4wbg.css");


@font-face {
font-family: gill-sans-nova, sans-serif;

font-weight: 700;

font-style: normal;
}

@font-face {

font-family: gill-sans-nova, sans-serif;

font-weight: 500;

font-style: normal;
}

@font-face {
font-family: gill-sans-nova, sans-serif;

font-weight: 700;

font-style: italic;
}

@font-face {
font-family: gill-sans-nova, sans-serif;

font-weight: 400;

font-style: normal;
}

@font-face {
font-family: gill-sans-nova, sans-serif;

font-weight: 400;

font-style: italic;
}

@font-face {
font-family: gill-sans-nova-deco, sans-serif;

font-weight: 400;

font-style: normal;
}

@font-face {
font-family: gill-sans-nova-inline, sans-serif;

font-weight: 700;

font-style: normal;
}

@font-face {
font-family: gill-sans-nova-inline, sans-serif;

font-weight: 400;

font-style: normal;
}

@font-face {
font-family: gill-sans-nova-shadowed, sans-serif;

font-weight: 300;

font-style: normal;
}

@font-face {
font-family: gill-sans-nova-shadowed, sans-serif;

font-weight: 500;

font-style: normal;
}

@font-face {

font-family: gill-sans-nova-shadowed-outl, sans-serif;

font-weight: 400;

font-style: normal;
}

@font-face {

font-family: gill-sans-nova-extra-condens, sans-serif;

font-weight: 700;

font-style: normal;
}

@font-face {

font-family: gill-sans-nova-condensed, sans-serif;

font-weight: 700;

font-style: normal;
}

@font-face {

font-family: gill-sans-nova-condensed, sans-serif;

font-weight: 700;

font-style: italic;
}

@font-face {

font-family: gill-sans-nova-condensed, sans-serif;

font-weight: 400;

font-style: normal;
}

@font-face {

font-family: gill-sans-nova-condensed, sans-serif;

font-weight: 400;

font-style: italic;
}

@font-face {
font-family: gill-sans-nova-inline-conden, sans-serif;

font-weight: 400;

font-style: normal;
}






/*GOTHAM*/
@font-face {font-family: "Gotham"; src: url("//db.onlinewebfonts.com/t/bd317adf74e5e7e564eb61ce9926cc6d.eot"); src: url("//db.onlinewebfonts.com/t/bd317adf74e5e7e564eb61ce9926cc6d.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/bd317adf74e5e7e564eb61ce9926cc6d.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/bd317adf74e5e7e564eb61ce9926cc6d.woff") format("woff"), url("//db.onlinewebfonts.com/t/bd317adf74e5e7e564eb61ce9926cc6d.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/bd317adf74e5e7e564eb61ce9926cc6d.svg#Gotham") format("svg"); }

/*GOTHAM book*/
@font-face {font-family: "GothamBook"; src: url("//db.onlinewebfonts.com/t/a9db6cd9116ff56da3875b35444f0c45.eot"); src: url("//db.onlinewebfonts.com/t/a9db6cd9116ff56da3875b35444f0c45.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/a9db6cd9116ff56da3875b35444f0c45.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/a9db6cd9116ff56da3875b35444f0c45.woff") format("woff"), url("//db.onlinewebfonts.com/t/a9db6cd9116ff56da3875b35444f0c45.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/a9db6cd9116ff56da3875b35444f0c45.svg#GothamBook") format("svg"); }

/*GOTHAM bold*/
@font-face {font-family: "Gotham"; src: url("//db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.eot"); src: url("//db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.woff") format("woff"), url("//db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.svg#Gotham") format("svg"); }

/*GOTHAM light*/
@font-face {font-family: "Gotham Light"; src: url("//db.onlinewebfonts.com/t/84693c6ac1f359fe8a4ac49b69f492dd.eot"); src: url("//db.onlinewebfonts.com/t/84693c6ac1f359fe8a4ac49b69f492dd.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/84693c6ac1f359fe8a4ac49b69f492dd.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/84693c6ac1f359fe8a4ac49b69f492dd.woff") format("woff"), url("//db.onlinewebfonts.com/t/84693c6ac1f359fe8a4ac49b69f492dd.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/84693c6ac1f359fe8a4ac49b69f492dd.svg#Gotham Light") format("svg"); }

/*GOTHAM black*/
@font-face {font-family: "Gotham Black"; src: url("//db.onlinewebfonts.com/t/0f9c349da923afea31fae4db7b8094f0.eot"); src: url("//db.onlinewebfonts.com/t/0f9c349da923afea31fae4db7b8094f0.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0f9c349da923afea31fae4db7b8094f0.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0f9c349da923afea31fae4db7b8094f0.woff") format("woff"), url("//db.onlinewebfonts.com/t/0f9c349da923afea31fae4db7b8094f0.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0f9c349da923afea31fae4db7b8094f0.svg#Gotham Black") format("svg"); }

.desktop{display: block;}
.mobile{display: none;}

.nodeco{text-decoration: none;}
.ttransform{text-transform: none;}
.justify{text-align: justify;text-justify: inter-word;}
.nopadding{padding-left: 0!important;padding-right: 0!important;padding-bottom: 0!important; padding-top: 0!important;}
.nopaddingside{padding-left: 0!important;padding-right: 0!important;}
.nopaddingleft{padding-left: 0!important;}
.nopaddingbot{padding-bottom: 0!important;}
.nopaddingtop{padding-top: 0!important;}
.nopaddingbottop{padding-bottom: 0!important; padding-top: 0!important;}
.nomargintopbot{margin-top: 0!important; margin-bottom: 0!important;}
.padding-topbot15{padding-top:15vh; padding-bottom: 15vh;}
.padding-top12{padding-top: 12vh!important;}
.padding-top10{padding-top: 10vh!important;}
.padding-bottom5{padding-bottom: 5vh;}
.padding-bottom2{padding-bottom: 2vh;}
.padding-top4{padding-top:4%!important;}
.padding-top5{padding-top: 5vh!important;}
.padding-top3{padding-top: 3vh;}
.padding-left5{padding-left:5%!important;}
.padding-left10{padding-left:10%!important;}
.padding-left15{padding-left:15%!important;}
.padding-left20{padding-left:20%!important;}
.padding-left25{padding-left:25%!important;}
.padding-left30{padding-left:30%!important;}
.padding-right10{padding-right:10%!important;}
.padding-right15{padding-right:15%!important;}
.padding-right20{padding-right:20%!important;}
.padding-right25{padding-right:25%!important;}
.padding-right30{padding-right:30%!important;}
.padding-right5{padding-right:5%;}
.padding-right7{padding-right:7%;}
.padding-5{padding: 5vh 5%;}
.margin-right5{margin-right: 5%;}
.margin-top5{margin-top: 5vh;}
.margin-top3{margin-top: 3vh;}
.margin-top10{margin-top: 10vh;}
.margin-top15{margin-top: 15vh;}
.margin-bot5{margin-bottom: 5vh;}
.margin-bot10{margin-bottom: 10vh;}
.clear2{height: 2vh;display: block;}
.clear3{height: 3vh;display: block;}
.clear5{height: 5vh;display: block;}
.clear7{height: 7vh;display: block;}
.clear10{height: 10vh;display: block;}
.clear15{height: 15vh;display: block;}
.clear20{height: 20vh;display: block;}
.clear25{height: 25vh;display: block;}
.clear35{height: 35vh;display: block;}
.clear45{height: 45vh;display: block;}

.flex{display: flex;}

.uppercase{text-transform: uppercase;}
.img-center{margin: 0 auto;display: block;}
.red{color: #EF1424;}

.white{color: #fff;}
h2.big{font-size:2.3rem;line-height:0rem; text-align: left;font-weight: 700;}
.green-text{color: #006633;}

h1.b{color:#4a71ab;font-size:2.45rem;line-height: 2.65rem}
span.b,h1.b{color:#4a71ab;}

.w3-bar-item.w3-button.w3-wide.logo-head {margin: 0 10% 0 6%;}
div#myNavbar {height: auto; overflow: visible; padding:0g;background-color: #fff;}
a.w3-bar-item.w3-button.w3-wide {width: 25%;}

.big-text{font-size: 1.2rem;}

.bold{font-family: "Gotham";}
.light{font-weight: 200;}
.regular{font-weight: 400;}
.uppercase{text-transform: uppercase!important;}

.blue-text{color: #00a0af;}
.transp-text{color: #ffffff80;}
.gray-text{color: #808080;}
.yellow-text{color: #ffcd00;}

.white-bg{padding:2vh 5%;background-color: #fff;}

h1.head{font-family: 'Aleo', serif;font-weight: 700;font-size: 5rem;line-height: 5.25rem;letter-spacing: 2px;text-transform: none!important;margin: auto 0;text-align: center;width: 100%; display: block;}
img.blocks {
    z-index: -5000;
    width: auto;
    height: 10vh;
    display: block;
    margin: -18vh auto 10vh!important;
}
h4.somos{font-family: "Gotham Light";}
h4.blue-text>span.bold{ font-size: 1.5rem; line-height: 1.75rem;}

/*DROPDOWN
.w3-dropdown-content{float:left!important;margin-top: 4vh!important;background-color: #ffffffc4;border: 0!important;}
.w3-dropdown-content.w3-bar-block.w3-border{padding-top: .5vh; padding-bottom: .5vh;
    left: 35%;
    width: 15%;}
a.w3-bar-item.w3-button.submenu {font-size: .95rem!important;text-align: center!important;}
*/


.w3-dropdown-hover{width:33%;}
button.w3-button.subnav{width: auto; font-size: 400;letter-spacing: 1px;padding-top:0!important;margin-top: 0!important;float: left;line-height: 1.5rem!important;}
button.w3-button.subnav>a.w3-bar-item.w3-button.nav{line-height: 1.5;padding-top: 0px;}
.w3-dropdown-hover:hover > .w3-button:first-child, .w3-dropdown-click:hover > .w3-button:first-child{line-height: 1.5rem!important;background-color: transparent!important;    color: #00a0af!important;}
button.w3-button.subnav:hover{background-color: transparent!important;    color: #00a0af!important;}
button.w3-button.subnav:active > a.w3-bar-item.w3-button.nav:active {
    color: #00a0af!important;}
a.w3-bar-item.w3-button.nav:hover{color: #00a0af!important;}

.w3-dropdown-content {margin-left: -5%;width: 14%;padding-top: 7vh;margin-top: 3vh;color: #fff;background-color: transparent!important;}
.w3-dropdown-content.w3-bar-block.w3-border{border:none!important;}

a.w3-bar-item.w3-button.submenu {
    padding: 8px 16px;
    line-height: 1.35rem;background-color: #23232373!important;}
a.w3-bar-item.w3-button.submenu:hover {background-color: #ffffff52!important;}

/*HOME*/
a.w3-bar-item.w3-button.nav {
    line-height: 1.5rem!important;
    font-family: gill-sans-nova, sans-serif;
    font-weight: 500;
    font-style: normal;
    margin: 1.5rem 0;
    font-size: 1.05rem;
    padding: 0 15px;
    color: #808080;
}
.w3-container.w3-large.cerouno { margin: 5vh 0;}
h1.w{text-transform: none;margin-top: 0;margin-bottom: 0;}
p{margin-top: 0;margin-bottom: 0;}
header#home{ height: 88.5vh;padding: 0!important; background-image: url(../img/header-home.png);background-position:left center;background-repeat: no-repeat;background-size: cover;}
header#servicios{ height: 88.5vh;padding: 25vh 5% 0vh 5%!important; background-image: url(../img/servicios-banner.png);background-position:left center;background-repeat: no-repeat;background-size: cover;}
.ico-servh{width: 9vw;height: auto;padding: 10px;display: block; margin: 20px auto;}


    p.w3-center.foot {font-size: .9rem;}


.item.slide1{height: 100vh;}

.owl-carousel, .owl-carousel .owl-item, .owl-carousel .owl-stage, .owl-carousel .owl-stage-outer {height: 100%;}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -15vh!important;
    z-index: 30000;
    position: inherit;}
.owl-theme .owl-dots .owl-dot span{background-color: #ffffff87;width: 15px!important;
    height: 15px!important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color:#ffffffc9; }

.owl-dot.active span{background-color: #8719b7!important;}

button.info{color: #fff; background-color: #00a0af; padding: 5px; border-radius: 15px;font-size: .8rem; line-height: 1rem; border:none; font-weight: 200; margin: 1.5vh auto 0; display: block;}
#servicios{background-image: url(../img/servicios-bg.png); background-repeat: no-repeat;background-position: center;background-size: cover;}
img.nosotros-lat, img.almacenes-lat{height: 100vh!important;width: 100%!important;overflow: hidden;}
#somos{height: 100vh;}
#almacenes{height: 100vh;}
img.logo-h{margin:0 auto; width: 25%;height: auto; display: block;}
.logo-home{margin: auto;}
/*SERVICIOS*/
header#servicios{z-index: -6000; height: 89vh;padding: 0vh 5%!important; background-image:url(../img/servicios-head.png); background-position:left center;background-repeat: no-repeat;background-size: cover;}
.w3-large.w3-container.iconos-one, .w3-large.w3-container.iconos-two {
    width: auto!important;
    margin: 0 auto!important;display: table;}
.ico-serv{width: 17vw;height: 30vh;color: #fff;padding: 4vh 20px;text-align: center; background-repeat: no-repeat;background-position: center;background-size: cover; margin: 20px 20px;float: left;}
.almacenaje{background-image: url(../img/almacenaje-ico.png); }
.distribucion{background-image: url(../img/distr-ico.png);}
.insite{background-image: url(../img/insite-ico.png);}
.ligera{background-image: url(../img/man-ico.png);}
.l4{background-image: url(../img/software-ico.png);}
.flex>h6{width: 100%; margin:auto;}

/*NOSOTROS*/
header#nosotros{  z-index: -6000; height: 89vh;padding: 0vh 5%!important; background-image:url(../img/nosotros-head.png); ;background-position:left center;background-repeat: no-repeat;background-size: cover;}
img.nos-logo {
    width: 10vw;
    display: block;
    margin: 0 auto;
}
#experiencia{ height: 50vh;padding: 18vh 5%!important; /*background-image: url(../img/experiencia-bg.png);*/background-position:top center;background-repeat: no-repeat;background-size: cover;}

/*ALMACENAJE*/
header#almacenaje{  z-index: -6000; height: 50vh;padding: 27vh 5% 0!important; background-image:url(../img/nosotros-head.png); ;background-position:left center;background-repeat: no-repeat;background-size: cover;}
#middle{height: 30vh; /*background-image: url(../img/middle-almacenaje.png);*/background-position: bottom center;background-repeat: no-repeat;background-size: cover;height: 30vh;}
.block{width: 12px; height: auto; float: left;margin-right: 9px;margin-top: 9px;}
#valores-agregados{background-image: url(../img/valores-a-bg.png);background-position: bottom center;background-repeat: no-repeat;background-size: cover;height: auto;border-bottom: 5vh #fcdc3e solid;}
.white-l{height: 2px; width: 50px;background-color: #fff;}
span.bold.w3-center {letter-spacing: 0px;}


/*DISTRIBUCION*/
header#distribucion{  z-index: -6000; height: 50vh;padding: 27vh 5% 0!important; background-image:url(../img/distribucion-head.png); ;background-position:left center;background-repeat: no-repeat;background-size: cover;}
#cross-dock{/*background-image: url(../img/crossdock-bg.png);*/background-position: bottom center;background-repeat: no-repeat;background-size: cover;height: auto;}
.mapa{width: 100%;height: auto;}
.flechas{width:34%;height: auto;position: absolute;margin-left: -37%!important;margin-top: 1%;}

/*INSITE*/
header#insite{  z-index: -6000; height: 50vh;padding: 27vh 5% 0!important; background-image:url(../img/insite-head.png); ;background-position:left center;background-repeat: no-repeat;background-size: cover;}
#cadenas{padding-bottom: 22vh!important; height: auto; background-image: url(../img/insite-middle.png);background-position: bottom center;background-repeat: no-repeat;background-size: cover;}
.bg-green70{background-color:#00000080;}

/*LIGERA*/
header#manufactura{  z-index: -6000; height: 50vh;padding: 27vh 5% 0!important; background-image:url(../img/manufactura-head.png); ;background-position:left center;background-repeat: no-repeat;background-size: cover;}
#verificacion{height: auto; background-image: url(../img/verificacion.png);background-position: bottom center;background-repeat: no-repeat;background-size: cover;}
.bg-green50{background: rgb(1,47,53);
background: linear-gradient(0deg, rgba(1,47,53,0.7) 0%, rgba(2,72,22,0.5) 35%);}

/*SOFTWARE*/
header#software{  z-index: -6000; height: 50vh;padding: 27vh 5% 0!important; background-image:url(../img/logistico-head.png); ;background-position:left center;background-repeat: no-repeat;background-size: cover;}
#logistic{height: auto; background-image: url(../img/logistic-middle.png);background-position: bottom center;background-repeat: no-repeat;background-size: cover;}


/*CONTACTO*/
#contacto{background-image: url(../img/contacto-bg.png);background-size: cover;background-repeat: no-repeat;background-position: left center;}
footer#foot{background-color: #00a0af;}
label{color: #fff;padding-right: 5px;text-align: left; width: 38%;float: left;font-size: .8rem;}
.redes{width: 12%; float: left;margin: 0 1.5%;}
.textfoot{vertical-align: sub;}
input.field, textarea{background-color: #ffffff91;line-height: 2rem;border-radius: 20px;font-family: 'Gill Sans Regular';
 float: right;width: 60%; border: none;}
 label.mje{width: 18%;}
 textarea{width: 80%;}
input[type="checkbox"] {margin-right: 5px;}
input[type="submit"] {
    cursor: pointer;
  float: right;
    width: auto;
    margin: 2vh 10px;
    padding: 1vh 10px;
    border-radius: 20px;
    display: block;
    color: #fff;
    background-color: #00a0af;
    border: none;
    letter-spacing: 2px;
    font-family: gill-sans-nova, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: .8rem;
    text-transform: uppercase;
}   
img.logo-foot {
    width: auto;float: left;height: 5.5vh;
}
.w3-threequarter.w3-container.formulario {
    background-image: none;
  }

button.volver{
    width: auto;
    margin: 2vh auto;
    padding: 1vh 10px;
    border-radius: 20px;
    display: block;
    color: #fff;
    background-color: #00a0af;
    border: none;
    letter-spacing: 2px;
font-family: gill-sans-nova, sans-serif;
font-weight: 500;
font-style: normal;
    font-size: .8rem;
    text-transform: uppercase;
}   

/*SOMOS*/
#somos{height: 100vh;}
.nosotros, .almacenesh1{margin:auto 0;}

/*ENVIADO*/
#enviado{background-color:#fceb70;}
.logo-enviado{width: 15%; margin: 0 auto; display: block;}
header#enviado{height: 90vh;}

img.redes{width: 1.5vw;float: right;}

@media screen and (max-width: 800px){
    html, body {
    font-size: 12px;}
.flex{display: block!important;}
.w3-col.s2.w3-container {padding: 0!important;}
  .logo-head {
    width: auto;
    height: 8vh;
    margin: 0 auto;
    display: block;}
    img.logo-h {
    width: 75%;}
header.bgimg-1.w3-display-container#home {
    width: 99.99%;
    height: 83vh;
    background-image: url(../img/head-mobile.png);
    background-position: center;
    display: flex!important;
    padding: 0 10%!important;}
    #servicios {
    background-image: url(../img/servicios-bg-mobile.png);    padding: 5vh 4% 8vh!important;}
img.ico-head {margin: 24vh 5% 44% 0%;}
header#home {height: 90vh;}
  h4 {font-size: 1.2rem;}
  .desktop{display: none;}
  .mobile{display: block;}
nav#mySidebar{font-family: "Gotham";background-color: #181a18f5!important;}
nav#mySidebar>.w3-bar-item{color:#00a0af!important;}
nav#mySidebar>.w3-bar-item:hover{color: #fff;} 
  div#myNavbar {
    height: 4rem;padding: 1rem 5%;}
    img.logo-menu {width: 30%;float: left;margin: 1vh 5% 2vh;}
    i.fa.fa-bars{color: #EF1424;float: right;padding: 0px 16px}
  
.item.slide1, .item.slide2, .item.slide3, .item.slide4 {height: auto;}
#somos {height: auto;}
img.somos {height: auto;width: 75%!important;margin: 5vh 0;}
.w3-half.w3-container.w3-padding-small.padding-top12.padding-left15 {padding-top: 5vh!important;padding-left: 7%!important;padding-right: 7%!important;}
.owl-theme .owl-nav.disabled+.owl-dots {margin-top: -5vh!important;}

img.ico-serv.aos-init.aos-animate {width: 30%;margin: 6vh auto 3vh;}
img.almacenes-lat.mobile.aos-init.aos-animate {
    height: auto!important;
    width: 70%!important;
    float: right;
}
h1.w3-left-align.blue-text.contamosh1 {
    width: 99.99%;
    float: left;}
    h1 {font-size: 1.7rem;}
#almacenes {height: auto;}
.almacenesh1 {
    margin: 0vh 0!important;}
 .contamosh1 {
    margin: 4vh 0!important;}
#contacto {
    background-image: url(../img/contacto-bg-mobile.png);padding: 4% 0!important;}
.formcontent{padding: 6% 0!important;}
input.field, textarea {
    margin: 0 0 7px;
    width: 100%!important;}
label, label.mje {width: 100%;text-align: center!important;}
.w3-half.w3-container.foothalf, .w3-half.w3-container.redes-container.privhalf {
    width: 49.99%;
    padding-top: 2vh;}
    img.logo-foot {
    margin-bottom: 2vh;}
    .nosotros, .almacenesh1 {
    margin: 2vh 0;}
header#nosotros {
    display: flex!important;}
    img.nos-logo {
    width: 30vw;
    display: block;
    margin: 2vh auto 0;}
    div#nosotros {
    margin-bottom: 3vh;
    padding: 0!important;
}
div#misionvision {
    padding-left: 12%!important;
    padding-right: 12%!important;}
    header#servicios {
    display: flex!important;}
#cross{padding: 6% 12%!important;}
.ico-serv {
    display: flex!important;
    width: 47vw;
    height: 25vh;margin: 15px auto;}
.w3-large.w3-container.iconos-one, .w3-large.w3-container.iconos-two {
display: grid;}
#descripcion{padding: 0 2%!important;}
header#almacenaje {padding: 12vh 5% 0!important;}
div#serv-descr {padding: 8%!important;}
#middle {background-image: url(../img/middle-bg-vert.png);height: 20vh;}
div#descripcion>.gray-text{line-height: 3rem;}
#valores-agregados {padding: 6vh 5%!important;}
div#valores-a-descr {padding: 12%!important;}
.flechas {
    width: 64%;
    height: auto;
    position: absolute;
    margin-left: -70%!important;
    margin-top: 3%;}

#cadenas{padding: 6vh 10% 22vh!important; height: auto;}

#verificacion,#logistic{padding: 0% 6%!important;}
.w3-large.w3-container.w3-padding-large.bg-green50{padding: 10% 6%!important;}
#log-in{padding: 10% 4%!important;}
.ico-servh {
    width: 23vw;}
img.redes{width: 4.5vw;float: left;}

}


@media screen and (max-width: 1200px){
.w3-half.imglateral{min-height: 60vh!important;}
a.w3-bar-item.w3-button.submenu {font-size: .5rem!important;}
}

@media screen and (max-width: 1300px){
.w3-half.imglateral{min-height: 65vh!important;}
}

@media screen and (max-width: 1400px){
.w3-half.imglateral{min-height: 62vh!important;}
}

@media screen and (max-width: 1500px){
.w3-half.imglateral{min-height: 55vh!important;}
}




@media screen and (max-width:1050px){

}

@media screen and (max-width: 950px){

}

@media screen and (max-width: 1100px){

}

@media screen and (max-width: 1310px){

}

@media screen and (max-width: 1450px){

}

@media screen and (min-width:700px) and (max-width: 750px){

}

@media screen and (max-width:700px){

}


@media screen and (max-width: 600px){

}

@media screen and (max-width: 320px){
 
}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) { 

}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71)
{
 
}

/*IPHONE XR*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) {
      
    }

/*IPHONE XS*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
   }

/*IPHONE XS MAX*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { }


/*IPHONE6-7-8PLUS*/
@media only screen 
and (min-device-width : 414px) 
and (device-height : 736px) { 
 
}


/*IPHONE5-5S*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) { /* STYLES GO HERE */}




@media screen and (min-width: 1500px){
  
}

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


}

@media screen and (min-width: 2560px){
form {padding: 0 7%;}
}