/*CSS HANDLER */
/*CSS HANDLER */
/*CSS HANDLER */
/*CSS HANDLER */
/*CSS HANDLER */
/*CSS HANDLER */

 @import "/css/transfer_money_client_download_nickname.css";
 @import "/css/terms_conditions_services.css";
/*GENERICI DELLA PAGINA*/
 body{
  background-image:url(../img/bodyBG/bg_hub-gradient.jpg);
  background-attachment: fixed;
  background-size: cover;
  min-height: 1000px;
  font-family: 'Montserrat' !important;
}
#container {
     background-color: transparent !important;
}

 #main_content{
     background: none;
     min-height: 708px;
}
/*FINE GENRICI DELLA PAGINA*/
/*********************************************************************INIZIO SECTION UPPER BLOCK*/
 #section_upper_block{
     display: block;
     margin: 0 auto;
     background-size: cover;
}
#section_upper_block{
     z-index: 0;
}
#section_upper_block::before {  
     display: block;  
     content: "";
     background: transparent !important;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: absolute; 
     margin: 0 auto;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     width: 1373px !important;
     height: 340px !important;
     mix-blend-mode: luminosity;
     opacity: 0.63;
}
#category_tabs,
#navigationProvider{
	display:none	
}	

 .spot{
     box-shadow: 0 0 10px, 0 0 10px, 0 0 10px;
     display: inline-block;
     margin-left: 150px;
     margin-top: 187px;
}
 .betsoft .spot{
     margin-top: 50px;
}
 .spot h1 {
     color: #fff;
     background: #222;
     display: block;
     font-size: 34px;
     font-family: 'Montserrat' !important;
     line-height: 35px;
     margin: 0;
     padding: 8px 0 4px;
     text-align: center;
     text-shadow: 0 0 10px #000000, 0 0 10px #000000, 0 0 5px #000000;
     width: 230px;
}
 .spot p{
     background: #222;
     display: inline-block;
     font-size: 20px;
     font-family: 'Montserrat' !important;
     margin: 0;
     padding: 0 0 15px;
     text-align: center;
     width: 230px;
}
/******************************************************************************FINE SECTION UPPER BLOCK*/
/*lobbies*/
 #lobbies_container{
     clear: both;
     text-align: center;
}
.slick-arrow,.slick-arrow::before{
     background-repeat: no-repeat;
}
.lobbies_thumbs.slider{
     margin-top: 15px;
     margin-bottom: 10px;
}

 .lobbies_thumbs.column {
     display: flex;
     width: 100%;
     table-layout: fixed;
     flex-flow: wrap;
     justify-content: center !important;
     margin-top: 15px;
}
.lobbies_thumbs.row {
     display: block;
     width: 98%;
}

 .lobbies_thumbs.column li {
     background: transparent !important;
     display: table-cell;
     min-height: 40px;
     margin: 10px;
     position: relative;
     width: 11.5%;
     float: left;
     cursor: pointer;
}
.lobbies_thumbs.row li {
     background: transparent !important;
     display: block;
     position: relative;
     width: 100px !important;
     height: 40px;
}

 .lobbies_thumbs.column li a {
     background-image: url(../img/thumb/basic.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 82%;
     display: block;
     position: absolute;
     height: 100%;
     width: 100%;
     border: 1px solid #3B62AC;
     margin-top: -2px;
     margin-left: -2px;
     border-radius: 5px;
}
.lobbies_thumbs.row li a {
     background-image: url(../img/thumb/basic.png);
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
     display: block;
     height: 100%;
     width: 100%;
}

.lobbies_thumbs.row li a:hover {
     background-image: url(../img/thumb/basic.png);
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
     background-color: transparent;
	 cursor: pointer;
     display: block;
     height: 100%;
     width: 100%;
}

.lobbies_thumbs.column > svg {
     fill: red;
}
 .lobbies_thumbs.column li a:hover {
     display: block;
     position: absolute;
     background-size: 82%;
     height: 100%;
     width: 100%;
     border: 2px solid var(--colore_principale);
     border-radius: 5px;
}

.lobbies_thumbs.row li:hover {
     border-bottom: 2px solid #D8EC38;

}
.lobbies_thumbs.row li.active:hover {
     border-bottom: 3px solid #D8EC38;

}
#lobbies_container.row{
     height: 44px;
}
.lobbies_thumbs.column li.active {
     background: linear-gradient(93.85deg, #ffbb0000 1.33%, #ffbb0000 100%)!important;
     z-index: 1;
     border-radius: 6px;
}
.lobbies_thumbs.column li.active a{
     border: 1px solid #D8EC38;
     border-radius: 8px;
}

.lobbies_thumbs.row li.active {
     border-bottom: 2px solid #D8EC38;
}

.lobbies_thumbs.column li:hover {
     box-shadow: 0 0 30px var(--colore_principale);
     border-radius: 6px;
}
.lobbies_thumbs.column li:hover a{
     border: 1px solid #D8EC38;
     border-radius: 8px;
     background-position: center;
     background-repeat: no-repeat;
}

.lobbies_thumbs.column li.active:hover{
     background: transparent !important;
     box-shadow: 0 0 30px var(--colore_principale);
     border-radius: 6px;
}
.lobbies_thumbs.column li.active:hover a{
     border: 1px solid var(--colore_principale);
     border-radius: 8px;
}
 .lobbies_thumbs li a span.title{
     display: none;
}

 .lobby_link {
     bottom: 0;
     display: block;
     font-size: 50px;
     font-family: 'Montserrat' !important;
     font-weight: bold;
     letter-spacing: -0.06em;
     opacity: 0.8;
     padding: 20px 0;
     text-align: center;
     width: 100%;
     color: white;
     background: var(--regola_gradiente);;
}

 .lobby_link a {
     color: var(--testo_gradiente);
}
/*FINE lobbies*/
/*accettazione termini*/
 .accept_title{
     color: #DECE5A;
     font-size: 16px;
     font-family: 'Montserrat' !important;
     text-align: center;
}
 .accept_text{
     display: block;
     font-size: 12px;
     font-family: 'Montserrat' !important;
     line-height: 20px;
     margin-bottom: 10px !important;
     text-transform: capitalize;
}
 #accept{
     float: none;
     margin-bottom: 0;
     margin-left: auto;
     margin-right: auto;
     margin-top: 0;
     width: 200px;
}
 .little{
     color: #AAAAAA;
     display: block;
     font-size: 9px;
     font-family: 'Montserrat' !important;
     font-weight: normal;
     line-height: 14px;
     margin-bottom: 10px !important;
}
#movementBox {
     margin: auto;
     border: 1px solid;
     border-width: 1px;
     border-radius: 7px;
     border-image-slice: 1;
     height: 360px;
     width: 630px;
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 100%);
     backdrop-filter: blur(10px);
     border: none !important;
     border-radius: 6px;
}
#movementBox::before{
     content: "";
     position: absolute;
     inset: 0;
     border-radius: 6px;
     padding: 1px;
     background: linear-gradient(139.4deg, #FFFFFF 8.21%, rgba(198, 198, 198, 0) 95.38%);
     -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
     -webkit-mask-composite: xor;
     mask-composite: exclude;
     pointer-events: none;
}
#movementBox h3 {
     margin-bottom: 15px;
}
.overlayActive .fav_game, .overlayActive #section_lower_block{
     z-index: -999 !important;
}
#btnMovement {
	margin-top: 15px !important;
	margin-bottom: 10px;
     margin-left: 10px;
}
#movType {
     color: white;
	height: 22px !important;
     background: transparent;
     border-image-source: linear-gradient(to left, #363636, #8d8d8d) !important;
     border: 1px solid;
     border-width: 1px;
     border-radius: 7px;
     border-image-slice: 1;
}
#movType option {
     background: #757575;
}
#movResult {
     margin-top: 5px;
     height: 228px !important;
}
#movFilter label input {
     color: white;
     background: transparent;
     border-image-source: linear-gradient(to left, #363636, #8d8d8d) !important;
     border: 1px solid;
     border-width: 1px;
     border-radius: 7px;
     border-image-slice: 1;
     width: 120px;
     margin-right: 15px;
}
#movFilter {
     padding-left: 10px;
}
#thumbs_container_new {
     width: 1376px;
     margin-top: 130px;
 }
