*{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html, body, div, p {
    /*font-family: 'Myriad Pro Regular', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    color: #383838;
    margin-left: 0;
    padding: 0;
    text-align: left;
}

body{
    max-width: 100vw;
    float: left;
}

a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

iframe{
    border: none !important;
    position:absolute;
}
#httpsm_ebingoesmicrogamingsessioncontrol{
    display: block !important;
    width: 100% !important;
    height: 25px !important;
    left: 0 !important;
    top: 0px !important;
}

textarea {
    overflow:auto;
}

textarea:focus, input:focus{
    outline: none;
}

input[type=date],
select{
    appearance: none;
    -webkit-appearance: none;
}

input{
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
}

@media only screen and (max-width: 750px){
    .contentSubTitu{
        font: 26px 'Myriad Pro Condensed', sans-serif;
    }

    .contentTituLooby,
    .contentTitu{
        font: 40px 'Myriad Pro Bold Condensed', sans-serif;
    }

    .gamesHomeContIco{
        font-size: 34px;
    }
}

@media only screen and (min-width: 751px){
    .contentSubTitu{
        /*font: 30px 'Myriad Pro Bold Condensed', sans-serif;*/
        font: 30px 'Myriad Pro Condensed', sans-serif;
    }

    .contentTituLooby,
    .contentTitu{
        font: 50px 'Myriad Pro Bold Condensed', sans-serif;
    }

    .gamesHomeContIco{
        font-size: 45px;
    }
}

.nobmargin,
.notmargin,
.paragraphGen{
    /*font: 16px 'Myriad Pro Regular', sans-serif;*/
    font: 14px 'Roboto', sans-serif;
    margin-top: 1px;
    float: left;
}

.contentSubTitu{
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    /* text-transform: uppercase; */
    position: relative;
    width: 100%;
    text-align: left;
}

.contentTituLooby,
.contentTitu{
    margin: 0;
    color: #333;
    float: left;
}

.gamesHomeContIco{
    margin: 5px 2px 5px 10px;
    float: left;
}

.contentTituLoobyCont{
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.nobmargin,
.notmargin{
    margin-bottom: 10px;
    line-height: 15px;
}

.promotion_explain {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    color: #BDBDBD;
    float: left;
    width: 100%;
    padding-left: 13px;
}

ul{
    float: left;
    width: 100%;
    font-size: 14px;
    padding-left: 20px;
    box-sizing: border-box;
}

.center{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.negrita,
.negritaCond,
.condensed,
.condensedBold{
    font-weight: 700;
}

.right{
    float: right !important;
    right: 0 !important;
}

.left{
    float: left !important;
    left: 0 !important;
}

.rightAlign{
    text-align: right;
}

.leftAlign{
    text-align: left;
}

.centerAlign{
    text-align: center;
}

.doubleLine{
    position: relative;
    width: 100%;
    height: 1px;
    float: left;
    background: #E6E6E6;
}


/*////////////////////////////*/
/*///////////404//////////////*/
/*////////////////////////////*/

#error404content{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    padding-top: 20px;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
}

#error404titu{
    text-align: center;
    font-size: 17px;
    font-family: 'Myriad Pro Condensed', sans-serif;
    color: #c2c2c2;
    width: 100vw;
    float: left;
    position: relative;
    left: -10px;
}

@media only screen and (max-width: 750px){
    .containerChipsShadow,
    .containerChips {
        width: 298px;
        height: 105px;
    }
    .chipShadow,
    .chip {
        height: 90px;
    }
}

@media only screen and (min-width: 751px){
    .containerChipsShadow,
    .containerChips {
        width: 456px;
        height: 170px;
    }
    .chipShadow,
    .chip {
        height: 141px;
    }
}

.containerChipsShadow,
.containerChips {
    position: relative;
    float: left;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 10;
}

.containerChipsShadow{
    position: absolute;
    z-index: 9;
}

.chipShadow,
.chip {
    width: 30%;
    float: left;
    position: relative;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    transition: transform 0.8s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    margin-right: 5%;
    transform: scale(0.9);
}

.chip:nth-child(3) {
    margin-right: 0;
}

.chip div {
    display: block;
    width: 100%;
    float: left;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.chipShadow{
    -webkit-box-shadow: 0px 8px 12px #b9b9b9;
    box-shadow: 0px 8px 12px #b9b9b9;
    border-radius: 500px;
    background: #dcdcdc;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.flipped {
    -webkit-transform: rotateY( -180deg ) scale(1.15);
    -moz-transform: rotateY( -180deg ) scale(1.15);
    -o-transform: rotateY( -180deg ) scale(1.15);
    transform: rotateY( -180deg ) scale(1.15);
}

.flippedShadow {
    -webkit-transform: rotateY( -180deg ) scale(1.15);
    -moz-transform: rotateY( -180deg ) scale(1.15);
    -o-transform: rotateY( -180deg ) scale(1.15);
    transform: rotateY( -180deg ) scale(1.15);
    -webkit-box-shadow: 0px 0px 0px #fff;
    box-shadow: 0px 0px 0px #fff;
}

.flippedDown {
    -webkit-transform: rotateY( 360deg ) scale(0.9);
    -moz-transform: rotateY( 360deg ) scale(0.9);
    -o-transform: rotateY( 360deg ) scale(0.9);
    transform: rotateY( 360deg ) scale(0.9);
}

.flippedDownShadow {
    -webkit-transform: rotateY( 360deg ) scale(0.9);
    -moz-transform: rotateY( 360deg ) scale(0.9);
    -o-transform: rotateY( 360deg ) scale(0.9);
    transform: rotateY( 360deg ) scale(0.9);
    -webkit-box-shadow: 0px 8px 12px #b9b9b9;;
    box-shadow: 0px 8px 12px #b9b9b9;
}

.chip .back {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}

.chip .back img,
.chip .front img {
    position: relative;
    float: left;
    width: 100%;
}

#loader404{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% -50%);
    -webkit-transform: translate(-50% -50%);
}

/*////////////////////////////*/
/*////////CABECERA////////////*/
/*////////////////////////////*/

#cabeceraCont{
    position: fixed;
    width: 100vw;
    height: 40px;
    z-index: 21;
}

@media only screen and (max-width: 750px){
    .cabecera p{
        text-align: right;
        position: absolute;
        right: 8px;
        color: #ffb500;
        font: 20px'Myriad Pro Bold Condensed Italic', sans-serif;
        margin: 0;
    }

    .cabecera p:nth-child(1){
        top: 18px;
    }

    #password,
    #username{
         -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 22px;
        border: none;
        border-radius: 40px;
        margin-top: 10px;
        padding: 12px;
        background: #e6e6e6;
        font: 15px 'Roboto', sans-serif;
        color: #333;
        text-align: center;

    }
    #logedBox{
        border-bottom: none;
        background: #fff;
    }

    #logedEbingos{
        height: 38%;
    }

    #loginbox fieldset{
        padding: 0;
        border: 0;
    }

    #showPass{
        top: 44px;
        right: 12px;
    }

    #loaderOkCont{
        position: relative;
        margin-top: 5px;
        width: 100%;
        height: 30px;
        float: left;
    }

    #loaderOk{
        position: absolute;
        display: none;
        width: 100%;
    }

    #loaderOk #canvasLoader{
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
    }

    #rememberPass{
        font: 12px 'Roboto', sans-serif;
        position: relative;
        text-align: center;
        left: 2px;
        width: 100%;
        float: left;
        margin: 5px 0;
        font-weight: 700;
    }

    #loginError{
        position: relative;
        top: 0;
        font: 10px 'Roboto', sans-serif;
        display: initial;
        text-align: center;
        margin: 0;
        color: red;
        width: 100%;
        float: left;
        padding-top: 5px;
    }
}

@media only screen and (min-width: 751px){
    .cabecera p{
        text-align: right;
        position: relative;
        margin: 0;
        right: 8px;
        top: 3px;
        float: right;
        color: #ffb500;
        /* font: 5vw'Myriad Pro Bold Condensed Italic', sans-serif; */
        font: 28px'Myriad Pro Bold Condensed Italic', sans-serif;
    }

    #logedBox{
        border-bottom: none;

    }

    #logedEbingos{
        height: 38%;
    }

    #loginbox fieldset{
        padding: 0;
        border: 0;
    }

    #showPass{
        top: 12px;
        left: 348px;
    }

    #loaderOk{
        left: 415px;
        top: 10px;
        width: 10px;
        position: absolute;
        display: none;
    }

    #rememberPass{
        font: 15px 'Roboto', sans-serif;
        position: absolute;
        text-align: right;
        float: left;
        top: 16px;
        left: 482px;
        font-weight: 700;
    }

    #loginErrorMove{
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        position: absolute;
        width: 100vw;
        top: 49px;
        left: 5px;
    }

    #loginError{
        position: absolute;
        top: 48px;
        color: red;
        font: 14px 'Roboto', sans-serif;
        display: initial;
        width: 59%;
        float: left;
        left: 11px;
        margin: 0;
        text-align: center;
    }
}

#imgPassChangeOKCont{
    position: relative;
    width: 100%;
}

#imgPassChangeOK{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

#showPass{
    position: absolute;
    height: 25px;
    display: none;
    color: #c2c2c2;
}


#cabeceraContGrey{
    position: relative;
    background: #333;
    height: 45px;
    width: 100vw;
    /*float: left;*/
}

#cabeceraContGrey img{
    position: relative;
    height: 100%;
    float: left;
}

#menuBtnContGrey{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    float: left;
    margin-left: 8px;
    width: 36px;
    height: 100%;
}

.menuLine{
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 100%;
    background: #fff;
    border-radius: 100px;
    height: 5px;
    position: absolute;
    left: 0px;
}

#menuBtnContGrey > #line0{
    /*top: 2.5vw;*/
    top: 9px;
}

#menuBtnContGrey > #line1{
    /*top: 50%;
    transform: translateY(-50%);*/
    top: 20px;
}

#menuBtnContGrey > #line2{
    /*bottom: 2.5vw;*/
    bottom: 9px;
}

/*  #menuBtnClose > #line0{
        transform: rotate(-45deg);
        top: 50px;
    }

    #menuBtnClose > #line1{
        transform: rotate(45deg);
        top: 50px;
    }*/

#menuBtnClose{
    position: relative;
    top: 155px;
}

#topBtnsLogin{
    position: relative;
    width: 100%;
    height: 33px;
    background: #fff;
    padding-top: 6px;
    /*float: left;*/
    box-sizing: content-box;
}

#regBtn,
#logBtn{
    position: absolute;
    color: #fff !important;
    text-align: center;
    font: 17px 'Myriad Pro Condensed', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 47vw;
    background: #c2c2c2;
    height: 27px;
    text-transform: uppercase;
    padding-top: 3px;
    border-radius: 10px;
}

#closeLogBtn  {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 1px;
    right: 2px;
    opacity: 0;
}

#regBtn span,
#logBtn span{
    position: relative;
}

@media only screen and (min-width: 751px){
    #menuBtnContGrey{
        display: none;
    }

    #logBtn,
    #regBtn{
        width: 49vw;
    }

    #regBtn,
    #logBtn{
        font: 20px 'Myriad Pro Condensed', sans-serif;
        float: left;
    }

    #regBtn{
        float: right;
    }


}

#regBtn{
    right: 0.3em;
}

#logBtn{
    left: 0.3em;
}

#loader{
    position: absolute;
}


.tapaNegra{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #000;
    opacity: 0;
    z-index: 1;
    height: 0;
    overflow: hidden;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
}

#shadowTop{
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    -ms-transform-origin: top;
    -webkit-transform-origin: top;
    transform-origin: top;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    width: 100%;
    position: fixed;
    z-index: 2;
    opacity: 0.7;
    height: 0px;
}

@media only screen and (max-width: 750px){
    #content,
    #shadowTop{
        top: 84px;
    }
}

@media only screen and (min-width: 751px){
    #content,
    #shadowTop{
        top: 118px;
    }
}

/*////////////////////////////*/
/*////////MENU LATERAL////////*/
/*////////////////////////////*/

#menuBtnRegístrate a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Myriad Pro Bold Condensed', sans-serif;
    color: #fff;
    background: #43a149;
    font-size: 16px;
    opacity: 1;
    padding: 2px 7px;
    top: 6px;
    border-radius: 100px;
    position: relative;
}

#menuBtnsTablet{
    box-sizing: content-box;
}

#menu_scroll {
    margin-top:0;
}

.ebg-notif{
    width: fit-content;
    position: absolute;
    right: 25%;
    top: 20%;
}

@media only screen and (max-width: 400px){
    .menuBtn a{
        font: 26px 'Myriad Pro Bold Condensed', sans-serif !important;
    }
}

@media only screen and (max-width: 750px){
    @media only screen and (orientation: landscape){
        #menuBtnsCenter{
            position: relative;
            width: 100%;
            height: 30%;
            float: left;
            overflow-y: scroll;
        }
         #topBtnsLogin {
            top: 2px;
        }
    }

    #menuLatGeneral{
        width: 968px;
        left: 0px;
        top: 236px;
    }

    #menu{
        -webkit-transition: left 0.3s ease-out;
        -moz-transition: left 0.3s ease-out;
        -o-transition: left 0.3s ease-out;
        -ms-transition: left 0.3s ease-out;
        transition: left 0.3s ease-out;
        background: url('../img/menu/backLog.gif');
        left: -49vw;
        top: 84px;
        width: 49vw;
        height: 200%;
        position: fixed;
        z-index: 22;
    }

    #menuBtnsTablet{
        display: none;
    }

    #menuBtnsCenter{
        width: 100%;
        position: relative;
        color: #fff;
        top: 0;
        left: 0;
        height: 100%;
        padding-bottom: 10px;
        box-sizing: border-box;
    }

    #sideLogin{
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: left 0.3s ease-out;
        box-sizing: border-box;
        width: 100%;
        position: absolute;
        background: #fff;
        top: 0;
        padding: 0px 8px 8px  8px;
    }

    .menuBtnTriang{
        position: relative;
        float: left;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-left: 10px solid #ffb500;
        border-bottom: 10px solid transparent;
        opacity: 0;
        top: 2px;
    }

    .menuBtn{
        position: relative;
        float: left;
        width: 100%;
        padding: 5px 0;
    }

    .menuBtn a{
        position: absolute;
        font: 33px 'Myriad Pro Bold Condensed', sans-serif;
        text-transform: uppercase;
        top: 50%;
        padding-left: 5px;
        color: #333;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        opacity: 0.6;
        text-decoration: none;
    }

    .menuBtnActive{
        font-family: 'Myriad Pro Bold Condensed', sans-serif !important;
        opacity: 1 !important;
        color: #ffb500 !important;
    }

    #shadowMenu{
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -ms-transform-origin: bottom;
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );*/
        height: 100%;
        position: absolute;
        z-index: 1;
        top: 0;
        opacity: 0;
        left: 100%;
        width: 10px;
    }

    .menuLateral{
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        position: absolute;
        top: 0;
        left: -530px;
        width: 530px;
        height: 100%;
        color: #fff;
        z-index: 100;
    }

    .menuLateralColor ul{
        position: relative;
        margin: 0;
        padding: 0;
    }

    .menuLateralColor ul li a{
        filter: drop-shadow(0px 0px 20px #ffb500);
        -webkit-filter: drop-shadow(0px 0px 20px #ffb500);
        -ms-filter: drop-shadow(0px 0px 20px #ffb500);
        font: 75px 'Myriad Pro Condensed', sans-serif;
        color: #fff;

    }

    #logOk{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        background: #43A149;
        padding: 6px 8px 5px 8px;
        border-radius: 100px;
        border: none;
        font: 4vw 'Myriad Pro Condensed', sans-serif;
        color: #fff;
        width: 100%;
        float: left;
        text-align: center;
    }

    @media only screen and (orientation: landscape){
/*        #logOk{
            padding: 1px 8px 0px 8px;
            font: 3vw 'Myriad Pro Condensed', sans-serif;
            width: 100%;
        }

        #loaderOkCont {
            width: 40%;
        }

        #rememberPass {
            width: 40%;
            float: right;
            margin: 11px 0;
        }*/
    }

    #logedBoxTableCash{
        position: relative;
        width: 100%;
    }

    #logedBoxTableLast{
        border-collapse: collapse;
        position: relative;
        width: 100%;
        color: #fff;
        background: #c2c2c2;
        font-size: 11px;
        margin: 5px 0;
    }

    #logedBoxTableCash td{
        position: relative;
        left: 0;
        color: #c2c2c2;
        font: 4vw 'Myriad Pro Condensed', sans-serif;
        text-transform: uppercase;
        line-height: 3vw;
        padding: 2px 0;
    }

    #logedBoxTableLast tr{
        border-bottom: 3px solid #fff;
        line-height: 14px;
    }

    #logedBoxTableLast td{
        padding: 2px 3px 1px 3px;
    }

    #logedBoxLogOut{
        position: relative;
        float: left;
        width: 100%;
        background: #de4040;
        border-radius: 200px;
        padding: 3px;
        box-sizing: border-box;
        margin-top: 5px;
    }

    .logedBoxLogOutIco{
        position: relative;
        margin: 3px;
        color: #fff;
        float: left;
    }

    #logedBoxLogOutPart{
        position: relative;
        float: left;
        width: 49%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2px 4px;
        border-radius: 200px;
    }

    #logedBoxLogOut p,
    #logedBoxLogOut img{
        position: relative;
        float: left;
        font: 18px 'Myriad Pro Condensed', sans-serif;
        color: #fff;
        height: 100%;
        margin: 0;
    }

    #logedBoxTableCash td:nth-child(1n){
        font-family: 'Myriad Pro Bold Condensed', sans-serif;
        color: #333;
    }

    #logedBoxTableCash td:nth-child(2n){
        text-align: right;
        font-family: 'Myriad Pro Bold Condensed', sans-serif;
        color: #ffb500;
    }

    #logedBoxTableLast td:nth-child(1n){
        font-family: 'Myriad Pro Condensed', sans-serif;
    }

    #logedBoxTableLast td{
        position: relative;
        left: 0;
        font-family: 'Myriad Pro Condensed', sans-serif;
        width: 50%;
        font-size: 3.5vw;;
    }
}

