/***** Load style *****/

@import url(style_cs.1756219641.css);


/* Dark/Medium */
@import url('https://forumstatic.ru/files/001c/30/52/16428.css?v=39');

/* Media */
@import url('https://forumstatic.ru/files/001c/30/52/81632.css?v=5');

/* icons */
@import url('https://forumstatic.ru/files/001c/30/52/21092.css?v=2');

/* road */
@import url('https://forumstatic.ru/files/001c/30/52/54416.css?v=266');

/* Snow */
@import url('https://forumstatic.ru/files/001a/fd/a5/34374.css?5');

#snow {
    position: fixed;
    height: 100%;
    z-index: 0;
}



/***** Fonts *****/

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Amatic+SC:wght@400;700&family=Anton+SC&family=Antonio:wght@100..700&family=Arima:wght@100..700&family=Bad+Script&family=Bebas+Neue&family=Caveat+Brush&family=Caveat:wght@400..700&family=Cinzel:wght@400..900&family=Comfortaa:wght@300..700&family=Comforter+Brush&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cormorant+SC:wght@300;400;500;600;700&family=Edu+QLD+Beginner:wght@400..700&family=Gloria+Hallelujah&family=Great+Vibes&family=Hachi+Maru+Pop&family=Homemade+Apple&family=Kaushan+Script&family=Merienda:wght@300..900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nanum+Brush+Script&family=Neucha&family=Nothing+You+Could+Do&family=Pacifico&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Poiret+One&family=Ruslan+Display&family=Satisfy&family=Shadows+Into+Light&family=Sigmar+One&family=The+Nautigal:wght@400;700&family=Yeseva+One&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Caveat');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Yeseva+One');
@import url('https://fonts.googleapis.com/css?family=Lobster+Two');
@import url('https://fonts.googleapis.com/css?family=Neucha');
@import url('https://fonts.googleapis.com/css?family=Jura');
@import url('https://fonts.googleapis.com/css?family=Marck+Script');
@import url('https://fonts.googleapis.com/css?family=Bad+Script');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Pattaya');
@import url('https://fonts.googleapis.com/css?family=Kelly+Slab');
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
@import url('https://fonts.googleapis.com/css?family=Sofia+Sans');
@import url('https://fonts.googleapis.com/css?family=Tektur');
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Amatic+SC:wght@400;700&family=Anton&family=Arima:wght@100..700&family=Bad+Script&family=Bebas+Neue&family=Caveat:wght@400..700&family=Cinzel:wght@400..900&family=Comfortaa:wght@300..700&family=Comforter+Brush&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cormorant+SC:wght@300;400;500;600;700&family=Edu+QLD+Beginner:wght@400..700&family=Gloria+Hallelujah&family=Gochi+Hand&family=Great+Vibes&family=Hachi+Maru+Pop&family=Homemade+Apple&family=Indie+Flower&family=Kaushan+Script&family=Klee+One&family=Koulen&family=Lobster&family=Merienda:wght@300..900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nanum+Brush+Script&family=Neucha&family=Nothing+You+Could+Do&family=Pacifico&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Poiret+One&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ruslan+Display&family=Satisfy&family=Shadows+Into+Light&family=Sigmar+One&family=The+Nautigal:wght@400;700&family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');
@import url("https://fonts.googleapis.com/css?family=Alegreya+Sans:300,300i,400,400i,500,500i,700,700i|Alegreya:400,400i,500,500i,700,700i|Ysabeau+Infant:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|PT+Mono&subset=cyrillic");
@import url('https://fonts.googleapis.com/css2?family=Alice&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700');
@import url('https://fonts.googleapis.com/css?family=Alice');


@font-face {
  font-family: 'Cut the crap';
  src: url('https://forumstatic.ru/files/001c/30/52/82942.eot');
  src: url('https://forumstatic.ru/files/001c/30/52/82942.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/30/52/75195.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/30/52/80188.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/30/52/41004.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/30/52/45691.svg#Cutthecrap') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bayon';
  src: url('https://forumstatic.ru/files/001c/30/52/65203.eot');
  src: url('https://forumstatic.ru/files/001c/30/52/65203.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/30/52/76712.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/30/52/65430.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/30/52/29840.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/30/52/28843.svg#Bayon-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



@font-face {
  font-family: 'Verdana';
  src: url('https://forumstatic.ru/files/001b/de/7b/98885.eot');
  src: url('https://forumstatic.ru/files/001b/de/7b/98885.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001b/de/7b/65246.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001b/de/7b/60224.woff') format('woff'),
  url('https://forumstatic.ru/files/001b/de/7b/51104.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001b/de/7b/71339.svg#Verdana-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Verdana';
  src: url('https://forumstatic.ru/files/001b/de/7b/62443.eot');
  src: url('https://forumstatic.ru/files/001b/de/7b/62443.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001b/de/7b/37753.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001b/de/7b/33009.woff') format('woff'),
  url('https://forumstatic.ru/files/001b/de/7b/66429.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001b/de/7b/46366.svg#Verdana-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Verdana';
  src: url('https://forumstatic.ru/files/001b/de/7b/52982.eot');
  src: url('https://forumstatic.ru/files/001b/de/7b/52982.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001b/de/7b/26312.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001b/de/7b/32143.woff') format('woff'),
  url('https://forumstatic.ru/files/001b/de/7b/58138.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001b/de/7b/57824.svg#Verdana-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Verdana';
  src: url('https://forumstatic.ru/files/001b/de/7b/70306.eot');
  src: url('https://forumstatic.ru/files/001b/de/7b/70306.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001b/de/7b/12584.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001b/de/7b/39663.woff') format('woff'),
  url('https://forumstatic.ru/files/001b/de/7b/97082.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001b/de/7b/91153.svg#Verdana') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arial';
  src: url('https://forumstatic.ru/files/001a/fb/6b/29334.eot');
  src: url('https://forumstatic.ru/files/001a/fb/6b/29334.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fb/6b/87284.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fb/6b/85027.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fb/6b/60811.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fb/6b/21174.svg#ArialMT') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arial';
  src: url('https://forumstatic.ru/files/001a/fb/6b/17064.eot');
  src: url('https://forumstatic.ru/files/001a/fb/6b/17064.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fb/6b/70869.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fb/6b/60679.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fb/6b/67604.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fb/6b/80167.svg#Arial-BoldMT') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arial';
  src: url('https://forumstatic.ru/files/001b/de/7b/21409.eot');
  src: url('https://forumstatic.ru/files/001b/de/7b/21409.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001b/de/7b/38145.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001b/de/7b/42382.woff') format('woff'),
  url('https://forumstatic.ru/files/001b/de/7b/82241.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001b/de/7b/69034.svg#Arial-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Tahoma';
  src: url('https://forumstatic.ru/files/001b/de/7b/52809.eot');
  src: url('https://forumstatic.ru/files/001b/de/7b/52809.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001b/de/7b/56164.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001b/de/7b/71153.woff') format('woff'),
  url('https://forumstatic.ru/files/001b/de/7b/25457.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001b/de/7b/21799.svg#Tahoma') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Courier New';
  src: url('https://forumstatic.ru/files/001a/fd/a5/38865.eot');
  src: url('https://forumstatic.ru/files/001a/fd/a5/38865.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fd/a5/50956.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fd/a5/30877.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fd/a5/68615.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fd/a5/79866.svg#CourierNewPS-BoldItalicMT') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Courier New';
  src: url('https://forumstatic.ru/files/001a/fd/a5/81311.eot');
  src: url('https://forumstatic.ru/files/001a/fd/a5/81311.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fd/a5/42148.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fd/a5/20069.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fd/a5/22513.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fd/a5/50446.svg#CourierNewPS-ItalicMT') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Courier New';
  src: url('https://forumstatic.ru/files/001a/fd/a5/73853.eot');
  src: url('https://forumstatic.ru/files/001a/fd/a5/73853.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fd/a5/92743.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fd/a5/83107.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fd/a5/33538.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fd/a5/93101.svg#CourierNewPSMT') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Courier New';
  src: url('https://forumstatic.ru/files/001a/fd/a5/61600.eot');
  src: url('https://forumstatic.ru/files/001a/fd/a5/61600.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fd/a5/28526.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fd/a5/22171.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fd/a5/77859.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fd/a5/24033.svg#CourierNewPS-BoldMT') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Georgia';
  src: url('https://forumstatic.ru/files/001a/fd/a5/78807.eot');
  src: url('https://forumstatic.ru/files/001a/fd/a5/78807.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fd/a5/26629.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fd/a5/77612.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fd/a5/22550.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fd/a5/94307.svg#Georgia') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Georgia';
  src: url('https://forumstatic.ru/files/001a/fd/a5/72285.eot');
  src: url('https://forumstatic.ru/files/001a/fd/a5/72285.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fd/a5/48844.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fd/a5/58944.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fd/a5/54897.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fd/a5/37748.svg#Georgia-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}



/* Graphic */

@font-face {
  font-family: 'Graphik LCG';
  src: url('https://forumstatic.ru/files/001c/30/52/64628.eot');
  src: url('https://forumstatic.ru/files/001c/30/52/64628.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/30/52/38684.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/30/52/28419.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/30/52/16521.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/30/52/30851.svg#Graphik-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik LCG';
  src: url('https://forumstatic.ru/files/001c/30/52/53891.eot');
  src: url('https://forumstatic.ru/files/001c/30/52/53891.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/30/52/54872.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/30/52/99238.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/30/52/64033.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/30/52/40424.svg#Graphik-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik LCG';
  src: url('https://forumstatic.ru/files/001c/30/52/38577.eot');
  src: url('https://forumstatic.ru/files/001c/30/52/38577.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/30/52/80274.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/30/52/94385.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/30/52/44853.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/30/52/21705.svg#Graphik-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik LCG';
  src: url('https://forumstatic.ru/files/001c/30/52/64412.eot');
  src: url('https://forumstatic.ru/files/001c/30/52/64412.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/30/52/32523.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/30/52/62507.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/30/52/76936.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/30/52/85683.svg#Graphik-MediumItalic') format('svg');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik LCG';
  src: url('https://forumstatic.ru/files/001c/30/52/30949.eot');
  src: url('https://forumstatic.ru/files/001c/30/52/30949.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/30/52/19815.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/30/52/54823.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/30/52/33728.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/30/52/81796.svg#Graphik-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik LCG';
  src: url('https://forumstatic.ru/files/001c/30/52/11005.eot');
  src: url('https://forumstatic.ru/files/001c/30/52/11005.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/30/52/89575.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/30/52/96275.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/30/52/34213.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/30/52/81447.svg#Graphik-RegularItalic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik LCG';
  src: url('https://forumstatic.ru/files/001c/30/52/94816.eot');
  src: url('https://forumstatic.ru/files/001c/30/52/94816.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/30/52/29657.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/30/52/85856.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/30/52/34529.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/30/52/83033.svg#Graphik-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik LCG';
  src: url('https://forumstatic.ru/files/001c/30/52/78554.eot');
  src: url('https://forumstatic.ru/files/001c/30/52/78554.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/30/52/70301.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/30/52/35329.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/30/52/17789.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/30/52/12624.svg#Graphik-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}


/* AVA */

@font-face {
  font-family: 'AVA';
  src: url('https://forumstatic.ru/files/001c/30/52/35064.eot');
  src: url('https://forumstatic.ru/files/001c/30/52/35064.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/30/52/28000.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/30/52/46324.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/30/52/73518.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/30/52/11205.svg#AVA') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* Courier New */

@font-face {
  font-family: 'Courier New';
  src: url('https://forumstatic.ru/files/001a/fd/a5/38865.eot');
  src: url('https://forumstatic.ru/files/001a/fd/a5/38865.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fd/a5/50956.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fd/a5/30877.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fd/a5/68615.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fd/a5/79866.svg#CourierNewPS-BoldItalicMT') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Courier New';
  src: url('https://forumstatic.ru/files/001a/fd/a5/81311.eot');
  src: url('https://forumstatic.ru/files/001a/fd/a5/81311.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fd/a5/42148.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fd/a5/20069.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fd/a5/22513.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fd/a5/50446.svg#CourierNewPS-ItalicMT') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Courier New';
  src: url('https://forumstatic.ru/files/001a/fd/a5/73853.eot');
  src: url('https://forumstatic.ru/files/001a/fd/a5/73853.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fd/a5/92743.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fd/a5/83107.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fd/a5/33538.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fd/a5/93101.svg#CourierNewPSMT') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Courier New';
  src: url('https://forumstatic.ru/files/001a/fd/a5/61600.eot');
  src: url('https://forumstatic.ru/files/001a/fd/a5/61600.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fd/a5/28526.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fd/a5/22171.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fd/a5/77859.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fd/a5/24033.svg#CourierNewPS-BoldMT') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


/***** Main *****/

#pun {
  position: relative;
  top: 235px;

  max-width: 1000px;

  margin: 0 auto 78px;
  padding: 58px 15px;

  z-index: 1;
}

#pun .punbb-admin::before {
  position: absolute;
  content: '';

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  background: var(--bg-transparent);

  z-index: 0;
  pointer-events: none;
}

.backdrop {
  position: absolute;
  content: '';

  top: 235px;
  left: 0;
  right: 0;

  max-width: 1030px;
  height: 100%;
  background: var(--bg-transparent);

  margin: 0 auto 78px;

  z-index: 0;
  pointer-events: none;
}

#pun .punbb {
  background: var(--bg-main);
}

.main {
  padding: 0 10px;
}

#pun-navlinks,
#pun-ulinks,
#pun-status,
#pun-crumbs1,
#pun-crumbs2,
#pun-stats,
#pun-about {
  padding: 0 20px;
}

#pun-status .container {
  display: grid;
  grid-template-columns: 35px;
  grid-template-areas:
        "ava hello"
        "ava visit";
  align-items: center;
  line-height: 1;
}

#pun-status .container .status_userava {
  display: inline-block;
  grid-area: ava;
}

#pun-status .container .status_userava #welcomeChangeAvatar {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  transition: var(--transition);
}

#pun-status .container .status_userava #welcomeChangeAvatar:hover::before {
  opacity: 0;
}

#pun-status .container .status_userava img {
  width: 30px;
  transition: var(--transition);
  filter: contrast(.5);
}

#pun-status .container .status_userava #welcomeChangeAvatar:hover img {
  filter: contrast(1);
}

#pun-status .container .item1 {
  grid-area: hello;
}

#pun-status .container .item2 {
  grid-area: visit;
}


/***** Navigation *****/

#pun-navlinks {
  width: 100%;
  position: relative;
  margin-top: -45px;
  z-index: 10;
  box-sizing: border-box;
}

#pun-navlinks.scroll {
  position: fixed;

  top: 0;
  left: 0;
  right: 0;

  height: 38px;
  max-width: 980px;
  background: var(--profile-bg);

  border: 1px solid var(--border-color);
  border-top: none;

  padding-top: 6px;
  margin: 0 auto;

  box-sizing: border-box;
  z-index: 99998;
}

#pun-navlinks.scroll a,
#pun-ulinks.scroll a {
  color: var(--fixed-link);
}

#pun-navlinks.scroll a:hover,
#pun-ulinks.scroll a:hover {
  color: var(--accent-color);
}

#pun-navlinks ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  font-size: var(--size-12);
  text-transform: uppercase;
  box-sizing: border-box;
}

#pun-navlinks ul li:not(:last-child) {
  margin-right: 18px;
}

