@charset "utf-8";
/* Design by AntiKeys - admin@antikeys.org */

a img,:link img,:visited img,:hover img {
border:0;
}
.group4, .group2, .group1 img{
cursor: url(/images/zoom3.png) 22 22, zoom-in;
}
.help { 
cursor: help; 
}
h4,h6,pre,form,blockquote,fieldset,input {
margin:0;
padding:0;
}
h1,h2, h3{
text-decoration:none;
}

a:hover {
color:#21e7de;
text-decoration:none;
}
a:active{
color:#00bfb5;
}
.style_search{
display:inline-block;
width: 100%;
}
#topnavi a:hover {
background: #4355C1;
}
#topnavi a:active {
background: #5865F2;
}

.form-control_btn{
cursor: pointer;
transition: background-color 150ms ease-out;
}
.form-control_btn:hover{
background-color: #4355C1;
}
.form-control_btn:active{
background-color: #5865F2;
}
/* login begin  */
#login a{
color:#fff;
}
#login a:hover{
color:#9f9f9f;
}
/* login end  */

.clear {
margin:0;
padding:0;

clear:both;
width:100%;
}

.speedbar {
    color: #dedede;
    font-size: 11px;
    font-weight: bold;
    height: 14px;
    padding: 4px 10px;
    background: #484848;
}
.speedbar a {
color: #dedede;
text-decoration: underline;
}
.speedbar a:hover {
text-decoration:none;
}
#day{
    color: #dedede;
    text-align: right;
    top: -13px;
    position: relative;
}
#rules {
width:1097px;
margin:0 0px 0 0px;
padding:1px 0 0 0;
border-left:2px solid #a5a5a5;
border-right:2px solid #a5a5a5;
background:#fff url(/images/bg6.png) top repeat-x;
}
/* полоска */
.strip{
text-shadow: 0px 0px 2px rgb(0 0 0 / 85%);
background-repeat: no-repeat; 
}
.bluestrip{
/*background-image: url(/images/bluestrip.png);*/
}
.violetstrip{
/*background-image: url(/images/violetstrip.png);*/
}
.greenstrip{
/*background-image: url(/images/greenstrip.png);*/
}
/* полоска конец*/

.post-title{
text-decoration: none;
}
.post-title a{
color:#FFFFFF ;
font-size:13px;
text-decoration:none;
}
.post-title a:hover{
color:#ebebeb;
text-decoration:underline;
}

.post-story ul ul {
padding-left: 19px;
}

.post-story h2{

}

.old-price {
  display: inline-block;
  position: relative;
}
.old-price:before,.old-price:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: red;
  transform: rotate(12deg);
}
.old-price:after {
  transform: rotate(-12deg)
}
.new-price{
	background: url(/images/action_norton.png) no-repeat;
    background-position: center;
    padding: 8px 10px 8px 10px;
    color: #ffffff;
    text-shadow: 0px 0px 2px #4d4d4d;
    background-size: 100px;
}
.cl1{

}


.cl3{
color: #ffffff;
} 
.leftimg_no_float, .rightimg_no_float{
width: 213px;
}
.lh100p{
color: #12bbd7;
}
.no_list{
list-style-type: none;
}
.related b{
margin-left: 6px;
padding: 3px 12px 3px 12px;
background: #283546;
border-radius: 0px 0px 12px 12px;
color: #ffffff;
}
.related ul{
list-style: none;
padding: 12px 0px 12px 0px;
line-height: 130%;
margin: 0;
text-align: left;
text-shadow: 0px 0px 2px #4d4d4d;
}
.related li a{
color: #5197ED;
height: 16px;
background: url(/images/relatedli.svg) 0 3px no-repeat;
padding: 1px 0 0 20px;
display: inline-block;
transition: color 150ms ease-out;
text-decoration: none;
}
.related li a:hover{
background: url(/images/relatedli.svg) 0 -13px no-repeat;
color: #7ab6ff;
}
.related li a:active{
background: url(/images/relatedli.svg) 0 3px no-repeat;
color: #5197ED;
}
.related li{
padding: 7px 10px 7px 14px;
margin: unset;
}
.footer {
    height: 55px;
    font-size: 14px;
    background: #242F3D;
    color: #d5d5d5;
    border-top: 3px solid #5197ed;
}
.ftl{
    float: left;
    padding: 18px 0 0px 10px;
}
.ftl a{
color:#e7baef;
font-size:10px;
}
.ftl a:hover{
text-decoration:underline;
color:#fff;
}
.ftr{
text-align: right;
padding: 12px 10px 0 0;
float: right;
}
table{
background:transparent;
border:0px;
border-collapse:collapse;
border-color: #000000;
}

/* Реформал */
/* <![CDATA[ */
#us_form {
	margin: 0;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: black;
	background-color: white;
	overflow: visible;
}

#us_form table {
	margin: 0;
}
#us_form th, #us_form td {
	vertical-align: top;
	text-align: left;
	border: 0;
	padding: 0;
}
/* http://stackoverflow.com/questions/1100409 */
.us_input, .us_select {
    border-top: 1px #acaeb4 solid;
    border-left: 1px #dde1e7 solid;
    border-right: 1px #dde1e7 solid;
    border-bottom: 1px #e3e9ef solid;

    padding: 2px;
}
.us_input:hover, .us_select:hover, .us_input:focus, .us_select:focus {
    border-top: 1px #5794bf solid;
    border-left: 1px #c5daed solid;
    border-right: 1px #b7d5ea solid;
    border-bottom: 1px #c7e2f1 solid;
}

label input.us_checkbox {
	margin-right: 4px;
}
#us_form * {font-family:arial,helvetica,sans-serif;font-size:13px;}
/* ]]> */
/* конец Реформал */