@media only screen and (min-width: 751px){
    .ebg-notif{
        width: fit-content;
        position: absolute;
        right: 26%;
        top: 20%;
    }
    .translateBtnLogueado {
        transform: translateY(30px);
        transition: transform 0.3s ease;
    }
    #sideLogin{
        -webkit-transition: top 0.3s ease-out;
        -moz-transition: top 0.3s ease-out;
        -o-transition: top 0.3s ease-out;
        -ms-transition: top 0.3s ease-out;
        transition: top 0.3s ease-out;
        background: url('../img/menu/backLog.gif');
        width: 100vw;
        left: 0 !important;
        position: relative;
        top: -36px;
        z-index: 22;
        /*height: 67px;*/
        height: 6vh;
        border-bottom: 20px solid #fff;
    }

    #logOk{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        background: #43A149;
        padding: 3px 9px;
        float: left;
        border-radius: 100px;
        border: none;
        font: 18px 'Myriad Pro condensed', sans-serif;
        color: #fff;
        top: 11px;
        left: 0px;
    }

    #menuLatGeneral{
        width: 100vw;
        left: 0px;
        top: 236px;
    }

    #menu{
        top: 3%;
        width: 100vw;
        height: 36px;
        position: fixed;
        z-index: 20;
        /*z-index: 22;*/
        float: left;
    }

    #menuBtnsMovil{
        display: none;
    }

    #sideElementsMenu{
        width: 100vw;
        background: #ffb500;
        position: relative;
        color: #fff;
        top: -39px;
        left: 0;
        border-top: 5px solid #fff;
        float: left;
        /* padding: 2px 0 4px 0; */
        height: 30px;
        box-sizing: content-box;
    }

    #menuBtnsCenter{
        left: 50%;
        position: relative;
        float: left;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 100%;
    }

    #topBtnsLogin{
        top: 0;
        /* top: 102px; */
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        z-index: 23;
    }

    .menuBtnTriang{
        display: none;
    }

    .menuBtn{
        margin-right: 5px;
        position: relative;
        float: left;
        height: 100%;
    }

    .menuBtn:last-child{
        margin-right: 0px;
    }

    .menuBtn a{
        font: 19px 'Myriad Pro bold Condensed', sans-serif;
        text-transform: uppercase;
        padding-left: 2px;
        color: #333;
        position: relative;
        top: 4px;
        text-decoration: none;
    }

    .menuBtnActive{
        color: #fff !important;
    }

    #shadowMenu{
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -ms-transform-origin: bottom;
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );*/
        height: 100%;
        position: absolute;
        z-index: 1;
        top: 0;
        opacity: 0;
        left: 100%;
        width: 10px;
    }

    .menuLateral{
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        position: absolute;
        top: 0;
        left: -530px;
        width: 530px;
        height: 100%;
        color: #fff;
        z-index: 100;
    }

    .menuLateralColor ul{
        position: relative;
        margin: 0;
        padding: 0;
    }

    .menuLateralColor ul li a{
        filter: drop-shadow(0px 0px 20px #ffb500);
        -webkit-filter: drop-shadow(0px 0px 20px #ffb500);
        -ms-filter: drop-shadow(0px 0px 20px #ffb500);
        font: 75px 'Myriad Pro Condensed', sans-serif;
        color: #fff;

    }

    #loginbox,
    #logedBox{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        padding: 0px 10px 10px 10px;
        width: 623px;
        top: -5%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #logedBox{
        padding: 8px 5px;
        background: #fff;
        width: 100%;
    }

    #password,
    #username{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 180px;
        position: relative;
        margin-right: 10px;
        height: 22px;
        border: none;
        border-radius: 40px;
        margin-top: 10px;
        padding: 14px 12px;
        background: #e6e6e6;
        font: 20px 'Roboto', sans-serif;
        color: #333;
        float: left;
    }

    #logedBoxTableCash{
        position: relative;
        width: 25.5%;
        float: left;
        margin-right: 6px;
    }

    #logedBoxTableLast{
        border-collapse: collapse;
        position: relative;
        width: 25%;
        float: left;
        color: #fff;
        background: #c2c2c2;
        font-size: 14px;
        margin: 0 5px;
    }

    #logedBoxTableCash td{
        position: relative;
        color: #c2c2c2;
        font: 19px 'Myriad Pro Bold Condensed', sans-serif;
        text-transform: uppercase;
        line-height: 10px;
        padding: 5px 0;
    }

    #logedBoxTableLast tr{
        border-bottom: 2px #fff solid !important;
    }

    #logedBoxContTablet {
        width: 21%;
        float: left;
        position: relative;
        height: 56px;
    }

    #logedBoxLogOut{
        position: absolute;
        /*float: left;*/
        width: 45px;
        top: 0;
        right: 0;
        background: #de4040;
        height: 58px;
        border-radius: 20%;
    }

    #logedBoxLogOutPart{
        position: relative;
        /*float: left;*/
        width: 83px;
        height: 28px;
        margin-bottom: 2px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 4px;
        border-radius: 200px;
        left: 25%;
    }

    #logedBoxLogOut a,
    #logedBoxLogOut img{
        position: relative;
        float: left;
        font: 21px 'Myriad Pro Condensed', sans-serif;
        color: #fff;
        height: 79%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #logedBoxLogOut p{
        display: none;
    }

    #logedBoxTableCash td:nth-child(1n){
        color: #333;
    }

    #logedBoxTableCash td:nth-child(2n){
        text-align: right;
        color: #ffb500;
    }

    #logedBoxTableLast td:nth-child(1n){
        font-family: 'Myriad Pro condensed', sans-serif;
    }

    #logedBoxTableLast td{
        position: relative;
        left: 0;
        font-family: 'Myriad Pro Condensed', sans-serif;
        width: 50%;
        padding: 1px 5px;
    }

    .logedBoxLogOutIco{
        position: relative;
        color: #fff;
        float: left;
        font-size: 32px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #logedBoxLogOutPart p{
        font-size: 21px;
    }
}

@media only screen and (max-width: 400px){
    #logedBoxLogOutPart p{
        left: 27px !important;
    }

    #logedBoxLogOut a{
        font: 20px 'Myriad Pro Condensed', sans-serif !important;
        top: -4px !important;
        margin: 0 !important;
        padding: 0 !important;
        -webkit-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
    }
}

.sombraMenu{
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    background: url('../img/sombraMenu.png');
    background-repeat: repeat-y;
}

#logedBoxTableLast td:nth-child(2){
    position: relative;
    left: 0;
    width: 50%;
    text-align: right;
}

#logedBoxTableLast{
    background: #fff !important;
    color: #333 !important;
}

#logedBoxTableLast td{
    padding: 0 !important;
}

#logedBoxTableLast tr{
    border: none;
}

#logedBoxLogOutPart img{
    height: 100%;
}

#logedBoxLogOutPart p{
    color: #fff;
    position: absolute;
    left: 34px;
    top: 50%;
    margin: 0;
    font: 17px'Myriad Pro Condensed', sans-serif;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#logedBoxLogOutPart .iconMenuUser{
    color: #fff;
    position: relative;
    font-size: 17px;
    left: 2px;
}

/*////////////SUBMENU //////////////*/
@media only screen and (max-width: 750px){
    .submenuElements{
        -webkit-transition: max-height 0.5s ease-out;
        -moz-transition: max-height 0.5s ease-out;
        -o-transition: max-height 0.5s ease-out;
        -ms-transition: max-height 0.5s ease-out;
        transition: max-height 0.5s ease-out;
        max-height: 0;
        overflow: hidden;
        position: relative;
        float: left;
        width: 100%;
    }

    .submenuElements > .menuBtn{
        background: #efefef;
    }

    .submenuElements a{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font: 19px'Myriad Pro Condensed', sans-serif !important;
        text-transform: lowercase;
        float: left;
        width: 100%;
        padding-left: 17px;
        top: 0;
        position: relative;
        transform: translateY(0);
        text-transform: initial;
    }

    .submenu_content{
        float: left;
        width: 100%;
        border-top: 1px solid #de9e00;
    }

    .submenuElements .menuBtnTriang {
        display: none;
    }
}

@media only screen and (min-width: 751px){
    .submenuElements{
        -webkit-transition: max-height 0.5s ease-out;
        -moz-transition: max-height 0.5s ease-out;
        -o-transition: max-height 0.5s ease-out;
        -ms-transition: max-height 0.5s ease-out;
        transition: max-height 0.5s ease-out;
        max-height: 0;
        overflow: hidden;
        position: absolute;
        background: #ffce56;
        width: 85px;
        left: 50%;
        top: 30px;
        transform: translateX(-50%);
    }
    
    
    #menu_scroll {
        z-index: 22;
        position:relative;
        margin-top: 0;
    }

    .submenuElements a{
        font: 17px'Myriad Pro Condensed', sans-serif;
        text-transform: lowercase;
        float: left;
        text-align: center;
        width: 100%;
        padding: 3px 0;
        top: 0;
    }

    .submenu_content{
        float: left;
        width: 100%;
    }
}

/*////////////////////////////*/
/*////////CONTENIDO///////////*/
/*////////////////////////////*/
@media only screen and (max-width: 750px) {
    #content{
        padding-top: 84px;
    }
}

@media only screen and (min-width: 751px) {
    #content{
        padding-top: 118px;
    }
}

#content{
    position: relative;
    width: 100vw;
    background: #fff;
    overflow: hidden;
    z-index: 1;
    float: left;
    top: 0;
    left: 0;
}

.contentwrapper{
    float: left;
}

#contentPadding{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 100vw;
    position: relative;
    overflow: hidden;
    float: left;
}

@media only screen and (orientation: landscape){
    @media only screen and (max-width: 750px) {
        .imgSeccTop{
            height: 120px;
        }
    }

    @media only screen and (min-width: 751px) {
        .imgSeccTop{
            height: 189px;
        }
    }
}



@media only screen and (orientation: portrait){
    @media only screen and (max-width: 750px) {
        .imgSeccTop{
            height: 116px;
        }
    }

    @media only screen and (min-width: 751px) {
        .imgSeccTop{
            height: 240px;
        }
    }
}

.imgSeccTopHelp,
.imgSeccTop{
    position: relative;
    overflow: hidden;
    margin-bottom: 2vw;
    overflow: hidden;
    float: left;
    left: -10px;
    width: 110%;
}

.imgSeccConfetti{
    position: relative;
    overflow: hidden;
    margin-bottom: 2vw;
}

.imgSeccTop img{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#imgConfetti{
    position: absolute;
    top: -200px;
    margin: 0;
    padding: 0;
    width: 200%;
    opacity: 0.3;
    overflow: hidden;
}

#panel{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: #fff;
    position: relative;
    left: 0px;
    float: left;
    padding-bottom: 180px;
    width: 100%;
    padding-bottom: 40px;
}


#patchBlack{
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: 0;
    display: none;
    z-index: 1;
}

/*////////////////////////////*/
/*////////INICIO//////////////*/
/*////////////////////////////*/
#gamesHomeCont{
    position: relative;
    float: left;
    width: 102vw;
    top: 0;
    background: #fff;
}

.gamesHome{
    float: left;
    position: relative;
    width: 100%;
    display: block;
    border-radius: 10px;
}

#gamesHomeContTitu{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* background-image: url('../img/backRibbon.jpg'); */
    background-repeat: no-repeat;
    background-position: center;
    font-family: 'Myriad Pro Bold Condensed', sans-serif;
    color: #333;
    text-align: center;
    float: left;
    position: relative;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

@media only screen and (max-width: 750px) {
    #gamesHomeContTitu{
        /* height: 66px; */
        background-size: 250px 55px;
        font-size: 40px;
    }

    .gamesHomeContGame {
        float: left;
        width: 47vw;
        height: 25vw;
        position: relative;
        margin: 1vw 0vw 0vw 2vw;
    }

    @media only screen and (orientation: landscape){
        .gamesHomeContGame {
            float: left;
            width: 24vw;
       height: 12.5vw;
            position: relative;
            margin: 0 1vw 1vw 0;
        }
    }
}

@media only screen and (min-width: 750px) {
    #gamesHomeContTitu{
        background-size: 350px 77px;
        font-size: 62px;
        margin-left: -10px;
    }

    .gamesHome{
        float: left;
        position: relative;
        display: block;
        top: 0 !important;
    }

    .gamesHomeContGame {
        float: left;
        position: relative;
        width: 32.7vw;
        margin: 0 1vw 1vw 0;
        height: 16.3vw;
    }
}

.gamesHomeContGame {
    overflow: hidden;
    /*background: #ececec;*/
}

.gamesHomeContGame.disabled {
    -webkit-filter: grayscale(100%) brightness(97%);
    filter: grayscale(100%) brightness(100%);
    opacity: .5;
}

.loaderGame{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.separateLine{
    position: relative;
    width: 100%;
    background: #fff;
}

.incioBtns{
    position: relative;
    width: 100vw;
    float: left;
    margin-top: 1vh;
}

.incioBtnA,
.incioBtnC{
    border-radius: 10px;
}
.incioBtnA{
    background-color: #383838;
    margin-left: 0.3em;
}
@media only screen and (max-width: 750px) {
    @media only screen and (orientation:portrait) {

        .incioBtnB{
            display: none;
        }
        .incioBtnA,
        .incioBtnC{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            color: #fff;
            width: 47vw;
            margin-right: 0.5em;
        }
    }
    @media only screen and (orientation:landscape) {

        .incioBtnA,
        .incioBtnB,
        .incioBtnC{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            color: #fff;
            width: 32vw;
            background: #43A149;
            position: relative;
            float: left;
        }

        .incioBtnA{
            margin-left: 0;
        }

        .incioBtnB{
            background: #333;
            margin: 0 2vw;
        }

        .incioBtnB p{
            text-align: center;
            width: 100%;
        }
    }

    .incioBtnC{
        margin-right: 0.3em;
        background: #ffb500;
    }

    .incioBtnA p,
    .incioBtnB p,
    .incioBtnC p{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font: 25px 'Myriad Pro Condensed', sans-serif;
        color: #fff;
        position: relative;
        margin: 7px 0;
        float: left;
    }

    .incioBtnIco{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        margin: 0 4%;
        display: block;
        width: 30px !important;
        height: 30px;
        padding: 5px;
        border-radius: 100%;
        font-size: 20px;
        margin: 8px;
    }
}

@media only screen and (min-width: 751px) {
    .incioBtnA p,
    .incioBtnB p,
    .incioBtnC p{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font: 38px 'Myriad Pro Condensed', sans-serif;
        color: #fff;
        position: relative;
        margin: 0;
        float: left;
    }

    .incioBtnA,
    .incioBtnB,
    .incioBtnC{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        width: 32.5vw;
        background: #383838;
        position: relative;
        float: left;
        border-radius: 10px;
        margin-right: 0.5em;
    }

    .incioBtnA{
        margin-left: 0;
        color:#fff;
    }

    .incioBtnB{
        margin: 0 1.25vw;
    }

    .incioBtnB p{
        text-align: center;
        width: 100%;
    }

    .incioBtnC{
        margin-right: 0;
        color: #ffb500;
        background: #ffb500;
    }

    .incioBtnIco{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        display: block;
        color: #fff;
        width: 30px !important;
        height: 30px;
        font-size: 30px;
        margin-right: 0.5em;
        margin-left: 0.5em;
        top: 8px;
    }
}

.incioBtnC i{
    padding-left: 7px;
}

.incioBtnB{
    background: #c2c2c2;
}

.incioBtnA{
    font-size: 18px;
    color: #fff;
}
.incioBtnB{
    color: #fff;
}


/*////////////////////////////*/
/*///////PROMOCIONES//////////*/
/*////////////////////////////*/

@media only screen and (max-width: 750px){

    @media only screen and (orientation: portrait){
        .promoCont{
            width: 100%;
            float: left;
        }
    }

    @media only screen and (orientation: landscape){
        #promoSorter .promoCont:nth-child(odd){
            width: 49%;
            float: left;
            left: 0;
            margin-right: 2%;
            box-sizing: border-box;
        }

        #promoSorter .promoCont:nth-child(even){
            float: right;
            right: 0;
            width: 49%;
        }
    }
    .promoCont p{
        position: relative;
        margin: 10px 0 0 0;
        float: left;
        text-align: left;
        width: 100%;
        font: 14px 'Roboto', sans-serif;
    }

    .promoTermsCont ul,
    .promoText ul{
        margin: 0px 0px 10px 0px !important;
        float: left;
        position: relative;
    }

    .promoTermsCont ul .promotion_explain{
        float: left;
        width: 100%;
        font-size: 13px;
    }

    .promoTextBold{
        position: relative;
        font: 16px 'Myriad Pro Bold', sans-serif;
        margin: 5px 0;
    }
}
@media only screen and (min-width: 751px){

        #promoSorter .promoCont:nth-child(odd){
            width: 49%;
            float: left;
            left: 0;
            margin-right: 2%;
            box-sizing: border-box;
        }

        #promoSorter .promoCont:nth-child(even){
            float: right;
            right: 0;
            width: 49%;
        }

    .promoCont p{
        position: relative;
        margin: 10px 0 0 0;
        float: left;
        text-align: left;
        width: 100%;
        font: 14px 'Roboto', sans-serif;
    }

    .promoTermsCont ul,
    .promoText ul{
        margin: 10px 0px 10px 0px !important;
        float: left;
        position: relative;
    }

    .promoTermsCont ul .promotion_explain{
        float: left;
        width: 100%;
        font-size: 13px;
    }

    .promoTextBold{
        position: relative;
        font: 14px 'Myriad Pro Bold', sans-serif;
        margin: 5px 0;
    }
}

.promoCont{
    position: relative;
    margin-bottom: 20px;
    min-height: 275px;
}

.promoTermsCont{
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    position: relative;
    float: left;
    height: 0;
    overflow: hidden;
}