#thumbs_container_new .games_thumbs li {
	border-radius: 9px !important;
     border: none !important;
     width: 162px !important;
     margin: 5px !important;
}
#thumbs_container_new .games_thumbs li img {
	border-radius: 9px !important;
}
#thumbs_container_new .games_thumbs {
    width: 100%;
    text-align: left;
	margin-bottom: 40px;
}
.games_thumbs li span { 
	display: block !important; 
}
#toggle_btn{
     text-align: center;
     position: absolute;
     justify-content: center;
     display: flex;
     text-align: center;
     width: 1373px;
     margin-bottom: 20px;
}
#toggle_btn button{
     all: initial;
     margin: 0 auto;
     width: 30px;
     height: 30px;
}
#up_down.up, #up_down.down{
     cursor: pointer;
}
#up_down.up{
     background-image: url(../img/arrows/arr_up.svg);
     background-size: 75%;
     background-repeat: no-repeat;
     background-position: center;
}
#up_down.down{
     background-image: url(../img/arrows/arr_down.svg);
     background-size: 75%;
     background-repeat: no-repeat;
     background-position: center;
}
#up_down.down:hover, #up_down.up:hover{
     opacity: 0.7;
}
#providers_text{
     cursor: pointer;
     font-size: 16px;
     font-family: 'Montserrat' !important;
     font-weight: 400;
     line-height: 12px;
     letter-spacing: 0em;
     text-align: center;
     width: 76px;
     height: 13px;
     margin: 0 auto;
     margin-top: 21px;
     color: #D9D9D9;
     cursor: pointer;
     font-weight: 700;
     line-height: 22px;
     letter-spacing: 0em;
}
/* Slick plugin */
.slider {
     /* width: 50%; */
     margin: 100px auto;
 }
 .slick-slide {
   margin: 0px 5px;
 }

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

 .slick-slide {
   transition: all ease-in-out .3s;
 }
 
 .slick-active {
   cursor: pointer;
 }

