/*** Borrar border azul **/
*:focus {
    outline: none !important;
}
/*** Borrar border azul **/

/*#loader-wrapper {
    display:none !important;
}*/

.hidesmall {
    display: block!important;
}

.showsmall {
    display: none !important;
}

@media (max-width: 767px) {
    #bgvid {
        width: 300% !important;
        margin-left: -150% !important;
    }

    .hidesmall {
        display: none!important;
    }

    .showsmall {
        display: block!important;
    }
}

.btn-pink-small-90{
    width: 90%;
    margin-left: 0% !important;
    margin-right: 0%!important;
    margin-bottom: 25px!important;
}

.btn-pink-small-9r{
    width: 90%;
    margin-left: 0% !important;
    margin-right: 0%!important;
    margin-bottom: 25px!important;
}
@media (min-width: 600px) {
    .btn-pink-small-90 {
        float: left;
        width: 38%;
        margin-left: 10%!important;
        margin-right: 2%!important;
        margin-bottom: 5px!important;
    }

    .btn-pink-small-9r {
        float: left;
        width: 38%;
        margin-left: 2%!important;
        margin-right: 10%!important;
        margin-bottom: 5px!important;
    }
}


@media (min-width: 768px) {
    #bgvid {
        width: 150% !important;
        margin-left: -75% !important;
    }
}

#bgvid {
    height: auto !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    z-index: -100 !important;
    transition: 1s opacity !important;
}




/*.busqueda {
    display:none;
}*/

.starter-template {
    padding: 40px 15px;
    text-align: center;
}

.noScroll {
    overflow: hidden;
    position: fixed;
}

