@font-face {

    font-family: "R-flex-Regular";

    src: url("../fonts/r-flex/RFlexRegular-JRJ8j.ttf");

  }

  @font-face {

    font-family: "R-flex-Bold";

    src: url("../fonts/r-flex/RFlexBold-VGzLZ.ttf");

  }

  /*efectos*/
  a.inner-link:hover {
    background: #139BFF;
}


/**/

  h1,h2,h3,h4{

      font-family: "R-flex-Bold" !important;

  }



  ul#menu3items li {

    margin: 0px 20px;

}



ul#menu3items li {

margin: 23px 3px;

}



ul#menu3items a.seleccionado{

    background-color: #139BFF;

    height: 67px;

    float: left;

    

    padding: 22px 10px;

    color: white;

}

ul#menu3items a{

   

    height: 67px;

    float: left;

    padding: 22px 10px;

    /* color: white; */

}







/* footer  */

#franjaFooter{

    background: url(../images/franja.jpg) !important;

    height: 20px;

    background-size: cover !important;

    background-repeat: no-repeat;

}

.col-footer{

    text-align: center;

    width: 20%;

    float:left;

}

@media (max-width: 783px) {

    .col-footer{

        width: 50%;

    }

        

    .row.space div.col-xs-12 {

        margin: 10px !important;

    }

  }

@media (max-width: 500px) {

    .col-footer{

        width: 100%;

        margin: 10px 0;

    }

    .row.redesSociales {

        text-align: center !important;

    }

    .navbar img {

        max-height: 70px;

    }

  }



.row.redesSociales {

    text-align: end;

}

.row.redesSociales img {

    height: auto ;

    width: 30px;

}



.row.redesSociales i {

    font-size: 20px;

}

.row.redesSociales a {

    margin: 0 10px;

}

.col-footer span {

    font-size: 16px;

    font-weight: 700;

    color: #403e3f;

}



.col-footer ul li {

    margin: 10px 0;

}



.col-footer ul li a:hover, .col-footer ul li p:hover {

    color: #139BFF;

    font-weight: 600;

}

/*FOOTER REDES SOCIALES*/

.row.redesSociales span{

    font-weight: 700;

}



/*BANNER HISTORIA*/

section#imgparallax {

    /* background: url(../images/Banner.png) !important;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover !important;

    max-height: 300px; */

}

section#imgparallax h3{

    color:#fff;

    font-weight: 700 !important;

}

#btnHistoria, #btnrecarga, #btnrecargaEntretenimiento,#btnrecargaTelevision, #btnrecargaTransporte,#btnrecargaServicios{

    color: #2C56FF !important;

    background: #ffd600;

    font-size: 18px;

    font-weight: 700;

    

    -webkit-box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.75);

    box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.75);

}

#btnrecarga, #btnrecargaEntretenimiento,#btnrecargaTelevision{

    width: 100% !important;

}

@media ( max-width:500px){

    #btnHistoria {

        font-size: 16px;

    }

}



/*EFECTO*/

.grow:hover, .compañia:hover, .compañiaEnt:hover,.compañiaTel:hover

{

-webkit-transform: scale(1.05);

-ms-transform: scale(1.05);

transform: scale(1.05);

}

.compañia:hover,.compañiaEnt:hover,.compañiaTel:hover

{

-webkit-transform: scale(1.1);

-ms-transform: scale(1.1);

transform: scale(1.1);

}





/* menu */

@media (max-width: 767px){

.header-margin-top {

    margin-top: 50px !important;

}

}



.navbar.shrink-nav.shrink {

    padding: 0px 0 !important;

}



#menu li.propClone a:hover {
    text-decoration: underline;
    /* border-bottom: 1px solid white; */

}
#menu li.propClone a.actual {
    text-decoration: underline;
    /* border-bottom: 1px solid white; */

}


div#menu2 img {

    width: auto;

    height: 17px;

    margin-right: 3px;

}



#iconClick{

    height: auto;

    width: 70px;

    position: absolute;

}

@media (max-width: 520px) {

    #imgAPP{

        max-width: 320px !important;

    }

  }



.container.navigation-menu {

    width: 100%;

}



.row.four-column,.row.space{

    margin: 20px 0 !important;

}

.logo{

    padding-left: 0px !important;

}



#menu a{

    color:#fff;



}

#menu{

    background: #139BFF

}



div#menu ul li {

    width: 14% ;

    margin: 16px 0px;

    display: inline;

    text-align: center;

}



#menu ul{

width:100%;

}



#menu2 {

    background: #fff;

}

#menu2 a{

    color:#403e3f;



}

.navbar-nav {

    margin: 0 !important;

}

.navbar li {

    margin: 16px 20px;

}



.navbar img {

    max-height: 130px;

   max-width: 113px;

    height: 120px;

}



#btnAccesoCli{

    background: #139BFF;

    padding: 7px 15px 7px 15px;

    color: #fff !important;

    border-radius: 22px;

}
#btnAccesoCli:hover{background: #2C56FF;}



#btnAccesoVen{

    background: #2C56FF;

    padding: 7px 15px 7px 15px;

    color: #fff !important;

    border-radius: 22px;

}
#btnAccesoVen:hover{background: #139BFF;}