.slick-prev:before, .slick-prev:focus, .slick-prev::after, .slick-prev, .slick-prev:hover{
     content: "";
     background-image: url(../img/arrows/arr_left.svg) !important;
     background-repeat: no-repeat;
     background-position: right -28px center; 
     background-size: 52px;
}

.slick-prev:hover{
     content: "";
     background-image: url(../img/arrows/arr_left.svg) !important;
     background-repeat: no-repeat;
     background-position: right -28px center; 
     background-size: 52px;
     opacity: 0.7;
}

.slick-next:before, .slick-next:focus, .slick-next::after, .slick-next, .slick-next:hover{
     content: "";
     background-image: url(../img/arrows/arr_right.svg) !important;
     background-repeat: no-repeat;
     background-position: right -6px center; 
     background-size: 62px;
}

.slick-next:hover{
     content: "";
     background-image: url(../img/arrows/arr_right.svg) !important;
     background-repeat: no-repeat;
     background-position: right -6px center; 
     background-size: 62px;
     opacity: 0.7;
}
 .slick-current {

 }
 .fav_title_1{
     color: #D8EC38;
     cursor: pointer;
 }
 .fav_title_2{
     color: #D9D9D9;
     cursor: pointer;
 }
 #fav_games_title{
     font-size: 16px;
     font-family: 'Montserrat' !important;
     font-weight: 700;
     line-height: 20px;
     letter-spacing: 0em;
     text-align: left;
     cursor: pointer;
     margin-left: 5px;
     margin-bottom: 10px;
     margin-top: 30px;
 }

 .category h1{
     cursor: pointer;
     float: left;
     margin-left: 10px;
     font-size: 16px;
     font-family: 'Montserrat' !important;
     font-weight: 700;
     line-height: 20px;
     letter-spacing: 0em;
     text-align: left;
     color: #D9D9D9;     
 }
 #searchInput{
     right:0;
     position: relative;
     float: right;
     width: 197px;
     height: 26px;
     border-radius: 4px;
     border: 1px solid #FFFFFF;
     background: transparent;
     color: #FFFFFF;
     padding-left: 11px;
     font-size: 12px;
     font-family: 'Montserrat' !important;
     margin-top: 31px;
     background-image: url('../img/search.png');
     background-repeat: no-repeat;
     background-position: right 10px center;
 }
 .heart{
    background: #00000057;
    border-radius: 50%;
    width: 22px;
    height: 18px;
    padding: 1px;
    padding-top: 5px;
    vertical-align: middle;
    text-align: center;
 }
 /* fav heart */
