html, body {min-width:1250px!important} /* Правка для мобильных устройств с мелким экраном */


/***************************************************************
- БАЗИС
***************************************************************/


/* Фон
--------------------------------- */
html {
    background: url(http://forumstatic.ru/files/001a/bf/f0/86806.jpg) repeat-x top center,
    url(http://forumstatic.ru/files/001a/bf/f0/68145.jpg) repeat-x bottom center,
    url(http://forumstatic.ru/files/001a/bf/f0/10735.jpg) repeat-x center 110%,
    url(http://forumstatic.ru/files/001a/bf/f0/69923.jpg) repeat top center;
  }
  

/* Шапка и тело
--------------------------------- */
body {
    background: url(http://forumstatic.ru/files/001a/bf/f0/74820.png) top center no-repeat,
    url(http://forumstatic.ru/files/001a/bf/f0/34043.jpg) top center repeat-y;
    }

#pun {      
    width: 840px!important;
    }


/* Футер
--------------------------------- */
#pun-about {
  margin: -230px 0 0 0;
}

#pun-about p.container {
    background: url(http://forumstatic.ru/files/001a/bf/f0/44961.png) bottom center repeat-x;
    height: 370px;
    width: 1145px;
    margin-left: -166px;
  }

#html-footer {
  margin: 0;
}

/* Баннеры */
.banners {
    width: 896px;
    display: block;
    text-align: center;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 31px;
    position: absolute;
    bottom: 38px;
    left: -16px;
    -webkit-mask-image: -webkit-gradient(linear, center top, center bottom, 
			color-stop(0.00,  rgba(0,0,0,1)),
			color-stop(1.00,  rgba(0,0,0,0.3)));
}
.banners img {
   opacity: .4;
   filter: grayscale(0.7) sepia(0.5) hue-rotate(150deg);
   transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s;
}
.banners img:hover {
  opacity: 1;
  filter: grayscale(0) sepia(0) hue-rotate(0);
}

/* Копирайт */
.copyright-mm {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 69px;
}
.copyright-mm a div {
  background: transparent url(http://forumstatic.ru/files/001a/bf/f0/85215.png) top center no-repeat;
  padding: 3px 0;
  height: 56px;
  width: 146px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .6s;
  filter: brightness(1) contrast(1) drop-shadow(0 0 5px transparent);
  }
.copyright-mm a div p {
  color: #2abff1 !important;
  text-transform: uppercase;
  font-family: 'Romul', Palatino Linotype, serif;
  font-size: 14px;
  font-weight: bold;
  background: linear-gradient(0deg, #70a9c2 45%, #8ebed2 65%, #c6dee9 100%);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.copyright-mm a div:hover {
  filter: brightness(1.2) contrast(1.05) drop-shadow(0 0 5px rgba(94, 182, 233, 0.25));
  cursor: pointer;
}


/***************************************************************
- ОСНОВНОЕ
***************************************************************/


/* Категории
------------------------------------------------------------------ */
#pun .category h2, .punbb #pun-stats h2 {
    background: transparent url(http://forumstatic.ru/files/001a/bf/f0/15300.png) top center no-repeat;
    background-repeat: no-repeat;
    width: 896px;
    height: 46px;
    margin: 15px 0 30px -27px;

    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    color: #7aabc8;
    text-shadow: 0 0 3px #5eb6e9;
    font-family: 'Romul', Palatino Linotype, serif;
  }


/* Статистика
------------------------------------------------------------------ */
#pun-stats li.item1 span, #pun-stats li.item2 span, #pun-stats li.item3 span, #pun-stats li.item4 span {
    color: #7aabc8;
    font-size: 10px;
    text-shadow: 0 0 3px #5eb6e9;
    font-family: 'Romul', Palatino Linotype, serif;
    letter-spacing: 1px;  
}

#pun-stats li.item1 strong, #pun-stats li.item2 strong, #pun-stats li.item3 strong, #pun-stats li.item4 strong a {
    color: #7aabc8;
    font-size: 10px;
    text-shadow: 0 0 3px #5eb6e9;
    font-family: 'Romul', Palatino Linotype, serif;
    letter-spacing: 1px;
}

#pun-stats li.item4 strong a {
    color: #7aabc8;
    font-size: 10px;
    text-shadow: 0 0 3px #5eb6e9;
    font-family: 'Romul', Palatino Linotype, serif;
    letter-spacing: 1px;
    display: inline-flex;
	position: relative;
	z-index: 1;	
	padding: 0 6px 3px;
	filter: brightness(1);
}
#pun-stats li.item4 strong a:hover {
	filter: brightness(1.1);
}

#pun-stats li.item4 strong a::before {
	content: "";
	width: 0;
	height: 100%;
	background: linear-gradient(to top, rgba(94, 182, 233, .15) 40%, rgba(0, 0, 0, 0) 40%);	
	position: absolute;
	left: 0;
	bottom: 2px;
	z-index: -1;
	transform: rotate(-2deg);
	transform-origin: left bottom;
	transition: width .3s ease-out;
  }
