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

@import url(style_cs.1752480202.css);

/* media */
@import url('https://forumstatic.ru/files/001c/46/7f/21730.css?v=3');

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



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

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@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: '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;
}


/* Gilroy */

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/98922.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/98922.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/36332.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/72045.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/33404.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/49398.svg#Gilroy-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/74065.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/74065.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/85180.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/52900.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/84593.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/85265.svg#Gilroy-ThinItalic') format('svg');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/42713.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/42713.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/65189.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/81460.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/10079.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/96429.svg#Gilroy-UltraLight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/27451.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/27451.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/37412.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/40523.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/88621.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/89759.svg#Gilroy-UltraLightItalic') format('svg');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/71325.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/71325.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/70769.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/15419.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/45405.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/94000.svg#Gilroy-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/85374.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/85374.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/32964.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/33989.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/15873.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/57440.svg#Gilroy-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/11471.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/11471.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/99974.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/99185.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/75625.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/67543.svg#Gilroy-RegularItalic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/35269.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/35269.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/32341.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/61077.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/68520.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/37099.svg#Gilroy-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/20772.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/20772.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/11871.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/18958.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/24384.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/97421.svg#Gilroy-MediumItalic') format('svg');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/85885.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/85885.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/42203.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/61000.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/57264.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/46497.svg#Gilroy-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/35413.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/35413.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/24767.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/43199.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/45303.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/14781.svg#Gilroy-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/67137.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/67137.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/43266.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/50218.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/87496.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/65071.svg#Gilroy-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/28611.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/28611.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/15834.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/73650.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/74604.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/56362.svg#Gilroy-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/25909.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/25909.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/73982.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/26015.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/40922.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/62984.svg#Gilroy-ExtraBoldItalic') format('svg');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/53318.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/53318.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/61462.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/13526.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/24440.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/87274.svg#Gilroy-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/67106.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/67106.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/38627.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/37396.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/69124.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/82208.svg#Gilroy-HeavyItalic') format('svg');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://forumstatic.ru/files/0019/be/39/70673.eot');
  src: url('https://forumstatic.ru/files/0019/be/39/70673.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/0019/be/39/87422.woff2') format('woff2'),
  url('https://forumstatic.ru/files/0019/be/39/74108.woff') format('woff'),
  url('https://forumstatic.ru/files/0019/be/39/87650.ttf') format('truetype'),
  url('https://forumstatic.ru/files/0019/be/39/51861.svg#Gilroy-BlackItalic') format('svg');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}


/* Recolors Personal Use */

@font-face {
  font-family: 'Recolors Personal Use';
  src: url('https://forumstatic.ru/files/001c/46/7f/11582.eot');
  src: url('https://forumstatic.ru/files/001c/46/7f/11582.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/46/7f/15297.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/46/7f/50617.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/46/7f/75102.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/46/7f/35434.svg#RecolorsPersonalUse') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* Gidugu */

@font-face {
  font-family: 'Gidugu';
  src: url('https://forumstatic.ru/files/001c/46/7f/93461.eot');
  src: url('https://forumstatic.ru/files/001c/46/7f/93461.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/46/7f/78720.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/46/7f/63780.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/46/7f/22061.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/46/7f/14843.svg#Gidugu') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* Code Next-Trial */

@font-face {
  font-family: 'Code Next-Trial';
  src: url('https://forumstatic.ru/files/001c/46/7f/80226.eot');
  src: url('https://forumstatic.ru/files/001c/46/7f/80226.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/46/7f/75558.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/46/7f/16963.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/46/7f/99474.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/46/7f/27142.svg#CodeNext-Trial-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


/* Code Next */

@font-face {
  font-family: 'Code Next';
  src: url('https://forumstatic.ru/files/001c/46/7f/35046.eot');
  src: url('https://forumstatic.ru/files/001c/46/7f/35046.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001c/46/7f/33196.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/46/7f/15100.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/46/7f/86051.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001c/46/7f/26621.svg#CodeNext-ExtraBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


/* Judas */

@font-face {
  font-family: 'Judas';
  src: url('https://forumstatic.ru/files/001a/fd/a5/28673.eot');
  src: url('https://forumstatic.ru/files/001a/fd/a5/28673.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fd/a5/45043.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fd/a5/14568.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fd/a5/25389.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fd/a5/37820.svg#Judas') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}







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

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

  max-width: 950px;

  margin: 0 auto;

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

#pun:has(.punbb-admin) {
  top: 80px;
}

.punbb {
  background: var(--bg-main);
  border-radius: 15px;
  box-shadow: -1px 2px 9px rgba(0, 0, 0, .15);
}

html.punbb {
  box-shadow: none;
}

.main {
  padding: 0 40px;
}

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

#pun-stats {
  padding: 0 40px;
}

#pun-status {
  position: absolute;
  top: -288px;
  left: 40px;

  width: max-content;
  text-transform: lowercase;
  font-weight: 600;
  font-size: var(--size-6);

  padding: 0;
  box-sizing: border-box;
  z-index: 10;
}

#pun:has(.punbb-admin) #pun-status {
  position: relative;
  top: 0;
}

#pun-status strong {
  font-weight: 600;
  color: var(--text-color-2);
}


#pun-status .container {
  position: relative;

  width: 100%;

  line-height: 1;

  margin: 0;
  padding: 0;
}

