@font-face {
font-family: 'LPCBeauSans';
src: url('../../fonts/PFBeauSansPro/PFBeauSansPro-Bbook.eot');
src: url('../../fontsNexa/PFBeauSansPro-Bbook.eot?#iefix') format('embeddedopentype'),
url('../../fonts/PFBeauSansPro/PFBeauSansPro-Bbook.woff2') format('woff2'),
url('../../fonts/PFBeauSansPro/PFBeauSansPro-Bbook.woff') format('woff'),
url('../../fonts/PFBeauSansPro/PFBeauSansPro-Bbook.ttf') format('truetype'),
url('../../fonts/PFBeauSansPro/PFBeauSansPro-Bbook.otf') format('opentype'),
url('../../fonts/PFBeauSansPro/PFBeauSansPro-Bbook.svg#svgPFBeauSansPro-Bbook') format('svg');
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face 
{
font-family: 'Big Jhon';
src: url('../../fonts/BIG-JOHN/BIG-JOHN.eot');
src: url('../BIG-JOHN/BIG-JOHN.eot?#iefix') format('embeddedopentype'),
url('../../fonts/BIG-JOHN/BIG-JOHN.woff2') format('woff2'),
url('../../fonts/BIG-JOHN/BIG-JOHN.woff') format('woff'),
url('../../fonts/BIG-JOHN/BIG-JOHN.ttf') format('truetype'),
url('../../fonts/BIG-JOHN/BIG JOHN.otf') format('opentype'),
url('../../fonts/BIG-JOHN/BIG JOHN.svg#svgBIG JOHN') format('svg');
font-style: normal;
font-weight: normal;     
}

@font-face {
font-family: 'Maven';
src: url('../../fonts/Maven/MavenPro-Regular.eot');
src: url('../Maven/MavenPro-Regular.eot?#iefix') format('embeddedopentype'),
url('../../fonts/Maven/MavenPro-Regular.woff2') format('woff2'),
url('../../fonts/Maven/MavenPro-Regular.woff') format('woff'),
url('../../fonts/Maven/MavenPro-Regular.ttf') format('truetype'),
url('../../fonts/Maven/MavenPro-Regular.otf') format('opentype'),
url('../../fonts/Maven/MavenPro-Regular.svg#svgMavenPro-Regular') format('svg');
font-style: normal;
font-weight: normal;     
}


html,
body {
position: relative;
margin: 0;
padding: 0;
color: #fff;
overflow-y:hidden;
font-size: 16px;
}
body{
background-image: url('/../img/tables/roombg.png');
background-size: 220%;
background-repeat: repeat;
background-position: center center;  
height: 100vh;  
font-family:'Maven';
font-style: normal;
color: #fff;
}
.container{
padding:0;
width:100%;
height:100%;
max-width:100%;
/*max-width:1920px;*/
margin:0 auto;
position:relative;
}
.header {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
padding-bottom: 0.625rem;
}
#canvas{
background-image: none;
position: absolute;
top: 0;
left: 0;
right: 0;
background-position: bottom center;
background-size: cover;
width: 100%;
height: 100%;
overflow: hidden;
}
#cards_container{
height: 100%;
width: 100%;
position: absolute;
bottom: 0;
top: 0;
right: 0;
left: 0;
z-index: 44;
background-color: transparent;
}
/*#cards_container:after{
background: linear-gradient(to left, #0A0A0A -12%, transparent 40%), linear-gradient(to right, #0A0A0A -12%, transparent 40%);
content:"";
width:100%;
height:100%;
position:absolute;
right:0;
left:0;
bottom:0;
top:0;
z-index:2;
}*/
#video_advertisment_fluid_control_fullscreen{
display:none!important;
}




#waiting_screen{
height: 100vh;
background-image: url('/../../img/imgWeb/bg1.jpeg');
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  position: absolute;
  z-index: 11000;
}


