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


/* Шапка */

#pun-title table {
    background-image: url(https://i.imgur.com/W3rwkYl.png);
    background-repeat: no-repeat;
    background-position: center top;
    border: none;
    height: 348px;
    width: 950px;
    margin-left: -18px;
}


/* задний фон */

HTML {
	background: #5e696a url("https://i.imgur.com/AAlfo0w.png") top center repeat;
}


/* тело */

#pun {
	background-image: url(https://i.imgur.com/nGBxyPI.png);
	background-attachment: scroll;
	background-position: center;
	position: relative;
	margin: auto;
	color: #000;
	width: 950px;
	background-color: transparent;
	margin-top: -1px!important;
}


/* футер */

#pun-about p.container {
	background-image: url(https://i.imgur.com/XEEuXk1.png);
	background-position: center top;
	background-repeat: no-repeat;
	border: none;
	margin-bottom: -25px;
	margin-left: -28px;
	width: 950px;
	height: 73px;
	text-align: center;
}

.punbb .main .container,
.punbb .post .container,
.punbb .post h3,
.punbb-admin #pun-admain .adcontainer,
#pun-title,
#pun-title .container,
.punbb .modmenu .container,
.punbb legend span,
#viewprofile h2 span,
#profilenav h2 span,
.punbb-admin #pun-admain legend span,
.punbb .post h3 span,
.punbb th,
#viewprofile li,
#setmods dl {
	background-color: transparent;
	color: #121212;
}

.punbb .main .container,
.punbb .post .container,
.punbb .post h3,
.punbb-admin #pun-admain .adcontainer,
#pun-title,
#pun-title .container,
.punbb .modmenu .container,
.punbb legend span,
#viewprofile h2 span,
#profilenav h2 span,
.punbb-admin #pun-admain legend span,
.punbb .post h3 span,
.punbb th,
#viewprofile li,
#setmods dl {
	background-color: transparent;
	color: #17160e;
}

#mask_dialog .inner {
	cursor: default;
	margin: 0;
	width: 760px;
	max-width: 99%;
	max-height: 90%;
	overflow-x: auto;
	z-index: 100;
	box-shadow: 0 0 15px #5d5d5d;
	background: #d8c7b1 url(https://i.imgur.com/O9CQ8g4.png) top center;
	padding: 8px;
}

div#pun-navlinks {
    position: absolute;
    top: 48px;
    width: 100%;
    font-size: 9px;
    text-transform: uppercase;
    font-family: Play;
    z-index: 1;
}

div#pun-ulinks {
    text-align: center;
    text-transform: lowercase;
    font-weight: normal;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 9px;
}


/* CS2 ЦВЕТА ГРАНИЦ
-------------------------------------------------------------*/

.punbb .container,
.punbb .post-body,
.post h3,
#pun-title {
	border-color: transparent;
}

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

.punbb td,
.punbb fieldset,
#viewprofile ul,
#profilenav ul,
.punbb .post .post-body,
.punbb .post h3 span,
.post-links ul,
.post-links,
.usertable table {
	border-color: transparent;
}

.punbb th {
	border-color: transparent;
}

.punbb .quote-box,
.punbb .code-box {
	border-color:
}

#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: 0px solid #191919;
}

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

.punbb .post-sig dt {
	border-top-color: transparent !important;
}


/* CS3 ССЫЛКИ
-------------------------------------------------------------*/

.punbb-admin,
.punbb a:link,
.punbb a,
.punbb a:visited,
#pun-admain a,
.punbb-admin #pun-admain a:link,
.punbb-admin #punbb-admain a:visited {
	/* background-color: transparent; */
	border-color: transparent;
	color: #4a4a4a;
	text-decoration: none;
}

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


/* 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: #000;
	border-bottom: 0px none #000;
	text-decoration: none;
}

.punbb .main .tcr a {
	font-weight: bold;
	color: #6ea6a0;
}

.punbb .main .tcr a:hover {
	font-weight: bold;
	color: #27090e;
}

#pun-pagelinks a:active,
#pun-pagelinks a:focus {
	background-color: #333;
	color: #1b5b5d;
	text-shadow: 1px 1px #b3cacb;
}


/* Верхняя навигация до наведения */

#pun-navlinks a {
    color: #DBDBDB;
    line-height: 19px;
    font-weight: bold;
    text-decoration: none;
}


/* Верхняя навигация после наведения */