#pun-stats li.item4 strong a:hover::before {
    width: 100%;
    transition-duration: .15s;
  }


/* Дата и номер поста
------------------------------------------------------------------ */
#pun-main .post h3 {
    background: transparent url(http://forumstatic.ru/files/001a/bf/f0/15300.png) top center no-repeat;
    background-repeat: no-repeat;
    width: 896px;
    height: 46px;
    margin: 15px 0 30px -27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.punbb .post h3 span, .punbb .post h3 span a {
    width: 820px!important; 
    font-weight: normal;
    color: #7aabc8;
    text-shadow: 0 0 3px #5eb6e9;
    font-family: 'Romul', Palatino Linotype, serif;
  }

.punbb .post h3 span a:hover {
	filter: brightness(1.1);
	}

.punbb .post h3 span strong {
    float: right;
    font-weight: normal;
}

.punbb .post h3 strong.fnt {
  margin-right: 5%!important;
}

.punbb .post h3 strong.fnt img {
    width: 8px;
    height: auto;
    margin: 0px 15px 0px 15px!important;
    filter: sepia(1) brightness(0.7) contrast(1.2) hue-rotate(160deg);
    transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s!important;
}
.punbb .post h3 strong.fnt img:hover {
    filter: sepia(1) brightness(0.8) contrast(1.2) hue-rotate(160deg);
}

.pa-respect a img {
    filter: sepia(1) brightness(0.7) hue-rotate(160deg);
    margin-bottom: 2px;
    vertical-align: middle;
    transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s!important;
}
.pa-respect a img:hover {
    filter: sepia(1) brightness(0.8) hue-rotate(160deg);
    vertical-align: middle;
}

.post-rating a, div.post-vote a {
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 8px;
    font-family: 'Romul', Palatino Linotype, serif;
}

div.post-vote a {
    font-weight: bold;
    color: green !important;
}


/* Страница ЛС
------------------------------------------------------------------ */
#pun-messages .post h3 {
  background: none;
  height: 30px;
  width: 100%;
  margin: 5px 0;
}

#pun-messages .post h3 span {
  color: currentColor;
  text-shadow: none;
  font-weight: bold;
}
#pun-messages .post h3 span::before {
	content: '—';
	margin-right: 5px;
}

#pun-messages .pa-avatar {
	margin-bottom: 10px;
}


/* Общие заголовки
------------------------------------------------------------------ */
.punbb .main h2, #pun-debug h2, .punbb .main h1, #viewprofile h2, #profilenav h2, #pun-stats h2 {
    text-transform: uppercase;
    font-family: 'Romul', Palatino Linotype, serif;
    font-size: 1.6em!important;
    font-weight: 700;
    color: #333333;
    line-height: 250%;
  }

  #pun-viewforum h1, #pun-viewtopic h1 {
    padding-bottom: 20px!important;
  }

  #pun-profile h1 span a {
    font-size: 10px;
    margin-right: 10px;
    font-family: 'Romul', Palatino Linotype, serif;
  }

 #post-form h2  {
    text-align: center;
    }


/* Переадресация
------------------------------------------------------------------ */
.redirect-page {
    background: url(http://forumstatic.ru/files/001a/bf/f0/69923.jpg) repeat top center !important;
    height: 100vh;
    display: flex;
  }

#pun-redirect .main {
   color: #b0a99a;
}

#pun-redirect {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Romul', Palatino Linotype, serif;
    }

#pun-redirect a {
   color: #7aabc8;
    text-shadow: 0 0 3px rgba(94, 182, 233, 0.5);
    font-family: 'Romul', Palatino Linotype, serif;
   }

#pun-redirect .container {
    color: #b0a99a;
    text-align: center;
    width: 600px;
    }

#pun-redirect h1 {
    font-size: 32px!important;
    letter-spacing: 2px;
    font-weight: normal;
    color: #7aabc8;
    text-shadow: 0 0 3px #5eb6e9;
}


#pun-redirect a, #pun-maint a {
    transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s!important;
  }



/***************************************************************
- ИКОНКИ
***************************************************************/

#pun-index table div.icon, #pun-index TR.inew Div.icon {
    float: right;
    width: 14px;
    height: 48px;
    margin: -10px -10px 0 0px;
    display: flex;
    align-items: stretch;
    }

.punbb table div.icon {
    width: 14px;
    height: 14px;
    margin-right: 15px;
    border: 2px solid rgba(36, 73, 109, 0.37);
    box-sizing: border-box;
    float: left;
    }

TR.inew Div.icon {
    background: #24496d60;
    border: none;
    }

TR.iclosed Div.icon {
    background: rgba(105, 105, 105, 0.3);
    border: none;
  }