#fav_games_container .heart{
     cursor: pointer;
     color: #D8EC38;
     position: absolute;
     margin: 10px;
     font-size: 16px;
     font-family: 'Montserrat' !important;
     z-index: 1;
}
#fav_games_container  .heart.activeHeart{
     color: #D8EC38;
 }
 #fav_games_container .heart:hover{
     color: #88A920;
 }
 /* ------------------------ */
 #thumbs_container_new .heart{
     cursor: pointer;
     color: #D9D9D9;
     z-index: 1;
     position: relative;
     font-size: 16px;
     font-family: 'Montserrat' !important;
     margin: 10px;
     margin-bottom: -40px;
}
#thumbs_container_new .heart.activeHeart{
     color: #D8EC38;
 }
 #thumbs_container_new .heart:hover{
     color: #88A920;
 }
 /* end of fav heart */

.games_categories{
     width: 100%;
}

.games_categories div.category{
     width: 100%;
     display: grid;
}
   
div#thumbs_container_new .games_thumbs li {
     background: transparent;
     display: inline-block;
     float: left;
     max-height: 100%;
     padding: 0;
     position: relative;
     text-align: center;
     width: 162px !important;
     height: 115px;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     border-image-source: linear-gradient(200deg, #ffffff, #000) !important;
     border: 1px solid;
     border-width: 1px;
     border-radius: 7px;
     border-image-slice: 1;
     margin: 0 !important;
     margin-top: 5px !important;
}
div#thumbs_container_new li::before,
#fav_games_container li::before 
{
     opacity: 0;
     background: #000000B2 none repeat scroll 0 0 !important;
     content: "";
     height: 100%;
     width: 100%;
     left: 0;
     right: 0;
     top: 0;
     margin: auto !important;
     position: absolute;
     border-radius: 9px !important;
}
div#thumbs_container_new li:hover::before, 
#fav_games_container li:hover::before 
{
     opacity: 1;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
.games_thumbs div.fav_game:hover, #fav_games_container .fav_game:hover{
     box-shadow: 0 0 30px var(--colore_principale); 
}    

div#thumbs_container_new .games_thumbs li img {
     display: inline-block;
     height: auto;
     margin: 0;
     max-height: 170px;
     min-height: 170px;
     width: 100%;
}
   
div#thumbs_container_new .button, 
#fav_games_container .button 
{
     display: inline-block;
     float: right;
     margin: 0 auto;
     padding: 0;
     width: 100%;
     font-weight: bold;
     display: none;
}
   
/* hovered plays  */
div#thumbs_container_new li .button.for_logged,
div#thumbs_container_new li .button.for_real,
#fav_games_container li .button.for_logged,
#fav_games_container li .button.for_real{
     opacity: 0;
     background: transparent !important;
     backdrop-filter: blur(10px);
     margin: auto !important;
     position: absolute !important;
     right: 0 !important;
     top: 0 !important;
     left: 0 !important;
     bottom: 0 !important;
     font-family: Montserrat !important;
     font-size: 18px !important;
     font-family: 'Montserrat' !important;
     font-weight: 600 !important;
     letter-spacing: 0em !important;
     border: 1px solid white !important;
     border-radius: 19px !important;
     text-align: right !important;
     display: block !important;
     text-transform: none !important;
     height: 38px !important;
     width: 80px !important;
     text-align: center!important;
     padding-right: 0 !important;
     padding-left: 28px !important;
}
   