#promoSorter{
    width: 100%;
    float: left;
}

.promowrap{
    float: left;
}

.promoCont img{
    width: 100%;
}

.promoTermsBtn{
    bottom: 0;    color: #ffb500;
}

.promoImgCont{
    /*background: #c2c2c2;*/
    border-bottom: solid 10px #fff;
}

.promo-conditions > h1 {
    line-height: 1em;
    margin-bottom: 10px;
}

.promo-conditions > h2 {
    font-size: 32px;
}

.promo-conditions > div * {
    color: #383838 !important;
    font-size: 14px !important;
}

.colltext{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: left;
    background: #e4e4e4;
    padding: 10px 13px;
}


/*////////////////////////////*/
/*////////GANADORES///////////*/
/*////////////////////////////*/
@media only screen and (max-width: 750px) {
    .panelesInfo{
        position: relative;
        width: 100vw;
        float: left;
        padding-bottom: 5vw;
    }

    .panelesInfo h3{
        font: 28px 'Myriad Pro Bold Condensed', sans-serif;
        background: #c2c2c2;
        /*height: 6%;*/
        margin: 0;
        position: relative;
        color: #fff;
    }

    .panelGanadores{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        position: relative;
        width: 49%;
        padding: 8px 2px 0px 2px;
        background: #c2c2c2;
    }

    .panelGanadores table{
        width: 100%;
    }

    .panelGanadores tr{
        width: 100%;
        background: #fff;
        margin-top: 5px;
        display: block;
    }

    .panelGanadores td{
        display: block;
    }

    .panelGanadores td{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font: 14px 'Myriad Pro Semibold', sans-serif;
        padding: 5px 4px;
        color: #333;
        position: relative;
    }

    .panelGanadores td:nth-child(1n){
        display: initial;
        text-align: left;
    }

    .panelGanadores td:nth-child(2n){
        /*display: initial;*/
        /*text-align: right;*/
        position: relative;
        float: right;
        right: 5px;
        padding-top: 0;
    }

    .panelGanadores  img{
        position: relative;
        width: 30px;
        margin: 0px 5px;
    }
}

@media only screen and (min-width: 751px) {
    .panelesInfo{
        position: relative;
        width: 100vw;
        float: left;
        padding-bottom: 5vw;
    }

    .panelesInfo h3{
        font: 28px 'Myriad Pro Bold Condensed', sans-serif;
        background: #c2c2c2;
        /*height: 6%;*/
        margin: 0;
        position: relative;
        color: #fff;
    }

    .panelGanadores{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        position: relative;
        width: 49%;
        padding: 8px 2px 0px 2px;
        background: #c2c2c2;
    }

    .panelGanadores table{
        width: 100%;
    }

    .panelGanadores tr{
        width: 100%;
        background: #fff;
        margin-top: 5px;
        display: block;
    }

    .panelGanadores td{
        display: block;
    }

    .panelGanadores td{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font: 14px 'Myriad Pro Semibold', sans-serif;
        padding: 5px 4px;
        color: #333;
        position: relative;
    }

    .panelGanadores td:nth-child(1n){
        display: initial;
        text-align: left;
        font-size: 19px;
    }

    .panelGanadores td:nth-child(2n){
        /*display: initial;*/
        /*text-align: right;*/
        position: relative;
        float: right;
        right: 5px;
        padding-top: 0;
    }

    .panelGanadores  img{
        position: relative;
        width: 30px;
        margin: 0px 5px;
    }
}


/*////////////////////////////*/
/*////////AYUDA//////////////*/
/*////////////////////////////*/

/*//////////////////////////////////////////////
/////////////////HELP///////////////////////////
//////////////////////////////////////////////*/

.ebingoRoomsTxtCont{
    width: 100%;
    float: left;
}

.ebingoRoomsTxt{
    font: 41px 'Myriad pro bold condensed', sans-serif !important;
}

.ebingoRoomsTxtCont *:nth-child(3),
.ebingoRoomsTxtCont *:nth-child(1){
    color: #ffb500;
}

.ebingoRoomsTxtCont *:nth-child(2){
    color: #ababab;
}


.ebingoRoomsTxtCont *:nth-child(3){
    font-size: 27px;
    bottom: 4px;
    position: relative;
    margin-left: 3px;
}

.help_list_content {
    margin-top: 10px;
    width: 100%;
    display: block;
    float: left;
}

.helpImg {
    float: right;
    width: 50%;
    cursor: pointer;
}

.help_list {
    position: relative;
    list-style: none;
    font-size: 15pt;
    padding: 0px;
}

.help_list_btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
    width: 49%;
    text-align: left;
    background: #ececec;
    font-size: 16px;
    float: left;
    height: 45px;
    margin-bottom: 7px;
    font-weight: normal;
}

.help_list_btn span{
    font-size: 12px;
}

.help_list_btn:nth-child(2n){
    float: right;
}

.help_list_btn div{
    top: 50%;
    position: relative;
}

.help_list_icon,
/*.help_list_btn span,*/
.help_list_btn div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #333;
    top: 50%;
    position: relative;
    color: #333 !important;
    float: left;
    transform: translateY(-50%);
    width: 80%;
    margin-left: 10px;
}

.help_list_icon {
    font-size: 24px;
    width: 20% !important;
    padding: 0 5px;
}

@media only screen and (min-width: 751px){
    .help_list_icon {
        width: auto !important;
        padding: 5px;
    }
}

/*////////////////////////////*/
/*////////FAQ/////////////////*/
/*////////////////////////////*/

@media only screen and (max-width: 750px){v
    #faqListCont{
        position: relative;
        top: 0;
        left: 0;
        float: left;
        width: 100%;
    }

    .faqListSearchCont{
        width: 100%;
        float: left;
    }

    #faqListSearch{
        border: 0;
        background: #e6e6e6;
        border-radius: 50px;
        width: 100%;
        margin-bottom: 15px;
        float: left;
        padding: 5px 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .faqListCollapse{
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        overflow: hidden;
        /*float: left;*/
        width: 100%;
    }

    .faqListCollapse ul{
        font: 14px 'Myriad Pro Regular', sans-serif;
        position: relative;
        top: 0;
        display: block;
        left: 0;
        float: left;
        width: 100%;
    }

    .faqListTitu2{
        color: #c2c2c2;
        text-align: left !important;
        line-height: 18px;
        display: block;
        float: left;
        width: 100%;
        padding: 5px;
        margin-top: 0;
    }

    .faqResalt{
            font-weight: bold;
            color: #ffb500 !important;
    }
}

@media(min-width: 751px){
    #faqListCont{
        position: relative;
        top: 0;
        left: 0;
        float: left;
        width: 100%;
    }

    #faqListCont h4{
        margin: 0;
        padding: 0;
        margin-top: 20px;
    }

    #faqListSearch{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 0;
        background: #e6e6e6;
        border-radius: 50px;
        width: 100%;
        float: left;
        padding: 5px 16px;
    }

    .faqListCollapse{
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        overflow: hidden;
        width: 100%;
        margin-top: 10px;
    }

    .faqListCollapse ul{
        font: 14px 'Myriad Pro Regular', sans-serif;
        position: relative;
        top: 0;
        display: block;
        left: 0;
        float: left;
        width: 100%;
    }

    .faqListTitu2{
        color: #c2c2c2;
        text-align: left !important;
        line-height: 18px;
        display: block;
        width: 100%;
        margin-top: 9px;
        float: left;
    }

    .faqResalt{
            font-weight: bold;
            color: #ffb500 !important;
    }
}

.faqListSearchCont{
    margin-top: 10px;
    float: left;
    width: 100%;
}

.faqListCollapse{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #e6e6e6;
    padding: 10px;
    float: left;
    display: none;
}


/*////////////////////////////*/
/*////////FOOTER//////////////*/
/*////////////////////////////*/
footer{
    position: relative;
    background: #fff;
    width: 100vw;
    float: left;
    z-index: 1;
    padding-top: 20px;
}

@media only screen and (max-width: 750px){
    #footerlinks{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        background: #333;
        width: 100%;
        padding-top: 15px;
        height: 122px;
        text-align: center;
        line-height: 31px;
    }

    #footerlinks a{
        position: relative;
        font: 35px 'Myriad Pro Condensed', sans-serif;
        color: #fff;
        width: 100%;
        height: 8px;
    }

    #imgSecureGameCont{
        position: relative;
        width: 100%;
        float: left;
    }

    #methodPayCont{
        width: 100%;
        float: left;
    }

    #logoPie{
        position: relative;
        left: 50%;
        transform: translateX(-50%) scale(0.8);
        -webkit-filter: brightness(0);
        filter: brightness(0);
        opacity: 0.3;
    }

    #legalNotice{
        padding: 10px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 100%;
        float: left;
    }

    #legalNotice p{
        text-align: center;
        color: #bbb;
        font-size: 10px;
        padding: 0 20px;
    }

    #contactCont{
        position: relative;
        width: 100vw;
        height: 75px;
        float: left;
    }

    .contactIco .contactIcoIco {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        height: 100%;
        width: 100%;
        background: #333;
        border-radius: 100%;
        opacity: 1;
        color: #fff;
    }

    .contactIco .contactIcoIco{
        padding: 16px;
        margin-bottom: 10px;
    }

    .contactIco{
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        position: absolute;
        height: 60px;
        width: 60px;
    }


    .contactIco:nth-child(2){
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .contactIco:nth-child(1){
        left: 5vw;
    }

    .contactIco:nth-child(3){
        right: 5vw;
    }

    #imgSecureGameContCenter{
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: 3vw;
        float: left;
    }

    #methodPayContCenter{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin: 3vw 0;
        opacity: 0.6;
        float: left;
    }

    @media only screen and (orientation: portrait){
        #imgSecureGameContCenter,
        #methodPayContCenter{
            width: 90vw;
        }
    }

    @media only screen and (orientation: landscape){
        #imgSecureGameContCenter,
        #methodPayContCenter{
            width: 70vw;
        }
    }
}

@media only screen and (min-width: 751px){
    #footerlinks{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        background: #333;
        width: 100%;
        padding-top: 15px;
        height: 122px;
        text-align: center;
        line-height: 31px;
    }

    #footerlinks a{
        position: relative;
        font: 35px 'Myriad Pro Condensed', sans-serif;
        color: #fff;
        width: 100%;
        height: 8px;
    }

    #imgSecureGameCont{
        position: relative;
        width: 100%;
        float: left;
    }

    #methodPayCont{
        width: 100%;
        float: left;
    }

    #logoPie{
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%) scale(0.8);
        transform: translateX(-50%) scale(0.8);
        -webkit-filter: brightness(0);
        filter: brightness(0);
        opacity: 0.3;
    }

    #legalNotice{
        padding: 10px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 100%;
        float: left;
    }

    #legalNotice p{
        text-align: center;
        color: #bbb;
        font-size: 10px;
        padding: 0 20px;
    }

    #contactCont{
        position: relative;
        width: 100vw;
        height: 75px;
        float: left;
    }

    .contactIco .contactIcoIco {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        height: 100%;
        width: 100%;
        background: #333;
        border-radius: 100%;
        opacity: 1;
        color: #fff;
    }

    .contactIco .contactIcoIco{
        padding: 30%;
    }

    .contactIco{
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        position: absolute;
        height: 65px;
        width: 65px;
    }


    .contactIco:nth-child(2){
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .contactIco:nth-child(1){
        left: 5vw;
    }

    .contactIco:nth-child(3){
        right: 5vw;
    }

    #imgSecureGameContCenter{
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: 1vw;
        float: left;
    }

    #methodPayContCenter{
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 50vw;
        margin: 1vw 0;
        opacity: 0.6;
        float: left;
    }

    #methodPayContCenter{
        width: 50vw;
    }

    @media only screen and (orientation: portrait){
        #imgSecureGameContCenter{
            width: 70vw;
        }

        #methodPayContCenter{
            width: 70vw;
        }
    }

    @media only screen and (orientation: landscape){
        #imgSecureGameContCenter{
            width: 50vw;
        }

        #methodPayContCenter{
            width: 50vw;
        }
    }
}

.contactIco .contactIcoIco {
    font-size: 27px;
}

.imgSecureGameImg{
    position: relative;
    float: left;
}

.imgSecureGame{
    /*width: 25px;*/
    width: 100%;
    position: relative;
    float: left;
}

#imgSecureGameImg0{
    width: 40%;
    margin-top: 2%;
    position: relative;
    float: left;
}

#imgSecureGameImg1{
    width: 10%;
    margin-top: 2%;
}

#imgSecureGameImg2{
    width: 35%;
}

#imgSecureGameImg3{
    width: 15%;
}

#contactIcoMessage{
    transform: translateX(-50%);
}

#contactLinks{
    position: relative;
    width: 0;
    height: 0;
    overflow: hidden;
    float: left;
}

.frescochat-tb{
    display: none !important;
    left: -9999px !important;
    bottom: -9999px !important;
}

#redesCont{
    position: relative;
    width: 100vw;
    margin: 3vw 0;
    float: left;
}

#redesCont img{
    position: relative;
    float: left;
    margin-right: 2vw;
}

@media only screen and (max-width: 750px) {
    #redesCont img{
        width: 45px;
    }
}

@media only screen and (min-width: 751px) {
    #redesCont img{
        width: 45px;
    }
}

#redesContCenter{
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    float: left;
}

.red_icon {
    color: #fff;
    width: 45px;
    height: 45px;
    float: left;
    margin-right: 9px;
    border-radius: 100%;
    position: relative;
}

.red_icon:hover{
    opacity: 1;
    color: #fff;
}

#red_icon0{
    background: #5c87d0;
}
#red_icon1{
    background: #ee1218;
}
#red_icon2{
    background: #2cabe1;
}
#red_icon3{
    background: #f63e28;
}
#red_icon4{
    background: #a400a5;
}

.red_icon svg{
    color: #fff;
    width: 28px;
    height: 28px;
    float: left;
    margin-right: 5px;
    border-radius: 100%;
    position: relative;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 25px;
}


/*//////////////////////////
////////////SALAS///////////
//////////////////////////*/

.salasTitu{
    text-align: center;
    text-transform: uppercase;
}

#salasBannerCont{
    position: relative;
    width: 100%;
    float: left;
}

.salasBanner{
    position: relative;
}

.salasBannerTitu{
    position: relative;
    background: #c2c2c2;
    color: #fff;
    text-align: center;
}

@media only screen and (min-width: 751px){
    .salasBannerTitu{
        font: 26px 'Myriad Pro Condensed', sans-serif;
    }

    .salasBanner{
        position: relative;
        /*width: 49%;*/
        float: left;
    }

    #salasBannerCont .salasBanner:nth-child(2){
        float: right;
    }
}

@media only screen and (max-width: 750px){
    .salasBannerTitu{
        font: 26px 'Myriad Pro Condensed', sans-serif;
    }

    .salasBanner:first-child{
        margin-bottom: 30px;
    }

    @media only screen and (orientation:landscape){
        .salasBanner{
            position: relative;
            width: 49%;
            float: left;
        }

        .salasBanner:first-child{
            margin-bottom: 0;
        }

        #salasBannerCont .salasBanner:nth-child(2){
            float: right;
        }
    }
}

.salasBannerText{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;
    background: #e4e4e4;
    font-size: 14px;
    position: relative;
    text-align: center;
    margin: 4px 0;
}

/*ANIMA SALAS*/

#gifSalasImg{
    position: relative;
    width: 70vw;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (min-width: 750px){

    @media only screen and (orientation:landscape){
        #gifSalasImg{
            width: 50vw;
        }
    }
}

/*///////////////////////////
////////MAPA PROXI////////////
///////////////////////////*/


#mapsSalaLoader{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 1;
    display: none;
    z-index: 25;
}

#mapsSalaLoaderFirst{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ededed;
}

#mapsLoaderContCenterText,
#mapsSalaLoaderFirst p,
#noticeRotateMap p,
#mapsSalaLoader p{
    font: 25px 'Myriad Pro Condensed', sans-serif;
    color: #c2c2c2;
    top: 44%;
    text-align: center;
    line-height: 20px;
    margin: 0;
}

#mapsLoader,
#mapsSalaLoaderLoader{
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    margin-top: 10px !important;
}

#noticeRotateMapCont{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 25;
}

#noticeRotateMap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #333;
    display: none;
}

#noticeRotateMap p{
    color: #fff;
    line-height: 23px;
}

.noticeRotateMapIco{
    color: #fff;
    text-align: center;
    font-size: 30px;
    width: 100% !important;
    margin-top: 10px;
}

@media only screen and (orientation:landscape){
    #noticeRotateMap{
        display: block;
    }
}

@media only screen and (orientation:portrait){
    #noticeRotateMapCont,
    #noticeRotateMap{
        display: none !important;
    }
}

#stateMapTxt{
    color: #8e8e8e;
    font-family: 'Myriad Pro Bold Condensed', sans-serif;
}

#mapSalasPathWhite{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    background: #fff;
    z-index: 21;
    display: none;
}

#mapSalasContent{
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    position: relative;
    width: 100%;
    top: 0;
}

#mapSalasInfo{
    position: relative;
    float: left;
    width: 100vw;
    bottom: 0;
    z-index: 1;
    display: none;
}

#mapCanvasBtn{
    position: absolute;
    top: 0;
    width: 100%;
    height: 123%;
    left: 0;
    z-index: 22;
}

#mapaSalas{
    position: relative;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    float: left;
}
.btnBuscaSalasCerca,
.btnPosiUser,
.mapSalasLeyendaCont{
    height: 28% !important;
    float: left !important;
    margin-top: 1% !important;
    position: relative !important;
}

.mapSalasLeyendaCont{
    left: 50%;
    transform: translateX(-50%);
}

.mapSalasLeyenda{
    position: relative;
    height: 100%;;
    float: left;
    margin: 0 10px;
}