@font-face {
    font-family: 'AdventPro-Bold';
    src: url('../fonts/AdventPro-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'AdventPro-ExtraLight';
    src: url('../fonts/AdventPro-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'AdventPro-Light';
    src: url('../fonts/AdventPro-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'AdventPro-Medium';
    src: url('../fonts/AdventPro-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'AdventPro-Regular';
    src: url('../fonts/AdventPro-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'AdventPro-SemiBold';
    src: url('../fonts/AdventPro-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'AdventPro-Thin';
    src: url('../fonts/AdventPro-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-Black';
    src: url('../fonts/Kanit-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-Bold';
    src: url('../fonts/Kanit-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-BoldItalic';
    src: url('../fonts/Kanit-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-ExtraBold';
    src: url('../fonts/Kanit-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-ExtraBoldItalic';
    src: url('../fonts/Kanit-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-ExtraLight';
    src: url('../fonts/Kanit-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-ExtraLightItalic';
    src: url('../fonts/Kanit-ExtraLightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-Italic';
    src: url('../fonts/Kanit-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-Light';
    src: url('../fonts/Kanit-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-LightItalic';
    src: url('../fonts/Kanit-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-Medium';
    src: url('../fonts/Kanit-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-MediumItalic';
    src: url('../fonts/Kanit-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-Regular';
    src: url('../fonts/Kanit-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-SemiBold';
    src: url('../fonts/Kanit-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-SemiBoldItalic';
    src: url('../fonts/Kanit-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-Thin';
    src: url('../fonts/Kanit-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit-ThinItalic';
    src: url('../fonts/Kanit-ThinItalic.ttf') format('truetype');
}


:focus {
    outline: none;
}

.container-flud {
    width: 100%;
    /*max-width: 1366px;*/
    height: auto;
    margin: 0 auto;
}

.container-1366 {
    width: 100%;
    max-width: 1366px;
    height: auto;
    margin: 0 auto;
}

#loader-wrapper {
    background: #2d2d2d;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1020;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    background: url(../images/charge-vivo.gif) no-repeat;
    background-size: 100%;
    z-index: 1250;
}

.push {
    clear: both;
}

.padding-0 {
    padding: 0 0;
}

.img-width-100 {
    width: 100%;
}

.celeste {
    color: #99cc33!important;
}

.cursordefault {
    cursor: default;
}

.rosa {
    color: #eb3c7d!important;
}

a.btn-pink {
    /*width: 65%;*/
    display: inline-block;
    vertical-align: middle;
    padding: 5px 25px;
    border-radius: 3px;
    background: #eb3c7d;
    font-family: 'Kanit-Light';
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
}

    a.btn-pink:hover,
    a.btn-pink:focus {
        color: #ffffff;
        opacity: 0.8;
    }

a.btn-blue {
    width: 100%;
    border-radius: 3px;
    background: #99cc33;
    font-family: 'Kanit-Light';
    font-size: 18px;
    text-transform: uppercase;
    color: #2d2d2d;
}

    a.btn-blue:hover,
    a.btn-blue:focus,
    a.btn-blue:active {
        /*color:#ffffff;*/
        /*text-decoration: underline;*/
        opacity: 0.8;
        cursor: pointer;
    }

a.btn-blue-comprar {
    width: 112px;
    height: 30px;
    padding-top: 3px;
    margin: 0 auto 0 auto;
    display: block;
    border-radius: 3px;
    background: #eb3c7d;
    font-family: 'Kanit-Light';
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
}

    a.btn-blue-comprar:hover,
    a.btn-blue-comprar:focus,
    a.btn-blue-comprar:active {
        color: #ffffff;
        /*text-decoration: underline;*/
        opacity: 0.8;
    }

.bg-pink {
    background: #eb3c7d!important;
    color: #ffffff;
}

.bg-2d {
    background: #2d2d2d!important;
}

    .bg-2d > a {
        color: #99cc33!important;
    }

.bg-2d-r {
    background: #2d2d2d!important;
}

    .bg-2d-r > a {
        color: #eb3c7d!important;
    }

.bg-2424 {
    background: #242424!important;
}

.bg-2d a.blue-active {
    color: #242424!important;
}

.dotted-green-right {
    border-right: 1px dotted #99cc33;
}

.dotted-pink-right {
    border-right: 1px dotted #eb3c7d;
}

.dotted-green-left {
    border-left: 1px dotted #99cc33;
}

.dotted-pink-left {
    border-left: 1px dotted #eb3c7d;
}

.fade-header {
    background: linear-gradient(to bottom, rgba(36,36,36,1) 90%,rgba(36,36,36,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#00242424',GradientType=0 );
}

/*.bg-2424-grad{background: url(../images/gradient-2424.png) repeat-x bottom left; padding: 20px 0 75px 0;}
*/

.bg-2424-grad {
    background: linear-gradient(to bottom, rgba(36, 36, 36, 1) 0%, rgba(36, 36, 36, 1) 91%, rgba(36, 36, 36, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#00242424', GradientType=0);
    padding: 20px 0 60px 0;
}

.overlay-section {
    background: linear-gradient(to bottom, rgba(36, 36, 36, 1) 0%, rgba(36, 36, 36, 1) 91%, rgba(36, 36, 36, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#00242424', GradientType=0);
    padding: 20px 0 0px 0;
}

.overlay-back-body {
    width: 100%;
    height: 87%;
    background: linear-gradient(to bottom, rgba(36, 36, 36, 1) 0%, rgba(36, 36, 36, 1) 91%, rgba(36, 36, 36, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#00242424', GradientType=0);
    padding: 20px 0 0px 0;
    position: absolute;
    top: 0;
    z-index: -101;
}

.blue-active {
    background: #99cc33!important;
    color: #242424!important;
}

    .blue-active a {
        color: #242424!important;
    }

    .blue-active .caret {
        background: url(../images/icon/flecha-negra-abajo.png);
        background-size: 100%;
    }

.linea {
    width: 100%;
    margin: 20px auto;
    border: 1px solid rgba(234, 234, 234, 0.10);
}

.bg-none {
    background: none!important;
}

.top-space {
    margin-top: 142px;
}

.middle-space {
    margin-top: 150px;
}

.bottom-space {
    margin-top: 38px;
}

.margin-20 {
    margin: 20px 0 0 0;
}

.margin-40 {
    margin: 40px 0 0 0;
}

.margin-btt-20 {
    padding: 0 0 20px 0;
}

.padd-bottom-20 {
    padding-bottom: 20px;
}

.dotted {
    border-right: 1px solid #99cc33;
}

.no-padding-top {
    padding-top: 0px!important;
}

.padd-bottom {
    padding-bottom: 25px;
}

.padd-bottom-slider {
    padding-bottom: 75px;
}

.no-border {
    border: none;
}

.separator {
    width: 100%;
    max-width: 960px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 60px;
}

.shadow {
    width: 100%;
    max-width: 940px;
    height: 24px;
    background: url(../images/shadow.png) no-repeat bottom center;
    margin: 30px auto 35px auto;
}


.mais-align {
    text-align: right;
}

.mais {
    width: 100%;
    height: auto;
}

.mais {
    font-family: 'Kanit-SemiBold';
    font-size: 12px;
    font-weight: 100;
    text-transform: uppercase;
    color: #99cc33;
}

    .mais:hover,
    .mais:focus,
    .mais:active {
        text-decoration: underline;
        color: #99cc33;
    }

    .mais img {
        width: 16px;
        margin-left: 10px;
        vertical-align: middle;
    }


.mais-rosa {
    width: 100%;
    height: auto;
}

.mais-rosa {
    font-family: 'Kanit-SemiBold';
    font-size: 12px;
    font-weight: 100;
    text-transform: uppercase;
    color: #eb3c7d;
    /*margin:40px 0;*/
    margin: 30px 0 40px 0;
}

    .mais-rosa:hover,
    .mais-rosa:focus,
    .mais-rosa:active {
        text-decoration: underline;
        color: #eb3c7d;
    }

    .mais-rosa img {
        width: 16px;
        margin-left: 10px;
        vertical-align: middle;
    }


.header {
    position: relative;
    height: 80px;
}

.logo {
    width: 140px;
    height: 42px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 6000;
    margin: -21px 0 0 -70px;
}

    .logo a {
        text-decoration: none;
        display: block;
    }

        .logo a h1 {
            margin: auto;
            font-family: 'AdventPro-Bold';
            font-weight: 100;
            font-size: 36px;
            color: #99cc33;
            text-align: center;
            letter-spacing: 0.5px;
        }

            .logo a h1 span {
                font-family: 'AdventPro-Thin';
                font-weight: 100;
            }

        .logo a img {
            width: 100%;
            height: auto;
            margin: 0 auto;
            text-align: center;
        }

.changecountry {
    width: auto;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 197px;
    z-index: 6000;
    margin-top: -12px;
    font-size: 0;
}

.login {
    width: auto;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 6000;
    margin-top: -12px;
    font-size: 0;
}

    .login a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 20px;
        font-family: 'Kanit-SemiBold';
        font-size: 12px;
        text-transform: uppercase;
        color: #ffffff;
    }

    .login .rosa:hover {
        text-decoration: underline;
    }

    .login a span:hover {
        color: #99cc33;
        text-decoration: underline;
    }

    .login a span {
        display: inline-block;
        vertical-align: middle;
        font-family: 'Kanit-SemiBold';
        font-size: 12px;
        text-transform: uppercase;
        color: #ffffff;
    }

.dotted-login {
    width: 1px;
    height: 100%;
    border-right: 1px dotted #99cc33;
    display: inline-block;
    vertical-align: middle;
}

.user-ico {
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
}

.lineas-nav {
    border-top: 1px solid rgba(234, 234, 234, 0.10);
    border-bottom: 1px solid rgba(234, 234, 234, 0.10);
}

.search {
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -18px;
    z-index: 502;
}

img.icon-search {
    width: 24px;
    height: 24px;
    height: auto;
    margin: 0 11px 0 20px;
    display: inline-block;
    vertical-align: middle;
}

.search-input {
    width: 300px!important;
    height: 34px;
    padding: 6px 30px 6px 0px;
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    font-family: 'Kanit-Light';
    font-size: 12px;
    color: #ffffff;
    line-height: 1.42857143;
    /*    background:url(../images/icon/search-ico.png) no-repeat 0% 50%;*/
}

    .search-input::-moz-placeholder {
        font-family: 'Kanit-SemiBoldItalic';
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5);
    }

    .search-input::-webkit-input-placeholder {
        font-family: 'Kanit-SemiBoldItalic';
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5);
    }

    .search-input:-ms-input-placeholder {
        font-family: 'Kanit-SemiBoldItalic';
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5);
    }

.clearable {
    background: url(../images/icon/clear-ico.png) no-repeat;
    background-position: 114% 50%;
    background-size: 24px 24px;
    transition: background 0.4s;
}

    .clearable.x {
        background-position: 100% 50%;
    }
    /* (jQ) Show icon */
    .clearable.onX {
        cursor: pointer;
    }
    /* (jQ) hover cursor style */
    .clearable::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }
/* Remove IE default X */


.border-round {
    border-radius: 50%;
}

.user-ico-img {
    width: 32px;
    height: 32px;
    margin: 0 10px 0 0;
}

.arrow-change {
    width: 12px;
    height: 7px;
    background: url(../images/icon/flecha-blanca-abajo.png) no-repeat top center;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.login:hover .arrow-change {
    background: url(../images/icon/flecha-blanca-arriba.png) no-repeat top center;
    background-size: 100%;
}



.cont-login {
    width: 100%;
    height: 80px;
    position: relative;
}


.login-content {
    width: 222px;
    height: auto;
    padding: 0 0 0 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5000;
    border-radius: 0 0 0 10px;
    background: #242424;
}

.login-content-info {
    display: none;
    width: 100%;
    padding: 0 20px 20px 20px;
    border-top: 1px solid rgba(234,234,234,.10);
    text-align: center;
}

    .login-content-info img {
        width: auto;
        margin: 20px auto 20px auto;
    }

    .login-content-info .op {
        display: block;
        font-family: 'Kanit-SemiBold';
        font-size: 12px;
        color: #ffffff;
        text-align: center;
        margin: 0 auto 20px auto;
    }

    .login-content-info a:hover {
        text-decoration: underline;
        color: #99cc33;
    }

    .login-content-info a:last-child {
        margin-bottom: 0px;
    }

    .login-content-info input[type="button"] {
        width: 100%;
        height: 40px;
        font-family: 'Kanit-Light';
        font-size: 16px;
        color: #ffffff;
        text-transform: uppercase;
        border: none;
        border-radius: 3px;
        margin: 0 auto;
    }

        .login-content-info input[type="button"]:hover {
            text-decoration: none;
            opacity: 0.8;
        }

    .login-content-info h4 {
        font-family: 'AdventPro-Light';
        font-size: 24px;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
    }

        .login-content-info h4 b {
            font-size: 14px;
        }

    .login-content-info h3 {
        font-family: 'Kanit-Light';
        font-size: 12px;
        color: #ffffff;
        margin: 20px auto 0 auto;
    }

        .login-content-info h3 a {
            font-family: 'Kanit-SemiBold';
            display: inline;
            margin: 0;
        }

    .login-content-info p {
        font-family: 'Kanit-Light';
        font-size: 14px;
        color: #ffffff;
        margin: 20px auto 20px auto;
    }

        .login-content-info p a {
            margin: 0;
            display: inline;
        }



.busqueda {
    width: 463px;
    height: auto;
    padding: 0 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5000;
    /*    display: none;*/
    /*background: rgba(29,29,29,0.98);*/
    border-radius: 0 0 5px 5px;
    /*   -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);*/
}

.add-background {
    background: rgba(29,29,29,0.98);
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
}

.cont-buscador {
    padding: 22px 0 22px 0;
}

section#resultados {
    display: none;
    /*background: rgba(29,29,29,0.98);*/
}

.resultados-busqueda {
    width: 100%;
    padding: 0 20px 35px 20px;
    display: inline-block;
    border-top: 1px solid rgba(234,234,234,.10);
}

.sugerencias-busqueda,
.juegos-busqueda {
    font-family: 'Kanit-SemiBold';
}

    .sugerencias-busqueda ul li img,
    .juegos-busqueda ul li img {
        width: 70px;
        height: 70px;
        margin-right: 20px;
    }

    .juegos-busqueda ul li:hover img {
        opacity: 0.8;
    }

    .sugerencias-busqueda h3,
    .juegos-busqueda h3 {
        font-weight: 100;
        font-size: 14px;
        color: #ccc;
        margin: 20px 0 20px 0;
    }

    .sugerencias-busqueda ul,
    .juegos-busqueda ul {
        margin: 0;
        padding: 0;
    }

        .sugerencias-busqueda ul li,
        .juegos-busqueda ul li {
            margin-bottom: 10px;
            list-style: none;
        }

            .sugerencias-busqueda ul li a,
            .juegos-busqueda ul li a {
                font-family: 'Kanit-Regular';
                font-weight: 100;
                font-size: 18px;
                color: #fff;
            }

                .sugerencias-busqueda ul li a:hover {
                    color: #99cc33;
                    text-decoration: underline;
                }

            .juegos-busqueda ul li:hover a {
                color: #99cc33;
                text-decoration: underline;
            }

.cancelar {
    width: auto;
    display: none;
    cursor: pointer;
    margin: 0 30px 0 0;
    font-family: 'Kanit-SemiBold';
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 34px;
    float: right;
    vertical-align: middle;
}

    .cancelar:hover {
        color: #99cc33;
        text-decoration: underline;
    }

/*.cancelar:before {
    width: 24px;
    height: 24px;
    content: url(../images/icon/clear-ico.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}*/


.title-search {
    width: 100%;
    margin: 20px 0 20px 0;
    display: inline-block;
    text-align: left;
}

    .title-search h1 {
        font-family: 'AdventPro-Light';
        font-size: 48px;
        font-weight: 100;
        color: #ffffff;
        margin: 0;
    }

        .title-search h1 strong {
            font-family: 'AdventPro-Bold';
        }

        .title-search h1 span {
            color: #99cc33;
        }

.title-moba {
    width: 100%;
    margin: 40px 0 160px 0;
    display: inline-block;
    text-align: left;
}

    .title-moba h1 {
        width: auto;
        display: inline-block;
        vertical-align: bottom;
        font-family: 'AdventPro-Light';
        font-size: 48px;
        font-weight: 100;
        color: #ffffff;
        margin: 0;
    }

        .title-moba h1 strong {
            font-family: 'AdventPro-Bold';
        }

        .title-moba h1 span {
            color: #99cc33;
        }

.slider-top {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
}

.slider-item {
    width: 100%;
    position: relative;
    padding: 0 20px;
    margin: 0 auto;
    cursor: pointer;
}

    .slider-item img {
        width: 100%;
        height: auto;
        box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    }

    .slider-item:hover img {
        opacity: 0.8;
    }

    .slider-item:hover .sld h1,
    .slider-item:hover .sld p {
        color: #99cc33;
        text-decoration: underline;
    }

.opacity-img {
    opacity: 0.8;
}

.link-underline p, .link-underline h1 {
    color: #99cc33!important;
    text-decoration: underline;
}

.sld {
    width: 600px;
    position: absolute;
    left: 70px;
    bottom: 50px;
    text-align: left;
}

    .sld h1 {
        font-family: 'Kanit-Light';
        font-size: 18px;
        color: #99cc33;
        display: block;
        margin-bottom: 0px;
    }

    .sld p {
        font-family: 'AdventPro-Light';
        font-size: 48px;
        color: #ffffff;
        display: block;
        line-height: 120%;
        margin-bottom: 0px;
    }

.img-bg-jogos {
    width: 100%;
    position: relative;
    z-index: 100;
}

.top-title {
    width: 216px;
    display: inline-block;
    padding: 17px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Kanit-Light';
    font-size: 18px;
    font-weight: 100;
    color: rgba(255,255,255,0.5);
    position: relative;
    cursor: pointer;
}

    .top-title:hover,
    {
        text-decoration: none;
        color: #eb3c7d;
        cursor: pointer;
        border-bottom: 3px solid #eb3c7d;
    }


    .top-title.current {
        color: #eb3c7d;
        border-bottom: 3px solid #eb3c7d;
        z-index: 3;
    }

        .top-title.current:after {
            content: url(../images/pik-vivo.png);
            width: 7px;
            height: 4px;
            position: absolute;
            bottom: 7px;
            left: 50%;
            margin-left: -3.5px;
        }

ul.top-home {
    width: 100%;
    height: auto;
    margin: 17px auto 40px auto;
    padding: 0;
    display: inline-block;
}

    ul.top-home li {
        width: auto;
        display: block;
        list-style: none;
        margin: 0;
    }

        ul.top-home li div {
            width: 100%;
            height: auto;
            overflow: hidden;
            border-radius: 20px;
            position: relative;
            z-index: 10;
            text-align: left;
            float: right;
            background: #242424;
            box-shadow: 0 0 20px rgba(0, 0, 0, .25);
        }

            ul.top-home li div span {
                display: table;
                width: 100%;
                height: 100px;
            }

                ul.top-home li div span img {
                    width: auto;
                    height: auto;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 1;
                    opacity: 0.10;
                    transition: all 0.2s ease-in-out;
                }

            ul.top-home li div a span h1 {
                width: 15%;
                display: table-cell;
                vertical-align: middle;
                font-family: 'AdventPro-Thin';
                font-size: 60px;
                color: #99cc33;
                text-transform: uppercase;
                padding: 0 32px 0 26px;
                margin: auto;
                position: relative;
                z-index: 10;
            }

            ul.top-home li div a span p {
                width: auto;
                display: table-cell;
                vertical-align: middle;
                font-family: 'Kanit-Light';
                font-size: 18px;
                color: #ffffff;
                text-align: left;
                text-transform: uppercase;
                padding: 0;
                margin: auto;
                position: relative;
                z-index: 10;
            }

            /*ul.top-home li div a:hover h1,*/ ul.top-home li div a:hover p {
                text-decoration: underline;
                color: #99cc33;
            }

            ul.top-home li div a:hover img {
                opacity: 0.5;
            }

        ul.top-home li:nth-of-type(1) div {
            width: 460px;
            z-index: 5;
            margin-bottom: -10px;
        }

        ul.top-home li:nth-of-type(2) div {
            width: 440px;
            z-index: 4;
            margin-bottom: -10px;
        }

        ul.top-home li:nth-of-type(3) div {
            width: 420px;
            z-index: 3;
            margin-bottom: -10px;
        }

        ul.top-home li:nth-of-type(4) div {
            width: 420px;
            z-index: 2;
            margin-top: 30px;
            border-radius: 20px 20px 0px 0px;
        }

        ul.top-home li:nth-of-type(5) div {
            width: 420px;
            z-index: 1;
            margin-top: 0px;
            border-radius: 0px 0px 20px 20px;
        }

            ul.top-home li:nth-of-type(4) div span, ul.top-home li:nth-of-type(5) div span {
                height: 70px;
            }

            ul.top-home li:nth-of-type(4) div a span h1, ul.top-home li:nth-of-type(5) div a span h1 {
                font-size: 30px;
                margin: auto;
            }

#jogos-home,
#jogos-home-2 {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
}

.escudo-clube-de-jogos {
    width: 100%;
    max-width: 297px;
}

.clube-de-jogos {
    width: 300px;
    height: auto;
    background: #242424;
    padding: 40px 0;
    margin: 0 20px 0 60px;
    display: inline-block;
    vertical-align: middle;
    float: right;
    position: relative;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
}

    .clube-de-jogos h1 {
        font-family: 'Kanit-Light';
        font-size: 18px;
        font-weight: 100!important;
        color: #eb3c7d;
        text-transform: uppercase;
        margin: 0 0 20px 0;
    }

    .clube-de-jogos p {
        font-family: 'Kanit-Light';
        font-size: 14px;
        font-weight: 100!important;
        color: #ffffff;
        margin-bottom: 20px;
    }

    .clube-de-jogos span {
        font-family: 'Kanit-Light';
        font-size: 14px;
        font-weight: 100!important;
        color: #ffffff;
        margin-bottom: 20px;
    }

    .clube-de-jogos p b {
        font-family: 'Kanit-SemiBold';
    }

    .clube-de-jogos span a {
        color: #eb3c7d;
    }

.bold-anchor {
    font-family: 'Kanit-SemiBold';
    font-size: 12px;
    text-transform: uppercase;
}

.clube-de-jogos span a:hover {
    text-decoration: underline;
}

.clube-de-jogos p a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.clube-de-jogos img {
    width: 354px;
    margin: 0 auto;
}

.precio-clube-jogos {
    /*margin-left: 15px;*/
    margin-top: 10px;
    margin-bottom: 20px;
    display: block;
    vertical-align: middle;
    font-family: 'AdventPro-Light';
    font-size: 24px;
    text-transform: uppercase;
    color: #eb3c7d;
}

    .precio-clube-jogos b {
        font-size: 14px;
    }

.ocultar,
.ocultar-2 {
    width: auto;
    height: auto;
    float: right;
    margin-right: 250px;
    position: relative;
    z-index: 200;
    cursor: pointer;
    opacity: 1;
}

    .ocultar p,
    .ocultar-2 p {
        margin: 0 10px 0 0!important;
        font-family: 'Kanit-SemiBold'!important;
        font-size: 12px!important;
        color: #ffffff;
        text-transform: uppercase;
        display: inline-block!important;
        vertical-align: middle!important;
    }

    .ocultar img,
    .ocultar-2 img {
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
    }

    .ocultar:hover,
    .ocultar-2:hover {
        opacity: 0.8;
    }

.cont-div-mostrar {
    width: 100%;
    position: relative;
    height: 32px;
}

.div-mostrar,
.div-mostrar-2 {
    position: absolute;
    left: 0;
    right: 0;
    display: none;
    width: 95%;
    margin: 0 auto;
    background: url(../images/line-mostrar.png) repeat-x 0% 32%;
    text-align: center!important;
    cursor: pointer;
}

    .div-mostrar p,
    .div-mostrar-2 p {
        width: 130px!important;
        margin: 0 auto!important;
        display: block;
        background: #2d2d2d;
        font-family: 'Kanit-Light'!important;
        font-size: 14px!important;
        text-align: center!important;
        text-transform: uppercase!important;
        color: #ffffff!important;
    }

    .div-mostrar img,
    .div-mostrar-2 img {
        display: block!important;
        width: 12px;
        height: auto;
        margin: 0 auto;
        margin-top: 5px;
    }

.footer {
    height: 47.5px;
    border-top: 1px solid rgba(235, 235, 235, 0.10);
    position: relative;
}

.footer-after {
    width: 100%;
    padding-bottom: 20px;
    display: block;
}

.logo-footer {
    width: 140px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 10px;
}

.teravi {
    width: auto;
    height: 24.5px;
    position: absolute;
    bottom: 8px;
    right: 10px;
    font-size: 0;
}

    .teravi a {
        padding: 0 20px 0 0;
        display: inline-block;
        vertical-align: middle;
        font-family: 'Kanit-SemiBold';
        font-size: 12px;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        /*border-right: 1px dotted #99cc33;*/
    }

        .teravi a:last-child {
            border: none;
            padding: 0 0 0 20px;
        }

        .teravi a:hover {
            color: #99cc33;
            text-decoration: underline;
        }

.dotted-v {
    width: 1px;
    height: 100%;
    border-right: 1px dotted #99cc33;
    display: inline-block;
    vertical-align: middle;
}

ul.boxes {
    display: none;
}

.title-section {
    display: inline-block;
    margin: 20px 0;
    text-transform: uppercase;
    font-family: 'Kanit-Light';
    font-size: 18px;
    font-weight: 100;
    color: #99cc33;
}

    .title-section a {
        width: auto;
        text-align: left;
        text-transform: uppercase;
        font-family: 'Kanit-Light';
        font-size: 18px;
        font-weight: 100;
        color: #99cc33;
    }

        .title-section a:hover {
            text-decoration: underline;
        }

/*.title-section-pink{display:inline-block; margin: 20px 0; text-transform: uppercase; font-family: 'Kanit-Light'; font-size: 18px; font-weight: 100; color: rgba(255,255,255,0.5);}
*/
a.title-section-pink {
    width: 216px;
    display: inline-block;
    padding: 17px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Kanit-Light';
    font-size: 18px;
    font-weight: 100;
    color: rgba(255,255,255,0.5);
    position: relative;
    border-bottom: 3px solid transparent;
}

    a.title-section-pink:hover {
        text-decoration: none;
        color: #eb3c7d;
        cursor: pointer;
        border-bottom: 3px solid #eb3c7d;
    }

        a.title-section-pink:hover:after {
            content: url(../images/pik-vivo.png);
            width: 7px;
            height: 4px;
            position: absolute;
            bottom: 7px;
            left: 50%;
            margin-left: -3.5px;
        }

/**TABS JOGOS**/

.wrapp-tabs {
    margin: 20px auto;
}

.container-pills {
    width: 960px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.nav-pills > li {
    width: 216px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Kanit-Light';
    font-size: 18px;
    font-weight: 100;
    color: rgba(255,255,255,0.5);
    position: relative;
    cursor: pointer;
    z-index: 10;
}

    .nav-pills > li a {
        padding: 14px 10px 17px 10px;
        color: rgba(255,255,255,0.5);
    }

        .nav-pills > li a:hover {
            color: #eb3c7d;
            background: none;
        }

        .nav-pills > li a span {
            width: auto;
        }

            /*.nav-pills > li a span:hover{color:#eb3c7d; text-decoration: underline;}*/
            .nav-pills > li a span:hover {
                color: #eb3c7d;
            }

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #eb3c7d;
        background: none;
        border-bottom: 3px solid #eb3c7d;
        border-radius: 0;
        z-index: 3;
    }

    .nav-pills > li.active:after {
        content: url(../images/pik-vivo.png);
        width: 7px;
        height: 4px;
        position: absolute;
        bottom: 9px;
        left: 50%;
        margin-left: -3.5px;
    }

    .nav-pills > li.active:nth-of-type(1) {
        box-shadow: 15px 25px 20px rgba(0, 0, 0, .20);
    }

    .nav-pills > li.active:nth-of-type(2) {
        box-shadow: -15px 25px 20px rgba(0, 0, 0, .20);
    }

.wrapp-tab-content {
    padding-bottom: 60px;
}

.tab-content {
    width: 100%;
    height: 348px;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
}

    .tab-content .container {
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }

/**TABS JOGOS**/


.tabos li {
    display: none;
}

.e-sports-column-left {
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
    padding-right: 10px;
    padding-left: 0px;
}

.e-sports-column-right {
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
    padding-right: 0px;
    padding-left: 10px;
}

.e-sports-column-left-0 {
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
    padding-right: 10px;
    padding-left: 0px;
}

.e-sports-column-right-0 {
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
    padding-right: 0px;
    padding-left: 10px;
}

.e-sports-home-6 {
    width: 100%;
    height: auto;
    position: relative;
}

    .e-sports-home-6 > a .wrappe {
        width: 100%;
        height: 100%;
        background: url(../images/gradient-e-sports-6.png) repeat-x bottom center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 200;
    }

        .e-sports-home-6 > a .wrappe p:hover {
            color: #99cc33;
            text-decoration: underline;
        }

        .e-sports-home-6 > a .wrappe p {
            position: absolute;
            bottom: 20px;
            left: 20px;
            font-family: 'Kanit-Light';
            font-weight: 100;
            font-size: 18px;
            color: #ffffff;
            text-align: left;
        }

.player {
    width: 48px!important;
    height: 48px!important;
    position: absolute;
    z-index: 200;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    cursor: pointer;
    border: 2px solid #99cc33;
    border-radius: 120px;
    background: rgba(0,0,0,0.5) url(../images/icon/play-ico-vivo.png) 55% 50% no-repeat;
    background-size: 17.41px 19.50px;
}

.player-lg {
    width: 80px!important;
    height: 80px!important;
    position: absolute;
    z-index: 200;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    cursor: pointer;
    border: 3px solid #99cc33;
    border-radius: 120px;
    background: rgba(0,0,0,0.5) url(../images/icon/play-ico-vivo.png) 55% 50% no-repeat;
    background-size: 29.03px 32.50px;
}

.back-img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 100;
}

.wrap-img {
    position: relative;
    display: block;
}

    .wrap-img .btn-exclusivo {
        position: absolute;
        bottom: 10px;
        left: 10px;
        z-index: 101;
    }

.e-sports-home-2 {
    width: 100%;
    height: auto;
}

    .e-sports-home-2 a {
        display: block;
    }

        .e-sports-home-2 a img {
            width: 100%;
            box-shadow: 0 0 20px rgba(0, 0, 0, .25);
        }

        .e-sports-home-2 a p {
            margin: 10px 0 0 0;
            font-family: 'Kanit-Light';
            font-weight: 100;
            font-size: 14px;
            color: #ffffff;
            text-align: left;
        }

        .e-sports-home-2 a:hover p {
            color: #99cc33!important;
            text-decoration: underline;
        }

        .e-sports-home-2 a:hover img {
            opacity: 0.8;
        }

.ultimos-reviews > .row {
    margin-bottom: 20px;
}

    .ultimos-reviews > .row span {
    }

        .ultimos-reviews > .row span:hover .img-ultimos-reviews {
            opacity: 0.8;
        }

        .ultimos-reviews > .row span:hover h1 a {
            text-decoration: underline;
            color: #99cc33;
        }

        .ultimos-reviews > .row span:hover .video-cont > .img-background {
            opacity: 0.8;
            cursor: pointer;
        }

a > .img-ultimos-reviews {
    display: block;
}

.img-ultimos-reviews {
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    cursor: pointer;
}

.text-reviews {
    width: 100%;
    height: auto;
    text-align: left;
}

    .text-reviews h1 {
        margin: 10px 0 0 0;
        font-family: 'Kanit-Light';
        font-size: 30px;
        font-weight: 100;
        color: #ffffff;
    }

        .text-reviews h1 a {
            margin: 10px 0 0 0;
            font-family: 'Kanit-Light';
            font-size: 30px;
            font-weight: 100;
            color: #ffffff;
        }


    .text-reviews h4 {
        margin: 0;
    }

        .text-reviews h4 a {
            margin: 14px 0 0 0;
            display: inline-block;
            font-family: 'Kanit-Light';
            font-size: 14px;
            font-weight: 100;
            color: #99cc33;
        }

            .text-reviews h4 a:hover {
                text-decoration: underline;
            }

    .text-reviews h5 {
        margin: 20px 0 0 0;
        display: block;
        font-family: 'Kanit-Light';
        font-size: 12px;
        font-weight: 100;
        color: #ffffff;
    }

.cont-symbol-klg {
    height: 225px;
    position: relative;
}

.symbol-klg {
    width: 477px;
    padding: 0 0 0 15px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.mog {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 0px;
}

    .mog table {
        width: 100%;
    }

        .mog table tbody {
        }

            .mog table tbody tr {
                /*border-bottom: 1px solid rgba(235,235,235,0.10);*/
            }

                .mog table tbody tr:first-child td {
                    padding: 15px 0;
                }

                .mog table tbody tr td {
                    padding: 20px 0;
                    border-bottom: 1px solid rgba(235, 235, 235, 0.10);
                }

                    .mog table tbody tr td:nth-of-type(1) {
                        width: 48%;
                        float: left;
                    }

                    .mog table tbody tr td:nth-of-type(2) {
                        width: 48%;
                        float: right;
                    }

                    .mog table tbody tr td a {
                        font-family: 'Kanit-Light';
                        font-weight: 100;
                        font-size: 18px;
                        text-transform: uppercase;
                        color: #ffffff;
                    }

                        .mog table tbody tr td a:hover {
                            color: #99cc33;
                            text-decoration: underline;
                        }


.klg-links {
    width: 100%;
    height: auto;
}

    .klg-links span {
        height: 63px;
        display: table;
        border-bottom: 1px solid rgba(235, 235, 235, 0.10);
    }

        .klg-links span a {
            display: table-cell;
            vertical-align: middle;
            font-family: 'Kanit-Light';
            font-weight: 100;
            font-size: 18px;
            text-transform: uppercase;
            color: #ffffff;
        }

            .klg-links span a:hover {
                color: #99cc33;
                text-decoration: underline;
            }

        .klg-links span:nth-of-type(odd) {
            width: 48%;
            float: left;
        }

        .klg-links span:nth-of-type(even) {
            width: 48%;
            float: right;
        }


.novidades {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 0;
}

    .novidades span {
        width: auto;
    }

        .novidades span a img {
            width: 100%;
            border-radius: 360px;
            overflow: hidden;
            border: 2px solid #99cc33;
            /*height:177px;*/
        }

        .novidades span a:hover img {
            opacity: 0.8;
        }

        .novidades span a h5 {
            line-height: 120%;
            font-family: 'Kanit-Light';
            font-size: 18px;
            font-weight: 100;
            text-transform: uppercase;
            color: #ffffff;
        }

        .novidades span a:hover h5 {
            color: #99cc33;
            text-decoration: underline;
        }

.exclusivo-vivo {
    width: 250px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: 14px;
}

.top-jogos {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    background: #242424;
    position: relative;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

    .top-jogos span {
        width: 100%;
        display: block;
        /*background: #242424;*/
        padding: 0px;
    }

        .top-jogos span img {
            width: 100%;
        }

        .top-jogos span h1 {
            padding: 10px;
            margin: 20px auto 40px auto;
            font-family: 'Kanit-SemiBold';
            font-size: 12px;
            font-weight: 100;
            text-transform: uppercase;
            color: #ffffff;
        }

        .top-jogos span h4 {
            margin: 0px auto 20px auto;
            font-family: 'AdventPro-Thin';
            font-size: 30px;
            font-weight: 100;
            text-transform: uppercase;
            color: #99cc33;
        }

        .top-jogos span:hover img {
            opacity: 0.8;
            cursor: pointer;
        }

        .top-jogos span:hover h1 {
            color: #eb3c7d;
            text-decoration: underline;
            cursor: pointer;
        }

        .top-jogos span:hover h4 {
            color: #99cc33;
            text-decoration: underline;
            cursor: pointer;
        }

.cont-logo-klg {
    position: relative;
    width: auto;
    height: 68px;
}

.logo-klg {
    height: 80px;
    margin: 0 auto;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}



.compartilhe {
    width: 100%;
    height: auto;
    margin: 0 auto 40px auto;
    text-align: center;
}

    .compartilhe p {
        margin: 0 auto;
        font-family: 'Kanit-Light';
        font-size: 18px;
        font-weight: 100;
        text-transform: uppercase;
        color: #99cc33;
    }

    .compartilhe a img {
        width: 32px;
        height: 32px;
        display: inline-block;
        margin: 20px 10px;
    }


.bg-contenido-texto {
    width: 100%;
    max-width: 1366px;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

    .bg-contenido-texto img {
        width: 100%;
    }


.img-main-contenido {
    padding-top: 0px!important;
}

    .img-main-contenido img {
        width: 100%;
    }

/*.img-main-contenido:hover img{
    opacity:0.8;
}*/

/*.img-main-contenido:hover .wrapp-text h5,
.img-main-contenido:hover .wrapp-text h3,
.img-main-contenido:hover .wrapp-text h1,
.img-main-contenido:hover .wrapp-text h4 a{
    color:#99cc33;
    text-decoration: underline;
}*/

.wrapp-text {
    width: 560px;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 55px;
    z-index: 1;
}

.wrappp-text {  
  position: static;  
  margin-top:10px;
  padding-top:10px;
}

    .wrapp-text h5 {
        font-family: 'Kanit-SemiBold';
        font-size: 12px;
        font-weight: 100;
        text-align: left;
        color: #ffffff;
        margin: 0 0 20px 0;
    }

    .wrapp-text h3 {
        font-family: 'Kanit-Light';
        font-size: 18px;
        font-weight: 100;
        text-align: left;
        text-transform: uppercase;
        color: #99cc33;
        margin: 0 0 0px 0;
    }

    /*.wrapp-text h3:hover{
    text-decoration: underline;
    cursor:pointer;
}*/

    .wrapp-text h1 {
        font-family: 'AdventPro-Light';
        font-size: 48px;
        font-weight: 100;
        text-align: left;
        color: #ffffff;
        line-height: 120%;
        margin: 0 0 5px 0;
    }

    .wrapp-text h4 a {
        font-family: 'Kanit-Light';
        font-size: 14px;
        font-weight: 100;
        text-align: left;
        color: #99cc33;
        margin: 0 0 0px 0;
    }

        .wrapp-text h4 a:hover {
            text-decoration: underline;
        }

.texto-inside-video {
    width: auto;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 250;
}



    .texto-inside-video h3 {
        font-family: 'Kanit-Light';
        font-size: 18px;
        font-weight: 100;
        text-align: left;
        text-transform: uppercase;
        color: #99cc33;
        margin: 0 0 0px 0;
    }

    .texto-inside-video h1 {
        font-family: 'AdventPro-Light';
        font-size: 48px;
        font-weight: 100;
        text-align: left;
        color: #ffffff;
        line-height: 120%;
        margin: 0 0 0 0;
    }

    .texto-inside-video a p {
        margin: 0;
        margin-bottom: 10px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        font-family: 'Kanit-Light';
        font-weight: 100;
        font-size: 18px;
        color: #ffffff;
        text-align: left;
    }

.contenido-texto {
    position: relative;
}

    .contenido-texto .wrapp-text {
        width: 100%;
        position: relative;
        left: auto;
        bottom: auto;
        margin-bottom: 60px;
    }

    /*.contenido-texto .wrapp-text:hover h5,
.contenido-texto .wrapp-text:hover h3,
.contenido-texto .wrapp-text:hover h4 a,
.contenido-texto .wrapp-text:hover h1{
    text-decoration: underline;
    color:#99cc33;
    cursor:pointer;
}*/

    /*.contenido-texto .text-caption{
    margin-top:60px;
}*/

    .contenido-texto p {
        font-family: 'Kanit-Light';
        font-size: 16px;
        font-weight: 100;
        text-align: left;
        color: #ffffff;
        margin: 0 0 20px 0;
    }

        .contenido-texto p a {
            color: #99cc33;
        }

            .contenido-texto p a:hover {
                text-decoration: underline;
                cursor: pointer;
            }

    .contenido-texto h2 {
        font-family: 'Kanit-Medium';
        font-size: 16px;
        font-weight: 100;
        text-align: left;
        color: #ffffff;
        margin: 0 0 20px 0;
    }

    .contenido-texto h5 {
        font-family: 'Kanit-SemiBold';
        font-size: 12px;
        font-weight: 100;
        text-align: left;
        color: #ffffff;
        margin: 0 0 20px 0;
    }

    .contenido-texto h4 {
        margin: 0;
    }

        .contenido-texto h4 a {
            font-family: 'Kanit-Light';
            font-size: 14px;
            font-weight: 100;
            text-align: left;
            color: #99cc33;
            margin: 0 0 0px 0;
        }

/*.content-img-video:hover .texto-inside-video h1,
.content-img-video:hover .texto-inside-video h3
{color:#99cc33; text-decoration: underline;}*/

.content-img-video:hover img {
    opacity: 1;
}

/*.content-img-video:hover .overlay{opacity:1.0;}*/

.content-img-video {
    width: 780px;
    height: auto;
    margin: 40px auto;
    position: relative;
    display: block;
}

    .content-img-video img {
        width: 100%;
    }

.content-img-video-mini {
    width: 100%;
    height: auto;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    cursor: pointer;
}

    .content-img-video-mini a .overlay-mini {
        position: relative;
    }

    .content-img-video-mini a {
        width: 100%;
        /*height: 100%; ERROR CSS VIVO*/
        display: block;
    }

        .content-img-video-mini a img {
            width: 100%;
        }

        .content-img-video-mini a p {
            margin: 0;
            margin-bottom: 10px;
            position: absolute;
            bottom: 0px;
            left: 20px;
            z-index: 101;
            font-family: 'Kanit-Light';
            font-weight: 100;
            font-size: 18px;
            color: #ffffff;
            text-align: left;
        }

        .content-img-video-mini a:hover p {
            color: #99cc33;
            text-decoration: underline;
        }

        .content-img-video-mini a:hover img {
            opacity: 0.8;
        }

    .content-img-video-mini > .texto-inside-video {
        bottom: 10px;
        left: 10px;
    }

    .content-img-video-mini .btn-exclusivo {
        position: absolute;
        bottom: 47px;
        left: 20px;
        z-index: 101;
    }

.btn-exclusivo {    
    position: absolute;
    bottom: 60px;
    width: 130px;
    height: 20px;
    background: #eb3c7d!important;
    border-radius: 3px;
    display: table;
    z-index: 100;
}

    .btn-exclusivo span {
        display: table-cell;
        vertical-align: middle;
        font-family: 'Kanit-Medium';
        font-size: 11px;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
    }

.video-cont {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.overlay {
    width: 100%;
    height: 100%;
    /*border-radius: 5px;*/
    overflow: hidden;
    opacity: 1;
    position: absolute;
    z-index: 200;
    background: url(../images/gradient-overlay.png) repeat-x bottom center;
}


.overlay-mini {
    width: 100%;
    /*height: 100%; ERROR CSS VIVO*/
    border-radius: 10px;
    overflow: hidden;
    opacity: 1;
    /*position: relative;*/
    /*background:url(../images/gradient-overlay.png) repeat-x bottom center;*/
}

    .overlay-mini:hover {
        opacity: 1;
    }

.overlay-inside {
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    z-index: 101;
    background: url(../images/overlay-mini.png) repeat-x bottom center;
}


.img-background {
    width: 100%;
    height: 100%;
    height: auto;
    position: relative;
    z-index: 100;
}

.text-caption {
    width: 100%;
    margin-top: 10px;
    text-align: left;
}


    .text-caption span {
        font-family: 'Kanit-LightItalic';
        font-size: 14px;
        font-weight: 100;
        text-transform: none;
        color: #ffffff;
        margin: 0 0 5px 0;
    }

    .text-caption a {
        font-family: 'Kanit-LightItalic';
        font-size: 14px;
        font-weight: 100;
        text-transform: none;
        color: #ffffff;
        margin: 0 0 5px 0;
    }

        .text-caption a:hover {
            color: #99cc33;
            text-decoration: underline;
            cursor: pointer;
        }

    .text-caption h4 {
        font-family: 'Kanit-LightItalic';
        font-size: 14px;
        font-weight: 100;
        text-transform: none;
        color: #b9b9b9;
        margin: 0 0 5px 0;
    }


/*.lSAction{display:none!important;}*/

.text-right-xs {
    text-align: right;
}

.content-slider {
    margin: 0px 0 20px 0!important;
}

.ficha-jogos .slick-track {
    margin-left: auto;
    margin-right: auto;
}

.ficha-jogos > .content-img-video {
    width: 100%;
    margin: 0 auto 35px auto;
}

.top-content-ficha {
    height: 224px;
    position: relative;
    z-index: 2;
}

.logo-jogo {
    margin: 60px 0 0 60px;
    display: inline-block;
}

    .logo-jogo h1 {
        width: auto;
        margin: 0 0 0 20px;
        display: inline-block;
        vertical-align: top;
        font-family: 'AdventPro-Light';
        font-size: 48px;
        font-weight: 100;
        text-align: left;
        text-transform: capitalize;
        color: #ffffff;
        line-height: 120%;
    }

    .logo-jogo img {
        width: 140px;
        height: 140px;
        vertical-align: top;
        border: 2px solid #99cc33;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    }

.clasificacion {
    width: 40px;
    height: 40px;
    float: right;
    margin: 164px 60px 0 0;
    display: inline-block;
    vertical-align: middle;
    background: #99cc33;
    border-radius: 5px;
    font-family: 'AdventPro-ExtraLight';
    font-size: 24px;
    text-align: center;
    color: #2d2d2d;
    line-height: 40px;
}

.bg-jogo {
    width: 100%;
    /*max-width: 1366px;*/
    height: auto;
    margin: 0 auto;
    position: absolute;
    top: 132px;
    left: 0;
    right: 0;
    z-index: 0;
}

    .bg-jogo img {
        width: 100%;
    }

/*.bg-jogo::after {
  display: inline-block;
  position: relative;
  top:0;
  background: -moz-linear-gradient(top, transparent 0%, rgba(45,45,45,1) 100%);
  background: -webkit-linear-gradient(top, transparent 0%, rgba(45,45,45,1) 100%);
  background-image: linear-gradient(to bottom, transparent 0%, rgba(45,45,45,1) 50%, rgba(45,45,45,1) 75%, rgba(45,45,45,1) 100%);
  margin-top: -100%;
  height: 400px;
  width: 100%;
  content: '';
  z-index:1;
}*/


.cont-jogos-navegacion {
    padding: 20px 0;
    text-align: center;
}


.windows-icon {
    width: 140px;
    height: 40px;
    padding: 0 20px;
    border-radius: 3px;
    background: #242424;
    box-shadow: 0 0 20px rgba(0,0,0,0.25);
    margin: 15px auto 0 auto;
    display: table;
    position: relative;
}

    .windows-icon span {
        /*position: relative;*/
        display: table-cell;
        vertical-align: middle;
        font-family: 'Kanit-SemiBold';
        font-weight: 100;
        font-size: 12px;
        text-transform: uppercase;
        text-align: left;
    }

        .windows-icon span img {
            width: 12px;
            height: 7px;
            position: absolute;
            top: 50%;
            right: 20px;
            margin-top: -3.5px;
        }

.jogos-navegacion {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-family: 'Kanit-SemiBold';
    font-size: 12px;
    font-weight: 100;
    text-transform: uppercase;
    color: #99cc33;
    cursor: default;
}


    .jogos-navegacion a {
        font-family: 'Kanit-SemiBold';
        font-size: 12px;
        font-weight: 100;
        text-transform: uppercase;
        color: #99cc33;
        cursor: pointer;
    }

        .jogos-navegacion a:hover {
            color: #99cc33;
            text-decoration: underline;
        }

    .jogos-navegacion img {
        width: 48px;
        margin: 0 auto 10px auto;
        display: block;
    }


.jogos-navegacion-2 {
    display: none;
}


.cont-ficha-tecnica {
    margin-top: 70px;
    margin-bottom: 60px;
}

.ficha-tecnica {
    width: auto;
}

    .ficha-tecnica h2 {
        margin: 0 auto 40px auto;
        font-family: 'Kanit-Light';
        font-weight: 100;
        font-size: 18px;
        color: #99cc33;
        text-transform: uppercase;
        text-align: center;
    }

    .ficha-tecnica p {
        margin-bottom: 20px;
        font-family: 'Kanit-Light';
        font-weight: 100;
        font-size: 14px;
        color: #ffffff;
        text-align: left;
    }

.table-ficha {
    width: 100%;
    border-radius: 10px;
    padding: 20px;
    background: #242424;
    color: #ffffff;
    border-collapse: separate;
}

    .table-ficha tr td:nth-of-type(1) {
        font-family: 'Kanit-SemiBold';
        font-size: 12px;
        text-transform: uppercase;
        text-align: right;
        border: none;
        border-bottom: 1px dotted #99cc33!important;
        vertical-align: top;
        padding: 5px 10px 5px 5px;
    }

    .table-ficha tr td:nth-of-type(2) {
        font-family: 'Kanit-Light';
        font-size: 14px;
        text-transform: capitalize;
        text-align: left;
        border: none;
        border-bottom: 1px dotted #99cc33!important;
        vertical-align: top;
        padding: 5px 5px 5px 10px;
    }

    .table-ficha tr:last-child td {
        border-bottom: 0px dotted #99cc33!important;
    }

    .table-ficha tr td a {
        color: #99cc33;
    }

        .table-ficha tr td a:hover {
            text-decoration: underline;
        }

.square-arrow {
    width: 200px;
    height: auto;
    position: relative;
    padding: 10px 20px;
    background: #242424;
    margin: 0 auto 0 30px;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .square-arrow p {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        font-family: 'Kanit-SemiBold';
        font-weight: 100;
        font-size: 12px;
        color: #99cc33;
        text-transform: uppercase;
        text-align: center;
    }

    .square-arrow img {
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -3.5px;
    }

.cont-requisitos-tecnicos {
    margin-bottom: 60px;
}

.requisitos-tecnicos {
    width: auto;
}

    .requisitos-tecnicos h2 {
        margin: 0 auto 15px auto;
        font-family: 'Kanit-Light';
        font-weight: 100;
        font-size: 18px;
        color: #99cc33;
        text-transform: uppercase;
        text-align: center;
    }

    .requisitos-tecnicos h3 {
        width: 164px;
        height: 40px;
        border-radius: 3px;
        background: #242424;
        margin: 0 auto 40px auto;
        display: table;
    }

        .requisitos-tecnicos h3 span {
            display: table-cell;
            vertical-align: middle;
            font-family: 'Kanit-Light';
            font-weight: 100;
            font-size: 18px;
            color: #99cc33;
            text-transform: uppercase;
            text-align: center;
        }

        .requisitos-tecnicos h3 img {
            display: inline-block;
        }

ul.lista-requisitos {
    width: 100%;
    background: #242424;
    padding: 20px;
    border-radius: 10px;
}

    ul.lista-requisitos h2 {
        margin-bottom: 20px;
        font-family: 'Kanit-Light';
        font-weight: 100;
        font-size: 18px;
        color: #ffffff;
        text-transform: uppercase;
        text-align: left;
    }

    ul.lista-requisitos li {
        margin-bottom: 5px;
        font-family: 'Kanit-Light';
        font-weight: 100;
        font-size: 14px;
        color: #ffffff;
        text-align: left;
        list-style: none;
    }

        ul.lista-requisitos li:before {
            content: "•";
            padding-right: 8px;
            color: #99cc33;
        }

.cont-gallery-s2 {
    padding: 50px 0 50px 0;
    margin-top: 30px;
}

.gallery-s2 {
    padding: 0px 10px;
}

    .gallery-s2 .compartilhe {
        margin: 0px auto;
    }

    .gallery-s2 .text-caption {
        margin: 60px auto 10px auto;
    }

#image-gallery {
    margin-bottom: 20px;
    display: none;
}

#gallery-responsive {
    display: none;
}

.gallery-responsive {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0 auto;
    cursor: pointer;
}

    .gallery-responsive img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    }

    .gallery-responsive .texto-thumbnails-2 {
        opacity: 1.0;
        margin-top: 10px;
    }

.s2 {
    position: relative;
}

    .s2 img {
        width: 100%;
        height: auto;
        box-shadow: 0 0 20px rgba(0,0,0,0.25);
        border-radius: 10px;
    }

    .s2 .text-caption {
        position: absolute;
        left: 0px;
        bottom: 0px;
        margin: 0px;
        padding: 50px 0 50px 50px;
        background: url(../images/gradient-overlay.png) repeat-x top center;
    }

    .s2 .overlay-g {
        width: 100%;
        height: 320px;
        border-radius: 0 0 10px 10px;
        position: absolute;
        bottom: 0; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    }

.jogos-moba {
    position: relative;
    z-index: 2;
}

.cuadrito {
    width: 100%;
    height: 60px;
    background: red;
}

.embed-game {
    width: 100%;
    max-width: 940px;
    height: 532px;
    margin: 40px auto 40px auto;
    position: relative;
}

    .embed-game img {
        width: 100%;
        height: auto;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }

.overlay-game {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    z-index: 200;
    opacity: 1;
}

.embed-game > .overlay-game .clube-de-jogos {
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -150px 0 0 -150px;
    z-index: 200;
}

.embed-game-mobile {
    width: 100%;
    max-width: 640px;
    height: auto;
    margin: 0px auto;
    padding: 20px 10px;
}

    .embed-game-mobile img {
        width: 100%;
        height: auto;
        text-align: center;
        margin: auto;
    }

ul#especificacion-2 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    ul#especificacion-2 li {
        width: auto;
        vertical-align: top;
        list-style: none;
    }


/*** MODAL ASSINANTE//***/

.padding-20-40 {
    padding: 40px 20px!important;
}

.container .modal-content {
    margin: 50px auto 0px auto;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1030; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}


/* Modal Content/Box */
.modal-content {
    width: 282px; /* Could be more or less, depending on screen size */
    background: #292929;
    padding: 20px 20px 40px 20px;
    margin: 12% auto; /* 15% from the top and centered */
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    border-radius: 10px;
    position: relative;
    text-align: center;
}

    .modal-content h5 {
        margin: 0 auto 20px auto;
        font-family: 'Kanit-SemiBold';
        font-size: 12px;
        color: #b8b8b8;
        text-transform: uppercase;
    }

    .modal-content p {
        margin: 0;
        font-family: 'Kanit-Light';
        font-size: 12px;
        color: #ffffff;
    }

        .modal-content p a {
            font-family: 'Kanit-SemiBold';
            color: #eb3c7d;
        }

            .modal-content p a:hover,
            .modal-content p a:focus {
                text-decoration: underline;
            }

    .modal-content input[type="text"] {
        width: 100%;
        font-family: 'Kanit-SemiBoldItalic';
        font-size: 12px;
        background: #242424;
        color: #ffffff;
        text-align: center;
        border: none;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .modal-content::-moz-placeholder {
        text-align: center;
        font-family: 'Kanit-SemiBoldItalic';
        font-size: 12px;
        text-align: center;
        color: rgba(255, 255, 255, 0.5);
    }

    .modal-content::-webkit-input-placeholder {
        text-align: center;
        font-family: 'Kanit-SemiBoldItalic';
        font-size: 12px;
        text-align: center;
        color: rgba(255, 255, 255, 0.5);
    }

    .modal-content:-ms-input-placeholder {
        text-align: center;
        font-family: 'Kanit-SemiBoldItalic';
        font-size: 12px;
        text-align: center;
        color: rgba(255, 255, 255, 0.5);
    }


    .modal-content input[type="text"], .modal-content input[type="button"] {
        height: 40px;
        border-radius: 3px;
    }


    .modal-content input[type="button"] {
        width: 100%;
        font-family: 'Kanit-Light';
        font-size: 18px;
        color: #ffffff;
        text-transform: uppercase;
        border: none;
    }

.changecountrybtn {
    width: 100%;
    font-family: 'Kanit-Light';
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    height: 40px;
    border-radius: 3px;
}

.modal-content input[type="button"]:hover,
.modal-content input[type="button"]:focus {
    opacity: 0.8;
}

.modal-content > input[class="btn-mao"] {
    margin-bottom: 10px;
}

.enviar {
    background: #eb3c7d;
    margin-bottom: 10px;
}

.seleccionado {
    background: #eb3c7d;
    margin-bottom: 10px;
}

.noseleccionado {
    background: #292929;
    margin-bottom: 10px;
}


.cancelo {
    background: none;
    border: 1px solid #ffffff!important;
    margin-bottom: 0px;
}

.facebook {
    background: #3b5998;
    margin-bottom: 10px;
}

.google {
    background: #dd4b39;
}

.cont-close-modal {
    width: 100%;
    height: auto;
    display: inline-block;
}

.close-modal {
    width: 10px;
    height: 10px;
    background: url(../images/icon/close-modal.png);
    background-size: 100%;
    float: right;
}

    .close-modal:hover,
    .close-modal:focus {
        opacity: 0.8;
        text-decoration: none;
        cursor: pointer;
    }

.line-cut {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    background: rgba(234,234,234,0.10);
}

.vivo-parrafo {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

    .vivo-parrafo p {
        margin: 0;
        font-family: 'Kanit-Light';
        font-size: 14px;
        color: #ffffff;
        display: inline-block;
        vertical-align: middle;
    }

    .vivo-parrafo img {
        width: 54px;
        height: auto;
        margin-left: 10px;
        display: inline-block;
        vertical-align: middle;
    }

.error-modal, .error-modal-del {
    display: none;
    width: 578px;
    height: 40px;
    border-radius: 3px;
    background: rgba(199,22,78,0.9);
    text-align: center;
    position: absolute;
    top: 15%;
    left: 50%;
    margin-left: -289px;
}

    .error-modal p, .error-modal-del p {
        font-family: 'Kanit-Light';
        font-size: 18px;
        text-align: center;
        color: #ffffff;
        margin: 0 0 0 0;
        line-height: 40px;
    }


.close-error-tyc:hover, .close-error-tyc:focus {
    opacity: 0.8;
    text-decoration: none;
    cursor: pointer;
}

.close-error-tyc {
    width: 10px;
    height: 10px;
    background: url(../images/icon/close-modal.png);
    background-size: 100%;
    margin-top: 5px;
    margin-right: 10px;
    float: right;
    display: block;
}

.myCheckboxtyc input {
    /*// display: none;
    // Better than display: none for accessibility reasons*/
    position: relative;
    z-index: -9999;
}

.myCheckboxtyc span {
    position: relative !important;
    width: 25px !important;
    height: 22px !important;
    display: block !important;
    bottom: 20px !important;
    background: url('../images/tycn-vivo.png') no-repeat top center;
    background-size: cover;
}

.myCheckboxtyc input:checked + span {
    position: relative !important;
    width: 25px !important;
    height: 22px !important;
    display: block !important;
    bottom: 20px !important;
    background: url('../images/tycy-vivo.png') no-repeat top center;
    background-size: cover;
}

.error-modal-tyc {
    display: none;
    width: 90%;
    border-radius: 3px;
    background: rgba(199,22,78,0.9);
    text-align: center;
    margin: 0 auto;
    margin-top: -50px; /*-50*/
    margin-bottom: 10px;
}

    .error-modal-tyc p {
        font-family: 'Kanit-Light';
        font-size: 18px;
        text-align: center;
        color: #ffffff;
        margin: 0 0 0 0;
        line-height: 40px;
    }

.close-error {
    width: 10px !important;
    height: 10px;
    background: url(../images/icon/close-modal.png);
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -5px;
}

    .close-error:hover,
    .close-error:focus {
        opacity: 0.8;
        text-decoration: none;
        cursor: pointer;
    }

/*** MODAL//***/

.wrapp-banner-main-assinar {
    position: relative;
    height: 620px;
    overflow: hidden;
}

.img-back {
    width: 100%;
    height: 100%;
    background: url('../images/bg-assinar.png') no-repeat top center;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -101;
}



.banner-main-assinar {
    width: 985px;
    padding: 0 10px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}

    .banner-main-assinar h1 {
        font-family: 'Kanit-Medium';
        font-size: 48px;
        color: #ffffff;
        text-shadow: 0px 15px 50px rgba(0,0,0,0.5);
        margin-top: 0;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
    }

    .banner-main-assinar h4 {
        font-family: 'AdventPro-Light';
        font-size: 24px;
        color: #ffffff;
        margin-top: 0;
        margin-bottom: 25px;
    }

        .banner-main-assinar h4 span {
            text-transform: uppercase;
            font-size: 30px;
            color: #eb3c7d;
        }

            .banner-main-assinar h4 span b {
                font-size: 18px;
            }

    .banner-main-assinar input[type="button"] {
        width: 130px;
        height: 40px;
        font-family: 'Kanit-Light';
        font-size: 18px;
        color: #ffffff;
        text-transform: uppercase;
        border: none;
        border-radius: 3px;
        margin-bottom: 17px;
    }

        .banner-main-assinar input[type="button"]:hover {
            opacity: 0.8;
        }

.btn-planos {
    background: none;
    border: 1px solid #ffffff!important;
}

.btn-assinar {
    background: #eb3c7d;
    margin-left: 10px;
}

.btn-mao {
    background: none;
    border: 1px solid #eb3c7d!important;
    color: #eb3c7d!important;
}

.btn-cancelar {
    background: none;
    border: 1px solid #ffffff!important;
}

.clientes-vivo {
    width: 100%;
    margin-bottom: 57px;
}

    .clientes-vivo p {
        font-family: 'Kanit-Light';
        font-size: 14px;
        color: #ffffff;
        margin-bottom: 0;
        display: inline-block;
        vertical-align: bottom;
    }

    .clientes-vivo img {
        width: 54px;
        height: auto;
        display: inline-block;
        vertical-align: bottom;
        margin-left: 10px;
        margin-bottom: 4px;
    }


a.mais-info {
}

    a.mais-info p {
        text-transform: uppercase;
        font-family: 'Kanit-Light';
        font-size: 14px;
        color: #ffffff;
    }

    a.mais-info img {
        width: 12px;
        height: auto;
        margin: 7px auto 7px auto;
        display: block;
    }

.separator-ancla {
    width: 100%;
}

.conteudo-exclusivo {
    position: relative;
    max-height: 611px;
    margin-top: 198px;
    margin-bottom: 156px;
    display: block;
}

    .conteudo-exclusivo img {
        height: 100%;
    }

    .conteudo-exclusivo span {
        width: 460px;
        height: auto;
        position: absolute;
        top: 74px;
        right: 0;
    }

        .conteudo-exclusivo span h1 {
            font-family: 'Kanit-Medium';
            font-size: 48px;
            color: #ffffff;
            margin-top: 0;
            margin-bottom: 20px;
        }

        .conteudo-exclusivo span p {
            width: 90%;
            font-family: 'Kanit-Light';
            font-size: 18px;
            color: #ffffff;
            text-align: left;
            margin-bottom: 0;
        }

.smartphones-jogo {
    width: 635px;
    height: auto;
    position: absolute;
    right: 0px;
    top: -280px;
    z-index: 1;
}

    .smartphones-jogo img {
        width: 100%;
    }

.mais-700-jogos {
    position: relative;
    height: auto;
    display: block;
    background: rgba(250,50,255,0.5) url(../images/bg-700-jogos.png);
}

    .mais-700-jogos article {
        width: 960px;
        height: 840px;
        padding: 0 10px;
        margin: 0 auto;
        position: relative;
    }

        .mais-700-jogos article span {
            width: 460px;
            height: auto;
            position: absolute;
            top: 190px;
            left: 10px;
        }

            .mais-700-jogos article span h1 {
                width: 89%;
                font-family: 'Kanit-Medium';
                font-size: 48px;
                color: #ffffff;
                margin-top: 0;
                margin-bottom: 20px;
            }

            .mais-700-jogos article span p {
                width: 90%;
                font-family: 'Kanit-Light';
                font-size: 18px;
                color: #ffffff;
                text-align: left;
                margin-bottom: 20px;
            }

            .mais-700-jogos article span input[type="button"] {
                width: 330px;
                height: 40px;
                background: #eb3c7d;
                font-family: 'Kanit-Light';
                font-size: 18px;
                color: #ffffff;
                text-transform: uppercase;
                border: none;
                border-radius: 3px;
            }

                .mais-700-jogos article span input[type="button"]:hover {
                    opacity: 0.8;
                }

.divirta-se {
    width: 100%;
    background: #242424;
}

    .divirta-se article {
        width: 960px;
        height: 860px;
        padding: 0 10px;
        margin: 0 auto;
        position: relative;
    }

    .divirta-se span {
        width: 460px;
        height: auto;
        position: absolute;
        top: 356px;
        right: 10px;
    }

        .divirta-se span h1 {
            font-family: 'Kanit-Medium';
            font-size: 48px;
            color: #ffffff;
            margin-top: 0;
            margin-bottom: 20px;
        }

        .divirta-se span p {
            width: 100%;
            font-family: 'Kanit-Light';
            font-size: 18px;
            color: #ffffff;
            text-align: left;
            margin-bottom: 20px;
        }

        .divirta-se span input[type="button"] {
            width: 330px;
            height: 40px;
            background: #eb3c7d;
            font-family: 'Kanit-Light';
            font-size: 18px;
            color: #ffffff;
            text-transform: uppercase;
            border: none;
            border-radius: 3px;
        }

            .divirta-se span input[type="button"]:hover {
                opacity: 0.8;
            }

.imagens-jogos-online {
    width: 460px;
    height: auto;
    position: absolute;
    top: 356px;
    left: 10px;
    text-align: center;
}

    .imagens-jogos-online img {
        width: auto;
        margin: 0px auto;
    }

.browser-windows {
    width: 620px;
    position: absolute;
    top: -75px;
    left: 0;
}

    .browser-windows img {
        width: 100%;
    }


.descontos {
    width: 100%;
    height: 734px;
    background: #242424 url(../images/bg-descontos.png) no-repeat top center;
    background-size: cover;
}

    .descontos article {
        width: 960px;
        height: auto;
        padding: 0 10px;
        margin: 0 auto;
        position: relative;
    }

    .descontos span {
        width: 460px;
        height: auto;
        position: absolute;
        top: 200px;
        right: 0;
        left: 0;
        margin: 0 auto;
        text-align: center;
    }

        .descontos span h1 {
            font-family: 'Kanit-Medium';
            font-size: 48px;
            color: #ffffff;
            margin-top: 0;
            margin-bottom: 20px;
        }

        .descontos span p {
            width: 100%;
            font-family: 'Kanit-Light';
            font-size: 18px;
            color: #ffffff;
            margin-bottom: 20px;
        }

            .descontos span p a {
                color: #99cc33;
            }


.planos {
    width: 100%;
}

    .planos h1 {
        width: auto;
        display: block;
        text-align: center;
        padding-top: 120px;
        font-family: 'Kanit-Medium';
        font-size: 48px;
        color: #ffffff;
        margin-top: 0;
        margin-bottom: 80px;
    }

.monitor-pc {
    width: 100%;
    height: 200px;
    position: relative;
    margin: 0 auto;
}

    .monitor-pc img {
        width: 707px;
        position: absolute;
        top: -270px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.planos > .container > .row {
    /*        display:flex;
        display:-ms-flexbox;
        display: -webkit-flex;*/
}

    .planos > .container > .row [class*="col-"] {
        /*        display:flex;
        display:-ms-flexbox;
        display: -webkit-flex;*/
    }

.height-470 {
    height: 470px!important;
}

.height-404 {
    height: 404px!important;
}

.height-370 {
    height: 370px!important;
}

.shdw {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}


.box-planos {
    width: 100%;
    height: auto;
    background: #292929;
    border-radius: 10px;
    padding: 40px 20px;
    position: relative;
}

    .box-planos h2 {
        font-family: 'Kanit-Medium';
        font-size: 18px;
        color: #ffffff;
        text-align: center;
        margin: 40px auto;
    }

    .box-planos h3 {
        font-family: 'Kanit-ExtraLight';
        font-size: 24px;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 36px 0;
    }

    .box-planos h5 {
        font-family: 'Kanit-SemiBold';
        font-size: 12px;
        color: #b8b8b8;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 40px 0;
    }

    .box-planos p {
        font-family: 'Kanit-Light';
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        margin-bottom: 0px;
    }

        .box-planos p a {
            color: #99cc33;
            cursor: pointer;
        }

            .box-planos p a:hover {
                text-decoration: underline;
            }

    .box-planos ul {
        padding: 0;
        margin: 0;
        text-align: left;
    }

        .box-planos ul li {
            font-family: 'Kanit-Light';
            font-size: 14px;
            color: #ffffff;
            list-style: none;
        }

            .box-planos ul li::before {
                content: "•";
                padding-right: 8px;
                color: #eb3c7d;
            }

    .box-planos span {
        width: 100%;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 40px;
        margin: 0 auto;
        text-align: center;
    }


    .box-planos h4 {
        font-family: 'AdventPro-Light';
        font-size: 24px;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 40px 0;
    }

    .box-planos h6 {
        font-family: 'AdventPro-Light';
        font-size: 24px;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 20px 0;
    }

.precio {
    font-size: 30px!important;
}

    .precio b {
        font-size: 18px;
    }

.box-planos input[type="button"] {
    width: 80%;
    height: 40px;
    font-family: 'Kanit-Light';
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    margin: 0 auto 10px auto;
}

    .box-planos input[type="button"]:hover {
        opacity: 0.8;
        cursor: pointer;
    }


.box-planos button {
    width: 80%;
    height: 40px;
    font-family: 'Kanit-Light';
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    margin: 10px auto 10px auto;
}

    .box-planos button:hover {
        opacity: 0.8;
        cursor: pointer;
    }


.box-planos input[type="text"] {
    width: 242px;
    height: 40px;
    font-family: 'Kanit-SemiBoldItalic';
    font-size: 12px;
    background: #242424;
    color: #ffffff;
    text-align: center;
    border: none;
    border-radius: 3px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.box-planos input::-moz-placeholder {
    font-family: 'Kanit-SemiBoldItalic';
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.box-planos input::-webkit-input-placeholder {
    font-family: 'Kanit-SemiBoldItalic';
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.box-planos input:-ms-input-placeholder {
    font-family: 'Kanit-SemiBoldItalic';
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.box-select {
    width: auto;
    margin: 0 auto 35px auto;
    text-align: center;
}

    .box-select select {
        width: 200px;
        height: 40px;
        overflow: hidden;
        background: #242424 url(../images/icon/flecha-rosa-abajo-vivo.png) no-repeat 90% 50%;
        background-size: 12px 7px;
        border: none;
        font-family: 'Kanit-SemiBold';
        font-size: 12px;
        font-weight: 100;
        text-transform: uppercase;
        color: #eb3c7d;
        padding: 0 20px; /* If you add too much padding here, the options won't show in IE */
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }


        .box-select select::-ms-expand {
            display: none;
        }

        .box-select select:hover {
            background: #242424 url(../images/icon/flecha-rosa-arriba-vivo.png) no-repeat 90% 50%;
            background-size: 12px 7px;
        }

        .box-select select option {
            padding: 0px;
            background: #242424;
        }

.height-40 {
    height: 40px;
    margin-top: -40px;
}

.height-460 {
    height: 460px;
}

.padding-20 {
    padding: 20px!important;
}

.padding-top-50 {
    padding: 50px 0 0 0;
}

.margin-80-60 {
    margin: 80px auto 60px auto;
}

.margin-0 {
    margin: 0 auto!important;
}

.margin-top-80 {
    margin: 80px auto 0 auto;
}

.centered {
    width: 300px;
    text-align: center;
}

    .centered a:last-child input[type="button"] {
        margin-bottom: 0px;
    }

.centered-buttons {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
}

    .centered-buttons input[type="button"] {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 0px;
    }

    .centered-buttons p {
        margin: 20px auto 20px auto!important;
    }

    .centered-buttons .btn-assinar {
        margin: 0px auto 0px auto!important;
    }

.centered-buttons-cancelar {
    width: 100%;
    margin: 40px auto 0 auto;
    text-align: center;
    font-size: 0;
}

    .centered-buttons-cancelar input[type="button"] {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .centered-buttons-cancelar a:last-child input[type="button"] {
        margin-bottom: 0px;
    }

    .centered-buttons-cancelar h5 {
        margin-bottom: 20px!important;
    }

.message-green {
    width: 418px;
    height: 40px;
    background: #85ff8f;
    display: table;
    position: relative;
    margin: 10px auto 20px auto;
    text-align: center;
    border-radius: 3px;
}

    .message-green p {
        font-family: 'Kanit-Light';
        font-size: 18px;
        color: #242424;
        display: table-cell;
        vertical-align: middle;
    }


ul.lista-check {
    width: 100%;
    padding: 0;
    margin: 40px auto 0 auto;
    text-align: left;
}

    ul.lista-check li {
        list-style: none;
        margin-bottom: 10px;
    }

        ul.lista-check li:last-child {
            margin-bottom: 0px;
        }

        ul.lista-check li p {
            width: 85%;
            display: inline-block;
            vertical-align: middle;
            font-family: 'Kanit-SemiBold';
            font-size: 12px;
            text-transform: uppercase;
            text-align: left;
            color: #b8b8b8;
            list-style: none;
            margin: 0 0 0 5px;
        }

        ul.lista-check li .roundedTwo {
            vertical-align: middle;
            display: inline-block;
        }

        ul.lista-check li:before {
            content: '';
            display: none;
            margin: 0;
        }

/* ROUNDED TWO */

.color-blanco {
    color: #ffffff!important;
}

.roundedTwo {
    width: 24px;
    height: 24px;
    background: rgba(0,0,0,0.5);
    border: 2px solid rgba(184,184,184,0.5);
    margin: 0px auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
}

    .roundedTwo label {
        cursor: pointer;
        position: absolute;
        width: 24px;
        height: 24px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        left: -2px;
        top: -2px;
        margin: 0 auto;
    }


        .roundedTwo label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            content: '';
            width: 24px;
            height: 24px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            position: absolute;
            background: #eb3c7d url(../images/icon/checked.png) no-repeat center center;
            background-size: 10px 7px;
            margin: 0 auto;
        }


    .roundedTwo input[type=checkbox] {
        display: none;
        margin: 0;
    }


    .roundedTwo label:hover::after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=0);
        opacity: 0.0;
        /*    background: #242424 url(../images/icon/checked.png) no-repeat center center;
    background-size: 10px 7px;*/
    }

    .roundedTwo input[type=checkbox]:checked + label:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .roundedTwo input[type=checkbox]:checked + p {
        color: #ffffff;
    }

.checked-b {
    width: 60px;
    height: 60px;
    border: 2px solid #ffffff;
    background: url(../images/icon/checked-b.png) no-repeat center center;
    background-size: 25px 18px;
    border-radius: 320px;
    margin: 0 auto 20px auto;
}


video {
    /* position: relative;
 top: 0;
 left: 0;
 min-width: 100%;
 min-height: 100%;
 width: 100%;
 height: 100%;
 z-index: -100;
 transform: translateX(-0%) translateY(-0%);*/
    /*width: 150% !important;*/
    width: 100% !important;
    height: auto !important;
    position: absolute !important;
    top: 0 !important;
    /*left: 50% !important;
 margin-left: -75% !important;*/
    /*z-index: -100 !important;*/
    /* background: url('../images/bg-assinar.png') no-repeat top center;
 background-size: 100%;*/
    transition: 1s opacity !important;
}

#cms-play-video {
    margin-bottom: 20px;
}

video[poster] {
    height: 100%;
    width: 100%;
}

.stopfade {
    opacity: .5;
}

.layer-rosa {
    background-image: -moz-linear-gradient( -90deg, rgb(250,50,255) 0%, rgba(250,50,255,0) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(250,50,255) 0%, rgba(250,50,255,0) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(250,50,255) 0%, rgba(250,50,255,0) 100%);
    opacity: 0.302;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}


.layer-gris {
    background: -moz-linear-gradient(top, rgba(45,45,45,0) 0%, rgba(45,45,45,1) 90%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 90%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d2d2d', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.modal-content-info {
    display: none;
    height: 0;
}

.font-size-12 {
    font-size: 12px!important;
}

.font-size-16 {
    font-size: 16px!important;
}


@media (max-width: 767px) {

    .close-error-tyc:hover, .close-error-tyc:focus {
        opacity: 0.8;
        text-decoration: none;
        cursor: pointer;
    }

    .close-error-tyc {
        width: 10px;
        height: 10px;
        background: url(../images/icon/close-modal.png);
        background-size: 100%;
        margin-top: 5px;
        margin-right: 10px;
        float: right;
        display: block;
    }

    .myCheckboxtyc input {
        /*// display: none;
    // Better than display: none for accessibility reasons*/
        position: relative;
        z-index: -9999;
    }

    .myCheckboxtyc span {
        position: relative !important;
        width: 25px !important;
        height: 22px !important;
        display: block !important;
        bottom: 20px !important;
        background: url('../images/tycn-vivo.png') no-repeat top center;
        background-size: cover;
        margin-top: 0px !important;
    }

    .myCheckboxtyc input:checked + span {
        position: relative !important;
        width: 25px !important;
        height: 22px !important;
        display: block !important;
        bottom: 20px !important;
        background: url('../images/tycy-vivo.png') no-repeat top center;
        background-size: cover;
    }

    .error-modal-tyc {
        display: none;
        width: 90%;
        border-radius: 3px;
        background: rgba(199,22,78,0.9);
        text-align: center;
        margin: 0 auto;
        margin-top: -50px; /*-50*/
        margin-bottom: 10px;
    }

        .error-modal-tyc p {
            padding-top: 5px;
            font-family: 'Kanit-Light';
            font-size: 18px;
            text-align: center;
            color: #ffffff;
            margin: 36px 0 0 0;
            line-height: 40px;
        }




    .overlay-inside {
        display: none;
    }

    .error-modal, .error-modal-del {
        width: 90%;
        position: relative;
        left: auto;
        top: auto;
        height: auto;
        margin: 20px auto 0 auto;
        padding: 10px 15px;
    }

        .error-modal p, .error-modal-del p {
            line-height: inherit;
            text-align: left;
        }



    .close-error {
        position: relative;
        top: auto;
        right: auto;
        margin-top: auto;
        float: right;
    }

    .shadow {
        width: 100%;
        min-width: 300px;
        max-width: 480px;
        height: 23px;
        background: url(../images/shadow-small.png) no-repeat bottom center;
        margin: 30px auto 35px auto;
        background-size: 100%;
    }

    .slider {
        display: block;
    }

    .navbar {
        width: 100%;
        min-height: 63px!important;
        text-align: left;
    }

    .lineas-nav {
        border-top: 0px solid rgba(234, 234, 234, 0.10);
        border-bottom: 0px solid rgba(234, 234, 234, 0.10);
    }

    .margin-20 {
        margin: 0 0 0 0;
    }

    .margin-40 {
        margin: 37px auto 60px auto!important;
    }

    .mar-tt {
        margin-top: -34px!important;
    }

    .top-space {
        margin-top: 63px;
    }

    .bottom-space {
        margin-top: 0;
    }

    .padd-bottom {
        padding-bottom: 5px;
    }

    .bg-2424-grad {
        padding: 20px 0 20px 0;
    }

    .overlay-section {
        padding: 20px 0 20px 0;
    }
    /*.navbar-fixed-top, .navbar-fixed-bottom{position: relative;}*/
    .header {
        width: 100%;
        height: 63px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 200;
    }

    .separator {
        width: 100%;
        max-width: 90%;
        margin-top: 40px;
        margin-bottom: 40px;
        overflow: hidden;
    }

    .search {
        width: auto;
        padding: 0;
        position: absolute;
        margin-top: -18px;
        top: 50%;
        left: auto;
        display: inline-block;
    }

    .cancelar {
        display: none!important;
    }

    .title-search {
        margin: 0 0 0 0;
        padding-top: 0;
    }

        .title-search h1 {
            font-size: 24px;
        }

    .title-moba {
        margin: 0 0 0 0;
        padding-top: 0;
    }

        .title-moba h1 {
            display: block;
            font-size: 24px;
        }

    .logo {
        width: 93px;
        height: auto;
        margin: -13.95px 0 0 -46.5px;
    }

        .logo a {
            display: block;
        }

            .logo a h1 {
                font-size: 24px;
            }

    .changecountry {
        right: 44px;
    }

    .hidemovil {
        visibility: hidden;
    }

    .login-width {
        width: 78px;
        height: 32px;
        margin-top: -16px;
    }

    .login-width-assinar {
        width: 78px;
        height: 24px;
        margin-top: -12px;
    }

    .login a {
        margin: 0 0 0 10px;
    }

        .login a span {
            display: none;
        }

    .arrow-change {
        display: inline-block!important;
        margin-left: 0px;
    }

    .dotted-login {
        display: none;
    }

    .bg-2d {
        background: none!important;
    }

        .bg-2d > a {
            color: #ffffff!important;
        }

            .bg-2d > a:hover {
                color: #99cc33!important;
            }

    .container-carousel {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .carousel-indicators {
        position: relative;
        bottom: 0;
    }

    .nav > li > a {
        border-right: 0px dotted #99cc33;
    }

    .navbar-nav {
    }

    .navbar-default .navbar-nav > li > a {
        font-family: 'Kanit-Light';
        font-size: 18px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        font-family: 'Kanit-Light';
        font-size: 18px;
    }

    .carousel-caption {
        padding: 0;
    }

    .slider-item {
        padding: 0 10px;
    }

    .sld {
        width: 100%;
        position: relative;
        left: auto;
        bottom: auto;
        padding: 0;
    }

        .sld h1 {
            font-size: 14px;
            margin-top: 10px;
        }

        .sld p {
            font-size: 24px;
        }

        .sld p {
        }

    .text-right-xs {
        text-align: right;
    }

    .ultimos-reviews > .row {
        margin-bottom: 0px;
    }

    .text-reviews h1,
    .text-reviews h1 a {
        font-size: 18px;
        margin: 9px 0 11px 0;
    }

    .text-reviews h4 {
        font-size: 14px;
        margin: 0 0 17px 0;
    }

        .text-reviews h4 a {
            margin: 0 0 0 0;
            width: auto;
        }

    .text-reviews h5 {
        margin: 10px 0 0 0;
        font-size: 12px;
    }

    .div-mostrar,
    .div-mostrar-2 {
        width: 100%;
    }

    .ocultar,
    .ocultar-2 {
        width: 100%!important;
        margin-right: 0px!important;
        padding-right: 15px!important;
        float: none!important;
        display: inline-block!important;
        text-align: right;
    }

    a.btn-blue {
        font-size: 14px;
    }

    a.btn-pink {
        margin: 0px auto;
    }

    .symbol-klg-responsive {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 60px;
    }

    .cont-logo-klg {
        height: auto;
    }

    .logo-klg {
        margin-bottom: 20px;
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }

    ul.list-klg {
        margin-bottom: 20px;
    }

        ul.list-klg li a {
            font-size: 18px;
        }

    .mog {
        margin-bottom: 20px;
    }

        .mog table tbody tr {
            border-bottom: 1px solid rgba(235, 235, 235, 0.10);
        }

            .mog table tbody tr td:nth-of-type(1) {
                width: 48%;
                display: inline-block;
                vertical-align: top;
            }

            .mog table tbody tr td:nth-of-type(2) {
                width: 48%;
                display: inline-block;
                vertical-align: top;
            }

            .mog table tbody tr td {
                border-bottom: 0px solid;
            }

    .top-jogos {
        width: 100%;
        max-width: 140px;
        margin: 0 auto 20px auto;
    }

    .novidades {
        width: 100%;
        max-width: 132px;
        margin: 0 auto;
    }

    .e-sports-column-left {
        width: auto;
        display: block;
        padding: 0;
        margin-bottom: 60px;
    }

    .e-sports-column-right {
        width: auto;
        display: block;
        padding: 0;
        margin-bottom: 0px;
    }

    .e-sports-column-left-0 {
        width: auto;
        display: block;
        padding: 0;
        margin-bottom: 0px;
    }

    .e-sports-column-right-0 {
        width: auto;
        display: block;
        padding: 0;
        margin-bottom: 0px;
    }

    .e-sports-home-2 a p {
        margin: 10px 0 20px 0;
    }

    .content-img-video-mini a p {
        position: relative;
        bottom: auto;
        left: auto;
        margin: 10px 0 0 0;
        font-size: 14px;
    }


    .escudo-clube-de-jogos {
        width: 100%;
        max-width: 100%;
        margin: 0 0 40px 0;
    }

    #jogos-home,
    #jogos-home-2 {
        width: auto;
    }

    .clube-de-jogos {
        width: 100% !important;
        margin: 20px auto 20px auto;
        padding: 40px 0;
        float: none;
    }

        .clube-de-jogos p {
            font-size: 14px;
            text-align: center!important;
        }

        .clube-de-jogos img {
            width: 100%;
            max-width: 300px;
            margin-bottom: 20px;
        }

    .precio-clube-jogos {
        margin: 10px 0 20px 0;
    }

    .footer {
        text-align: center;
        height: auto;
        border-top: 1px solid rgba(235, 235, 235, 0.10);
        /*        border-bottom: 1px solid rgba(235, 235, 235, 0.10);*/
        position: relative;
    }

    .footer-after {
        padding-bottom: 92px;
    }

    .teravi {
        width: 100%;
        height: auto;
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 0px;
    }

        .teravi a {
            height: auto;
            padding: 20px 0;
            display: block;
            vertical-align: middle;
            font-size: 12px;
        }

            .teravi a:last-child {
                padding: 20px 0!important;
            }

    .dotted-v {
        width: 100%;
        height: 1px;
        border-right: 0;
        border-bottom: 1px dotted #99cc33;
    }

    .logo-footer {
        position: relative;
        top: auto;
        left: auto;
        margin: 20px auto;
        float: none!important;
    }

    .footer-navegacion {
        display: none;
        width: 100%;
        height: 60px;
        background: #242424;
        text-align: center;
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 206;
        border-top: 1px solid rgba(235, 235, 235, 0.10);
        font-size: 0;
    }

    a.cat-navegacion, a.cat-navegacion-rosa {
        width: 16.666%;
        height: 100%;
        padding: 12px 0 12px 0;
        display: inline-block;
        position: relative;
        z-index: 300;
        background: #242424;
    }

        a.cat-navegacion span {
            font-family: 'Kanit-Light';
            font-size: 12px;
            font-weight: 100;
            color: #99cc33;
            display: block;
        }

        a.cat-navegacion:hover, a.cat-navegacion.hovered {
            background: #1a1a1a;
            border-bottom: 3px solid #99cc33;
            cursor: pointer;
        }

        a.cat-navegacion-rosa span {
            font-family: 'Kanit-Light';
            font-size: 12px;
            font-weight: 100;
            color: #eb3c7d;
            display: block;
        }

        a.cat-navegacion-rosa:hover, a.cat-navegacion-rosa.hovered {
            background: #1a1a1a;
            border-bottom: 3px solid #eb3c7d;
            cursor: pointer;
        }

    .actived {
        background: #1a1a1a!important;
        cursor: pointer;
    }



    .icon-navegacion {
        width: 24px;
        vertical-align: middle;
    }

    /*.boxes-red{background:red;} .boxes-blue{background:blue;}
.boxes-orange{background: orange;} .boxes-green{background:green;}*/

    ul.boxes {
        display: none;
        position: relative;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        margin: 0;
        padding: 63px 10px 60px 10px;
        background: #2d2d2d url(../images/gradient-navbar-collapse.png) repeat-x top center;
        text-align: left;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
    }

        ul.boxes li {
            position: relative;
            display: block;
            padding-top: 10px;
            padding-bottom: 10px;
            list-style: none;
        }

            ul.boxes li a {
                font-family: 'Kanit-Light';
                font-size: 18px;
                text-transform: uppercase;
                color: #ffffff;
            }

                ul.boxes li a:hover {
                    color: #99cc33;
                    text-decoration: underline;
                }

        ul.boxes .footer {
            margin: 30px 0 60px 0;
        }

    .lSAction {
        display: block!important;
    }

    .content-slider {
        margin: 0px 0 40px 0!important;
    }

    .content-img-video {
        width: auto;
    }

    .player-lg {
        width: 48px!important;
        height: 48px!important;
        margin-top: -24px!important;
        margin-left: -24px!important;
        border: 2px solid #99cc33;
        background: rgba(0,0,0,0.5) url(../images/icon/play-ico-vivo.png) 55% 50% no-repeat;
        background-size: 17.41px 19.50px;
    }

    .texto-inside-video {
        position: relative;
        bottom: auto;
        left: auto;
        z-index: 5;
    }

        .texto-inside-video h1 {
            font-size: 24px;
        }

        .texto-inside-video h3 {
            margin-top: 20px;
            font-size: 14px;
        }

        .texto-inside-video a p {
            font-family: 'Kanit-Light';
            font-size: 14px;
            position: relative;
            top: auto;
            left: auto;
            margin: 10px 0 15px 0;
        }

    .content-img-video-mini > .texto-inside-video {
        bottom: 0;
        left: 0;
    }

    .wrapp-text {
        padding-top: 15px;
    }

        .wrapp-text h1 {
            font-size: 24px;
        }

        .wrapp-text h3 {
            font-size: 14px;
        }

        .wrapp-text h4 {
            margin: 0 0 0 0;
        }

    .bg-jogo {
        max-width: 100%;
        top: 63px;
    }

    .top-content-ficha {
        height: auto;
        padding: 0 10px;
    }

    .logo-jogo {
        width: 100%;
        margin: 0;
    }

        .logo-jogo img {
            width: 60px;
            height: 60px;
            display: inline-block;
            float: left;
        }

        .logo-jogo h1 {
            width: 72%;
            font-size: 24px;
            display: inline-block;
            float: left;
        }

    .clasificacion {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: -30px 0 0 0;
        font-size: 20px;
    }

    .ficha-jogos > .content-img-video {
        margin: 20px auto 37px auto;
    }

    .btn-windows {
        width: 100%;
    }


    .jogos-navegacion img {
        width: 32px;
    }

    .windows-icon {
        width: 100%;
        padding: 0 5px;
        margin-top: 11px;
    }

    .cont-ficha-tecnica {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .ficha-tecnica {
        width: auto;
    }

        .ficha-tecnica h2 {
            margin: 0px auto 37px auto;
        }

    .cont-requisitos-tecnicos {
        margin-bottom: 0px;
    }

    .requisitos-tecnicos {
        width: auto;
    }

        .requisitos-tecnicos h2 {
            margin: 40px auto 16px auto;
        }

    ul.lista-requisitos h2 {
        margin-top: 0px;
    }

    .cont-gallery-s2 {
        margin: 20px 0 20px 0;
    }

    .gallery-s2 {
        padding: 0 10px;
    }

        .gallery-s2 .text-caption {
            margin: 10px auto;
        }

        .gallery-s2 .compartilhe {
            margin: 60px auto 30px auto;
        }

    .compartilhe {
        margin: 0 auto 40px auto;
    }

        .compartilhe a img {
            margin: 20px 10px 0 10px;
        }

    #image-gallery {
        margin-bottom: 0px;
        display: block;
    }

    #gallery-responsive {
        display: block;
    }

    .s2 .text-caption {
        position: relative;
        padding: 0px;
        background: none;
    }

    .s2 .overlay-g {
        display: none;
    }

    .square-arrow {
        margin: 20px 0 40px 0;
    }

    .wrapp-text {
        position: relative;
        bottom: auto;
        left: auto;
        width: auto;
    }

    .contenido-texto .wrapp-text {
        margin-bottom: 20px;
        padding: 0;
    }

        .contenido-texto .wrapp-text h5 {
            margin: 0 0 20px 0!important;
        }

    .contenido-texto h5 {
        margin: 20px 0;
    }

    .contenido-texto h4 a {
        margin: 20px 0;
    }

    .contenido-texto p {
        text-align: left;
    }

    .overlay {
        display: none;
    }

    .add-foot {
        bottom: 0px!important;
        display: block!important;
        opacity: 1.0;
        transition: All 1.0s ease;
    }

    .remove-foot {
        bottom: -60px!important;
        display: none!important;
        opacity: 0.0;
        transition: All 1.0s ease;
    }

    .cont-buscador {
        padding: 20px 0 19px 0;
    }

    img.icon-search {
        margin: 0 11px 0 10px;
    }

    .tabs {
        width: 100%;
    }

    ul.top-home li {
        width: 100%;
        max-width: 460px;
        margin: 0 auto;
    }

        ul.top-home li div span {
            font-size: 0;
        }

        ul.top-home li div a span h1 {
            width: 27%;
            font-size: 30px;
            padding: 0;
            text-align: center;
        }

        ul.top-home li div a span p {
            width: 73%;
        }

        ul.top-home li div span img {
            width: auto;
            height: auto;
        }

        ul.top-home li:nth-of-type(1) div {
            width: 100%;
            z-index: 5;
            margin: 0 auto -10px auto;
        }

        ul.top-home li:nth-of-type(2) div {
            width: 100%;
            z-index: 4;
            margin: 0 auto -10px auto;
        }

        ul.top-home li:nth-of-type(3) div {
            width: 100%;
            z-index: 3;
            margin: 0 auto -10px auto;
        }

        ul.top-home li:nth-of-type(4) div {
            width: 100%;
            z-index: 2;
            margin: 30px auto 0 auto;
            border-radius: 20px 20px 0px 0px;
        }

        ul.top-home li:nth-of-type(5) div {
            width: 100%;
            z-index: 1;
            margin: 0 auto 0 auto;
            border-radius: 0px 0px 20px 20px;
        }

            ul.top-home li:nth-of-type(4) div a span h1, ul.top-home li:nth-of-type(5) div a span h1 {
                font-size: 30px;
            }


    /**TABS JOGOS**/
    .container-pills {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .nav-pills > li + li {
        margin: 0;
    }

    .nav-pills > li {
        width: 50%;
        text-align: left;
    }

        .nav-pills > li a {
            padding: 17px 20px;
            /*height: 100%; ERROR CSS VIVO*/
            min-height: 89px;
        }

    .tab-content {
        padding: 20px 0px 0 0px;
    }

        .tab-content .container {
            padding-right: 10px;
            padding-left: 10px;
            margin-right: auto;
            margin-left: auto;
        }

    /**TABS JOGOS**/

    ul.tabos {
        /*overflow: hidden;*/
        width: 100%;
        margin: 40px auto 5px auto;
        padding: 0;
        list-style: none;
        font-size: 0;
    }

        ul.tabos li {
            width: 50%;
            /*height: 100%; ERROR CSS VIVO*/
            min-height: 114px;
            display: inline-block;
            vertical-align: top;
            padding: 17px 10px;
            text-align: left;
            text-transform: uppercase;
            font-family: 'Kanit-Light';
            font-size: 18px;
            font-weight: 100;
            color: rgba(255,255,255,0.5);
            position: relative;
            cursor: pointer;
        }

            ul.tabos li span {
                width: 92%;
                display: block;
            }

            ul.tabos li:hover,
            {
                text-decoration: none;
                color: #eb3c7d;
                cursor: pointer;
                border-bottom: 3px solid #99cc33;
            }


            ul.tabos li.current {
                color: #99cc33;
                border-bottom: 3px solid #99cc33;
                z-index: 3;
            }

            ul.tabos li:nth-of-type(1).current {
                box-shadow: 15px 25px 20px rgba(0, 0, 0, .20);
            }

            ul.tabos li:nth-of-type(2).current {
                box-shadow: -15px 25px 20px rgba(0, 0, 0, .20);
            }

            ul.tabos li.current:after {
                content: url(../images/vdr-vivo.png);
                width: 7px;
                height: 4px;
                position: absolute;
                bottom: 7px;
                left: 50%;
                margin-left: -3.5px;
            }

    .tabo-content {
        display: none;
    }

        .tabo-content.current {
            display: inline-block;
            width: 100%;
        }

    .embed-game {
        height: auto;
        margin: 20px 0 20px 0;
        padding-left: 10px;
        padding-right: 10px;
    }

        .embed-game a input[type="button"] {
            width: 140px;
            height: 40px;
            background: #eb3c7d;
            border: none;
            border-radius: 3px;
            font-family: 'Kanit-Light';
            font-size: 18px;
            color: #ffffff;
            text-transform: uppercase;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            margin: -20px auto 0 auto;
            z-index: 10;
        }

            .embed-game a input[type="button"]:hover {
                opacity: 0.8;
            }

        .embed-game img {
            opacity: 0.5;
            position: relative;
        }

        .embed-game > .overlay-game .clube-de-jogos {
            position: relative;
            top: auto;
            left: auto;
            margin: auto!important;
        }

    .mask-embed {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
        display: block;
        border-radius: 10px;
        background-color: rgb(0, 0, 0, 0.5);
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    }


    .overlay-game {
        position: relative;
    }

    .jogos-navegacion-2 {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        margin: 20px auto;
        text-align: center;
    }

        .jogos-navegacion-2:first-child {
            margin-right: 20px;
        }

        .jogos-navegacion-2 a {
            font-family: 'Kanit-SemiBold';
            font-size: 12px;
            font-weight: 100;
            text-transform: uppercase;
            color: #99cc33;
            cursor: pointer;
        }

            .jogos-navegacion-2 a:hover {
                color: #99cc33;
                text-decoration: underline;
            }

        .jogos-navegacion-2 img {
            width: 48px;
            margin: 0 auto 10px auto;
            display: block;
        }

        .jogos-navegacion-2 .windows-icon {
            margin: 0 auto;
        }

    .wrapp-banner-main-assinar {
        height: 450px;
        margin-bottom: 0px;
    }

    .img-back {
        width: 190%;
        left: 50%;
        margin-left: -95%;
        height: 100%;
    }


    .banner-main-assinar {
        width: 100%;
        bottom: 0;
        top: 130px;
    }

        .banner-main-assinar h1 {
            width: 100%;
            font-size: 24px;
            margin-bottom: 20px;
        }

            .banner-main-assinar h1 br {
                display: none;
            }

    .clientes-vivo {
        margin-bottom: 40px;
    }

    .separator-ancla {
        width: 100%;
        height: 60px;
    }

    .conteudo-exclusivo {
        max-height: auto;
        margin-top: 0px;
        margin-bottom: 135px;
    }

        .conteudo-exclusivo span {
            width: 100%;
            position: relative;
            top: auto;
            right: auto;
        }

            .conteudo-exclusivo span h1 {
                font-size: 24px;
            }

            .conteudo-exclusivo span p {
                font-size: 18px;
                width: 100%;
                margin-bottom: 20px;
            }

        .conteudo-exclusivo img {
            width: 100%;
            height: auto;
        }

    .smartphones-jogo {
        width: 100%;
        position: relative;
        top: auto;
        right: auto;
    }

        .smartphones-jogo img {
            margin-top: -75px;
        }

    .mais-700-jogos {
        padding-bottom: 80px;
    }

        .mais-700-jogos article {
            width: 100%;
            height: auto;
            margin-top: 40px;
        }

            .mais-700-jogos article span {
                width: 100%;
                position: relative;
                top: auto;
                left: auto;
            }

                .mais-700-jogos article span h1 {
                    font-size: 24px;
                    width: 100%;
                }

                .mais-700-jogos article span p {
                    font-size: 18px;
                    width: 100%;
                }

                .mais-700-jogos article span input[type="button"] {
                    font-size: 16px;
                    width: 100%;
                }

    .divirta-se {
        padding-bottom: 50px;
    }

        .divirta-se article {
            width: 100%;
            height: auto;
        }

    .browser-windows {
        width: 100%;
        position: relative;
        top: -32px;
        left: auto;
    }

    .imagens-jogos-online {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 27px;
    }

        .imagens-jogos-online img {
            width: 100%;
            margin-left: 0;
        }

    .divirta-se span {
        width: 100%;
        position: relative;
        top: auto;
        right: auto;
    }

        .divirta-se span h1 {
            font-size: 24px;
        }

        .divirta-se span input[type="button"] {
            font-size: 16px;
            width: 100%;
        }

    .descontos {
        height: auto;
        padding-top: 40px;
        padding-bottom: 160px;
    }

        .descontos article {
            width: 100%;
        }

        .descontos span {
            width: 100%;
            position: relative;
            top: auto;
            right: auto;
            left: auto;
        }

            .descontos span h1 {
                font-size: 24px;
            }

            .descontos span p {
                font-size: 18px;
            }

    .monitor-pc {
        width: 100%;
        height: auto;
        padding: 0 10px;
        margin-top: -120px;
    }

        .monitor-pc img {
            width: 100%;
            position: relative;
            top: auto;
            left: auto;
            right: auto;
        }

    .height-460 {
        height: auto!important;
    }

    .margin-80-60 {
        margin: 64px auto 60px auto;
    }

    .margin-top-80 {
        margin: 60px auto 0 auto;
    }

    .planos h1 {
        font-size: 24px;
        padding-top: 0px;
        margin-bottom: 40px;
    }

    .box-planos {
        padding: 40px 20px;
    }

        .box-planos p br {
            display: none;
        }

        .box-planos span {
            position: relative;
            left: auto;
            right: auto;
            bottom: auto;
            margin-top: 20px;
        }

    .padding-20 {
        padding: 20px!important;
    }

    .padding-top-50 {
        padding-top: 15px;
    }

    .padding-40-30 {
        padding: 40px 30px!important;
    }

    .assinar-2 ul {
        margin-bottom: 20px;
    }

    .assinar-2 h5 {
        ;
    }

    .centered {
        width: 100%;
    }

    .centered-buttons input[type="button"] {
        margin-bottom: 10px;
    }

    .box-planos h2 {
        margin: 20px auto;
    }

    .box-planos h6 {
        margin: 0 auto;
    }

    .box-select {
        margin: 0 auto 20px auto;
    }

    .selectric-wrapper {
        margin: 0 auto 20px auto!important;
    }

    .planos > .container > .row {
        display: inherit;
    }

        .planos > .container > .row [class*="col-"] {
            display: inherit;
            margin-bottom: 20px;
        }

            .planos > .container > .row [class*="col-"]:last-child {
                margin-bottom: 0;
            }

    .message-green {
        width: 100%;
        height: 60px;
    }

        .message-green p {
            width: 240px;
            display: inline-block;
            margin: 4px auto 0 auto;
        }

    .hidden-this-res {
        display: none;
    }

    video {
        width: 300%; /*margin-left: -150%;*/
    }

    .layer-gris {
        background: -moz-linear-gradient(top, rgba(45,45,45,0) 0%, rgba(45,45,45,1) 70%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 70%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d2d2d', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */
    }

    .height-40 {
        height: 80px!important;
        margin-top: 0;
    }

    .height-470 {
        height: auto!important;
    }

    .height-404 {
        height: auto!important;
    }

    .height-370 {
        height: auto!important;
    }

    .busqueda {
        width: auto;
        z-index: 6000;
    }

    .cont-login {
        height: 63px;
    }

    .login-content {
        width: auto;
    }


    .modal-content-info {
        display: none;
        position: fixed;
        z-index: 1030;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.5);
    }


    .login-content-info-mobile {
        width: 282px;
        height: auto;
        background: #242424;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 9999;
        margin: 25% auto 0 auto;
        padding: 20px 20px 20px 20px;
        border-radius: 10px;
        box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
        text-align: center;
    }

        .login-content-info-mobile img {
            width: auto;
            margin: 10px auto 20px auto;
        }

        .login-content-info-mobile .op {
            display: block;
            font-family: 'Kanit-SemiBold';
            font-size: 12px;
            color: #ffffff;
            text-align: center;
            margin: 0 auto 20px auto;
        }

        .login-content-info-mobile a:hover {
            text-decoration: underline;
            color: #99cc33;
        }

        .login-content-info-mobile a:last-child {
            margin-bottom: 0px;
        }

        .login-content-info-mobile input[type="button"] {
            width: 100%;
            height: 40px;
            font-family: 'Kanit-Light';
            font-size: 16px;
            color: #ffffff;
            text-transform: uppercase;
            border: none;
            border-radius: 3px;
            margin: 0 auto;
        }

            .login-content-info-mobile input[type="button"]:hover {
                text-decoration: none;
                opacity: 0.8;
            }

        .login-content-info-mobile h4 {
            font-family: 'AdventPro-Light';
            font-size: 24px;
            color: #ffffff;
            text-align: center;
            text-transform: uppercase;
        }

            .login-content-info-mobile h4 b {
                font-size: 14px;
            }

        .login-content-info-mobile h3 {
            font-family: 'Kanit-Light';
            font-size: 12px;
            color: #ffffff;
            margin: 20px auto 0 auto;
        }

            .login-content-info-mobile h3 a {
                font-family: 'Kanit-SemiBold';
                display: inline;
                margin: 0;
            }

        .login-content-info-mobile p {
            font-family: 'Kanit-Light';
            font-size: 14px;
            color: #ffffff;
            margin: 10px auto 20px auto;
        }

            .login-content-info-mobile p a {
                margin: 0;
                display: inline;
            }

        .login-content-info-mobile .cont-close-modal {
            margin-bottom: 0px;
        }
}



@media (max-width: 280px) {
    .clasificacion {
        margin: 0 0 0 0;
    }
}

@media (max-width: 767px) and (orientation: landscape) {


    .e-sports-column-left {
        max-width: 49.5%;
        display: inline-block;
        margin: 0 auto;
    }

    .e-sports-column-right {
        max-width: 49.5%;
        display: inline-block;
        margin: 0 auto;
    }

    .ultimos-reviews > .row {
        width: 49.5%;
        display: inline-block;
        vertical-align: top;
        margin: 0 auto 20px auto;
    }

        .ultimos-reviews > .row:last-child {
            width: 100%;
        }

    .escudo-clube-de-jogos {
        display: none!important;
    }

    .precio-clube-jogos {
        margin-left: 20px;
    }

    .symbol-klg-responsive {
        display: none!important;
    }
}

@media (max-width: 1024px) {

    .content-img-video {
        width: auto;
    }

    .navbar .container {
        width: 942px;
    }
    /*KLG NUEVO 1024*/

    .imagenes-klg {
    }

    .cont-symbol-int-klg {
        margin-left: 190px;
    }

    .cont-logo-int-klg {
    }

    ul.klg-links-internos {
    }

        ul.klg-links-internos li a {
        }

        ul.klg-links-internos li:active a {
        }

        ul.klg-links-internos li a:hover {
        }
    /*****************/

}


/* PDB */
.navbar .container {
    width: auto !important;
}

.slider-item img, .img-ultimos-reviews {
    border-radius: 10px;
}

.novidades span a img {
    max-width: 100%;
    /*height:168px;*/
}

.top-jogos span img {
    width: 100%;
    max-height: 140px;
    height: 140px;
}

.top-jogos span h1 {
    max-height: 30px;
}

@media (min-width: 768px) {
    .title-moba {
        margin: 40px 0;
    }
}


.rule-ajust-img {
    height: 490px !important;
    width: 100%;
}

.uppercase {
    text-transform: uppercase;
}

.drop-genero-console {
        margin-left:0px; padding-left:0px; padding-right:0px;

}



    .drop-genero-console ul li {
        padding: 0 !important;
    }

.text-white {
    color: #fff;
}



.dropdown-menu .menuactivated {
    background-color: #99cc33;
}

    .dropdown-menu .menuactivated a, .dropdown-menu .menuactivated a:hover {
        text-decoration: none !important;
        color: #000 !important;
    }

.ctrlmenubar .menuactivated {
    background-color: #99cc33 !important;
}

    .ctrlmenubar .menuactivated a, .ctrlmenubar .menuactivated a:hover {
        text-decoration: none !important;
        color: #000 !important;
    }

.menuactivatedGC .caret, .menuactivatedGC .caret2 {
    background: url(../images/icon/flecha-negra-abajo.png);
    background-size: 100%;
}

.menuactivatedGC a:hover .caret, .menuactivatedGC a:hover .caret2 {
    background: url(../images/icon/flecha-negra-arriba.png) !important;
    background-size: 100% !important;
}



.menuactivatedGC {
    background-color: #99cc33 !important;
    color: #242424 !important;
}

a.menuactivatedGC {
    color: #242424 !important;
}


.bg-jogo .shaddow {
    max-height: 335px;
    height: 100%;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-radius: 4px;
    z-index: 3;
    cursor: pointer;
    background: -moz-linear-gradient(bottom,rgba(45,45,45,0) 0%,rgba(45,45,45,1) 70%);
    background: -webkit-gradient(linear,top top,right top,color-stop(0,rgba(0,0,0,.7)),color-stop(70%,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom,rgba(45,45,45,0) 0%,rgba(45,45,45,1) 70%);
    background: -o-linear-gradient(bottom,rgba(45,45,45,0) 0%,rgba(45,45,45,1) 70%);
    background: -ms-linear-gradient(bottom,rgba(45,45,45,0) 0%,rgba(45,45,45,1) 70%);
    background: linear-gradient(to bottom, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#b3000000',GradientType=0);
}

.bg-jogo .shaddowVideo {
    /*max-height: 600px;*/
    top: 0px;
    left: 0px;
    height: 100%;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-radius: 4px;
    z-index: 3;
    cursor: pointer;
    background: -moz-linear-gradient(bottom,rgba(45,45,45,0.4) 0%,rgba(45,45,45,1) 80%);
    background: -webkit-gradient(linear,top top,right top,color-stop(0,rgba(0,0,0,.7)),color-stop(70%,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom,rgba(45,45,45,0.4) 0%,rgba(45,45,45,1) 80%);
    background: -o-linear-gradient(bottom,rgba(45,45,45,0.4) 0%,rgba(45,45,45,1) 80%);
    background: -ms-linear-gradient(bottom,rgba(45,45,45,0.4) 0%,rgba(45,45,45,1) 80%);
    background: linear-gradient(to bottom, rgba(45,45,45,0.4) 0%,rgba(45,45,45,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#b3000000',GradientType=0);
}

.detailshaddow .shaddow {
    /*max-height: 300px;*/
    top: 0px;
    left: 0px;
    height: 100%;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-radius: 4px;
    cursor: pointer;
    background: -moz-linear-gradient(bottom,rgba(36,36,36,0) 0%,rgba(36,36,36,1) 70%);
    background: -webkit-gradient(linear,top top,right top,color-stop(0,rgba(0,0,0,.7)),color-stop(70%,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom,rgba(36,36,36,0) 0%,rgba(36,36,36,1) 70%);
    background: -o-linear-gradient(bottom,rgba(36,36,36,0) 0%,rgba(36,36,36,1) 70%);
    background: -ms-linear-gradient(bottom,rgba(36,36,36,0) 0%,rgba(36,36,36,1) 70%);
    background: linear-gradient(to bottom, rgba(36,36,36,0) 0%, rgba(36,36,36,0.7) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2d2d',endColorstr='#2d2d2d',GradientType=0);
}

@media (max-width: 767px) {
    .detailshaddow .shaddow {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .detailshaddow .shaddow {
        display: block !important;
    }
}

@media (max-width: 990px) {
    .clubejogosresponsive {
        display: block;
    }
}

@media (min-width: 991px) {
    .clubejogosresponsive {
        display: none;
    }
}


.ajustcolorchannels {
    background-color: rgb(36,36,36) !important;
}

    .ajustcolorchannels:hover {
        background-color: rgb(41,41,41) !important;
    }

.blizzard-ping-resgatado {
    font-family: 'Kanit-SemiBold';
    color: #eb3c7d !important;
}

.btn-ver-meus-codigos-margintop {
    margin-top: 10px !important;
}

.btn-ver-meus-codigos {
    background-color: rgb(36,36,36);
    border: 1px solid #eb3c7d !important;
    color: #eb3c7d !important;
}

.uppercaseletters {
    text-transform: uppercase;
}

.blizzard-message-resgatado {
    margin-top: 5px;
    margin-bottom: 15px;
    color: #fff;
    font-family: 'Kanit-Light';
    font-size: 14px;
}

.modal-content-info-history-pines {
    width: 300px;
    height: 470px;
    background: #242424;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    margin: 10% auto 0 auto;
    padding: 5px 5px 20px 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
    text-align: center;
}

.pinnes-info-history {
    height: 92.5%;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    font-family: 'Kanit-SemiBold';
    font-size: 12px;
    color: #fff;
    padding-right: 10px;
}

.info-history-pin {
    text-align: left;
    line-height: 25px;
    height: 25px;
    margin-bottom: 30px;
    vertical-align: auto;
}

.btn-abrir-pin {
    font-family: 'Kanit-Light';
    background-color: rgb(36,36,36);
    border: 1px solid #fff !important;
    color: #fff !important;
    float: right;
    width: 100px;
    text-align: center;
    border-radius: 2px;
    font-size: 12px;
}


.scrollbar-history {
    margin-left: 30px;
    float: left;
    height: 300px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 25px;
}

#style-2::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 10px;
    background-color: #242424;
}

#style-2::-webkit-scrollbar {
    width: 5px;
    background-color: #242424;
    margin: 10px;
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #B9B9B9;
}

.nobordertop {
    border-top: 0px !important;
}

.modal-popup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1030; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
    overflow: hidden;
}


.modal-content-popup {
    max-width: 800px;
    /*background: #292929;*/
    padding: 0px;
    margin: 12% auto; /* 15% from the top and centered */
    /*box-shadow: 0 0 20px rgba(0, 0, 0, .25);*/
    border-radius: 10px;
    position: relative;
    text-align: center;
}

.cont-close-modal-popup {
    width: 100%;
    height: auto;
    display: inline-block;
    position: absolute;
    top: 7%;
    right: 5%;
}

.modal-content-popup-text {
    width: 95%;
    height: auto;
    display: inline-block;
    position: absolute;
    top: 8%;
    left: 5%;
    color: #fff;
}

.popup-assinatura {
    font-family: 'Kanit-Regular';
    font-size: 12px;
    color: #B5B5B4;
    text-transform: uppercase;
}

.popup-question {
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: 'Kanit-Medium';
    font-size: 28px;
    color: #fff;
    text-align: left;
}

.modal-content-popup-text p {
    text-align: left;
    padding-left: 5%;
    font-family: 'Kanit-Light';
    font-size: 12px;
    color: #D6D6D6;
    margin: 0;
}

    .modal-content-popup-text p a {
        font-family: 'Kanit-SemiBold';
        color: #eb3c7d;
        font-size: 12px;
    }

.popup-box-planos h4 {
    font-family: 'AdventPro-Light';
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    text-align: left;
}

.popup-logo {
    display: inline-block;
    margin-top: 10px;
}

    .popup-logo h4 {
        font-family: 'AdventPro-ExtraLight';
        font-size: 40px;
        display: inline-block;
        margin: 0;
        line-height: 50px;
        vertical-align: top;
        font-weight: 500;
        margin-left: 5px;
        color: #FF2EFF;
    }

.popup-content-suscripcion {
    width: 40%;
    height: auto;
    text-align: left;
    font-family: 'Kanit-ExtraLight';
}

    .popup-content-suscripcion h3 {
        font-family: 'Kanit-Bold';
        margin-bottom: 30px;
    }

    .popup-content-suscripcion h4 {
        font-family: 'AdventPro-Thin';
        text-transform: uppercase;
        font-size: 28px !important;
        font-weight: 600;
        margin: 20px !important;
    }

        .popup-content-suscripcion h4 span {
            font-size: 16px !important;
        }

.popup-txt-center {
    text-align: center;
}

    .popup-txt-center p {
        font-size: 14px;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .popup-txt-center b {
        font-weight: 600;
        color: #fff;
    }

.popup-jaassinante {
    font-size: 12px !important;
}


.popup-content-suscripcion .banner-main-assinar-popup {
    display: inline-block;
    bottom: initial;
    right: initial;
    text-align: left;
    position: relative;
    margin: 10px 0 10px 0;
}

    .popup-content-suscripcion .banner-main-assinar-popup input[type="button"] {
        margin-bottom: 0;
    }


.separator50 {
    margin-top: 50px;
}

.banner-main-assinar-popup {
    /*width: 960px;*/
    width: 320px;
    padding: 0 10px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    display: inline-block;
    /*position:absolute;*/
    /*bottom: 0px;*/
    /*left:0; right: 0;*/
}


    .banner-main-assinar-popup input[type="button"] {
        width: 130px;
        height: 40px;
        font-family: 'Kanit-Light';
        font-size: 18px;
        color: #ffffff;
        text-transform: uppercase;
        border: none;
        border-radius: 3px;
        margin-bottom: 17px;
    }

        .banner-main-assinar-popup input[type="button"]:hover {
            opacity: 0.8;
        }

@media (max-width: 649px) {
    .modal-content-popup {
        width: 80%;
        height: 530px;
        background-color: rgb(36,36,36);
    }

    .modal-content-popup-text {
        width: 90%;
        top: 5%;
    }

    .popup-content-suscripcion {
        width: 100%;
    }

    .modal-content-popup .pop-back-img {
        display: none;
    }

    .cont-close-modal-popup {
        top: 3%;
    }

    .modal-content-popup img {
        width: auto;
        height: 42px;
    }

    .popup-logo h4 {
        line-height: 40px;
    }

    .popup-content-suscripcion h3 {
        margin-bottom: 20px;
    }

    .popup-content-suscripcion h4 {
        margin: 10px 0 10px 0 !important;
    }

    .popup-content-suscripcion .banner-main-assinar-popup input[type="button"] {
        width: 120px;
        height: 35px;
        font-size: 15px;
    }

    .separator50 {
        margin-top: 40px;
    }
}

@media (min-width: 650px) and (max-width: 725px) {
    .modal-content-popup img {
        height: 550px;
    }

    .modal-content-popup img {
        max-width: 100%;
    }
}

@media (min-width: 726px) {
    .modal-content-popup img {
        height: 530px;
    }

    .modal-content-popup img {
        max-width: 100%;
    }

    .modal-content-popup {
        margin-top: 8%;
    }
}

.roundedvideo {
    border-radius: 15px;
}

.labelclean {
    max-width: none !important;
    margin: 0px 5px 0px 0px !important;
    font-weight: normal !important;
}

.g4u-ajuste-menu {
    margin-top: 45px !important;
    padding-top: 10px !important;
}

.margin-bottomspace10 {
    margin-bottom: 10px !Important;
}

.video-embed-ficha {
    margin-bottom: 15px !important;
}


/*KLG NUEVO NORMAL*/
.content-img-video-klg {
    width: 780px;
    height: auto;
    margin: 40px auto;
    position: relative;
    display: block;
}

.imagenes-klg {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: rgba(234, 234, 234, 0.10);
    display: block;
}

.imagenes-klg-chico {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: rgba(234, 234, 234, 0.10);
    display: none;
}

.cont-symbol-int-klg {
    /*height: 225px;*/
    position: relative;
    margin-left: 200px;
}

ul.klg-links-internos {
    width: 100%;
    margin-top: 10px;
}

    ul.klg-links-internos li a {
        font-family: 'Kanit-Light';
        font-weight: lighter;
        font-size: 18px;
        text-transform: uppercase;
        color: #ffffff;
        margin-right: 20px;
        margin-left: 20px;
    }

    ul.klg-links-internos li:active a {
        font-family: 'Kanit-Light';
        font-weight: 100;
        font-size: 18px;
        text-transform: uppercase;
        color: #ff020b;
    }


    ul.klg-links-internos li a:hover {
        font-family: 'Kanit-Light';
        font-weight: 100;
        font-size: 18px;
        text-transform: uppercase;
        color: #ff020b;
    }

ul.keyd-links-internos li a:hover {
  color: #f8c227 !important;
}


@media (max-width: 280px) {
    /*KLG NUEVO 280*/

    ul.klg-links-internos {
        width: 100%;
    }

        ul.klg-links-internos li a {
            font-size: 12px;
            margin-right: 5px;
            margin-left: 5px;
        }

        ul.klg-links-internos li:active a {
            color: #ff020b;
            font-size: 12px;
        }

        ul.klg-links-internos li a:hover {
            font-size: 12px;
        }

    .cont-symbol-int-klg {
        margin-left: 100px;
    }

    .cont-logo-int-klg {
    }

    /*****************/
}

@media (max-width: 1000px) {

    /*KLG NUEVO 1000*/
    .cont-symbol-int-klg {
    }

    .cont-logo-int-klg {
    }

    ul.klg-links-internos {
    }

        ul.klg-links-internos li a {
        }

        ul.klg-links-internos li:active a {
        }

        ul.klg-links-internos li a:hover {
        }
    /*****************/
}

@media (max-width: 992px) {

    /*KLG NUEVO 730*/

    .imagenes-klg {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-color: rgba(234, 234, 234, 0.10);
        display: none;
    }

    .imagenes-klg-chico {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-color: rgba(234, 234, 234, 0.10);
        display: block;
    }

    .cont-symbol-int-klg {
        margin-left: 250px;
    }

    .cont-logo-int-klg {
    }

    ul.klg-links-internos {
        font-size: 16px;
    }

        ul.klg-links-internos li a {
            font-size: 16px;
            margin-right: 5px;
            margin-left: 5px;
        }

        ul.klg-links-internos li:active a {
            font-size: 16px;
        }

        ul.klg-links-internos li a:hover {
            font-size: 16px;
        }
    /*****************/
}

@media (max-width: 767px) and (orientation: landscape) {
    /*KLG NUEVO 767*/
    .cont-symbol-int-klg {
    }

    .cont-logo-int-klg {
    }

    ul.klg-links-internos li a {
        font-size: 14px;
    }

        ul.klg-links-internos li a:hover {
            font-size: 14px;
        }

    ul.klg-links-internos li:active a {
        font-size: 14px;
        color: #ff020b;
    }

    ul.klg-links-internos li a:hover {
        font-size: 14px;
    }
    /*****************/
}

@media (max-width: 745px) {

    /*KLG NUEVO 730*/

    .imagenes-klg {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-color: rgba(234, 234, 234, 0.10);
        display: none;
    }

    .imagenes-klg-chico {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-color: rgba(234, 234, 234, 0.10);
        display: block;
    }

    .cont-symbol-int-klg {
        margin-left: 120px;
    }

    .cont-logo-int-klg {
    }

    ul.klg-links-internos {
        font-size: 14px;
    }

        ul.klg-links-internos li a {
            font-size: 14px;
            margin-right: 5px;
            margin-left: 5px;
        }

        ul.klg-links-internos li:active a {
            font-size: 14px;
        }

        ul.klg-links-internos li a:hover {
            font-size: 14px;
        }
    /*****************/
}

@media (max-width: 640px) {

    /*KLG NUEVO 640*/

    .imagenes-klg {
    }

    .imagenes-klg-chico {
    }

    .cont-symbol-int-klg {
    }

    .cont-logo-int-klg {
    }

    ul.klg-links-internos {
    }

        ul.klg-links-internos li a {
            margin-right: 2px;
            margin-left: 2px;
        }

        ul.klg-links-internos li:active a {
        }

        ul.klg-links-internos li a:hover {
        }
    /*****************/
}

@media (max-width: 619px) {

    /*KLG NUEVO 640*/

    .imagenes-klg {
    }

    .imagenes-klg-chico {
    }

    .cont-symbol-int-klg {
        margin-left: 100px;
    }

    .cont-logo-int-klg {
    }

    ul.klg-links-internos {
    }

        ul.klg-links-internos li a {
            margin-right: 1px;
            margin-left: 1px;
        }

        ul.klg-links-internos li:active a {
        }

        ul.klg-links-internos li a:hover {
        }
    /*****************/
}

@media (max-width: 600px) {

    /*KLG NUEVO 640*/

    .imagenes-klg {
    }

    .imagenes-klg-chico {
    }

    .cont-symbol-int-klg {
        margin-left: 80px;
    }

    .cont-logo-int-klg {
    }

    ul.klg-links-internos {
    }

        ul.klg-links-internos li a {
            margin-right: 0px;
            margin-left: 0px;
        }

        ul.klg-links-internos li:active a {
        }

        ul.klg-links-internos li a:hover {
        }
    /*****************/
}

@media (max-width: 580px) {

    /*KLG NUEVO 580*/

    .imagenes-klg {
    }

    .imagenes-klg-chico {
    }

    .cont-symbol-int-klg {
        margin-left: 60px;
    }

    .cont-logo-int-klg {
    }

    ul.klg-links-internos {
    }

        ul.klg-links-internos li a {
            font-size: 12px;
            margin-right: 2px;
            margin-left: 2px;
        }

        ul.klg-links-internos li:active a {
            font-size: 12px;
        }

        ul.klg-links-internos li a:hover {
            font-size: 12px;
        }
    /*****************/
}

@media (max-width: 556px) {

    /*KLG NUEVO 580*/

    .imagenes-klg {
    }

    .imagenes-klg-chico {
    }

    .cont-symbol-int-klg {
        margin-left: 40px;
    }

    .cont-logo-int-klg {
    }

    ul.klg-links-internos {
    }

        ul.klg-links-internos li a {
            font-size: 12px;
            margin-right: 0px;
            margin-left: 0px;
        }

        ul.klg-links-internos li:active a {
            font-size: 12px;
        }

        ul.klg-links-internos li a:hover {
            font-size: 12px;
        }
    /*****************/
}

@media (max-width: 536px) {

    /*KLG NUEVO 580*/

    .imagenes-klg {
    }

    .imagenes-klg-chico {
    }

    .cont-symbol-int-klg {
        margin-left: 20px;
    }

    .cont-logo-int-klg {
    }

    ul.klg-links-internos {
    }

        ul.klg-links-internos li a {
        }

        ul.klg-links-internos li:active a {
            font-size: 12px;
        }

        ul.klg-links-internos li a:hover {
            font-size: 12px;
        }
    /*****************/
}

@media (max-width: 516px) {

    /*KLG NUEVO 580*/

    .imagenes-klg {
    }

    .imagenes-klg-chico {
    }

    .cont-symbol-int-klg {
        display: none;
    }

    .cont-logo-int-klg {
    }

    ul.klg-links-internos {
        font-size: 11px;
    }

        ul.klg-links-internos li a {
            font-size: 12px;
        }

        ul.klg-links-internos li:active a {
            font-size: 12px;
        }

        ul.klg-links-internos li a:hover {
            font-size: 12px;
        }

    .klg-links-internos li:nth-of-type(odd) {
        width: 48%;
        float: left;
        border-bottom: 1px solid rgba(235, 235, 235, 0.10);
    }

    .klg-links-internos li:nth-of-type(even) {
        width: 48%;
        float: right;
        border-bottom: 1px solid rgba(235, 235, 235, 0.10);
    }
    /*****************/
}


.error-modal-assinar {
}
.cont-close-error {
     right: -7px;
    position: absolute;
    display: inline-block;
    top: 10px;
}

@media (max-width: 767px) {


    .cont-close-error {
         right: 7px;
        position: absolute;
        display: inline-block;
        top: 10px;
    }

}
@media (max-width: 991px) {


    ul.hidden-this-res {

    margin-top: -30px;

    }

}

@media (max-width: 1200px) {
    .error-modal, .error-modal-del {
      
            width: 90%;
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    margin: 20px auto 0 auto;
    padding: 10px 15px;
    }
        .error-modal-assinar {
    margin: -50px auto 0px  !important;
}
}

@media (max-width: 400px) {
    .banner-main-assinar-popup {
     width: 100%;
    }
    .popup-content-suscripcion .banner-main-assinar-popup input[type="button"] {
        margin: 0 auto;
        width: 100%;
        height: 35px;
        font-size: 15px;
    }
    .padding-40-30 {
        padding: 40px 5px!important;
    
    }
    .box-planos input[type="button"] {
        width: 93%;
    }
}
.sct-contenidonocompatible {
    font-family: 'Kanit-Light';
    font-size: 18px;
    color: #99cc33;
    text-align:center;
    text-transform:uppercase;
    padding:5%;
}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        padding: 40px 0 15px 0;
        position: absolute;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #292929;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .drop-genero-console ul {
        padding-bottom:  0px;
    
    }
    .drop-genero-console {
            padding-left: 16px;
    
    }
}

.content-games-visibility {
    display: none;
}