#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; margin: auto; font-family: "NotoSans-Bold", Arial, Helvetica, Verdana, sans-serif; background: #E4E2CD;}
#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: 63%; flex-wrap: wrap; margin: 0.5vw; margin-right: 0.3vw;}
div.area2 {width: 36%; background-color: #FCC32D; border: solid 0.12vw #E20613;}
/**********************************************************************************************************************************************************************************************************************************/
/*HEADER*/
div.header {width: 100%; height: 7.2vw; display: flex; border-bottom: solid #042436 0.15vw; top: 0.5vw; position: relative;}
div.opap_logo, div.kino_logo, div.kino_time {text-align: left;}

div.opap_logo {width: 33.33%; height: 6vw; position: relative; left: 1.2vw; top: 0.9vw;}
div.opap_logo img {height: 91%; display:none;}

body.pre_revamp div.opap_logo {width: 33.33%; height: 6vw; position: relative; left: 1.2vw; top: 0.9vw;}
body.pre_revamp div.opap_logo img {height: 91%; display:block;}

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

div.allwyn_logo {width: 33.33%; height: 6vw; position: relative; left: -0.45vw; top:0.2vw; 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: 6vw; text-align: center; top: 0.9vw; position: relative;}
div.kino_logo img {height: 91%;}
div.kino_time {width: 33.33%; text-align: right; top: 1.5vw; right: 1.2vw; position: relative;}
div.kino_time div.next_time {font-size: 0.82vw; color: #0052B5; position: relative;}
div.next_draw_countdown {justify-content: flex-end; font-size: 4vw; color: #000; top: -1vw; position: relative;}
/**********************************************************************************************************************************************************************************************************************************/

div.statistics {top: 1vw; position: relative;}
div.occurrences, div.repeats, div.delays{height:11.35vw;}
div#occurrences div.numb{color: #FFFB5F;}
div.occurrences_title, div.delays_title, div.repeats_title {color: #ffdc00; font-size: 1.2vw; line-height: 1.2vw; left: 1vw; top: 1vw; position: relative;}
div.occurrences_title span, div.delays_title span, div.repeats_title span {color: #FFF; font-size: 1.2vw; line-height: 1.2vw;}
div.cell {display: inline-flex; margin: 1.5vw 5.4vw -0.5vw 0.7vw;}
div.numb {width: 4vw; text-align: center; font-size: 2vw; line-height: 3.5vw;}
div.ball {background: #FFC200; color: #000; border-radius: 100%; width: 3.5vw; height: 3.5vw; font-size: 2vw; line-height: 3.5vw; text-align: center;}

div#occurrences, div#repeats, div#delays{padding-bottom:1.125vw;}

div#occurrences div.cell:nth-child(5), div#occurrences div.cell:nth-child(10),
div#repeats div.cell:nth-child(5), div#repeats div.cell:nth-child(10),
div#delays div.cell:nth-child(5), div#delays div.cell:nth-child(10){margin-left:0vw; margin-right:0vw;}

/*OCCURENCES*/
div.occurrences {width: 100%; background-color: #0C2B3C;}
div.occurrences_title span.three_days {font-size: 1vw; color: #ffdc00;}
/**********************************************************************************************************************************************************************************************************************************/
/*REPEATS*/
div.repeats {width: 100%; background-color: #0C2B3C; margin-top: 0.25vw; position: relative;}
div#repeats div.numb {color: #00FF26;}
/**********************************************************************************************************************************************************************************************************************************/
/*DELAYS*/
div.delays {width: 100%; background-color: #0C2B3C; margin-top: 0.25vw; position: relative;}
div#delays div.numb {color: #FF4E13;}
/**********************************************************************************************************************************************************************************************************************************/

/*WINNERS*/
div.winners {width: 100%; height: 12.2vw; display: flex; background: #e4e2cd; margin-top: 0.25vw;}
div.winners01, div.winners02 {width: 100%; background: #004890; color: #FFF; text-align: center; border-right: solid #E4E2CD 0.1vw;}
div.winners02 {border-right: none; border-left: solid #E4E2CD 0.1vw;}
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.biggest_para1_wins,
div.winning_combinations_para1_one,
div.kinopara1_to_kino_comparison,
div.winners_kinopara1,
div.winning_combinations_one,
div.winning_tickets_many,
div.biggest_wins_one,
div.biggest_wins_one,
div.winning_combinations_many{width:100%; height:100%; display:flex; flex-direction: column; justify-content: center; align-items: center;}

div.biggest_para1_wins div.kino_para1_logo,
div.winning_combinations_para1_many div.kino_para1_logo,
div.winning_combinations_para1_one 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.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,
div.winning_combinations_para1_many div.yellow_txt,
div.winning_combinations_para1_one div.yellow_txt{font-size: 1vw; line-height: 1; color:#FFC202;}

div.yesterday_distributed_amount div.yellow_txt, div.today_distributed_amount div.yellow_txt{margin-top:1vw;}


div.winning_combinations_para1_many div.yellow_txt,
div.winning_combinations_para1_one div.yellow_txt{margin-top:1vw; font-size: 1vw; line-height: 1;} 

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,
div.biggest_para1_wins div.white_txt,
div.winning_combinations_para1_many div.white_txt,
div.winning_combinations_para1_one div.white_txt{font-size: 1vw; line-height: 1; color:#FFF; text-align:center; margin-right: 0;}

div.winning_combinations_para1_many div.white_txt,
div.winning_combinations_para1_one div.white_txt{font-size: 1vw; line-height: 1;}

div.biggest_para1_wins div.white_txt{font-size:1vw; line-height: 1;}

div.yesterday_distributed_amount div.amount,
div.today_distributed_amount div.amount,
div.biggest_wins_one div.amount {font-size: 3vw; 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: 1.5vw;}

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

div.biggest_wins_one div.area{margin-top:1vw;}

div.winning_combinations_one div.yellow_txt, div.winning_combinations_many div.yellow_txt, div.biggest_para1_wins div.amount{font-size: 1vw; line-height: 1;color:#FFC202;}
div.biggest_para1_wins div.amount{margin-bottom:0.5vw;}
div.winning_combinations_one div.white_txt, div.winning_combinations_many div.white_txt{font-size: 1vw; line-height: 1; color:#FFF; margin-bottom: 0.5vw;}
div.winning_combinations_one div.scale_txt, div.winning_combinations_many div.scale_txt {margin: 0;  font-size: 2vw; line-height: 1.5;}
div.biggest_para1_wins div.area{font-size: 1vw; line-height: 1; margin: 0; top:0; color:#FFF; text-align: center;}

div.scale_txt, div.biggest_para1_wins div.amount{font-size: 2vw; line-height: 2vw; margin:1.5vw 0; 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,
div.winning_combinations_para1_many div.yellow_txt.large,
div.winning_combinations_para1_one div.yellow_txt.large{font-size: 3vw; color: #FFC202;}

div.winning_combinations_para1_many div.yellow_txt.large,
div.winning_combinations_para1_one div.yellow_txt.larg{font-size: 2vw; line-height: 2; margin: 0; 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: 0.6vw;}
/**********************************************************************************************************************************************************************************************************************************/

/*BONUS REPEATS*/
div.bonus01, div.bonus02 {width: 99%; margin: auto;}
div.bonus02 {display: flex; flex-wrap: wrap; margin-top: 0.39vw;}

div.bonus_logo {width: 45%; height: 4.15vw; margin: auto; margin-top: 2.3vw;}
div.bonus_title {left: 0.18vw; position: relative; margin-top: 0.5vw;}
div#bonus_draw {width: 99%; margin: auto; top:0.16vw; position:relative;}
div.bonus_draw_container {background: #000; padding: 0.33vw 0; top: 0.05vw; position: relative;}
div.bonus_row {display: flex; justify-content: space-around; margin: 0.35vw 0.5vw;}
div.bonus_row div.bonus_numb {width: 2.4vw; height: 2.4vw; font: 1.1vw / 2.4vw  "NotoSans-Regular", Arial, Helvetica, Verdana, sans-serif; color: #FFF; opacity: 0.5; text-align: center; border-radius: 100%;}
div.bonus_row div.bonus_repeats {background: #C2001D; opacity: 1; font: 1.2vw / 2.4vw "NotoSans-Bold", Arial, Helvetica, Verdana, sans-serif;}
div.bonus_row div.bonus_numb div {position: relative; top: -2.9vw; font: 0.9vw / 0.9vw "NotoSans-Bold", Arial, Helvetica, Verdana, sans-serif; text-align: right; color: #FFC200;}
/**********************************************************************************************************************************************************************************************************************************/

/*BONUS DELAYS AND OCCURRENCES*/
div.bonus_top, div.bonus_winners {width: 99%; margin: auto;}

div.bonus_winners {margin-top: 0.6vw; margin-bottom:0.27vw;}
div.bonus_delays_title span, div.bonus_occurrences_title span, div.bonus_title span{background: #FFFF00; padding: 0.2vw 0.4vw; font-size: 1.1vw; color: #000; letter-spacing: -0.05vw;}

div#bonus_delays, div#occurrences_bonus {display: flex; top:0.2vw; position:relative;}
div#bonus_delays:last-child, div#bonus_occurrences:last-child {border-right: none;}

div.bonus_cell{border-right: solid #FCC32D 0.1vw; background: #2D151F; display: inline-flex; justify-content: center; width:19.5%; padding: 0.4vw 0; text-align: center; color: #FFF;}
div.delays_numb, div.occurrences_numb {width: 3vw; height: 2.7vw; font-size: 1.5vw; line-height: 2.7vw;}
div.bonus_ball{width: 2.7vw;  font-size: 1.5vw; line-height: 2.7vw; border-radius: 100%;}
div#bonus_delays div.bonus_ball {background: #FF4E13;}
div#bonus_occurrences div.bonus_ball {background: #E20613;}

div.bonus_occurrences {margin-top: 0.5vw; top:0.2vw; position:relative;}
/**********************************************************************************************************************************************************************************************************************************/
/*BONUS WINNERS*/
div.bonus_winners01, div.bonus_winners02 {width: 99.9%; height: 6.38vw; margin: auto; display: flex; align-items:center; background: #FFDC00; border-top: solid 0.15vw #90001D;}
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;}
div.kino_bonus_top_winner, div.bonus_winning_combinations, div.today_bonus_distributed_amount, div.kino_bonus_to_kino_comparison{width:100%; display: flex; align-items: center;}
div.col_left{float:left; width: 30%; text-align: left; font-size: 1.18vw; line-height: 1.18vw; margin-left: 0.3vw;/* top:1.3vw; */position:relative;}
div.col_left div.red_txt{color: #E20514;}
div.col_right{float:right; width: 70%; text-align: right; font-size: 2.18vw; line-height: 2.18vw; margin-right: 0.3vw; top:0.5vw; position:relative;}
div.col_right div.red_txt {color: #E20514; 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.clear{clear:both;}
div.area{color: #15001D; font-size: 1vw; line-height: 1vw; text-align:left; margin-right:0.3vw; top:0.2vw; position:relative; text-align:right;}
div.kino_bonus_to_kino_comparison div.col_right{top:0vw;}
div.kino_bonus_to_kino_comparison div.col_right div.red_txt{transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1);}
span.brown_txt, div.brown_txt{font-size: 1.18vw; line-height: 1.18vw; color: #15001D;}
div.kinobonus_txt{color: #E20514; font-size: 2vw; line-height: 2vw; right: 0.5vw; position: relative;}

div.system div.area{top:0;}
div.system div.col_right{top: 1.2vw;}

/*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.col_left{top: 0; width: 50%; text-align: center;}
div.kino_bonus_para1_top_winner div.col_right{top:0; width: 50%; text-align: 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: 10vw; height: 3vw; margin: auto;}
div.kino_bonus_para1_top_winner div.col_left div.yellow_txt{font-size: 1vw; line-height: 1; color: #FFC202;}
div.kino_bonus_para1_top_winner div.white_txt{font-size: 1vw; color:#FFF; top: 0; line-height: 1;}
div.kino_bonus_para1_top_winner div.area{font-size: 1vw; color:#FFF; top: 0; line-height: 1; margin: 0; 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); font-size: 1.5vw; margin: 0.3vw 0; text-align: center;}

/*KINO_PARA1_TO_KINO_COMPARISON*/
div.kinopara1_to_kino_comparison div.white_txt{font-size: 1vw; line-height: 1vw; color:#FFF;}
div.kinopara1_to_kino_comparison div.white_txt_small{font-size: 1vw; line-height: 1vw;}
div.kinopara1_to_kino_comparison div.yellow_txt{font-size: 2vw;  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:1vw;}
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:1vw 0;}

/*KINO_PARA1_TO_KINO_CATEGORY*/
div.kinopara1_to_kino_category div.white_txt{font-size: 1vw; color:#FFF;}
div.kinopara1_to_kino_category div.yellow_txt{font-size: 2vw; 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: 2vw;}
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;}
/**********************************************************************************************************************************************************************************************************************************/

/*DEBUG*/
div#debug_datetime{z-index:1000; position:absolute; bottom:0vw; left:0vw; font: bold 0.5vw Arial, Helvetica, Verdana, sans-serif; opacity:1; color:#000;}
div#debug_code{z-index:1000; position:absolute; bottom:0vw; right:0vw; font: bold 0.5vw Arial, Helvetica, Verdana, sans-serif; opacity:0.3; color:#000;}
.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#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;}*/
/**********************************************************************************************************************************************************************************************************************************/
/*3840x2160*/
@media screen and (max-width:3840px) and (max-height:2160px){}
/**********************************************************************************************************************************************************************************************************************************/
/*1920x1080*/
@media screen and (max-width:1920px) and (max-height:1080px){}
/**********************************************************************************************************************************************************************************************************************************/
/*1680x1050*/
@media all and (max-width:1680px) and (max-height:1050px){
div.bonus_winners01, div.bonus_winners02{height:9.5vw;}
div.winners{height:18.6vw;}
#notification_text{bottom: 33.5%;}
    
div.yesterday_distributed_amount, div.today_distributed_amount{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{margin-top: 0;}
}
/**********************************************************************************************************************************************************************************************************************************/
/*1600x900*/
@media all and (max-width:1600px) and (max-height:900px){
div.bonus_winners01, div.bonus_winners02{height: 6.35vw;}
div.winners{height:12.3vw;}
}
/**********************************************************************************************************************************************************************************************************************************/
/*1536x864*/
@media all and (max-width:1536px) and (max-height:864px){}
/**********************************************************************************************************************************************************************************************************************************/
/*1440x900*/
@media all and (max-width:1440px) and (max-height:900px){
div.bonus_winners01, div.bonus_winners02{height: 9.45vw;}
div.winners{height:18.6vw;}
}
/**********************************************************************************************************************************************************************************************************************************/
/*1366x768*/
@media screen and (max-width:1366px) and (max-height:768px){
div.bonus_winners01, div.bonus_winners02{height:6.2vw;}
div.winners{height:12.2vw;}
}
/**********************************************************************************************************************************************************************************************************************************/
/*1360x768*/
@media screen and (max-width:1360px) and (max-height:768px){
div.winners {height: 12.5vw;}
div.bonus_winners01, div.bonus_winners02 {height: 6.3vw;}
}
/**********************************************************************************************************************************************************************************************************************************/
/*1280x1024*/
@media screen and (max-width:1280px) and (max-height:1024px){
div.occurrences, div.repeats, div.delays {height: 15vw;}
div.cell{margin: 2.5vw 5.4vw 0.5vw 0.7vw;}
div.bonus_row{margin: 1.13vw 0.5vw;}
div.bonus_winners01, div.bonus_winners02 {height: 14.4vw;}
div.winners {height: 25.2vw;}
}
/**********************************************************************************************************************************************************************************************************************************/
/*1280x960*/
@media screen and (max-width:1280px) and (max-height:960px){
div.bonus_winners01, div.bonus_winners02 {height: 11.9vw;}
div.winners {height: 20.2vw;}
}
/**********************************************************************************************************************************************************************************************************************************/
/*1280x800*/
@media screen and (max-width:1280px) and (max-height:800px){
div.occurrences, div.repeats, div.delays {height: 11.35vw;}
div.cell{margin: 1.5vw 5.4vw -0.5vw 0.7vw;}
div.bonus_row{margin: 0.35vw 0.5vw;}
div.bonus_winners01, div.bonus_winners02 {height:9.2vw;}
div.winners {height: 18.55vw;}
}
/**********************************************************************************************************************************************************************************************************************************/
/*1280x768*/
@media screen and (max-width:1280px) and (max-height:768px){
div.winners {height: 16vw;}
div.bonus_winners01, div.bonus_winners02 {height: 7.9vw;}
}
/**********************************************************************************************************************************************************************************************************************************/
/*1280x720*/
@media screen and (max-width:1280px) and (max-height:720px){
div.winners {height: 12.2vw;}
div.bonus_winners01, div.bonus_winners02 {height: 6.05vw;}
}
/**********************************************************************************************************************************************************************************************************************************/
/*1152x864*/
@media screen and (max-width:1152px) and (max-height:864px){
div.bonus_winners01, div.bonus_winners02 {height: 11.6vw;}
}
/**********************************************************************************************************************************************************************************************************************************/
/*1024x768*/
@media screen and (max-width:1024px) and (max-height:768px){
div.occurrences, div.repeats, div.delays {height: 15vw;}
div.cell{margin: 2.5vw 5.4vw 0.5vw 0.7vw;}
div.bonus_row{margin: 1.1vw 0.5vw;}
div.bonus_winners01, div.bonus_winners02 {height: 11.35vw;}
div.winners {height: 20vw;}
}
/**********************************************************************************************************************************************************************************************************************************/
/*960x540*/
@media screen and (max-width:960px) and (max-height:540px){
div.occurrences, div.repeats, div.delays {height: 11.35vw;}
div.cell{margin: 1.5vw 5.4vw -0.5vw 0.7vw;}
div.bonus_row{margin:0.35vw 0.5vw;}
div.bonus_winners01, div.bonus_winners02 {height: 5.2vw;}
div.winners {height: 12.2vw;}
div.kino_bonus_to_kino_comparison div.col_right div.red_txt{font-size:2vw;}
div.kinobonus_txt{font-size:1.5vw;}
div.kino_bonus_to_kino_comparison div.col_left{top:0.5vw; position:relative;}
    
div.system div.col_left, div.system span.brown_txt, div.system div.brown_txt{font-size:1vw; line-height: 1vw;}    
div.area{font-size: 0.9vw;}
div.system div.col_right {top: 0.8vw;}
    
div.kino_bonus_para1_top_winner div.col_right div.yellow_txt{font-size:1vw;}
div.kino_bonus_para1_top_winner div.white_txt,
div.kino_bonus_para1_top_winner div.area,
div.kino_bonus_para1_top_winner div.col_left div.yellow_txt{font-size:0.8vw;}
}
/**********************************************************************************************************************************************************************************************************************************/
/*800x600*/
@media screen and (max-width:800px) and (max-height:600px){
div.bonus_winners01, div.bonus_winners02 {height: 10.5vw;}
div.firefox div.bonus_cell{width:19.6%;}
}