* {text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scrollbar-color: var(--skrol) var(--boxbg);
scrollbar-width: thin; }
.punbb * {}



/* Основные переменные
-------------------------------------------------------------*/

:root {
--koiiu:#e8e8e880;
--koiu: #e5d3d261;
--mainlink: #000000;
--osn: #e8e8e8;
--profiletext: #989798;
 --mbgc: #e4d2d1;/* primary background */
 --sbgc: #f8f8f8;  /* body pun */
--bpdc: #ffffff; /* secondary background */
--ctbg:  #c1c9dc;/* сиреневый  */
--mbrd: #aaaaaa; /* цвет текста */
--macc: #fedcb4; /* main accent */
--mtxc: #f7eadc; /* контур */
--sctx: #959595; /* secondary text */
--lttx: #e1e1e1; /* text */
    --mlkc: #d5a29f; /* main link */
--hlkc: #ffc47e; /* hover link */
--mainpadding: 10px 15px; /* основные отступы */
 --print: IBMPlexSans;}


#pun-index .intd .links a {
border: 1px solid var(--mtxc)!important;
    background: var(--ctbg);
text-transform: lowercase;
    color: var(--mbrd);
    letter-spacing: 0.5px;
    box-sizing: border-box;
    border-radius: 100px;
    display: inline-block;
    margin: 2px;
    padding: 1px 4px;
    font-size: 10px;
}


#pun-index .intd .links a:hover {letter-spacing: 1.5px;  color: var(--ctbg);   background:var(--hlkc)!important; border: 1px solid var(--mtxc);}


/* Выделение */
::selection {background: var(--mlkc);color: var(--ctbg);}
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
 #viewprofile li strong, #viewprofile li div, #setmods dd,.punbb .info-box, .punbb #pun-main .info-box .legend { background-color: transparent; color: var(--sctx);font-size: 10px;text-transform: lowercase!important;}
.punbb .formal fieldset .post-box {  background-color: transparent;    color: var(--sctx);}
.punbb .post-body {background-color: transparent;  color: var(--profiletext);font-size: 12px; font-family: Rubik Regular!important;}


/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container {background-color: transparent; color: var(--sctx);}

.offline li.pa-online strong {font-weight: normal;}

/* КНОПКИ И КОНТУР КНОПКИ 
 -------------------------------------------------------------*/ 



input {  outline: 1px solid var(--mtxc); background: var(--sbgc); border: 1px double var(--osn);color: var(--sctx);  border-radius: 5px; padding: 2px !important; font-size: 11px !important; }
input[type="text" i] {padding: 0px 0px; color: var(--sctx);}
.punbb textarea, .punbb .longinput input {width: 64%;margin: 0;}
.punbb textarea {overflow: auto;  outline: 1px solid  var(--mtxc);border: 1px double var(--osn); color: var(--sctx); background: var(--sbgc); border-radius: 15px;margin-left: -2px;  font-size: 12px !important;  padding: 5px;}

.pun-admain input, .button, input[type="button"]{
text-transform: lowercase;
    letter-spacing: 2px;
    box-sizing: border-box;
    border-radius: 6px!important;
    padding: 1px 3px 2px 5px !important;
    font-size: 12px!important;
        outline: 1px solid var(--mtxc);
    border: 1px double var(--osn);
    color: var(--sctx);
    text-decoration: none;
    transition: all 0.5s ease-in-out .1s;
  vertical-align: middle;
  

}
.button:hover, button.sticker:hover, #pa-edit strong a:hover {
     outline: 1px solid var(--mtxc);
    border: 1px double var(--osn);
    background: var(--sbgc);
    cursor: pointer;
    box-shadow: 0 0 0px 0 rgba(0,0,0,.6);
    color: #333;
border-radius: 50px!important;
letter-spacing: 3px; }



/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #f5f5f5;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #f5f5f5;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #f1f1f1;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: #f1f1f1;
  }

/* CS2.5 */
.punbb th {
  border-color: #f1f1f1;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #fff;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #fff;
  }

.punbb .divider {
  border-color: #fff #fff #fff #fff;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf;
  }


/* CS3 ССЫЛКИ 
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: var(--mlkc); transition: all .2s ease-in-out 0s;}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: var(--sctx);}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {color: var(--hlkc);}

/*  ЦВЕТА НАВИГАЦИЯ СВЕРХУ */
#pun-navlinks a {color: var(--bpdc); text-decoration: none;}
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {color: var(--bpdc); text-decoration: none; height: 33px;display: flex;width: 33px;background-color: var(--koiu);border-radius: 50px;align-content: center; align-items: center; justify-content: center;}
#pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: var(--bpdc);}




/* CS4 Post status icons
 -------------------------------------------------------------*/








/*ТАБЛИЦА ДИЗАЙНА
-------------------------------------------------------------*/

.acti img, .acti1 img,  .tablo1 img {padding: 0 1px; opacity: 1; }
.acti img:hover, .acti1 img:hover, .tablo1 img:hover{opacity: 0.7;}
.acti {    position: absolute;
    width: 200px;
    height: 55px;
    margin-top: 190px !important;
    margin-left: 790px !important;
    display: block;
}
.acti1 {    width: 200px;
    height: 55px;
    margin-top: 105px !important;
    margin-left: 238px !important;
    position: absolute;
    display: block;}
.tablo1 eep a, .glav a, .ams a, .tablo1 ep a { color: var(--ctbg)!important;}

.tablo1 {position: absolute;width: 400px;margin-top: 137px !important;margin-left: 645px !important; display: block;}

.tablo1 ep {position: absolute;
    margin-top: -145px !important;
    margin-left: 190px !important;
    display: block;
    width: 150px;
    height: 35px;
}
.tablo1 eep {position: absolute;
    margin-top: -96px !important;
    margin-left: 190px !important;
    display: block;
    width: 150px;
    height: 35px; 
}
.tablo1 post {position: absolute;
    font-size: 10px;
    width: 208px;
    height: 93px;
    margin-top: -100px !important;
    margin-left: -58px !important;
    overflow: auto;
    padding: 0px 7px;
    display: block;
    line-height: 10px!important;
    text-transform: lowercase;
    text-align: justify;
}

.mz { position: absolute; width: 160px; height: 23px;  margin-top: 35px !important; margin-left: 12px !important;}
.mzz {    position: absolute;
    width: 160px;
    height: 13px;
    font: 10px 'jost';
    margin-top: 15px !important;
    margin-left: 240px !important;
    padding: 3px 15px;
    color: var(--mlkc);
    line-height: 11px;
    font-weight: 800;
}
.ams{position: absolute;
    font-family: 'Jost';
    font-size: 9px;
    letter-spacing: 1px;
    width: 260px;
    height: 20px;
    margin-top: 36px !important;
    margin-left: 563px !important;
    padding: 0px 7px;
    display: block;
    text-align: justify;
    line-height: 12px!important;
}