#pun-ulinks {
  position: relative;
  margin-top: 8px;
  margin-bottom: 25px;
  z-index: 10;
}

#pun-ulinks.scroll {
  position: fixed;

  top: 19px;
  left: 0;
  right: 0;

  max-width: 1000px;

  padding-top: 3px;
  margin: 0 auto;

  box-sizing: border-box;
  z-index: 99999;
}

#pun-ulinks ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  font-size: var(--size-10);
  text-transform: lowercase;
}

#pun-ulinks ul li:not(:last-child) {
  margin-right: 12px;
}

#pun-navlinks a,
#pun-ulinks a {
  color: var(--table-color);
}

#pun-navlinks a:hover,
#pun-ulinks a:hover {
  color: var(--accent-light);
}


#pun-status,
#pun-crumbs1,
#pun-crumbs2 {
  text-transform: lowercase;
  font-size: var(--size-11);
}

#pun-crumbs1 {
  margin-bottom: 25px;
}

#pun-crumbs2 {
  margin-top: 30px;
  padding-bottom: 10px;
}

/***** Category *****/

.overlay .overlay_modal h2,
#pun-viewtopic .main.multipage h1,
.main .category h2,
#pun-stats h2,
.pun-modal .modal-inner h2 {
  position: relative;

  font-family: var(--accent-font);
  font-size: var(--size-32);
  font-weight: 400;
  text-align: left;
  color: var(--dark-text-color);

  margin: 0;
  padding: 0 10px;

  z-index: 1;
}

.overlay .overlay_modal h2 span,
#pun-viewtopic .main.multipage h1 span,
.main .category h2 span,
#pun-stats h2 span,
.pun-modal .modal-inner h2 span:not(.closer) {
  position: relative;
  padding: 0 35px 0 0;
}

.overlay .overlay_modal h2 span::before,
#pun-viewtopic .main.multipage h1 span::before,
.main .category h2 span::before,
#pun-stats h2 span::before ,
.pun-modal .modal-inner h2 span::before {
  position: absolute;
  content: '';

  left: -17px;

  width: calc(100% + 12px);
  height: 100%;
  background: var(--bg-main);
  z-index: -2;
}

.overlay .overlay_modal h2 span::after,
#pun-viewtopic .main.multipage h1 span::after,
.main .category h2 span::after,
#pun-stats h2 span::after,
.pun-modal .modal-inner h2 span::after {
  display: inline-block;
  position: relative;
  content: '';

  top: -5px;
  right: -20px;

  width: 15px;
  height: 14.28px;
  background: url('https://forumstatic.ru/files/001c/30/52/86489.svg') no-repeat;

  z-index: 1;
}

.overlay .overlay_modal h2::after,
#pun-viewtopic .main.multipage h1::after,
.main .category h2::after,
#pun-stats h2::after,
.pun-modal .modal-inner h2::after {
  position: absolute;
  content: '';

  top: calc(50% - 2px);
  left: 0;

  width: 100%;
  height: 2px;
  background: url('https://forumstatic.ru/files/001c/30/52/82959.svg') repeat-x;
  background-position: right;

  z-index: -3;
  transform: translateY(-50%);
}

.description_category {
  position: relative;
  left: 100px;

  max-width: 500px;

  font-size: var(--size-8);
  text-transform: uppercase;
  color: var(--dark-text-color);
}

.main .category .container {
  margin: 10px 0 20px;
}

.main .category .container table,
.main .category .container tbody,
.main .category .container td {
  display: block;
}

.main .category .container table {
  position: relative;
  background: var(--forum-bg);
  border: 1px solid var(--border-color);
  padding: 14px 14px 14px 6px;
}

.main .category .container table {
  background: url('https://forumstatic.ru/files/001c/42/b1/97908.png');
  background-size: cover;
  background-position: bottom;
}

.main .category .container tr {
  position: relative;

  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  padding: 0;
}

.main .category .container tr:not(:last-child) {
  margin-bottom: 4px;
}

.main .category .container h3 {
  order: 1;
  position: relative;
  top: -8px;
  left: -10px;

  display: block;

  width: calc(100% + 20px);
  background: var(--tcl-head);

  text-transform: uppercase;
  font-size: var(--size-14);

  margin: 0;
  padding: 9px 10px 10px;

  box-sizing: border-box;
}

.main .category .container .inew h3 {
  background: var(--tcl-new-head);
}

.main .category .container .inew .tcr a,
.main .category .container .inew h3 a {
  color: var(--accent-color);
}

.main .category .container .inew .tcr a:hover,
.main .category .container .inew h3 a:hover {
  color: var(--dark-text-color);
}

.main .category .container .icon {
  top: 10px;
  left: -18px;

  width: 10px;
  height: 10px;
}

.main .category .container .tcl {
  position: relative;
  left: 20px;

  max-width: 63%;
  width: 63%;
  background: var(--tcl-bg);

  padding: 8px 10px 14px;

  font-size: var(--size-11);
  text-align: justify;
  box-sizing: border-box;
}

.main .category .container .tcl a {
  color: var(--text-color);
}

.main .category .container .tcl a:hover {
  color: var(--accent-color);
}

.main .category .container .tcl .tclcon {
  display: flex;
  flex-direction: column;
}

.main .category .container .inew .tcl {
  background: var(--tcl-new-bg);
}

.main .category .container .tcl::before {
  position: absolute;
  content: '';

  left: -14px;
  bottom: 0;

  height: calc(100% - 32px);
  border-left: 1px solid var(--ico-color);
}

#pun-index .category .container .isub .tcl {
  padding-left: 10px !important;
}

.main .category .container .tcl .description {
  order: 2;
  text-align: right;
}

.main .category .container .tcl .description .description__small p {
  margin: 0;
}

.main .category .container .tcl .description .description__small .more {
  position: relative;
  display: inline-block;

  font-weight: 500;
  letter-spacing: 1px;

  margin: 0 0 8px;

  z-index: 1;
}

.main .category .container .tcl .description .description__small .more::before {
  position: absolute;
  content: '';

  left: -4px;
  bottom: -1px;

  width: 100%;
  height: 60%;
  background: var(--tcl-more);

  z-index: -1;
}

.main .category .container .inew .tcl .description .description__small .more::before {
  background: var(--tcl-new-more);
}

.main .category .container .tcl .description {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;

  font-size: var(--size-10);
  line-height: 1.2;
}

.main .category .container .tcl .description .description__small {
  width: 55%;
}

.main .category .container .tcl .description.full .description__small {
  width: 100%;
}

.main .category .container .tcl .description .mainLink {
  width: calc(45% - 10px);
}

.main .category .container .tcl .description .mainLink li {
  width: calc(50% - 1px);
  line-height: 1;
}

.main .category .container .tcl .description .mainLink li.full {
  width: 100%;
}

.main .category .container .tcl .description .mainLink ul:not(:last-child) {
  margin-bottom: 2px;
}

.main .category .container .tcl .description .mainLink a {
  display: block;

  background: var(--tcl-links-bg);

  text-transform: uppercase;
  font-weight: 500;
  color: var(--tcl-links-text);
  text-align: center;
  line-height: 1;
  font-size: var(--size-9);

  padding: 6px 5px 5px;

  box-sizing: border-box;
}

.main .category .container .inew .tcl .description .mainLink a {
  background: var(--tcl-new-links-bg);
  color: var(--tcl-links-text);
}

.main .category .container .inew .tcl .description .mainLink a:hover,
.main .category .container .tcl .description .mainLink a:hover {
  background: var(--accent-color);
  color: var(--tooltip-text);
}
.main .category .container .tcl .description .mainLink .banners {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  margin-top: 5px;
}

.main .category .container .tcl .description .mainLink .banners a {
  position: relative;
  background: none;
  padding: 0;
}

.main .category .container .tcl .description .mainLink .banners a:nth-child(5):last-child {
  margin-right: auto;
  margin-left: 5px;
}

.main .category .container .tcl .description .mainLink .banners a::before {
  position: absolute;
  content: '';

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  background: var(--overlay-ava);

  transition: var(--transition);
  pointer-events: none;
  mix-blend-mode: color;
  z-index: 2;
}

.main .category .container .tcl .description .mainLink .banners a:hover {
  background: none;
}

.main .category .container .tcl .description .mainLink .banners a:hover::before {
  opacity: 0;
}

.main .category .container .tcl .description .mainLink .banners a img {
  display: block;
  max-width: 78px;
}


.main .category .container .tcl .subforums {
  order: 3;
  margin-top: 12px;
  font-size: 0;
}

.main .category .container .tcl .subforums a {
  font-weight: 500;
  font-size: var(--size-11);
  text-transform: lowercase;
}

.main .category .container .tcl .subforums em {
  font-size: var(--size-11);
  font-style: normal;
}

.main .category .container .tcr {
  position: relative;
  top: 8px;
  width: calc(35% - 10px);
}

