html,
body,
* {
    margin: 0;
    padding: 0;
    height: auto;
    font-family: "Montserrat", sans-serif;
}
::-webkit-scrollbar {
    display: none;
}
img{
    max-width: 100%;
}
.text-lightblue{
    color: #96E5FF;
}
a.text-lightblue:hover{
    color: #96E5FF;
}
.card-header {
    background-color: transparent;
}

.card-deck {
    height: auto;
}

.card {
    height: auto;

}

.modal.show .modal-dialog {
    height: auto;
}

.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top: none;
}

.modal-open {
    overflow: scroll !important;
}

.modal-open .modal {
    overflow-y: visible;
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto !important;
}

.callUsModalContainer .modal-header .close {
    margin: 0 !important;
}

.modal-header .row,
.modal-footer .row {
    width: 100%;
}

.callUsModalContainer .modal-content {
    border: none;
    border-radius: 20px;
    background-color: #474A5A;
}

.callUsModalContainer .modal-content .modal-footer {
    padding-bottom: 1rem;
}

.callUsModalContainer .modal-content .modal-header .close {
    position: absolute;
    top: 0;
    right: 0rem;
    height: auto;
}

@media screen and (min-width: 1280px) {
    .col-xl-1_5 {
        flex: 0 0 14%;
    } 
}

body {
    background: rgba(255, 255, 255, 1);
    font-size: 1rem;

}

a {
    color: rgba(25, 136, 255, 1);
    background: none;
    font-size: 1.2rem;
}

a:focus {
    outline: none;
}

a:after {
    content: "\e802";
    position: relative;
    font-family: "totalplayicons";
    left: 10px;
    top: -1px;
    transition: 300ms;
    font-size: 0.7rem;
}

a:hover {
    color: rgba(25, 136, 255, 1);
    text-decoration: none;
}

a:hover:after {
    left: 20px;
}

p {
    margin-bottom: 0;
}

.generalButton {
    background: rgba(25, 136, 255, 1);
    color: rgba(255, 255, 255, 1);
    padding: 15px 20px;
    -webkit-border-radius: 24vw;
    -moz-border-radius: 24vw;
    border-radius: 24vw;
    text-align: center;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    display: inline-block;
}

.generalButton:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}

.generalButton:disabled {
    color: rgba(255, 255, 255, 1);
    background: rgba(224, 224, 224, 1);
}

.generalButton:after {
    display: none;
}

.botonContrataPaquete {
    max-width: 243px;
    height: 50px;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

@media(max-width:  767px){
    .botonContrataPaquete{
        max-width: 188px;
        height: 53px;
        font-size: 16px !important;
    }
}

/*new intro*/
#newIntro{
    position: relative;
    -webkit-transition: padding .2s linear;
    -moz-transition: padding .2s linear;
    -o-transition: padding .2s linear;
    transition: padding .2s linear;
    padding-top: 145px;
}
#newIntro .intro_slider{
    flex-wrap: nowrap;
    overflow-x: auto;
}
#newIntro .intro_slider > div{
    /*background: linear-gradient(355deg, #211941 0%, #761B6F 55%, #6F096A 100%);*/
    z-index: 1;
}
#newIntro > div.col-12:before{
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 170px;
    background: linear-gradient(to bottom, #000000 0%,rgba(0,0,0,0) 100%);
}
#newIntro > div.col-12:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 170px;
    background: linear-gradient(0deg,#000000 0,transparent);
    /*background: none;  for dad day and buen fin */
    z-index: -1;
}
#newIntro img{
    height: auto;
}
#newIntro .qr_wrp {
    font-size: 16px;
    font-weight: 200;
    line-height: 1.4;
    color: #ffffff;
    text-align: center;
    max-width: 270px;
}
#newIntro .qr_wrp p {
    font-size: 20px;
    font-weight: 600;
}
#newIntro .exclusive_offer{
    width: auto;
    max-width: 100%;
}
@media(max-width:  1440px){
    #newIntro .exclusive_offer{
        width: 420px;
    }
}
@media(max-width:  991px){
    #newIntro .h5{
        font-size: 1em;
    }
}
@media(max-width:  767px){
    /*#newIntro > div.col-12{
        background-image: url(/assets/img/nuevos/last_bg_mobile.png);
    }*/
}
@media(max-width: 575px){
    #newIntro img{
        max-width: 250px;
    }
}

/*intro slider*/
.intro_slider + .contenedorControls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.intro_slider + .contenedorControls > div:not(.mobile) {
    height: 100%;
    width: 60px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 40px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}
.intro_slider + .contenedorControls > div.next {
    left: auto;
    right: 0
}
.intro_slider + .contenedorControls > div i {
    width: 100%;
    height: 110px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    border-radius: 0 10rem 10rem 0;
    transition: all .3s;
    background-color: rgba(108,119,155,.75);
    opacity: .6;
}
.intro_slider + .contenedorControls > div.next i{
    border-radius: 10rem 0 0 10rem;
    padding-left: 20px;
}
.intro_slider + .contenedorControls > div:hover i {
    opacity: 1;
    cursor: pointer;
}
.intro_slider + .contenedorControls > div.mobile {
    position: absolute;
    bottom: -10%;
    left: 0;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 1;
}
.intro_slider + .contenedorControls > div.mobile .dot {
    width: 18px;
    height: 18px;
    background-color: #c8d8e7;
    margin: 0 10px;
    border-radius: 10px;
    -webkit-transition: width .1s ease-in-out;
    -moz-transition: width .1s ease-in-out;
    -o-transition: width .1s ease-in-out;
    transition: width .1s ease-in-out;
    cursor: pointer;
}
.intro_slider + .contenedorControls > div.mobile .dot.active {
    background-color: #fff;
    width: 36px
}
@media(max-width: 639px){
    .intro_slider + .contenedorControls > div.mobile{
        bottom: -25px;
    }
}
/*end new intro*/


/* Start Banner simetrico */
#banner-simetrico .banner{
    background: transparent linear-gradient(270deg, #42A339 0%, #91C125 100%) 0% 0% no-repeat padding-box;
    color: white;
    font-weight: normal;
    align-items: center;
}
#banner-simetrico .banner span{
    color: white;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
    width: 50px;
    align-items: center;
}
#banner-simetrico .banner p{
    font-weight: bold;
}
 .banner div{
    font-weight: normal;
}
#banner-simetrico .banner #counterContainer .timeWrp{
    font-size: 18px;
    border: 1px solid var(--unnamed-color-ffffff);
    border: 1px solid #FFFFFF;
    border-radius: 17px;
    opacity: 1;
    width: auto;
    display: ruby;
}
#banner-simetrico .banner #counterContainer .timeWrp .time:not(:last-child):before {
    font-size: 30px;
}
.block{
    display: ruby;
}
@media (max-width:769px) {
    #copyCounterBW{
        font-size: 11px;
    }
}
/* End Banner simetrico */


/*buenfin 11-11*/
@media(min-width:  1920px){
    #newIntro > div.col-12{
        min-height: 60vh;
        background-position: center;
    }
}
@media(min-width:  1920px )and (min-height: 800px) {
    #newIntro > div.col-12{
        min-height: 60vh;
        background-position: 50% 30%;
    }
}
@media(max-width:  767px){
   /*#newIntro .h5{
        position: relative;
        bottom: -50px;
        z-index: 1;
    }
    #newIntro img{
        width: 100%;
    }
    #newIntro img:first-child ~ img{
        position: relative;
        top: -50px;
        width: 300px;
    }
    #newIntro img:first-child ~ a{
        position: relative;
        top: -50px;
    }*/
}
@media(max-width: 575px){
    #newIntro img{
        max-width: 100%;
    }
}
/*end buenfin 11-11*/

.mainVideoBannerSecond {
    position: relative;
    background: url(../../../assets/img/nuevos/backVideoMobile.png) no-repeat top center/cover;
    /*url(../../../assets/img/nuevos/backVideoMobile.png) no-repeat center -90px/cover*/
    height: auto;
    overflow: hidden;
}
@media(max-width: 991px){
    .mainVideoBannerSecond{
        background: url(../../../assets/img/nuevos/backVideoMobile.v2.webp) no-repeat center/cover;
    }
     
    .balazoCards{
        height: 85px !important;
        top: -40px !important;
        left: 205px !important;
    }
    
}



@media(max-width: 1439px){
    #copyPlecaPromo{
        font-size: 34px !important;
    }
    .buenFinCards{
        height: 70px !important;
        top: -12px !important;
        right: 275px !important;
    }
}
@media(max-width: 1023px){
    #copyPlecaPromo{
        font-size: 34px !important;
    }
    .buenFinCards{
        right: 210px !important;
    }
}
@media(max-width: 767px){
    #copyPlecaPromo{
        font-size: 27px !important;
    }
    .buenFinCards{
        right: 275px !important;
    }
    .imgBuenFin{
        top: 10px !important;
        left: -15px !important;
    }
    .imgGranVenta{
        top: 10px !important;
        left: -30px !important;
    }
    footer ul.footerSocials li {
        margin-right: 10px;
    }
}

@media(max-width: 424px){
    .buenFinCards{
        right: 230px !important;
    }

    footer ul li a, footer ul li span {
        color: #fff;
        font-size: 10px;
        line-height: 32px;
    }

    footer ul.footerSocials li {
        margin-right: 20px;
    }
}
@media(max-width: 374px){
    .buenFinCards{
        right: 200px !important;
    }
    footer ul.footerSocials li {
        margin-right: 20px;
    }
}




.videoContainerSecond {
    position: absolute;
    padding: 0;
    z-index: 9;
    height: 100%;
}

.videoContainerSecond video {
    width: 100% !important;
    height: 100vh;
    object-fit: cover;
    position: relative;
}

.videoContainerSecond video::-webkit-media-controls {
    display: none;
}

.videoContainerSecond:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 9;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(top, rgba(30, 30, 40, 0) 0%, rgba(30, 30, 40, 1) 80%);
    background: -webkit-linear-gradient(top, rgba(30, 30, 40, 0) 0%, rgba(30, 30, 40, 1) 80%);
    background: linear-gradient(to bottom, rgba(30, 30, 40, 0) 0%, rgb(0, 0, 0) 80%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001e1e28', endColorstr='#1e1e28', GradientType=0);
}

.videoTextContainerSecond {
    padding-top: 35vh;
    position: relative;
    z-index: 10;
    height: auto;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin: 0 auto;
}

@media(max-width: 991px){
    .videoTextContainerSecond{
        padding-top: 120px;
    }
}

.videoTextContainerSecond .videoTextContentSecond .row,
.videoTextContainerSecond .videoTextContentSecond .row .div {
    height: auto;
}


.videoTextContainerSecond .videoTextContentSecond .onDemandButton img {
    width: 100px;
    margin-bottom: 1rem;
}

.videoTextContainerSecond .videoTextContentSecond .imagesAppsContainer {
    position: relative;
    height: 50%;
    padding-top: 6vh;
}

.videoTextContainerSecond .videoTextContentSecond .titleSecondVideo {
    position: relative;
    margin-bottom: 2rem;
}

.videoTextContainerSecond .videoTextContentSecond .imagesAppsContainer img {
    width: 100%;
    max-width: 128px;
    margin: 0 auto;
    margin-bottom: 2rem;
    transition: all 0.3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    height: auto;
}

.videoTextContainerSecond .videoTextContentSecond .imagesAppsContainer img:hover {
    transform: scale(1.1);
    transition: all 0.3s;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.35);
}

.videoTextContainerSecond h1 {
    font-size: 3.75rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.videoTextContainerSecond h2 {
    font-weight: 200;
    font-family: "Montserrat", sans-serif;
    font-size: 1.5rem;
}

.videoTextContainerSecond h2 span {
    color: rgba(255, 191, 63, 1);
}

.videoTextContainerSecond .row h2 img {
    max-width: 128px;
    margin-left: 10px;
    height: auto;
    position: relative;
    top: 7px;
}

.videoTextContainerSecond .row a:hover {
    text-decoration: none;
}

.videoTextContainerSecond .onDemandButton a:after {
    display: none;
}

/**/

/*Materialize Inputs*/

.mat-input {
    margin: 2% auto;
    width: 100%;
}

.mat-input-outer {
    display: table;
    width: 100%;
    position: relative;
    background: transparent;
}

.mat-input-outer input {
    height: 50px;
    border-radius: 0;
    border: none;
    width: 100%;
    padding: 0 5px;
    font-size: 1rem;
    background: transparent;
}

.mat-input-outer input:focus {
    border: none;
    outline: none;
}

.mat-input-outer label {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    left: 0px;
    position: absolute;
    top: 0;
    transition: 0.2s;
    color: #3b4559;
    cursor: text;
    font-weight: normal;
}

.border{
    border: 1px solid #404860 !important;
}

.buttonModal{
    width: 302px;
    height: 47px;
    background: #1689FF 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 27px;
    text-align: center;
    font: normal normal 600 22px/30px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 7px 0px;
}

#callUsModal .modal-content{
    border-radius: 10px;
}

.mat-input-outer .border {
    height: 1px;
    background: #ffffff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
     border: none !important; 
}

.mat-input-outer .border::before {
    content: " ";
    display: table;
    height: 1px;
    width: 0%;
    background: transparent;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    margin: 0 auto;
}

.mat-input-outer input:focus ~ .border {
    background: rgba(222, 226, 230, 1);
}

.mat-input-outer input:focus ~ .border::before {
    width: 100%;
    background: transparent;
}

.mat-input-outer input + label.active {
    left: 5px;
    top: -10px;
    opacity: 1;
    font-size: 0.875rem;
    filter: alpha(opacity=100);
}

/*Materialize Inputs*/

.installationLocationModal .modal-header {
    padding-top: 2rem;
}

.installationLocationModal .modal-footer {
    padding-bottom: 2rem;
}

.installationLocationModal p:not([class^=h]){
    font-size: 16px;
    color: #CAD8E5;
}

.installationLocationModal .modal-header .close {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}

.installationLocationModal .modal-header .close img {
    max-width: 24px;
    max-height: 24px;
    position: absolute;
    right: 1rem;
    top: 1rem;
}
.installationLocationModal input,
.installationLocationModal label{
    color: #ffffff;
    font-size: 20px;
}
.installationLocationModal .row{
    width: auto;
}
.installationLocationModal .generalButton:disabled {
    background-color: #737C98;
}

.callMeModal .modal-body {
    padding: 0;
}

.callMeModal .modal-header {
    padding-top: 2rem;
}

.callMeModal .modal-footer {
    padding-bottom: 2rem;
}

.callMeModal .modal-header .close {
    position: relative;
    right: 0.5rem;
    top: -0.5rem;
}

.callMeModal .modal-header .close img {
    max-width: 24px;
    max-height: 24px;
    width: 24px;
}

.callMeModal .modal-header p:first-child {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    /* color: rgba(117, 120, 123, 1); */
    color: #000000;
}

.callMeModal .modal-header p:nth-child(2) {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    /* color: rgba(59, 69, 89, 1); */
    color: #000000;
}

.callMeModal .modal-header p:nth-child(3) {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    /* color: rgba(117, 120, 123, 1); */
}

.continueInstall .modal-header {
    padding-top: 2rem;
}

.continueInstall .modal-footer {
    padding-bottom: 2rem !important;
}

.continueInstall .modal-header p {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    color: rgba(59, 69, 89, 1);
}

.continueInstall .modal-header .close {
    position: absolute !important;
    right: -0.25rem !important;
    top: -8.5rem !important;
}

.continueInstall .modal-header .close img {
    max-width: 24px;
    max-height: 24px;
}

.continueInstall .successNotification {
    font-weight: 300 !important;
    font-size: 0.875rem !important;
    background: rgba(76, 217, 100, 0.05) !important;
    display: inline-block !important;
    border: 1px solid rgba(76, 217, 100, 1) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    -webkit-border-radius: 24vw !important;
    -moz-border-radius: 24vw !important;
    border-radius: 24vw !important;
    margin-bottom: 1rem !important;
}

.cardsRow {
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: auto;
    background: rgba(250, 250, 251, 1);
}

.cardsRow .card {
    background: rgba(245, 245, 245, 1);
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-top: 1.5rem;
    margin-bottom: 2rem;
}

.cardsRow .card.blueCardHome {
    background: rgb(43,47,61);
    color: rgba(245, 245, 245, 1);
}

.p-cards {
    font-size: 22px;
    font-weight: 200;
}

.p-adicionales{
    font-size: 18px;
    font-weight: 400;
}

@media(max-width:1600px){
    .mw-114{
        max-width: 114.164px !important;
    }
}

.cardsRow .card img {
    margin: 0 auto;
    height: auto;
    max-width: 100%;
}

.cardsRow .card .card-body .card-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 1rem;
    height: auto;
}

.cardsRow .card .card-body .appImage {
    text-align: center;
    height: 50px;
    margin-bottom: 0;
}

.cardsRow .card .card-body .appImage a:after {
    display: none;
}

.cardsRow .card .card-body .appImage a img {
    width: 100%;
    margin: 0 auto;
    max-width: 150px;
}

/*Package Colors */

.packagesContainer {
    background: rgba(245, 245, 245, 1);
    height: auto;
    padding-top: 3rem;
}

.packagesContainer .titlePackages {
    margin-top: 1rem;
    text-align: center;
    margin-bottom: 2rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.packagesContainer .titlePackages h1 {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 2.25rem;
}

.packagesContainer .titlePackages h1 span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.packagesContainer .locationLink {
    text-align: center;
    margin-bottom: 4rem;
}

.packagesContainer .locationLink a {
    color: rgba(25, 136, 255, 1);
}

.packagesContainer .locationLink a:after {
    display: none;
}

.packagesContainer .locationLink a:before {
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    right: 10px;
}

.hiddenText {
    visibility: hidden;
}

.mainContainerpackage {
    height: auto;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 4.5rem;
    float: left;
    cursor: pointer;
    transition: 300ms;
}

.mainContainerpackage:hover {
    box-shadow: 0 32px 32px 0 rgba(0, 0, 0, 0.05);
    transition: 300ms;
}

.mainContainerpackage.unbox {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+0,02a8e1+100&0+0,0.05+100 */
    background: -moz-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(2, 168, 225, 0.05) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(2, 168, 225, 0.05) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(2, 168, 225, 0.05) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa', endColorstr='#0d02a8e1', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    height: auto;
}

.mainContainerpackage.match {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+0,3b4559+100&0+0,0.05+100 */
    background: -moz-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(59, 69, 89, 0.05) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(59, 69, 89, 0.05) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(59, 69, 89, 0.05) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa', endColorstr='#0d3b4559', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.mainContainerpackage.surprisePlus {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+0,7d54a9+100&0+0,0.05+100 */
    background: -moz-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(125, 84, 169, 0.05) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(125, 84, 169, 0.05) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(125, 84, 169, 0.05) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa', endColorstr='#0d7d54a9', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.mainContainerpackage.emotionPlus {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+0,62c3e6+100&0+0,0.05+100 */
    background: -moz-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(98, 195, 230, 0.05) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(98, 195, 230, 0.05) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(98, 195, 230, 0.05) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa', endColorstr='#0d62c3e6', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.mainContainerpackage.emotion {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+0,8cc8e6+100&0+0,0.05+100 */
    background: -moz-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(140, 200, 230, 0.05) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(140, 200, 230, 0.05) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(140, 200, 230, 0.05) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa', endColorstr='#0d8cc8e6', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.mainContainerpackage.funPlus {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+0,fcb100+100&0+0,0.05+100 */
    background: -moz-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(252, 177, 0, 0.05) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(252, 177, 0, 0.05) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(252, 177, 0, 0.05) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa', endColorstr='#0dfcb100', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.mainContainerpackage.fun {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+0,f6c255+100&0+0,0.05+100 */
    background: -moz-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(246, 194, 85, 0.05) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(246, 194, 85, 0.05) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(246, 194, 85, 0.05) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa', endColorstr='#0df6c255', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.mainContainerpackage.starter {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+0,b4b4b4+100&0+0,0.05+100 */
    background: -moz-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(180, 180, 180, 0.05) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(180, 180, 180, 0.05) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(250, 250, 250, 0) 0%, rgba(180, 180, 180, 0.05) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa', endColorstr='#0db4b4b4', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.mainContainerpackage .imagePackage {
    width: 125px;
    margin: 0 auto;
    text-align: center;
    height: auto;
}

.mainContainerpackage .imagePackage img {
    margin: 8px 0 0 0;
    max-width: 100%;
    height: auto;
}

.mainContainerpackage,
.mainContainerpackage .row,
.mainContainerpackage .packageInfoContainer,
.mainContainerpackage .titlePackage,
.mainContainerpackage .velocityPackage,
.mainContainerpackage .descriptionPackage,
.mainContainerpackage .imagePackage,
.mainContainerpackage .descriptionApp,
.mainContainerpackage .packageDiscount,
.mainContainerpackage .packagePrice,
.mainContainerpackage .packagePrice {
    height: auto;
}

.mainContainerpackage hr {
    width: 60%;
    border: #e0e0e0 solid 1px;
    margin: 0 auto;
    height: auto;
    margin-bottom: 16px;
    margin-top: 24px;
}

.mainContainerpackage a:after {
    display: none;
}

.mainContainerpackage .packageInfoContainer {
    position: relative;
    top: -1.5rem;
}

/*Unbox*/

.unbox .titlePackage {
    margin-bottom: 1.5rem;
    height: auto;
}

.unbox .titlePackage p {
    color: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(45deg, rgba(0, 170, 227, 0.8) 0%, rgba(89, 203, 232, 0.8) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0, 170, 227, 0.8) 0%, rgba(89, 203, 232, 0.8) 100%);
    background: linear-gradient(45deg, rgba(0, 170, 227, 0.8) 0%, rgba(89, 203, 232, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cc00aae3', endColorstr='#cc59cbe8', GradientType=1);
    padding: 6px 10px;
    display: inline;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.3125rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05);
}

.unbox .velocityPackage {
    color: #33bbe8;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    margin: 0.5rem 0;
    height: auto;
}

.unbox .descriptionPackage {
    height: auto;
}

.unbox .descriptionPackage p {
    color: #3b4559;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
    height: auto;
}

.unbox .descriptionPackage p span {
    color: #3b4559;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    height: auto;
}

.unbox .imagePackage {
    width: 125px;
    margin: 0 auto;
    text-align: center;
    height: auto;
}

.unbox .imagePackage img {
    margin: 8px 0 0 0;
    max-width: 100%;
    height: auto;
}

.unbox .descriptionApp {
    margin-bottom: 0.5rem;
    height: auto;
}

.unbox .descriptionApp p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
    color: #3b4559;
    line-height: 28px;
    height: auto;
}

.unbox .descriptionApp p span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 32px;
    height: auto;
}

.unbox .packageDiscount {
    height: auto;
}

.unbox .packageDiscount p {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 32px;
    background: rgba(239, 138, 0, 0.15);
    color: rgba(239, 108, 0, 1);
    text-transform: uppercase;
    text-align: center;
    padding: 5px 16px;
    display: inline;
    white-space: nowrap;
}

.unbox .packagePrice {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    height: auto;
}

.unbox .packagePrice p a {
    font-size: 1.125rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: rgba(117, 120, 123, 1);
    height: auto;
}

.unbox .packagePrice p a span {
    color: rgba(59, 69, 89, 1);
}

/*Unbox*/

/*Match*/

.match .titlePackage {
    margin-bottom: 1.5rem;
}