/* share begin  */
.ya-share2, .ya-share2 *{
transition: all 200ms ease-out;
}
#share42{
padding-right: 4px;
}
#share42 a{
transition: all 200ms ease-out;
}
#share42 a:hover{
filter: brightness(110%);
}
#share42 a:active{
filter: brightness(120%);
}
/* share end  */

/* Captcha begin  */
.melon1{
padding-top: 5px;
}
.color_table1{
border-top-left-radius: 40px;
border-top-right-radius: 40px; 
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
padding-left: 4px;
padding-right: 4px;	
padding-top: 4px;
padding-bottom: 4px;
margin-top: 6px;
margin-bottom: 8px;
float: left;
}
/* Captcha end */


.fhfhgn{
  margin-top: -120px;
  background-color:#FFFFFF;
}

.error_download{
margin-bottom:-3px;
background: url(/images/error_download.jpg);
background-size: 306px 206px;
background-position: 0px 0px; 
display:inline-block;
width:306px;
height:206px;
}

.read_more {
 /*  margin-top: -22px; */
}

.button_comments{

}


/* Комментарии*/
.comments{
padding: 0px 30px 0px 7px;
background: url(/images/post_h.svg) right no-repeat, #17212B;
color: #5197ED;
font-weight: bold;
text-decoration: none;
font-size: 14px;
display: flex;
 line-height: 150%;
align-items: center; 
min-height: 35px;
background-size: 21px;
background-position: right 4px center;
}
.foncomments2{
    height: 35px;
    display: flex;
    
    justify-content: center;
}
.foncomments{	
}

/* anycomments */
.eHmxUP{
width: fit-content;
}
.anycl{
    width: 18px;
    height: 18px;
    border: 2px solid #5a5a5a;
    border-top: 2px solid #ffffff;
}
#anycounter{
/* display: flex; */
}
.hVeWiu{
padding: 16px 0px 0px 0px!important;

height: 30px;
}
.hVeWiu2{

}

.ggUTjb{
padding: 0px 5px 0px 5px;
}
.Avatar__Image-sc-1u1pk5n-0{
width: 66px!important;
height: 66px!important;
}
.jzzLD, .hOWiIK{
margin-left: 60px!important;
}
.cbLeSg{
color: #5197ED!important;
font-weight: bold!important;
}
.dQirBV{
color: #5197ED!important;
font-weight: bold!important;
}
#anycomment-app{
line-height: 100%!important; 
width: 100%;
display: inline-block;
min-height: 30px;
color: #ffffff!important; 
}
.dvUa-Dy{
font-size: 16px!important;
margin: 7px 5px 0 0 !important;
}
.caomnx button{
margin: 15px 5px 0px 5px;
}
.dOckhD {
/* margin: 0px !important;	 */
margin: 0px 5px 0px 5px !important;
width: auto !important;
}
.bHMnKH{
padding: 15px 0px 15px 0px!important;
background: rgb(32 42 51)!important;
}
.kmfIEZ{
padding: 5px!important;
}
.fSXkqW{
padding: 0px 0px 22px 0px !important;
}
.fSXkqW button{
margin-left: 6px;
}
.caomnx button{
width: 100%;
}
.evlLax{
display: none!important;	
}
.kxhiDA{
margin-top: 0px!important;
}
.bbirmt{
background: #5865F2!important;
text-shadow: 0px 0px 2px #4d4d4d;
transition: background 150ms ease-out;
}
.bbirmt:hover{
background: #4355C1!important;	
}
.ekKycD:hover{
color: rgb(255 254 254);
}
.fa-thumbs-up{
color: rgb(0 223 17)!important;
}
.fa-thumbs-up:hover{
color: rgb(12 235 29)!important;
}
.fa-thumbs-down{
color: rgb(255 23 23)!important;
}
.fa-thumbs-down:hover{
color: rgb(253 70 70)!important;
}
.bbirmt:active{
background: #5865F2!important;	
}
.jnoMqA{
color: #5197ED!important;
}
.jnoMqA:hover{
color: #7ab6ff!important;
}
.klVdua:hover{
background: #354355 !important;
border-radius: 10px!important;
}
.klVdua{
transition: all .2s ease-in-out!important;
padding: 20px 0px 20px 4px !important;
margin: 0px 4px 0px 4px;
}
.hFXbVQ{
padding-top: 15px;
animation-name: example;
animation-duration: 3s;
}
@keyframes example {
  0%   {opacity: 0;}
  25%  {opacity: 0;}
  50%  {opacity: 0;}
  100% {opacity: 100;}
}
div.dTMcz{
padding: 3px 6px;
background: #17212B !important;
margin-left: 5px !important;
font-size: 0px !important;
}
div.dTMcz span{
color: #ffffff !important;
font-size: 14px;
font-weight: 100 !important;
}
.dhFa-Df{
margin: -58px 128px 0px 0px!important;
float: right;
}
.dWpNVt{
margin-bottom: 0px!important;
}
.csvqDi{
margin-bottom: 20px!important;
}
.gbaCo{
display: none!important;	 
}
.ql-editor{
min-height: 100px!important;	
padding: 10px;
}
.iSWPCz{
min-height: 95px!important;	

}
.bWqwri{
padding: 0px 0px 0px 7px !important;
}
.cslyTe{
margin-bottom: 15px;
}
.hggzhg{
color: #ababab !important;
}
.fKbbhw{
display: flex;
align-items: baseline;
flex-direction: column;
}
div.iGLfPB{
padding: 3px 4px!important;
font-size: 0px!important;
background-color: rgb(23, 33, 43)!important;
}
.iGLfPB span{
font-size: 14px!important;
}
.flgNVK{
width: 100%;
}
div.fhdLWI{
padding: 2px 4px!important;
}
.dAfozR{
margin-bottom: 0px!important;
}
.MuiButton-containedPrimary{
width: inherit!important;
}
.MuiButton-contained{
background-color: #5865F2!important;
}
.MuiButton-contained:hover{
background-color: #4355C1!important;
}
.hFCyJw{
margin-top: 5px!important;
color: #5197ED;
user-select: none;
}
.nsfYF{
margin-top: 3px!important;
color: #ffffff !important;
}
.cifXMN{
width: 66px;
height: 66px;
}
.cUdAXc{
padding: 5px!important;
}
.eTdZmd{
padding-right: 6px!important;
}
.cMwJCi{
width: auto !important;
border-radius: 7px;
background-color: #354355 !important;
}
.jxTEvJ{
margin-bottom: unset !important;	
}
.cGixKo, .bwRJKg{
background-image: url(/images/antikeys_66x66_white.png)!important;
background-color: unset !important;
}
.fqaVFo{
color: #757575 !important;
}
.ql-blank::before{
color: #d7d7d7 !important;
}