.mapSalasLeyenda img{
    position: absolute;
    height: 60%;
    float: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

.mapSalasLeyenda span{
    position: relative;
    text-transform: uppercase;
    float: left;
    top: 60%;
    font-size: 1.25vh !important;
    left: 50%;
    transform: translateX(-50%);
}

#map-canvas{
/*  -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;*/
    background: #e4e4e4;
    float: left;
    top: 0px;
    position: relative;
    height: 100%;
    width: 100%;
    left: 0px;
}

#mapCanvasContTituLupa{
    position: relative;
    background: #c2c2c2;
    height: 29px;
}

#mapCanvasContTituLupaIco{
    position: relative;
    font-size: 29px;
    float: left;
    color: #fff;
}

#mapCanvasContTitu p{
    position: relative;
    font: 25px 'Myriad Pro Condensed', sans-serif;
    float: left;
    color: #fff;
    text-align: left;
    height: 100%;
    margin: 0;
}

#mapCanvasContTitu{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    position: relative;
    width: 100%;
    left: 0px;
    height: 30px;
    top: 0;
    float: left;
}

#mapCanvasContTituEbingoLogo{
    position: absolute;
    float: left;
    height: 82%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#mapCanvasCont{
    width: 100%;
    box-sizing: border-box;
    float: left;
    position: relative;
    z-index: 2;
}

#mapCanvasContTop{
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
}

@media(max-width: 750px){
    #mapCanvasContTop{
        height: 370px;
    }

    #mapCanvasCont{
        height: 335px;
    }
}

@media(min-width: 751px){
    #mapCanvasContTop{
        height: 473px;
    }

    #mapCanvasCont{
        height: 437px;
    }
}

#mapCanvasContTituEbingo{
    height: 100%;
    position: relative;
    top: 0;
    width: 100vw;
    background: #333;
    display: none;
    float: left;
}

.mapCanvasContTituEbingoText{
    position: absolute;
    height: 100%;
    float: right;
    right: 10px;
}

.mapCanvasContTituEbingoText span{
    float: right;
    text-align: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    color: #c2c2c2;
    margin-right: 10px;
 }

 @media only screen and (max-width: 750px){
    .mapCanvasContTituEbingoText span{
        font-size: 9px;
     }
 }

 @media only screen and (min-width: 751px){
    .mapCanvasContTituEbingoText span{
        font-size: 12px;
     }
 }

#mapCanvasContTituEbingo #mapsClose{
    position: relative;
    float: right;
    right: 9px;
    width: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    padding: 5px;
    font-size: 28px;
}

#mapsLoader{
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 25px;
    float: left;
}

#mapsLoaderCont{
    position: absolute;
    width: 100%;
    bottom: 16vh;
    z-index: 1;
    display: none;
}

.btnPosiUser,
.btnBuscaSalasCerca{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font: 24px 'Myriad Pro Condensed', sans-serif;
    width: 100vw;
    background: #c2c2c2;
}

.btnBuscaSalasCerca{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #909090;
    cursor: default;
    padding: 0 5px;
}

.btnPosiUser p,
.btnBuscaSalasCerca p{
    box-sizing: border-box;
    color: #fff;
    font-size: 3vh;
    font-family: 'Myriad Pro Condensed', sans-serif;
    text-align: left;
    float: left;
    margin: 0;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.btnPosiUser .btnPosiUserIco,
.btnBuscaSalasCerca .btnPosiUserIco{
    float: left;
    display: block;
    color: #fff;
    margin: 0 5px;
    position: relative;
    font-size: 2.5vh;
    top: 50%;
    transform: translateY(-50%);
}

.salaCercana{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100vw;
    height: 35px;
    background: #dbdbdb;
    cursor: pointer;
    margin-bottom: 5px;
    color: #fff;
    opacity: 0;
    position: relative;
    float: left;
}

.salasCercanasCont{
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    box-sizing: border-box;
    transition: all 0.3s;
    position: relative;
    overflow-y: scroll;
    height: 0vh;
    float: left;
    opacity: 0.7;
    padding-top: 6px;
    width: 100vw;
    display: none;
}

#salasCercanasContBack{
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    height: 18vh;
    opacity: 0;
}

.salaCercana:hover{
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    /*background: #a8a8a8; */
    background: #C3C3C3;
}

.salaCercanaTitu{
    box-sizing: border-box;
    color: #454545;
    float: left;
    line-height: 14px !important;
    padding: 3px 0px 0px 5px;
    width: 60%;
}

.camposMedidas{
    text-align: center;
    line-height: 14px;
}

@media only screen and (max-width: 751px){
    .camposMedidas,
    .salaCercanaTitu{
        font: 10px 'Arial', sans-serif;
    }
}

@media only screen and (min-width: 751px){
    .camposMedidas,
    .salaCercanaTitu{
        font: 13px 'Arial', sans-serif;
    }
}

.icosTransCont{
    transition: all 0.3s;
    position: relative;
    float: right;
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
}

.icoTrans{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    background: #fff;
    color: #929292;
    font-size: 2.5vh !important;
    border-radius: 100%;
    padding: 2px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.icoTransSelected {
    background: #333;
    color: #ffb500;
}

.icosTransContCont,
.camposMedidasBtn{
    position: relative;
    float: left;
    width: 33%;
    margin-top: 4px;
}

.camposMedidasBtn:hover{
    color: #252525;
}

.camposMedidasBtnConte{
    width: 40%;
    position: relative;
    float: right;
    color: #fff;
}
.leyenda{
    text-align: center;
    padding:5px;
}

.textoMapa{
    width: 920px !important;
    position: relative;
    float: left;
    padding: 0px 35px 0px 35px;
    background: #fff;
}
#ebingo_salas_titu {
    position: relative;
    float: left;
    padding: 0px 35px 0px 35px;
    background: #fff;
}
#ebingo_salas_titu .titu_secciones{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 22px;
    background: #444444;
    color: #fff;
    padding: 2px 10px;
    font-family: 'Myriad Pro Regular', sans-serif;
    margin: 10px 0 20px 0;
    width: 920px;
    float: left;
    font-weight: lighter !important;
}

/*////////////////////////////*/
/*////////REGISTRO////////////*/
/*////////////////////////////*/
#regLoader{
    height: 60px;
    position: relative;
    left: 50%;
    float: left;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

#regLoaderCont{
    position: relative;
    width: 100vw;
    height: 60px;
    float: left;
    top: 10px;
    display: none;
}

@media only screen and (min-width: 751px){
    #dob{
        height: 31px;
    }

    .imgSeccQuienesTitu{
        width: 60vw;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        float: left;
        margin-top: 15px;
    }

    #regisContGen{
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
    }

    .regisTituPrin{
        background: #333;
        color: #fff;
        padding: 6px;
        margin-bottom: 0;
        text-transform: uppercase;
        float: left;
        margin: 0;
        box-sizing: border-box;
        width: 100%;
        font-size: 18px;
    }

    .regisTituPrin span{
        color: #ffb500;
    }


    .dataTables_filter input,
    .regisInput select,
    .regisInput input{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        border-radius: 100px;
        margin: 0;
        padding: 6px 12px;
        background: #fff;
        /*font: 16px 'Myriad Pro Regular', sans-serif;*/
        font: 16px 'Roboto', sans-serif;
        color: #333;
        text-align: left;
        height: 31px;
        width: 100%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .regisLabel{
        padding: 0 0 4px 5px;
        /*font-family: 'Myriad Pro Bold', sans-serif;*/
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
    }

    .regisInputFondo{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        background: #e8e8e8;
        float: left;
        padding: 10px 10px 20px 10px;
        -webkit-box-shadow: inset 0px 0px 0px 0px #fff;
        -moz-box-shadow: inset 0px 0px 0px 0px #fff;
        box-shadow: inset 0px 0px 0px 0px #fff;
    }

    #maleGengler,
    #femaleGengler{
        width: 80px;
        color: #ffb500;
    }

    /*.regisInput span{
        font: 35px 'Myriad Pro Regular', sans-serif;
    }*/

    #joinConfirmation span{
        font: 14px 'Myriad Pro Regular', sans-serif;
    }

/*    .regisSelect{
        position: relative;
        width: 100%;
        background: #fff;
        height: 31px;
        border-radius: 100px;
    }*/

    /*.regisSelect select{*/
    select{
        position: relative;
        width: 100%;
        background: #fff !important;
        height: 31px;
        border-radius: 100px;
        /*////////////////*/
        -webkit-appearance: none;
        -moz-appearance: none;
        outline: none;
        background: none;
        border: none;
        font-size: 16px;
        color: #383838;
        padding: 0 12px;
        height: 31px;
    }

    .regisSelect select:focus {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }


    #regisStepCont{
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
        position: relative;
        left: 0;
        top: 0;
        font-size: 2vw;
        padding: 10px;
    }

    .regisStep{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        left: 0;
        top: 0;
        width: 49%;
        float: left;
    }

    .regisStep:last-child{
        float: right;
    }

    #regisBtnregisCheck{
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        margin-top: 40px;
        float: left;
        height: 100px;
    }

    .regisBtn{
        position: absolute;
        width: 70px;
        height: 70px;
        background: #ffb500;
        padding: 10px;
        top: 0;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        right: 70px;
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        display: none;
    }

    .regisBtn:nth-child(1){
        transform: rotate(-180deg) scale(1.5);
        -webkit-transform: rotate(-180deg) scale(1.5);
        left: 70px;
        opacity: 0.5;
    }

    .regisInputHalf{
        width: 48% !important;
        position: relative;
        float: left;
    }

    .ejoinData:before {
        content: '';
        display: block;
        clear: both;
    }

    .ejoinData{
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }

    .regisInputHalf span{
        font-size: 14px;
    }

    #promotionCodeCont{
        position: relative;
        float: left;
        width: 100%;
    }

    #promotionCodeText{
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        font-size: 14px;
    }

    #customer-trackingCode{
        box-sizing: border-box;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        float: left;
        background: #e8e8e8;
        border: none;
        border-radius: 100px;
        font: 17px 'Myriad Pro Regular', sans-serif;
        padding: 5px 13px;
        text-align: center;
        margin-top: 10px;
    }

    .checkTerms{
        height: 30px;
    }

    #joinConfirmation{
        position: relative;
        padding: 0 !important;
        margin: 5px 0 !important;
    }

    #joinConfirmation span{
        position: absolute;
        text-align: center;
        float: left;
        top: 50%;
        transform: translateY(-50%);
        left: 35px;
    }

    .recoveryInput{
        background: #e8e8e8 !important;
    }

    .posBtnRecu,
    .btnResetPass,
    #checkEmailButton,
    #panelBtnUpdate,
        #posBtnExclusion,
        #posBtnLimit,
    #regButton{
        position: relative;
        float: left;
        left: 50%;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
        padding: 5px 20px 4px 20px;
        color: #fff;
        border: none;
        border-radius: 100px;
        font: 30px 'Myriad Pro Condensed', sans-serif;
        background: #43A149;
        z-index: 2;
    }

    .paginate_disabled_next,
    .paginate_disabled_previous,
    .paginate_enabled_next,
    .paginate_enabled_previous{
    position: relative;
    float: left;
    padding: 3px 10px 9px 10px;
    font-size: 35px;
    color: #fff;
    margin-top: 10px;
    border: none;
    border-radius: 100px;
    background: #43A149;
    }

    #joinRegButtonPatch{
        position: relative;
        float: left;
        left: -15%;
        /* transform: translate(-50%); */
        padding: 10px 30px;
        background: #fff;
        width: 375px;
        height: 100px;
        top: -11px;
        opacity: 0.5;
    }

    .checkCont{
        height: 31px;
        position: relative;
    }

    .checkCont span{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        padding: 6px 12px;
        top: 0;
        background: #fff;
        border-radius: 100px;
        width: 100%;
        font: 14px 'Myriad Pro Regular', sans-serif;
    }

    .regisCheck{
        width: 48%;
        position: relative;
        float: left;
        margin: 0px 0;
    }


    .regisCheck:nth-child(2n){
        margin-left: 4% !important;
        height: 31px;
    }

    .regisCheck input{
        position: relative;
        right: 0;
        float: right;
        height: 65px;
        top: -2px;
    }

    #regisBtnControl{
        position: relative;
        width: 100%;
        float: left;
    }
    #Subscribe,
    #TermsConditions,
    #femaleGengler,
    #maleGengler{
        position: relative;
        z-index: -1;
        opacity: 0;
        height: 0;
    }

    .radioIndicator {
        border-radius: 50%;
        position: relative;
        top: 3px;
        /* left: 0; */
        height: 23px;
        right: 3px;
        width: 23px;
        float: right;
        background: #ffb500;
    }

    .checkBoxIndicator {
        position: absolute;
        top: 0;
        height: 30px;
        float: left;
        width: 30px;
        background: #ffb500;
    }

    /*.regisCheck:hover input ~ .radioIndicator,
    .regisCheck input:focus ~ .radioIndicator {
      background: #ccc;
    }*/
    .regisInput input:checked ~ .checkBoxIndicator,
    .regisCheck input:checked ~ .radioIndicator {
      background: #ffb500;
    }
    /*.regisCheck:hover input:not([disabled]):checked ~ .radioIndicator,
    .regisCheck input:checked:focus ~ .radioIndicator {
      background: #ffb500;
    }*/
    .regisInput input:disabled ~ .checkBoxIndicator,
    .regisCheck input:disabled ~ .radioIndicator {
      background: #ffb500;
      opacity: 0.6;
      pointer-events: none;
    }
    .checkBoxIndicator:after,
    .radioIndicator:after {
      content: '';
      position: absolute;
      display: none;
    }
    .regisInput input:checked ~ .checkBoxIndicator:after,
    .regisCheck input:checked ~ .radioIndicator:after {
      display: block;
    }
    .regisInput .checkBoxIndicator:after {
        left: 9px;
        top: 1px;
        width: 7px;
        height: 18px;
        border: solid #fff;
        border-width: 0 5px 5px 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    /*.regisInput input:disabled ~ .checkBoxIndicator:after {
      border-color: #7b7b7b;
    }*/
    .regisCheck .radioIndicator:after {
        height: 12px;
        width: 12px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #regisHelp{
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        position: fixed;
        bottom: -250px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        border-radius: 100%;
        height: 250px;
        float: left;
    }

    #regisHelpBack{
        -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.7);
        -moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.7);
        box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.7);
        -webkit-transition: transform 0.3s ease-out;
        -moz-transition: transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        -ms-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        position: relative;
        width: 100px;
        height: 100px;
        background: #ffb500;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        border-radius: 100%;
    }

    #regisHelpTring{
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        top: 7px;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 20px solid white;
    }

    #regisHelp span{
        top: 27px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        color: #fff;
        font: 24px 'Myriad Pro Condensed', sans-serif;
    }
    /*.regisCheck input:disabled ~ .radioIndicator:after {
      background: #7b7b7b;
    }*/

    /*input:disabled ~ .checkBoxIndicator:after {
      border-color: #7b7b7b;
    }*/

    #regisFinishCont{
        position: relative;
        width: 100%;
    }

    #regisFinishCont span{
        position: relative;
        text-align: center;
        float: left;
        width: 100%;
    }

    #regisFinishCont span:nth-child(1){
        font: 7vw 'Myriad Pro Bold Condensed', sans-serif;
        color: #aaa;
        line-height: 6vw;
        width: 80vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #regisFinishCont span:nth-child(2){
        font: 8vw 'Myriad Pro Bold Condensed Italic', sans-serif;
        color: #feb23a;
        line-height: 8vw;
    }

    #regisFinishCont img{
        position: relative;
        left: 50%;
        width: 15vw;
        float: left;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }

    .selectArrow{
        position: absolute;
        width: 0;
        z-index: 1;
        height: 0;
        pointer-events: none;
        border-style: solid;
        border-width: 10px 5px 0 5px;
        border-color: #333 transparent transparent transparent;
        top: 36px !important;
        right: 11px !important;
    }

    .selectArrowPanel{
        top: 11px !important;
    }

/*  @media only screen and (orientation: portrait){
        .regisInputFondoCont {
            position: relative;
            float: left;
            width: 100%;
        }

        .regisInputFondoCont:nth-child(2) {
            margin-top: 21px;
        }
    }*/

    /*@media only screen and (orientation: landscape) {*/
        .regisInputFondoCont {
            position: relative;
            float: left;
            width: 49.5%;
        }
        .regisInputFondoCont:nth-child(1) .ejoinData:nth-child(4){
            position: relative;
            float: left;
            width: 49%;
        }

        .regisInputFondoCont:nth-child(1) .ejoinData:nth-child(5){
            position: relative;
            float: right;
            width: 49%;
        }

        .regisInputFondoCont:nth-child(2) {
            width: 49.5%;
            float: right;
        }
    /*}*/

    #exclude,
    #Subscribe,
    #TermsConditions,
    #femaleGengler,
    #maleGengler{
        position: relative;
        z-index: -1;
        opacity: 0;
        height: 0;
    }

    #insert_new_password{
        font-size: 4vw;
    }
}

#exclude,
#femaleGengler,
#maleGengler{
    display: none !important;
}

.btip_cont_ok{
    text-transform: uppercase;
    color: #43A149 !important;
}