#pun-navlinks a:hover,
#pun-navlinks a:focus,
#pun-navlinks a:active {
	color: #E3BED1;
	line-height: 19px;
	font-weight: bold;;
	text-decoration: none;
}


/* Нижняя навигация до наведения */

#pun-ulinks a {
    color: #d8bdcf;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* Нижняя навигация после наведения */

#pun-ulinks a:hover,
#pun-ulinks a:focus,
#pun-ulinks a:active {
	border-bottom: 0px none #000;
	text-decoration: none;
	letter-spacing: 1px;
	color: #a9a9a9;
}


/* ссылки заголовков подфорумов */

#pun-index .tcl h3 a {
	color: #6ea6a0;
	padding-left: 1px;
	padding-right: 0px;
	padding-bottom: 2px;
	text-transform: lowercase;
}

#pun-index .tcl h3 a:hover {
	color: #122137;
	padding-left: 1px;
	padding-right: 0px;
	padding-bottom: 2px;
}


/* ссылки в постах */

.punbb .post-box a {
	color: #232323;
	font-weight: bold;
}

.tclcon .div {
	padding-top: 7px;
}


/* CS4 РАЗНОЕ
-------------------------------------------------------------*/

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

.pa-avatar,
.pa-title,
.pa-author {
	text-align: center;
}

#pun-announcement .container {
	margin-top: -2em;
}

#pun-main .post-author ul {
	line-height: 11px;
	font-size: 11px;
	margin-left: 6px;
}

#pun-announcement h2 {
	text-align: center;
}

#pun-status .container,
#pun-main .post-links li {
	text-align: center;
}

#pun-crumbs1 .container {
	text-align: center;
}

#pun_wrap #pun-viewtopic.punbb #pun-main .topic .container .post-author ul {
	text-align: center;
	line-height: 125%;
}

.lastedit {
	display: none;
}

#pun-navlinks #navawards {
	display: none;
}

#pun th {
	color: transparent;
	font-size: 0px;
}

#pun-main .postlink {
	text-align: ;
}

#pun-admain a {
	cursor: pointer;
	color: #373837;
}


/* Бегунок */
::-webkit-scrollbar {
	background: #000000;
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-thumb {
	background: #e1e1e1;
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-corner {
	background: transparent;
}


/* запятая после ников */

.modmenu a:after {
	content: ",";
}

.modmenu a:last-child:after {
	content: "";
}


/* убрать загрузки */

#pun-ulinks .container li.item5 {
	display: none;
}


::selection {
	color: #d0d0d0;
	background: #090e35;
	text-shadow: 0px 1px 1px #080a18;
}

::-moz-selection {
	color: #d0d0d0;
	background: #090e35;
	text-shadow: 0px 1px 1px #080a18;
}

#pun-index .category .tc2,
#pun-index .category .tc3 {
	display: none!important;
}


/* перенос тем и сообщений под подфорум*/

.Tems_And_messages {
	display: inline-block;
	width: 197px;
	font-size: 10px;
	text-transform: uppercase;
	font-family: play;
	text-align: center;
	padding-top: 13px;
}

.Tems_And_messages .right {
	color: #5b6762;
	/*цвет количества тем и сообщений*/
}


/* параметры аватара */
.pa-avatar {
    margin-top: 7px !important;
    margin-bottom: 4px !important;
    margin-left: 0px !important;
}

.pa-avatar.item2>img {
    max-width: 180px;
}

/* сообщения и репутация столбиком */

.pa-posts,
.pa-respect,
.pa-fld2 {
	padding: 4px !important;
	display: inline-block;
	text-align: center;
	width: 62px;
	margin-right: -6px!important;
	margin-top: 3px!important;
	line-height: 13px;
	font-size: 10px;
}

.pa-fld2 {
	padding: 0 !important;
	margin-left: -8px !important;
	margin-right: -10px !important;
}


/* выпадающие окна в форме ответа */

#font-area,
#size-area,
#color-area,
#table-area,
#smilies-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area {
	position: absolute;
	right: 6px;
	top: 70px!important;
	background: #f9f9f9;
}


/* скрыть поделиться */

.topic a.sharelink {
	display: none;
}

div#pun-live-rusff {
	display: none;
}


/*-- Подсказки */