.gpwuCN{
margin: 0px 0px 0px!important;
}
.MuiTypography-body1 a {
margin: 0px 2px 0px 0px;
}
.MuiTypography-body1 {

color: #ffffff;
}
.foncomments form {
padding: 0px 7px 0 7px;
}
#anycomment-app h2 {
padding-left: 7px;
font-size: 19px;
color: #5197ED !important
}
.OIAYY{
color:#06bdb4!important;
}
.cUddSd{
background-color: rgb(52 72 99) !important;
color: #fff!important;
font-size: 17px !important;
padding: unset !important;
border-style: none !important;
}
.iNjeIg{
outline: 1px solid rgb(88, 101, 242, 100%) !important;
/* padding: 10px; */
border-radius: 6px;
}

.MuiPaper-root{
background-color: #202a33!important;
color: #fff!important;
}
.MuiFormLabel-root{
color: #fff!important;
}
.MuiInputBase-input{
color: #fff !important;
background: rgb(52 72 99) !important;
border-radius: 5px 5px 0px 0px !important;
padding-left: 7px !important;
}
.bdBPPN{
background-color: #283546 !important;
}
.irWHCO{
color: #fff!important;
}
.MuiFormHelperText-root{
color: #fff!important;
}
.ql-snow .ql-stroke{
stroke: #fff!important;
}
.iSWPCz::placeholder{
color: #d7d7d7 !important;
padding: 6px 10px 10px 10px !important;
}
.eblHmo{
background-color: rgb(32 42 51)!important;
color: #fff!important;
}
.hPidYO,.iFloDi,.kOggHN{
color: #fff!important;
}
.hRMrPZ > .iNjeIg{
	padding: unset !important;
}
.eUCNfq{
font-weight: 600 !important;
}
/* anycomments end*/



a#mc-link.mc-link{
/*font-size: 1px!important;	*/
display: none!important;
}

/* Комментарии конец*/


#vk_groups{
width:209px!important;
height:216px!important;
}


.rightimg  {
float: right; /* Выравнивание по правому краю  */ 
margin: 0 0 0 5px; /* Отступы вокруг картинки */
width: 190px;
height: auto;
}

/* карта сайта */
.sitemap{
font-size:12px;
background-color:#F1F5FF;
margin:3px;
padding:3px;
}
table.flat{
margin:0;
padding:0;
}
table.flat td{
margin:0;
padding:0;
}
/*карта сайта конец */

/* стиль сквозных ссылок в меню, карта сайта */
.external-reference { 
color: #000;
font-size: 13px;
}
.external-reference_target_blank{ 
color: #000;
font-size: 13px;
}
/* стиль сквозных ссылок в меню, карта сайта конец */


/* .b-menu{
padding: 1px;
}
.b-menu ul{            
padding: 0;            
list-style: none;        
}
 */
	
/* меню на главной странице и правое вертикальное меню */
#ins {
    margin-bottom: 30px;
    width: 100%;
}
.av_gl a:hover{
filter: brightness(110%);
transform: rotate(-3deg);
}		
.av_gl a:active{
transform: rotate(3deg) ;
filter: brightness(120%);
}
.avast a{
background: url(/images/backlit_buttons/avast.png);
}
.avast a:active{
filter: hue-rotate(80deg);
}
.kaspersky a{
background: url(/images/backlit_buttons/kasper.png);
}
.kaspersky a:active{
filter: hue-rotate(150deg);
}
.drweb a{
background: url(/images/backlit_buttons/dr.web.png);
}
.drweb a:active{
filter: hue-rotate(100deg);
}
.panda a{
background: url(/images/backlit_buttons/panda.png);
}
.panda a:active{
filter: hue-rotate(290deg);
}
.avira a{
background: url(/images/backlit_buttons/avira.png);
}
.avira a:active{
filter: hue-rotate(150deg);
}
.norton a{
background: url(/images/backlit_buttons/norton.png);
}
.norton a:active{
filter: hue-rotate(80deg);
}
.esetnod32 a{
background-image:url(/images/backlit_buttons/111_0.png);
}
.esetnod32 a:active{
filter: hue-rotate(310deg);
}
.gdata a{
background-image:url(/images/backlit_buttons/222_0.png);
}
.gdata a:active{
filter: hue-rotate(140deg);
}
.avg a{
background-image:url(/images/backlit_buttons/333_0.png);
}
.avg a:active{
filter: hue-rotate(140deg);
}
.bitdefender a{
background-image:url(/images/backlit_buttons/444_0.png);
}
.bitdefender a:active{
filter: hue-rotate(140deg);
}
.mcafee a{
background-image:url(/images/backlit_buttons/555_0.png);
}
.mcafee a:active{
filter: hue-rotate(140deg);
}
.emsisoft a{
background-image:url(/images/backlit_buttons/66_0.png);
}
.emsisoft a:active{
filter: hue-rotate(300deg);
}
.avast:after {
    content: "Avast";
}
.kaspersky:after {
    content: "Kaspersky";
}
.drweb:after {
    content: "Dr.Web";
}
.panda:after {
    content: "Panda";
}
.avira:after {
    content: "Avira";
}
.norton:after {
    content: "Norton";
}
.esetnod32:after {
    content: "ESET NOD32";
}
.gdata:after {
    content: "G Data";
}
.avg:after {
    content: "AVG";
}
.bitdefender:after {
    content: "Bitdefender";
}
.mcafee:after {
    content: "McAfee";
}
.emsisoft:after {
    content: "Emsisoft";
}
#chat{
width:466px;
}
#chat a{
background-image:url(/images/backlit_buttons/chat.png);
display:block;
width:466px;
height:58px;
}
#chat a:hover{
background-position:0px -58px
}	
#chat a:active{
background-position:0px 58px;
}