TR.isticky Div.icon {
    background: rgba(109, 36, 36, 0.37);
    border: none;
  }




/***************************************************************
- ПРОФИЛЬ
***************************************************************/


/* Основное
------------------------------------------------------------------ */
.punbb .post .post-author {
    width: 200px;
    padding: 5px 0 15px 24px;
    background-color: rgba(74, 67, 55, 0.06);
    background-repeat: no-repeat;
    background-position: 2.5% 98%;
    float: left;
    margin: 0 0 0 -4px;
    box-shadow: 24px 0 0 inset rgba(24, 105, 184, 0.19), -3px 0 0 0 inset #b0a99a, 24px 0 0 3px inset rgba(74, 67, 55, 0.13);
    text-align: center;
    color: #4a4337;
    font-size: 1.2em;
    line-height: 160%;
    position: relative;
    font-size: 1em;
}

li.pa-author {
    transform: rotate(-90deg);
    position: absolute;
    height: 24px;
    width: 400px;
    margin: 188px 0 0 -223px;
    padding: 0 10px!important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

li.pa-author a {
    font-size: 18px;
    font-family: Times New Roman, serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #24496d !important;;
  }

li.pa-author a:hover {
    color: #5b452e !important;
}

li.pa-author a::before {
  content: '«';
  display: inline-flex;
  margin-right: -10px;
  opacity: 0;
  font-size: 22px;
  transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s;
  }

li.pa-author a:hover::before {
  margin-right: 10px;
  opacity: .85;
  }

.pa-title {
    margin: 5px 10px!important;
    font-family: Times New Roman, serif;
    text-transform: lowercase;
  }

.pa-avatar {
	display: flex;
	justify-content: center;
    margin-top: 5px!important;
  }
.pa-avatar img {
	max-width: 180px;
    transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s;
    box-shadow: 0 0 0 30px rgba(74, 67, 55, 0);
}
.pa-avatar img:hover {
	 filter: sepia(1) hue-rotate(165deg) contrast(.9) brightness(.5);
	 transform: scale(0.98);
    box-shadow: 0 0 0 3px rgba(74, 67, 55, 0.26);
}

.pa-posts, .pa-respect {
    text-align: center;
    font-size: 0.8em;
    display: inline-block;
    padding: 12px!important;
    width: 30%;
    text-transform: uppercase;
  }

.pa-online:not(#guest), .pa-last-visit {
  padding: 10px 0!important;
}

.pa-ip {
	margin: 5px 0!important;
}

#pun-searchposts .post-author, #pun-post .post-author {
  background-image: none;
  }

#pun-searchposts .post-author .pa-author, #pun-post .post-author .pa-author {
  transform: none;
  margin: auto;
  position: relative;
  justify-content: center;
  width: 89%;
  }


/* Дополнительные поля профиля
------------------------------------------------------------------ */
.post-author .pa-fld1, .post-author .pa-fld3 {
    background: rgba(74,67,55,.15);
    padding: 10px 15px;
    margin: 0 10px;
    line-height: 120%;
    font-size: 10px;
    transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s;
    }

.post-author .pa-fld1 {
	color: hsla(38, 15%, 25%, 0.8);
	}

.post-author .pa-fld1:hover, .post-author .pa-fld3:hover {	
    background: #344352;
    color: rgba(255, 252, 245, 0.6);
}
.post-author .pa-fld1:hover a {
    color: #7aabc8;
}

.post-author .pa-fld1 b a.lzlink {
	font-size: 13px;
	display: block;
	margin-bottom: -5px;
	text-transform: lowercase;
	position: relative;
	z-index: 1;
	width: 158px;
	margin-left: -10px;
	padding: 0 6px;
	font-family: Times New Roman, serif;
    }

.post-author .pa-fld1 b a.lzlink::before {
	content: "";
	width: 0;
	height: 125%;
	background: linear-gradient(to top, rgba(122, 171, 200, .8) 100%, rgba(0, 0, 0, 0) 100%);	
	position: absolute;
	left: 0;
	bottom: -5px;
	z-index: -1;
	transform: rotate(-2deg);
	transform-origin: left bottom;
	transition: width .3s ease-out;
  }

.post-author .pa-fld1 b a.lzlink:hover {
	color: #344352;
}
.post-author .pa-fld1 b a.lzlink:hover::before {
    width: 100%;
	transition-duration: .15s;
  }

.pa-fld2 {
	display: flex;
	flex-direction: column;
	position: absolute;
	bottom: 6px;
	left: 6px;
	z-index: 1;
	}

.pa-fld2 img {
	margin-bottom: 4px;
	width: 13px;
	height: 13px;
    transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s;
    }

.pa-fld2 img:hover {
	cursor: pointer;
	filter: invert(1) grayscale(0.6) brightness(1.2);
    }