#pun .punbb .user-avatar .isonline {
  left: auto;
  right: -2px;
  top: -2px;

  width: 8px;
  height: 8px;
  background: var(--accent-color);
  border-radius: 0;
}

.main .category .container .tcr {
  display: block;
}

.main .category .container .tcr .stat_forum {
  display: block;
  font-size: var(--size-8);
  text-transform: uppercase;
  margin-bottom: 15px;
}

.main .category .container .tcr .stat_forum strong {
  font-weight: 500;
}

.main .category .container .tcr .stat_forum .themes {
  margin-right: 10px;
}

.main .category .container .tcr br,
.main .category .container .tcr .user-avatar a::before {
  display: none;
}

.main .category .container .tcr .user-avatar {
  height: 36px !important;
}

.main .category .container .tcr .lastpost-link {
  position: relative;
  display: inline-block;

  width: fit-content;
  height: fit-content;

  font-weight: 500;
  text-transform: lowercase;

  margin-bottom: 6px;
  margin-top: 0;
}

.main .category .container .tcr .lastpost {
  position: relative;
  display: block;

  font-size: var(--size-10);
  text-transform: lowercase;
  font-style: normal;
  line-height: 1;
}

.main .category .container .tcr .forum_bottom {
  display: flex;
  align-items: center;
}

.main .category .container .tcr .forum_bottom__left .user-avatar,
.main .category .container .tcr .forum_bottom__left .user-avatar a {
  display: inline-block;
  float: none;
}


/***** Stats *****/

#pun-stats {
  font-size: 80%;
  text-transform: uppercase;
}

#pun-stats .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  margin-top: 10px;
}

#pun-stats .container .item1,
#pun-stats .container .item2,
#pun-stats .container .item3,
#pun-stats .container .item4 {
  border: 1px solid var(--border-color);

  padding: 5px 12px 4px;
}

#pun-stats .container .item1,
#pun-stats .container .item2,
#pun-stats .container .item3 {
  margin-right: 8px;
}

#pun-stats #onlinelist {
  width: 100%;
  text-align: justify;
  margin: 20px 0 0;
}

#pun-stats #onlinelist.users_24h {
  margin: 15px 0 0;
}


/***** Footer *****/

.footer {
  position: absolute;
  bottom: 13px;
  left: 0;
  right: 0;

  display: flex;
  align-items: center;
  justify-content: space-between;

  max-width: 1000px;
  height: 31px;

  margin: 0 auto;

  box-sizing: border-box;
}

.footer .footer__left {
  position: relative;
  top: -1px;
  left: 25px;
}

.footer h3 {
  font-size: var(--size-14);
  font-family: var(--accent-font);
  text-transform: uppercase;
  font-weight: 400;
  color: var(--table-color);

  margin: 0;
}

.footer .created {
  position: absolute;

  bottom: -35px;
  left: 0;
  right: 0;

  width: 100%;

  font-size: var(--size-12);
  text-align: center;

  margin: 0 auto;
  opacity: .3;
}

.footer .footer__banners {
  position: relative;

  display: flex;
  flex-wrap: wrap;

  width: 674px;
  height: 34px;

  padding-right: 4px;
  overflow: auto;
}

.footer .footer__banners::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.footer .footer__banners::-webkit-scrollbar-track {
  background-color: transparent;
}

.footer .footer__banners::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.footer .footer__banners::-webkit-scrollbar-thumb:active {
  background: transparent;
}

.footer .footer__banners a {
  position: relative;
  height: 31px;
  margin: 0 4px 8px;
  opacity: .2;
}

.footer .footer__banners a:hover {
  opacity: 1;
}

.footer .footer__banners a,
.footer .footer__banners a img {
  display: block;
}

.footer .middle .footer__banners a::after {
  position: absolute;
  content: '';

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  background: var(--text-color);

  transition: var(--transition);
  pointer-events: none;
}

.footer .middle .footer__banners a:hover::after {
  background: none;
}


#pun-about {
  position: absolute;
  bottom: -60px;
  left: -10px;

  width: 100%;
  height: 55px;

  text-transform: uppercase;
  text-align: left;
  font-size: var(--size-7);
  color: var(--bg-main);
  letter-spacing: 1px;

  box-sizing: border-box;
}

#pun-about a {
  color: var(--table-color);
  opacity: .5;
}

#pun-about a:hover {
  opacity: 1;
}




/***** Active *****/

.linkst,
.linksb,
.modmenu {
  text-transform: uppercase;
  font-size: 80%;
}

.modmenu strong {
  display: inline-block;
  margin-right: 10px;
}

#pun-viewtopic .modmenu .container {
  display: flex;
  align-items: center;
}


#pun-searchposts .linksb,
#pun-viewtopic .modmenu#topic-feed + .modmenu#topic-users-in {
  margin-top: 44px;
}

#pun-viewtopic .modmenu#topic-users-in .container {
  display: block;
}

#pun-viewtopic .modmenu .container span {
  display: block;
  margin-left: auto;
}

#pun-viewtopic .modmenu#topic-users-in .container span {
  display: inline;
}

.linkst {
  margin-bottom: 15px;
  margin-top: 15px;
}

.linksb {
  flex-wrap: wrap;
  margin-top: 15px;
}

.linkst noindex,
.linksb noindex {
  order: 2;
  display: block;
  text-align: right;
}

.linkst .postlink.long,
.linksb .postlink.long {
  width: 100%;
}

.linkst,
.linksb {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}

#pun-viewtopic .linksb {
  padding: 0;
}

.pagelink a,
.linkst .pagelink a,
.linksb .pagelink a,
#pun #pun-admain .page-container a {
  display: inline-block;

  width: 23px;
  height: 23px;
  background: var(--button-page-color);

  text-align: center;
  color: var(--button-color);

  padding: 5.5px 0;
  box-sizing: border-box;
}

.linkst .postlink a,
.linksb .postlink a,
.linksb .subscribelink a {
  display: inline-block;
  background: var(--button-page-color);

  font-weight: 400;
  color: var(--button-color);

  padding: 6px 10px;
  box-sizing: border-box;
}

.pagelink a:hover,
.linkst .pagelink a:hover,
.linkst .postlink a:hover,
.linksb .pagelink a:hover,
.linksb .postlink a:hover,
.linksb .subscribelink a:hover,
#pun #pun-admain .page-container a:hover {
  background: var(--accent-color);
  color: var(--tooltip-text);
}

.linkst a::before,
.linksb a::before,
#pun #pun-admain .page-container a::before {
  display: none;
}

.linksb .pagelink {
  order: 1;
  width: 100%;
  margin-bottom: 10px;
}

.linksb .subscribelink {
  order: 2;
  margin-left: auto;
  margin-right: 0;
}

.linksb .postlink {
  order: 3;
  margin-left: 5px;
}

.modmenu {
  text-align: right;
  margin: 20px 0 15px;
}

#pun-multidelete .modmenu,
#pun-multimove .modmenu,
#pun-viewtopic .modmenu#topic-modmenu {
  margin-top: 50px;
}

#pun-viewtopic .modmenu#topic-modmenu .container {
  flex-wrap: wrap;
}

#pun-viewtopic .modmenu#topic-modmenu .container .twinks,
#pun-viewtopic .modmenu#topic-modmenu .container .roles,
#pun-viewtopic .modmenu#topic-modmenu .container .activity,
#pun-viewtopic .modmenu#topic-modmenu .container .accept {
  width: 100%;
  text-align: right;
}

#pun-viewtopic .modmenu#topic-modmenu .container .activity .get_activity {
  margin-right: 5px !important;
}

.post .post-content table:last-child {
  margin-bottom: 2px;
}

.main .forum table,
.main .forum tbody,
.main .forum thead,
.main .forum td {
  display: block;
}


.forum thead tr {
  padding-left: 0;
}

.forum thead tr .tcr {
  text-align: right;
}

.forum thead tr th {
  padding-bottom: 8px;
}

.main .forum table {
  width: 100%;
}

.main .forum tr {
  display: flex;
  align-items: stretch;
  justify-content: space-between;

  width: 100%;

  text-transform: uppercase;
  font-size: 80%;
}

#pun-viewforum #pun-main .container tr:not(:last-child) td.td-divider {
  border-bottom: none !important;
}

#pun-viewforum.punbb .main .container tr.tr-divider,
.main .forum tr.tr-divider {
  padding-left: 0;
  margin-bottom: 0;
}

.main .forum tr.tr-divider.st {
  margin-top: 20px;
}

.main .forum tr.tr-divider td {
  width: 100%;
  background: var(--button-page-color);

  text-align: center;
  font-size: 80%;

  border: none;

  padding: 0 12px 5px;
}

.main .forum tr.inew .byuser {
  font-weight: 400;
}

.main .forum .tcl {
  width: 55%;
}

.main .forum .tc2,
.main .forum .tc3 {
  text-align: center;
  font-size: 90%;
}

.main .forum .tc2 {
  width: 15%;
}

.main .forum .tc3 {
  width: 5%;
}

.main .forum .tcr {
  width: 25%;
  text-align: right;
}

.main .forum td.tcr {
  display: grid;
  grid-template-columns: calc(100% - 32px) 32px;
  grid-template-areas:
        "last ava"
        "user ava";
}

.forum .tcr .user-avatar {
  grid-area: ava;

  width: 23px;
  height: 23px;

  float: none;
  margin: 0 0 0 auto;
}

.forum .tcr .user-avatar .avatar-image {
  width: 23px;
  height: 23px;
}

.forum .tcr a {
  grid-area: last;

  width: fit-content;

  margin: 2px 0 2px auto;
}

.forum .tcr .byuser {
  display: block;
  grid-area: user;

  font-size: calc(var(--size-8) - 1px);
}

#pun .punbb .forum .user-avatar .isonline {
  width: 8px;
  height: 8px;
}




/***** Form *****/

#post-form {
  position: relative;
}

#post-form areafield {
  margin: 5px 0 0;
}

#togglePreview {
  position: absolute;

  right: 11px;
  top: 14px;
}

.formsubmit #plng {
  display: inline-block;

  font-family: var(--accent-font);
  font-size: 80%;
  text-transform: uppercase;

  margin-left: 10px;
}

.bottom_form {
  position: relative;
  display: flex;
  bottom: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  z-index: 2;
}

#pun-messages .bottom_form {
  bottom: 11px;
  width: 100%;
}

#pun-edit .fs-box {
  padding-bottom: 65px;
}

#pun-edit .history_posts_list p:nth-child(2),
#pun-edit .input a {
  text-transform: lowercase;
}

#pun-edit .history_posts_list p:nth-child(2) input {
  text-transform: uppercase;
}

.restore_post,
#count {
  text-transform: uppercase;
  font-size: 80%;
  margin-top: -4px;
}

.restore_post {
  color: var(--text-color);

  cursor: pointer;
  transition: var(--transition);
}

.restore_post:hover {
  color: var(--accent-color);
}




/***** Inner Theme *****/


#pun-viewtopic .main.multipage h1 {
  display: block !important;
}

.post-sig {
  margin-top: 30px;
}

.post .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#pun-messages #profile #profilenav + fieldset .fs-box {
  background: none;
  padding: 0;
}

#pun-messages #profile #profilenav + fieldset::before {
  background-size: auto;
}

#profile .post .container {
  position: relative;
  box-sizing: border-box;
}

.topic .post .container:not(#post) {
  position: relative;

  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  background: var(--forum-bg);

  border: 1px solid var(--border-color);

  padding: 7px;
}