.match .titlePackage p {
    color: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(45deg, rgba(228, 0, 43, 0.8) 0%, rgba(224, 45, 29, 0.8) 100%);
    background: -webkit-linear-gradient(45deg, rgba(228, 0, 43, 0.8) 0%, rgba(224, 45, 29, 0.8) 100%);
    background: linear-gradient(45deg, rgba(228, 0, 43, 0.8) 0%, rgba(224, 45, 29, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cce4002b', endColorstr='#cce02d1d', GradientType=1);
    padding: 6px 10px;
    display: inline;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.3125rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.match .velocityPackage {
    color: rgba(59, 69, 89, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    margin: 0.5rem 0;
}

.match .descriptionPackage p {
    color: #3b4559;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
}

.match .descriptionPackage p span {
    color: #3b4559;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.match .imagePackage {
    width: 125px;
    margin: 0 auto;
    text-align: center;
}

.match .imagePackage img {
    margin: 8px 0 8px 0;
}

.match .descriptionApp {
    margin-bottom: 0.5rem;
}

.match .descriptionApp p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
    color: #3b4559;
    line-height: 28px;
}

.match .descriptionApp p span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 32px;
}

.match .packageDiscount {
    height: auto;
}

.match .packageDiscount p {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 32px;
    background: rgba(239, 138, 0, 0.15);
    color: rgba(239, 108, 0, 1);
    text-transform: uppercase;
    text-align: center;
    padding: 5px 16px;
    display: inline;
    white-space: nowrap;
}

.match .packagePrice {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.match .packagePrice p a {
    font-size: 1.125rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: rgba(117, 120, 123, 1);
    border: none !important;
}

.match .packagePrice p a:hover {
    background: none;
}

.match .packagePrice p a span {
    color: rgba(59, 69, 89, 1);
}


/*Match*/

/*Surprise Plus*/

.surprisePlus .titlePackage {
    margin-bottom: 1.5rem;
}

.surprisePlus .titlePackage p {
    color: rgba(255, 255, 255, 1);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7d54a9+0,b28ad1+100 */
    background: rgb(125, 84, 169);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(125, 84, 169, 1) 0%, rgba(178, 138, 209, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(125, 84, 169, 1) 0%, rgba(178, 138, 209, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(125, 84, 169, 1) 0%, rgba(178, 138, 209, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d54a9', endColorstr='#b28ad1', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    padding: 6px 10px;
    display: inline;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.3125rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.surprisePlus .velocityPackage {
    color: rgba(125, 84, 169, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    margin: 0.5rem 0;
}

.surprisePlus .descriptionPackage p {
    color: rgba(125, 84, 169, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
}

.surprisePlus .descriptionPackage p span {
    color: rgba(125, 84, 169, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.surprisePlus .imagePackage {
    width: 125px;
    margin: 0 auto;
    text-align: center;
}

.surprisePlus .imagePackage img {
    margin: 8px 0 0 0;
}

.surprisePlus .descriptionApp {
    margin-bottom: 0.5rem;
}

.surprisePlus .descriptionApp p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
    color: #3b4559;
    line-height: 28px;
    visibility: hidden;
}

.surprisePlus .descriptionApp p span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 32px;
}

.surprisePlus .packageDiscount p {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 32px;
    background: rgba(239, 138, 0, 0.15);
    color: rgba(239, 108, 0, 1);
    text-transform: uppercase;
    text-align: center;
    padding: 5px 16px;
    display: inline;
}

.surprisePlus .packagePrice {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.surprisePlus .packagePrice p a {
    font-size: 1.125rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: rgba(117, 120, 123, 1);
}

.surprisePlus .packagePrice p a span {
    color: rgba(59, 69, 89, 1);
}

/*Surprise Plus*/

/*Emotion Plus*/

.emotionPlus .titlePackage {
    margin-bottom: 1.5rem;
}

.emotionPlus .titlePackage p {
    color: rgba(255, 255, 255, 1);
    background: rgb(21, 155, 222);
    background: -moz-linear-gradient(left, rgba(21, 155, 222, 1) 0%, rgba(153, 231, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(21, 155, 222, 1) 0%, rgba(153, 231, 255, 1) 100%);
    background: linear-gradient(to right, rgba(21, 155, 222, 1) 0%, rgba(153, 231, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#159bde', endColorstr='#99e7ff', GradientType=1);
    padding: 6px 10px;
    display: inline;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.3125rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.emotionPlus .velocityPackage {
    color: rgba(21, 155, 222, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    margin: 0.5rem 0;
}

.emotionPlus .descriptionPackage p {
    color: rgba(21, 155, 222, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
}

.emotionPlus .descriptionPackage p span {
    color: rgba(21, 155, 222, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.emotionPlus .imagePackage {
    width: 125px;
    margin: 0 auto;
    text-align: center;
}

.emotionPlus .imagePackage img {
    margin: 8px 0 0 0;
}

.emotionPlus .descriptionApp {
    margin-bottom: 0.5rem;
}

.emotionPlus .descriptionApp p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
    color: #3b4559;
    line-height: 28px;
    visibility: hidden;
}

.emotionPlus .descriptionApp p span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 32px;
}

.emotionPlus .packageDiscount p {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 32px;
    background: rgba(239, 138, 0, 0.15);
    color: rgba(239, 108, 0, 1);
    text-transform: uppercase;
    text-align: center;
    padding: 5px 16px;
    display: inline;
}

.emotionPlus .packagePrice {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.emotionPlus .packagePrice p a {
    font-size: 1.125rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: rgba(117, 120, 123, 1);
}

.emotionPlus .packagePrice p a span {
    color: rgba(59, 69, 89, 1);
}

/*Emotion Plus*/

/*Emotion*/

.emotion .titlePackage {
    margin-bottom: 1.5rem;
}

.emotion .titlePackage p {
    color: rgba(255, 255, 255, 1);
    background: rgb(31, 159, 191);
    background: -moz-linear-gradient(left, rgba(31, 159, 191, 1) 0%, rgba(177, 229, 246, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(31, 159, 191, 1) 0%, rgba(177, 229, 246, 1) 100%);
    background: linear-gradient(to right, rgba(31, 159, 191, 1) 0%, rgba(177, 229, 246, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1f9fbf', endColorstr='#b1e5f6', GradientType=1);
    padding: 6px 10px;
    display: inline;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.3125rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.emotion .velocityPackage {
    color: rgba(31, 159, 191, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    margin: 0.5rem 0;
}

.emotion .descriptionPackage p {
    color: rgba(31, 159, 191, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
}

.emotion .descriptionPackage p span {
    color: rgba(31, 159, 191, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.emotion .imagePackage {
    width: 125px;
    margin: 0 auto;
    text-align: center;
}

.emotion .imagePackage img {
    margin: 8px 0 0 0;
}

.emotion .descriptionApp {
    margin-bottom: 0.5rem;
}

.emotion .descriptionApp p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
    color: #3b4559;
    line-height: 28px;
    visibility: hidden;
}

.emotion .descriptionApp p span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 32px;
}

.emotion .packageDiscount p {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 32px;
    background: rgba(239, 138, 0, 0.15);
    color: rgba(239, 108, 0, 1);
    text-transform: uppercase;
    text-align: center;
    padding: 5px 16px;
    display: inline;
}

.emotion .packagePrice {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.emotion .packagePrice p a {
    font-size: 1.125rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: rgba(117, 120, 123, 1);
}

.emotion .packagePrice p a span {
    color: rgba(59, 69, 89, 1);
}

/*Emotion*/

/*Fun Plus*/

.funPlus .titlePackage {
    margin-bottom: 1.5rem;
}

.funPlus .titlePackage p {
    color: rgba(255, 255, 255, 1);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcb100+0,f6e9b1+100 */
    background: rgb(252, 177, 0);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(252, 177, 0, 1) 0%, rgba(246, 233, 177, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(252, 177, 0, 1) 0%, rgba(246, 233, 177, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(252, 177, 0, 1) 0%, rgba(246, 233, 177, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fcb100', endColorstr='#f6e9b1', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    padding: 6px 10px;
    display: inline;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.3125rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.funPlus .velocityPackage {
    color: rgba(252, 177, 0, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    margin: 0.5rem 0;
}

.funPlus .descriptionPackage p {
    color: rgba(252, 177, 0, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
}

.funPlus .descriptionPackage p span {
    color: rgba(252, 177, 0, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.funPlus .imagePackage {
    width: 125px;
    margin: 0 auto;
    text-align: center;
}

.funPlus .imagePackage img {
    margin: 8px 0 0 0;
}

.funPlus .descriptionApp {
    margin-bottom: 0.5rem;
}

.funPlus .descriptionApp p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
    color: #3b4559;
    line-height: 28px;
    visibility: hidden;
}

.funPlus .descriptionApp p span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 32px;
}

.funPlus .packageDiscount p {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 32px;
    background: rgba(239, 138, 0, 0.15);
    color: rgba(239, 108, 0, 1);
    text-transform: uppercase;
    text-align: center;
    padding: 5px 16px;
    display: inline;
}

.funPlus .packagePrice {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.funPlus .packagePrice p a {
    font-size: 1.125rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: rgba(117, 120, 123, 1);
}

.funPlus .packagePrice p a span {
    color: rgba(59, 69, 89, 1);
}

/*Fun Plus*/

/*Fun*/

.fun .titlePackage {
    margin-bottom: 1.5rem;
}

.fun .titlePackage p {
    color: rgba(255, 255, 255, 1);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6c255+0,f6e6af+100 */
    background: rgb(246, 194, 85);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(246, 194, 85, 1) 0%, rgba(246, 230, 175, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(246, 194, 85, 1) 0%, rgba(246, 230, 175, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(246, 194, 85, 1) 0%, rgba(246, 230, 175, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6c255', endColorstr='#f6e6af', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    padding: 6px 10px;
    display: inline;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.3125rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fun .velocityPackage {
    color: rgba(246, 194, 85, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    margin: 0.5rem 0;
}

.fun .descriptionPackage p {
    color: rgba(246, 194, 85, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
}

.fun .descriptionPackage p span {
    color: rgba(246, 194, 85, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.fun .imagePackage {
    width: 125px;
    margin: 0 auto;
    text-align: center;
}

.fun .imagePackage img {
    margin: 8px 0 0 0;
}

.fun .descriptionApp {
    margin-bottom: 0.5rem;
}

.fun .descriptionApp p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
    color: #3b4559;
    line-height: 28px;
    visibility: hidden;
}

.fun .descriptionApp p span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 32px;
}

.fun .packageDiscount p {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 32px;
    background: rgba(239, 138, 0, 0.15);
    color: rgba(239, 108, 0, 1);
    text-transform: uppercase;
    text-align: center;
    padding: 5px 16px;
    display: inline;
}

.fun .packagePrice {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.fun .packagePrice p a {
    font-size: 1.125rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: rgba(117, 120, 123, 1);
}

.fun .packagePrice p a span {
    color: rgba(59, 69, 89, 1);
}

/*Fun*/

/*Starter*/

.starter .titlePackage {
    margin-bottom: 1.5rem;
}

.starter .titlePackage p {
    color: rgba(255, 255, 255, 1);
    background: rgb(180, 180, 180);
    background: -moz-linear-gradient(left, rgba(180, 180, 180, 1) 0%, rgba(221, 221, 221, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(180, 180, 180, 1) 0%, rgba(221, 221, 221, 1) 100%);
    background: linear-gradient(to right, rgba(180, 180, 180, 1) 0%, rgba(221, 221, 221, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b4b4b4', endColorstr='#dddddd', GradientType=1);
    padding: 6px 10px;
    display: inline;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.3125rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.starter .velocityPackage {
    color: rgba(180, 180, 180, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    margin: 0.5rem 0;
}

.starter .descriptionPackage p {
    color: rgba(180, 180, 180, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
}

.starter .descriptionPackage p span {
    color: rgba(180, 180, 180, 1);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.starter .imagePackage {
    width: 125px;
    margin: 0 auto;
    text-align: center;
}

.starter .imagePackage img {
    margin: 8px 0 0 0;
}

.starter .descriptionApp {
    margin-bottom: 0.5rem;
}

.starter .descriptionApp p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
    color: #3b4559;
    line-height: 28px;
    visibility: hidden;
}

.starter .descriptionApp p span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 32px;
}

.starter .packageDiscount p {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 32px;
    background: rgba(239, 138, 0, 0.15);
    color: rgba(239, 108, 0, 1);
    text-transform: uppercase;
    text-align: center;
    padding: 5px 16px;
    display: inline;
}

.starter .packagePrice {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.starter .packagePrice p a {
    font-size: 1.125rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: rgba(117, 120, 123, 1);
}

.starter .packagePrice p a span {
    color: rgba(59, 69, 89, 1);
}

/*Fun*/

/*Business*/

.bussinesBranches {
    height: auto;
    padding-bottom: 8rem;
    padding-top: 7rem;
    background: rgba(250, 250, 250, 1);
    /*margin-bottom: 5rem; COMENTADO POR KAREN*/
}

@media(max-width: 991px){
    .bussinesBranches{
        padding-top: 2rem;
        padding-bottom: 0;
    }
}

/*Companies*/

.bussinesBranches .companies {
    padding-top: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*background: rgba(226, 2, 39, 1);*/
    position: relative;
    max-height: 300px;
    margin-bottom: 2rem;
}

.bussinesBranches .companies .branchImage,
.bussinesBranches .companies .branchImage div {
    text-align: center;
    padding: 0;
    overflow: hidden;
}

.img-home-empresarial + span {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    display: block;
    z-index: 9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: -moz-linear-gradient(top, rgba(224, 215, 209, 0) 0%, rgba(59, 69, 89, 1) 50%);
    background: -webkit-linear-gradient(top, rgba(224, 215, 209, 0) 0%, rgba(59, 69, 89, 1) 50%);
    background: linear-gradient(to bottom, rgba(224, 215, 209, 0) 0%, rgba(59, 69, 89, 1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e0d7d1', endColorstr='#089b9a', GradientType=0);
    left: 0;
    bottom: 0;
}

.bussinesBranches .companies .branchImage div img {
    width: 110%;
    height: auto;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.bussinesBranches .companies .branchDescription {
    background: rgba(255, 255, 255, 1);
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative;
    z-index: 10;
    top: -5rem;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.2);
    max-height: 305px;
    min-height: 272px;
}

.bussinesBranches .companies .branchDescription img {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.bussinesBranches .companies .branchDescription p {
    margin-top: 1rem;
    margin-bottom: 2rem;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.bussinesBranches .companies .branchDescription a {
    padding: 5px 15px;
}

.bussinesBranches .companies .branchDescription a:hover {
    background: rgba(26, 118, 210, 0.2);
    padding: 5px 15px;
}

.bussinesBranches .companies .branchDescription a:after {
    display: none;
}

/*Companies*/

/*Entrepreneur*/

.bussinesBranches .entrepreneur {
    padding-top: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*background: rgba(8, 155, 154, 1);*/
    position: relative;
    max-height: 300px;
    margin-bottom: 4rem;
}

.bussinesBranches .entrepreneur .branchImage,
.bussinesBranches .entrepreneur .branchImage div {
    text-align: center;
    padding: 0;
    overflow: hidden;
}

.img-home-negocios + span {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    display: block;
    z-index: 9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: -moz-linear-gradient(top, rgba(224, 215, 209, 0) 0%, rgba(59, 69, 89, 1) 50%);
    background: -webkit-linear-gradient(top, rgba(224, 215, 209, 0) 0%, rgba(59, 69, 89, 1) 50%);
    background: linear-gradient(to bottom, rgba(224, 215, 209, 0) 0%, rgba(59, 69, 89, 1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e0d7d1', endColorstr='#089b9a', GradientType=0);
    left: 0;
    bottom: 0;
}

.bussinesBranches .entrepreneur .branchImage div img {
    width: 110%;
    height: auto;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.bussinesBranches .entrepreneur .branchDescription {
    background: rgba(255, 255, 255, 1);
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative;
    z-index: 10;
    top: -5rem;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.2);
    max-height: 305px;
    min-height: 272px;
}

.bussinesBranches .entrepreneur .branchDescription img {
    max-width: 156px;
    height: auto;
}

.bussinesBranches .entrepreneur .branchDescription p {
    margin-bottom: 2.5rem;
    margin-top: 20px;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.bussinesBranches .entrepreneur .branchDescription a {
    padding: 5px 15px;
}

.bussinesBranches .entrepreneur .branchDescription a:hover {
    background: rgba(26, 118, 210, 0.2);
    padding: 5px 15px;
}

.bussinesBranches .entrepreneur .branchDescription a:after {
    display: none;
}

/*Entrepreneur*/

/*Business*/

/*Location Footer*/

.locationSharing {
    background: rgba(26, 118, 210, 1);
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    color: rgba(255, 255, 255, 1);
}

.locationSharing .locationIcon i {
    font-size: 72px;
    margin-bottom: 2rem;
}

.locationSharing .locationTitle {
    margin-bottom: 1.2rem;
}

.locationSharing .locationTitle h1 {
    font-size: 1.5rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

.locationSharing .locationTitle h1 span {
    font-weight: 700;
}

/*Materialize Inputs*/

.locationSharing .mat-input {
    margin: 2% auto;
    width: 100%;
}

.locationSharing .mat-input-outer {
    display: table;
    width: 100%;
    position: relative;
    background: transparent;
    margin-bottom: 30px;
}

.locationSharing .mat-input-outer input {
    height: 50px;
    border-radius: 0;
    border: none;
    width: 100%;
    padding: 0 5px;
    font-size: 1rem;
    background: transparent;
    color: rgba(255, 255, 255, 1);
}

.locationSharing .mat-input-outer input:focus {
    border: none;
    outline: none;
}

.locationSharing .mat-input-outer label {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    left: 15px;
    position: absolute;
    top: 18px;
    transition: 0.2s;
    color: rgba(255, 255, 255, 1);
    cursor: text;
    font-weight: normal;
    opacity: 0.4;
    filter: alpha(opacity=40);
    white-space: nowrap;
}

.locationSharing .mat-input-outer .border {
    height: 1px;
    background: #ffffff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    border: none !important;
}

.locationSharing .mat-input-outer .border::before {
    content: " ";
    display: table;
    height: 3px;
    width: 0%;
    background: transparent;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    margin: 0 auto;
}

.locationSharing .mat-input-outer input:focus ~ .border {
    border-bottom: solid 1px rgba(255, 255, 255, 1) !important;
}

.locationSharing .mat-input-outer input:focus ~ .border::before {
    width: 100%;
    background: transparent;
}

.locationSharing .mat-input-outer input + label.active {
    left: 5px;
    top: -10px;
    color: rgba(255, 255, 255, 1);
    opacity: 1;
    font-size: 0.875rem;
    filter: alpha(opacity=100);
}

/*Materialize Inputs*/

/*Location Footer*/

/*Footer*/

footer {
    background: rgba(246, 246, 246, 1);
    height: auto;
    font-size: 0.875rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    overflow-x: hidden !important;
    margin-top: 3rem;
}

footer a {
    display: block;
}

footer a:after {
    display: none;
}

footer p {
    font-family: "Montserrat", sans-serif;
    color: rgb(255, 255, 255);
}

footer .footerColumn:nth-child(4) li a {
    color: rgba(25, 136, 255, 1);
}

footer .footerColumn p {
    margin-bottom: 1rem;
}

footer .footerColumn p i {
    margin-left: 5px;
}

.servicesCollapsible,
.productsCollapsible,
.supportCollapsible,
.contactsCollapsible,
.legalesCollapsible,
.unidadesCollapsible{
    display: block;
}

.chevronServices,
.chevronProducts,
.chevronSupport,
.chevronContact,
.chevronLegales,
.chevronUnidades {
    display: none;
}

footer ul {
    list-style: none;
}

footer ul li a {
    color: rgb(255, 255, 255);
    font-size: 0.875rem;
    line-height: 32px;
}

footer ul li span {
    color: rgb(255, 255, 255);
    font-size: 0.875rem;
    line-height: 32px;
}

footer ul li a:hover {
    color: rgba(117, 120, 123, 1);
}

.footerColumn.contactColumn ul li a {
    color: rgba(25, 136, 255, 1);
}

footer ul.footerSocials li {
    display: inline-block;
    margin-right: 10px;
}

footer ul.footerSocials li a i {
    font-size: 19px;
}

footer .footerLegals ul li {
    display: inline-block;
    margin-left: 10px;
}

footer .footerLegals ul li a {
    font-size: 0.875rem;
}

footer .footerLegals ul li a:after {
    content: "\f111";
    display: inline;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2px;
    position: relative;
    top: -3px;
    margin-right: 10px;
}

footer .footerLegals ul li a:hover:after {
    left: 10px;
}

footer .footerLegals ul li:last-child a:after {
    display: none;
}

footer .footerLegals ul li:first-child {
    margin-left: 0;
}

footer .footerLegals ul li:last-child {
    margin-left: 0;
}

footer .footerLegals p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    text-transform: none;
}

footer .footerSeo {
    text-align: left;
    margin-top: 1rem;
}

footer .footerSeo p {
    font-weight: 400;
    font-size: 9px;
    text-transform: none;
}

footer .legalAdvice {
    margin-top: 2rem;
}

footer .legalAdvice p {
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 9px;
    text-transform: none;
}

.f16{
    font-size: 16px;
    font-weight: 600;
}

.f10{
    font-size: 10px;
}

.f10 li a, .f10 li span, .f10 li span a{
    font-size: 12px !important;
    line-height: 24px;
}

/*Footer*/

/*Packages View*/

/* E.D. */
.headerPackages {
    background: #fafafa;
}

.headerPackages .headerPackagesContent .buenFinRow .buenFinTexts h1 {
    color: rgba(2350, 250, 250, 1);
    font-size: 3rem;
    font-weight: 600;
    line-height: 43px;
}

.headerPackages .headerPackagesContent .buenFinRow .buenFinTexts p {
    color: rgba(2350, 250, 250, 1);
    font-size: 2.25rem;
    font-weight: 500;
}

.headerPackages .headerPackagesContent .buenFinRow .buenFinTexts p span {
    font-weight: 700;
}

.headerPackages .headerPackagesContent .buenFinRow .buenFinTexts img {
    width: 15%;
    margin-bottom: 2rem;
}

.headerPackages .headerPackagesContent .buenFinRow .buenFinImage {
    text-align: center;
}

.headerPackages .headerPackagesContent .buenFinRow .buenFinImage img {
    width: 80%;
    max-width: 900px;
    margin-bottom: 2rem;
}

.headerPackages .imageBackcontainer {
    position: absolute;
    top: 0;
    left: 0;
}

.headerPackages .imageBackcontainer img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.headerPackages .headerPackagesContent {
    padding-top: 148px;
}

.headerPackages .headerPackagesContent .titleRowPackages {
    position: relative;
    top: 5vh;
    color: rgba(59, 69, 89, 1);
    text-align: center;
}

.headerPackages .headerPackagesContent .titleRowPackages p {
    font-size: 21px;
    line-height: 55px;
    color: rgba(59, 69, 89, 1);
}

.headerPackages .headerPackagesContent .titleRowPackages h1 {
    font-size: 36px;
    font-weight: 700;
}

.headerPackages .headerPackagesContainer {
    margin-top: 5rem;
}

.newPackagesTitleRow {
    text-align: center;
    margin-bottom: 17px;
}

.newPackagesTitleRow h3 {
    color: rgba(59, 69, 89, 1);
    font-weight: 700;
    line-height: 36px;
    font-size: 24px;
}

.newPackagesTitleRow p {
    color: rgba(25, 138, 255, 1);
    font-weight: 300;
    line-height: 19px;
    font-size: 16px;
}

.generalPackage {
    background: rgba(250, 250, 250, 1);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    padding-bottom: 1rem;
    padding-top: 1rem;
    box-shadow: 0 9px 18px 0 rgba(0, 0, 0, 0.1);
    height: 340px;
    margin-bottom: 2rem;
    cursor: pointer;
}

.generalPackage .row {
    height: auto;
}

.generalPackage .paragraphRow {
    margin-bottom: 1rem;
}

.generalPackage p {
    color: rgba(59, 69, 89, 1);
    font-weight: 400;
    font-size: 1.625rem;
    height: auto;
}

.generalPackage p span {
    font-weight: 800;
    font-size: 1.625rem;
}

.generalPackage .titleRow {
    margin-bottom: 0;
}

.generalPackage h1 {
    font-weight: 700;
    font-size: 2.5rem;
}

.generalPackage .iconsRow {
    text-align: right;
    font-size: 2.25rem;
    margin-bottom: 1rem;
    position: absolute;
    top: 80%;
}

.generalPackage .iconsRow p i {
    margin-right: 10px;
}

.generalPackage .iconsRow p i:last-child {
    margin-right: 0;
}

.generalPackage .iconsRow p i.fa-plus {
    font-size: 10px;
    position: relative;
    top: -6px;
    color: rgba(117, 120, 123, 1);
}

.generalPackage.regular .iconsRow p .iconImageRegular {
    max-width: 2rem;
    margin-right: 10px;
    position: relative;
    top: -5px;
}

.generalPackage.regular .iconsRow p .iconImageRegular.smallIconImage {
    max-width: 1.625rem;
}

/*Nuevos estilos paquetes*/

/* Tarjetas */
.link-card{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.link-card:after {
    content: none
}

.link-card:hover+.card .nuevobotoncard {
    opacity: .7!important
}

/*Unbox*/

.generalPackage.unbox {
    background: linear-gradient(223.9deg, rgba(89, 203, 232, 1) 0%, rgba(0, 170, 227, 1) 100%);
    color: rgba(255, 255, 255, 1);
}

.generalPackage.unbox a {
    color: rgba(255, 255, 255, 1);
}

.generalPackage.unbox .paragraphRow p {
    color: rgba(255, 255, 255, 1);
}

.generalPackage.unbox .iconsRow p i.fa-wifi {
    color: rgba(255, 255, 255, 1);
    font-size: 1.625rem;
}

.generalPackage.unbox .iconsRow p i.fa-plus {
    color: rgba(255, 255, 255, 1);
}

.generalPackage.unbox .iconsRow p i.fa-tv {
    color: rgba(255, 255, 255, 1);
    font-size: 1.625rem;
}

.generalPackage.unbox .iconsRow p i.fa-phone-alt {
    color: rgba(255, 255, 255, 1);
    font-size: 1.625rem;
}

/*Unbox*/

/*Match*/

.generalPackage.match {
    background: linear-gradient(223.9deg, rgba(224, 45, 29, 1) 0%, rgba(228, 0, 43, 1) 100%);
    color: rgba(255, 255, 255, 1);
}

.generalPackage.match a {
    color: rgba(255, 255, 255, 1);
}

.generalPackage.match .paragraphRow p {
    color: rgba(255, 255, 255, 1);
}

.generalPackage.match .iconsRow p i.fa-wifi {
    color: rgba(255, 255, 255, 1) !important;
    font-size: 1.625rem;
}

.generalPackage.match .iconsRow p i.fa-plus {
    color: rgba(255, 255, 255, 1);
}

.generalPackage.match .iconsRow p i.fa-tv {
    color: rgba(255, 255, 255, 1) !important;
    font-size: 1.625rem;
}

.generalPackage.match .iconsRow p i.fa-phone-alt {
    color: rgba(255, 255, 255, 1) !important;
    font-size: 1.625rem;
}

/*Match*/

/*Nuevos estilos paquetes*/

.locationPackagesContainer {
    height: auto;
}

.locationPackagesContainer {
    background-color: rgba(246, 246, 246, 1);
    padding-bottom: 4rem;
    padding-top: 4rem;
    position: relative;
    z-index: 50;
}

.locationPackages {
    margin-bottom: 2rem;
    height: auto;
}

.locationPackages p {
    font-size: 1.5rem;
    font-weight: 700;
}

.locationPackages p span {
    font-size: 1.5rem;
}

.bestPackageContainer {
    height: auto;
    background-color: rgba(246, 246, 246, 1);
    padding-bottom: 6rem;
    position: relative;
    z-index: 50;
}

.bestPackageContainer .bestPackageTitle {
    margin-bottom: 24px;
}

.bestPackageContainer .bestPackageTitle p {
    font-size: 1.5rem;
    font-weight: 700;
}

.bestPackageImageContainer {
    width: 100%;
    background-image: url(../../../assets/img/nuevos/gettyimages-1194473556-2048x2048.png),
        linear-gradient(90deg, rgba(255, 0, 207, 1) 0.06%, rgba(120, 58, 106, 1) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: 2.5rem;
    padding-top: 1.5rem;
    z-index: 200;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
}

.bestPackageImageContainer p {
    color: rgba(255, 169, 169, 1);
    font-size: 2rem;
    font-weight: 700;
}

.bestPackageImageContainer p.bestPackageName span {
    background: linear-gradient(270deg, rgba(250, 119, 102, 1) 0%, rgba(244, 66, 54, 1) 100%);
    font-size: 2rem;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.bestPackageImageContainer h1 {
    font-weight: 700;
    font-size: 3rem;
    color: rgba(245, 245, 245, 1);
    margin-bottom: 2rem;
}

.bestPackageImageContainer .bestPackageDescription {
    font-weight: 500;
    font-size: 1.25rem;
    color: rgba(245, 245, 245, 1);
}

.bestPackageImageContainer p.bestPackageDescription {
    margin-bottom: 2rem;
}

.bestPackageImageContainer p.bestPackageDescription span {
    color: rgba(255, 191, 63, 1) !important;
}

.packageAdvantages {
    height: auto;
    padding-top: 6rem;
    padding-bottom: 6rem;
    text-align: center;
}

.packageAdvantages .advantagesTitle {
    margin-bottom: 2rem;
}

.packageAdvantages .advantagesTitle h1 {
    font-weight: 700;
}

.packageAdvantages .advantagesTiles .advantageDescription {
    margin-bottom: 2rem;
}

.packageAdvantages .advantagesTiles .advantageDescription img {
    margin-bottom: 24px;
    width: 48px;
    height: auto;
}

.packageAdvantages .advantagesTiles .advantageDescription h2 {
    font-weight: 700;
    font-size: 1.25rem;
}

/*Modal Cobertura Top*/

.modalLocationTop {
    position: fixed;
    z-index: 1001;
    background: rgba(30, 30, 40, 0.85);
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}

.modalLocationTop .backLocationModal {
    background: rgba(255, 255, 255, 1);
    padding-bottom: 3rem;
    padding-top: 3rem;
    height: auto;
    text-align: center;
    box-shadow: 0 32px 32px 0 rgba(0, 0, 0, 0.2);
    color: rgba(59, 69, 89, 1);
}

.modalLocationTop .titleModalLocation {
    text-align: center;
}

.modalLocationTop .closeModal {
    text-align: right;
}

.modalLocationTop .closeModal a img {
    max-width: 24px;
    max-height: 24px;
    margin-right: 2rem;
}

.modalLocationTop .closeModal a:after {
    display: none;
}

.modalLocationTop .backLocationModal h1 {
    color: rgba(59, 69, 89, 1);
    font-size: 1.75rem;
    font-weight: 400;
}

.modalLocationTop .backLocationModal h1 span {
    font-weight: 700;
}

.modalLocationTop .buttonModal {
    margin-top: 2rem;
}

.modalLocationTop .buttonModal .generalButton {
    background: rgba(255, 255, 255, 1);
    color: rgba(25, 136, 255, 1);
    border: solid 1px rgba(25, 136, 255, 1);
}

/*Modal Cobertura Top*/

/*Modal ity Picker*/

.modalCityPicker {
    color: rgba(245, 245, 245, 1);
}

.modalCityPicker .modal-content {
    background: rgba(30, 30, 40, 1);
}

.modalCityPicker .modal-content .close img {
    max-width: 18px;
    max-height: 18px;
    height: 18px;
    opacity: 1;
}

.modalCityPicker .citySearchBar {
    margin-bottom: 2rem;
}

.modalCityPicker .citySearchBar input {
    border: none;
    -webkit-border-radius: 24vw;
    -moz-border-radius: 24vw;
    border-radius: 24vw;
    color: rgba(245, 245, 245, 1);
    padding-left: 55px;
    background: rgba(245, 245, 245, 0.1);
}

.modalCityPicker .citySearchBar .autocompleteList {
    position: absolute;
    top: 42px;
    left: 39px;
    z-index: 10000;
    background: rgba(30, 30, 40, 1);
    width: 93%;
    display: none;
}

.modalCityPicker .citySearchBar .autocompleteList ul {
    list-style: none;
}

.modalCityPicker .citySearchBar .autocompleteList ul li:last-child a {
    -webkit-border-bottom-right-radius: 24px;
    -webkit-border-bottom-left-radius: 24px;
    -moz-border-radius-bottomright: 24px;
    -moz-border-radius-bottomleft: 24px;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.modalCityPicker .citySearchBar .autocompleteList ul li a {
    background: rgba(30, 30, 40, 1);
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 31px;
    color: rgba(245, 245, 245, 1);
    height: auto;
    font-size: 1rem;
    font-weight: 500;
}

.modalCityPicker .citySearchBar .autocompleteList ul li a:after {
    display: none;
}

.modalCityPicker .citySearchBar .autocompleteList ul li a:hover {
    background: rgba(75, 87, 111, 1);
}

.modalCityPicker .citySearchBar:after {
    content: url(../../../assets/img/nuevos/icons/searchIcon.svg);
    position: absolute;
    left: 27px;
    top: 9px;
    width: 24px;
    height: 24px;
}

.modalCityPicker .cityList {
    margin-bottom: 2rem;
}

.modalCityPicker .cityList .cityListItem {
    margin-bottom: 2rem;
    cursor: pointer;
}

.modalCityPicker .cityList .cityListItem a {
    display: block;
    color: rgba(245, 245, 245, 1);
    padding: 15px 0 15px 16px;
}

.modalCityPicker .cityList .cityListItem a.active {
    display: block;
    color: rgba(130, 194, 220, 1);
    padding: 15px 0 15px 16px;
}

.modalCityPicker .cityList .cityListItem a:hover {
    background: rgba(75, 87, 111, 1);
}

.modalCityPicker .cityList .cityListItem a:after {
    display: none;
}

.modalCityPicker .noServiceCity {
    text-align: center;
}

.modalCityPicker .noServiceCity h1 {
    font-weight: 700;
    font-size: 44px;
    margin-bottom: 2rem;
}

.modalCityPicker .noServiceCity p {
    font-weight: 400;
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.modalCityPicker .noServiceCity .mat-input-outer {
    margin-bottom: 2rem;
}

/*Materialize Inputs*/

.noServiceCity .mat-input {
    margin: 2% auto;
    width: 100%;
}

.noServiceCity .mat-input-outer {
    display: table;
    width: 100%;
    position: relative;
    background: transparent;
}

.noServiceCity .mat-input-outer input {
    height: 50px;
    border-radius: 0;
    border: none;
    width: 100%;
    padding: 0 5px;
    font-size: 1rem;
    background: transparent;
    color: rgba(255, 255, 255, 1);
}

.noServiceCity .mat-input-outer input:focus {
    border: none;
    outline: none;
}

.noServiceCity .mat-input-outer label {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    left: 15px;
    position: absolute;
    top: 18px;
    transition: 0.2s;
    color: rgba(255, 255, 255, 1);
    cursor: text;
    font-weight: normal;
}

.noServiceCity .mat-input-outer .border {
    height: 1px;
    background: rgba(59, 69, 89, 1);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
}

.noServiceCity .mat-input-outer .border::before {
    content: " ";
    display: table;
    height: 2px;
    width: 0%;
    background: transparent;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    margin: 0 auto;
}

.noServiceCity .mat-input-outer input:focus ~ .border {
    background: transparent;
}

.noServiceCity .mat-input-outer input:focus ~ .border::before {
    width: 100%;
    background: transparent;
}

.noServiceCity .mat-input-outer input + label.active {
    left: 5px;
    top: -10px;
    color: rgba(255, 255, 255, 1);
    opacity: 1;
    font-size: 0.875rem;
    filter: alpha(opacity=100);
}

.noServiceCity .generalButton {
    border: solid 1px rgba(25, 136, 255, 1);
    color: rgba(25, 136, 255, 1);
    background: rgba(255, 255, 255, 0);
}

/*Materialize Inputs*/

.modalPhoneList .close img {
    max-width: 24px;
    max-height: 24px;
    opacity: 1;
}

.modalPhoneList .modal-content {
    padding-bottom: 1rem;
}

.modalPhoneList .modalTitle hr {
    border-bottom: rgba(224, 224, 224, 1) solid 1px;
}

.modalPhoneList .modalTitle h1 {
    font-weight: 400;
    font-size: 1.75rem;
    text-align: center;
}

.modalPhoneList h1 img {
    margin-right: 10px;
}

.modalPhoneList h1 strong {
    font-weight: 600;
}

.modalPhoneList .listColumn {
    border-right: solid 1px rgba(224, 224, 224, 1);
}

.modalPhoneList .lastColumnPhone {
    border-right: none;
}

.modalPhoneList .phoneListTitle h1 {
    font-size: 1.5rem;
    font-weight: 700;
    color: rgba(59, 69, 89, 1);
    text-align: left;
    margin-bottom: 1rem;
}

.modalPhoneList .phoneListTitle p {
    font-weight: 500 !important;
    margin-bottom: 5px;
}

.modalPhoneList .phoneListTitle p,
.modalPhoneList .phoneListTitle a,
.modalPhoneList .phoneListTitle .schedule {
    font-size: 1.125rem;
    font-weight: 400;
}

.modalPhoneList .phoneListTitle .schedule {
    font-weight: 400 !important;
    color: rgba(117, 120, 123, 1);
}

.modalPhoneList .firstNumber {
    margin-bottom: 2rem;
}

.modalPhoneList .modal-content .modal-header .close {
    position: absolute;
    top: 0;
    right: -1rem;
}

.modalChats .modal-content {
    max-height: 385px;
    min-height: 385px;
}

.modalChats .close img {
    width: 18px;
    height: 18px;
    opacity: 1;
}

.modalChats .modalTitle h1 {
    margin-top: 1rem;
    font-weight: 400;
    font-size: 1.75rem;
    text-align: center;
}

.modalChats .chatsLinks a {
    width: 100%;
    padding: 1rem;
    border-radius: 8px;
    background-color: #f5f5f5;
    font-size: 1.25rem;
    font-weight: 500;
    color: rgba(26, 118, 210, 1);
    display: block;
    transition-duration: 0.4s;
    text-align: center;
    margin-bottom: 1rem;
    cursor: pointer;
}
#TVPlus .modal-body button:after {
        content: "\e802";
        position: relative;
        font-family: "totalplayicons";
        left: 10px;
        top: -1px;
        transition: 300ms;
        font-size: 0.7rem;
    
}

.modalChats .chatsLinks a:after {
    display: none;
}

.modalChats .chatsLinks a:hover {
    font-weight: 500;
    text-align: center;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    font-size: 1.25rem;
    color: #3b4559;
    transform: scale(1.05);
}

.chatModalTitle {
    padding-left: 40px;
}

.chatModalTitle img {
    max-width: 32px;
    margin-right: 15px;
}

.modalChats .modal-header .close img {
    max-width: 25px;
    height: auto;
}

.modalsButons {
    height: auto;
}

.callUsModalContainer .modal-footer .modalPackagesButton a img {
    max-height: 18px;
    max-width: 18px;
}

.callUsModalContainer .successNotification {
    background: #515A77;
    border: 1px solid #4CD964;
    border-radius: 60px;
    display: flex;
    align-items: center;
    padding: 5px 0;
}

.callUsModalContainer .successNotification:before {
    content: "\f058";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    color: #4CD964;
    font-size: 30px;
    flex: 0 0 10%;
    text-align: center;
}
@media(max-width: 991px){
    .callUsModalContainer .successNotification{
        flex-direction: column;
        border-radius: 30px;
        padding: 5px 10px 10px;
    }
}

/*Modal City Picker*/

/*Paquetes clasicos*/

.paquetesClasicosHeader {
    height: auto;
}

.paquetesClasicosHeader .paquetesClasicosHeader.unbox .imageContainer {
    height: auto;
}

.paquetesClasicosHeader.unbox .imageContainer img,
.paquetesClasicosHeader.match .imageContainer img {
    height: auto;
    width: 100%;
    margin: 0 auto;
}

.paquetesClasicosHeader.unbox .paquetesClasicosContainer {
    padding-bottom: 0;
    padding-top: 98px;
}
.callUsModalContainer .unsuccessNotification {
    background: #515A77;
    border: 1px solid #AAAAAA;
    border-radius: 60px;
    display: flex;
    align-items: center;
    padding: 5px 0;
}

@media(max-width: 991px){
    .callUsModalContainer .unsuccessNotification{
        flex-direction: column;
        border-radius: 30px;
        padding: 5px 10px 10px;
    }
}

.paquetesClasicosHeader.unbox {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00aae3+0,59cbe8+100 */
    background: #00aae3;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00aae3 0%, #59cbe8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00aae3 0%, #59cbe8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00aae3 0%, #59cbe8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00aae3', endColorstr='#59cbe8', GradientType=1);
    /* IE6-9 */
}

.paquetesClasicosHeader.unbox pre,
.paquetesClasicosHeader.match pre {
    color: rgba(245, 245, 245, 1);
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    font-size: 1.3125rem;
    line-height: 25px;
}

.paquetesClasicosHeader.unbox h1,
.paquetesClasicosHeader.match h1 {
    font-weight: 500 !important;
    font-size: 36px !important;
    line-height: 50px !important;
    color: rgba(245, 245, 245, 1) !important;
}

.paquetesClasicosHeader.unbox p,
.paquetesClasicosHeader.match p {
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    color: rgba(245, 245, 245, 1) !important;
}

.paquetesClasicosHeader.match p {
    margin-bottom: 2rem;
}

.paquetesClasicosHeader.match {
    background: #e4002b;
    background: -moz-linear-gradient(left, #e4002b 0%, #e02d1d 100%);
    background: -webkit-linear-gradient(left, #e4002b 0%, #e02d1d 100%);
    background: linear-gradient(to right, #e4002b 0%, #e02d1d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e4002b', endColorstr='#e02d1d', GradientType=1);
}

.paquetesClasicosHeader.match .paquetesClasicosContainer {
    padding-bottom: 0;
    padding-top: 106px;
}

.paquetesClasicosHeader .paquetesClasicosContainer {
    padding-top: 106px;
}

.paquetesClasicosHeader .paquetesClasicosContainer i {
    text-align: left;
    font-size: 1.75rem;
    margin-bottom: 1rem;
    margin-right: 10px;
}

.paquetesClasicosHeader .paquetesClasicosContainer i:last-child {
    margin-right: 0;
}

.paquetesClasicosHeader .paquetesClasicosContainer i.fa-plus {
    font-size: 10px;
    position: relative;
    top: -6px;
    color: rgba(117, 120, 123, 1);
}

.paquetesClasicosHeader .paquetesClasicosContainer .iconImageRegular {
    max-width: 2rem;
    margin-right: 10px;
    position: relative;
    top: -5px;
}

.paquetesClasicosHeader .paquetesClasicosContainer .iconImageRegular.smallIconImage {
    max-width: 1.625rem;
}

.paquetesClasicosHeader .paquetesClasicosContainer .paquetesClasicosTitulos {
    margin-top: 2rem;
}

.paquetesClasicosHeader .paquetesClasicosContainer .paquetesClasicosTitulos h1 {
    font-size: 2.25rem;
    line-height: 50.4px;
    font-weight: 500;
    color: rgba(59, 69, 89, 1);
}

.paquetesClasicosHeader .paquetesClasicosContainer .paquetesClasicosTitulos p {
    font-size: 1.25rem;
    line-height: 30px;
    font-weight: 400;
    color: rgba(59, 69, 89, 1);
    margin-bottom: 2rem;
}

.paquetesClasicosHeader .paquetesClasicosContainer .imageContainer img {
    width: 100%;
}

.contenedorPaquetesClasicos {
    height: auto;
    background: rgba(246, 246, 246, 1);
    padding-top: 48px;
    padding-bottom: 48px;
}

.goBackContainer {
    text-align: left;
}

.goBackContainer a {
    font-size: 1rem;
}

.goBackContainer a::after {
    display: none;
}

.goBackContainer a::before {
    font-family: "totalplayicons";
    content: "\e811";
    margin-right: 16px;
}

.contenedorPaquetesClasicos .selectorPaquetes {
    text-align: center;
}

.contenedorPaquetesClasicos .selectorPaquetes ul {
    list-style: none;
    white-space: nowrap;
}

.contenedorPaquetesClasicos .selectorPaquetes ul li {
    display: inline-block;
    margin: 0;
}

.contenedorPaquetesClasicos .selectorPaquetes ul li a {
    color: rgba(59, 69, 89, 1);
}

.contenedorPaquetesClasicos .selectorPaquetes ul li:first-child a {
    border-right: none;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.contenedorPaquetesClasicos .selectorPaquetes ul li:nth-child(2) a {
    border-left: none;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.contenedorPaquetesClasicos .selectorPaquetes ul li a {
    border: rgba(224, 224, 224, 1) 2px solid;
    padding: 6px 26px;
}

.contenedorPaquetesClasicos .selectorPaquetes ul li a.active {
    background: rgba(26, 118, 210, 1);
    color: rgba(255, 255, 255, 1);
    border: rgba(26, 118, 210, 1) 2px solid;
    font-weight: 700;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contenedorPaquetesClasicos .selectorPaquetes ul li a::after {
    display: none;
}

.contenedorPaquetesClasicos .selectorPaquetesTitulo {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 40px;
}

.contenedorPaquetesClasicos .selectorPaquetesTitulo p {
    color: rgba(59, 69, 89, 1);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 22px;
}

.contenedorPaquetesClasicos .selectorPaquetesTitulo p span {
    font-weight: 700;
}

/**/

.contenedorPaquetesClasicos .selectorPaquetesTituloUnbox {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 40px;
}

.contenedorPaquetesClasicos .selectorPaquetesTituloUnbox p {
    color: rgba(59, 69, 89, 1);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 22px;
}

.contenedorPaquetesClasicos .selectorPaquetesTituloUnbox p span {
    color: #33bbe8;
}

.contenedorPaquetesClasicos .selectorPaquetesTituloUnbox p span.netflix {
    color: rgba(216, 31, 38, 1);
    font-weight: 700;
}

/**/

.hiddenPackageTriple,
.hiddenPackageDoble {
    display: none;
}

.botonMostrarMas {
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.botonMostrarMas .generalButton {
    color: rgba(25, 138, 255, 1);
    background: rgba(255, 255, 255, 0);
    border: solid 2px rgba(25, 138, 255, 1);
}

.iftRow {
    text-align: center;
}

.iftRow a {
    color: rgba(59, 69, 89, 1);
    font-size: 0.75rem;
    line-height: 18px;
    text-decoration: underline;
}

.iftRow a::after {
    display: none;
}

.buttonAdvantages {
    margin-top: 51px;
}

.termsAndConditions {
    margin-top: 48px;
    margin-bottom: 48px;
}

.termsAndConditions hr {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.termsAndConditions p {
    font-weight: 400;
    font-size: 11px;
    color: rgba(117, 120, 123, 1);
}

.termsAndConditions p:nth-child(2) {
    margin-bottom: 13px;
}

.termsAndConditions p a {
    color: rgba(117, 120, 123, 1);
    font-size: 11px;
    text-decoration: underline;
}

.termsAndConditions p a::after {
    display: none;
}

.termsAndConditions p span {
    font-weight: 700;
}

.unboxCarousel {
    padding-top: 48px;
    padding-bottom: 35px;
    background: rgba(34, 35, 49, 1);
    color: rgba(255, 255, 255, 1);
}

.unboxCarousel .carouselTitles h1 {
    text-align: center;
    margin-bottom: 23px;
    font-size: 2.5rem;
}

.unboxCarousel .carouselContainer .itemCarousel h1 {
    font-size: 2rem;
}

.unboxCarousel .carouselContainer .itemCarousel p {
    font-size: 1.25rem;
}

.unboxCarousel .carouselContainer .itemCarousel img {
    margin: 0 auto;
    width: 100%;
    max-width: 528px;
}

/*Paquetes clasicos*/
.progressBarContainer {
    position: absolute;
    bottom: 10px;
    width: 90px;
    left: 15px;
}

.progressBarContainer div {
    display: block;
    width: 27%;
    padding: 0;
    margin-right: 3%;
    float: left;
    color: white;
}

.progressBarContainer div:last-child {
    margin-right: 0;
}

.progressBarContainer div span.progressBar {
    width: 100%;
    height: 8px;
    background-color: rgba(253, 253, 253, 1);
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.progressBarContainer div span.progressBar .inProgress {
    background-color: rgba(59, 69, 89, 0.5);
    width: 0%;
    height: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*slider styles*/

/*Landing Paquetes*/

.landingPackageResume {
    padding-top: 176px;
    background: rgba(246, 246, 246, 1);
    padding-bottom: 2rem;
}

.landingPackageResume .landingPackageTitle {
    text-align: center;
    margin-bottom: 16px;
}

.landingPackageResume .landingPackageTitle h1 {
    color: rgba(245, 245, 245, 1);
    font-weight: 700;
    font-size: 1.625rem;
    text-align: center;
    padding: 6px 10px;
    display: inline;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05);
}

.landingPackageResume .landingPackageDescription h2 {
    text-align: center;
    margin-bottom: 3rem;
    font-weight: 400;
    color: rgba(59, 69, 89, 1);
    font-size: 33px;
}

/*Titulos desatlle Paquete*/

.landingPackageResume .landingPackageTitle h1.unboxBadge {
    background: -moz-linear-gradient(45deg, rgba(0, 170, 227, 0.8) 0%, rgba(89, 203, 232, 0.8) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0, 170, 227, 0.8) 0%, rgba(89, 203, 232, 0.8) 100%);
    background: linear-gradient(45deg, rgba(0, 170, 227, 0.8) 0%, rgba(89, 203, 232, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cc00aae3', endColorstr='#cc59cbe8', GradientType=1);
}

.landingPackageResume .landingPackageTitle h1.matchBadge {
    background: -moz-linear-gradient(45deg, rgba(228, 0, 43, 0.8) 0%, rgba(224, 45, 29, 0.8) 100%);
    background: -webkit-linear-gradient(45deg, rgba(228, 0, 43, 0.8) 0%, rgba(224, 45, 29, 0.8) 100%);
    background: linear-gradient(45deg, rgba(228, 0, 43, 0.8) 0%, rgba(224, 45, 29, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cce4002b', endColorstr='#cce02d1d', GradientType=1);
}

.landingPackageResume .landingPackageTitle h1.surprisePlusBadge {
    background: rgb(125, 84, 169);
    background: -moz-linear-gradient(45deg, rgba(125, 84, 169, 1) 0%, rgba(178, 138, 209, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(125, 84, 169, 1) 0%, rgba(178, 138, 209, 1) 100%);
    background: linear-gradient(45deg, rgba(125, 84, 169, 1) 0%, rgba(178, 138, 209, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d54a9', endColorstr='#b28ad1', GradientType=1);
}

.landingPackageResume .landingPackageTitle h1.emotionPlusBadge {
    background: rgb(98, 195, 230);
    background: -moz-linear-gradient(45deg, rgba(98, 195, 230, 1) 0%, rgba(153, 231, 255, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(98, 195, 230, 1) 0%, rgba(153, 231, 255, 1) 100%);
    background: linear-gradient(45deg, rgba(98, 195, 230, 1) 0%, rgba(153, 231, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#62c3e6', endColorstr='#99e7ff', GradientType=1);
}

.landingPackageResume .landingPackageTitle h1.emotionBadge {
    background: rgb(140, 200, 230);
    background: -moz-linear-gradient(45deg, rgba(140, 200, 230, 1) 0%, rgba(177, 229, 246, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(140, 200, 230, 1) 0%, rgba(177, 229, 246, 1) 100%);
    background: linear-gradient(45deg, rgba(140, 200, 230, 1) 0%, rgba(177, 229, 246, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8cc8e6', endColorstr='#b1e5f6', GradientType=1);
}

.landingPackageResume .landingPackageTitle h1.funPlusBadge {
    background: rgb(252, 177, 0);
    background: -moz-linear-gradient(45deg, rgba(252, 177, 0, 1) 0%, rgba(246, 233, 177, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(252, 177, 0, 1) 0%, rgba(246, 233, 177, 1) 100%);
    background: linear-gradient(45deg, rgba(252, 177, 0, 1) 0%, rgba(246, 233, 177, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fcb100', endColorstr='#f6e9b1', GradientType=1);
}

.landingPackageResume .landingPackageTitle h1.funBadge {
    background: rgb(246, 194, 85);
    background: -moz-linear-gradient(45deg, rgba(246, 194, 85, 1) 0%, rgba(246, 230, 175, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(246, 194, 85, 1) 0%, rgba(246, 230, 175, 1) 100%);
    background: linear-gradient(45deg, rgba(246, 194, 85, 1) 0%, rgba(246, 230, 175, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6c255', endColorstr='#f6e6af', GradientType=1);
}

.landingPackageResume .landingPackageTitle h1.starterBadge {
    background: rgb(180, 180, 180);
    background: -moz-linear-gradient(45deg, rgba(180, 180, 180, 1) 0%, rgba(221, 221, 221, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(180, 180, 180, 1) 0%, rgba(221, 221, 221, 1) 100%);
    background: linear-gradient(45deg, rgba(180, 180, 180, 1) 0%, rgba(221, 221, 221, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b4b4b4', endColorstr='#dddddd', GradientType=1);
}

/*Titulos desatlle Paquete*/
/*Estilos colores par barra de titulos Planes*/
.changeColor.towhiteBack .barPackageDetails p span.matchTitle {
    color: rgba(228, 0, 43, 1) !important;
}

.changeColor.towhiteBack .barPackageDetails p span.unboxTitle {
    color: rgba(0, 170, 227, 1) !important;
}

.changeColor.towhiteBack .barPackageDetails p span.sorprendeteTitle {
    color: rgba(125, 84, 169, 1) !important;
}

.changeColor.towhiteBack .barPackageDetails p span.emotionPlusTitle {
    color: rgba(21, 155, 122, 1) !important;
}

.changeColor.towhiteBack .barPackageDetails p span.emotionTitle {
    color: rgba(31, 159, 191, 1) !important;
}

.changeColor.towhiteBack .barPackageDetails p span.funPlusTitle {
    color: rgba(252, 177, 0, 1) !important;
}

.changeColor.towhiteBack .barPackageDetails p span.funTitle {
    color: rgba(246, 194, 85, 1) !important;
}

.changeColor.towhiteBack .barPackageDetails p span.inicialTitle {
    color: rgba(180, 180, 180, 1) !important;
}

/*Estilos colores par barra de titulos Planes*/

.landingPackageResume .resumeColumns .resumeItem p {
    font-weight: 400;
    color: rgba(59, 69, 89, 1);
    font-size: 1.375rem;
}

.landingPackageResume .resumeColumns .resumeItem {
    margin-bottom: 16px;
}

.landingPackageResume .resumeColumns .resumeItem span {
    font-weight: 400;
    color: rgba(239, 108, 0, 1);
    font-size: 0.9375rem;
}

.landingPackageResume .landingPackagePrice .priceContainer {
    background: rgba(250, 250, 250, 1);
    padding-top: 34px;
    padding-bottom: 34px;
    text-align: center;
    -webkit-box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
}

.landingPackageResume .landingPackagePrice .priceContainer p {
    line-height: 18px;
    font-size: 1.375rem;
    font-weight: 500;
    color: rgba(59, 69, 89, 1);
}

.landingPackageResume .landingPackagePrice .priceContainer h1 {
    line-height: 18px;
    font-size: 49px;
    font-weight: 500;
    color: rgba(59, 69, 89, 1);
    line-height: 64px;
    white-space: nowrap;
}

.landingPackageResume .landingPackagePrice .priceContainer span {
    color: rgba(30, 30, 40, 1);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 27px;
}

.landingPackageResume .landingPackagePrice .priceContainer span small {
    color: rgba(239, 108, 0, 1);
    font-size: 0.875rem;
    line-height: 21px;
    font-weight: 300;
}

.landingPackageResume .landingPackagePrice .priceContainer .buttonContainer {
    margin-top: 17px;
    text-align: center;
}

.landingPackageResume .landingPackagePrice .priceContainer .buttonContainer a {
    font-size: 1.125rem;
}

.landingPackageResume .landingPackagePrice .priceContainer .buttonContainer .generalButton span::after {
    content: "\e800";
    font-family: "totalplayicons";
    color: rgba(255, 255, 255, 1);
    margin-left: 5px;
    position: relative;
}

.resumeAppItem p {
    display: inline;
}

.wifiSingle::before {
    content: "\e809";
    font-family: "totalplayicons";
    font-size: 1.75rem;
    position: absolute;
    left: -25px;
    top: 3px;
    background: rgb(219, 228, 66);
    background: -moz-linear-gradient(45deg, rgba(219, 228, 66, 1) 0%, rgba(192, 199, 64, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(219, 228, 66, 1) 0%, rgba(192, 199, 64, 1) 100%);
    background: linear-gradient(45deg, rgba(219, 228, 66, 1) 0%, rgba(192, 199, 64, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dbe442', endColorstr='#c0c740', GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tvSingle::before {
    content: "\e808";
    font-family: "totalplayicons";
    font-size: 1.75rem;
    position: absolute;
    left: -25px;
    top: 3px;
    background: rgb(55, 194, 234);
    background: -moz-linear-gradient(45deg, rgba(55, 194, 234, 1) 0%, rgba(104, 227, 246, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(55, 194, 234, 1) 0%, rgba(104, 227, 246, 1) 100%);
    background: linear-gradient(45deg, rgba(55, 194, 234, 1) 0%, rgba(104, 227, 246, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#37c2ea', endColorstr='#68e3f6', GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.HDSingle::before {
    content: "\e801";
    font-family: "totalplayicons";
    font-size: 1.75rem;
    position: absolute;
    left: -25px;
    top: -5px;
    background: -moz-linear-gradient(45deg, rgba(228, 0, 43, 0.85) 0%, rgba(240, 78, 152, 0.85) 100%);
    background: -webkit-linear-gradient(45deg, rgba(228, 0, 43, 0.85) 0%, rgba(240, 78, 152, 0.85) 100%);
    background: linear-gradient(45deg, rgba(228, 0, 43, 0.85) 0%, rgba(240, 78, 152, 0.85) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d9e4002b', endColorstr='#d9f04e98', GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.landlineSingle::before {
    content: "\e805";
    font-family: "totalplayicons";
    font-size: 1.75rem;
    position: absolute;
    left: -25px;
    top: -5px;
    background: -moz-linear-gradient(45deg, rgba(130, 70, 175, 0.85) 0%, rgba(240, 78, 152, 0.85) 100%);
    background: -webkit-linear-gradient(45deg, rgba(130, 70, 175, 0.85) 0%, rgba(240, 78, 152, 0.85) 100%);
    background: linear-gradient(45deg, rgba(130, 70, 175, 0.85) 0%, rgba(240, 78, 152, 0.85) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d98246af', endColorstr='#d9f04e98', GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.unboxPackage::before {
    content: url("../../img/nuevos/amazon-prime-logoMainSmall.png") !important;
    float: left;
    margin-top: 6px;
    margin-left: -62px;
    margin-right: 0;
    position: relative;
    right: -57px;
}

.matchPackage::before {
    content: url("../../img/nuevos/1200px-Netflix_2015_logoSmall.png");
    float: left;
    margin-top: 6px;
    margin-left: -55px;
    margin-right: 0;
    position: relative;
    right: -54px;
}

.bannerBuenFin {
    text-align: center;
    background: rgba(246, 246, 246, 1);
    padding-top: 2rem;
}

.bannerBuenFin .buenFinContainer {
    text-align: center;
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    padding-top: 32px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
}

.bannerBuenFin .buenFinContainer .buenFinTitles h1 {
    font-size: 1.5rem;
    line-height: 28.8px;
    color: rgba(59, 69, 89, 1);
    font-weight: 700;
    margin-bottom: 32px;
}

.bannerBuenFin .buenFinContainer .buenFinTitles h1 span {
    color: rgba(224, 45, 29, 1);
}

.bannerBuenFin .buenFinContainer .buenFinTitles p {
    font-size: 1.125rem;
    line-height: 28.8px;
    color: rgba(59, 69, 89, 1);
    font-weight: 400;
    margin-bottom: 16px;
    margin-top: 8px;
}

.bannerBuenFin .buenfinTexts {
    padding-top: 72px;
}

.bannerBuenFin .centralBuenFin {
    background: -moz-linear-gradient(left,
            rgba(228, 0, 43, 0.8) 0%,
            rgba(228, 0, 43, 0.8) 21%,
            rgba(224, 45, 29, 0.8) 100%);
    background: -webkit-linear-gradient(left,
            rgba(228, 0, 43, 0.8) 0%,
            rgba(228, 0, 43, 0.8) 21%,
            rgba(224, 45, 29, 0.8) 100%);
    background: linear-gradient(to right,
            rgba(228, 0, 43, 0.8) 0%,
            rgba(228, 0, 43, 0.8) 21%,
            rgba(224, 45, 29, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cce4002b', endColorstr='#cce02d1d', GradientType=1);
    /* IE6-9 */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: rgba(245, 245, 245, 1);
    padding-top: 16px;
    padding-bottom: 16px;
}

.bannerBuenFin .centralBuenFin h1 {
    font-size: 2rem;
    line-height: 36px;
}

.bannerBuenFin .centralBuenFin p {
    font-size: 1.25rem;
    line-height: 24px;
    margin-bottom: 2rem;
}

.bannerBuenFin .centralBuenFin .buenFinLogo {
    text-align: center;
}

.centralBuenFin .cardBadge p {
    background: #ffe5d0;
    padding: 16px 26px;
    margin-top: 34px;
    margin-bottom: 55px;
    color: #ef6c00;
    font-size: 0.9375rem;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.bannerBuenFin .centralBuenFin .buenFinLogo img {
    max-width: 350px;
    width: 100%;
}

.benefitsPackageTitle {
    text-align: center;
    background: rgba(246, 246, 246, 1);
    padding-top: 62px;
    padding-bottom: 31px;
}

.benefitsPackageTitle h1 {
    font-weight: 700;
    line-height: 32px;
    font-size: 1.625rem;
}

.benefitsPackageTitle h1 span {
    color: rgba(239, 108, 0, 1);
}

.cardsRowLandingPackages {
    background: rgba(246, 246, 246, 1);
    padding-bottom: 0;
    padding-top: 0;
}

.cardsRowLandingPackages h5 {
    font-weight: 400 !important;
    line-height: 49px;
    font-size: 2.5rem;
    margin-bottom: 15px !important;
}

.cardsRowLandingPackages p {
    font-size: 1.25rem;
}

.cardsRowLandingPackages .cardBadgeContainer .cardBadge p {
    background: rgba(239, 108, 0, 0.15);
    padding: 16px 26px;
    margin-top: 34px;
    margin-bottom: 55px;
    color: rgba(239, 108, 0);
    font-size: 0.9375rem;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.whiteCard {
    background-color: rgba(250, 250, 250, 1) !important;
    text-align: center !important;
    color: rgba(59, 69, 89, 1);
    border: none;
}

.blueGradientCard {
    background: rgb(92, 170, 221);
    background: -moz-linear-gradient(top, rgba(92, 170, 221, 1) 0%, rgba(99, 109, 219, 1) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(92, 170, 221, 1) 0%, rgba(99, 109, 219, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(92, 170, 221, 1) 0%, rgba(99, 109, 219, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5caadd', endColorstr='#636ddb', GradientType=0);
    color: rgba(255, 255, 255, 1) !important;
    text-align: center !important;
    border: none;
}

.cardsRowLandingPackages .blueGradientCard .cardBadgeContainer .cardBadge p {
    background: #fce9d8;
}

.deepBlueCard {
    background-color: rgba(30, 30, 40, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
    text-align: center !important;
    border: none;
}

.deepBlueCard img {
    width: 100%;
    margin: 0 auto;
}

.purpleGradientCard {
    background: rgb(30, 30, 40);
    background: -moz-linear-gradient(top, rgba(30, 30, 40, 1) 0%, rgba(73, 36, 111, 1) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(30, 30, 40, 1) 0%, rgba(73, 36, 111, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(30, 30, 40, 1) 0%, rgba(73, 36, 111, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e1e28', endColorstr='#49246f', GradientType=0);
    color: rgba(255, 255, 255, 1) !important;
    text-align: center !important;
    border: none;
}

.pinkGradientCard {
    background: rgb(245, 153, 126);
    background: -moz-linear-gradient(top, rgba(245, 153, 126, 1) 0%, rgba(247, 90, 128, 1) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(245, 153, 126, 1) 0%, rgba(247, 90, 128, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(245, 153, 126, 1) 0%, rgba(247, 90, 128, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f5997e', endColorstr='#f75a80', GradientType=0);
    color: rgba(255, 255, 255, 1) !important;
    text-align: center !important;
    border: none;
}

.cardsRowLandingPackages .pinkGradientCard .cardBadgeContainer .cardBadge p {
    background: #fce9d8;
}

.deepBlueGradientCard {
    background: rgb(43, 91, 255);
    background: -moz-linear-gradient(top, rgba(43, 91, 255, 1) 0%, rgba(124, 143, 253, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(43, 91, 255, 1) 0%, rgba(124, 143, 253, 1) 100%);
    background: linear-gradient(to bottom, rgba(43, 91, 255, 1) 0%, rgba(124, 143, 253, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2b5bff', endColorstr='#7c8ffd', GradientType=0);
    color: rgba(255, 255, 255, 1) !important;
    text-align: center !important;
    border: none;
}

.deepBlueGradientCard a {
    color: rgba(55, 194, 234, 1);
}

.secondWhiteCard {
    background-color: rgba(250, 250, 250, 1) !important;
    text-align: center !important;
    border: none;
}

.landingPackagesContainer .titlePackages h1 {
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 32px;
}

.landingFullWidthBanner {
    background: rgba(246, 246, 246, 1);
    text-align: center;
    padding-bottom: 2rem;
}

.landingFullWidthBanner .landingBannerContainer {
    background: rgba(250, 250, 250, 1);
}

.landingFullWidthBanner.unboxBanner .landingBannerContainer {
    background: rgb(125, 185, 232);
    background: -moz-linear-gradient(left, rgba(125, 185, 232, 1) 0%, rgba(89, 203, 232, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(125, 185, 232, 1) 0%, rgba(89, 203, 232, 1) 100%);
    background: linear-gradient(to right, rgba(125, 185, 232, 1) 0%, rgba(89, 203, 232, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#59cbe8', GradientType=1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: rgba(245, 245, 245, 1);
}

.landingFullWidthBanner.unboxBanner .landingBannerContainer h1 {
    color: rgba(245, 245, 245, 1);
}

.landingFullWidthBanner.unboxBanner .landingBannerContainer p {
    color: rgba(245, 245, 245, 1);
}

.landingFullWidthBanner.matchBanner .landingBannerContainer {
    background: rgb(228, 0, 43);
    background: -moz-linear-gradient(45deg, rgba(228, 0, 43, 0.8) 0%, rgba(224, 45, 29, 0.8) 100%);
    background: -webkit-linear-gradient(45deg, rgba(228, 0, 43, 0.8) 0%, rgba(224, 45, 29, 0.8) 100%);
    background: linear-gradient(45deg, rgba(228, 0, 43, 0.8) 0%, rgba(224, 45, 29, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e4002b', endColorstr='#e02d1d', GradientType=1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: rgba(245, 245, 245, 1);
}

.landingFullWidthBanner.matchBanner .landingBannerContainer h1 {
    color: rgba(245, 245, 245, 1);
}

.landingFullWidthBanner.matchBanner .landingBannerContainer p {
    color: rgba(245, 245, 245, 1);
}

.landingFullWidthBanner .landingBannerContainer {
    padding-top: 30px;
    padding-bottom: 30px;
}

.landingFullWidthBanner .landingBannerTitle h1 {
    font-size: 2.5rem;
    line-height: 49px;
    font-weight: 500;
    color: rgba(59, 69, 89, 1);
}

.landingFullWidthBanner .landingBannerParagraph {
    margin-bottom: 26px;
}

.landingFullWidthBanner .landingBannerParagraph p {
    font-size: 1.25rem;
    line-height: 30px;
    font-weight: 500;
    color: rgba(59, 69, 89, 1);
}

.landingFullWidthBanner .landingBannerImages img {
    width: 45%;
    max-width: 150px;
}

.landingFullWidthBanner .landingBannerArt img {
    width: 100%;
    margin: 0 auto;
}

/*Landing Paquetes*/

/*Servicios*/

.topBar {
    position: relative;
    top: 140px;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.05);
    background: rgba(250, 250, 250, 1);
    z-index: 9998;
}

.fixedNav {
    width: calc(100% + 30px);
    top: 0px;
    position: sticky;
    overflow: hidden !important;
    z-index: 999;
    margin-left: -15px;
}

.fixedTicket {
    top: 0px;
    position: sticky;
    overflow: hidden !important;
    z-index: 9998;
    display: block;
}

.topBar .barList {
    list-style: none;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 15px;
}

.topBar .barList li {
    display: inline-block;
    margin-right: 50px;
}

.topBar .barList li:last-child {
    margin-right: 0;
}

.topBar .barList li a {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
}

.topBar .barList li a.active {
    font-weight: 700;
    color: rgba(25, 136, 255, 1);
}

.topBar .barList li a::after {
    display: none;
}

.internetRow {
    background: rgba(245, 245, 245, 1);
    padding-top: 155px;
    padding-bottom: 50px;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.internetRow .internetTitle {
    margin-bottom: 40px;
}

.internetRow .internetTitle p {
    font-size: 1.75rem;
    line-height: 34px;
    font-weight: 600;
    color: rgba(59, 69, 89, 1);
}

.internetRow .internetSubtitle {
    margin-bottom: 2rem;
}

.internetRow .internetSubtitle h1 {
    font-weight: 300;
    color: rgba(59, 69, 89, 1);
    font-size: 2.25rem;
}

.internetRow .internetSubtitle h1 span {
    font-weight: 500;
    color: rgba(59, 69, 89, 1);
}

.internetRow .laptop {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.internetRow .laptop .facetime {
    position: absolute;
    left: 50.1%;
    overflow: hidden;
    transform: translateX(-50%);
    max-width: 100%;
    top: 12px;
    height: 358px;
    width: 527px;
}

video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -1;
}

.internetRow > .laptop > .facetime > video {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
}

.internetRow .laptop .picture {
    border: 1px solid #fafafa;
    top: 225px;
    right: 27%;
    overflow: hidden;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.8);
    width: 253px;
    height: 126px;
    position: absolute;
}

.internetRow .laptop .picture video {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    z-index: 10;
}

.internetRow .internetBottomTitle {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.internetRow .internetBottomTitle h1 {
    font-size: 1.75rem;
    color: rgba(59, 69, 89, 1);
    line-height: normal;
    font-weight: 400;
}

.internetRow .internetBottomTitle h1 span {
    font-weight: 700;
    font-size: 1.75rem;
}

.internetRow .internetButton {
    margin-bottom: 30px;
}

.internetRow .internetButton .generalButton {
    font-size: 1.375rem;
}

.tvRow {
    text-align: center;
    background: rgba(238, 238, 238, 1);
    padding-top: 120px;
    padding-bottom: 60px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tvRow .tvTitle {
    margin-bottom: 3rem;
}

.tvRow .tvTitle h1 {
    font-weight: 600;
    font-size: 1.75rem;
    color: #3b4559;
    line-height: 34px;
}

.tvRow .tvVideo {
    position: relative;
    display: flex;
    width: 62.9%;
    height: auto;
    margin-top: 14px;
    margin: 0 auto;
}

.tvRow .tvVideo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.tvRow .videoContent {
    overflow: hidden;
    box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 1);
    top: 1.9%;
    height: 82.2%;
    width: 92%;
    left: 4%;
    position: absolute;
}

.tvRow .videoContent .videoContainer {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    z-index: 10;
    width: 100%;
}

.tvRow .platformRow p {
    margin-top: -4rem;
    color: rgba(117, 120, 123, 1);
    font-size: 0.8125rem;
}

.tvRow .subtitlesVideo h2,
.tvRow .subtitlesVideo h2 span {
    font-weight: 300;
    font-size: 3rem;
    color: #3b4559;
    line-height: 58px;
}

.tvRow .appsTitles {
    margin-bottom: 40px;
    margin-top: 40px;
}

.tvRow .appsTitles p {
    font-size: 2rem;
    color: #3b4559;
    line-height: 42px;
}

.tvRow .servicesImagesAppsContainer {
    margin-bottom: 50px;
}

.tvRow .servicesImagesAppsContainer img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 8px;
    width: 100%;
    height: auto;
    max-width: 128px;
    margin: 0 auto;
    margin-bottom: 2rem;
    transition: 300ms;
    cursor: pointer;
}

.tvRow .servicesImagesAppsContainer img:hover {
    transform: scale(1.1);
    transition: all 0.3s;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.35);
}

.infiniteCarousel {
    width: calc(100% + 30px);
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: rgba(238, 238, 238, 1);
    margin-left: -15px;
}

/*Arreglo carruseles infinitos*/
.infiniteCarousel .slick-track {
    display: flex !important;
}

.infiniteCarousel .slick-slide {
    height: inherit !important;
}

/*Arreglo carruseles infinitos*/

.infiniteCarousel .slideInfinite {
    width: 560px;
    margin-left: 5px;
}

.infiniteCarousel .slideInfinite .backImage {
    width: 100%;
    height: 100%;
    position: relative;
}

.infiniteCarousel .slideInfinite .backImage img {
    width: 100%;
    height: 100%;
    position: relative;
}

.infiniteCarousel .slideInfinite .backImage::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 9998;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgba(30, 30, 40, 0.2);
    top: 0;
    left: 0;
}

.infiniteCarousel .slideInfinite .imageDescription {
    position: relative;
    z-index: 100000;
}

.infiniteCarousel .slideInfinite .imageDescription .imageContainer {
    position: absolute !important;
    bottom: 30px !important;
    left: -10px;
    width: 30% !important;
}

.infiniteCarousel .slideInfinite .imageDescription .imageContainer img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 8px;
    width: 100%;
    height: auto;
    max-width: 55%;
    margin: 0 auto;
}

.infiniteCarousel .slideInfinite .imageDescription .textContainer {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: rgba(245, 245, 245, 1);
    font-weight: 700;
    font-size: 1.5rem;
}

.tvRow .buttonTv {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.appContainer {
    background: rgba(245, 245, 245, 1);
    padding-top: 120px;
    text-align: center;
}

.appContainer p {
    font-weight: 700;
    font-size: 1.75rem;
    color: rgba(59, 69, 89, 1);
    line-height: 34px;
    margin-bottom: 24px;
}

.appContainer hr {
    border: rgba(89, 203, 232, 1) solid 2px;
    max-width: 990px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 24px;
}

.appContainer h1 {
    font-weight: 300;
    font-size: 3rem;
    color: rgba(59, 69, 89, 1);
    line-height: 58px;
    margin-top: 24px;
}

.appContainer h1 span {
    font-weight: 700;
    font-size: 3rem;
}

/*Slider Servicios*/

.devicesSlider {
    width: 100%;
    position: relative;
    margin-bottom: 2.5%;
    margin-top: 1.5%;
    overflow-x: hidden;
    height: auto;
}

.devicesSlider .computerContainer {
    position: relative;
    width: 105.6%;
    height: 93.1%;
    left: -5.5%;
    bottom: 0;
    z-index: 1;
    visibility: hidden;
}

.devicesSlider .computerContainer img {
    width: 54.5%;
    height: 93.1%;
    left: 17.5%;
    position: relative;
    object-fit: contain;
    display: block;
    z-index: 1;
}

.devicesSlider .smartphoneContainer {
    bottom: 0 !important;
    left: 30%;
    width: 13%;
    position: absolute;
    z-index: 3;
    transition: all 0.3s;
}

.devicesSlider .smartphoneContainer img {
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: 3;
    object-fit: contain;
}

.devicesSlider .ipadLandscapeContainer {
    width: 40.9%;
    left: 33.2%;
    bottom: 0;
    right: 12.2%;
    position: absolute;
    z-index: 2;
    transition: 300ms;
}

.devicesSlider .ipadLandscapeContainer img {
    width: 100%;
    position: relative;
    z-index: 3;
    object-fit: contain;
    display: block;
    left: 40px;
    bottom: 0;
}

.devicesSlider .ipadPortraitContainer {
    position: absolute;
    bottom: 0;
    left: 44.8%;
    width: 31%;
    z-index: 2;
    display: none;
}

.devicesSlider .ipadPortraitContainer img {
    width: 90%;
    position: relative;
    z-index: 3;
    object-fit: contain;
    display: block;
}

.onDemandComputer img {
    background: url(../../img/nuevos/imgservicios/screen@3xlap.png) top left no-repeat;
    background-size: 56% auto;
    background-position: 49% 24%;
}

.onDemandPhone img {
    background: url(../../../assets/img/nuevos/imgservicios/nuevoAppTotalplay.png) left top no-repeat;
    background-size: 63% auto;
    background-position: 49% 44%;
}

.onDemandIpad img {
    background: url(../../../assets/img/nuevos/imgservicios/screen@3xipad.png) top left no-repeat;
    background-size: 67% 89%;
    background-position: 49% 34%;
}

.remoteIpad img {
    background: url(../../../assets/img/nuevos/imgservicios/controlRemoto02@3xIpad.png) top left no-repeat;
    background-size: 54% auto;
    background-position: 49% 45%;
}

.remotePhone {
    bottom: 0 !important;
    left: 30% !important;
    width: 13% !important;
}

.remotePhone img {
    background: url(../../../assets/img/nuevos/imgservicios/controlRemoto@3x.iphone.png) left top no-repeat;
    background-size: 60% auto;
    background-position: 49% 44%;
}

.ipadLandline img {
    background: url(../../../assets/img/nuevos/imgservicios/telefonoNew@3x.png) top left no-repeat;
    background-size: 54% auto;
    background-position: 48% 45%;
}

.phoneLandline {
    bottom: 0 !important;
    left: 30% !important;
    width: 13% !important;
}

.phoneLandline img {
    background: url(../../../assets/img/nuevos/imgservicios/phone@3x.png) left top no-repeat;
    background-size: 60% auto;
    background-position: 50% 43%;
}

.computerWifi img {
    background: url(../../img/nuevos/imgservicios/mi-red-wi-fi@3x.png) top left no-repeat;
    background-size: 56% auto;
    background-position: 49% 24%;
}

.ipadWifi {
    width: 36.9% !important;
    left: 39.2% !important;
    transition: 300ms;
}

.ipadWifi img {
    background: url(../../../assets/img/nuevos/imgservicios/group@3x.png) top left no-repeat;
    background-size: 67% auto;
    background-position: 50% 43%;
}

.phoneWifi img {
    background: url(../../../assets/img/nuevos/imgservicios/group-2@3x.png) left top no-repeat;
    background-size: 63% auto;
    background-position: 49% 46%;
}

.phoneWifi {
    left: 40% !important;
    width: 11% !important;
}

.computerInvoice img {
    background: url(../../img/nuevos/imgservicios/edoCuenta@3x.png) top left no-repeat;
    background-size: 56% auto;
    background-position: 49% 24%;
}

.ipadInvoice img {
    background: url(../../../assets/img/nuevos/imgservicios/estado-cta-tablet@3x.png) top left no-repeat;
    background-size: 66% auto;
    background-position: 49% 42%;
}

.ipadInvoice {
    width: 40.9% !important;
    left: 33.2% !important;
    bottom: 0 !important;
    right: 12.2% !important;
}

.phoneInvoice img {
    background: url(../../../assets/img/nuevos/imgservicios/movil-edo-cuenta@3x.png) left top no-repeat;
    background-size: 63% auto;
    background-position: 49% 47%;
}

.phoneInvoice {
    bottom: 0 !important;
    left: 30% !important;
    width: 13% !important;
    transition: 300ms;
}

.newRemoteIpad img {
    background: url(../../../assets/img/nuevos/imgservicios/controlipad.jpg) top left no-repeat;
    background-size: 67% auto;
    background-position: 49% 41%;
}

.newPhoneIpad img {
    background: url(../../../assets/img/nuevos/imgservicios/phoneipad.png) top left no-repeat;
    background-size: 66% auto;
    background-position: 49% 39%;
}

.sliderSelector {
    list-style: none;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sliderSelector li {
    display: inline-block;
}

.sliderSelector li a {
    color: rgba(59, 69, 89, 1);
    display: block;
    font-size: 1.125rem;
    margin-right: 15px;
}

.sliderSelector li a::after {
    display: none;
}

.sliderSelector li:last-child a {
    margin-right: 0;
}

.sliderSelector li a.active {
    color: rgba(26, 118, 210, 1);
    pointer-events: none;
}

.menuSelector {
    position: absolute;
    height: 5px;
    width: 32px;
    bottom: 16px;
    transition: all 0.6s ease;
    background-color: #0772c9;
}

.bottomApp {
    text-align: center;
    margin-bottom: 4rem;
    margin-top: 2rem;
}

.bottomApp .bottomAppDescription {
    margin-bottom: 2rem;
}

.bottomApp .bottomAppDescription p {
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 34px;
    color: rgba(59, 69, 89, 12);
}

.landlineRow {
    text-align: center;
    background: rgba(238, 238, 238, 1);
    padding-top: 120px;
}

.landlineRow.hogarRow {
    background: rgba(246, 246, 246, 1);
}

.landlineRow .landlineTitle p {
    font-weight: 700;
    font-size: 1.75rem;
    color: rgba(59, 69, 89, 1);
    line-height: 34px;
    margin-bottom: 24px;
}

.landlineRow hr {
    border: rgba(130, 70, 175, 1) solid 4px;
    max-width: 990px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 24px;
}

.landlineRow .landlineHeader h1 {
    font-weight: 300;
    font-size: 3rem;
    color: rgba(59, 69, 89, 1);
    line-height: 58px;
    margin-bottom: 48px;
    margin-top: 16px;
}

.landlineRow .landlineHeader h1 span {
    font-weight: 700;
    font-size: 3rem;
}

.landlineRow .landlineImage img {
    max-width: 850px;
}

.landlineRow .landlineDescription p {
    font-weight: 300;
    font-size: 1.5rem;
    color: rgba(59, 69, 89, 1);
    line-height: 34px;
    margin-bottom: 48px;
    margin-top: 48px;
}

.landlineRow .buttonLandline {
    margin-top: 40px;
    margin-bottom: 40px;
}

/*Slider Servicios*/

/*Servicios*/

/*Aplicaciones*/

.appsMainTitle {
    padding-top: 140px;
    text-align: center;
}

/*Aplicaciones*/

/*Soporte*/

.supportMain {
    text-align: center;
    padding-top: 160px;
}

.supportMain .supportTitle h1 {
    font-weight: 300;
    font-size: 2.25rem;
    color: rgba(59, 69, 80, 1);
    line-height: 54px;
}

.supportMain .phonesRow {
    padding-top: 48px;
    padding-bottom: 48px;
}

.supportMain .phonesRow .phonesCol {
    margin-bottom: 2rem;
    border-right: solid 1px rgba(189, 192, 195, 1);
}

.supportMain .phonesRow .phonesCol:last-child {
    border-right: none;
}

.supportMain .phonesRow .phonesClientsTitle {
    text-align: left;
}

.supportMain .phonesRow .phonesClientsTitle h2 {
    margin-bottom: 16px;
    color: rgba(59, 69, 89, 1);
    font-weight: 700;
    font-size: 1.625rem;
    line-height: normal;
}

.supportMain .phonesRow .phonesClientsTitle p {
    margin-bottom: 13px;
    font-weight: 200;
    font-size: 1.125rem;
    color: rgba(59, 69, 89, 1);
}

.supportMain .phonesRow .phoneItem a {
    font-size: 1.125rem;
    color: rgba(25, 138, 255, 1);
    position: relative;
}

.supportMain .phonesRow .phoneItem a::before {
    content: "\e806";
    font-family: "totalplayicons";
    font-size: 1.5rem;
    display: inline;
    position: absolute;
    left: -37px;
    top: -1px;
    color: #3B4550;
}

.supportMain .phonesRow .phoneItem.multipleItem a {
    line-height: 1;
    font-size: 1.5rem;
    font-weight: 500;
    color: #198AFF;
}

.supportMain .phonesRow .phoneItem.multipleItem a::before {
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.supportMain .phonesRow .phoneItem a::after {
    display: none;
}
.supportMain .socialmedia small{
    color: #3b4550;
    display: block;
    font-size: 55%;
    margin: .5em 0;
}
.supportManuals {
    background: rgba(245, 245, 245, 1);
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
}

.ont{
    margin-bottom: 35px !important;
}

.supportManuals .supportManualsTitle h1 {
    font-weight: 700;
    font-size: 1.625rem;
    color: rgba(59, 69, 89, 1);
    line-height: normal;
    text-align: center;
    margin-bottom: 48px;
}

.supportManuals .manualsCarousel a {
    color: rgba(59, 69, 89, 1);
}

.supportManuals .manualsCarousel a:focus {
    outline: none;
}

.supportManuals .manualsCarousel a::after {
    display: none;
}

.supportManuals .manualsCarousel .documentContainer {
    margin-bottom: 15px;
    height: 250px;
}

.supportManuals .manualsCarousel .documentContainer .documentImageContainer img {
    max-width: 192px;
    width: 192px;
    position: relative;
    z-index: 10;
    margin: 0 auto;
}

.supportManuals .manualsCarousel .documentContainer .documentDescriptionContainer {
    background: rgba(250, 250, 250, 1);
    max-width: 192px;
    height: 159px;
    position: relative;
    top: -70px;
    margin: 0 auto;
    z-index: 9;
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.supportManuals .manualsCarousel .documentContainer .documentDescriptionContainer p {
    position: relative;
    text-align: center;
    font-size: 1.125rem;
    width: 152px;
    left: 20px;
    bottom: -65px;
    font-weight: 500;
}

.mobileDocument {
    background: rgba(250, 250, 250, 1);
    height: 80px;
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.mobileDocument .mobileImageContainer img {
    max-width: 140px;
    position: relative;
    bottom: 50px;
    left: -15px;
}

.mobileDocument .mobileDescriptionContainer p {
    width: 128px;
    height: 64px;
    text-align: left;
    font-weight: 500;
    font-size: 1rem;
    color: #3b4559;
    line-height: normal;
    margin-left: 35px;
}

.supportManuals .slick-slider .slick-track {
    padding-top: 2rem;
}

.supportManuals .slick-arrow{
    top: calc(50%);
    z-index: 12;
    width: 58px;
    height: 58px;
    background: no-repeat center/contain;
    z-index: 999;
    opacity: .6;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
.supportManuals .slick-arrow:hover{
    opacity: 1;
}
.supportManuals .slick-arrow:before{content: none;}
.supportManuals .slick-prev {
    left: 10px;
    background-image: url(../../img/nuevos/imgAsistencia/help-prev.webp);
    /*{{root}}/assets/img/nuevos/imgAsistencia/*/
}
.supportManuals .slick-next {
    right: 10px;
    background-image: url(../../img/nuevos/imgAsistencia/help-next.webp);
}

.documentsRow {
    text-align: center;
    background: rgba(250, 250, 250, 1);
}

.documentsRow .documentsRowTitle h1 {
    font-weight: 700;
    font-size: 1.5rem;
    color: rgba(59, 69, 89, 1);
    line-height: normal;
    margin-bottom: 32px;
}

.documentsRow .manualsContainer .documentItem {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.documentsRow .manualsContainer a {
    font-weight: 500;
    font-size: 1.125rem;
    color: rgba(59, 69, 89, 1);
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.documentsRow .manualsContainer a::before {
    font-family: "totalplayicons";
    content: "\e807";
    font-size: 1.75rem;
    display: inline;
    position: relative;
    right: 15px;
    color: rgba(25, 136, 255, 1);
}

.documentsRow .manualsContainer a::after {
    display: none;
}

.faqsLink {
    text-align: center;
    padding: 3em 0 4em;
}

.faqsLink h1 {
    font-weight: 300;
    font-size: 1.5rem;
    color: rgba(59, 69, 89, 1);
    line-height: 1.5;
    margin-bottom: 16px;
}

.contactRow {
    background: rgba(26, 118, 210, 1);
    padding-top: 40px;
    padding-bottom: 90px;
    text-align: center;
}

.contactRow .envelopeRow {
    text-align: center;
}

.contactRow .envelopeRow {
    text-align: center;
}

.contactRow .envelopeRow .envelope::before {
    font-family: "totalplayicons";
    content: "\e80a";
    color: rgba(255, 255, 255, 1);
    font-size: 3.4rem;
}

.contactTitle h1 {
    color: rgba(255, 255, 255, 1);
    margin-top: 10px;
    margin-bottom: 32px;
    font-weight: 500;
    font-size: 1.375rem;
    color: rgba(250, 250, 250, 1);
    line-height: 1.55;
}

.contactInputContainer {
    color: rgba(255, 255, 255, 1);
}

.contactInputContainer input {
    color: rgba(255, 255, 255, 1);
    /*Comentario test Alonso*/
}

.contactInputContainer select {
    width: 100%;
    background: rgba(255, 255, 255, 0);
    position: relative;
    top: 7px;
    color: rgba(255, 255, 255, 1);
    border: none;
    border-bottom: rgba(222, 226, 230, 1) solid 1px;
    padding-bottom: 12px;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 20px;
    -moz-appearance: none;
}

.contactInputContainer select > option {
    color: rgba(0, 0, 0, 1);
    background: rgba(255, 255, 255, 1);
}

.contactInputContainer .mat-input-outer {
    margin-bottom: 15px;
}

.contactInputContainer .mat-input-outer label {
    color: rgba(255, 255, 255, 1);
}

.contactInputContainer .mat-input-outer input + label.active {
    color: rgba(255, 255, 255, 1);
}

/*Soporte*/

/*Apps*/
/*New Scrolling logo Landings Apps*/
.logoScrollingContainer {
    position: absolute;
    width: 100%;
    z-index: 10;
    text-align: center;
    top: 57vh;
}

.whiteBackApps .logoScrollingContainer {
    top: 62vh;
}

.logoScrollingContainer .appLogoContainer img {
    width: 312px;
    margin: 0 auto;
    display: block;
}

.logoScrollingContainer p {
    text-align: center;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 20px;
    margin-top: 20px;
}

.logoScrollingContainer p::after {
    content: "\e80b";
    font-family: "totalplayicons";
    display: block;
}

/*New Scrolling logo Landings Apps*/
.appsMainContainer {
    padding-top: 108px;
}

.appsMainContainer .appVideoContainer {
    width: calc(100% + 30px);
    height: 80vh;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    opacity: 1;
    background: rgba(22, 22, 27, 1);
}

.appsMainContainer .appVideoContainer .videoAppContainer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.5);
    left: 0px;
}

.hotPack {
    background: url(../../../assets/img/nuevos/hotpack/background.jpg) top center no-repeat;
    background-size: cover;
}

.appsMainContainer .appVideoContainer .videoAppContainer video {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.appsMainContainer .appVideoContainer .videoAppContainer::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 9;
    left: 0;
    background: -moz-linear-gradient(top, rgba(22, 27, 27, 0.05) 0%, rgba(22, 22, 27, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(22, 27, 27, 0.05) 0%, rgba(22, 22, 27, 1) 100%);
    background: linear-gradient(to bottom, rgba(22, 27, 27, 0.05) 0%, rgba(22, 22, 27, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d161b1b', endColorstr='#16161b', GradientType=0);
}

/*mls*/
.appsMainContainer.mls .appVideoContainer .videoAppContainer::before{
    background: linear-gradient(179.98deg, rgba(0, 0, 0, 0) 58.81%, rgba(0, 0, 0, 0.9) 79.87%);
}
.appsMainContainer.mls .appVideoContainer .videoAppContainer img{
    object-fit: cover;
}
.appsMainContainer.mls .generalButton{
    background: linear-gradient(90deg, #1A76D2 0%, #01BCD4 100%);
    padding: .9rem 3rem;
}

.appsMainContainer.nba .appVideoContainer .videoAppContainer img{
    width: 100%;
    object-fit: cover;
}

.appsMainTitle {
    background: rgba(22, 22, 27, 1);
}

.appsMainTitle h1 {
    font-weight: 300;
    font-size: 2rem;
    color: rgba(245, 245, 245, 1);
    margin-top: 35px;
    margin-bottom: 90px;
}

.appsMainTitle h1 span {
    font-weight: 700;
    font-size: 2rem;
    color: rgba(245, 245, 245, 1);
}

.appsMainContainer .infiniteCarousel {
    background: rgba(22, 22, 27, 1);
}

.appsMainContainer .buttonRow {
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: rgba(22, 22, 27, 1);
}

.appsMainContainer .appsCardsContainer {
    padding-top: 120px;
    padding-bottom: 64px;
}

.appsMainContainer .appsCardsContainer .card.white {
    background: rgba(245, 245, 245, 1);
    color: rgba(50, 69, 89, 1);
}

.animatedCard {
    opacity: 0;
    transition: opacity 1s;
    transform: translate(0, 20px);
    transition: all 1s;
}

.visible {
    opacity: 1;
    transform: translate(0, 0);
}

.appsMainContainer .appsCardsContainer .card {
    background: rgba(34, 36, 48, 1);
    color: rgba(245, 245, 245, 1);
    text-align: center;
    padding-bottom: 0;
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.appsMainContainer .appsCardsContainer .card .card-body {
    padding-bottom: 0;
}

.appsMainContainer .appsCardsContainer .card .card-title {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 39px;
    margin-bottom: 17px;
    height: 7rem;
    justify-content: center;
}

.appsMainContainer .appsCardsContainer .card .card-text {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center;
    margin-bottom: 17px;
}

.appsCardsContainer .appCenteredImage {
    text-align: center;
}

.appsCardsContainer .appCenteredImage img {
    margin-top: 110px;
    margin-bottom: 24px;
    width: 100%;
}

.appsCardsContainer .appCenteredImage p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 30px;
    color: rgba(245, 245, 245, 1);
    margin-bottom: 2rem;
    margin-bottom: 56px;
}

.appsCardsContainer .appCenteredImage .descritionButtonRow {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/*.whiteBackApps .appsCardsContainer .appCenteredImage p {
    color: rgba(59, 69, 89, 1);
}*/

.whiteBackApps .appsCardsContainer .appCenteredImage p, .main-text {
    color: rgba(59, 69, 89, 1);
}

.whiteBackApps.telefonia .appsCardsContainer .appCenteredImage p,
.whiteBackApps.television .appsCardsContainer .appCenteredImage p {
    color: rgba(245, 245, 245, 1);
}

.subtitleRowLanding {
    text-align: center;
}

.subtitleRowLanding h1 {
    font-weight: 300;
    font-size: 2rem;
    margin-bottom: 32px;
}

.amazonBack {
    background: linear-gradient(180deg,#16161b 0,#175481);
}

.mlsBack{
    background: #16161b;
    position: relative;
}
.mlsBack:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(180deg, #0A0B26 0%, #730C4A 100%);
}

.appleTVBack{
    background: linear-gradient(180deg,#33333300 0, #333333);
    background-color: #16161B;
}

.btnNew{
    background: linear-gradient(90deg, #01BCD4 0%, #1A76D2 100%);
    box-shadow: 0rem 1.5rem 1rem rgba(0,0,0,.175)!important;
    width: 304px;
    height: 48px;
    flex-shrink: 0;
    padding: 10px 20px!important;
    color: #F5F5F5;
    font-size: 20px;
}

.landingWhiteBack {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f5f5f5', GradientType=0);
}

.comedyBack {
    background: rgb(22, 22, 27);
    background: -moz-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(169, 41, 91, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(169, 41, 91, 1) 100%);
    background: linear-gradient(to bottom, rgba(22, 22, 27, 1) 0%, rgba(169, 41, 91, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#16161b', endColorstr='#a9295b', GradientType=0);
}

.blimBack {
    background: rgb(22, 22, 27);
    background: -moz-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(0, 82, 75, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(0, 82, 75, 1) 100%);
    background: linear-gradient(to bottom, rgba(22, 22, 27, 1) 0%, rgba(0, 82, 75, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#16161b', endColorstr='#00524b', GradientType=0);
}

.netflixBack {
    background: rgb(22, 22, 27);
    background: -moz-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(96, 43, 38, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(96, 43, 38, 1) 100%);
    background: linear-gradient(to bottom, rgba(22, 22, 27, 1) 0%, rgba(96, 43, 38, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#16161b', endColorstr='#602b26', GradientType=0);
}

.nbaBack {
    background: #002549;
    background: -moz-linear-gradient(top, rgba(22, 22, 27, 1) 0%, #002549);
    background: -webkit-linear-gradient(top, rgba(22, 22, 27, 1) 0%, #002549);
    background: linear-gradient(to bottom, rgba(22, 22, 27, 1) 0%), #002549;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#16161b', endColorstr='#602b26', GradientType=0);
}

.hboBack {
    background: rgb(22, 22, 27);
    background: -moz-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(93, 17, 22, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(93, 17, 22, 1) 100%);
    background: linear-gradient(to bottom, rgba(22, 22, 27, 1) 0%, rgba(12, 134, 221, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#16161b', endColorstr='#5d1116', GradientType=0);
}

.hboMaxBack{
    background: linear-gradient(180deg,rgba(22,22,27,1) 0%, rgba(42,11,86,1) 17%,rgba(88,21,185,1) 33%, rgba(105,11,146,1) 67%, rgba(113,9,128,1) 100%);
}

.starPlusBack{
    background: #16161B;
    background: linear-gradient(top,#16161B 0%,#28193C 100%);
    background: -moz-linear-gradient(top,#16161B 0%,#28193C 100%);
    background: -webkit-linear-gradient(top,#16161B 0%,#28193C 100%);
}
.disneyPlusBack{
    background: #16161B;
    background: linear-gradient(top,#16161B 0%,#052A4A 100%);
    background: -moz-linear-gradient(top,#16161B 0%,#052A4A 100%);
    background: -webkit-linear-gradient(top,#02172A 0%, #02354C 50%,#136878 100%);
    /* background: -webkit-linear-gradient(bottom,#54bec2 0%, #012a38 50%,#012a38 100%); */
}
.comboDSBack{
    background: #16161B;
    background: linear-gradient(top,#16161B 0%,#181540 100%);
    background: -moz-linear-gradient(top,#16161B 0%,#181540 100%);
    background: -webkit-linear-gradient(top,#16161B 0%,#181540 100%);
}

.foxBack {
    background: rgb(22, 22, 27);
    background: -moz-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(105, 46, 11, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(105, 46, 11, 1) 100%);
    background: linear-gradient(to bottom, rgba(22, 22, 27, 1) 0%, rgba(105, 46, 11, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#16161b', endColorstr='#692e0b', GradientType=0);
}

.nickelodeonBack {
    background: rgb(22, 22, 27);
    background: -moz-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(202, 107, 28, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(202, 107, 28, 1) 100%);
    background: linear-gradient(to bottom, rgba(22, 22, 27, 1) 0%, rgba(202, 107, 28, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#16161b', endColorstr='#ca6b1c', GradientType=0);
}

.appGalleryContainer .appGalleryTitle h1 {
    font-weight: 300;
    font-size: 2rem;
    color: rgba(250, 250, 250, 1);
    line-height: 39px;
    text-align: center;
    margin-bottom: 2rem;
}

.appGalleryContainer .channelContainer .galleryItem {
    margin-bottom: 2rem;
}

.appGalleryContainer .channelContainer .galleryImage {
    text-align: center;
}

.appGalleryContainer .channelContainer .galleryImage img {
    max-width: 100%;
    width: 352px;
    margin: 0 auto;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.appGalleryContainer .channelContainer .galleryDescription p {
    text-align: center;
    font-weight: 300;
    font-size: 1.25rem;
    color: rgba(245, 245, 245, 1);
    line-height: 30px;
}

.appGalleryContainer .channelContainer .galleryDescription p span {
    font-weight: 700;
    display: block;
    color: rgba(245, 245, 245, 1);
}

.appTvRow {
    padding-top: 52px;
    text-align: center;
    padding-bottom: 48px;
    background: rgba(224, 224, 224, 1);
}

.appTvRow .tvRow {
    background: rgba(224, 224, 224, 0);
}

.appTvRow .tvRow .videoContent {
    overflow: hidden;
    box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 1);
    top: 0.5%;
    height: 87.5%;
    width: 89.5%;
    left: 6.4%;
    position: absolute;
}

.appTvRow .tvImageContainer img {
    width: 100%;
    max-width: 90%;
    height: auto;
    margin: 0 auto;
}

.appTvRow .decoderImgContainer {
    position: relative;
    top: -2rem;
}

.appTvRow .decoderImgContainer img {
    width: 100%;
    max-width: 450px;
    height: auto;
    margin: 0 auto;
}

.appTvRow .tvRowTitles p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 42px;
    color: rgba(59, 69, 89, 1);
}

.appTvRow .tvRowTitles h1 {
    font-size: 1.75rem;
    margin-bottom: 24px;
    color: rgba(59, 69, 89, 1);
}

.appTvRow .tvRowDescription p {
    font-size: 1.25rem;
    line-height: 30px;
    color: rgba(59, 69, 89, 1);
    margin-bottom: 24px;
}

.appTvRow .tvRowTitles p span {
    font-weight: 700;
}

.appTvRow .clientRowTV {
    margin-top: 2rem;
}

.otherAppsRow {
    background: rgba(250, 250, 250, 1);
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}

.otherAppsRow .otherAppsRowTitle h1 {
    font-weight: 300;
    font-size: 1.75rem;
    color: #3b4559;
    margin-bottom: 2rem;
}

.otherAppsRow .linksToLandings .otherAppsItem .landingLink {
    background: rgba(255, 255, 255, 1);
    padding-top: 2rem;
    padding-bottom: 2rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 2rem;
}

.otherAppsRow .linksToLandings .otherAppsItem a .landingLink h1 {
    font-weight: 700;
    color: rgba(59, 69, 89, 1);
    font-size: 1.5rem;
}

.otherAppsRow .linksToLandings .otherAppsItem a::after {
    display: none;
}

.otherAppsItem a::after {
    display: none;
}

.otherAppsRow .otherAppsGallery {
    text-align: center;
}

.otherAppsRow .otherAppsGallery .otherAppsItem img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 2rem;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.appFaqs {
    background: rgba(255, 255, 255, 1);
    padding-top: 60px;
    padding-bottom: 50px;
}

.appFaqs .appFaqsTitles {
    text-align: left;
}

.appFaqs .appFaqsTitles h1 {
    font-size: 1.75rem;
    line-height: 34px;
    font-weight: 300;
    margin-bottom: 24px;
}

.appFaqs .faqsContainer .card {
    margin-bottom: 16px;
    background: rgba(245, 245, 245, 1);
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.appFaqs .faqsContainer .card .card-header {
    border: none;
    background: rgba(245, 245, 245, 1);
}

.appFaqs .faqsContainer .card .card-header h2 button {
    color: rgba(59, 69, 89, 1);
    font-weight: 600;
    font-size: 1.25rem;
}

.appFaqs .faqsContainer .card .card-header h2:focus {
    outline: none;
}

.appFaqs .faqsContainer .card .card-header h2 button:focus {
    outline: none;
}

.appFaqs .faqsContainer .card .card-body {
    color: rgba(59, 69, 89, 1);
    font-weight: 300;
    font-size: 1.125rem;
}

.appFaqs .faqsContainer .card .card-body p {
    margin-bottom: 10px;
    padding-left: 12px;
}

.appFaqs .faqsContainer .card .card-body ol li,
.appFaqs .faqsContainer .card .card-body ul li {
    margin-bottom: 10px;
}

.appFaqs .faqsContainer .card .card-body a {
    font-size: 1.125rem;
}

.appFaqs .faqsContainer .card .card-body a::after {
    display: none;
}

.appFaqs .faqsContainer .card .card-body ol,
.appFaqs .faqsContainer .card .card-body ul {
    padding-left: 2rem;
}

.appFaqs .faqsContainer .card .card-header h2 button.collapsed::after {
    font-family: "totalplayicons";
    content: "\e802" !important;
    color: rgba(25, 136, 255, 1);
    float: right;
    transform: rotate(90deg);
    font-size: 0.75rem;
    position: relative;
    top: 8px;
}

.appFaqs .faqsContainer .card .card-header h2 button::after {
    content: "\e80b";
    font-family: "totalplayicons";
    color: rgba(25, 136, 255, 1);
    float: right;
    font-size: 0.75rem;
    transform: rotate(180deg);
    position: relative;
    top: 8px;
}

/*Apps*/

/*Landings Servicios*/


.whiteBackApps .videoAppContainer {
    box-shadow: none !important;
}

.whiteBackApps .videoAppContainer img {
    width: 742px;
    max-width: 100%;
}

.whiteBackApps .videoAppContainer::before {
    display: none !important;
}

.whiteBackApps .showMoreRow p {
    color: rgba(22, 27, 27) !important;
}

.whiteBackApps.television .appVideoContainer {
    background: rgba(23, 22, 28, 1);
    background-image: url(../../img/nuevos/backLandingTV.jpg), linear-gradient(rgba(23, 22, 28, 1), rgba(23, 22, 28, 1)) !important;
    background-size: cover !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

.whiteBackApps.telefonia .appVideoContainer {
    background: url(../../../assets/img/nuevos/tel.jpg) top center no-repeat !important;
    background-size: cover !important;
}

.whiteBackApps .appVideoContainer::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 9;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(top, rgba(252, 252, 252, 0) 0%, rgba(252, 252, 252, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(252, 252, 252, 0) 0%, rgba(252, 252, 252, 1) 100%);
    background: linear-gradient(to bottom, rgba(252, 252, 252, 0) 0%, rgba(252, 252, 252, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00fcfcfc', endColorstr='#fcfcfc', GradientType=0);
    box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.5);
}

.whiteBackApps.telefonia .appVideoContainer::after,
.whiteBackApps.television .appVideoContainer::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 9;
    left: 0;
    background: -moz-linear-gradient(top, rgba(22, 22, 27, 0.3) 0%, rgba(22, 22, 27, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(22, 22, 27, 0.3) 0%, rgba(22, 22, 27, 1) 100%);
    background: linear-gradient(to bottom, rgba(22, 22, 27, 0.3) 0%, rgba(22, 22, 27, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4d16161b', endColorstr='#16161b', GradientType=0);
    box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.5);
}

.whiteBackApps.telefonia .appVideoContainer h1,
.whiteBackApps.television .appVideoContainer h1 {
    color: rgba(255, 255, 255, 1);
    margin-bottom: 24px;
}

.whiteBackApps.telefonia .appsMainTitle,
.whiteBackApps.television .appsMainTitle {
    background: rgba(22, 22, 27, 1) !important;
}

.whiteBackApps.telefonia .showMoreRow p,
.whiteBackApps.television .showMoreRow p {
    color: rgba(245, 245, 245, 1) !important;
}

.whiteBackApps.telefonia .landingWhiteBack,
.whiteBackApps.television .landingWhiteBack {
    background: rgb(22, 22, 27);
    background: -moz-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(59, 69, 89, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(59, 69, 89, 1) 100%);
    background: linear-gradient(to bottom, rgba(22, 22, 27, 1) 0%, rgba(59, 69, 89, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#16161b', endColorstr='#3b4559', GradientType=0);
}

.whiteBackApps.telefonia .landingWhiteBack .card.dark,
.whiteBackApps.television .landingWhiteBack .card.dark {
    background: rgba(34, 36, 48, 1);
}

.whiteBackApps.television .videoAppContainer img {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: -50%;
    left: 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*Landings Servicios*/

/*Modal Canales*/

.modalButton {
    height: auto;
}

.modalChannelsContainer > div {
    height: auto;
}

.modalChannelsContainer {
    width: 100%;
    height: 100%;
    background: rgba(245, 245, 245, 1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none;
    text-align: center;
    padding: 0 15px;
    overflow-y: auto;
}

.modalChannelsContainer .closeButton {
    font-size: 2rem;
    position: absolute;
    height: auto;
    top: 0;
    right: 5px;
    cursor: pointer;
    height: auto;
    z-index: 1000;
    width: 32px;
    height: 32px;
}

.modalChannelsContainer .closeButton .closeButtonIcon::after {
    content: "\e80d";
    font-family: "totalplayicons";
    font-size: 1.125rem;
    color: rgba(59, 69, 89, 1);
}

.modalChannelsContainer .channelsTopBar .channelsTopBarTitle {
    padding-top: 2rem;
    height: auto;
}

.modalChannelsContainer .channelsTopBar .channelsTopBarTitle h1 {
    font-weight: 300;
    text-align: center;
    font-size: 2.25rem;
    color: rgba(59, 69, 89, 1);
    margin-bottom: 1rem;
}

.modalChannelsContainer .channelsTopBar .channelsTopBarToggle div {
    padding-right: 0;
    padding-left: 0;
}

.modalChannelsContainer .channelsTopBar .channelsTopBarToggle ul {
    list-style: none;
    height: auto;
    white-space: nowrap;
    max-width: 100%;
    overflow-x: auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.modalChannelsContainer .channelsTopBar .channelsTopBarToggle li {
    display: inline;
    margin: 0 10px;
    cursor: pointer;
}

.modalChannelsContainer .channelsTopBar .channelsTopBarToggle li a {
    font-weight: 300;
    background: rgba(225, 225, 225, 1);
    color: rgba(59, 69, 89, 1);
    padding: 7px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: solid rgba(26, 118, 210, 0) 2px;
}

.modalChannelsContainer .channelsTopBar .channelsTopBarToggle li a:hover {
    border: solid rgba(26, 118, 210, 1) 2px;
    background: rgba(26, 118, 210, 0.15);
}

.modalChannelsContainer .channelsTopBar .channelsTopBarToggle li:focus {
    outline: none;
}

.modalChannelsContainer .channelsTopBar .channelsTopBarToggle li.parrillaSeleccionada a {
    border: solid rgba(26, 118, 210, 1) 2px;
    font-weight: 700;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.modalChannelsContainer .channelsTopBar .channelsTopBarToggle ul li a::after {
    display: none;
}

.modalChannelsContainer .channelsTopBar .channelsDescription h1 {
    font-weight: 500;
    font-size: 1.5rem;
    color: #3b4559;
    line-height: 42px;
}

/*#essentialDesc,*/

#basicDesc,
#advancedDesc,
#premiumDesc {
    display: none;
}

.modalChannelsContainer .filtersContainer {
    text-align: left;
}

.modalChannelsContainer .filtersContainer p {
    font-weight: 500;
}

.modalChannelsContainer .filtersContainer hr {
    border: rgba(224, 224, 224, 1) solid 1px;
    margin-top: 0;
    margin-bottom: 0;
}

.modalChannelsContainer .filtersContainer .filterToggle {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 15px;
}

.modalChannelsContainer .filtersContainer .filterToggle p {
    display: block;
    cursor: pointer;
}

.modalChannelsContainer .filtersContainer .filterToggle p::before {
    content: "\e80e";
    font-family: "totalplayicons";
    font-size: 1.25rem;
    margin-right: 16px;
    cursor: pointer;
}

.modalChannelsContainer .filtersContainer .filterToggle p.closeIconFilters::after {
    content: "\e80d";
    font-family: "totalplayicons";
    font-size: 0.875rem;
    cursor: pointer;
    float: right;
    margin-top: 4px;
}

.modalChannelsContainer .filtersContainer .filterToggle p a {
    font-size: 1rem;
    color: rgba(59, 69, 89, 1);
}

.modalChannelsContainer .filtersContainer .filterToggle p a::after {
    display: none;
}

.modalChannelsContainer .filtersContainer .filterClass {
    margin-top: 40px;
    padding-left: 15px;
}

.modalChannelsContainer .filtersContainer .filterClass .form-check-label {
    color: rgba(117, 120, 123, 1);
    font-size: 0.875rem;
    cursor: pointer;
}

.modalChannelsContainer .filtersContainer .filterClass .filterClassTitle {
    margin-bottom: 21px;
}

.modalChannelsContainer .filtersContainer .filterClass .filterItem {
    margin-bottom: 21px;
}

.modalChannelsContainer .filtersContainer .filterClass .filterItem:last-child {
    margin-bottom: 9px;
}

.modalChannelsContainer .filtersContainer .filterClass .filterItem input {}

.modalChannelsContainer .filtersContainer .filterClass .automaticLabel::before,
.modalChannelsContainer .filtersContainer .filterClass .manualLabel::before {
    content: "\e80f";
    font-family: "totalplayicons";
}

.modalChannelsContainer .filtersContainer .filterClass .manualLabel::before {
    background: rgb(59, 69, 89, 1);
    background: -moz-linear-gradient(left, rgba(59, 69, 89, 1) 70%, rgba(59, 69, 89, 0.05) 100%);
    background: -webkit-linear-gradient(left, rgba(59, 69, 89, 1) 70%, rgba(59, 69, 89, 0.05) 100%);
    background: linear-gradient(to right, rgba(59, 69, 89, 1) 70%, rgba(59, 69, 89, 0.05) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3b4559', endColorstr='#0d3b4559', GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.modalChannelsContainer .filtersContainer .filterClass .automaticLabel::before {
    background: rgb(228, 0, 43);
    background: -moz-linear-gradient(left, rgba(228, 0, 43, 1) 0%, rgba(240, 78, 152, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(228, 0, 43, 1) 0%, rgba(240, 78, 152, 1) 100%);
    background: linear-gradient(to right, rgba(228, 0, 43, 1) 0%, rgba(240, 78, 152, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e4002b', endColorstr='#f04e98', GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.modalChannelsContainer .filtersContainer .channelContainer .channelItem {
    text-align: center;
    margin-bottom: 25px;
    /*cursor: pointer;*/
}

.modalChannelsContainer .filtersContainer .channelContainer .channelItem .channelItemImage img {
    background: rgba(250, 250, 250, 1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 8px;
    width: 100%;
    max-width: 136px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    /*filter: grayscale(100%);*/
    transition: 300ms;
}

/*.modalChannelsContainer .filtersContainer .channelContainer .channelItem:hover .channelItemImage img {
    filter: grayscale(0%);
    transition: 300ms;
}*/

.modalChannelsContainer .filtersContainer .channelContainer .channelItem .channelItemName {
    margin-top: 6px;
}

.modalChannelsContainer .filtersContainer .channelContainer .channelItem .channelItemName.rewind p::before {
    content: "\e80f";
    font-family: "totalplayicons";
    margin-right: 5px;
    background: rgb(228, 0, 43);
    background: -moz-linear-gradient(left, rgba(228, 0, 43, 1) 0%, rgba(240, 78, 152, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(228, 0, 43, 1) 0%, rgba(240, 78, 152, 1) 100%);
    background: linear-gradient(to right, rgba(228, 0, 43, 1) 0%, rgba(240, 78, 152, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e4002b', endColorstr='#f04e98', GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.modalChannelsContainer .filtersContainer .channelContainer .channelItem .channelItemName.normalrewind p::before {
    content: "\e80f";
    font-family: "totalplayicons";
    margin-right: 5px;
    background: rgb(59, 69, 89, 1);
    background: -moz-linear-gradient(left, rgba(59, 69, 89, 1) 70%, rgba(59, 69, 89, 0.05) 100%);
    background: -webkit-linear-gradient(left, rgba(59, 69, 89, 1) 70%, rgba(59, 69, 89, 0.05) 100%);
    background: linear-gradient(to right, rgba(59, 69, 89, 1) 70%, rgba(59, 69, 89, 0.05) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3b4559', endColorstr='#0d3b4559', GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.showFilters .buttonRow {
    margin-top: 1rem;
}

.showFilters .buttonRow .generalButton {
    display: block;
    margin-bottom: 1rem;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100%;
}

.overModalContainer {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: calc(100% + 30px);
    height: 100%;
    z-index: 10001;
    padding-top: 20vh;
    padding-bottom: 100vh;
    overflow: hidden;
    display: none;
}

.channelDescriptionRow {
    background: rgba(250, 250, 250, 1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-left: 0;
    padding-right: 0;
}

.channelDescriptionRow .channelDescriptionCol {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    position: relative;
    top: -6vh;
}

.channelDescriptionRow .channelDescriptionCol img {
    margin-bottom: 32px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.channelDescriptionRow .channelDescriptionCol .row div {
    padding-left: 30px;
    padding-right: 30px;
}

.channelDescriptionRow .channelDescriptionCol h1 {
    color: rgba(59, 69, 89, 1);
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 24px;
    margin-bottom: 13px;
}

.channelDescriptionRow .channelDescriptionCol p {
    color: rgba(59, 69, 89, 1);
    font-weight: 300;
    font-size: 1rem;
    line-height: 26px;
    margin-bottom: 24px;
}

.channelDescriptionRow .channelDescriptionCol span {
    color: rgba(59, 69, 89, 1);
    font-weight: 700;
    font-size: 1rem;
    line-height: 26px;
}

.channelDescriptionRow .channelDescriptionCol span a {
    font-size: 1rem;
}

.channelDescriptionRow .channelDescriptionCol span a::after {
    content: "\e810";
    font-family: "totalplayicons";
    font-size: 1.125rem;
    position: relative;
    top: 1px;
    left: 4px;
}

.channelDescriptionRow .channelDescriptionCol span a:hover::after {
    left: 4px;
}

.channelDescriptionRow .channelDescriptionCol h1.rewind::before {
    content: "\e80f";
    font-family: "totalplayicons";
    margin-right: 5px;
    background: rgb(228, 0, 43);
    background: -moz-linear-gradient(left, rgba(228, 0, 43, 1) 0%, rgba(240, 78, 152, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(228, 0, 43, 1) 0%, rgba(240, 78, 152, 1) 100%);
    background: linear-gradient(to right, rgba(228, 0, 43, 1) 0%, rgba(240, 78, 152, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e4002b', endColorstr='#f04e98', GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.channelDescriptionRow .channelDescriptionCol h1.normalrewind::before {
    content: "\e80f";
    font-family: "totalplayicons";
    margin-right: 5px;
    background: rgb(59, 69, 89, 1);
    background: -moz-linear-gradient(left, rgba(59, 69, 89, 1) 70%, rgba(59, 69, 89, 0.05) 100%);
    background: -webkit-linear-gradient(left, rgba(59, 69, 89, 1) 70%, rgba(59, 69, 89, 0.05) 100%);
    background: linear-gradient(to right, rgba(59, 69, 89, 1) 70%, rgba(59, 69, 89, 0.05) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3b4559', endColorstr='#0d3b4559', GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.channelDescriptionRow .channelImageCol img {
    width: 100%;
    height: auto;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.channelDescriptionRow .closeChannelBanner {
    width: 24px;
    height: 24px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    cursor: pointer;
}

.channelDescriptionRow .closeChannelBanner::before {
    content: "\e80d";
    font-family: "totalplayicons";
    color: rgba(250, 250, 250, 1);
    font-size: 0.75rem;
}

.mainChannelBanners {
    background: rgba(34, 36, 48, 1);
    padding-top: 48px;
    padding-bottom: 48px;
    margin-top: 60px;
}

.mainChannelBanners .channelBannersItem .channelBannersImage {
    text-align: center;
}

.mainChannelBanners .channelBannersItem .channelBannersImage img {
    width: 100%;
    max-width: 352px;
    margin-bottom: 1rem;
}

.extraBanners {
    background: rgba(30, 30, 40, 1);
    padding-top: 48px;
    padding-bottom: 48px;
    text-align: center;
    color: rgba(245, 245, 245, 1);
}

.extraBanners .extraBannerContainer {
    margin-bottom: 32px;
}

.extraBanners .extraBannersTitle {
    margin-bottom: 32px;
}

.extraBanners .extraBannersTitle h1 {
    font-weight: 300;
    font-size: 1.75rem;
    line-height: 42px;
}

.extraBanners .hboBanner .extraBannerChannel {
    background: rgba(64, 43, 60, 1);
}

.extraBanners .foxBanner .extraBannerChannel {
    background: rgba(34, 36, 48, 1);
}

.extraBanners .extraBannerChannel {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

/*.extraBanners .extraBannerChannel .extraBannerChannelCol {
}*/

.extraBanners .extraBannerChannel .extraBannerChannelCol .extraBannerLogo img {
    width: 100%;
    max-width: 123px;
    margin-bottom: 32px;
    margin-top: 40px;
}

.extraBanners .extraBannerChannel .extraBannerChannelCol .extraBannerIncluded p {
    background: rgba(253, 253, 253, 0.1);
    display: inline-block;
    padding: 8px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: rgba(245, 245, 245, 1);
    font-weight: 300;
    font-size: 1rem;
    margin-bottom: 24px;
}

.extraBanners .extraBannerChannel .extraBannerChannelCol .extraBannerDescription p {
    color: rgba(245, 245, 245, 1);
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 24px;
    margin-bottom: 124px;
}

.extraBanners .extraBannerChannel .extraBannerChannelCol .extraBannerLink {
    margin-bottom: 15px;
}

.extraBanners .extraBannerChannel .extraBannerChannelCol .extraBannerLink a {
    font-size: 1rem;
    color: rgba(100, 181, 246, 1);
}

.extraBanners .extraBannerChannel .extraBannerImageCol {
    padding-right: 0;
    padding-left: 0;
}

.extraBanners .extraBannerChannel .extraBannerImageCol img {
    width: 100%;
/*    min-height: 397px;*/
}

.extraBanners .extraBannerChannel .extraBannerImageCol .extraBannerLinkImage {
    display: none;
}

/*Faqs*/

.faqsMainContainer {
    padding-top: 140px;
    background: rgba(250, 250, 250, 1);
}

.faqsMainContainer .faqsLargeContainer .faqsToggleContainer .faqsItem a {
    font-weight: 700;
    display: block;
    color: rgba(59, 69, 89, 1);
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    font-size: 1.25rem;
}

.faqsMainContainer .faqsLargeContainer .faqsToggleContainer .faqsItem a:hover {
    background: rgba(26, 118, 210, 0.05);
}

.faqsMainContainer .faqsLargeContainer .faqsToggleContainer .faqsItem a::after {
    display: none;
}

.faqsMainContainer .faqsLargeContainer .faqsToggleContainer .faqsBackSupport a {
    color: rgba(59, 69, 89, 1);
    font-weight: 300;
    font-size: 1.375rem;
    padding-left: 0;
}

.faqsMainContainer .faqsLargeContainer .faqsToggleContainer .faqsBackSupport a:hover {
    background: rgba(255, 255, 255, 0);
    color: rgba(25, 136, 255, 1);
}

.faqsMainContainer .faqsLargeContainer .faqsToggleContainer .faqsBackSupport a::after {
    display: none;
}

.faqsMainContainer .faqsLargeContainer .faqsToggleContainer .faqsBackSupport a::before {
    content: "\e811";
    font-family: "totalplayicons";
    margin-right: 1rem;
}

.faqsMainContainer .faqsLargeContainer .faqsCardsContainer {
    border-left: solid 1px rgba(240, 240, 240, 1);
}

.faqsMainContainer .faqsLargeContainer .faqsCardsContainer .faqsContainerTitle {
    margin-bottom: 2rem;
}

.faqsMainContainer .faqsLargeContainer .faqsCardsContainer .faqsContainerTitle h1 {
    font-weight: 700;
    font-size: 1.5rem;
}

.faqsMainContainer .faqsLargeContainer .faqsCardsContainer .faqsContainerTitle p {
    font-weight: 300;
    font-size: 1.125rem;
}

.faqsCardsContainer .card {
    margin-bottom: 16px;
    background: rgba(224, 224, 224, 1);
    border: none;
}

.faqsCardsContainer .card .card-header {
    border: none;
    background: rgba(245, 245, 245, 1);
}

.faqsCardsContainer .card .card-header h2 button {
    color: rgba(59, 69, 89, 1);
    font-weight: 500;
    font-size: 1.125rem;
}

.faqsCardsContainer .card .card-header h2 button:hover {
    text-decoration: none;
}

.faqsCardsContainer .card .card-header h2 button:focus {
    text-decoration: none;
}

.faqsCardsContainer .card .card-body {
    color: rgba(59, 69, 89, 1);
    font-weight: 300;
    font-size: 1.125rem;
    background: rgba(245, 245, 245, 1);
}

.faqsCardsContainer .card .card-body a {
    font-size: 1.125rem;
}

.faqsCardsContainer .card .card-body a::after {
    display: none;
}

.faqsCardsContainer .card .card-body ul {
    padding-left: 2rem;
}

.faqsCardsContainer .card .card-header h2 button::after {
    font-family: "totalplayicons";
    content: "\e802";
    color: rgba(25, 136, 255, 1);
    float: right;
    transform: rotate(90deg);
    font-size: 0.75rem;
}

.activeFaq {
    background: rgba(26, 118, 210, 0.1) !important;
}

.mobileactiveFaq {
    border: solid rgba(26, 118, 210, 1) 2px !important;
    font-weight: 700 !important;
    pointer-events: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.faqsCardsContainer .card-header {
    background: rgba(255, 255, 255, 0);
}

/*Faqs*/

/*Barra detalle Paquete*/

.floatingBar {
    position: fixed;
    top: -6rem;
    z-index: 10000;
    width: calc(100% - 30px);
    left: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.floatingBar .barButtons {
    transition: background-color 500ms ease;
    background-color: rgba(26, 118, 210, 1);
    display: inline-block;
    margin: 0 auto;
    color: rgba(255, 255, 255, 1);
    padding: 12px;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 18px 35px 0 rgba(30, 30, 40, 0.3);
    transition: 500ms;
}

.floatingBar .barButtons .barPackageButton a {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 1);
}

.floatingBar .barButtons a::after {
    display: none;
}

.barPackageDetails,
.barPackagePrice {
    display: none;
}

.floatingBar .barButtons .barDetailsRow p {
    font-size: 1.375rem;
}

.floatingBar .barButtons .barDetailsRow p span {
    font-size: 1.375rem;
}

.floatingBar .barButtons .barPackagePrice p {
    font-size: 1.375rem;
}

.floatingBar .barButtons .barPackagePrice p span.barDiscount {
    font-size: 1.125rem;
}

.floatingBar .barButtons .barPackageButton {
    margin-top: 15px;
    margin-bottom: 15px;
}

.changeColor p {
    color: rgba(59, 69, 89, 1);
}

.changeColor p span {
    color: rgba(207, 72, 139, 1);
}

.changeColor p {
    color: rgba(59, 69, 89, 1);
}

.changeColor.towhiteBack .barPackagePrice p span {
    color: rgba(59, 69, 89, 1);
}

.grow .barPackageDetails p span {
    display: block;
}

.grow .barPackagePrice p span.barDiscount {
    display: block;
}

.changeColor.towhiteBack .barPackageDetails p span {
    color: rgba(207, 72, 139, 1);
}

.changeColor.towhiteBack p span.barDiscount {
    color: rgba(239, 108, 0, 1);
}

.changeColor a {
    background: rgba(26, 118, 210, 1);
    color: rgba(250, 250, 250, 1);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.barPackageDetails {
    text-align: left;
    padding-left: 32px;
}

.barPackagePrice {
    text-align: right;
}

.appear {
    animation: slideDown 500ms forwards;
}

.hide {
    animation: slideUp 500ms forwards;
}

.grow {
    animation: growBar 500ms forwards;
}

.small {
    animation: resizeBar 500ms forwards;
}

.towhiteBack {
    transition: background-color 500ms ease;
    background-color: rgba(250, 250, 250, 1) !important;
}

.towhiteBack .barPackageButton a {
    padding: 1rem 2rem;
}

/*Landing App*/

.mainSliderApp {
    padding-top: 120px;
    padding-bottom: 45px;
    height: 100vh;
    position: relative;
    left: 0;
}

.mainSliderApp .sliderAppContainer .sliderAppTexts h1 {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 49px;
    color: rgba(59, 69, 89, 1);
}

.mainSliderApp .sliderAppContainer .sliderAppTexts:nth-child(2) {
    margin-bottom: 70px;
}

.hexagonDiv {
    transform: rotateX(0deg);
    max-height: 63px;
    overflow-y: hidden;
    overflow-x: visible;
}

.hexagonDiv .scrollingTexts {
    transform: translateY(0px);
    opacity: 1;
    animation: showScrollingTexts 32s forwards infinite;
}

.mainSliderApp .sliderAppContainer .sliderAppTexts p {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 63px;
    color: rgba(59, 69, 89, 1);
    white-space: nowrap;
}

.mainSliderApp .sliderAppContainer .sliderAppsBadgesFirst span {
    font-size: 1.4375rem;
    font-weight: 700;
    line-height: 28px;
    color: rgba(59, 69, 89, 1);
}

.mainSliderApp .sliderAppContainer .sliderAppsBadgesFirst {
    margin-top: 20px;
}

.mainSliderApp .sliderAppContainer .sliderAppsBadgesFirst .sliderAppBadgesImages {
    text-align: center;
    margin-top: 1rem;
}

.mainSliderApp .sliderAppContainer .sliderAppsBadgesFirst a::after {
    display: none;
}

.mainSliderApp .sliderAppContainer .sliderAppsBadgesFirst a img {
    max-width: 250px;
    width: 100%;
}

.sliderAppsBadgesSecond {
    text-align: center;
}

.sliderAppsBadgesSecond .sliderAppBadgesTitles {
    font-weight: 700;
    color: rgba(59, 69, 89, 1);
}

.sliderAppsBadgesSecond .sliderAppBadgesImages {
    text-align: center;
}

.sliderAppsBadgesSecond .sliderAppBadgesImages a::after {
    display: none;
}

.sliderAppsBadgesSecond .sliderAppBadgesImages a img {
    max-width: 140px;
    margin-top: 16px;
    width: 100%;
}

.mainSliderApp .sliderAppContainer .sliderAppImagesContainer {
    text-align: center;
}

.mainSliderApp .sliderAppContainer .sliderAppImagesContainer svg {
    padding-top: 2rem;
    max-width: 750px;
    overflow: visible;
    margin: 0 auto;
}

.mainSliderApp .sliderAppContainer .sliderAppImagesContainer .backgroundImageApp {
    opacity: 0;
    animation: showbackAppMain 500ms 2s forwards;
}

.mainSliderApp .sliderAppContainer .sliderAppImagesContainer .tvIcon {
    opacity: 0;
    animation: showbackApp 500ms 2.75s forwards;
}

.mainSliderApp .sliderAppContainer .sliderAppImagesContainer .phoneIcon {
    opacity: 0;
    animation: showbackApp 500ms 3s forwards;
}

.mainSliderApp .sliderAppContainer .sliderAppImagesContainer .controlIcon {
    opacity: 0;
    animation: showbackApp 500ms 3.25s forwards;
}

.mainSliderApp .sliderAppContainer .sliderAppImagesContainer .homeIcon {
    opacity: 0;
    animation: showbackApp 500ms 3.5s forwards;
}

.mainSliderApp .sliderAppContainer .sliderAppImagesContainer .navBar {
    opacity: 0;
    animation: showbackApp 500ms 3.75s forwards;
}

.mainSliderApp .sliderAppContainer .sliderAppImagesContainer .triangleContainerFirst {
    opacity: 0;
    transform: translateX(820px) translateY(280px) scale(0.45, 0.45);
    animation: translateTriangleFirst 500ms 1s forwards;
}

.mainSliderApp .sliderAppContainer .sliderAppImagesContainer .triangleContainerSecond {
    opacity: 0;
    transform: translateX(820px) translateY(380px) scale(0.55, 0.55);
    animation: translateTriangleSecond 500ms 1s forwards;
    backdrop-filter: blur(2px);
}

.mainSliderApp .sliderAppContainer .sliderAppImagesContainer .triangleContainerThird {
    opacity: 0;
    transform: translateX(820px) translateY(200px) scale(0.55, 0.55);
    animation: translateTriangleThird 500ms 1.15s forwards;
}

.mainSliderApp .scrollArrowsContainer {
    margin-top: 1rem;
    text-align: center;
    animation: showScrollDown 10s forwards infinite;
}

.mainSliderApp .scrollArrowsContainer .scrollArrows {
    font-size: 1rem;
    color: rgba(59, 69, 89, 1);
    transform: translate(0px);
    cursor: pointer;
}

.mainSliderApp .scrollArrowsContainer .scrollArrows::after {
    content: "\e813";
    font-family: "totalplayicons";
    font-size: 1.125rem;
}

.mainSliderApp .scrollArrowsContainer .scrollArrows:hover::after {
    left: 10px;
}

.videosApp {
    background: rgba(30, 30, 40, 1);
    padding-top: 92px;
    padding-bottom: 92px;
}

.videosApp .videosAppTitles {
    text-align: center;
}

.videosApp .videosAppTitles h1 {
    font-size: 2.1875rem;
    line-height: 43px;
    color: rgba(245, 245, 245, 1);
    font-weight: 300;
    margin-bottom: 30px;
}

.videosApp .videosColContanier {
    transform: translateY(40px);
    opacity: 0;
}

.animateInVideoRow {
    animation: animateIn 1s 0.5s forwards;
}

.animateOutVideoRow {
    animation: animateOut 1s 0.5s forwards;
}

.nextRow {
    height: 2500px;
}

.videosApp .videosAppLinks .videosAppItem {
    text-align: center;
    margin-bottom: 20px;
}

.videosApp .videosAppLinks .videosAppItem a::after {
    display: none;
}

.videosApp .videosAppLinks .videosAppItem a img {
    width: 100%;
}

.sliderAppPayments {
    position: relative;
    height: 100vh;
}

.sliderAppPayments .itemCarousel:focus {
    outline: none;
}

.sliderAppPayments .itemCarousel h1 {
    font-weight: 500;
    line-height: 68.64px;
    color: rgba(59, 69, 89, 1);
    font-size: 3.3125rem;
    padding-left: 24px;
}

.sliderAppPayments .itemCarousel p {
    font-weight: 300;
    line-height: 39.6px;
    color: rgba(117, 120, 123, 1);
    font-size: 1.625rem;
    padding-left: 24px;
}

.sliderAppPayments .itemCarousel img {
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
}

.sliderAppPayments .progressBarContainer {
    width: 140px;
    margin-left: 24px;
}

.sliderAppPayments .progressBarContainer div {
    width: 20%;
    margin-right: 3%;
}

.sliderAppPayments .progressBarContainer div span.progressBar {
    background-color: rgba(224, 224, 224, 1);
}

.sliderAppPayments .backgroundSliderPaymentsContainer {
    position: absolute;
    height: 100vh;
    top: 0;
    left: 0;
    width: calc(100% + 30px);
    overflow: hidden;
}

.sliderAppPayments .backgroundSliderPaymentsContainer .backImageFirstAppSlider {
    position: relative;
    left: 53vw;
    top: 0;
    width: 30vw;
    height: auto;
    transform: rotateZ(180deg);
    transform-origin: top left;
}

.sliderAppPayments .backgroundSliderPaymentsContainer .backImageSecondAppSlider {
    position: relative;
    left: 53vw;
    top: -25vh;
    width: 40vw;
    height: auto;
    transform: rotateZ(180deg);
    transform-origin: bottom right;
}

.rotateDown {
    animation: rotateDown 1s forwards;
}

.rotateUp {
    animation: rotateUp 1s forwards;
}

.appCards {
    padding-top: 24px;
    padding-bottom: 24px;
}

.firstAppCard,
.secondAppCard {
    border: none;
    text-align: center;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    position: relative;
}

.overModalCard {
    height: 96%;
    width: 95%;
    padding-top: 50%;
    backdrop-filter: blur(4.4px);
    position: absolute;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    border: none;
    display: none;
}

.overModalCard .innerModalContent {
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    padding: 24px;
}

.overModalCard .innerModalContent .closeIcon {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 1rem;
    right: 2rem;
    cursor: pointer;
}

.overModalCard .innerModalContent .closeIcon::before {
    font-family: "totalplayicons";
    content: "\e80d";
}

.overModalCard .innerModalContent h1 {
    color: rgba(75, 87, 111, 1);
    font-weight: 700;
    font-size: 1.5rem;
}

.overModalCard .innerModalContent p {
    color: rgba(75, 87, 111, 1);
    font-weight: 300;
    font-size: 1.3125rem;
}

.overModalCard .innerModalContent h1::after {
    content: "_";
    font-weight: 700;
    font-size: 2rem;
    display: block;
    position: relative;
    top: -15px;
}

.firstCardAppContainer .overModalCard {
    background: rgb(240, 78, 152);
    background: -moz-linear-gradient(top, rgba(240, 78, 152, 0.5) 0%, rgba(130, 70, 175, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(240, 78, 152, 0.5) 0%, rgba(130, 70, 175, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(240, 78, 152, 0.5) 0%, rgba(130, 70, 175, 0.5) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f04e98', endColorstr='#8246af', GradientType=0);
}

.firstAppCard h5,
.secondAppCard h5 {
    color: rgba(245, 245, 245, 1);
    font-size: 2.25rem;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 25px;
    margin-top: 25px;
}

.firstAppCard p,
.secondAppCard p {
    background: rgba(253, 253, 253, 0.2);
    padding: 11px 12px;
    font-size: 1.3125rem;
    display: inline-block;
    color: rgba(245, 245, 245, 1);
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    cursor: pointer;
}

.firstAppCard p span::before,
.secondAppCard p span::before {
    font-family: "totalplayicons";
    content: "\e812";
    font-size: 1.3125rem;
    margin-right: 10px;
}

.firstAppCard img,
.secondAppCard img {
    max-width: 335px;
    margin: 0 auto;
}

.firstAppCard {
    background: rgb(240, 78, 152);
    background: -moz-linear-gradient(top, rgba(240, 78, 152, 0.85) 0%, rgba(130, 70, 175, 0.85) 100%);
    background: -webkit-linear-gradient(top, rgba(240, 78, 152, 0.85) 0%, rgba(130, 70, 175, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(240, 78, 152, 0.85) 0%, rgba(130, 70, 175, 0.85) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f04e98', endColorstr='#8246af', GradientType=0);
}

.secondAppCard {
    background: rgb(240, 78, 152);
    background: -moz-linear-gradient(top, rgba(240, 78, 152, 0.85) 0%, rgba(255, 191, 63, 0.85) 100%);
    background: -webkit-linear-gradient(top, rgba(240, 78, 152, 0.85) 0%, rgba(255, 191, 63, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(240, 78, 152, 0.85) 0%, rgba(255, 191, 63, 0.85) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f04e98', endColorstr='#ffbf3f', GradientType=0);
}

.appImageDownload {
    text-align: center;
    padding-top: 56px;
    padding-bottom: 56px;
}

.appImageDownload .appDownloadImageContainer img {
    width: 100%;
    margin: 0 auto;
    max-width: 908px;
}

.appImageDownload .appDownloadTitles h1 {
    font-size: 3rem;
    line-height: 62px;
    color: rgba(59, 69, 89, 1);
    margin-bottom: 16px;
}

.appImageDownload .appDownloadTitles p {
    font-size: 1.5rem;
    color: rgba(59, 69, 89, 1);
    margin-bottom: 24px;
}

.appImageDownload .downloadAppBadges a::after {
    display: none;
}

.appImageDownload .downloadAppBadges a img {
    margin-bottom: 2rem;
    max-width: 150px;
    width: 100%;
}

/*Scroller animation*/

.scroller {
    height: 2112px;
    padding-bottom: 2rem;
}

.scroller .mainScrollerTitle h1 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 72px;
    color: rgba(59, 69, 89, 1);
}

.scroller .scrollerImageContainer {
    text-align: center;
}

.scroller .scrollerImageContainer svg {
    max-width: 500px;
}

.scrollerTexts .textContainer {
    transform: translateY(50px);
    opacity: 0;
}

.scrollerTexts .textContainer:first-child {
    transform: translateY(0);
    opacity: 1;
}

.scrollerTexts .textContainer h1 {
    font-size: 3.3125rem;
    line-height: 68px;
    font-weight: 500;
    color: rgba(59, 69, 89, 1);
}

.scrollerTexts .textContainer p {
    font-size: 1.625rem;
    line-height: 40px;
    font-weight: 300;
    color: rgba(117, 120, 123, 1);
}

#firstText.fadeOut {
    display: none;
    opacity: 0;
    transition: 300ms;
    transform: translateY(-50px);
}

#secondText.fadeIn {
    display: block !important;
    opacity: 1;
    transform: translateY(0);
    transition: 300ms;
}

#thirdText.fadeIn {
    display: block !important;
    opacity: 1;
    transform: translateY(0);
    transition: 300ms;
}

.fadeInImage {
    transition: 300ms;
    opacity: 1 !important;
}

.fadeOutImage {
    transition: 300ms;
    opacity: 0;
}

/*Scroller animation*/
/*Mobile Scroller*/
.mobileScroller {
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.textAndImageContainer {
    text-align: center;
    margin-bottom: 3rem;
}

.textAndImageContainer img {
    width: 100%;
}

.textAndImageContainer h1 {
    font-size: 2rem;
    line-height: 44px;
    color: rgba(59, 69, 89, 1);
    text-align: left;
    font-weight: 500;
}

.textAndImageContainer p {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 32px;
    color: rgba(117, 120, 123, 1);
    text-align: left;
}

/*Mobile Scroller*/

/*Landing App*/

/*Clases Animación*/

@keyframes slideDown {
    0% {
        top: -6rem;
    }

    100% {
        top: 1.5rem;
    }
}

@keyframes slideUp {
    0% {
        top: 1.5rem;
    }

    100% {
        top: -6rem;
    }
}

@keyframes growBar {
    0% {
        width: 250px;
    }

    100% {
        width: 900px;
    }
}

@keyframes resizeBar {
    0% {
        width: 900px;
    }

    100% {
        width: 250px;
    }
}

@keyframes showbackAppMain {
    0% {
        transform: translateY(20px) translateX(105px) scale(0.5, 0.5);
        opacity: 0;
    }

    100% {
        transform: translateY(0px) translateX(105px) scale(0.5, 0.5);
        opacity: 1;
    }
}

@keyframes showbackApp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes translateTriangleFirst {
    0% {
        opacity: 0;
        transform: translateX(820px) translateY(320px) scale(0.4, 0.4);
    }

    100% {
        opacity: 1;
        transform: translateX(50px) translateY(320px) scale(0.4, 0.4);
    }
}

@keyframes translateTriangleSecond {
    0% {
        opacity: 0;
        transform: translateX(820px) translateY(380px) scale(0.55, 0.55);
    }

    100% {
        opacity: 1;
        transform: translateX(20px) translateY(320px) scale(0.55, 0.55);
    }
}

@keyframes translateTriangleThird {
    0% {
        opacity: 0;
        transform: translateX(820px) translateY(200px) scale(0.55, 0.55);
    }

    100% {
        opacity: 1;
        transform: translateX(360px) translateY(200px) scale(0.65, 0.65);
    }
}

@keyframes animateIn {
    0% {
        transform: translateY(40px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes animateOut {
    0% {
        transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(40px);
        opacity: 0;
    }
}

@keyframes rotateDown {
    0% {
        transform: rotateZ(180deg);
    }

    100% {
        transform: rotateZ(0deg);
    }
}

@keyframes rotateUp {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(180deg);
    }
}

@keyframes opacityShow {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacityHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes opacityToggle {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes showScrollDown {
    0% {
        transform: translateY(0px);
    }

    5% {
        transform: translateY(0px);
    }

    10% {
        transform: translateY(10px);
    }

    15% {
        transform: translateY(10px);
    }

    20% {
        transform: translateY(0px);
    }

    25% {
        transform: translateY(0px);
    }

    30% {
        transform: translateY(10px);
    }

    35% {
        transform: translateY(10px);
    }

    40% {
        transform: translateY(0px);
    }

    45% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(10px);
    }

    55% {
        transform: translateY(10px);
    }

    60% {
        transform: translateY(0px);
    }

    65% {
        transform: translateY(0px);
    }

    70% {
        transform: translateY(10px);
    }

    75% {
        transform: translateY(10px);
    }

    80% {
        transform: translateY(0px);
    }

    85% {
        transform: translateY(0px);
    }

    90% {
        transform: translateY(10px);
    }

    95% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes showScrollingTexts {
    0% {
        transform: translateY(65px);
        opacity: 0;
    }

    1% {
        transform: translateY(0);
        opacity: 1;
    }

    10% {
        transform: translateY(0);
        opacity: 1;
    }

    14% {
        transform: translateY(-65px);
        opacity: 1;
    }

    24% {
        transform: translateY(-65px);
        opacity: 1;
    }

    28% {
        transform: translateY(-130px);
        opacity: 1;
    }

    38% {
        transform: translateY(-130px);
        opacity: 1;
    }

    42% {
        transform: translateY(-195px);
        opacity: 1;
    }

    52% {
        transform: translateY(-195px);
        opacity: 1;
    }

    56% {
        transform: translateY(-260px);
        opacity: 1;
    }

    66% {
        transform: translateY(-260px);
        opacity: 1;
    }

    70% {
        transform: translateY(-325px);
        opacity: 1;
    }

    80% {
        transform: translateY(-325px);
        opacity: 1;
    }

    84% {
        transform: translateY(-390px);
        opacity: 1;
    }

    98% {
        transform: translateY(-390px);
        opacity: 0;
    }

    99% {
        transform: translateY(65px);
        opacity: 0;
    }

    100% {
        transform: translateY(65px);
        opacity: 0;
    }
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

@keyframes shakePackages {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

@keyframes shakePackagesMobile {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}


@-webkit-keyframes sdb10 {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes growTimeline {

    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes modalThanksAppear {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/*Clases Animación*/

/*AKHM*/
#modalMapaCobertura .modal-content .modal-header .close {
    position: relative !important;
    top: -1rem !important;
    right: -1rem !important;
}

#modalMapaCobertura .modal-content .modal-header .close img {
    max-width: 24px;
    max-height: 24px;
}

/*AKHM*/

/*Modal Continue Location*/

#continueLocation .modal-content .modal-header .close {
    position: relative !important;
    top: -1rem !important;
    right: -1rem !important;
}

#continueLocation .modal-content .modal-header .close img {
    max-width: 24px;
    max-height: 24px;
    position: absolute;
    z-index: 10000;
    right: 1rem;
}
#continueLocation p:not([class^=h]),
#continueLocation a{
    font-size: 18px;
    color: #ffffff;
}
#continueLocation a#clickIniciarMapa{
    color: #96E5FF;
    text-decoration: underline;
}
#continueLocation input,
#continueLocation label{
    font-size: 20px;
    color: #ffffff;
}
#continueLocation label.active{
    font-size: .875rem;
}
#continueLocation .generalButton, #installLocation .generalButton {
    padding: 0 !important;
    width: 273px;
    height: 45px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    align-self: auto;
}

#priceUpdate .modal-content .modal-header .close img {
    max-width: 24px;
    max-height: 24px;
    position: absolute;
    z-index: 10000;
    right: 1rem;
    top: 1rem;
}

/*Modal Continue Location*/

/*Modal Canales*/

.disableClick {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.centerImage {
    text-align: center;
}

.rotateChevron {
    transform: rotate(-180deg);
}

/*modal loader index akhm*/

#cargadorLead {
    display: none;
    width: 100px;
    height: 100px;
    position: relative;
    margin: auto;
    background-image: url(../../../assets/img/cargador1.gif);
    background-size: cover;
}

.modalMainVideoContainer .modal-content {
    background: rgba(30, 30, 40, 1);
}

.modalMainVideoContainer .modal-header .close span img {
    width: 24px;
    height: auto;
    margin-bottom: 1rem;
}

.modalMainVideoContainer video {
    z-index: 1000;
}

.row.equal-height {
    display: flex;
    flex-wrap: wrap;
}

.row.equal-height > [class*="col"] {
    display: flex;
    flex-direction: column;
}

.card {
    flex: 1;
    margin-bottom: 2rem;
}

@media not all and (min-resolution: 0.001dpcm) {
    @media {
        .stopperHeight {
            top: 20vh;
        }

        .contactInputContainer select {
            -webkit-appearance: none;
            width: 100%;
            background: rgba(255, 255, 255, 0);
            position: relative;
            top: 7px;
            color: rgba(255, 255, 255, 1);
            border: none;
            border-bottom: rgba(222, 226, 230, 1) solid 1px;
            padding-bottom: 12px;
            padding-top: 10px;
            padding-left: 15px;
            margin-bottom: 20px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

        .callMeModal .modal-header .close img {
            position: absolute;
            right: 15px;
        }
    }
}

.mobileFilters .mobileFiltersContainer .form-check {
    padding-left: 15px;
    margin-left: 20px;
}

.mobileFilters .form-check-label {
    color: rgba(117, 120, 123, 1);
    font-size: 0.875rem;
}

/*MODAL CANALES AKHM*/

/*No Location Modal*/

.noLocationModal .modal-content {
    border: none;
    border-radius: 20px;
    background-color: #474a5a;
}
.noLocationModal .modal-body{
    color: #ffffff;
    line-height: 1.3;
}
.noLocationModal a{
    font-size: 18px;
}
.noLocationModal p,
.noLocationModal input,
.noLocationModal label{
    font-size: 20px;
    color: #ffffff;
}
.noLocationModal .blue{
    color: #CAD8E5;
}
.noLocationModal p.big{
    font-size: 26px;
}
.noLocationModal .switchAddress img{
    filter: brightness(6);
    vertical-align: sub;
}
.noLocationModal .generalButton {
    padding: 0 !important;
    width: 270px;
    max-width: 100%;
    height: 45px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.noLocationModal .generalButton:before {
    content: "\b900";
    font-family: totalplayicons2;
    font-size: 25px;
    margin-left: 15px;
}
.noLocationModal .mensajeGraciasSF i{
    font-size: 107px;
    color: #7ACC80;
}
.noLocationModal .mensajeGraciasSF button {
    font-size: 20px;
    color: #ffffff;
    width: 273px;
    height: 45px;
    background: transparent;
    border: 2px solid #1689FF;
    border-radius: 23px;
}


/*No Location Modal*/
/*Scroll div Home*/
.scrollDivHome .mouse {
    width: 30px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: opacity 250ms linear;
    -moz-transition: opacity 250ms linear;
    -o-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
}
.scrollDivHome .mouse:hover {opacity: .5;}
.arrowdownmove {
    text-align: center;
    color: hsla(0,0%,100%,.4);
    font-size: medium;
    transform: translate(0,-50%);
    -webkit-animation: sdb10 2s infinite;
    -moz-animation: sdb10 2s infinite;
    -o-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
}

/*Scroll div Home*/
/*New grid apps*/
.newGridApps {
    margin-bottom: 3rem;
}

.newGridApps .newGridAppContainer .newGridAppItem a::after {
    display: none;
}

.newGridApps .newGridAppContainer .newGridAppItem img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    height: auto;
    max-width: 128px;
    margin: 0 auto;
    margin-bottom: 2.5rem;
    transition: 300ms;
    cursor: pointer;
}

.newGridApps .newGridAppContainer .newGridAppItem img:hover {
    transform: scale(1.1);
    transition: all 0.3s;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.35);
}

.newGridApps .newGridAppContainer .newGridAppItem.hiddenApp {}

#showMoreAppsCTA a::after,
#showLessAppsCTA a::after {
    display: none;
}

#showLessAppsCTA {
    display: none;
}

/*New grid apps*/

.promocionxpaquete {
    background: rgba(239, 108, 0, 0.15);
    margin-top: 10px;
    padding: 5px;
    color: rgba(239, 108, 0);
    font-size: 0.9375rem;
    border-radius: 5px;
    font-weight: 700;
}

.promocionxmegas {
    background: rgba(239, 108, 0);
    margin-top: 10px;
    padding: 5px;
    color: rgba(250, 250, 250, 1);
    font-size: 0.875rem;
    border-radius: 5px;
    font-weight: 700;
}

/*Barra buen fin Home*/
.buenFinBar {
    position: fixed;
    bottom: 25px;
    height: auto;
    z-index: 50;
    left: 0;
    width: 100%;
}

.buenFinBar .scrollDiv {
    height: auto;
}

.buenFinBar .scrollDiv .scrollDivHome {
    bottom: 1rem;
}

.buenFinBar .buenFinBack {
    background: rgba(255, 255, 255, 1);
    height: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
}

.buenFinBar .buenFinBarContainer {
    background: rgb(228, 0, 43);
    background: -moz-linear-gradient(45deg, rgba(228, 0, 43, 0.85) 0%, rgba(224, 45, 29, 0.85) 100%);
    background: -webkit-linear-gradient(45deg, rgba(228, 0, 43, 0.85) 0%, rgba(224, 45, 29, 0.85) 100%);
    background: linear-gradient(45deg, rgba(228, 0, 43, 0.85) 0%, rgba(224, 45, 29, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4002b', endColorstr='#e02d1d', GradientType=1);
    height: auto;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    position: relative;
    padding-bottom: 15px;
    padding-top: 17px;
    padding-left: 25px;
}

.buenFinBar .buenFinBarContainer p {
    color: rgba(250, 250, 250, 1);
    height: auto;
    font-size: 1.125rem;
    line-height: 20px;
}

.buenFinBar .buenFinBarContainer p span {
    font-weight: 700;
}

.buenFinCTA a {
    font-size: 1.125rem;
    line-height: 18px;
    color: rgba(224, 45, 29, 1);
    font-weight: 700;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.buenFinCTA a::after {
    display: none;
}

/*.buenFinBarContainer p::before {
    content: url("../../img/nuevos/buenFinLogo_tiny.png");
    float: left;
    margin-top: 6px;
    margin-left: -55px;
    margin-right: 0;
    position: absolute;
    left: -10px;
    top: -20px;
    animation: shake 1s both infinite;
}*/

.buenFinRowPackages {
    background: rgb(228, 0, 43);
    background: -moz-linear-gradient(45deg, rgba(228, 0, 43, 0.85) 0%, rgba(224, 45, 29, 0.85) 100%);
    background: -webkit-linear-gradient(45deg, rgba(228, 0, 43, 0.85) 0%, rgba(224, 45, 29, 0.85) 100%);
    background: linear-gradient(45deg, rgba(228, 0, 43, 0.85) 0%, rgba(224, 45, 29, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4002b', endColorstr='#e02d1d', GradientType=1);
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    color: rgba(250, 250, 250, 1);
    position: relative;
}

.buenFinRowPackages p {
    color: rgba(250, 250, 250, 1);
    font-size: 1.25rem;
}

.buenFinRowPackages p span {
    font-weight: 700;
}

/*.buenFinRowPackages p::before {
    content: url("../../img/nuevos/buenFinLogo_tiny.png");
    float: left;
    margin-top: -19px;
    margin-left: -95px;
    margin-right: 0;
    animation: shakePackages 1s both infinite;
    position: absolute;
}
*/
.buenFinMobileContainer {
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.buenFinMobileContainer .mobileBuenFinBar {
    background: rgb(228, 0, 43);
    background: -moz-linear-gradient(45deg, rgba(228, 0, 43, 0.85) 0%, rgba(224, 45, 29, 0.85) 100%);
    background: -webkit-linear-gradient(45deg, rgba(228, 0, 43, 0.85) 0%, rgba(224, 45, 29, 0.85) 100%);
    background: linear-gradient(45deg, rgba(228, 0, 43, 0.85) 0%, rgba(224, 45, 29, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4002b', endColorstr='#e02d1d', GradientType=1);
    font-size: 0.75rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
}

.buenFinMobileContainer .mobileBuenFinBar p a {
    color: rgba(250, 250, 250, 1);
    font-size: 0.75rem;
}

.buenFinMobileContainer .mobileBuenFinBar p a span {
    font-weight: 700;
}

/*.buenFinMobileContainer .mobileBuenFinBar p::before {
    content: url("../../img/nuevos/buenFinLogo_tiniest.png");
    float: left;
    margin-top: 2px;
    margin-left: -40px;
    margin-right: 0;
    position: absolute;
    animation: shakePackagesMobile 1s both infinite;
}
*/
.buenFinMobileContainer .mobileBuenFinBar p::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: rgba(250, 250, 250, 1);
    position: absolute;
    right: 7px;
    top: 11px;
}

.buenFinMobileContainer .mobileBuenFinBar a::after {
    display: none
}

.stopPromoBar {
    position: absolute;
    top: 3565px;
}

/*Barra buen fin*/

.tvTextRow h1 {
    font-size: 2rem;
    color: rgba(224, 224, 224, 1);
    font-weight: 300;
}

.furnitureRow img {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}

/*AKHM*/
.heightCardPackages {
    height: 560px;
}

.TESR {
    width: 111%;
}

.LGS {
    width: 55%;
}

.LP{
    width: 150px;
}

/*Grid apps home*/
.homeGrid {
    height: auto;
}

/*Grid apps home*/


/*Ventajas*/
.ventajasMainContainer {
    height: auto;
}

.ventajasMainRow {
    padding-top: 128px;
    height: auto;
    background: rgba(250, 250, 250, 1);
}

.ventajasMainRow .ventajasTitles {
    text-align: center;
}

.ventajasMainRow .ventajasTitles h1 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 54px;
    color: rgba(59, 69, 89, 1);
    margin-bottom: 48px;
    margin-top: 48px;
}

.ventajasMainRow hr {
    border: solid 1px rgba(224, 224, 224, 1);
}

.ventajasMainRow .ventajasSubTitles {
    text-align: center;
    margin-top: 42px;
}

.ventajasMainRow .ventajasSubTitles h2 {
    font-size: 2.25rem;
    line-height: 36px;
    color: rgba(59, 69, 89, 1);
    margin-bottom: 30px;
}

.ventajasMainRow .ventajasSubTitles p {
    font-size: 1.125rem;
    line-height: 27px;
    color: rgba(117, 120, 123, 1);
}

.ventajasMainContainer .tvRow {
    background: rgba(250, 250, 250, 1);
    padding-top: 22px;
    padding-bottom: 0;
    height: auto;
}

.ventajasMainContainer .tvRow .tvVideo {
    width: 45.9%;
}

.ventajasMainContainer .newGridApps {
    margin-top: 69px;
    height: auto;
}

.ventajasSlidersRow {
    height: auto;
    text-align: center;
}

.ventajasSliderGen {
    margin-top: 50px;
}

.firstContainerVentajas {
    background: rgba(245, 245, 245, 1);
}

.secondContainerVentajas {
    background: rgba(250, 250, 250, 1);
}

.thirdContainerVentajas {
    background: rgba(245, 245, 245, 1);
}

.fourthContainerVentajas {
    background: rgba(250, 250, 250, 1);
}

.firstContainerVentajas,
.secondContainerVentajas,
.thirdContainerVentajas,
.fourthContainerVentajas {
    padding-top: 150px;
    padding-bottom: 150px;
}

.ventajasSliderGen .imageColumn .imageCarouselItem {
    text-align: center;
}

.ventajasSliderGen .imageColumn .imageCarouselItem:focus {
    outline: none;
}

.ventajasSliderGen .imageColumn .imageCarouselItem img {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.ventajasFirstSlider .textColumn .controlCarouselItem {
    text-align: left;
}

.ventajasSecondSlider .textColumn .controlCarouselItem {
    text-align: right;
}

.ventajasthirdSlider .textColumn .controlCarouselItem {
    text-align: left;
}

.ventajasFourthSlider .textColumn .controlCarouselItem {
    text-align: right;
}

.ventajasSliderGen .textColumn .controlCarouselItem {
    margin-bottom: 25px;
}

.ventajasSliderGen .textColumn .controlCarouselItem:last-child {
    margin-bottom: 0;
}

.ventajasSliderGen .textColumn .controlCarouselItem h1,
.ventajasSliderGen .textColumn .controlCarouselItem p {
    color: rgba(117, 120, 123, 1)
}

.ventajasSliderGen .textColumn .controlCarouselItem h1 {
    font-size: 1.25rem;
    line-height: 26px;
    font-weight: 400;
    cursor: pointer;
}

.ventajasSliderGen .textColumn .controlCarouselItem p {
    font-size: 1.125rem;
    line-height: 26px;
    font-weight: 400;
    display: none
}

.ventajasSliderGen .textColumn .controlCarouselItem a {
    display: none;
}

.ventajasSliderGen .textColumn .controlCarouselItem a::after {
    display: none;
}

.ventajasSliderGen .textColumn .controlCarouselItem.activeItem h1 {
    font-weight: 700;
    color: rgba(59, 69, 89, 1);
}

.ventajasSliderGen .textColumn .controlCarouselItem.activeItem p {
    display: block;
}

.ventajasSliderGen .textColumn .controlCarouselItem.activeItem a {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}

.ventajasSliderGen .textColumn .controlCarouselItem span {
    display: inline-block;
    width: 150px;
    border-bottom: solid 1px rgba(202, 204, 208, 1);
}

.ventajasSliderGen .textColumn .controlCarouselItem.activeItem span .timeline {
    width: 0%;
    max-width: 150px;
    position: relative;
    top: 2px;
    height: 3px;
    background: rgba(117, 120, 123, 1);
    -webkit-animation: growTimeline 6.8s forwards;
    animation: growTimeline 6.8s forwards;
    animation-timing-function: linear;
}

.ventajasMobileSlider .mobileCarouselItem {
    text-align: center;
}

.ventajasMobileSlider .mobileCarouselItem:focus {
    outline: none;
}

.ventajasMobileSlider .mobileCarouselItem .mobileImageCarousel img {
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.ventajasMobileSlider .mobileCarouselItem h1 {
    font-size: 1.875rem;
    margin-bottom: 1rem;
}

.ventajasMobileSlider .mobileCarouselItem p {
    font-size: 1.125rem;
}

/*Comparador*/
.comparatorContainer {
    padding-top: 50px;
    background: rgba(245, 245, 245, 1);
}

.comparatorServices:focus {
    outline: none;
}

.comparatorServices .cardComparator {
    background: rgba(250, 250, 250, 1);
    border: none;
    text-align: center;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.comparatorServices .cardComparator .card-body {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 10px;
}

.comparatorServices .cardComparator .comparatorServiceItem:nth-child(odd) {
    background: rgba(250, 250, 250, 1);
    height: 60px;
}

.comparatorServices .cardComparator .comparatorServiceItem:nth-child(even) {
    background: rgba(238, 238, 238, 1);
    height: 60px;
}

.comparatorServices .cardComparator .comparatorServiceItem h1 {
    padding-bottom: 17px;
    padding-top: 17px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 24px;
    color: rgba(59, 69, 89, 1);
}

.comparatorServices .cardComparator .comparatorServiceItem p {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 19px;
    color: rgba(59, 69, 89, 1);
}

.companyServices .comparatorServiceItem img {
    max-width: 125px;
    width: 100%;
    margin: 0 auto;
}

.totalPlayLogo {
    position: relative;
    top: -10px;
    max-width: 150px !important;
}

.strongService p {
    font-weight: 700 !important;
}

.checkImage img {
    width: 28px !important;
}

.otherCompanyServices .comparatorServiceItem:nth-child(1) img {
    width: 35px;
    display: block;
}

.otherCompanyServices .comparatorServiceItem:nth-child(1) span {
    font-size: 1.125rem;
}

.axtColor {
    color: rgba(176, 5, 28, 1);
}

.izzColor {
    color: rgba(84, 190, 202, 1);
}

.skColor {
    color: rgba(65, 107, 163, 1);
}

.dshColor {
    color: rgba(190, 8, 17, 1);
}

.tmxColor {
    color: rgba(96, 172, 219, 1);
}

.arrowComparator {
    margin-bottom: 2rem;
    text-align: center;
    background: rgba(250, 250, 250, 1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}

.arrowPrev {
    background: rgba(250, 250, 250, 1);
    cursor: pointer;
    margin-right: 15px;
}

.arrowNext {
    background: rgba(250, 250, 250, 1);
    transform: rotate(180deg);
    cursor: pointer;
}

.testedConditions {
    background: rgba(245, 245, 245, 1);
    text-align: center;
    padding-bottom: 4rem
}

/*Comparador*/
.choosePackage {
    background: rgba(250, 250, 250, 1);
    text-align: center;
    padding-top: 48px;
}

.choosePackage h1 {
    color: rgba(59, 69, 89, 1);
    font-size: 1.75rem;
    font-weight: 400;
}

.choosePackage p {
    color: rgba(59, 69, 89, 1);
    font-size: 1.125rem;
    text-align: center;
    margin-top: 1rem;
}

.choosePackage .generalButton {
    display: inline-block;
    margin: 0 auto;
    margin-top: 2rem;
}

.termsConditionsVentajas {
    background: rgba(250, 250, 250, 1);
    padding-bottom: 48px;
    padding-top: 48px;
}

.termsConditionsVentajas hr {
    border: 1px solid rgba(117, 120, 123, .5)
}

.termsConditionsVentajas h1 {
    padding-top: 40px;
    font-weight: 700;
    font-size: 11px;
    color: rgba(117, 120, 123, 1);
    line-height: 18px
}

.termsConditionsVentajas p {
    font-weight: 400;
    font-size: 11px;
    color: rgba(117, 120, 123, 1);
    line-height: 18px;
}

.termsConditionsVentajas p a {
    font-size: 11px;
}

.termsConditionsVentajas p a::after {
    display: none
}

/*Ventajas*/
.homeGridApps {
    padding-bottom: 1rem;
    padding-top: 1rem;
    background: rgba(0, 0, 0, 1);
    text-align: center;
    height: auto;
}

/* Modal Cobertura */
.callUsModalContainer .warningNotification {
    background: rgba(255, 215, 0, 0.05);
    display: inline-block;
    border: 1px solid rgb(250, 121, 15);
    -webkit-border-radius: 24vw;
    -moz-border-radius: 24vw;
    border-radius: 24vw;
    text-align: center;
    padding: 10px;
    font-size: 0.75rem;
}

.callUsModalContainer .errorNotification {
    background: rgba(255, 0, 0, 0.05);
    display: inline-block;
    border: 1px solid rgb(250, 0, 0);
    -webkit-border-radius: 24vw;
    -moz-border-radius: 24vw;
    border-radius: 24vw;
    text-align: center;
    padding: 10px;
    font-size: 0.75rem;
}

.desktopHidden {
    display: inline-block;
}

.phoneDeskHidden {
    display: none !important;
}

/*Gamer*/
.mainGamerContainer {
    height: auto;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 20%, rgba(127, 71, 221, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 20%, rgba(127, 71, 221, 1) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 20%, rgba(127, 71, 221, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#7f47dd', GradientType=1);
}

.mainGamerContainer .gamerTitle {
    margin-top: 148px;
    margin-bottom: 56px;
    text-align: center;
}

.mainGamerContainer .gamerTitle h1 {
    font-weight: 600;
    font-size: 1.875rem;
    line-height: 50px;
    background: rgb(165, 50, 139);
    background: -moz-linear-gradient(left, rgba(165, 50, 139, 1) 40%, rgba(242, 57, 208, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(165, 50, 139, 1) 40%, rgba(242, 57, 208, 1) 100%);
    background: linear-gradient(to right, rgba(165, 50, 139, 1) 40%, rgba(242, 57, 208, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5328b', endColorstr='#f239d0', GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mainGamerContainer .gamerTitle h1 span {
    font-weight: 900;
}

.mainGamerContainer .gamerTitle p {
    color: rgba(245, 245, 245, 1);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 50px;
}

.imageGamerContainer {
    height: auto;
    text-align: left;
    margin-top: 80px;
    margin-bottom: 80px;

}

.imageGamerContainer .gamerImageBack {
    background: url(../../img/nuevos/imgGamer/backGamerImage.png) top center no-repeat;
    background-size: 100% 100%;
    padding-top: 5rem;
    padding-bottom: 5rem;
    color: rgba(246, 246, 246, 1);
}

.imageGamerContainer .gamerImageBack h1 {
    font-size: 2.25rem;
    line-height: 50px;
}

.imageGamerContainer .gamerImageBack p {
    font-size: 1.25rem;
    line-height: 30px;
}

.imageGamerContainer .gamerImageBack p span {
    color: rgba(255, 191, 63, 1);
}

.imageGamerContainer .imageGamer {
    text-align: center;
}

.imageGamerContainer .imageGamer img {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
}

.mainGamerContainer .termsAndConditions hr {
    border: rgba(189, 192, 195, 1) solid 1px !important;
}

.mainGamerContainer .termsAndConditions h1 span {
    font-weight: 700;
    color: rgba(224, 224, 224, 1) !important;
}

.mainGamerContainer .termsAndConditions p {
    color: rgba(224, 224, 224, 1) !important;
}

/*Gamer Carousel*/
.gamerCarouselContainer {
    text-align: center;
}

.gamerCarouselItem {
    padding: 0.5rem 1.5rem;
    margin-bottom: 2rem;
}

.gamerItemContainer {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
}

.gamerItemTitle {
    background: rgba(255, 255, 255, 1);
    padding-bottom: 8px;
    padding-top: 8px;
}

.gamerItemTitle h1 {
    font-size: 1.3125rem;
    color: rgba(245, 245, 245, 1);
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}

.gamerItemBadge {
    text-align: center;
    position: relative;
    top: -5px;
}

.gamerItemBadge img {
    margin: 0 auto;
}

.gamerPackageStars {
    margin-bottom: 15px;
}

.gamerPackageStars img {
    margin: 0 auto;
    display: inline-block;
}

.gamerPackageDescription p {
    font-size: 1rem;
    line-height: 28.8px;
    color: rgba(246, 246, 246, 1);
    font-weight: 400;
}

.gamerExtraSpecs img {
    display: inline;
    margin-right: 10px;
}

.gamerExtraSpecs p {
    color: rgba(246, 246, 246, 1);
    font-size: 1rem;
    line-height: 18px;
    display: inline-block;
    text-align: left;
    position: relative;
    top: 10px;
}

.gamerDivider hr {
    border: rgba(224, 224, 224) solid 1px;
}

.gamerPerks {
    text-align: center;
}

.gamerPerks img {
    margin: 0 auto;
    margin-bottom: 10px;
}

.gamerPerks p {
    font-weight: 600;
    color: rgba(246, 246, 246, 1);
    font-size: 1rem;
    line-height: 18px;
}

.gamerPrice {
    margin-top: 10px;
    background: rgba(255, 255, 255, 1);
    padding-bottom: 10px;
    padding-top: 10px;
}

.gamerPrice {
    background: rgba(242, 57, 208, 1);
}

.gamerPrice h1 {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 22px;
    color: rgba(246, 246, 246, 1);
    margin-bottom: 0;
}

.gamerPrice h1 span {
    font-weight: 700;
}

.mainItemCarousel:focus {
    outline: none;

}

/*Gamer Carousel Settings*/
.gamerCarouselContainer .mainItemCarousel {
    opacity: 0.5;
    transition: 300ms;
}

.gamerCarouselContainer .slick-slide {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
}

.gamerCarouselContainer .slick-current {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    opacity: 1 !important;
    transition: 300ms;
}

.gamerCarouselContainer .slick-next {
    right: -15px;
    top: 50%;
    width: auto;
    height: auto;
    opacity: 0.5;
    z-index: 11;
}

.gamerCarouselContainer .slick-prev {
    left: -15px;
    top: 50%;
    width: auto;
    height: auto;
    opacity: 0.5;
    z-index: 11;
}

.gamerCarouselContainer .slick-next:hover,
.gamerCarouselContainer .slick-prev:hover {
    opacity: 1;
}

.gamerCarouselContainer .slick-prev::before {
    content: url(../../img/nuevos/imgGamer/gamerArrowPrev.png) !important;
}

.gamerCarouselContainer .slick-next::before {
    content: url(../../img/nuevos/imgGamer/gamerArrowNext.png) !important;
}

/*Gamer Carousel Settings*/
/*Gamer Carousel Items Colors*/
/*Purple*/
.purpleItem {
    background: url(../../img/nuevos/imgGamer/packagesBacks/purpleBorder.png) top center no-repeat;
    background-size: 100% 100%;
}

.purpleItem .gamerItemContainer {
    background: url(../../img/nuevos/imgGamer/packagesBacks/purpleBack.png) top center no-repeat;
    background-size: 100% 100%;
    border: rgba(127, 71, 221, 1) solid 2px;
}

.purpleItem .gamerItemTitle {
    background: rgba(126, 71, 221, 1);
}

/*Blue*/
.blueItem {
    background: url(../../img/nuevos/imgGamer/packagesBacks/blueBorder.png) top center no-repeat;
    background-size: 100% 100%;
}

.blueItem .gamerItemContainer {
    background: url(../../img/nuevos/imgGamer/packagesBacks/blueBack.png) top center no-repeat;
    background-size: 100% 100%;
    border: rgba(70, 69, 183, 1) solid 2px;
}

.blueItem .gamerItemTitle {
    background: rgba(71, 69, 183, 1);
}

/*Orange*/
.orangeItem {
    background: url(../../img/nuevos/imgGamer/packagesBacks/orangeBorder.png) top center no-repeat;
    background-size: 100% 100%;
}

.orangeItem .gamerItemContainer {
    background: url(../../img/nuevos/imgGamer/packagesBacks/orangeBack.png) top center no-repeat;
    background-size: 100% 100%;
    border: rgba(250, 167, 48, 1) solid 2px;
}

.orangeItem .gamerItemTitle {
    background: rgba(250, 167, 49, 1);
}

/*Gamer Carousel*/
.gamerButtonContainer {
    text-align: center;
    margin-top: 30px;
}

.gamerButtonContainer .gamerButton {
    color: rgba(246, 246, 246, 1);
    background: url(../../img/nuevos/imgGamer/btnModalGamer.png) top center no-repeat;
    background-size: 100% 100%;
    padding: 10px 50px;
}

.gamerButtonContainer .gamerButton::after {
    display: none;
}

/*Gamer Modal*/
.gamerModalContainer .modal-content {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.gamerModalContainer h6,
.gamerModalContainer h5 {
    display: block;
}

.gamerModalContainer h6 {
    color: rgba(117, 120, 123, 1);
    font-size: 1rem;
    line-height: 24px;
    font-weight: 500;
    margin-top: 40px;
}

.gamerModalContainer h5 {
    color: rgba(59, 69, 89, 1);
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 36px;
}

.gamerModalContainer .modal-header .close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: auto;
}

.gamerModalContainer .modal-header .close span img {
    width: 24px;
    height: auto;
}

.gamerModalContainer .gamerModalButton {
    text-align: center;
    margin-top: 42px;
    margin-bottom: 40px;
}

/*Gamer Modal*/
/*Gamer*/
/*Bolsa de trabajo*/
.jobsContainer {
    height: auto;
    padding-top: 15rem;
    padding-bottom: 15rem;
    background: url(../../img/landings/bolsaDeTrabajo/bolsaDeTrabajoTotalPlay.png) top center no-repeat;
    background-size: cover;
}

.jobsContainer h1 {
    font-size: 45px;
    line-height: 55px;
    color: rgba(245, 245, 245, 1);
    font-weight: 700;
}

.jobsDescriptionImage {
    height: auto;
    padding-top: 50px;
    padding-bottom: 60px;
}

.jobsDescriptionImage .jobsDescription p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: rgba(34, 36, 48, 1);
}

.jobsDescriptionImage .jobsImage {
    text-align: center;
}

.jobsDescriptionImage .jobsImage img {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
}

.jobsLinksTitles {
    text-align: center;
    height: auto;
    margin-bottom: 42px;
}

.jobsLinksTitles h1 {
    font-size: 34px;
    line-height: 40px;
    color: rgba(34, 36, 48, 1);
}

.jobsLinksContainers {
    height: auto;
    padding-bottom: 60px;
}

.jobLinkItem {
    height: auto;
    text-align: center;
    border-right: solid 1px rgba(189, 192, 195, 1);
}

.jobLinkItem:last-child {
    border-right: none;
}

.jobLinkItem img {
    margin-bottom: 25px;
    width: 100% !important;
    max-width: 125px;
    transition: 300ms;
}

.jobLinkItem img:hover {
    transform: scale(1.1);
    transition: 300ms;
}

.jobLinkItem .row {
    height: auto;
    text-align: center;
}

.jobLinkItem .jobLinkItemRow {
    margin-bottom: 25px;
}

.jobLinkItem .jobLinkItemRow:last-child {
    margin-bottom: 0;
}

.jobLinkItem a::after {
    display: none;
}

/*Bolsa de trabajo*/
/*Increase font size*/
.increaseFontBar {
    position: fixed;
    right: 0;
    top: 25vh;
    height: auto;
    z-index: 10000;
    background: rgba(59, 69, 89, 0.25);
    padding: 0.5rem;
}

.increaseFontBar .generalButton {
    height: auto;
    display: block;
    margin-bottom: 1rem;
    border-radius: 0;
    width: 60px;
    text-align: center;
}

.increaseFontBar .generalButton:last-child {
    margin-bottom: 0;
}

/*Increase font size*/
/*Firefox Hacks*/
@-moz-document url-prefix() {
    .arrowdownmove {
        top: 4px;
        left: 16%;
        animation: sdb10 2s infinite;
    }

    @keyframes sdb10 {
        0% {
            -moz-transform: translate(0, 0);
            opacity: 0;
        }

        40% {
            opacity: 1;
        }

        80% {
            -moz-transform: translate(0, 20px);
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }

    .appGalleryContainer .channelContainer .galleryDescription p span {
        color: rgba(245 245 245, 1);
    }
}

/*Firefox Hacks*/
/*Fix buenfin bar y chat*/
/*Contrata Ahora*/
.contrataHeaderContainer {
    background: #000000;
    padding-top: 8rem;
    padding-bottom: 2rem;
}

.contrataHeaderContainer .contrataTitle {
    text-align: center;
    padding: 2rem 0;
}

.contrataHeaderContainer .contrataTitle h1 {
    color: #fff;
    font-size: 38px;
    font-weight: 600;
}

.contrataHeaderContainer .contrataCards{
    gap: 1rem;
}
.contrataHeaderContainer .contrataCards a{
    color: #A8E3FC;
}
.contrataHeaderContainer .contrataCards .card {
    text-align: center;
    background: #1E1F28;
    border: none;
    border-radius: 8px;
}

.contrataHeaderContainer .contrataCards .card .card-title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 2rem;
}

.contrataHeaderContainer .contrataCards .card .card-body {
    padding: 2rem 1rem 2.5rem;
}

.contrataMapTitle,
.contrataLocationLink {
    text-align: center;
}

.contrataMapTitle h1 {
    font-weight: 600;
    font-size: 38px;
    color: #000000;
    margin-bottom: 2rem;
}

.contrataLocationLink a {
    color: rgba(25, 136, 255, 1) !important;
}

.contrataLocationLink a::before {
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    right: 10px;
}

.contrataLocationLink a::after {
    display: none;
}

.contrataFormContainer {
    padding: 4rem 0;
    background-color: #000000;
}

.contrataFormContainer .contrataFormTitle {
    text-align: center;
}

.contrataFormContainer .contrataFormTitle h1 {
    font-weight: 600;
    font-size: 38px;
    color: #fff;
    margin: 0 0 3rem;
}

.contrataFormContainer .contrataFormTitle h1 span {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: rgba(250, 250, 250, 1);
}

.contrataFormInputs {
    margin-bottom: 3rem;
}

.contrataFormInputs input {
    color: rgba(224, 224, 224, 1) !important;
}

.contrataFormInputs .mat-input-outer label {
    color: rgba(224, 224, 224, 1);
    line-height: 1;
}

.contrataFormInputs .mat-input-outer input + label.active {
    left: 5px;
    top: -15px;
    color: rgba(224, 224, 224, 1);
    opacity: 1;
    font-size: 12px;
    filter: alpha(opacity=100);
}

.contrataCTAContent {
    text-align: center;
}

.contrataCTAContent .contrataCTA {
    width: 290px;
    height: 46px;
    margin: auto;
    background-color: #1988FF;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    font-size: 18px;
    font-weight: 500;
}

.contrataCTAContent .contrataCTA::after {
    display: none;
}

.contrataMapContent {
    margin-top: 40px;
    margin-bottom: 64px;
}

.contrataMapContent .mapContainer iframe {
    border: none;
    width: 100%;
    height: 100%;
}

.locationsCarouselItem .locationsItemSingle {
    border: solid 1px rgba(224, 224, 224, 1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px 10px;
    margin-bottom: 12px;
    cursor: pointer;
}

.locationsCarouselItem .locationsItemSingle.activeMapItem {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05) !important;
    border: none !important;
}

.locationsCarouselItem .locationsItemSingle h1 {
    font-size: 16px;
    line-height: 19px;
    color: rgba(59, 69, 89, 1);
    font-weight: 700;
}

.locationsCarouselItem .locationsItemSingle p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
    color: rgba(59, 69, 89, 1);
}

.carouselButtons {
    text-align: right;
}

.carouselButtons a {
    background: rgba(245, 245, 245, 1);
    width: 42px;
    height: 42px;
    padding: 7px 10px 10px 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

.carouselButtons a::after {
    display: none;
}

.mapItemsCount {
    font-size: 14px;
    line-height: 18px;
    color: rgba(117, 120, 123, 1);
    font-weight: 300;
}

.locationsCarouselContainer .slick-slide:focus {
    outline: none;

}

/*Contrata Ahora*/
/*Modal Diciembre*/
.modalDiciembre .close img {
    width: 24px;
    position: relative;
    top: 10px;
    right: -10px;
}

.modalDiciembre {
    text-align: center;
}

.modalDiciembre .modal-content .modal-header {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding-top: 0;
    padding-bottom: 0;
}

.modalDiciembre .modal-content .modal-body {
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-top: 0;
    padding-bottom: 2rem;
}

.modalDiciembre .modal-content {
    background: url(../../img/nuevos/backgPopUpDecember.png) top center no-repeat;
    background-size: cover;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: none;
}

.modalDiciembre .modal-content h1 {
    color: rgba(246, 246, 246, 1);
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 27px;
    margin-top: 5px;
}

.modalDiciembre .modal-content img {
    max-width: 100%;
    height: auto;
}

.modalDiciembre .modal-content a {
    display: inline-block;
    margin-bottom: 36px;
    background: rgba(246, 246, 246, 1);
    color: rgba(25, 136, 255, 1);
}

/*Botones Paquetes*/
.packageInfoContainer a {
    margin-top: 32px;
    margin-bottom: 12px;
    background: transparent;
    color: rgba(25, 136, 255, 1);
    border: solid 2px rgba(25, 136, 255, 1);
}

.packageInfoContainer a:hover {
    background: rgba(25, 136, 255, 1);
    color: rgba(255, 255, 255, 1);
}

.packagePrice p a {
    border: none !important;
}

.packagePrice p a:hover {
    background: none;
}

/*Botones Paquetes*/
/*Opciones de compra ecommerce*/
.ecommerceOptions {
    text-align: center;
    margin-top: 16px;
}

.ecommerceOptions p {
    font-size: 18px;
    line-height: 28px;
    display: inline-block;
}

.ecommerceOptions a,
.ecommerceOptions p a {
    font-size: 18px;
    line-height: 28px;
    display: inline-block;
}

.ecommerceOptions a::after {
    display: none;
}
.headerBackLinkModal {
    font-size: 16px;
    line-height: 19px;
}

.headerBackLinkModal i {
    margin-right: 10px;
}

.headerBackLinkModal::after {
    display: none;
}

.priceUpdateTitle {
    font-size: 20px;
    line-height: 16px;
    color: rgba(59, 69, 89, 1);
    font-weight: 500;
}

.priceUpdateTitle .priceUpdate {
    font-size: 48px;
    line-height: 58px;
    font-weight: 500;
    color: rgba(59, 69, 89, 1);
    margin-top: 2px;
    margin-bottom: 10px;
}

.priceUpdateTitle .modalSoonPayment {
    font-size: 16px;
    line-height: 24px;
    color: rgba(34, 36, 48, 1);
    font-weight: 300;
}

.priceUpdateTitle .modalPromo {
    color: rgba(239, 108, 0, 1);
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.modalPackagesButton a::after {
    display: none;

}

/*Opciones de compra ecommerce*/

/*modal gracias*/
.thanksModalContainer {
    border: none;
}

.thanksModalContainer .modal-dialog .modal-content {
    border: none;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    -webkit-animation: modalThanksAppear 500ms forwards;
    animation: modalThanksAppear 500ms forwards;
}

.thanksModalContainer img {
    width: 32px;
}

.thanksModalContainer p span {
    font-weight: 700;
}

.thanksModalContainer .imageContainer,
.thanksModalContainer .buttonContainer {
    text-align: center;
}

.thanksModalContainer .closeModalButton {
    display: inline-block;
    background: transparent;
    border: solid 1px rgba(123, 179, 66, 1);
    padding: 10px 15px;
    color: rgba(123, 179, 66, 1);
    -webkit-border-radius: 24vw;
    -moz-border-radius: 24vw;
    border-radius: 24vw;
    white-space: nowrap;
}

.thanksModalContainer .closeModalButton:focus {
    outline: none;
}

/*modal gracias*/
/*Nuevos estilos paquetes*/
.newCardPackage {
    border: none;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 21px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05);
}

.newCardPackage .newPackageTitle p {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}

.newCardPackage .newPackageSpeed h1 {
    font-size: 31px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 18px;
}

.newCardPackage .newPackageResume {
    margin-bottom: 36px;
}

.newCardPackage .newPackageResume p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}

.newCardPackage .newPackageResume p span {
    font-weight: 700;
}

.newCardPackage .newPackageResume p.smallDesc {
    font-size: 12px;
    line-height: 28px;
    font-weight: 400;

}

.newCardPackage .newPackagePromo p {
    background: rgba(255, 83, 54, 1);
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: rgba(244, 244, 244, 1);
    text-transform: uppercase;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.newCardPackage .newPackageImage {
    margin-bottom: 32px;
}

.newCardPackage .newPackageImage img {
    max-width: 100%;
    width: 180px;
    margin: 0 auto;
}

.newCardPackage .newPackageDivider {
    margin-bottom: 20px;
}

.newCardPackage .newPackageDivider hr {
    border-top: solid rgba(117, 120, 123, 0.2) 1px;
    width: 80%;
    margin: 0 auto;
}

.newCardPackage .newPackagePrice {
    margin-bottom: 20px;
}

.newCardPackage .newPackagePrice p {
    color: rgba(117, 120, 123, 1);
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}

.newCardPackage .newPackagePrice p span {
    color: rgba(59, 69, 89, 1);

}

.newCardPackage .newPackageCTA .generalButton {
    border: rgba(25, 138, 255, 1) solid 2px;
    background: transparent;
    color: rgba(25, 138, 255, 1);
}
.newAppsContainer {
    padding-top: 122px;
    background: rgba(250, 250, 250, 1);
    position: relative;
}

.newAppsContainer .topTitle {
    text-align: center;
    margin-bottom: 38px;
}

.newAppsContainer .topTitle p {
    color: rgba(117, 120, 123, 1);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}

.newAppsContainer .newAppsContainerTitle {
    margin-bottom: 40px;
}

.newAppsContainer .newAppsContainerTitle h1 {
    text-align: center;
    font-weight: 700;
    font-size: 29px;
    line-height: 43px;
    margin-bottom: 34px;
    color: rgba(59, 69, 89, 1);
}

.newCardsApps .card .descriptionImage {
    margin-bottom: 100px;
    margin-top: 30px;
}

.newCardsApps .card .descriptionImage img {
    max-width: 90%;
}

.newCardsApps .card .descriptionColumn p,
.newCardsApps .card .descriptionColumn a {
    color: rgba(253, 253, 253, 1);
}

.newCardsApps .card .descriptionColumn a {
    font-size: 19px;
    line-height: 24px;
    font-weight: 400;
    padding: 10px 10px;
    display: inline-block;
    border: solid rgba(253, 253, 253, 1) 2px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    text-align: center;
}

.newCardsApps .card .descriptionColumn a span {
    display: inline !important;
}

.newCardsApps .card .descriptionColumn p {
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 28px;
}

.newCardsApps .card .descriptionColumn a::after {
    display: none;
}
#divCombinaPaquetes > div {
    max-width: 755px;
    height: 270px;
    margin-bottom: 2em;
}
#divCombinaPaquetes > div > .row{
    height: 100%;
}
.netflixCard > .row {
    border: none;
    background: #F93D44;
    /*background: -moz-linear-gradient(-45deg, rgba(228, 0, 43, 0.85) 0%, rgba(228, 0, 43, 0.85) 0%, rgba(224, 45, 29, 0.85) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(228, 0, 43, 0.85) 0%, rgba(228, 0, 43, 0.85) 0%, rgba(224, 45, 29, 0.85) 100%);
    background: linear-gradient(151deg, rgba(228, 0, 43, 0.85) 0%, rgba(228, 0, 43, 0.85) 0%, rgba(224, 45, 29, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4002b', endColorstr='#e02d1d', GradientType=1);*/
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    overflow: hidden;
}

.amazonCard > .row {
    border: none;
    background: #3AD2EF;
    /*background: -moz-linear-gradient(-45deg, rgba(0, 170, 227, 0.85) 0%, rgba(89, 203, 232, 0.85) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0, 170, 227, 0.85) 0%, rgba(89, 203, 232, 0.85) 100%);
    background: linear-gradient(151deg, rgba(0, 170, 227, 0.85) 0%, rgba(89, 203, 232, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aae3', endColorstr='#59cbe8', GradientType=1);*/
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    overflow: hidden;
}

.hogarSeguroCard > .row {
    border: none;
    background: #E3F9FD;
    /*background: -moz-linear-gradient(-45deg, rgba(0, 170, 227, 0.85) 0%, rgba(89, 203, 232, 0.85) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0, 170, 227, 0.85) 0%, rgba(89, 203, 232, 0.85) 100%);
    background: linear-gradient(151deg, rgba(0, 170, 227, 0.85) 0%, rgba(89, 203, 232, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aae3', endColorstr='#59cbe8', GradientType=1);*/
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    overflow: hidden;
}
#divCombinaPaquetes > div.hogarSeguroCard .text-left{
    display: flex;
}
#divCombinaPaquetes > div img{
    max-height: 270px;   
}
#divCombinaPaquetes > div.hogarSeguroCard img{
    width: 345px;
    align-self: center;
    margin: auto;
}
#divCombinaPaquetes > div strong{
    font-weight: 600;
}
#divCombinaPaquetes > div.hogarSeguroCard p{
    color: #515A77!important;
}
#divCombinaPaquetes > div .nuevobotoncard{
    max-width: 90%;
    width: 215px;
    height: 33px;
    background-color: rgb(247,247,247);
    border-radius: 25px;
    font-size: 14px;
    color: #404662;
    font-weight: 600;
    margin-top: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media(max-width: 767px){
    #divCombinaPaquetes > div .nuevobotoncard::after{
        margin-left: 0.3em;
        left: auto;
        top: auto;
    }
    .topBar:not(.fixedNav){
        top: 130px;
    }
}
#divCombinaPaquetes > div.hogarSeguroCard .nuevobotoncard{
    color: rgb(247,247,247);
    background-color: rgb(64,70,98);
}
#divCombinaPaquetes > div .content{
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}
#divCombinaPaquetes > div .content > .row{
    height: 100%;
}
#divCombinaPaquetes > div .content > .row > div{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
@media(max-width: 767px){
    #divCombinaPaquetes > div:not(.hogarSeguroCard) >.row > div:first-child img{
        position: absolute;
        height: 100%;
        max-width: none;
    }
    #divCombinaPaquetes > div .h4{
        font-size: 17px;
        line-height: 17px
    }
    #divCombinaPaquetes > div p{
        font-size: 12px;
    }
}
.newPromosCarouselContainer {
    padding-top: 87px;
    padding-bottom: 91px;
}

.newPromosCarouselContainer .newPromosTitle {
    text-align: center;
}

.newPromosCarouselContainer .newPromosTitle h1 {
    font-weight: 700;
    font-size: 28px;
    line-height: 43px;
    color: rgba(59, 69, 89, 1);
    margin-bottom: 36px;
}

.newPromosCarouselContainer .promosCarousel .promosCarouseItem {
    text-align: center;
}

.newPromosCarouselContainer .promosCarousel .promosCarouseItem {
    border: none;
    background: rgba(250, 250, 250, 1);
}

.newPromosCarouselContainer .promosCarousel .slick-list.draggable {
    padding-bottom: 16px !important;
    padding-top: 16px;
}

.newPromosCarouselContainer .promosCarousel .promosCarouseItem .itemImage img {
    background: rgba(250, 250, 250, 1);
    width: 100%;
}

.newPromosCarouselContainer .promosCarousel .promosCarouseItem:focus {
    outline: none;
}

.newPromosCarouselContainer .promosCarousel .promosCarouseItem .itemDescription {
    padding-bottom: 40px;
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
    background: rgba(250, 250, 250, 1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-border-bottom-right-radius: 19px;
    -webkit-border-bottom-left-radius: 19px;
    -moz-border-radius-bottomright: 19px;
    -moz-border-radius-bottomleft: 19px;
    border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px;
}

.newPromosCarouselContainer .promosCarousel .promosCarouseItem .itemDescription p {
    font-weight: 700;
    line-height: 31px;
    color: rgba(59, 69, 89, 1);
    font-size: 21px;
}

.matchNewPackages .titleRowPackages h1,
.unboxNewPackages .titleRowPackages h1 {
    color: rgba(250, 250, 250, 1);
}

.matchNewPackages .newPackagesTitleRow h3,
.matchNewPackages .newPackagesTitleRow p,
.unboxNewPackages .newPackagesTitleRow h3,
.unboxNewPackages .newPackagesTitleRow p {
    color: rgba(250, 250, 250, 1);
}

.matchNewPackages .newCardPackage .newPackageImage img,
.unboxNewPackages .newCardPackage .newPackageImage img {
    width: 230px;
}

.matchNewPackages .titleRowPackages img {
    padding-bottom: 10px;
    margin: 0 auto;
}

.unboxNewPackages .titleRowPackages img {
    width: 180px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
}

/*Nuevos estilos paquetes*/

/* E.D */

.top-bar-gradient {
    background: rgb(30,31,40);
    background: -moz-linear-gradient(90deg, rgba(30,31,40,1) 60%, rgba(61,62,68,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(30,31,40,1) 60%, rgba(61,62,68,1) 100%);
    background: linear-gradient(90deg, rgba(30,31,40,1) 60%, rgba(61,62,68,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e1f28",endColorstr="#3d3e44",GradientType=1);
}

.biggest{
    font-size: 38px !important;
    line-height: 1.25em !important;
}
.text-price{ color:#EF6D01 !important; }
.font14px{ font-size: 14px !important; line-height: 1.2em !important; }
.font16px{ font-size: 16px !important; line-height: 1.2em !important; }
.font20px{ font-size: 20px !important; line-height: 1.2em !important; }
.font24px{ font-size: 24px !important; line-height: 1.2em !important; }
.font30px{ font-size: 30px !important; line-height: .9em !important; }
@media (min-width: 768px) {
    .img-hero-home{ width: 100% !important;}
}

.bolder { font-weight: 700 !important;}
.bold { font-weight: 600 !important;}
.medium { font-weight: 500 !important;}
.regular { font-weight: 400 !important;}
.light { font-weight: 300 !important;}
.bg-red { background-color: #FF3F1F !important;}
.bg-black{ background-color: #000000; }
.bg-darken {background-color: #1E1F28; }
.bg-semi-dark{background-color: #2B303C;}
.big { font-size: 28px;}
.bigger { font-size: 42px;}
.bg-blue-light { background-color: rgba(22,137,255,.13)}
.pointer { cursor: pointer;}
.bage-red-prom { height: 60px; }

.toggle-paquetes .active {
    background-color: #007bff;
    border: solid 2px #007bff;
    margin: -1px;
}
.toggle-paquetes {
    background-color: transparent;
    border: solid 1px #fff;
    font-size: 14px;
    max-width: 285px;
}

/*    E.D.    */
.red {color:#FF3F1F;}
.orange {color:rgb(255,126,0);}
.bg-red { background-color: #FF3F1F !important}
.height60px { height: 60px;}
.height80px { height: 80px;}
.newCardPackage, .netflixCard .card, .amazonCard .card{ transition: all .3s ease;}
.newCardPackage:hover{ box-shadow: 0 1rem 1rem rgba(0,0,0,.15)!important; }
.netflixCard .card:hover, .amazonCard .card:hover { box-shadow: 0 1rem 1rem rgba(0,0,0,.15)!important; }
.newCardsApps .card .descriptionColumn a:hover{ opacity: .75}
.bolder { font-weight: 700 !important;}
.bold { font-weight: 600 !important;}
.semibold { font-weight: 500 !important;}
.bg-red { background-color: #FF3F1F !important;}
.bg-darken {background-color: #1E1F28; }
.big { font-size: 28px;}
.bigger { font-size: 42px;}
.bg-blue-light { background-color: rgba(22,137,255,.13)}
.pointer { cursor: pointer;}
.bage-red-prom { height: 60px; }

.toggle-paquetes .active {
    background-color: #007bff;
    border: solid 2px #007bff;
    margin: -1px;
}
.toggle-paquetes {
    font-size: 14px;
    background-color: transparent;
    border: solid 1px #fff;
}

.box-info-promos{ 
    height: 180px;
    background-color: #3A3C4B;
    border-radius: 20px;
}
.drop-info-btn { cursor: pointer; }

.drop-info-content{
    transition: all .3s ease;
    font-size: 12px;
/*    display: none;*/
} 

.icon-fade {  transition: all .1s ease; }

.img-icon-fade:hover + .icon-fade{ margin-top: -15px;}

.drop-info-btn:hover + .drop-info-content {opacity: 1; z-index: 1;}

.w-20px { width: 20px; }
.w-max-content { width: max-content; }

.card-info  { box-shadow: 0 16px 32px 0 rgb(0 0 0 / 20%); }
.zi-10      { z-index: 10; }
.btn-hoverlight:hover      { background: rgba(26, 118, 210, 0.2); padding-right: 2rem !important;}
.smoth { transition: all .3s ease; }
.h-75px { height: 75px; }

.link-card{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;}
.link-card:after { content: none; }

.link-card:hover + .card .nuevobotoncard { opacity: .7!important; }
/* Flash promo */

.hardsell-counter{
    background: rgb(89,100,232);
    background: linear-gradient(145deg, rgba(89,100,232,1) 0%, rgba(4,161,186,1) 100%);
    position: absolute;
    top: 0;
    height: auto;
    left: 50%;
    transform: translate(-50%, 0);
    top: 25px;
    width: calc(100% - 20vw);
}

.strikethrough { text-decoration: line-through; }

.box-promo-flash { 
    background-image: url('../../img/nuevos/flash_promo.svg');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: contain; /* Resize the background image to cover the entire container */
    padding-top: 2.5rem; padding-bottom: 2.5rem;
}

@media (min-width:400px) { .hardsell-counter{ top: 0; }}
@media (min-width:1200px) { 
    .hardsell-counter{ top: 25px; width: calc(100% - 3vw);}
    .p-flash{ font-size: 12px; }
    .box-promo-flash { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}

@media (min-width:1500px) { .hardsell-counter{ top: 10px; width: calc(100% - 5vw); }}
@media (min-width:1700px) { .hardsell-counter{ top: 0; width: calc(100% - 10vw); }}

.classLogo{
    max-height: 75px;
}

/* Table Benchmark Ventajas */

.bgHighlight{
    background: rgb(116,58,160) !important;
    background: linear-gradient(145deg, rgba(116,58,160,1) 0%, rgba(226,38,96,1) 100%) !important;
}

.bgHighlight * { color: #fff !important; }

.mainText { color: rgba(117, 120, 123, 1); }
 
.comparatorServiceItem.mergerServiceBox img { display: inline-block !important; }

@media (max-width: 1226px){
  .comparatorServiceItem.mergerServiceBox img { width: 20px !important; } 
  .comparatorServiceItem.mergerServiceBox span { font-size: .8rem !important; } 
  .tiny { font-size: .8rem !important; line-height: 1 !important; }
}

/* Responsive patch */

@media (min-width: 1652px){
    .headerPackages .headerPackagesContent .titleRowPackages h1 { font-size: 450% !important; }
    .headerPackages .headerPackagesContent .titleRowPackages h1 .font24px { font-size: 65% !important; }
    .leadText { font-size: 200%; }
}

.btn-change-dir { cursor: pointer; display: inline;font-size: 18px; }

@media (max-width: 400px){
    .boton-grande {
        max-width: 100%;
        height: 55px !important;
        line-height: 1;
    }
}

/* Animation */

@keyframes spinAnimation { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.spin       { animation:spinAnimation 4s linear infinite; }
@keyframes flickerAnimation { 0%   { opacity:1; } 50%  { opacity:.5; } 100% { opacity:1; }}
.flicker    { animation: flickerAnimation  3s infinite; }
@keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}
.breathe  {transform:scale(1);animation-name:breathe;animation-duration:3s;animation-iteration-count:infinite; }
@keyframes breatheless{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}
.breatheless  {transform:scale(1);animation-name:breatheless;animation-duration:3s;animation-iteration-count:infinite; }
/* Box Promo */

.relampago ~ .hardsell-title { 
    background: #A5D637;
    background: linear-gradient(104deg, #A5D637 0%, #6BD6A9 100%); 
}

.ultrasonico ~ .hardsell-title, .pro ~ .hardsell-title { 
    background: rgb(198,151,227);
    background: linear-gradient(142deg, #B753F5 0%, #9000FF 35%, #D800FF 100%); 
}

.sonico ~ .hardsell-title { 
    background: rgb(198,151,227);
    background: linear-gradient(142deg, rgba(198,151,227,1) 0%, rgba(255,0,118,1) 35%, rgba(255,0,235,1) 100%); 
}

.turbo ~ .hardsell-title, .basico ~ .hardsell-title { 
    background: rgb(198,151,227);
    background: linear-gradient(142deg, #006CFF 0%, #00B1FF 35%, #006CFF 100%); 
}

.veloz ~ .hardsell-title, .minibasico ~ .hardsell-title  {
    background: rgb(198,151,227);
    background: linear-gradient(142deg, #FA8700 0%, #FFD800 35%, #F6FF1C 100%);   
}

@media (min-width: 1280px){
    .hardsell-title{ font-size: 18px; padding: 10px 5px !important; }
}

/* Hot sale Landing */

.bg-darken-gradient { 
    background: rgb(30,31,40);
    background: linear-gradient(0deg, rgba(30,31,40,1) 0%, rgba(30,31,40,0) 100%); 
}

.bg-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
}

@media (min-width: 768px) { 
    .max-h-40-md{ max-height: 40vh; }
    .bg-img-hotsale {
        background-position: right bottom;
    }
}

@media (max-width: 768px) {
    .fw-rev { flex-wrap: wrap-reverse; } 
    .o-1 { order: 1; }
}

@media (max-width: 449px){

    .bg-img-promo{
        height: 150px !important;
    }
    
}

.bg-img-promo{
    height: 60px;
    background: -webkit-linear-gradient(270deg, #585858 0%, #393939 100%) 0% 0% no-repeat padding-box;
    background: -moz-linear-gradient(270deg, #585858 0%, #393939 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(270deg, #585858 0%, #393939 100%) 0% 0% no-repeat padding-box;
}

/* Hot Sale Home */
.lh-med { line-height: 1.5rem;}
.lh-normal { line-height: 1;}
.no-link-chev:after { display: none; }
.huge{ font-size: 4rem; }

/*VSB modal & packs modals*/
#VSB.show,
#TVPlus.show,
#TotalTV.show,
#HogarSeguro.show{display: flex !important}
#VSB .vsb_close,
#TVPlus .tv_close,
#TotalTV .tv_close,
#HogarSeguro .close{
    position: absolute;
    top: 25px;
    right: 25px;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 0;
    z-index: 1;
}
#VSB .modal-dialog,
#TVPlus .modal-dialog,
#TotalTV .modal-dialog,
#HogarSeguro .modal-dialog{
    max-width: 440px;
    margin: auto;
    top: -100px;
    filter: blur(9px);
    -webkit-transition: all .5s linear .2s;
    -moz-transition: all .5s linear .2s;
    -o-transition: all .5s linear .2s;
    transition: all .5s linear .2s;
}
#VSB.show .modal-dialog{width: 100%}
#VSB.show .modal-dialog,
#TVPlus.show .modal-dialog,
#TotalTV.show .modal-dialog,
#HogarSeguro.show .modal-dialog{
    top: 0;
    filter: blur(0);
}
#VSB .modal-content,
#TVPlus .modal-content,
#TotalTV .modal-content{
    background: #1e1f28 url(../../img/pages/home/modal_bg_textura.webp) no-repeat top/contain;
    color: #ffffff;
    margin: auto;
    text-align: center;
    font-weight: 300;
    border: 0;
    border-radius: 40px;
}
#VSB .modal-content strong{font-weight: 500;}
#VSB .modal-header{
    display: block;
    padding-bottom: 0;
}
#VSB .modal-header .modal-title{font-weight: 600}
#VSB .modal-footer{
    justify-content: center;
}
#VSB .modal-footer p{flex: 0 0 100%}
#VSB .modal-footer button{
    background: #1988ff;
    width: 230px;
    border-radius: 20px;
    border: 0;
    padding: 10px 0;
    color: #ffffff;
    font-weight: 300;
}
#VSB .modal-footer a{
    font-size: 16px;
    font-weight: 400;
}
#VSB .modal-footer a::after{content: none;}
#VSB .promo{color: #fb6400;}
.modal-backdrop.vsb_open,
.modal-backdrop.tv_open{background-color: rgba(255,255,255,.5);}
body.vsb_open > section,
body.tv_open > section,
body.vsb_open > .row,
body.tv_open > .row,
body.vsb_open .cardsRow,
body.tv_open .cardsRow,
body.vsb_open #sectionChat,
body.tv_open #sectionChat,
body.vsb_open > [id^=sectionPerformance],
body.tv_open > [id^=sectionPerformance],
body.vsb_open > #buenFinCounter{filter: blur(9px);}
/*@media(max-width: 767px){#VSB .modal-dialog {padding-top: 50px}}*/

/*totaltv & tv plus modal rewrite*/
#TVPlus .modal-dialog, #TotalTV .modal-dialog {
    max-width: 900px;
    max-height: 601px;
    border-radius: 10px;
}

.logos-adicional{
    max-width: 150px;
    max-height: 33px;
}

#HogarSeguro .modal-dialog{
    max-width: 720px;
    max-height: 100%;
    height: 535px;
}
#TVPlus .modal-content,
#TotalTV .modal-content{background-image: none;}
#TVPlus .modal-content,
#TotalTV .modal-content{max-width: 100%}
#TVPlus .modal-body button{
    background: #1988ff;
    width: 250px;
    border-radius: 20px;
    border: 0;
    padding: 10px 0;
    color: #ffffff;
    font-weight: 300;
}
#HogarSeguro .close{
    top: 15px;
    right: 20px;
}
#HogarSeguro .modal-content{
    height: 100%;
    border-radius: 30px;
    background-color: #474A5A;
}
#HogarSeguro .modal-content p{
    color: #ffffff;
    font-weight: 400;
}
#HogarSeguro .modal-content p,
#HogarSeguro .modal-content img{
    height: auto;
}
#HogarSeguro .modal-body{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#HogarSeguro .modal-body > .row{
    overflow-y: auto;
}
#HogarSeguro .modal-body > .row:before {
    content: "\021E9  Ver más";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 30px 30px;
    background-color: rgb(49,50,68);
    color: #ffffff;
    font-weight: 300;
    font-size: .9em;
    padding: 10px 0;
    z-index: 1;
    opacity: 1;
    transition: opacity .3s linear;
}
#HogarSeguro .modal-body > .row.scrolled:before{
    opacity: 0;
}
#HogarSeguro .modal-body > .row > div{
    height: fit-content;
}
@media(max-width: 1199px){
    .custom-checkbox>.box.hogar strong{
        padding-left: 0;
    }
}
@media (max-width: 991px){
    #mapaPV{
        height:300px;
        margin-top: 30px !important;
    }
    .custom-checkbox>.box.hogar{
        flex-direction: column;
    }
    .custom-checkbox>.box.hogar button{
        margin: 1em 0;
    }
}

/*nuevo diseño paquetes*/
#contenedorPaquetes::-webkit-scrollbar,
#ofertaZonaFactible::-webkit-scrollbar {display: none;}

#contenedorPaquetes,
#contenedorPaquetes .row,
#ofertaZonaFactible,
#ofertaZonaFactible .row{
    justify-content: center;
}
#contenedorPaquetes > div,
#ofertaZonaFactible > div{
    z-index: 1;
    padding: 0 9px;
    max-width: 286px;
}
#contenedorPaquetes .highlighted::before,
#ofertaZonaFactible .highlighted::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 17px;
    background: #FE5537;
    z-index: -1;
    animation: opacityToggle 1.5s infinite 100ms;
    opacity: 0;
}

.balazoCards{
    position: absolute;
    height: 90px;
    z-index: 10000;
    top: -40px;
    left: 220px;
}

.buenFinCards{
    position: absolute;
    height: 70px;
    z-index: 10000;
    top: -12px;
    right: 330px;
}

.imgBuenFin{
    height: 70px;
    position:absolute; 
    z-index: 1000; 
    top: -10px; 
    left: 0px;
}

.imgGranVenta{
    height: 80px;
    position:absolute; 
    z-index: 1000; 
    top: -10px; 
    left: 0px;
}

a.hoverOffer::after{
    display: none !important;
}

.hoverOffer img{
    height: auto;
}

.box-paquetes .info-desc,
.box-paquetes .packsModal,
.box-paquetes .extra-info,
.box-paquetes .extra-info div,
#contenedorPaquetes + .custom_nav,
#ofertaZonaFactible + .custom_nav{
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-paquetes{
    color: #ffffff;
    text-align: center;
    border-radius: 11px;
    border: 1px solid #E3F9FD;
}
.box-paquetes .header {
    border-radius: 10px 10px 0 0;
}
.box-paquetes .header.veloz ,.box-paquetes .header.minibasico{
    background: linear-gradient(to right, rgb(60,186,77) 10%,rgb(181,249,9) 100%);
}
.box-paquetes .header.turbo ,.box-paquetes .header.basico{
    background: linear-gradient(to right, rgb(154,0,146) 10%,rgb(231,15,121) 100%);
}
.box-paquetes .header.sonico{
    background: linear-gradient(to right, rgb(42,61,157) 10%,rgb(53,160,220) 100%);
}
.box-paquetes .header.ultrasonico,.box-paquetes .header.pro{
    background: linear-gradient(to right, rgb(49,0,102) 10%,rgb(110,7,161) 100%);
}
.box-paquetes .header.relampago{
    background: linear-gradient(to right, rgb(231,52,19) 10%,rgb(252,107,0) 100%);
}
/* .box-paquetes .header.pro{
    background: linear-gradient(to right, rgb(231,52,19) 10%,rgb(252,107,0) 100%);
} */

.box-paquetes .info-megas{
    font-size: 30px;
    line-height: 1em;
    font-weight: 600;
    padding: 15px 0 25px;
    border-radius: 10px 10px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box-paquetes .info-megas small {
    font-size: 60%;
    line-height: normal;
}
.box-paquetes .info-desc {
    background-color: #2b2f3d;
    font-size: 14px;
    padding: 15px 15px 0;
    flex-direction:  column;
    margin-top: -10px;
    /* border-radius: 10px 10px 0 0; */
}
.box-paquetes .info-desc p{
    height: auto;
}
.box-paquetes .info-desc small{
    font-size: 85%;
}
.box-paquetes .info-desc .logos_wrp {
    display: flex;
    justify-content: space-between;
}
.box-paquetes .info-desc .logos_wrp > div {
    flex: 0 0 48%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* background: #3f434e; */
    border-radius: 4px;
    padding: 0 15px;
    height: 72px;
}
.box-paquetes .info-desc .logos_wrp > div.onlyOne{
    flex: 0 0 100%;
}
.box-paquetes .info-desc .logos_wrp img {
    height: auto;
}

.box-paquetes .info-desc hr {
    margin: 6px 0 5px;
    border-color: #fff;
    width: 230px;
}

.box-paquetes .packsModal{
    padding: 10px 0;
    background-color: #1e1f28;
    border: 2px solid #2b2f3d;
    border-top: 0;
    height: 77px;
    flex-direction: column;
    justify-content: start;
    position: relative;
}
.box-paquetes .packsModal img {
    margin: 0 5px;
    cursor: pointer;
    height: auto;
}
.box-paquetes .packsModal > div:last-child{
    position: absolute;
    width: 80px;
    height: auto;
    top: 53%;
}
.box-paquetes .info-desc .box_img{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.box-paquetes .info-desc .box_img:hover,
.box-paquetes .info-desc .icon-fade:hover + .box_img{
    transform: translateY(-5px);
}
.icon-fade{
    position: absolute;
    top: 13%;
    right: 13%;
    height: auto;
}
.box-paquetes .extra-info {
    font-size: 1.5em;
    font-weight: 500;
    line-height: normal;
    min-height: 160px;
    flex-direction: column;
    background-color: #1e1f28;
    border: none;
    align-items: end;
    position: relative;
}
.box-paquetes .extra-info:before{
    position: absolute;
    right: 70%;
    top: 0;
    width: 30%;
    height: 100%;
    font-family: Font Awesome\ 5 Free;
    color: #ffffff;
    font-weight: 800;
    font-size: 1.5em;
    line-height: 4;
}
.box-paquetes .label{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    height: 75px;
    padding: 0.5em 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* background: #ff5800; */
    background: transparent linear-gradient(100deg, #F07800 0%, #F21A08 100%) 0% 0% no-repeat padding-box;
    opacity: 1;     
    /* background: -moz-linear-gradient(262deg, #ff9a00 0%, #FF5800 100%);
    background: -webkit-linear-gradient(262deg, #ff9a00 0%, #FF5800 100%);
    background: linear-gradient(262deg, #ff9a00 0%, #FF5800 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5800', endColorstr='#ff9a00',GradientType=1 );
}
.box-paquetes .label p{
    font-size: 16px;
}
.box-paquetes .label span{
    font-size: 24px;
    line-height: 1;
    height: auto;
}
.box-paquetes .label small{
    font-size: 12px;
    font-weight: 400;
    display: block;
    height: auto;
}
.box-paquetes .label small > span {
    font-size: inherit;
}
.box-paquetes .label p{
    font-size: 16px;
    font-weight: 600;
}
.box-paquetes .label hr {
    margin: 6px 0 5px;
    border-color: white;
    width: 165px;
}
.box-paquetes .label-promo {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    height: 75px;
    padding: .75em 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: transparent linear-gradient(180deg, #541FB9 0%, #411515 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.box-paquetes .extra-info.wifi:before{
    content: "\f1eb";
}
.box-paquetes .extra-info.dollar-sign:before{
    content: "\f155";
}
/*
.highlighted .extra-info:before {
    content: '¡Por tiempo limitado!';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #ffffff;
    color: rgb(255,63,0);
    font-size: 11px;
    padding: 2px 0;
}
.highlighted .extra-info div{
    margin: 12px 0px 0;
}*/
.box-paquetes .extra-info div{
    text-align: left;
    margin-bottom: 17px;
}
.box-paquetes .extra-info div i{
    height: 100%;
    margin-right: 10px;
    font-size: 1.2em;
}
.box-paquetes .extra-info div p {
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
}
.box-paquetes .extra-info span {
    font-size: 65%;
}
.box-paquetes .footer {
    border-radius: 0 0 10px 10px;
    background-color: #2b2f3d;
    padding-bottom: 10px;
}
.box-paquetes .footer p{
    font-size: 14px;
    font-weight: 200;
    margin: 5px 0;
}
.box-paquetes .footer p.yllw{
    color: rgb(255,224,0);
}
.box-paquetes .footer strong{
    font-weight: 600;
}
.box-paquetes .footer a{
    width: 240px;
    font-weight: 400;
    margin-top: 1.2em;
}
.box-paquetes .invoice{
    color: rgb(80,83,93) !important;
}
.box-paquetes .footer a:after{
    content: none;
}
.box-paquetes .extra-info div{
    margin-bottom: 5px;
}
.box-paquetes .extra-info div,
.box-paquetes .extra-info span{
    width: 90%;
    text-align: left;
    margin-left: auto;
}
.box-paquetes .extra-info div p{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1;
    flex: 0 0 100%;
    padding: 0 20px;
}
/*  */
.priceThrough{
    font-size: 20px; 
    text-decoration: line-through; 
    text-decoration-color: #FB7E0F;
}
#bannerBlack{
    background: -webkit-linear-gradient(271deg,#19cde5,#c409c4);
    background: -moz-linear-gradient(271deg,#19cde5 0,#c409c4 100%);
    background: -o-linear-gradient(271deg,#19cde5cd 0,#c409c4 100%);
    background: linear-gradient(271deg,#19cde5,#c409c4);
    
    z-index: 1000;
    position: fixed;
    top: 79px;
    width: inherit;
    max-width: inherit;
}

#bannerBlack img{
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    margin: auto;
    height: 90%;
    max-width: none;
}
#bannerPadre{
    z-index: 999;
    position: fixed;
    top: 79px;
    width: inherit;
    height: 90px;
    max-width:inherit;
}
#bannerPadre::before {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 0;
    width: 100%;
    height: 110%;
    background: #FF004C;
    transform: skewY(-1deg);
}
@media(max-width: 992px){
    #bannerPadre::before{
        transform: skewY(-2deg);
    }
    #bannerPadre p{
        line-height: 1.2;
    }
    #bannerPadre img{
        position: absolute;
        top: -10px;
        right: 0;
        width: 100px;
    }  
}
.logoHotSale img{
    max-width: 100%;
    position: absolute;
    top: 30px;
}

.fireHotSale img{
    max-width: 100%;
    position: absolute;
    top: 30px;
    right: 50px;
}

.text-hotsale{
    font-size: 20px;
}

@media(max-width:  1024px){
    /* #sectionChat{display: none} */
}
@media(min-width:  768px) and (max-width: 991px){
    #buenFinCounter{
        width: 90%;
    }
    #buenFinCounter h4{
        font-size: 1.25rem;
    }
    #buenFinCounter .timeWrp >.time small{
        font-size: 25%;
    }
}
@media(max-width:  992px){
    #bannerHotSale .fireHotSale {
        position: absolute;
        top: 35px;
        right: 15%;
        width: 80px;
    }
    #bannerHotSale .logoHotSale {
        position: absolute;
        top: 10px;
        right: 0;
        width: 80px;
    }
}
@media(max-width:  767px){
    #buenFinCounter:before{
        content: none;
    }
    #buenFinCounter .h2{
        font-size: 1.5rem;
    }
    #buenFinCounter .timeWrp{
        justify-content: center;
    }
    #bannerHotSale br{
        display: none;
    }
}
@media(max-width: 575px){
    #buenFinCounter .timeWrp>.time small{
        font-size: 27%;
    }
    #buenFinCounter .timeWrp > .time > div{
        height: 60px;
    }
    #buenFinCounter .h6 {
        font-size: .8em;
    }
    #buenFinCounter .h4 {
        font-size: .9em;
    }
    #buenFinCounter .card{
        margin-bottom: 0;
    }
    #bannerTvAdicional img{
        width: 110px;
    }
    #bannerTvAdicional p{
        font-size: 12px;
    }
}
@media(max-width: 360px){
    #buenFinCounter .h2 {
        font-size: 1.2rem;
    }
}

/*end buenfin2021*/
#contenedorPaquetes + .custom_nav,
#ofertaZonaFactible + .custom_nav{
    margin: 2em 0 4em;
    display: none;
}
#contenedorPaquetes + .custom_nav .dot,
#ofertaZonaFactible + .custom_nav .dot {
    width: 10px;
    height: 10px;
    background-color: #c8d8e7;
    margin: 0 20px;
    border-radius: 10px;
    -webkit-transition: width .1s ease-in-out;
    -moz-transition: width .1s ease-in-out;
    -o-transition: width .1s ease-in-out;
    transition: width .1s ease-in-out;
}
#contenedorPaquetes + .custom_nav .dot.active,
#ofertaZonaFactible + .custom_nav .dot.active{
    background-color: #ffffff;
    width: 20px;
}

@media(max-width: 575px){
    #contenedorPaquetes + .custom_nav,
    #ofertaZonaFactible + .custom_nav{
        display: flex;
    }
}
@media(max-width: 767px){
    #contenedorPaquetes,
    #ofertaZonaFactible{
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: normal;
        padding: 0 10px;
    }
}
@media(max-width: 1199px){
    .box-paquetes .info-megas{ font-size: 2em; }
}
/*custom breakpoint*/
@media(min-width: 1025px){
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
}
/*arma tu paquete*/
.side_divider {
    border-left: 1px solid #515A77;
}
.side_divider:before{
    content: "\f067";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top: calc(50% - 16px);
    left: -16px;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #1E1F28;
    border: 1px solid #515A77;
    border-radius: 11px;
    width: 32px;
}
.packs_switch{
    width: 85%;
    margin: auto;
    padding: 6px 0;
    background: transparent;
    border-radius: 9px;
    flex-direction: column;
}
.packs_switch .tv_wrp{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.packs_switch .tv_wrp .custom-checkbox{
    flex: 0 0 48%;
}
.packs_switch,
.packs_switch .custom-checkbox > .box{
    display: flex;
    justify-content: center;
    align-items: center;
}
.packs_switch.internet .custom-checkbox > .box{
    height: 46px;
}
.packs_switch.internet .tv_wrp .custom-checkbox > .box{
    height: 93px;
}
.packs_switch .custom-checkbox {
  width: 100%;
  position: relative;
  margin: 10px 0;
}
.packs_switch .custom-checkbox > input {
  position: absolute;
  outline: none;
  left: 0;
  top: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  opacity: 0;
  z-index: 1;
}
.packs_switch .custom-checkbox > .box {
    height: 70px;
    border: 2px solid #cad8e5;
    border-radius: 9px;
    cursor: pointer;
    position: relative;
    padding: 6px 0;
}
.packs_switch .custom-checkbox > .box img,
.packs_switch .custom-checkbox > .box i{
    height: auto;
}
.packs_switch .custom-checkbox > .box > p{
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.packs_switch .custom-checkbox > .box > p > small{
    font-size: inherit;
    font-weight: 300;
    height: auto;
}
.packs_switch .custom-checkbox > .box > p:not(.icons){
    align-items: center;
}
.packs_switch .custom-checkbox > .box > p.icons{
    color: #ffffff;
    height: 100%;
    justify-content: space-around;
}
.packs_switch .custom-checkbox>.box > p.icons > i {
    font-size: small;
    color: #ffffff;
    padding-right: 12px;
}
.packs_switch .custom-checkbox>.box > p.icons > img{
    max-width: 16px;
}
.packs_switch .custom-checkbox > .box > p > span{
    font-size: 22px;
    height: 40px;
}
.packs_switch .custom-checkbox > .box > p > label{
    margin: 0;
    line-height: 1;
}
.packs_switch.streaming .custom-checkbox > .box > p,
.packs_switch.hogarseguro .custom-checkbox > .box > p{
    font-weight: 300;
    color: #ffffff;
    width: 100%;
}
.packs_switch .custom-checkbox > input:checked ~ .box,
/*IE8*/.packs_switch .custom-checkbox.checked > .box{
    border: 4px solid #1689FF;
}
.packs_switch.streaming .custom-checkbox.netflix.checked>.box,
.packs_switch.streaming .custom-checkbox.netflix>input:checked~.box{
    background-color: rgb(247,4,41);
}
.packs_switch.streaming .custom-checkbox.amazon.checked>.box,
.packs_switch.streaming .custom-checkbox.amazon>input:checked~.box{
    background-color: rgb(0,212,244);
}
.packs_switch.hogarseguro .custom-checkbox.checked>.box,
.packs_switch.hogarseguro .custom-checkbox>input:checked~.box{
    background-color: rgb(209,250,255);
}
.packs_switch.streaming .custom-checkbox.netflix >.box .img{
    width: 100%;
    height: 27px;
    background: url(../../../assets/img/nuevos/logo_netflix_red.png) no-repeat center/contain;
    margin-top: 3px;
}
.packs_switch.streaming .custom-checkbox.amazon >.box .img{
    width: 100%;
    height: 33px;
    background: url(../../../assets/img/nuevos/logo_amazon.svg) no-repeat center/contain;
}
.packs_switch.hogarseguro .custom-checkbox >.box .img{
    width: 100%;
    height: 27px;
    background: url(../../../assets/img/nuevos/logo_hogarseguro.svg) no-repeat center/contain;
    margin-top: 3px;
}
.packs_switch.streaming .custom-checkbox.netflix.checked >.box .img,
.packs_switch.streaming .custom-checkbox.netflix > input:checked~.box .img{
    background-image: url(../../../assets/img/nuevos/logo_netflix_white.png);
}
.packs_switch.streaming .custom-checkbox.amazon.checked >.box .img,
.packs_switch.streaming .custom-checkbox.amazon > input:checked~.box .img{
    background-image: url(../../../assets/img/nuevos/logo_amazon_white.svg);
}
.packs_switch.hogarseguro .custom-checkbox.checked >.box .img,
.packs_switch.hogarseguro .custom-checkbox > input:checked~.box .img{
    background-image: url(../../../assets/img/nuevos/logo_hogarseguro_dark.svg);
}
.packs_switch.hogarseguro .custom-checkbox.checked > .box > p,
.packs_switch.hogarseguro .custom-checkbox > input:checked~.box > p{
    color: rgb(81,88,122);
}
.packs_switch .custom-checkbox > input:active ~ .box {
  border-color: #aaa;
  background-color: #ddd;
}
.packs_switch .custom-checkbox.checked > .box::before,
.packs_switch .custom-checkbox > input:checked~.box::before {
    content: '';
    position: absolute;
    top: -4px;
    right: -4px;
    width: 30px;
    height: 33px;
    background: url(../../../assets/img/nuevos/check.png) no-repeat center/contain;
}
.packs_btn {
    background: #515A77;
    color: white;
    border-radius: 6px;
    font-size: 14px;
    width: 130px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.packs_btn::after{content: none}
.packs_btn:hover{
    color: white;
}
/*util arma paquete*/
.opt {
    position: absolute;
    top: 30px;
    color: #B3CBE2;
}
.fa-rotate-y:before{
    display: block;
    transform: rotateY(180deg);
}
.fw-600{
    font-weight: 600;
}
@media(max-width: 767px){
    .packs_switch.streaming{
        padding: 0;
    }
    .side_divider{
        margin-top: 1.5em;
        padding-top: 1em;
        border-top: 1px solid #515a77;
        border-left: 0;
    }
    .side_divider:before{
        top: -16px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .coberturaBtn{
        margin: auto;
    }
}

/*nueva página hogar seguro*/
#hogar_hightlights .blueligth_bg{
    background-color: #EDFCFF;
}
#hogar_hightlights .highlight{
    font-weight: 600;
    font-size: 38px;
}
#hogar_hightlights .highlight span{
    color: rgb(0,180,225);
}
#hogar_hightlights .highlight,
#hogar_hightlights p{
    color: #404860;
}
#hogar_hightlights p:not([class]){
    font-size: 25px;
    line-height: normal;
    margin-top: .5em;
}
.darkBtn{
    background-color: #2B303C;
    border-radius: 50px;
    max-width: 100%;
    width: 340px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.darkBtn > a {
    font-size: 20px;
}
.custom-checkbox > .box.hogar{
    width: 100%;
    height: auto;
    padding: 1.5em 0;
}
.custom-checkbox > .box.hogar > div{
    flex: 0 0 22%;
}
.custom-checkbox > .box.hogar p {
    text-align: center;
}
.custom-checkbox > .box.hogar p img {
    width: 300px;
    margin-bottom: .5em;
}
.custom-checkbox > .box.hogar button{
    font-size: 13px;
    color: #fff;
    background-color: #00b3db;
    border-radius: 13px;
    border: 0;
    padding: 7px 20px;
    margin-top: .5em;
}
.custom-checkbox > .box.hogar strong{
    flex: 0 0 13%;
    font-size: 14px;
    padding-left: 20px;
}

.blackfriday_mobile{
    height: auto;

}
.disclaimer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    color: #ffffff;
    font-size: 11px;
    background-color: rgb(43 47 61 / 75%);
    line-height: 1.5;
    z-index: 49;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.disclaimer > .row {
    height: 100%;
    max-width: 640px;
    margin: 0 auto;
}
.disclaimer>.row>div {
    display: flex;
    align-items: center;
}
.disclaimer a{
    font-size: 11px;
    text-decoration: underline;
}
.disclaimer p{
    height: auto;
}
.disclaimer button{
    background: transparent;
    font-size: 11px;
    color: #ffffff;
    border: 2px solid rgb(0,124,255);
    width: 120px;
    height: 30px;
    border-radius: 20px;
}
.disclaimer button:focus {
    outline: none;
}
@media(max-width: 767px){
    .disclaimer{
        height: 150px;
        bottom: 47px;
    }
    .disclaimer > .row{
        justify-content: space-evenly;
        flex-direction: column;
        text-align: center;
    }
    .disclaimer > .row > div{
        height: fit-content;
        justify-content: center;
    }
}

/*banner verde home mundial*/

.banner_mundial{
    background: -webkit-linear-gradient(to right, #8AAA04 0%, #A8CE09 100%) !important;
}

/*banner naranja home & detallePaquete*/
.banner_home {
    background: -webkit-linear-gradient(to right, #6D22EF 0%, #4B3365 100%);
    background: -moz-linear-gradient(to right,#6D22EF 0%, #4B3365 100%);
    /* background: linear-gradient(to right,#6D22EF 0%, #4B3365 100%); */
    /* background: linear-gradient(to right,#FB0F0F 0%, #FB0F0F 100%); */
    background:  linear-gradient(90deg, #FF0000 0%, #CB2632 75%, #FB7E0F 100%);
}
.banner_home img:not(.vsb_logo) {
    /* position: absolute; */
    top: 0;
    height: auto;
    width: 550px;
}
.banner_home p strong {
    font-weight: 600;
}
.banner_home p {
    font-weight: 300;
}
@media(min-width: 1536px){
    .banner_home{
        margin-bottom: 5rem !important;
    }
    .banner_home img:not(.vsb_logo){
        width: 440px;
    }
}
@media(max-width: 767px){
    .banner_home{
        height: 255px;
    }
    .banner_home img:not(.vsb_logo) {
        top: auto;
        bottom: -40px;
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 300px;
    }
    .banner_home p{font-size: 20px;}
}


.h1-responsive {
    font-size: 25px!important;
}
.h2-responsive {
    font-size: 22.5px!important;
}
.h3-responsive {
    font-size: 20px!important;
}
.h4-responsive {
    font-size: 17.5px!important;
}
.h5-responsive {
    font-size: 15px!important;
}
.h6-responsive {
    font-size: 12.5px!important;
}


@media screen and (min-width: 576px) {
    .h1-responsive {
        font-size: 2.5rem!important;
    }
    .h2-responsive {
        font-size: 2rem!important;
    }
    .h3-responsive {
        font-size: 1.75rem!important;
    }
    .h4-responsive {
        font-size: 1.5rem!important;
    }
    .h5-responsive {
        font-size: 1.25rem!important;
    }
    .h6-responsive {
        font-size: 1rem!important;
    }
}

.custom-checkbox.tv.plus:before {
    content: "NUEVO";
    width: 55px;
    height: 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: -7px;
    margin: 0 auto;
    border-radius: 12px;
    background-color: rgb(237,58,0);
    color: #ffffff;
    font-size: 9px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.bg-orange {
    background-color: #f07800;
}
/* .hotsale .box-paquetes .info-megas:before {
    content: '';
    position: absolute;
    right: -15px;
    top: -20px;
    width: 69px;
    height: 61px;
    background: url(../../../assets/img/nuevos/padre/percent.svg) no-repeat 50%/contain;
} */
/*pre buenfin comment
.hotsale .box-paquetes:hover .info-desc,
.hotsale .box-paquetes.selected .info-desc{
    background: #f56600;
    background: -moz-linear-gradient(180deg,#FF7000,#FF0000);
    background: -webkit-linear-gradient(180deg,#FF7000,#FF0000);
    background: linear-gradient(180deg,#FF7000,#FF0000);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7000', endColorstr='#FF0000',GradientType=1 );
}
.hotsale .box-paquetes:hover .img-icon-fade,
.hotsale .box-paquetes.selected .img-icon-fade{
    filter: brightness(0) invert(1);
}
.hotsale .box-paquetes:hover .footer,
.hotsale .box-paquetes.selected .footer{
    background: #FF0000;
}
.hotsale .box-paquetes:hover .footer .invoice,
.hotsale .box-paquetes.selected .footer .invoice{
    color: rgb(213,55,58);
}pre buenfin comment*/
.promoHotSale{
    background-image: linear-gradient(271deg, #FD8610 0%, #FF2266 100%);  
}
.promoHotSale .packageOptionDesc p{
    color: white !important;
}
@media(max-width: 767px){
    /* .hotsale .box-paquetes .info-desc{
        background: #f56600;
        background: -moz-linear-gradient(180deg,#FF7000,#FF0000);
        background: -webkit-linear-gradient(180deg,#FF7000,#FF0000);
        background: linear-gradient(180deg,#FF7000,#FF0000);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7000', endColorstr='#FF0000',GradientType=1 );
    } */
    .hotsale .box-paquetes .img-icon-fade{
        filter: brightness(0) invert(1);
    }
    /* .hotsale .box-paquetes .footer{
        background: #FF0000;
    } */
    .hotsale .box-paquetes .footer .invoice{
        color: rgb(213,55,58);
    }
}
/*counter*/
/* .counterWrp{
    position: absolute;
    bottom: 40px;
    right: 0;
    left: 0;
    height: 110px;
    z-index: -1;
    width: 530px;
    margin: -20px auto 0;
    background: linear-gradient(104deg,red,#cb2632 86%,#fb7e0f);
    border-radius: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 90px;
}
.counterWrp:before{
    content: "";
    position: absolute;
    top: -8px;
    left: -7px;
    height: 125px;
    width: 125px;
    background: url(../../img/nuevos/granventa/logo.png) no-repeat 50%/contain;
}
.counterWrp .advice{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
} */
/*.counterWrp:before,
.counterWrp:after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 95%;
    height: 100%;
    background: linear-gradient(124deg, #FF0000 0%, #CB2632 75%, #FB7E0F 100%);
    z-index: -1;
    transform: skew(7deg);
}
.counterWrp:after {
    left: 0;
    z-index: -2;
    transform: skew(357deg);
}*/

.timeWrp {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: auto;
}
.timeWrp .time {
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    text-align: center;
    position: relative;
    display: block;
}
.timeWrp .time:not(:last-child):before {
    content: ":";
    position: absolute;
    right: -3px;
    font-size: 45px;
    font-weight: 500;
}
.timeWrp .time span {
    display: block;
    font-size: 45px;
    font-weight: 500;
    width: 110px;
    color: #ffffff;
    line-height: 36px;
    margin-bottom: 5px;
}
@media(max-width: 767px){
    .h1 {
        font-size: 40px;
    }
    .starts_in{
        flex-direction: column;
    }
    .starts_in p{
        font-size: 20px;
    }
    .timeWrp .time{
        font-size: 12px;
    }   
    .timeWrp .time span{
        font-size: 38px;
        border-width: 1px;
        width: 75px;
        margin-bottom: 5px;
    }
    .timeWrp .time:not(:last-child):before{
        font-size: 38px;
    }
}
/* @media(max-width:  767px){
    .counterWrp{
        bottom: -55px;
        height: 90px;
        width: 355px;
        padding-left: 66px;
    }
    .timeWrp{
        width: 260px;
        height: 56px;
    }
    .timeWrp .time{
        font-size: 10px;
    }
    .timeWrp .time span{
        font-size: 30px;
    }
    .counterWrp:before {
        left: -7px;
        height: 103px;
        width: 103px;
    }
    .counterWrp .advice{
        font-size: 12px;
    }
} */

/* hotsale */
.bg-hotsale{
    background: transparent linear-gradient(86deg, #CD2FA0 0%, #5045D3 100%) 0% 0% no-repeat padding-box;
}
.bg-hotsale .title-hotsale{
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: italic normal bold 22px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.bg-hotsale .counterWrp{
    background: none;
    margin: 0px;
    position: relative;
    bottom: 0px;
    padding: 0px;
    width: 430px;
}
.bg-hotsale img{
    width: 83px;
}

@media(max-width: 1023px){
    .bg-hotsale .title-hotsale{
        font: normal normal 600 18px Montserrat !important;
    }
    .offerTitle{
        font: normal normal 600 10px Montserrat !important;
    }
    .bg-hotsale img{
        width: 51px !important;
        top: 20px;
        left: 20px;
        position: relative;
    }
    .offer .timeWrp .time span {
        font: normal normal 500 20px / 34px Montserrat !important;
    }
}
/*  */

/* new counter */
.offer{
    border-radius: 55px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    max-width: 867px;
}
.offerTitle{
    font: normal normal bold 14px Montserrat;
}
.offer > p{
    font-size: 26px;
    font-weight: 500;
    width: auto;
}
.offer .timeWrp {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: auto;
}
.offer .timeWrp .time {
    font-size: 8px;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    text-align: center;
    position: relative;
}
.offer .timeWrp .time.days:after {
    content: "Días";
}
.offer .timeWrp .time.hours:after {
    content: "Horas";
}
.offer .timeWrp .time.minutes:after {
    content: "Minutos";
}
.offer .timeWrp .time.seconds:after {
    content: "Segundos";
}
html[lang=en] .offer .timeWrp .time.days:after {
    content: "Days";
}
html[lang=en] .offer .timeWrp .time.hours:after {
    content: "Hours";
}
html[lang=en] .offer .timeWrp .time.minutes:after {
    content: "Minutes";
}
html[lang=en] .offer .timeWrp .time.seconds:after {
    content: "Seconds";
}
.offer .timeWrp .time:not(:last-child):before {
    content: ":";
    position: absolute;
    right: -3px;
    font-size: 30px;
    font-weight: 500;
}
.offer .timeWrp .time span {
    display: block;
    font: normal normal 600 26px/34px Montserrat;
    font-weight: 500;
    width: 60px;
}
.offer .label{
    background: #DBE442;
    color: #3B4559;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*new header*/
.custom_select_wrp {
    width: 150px;
    position: relative;
}
.custom_select{
    font-size: 18px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    color: white;
    cursor: pointer;
    width: 100%;
}
.custom_select:before {
    content: "\f078";
    font-family: Font Awesome\ 5 Free;
    font-size: 10px;
    font-weight: 600;
    margin-left: 10px;
    line-height: normal;
}
.custom_select.unidades:before {
    content: "\f078";
    font-family: Font Awesome\ 5 Free;
    font-size: 15px;
    font-weight: 600;
    color: white;
}
.custom_select.showing:before {
    content: "\f077";
} 
.custom_select.lang,
.custom_select.unidades{
    padding: .3rem .5rem;
}
.custom_select.unidades.showing{
    border-radius: 6px 6px 0 0;
    background-color: #2B303C;
}
.custom_select.lang.showing + .options,
.custom_select.unidades.showing + .options{
    top: 36px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.custom_select.unidades.showing + .options a{
    font-size: 18px;
}
.custom_select + .options{
    display: none;
    transition: all .2s linear;
    flex-direction: column;
    position: absolute;
    top: 33px;
    width: 100%;
}
.custom_select.showing + .options {
    display: flex;
    height: auto;
    border-radius: 6px;
    background-color: #2B303C;
    z-index: 99;
    padding: 1rem;
}
.options a{
    cursor: pointer;
    height: max-content;
    color: #ffffff;
    font-size: 14px;
}
.options a:not(:last-child){
    margin-bottom: 10px;
}
.options a::after{
    content: none;
}
.custom_select::selection,
.options a::selection{
    background: none;
}
.mobileMenu .custom_select_wrp{
    width: 100%;
}
.mobileMenu .custom_select_wrp .custom_select.lang,
.mobileMenu .custom_select_wrp .custom_select.lang + .options a{
    justify-content: start;
}
.mobileMenu .custom_select.lang{
    width: 100%;
    height: 57px;
    font-size: 16px;
    border: 0;
    border-radius: 0;
}
.mobileMenu .custom_select.lang.showing{
    background-color: #000000;
    border-radius: 0;
}
.mobileMenu .custom_select.lang.showing + .options{
    position: relative;
    top: 0;
    background-color: transparent;
}
.mobileMenu .custom_select.lang + .options a{
    background-color: #1E1F28;
    box-shadow: 0px 0px 10px 0px #000000a8;
}
.mobileMenu .custom_select.lang,
.mobileMenu .custom_select.lang + .options a{
    padding-left: 3rem;
}
.mobileMenu .custom_select.lang:before{
    content: "\f078";
    right: 1.5rem;
}
.mobileMenu .custom_select.lang:after,
.mobileMenu .custom_select.lang.showing:after{
    left: 1.5rem;
    right: auto;
}
/*multilang selector & copys*/
[data-translate]{
    opacity: 0;
    transition: opacity .3s;
}
.translated[data-translate]{
    opacity: 1;
}
.custom_select.lang{
    font-size: 0;
    width: 46px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 22px;
    margin-left: auto;
}
.custom_select.lang:before {
    content: none;
    position: absolute;
    right: 15px;
    font-size: 16px;
    font-weight: 600;
}
.custom_select.lang,
.custom_select.lang + .options{
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.custom_select.lang + .options a{
    font-size: 18px;
}
.custom_select.lang + .options a{
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom_select.lang:after{
    content: "";
    width: 19px;
    height: 19px;
    position: absolute;
    right: 13px;
    background: url(/assets/img/nuevos/lang_globe.svg) no-repeat center/cover;
}
.custom_select.lang.showing{
    width: 100%;
    border: 0;
    border-radius: 22px 22px 0 0;
    background-color: #2B303C;
}
.custom_select.lang.showing:after{
    left: 0;
    right: 0;
    margin: auto;
}
.custom_select.lang.showing + .options{
    border-radius: 0 0 22px 22px;
    padding: 0;
}
.custom_select.lang.showing + .options a{
    border: 0;
}
.bg-gradient-modal{
    background: -webkit-linear-gradient(180deg,#50608e 0,#474a5a);
    background: -moz-linear-gradient(to bottom,#50608e 0,#474a5a 100%);
    background: -ms-linear-gradient(to bottom,#50608e 0,#474a5a 100%);
    background: linear-gradient(180deg,#50608e 0,#474a5a);
}
@media(max-width: 767px){
    .custom_select.lang,
    .custom_select.lang + .options a{
        font-size: 16px;
    }
}
/*boton cobertura*/
.locationButton {
    cursor: pointer;
    position: relative;
    width: 195px;
    height: 36px;
}
.locationButton .matchCity {
    width: 100%;
    height: 60px;
    position: absolute;
    display: none;
    z-index: 999;
    border-radius: 10px 10px 0 0;
    padding: 15px 15px 10px;
    background-color: #1E1F28;
}
.locationButton .matchCity input{
    width: 100%;
    height: 100%;
    border: 2px solid #1689FF;
    border-radius: 7px;
}
.locationButton .matchCity input:focus-visible{
    outline: none;
}
.locationButton > a.showing ~ .matchCity {
    display: block;
}
.locationButton > a {
    /*border-radius: 18px;
    border: 2px solid #FFFFFF;*/
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 100%;
    z-index: 9999;
    padding-left: .5rem;
    background-color: #1e1f28;
}
.locationButton > a::selection{background: none;}
.locationButton > a:hover {
    color: rgba(255, 255, 255, 1);
}
.locationButton > a::before{
    content: none;
    width: 23px;
    height: 100%;
    position: absolute;
    left: 5px;
    background: url(/assets/img/nuevos/location.svg) no-repeat center/auto;
    color: #FFFFFF;
}
.locationButton > a:after{
    content: "\f078";
    font-family: Font Awesome\ 5 Free;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: auto;
    left: auto;
    right: 10px;
    display: block;
}
.locationButton > a.showing:after{
    content: "\f077";
}
.locationButton .options{
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 270px;
    flex-direction: column;
    align-items: start;
    overflow-y: auto;
    background: #1E1F28;
    box-shadow: 0 0 10px rgb(0 0 0 / 46%);
    border-radius: 10px;
    z-index: 999;
    padding: 105px 15px 15px;
}
.locationButton > a.showing + .options{
    display: flex;
}
@media(max-width: 767px){
    .locationButton{
        width: 170px;
        height: 26px;
    }
    .locationButton > a{
        background-color: #000000;
    }
    body.open_menu .locationButton > a{
        background-color: #1E1F28;
    }
}
/*nuevos modales cobertura*/
#installLocation,
#modalConfirmaDireccion,
#modalNoCobertura,
#modalOfertaSimplificada,
#noLocation{
    z-index: 9999;
}
#installLocation .modal-dialog,
#modalConfirmaDireccion .modal-dialog,
#modalNoCobertura .modal-dialog,
#modalOfertaSimplificada .modal-dialog{
    max-width: none;
    min-height: 100%;
}
#installLocation .modal-content,
#modalConfirmaDireccion .modal-content,
#modalNoCobertura .modal-content,
#modalOfertaSimplificada .modal-content,
#noLocation .modal-content{
    background: -webkit-linear-gradient(to bottom, #50608E 0%, #474A5A  100%);
    background: -moz-linear-gradient(to bottom, #50608E 0%, #474A5A  100%);
    background: -ms-linear-gradient(to bottom, #50608E 0%, #474A5A  100%);
    background: linear-gradient(to bottom, #50608E 0%, #474A5A  100%);
}

/*switch pre buenfin*/
.bn_fin_select_wrp {
    max-width: 100%;
    width: 730px;
    height: 65px;
    margin: 0 auto;
    display: flex;
    background-color: #1e1f28;
    color: #ffffff;
    border-radius: 30px;
    position: relative;
    z-index: 1;
}
.bn_fin_select_wrp > div {
    width: 100%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    transition: color .3s;
    position: relative;
}
.bn_fin_select_wrp > div.promo:before {
    content: "¡Promoción!";
    width: 95px;
    height: 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: -7px;
    margin: 0 auto;
    border-radius: 12px;
    background-color: #ed3a00;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bn_fin_select_wrp > div p{
    height: auto;
    font-size: 14px;
    font-weight: 500;
}
.bn_fin_select_wrp > div p.big{
    font-size: 20px;
}
.bn_fin_select_wrp > div .logo_tp {
    height: 21px;
    width: 100%;
    transition: all .3s;
    background: url(../../img/nuevos/Logo_TP_TV.svg) no-repeat center/contain;
}
.bn_fin_select_wrp > div .logo_tp_new {
    height: 21px;
    width: 100%;
    transition: all .3s;
    background: url(../../img/nuevos/white_nuevo.png) no-repeat center/contain;
}
.bn_fin_select_wrp > div .logo_tp.plus{
    background-image: url(../../img/nuevos/buenfin/logo_white_plus.svg);
}
.bn_fin_select_wrp > div.active .logo_tp{
    background-image: url(../../img/nuevos/buenfin/logo_dark.svg);   
}
.bn_fin_select_wrp > div.active .logo_tp_new{
    background-image: url(../../img/nuevos/dark_nuevo.png);   
}
.bn_fin_select_wrp > div.active .logo_tp.plus{
    background-image: url(../../img/nuevos/buenfin/logo_dark_plus.svg);
}
.bn_fin_select_wrp .active{
    color: #22223E;
}
.bn_fin_select_wrp .active ~ .bg {
    height: 100%;
    position: absolute;
    left: 0;
    background: #ffffff;
    border-radius: 30px;
    z-index: -1;
    transition: left .3s;
}
.bn_fin_select_wrp > div:nth-child(1).active ~ .bg{
    left: 0;
}
.bn_fin_select_wrp > div:nth-child(2).active ~ .bg{
    left: 33.333333%;
}
.bn_fin_select_wrp > div:nth-child(3).active ~ .bg{
    left: 66.666666%;
}

/*oferta simplificada*/
.selectPaquetesNew.simple .bn_fin_select_wrp{
    width: 487px;
}
.selectPaquetesNew.simple .bn_fin_select_wrp > div{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.selectPaquetesNew.simple .bn_fin_select_wrp > div[data-pack="3p+"]{
    display: none;
}
.selectPaquetesNew.simple .bn_fin_select_wrp > div:nth-child(2).active ~ .bg {
    left: 50%;
}
/*fin oferta simple*/
@media(max-width: 767px){
    .bn_fin_select_wrp > div .logo_tp{
        height: 15px;
    }
}
/*rewrites*/
.box-paquetes .info-desc,
.box-paquetes .label,
.box-paquetes .footer{
    background: #000000;
}
.box-paquetes .label{
    height: auto;
}
.box-paquetes .label{
    font-weight: 400;
}
.box-paquetes .label strong {
    font-weight: 600;
}
.box-paquetes .label small{
    font-size: 14px;
}
.box-paquetes .label-promo{
    background: linear-gradient(90deg,red,#cb2632 75%,#fb7e0f);
    padding: 20px 10px;
    font-weight: 500;
}
.box-paquetes .info-desc{
    position:  relative;
    background-color: #1E1E29;
    padding: 40px 0 20px;
    font-size: 16px;
}
.box-paquetes .info-megas{
    font-size: 35px;
    font-weight: 700;
    padding: 15px 0 55px;
}
.box-paquetes .pago{
    line-height: 1;
    font-size: 14px;
    border-bottom: 1px solid #E3F9FD;
}
.icon-fade{
    position: relative;
    top: auto;
    right: auto;
}
#contenedorPaquetes .balazoCards{display: none;}
#contenedorPaquetes > div,
#ofertaZonaFactible > div{
    padding: 0 17px;
    max-width: 405px;
}
.box-paquetes .footer a{
    margin-top: 0;
}
.box-paquetes .info-desc .tag {
    background-color: #F13B00;
    border-radius: 10px;
    line-height: 1;
    font-size: 10px;
    font-weight: 500;
    padding: 2px 5px;
    height: 14px;
}
@media(max-width: 1200px){
    .box-paquetes .info-desc{
        font-size: 14px;
    }
}
@media(max-width: 480px){
    .box-paquetes .info-desc{
        font-size: 11px;
    }
}
/*buenfin slider*/
.buenfin_slider > .row {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 340px;
}
.buenfin_slider > .row:before {
    content: '';
    position: absolute;
    top: 50px;
    width: 100%;
    height: 240px;
    background: linear-gradient(100deg,#f26,#fd8610);
}
.buenfin_slider .slide > .row {
    max-width: 1200px;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    position: relative;
}
.buenfin_slider .slide p{
    font-size: 32px;
    color: #ffffff;
    line-height: 1;
    height: auto;
}
.buenfin_slider .slide p strong{
    font-weight: 600;
    font-size: 3rem;
}
.buenfin_slider .slide > .row:before,
.buenfin_slider .slide > .row:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: no-repeat left/contain;
}
/*.buenfin_slider .slide:first-child > .row:before {
    background-image: url(../../../assets/img/nuevos/hotsale/slide_1_left.png);
}
.buenfin_slider .slide:first-child > .row:after {
    background-image: url(../../../assets/img/nuevos/hotsale/slide_1_right.png);
    background-position: right;
    height: 120%;
}
.buenfin_slider .slide:last-child > .row:after {
    background-image: url(../../../assets/img/nuevos/hotsale/slide_2_right.png);
    background-position: right;
    height: 265px;
    bottom: -20px;
}*/
.buenfin_slider .slider_nav {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.buenfin_slider .slider_nav .dot {
    width: 10px;
    height: 10px;
    background-color: rgb(255 255 255 / 50%);
    margin: 0 5px;
    border-radius: 10px;
    -webkit-transition: width .1s ease-in-out;
    -moz-transition: width .1s ease-in-out;
    -o-transition: width .1s ease-in-out;
    transition: width .1s ease-in-out;
    cursor: pointer;
}
.buenfin_slider .slider_nav .dot.active{
    background-color: #ffffff;
    width: 30px;
}

.mejorPrecio::after{
    content: "Mejor Precio";
    width: 159px;
    height: 19px;
    position: absolute;
    left: 0;
    right: 0;
    top: -9px;
    margin: 0 auto;
    border-radius: 18px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    background: transparent linear-gradient(97deg, #FF0000 0%, #CB2632 86%, #FB7E0F 100%) 0% 0% no-repeat padding-box;
    justify-content: center;
    align-items: center;
}

.nuevoTPtv::after{
    content: "Nuevo";
    width: 75px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: -9px;
    margin: 0 auto;
    border-radius: 18px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    background: transparent linear-gradient(97deg,#ffc820 0%,#fb5801 100%) 0% 0% no-repeat padding-box;
    justify-content: center;
    align-items: center;
}

@media(max-width: 767px){
    .buenfin_slider .slide p{
        font-size: 20px;
        max-width: 225px;
        margin: 0 auto;
    }
    .buenfin_slider .slide p strong{
        font-size: 2rem;
    }
    /*.buenfin_slider .slide:first-child > .row:before {
        background-size: 70px;
        background-position: top right;
        transform: rotateY(180deg);
    }
    .buenfin_slider .slide:first-child > .row:after{
        bottom: -10px;
    }
    .buenfin_slider .slide:last-child > .row:before {
        background-image: url(../../../assets/img/nuevos/hotsale/slide_2_left_mobile.png);
        height: 265px;
        bottom: -20px;
    }
    .buenfin_slider .slide:last-child>.row:after {
        background-image: url(../../../assets/img/nuevos/hotsale/slide_2_right_mobile.png);
        background-position: bottom right;
        bottom: -50px;
    }
    .buenfin_slider .slide:last-child p{
        max-width: 270px;
    }*/
}
@media(max-width: 480px){
    .buenfin_slider .slide p strong{
        font-size: 1.5rem;
    }

    .buenfin_slider > .row:before {
        height: 340px;
    }
    .buenfin_slider > .row {
            height: 445px;
    }
}
/*end buenfin slider*/


/*
CONTRATA
*/
body.contrata_content footer {
    margin-top: 0;
}

/*
Landing VIX Premium
*/
.appsMainContainer.vixpremium{

}
.appsMainContainer.vixpremium .generalButton{
    box-shadow: 0px 16px 32px 0px #00000080;
    background: linear-gradient(90deg, #1A76D2 0%, #01BCD4 100%);
    line-height: normal;
    width: 244px;
    padding: 12px 0;
}
.appsMainContainer.vixpremium .appsCardsContainer{
    position: relative;
    background: linear-gradient(180deg, #16161b 0%, #FF6312 28.12%, #CF286A 100%);
    padding-top: 1rem;
}
.appsMainContainer.vixpremium .appsCardsContainer:before {
    content: "";
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
    background: linear-gradient(to bottom, #16161b 60%, #ffffff00);
}
.appsMainContainer.vixpremium .appVideoContainer .videoAppContainer{
    box-shadow: none;
}
.appsMainContainer.vixpremium .appsCardsContainer .card .card-title{
    height: auto;
    padding-top: 2rem;
}
.appsMainContainer.vixpremium .appsCardsContainer .card .card-text{
    margin-bottom: 2.5rem;
}
.appsMainContainer.vixpremium .appFaqs{
    background-color: #F5F5F5
}
.appsMainContainer.vixpremium .termsAndConditions{
    margin: 0;
}
.appsMainContainer.vixpremium .appTvRow,
.appsMainContainer.vixpremium .tvRow{
    padding-bottom: 0;
}