#qiwi_button{
height:29px;
margin-bottom:27px;
}
#qiwi_button a{
background-image:url(/images/pay_qiwi1.png);
display: inline-block;
width:114px;
height:29px;
outline:none;
}
#qiwi_button a:hover{
background-position:0px -29px
}		
#qiwi_button a:active{
background-position:0px 29px;
}
#qiwi_button span.hover{
width:114px;
height:29px;
display:block;
background-color: rgba(255, 255, 255, 0.2);
}

.qiwi_button{
margin-bottom: 23px;
}
.qiwi_button a{
background-image: url(/images/pay_qiwi.png);
display: inline-block;
width: 114px;
height: 29px;
outline: none;
border-radius: 15px;
transition: all 400ms ease;
}
.qiwi_button a:hover{
filter: brightness(105%);
}
.qiwi_button a:active{
filter: brightness(110%);
}


.qiwi_button_new{
    border-radius: 15px;
    background-image: url(/images/pay_qiwi2.png);
    cursor: pointer;
    margin-bottom: 32px;
    height: 25px;
    width: 110px;
    outline: none;
    transition: 300ms ease-out;
    vertical-align: top;
    border-color: #ff9100;
    border-style: solid;
    border-width: 1px;
}
.qiwi_button_new:hover{
filter: brightness(105%);
}
.qiwi_button_new:active{
filter: brightness(110%);
}

.webmoney_button_next{
    width: 130px!important;
}
.webmoney_button{
    cursor: pointer;
    margin-bottom: 32px;
    height: 25px;
    width: 110px;
    outline: none;
    transition: 300ms ease-out;
    vertical-align: top;
    border: 1px solid #538ec1;
    background: #a4cef4;
    color: #fff;
   text-shadow: 0px 1px 3px #303030;	
}
.webmoney_button:hover{
filter: brightness(105%);
}
.webmoney_button:active{
filter: brightness(110%);
}


.pay_color_rob{
	background: #2196F3;
}
.pay_color_qiwi{
	background: #F78700;
}
.pay_color_wm{
	background: #036CB5;
}
.rob_button{
	border-radius: 3px;
    cursor: pointer;
    margin-bottom: 32px;
    height: 28px;
    width: 114px;
    outline: none;
    transition: 300ms ease-out;
    vertical-align: top;
    border: none;
    color: #fff;
    font-size: 14px;
	text-transform: uppercase;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.45);	
}
.rob_button_pay:after{
content: "Купить";	
}
.rob_button_pay:hover:after{
content: "";	
}
.rob_button:hover{
    filter: brightness(105%);
}
.rob_button_pay:hover{
    background-image: url(/images/but_now_after.svg);
    background-repeat: no-repeat;
  background-size: 40px 25px;
    background-position: top center;
}
.rob_button:active{
filter: brightness(115%);
}
.rob_button_next{
    width: 130px!important;
}
.paypal_button{
    cursor: pointer;
    margin-bottom: 32px;
    height: 25px;
    width: 110px;
    outline: none;
    transition: 300ms ease-out;
    vertical-align: top;
    border: none;
    background: #0070BA;
    color: #fff;
    font-weight: bold;
	border-radius: 16px;
}
.paypal_button:hover{
filter: brightness(105%);
}
.paypal_button:active{
filter: brightness(110%);
}

.av_pay_button {
width: 114px;
margin: auto;
border-radius: 5px;
}
.av_pay_button:hover {
filter: brightness(105%);
}
.av_pay_button:active{
filter: brightness(115%);
}
.av_pay_button a {
display: flex;
    outline: none;
    transition: 300ms ease-out;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgb(0 0 0 / 30%);
    letter-spacing: 0.05em;
    width: 114px;
    height: 30px;
    align-items: center;
    justify-content: center;
}
.av_pay_button a:hover{
    background-image: url(/images/but_now_after.svg);
    background-repeat: no-repeat;
    background-size: 40px 25px;
    background-position: top center;
} 
.av_pay_button a:after{
content: "Купить";
}
.av_pay_button a:hover:after{
content: "";
}
.av_pay_button_black a {
    color: #242424;
}
.av_pay_button_black a:hover{
    background-image: url(/images/but_now_after_black.svg);
}	
.kas_button {
 background: #007260;
}
.nod32_button {
background: #008892;
}
.drweb_button {
background: #69B42E;
}
.mcafee_button {
background: #C01818;
}
.avast_button {
background: #FF7800;
}
.win_button{
background: #0066B8;
}
.adg_button{
background: #66B574;
}
.ns_button{
background: #feea24;
}

#vertik a{
display :block;
width :468px;
height :60px;
}
#vertik:hover{
filter: brightness(110%);
}
#vertik:active{
filter: brightness(120%);
}

.ya_money_1{
    width: 145px!important;
}
.ya_money_1:after{
content: "Поддержать"!important;
}
.ya_money_1:hover{
    background: #F78700!important;;
}	
.ya_money_2:hover{
    background: #0074c5!important;;
}	

