/* @font-face {
	font-family: "RobotoRegular";
	src:  url("Roboto/RobotoRegular/RobotoRegular.woff") format("woff");
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}
@font-face {
	font-family: "RobotoBold";
	src: url("Roboto/RobotoBold/RobotoBold.woff") format("woff");
	font-style: normal;
	font-weight: normal;
	font-display: swap;
} */
html{
background: #17212B;
/*background-image: url(/images/background.webp), url(/images/bg2.svg);
background-image: url(/images/background_dark.webp);*/
background-repeat: no-repeat, repeat;
background-position: bottom right, center;
background-size: auto, cover;
background-attachment: local, fixed;
padding: 0px;
}
body{
font-family: sans-serif;
font-size:16px;
width: 1100px;
min-width: 1100px;
margin: 0 auto;
}
hr{
height:0;
border:solid #5197ed 0;
border-top-width:1px;
}
#new_logo{
background-image: url(/images/logo_new_2.svg);
/* background-image: url(/images/logo_new_m_new_year_2.png);*/
width: 545px;
height: 108px;
transition: all 300ms ease-out;
display: inline-block;
margin-top: 5px;
background-size: 545px;
background-repeat: no-repeat;
}
#topnavi {
font-size: 12px;
text-shadow: 0px 0px 2px #4d4d4d;
display: flex;
width: 544px;
justify-content: space-between;
white-space: nowrap;
}
#topnavi a {
color: #fff;
margin-right: 4px;
text-decoration: none;
padding: 0px 3px 0px 3px;
background: #5865F2;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
min-width: 58px;
transition: background 150ms ease-out;
}
.width-fit{
height: auto;
max-width: 100%;
/* max-width: -webkit-fill-available;
max-width: -moz-available; */
}
.yu {
background: #242F3D;
display: flex;
justify-content: space-between;
padding: 10px 10px 10px 10px;
height: 32px;
}
.search{
display: flex;
}
#header{
height: 96px;
padding: 0px 10px 0px 7px;
background: #242F3D;
display: flex;
justify-content: space-between;
}
#logo{
width: 563px;
height: 90px;
float: left;
padding: 11px 0px;
}
#content{
background:#202A33;
}
#middle {
margin: 0 211px 0 211px;
padding: 0px 0 0 0;
border-left: 1px solid #464b53;
border-right: 1px solid #464b53;
background: #283546;
border-top: 1px solid #464b53;
}
#left {
float: left;
width: 211px;
border-top: 1px solid #464b53;
}
#right {
float: right;
text-shadow: 0px 0px 2px #4d4d4d;
width: 211px;
border-top: 1px solid #464b53;
}
.post-story {
min-height: 5px;
color:#fff;
line-height:150%;
text-align:justify;
padding: 5px 5px 0 5px;
}
.post-story > p:first-child{
    margin: 0px 0px 8px 0;
}
.post-story li {
margin: 13px 0px 13px 0px;
}
.post-story ul {
margin: 0;
padding-left: 28px;
}
.poster > p:first-child{
margin:0px;
}
.poster{
height: 267px;
float: left;
display: grid;
align-items: center;
margin: 0 5px 0 0;
border-radius: 6px; 
}

.cl2{
color: #12bbd7;
}
/* Поиск */
.form-control{
padding: 0 7px 0 7px;
width: 398px;
border-style: none;
outline: none;
border-radius: 5px 0px 0px 5px;
font-size: 15px;
}
.form-control_btn{
width: 70px;
border-style: none;
background: url(/images/search_google.svg) no-repeat center, #5865F2;
background-size: 21px;
border-radius: 0px 5px 5px 0px;
}

/* Конец поиск */
/* login begin  */
#login{
height: 32px;
padding: 6px 10px 6px 10px;
background: #1f2833;
display: flex;
justify-content: flex-end;
}
/* login end  */
#vertik{
background: #fff1e7 url(/images/500e1eb.png);
width: 468px;
height: 60px;
transition: all 300ms ease-out;
margin-top: 26px;
border-radius: 5px;
}

/* Вертикальное меню */

