/* фон*/

body {
background-color: #131313;
background-image:url(https://i.imgur.com/6YWyhAg.png);
background-attachment: fixed; 
background-position: top center;
}


/* шапка */
#pun-title table {
background: url(https://i.imgur.com/rhFas2S.png);
background-color: transparent!important;
background-repeat: no-repeat;
background-position: top center;
width: 1053px;
height: 462px;
margin-left: -10px;
margin-top:10px;
}


/* тело */
#pun {
width: 1053px; 
background: #ffffff;
    box-shadow: 0px 100px 19px -2px #54545412;
}

#pun-viewtopic {
margin-left: 10px;
}

.punbb {
margin-left: 10px;
}

/* низ */
#pun-about p.container {
background-color: transparent;
background-repeat: no-repeat;
background-position: top center;
margin-top: 50px;
margin-left:3px; padding-bottom: 1px;
}

/* фон и цвет текста */
.punbb .post-body, .punbb .post-links, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main 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: transpanent;color: #241e28;font-weight: normal;font-style: normal;}

.punbb .post-body, .punbb .post-links, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main 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: transpanent;color: #241e28;font-weight: normal;font-style: normal;}

.punbb .section .container {
color: #000000;
}

.punbb td.tc2,  .punbb td.tc3 {
color:#cacaca;
font-size: 8px;
}

#pun-admain .adformal, #pun-admain .adcontainer {
border: none;
border-color:  transparent;
}

#punbb .main h1, pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #c7ccce;
font-style: normal;
margin-right: 4px;
text-transform: uppercase;
margin-left: 2px;
font-family: arial;
}

/* цитата и выделить код */
.punbb .quote-box {background-color: #fcfcfc;color: #3c3c3c;font-size: 12px;border: 1px solid #f0f0f0;border-radius:15px;font-family: 'Jost';}

.punbb .code-box {background-color: #fcfcfc; color: #3c3c3c;font-size: 11px;border: 1px solid #f0f0f0;border-radius:15px;font-family: 'Jost';}

.post-content .spoiler-box > div {
    background: url(https://i.imgur.com/eaUBR5p.png) no-repeat left center!important;
    cursor: pointer!important;
    padding-left: 17px!important;
}

/* текст в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {background-color: #fdfdfd!important;border: 1px solid #f0f0f0;}

div#form-buttons {
    background: #fcfcfc;
    width: auto;
    margin-top: 14px!important;
    border: 1px solid #f0f0f0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/* отправить, просмотреть */
input {
position: relative!important;
z-index: 800!important;
}

input.button {font-family: jost!important;text-transform: lowercase;font-size: 12px!important;background-image: none;color: #4e4e4e;padding: 3px;background-color: #fcfcfc!important;border: 1px solid #f0f0f0;border-radius: 10px!important;padding-left: 10px;padding-right: 10px;margin-bottom: 17px;}


input[type="submit" i] {
background-color: #eeeeee!important;
border-radius:10px!important;
}

input[type="submit" i]:hover {
background-color: #303030!important;
color: #eee;
border-radius: 10px!important;
}

/* переключение раскладки */
#button-transL {
background-image: url('https://forumstatic.ru/files/001a/0a/42/17473.png');
}

/* тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  {
/* border-bottom-left-radius: 15px; */
/* border-bottom-right-radius: 15px; */
/* border-top-left-radius: 15px; */
/* border-top-right-radius: 15px; */
}

.punbb input {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/* фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
background-image: url(https://i.imgur.com/cSdL16b.png);
background-color: #cdd0d6;
}


/*ссылки*/

/* CS2.1 */
.punbb a, .punbb a:link {
color: #000;
text-decoration: none;
}

.punbb a:visited {
color: #000;
text-decoration: none;
transition: all 0.6s ease;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-ulinks a, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {color:  #363636;  
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
    text-decoration: none;
  }

#pun-navlinks a {
  color: #010101;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s cubic-bezier(0.25, 0.1, 0.21, 1.28);
  text-decoration: none;
}

/* CS2.2 */
.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,  #pun-ulinks a:focus, #pun-ulink  a:active {
  color: #363636; 
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  text-decoration: none;
  }
.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
    color: #363636;
    text-decoration: none;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  text-decoration: none;
}

#pun-ulinks a {font-size: 7px;font-family: jost;letter-spacing: 0.5px;margin-left: 2px;font-weight: 700;color: #000000;}

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #000000;
}

/* остальное */

/*иконки*/

div.icon {
        background: url(https://i.imgur.com/BbnkziY.png) no-repeat;
}

tr.inew div.icon {
        background: url(https://i.imgur.com/BbnkziY.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(https://i.imgur.com/BbnkziY.png) no-repeat;
}

tr.isticky div.icon {
        background: url(https://i.imgur.com/BbnkziY.png) no-repeat;
}


/*всякое*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center;color: #ffffff;font-size: 12px;}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}


/* список тем */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* автор темы */
#pun-main .forum .tcl .byuser {
    display: block;
    font-size: 11px;
    font-family: jost;
    text-transform: lowercase;
    background-color: #67958b;
    width: 100px;
    height: 13px;
}

/* прокрутка */
::-webkit-scrollbar-thumb:vertical {
background-color: #cbcbcbd1; height: 5px; border: 1px solid #cbcbcbd1;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #cbcbcbd1; height: 5px; border: 1px solid #cbcbcbd1;
}

::-webkit-scrollbar {
    background-color: #cbcbcb73;
    height: 5px;
    width: 5px;
}

::selection {
    background: #000!important;
    color: #fcfcfc;
}

#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}

.category .container thead {display: none;}

/* аватар */
.punbb .pa-avatar img {
    max-width: 180px !important;
    margin-bottom: 0px;
    border-radius: 5px;
}

td.tcr a {
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: normal;
    font-family: 'Jost';
    font-size: 12px;
    color: #95b1ab!important;
}

/* разделитель */
#pun-viewtopic .post h3 {
width: 1050px;
    margin-bottom: 36px;
    margin-top: 15px;
    height: 25px;
    background-repeat: no-repeat;
    font-family: neue machina;
    font-size: 10px;
    margin-left: -10px;
}

/* аватар на главной */
#pun-index .user-avatar {
    width: 30px !important;
    height: 30px !important;
    margin-right: 15px !important;
    margin-top: -1px !important;
    filter: grayscale(1);
}