.topic .post .container:not(#post) {
  background: url(https://forumstatic.ru/files/001c/42/b1/97908.png);
  background-position: bottom;
}

.topic .post .post-vote .container::before,
.topic .post .post-rating .container::before {
  display: none;
}

.topic .post .post-vote .container:not(#post),
.topic .post .post-rating .container:not(#post) {
  display: block;
  width: fit-content;
  background: none;
  margin-bottom: 0;
  text-align: right;
}

.topic .post .post-vote .container {
  display: block;
}

.post-author {
  position: relative;

  width: 230px;
  text-align: center;

  z-index: 1;
}

.hide_profile .post-author {
  display: none;
}

.post-author ul {
  position: sticky;
  top: 44px;

  background: var(--profile-bg);
  color: var(--profile-color);

  padding: 0;

  box-sizing: border-box;
}

.post[data-group-id="3"] .post-author ul {
  padding-bottom: 15px;
}

.pa-avatar {
  position: relative;

  height: auto;
  width: 202px;
  background: var(--profile-main-info);

  margin: 0 auto;
  padding: 7px;

  box-sizing: border-box;
}

.post[data-group-id="4"] .pa-avatar .avatar_wrap {
  border-color: transparent;
  outline-color: var(--profile-color);
}

.post[data-group-id="4"] .pa-avatar {
  width: fit-content;
  padding: 4px;
  background: none;
}

.post[data-group-id="4"] .radius .pa-avatar {
  border-radius: 50%;
}



.post-author ul.radius .pa-avatar .avatar_wrap::before,
.post-author ul.radius .pa-avatar .avatar_wrap,
.post-author ul.radius .pa-avatar .avatar_wrap img {
  border-radius: 50%;
}

.pa-avatar .avatar_wrap {
  position: relative;

  max-width: max-content;

  border: 4px solid var(--profile-main-info);
  outline: 1px solid var(--profile-border);

  margin: 0 auto;
}

.pa-avatar .avatar_wrap:hover img {
  filter: brightness(1.2);
}

.pa-avatar img {
  display: block;

  max-width: 180px;

  margin: 0 auto;
  transition: var(--transition);
}

.pa-author {
  width: 100%;
  background: var(--profile-fandom-bg);

  font-size: var(--size-16);
  color: var(--profile-link);
  text-transform: uppercase;
  line-height: 1.1;

  margin-bottom: 6px;
  padding: 10px 10px 6px;

  box-sizing: border-box;
}

.pa-author a {
  color: var(--accent-color);
  transition: var(--transition);
}

.pa-author a:hover {
  color: var(--profile-link);
}

.pa-title {
  width: 100%;

  text-transform: lowercase;
  font-size: var(--size-12);

  margin-bottom: 7px;
}

.online + .post-body #newProfile::after,
.post-author ul::after {
  position: absolute;
  content: '';

  width: 10px;
  height: 10px;

  left: 8px;
  top: 11px;

  background-color: transparent;

  z-index: 9;
}

.online + .post-body #newProfile::after {
  left: -4px;
  top: 4px;
}

.new_view .online + .post-body #newProfile::after,
.post-author.online ul::after {
  background-color: var(--accent-color);

  -webkit-animation: pulse 0.9s linear infinite;
  -moz-animation: pulse 0.9s linear infinite;
  -ms-animation: pulse 0.9s linear infinite;
  -o-animation: pulse 0.9s linear infinite;
  animation: pulse 0.9s linear infinite;
}

.post-author a {
  color: var(--profile-link);
}

.post-author a:hover {
  color: var(--profile-accent);
}

.pa-fld1 {
  position: relative;

  width: 202px;
  background: var(--profile-main-info);

  font-size: var(--size-12);
  text-align: center;
  line-height: 1.4;

  margin: 0 auto;
  padding: 5px 10px 10px;

  z-index: 3;
  box-sizing: border-box;
}

.profile__text {
  line-height: 1.2;
  text-transform: lowercase;
}

.pa-fld1 a {
  color: var(--profile-accent);
}

.pa-fld1 a:hover {
  color: var(--profile-link);
}

.pa-fld1 .profile__name {
  display: inline-block;

  font-weight: 700;
  color: var(--profile-dossier);
  font-size: var(--size-14);
  text-transform: uppercase;
  line-height: 1.1;

  margin-bottom: 2px;
}

.pa-fld1 .profile__name:hover {
  color: var(--profile-accent);
}

.pa-fld4 br {
  display: none;
}

.pa-fld4 + .pa-ip {
  margin-top: 10px;
}

.pa-last-visit,
.pa-ip {
  font-size: 70%;
  padding-bottom: 10px;
}

.pa-last-visit {
  text-transform: lowercase;
}

.pa-fld4 a {
  color: var(--profile-accent);
}

.pa-fld4 a:hover {
  color: var(--profile-link);
}

.pa-fld4 a::before {
  display: none;
}

.pa-fld1 center {
}

#post-form .fs-box {
  position: relative;
}

.pa-fld1 .user_info__name {
  position: relative;
  display: block;

  width: fit-content;

  color: var(--text-color);
  text-transform: uppercase;
  font-size: var(--size-11);
  font-style: italic;
  line-height: 1;

  margin: 0 auto 9px;

  z-index: 3;
  transition: var(--transition);
}

.pa-fld1 .user_info__name + br {
  display: none;
}

.pa-fld1 .user_info__name::before {
  bottom: -2px;
}

.pa-fld5 {
  position: relative;

  background: var(--profile-fandom-bg);

  text-transform: uppercase;
  font-size: var(--size-10);
  font-weight: 400;

  padding: 10px;
}

.pa-fld3 {
  position: absolute;
  top: 23px;
  right: 5px;

  cursor: pointer;
  z-index: 9;
}

.stars_profile {
  position: absolute;
  bottom: 18px;
  left: 5px;

  cursor: pointer;
  z-index: 9;
}

#profile-left .stars_profile {
  bottom: 32px;
}

.stars_profile,
.pa-fld3 .stars,
#pa-fld3 .stars {
  width: 22px;
  height: 22px;
  background: url('https://forumstatic.ru/files/001c/30/52/69876.svg');

  transition: var(--transition);
}

#pa-fld3 .stars {
  cursor: pointer;
}

.stars_profile:hover,
.pa-fld3 .stars:hover {
  background: url('https://forumstatic.ru/files/001c/30/52/14758.svg');
}

#pa-fld3 .stars:hover {
  background: url('https://forumstatic.ru/files/001c/30/52/47362.svg');
}

.pa-posts,
.pa-fld2 {
  display: inline-block;

  width: auto;
  height: 11px;

  font-size: var(--size-11);
  text-transform: uppercase;
  line-height: 1;

  margin: 10px 5px 8px;
}

.pa-posts {
  cursor: pointer;
}

.pa-posts .fld-name {
  font-size: var(--size-12);
  top: 0;
  position: relative;
  pointer-events: none;
}

.pa-posts .ti-ink-pen {
  font-size: var(--size-12);
  top: 2px;
  position: relative;
  pointer-events: none;
}

.pa-posts .fld-name .ti-ink-pen {
  font-size: 100%;
}

.pa-posts .wrote {
  display: inline-block;
  margin-left: 5px;
  margin-top: 0;
  pointer-events: none;
}

.pa-respect {
  font-size: var(--size-11);
  text-align: center;
  padding-bottom: 15px;
}

.pa-respect:nth-child(6) {
  margin-top: 10px;
}

.pa-respect a:nth-child(2) {
  color: var(--profile-accent);
}

.pa-respect a:nth-child(2):hover {
  color: var(--profile-link);
}

.pa-reg .fld-name,
.pa-posts .fld-name,
.pa-respect .fld-name,
.pa-fld2 .fld-name,
.pa-replies {
  display: inline-block;

  font-style: normal;
  font-size: var(--size-11);
  text-transform: uppercase;
}

.pa-respect .fld-name a {
  top: 1px;
}

.pa-respect .fld-name a::before {
  bottom: 0;
}

.pa-fld4 {
  text-transform: lowercase;
  font-size: var(--size-11);
  border-top: 1px solid var(--profile-border);
  padding: 10px;
}

.pa-fld6 {
  position: absolute;

  left: 0;
  top: calc(100% + 15px);

  width: 100%;
}

.post-body {
  position: relative;
  width: calc(100% - 237px);

  text-align: justify;
  font-family: var(--post-font), var(--emoji-font), serif;
  line-height: 1.5;

  padding: 45px 20px 15px;

  overflow-wrap: break-word;
  box-sizing: border-box;
  z-index: 1;
}

@media only screen and (max-width: 1040px) {
  .post-body .post-content table {
    table-layout: auto !important;
  }
}

.hide_profile .post-body {
  width: 100%;
}

.post-body::before {
  position: absolute;
  content: '';

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  background: var(--tcl-bg);

  z-index: -1;
  pointer-events: none;
}

.post-content a {
  color: var(--accent-color);
}

.post-content a:hover {
  color: var(--text-color);
}

.post h3 {
  position: absolute;

  top: 15px;
  right: 27px;

  width: calc(100% - 292px);

  font-size: var(--size-10);
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;

  border-bottom: 1px solid var(--border-post);

  margin: 0;
  padding-bottom: 13px;

  z-index: 3;
}

#pun-multidelete .post h3,
#pun-multimegre .post h3,
#pun-multimove .post h3,
#pun-searchposts .post h3 {
  padding-top: 10px;
}

.hide_profile.post h3 {
  width: calc(100% - 60px);
}

.post h3 em,
.crumbs em {
  font-style: normal;
}

.post h3 span {
  display: flex;
  align-items: center;
}

.post h3 strong {
  position: relative;
  order: 3;
  font-weight: 500;
  margin-left: auto;
}

#pun-viewtopic #pun-main .post h3 span.new_func strong {
  top: 1px;
  margin-left: 0;
}

.post h3 strong::before {
  position: relative;
  content: 'Mess #';
  text-transform: uppercase;
}

.post h3.game strong::before {
  position: relative;
  content: 'Post #';
  text-transform: uppercase;
}

#pun-searchposts .post h3 strong {
  margin-left: auto;
}

#pun-main .post.new_view h3 {
  width: calc(100% - 275px);
}

#pun-main .post.new_view h3 .permalink {
  margin-right: auto;
}

#newFunc {
  order: 2;
  margin-left: auto;
  margin-right: 10px;
}

#pun-edit #newFunc {
  position: absolute;
  top: 12px;
  right: 0;
}

#pun-post .inputfield.required.longinput {
  position: relative;
  height: 50px;
}

#pun-post .fs-box {
  padding-bottom: 30px;
}

#post .formsubmit {
  display: flex;
}

#post .formsubmit .submit {
  order: 1;
}

#post .formsubmit .preview {
  order: 2;
  margin-left: 3px;
}

#post .formsubmit .cancel {
  order: 3;
}

#post .formsubmit .preview_mode {
  order: 4;
  margin-left: auto;
}

#post .formsubmit .preview_mode.active {
  background: var(--profile-bg);
  color: var(--bottom-arrow);
}


#pun-post .inputfield.required.longinput #newFunc {
  position: absolute;

  top: 23px;
  right: 0;

  background: var(--forum-bg);
  font-size: var(--size-10);

  padding: 0;
  margin-right: 0;
}

#pun-post .inputfield.required.longinput input#fld3 {
  width: 89%;
}

#pun-post .inputfield.required.longinput #newFunc #changeFont span.change_font__content {
  top: 32px;
}

#pun-main .post.new_view #newFunc {
  margin-left: 8px;
}

#pun-viewtopic .post.new_view .post-author {
  transform: scaleX(0) scaleY(0);
  height: 0;
}

#pun-viewtopic .post.new_view .post-author ul * {
  opacity: 0;
}

#pun-viewtopic .post.new_view .post-body {
  width: 100%;
}

#newFunc a {
  display: inline-block;

  width: 19px;
  height: 19px;
  background: var(--tcl-links-bg);

  text-align: center;
  font-size: var(--size-10);
  color: var(--tcl-links-text);

  padding: 4px;

  box-sizing: border-box;
  cursor: pointer;
}

#pun-edit .inputfield.longinput + #newFunc {
  position: absolute;
  top: 113px;
  right: 5px;
}

#pun-edit .checkfield + #newFunc {
  position: absolute;
  top: 12px;
  right: 5px;
}

#pun-edit .inputfield.required.longinput input[name="req_subject"] {
  width: 89%;
}

#newFunc a i {
  pointer-events: none;
}

#newFunc a:hover {
  background: var(--accent-color);
  color: var(--tooltip-text);
}

#newFunc a:not(:last-child) {
  margin-right: 5px;
}

#newFunc #changeFont {
  display: inline-block;
}

#newFunc #changeFont span::before {
  display: none;
}

