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

.notransform{text-transform: none!important;}

.nodecoration{text-decoration: none;}
.bold{font-family:  'Montserrat', sans-serif;font-style: normal;font-weight: 700;}
.italic{font-family:  'Montserrat', sans-serif; font-style: italic;}
.justify{text-align: justify;text-justify: inter-word;}
.nopaddingside{padding-left: 0!important;padding-right: 0!important}
.nopaddingtop{padding-top: 0!important;}
.nopaddingbot{padding-bottom: 0!important;}
.nopaddingtopbot{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-top10{padding-top: 10vh;}
.padding-bottom5{padding-bottom: 5vh;}
.padding-top5{padding-top: 5vh;}
.padding-top3{padding-top: 3vh;}
.padding-left5{padding-left:5%;}
.padding-left10{padding-left:10%;}
.padding-left20{padding-left:20%;}
.padding-left15{padding-left:15%!important;}
.padding-right10{padding-right:10%;}
.padding-right15{padding-right:15%!important;}
.padding-right20{padding-right:20%!important;}
.padding-right5{padding-right:5%;}
.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;}

.col5{width: 20%;margin: 0; float: left;}
.letter-sp7{letter-spacing: 7px;}

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

h1.b{color:#4a71ab;font-size:2.45rem;line-height: 2.65rem}
span.b,h1.b{color:#4a71ab;}
div#myNavbar {height:auto; padding:1vh 1.75% 2vh 2%;background-color: transparent;}
a.w3-bar-item.w3-button.w3-wide {width: 99.99%;}


.orange-text{color: #F39200;}

.flex{display: flex;}


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

button.w3-button.w3-transparent:hover{background-color: transparent!important;}
button.modal.w3-button.w3-transparent {padding: 0;}
.w3-modal{width: 40%;height:auto;margin: 15vh 30%;padding:5vh 2%;background-color: #226faf;}
.title-modal,p.modal{color: #fff;}
.w3-modal-content{width: 96%;}
span.w3-button.w3-display-topright.modal{color: #fff;padding: 0;}

/*
.flip-card {
  width: 100%;
 
  perspective: 1000px;
  line-height: 1.2rem;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 30vh;
  margin-bottom: 2vh;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card-inner.one {
  height: 30vh;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
  -webkit-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 35vh;
  backface-visibility: hidden;
  -webkit-backface-visibility:hidden;
}

.flip-card-front {
 background-color: transparent!important;  
}

.flip-card-back {
  background-color: #226faf!important;
  color: white;
  transform: rotateY(180deg);
  -webkit-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
}
*/


header#home{height: 100vh;}
header#home{background-image: url(../img/head-bg.png);background-position: center;background-size: cover;background-repeat: no-repeat;  padding: 30vh 10% 30vh 10%;}
.expertos{background-color: #F39200;}
.beneficios{background-color: #3C3C3B;}
.bene1{height: 6rem;}
.bene{vertical-align: middle;padding:3rem;display: table-cell;}
.logo-head{width: 30%;float: left; margin-bottom: 15vh;}
#servicios{background-size: cover; background-image: url(../img/bg-blue.png); background-repeat: no-repeat;background-position: bottom left;}

img.servicios{width: auto; height:4rem;margin: 2rem auto 1.5rem;display: block;}
img.beneficios{float: right; width: auto; height:6rem;margin: 2rem 0 1.5rem;display: block;}

#nomina1{background-color: #3C3C3B;}
.nomina1-bg{background-image: url(../img/lat-der.png);background-repeat: no-repeat;background-position: left center; background-size: cover;}
.lat-bg{background-image: url(../img/lat-izq.png);background-size: cover;background-repeat: no-repeat;background-position: left center;}

.pleca-orange{background-color: #F39200; width: 40%;height: 5px;}

button.beneficios-b{background-color: #003f1cc4; color: #fff; font-size: .9rem;font-weight: 400; text-align: center;margin:40vh auto 0;display: block; border-radius: 0!important;border:none;}

.formulario{padding:15vh 7% 10vh;}
.campos{padding: 0 2%;}
#contacto{background-image: url(../img/bg-contacto.png);background-position: top center; background-repeat: no-repeat;background-size: cover;border-top: 7px solid #F39200;}
form{    padding: 3vh 0%;background-color: #EDEDED;}
.w3-half.w3-container.padding-top10 {padding-left: 10%;}
img.logo-foot{width: 3%;margin: 5vh auto;display: block;}

/*img.foot-logos {margin: 2vh 20px;width: 20%;}*/
button, input, select, textarea, optgroup {margin-bottom: 1vh;width: 99.99%;line-height: 1.5rem;border: none;background-color:#fff;}
input[type="submit"] {text-transform: none; font-size: .85rem; font-weight: 500; text-align: center; padding: 5px 25px;letter-spacing: 2px;border: 1px solid #fff;
    color: #fff; background-color: #F39200; border:none;width: auto;float: right;margin-left: 5%;}
label {font-style: italic; line-height: 1rem; font-weight: 500;font-size: .85rem;width:99.99%;color: #000;float: left;margin: 0px;text-align: left;padding: 0px;}
textarea.mensaje {width: 99.99%;line-height: 1.1rem;margin-top: 1vh;}
span.privacidad {color:#000;font-size: .6rem;text-align: right;width: 55%;float: left;line-height: .7rem;}
input[type="checkbox"] {width: 4.5%;float: left;}
.campos.w3-third.padding-top5 {padding-top: 0;}
.campos.mensaje{margin-top: -3rem;}

h2.w3-left-align.w3-text-white.bold.notransform {
    line-height: 1rem;
    font-size: 1.5rem;
}
h1.w3-left-align.orange-text.bold.notransform {
    line-height: 1rem;
    font-size: 2.5rem;
}

@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: 768px){
.flex{display: block!important;}
header#home{padding: 10vh 10% 14vh 8%;background-position: center;background-position-x: -480px;}
h3{line-height: 1.7rem;font-size: 1.1rem;letter-spacing: 1px;}
h2{font-size: 1.2rem;line-height: 2rem;}
h1{font-size: 1.5rem;line-height: 2rem;}
.logo-head{margin: 0 auto 25vh;width: 60%;}
h2.w3-left-align.w3-text-white.letter-sp7.aos-init.aos-animate {
    letter-spacing: 4px;width: 90%;}

.col5{width: 100%;}

img.servicios {
    width: auto;
    height: 4.5rem;}


.formulario{padding: 0vh 7% 10vh;}

.flip-card {
  height: auto;
  min-height: 30vh;
  perspective: 1000px;}
  .flip-card-inner {
  height: 46vh;}

.flip-card-inner.one {
  height: 40vh;
}

.flip-card-front, .flip-card-back {
  min-height: 35vh;
}
.flip-card.w3-container.vision {
    z-index: 20000;
    position: relative;}

input[type="submit"] {
    width: 99.99%;
    margin: 2vh auto;
    display: block;
    float: left!important;}

h3.w3-right-align.orange-text.bold, p.w3-right-align {
    text-align: center!important;
}

img.logo-foot {
    width: 10%;}

.w3-container.w3-padding.w3-large.beneficios {
    height: auto!important;
    padding: 6vh 6%!important;
}
img.beneficios {
    float: none;
    margin: 1rem auto;}
.bene1 {
    height: auto;
}
.bene {
    padding: 0rem 0 1rem;
    text-align: center!important;}

    .form-inner {
    margin-top: 7vh;
}
.formulario {
    padding: 6vh 5%;height: auto;}
.campos.mensaje {
    margin-top: 0rem;
}
.w3-half.w3-container.padding-top10 {
    padding-top: 2vh;}

.nomina1-bg {
    height: 50vh;}
.lat-bg {
    height: 50vh;}

}




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

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

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

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



@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: 2560px){

}