#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;
  display: block;
}

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


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

#pun-navlinks {
  position: relative;
  top: -345px;

  width: 100%;

  padding: 0;
  margin-top: 0;

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

#pun:has(.punbb-admin) #pun-navlinks {
  top: -46px;
}

#pun-navlinks ul {
  background: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;

  width: 100%;
  font-size: var(--size-9);
  text-transform: uppercase;

  box-sizing: border-box;
  font-weight: 700;
  border-radius: 15px;
  padding: 0;
  margin-: 0 auto;
}

#pun-ulinks {
  position: relative;
  top: -342px;

  font-weight: 600;

  margin: 0 auto;
  padding: 0;

  z-index: 10;
}

#pun:has(.punbb-admin) #pun-ulinks {
  top: -40px;
}

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

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

#pun-navlinks a {
  color: var(--text-color)  ;
}

#pun-ulinks a {
  position: relative;
  color: var(--text-color);
}

#pun-ulinks a::after {
  position: absolute;
  content: '';

  bottom: 0;
  right: 0;

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

  transition: var(--transition);
}

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

#pun-ulinks a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}

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

#pun-viewtopic .main.multipage h1,
#pun-crumbs1,
#pun-crumbs2 {
  text-align: center;
  text-transform: lowercase;
  font-weight: 500;
  color: var(--text-color-5);
  font-size: var(--size-8);
}

#pun-crumbs1 {
  margin-top: 28px;
  margin-bottom: 13px;
  padding-top: 18px;
}

#pun:has(.punbb-admin) #pun-crumbs1 {
  margin-top: 0;
  padding-top: 0;
}

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

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

.main .category {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
}

.main .category h2 {
  order: 2;
}

.main .category .description_category {
  order: 1;
  text-align: right;
}

.main .category .description_category,
#pun-stats .description_category {
  position: relative;

  max-width: 100%;

  box-sizing: border-box;
}

.main .category .description_category p,
#pun-stats .description_category p {
  position: relative;
  max-width: 635px;

  font-size: var(--size-5);
  line-height: 1;
  color: var(--description-color);
  text-transform: lowercase;

  margin: 0;
}

.main .category .description_category p {
}

#pun-stats .description_category p {
}

.main .category .description_category {
  margin: 5px 0;
}

#pun-stats .description_category {
  margin: 5px 0;
}

#pun-stats .description_category img,
.main .category .description_category img {
  display: block;
}
.overlay .overlay_modal h2,
.main .category h2,
#pun-stats h2 {
  position: relative;

  font-family: var(--accent-font);
  font-size: var(--size-24);
  color: var(--category-color);
  font-weight: 400;
  text-align: right;
  line-height: 1;
  text-transform: lowercase;

  border-radius: 0;

  margin: 0 0 0 auto;

  box-sizing: border-box;

  z-index: 1;
}

.main .category h2 span {
  order: 2;
  width: 0;
}

.main .category h2 p,
#pun-stats p {
  position: relative;
  bottom: 5px;
  order: 1;

  max-width: 300px;

  font-family: var(--main-font);
  font-size: 5px;
  text-transform: lowercase;
  color: var(--nav-forum);
  text-align: right;

  margin: 0 6px 0 0;
}

#pun-stats p {
  max-width: 363px;
}