#firework_block {
position: absolute;
top: 0;
left: 0;
right: 0;
background-image: url("/../img/firework.gif");
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
z-index: 9999;
display: none;
}
#typing_message{
margin-top: 20%;
text-transform: uppercase;
color: #fff;
font-size: 2.8rem; 
font-style: italic;
}
/*menu-hamburger*/
.top-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
color: #fff;
position: absolute;
top: 1rem;
right: 1rem;
z-index: 251;
width:11rem;
height:50px;
}
.movecards_userdata{
position: absolute;
top: 0;
left: 0;
padding:0;
margin: 0 auto;
width: 30%;
z-index: 2;
margin-top: 1rem;
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  list-style-type: none;
  margin: 0;
  margin-right: 2rem;
  padding: 0;
  z-index: 12000;
 width: 20rem;
  float: right;
}

.menu > li {
  margin: 0 1rem;
  overflow: hidden;
   width: 20rem;
   float: right;
   z-index: 22232;
   cursor:pointer;
}

.menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#menu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #fff;
  position: absolute;
  height: 3px;
  width: 36px;
  margin-right: 1rem;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: "";
  margin-top: -8px;
}

.menu-button::after {
  content: "";
  margin-top: 8px;
}
#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  -webkit-transform: rotate(405deg);
      -ms-transform: rotate(405deg);
          transform: rotate(405deg);
}
#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}
#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  -webkit-transform: rotate(-405deg);
      -ms-transform: rotate(-405deg);
          transform: rotate(-405deg);
}
  .menu-button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .menu {
    position: absolute;
    top: 0;
    margin-top: 50px;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 11111;
  }

  #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  #menu-toggle:checked ~ .menu li {
    border: 1px solid #333;
    height: 2.5em;
    padding: 0.5em;
    -webkit-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  .menu > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    padding: 0.5em 0;
    width: 100%;
    color: #fff;
    background-color: #933705;
  }

  .menu > li>a{
    color:  #fff;
    text-transform: uppercase;
    text-decoration:none;
    opacity: 1;
  }
    .menu > li>a:hover{
    color:  #fff;
    text-decoration: none;
    opacity: 0.8;
  }
  .menu > li:not(:last-child) {
    border-bottom: 1px solid #444;
  }

    .menu > li{
    color:  #fff;
    text-transform: uppercase;
    opacity: 1;
  }
    .menu > li:hover{
    color:  #fff;
    opacity: 0.8;
  }
#table{
position:absolute;
max-height:63vh;
left:0;
right:0;
top: 50%;                        
-webkit-transform: translate(0, -50%);                        
    -ms-transform: translate(0, -50%);                        
        transform: translate(0, -50%); 
