.punbb .main .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb th, #setmods dl, .punbb .section .container, .punbb .post-body, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, #pun-viewtopic .post-rating .container, .punbb .post .container, .punbb .post-links, .punbb .modmenu .container, #pun-navlinks .container, #pun-ulinks .container, #viewprofile li strong, #viewprofile li div {
  background: transparent;
}

#pun-index h2, #pun-searchposts h1, #pun-multidelete h1, #pun-multimegre h1, #pun-multimove h1, #pun-viewtopic h1, #pun-debug h2, #pun-redirect h1, #pun-userlist h1, #pun-mod h2, #pun-search h1, #pun-profile h1, #pun-searchtopics h1, #pun-message h1, #pun-viewforum h1, #pun-viewtopic .main h2, #pun-edit h1, #pun-modviewforum h1, #pun-register h1, #pun-login h1, #pun-online h1, #pun-viewforum h1, #pun-respect h1, #pun-poll h1, #pun-post h1, #pun-delete h1, #pun-movetopic h1, #pun-vip h1, #pun-deletetopic h1, #pun-upavatar h1, #pun-changepass h1, #pun-positive h1, #pun-deleteuser h1, #pun-upavatar h1, #pun-pages h1, #pun-rules h1 {
  padding: 0;
}

#pun-searchposts h1 span, #pun-multidelete h1 span, #pun-multimegre h1 span, #pun-multimove h1 span, #pun-viewtopic h1 span, #pun-index h2 span, #pun-stats h2 span, #pun-debug h2 span, #pun-redirect h1 span, #pun-userlist h1 span, #pun-mod h2 span, #pun-search h1 span, #pun-profile h1 span, #pun-searchtopics h1 span, #pun-message h1 span, #pun-viewtopic h1 span, #pun-viewforum h1 span, #pun-viewtopic .main h2 span, #post-form h2 span, #pun-edit h1 span, #pun-modviewforum h1 span, #pun-register h1 span, #pun-login h1 span, #pun-online h1 span, #pun-respect h1 span, #pun-poll h1 span, #pun-post h1 span, #pun-post h2 span, #pun-delete h1 span, #pun-searchposts h1 span, #pun-movetopic h1 span, #pun-vip h1 span, #pun-deletetopic h1 span, #pun-upavatar h1 span, #pun-changepass h1 span, #pun-multimove .main h1 span, #pun-positive h1 span, #pun-deleteuser h1 span, #pun-upavatar h1 span, #pun-pages h1 span, #pun-rules h1 span {
    font-size: 0px;
}

#post-form h2 {
  background: transparent !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

#post-form h2 span {
  padding: 0 30px;
  background: var(--black);
}

.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(--link);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.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(--black);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

#pun-ulinks a {
  color: var(--link);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: var(--dactiv);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

div.icon, tr.inew div.icon, tr.isticky div.icon, tr.iclosed div.icon {
  width: 8px;
  height: 8px;
  border-radius: 10px;
}

div.icon {
  background: transparent;
  outline: var(--b_body);
  
}

tr.inew div.icon {
  background: var(--nav_link);
  outline: none;
}

tr.isticky div.icon {
  background: var(--nav_link);
  outline: none;
}

tr.iclosed div.icon {
  background: var(--toggle);
  outline: none;
}

#pun-index div.icon {
  width: 5px;
  height: auto;
  border-radius: 5px;
  outline: var(--b_body);
  background: var(--body);
}

#pun-index DIV.inew {
  background: var(--forum_i);
}

#pun-main div.catleft, #pun-main div.catright {
  display: none;
}

