html, body { width: 100%; height: 100%; margin: 0; overflow-x: none; color:#054896;  font-family: 'camptonbook'; }
header { width: 100%; height: 100px; position: fixed; top: 0; z-index: 40; background: white;  }
h1, h2, h3 { font-family: 'campton_bookbold'; } 

  footer {   width:100% ; min-height: 240px; background:#003591; padding-top: 60px; font-size: 16px;  font-family: 'camptonbook' !important;   }
  footer ul {  width: auto;   }
  footer ul li { list-style: none; display: inline-block; margin-right: 21px;  }
  footer ul li a {  color:#fff; font-size: 12px; }
  footer ul li a:hover {  color:#5bc6e9; text-decoration: none;   }
  footer ul li a.active {  color:#5bc6e9; text-decoration: none;  font-family: 'elektra_medium_probold'; }
  footer .copy { font-size: 10px; margin-top: -70px !important; letter-spacing: 4px; text-align: right !important; }
  footer img { margin-right: 30px !important; } 
  footer .boton { color:#fff; float: right; width: 160px;   }





.out {
    position:relative;
    background-image: url(../images/melissa.JPG);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height:100%;
    width:100%;
    color:red;
}
.out-video {
    position: relative;
    min-width:100% !important;
    height:82% !important;
    z-index: -1;
    margin:0;
    padding:0;
    overflow: hidden;
}

.main_text {
    color: white;
    font-size:76px;
    font-variant:small-caps;
    position:absolute;
    right:15%;
    top:30%;
}
video#bgvid {
    position: relative;
    z-index: 0;
    background: url(mel.jpg) no-repeat;
    background-size: 100% 100%;
    top: 0px;
    left: 50%;
    margin-left: -50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
#video-viewport {
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: -1; /* for accessing the video by click */
}

#debug {
    position: absolute;
    top 0;
    z-index: 100;
    color: #fff;
    font-size: 12pt;
}







  .arial { font-family: arial;  }
  .bold { font-family: 'campton_bookbold'; }
  .light { font-family: 'camptonbook'; }
  .uper { text-transform: uppercase; }
  .limpia { clear: both;  }

  .cuareta { font-size: 40px;  }
  .vcinco { font-size: 25px; line-height: 27px;  }

  .right { text-align: right;  }
  .right .verde { padding-top: 15px !important;  }
  .bloque { display: inline-block; margin-left: 15px; }

.blanco { color:#fff;  }
.verde { color:#91cb39;  }
.boton { padding: 10px 15px; color:#054896; border: #91cb39 solid 1px; border-radius: 8px; font-size: 13px; padding: 8px 12px !important;   }
.boton_ { padding: 10px 15px; color:#fff; border: #91cb39 solid 1px; width: 160px; text-align: center; border-radius: 8px; font-size: 13px;   }

.boton:hover { padding: 10px 15px; text-decoration: none; color:#054896; background-color: #91cb39; border: #91cb39 solid 1px; border-radius: 8px; font-size: 13px;   }
.boton_:hover { padding: 10px 15px; text-decoration: none; color:#fff; background-color: #91cb39; border: #91cb39 solid 1px; width: 160px; text-align: center; border-radius: 8px; font-size: 13px;   }

.oculta { display: inline; }
.burger { display: none; position: absolute; top: 25px; right: 35px;  }
#collapseExample { width: 100%;  }
#collapseExample ul li { list-style: none !important;  }
#collapseExample ul li a { color: #054896;  }
#collapseExample ul li a:hover { color: #91cb39;  }
.item { padding-left: 15px; list-style: none;  }

video { width: 100% ; height: 120%; position: absolute; top: 0; left: 0; z-index: 5;  }
.video { width: 100%; height: 600px; position: relative; overflow: hidden; background: url(https://media.giphy.com/media/5nogrzUkTBJNZg11xQ/giphy.gif) no-repeat center; background-size: cover; margin-top:100px;  }
.video h1 { font-size:50px; padding-left: 10px; padding-top: 90px; line-height: 45px;  }
.video a.boton { padding: 10px 15px; color:#054896; padding-left: 10px; background: #91cb39 ; border-radius: 8px; font-size: 13px; border: none; padding: 8px 45px; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); width: 160px !important;  }
.video a.boton:hover { font-family: 'campton_bookbold';  padding: 10px 15px; background:#054896; padding-left: 10px; color: #91cb39 ; border-radius: 8px; font-size: 13px; border: none; padding: 8px 45px; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); width: 160px !important;  }
.video .container { position: relative; z-index: 10; }
.video span { font-size: 20px; display: block; margin: 30px 0; padding-left: 10px; }
.video_ { width: 100%; height: 400px; position: relative; overflow: hidden; margin-top:100px;  }
.video_ a.boton { padding: 10px 15px; color:#054896; padding-left: 10px; background: #91cb39 ; border-radius: 8px; font-size: 13px; border: none; padding: 8px 45px; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); width: 160px !important;  }
.video_ a.boton:hover { font-family: 'campton_bookbold';  padding: 10px 15px; background:#054896; padding-left: 10px; color: #91cb39 ; border-radius: 8px; font-size: 13px; border: none; padding: 8px 45px; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); width: 160px !important;  }


.video a.boton { padding: 10px 15px; color:#054896; padding-left: 10px; background: #91cb39 ; border-radius: 8px; font-size: 13px; border: none; padding: 8px 45px; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); width: 160px !important;  }
.video a.boton:hover { font-family: 'campton_bookbold';  padding: 10px 15px; background:#054896; padding-left: 10px; color: #91cb39 ; border-radius: 8px; font-size: 13px; border: none; padding: 8px 45px; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); width: 160px !important;  }


ul.menu { float: right; width: 800px; margin-top: 43px;      }
ul.menu li { display: inline-block; list-style: none; font-size: 16px; margin:0 15px;   }
ul.menu li a { color:#054896;   }
ul.menu li a:hover { color:#91cb39; text-decoration: none;  }
.rs { position: absolute; top:40px ; right: 50px;  }
ul.rs  { width: 100px; height: 30px; padding: 0;}
ul.rs  li { list-style: none; display: inline-block; }
.separador1 { height: 2px; display: block; margin:24px 0 50px 0 ; width: 100px; height: 3px; }
.dropdown, .dropdown-toggle { margin-right: -5px !important;  }
.rs_ { display: inline-block; vertical-align: top;  }

.services-index { padding: 100px 0; }
.services-index p { font-size: 16px; padding-top: 15px; height: 160px; }
.services-index p.ajuste { font-size: 16px; padding-top: 15px; height: 160px; padding-right: 45px; }
.esconde { opacity: 0;  }

.col1 { width: 50%; min-height: 860px ; float: left; padding: 90px 90px 90px 150px; box-sizing: border-box; background:#054896;  }
.col2 { width: 50%; min-height: 860px ; float: left; padding: 90px 90px 90px 150px; box-sizing: border-box; /*background: url(imagenes/fondo-col2.jpg) no-repeat;*/ background-size: auto 100%; background-position: center;  }

.col1_ { width: 50%; min-height: 860px ; float: left; padding: 90px 90px 90px 110px; box-sizing: border-box; background:#f2f6fa;  }
.col2_ { width: 50%; min-height: 860px ; float: left; padding: 90px 90px 90px 110px; box-sizing: /*border-box; background: url(imagenes/fondo-col2_.jpg) no-repeat; background-size: auto 100%;*/ background-position: center;  }



.verde_ { width: 100%; min-height: 600px ; padding-top: 110px;  /*background: url(imagenes/verde.jpg) no-repeat;*/ background-size: cover; background-position: center;  }

.mapa { width: 100%; height: 450px; position: relative; margin-top:100px;   }
.contact { max-width: 950px; min-width:320px; min-height: 600px ; position: relative; z-index: 10;  margin: -50px auto 0 auto;  }
.titulo { width: 100%; height:50px; color: #fff; background-color: #91cb39; text-align: center; line-height: 50px; font-size: 25px;  margin-bottom: 60px;  }
.contact h3 { font-size: 20px !important; width: 40%; display: inline-block; vertical-align: top; margin-bottom: 25px;  }
.tel { width: 40%; height: auto; display: inline-block; margin: 45px 0;  }
.tel span { display: block; font-size: 20px;   }
.tel .bold { display: block; font-size: 24px !important;   }

.sep-con { width: 100%; height: 1px; background:none; border-top: #92cb38 solid 2px;   }

 label { color:#003591; font-size: 15px; width: 100%, margin-bottom:15px; }
 input, textarea { background-size: none; color:#003591; border: none; border-bottom:#003591 solid 1px; resize: none; padding: 7px; font-size: 18px; width: 100%; height: 35px; margin-bottom: 30px;   }
 textarea {  height: 90px; }
 input[type=submit] { padding: 0px 30px; text-transform: uppercase; width: 250px; font-size: 14px; line-height: 35px; box-sizing: border-box; color:#054896; background:#91cb39 ; border: none; border-radius: 8px; height: 45px;  }

.empleo { width: 100%; height: 380px;  background: url(imagenes/empleo.jpg) no-repeat left bottom; padding-left: 45%; padding-top: 90px; }
.empleo a { padding: 10px 15px; color:#054896; border: #91cb39 solid 1px; border-radius: 8px; font-size: 13px; display: block; width: 150px; text-align: center;  }
.empleo a:hover { padding: 10px 15px; color:#054896; font-family: 'campton_bookbold'; text-decoration: none; font-weight: bold; background-color: #91cb39; border: #91cb39 solid 1px; border-radius: 8px; font-size: 13px; display: block; width: 150px; text-align: center;  }
.empleo p { font-size: 27px; }

.services { width: 100%; height: 450px; position: relative; margin-top:100px; /*background: url(imagenes/services.jpg) no-repeat center; background-size: cover; */  }
.services_ { max-width: 950px; min-width:320px; height: 50px ; position: relative; z-index: 10;  margin: -50px auto 0 auto;  }
.services_ .titulo { width: 300px !important; height:50px; color: #fff; background-color: #91cb39; text-align: center; line-height: 50px; font-size: 25px;  margin-bottom: 60px;  }
.titulo_ { width: 100%; height:auto; color: #fff; background-color: #004994; color: #fff; font-size: 25px; padding: 30px 0; line-height: 27px;  }
.titulo_ .container { max-width: 930px;  }


.talent { width: 100%; height: 450px; position: relative; margin-top:100px; /*background: url(imagenes/talent.jpg) no-repeat center; background-size: cover; */  }
.talent_ { max-width: 950px; min-width:320px; height: 50px ; position: relative; z-index: 10;  margin: -50px auto 0 auto;  }
.talent_ .titulo { width: 520px !important; height:50px; color: #fff; background-color: #91cb39; text-align: center; line-height: 50px; font-size: 25px;  margin-bottom: 60px;  }
.titulo_ { width: 100%; height:auto; color: #fff; background-color: #004994; color: #fff; font-size: 25px; padding: 30px 0; line-height: 27px;  }
.titulo_ .container { max-width: 950px;  }


/*
.empleo { width: 100%; height: 380px;  background: url(imagenes/empleo.jpg) no-repeat left bottom; padding-left: 45%; padding-top: 90px; }
.empleo a { padding: 10px 15px; color:#054896; border: #91cb39 solid 1px; border-radius: 8px; font-size: 13px; display: block; width: 150px; text-align: center;  }
.empleo p { font-size: 27px; }*/

.gris-claro { width: 100%; height: auto;  background-color:#f2f6fa ; padding: 100px 0;  }
.gris-claro h3 { font-size: 25px; margin:15px 0 25px 0;  }
.gris-claro p { font-size: 16px;  }
.contract { max-width: 950px; min-width:320px; min-height: auto ; position: relative; z-index: 10;  margin: -50px auto 0px auto; padding: 100px 0 0px 0 ;  }

.consulting { width: 100%; height: 450px; position: relative; margin-top:100px; /*background: url(imagenes/consulting.jpg) no-repeat center; background-size: cover;*/   }
.consulting_ { max-width: 950px; min-width:320px; height: 50px ; position: relative; z-index: 10;  margin: -50px auto 0 auto;  }
.consulting_ .titulo { width: 390px !important; height:50px; color: #fff; background-color: #91cb39; text-align: center; line-height: 50px; font-size: 25px;  margin-bottom: 60px;  }

.app { max-width: 950px; min-width:320px; min-height: auto ; position: relative; z-index: 10;  margin: 50px auto 0 auto;  }
.app_ { width: 100%; height: 580px;  background: url(imagenes/movil.jpg) no-repeat left bottom; padding-left: 45%; padding-top: 220px; }
.app_ a { padding: 10px 15px; color:#054896; border: #91cb39 solid 1px; border-radius: 8px; font-size: 13px; display: block; width: 150px; text-align: center;  }
.app_ p { font-size: 24px !important; line-height: 32px !important; }

 .txt-md { font-size: 18px !important;  }
  .txt-md_ { font-size: 18px !important;  }
  .dropdown, .dropdown-toggle { background:none; border: none; color:#054896;  }
  .dropdown-menu { border: none !important; background-color: white; border-radius: 0; border-bottom: #91cb39 solid 5px !important; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); width: 320px; padding-left: 40px;   }
  .dropdown-toggle { outline: none !important;  }
  .sin { margin: 0 5px 0 0 !important;   }




@media only screen and (max-width: 1030px) {
.logo { margin-left: 0px;   }
ul.menu { float: right; width: 600px; margin-top: 45px;  }
ul.menu li { display: inline-block; list-style: none; font-size: 14px; margin-right: 15px;   }
ul.menu li a { color:#054896;   }
ul.menu li a:hover { color:#91cb39; text-decoration: none;  }
.rs { position: absolute; top:37px ; right: 50px;  }
ul.rs  { width: 100px; height: 30px; padding: 0;}
ul.rs  li { list-style: none; display: inline-block; }

.services-index br { display: none; }
video { width: auto ; height: 100%; position: absolute; top: 0; left: 0; z-index: 5;  }

}



@media only screen and (max-width: 960px) {
.logo { margin-left: -10px;   }
ul.menu { float: right; width: 350px; margin-top: 45px; padding: 0; margin-right: 70px !important;   }
ul.menu li { display: inline-block; list-style: none; font-size: 14px; margin-right: 15px;   }
ul.menu li a { color:#054896;   }
ul.menu li a:hover { color:#91cb39; text-decoration: none;  }
.rs { position: absolute; top:37px ; right: 20px;  }
ul.rs  { width: 100px; height: 30px; padding: 0;}
ul.rs  li { list-style: none; display: inline-block; }


.services-index h3 { margin: 25px 0; }
.services-index p.ajuste { margin: 25px 0;  height: 
auto; }

.col1 { width: 100%; min-height: 860px ; float: left; padding: 50px 5% ; box-sizing: border-box; background:#054896;  }
.col2 { width: 100%; min-height: 860px ; float: left; padding: 50px 5%; box-sizing: border-box; /*background: url(imagenes/fondo-col2.jpg) no-repeat;*/ background-size: auto 100%; background-position: center;  }

.col1_ { width: 100%; min-height: 860px ; float: left; padding: 50px 5%; box-sizing: border-box; background:#f2f6fa;  }
.col2_ { width: 100%; min-height: 860px ; float: left; padding: 50px 5%; box-sizing: border-box; /*background: url(imagenes/fondo-col2_.jpg) no-repeat; background-size: auto 100%; background-position: center;*/  }

}

@media only screen and (max-width: 730px) {
.logo { margin-left: 0px; width: 190px; margin-top:13px;    }
.oculta { display: none; }
.rs { display: none; }
.burger { display: inline;  }
.video h1 {font-size: 30px; line-height: 29px; }
.cuareta {font-size: 30px; line-height: 29px; }

}

@media only screen and (max-width: 590px) {
  .contract p > br { display: none;  }

.col1 { width: 100%; min-height: 860px ; float: left; padding: 50px 5% ; box-sizing: border-box; background:#054896;  }
.col2 { width: 100%; min-height: 860px ; float: left; padding: 50px 5%; box-sizing: border-box; /*background: url(imagenes/fondo-col2.jpg) no-repeat;*/ background-size: auto 100%; background-position: center;  }

.col1_ { width: 100%; min-height: 860px ; float: left; padding: 50px 5%; box-sizing: border-box; background:#f2f6fa;  }
.col2_ { width: 100%; min-height: 860px ; float: left; padding: 50px 5%; box-sizing: border-box; /*background: url(imagenes/fondo-col2_.jpg) no-repeat; background-size: auto 100%; background-position: center;*/  }

.contact { padding: 0 5%;  }
.titulo { width: 100%; height:50px; color: #fff; background-color: #91cb39; text-align: center; line-height: 50px; font-size: 25px;  margin-bottom: 60px;  }


.tel { width: 100%; height: auto; display: inline-block; margin: 45px 0;  }
.tel span { display: block; font-size: 20px;   }
.tel .bold { display: block; font-size: 28px !important;   }

.sep-con { width: 100%; height: 1px; background:none; border-top: #92cb38 solid 2px;   }

 label { color:#003591; font-size: 15px; width: 100%, margin-bottom:15px; }
 input, textarea { background-size: none; color:#003591; border: none; border-bottom:#003591 solid 1px; resize: none; padding: 7px; font-size: 18px; width: 100%; height: 35px; margin-bottom: 30px;   }
 textarea {  height: 90px; }
 input[type=submit] { padding: 0px 30px; text-transform: uppercase; width: 250px; font-size: 14px; line-height: 35px; box-sizing: border-box; color:#054896; background:#91cb39 ; border: none; border-radius: 8px; height: 45px;  }



.bloque { display: block; margin-left: 15px; text-align: left; margin-left: 0px;  }
a.bloque { text-align: center; }
.right { text-align: left;  }

.ajuste br { display: none; }

.contact h3 { font-size: 20px !important; width: 100%; display: inline-block; vertical-align: top; margin-bottom: 25px;  }
}

@media only screen and (max-width: 440px) {
  video { display: none;  }
.consulting_ .titulo { width: 100% !important; height:50px; color: #fff; background-color: #91cb39; text-align: center; line-height: 50px; font-size: 15px;  margin-bottom: 60px;  }
.talent_ .titulo { width: 100% !important; height:50px; color: #fff; background-color: #91cb39; text-align: center; line-height: 50px; font-size: 15px;  margin-bottom: 60px;  }
.services_ .titulo { width: 100% !important; height:50px; color: #fff; background-color: #91cb39; text-align: center; line-height: 50px; font-size: 15px;  margin-bottom: 60px;  }

.app { max-width: 950px; min-width:320px; min-height: auto ; position: relative; z-index: 10;  margin: 50px auto 0 auto;  }
.app_ { width: 100%; height: 880px;  background: url(imagenes/movil.jpg) no-repeat left bottom; padding-left: 3%; padding-top: 120px; }
.app_ a { padding: 10px 15px; color:#054896; border: #91cb39 solid 1px; border-radius: 8px; font-size: 13px; display: block; width: 150px; text-align: center;  }
.app_ p { font-size: 18px !important; line-height: 32px !important; padding:0 5%;   }

.video_ h1 { font-size: 25px;  }

}