html, body {
    font-family: 'Gill Sans Light';}

@font-face {
font-family: 'Gill Sans Regular';
font-style: normal;
font-weight: normal;
src: local('../fonts/Gill Sans Regular'), url('../fonts/Gill Sans.woff') format('woff');
}


@font-face {
font-family: 'Gill Sans Condensed Regular';
font-style: normal;
font-weight: normal;
src: local('../fonts/Gill Sans Condensed Regular'), url('../fonts/GillSans Condensed.woff') format('woff');
}


@font-face {
font-family: 'Gill Sans Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/Gill Sans Italic'), url('../fonts/Gill Sans Italic.woff') format('woff');
}


@font-face {
font-family: 'Gill Sans Light';
font-style: normal;
font-weight: normal;
src: local('../fonts/Gill Sans Light'), url('../fonts/Gill Sans Light.woff') format('woff');
}


@font-face {
font-family: 'Gill Sans Light Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/Gill Sans Light Italic'), url('../fonts/Gill Sans Light Italic.woff') format('woff');
}


@font-face {
font-family: 'Gill Sans Medium';
font-style: normal;
font-weight: normal;
src: local('../fonts/Gill Sans Medium'), url('../fonts/Gill Sans Medium.woff') format('woff');
}


@font-face {
font-family: 'Gill Sans Medium Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/Gill Sans Medium Italic'), url('../fonts/Gill Sans Medium Italic.woff') format('woff');
}


@font-face {
font-family: 'Gill Sans Bold';
font-style: normal;
font-weight: normal;
src: local('../fonts/Gill Sans Bold'), url('../fonts/Gill Sans Bold.woff') format('woff');
}


@font-face {
font-family: 'Gill Sans Condensed Bold';
font-style: normal;
font-weight: normal;
src: local('../fonts/Gill Sans Condensed Bold'), url('../fonts/GillSans Condensed Bold.woff') format('woff');
}


@font-face {
font-family: 'Gill Sans Bold Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/Gill Sans Bold Italic'), url('../fonts/Gill Sans Bold Italic.woff') format('woff');
}


@font-face {
font-family: 'Gill Sans Heavy';
font-style: normal;
font-weight: normal;
src: local('../fonts/Gill Sans Heavy'), url('../fonts/Gill Sans Heavy.woff') format('woff');
}


@font-face {
font-family: 'Gill Sans Heavy Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/Gill Sans Heavy Italic'), url('../fonts/Gill Sans Heavy Italic.woff') format('woff');
}


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

.nodeco{text-decoration: 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-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-right10{padding-right:10%;}
.padding-right15{padding-right:15%!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;}
.clear5{height: 5vh;display: block;}
.clear7{height: 7vh;display: block;}

.clear15{height: 15vh;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: 'Gill Sans Bold';}
.light{font-weight: 200;}
.regular{font-weight: 400;}
.uppercase{text-transform: uppercase!important;}

.blue-text{color: #253f68;}

/*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;}
*/


/*HOME*/
a.w3-bar-item.w3-button.nav {
    font-family: 'Gill Sans Medium';
    margin: 1.5rem 0;
    font-size: 1.05rem;
    padding: 0 15px;
    color: #253f68;
}
.w3-container.w3-large.cerouno { margin: 5vh 0;}
.logo-head {width:1.5rem auto;height: 4rem;}
h1.w{text-transform: none;margin-top: 0;margin-bottom: 0;}
p{margin-top: 0;margin-bottom: 0;}
header#home{ height: 88.5vh;padding: 20vh 15% 0 5%!important; background-image: url(../img/home-head.png);background-position:left center;background-repeat: no-repeat;background-size: cover;}
header#servicios{z-index: -5000; 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;}


img.ico-head{width: 70%;float: left;margin: 44% 5% 44% 0%;}
img.somos{height: 100vh; width:auto!important;float: right;}
.w3-col.s10.w3-container {
    padding-right: 15%;}
img.servicios{height: auto; width: 100%;}
h3.serv{margin:-28vh auto;}
.icons{width: 7vw; margin: 2vh auto 1vh;display: block;}
.icons2{width: 20vw; margin: 2vh auto 1vh;display: block;}
.icons3{width: 7vw; margin: 1vh auto 1vh;display: block;}
h4.w3-center.border-l {
    border-left: 0;
    border-top: 0px;
    border-right: 4px solid #8de854;
    border-bottom: 4px solid #8de854;
    padding: 5px 25px 5px 15px;
    text-align: left!important;
    display: inline-block;
    width: auto;
    margin: 15px 0;}
    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;}
/*SERVICIOS*/
#descripcion {margin-top: -40vh;    z-index: -4000;
    position: relative;}
