@import "style.css";
@import "../goldenplay/goldenplay-theme.css";
@font-face {
    font-family: "Beticon";
    src: url("fonts/Beticon.woff") format("truetype");
}
@font-face {
    font-family: "Nanotech LLC Regular";
    font-style: normal;
    font-weight: normal;
    src: local("Nanotech LLC Regular"), url("fonts/NanoTech Regular.woff") format("woff");
}
@font-face {
    font-family: "Nanotech LLC Regular Italic";
    font-style: normal;
    font-weight: normal;
    src: local("Nanotech LLC Regular Italic"), url("fonts/Nanotech NormalItalic.woff") format("woff");
}

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

body a {
    cursor: pointer;
}

#header{
    height: 100px;
    background: #000 !important;
}

#header #menu{
    background: #000 !important;
}

.generalContent.bonos .card{
	border: 1px solid rgb(125 94 5);
}

a.classic-link {
    font-family: Arial;
    position: absolute;
    top: 10px;
    color: #ce9c31 !important;
}
.generalContent .ButtonJoinNow .btn-success {
    color: #000!important;
    background-color: #d9d2d2;
    border-color: #d8d2d2;
    background: linear-gradient(0deg, #dad3d3 0%, #d2cece 46%, #d0c9c9 53%, #dbdbdb 54%, #efe6e6 76%, #e2d7d7 100%);
    border-radius: 30px;
    font-weight: bold;
}

.gameBlockFrt .gameNameFrt .btn-success,
.gameBlockFrt .gameNameFrt .btn-success:hover {
    color: #fff;
    background-color: #ab7d23;
    border-color: #ab7d23;
}

.gameBlockFrt .gameNameFrt .btn-primary,
.gameBlockFrt .gameNameFrt .btn-primary:hover {
    color: #fff;
    background-color: #5f6061;
    border-color: #5f6061;
}

.footer .license-txt {
    margin-top: 20px;
    font-size: 11px;
    text-align: center;
    display: inline-block;
}
/* Footer */
.footer {
    box-shadow: 0px -9px 20px 0px #131212;
    background-color:#000;
    color: white;
    padding-top: 35px !important;
    padding-bottom: 23px !important;
}
.footer .logo img {
    width: 180px;
    margin-left: auto;
    display: block;
    margin-right: auto;
    margin-bottom: 20px;
}
.footer .contenedor {
    padding-right: 150px;
    padding-left: 150px;
}
.contact .feature-box.fbox-bg.fbox-center {
    margin-top: 68px;
    padding: 68px 30px 30px;
    background-color: #212121 !important;
    border: 1px solid #464646 !important;
    border-radius: 5px;
    color: white !important;
  }
  .contact .feature-box h3 {
    color: #fff !important;
  }
  
.footer .lista ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}
.footer .lista li {
    padding-left: 20px;
    padding-bottom: 5px;
    font-size: 14px;
    display: inline-block;
}
.media-txt{
    margin-top: 88px;
}
.content-footer{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.metodos{
    margin-top: 81px;
}
.footer .lista li a {
    color: white;
    text-decoration: none;
}
.footer .metodos h4 {
    text-align: right;
    color: white;
    padding-right: 13px;
    font-size: 16px;
}
.footer .metodos .img-metodos {
    display: flex;
    justify-content: flex-end;
}
.footer .metodos .img-metodos img {
    height: 24px;
    padding-left: 20px;
}
.footer .redes {
    padding-top: 20px;
    display: flex;
}
.footer .redes img {
    width: 40px;
    margin-right: 10px;
}
img.siguenos{
    height: 36px;  
}
.content-license{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 35px;
}
.footer .license-txt {
    margin-top: 20px;
    font-size: 11px;
    text-align: center;
    display: inline-block;
}
/* Login Modal */
#loginModal,
#classicModal  {
    font-family: "Nanotech LLC Regular" !important;
}
#loginModal .modal-header,
#classicModal .modal-header  {
    border: 1px solid #c8c8c8;
    background-color: #f4f4f4;
    color: #333;
    padding: 1em;
    font-weight: 700;
}
#loginModal h4.modal-title,
#classicModal h4.modal-title  {
    font-size: 16px;
    color: #000 !important;
}
#loginModal button.close,
#classicModal button.close {
    position: absolute;
    right: 20px;
}
#loginModal button.btn.btn-success.btn-block.idt,
#classicModal button.btn.btn-success.btn-block {
    color: #000 !important;
    background-color: #ac7c23 !important;
    border-color: #ac7c23 !important;
    background: linear-gradient( 
0deg
 , rgb(226 191 102) 0%, rgb(173 130 38) 46%, rgb(168, 114, 29) 53%, rgb(156 116 38) 54%, rgb(208 170 83) 76%, rgb(255, 244, 158) 100%)!important;
}