margin:0 auto;
z-index:2;
}
.card-back {
position: absolute;
max-width: 80px;
max-height: 106px;
transition-property: left top;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
cursor: pointer;
-webkit-perspective: 500px;
perspective: 500px;
top: 40%;
left: 100px;
}
video {
width: 100%!important;
height: 100%!important;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
-o-object-fit: fill;
   object-fit: fill;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.players_blocks_cards{
display: inline-block;
position: absolute;
width: 7rem;
height:7rem;
border-radius: 0.6rem;
z-index: 1033;
/*overflow:hidden;*/
}
.centered_local_container {
width: 6rem;
height: 7rem;
z-index:2000;
position:absolute;
left: 0!important;
right: 0!important;
bottom:2rem;
margin:0 auto;
}
#container_local{
margin: 0 auto;
width: 100%;
height: 100%;
margin-bottom: 0;
border-radius: 0.6rem;  
}
div.player_video_container, 
#my_video{
margin: 0 auto;
width: 100%;
height: 100%;
margin-bottom: 0;
border-radius: 0.6rem;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.video_avatar{
display:block;
position:absolute;
top:0;
right:0;
left:0;
margin: 0 auto;
width:100%;
height:100%;
border-radius: 0.6rem;
}
#my_video{
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
position:relative;
z-index:333;
cursor:pointer;
}
#my_video.scaled{
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5); 
z-index:1050; 
}
div.player_video_container.video_on{
background-image: none;
}
#container_local.player_video_container{
background-image:none;
}
div.player_video_container.filled{
background-image: none;
}
/*video_controls*/
.rules_chat{
position:absolute;
width:100%;
width:5rem;
bottom:0;
display:none;
}
.rules_chat>span{
display: inline-block;
font-weight: bold;
width: 50%;
border-radius:50%;
box-sizing: border-box;
cursor: pointer;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
background-repeat: no-repeat;
background-size: contain;
background-position:center;
position:relative;
background-color: #be3b03;
border: 1px solid #93360e;
height:1.5rem;
width:1.5rem;
z-index:901;
margin-right:0.5rem;
}
.rules_chat>span:hover{
opacity: 0.6;
}
.rules_chat>span#micro{
display:inline-block;
background-image: url('/../img/mic.svg');
background-size:40%;
}
.rules_chat>span#camera{
background-size:50%;
background-image: url('/../img/cam.svg');
}
.rules_chat>span.blocked::after {
position: absolute;
content: ' ';
top: 50%;
left:0;
right:0;
margin:0 auto;
width: 70%;
height: 2px;
background-color: #fff;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.main_player_blocks_cards.centered{
right: 0;
left: 0;  
}
.video_block {
position: absolute;
bottom: 0;
left: 0;
z-index: 78888888;
}
.stack_info {
font-size: 1rem;
display: inline-block;
text-align: center;
border-radius: 50%;
background-color:#bc3f09;
line-height: 2rem;
z-index: 877;
width: 2rem;
height: 2rem;
font-weight:bold;
color: #fff;
position: absolute;
opacity: 0;
z-index:2601!important;
}
#stack_amount{
top: 45%;
left:50%;
margin:0 auto;
}
.players_in_game_name {
text-align: center;
color: #cacac8;
font-size: 1rem;
text-transform: none;
padding-top: 0.2rem;
font-family: 'LPCBeauSans';
display: inline-block;
margin: 0 auto;
opacity: 1;
white-space: nowrap;
}
.players_in_game.current_player {
position: absolute;
top: 2%;
right: 2%;
margin: 0 auto;
display: inline-block !important;
padding: 0;
text-align: center;
}
#user_id,
#user_name{
position: absolute;
}
#movecards{
color: #fff;
font-size: 1rem;
text-transform: uppercase;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom:0;
background-image: url('/../img/main/bg_tiled.jpg');
background-size: 100%;
background-repeat: repeat;
width: 100%;
height: 100%;
z-index: 1000;
text-align: center;
display: block;
z-index:999;
}
#typing_text{
position: absolute;
top: 0;
left: 0;
right: 0;
background-image: url('/../img/main/bg_tiled.jpg');
background-size: contain;
background-repeat: repeat;
width: 100%;
height: 100%;
z-index: 10001;
text-align: center;
display: none;
}
#typing_message{
margin-top: 20%;
text-transform: uppercase;
color: #fff;
font-size: 2.8rem; 
font-style: italic;
}
.header {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
z-index: 777;
padding-bottom: 0.625rem;
}
.ads_wait{
max-width: 19rem;
margin: auto;
position: absolute;
top: 45%;
right: 0;
left: 0;
}
#advertisments_slider {
position: absolute;
z-index: 13000;
background-image: url('/../img/main/bg_tiled.jpg');
background-size: contain;
background-repeat: repeat;
height: 100vh;
width: 100%;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
display: none;
}
.game_page.logo{
display: block;
max-width: 10rem;
}
.inner_move_cards{
position: absolute;
width: 95%;
height: 95%;
margin: 0 auto;
top: 2.5%;
right: 0;
bottom: 0;
left: 0;
}
#move_text{
color: #fff;
text-transform: uppercase;
font-size: 1.2rem;
text-align: center;
font-family: 'LPCBeauSans';
margin-top: 0.5rem;
font-weight: bold;
}
.game_page.logo {
display: inline-block;
max-width: 12rem;
margin-top: 0;
z-index: 6;
margin-left:1rem;
float:left;
}
#user_name2{
color: #fff;
font-size: 1rem;
display: inline-block;
padding-left: 0;
text-transform: uppercase;
font-family: 'LPCBeauSans';
}
#main_name,.players_in_game_name{
padding-left: 0.2rem;
padding-right: 0.2rem;
}
.players_in_game_name.on_turn {
background-color: #639c27!important;
}
.main_player_video.centered.active,
.main_player_video.active{
border: 3px solid #639c27; 
}
.players_score_data,.players_score_names{
color:  #fff;
}
.table_score_title{
color:  #fff;
}
.player_personal.right_name{
text-align:left;
right:auto;
left:0!important;
}
.player_personal{
position:absolute;
bottom:24%;
z-index:901;
right:0;
max-width:80%;
overflow:hidden;
}
button {
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
cursor: pointer;
border: 1px solid transparent;
outline: none;
}
button:hover,
.game_icon:hover {
opacity: 0.6;
}