/* Картинки кнопок (возможна замена) */

.pa-fld2 img.first, #viewprofile img.first {
	background: transparent url(http://forumstatic.ru/files/001a/bf/f0/37526.png) top center no-repeat;
	width: 13px;
	height: 13px;
}

.pa-fld2 img.second, #viewprofile img.second {
	background: transparent url(http://forumstatic.ru/files/001a/bf/f0/65713.png) top center no-repeat;
	width: 13px;
	height: 13px;
}

.pa-fld2 img.third, #viewprofile img.third {
	background: transparent url(http://forumstatic.ru/files/001a/bf/f0/57643.png) top center no-repeat;
	width: 13px;
	height: 13px;
}

.pa-fld2 img.fourth, #viewprofile img.fourth {
	background: transparent url(http://forumstatic.ru/files/001a/bf/f0/35258.png) top center no-repeat;
	width: 13px;
	height: 13px;
}



/* Граница подписи
------------------------------------------------------------------ */
.punbb .post-sig dt {
    width: 250px;
    border: 1px solid rgba(29, 55, 78, 0.17);
    margin: 10px 0px 10px 184px;
  }
#profile-signature ul {
   border-top: 1px solid rgba(29, 55, 78, 0.17) !important;
  }



/***************************************************************
- ЦИТАТЫ, КНОПКИ, ПОЛЯ
***************************************************************/


/* Оформление блоков и цитат
------------------------------------------------------------------ */
#pun-main .code-box, #pun-main .quote-box {
    background: rgba(36, 73, 109, 0.3) url(http://forumstatic.ru/files/001a/bf/f0/97208.jpg) top center repeat;
    box-shadow: 0 0 0 1px #ada299, 0 0 0 2px #958c83, 0 0 0 3px #766b68, 0 0 0 4px #ada79b;
    margin: 15px 10px;
    padding: 3px;
}
#pun-main .quote-box .quote-box {
    margin: 0.8em;
}

#pun-main .code-box .blockcode, #pun-main .quote-box blockquote {
    background: #c2bcad url(http://forumstatic.ru/files/001a/bf/f0/71924.jpg) top center repeat;
    padding: 0.3em 0.3em 0.6em 0.3em;
    width: auto;
    }

.punbb .quote-box cite, .punbb .code-box strong.legend a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7.5px 0;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-family: Times New Roman, serif;
    opacity: .8;
    text-transform: uppercase;
    color: currentColor;
}

.punbb .post-content .blockcode div {
    margin: 2px 5px;
    line-height: 150%;
    font-size: 11px;
}

#post-preview blockquote {
  margin-left: 5px!important;
}


/* Заголовок спойлера
------------------------------------------------------------------ */
.post-content .spoiler-box div:not(.htmldemo) {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-family: Times New Roman, serif;
    opacity: .8;
    text-transform: uppercase;
}

.post-content .spoiler-box > div {
  padding-left: 0!important;
}

#pun-main .spoiler-box blockquote .htmldemo {
    padding: 0.3em 0.3em 0.6em 0.3em;
}


/* Всплывающие окна
------------------------------------------------------------------ */
.inner, .punbb .pun-modal .section {
    background: #c2bcad url(http://forumstatic.ru/files/001a/bf/f0/71924.jpg) top center repeat;
    border-radius: 10px;
}  

/* .inner textarea, .punbb .pun-modal .section textarea {
    background: transparent url(http://forumstatic.ru/files/001a/ae/b4/57157.png) repeat top center!important;
    border: none!important;
} */

#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg {
    background: #0d0d0d !important;
}

#pun_wrap #post .container[id$=font-area] {
  height: 166px;
  overflow-y: auto;
}


/* Поля ввода и кнопки
------------------------------------------------------------------ */
.punbb textarea {
    border: none;
    padding: 6px;
    background: rgba(52, 66, 81, 0.2);
    box-shadow: 0 -30px 60px inset rgba(22, 21, 19, 0.15);
    color: rgba(0, 0, 0, 0.85);
    line-height: 130%!important;
  }

body #post .fs-box.hashelp .container, #post-sig .container {
    padding-top: 10px;
    border: none !important;
    background: #c2bcad url(http://forumstatic.ru/files/001a/bf/f0/71924.jpg) top center repeat;
    padding: 10px;
    padding-left: 10px!important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }

#keyboard-span input {
    border: none !important;
    font-weight: bold !important;
    cursor: pointer;
    padding: 0 10px;
    margin: 1px!important;
    background: rgba(52, 66, 81, 0.2)!important;
    color: #344352 !important;
}

.punbb input:not([type="text"]):not([type="radio"]):not([type="password"]):not([type="checkbox"]) {	
    border: none;
    width: auto;
    padding: 10px 15px;
    margin: 3px;
    color: #344352;
    font-weight: bold;
    font-family: 'Romul', Palatino Linotype, serif!important;
    transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s;
    background: rgba(52, 66, 81, 0.2);
    box-shadow: 0 0 0 15px inset rgba(74,67,55,0);
  }