@media only screen and (max-width: 750px){
    #dob{
        height: 33px;
    }

    .imgSeccQuienesTitu{
        width: 90vw;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        float: left;
        margin-top: 15px;
    }

    #regisContGen{
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
    }

    .regisTituPrin{
        background: #333;
        color: #fff;
        padding: 7px;
        margin-bottom: 0;
        text-transform: uppercase;
        float: left;
        margin: 0;
        box-sizing: border-box;
        width: 100%;
        font-size: 18px;
    }

    .regisTituPrin span{
        color: #ffb500;
    }

    .dataTables_filter input,
    .regisInput input{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border: none;
        border-radius: 100px;
        margin: 0;
        padding: 6px 10px;
        background: #fff;
        font: 14px 'Roboto', sans-serif;
        color: #333;
        text-align: left;
    }

    .recoveryInput{
        background: #e8e8e8 !important;
    }

    .regisInput select{
        width: 100%;
    }

    .regisLabel{
        font-family: 'Roboto', sans-serif;
        margin: 5px 0;
        padding-left: 5px;
        position: relative;
        text-align: initial !important;
        font-size: 14px;
    }


    .regisLabel font{
        font-size: 4vw;
        color: #ffb500;
    }


    .panelDetails .regisCheck{
        margin: 10px 0;
    }

    .regisInputFondoCont{
        position: relative;
        float: left;
    }


    .regisInputFondoCont:nth-child(2){
        margin-top: 21px;
    }

    .regisInputFondo {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        float: left;
        padding: 10px 10px 20px 10px;
        background: #e8e8e8;
    }

    #mesajePerfil{
        text-align: center;
    }

    .panelNoticePerfil{
        position: relative;
        width: 100%;
        text-align: center !important;
        float: left;
    }

    #maleGengler,
    #femaleGengler{
        width: 80px;
        color: #ffb500;
    }

    #joinConfirmation span{
        font: 14px 'Roboto', sans-serif;
    }

/*    .regisSelect{
        position: relative;
        width: 100%;
        background: #fff;
        height: 33px;
        border-radius: 100px;
    }*/

    /*.regisSelect select{*/
    select{
        position: relative;
        width: 100%;
        background: #fff;
        height: 29px;
        border-radius: 100px;
        -webkit-appearance: none;
        -moz-appearance: none;
        outline: none;
        font-size: 14px !important;
        border: none;
        padding: 0 10px;
        color: #383838;
    }

    select.cardStored{
        width: 95%;
    }

    .regisSelect select:focus {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    #regisStepCont{
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
        position: relative;
        left: 0;
        top: 0;
        font-size: 4vw;
        /*width: 200vw;*/
        width: 100vw;
        padding: 0 10px;
        float: left;
    }

    .regisStep{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        left: 0;
        top: 0;
        /*width: 50%;*/
        width: 100%;
        float: left;
        padding-right: 20px;
        margin-bottom: 20px;
    }

    @media only screen and (orientation:landscape){
        /*.regisStep{
            width: 50%;
        }*/
        .regisLabel {
            margin: 5px 0;
        }
    }

    .regisStep:last-child{
        float: right;
        margin-bottom: 0px;
    }

    #regisBtnregisCheck{
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        margin-top: 40px;
        float: left;
        height: 100px;
    }

    .regisBtn{
        position: relative;
        width: 15px;
        height: 15px;
        background: #ffb500;
        padding: 10px;
        float: right;
        margin-top: 0;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        right: 15px;
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }

    .regisBtn:nth-child(1){
        transform: rotate(-180deg) scale(1.5);
        -webkit-transform: rotate(-180deg) scale(1.5);
        left: 15px;
        float: left;
        opacity: 0.5;
    }

    .slideTriaN{
        position: relative;
        left: 3px;
        width: 0;
        bottom: 5px;
        height: 0;
        border-top: 12px solid transparent;
        border-left: 13px solid #ffd290;
        border-bottom: 12px solid transparent;
    }

    .regisInputHalf{
        width: 48% !important;
        position: relative;
        float: left;
    }

    .ejoinData:before {
        content: '';
        display: block;
        clear: both;
    }

    .ejoinData{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    }

    #promotionCodeCont{
        position: relative;
        float: left;
        width: 100%;
    }

    #promotionCodeText{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        font-size: 4vw;
    }

    #customer-trackingCode{
        box-sizing: border-box;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        float: left;
        background: #e8e8e8;
        border: none;
        border-radius: 100px;
        /*font: 4vw 'Myriad Pro Regular', sans-serif;*/
        font: 14px 'Roboto', sans-serif;
        padding: 5px 13px;
        text-align: center;
        margin-top: 10px;
    }

    .checkTerms{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        float: left;
    }

    #joinConfirmation{
        position: relative;
        float: left;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 0 !important;
        margin: 0 !important;
    }

    #joinConfirmation span{
        position: relative;
        text-align: left;
        padding: 8px 0px;
        float: left;
    }

    .posBtnRecu,
        .btnResetPass,
    #checkEmailButton,
    #panelBtnUpdate,
        #posBtnExclusion,
        #posBtnLimit,
    #regButton{
        position: relative;
        float: left;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        padding: 5px 20px 4px 20px;
        color: #fff;
        border: none;
        border-radius: 100px;
        font: 30px 'Myriad Pro Condensed', sans-serif;
        background: #43A149;
    }

    .paginate_disabled_next,
    .paginate_disabled_previous,
    .paginate_enabled_previous,
    .paginate_enabled_next{
        position: relative;
        float: left;
        padding: 3px 10px 9px 10px;
        font-size: 35px;
        color: #fff;
        margin-top: 10px;
        border: none;
        border-radius: 100px;
        background: #43A149;
    }

    #joinRegButtonPatch{
        position: relative;
        float: left;
        left: -15%;
        /* transform: translate(-50%); */
        padding: 10px 30px;
        background: #fff;
        width: 375px;
        height: 100px;
        top: -11px;
        opacity: 0.5;
    }

    .checkCont{
        height: 32px;
        position: relative;
    }

    .checkCont span{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        padding: 6px 10px;
        background: #fff;
        border-radius: 100px;
        width: 100%;
        font: 14px 'Roboto', sans-serif;
    }

    .regisCheck{
        width: 48%;
        position: relative;
        float: left;
    }


    .regisCheck:nth-child(2n){
        margin-left: 4% !important;
    }

    .regisCheck input{
        position: relative;
        right: 0;
        float: right;
        height: 65px;
        top: -2px;
    }

    #regisBtnControlCont{
        position: relative;
        width: 100%;
        float: left;
        margin-top: 28px;
        display: none;
    }

    #regisBtnControl{
        position: absolute;
        margin-top: 10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .regisBtnControlBalls{
        position: relative;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background: #ffb500;
        float: left;
        margin: 0 5px;
        opacity: 0.5;
    }

    .regisBtnControlBalls:first-child{
        opacity: 1;
    }

    #exclude,
    #Subscribe,
    #TermsConditions,
    #femaleGengler,
    #maleGengler{
        position: relative;
        z-index: -1;
        opacity: 0;
        display: none;
        height: 0;
    }

    .radioIndicator {
        border-radius: 50%;
        position: relative;
        top: 3px;
        /* left: 0; */
        height: 23px;
        right: 4px;
        width: 23px;
        float: right;
        background: #e8e8e8;
    }

    .checkBoxIndicator {
        position: relative;
        top: 11px;
        height: 25px;
        float: left;
        width: 25px;
        background: #ffb500;
    }

    .regisInput input:checked ~ .checkBoxIndicator,
    .regisCheck input:checked ~ .radioIndicator {
      background: #ffb500;
    }

    .regisInput input:disabled ~ .checkBoxIndicator,
    .regisCheck input:disabled ~ .radioIndicator {
      background: #ffb500;
      opacity: 0.6;
      pointer-events: none;
    }

    .checkBoxIndicator:after,
    .radioIndicator:after {
      content: '';
      position: absolute;
      display: none;
    }

    .regisInput input:checked ~ .checkBoxIndicator:after,
    .regisCheck input:checked ~ .radioIndicator:after {
      display: block;
    }

    .regisInput .checkBoxIndicator:after {
        left: 8px;
        top: 2px;
        width: 6px;
        height: 12px;
        border: solid #fff;
        border-width: 0 4px 4px 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .regisCheck .radioIndicator:after {
        height: 12px;
        width: 12px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    #regisHelp{
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        position: fixed;
        bottom: -208px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        border-radius: 100%;
        height: 250px;
        float: left;
    }

    #regisHelpBack{
        -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.7);
        -moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.7);
        box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.7);
        -webkit-transition: transform 0.3s ease-out;
        -moz-transition: transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        -ms-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        position: relative;
        width: 80px;
        height: 80px;
        background: #ffb500;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        border-radius: 100%;
    }

    #regisHelpTring{
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        top: 5px;
        width: 0;
        height: 0;
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        border-bottom: 13px solid white;
    }

    #regisHelp span{
        top: 20px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        color: #fff;
        font: 17px 'Myriad Pro Condensed', sans-serif;
    }

    #regisFinishCont{
        position: relative;
        width: 100%;
    }

    #regisFinishCont span{
        position: relative;
        text-align: center;
        float: left;
        width: 100%;
    }

    #regisFinishCont span:nth-child(1){
        font: 9vw 'Myriad Pro Bold Condensed', sans-serif;
        color: #aaa;
        line-height: 8vw;
        width: 80vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #regisFinishCont span:nth-child(2){
        font: 10vw 'Myriad Pro Bold Condensed Italic', sans-serif;
        color: #feb23a;
        line-height: 10vw;
    }

    #regisFinishCont img{
        position: relative;
        left: 50%;
        top: 50%;
        width: 100px;
        float: left;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }

    .selectArrow{
        position: absolute;
        width: 0;
        z-index: 1;
        height: 0;
        pointer-events: none;
        border-style: solid;
        border-width: 10px 5px 0 5px;
        border-color: #333 transparent transparent transparent;
        top: 39px;
        right: 10px;
    }

    .selectArrowPanel{
        top: 11px !important;
        right: 11px !important;
    }

    #insert_new_password{
        font-size: 5vw;
    }
}

.btip_cont::after {
    content: '';
    position: absolute;
    right: 22px;
    top: 25px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 15px solid #333;
}

.btnResetPassCont{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    width: 100%;
    height: 45px;
}

#customer-trackingCode_btip{
    text-align: center !important;
}

#recoveryPassword input{
    text-align: center;
}

#checkEmailForm{
    position: relative;
    float: left;
    width: 100%;
}

.regisInput{
    position: relative;
    /*float: left;*/
    width: 100%;
}

#insert_new_password{
    position: relative;
    width: 100%;
    float: left;
    left: 50%;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Myriad Pro Condensed', sans-serif;
    transform: translateX(-50%);
}

#insert_new_password p{
    margin: 0;
}

.paginate_disabled_next:nth-child(1n),
.paginate_disabled_previous:nth-child(1n),
.paginate_enabled_previous:nth-child(1n),
.paginate_enabled_next:nth-child(1n){
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.paginate_disabled_next:nth-child(2n),
.paginate_disabled_previous:nth-child(2n),
.paginate_enabled_previous:nth-child(2n),
.paginate_enabled_next:nth-child(2n){
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.msgErrorAll{
    font-size: 11px;
    width: 100%;
    text-align: center;
    float: left;
    margin: 5px 0;
    color: red;
}

/*///////////////////////////
/////COOKIES POLICES/////////
///////////////////////////*/

#cookieCont{
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    position: fixed;
    transform: translateY(100%);
    width: 100vw;
    float: left;
    z-index: 30;
    bottom: 0;
}


@media only screen and (max-width: 750px){
    #cookieTxt{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        font: 12px 'Myriad Pro Regular', sans-serif;
        color: #fff;
        width: 100vw;
        left: 0;
        padding: 10px;
        text-align: center;
        margin: 0;
        background: #333;
    }
    #cookiesTable img{
        height: 100px;
        position: absolute;
        left: 50%;
        top: 23px;
        transform: translate(-50%);
    }

    #cookieBtn{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-family: 'Myriad Pro Condensed', sans-serif;
        bottom: 0;
        width: 100vw;
        position: relative;
        font-size: 25px;
        background: #ffb500;
        padding: 0 5px;
        text-align: center;
        color: #fff;
    }

    #shadowCookie{
        background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );*/
        width: 100vw;
        position: relative;
        z-index: 2;
        opacity: 0.7;
        height: 9px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    #cookiesTable{
        position: relative;
        width: 100%;
    }

    #cookiesTable tr{
        position: relative;
        width: 100%;
    }

    #cookiesTable th{
        border: 3px solid #fff;
        background: #c9c9c9;
        position: relative;
        width: 30%;
    }

    #cookiesTable td{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        border: 3px solid #fff;
        background: #eaeaea;
        position: relative;
        width: 70%;
    }

    #cookiesTable p{
        width: 64%;
        font-size: 3vw;
    }

    @media only screen and (orientation:landscape){
        #cookiesTable p{
            font-size: 2.3vw;
        }
    }

    @media only screen and (orientation:portrait){
        #cookiesTable p{
            font-size: 3vw;
        }
    }
}

@media only screen and (min-width: 751px){
    #cookieTxt{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        font: 12px 'Myriad Pro Regular', sans-serif;
        color: #fff;
        width: 100vw;
        left: 0;
        padding: 10px;
        text-align: center;
        background: #333;
        margin: 0;
    }
    #cookiesTable img{
        height: 68px;
        position: absolute;
        left: 50%;
        top: 23px;
        transform: translate(-50%);
    }

    #cookieBtn{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-family: 'Myriad Pro Condensed', sans-serif;
        bottom: 0;
        width: 100vw;
        position: relative;
        font-size: 25px;
        background: #ffb500;
        padding: 0 5px;
        text-align: center;
        color: #fff;
    }

    #shadowCookie{
        background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );*/
        width: 100vw;
        position: relative;
        z-index: 2;
        opacity: 0.7;
        height: 9px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    #cookiesTable{
        position: relative;
        width: 100%;
    }

    #cookiesTable tr{
        position: relative;
        width: 100%;
    }

    #cookiesTable th{
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        background: #c9c9c9;
        position: relative;
        width: 20%;
    }

    #cookiesTable td{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        border: 3px solid #fff;
        background: #eaeaea;
        position: relative;
        width: 80%;
    }

    #cookiesTable p{
        width: 84%;
    }
}

#cookiesTable span{
    position: relative;
    top: 4px;
    width: 100%;
    left: 50%;
    /*text-transform: uppercase;*/
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font: 20px 'Myriad Pro Condensed', sans-serif;
}


.cookiesTableCookieCont{
    float: left;
    width: 100%;
}

.cookiesTableCookieCont span{
    font: 28px 'Myriad pro condensed', sans-serif;
    margin-bottom: 4px;
    position: relative;
    float: left;
}

#cookiesTable{
    position: relative;
    float: left;
}

.cookiesTableCookie{
    float: left;
    width: 100%;
    background: #ececec;
    position: relative;
    margin-bottom: 10px;
    height: 100px;
}

.cookiesTableCookie:nth-child(2n){
    float: right;
}

#cookiesTable .cookiesTableIco {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: left;
    color: #fff;
    background: #c2c2c2;
    height: 80px;
    width: 80px;
    padding: 21px;
    top: 50%;
    margin-left: 11px;
    border-radius: 100%;
    position: relative;
    transform: translateY(-50%);
}

#cookiesTable p{
    padding: 9px 10px;
    margin-left: 1%;
    float: left;
    position: relative;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
}

.admin_cookies_list {
    margin-top: 2px;
}
.admin_cookies_list li a{
    text-decoration: none !important;
}
.cookies_policy {
    border-collapse: collapse;
}
.cookies_policy td, .cookies_policy th {
    border: 1px solid #c0c0c0;
    padding: 5px 10px;
}

/*///////////////////////////
/////RECOVERY PASS//////////
///////////////////////////*/
#recoveryPassword{
    display: block !important;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    position: relative;
    float: left;
    width: 100%;
}

#recoveryPasswordErrorQuestionDate,
#recoveryPasswordError,
#recoveryPasswordError{
    width: 100%;
    text-align: center;
    position: relative;
    color: #ffb500;
    height: 54px;
    font: 34px 'Myriad Pro Condensed', sans-serif;
    text-transform: uppercase;
}

#recoveryPasswordDob{
    width: 100%;
}


#recoveryPasswordDobContent{
    position: relative;
    width: 100%;
}

.recoveryPasswordSelect{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    height: 80px;
    border: none;
    font-size: 30px;
    border-radius: 100px;
    color: #333;
    width: 100%
}

.recoveryPasswordSelectCont{
    position: relative;
    float: left;
    margin-right: 3%;
    width: 30%;
}
.recoveryPasswordSelectCont:nth-child(3){
    margin-right: 0%;
    width: 34%;
}

#change_passwordForm{
    height: auto;
}

#recoveryPasswordDate{
    text-transform: uppercase;
    float: left;
    text-align: center;
    position: relative;
    width: auto;
    width: 100%;
    height: 32px;
}
/*
.highlight_error{
    background-image: url('../img/registro/inputChekError.png') !important;
    background-position: right !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.highlight_correct{
    background-image: url('../img/registro/inputChekCorrect.png') !important;
    background-position: right !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
*/
.loaderCP{
    /*background-color: #ffc8cc !important;*/
    background-image: url('../img/registro/loaderCP.gif') !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
}

@media only screen and (min-width: 751px){
    #recoveryPassword .regisInput{
        left: 50%;
        transform: translateX(-50%);
        width: 50%;
    }
}

/*///////////////////////////
/////////SLOTS///////////////
///////////////////////////*/
.slotNewLabel {
    position: absolute;
    width: 100%;
    background: red;
    color: white;
    text-align: center;
    top: -4px;
    left: -40%;
    transform: scale(0.7) rotate(-45deg);
    font: 16px 'Myriad pro bold condensed', sans-serif;
}



.gamesFilterBtn{
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font: 47px 'Myriad Pro Bold Condensed', sans-serif;
    background: #e8e8e8;
    border-radius: 100px;
    width: 47%;
    padding: 10px 37px;
    margin: 0 0 20px 20px;
    text-transform: uppercase;
}
.gamesFilterBtnSelect{
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font: 47px 'Myriad Pro Bold Condensed', sans-serif;
    background: #aaaaaa;
    color: #fff;
    border-radius: 100px;
    width: 47%;
    padding: 10px 37px;
    margin: 0 0 20px 20px;
    text-transform: uppercase;
}

.gamesFilterBtn:nth-child(2n){
    float: right;
    text-align: right;
    margin: 0 20px 20px 0;
}

#gamesFilterCont{
    -webkit-transition: height 0.5s ease-out;
    -moz-transition: height 0.5s ease-out;
    -o-transition: height 0.5s ease-out;
    -ms-transition: height 0.5s ease-out;
    transition: height 0.5s ease-out;
    position: relative;
    /*height: 390px;*/
    height: 0;
    width: 100%;
    padding-top: 90px;
    z-index: 1;
    overflow: hidden;
}