.brown_button {
border: 2px solid rgb(248, 99, 14);
background-color: #953b16;
padding: 0.5rem 1rem;
color: #eeeeee;
font-weight: bold;
font-size: 1rem;
margin: auto;
margin-top: 1rem;
display: block;
clear: both;
text-transform: uppercase;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
text-decoration: none;
text-align: center;
cursor: pointer;
}
.brown_button:hover{
opacity: 0.8;
text-decoration: none;
color: #eeeeee;
}
.black_button {
border-radius: 10px;
border: 2px solid #000;
background-color: #000;
padding: 0.5rem 1rem;
color: #eeeeee;
font-weight: bold;
font-size: 1rem;
margin: auto;
margin-top: 1rem;
display: block;
clear: both;
cursor: pointer;
text-transform: uppercase;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
text-decoration: none;
text-align: center;
-webkit-box-shadow: 0px 0px 0.3125rem rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0px 0px 0.3125rem rgba(255, 255, 255, 0.3);
box-shadow: 0px 0px 0.3125rem rgba(255, 255, 255, 0.3);
}
.black_button:hover{
opacity: 0.8;
text-decoration: none;
color: #eee;
}
.red_button {
cursor: pointer;    
background-color: #000;
border: 2px solid #000;
color: #eeeeee;
padding: 0.5rem 1rem;
font-weight: bold;
font-size: 1rem;
margin: auto;
margin-top: 1rem;
display: block;
clear: both;
text-transform: uppercase;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
text-decoration: none;
text-align: center;
-webkit-box-shadow: 0px 0px 0.3125rem rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0px 0px 0.3125rem rgba(255, 255, 255, 0.3);
box-shadow: 0px 0px 0.3125rem rgba(255, 255, 255, 0.3);
}
.red_button:hover{
opacity: 0.8;
text-decoration: none;
color: #eee;
}
.red_button.inlined,
.brown_button.inlined,
.black_button.inlined{
display: inline-block;
}


.col-md-12,
.col-md-6 {
padding-left: 0;
padding-right: 0;
}
.user_credentials {
float: right;
margin-top: 1.25rem;
}

.opponent_bank{
position: absolute;
background-color: #202022;
right:8%;
bottom:5px;
padding:0.1rem;
border-radius:0.4rem;
opacity: 0;
font-weight:bold;
font-size:0.9rem;
}
.right_bank{
left: 8%;
right:auto;
}
.active_bank{
position: relative;
background-color: #fff;
color:  #000;
text-align: right;
width: 100%;
opacity: 0;
border-radius:1rem;
font-weight:bold;
padding-right:0.5rem;
font-size:1rem;
}
.active_move {
border: 3px solid #f90000; 
border-radius:0.6rem;
}
#start_new_round{
opacity: 0;
}
/*ads*/
#adv1, #adv2{
position: absolute;
z-index: 55;
top:  20vh;
width: 10rem;
max-width:10%;
height: 100vh;
z-index:23;
}
#adv1{
left:  2vw;
}
#adv2{
right:  2vw;
}
#static_ad_mobile{
 z-index:23;
 min-height:50px;
 min-width:300px;
}
#buttons_block {
position: absolute;
text-align: center;
display:inline-block;
min-height:50px;
z-index:1600;
opacity:0;
}
.account_owner.user_credentials.game_data{
display: none;
}
#ad_blocker{
display: none;
}
#notification_box {
min-height: 40px;
min-width: 9rem;
background-color: transparent; 
}
#info_box,#pass_box{
min-height: 40px;
background-color: transparent;
min-width: 9rem;
}
#notification_box_message {
color: #fff;
background-color: #ff4d01;
}
#info_box_message, #pass_box_message{
background-color: #383838;
color: #eeeeee;
}
.dynamic_text_game{
text-align: center;
font-weight: bold;
position: relative;
padding: 0.5rem;
font-size: 1rem;
margin: 0 auto;
font-weight: bold;
display: none;
}
#information_board{
position: absolute;
left: 20%;
margin: 0 auto;
bottom: 30%;
max-width: 21rem;
z-index: 96;
display:inline-block;
}
#finish_advertisment{
display: none;
font-size: 1.2rem;
color: #fff;
text-transform: uppercase;
margin-top: 1rem;
font-weight: bold;
text-align: center;
}

