/* CS1 Background and text colours
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,900;1,500;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lacquer&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amaranth:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fleur+De+Leah&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fondamento&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yatra+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Grenze:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syne+Tactile&display=swap');
@font-face {font-family: 'Golia Golia'; src: url('http://forumstatic.ru/files/001b/5c/42/15948.eot?'), url('http://forumstatic.ru/files/001b/5c/42/30138.woff') format('woff'), url('http://forumstatic.ru/files/001b/5c/42/85655.ttf') format('truetype'), url('http://forumstatic.ru/files/001b/5c/42/54940.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; display:swap;}
@font-face {font-family: 'Tundra'; src: url('http://forumstatic.ru/files/001b/5c/42/68484.eot?'), url('http://forumstatic.ru/files/001b/5c/42/70244.woff') format('woff'), url('http://forumstatic.ru/files/001b/5c/42/28840.ttf') format('truetype'), url('http://forumstatic.ru/files/001b/5c/42/48759.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; display:swap;}
@font-face {font-family: 'Kasja'; src: url('http://forumstatic.ru/files/001b/5c/42/54977.eot?'), url('http://forumstatic.ru/files/001b/5c/42/76841.woff') format('woff'), url('http://forumstatic.ru/files/001b/5c/42/65104.ttf') format('truetype'), url('http://forumstatic.ru/files/001b/5c/42/54511.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; display:swap;}
@font-face {font-family: 'Arachne Demonic'; src: url('http://forumstatic.ru/files/001b/5c/42/20467.eot?'), url('http://forumstatic.ru/files/001b/5c/42/21613.woff') format('woff'), url('http://forumstatic.ru/files/001b/5c/42/17800.ttf') format('truetype'), url('http://forumstatic.ru/files/001b/5c/42/68995.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; display:swap;}
@font-face {font-family: 'Lapicide'; src: url('http://forumstatic.ru/files/001b/5c/42/79240.eot?'), url('http://forumstatic.ru/files/001b/5c/42/24154.woff') format('woff'), url('http://forumstatic.ru/files/001b/5c/42/69374.ttf') format('truetype'), url('http://forumstatic.ru/files/001b/5c/42/32894.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; display:swap;}

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


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