/* CS1 Background and text colours
-------------------------------------------------------------*/
/*----------- hrift v dizayne -----------*/
@font-face {font-family: 'CELEBRATERETRO'; src: url('http://forumstatic.ru/files/001b/5c/42/13715.eot?'), url('http://forumstatic.ru/files/001b/5c/42/91828.woff') format('woff'), url('http://forumstatic.ru/files/001b/5c/42/47316.ttf') format('truetype'), url('http://forumstatic.ru/files/001b/5c/42/45498.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; display:swap;}

/*----------- fon -----------*/
html {background: url(http://forumstatic.ru/files/001b/5c/42/32129.jpg); background-repeat: repeat; background-attachment: fixed; background-position: top center; background-size: cover; overflow-x: hidden;}

/*----------- telo -----------*/
#pun {background-color: white; border-radius: 15px;}

/*----------- shapka -----------*/
#pun-title table {background-image: url(http://forumstatic.ru/files/001b/5c/42/70083.jpg); background-position: top center; width: 967px; height: 233px;}

/*----------- kategorii -----------*/
#pun-main h2 {background: url(http://forumstatic.ru/files/001b/5c/42/13560.jpg) no-repeat center; height: 4px; margin-bottom: 18px; margin-top: 8px;}
#pun-main h2 span {font-size: 0;}

/*----------- fon pod podforumami -----------*/
#pun-index .category tbody tr {border: 1px solid #ebebeb; font: normal 11px rubik; text-transform: lowercase; display: block; margin-bottom: 8px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -o-border-radius: 15px;}
#pun-index .category table {border-spacing: 0px; padding: 0 21px; 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: #2a2a2a;}

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {background-color: white; color: #fff;}

/* kategorii status */
#pun-stats h2 {background: url(http://forumstatic.ru/files/001b/5c/42/48977.jpg) no-repeat center; height: 4px;}

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

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {background-color: #f7f7f7; color: #b975c1; border-radius: 5px; background: linear-gradient(to right, rgb(251 193 222 / 5%), rgb(252 210 180 / 5%)); border: 1px solid #f7cae838;}

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

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

/* CS1.8 */
#pun-navlinks .container {background-color: transparent; color: #6d5d6f; font: 11px arial;}
#pun-ulinks .container {font: 400 8px rubik; text-transform: uppercase;}

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

/* 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;}

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

.punbb .formal fieldset .post-box, .punbb .info-box {border: 1px 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: #b975c1;}

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

/* 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: #e4c86b;}

/* 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: #2a2a2a; color: #fff;}

#pun-index .tcl h3 a {font-size: 1.2em; font-weight: bold; color: #e4c86b; font: bold 16px rubik; text-transform: lowercase;}

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

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

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

.punbb .post h3 span a.permalink {color: #2a2a2a;}

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

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


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

/*----------- иконки новых сообщений -----------*/
tr.inew div.icon {background-image: url(http://forumstatic.ru/files/001b/5c/42/83791.png); 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; margin: 0px 24px 2px 0px;}
.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: 2px solid;}
/*----------- иконка онлайна в аватаре -----------*/
.punbb .user-avatar .isonline {background: #e4c86b !important;}

/*----------- ссылки в подфорумах -----------*/
#podforum {margin: 14px 0 0 0;}
#podforum a {font: normal 400 11px rubik; text-transform: lowercase; background: linear-gradient(to right, rgb(251 193 222 / 5%), rgb(252 210 180 / 5%)); border: 1px solid #f7cae838; border-radius: 25px; padding: 0 5px;}

/*----------- форма ответа -----------*/
#main-reply {padding: 0.5em; border-radius: 5px; margin: 4px 0px 0 -5px;}
.punbb .formal fieldset {min-width: 0; border: 1px solid #ebebeb; border-radius: 3px;}
tr.group1.icon.inew {outline: 1px solid #e4c86b; outline-offset: -2px; border-radius: 15px; font: normal 11px rubik; text-transform: lowercase;}
.punbb fieldset legend strong {background: linear-gradient(to right, #fbc1de1c, #fcd2b41a); border: 1px solid #f7cae838; font: normal 600 11px rubik; color: #b975c1;}


/* CS6 Nikogda ne udalyat
 -------------------------------------------------------------*/
#tags .container {border-radius: 5px; border: 1px solid #ebebeb; shape-outside: border-box; background-color: #ffffff;}
#font-area {height: 150px; overflow-x: hidden; overflow-y: scroll;}
#smilies-area img {padding: 0.5px;}
#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: #2a2a2a; font: normal 13px rubik; text-transform: uppercase;}

/* CS7 Navigaciya
 -------------------------------------------------------------*/
#navindex a {background: url(http://forumstatic.ru/files/001b/5c/42/35476.svg) no-repeat top center;}
#navuserlist a {background: url(http://forumstatic.ru/files/001b/5c/42/11345.svg) no-repeat top center;}
#navsearch a {background: url(http://forumstatic.ru/files/001b/5c/42/70475.svg) no-repeat top center;}
#navprofile a {background: url(http://forumstatic.ru/files/001b/5c/42/77075.svg) no-repeat top center;}
#navpm a {background: url(http://forumstatic.ru/files/001b/5c/42/13019.svg) no-repeat top center;}
#navadmin a {background: url(http://forumstatic.ru/files/001b/5c/42/18327.svg) no-repeat top center;}
#navlogout a {background: url(http://forumstatic.ru/files/001b/5c/42/49912.svg) no-repeat top center;}
#navlogin a {background: url(http://forumstatic.ru/files/001b/5c/42/31967.svg) no-repeat top center;}
#navregister a {background: url(http://forumstatic.ru/files/001b/5c/42/37043.svg) no-repeat top center;}
#navpiar a {background: url(http://forumstatic.ru/files/001b/5c/42/48488.svg) no-repeat top center;}


/* CS8 Scrolls and selections
 -------------------------------------------------------------*/
::-webkit-scrollbar {width: 5px; height: 5px; background-color: #ebebeb; border: 2px solid #ffffff;}
::-webkit-scrollbar-thumb {background: linear-gradient(to bottom, #f6c8ed, #fcde8e); border: 1px solid #ffffff; border-radius: 5px;}
::selection {background: #fadf8d; color: #000000;}

/* CS9 HTML Post
 -------------------------------------------------------------*/
#news {margin: auto; width: 450px; padding: 1em 1em 2em 1em; border-radius: 15px; border: 1px solid #f7cae838;  background: linear-gradient(to right, rgb(251 193 222 / 5%), rgb(252 210 180 / 5%));}
#news .p {width: 403px; padding: 1em; border-radius: 10px; margin: auto; font: normal 400 11px/150% rubik; color: #2a2a2a;}
#news .h {width: 420px; height: 25px; text-align: center; border-radius: 5px; margin: 14px auto; background: linear-gradient(to right, rgb(251 193 222 / 5%), rgb(252 210 180 / 5%)); border: 1px solid #f7cae838;}
#news .h1 {text-transform: uppercase; font: small-caps 500 9px rubik; 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 11px/130% rubik; color: #2a2a2a;}
#pravila {width: 500px; height: auto; padding: 1em; margin: auto; border-radius: 10px; border: 1px solid #f7cae838; background: linear-gradient(to right, rgb(251 193 222 / 5%), rgb(252 210 180 / 5%));}
#pravila .bg {width: auto; height: auto; border-radius: 10px;}
#pravila .tr {height: auto; padding: 0.5em;}
#pravila .p {font: normal 400 11px/150% rubik; color: #2a2a2a; display: table-row-group; width: 367px;}
#pravila .p2 {width: 19px; height: auto; font: normal 400 40px/0% yeseva one; display: table-row-group; color: #fccbc8; padding-top: 13px; float: left; margin: 4px 14px 0 0;}
#pravila .post {width: 231px; display: inline-flex; overflow-x: hidden; overflow-y: auto; height: 143px; border-right: 1px solid #ebebeb; text-transform: lowercase;}
#pravila u, #news u {text-decoration: underline; text-decoration-style: dotted;}

/*----------- insta konkurs -----------*/
#instagram_konkurs {min-height: 577px; border-radius: 15px; margin: auto; width: 450px; padding: 1em 1em 2em 1em; border: 1px solid #f7cae838; background: linear-gradient(to right, rgb(251 193 222 / 5%), rgb(252 210 180 / 5%));}
#instagram_konkurs .ip1 {height: 60px;}
#instagram_konkurs .ava {margin: 11px 0 0 3px;}
#instagram_konkurs .ava img {margin: 0 0 0 14px; border-radius: 50px; height: 24px; width: 24px;}
#instagram_konkurs .name {font: normal 600 14px arial; text-align: left; width: 310px; margin: 11px 0 0 0;}
#instagram_konkurs .other {background: url(http://forumstatic.ru/files/001b/5c/42/63461.png) right no-repeat; height: 4px; width: 28px; margin: 12px 0 0 3px;}
#instagram_konkurs .ip2 .photopost img {width: 400px;}
#instagram_konkurs .ip3 {background: url(http://forumstatic.ru/files/001b/5c/42/43079.png) center no-repeat; height: 29px; margin: 14px 0 0 0;}
#instagram_konkurs .ip4 {margin: 14px 0 0px 25px; width: 400px; font: normal 400 12px/150% arial;}
#instagram_konkurs .comment {color: #7E7E7E;}

/*----------- anketa -----------*/
#anketa {width: 392px; height: 376px; background: #F9F9F9; border-radius: 15px; margin: auto; padding: 24px;}
#anketa .bg {width: 365px; height: auto; background: #FFFFFF; border-radius: 10px; padding: 24px 14px 24px 14px; color: #2a2a2a; margin: 0 0 12px 0;}
#anketa .adm {height: 53px;}
#anketa .adm .icon {margin: 0 0 0 26px;}
#anketa .adm .icon img {border-radius: 25px;}
#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 rubik; text-transform: lowercase;}
#anketa .border {margin: 6px auto 0 auto; background: #ececec; width: 91%; height: 1px;}
#anketa .info {height: 102px; display: inline-flex; width: 365px;}
#anketa .block {width: 152px; height: 74px; background: #F3F3F3; 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; color: #7E7E7E;}
#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 .p1 {width: 94px; display: inline-flex; vertical-align: middle; font: normal 600 14px rubik; text-transform: lowercase; text-align: center; justify-content: space-evenly; margin: 10px auto 0 auto; color: #7E7E7E;}
#anketa .block2 {width: 152px; height: 74px; background: #F3F3F3; 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 rubik; text-transform: lowercase; color: #7E7E7E;}
#anketa .block3 {width: 335px; min-height: 60px; height: auto; background: #F3F3F3; border-radius: 15px; margin: auto;}
#anketa .h1 {font: normal 600 11px arial; text-transform: lowercase; padding: 14px 24px 4px 24px; color: #7E7E7E;}
#anketa .p3 {font: normal 400 11px rubik; text-transform: lowercase; padding: 0 24px 14px 24px; color: #7E7E7E;}
#anketa .info3 {display: inline-flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
#anketa .link {font: normal 400 11px rubik; 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 #efefef; border-radius: 45px; margin: 6px 0 6px 0;}

/*----------- insta profil -----------*/
#instagram {width: 450px; height: auto; margin: auto; border: 1px solid #f3f3f3; border-radius: 15px; padding: 24px;  color: #2a2a2a;}
#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 rubik;}
#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 rubik;}
#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 rubik;}
#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(http://forumstatic.ru/files/001b/5c/42/53900.jpg) 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(http://forumstatic.ru/files/001b/5c/42/72719.jpg); width: 16px; height: 4px; position: absolute; right: 150px;}
#instagram .ip3 {background: url(http://forumstatic.ru/files/001b/5c/42/43212.jpg); 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/5c/42/54176.jpg) 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: #f3f3f3; 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: 1px solid #f3f3f3; border-radius: 15px; color: #2a2a2a;}
#instagram_sns .s1 {padding: 14px; border-bottom: 1px solid #f3f3f3; height: 31px; vertical-align: middle;}
#instagram_sns .ava img {width: 24px; height: 24px; border-radius: 25px;}
#instagram_sns .nick {font: normal 600 12px arial;}
#instagram_sns .info {float: right; position: relative; background: url(http://forumstatic.ru/files/001b/5c/42/21362.jpg) no-repeat; width: 24px; height: 24px; margin: 0 0 0 330px;}
#instagram_sns .s2 {padding: 14px; height: 491px; overflow-y: auto; overflow-x: hidden;}
#instagram_sns .sns {float: right; min-width: auto; max-width: 228px; min-height: 18px; height: auto; background: #EFEFEF; 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;}
#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: inherit; width: 3px; height: 16px; top: 17px; float: right; left: -5px;}
#instagram_sns .s2 .sns .emoji img, #instagram_sns .sns2 .emoji img {width: 16px; height: 16px;}
#instagram_sns .s3 {background: url(http://forumstatic.ru/files/001b/5c/42/98140.jpg) 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 #EFEFEF; position: relative;}
#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: inherit; width: 3px; height: 16px; top: 17px; float: left; left: -11px;}
#instagram_sns ::-webkit-scrollbar {width: 5px; height: 5px; background-color: #ebebeb; border: none;}
#instagram_sns ::-webkit-scrollbar-thumb {background: #aeaeae; border-radius: 55px; border: none;}

/*----------- bank1 -----------*/
#cash {width: 557px; height: auto; margin: auto; background: #F9F9F9; border-radius: 15px; padding: 22px;}
#cash .h {width: 276px; height: 54px; background: #000000; border-radius: 10px; display: -webkit-inline-box;}
#cash .h_txt {color: white; font: normal 600 12px rubik; text-transform: uppercase; margin: 15px auto;}
#cash .bg {width: 276px; height: auto; background: #FFFFFF; border-radius: 5px; display: inline-flex; margin: -12px 0 0 0;}
#cash .border {width: 268px; height: auto; background: #FFFFFF; border: 1px solid #FAFAFA; border-radius: 3px; position: relative; margin: 11px auto 4px auto;}
#cash .h2 {width: 262px; background: #F3F3F3; border: 1px solid #F3F3F3; box-sizing: border-box; border-radius: 3px; margin: 4px auto; text-align: center; padding: 6px; font: normal 600 11px rubik; text-transform: lowercase; color: #939393;}
#cash .podzkazka {width: 249px; height: 17px; background: #FFFFFF; border: 1px solid #F5F5F5; box-sizing: border-box; border-radius: 3px; margin: 9px auto; font: normal 400 9px rubik; letter-spacing: 0.5px; text-transform: lowercase; color: #E9E9E9;}
#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 #F3F3F3;}
#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: #DFDFDF; 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 rubik; text-transform: lowercase; margin: 0 14px 0 0; letter-spacing: 0.3px;}

/*----------- novosti -----------*/
#novosti {width: 557px; height: auto; margin: auto; border-radius: 15px; padding: 14px; border: 1px solid #f3f3f3;}
#novosti .shapka img {border-radius: 5px;}
#novosti .bg {width: 556px; height: auto; background: white; margin: auto;}
#novosti .n1 {min-height: 41px; height: auto; border-bottom: 1px solid #f9f9f9;}
#novosti .admin {position: absolute; margin: -33px 0 0 48px;}
#novosti .admin img {border-radius: 45px; border: 5px solid white;}
#novosti .h {position: absolute; margin: -34px 0 0 128px; font: normal 600 14px rubik; text-transform: lowercase; letter-spacing: 0.3px; background: #ffffff; padding: 4px 14px 4px 14px; border-radius: 15px;}
#novosti .privet {position: absolute; top: 107px; left: 201px; width: 348px; height: auto; border-radius: 5px; font: normal 400 10px arial; letter-spacing: 0.1px;}
#novosti .vajno {width: 438px; position: relative; height: auto; background: #F9F9F9; border-radius: 10px; padding: 14px; margin: 24px auto 0 auto;}
#novosti .h1 {font: normal 600 11px rubik; text-transform: lowercase; left: 14px; position: relative;}
#novosti .p1 {font: normal 400 11px rubik; 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: 123px; margin: 14px auto 0 auto; border-bottom: 1px solid #f9f9f9;}
#novosti .p {margin: 24px 0 24px 0; font: normal 400 11px rubik;}
#novosti .n3 {position: relative; width: 460px; margin: 14px auto 0 auto; height: 147px;}
#novosti .tr {display: inline-flex;}
#novosti .h2 {width: 218px; margin: 0 4px 0 0; text-align: center; font: normal 600 11px rubik; text-transform: lowercase; padding: 4px; border-radius: 5px;}
#novosti .active {position: relative; width: 204px; height: 82px; background: #F9F9F9; border-radius: 5px; top: 14px; display: inline-flex; flex-wrap: wrap; flex-direction: row; justify-content: center; padding: 12px; align-items: center; align-content: space-around; border: 1px solid #F9F9F9;}
#novosti .active img {border-radius: 25px; margin: 0 2px 0 2px;}
#novosti .ivents {position: relative; width: 201px; height: 84px; left: 2px; background: #F9F9F9; border-radius: 5px; 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;}
#novosti .scroll {height: 75px; overflow-y: auto;width: 190px;}
#novosti .i {padding: 4px 14px 4px 14px; border: 1px solid #D3D3D3; border-radius: 14px; margin: 4px 0 4px 0; width: 150px; font: normal 400 9px rubik; letter-spacing: 0.3px; text-transform: lowercase;}

/* CS10 LS
-------------------------------------------------------------*/

.tarot {width: 1000px; height: 748px; background: #FFFFFF; box-shadow: 0px 0px 25px 25px rgb(0 0 0 / 15%); border-radius: 25px;}
#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; letter-spacing: 1px; text-transform: lowercase; text-align: left; color: #313131; text-decoration: none; font: normal 800 24px/125% roboto; left: 169px; top: 42px; word-spacing: 9999px;}
#cm1 .lover {width: 48px; height: 48px; background: url(http://forumstatic.ru/files/001b/5c/42/48353.png) center no-repeat; position: absolute; top: 114px; left: 160px;}
#cm1 .diary {width: 48px; height: 48px; background: url(http://forumstatic.ru/files/001b/5c/42/26411.png) center no-repeat; position: absolute; top: 114px; left: 220px;}
#cm1 .instagram {width: 48px; height: 48px; background: url(http://forumstatic.ru/files/001b/5c/42/16323.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;}
#ls_awards {position: absolute; top: 180px; left: 10px; padding: 14px; width: 631px; min-height: 218px; max-height: 218px; background: rgba(196, 196, 196, 0.2); border-radius: 15px;}
.card_icon img {border-radius: 10px; width: 126px; object-fit: cover;}
.card {position: relative; top: -195px; left: 146px; font: normal 600 14px arial; width: 150px;}
.card_icon img {border-radius: 10px; width: 126px; object-fit: cover;}
.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: #DDDDDD; 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: 415px; font: normal 400 9px arial; padding: 3px 8px 3px 8px; background: #77cd31; border-radius: 15px; text-align: center; color: white; text-transform: lowercase;}
#ls_awards::-webkit-scrollbar-thumb {background: #dbd0c6; border: 1px solid #ffffff;}
#ls_awards::-webkit-scrollbar {width: 2px; background: #808080; border: none!important;}
#ls_awards::-webkit-scrollbar-track {background-color: #f6ece3; border: 2px solid #ffffff;}
.ls_aw {display: inline-block; opacity: 1;}
.ls_aw img{width: 40px; filter: grayscale(30%);}
#ls_plahi {position: absolute; top: 447px; left: 9px; padding: 14px; background: rgba(196, 196, 196, 0.2); border-radius: 15px; width: 632px; height: 65px;}
#ls_plahi .scroll, #ls_gifts .scroll {height: 68px; overflow-y: scroll; overflow-x: hidden; margin: -1px 0 0 0;}
#ls_plahi img {margin: 4px 0 0 0; border-radius: 3px;}
#ls_plahi::-webkit-scrollbar-thumb {background: #dbd0c6; border: 1px solid #ffffff;}
#ls_plahi::-webkit-scrollbar {width: 2px; background: #808080; border: none!important;}
#ls_plahi::-webkit-scrollbar-track  {background-color: #f6ece3; border: 2px solid white !important;}
#ls_gifts {top: 561px; left: 9px; border-radius: 15px; position: absolute; padding: 14px; background: rgba(196, 196, 196, 0.2); width: 632px; height: 65px;}
#ls_gifts .scroll img {margin: 4px 2px 0 2px;}
#ls_gifts::-webkit-scrollbar-thumb {background:#dbd0c6; color: #ffffff;}
#ls_gifts::-webkit-scrollbar {width: 2px; background: #808080; border: none!important;}
#ls_gifts::-webkit-scrollbar-track  {background-color: #f6ece3; border: 2px solid white !important;}
.ls_gifts {display: inline-block;}
.ls_gifts img {width: 40px; filter: grayscale(30%); padding-right: 16px;}
#ls_plushki {position: absolute; margin: 250px 64px !important; width: 91px; height: 39px; overflow: hidden; padding: 15px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap;}
#ls_plushki::-webkit-scrollbar-thumb {background: #dbd0c6; color: #ffffff;}
#ls_plushki::-webkit-scrollbar {width: 2px; background: #808080; border: none!important;}
#ls_plushki::-webkit-scrollbar-track  {background-color: #f6ece3; border: 2px solid white !important;}
.ls_plushki img {width: 40px;  filter: grayscale(30%); padding-right: 16px;}
.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 #E1E1E1; 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 roboto; text-transform: lowercase; color: #A9A9A9;}
#submenu {position: inherit;}
.menu .tabactive {color: #000000; 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: rgba(196, 196, 196, 0.2); 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; display: inline-flex;}
.card_own {border-radius: 10px; position: relative; margin: 0 2px 0 2px; width: 83px;}
.card_own img {border-radius: 10px;}
.card_unowned img {border-radius: 10px; position: relative; margin: 0 2px 0 2px; filter: contrast(0.1); width: 83px;}
.collections {display: inline-flex;}

/* CS11 Shapka
 -------------------------------------------------------------*/
#devil {position: absolute; margin: 36px 340px;}
#lover {position: absolute; margin: 108px 563px;}
#procent {position: absolute; margin: 133px 325px; font: normal 34px CELEBRATERETRO; color: white; transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg);}
#procent img {width: 64px; height: 64px;}
#obnova {position: absolute; width: 223px; height: 86px; margin: 61px 44px; overflow-y: auto; overflow-x: hidden;}
#obnova .plashka {width: 206px; height: 42px; border-radius: 10px; margin-bottom: 1px; border-bottom: 1px solid #ffffff;}
#obnova .icon {position: absolute; border-radius: 5px; width: 24px; height: 24px; margin: 5px 0 0 5px; padding: 4px 4px; background-color: white;}
#obnova .name {position: absolute; text-align: left; margin: 11px 0 0 45px; font: normal 500 9px rubik; text-transform: uppercase; letter-spacing: 0.8px;}
#obnova .comment {position: absolute; text-align: left; margin: -24px 0 0 45px; font: normal 400 9px rubik; text-transform: lowercase; letter-spacing: 0.8px;}