.ya_money{
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 32px;
    height: 28px;
    width: 114px;
    outline: none;
    transition: 400ms ease-out;
    vertical-align: top;
    border: none;
    color: #ffffff;
    padding: 0px;
    white-space: nowrap;
    line-height: 26px;
    background: #ff8f00;
    text-transform: uppercase;
    font-size: 14px;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
    display: inline-block;
}
.ya_money:after{
content: "Купить";
vertical-align: middle;
}

.wm_money{
    background: #036cb5;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
	display: inline-block;
}
.sber_pay{
    background: #21a038;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
	display: inline-block;
}

.pf_money{
    background: #db0000;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
	display: inline-block;
}
.yaa{
    background: #8949F8;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
	display: inline-block;
}

.ya_money:hover:after{
content: "";	
}
.ya_money a{
color: #303030;
text-decoration: none;
}
.ya_money_icon_holder{
    width: 35px;
    border-right: none;
    border-left: 1px solid rgb(0 0 0 / 14%);
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background: azure;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    float: left;
    display: flex;
    height: 26px;
    align-items: center;
    justify-content: center;
}
.ya_money_icon{
    width: 22px;
    height: 22px;
    background-size: 100%;
}
.ya_money_icon_cards{
background-image: url("/images/pay_img/16-cards.svg");
}
.ya_money_icon_pc{
background-image: url("/images/pay_img/16-pc.svg");
}
.ya_money_icon_m{
background-image: url("/images/pay_img/wm_money_icon.svg");
}
.wm_money_icon{
background-image: url("/images/pay_img/wm_money_icon.svg");
}
.sberpay_icon{
background-image: url("/images/pay_img/sberpay_icon.svg");
}
.qiwi_money_icon{
background-image: url("/images/pay_img/qiwi_icon.svg");
}
.perfect_money_icon{
background-image: url("/images/pay_img/perfect_money_icon.svg");
}
.crypto_money_icon{
background-image: url("/images/pay_img/crypto_icon.svg");
}
.sbp_icon{
background-image: url("/images/pay_img/sbp_icon.svg");
}
.rob_money_icon{
background-image: url("/images/rob_money_icon.png");
    margin-top: 1px;
}

.ya_money:hover{
background: #F78700 url(/images/but_now_after.svg);
background-repeat: no-repeat;
background-position: top center;
background-size: 40px 25px;
background-position-x: 54px;
}	
.wm_money:hover{
    background: #0074c5 url(/images/but_now_after.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 40px 25px;
    background-position-x: 54px;
}
.sber_pay:hover{
    background: #21a038 url(/images/but_now_after.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 40px 25px;
    background-position-x: 54px;
}
.pf_money:hover{
    background: #fd2a2a url(/images/but_now_after.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 40px 25px;
    background-position-x: 54px;
}
.yaa:hover{
    background: #9a61fd url(/images/but_now_after.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 40px 25px;
    background-position-x: 54px;
}

.ya_money:active{
filter: brightness(110%);
}
#new_logo:hover{
filter: brightness(110%);
}		
#new_logo:active{
filter: brightness(120%);
}
.new_button{
flex-wrap: wrap;
}

.ll{
display: inline-block;
}
.cetr{
display: inline-block;
text-align: center;
width: 51%;
}
.rr{
float: right;
}
.new_button a{
outline: none; 
 text-align: center; 
color: #fff; 
width: 137px; 
text-decoration: none;
background: #5865F2; 
transition: background 150ms ease-out; 
border-radius: 5px; 
text-shadow: 0px 0px 2px #4d4d4d;
}
.new_button a:hover{
background: #4355C1;
}
.new_button a:active{
background: #5865F2;
}

/*Кнопка сообщить о новой версии*/
#new_version:before{
content: "сообщить о новой версии";
background: #5865F2;
color: #fff;
padding: 1px 4px 2px 4px;
transition: background 150ms ease-out;
border-radius: 5px;
font-size: 14px;
text-shadow: 0px 0px 2px #4d4d4d;
}
#new_version:hover:before {
background: #4355C1;
}
#new_version:active:before {
background: #5865F2;
}
.new_version{
text-decoration: none;
outline: none;
display: inline-block;	
}
.version{
padding-right: 7px; 
}
.version a span{
color: #06bdb4;	
transition: color 150ms ease-out;
}
.version a span:hover{
color: #21e7de;	
}
.version a span:active{
color: #06bdb4;	
}
/*Конец Кнопка сообщить о новой версии*/

#back_circle{
background: url(/images/back_circle.svg) no-repeat;
width: 38px;
height: 38px;
transition: all 150ms ease-out;
background-size: 38px;
position: absolute;
}
#back_circle:hover{
filter: brightness(105%);
transform: rotate(-4deg);
}
#back_circle:active{
transform: rotate(-10deg);
}

#back_button{
display: inline-block;
width:120px;
padding-left:1px;
padding-top:1px;
padding-bottom:1px;
}
#back_button a{
background-image: url(/images/back_button.png);
display: block;
width: 120px;
height: 39px;
font-size: 18px;
text-decoration: none;
color: #FFFFFF;
border-radius: 20px;
}
#back_button a:hover{
background-position: 0px -39px
}		
#back_button a:active{
background-position: 0px 39px;
}
#back_button span.hover{
width: 120px;
height: 39px;
display: block;
background-color: rgba(255, 255, 255, 0.2);
}

#go_home_button{
display: inline-block;
width:190px;
padding-left:1px;
padding-top:1px;
padding-bottom:1px;
}
#go_home_button a{
background-image: url(/images/go_home_button.png);
display: block;
width: 190px;
height: 39px;
font-size: 18px;
text-decoration: none;
color: #FFFFFF;
border-radius: 20px;
}
#go_home_button a:hover{
background-position: 0px -39px
}		
#go_home_button a:active{
background-position: 0px 39px;
}
#go_home_button span.hover{
width: 190px;
height: 39px;
display: block;
background-color: rgba(255, 255, 255, 0.2);
}