#pun-stats h2 {
  padding-right: 16px;
}

.main .category h2::before,
#pun-stats h2::before {
}

#pun-stats h2::before {
}

.main .category h2::after,
#pun-stats h2::after {
}

#pun-stats h2::after {
  left: auto;
  right: 6px;
}

#pun-stats h2 p {
  text-align: left;
  margin: 0 0 0 6px;
}

.main .category .catleft,
.main .category .catright {
  display: none;
}

.main .category h2,
#pun-stats h2 {
  position: relative;
  order: 1;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

#pun-stats h2 {
  order: 2;
  justify-content: flex-start;
}

.main .category h2::before {
}

#pun-stats h2::before {
}

.main .category h2::after {
}

#pun-stats h2::after {
}

.main .category .category_top,
#pun-stats .category_top {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 9px;
}

#pun-stats .category_top {
  margin-bottom: 14px;
}

.main .category .category_top p,
#pun-stats .category_top p {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 14px;
  margin-left: auto;
  overflow: hidden;
}

#pun-stats .category_top p {
  margin-left: 0;
  margin-right: auto;
}

.main .category .category_top .description_category,
#pun-stats .category_top .description_category {
  order: 2;
  position: relative;
  bottom: 5px;

  line-height: 1;
}

#pun-stats .category_top .description_category {
  order: 2;
}

.main .category .category_top .description_category::before,
#pun-stats .category_top .description_category::before {
}

#pun-stats .category_top .description_category::before {
  border-radius: 0 12px 12px 0;
}

.pun-modal .modal-inner h2 {
  text-transform: lowercase;
}

#pun-stats h2 {
  text-align: left;
}

.overlay .overlay_modal h2 span,
.main .category h2 span,
#pun-stats h2 span,
.pun-modal .modal-inner h2 span:not(.closer) {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 0;
  box-sizing: border-box;
}

#pun-stats h2 span {
  padding: 0;
}

.main .category h2 span::before,
#pun-stats h2 span::before {
  display: none;
}

#pun-stats h2 span::before {
  left: -49px;
  right: 0;
}

.main .category h2 span::after,
#pun-stats h2 span::after {
}

#pun-stats h2 span::after {
}

.overlay .overlay_modal h2 span::before,
.main .category h2 span::before,
#pun-stats h2 span::before,
.pun-modal .modal-inner h2 span:not(.closer)::before {
}

.main .category .container {
  order: 3;
  width: 100%;
}

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

.main .category .container table {
  position: relative;
  width: 100%;
  background: var(--profile-color);
  border: none;
  border-left: 19px solid var(--tr-border);
  border-radius: 5px 15px 15px 5px;
  padding: 18px 16px 10px 12px;
}

.main .category .container .intd {
  box-sizing: border-box;
}

.main .category .container .intd .tclcon {
  position: relative;
  top: -7px;
  display: flex;
  flex-direction: column;
}

.main #subforums,
.main .category .container .intd .tclcon .subforums {
  order: 3;
  margin-top: 20px;
  text-transform: lowercase;
  font-weight: 600;
}

.main .category .container .intd .tclcon .subforums {
  position: relative;
  left: 105px;
}

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

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

  min-height: 90px;

  padding: 0;
}

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

.main .category .container h3 {
  order: 1;
  position: relative;

  display: block;
  left: 105px;

  text-transform: lowercase;
  font-size: var(--size-18);
  font-weight: 600;

  margin: 0 0 12px;

  box-sizing: border-box;
}

.main .category .container h3 a {
  font-weight: 600;
}

.main .category .container h3.with_nav {
  left: 105px;
}

.main .category .container h3::before {
  display: block;
  position: absolute;
  content: '';

  top: 6px;
  left: -19px;

  width: 9px;
  height: 9px;
  background: none;
  border-radius: 2px;

  margin-right: 10px;
}

.main .category .container .inew h3::before {
  background: var(--accent-color-2);
}



#pun-index .category .container .isub .tcl {
  padding-left: 10px !important;
}
.main .category .container .tcl .description {
  display: flex;
  align-items: flex-start;
  order: 2;
  position: relative;

  line-height: 1.2;
  font-size: var(--size-8);
  font-weight: 500;
}