#tooltip {
	position: absolute;
	background: #2c2c2c;
	box-shadow: 0px 0px 0px 0px #9c8eac, -3px -3px 0px 0px #549a4d, inset 0px 0px 0px 0px #707070;
	border-radius: 3px;
	border-bottom: 2px solid #5b963e !important;
	margin: 0.4em 1.8em 1.4em 1.8em;
	padding: 5px;
	text-transform: uppercase;
	color: #c5c4c4;
	letter-spacing: 1px;
	font-family: source sans pro;
	font-weight: 700;
	font-size: 10px;
	display: none;
}

.titlerus {
	color: #313131;
	font-family: source sans pro;
	font-weight: 900;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-content hr {
	opacity: 0.2!important;
	-moz-opacity: 0.2!important;
	-khtml-opacity: 0.2!important;
	filter: alpha(opacity=20)!important;
	margin-top: 0.5em!important;
	margin-bottom: 1.4em!important;
}

hr {
	border: 1px solid #9a9a98!important;
	box-shadow: -1px 1px 0px #504f4f;
}


/* всплывающее окно комментария к репутации  */

#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -135px 0 0 -384px;
	border: 4px solid #730e26;
	width: 768px;
	background: url(https://i.imgur.com/O9CQ8g4.png) top center;
	z-index: 100;
	box-shadow: inset 0 0 4px #4c4c49;
	-webkit-box-shadow: inset 0 0 4px #4c4c49;
	-moz-box-shadow: inset 0 0 4px #4c4c49;
	-khtml-box-shadow: inset 0 0 4px #4c4c49;
}

#pun-report .bg,
#pun-reputation .bg,
#pun-admin-award-form .bg {
	display: none;
	position: fixed;
	z-index: 10;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #101010!important;
	opacity: 0.8!important;
	filter: alpha(opacity=80)!important;
	-moz-opacity: 0.8!important;
	-khtml-opacity: 0.8!important;
	cursor: pointer;
}

#form-buttons table,
.punbb .formal textarea {
	width: 99%;
	margin-top: 9px;
}


/* стиль бегунка регулировки размера текста в постах */

.FNTslider {
	border-radius: 3px;
	position: relative;
	z-index: 1000;
	background: #fff;
	width: 112px;
	margin-top: 4px!important;
	margin-right: 50px!important;
	height: 5px;
	border: solid 1px #969696;
	float: right;
}

.FNTslider .before {
	height: 5px;
	border: solid 1px #37525b;
	border-right: none 0;
	position: absolute;
	background: #fff;
	margin-top: -1px;
}

.FNTslider .thumb {
	width: 8px;
	height: 14px;
	border-radius: 3px;
	position: relative;
	top: -5px;
	background: #881529;
	cursor: pointer;
}

#naviga {
	position: absolute;
	top: -265px;
	margin-left: 18px;
	z-index: 1000;
	font-size: 10px;
	letter-spacing: 1px;
	font-family: play;
	line-height: 17px;
	color: #7a2d82;
}

#postface {
	position: absolute;
	top: -226px;
	left: 33px;
	z-index: 1000;
}

#postface a:hover {
	cursor: crosshair;
}

#posttext {
	position: absolute;
	top: -221px;
	left: 101px;
	color: #959595;
	font-size: 10px;
	letter-spacing: 0.5px;
	text-align: justify;
	font-family: play;
	width: 397px;
	z-index: 1000;
}

#posttext a {
	color: #7a2d82!important;
}

#news {
	position: absolute;
	top: -152px;
	left: 33px;
	z-index: 1000;
	width: 245px;
	line-height: 11px;
	height: 44px;
	color: #959595;
	font-size: 10px;
	letter-spacing: 0.5px;
	text-align: justify;
	font-family: play;
	padding: 5px;
	overflow: scroll;
	overflow-x: hidden;
}

#activchiki {
	position: absolute;
	top: -154px;
	left: 291px;
	z-index: 1000;
}

#activchiki a:hover {
	cursor: crosshair;
}

#banners {
	opacity: 0.3;
	position: absolute;
	left: 55px;
	bottom: -45px;
	width: 837px;
	transition: 0.3s;
	height: 30px;
	overflow: scroll;
	overflow-x: hidden;
}

#banners:hover {
	opacity: 1;
}

.punbb .main h1 {
	font-family: play;
	font-size: 26px;
	text-decoration: underline;
	text-transform: lowercase;
	text-align: center;
	font-weight: bold;
	color: #6ea6a0;
	padding-top: 3px;
	padding-right: 14px;
	padding-left: 21px;
	padding-bottom: 2px;
}