/* Sign Up Modal */
.quick-signup .label-effect .form-control,
.quick-signup .quick-bithday .ui-dropdown.ui-widget,
.quick-signup .quick-bithday .ui-dropdown.ui-widget:hover {
    background-color: #fff !important;
    border: 1px solid #00a1ff !important;
}

/* Modals Buttons */
.quick-signup .btn.btn-success,
.mainLoginModal .btn-success {
    color: #000 !important;
    background-color: #f2f91f !important;
    border-color: #f9ca1f !important;
}
.quick-signup .btn-success:hover,
.mainLoginModal .btn-success:hover {
    color: #52080e !important;
    background-color: #f9841f !important;
    border-color: #ca6f1c !important;
}

/* Casino Games Carousel */
.images-container {
    display: flex;
    justify-content: space-evenly;
    width: 80%;
    margin: 0 auto;
    padding: 15px 0;
}
.casino-carousel-item {
    width: 30%;
    height: auto;
    border: 14px solid;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 54%) 0px 6px 8px;
}
.casino-carousel-item img {
    width: 100%;
}
/* General Content */
.portada-principal {
    box-shadow: 0px 5px 10px 3px #00000054;
    background: black;
    background-position: center;
    background-size: cover;
    padding-left: 150px;
    padding-right: 150px;
    height: 400px;
    padding-top: 110px;
    display: flex;
    align-items: center;
}
.portada-principal h1 {
    font-size: 50px;
    font-weight: 500;
    color: white;
}
.portada-principal p {
    font-family: 'Nanotech LLC Regular Italic';
    font-size: 20px;
    color: white;
}
.btn-extra {
    background: linear-gradient(0deg, rgb(226 191 102) 0%, rgb(173 130 38) 46%, rgb(168, 114, 29) 53%, rgb(156 116 38) 54%, rgb(208 170 83) 76%, rgb(255, 244, 158) 100%);
    color: black;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 14px;
    font-size: 18px;
    padding-right: 14px;
    margin-bottom: 10px;
}
section.generalContent {
    background-color: #000;
    padding: 130px 0 50px;
    color: #fff;
    line-height: 25px;
    letter-spacing: 1px;
    text-align: justify;
}
section.generalContent.casino {
    padding: 46px 0 50px;
}
section.generalContent .mainText {
    margin-bottom: 40px;
}
section.generalContent h1 {
    color: #9c9595;
    background-image: url(/images/tacha.png);
    margin-bottom: 40px;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 5%;
    border-bottom: 1px solid #7d5e05;
}
.feature-box.fbox-center.fbox-plain .fbox-icon i {
    font-size: 84px;
    color: #e4c167;
}
.feature-box.fbox-bg.fbox-center .fbox-icon {
    position: absolute;
    top: -44px;
    left: 50%;
    margin: 0 0 0 -48px;
}
.feature-box.fbox-bg.fbox-center {
    margin-top: 68px;
    padding: 43px 0 30px;
    background-color: #0e0d0d;
    border: 1px solid #0e0d0d;
    border-radius: 5px;
    text-align: center;
    position: relative;
}
/* Sport Rules Tables */
h2#RulesTop {
    display: none;
}
.table-responsive {
    margin-bottom: 25px;
}
.table-responsive tr th, 
.table-responsive tr td {
    border: 1px solid #313131;
    padding: 0 2%;
    width: auto;
    color: #eee;

}

/* Casino */
.games.carousel-casino{
    overflow: hidden;
}
.gameBlockFrt {
    float: left;
    width: 24%;
    cursor: pointer;
    margin: 0 0.5%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px #000;
}
.desktopItemFrt {
    display: inline-block;
    height: 180px;
}
.mobileItem {
    display: none;
}
.gameBlockFrt img, .gameBlockPop img {
    width: 100%;
}
.gameNameFrt {
    bottom: 5px;
    top: 5px;
    left: 5px;
    right: 5px;
    color: #FFF;
    opacity: 0;
    position: absolute;
    text-align: center;
    background: rgba(0, 0, 0, 0.85);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
.gameNameFrt h5 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20%;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Noto Sans TC', Arial, sans-serif!important;
}
.img-thumbnail {
    padding: 0!important;
    background-color: #262626;
    border: none!important;
    border-radius: none;
    box-shadow: 0 0 5px #000!important;
}
.gameBlockFrt:hover .gameNameFrt {
    opacity: 1;
}
/* Racebook */
.racebookExternal .tab-pane.fade.active.show {
    display: block !important;
}
.racebookExternal .tab-pane.fade {
    display: none;
}