#newFunc #changeFont .change_font__content {
  position: absolute;
  display: block;

  top: 24px;
  right: 0;

  width: 119px;
  height: auto;
  background: var(--profile-bg);

  font-family: var(--main-font);

  border: none;

  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: .3s all ease-in-out;

  padding: 5px 10px 8px;
  z-index: 9;
}

#pun-viewtopic .post.new_view #newFunc #changeFont .change_font__content {
  top: 25px;
}

#newFunc #changeProfile {
  scroll-margin-top: 50px;
}

#newFunc #changeProfile.active,
#newFunc #changeFont.active a {
  background: var(--profile-bg);
  color: var(--bottom-arrow);
}

#newFunc #changeProfile.active:hover,
#newFunc #changeFont.active a:hover {
  background: var(--accent-color);
  color: var(--tooltip-text);
}

#newFunc #changeFont.active .change_font__content {
  transform: scaleY(1);
  opacity: 1;
}

#newFunc #changeFont span.change_font__content span {
  display: block;

  width: auto;
  height: auto;
  background: none;

  text-align: center;
  font-weight: 500;
  color: var(--profile-color);
  font-size: var(--size-11);
  text-transform: none;
  line-height: 1;

  border-bottom: 1px solid var(--profile-border);

  margin: 0;
  padding: 5px 0;

  transition: .3s all ease-in-out;
  cursor: pointer;
}

#newFunc #changeFont span.change_font__content span:last-child {
  border-bottom: none;
}

#newFunc #changeFont span.change_font__content span:hover {
  color: var(--accent-color);
}

#newFunc #changeFont span.change_font__content span.active {
  color: var(--accent-color);
  pointer-events: none;
}

#pun-viewtopic .post.new_view #newProfile {
  position: sticky;
  top: 44px;

  max-width: 215px;
  background: var(--profile-bg);

  padding: 5px;
  margin-top: -45px;
  margin-left: -20px;

  z-index: 9;
}

#pun-viewtopic .post.new_view #newProfile .new_profile {
  display: flex;
  align-items: center;
}

#pun-viewtopic .post.new_view #newProfile .new_profile .new_profile__left {
  width: 48px;
}

#pun-viewtopic .post.new_view #newProfile .new_profile .new_profile__left .pa-avatar {
  background: none;
}

#pun-viewtopic .post.new_view #newProfile .new_profile .new_profile__right {
  width: calc(100% - 48px);
}

#pun-viewtopic .post.new_view #newProfile li {
  list-style-type: none;
  padding: 0;
}

#pun-viewtopic .post.new_view #newProfile .stars_profile {
  top: 5px;
  left: 50px;
  bottom: auto;
  width: 15px !important;
  height: 15px !important;
  background-size: cover;
}

#pun-viewtopic .post.new_view #newProfile li.pa-fld3 {
  top: auto;
  bottom: 24px;
  right: 3px;
}

#pun-viewtopic .post.new_view #newProfile li.pa-fld3 .stars {
  width: 15px;
  height: 15px;
  background-size: cover;
}

#pun-viewtopic .post.new_view #newProfile li::before {
  display: none;
}

#pun-viewtopic .post.new_view #newProfile .pa-author {
  position: relative;
  left: 5px;

  width: 100%;

  text-align: left;
  font-size: var(--size-12);

  margin-bottom: 2px;
  margin-top: -7px;
  padding: 6px 10px 4px;
}

#pun-viewtopic .post.new_view #newProfile .pa-respect .fld-name a,
#pun-viewtopic .post.new_view #newProfile .pa-respect a:hover,
#pun-viewtopic .post.new_view #newProfile .pa-respect a,
#pun-viewtopic .post.new_view #newProfile .pa-author a {
  color: var(--profile-link);
}

#pun-viewtopic .post.new_view #newProfile .pa-author a:hover {
  color: var(--profile-link);
}

#pun-viewtopic .post.new_view #newProfile .pa-respect .fld-name a:hover,
#pun-viewtopic .post.new_view #newProfile .pa-respect a,
#pun-viewtopic .post.new_view #newProfile .pa-respect a:hover,
#pun-viewtopic .post.new_view #newProfile .pa-author a:hover {
  color: var(--profile-accent);
}

#pun-viewtopic .post.new_view #newProfile .pa-respect {
  position: relative;
  left: 5px;

  font-size: var(--size-10);
  color: var(--profile-color);
  text-align: left;

  padding: 5px 10px 0;
}

#pun-viewtopic .post.new_view #newProfile .pa-respect .fld-name {
  font-size: var(--size-10);
  position: relative;
  top: -1px;
}

#pun-viewtopic .post.new_view #newProfile .pa-avatar .avatar_wrap {
  position: relative;
  border: 3px solid var(--profile-bg);
  margin: 0;
}

#pun-viewtopic .post.new_view #newProfile .pa-avatar .avatar_wrap:empty {
  display: none;
}

#pun-viewtopic .post.new_view #newProfile.radius .pa-avatar .avatar_wrap,
#pun-viewtopic .post.new_view #newProfile.radius .pa-avatar .avatar_wrap img,
#pun-viewtopic .post.new_view #newProfile.radius .pa-avatar .avatar_wrap::before {
  border-radius: 50%;
}

#pun-viewtopic .post.new_view #newProfile .pa-avatar .avatar_wrap:hover img {
  filter: brightness(1.2);
}

#pun-viewtopic .post.new_view #newProfile .pa-avatar img {
  max-width: 40px;
  object-fit: cover;
  transition: var(--transition);
}


#pun-main .post .container tr {
  display: table-row;
  background: none;
}

#pun-main .post .container td,
.post-content td {
  border: none !important;
  vertical-align: top;
}

.post-content td p {
  margin: 1em 0;
}

.post-content td p:first-child {
  margin-top: 0;
}

.post-content td p:last-child {
  margin-bottom: 0;
}


.post h3 .permalink {
  order: 1;
}

.post h3 .sharelink {
  order: 2;
}


.post-links {
  display: inline-block;

  position: absolute;
  bottom: -32px;
  left: 0;

  width: 100%;
  background: url(https://forumstatic.ru/files/001c/30/52/78230.svg?v=1) repeat-x;
  background-position-y: bottom;

  font-size: var(--size-11);
  text-transform: uppercase;
  text-align: right;

  padding: 10px 0;

  z-index: 2;
}

.post-links.fix_top {
  padding-top: 72px;
}

.post-links ul .pl-email {
  float: left;
}

.post-links li {
  display: inline;
}

.post-links li:not(:last-child) {
  margin-right: 8px;
}

.topic {
  margin-top: 0;
}

.post {
  position: relative;
  margin-bottom: 60px;
}

#pun-viewtopic #post-form {
  margin-top: 60px;
}

#poll-special {
  margin: 0;
}

.topic #poll-special .container:not(#post) {
  justify-content: center;

  background: none;
  border: none;
  margin-bottom: 10px;
}

.topic #poll-special .container:not(#post)::before {
  display: none;
}

#poll-special .container #vote {
  width: 70%;
}

#vote .tac {
  text-transform: uppercase;
}

#poll-special td.tac {
  padding-top: 15px;
  padding-bottom: 10px;
}

#vote table tr.question td.tac {
  padding-top: 0;
  padding-bottom: 0;
}

#vote table {
  width: 100%;
}

#vote #vote-result table tr {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
}

#vote table tr.question {
  justify-content: center;
  margin-bottom: 0;
}

#vote table tr.question strong {
  display: inline-block;
  left: 0;
  right: 0;

  width: fit-content;

  padding: 5px 12px 4px;
  margin: 0 auto 10px;
}

#vote .vote-result table tr.question {
  justify-content: center;
  margin-top: 0;
}

.vote-form input[type='checkbox']:not([type="submit"]):not([type="button"]) {
  margin: 0;
  position: relative;
  top: 3px;
}

#vote .vote-result table tr:not(.question) td:nth-child(1) {
  width: 60%;
}

#vote .vote-result table tr:not(.question) td:nth-child(2) {
  width: 25%;
}

#vote .vote-result table tr:not(.question) td:nth-child(2) h1 {
  display: block !important;
  height: 2px !important;
  background: var(--accent-color);
  border-radius: 0;
}

#vote .vote-result table tr:not(.question) td:nth-child(3) {
  width: 15%;
  text-align: right !important;
}

#post-preview .post-box {
  max-width: 687px;
  background: var(--tcl-bg);

  text-align: justify;
  border: 1px solid var(--border-textarea);

  margin: 0 auto;
  padding: 25px 20px 25px;
}

.post-rating p a::before,
.post-vote p a::before {
  display: none;
}

div.post-rating p a,
div.post-vote p a {
  display: inline-block;
  width: 27px;
  height: 27px;

  text-align: center;
  font-size: 110% !important;

  padding-top: 3px;
  padding-right: 0;
  padding-left: 2px;

  box-sizing: border-box;
}

.topic div.post-rating .container:not(#post),
.topic div.post-vote .container:not(#post) {
  background: none !important;
}

div.post-rating p a {
  color: var(--tcl-links-text);
}

.post-vote p a {
  color: transparent;
}

.post-rating p a::after,
.post-vote p a::after {
  position: absolute;
  content: '\f004';

  left: 0;
  top: -7px;

  width: auto;
  height: auto;

  font-family: var(--ico-font);
  font-size: var(--size-28);
  color: var(--tcl-links-bg);
  font-weight: 900;

  z-index: -1;
  transition: var(--transition);
}

.post-vote p a::after {
  content: '\f086';
  top: -2px;

  font-size: calc(var(--size-28) - 6px);
  font-weight: 400;
  color: var(--comment-color);
}

.post-rating p a:hover {
  color: var(--bg-main);
}

.post-vote p a:hover {
  color: transparent;
}

.post-rating p a:hover::after,
.post-vote p a:hover::after {
  color: var(--accent-color);
}



/***** Profile *****/

#profile .container #profilenav {
  position: relative;
  top: 12px;

  width: 170px;

  font-size: var(--size-11);
  font-weight: 700;
  text-transform: uppercase;

  float: left;
}

#profile .container #profilenav ul {
  margin-bottom: 15px;
}

#profile .container #profilenav ul li.isactive a {
  color: var(--accent-color);
}

#profile .container #profilenav ul li.isactive a:hover {
  color: var(--dark-text-color);
}

#profile .container #profilenav ul li:not(:last-child) {
  margin-bottom: 8px;
}

#profile .info,
#profile .select-file,
#profile .submitend,
#profile fieldset,
#profile .container form:not(#post),
#profile .formsubmit {
  width: calc(100% - 190px);
  margin-left: auto;
}

#profile #del_file {
  margin-left: 5px;
}

#profile fieldset .formsubmit {
  width: 100%;
}

#profile fieldset fieldset {
  width: 100%;
}

#profile fieldset fieldset .radio {
  position: relative;
  background: var(--tcl-bg);
  margin-bottom: 0;
  padding: 0 5px;
  box-sizing: border-box;
}

#profile fieldset fieldset .radio:first-child {
  padding-top: 8px;
}

#profile fieldset fieldset .radio:nth-last-child(2) {
  padding-bottom: 8px;
}


#profile #profile4 img {
  display: block;

  outline: 1px solid var(--border-color);
  border: 5px solid var(--bg-main);
  border-radius: 0;

  margin-left: 5px;
}

#profile #profile4 .inputfield {
  margin-bottom: 3px;
}

#profile #profile4 .datafield {
  margin-top: 0;
}

#profile #profile4 .inputfield a,
#profile #profile4 .datafield a {
  display: inline-block;

  min-width: 130px;
  background-color: var(--button-bg);

  font-size: var(--size-11) !important;
  text-align: center;
  font-weight: 500;
  color: var(--button-color);
  text-transform: uppercase;

  border: none;
  border-radius: 0;

  padding: 8px 20px 7px;
  margin: 0 2px;

  cursor: pointer;
  transition: .3s all ease-in-out;
}

#profile #profile4 .inputfield a::before,
#profile #profile4 .datafield a::before {
  display: none;
}

#profile #profile4 .inputfield a {
  background: var(--accent-color);
  color: var(--bg-main);
}

#profile #profile4 .inputfield a:hover {
  background: var(--profile-fandom-bg);
  color: var(--bg-main);
}

#profile #profile4 .datafield a:hover {
  background: var(--dark-text-color) !important;
  color: var(--bg-main);
}

