html,body,div,span,h1,h2,h3,h4,h5,h6,p,img,em,strike,strong,s,b,u,i,dl,dt,dd,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,ul,ol,li{margin:0;padding:0}
@font-face {font-family: 'icons';src: url(icomoon.woff) format('woff');font-weight: normal;font-style: normal}
body{font:15px/1.5 Arial;color:#1f282c;background:#d9dde2 url('../images/bg.png') no-repeat 50% 0}
ul,ol{list-style:none}
img{border:none; display:block;max-width: 100%}
h1{text-align: center;color: #6c6c6d;line-height:1.2;margin-top: 6px}
h2{text-align: center}
a{text-decoration:none;color:#285473}
a:hover{text-decoration:underline}
p{padding:10px}
.space{height:170px}
.mid{text-align:center}
.normlist{list-style: disc;padding-left: 40px}
.wide{width:100%}
.overhide{overflow: hidden}
#wrapper {position: relative;max-width: 1000px;margin: 0 auto;width: 100%}
#main{min-height:600px;background:#fff;overflow:hidden;box-shadow: 0px 0px 5px rgba(0,0,0,.2)}
.rightcol{float:right;width:75%}
.fullstory{overflow: hidden}
.social a{margin: 0 8px}
.statmsg{background:#d2e3f2;border-top:1px solid #fff;padding: 5px 30px;border-bottom: 1px solid #fff;font-style:italic}

/* Верхнее меню */
#top{position:absolute;top:0;width:100%}
.logo{display: inline-block;margin: 8px 15px;width: 16%}
.logo img{min-width:155px}
.logo:hover{filter: brightness(1.3)}
.topmenu{box-shadow: 0px 0px 5px rgba(0,0,0,.2);background-color: #F1F2F5;background: linear-gradient(to bottom, #FDFDFE 5%, #dbe0f5);margin-top: 50px}
.toplist{display: inline-block;vertical-align: top;width: 80%}
.toplist > li{display: inline-block;font-size:14px}
.toplist > li:last-child{float: right}
.toplist a{display:block;padding: 0 15px;line-height: 48px;font-weight: bold;color: #606e96}
.toplist a:hover, #profilePopup a:hover, .selected{color: #4f5899;background: rgba(205, 218, 247, 0.8)}
.mobmenu, .mobprof{font:2.8em 'icons';display:none;color:#7f96bd}
.mobmenu:before{content: '\e9bd'}
.mobprof:before{content: '\e971'}

/* Левая колонка */
.leftcol{float: left;width: 25%;background: #f5f7fa}
.leftname{background: #6d8296;color: #fff;padding: 10px;font-weight: bold;text-align: center}
.relnews{margin:25px 5px;width:auto}
.relnews img{margin: auto}
.relnews .stitle {height:auto}

/* Краткие новости S и L формата */
.flexlist{display: flex;justify-content: space-around;align-items:center;flex-wrap: wrap}
.shorts, .shortl{margin:15px 5px;width: 240px;background: #eef1f7}
.shortl{margin: 10px;width: 310px}
.shorts:hover, .shortl:hover, .relnews:hover{background:#e1e2ec}
.stitle{text-align:center;height:45px;padding-top: 4px;overflow: hidden;font:bold 15px/1.2 arial}

.mainshort{width:300px;margin:15px}
.maincover{position:relative}
.shortaudio{display: none;position: absolute;top: 0;left: 0;height:100%;width:100%;background: url(../images/short-play.png) no-repeat center rgba(0,0,0,0.5)}
.maincover:hover .shortaudio{display: block}
.mainprogress{background: #03cc01; height:5px;position: absolute; bottom: 0}
.mainh{font-size:1.3em; color:#7d7d7d; height:2.2em;text-align: center}

.subcats{display: flex;justify-content: space-around;align-items:center;flex-wrap:wrap;}
.subcats a{color:#527490;border-bottom: 5px solid #4BB1E1;margin: 8px 0;padding: 5px 0;font: bold 1.3em 'arial';width: 24%;text-align: center;min-width: 240px;background: linear-gradient(to bottom, #fbfbfb, #e9f6fd)}
.subcats a:hover{text-decoration: none;color:#7295b1;border-bottom:5px solid #32d7de }
.subcats a:last-child{border-bottom: 5px solid #04bf04;background: linear-gradient(to bottom, #f0fff0, #e5fbe5)}

.gameshort{width:400px;margin:15px}
.gameshort img{transition: .5s ease}
.gameshort img:hover{transform: scale(1.1) translateY(-10px)}


/* Пагинация и футер*/
.navigation{flex-basis: 100%;text-align:center;margin-bottom:10px}
.navigation a{background: linear-gradient(to bottom, #adcaea 5%, #5c87bb 100%);background-color:#adcaea;border-radius:6px;border: 1px solid #7EA9D8;display:inline-block;padding:7px 10px;color: #fff;margin:5px;font-weight: bold}
.navigation a:hover{background:linear-gradient(to bottom, #5c87bb 5%, #adcaea 100%)}
.navigation span {margin:5px;padding:10px}
#footer{width: 100%;background:#343435;margin-top: 30px;color:#d6d6d6;padding: 10px 0;text-align: center}
#footer a{color:#d6d6d6; float:right;margin: 0 20px}

/*Слой загрузки*/
#loading-layer {
    border: 7px solid rgba(2, 84, 158, 0.4);
    border-left: 7px solid #02549E;
    animation: load8 1.1s infinite linear;
}
#loading-layer{border-radius: 50%;width: 50px;height: 50px}
@keyframes load8 {
  0% {transform: rotate(0deg)}
  100% {transform: rotate(360deg)}
}


/*---?????????????? ?? jQuery UI---*/
.ui-widget-overlay {background: #000;opacity: 0.5;left: 0; top: 0; right: 0; bottom: 0;position: fixed}
.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
.ui-helper-clearfix { display: inline-block }
.ui-helper-clearfix { display: block }
.ui-dialog {text-align: left;overflow: hidden;padding: 0;position: absolute;width: 370px;border-radius: 2px;box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1);background-color: #f7f7f7;background-clip: padding-box}
.ui-dialog-titlebar { padding: 20px 20px; position: relative; }
.ui-dialog-title { float: left; font-weight: bold; font-size: 1.15em; }
.ui-dialog-titlebar-close {position: absolute;right: 10px; top: 50%;margin-top: -16px;height: 32px; width: 32px;border: 0 none !important}
.ui-dialog-titlebar-close .ui-icon {display: block;margin: 10px auto 0 auto;width: 12px; height: 12px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAG1BMVEUAAAA1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTW7eCkWAAAACHRSTlMA8DiyCsELwNb3saQAAABlSURBVBjTY2AxYoACZQcG10YFCJtJooTBokMIwlHsaAZioBRYAigKJoAAJAghoRIQCiYEoSEiUCmIBFQKLAGTAkvApCASCA6GMoQBGEYjLEV1DopDUbyA4jlUb6ciAiSMgQ0pqAB4linXHtbaoQAAAABJRU5ErkJggg==);
-webkit-background-size: 12px auto; background-size: 12px auto;opacity: .5}
.ui-dialog-titlebar-close:hover .ui-icon { opacity: 1; }
.ui-icon { overflow: hidden; text-indent: -9999px; }
.ui-dialog label { color: #575757; }
.ui-dialog-content { padding: 20px; border: 1px solid #fff; overflow: auto; position: relative; zoom: 1; }
.ui-dialog-content br:first-child { display: none; }
.loginbox.ui-dialog, .loginbox .ui-dialog-content { overflow: visible !important; }
.ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold }
.ui-dialog .ui-dialog-buttonpane { padding: 20px; text-align: center; }
.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; }
.ui-button { margin: 0 3px; }
.ui-helper-hidden-accessible{display: none}


/*Вход на сайт стили*/
.logform{width:200px;height:20px;padding:3px;border:1px solid #869ad4;border-radius:5px;background:#f4fbff}
.logform:focus{box-shadow:inset 0px 0px 5px 1px rgba(163,214,230)}
#profilePopup{display:none;background:linear-gradient(to bottom right, #FDFDFE 5%, #dbe0f5);width: 200px;float: right}
#profilePopup p{font: bold 1.3em arial;color: #3672bd}
#profilePopup a{color: #606e96;display: block;padding:5px;font-weight: bold}

/*Профиль пользователя*/
.userblock{padding: 4% 10%;font-size: 14px}
.userblock li{padding: 12px 0;border-bottom: 1px solid #C5C5C5}
.userblock li:last-child{border:none}
.ui-c1, .ui-c2 {display: inline-block}
.ui-c1 {width: 35%}
.ui-c2 { width: 60%}
.grey{color:#919191}

/*Краткие новости*/
.shortsound{display:block;padding: 5px 20px;border-bottom: 1px solid #ccc;background: #e4e4e4;font-size: 15px}
.shortsound a{color: #797979;font-weight: bold;display: block;padding: 6px}

/*Полная новость*/
.fullcover{}
.fullcover img{margin: 0 auto}
#fullimg{position: relative}
.imgplay{display: none;opacity:.8;  position: absolute;top: 0;left: 0;height:100%;width:100%;background: url(../images/short-pause.png) no-repeat center}
.imgtoggle{background-image: url("../images/short-play.png")}
.fulltabs{display: flex; justify-content: space-between;align-items:center; flex-wrap:wrap; margin: 5px 10px}
.fulltabs > div{margin: 5px 10px}
.likebar{font:1.2em 'icons'; color:#bbb}
.likebar a{font-size: 1.2em;text-decoration:none;color: #bbb;vertical-align: middle;}
.likebar a:hover{color:#008000}
.likebar a:before{content: "\e9df";font-size: 2em;vertical-align: middle;margin-right: 15px;}
.favsave, .favsaved{display: inline-block;padding: 2px 25px;font-size:1.3em;cursor:pointer;color: #fff;background: #6496c8;margin: 0 20px}
.favsaved{background: #13bf3e}
#dropmenudiv{background: #fff}
#dropmenudiv a{display: block}

/*Комментарии на сайте*/
#dle-comments-form{text-align: center}
#comment-editor textarea{width: 90%;height: 100px;background: #f7f7f7;border: 1px solid #bbbbbb}
#comment-editor textarea:focus{background: #fff;outline: 1px solid #79b3d4}
.bluebtn, .ui-button{padding: 10px 25px;color: #fff;background: #6496c8;margin-bottom: 30px;font-weight: bold;cursor: pointer}

.comwrap{width:100%}
.comunit{border-bottom: 1px solid #ccc;margin: 20px 0}
.avatar{display: inline-block;width: 11%;vertical-align: top}
.comment{display: inline-block;width: 88%}
.comautor{font-weight: bold;margin: 0 20px}
.comdate{color: #b1b1b1}
.comtext{margin:10px;font-size: .94em}
.comedit a{margin: 0 10px 6px;color: #8e8e8e}
.comedit a:first-child{font-weight: bold}

/* Плеер полной новости */
#fullplayer{display: flex;align-items:center;width:100%;background: rgba(0,0,0,0.8);color:#fff;overflow: hidden}
.pl-play, .pl-playing, .pl-loop, .pl-vol, .pl-mute{font: 22px 'icons';cursor:pointer;padding:5px 15px 5px 15px}
.pl-play, .pl-playing{font-size:30px}
.pl-vol{padding-right: 0}
.pl-play:before{content: "\ea1c"}
.pl-playing:before{content: "\ea1d"}
.pl-vol:before{content: "\ea27"}
.pl-mute:before{content: "\ea2a"}
.pl-loop:before{content: "\ea2e"}
.green{color:#11f578}

.pl-progrbar{max-width: 60%;width:100%;min-width: 75px;padding:0 5px}
.pl-progress, .pl-nowprogress{width:100%;height:7px; background:#f5f5f5;border-radius: 5px;cursor:pointer}
.pl-nowprogress{width:0;background: #3cb57e}

.pl-volbar{width: 8%;min-width: 20px}
.pl-volnow, .pl-volmax{width:100%;height:4px; background:#f7f7f7;border-radius: 3px;cursor:pointer}
.pl-volnow{background:#2cb2e6}

/* Стили для игры */
#gamecanvas{}
.startBtn{display: inline-block;padding: 15px 45px;font-size: 28px;cursor:pointer;color: #fff;background: #6496c8;text-shadow: -1px 1px #417cb8;margin:10px 30px}
.startBtn:hover{background:#346392;text-shadow: -1px 1px #27496d}
.playbtn-game{background: url('../images/play-game.png') no-repeat; width:250px;height:250px; transition: 0.4s ease;margin:auto}
.pausebtn-game{background: url('../images/pause-game.png') no-repeat}
.playbtn-game:hover, .pausebtn-game:hover{transform: scale(1.04)}
.game-dialog{margin:5px auto; text-align:center; display: none}
.gametrue:before{content: '\ea10';font: 30px 'icons';margin-right: 10px;color: #13b513}
.gamefalse:before{content: '\ea0f';font: 30px 'icons';margin-right: 10px;color: #e02626}
.ask-play{text-align: center;margin-bottom: 50px}
.ask-play-no, .ask-play-yes{margin: 0px 50px;padding: 7px 19px;border:1px solid #79b5fd;display: inline-block;border-radius: 7px;background: #d6eafd;cursor:pointer;font-weight: bold;color: #486086}
#game-answers{display: flex;align-items:center;justify-content:space-around; flex-wrap:wrap}
#game-answers > div{width: 30%;background: #6496c8;padding: 9px 15px;margin: 10px 50px;border-radius: 7px;text-align: center;cursor: pointer;color: #fff;font: bold 1.3em/1.5 arial}
#game-answers > div:hover{transform: scale(1.05)}
.next-game, .login-game{max-width: 150px;margin: auto;text-align:center;padding: 15px 35px;font-weight: bold;background: #6f7ea0;box-shadow:2px 2px 6px 0px rgba(50, 50, 50, 0.4);color: #f9f9f9;cursor: pointer;font-size: 1.1em}

/*Адаптивность дизайна*/
@media (max-width:900px) {
  .toplist{width:100%}
  .logo{display:block;margin:0 auto;padding: 5px;width:155px}
}

@media (max-width:600px) {
  .leftcol, .rightcol{float:none;width:100%}
  .fulltabs > div{margin: 5px auto}
  .logo{display: inline-block}
  .topmenu{margin-top: 0;text-align: center}
  .mobmenu{display: block; float: left;margin-left: 10px}
  .mobprof{display: block; float: right;margin-right: 10px}
  .toplist{display: none;position: fixed;left:0; top:43px;bottom:0; width:200px; z-index:10;background: linear-gradient(to bottom, #FDFDFE 5%, #dbe0f5)}
  .toplist > li{display:block}
  .toplist > li:last-child{display: none}
  .overlay{display:none;position: absolute;top:0;bottom: 0;left: 0;right: 0;z-index:9; background:rgba(174, 181, 189, 0.5)}

  /*Стили для игры*/
  #game-answers > div{width: 100%}
}