/* Betslip General */
body#jzBody {
    background: #000 !important;
    
}

body#jzBody .mainBackend {
    font-family: 'Lato', sans-serif !important; 
}

.mainBackend .leagueStyle {
    background: #262626 !important;
}

.brand {
    width: 120px !important;
    background-color: #000;
}
.brand span {
background-image: url(logo.png);
    display: block;
    height: 45px;
    width: 103px;
    margin: 13px auto 0;
}
.bkn-navbar .navbar-nav .nav-item a:hover, .chat a:hover {
    background: #fffa32 !important;
    color: #2d2d2d !important;
}
/* Lines Toggle */
.searchtree {
    background: #635e5e!important;
}

.panel-heading.card-header.panel-enabled {
    background-color:#262626;
    color: #fff;
    border-radius: 0px!important;
}

.sub-league li:hover {
    background: transparent!important;
}
/* Line Options */
.lineOptions {
    background:#635e5e!important;
}
.leagueHeader {
    background: #262626 !important;
}
.linesHeader {
    background: #d29c18!important;
}
.gameBanner {
    background-color: #adadad!important;
    color:#262626!important;
}
/* Betslip Bets */
.betslip-header {
    background-color: #635e5e!important;
}
.betslip-header h2 {
    color: #fff !important;
}
.betslip-header h2 span {
    color: #780d1f !important;
}
.betslip-games-icon {
    display: none;
}
.slipLineSelection button.btn.btn-default.btn-sm.btn-block {
    background: #d29c18 !important;
    color: #fff!important;
    border: 1px solid #d29c18 !important;
}
.slipLineSelection button.btn.btn-default.btn-sm.btn-block:hover {
    background: #d29c18 !important;
    border: 1px solid #d29c18 !important;
}
.betSlipStyle h3 {
    background-color:#262626 !important;
}
.slipSelectedLine {
    background: #e5e5e5 !important ;
    border: 1px solid #d9d0e6!important;
}
.btn-openbets {
    background-color: #ffb100 !important;
}
.btn-clear-selected:hover,
.btn-openbets:hover {
    background: #dc8d1d !important;
}
/* Account Pages*/ 
.acc-options.dropdown-menu.show {
    background-color: #000000;
}
.accountPage h1 {
    background:#d29c18 !important;
    letter-spacing: 2px;
    color: #161642!important;
}
.alert-info {
    color: #161642 !important;
    background-color: #d29c18 !important;
    border-color: #d29c18 !important;
}
.accountPage .table-responsive {
    background-color: #fff;
}
table.table.table-striped.table-sm.openBets-table th {
    background: #7d7d82 ;
}

