/* CS1 Background and text colours
-------------------------------------------------------------*/

/*----------- fon -----------*/
html {background: url(http://forumstatic.ru/files/001b/60/f6/90950.webp); background-repeat: no-repeat; background-attachment: fixed; background-position: top center; background-size: cover; overflow-x: hidden;}

/*----------- kategorii -----------*/
#pun-main h2 {height: 4px; margin-bottom: 7px; margin-top: 7px;}
#pun-main h2 span {font-size: 11px;}
#pun-category1.category h2 span, #pun-category2.category h2 span, #pun-category3.category h2 span, #pun-category4.category h2 span, #pun-category5.category h2 span, #pun-category6.category h2 span {display: none;}
#forum_f1 thead, #forum_f2 thead, #forum_f3 thead, #forum_f4 thead, #forum_f5 thead, #forum_f6 thead {font: normal 400 10px arial;}
#forum_f1 thead tr th, #forum_f2 thead tr th, #forum_f3 thead tr th, #forum_f4 thead tr th, #forum_f5 thead tr th, #forum_f6 thead tr th {text-align: center; padding: 16px 0;}

/*------------------------category img-----------------------------*/
#pun-category1.category h2 {background: url(https://i.imgur.com/j2eICzh.png) no-repeat center;}
#pun-category2.category h2 {background: url(https://i.imgur.com/6GHaZ6R.png) no-repeat center;}
#pun-category3.category h2 {background: url(https://i.imgur.com/GeVh0jd.png) no-repeat center;}
#pun-category4.category h2 {background: url(https://i.imgur.com/OPpYl3n.png) no-repeat center;}
#pun-category5.category h2 {background: url(https://i.imgur.com/wYdCK0b.png) no-repeat center;}
#pun-category6.category h2 {background: url(https://i.imgur.com/kpKtaOr.png) no-repeat center;}
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2 {height: 56px; margin: 32px 0 -2px 0;}
#pun-category1 .tcr, #pun-category2 .tcr, #pun-category3 .tcr, #pun-category4 .tcr, #pun-category5 .tcr, #pun-category6 .tcr {width: 100%;}

/*----------- fon pod podforumami -----------*/
#pun-index .category tbody tr {border: 0px solid #ebebeb; background: transparent; font: normal 11px arial; text-transform: lowercase; display: block; margin-bottom: 0px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -o-border-radius: 15px; margin: 12px 0 12px 0; min-height: 70px;}
.category tbody tr td.tcl .intd {display: inline-flex; flex-wrap: wrap; flex-direction: row; align-content: stretch; background: #fafafa; height: auto; border-radius: 15px; padding: 14px; min-height: 61px;}
#pun-index .category table {border-spacing: 0px; padding: 0 0px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -o-border-radius: 15px;}
#pun-index .category th {display: none;}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {background-color: transparent; color: #1b1b1b;}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {color: #1b1b1b;}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {background-color: white; text-transform: uppercase; font: normal 500 10px arial; text-align: center; letter-spacing: 0.5px; font-variant: small-caps;}

/* kategorii status */
#pun-stats h2 {background: url(https://i.imgur.com/Mw1rOS5.png) no-repeat center; height: 56px;}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {background-color: transparent; color: #1b1b1b;}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {color: #b2b0a5; border-radius: 10px;}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {background-color: transparent; color: #1b1b1b;}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {background-color: #f9f9f9; color: #1b1b1b;}

/* CS1.8 */
#pun-navlinks .container {background-color: transparent; color: #6d5d6f; font: 11px arial;}
#pun-ulinks .container {font: normal 600 7px/195% arial; text-transform: uppercase; font-variant: small-caps;}

/* profile v online */
li.pa-online strong {font-weight: 600;}

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

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

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

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

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {border-color:transparent;}

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

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

#pun-ulinks li a:hover {background: #F4F4F4; color: #000000;}

.punbb .divider {border-color:transparent;}

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

li.pa-online {border-left-color: transparent;}


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {text-decoration: none; color: #dc5e0e; transition: .3s ease-out;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {text-decoration: none; color: #1b1b1b;}

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

/* CS3.3 */
#pun-navlinks a {color: black; text-decoration: none;}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {color: #fff; text-decoration: none;}

#pun-pagelinks a:active, #pun-pagelinks a:focus {background-color: #1b1b1b; color: #fff;}

#pun-index .tcl h3 a {color: #424242; font: normal 800 14px arial; text-transform: uppercase; margin-left: 80px; margin-top: 3px;}
#pun-index .tcl h3 a:hover {color: #dc5e0e;}

/* cs3.3. ссылки кнопки доп меню */
#pun-ulinks a {color: #aeaeae;}

/* cs3.6. ссылки наведение кнопки доп меню */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {color: #edd6b2;}

/* cs3.8. ссылка репутации */
.pa-respect a {color: #a4a3a3 !important;}

.punbb .post h3 span a.permalink {color: #1b1b1b;}

/* cs3.6. имя профиля */
.pa-author a {text-decoration: none; color: #1b1b1b !important;}

/* cs3.6. имя профиля при наведении */
.pa-author a:hover, .pa-author a:focus, .pa-author a:active{text-decoration: none; color: #f37705 !important;}


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

/*----------- иконки новых сообщений -----------*/
tr.inew div.icon {background: url(https://i.imgur.com/e90hWl9.png) no-repeat; float: left; display: block;}


/*----------- иконки сообщений внутри подфорумов -----------*/
#pun-messages Div.icon, #pun-viewforum table Div.icon {float: left; border-style: none none none none; margin-left: -52px;}

tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7;}

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


/* CS5 Raznoe
 -------------------------------------------------------------*/

/*----------- аватар в подфорумах -----------*/
em.user-avatar.no-avatar {float: left; position: relative;}
.punbb .user-avatar .avatar-image {border-radius: 50%; height: 42px; width: 42px; opacity: 0.85; background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; border: 3px solid #ffd9e1; /*-filter: grayscale(1);*/}
/*----------- иконка онлайна в аватаре -----------*/
.punbb .user-avatar .isonline {background: #c23c1e !important;}

/*----------- форма ответа -----------*/
#main-reply {padding: 0.5em; border-radius: 10px; margin: 4px 0px 0 -5px; background: #fcfcfc;}
.punbb .formal fieldset {min-width: 0; border: 0px solid #ebebeb; border-radius: 10px;}
tr.group1.icon.inew {outline: 1px solid #edebdf; outline-offset: -2px; border-radius: 15px; font: normal 11px arial; text-transform: lowercase;}
.punbb fieldset legend strong {text-transform: lowercase; color: #b7b7b7; padding: 2px 7px 2px 7px; margin: 0 20px 0 -16px; border: 0px solid #b19fd308; border-radius: 10px; font: normal 400 11px arial; background: #fafafa;}

/*----------- кнопки -----------*/
.punbb input.button {font: normal 400 10px arial; border-radius: 25px; padding: 11px 24px; background: #dc5e0e; border: 0px solid #b8a07d1f; color: white; letter-spacing: 0.3px; margin: 0 2px 0 2px; cursor: pointer; transition: .3s ease-out;}
.punbb input.button:hover {background: #c23c1e; color: #ffffff;}


/* CS6 Nikogda ne udalyat
 -------------------------------------------------------------*/
#tags .container {padding: 14px; border-radius: 10px; border: 1px solid #ededed; shape-outside: border-box; background-color: #ffffff;}
#font-area {height: 150px; overflow-x: hidden; overflow-y: scroll;}
#smilies-area img {padding: 0.3px;}
#button-indent {background:url(http://s7.uplds.ru/t/mnkgq.png)no-repeat center 6px!important;}
#button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%;}
.inner.post_reputation {background: white;}
.inner.post_reputation h1 span {text-align: center; color: #1b1b1b; font: normal 13px arial; text-transform: uppercase;}
#pun-stats .item2, #pun-stats .item3 {width: 315px;}
.item4 span {display: none;}
#pun-stats .item2 {background: #fafafa; margin: 2em 0 0 0; display: inline-block; text-align: center; border-radius: 25px; padding: 8px 24px; border: 0px solid #b8a07d1f; color: #65645f; width: 246px; font: 600 10px/175% arial; text-transform: uppercase; letter-spacing: 0.5px; font-variant: all-small-caps;}
#pun-stats .item3 {background: #fafafa; margin: 2em 0 0 0; display: inline-block; text-align: center; border-radius: 25px; padding: 8px 24px; border: 0px solid #b8a07d1f; color: #65645f; width: 246px; font: 600 10px/175% arial; text-transform: uppercase; letter-spacing: 0.5px; font-variant: all-small-caps; margin: 0 30px 0 30px;}
#pun-stats .item4 {background: #fafafa; margin: 2em 0 0 0; display: inline-block; text-align: center; border-radius: 25px; padding: 8px 24px; border: 0px solid #b8a07d1f; color: #65645f; width: 246px; font: 600 10px/175% arial; text-transform: uppercase; letter-spacing: 0.5px; font-variant: all-small-caps;}
#pun-stats .item4  a {color: #c23c1e;}
.pun-modal .modal-inner {background: white;}

/*-------------zz------------------*/
li.pa-fld3 .aries, li.pa-fld3 .taurus, li.pa-fld3 .gemini, li.pa-fld3 .cancer, li.pa-fld3 .leo, li.pa-fld3 .virgo, li.pa-fld3 .libra, li.pa-fld3 .scorpio, li.pa-fld3 .sagittarius, li.pa-fld3 .capricorn, li.pa-fld3 .aquarius, li.pa-fld3 .pisces {width: 20px; height: 21px;}
li.pa-fld3 .aries {background: url(http://forumstatic.ru/files/001b/60/f6/96510.png) center no-repeat;}
li.pa-fld3 .taurus {background: url(http://forumstatic.ru/files/001b/60/f6/82557.png) center no-repeat;}
li.pa-fld3 .gemini {background: url(http://forumstatic.ru/files/001b/60/f6/38742.png) center no-repeat;}
li.pa-fld3 .cancer {background: url(http://forumstatic.ru/files/001b/60/f6/75405.png) center no-repeat;}
li.pa-fld3 .leo {background: url(http://forumstatic.ru/files/001b/60/f6/74358.png) center no-repeat;}
li.pa-fld3 .virgo {background: url(http://forumstatic.ru/files/001b/60/f6/73201.png) center no-repeat;}
li.pa-fld3 .libra {background: url(http://forumstatic.ru/files/001b/60/f6/89769.png) center no-repeat; width: 21px; height: 19px;}
li.pa-fld3 .scorpio {background: url(http://forumstatic.ru/files/001b/60/f6/96137.png) center no-repeat;}
li.pa-fld3 .sagittarius {background: url(http://forumstatic.ru/files/001b/60/f6/34708.png) center no-repeat; width: 20px; height: 20px;}
li.pa-fld3 .capricorn {background: url(http://forumstatic.ru/files/001b/60/f6/13512.png) center no-repeat;}
li.pa-fld3 .aquarius {background: url(http://forumstatic.ru/files/001b/60/f6/27005.png) center no-repeat; height: 19px;}
li.pa-fld3 .pisces {background: url(http://forumstatic.ru/files/001b/60/f6/72881.png) center no-repeat;}

/* CS7 Navigaciya
 -------------------------------------------------------------*/
#navindex a, #navuserlist a, #navsearch a, #navprofile a, #navpm a, #navadmin a, #navlogout a, #navlogin a, #navregister a, #navpiar a {transition: .3s ease-out;}
#navindex a {background: url(http://forumstatic.ru/files/001b/60/f6/83204.svg) no-repeat top center;}
#navuserlist a {background: url(http://forumstatic.ru/files/001b/60/f6/97946.svg) no-repeat top center;}
#navsearch a {background: url(http://forumstatic.ru/files/001b/60/f6/24749.svg) no-repeat top center;}
#navprofile a {background: url(http://forumstatic.ru/files/001b/60/f6/90616.svg) no-repeat top center;}
#navpm a {background: url(http://forumstatic.ru/files/001b/60/f6/25619.svg) no-repeat top center;}
#navadmin a {background: url(http://forumstatic.ru/files/001b/60/f6/27803.svg) no-repeat top center;}
#navlogout a {background: url(http://forumstatic.ru/files/001b/60/f6/66615.svg) no-repeat top center;}
#navlogin a {background: url(http://forumstatic.ru/files/001b/60/f6/40181.svg) no-repeat top center;}
#navregister a {background: url(http://forumstatic.ru/files/001b/60/f6/32074.svg) no-repeat top center;}
#navpiar a {background: url(http://forumstatic.ru/files/001b/60/f6/26105.svg) no-repeat top center;}
#navindex a:hover, #navindex a:focus, #navindex a:active {background: url(http://forumstatic.ru/files/001b/60/f6/10809.svg) no-repeat top center;}
#navuserlist a:hover, #navuserlist a:focus, #navuserlist a:active {background: url(http://forumstatic.ru/files/001b/60/f6/24762.svg) no-repeat top center;}
#navsearch a:hover, #navsearch a:focus, #navsearch a:active {background: url(http://forumstatic.ru/files/001b/60/f6/85000.svg) no-repeat top center;}
#navprofile a:hover, #navprofile a:focus, #navprofile a:active {background: url(http://forumstatic.ru/files/001b/60/f6/48478.svg) no-repeat top center;}
#navpm a:hover, #navpm a:focus, #navpm a:active {background: url(http://forumstatic.ru/files/001b/60/f6/17771.svg) no-repeat top center;}
#navadmin a:hover, #navadmin a:focus, #navadmin a:active {background: url(http://forumstatic.ru/files/001b/60/f6/41619.svg) no-repeat top center;}
#navlogout a:hover, #navlogout a:focus, #navlogout a:active {background: url(http://forumstatic.ru/files/001b/60/f6/65621.svg) no-repeat top center;}
#navlogin a:hover, #navlogin a:focus, #navlogin a:active {background: url(http://forumstatic.ru/files/001b/60/f6/81820.svg) no-repeat top center;}
#navregister a:hover, #navregister a:focus, #navregister a:active {background: url(http://forumstatic.ru/files/001b/60/f6/60476.svg) no-repeat top center;}
#navpiar a:hover, #navpiar a:focus, #navpiar a:active {background: url(http://forumstatic.ru/files/001b/60/f6/49468.svg) no-repeat top center;}

/* CS8 Scrolls and selections
 -------------------------------------------------------------*/
::-webkit-scrollbar {width: 4px; height: 4px; background-color: #ebebeb; border: 1px solid transparent; border-radius: 5px;}
::-webkit-scrollbar-thumb {border: 1px solid transparent; border-radius: 5px; background: #b4b4b4;}
::selection {background: #ededed; color: #000000;}

/* CS9 HTML Post
 -------------------------------------------------------------*/
#news {margin: auto; width: 450px; padding: 1em 1em 2em 1em; border: 1px solid #ebebeb; border-radius: 15px;}
#news .p {width: 403px; padding: 1em; border-radius: 10px; margin: auto; font: normal 400 10px/150% arial; color: #1b1b1b;}
#news .h {width: 420px; height: 25px; text-align: center; border-radius: 5px; margin: 14px auto; background: linear-gradient(to right, #fbc1de1c, #fcd2b41a);}
#news .h1 {margin: 15px; text-transform: uppercase; font: small-caps 500 8px arial; color: #b975c1; letter-spacing: 0.5px; padding: 9px;}
#news .p1 {width: 400px; height: auto; margin: 0 auto; text-align: justify; border-radius: 5px; font: normal 400 10px/130% arial; color: #1b1b1b;}


/* CS10 Shapka
 -------------------------------------------------------------*/

#obnova {position: absolute; width: 875px; height: 94px; top: 390px; margin: 24px 0 0 10px; overflow-y: hidden; overflow-x: hidden; border-radius: 15px; background: transparent; border: 0px solid #ebebeb; left: 57px;}
#obnova .bg {width: 856px; height: 73px; margin: 10px; overflow-y: auto; overflow-x: hidden; position: relative; display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: space-between;}
#obnova .bg .plashka {width: 166px; height: 34px; border-radius: 25px; margin: 0 2px 0 2px; background: #f6f6f6;}
#obnova .bg .icon {position: absolute; width: 24px; height: 24px; margin: 5px 0 0 8px;}
#obnova .bg .icon img {border-radius: 45px; width: 24px; height: 24px;}
#obnova .bg .name {position: absolute; text-align: left; margin: 7px 0 0 32px; font: normal 800 7px arial; text-transform: uppercase; letter-spacing: 0.8px; padding: 2px 6px 2px 6px; border-radius: 32px;}
#obnova .bg .comment {position: relative; text-align: left; font: normal 400 7px arial; text-transform: lowercase; letter-spacing: 0.6px; top: 19px; left: 39px; color: #f37705; width: 110px;}
#obnova .bg .name a {color: #1b1b1b;}
#obnova .bg .name a:hover {color: #f37705;}
.ams {width: 150px; text-align: right; position: absolute; right: 163px; top: 202px; letter-spacing: 1px; text-transform: lowercase; word-spacing: 7px; font: normal 600 7px arial;}
.ams2 {width: 150px; text-align: right; position: absolute; right: 154px; top: 191px; letter-spacing: 1px; text-transform: lowercase; word-spacing: 4px; font: normal 600 7px arial;}
.ams a, .ams a:link, .ams a:visited, .ams2 a, .ams2 a:link, .ams2 a:visited {color: #f37705;}
.ams a:hover, .ams a:focus, .ams a:active, .ams2 a:hover, .ams2 a:focus, .ams2 a:active {color: #802500;}

/*------------------------futer----------------------------------*/
#pun-about p.container {background: url(https://i.imgur.com/3YgVBSO.png) no-repeat center; height: 254px; width: 1010px; margin-top: -16px; position: absolute; margin-left: -40px;}

/*------------------------podforum-----------------------------*/
#podforum {padding: 6px 0px 15px 12px; width: auto; border: 0px solid #ebebeb; border-radius: 5px; background: transparent; margin: 0 0 0 0; display: inline-flex;}
#ssilki {align-content: center; position: relative; margin: -22px 0px 0 77px; width: 500px; line-height: 35px;}
.podftext {font: normal 600 7px arial; text-transform: uppercase; letter-spacing: 1.5px; padding: 0 0 14px 0px; color: #b4b4b4;}
.sl {word-spacing: 15px;}
#podforum a {font: normal 400 10px arial; text-transform: lowercase; border-radius: 25px; padding: 0 5px; background: transparent; border: 0px solid #af27d512; color: white; letter-spacing: 0.3px; margin: 0 2px 0 2px;}
#ssilki a {font: normal 400 10px arial; text-transform: lowercase; border-radius: 25px; padding: 8px 24px; background: #ededed; border: 0px solid #b8a07d1f; color: #686868; letter-spacing: 0.3px; margin: 0 2px 0 2px;}
#ssilki a:hover {background: #dc5e0e; color: white; border: 0px solid #ca9cae1f;}

/*------------------------kartinki po bokam-----------------------------*/
.levo {position: absolute; left: 147px; top: 264px;}
.levo a:hover {filter: opacity(0.1);}
.pravo {position: absolute; right: 138px; top: 35px;}
.pravo img {border-radius: 100%; width: 60px; height: 60px; opacity: 0.7;}
.pravo img:hover {opacity: 1; transition: .5s cubic-bezier(0.4, 0, 1, 1);}

/*------------------------para-----------------------------*/
.love{position: absolute; right: 156px; top: 264px;}
.love img {border-radius: 25px;}
.love img:hover {transition: .5s cubic-bezier(0.4, 0, 1, 1); filter: invert(0.2);}

/*------------------------zz v shapky-----------------------------*/
.zzsh{position: absolute; left: 228px; top: 264px;}
.zzsh img {border-radius: 45px;}

/*------------------------aktiv levo-----------------------------*/
.aktl1 {position: absolute; left: 143px; top: 221px;}
.aktl2 {position: absolute; left: 183px; top: 221px;}
.aktl3 {position: absolute; left: 224px; top: 221px;}
.aktl4 {position: absolute; left: 264px; top: 221px;}
.aktl1 img, .aktl2 img, .aktl3 img, .aktl4 img{border-radius: 45px; margin: 0 4px 0 4px;}
.aktl1 img:hover, .aktl2 img:hover, .aktl3 img:hover, .aktl4 img:hover {filter: invert(0.2); transition: .5s cubic-bezier(0.4, 0, 1, 1);}

/*------------------------aktiv pravo-----------------------------*/
.aktp1 {position: absolute; right: 253px; top: 221px;}
.aktp2 {position: absolute; right: 213px; top: 221px;}
.aktp3 {position: absolute; right: 172px; top: 221px;}
.aktp4 {position: absolute; right: 132px; top: 221px;}
.aktp1 img, .aktp2 img, .aktp3 img, .aktp4 img{border-radius: 45px; margin: 0 4px 0 4px;}
.aktp1 img:hover, .aktp2 img:hover, .aktp3 img:hover, .aktp4 img:hover {filter: invert(0.2); transition: .5s cubic-bezier(0.4, 0, 1, 1);}

/*------------------------post-----------------------------*/
.pst{position: absolute; left: 146px; top: 154px; width: 156px; height: auto; text-align: center; color: #424242; padding: 4px; overflow-y: hidden; overflow-x: hidden; letter-spacing: 0.5px; font: normal 400 7px/125% arial;}

/*------------кнопки активности темы в активные темы----------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {float: left; height: 8px; width: 8px; position: relative; margin: 5px 14px 0 0; background: #f4f4f4; border-radius: 15px;}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {float: left; height: 8px; position: relative; width: 8px; margin: 5px 14px 0 0; background: #dc5e0e; border-radius: 15px;}

/*------------профиль h----------*/
.punbb h1 span, .punbb h2 span, .punbb legend span {text-transform: uppercase; color: #b7b7b7; padding: 2px 7px 2px 7px; border: 0px solid #b19fd308; border-radius: 10px; font: normal 800 9px Arial; background: #fafafa;}

/*------------валюта----------*/
#money {display: inline-flex; align-items: center;}
#money .icon {background: url(https://i.imgur.com/cKAQN28.png) top center no-repeat; width: 12px; height: 10px; position: relative; margin: 0 2px 0 0;}
/*------------валюта в редактировании профиля----------*/
#viewprofile li#pa-fld2 span {text-align: left; font-size: 0; background: url(http://forumstatic.ru/files/001b/5c/42/39594.png) no-repeat; width: 12px; height: 10px; margin: 18px 0 0 -166px;}
/*------------доп.ячейка----------*/
#ivent {display: inline-flex; align-items: center;}
#ivent .icon_angel {width: 10px; height: 10px; position: relative; margin: 0 2px 0 0; display: flex; background: url(https://i.imgur.com/wTLBIQv.png) top center no-repeat;}
#ivent .icon_devil {width: 10px; height: 10px; position: relative; margin: 0 2px 0 0; display: flex; background: url(https://i.imgur.com/1DC2iUp.png) top center no-repeat;}
/*------------доп.ячейка в редактировании профиля----------*/
#viewprofile li#pa-fld5 span {text-align: left; font-size: 0; background: url(https://i.imgur.com/uxhWPQ4.png) no-repeat; width: 10px; height: 10px; margin: 20px 0 0 -166px;}

/* CS11 HTML
 -------------------------------------------------------------*/
/*----------- anketa -----------*/
#anketa {width: 392px; min-height: 376px; height: auto; background: #fafafa; border-radius: 15px; margin: auto; padding: 24px;}
#anketa .bg {width: 365px; height: auto; background: #FFFFFF; border-radius: 10px; padding: 24px 14px 24px 14px; color: #959595; margin: 0 0 12px 0;}
#anketa .adm {height: 53px;}
#anketa .adm .icon {margin: 0 0 0 26px;}
#anketa .adm .icon img {border-radius: 25px; width: 45px; height: 45px;}
#anketa .txt {position: absolute; top: 50px; left: 257px; font: normal 600 14px arial; text-transform: lowercase;}
#anketa .txt2 {position: absolute; top: 68px; left: 257px; font: normal 400 11px arial; text-transform: lowercase;}
#anketa .border {margin: 6px auto 0 auto; background: #f2f2f2; width: 91%; height: 1px;}
#anketa .info {height: 102px; display: inline-flex; width: 365px;}
#anketa .block {width: 152px; height: 74px; background: #fafafa; border-radius: 15px; margin: 14px auto 0 auto;}
#anketa .h {font: normal 400 11px arial; text-transform: lowercase; padding: 14px 0 0 0; text-align: center;}
#anketa .zz {width: 16px; display: inline-flex; margin: 10px 14px 0 14px; text-align: center; vertical-align: middle; height: 16px; align-items: center; justify-content: space-evenly;}
#anketa .zz img {filter: brightness(0.6);}
#anketa .p1 {width: 94px; display: inline-flex; vertical-align: middle; font: normal 600 14px arial; text-transform: lowercase; text-align: center; justify-content: space-evenly; margin: 10px auto 0 auto;}
#anketa .block2 {width: 152px; height: 74px; background: #fafafa; border-radius: 15px; margin: 14px auto 0 auto;}
#anketa .p2 {width: auto; margin: 10px 0 0 0; text-align: center; vertical-align: middle; font: normal 600 14px arial; text-transform: lowercase;}
#anketa .block3 {width: 335px; min-height: 60px; height: auto; background: #fafafa; border-radius: 15px; margin: auto;}
#anketa .h1 {font: normal 500 11px arial; text-transform: lowercase; padding: 14px 24px 4px 24px;}
#anketa .p3 {font: normal 400 11px arial; text-transform: lowercase; padding: 0 24px 14px 24px;}
#anketa .info3 {display: inline-flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
#anketa .link {font: normal 400 11px arial; text-transform: lowercase; padding: 8px 14px 8px 14px; min-width: 60px; width: auto; text-align: center; height: auto; background: #ffffff; box-shadow: 0px 0px 10px #ebebeb; border-radius: 45px; margin: 6px 0 6px 0;}

/*----------- vnehi -----------*/
#spisok {width: 557px; margin: auto; padding: 14px; border: 0px solid #ebebeb; border-radius: 10px; background: #fafafa;}
#spisok .shapka {margin: auto 0 14px 0;}
#spisok .shapka img {border-radius: 10px;}
#spisok .tr {display: inline-flex; width: 556px; justify-content: space-between;}
#spisok .td {width: 274px; height: 120px; border: 0px solid #ebebeb; border-radius: 10px; margin: 0 0 4px 0; background: #ffffff;}
#spisok .h {width: 268px; height: 25px; background: #ededed; border-radius: 5px; margin: 4px auto 0 auto;}
#spisok .h1 {font: normal 800 10px arial; text-align: center; padding: 6px; text-transform: uppercase; color: #97958b;}
#spisok .block {width: 255px; height: 62px; overflow-x: hidden; overflow-y: auto; margin: 14px 14px 0 14px;}
#spisok .p {width: 240px; font: normal 400 11px/145% arial;}

/*----------- insta profil -----------*/
#instagram {width: 450px; height: auto; margin: auto; border: 0px solid #ebebeb; border-radius: 15px; padding: 24px; color: #1b1b1b; background: #fafafa;}
#instagram .i1 {width: auto; margin: 0 0 14px 0;}
#instagram .i1 .nickname {width: 300px; font: normal 400 14px arial; letter-spacing: 0.3px;}
#instagram .i1 .ava {margin: 14px 0 0 0;}
#instagram .i1 .ava img {border-radius: 55px; width: 100px; height: 100px;}
#instagram .i1 .publ {width: 60px; text-align: center; position: absolute; top: 80px; left: 260px; font: normal 600 14px arial;}
#instagram .i1 .publ2 {width: 60px; text-align: center; position: absolute; top: 99px; left: 261px; font: normal 400 12px arial;}
#instagram .i1 .sub {width: 60px; text-align: center; position: absolute; top: 80px; left: 356px; font: normal 600 14px arial;}
#instagram .i1 .sub2 {width: 60px; text-align: center; position: absolute; top: 99px; left: 356px; font: normal 400 12px arial;}
#instagram .i1 .subs {width: 65px; text-align: center; position: absolute; top: 80px; left: 460px; font: normal 600 14px arial;}
#instagram .i1 .subs2 {width: 65px; text-align: center; position: absolute; top: 99px; left: 460px; font: normal 400 12px arial;}
#instagram .i1 .nickname2 {position: absolute; font: normal 600 12px arial; top: 130px; left: 277px;}
#instagram .i1 .about {width: 298px; position: absolute; font: normal 400 12px arial; top: 151px; left: 277px;}
#instagram .i2 {background: url(https://i.imgur.com/4Co8Kgg.png) center; width: 447px; height: 42px; margin: 24px auto 0 auto;}
#instagram .i3 {display: inline-flex; flex-wrap: wrap; justify-content: space-between;}
#instagram .i3 .photo {float: left; margin: 12px 0 12px 0;}
#instagram .i3 .photo img {float: left; margin: 0 0 -11px 0; width: 140px; height: 140px;}

/*----------- insta post -----------*/
#instagram .ip1 .ava {margin-left: 17px;}
#instagram .ip1 .ava img {border-radius: 25px; width: 24px; height: 24px;}
#instagram .name {font: normal 600 12px arial;}
#instagram .other {background: url(https://i.imgur.com/8UgmXHG.png); width: 16px; height: 4px; position: absolute; right: 150px;}
#instagram .ip3 {background: url(https://i.imgur.com/M8wnfI4.png); width: 400px; height: 29px; margin: 14px auto 0 auto;}
#instagram .ip4 {width: 401px; margin: 14px 0 0 24px; font: normal 12px arial;}
#instagram .comment {color: #757575; margin: 4px auto;}

/*----------- insta msg -----------*/
#instagram .c1 {display: -webkit-inline-box;}
#instagram .c1 .avatar, #instagram .c2 .avatar {margin: 0 14px 0 0;}
#instagram .c1 .avatar img, #instagram .c2 .avatar img {border-radius: 25px; width: 24px; height: 24px;}
#instagram .c1 .nickname, #instagram .c2 .nickname {width: 370px; letter-spacing: 0.3px; font: normal 400 12px arial;}
#instagram .like {background: url(http://forumstatic.ru/files/001b/60/f6/88271.png) no-repeat; width: 14px; height: 12px; float: right; position: relative; margin: 12px 0 0 29px;}
#instagram .c2 {font: normal 600 11px arial; color: #757575; position: relative; margin: 4px 38px;}
/*----------- insta msg2 -----------*/
#instagram .c0 {margin: 24px 0 0 0;}
#instagram .border {width: 100%; background: #f2f2f2; height: 1px; margin: 14px 0 14px 0;}
#instagram .c3 {display: -webkit-inline-box; margin: 14px 0 14px 0;}

/*----------- insta sns -----------*/
#instagram_sns {width: 500px; height: auto; margin: auto; border: 0px solid #ebebeb; border-radius: 15px; color: #1b1b1b; background: #fafafa;}
#instagram_sns .s1 {padding: 14px; border-bottom: 1px solid #f2f2f2; height: 31px; vertical-align: middle;}
#instagram_sns .ava img {width: 24px; height: 24px; border-radius: 25px;}
#instagram_sns .nick {font: normal 600 12px arial; width: 300px;}
#instagram_sns .info {float: right; position: relative; background: url(https://i.imgur.com/08A0GR1.png) no-repeat; width: 24px; height: 24px; margin: 0 0 0 86px;}
#instagram_sns .s2 {padding: 14px; height: 491px; overflow-y: auto; overflow-x: hidden;}
#instagram_sns .s2 .sns_data {padding: 4px 0 4px 0; text-align: center; color: #757575; font: normal 400 10px/150% arial; letter-spacing: 0.3px; clear: both;}
#instagram_sns .sns {float: right; min-width: auto; max-width: 228px; min-height: 18px; height: auto; background: #ededed; border-radius: 15px; clear: both; font: normal 400 11px/150% arial; padding: 12px 14px 12px 14px; margin: 7px 3px 7px 3px; text-align: left; position: relative; color: #65645f;}
#instagram_sns .sns_sticker {float: right; clear: both; margin: 7px 3px 7px 3px; position: relative;}
#instagram_sns .sns_otvet {float: right; width: 163px; height: 37px; clear: both; font: normal 400 10px/150% arial; padding: 0 11px 4px 0; margin: 0 3px 0 0; text-align: right; position: relative; color: #757575; border-right: 4px solid #757575; letter-spacing: 0.3px; display: grid; align-items: flex-end;}
#instagram_sns .sns_otvet img {margin: 0 0px 0 6px;}
#instagram_sns .sns_krujok {float: right; clear: both; margin: 7px 3px 7px 3px; position: relative;}
#instagram_sns .sns_krujok .emoji {position: absolute; top: -12px; float: right; right: 2px; width: 24px; height: 24px; background: #fafafa; text-align: center; border-radius: 25px; display: inline-flex; align-items: center; justify-content: center;}
#instagram_sns .sns_img {clear: both; float: right; margin: 7px 3px 7px 3px;}
#instagram_sns .sns_img img {border-radius: 22px; width: 228px;}
#instagram_sns .s2 .sns .emoji {position: absolute; top: -12px; float: right; right: 2px; width: 24px; height: 24px; background: #fafafa; text-align: center; border-radius: 25px; display: inline-flex; align-items: center; justify-content: center;}
#instagram_sns .s2 .sns .emoji img, #instagram_sns .sns2 .emoji img {width: 16px; height: 16px;}
#instagram_sns .sns_sticker img, #instagram_sns .sns_sticker2 img {width: 60px; height: 60px;}
#instagram_sns .sns_krujok2_img img, #instagram_sns .sns_krujok_img img {border-radius: 45px; width: 60px; height: 60px;}
#instagram_sns .s3 {background: url(https://i.imgur.com/5j4nmyC.png) no-repeat center; width: 452px; height: 44px;  margin: auto; padding: 14px 0 21px 0;}
#instagram_sns .sns2 {float: left; min-width: auto; max-width: 228px; min-height: 18px; height: auto; border-radius: 15px; clear: both; font: normal 400 11px/150% arial; padding: 12px 14px 12px 14px; margin: 7px 3px 7px 3px; text-align: left; border: 1px solid #ededed; position: relative; background: #f5f5f5; color: #65645f;}
#instagram_sns .sns_sticker2 {float: left; clear: both; margin: 7px 3px 7px 3px; position: relative;}
#instagram_sns .sns_otvet2 {float: left; width: 163px; height: 37px; clear: both; font: normal 400 10px/150% arial; padding: 0 0 4px 11px; margin: 0 0 0 3px; text-align: left; position: relative; color: #757575; border-left: 4px solid #757575; letter-spacing: 0.3px; display: grid; align-items: flex-end;}
#instagram_sns .sns_otvet2 img {margin: 0 6px 0 0px;}
#instagram_sns .sns_krujok2 {float: left; clear: both; margin: 7px 3px 7px 3px; position: relative;}
#instagram_sns .sns_krujok2 .emoji {position: absolute; top: -12px; float: left; left: 0px; width: 24px; height: 24px; background: #fafafa; text-align: center; border-radius: 25px; display: inline-flex; align-items: center; justify-content: center;}
#instagram_sns .sns_img2 {clear: both; float: left; margin: 7px 3px 7px 3px;}
#instagram_sns .sns_img2 img {border-radius: 22px; width: 228px;}
#instagram_sns .s2 .sns2 .emoji {position: absolute; top: -12px; float: left; left: 0px; width: 24px; height: 24px; background: #fafafa; text-align: center; border-radius: 25px; display: inline-flex; align-items: center; justify-content: center;}
#instagram_sns ::-webkit-scrollbar {width: 5px; height: 5px; background-color: #ebebeb; border: none;}
#instagram_sns ::-webkit-scrollbar-thumb {background: #b4b4b4; border-radius: 55px; border: none;}

/*----------- bank1 -----------*/
#cash {margin: auto; width: 557px; height: auto; background: #fafafa; border-radius: 10px; padding: 22px; border: 0px solid #ebebeb; color: #65645f;}
#cash .h {width: 273px; height: 54px; border-radius: 10px; display: -webkit-inline-box; color: #f37705; background: #fafafa; border: 0px solid #b19fd308;}
#cash .h_txt {font: normal 800 12px arial; text-transform: uppercase; margin: 15px auto;}
#cash .bg {width: 276px; height: auto; background: #fefefc; border-radius: 5px; display: inline-flex; margin: -12px 0 0 0;}
#cash .border {width: 268px; height: auto; background: #FFFFFF; border: 1px solid #f9f9f9; border-radius: 3px; position: relative; margin: 11px auto 4px auto;}
#cash .h2 {width: 250px; background: #ededed; border-radius: 3px; margin: 4px auto; text-align: center; padding: 6px; font: normal 600 11px arial; text-transform: lowercase; color: #a4a3a3;}
#cash .podzkazka {width: 249px; height: 17px; background: #FFFFFF; border: 1px solid #f9f9f9; box-sizing: border-box; border-radius: 3px; margin: 9px auto; font: normal 400 9px arial; letter-spacing: 0.5px; text-transform: lowercase; color: #e2e2e2;}
#cash .n {padding: 2px 14px; float: left;}
#cash .m {background: url(http://forumstatic.ru/files/001b/5c/42/12275.png) no-repeat center; width: 10px; height: 9px; float: right; padding: 3px 20px; filter: grayscale(1); border-left: 1px solid #f9f9f9;}
#cash .tr {width: 268px; min-height: 17px; height: auto; font: normal 400 11px/150% arial; text-transform: lowercase; display: inline-flex; margin: 4px auto; border-bottom: 1px solid #F9F9F9; justify-content: space-between; align-items: center;}
#cash .name {width: 177px; margin: 0 0 9px 14px; text-align: left; height: auto;}
#cash .money {min-width: 27px; width: auto; height: 14px; background: #f4f4f4; color: #717171; border-radius: 5px; text-align: center; font-weight: 600; padding: 1px 4px 2px 4px; margin: 0 18px 8px 0;}
#cash .alert {display: inline-flex; text-align: center; padding: 6px; align-items: center; width: 262px; justify-content: space-evenly; color: #939393;}
#cash .icon {background: url(http://forumstatic.ru/files/001b/5c/42/37505.png) center no-repeat; width: 12px; height: 12px;}
#cash .warning {font: normal 400 9px arial; text-transform: lowercase; margin: 0 14px 0 0; letter-spacing: 0.3px;}

/*----------- novosti -----------*/
#novosti {margin: auto; width: 557px; height: auto; border-radius: 10px; padding: 14px; border: 0px solid #ebebeb; background: #fafafa; text-transform: lowercase;}
#novosti .shapka {background: url(https://i.imgur.com/HfPTLoc.jpg); width: 556px; height: 86px; border-radius: 10px 10px 0 0;}
#novosti .shapka img {border-radius: 5px;}
#novosti .bg {width: 556px; height: auto; background: white; margin: auto; border-radius: 0 0 10px 10px; border: 0px solid #ebebeb;}
#novosti .n1 {min-height: 41px; height: auto; border-bottom: 1px solid #fbfbfb;}
#novosti .admin {position: absolute; margin: -33px 0 0 48px; border-radius: 45px; border: 5px solid white;}
#novosti .admin img {border-radius: 45px; object-fit: cover; width: 60px; height: 60px;}
#novosti .h {position: absolute; margin: -34px 0 0 128px; font: normal 600 14px arial; text-transform: lowercase; letter-spacing: 0.3px; background: #ffffff; padding: 4px 14px 4px 14px; border-radius: 15px; color: #b7b7b7;}
#novosti .privet {position: absolute; top: 115px; left: 201px; width: 348px; height: auto; border-radius: 5px; font: normal 400 10px arial; letter-spacing: 0.3px; color: #b7b7b7;}
#novosti .vajno {width: 438px; position: relative; height: auto; background: #fafafa; color: #636363; border: 0px solid #ebebeb; border-radius: 15px; padding: 14px; margin: 24px auto 0 auto;}
#novosti .h1 {font: normal 400 11px arial; text-transform: lowercase; left: 14px; position: relative; color: #b7b7b7; letter-spacing: 0.3px;}
#novosti .p1 {font: normal 400 11px/205% arial; text-transform: lowercase; padding: 7px 0 7px 0; display: list-item; width: 400px; margin: 0 0 0 14px; height: auto; text-align: left;}
#novosti .n2 {position: relative; width: 460px; height: auto; margin: 14px auto 0 auto; border-bottom: 1px solid #f9f9f9;}
#novosti .p {margin: 24px 0 24px 0; font: normal 400 11px/205% arial;}
#novosti .n3 {position: relative; width: 460px; margin: 14px auto 0 auto; height: 176px;}
#novosti .tr {display: inline-flex; color: #b7b7b7;}
#novosti .h2 {width: 218px; margin: 0 4px 0 0; text-align: center; font: normal 400 11px arial; text-transform: lowercase; padding: 4px; border-radius: 5px; letter-spacing: 0.3px;}
#novosti .active {position: relative; width: 200px; height: 82px; background: #fafafa; border-radius: 15px; top: 7px; display: inline-flex; flex-wrap: wrap; flex-direction: row; justify-content: center; padding: 12px; align-items: center; align-content: stretch; border: 0px solid #ebebeb;}
#novosti .active img {border-radius: 25px; margin: 0 1px 0 1px; object-fit: cover; opacity: 0.5;}
#novosti .ivents {position: relative; width: 200px; height: 82px; top: -5px; left: 2px; background: #fafafa; border-radius: 15px; display: inline-flex; flex-wrap: wrap; flex-direction: row; justify-content: center; padding: 12px; align-items: center; align-content: space-around; overflow-x: hidden; overflow-y: auto; border: 0px solid #ebebeb;}
#novosti .scroll {height: 75px; overflow-y: auto;width: 190px;}
#novosti .i {padding: 5px 14px 5px 14px; border: 0px solid #ebebeb; border-radius: 14px; margin: 4px 0 4px 0; width: 150px; font: normal 400 9px arial; letter-spacing: 0.3px; text-transform: lowercase; background: #ffffff;}
#novosti u {text-decoration: underline; text-decoration-style: dotted;}

/* CS12 LS
-------------------------------------------------------------*/
.tarot {width: 1000px; height: 748px; background: #FFFFFF; box-shadow: 0px 0px 25px 25px rgb(0 0 0 / 15%); border-radius: 25px; color: #1b1b1b;}
#cm1 {width: 680px; height: 700px; left: 298px; position: relative; top: 22px;}
#cm1 .avatar img {height: 100px; width: 100px; top: 49px; left: 26px; object-fit: cover; position: absolute; border-radius: 55px;}
#cm1 .name {position: absolute; width: 300px; text-transform: lowercase; text-align: left; text-decoration: none; font: normal 800 24px/125% arial; left: 169px; top: 42px; word-spacing: 9999px;}
#cm1 .lover {width: 48px; height: 48px; background: url(https://i.imgur.com/mrUsNTB.png) center no-repeat; position: absolute; top: 114px; left: 160px;}
#cm1 .lover2 {width: 48px; height: 48px; background: url(https://i.imgur.com/mrUsNTB.png) center no-repeat; position: absolute; top: 114px; left: 340px;}
#cm1 .diary {width: 48px; height: 48px; background: url(https://i.imgur.com/FRKbtBS.png) center no-repeat; position: absolute; top: 114px; left: 220px;}
#cm1 .instagram {width: 48px; height: 48px; background: url(https://i.imgur.com/qqE2k6e.png) center no-repeat; position: absolute; top: 114px; left: 280px;}
.ls_prof  {position: absolute; margin: 222px 48px !important; width: 150px; overflow: hidden; font-size: 11px; color: #404040; font-family: san francisco; font-style: italic;}
#arcana {position: absolute; top: 180px; left: 10px; padding: 14px; width: 631px; min-height: 218px; max-height: 218px; background: #fafafa; border-radius: 15px; text-transform: lowercase;}
.card {position: relative; top: -195px; left: 146px; font: normal 600 14px arial; width: 150px;}
.card_icon1 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/FUfKwON.png);}
.card_icon2 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/E3WVs5N.png);}
.card_icon3 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/6ycrGU5.png);}
.card_icon4 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/cb9wACP.png);}
.card_icon5 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/IHthucs.png);}
.card_icon6 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/DWI2WVM.png);}
.card_icon7 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/LBqUnwL.png);}
.card_icon8 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/g6hpWTf.png);}
.card_icon9 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/8HQo2c3.png);}
.card_icon10 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/3oklr7G.png);}
.card_icon11 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/yF76ofR.png);}
.card_icon12 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/4QFOB7t.png);}
.card_icon13 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/01xgUmt.png);}
.card_icon14 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/pScvOb6.png);}
.card_icon15 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/j91ww58.png);}
.card_icon16 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/HdzAUyX.png);}
.card_icon17 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/ZYWmoI0.png);}
.card_icon18 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/Y43btBj.png);}
.card_icon19 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/Rcn0ELx.png);}
.card_icon20 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/XFQQXbT.png);}
.card_icon21 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/2O4PGon.png);}
.card_icon22 img {border-radius: 10px; width: 126px; object-fit: cover; background: url(https://i.imgur.com/oORP65a.png);}
.card_name {position: relative; top: -189px; left: 146px; font: normal 400 14px arial; width: 350px;}
.zodiac {position: relative; top: -165px; left: 146px; font: normal 600 14px arial; width: 150px;}
.zodiac_name {position: relative; top: -159px; left: 146px; font: normal 400 14px arial; width: 150px;}
.effect {position: relative; width: 482px; height: 65px; background: #ededed; border-radius: 15px; top: -130px; left: 146px;}
.effect_name {position: relative; top: 14px; left: 14px; font: normal 600 14px arial; width: 150px;}
.effect_text {position: relative; top: 19px; left: 14px; font: normal 400 14px arial; width: 452px; height: 19px; overflow-y: auto;}
.button_active {position: absolute; top: 14px; left: 414px; font: normal 600 9px arial; padding: 3px 8px 3px 8px; background: #96d90b; border-radius: 15px; text-align: center; color: #446305; text-transform: lowercase;}
.button_unactive {position: absolute; top: 14px; left: 415px; font: normal 600 9px arial; padding: 3px 8px 3px 8px; background: #7a7a7a; border-radius: 15px; text-align: center; color: #e6e6e6; text-transform: lowercase;}
.ls_aw {display: inline-block; opacity: 1;}
.ls_aw img{width: 40px; filter: grayscale(30%);}
#plahi {position: absolute; top: 447px; left: 9px; padding: 14px; background: #fafafa; border-radius: 15px; width: 632px; height: 65px;}
#plahi .scroll, #gifts .scroll {height: 68px; overflow-y: scroll; overflow-x: hidden; margin: -1px 0 0 0;}
#plahi img {margin: 4px 0 0 0; border-radius: 3px;}
.modal_wrap ::-webkit-scrollbar {width: 5px; height: 5px; background-color: #ebebeb; border: none;}
.modal_wrap ::-webkit-scrollbar-thumb {background: #b4b4b4; border-radius: 55px; border: none;}
#gifts {top: 561px; left: 9px; border-radius: 15px; position: absolute; padding: 14px; background: #fafafa; width: 632px; height: 65px;}
#gifts .scroll img {margin: 4px 2px 0 2px; width: 64px; height: 64px; filter: grayscale(0.2);}
.reveal-modal-bg {position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0;}
.reveal-modal {visibility: hidden; top: 100px; left: 50%; margin-left: -300px; width: 520px; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 1000px; margin-left: -541px;}
.reveal-modal .close-reveal-modal {font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; text-decoration: none;}
.menu {position: absolute; width: 250px; border-right: 1px solid #f2f2f2; height: 700px; left: 61px; top: 54px;}
.menu span {cursor: pointer; display: block; margin: 7px 0; padding: 11px; text-align: left; width: 150px;}
.menu-links {float: left; font: normal 600 24px arial; text-transform: lowercase; color: #b7b7b7;}
#submenu {position: inherit;}
.menu .tabactive {color: #1b1b1b; text-decoration: underline;}
#submenu {width: 250px;}  
.submenutext {display: none;  height: 40px;}
#cm2 {width: 680px; height: 700px; left: 298px; position: relative; top: 22px; overflow-y: auto; overflow-x: hidden;}
#cm2 .tr {width: 607px;height: 218px; background: #fafafa; border-radius: 15px; position: relative; margin: 14px auto 14px auto;}
#cm2 .h {position: relative; width: 607px; text-align: center; top: 19px; font: normal 600 14px arial; text-transform: lowercase;}
#cm2 .scroll {width: 575px; height: 143px; overflow-x: hidden; overflow-y: auto; position: relative; left: 16px; top: 45px;}
.card_own {border-radius: 10px; position: relative;}
.card_own img {border-radius: 10px; position: relative; margin: 0 2px 0 2px; width: 83px;}
.card_unowned img {border-radius: 10px; position: relative; margin: 0 2px 0 2px; filter: grayscale(1); width: 83px;}
.collections {display: inline-flex; width: 575px; height: 143px; flex-wrap: wrap; justify-content: center;}

/*----------- банк2----------------*/
#cash2 {width: 557px; height: 300px; margin: auto; background: #fafafa; border-radius: 10px; padding: 22px; border: 0px solid #ebebeb; color: #1b1b1b; position: relative;}
.cir-contain {width: 510px; height: 300px; z-index: 3;}
.cir-contain input {display: none}
.cir-contain label {display: block; width: 120px; background: #ededed; position: relative; border-radius: 25px; margin: 15px; cursor: pointer; left: -20px; z-index: 10; font-family: arial; font-size: 10px; line-height: 250%; color: #a4a3a3; padding: 7px 0 7px 10px; transition: 0.2s; -webkit-transition: 0.2s; text-decoration: underline;}
.cir-contain label:hover {background: #dc5e0e; color: #ffffff;}
#ptog:checked+label:hover, #cirtog:checked+label:hover, #shiptog:checked+label:hover, #hiptog:checked+label:hover, #iptog:checked+label:hover {width: 120px; left: -20px; color: #ffffff; font-family: arial; font-weight: bold;}
#ptog:checked+label, #cirtog:checked+label, #shiptog:checked+label, #hiptog:checked+label, #iptog:checked+label {width: 120px; left: -20px; color: #1b1b1b; font-family: arial; font-weight: 600; text-decoration: none;}
.cir-scrl1 {width: 430px; height: 310px; position: absolute; z-index: 8; background: #FFFFFF; top: 20px; left: 155px; opacity: 0; border-radius: 5px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow-y: auto; overflow-x: hidden;}
.cir-scrl2 {width: 430px; height: 310px; position: absolute; z-index: 8; background: #FFFFFF; top: 20px; left: 155px; opacity: 0; border-radius: 5px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow-y: auto; overflow-x: hidden;}
.cir-scrl3 {width: 430px; height: 310px; position: absolute; z-index: 8; background: #FFFFFF; top: 20px; left: 155px; opacity: 0; border-radius: 5px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow-y: auto; overflow-x: hidden;}
.cir-scrl1 text {display: block; width: 389px; height: 267px; position: relative; padding: 14px; text-align: center; overflow-y: auto; margin: 7px 0 0 0; font: normal 400 11px arial;}
.cir-scrl2 text {display: block; width: 389px; height: 267px; position: relative; padding: 14px; text-align: center; overflow-y: auto; margin: 7px 0 0 0;}
.cir-scrl3 text {display: block; width: 389px; height: 267px; position: relative; padding: 14px; text-align: center; overflow-y: auto; margin: 7px 0 0 0;}
#ptog:checked+label ~ .cir-scrl1{opacity: 1; z-index: 9;}
#cirtog:checked+label ~ .cir-scrl2{opacity: 1; z-index: 9;}
#shiptog:checked+label ~ .cir-scrl3{opacity: 1; z-index: 9;}
#hiptog:checked+label ~ .cir-scrl4{opacity: 1; z-index: 9;}
#iptog:checked+label ~ .cir-scrl5{opacity: 1; z-index: 9;}
#stog:checked+label ~ .cir-scrl6{opacity: 1; z-index: 9;}
.stlbox {word-spacing: 10px; padding: 0px 0px 5px 0px;}
.stlbox img {border-radius: 5px;}
.stlbox2 {word-spacing: 10px; padding: 0px 0px 5px 0px;}
.stlbox2 img {border-radius: 5px; width: 50px;}
.stlboxtxt {border-radius: 5px; background: #fafafa; padding: 4px; font-family: arial; font-size: 9px; color: #1b1b1b;}
.stlboxtxt2 {border-radius: 5px; background: #faf9f3; padding: 7px; font-family: arial; font-size: 9px; color: #1b1b1b; text-align: justify; width: 360px; border: 1px solid #edebdf;}
.stlboxall {margin: 0 0 14px 0 !important; border-radius: 5px; border: 1px solid #ededed; width: 155px; padding: 5px 2px 2px 2px; text-align: center; display: inline-block;}
#cash2 u {text-decoration: underline; text-decoration-style: dotted;}
#cash2 ::-webkit-scrollbar {width: 5px; height: 5px; background-color: #ebebeb; border: none;}
#cash2 ::-webkit-scrollbar-thumb {background: #b4b4b4; border-radius: 55px; border: none;}

/*----------- банк 3 таро ----------------*/
#collection {width: 600px; height: 696px; background: #fafafa; border-radius: 10px; margin: auto; padding: 14px; border: 0px solid #ebebeb; color: #1b1b1b; position: relative;}
#collection .menu-contain {width: 600px; height: 50px; z-index: 3; display: inline-flex; flex-wrap: nowrap; flex-direction: row; align-items: center;}
#collection .menu-contain input {display: none}
#collection .menu-contain label {width: 400px; height: 30px; position: relative; margin: 0 7px 0 7px; cursor: pointer; text-align: center; text-decoration: underline; z-index: 10; font-family: arial; font-size: 14px; line-height: 150%; font-weight: 600; color: #b7b7b7; transition: 0.2s; -webkit-transition: 0.2s;}
#cwork:checked+label, #ceffect:checked+label, #ceffect2:checked+label, #collection1:checked+label {width: 400px; color: #1b1b1b; font-family: arial; font-weight: 600; text-decoration: none; text-align: center;}
#collection .scroll1 {width: 600px; height: auto; position: absolute; z-index: 8; background: #FFFFFF; top: 70px; opacity: 0; border-radius: 10px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow: hidden;}
#collection .info_warning {margin: 0 0 14px 0; display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; border: 0px solid #ebebeb; padding: 14px; border-radius: 10px; background: #ededed;}
#collection .warning_icon {width: 16px; height: 16px; background: url(https://i.imgur.com/lMwxnrW.png) no-repeat center; padding: 4px; margin: 0 14px 0 0;}
#collection .warning_txt {font: normal 400 11px/125% arial; text-transform: lowercase;}
#collection .scroll2 {width: 600px; height: auto; position: absolute; z-index: 8; background: #FFFFFF; top: 70px; opacity: 0; border-radius: 10px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow: hidden;}
#collection .scroll3 {width: 600px; height: auto; position: absolute; z-index: 8; background: #FFFFFF; top: 70px; opacity: 0; border-radius: 10px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow: hidden;}
#collection .scroll4 {width: 600px; height: auto; position: absolute; z-index: 8; background: #FFFFFF; top: 70px; opacity: 0; border-radius: 10px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow: hidden;}
#collection .info {display: block; width: 560px; height: 600px; position: relative; padding: 14px; text-align: justify; overflow-y: auto; margin: 7px auto 0 auto; font: normal 400 11px/150% arial;}
#collection .info .tr {background: #fafafa; border-radius: 10px; height: 173px;}
#collection .info .sc {display: inline-flex; overflow-y: auto; width: 547px; height: 145px; flex-wrap: wrap; flex-direction: row; justify-content: center; margin: 15px auto;}
#collection .icon {margin: 0 1.5px;}
#collection .h {height: 33px;}
#collection .h1 {font: normal 500 14px yeseva one; text-align: center;}
#cwork:checked+label ~ .scroll1{opacity: 1; z-index: 9;}
#ceffect:checked+label ~ .scroll2 {opacity: 1; z-index: 9;}
#ceffect2:checked+label ~ .scroll3{opacity: 1; z-index: 9;}
#collection1:checked+label ~ .scroll4{opacity: 1; z-index: 9;}
#collection u {text-decoration: underline; text-decoration-style: dotted;}
#collection ::-webkit-scrollbar {width: 5px; height: 5px; background-color: #ebebeb; border: none;}
#collection ::-webkit-scrollbar-thumb {background: #b4b4b4; border-radius: 55px; border: none;}

/*----------- гостевая----------------*/
#gostevaya {margin: auto; width: 600px; color: #636363;}
#gostevaya .shapka {background: url(https://i.imgur.com/xLOCvAz.png); width: 600px; height: 171px;}
#gostevaya .bg {width: 598px; height: 614px; border: 1px solid transparent; background: #fafafa; border-radius: 0 0 10px 10px;}
#gostevaya .h {position: absolute; width: 590px; text-align: center; margin: 20px 0 14px 0; font: normal 800 14px arial; color: #f37705; padding: 2px 4px 2px 4px; text-transform: lowercase;}
#gostevaya .p {margin: 52px 108px 14px auto; width: 377px; font: normal 400 10px/200% arial;}
#gostevaya .tr {position: relative; width: 474px; left: 52px; background: #ededed; border-radius: 25px; margin: 0 auto 14px auto; padding: 9px; display: inline-flex; align-content: center; border: 0px solid #ebebeb;}
#gostevaya .img {background: url(https://i.imgur.com/APJWNyA.png) center no-repeat; width: 14px; height: 14px; margin: 0 14px 0 24px;}
#gostevaya .txt {font: normal 400 10px arial;}
#gostevaya .tr2 {position: relative; display: inline-flex; left: 56px; margin: 8px auto 4px auto; font: normal 800 14px arial; color: #f37705; width: 484px;}
#gostevaya .td {width: 244px; text-align: center;}
#gostevaya .tr3 {position: relative; display: inline-flex; margin: 8px auto 4px auto; width: 600px; font: normal 400 10px arial; justify-content: center;}
#gostevaya .td1 {width: 244px; height: 193px; border-top: 1px solid #f2f2f2; margin: 0 0 0 4px;}
#gostevaya .tr3 .txt {width: 214px; height: 165px; margin: 14px; overflow-y: auto; overflow-x: hidden;font: normal 400 10px/150% arial;}
#gostevaya .data {text-align: center; margin: auto; font: normal 800 10px arial;}
#gostevaya .data2 {width: 50px; margin: 10px auto 10px auto; padding: 6px 7px 6px 7px; background: #ededed; border-radius: 25px; color: #636363;}
#gostevaya u {text-decoration: underline; text-decoration-style: dotted;}

/*----------- конкурсы ----------------*/
#konkurs {margin: auto; width: 400px; height: auto; border-radius: 10px; padding: 14px; color: #636363; text-transform: lowercase; border: 0px solid #ebebeb; background: #fafafa;}
#konkurs .h {font: normal 800 14px arial; text-align: center; padding: 14px; color: #f37705;}
#konkurs .bg {padding: 0 24px 0 24px;}
#konkurs .p {font: normal 400 11px/175% arial;}
#konkurs u {text-decoration: underline; text-decoration-style: dotted;}
#konkurs2 {margin: auto; width: 550px; height: auto; border-radius: 10px; padding: 14px; color: #65645f; text-transform: lowercase; border: 0px solid #ebebeb; background: #faf9f3;}
#konkurs2 .h {font: normal 500 14px playfair display; text-align: center; padding: 14px; color: #c23c1e;}
#konkurs2 .bg {padding: 0 24px 0 24px;}
#konkurs2 .p {font: normal 400 11px/175% arial;}
#konkurs2 u {text-decoration: underline; text-decoration-style: dotted;}

/*----------- удаление ----------------*/
#deathrul {margin: auto; width: 600px; height: auto; border-radius: 10px; padding: 14px; color: #636363; text-transform: lowercase; border: 0px solid #ebebeb; background: #fafafa; font: normal 400 10px/155% arial;}
.deathnote {border-radius: 5px; padding: 10px;}
.norip {padding: 5px; text-align: center; font: normal 600 11px rubik;}
.list1 {padding: 10px 10px 10px 128px;}
.qt {border-radius: 25px; padding: 5px; border: 0px solid #edebdf; font: normal 9px/145% rubik; text-align: center; color: #65645f; background: #ededed;}
#dthall {margin: auto; width: 400px; height: auto; border-radius: 10px; padding: 14px; color: #636363; text-transform: lowercase; border: 0px solid #ebebeb; background: #fafafa; font: normal 400 10px/155% arial;}
#dthall .h {font: normal 800 13px arial; text-align: center; padding: 14px; color: #f37705;}
#dthall .bg {padding: 0 24px 0 24px;}
#dthall u {text-decoration: underline; text-decoration-style: dotted;}

/*----------- insta story -----------*/
#intastory {width: 450px; height: 600px; margin: auto; position: relative; border: 1px solid #; border-radius: 15px; padding: 24px; color: #1b1b1b; background: transparent;}
.isnstasld {height: 0px; z-index: 3; display: inline-flex; flex-wrap: nowrap; flex-direction: row; align-items: center;}
.isnstasld input {display: none}
.isnstasld b {color: #d29e3e}
.isnstasld label {background: #939393; display: block; height: 3px; width: 120px; position: relative; border-radius: 50px; margin: 2px; cursor: pointer; left: 45px; z-index: 10; transition: 0.2s; -webkit-transition: 0.2s; opacity: 0.5}
#but1:checked+label, #but2:checked+label, #but3:checked+label {width: 120px; left: 45px; background-color: #ebebeb !important; opacity: 1}
.ins1 {width: 400px; height: 600px; position: absolute; z-index: 8; top: 20px; left: 50px; border-radius: 15px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow: hidden;}
.ins2 {width: 400px; height: 600px; position: absolute; z-index: 8; top: 20px; left: 50px; border-radius: 15px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow: hidden;}
.ins3 {width: 400px; height: 600px; position: absolute; z-index: 8; top: 20px; left: 50px; border-radius: 15px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow: hidden;}
#but1:checked+label ~ .ins1{opacity: 1; z-index: 9;}
#but2:checked+label ~ .ins2{opacity: 1; z-index: 9;}
#but3:checked+label ~ .ins3{opacity: 1; z-index: 9;}
.avat {width: 360px; height: 30px; padding: 7px 7px 7px 50px; position: absolute; z-index: 200; display: inline-flex; flex-wrap: nowrap; flex-direction: row; align-items: center; overflow: hidden;}
.avat img {border-radius: 25px; width: 30px; height: 30px;}
.nik {font: normal 600 12px arial; padding: 15px; color: #ebebeb;}
.time {font: normal 10px arial; color: #ebebeb;}
.oth {position: absolute; right: 10px; color: #ebebeb; font-size: 9px;}