/*SWITCH*/
#stylelist {
    position: absolute;
    top: 31px;
    right: 115px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  align-self: center;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--body);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: var(--b_body);
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 3px;
  background: url(http://forumstatic.ru/files/001b/8c/26/37876.svg) no-repeat 3px/19px, var(--sub_body);
  outline: var(--b_body);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background: var(--toggle);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider {
  border-radius: 30px;
}

.slider:before {
  border-radius: 50%;
}

/* оформление форумов */
.opisan {
    font-size: 9px;
    letter-spacing: 2px;
    color: var(--forum_i);
    padding: 5px 0;
}

.opisan:before {
    content: "\f178";
    font-family: FontAwesome;
    padding-right: 5px;
}

.opis {
    font-size: 9px;
    color: var(--sub_text);
    text-align: justify;
}

.podff {
    display: flex;
    gap: 10px;
    margin-top: 5px !important;
}

.podff a {
    background: var(--body);
    outline: var(--b_body);
    padding: 0 8px;
    font-size: 10px;
    border-radius: 10px;
    transition: all 0.3s linear 0s;
}

.podff a:hover {
    background: var(--forum_i);
    color: var(--body) !important;
    transition: all 0.3s linear 0s;
}

/* таблица */
.go {
    width: 110px;
    height: 55px;
    background: white;
    position: absolute;
    top: 330px;
    left: 468px;
    text-align: center;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}

.go img {transition: all 0.3s linear 0s;}
.go img:hover {
    opacity: 0.5;
    transition: all 0.3s linear 0s;
}

.all_tabl {
    width: 800px;
    height: 190px;
    position: absolute;
    top: 110px;
    left: 123px;
    display: none;
    background: rgb(255 255 255 / 70%);
    border-radius: 10px;
}

.tabl {
    display: flex;
    width: 750px;
    height: 190px;
    align-items: center;
    margin: 0 auto !important;
    gap: 50px;
    justify-content: center;
}

.l_tabl, .r_tabl {
    width: 325px;
    height: 157px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: space-around;
}

.activ {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.activ_face {
    display: flex;
    align-items: center;
    gap: 10px;
}

g {
    width: 165px;
    padding: 0 15px;
    height: 35px;
    background: var(--body);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 9px;
    text-transform: uppercase;
    gap: 2px;
}

g1 img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: solid 4px var(--body) !important;
}

g1 a:hover {
    filter: grayscale(1);
    transition: all 0.3s linear 0s;
}

g1 a {position: relative; transition: all 0.3s linear 0s;}

g1 a:before {
    content: "";
    width: 40px;
    height: 40px;
    background: var(--link);
    display: block;
    position: absolute;
    border-radius: 100%;
    top: -34px;
    left: 4px;
    mix-blend-mode: color;
}

.ams {
    width: 100%;
    color: var(--link);
    font-size: 10px;
    background: var(--body);
    height: 20px;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.bestpost {
    width: 100%;
    height: 90px;
    background: var(--body);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.bestpost p {
    width: 280px;
    padding-right: 5px;
    height: 40px;
    overflow-y: auto;
    font-size: 9px;
    text-align: justify;
}

.bestpost a {
    font-size: 10px;
    width: 285px;
    background: var(--link);
    color: var(--body) !important;
    text-align: center;
    border-radius: 10px;
}

.bestpost a:hover {
    opacity: 0.5;
}

/**новостные плашки**/
.tablo3 {
    display: grid;
    overflow-x: auto;
    width: 880px;
    height: 40px;
    gap: 5px;
    grid-auto-flow: column;
    margin: 0 auto !important;
}

.plashka {
    width: 140px;
    height: 27px;
    display: grid;
    font-size: 10px;
    background: var(--sub_body);
    border: var(--b_body);
    border-radius: 10px;
    grid-template: 1fr 1fr/0.3fr 1fr;
}

.pl_img {
    height: 27px;
    display: grid;
    grid-area: 2/1/2;
    grid-row: 1/-1;
    align-items: center;
    justify-items: center;
}

.pl_img img {
    width: 16px;
    height: 16px;
}

.glav {
    height: 15px;
    display: grid;
    grid-area: 1/2/3;
    align-items: center;
    text-transform: uppercase;
}

.glav a {color: var(--nav_link) !important;}
.glav a:hover {color: var(--sub_text) !important;}

.opi {
    height: 15px;
    grid-area: 2/2/3;
    font-size: 9px;
    color: var(--sub_text);
}

/* баннеры */
.banners {
    position: absolute;
    bottom: 73px;
    right: 105px;
    width: 377px;
    height: 31px;
    display: flex;
    gap: 5px;
    overflow-y: auto;
}

.banners img {
    width: 88px;
    height: 31px;
    opacity: 0.7;
    border-radius: 10px;
    transition: all 0.3s linear 0s;
}

.banners img:hover {
    opacity: 1;
    transition: all 0.3s linear 0s;
}

/* плеер */
.player__wrapper {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    width: 320px;
    height: 40px;
    background: var(--body);
    border-radius: 10px;
}

.album__img {
    border-radius: 10px;
    width: 40px;
    height: 40px;
    border: solid 1px var(--link) !important;
    padding: 3px;
    background: var(--body);
}

.custom-controls_wrapper {
    display: flex;
    flex-direction: column;
    width: 250px;
    gap: 3px;
}

.controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.controls:before, .controls:after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--sub_line);
    flex: 1;
}

.pleer_button {
  cursor: pointer;
  width: 10px;
  height: 10px;
}

.play__button {
    background: url(http://forumstatic.ru/files/001b/8c/26/12516.svg);
    background-size: cover;
}

.next__button {
    background: url(http://forumstatic.ru/files/001b/8c/26/86250.svg);
    background-size: cover;
}

.prev__button {
    background: url(http://forumstatic.ru/files/001b/8c/26/78287.svg);
    background-size: cover;
}

.stop__button {
    background: url(http://forumstatic.ru/files/001b/8c/26/15043.svg);
    background-size: cover; 
}

.stop__button {
  display: none;
}

.player-slide-animation {
	-webkit-animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

 @-webkit-keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}

.song__info {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.player-marquee {
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: lowercase;
}

.song__info_animation {
  display: inline-block;
  padding-left: 100%;
  animation: playerMarquee 15s linear infinite;
}

 @keyframes playerMarquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
 }
 
 /*кнопки вверх-вниз*/
.go-up, .go-down {
  display: none;
  position: fixed;
  margin-left: 1050px !important;
  z-index: 99;
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  text-decoration: underline;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.go-down img, .go-up img {
    width: 60px;
    height: 60px;
}

.go-down img {
    transform: rotate(180deg);
}

.go-up {
  top: 425px;
}

.go-down {
  top: 465px;
}

.go-down:hover, .go-up:hover {
  opacity: 0.5;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

/**картинка быстрого перехода на цитату**/
.qc-post-link img {
    width: 9px;
    margin-bottom: 2px;
    margin-left: 2px;
}

/*увеличение шрифта*/
.FNTslider {
    position: relative;
    z-index: 1000;
    background: var(--body);
    width: 140px;
    height: 8px;
    margin: 4px 40px !important;
    float: right;
    border: var(--b_body);
    border-radius: 5px;
    box-sizing: border-box;
}

.FNTslider .before {
    height: 8px;
    position: absolute;
    background: var(--forum_i);
    border-radius: 5px;
    margin-top: -1px;
    box-sizing: border-box;
}

.FNTslider .thumb {
    width: 10px;
    height: 10px;
    position: relative;
    top: -3px;
    cursor: pointer;
    background: var(--sub_body);
    border: var(--b_body);
    border-radius: 5px;
    margin-left: -10px;
}

/**закладки**/
#BookmCntToggle.default-style {color: var(--link) !important; background: var(--body) !important;}

#MyBookmarks h2 { 
background: var(--sub_body);
    text-transform: uppercase;
    padding: 5px !important;
    font-size: 10px !important;
}

#MyBookmarks h2 span {width: 100% !important; text-align: center; writing-mode: initial;
    padding-top: 5px; font-size: 10px !important;}
.editBookmark span {width: auto !important;}
#MyBookmarks #bm2 {color: var(--link);}
#MyBookmarks .container, .editBookmark {background: var(--body) !important;}

#MyBookmarks span.scrl {color: var(--black) !important; text-shadow: none !important;}
#MyBookmarks span.scrl span:before {content: "\25BC" !important;}




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

/*общий шаблон */
.stry {background: var(--body);
width: 650px;outline-offset: 2px;  outline: var(--b_body);margin: auto!important;border-radius: 15px 15px;  margin-bottom: 11px!important;margin-top: 6px!important;padding-bottom: 10px;}
.hdrr {   font-family: 'Rubik';margin-bottom: 6px!important;  font-size: 22px;text-align:center; line-height: 32px!important; letter-spacing: 2px; color:var(--select); }
.strytxt {     font-size: 10px; line-height: 150%!important; margin-right: 30px!important; padding: 14px 20px;text-align: justify; margin-left: 20px!important;  margin-bottom: 10px!important; border-radius: 5px; 
    background: var(--sub_body); 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(--body); padding: 5px 20px 5px 20px; display: block;}
.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{  padding: 8px;width: 210px!important; overflow: auto; height: 100px!important;display: flex; flex-wrap: nowrap; margin-top: 15px!important;flex-direction: column;
align-items: center; background: var(--body);
 } .girl{  margin-bottom: 15px!important;margin-left: 40px!important;} .boy  v, .girl v{display: block; clear: both;}




/* 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  */
/* код снс  */
.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;}

.inst {
    margin-left: 155px!important;
    position: relative;
    width: 417px;
    height: 508px;
    background: url(http://forumupload.ru/uploads/001b/94/a1/2/413313.png);
}
.inst photo {
    position: absolute;
    border-radius: 100%;
    background-size: cover;
    top: 35px !important;
    left: 162px !important;
    border: 7px solid #f8f6f9;
    box-shadow: 0px 1px 0px 1px #eeeaeb;
    background: white;
    height: 70px;
    width: 70px;
}
.inst photo img {
    position: absolute;
    height: 70px !important;
    width: 70px !important;
    border-radius: 100%;
 filter: grayscale(100%);
    object-fit: cover;


}
.inst photo img:hover {
     filter: grayscale(0);  
z-index: 2;



}

.fon  {
    position: absolute;
    height: 85px !important;
    width: 402px !important;
    object-fit: cover;
    margin-left: 8px !important;
    margin-top: 6px !important;
    border-radius: 20px 20px 0px 0px;
}
.inst nic {
    margin-top: 140px !important;
    margin-left: 113px !important;
    position: absolute;
    width: 180px !important;
    height: 20px !important;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font: 9px 'Century Gothic';
    color: #bababa;
    letter-spacing: 1px;
    text-transform: lowercase;

}

.inst niic {
    margin-top: 125px !important;
    margin-left: 115px !important;
    position: absolute;
    width: 180px !important;
    height: 20px !important;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font: 11px 'Century Gothic';
    color: #404040;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.bas  img{   width: 134px;
    height: 134px;
object-fit: cover;
   filter: grayscale(1);
    transition: 1s;}
.bas  img:hover {
    filter: grayscale(0);
z-index: 2;
  transform: scale(1.2);     box-shadow: 0 0 2px 1px rgb(135 135 135 / 67%);
  }
.bas {
    position: absolute;
    width: 403px;
    height: 250px;
    margin-top: 192px !important;
    margin-left: 0px !important;
    display: inline-flex;
    text-align: justify;
    /* background: aqua; */
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;


}

.inst followers {
      margin-top: 171px !important;
    margin-left: 158px !important;
    position: absolute;
    width: 76px;
    height: 10px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    font: 8px 'Century Gothic';
    color: #a2a2a2;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.inst posts  {
    margin-top: 171px !important;
    margin-left: 45px !important;
    position: absolute;
    width: 76px;
    height: 10px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font: 8px 'Century Gothic';
    color: #a2a2a2;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
.inst following {
    margin-top: 171px !important;
    margin-left: 273px !important;
    position: absolute;
    width: 76px;
    height: 10px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    font: 8px 'Century Gothic';
    color: #a2a2a2;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}





/*история  */
.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;}

/* магазин  */
.magazin{margin-left: -35px!important; width: 550px; height: 440px;}
.pla,.pla1,.pla2{position: absolute;width: 210px!important;height: 20px!important; color: var(--body)!important;font-size: 14px; text-align: center; line-height: 19px!important;letter-spacing: 1px!important; margin-top: 225px!important; background: var(--forum_i); border-radius: 5px;}.pla{margin-left: 15px!important;}.pla1{margin-left: 210px!important;}.pla2{ margin-left: 412px!important;}.grer {color: var(--body)!important;background: var(--forum_i); 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: 193px!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:#dbe1e8;  border-radius: 12px!important; flex-wrap: nowrap; align-items: center; justify-content: center;border-radius: 5px!important;}.ma ul li.active {color: var(--body)!important;     background: var(--forum_i);}
ul.shop a { font-size: 14px!important; letter-spacing: 1px;color: var(--body)!important;}.kik img, .ki img{padding: 2px!important; width: 45px!important;  height: 45px!important; background: var(--body); 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: var(--forum_i);
    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: 455px!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(--body); font-size: 14px!important; letter-spacing: 1px; height: 17px!important; margin-left: 10px!important;text-align: center; background: var(--forum_i); border-radius: 5px;}
.head1{ margin-top: 15px!important;}
.head2 { margin-left: 291px!important;margin-bottom: 15px!important; margin-top: -17px!important;}
/*банк цвета*/
.vp, .vpp {background: var(--body); padding-left: 10px!important;padding-right: 10px!important; border-radius: 2px;text-align: left; line-height: 20px; margin-bottom: 5px!important;position: relative;}
.vpp{background: var(--link);}
.pt { width: 178px!important;}
.vv {width: auto!important; font-size: 10px!important; text-transform: uppercase; letter-spacing: 1px!important;      text-align: right; margin: 0px 0px 0px 190px !important; position: absolute; top: 50%; transform: translate(0, -50%);}

/* дейлик */
.delik{  width: 673px;height: 410px;}
.day, .nagrad,.bonus {border-radius: 5px; color: var(--body);font-size: 14px; text-align: center; line-height: 19px!important; letter-spacing: 1px!important; background: var(--forum_i);}
.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'; font-size: 15px; line-height: 28px!important; color: var(--sctx);position: relative; width: 30px!important; height: 27px;}
.vp, .del, .nag, .bon{ background: var(--body)!important;}
.vpp, .del1, .nag1,.bon1{ background: #dbe1e8;}
.nag, .nag1{height: 27px;padding-left: 10px!important;padding-right: 10px!important; border-radius: 5px; text-align: center; font-family: 'Rubik'; 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'; font-size: 10px; line-height: 12px!important; color: var(--sctx); margin-bottom: 5px!important; position: relative;width: 400px!important; margin-left: 2px!important;}



/*чтобы маска не разъебывала профиль*/
.pa-avatar img {border-radius: 5px; 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;}

.pagelink a {


   font-weight: 600;
    background: #e8e8e8;
    padding: 2px 3px;
    border-radius: 4px;
    outline: 1px solid rgb(232 232 232);
    outline-offset: 2px;
}


.pagelink a:hover {
    background: var(--boxbg);
}

.pagelink strong {
background: #f8f8f8;
    padding: 2px 3px;
    border-radius: 4px;
  margin-left: 2px

}



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

.acceptance{
    margin: auto!important;
    width: 470px!important;
    height: 318px!important;
    background: url(http://forumstatic.ru/files/001b/be/45/80498.png)!important;
}
.hey{
        font-weight: 900!important;
    font-family: 'Arthead'!important;
    color: #cad4df!important;
    font-size: 17px!important;
    letter-spacing: 1px!important;
    padding-top: 23px !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;
    font-size: 8px;
    line-height: 10px!important;
    width: 60px;
    text-align: center;

   }
.innfa a:hover {background: #cad4df !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: 181px !important;
    margin-left: -62px !important;
    padding: 2px;

}
.acceptance mani { 
    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(http://forumstatic.ru/files/001b/be/45/21838.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://forumstatic.ru/files/001b/be/45/53663.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: 28px !important;
    object-fit: cover;
    width: 405px;
    height: 150px;

}
.zag name{ font-weight: 800;
    font-family: 'Arthead';
    text-transform: uppercase;
   
    color: #f0f4f8;
    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: 55px!important;
    margin-left: -115px !important;
    display: block;

}
.zag av img {
     border: 5px solid #ffffff;
    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';
    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: #cad4df;
    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;}
/* УВЕДЫ И  ЛИЧНОГО СООБЩЕНИЯ  
-------------------------------------------------------------*/

span.num_msg {position: absolute!important;
    margin-top: -20px!important;
    margin-left: 6px!important;
    font-size: 11px!important;
    font-weight: 700!important;
    background: #ffffff!important;
    padding: 1px 8px!important;
    border-radius: 55px!important;
    height: 15px!important;
    color: #607189!important;
    cursor: pointer!important;}
span.num_msg:before {content: " "!important; display: inline-block!important; position: absolute!important; width: 5px!important; height: 5px!important; transform: rotate(45deg)!important; top: 14px!important; background:#ffffff!important; margin-left: -0.2px!important;}
.bubble {background: #ffffff!important;border:0 none;border-radius: 30px!important; color: white;display: inline-block;font: bolder 8px/1.6 raleway;margin: 0;min-width: 14px;padding: 0 1px;position: absolute;right: -8px;text-align: center;top: -10px;} 
.bubble:after {border-color: #ffffff transparent!important; border-style: solid!important;border-width: 3px 3px 0!important; content: ""; display: block; left: 5px!important; position: absolute; width: 0;}