.lin a:hover { background: #d4b4bc !important;}
.tablo3 { position: absolute;
    width: 965px;
    height: 35px;
    margin-top: 260px !important;
    margin-left: 45px !important;
    display: flex;
    overflow: auto;
}
.plashka {   border-radius: 4px;  display: block; position: relative;  margin: auto!important;  width: 140px;  height: 27px;  margin: 2px!important;  background-color: var(--bpdc); color: var(--ctbg); }
.plashka img {width: 17px; height: 17px; padding: 2px 1px 1px 3px;}
.glav {  text-align: center; margin-top: -23px!important;  margin-left: 14px!important;  text-transform: uppercase;  letter-spacing: 1px;  width: 120px; font-weight: 600; font-family: jost; font-size: 11px; }
.opi { text-align: center;  width: 120px; font-family: Jost;  font-size: 8px; letter-spacing: 1px; text-transform: lowercase;margin-top: -6px!important; margin-left: 14px!important;}




















/* ШАБЛОНЫ
 -------------------------------------------------------------*/

/*общий шаблон */
.stry {
width: 650px;outline-offset: 6px;outline: 1px solid  var(--osn);margin: auto!important;border-radius: 15px 15px;  margin-bottom: 11px!important;margin-top: 6px!important;background: var(--sbgc);padding-bottom: 10px;}
.hdrr {margin-bottom: 6px!important;  font-family: 'Yeseva One'; font-size: 32px;text-align: right; line-height: 32px!important; letter-spacing: 2px; color: var(--lttx); padding-right: 50px;}
.strytxt {font-size: 10px; line-height: 150%!important; margin-right: 30px!important;color: var(--profiletext); padding: 14px 20px;text-align: justify; margin-left: 20px!important;  margin-bottom: 10px!important; border-radius: 5px; background: var(--bpdc); width: 568px!important;margin-top: -9px!important; }
/* шаблон, под спойлер 
-------------------------------------------------------------*/
.sstryttxt {width: 585px!important;margin-left: -21px!important;}
.sstryttxt img{    width: 140px;height: 204px; filter: grayscale(1);  transition: all 0.5s;}
.sstryttxt img:hover{z-index: 2;  transform: scale(1.1); filter: brightness(105%);transition: all 0.5s;}

/*цитата в шаблон*/
.ttxxx, .ttxx{ border-radius: 5px; background: var(--sbgc); color: var(--mlkc); padding: 5px 20px 5px 20px; display: block;outline: 1px solid var(--koiiu);outline-offset: 2px;}
.ttxxx {text-align: center; display: block;letter-spacing: 20px; font-size: 8px;}


.nazvanie boy, .nazvanie girl{ color: #e1e1e1; text-transform: lowercase; width: 100px!important;height: 22px!important;
font-size: 18px!important;text-align: center; }
.nazvanie boy{margin-left: 50px!important;}
.nazvanie girl{ margin-top: -22px!important;margin-left: 360px!important;}
.ABCDEFG,.HIJKLMN, .OPQRST,  .UVWXYZ{   display: flex;  justify-content: space-evenly;   flex-wrap: wrap;} 
.HIJKLMN, .OPQRST,  .UVWXYZ{ margin-top: -18px!important;}

.girl, .boy{ color: var(--mlkc); padding: 8px;width: 210px!important; overflow: auto; height: 100px!important;display: flex; flex-wrap: nowrap;background: var(--sbgc);margin-top: 15px!important; border-radius: 10px;flex-direction: column;
align-items: center;outline: 1px solid var(--koiiu);} .girl{  margin-bottom: 15px!important;margin-left: 40px!important;} .boy  v, .girl v{display: block; clear: both;}

/* код снс  */
.grraphics img {filter: grayscale(100%); object-fit: cover; border: 2px solid #f9f9f9; width: 40px;height: 40px;border-radius: 50%; margin-top: 9px!important; margin-left: 55px!important; } .sns {margin: auto!important; position: relative; width: 355px;height: 477px; background: url(https://i.imgur.com/2YihHjm.png);} .sns life{float: left; margin-right: -5px!important; position: relative; margin-bottom: 6px;} .sns life img {       border: 3px double #ffffff;float: left;  filter: grayscale(90%);clear: both;border-radius: 100px; width: 95px;  height: 95px;  object-fit: cover;}
.sns nickname{ position: absolute; width: 185px;height: 13px; margin-top: -35px!important; margin-left: 110px!important; font: 10px 'Century Gothic'; color: #9c9c9c;  letter-spacing: 1px; text-transform: uppercase; font-weight: 600;}
.sns  status{ position: absolute; width: 185px;margin-left: 110px!important; font-family: Rubik Regular; font-size: 8px; color: #cfcfcf;
display: block; letter-spacing: 1px; text-transform: lowercase;margin-top: -25px;}
.sns  time {    clear: both; margin: 2px; float: right; margin-right: 0px!important;font: 9px 'Century Gothic';color: #a6a5a3; display: inline-block;} .sns so { position: absolute; width: 14px; margin-top: -40px!important;margin-left: 32px!important;font-family: Rubik Regular; font-size: 9px; color: #ff0000; display: block; letter-spacing: 1px; text-transform: lowercase; text-align: center; background: #f9f9f9; border-radius: 50px; height: 14px; border: 1px solid #f0ecee; z-index: 2;}
.sns reaction { clear: both;margin-top: -12px;float: right;margin-right: -4px!important;display: inline-block; z-index: 2;}
.sns reaction img{     background: #ffffff;width: 11px; height: 11px; border: 1px solid #f0ecee; padding: 1px;border-radius: 50px;}
.block {  display: flex; position: absolute; width: 305px; height: 372px;margin-top: 0px!important;margin-left: 10px!important; overflow: auto;padding-right: 10px; padding-left: 20px;flex-direction: column; align-items: flex-end; flex-wrap: nowrap; align-content: flex-end;} .block msg,.block mssg{ margin-bottom: 2px; margin-right: -8px!important; position: relative; padding: 8px; clear: both; text-align: justify; margin-top: 2px; font: 10px 'Rubik Regular'; color: #7b7b7b; float: left; border-radius: 15px 15px 0px 15px; border: 1px solid #dfeae5; background: #f9f9f9; }  .block msg i, .block mssg i {color: #817d7d00;text-shadow: 0 0 10px rgb(51 34 85); -webkit-transition: text-shadow 2.0 ease-out;-moz-transition: text-shadow 2.0 ease-out;-ms-transition: text-shadow 2.0 ease-out;-o-transition: text-shadow 2.0 ease-out;transition: text-shadow 2.0 ease-out;}.block msg i:hover, .block mssg i:hover{text-shadow: 0 0 0 rgba(0, 0, 0, 1);-webkit-transition: text-shadow 0.5s;-moz-transition: text-shadow 0.5s;-ms-transition: text-shadow 0.5s;-o-transition: text-shadow 0.5s;transition: text-shadow 0.5s;cursor: default;} .block mssg img{ border-radius: 20px;width: 230px; object-fit: cover;}.block msg quote, .block mssg quote{ border-left-style: solid; border-left-width: 2px;  padding: 2px; display: block;  text-align: left; color: #959595;    font: 8px 'Rubik Regular';}.block missed { margin-bottom: 2px;margin-right: 43px!important; border-radius: 30px; border: 1px solid #ece5e8; background: #f9f9f9;margin-top: 0px; font-family: Rubik Regular; font-size: 9px;display: block; clear: both; color: #ff0000;  width: 185px; height: 18px; padding: 2px 4px 9px 35px;  letter-spacing: 1px; white-space: nowrap;}.block missed:before {position: relative; margin-top: -2px !important;  margin-left: -35px !important;  content:url(//forumupload.ru/uploads/001a/f5/e3/2/360001.png);  display: block;  margin-bottom: -28px!important;}

/* пост инста новое */
.insta{margin: auto!important; position: relative;width: 360px; height: 477px; background: url(https://i.imgur.com/4wvuyog.png);} .av img {  filter: grayscale(100%);object-fit: cover;border: 2px solid #f9f9f9;  width: 35px; height: 35px;  border-radius: 50%; margin-top: 15px!important; margin-left: 20px!important;}.insta photo { position: absolute; background-size: cover; top: 67px;  left: 9px;}.insta photo img{position: absolute; height: 336px;width: 336px; object-fit: cover;}.insta photo img:hover {  -webkit-filter: background: rgb(105 85 128 / 57%);    filter: grayscale(100%);  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); } .image { display: block; width: 100%; height: auto;} .insta nic { margin-top: -30px !important;  margin-left: 65px !important;position: absolute; width: 180px;  height: 20px; text-align: left; overflow: hidden;  white-space: nowrap;  font: 10px 'Century Gothic'; color: #bababa; letter-spacing: 1px;text-transform: uppercase;font-weight: 600;}.insta hashtag{ margin-top: 360px !important;  margin-left: 100px !important; position: absolute; width: 230px;height: 45px; font-family: 'Rubik Regular'; font-size: 10px; color: var(--profiletext); overflow: auto; text-align: justify;padding: 0px 3px;}
.insta has {margin-top: 360px !important; margin-left: 20px !important;position: absolute; width: 80px; height: 45px; font-family: 'Rubik Regular';font-size: 9px; color: var(--linkss); overflow: hidden; white-space: nowrap; text-align: center;}
/*история  */
.stt{ margin-left: 230px!important; position: relative; width: 300px;height: 590px;}.stt story{position: absolute;  background-size: cover; top: 6px; left: 6px; }.stt story img {  border: 3px double #dfeae5;  position: absolute; height: 570px;width: 287px;border-radius: 36px 36px 20px 20px;  object-fit: cover;} .ava nick{margin-top: -24px !important; margin-left: 35px !important; position: absolute; font-family: 'Rubik Regular'; font-size: 10px; color: #ffffff; text-shadow: 0px 1px 1px rgb(0 0 0 / 78%);      overflow: hidden;z-index: 2; letter-spacing: 1px;} .ava nick:before { margin-top: 17px !important; margin-left: 10px !important; content: url(//forumstatic.ru/files/001a/f5/e3/74586.png);  display: block; margin-bottom: 1px;} .stt :hover img { filter: grayscale(100%);}
.ava { z-index: 2; position: absolute; border-radius: 100%; background-size: cover; top: 20px; left: 20px;}.ava img { z-index: 2; object-fit: cover; position: absolute; height: 25px; width: 25px;   filter: grayscale(100%); border-radius: 100%; border: 2px solid #f8f6f9;} .stt tex { margin-left: 20px !important;   text-align: center;  padding: 6px 6px 6px 6px;   border-radius: 10px;   z-index: 2;   font-family: 'Rubik Regular';  font-size: 10px;   color: #888888;  display: block;  position: relative;   top: 530px;   background: #ecebec;   width: 251px;}
/*баннеры */
.banners {position: absolute;
    margin-left: 85px !important;
    width: 383px;
    height: 42px;
    overflow-y: auto;
    margin-top: -50px !important;
} .banners img:hover { opacity: 1;}.banners img{ opacity: 0.4;   width: 88px;   height: 31px;   padding: 2px;}
/*баннеры в подфоруме */
.df{padding: 2px 2px 0px 2px; border-radius: 6px;  background: #f7f5f5;} .df img { border-radius: 4px;opacity: 0.3;  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%); }.df img:hover { opacity: 1;}

/* code is zhigul. slide tramp */
/*сертификаты  */
.amount {    border: 1px solid #d1d1d1; font-family: Rubik Regular; font-size: 11px; color: #90a69a; width: 17px;height: 17px;border-radius: 50px; background-color: #ffffff; display: flex;justify-content: center; align-items: center;margin-left: -2px !important;margin-top: -4px !important;}.cert { display: flex;  justify-content: space-evenly; align-items: center;  width: fit-content; margin-top: 5px !important;}.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12, .s13, .s14, .s15, .s16, .s17, .s18{width: 148px;  height: 84px;  filter: grayscale(1); transition: all 0.5s;  margin-right: 50px !important;}
.s1e, .s2e, .s3e, .s4e, .s5e, .s6e, .s7e, .s8e, .s9e, .s10e, .s11e, .s12e, .s13e, .s14e, .s15e, .s16e,  .s17e, .s18e{ width: 148px;  height: 84px;  filter: none; transition: all 0.5s;margin-right: 50px !important;}
.s1e:hover, .s2e:hover, .s3e:hover, .s4e:hover, .s5e:hover, .s6e:hover, .s7e:hover, .s8e:hover, .s9e:hover, .s10e:hover, .s11e:hover, .s12e:hover, .s13e:hover, .s14e:hover, .s15e:hover, .s16e:hover, .s17e:hover, .s18e:hover {  filter: brightness(105%); transition: all 0.5s;}.s1:hover, .s2:hover, .s3:hover, .s4:hover, .s5:hover, .s6:hover, .s7:hover, .s8:hover, .s9:hover, .s10:hover, .s11:hover, .s12:hover, .s13:hover, .s14:hover, .s15:hover, .s16:hover,.s17:hover, .s18:hover { filter: none;}.s1, .s1e{  background: url(https://i.imgur.com/n1hz6Y2.png);}.s2, .s2e{  background: url(https://i.imgur.com/SMdyc8Z.png);}.s3, .s3e{ background: url(https://i.imgur.com/0ZaOxsw.png);}.s4, .s4e{ background: url(https://i.imgur.com/eraUbKQ.png);}.s5, .s5e{ background: url(https://i.imgur.com/gE4CTLV.png);}.s6, .s6e{ background: url(https://i.imgur.com/l2fI1jc.png);}.s7, .s7e{ background: url(https://i.imgur.com/EkGZAkh.png);}.s8, .s8e{ background: url(https://i.imgur.com/p0s3ZCo.png);}.s9, .s9e{background: url(https://i.imgur.com/VkKttua.png);}.s10, .s10e{ background: url(https://i.imgur.com/K04QHva.png);}.s11, .s11e{ background: url(https://i.imgur.com/iLAncW4.png);}.s12, .s12e{  background: url(https://i.imgur.com/vPyfvjn.png);}.s13, .s13e{ background: url(https://i.imgur.com/3X3e1Bg.png);}.s14,.s14e{background: url(https://i.imgur.com/Em425KF.png);}.s15, .s15e{ background: url(https://i.imgur.com/aQ0H8Rl.png);}.s16, .s16e{background: url(https://i.imgur.com/Cc86O3P.png);}.s17, .s17e{ background: url(http://forumupload.ru/uploads/001b/c1/db/7/t585010.png);}.s18, .s18e{background: url(http://forumupload.ru/uploads/001b/c1/db/7/t393284.png);}

/* стики*/
.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12, .x13, .x14, .x15, .x16, .x17, .x18, .x19, .x20, .x21,.x22, .x23, .x24, .x25, .x26, .x27, .x28, .x29, .x30, .x31,.x32, .x33, .x34, .x35, .x36{opacity: 0.3;  width: 74px;  height: 74px;  filter: grayscale(1); transition: all 0.5s;  margin-right: 50px !important;}.x1e, .x2e, .x3e, .x4e, .x5e, .x6e, .x7e, .x8e, .x9e, .x10e, .x11e, .x12e, .x13e, .x14e, .x15e, .x16e, .x17e, .x18e, .x19e, .x20e,.x21e,.x22e, .x23e, .x24e, .x25e, .x26e, .x27e, .x28e, .x29e, .x30e,.x31e,.x32e, .x33e, .x34e, .x35e, .x36e{opacity: 1.1;  width: 74px;  height: 74px;  filter: none; transition: all 0.5s;margin-right: 50px !important;} .x1e:hover, .x2e:hover, .x3e:hover, .x4e:hover, .x5e:hover, .x6e:hover, .x7e:hover, .x8e:hover, .x9e:hover, .x10e:hover, .x11e:hover, .x12e:hover, .x13e:hover, .x14e:hover, .x15e:hover, .x16e:hover, .x17e:hover, .x18e:hover, .x19e:hover, .x20e:hover, .x21e:hover, .x22e:hover, .x23e:hover, .x24e:hover, .x25e:hover, .x26e:hover, .x27e:hover, .x28e:hover, .x29e:hover, .x30e:hover, .x31e:hover, .x32e:hover, .x33e:hover, .x34e:hover, .x35e:hover, .x36e:hover {  filter: brightness(105%); transition: all 0.5s;}
.x1, .x1e{  background: url(https://i.imgur.com/gMuSZxZ.png);}.x2, .x2e{ background: url(https://i.imgur.com/cArMR0S.png);}
.x3, .x3e{background: url(https://i.imgur.com/5YFpwGj.png);}.x4, .x4e{background: url(https://i.imgur.com/6h5Lmrf.png);}
.x5, .x5e{ background: url(https://i.imgur.com/4sl1c1r.png);}.x6, .x6e{ background: url(https://i.imgur.com/5wSvM6n.png);}
.x7, .x7e{ background: url(https://i.imgur.com/2VkcZ4I.png);}.x8, .x8e{ background: url(https://i.imgur.com/6dwqexE.png);}
.x9, .x9e{ background: url(https://i.imgur.com/8NwSAAm.png);}.x10, .x10e{ background: url(https://i.imgur.com/a3OpKAI.png);}
.x11, .x11e{background: url(https://i.imgur.com/78CRlxd.png);}.x12, .x12e{ background: url(https://i.imgur.com/BIA3Gu6.png);}
.x13, .x13e{ background: url(https://i.imgur.com/etC5tN0.png);}.x14, .x14e{ background: url(https://i.imgur.com/Vkyblcc.png);}
.x15, .x15e{ background: url(https://i.imgur.com/n08UKXE.png);}.x16, .x16e{ background: url(https://i.imgur.com/VwSkByF.png);}
.x17, .x17e{ background: url(https://i.imgur.com/ru52Bnj.png);}.x18, .x18e{ background: url(https://i.imgur.com/GRXLOFG.png);}
.x19, .x19e{ background: url(https://i.imgur.com/BuOtRqs.png);}.x20, .x20e{ background: url(https://i.imgur.com/Q8hPZqR.png);}
.x21, .x21e{ background: url(https://i.imgur.com/wr9wgrW.png);}.x22, .x22e{ background: url(https://i.imgur.com/TwH1DIA.png);}
.x23, .x23e{background: url(https://i.imgur.com/8UHAzFk.png);}.x24, .x24e{ background: url(https://i.imgur.com/KnDRe77.png);}
.x25, .x25e{background: url(https://i.imgur.com/cVADcE9.png);}.x26, .x26e{background: url(https://i.imgur.com/tGy28KV.png);}
.x27, .x27e{  background: url(https://i.imgur.com/xdKHhwF.png);}.x28, .x28e{  background: url(https://i.imgur.com/7TsLAAF.png);}
.x29, .x29e{ background: url(https://i.imgur.com/HmyFH91.png);}.x30, .x30e{  background: url(https://i.imgur.com/HiVoXgX.png);} .x31, .x31e{  background: url(https://i.imgur.com/DtbbiSD.png);}.x32, .x32e{background: url(https://i.imgur.com/g4MVqCJ.png);} .x33, .x33e{ background: url(https://i.imgur.com/zaiNusT.png);}.x34, .x34e{  background: url(https://i.imgur.com/juYSLeL.png);}
.x35, .x35e{ background: url(https://i.imgur.com/FnJ5K2v.png);}.x36, .x36e{ background: url(https://i.imgur.com/4eZjDdr.png);}

/* code is zhigul. slide tramp */
#cards {background: url(https://i.imgur.com/Y4cH7OJ.png); width: 995px!important;
height: 570px!important; border-radius: 7px!important; margin: 20px auto 0!important;} #cards .tabs { display: flex;  width: 100%!important; height: 100%!important;  box-sizing: border-box;  position: relative;  margin: -10px auto 0!important; flex-direction: row;justify-content: flex-end; }.tab, .key {display: inline-block;}.tab input[type="radio"] { display: none; }.key { font-family: Rubik Regular; font-size: 11px;color: #7c7c7c;text-align: center; box-sizing: border-box;width: 105px!important;height: 16px!important; background: #e3e3e3; border: 1px solid #f0f0f0; border-radius: 20px 20px 0px 0px; cursor: pointer; margin: -12px 30px 0px 0px!important;z-index: 2; line-height: 15px!important; }.tab-content { position: absolute; padding: 0; left: 0; width: 100%!important; display: none;height: calc(100% - 14px);}.tab :checked + .key { background: #fff; position: relative;} .tab :checked ~ .tab-content {display: block;} .lic {  border-radius: 7px;  margin: auto!important; display: flex; flex-direction: row; flex-wrap: wrap;  justify-content: center;    width: 100%!important;  height: 100%!important;} .lic  icon  { background: #7c7c7c; box-sizing: border-box;position: absolute; width: 20px!important;height: 20px!important;  border-radius: 295px!important; margin-left: -660px!important;margin-top: 28px!important; z-index: 2;} .lic  icon  img{position: absolute;width: 15px!important; height: 15px!important; margin-left: 2.5px!important;margin-top: 2px!important;}.lic  icon2 {box-sizing: border-box;  position: absolute;width: 20px!important; height: 20px!important; background: #7c7c7c;  border-radius: 295px!important; margin-left: -582px!important; margin-top: 28px!important; z-index: 2;} .lic  icon2 img{ position: absolute; width: 15px!important;  height: 15px!important; margin-left: 2.5px!important;margin-top: 3.5px!important;  }.lic  icon3 {box-sizing: border-box;  position: absolute; width: 21px!important; height: 20px!important;  background: #7c7c7c; border-radius: 295px!important; margin-left: -507px!important; margin-top: 28px!important;  z-index: 2;} .lic  icon3 img{position: absolute; width: 16px!important; height: 16px!important; margin-left: 2.5px!important; margin-top: 2px!important;} .lic  icon4 {box-sizing: border-box; position: absolute; width: 20px!important;height: 20px!important; background: #7c7c7c; border-radius: 295px; margin-left: -434px!important; margin-top: 28px!important; z-index: 2;} .lic  icon4 img{position: absolute; width: 16px!important; height: 16px!important; margin-left: 2.5px!important; margin-top: 2px!important;} .lichn1 {   background: #e8e8e8; border-radius: 20px; position: absolute; width: 300px!important;  height: 355px!important; margin-top: 10px!important;  margin-bottom: 17px!important; margin-left: -620px!important;} .lichn1  active{ box-sizing: border-box; position: absolute;  width: 280px!important; background: #f8f8f8; border-radius: 20px; margin-top: 104px!important; margin-left: 10px!important; padding: 6px!important;  font: 9px 'Rubik Regular'; color: #7c7c7c; text-transform: lowercase; text-align: center;} .lichn1  namelast{position: absolute; width: 280px!important;  height: 80px!important; background: #f4f4f4; border-radius: 20px; margin-left: 10px; margin-top: 15px!important;}.lichn1  name{text-overflow: clip; position: absolute; font-weight: 600; font-family: Rubik Regular; font-size: 11px; line-height: 21px!important;  color: #7c7c7c; width: 180px!important; margin-left: 85px!important; margin-top: 26px!important; letter-spacing: 0.5px!important;text-transform: uppercase; text-align: center;}.lichn1  av{border: 7px solid #ffffff; position: absolute;
width: 70px!important;height: 70px!important; border-radius: 100px!important;margin-left: 8px!important; margin-top: 13px!important;} .lichn1  av img{width: 70px!important; height: 70px!important; border-radius: 100px!important;filter: grayscale(100%);object-fit: cover;} .lichn1  force{box-sizing: border-box; position: absolute; width: 28px; height: 28px!important; background: #ffffff; border: 1px solid #ececec; border-radius: 300px!important;margin-top: 70px!important;margin-left: 65px!important;}.lichn1 force img { position: absolute;  width: 21px!important;  height: 21px!important; margin-top: 3px!important; margin-left: 2px!important; } .lichn1  song{background: #ffffff;  border-radius: 20px;position: absolute; width: 140px!important;
height: 22px!important;margin-left: 100px!important; margin-top: 64px!important; font-family: 'Rubik Regular'; font-size: 9px!important;line-height: 8px!important; text-align: justify; color: #7c7c7c; padding-left: 30px; padding-right: 10px;text-transform: lowercase;}.lichn1  song:before {position: relative; margin-top: 0px !important; margin-left: -30px !important; content: url(http://forumupload.ru/uploads/001b/94/a1/2/740843.png); display: block; margin-bottom: -19px !important;} .lichn1 iic {  background: #f8f8f8;border-radius: 20px;  position: absolute; width: 199px!important; height: 50px; overflow-y: auto; margin-top: 12px;}.lichn1  ic{ background: #f8f8f8; border-radius: 20px; position: absolute; width: 200px!important; height: 75px; margin-left: 314px!important; margin-top: 280px;} .lichn1 ic img{ border-radius: 6px; background: #f0f0f0;padding: 3px!important; margin-left: 8px!important; width: 15px!important; height: 15px!important;  margin-top: 3px; filter: brightness(105%);  transition: all 0.5s; } .lichn1 ic img:hover{ filter: grayscale(1); transition: all 0.5s; }.lichn1  iic2{background: #f8f8f8; border-radius: 20px; margin-left: 314px!important; position: absolute;  width: 200px!important;  height: 270px!important;} .lichn1  ic2{ margin-top: 13px!important; position: absolute; width: 199px!important; height: 245px!important;  overflow-y: auto;} .lichn1 ic2 img{  margin-left: 8px!important; width: 180px!important;  height: 8px!important; filter: brightness(105%); transition: all 0.5s; } .lichn1 ic2 img:hover{     filter: grayscale(1);    transition: all 0.5s; } .lichn1 jaw{ padding: 10px!important; background: #f4f4f4; border-radius: 20px; position: absolute; width: 260px!important; height: 165px!important;margin-top: 148px!important; margin-left: 10px!important;} .lichn1  present{  padding: 5px!important;  position: absolute; width: 260px!important; height: 160px!important;margin-top: -2px!important; overflow: auto;margin-left: -5px!important;} .lichn1 present img{box-shadow: 1px 1px 3px 1px #edeced; padding: 12px!important; width: 50px!important; height: 50px!important; background: #f8f8f8; border-radius: 25px;margin-left: 6px; margin-bottom: 5px; filter: brightness(105%); transition: all 0.5s; }.lichn1  present img:hover{   filter: grayscale(1);   transition: all 0.5s; }.lichn2 {background: #f8f8f8;border-radius: 20px; position: absolute; width: 400px!important; height: 355px!important;  margin-left: 530px!important; margin-top: 10px!important; margin-bottom: 20px!important;} .lichn2  hn {border-radius: 20px; position: absolute; width: 387px!important; height: 325px!important; margin-left: 10px!important; margin-top: 14px!important; margin-bottom: 20px!important; overflow-y: auto;} .lichn2  hn img{padding:4px!important; width: 180px!important; height: 22px!important;filter: brightness(105%); transition: all 0.5s;} .lichn2  hn img:hover { filter: grayscale(1);transition: all 0.5s;}.certificates {  background: #f8f8f8; border-radius: 20px; position: absolute; width: 930px!important; overflow-x: hidden; overflow-y: auto; height: 130px!important;  margin-left: 0px!important;  margin-top: 380px!important;  margin-bottom: 20px!important; padding-top: 10px;}.certificates img{width: 150px!important; height: 85px!important; padding: 7px!important; } .certificatesscol {white-space: nowrap; overflow-y: auto; padding: 11px 10px!important; box-sizing: border-box;} .lii { border-radius: 7px;margin: auto!important; display: flex;  flex-direction: row;flex-wrap: nowrap; justify-content: space-between; width: 100%!important; height: 100%!important;  box-sizing: border-box; padding: 10px 20px 15px!important;} .lii .secondcol {overflow-y: auto;  overflow-x: hidden; padding: 0 10px!important;  box-sizing: border-box;} .lii .secondblock { display: -webkit-flex; flex-direction: column; flex-wrap: nowrap; width: 935px!important;  height: 240px!important; white-space: nowrap;overflow: hidden;  margin-bottom: 5px!important; background: #e3e3e3;border-radius: 20px; margin-top: 5px;} .lii .second { overflow-x: auto;  overflow-y: hidden;} .lii .seecond {display: -webkit-flex;  flex-direction: column;  flex-wrap: nowrap; width: 340px!important;   height: 250px!important; white-space: nowrap; margin-bottom: 5px!important; background: #e3e3e3;  border-radius: 20px; margin-top: 20px;margin-left: 20px;} .lii .episodes { display: -webkit-flex; flex-direction: column;flex-wrap: nowrap; width: 315px!important; height: 240px!important; white-space: nowrap; margin-top: 4px;overflow-y: auto;padding-right: 15px;}.seecond img{    box-shadow: 1px 1px 3px 1px #efefef96;padding: 1px!important;background: #e3e3e3;border-radius: 5px;margin-left: 20px;
margin-top: 5px; margin-bottom: 4px; filter: brightness(105%); transition: all 0.5s;}.lii .secoond{display: -webkit-flex; flex-direction: column; flex-wrap: nowrap; width: 505px!important;  height: 270px!important; white-space: nowrap; overflow: hidden; margin-bottom: 5px!important; background: #e3e3e3; border-radius: 20px; margin-left: 410px; margin-top: -265px;}.lii .stickers {display: flex; width: 455px!important;height: 260px!important; margin-left: 28px; overflow-y: auto; margin-top: 5px; flex-wrap: wrap; flex-direction: column;justify-content: space-around;}
.lii .pley{display: flex; width: 873px!important; height: 240px!important; margin-left: 50px!important; overflow-y: auto;
 margin-top: 4px!important;flex-direction: row; justify-content: flex-start; flex-wrap: wrap;align-items: flex-start; align-content: space-between;}
/*плеер*/

.image.first {width: 157px!important;height: 230px!important;display:block;z-index:100;transition-duration:0.96s;
-webkit-transition-duration:0.96s;-moz-transition-duration:0.96s;-o-transition-duration:0.96s;-ms-transition-duration:0.96s;}
.image.second {margin-top: -230px!important;width: 157px!important;height: 230px!important;opacity:1.00;transition-duration:0.96s;-webkit-transition-duration:0.96s;-moz-transition-duration:0.96s;-o-transition-duration:0.96s;-ms-transition-duration:0.96s;}.image.first:hover {opacity:1.00;}.image.second:hover {opacity:0.00;}
div.ImgField {display:inline-block;background-position:center;background-repeat:no-repeat;margin:0;padding: 3px!important;}
/* eric's code is zhigul. slide tramp  */


/* магазин  */
.magazin{margin-left: -35px!important; width: 550px; height: 440px;}
.pla,.pla1,.pla2{position: absolute;width: 210px!important;height: 20px!important; color: var(--ctbg)!important;font-size: 14px; text-align: center; line-height: 19px!important;letter-spacing: 1px!important; margin-top: 225px!important;background: var(--lttx); border-radius: 5px;}.pla{margin-left: 15px!important;}.pla1{margin-left: 210px!important;}.pla2{ margin-left: 412px!important;}.grer { color: var(--ctbg); background:var(--lttx); border-radius: 5px;position: absolute; width: 240px!important; margin-left: 35px!important; font-size: 14px; text-align: center;line-height: 19px!important; letter-spacing: 1px!important;}.nde {    padding: 5px!important; position: absolute;overflow-x: hidden; height: 165px!important;margin-left: 30px!important;margin-top: 30px!important; width: 240px!important;}
.nde1,.nde2,.nde3{position: absolute; overflow-x: hidden;height: 195px!important;margin-top: 250px!important; width: 188px!important;}.nde1 {margin-left: 21px!important;}.nde2 {margin-left: 223px!important;}.nde3 {margin-left: 430px!important;}.plash{position:absolute;}
ul.shop {width: 280px!important;height: 20px!important; margin-left: 325px!important;position: absolute; display: flex;
align-items: center; justify-content: space-between; font-size: 10px!important;}
.shop li { height: 20px!important; width: 160px!important; margin-left: -14px!important;display: flex; background:var(--lttx);  border-radius: 12px!important; flex-wrap: nowrap; align-items: center; justify-content: center;border-radius: 5px!important;}.ma ul li.active {color: var(--ctbg)!important;  background: #fedcb4;}
ul.shop a { font-size: 14px!important; letter-spacing: 1px;color: var(--ctbg)!important; }.kik img, .ki img{padding: 2px!important; width: 45px!important;  height: 45px!important; background: var(--koiiu); border-radius: 5px;}.ki img{  width: 45px!important;  height: 45px!important;}.kik img{ width: 16px!important;  height: 16px!important; }.ki, .kik {padding: 5px!important;position: absolute;overflow-x: hidden; height: 165px!important; margin-left: 313px!important; margin-top: 30px!important; width: 280px!important;text-align: center;}

.greerr {
  color: #ffffff;
    background: #e1e1e1;
    border-radius: 30px 30px 0px 0px;
    position: absolute;
    width: 270px!important;
    margin-left: 185px!important;
    font-size: 14px;
    text-align: center;
    line-height: 19px!important;
    letter-spacing: 1px!important;
    margin-top: 461px!important;

}.greerr a{
  color: #ffffff!important;

}


/*банк блоки */
.odn {  width: 260px!important; height: 170px!important; padding-right: 10px!important; overflow-x: hidden; overflow-y: scroll; margin-left: 10px!important;}
.hea {display: flex; flex-wrap: wrap; flex-direction: row;justify-content: space-between; }
.head1, .head2{width: 260px!important; color: var(--ctbg); font-size: 14px!important; letter-spacing: 1px; height: 17px!important; margin-left: 10px!important;text-align: center; background: var(--lttx); border-radius: 5px;}
.head1{ margin-top: 15px!important;}
.head2 { margin-left: 291px!important;margin-bottom: 15px!important; margin-top: -17px!important;}
/*банк цвета*/
.vp, .vpp {padding-left: 10px!important;padding-right: 10px!important;background: #fedcb442; border-radius: 2px;text-align: left; line-height: 20px;color:  var(--sctx); margin-bottom: 5px!important;position: relative;}
.vpp{background: var(--sbgc);}
.pt { width: 178px!important;}
.vv {width: auto!important;font-family: 'Rubik Regular'; font-size: 10px!important; text-transform: uppercase; letter-spacing: 1px!important; color: #7d7c7c; text-align: right; margin: 0px 0px 0px 190px !important; position: absolute; top: 50%; transform: translate(0, -50%);}











/*принятие*/

.acceptance{
    margin: auto!important;
    width: 470px!important;
    height: 318px!important;
    background: url(http://forumstatic.ru/files/001b/be/45/76228.png)!important;
}
.hey{
      font-weight: 900!important;
    font-family: 'Arthead'!important;
    color: #5a5a5a!important;
    font-size: 17px!important;
    letter-spacing: 1px!important;
    padding-top: 28px !important;
    margin-left: 150px !important;

}

.acceptance av {position: absolute;
    width: 115px!important;
    height: 103px!important;
    margin-top: 21px !important;
    margin-left: 28px !important;
    display: block;

}
.acceptance av img {
border: 5px solid #ffffff;
    object-fit: cover;
    width: 76px;
    height: 76px;
    border-radius: 30%;
    filter: grayscale(100%);

}
.acceptance prtex {
    position: absolute;
    width: 320px;
    height: 40px;
    font: 8px 'Rubik Regular';
    margin-top: -2px !important;
    margin-left: 125px !important;
    overflow: auto;
    padding: 2px;
    display: block;
    color: #8f8f8f;
}

.innfa { margin-top: 43px!important;
    display: inline-block;
    margin-left: 124px!important;
    width: 340px;
}
.innfa a{border-radius: 6px;
    letter-spacing: 1px;
    display: inline-block;
    background: #ffffff !important;
    color: #5a5a5a !important;
  font-family: jost;
    font-size: 9px;
    line-height: 10px!important;
    width: 60px;
    text-align: center;

   }
.innfa a:hover {background: #5a5a5a !important;
    color: #ffffff !important;}

.acceptance player {
    position: absolute;
    margin-top: 73px !important;
    margin-left: -400px !important;
    padding: 2px;
    width: 120px;
    height: 140px;
}
.acceptance player  img{
    position: absolute;
    width: 101px;
    height: 144px;

}
.acceptance plash {
position: absolute;
    width: 180px;
    height: 26px;
    margin-top: 190px !important;
    margin-left: -272px !important;
    padding: 2px;

}

.acceptance welcome img:hover, .acceptance icoons img:hover, .acceptance player img:hover, .acceptance plash img:hover, .acceptance certif img:hover {position: absolute;filter: brightness(105%);
    transition: all 0.5s;}
.acceptance welcome img,.acceptance player img, .acceptance plash img, .acceptance certif img {  -webkit-filter: background: rgb(105 85 128 / 57%);    filter: grayscale(100%); }   

.acceptance icoons img  {  -webkit-filter: background: rgb(105 85 128 / 57%);    filter: grayscale(100%);    width: 35px;
    height: 35px;}   

.acceptance certif {
    position: absolute;
    width: 150px;
    height: 84px;
    margin-top: 80px !important;
    margin-left: -275px !important;
    padding: 2px;
}
.acceptance welcome {
    position: absolute;
    width: 76px;
    height: 76px;
    margin-top: 95px !important;
    margin-left: -102px !important;
    padding: 2px;
}
.acceptance icoons {
    position: absolute;
    width: 46px;
    height: 46px;
    margin-top: 177px !important;
    margin-left: -62px !important;
    padding: 2px;

}
.acceptance mani { font: 10px 'Rubik Regular';
    color: #8f8f8f;
    position: absolute;
    width: 50px;
    height: 20px;
    margin-top: 75px !important;
    margin-left: -90px !important;
    padding: 2px;
text-align: center;
}

/*новости*/

.new { margin: auto!important;

    width: 550px;
    height: 380px;
    background: url(http://forumstatic.ru/files/001b/be/45/66573.png);
}
  .neew { position: absolute;
    width: 230px;
    height: 208px;
    font: 10px 'jost';
    margin-top: 80px !important;
    margin-left: 285px !important;
    overflow: auto;
    padding: 0px 10px 3px;
    display: block;
    color: #7d7c7c;
    text-align: justify;
    text-transform: lowercase;

}

.zag{  position: absolute;
    margin-left: 140px !important;
    margin-top: 45px !important;
    object-fit: cover;
    width: 405px;
    height: 150px;

}
.zag name{ font-weight: 800;
    font-family: 'Arthead';
    text-transform: uppercase;
   
    color: #252525;
    font-size: 35px!important;

}

.zag greetings{
    position: absolute;
    width: 163px;
    height: 45px;
    font: 9px 'jost';
    margin-top: 25px !important;
    margin-left: -32px !important;
    overflow: auto;
    padding: 2px;
    display: block;
    color: #f2f2f2;
    /* text-align: justify; */
    letter-spacing: 1px;
    text-transform: lowercase;
    line-height: 11px;

}
   .zag myz { position: absolute;
    width: 135px;
    height: 19px;
    font: 9px 'Rubik Regular';
    margin-top: 73px !important;
    margin-left: -9px !important;
    overflow: auto;
    padding: 0px 5px 0px 0px;
    display: block;
    color: #7c7c7c;
    text-transform: lowercase;
line-height: 12px!important;
}
   .zag av { position: absolute;
    width: 115px;
    height: 303px;
    margin-top: 40px!important;
    margin-left: -115px !important;
    display: block;
 
}
.zag av img {
     border: 5px solid #ececec;
    object-fit: cover;
    width: 70px;
    height: 70px;
    border-radius: 30%;
    filter: grayscale(100%);
}

.activ {
    position: absolute;
    width: 250px;
    height: 270px;
    margin-top: 116px !important;
    margin-left: 24px !important;
    display: block;

}
.activ  post{
position: absolute;
    font: 9px 'Rubik Regular';
    width: 238px;
    height: 70px;
    margin-top: 160px !important;
    margin-left: 10px !important;
    overflow: auto;
    padding: 0px 3px;
    display: block;
    color: #8f8f8f;
    text-align: justify;
    text-transform: lowercase;

}

.activ  namepost{
   position: absolute;
    margin-top: 230px !important;
    margin-left: 172px !important;
    display: block;
    width: 80px;
    text-align: center;
    color: white;
font-family: 'Noto Serif Display';
}
.activ namepost a{
color: #ffffff!important;
}
.activ activ2 { position: absolute;
    width: 270px;
    height: 50px;
    margin-top: 106px !important;
    margin-left: -4px !important;
    padding: 0px 3px;

}.activ activ {
position: absolute;
    width: 70px;
    height: 50px;
    margin-top: 50px !important;
    margin-left: 205px !important;
    padding: 0px 3px;
    display: block;

}
.activ img {padding-left: 5px;
} 

.activ img:hover {
filter: brightness(105%);
    transition: all 0.5s;}.activ  img {  -webkit-filter: background: rgb(105 85 128 / 57%);    filter: grayscale(100%); }   

.activ linnk {width: 240px;
    overflow: auto;
    height: 65px;
    margin-top: 185px !important;
    margin-left: 271px !important;
    display: inline-flex;
    position: absolute;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
    align-items: center;

}
.activ linnk op{
width: 200px;
    background: #a3a3a3;
    border-radius: 3px;
    margin: 2px 2px 2px 2px;
    box-sizing: border-box;
    align-items: center;
    align-content: flex-start;
    text-align: center;
   padding: 1px;
    color: white;

}

.activ linnk a{
color: #ffffff!important;
}


.activ para, .activ epiz {
  position: absolute;
    width: 200px;
    height: 18px;
    margin-top: 54px !important;
    margin-left: 7px !important;
    display: block;
    font-family: 'Arthead';
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 900;
    text-align: center;

}

.activ para {margin-top: 83px !important;}





/* дейлик */
.delik{  width: 673px;height: 410px;}
.day, .nagrad,.bonus {border-radius: 5px; color: var(--bpdc);font-family: 'jost'; font-size: 14px; text-align: center; line-height: 19px!important; letter-spacing: 1px!important; background: var(--lttx);}
.day {position: absolute; width: 55px!important; height: 20px!important; margin-left: 0px!important;}
.nagrad {position: absolute; width: 150px!important;height: 20px!important; margin-left: 45px!important;}
.bonus { position: absolute; width: 400px!important;height: 20px!important;margin-left: 170px!important;}
.opiis {  position: absolute;width: 568px;height: 380px;margin-top: 20px !important; margin-left: -4px !important; overflow: auto; padding: 3px;}
.oppis {  display: flex;  text-align: justify;align-content: flex-start;flex-direction: row;}
.del,.del1 {padding-left: 10px!important;  padding-right: 10px!important; border-radius: 5px!important; text-align: center; font-family: 'Rubik Regular'; font-size: 15px; line-height: 28px!important; color: var(--sctx);position: relative; width: 30px!important; height: 27px;}
.vp, .del, .nag, .bon{ background: var(--sbgc)!important;}
.vpp, .del1, .nag1,.bon1{ background: var(--koiu)!important;}
.nag, .nag1{height: 27px;padding-left: 10px!important;padding-right: 10px!important; border-radius: 5px; text-align: center; font-family: 'Rubik Regular'; font-size: 10px; line-height: 27px!important;color: var(--sctx);margin-bottom: 5px!important;position: relative;width: 130px!important;margin-left: 2px!important;}
.bon, .bon1{height: 27px; padding-left: 10px!important; padding-right: 10px!important; border-radius: 5px!important; text-align: center;font-family: 'Rubik Regular'; font-size: 10px; line-height: 12px!important; color: var(--sctx); margin-bottom: 5px!important; position: relative;width: 400px!important; margin-left: 2px!important;}









/* это интересно */
.cool2 {   margin-top: 1px!important; width: 16px!important; height: 16px!important;background: #f8f8f8!important;
color: #fff!important; font-size: 11px!important;font-family: Jost!important; text-align: center!important;margin-right: 1px!important;border: 1px solid #f2f2f2!important;}
.cool1, .cool3 {   font-size: 11px!important;   margin-top: 1px!important;font-family: Jost!important;  background: #404040!important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -khtml-box-shadow: none !important;  text-shadow: none !important;  border: none !important; text-transform: lowercase; }  .cool3 {   padding: 0px 5px 2px !important;} .cool1:hover, .cool2:hover,.cool3:hover { opacity: .4 !important;} div#pun-live-rusff { height: 1px!important;}

/*чтобы маска не разъебывала профиль*/
.pa-avatar img {max-width: 180px;max-height: 180px;} 
option.{color: #470e20; border: 1px solid #c3909d!important;     background: var(--knop);    text-transform: lowercase;  font: normal 10px/10px arial, sans-serif; }
#mask_dialog .inner{cursor: default;margin: 0; width: 766px;  max-width: 99%;  height: 432px; overflow-x: auto; z-index: 100;  box-shadow: 0 0 40px #222; background: url(http://forumupload.ru/uploads/001b/be/45/2/533838.png); padding: 8px;}




/*принятие*/

.acceptance{
    margin: auto!important;
    width: 470px!important;
    height: 318px!important;
    background: url(http://forumstatic.ru/files/001b/be/45/76228.png)!important;
}
.hey{
      font-weight: 900!important;
    font-family: 'Arthead'!important;
    color: #5a5a5a!important;
    font-size: 17px!important;
    letter-spacing: 1px!important;
    padding-top: 28px !important;
    margin-left: 150px !important;

}

.acceptance av {position: absolute;
    width: 115px!important;
    height: 103px!important;
    margin-top: 21px !important;
    margin-left: 28px !important;
    display: block;

}
.acceptance av img {
border: 5px solid #ffffff;
    object-fit: cover;
    width: 76px;
    height: 76px;
    border-radius: 30%;
    filter: grayscale(100%);

}
.acceptance prtex {
    position: absolute;
    width: 320px;
    height: 40px;
    font: 8px 'Rubik Regular';
    margin-top: -2px !important;
    margin-left: 125px !important;
    overflow: auto;
    padding: 2px;
    display: block;
    color: #8f8f8f;
}

.innfa { margin-top: 43px!important;
    display: inline-block;
    margin-left: 124px!important;
    width: 340px;
}
.innfa a{border-radius: 6px;
    letter-spacing: 1px;
    display: inline-block;
    background: #ffffff !important;
    color: #5a5a5a !important;
  font-family: jost;
    font-size: 9px;
    line-height: 10px!important;
    width: 60px;
    text-align: center;

   }
.innfa a:hover {background: #5a5a5a !important;
    color: #ffffff !important;}

.acceptance player {
    position: absolute;
    margin-top: 73px !important;
    margin-left: -400px !important;
    padding: 2px;
    width: 120px;
    height: 140px;
}
.acceptance player  img{
    position: absolute;
    width: 101px;
    height: 144px;

}
.acceptance plash {
position: absolute;
    width: 180px;
    height: 26px;
    margin-top: 190px !important;
    margin-left: -272px !important;
    padding: 2px;

}

.acceptance welcome img:hover, .acceptance icoons img:hover, .acceptance player img:hover, .acceptance plash img:hover, .acceptance certif img:hover {position: absolute;filter: brightness(105%);
    transition: all 0.5s;}
.acceptance welcome img,.acceptance player img, .acceptance plash img, .acceptance certif img {  -webkit-filter: background: rgb(105 85 128 / 57%);    filter: grayscale(100%); }   

.acceptance icoons img  {  -webkit-filter: background: rgb(105 85 128 / 57%);    filter: grayscale(100%);    width: 35px;
    height: 35px;}   

.acceptance certif {
    position: absolute;
    width: 150px;
    height: 84px;
    margin-top: 80px !important;
    margin-left: -275px !important;
    padding: 2px;
}
.acceptance welcome {
    position: absolute;
    width: 76px;
    height: 76px;
    margin-top: 95px !important;
    margin-left: -102px !important;
    padding: 2px;
}
.acceptance icoons {
    position: absolute;
    width: 46px;
    height: 46px;
    margin-top: 177px !important;
    margin-left: -62px !important;
    padding: 2px;

}
.acceptance mani { font: 10px 'Rubik Regular';
    color: #8f8f8f;
    position: absolute;
    width: 50px;
    height: 20px;
    margin-top: 75px !important;
    margin-left: -90px !important;
    padding: 2px;
text-align: center;
}


/*гостевая */


.gost{
margin: auto!important;
    width: 658px;
    height: 390px;
    background: url(https://i.imgur.com/G5R9pMH.png);
}

.gost gostex {
position: absolute;
    width: 380px;
    height: 55px;
    font: 9px 'jost';
    margin-top: 68px !important;
    margin-left: 150px !important;
    overflow: auto;
    padding: 2px;
    display: block;
    color: #727272;
    text-align: center;



}
.seoul {
    font-weight: 800;
    font-family: 'Yeseva One';
    text-transform: uppercase;
    padding: 0px 0px 0px 0px;
    color: #404040;
    font-size: 10px!important;
    letter-spacing: 1px;
    padding-top: 52px !important;
    margin-left: 220px!important;


}

.girls number, .booy number {text-align: center;    align-items: center;
text-align: center;
    align-items: center;
    letter-spacing: 2px;
    background: #e8e8e8;
    font-weight: 600;
    border-radius: 6px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 8px;
    width: 70px!important;

}



.booy {color: #1b1b1b;
    font-family: 'jost';
    font-size: 10px;
    padding: 5px;
    width: 192px!important;
    overflow: auto;
    height: 123px!important;
    margin-top: 105px!important;
    display: flex;
    margin-left: 80px!important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;


}

.girls {
  color: #1b1b1b;
    font-family: 'jost';
    font-size: 10px;
    padding: 5px;
    width: 192px!important;
    overflow: auto;
    height: 123px!important;
    margin-top: -134px!important;
    display: flex;
    margin-left: 373px!important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;

}



/*новости*/

.new { margin: auto!important;

    width: 550px;
    height: 380px;
    background: url(http://forumupload.ru/uploads/001b/be/45/2/877760.png);
}
  .neew { position: absolute;
    width: 230px;
    height: 208px;
    font: 10px 'jost';
    margin-top: 80px !important;
    margin-left: 285px !important;
    overflow: auto;
    padding: 0px 10px 3px;
    display: block;
    color: #7d7c7c;
    text-align: justify;
    text-transform: lowercase;

}

.zag{  position: absolute;
    margin-left: 140px !important;
    margin-top: 45px !important;
    object-fit: cover;
    width: 405px;
    height: 150px;

}
.zag name{ font-weight: 800;
    font-family: 'Arthead';
    text-transform: uppercase;
   
    color: #252525;
    font-size: 35px!important;

}

.zag greetings{
  
position: absolute;
    width: 163px;
    font: 10px 'jost';
    margin-top: 20px !important;
    margin-left: -32px !important;
    overflow: auto;
    padding: 2px;
    display: block;
    color: #ffffff;

    text-transform: lowercase;
    line-height: 11px;

}
   .zag myz { position: absolute;
    width: 135px;
    height: 19px;
    font: 9px 'Rubik Regular';
    margin-top: 69px !important;
    margin-left: -9px !important;
    overflow: auto;
    padding: 0px 5px 0px 0px;
    display: block;
    color: #7c7c7c;
    text-transform: lowercase;
line-height: 12px!important;
}
   .zag av { position: absolute;
    width: 115px;
    height: 303px;
    margin-top: 40px!important;
    margin-left: -115px !important;
    display: block;

}
.zag av img {
     border: 5px solid #ececec;
    object-fit: cover;
    width: 70px;
    height: 70px;
    border-radius: 30%;
    filter: grayscale(100%);
}

.activ {
    position: absolute;
    width: 250px;
    height: 270px;
    margin-top: 116px !important;
    margin-left: 24px !important;
    display: block;

}
.activ  post{
position: absolute;
    font: 9px 'Rubik Regular';
    width: 238px;
    height: 70px;
    margin-top: 160px !important;
    margin-left: 10px !important;
    overflow: auto;
    padding: 0px 3px;
    display: block;
    color: #8f8f8f;
    text-align: justify;
    text-transform: lowercase;

}

.activ  namepost{
   position: absolute;
    margin-top: 230px !important;
    margin-left: 172px !important;
    display: block;
    width: 80px;
    text-align: center;
    color: white;
font-family: 'Noto Serif Display';
}
.activ namepost a{
color: #ffffff!important;
}
.activ activ2 { position: absolute;
    width: 270px;
    height: 50px;
    margin-top: 106px !important;
    margin-left: -4px !important;
    padding: 0px 3px;

}.activ activ {
position: absolute;
    width: 70px;
    height: 50px;
    margin-top: 50px !important;
    margin-left: 205px !important;
    padding: 0px 3px;
    display: block;

}
.activ img {padding-left: 5px;
}

.activ img:hover {
filter: brightness(105%);
    transition: all 0.5s;}.activ  img {  -webkit-filter: background: rgb(105 85 128 / 57%);    filter: grayscale(100%); }   

.activ linnk {width: 240px;
    overflow: auto;
    height: 65px;
    margin-top: 185px !important;
    margin-left: 271px !important;
    display: inline-flex;
    position: absolute;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
    align-items: center;

}
.activ linnk op{
width: 200px;
    background: #d4d4d4;
    border-radius: 3px;
    margin: 2px 2px 2px 2px;
    box-sizing: border-box;
    align-items: center;
    align-content: flex-start;
    text-align: center;
   padding: 1px;
    color: white;

}

.activ linnk a{
color: #ffffff!important;
}

.activ para, .activ epiz {
  position: absolute;
    width: 200px;
    height: 18px;
    margin-top: 54px !important;
    margin-left: 7px !important;
    display: block;
    font-family: 'Arthead';
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 900;
    text-align: center;

}

.activ para {margin-top: 83px !important;}



 /* регулятор  */
.FNTslider {
  border-radius: 4px;
    position: relative;
    z-index: 1000;
    background: #f7f5f5;
    width: 110px;
    height: 5px;
    border: solid 1px #edeced;
    float: right;
margin: 3.5px 5px 3px 5px !important;
 }

 .FNTslider .before {     height: 5px;
    border: solid 1px transparent;
    border-right: none 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    background: #8b8b8b;
    margin-top: -1px;
  }
 .FNTslider .thumb {width: 8px;
    height: 13px;
    border-radius: 3px;
    position: relative;
    top: -4px;
    background: #5a5a5a;
    cursor: pointer;
 }