.content{overflow:hidden;margin-top:5px;}

#loader{
  color: #03a9f4;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 2.7s infinite ease, round 2.7s infinite ease;
  animation: load6 2.7s infinite ease, round 2.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

body2{padding:0px;max-width:1100px;margin:0px auto;min-width:320px;background-image: url(/images/design/bg.jpg);
    background-size: contain;background-size: cover;
    background-attachment: fixed;}

.menu{font-weight:bold;font-size:20px;padding:0 20px;line-height:50px;display:inline-block;color:#000;cursor:pointer;cursor:hand;text-transform:uppercase;}
.menu_block{overflow:auto;display:block;float:right;}
.mobile_menu{float:right;display:none;}
.article{padding:0 20 20 20px;}

.video_block_inner a img{width:100%;float:left;margin-bottom:5px;max-height:300px;}
.video_block_inner{font-size:14px;line-height:21px;    overflow: auto;border-radius: 5px;
    overflow: auto;}

.categories_block{margin-bottom:10px;border-radius: 5px;
    overflow: auto;}


@media (min-width: 1029px){
.header{  margin:0 0 5 0px;width:calc(100% - 0px);}
.video_block{float:left;max-width:320px;width:100%;}
.video_block_inner{padding:20px;margin:0 0 10 0px;background:#ffffffe3;}
.content22{max-width:1100px;2overflow:auto;margin:10px auto 0px auto;}
.content_left{    width: calc(100% - 330px);2max-width:calc(70% - 0px);min-width:280px;background:#fff;padding:0px;line-height:25px;font-size:14px;margin:auto;float:left;margin-bottom:10px;}
.content_right{float:left;max-width:320px;width:calc(30% - 10px);2background:#fff;2height:400px;margin-left:10px;}
.categories_block{float:left;width:calc(100% - 20px);max-width:300px;background:#ffffffe3;2height:400px;padding:10px;}
}



@media (min-width: 851px) and (max-width: 1029px){
body{max-width:100%;margin:auto;}
.header{margin:0px;width:calc(100% - 0px);margin: 10 10px;width: calc(100% - 20px);}

.content{max-width:calc(100% - 20px);2overflow:auto;margin:auto;padding:10px auto 0px auto;margin:10px auto 0px auto;}
.content_left{    width: calc(70% - 0px);max-width:calc(70% - 10px);min-width:280px;background:#fff;padding:0px;line-height:25px;font-size:14px;margin:auto;float:left;margin-bottom:10px;}
.content_right{float:left;max-width:320px;width:30%;margin-left:10px;2background:#fff;2height:400px;}
.video_block{max-width:320px;2background:#fff;2height:400px;width:100%;}
.video_block_inner{padding:15px;margin:0 0 10 0px;background:#ffffffe3;}
.categories_block{float:left;max-width:310px;width:calc(100% - 20px);background:#ffffffe3;2height:400px;padding:10px;}
}


@media (min-width: 0px) and (max-width: 850px){
	.mobile_menu{display:block;}
.menu_block{position:sticky;top:50px;left:0px;width:100%;background:#fff;z-index:11;overflow:auto;color:#000;display:none;}
.menu{font-weight:bold;font-size:20px;padding:0 20px;line-height:50px;width:calc(100% - 40px);color:#000;cursor:pointer;cursor:hand;background: #fff; overflow: auto;}
.article{padding:0 10 10 10px;}
}

@media (min-width: 431px) and (max-width: 850px){
body{max-width:850px;}
	.header{position: sticky;top:0px;margin: 10 10px;width: calc(100% - 20px);}
.content{max-width:820px;width:calc(100% - 20px);2overflow:auto;margin:auto;margin:10px auto 10px auto;}
.content_left{max-width:850px;width:calc(100% - 0px);min-width:280px;background:#fff;padding:0px;line-height:25px;font-size:14px;margin:auto;float:left;margin-bottom:10px;}
.content_right{float:left;max-width:100%;2background:#fff;}
.video_block{float:left;max-width:100%;width:100%;2background:#fff;2height:400px;}
.video_block_inner{padding:10px;margin:0 0 10 0px;background:#ffffffe3;display: flex;align-items: center;}
.video_block_inner a img{width:70px;float:left;margin:0px;margin-bottom:0px;margin-right:5px;}
.video_block_inner 22div{display: flex;align-items: center;}
.52video_block_inner a{display: flex;align-items: center;}
.categories_block{float:left;width:calc(100% - 20px);background:#ffffffe3;2height:400px;padding:10px;}
}


.header{    z-index: 10;height:50px;border-bottom: 1px solid #000;background: linear-gradient(135deg, #000000 250px,#ffffff 13%); border-top: 0px solid #000; border-bottom: 0px solid #fff;
z-index: 10; height: 50px; background: linear-gradient(90deg, #30505e 220px,#ffffff 13%); border-bottom: 2px solid #30505e; margin-top: 10px;
}
	.logo{color:#fff;text-transform:uppercase;font-weight:bold;font-size:30px;padding:0 20px;line-height: 50px;float:left;2-webkit-text-fill-color: white; 2-webkit-text-stroke-width: 1px;}


.footer{width:100%;height:50px;background:#ffffffe3;border-top:1px solid #000;border-radius:5px;margin-bottom:10px;}

.under_article{overflow:auto;line-height:15px;margin:10 10 0 10px;padding:10px;background:transparent;border:1px solid #eee;}

.next_page_butt{background:#eee;float:Right;padding:10px;color:#000;text-decoration:none;border: 1px solid #fff; outline: 1px solid #e97070; margin: 5px;background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%); background: linear-gradient(to bottom, #d2ff52 0%,#91e842 100%);     background: linear-gradient(to bottom, #ffb652 0%,#e842b9 100%);}
.prev_page_butt{color:#000;text-decoration:none;background:#eee;float:left;padding:10px;border: 1px solid #fff; outline: 1px solid #e97070; margin: 5px;background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%); background: linear-gradient(to bottom, #d2ff52 0%,#91e842 100%);     background: linear-gradient(to bottom, #ffb652 0%,#e842b9 100%);}

h11{margin:0 0 0 0px;2background:#000;color:#000;padding:10 20 0 15px;2font-weight:900;margin:0 5 0 5px;}
h21{margin:20 5 0 5px;}
p{margin:10 5px;background:transparent;text-align:justify;2text-indent: 1em;}
a1{color:#4b84a1;text-decoration:none;font-weight:700;}


@media (min-width: 0px) and (max-width: 430px){
	body{margin:0px;}
	.header{position: sticky;top:0px;left:0px;width:100%; background: linear-gradient(90deg, #30505e 185px,#ffffff 13%); border-bottom: 2px solid #30505e;margin-top:0px;}
	
	.logo{text-transform:uppercase;font-weight:bold;font-size:24px;padding:0 20px;line-height: 50px;float:left;2-webkit-text-fill-color: white; 2-webkit-text-stroke-width: 1px; }

.content{max-width:1100px;2overflow:auto;margin:auto;margin:5px;margin-top:5px;margin:10px auto 10px auto}
.content_left{max-width:730px;min-width:280px;background:#fff;padding:0px;line-height:25px;font-size:14px;margin:auto;float:left;margin-bottom:10px;}
.video_block{float:left;width:100%;min-width:320px;2background:#fff;2height:400px;}
.video_block_inner{padding:20px;margin:0 0 10 0px;background:#ffffffe3;}
.categories_block{float:left;width:calc(100% - 20px);2margin-top:10px;background:#ffffffe3;2height:400px;padding:10px;}
}


.news_row{margin: 0 0 10 0px; background: #fff;font-size: 14px; line-height: 21px; overflow: auto;font-weight:normal;}
.news_row img{width: 70px; float: left; margin: 0px; margin-bottom: 0px; margin-right: 5px;}


.news_block{float:left;max-width:100%;width:calc(100% - 20px);2background:#fff;2height:400px;padding:10px;overflow:auto;}
.news_block_inner{padding:3 10px;margin:0 0 0 0px;2background:#ffffffe3;}
.news_block_inner a img{width:100px;float:left;margin:0px;margin-bottom:0px;margin-right:15px;padding:5 0px;}
.news_block_inner2 a{display: flex;align-items: center;}

	.games_list{display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-flow: row wrap;
    float: left;
    max-width: 100%;
    width: calc(100% - 20px);
    2background: #fff;
    2height: 400px;
padding: 0 10 10 10px;}
	
	.game_block{position:relative;overflow:auto;2width:calc(33.33333333% - 4px);  width: 240px; border:5px solid #fff; min-height: 70px;
	flex-grow: 1;min-width:230px;2max-width:360px;display:inline-block;}
	.game_block a{position:absolute;left:0px;bottom:0px;color:#fff;font-size:20px;font-weight:900;text-align:center;
width:calc(100% - 40px);vertical-align:bottom;display:inline-block;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.67) 70%, rgba(0,0,0,1) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.67) 70%,rgba(0,0,0,1) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.67) 70%,rgba(0,0,0,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 display: flex;
    justify-content: center;
align-items: flex-end;
	padding:30 20px;height:calc(100% - 60px);}
	
	
@media (min-width: 1px) and (max-width: 861px){
	.game_block{position:relative;overflow:hidden;2width:calc(33.33333333% - 4px);  width: 270px; border:5px solid #fff; 
	flex-grow: 1;min-width:250px;2max-width:360px;display:inline-block;height:100px;}
	.game_block img{margin-top:-15%;}
	
	
}


.page_n{display:inline-block;margin:3px;background:#eee;width:32px;height:32px;text-align:center;line-height:32px;font-weight:900;}

.active_page{border: 1px solid #fff;
    outline: 1px solid #91e970;
    background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%);
background: linear-gradient(to bottom, #d2ff52 0%,#91e842 100%); background: linear-gradient(to bottom, #ffb652 0%,#e842b9 100%);outline: 1px solid #e97070; }



.tag{2color:#778899;background:#f5f5f5;margin:4 4px;padding:4 6px;display:inline-block;font-size:12px;
text-decoration:none;}

.content{margin-bottom:0px;}
.bgfff{background:#ffffffe3;overflow:auto;margin-bottom:10px;border-radius:5px;}
.content_left{margin-bottom:10px;border-radius: 5px;
    overflow: auto;}


.view_original_butt{padding: 10px;width:80%;margin:10%;background:#ff0000;line-height:50px;text-align:center;color:#fff;font-weight:900;border-radius:10px;}

#info_popup{background:#00000077;width:100%;height:100%;position:fixed;top:0px;left:0px;display:none;    border-radius: 15px;}
.popup_inner{border-radius:15px;text-align:center;padding:100 20px;position:fixed;top:50%;left:50%;width:280px;height:290px;margin-top:-245px;margin-left:-160px;background:#fff;border:2px solid #000;}
.close_icon{position:absolute;right:10px;top:10px;width:20px;}

.but2{background: #1a7199;
    color: #fff;border:0px;outline:0px;
    border-radius: 10px;}


.page_description{background: #ffffffe3;padding:10px;
    overflow: auto;
2margin-bottom: 10px;}
.page_description p{margin:5px;}


.also{padding:10px;display: flex; align-items: center; background: #eeeeee39; border: #dddddd70 solid 1px; border-top: #eeeeee7d solid 1px; border-radius: 5px;}

.h2marg{margin-left:20px;}


	@font-face {
    font-family: Open Sans; /* имя шрифта для CSS правил */

    src: local("Open Sans"), /* проверяем наличи	е шрифта в ОС пользователя */
font-display: swap;
         url(/inc/font/OpenSans-Bold.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */

    font-weight: 600;
  }

	@font-face {
    font-family:Open Sans; /* имя шрифта для CSS правил */
font-display: swap;
    src: local("Open Sans"), /* проверяем наличи	е шрифта в ОС пользователя */

         url(/inc/font/OpenSans-Regular.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */

    font-weight: 400;
  }
  
  
  @font-face {font-display: swap;
  font-family:Open Sans;
    src: local("Open Sans");
    url(/inc/font/OpenSans-ExtraBold.ttf);
    font-weight: 800;
    font-style: normal;

}