.punbb input:hover:not([type="text"]):not([type="radio"]):not([type="password"]):not([type="checkbox"]) {
	background: transparent;	
	box-shadow: 0 0 0 2px inset rgba(74,67,55,.2);	
}

.punbb input:active:not([type="text"]):not([type="radio"]):not([type="password"]):not([type="checkbox"]) {
    transform: translateY(1px);
	box-shadow: 0 0 0 2px inset rgba(74,67,55,.3);	
}

.punbb select, .punbb input[type="text"], .punbb input[type="password"] {
    background: rgba(52, 66, 81, 0.2);
    border: none;
    padding: 10px 8px;
    text-transform: none!important;
    color: currentColor;
    line-height: 140%;
}

 .punbb input.button, .fs-box.hashelp button {
    background: url(https://i.imgur.com/VO1a2yo.png) top center repeat;
    padding: 8px 16px;
    margin-top: 3px!important;
    text-transform: none!important;
    color: #a5a08f;
    font-family: 'Romul', Palatino Linotype, serif!important;
    letter-spacing: -0.3px;
  }

 .punbb input:hover, .punbb button:hover, .punbb input:focus, .punbb button:focus {
    cursor: pointer;
    }

#form-buttons table {
    width: 101.5%!important;
}

label {
    margin-bottom: 3px!important;
}


/* Правка отображения выпадающего меню в Safari
------------------------------------------------------------------ */

/* Safari 7.1+ */
_::-webkit-full-page-media, _:future, :root {
  input[type=text], input[type=submit], textarea, keygen, select, button {
      -webkit-appearance: none;
    }
}

/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) { @media {
    input[type=text], input[type=submit], textarea, keygen, select, button { 
      -webkit-appearance: none;
    }
}}




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


/* Цвета ссылок и всё что с ними связанно
------------------------------------------------------------------ */
.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 {
    border-bottom: none;
    color: #5b452e;
    text-decoration: none;
    transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s;
  }

.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 {
    border-bottom: none;
    color: #24496d;
    text-decoration: none;
  }


/* Навлинки
------------------------------------------------------------------ */
#pun-navlinks {
    margin: 340px 0 0px 0px;
  }

#pun-navlinks a {
    text-transform: uppercase;
    font-size: 14px;
    text-size-adjust: 100%;
    font-family: 'Romul', Garamond, serif;
    font-weight: bold;
    color: #5b452e;
	position: relative;
	z-index: 1;	
	padding: 0 6px 5px;
  }

#pun-navlinks a:hover, #pun-navlinks a:active {
  color: #344352;
  }

#pun-navlinks a::before {
	content: "";
	width: 0;
	height: 100%;
	background: linear-gradient(to top, #5b452e30 40%, rgba(0, 0, 0, 0) 40%);	
	position: absolute;
	left: 0;
	bottom: 2px;
	z-index: -1;
	transform: rotate(-2deg);
	transform-origin: left bottom;
	transition: width .3s ease-out;
  }
#pun-navlinks a:hover::before {
    width: 100%;
	transition-duration: .15s;
  }


/* Юзерлинки
------------------------------------------------------------------ */
#pun-ulinks {
    margin: 6px 0 20px 0;
  }

#pun-ulinks a {
    font-size: 14px;
    font-family: 'EB Garamond', Palatino Linotype, serif;
    padding: 0 5px;
    color: #344352 !important;
  }

#pun-ulinks a:hover, #pun-ulinks a:active {
    color: #5b452e !important;
  }

/* Фикс размера ссылки Уведомления на iOS */
#pun-ulinks li.item7 a {
    position: initial!important;
  }


/***************************************************************
- ПОДФОРУМЫ
***************************************************************/


/* Оформление разделов
--------------------------------------------------------------- */
#pun-index .tcl {
    background: rgba(36, 73, 109, 0.3137254901960784) url(http://forumstatic.ru/files/001a/bf/f0/97208.jpg) top center repeat;
    box-shadow: 0 0 0 1px #ada299, 0 0 0 2px #958c83, 0 0 0 3px #766b68, 0 0 0 4px #ada79b;
    margin: 10px 20px;
    padding: 3px;
}

#pun-index .tcl .intd {
    color: #4a4337;
    text-align: left;
    font-size: 1em;
    padding: 15px 15px 10px;
    background: #c2bcad url(http://forumstatic.ru/files/001a/bf/f0/71924.jpg) top center repeat;
    }

#pun-index .tcl h3 {
    text-align: center;
    margin: -12px -12px 7.5px;
    padding: 8px 0 22px 0; 
    background: rgba(36, 73, 109, 0.3) url(http://forumstatic.ru/files/001a/bf/f0/97208.jpg) top center repeat;
}
#pun-index #forum_f4 .tcl h3 {
    padding: 15px 0; 
}