#pun-profile .main h1 {
	font-family: play;
	font-size: 16px;
	text-transform: lowercase;
	font-weight: bold;
	color: #6ea6a0;
	padding-top: 3px;
	padding-right: 14px;
	padding-left: 21px;
	padding-bottom: 2px;
	text-align: left;
}

#profilenav h2 span {
	font-size: 26px;
	text-decoration: none;
}


/* CS5 ИКОНКИ СООБЩЕНИЙ
-------------------------------------------------------------*/

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

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

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

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

.pa-fld1 {
	background: url(https://i.imgur.com/WkbGjou.png);
	margin-bottom: 4px !important;
	box-shadow: 0px 0px 0px 1px #a78a35e3, -6px 6px 0px -2px #622872;
}

.pa-fld1 .lz_name a {
	margin: 0px 0;
	color: #d8bdcf;
	text-align: center;
	text-shadow: 1px 1px 0px #681b1b;
	font-family: play;
	font-size: 10px!important;
	font-weight: 900!important;
	letter-spacing: 0px;
	line-height: 15px;
	/* position: relative;
    top: 5px;*/
}

.lz_name {
	padding-top: 8px!important;
}

.pa-fld1 .lz_name a:hover {
	color: #b1b0b2;
}

.pa-fld1 .lz_rank {
	font-family: play;
	font-size: 10px;
	color: #ac3232;
	padding: 4px!important;
	background: #0000006b;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px #551024;
	font-weight: 700;
	position: relative;
}

.pa-fld1 .lz_about {
	font-family: play;
	font-size: 10px;
	margin-top: 4px;
	margin-left: 7px;
	margin-right: 7px;
	color: #ccc9c9;
	padding-bottom: 14px!important;
	letter-spacing: 1px;
	line-height: 13px!important;
	text-align: justify;
}

.lz_about a {
	color: #9129a9!important;
	text-shadow: 1px 1px 0px #222121!important;
}

.strelki {
	position: fixed;
	z-index: 1003;
	right: 3%;
	font-size: 14px;
	font-weight: 700;
	font-family: play;
	bottom: 35%;
}

.strelki a {
	color: #d8bdcf!important;
}

.strelki a:hover {
	color: #6ea6a0!important;
}


/*ширина*/

.list-plane::-webkit-scrollbar,
.list-ep::-webkit-scrollbar,
.list-ep2::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}


/*трэк прокрутки*/

.list-plane::-webkit-scrollbar-track:vertical,
.list-ep::-webkit-scrollbar-track:vertical,
.list-ep2::-webkit-scrollbar-track:vertical {
	background: #fff !important;
}


/*сам ползунок*/

.list-plane::-webkit-scrollbar-thumb:vertical,
.list-ep::-webkit-scrollbar-thumb:vertical,
.list-ep2::-webkit-scrollbar-thumb:vertical {
	background: #2a2478 !important;
}


/*трэк прокрутки*/

.list-plane::-webkit-scrollbar-track:horizontal,
.list-ep::-webkit-scrollbar-track:horizontal,
.list-ep2::-webkit-scrollbar-track:horizontal {
	background: #fff !important;
}


/*сам ползунок*/

.list-plane::-webkit-scrollbar-thumb:horizontal,
.list-ep::-webkit-scrollbar-thumb:horizontal,
.list-ep2::-webkit-scrollbar-thumb:horizontal {
	background: #d8bdcf !important;
}

#pun #forum_f21 {
	display: none;
}

#main-reply {
	width: 99%;
	height: 200px;
}

#font-area {
	height: 340px;
	overflow: auto;
}

button,
.button {
	text-transform: uppercase!important;
	font-weight: 700!important;
	padding: 6px!important;
	font-size: 10px!important;
}

/* вкладки доп смайлов */

ul.tabs {
	height: 25px;
	line-height: 25px;
	margin: 0 0 3px;
	list-style: none;
}

ul.tabs li {
	float: left;
	margin-right: 1px;
	cursor: pointer;
}

ul.tabs li a {
	display: block;
	padding: 0 13px 1px;
	margin-bottom: -1px;
	color: #444;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	font-family: arial;
	text-transform: uppercase;
	font-weight: bold;
}

* html ul.tabs li a {
	float: left
}

*+html ul.tabs li a {
	float: left
}