/* Кнопка скачать */
.button{
display:inline-block;
outline:none; /* отмена обводки */
cursor: pointer; /* курсор мыши */
text-decoration: none; /*Отменяет все эффекты, в том числе и подчеркивания у ссылок, которое задано по умолчанию.*/
color: #ffffff !important;  /* цвет надписи */
text-shadow: 0px 0px 1px #4d4d4d;  /* тень надписи */
border-radius: 5px;  /* скругление углов */
background: #5865F2; /* цвет кнопки */ 
transition: background 150ms ease-out!important;

}
.button:hover{
background: #4355C1; /* цвет кнопки */
}
.button:active{
background: #5865F2;/* цвет кнопки */
}
.button object {
    text-decoration: none !important;
}
.button_plus{
    /*
	padding: 13px 21px 12px 21px!important; 
	
	*/
}
/* конец кнопка скачать */

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

/* .accordion ul:first-child{ /* стартует закрытое меню 
    display:block;
}
 */
.accordion a:hover {
background: #212B35;
}
.accordion a:active {
background: #313f4f !important
}
.accordion ul a:hover {
background: #212B35;
}
.accordion ul a:active {
background: #55585B;
background: linear-gradient(to bottom right, #232323, #46484c);
}
.accordion ul a {
 background: #313f4f;
}
.dcjq-icon {
position: absolute;
top: 50%;
left: 1px;
width: 34px;
margin-top: -17px;
height: 34px;
}
.active .dcjq-icon {
background: url(/images/arrow_black_down.png) no-repeat 0 center;
}
/* конец Вертикальное меню */

.row{
border:1px solid black;
margin: 5px 0 5px 0;
padding: 5px;
overflow: auto;
text-align: left;
}

/* новое Горизонтальное меню */

.accordion_g ul a .dcjq-count{
display: flex; 	
}
.accordion_g ul {
position: absolute;
min-width: 237px;
border-radius: 3px;
overflow: hidden;
}
.accordion_g ul ul {
position: relative;
}
.accordion_g li {
position:relative;
}
.accordion_g li ul {
right: 0;
}
.accordion_g ul a {
    background: #17212b;
    border-bottom: 1px solid #222;
    border-top: 1px solid #777;
    justify-content: flex-start;
    width: 215px;
    color: #ffffff !important;	
}
.accordion_g ul ul a{
background: #313f4f;
}
.accordion_g ul ul a:hover {
background: #212B35 !important
}
.accordion_g ul ul a:active {
    background: #313f4f !important
}
/* Стрелочки на подпунктах */
/* .accordion ul li:first-child > a:after {
	content: '';
    position: absolute;
    right: 192px;
    top: -1px;
	border-top: 9px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.accordion_g ul li:first-child > a:after {
    right: 50%!important;
}
.accordion_g ul ul li:first-child a:after {
 border-top: 9px solid #00a1ff; 
}
*/
/* конец новое горизонтальное меню */

.description{
background: url(/images/antikeys_66x66_white.png) no-repeat;
padding: 0px 5px 25px 73px;
}
.description p{
margin: 6px 0px 6px 0px;
}
.description b {
display: block;
line-height: 100%;
color: #5197ED;
}
#loadmore{
width: 100%;
height: 33px;
background: #5865F2;
color: #fff;
border: none;
cursor: pointer;
transition: background 150ms ease-out;
outline: none;
border-radius: 5px;
margin-bottom: 5px;
font-size: 14px;
text-shadow: 0px 0px 2px #4d4d4d;
}
#loadmore:hover {
background: #4355C1;
}
#loadmore:active {
background: #5865F2;
}
/*spoiler*/

.spoiler li a:active{
background: #20405f;
}

.spoiler a:active{
    background: #17212B;
}
.spoiler > div{
background: #20405f;
border: 1px solid #464b53;
border-top: 0px;
padding: 6px;
border-radius: 0px 0px 10px 10px;
}
.splink{
outline: none;
transition: background 150ms ease-out!important;	
}
.splink:hover{
background: #212B35;
color: #7ab6ff!important;
}
.splink:active{

color: #5197ED!important;
}

.splink b{
background: url(/images/spoiler.svg) no-repeat;
    height: 11px;
    padding: 0 0px 0 0;
    min-width: 11px;
background-size: cover;
}
.splink b.expanded{
background:url(/images/spoiler.svg) no-repeat -11px;
background-size: cover;
}
.spoiler p{
margin: 8px 0 8px 0px;
}
/*Конец spoiler*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; }
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer; outline:none;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/* #cboxOverlay{background:url(/images/overlay.png) repeat 0 0; opacity: 0.9; } */
#cboxOverlay{background: #000000; opacity: 0.7!important;}
#colorbox{outline:0;}
/*     #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;} */
    #cboxContent{background:#242F3D; overflow:hidden;border-radius: 10px;}
        .cboxIframe{/* background:#fff; */}
        #cboxError{padding:50px; color:#E0E0E0;width: 300px; height: 60px;}
        #cboxLoadedContent{margin-top:28px;}
        #cboxTitle{position:absolute; top:5px; text-align:center; width:100%; color:#E0E0E0;}
        #cboxCurrent{position:absolute; top:5px; left:70px; color:#E0E0E0;}
       #cboxLoadingOverlay{background:url(/images/loading_background.png) no-repeat center center;} 
        #cboxLoadingGraphic{background:url(/images/load_b.svg) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0; filter: brightness(100%);}

        #cboxSlideshow{position:absolute; top:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; top:2px; left:2px; background:url(/images/left-arrow.svg) no-repeat 0 0; width:24px; height:24px; background-size: 24px; text-indent:-9999px;transition: filter 300ms ease-out;border-radius: 30%;}
        #cboxNext{position:absolute; top:2px; left:35px; background:url(/images/right-arrow.svg) no-repeat 0 0; width:24px; height:24px; background-size: 24px; text-indent:-9999px;transition: filter 300ms ease-out;border-radius: 30%;}
        #cboxNext:hover, #cboxClose:hover, #cboxPrevious:hover{filter: brightness(120%);}
		#cboxClose{position:absolute; top:2px; right:2px; background:url(/images/close-button.svg) no-repeat 0 0; width:24px; height:24px; background-size: 24px; text-indent:-9999px;transition: filter 300ms ease-out;border-radius: 30%;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/