div#thumbs_container_new li .button.for_logged,
div#thumbs_container_new li .button.for_real,
#fav_games_container li .button.for_logged,
#fav_games_container li .button.for_real{
     background-image: url("../img/play/play.svg") !important;
     background-position: 6px 6px !important;
     background-repeat: no-repeat !important;
     background-size: 25px auto !important;
}


div#thumbs_container_new li:hover .button.for_logged,
div#thumbs_container_new li:hover .button.for_real,
#fav_games_container li:hover .button.for_logged,
#fav_games_container li:hover .button.for_real{
     opacity: 1;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 
div#thumbs_container_new li .button.for_logged::after, div#thumbs_container_new li .button.for_real::after{
     content: none !important;
}
   
div#thumbs_container_new .fun.button {
     display: inline-block;
}
   
   div#thumbs_container_new .fun.button, div#thumbs_container_new .fun.button + .real.button {
     border-radius: 0 10px 10px 0;
     display: inline-block;
     left: 0;
     position: absolute;
     top: 10px;
     width: 30%;
     display: none;
   }


/* nav category */
.cat{
     position: absolute;
     margin-top: 40px;
     display: none;
}
.fav_title_1_cat{
     background-image: url(../img/play/allgame.svg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 75%;
     color: #D8EC38;
     cursor: pointer;
     height: 22px;
     width: 30px;
     display: inline-block;
 }
 .fav_title_2_cat{
     color: #D9D9D9;
     cursor: pointer;
     font-family: Montserrat;
     font-size: 16px;
     font-weight: 700;
     line-height: 22px;
     letter-spacing: 0em;
     text-align: left;
 }
 #game_category_nav_tab{
     font-size: 16px;
     font-family: 'Montserrat' !important;
     font-weight: 700;
     line-height: 20px;
     letter-spacing: 0em;
     text-align: left;
     cursor: pointer;
     margin-left: 5px;
     margin-bottom: 10px;
     display: none;
     justify-content: center;
     width: 1373px;
     position: absolute;
 }

#game_category_nav_tab_mainMenu {
     display: inline-flex;
     margin-top: 15px;
     height: 32px;
}
#game_category_nav_tab_mainMenu li{
     margin-top: 10px;
     cursor: pointer;
}
#game_category_nav_tab_mainMenu a{
     width: 160px;
     display: inline-flex;
     height: 27px;
     font-family: 'Montserrat' !important;
     padding: 5px;
     padding-top: 15px;
     background: transparent;   
     text-align: center;
     padding-bottom: 0px;
     font-size: 16px;
     font-weight: 700;
     line-height: 20px;
     letter-spacing: 0em;
     justify-content: center;
}
#game_category_nav_tab_mainMenu a:hover{
     position: relative;
     border-bottom: 2px solid #D8EC38;
}
.activeCat{
     border-bottom: 2px solid #D8EC38;
}

 .countCat::before {
     content: "";
     position: absolute;
     inset: 0;
     display: inline-flex;
     width: 26.4px;
     height: 18px;
     border-radius: 2px;
     padding: 1px;
     background: linear-gradient(137.5deg, #FFFFFF 3.5%, rgba(198, 198, 198, 0) 131.47%);
     -webkit-mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
     -webkit-mask-composite: xor;
     mask-composite: exclude;
     z-index: -1;
   }
   .countCat {
     position: relative;
     background: transparent;
     margin-left: 5px;
     width: 26.4px;
     height: 18px;
     border: none !important;
     border-radius: 2px;
     font-size: 11px;
   }
/* end of nav category */
.fav_game{

    float: left;
    padding: 0;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; 
    border-radius: 9px !important;
    margin: 5px !important;
    width: 162px !important; 
    height: 115px;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden;
    z-index: 0;
 }
 #fav_games_container .fav_game:nth-child(1) {
    height: 236px;
    min-height: 236px !important;
    border-radius: 9px !important;
    width: 331px !important;
}
#fav_games_container .fav_game:nth-child(1) span.title{
     font-size: 17px;
     font-family: 'Montserrat' !important;
     margin-top: -23px !important;
     height: 23px;
}
title.span{
     cursor: pointer;
}
.fav_game img{
    display: inline-block;
    margin: 0;
    max-height: 115px !important;
    min-height: 115px !important;
    width: 100%;
    border-radius: 9px !important;
 }