.accountPage.accountSettings{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
/*Carousel*/
.hi-slide { position: relative; width: 754px; height: 292px; margin: 115px auto 0; }
            
.hi-slide .hi-next,
.hi-slide .hi-prev 
            { position: absolute;
              top: 50%; 
              width: 40px;
              height: 40px; 
              margin-top: -20px;     
              border-radius: 50px; 
              line-height: 40px;
              text-align: center; 
              cursor: pointer;
              background-color: rgba(0, 0, 0, 0.774); 
              color: rgba(255, 255, 255, 0.815);               
              transition: all 0.6s;
              font-size: 20px; 
              font-weight: bold;
            }
           .hi-slide .hi-next:hover, 
            .hi-slide .hi-prev:hover 
            {
            opacity: 1; 
            background-color: #fff;  
            }
            
           .hi-slide .hi-prev { left: -60px; }
            
    .hi-slide .hi-prev::before { content: '<'; }
    .hi-slide .hi-next { right: -60px; }
    .hi-slide .hi-next::before { content: '>'; }
    
            .hi-slide > ul
                    { 
                        list-style: none; 
                        position: relative;
                        width: 754px; 
                        height: 292px; 
                        margin: 0;
                        padding: 0;
            }
            
            
        .hi-slide > ul > li {
            overflow: hidden; 
            position: absolute; 
            z-index: 0; 
            left: 377px;
            top: 146px; 
            width: 0; 
            height: 0; 
            margin: 0; 
            padding: 0;
            border: 3px solid #fff;              
            background-color: #333; 
            cursor: pointer; }
            
        .hi-slide > ul > li > img { width: 100%; height: 100%; background-position: center;}


/* Betslip STATUS LOGOUT */
.goldenplay-header.statusLogOut nav.bg-goldenplay {
    background: #000!important;
}
.mainBackend.statusLogOut nav.bkn-navbar {
    display: none;
}
.mainBackend.statusLogOut .leagueStyle,
.mainBackend.statusLogOut .lineStyle,
.mainBackend.statusLogOut .betSlipStyle {
    top: 80px;
}
/* Betslip STATUS LOGIN */
.goldenplay-header.statusLogIn nav.bg-goldenplay {
    display: none;
}
.mainBackend.statusLogIn .leagueStyle,
.mainBackend.statusLogIn .lineStyle,
.mainBackend.statusLogIn .betSlipStyle {
    top: 66px;
}
/* User Menu Options */
.bkn-navbar .navbar-nav .nav-item .dropdown-menu a,
.acc-options a {
    background: #161642;
    color: #FFF;
}
@media (max-width:1185px) and (min-width: 991px){
    .footer .metodos .img-metodos img {
        height: 16px;
        padding-left: 20px;
    }
}
/** IPAD **/
@media (max-width: 1024px) {
    .carousel-casino .carousel-inner {
        left: 1%;
    }
    .carousel-casino .btn-success {
        font-size: 17px;
    }
    /* Betslip General */
    .brand {
        width: 144px !important;
    }
    .mainBackend a.btn.showMenu,
    .mainBackend a.btn.showSlip {
        background: #d29c18 !important;
        color: #fff !important;
        height: 35px !important;
        margin-top: 3px !important;
    }
        /* Betslip Status LOGIN */
        .mainBackend.statusLogIn .leagueStyle,
        .mainBackend.statusLogIn  .betSlipStyle  {
           top: 107px !important;
        }
       .mainBackend.statusLogIn .lineStyle {
        top: 99px;
        }
       .mainBackend.statusLogIn .lineOptions {
        position: fixed;
        top: 65px;
        width: 100%;
        height: 40px;
        padding: 7px 0;
        border-top: 1px solid #000;
        z-index: 300;
        }

}
@media (min-width: 1300px){
    /*Carousel*/
    
    .hi-slide { position: relative; width: 754px; height: 292px; margin-left: auto; margin-right: auto; top:-65px;}
                
    .hi-slide .hi-next,
    .hi-slide .hi-prev 
                { position: absolute;
                  top: 50%; 
                  width: 40px;
                  height: 40px; 
                  margin-top: -20px;     
                  border-radius: 50px; 
                  z-index: 5;
                  line-height: 40px;
                  text-align: center; 
                  cursor: pointer;
                  background-color: rgba(0, 0, 0, 0.774); 
                  color: rgba(255, 255, 255, 0.815);               
                  transition: all 0.6s;
                  font-size: 20px; 
                  font-weight: bold;
                }
               .hi-slide .hi-next:hover, 
                .hi-slide .hi-prev:hover 
                {
                opacity: 1; 
                background-color: #fff;  
                }
                
               .hi-slide .hi-prev { left: -60px; }
                
        .hi-slide .hi-prev::before { content: '<'; }
        .hi-slide .hi-next { right: -60px; }
        .hi-slide .hi-next::before { content: '>'; }
        
                .hi-slide > ul
                        { 
                            position: relative;
                            width: 754px;
                            height: 292px;
                            margin: 0;
                            padding: 0;
                            top: -11px;
                            left: -206px;
                }
                
                
            .hi-slide > ul > li {
                overflow: hidden; 
                position: absolute; 
                z-index: 0; 
                left: 377px;
                top: 146px; 
                width: 78% !important; 
                margin: 0; 
                padding: 0;
                border-radius: 7px;
                border: 7px solid #fff;              
                background-color: #333; 
                cursor: pointer; }
                
            .hi-slide > ul > li > img { width: 100%; height: 100%; background-position: center;}
    }
@media (max-width: 1300px) and (min-width: 1100px){
/*Carousel*/

.hi-slide { position: relative; width: 754px; height: 292px; margin-left: auto; margin-right: auto; top:-65px;}
            
.hi-slide .hi-next,
.hi-slide .hi-prev 
            { position: absolute;
              top: 50%; 
              width: 40px;
              height: 40px; 
              margin-top: -20px;     
              border-radius: 50px; 
              z-index: 4;
              line-height: 40px;
              text-align: center; 
              cursor: pointer;
              background-color: rgba(0, 0, 0, 0.774); 
              color: rgba(255, 255, 255, 0.815);               
              transition: all 0.6s;
              font-size: 20px; 
              font-weight: bold;
            }
           .hi-slide .hi-next:hover, 
            .hi-slide .hi-prev:hover 
            {
            opacity: 1; 
            background-color: #fff;  
            }
            
           .hi-slide .hi-prev { left: -60px; }
            
    .hi-slide .hi-prev::before { content: '<'; }
    .hi-slide .hi-next { right: -60px; }
    .hi-slide .hi-next::before { content: '>'; }
    
            .hi-slide > ul
                    { 
                        list-style: none; 
                        position: relative;
                        width: 754px; 
                        height: 292px; 
                        margin: 0;
                        padding: 0;
                        left: -79px;
            }
            
            
        .hi-slide > ul > li {
            overflow: hidden; 
            position: absolute; 
            z-index: 0; 
            left: 377px;
            top: 146px; 
            width: 45% !important; 
            height: 0; 
            margin: 0; 
            padding: 0;
            border-radius: 7px;
            border: 7px solid #fff;              
            background-color: #333; 
            cursor: pointer; }
            
        .hi-slide > ul > li > img { width: 100%; height: 100%; background-position: center;}
}
@media (max-width: 990px) {
    .footer .lista ul {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .media-txt {
        margin-top: 6px;
    }
    .hi-slide .hi-prev {
        left: 10px;
        z-index: 3;
    }
    .media-txt{
        text-align: center;
    }
    .footer .metodos .img-metodos {
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .footer .metodos h4 {
        text-align: center;
        margin-top: 12px;
    }
    .hi-slide .hi-next {
        right: 10px;
        z-index: 3;
    }
    .hi-slide {
        top: -96px;
    }
    .tipos .casino-pad {
        padding-left: 15px;
        padding-right: 15px !important;
    }
    .carousel-casino .carousel #oc-casino-games .oc-item {
        margin-left: 20px;
        height: 96px;
        border: 2px solid white;
    }
    .carousel-casino .oc-item-play.center {
        border: 2px solid rgb(255 255 255 / 28%);
        margin: 92px -2px 0 -2px;
        border-top: none !important;
    }
    .carousel-casino .btn-success {
        font-size: 13px;
    }

.footer .redes {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: center;
}
}
/** MOBILE  **/
@media (max-width: 575px) {
    #header {
    height: 161px;
}

    .bg-goldenplay img {
        width: 90px !important;
        position: relative;
        top: -10px;
    }
    button.navbar-toggler.btn.btn-goldenplay {
        position: absolute;
        right: 12px;
        top: 29px;
    }
    a.classic-link {
        position: unset;
    }
    .goldenplay-header.statusLogOut #goldenplay_menu {
        background: #000!important;
    }
    .bg-goldenplay .nav-item {
        border-bottom: 1px solid #483816;
        border-top: 1px solid #3a2a06;
        width: 80%;
        text-align: center;
        line-height: 40px;
    }
    .navbar .navbar-collapse {
        background: rgb(0 0 0 / 85%)!important;
        position: absolute;
        left: 0;
        right: 0;
        top: 163px;
        padding: 20px 0;
    }
    .portada-principal {
        padding-left: 0;
        padding-right: 0;
    }
    .carousel.slide.desktop {
        display: none;
    }
    .casino-carousel-item {
        width: 100%;
    }
    .carousel-control-next, .carousel-control-prev {
        display: none;
    }
    .carousel-casino .carousel #oc-casino-games .oc-item {
        position: relative;
        width: 41.5%;
        margin: 0px -0.9%;
        margin-left: 22px !important;
        height: 113px !important;
        margin-bottom: 54px;
        border: 6px solid white !important;
    }
    .carousel-casino .oc-item-play.center {
        border: 6px solid rgb(255 255 255 / 28%) !important;
        margin: 95px -6px 0 -6px !important;
    }
    .carousel-casino .btn-success {
        font-size: 16px;
    }
    .desktopItemFrt {
        height: 61px;
    }
}
@media (max-width: 375px){
    .bg-goldenplay img {
        width: 84px !important;
        margin-top: 6px;
    }
    .btn-extra.mobile {
        font-size: 15px;
    }
}
body#jzBody .mainBackend {
    font-family: 'Lato', sans-serif !important; 
}

body#jzBody .mainBackend .leagueBlock, 
body#jzBody .mainBackend .betSlipStyle,
body#jzBody .mainBackend .leagueStyle {
    font-family: 'Lato', sans-serif !important; 
}

body#jzBody .mainBackend .cs-betslip-leagues .menuHidden .leagueStyle .Accordionheader label{
    font-family: 'Lato', sans-serif !important; 
}