@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap&subset=cyrillic');

footer,header,nav{display:block}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:'Noto Sans','Roboto', sans-serif, Arial, Helvetica, tahoma, verdana;color:#222}
body{line-height:1.4;background-color:#202124;font-family:'Noto Sans','Roboto', sans-serif, Arial, Helvetica, tahoma, verdana;font-size:12px;color:#FFF;
text-decoration:none;font-weight:400;margin:0;touch-action: manipulation}
::-moz-selection{background:#F60;color:#fff;text-shadow:none}
a{font-size:12px;color:#FFF;font-weight:700;text-decoration:none}
a:visited{color:#FFF}
a:hover{color:#F60;text-decoration:underline;text-shadow:none}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
ul,ol{margin:1em 0;padding:0 0 0 40px}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
#header{background:#202124;height:65px;filter:drop-shadow(1px 2px 2px black);}
#header h1{float:left;width:220px;font-size:12px;font-weight:400;color:#FFF;text-decoration:none;text-shadow:none;margin:0;padding:8px;}
.headerlogo {float:left;width:220px;margin:0;padding:8px;}
#appholder{text-align:center;min-height:290px;width:100%;background-color:#4b4b4b;padding:10px 0;}
#introbox{margin:auto}
h1{text-shadow:1px 1px 0 black;font-size:20px;width:auto;color:#ffffe2}


#btnStart {
  font-family:'Noto Sans','Roboto', sans-serif, Arial, Helvetica, tahoma, verdana;  
  background-color: #b34040;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  border: 1px solid #1f2f47;
  display: inline-block;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  padding: 12px 25px;
  text-decoration: none;
  margin: 10px 0px 10px 0px;
  transition: background-color 0.2s;
  display: none;
  cursor: pointer;
}

.rotatingLogo {
  padding: 10px;
    -webkit-animation: rotationAnim 2s infinite linear;
    animation: rotationAnim 2s infinite linear;
}

@-webkit-keyframes rotationAnim {
        from {-webkit-transform: rotate(0deg);}
        to {-webkit-transform: rotate(359deg);}
}


.startButtonLink:hover{background-image:-moz-linear-gradient(top,#D24E33,#b6422a);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#D24E33),color-stop(1,#b6422a));filter:progid:DXImageTransform.Microsoft.gradient (startColorStr='#D24E33', EndColorStr='#b6422a');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#D24E33', EndColorStr='#b6422a')"}
#footer{clear:both;width:100%;text-align:center;padding-top:0;padding-bottom:20px;content-visibility: auto}
#introbox ul{text-align:left;font-size:12px;margin:auto;padding:0 0 0 60px}
.btn-fb-50{display:inline-block;width:50px;height:50px;background:url(/static/img/social-flags.png) no-repeat left!important;background-position:0 -32px!important;margin:2px 3px;padding:0}
.btn-twitter-50{display:inline-block;width:50px;height:50px;background:url(/static/img/social-flags.png) no-repeat left!important;background-position:-50px -32px!important;margin:2px 3px;padding:0}
.btn-tumblr-50{display:inline-block;width:50px;height:50px;background:url(/static/img/social-flags.png) no-repeat left!important;background-position:-100px -32px!important;margin:2px 3px;padding:0}
.btn-vk-50{display:inline-block;width:50px;height:50px;background:url(/static/img/social-flags.png) no-repeat left!important;background-position:0 -132px!important;margin:2px 3px;padding:0}
.btn-chrome-50{display:inline-block;width:185px;height:50px;background:url(/static/img/social-flags.png) no-repeat left!important;background-position:0 -82px!important;margin:2px 3px;padding:0}
.flagButton{display:inline-block;width:24px;height:16px;background:url(/static/img/social-flags.png) no-repeat left!important;margin:2px 0 5px;padding:0;filter:drop-shadow(1px 2px 2px black)}
.flagButtonEN{background-position:-206px 0!important}
.flagButtonES{background-position:-206px -16px!important}
.flagButtonPT{background-position:-206px -32px!important}
.flagButtonFR{background-position:-206px -48px!important}
.flagButtonIT{background-position:-206px -64px!important}
.flagButtonRU{background-position:-206px -80px!important}
.flagButtonDE{background-position:-206px -96px!important}
.flagButtonNL{background-position:-206px -112px!important}
.flagButtonNO{background-position:-206px -128px!important}
.flagButtonSE{background-position:-206px -160px!important}
.flagButtonTR{background-position:-206px -176px!important}
.flagButtonPL{background-position:-206px -192px!important}
#mpuspot {width:336px;height:280px;float:right;display:none;}
.divFlags {position:absolute;top:70px;right:0px;display:none;}
.divProperties {}
#localemsg {display:none;}
#fimg {filter: drop-shadow(2px 2px 4px black);}

.leaderboardad {height: 300px;}
#pleaderboard {text-align: center;min-height: 300px;margin-top:1vh}

.topRightSocial {display:none;}

@media(max-width: 800px) {

  #pleaderboard {min-height: 100px}
  .leaderboardad {min-height: 100px;}
}

@media(min-width: 500px) {
    .topRightSocial {display:block;}
}
@media(min-width: 700px) {
    #mpuspot {display:block;}
    #introbox {width:737px;}
    .divFlags {display:block;}
    .divProperties {width:400px;float:left}
    #localemsg {display:block;}
}
@media(min-width: 800px) {
    .leaderboardad {min-height: 300px;}

}