.hidden{
    display: none;
}
/******** Section Banner *******/
.txt-caption-leagues-1{
    text-align: left;
    font: normal normal normal 62px/72px 'Ubuntu Medium';
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 0;
    opacity: 1;
}

.txt-caption-leagues-2{
    text-align: left;
    font: normal normal normal 16px/20px Ubuntu;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.txt-caption-leagues-2 span{
    font: normal normal bold 16px/20px Ubuntu;
}

.txt-btn-subscription {
    margin-top: 15px;
    margin-left: 15px;
}

.carousel-caption{
    top: 13%;
}

.carousel-caption p {
    padding: 12px;
    max-width: 694px;
}

.breadcrumb{
    background-color: transparent;
    margin: 0;
}

.breadcrumb-item{
    text-align: left;
    font: normal normal normal 16px/20px Ubuntu;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.breadcrumb-item+.breadcrumb-item::before{
    color: #FFFFFF;
    content: '•';
}

.breadcrumb-item.active{
    font: normal normal bold 16px/20px Ubuntu;
    color: #FFFFFF;
}

.breadcrumb-item a{
    text-decoration: none;
    color: #FFFFFF;
}

.h-img-banner-league{
    min-height: 420px !important;
}

.tooltip-container-banner.top .tiptext-banner{
    /*margin-left: -35px;*/
    bottom: 100%;
    left: 0%;
}

.tooltip-container-banner.top .tiptext-banner::after{
margin-left: -20px;
top: 100%;
left: 50%;
border-color: #14033D transparent transparent transparent;
}

.tooltip-container-banner {
width: 100%;
position: relative;
display: inline-block;
border-bottom: 1px solid #14033D;
}

.tooltip-container-banner .tiptext-banner {
/*visibility: hidden;*/
width: 100%;
height: 40px;
background: #14033D 0% 0% no-repeat padding-box;
border-radius: 3px;
padding: 12px;
position: absolute;
z-index: 1;
/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
}

.tooltip-container-banner .tiptext-banner::after {
content: "";
position: absolute;
border-width: 20px;
border-style: solid;
}

/*.tooltip-container-banner:hover .tiptext {
visibility: visible;
}*/
/******** End Section Banner ********/

/******** Section Inscription Leagues ********/
.container-leagues-1{
    background: #160640 url('../../images/leagues-and-tournaments/Fondo-Liga-TyL-Desktop.jpg') 0% 0% no-repeat padding-box;
    /*position: relative;*/
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    /*margin-right: -100%*/
    opacity: 1;
}

.container-leagues-2{  
    /*position: absolute;*/
    margin-right: 6%;
    margin-left: 6%;
    /*z-index: 10;*/
    margin-top: 2.1%;
    /*bottom: 250px;*/
    padding-bottom: 50px;
}
  
.container-leagues-2 p{
    padding: 15px;
    /*max-width: 56%;*/
}

.title-leagues{
    text-align: center;
    font: normal normal normal 42px/48px 'Ubuntu Medium';
    letter-spacing: 0px;
    color: #FFFFFF;
}

.title-leagues span{
    color: #00FF9F;
}

.txt-leagues{
    width: 810px;
    text-align: center;
    font: normal normal normal 16px/20px Ubuntu;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 0;
    opacity: 1;
}

.txt-leagues i{
    font: italic normal normal 16px/20px Ubuntu;
}

.subtitle-leagues{
    text-align: center;
    font: normal normal normal 32px/37px 'Ubuntu Medium';
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-top: 2.9%;
    margin-bottom: 1.9%;
}

.subtitle-leagues span{
    color: #00FF9F;
}

.text-league-no-found{
    width: 532px;
    text-align: center;
    font: normal normal normal 16px/18px Ubuntu;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.text-league-no-found span{
    color: #00FF9F;
}

.label-input-user-email-league{
    text-align: left !important;
    font: normal normal normal 16px/18px Ubuntu !important;
    letter-spacing: 0px !important;
    color: #FFFFFF !important;
    opacity: 1;
}

.success-icon-league {
    color: #00FF9F;
    font-size: 36px;
    width: 36px;
}

.txt-label-success-league{
    text-align: center;
    font: normal normal normal 16px/18px Ubuntu;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-top: 17px;
    margin-bottom: 26px;
    opacity: 1;
}

.w-container-leagues {
    width: 868px;
}

.tooltip-container-leagues.top .tiptext-leagues::after{
    margin-left: -20px;
    top: 100%;
    left: 50%;
    border-color: #14033D transparent transparent transparent;
}

.tooltip-container-leagues {
    width: 100%;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #14033D;
}

.tooltip-container-leagues .tiptext-leagues {
    /*visibility: hidden;*/
    width: 100%;
    height: 40px;
    background: #14033D 0% 0% no-repeat padding-box;
    border-radius: 3px;
    padding: 12px;
    position: absolute;
    z-index: 1;
    /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
}

.tooltip-container-leagues .tiptext-leagues::after {
    content: "";
    position: absolute;
    border-width: 20px;
    border-style: solid;
}

/*.tooltip-container-banner:hover .tiptext {
    visibility: visible;
}*/
/******** End Section Inscription Leagues ********/

/******** Section Benefits ********/
.footer-game{
    width: 100%;
    background: transparent url('../../images/la-liga/Fondo_suscripcion_desktop.png') 0% 0% no-repeat padding-box;    
    background-size: cover;
    opacity: 1;
}

.title-beneficios{
    width: 810px;
    margin-top: 140px;
    text-align: center;
    font: normal normal normal 42px/48px 'Ubuntu Medium';
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    
}

.title-beneficios span{
    color: #00FF9F;
}

.subtitle-beneficios{
    width: 810px;
    margin-top: 32px;
    text-align: center;
    font: normal normal normal 16px/20px Ubuntu;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    
}

.tabla-beneficios{
    width: 482px;
    /*margin: 30px auto;*/
    color: white;
}

.text-ben{
    font: normal normal normal 16px/20px Ubuntu;
    text-align: start;
}

.img-vida{
    min-width: 80px;
}

.img-vip{
    min-width: 80px;
}

.tabla-beneficios td 
{
    text-align: left; 
    vertical-align: middle;
    padding: 0;
}

.txt-btn-subscription {
    margin-top: 24px;
    margin-bottom: 140px;
}
/******** End Section Benefits *******/

/******** Section Carousel Competencias *******/
.container-competitions-1{
    background: transparent linear-gradient(180deg, #14033D 0%, #14033D 28%, #00FF9F 100%) 0% 0% no-repeat padding-box;    
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: -100%
}

.container-competitions-2{  
   
    padding-bottom: 20px;
}
  
.container-competitions-2 p{
    max-width: 100%;
}

.txt-competitions-1{
    text-align: center;
    font: normal normal normal 42px/48px 'Ubuntu Medium';
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-top: 72px;
    margin-bottom: 16px;
}

.txt-competitions-1 span{
    color: #00FF9F;
}

.txt-competitions-2{
    text-align: center;
    font: normal normal normal 16px/20px Ubuntu;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin: 0;
}

.container-cards-competitions{
    max-width: 100%;
    margin-top: 116px;
    margin-bottom: 72px;
}

.img-competitions{
    padding-left: 15px; 
    padding-right:15px;
    cursor: pointer;
}

.img-competitions:hover{
    -webkit-transform:scale(1, 1.1);
    transform:scale(1, 1.1);
    margin-top: -.8em;
}

.img-banner-tournament{
    height: 100% !important;
    margin-bottom: -1em;
}

/******** End Section Carousel Competencias ******/

/******** Mobile ********/
@media screen and (max-width: 767px) {
    /******** Section Banner ********/
    .carousel-caption {
        width: auto;
        left: 10%;
        right: 10%;
        top: 4%;
    }

    .carousel-caption p{
        padding: 4px;
    }

    .h-img-banner-league{
        min-height: 390px !important;
    }

    .breadcrumb{
        padding: 4px;
    }
    
    .breadcrumb-item{
        font: normal normal normal 14px/18px Ubuntu;
    }
    
    .breadcrumb-item.active{
        font: normal normal bold 14px/18px Ubuntu;
    }

    .txt-caption-leagues-1{
        font: normal normal normal 22px/26px 'Ubuntu Medium';
    }

    .txt-caption-leagues-2{
        font: normal normal normal 14px/18px Ubuntu;
    }

    .txt-caption-leagues-2 span{
        font: normal normal bold 14px/18px Ubuntu;
    }

    .txt-btn-subscription{
        width: 286px;
        margin-left: 0;
    }
    /******** End Section Banner ********/

    /******** Section Inscription Leagues ********/
    .title-leagues{
        font: normal normal normal 20px/24px 'Ubuntu Medium';
        margin-top: 52px;
    }

    .txt-leagues{
        width: 286px;
        font: normal normal normal 14px/18px Ubuntu;
    }

    .subtitle-leagues{
        font: normal normal normal 18px/21px 'Ubuntu Medium';
        margin-top: 33px;
        margin-bottom: 16px;
    }

    .img-vacio{
        width: 286px;
    }

    .container-leagues-2 p{        
        padding: 0;
    }

    .text-league-no-found{
        width: 286px;
        font: normal normal normal 14px/16px Ubuntu;
        margin-top: 24px;
    }
    /******** End Section Inscription Leagues ********/

    /******** Section Benefits *******/
    .footer-game{
        background: transparent url(../../images/la-liga/Fondo_suscripcion_mobile.png) 0% 0% no-repeat padding-box;
        background-size: cover;
    }

    .title-beneficios{
        width: 286px;
        margin-top: 100px;
        font: normal normal normal 20px/24px 'Ubuntu Medium';
    }

    .subtitle-beneficios{
        width: 286px;
        margin-top: 16px;
        font: normal normal normal 14px/18px Ubuntu;
    }

    .tabla-beneficios{
        width: 286px;
    }

    .img-vida{
        min-width: 60px;
    }

    .text-ben{
        font: normal normal normal 14px/18px Ubuntu;
    }

    .txt-btn-subscription{
        margin-bottom: 133px;
    }
    /******** End Section Benefits *******/

    /******** Section Carousel Competencias ******/
    .carousel{
        margin-top: 58px;
    }

    .container-competitions-2{
        margin-bottom: 51px;
    }

    .left{
        left: 37px;
    }

    .right{
        right: 37px;
    }

    .fa-caret-left{
        font-size: 60px;
        color: #00FF9F;
        opacity: 1;
    }

    .fa-caret-right{
        font-size: 60px;
        color: #00FF9F;
        opacity: 1;
    }

    .block-blur{
        height: -webkit-fill-available;
        width: 25%;
        background-color: black;
        filter: blur(40px);
        display: block !important;
        z-index: 100;
        position: absolute;

    }

    .block-blur-right{
        height: -webkit-fill-available;
        width: 25%;
        background-color: black;
        filter: blur(40px);
        display: block !important;
        z-index: 100;
        position: absolute;
        right: 0;

    }
    .show-neighbors .carousel-indicators {
      margin-right: 10%;
      margin-left: 10%;
    }
    .show-neighbors .carousel-control-prev,
    .show-neighbors .carousel-control-next {
      /*background: rgba(255, 255, 255, 0.3);*/
      width: 20%;
      z-index: 110;
      /* .carousel-caption has z-index 10 */
    }
    .show-neighbors .carousel-inner {
      width: 120%;
      left: -10%;
    }
    .show-neighbors .carousel-item-next:not(.carousel-item-left),
    .show-neighbors .carousel-item-right.active {
      -webkit-transform: translate3d(33%, 0, 0);
      transform: translate3d(33%, 0, 0);
    }
    .show-neighbors .carousel-item-prev:not(.carousel-item-right),
    .show-neighbors .carousel-item-left.active {
      -webkit-transform: translate3d(-33%, 0, 0);
      transform: translate3d(-33%, 0, 0);
    }
    .show-neighbors .item__third {
      display: block !important;
      float: left;
      position: relative;
      /* captions can now be added */
      width: 33.33333333%;
    }

    .img-carousel-fix{
        max-width: 30%;
        height: auto;
    }

    .txt-competitions-1{
        width: 286px;
        margin-top: 53px;
        font: normal normal normal 20px/24px 'Ubuntu Medium';
    }

    .txt-competitions-2{
        width: 286px;
        font: normal normal normal 14px/18px Ubuntu;
    }
    /******** End Section Carousel Competencias ******/
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /******** Section Banner ********/
    .h-img-banner-league{
        min-height: 400px !important;
    }
    /******** End Section Banner ********/

    /******** Section Inscription Leagues ********/
    .title-leagues{
        font: normal normal normal 35px/41px 'Ubuntu Medium';
        margin-top: 52px;
    }

    .txt-leagues{
        width: 710px;
        font: normal normal normal 14px/18px Ubuntu;
    }

    .subtitle-leagues{
        margin-top: 33px;
        margin-bottom: 16px;
    }
    /******** End Section Inscription Leagues ********/

    /******** Section Benefits *******/
    .title-beneficios{
        width: 710px;
        margin-top: 100px;
        font: normal normal normal 35px/41px 'Ubuntu Medium';
    }

    .subtitle-beneficios{
        width: 710px;
        margin-top: 16px;
    }

    .txt-btn-subscription{
        margin-top: 7px;
        margin-bottom: 133px;
    }
    /******** End Section Benefits *******/

    /******** Section Carousel Competencias ******/
    .txt-competitions-1{
        font: normal normal normal 35px/41px 'Ubuntu Medium';
    }
    /******** End Section Carousel Competencias ******/
}
/******** End Mobile ********/

/******** Desktop ********/
@media screen and (min-width: 992px) and (max-width: 1440px) {
    /******** Section Banner ********/
    .h-img-banner-league{
        min-height: 380px !important;
    }
    /******** End Section Banner ********/

    /******** Section Benefits ******/
    .title-beneficios{
        width: 710px;
        font: normal normal normal 35px/41px 'Ubuntu Medium';
    }

    .txt-btn-subscription{
        margin-top: 7px;
    }
    /******** End Section Benefits *******/

    /******** Section Carousel Competencias ******/
    .txt-competitions-1{
        font: normal normal normal 35px/41px 'Ubuntu Medium';
    }
    /******** End Section Carousel Competencias ******/
}
/******** End Desktop *******/