#autoplay_is_disabled_msg{display: none; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 0; width: 100%; height: 5vw; padding: 2vw; z-index: 10000; background-color:#c2001d; color:#FFF; font-family: "NotoSans-Bold", Arial, Helvetica, Verdana, sans-serif; font-size: 2vw; white-space: break-spaces;}

#loader{width:100%; height:100%; position: absolute; display: flex; justify-content: center; align-items: center; background:#003E7E; z-index: 1000; top: 0;}
body.pre_revamp #loader{width:100%; height:100%; position: absolute; display: flex; justify-content: center; align-items: center; background: url("../common_resources/images/opap.svg?version=(@260112@)") center center no-repeat; background-color:#003E7E; background-size: 25vw; z-index: 1000; top: 0;}
body.revamp_allwyn #loader{width:100%; height:100%; position: absolute; display: flex; justify-content: center; align-items: center; background: url("../common_resources/images/revamp_allwyn.svg?version=(@260112@)") center center no-repeat; background-color:#02A2DE; background-size: 60vw; z-index: 1000; top: 0;}

/**********************************************************************************************************************************************************************************************************************************/
body{margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden;}
html{margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background:#ffd700;}
div.container{width:100%; height: 100%; display:flex; flex-wrap:wrap; margin:auto; font-family:"NotoSans-Bold", Arial, Helvetica, Verdana, sans-serif; background-color:#E4E2CD;}
div.top_container{display:flex; width:99.8%; height:auto; margin:auto; justify-content:center; left:0.05%; position:relative;}
div.bottom_container{display:flex; flex-wrap:wrap;  width:99.75%; height:auto; height:7vw; margin:auto; margin-top:0.4vw; left:0.05%; position:relative;}
#notification_container{position: absolute; bottom:0; left:0; width: 100vw; height: 14.58vw; visibility: hidden;}
#notification_video{position: absolute; top:0; left:0; width: 100%;height: 100%; visibility: hidden;}
#notification_text{position: absolute;  bottom: 34%; left: 30%; width: 54%; height: 42%; visibility: hidden; font-family: "OPAP Extended Bold Italic", Italic, serif; color: #000000; display: flex; align-items: center;}
/**********************************************************************************************************************************************************************************************************************************/
div.area1{width:56.5%; flex-wrap:wrap;}
div.area2{width:43.4%;}
/**********************************************************************************************************************************************************************************************************************************/
/*HEADER*/
div.header{width: 99.5%; display: flex; border-bottom: solid #000 0.15vw;}

div.opap_logo {width:33.33%; height:5.5vw; position:relative; left:1.2vw; top:0.8vw; text-align:left;}
div.opap_logo img {height: 91%; display:none;}

body.pre_revamp div.opap_logo {width:33.33%; height:5.5vw; position:relative; left:1.2vw; top:0.8vw; text-align:left;}
body.pre_revamp div.opap_logo img {height:91%; display:block;}

/*REVAMP ALLWAY*/
body.revamp_allwyn div.allwyn_logo {width: 33.33%; height: 5.5vw; position: relative; left: -0.45vw; top: 0.3vw;}
body.revamp_allwyn div.allwyn_logo img {width:15.625vw; height: 6.51vw; display:block;}

div.allwyn_logo {width: 33.33%; height: 5.5vw; position: relative; left: -0.45vw; top: 0.3vw; display:none;}

body.pre_revamp div.opap_logo{display:block;}
body.pre_revamp div.allwyn_logo{display:none;}

body.revamp_allwyn div.opap_logo{display:none;}
body.revamp_allwyn div.allwyn_logo{display:block;}

div.kino_logo{width: 33.33%; height: 5.5vw; text-align: center; top: 0.78vw; position: relative;}
div.kino_logo img{height: 91%;}
div.kino_time{width: 33.33%; text-align: right; top: 1.3vw; right: 1.2vw; position: relative; text-align: left;}
div.kino_time div.next_time{font-size: 0.87vw; color: #0052B5; text-align:right;}
div.next_draw_countdown{justify-content: flex-end; font-size: 3.7vw; color: #000; top: -0.9vw; position: relative; text-align:right;}
/**********************************************************************************************************************************************************************************************************************************/
div.statistics{width:99.5%; display:flex; margin-top:0.65vw;}
div.statistics_top{width:78%;}
/**********************************************************************************************************************************************************************************************************************************/
div.occurrences, div.repeats, div.delays{width:99.5%; height:6vw; background-color:#0C2B3C; display:flex; padding:0.35vw 0;}
div.occurrences_title, div.delays_title, div.repeats_title{color:#ffdc00; font-size:1.05vw; line-height:1.2vw; left:0.5vw; position:relative; padding-bottom:0.7vw; width:21%;}
div.occurrences_title span, div.delays_title span, div.repeats_title span{color:#FFF; font-size:1.05vw; line-height:.21vw;}

div.cell{display:inline-flex; width:5.4vw; margin:0.8vw 1vw 0vw 0vw;}
div.cell:nth-child(5), div.cell:last-child{margin:0.8vw 0vw 0vw 0vw;}
div.numb{width:3vw; text-align:center; font-size:1.2vw; line-height:2.2vw;}
div.ball{background:#FFC200; color:#000; border-radius:100%; width:2.2vw; height:2.2vw; font-size:1.2vw; line-height:2.2vw; text-align:center;}

div.statistics_advanced_cell{width:3vw; text-align:center; color:#FFF; font-size:1.2vw; line-height:2.2vw;}

/*OCCURENCES*/
div.occurrences_title span.three_days{font-size:0.9vw; line-height:0.9vw; color:#ffdc00;}
div#occurrences, div#repeats, div#delays{width:77%; left:0.6vw; top:-0.4vw; position:relative;}
div#occurrences div.cell div.numb{color:#FFFB5F;}
/**********************************************************************************************************************************************************************************************************************************/

/*REPEATS*/
div.repeats{margin-top:0.2vw; position:relative;}
div#repeats div.cell div.numb{color:#00FF26;}
/**********************************************************************************************************************************************************************************************************************************/

/*DELAYS*/
div.delays{margin-top:0.2vw; position:relative;}
div#delays div.cell div.numb{color:#FF4E13;}
/**********************************************************************************************************************************************************************************************************************************/

/*WINNERS*/
div.winners{width:23.7%;}
div.winners01{height:49.2%; background-color:#0052B5; color:#FFF; text-align:center; display:block; padding:0.5vw 0;}
div.winners02{height:39.9%; background-color:#0052B5; color:#FFF; text-align:center; display:block; top:0.26vw; position:relative; padding:0.5vw 0;}
div.winners_kinopara1{background: rgb(143,63,151); background: linear-gradient(180deg, rgba(143,63,151,1) 0%, rgba(143,63,151,1) 50%, rgba(86,28,91,1) 100%);}
div.bonus_winners01.winners_kinopara1{background: rgb(143,63,151); background: linear-gradient(180deg, rgba(143,63,151,1) 0%, rgba(143,63,151,1) 50%, rgba(86,28,91,1) 100%); border-top: solid 0.15vw #8F3F97;}

/*ANIMATION*/
/*BIGGEST_PARA1_WINS*/
div.biggest_para1_wins div.kino_para1_logo{background: url("../common_resources/images/kino_para1_logo.png?version=(@260112@)") no-repeat top center / contain; width: 10vw; height: 3vw;}
div.biggest_para1_wins div.white_txt{font-size: 0.9vw; line-height: 1vw; color:#FFF;}
div.biggest_para1_wins div.amount{font-size: 1.7vw; line-height: 1vw; color:#FFC202; transform: scale(1, 2); -webkit-transform: scale(1, 2); -moz-transform: scale(1, 2); -ms-transform: scale(1, 2); -o-transform: scale(1, 2); margin: 1vw 0;}
div.biggest_para1_wins div.area {font-size: 0.9vw; line-height: 1vw; color: #FFF; text-align: center;}


div.winning_tickets_many,
div.kinopara1_to_kino_comparison,
div.winning_combinations_para1_many,
div.winning_combinations_para1_one,
div.biggest_para1_wins,
div.kinopara1_to_kino_category{width:100%; height: 100%;  display: flex; flex-direction: column; justify-content: center; align-items: center;}

div.yesterday_distributed_amount div.yellow_txt, div.today_distributed_amount div.yellow_txt, div.winning_tickets_many div.yellow_txt, div.winning_tickets_one div.yellow_txt, div.biggest_wins_one div.yellow_txt{font-size:1vw; line-height: 1; color:#FFC202;}

/*WINNING_COMBINATIONS_PARA1*/
div.winning_combinations_para1_one div.kino_para1_logo,
div.winning_combinations_para1_many div.kino_para1_logo{background: url("../common_resources/images/kino_para1_logo.png?version=(@260112@)") no-repeat top center / contain; width: 10vw; height: 3vw; margin-bottom: 0.2vw;}
div.winning_combinations_para1_one div.yellow_txt,
div.winning_combinations_para1_many div.yellow_txt{font-size: 0.9vw; line-height: 1vw; color:#FFC202;}
div.winning_combinations_para1_one div.white_txt,
div.winning_combinations_para1_many div.white_txt{font-size: 0.9vw; line-height: 1vw; color:#FFF;}
div.winning_combinations_para1_one div.yellow_txt.large,
div.winning_combinations_para1_many div.yellow_txt.large{margin-top:0.5vw; font-size: 1.4vw; line-height: 1.5vw; transform: scale(1, 2); -webkit-transform: scale(1, 2); -moz-transform: scale(1, 2); -ms-transform: scale(1, 2); -o-transform: scale(1, 2);}
div.yesterday_distributed_amount div.white_txt, div.today_distributed_amount div.white_txt, div.winning_tickets_many div.white_txt, div.winning_tickets_one div.white_txt, div.biggest_wins_one div.white_txt, div.biggest_wins_one div.area{font-size:1vw; line-height: 1; color:#FFF; text-align:center;}
div.yesterday_distributed_amount div.amount, div.today_distributed_amount div.amount, div.biggest_wins_one div.amount{font-size:1.5vw; color:#FFC202; transform:scale(1.2, 2); -webkit-transform:scale(1.2, 2); -moz-transform:scale(1.2, 2); -ms-transform:scale(1.2, 2); -o-transform:scale(1.2, 2); margin-top: 1vw;}

div.today_distributed_amount div.amount{margin-top:2vw;}

div.yesterday_distributed_amount div.white_txt{margin-bottom:2vw;}

div.biggest_wins_one div.amount{margin-bottom: 1vw;}

div.winning_combinations_one div.yellow_txt, div.winning_combinations_many div.yellow_txt{font-size:1vw; line-height: 1; color:#FFC202;}
div.winning_combinations_one div.white_txt, div.winning_combinations_many div.white_txt{font-size:1vw; line-height: 1; color:#FFF;}
div.winning_combinations_one div.scale_txt, div.winning_combinations_many div.scale_txt{margin-top:1vw; font-size:1.5vw;}

div.scale_txt{font-size:2vw; transform:scale(1.2, 2); -webkit-transform:scale(1.2, 2); -moz-transform:scale(1.2, 2); -ms-transform:scale(1.2, 2); -o-transform:scale(1.2, 2);}
div.winning_tickets_one div.yellow_txt.large, div.winning_tickets_many div.yellow_txt.large{font-size:1.8vw; margin: 0.5vw 0;}

/*KINO_PARA1_TO_KINO_COMPARISON*/
div.kinopara1_to_kino_comparison div.white_txt{font-size: 0.9vw; line-height: 1vw; color:#FFF;}
div.kinopara1_to_kino_comparison div.white_txt_small{font-size: 0.9vw; line-height: 0.9vw; margin-bottom: 1vw;}
div.kinopara1_to_kino_comparison div.yellow_txt{font-size: 1.5vw; line-height: 1.5vw; color:#FFC202; transform: scale(1, 2); -webkit-transform: scale(1, 2); -moz-transform: scale(1, 2); -ms-transform: scale(1, 2); -o-transform: scale(1, 2); margin-bottom: 1.5vw;}
div.kinopara1_to_kino_comparison div.kino_para1_logo{background: url("../common_resources/images/kino_para1_logo.png?version=(@260112@)") no-repeat top center / contain; width: 10vw; height: 3vw; margin:0.3vw 0;}
div.kinopara1_to_kino_comparison div.yellow_txt{margin-bottom:1vw;}

/*KINO_PARA1_TO_KINO_CATEGORY*/
div.kinopara1_to_kino_category div.white_txt{font-size: 0.9vw; line-height: 1vw; color:#FFF;}
div.kinopara1_to_kino_category div.yellow_txt{font-size: 1.5vw; line-height: 1.5vw; color:#FFC202; transform: scale(1, 2); -webkit-transform: scale(1, 2); -moz-transform: scale(1, 2); -ms-transform: scale(1, 2); -o-transform: scale(1, 2); margin-bottom: 1.5vw;}
div.kinopara1_to_kino_category div.kino_para1_logo{background: url("../common_resources/images/kino_para1_logo.png?version=(@260112@)") no-repeat top center / contain; width: 10vw; height: 3vw;}

/*KINOBONUS PARA1 TOP WINNER*/
div.kino_bonus_para1_top_winner{width:100%; height: 100%; display: flex; align-items: center;}
div.kino_bonus_para1_top_winner div.kino_para1_logo{background: url("../common_resources/images/kino_para1_logo.png?version=(@260112@)") no-repeat top center / contain; width: 9vw; height: 2.5vw; margin: auto;}
div.kino_bonus_para1_top_winner div.white_txt{color:#FFF; font-size: 0.9vw; line-height: 1; margin-top: 0.4vw;}
div.kino_bonus_para1_top_winner div.col_right{line-height: 1; top: -0.3vw;  position: relative; text-align: center;}
div.kino_bonus_para1_top_winner div.col_right div.yellow_txt{color:#FFC202; transform: scale(1, 2); -webkit-transform: scale(1, 2); -moz-transform: scale(1, 2); -ms-transform: scale(1, 2); -o-transform: scale(1, 2); margin-top: 0.7vw; font-size: 1.5vw;}
div.kino_bonus_para1_top_winner div.col_left div.yellow_txt{color:#FFC202; font-size: 0.9vw; text-align: center;}
div.kino_bonus_para1_top_winner div.col_right div.area{color:#FFF; font-size: 0.9vw; line-height: 1;}

/**********************************************************************************************************************************************************************************************************************************/

/*BONUS STATISTICS*/
div.bonus_statistics{width:99.1%; margin-top:0.3vw; position:relative; display:flex; background-color:#FCC32D; border:solid 0.15vw #E20613;}
div.bonus_left_col{width:39%; margin-bottom:0.1vw;}
div.bonus_right_col{width:65%; display:inline; margin-top:-2vw; margin-left:0.2vw;}
/**********************************************************************************************************************************************************************************************************************************/

/*BONUS STATISTICS LEFT COL*/
div.bonus_logo{left:0.5vw; top:0.5vw; position:relative; height:2vw;}
div.bonus_logo img{height:100%;}
div.bonus_title{font-size:1vw; color:#2D151F; letter-spacing:-0.05vw; top:0.7vw; left:0.5vw; position:relative;}

div#bonus_draw{width:97%; left:0.5vw; position:relative; margin-top:0.8vw; margin-bottom:0.3vw;}
div.bonus_draw_container{background:#000; padding:0.4vw;}
div.bonus_row{display:flex; justify-content:space-around;}
div.bonus_row div.bonus_numb{width:1.4vw; height:1.4vw; font:0.8vw / 1.4vw "NotoSans-Regular", Arial, Helvetica, Verdana, sans-serif; color:#FFF; opacity:0.5; text-align:center; border-radius:100%; margin:0.22vw;}
div.bonus_row div.bonus_repeats{background:#C2001D; opacity:1; font:0.8vw / 1.4vw "NotoSans-Bold", Arial, Helvetica, Verdana, sans-serif;}
div.bonus_row div.bonus_numb div{position:relative; top:-1.8vw; font:0.7vw "NotoSans-Bold", Arial, Helvetica, Verdana, sans-serif; text-align:right; color:#FFC200;}
/**********************************************************************************************************************************************************************************************************************************/

/*BONUS STATISTICS RIGHT COL*/
div.bonus_statistics_top{width:99%;}

/*BONUS DELAYS AND OCCURENCES*/
div.bonus_delays{background:#FFDC00; padding-bottom:0.3vw; top:2.5vw; position:relative; height:4.5vw;}
div.bonus_occurrences{background:#FFDC00; padding-bottom:0.3vw; top:3.1vw; position:relative;  height:4.5vw;}
div.bonus_delays_title, div.bonus_occurrences_title{font-size:1vw; color:#2D151F; padding-bottom:0.1vw; letter-spacing:-0.05vw; top:0.3vw;  left:0.3vw; position:relative;}
div.bonus_delays_title span, div.bonus_occurrences_title span{color:#E20613;}

div.bonus_cell{display:inline-flex; width:5.4vw; text-align:center; color:#2D151F; margin:0.6vw 0.7vw 0.5vw 0.7vw;}
div.bonus_cell:last-child, div.occurrences_bonus_cell:last-child{margin:0.6vw 0vw 0.5vw 0.7vw;}
div.delays_numb, div.occurrences_numb{width:3vw; height:2.2vw; font-size:1.2vw; line-height:2.2vw;}
div.bonus_ball{background:#FF4E13; width:2.2vw; height:2.2vw; font-size:1.2vw; line-height:2.2vw; border-radius:100%; color:#FFF;}
/**********************************************************************************************************************************************************************************************************************************/

/*BONUS WINNERS*/
div.bonus_winners{width:99%; margin-top:3.5vw; height:6.2vw; padding:1vw 0;}
div.bonus_winners01{height:100%;}
div.today_bonus_distributed_amount, div.kino_bonus_top_winner, div.kino_bonus_to_kino_comparison, div.bonus_winning_combinations{display:flex; align-items:center; height:100%;}

div.col_left{width:49%; text-align:left; font-size:1.2vw; line-height:1.4vw; left: 0.3vw; position: relative;}
div.col_left div.red_txt, div.kinobonus_txt{color:#E20514;}
div.col_left div.brown_txt{color:#15001D;}

div.col_right{width:50%; text-align:right; font-size:1.7vw; line-height:1.9vw;}
div.col_right div.red_txt{transform:scale(1, 2); -webkit-transform:scale(1, 2); -moz-transform:scale(1, 2); -ms-transform:scale(1, 2); -o-transform:scale(1, 2); color:#E20514;}
div.col_right div.area{width:100%; color:#15001D; font-size:1.2vw; line-height:1.2vw; margin-top:0.8vw;}

div.kino_bonus_to_kino_comparison div.col_right div.red_txt, div.kino_bonus_to_kino_comparison div.col_right div.brown_txt,
div.kino_bonus_to_kino_comparison div.col_right div.kinobonus_txt{font-size:1.4vw; line-height:1.6vw; transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); -o-transform:scale(1, 1);}
/**********************************************************************************************************************************************************************************************************************************/

/*KINO DRAW*/
div.kino_draw{width:49.2%; height:33.17%; float:left; background-color:#000; border:0.2vw solid #000; border-top:none; border-bottom:none;}
div.draw_header{display:flex; align-items:center; background:#000; width:96%; margin:auto; font-family:"NotoSans-Bold", Arial, Helvetica, Verdana, sans-serif; font-size:1.1vw;}
div.left_col{width:50%; color:#FFC200;}
div.right_col{width:50%; color:#FFF; text-align:right;}
div.draw_content{width:100%; background:#0F445F;}
div#draw_1.kino_draw, div#draw_3.kino_draw, div#draw_5.kino_draw{border-right:none;}
div#draw_5.kino_draw, div#draw_6.kino_draw{border-bottom:0.25vw solid #000;}
div.row{display:flex; flex-wrap:wrap; justify-content:center;}
div.draw_numb{width:1.5vw; height:1.5vw; border-radius:100%; font:0.8vw / 1.5vw "NotoSans-Regular", Arial, Helvetica, Verdana, sans-serif; text-align:center; color:#FFF; opacity:0.5; margin:0.156vw 0.264vw;}
div.active{background:#FFC200; color:#000; font-family:"NotoSans-Bold", Arial, Helvetica, Verdana, sans-serif; opacity:1;}
div.bonus{background:#C2001D; font-family:"NotoSans-Bold", Arial, Helvetica, Verdana, sans-serif; opacity:1;}
/**********************************************************************************************************************************************************************************************************************************/

/*ODDS - EVENS*/
div.oddsEvens{width:49.7%; height:7vw; background:#256317; border-radius:0.4vw;}
div.oddsEvens_header{display:flex; flex-wrap:wrap; }
div.oddsEvens_logo{width:49%; left:0.7vw; position:relative; height:1.05vw; top:0.4vw;}
div.oddsEvens_logo img{height:100%;}
div.oddsEvens_title{width:50%; color:#FFF; font-size:0.9vw; text-align:right; top:0.25vw; position:relative;}
div#oddEvenStatistics{width:87%; margin:auto; margin-top:1vw; position:relative;}
.oddEvensTime div{width:4vw; color:#FFF; text-align:center; font-size:0.8vw;}
.oddEvensValue div{width:4vw; color:#FFF; text-align:center;}
div.oddEvens div.odd{background:transparent url("../common_resources/images/odd_ball_3840x2160.png?version=(@260112@)") no-repeat center center; background-size:contain; width:2.1vw; height:2.1vw; color:#231F20; font-size:1.5vw; line-height:2vw; text-align:center; z-index:1000; position:relative;}
div.oddEvens div.even{background:transparent url("../common_resources/images/even_ball_3840x2160.png?version=(@260112@)") no-repeat center center; background-size:cover; width:2.1vw; height:2.1vw; color:#231F20; font-size:1.5vw; line-height:2vw; text-align:center; z-index:1000; position:relative;}
div.oddEvens div.draw{background:transparent url("../common_resources/images/draw_end_3840x2160.png?version=(@260112@)") no-repeat center center; background-size:cover; width:2.1vw; height:2.1vw; color:#202020; font-size:1.5vw; line-height:2vw; text-align:center; z-index:1000; position:relative;}
.oddEvensTime, .oddEvensValue{display:flex; width:100%;}
.oddEvensTime{z-index:1; position:relative; margin-left:-0.7vw;}
.oddEvensValue{z-index:0; position:relative; margin-top:0.3vw;}
div.current{width:140%; height:240%; margin:-3.9vw auto auto -1.55vw; background-color:#2C9433; border-radius:100%; z-index:0; position:relative;}
/**********************************************************************************************************************************************************************************************************************************/

/*COLUMNS*/
div.columns{width:49.7%; height:7vw; background:#2186C1; border-radius:0.4vw; margin-left:0.5vw;}
div.columns_header{display:flex; flex-wrap:wrap;}
div.columns_logo{width:49%; height:1.5vw; top:0.4vw; left:0.7vw; position:relative;}
div.columns_logo img{height:100%;}
div.columns_title{width:50%; color:#FFF; font-size:0.9vw; line-height:1vw; text-align:right; top:0.25vw; position:relative;}
div#columnStatistics{width:100%; height:100%; margin:auto; margin:-1vw auto auto -1vw; margin-left:-0.5vw;}
div.column_occurrences, div.column_delays{color:#FFF; display:flex; font-size:0.8vw; height:26%; margin:auto; text-align:center; width:65%;}
div.column{width:100%; height:20%; display:flex; color:#144768; margin:auto;}
div.column_container{width:65%; margin:auto; display:inline-flex;}
div.column_cell{width:10%; font-size:0.9vw; text-align:center;}
div.column_cell.top{color:#FFC202;}
div.column_cell sup{font-size:0.5vw;}
div.delay_cell{width:10%; height:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; position:relative; align-content:top;}
div.occurrenceValue, div.delayValue{color:#FFF; font:0.8vw / 0.9vw "NotoSans-Bold", Arial, Helvetica, Verdana, sans-serif; text-align:center; height:0.9vw;}
div.occurrenceValue{color:#FFF;}
div.occurrenceBar, div.delayBar{width:90%; background:#144768;}
div.occurrenceBar{align-items:flex-end; display:flex; justify-content:center;}
div.delayBar div, div.occurrenceBar div{margin:auto; color:#0C1228; font-size:0.8vw; align-self:center;}
div.occurrence_cell{width:10%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; position:relative; align-content:flex-end;}
.top .occurrenceBar, .top .delayBar{background:#FFC202 !important; display:flex;}
div.columnStatisticsTitle{width:98%; margin:auto; color:#FFF; font-size:0.9vw; text-align:right; margin-top:-2.5vw;}
/**********************************************************************************************************************************************************************************************************************************/

/*DEBUG*/
.log-debug-area{display:none; position:absolute; overflow:auto; z-index:1000; width:50%; height:50%; top:50%; left:50%; background-color:black; color:white;}
.error-area{display:none; position:absolute; overflow:auto; z-index:1000; top:1%; right:1%; max-width:30%; max-height:5%; color:white;}
div#debug_datetime{z-index:1000; position:absolute; bottom:0vw; left:0vw; font:0.5vw Arial, Helvetica, Verdana, sans-serif; font-weight:bold; opacity:0.3; color:#000;}
div#debug_code{z-index:1000; position:absolute; bottom:0vw; right:0vw; font:0.5vw Arial, Helvetica, Verdana, sans-serif; font-weight:bold; opacity:0.3; color:#000;}
/**********************************************************************************************************************************************************************************************************************************/

div#animation_container, canvas#canvas{width:100% !important; height:100% !important;}
canvas#canvas{display:block; position:absolute;}
div#dom_overlay_container{pointer-events:none; overflow:hidden; width:100% !important; height:100% !important; position:absolute; left:0px; top:0px; display:block;}
/**********************************************************************************************************************************************************************************************************************************/

/*div.resize{-moz-transform-origin:0 0; transform-origin:0 0;}*/
/**********************************************************************************************************************************************************************************************************************************/

body.explorer div.occurrenceBar{justify-content:flex-start;}
body.explorer div.column{line-height:0.9vw;}
body.explorer div.occurrence_cell{ width:10%; height:auto; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; position:relative; align-content:flex-end; -webkit-align-content:flex-end; -ms-align-content:flex-end; -ms-flex-line-pack:flex-end; align-self:flex-end; align-items:flex-end; -ms-align-self:flex-end; -ms-align-items:flex-end; -webkit-align-self:flex-end; -webkit-align-items:flex-end;  display:-webkit-flex;  -webkit-flex-wrap:wrap;}

div.firefox div.bonus_row div.bonus_numb{margin:0.23vw 0.22vw;}
div.explorer div.draw_numb{margin:0.17vw 0.264vw;}
div.explorer div.bonus_row div.bonus_numb{margin:0.27vw 0.22vw;}
/**********************************************************************************************************************************************************************************************************************************/

/**********************************************************************************************************************************************************************************************************************************/

@media screen and (max-width:3840px) and (max-height:2160px){}
/**********************************************************************************************************************************************************************************************************************************/

@media screen and (max-width:1920px) and (max-height:1080px){}
/**********************************************************************************************************************************************************************************************************************************/

/*1680x1050*/
@media all and (max-width:1680px) and (max-height:1050px){
div.draw_numb{margin:0.3vw 0.264vw;}
div.occurrences, div.repeats, div.delays{height:7.5vw;}
div.cell{margin:0.95vw 1vw 0.95vw 0vw;}
div.bonus_row div.bonus_numb, div.firefox div.bonus_row div.bonus_numb{margin:0.37vw 0.22vw;}
div.bonus_delays, div.bonus_occurrences{height:5.5vw;}
div.bonus_winners{height:6.9vw;}
div.bonus_cell{margin:1vw 0.7vw 1vw 0.7vw;}
div.bonus_row div.bonus_numb div{top:-2vw;}
div.winners02{height:41.7%;}

div.explorer div.draw_numb{margin:0.3vw 0.264vw;}
div.explorer div.bonus_row div.bonus_numb{margin:0.38vw 0.22vw;}
    
div.yesterday_distributed_amount, div.today_distributed_amount, div.biggest_wins_one, div.winning_combinations_one, div.winning_combinations_many{width:100%; height:100%; display:flex; flex-direction: column; align-items: center; justify-content: center;}
div.yesterday_distributed_amount div.white_txt{margin-bottom:0;}
div.today_distributed_amount div.amount{margin-top:1vw;}

}
/**********************************************************************************************************************************************************************************************************************************/

/*1600x900*/
@media all and (max-width:1600px) and (max-height:900px){
div.draw_numb, div.explorer div.draw_numb{margin:0.16vw 0.264vw;}
div.occurrences, div.repeats, div.delays{height:6vw;}
div.cell{margin:0.8vw 1vw 0vw 0vw;}
div.bonus_row div.bonus_numb, div.firefox div.bonus_row div.bonus_numb{margin:0.24vw 0.22vw;}
div.bonus_delays, div.bonus_occurrences{height:4.5vw;}
div.bonus_winners{height:6.8vw;}
div.bonus_cell{margin:0.6vw 0.7vw 0.5vw 0.7vw;}
div.winners02{height:39.9%;}

div.edge_explorer div.winners02, div.explorer div.winners02{height:49.3%;}
div.explorer div.draw_numb{margin:0.17vw 0.22vw;}
div.explorer div.bonus_row div.bonus_numb{margin:0.25vw 0.22vw;}
div.explorer div.kino_draw{height:33%;}
}
/**********************************************************************************************************************************************************************************************************************************/

/*1536x864*/
@media all and (max-width:1536px) and (max-height:864px){
div.draw_numb{margin:0.165vw 0.264vw;}
div.bonus_row div.bonus_numb, div.firefox div.bonus_row div.bonus_numb{margin:0.245vw 0.22vw;}
div.bonus_winners{height:6.8vw;}
}
/**********************************************************************************************************************************************************************************************************************************/

/*1440x900*/
@media all and (max-width:1440px) and (max-height:900px){
div.draw_numb{margin:0.28vw 0.264vw;}
div.occurrences, div.repeats, div.delays{height:7.22vw;}
div.cell{margin:0.9vw 1vw 0.9vw 0vw;}
div.bonus_row div.bonus_numb{margin:0.37vw 0.22vw;}
div.bonus_delays, div.bonus_occurrences{height:5.5vw;}
div.bonus_winners{height:6.9vw;}
div.bonus_cell{margin:1vw 0.7vw 1vw 0.7vw;}
div.bonus_row div.bonus_numb div{top:-2vw;}

div.firefox div.bonus_row div.bonus_numb{margin:0.355vw 0.22vw;}
div.firefox div.winners02{height:49.5%;}

div.explorer div.draw_numb{margin:0.29vw 0.22vw;}
div.explorer div.kino_draw{height:32.9%;}
div.explorer div.bonus_row div.bonus_numb{margin:0.39vw 0.22vw;}
    
div.winners02 {height: 41%;}

}
/**********************************************************************************************************************************************************************************************************************************/

/*1366x768*/
@media screen and (max-width:1366px) and (max-height:768px){
div.draw_numb{margin:0.165vw 0.264vw;}
div.occurrences, div.repeats, div.delays{height:6.1vw;}
div.cell{margin:0.8vw 1vw 0vw 0vw;}
div.bonus_row div.bonus_numb{margin:0.22vw;}
div.bonus_delays, div.bonus_occurrences{height:4.5vw;}
div.bonus_winners{height:6.5vw;}
div.bonus_cell{margin:0.6vw 0.7vw 0.5vw 0.7vw;}

div.firefox div.bonus_row div.bonus_numb{margin:0.236vw 0.22vw;}
div.firefox div.winners02{height:49.2%;}

div.explorer div.bonus_row div.bonus_numb{margin:0.23vw 0.22vw;}
div.explorer div.draw_numb{margin:0.175vw 0.264vw;}
    
div.winners02 {height: 39.9%;}
}
/**********************************************************************************************************************************************************************************************************************************/

/*1280x1024*/
@media screen and (max-width:1280px) and (max-height:1024px){
div.draw_numb{margin:0.6vw 0.264vw;}
div.occurrences, div.repeats, div.delays{height:10vw;}
div.cell{margin:1.6vw 1vw 1.6vw 0vw;}
div.bonus_row div.bonus_numb{margin:0.79vw 0.22vw;}
div.bonus_delays, div.bonus_occurrences{height:8vw;}
div.bonus_winners{height:8.6vw;}
div.bonus_cell{margin:2.4vw 0.7vw 2.4vw 0.7vw;}
div.bonus_row div.bonus_numb div{top:-2vw;}
div.oddsEvens, div.columns{padding:0; height:100%;}
div.bottom_container{height:9.2vw;}
div#oddEvenStatistics{margin-top:2.4vw;}
div#columnStatistics{top:0.5vw; position:relative;}
div.winners02{height:43.7%;}

div.firefox div.bonus_row div.bonus_numb{margin:0.82vw 0.22vw;}
div.firefox div#columnStatistics{top:0.25vw;}
div.firefox div.winners02{height:49.75%;}

div.edge_explorer div.bonus_row div.bonus_numb{margin:0.8vw 0.22vw;}
div.edge_explorer div.winners02, div.explorer div.winners02{height:49.9%;}

div.explorer div.bonus_row div.bonus_numb{margin:0.86vw 0.22vw;}
div.explorer div.draw_numb{margin:0.62vw 0.264vw;}
}
/**********************************************************************************************************************************************************************************************************************************/

/*1280x960*/
@media screen and (max-width:1280px) and (max-height:960px){
div.draw_numb{margin:0.507vw 0.264vw;}
div.occurrences, div.repeats, div.delays{height:8.5vw;}
div.cell{margin:1.2vw 1vw 1.2vw 0vw;}
div.winners02{height:42.65%;}
div.column_cell sup{font-size:0.8vw;}

div.firefox div.bonus_row div.bonus_numb{margin:0.828vw 0.22vw;}
div.firefox div.winners02{height:49.65%;}

div.edge_explorer div.bonus_row div.bonus_numb{margin:0.78vw 0.22vw;}
div.edge_explorer div.winners02, div.explorer div.winners02{height:49.6%;}

div.explorer div.draw_numb{margin:0.51vw 0.264vw;}
div.explorer div.bonus_row div.bonus_numb{margin:0.82vw 0.22vw;}
}
/**********************************************************************************************************************************************************************************************************************************/

/*1280x800*/
@media screen and (max-width:1280px) and (max-height:800px){
div.occurrences, div.repeats, div.delays{height:7.5vw;}
div.cell{margin:0.95vw 1vw 0.95vw 0vw;}
div.bonus_row div.bonus_numb{margin:0.3vw 0.22vw;}
div.bonus_delays, div.bonus_occurrences{height:4.5vw;}
div.bonus_cell{margin:0.6vw 0.7vw 0.6vw 0.7vw;}
div.draw_numb{margin:0.28vw 0.264vw;}
div.bonus_winners{height:7.7vw;}
div.bottom_container{height:7.2vw;}
div#oddEvenStatistics{margin-top:1.2vw;}
div#columnStatistics{top:0.1vw;}

div.firefox div.bonus_row div.bonus_numb{margin:0.335vw 0.22vw;}
div.firefox div#columnStatistics{top:0vw;}
div.firefox div.winners02{height:42.65%;}
    
div.winners02{height:41.7%;}    

div.edge_explorer div.bonus_row div.bonus_numb, div.explorer div.bonus_row div.bonus_numb{margin:0.335vw 0.22vw;}

div.explorer div.draw_numb{margin:0.29vw 0.264vw;}
}
/**********************************************************************************************************************************************************************************************************************************/

/*1280x768*/
@media screen and (max-width:1280px) and (max-height:768px){
div.draw_numb{margin:0.185vw 0.264vw;}
div.occurrences, div.repeats, div.delays{height:6vw;}
div.cell{margin:0.3vw 1vw 0.3vw 0vw;}
div.bottom_container{height:9.2vw;}
div#oddEvenStatistics{margin-top:2.3vw;}
div#columnStatistics{top:0.5vw;}
div.winners02{height:40%}

div.firefox div#columnStatistics{top:0.3vw;}
div.firefox div.winners02{height:49.4%;}

div.edge_explorer div.draw_numb, div.explorer div.draw_numb{margin:0.192vw 0.264vw;}
}
/**********************************************************************************************************************************************************************************************************************************/

/*1280x720*/
@media screen and (max-width:1280px) and (max-height:720px){
div.bonus_row div.bonus_numb{margin:0.22vw;}
div.bonus_winners{height:6.5vw;}
div.draw_numb{margin:0.17vw 0.264vw;}
div.bottom_container{height:7vw;}
div#oddEvenStatistics{margin-top:1.1vw;}
div.occurrences, div.repeats, div.delays{height:6.18vw;}
div.winners02{height:40.3%;}

div.firefox div.bonus_row div.bonus_numb{margin:0.22vw;}
div.firefox div.draw_numb{margin:0.155vw 0.264vw;}
div.firefox div#columnStatistics{top:0vw;}
div.firefox div.winners02{height:49.3%;}

div.edge_explorer div.draw_numb{margin:0.165vw 0.22vw;}
div.edge_explorer div.bonus_row div.bonus_numb{margin:0.22vw;}
div.edge_explorer div#columnStatistics, div.explorer div#columnStatistics{top:0vw;}

div.explorer div.draw_numb{margin:0.17vw 0.22vw;}
div.explorer div.bonus_row div.bonus_numb{margin:0.21vw 0.22vw;}
div.explorer div.winners02{height:49.3%;}
}
/**********************************************************************************************************************************************************************************************************************************/

/*1152x864*/
@media screen and (max-width:1152px) and (max-height:864px){
div.occurrences, div.repeats, div.delays{height:8.6vw;}
div.cell{margin:1.25vw 1vw 1.25vw 0vw;}
div.winners02{height:42.7%;}

div.firefox div.bonus_row div.bonus_numb{margin:0.79vw 0.22vw;}
div.firefox div.draw_numb{margin:0.51vw 0.264vw;}
div.firefox div#columnStatistics{top:0.3vw;}
div.firefox div.winners02{height:49.7%;}

div.edge_explorer div.bonus_row div.bonus_numb, div.explorer div.bonus_row div.bonus_numb{margin:0.765vw 0.22vw;}
div.edge_explorer div.winners02, div.explorer div.winners02{height:49.8%;}
}
/**********************************************************************************************************************************************************************************************************************************/

/*1024x768*/
@media screen and (max-width:1024px) and (max-height:768px){
div.draw_numb{margin:0.5vw 0.264vw;}
div.occurrences, div.repeats, div.delays{height:10vw;}
div.cell{margin:1.6vw 1vw 1.6vw 0vw;}
div.bonus_row div.bonus_numb{margin:0.49vw 0.22vw;}
div.bonus_delays, div.bonus_occurrences{height:6vw;}
div.bonus_cell{margin:1.3vw 0.7vw 1.3vw 0.7vw;}
div.winners02{height:44.1%;}

div.firefox div.bonus_row div.bonus_numb, div.edge_explorer div.bonus_row div.bonus_numb, div.explorer div.bonus_row div.bonus_numb{margin:0.515vw 0.22vw;}
div.firefox div.draw_numb, div.edge_explorer div.draw_numb{margin:0.5vw 0.264vw;}

div.explorer div.draw_numb{margin:0.51vw 0.264vw;}
div.explorer div.winners02{height:50%;}
}
/**********************************************************************************************************************************************************************************************************************************/

/*960x540*/
@media screen and (max-width:960px) and (max-height:540px){
div.draw_numb{margin:0.156vw 0.264vw;}
div.occurrences, div.repeats, div.delays{height:6vw;}
div.cell{margin:0.8vw 1vw 0vw 0vw;}
div.bonus_row div.bonus_numb{margin:0.22vw;}
div.bonus_delays, div.bonus_occurrences{height:4.5vw;}
div.bonus_cell{margin:0.6vw 0.7vw 0.5vw 0.7vw;}
div.bonus_winners{height:6.4vw;}
div.current{width:130%; height:220%; margin:-3.6vw auto auto -1.45vw;}
div.winners02{height:40%;}
div.oddsEvens_logo{top:-0.4vw;}

div.firefox div.bonus_row div.bonus_numb, div.edge_explorer div.bonus_row div.bonus_numb, div.explorer div.bonus_row div.bonus_numb{margin:0.22vw;}
div.firefox div.draw_numb{margin:0.145vw 0.264vw;}
div.firefox div.current{margin:-3.9vw auto auto -1.45vw;}
div.firefox div.winners02{height:49.4%;}
div.firefox div#columnStatistics, div.edge_explorer div#columnStatistics, div.explorer div#columnStatistics{top:0;}

div.edge_explorer div.draw_numb{margin:0.155vw 0.264vw;}
div.edge_explorer div.winners02, div.explorer div.winners02{height:49.3%;}

div.explorer div.draw_numb{margin:0.16vw 0.264vw;}
}
/**********************************************************************************************************************************************************************************************************************************/

/*800x600*/
@media screen and (max-width:800px) and (max-height:600px){
div.winners02{height:43.6%;}
div.bottom_container{height:9.2vw;}
div#oddEvenStatistics{margin-top:2vw;}
div.oddsEvens_logo{top:-0.6vw;}
div.bonus_winners{height:7.7vw;}

div.firefox div.bonus_row div.bonus_numb{margin:0.505vw 0.22vw;}
}