html{position:relative;height:100%}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}hr{color:#535353;height:1px;border-top:0;border-style:dashed}body{background-color: #2e2e2e;color: #f1f1f1;font:12px/18px Arial;width:100%;height:100%;}.middle{width:100%;position:relative}.middle:after{display:table;clear:both;content:''}.container{width:100%;float:left;overflow:hidden}.content a{color:#fff;text-decoration:underline}.content a:hover{color:#fff;text-decoration:none}.footer{position:relative;width:1000px;height:70px;opacity:1;border-radius:2px;color:#c4c4c4;bottom:0;margin:0 auto;padding:5px}li.red_hover a:hover{color:#fe4415}li.green_hover a:hover{color:#30e226}.torrent a{background:#57b25e}.torrent a:hover{background:#47d452;color:#fff}fieldset,img,abbr,acronym{border:0}.require{background:#2d2d2d;margin:5px}.require-min li,.require-max li{color:#ababab;list-style:outside;margin-left:15px}.require-min b,.require-max b{color:#e0e0e0;font-size:18px}.require-min,.require-max{display:inline-block;width:46%;padding:9px}.main_text_full h3{font-size:20px;padding:16px 0;color:#d6d6d6}.main-footer-content{width:1420px;margin:0 auto 0}.main_text_full{background:#1d1e1e;color:#b3b3b3;padding:30px;font-size:15px;line-height:20px}.head_view a{font-size:17px;color:#cdeffc}.head_view{padding:10px 15px}.cont_poster{padding:10px 0 0 10px;display:inline-block;vertical-align:top}.cont_poster img{width:250px}.cont_message{display:inline-block;width:450px;padding:10px}



.wrapper{width:1400px;min-height:100%;height:auto!important;margin-top: 5px;padding: 5px 10px 0 10px;border-radius: 10px;}.hmenu{background: #2d2d2d;height: 49px;position: fixed;top: 0px;left: 0px;width: 100%;z-index: 999;}.left-sidebar{float:left;width: 300px;margin-left:-100%;position:relative;margin-top:3px}.content{opacity:1;padding: 0px 0 0 297px;}
ul.main-d {line-height: 30px;margin: 17px 0 0 0;font-size: 15px;}
ul.main-d li:before,.main-d span:before {content: "";display:inline-block;width:20px;height:20px;vertical-align: sub;margin: 0 10px 0 0;}
ul.main-d li:nth-child(1):before, .main-d span:nth-child(1):before {background-image: url(img/other_icons/main_d_1.webp);}
ul.main-d li:nth-child(2):before, .main-d span:nth-child(2):before {background-image: url(img/other_icons/main_d_2.webp);}
ul.main-d li:nth-child(3):before, .main-d span:nth-child(3):before {background-image: url(img/other_icons/main_d_3.webp);}
ul.main-d li:nth-child(4):before, .main-d span:nth-child(4):before {background-image: url(img/other_icons/main_d_4.webp);}
ul.main-d li:nth-child(5):before, .main-d span:nth-child(5):before {background-image: url(img/other_icons/main_d_5.webp);}
ul.main-d li:nth-child(6):before, .main-d span:nth-child(6):before {background-image: url(img/other_icons/main_d_6.webp);} 
.footer-new {background: #141414;margin: 20px 0 0 0;}.footer-content {width: 1400px;margin: 0 auto;display: grid;color: #fff;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 1vw; }.footer-menu {display: inline-block;margin: 20px 0;vertical-align: top;padding: 0px 20px;}.footer-title {font-size: 20px;margin: 0 0 10px 0;padding: 5px 0px;font-weight: 400;color: #fff;}.footer-content a {display: table;font-size: 15px;line-height: 27px;color: #cae7ff;text-decoration: none;} .footer-content a:hover {color:#fff;} 
.cont_full2{width:98%;margin:3px 0 10px 16px;display:inline-block}
.cont_head{background:#232323;padding:15px 20px}
.cont_head h1{font-size:20px;font-weight:100;text-transform:uppercase;color:#ebebeb;height:24px;line-height:24px;padding:3px 0}
.cont_text1{background:#2a2a2a;background-position:center left;background-size:cover;color:#f3f3f3;font-size:13px;padding:10px;text-shadow:1px 1px 1px #000}
.cont_info2{display:inline-block;float:right;vertical-align:top;padding-right:28px;font-weight:100}
.cont_img2{float:left;margin:15px}
.cont_img2 img{width:475px;height:220px;-webkit-box-shadow:0 2px 5px -1px rgba(0,0,0,0.75);-moz-box-shadow:0 2px 5px -1px rgba(0,0,0,0.75);box-shadow:0 2px 5px -1px rgba(0,0,0,0.75);border-radius:10px}
.download-list {margin-top: 288px;margin: 255px 15px 15px 15px;}
 .hiddens {height: 450px;overflow-y: scroll;scrollbar-color: #555555 #2b2b2b;scrollbar-width: thin;}
 /* Левое меню */ 
.menu_l {margin: 0 0 10px 0;}
.menu_l_text {background: #2d2d2d;color: #acacac;}
.menu {color: #51b6b5;} 
.menu li {height: 40px;line-height: 40px;border-bottom: 1px solid #2d2d2d;margin-left: 1px;background: #1d1d1d;}
.menu li:last-child {border-radius: 0 0 10px 10px;}
 .menu-first {border-radius: 10px 10px 0 0;}
.menu li a {display: block;font-size: 14px;font-weight: 400;color: #fdfdfd;text-decoration: none;padding: 0 0 0 10px;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
.menu li a img {vertical-align: middle;position: relative;bottom: 2px;margin: 0 3px 0 0;} 
.menu li a:hover{background: #121212;}
.menu_l_head, .cont_head1 {padding: 15px 10px;border-radius: 10px 10px 0 0;background: #161616;} 
.menu_l_head span {font-size: 17px;font-weight: 300;color: #dedede;margin: 0 0 5px;padding: 3px 8px;}
li.new:after {display: inline-block;content: "НОВОЕ";float: right;position: relative;bottom: 32px;margin: 0px 10px 0 0;color: #127338;background: #030303;height: 15px;line-height: 15px;padding: 5px 10px;border-radius: 10px;text-transform: uppercase;font-weight: bold;-webkit-animation: blink5 2s linear infinite;animation: blink5 2s linear infinite;}

 
 

.item img{width:100%!important;height:100%;border-radius:10px;}
.item-block{width: 315px;padding: 10px 10px 7px 10px;background:#1d1d1d!important;border-radius:10px;box-shadow:0 2px 4px #232323}
.item-block:hover {background: #161616 !important;} 
.top-build .item-block {width: 320px !important;} 
.item-footer{box-shadow:none;width: unset;}
.item-title{font-size:15px;padding:10px;text-wrap:nowrap}
.item-title a{color:#fff;font-size:17px!important;text-decoration:none;padding:10px 10px 10px 0}
.item-title a:hover{color:#bbb}
.main-other-sborka{background:#1d1e1e;color:#b3b3b3;padding:10px;width:1400px;margin:0 auto 0;font-size:15px;line-height:20px}
.content-main-table{display: grid;color: #fff;grid-template-columns: 1fr 1fr 1fr;grid-gap: 1vw;margin: 0 10px 0px 10px;}
.footer-grid-build {display: grid;color: #fff;grid-template-columns: 1fr 1fr 1fr;grid-gap: 1vw;margin: 0 10px 0px 10px;} 
/* Стиль списка версий игры */
 .list {margin: 4px 4px 15px 16px;border-radius: 3px;}.list a {display:inline-block;background: #1a1a1a;padding: 9px 25px;font-size: 15px;border-radius: 5px;text-decoration: none;} .list a:hover {background: #1a1a1a;}
.h1__content {margin: 20px 8px 5px 20px;padding: 5px 7px;border-radius: 10px;background: #242424;}
 .h1__content h1 {font-size: 25px;color: #fff;padding: 10px;}
 .h1__content p {color: #a9a9a9;font-size: 13px;padding: 10px;border-top: 1px solid #323232;}
 details.settings {margin: 0 0 5px 0;}
 ul.stng-list {margin: 5px 0 15px 15px;}
 ul.stng-list li {list-style: outside;list-style-position: inside;}
 ul.stng-list li:nth-child(1) {list-style: outside!important;list-style-position: inside!important;font-size: 14px!important;margin: 0!important;color: #c0c0c0!important;}
 .toggle-content h2 {margin: 0 0 10px 0;font-size: 19px;color: #eff2f3;}
 .toggle-content h3 {margin: 0 0 10px 0;font-size: 17px;color: #eff2f3;}
 .toggle-content strong {color: #6da94e;}
 .toggle-content figure {margin: 15px 0 15px 20px;}
 .toggle-content figure img {margin: 0 15px 0 0;}
kbd {background-color: #eee;border-radius: 3px;padding: 1px 7px;font-size: 14px;font-family: monospace;border: 1px solid #ccc;position: relative;top: 2px;color: #000;font-weight: bold;} 
 

.content_main{margin: 0 0 0 15px;padding: 0 0 10px 0;background: #2a2a2a;border-radius: 10px;}
.main-other-sborka p {color: #d9d9d9;padding: 10px 20px;} 
.content_h2{margin:16px 0 10px 20px;padding:0;}
 .content_h2 img{position:relative;top:8px}
.content_h2 p {margin: 20px 0 20px 0;color: #d9d9d9;font-size: 13px;} 
.content_h2 h2{font-size:19px;color:#efefef;padding:15px 0;display:inline-block;text-transform: uppercase;}
.content_h2 h2:before {content: "";border-bottom: 5px solid #e7eb14;display: block;position: relative;top: 35px;right: 2px;width: 60px;box-shadow: 1px 2px 8px #fbff15;} 
 .content_assembly{margin:0 0 0 8px}
.content_full{display:inline-block;width:353px;margin:10px 5px 0 7px}
.content_head{background:#171717;padding:10px 0;overflow:hidden}
 .cont-message {background: #161616;padding: 30px;font-size: 15px;line-height: 27px;margin: 18px 0 0 0;}
 .cont-message ul {padding: 0 0 0 25px;}
.cont-message ul li {list-style: outside;margin: 0 0 15px 0;}
.cont-message strong,.cont-message ul strong {color: #fba026;}
 .content_head a{color:#e8e8e8;text-shadow:1px 2px 8px #444;font-size:16px;text-decoration:none;padding:4px 7px;margin:0 0 0 6px; width: 360px;overflow: hidden;display: block;}
 .content_text{background: #1d1e1e;}
.content_main_table{background:#1d1e1e;margin: 0 17px 10px 16px;padding:20px;color:#d9d9d9;font-size:14px;line-height:23px;border-radius: 10px;}
 .content_main_table b {color: #fbc677;}
 .content_image a img{width: 100%;height:100%}
 .content_image a img:hover{opacity:1}
 .content_download{padding: 0 5px 5px 5px;text-align: center;}
 .download_main{margin: 0px 0 5px 0px;padding: 0px 5px;border-top: 1px solid #252525;}
.download_main a{background: #252525;display: inline-block;color: #d4d4d4;padding:5px 10px;margin: 10px 0 0 0;font-size:14px;text-align:center;text-decoration:none;border-radius:6px;border: 1px solid #2b2a2a;}
 .download_main a:before { content: ""; display: inline-block; background-color: #adadad; mask: url(img/svg/down.svg) no-repeat center; mask-size: contain; width: 20px; height: 20px; vertical-align: sub; margin: 0 5px 0 0;} 
p.mini-text {color: #aeaeae;font-size: 13px;margin: 0 12px;padding: 0 0 10px 0;}
 .main_link a:hover{background:#161616;text-shadow:1px 0 6px #867373;border:1px solid #363636}
.download_main a img{width:17px;vertical-align:sub;padding:0 5px 0 0}.download-list ul{display:grid;color:#fff;grid-template-columns:1fr 1fr 1fr;grid-gap:1vw;list-style:none;padding:0}.download-list ul li a{display:block;border-radius: 10px;padding:20px 25px;font-size:18px;text-decoration:none;text-transform:uppercase;text-align:center}a.torrent{color:#6aa782;border: 2px solid #6aa782;transition: color 0.3s;}a.torrent:hover {color:#6aa782;}a.torrent:before{background:url(/img/utorrent-new.webp) no-repeat}a.link{font-size: 18px !important;color: #b8b8b8;border: 2px solid #a6a6a6;transition: color 0.3s;}a.link:before{background:url(/img/link-new.webp) no-repeat}a.mail{background:#3a72bd;color:#fff}a.mail:before{background:url(img/mail.webp) no-repeat}a.yandex{color:#ceb27a;border: 2px solid #ceb27a;transition: color 0.3s;}a.yandex:hover {color: #ceb27a;}a.yandex::before {background: url(/img/yandex-new.webp) no-repeat center;} a.yandex:hover::before,a.torrent:hover::before,a.link:hover::before {opacity: 1;transform: rotate(360deg);} a.google{background:#ea4335;color:#fff;box-shadow:0 0 3px 1px #ea433566;text-shadow: 1px 2px 4px #000;}a.google:before{background:url(img/google.webp) no-repeat}a.google:before,a.yandex:before,a.mail:before,a.torrent:before,a.link:before{content:"";display:block;width:32px;height:32px;float:left;position:relative;bottom:8px;transform: rotate(0deg);transition: opacity 0.3s ease,transform 0.6s ease;}a.google:hover,a.yandex:hover,a.mail:hover,a.torrent:hover,a.link:hover{filter:brightness(115%);text-decoration: none;} 
 /* Переключатели страниц */
span.pagesBlockuz1,.cont-download-new{display: inline-block;margin-top: 15px;line-height: 40px;}.swchItemA,.swchItemA1{background: #1d1d1d;color:#fff;font-weight:bold;padding:10px 15px}.swchItem,.swchItem1{background: #474747;color:#fff;padding:10px 15px}.swchItem:hover,.swchItem1:hover{background: #1d1d1d;}#pagesBlock1{padding:2px}span.swchItemDots {color: #fff;}
 

 
 
 
 
 
@media only screen and (max-width: 1366px){
 .wrapper, .menu-up ul, .menu-under ul {width: 1300px!important;}
.content {opacity: 1;padding: 0px 0 0 285px;}
.left-sidebar {width: 290px;}
.menu-under {width:100%;display: flex;overflow-x: auto;overflow-y: hidden;white-space: nowrap;scrollbar-color: #555555 #2b2b2b00;scrollbar-width: thin;} 
 .footer-content {width:1366px;} 
 .content_full {width: 319px;}
 .image-wrap {height: 235px;}
.item-block {width:unset;} 

 
 
.content-main-table {grid-template-columns: 1fr 1fr;} 
 .item img{width: 100% !important;}
.content_h2 p {padding:5px;}
.item-footer {width: 390px !important;}
.item-title a {font-size: 16px !important;}
 
 .thumbnail-container {height: 370px;}
 .image-container img {width: 695px;height: 370px;}
 .thumbnail-container img {width: 195px;}
 .main_text_full,.main-other-sborka {width:1300px;}
  
  
}
 
 
@media only screen and (max-width: 1280px){
 .wrapper, .menu-up ul, .menu-under ul {width: 1200px!important;}
 .cont_img2 img {width: 410px;height: 180px;}
 .download-list {margin: 215px 15px 15px 15px;}
 .content_full {width: 286px;}
 .image-container img {width: 615px;height: 350px;}
 .thumbnail-container {height: 350px;}
 .related-block {width: 275px;}
 .main_text_full,.main-other-sborka {width: 1190px;} 
.menu-under ul li a {margin:0px!important;}
.footer-content {width:1280px;} 

.item-footer {width: 355px !important;}
.item img {width: 100% !important; }
.base-text p:before {height: 120px!important;} 


 
  
 
}

 @media only screen and (max-width: 1024px){
 .wrapper, .menu-up ul, .menu-under ul {width: 1000px!important;}
 .left-sidebar {width: 260px;}
 .content {padding: 0px 0 0 257px;}
 .cont_img2 img {width: 300px;height: 180px;}
 ul.main-d {font-size:13px;}
 .download-list {margin: 215px 15px 15px 15px;}
 .content_full {width: 355px;}
 .container-box {margin: 10px 0px 0 0px;}
 .image-container img {width: 540px;height: 340px;}
 .thumbnail-container {height: 350px;}
 .thumbnail-container img {width: 129px;height: 100px;}
 .related-block {width: 349px;}
 .main_text_full,.main-other-sborka {width: 985px;}
.footer-content {width:1024px;} 
 .menu li a {font-size:13px;} 


.content-main-table {grid-template-columns: 1fr 1fr;}
 
.footer-grid-build {grid-template-columns: 1fr 1fr 1fr;} 
.item-block {width: 325px !important;}
.item img {width: 100% !important;}
.item-footer {width: 290px !important;}
.base-text p:before {height: 140px!important;} 
 

  
  
} 
 
@media only screen and (max-width: 640px){
 html,body {overflow-x: hidden;}
.footer-content {width: 100%;grid-template-columns: 1fr;} 
 
.listen-cs div {padding: 0 10px;} 
.main_text_full, .main-other-sborka ,.main-footer-content{width:100%;}
.content-main-table,.footer-grid-build {grid-template-columns: 1fr;}

 
.up-big-text h1 {font-size: 22px;margin: 0 0 50px 0;}
 .main-d span {display:block;}
 .main-d span a {display:inline-block;}
 .listen {margin: 10px 0;}
 .main_text_full img {width: 100%;height:100%;}
.item-block {width: 90% !important;}
.item-footer {width: 73% !important;} 
.item img {width: 100% !important;} 

 
 
  
 } 
@media only screen and (max-width: 640px){
 body{background:#1d1d1d}.wrapper{width:92%!important;margin-top: 10px;}.menu li a img{display:none;}.hmenu li a span{display:none} .cont_poster{display:block}.cont_poster img{width:95%}.cont_vk_widget{display:none}.cont_message{width:90%}img.cont_full_poster{width:90%}.comments_full{width:89%;margin:8px 0 0 17px}.require-min,.require-max{width:100%}.content{padding:0;margin:0;}.content_main{margin:0;width: 100%;}.content_h2 h2{font-size:17px;line-height: 20px;}.content_h2 h2:before {top: 50px;}.content_assembly{margin:0;}.content_full{width:100%;margin: 10px 0 0 0;}.content_head a{font-size:15px}.content_image a img{width:100%;}.download_main{width: 96%;font-size:11px}.cont_head h1{font-size:17px}.hmenu{width: 100%;height: auto;position: unset;z-index: 1} .hmenu ul{padding: 10px 0 0 0;width: 98%;}.hmenu li{display:block;border: 2px solid #444;margin: 0 0 5px 0;}.header img,.header a{display:none}.inf-pop{width:100%;height:100% ;margin:0;}.pop-f{width:320px;height:100px;display:inline-block ;margin: 0 0px 12px 0;}.pop-img{width:319px;display:inline-block}.pop-img img{width:319px;height:100px}.middle{width: 100%;padding:0;}.left-sidebar{margin-left:0;margin-top:20px;float:left;width:100%}.menu li{width:100%}.cont_full2{width:100%;margin:0;padding:0;}.cont_info2{font-size:12px;padding: 0 0 10px 0;float: left;}.cont_img2{width:232px}.cont_img2 img{width: 306px;height: 150px;}.content_main_table{margin: 30px 45px 10px 17px;}.cont_full1{width:98%}.main_text_full,.footer,.footer_text{width:90%}.line-inf{width:87%} .sidebar-header-block,.ruletka-cont {width:100%!important;height: 0px!important;}
 .download-list {margin-top: 570px;}.download-list ul{grid-template-columns:1fr;}a.link{font-size: 15px!important;}.download-list ul li a {padding: 15px 65px;font-size: 15px;}.top-main-screen {width: 310px !important;height: 175px !important;}}
}
::-webkit-scrollbar {width: 15px;height: 8px;background-color: #363636;}::-webkit-scrollbar-thumb {background-color: #686868;border-radius: 10px;}.main-menu{background: #1a1a1a;position: fixed;top: 0px;left: 0px;width: 100%;z-index: 999;} .menu-up{border-bottom:2px solid #343434} .menu-up ul img{position:relative;top:7px;width:200px;vertical-align: top;} .menu-up ul,.menu-under ul{width:1400px;margin:0 auto;height:50px;line-height:50px} .menu-up ul li,.menu-under ul li{display:inline-block} .menu-up ul li a,.menu-under ul li a{padding:15px 23px;font-size:16px;color:#e7e7e7;text-decoration:none;text-transform:uppercase;} .menu-under ul li a{font-size:12px;padding: 7px 14px 7px 14px;background:#202020;border-radius:10px;margin: 0 5px 0;} .menu-up ul li:nth-child(1) a {padding:0;}.menu-under{background:#2f2f2f} .menu-up ul li a:hover{background:#1c1c1c;border-bottom:2px solid #959595}.menu-up ul li:nth-child(1) a:hover{border:0;background:none;} .menu-under ul li a:hover {background: #000000;} .select-page {background: #161616!important;} .select-page-up {background: #1c1c1c;border-bottom: 2px solid #959595;}#csgo::before,#national::before,#gsclient::before,#professional::before,#youtube::before,#fan::before,#cs16go::before {display:inline-block;content:"";width:20px;height:20px;position: relative;top: 5px;right: 5px;border-radius:10px; }#csgo::before {background:url(img/icons/cs16_cs2.webp) no-repeat;}#gsclient::before {background:url(img/icons/menu-gsclient.webp) no-repeat;} #professional::before {background:url(img/icons/cs16_s1mple.webp) no-repeat;} #national::before {background:url(img/icons/national.webp) no-repeat;} #youtube::before {background:url(img/icons/menu-youtube.webp) no-repeat;} #fan::before {background:url(img/icons/menu-fun.webp) no-repeat;} #cs16go::before {background:url(img/icons/menu-cs16go.webp) no-repeat;} @media only screen and (max-width:640px){.main-menu {position: inherit;}.menu-up ul,.menu-under ul{display:grid;width:94%!important;height:100%;margin:0}.menu-up ul img{margin:0 0 15px 100px}.menu-up ul li,.menu-under ul li{display:inline-block}.menu-up ul li a,.menu-under ul li a{background:#111;width:100%;display:inline-block;padding:0 0 0 20px}.menu-under ul li a{background:#202020;display:inline-flex} }


details summary::-webkit-details-marker {display: none}
details > summary {list-style: none;}
details summary:before {content: "";position: absolute;left: 10px;bottom: 1px;background: url(/img/dropdown-up.webp) no-repeat center/1em;height: 100%;width: 16px;transition: all .1s linear;}
details[open] summary:before {transform: rotate(180deg);}
details[open]>.toggle-text {border-radius:3px 3px 0 0;}
details {margin: 20px 0;}
summary {position: relative;}
.toggle-text:hover {background: #525252;transition: all .2s linear;}
.toggle-content {background: #2c2c2c;padding: 25px;line-height: 24px;font-size: 14px;border-radius: 0px 0 3px 3px; color: #c0c0c0;}
.toggle-content ul li:nth-child(1) {list-style-type: none;font-size: 16px;margin: 0 0 5px -15px;color: #fff;}
.toggle-text {transition: all .2s linear; background: #3d3d3d;color: #fff;font-size: 14px;cursor: pointer;padding: 8px 8px 8px 35px;border-radius: 3px;}
.up-big-block {display: flex;height: 100%;background: #1d1e1e;margin: -5px -10px 10px -10px;padding: 10px;border-radius: 10px 10px 0 0;}
.up-big-box {margin: 5px;padding: 5px;flex: 1 1 auto;} 
.up-big-text h1 {font-size: 25px;font-weight: 100;text-transform: uppercase;color: #ebebeb;height: 24px;line-height: 24px;padding: 10px;} 
.main-d {margin: 15px 0 15px 0;}
 .main-d span {display: inline-block;background: #141414;padding: 5px 10px 7px;margin: 3px;color: #fff;font-size: 14px;border-radius:10px;} 
 .main-d span a {color: #fff;text-decoration:none;} 
.main-d span a:hover {text-decoration: underline;}
.main-d-text {background: #1d1e1e;color: #e7e7e7;font-size: 13px;line-height: 21px;margin: 10px 5px 9px 1px;} 
.up-big-text {width: 740px;}
.up-big-text p {padding: 5px;color: #d9d9d9;font-size: 13px;line-height: 20px;}
.top-main-screen {width: 555px!important;height: 250px!important;} 
.up-big-img-webp {width: 175px;display: inline-block;margin: 0 11px 0 0;}
 
.up-big-img img {display: inline-block;border-radius: 10px;margin: 15px 15px;}
.up-big-info span {display: inline-block;color: #ffffff;font-size: 14px;}
 .up-big-info span a {color: #cbcbcb;} .up-big-info span a:hover {text-decoration:none;}
.top-download {margin: 20px 0 15px 0;}
ol.facts {list-style: none;counter-reset: my-awesome-counter;font-size: 14px;line-height: 40px;}
.facts li {counter-increment: my-awesome-counter;margin: 0.25rem;}
.facts li::before {content: counter(my-awesome-counter);background: #6da94e;width: 2rem;height: 2rem;border-radius: 50%;display: inline-block;line-height: 2rem;color: white;text-align: center;margin-right: 0.5rem;}
i.m-icon {vertical-align: sub;display:inline-block;width:20px;height:20px;}
 i.icon__steam {background-image: url(img/other_icons/main_d_6.webp);}
 i.icon__size {background-image: url(img/other_icons/file_size.webp);}
 i.icon__exe {background-image: url(img/other_icons/file-exe.webp);}
 i.icon__ok {background-image: url(img/other_icons/main_d_1.webp);}

@media only screen and (max-width: 1366px){ 
 .up-big-text {width: 675px;}
 .menu-under ul li a {font-size:11px;} 
 }
 
@media only screen and (max-width: 1280px){
.up-big-text {width: 645px;}
.download-list ul li a {font-size: 17px;} 
.main-d span {font-size: 13px;} 
.top-main-screen {width: 482px!important;}
.up-big-img a img {width: 152px;}
img.top-spoiler {width: 100%;}
.up-big-text h1 {font-size: 24px;}
}
 
@media only screen and (max-width: 1024px){
 .up-big-text h1 {font-size: 22px;}
 .up-big-text {width: 590px;}
 .up-big-img {width:100%}
 .main-d span {font-size: 13px;} 
 .top-main-screen {width: 355px!important;height: 200px!important;}
 .up-big-img a img {width: 109px;height: 80px;}
 img.top-spoiler {width: 100%;}
 a.torrent {font-size: 17px!important;}
}
 
 @media only screen and (max-width: 640px){
 .up-big-text {width: 100%;}
 .up-big-block {display: block;margin: 0;}
 .up-big-img a {display:block;}
.up-big-img a img {width: 100%;height: 100%;margin: 5px 0px;}
 .menu-under ul li {margin: 0px 5px 0 10px;}
 .menu-under ul {height: 276px;line-height: 35px; margin: 10px 0 10px 0;}
.list a {margin:5px;} 
 }
.base-block {background: #1d1e1e;margin: 3px 0px 15px 15px;padding: 0 25px 25px;border-radius: 10px;}
.base-block hr {color: #2f2f2f;height: 1px;border-top: 0;border-style: dashed;margin: 20px -19px;}
.base-block h1 {font-size: 25px;font-weight: 100;text-transform: uppercase;color: #ebebeb;height: 24px;line-height: 24px;padding: 25px 0 15px 4px;position:relative;}
.base-block h1:before {content: "";border-bottom: 5px solid #508dff;display: block;position: relative;top: 40px;right: 2px;width: 60px;box-shadow: 1px 2px 8px #3284cc;}
.base-block-img {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 1vw;margin: 20px 0 0 0;}
.base-block-img img,.base-img img {border-radius:10px;}
.base-img {margin: 0px 5px 0px 0px;}
.base-mini-img a img {margin: 5px 18px 10px 0;box-shadow: 3px 3px 20px 1px #101010;}
.base-small-block-text {}
.base-text p {padding: 10px 0 10px 0px;color: #d9d9d9;font-size: 13px;line-height: 22px;margin: 0 0px 0 0px;}
.base-text p:before {border-left: 2px dashed #127338;content: "";display: inline-block;height: 135px;float: left;padding: 0 15px 0 0;position: relative;bottom: 5px;}
.base-links a,.base-links span {display: inline-block;background: #161616;padding: 5px 10px 7px;margin: 3px;color: #fff;font-size: 14px;border-radius: 5px;text-decoration: none;}
.base-links a:hover {background: #000;}
picture.base-picture img {height: auto; max-width: 600px; box-shadow: 0px 2px 6px 1px #101010;}
.settings-block {position: relative;margin: 0 0 0 110px;transition: margin 0.3s ease;}
.settings-block:before {content: "";display: inline-block;background: url(/img/faq-setting.webp);width: 96px;height: 96px;position: absolute;left: -115px;opacity: 1; visibility: visible; transition: opacity 0.3s ease, visibility 0.3s ease;}
.settings-block:has(details.settings[open])::before {opacity: 0; visibility: hidden;}
.settings-block:has(details.settings[open]) {margin:0;}
.scroll-button {position: fixed;bottom: 20px;right: 20px;width: 100px;height: 100px;border-radius: 50%;background-color: #191919;color: white;text-shadow: 1px 0px 7px #000;border: 2px solid #000;cursor: pointer;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 14px;transition: opacity 0.3s ease;}
.scroll-button:hover {background:#000;}
.scroll-button.hidden {opacity: 0;pointer-events: none;}
#scrollButton span.emoji {display: inline-block;animation: jump 1.5s infinite;}

@keyframes jump {
 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
 40% { transform: translateY(-20px); }
 60% { transform: translateY(-10px); }
}


#scrollButton:hover span.emoji {animation-play-state: paused;}


@media only screen and (max-width: 1366px){ 
picture.base-picture img {max-width: 525px;}
.base-block h1:before {right: 255px;} 
}

@media only screen and (max-width: 1280px){
picture.base-picture img {max-width: 445px;height: 251px;}
 .base-mini-img a img {margin: 0px 7px 5px 0;} 
}
 
@media only screen and (max-width: 1024px){
 picture.base-picture img {max-width: 600px;height: 266px;}
 .base-mini-img a img {width:155px;}
 .base-block-img {grid-template-columns: 1fr;}
 .base-block h1:before {right: -10px;} 
 .base-links {text-align: center;}
}
 
@media only screen and (max-width: 640px){
 .base-block {margin:10px 0;}
 .base-small-block {padding:0px;}
 .base-img {margin: 20px 5px 5px 0px;}
 .base-block h1 {line-height:30px;}
 .base-block-img {margin: 35px 0 0 0;}
 .base-block h1:before {display:none;}
 picture.base-picture img {max-width: 100%;height: 100%;}
 .base-mini-img a img {width: 160px;}
 .toggle-content figure img {width: 100%;height: 100%;}
 .settings-block:before {display:none;}
 .settings-block {margin:0;}
 .scroll-button {display:none;}
}



 @media only screen and (max-width: 640px){ 
 #roulets_full {display:none;}
 .case_button_div, .case_elements {width: 311px;} .case_element {width: 100px;} .case_img {height: 60px;} .case-title a {white-space: nowrap;font-size: 12px;} .ya-share2 {float: inherit;top: 25px;left: 45px;padding: 10px 0;} 
} 
 .responsively-lazy:not(img){position:relative;height:0}.responsively-lazy:not(img)>img{position:absolute;top:0;left:0;width:100%;height:100%}img.responsively-lazy{width:100%;}

 
.download {
    font-size: 10px;
    color: #959698;
    background: url(/img/category-item-download.png) no-repeat center 0;
    padding: 20px 0 0 0;
    min-width: 13px;
    text-align: center;
}
.link_down_sborki {
    width: 35%;
    padding: 5px;
    border: 2px solid #d9d9d9;
    border-radius: 5px;
    text-align: center;
}
.cs-down_info {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #d9d9d9;
    display: block;
}