#profile5 .fs-box {
  position: relative;
}

#pun-profile #pun-main .container#profile5 tr {
  display: table-row;
}

#profile5 .formsubmit {
  width: 100%;
}

#pun #pun-profile table.adcontainer {
  width: calc(100% - 190px);
  margin-left: auto;
}

#setmods dd {
  margin: 10px 0 0 0;
}

#pun-profile #profile-signature {
  padding: 1.5em 0 1.5em;
}

#pun-profile #profile-signature ul {
  position: relative;
  border: none;
}

#pun-profile #profile-signature ul::before {
  position: absolute;
  content: '';

  top: 0;
  left: 0;

  width: 100%;
  height: 1px;
  background: url(https://forumstatic.ru/files/001c/30/52/78230.svg?v=1) repeat-x;
  background-position-y: bottom;
  background-size: contain;
  border: none;

  pointer-events: none;
  opacity: 0.5;
}



/***** Messages *****/

#post-new form#post,
#post-new form#post input:not([type="checkbox"]):not(.button) {
  width: 100%;
}

.punbb#pun-messages .user-avatar .avatar-image,
.punbb#pun-userlist .user-avatar .avatar-image,
.punbb#pun-messages .user-avatar,
.punbb#pun-userlist .user-avatar {
  height: 23px;
  width: 23px;
}

.punbb#pun-userlist .user-avatar {
  margin: 0 9px 0 0;
}

.punbb#pun-messages .user-avatar {
  margin-left: 1px;
}

#pun .punbb#pun-messages .user-avatar .isonline,
#pun .punbb#pun-userlist .user-avatar .isonline {
  width: 8px;
  height: 8px;
}

.punbb#pun-messages .container thead {
  text-align: center;
}

.history_posts_list {
  margin-bottom: 20px;
}

#pun-profile #pun-main .container #filetable tr td,
#pun-edit #pun-main .history_posts_list td {
  padding-top: 5px;
  padding-bottom: 4px;
}

#pun-profile #pun-main .container #filetable tr td:nth-last-child(2) {
  padding: 5px 1px 5px 5px;
}

#pun-profile #pun-main .container #filetable tr td:first-child {
  font-size: 95%;
  padding-top: 14px;
}

#pun-profile #pun-main .container #filetable tr {
  align-items: stretch;
  padding: 0;
}

#filetable td:not(:first-child):not(:nth-last-child(2)),
#pun-edit #pun-main .history_posts_list td:not(:first-child),
.punbb#pun-messages .main #profile td.tc2,
.punbb#pun-messages .main #profile td.tc3,
.punbb#pun-userlist .main td.tc2,
.punbb#pun-userlist .main td.tc3 {
  font-size: 80% !important;
  text-transform: uppercase;
}

.main #notify-settings {
  width: 100%;

  font-size: 80%;
  font-weight: 700;
  text-transform: uppercase;
}

#OnOff_Notify {
  position: relative;
  top: -3px;
}

.main #volSlider {
  position: relative;
  display: inline-block;

  width: 100px;
  height: 8px;
  background: var(--button-bg);

  border-radius: 0;
  border: none;

  margin-top: 0 !important;
  margin-left: 1em;

  float: right;
  box-shadow: none;
}

#volume-set {
  display: flex;
  align-items: center;

  text-transform: uppercase;
  font-size: 90%;
}

.main #volSlider .before {
  height: 8px;
  background: var(--accent-color);

  border: none;
  border-radius: 0;

  margin-top: 0;
}

.main #volSlider .thumb,
.main #fntSlider .thumb {
  position: absolute;
  display: inline-block;

  top: 0;
  left: 0;

  width: 5px;
  height: 8px;
  background: var(--profile-bg);
  border: none;
  border-radius: 0;

  margin-left: -5px;
  box-shadow: none;
  cursor: pointer;

  transition: all ease-out 0.3s;
}

.main #volSlider .thumb:hover {
  background: var(--text-color);
}

fieldset + form {
  margin-left: auto;
  margin-top: 15px;
}

#profile .container {
  width: 100%;
}

#profile .container#profile8 input:not([type="submit"]) {
  width: 100%;
}

#profile .container form fieldset {
  width: 100%;
}

#profile .container form fieldset .fs-box .container table,
#profile .container form fieldset .fs-box .container table tbody {
  width: 100%;
  display: block;
}

#profile .container form fieldset .fs-box .container table thead > tr {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.punbb .main #profile .tc1 {
  width: 54% !important;
}

.punbb .main #profile .tc2.pmtc22 {
  width: 36% !important;
}

.punbb .main #profile .tc2,
.punbb .main #profile .tc3 {
  text-align: center;
  display: flex;
  align-items: center;
}

.punbb .main #profile .tc2 {
  justify-content: flex-start;
  padding-left: 10px;
  padding-right: 10px;
}

.punbb .main #profile .tcl .icon {
  top: 14px;
  left: -1px;
}

.punbb .main #profile .tcl .icon.inew {
  top: 11px;
  left: -4px;
}

#profile .container form fieldset .fs-box .container table tbody tr {
  position: relative;
  padding-left: 15px;
  box-sizing: border-box;
  vertical-align: middle;
  display: flex;
  align-items: stretch;
  margin-bottom: 0;
}

#profile .container form fieldset .fs-box .container table tbody tr.inew .tcl a {
  font-weight: 700;
}

#profile .container form .linksb {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}

#profile .pa-avatar {
  width: calc(100% - 14px);
}

#profile .stars_profile {
  bottom: 25px;
  left: 2px;
}

#profile .post-author ul .star_button {
  left: -18px;
}

#profile .post-author ul {
  padding: 0 0 7px;
}

#profile .container form .linksb .clearer {
  display: none;
}



fieldset + form {
  margin-left: auto;
  margin-top: 15px;
}

#profile .container form fieldset {
  width: 100%;
}

#profile .container form fieldset .fs-box .container table,
#profile .container form fieldset .fs-box .container table tbody {
  width: 100%;
  display: block;
}

#profile .container form fieldset .fs-box .container table thead {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  text-transform: uppercase;

  width: 100%;

  margin-bottom: 0;
}

#profile .container form fieldset .fs-box .container table thead > tr {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}

.punbb .main .tc1 {
  width: 54% !important;
}

.punbb .main .tc2.pmtc22 {
  width: 36% !important;
}

.punbb .main .tc2,
.punbb .main .tc3 {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#pun-modviewforum.punbb .main .tcl,
#pun-viewforum.punbb .main .tcl,
#pun-searchtopics.punbb .main .tcl {
  display: flex;
  align-items: center;
}

#pun-modviewforum.punbb .main .container tr,
#pun-viewforum.punbb .main .container tr,
#pun-searchtopics.punbb .main .container tr {
  padding-left: 18px;
  transition: var(--transition);
}

#pun-edit #pun-main .history_posts_list tr,
#pun-admain table tr,
.punbb .main .usertable tr,
#pun-respect #pun-main .container tr,
#pun-positive #pun-main .container tr,
#pun-online #pun-main .container tr {
  transition: var(--transition);
}

#pun-edit #pun-main .history_posts_list tbody tr:not([data-type="vote"]):not([data-type="mention"]):not(.isub):hover,
#pun-admain table tbody tr:not([data-type="vote"]):not([data-type="mention"]):not(.isub):hover,
.punbb .main .usertable tbody tr:not([data-type="vote"]):not([data-type="mention"]):hover,
#pun-modviewforum.punbb .main .container tbody tr:not([data-type="vote"]):not([data-type="mention"]):not(.isub):hover,
#pun-viewforum.punbb .main .container tbody tr:not([data-type="vote"]):not([data-type="mention"]):not(.isub):hover,
#pun-searchtopics.punbb .main .container tbody tr:not([data-type="vote"]):not([data-type="mention"]):not(.isub):hover,
#pun-respect #pun-main .container tbody tr:not([data-type="vote"]):not([data-type="mention"]):not(.isub):hover,
#pun-positive #pun-main .container tbody tr:not([data-type="vote"]):not([data-type="mention"]):not(.isub):hover,
#pun-online #pun-main .container tbody tr:not([data-type="vote"]):not([data-type="mention"]):not(.isub):hover {
  background: var(--charlist);
}

#pun-viewforum.punbb .main .container tr.isub:hover {
  background: none;
}

#pun-viewforum.punbb .main .category .container tr {
  padding-left: 0;
}

#pun-viewforum.punbb .main .category .container tr:not(:last-child) {
  margin-bottom: 10px;
}

#pun-modviewforum.punbb .main .container tr.inew .byuser,
#pun-viewforum.punbb .main .container tr.inew .byuser,
#pun-searchtopics.punbb .main .container tr.inew .byuser {
  font-weight: 400;
}

#pun-searchtopics.punbb .main .tc2,
#pun-searchtopics.punbb .main .tc3 {
  justify-content: center;
}

#profile .container form .linksb {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#profile .container form .linksb .clearer {
  display: none;
}

.messages-container .post-links {
  padding-top: 0;
  margin-top: 20px;
}

#pun-messages .post-author {
  width: 180px;

  transform: scaleX(1);
  transition: .3s all ease-in-out;
  transform-origin: top left;
}

#pun-messages .post-body {
  width: calc(100% - 188px);
  padding: 45px 17px 15px;
}

#pun-messages .post h3 {
  width: calc(100% - 232px);
}

#pun-messages #post {
  position: relative;
  background: var(--tcl-bg);
  padding: 10px 10px 0;
}

#pun-messages .pa-author {
  font-size: var(--size-13);
  padding: 6px 10px 6px;
}

#pun-messages .pa-avatar img {
  max-width: 145px;
}


/***** Login *****/

#pun-login #login .fs-box input:first-child {
  margin-right: 10px;
}

#pun-login #login .fs-box .inputfield {
  margin-bottom: 0;
}

#pun-login #login .fs-box .infofield {
  margin-top: 1em;
}



/***** Users *****/

.punbb .main .usertable table,
.punbb .main .usertable thead,
.punbb .main .usertable tbody,
.punbb .main .usertable td {
  display: block;
}

.forum thead {
  font-size: var(--size-10);
}

.punbb .main .usertable tr {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  text-align: center;
  padding-left: 0;
}

.punbb .main .usertable .username {
  display: flex;
  align-items: center;
  width: 25%;
  text-align: left;

  padding-top: 3px;
  padding-bottom: 3px;
}

.punbb .main .usertable .title,
.punbb .main .usertable .user_title {
  display: block;
  width: 25%;

  padding-top: 11px;
  padding-bottom: 0;
}

.punbb .main .usertable th.title,
.punbb .main .usertable th.user_title {
  padding-top: 0;
  padding-bottom: 5px;
}

.punbb .main .usertable .relation {
  display: block;
  width: 10%;

  padding-top: 11px;
  padding-bottom: 0;
}

.punbb .main .usertable th.relation {
  padding-top: 0;
  padding-bottom: 5px;
}

.punbb .main .usertable .posts,
.punbb .main .usertable .num_posts {
  display: block;
  width: 25%;

  padding-top: 11px;
  padding-bottom: 0;
}

.punbb .main .usertable th.posts,
.punbb .main .usertable th.num_posts {
  padding-top: 0;
  padding-bottom: 5px;
}

.punbb .main .usertable .registered {
  display: block;
  width: 15%;

  padding-top: 11px;
  padding-bottom: 0;
}

.punbb .main .usertable th.registered {
  padding-top: 0;
  padding-bottom: 5px;
}

.punbb .main .usertable .last_visit {
  display: block;
  width: 15%;
  text-align: right;

  padding-top: 11px;
  padding-bottom: 0;
}

.punbb .main .usertable th.last_visit {
  padding-top: 0;
  padding-bottom: 5px;
}



/***** Search *****/

#pun-searchposts .pa-author strong,
#pun-multimove .pa-author strong {
  font-weight: 400;
}

#pun-multimegre .pa-title,
#pun-multidelete .pa-title,
#pun-searchposts .pa-replies,
#pun-multimove .pa-title {
  font-weight: 400;
  padding-bottom: 12px;
}