.main .category .container .tcl .description .forum_des {
  position: relative;
  top: -10px;
  display: block;
  font-size: var(--size-7);
  opacity: .5;
}

.main .category .container .tcl .description.full {
  left: 105px;
}

.main .category .container .tcl .description p {
  max-width: 436px;
  margin: 0;
}

.main .category .container .tcl .description .forum_nav {
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: 105px;
  font-weight: 500;
  padding-right: 5px;
  padding-top: 15px;
  box-sizing: border-box;
}

.main .category .container .tcl .description .forum_nav li {
  position: relative;
}

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

  top: 2px;
  left: -17px;

  width: 8px;
  height: 8px;
  background: var(--profile-color);

  border-radius: 2px;
}

.main .category .container .tcl .icon {
  display: none;
}

.main .category .container .tcl .description .forum_nav a {
  color: var(--nav-forum);
}

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

.main .category .container .tcl {
  max-width: 540px;
}

.main .category .container .tcr {
  position: relative;
  top: 41px;
  width: 202px;
}

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

  width: 5px;
  height: 5px;
  background: var(--accent-color-2);
  border-radius: 50%;
}

.main .category .container .tcr {
  display: grid;
  grid-template-columns: 45px calc(100% - 45px);
  grid-template-areas:
        "ava last"
        "ava user";
  gap: 10px 0;
  align-items: flex-start;
}

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

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

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

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

  font-weight: 600;
  font-size: var(--size-11);
  text-transform: lowercase;
  line-height: 1;

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

.main .category .container .tcr .lastpost-link:hover {
  color: var(--text-color);
}

.main .category .container .tcr .lastpost {
  position: relative;
  display: block;
  grid-area: user;

  font-size: var(--size-9);
  text-transform: lowercase;
  font-style: normal;
  line-height: 1;
  top: -7px;
}


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

#pun-stats {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  font-size: 100%;
  text-transform: lowercase;
}

#pun-stats .description_category {
  order: 1;
}

#pun-stats .statscon {
  order: 3;
}

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

  margin-top: 10px;
}

#pun-stats .container .item1,
#pun-stats .container .item2,
#pun-stats .container .item3,
#pun-stats .container .item4 {
  border: none;
  background: var(--profile-color);
  border-radius: 15px;

  font-weight: 500;

  padding: 4px 12px 6px;
}

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

#pun-stats .container .item4 a {
  color: var(--text-color-2);
}

#pun-stats .container .item4 a:hover {
  color: var(--accent-color-2);
}

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

#pun-stats #onlinelist a:first-child {
  font-weight: 500;
  color: var(--text-color);
}

#pun-stats #onlinelist span a:first-child {
  font-weight: 500;
  color: var(--text-color-2);
}

#pun-stats #onlinelist span a:first-child,
#pun-stats #onlinelist a {
  color: var(--text-color-2);
}

#pun-stats #onlinelist a:first-child:hover,
#pun-stats #onlinelist span a:first-child:hover,
#pun-stats #onlinelist a:hover {
  color: var(--accent-color-2);
}

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


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

.footer {
  position: relative;
  max-width: 950px;
  height: 99px;

  text-align: center;
  color: var(--text-color);
  margin: 0 auto;
  box-sizing: border-box;
}

.footer::before {
  position: absolute;
  content: '';

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

  width: 872px;
  height: 128px;
  background: var(--footer-image) no-repeat;

  margin: 0 auto;
  z-index: 1;
  pointer-events: none;
}

.footer p {
  position: relative;
  top: 4px;

  font-size: var(--size-7);
  font-weight: 700;

  margin: 0;
}

.footer h3 {
  position: relative;
  top: -6px;

  font-family: var(--accent-font);
  color: var(--footer-color);
  font-size: var(--size-47);
  text-transform: uppercase;
  font-weight: 400;

  margin: 0;
}


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

  width: 100%;
  height: 55px;

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

  box-sizing: border-box;
}

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

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




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

.linkst,
.linksb,
.modmenu {
  text-transform: lowercase;
  font-size: 100%;
}

.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;
}

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

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

  min-width: 23px;
  height: 23px;
  background: var(--profile-color);

  text-align: center;
  color: var(--text-color);
  text-transform: lowercase;

  border-radius: 15px;

  padding: 5px;
  box-sizing: border-box;
}

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

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

  padding: 6px 10px;
  text-transform: lowercase;
  border-radius: 15px;
  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(--bg-main);
}