.ytb {
width: 100%;
margin: auto;
background: #272727;
overflow: hidden; /* clearfix */
min-width: 320px;
max-width: 666px;
position: relative;
display: flex !important;
justify-content: center;
align-items: center;
border-radius: 6px;
}
.ytb:before {
    content: "";
    padding-top: 56.5%;
	display: inline-table;
}
.name_you{
    color: white;
    font-size: 16px;
    padding: 6px 9px 0px 9px;
    position: absolute;
    top: 0;
	left: 0;
	text-align: left;
	display: block !important;
}
.youtube_button{
    display: flex !important;
}
.youtube_button a{
    background-image: url(/images/youtube.png)!important;
    width: 68px;
    height: 48px;
    transition: filter 300ms ease-out;
}
.youtube_button a:hover{
filter: brightness(110%);
background: #272727;
}
.youtube_button a:active{
filter: grayscale(100%);
background: #272727;
}	

/* вкладки */
.tabs {
overflow : hidden;
margin-top: 14px;
}

.tabs dt {
float: left;
line-height: 2;
background-color: #e8f0f6;
border: #e8f0f5 solid 1px;
border-bottom: 0;
padding: 0 1em;
position: relative;
cursor: pointer;
}

.tabs dt:hover {
background-color : #bfdff4;
}

.tabs dt.selected {
border-color : #b0d0e9;
background : #000;
cursor : auto;
color: #fff;
}

.tabs dd {
background : #fff;
display : none;
float : right;
width : 100%;
margin : 2em 0 0 -100%;
}

.tabs dd.selected {
display : block;
}

.tabs .tab-content {
border : #b0d0e9 solid 1px;
}
/* Конец вкладки */

/* примечание */
.note { 
border-radius: 7px;
background: #0E1621 url(/images/exclamation.svg) no-repeat;
background-position: 5px 50% !important;
color: #ffffff;
background-size: 40px !important;
transition: all 300ms ease-out;
text-align: justify;
} 
.note_succes { 
background: #0E1621 url(/images/green_ok.png) no-repeat;
}
.note_fail { 
background: #0E1621 url(/images/exclamation.svg) no-repeat;
color: #FF3300;
} 
.note_comment { 
background: #0E1621 url(/images/exclamation_green.svg) no-repeat;
} 
.note_action { 
background: #0E1621 url(/images/action.svg) no-repeat;
} 
.note_alert{
background: #0E1621 url(/images/error-icon.svg) no-repeat;	
}
/* Конец примечание */

#logo{
width: 563px;
height: 90px;
float: left;
padding: 11px 0px;
}

/* Таймер */
	.timer_dl,.timer_torrents_dl{
	width: 185px;
	height: 40px;
	font-size: 13px;
	font: 13px sans-serif; 
	font-weight: 600;
	color: #5197ED;
	padding: 5px 0px 0px 0px;
	}
#timer, #timer_2, #timer_3, #timer_torrents, #timer_torrents_2, #timer_torrents_3{
display: inline-block;
text-align: left;
width: 120px;
height: 35px;
vertical-align: bottom; 
padding: 13px 0px 0px 0px;
margin-bottom: 21px;
}
.fs15px{
   font-size: 15px;
   margin-top: 0;
}
#countdown,#countdown_2,#countdown_3,#countdown_torrents,#countdown_torrents_2,#countdown_torrents_3{
height: 30px;
/* width: 20px;*/
font: 30px verdana;  
color: #fff;
text-align: right;
display:inline-block;
padding: 5px 5px 0px 0px;
vertical-align: top; 
}
/* Конец таймер */

.grn{
color:#2fbd51;
}
.li_bttm{
}
.li_bttm li{

}
.lazy {
    background: url(/images/load_b.svg) no-repeat;
    background-position: 50%;
}
.width-99-p{
max-width: 450px!important;
}
.width-100-p{
width: 100%;
height: auto;
max-width: fit-content;
}
.width-90-p{
max-width: 382px!important;
height: auto;
}
.width-82-p{
width: 82%;
height: auto;
}

.absm{
    vertical-align: bottom;
    height: 25px;
    width: 25px;
    position: relative;
    right: 4px;
}

.width-50-p{
width: 50%;
height: auto;
}
.width-30-p{
width: 30%;
height: auto;
}
.inp_txt{
    height: 25px;
    width: 25px;
    text-align: center;
    border-radius: 5px;
    outline: none;
    font-weight: bold;
    background: #ffdb4d;
    border: none;
}

.support{
outline:none;
}
.youtube{
outline:none;
}
/* Pay plus minus */
.minus{
    position: relative;
    right: 5px;
}
.plus{
    position: relative;
    left: 5px;
}
.minus,.plus {
    outline: none;
    cursor: pointer;
    width: 25px;
    height: 25px;
    font-size: 14px;
    border-radius: 3px;
    font-weight: bold;
    transition: 100ms ease-out;
    margin-left: 1px;
    border-color: #b1b1b1;
    border-style: solid;
    border-width: 1px;
}
.minus:hover,.plus:hover {
    background: #ffd42c;
}
.minus:active,.plus:active {
    background: #ffcb00;
}
.counter{
    font-size: 18px;
    position: relative;
    right: 32.5px;
    top: 2px;
}
/* Конец Pay plus minus */


