body
{
height: 100%;
background-color: #8B0000;
background-image: url('/Styles/Img/fon-1.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center;
margin: 0px 0 0px 0;
padding: 0;
text-align: center;
position: center;
}


a{
color: #0000CD;
text-decoration: none !important;
}


#top-shadow
{
text-align: center;
float: center;
min-height:0px;
margin: 0px auto 0px  auto;
box-shadow: 0px 0px 10px 5px #000;
}


#general-box
{
display: inline-block;
vertical-align: middle;
margin: -5px 1px 1px 1px;
padding: 0px 0px 0px 0px;
width: 99%;
max-width: 740px;
min-height: 50px;
text-align: center;
clear: both;
background-color: #F0F1F4;
border: 1px solid #FFCCFF;
border-radius: 1px;
box-shadow: 0 0 20px -6px rgba(0, 0, 0, 1) inset, 0 7px 10px -4px rgba(0, 0, 0, 1);
}


#images-1
{
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: 740px;
margin: 0px 0px 25px 0px;
text-align: center;
clear: both;
box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.99);
}


#blok-text-1
{
display: inline-block;
vertical-align: middle;
margin: 5px 5px 10px 5px;
padding: 3px 3px 3px 3px;
width: 93%;
min-height: 50px;
font: bolder 17px Tahoma, Arial;
color: #000000;
text-shadow: #FFFF00 1px 1px 1px;
text-align: center;
clear: both;
}


#blok-button-install
{
display: inline-block;
vertical-align: middle;
margin: 10px 5px 5px 5px;
padding: 5px 5px 5px 5px;
width: 92%;
min-height: 10px;
text-align: center;
clear: both;
border: none;
}