#pun .user-avatar .avatar-image {
    /* border: 1px solid #939393; */
    border-radius: 20%;
    opacity: .8;
    width: 30px;
    height: 30px;
    filter: grayscale(1);
}

#pun .user-avatar .isonline {
  background: #EFF0E7;
  margin-right: -5px;
  border: 1px solid #A0A0A0;
  box-sizing: border-box
}

/* текст в подфоруме */
.podfl {
margin-top: 9px !important;
    padding-left: 28px;
    padding-right: 131px!important;
    text-align: justify;
    color: #222222;
    text-transform: lowercase;
    font-size: 10px;
    font-family: jost;
    width: 525px;}

.podflj {
    margin-top: 74px !important;
    padding-left: 28px;
    margin-left: -2px!important;
    font-size: 25px;
    font-family: yeseva one;
}

.forumlinks:before {
    content: 'навигация: ';
    background: #95b1ab;
    padding-left: 5px;
  border-right:5px solid #fff;
}

.forumlinks {
    font-family: jost;
    /* font-weight: 600; */
    font-size: 10px;
    text-transform: uppercase;
    word-spacing: 1px;
    padding-top: 4px;
    width: 489px;
    margin-left: 27px!important;
    margin-top: 19px!important;
    text-align: left;
}

.forumlinks a:hover {
color:#b7b0ce;
}

.adminlinks a:link {
color: #000000;
}


/*профиль*/
.punbb .post .post-author {
    background: url() 0 0 repeat-y;
background-color: transparent;
    overflow: visible!important;
    margin: 0px 0px 0px 0px!important;

}

.punbb .post .post-author {
    background: url() 0 top no-repeat, url() 0 bottom no-repeat;
    background-color: transparent;
    margin: 0px 0px 0px 0!important;
    padding: 9px 9px 1px 9px!important;
}

.pa-fld3 {
    width: 210px;
    margin-left: -21px!important;
    text-transform: lowercase;
    font-size: 9.5px;
    font-family: jost;
    text-align: justify;
    letter-spacing: 0.4px;
    line-height: 12px;
    padding: 15px;
    border-bottom: 1px solid #f3f3f3;
    margin-top: -4px!important;
}

li.pa-fld3 a {
    color: #a1a1c5!important;
}

.pa-fld2 {float: left;margin-left: -5px!important;margin-top: 5px!important;}


.pa-fld4 {
    margin-top: 47px!important;
    font-family: 'Jost';
    text-transform: uppercase;
    background: #ebebeb6e;
    padding: 4px;
    font-size: 9px;
    letter-spacing: 0.5px;
    display: block;
    position: relative;
    width: 232px;
    margin-left: -21px!important;
    }