#descripcion2 {padding-right: 15%!important;}
img.lat1{width: auto; height: 50vh; float: right;margin-top: -15vh;margin-bottom: -30vh; /*position: absolute;top: 140vh;right: 0;*/}
img.lat2{width: 15vw; position: absolute;top: 160vh; left: -4vw;}

/*NOSOTROS*/
header#nosotros{ height: 50.5vh;padding: 25vh 5% 0vh 5%!important; background-image: url(../img/nosotros-banner.png);background-position:left center;background-repeat: no-repeat;background-size: cover;}
img.lat3{width: auto; height: 50vh; float: left; margin-bottom: 0vh; margin-top: 4vh;}
.ico-cult{width: 10vw;float:left;}
#misionvision{color: #fff; height: auto; background-image: url(../img/mision-vision.png);background-position:left center;background-repeat: no-repeat;background-size: cover;}
.ico-val{width: 90%;display: block;margin: 1vh auto;}
.ico-int{width: 3vw; display: block;margin: 2vh auto 0;}
img.valores{width: 100%;margin:0 auto 2vh;}
#valores{padding-bottom: 8vh!important;}
img.lineas-ban {
    width: auto;
    height: 70vh;
    margin-top: -38vh;
    position: absolute;
    filter: brightness(1.1);
    opacity: .8;}
    img.lineas-m {
    z-index: 1000;
    position: absolute;
    right: 5vh;
    float: right;
    height: 79vh;
    margin-top: -67vh;
    margin-right: 5vw;
    filter: brightness(1.1);
    opacity: .6;}
    .w3-large.w3-container.nopadding.mv {
    z-index: 3800;position: relative;}
        img.cult{width:100%!important;
    margin:  0;}

/*CONTACTO*/
#contacto{height: 64vh;}
footer#foot{background-image: url(../img/contacto-bg.png);background-size: contain;background-repeat: no-repeat;background-position: left center; height: 70vh; margin-bottom: -4.5rem;
}
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{font-family: 'Gill Sans Regular';
 float: right;width: 60%; border: none;}
input[type="checkbox"] {margin-right: 5px;}
input[type="submit"] {
  float: right;
    width: auto;
    margin: 2vh 10px;
    padding: 1vh 20px;
    display: block;
    color: #253f68;
    background-color: #fff;
    border: none;
    letter-spacing: 2px;
    font-family: 'Gill Sans Medium';
    font-size: .8rem;
    text-transform: uppercase;
}   
img.logo-foot {
    width: auto;float: left;height: 4vh;
}
.w3-threequarter.w3-container.formulario {
    background-image: none;
  }

/*SOMOS*/
#somos{height: 100vh;}

/*ENVIADO*/
#enviado{background-color:#fff;}
header#enviado{height: 80vh;}
.bg-blue-one{background: rgb(1,6,69);
background: linear-gradient(90deg, rgba(1,6,69,0.7) 20%, rgba(0,156,224,1) 55%, rgba(0,65,101,1) 90%);}
.bg-blue{background: rgb(0,65,101);
background: linear-gradient(90deg, rgba(0,65,101,1) 0%, rgba(0,156,224,1) 55%, rgba(0,65,101,1) 100%);}
.mauto{margin: auto 0!important;}

@media screen and (max-width: 800px){
.flex{display: block;}
.flex-home{display: flex;}
header#enviado{height: 73vh;}
.logof, .priv{width: 49.99%!important;}
.bg-blue-one{padding: 3vh 5%!important;background: rgb(0,65,101);
background: linear-gradient(90deg, rgba(0,65,101,1) 0%, rgba(0,156,224,1) 55%, rgba(0,65,101,1) 100%);}
.bg-blue{padding: 3vh 5%!important;}
.w3-col.s2.w3-container {padding: 0!important;}
  .logo-head {
    width: auto;
    height: 8vh;
    margin: 0 auto;
    display: block;}
  header.bgimg-1.w3-display-container#home {
    padding: 12vh 7% 0vh!important;}