.dcjq-count {
    position: absolute;
    right: 4px;
    top: 0.52em;
    border-radius: 15px;
    border: 1px solid #8e8e8e;
    width: 9px;
    height: 9px;
    display: inline-flex;
    padding: 5px;
    align-items: center;
    justify-content: center;
}
.accordion .dcjq-icon{
display: none; 	
}
.accordion_g a .dcjq-count{
display: none; 	
}
.accordion{
font-size: 13px;
margin: 0;
padding: 0px;
list-style: none;
}
.accordion a {
padding: 0px 0px 0px 8px;
background: #17212B;
text-decoration: none;
color: #fff!important;
border-bottom: 1px solid #000000;
border-top: 1px solid #595d63;
position: relative;
display: flex;
cursor: pointer!important;
outline: none;
height: 34.7px;
align-items: center;
transition: background 150ms ease-out!important;
}
.accordion_g{
display: flex;
position: relative;
z-index: 10;
justify-content: center;
font-size: 12px;
background-color: #17212b; 
width: -webkit-fill-available;
width: -moz-available;
}
.accordion_g li{
width: 180px;
white-space: nowrap;
}
.accordion_g a {
padding: 0px 10px 0px 10px!important;
min-width: 127px;
text-align: center;
border-right: 1px solid #666;
border-bottom: 0px;
border-left: 1px solid #222;
border-top: 0px;
color: #FF6A00!important;
justify-content: space-around;
}
.accordion ul{
display:none;
padding: 0px; 
list-style: none; 
}
.splr{
text-align: center;
padding: 7px 4px 0px 4px !important
}	
.splr img{
height: auto;
max-width: 215px;
width: 100%;
border-radius: 6px;
transition: filter 150ms ease-out;
}
.date{
color: #afafaf;
font-size: 11px;
}
.description{
display: none;
}
/* меню на главной странице и правое вертикальное меню */
.top{
display: block;
width: 211px;
height: 211px;
text-decoration: none;
position: relative;
overflow: hidden;
transition: all 300ms ease-out;
border-top: 1px solid #464b53
}
.top:after{
color: white;
padding: 5px 10px;
height: 208px;
width: 208px;
display: block;
}
.top img{
transition: all 300ms ease-out;
position: absolute;
}
.top img:hover{
transform: rotate(-4deg) scale(1.07,1.07);
}
.top:hover{
filter: brightness(110%);
}
.top img:active{
transform: rotate(4deg) scale(1.07,1.07);
}
.top:active{
filter: brightness(120%) ;
}
.top_1:after{
content: "Opera Браузер";
background-color: #00869C;
}
.top_2:after{
content: "Ключи для Adguard";
background-color: #2B73E9;
}
.top_3:after{
content: "Portal Keys";
background-color: #9D00A5;
}
.top_4:after{
content: "Avast Infinity";
background-color: #008C00;
}
.top_5:after{
content: "Firefox Browser";
background-color: #008C00;
}
/* конец меню на главной странице и правое вертикальное меню */
/* полоска */
.strip{
font-size: 14px;
color: #fff;
width: 211px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
}
.bluestrip{
/* background-color: #B6236A; */
background: linear-gradient(119deg, #17212B, #9028d1, #17212B);
}
.violetstrip{
/* background-color: #B6236A; */
background: linear-gradient(119deg, #17212B, #9028d1, #17212B);
}
.greenstrip{
/* background-color: #B6236A; */
background: linear-gradient(119deg, #17212B, #9028d1, #17212B);
}
.post-title{
line-height: 150%;	
font-size: 14px;
font-weight: bold;
padding: 0px 30px 0px 7px;
min-height: 35px;
display: flex;
align-items: center;
background: url(/images/post_h.svg) right no-repeat, #17212B;
color: #5197ED!important;
background-size: 21px;
background-position: right 4px center;
}
h1, h2, h3{
font-size: 14px;
margin: 0;
color: #5197ED;
}
a:link,a:visited{
color:#06bdb4;
transition: color 150ms ease-out;
}
.spoiler div{
display:none;
}
.leftimg {
width: 200px;
height: auto;
border-radius: 6px;
max-height: 267px;
float: left;
}
.ct {
text-align: center;
}
.spoiler img:hover{    
filter: brightness(50%);
}
.ya-share2__icon {
    height: 32px!important;
    width: 32px!important;
    background-size: 30px 30px!important;
}
.dib{
margin-left: 195px;
} 
.related{
background: #202a33;
background: #202a33 url(/images/related.png) top right no-repeat;
margin-top: 7px;
line-height: 150%;
}
.related b{
font-size: 15px;
}	
.lh100p{

display: flex;
flex-wrap: wrap;
}
.lh100p li{
    margin: 9px 0px 6px 0px !important;
}
.fp{
padding: 16px 0px 16px 0px;
font-size: 19px; 
}
.fp2{
padding: 10px 0px 10px 0px;
font-size: 19px; 
}
.fp3{
font-size: 19px; 
padding-top: 15px;
}
.note { 
padding: 7px 10px 7px 52px;
margin: 7px 0px 7px 0px;
min-height: 35px;
display: flex;
align-items: center;
} 
.sys{
    width: 13px;
    height: 13px;	
    display: inline-block;
position: relative;
    top: 1px;
    left: 1px;	
}
.win{
    background: url("/images/adguard/windows.svg") no-repeat;
    padding-left: 3px;	
}
.mac{
    background: url("/images/adguard/macos.svg") no-repeat;
    padding-left: 3px;	
}
.andr{
    background: url("/images/adguard/android.svg") no-repeat;
    padding-left: 3px;	
}
.av_pay_button {
margin-bottom: 40px !important;
}
.av_pay_button {
height: 30px;
}
 #anycomment-app{
font-family: sans-serif !important;
}
 .mar_b{
text-align: center;
font-size: 13px;
margin-bottom: 55px;
} 
 
.button{
margin: 3px 3px 0px 5px;
font-size: 15px;
border: none;
text-transform: uppercase;
padding: 9px 21px 9px 21px; /* отступы кнопки от надписи*/	
line-height: 1.6;
letter-spacing: 1px;
}
.spoiler{
margin: 5px 0px 0px 0px; 

}
.splink{
text-decoration: none;
display: flex;
padding: 10px 5px 10px 2px;
align-items: center;
background: #17212B;
color: #5197ED !important;
}
.splink b{
    width: 11px;
    margin: 0px 3px 0px 3px;
}
.new_button a{
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 115px;
    font-size: 14px;
}
.button_comments{
padding: 14px 5px 14px 5px;
}
.new_button{
display: flex;
justify-content: space-between;
}
.fbtn{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.av_gl{
display: flex;
flex-direction: column;
align-items: center;
color: #5197ED;
margin: 7px 5px 7px 5px;
height: 124px;
}
.av_gl a{
width: 100px;
height:100px;
transition: all 150ms ease-out!important;
}
.emsisoft a{
border-radius: 12px;
}