ul.tabs li a:hover {
	color: #566f9e;
	padding: 0 13px;
	font-family: arial;
	text-transform: uppercase;
	font-weight: bold;
}

ul.tabs li.tab-current a {
	color: #444;
	padding: 0px 13px 2px;
	font-family: arial;
	text-transform: uppercase;
	font-weight: bold;
}

div.t2,
div.t3,
div.t4,
div.t5 {
	display: none;
	width: 450px;
	height: 150px;
	overflow: auto;
}

.category .container thead {
	display: none;
}

del {
    background: rgba(108, 116, 128, 0.11)!important;
    color: transparent;
    -webkit-transition: 1s ease;
    box-shadow: 1px 1px 4px rgba(84, 81, 73, 0.29);
    -moz-transition: 1s ease;
    -ms-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
    text-decoration: none!important;
}
del:hover {
    background: transparent;
    color: #4f4f4f;
    text-decoration: none!important;
}


/*-----  GENERAL TOPIC --------*/
.topicbg {width: 583px;height: auto;margin-top: 15px !important;margin-bottom: 25px!important;margin-left: 30px!important;background: url(https://i.imgur.com/onBc7kW.jpg) top center no-repeat, url(https://i.imgur.com/Ac7QaHw.jpg) bottom center no-repeat, url(https://i.imgur.com/CFmv8Bm.jpg) center repeat-y;}

.topich1 {
    font: 30px circe bold;
    color: #dcdcdc;
    text-shadow: 1px 1px 0px #3d4957, -1px -1px 0px #3d4957, 1px -1px 0px #3d4957, -1px 1px 0px #3d4957;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 10px 0px 10px 58px !important;
}

.topictxt {
    width: 475px;
    height: auto;
    overflow-y: auto;
    font: 11px verdana;
    color: #6a6a6a;
    letter-spacing: 0px;
    text-align: justify;
    margin-top: -6px!important;
    padding: 0px 0px 20px 0px !important;
    margin-bottom: 32px !important;
    line-height: 18px;
    margin-left: 58px!important;
}

/*-----  topic with tabs --------*/
.topic2bg {
    width: 583px;
    padding-bottom: 50px;
    height: auto;
    margin-top: 15px !important;
    margin-bottom: 28px!important;
    margin-left: 30px!important;
    background: url(https://i.imgur.com/onBc7kW.jpg) top center no-repeat, url(https://i.imgur.com/Ac7QaHw.jpg) bottom center no-repeat, url(https://i.imgur.com/CFmv8Bm.jpg) center repeat-y;
    }

.topic2h1 {
    margin-left: -2px!important;
    font: 30px circe bold;
    color: #dcdcdc;
    text-shadow: 1px 1px 0px #3d4957, -1px -1px 0px #3d4957, 1px -1px 0px #3d4957, -1px 1px 0px #3d4957;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 10px 0px 10px 58px !important;
}

.tabs {padding: 0px;margin: 0px 41px 21px 53px !important;z-index: 10;width: 555px;}
.tabs>input { display:none; }
.tabs>div {
    display: none;
    padding: 9px;
    background: #d6d6d6;
    border: 1px solid #fff;
    margin-top:10px;
    width: 450px;
    overflow-y: auto;
    margin-left: 5px;
    margin-top: 22px;
    }
.tabs>label {
    cursor: pointer;
    display: inline-block;
    margin: 0px 4px 0px;
    width: auto;
    padding: 3px 10px 2px 8px;
    font: 10px circe regular;
    text-align: left;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #44515f;
    border: none !important;
    border-width: 1px 1px 1px 1px;
    background: #bed967;
}
.tabs>input:checked + label {
    color: #ffffff;
    border: 1px solid #ffffff !important;
    background: #44515f;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4,
#tab_5:checked ~ #txt_5,
#tab_6:checked ~ #txt_6,
#tab_7:checked ~ #txt_7,
#tab_8:checked ~ #txt_8,
#tab_9:checked ~ #txt_9,
#tab_10:checked ~ #txt_10 { display: block; }


.tabs>input:checked + label:after {display: block;content:"";width: 1px;height: 22px;margin-top: 3px;margin-left: 30px;background-color: #fff;position: absolute;}

.topic2txt {
    height: 224px;
    overflow-y: auto;
    font: 11px verdana;
    color: #44515f;
    text-align: justify;
    padding-right: 9px;
    letter-spacing: 0px;
    margin-top: -3px!important;
    line-height: 18px;
}