/*correcciones menu*/

@media (max-width: 1327px){

    div#menu2 {

        /* width: 50%; */

        /* margin-left: 23px; */

    }

    .col-md-1 {

        width: 10.333333%;

    }

}

 @media (max-width: 1155px){

    .col-md-1 {

        width: 11.9%;

    }



}

@media (max-width: 1328px){

    .navbar img {

        max-height: 130px;

        max-width: 111px;

        height: 120px;

    }



}

/* @media (min-width: 991px){

    .col-md-1 {

        width: 10.333333%;

    }



} */ 



/*correcciones menu*/





@media (max-width: 991px){

    #rowmenu2{

        background: white;

    }

    div#menu ul li {

        width: 100% !important;

        display: block;

    }

}



@media (min-width: 768px)

{

    .navbar-collapse {

        width: 100%;

        border-top: 0;

        -webkit-box-shadow: none;

        box-shadow: none;

    }

}









@media (min-width: 768px){

.navbar-nav {

    float: left;

    margin: none !important;

}

}



@media (max-width: 767px){

    .navbar {

        padding: 0px 0 !important;

    }

}



@media (max-width: 500px){

    .navbar img {

        max-height: 90px !important;

    }

}



/*seccion recargas*/

#tituloSlider2{
    font-size: 28px;
    color: yellow;
    line-height: 23px;
}

#subtituloSlider2{
    color: white;
    font-size: 23px;
    line-height: 20px;

}
.contBtnCarrousel a {
    margin: 10px 25px !important;
    padding: 0px 19px !important;
}

form#formRecarga .form-group {
    margin-bottom: 0px !important;
}

#seccionRecarga{

    background: url(../images/fondoazul.jpg) !important;

    background-size: cover !important;

    background-repeat: no-repeat !important;

}

section#seccionRecarga {

    padding-top: 60px;

    /* margin-bottom: -140px; */

}

section#seccionRecarga h2 {

    font-weight: 700;

}

#tituloAPP{

    color:#fff;

}

#tituloRecarga{

    color:#2C56FF;

    font-size: 24px;;

    line-height: 24px;

    margin: 15px 0;

}

#btnDescargaApp{

    margin: 15px 0;

    color: #2C56FF !important;

    background: #fff;

    font-size: 18px;

    font-weight: 700;

}

#btnDescargaApp2 {
    margin: 25px 130px;
    color: #2C56FF !important;
    background: #fff;
    font-size: 28px;
    display: block;
    font-weight: 700;
}

@media (max-width : 991px) {
    #btnDescargaApp2 {
        margin: 25px 30px;
       
    }
}



#containerFormRecarga{

    background: white;

    border-radius: 15px;

}



div#containerFormRecarga a {

    color: #2C56FF;

    font-size: 14px;

    font-weight: 600;

}

div#listaEnlacesRecarga a {

    font-size: 13px;

}

.resaltar {

    border: 2px solid #139BFf;

    margin-bottom: 0px;

}

.hovercolor{

    color:  #139BFF !important;

}

.hovercolor div.texto{

   font-size: 15px;

}

div#containerFormRecarga a:hover {

    color:  #139BFF;

}



#listaEnlacesRecarga ul{

    text-align: left;

}



#listaEnlacesRecarga{

    /* margin-top: 80px; */

}

/*formulario recarga celulares*/

.form-group.compañias .compañia, .form-group.compañias .compañiaEnt,.form-group.compañias .compañiaTel{ 

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

}



.form-group.compañias div.row div {

    width: 33%;

    float: left;

}

.form-group.compañias img {

    width: 68px;

    height: auto;

}

.form-group.compañias div.compañias2 img {

    height: 40px !important;

    width: auto;

}

.form-group.compañias div.row {

    width: 100%;

}



/*iconos formulario RECARGA*/

.itemRecarga {

    width: 50%;

    float: left;

    text-align: right;

}

.itemRecarga.texto {

    text-align: left;

}

div#listaEnlacesRecarga li {

    height: 88px;

    padding-top: 30px;

}

.iconTelefono{

    height: 30px;

}





@media (max-width: 500px){

    #listaEnlacesRecarga{

        margin-top: 0px;

    }

}







/*fin seccion recargas*/



/*seccion servicios*/
section#content-section3 img {
    max-width: 280px;
}

.row.four-column img:hover{

    -webkit-box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.75);

    box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.75);

}

.row.four-column h4 {

    position: absolute;

    margin-top: -75px;

    color: #fff;

    width: 90%;

    font-weight: 600;

    font-size: 18px;

    padding: 0 10px 0 10px;

    /* text-align: center; */

    /* display: block; */

    /* margin-right: auto; */

    /* margin-left: auto; */

}

#strongT {

    display: block;

    color: #fff;

    font-size: 13px;

}



@media (max-width: 500px){

    .row.four-column div.col-md-3, .row.four-column div.col-md-4{

        margin-bottom: 35px !important;

    }

    .row.four-column {

        margin: 0px 0 !important;

    }

    .row.four-column h4{

        line-height: 20px;;

    }

}


.form-group.compañias.servicios .row .compañiaEnt {
    width: 63px !important;
    margin: 10px 0px;
}