.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: 4px;
}

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

.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: lowercase;
  font-size: 100%;
}

#pun-viewforum #pun-main .container tr:not(:last-child) td.td-divider {
  border-bottom: none !important;
  background: var(--profile-color);
  border-radius: 15px;
  font-weight: 400;
  font-size: 100%;
}

#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: none;

  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);
}




/***** 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: 15px auto 0;
  z-index: 2;
}

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

#pun-messages #tr-list + .bottom_form {
  bottom: 2px;
}

#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 span {
  pointer-events: none;
}

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

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

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




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

.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;

  border:  none;
}

.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;
  padding: 0 !important;
  text-align: right;
}

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

.post-author {
  position: relative;

  width: 202px;
  text-align: center;

  z-index: 1;
}

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

.post-author ul {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;

  background: var(--gradient);
  border-radius: 15px;

  padding: 0;
  margin: 0 auto;

  box-sizing: border-box;
}

.post-author ul .info hr {
  border-top: 1px solid var(--gradient-grey);
  border-bottom: none;
}

.pa-author {
  order: 1;
  z-index: 1;
}

.pa-title {
  order: 2;
  z-index: 1;
}

.pa-avatar {
  order: 3;
  z-index: 1;
}

.pa-fld3 {
  order: 4;
}

.pa-posts {
  order: 5;
  z-index: 1;
}

.pa-fld4 {
  order: 6;
  z-index: 1;
}

.pa-respect {
  order: 7;
  z-index: 1;
}

.pa-online {
  order: 8;
  z-index: 1;
}

.pa-fld5 {
  position: relative;
  order: 9;
  width: 100%;
  z-index: 1;
  top: 4px;
}

.pa-fld2 {
  order: 10;
  z-index: 1;
}

.pa-fld1 {
  order: 11;
  z-index: 0;
}

.profile_gradient {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  border-radius: 15px;

  z-index: -1;
}

.pa-ua {
  order: 12;
}

.pa-gifts {
  order: 13;
}

.pa-awards {
  order: 14;
}

.post[data-group-id="3"] .post-author ul {
  padding-bottom: 15px;
  background: var(--gradient-guest);
}

.pa-avatar {
  position: relative;

  width: 100%;
  height: auto;

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

  box-sizing: border-box;
}

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

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

.pa-avatar img {
  display: block;

  max-width: 180px;
  border: 3px solid var(--bg-main);
  border-radius: 12px;

  margin: 0 auto;
}

.pa-author {
  position: relative;
  top: -13px;

  width: calc(100% - 40px);
  background: var(--bg-main);

  font-size: var(--size-11);
  color: var(--accent-color);
  font-weight: 600;
  text-transform: lowercase;
  line-height: 1.1;

  border-radius: 5px;

  margin: 0 auto;
  padding: 7px;

  box-sizing: border-box;
}

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

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

.pa-title {
  width: 100%;

  text-transform: lowercase;
  font-weight: 500;
  color: var(--text-color-2);
  font-size: var(--size-7);

  margin-top: -8px;
}

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

  width: 5px;
  height: 5px;

  left: 25px;
  top: -2px;

  background-color: transparent;
  border-radius: 50%;

  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-2);

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

.pa-fld3 {
  position: relative;

  width: 100%;

  font-size: var(--size-7);
  text-align: center;
  text-transform: lowercase;
  line-height: 1.4;

  margin: 10px auto 0;
  padding: 0;

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

.pa-fld3 .info {
  max-width: 146px;
  background: none;
  font-weight: 500;

  padding: 0;
  margin: 0 auto;
}

.pa-fld3 .info__name {
  font-size: var(--size-9);
  line-height: 1;
}

.pa-fld3 .info__name:hover {
}

.pa-fld3 .info__text {
  text-align: justify;
  margin-top: 9px;
}

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


.pa-respect,
.pa-posts,
.pa-fld4 {
  display: inline-block;

  width: auto;
  height: 15px;

  font-size: var(--size-6);
  font-weight: 500;
  text-transform: lowercase;
  color: var(--text-color-4);
  line-height: 1.2;
  letter-spacing: .5px;

  margin: 10px 3px 8px;
}

.pa-respect .fld-name + a {
  color: var(--accent-color-2);
}

.pa-respect .fld-name + a:hover {
  color: var(--accent-color);
}

.pa-online {
  width: 100%;

  font-size: var(--size-6);
  font-weight: 500;
  text-transform: lowercase;
  color: var(--text-color-4);
  line-height: 1.2;
  letter-spacing: .5px;

  padding: 10px 3px 8px;
}

.pa-online strong {
  font-weight: 500;
}

.pa-fld4 br {
  display: none;
}

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

  font-style: normal;
  font-size: var(--size-6);
  text-transform: lowercase;
}

.pa-posts .fld-name,
.pa-respect .fld-name,
.pa-fld4 .fld-name {
  display: block;
}

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

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

.pa-respect .fld-name + a {

}

.billet {
  position: relative;

  min-height: 37px;
  background: var(--gradient-2);

  color: var(--bg-main);
  text-transform: lowercase;
  line-height: 1.5;
  font-size: var(--size-6);
  text-align: center;

  border-radius: 0 0 15px 15px;

  margin-top: 15px;
  padding: 11px 6px 5px;

  box-sizing: border-box;
}

.billet__image {
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: none;
  border-radius: 50%;
  margin: 0 auto;
}

.pa-fld2 {
  position: absolute;
  bottom: 28px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.billet__image img {
  position: absolute;

  top: 50%;
  left: 0;
  right: 0;

  width: 14px;
  height: 14px;

  margin: 0 auto;

  transform: translateY(-50%);
  object-fit: contain;
}

.billetstrong {
  font-size: var(--size-7);
}


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

  text-align: justify;
  font-size: var(--size-10);
  font-weight: 500;
  font-family: var(--main-font), var(--emoji-font), serif;
  line-height: 1.5;

  padding: 25px 0 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: fixed !important;
  }
}

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

.post h3 {
  position: absolute;

  top: 0;
  right: 0;

  width: 100%;

  font-size: var(--size-8);
  text-transform: lowercase;
  font-weight: 400;
  line-height: 1;

  margin: 0;
  padding-bottom: 13px;

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

.post h3 span {
  width: calc(100% - 230px);
  pointer-events: all;
  margin-left: auto;
}

.post.hide_profile h3 span {
  width: 100%;
}

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


.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: 10px;
}

.post h3 #fntSlider {
  order: 2;;
  margin: 0 0 0 auto;
}

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

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

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


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

  top: 23px;
  right: 0;

  background: none;
  font-size: var(--size-10);

  padding: 0;
  margin-right: 0;
}

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

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

#newFunc a {
  display: inline-block;

  width: 17px;
  height: 17px;
  background: var(--profile-color);

  text-align: center;
  font-size: var(--size-7);
  color: var(--text-color);

  border-radius: 5px;

  padding: 4px;

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

form #newFunc a {
  background: var(--bg-main);
}

#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;
}

form #newFunc a:hover,
#newFunc a:hover {
  background: var(--accent-color);
  color: var(--bg-main);
}

#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-color);

  border: none;
  border-radius: 10px;

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

  padding: 7px 10px 9px;
  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(--accent-color);
  color: var(--bg-main);
}

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

#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(--text-color);
  font-size: var(--size-9);
  text-transform: none;
  line-height: 1;

  margin: 0;
  padding: 4px 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-searchposts .post h3 strong {
  margin-left: auto;
}

#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;
}


#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 strong:nth-last-child(2) {
  margin-left: auto;
}

.post h3 .sharelink {
  order: 2;
}


.post-links {
  display: inline-block;

  width: 100%;

  font-size: var(--size-8);
  text-transform: lowercase;
  text-align: right;

  padding: 10px 0;

  z-index: 2;
}


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

.post-links li {
  display: inline;
}

.post-links li a {
  color: var(--text-color-2);
}

.post-links li a:hover {
  color: var(--dark-color);
}

.post-links li:not(:first-child) {
  margin-left: 24px;
}

.post-links li.profile {
  margin-left: 37px;
}

.topic {
  margin-top: 0;
}

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

.post.hide_profile h3 {
  width: 100%;
}

.post.hide_profile fieldset {
  width: 100%;
  padding: 0;
}

.post[data-group-id="3"] .pa-posts,
.post[data-group-id="3"] .pa-fld4,
.post[data-group-id="3"] .pa-respect,
.post[data-group-id="4"] .pa-posts,
.post[data-group-id="4"] .pa-fld4,
.post[data-group-id="4"] .pa-respect {
  margin-bottom: 18px;
}

#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: lowercase;
}

#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: 645px;
  background: none;

  text-align: justify;
  border: none;

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

.post-box #post .checkfield label {
  top: 12px;
  width: calc(100% - 25px);
}

.post-box #post .checkfield + .checkfield label {
  top: -3px;
}

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

.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: 25px;
  height: 25px;

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

  padding-top: 1px;
  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;
}

div.post-rating p a {
  color: var(--accent-color);
}

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

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

  left: 1px;
  top: -7.5px;

  width: auto;
  height: auto;

  font-family: var(--ico-font);
  font-size: calc(var(--size-18) + 5px);
  color: var(--accent-color-20);
  font-weight: 900;

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

.mylike div.post-rating p a {
  color: var(--profile-color);
}

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

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

.topic .post .post-box .post-vote p {
  margin-right: 12px !important;
  margin-top: 9px;
}
.post-vote p a::after {
  content: '\f086';
  top: -2px;

  font-size: calc(var(--size-18) + 2px);
  font-weight: 400;
  color: var(--accent-color-20);
}

.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-9);
  font-weight: 700;
  text-transform: lowercase;

  float: left;
}

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

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

#profile .container #profilenav ul li.isactive a:hover {
  color: var(--accent-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(--profile-color);
  margin-bottom: 0;
  padding: 0;
  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;

  border: 3px solid var(--bg-main);
  border-radius: 12px;

  margin-left: 5px;
  margin-bottom: 10px;
}

#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: 100px;
  background-color: var(--tr-border);

  font-size: var(--size-9) !important;
  text-align: center;
  font-weight: 600;
  color: var(--text-color);
  text-transform: lowercase;

  border: none;
  border-radius: 15px;

  padding: 5px 20px 6px;
  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(--text-color);
  color: var(--bg-main);
}

#profile #profile4 .datafield a:hover {
  background: var(--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;
  border-top: 1px solid var(--border-color);
}



/***** 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: 100% !important;
  text-transform: lowercase;
}

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

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

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

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

  width: 100px;
  height: 8px;
  background: var(--profile-color);

  border-radius: 4px;
  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(--body-color);

  border: none;
  border-radius: 4px 0 0 4px;

  margin-top: 0;
}

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

  top: 0;
  left: 0;

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

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

  transition: all ease-out 0.3s;
}

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

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

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

  transition: all ease-out 0.3s;
}

.main .FNTslider .before {
  height: 8px;
  border: none;
  margin-top: 0;
}

.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: 14px;
  left: 10px;
}

#profile #profilenav + fieldset {
  padding: 0;
  background: none;
  border-radius: 0;
}

.punbb .main #profile .tcl {
  padding-left: 10px;
  font-size: var(--size-10);
}

#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;
}

fieldset#post-preview {
  padding: 0;
  background: none;
  font-size: var(--size-10);
  font-weight: 500;
}

#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: 0;
  transition: var(--transition);
}

#pun-messages.punbb .main .container tr .icon,
#pun-modviewforum.punbb .main .container tr .icon,
#pun-viewforum.punbb .main .container tr .icon,
#pun-searchtopics.punbb .main .container tr .icon {
  position: absolute;
  top: 16px;
  left: -11px;

  width: 5px;
  height: 5px;
}

#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;
  margin-top: 19px;
}

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

#pun-messages .post h3 {
  top: 20px;
}

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

#pun-messages #post {
  position: relative;
  background: var(--profile-color);
  padding: 10px 10px 0;
  box-sizing: border-box;
  border-radius: 15px;
}

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

#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: 500;
  padding-bottom: 12px;
  order: 2;
}

#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,
#pun-multimegre .modmenu .container {
  display: flex;
  align-items: center;
  justify-content: center;

  background: var(--profile-color);
  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,
#pun-multimegre .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(--profile-color);
  text-align: center;

  padding: 5px 0 0;
  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%;
}

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

  width: 220px;
  text-align: center;

  background: var(--gradient);
  color: var(--text-color);

  border-radius: 15px;
  padding: 0;

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

  z-index: 1;
}

.post-author ul.white a:hover,
.post-author ul.white .pa-respect, .post-author ul.white .pa-posts, .post-author ul.white .pa-fld4, .post-author ul.white .pa-online,
.post-author ul.white,
.post-author ul.white .pa-title,
#pun-profile #viewprofile ul #profile-left.white {
  color: var(--profile-color);
}

.post-author ul.white .pa-fld3 {
  color: var(--white-color);
}

.post-author ul.white a:hover {
  color: var(--text-color);

}

#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;
  z-index: 1;
}

#pun-profile #viewprofile ul #profile-left #profile-name {
  width: calc(100% - 40px);
  background: var(--bg-main);

  font-size: var(--size-10);
  text-transform: lowercase;
  font-weight: 700;
  line-height: 1.1;
  color: var(--text-color);

  margin: -13px auto 6px;
  padding: 8px 10px 7px;

  box-sizing: border-box;
  border-radius: 5px;
}

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

#pun-profile #viewprofile ul #profile-left #profile-title,
#pun-profile #viewprofile ul #profile-left #pa-online {
  width: 100%;
  text-transform: lowercase;
  margin-bottom: 0;
}

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

#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;

  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;
  margin: 0 auto;
}

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

  border: 3px solid var(--bg-main);
  border-radius: 12px;

  margin: 0 auto;
}

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

#pun-profile #viewprofile ul #profile-left #pa-edit a {
  display: block;
  position: relative;
  bottom: -35px;
}

#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: 0;
  right: 15px;

  width: 22%;

  text-transform: lowercase;
  font-size: 95%;
  font-weight: 500;
  text-align: right;

  padding: 8px 0 0;
}

#pun-profile #viewprofile ul #profile-right li:first-child strong {
  border-radius: 10px 10px 0 0;
}

#pun-profile #viewprofile ul #profile-right li:last-child strong {
  border-radius: 0 0 10px 10px;
}

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

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

  border-radius: 0;

  padding: 7px 15px 8px;
}

#pun-profile #viewprofile ul #profile-right li strong .billet {
  border-radius: 15px;
  max-width: 202px;
}

#pun-profile #viewprofile ul #profile-right li strong .billet img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 32px;
  margin: 0 auto;
}

#pun-profile #viewprofile ul #profile-right .billet li#pa-fld2 span {
  display: none;
}

#pun-profile #viewprofile ul #profile-right li strong strong {
  width: 100% !important;
  background: none;
  font-weight: 600 !important;
  padding: 0;
}

#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-fld3 {
  text-align: justify;
  line-height: 1.42;
}


#pun-profile #viewprofile ul #profile-right li#pa-fld3 .info {
  max-width: 186px;
  margin: 0 auto;
  padding: 0;
}

#pun-profile #viewprofile ul #profile-right li#pa-fld3 .info text {
  display: block;
}


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

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

#pun-profile #viewprofile ul #profile-right li#pa-fld3 a:hover,
#pun-profile #viewprofile ul #profile-right li#pa-fld3 .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: 15px;
  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: 15px;
  padding: 20px;
}

.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(--profile-color);

  font-size: var(--size-11);
  text-transform: lowercase;
  line-height: 1;
  font-weight: 700;

  border-radius: 10px 10px 0 0;

  padding: 10px;
}

#pun-reputation .container tr:nth-child(2) td:nth-child(2) {
  background: var(--profile-color);
  text-align: left;
  border-radius: 0 0 10px 10px;
  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 .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-delete fieldset .fs-box {
  position: relative;
  padding: 20px;
  background: var(--profile-color);
  border-radius: 15px;
  box-sizing: border-box;
}

#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: lowercase;
  font-weight: 600;

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

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

#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:not(.notification-item)[colspan="3"] {
  padding-bottom: 18px;
  text-transform: lowercase;
}

#pun-respect #pun-main .container tr td:not(.notification-item)[colspan="4"],
#pun-positive #pun-main .container tr td:not(.notification-item)[colspan="4"] {
  background: var(--profile-color);
  text-align: center;
  font-weight: 600;
  border-radius: 15px;
  padding: 15px;
}

#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: 100%;
  text-transform: lowercase;
  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: 100%;
  text-transform: lowercase;
  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;
}

/* ??? */
.punbb #pun-main #profile1[action$="id=4"] {
  display: block;
}