#fav_games_container .fav_game:nth-child(1) img{

     height: 236px;
    min-height: 236px !important;
    border-radius: 9px !important;
    width: 331px !important;

}

 div#thumbs_container_new li a,
#fav_games_container .fav_game li a{
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 auto !important;
}
#fav_games_container .fav_game:nth-child(1) li .button.for_logged,
#fav_games_container .fav_game:nth-child(1) li .button.for_real{

     position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}
.fav_game span.title{
     display: block !important;
     color: white;
     text-align: center;
     vertical-align: middle;
     font-size: 12px;
     font-family: 'Montserrat' !important;
     font-weight: 600;
     line-height: 18px;
     letter-spacing: 0em;
     text-align: center;
     background: linear-gradient(to top, black, transparent);
     position: relative;
}
 #fav_games_container .fav_game span.title {
    margin-top: -19px !important;
    padding-bottom: 2px;
 }

 .games_thumbs .fav_game span.title {
    margin-top: -19px;
    background-color: transparent !important;
    padding-bottom: 2px;
 }

#container, .fixed-nav #header, .fixed-nav #user_navigation{
     width: 1373px;
}


 .lobbies_thumbs.row li:hover::before, .row .slick-slide li.active::before {
     content: '';
     position: absolute;
     width: 100px;
     height: 40px;
     bottom: 0;
     margin: 0px auto;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     font-size: 18px;
     font-family: 'Montserrat' !important;
     font-weight: bold;
     z-index: 0;
     pointer-events: none;
     opacity: 0.5;
     background-size: 100% 200%;
     background-position: center bottom;
     background-repeat: no-repeat;
 }
#providerTitle{
     width: 269px;
     height: 105px;
     position: relative;
     font-size: 29px;
     font-family: 'Montserrat' !important;
     font-weight: 600;
     line-height: 39px;
     letter-spacing: 0em;
     text-align: left;
     margin-left: 5%;
     top: 30%;
 }
 #providerTitle .title1{
     font-weight: 600; 
     letter-spacing: 1px;
     font-family: 'Montserrat' !important;
 }
 #providerTitle .title2{
     margin-top: 3px;
     width: 187px;
     height: 66px;
     top: 235px;
     left: 396px;
 }
 #providerTitle .title2 img{
     width: 187px;
     height: 66px;
 }
/* Transferisci fondi HUB Casino */
#transfer_money h1 {
     margin-top: 30px;
     margin-left: 15px;
}

.money_info {
     margin-top: 15px !important;
     position: absolute;
     width: 400px;
     text-align: left;
}

#btnTranfer {
     font-size: 11px !important;
     font-weight: bold;
     background: linear-gradient(95.02deg, #94B32A 0.93%, #D8EC38 96.72%);
     color: black;
}

#btnTranfer:hover {
     background: transparent;
     color: #FFFFFF;
}

#transfer_money::before {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: 6px;
     padding: 1px;
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 100%),
linear-gradient(139.4deg, #FFFFFF 8.21%, rgba(198, 198, 198, 0) 95.38%);
     -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
     -webkit-mask-composite: xor;
               mask-composite: exclude;
     pointer-events: none;
     z-index: -2;
 }
 #transfer_money {
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 100%);
     backdrop-filter: blur(10px);
     margin-right: 5%;
     margin-top: 4.3%;
     width: 382px;
     height: 210px;
     border: none !important;
     border-radius: 6px;
     z-index: -1;
 }
 #amountCont::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 6px;
    padding: 1px;
    background: linear-gradient(149.4deg, #FFFFFF 28.21%, rgba(198, 198, 198, 0) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -2;
    width: 266px;
    height: 26px;
 }
#amountCont{
     display: inline-flex;
     padding: 0 !important;
     width: 263px;
     height: 26px;
     border-radius: 6px;
     position: relative;
}
.form_content fieldset label{
     margin: 0 !important;
}