#gamesFilterBtnCont{
    font: 65px 'Myriad Pro Bold Condensed', sans-serif;
    color: #ffb500;
    z-index: 2;
    top: 103px;
}

#filterSpan{
    text-transform: uppercase;
    color: #aaaaaa;
}

/*#launcherContIframe,
#launcherCont{
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    background: #c2c2c2;
}*/

#launcherCont {
    position: absolute;
    z-index: 100;
}

#launcherContIframe,
#launcherContIframe #game {
    width: 100%;
    height: 100%;
}

#closeGameBtn{
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px;
    display: block;
}

#alertOrientationContBlack{
/*    width: 100vw;
    height: 100vh;*/
    position: absolute;
    background: #333;
    z-index: 10000000000;
    display: none;
    overflow: hidden;
    left: 0;
}

#alertOrientationLogo{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

#alertOrientationLoadText{
    text-align: center;
    margin-top: 1vh;
    position: relative;
    color: #ffb500;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    width: 100%;
}

#alertOrientationGame{
    text-align: center;
    position: relative;
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    width: 100%;
}

#navigationSlots{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 750px){
    #alertOrientationGame{
        font: 7vh 'Myriad Pro Bold Condensed', sans-serif;
    }

    #alertOrientationLoadText{
        font: 4vh 'Myriad Pro Condensed', sans-serif;
    }

    #alertOrientationLogo{
        margin-top: 10vh;
        height: 9vh;
    }

    #navigationSlots{
        height: 35vh;
        /* margin-top: 30px; */
    }
}

@media only screen and (min-width: 751px){
    #alertOrientationGame{
        font: 4vh 'Myriad Pro Bold Condensed', sans-serif;
    }

    #alertOrientationLoadText{
        font: 2vh 'Myriad Pro Condensed', sans-serif;
  }

    #alertOrientationLogo{
        margin-top: 21vh;
        height: 6vh;
    }

    #navigationSlots{
        height: 25vh;
    }
}

#alertOrientationContText{
    position: relative;
    left: 50%;
    width: 300px;
    top: 0;
    /* height: 90vh; */
    transform: translateX(-50%);
}

#alertOrientationCont{
    width: 200px;
    height: 200px;
    top: 40%;
}

#alertOrientationCont img{
    position: absolute;
}

#loaderLoadGame{
    position: relative;
    margin-top: 10px;
    left: 50%;
    transform: translateX(-50%);
    height: 10vh;
    width: 100%;
    float: left;
}

#loaderLoadGame #canvasLoader{
    position: relative;
    left: 50%;
    height: 5vh;
    transform: translateX(-50%);
    width: 5vh;
}

#loaderLoadGame #canvasLoader canvas{
    width: 5vh;
    height: 5vh;
}

#alertOrientationGoBack{
    display: block;
    position: absolute;
    bottom: 0;
    text-align: center;
    height: 5vh;
    width: 100%;
    font: 4vh 'Myriad Pro Bold COndensed', sans-serif;
    background: #fff;
}

#orientationArrows{
    -webkit-animation: rotateOrientation 2s infinite;
    -moz-animation:    rotateOrientation 2s infinite;
    -o-animation:      rotateOrientation 2s infinite;
    animation:         rotateOrientation 2s infinite;
}

@-webkit-keyframes rotateOrientation {
  0%   {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
@-moz-keyframes rotateOrientation {
  0%   {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
@-o-keyframes rotateOrientation {
  0%   {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes rotateOrientation {
  0%   {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}


/*///////////////////////////
///////MËTODOS DE PAGO///////
///////////////////////////*/
.purchaseMethodCont img{
    position: relative;
    float: left;
    height: 47px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 750px){
    .purchaseMethodTitu{
        font: 32px 'Myriad Pro Bold Condensed', sans-serif;
        color: #c2c2c2;
        width: 100%;
        float: left;
        margin: 0 0 20px 0;
        text-transform: uppercase;
    }

    .purchaseMethodTituB h3{
        float: left;
        font: 25px 'Myriad Pro Bold Condensed', sans-serif;
        color: #333;
        margin: 0;
    }

    .purchaseMethodExplain{
        float: left;
        display: block;
    }

    .purchaseMethodHidde{
        position: relative;
        float: left;
        display: block;
        height: 0;
        overflow: hidden;
    }
}

@media only screen and (min-width: 751px){
    .purchaseMethodTitu{
        font: 47px 'Myriad Pro Bold Condensed', sans-serif;
        color: #c2c2c2;
        width: 100%;
        float: left;
        margin: 0;
        text-transform: uppercase;
    }

    .purchaseMethodTituB h3{
        float: left;
        font: 35px  'Myriad Pro Bold Condensed', sans-serif;
        color: #333;
        margin: 0 0 0 15px;
    }

    .purchaseMethodExplain{
        float: left;
        display: block;
    }

    .purchaseMethodHidde{
        position: relative;
        float: left;
        display: block;
        height: 0;
        overflow: hidden;
    }
}

.purchaseMethodSeparate{
    float: left;
    width: 100%;
    border-top: 1px solid #cecece;
    margin: 25px 0;
}

.purchaseShow{
    height: auto !important;
}

@media only screen and (orientation:landscape){
    .purchaseMethodCont{
        width: 48%;
        float: left;
    }

    .purchaseMethodCont:last-child{
        float: right;
    }
}


/*///////////////////////////
///////CAJERO////////////////
///////////////////////////*/


.popUpsCont{
    position: fixed;
    z-index: 30;
    display: none;
}

.popUpsBack{
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: 0;
}

.popUpsDialogTitu{
    position: relative;
    background: #ffb500;
    color: #fff;
}

#limitsContDialogTitu{
    text-align: center;
}

.popUpsDialog{
    -ms-transform-origin: 50%;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
    background: #fff;
    opacity: 0;
}

@media only screen and (max-width: 750px){
    .popUpsDialog{
        padding: 7px;
    }

    .popUpsDialogText{
        text-align: center;
        position: relative;
        font-size: 14px;
        margin-top: 10px;
    }
    .popUpsDialogTitu{
        position: relative;
        background: #ffb500;
        width: 100%;
    }

    #webEcashContDialogTitu{
        color: #fff;
        font: 21px 'Myriad Pro Condensed', sans-serif;
        margin: 0 0 0 5px;
    }

    .popUpsBtnClose{
        position: absolute;
        color: #fff;
        right: 14px;
        float: right;
        top: 0;
        height: 100%;
        right: 5px;
    }

    .popUpsBtnIzq,
    .popUpsBtnDch{
        box-sizing: border-box;
        position: relative;
        width: 49%;
        background: #c2c2c2;
        padding: 4px;
        color: #fff;
    }

    .popUpsBtnIzq p,
    .popUpsBtnIzq{
        float: left !important;
    }

    .popUpsBtnDch p,
    .popUpsBtnDch{
        float: right;
    }

    .popUpsBtnIzq p,
    .popUpsBtnDch p{
        font: 22px 'Myriad Pro Condensed', sans-serif;
        color: #fff;
        position: relative;
        padding: 0 6px;
        margin: 0;
    }

    #TyCOrPCBtn p{
        padding: 0 12px;
        top: -4px;
    }

    .popUpsBtnIzq .incioBtnIcoPop{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        background: #fff;
        color: #c2c2c2;
        width: 25px !important;
        height: 25px;
        padding: 3px;
        border-radius: 100%;
        font-size: 20px;
    }

    .popUpsBtnDch .incioBtnIcoPop{
        position: relative;
        color: #ffffff;
        font-size: 26px;
        float: right;
    }

    @media only screen and (orientation:portrait){
        .popUpsDialog{
            width: 69vw;
        }
    }

    @media only screen and (orientation:landscape){
        .popUpsDialog{
            width: 40vw;
        }
    }
}
@media only screen and (orientation:landscape){
        .methodCashImgSecc{
            display:none;
        }

        #intersite_explain  .methodCashCont:first-child  br{
            display: none;
        }

        #intersite_explain  .methodCashCont:first-child  .intersite_partText{
            margin-top: 0 !important;
        }
    }
@media only screen and (min-width: 751px){
    .popUpsDialog{
        padding: 7px;
    }

    .popUpsDialogText{
        text-align: center;
        position: relative;
        font-size: 14px;
        margin-top: 10px;
    }
    .popUpsDialogTitu{
        position: relative;
        background: #ffb500;
        width: 100%;
    }

    #webEcashContDialogTitu{
        color: #fff;
        font: 21px 'Myriad Pro Condensed', sans-serif;
        margin: 0 0 0 5px;
    }

    .popUpsBtnClose{
        position: absolute;
        color: #fff;
        right: 14px;
        float: right;
        top: 0;
        height: 100%;
        right: 5px;
    }

    .popUpsBtnIzq,
    .popUpsBtnDch{
        box-sizing: border-box;
        position: relative;
        width: 49%;
        background: #c2c2c2;
        padding: 4px;
        color: #fff;
    }

    .popUpsBtnIzq p,
    .popUpsBtnIzq{
        float: left !important;
    }

    .popUpsBtnDch p,
    .popUpsBtnDch{
        float: right;
    }

    .popUpsBtnIzq p,
    .popUpsBtnDch p{
        font: 22px 'Myriad Pro Condensed', sans-serif;
        color: #fff;
        position: relative;
        padding: 0 6px;
        margin: 0;
    }

    #TyCOrPCBtn p{
        padding: 0 12px;
        top: -4px;
    }

    .popUpsBtnIzq .incioBtnIcoPop{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        background: #fff;
        color: #c2c2c2;
        width: 25px !important;
        height: 25px;
        padding: 3px;
        border-radius: 100%;
        font-size: 20px;
    }

    .popUpsBtnDch .incioBtnIcoPop{
        position: relative;
        color: #ffffff;
        font-size: 26px;
        float: right;
    }

    @media only screen and (orientation:portrait){
        .popUpsDialog{
            width: 36vw;
        }
    }

    @media only screen and (orientation:landscape){
        .popUpsDialog{
            width: 40vw;
        }
    }
}

#limitsCajeroBtn{
    width: 100%;
}

.popover-content{
    text-align: center;
    color:#f00;
}

/*///////////////////////////
///////PANEL USER////////////
///////////////////////////*/

@media(max-width: 750px){
    #panelCont{
        position: relative;
        float: left;
        width: 100%;
        min-height: 88px;
        z-index: 2;
    }

    #panelLoaderCont{
        position: absolute;
        height: 88px;
        top: 235px;
        width: 100%;
        left: 0;
        float: left;
        z-index: 1;
    }

    #panelCont h3{
        text-align: center;
    }

    .panelContTitu{
        position: relative;
        font: 33px 'Myriad Pro Regular', sans-serif;
        padding-left: 10px;
        color: #333;
        background: #333;
        color: #fff;
    }

    .panelContTituInput{
        position: relative;
        font: 50px 'Myriad Pro Condensed', sans-serif;
        color: #333;
    }

    .panelBtnMenu{
        position: relative;
        float: left;
        margin-bottom: 10px;
        width: 100%;
    }

    .panelBtn{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 49%;
        position: relative;
        float: left;
        background: #e5e5e5;
        color: #fff;
        height: 30px;
        margin-bottom: 10px;
        padding: 5px;
        text-transform: uppercase;
    }

    .panelBtn span{
        font: 17px 'Myriad Pro Condensed', sans-serif;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        padding-left: 3px;
    }

    .panelBtn .panelBtnIco{
        position: relative;
        height: 100%;
        font-size: 20px;
    }

    .panelBtn:nth-child(2n){
        margin-left: 2%;
    }

    .panelDetails{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 17px;
        float: left;
        width: 100%;
        position: relative;
        background: #e8e8e8;
    }

    #panelNotice{
        font: 70px 'Myriad Pro Regular', sans-serif;
        color: #333;
    }

    #panelLevelTextNotice{
        text-align: center;
        margin-top: 0 !important;
        font-size: 13px;
        padding: 0 10px;
    }

    .panelLevelsLevel{
        position: relative;
        float: left;
        width: 49%;
        background: #e8e8e8;
    }

    .panelLevelsLevel:nth-child(2n){
        float: right;
    }

    .panelLevelsLevel img{
        position: relative;
        float: left;
        left: 50%;
        transform: translateX(-50%);
        width: 37%;
    }

    .panleLevelsLevelInfo{
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-align: center;
        font-size: 13px;
        position: relative;
        float: left;
        padding: 0 10px 7px 10px;
    }

    @media only screen and (orientation: portrait) {
        #panelContDataMyLevel{
            padding-bottom: 10px;
            margin-bottom: 20px;
            top: 0;
            float: left;
            width: 100%;
            position: relative;
        }

        #panelContDataLevels{
            width: 100%;
            position: relative;
            float: left;
            background: #e8e8e8;
        }
    }

    @media only screen and (orientation: landscape) {
        #panelContDataMyLevel{
            padding-bottom: 10px;
            margin-bottom: 20px;
            top: 0;
            float: left;
            width: 35%;
            position: relative;
        }

        #panelContDataLevels{
            width: 63%;
            position: relative;
            float: left;
            margin-left: 2%;
            background: #e8e8e8;
        }
    }

    .panelContData{
        margin-bottom: 20px;
        top: 0;
        float: left;
        width: 100%;
        position: relative;
        background: #fff;
    }

    .panelContData h4{
        position: relative;
        text-align: center;
        margin: 10px 0;
        box-sizing: border-box;
    }

    #regwebform{
        margin: 0;
    }

    .panelFreeBonusInfo{
        text-align: center;
        margin-top: 10px;
    }

    .user_pth_hist{
        width: 100%;
    }

    .user_pth_hist p{
        width: 100%;
        text-align: center;
        font-size: 14px;
        float: left;
        display: block;
        margin: 10px 0 0 0;
    }

    #plth_container {
        display: block;
        width: 100%;
        height: 30px;
        border-radius: 100px;
        background-color: #fff;
        overflow: hidden;
        position: relative;
    }

    #plth_container #plth_level {
        height: 100%;
        display: block;
        border-radius: 100px;
    }

    #plth_container #plth_level .plth_color {
        height: 100%;
        width: 100%;
        display: block;
        opacity: 0.5;
        border-radius: 100px;
    }

    #plth_container #plth_level .ptPercent_number {
        display: block;
        width: 100%;
        text-align: right;
        padding: 0 12px;
        margin-top: -30px;
        line-height: 30px;
        box-sizing: border-box;
    }

    #plth_container #plth_level .redPt {
        background-color: #A60400;
    }

    #plth_container #plth_level .yellowPt {
        background-color: #ffb500;
    }

    #plth_container #plth_level .greenPt {
        background-color: #88C289;
    }
}

@media(min-width: 751px){
    #panelCont{
        position: relative;
        float: left;
        width: 100%;
        min-height: 88px;
        z-index: 2;
    }

    #panelLoaderCont{
        position: absolute;
        height: 100px;
        top: 240px;
        width: 100%;
        left: 0;
        float: left;
        z-index: 1;
    }

    #panelCont h3{
        text-align: center;
        position: relative;
    }

    .panelContTitu{
        position: relative;
        font: 33px 'Myriad Pro Regular', sans-serif;
        padding-left: 10px;
        color: #333;
        background: #333;
        color: #fff;
    }

    .panelContTituInput{
        position: relative;
        font: 50px 'Myriad Pro Condensed', sans-serif;
        color: #333;
    }

    .panelBtnMenu{
        position: relative;
        float: left;
        margin-bottom: 10px;
        width: 100%;
    }

    .panelBtn{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 32.5%;
        position: relative;
        float: left;
        background: #e5e5e5;
        color: #fff;
        height: 42px;
        margin-bottom: 10px;
        margin-right: 1.25%;
        padding: 5px;
        text-transform: uppercase;
    }

    .panelBtn:nth-child(3n){
        margin-right: 0;
    }

    .panelBtn span{
        font: 25px 'Myriad Pro Condensed', sans-serif;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        padding-left: 7px;
    }

    .panelBtn .panelBtnIco{
        position: relative;
        height: 100%;
        font-size: 21px;
    }

    .panelBtn:nth-child(2n){
        /*margin-left: 1%;*/
    }

    .panelDetails{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 2vw;
        width: 100%;
        float: left;
        position: relative;
        padding-bottom: 10px;
        background: #e8e8e8;
    }

    #panelNotice{
        font: 70px 'Myriad Pro Regular', sans-serif;
        color: #333;
    }

    #panelLevelTextNotice{
        text-align: center;
        margin-top: 0 !important;
        font-size: 16px;
        padding: 0 10px;
    }

    .panleLevelsLevelInfo{
        text-align: center;
        font-size: 16px;
        float: left;
        padding: 0 10px;
    }

    .panelContData{
        /*padding-bottom: 10px;*/
        top: 0;
        margin-bottom: 17px;
        position: relative;
        width: 100%;
        float: left;
        position: relative;
        background: #fff;
    }

    .panelContData h4{
        position: relative;
        text-align: center;
        margin: 10px 0;
        box-sizing: border-box;
    }

    @media only screen and (orientation: portrait) {
        .panelLevelsLevel{
            position: relative;
            float: left;
            width: 50%;
            padding-bottom: 15px;
            background: #e8e8e8;
        }

        #panelContDataMyLevel{
            padding-bottom: 10px;
            margin-bottom: 20px;
            top: 0;
            float: left;
            width: 100%;
            position: relative;
        }

        #panelContDataLevels{
            width: 100%;
            position: relative;
            float: left;
            background: #e8e8e8;
        }

        .panelLevelsLevel img{
            position: relative;
            float: left;
            left: 50%;
            transform: translateX(-50%);
            width: 39%;
        }
    }

    @media only screen and (orientation: landscape) {
        .panelLevelsLevel{
            position: relative;
            float: left;
            width: 25%;
            background: #e8e8e8;
        }

        #panelContDataMyLevel{
            padding-bottom: 10px;
            margin-bottom: 20px;
            top: 0;
            float: left;
            width: 35%;
            position: relative;
        }

        #panelContDataLevels{
            padding-bottom: 10px;
            width: 64%;
            position: relative;
            float: left;
            margin-left: 1%;
            background: #e8e8e8;
        }

        .panelLevelsLevel img{
            position: relative;
            float: left;
            left: 50%;
            transform: translateX(-50%);
            width: 77%;
        }
    }

    #regwebform{
        margin: 0;
    }

    .panelFreeBonusInfo{
        text-align: center;
        margin-top: 10px;
    }

    .user_pth_hist{
        margin-top: 15px;
    }

    .user_pth_hist p{
        text-align: center;
    }

    #plth_container {
        display: block;
        width: 92%;
        height: 30px;
        border-radius: 100px;
        background-color: #F3F3F3;
        overflow: hidden;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        /*border: 2px solid rgb(68, 68, 68);*/
    }

    #plth_container #plth_level {
        height: 100%;
        display: block;
        border-radius: 100px;
    }

    #plth_container #plth_level .plth_color {
        height: 100%;
        width: 100%;
        display: block;
        opacity: 0.5;
        border-radius: 100px;
    }

    #plth_container #plth_level .ptPercent_number {
        display: block;
        width: 100%;
        text-align: right;
        padding: 0 12px;
        margin-top: -30px;
        line-height: 30px;
        box-sizing: border-box;
    }

    #plth_container #plth_level .redPt {
        background-color: #A60400;
    }

    #plth_container #plth_level .yellowPt {
        background-color: #ffb500;
    }

    #plth_container #plth_level .greenPt {
        background-color: #88C289;
    }
}