.delivery{
    outline: none;
}

.button_mg{
    background: url(/images/mg.png)no-repeat;
    width: 362px;
    height: 42px;
    outline: none;
    cursor: pointer;
    border: none;
    transition: 300ms;
    display: inline-block;
    vertical-align: top;
    margin: 3px 3px 0 0;
}

.button_mg:hover{
filter: brightness(110%);
}
.button_mg:active{
filter: brightness(100%);
}

.button_ds{
    background: url(/images/ds.png)no-repeat;
    width: 362px;
    height: 42px;
    outline: none;
    cursor: pointer;
    border: none;
    transition: 300ms;
    display: inline-block;
    vertical-align: top;
    margin: 3px 3px 0 0;
}

.button_ds:hover{
filter: brightness(110%);
}
.button_ds:active{
filter: brightness(100%);
}

.vbtungyjgj>div{
	line-height: unset!important;
}
.vbtungyjgj{
	display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.vsb{
    text-align: center;
    white-space: nowrap;
}
.vsb a:hover{
    transition: all 300ms ease-out;
    opacity: 0.75;
}
.vsb img {
    width: 35.7%;
    margin: 5px 0 15px 0;
}
.vs_img {
    width: 15%!important;
    margin: 0 10px 0 10px!important;
}

.email_wm {
width: 270px;
    background-image: url(/images/gray_bg.png);
    background-repeat: repeat-x;
    background-position: center top;
    padding: 5px;
    font-size: 15px;
    line-height: 150%;
    text-align: justify;
    border: none;
    
	text-align: center;
	border-radius: 5px;

}
.email_wm::placeholder{
color: #373737;
}
.email_wm:focus-visible{

filter: drop-shadow(0px 0px 1px #5865F2); 
outline: 1px solid rgb(88, 101, 242, 100%);
}
.upo{
    font-size: 13px;
    margin-top: 10px;	
}
.c6633CC{
color: #6633CC;
}
.c009999{
color: #35ebeb;
}
.c3399CC{
color: #36bcff;
}
.c663399{
color: #663399;
}
.c015781{
color: #015781;
}
.c00CC66{
color: #43A25A;
}
.c8B4513{
color: #c8B4513;
}
.cFF0000{
color: #ff4a36;
}
.c8B4513{
color: #8B4513;
}
.D04A00{
color: #ff4a36;
}
.a77bff{
color: #a77bff;
}

.mstp{
display: flex;
justify-content: center;

}
.mytable, td{
border: 1px solid #ffffff;
border-collapse: collapse;
padding: 5px
}
.gsc-control-cse{
padding: 0px!important;
}
.spoiler .ct{
line-height: 75%;
}
.eml{
margin: 0px 0px 20px 0;
}
.width-fit{
    border-radius: 6px;
}
.loader{
    border-radius: 50%;
	animation: 1.8s linear infinite rotate;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
.commentsload{
	width: 32px;
    height: 32px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #000000;
	margin-top: 15px;
}
.foncomments2_rem{
display: none!important;
}

.modal iframe {
transform: unset !important;
top: 0 !important;
bottom: 0;
left: 0 !important;
right: 0;
margin: auto;
}

/* share */
#share{
display: flex;
flex-wrap: wrap;
}
#share a {
width: 32px;
height: 32px;
display: flex;
margin: 0px 0px 0px 4px;
border-radius: 50%;
background-size: 30px 30px;
background-position: center;
transition: opacity 200ms ease-out;
}
#share a:hover{
opacity: .85;
}
#share a:active{
opacity: .7;
}
.vk{
background: url(/images/share/vk.svg) #4D75A3 no-repeat;
}
.mw{
background: url(/images/share/mw.svg) #168DE2 no-repeat;
}
.ok{
background: url(/images/share/ok.svg) #FF7700 no-repeat;
}
.ymes{
background: url(/images/share/ymes.svg) #03CECE no-repeat;	
}
.tw{
background: url(/images/share/tw.svg) #0D1A20 no-repeat;	
}
.vb{
background: url(/images/share/vb.svg) #7B519D no-repeat;	
}
.wa{
background: url(/images/share/wa.svg) #20B038 no-repeat;		
}
.sp{
background: url(/images/share/sp.svg) #00AFF0 no-repeat;		
}
.rd{
background: url(/images/share/rd.svg) #ff4500 no-repeat;		
}
.tg{
background: url(/images/share/tg.svg) #37AEE2 no-repeat;		
}
.fb{
background: url(/images/share/fb.svg) #3B5998 no-repeat;		
}
/* share end */

.gsc-control-cse {
background: #283546!important;
border: none !important;
}
.gsc-webResult.gsc-result{
border: none !important;	
}
.gs-webResult .gs-snippet, .gs-fileFormatType{
color: #ffffff!important;
background-color: rgb(0, 0, 0, 0) !important;
}
.gs-title a, .gs-title b  {
 color: #06bdb4!important;
}
.gs-title a:hover {
color: #21e7de!important;
}
.gs-title b:hover {
color: #21e7de!important;
}
.gs-promotion .gs-visibleUrl, .gs-webResult .gs-visibleUrl {
color: #43A25A;
}
.gsc-result-info{
color: #ffffff!important;
}
.gsc-webResult.gsc-result{
background-color: #283546!important;
}
.gs-promotion .gs-visibleUrl, .gs-webResult .gs-visibleUrl {
color: #5865f2!important;	
}
.no_pdct{
    color: #3480a6;
}
.giscus, .giscus-frame {
    display: flex;
    flex-direction: column;
	padding: 10px 3px 3px 3px;
	width: unset;
}
/* ---------- user.css ---------------- */