.form_content fieldset label input[type="radio"] {
     position: relative;
     cursor: pointer;
     appearance: none;
     -webkit-appearance: none;
     background-color: transparent;
     margin-right: 0px !important;
     border-radius: 50%;
     height: 13.2px;
     width: 13.2px;
 }

 #toCasino,
 #toSport {
     margin-top: -1.5px !important;
 }
.radio1::before,
.radio2::before {
    content: "";
    position: absolute;
    height: 11.2px;
    width: 11.2px;
    border-radius: 50%;
    padding: 1px;
    background: linear-gradient(139.4deg, #ffffff 8.21%, transparent 95.38%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -2;
}
.radio1:checked::before,
.radio2:checked::before,
.radio1:focus::before,
.radio2:focus::before,
.radio1:hover::before,
.radio2:hover::before{
     content: "";
     position: absolute;
     height: 11.2px;
     width: 11.2px;
     border-radius: 50%;
     padding: 1px;
     background: linear-gradient(139.4deg, #D8EC38 8.21%, transparent 95.38%);
     -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
     -webkit-mask-composite: xor;
     mask-composite: exclude;
     pointer-events: none;
     z-index: -2;
}

 .form_content fieldset label input[type="radio"]:checked, .form_content fieldset label input[type="radio"]:focus, .form_content fieldset label input[type="radio"]:hover  {
     background: radial-gradient(circle, #D8EC38 0%, transparent 35%);
     border: 0;
 }

 .sliderTop {
     margin-left: 50px !important;
 }


.slick-track li.hubupgaming a, .slick-track li.hubbtg a{
     background-size: 95%;
}
#transfer_money .form_content fieldset label{
     margin-bottom: 8px !important;
     margin-left: 5px !important;
     font-size: 12px;
     font-family: 'Montserrat' !important;
     font-weight: 400;
     line-height: 12px;
     letter-spacing: 0em;
     text-align: left;
}
input#amnTransfer{
     background-color: transparent;
     width: 184px;
     height: 27px;
     border: none;
     padding: 0;
     color: #FFFFFF;
     font-size: 10px;
     font-family: 'Montserrat' !important;
     font-weight: 400;
     line-height: 12px;
     letter-spacing: 0em;
     text-align: left;
     cursor: pointer;
     padding-left: 10px;
}
input#amnTransfer::placeholder{
     color: #FFFFFF;
     font-size: 10px;
     font-family: 'Montserrat' !important;
     font-weight: 400;
     line-height: 12px;
     letter-spacing: 0em;
     text-align: left;
     cursor: pointer;
}
#transferForm {
     margin-top: 18%;
}

.form_content {
     background: transparent;
     padding-left: 5%;
}
.form_content button {
     margin: 0 !important;
     width: 75px;
     height: 26px;
     border-radius: 0px 6px 6px 0px;
     border: none;
     background: transparent;
     border-left: 1px solid #a5a8ae;
     color: #FFFFFF;
     margin-top: 1px !important;
     font-size: 12px;
}
.form_content button:focus, .form_content button:hover, .form_content button:active{
     border-left: 1px solid #a5a8ae;
     background: linear-gradient(95.02deg, #88A920 0.93%, #D8EC38 96.72%);
     color: #190A31;

}
.form_content fieldset label span {
     margin-right: 15px;
}

#popUpBtn{
     cursor: pointer;
     color: #FFFFFF;
     font-size: 12px;
     font-family: 'Montserrat' !important;
}
#popUpBtn {
     --h: 1.2em;
     --c: var(--colore_principale);
     
     line-height: var(--h);
     color: #FFFFFF;
     text-shadow: 
       0 var(--_t,var(--h)) #fff,
       0 0 var(--_c,#000);
     box-shadow: 0 var(--_t,var(--h)) var(--c);
     clip-path: inset(0 0 1px 0);
     background: 
       linear-gradient(var(--c) 0 0) 0 var(--_t,var(--h)) no-repeat;
     transition: 0.4s ,clip-path 0.4s 0.4s;
     margin-left: 23.1px;
   }