#pun-messages .stars_profile,
#pun-multimegre .stars_profile,
#pun-multidelete .stars_profile,
#pun-searchposts .stars_profile,
#pun-multimove .stars_profile,

#pun-messages .star_button,
#pun-multimegre .star_button,
#pun-multidelete .star_button,
#pun-searchposts .star_button,
#pun-multimove .star_button,

#pun-messages .star_form,
#pun-multimegre .star_form,
#pun-multidelete .star_form,
#pun-searchposts .star_form,
#pun-multimove .star_form,

#pun-messages .clear_fields,
#pun-multimegre .clear_fields,
#pun-multidelete .clear_fields,
#pun-searchposts .clear_fields,
#pun-multimove .clear_fields,

#pun-messages .twink_button,
#pun-multimegre .twink_button,
#pun-multidelete .twink_button,
#pun-searchposts .twink_button,
#pun-multimove .twink_button,

#pun-messages .change_button,
#pun-multimegre .change_button,
#pun-multidelete .change_button,
#pun-searchposts .change_button,
#pun-multimove .change_button {
  display: none;
}

#pun-searchposts .post-author ul::before,
#pun-multimove .post-author ul::before {
  max-height: 60px;
}


/******** Move messages ********/

#pun-multimove .modmenu .container {
  display: flex;
  align-items: center;
  justify-content: center;

  background: var(--forum-bg);
  border-radius: 10px;
  padding: 10px;
}

.pun-modal .container {
  max-height: 45em !important;
}

.pun-modal .modal-inner {
  max-height: 46em !important;
}

#Move_Forum {
  margin-right: 5px;
}

#pun-multimove .modmenu .container strong,
#pun-moveposts .formsubmit {
  text-align: center;
}

#pun-multimove .modmenu .container .button {
  margin-left: 10px;
}

#pun-moveposts input[type='text'] {
  width: 100%;
}

#movePostsTable {
  margin: 20px 0 0;
  padding: 0;
}

#pun .pun-modal fieldset#PMove_2 {
  margin-top: 20px;
}

.Select_Topics,
.Select_Topics table {
  width: 100%;
}

.Select_Topics .tc2 {
  text-align: right;
}

#pun-multimove .post-links ul,
#pun-searchposts .post-links ul {
  text-align: left;
}

#pun-multimove .post-links li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#pun-multimove .post-links li input {
  order: 1;
  margin: 0 3px 0 0;
}

#pun-multimove .post-links li label {
  top: 1px;
  order: 2;
  margin: 0;
  font-size: 100%;
}

#pun-multimove fieldset#PMove_1 .fs-box {
  margin-top: 3px;
}

#pun-multimove .forum_name {
  text-transform: uppercase;
}

#pun-multimove #pun-main .container tr .tcl {
  width: 90%;
  text-align: left;
}

#pun-multimove #pun-main .container tr .tc2 {
  width: 10%;
  display: table-cell;
  text-align: center;
}

#pun-multimove .main .container tr {
  padding-left: 0;
}

#pun-multimove .main .container .formsubmit {
  text-align: right;
}



/** Delete mess **/


#pun-deleteposts .infofield {
  position: relative;
  background: var(--tcl-bg);
  text-align: center;

  padding: 20px;
  margin: 0 0 5px;
  box-sizing: border-box;
}

#pun-deleteposts .formsubmit {
  text-align: center;
}

#pun-multidelete .modmenu .container {
  display: flex;
  align-items: center;
  justify-content: center;
}

#pun-multidelete .modmenu .container .button {
  margin-left: 10px;
}

#pun-multidelete .pl-select {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#pun-multidelete .pl-select label {
  top: 1px;
  left: 0;
  margin: 0 5px 0 0;
}





/***** Profile *****/

#pun-profile #viewprofile ul {
  margin: 0;
}

#pun-profile #pun-main .container tr:not([data-type="vote"]):not([data-type="mention"]) {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  width: 100%;
  background: var(--tcl-bg);

  padding: 20px;
}

#pun-profile #viewprofile ul #profile-left {
  position: sticky;
  top: 44px;

  width: 220px;
  text-align: center;

  background: var(--profile-bg);
  color: var(--profile-color);
  padding: 0;

  overflow: unset;
  box-sizing: border-box;

  z-index: 1;
}

#pun-profile #viewprofile table,
#pun-profile #viewprofile tbody {
  display: block;
  width: 100%;
}

#pun-profile #viewprofile table {
  position: relative;

  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  background: var(--forum-bg);

  border: 1px solid var(--border-color);

  padding: 7px;
  z-index: 1;
}

#pun-profile #viewprofile table {
  background: url(https://forumstatic.ru/files/001c/42/b1/97908.png);
  background-position: bottom;
}

#pun-profile #viewprofile ul #profile-left #profile-name {
  width: 100%;
  background: var(--profile-fandom-bg);

  font-size: var(--size-14);
  text-transform: uppercase;
  line-height: 1.1;

  margin-bottom: 6px;
  padding: 9px 10px 6px;

  box-sizing: border-box;
}

#pun-profile #viewprofile ul #profile-left #profile-name strong {
  font-weight: 400 !important;
}

#pun-profile #viewprofile ul #profile-left #profile-title,
#pun-profile #viewprofile ul #profile-left #pa-online {
  width: 100%;

  text-transform: lowercase;
  font-size: var(--size-12);
  margin-bottom: 7px;
}

#pun-profile #viewprofile ul #profile-left #pa-online {
  margin-bottom: 10px;
}

#pun-profile #viewprofile ul #profile-left #profile-title strong,
#pun-profile #viewprofile ul #profile-left #pa-online strong {
  font-weight: 400 !important;
}

#pun-profile #viewprofile ul #profile-left #pa-avatar {
  position: relative;

  height: auto;
  width: 202px;
  background: var(--profile-main-info);

  margin: 0 auto 7px;
  padding: 7px;

  box-sizing: border-box;
}

#pun-profile #viewprofile ul #profile-left #pa-avatar div {
  position: relative;

  max-width: max-content;

  border: 4px solid var(--profile-main-info);
  outline: 1px solid var(--profile-border);

  margin: 0 auto;
}

#pun-profile #viewprofile ul #profile-left #pa-avatar div:hover img {
  filter: brightness(1.2);
}

#pun-profile #viewprofile ul #profile-left #pa-avatar img {
  display: block;
  max-width: 180px;
  height: auto;

  margin: 0 auto;
  transition: var(--transition);
}

#pun-profile #viewprofile ul #profile-left.radius #pa-avatar div::before,
#pun-profile #viewprofile ul #profile-left.radius #pa-avatar div,
#pun-profile #viewprofile ul #profile-left.radius #pa-avatar img {
  border-radius: 50%;
}

#pun-profile #viewprofile ul #profile-left #pa-edit strong {
  font-weight: 400 !important;
}

#pun-profile #viewprofile ul #profile-left #pa-edit a {
  display: block;
}

#pun-profile #viewprofile ul #profile-left #pa-edit a::before {
  display: none;
}

#pun-profile #viewprofile ul #profile-right {
  width: 73%;
}

#pun-profile #viewprofile ul #profile-right li {
  display: flex;
  align-items: stretch;
  margin: 0;
}

#pun-profile #viewprofile ul #profile-right li span {
  position: relative;

  top: 2px;
  right: 15px;

  width: 22%;

  text-transform: uppercase;
  font-size: 72%;
  text-align: right;

  padding: 8px 0 0;
}

#pun-profile #viewprofile ul #profile-right li strong {
  width: 78% !important;
  background: var(--forum-bg);

  font-weight: 400 !important;
  text-transform: lowercase;

  border-left: 1px solid var(--border-post);

  padding: 7px 15px 8px;
}

#pun-profile #viewprofile ul #profile-right li#pa-posts .profile_mess_links {
  display: flex;
  align-items: center;
  font-size: 100%;
  padding-top: 0;
}

#pun-profile #viewprofile ul #profile-right li#pa-posts .profile_mess_links p {
  margin: 0;
}

#pun-profile #viewprofile ul #profile-right li#pa-posts .profile_mess_links span {
  display: inline-block;

  font-size: 100%;
  text-transform: lowercase;

  padding-top: 0;
}

#pun-profile #viewprofile ul #profile-right li#pa-posts .profile_mess_links .profile_mess {
  display: flex;
  align-items: center;
  cursor: pointer;
}

#pun-profile #viewprofile ul #profile-right li#pa-posts .profile_mess_links .profile_mess * {
  pointer-events: none;
}

#pun-profile #viewprofile ul #profile-right li#pa-posts .profile_mess_links .profile_mess span {
  position: relative;
  top: 1px;
}

#pun-profile #viewprofile ul #profile-right li#pa-posts .profile_mess_links .profile_mess .wrote {
  margin-left: 5px;
}

#pun-profile #viewprofile ul #profile-right li#pa-posts .profile_mess_links .profile_links {
  margin-left: 10px;
}

#pun-profile #viewprofile ul #profile-right li strong .fandom {
  text-transform: uppercase;
  font-size: 88%;
}

#pun-profile #viewprofile ul #profile-right li:not(#pa-last-visit) strong {
  border-bottom: 1px solid var(--border-post);
}

#pun-profile #viewprofile ul #profile-right li:not(#pa-last-visit)#pa-fld5 strong {
  text-transform: uppercase;
}

#pun-profile #viewprofile ul #profile-right li#pa-fld1 {
  text-align: justify;
  line-height: 1.42;
}

#pun-profile #viewprofile ul #profile-right li#pa-fld1 .profile__name {
  text-transform: uppercase;
  font-weight: 700;
  color: var(--accent-color);
}

#pun-profile #viewprofile ul #profile-right li#pa-fld1 a {
  color: var(--accent-color);
}

#pun-profile #viewprofile ul #profile-right li#pa-fld1 a:hover,
#pun-profile #viewprofile ul #profile-right li#pa-fld1 .profile__name:hover {
  color: var(--text-color);
}

#pun-profile #viewprofile ul #profile-right li strong span {
  width: auto;
  top: 0;
  right: 0;
}

#pun-profile #viewprofile ul #profile-right li strong span strong {
  font-weight: 700 !important;

}



/***** Rep *****/

.overlay .overlay_modal,
.punbb #pun-report .inner,
.punbb #pun-reputation .inner,
.punbb #pun-admin-award-form .inner {
  background: var(--bg-main);
  border-radius: 0;
  padding: 20px;

  box-shadow: 0 0 40px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
  -khtml-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
}

.punbb .pun-modal .modal-inner {
  border-radius: 0;
}

.punbb .pun-modal .modal-inner h2 {
  padding: 0 20px;
}

.punbb .pun-modal .modal-inner h2::after {
  left: 20px;
  width: calc(100% - 40px);
}

.pun-modal .modal-inner h2 span.closer {
  top: 13px;
  right: 26px;

  font-family: var(--main-font);

  padding: 0 10px 0 10px !important;
  transition: var(--transition);
}

.pun-modal .modal-inner h2 span.closer:hover {
  color: var(--accent-color);
}

.punbb .pun-modal .modal-inner h2 span.closer::after,
.punbb#pun-viewtopic .pun-modal .modal-inner h2 span.closer::after {
  display: none;
}

#pun-reputation h1 {
  margin-top: 0;
  padding: 0;
}

#pun-reputation h1::after {
  width: 428px
}

#pun-main #pun-reputation .container {
  background: none;
  outline: none;
  border: none;
  padding: 15px 0 0 13px !important;
}

#pun-reputation .container tr {
  padding: 5px 15px !important;
  margin-bottom: 0 !important;
}

#pun-reputation .container tr:first-child {
  border-radius: 3px 3px 0 0;
  padding-bottom: 1px !important;
}

#pun-reputation .container tr:first-child td:nth-child(2) {
  background: var(--button-page-color);

  font-size: var(--size-14);
  text-transform: uppercase;
  line-height: 1;
  font-weight: 700;

  padding: 10px;
}

#pun-reputation .container tr:nth-child(2) td:nth-child(2) {
  background: var(--button-page-color);
  text-align: left;
  padding: 0 10px 10px;
}

#pun-reputation .container tr:nth-child(2) td:nth-child(2) textarea {
  width: 100% !important;
}

#pun-reputation .container tr td:first-child {
  text-transform: lowercase;
}