.user_pth_hist{
}

.userPanelMsg{
    position: relative;
    float: left;
    color: red;
    width: 100%;
    text-align: center;
    margin: 0 0 6px 0;
    font-size: 13px;
}

.userPanelMsg#registerError {
    font-weight: bold;
    padding: 10px 0;
}

#regError,
.panelContData .btip_cont{
    text-align: center;
    top: 3px !important;
    /*height: 26px;*/
}

.btip_cont {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 4px;
    padding: 4px 9px;
    float: right;
    background: #333;
    border-radius: 13px;
    text-align: left;
    width: 100%;
    color: #fff;
    height: auto !important;
    font-size: 12px;
}

.panelNoticePerfil{
    text-align: center;
    position: relative;
    float: left;
    margin-top: 8px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.panelContGrey {
    width: 100%;
    padding-bottom: 10px;
    float: left;
    position: relative;
    background: #e8e8e8;
}

.gameHistory{
    position: relative;
    float: left;
    width: 100%;
}

.gameHistory img{
    position: relative;
    width: 40%;
    float: left;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.gameHistory p{
    text-align: center;
}

#panelLoader{
    position: absolute;
    left: 50%;
    top: 0;
    float: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.panelLevelImg{
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 20px;
}


/*///////////////////////////
////////BETA MODE////////////
///////////////////////////*/

#betaMode{
    width: 100%;
    position: relative;
    background: #ffb500;
    text-align: center;
    float: left;
    height: 22px;
}


#betaMode span{
    font: 18px 'Myriad Pro Condensed', sans-serif;
    color: #fff;
}


/*///////////////////////////
////////VERSION PC////////////
///////////////////////////*/

#versionPc{
    position: relative;
    padding: 10px 0;
    width: 100%;
    float: left;
}

#versionPc .versionPcIco{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0.5;
    height: 50px;
    width: 50px;
    color: #fff;
    border-radius: 100%;
    background: #999999;
    padding: 15px 13px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 22px;
    position: relative;
}

#versionPc span{
    position: relative;
    width: 100%;
    text-align: center;
    top: 3px;
    font: 15px 'Myriad Pro Bold Condensed', sans-serif;
    color: #ccc;
    /* opacity: 0.5; */
    float: left;
}


/*///////////////////////////
///////AUTOEXCLUSIÓN/////////
///////////////////////////*/

#autoExclusionContCheck .regisCheck{
    position: relative;
    margin: 10px 0;
}

#autoexclusionCont{
    position: relative;
    width: 100vw;
    float: left;
}


#autoexclusionCont img,
#autoexclusionCont p{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

#autoexclusionCont p{
    font-size: 13px;
    text-align: center;
    margin-top: 0;
}

#autoexclusionImg {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
}

@media only screen and (max-width: 750px){
    #autoexclusionText{
        font-size: 4vw;
    }
}

@media only screen and (min-width: 751px){
    #autoexclusionText{
        font-size: 2vw;
    }
}

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

#joinRegButtonOver {
    position: absolute;
    border-radius: 100px;
    height: 45px;
    top: 0;
    opacity: 0.8;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 200;
    background: #fff;
    padding: 0 !important;
}

#joinRegButtonOver,
#joinAccountDetails,
#joinPersonalinfo,
#joinConfirmation,
#joinRegButton {
    display: block;
    float: left;
    clear: both;
    width: 100% !important;
    margin: 0;
    margin-bottom: 20px;
    padding: 10px;
}

#joinRegButtonCont {
    position: relative;
    float: left;
    width: 100%;
}


/*////////////////////////////////////////*/
/*///////////// SLIDER ALIRA /////////////*/
/*////////////////////////////////////////*/
@media only screen and (orientation: landscape) {
    .textLEFT-Ebingo-banners-styles{
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        height: 100%;
    }

    .textLEFT-Ebingo-banners-styles img:nth-child(2),
    .textLEFT-Ebingo-banners-styles img:nth-child(4),
    .textLEFT-Ebingo-banners-styles img:first-child,
    .textLEFT-Ebingo-banners-styles img:last-child{
        -webkit-filter: brightness(20%);
        filter: brightness(20%);
        /*transform: scale(0.9);*/
    }


    /*.textLEFT-Ebingo-banners-styles img,*/
    .textLEFT-Ebingo-banners-styles{
        /*height: 100%;*/
    }

    .textLEFT-Ebingo-banners-styles img{
        width: auto;
        width: 60vw;
    }
}

@media only screen and (orientation: portrait) {
    .textLEFT-Ebingo-banners-styles img{
        width: 100vw;
    }
}

#bannerHome{
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    position: relative;
    width: 100vw;
    float: left;
    margin-bottom: 20px;
    overflow: initial !important;
    /*height: 116px !important;*/
}

.textLEFT-Ebingo-banners-styles{
    position: relative;
    width: 100vw;
    /*height: 100%;*/
    height: auto;
    float: left;
}

.textLEFT-Ebingo-banners-styles img{
    position: relative;
    float: left;
    filter: brightness(100%);
}

.green {
    color: #43A149 !important;
}
.red {
    color: #FF0000 !important;
}

.orange {
    color: #ffb500 !important;
}


/*//////////////ERROR 500///////////////*/
body{
    background: #303030;
    margin: 0;
    border: 0;
    width: 100%;
}

.gardient{
    position: absolute;
    top: 140px;
    width: 100%;
    height: 255px;
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(top, #333333 50%, #585858 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #333333 50%,#585858 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #333333 50%,#585858 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#585858',GradientType=0 ); /* IE6-9 */
}

.error-box{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 100px;
    display: block;
    width: 700px;
}

.error-logo{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 430px;
    display: block;
}

.errorText{
    font: 50px 'Myriad Pro Bold Condensed', sans-serif;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 10px;
    color: #757575;
}

.return-btn{
    color: #fff !important;
    background: #ffb500;
    font: 72px 'Myriad pro condensed', sans-serif;
    padding: 4px 26px;
    border-radius: 100px;
    float: left;
    margin: 0 10px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    margin-top: 15px;
}

.imgEbingos{
    position: relative;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

@media only screen and (max-width: 750px) {
    .imgEbingos{
        background-image: url('/img/menuEbingosMovil.jpg');
        padding-top: 47.5%
    }
}

@media only screen and (min-width: 751px) {
    .imgEbingos{
        background-image: url('/img/menuEbingosTablet.jpg');
        padding-top: 14.5%
    }
}

/*//////////////////////////////////////////////
//////////////////BET//////////////////
//////////////////////////////////////////////*/

#betting_div{
    border: none;
    width: 100vw;
    background: #fff;
    height: 90vh;
    float: left;
}

#betting_div > iframe{
    position: relative !important;
}

#betting_fullscreen_btn {
    float: right;
    right: 15px;
    top: 8px;
    position: absolute;
    font-size: 9px;
}

#logoFullBet #betting_fullscreen_btn,
#logoFullBet #betting_fullscreen_btn i{
    color: #fff;
}

#logoFullBet #betting_fullscreen_btn{
    top: 4px;
}

#betting_fullscreen_btn i{
    top: 7px;
    position: relative;
    font-size: 21px;
}

#logoFullBet {
    width: 100vw;
    background: #333;
    display: none;
    position: relative;
    border-bottom: 2px solid #fff;
    z-index: 1;
}

#logoFullBet img{
    width: 110px;
    left: 15px;
    position: relative;
    padding-top: 4px;
}

/*//////////////////////////////////////////////
//////////////////HORARIOS//////////////////
//////////////////////////////////////////////*/

.horariosBtn{
    margin-bottom: 0;
}

.horariosBtn span{
    text-transform: uppercase;
    position: relative;
}

#horariosNuevosA,
#horariosNuevosB,
#horariosNuevosC {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 11px !important;
    overflow: hidden;
}

.third_part {
    float: left;
}

.third_part:nth-child(3) {
    margin-right: 0;
}

.third_part p {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: #333;
    text-transform: uppercase;
    padding: 6px 0;
    margin: 0 0 5px 0;
    color: #fff;
    font-size: 15px;
}

.third_part table {
    width: 100%;
}

#horariosNuevosA tr,
#horariosNuevosB tr,
#horariosNuevosC tr {
    background: #f3f3f3;
}

.horarioCabe th {
    padding: 5px;
    background: #b7b7b7;
}

.promo_table .odd_table_row,
.odd_row {
    background: #dddddd !important;
}

#horariosNuevosA td,
#horariosNuevosB td,
#horariosNuevosC td {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 5px;
}

.autoexclusionAlertCenter {
    margin-left: 0 !important;
    width: 1010px !important;
}

#bingo_content{
    margin-top: 0 !important;
}

.gameCont {
    overflow: hidden;
    position:fixed;
    padding:0;
    margin:0;
    top:0;
    left:0;
    width: 100vw;
    height: 100%;
    z-index: 5000;
    display: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

#game_ifr{
    min-width: 100%;
    min-height: 100%;
    width: 1px; height: 1px;
    position: absolute;
    overflow: hidden;
    bottom: 0;
}

.bingolobby{
    background: #e4e4e4;
}

#gameContBestTit {
    width: 246px;
}

#gameContBestTit {
    width: 246px;
    bottom: 13px;
    position: relative;
}

#gameContBestTit2 span {
    font: 55px 'Lavanderia Bold', sans-serif;
    line-height: 57px;
    height: 10px;
    overflow: hidden;
}

.modoNoDemo {
    position: absolute;
    float: right;
    width: 44px;
    height: 44px;
    border-radius: 100px;
    color: #fff;
    padding-left: 5px;
    right: 264px;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.schedulesIcon{
    position: relative;
    background: #333;
    color: #fff;
    top: -3px;
    padding: 6px 8px 7px 8px;
    font-size: 20px;
    border-radius: 100%;
    margin-right: 3px;
}

.contentHalf {
    position: relative;
    float: left;
    margin-bottom: 20px;
}

.horariosTimeTitu{
    width: 100%;
    text-align: center;
}

@media only screen and (max-width: 750px){
    .contentHalf {
        width: 100%;
    }

    .horariosBtn span{
        font: 25px 'Myriad Pro condensed', sans-serif;
        top: -8px;
    }

    @media only screen and (orientation: portrait){
        .third_part {
            width: 100%;
            margin-bottom: 20px;
        }
    }

    @media only screen and (orientation: landscape){
        .third_part {
            width: 32%;
            margin-right: 2%;
        }
    }
}

@media only screen and (min-width: 751px){
    .horariosBtn span{
        font: 34px 'Myriad Pro condensed', sans-serif;
        top: -4px;
    }

    .third_part {
        width: 32%;
        margin-right: 2%;
    }

    .contentHalf {
        width: 100%;
    }

    @media only screen and (orientation: landscape){
        .contentHalf {
            width: 49%;
        }

        .contentHalf:last-child {
            float: right;
        }
    }
}

/*//////////////////////////////////////////////
//////////////////JUEGOS CHAT//////////////////
//////////////////////////////////////////////*/


@media only screen and (orientation: landscape){
    .imgChatGames{
        width: 60%;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media only screen and (orientation: portrait){
    .imgChatGames{
        width: 100%;
    }
}

.imgChatGames{
    position: relative;
    float: left;
}

@charset "UTF-8";
/*//////////////////////////////////////////////
/////////////////ROOMS//////////////////////////
//////////////////////////////////////////////*/
.gifSalasCont {
    position: relative;
    width: 920px;
    height: 200px;
    left: 50%;
    margin-bottom: 15px;
    float: left;
    transform-origin: top center;
}

@media only screen and (max-width: 750px){
    @media only screen and (orientation: landscape){
        .gifSalasCont {
            transform: translateX(-50%)  scale(0.75);
        }
    }

    @media only screen and (orientation: portrait){
        .gifSalasCont {
            transform: translateX(-50%)  scale(0.4);
            margin-bottom: -27%;
        }
    }
}

@media only screen and (min-width: 751px){
    @media only screen and (orientation: landscape){
        .gifSalasCont {
            transform: translateX(-50%)  scale(1);
        }
    }

    @media only screen and (orientation: portrait){
        .gifSalasCont {
            transform: translateX(-50%)  scale(0.8);
        }
    }
}

.gifSalasCont .gifTextA {
    text-align: right;
    position: absolute;
    left: 50px;
}

.gifSalasCont .gifTextB {
    text-align: left;
    position: absolute;
    right: 39px;
}

.gifSalasCont .gifTextC {
    text-align: left;
    position: absolute;
    right: 39px;
}

.gifSalasCont .gifTextD {
    text-align: right;
    position: absolute;
    left: 50px;
}

.gifSalasCont .gifText {
    line-height: 90%;
    opacity: 0;
    top: 90px;
    color: #ffb600;
    font-size: 25px;
    font-family: 'Bebas', sans-serif;
}

.gifSalasCont .gifSalasLineC,
.gifSalasCont .gifText,
.gifSalasCont .gifSalasLineMskA,
.gifSalasCont .gifSalasLineMskC,
.gifSalasCont .gifSalaIcon {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.gifSalasCont .gifSalasLineMskA {
    opacity: 1;
    position: relative;
    overflow: hidden;
    width: 0px;
    top: 111px;
    left: 270px;
}

.gifSalasCont .gifSalasLineMskC {
    overflow: hidden;
    position: relative;
    width: 399px;
    top: 97px;
    height: 8px;
    left: 670px;
}

.gifSalasCont .gifSalasLineA {
    opacity: 0.3 !important;
    position: absolute;
    top: 117px;
    left: 270px;
}

.gifSalasCont .gifSalasLineC {
    opacity: 1;
    position: absolute;
    left: -399px;
    top: 1px;
}

.gifSalasCont .gifSalasA {
    position: absolute;
    top: 68px;
    left: 157px;
}

.gifSalasCont .gifSalasB {
    position: absolute;
    width: 112px;
    height: 163px;
    top: 37px;
    left: 402px;
}

.gifSalasCont .gifSalasC {
    position: absolute;
    top: 66px;
    right: 156px;
}

.gifSalasCont .gifSalaIcon {
    opacity: 0.5;
}

.gifSalasCont .gifSalasA {
    -ms-transform-origin: 100% 75%;
    -webkit-transform-origin: 100% 75%;
    -moz-transform-origin: 100% 75%;
    -o-transform-origin: 100% 75%;
    transform-origin: 100% 75%;
}

/*////////////////////////////////////
//////////////BINGO/////////////////
////////////////////////////////////*/

#bingoSlideCont {
    position: relative;
    left: 0;
    width: 1000px;
    float: left;
    height: 267px;
    background: #e4e4e4;
    cursor: pointer;
}

/*////////////////////////////////////
//////////////WELCOME/////////////////
////////////////////////////////////*/
#divRegistro,
#registerCont{
    width: 100%;
    position: relative;
    float: left;
}

.welcomeRegister{
    background-image: url(../img/welcome/welcomeRegister.png);
    margin-top: 20px;
    position: relative;
    left: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateX(-50%);
    width: 80%;
    height: 95px;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 73px;
}

.welcomeRegister span{
    font: 11.5vw 'Myriad pro bold condensed italic', sans-serif;
    top: 12px;
    position: relative;
    line-height: 0;
}

.welcomeTextWel{
    float: left;
    text-align: center;
    width: 100%;
    margin: 23px 0 0px 0;
}

.welcomeTextWel span{
    font-family:'Myriad pro bold', sans-serif;
}

.egames{
    float: left;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    margin: 10px 0;
}

.egamesCont{
  display: table;
}

.egamesCont a{
  color: #333 !important;
}
@media only screen and (min-width: 750px){
    .egamesCont a i{
        font-size: 60px;
    }
}

.welIco{
    font-size: 46px;
    padding: 0 4px;
    display: table-cell;
}

.welcomeCashCont{
    position: relative;
    float: left;
    width: 100%;
}

.welcomeCashText{
    float: left;
    text-align: center;
    width: 100%;
    line-height: 37px;
}

.welcomeCashMethodsCont{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: 55px;
    width: 80%;
    display: table;
}

.welcomeCashMethod span,
.welcomeCashMethod img,
.welcomeCashMethod{
    position: relative;
    float: left;
}

.welcomeCashMethod img {
  width: 100%;
}

.welcomeCashMethod{
    width: 64px;
    padding: 0 5px;
    display: table-cell;
}

.welcomeCashMethod:hover img{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.welcomeCashMethod:nth-child(5){
    margin-right: 0 !important;
}


.welcomeCashMethod span{
    width: 100%;
    text-align: center;
    margin-top: 5px;
}

.welcomeCashContCenter{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    float: left;
}


/*//////////////////////////////////////////////
//////////////////JUEGOS SEGURo//////////////////
//////////////////////////////////////////////*/

.enlaceSafeGame{
    float: left;
    width: 100%;
}

/*///////////*/
.icoMsgRegis{
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 100%;
    right: 1px;
    top: 2px;
    display: none;
    background-position: right !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 2;
}
/*from desktop*/
.overWhiteResetPass {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.8;
}

#overWhiteResetPass0 {
    display: none;
}

.btnUpdateUserProfile {
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    float: left;
    margin-bottom: 20px;
    width: 100%;
    height: 38px;
}


.centerTotal{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/*//////////////////////////////////////////////
//////////////////LOADER JUEGOS//////////////////
//////////////////////////////////////////////*/

#gameContLoaderCont{
    width: 100%;
    height: 100%;
    background: #333;
    position:absolute;
}

#gameContLoaderCont img{
    width: 100%;
    position: relative;
}

#gameContLoaderCont p{
    width: 100%;
    text-align: center;
    font: 20px 'Myriad pro condensed', sans-serif;
    color: #c2c2c2;
    margin: 8px 0;
}

