@font-face {     font-family: "Cuprum";     font-style: normal;     font-weight: 400;     src: local("Cuprum Regular"), local("Cuprum-Regular"), url(/shared/empty.gif) format("woff2");     unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }  @font-face {     font-family: "Cuprum";     font-style: normal;     font-weight: 400;     src: local("Cuprum Regular"), local("Cuprum-Regular"), url(/shared/empty.gif) format("woff2");     unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }  @font-face {     font-family: "Cuprum";     font-style: normal;     font-weight: 400;     src: local("Cuprum Regular"), local("Cuprum-Regular"), url(/shared/empty.gif) format("woff2");     unicode-range: U+102-103, U+1EA0-1EF9, U+20AB; }  @font-face {     font-family: "Cuprum";     font-style: normal;     font-weight: 400;     src: local("Cuprum Regular"), local("Cuprum-Regular"), url(/shared/empty.gif) format("woff2");     unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }  @font-face {     font-family: "Cuprum";     font-style: normal;     font-weight: 400;     src: local("Cuprum Regular"), local("Cuprum-Regular"), url(/shared/empty.gif) format("woff2");     unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }  html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {     margin: 0px;     padding: 0px; }  html, body {     color: rgb(78, 78, 78);     overflow-wrap: break-word;     font: 12px/18px Arial, Helvetica, sans-serif;     background: rgb(255, 255, 255) none repeat scroll 0% 0%; }  a {     color: rgb(94, 166, 29);     text-decoration: underline;     outline: medium none; }  a:hover {     color: rgb(76, 171, 216);     text-decoration: none; }  img, a img {     border: medium none; }  input, textarea, select, button {     outline: medium none;     font-size: 1em;     font-family: Arial, Helvetica, sans-serif; }  h1, h2, h3, h4, h5 {     line-height: normal;     padding-bottom: 5px; }  h1 {     font-size: 1.35em; }  h2 {     font-size: 1.3em; }  hr {     border-width: medium medium 1px;     border-style: none none solid;     border-color: currentcolor currentcolor rgb(233, 233, 234);     -moz-border-top-colors: none;     -moz-border-right-colors: none;     -moz-border-bottom-colors: none;     -moz-border-left-colors: none;     border-image: none;     height: 10px;     margin: 0px 20px; }  .reset, .reset li {     list-style: outside none none;     padding: 0px;     margin: 0px; }  .clr {     clear: both; }  .dpad {     padding: 10px; }  .hiden {     overflow: hidden;     display: block;     height: 0px;     line-height: normal; }  .lcol {     float: left; }  .rcol {     float: right; }  .wwide {     width: 100%; }  .clearfix::before, .clearfix::after {     content: " ";     display: table; }  .clearfix::after {     clear: both; }  .cuprum {     font-style: normal;     font-weight: normal;     font-family: "Cuprum"; }  .bradius {     border-radius: 5px; }  .btngreen {     background: rgb(108, 180, 43) -moz-linear-gradient(center bottom, rgb(96, 168, 31), rgb(119, 191, 53)) repeat scroll 0% 0%;     font-family: "Cuprum";     text-shadow: 1px 1px 0px rgb(80, 160, 31);     color: rgb(255, 255, 255);     border: 1px solid rgb(79, 142, 23);     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35), 0px 0px 0px 1px rgba(175, 237, 103, 0.4) inset;     padding: 0px;     text-decoration: none; }  .btngreen:hover {     background: transparent -moz-linear-gradient(center top, rgb(96, 168, 31), rgb(119, 191, 53)) repeat scroll 0% 0%;     color: rgb(255, 255, 255); }  .btnblue {     background: rgb(69, 166, 212) -moz-linear-gradient(center bottom, rgb(40, 145, 200), rgb(109, 194, 230)) repeat scroll 0% 0%;     font-family: "Cuprum";     text-shadow: 1px 1px 0px rgb(52, 134, 196);     color: rgb(255, 255, 255);     border: 1px solid rgb(33, 123, 167);     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35), 0px 0px 0px 1px rgba(155, 228, 255, 0.5) inset;     padding: 0px;     text-decoration: none; }  .btnblue:hover {     background: transparent -moz-linear-gradient(center top, rgb(40, 145, 200), rgb(109, 194, 230)) repeat scroll 0% 0%;     color: rgb(255, 255, 255); }  .btnblue:focus, .btngreen:focus, .btnred:focus {     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25) inset; }  .wrapp {     width: auto;     min-width: 1000px;     max-width: 1152px;     margin: 0px auto;     padding-top: 30px; }  #header {     height: 54px;     background: rgb(109, 181, 43) url(/shared/empty.gif) repeat-x scroll 0% 0%; }  #header .dright {     background: transparent url(/shared/empty.gif) no-repeat scroll 100% 0px;     height: 100%;     width: 100%; }  #header .dleft {     width: 254px;     float: left;     height: 100%;     background: transparent url(/shared/empty.gif) no-repeat scroll 100% -54px; }  .logo {     background: transparent url(/shared/3510/logo.png) no-repeat scroll 0% 0%;     width: 219px;     padding-top: 49px;     margin: 4px 0px 0px 13px; }  .lbox {     float: right;     padding-right: 15px;     position: relative; }  .treg {     float: right;     display: block;     color: rgb(255, 255, 255);     padding-right: 20px;     margin-top: 18px;     margin-right: 20px;     text-decoration: none;     font-size: 1.1em; }  .treg:hover {     text-decoration: underline;     color: rgb(255, 255, 255); }  .tlog, .tprof {     height: 27px;     width: 84px;     float: right;     margin-right: 18px;     margin-top: 13px;     line-height: 28px;     text-align: center;     text-decoration: none;     font-size: 1.3em;     text-transform: uppercase;     border-radius: 6px; }  #contain {     width: 100%; }  .rline {     padding: 0px 225px 25px 0px; }  .mline {     padding-left: 225px; }  .rside {     float: right;     margin-right: -225px;     width: 210px;     padding-left: 15px; }  .mside {     float: right;     width: 100%; }  .lside {     float: left;     width: 210px;     margin-left: -225px;     padding-right: 15px; }  .block {     width: 208px;     border-width: 0px 1px 1px;     border-style: none solid solid;     border-color: currentcolor rgb(233, 235, 236) rgb(233, 235, 236);     -moz-border-top-colors: none;     -moz-border-right-colors: none;     -moz-border-bottom-colors: none;     -moz-border-left-colors: none;     border-image: none;     border-radius: 6px;     margin-top: 25px; }  .block .dtop {     background: rgb(109, 181, 43) url(/shared/empty.gif) repeat-x scroll 0px -54px;     height: 42px;     border-radius: 6px;     margin: 0px -1px; }  .block .dcont {     padding: 10px 0px 0px; }  .block .dtitle {     font-weight: normal;     font-family: "Cuprum";     float: left;     margin-left: 6px;     height: 42px;     font-size: 1.35em;     line-height: 42px;     padding-left: 44px;     background: transparent url(/shared/empty.gif) no-repeat scroll 0% 0%;     color: rgb(255, 255, 255);     text-shadow: 1px 1px 0px rgb(80, 160, 31); }  .top-spis li, .bhelp li {     border-bottom: 1px solid rgb(233, 235, 236); }  .top-spis li a, .bhelp li a {     height: 29px;     padding: 0px 10px;     line-height: 29px;     display: block;     color: rgb(72, 72, 72);     text-decoration: none; }  .top-spis li a:hover, .bhelp li a:hover {     color: rgb(72, 72, 72);     background-color: rgb(242, 243, 245);     background-position: 188px 0px; }  .bhelp .dtitle {     background-position: 0px -84px; }  .bhelp .dcont {     padding-bottom: 4px; }  .bhelp li:last-child {     border: medium none; }  .app-search .dtitle {     background-position: 0px -126px; }  .app-search .dcont {     padding: 0px; }  .app-search .greybg {     background: rgb(242, 243, 245) none repeat scroll 0% 0%;     padding: 6px; }  .app-sbtn {     height: 29px;     width: 99px;     border-radius: 6px;     font-size: 1.3em;     text-transform: uppercase;     cursor: pointer;     line-height: 29px; }  .naviblock {     width: 210px;     padding-top: 25px; }  .naviblock li {     position: relative;     border-bottom: 1px solid rgb(233, 235, 236); }  .naviblock a {     padding-left: 41px;     height: 30px;     line-height: 30px;     display: block;     text-decoration: none;     color: rgb(72, 72, 72);     font-weight: bold;     font-size: 1.1em; }  .naviblock a:hover {     background-color: rgb(242, 243, 245); }  .naviblock .navimg {     position: absolute;     height: 31px;     width: 31px;     top: 0px;     left: 0px;     background: transparent url(/shared/3510/naviset.png) no-repeat scroll 0% 0%; }  .naviblock .ic-home {     background-position: 0px 0px; }  .naviblock .ic-game {     background-position: 0px -31px; }  .naviblock .ic-prog {     background-position: 0px -62px; }  .naviblock .ic-theme {     background-position: 0px -93px; }  .naviblock .ic-news {     background-position: 0px -124px; }  .naviblock .ic-user {     background-position: 0px -155px; }  .naviblock .ic-cat {     background-position: 0px -186px; }  @media screen and (max-width: 800px) {}  .app-full {     padding-top: 30px; }  .app-full .info-rside {     padding: 15px;     border: 1px solid rgb(233, 235, 236);     border-radius: 8px; }  .app-full .info-rside .dtitle {     display: block;     font-size: 1.8em;     font-weight: normal;     color: rgb(94, 166, 29); }  .app-full .info-rside .dcont {     padding: 20px 0px 15px; }  .app-download {     margin-top: 40px; }  .app-download .heading {     height: 35px;     position: relative;     top: -15px; }  .app-download .dtitle {     display: block;     text-align: center; }  .app-download .dtitle a {     color: #fff; }  .app-download hr {     margin: 5px 0px;     height: 1px; }  .app-download hr:last-child {     display: none; }  .bcomments {     padding-top: 25px; }  .bcomments .heading {     height: 38px;     padding: 0px 10px; }  .bcomments .heading .comava {     padding: 1px;     border: 1px solid rgb(233, 235, 236);     border-radius: 5px;     display: block;     float: left; }  .bcomments .heading .comava img {     width: 29px;     height: 29px;     border-radius: 4px; }  .cominf {     background: transparent url(/shared/empty.gif) no-repeat scroll 10px 100%;     height: 35px;     float: left;     margin: 2px 0px 0px 15px; }  .cominf span {     display: block;     height: 30px;     background: transparent url(/shared/empty.gif) repeat-x scroll 0px 100%;     padding: 0px 10px;     border-radius: 5px;     line-height: 30px;     color: rgb(255, 255, 255); }  .cominf span a {     color: rgb(255, 255, 255); }  .bcomments .heading .rcol {     margin: 2px 0px 0px; }  .crate-plus, .crate-minus {     background: transparent url(/shared/empty.gif) no-repeat scroll -6px -93px;     height: 18px;     width: 18px;     vertical-align: middle;     margin: 0px 4px;     cursor: pointer; }  .crate-minus {     background-position: -6px -111px; }  .crate-plus:hover {     background-position: -6px -129px; }  .crate-minus:hover {     background-position: -6px 100%; }  .crate-num {     font-size: 1.1em;     font-weight: bold;     color: rgb(72, 72, 72);     text-decoration: none; }  .crate-num:hover {     color: rgb(76, 171, 216); }  .bcomments .dcont {     border-bottom: 1px solid rgb(233, 235, 236);     padding: 10px 5px 15px;     margin-top: 5px;     border-radius: 6px 6px 0px 0px; }  .comtext {     text-align: left;     padding-left: 5px; }  .comcntrl {     padding: 8px 0px 0px; }  .level-1 {     padding-left: 0px; }  .bcomments:hover .dcont {     background: rgb(242, 243, 245) none repeat scroll 0% 0%; }  input[type="radio"], input[type="checkbox"] {     vertical-align: text-top; }  #footer {     min-width: 1000px;     width: 100%;     height: 109px;     background: transparent url(/shared/empty.gif) repeat-x scroll center bottom; }  #footer .lcol {     padding: 24px 0px 0px 10px; }  #footer .lcol p {     padding: 7px 0px; }  #footer .wrapp {     padding-top: 0px; }  .footmenu a {     padding: 0px 8px;     display: block;     float: left;     color: rgb(72, 72, 72);     height: 26px;     line-height: 26px;     border-radius: 4px;     margin-right: 1px;     text-decoration: none; }  .footmenu a:hover, .footmenu .active {     background: rgb(110, 183, 45) none repeat scroll 0% 0%;     color: rgb(255, 255, 255);     text-decoration: none; }  .footmenu b {     font-weight: normal;     display: block;     float: left;     padding-left: 8px;     background: transparent url(/shared/empty.gif) no-repeat scroll 0% 0%;     height: 26px; }  .footmenu a:hover b, .footmenu .active b {     background-position: 0px 100%; }  .comments-container, .baseform.addcom {     position: relative; }  .devmark2 {}  .devmark2 img {     opacity: 0.6; }  .devmark2 img:hover {     opacity: 1; }  .colorgrey {     color: rgb(137, 137, 137); }  .badvert {     background: rgb(254, 243, 244) none repeat scroll 0% 0%;     padding: 15px;     margin-top: 25px; }  .badvert .heading {     background: transparent url(/shared/empty.gif) no-repeat scroll 0% 0%;     padding-left: 37px;     margin-left: -19px; }  .badvert .dtitle {     font-size: 1.65em;     padding-bottom: 4px;     text-decoration: none; }  .badvert .dtitle a {     text-decoration: none; }  .badvert .colorgrey {     font-size: 0.9em; }  .badvert ul {}  .badvert li {     height: 25px;     line-height: 25px;     margin: 5px 0px;     background: transparent url(/shared/empty.gif) no-repeat scroll 0% 0%;     padding-left: 35px; }  .badvert .adv-icon-1 {     background-position: 0px -80px; }  .badvert .adv-icon-2 {     background-position: 0px -105px; }  ul {     margin: 0px 0px 18px 2em;     list-style: outside none disc; }  .comtabs {     height: 30px;     padding: 20px 10px 14px;     border-bottom: 1px solid rgb(233, 235, 236); }  .comtabs li {     float: left; }  .comtabs li span {     display: inline-block;     height: 30px;     line-height: 30px;     margin: 0px 3px; }  .comtabs .tabsite {     margin-left: 3px; }  .comtabs .tabsite span {     border-radius: 4px;     cursor: pointer; }  .comtabs .tabsite.active span {     background: rgb(103, 171, 48) none repeat scroll 0% 0%;     color: rgb(255, 255, 255);     cursor: default;     padding: 0px 5px; }  .comtabs .tabsite .colorgrey {     font-weight: normal; }  .comtabs .tabsite.active .colorgrey {     color: rgb(255, 255, 255); }  .combox .boxsite {     display: none; }  .combox .boxsite.visible {     display: block; }  .block.bphone:hover .dcont img {     opacity: 1; }  #mybanner {     background: transparent url(/shared/empty.gif); }  @media screen and (max-width: 1200px) {      .wrapp,     #footer {         min-width: 100%     }      .wrapp {         padding: 0 15px;         box-sizing: border-box;     }      .app-search {         text-align: center;     }      .file-desc p img {         width: 100%;     } }  .info-rside ul {     list-style-position: inside; }   .mob-btn{     width: 29px;     height: 18px;     display: none;     flex-direction: column;     justify-content: space-between;     cursor: pointer;     position: relative;   }   .mob-btn span{     width: 100%;     height: 2px;     display: block;     background: #fff;     transition: all .4s ease;   }   .mob-btn.active span:nth-child(1){     transform: rotate(45deg);     position: absolute;   }   .mob-btn.active span:nth-child(2){     display: none;   }   .mob-btn.active span:nth-child(3){     transform: rotate(-45deg);   } figure {     background: #2a6021; /* Цвет фона */     padding: 10px; /* Поля вокруг */     display: block; /* Блочный элемент */     width: 135px; /* Ширина */     float: left; /* Блоки выстраиваются по горизонтали */     margin: 0 10px 10px 0; /* Отступы */     text-align: center; /* Выравнивание по центру */    }    figcaption {     color: #b4b4b4; /* Цвет текста */    }      @media screen and (max-width: 1200px){     .wrapp, #footer {     width: auto;     min-width: unset;     max-width: unset;   } }   @media screen and (max-width: 1024px){     .info-rside ul {         width: auto;         float: left;     }     .mline {     padding-left: 0;     display: flex;     justify-content: space-between; }     .mside {     float: none;     width: 70%;     order: 2; }     .lside {     float: none;     width: 27%;     margin-left: 0;     padding: 15px; }     .naviblock {     width: 100%; }     .naviblock li {     display: inline-block;     width: 100%; }     .naviblock a {     padding-left: 30px;     }     .block{       width: auto;     }     .top-spis li a, .bhelp li a {       height: auto;}     .app-full .info-rside .dcont img {     max-width: 100%; }   }   @media screen and (max-width: 768px){          .lside,     .mside {         margin: 0;     }      .mline {         float: left;         width: 100%;         padding: 0;     }      .rline {         padding: 0;     }      .lside {         width: 100%;     }      .naviblock,     .block {         margin: 0 auto;     }      .rside {         width: 100%;         margin: 0;     }     .rside{       display: none;     }       .mob-btn{     	display: flex;         z-index: 9999;     }     .lbox {         float: none;         position: relative;         display: flex;         justify-content: flex-end;         align-items: center;         height: 100%; 	}     .tlog, .tprof, .treg{       padding-right: 15px;     	margin-top: 0px;     }     .block .dtop {         border-radius: 0;         border: 0;         margin: 0;       }     .lside { 	  width: 210px;       margin-left: -225px;       transition: left .7s ease;       transform: translateX(0px);       position: fixed;       border-right: 1px solid rgb(233, 235, 236);       overflow: visible;       overflow-y: scroll;       background: #fff;       padding: 0 5px;       top: 0;       left: 0;       height: 100%;       z-index: 9999;     }     .lside.open{       transform: translateX(225px);     }     .mside {         width: 100%;         order: 1;     }     .mob-btn.active:before{       content: '';       width: 100vh;       height: 100vh;       position: fixed;       background: rgba(0, 0, 0, .7);       left: 0;       top: 0;       z-index: 0;     }     .file-desc{       align: justify;     }     .file-desc article {     display: flex;     flex-wrap: wrap;       padding: 25px 0; 	}          .file-desc article figure {         width: 45%;         padding: 0;     }     .wrapp{           padding-top: 0;     }     .bradius {         border-radius: 0;     }             }   @media screen and (max-width: 480px){     .footmenu a {     	padding: 0px 8px 0 0;     }     #header .dright .lbox {         width: auto;         justify-content: flex-start;         padding: 10px;         background: rgb(109, 181, 43);     }     #header .dleft {     width: 100%;           margin: 0; }     #header {     height: auto;     }     .app-full {     padding-top: 0px; 	}    figure {     width: 40%;     margin: 10px auto;     float: none; }     .info-rside ul {     float: none; }   }  .dcont p{     font-size: 14px;   line-height: 1.6;   text-rendering: optimizelegibility;   margin-bottom: 1rem; } .dcont ul li{    font-family: sans-serif;   font-size: 14px;   font-weight: normal;   line-height: 1.5;   color: #333;   padding-bottom: 5px; } /*android css */ .iframe-block {     max-width: 850px;     margin: 0 auto;     width: 100%;     position: relative;     z-index: 0;     margin-bottom: 30px; }  .iframe {     position: relative;     z-index: 100;     margin-bottom: 15px;     width: 100%;     height: 550px; }  .iframe__item {     text-align: center;     position: relative;     width: 100%;     height: 100%; }  .iframe__item::before {     content: "";     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     background: url('/uploads/447/pages/9977/9977.png') center center / cover no-repeat;     filter: blur(10px);     z-index: -1; }  #loadIframeBtn {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     z-index: 999;     border: 1px solid #299a0c;     background: #00990a;     padding: 10px 20px;     border-radius: 10px;     color: #ffffff;     font-size: 16px;     font-weight: 600;     text-transform: uppercase;     cursor: pointer;     transition: all 0.3s ease;     width: 150px; }  #loadIframeBtn:hover, .show-support:hover {     background: #4dd456;     border: 1px solid #2d9734; }  .show-support {     display: inline-block;     margin: 0 auto;     position: static;     margin-bottom: 20px;     transform: translate(0, 0);     text-align: center;     text-decoration: none; }  .button {     text-align: center; }  .iframe__wrapper, .iframe__inner {     width: 100%;     height: 100%; }  .iframe__item iframe {     width: 100%;     height: 100%;     border-radius: 12px;     margin-bottom: 22px; }