.pa-fld1 light {border-radius: 50%;background: #fbfbfb;border: 1px solid #e9e9e9;padding-top: 4px;padding-bottom: 6px;padding-left: 4px;padding-right: 4px;position: relative;top: -11px;left: 115px;}

.pa-fld1 dark {border-radius: 50%;background: #fbfbfb;border: 1px solid #686868;padding-top: 4px;padding-bottom: 6px;padding-left: 4px;padding-right: 4px;position: relative;top: -15px; left: 115px;}

.pa-fld5 {
    font-family: jost;
    text-transform: uppercase;
    font-size: 9px;
    padding: 3px;
    background: #f4f4f4;
    max-width: 109px;
    border-radius: 15px;
    margin-top: 2px!important;
    margin-left: 42px!important;
}

li.pa-reg {
    display: none;
}

/*сообщения-репутация-деньги*/

.pa-posts, .pa-respect {
    vertical-align: text-top;
    display: inline-table;
    padding: 4px!important;
    margin-top: 5px!important;
    float: none!important;
    text-align: left;
    text-transform: uppercase;
    font-family: jost;
    font-size: 9px !important;
    color: #303030!important;
}

/*категории*/

#pun-index div.category h2, #pun-index #pun-stats h2 {
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    border: none;
    margin-left: 417px;
    margin-top: 25px;
    padding-bottom: 32px;
}


.category.category-1 h2{
  background:url(https://i.imgur.com/rkej0FU.png) no-repeat left top;
  width:329px;
  height:97px;
  margin-left:-27px;
  font-size: 0;
}

.category.category-2 h2{
  background:url(https://i.imgur.com/GwvNHKO.png) no-repeat left top;
  width:329px;
  height:97px;
  margin-left:-27px;
  font-size: 0;
}

.category.category-3 h2{
  background:url(https://i.imgur.com/T7Ld9fD.png) no-repeat left top;
  width:329px;
  height:97px;
  margin-left:-27px;
  font-size: 0;
}

.category.category-4 h2{
  background:url(https://i.imgur.com/nirZ6bL.png) no-repeat left top;
  width:329px;
  height:97px;
  margin-left:-27px;
  font-size: 0;
}

.category.category-5 h2{
  background:url(https://i.imgur.com/vEhyopq.png) no-repeat left top;
  width:329px;
  height:97px;
  margin-left:-27px;
  font-size: 0;
}

.category.category-6 h2{
  background:url(https://i.imgur.com/kfJYmDI.png) no-repeat left top;
  width:329px;
  height:97px;
  margin-left:-27px;
  font-size: 0;
}

.category.category-7 h2{
  background:url(https://i.imgur.com/r4xu2R8.png) no-repeat left top;
  width:329px;
  height:97px;
  margin-left:-27px;
  font-size: 0;
}

.subforlinks {
    text-align: center;
    margin-top: 3px !important;
}

.subforlink {
    margin: 0 2px 0 2px !IMPORTANT;
    padding: 1px 4px 1px 5px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: tahoma;
    letter-spacing: 0.6px;
}

.subforlink:hover {
    margin: 0 2px 0 2px !IMPORTANT;
    padding: 1px 4px 1px 5px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: tahoma;
    letter-spacing: 0.6px;
    background-color: #6e7291;
    color: #e2e3ea !important;
    transition-duration: 1s;
}


#size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {position: absolute;
    overflow-y: auto;
    background: #fafafa;
    border: 1px solid #f3f3f3;
    margin-top: 9px;
}

#font-area {
    position: absolute;
    overflow-y: auto;
    background: #d3d3d314;
    height: 180px;
    border: 1px solid #c7c2bd6e;
    margin-top: 9px;
    }

button.st1 {
    padding: 5px 10px 5px 10px;
    border: 1px solid #e2e2e2!important;
    border-radius: 12px;
    background-color: #eeeeee;
    font: 11px jost;
    color: #464646;
}



/* убирает улучшить аккаунт */
#pun-status .item4 {display:none;}

/* настройки кнопки это интересно */
#pun-live-rusff {z-index: 1 !important;width: 440px;height: 19px;margin: auto 0px 0 auto;background: transparent;position: relative;font-family: jost!important;vertical-align: middle;line-height: 24px !important;text-transform: lowercase;font-weight: 500;color: #dbdbdb;}


.cool1 {width: 71px!important;height: 16px;padding-bottom: 9px!important;background: #fbfbfb!important;color: #bbbbbb!important;font-family: jost!important;text-align: center;float: right;margin-left: 7px !important;margin-right: 8px !important;border: 0px;cursor: pointer;box-shadow: none !important;-moz-box-shadow: none;-webkit-box-shadow: none;-khtml-box-shadow: none;text-shadow: none !important;border-right: 0px !important;border-radius: 10px;font-weight: 400 !important;}


.cool2 {
    width: 16px;
    height: 16px;
    background: #fbfbfb!important;
    color: #fff;
    font-size: 11px;
    font-family: jost;
    text-align: center;
    float: right;
    margin-right: 1px;
    border: 1px solid #f0f0f0!important;
    padding: 3px;
    border-radius: 5px;
}

.cool3 {width: 16px!important;padding: 3px!important;margin-left: 4px!important;background: #fbfbfb!important;color: #cfcfcf!important;font-size: 8px!important;font-family: jost!important;text-align: center!important;float: right!important;border-radius: 6px!important;-webkit-box-shadow: none!important;text-shadow: none!important;border: 1px solid #f0f0f0!important;}

/* вверх и вниз */

.go-up {
display:none;
right:60px; 
z-index:9999; 
cursor:pointer;
position:fixed; 
opacity:1; 
margin-bottom:40px; 
width:100px;
height:35px;
bottom:310px; /*положение от низа окна браузера верхняя кнопка*/
background-image:url(https://i.imgur.com/HXuglRO.png);
}

.go-down {
display:none;
right:60px; 
z-index:9999; 
cursor:pointer;
position:fixed; 
opacity:1; 
margin-bottom:40px; 
width:100px;
height:35px;
bottom:240px; /*положение от низа окна браузера нижняя кнопка кнопка*/
background-image:url(https://i.imgur.com/B3EDk0X.png);
}

/* сердечко скрипта быстрых плюсов */

.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
    text-align: center;
    outline: 1px solid transparent;
    background: url(https://forumstatic.ru/files/001b/a6/d4/26514.svg) no-repeat center;
    background-size: 38px auto;
    position: relative;
    padding-left: 1px;
    z-index: 100;
    width: 38px;
    height: 38px;
    text-align: center;
    font-family: jost;
    font-size: 12px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    letter-spacing: -1px;
    color: #555453;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
    font-size: 0 !important;
    position: absolute;
    cursor: pointer;
    z-index: 200;
    width: 23px;
    height: 23px;
    background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
    display: block;
    background-size: 100%;
    margin-left: -9px;
    margin-top: 8.5px;
}

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

.guestb {
width:623px;
height:591px;
background-image:url(https://i.imgur.com/3OH9Rk2.png);
    margin-left: 41px!important;
}

.guestext {
    font-family: jost;
    font-size: 10px;
    color: #000;
    width: 238px;
    margin-left: -134px!important;
    margin-top: 116px!important;
    line-height: 10.5px;
    float: left;
}

.guestext h {
text-transform:uppercase;
font-weight:600;
color:#67958b;
}

.guesth {
font-family: jost;
    text-transform: uppercase;
    font-size: 10px;
    background: #f2f2f2;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    width: 198px;
    position: relative;
    top: 73px;
    left: 85px;
    padding: 4px;
    text-align: center;
float:left;
}

.guestboys {
float: right;
    width: 203px;
    height: 171px!important;
    overflow-y: scroll;
    font-size: 10px;
    font-family: jost;
    margin-right: 61px!important;
    margin-top: 104px!important;
}

.guestgirls {
    float: right;
    width: 203px;
    height: 171px!important;
    overflow-y: scroll;
    font-size: 10px;
    font-family: jost;
    margin-right: 61px!important;
    margin-top: 43px!important;
}

.guestboys date {
    background: #000;
    border-radius: 15px;
    font-family: jost;
    color: #fff;
    font-weight: 600;
    padding-left: 7px;
    padding-right: 7px;
}

.guestgirls date {
    background: #000;
    border-radius: 15px;
    font-family: jost;
    color: #fff;
    font-weight: 600;
    padding-left: 7px;
    padding-right: 7px;
}

/* внешности */

.fcstop {
width:623px;
height:138px;
background-image:url(https://i.imgur.com/N7KbHwJ.png);
margin-left: 51px!important;
}

.fcs {
    width: 547px!important;
    height: 952px;
    background: #fff;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    margin-left: 88px!important;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: 0px 10px 18px 0px rgb(0 0 0 / 2%)
}

.fcsblock {
border-bottom:1px solid #f7f7f7;
}

.fcstoph {
font-family: jost;
    text-transform: uppercase;
    font-size: 10px;
    background: #f2f2f2;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    width: 119px;
    padding: 3px 14px 3px 14px;
    text-align: center;
    margin-left: 239px!important;
    position: relative;
    top: 81px;
}

.fcsletters {
    writing-mode: vertical-lr!important;
    text-orientation: upright!important;
    font-family: jost;
    text-transform: uppercase;
    font-size: 10px;
    background: #f2f2f2;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    margin-left: 25px!important;
    padding: 7px 2px 11px 2px;
    letter-spacing: -3px;
    float: left;
    margin-top: 10px!important;
}

.fcstable {
    margin-top: -13px!important;
    border-bottom: 1px solid #f7f7f7;
    padding-top: 16px;
    float: left;
    margin-left: 4px!important;
    padding-bottom: 11px;
}

.fcsboys {
font-family: jost;
    font-size: 11px;
    width: 190px;
    height: 90px;
    overflow-y: auto;
    padding: 5px 10px 5px 30px;
}

.fcsgirls {
font-family: jost;
    font-size: 11px;
    width: 190px;
    height: 90px;
    overflow-y: auto;
    padding: 5px 10px 5px 30px;
}

/* новости */

.newstop {
width:623px;
height:96px;
background-image:url(https://i.imgur.com/Z8jgero.png);
margin-left: 51px!important;
}

.newstrack {
    font-family: jost;
    text-transform: uppercase;
    font-size: 10px;
    background: #f2f2f2;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    width: 228px;
    padding: 5px 14px 5px 14px;
    text-align: center;
    margin-left: 306px!important;
    position: relative;
    top: 62px;
}

.news {
    width: 539px!important;
    background: #fff;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    margin-left: 96px!important;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: 0px 10px 18px 0px rgb(0 0 0 / 2%);
}

.newstext {
    font-family: jost;
    text-transform: lowercase;
    font-size: 10px;
    width: 373px!important;
    margin-left: 143px!important;
    padding-top: 9px;
    color: #2a2a2a;
    padding-bottom: 30px;
    border-bottom: 1px solid #f5f5f5;
}

.newspic img {
    width: 80px;
    height: 80px;
    border-radius: 15px;
    float: left;
    margin-left: 32px!important;
    margin-top: 12px!important;
    -webkit-box-shadow: 0px 0px 10px 2px rgb(199 199 199 / 55%);
}

.newstable {
width:525px;
}

.newsactive {
    display: flex;
    width: 127px;
    height: 91px;
    padding: 20px;
    margin-left: 3px!important;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: space-between;
    flex-direction: column;
}

.newspost {
    font-family: jost;
    text-transform: lowercase;
    font-size: 10px;
    padding: 4px;
    margin-left: -3px!important;
    line-height: 12px;
}

.newscouple {
    width: 108px!important;
    height: 100px;
    background-image: url(https://i.imgur.com/wYM6ak2.png);
    font-family: jost;
    text-transform: uppercase;
    font-size: 10px;
    margin-left: -12px!important;
}

.newscouple one {
    margin-left: 9px!important;
    position: relative;
    top: 36px;
}

.newscouple one:hover {
background:#95b1ab;
transition:1s;
}

.newscouple two {
    margin-left: 49px!important;
    position: relative;
    top: 41px;
}

.newscouple two:hover {
background:#95b1ab;
transition:1s;
}

/* темы */

.tname {
    font-family: jost;
    text-transform: lowercase;
    font-size: 13px;
    background: #fdfdfd;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    width: 228px;
    padding: 5px 14px 5px 14px;
    text-align: center;
    margin-left: 240px!important;
    position: relative;
    top: 17px;
}

.tbody {
    width: 539px!important;
    background: #fcfcfc73;
    border: 1px solid #f3f3f3;
    border-radius: 30px;
    margin-left: 96px!important;
    -webkit-box-shadow: 0px 10px 18px 0px rgb(0 0 0 / 2%);
}

.ttext {
    font-family: jost;
    text-transform: lowercase;
    font-size: 11px;
    padding: 33px 45px 20px 45px;
    color: #2a2a2a;
}

/* бестиарий */

.beast {
width: 623px;
min-height: 591px; 
}

.beastext {
    position: absolute;
    font-size: 11px;
    font-family: Jost;
    margin-top: 141px!important;
    margin-left: 82px!important;
    color: #0c0c0c;
    text-transform: lowercase;
    letter-spacing: 0.1px;
    width: 470px;
    line-height: 12px;
    height: 277px;
    text-align: justify;
    overflow-y: auto;
    z-index: 10;
    padding-right: 6px;
}

.beastext race {
    font-family: jost;
    text-transform: uppercase;
    font-size: 11px;
    background: #f2f2f2;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    top: 4px;
}

.beauty {
position: relative;
margin-top: 26px!important;
}

.beauty-content {
position: relative;
overflow: hidden;
width: 647px;
margin-left: 48px!important; 
background: url(https://i.imgur.com/VT5YX46.png) no-repeat;
}

.beauty-open:checked + .beauty-content1 {
position: static;
opacity: 100;
}

.beauty-content1 {
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.6s ease-out;
transition: opacity 0.6s ease-out;
}

.beauty-switch {
    background: #f5f5f5;
    border: 1px solid #d0d0d038;
    border-radius: 7px;
    color: #2a2a2a;
    cursor: pointer;
    display: none;
    font-size: 17px;
    height: 25px;
    line-height: 22px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    cursor: pointer;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
    width: 25px;
    z-index: 10;
}

.beauty-switch.prev {
left: 0px;
}

.beauty-switch.next {
right: 15px;
}

.beauty-switch:hover {
    background: #2e2e2e;
    color: #ddd;
}

#beauty-1:checked ~ .switch-1, #beauty-2:checked ~ .switch-2, #beauty-3:checked ~ .switch-3, #beauty-4:checked ~ .switch-4, #beauty-5:checked ~ .switch-5, #beauty-6:checked ~ .switch-6, #beauty-7:checked ~ .switch-7, #beauty-8:checked ~ .switch-8, #beauty-9:checked ~ .switch-9, #beauty-10:checked ~ .switch-10, #beauty-11:checked ~ .switch-11 {
display: block;
}

.beauty-stars {
    list-style: none;
    margin-top: -3px!important;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    height: 20px;
}

.beauty-stars li {
display: inline-block;
margin: 0 5px!important;
}

.beauty-pointer {
    color: #ededed;
    cursor: pointer;
    display: block;
    font-size: 12px;
}

.beauty-pointer:hover {
color: #cfcfcf;
}

#beauty-1:checked ~ .switch-1 ~ .beauty-stars li:nth-child(1) .beauty-pointer,
#beauty-2:checked ~ .switch-2 ~ .beauty-stars li:nth-child(2) .beauty-pointer,
#beauty-3:checked ~ .switch-3 ~ .beauty-stars li:nth-child(3) .beauty-pointer,
#beauty-4:checked ~ .switch-4 ~ .beauty-stars li:nth-child(4) .beauty-pointer,
#beauty-5:checked ~ .switch-5 ~ .beauty-stars li:nth-child(5) .beauty-pointer,
#beauty-6:checked ~ .switch-6 ~ .beauty-stars li:nth-child(6) .beauty-pointer,
#beauty-7:checked ~ .switch-7 ~ .beauty-stars li:nth-child(7) .beauty-pointer,
#beauty-8:checked ~ .switch-8 ~ .beauty-stars li:nth-child(8) .beauty-pointer,
#beauty-9:checked ~ .switch-9 ~ .beauty-stars li:nth-child(9) .beauty-pointer,
#beauty-10:checked ~ .switch-10 ~ .beauty-stars li:nth-child(10) .beauty-pointer,
#beauty-11:checked ~ .switch-11 ~ .beauty-stars li:nth-child(11) .beauty-pointer { color: #000; }

.bakemono {
    background-image: url(https://i.imgur.com/tq3CDOU.png);
    width: 475px;
    height: 114px;
    position: relative;
    top: 100px;
    left: 83px;
}

.gwisin {
    background-image: url(https://i.imgur.com/FriKUdv.png);
    width: 475px;
    height: 114px;
    position: relative;
    top: 100px;
    left: 83px;
}

.nureonna {
    background-image: url(https://i.imgur.com/JJhOmrW.png);
    width: 475px;
    height: 114px;
    position: relative;
    top: 100px;
    left: 83px;
}

.dragon {
    background-image: url(https://i.imgur.com/47AK7SW.png);
    width: 475px;
    height: 114px;
    position: relative;
    top: 100px;
    left: 83px;
}

.baku {
    background-image: url(https://i.imgur.com/Tsi0Lrl.png);
    width: 475px;
    height: 114px;
    position: relative;
    top: 100px;
    left: 83px;
}

.dragonslayer {
    background-image: url(https://i.imgur.com/oAQLpuR.png);
    width: 475px;
    height: 114px;
    position: relative;
    top: 100px;
    left: 83px;
}

.shaman {
    background-image: url(https://i.imgur.com/EyQisd7.png);
    width: 475px;
    height: 114px;
    position: relative;
    top: 100px;
    left: 83px;
}

.oni {
    background-image: url(https://i.imgur.com/O6CIQK2.png);
    width: 475px;
    height: 114px;
    position: relative;
    top: 100px;
    left: 83px;
}

.hunter {
    background-image: url(https://i.imgur.com/6o0b41f.png);
    width: 475px;
    height: 114px;
    position: relative;
    top: 100px;
    left: 83px;
}

.guardian {
    background-image: url(https://i.imgur.com/2nUSi70.png);
    width: 475px;
    height: 114px;
    position: relative;
    top: 100px;
    left: 83px;
}

.ninge {
    background-image: url(https://i.imgur.com/sRZSflA.png);
    width: 475px;
    height: 114px;
    position: relative;
    top: 100px;
    left: 83px;
}

/* шаблон принятия */

#accept {
width: 280px;
height: 165px;
position: relative;
overflow: hidden;
top: 10px;
left: 0px;
}

.acceptbg {
    width: 300px;
    height: 215px;
    background-image: url(https://i.imgur.com/gI9o5Cm.png);
    border-radius: 15px;
    border: 1px solid #f0f0f0;
}

.acceptext {
    width: 247px;
    height: 129px;
    margin-left: 5px!important;
    padding-right: 10px;
    margin-top: 11px!important;
    background-color: #fff;
    color: #222;
    overflow: auto;
    text-align: justify;
    font-family: jost;
    font-size: 10px;
    line-height: 130%;
}

.acceptext a {
font-weight:600;
}

.acceptlow {
    width: 280px;
    height: 21px;
    background-color: #fff;
    position: relative;
    top: -35px;
    line-height: 25px;
    color: #000;
    font-family: 'Jost';
    text-transform: uppercase;
    text-align: center;
    font-size: 8px;
    letter-spacing: 4px;
    border-radius: 15px;
}

#accept .bejeweled {
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
position: absolute;
bottom: -300px;
opacity: 1;
}

#accept:hover .bejeweled {
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s; 
-o-transition-duration: 1s;
bottom: 0px;
}

.mastermind {
opacity: 0.8;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
}

.maroon {
width: 300px;
height: 215px;
padding: 10px 0px 10px 0px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}

.mastermind:hover {
opacity: 1;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
}

.karma {
    height: 147px;
    padding: 10px;
    background-color: #fff;
    color: #000;
    width: 260px;
    border-radius: 15px;
}

/* магазин */

.shopname {
    font-family: jost;
    text-transform: lowercase;
    font-size: 13px;
    background: #fdfdfd;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    width: 228px;
    padding: 5px 14px 5px 14px;
    text-align: center;
    margin-left: 240px!important;
    position: relative;
    top: 17px;
z-index:100;
}

.shoptext {
    position: absolute;
    font-size: 10px;
    font-family: Jost;
    margin-top: 70px!important;
    margin-left: 53px!important;
    color: #4e4e4e;
    text-transform: lowercase;
    width: 471px;
    line-height: 12px;
    height: 175px;
    text-align: justify;
}

.shoptext price {
    background: #e9e9e9;
    border-radius: 5px;
    padding-left: 3px;
    padding-right: 3px;
}

.shop {
min-height: 381px; 
}

.shopicons {
    position: absolute;
    font-size: 11px;
    font-family: Jost;
    margin-top: 141px!important;
    margin-left: 53px!important;
    color: #0c0c0c;
    text-transform: lowercase;
    letter-spacing: 10px;
    width: 474px;
    line-height: 39px;
    text-align: justify;
    overflow-y: auto;
    z-index: 10;
    padding-right: 6px;
}

.shoppl {
    position: absolute;
    font-size: 11px;
    font-family: Jost;
    margin-top: 141px!important;
    margin-left: 49px!important;
    color: #0c0c0c;
    text-transform: lowercase;
    letter-spacing: 10px;
    width: 474px;
    line-height: 31px;
    height: 175px;
    text-align: justify;
    overflow-y: scroll;
    z-index: 10;
    padding-right: 6px;
}

.glitch {
    position: relative;
    margin-top: -36px!important;
    margin-left: 30px!important;
}

.glitch-content {
position: relative;
overflow: hidden;
width: 647px;
margin-left: 48px!important; 
background: url(https://i.imgur.com/w2AlDxT.png) no-repeat;
}

.glitch-open:checked + .glitch-content1 {
position: static;
opacity: 100;
}

.glitch-content1 {
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.6s ease-out;
transition: opacity 0.6s ease-out;
}

.glitch-switch {
    background: #f5f5f5;
    border: 1px solid #d0d0d038;
    border-radius: 7px;
    color: #2a2a2a;
    cursor: pointer;
    display: none;
    font-size: 17px;
    height: 25px;
    line-height: 22px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    cursor: pointer;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
    width: 25px;
    z-index: 10;
}

.glitch-switch.prev {
left: 1px;
}

.glitch-switch.next {
right: 76px;
}

.glitch-switch:hover {
    background: #2e2e2e;
    color: #ddd;
}

#glitch-1:checked ~ .switch-1, #glitch-2:checked ~ .switch-2, #glitch-3:checked ~ .switch-3 {
display: block;
}

.glitch-stars {
    list-style: none;
    margin-top: -3px!important;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    height: 20px;
    margin-left: -67px!important;
}

.glitch-stars li {
display: inline-block;
margin: 0 5px!important;
}

.glitch-pointer {
    color: #ededed;
    cursor: pointer;
    display: block;
    font-size: 12px;
}

.glitch-pointer:hover {
color: #cfcfcf;
}

#glitch-1:checked ~ .switch-1 ~ .glitch-stars li:nth-child(1) .glitch-pointer,
#glitch-2:checked ~ .switch-2 ~ .glitch-stars li:nth-child(2) .glitch-pointer { color: #000; }

/* правила */

.rulesname {
    font-family: jost;
    text-transform: lowercase;
    font-size: 13px;
    background: #fdfdfd;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    width: 228px;
    padding: 5px 14px 5px 14px;
    text-align: center;
    margin-left: 240px!important;
    position: relative;
    top: 17px;
}

.rulesbody {
    width: 625px!important;
    background: #fcfcfc73;
    border: 1px solid #f3f3f3;
    border-radius: 30px;
    margin-left: 55px!important;
    -webkit-box-shadow: 0px 10px 18px 0px rgb(0 0 0 / 2%);
}

.rulestext {
    font-family: jost;
    text-transform: lowercase;
    font-size: 11px;
    padding: 33px 45px 20px 45px;
    color: #2a2a2a;
}

.rulestext h {
    border-radius: 15px;
    background: #f5f5f5;
    font-size: 10px;
    padding: 4px 25px 4px 25px;
    text-transform: uppercase;
}

/* шапка */

.meowpost {
    position: absolute;
    width: 907px;
    top: 27px;
    line-height: 10px;
    font-size: 10px;
    margin-left: 65px!important;
    font-family: jost;
    text-align: justify !important;
    text-transform: lowercase;
    color: #404040 !important;
}

.meowauthor {
    position: absolute;
    top: 73px;
    font-size: 10px;
    margin-left: 65px!important;
    font-family: jost;
    color: #000000 !important;
    text-transform: uppercase;
    font-weight: 600;
}

.meowdate {
    position: absolute;
    top: 73px;
    font-size: 10px;
    margin-left: 929px!important;
    font-family: jost;
    color: #000000 !important;
    text-transform: uppercase;
    font-weight: 600;
}

.meowactive1 {
    width: 164px;
    padding: 20px;
    margin-left: 540px!important;
    flex-wrap: wrap;
    position: absolute;
    top: 254px;
    justify-content: space-evenly;
    align-items: center;
    align-content: space-between;
    flex-direction: column;
    word-spacing: 18px;
}

.meowactive2 {
    width: 164px;
    height: 91px;
    padding: 20px;
    margin-left: 796px!important;
    flex-wrap: wrap;
    position: absolute;
    top: 255px;
    justify-content: space-evenly;
    align-items: center;
    align-content: space-between;
    flex-direction: column;
    word-spacing: 14px;
}

.meownew {
    position: absolute;
    height: 49px;
    width: 893px;
    top: 450px;
    padding: 5px;
    margin-left: 69px!important;
    text-align: justify !important;
    overflow-x: scroll !important;
    overflow-y: hidden;
    white-space: nowrap;
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
}

.meowplashka {
    height: 35px;
    float: left;
    padding-right: 35px;
}

.meowplashka icon {
    width: 35px;
    height: 35px;
    background: #efefef21;
    border-radius: 50%;
    border: 1px solid #dadada47;
    /* float: left; */
    position: absolute;
}

.meowplashka icon img {
    padding: 7px;
}

.meowplashka h {
    font-family: 'Roboto';
    font-size: 9px;
    color: #000000 !important;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
    padding: 2px 3px 1px 3px;
    margin-left: 45px!important;
    margin-top: 5px!important;
}

.meowplashka h:hover {
    background: #95b1ab;
    transition: 1s;
}

.meowplashka small {
    font-family: jost;
    font-size: 10px;
    color: #d1d1d1 !important;
    text-transform: lowercase;
    float: left;
    margin-top: -1px!important;
    margin-left: 48px!important;
}

.meowams {
    position: absolute;
    margin-top: 320px!important;
    margin-left: 561px!important;
    font-size: 10px;
    letter-spacing: 0.4px;
    font-family: jost;
    color: #ffffff !important;
    text-transform: lowercase;
}

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

.meowams a:hover {
    background: #95b1ab;
}

/* инст */

.insta {
background-image:url(https://i.imgur.com/7uD7q1d.png);
width:611px;
height:418px;
    margin-left: 64px!important;
}

.insta username {
    font-family: jost;
    text-transform: uppercase;
    letter-spacing: 7px;
    font-size: 9px;
    position: relative;
    top: 18px;
    left: -157px;
    text-align: center;
}

.insta userpic img {
float:left;
border-radius:50%!important;
width:70px;
height:70px;
position:relative;
top:65px;
left:135px;

}

.insta follow {
    font-family: jost;
    text-transform: lowercase;
    font-size: 9px;
    position: relative;
    top: 80px;
    left: 17px;
    float: left;
    word-spacing: 33px;
}

.insta numbers {
    font-family: jost;
    text-transform: lowercase;
    font-size: 11px;
    position: relative;
    top: 65px;
    left: 164px;
    float: left;
    word-spacing: 41px;
}

.insta name {
    font-family: jost;
    text-transform: lowercase;
    font-size: 14px;
    position: relative;
    top: 105px;
    left: -144px;
    float: left;
}

.insta bio {
    font-family: jost;
    text-transform: lowercase;
    font-size: 10px;
    position: relative;
    top: 114px;
    left: 164px;
    float: left;
    width: 200px;
    color: #383838;
}

.insta photos {
    width: 420px;
    position: relative;
    top: 194px;
    left: 22px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.insta photos img {
border-radius:15px;
}

/* инст фото */

.instapic {
    background-image: url(https://i.imgur.com/sg7GcEH.png);
    width: 450px;
    height: 600px;
    margin-left: 134px!important;
}

.instapic username {
    font-family: jost;
    text-transform: lowercase;
    font-size: 14px;
    margin-top: 55px!important;
    margin-left: 15px!important;
    float: left;
}

.instapic userpic img {
    float: left;
    border-radius: 50%!important;
    width: 50px;
    height: 50px;
    margin-top: 43px!important;
    margin-left: 48px!important;
}

.instapic photo img {
    width: 350px;
    height: 350px;
    margin-top: 21px!important;
    margin-left: 51px!important;
}

.instapiclikes {
    font-family: jost;
    text-transform: lowercase;
    font-size: 12px;
    margin-top: 11px!important;
    margin-left: 76px!important;
}

.instapictime {
    font-family: jost;
    text-transform: uppercase;
    font-size: 9px;
    margin-top: 33px!important;
    margin-left: 40px!important;
}

/* инст сториз */

.instastory {
    width: 340px;
    height: 600px;
    margin-left: 187px!important;
}


.instastory username {
    font-family: jost;
    text-transform: lowercase;
    font-size: 12px;
    position: relative;
    top: 36px;
    left: 77px;
    float: left;
    z-index: 11;
    color: #fff;
}

.instastory userpic img {
    float: left;
    border-radius: 50%!important;
    width: 30px;
    height: 30px;
    position: relative;
    top: 33px;
    left: -11px;
    z-index: 11;
}

.instastory photo img {
    position: relative;
    top: -87px;
    left: 19px;
    border-radius: 30px;
-webkit-box-shadow: 0px 10px 18px 0px rgb(0 0 0 / 23%);
}

.instastory cross {
    top: -22px;
    left: 20px;
    z-index: 11;
    position: relative;
}

/* соцсети */

.sns { position: relative;
width: 420px;
min-height: 325px!important;
margin-left: 161px!important;
border-radius:30px;
background: url(https://i.imgur.com/VynAxtR.png) 0 top no-repeat, url(https://i.imgur.com/sxzZ8cc.png) 0 bottom no-repeat, url(https://i.imgur.com/qFiLnnl.png) 0 repeat-y;
}

.snsmeow {
    width: 370px;
    padding: 20px;
    padding-top: 119px;
    padding-bottom: 104px;
}

.snsupic {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 30px;
    left: 44px;
}

.snsupic img {
    border-radius: 50%;
    border: 1px solid #f1f1f1;
    max-width: 50px;
    max-height: 50px;
}

.snsname {
    text-transform: uppercase;
    color: #505050;
    font-family: jost;
    position: absolute;
    top: 40px;
    left: 106px;
    font-size: 10px;
    letter-spacing: 1px;
}

.snsonline {
    top: 57px;
    left: 107px;
    text-transform: lowercase;
    color: #939393;
    font-family: jost;
    position: absolute;
    font-size: 9px;
    letter-spacing: 0.5px;
}

.snsmissedcall {
    width: 180px;
    background: #efefef;
    color: #383838;
    font-family: jost;
    text-transform: uppercase;
    font-size: 9px;
    padding: 3px;
    border-radius: 20px;
    text-align: center;
    position: relative;
    margin-bottom: 25px!important;
    margin-left: 93px!important;
    letter-spacing: 0.5px;
}

.snstextfield {
    letter-spacing: 0.4px;
    width: 355px;
    max-height: 370px;
    margin-left: 7px!important;
    line-height: 12px;
    overflow: auto;
}

.snstext1 {
    clear: both;
    background: #e7e7e7c9;
    color: #707070;
    max-width: 225px;
    font-family: jost;
    float: right;
    padding: 7px 22px 7px 22px;
    font-size: 11px;
    margin-bottom: 11px!important;
    top: 6px;
    right: 17px;
    border-radius: 15px 15px 0px 15px;
    position: relative;
}

.snsphoto {
    float: right;
    padding: 5px 0px 5px 0px;
    position: relative;
    width: 290px;
    text-align: right;
    margin-right: 18px!important;
}

.snsphoto img {
max-width: 120px;
max-height: 120px;
border-radius: 20px;
min-width: 120px;
min-height: 120px;
}

.snsvideo {
    float: right;
    padding: 5px 0px 5px 0px;
    position: relative;
    width: 290px;
    text-align: right;
    margin-right: 16px!important;
}

.snsvideo img {
    max-width: 90px;
    max-height: 90px;
    border-radius: 100%;
    border: 2px solid #ebebeb;
    min-width: 90px;
    min-height: 90px;
}

.snstext2 {
    clear: both;
    background: #e7e7e7c9;
    color: #707070;
    max-width: 225px;
    font-family: jost;
    float: left;
    padding: 7px 22px 7px 22px;
    font-size: 11px;
    margin-bottom: 11px!important;
    top: 6px;
    left: 36px;
    border-radius: 15px 15px 15px 0px;
    position: relative;
}

.snsphoto1 {
    float: left;
    padding: 5px 0px 5px 0px;
    position: relative;
    width: 290px;
    text-align: left;
    margin-left: 36px!important;
}

.snsphoto1 img {
    max-width: 120px;
    max-height: 120px;
    border-radius: 20px;
    min-width: 120px;
    min-height: 120px;
}

.snsvideo1 {
float: right;
padding: 5px 0px 5px 0px;
position: relative;
width: 290px;
}

.snsvideo1 img {
    max-width: 90px;
    max-height: 90px;
    border-radius: 100%;
    border: 2px solid #ebebeb;
    min-width: 90px;
    min-height: 90px;
    margin-left: -24px!important;
}

/* шрифт */

.FNTslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #595959;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  border: solid 0px #;
  float: right;
  margin-top: 5px!important;
  margin-right: 7%;
}

.FNTslider .before {
  height: 6px;
  border: solid 0px transparent;
  border-right: none 0;
  border-radius: 4px 0 0 4px;
  position: absolute;
  background: #cacaca;
  margin-top: -1px;
  box-shadow: 0px 0px 2px 0px rgb(172, 168, 190) inset;
}

.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: #232323;
  cursor: pointer;
}


/* реакции */

.reactions-root .emoji-mart {
    font-family: jost!important;
    font-size: 12px!important;
    text-transform: lowercase!important;
    display: inline-block!important;
    color: #454545!important;
    border: 1px solid #e4e4e4!important;
    border-radius: 20px!important;
    background: #fff!important;
}

.reactions-root button, .reactions-root input, .reactions-root optgroup, .reactions-root select, .reactions-root textarea {
    font-family: jost!important;
    font-size: 100%!important;
    margin: 0!important;
    background: #fff!important;
}

.reactions-root button, .reactions-root [type=button], .reactions-root [type=reset], .reactions-root [type=submit] {
    -webkit-appearance: button!important;
    border: 1px solid #f0f0f0!important;
}

.reaction-picker-button svg {
    color: #dfdfdf!important;
    width: 10px!important;
}

.reaction-counter__emoji {
    padding: 0 2px!important;
    min-width: 14px!important;
    display: flex!important;
    align-items: center!important;
}

.reactions-root .emoji-mart-bar:first-child {
    border-top-left-radius: 5px!important;
    border-top-right-radius: 5px!important;
    height: 48px!important;
    margin-top: 10px!important;
}

.tippy-box{
position:relative!important;
background-color:#333!important;
color:#fff!important;
border-radius:4px!important;
font-size:9px!important;
text-transform:lowercase!important;
font-family:jost!important;
line-height:1.4!important;
white-space:normal!important;
outline:0!important;
transition-property:transform,visibility,opacity;
}

/* лс */

.lsbackground {
    background-image: url(https://i.imgur.com/sh6Nzc4.png);
    width: 747px;
    height: 409px;
    margin-left: 149px!important;
    margin-top: 54px!important;
}

.lspic {
max-width:80px;
max-height:80px;
}

.lspic img {
    position: relative;
    float: left;
    top: 41px;
    left: 57px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 10px 2px rgb(199 199 199 / 39%);
}

.lsanketa {
    border-radius: 15px;
    background: #f5f5f5;
    padding: 2px 7px 2px 7px;
    text-transform: lowercase;
    float: left;
    font-family: jost;
    font-size: 12px;
    position: relative;
    top: 139px;
    left: -25px;
}

.lsanketa a {
    color: #a3a3a3!important;
}

.lsrace img {
    position: relative;
    float: left;
    top: 40px;
    height: 105px;
    width: 245px;
    left: 26px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 10px 2px rgb(199 199 199 / 14%);
    border: 1px solid #f3f3f3;
}

.lssong album {
    width: 65px;
    height: 65px;
    position: relative;
    top: 59px;
    left: -46px;
    float: right;
}

.lssong album img {
border-radius:15px;
    filter: grayscale(1);
    max-width: 65px;
    max-height: 65px;
    -webkit-box-shadow: 0px 0px 10px 2px rgb(199 199 199 / 14%);
}

.lssong song {
    font-family: jost;
    font-size: 14px;
    position: relative;
    top: 75px;
    left: -15px;
    float: right;
}

.lssong artist {
    font-family: jost;
    font-size: 11px;
    position: relative;
    top: 95px;
    left: -65px;
    float: right;
}

.lsicons {
    text-align: justify !important;
    overflow-x: scroll !important;
    overflow-y: hidden;
    white-space: nowrap;
    justify-content: space-evenly;
    display: flex;
    flex-direction: row;
    width: 340px;
    padding: 6px;
    position: relative;
    top: 75px;
    float: left;
    left: 67px;
}

.lsplashki {
    overflow-y: scroll;
    width: 236px;
    height: 168px;
    position: relative;
    top: 80px;
    float: left;
    left: 109px;
    line-height: 20px;
}

.lsposters {
    text-align: justify !important;
    overflow-x: scroll !important;
    overflow-y: hidden;
    white-space: nowrap;
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    width: 353px;
    position: relative;
    top: -54px;
    float: left;
    left: 66px;
opacity: 0.4;
}