*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial;
}
body{
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  background-image: url(../principal/bgHori.jpeg);
  background-size: cover;
  background-attachment: fixed;
}

main {
    flex: 1 0 auto;
}


/* MENU PRINCIPAL ==================================================================================== */

#inicioPanel{
  background-color:transparent;
}

.spaceY{
  justify-content: center;
  padding: -50px;
  padding-top: 55px;
}

/* LOGO PRINCIAL ================================================================================================== */

.logoTelecable{
  padding-bottom: 0px;
}

.logoTelecable img{
  width: 15%;
  height: 15%;
}

/*MENSAJE LEER DOCUMENTOS ==================================================================================================*/

.spaceX{
  background-color: transparent;
}

.spaceX p{
  margin-top: 20px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  display: flex;
  font-size: 12px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px;
  width: 40%;
  border-radius: 5px;
  background-image: linear-gradient(to bottom, #40bf3d, #40bf3d);
  text-transform: uppercase;
  margin: 2%;
}

/* SUCURSALES  ================================================================================================*/
.divSucursales{
  width: 20%;
  padding: 10px;
  margin: 20px;
  flex-direction: row;
  max-width: 30em;
  border-radius: 20px;
  transition: .7s ease-in-out;
  font-weight: bold;
  background-image: linear-gradient(to bottom,  #0c2c34, #1c687b);
}

.divSucursales img{
  max-width: 20%;
  margin: auto;
  padding: 0.5em;
  border-radius: 0.7em;
}

.verMapa{
  background-color: #4ccf3d;
  margin-top: 15px;
  border: none;
  width: 100px;
  height: 35px;
  padding: 5px;
  font-size: 12px;
  border-radius: 30px;
  color: #000;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  transition-duration: 0.4s;
  cursor: pointer;
  margin-bottom: 10px;
}

.verMapa:hover{
  color: #4ccf3d;
  background: #000;
  font-weight: bold;
}


/*CONTENEDOR PRINCIPAL UNO ================================================================================================*/
.divMenu{
  background-image: linear-gradient(to bottom, #0d0a21, #333248);
  margin-top: 50px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 75%;
}

/*COBERTURA ==================================================================================================================*/
.divCobertura{
  width: 27%;
  height: 220px;
  border-radius: 30px;
  overflow: hidden;
  margin: 30px;
  background-image: linear-gradient(to bottom,   #cbda00, #1f8e47);
  cursor: pointer;
  transition: .7s ease-in-out;
  font-weight: bold;
}

.divCobertura:hover{
  box-shadow: 0px 0px 30px 1px rgba(31, 142, 71 , 0.62);
  -webkit-box-shadow: 0px 0px 30px 1px rgba( 31, 142, 71 , 0.62);
  -moz-box-shadow: 0px 0px 30px 1px rgba( 31, 142, 71 , 0.62);
  transform: scale(1.1);
}

.divCobertura img{
  width: 200px;
  height: 150px;
  object-fit: cover;
}
.divCobertura h1{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 17px;
  color: #FFF;
  font-weight: bold;
  margin: 10px;
}


/*TITULOS SECCIONES====================================================================================================*/
.coberturaSlide{
  background-color:transparent;
}

.coberturaSlide h2, .sucursalesSlide h2, .paqueteSlide h2, .formasPagoSlide h2, .barraProgramasSlide h2, .legalesSlide h2{
  justify-content: center;
  text-align: center;
  font-size: 25px;
  color: #40bf3d;
  letter-spacing: 4mm;
  font-weight: bold;
  text-shadow: 0 0 30px #40bf3d;
}

.divMenu5{
  padding: 100px;
  background-color: transparent;
}

.button{
  background-color: #4ccf3d;
  margin-top: 15px;
  border: none;
  width: 7%;
  height: 15%;
  border-radius: 30px;
  color: #000;
  font-size: 12px;
  padding: 15px 32px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  transition-duration: 0.4s;
  cursor: pointer;
}

.cober:hover{
  color: #000;
  background: #ffd940;
}

/*CENTROS COBRO ==========================================================================================================*/
.divCentros{
  width: 27%;
  height: 220px;
  border-radius: 30px;
  overflow: hidden;
  margin: 30px;
  background-image: linear-gradient(to bottom,  #00e0ef, #245490);
  cursor: pointer;
  transition: .7s ease-in-out;
  font-weight: bold;
}
.divCentros:hover{
  box-shadow: 0px 0px 30px 1px rgba(36, 84, 144 , 0.62);
  -webkit-box-shadow: 0px 0px 30px 1px rgba(36, 84, 144 , 0.62);
  -moz-box-shadow: 0px 0px 30px 1px rgba(36, 84, 144 , 0.62);
  transform: scale(1.1);
}

.divCentros img{
  width: 200px;
  height: 150px;
}

.divCentros h1{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 17px;
  color: #FFF;
  font-weight: bold;
  margin: 10px;
}


/*PAQUETES =========================================================================================================*/
.divPaquetes{
  width: 27%;
  height: 220px;
  border-radius: 30px;
  overflow: hidden;
  margin: 30px;
  background-image: linear-gradient(to bottom,  #ff8265, #df202f);
  cursor: pointer;
  transition: .7s ease-in-out;
  font-weight: bold;
}

.divPaquetes:hover{
  box-shadow: 0px 0px 30px 1px rgba( 223, 32, 47 ,0.62);
  -webkit-box-shadow: 0px 0px 30px 1px rgba( 223, 32, 47 ,0.62);
  -moz-box-shadow: 0px 0px 30px 1px rgba( 223, 32, 47 ,0.62);
  transform: scale(1.1);
}

.divPaquetes img{
  width: 200px;
  height: 150px;
}
.divPaquetes h1{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 17px;
  color: #ffdd00;
  font-weight: bold;
  margin: 10px;
}


/* CARDS PAQUETES ==============================================================================*/

.cardPaq {
  width: 20%;
  padding: 10px;
  margin: 20px;
  flex-direction: row;
  max-width: 30em;
  border-radius: 20px;
  transition: .7s ease-in-out;
  font-weight: bold;
  background-image: linear-gradient(to bottom,  #0c2c34, #1c687b);
}

.cardPaq img {
  max-width: 40%;
  margin: auto;
  padding: 0.5em;
  border-radius: 0.7em;
}

/* CARDS LEGALES ==============================================================================*/
.cardLegal {
  width: 20%;
  padding: 20px;
  margin: 25px;
  flex-direction: row;
  max-width: 30em;
  border-radius: 20px;
  transition: .7s ease-in-out;
  font-weight: bold;
  background-image: linear-gradient(to bottom,  #0c2c34, #1c687b);
}

.cardLegal img {
  max-width: 35%;
  margin: auto;
  padding: 0.5em;
  border-radius: 0.7em;
}

.cardLegal p{
  color: #fff;
  font-size: 11px;
}

.verDocumento{
  background-color: #4ccf3d;
  margin-top: 15px;
  border: none;
  width: 100px;
  height: 35px;
  padding: 5px;
  font-size: 12px;
  border-radius: 30px;
  color: #000;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  transition-duration: 0.4s;
  cursor: pointer;
  margin-bottom: 10px;
}

.verDocumento:hover{
  color: #4ccf3d;
  background: #000;
  font-weight: bold;
}

/* CARDS FORMAS PAGO ==============================================================================*/
.cardFormas {
  width: 25%;
  padding: 10px;
  margin: 20px;
  flex-direction: row;
  max-width: 30em;
  border-radius: 20px;
  transition: .7s ease-in-out;
  font-weight: bold;
  background-image: linear-gradient(to bottom,  #0c2c34, #1c687b);
}

.cardFormas img {
  max-width: 35%;
  margin: auto;
  padding: 0.5em;
  border-radius: 0.7em;
}

/* CARDS titulos GLOBAL ==============================================================================*/

.card-title {
  font-weight: bold;
  margin-top: 20px;
  color: #40bf3d;
}

.card-text{
  color: #fff;
  font-size: 12px;
}


/*CONTENEDOR PRINCIPAL DOS ================================================================================================*/
.divMenu2{
  background-color: transparent;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 75%;
}

.divMenuPDF{
  background-color: transparent;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 85%;
}

/*FORMAS DE PAGO ============================================================================================================*/
.divFormas{
  width: 27%;
  height: 220px;
  border-radius: 30px;
  overflow: hidden;
  margin: 30px;
  background-image: linear-gradient(to bottom,  #ff954d, #e94c00);
  cursor: pointer;
  transition: .7s ease-in-out;
  font-weight: bold;
}

.divFormas:hover{
  box-shadow: 0px 0px 30px 1px rgba(233, 76, 0,0.62);
  -webkit-box-shadow: 0px 0px 30px 1px rgba(233, 76, 0,0.62);
  -moz-box-shadow: 0px 0px 30px 1px rgba(233, 76, 0,0.62);
  transform: scale(1.1);
}

.divFormas img{
  width: 200px;
  height: 150px;
}
.divFormas h1{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 17px;
  color: #FFF;
  font-weight: bold;
   margin: 10px;
}

.divFormas2{
  width: 20%;
  height: 220px;
  border-radius: 30px;
  overflow: hidden;
  margin: 30px;
  background-image: linear-gradient(to bottom,  #12497c, #0a243d);
  transition: .7s ease-in-out;
  font-weight: bold;
  padding: 5px;
}

.divFormas2:hover{
  box-shadow: 0px 0px 30px 1px rgba(10, 36, 61, 0.62);
  -webkit-box-shadow: 0px 0px 30px 1px rgba(10, 36, 61, 0.62);
  -moz-box-shadow: 0px 0px 30px 1px rgba(10, 36, 61, 0.62);
}

.formasLogo2 {
  margin: 20px;
  width: 30%;
  height: 100%;

}

.divFormas2 h1{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 17px;
  color: #FFF;
  font-weight: bold;
}

.divFormas2 img{
  width: 35%;
  height: 35%;
}


/*BARRA DE CANALES ================================================================================================*/
.divBarra{
  width: 27%;
  height: 220px;
  border-radius: 30px;
  overflow: hidden;
  margin: 30px;
  background-image: linear-gradient(to bottom,  #fefefe, #bbd7d9);
  cursor: pointer;
  transition: .7s ease-in-out;
  font-weight: bold;
}

.divBarra:hover{
  box-shadow: 0px 0px 30px 1px rgba(187, 215, 217,0.62);
  -webkit-box-shadow: 0px 0px 30px 1px rgba(187, 215, 217,0.62);
  -moz-box-shadow: 0px 0px 30px 1px rgba(187, 215, 217,0.62);
  transform: scale(1.1);
}

.divBarra img{
  width: 200px;
  height: 150px;
}
.divBarra h1{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 17px;
  color: #9aa3a9;
  font-weight: bold;
  margin: 10px;
}

.verBarra button{
  margin-top: 15px;
  border: none;
  width: 10;
  height: 15%;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  background-color: RED;
  font-weight: bold;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition: .5s ease-in-out;
}

.verBarra button:hover{
  color: #000;
  background-color: #a9b83d;
  transition: .5s ease-in-out;
}


.mainFlayerProgramas{
  transition: .3s ease-in-out;
}

.mainFlayerProgramas:hover{
  transform: scale(1.1);
}

.mapa_sucursal{
  border-radius: 10px;
  border: 1px solid grey;
  transition: .5s ease-in-out;
}

.mapa_cobertura{
  border-radius: 10px;
  border: 1px solid grey;
}

/*LEGALES ================================================================================================*/
.divLegales{
  width: 27%;
  height: 220px;
  border-radius: 30px;
  overflow: hidden;
  margin: 30px;
  background-image: linear-gradient(to bottom,  #66a9e4, #6446d5);
  cursor: pointer;
  transition: .7s ease-in-out;
  font-weight: bold;
}
.divLegales img{
  width: 200px;
  height: 150px;
}

.divLegales:hover{
  box-shadow: 0px 0px 30px 1px rgba( 100, 70, 213 5,0.62);
  -webkit-box-shadow: 0px 0px 30px 1px rgba( 100, 70, 213 ,0.62);
  -moz-box-shadow: 0px 0px 30px 1px rgba( 100, 70, 213 ,0.62);
  transform: scale(1.1);
}

.divLegales h1{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 17px;
  color: #FFF;
  font-weight: bold;
  margin: 10px;
}

a:hover{
  text-decoration: none;
  color: none;
}

.divLegalesDiv{
  width: 25%;
  height: 220px;
  border-radius: 30px;
  overflow: hidden;
  margin: 30px;
  background-image: linear-gradient(to bottom,  #66a9e4, #6446d5);
}

.divLegalesDiv img{
  padding-top: 20px;
  width: 105px;
  text-align: center;
  justify-content: center;
  color: #2e2e2f;
}

.divLegalesDiv h1{
  padding-bottom: 10px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
}


/*HEADER NAVEGADOR =====================================================================================*/
#homeDocument{
  max-width: 100%;
  margin: auto;
}

/* USUARIO ===========================================================================================*/
.iconoLogin img{
  width: 10%;
}

.divSesion{
  padding-top: -20px;
  width: 50%;
  height: auto;
  float: right;
}

.divSesion p{
  color: #fff;
  text-align: right;
  justify-content: center;
  font-family: Arial;
  font-weight: bold;
  font-size: 10px;
  margin-right: 20%;
}

.divSesion i{
  padding-right: 15px;
  font-weight: bold;
  color: #000;
  padding-left: 20px;
  margin-left: 10px;
  font-size: 10px;
  background-color: #40bf3d;
  border-radius: 50%;
  padding: 10px;
  margin-top: 15px;
  cursor: pointer;
}

.divSesion i:hover{
  background-color: #000;
  color: #40bf3d;
  transition: .5s ease-in-out;
}

.mainFlayerProgramas {
    margin: auto;
    border-radius: 10px;
}

.margin-off{
    margin: 0px;
}
.padding-off{
  padding: 0px!important;
}


.sucursalTitle{
  margin: 0px;
  clear: both;
  padding-top: 15px;
  color: #2B2B2C;
  font-size: 30px;
}

#sucursal{
  border-radius: 10px;
}

.closeBtn{
  color: #a9b83d;
  margin-top:-10px;
  margin-right:18px;
  margin-bottom:8px;
}

.titleInfoSucursal{
  padding-top: 10px;
  margin: 0px;
  font-size: 14px;
  color: #1d993c;
  font-weight: bold;
  margin-bottom: 5px;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
}

.infoSucursal{
  margin: 20px;
  font-size: 13px;
  color: #fff;
  justify-content: center;
  text-align: center;
}

.mapa {
  width: 50%;
  color: #000;
  font-size: 10px;
  border-radius: 15px;
  padding: 10px;
  background-color: #4ccf3d;
  transition: .5s ease-in-out;
  font-weight: bold;
}

.mapa:hover{
  color: #000;
  background: #ffd940;
}

.btnMap{
  font-size: 12px;
  color: #DA802E !important;
  margin-top: 5px;
  cursor: pointer;
}

.mainFlayer{
  margin: auto;
  height: 350px;
  border-radius: 10px;
}

.socialContainer{
  width: 100%;
  padding-left: 146px;
  padding-right: 146px;
}

.socialIcon {
  width: 28px;
  margin-left: 5px;
  margin-top: 12px;
  margin-bottom: 0px;
  border-radius: 0px;
}


.margin-top-5{
  margin-top: 10px;
}


.zoomWindowContainer{
  width: 100%!important;
}

h4.title{
  font-size: 20px;
  text-align: center;
  color: #a9b83d;
}

.tonnydeveloper-container{
  background-color: rgba(0,0,0,0.7);
  padding: 6px;
}

.tonnydeveloper{
  margin: 0px;
  text-align: center;
  font-size: 10px;
  color: rgba(255,255,255,0.9);
}

.tonnydeveloperlink{
  cursor: pointer;
  color: #DA802E;
  font-size: 11px;
}

.tonnydeveloperlink:hover{
font-weight: bold;
}

/*MENU NAVEGADOR MINI DIVS ========================================================================*/

.menuNav{
  background-color: red;
  margin: 50px;
  border: 5px solid green;
}

.divMenu3{
  background-image: linear-gradient(to bottom, #0d0a21, #333248);
  margin-top: 50px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 50%;
}

.divCoberturaMini, .divServiciosMini, .divTicketsMini, .divPagosMini, .divCentrosMini, .divPaquetesMini, .divCanalesMini, .divLegalMini, .divInicioMini{
  width: 10%;
  height: 100px;
  border-radius: 20px;
  overflow: hidden;
  margin: 10px;
  background-image: linear-gradient(to bottom,   #cbda00, #1f8e47);
  cursor: pointer;
  transition: .3s ease-in-out;
  font-weight: bold;
}

.divCoberturaMini:hover{
  box-shadow: 0px 0px 15px 1px rgba(31, 142, 71 , 0.62);
  -webkit-box-shadow: 0px 0px 15px 1px rgba( 31, 142, 71 , 0.62);
  -moz-box-shadow: 0px 0px 15px 1px rgba( 31, 142, 71 , 0.62);
  transform: translate(-0px, -7px);
}

.divServiciosMini:hover{
  box-shadow: 0px 0px 15px 1px rgba(255,182,37, 0.62);
  -webkit-box-shadow: 0px 0px 15px 1px rgba(255,182,37, 0.62);
  -moz-box-shadow: 0px 0px 15px 1px rgba(255,182,37, 0.62);
  transform: translate(-0px, -7px);
}

.divTicketsMini:hover{
  box-shadow: 0px 0px 15px 1px rgba(206, 91, 166, 0.62);
  -webkit-box-shadow: 0px 0px 15px 1px rgba(206, 91, 166, 0.62);
  -moz-box-shadow: 0px 0px 15px 1px rgba(206, 91, 166, 0.62);
  transform: translate(-0px, -7px);
}

.divPagosMini:hover{
  box-shadow: 0px 0px 15px 1px rgba(233, 76, 0,0.62);
  -webkit-box-shadow: 0px 0px 15px 1px rgba(233, 76, 0,0.62);
  -moz-box-shadow: 0px 0px 15px 1px rgba(233, 76, 0,0.62);
  transform: translate(-0px, -7px);
}

.divCentrosMini:hover{
  box-shadow: 0px 0px 15px 1px rgba(36, 84, 144 , 0.62);
  -webkit-box-shadow: 0px 0px 15px 1px rgba(36, 84, 144 , 0.62);
  -moz-box-shadow: 0px 0px 15px 1px rgba(36, 84, 144 , 0.62);
  transform: translate(-0px, -7px);
}

.divPaquetesMini:hover{
  box-shadow: 0px 0px 15px 1px rgba( 223, 32, 47 ,0.62);
  -webkit-box-shadow: 0px 0px 15px 1px rgba( 223, 32, 47 ,0.62);
  -moz-box-shadow: 0px 0px 15px 1px rgba( 223, 32, 47 ,0.62);
  transform: translate(-0px, -7px);
}

.divCanalesMini:hover{
  box-shadow: 0px 0px 15px 1px rgba(187, 215, 217,0.62);
  -webkit-box-shadow: 0px 0px 15px 1px rgba(187, 215, 217,0.62);
  -moz-box-shadow: 0px 0px 15px 1px rgba(187, 215, 217,0.62);
  transform: translate(-0px, -7px);
}
.divLegalMini:hover{
  box-shadow: 0px 0px 15px 1px rgba( 100, 70, 213 5,0.62);
  -webkit-box-shadow: 0px 0px 15px 1px rgba( 100, 70, 213 ,0.62);
  -moz-box-shadow: 0px 0px 15px 1px rgba( 100, 70, 213 ,0.62);
  transform: translate(-0px, -7px);

}
.divInicioMini:hover{
  box-shadow: 0px 0px 15px 1px rgba(61,188,62,0.62);
  -webkit-box-shadow: 0px 0px 15px 1px rgba(61,188,62,0.62);
  -moz-box-shadow: 0px 0px 15px 1px rgba(61,188,62,0.62);
  transform: translate(-0px, -7px);
}

.divCoberturaMini{
  background-image: linear-gradient(to bottom,   #cbda00, #1f8e47);
}
.divInicioMini{
  background-image: linear-gradient(to bottom,   #6bf73f, #006a3b);
}
.divServiciosMini{
  background-image: linear-gradient(to bottom,   #ffeb43, #ff950a);
}
.divTicketsMini{
  background-image: linear-gradient(to bottom,   #ed78b5, #a73693);
}
.divPagosMini{
  background-image: linear-gradient(to bottom,  #ff954d, #e94c00);
}
.divCentrosMini{
  background-image: linear-gradient(to bottom,  #00e0ef, #245490);
}
.divPaquetesMini{
  background-image: linear-gradient(to bottom,  #ff8265, #df202f);
}
.divCanalesMini{
  background-image: linear-gradient(to bottom,  #fefefe, #bbd7d9);
}
.divLegalMini{
  background-image: linear-gradient(to bottom,  #66a9e4, #6446d5);
}

.divCoberturaMini h1, .divServiciosMini h1, .divTicketsMini h1, .divPagosMini h1, .divCentrosMini h1, .divLegalMini h1, .divInicioMini h1{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 10px;
  color: #FFF;
  font-weight: bold;
  margin: 10px;
}

.divCoberturaMini img, .divPaquetesMini img, .divServiciosMini img, .divTicketsMini img, .divPagosMini img, .divCentrosMini img, .divCanalesMini img, .divLegalMini img, .divInicioMini img{
  width: 55px;
  height: 55px;
  object-fit: cover;
}

.divPaquetesMini h1{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 10px;
  color: #ffdd00;
  font-weight: bold;
  margin: 10px;
}

.divCanalesMini h1{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 10px;
  color: #9aa3a9;
  font-weight: bold;
  margin: 10px;
}

.coberturaLogo, .serviciosLogo, .ticketesLogo, .centrosLogo, .paqueteLogo, .formasLogo, .barraLogo, .legalesLogo, .pagosLogo, .canalesLogo{
  width: 50%;
  height: 50px;
  object-fit: cover;
  margin-top: 10px;
}

.coberturaLogoMini{
  width: 50%;
  height: 50px;
  object-fit: cover;
  margin-top: 10px;
}


/*INPUTS ===========================================================================================*/

.contactoBox{
  background-color: RED;
}

.icon{
  font-size: 12px;
  color: #fff;
  position: absolute;
  left: 20px;
}

input[type=text] {
  padding-left: 50px;
  padding-right: 10px;
  margin: auto;
  width: 90%;
  margin: 15px 0;
  box-sizing: border-box;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 15px;
  font-weight: bold;
}

input[type=password] {
  padding-left: 50px;
  padding-right: 10px;
  margin: auto;
  width: 90%;
  margin: 15px 0;
  box-sizing: border-box;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 15px;
  font-weight: bold;
}

input[type=password]::placeholder {
  color: rgba(255, 255, 255, .5);

}

.icon:hover{
  color: green;
}

input[type=text]::placeholder {
  color: rgba(255, 255, 255, .5);

}

.input-icons {
  width: 100%;
  margin-bottom: 10px;
}

.input-icons i {
  position: absolute;
}

.input-icon i{
  color: #4ccf3d;
}

.icon {
  color: #fff;
  padding: 30px;
  min-width: 40px;
  font-size: 18px;
}

.input-field {
  width: 100%;
  margin-left: 50px;
}

.forgetIT p{
  text-align: center;
  justify-content: center;
  margin: 20px;
  transition-duration: 0.4s;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
}

.forgetIT p:hover{
  color: #4ccf3d;
}


select{
  border-radius: 10px;
  display: block;
  height: 33px;
  cursor: pointer;
  background-color: #FFF;
  color: #fff;
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 97% 10px;
  margin-bottom: 5px;
  padding-left: 5px !important;
  border: 2;
  border-color: #000;
}

select:focus{
  outline: 0;
}

select{
  text-transform: uppercase;
  font-size: 11px;
  color: #000;
  width: 90%;
}

select option{
  text-transform: uppercase;
  font-size: 11px;
  background-color: #FFF;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #000;
}

textarea{
  width: 90%;
  margin-right:10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 15px;
  height: 80px;
  color: fff;
  resize: none;
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid grey;
}


textarea::placeholder {
  color: rgba(255, 255, 255, .5);
}


/*carrusel de niños jajaja*/

.container{
  background-color: transparent;
}

.carousel{
  background-color: transparent;
}

.carousel-inner{
  width: 70%;
  height: 100%;
  background-color: transparent;
}

.carousel-inner img{
  width: 100%;
  height: 120%;
}


/* RESPONSIVE ============================================================================================*/
/* 1366px ================================================================================================*/

@media (max-width:1366px) {

  #logoTele{
    width: 15%;
    margin-top: -10px;
  }

  .divMenu{
    width: 70%;
    margin-bottom: -30px;
    margin-top: 10px;
  }

  .divMenu2{
    width: 70%;
    margin-bottom: -40px;
    margin-top: 10px;
  }

  .divMenu3{
    width: 70%;
  }

  .divCobertura, .divCentros, .divPaquetes, .divFormas, .divBarra, .divLegales, .divLegalesDiv{
    width: 25%;
    margin: 30px;
    height: 140px;
  }
  .divCoberturaMini, .divServiciosMini, .divTicketsMini, .divPagosMini, .divCentrosMini, .divPaquetesMini, .divCanalesMini, .divLegalMini, .divInicioMini{
    width: 10%;
    height: 100px;
  }

  .divCobertura img, .divCentros img, .divPaquetes img, .divFormas img, .divBarra img, .divLegales img{
    width: 40%;
    height: 80%;
  }
  .divCoberturaMini img, .divServiciosMini img, .divTicketsMini img, .divPagosMini img, .divCentrosMini img, .divPaquetesMini img, .divCanalesMini img, .divLegalMini img, .divInicioMini img{
    width: 60%;
    height: 100%;
  }

  .divCobertura h1, .divCentros h1, .divFormas h1, .divFormas2 h1, .divLegales h1{
    color: #FFF;
    font-size: 10px;
  }
  .divCoberturaMini h1, .divServiciosMini h1, .divTicketsMini h1, .divPagosMini h1, .divCentrosMini h1, .divLegalMini h1, .divInicioMini h1{
    color: #FFF;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin: 10px;
  }
  .divPaquetesMini h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #ffdd00;
    font-weight: bold;
    margin: 10px;
  }
  .divCanalesMini h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #9aa3a9;
    font-weight: bold;
    margin: 10px;
  }

  .divFormas2{
    width: 100%;
    height: 100%;
  }

  .modal-content{
    width: 100%;
    height: 10%;
  }

  .cardPaq{
    width: 20%;
  }
  .cardPaq img{
    width: 50%;
  }

  .cardFormas{
    width: 20%;
  }
  .cardFormas img{
    width:40%;
  }

  .cardLegal{
    width: 20%;
  }

  .cardLegal img{
    width: 40%;
  }

  .card-title {
    font-weight: bold;
    font-size: 10px;
    text-align: center;
  }

  .card-text{
    font-size: 12px;
  }


  .divPaq h1{
    padding-bottom: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
  }

  .divLeg{
    width: 18%;
    height: 20%;
  }

  .divLeg h2{
    padding: 10px;
    font-size: 10px;
    color: #fff;
  }

  .divLeg img{
    width: 30%;

  }

  .TituloCobertura h1{
    color: red;
    font-size: 20px;
  }

  .divFormas2 img{
    width: 50%;
    height: 100%;
  }

  .divBarra h1{
    color: #9aa3a9;
    font-size: 10px;
  }
  .divPaquetes h1{
    color: #ffdd00;
    font-size: 10px;
  }
  .divContacto p{
    color: red;
  }
  .verCober button{
    width: 10%;
  }
  .mapa_cobertura{
    width: 75%;
    height: 400px;
  }

  .divLegalesDiv img{
    width: 80px;
    margin: 20px;
  }

  .verBarra button{
    width: 10%;
  }

  .divFormas2{
    width: 15%;
    height: 20%;
    border-radius: 30px;
    overflow: hidden;
    margin: 30px;
    background-image: linear-gradient(to bottom,  #12497c, #0a243d);
    transition: .5s ease-in-out;
    font-weight: bold;
  }

  .formasLogo2 {
    width: 10%;
  }

  .divFormas2 h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13px;
    color: #FFF;
    font-weight: bold;
     margin: 25px;
  }

  .divSucursales{
    width: 25%;
  }

  .divSucursales img{
    width: 15%;
  }

  .divSucursales .card-title{
    font-size: 13px;
  }

  .divSucursales p{
    font-size: 10px;
  }

  .verMapa{
    width: 30%;
    font-size: 10px;
  }

  .verDocumento{
    width: 50%;
    font-size: 10px;
  }

  .spaceX P{
    font-size: 10px;
    width: 50%;
  }

  .coberturaSlide h2, .sucursalesSlide h2, .paqueteSlide h2, .formasPagoSlide h2, .barraProgramasSlide h2, .legalesSlide h2{
    font-size: 20px;
  }

  .footer{
      margin-top: -20px;
  }

  /*carrusel de niños jajaja*/
  
  .container{
    background-color: transparent;
  }
  
  .carousel{
    background-color: transparent;
  }
  
  .carousel-inner{
    width: 85%;
    height: 100%;
    background-color: transparent;
  }
  
  .carousel-inner img{
    width: 100%;
    height: 120%;
  }

}

/* MEDIA 1000PX =====================================================================================*/
@media (max-width:1000px) {
  .divMenu{
    width: 90%;
  }

  .divMenu2{
    width: 90%;
  }

  .divMenu3{
    width: 90%;
  }

  .divCobertura, .divCentros, .divPaquetes, .divFormas, .divFormas2, .divBarra, .divLegales, .divPaq, .divLegalesDiv{
    width: 30%;
    height: 180px;
  }
  .divCoberturaMini, .divServiciosMini, .divTicketsMini, .divPagosMini, .divCentrosMini, .divPaquetesMini, .divCanalesMini, .divLegalMini, .divInicioMini{
    width: 10%;
    height: 100px;
  }

  .divCobertura img, .divCentros img, .divPaquetes img, .divFormas img, .divFormas2 img, .divBarra img, .divLegales img{
    width: 60%;
    height: 100%;
  }
  .divCoberturaMini img, .divServiciosMini img, .divTicketsMini img, .divPagosMini img, .divCentrosMini img, .divPaquetesMini img, .divCanalesMini img, .divLegalMini img, .divInicioMini img{
    width: 60%;
    height: 100%;
  }

  .divCobertura h1, .divCentros h1, .divFormas h1, .divFormas2 h1, .divLegales h1{
    color: #FFF;
    font-size: 12px;
  }
  .divCoberturaMini h1, .divServiciosMini h1, .divTicketsMini h1, .divPagosMini h1, .divCentrosMini h1, .divLegalMini h1, .divInicioMini h1{
    color: #FFF;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin: 10px;
  }
  .divPaquetesMini h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #ffdd00;
    font-weight: bold;
    margin: 10px;
  }
  .divCanalesMini h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #9aa3a9;
    font-weight: bold;
    margin: 10px;
  }

  .divLeg{
    width: 30%;
    height: 180px;
  }

  .divBarra h1{
    color: #9aa3a9;
    font-size: 12px;
  }
  .divPaquetes h1{
    color: #ffdd00;
    font-size: 12px;
  }

  .divContacto p{
    color: red;
  }

  #logoTele{
    width: 30%;
  }

  .verCober button{
    width: 15%;
  }

  .mapa_cobertura{
    width: 75%;
    height: 300px;
  }

  .divLegalesDiv img{
    width: 80px;
    margin: 20px;
  }

  .verBarra button{
    width: 30%;
  }

  .sucursalesSlide h1{
    font-size: 15px;
  }

  .cardPaq{
    width: 23%;
  }
  .cardPaq img{
    width: 50%;
  }

  .cardFormas{
    width: 50%;
  }

  .cardFormas img{
    width: 40%;
  }

  .cardLegal{
    width: 40%;
  }

  .cardLegal img{
    width: 30%;
  }

  .card-title {
    font-weight: bold;
    font-size: 10px;
    text-align: center;
  }

  .card-text{
    font-size: 12px;
  }

  .divSucursales{
    width: 40%;
    height: 40%;
  }

  .divSucursales img{
    width: 15%;
    height: 15%;
  }

  .divSucursales .card-title{
    font-size: 13px;
  }

  .verMapa{
    width: 20%;
    font-size: 10px;
  }

  .verDocumento{
    width: 35%;
    font-size: 10px;
  }

  .spaceX P{
    font-size: 11px;
    width: 75%;
  }

  .coberturaSlide h2, .sucursalesSlide h2, .paqueteSlide h2, .formasPagoSlide h2, .barraProgramasSlide h2, .legalesSlide h2{
    font-size: 17px;
  }

}

/* 992px ==============================================================================*/

@media(max-width:992px){
  .mOff{
    padding: 0px!important;
  }

  .mainFlayer{
    width: 90%;
    height: auto;
    margin: auto;
  }

  .socialContainer{
    width: 100%;
    padding-left:  0px;
    padding-right: 0px;
  }

  .margin-top-5{
    margin-top: 5px;
  }

  .titleInfoSucursal{
    text-align: center;
  }

  .infoSucursal{
    text-align: center;
    font-size: 10px;
  }

  .btnMap{
    width: 120px;
    text-align: center;
    margin: auto;
  }

  .sucursalesBg{
    width: 80%;
  }

  .mainFlayerProgramas {
    width: 100%;
  }

  object{
    width: 100%!important;
  }

  .divMenuPDF{
    margin-top: 10px;
    width: 100%;
  }

  .cardPaq{
    width: 30%;
  }
  .cardPaq img{
    width: 50%;
  }

  .divMenu{
    width: 90%;
  }

  .divMenu2{
    width: 90%;
  }

  .cardFormas{
    width: 40%;
  }

  .cardFormas img{
    width: 30%;
  }

  .cardLegal{
    width: 30%;
  }

  .cardLegal img{
    width: 50%;
  }

  .card-title {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
  }

  .card-text{
    font-size: 12px;
  }

  .verDocumento{
    width: 35%;
    font-size: 10px;
  }

  .spaceX P{
    font-size: 10px;
    width: 65%;
  }

  .coberturaSlide h2, .sucursalesSlide h2, .paqueteSlide h2, .formasPagoSlide h2, .barraProgramasSlide h2, .legalesSlide h2{
    font-size: 17px;
  }

}

/* 768px ==============================================================================*/
@media (max-width:768px) {
  .divMenu{
    width: 80%;
  }
  .divMenu2{
    width: 80%;
  }
  .divMenu3{
    width: 80%;
  }

  .divCobertura, .divCentros, .divPaquetes, .divFormas, .divFormas2, .divBarra, .divLegales, .divPaq, .divLegalesDiv{
    width: 70%;
    height: 10%;
  }
  .divCoberturaMini, .divServiciosMini, .divTicketsMini, .divPagosMini, .divCentrosMini, .divPaquetesMini, .divCanalesMini, .divLegalMini, .divInicioMini{
    width: 25%;
    height: 120px;
  }

  .divCobertura img, .divCentros img, .divPaquetes img, .divFormas img, .divFormas2 img, .divBarra img, .divLegales img{
    margin: 20px;
    width: 40%;
    height: 100%;
  }
  .divCoberturaMini img, .divServiciosMini img, .divTicketsMini img, .divPagosMini img, .divCentrosMini img, .divPaquetesMini img, .divCanalesMini img, .divLegalMini img, .divInicioMini img{
    width: 60%;
    height: 100%;
  }

  .divCobertura h1, .divCentros h1, .divFormas h1, .divFormas2 h1, .divLegales h1{
    color: #FFF;
    font-size: 17px;
  }
  .divCoberturaMini h1, .divServiciosMini h1, .divTicketsMini h1, .divPagosMini h1, .divCentrosMini h1, .divLegalMini h1, .divInicioMini h1{
    color: #FFF;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin: 10px;
  }
  .divPaquetesMini h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #ffdd00;
    font-weight: bold;
    margin: 10px;
  }
  .divCanalesMini h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #9aa3a9;
    font-weight: bold;
    margin: 10px;
  }

  .divLeg{
    width: 80%;
    height: 10%;
  }

  .divPaq{
    width: 100%;
    height: 10%;
  }

  .divLeg{
    width: 100%;
    height: 10%;
  }

  .divBarra h1{
    color: #9aa3a9;
    font-size: 17px;
  }
  .divPaquetes h1{
    color: #ffdd00;
    font-size: 17px;
  }
  .divContacto p{
    color: red;
  }
  #logoTele{
    width: 40%;
  }
  .verCober button{
    width: 30%;
    font-size: 10px;
    text-align: center;
  }
  .mapa_cobertura{
    width: 75%;
    height: 300px;
  }

  .divLegalesDiv img{
    width: 80px;
  }

  .verBarra button{
    width: 50%;
    font-size: 10px;
    text-align: center;
  }

  .divFormas2{
    width: 75%;
    height: 20%;
    border-radius: 30px;
    overflow: hidden;
    margin: 30px;
    background-image: linear-gradient(to bottom,  #12497c, #0a243d);
    transition: .5s ease-in-out;
    font-weight: bold;
  }

  .formasLogo2 {
    width: 50%;
    height: 10%;
  }

  .divFormas2 h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    color: #FFF;
    font-weight: bold;
  }

  .cardPaq{
    width: 45%;
  }
  .cardPaq img{
    width: 50%;
  }

  .cardFormas{
    width: 40%;
  }

  .cardFormas img{
    width: 50%;
  }

  .cardLegal{
    width: 40%;
  }

  .cardLegal img{
    width: 50%;
  }

  .card-title {
    font-weight: bold;
    font-size: 10px;
    text-align: center;
  }

  .card-text{
    font-size: 12px;
  }

  .divMenuPDF{
    width: 100%;
  }
  .cardPaq{
    width: 30%;
  }
  .cardPaq img{
    width: 50%;
  }

  .divSucursales{
    width: 40%;
    height: 15%;
  }

  .divSucursales img{
    width: 15%;
    height: 10%;
  }

  .verMapa{
    width: 30%;
    font-size: 10px;
  }

  .verDocumento{
    width: 30%;
    font-size: 10px;
  }

  .spaceX P{
    font-size: 10px;
    width: 80%;
  }

  .coberturaSlide h2, .sucursalesSlide h2, .paqueteSlide h2, .formasPagoSlide h2, .barraProgramasSlide h2, .legalesSlide h2{
    font-size: 17px;
  }

  /*carrusel*/

  .container{
    background-color: transparent;
  }
  
  .carousel{
    background-color: transparent;
  }
  
  .carousel-inner{
    width: 85%;
    height: 100%;
    background-color: transparent;
  }
  
  .carousel-inner img{
    margin-top: 15%;
    width: 120%;
    height: 120%;
  }

}

/* 600px ==============================================================================*/
@media(max-width:600px){
  body{
    background-image: url(../principal/bgVert.jpeg);
    background-attachment: fixed;
  }

  .divMenu{
    width: 90%;
  }
  .divMenu2{
    width: 90%;
  }
  .divMenu3{
    width: 80%;
  }
  .divCobertura, .divCentros, .divPaquetes, .divFormas, .divFormas2, .divBarra, .divLegales, .divPaq, .divLegalesDiv{
    width: 80%;
    height: 10%;
  }

  .divCobertura img, .divCentros img, .divPaquetes img, .divFormas img, .divFormas2 img, .divBarra img, .divLegales img{
    margin: 20px;
    width: 40%;
    height: 100%;
  }

  .divCobertura h1, .divCentros h1, .divFormas h1, .divFormas2 h1, .divLegales h1{
    color: #FFF;
    font-size: 12px;
  }

  .divPaquetes h1{
    color: #ffdd00;
    font-size: 12px;
  }

  .divBarra h1{
    color: #9aa3a9;
    font-size: 12px;
  }

  .divCoberturaMini, .divServiciosMini, .divTicketsMini, .divPagosMini, .divCentrosMini, .divPaquetesMini, .divCanalesMini, .divLegalMini, .divInicioMini{
    width: 30%;
    height: 100px;
  }

  .divCoberturaMini img, .divServiciosMini img, .divTicketsMini img, .divPagosMini img, .divCentrosMini img, .divPaquetesMini img, .divCanalesMini img, .divLegalMini img, .divInicioMini img{
    width: 50%;
    height: 100%;
  }

  .divCoberturaMini h1, .divServiciosMini h1, .divTicketsMini h1, .divPagosMini h1, .divCentrosMini h1, .divLegalMini h1, .divInicioMini h1{
    color: #FFF;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin: 10px;
  }
  .divPaquetesMini h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #ffdd00;
    font-weight: bold;
    margin: 10px;
  }
  .divCanalesMini h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #9aa3a9;
    font-weight: bold;
    margin: 10px;
  }

  #logoTele{ 
    width: 60%;
  }

  .datosFiscales a{
    font-size: 5px;
  }


  .divMenuPDF{
    width: 100%;
  }
  .cardPaq{
    width: 40%;
  }
  .cardPaq img{
    width: 40%;
  }

  .cardFormas{
    width: 40%;

  }
  .cardFormas img{
    width: 40%;
  }

  .cardFormas p{
    font-size: 10px;
  }

  .card-title{
    font-size: 10px;
  }

  .sucursal{
    margin-bottom: 50px;
  }

  .cardLegal{
    width: 40%;
  }

  .cardLegal img{
    width: 40%;
  }

  .cardLegal p{
    color: #fff;
    font-size: 10px;
  }

  .card-title {
    font-weight: bold;
    font-size: 13px;
    text-align: center;
  }

  .card-text{
    font-size: 10px;
  }

  .divSucursales{
    width: 60%;
  }

  .divSucursales img{
    width: 35%;
    height: 35%;
  }

  .verMapa{
    width: 35%;
    font-size: 10px;
  }

  .verDocumento{
    width: 40%;
    font-size: 9px;
  }

  .spaceX p{
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    width: 80%;
  }

  .coberturaSlide h2, .sucursalesSlide h2, .paqueteSlide h2, .formasPagoSlide h2, .barraProgramasSlide h2, .legalesSlide h2{
    font-size: 17px;
  }

  /*carrusel*/

  .container{
    background-color: transparent;
  }
  
  .carousel{
    background-color: transparent;
  }
  
  .carousel-inner{
    padding: 5%;
    width: 100%;
    height: 120%;
    background-color: transparent;
  }
  
  .carousel-inner img{
    width: 200%;
    height: 200%;
  }

}

/* 500px ==============================================================================*/
@media(max-width:500px){
    /*carrusel*/

  .container{
    background-color: transparent;
  }
  
  .carousel{
    background-color: transparent;
  }
  
  .carousel-inner{
    width: 100%;
    height: 120%;
    background-color: transparent;
  }
  
  .carousel-inner img{
    width: 200%;
    height: 200%;
  }
}

/* 400px ==============================================================================*/
@media(max-width:400px){
    /*carrusel*/

  .container{
    background-color: transparent;
  }
  
  .carousel{
    background-color: transparent;
  }
  
  .carousel-inner{
    width: 100%;
    height: 120%;
    background-color: transparent;
  }
  
  .carousel-inner img{
    width: 200%;
    height: 200%;
  }
}

/* 368px ==============================================================================*/
@media(max-width:368px){
  body{
    background-image: url(../principal/bgVert.jpeg);
    background-attachment: fixed;
  }

  .divMenu3{
    width: 80%;
  }

  .divCoberturaMini, .divServiciosMini, .divTicketsMini, .divPagosMini, .divCentrosMini, .divPaquetesMini, .divCanalesMini, .divLegalMini, .divInicioMini{
    width: 30%;
    height: 80px;
  }

  .divCoberturaMini img, .divServiciosMini img, .divTicketsMini img, .divPagosMini img, .divCentrosMini img, .divPaquetesMini img, .divCanalesMini img, .divLegalMini img, .divInicioMini img{
    width: 50%;
    height: 100%;
  }

  .divCoberturaMini h1, .divServiciosMini h1, .divTicketsMini h1, .divPagosMini h1, .divCentrosMini h1, .divLegalMini h1, .divInicioMini h1{
    color: #FFF;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 9px;
    font-weight: bold;
    margin: 10px;
  }
  .divPaquetesMini h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 9px;
    color: #ffdd00;
    font-weight: bold;
    margin: 10px;
  }
  .divCanalesMini h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 9px;
    color: #9aa3a9;
    font-weight: bold;
    margin: 10px;
  }

  .cardPaq{
    width: 80%;
  }
  .cardPaq img{
    width: 50%;
  }

  .divSucursales{
    width: 80%;
  }

  .divSucursales img{
    width: 35%;
    height: 35%;
  }

  .cardFormas{
    width: 80%;

  }
  .cardFormas img{
    width: 35%;
  }

  .cardLegal{
    width: 80%;
  }

  .cardLegal img{
    width: 40%;
  }

  .cardLegal p{
    color: #fff;
    font-size: 10px;
  }

  .verMapa{
    width: 35%;
    font-size: 10px;
  }

  .verDocumento{
    width: 40%;
    font-size: 9px;
  }

  .spaceX p{
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    width: 80%;
  }

    /*carrusel de niños jajaja*/
  
  .container{
    background-color: transparent;
  }
  
  .carousel{
    background-color: transparent;
  }
  
  .carousel-inner{
    width: 95%;
    height: 100%;
    background-color: transparent;
  }
  
  .carousel-inner img{
    padding-top: 25%;
    width: 200%;
    height: 200%;
  }


}

/*BOTON ENVIAR FORMULARIO ==============================================================================*/
.enviar{
  background-color: #4ccf3d;
  margin-top: 15px;
  border: none;
  width: 100px;
  height: 35px;
  padding: 5px;
  font-size: 12px;
  border-radius: 30px;
  color: #000;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  transition-duration: 0.4s;
  cursor: pointer;
}

.enviar:hover{
  color: #4ccf3d;
  background: #000;
  font-weight: bold;
}

.cancelar{
  background-color: #e82405;
  margin-top: 15px;
  border: none;
  width: 100px;
  height: 35px;
  padding: 5px;
  font-size: 12px;
  border-radius: 30px;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  transition-duration: 0.4s;
  cursor: pointer;
}

.cancelar:hover{
  color: #e82405;
  background: #000;
  font-weight: bold;
}

.OK{
  background-color: #ffa116;
  margin-top: 15px;
  border: none;
  width: 100px;
  height: 35px;
  padding: 5px;
  font-size: 12px;
  border-radius: 30px;
  color: #000;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  transition-duration: 0.4s;
  cursor: pointer;
}

.OK:hover{
  color: #ffa116;
  background: #000;
  font-weight: bold;
}

/* POPUPS ==============================================================================*/

.validarCober{
  color: #fff;
}

.modal{
  transition: 1s;
}

.modal-dialog {
  max-width: 1200px;
}

.modal-header {
  color: #fff;
  min-height: 16.42857143px;
  padding: 5px;
  border-bottom: none;
  background-color: transparent;
  padding: 10px;
  border-radius: 20px;
}
.modal-content{
  color: #fff;
  text-transform: uppercase;
  background-color: #171f25;
  padding: 10px;
  border-radius: 10px;
}
.modal-body .form{
  background-image: none;
}
.modal-body{
  position: relative;
  padding: 0px;
  float: left;
  width: 100%;
  background-color: transparent;
  border-radius: 20px;
}
.modal-body-white P{
  color: rgba(255, 255, 255, .5);
  font-size: 12px;
  font-weight: bold;
}

.modal-descript{
  margin: 0px;
  font-size: 10px;
  padding-top: 5px;
  padding-bottom: 0px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
  color: #29a63b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  font-size: 20px;
}

.fade{
    background-color: rgba(0,0,0,0.6);
}
.menu{
  color: #fff;
}

.dropdown-button{
  color: #fff;
  background-color: blue;
}

.tab-form p.tab-active{
  width: 90%;
  margin: 0px;
  text-align: center;
  padding: 15px;
  cursor: pointer;
  background-color: #a9b83d;
  transition: .5s;
  color: #FFF;
  border-radius: 10px;
  font-size: 10px;
}

.tab-form p.tab{
  width: 90%;
  margin: 0px;
  text-align: center;
  padding: 15px;
  cursor: pointer;
  background-color: #C4E36B;
  transition: .5s;
  color: #000;
  border-radius: 10px;
  font-size: 10px;
}

.tab-form p.tab:hover{
  background-color:#a9b83d;
  color: #FFF;
}

.politicas a{
  margin-right: 50px;
  color:  #a9b83d;
  text-decoration: none;
  font-size: 10px;
}

.politicas a:hover{
  color:  #FFF;
  transition: .5s;
}


/*FOOTER CHIDO =================================================================*/

footer{
  margin-top: -5px;
  clear: both;
  position: relative;
}

.divTelecable{
  width: 30%;
  float: left;
  padding-top: 17px;
}

.divTelecable p{
  color: #fff;
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 10%;
}

.datosFiscales{
  width: 40%;
  font-weight: bold;
  overflow: hidden;
  display: inline-block;
  text-align:center;
}

.datosFiscales a{
  font-size: 11px;
  color: #FFF;
  cursor: pointer;
  transition: .5s;
}

.datosFiscales a:hover{
  color: #4ccf3d;
}

.divContacto{
  width: 30%;
  height: auto;
  background: transparent;
  float: right;
}

.divContacto p{
  color: #fff;
  text-align: right;
  justify-content: center;
  font-family: Arial;
  font-weight: bold;
  font-size: 10px;
  margin-right: 17%;
  margin-top: 5px;
}

.divContacto i{
  background-color: #40bf3d;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  border-radius: 50%;
  padding-right: 15px;
  padding-left: 20px;
  margin-left: 10px;
  padding: 10px;
}

.divContacto i:hover{
  background-color: #000;
  color: #40bf3d;
  transition: .5s ease-in-out;
}


/*

.footer{
  clear: both;
  background-color: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: 20px;
  padding-top: 20px;
  height: 100px;
  border-radius: 0px;
  max-width: 100%;
  width: 100%;
}

*/

/* SCROLL BAR ==============================================================================*/
*::-webkit-scrollbar {
  height: 10px;
  width: 5px;
}
*::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #151121;
}

*::-webkit-scrollbar-track:hover {
  background-color: #151121;
}

*::-webkit-scrollbar-track:active {
  background-color: #151121;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #151121;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #151121;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #151121;
}