.info_icon{
display:inline-block;
width:1rem;
height:1rem;
margin-right: 1rem;
}
@media (max-width: 844px) {
.game_page.logo {
display: none;
max-width: 10rem;
margin-left:0.5rem;
}
#table{
top: auto;   
transform: none;  
max-height:59vh;  
}
}

.selected {
margin-top: -4rem;
-webkit-transform: scale(1.1) !important;
-ms-transform: scale(1.1) !important;
transform: scale(1.1) !important;
z-index: 9000 !important;
margin-left: 150px !important;
}

@media (max-width: 767px) {
.stack_info {
font-size: 0.9rem;
line-height: 1.5rem;
width: 1.5rem;
height: 1.5rem;
}
.selected {
margin-top: -2rem;
margin-left: 30px !important;
}
#pass_box_message {
font-size:0.8rem;
}
#information_board {
position: absolute;
left: 2%;
margin: 0 auto;
max-width: 6rem;
}
#info_box, #pass_box {
min-height: 30px;
min-width: 6rem;
}
#typing_message {
font-size: 1.4rem;
margin-top: 55%;
}
.logo {
display:none;
margin-top:1rem;
}
#adv1, #adv2{
display:none;
}
#buttons_block {
max-width:330px;
right:0;
left:0;
margin:0 auto;
}
.game_page.logo{
display:none;
}
.active_bank {
font-size:0.6rem;
}
.game_page.logo {
display: none;
max-width: 6rem;
}
/*video mobile*/
#my_video,.centered_local_container {
width: 4rem;
height: 4.5rem;
top: 0;
margin:0 auto;
}
.players_blocks_cards {
width: 4.5rem;
height:4.5rem;
position:absolute;
top: 10%;
}
.rules_chat>span{
height:1rem;
width:1rem;
margin-right:0.3rem;
}
.rules_chat{
width:100%;
}

.players_in_game_name {
font-size: 0.6rem;
padding-top: 0.1rem;
}

}
@media (min-width: 1400px) {
.main_player_blocks_cards.active_game,
.main_player_blocks_cards.active_game{
top: 380%;
}
}
/*for ads from Adsterra*/
/*.mobileShow {display: none;}

  /* Smartphone Portrait and Landscape */
 /* @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){ 
      .mobileShow {display: inline;}
  }
  .mobileHide { display: inline; }*/

  /* Smartphone Portrait and Landscape */
/*  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){
     .mobileHide { display: none;}
  }*/
/*video_ads*/
#new_round,
#finish,#watching_video{
 max-width: 200px; 
/* margin-left: 2rem;*/
 display: inline-block;
}
#finish,#watching_video{
display: none;
}
#new_round_slide {
width: 100%;
height: 100vh;
z-index: 10001;
opacity: 0;
display: none;
}


td, th {
    padding: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
td {
    display: table-cell;
    vertical-align: inherit;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.buttons_container_round {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-align:center;
}



#table_score_container {
margin-top: 1.25rem;
text-align: center;
background-color: rgba(0,0,0, 0.3);
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem; 
max-height:20rem;
overflow-y:scroll;

}
#score_table {
margin: 0 auto;

}
.table_score_title {
padding: 1.25rem;
font-size: 1rem;
text-align: left;
color:  #fff;
text-transform: none;

}
.players_score_data {
padding: 1.25rem;
font-size: 1.4375rem;
text-align: left;
}
.players_score_data.scored {
background-color: #953b16;
}
.players_score_names {
padding: 0.5rem;
padding-bottom: 1rem;
font-size: 0.8rem;
text-align: center;
background-color: transparent;
font-weight: normal;
}
.table_player_avatar{
display: block;
width: 3.5rem;
border-radius: 6px;
border: 1px solid #eee;
margin: 0 auto;
}
.table_player_name{
text-transform: uppercase;
margin-top: 0.5rem;
text-align: center;
font-size: 0.9rem;
color: #fff;
}
#blocking_screen{
background-color: #000;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
width:100vw;
height:100vh;
z-index:21155;
display:block;
text-align:center;
padding-top:10%;
display:none;
}
#blocking_screen>p{
font-size:1rem;
font-weight:bold;
display:inline-block;
padding:0.5rem;
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
max-width:90%;
}
#video_ads{
text-align:center;
position:relative;
}


