div.messages {width: 100%; height: 100%; left:0; top:0; position:absolute; visibility:hidden;}
div.blue, div.sidebets_blue{width: 100%; height: 100%; overflow: hidden; top:0; left:0; position:absolute;}
div.blue_msg{background: url("../common_resources/images/messages/bg_msg.jpg") no-repeat left top / cover;}
/************************************************************************************************************************************************************************************************************************************************************************************/
/*HEADER*/
div.blue div.header, div.sidebets_blue div.header{width: 100%; height: 10vw; border: none; justify-content: center; align-items: center; display: flex; top:0; position:absolute;}
div.blue div.header div.kino_logo, div.sidebets_blue div.header div.kino_logo{bottom:1vw;}
/************************************************************************************************************************************************************************************************************************************************************************************/
/*CONTENT*/
div.blue div.content, div.sidebets_blue div.content{width: 100%; height: 46.5vw; color: #FFF; display: flex; font: 8vw / 9vw "NotoSans-Regular", Arial, Helvetica, Verdana, sans-serif; text-align:center; left:0; justify-content:center; align-items:center; position:absolute; top:10vw;}
div.blue div.content.error div{font:6vw / 7vw "NotoSans-Regular", Arial, Helvetica, Verdana, sans-serif;}
div.blue strong, div.blue div.scale_txt strong{font: 8vw / 9vw "NotoSans-Bold", Arial, Helvetica, Verdana, sans-serif;}

/*KINOBONUS IMAGE*/
div.blue div.kinobonus_msg{width: 100%; height:100%; background: url("../common_resources/images/messages/kinobonus.png") no-repeat left center / cover; bottom:0; left:0; position:absolute; z-index: 2;}

/*KINO PARA1 PROMO*/
div.kinopara1_promo{width:100%; height: 100%;  position: absolute; left:0; top:0; background: url("") no-repeat left center / cover; visibility: hidden; z-index: 101;}
/************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:1680px) and (max-height:1050px){
div.blue div.header{height:11vw;}
div.blue div.content{height:51.5vw;}
    
/*KINO PARA1 PROMO*/
div.kinopara1_promo{background: url("") no-repeat left center / cover;}
}
/************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:1600px) and (max-height:900px){
div.blue div.header{height:10vw;}
div.blue div.content{height:46.1vw;}
    
/*KINO PARA1 PROMO*/
div.kinopara1_promo{background: url("") no-repeat left center / cover;}
}
/************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:1440px) and (max-height:900px){
div.blue div.header{height:11vw;}
div.blue div.content{height:51.5vw;}
    
/*KINO PARA1 PROMO*/
div.kinopara1_promo{background: url("") no-repeat left center / cover;}
}
/************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:1366px) and (max-height:768px){
div.blue div.header{height:10vw;}
div.blue div.content{height:46.1vw;}
    
/*KINO PARA1 PROMO*/
div.kinopara1_promo{background: url("") no-repeat left center / cover;}
}
/************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:1280px) and (max-height:1024px){
div.blue div.header{height:14.3vw;}
div.blue div.content{height:66vw;}
div.blue div.kinobonus_msg{height:82%; bottom:7vw;}
    
/*KINO PARA1 PROMO*/
div.kinopara1_promo{background: url("") no-repeat left center / cover;}
}
/************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:1280px) and (max-height:960px){
div.blue div.header{height:13.3vw;}
div.blue div.content{height:61.5vw;}
    
/*KINO PARA1 PROMO*/
div.kinopara1_promo{background: url("") no-repeat left center / cover;}
}
/************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:1280px) and (max-height:800px){
div.blue div.header{height:11vw;}
div.blue div.content{height:51.5vw;}
div.blue div.kinobonus_msg{height:100%; bottom:0;}
    
/*KINO PARA1 PROMO*/
div.kinopara1_promo{background: url("") no-repeat left center / cover;}
}
/************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:1280px) and (max-height:768px){
div.blue div.header{height:10.6vw;}
div.blue div.content{height:49vw;}
    
/*KINO PARA1 PROMO*/
div.kinopara1_promo{background: url("") no-repeat left center / cover;}
}
/************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:1280px) and (max-height:720px){
div.blue div.header{height:10vw;}
div.blue div.content{height:46.1vw;}
    
/*KINO PARA1 PROMO*/
div.kinopara1_promo{background: url("") no-repeat left center / cover;}
}
/************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:1185px) and (max-height:690px){
div.blue div.header{height:10.5vw;}
div.blue div.content{height:48vw;}
}
/************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:1024px) and (max-height:768px){
div.blue div.header{height:13.5vw;}
div.blue div.content{height:61.5vw;}
div.blue div.kinobonus_msg{height:82%; bottom:7vw;}
    
/*KINO PARA1 PROMO*/
div.kinopara1_promo{background: url("") no-repeat left center / cover;}
}
/************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:960px) and (max-height:540px){
div.blue div.header{height:10vw;}
div.blue div.content{height:46.1vw;}
div.blue div.kinobonus_msg{height:100%; bottom:0;}
    
/*KINO PARA1 PROMO*/
div.kinopara1_promo{background: url("") no-repeat left center / cover;}
}
/************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:847px) and (max-height:500px){
div.blue div.header{height:10.5vw;}
div.blue div.content{height:48.5vw;}
}