#pun-index .tcl .intd p {
    font-family: 'Times New Roman', Palatino Linotype, serif;
    color: #24496d;
    font-size: 13px;
    text-transform: lowercase;
    letter-spacing: 0.3px;
    text-align: center;
    margin: -32px 0 20px 0;	
}

#pun-index .tcl h3 a {
    text-transform: uppercase;
    font-size: 18px;
    text-size-adjust: 100%;
    font-family: 'Times New Roman', Palatino Linotype, serif;
    color: #24496d;
	position: relative;
	z-index: 1;	
	padding: 0 6px 3px;
}

#pun-index .tcl h3 a::before {
	content: "";
	width: 0;
	height: 100%;
	background: linear-gradient(to top, rgba(91, 69, 46, 0.2) 40%, rgba(0, 0, 0, 0) 40%);	
	position: absolute;
	left: 0;
	bottom: 2px;
	z-index: -1;
	transform: rotate(-2deg);
	transform-origin: left bottom;
	transition: width .3s ease-out;
  }
#pun-index .tcl h3 a:hover::before {
    width: 100%;
    transition-duration: .15s;
  }

#pun-index .tcl h3 a:after {
  content: '»';
  vertical-align: text-bottom;
  display: inline-flex;
  margin-left: -15px;
  opacity: 0;
  transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s;
  }

#pun-index .tcl h3 a:hover:after {
  margin-left: 5px;
  opacity: .85;
  }

#pun-main thead tr th {
  font-family: 'Romul', Palatino Linotype, serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1em;
  color: #5d554a;
}


/* Темы и сообщения горизонтально 
 ------------------------------------------------------------- */

#pun-index td.tcl {
    display: inline-block; 
    text-align: center;
    width: 444px;
}

#pun-index td.tcr {
    width: 280px;
}

#pun-index td.tc2 {
  margin-left: 60px;
}

#pun-index td.tc2:before {
    content: 'Тем: ';
    color: #5d554a;
    font-weight: bold;
}

#pun-index td.tc3:before {
    content: 'Сообщений: ';
    color: #5d554a;
    font-weight: bold;
}

#pun-index td.tc2, #pun-index td.tc3 {
    display: inline-block;
    width: 148px;
    margin-top: -10px;
    font-family: 'Romul', Palatino Linotype, serif;
    font-weight: normal;
    font-size: 10px;
    color: #5d554a; 
}





/***************************************************************
- ОСТАЛЬНОЕ
***************************************************************/


/* Красим основную текстовую часть
------------------------------------------------------------- */
.punbb .container, .punbb .post-body, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .post-links ul, .post-links, .usertable table, .punbb th, .punbb .quote-box, .punbb .code-box, #pun-ulinks li, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box {
  border: none;
  color: #4a4337;
  }


/* Скрытие отдельных элементов
------------------------------------------------------------------ */
#pun-announcement h2, p.lastedit, .topic a.sharelink, .category .container thead, .intd .tclcon .modlist, #navawards, #pun-stats h2 span {
    display: none!important;
}


/*  Сглаживание шрифтов
------------------------------------------------------------------ */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


/*  Сдвиг рекламы
------------------------------------------------------------------ */
#banner_top {
  margin: -10px 0 -10px 215px!important;
}


/* Свечение в Chrome
------------------------------------------------------------------ */
textarea:active {
    outline-color: #24496d;
  } 
input:active, input:focus {
    outline: none;
}
:focus {
    outline-color: #24496d;
  }


/* Закладки
------------------------------------------------------------------ */
.post .bookmark {
    color: #5b452e !important;
    right: -35px !important;
}

#BookmCntToggle.default-style {
    color: #5b452e !important;
}

#MyBookmarks, .editBookmark {
    background: #c2bcad url(http://forumstatic.ru/files/001a/bf/f0/71924.jpg) top center repeat;
}


/* Выравнивание кнопки загрузки изображений
 -------------------------------------------------------------*/
#imageupload-left input[type=button] {
    width: auto!important;
  }


/* Выделение
------------------------------------------------------------------ */
::selection {
    color: #c8c2b4 !important;
    background: #344352;
}


/* Зачёркнутый текст
------------------------------------------------------------------ */
del {
    text-decoration: none;
    color: transparent;
    position: relative;
    display: inline-block!important;
    z-index: 1;	
    padding: 0 6px 3px;
    transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s;
}
del:hover {
  color: currentColor;
}

del::before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, #5b452e30 80%, rgba(0, 0, 0, 0) 80%);	
	position: absolute;
	right: 0;
	bottom: 3px;
	z-index: -1;
	transform: rotate(-1deg);
	transform-origin: right bottom;
	transition: width .3s ease-out;
  }
del:hover::before {
    width: 0;
    transition-duration: .15s;
  }