#popUpBtn:hover {
     --_t: 0;
     --_c: #FFFFFF;
     clip-path: inset(0 0 calc(-1*var(--h)) 0);
     transition: 0.4s 0.4s, clip-path 0.4s;
   }


   #btnRefresh::before {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: 3px;
     padding: 1px;
     background: #ffffff;
     -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
     -webkit-mask-composite: xor;
               mask-composite: exclude;
     pointer-events: none;
     z-index: -2;
 }
 #btnRefresh {
     background: transparent;
     backdrop-filter: blur(10px);
     width: 22px;
     height: 22px;
     border: none !important;
     border-radius: 3px;
     background-image: url(../img/arrows/refresh.svg);
     background-size: 57%;
     background-repeat: no-repeat;
     background-position: center;
     border-image-source: linear-gradient(150deg, #ffffff, transparent) !important;
     float: right;
     margin: 0;
     margin-right: 35px;
     margin-top: 4px;
 }
 #btnRefresh:hover{
     opacity: 0.7;
 }

.moneyAmount{
     display: inline-flex !important;
     justify-content: space-between;
     width: 280px;
     margin-left: 23px;
     margin-top: 5px !important;
}
.moneyAmount span{
     margin-left: 0;
     margin-right: 0;
     font-size: 15px;
     font-family: 'Montserrat' !important;
     font-weight: 200;
     line-height: 20px;
     letter-spacing: 0em;
     text-align: left;
     color: #FFFFFF !important;
}
 .verticalLine{
     background: radial-gradient(50% 50% at 50% 50%, #D9D9D9 0%, rgba(217, 217, 217, 0) 100%);
     width: 1px;
     height: 35px;
     margin-top: -7px;
 }
 #imgMoney{
     float: right;
     margin-right: -39px;
     margin-top: -53px;
 }
/* heart tooltip */
p.heart{
     position:relative;
}
p.heart:hover{
     text-decoration:none;
}
p.heart:after{
     content: attr(tip);
     font-family:'Montserrat';
     font-size:10px;
     line-height:1.2em;
     color:#fff;
     width:auto;
     padding:5px 10px;
     background:rgb(7, 7, 7);
     border: 1px solid #fff;
     position:absolute;
     top:20px;
     left: 25px;
     display:none;
}
p.heart:before{
     z-index:1000;
     position:absolute;
     content:"";
     top:15px;
     left:0px;
     border-right:7px transparent solid;
     border-left:7px transparent solid;
     display:none;
}
p.heart:hover{
     z-index:1000;
     position:relative;
     color:#8325f7;
}
p.heart:hover:after{
     display:block;
}
p.heart:hover:before{
     display:block;
}

/* up_down tooltip */
button#up_down{
     position:relative;
}
button#up_down:hover{
     text-decoration:none;
}
button#up_down:after{
     content: attr(tip);
     font-family:'Montserrat';
     font-size:10px;
     line-height:1.2em;
     color:#fff;
     width:auto;
     padding:5px 10px;
     background:rgb(7, 7, 7);
     border: 1px solid #fff;
     position:absolute;
     top:20px;
     left: 25px;
     display:none;
}
button#up_down:before{
     z-index:1000;
     position:absolute;
     content:"";
     top:15px;
     left:0px;
     border-right:7px transparent solid;
     border-left:7px transparent solid;
     display:none;
}
button#up_down:hover{
     z-index:1000;
     position:relative;
     color:#8325f7;
}
button#up_down:hover:after{
     display:block;
}
button#up_down:hover:before{
     display:block;
}

.unLogged_text{
     color: #FFFFFF;
     float: right;    
     margin-right: 55px;
     font-size: 40px;
     text-align: center;
     margin-top: 8%;
     font-weight: bold;
     line-height: 128%;
     font-family:'Montserrat';
}

.color_unLogged_text {
     color: #D8EC38;
}

.game_category_nav_tab_menus li a {
	color: white !important;
}

ul.lobbies_thumbs li a {
     background: transparent;
}