#gameContCenter{
    width: 141px;
}

#gameContLoader{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    float: left;
}

/*//////////////////////////////////////////////
//////////////////POP UP////////////////////////
//////////////////////////////////////////////*/

#popupCont {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000000000000000;
    display: none;
    top: 0;
}

#popupBack {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    float: left;
}

#popupContData {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    border: 13px solid #fff;
    background: #e4e4e4;
    opacity: 0;
    text-align: center;
    /*width: 500px;*/
}

.popUp_title_ok,
.popUp_title {
    background: #FFB500;
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 20pt !important;
    font-weight: normal !important;
    font-family: 'Myriad pro condensed', sans-serif;
    padding: 3px 17px;
}

.popUp_title_ok{
    background: #6bbf6a;
}

.intersite_part {
    width: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    /*min-height: 130px;*/
    float: left;
}

.intersite_part * {
    font-size: 13px;
}

.intersite_part .contact_method {
    display: block;
    float: left;
    width: 115px;
    text-align: center;
}

.intersite_partText {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 16px;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    font: 13px 'Roboto', sans-serif;
    float:left;
    margin-top: 0 !important;
}

.intersite_partText a{
    color: #FFB500 !important;
}

.alert-danger {
    color: red !important;
    background-color: #fff0 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    text-align: center;
}

.alert-danger a{
    color: red !important;
    text-decoration: underline;
}

/*.intersite_part p:nth-child(2) {
    padding: 0 30px 0 10px;
}

.intersite_part p:nth-child(2) {
    padding-left: 30px;
}*/

.popupContBtns{
    position: relative;
    float: left;
    display: flex;
    justify-content: center;
    width: 100%;
}

/*#popupContCloseCenterLeft,
#popupContCloseCenterRight,
#popupContCloseLeft,
#popupContCloseRight,
#popupContCloseCenter,*/
.popupBtn {
    color: #fff !important;
    background: #ccc;
    font: 16px 'Myriad pro condensed', sans-serif;
    padding: 4px 8px;
    position: relative;
    border-radius: 100px;
    float: left;
    margin: 0 3px 13px 3px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}

.popupBtn i{
    margin-right: 5px;
}

#popupContCloseLeft {
    transform: translateX(0);
    left: 0;
    float: left;
}

.popupContBtnsCenter{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

#popupContCloseCenter {
    position: absolute;
    left: 47%;
    transform: translateX(-50%);
    float: left;
}

#popupContCloseCenterLeft {
    left: 0;
    transform: translateX(0);
    float: left;
    margin: 0 10px 0 0;
}

#popupContCloseCenterRight {
    right: 0;
    transform: translateX(0);
    float: right;
    left: 0;
    margin: 0 0 0 10px;
}

#popupContCloseRight {
    transform: translateX(0);
    left: 0;
    float: right;
}

#popupContCloseCenterLeft:hover,
#popupContCloseCenterRight:hover,
#popupContCloseLeft:hover,
#popupContCloseRight:hover,
#popupContCloseCenter:hover{
    background: #333;
}

/*//////////////////////////////////////////////
/////////////////CAJERO//////////////////
//////////////////////////////////////////////*/
.heightPatchContCasher{
    //min-height: 130px;
    min-height: 78px;
}

.payPutTable,
.methodCashContIcons,
.methodCashCont{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 10px 0;
}

.methodCashCont{
    text-align:center;
}
.methodCashContIcons,
.methodCashCont{
    font-size: 13px;
}

.methodCashCont label{
    font-size:15px !important;
    text-align:center;
}

.methodCashCont img{
    width: 75px;
}

.methodCashContIcons{
    float: left;
}

.methodCash{
    position: relative;
    float: left;
    margin: 0 3px;
    box-sizing: border-box;
    width: 61px;
}

.methodCash img{
    opacity: 0.7;
    width: 100%;
}

.methodCash div{
    /*padding:0 5px;*/
    box-sizing:border-box;
}

.methodCash img, .methodCash a{
    width:100%;
}

.methodCash:hover img{
    opacity: 1;
}

.methodCashBtnRigth,
.methodCashBtn{
    position: absolute;
    background: #333;
    color: #fff;
    font: 26px 'Myriad pro condensed', sans-serif;
    padding: 4px 13px;
    position: absolute;
    border-radius: 100px;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
}

.methodCashBtnRigth{
    float: right;
    position: relative;
    margin-right: 16px;
    transform: translateX(0);
    left: 0;
}

.methodCashBtnRigth span{
    padding-left: 7px;
}

.methodCashBtn:hover{
    background: #ffb500;
}

.methodCashBtn i{
    margin-right: 5px;
    font-size: 21px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.methodCashBtn span{
    padding-left: 28px;
}

.methodCashBtnCont{
    position: absolute;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    height: 52px;
}

.methodBonoSecc,
.bonosCont,
.methodCashContSecc{
    position: relative;
    width: 100%;
    float: left;
}

.methodBonoSecc{
    text-align: center;
    margin-top: 15px;
}

.bonosContLeft,
.bonosContRight{
    float: left;
    width: 50%;
}

.bonosCont {
    left: 27px;
    float: left;
}

#bonos .bonosCont{
    left:0;
}

#bonos {
    text-align:center;
}

.bonosTitu{
    position: relative;
    width: 100%;
    font-size: 21px;
    float: left;
    margin-top: 16px;
}

.bonosCont a{
    width: 100%;
    float: left;
    margin: 3px 0;
    color: #333;
    text-decoration: none;
}

.bonosCont p{
    margin: 7px 14px 0 0;
    float: left;
}

.bonosCont a p{
    margin-bottom: 0;
}

.methodBonoSecc p{
    margin: 3px 0;
}

#bono-content-1{
    font-weight: bold;
}

#popupContData .radioIndicator {
    background: #ffffff;
    position: relative;
    float: left;
}

#popupContData .checkBoxIndicator {
    position: relative;
    top: -2px;
    background: #fff;
    cursor: pointer;
    margin-bottom: 0px;
    margin:0 10px;
}

#popupContData .checkBoxIndicator:after,
#popupContData .radioIndicator:after {
    content: '';
    position: absolute;
    display: none;
}

#popupContData .checkBoxIndicator:after {
    left: 6px;
    top: 0px;
    width: 5px;
    height: 12px;
    border: solid #ffb500;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#popupContData .radioIndicator:after {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #ffb500;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#popupContData input[type='checkbox']:checked ~ .checkBoxIndicator:after,
#popupContData input[type='radio']:checked ~ .radioIndicator:after {
  display: block;
}

#payout label,
#moneybookers_email-div label,
#amount_visible-div label,
#amount-div label{
    width: 100%;
    text-align: center;
    float: left;
    margin-bottom: 4px;
    font-size: 19px;
}

#payoutAccountIdMoneybookers,
#moneybookers_email,
#amount_visible-div > #amount_visible,
#amount_visible-div > #amount_visible,
#amount_visible-div > #moneybookers_email,
#payout > #amount,
#amount-div > #amount{
    padding: 5px 10px;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    float: left;
    text-align: center;
}

#moneybookers_email{
    margin-bottom: 10px;
}

.methodCashCheckboxSecc{
    float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

#loaderPopupCash{
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    display: none;
}

#loaderPayoutCancel,
#loaderPopupCashProcess{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

#loaderPopupCashProcess canvas{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

#payoutAccountIdMoneybookers_validation,
.popover{
    top: 0 !important;
    left: 0px !important;
    position: relative;
    width: 100%;
    float: left;
    color: red;
    margin-top: 11px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#payoutLoader,
#depositLoader{
    position: relative;
    float: left;
    width: 100%;
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#payoutLoader p,
#depositLoader p{
    text-align: center;
}

.depositOk ul{
    list-style:none;
    padding-left: 0;
}

.depositOk img{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: relative;
    margin: 15px 0;
}

#errorMessage{
    width: 100%;
    text-align: center;
    color: red;
}

/*.depositOkTitu{
    text-transform: uppercase;
    color: green;
    width: 100%;
    text-align: center;
}*/

.payPutTable{
    width: 100%;
    float: left;
    left: 50%;
    transform: translateX(-50%);
}

.payPutTable td,
.payPutTable th{
    padding: 0 10px;
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.firstDataPay{
    text-align: right;
    font-weight: bold;
}

.secondDataPay{
    text-align: left;
}

#playerPendingPayoutsContAll{
    position: relative;
}

#playerPendingPayoutsCont{
    position: relative;
    float: left;
    width: 100%;
}

#playerPendingPayouts{
    position: absolute;
}

#comeFromCancelPendingPayouts span,
#playerPendingPayouts a{
    color: red !important;
}

#playerPendingPayouts a {
    color: red !important;
    width: 100%;
    position: relative;
    text-align: center;
    float: left;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#comeFromCancelPendingPayouts,
#playerPendingPayouts{
    background: #e4e4e4;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    top: 0;
}

#loaderPayoutCancel{
    position: absolute;
    height: 60px;
}

#payoutAccountIdMoneybookers_validation{
    padding-bottom: 10px;
}

.payOutCancelImg {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    margin-bottom: 10px;
}

#comeFromCancelPendingPayouts span{
    color: green !important;
    width: 100%;
    position: relative;
    text-align: center;
    float: left;
}

#amount, #moneybookers_email, #amount_visible, #payoutAccountIdMoneybookers{
    border-radius: 40px;
    border:none;
}


/*//////////////////////////////////////////////
/////////////////LIMITES SESIÓN//////////////////
//////////////////////////////////////////////*/

.sessionGameButton {
    border: none;
    background: #ffffff;
    color: #383838;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
}

.sessionGameButtonCont{
    width: auto;
    position: relative;
    left: 50%;
    float: left;
    transform: translateX(-50%);
}

#slotsSession > .intersite_partText > label{
    margin-top: 10px;
    width: 100%;
}

#viewporter{
    height: 100vh !important;
}


/*//////////////////////////////////////////////
/////////////////TABLA TORNEOS//////////////////
//////////////////////////////////////////////*/

.tableTorneoWinners {
    font-size: 13px;
}

.tableTorneoWinners thead tr{
    text-transform: uppercase;
    font-size: 15px;
}
.tableTorneoWinners td,
.tableTorneoWinners tr{
    text-align: center;
}

.tableTorneoWinners tbody tr:nth-child(1),
.tableTorneoWinners tbody tr:nth-child(2),
.tableTorneoWinners tbody tr:nth-child(3){
    font-weight: bold;
}

/* prueba busqueda slots */
#gamesLobbySlots.search-box {
	margin-top: 0px;
}

.topBarSlots {
    align-items: center;
    margin-top: 0;
    position: relative;
    padding-bottom: 0px;
    justify-content: space-between;
}
.btnsContSeccGames {
    justify-content: space-between;
    display: flex;
    margin: 5px 1rem 0 0;
    /*float: right;*/
}

@media only screen and (max-width: 600px){
    .btnsContSeccGames {
        margin: 0.5rem 1rem 0 0;
    }
}
@media only screen and (min-width: 601px) and (max-width: 750px){
    .btnsContSeccGames {
        margin: 0.5rem 1.5rem 0 0;
    }
}
@media only screen and (min-width: 751px){
    .btnsContSeccGames {
        margin: 1rem 2rem 0 0;
    }
}

@media only screen and (max-width: 450px){
    .slotsPanelSearch input {
        width: 100px !important;
    }
}
@media only screen and (min-width: 451px) and (max-width: 750px){
    .slotsPanelSearch input {
        width: 200px !important;
    }
}
@media only screen and (min-width: 751px) and (max-width: 1200px){
    .slotsPanelSearch input {
        width: 300px !important;
    }
}
@media only screen and (min-width:1201px){
    .slotsPanelSearch input {
        width: 400px !important;
    }
}

.topBarSlotsRow {
    display: flex;
}

.slotsPanelSearch {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: auto;
}

.slotsPanelSearch input {
    width: 160px;
    height: 30px;
    padding: 0 11px 0 35px;
    background: #e4e4e4;
    border-radius: 100px !important;
    font-size: 16px;
    position: relative;
    border: 0;
}

.slotsPanelSearchBtn {
    background: #2c2c2c;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
}

.slotsPanelSearch i {
    color: #fff;
    margin: 0;
    height: 20px;
    position: relative;
    top: 4px;
    font-size: 13px;
    left: 1px;
}

.slotsPanelSearch .fa-times {
    font-size: 22px;
    color: #2c2c2c;
    position: relative;
    transform: translateX(-175%);
    right: 10px;
    height: auto;
    top: auto;
    display: none;
    cursor: pointer;
}

/* END / prueba busqueda slots */

.popUpBtnDepo{
    background: #333;
}

.popUpBtnDepo span{
    margin-left: 5px;
}

.popUpBtnDepo:hover{
    background: #ffb500;
}

/* Menu footer*/
.menuBtn_footer{
    position: relative;
    float: left;
    text-align: center;
    padding: 5px 0;
    width: 100%;
    background-color: #383838;
}

.menuBtn_footer a{
    position: absolute;
    font: 16px 'Myriad Pro Bold Condensed', sans-serif;
    text-transform: uppercase;
    top: 50%;
    padding-left: 5px;
    color: #333;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    opacity: 0.6;
    text-decoration: none;
}

.menuBtn_footer{
    margin-right: 5px;
    position: relative;
    float: left;
    height: 100%;
}
.menuBtn_footer:last-child{
    margin-right: 0px;
}
.menuBtn_footer a{
    font: 16px 'Myriad Pro bold Condensed', sans-serif;
    text-transform: uppercase;
    padding-left: 2px;
    color: #ffffff;
    position: relative;
    top: 4px;
    text-decoration: none;
}

@media only screen and (max-width: 400px){
    .menuBtn_footer a{
        font: 18px 'Myriad Pro Bold Condensed', sans-serif !important;
    }
}

/*////////////SUBMENU //////////////*/
@media only screen and (max-width: 750px){
    .submenuElements > .menuBtn_footer{
        background: #383838;
    }
}
/* END / Menu footer*/

.highlight_error {
    border: 1px solid red !important;
}

/* cuestionario de limites de depositos */
#playerLimitsQuestionnaire .updtInput {
    position: relative;
    z-index: -1;
    opacity: 0;
    height: 0;
}
#posBtnLimitQuest {
    position: relative;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    padding: 5px 20px 4px 20px;
    color: #fff;
    border: none;
    border-radius: 100px;
    font: 30px 'Myriad Pro Condensed', sans-serif;
    background: #43A149;
}

/* Filtros en Slots */
#divFiltrosVideobingos{
   margin-right: 0.5rem;
   width: 100%;
}

#divFiltrosVideobingos .filtersCont {
   margin: 0 1rem 0 0;
}
#divFiltrosVideobingos #slotsPanelControl{
   width: 100%;
}
#divFiltrosVideobingos .slotsPanel {
   background: #e4e4e4;
   width: 100%;
}
#divFiltrosVideobingos .slotPanelIco {
   position: relative;
   margin-right: 5px;
   font-size: 16px;
}
#divFiltrosVideobingos .slotsPanel .slotsOpciones {
   display: flex;
   flex-wrap: wrap;
   overflow: hidden;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   padding: 5px;
}
#divFiltrosVideobingos .slotsOpciones > label, .slotsOpciones button {
   box-sizing: border-box;
   position: relative;
   background: none;
   border: none;
   text-align: left;
   font: 13px 'Barlow', sans-serif;
   color: #424242;
   margin: 0;
   padding: 3px 13px;
   padding: 3px;
   cursor: pointer;
   width: 33.33333333%;
   width: 50%;
   display: flex;
   align-items: center;
}

.img_filter_fixed, .img_order_fixed {
   opacity: 1 !important;
}

#divFiltrosVideobingos .slotsOpciones .radioIndicator{
      background: #fff;
}
#divFiltrosVideobingos .btnsContSeccGamesBtn.slotsPanelBtnFilters.button-gen {
   border-radius: 100px;
}
#divFiltrosVideobingos .slotsPanelTituCont {
    padding: 5px;
    display: flex;
    cursor: pointer;
    margin: 0;
    align-items: center;
    background: #2c2c2c;
    color: white;
}

#divFiltrosVideobingos .slotsPanelTitu {
    font: 1rem 'Barlow Condensed', sans-serif;
    margin: 0;
    /* line-height: 24px; */
    text-transform: none;
    color: white;
}
/* iPad en vertical */
@media only screen 
  and (device-width: 810px) and (device-height:1080px)
  and (orientation: portrait) {
      .translateBtnLogueado {
    transform: translateY(60px);
      }
}
/* iPad en horizontal */
@media only screen 
  and (device-width: 1080px) and (device-height:810px)
  and (orientation: landscape) {
    .translateBtnLogueado {
    transform: translateY(40px);
      }
}