/* Подчёркнутый текст
------------------------------------------------------------------ */
.bbuline {
    background: transparent;
    text-decoration-color: #24496d !important;
    transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s;
}
.bbuline:hover {
    background: transparent;
    text-decoration-color: rgba(36, 73, 109, .23) !important;
}


/* Ссылки в постах
----------------------------------------------------------------------- */
.post-content a {
    color: #24496d !important;
	position: relative;
	z-index: 1;	
	padding: 0 0px 3px;
	margin: 0 0px;
}

.post-content a::before {
	content: "";
	width: 0;
	height: 100%;
	background: linear-gradient(to top, rgba(91, 69, 46, 0.2) 40%, rgba(0, 0, 0, 0) 40%);	
	position: absolute;
	left: 0;
	bottom: 2px;
	z-index: -1;
	transform: rotate(-2deg);
	transform-origin: left bottom;
	transition: width .3s ease-out;
  }
.post-content a:hover::before {
    width: 100%;
    transition-duration: .15s;
  }

.post-content a::after {
  content: '';
  width: 8px;
  height: 8px;
  margin: 0 2px 0 3.5px;
  display: inline-block;
  background: transparent url(https://i.imgur.com/LZHnbvH.png?1) 50% 50% no-repeat;
  }

.code-box a::after, .code-box a::before {
	display: none;
}

.code-box a:hover {
	color: currentColor!important;
}
    
/* Убираем границы таблиц в постах
----------------------------------------------------------------------- */
.post-content table td {
  border: none!important;
}


/* Скролл
------------------------------------------------------------------ */
::-webkit-scrollbar {width: 5px;  /* for vertical scrollbars */height: 5px; /* for horizontal scrollbars */}

::-webkit-scrollbar-track {
    background: #737d79;
}
::-webkit-scrollbar-thumb {
    background: #a7aeac;
}


/* Иконки авторов тем на главной
------------------------------------------------------------------ */
.punbb .user-avatar .isonline {
    background: #24496d !important;
    top: -3px!important;
    right: -3px!important;
}

.punbb .user-avatar .avatar-image {
    transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s;
    opacity: .6 !important;
}

.punbb .user-avatar .avatar-image:hover {
	transform: scale(1.05);
    opacity: .8 !important;
}


/* Значок новых ЛС
--------------------------------- */
span.num_msg {
    margin-top: -3.5px!important;
    margin-left: -127.5px!important;
    background: #24496d40 !important;
    border-radius: 0 !important;
    color: #24496d !important;
    height: 20px !important;
    line-height: 3px;
    letter-spacing: -1px;
    text-align: right;
    text-shadow: 0 0 1px #c6c0b2, 0 0 2px #c6c0b2, 0 0 3px #c6c0b2;
    font-size: 11px !important;
    font-family: 'Romul', Palatino Linotype, serif;
    -webkit-animation: blinkColor .7s ease infinite;
    width: 125px;
}
span.num_msg:before {
    display: none!important;
}


/* Значок новых сообщений в разделе
------------------------------------------------------------------ */
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: none !important;
    background: #24496d !important;
    color: #e9e7e2 !important;
    font-family: 'Romul';
    margin: -12px 0 0 32px!important;
    -webkit-animation: blinkColor 1s ease-in-out infinite;
}


/* Заголовки в админке
------------------------------------------------------------------ */
#pun-admain h2, #pun-admain legend span {
    background-color: #e9e7e2 !important;
    color: #333333;
    font-family: 'Romul', Palatino Linotype, serif;
    text-align: center;
  }


/* Запятая после ников просматривающих тему
------------------------------------------------------------------ */
#topic-users-in a:after {
    content: ",";
}
#topic-users-in a:last-child:after {
    content: "";
}


/* Правка результатов опроса
------------------------------------------------------------------ */
#poll-special .poll2 td h1 {
    background: currentColor;
    padding: 1px;
  }


/* Правка высоты формы ответа
------------------------------------------------------------------ */
#main-reply {
  height: 200px;
}


/* Правка жирности тем с новыми сообщениями
------------------------------------------------------------------ */
#pun-searchtopics tr a,
#pun-viewforum tr a,
#pun-modviewforum tr a {
  font-weight: normal;
}

#pun-searchtopics tr.inew strong a,
#pun-viewforum tr.inew strong a,
#pun-modviewforum tr.inew strong a {
  font-weight: bold!important;
}


/* Hover плашек в объявлении
------------------------------------------------------------------ */
#pun-announcement img {
    transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s;
    }
#pun-announcement img:hover {
    opacity: .9;
    }