#pun-reputation .container table {
  width: 100%;
}

#pun-reputation .container tr:nth-child(2) {
  padding-top: 0 !important;
}

#pun-reputation .container tr:last-child {
  background: none;
  border-radius: 0;
}

#pun-reputation .container tr:last-child td {
  padding-top: 10px;
}

#pun-reputation .container tr .tcl {
  width: 27% !important;
}

#pun-reputation .container tr .tc2 {
  display: table-cell;
  width: 71% !important;
}


#pun-respect #pun-main.multipage h1::after,
#pun-positive #pun-main.multipage h1::after {
  width: 240px;
}

#pun-respect .removeReputation,
#pun-positive .removeReputation {
  position: relative;
  background: none !important;
}

#pun-respect .removeReputation::before,
#pun-positive .removeReputation::before {
  position: absolute;
  content: "\f00d";

  transform: translateY(-50%);
  top: 50%;
  right: -15px;

  font-size: 15px;
  font-weight: 900;
  font-family: var(--ico-font);
  text-align: center;
  color: var(--text-color);

  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}

#pun-respect .removeReputation:hover::before,
#pun-positive .removeReputation:hover::before {
  color: var(--accent-color);
}

.edit-reputation {
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}

.edit-reputation:hover {
  color: var(--accent-color);
}

#pun-online #pun-main .container table {
  width: 100%;
}

#pun-respect #pun-main .section,
#pun-userlist #pun-main .usertable,
#pun-searchtopics #pun-main .forum,
#pun-viewforum #pun-main .forum,
#pun-modviewforum #pun-main .forum,
#pun-positive #pun-main .section,
#pun-online #pun-main .section {
  position: relative;
  background: var(--forum-bg);
  border: 1px solid var(--border-color);
  padding: 7px;
}

#pun-delete fieldset .fs-box,
#pun-multimove #pun-main #PMove_2 .Select_Topics,
#pun-respect #pun-main .container,
#pun-userlist #pun-main .usertable .container,
#pun-searchtopics #pun-main .container,
#pun-viewforum #pun-main .container,
#pun-modviewforum #pun-main .container,
#pun-positive #pun-main .container,
#pun-online #pun-main .container {
  position: relative;
  padding: 20px;
  background: var(--tcl-bg);
  box-sizing: border-box;
}

#pun-userlist #pun-main .usertable,
#pun-respect #pun-main .section,
#pun-searchtopics #pun-main .forum,
#pun-viewforum #pun-main .forum,
#pun-modviewforum #pun-main .forum,
#pun-positive #pun-main .section,
#pun-online #pun-main .section {
  background: url('https://forumstatic.ru/files/001c/42/b1/97908.png');
  background-position: bottom;
}

#pun-viewforum #pun-main .category .container {
  padding: 0;
  background: none;
}

#pun-modviewforum #pun-main .modmenu .container,
#pun-searchtopics #pun-main .modmenu .container,
#pun-viewforum #pun-main .modmenu .container {
  padding: 0 10px;
  background: none;
}

#pun-respect #pun-main .container tr:not([data-type="vote"]):not([data-type="mention"]),
#pun-positive #pun-main .container tr:not([data-type="vote"]):not([data-type="mention"]),
#pun-online #pun-main .container tr th {
  padding-left: 0;
}

.punbb .main .usertable thead th,
#profile .container form fieldset .fs-box .container table thead th,
#filetable thead tr .header,
#pun-multimove #pun-main .container tr th,
#pun-respect #pun-main .container tr th,
#pun-positive #pun-main .container tr th,
#pun-edit #pun-main .history_posts_list tr th,
#pun-online #pun-main .container tr th {
  font-size: var(--size-8);
  text-transform: uppercase;

  padding-top: 5px;
  padding-bottom: 5px;
}

#pun-multimove #pun-main .container tr td:not(:last-child):not(.notification-item),
#pun-userlist #pun-main .container tr td:not(:last-child):not(.notification-item),
#pun-respect #pun-main .container tr td:not(:last-child):not(.notification-item),
#pun-positive #pun-main .container tr td:not(:last-child):not(.notification-item),
#pun-searchtopics #pun-main .container tr td:not(:last-child):not(.notification-item),
#pun-viewforum #pun-main .container tr td:not(:last-child),
#profile .container form fieldset .fs-box .container table td:not(:last-child):not(.notification-item),
#pun-edit #pun-main .history_posts_list tr td:not(:last-child):not(.notification-item),
#pun-modviewforum #pun-main .container tr td:not(:last-child):not(.notification-item),
#filetable tr td:not(:last-child):not(.notification-item),
#pun-online #pun-main .container tr td:not(:last-child):not(.notification-item) {
  border-right: 1px solid var(--border-post);
}

#pun-viewforum #pun-main .category .container tr td:not(:last-child) {
  border: none;
}

#pun-multimove #pun-main .container tr:not(:last-child) td:not(.notification-item),
#pun-viewforum #pun-main .container tr:not(:last-child) td:not(.notification-item),
#pun-searchtopics #pun-main .container tr:not(:last-child) td:not(.notification-item),
#pun-modviewforum #pun-main .container tr:not(:last-child) td:not(.notification-item),
#pun-userlist #pun-main .container tr:not(:last-child) td:not(.notification-item),
#pun-respect #pun-main .container tr:not(:last-child) td:not(.notification-item),
#pun-positive #pun-main .container tr:not(:last-child) td:not(.notification-item),
#profile .container form fieldset .fs-box .container table tr:not(:last-child) td:not(.notification-item),
#filetable tr:not(:last-child) td:not(.notification-item),
#pun-online #pun-main .container tr:not(:last-child) td:not(.notification-item),
#pun-edit #pun-main .history_posts_list tr:not(:last-child) td:not(.notification-item),
#pun-userlist #pun-main .container tr th,
#pun-edit #pun-main .history_posts_list tr th,
#profile .container form fieldset .fs-box .container table th,
#pun-main .forum tr th,
#pun-respect #pun-main .container tr th,
#filetable thead tr th,
#pun-positive #pun-main .container tr th,
#pun-online #pun-main .container tr th,
#pun-multimove #pun-main .container tr th {
  border-bottom: 1px solid var(--border-post);
}

#pun-viewforum #pun-main .category .container tr:not(:last-child) td {
  border: none;
}

#profile .container form fieldset .fs-box .container table tr td:not(.notification-item),
#pun-multimove #pun-main .container tr td:not(.notification-item),
#pun-viewforum #pun-main .container tr td:not(.notification-item),
#pun-searchtopics #pun-main .container tr td:not(.notification-item),
#pun-modviewforum #pun-main .container tr td:not(.notification-item),
#pun-respect #pun-main .container tr td:not(.notification-item),
#pun-positive #pun-main .container tr td:not(.notification-item),
#pun-online #pun-main .container tr td:not(.notification-item) {
  padding-top: 5px;
  padding-bottom: 5px;
}

#profile .container form fieldset .fs-box .container table tr td.tcl {
  padding-top: 11px;
}

#filetable tr .tcl,
#pun-edit #pun-main .history_posts_list tr th:first-child,
#pun-edit #pun-main .history_posts_list tr td:first-child,
#pun-online #pun-main .container tr .username {
  text-align: left;
}

#pun-online #pun-main .container tr .tc2,
#pun-online #pun-main .container tr .tc3 {
  display: table-cell;
}

#pun-online #pun-main .online-list .username {
  width: 25%;
}

#pun-online #pun-main .online-list .action {
  width: 50%;
  text-align: center;
}

#pun-online #pun-main .online-list .tc3 {
  width: 25%;

  font-size: 80%;
  text-align: right;
  text-transform: uppercase;
}

#pun-respect table,
#pun-positive table {
  width: 100%;
}

#pun-respect .tcl,
#pun-positive .tcl {
  width: 17% !important;

  font-size: 80%;
  text-transform: uppercase;
  text-align: left;
}

#pun-respect .tc2,
#pun-positive .tc2 {
  display: table-cell;
  width: 3% !important;

  font-size: 80%;
  text-transform: uppercase;
  text-align: center;
}

#pun-respect .tc3,
#pun-positive .tc3 {
  display: table-cell;
  width: 22% !important;
  text-align: center;
}

#pun-respect .tc3:not(.tc4),
#pun-positive .tc3:not(.tc4) {
  display: table-cell;
  width: 22% !important;

  font-size: 80%;
  text-transform: uppercase;
  text-align: center;
}

#pun-respect .tc3.tc4,
#pun-positive .tc3.tc4 {
  width: 32% !important;
  text-align: center;
}

#pun-respect .tcr,
#pun-positive .tcr {
  width: 27% !important;
  text-align: right;
  box-sizing: border-box;
}



/***** Need *****/

.topic .post.topicpost .charlist {
  justify-content: space-between;
  padding: 20px 0 12px;
}

.topic .post.topicpost .charlist .hvClearFilters {
  top: 0;
  right: 5px;

  text-transform: uppercase;
  font-style: normal;
  font-weight: 700;

  font-size: var(--size-11);
  padding: 0;
  transition: var(--transition);
}

.topic .post.topicpost .charlist .charlist_divider {
  display: block;
  margin: 0;
}

.topic .post.topicpost .charlist .hvClearFilters:hover {
  color: var(--accent-color);
}

.topic .post.topicpost .charlist_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;

  width: 100%;
  background: var(--newspaper-footer);

  border: 1px solid var(--border-post);
  padding: 5px;
}

.topic .post.topicpost .charlist_wrapper:not(:last-child) {
  margin-bottom: 5px;
}

.topic .post.topicpost .charlist .charlist_fd {
  flex: none;

  list-style: none;
  width: calc(50% - 3px);
  background: var(--charlist);

  border: 1px solid var(--button-bg);
  border-radius: 0;

  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 10px;

  transition: var(--transition);
}

.topic .post.topicpost .charlist .charlist_fd:hover {
  background: var(--charlist-hover);
}

.topic .post.topicpost .charlist .charlist_fd li a {
  font-style: normal;
  text-transform: lowercase;
  color: var(--text-color);
}

.topic .post.topicpost .charlist .charlist_fd li:hover a {
  color: var(--accent-color);
}

.topic .post.topicpost .charlist .charlist_fd li.charlist_title {
  position: relative;
  top: -8px;
  left: -12px;

  width: calc(100% + 24px);
  background: none;

  font-style: normal;
  font-size: var(--size-10);
  text-transform: uppercase;
  color: var(--border-color);
  line-height: 1.1;
  font-weight: 500;
  text-align: center;

  border-bottom: 1px dashed var(--button-bg);

  padding: 6px 5px 5px;
  margin-bottom: 0;

  transition: var(--transition);
  box-sizing: border-box;
}

.topic .post.topicpost .charlist .charlist_fd li::before {
  top: 1px;
}

.topic .post.topicpost .charlist .charlist_fd li.charlist_title::before {
  display: none;
}

.topic .post.topicpost .charlist .charlist_fd li.charlist_title:hover {
  color: var(--tooltip-text);
  background: var(--accent-color);
}

.topic .post.topicpost .charlist .charlist_fd li:not(.charlist_title).active {
  background: var(--bg-main);

  color: var(--button-color);
  font-weight: 500;

  border-radius: 0;
  padding: 2px 10px 4px 23px;

  transition: var(--transition);
}

.topic .post.topicpost .charlist .charlist_fd li:not(.charlist_title) {
  margin-bottom: 0;
}

.topic .post.topicpost .charlist .charlist_fd li:not(.charlist_title).active a {
  color: var(--button-color);
}

.topic .post.topicpost .charlist .charlist_fd li:not(.charlist_title).active:hover {
  background: var(--button-page-color);
}

.topic .post.topicpost .charlist .charlist_fd li:not(.charlist_title).active::before {
  top: 3px;
  left: 5px;
}

.topic .post.topicpost .charlist .charlist_fd li.charlist_title.active {
  background: var(--accent-color);
  color: var(--tooltip-text);
  font-weight: 700;
  border-radius: 0;
}

.topic .post.topicpost .charlist .charlist_fd li.charlist_title.active:hover {
  background: var(--profile-fandom-bg);
  color: var(--roles-block);
}