/*
html {
  --scrollbarBG: #CFD8DC;
  --thumbBG: #90A4AE;
}
body::-webkit-scrollbar {
  width: 0px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}
*/
html,
body,
header,
.view {
  height: 109px;
  background-color: #000;
}
.evalua{
    background-color: #84D000;
    color: #FFF;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  padding-top: 15px;
  padding-bottom: 15px;
  }

  .evalua2{
    background-color: #FFF;
    color: #000;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  padding-top: 15px;
  padding-bottom: 15px;
  }
  .evalua3{
    background-color: #84D000;
    color: #FFF;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
  }
  .seccion{
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #FFF;
    font-size: 32px;
  }
  .pregunta{
    font-family: 'Montserrat', sans-serif;
    color: #FFF;
    font-size: 18px;
  }
.barrita{

}
.degradadoMenu{
  background: transparent linear-gradient(266deg, #000000 0%, #404040 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  border-bottom-style: solid;
  border-bottom-width: 5px;
  border-color: #84D000;
}

.top-nav-collapse {
  background-color: #1C2331; 
}

.logoMenu{
  
  width: 250px;
  margin-top: 0px;
  margin-left: 0px;
}
.dropdown-item{
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
.navbar .dropdown-menu a{
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}


.dropdown-item:hover{
  background-color: #84D000;
}

.menu2{
  margin-left: 80px;
  text-align: right;
}
.textoMenu{
  font-family: 'Montserrat', sans-serif;
  color: #FFFFFF;
  text-align: left;
  font-size: 20px;
  font-weight: 500;
}
.textoMenu:hover{
  color: #84D000;
}
.divisionMenu{
  margin-top: 7px;
  margin-left: 10px;
  margin-right: 10px;
  
  
  height: 30px;
  border: 1px solid #84D000;
  
}

.divVerde{
  font-size: 5px;
  margin-top: 0px;
  width: 100%
  height: 18px;
  background: #84D000;
  opacity: 1;
}
.divRojo{
  
  width: 100%
  height: 18px;
  background: #FF0000;
  opacity: 1;
}
.videoPromo{
  width: 100%;
  
  
}
.imgVerClientes{
  width: 180px;
}
.imgVerClientes2{
  width: 200px;
  margin-left: 0px;
}
.expertos{
  text-align: center;
  font: normal normal bold 21px Montserrat;
  letter-spacing: 0px;
  color: #84D000;
  opacity: 1;
}
.expertos2{
  font: normal normal bold 21px Montserrat;
  letter-spacing: 0px;
  color: #84D000;
  opacity: 1;
}
.porqueContratarGeneral{
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #FFF;
  font-size: 27px;
  border: 1px solid #84D000;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.porqueContratarInicio{
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #FFF;
  font-size: 27px;
  border: 1px solid #84D000;
  padding-left: 40px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}



.cuadroPorqueContratar{
  margin-top: 60px;
  margin-left: 130px;
  /*height: 205px;*/
  border: 1px solid #84D000;
  opacity: 1;
}
.cuadroPorqueContratar2{
  border: 1px solid #84D000;
  margin-top: 40px;
}
.cuadroPorqueContratar3{
  border: 1px solid #84D000;
  margin-top: 40px;
  margin-left: 130px;
  margin-right: 130px;
}
.porqueContratar{
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #FFF;
  font-size: 31px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 50px;
  margin-right: 20px;
}
.porqueContratar2{
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #FFF;
  font-size: 31px;
  margin-top: 15px;
  margin-bottom: 15px;
  
}

.porqueContratarEstrategia{
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #000;
  font-size: 27px;
  border: 1px solid #84D000;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.texto{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: justify;
  line-height: 28px;
  font-size: 21px;
  color: #FFFFFF;
  margin-top: 0px;
  margin-left: 0px;
}
.textoPorqueContratar{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: left;
  line-height: 2rem;
  font-size: 21px;
  color: #FFFFFF;
  opacity: 1;
  margin-top: 25px;
  margin-left: 130px;
}
.btndescargar{
  width: 170px;
  margin-left: 25px;
  /*padding-top: 10px;*/
}
.descargueEvaluacion{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #000;
  font-size: 21px;
  padding-top: 15px;
  padding-bottom: 0px;
}

.textoPorqueContratar2{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: left;
  line-height: 2rem;
  font-size: 21px;
  color: #FFFFFF;
  opacity: 1;
  margin-top: 25px;
  
}

.parallaxHabitacion{
  background-image: url("../img/portada/playa.jpg");
  /*height: 1000px;*/
    
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.circuloSocial{
  width: 40px;
  margin-right: 32px;
  margin-right: 12px;
}

.partido img{
  width: 70%;
}

@media (max-width: 600px){

   html,
      body,
      header,
      .view {
        height: 85px;
      }

      .evalua{
        background-color: #84D000;
        color: #FFF;
        font-size: 10px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
      }

      .evalua2{
        background-color: #FFF;
        color: #000;
        font-size: 10px;
        font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      padding-top: 1px;
      padding-bottom: 1px;
      }
      .evalua3{
        background-color: #84D000;
        color: #FFF;
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
      }
      .seccion{
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        color: #FFF;
        font-size: 22px;
      }
      .pregunta{
        font-family: 'Montserrat', sans-serif;
        color: #FFF;
        font-size: 12px;
      }


      .logoMenu{
        position: relative;
        width: 250px;
        margin-top: 0px;
        margin-left: 5px;
      }
      .divisionMenu{
        display: none;
      }
      .menu2{
        margin-left: 0px;
        text-align: center;
      }
      .divVerde{
        margin-top: 0px;
      }
      .cuadroPorqueContratar{
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
      }
      .porqueContratarInicio{
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
      }
      .porqueContratarGeneral{
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        padding-left: 35px;
        padding-right: 35px;
      }
      .porqueContratar{
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        color: #FFF;
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: center;
        margin-left: 5px;
      }
      .porqueContratar2{
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        color: #FFF;
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: center;
        
      }
      .cuadroPorqueContratar3{
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        
      }
      .porqueContratarEstrategia{
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #000;
      }
      .textoPorqueContratar{
        font-family: 'Montserrat', sans-serif;
        font-weight: normal;
        text-align: left;
        line-height: 1.5rem;
        font-size: 16px;
        color: #FFFFFF;
        opacity: 1;
        margin-top: 15px;
        margin-left: 15px;
      }
      .texto{
        font-family: 'Montserrat', sans-serif;
        font-weight: normal;
        text-align: justify;
        line-height: 26px;
        font-size: 16px;
        color: #FFFFFF;
        margin-top: 0px;
        margin-left: 0px;
      }
      .texto3{
        font-family: 'Montserrat', sans-serif;
        font-weight: normal;
        text-align: justify;
        line-height: 18px;
        font-size: 12px;
        color: #FFFFFF;
        margin-top: 0px;
        margin-left: 0px;
      }
      .circuloSocial2{
        width: 20px;
        margin-right: 1px;
      }
      .textoPorqueContratar2{
        font-family: 'Montserrat', sans-serif;
        font-weight: normal;
        text-align: left;
        line-height: 1.5rem;
        font-size: 16px;
        color: #FFFFFF;
        opacity: 1;
        margin-top: 15px;
       
      }
      .videoPromo{
        width: 90%;
        margin-left: 15px;
        margin-top: 10px;
      }
      .expertos{
        text-align: center;
        font: normal normal bold 18px Montserrat;
        letter-spacing: 0px;
        color: #84D000;
        opacity: 1;
      }
      .expertos3{
        font: normal normal bold 14px Montserrat;
        color: #84D000;
        border: 1px solid #84D000;
        
        padding-top: 10px;
        padding-bottom: 10px;
      }
      .circuloSocial{
        width: 30px;
        margin-right: 6px;
        margin-left: 6px;
      }
      .btndescargar{
        width: 150px;
        margin-top: 5px;
        margin-bottom: 10px;
      }
      .descargueEvaluacion{
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        color: #000;
        font-size: 18px;
        
      }
      .imgVerClientes2{
        width: 200px;
        margin-left: 0px;
      }

      .expertos2{
        font: normal normal bold 16px Montserrat;
        letter-spacing: 0px;
        color: #84D000;
        opacity: 1;
      }

}

@media (max-width: 740px){
  .logoMenu{
      position: relative;
      width: 150px;
      margin-top: 0px;
      margin-left: 5px;
    }
  .divisionMenu{
    display: none;
  }
  .menu2{
    margin-left: 0px;
    text-align: right;
    }
  .textoMenu{
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
  }
  .porqueContratarInicio{

        font-size: 18px;
        font-weight: bold;
        text-align: center;
      }
  .porqueContratarEstrategia{
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      color: #000;
    }
  .texto{
        font-family: 'Montserrat', sans-serif;
        font-weight: normal;
        text-align: justify;
        line-height: 26px;
        font-size: 16px;
        color: #FFFFFF;
        margin-top: 0px;
        margin-left: 0px;
      }
      .expertos2{
        font: normal normal bold 16px Montserrat;
        letter-spacing: 0px;
        color: #84D000;
        opacity: 1;
      }
}

@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .view {
    /*height: 650px;*/
  }

  .navbar:not(.top-nav-collapse) {
     background: #1C2331!important;
  }
}
@media (max-width: 776px) {
  .logoMenu{
      position: relative;
      width: 15px;
      margin-top: 0px;
      margin-left: 5px;
    }
}
@media only screen and (max-width:768px){
  .logoMenu{
      position: relative;
      width: 150px;
      margin-top: 0px;
      margin-left: 5px;
    }
  .navbar{
    /*background-color:#1C2331;*/
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .logoMenu{
      position: relative;
      width: 200px;
      margin-top: 0px;
      margin-left: 120px;
    }
  .divisionMenu{
    display: none;
  }
  .menu2{
    margin-left: 0px;
    text-align: left;
  }
  .porqueContratarInicio{
      font-size: 18px;
      font-weight: bold;
      /*text-align: left;*/
      padding-left: 15px;
      padding-right: 15px;
    }
    .porqueContratarGeneral{
      font-size: 18px;
      font-weight: bold;
      text-align: left;
      padding-left: 15px;
      padding-right: 15px;
    }
    .texto{
        font-family: 'Montserrat', sans-serif;
        font-weight: normal;
        text-align: justify;
        line-height: 18px;
        font-size: 16px;
        color: #FFFFFF;
        margin-top: 0px;
        margin-left: 0px;
      }
    .expertos{
      text-align: center;
      font: normal normal bold 16px Montserrat;
      letter-spacing: 0px;
      color: #84D000;
      opacity: 1;
    }
    .descargueEvaluacion{
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      color: #000;
      font-size: 16px;
      padding-top: 15px;
      padding-bottom: 0px;
    }
    .btndescargar{
      width: 150px;
      margin-left: 25px;
      /*padding-top: 10px;*/
    }

  
}

@media (min-width: 630px) and (max-width: 700) and (orientation: landscape){
  .porqueContratarInicio{
      font-size: 18px;
      font-weight: bold;
      text-align: right;
    }
    
}