/* Стрелки вверх-вниз
------------------------------------------------------------------ */
.go-up,.go-down {
    display: none;
    position: fixed;
    right: 0;
    z-index: 9999;
    cursor:  pointer;
    opacity: .7;
    width: 100px;
    height: 50vh;
}
.go-up .inside, .go-down .inside {
	display: flex;
	width: 100%;
	height: 100%;
}
.go-up .inside {
    align-items: flex-start;
    background: linear-gradient(to bottom, rgba(94, 182, 233, .15) 0%, rgba(0, 0, 0, 0) 100%);	
    }
.go-down .inside {
    align-items: flex-end;
    background: linear-gradient(to top, rgba(94, 182, 233, .15) 0%, rgba(0, 0, 0, 0) 100%);
    }
.go-up p, .go-down p {
    transform: rotate(-90deg);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    color: #7aabc8;
    font-family: 'Romul', Palatino Linotype, serif;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 4vh;
}
    @media screen and (max-width: 980px) {
	.go-up p {	top: 5%; right: 10%; }
	.go-down p { bottom: 5%; right: 10%; }
    }
.go-up {
    top: 0;
}
.go-down {
    bottom: 0;
}
.go-down:hover,.go-up:hover {
    opacity: 1;
}


/* Таблица
------------------------------------------------------------------ */
.divano_table {
	position: absolute;
	top: 39px;
	left: -36px;
	width: 911px;
	height: 231px;
	border: 1px solid #8c7055;
	color: #7a898f;
	background-color: rgba(0, 0, 0, .5);
	font-family: Times New Roman, serif;
	font-size: 12px;
	opacity: 0;
	transition: all ease .6s;
	filter: blur(15px);
}
.divano_table:hover {
	opacity: 1;
	filter: blur(0);
}
@media (max-width: 980px) {
	.divano_table {
		opacity: 1;
		filter: blur(0);
	}
}

.divano_table a {
	color: #739fb0 !important;
}
.divano_table a:hover, .divano_table a:active {
   	color: #5b452e !important;
}
.divano_table ::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.divano_table ::-webkit-scrollbar-track {
	background: #1b333d !important;
}
.divano_table ::-webkit-scrollbar-thumb {
	background: #739fb0 !important;
}
.divano_table img {
	filter: sepia(0) brightness(0.8) blur(0);
    transition: all cubic-bezier(0.86, -0.01, 0.25, 1) .3s;
}
.divano_table .images_left:hover img, .divano_table .images_right:hover img, .divano_table .images_wanted:hover img {
	filter: sepia(0) brightness(.5) blur(1.75px);
}
.divano_table img:hover {
	filter: sepia(0) brightness(1) blur(0)!important;
}

.divano_table .images_left {
	position: absolute;
	top: 49px;
	left: 35px;
}
.divano_table .images_left .couple {
	width: 94px;
	margin-right: 0;
}
.divano_table .images_right {
	position: absolute;
	top: 49px;
	left: 700px;
}
.divano_table .images_right .couple {
	width: 94px;
	height: 36px;
}
.divano_table .images_left img, .divano_table .images_right img {
	width: 44px;
	height: 36px;
	margin-right: 4px;
}

.divano_table .images_wanted {
	position: absolute;
	top: 139px;
	left: 36px;
}
.divano_table .images_wanted img {
	width: 60px;
	height: 40px;
	margin-right: 4px;
}

.divano_table .post_image {
	position: absolute;
	left: 700px;
	top: 102px;
}
.divano_table .post_image img {
	width: 44px;
	height: 68px;
}

.divano_table .links_left {
	position: absolute;
	top: 98px;
	left: 14px;
	width: 236px;
	text-align: center;
}
.divano_table .links_center {
	position: absolute;
	top: 177px;
	left: 250px;
	width: 444px;
	text-align: center;
}
.divano_table .links_left a, .divano_table .links_center a {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;	
}
.divano_table .links_left a::before, .divano_table .links_center a::before {
	content: '+';
	margin-right: 4px;
}

.divano_table .post_text {
	position: absolute;
	top: 99px;
	left: 748px;
	width: 146px;
	height: 68px;
	overflow-y: auto;
	padding: 0 4px 4px;
	line-height: 100%;
	text-align: justify;
	letter-spacing: 0.5px;
	box-sizing: border-box;
}

.divano_table .news {
	position: absolute;
	top: 29px;
	left: 275px;
	width: 404px;
	height: 130px;
	box-sizing: border-box;
	border: 1px solid #8c7055;
    transition: all ease .6s;
}
.divano_table .news:hover {	
	background-color: rgba(0, 0, 0, .5);
}
.divano_table .news .block {
	height: 115px;
	margin: 6px 12px;
	padding-right: 12px;
	overflow-y: auto;
	line-height: 100%;
	text-align: justify;
	letter-spacing: 0.5px;
}
.divano_table .news br {
	content: '';
	display: block;
	margin-bottom: 12px;
}

/* Отключение кнопки отключения быстрого предпросмотра в быстром редактировании (макс сломал язык) */
.post #post #togglePreview {
	display: none;
}