#static_ad_mobile{
max-width:20rem;
max-height:2.5rem;
position:absolute;
left:0;
right:0;
margin:0 auto;
display:none;
}
#shuffle,
#directing_process_block,
#select_modal_inner, 
#new_round{
display:none;
}

#directing_process_block{
z-index:8889;
bottom:0;
background-color:rgba(0, 0, 0, 0.4);
}
#advertisment2{
height:100%;
width:100%;
position:relative;
}

.scoreboard_title{
text-align: center;
text-transform: uppercase;
font-size: 3rem;
color: #ff4e02;
margin-top: 5rem;
font-weight: bold;
}
.shuffle_process {
display: block;
width: 90%;
max-width:18rem;
}
.video_block_round {
position: absolute;
top: 0;
left: 0;
width:80%;
}





/*cards_styles*/
.front{
background-image: url('/../img/cards/0.png');
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
}
.back{
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
}

.active_player{
/*border: 1px solid #333;     */
-webkit-box-shadow: 0px 3px 8px 1px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 3px 8px 1px rgba(34, 60, 80, 0.2);
box-shadow: 0px 3px 8px 1px rgba(34, 60, 80, 0.2);
}


/*.card-back{
-webkit-box-shadow: 16px 16px 16px 0px rgba(34, 60, 80, 0.1);
-moz-box-shadow: 16px 16px 16px 0px rgba(34, 60, 80, 0.1);
box-shadow: 16px 16px 16px 0px rgba(34, 60, 80, 0.1);
}*/



#cards102{
background-image: url('/../img/cards/102.png');    
}
#cards103{
background-image: url('/../img/cards/103.png');    
}
#cards104{
background-image: url('/../img/cards/104.png');    
}
#cards105{
background-image: url('/../img/cards/105.png');    
}
#cards106{
background-image: url('/../img/cards/106.png');    
}
#cards107{
background-image: url('/../img/cards/107.png');    
}
#cards108{
background-image: url('/../img/cards/108.png');    
}
#cards109{
background-image: url('/../img/cards/109.png');    
}
#cards110{
background-image: url('/../img/cards/110.png');    
}
#cards111{
background-image: url('/../img/cards/111.png');    
}

#cards112{
background-image: url('/../img/cards/112.png');    
}
#cards113{
background-image: url('/../img/cards/113.png');    
}
#cards114{
background-image: url('/../img/cards/114.png');    
}
#cards202{
background-image: url('/../img/cards/202.png');    
}
#cards203{
background-image: url('/../img/cards/203.png');    
}
#cards204{
background-image: url('/../img/cards/204.png');    
}
#cards205{
background-image: url('/../img/cards/205.png');    
}
#cards206{
background-image: url('/../img/cards/206.png');    
}
#cards207{
background-image: url('/../img/cards/207.png');    
}
#cards208{
background-image: url('/../img/cards/208.png');    
}

#cards209{
background-image: url('/../img/cards/209.png');    
}
#cards210{
background-image: url('/../img/cards/210.png');    
}
#cards211{
background-image: url('/../img/cards/211.png');    
}
#cards212{
background-image: url('/../img/cards/212.png');    
}
#cards213{
background-image: url('/../img/cards/213.png');    
}
#cards214{
background-image: url('/../img/cards/214.png');    
}
#cards302{
background-image: url('/../img/cards/302.png');    
}
#cards303{
background-image: url('/../img/cards/303.png');    
}
#cards304{
background-image: url('/../img/cards/304.png');    
}
#cards305{
background-image: url('/../img/cards/305.png');    
}