#button-install-game-Android-1
{
display: inline-block;
vertical-align: middle;
margin: 10px 5px 10px 5px;
padding: 0px 0px 0px 0px;
width: 200px;
max-width: 200px;
min-height: 70px;
text-align: center;
clear: both;
border: 1px solid #666666;
border-radius : 5px;
background-image: url('/Styles/Img/Znak-Android.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-animation-name: 'play_down';
-moz-animation-name: 'play_up';
animation-duration: 1s;
animation-iteration-count: infinite;
box-shadow: 0 0 30px -6px rgba(0, 0, 0, 1) inset, 0 7px 10px  -6px rgba(0, 0, 0, 0.9);
cursor: pointer;
}
#button-install-game-Android-1:hover
{
border: 4px solid #FFFF00;
cursor: pointer;
}
#button-install-game-iPhone-1
{
display: inline-block;
vertical-align: middle;
margin: 10px 5px 10px 5px;
padding: 0px 0px 0px 0px;
width: 200px;
max-width: 200px;
min-height: 70px;
text-align: center;
clear: both;
border: 1px solid #666666;
border-radius : 5px;
background-image: url('/Styles/Img/Znak-iPhone.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-animation-name: 'play_down';
-moz-animation-name: 'play_up';
animation-duration: 1s;
animation-iteration-count: infinite;
box-shadow: 0 0 30px -6px rgba(0, 0, 0, 1) inset, 0 7px 10px  -6px rgba(0, 0, 0, 0.9);
cursor: pointer;
}
#button-install-game-iPhone-1:hover
{
border: 4px solid #FFFF00;
cursor: pointer;
}
#button-install-game-Windows-1
{
display: inline-block;
vertical-align: middle;
margin: 10px 5px 10px 5px;
padding: 0px 0px 0px 0px;
width: 200px;
max-width: 200px;
min-height: 70px;
text-align: center;
clear: both;
border: 1px solid #666666;
border-radius : 5px;
background-image: url('/Styles/Img/Znak-Windows.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-animation-name: 'play_down';
-moz-animation-name: 'play_up';
animation-duration: 1s;
animation-iteration-count: infinite;
box-shadow: 0 0 30px -6px rgba(0, 255, 0,  0.99) inset, 0 7px 10px  -6px rgba(0, 255, 0,  0.9);
cursor: pointer;
}
#button-install-game-Windows-1:hover
{
border: 4px solid #FFFF00;
cursor: pointer;
}
#button-install-game-Android-2
{
display: inline-block;
vertical-align: middle;
margin: 10px 5px 10px 5px;
padding: 0px 0px 0px 0px;
width: 200px;
max-width: 200px;
min-height: 70px;
text-align: center;
clear: both;
border: 1px solid #666666;
border-radius : 5px;
background-image: url('/Styles/Img/Znak-Android.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-animation-name: 'play_down';
-moz-animation-name: 'play_up';
animation-duration: 1s;
animation-iteration-count: infinite;
box-shadow: 0 0 30px -6px rgba(0, 0, 0, 1) inset, 0 7px 10px  -6px rgba(0, 0, 0, 0.9);
cursor: pointer;
}
#button-install-game-Android-2:hover
{
border: 4px solid #FFFF00;
cursor: pointer;
}
#button-install-game-iPhone-2
{
display: inline-block;
vertical-align: middle;
margin: 10px 5px 10px 5px;
padding: 0px 0px 0px 0px;
width: 200px;
max-width: 200px;
min-height: 70px;
text-align: center;
clear: both;
border: 1px solid #666666;
border-radius : 5px;
background-image: url('/Styles/Img/Znak-iPhone.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-animation-name: 'play_down';
-moz-animation-name: 'play_up';
animation-duration: 1s;
animation-iteration-count: infinite;
box-shadow: 0 0 30px -6px rgba(0, 0, 0, 1) inset, 0 7px 10px  -6px rgba(0, 0, 0, 0.9);
cursor: pointer;
}
#button-install-game-iPhone-2:hover
{
border: 4px solid #FFFF00;
cursor: pointer;
}
#button-install-game-Windows-2
{
display: inline-block;
vertical-align: middle;
margin: 10px 5px 10px 5px;
padding: 0px 0px 0px 0px;
width: 200px;
max-width: 200px;
min-height: 70px;
text-align: center;
clear: both;
border: 1px solid #666666;
border-radius : 5px;
background-image: url('/Styles/Img/Znak-Windows.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-animation-name: 'play_down';
-moz-animation-name: 'play_up';
animation-duration: 1s;
animation-iteration-count: infinite;
box-shadow: 0 0 30px -6px rgba(0, 255, 0,  0.99) inset, 0 7px 10px  -6px rgba(0, 255, 0,  0.9);
cursor: pointer;
}
#button-install-game-Windows-2:hover
{
border: 4px solid #FFFF00;
cursor: pointer;
}
@keyframes  play_top
{
0% 
{
-webkit-box-shadow: 0 0 rgba(0,255,0,  0.6);
-moz-box-shadow: 0 0 rgba(0,255,0,  0.6);
box-shadow: 0 0 rgba(0,255,0,  0.6);
}
to 
{
-webkit-box-shadow: 0 0 0 20px rgba(0,255,0,  0.1);
-moz-box-shadow: 0 0 0 20px rgba(0,255,0,  0.1);
box-shadow: 0 0 0 20px rgba(0,255,0,  0.1);
}   
}
@keyframes  play_down 
{
0% 
{
-webkit-box-shadow: 0 0 rgba(0,255,0,  0.4);
-moz-box-shadow: 0 0 rgba(0,255,0,  0.4);
box-shadow: 0 0 rgba(0,255,0,  0.4); 
}
to 
{
-webkit-box-shadow: 0 0 0 20px rgba(0,255,0,  0.1);
-moz-box-shadow: 0 0 0 20px rgba(0,255,0,  0.1);
box-shadow: 0 0 0 20px rgba(0,255,0,  0.1);  
}
}


#button-install-1
{
display: inline-block;
vertical-align: middle;
margin: 5px 5px 5px 5px;
width: 85%;
min-height: 40px;
font: bolder 26px Tahoma,Verdana,Arial;
color: #000000;
text-align: center;
border-bottom: 2px solid #cccccc;
}


#blok-no-install-1
{
display: inline-block;
vertical-align: middle;
margin: 1px 5px 15px 5px;
padding: 0px 1px 0px 1px;
width: 90%;
min-height: 10px;
font: 12px Tahoma, Arial;
color: #000000;
text-align: center;
clear: both;
}

#button-install-2
{
display: inline-block;
vertical-align: middle;
margin: 5px 5px 5px 5px;
width: 85%;
min-height: 40px;
font: bolder 26px Tahoma,Verdana,Arial;
color: #000000;
text-align: center;
border-bottom: 2px solid #cccccc;
}

#blok-no-install-2
{
display: inline-block;
vertical-align: middle;
margin: 10px 5px 20px 5px;
padding: 0px 1px 0px 1px;
width: 90%;
min-height: 10px;
font: 12px Tahoma, Arial;
color: #000000;
text-align: center;
clear: both;
}

#button-1
{
display: inline-block;
vertical-align: middle;
margin: 25px 5px 5px 5px;
padding: 1px 1px 5px 1px;
width: 90%;
max-width: 520px;
height: 45px;
font: bolder 24px Tahoma,Verdana,Arial;
color: #FFD700;
text-shadow: #000000 1px 2px 1px;
text-align: center;
background-image: url('/Styles/Img/Img-1.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.70);
}
#button-1:hover
{
color: #FFFF00;
background: #008000;
tansition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear; 
cursor: pointer;
}


#button-2
{
display: inline-block;
vertical-align: middle;
margin: 5px 1px 15px 1px;
padding: 1px 1px 5px 1px;
width: 90%;
max-width: 520px;
height: 45px;
font: bolder 24px Tahoma,Verdana,Arial;
color: #FFD700;
text-shadow: #000000 1px 2px 1px;
text-align: center;
background-image: url('/Styles/Img/Img-1.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.70);
}
#button-2:hover
{
color: #FFFF00;
background: #008000;
tansition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear; 
cursor: pointer;
}



#images-screnshot
{
display: inline-block;
vertical-align: middle;
width: 95%;
max-width: 800px;
margin: 5px 0px 20px 0px;
text-align: center;
clear: both;
}



#screnshot
{
display: inline-block;
vertical-align: middle;
width: 90%;
max-width: 280px;
height: auto;
margin: 8px 8px 8px 8px;
padding: 1px 1px 0px 1px;
text-align: center;
clear: both;
background-color: #ffffff;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.7);
}



#blok-text-2
{
display: inline-block;
vertical-align: middle;
margin: 35px 5px 2px 5px;
padding: 3px 3px 3px 3px;
width: 93%;
min-height: 50px;
font: bolder 16px Tahoma, Arial;
color: #000000;
text-align: center;
clear: both;
}


#box-5
{
display: inline-block;
vertical-align: middle;
margin: 0px 2px 2px 2px;
padding: 0px 0px 0px 0px;
width: 98%;
min-height: 100px;
text-align:  center;
}

#text-6
{
display: inline-block;
vertical-align: middle;
margin: 10px 1px 10px 1px;
width: 98%;
min-height: 10px;
font: bolder 26px Tahoma,Verdana,Arial;
color: #000000;
text-align:  center;
text-shadow: #FFFF00 1px 1px 1px;
}
@media screen and (max-width: 360px) 
{
#text-6
{
font: bolder 20px Tahoma,Verdana,Arial;
}
}


#pan-8
{
display: inline-block;
vertical-align: middle;
margin: 12px 5px 12px 5px;
width: 98%;
max-width: 190px;
min-height: 190px;
text-align:  center;
background-color: #ffffff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.80);
}


#text-7
{
display: inline-block;
vertical-align: middle;
margin: 5px 2px 2px 3px;
width: 99%;
min-height: 10px;
font:  15px Tahoma,Verdana,Arial;
color: #000000;
text-align: justify;
}
@media screen and (max-width: 360px) 
{
#text-7
{
font:  13px Tahoma,Verdana,Arial;
}
}


#images-2
{
display: inline-block;
vertical-align: middle;
width: 98%;
max-width: 500px;
margin: 0px 0px 0px 0px;
text-align: center;
clear: both;
cursor: pointer;
}

#block-button
{
width: 98%;
max-width: 800px;
min-height: 10px;
text-align: center;
}






#blok-text-3
{
display: inline-block;
vertical-align: middle;
margin: 35px 5px -3px 5px;
padding: 3px 3px 3px 3px;
width: 93%;
min-height: 20px;
font: bolder 18px Tahoma, Arial;
color: #0000CD;
text-align: center;
clear: both;
cursor: pointer;
}


#blok-text-4
{
display: inline-block;
vertical-align: middle;
margin: 15px 5px 15px 5px;
padding: 3px 3px 3px 3px;
width: 93%;
min-height: 20px;
font: bolder 16px Tahoma, Arial;
color: #000000;
text-shadow: #FFFF00 1px 1px 1px;
text-align: center;
clear: both;
}


#blok-text-5
{
display: none;
vertical-align: middle;
margin: 2px 1px 8px 1px;
padding: 8px 3px 8px 3px;
width: 87%;
max-width: 400px;
min-height: 10px;
font: bolder 16px Tahoma,Verdana,Arial;
color: #FFD700;
background: #ffffff;
text-align: center;
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.40);
}
#blok-text-5:hover
{
color: #FFFF00;
background: #F0F1F4;
tansition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear; 
cursor: pointer;
}



#blok-text-6
{
display: inline-block;
vertical-align: middle;
margin: 5px 1px 5px 1px;
width: 95%;
max-width: 750px;
min-height: 10px;
text-align: center;
}

#agreement-1
{
display: none;
vertical-align: middle;
margin: 10px 4px 25px 4px;
padding: 4px 2px 2px 2px;
width: 90%;
max-width: 270px;
min-height: 20px;
font: bolder 14px Tahoma,Verdana,Arial;
color: #000000;
background-color: #CCCCCC;
border: 1px solid #666666;
border-radius : 3px;
text-align: center;
cursor: pointer;
}
#agreement-1:hover
{
color: #FFFFFF;
text-shadow: #000000 1px 1px 1px;
background: #008000;
tansition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear; 
cursor: pointer;
}
#agreement-2
{
display: inline-block;
vertical-align: middle;
margin: 8px 4px 8px 4px;
padding: 4px 2px 4px 2px;
width: 90%;
max-width: 270px;
min-height: 10px;
font: bolder 14px Tahoma,Verdana,Arial;
color: #000000;
background-color: #CCCCCC;
border: 1px solid #666666;
border-radius : 3px;
text-align: center;
cursor: pointer;
}
#agreement-2:hover
{
color: #FFFFFF;
text-shadow: #000000 1px 1px 1px;
background: #008000;
tansition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear; 
cursor: pointer;
}
#privacypolicy
{
display: inline-block;
vertical-align: middle;
margin: 8px 4px 8px 4px;
padding: 4px 2px 4px 2px;
width: 90%;
max-width: 270px;
min-height: 10px;
font: bolder 14px Tahoma,Verdana,Arial;
color: #000000;
background-color: #CCCCCC;
border: 1px solid #666666;
border-radius : 3px;
text-align: center;
cursor: pointer;
}
#privacypolicy:hover
{
color: #FFFFFF;
text-shadow: #000000 1px 1px 1px;
background: #008000;
tansition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear; 
cursor: pointer;
}
#box-copyring
{
display: inline-block;
vertical-align: middle;
margin: 5px 5px 10px 5px;
width: 95%;
min-height: 20px;
font: 14px Tahoma, Arial;
color: #000000;
text-align: center;
clear: both;
}
@media screen and (max-width: 420px) 
{
   #box-copyring
   {
   font: 13px Tahoma, Arial;
   }
}


#box-data
{
display: inline-block;
vertical-align: middle;
margin: 3px 5px 10px 5px;
width: 95%;
min-height: 5px;
font: 15px Tahoma, Arial;
color: #000000;
text-align: center;
clear: both;
}