img.ico-head {margin: 24vh 5% 44% 0%;}
header#home {height: 90vh;}
  h4 {font-size: 1.2rem;}
  .desktop{display: none;}
  .mobile{display: block;}

  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.servicios {
    display: block;
    height: 40vh;
    width: auto;margin: 5vh 0;}
h3.serv {
    font-size: 2rem;
    text-align: left!important;
    margin: -25vh auto;
    padding: 0 5%;
    height: 45vh;
}
.icons {width: 20vw;}
.icons3 {width: 14vw;}
#servicios {padding-bottom: 5vh;}
footer#foot { padding: 0!important;height: auto;background-image: none;    margin-bottom: 0rem;}
#contacto {height: auto;}
.w3-third.w3-container.formulario {    background-size: cover;background-repeat: no-repeat;height: auto!important;background-image: url(../img/contacto-bg-movil.png);    padding: 0 0 5vh;
}
.w3-twothird.w3-container.padding-left15.padding-top5 {padding-left: 5%!important;}
p.w3-center.foot {margin-bottom: 3vh;}


.w3-padding-xlarge {padding: 6% 10%!important;}


    footer#contacto {padding: 6vh 4% 4vh!important;}
    .form-inner {margin: 1vh 0%!important;width: 100%!important;}
   

     .form-inner {width: 100%!important;}
    label {width: 100%!important;text-align: center!important;}
    input.field,textarea, textarea.mensaje {width: 100%!important;}
    input[type="submit"] {
    width: auto;
    margin: 2vh auto;
    padding: 1vh 20px;
    display: block;
    color: #fff;
    background-color: #959595;
    border: none;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 1.15rem;
}   
  img.logofoot {margin:2vh 0 1vh;width: 30%;} 
    .w3-third.w3-container.redes-container {
    padding: 2vh 30%;}
    .redes {
    width: 30%;
    float: left;
    margin: 0 10%;}

#contacto {padding-right: 0!important;}
.w3-large.w3-continer.w3-padding.nomargintopbot.nopaddingbottop {
    padding-top: 5vh!important;}
img.lat1 {
    height: 35vh;
    margin-top: 5vh;
    margin-bottom: 5vh;}
header#servicios {
    margin-bottom: -42vh;
    height: 88.5vh;
    padding: 20vh 5% 0vh 5%!important;}
img.lat2 {
    width: 20vw;
    position: initial;
    float: right;
    margin-bottom: -12vh;
    transform: rotateX(160deg);
    -webkit-transform-origin-x: 80deg;
    left: -4vw;}
.w3-large.w3-container.w3-padding.nomargintopbot.nopaddingbot {
    padding: 4% 4%!important;}
/*.justify.serv{text-align: left!important;}*/
.w3-col.s2.w3-container.w3-padding.nopaddingtop, .w3-col.s10.w3-container.w3-padding.nopaddingtop {
    width: 100%;}
#descripcion2 {padding-right: 8%!important;}

/*NOSOTROS*/
header#nosotros {padding: 23vh 5% 0vh 5%!important;}
h1.w3-center.w3-text-white.aos-init.aos-animate {
    z-index: 3000!important;
    position: absolute;
    display: block;
    width: 83%;}
.w3-col.s2.w3-container {
    width: 100%!important;}
#misionvision {padding-top: 7vh!important;} 
img.cult {
    width: 79%!important;
    margin: 4vh auto 0vh;
    display: block;
}   
img.valores {
    width: 50%;
    margin: 6vh auto 2vh;
    display: block;
}
img.lineas-m{margin-top: -30vh; width: 40%; right: 0;margin-right: 0!important;height: auto;}
img.lat3 {
    width: 80%;
    height: auto;margin-top: 10vh;}
.ico-int {
    width: 9vw;margin: 2vh auto;}
.w3-twothird.w3-container.w3-padding.nopaddingleft {
    padding: 4% 8%!important;}
    .w3-large.w3-container.margin-top5 {
    padding: 0!important;margin: 0!important;}

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate img.cult{
    opacity: 1;
    -webkit-transform: translateZ(0) scale(.6)!important;
    transform: translateZ(0) scale(.6)!important;}
    .pertenencia{margin: 0 0 5vh!important;}
#valores {padding: 2% 6%!important;}
}



/* Tablet */
@media (max-width: 1024px) {
  .contact-item {
    flex: 1 1 calc(50% - 20px);
  }
}

@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){

}