#cards306{
background-image: url('/../img/cards/306.png');    
}
#cards307{
background-image: url('/../img/cards/307.png');    
}
#cards308{
background-image: url('/../img/cards/308.png');    
}
#cards309{
background-image: url('/../img/cards/309.png');    
}
#cards310{
background-image: url('/../img/cards/310.png');    
}
#cards311{
background-image: url('/../img/cards/311.png');    
}
#cards312{
background-image: url('/../img/cards/312.png');    
}
#cards313{
background-image: url('/../img/cards/313.png');    
}
#cards314{
background-image: url('/../img/cards/314.png');    
}
#cards402{
background-image: url('/../img/cards/402.png');    
}

#cards403{
background-image: url('/../img/cards/403.png');    
}
#cards404{
background-image: url('/../img/cards/404.png');    
}
#cards405{
background-image: url('/../img/cards/405.png');    
}
#cards406{
background-image: url('/../img/cards/406.png');    
}
#cards407{
background-image: url('/../img/cards/407.png');    
}
#cards408{
background-image: url('/../img/cards/408.png');    
}
#cards409{
background-image: url('/../img/cards/409.png');    
}
#cards410{
background-image: url('/../img/cards/410.png');    
}
#cards411{
background-image: url('/../img/cards/411.png');    
}
#cards412{
background-image: url('/../img/cards/412.png');    
}
#cards413{
background-image: url('/../img/cards/413.png');    
}
#cards414{
background-image: url('/../img/cards/414.png');
}


.content {
position: absolute;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
-o-transition: transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.card-back.flipped>.content {
-webkit-transform: rotateY(180deg) ;
transform: rotateY( 180deg ) ;
-webkit-transition: -webkit-transform 2s;
transition: -webkit-transform 2s;
-o-transition: transform 2s;
transition: transform 2s;
transition: transform 2s, -webkit-transform 2s;
}
.front,
.back {
position: absolute;
height: 100%;
width: 100%;
text-align: center;
border-radius: 5px;
-webkit-backface-visibility: hidden;
  backface-visibility: hidden;
/*border: 1px solid #333;
-webkit-box-shadow: 4px 4px 4px 0px rgba(34, 60, 80, 0.1);
-moz-box-shadow: 4px 4px 4px 0px rgba(34, 60, 80, 0.1);
box-shadow: 4px 4px 4px 0px rgba(34, 60, 80, 0.1);*/
}
.back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
/*.card_image{
display: block;
width: 100%;
height: 100%;
}*/


/*slider on finish round*/
.final_text {
text-align: center;
margin-top: 3%;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
text-transform: uppercase;
}
.round_over_block {
background-color: #953b16;
max-height: 22rem;
overflow:hidden;
}
.round_over_block.first {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
.winner_note {
color: #fff;
text-align: center;
margin-top: 1.875rem;
text-align: 1.25rem;
}
.round_over_text {
color: #fff;
text-align: center;
}
.round_over_text.first {
font-size: 4rem;
font-style: italic;
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
text-transform: uppercase;
}
.round_over_block.second {
width: 95%;
margin: 0 auto;
text-align: center;
margin-bottom: 1.875rem;
padding: 1.25rem 0;
}
.round_over_text.second {
margin: 0 auto;
font-size: 1.875rem;
font-style: italic;
}
.winner_note {
color: #fff;
font-size: 1.25rem;
}
.round_over_adv {
display: block;
margin: 0 auto;
width: 100%;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#second_slide {
position: relative;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.slide {
margin-bottom: 1.25rem;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: 0 auto;
opacity: 0;
}
.round_over_adv_round {
display: block;
padding-top: 11.25rem;
margin-left: auto;
margin-right: 0;
width: 62%;
}
.score_block {
text-align: center;
}
.round_score {
display: block;
margin: 0 auto;
margin-bottom: 1.875rem;
width: 80%;
max-width: 25rem;
}
.ads_blocks_slider {
margin: 0 auto;
margin-top: 1.5rem;
max-height: 70% !important;
max-width: 70% !important;
}
#third_slide {
padding-top: 2rem;
width:100%;
}

@media (max-width: 767px) {
.video_blocks{
width: 90%;
}
.scoreboard_title{
font-size: 2.5rem;
margin-top: 3rem;
}
.video_blocks{
width: 100%;
margin:0 auto;
}
.ads_blocks_slider {
max-height: auto !important;
max-width: 95% !important;
}
}