/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-family: var(--rubik-l); font-weight: 100; }
h1 { font-size: 20px; line-height: 1.3380952381; }
h2 { font-size: 16pt; line-height: 1.3380952381; }
h3 { font-size: 20px; line-height: 1.3380952381; }
h4 { font-size: 22px; line-height: 1.3380952381; }
h5 { font-size: 18px; line-height: 1.3380952381; }
h6 { font-size: 18px; line-height: 1.3380952381; }

a { color: var(--link-b); text-decoration: none; outline: none; }
a:hover { color: var(--link-o); }

@font-face {font-family: "Wot Regular"; src:url(../font/wot-regular.6.woff) format("woff")}
@font-face {font-family: "Wot Bold"; src:url(../font/wot-bold.6.woff) format("woff")}

@font-face {font-family: "RobotoL"; src:url(../font/Roboto-Light.ttf)}
@font-face {font-family: "RobotoM"; src:url(../font/Roboto-Medium.ttf)}
@font-face {font-family: "RobotoT"; src:url(../font/Roboto-Thin.ttf)}

@font-face {font-family: "PopinsM"; src:url(../font/Poppins-Medium.ttf)}
@font-face {font-family: "PopinsL"; src:url(../font/Poppins-Light.ttf)}
@font-face {font-family: "PopinsT"; src:url(../font/Poppins-Thin.ttf)}

@font-face {font-family: "RajM"; src:url(../font/rajdhani-medium.ttf)}
@font-face {font-family: "RajL"; src:url(../font/rajdhani-light.ttf)}
@font-face {font-family: "Raj"; src:url(../font/rajdhani-regular.ttf)}

@font-face {font-family: "Rubik"; src:url(../font/Rubik-Regular.ttf)}
@font-face {font-family: "RubikL"; src:url(../font/Rubik-Light.ttf)}
@font-face {font-family: "RubikI"; src:url(../font/Rubik-Italic.ttf)}
@font-face {font-family: "RubikB"; src:url(../font/Rubik-Bold.ttf)}

@font-face {font-family: "PopinsBL"; src:url(../font/Poppins-Bold.ttf)}
@font-face {font-family: "Popins"; src:url(../font/Poppins-Regular.ttf)}

strong, b { font-family: var(--rubik); font-weight: 700; }
i { font-family: "PopinsIT"; }
.red_i { color: #c40707; font-weight: 700; font-family: var(--roboto-m); }
.green_i { color: #00bf1b; font-weight: 700; font-family: var(--roboto-m); }
.center { text-align: center; }
.border_red { border: 1px solid red; }
.girl { color: #ec00c1; }

.oval_mini { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.oval_max { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.oval_top {border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
.oval_bottom { border-radius:  0 0 5px 5px; -webkit-border-radius:  0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;}
.oval_big { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;}

body { background: var(--main-bg); font-family: var(--popins-l); line-height: var(--line-height30); color: var(--main-color); font-size: 12pt }

@media (min-width: 1200px) {
	
	.reveal-modal { width: 550px; top: 25%; }
	.text_tops { text-align: justify; line-height: 32px; color: #959595; margin: 15px auto; }
	
	div.linki { background: #000; padding: 10px; overflow: hidden; }
	div.linki div.linki_top { max-width: 1100px; margin: 0 auto; color: #fff; display: grid; grid-template-columns: auto auto auto auto auto; text-align: center; }
	div.linki div.linki_top div.link_one { width: auto; }
	div.linki div.linki_top div.link_one a.link { color: #fff; }
	div.linki div.linki_top div.link_one a.link:hover { text-decoration: underline; }
	
	header.header { background: linear-gradient(180deg, #242424, #0f0f0f); padding: 10px; overflow: hidden; }
	header.header div.header_top { width: 1200px; margin: 0 auto; overflow: hidden; }
	header.header div.header_top div.header_left { width: 300px; float: left; }
	header.header div.header_top div.header_left div.logo { overflow: hidden; }
	header.header div.header_top div.header_left div.logo img.logo { width: 40px; height: 40px; vertical-align: middle; margin: -5px 5px 0px 5px }
	header.header div.header_top div.header_left div.logo a.logo { font-family: var(--rubik-l); color: #fff; font-size: 30px; }
	header.header div.header_top div.header_left div.logo a.logo:hover { text-decoration: none; }
	header.header div.header_top div.header_cent { width: 450px; float: left; }
	header.header div.header_top div.header_cent div.icons { padding: 10px; text-align: center; color: var(--white) }
	header.header div.header_top div.header_cent div.icons span.l { margin: 20px; font-size: 16px; }
	header.header div.header_top div.header_right { width: 340px; float: right; text-align: right; }
	header.header div.header_top div.header_right div.login { overflow: hidden; }
	header.header div.header_top div.header_right div.login img.av { width: 40px; height: 40px; vertical-align: middle; margin: 0px 0px 5px 10px; border: 2px solid var(--greenw); }
	header.header div.header_top div.header_right div.login {padding: 5px; color: #fff; }
	header.header div.header_top div.header_right div.login span.buttons a.login { font-size: 14px; color: #fff; background: linear-gradient(180deg, #52ff00, #127802); padding: 5px 20px; font-family: var(--rubik); }
	header.header div.header_top div.header_right div.login button.login { color: var(--white); font-family: var(--rubik); font-size: 12pt; background: 0; border: 0; cursor: pointer; }
	
	div.city_panel { width: 1200px; padding: 10px; margin: 0px auto 5px auto; display: none; overflow: hidden; }
	div.city_panel div.one_top_panel { width: auto; margin: 0 auto; overflow: hidden; }
	div.city_panel div.one_top_panel div.menu_cat { display: grid; grid-template-columns: auto auto auto auto; }
	div.city_panel div.one_top_panel div.menu_cat div.one_cat { padding: 5px; margin: 5px; background: #fff; border: 1px dotted #e1e1e1; }
	div.city_panel div.one_top_panel div.menu_cat div.one_cat img.menu { width: 20px; height: 20px; vertical-align: middle; margin: -4px 5px 0px 5px }
	div.city_panel div.one_top_panel div.menu_cat div.one_cat a.menu { color: #666; font-family: var(--popins-l); font-size: 12pt; }
	div.city_panel div.one_top_panel div.menu_city { display: grid; grid-template-columns: auto auto auto; }
	div.city_panel div.one_top_panel div.menu_city div.one_cat { padding: 5px; margin: 5px; background: #1a1a1a; border: 1px solid #333; }
	div.city_panel div.one_top_panel div.menu_city div.one_cat img.menu { width: 20px; height: 20px; vertical-align: middle; margin: -4px 5px 0px 5px }
	div.city_panel div.one_top_panel div.button { padding: 10px; text-align: center; margin: 10px; }
	div.city_panel div.one_top_panel div.button button.hide { background: linear-gradient(180deg, #4fff00, #489900); padding: 5px 15px; border: 1px solid var(--greenw); font-family: var(--popins-l); font-size: 10pt; color: var(--white); cursor: pointer; }
	div.city_panel div.one_top_panel div.menu_cat div.one_cat span.ile { float: right; font-size: 14px; padding: 5px; color: var(--text-post); }
	
	div.navigation { width: 1200px; margin: 3px auto -6px auto; font-size: 12pt; overflow: hidden; }
	div.navigation span.l { margin-right: 5px; }
	div.navigation span.l a.linknav { font-weight: 700; color: #666; }
	
	div.site { width: 1200px; margin: 0 auto; overflow: hidden; }
	div.site div.site_left { width: 860px; float: left; }
	div.site div.site_right { width: 330px; float: right; }
	
	div.big_panel { width: 100%; height: 350px; margin-bottom: 10px; overflow: hidden; }
	div.big_panel img.big { width: 100%; min-height: 100%; }
	div.big_panel div.text_infos { display: flex; position: absolute; color: #fff; }
	div.big_panel div.text_infos div.one { margin-top: 265px; background: linear-gradient(180deg, #00000016, #000000a6, #000); width: 860px; height: 85px;  }
	div.big_panel div.text_infos div.one div.one_title_one { padding-left: 30px; font-size: 30px; font-family: var(--wotreg); }
	div.big_panel div.text_infos div.one div.infos_one { padding: 0px 30px; font-size: 16px; }
	div.big_panel div.text_infos div.one div.infos_one span.r { float: right; font-family: var(--wotreg); font-size: 10pt; padding: 5px; margin-left: 15px; }
	div.big_panel div.text_infos div.one div.infos_one span.l { float: left; font-size: 10pt; padding: 2px 5px 0px 0px;; font-family: var(--wotreg); }
	div.big_panel div.text_infos div.one div.infos_one span.r img.stat { width: 16px; height: 16px; vertical-align: middle; margin: -4px 10px 0px 6px }
	
	div.links { margin-bottom: 10px; background: #fff; border: 1px solid #e5e5e5; display: grid; grid-template-columns: auto auto auto auto; overflow: hidden; }
	div.links div.link_one { padding: 5px 10px; text-align: center; }
	div.links div.link_one a.link { color: #666; font-family: var(--rubik); font-size: 12pt; text-decoration: none; transition: color .2s ease-in-out; height: 100%; align-items: center; }
	div.links div.link_one a.link:hover { text-decoration: underline; color: #000; }
	
	div.bans { width: 100%; overflow: hidden; }
	div.bans img { width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
	
	div.posts { overflow: hidden; }
	div.posts div.post_one { background: #fff; margin-bottom: 10px; overflow: hidden; }
	div.posts div.post_one div.image { width: 300px; height: 200px; float: left; margin-right: 20px; }
	div.posts div.post_one div.image img.image { width: 100%; min-height: 100%; }
	div.posts div.post_one div.stats { overflow: hidden; }
	div.posts div.post_one div.stats div.one_stat { margin-top: 10px; }
	div.posts div.post_one div.stats div.one_stat div.buttons { overflow: hidden; }
	div.posts div.post_one div.stats div.one_stat div.buttons span.right { float: right; font-size: 14px; color: #666; margin-right: 10px; padding: 5px; }
	div.posts div.post_one div.stats div.one_stat div.buttons span.left { }
	div.posts div.post_one div.stats div.one_stat div.buttons span.left a.buttons { padding: 5px 10px; color: #fff; font-size: 14px; font-family: var(--rubik); }
	div.posts div.post_one div.stats div.one_stat div.title_post { margin-top: 5px; height: 32px; overflow: hidden; }
	div.posts div.post_one div.stats div.one_stat div.title_post a.title { color: #666; font-family: var(--wotreg); }
	div.posts div.post_one div.stats div.one_stat div.title_post a.title:hover { text-decoration: underline; color: #000; }
	div.posts div.post_one div.stats div.one_stat div.text_post { color: var(--text-post); text-align: justify; padding: 5px 15px 5px 0px; font-size: 13pt; height: 85px; }
	div.posts div.post_one div.stats div.one_stat div.date { float: right; font-size: 14px; color: #666; margin-right: 15px; }
	div.posts div.post_one div.stats div.one_stat div.date span.ll { margin-left: 10px; }
	div.posts div.post_one div.stats div.one_stat div.date span.ll img.stat { vertical-align: middle; margin: -5px 5px 0px 6px; }
	
	div.users_panel { overflow: hidden }
	div.users_panel div.user_one { background: var(--white); display: flex; margin-bottom: 10px; padding: 10px; }
	div.users_panel div.user_one div.image { width: 50px; height: 50px; float: left; margin-right: 10px; border: 2px solid var(--greenw); }
	div.users_panel div.user_one div.image img.image { width: 100%; height: 100%; }
	div.users_panel div.user_one div.nick { display: flex; height: 50px; margin: 0px 10px; width: 72%; }
	div.users_panel div.user_one div.nick div.inner { align-self: center; width: 100%; }
	div.users_panel div.user_one div.nick div.inner a.nick { color: #000; font-family: var(--rubik); font-size: 16px; }
	div.users_panel div.user_one div.nick div.inner span.comment { float: right; color: var(--text-post); font-size: 16px; padding: 2px; }
	
	div.panels { display: grid; grid-template-columns: auto auto auto auto; overflow: hidden; }
	div.panels div.panel_one_bottom { padding: 5px; background: #fff; margin: 5px; width: 280px; text-align: center; overflow: hidden; }
	div.panels div.panel_one_bottom div.panel_image { width: 100%; height: 180px; margin-bottom: 10px; overflow: hidden; }
	div.panels div.panel_one_bottom div.panel_image img.img { width: 100%; min-height: 100%; }
	div.panels div.panel_one_bottom div.panel_links { margin-bottom: 5px; height: 30px; overflow: hidden; }
	div.panels div.panel_one_bottom div.panel_links a.link { color: #666; }
	div.panels div.panel_one_bottom div.panel_links a.link:hover { color: #000; text-decoration: underline; }
	div.panels div.panel_one_bottom div.infos { padding: 10px 0px 0px 0px; font-size: 14px; border-top: 1px dotted #e5e5e5; color: var(--text-post); }
	div.panels div.panel_one_bottom div.infos span.inf { margin: 5px; }
	
	div.author { padding: 10px; background: linear-gradient(180deg, #f5f5f5, #fff); border-bottom: 1px dotted #fbfbfb; margin-bottom: 10px; overflow: hidden; }
	div.author div.image_a { width: 40px; height: 40px; border: 2px solid var(--greenw); float: left; margin: 0px 10px; overflow: hidden; }
	div.author div.image_a img.author { width: 100%; min-height: 100%; }
	div.author div.stats_author { display: flex; width: 91%; height: 44px; overflow: hidden; }
	div.author div.stats_author div.nick { width: 100%; align-self: center; }
	div.author div.stats_author div.nick span.posts_r { float: right; font-size: 12pt; color: var(--text-post); }
	div.author div.stats_author div.nick span.posts_l { font-family: var(--rubik); font-size: 12pt }
	div.author div.stats_author div.nick span.posts_l span.points { margin: 0px 10px; }
	div.author div.stats_author div.nick span.posts_l a.nick { color: #666; }
	div.author div.stats_author div.nick span.posts_l a.nick:hover { text-decoration: underline; color: #000; }
	div.author div.stats_author div.nick span.data { font-size: 12px; margin-top: -10px; }
	
	div.panel div.image { max-width: 230px; padding: 0px 0px 0px 15px; text-align: center; overflow: hidden; }
	div.panel div.image img.image { width: 100%; height: auto; }
	div.panel div.title_image { float: right; padding: 10px; margin-right: 20px; width: 550px; text-align: center; background: #f3f3f3; border: 1px dotted #a9a9a9; overflow: hidden; }
	div.panel div.title_image h2 { text-shadow: 1px 1px 14px #fff; font-size: 20px; }
	div.panel div.text_image { padding: 20px 24px 5px 10px; width: 570px; float: right;  text-align: justify; color: var(--text-post); }
	
	div.top_l { overflow: hidden; }
	div.top_l div.l { width: 244px; float: left; }
	div.top_l div.r { width: 600px; float: right; }
	div.link_info { padding: 15px 0px 0px 10px; margin: 10px auto; }
	
	div.comment { overflow: hidden; }
	div.comment div.comment_one { background: #fff; margin-bottom: 10px; padding: 10px; overflow: hidden; }
	div.comment div.comment_one div.comment_left { width: 135px; float: left; margin-right: 10px; text-align: center; overflow: hidden; }
	div.comment div.comment_one div.comment_left div.com_image { border: 2px solid var(--greenw); width: 90px; height: 90px; text-align: center; margin: 0 auto;overflow: hidden; }
	div.comment div.comment_one div.comment_left div.com_image img.img { width: 100%; height: 100%; }
	div.comment div.comment_one div.comment_left div.com_nick { font-size: 14px; }
	div.comment div.comment_one div.comment_left div.com_points { font-size: 14px; }
	div.comment div.comment_one div.comment_left div.stars { overflow: hidden; }
	div.comment div.comment_one div.comment_left div.stars img.star { width: 16px; height: 16px; vertical-align: middle; margin: -3px; }
	div.comment div.comment_one div.comment_right { width: 690px; float: right; }
	div.comment div.comment_one div.comment_right div.nick_comment { padding: 0px 10px 3px 0px; border-bottom: 1px solid #e5e5e5; font-size: 16px;margin-bottom: 5px; }
	div.comment div.comment_one div.comment_right div.nick_comment span.alert { float: right; font-weight: 100; }
	div.comment div.comment_one div.comment_right div.nick_comment span.alert a.edit { font-weight: 100; font-family: var(--rubik-l); color: var(--red); }
	div.comment div.comment_one div.comment_right div.nick_comment span.com_date { margin-right: 15px; font-size: 12px; }
	div.comment div.comment_one div.comment_right div.nick_comment span.com_one { margin-right: 15px; }
	div.comment div.comment_one div.comment_right div.nick_comment span.com_one a.users { color: #666; font-family: var(--raj-m); font-weight: 700; }
	div.comment div.comment_one div.comment_right div.nick_comment span.com_one a.users:hover { color: #000; text-decoration: underline; }
	div.comment div.comment_one div.comment_right div.text_comment { color: var(--text-post); margin: 10px auto; text-align: justify;         padding: 0px 10px 10px 0px; }
	
	div.images { border-bottom: 1px solid #e5e5e5; overflow: hidden; }
	div.images div.image_one { padding: 5px; margin: 5px; float: left; width: 195px; height: auto; overflow: hidden; }
	div.images div.image_one div.photo { width:100%; height: 200px; overflow: hidden; }
	div.images div.image_one div.photo img.user_p { width: 100%; height: 100%; }
	div.images div.image_one div.links_p { padding: 5px; text-align: center; }
	div.images div.image_one div.links_p a.link { margin: 5px; }
	
	div.comenty_user { margin: 10px auto; overflow: hidden; }
	div.comenty_user div.cu { padding: 10px 7px 5px 7px; border: 1px dotted #e5e5e5; margin-bottom: 5px;  background: var(--white); overflow: hidden; }
	div.comenty_user div.cu div.image_cu { width: 110px; float: left; margin-right: 10px; overflow: hidden; }
	div.comenty_user div.cu div.image_cu img.cu { width: 100%; height: 100px; }
	div.comenty_user div.cu div.comment_cu { text-align: justify; color: var(--text-post); padding: 0px 10px; width: 83%; float: right; overflow: hidden; }
	div.comenty_user div.cu div.comment_cu div.one_cu div.title_cu { color: #000; }
	div.comenty_user div.cu div.comment_cu div.links_cu { display: grid; grid-template-columns: auto auto auto auto; text-align: center; overflow: hidden; margin-top: 10px; font-size: 12pt}
	
	div.myname { padding: 25px; text-align: justify; color: var(--text-post); }
	
}
@media (max-width: 1200px) and (min-width: 550px) {
	
	.pc { display: none }
	.reveal-modal { width: 550px; top: 25%; }
	.text_tops { text-align: justify; line-height: 32px; color: #959595; margin: 15px; }
	
	div.linki { background: #000; padding: 10px; overflow: hidden; }
	div.linki div.linki_top { max-width: 1100px; margin: 0 auto; color: #fff; display: grid; grid-template-columns: auto auto; text-align: center; }
	div.linki div.linki_top div.link_one { width: auto; }
	div.linki div.linki_top div.link_one a.link { color: #fff; }
	div.linki div.linki_top div.link_one a.link:hover { text-decoration: underline; }
	
	header.header { padding: 10px; background: linear-gradient(180deg, #242424, #0f0f0f); border-bottom: 1px solid #333; overflow: hidden; }
	header.header div.header_top { width: 100%; margin: 0 auto; overflow: hidden; }
	header.header div.header_top div.header_left { width: 40%; float: left; }
	header.header div.header_top div.header_left div.logo { overflow: hidden; }
	header.header div.header_top div.header_left div.logo img.logo { width: 40px; height: 40px; vertical-align: middle; margin: -5px 5px 0px 5px }
	header.header div.header_top div.header_left div.logo a.logo { font-family: var(--rubik-l); color: #fff; font-size: 30px; }
	header.header div.header_top div.header_left div.logo a.logo:hover { text-decoration: none; }
	header.header div.header_top div.header_cent { width: 450px; float: left; }
	header.header div.header_top div.header_cent div.icons { padding: 10px; text-align: center; }
	header.header div.header_top div.header_right { width: 40%; float: right; text-align: right; }
	header.header div.header_top div.header_right div.login { overflow: hidden; }
	header.header div.header_top div.header_right div.login img.av { width: 40px; height: 40px; vertical-align: middle; margin: 0px 0px 5px 10px; border: 2px solid var(--greenw); }
	header.header div.header_top div.header_right div.login {padding: 5px; color: #fff; }
	header.header div.header_top div.header_right div.login span.buttons a.login { font-size: 14px; color: #fff; background: linear-gradient(180deg, #52ff00, #127802); padding: 5px 20px; font-family: var(--rubik); }
	header.header div.header_top div.header_right div.login button.login { color: var(--white); font-family: var(--popins-l); font-size: 12pt; background: 0; border: 0; cursor: pointer; }
	
	div.city_panel { width: 95%; padding: 10px; margin: 0px auto 5px auto; display: none; overflow: hidden; }
	div.city_panel div.one_top_panel { width: auto; margin: 0 auto; overflow: hidden; }
	div.city_panel div.one_top_panel div.menu_cat { display: grid; grid-template-columns: auto auto; }
	div.city_panel div.one_top_panel div.menu_cat div.one_cat { padding: 5px; margin: 5px; background: #fff; border: 1px dotted #e1e1e1; }
	div.city_panel div.one_top_panel div.menu_cat div.one_cat img.menu { width: 20px; height: 20px; vertical-align: middle; margin: -4px 5px 0px 5px }
	div.city_panel div.one_top_panel div.menu_cat div.one_cat a.menu { color: #666; font-family: var(--popins-l); font-size: 12pt; }
	div.city_panel div.one_top_panel div.menu_city { display: grid; grid-template-columns: auto auto auto; }
	div.city_panel div.one_top_panel div.menu_city div.one_cat { padding: 5px; margin: 5px; background: #1a1a1a; border: 1px solid #333; }
	div.city_panel div.one_top_panel div.menu_city div.one_cat img.menu { width: 20px; height: 20px; vertical-align: middle; margin: -4px 5px 0px 5px }
	div.city_panel div.one_top_panel div.button { padding: 10px; text-align: center; margin: 10px; }
	div.city_panel div.one_top_panel div.button button.hide { background: linear-gradient(180deg, #4fff00, #489900); padding: 5px 15px; border: 1px solid var(--greenw); font-family: var(--popins-l); font-size: 10pt; color: var(--white); cursor: pointer; }
	div.city_panel div.one_top_panel div.menu_cat div.one_cat span.ile { float: right; font-size: 14px; padding: 5px; color: var(--text-post); }
	
	div.navigation { width: 95%; margin: 0 auto; font-size: 12pt; overflow: hidden; }
	div.navigation span.l { margin-right: 5px; }
	div.navigation span.l a.linknav { font-weight: 700; color: #666; }
	
	div.site { width: 100%; margin: 0 auto; overflow: hidden; }
	div.site div.site_left { width: 95%; margin: 0 auto; }
	div.site div.site_right { width: 95%; margin: 0 auto; }
	
	div.big_panel { width: 100%; height: 350px; margin-bottom: 10px; overflow: hidden; }
	div.big_panel img.big { width: 100%; min-height: 100%; }
	div.big_panel div.text_infos { display: flex; width: 97%; position: absolute; color: #fff; }
	div.big_panel div.text_infos div.one { margin-top: 240px; background: linear-gradient(180deg, #00000016, #000000a6, #000); width: 97%; height: 110px;  }
	div.big_panel div.text_infos div.one div.one_title_one { padding-left: 30px; height: 52px; margin-bottom: 10px; font-size: 30px; font-family: var(--wotreg); }
	div.big_panel div.text_infos div.one div.infos_one { padding: 0px 30px; font-size: 16px; }
	div.big_panel div.text_infos div.one div.infos_one span.r { float: right; font-family: var(--wotreg); font-size: 10pt; padding: 5px; margin-left: 15px; }
	div.big_panel div.text_infos div.one div.infos_one span.l { float: left; font-size: 10pt; padding: 2px 5px 0px 0px;; font-family: var(--wotreg); }
	div.big_panel div.text_infos div.one div.infos_one span.r img.stat { width: 16px; height: 16px; vertical-align: middle; margin: -4px 10px 0px 6px }
	
	div.bans { width: 100%; overflow: hidden; }
	div.bans img { width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
	
	div.posts { overflow: hidden; }
	div.posts div.post_one { background: #fff; margin-bottom: 10px; overflow: hidden; }
	div.posts div.post_one div.image { width: 120px; height: 137px; float: left; margin-right: 10px; }
	div.posts div.post_one div.image img.image { width: 100%; min-height: 100%; }
	div.posts div.post_one div.stats { overflow: hidden; }
	div.posts div.post_one div.stats div.one_stat { margin-top: 10px; }
	div.posts div.post_one div.stats div.one_stat div.buttons { overflow: hidden; }
	div.posts div.post_one div.stats div.one_stat div.buttons span.right { float: right; font-size: 14px; color: #666; margin-right: 10px; padding: 5px; }
	div.posts div.post_one div.stats div.one_stat div.buttons span.left { }
	div.posts div.post_one div.stats div.one_stat div.buttons span.left a.buttons { padding: 5px 10px; color: #fff; font-size: 14px; font-family: var(--rubik); }
	div.posts div.post_one div.stats div.one_stat div.title_post { margin-top: 5px; height: 60px; overflow: hidden; }
	div.posts div.post_one div.stats div.one_stat div.title_post a.title { color: #666; font-family: var(--wotreg); }
	div.posts div.post_one div.stats div.one_stat div.title_post a.title:hover { text-decoration: underline; color: #000; }
	div.posts div.post_one div.stats div.one_stat div.text_post { color: var(--text-post); text-align: justify; padding: 5px 15px 5px 0px; font-size: 13pt; height: 120px; }
	div.posts div.post_one div.stats div.one_stat div.date { float: right; font-size: 14px; color: #666; margin-right: 15px; }
	div.posts div.post_one div.stats div.one_stat div.date span.ll { margin-left: 10px; }
	div.posts div.post_one div.stats div.one_stat div.date span.ll img.stat { vertical-align: middle; margin: -5px 5px 0px 6px; }
	
	div.users_panel { overflow: hidden }
	div.users_panel div.user_one { background: var(--white); display: flex; margin-bottom: 10px; padding: 10px; }
	div.users_panel div.user_one div.image { width: 50px; height: 50px; float: left; margin-right: 10px; border: 2px solid var(--greenw); }
	div.users_panel div.user_one div.image img.image { width: 100%; height: 100%; }
	div.users_panel div.user_one div.nick { display: flex; height: 50px; margin: 0px 10px; width: 72%; }
	div.users_panel div.user_one div.nick div.inner { align-self: center; width: 100%; }
	div.users_panel div.user_one div.nick div.inner a.nick { color: #000; font-family: var(--rubik); font-size: 16px; }
	div.users_panel div.user_one div.nick div.inner span.comment { float: right; color: var(--text-post); font-size: 16px; padding: 2px; }
	
	div.panels { display: grid; grid-template-columns: auto auto; overflow: hidden; }
	div.panels div.panel_one_bottom { padding: 5px; background: #fff; margin: 5px; text-align: center; overflow: hidden; }
	div.panels div.panel_one_bottom div.panel_image { width: 100%; height: 180px; margin-bottom: 10px; overflow: hidden; }
	div.panels div.panel_one_bottom div.panel_image img.img { width: 100%; min-height: 100%; }
	div.panels div.panel_one_bottom div.panel_links { margin-bottom: 5px; height: 30px; overflow: hidden; }
	div.panels div.panel_one_bottom div.panel_links a.link { color: #666; }
	div.panels div.panel_one_bottom div.panel_links a.link:hover { color: #000; text-decoration: underline; }
	div.panels div.panel_one_bottom div.infos { padding: 10px 0px 0px 0px; font-size: 14px; border-top: 1px dotted #e5e5e5; color: var(--text-post); }
	div.panels div.panel_one_bottom div.infos span.inf { margin: 5px; }
	
	div.author { padding: 10px; background: linear-gradient(180deg, #f5f5f5, #fff); border-bottom: 1px dotted #fbfbfb; margin-bottom: 10px; overflow: hidden; }
	div.author div.image_a { width: 40px; height: 40px; border: 2px solid var(--greenw); float: left; margin-right: 10px; overflow: hidden; }
	div.author div.image_a img.author { width: 100%; min-height: 100%; }
	div.author div.stats_author { display: flex; height: 44px; overflow: hidden; }
	div.author div.stats_author div.nick { width: 100%; align-self: center; }
	div.author div.stats_author div.nick span.posts_r { float: right; font-size: 12pt; color: var(--text-post); }
	div.author div.stats_author div.nick span.posts_l { font-family: var(--rubik); font-size: 12pt }
	div.author div.stats_author div.nick span.posts_l span.points { margin: 10px; }
	div.author div.stats_author div.nick span.posts_l a.nick { color: #666; }
	div.author div.stats_author div.nick span.posts_l a.nick:hover { text-decoration: underline; color: #000; }
	div.author div.stats_author div.nick span.data { font-size: 12px; margin-top: -10px; }
	
	div.panel div.image { max-width: 300px; padding: 15px; margin: 0 auto; text-align: center; overflow: hidden; }
	div.panel div.image img.image { width: 100%; height: auto; }
	div.panel div.title_image { padding: 10px; margin: 15px; text-align: center; background: #f3f3f3; border: 1px dotted #a9a9a9; overflow: hidden; }
	div.panel div.title_image h2 { text-shadow: 1px 1px 14px #fff; font-size: 20px; }
	div.panel div.text_image { padding: 10px 24px 5px 24px; text-align: justify; color: var(--text-post); }
	div.link_info { padding: 0px 0px 0px 25px; margin-bottom: 10px; }
	
	div.comment { overflow: hidden; }
	div.comment div.comment_one { background: #fff; margin-bottom: 10px; padding: 10px; overflow: hidden; }
	div.comment div.comment_one div.comment_left { width: 135px; float: left; margin-right: 10px; text-align: center; overflow: hidden; }
	div.comment div.comment_one div.comment_left div.com_image { width: 90px; height: 90px; text-align: center; margin: 0 auto;overflow: hidden; }
	div.comment div.comment_one div.comment_left div.com_image img.img { width: 100%; height: 100%; }
	div.comment div.comment_one div.comment_left div.com_nick { font-size: 14px; }
	div.comment div.comment_one div.comment_left div.com_points { font-size: 14px; }
	div.comment div.comment_one div.comment_right { width: auto; }
	div.comment div.comment_one div.comment_right div.nick_comment { padding: 0px 10px 3px 0px; border-bottom: 1px solid #e5e5e5; font-size: 16px;margin-bottom: 5px; }
	div.comment div.comment_one div.comment_right div.nick_comment span.alert { float: right; font-weight: 100; }
	div.comment div.comment_one div.comment_right div.nick_comment span.alert a.edit { font-weight: 100; font-family: var(--rubik-l); color: var(--red); }
	div.comment div.comment_one div.comment_right div.nick_comment span.com_date { margin-right: 15px; font-size: 12px; }
	div.comment div.comment_one div.comment_right div.nick_comment span.com_one { margin-right: 15px; }
	div.comment div.comment_one div.comment_right div.nick_comment span.com_one a.users { color: #666; font-family: var(--raj-m); font-weight: 700; }
	div.comment div.comment_one div.comment_right div.nick_comment span.com_one a.users:hover { color: #000; text-decoration: underline; }
	div.comment div.comment_one div.comment_right div.text_comment { color: var(--text-post); margin: 10px auto; text-align: justify;         padding: 0px 10px 10px 0px; }
	
	div.images { border-bottom: 1px solid #e5e5e5; overflow: hidden; }
	div.images div.image_one { padding: 5px; margin: 5px; float: left; width: 45%; height: auto; overflow: hidden; }
	div.images div.image_one div.photo { width:100%; height: 200px; overflow: hidden; }
	div.images div.image_one div.photo img.user_p { width: 100%; height: 100%; }
	div.images div.image_one div.links_p { padding: 5px; text-align: center; }
	div.images div.image_one div.links_p a.link { margin: 5px; }
	
	div.comenty_user { margin: 10px auto; overflow: hidden; }
	div.comenty_user div.cu { padding: 10px 7px 5px 7px; border: 1px dotted #e5e5e5; margin-bottom: 5px;  background: var(--white); overflow: hidden; }
	div.comenty_user div.cu div.image_cu { width: 110px; float: left; margin-right: 10px; overflow: hidden; }
	div.comenty_user div.cu div.image_cu img.cu { width: 100%; height: 100px; }
	div.comenty_user div.cu div.comment_cu { text-align: justify; color: var(--text-post); padding: 0px 10px; width: 78%; float: right; overflow: hidden; }
	div.comenty_user div.cu div.comment_cu div.one_cu div.title_cu { color: #000; }
	div.comenty_user div.cu div.comment_cu div.links_cu { display: grid; grid-template-columns: auto auto auto auto; text-align: center; overflow: hidden; margin-top: 10px; font-size: 12pt}
	div.myname { padding: 25px; text-align: justify; color: var(--text-post); }
	
	
	
}
@media (max-width: 550px) {
	
	.pc { display: none; }
	.reveal-modal { width: 99%; top: 22%; }
	.text_tops { text-align: justify; line-height: 32px; color: #959595; margin: 15px; }
	
	div.linki { background: #000; padding: 10px; overflow: hidden; }
	div.linki div.linki_top { max-width: 1100px; margin: 0 auto; color: #fff; display: grid; grid-template-columns: auto; text-align: center; }
	div.linki div.linki_top div.link_one { width: auto; }
	div.linki div.linki_top div.link_one a.link { color: #fff; }
	div.linki div.linki_top div.link_one a.link:hover { text-decoration: underline; }
	
	header.header { padding: 10px; background: linear-gradient(180deg, #242424, #0f0f0f); border-bottom: 1px solid #333; overflow: hidden; }
	header.header div.header_top { width: 100%; margin: 0 auto; overflow: hidden; }
	header.header div.header_top div.header_left { width: 40%; float: left; }
	header.header div.header_top div.header_left div.logo { overflow: hidden; }
	header.header div.header_top div.header_left div.logo img.logo { width: 40px; height: 40px; vertical-align: middle; margin: -5px 5px 0px 5px }
	header.header div.header_top div.header_left div.logo a.logo { font-family: var(--rubik-l); color: #fff; font-size: 30px; }
	header.header div.header_top div.header_left div.logo a.logo:hover { text-decoration: none; }
	header.header div.header_top div.header_cent { width: 450px; float: left; }
	header.header div.header_top div.header_cent div.icons { padding: 10px; text-align: center; }
	header.header div.header_top div.header_right { width: 40%; float: right; text-align: right; }
	header.header div.header_top div.header_right div.login { overflow: hidden; }
	header.header div.header_top div.header_right div.login img.av { width: 40px; height: 40px; vertical-align: middle; margin: 0px 0px 5px 10px; border: 2px solid var(--greenw); }
	header.header div.header_top div.header_right div.login {padding: 5px; color: #fff; }
	header.header div.header_top div.header_right div.login span.buttons a.login { font-size: 14px; color: #fff; background: linear-gradient(180deg, #52ff00, #127802); padding: 5px 20px; font-family: var(--rubik); }
	header.header div.header_top div.header_right div.login button.login { color: var(--white); font-family: var(--popins-l); font-size: 12pt; background: 0; border: 0; cursor: pointer; }
	
	div.city_panel { width: 95%; padding: 10px; margin: 0px auto 5px auto; display: none; overflow: hidden; }
	div.city_panel div.one_top_panel { width: auto; margin: 0 auto; overflow: hidden; }
	div.city_panel div.one_top_panel div.menu_cat { display: grid; grid-template-columns: auto auto; }
	div.city_panel div.one_top_panel div.menu_cat div.one_cat { padding: 5px; margin: 5px; background: #fff; border: 1px dotted #e1e1e1; }
	div.city_panel div.one_top_panel div.menu_cat div.one_cat img.menu { width: 20px; height: 20px; vertical-align: middle; margin: -4px 5px 0px 5px }
	div.city_panel div.one_top_panel div.menu_cat div.one_cat a.menu { color: #666; font-family: var(--popins-l); font-size: 12pt; }
	div.city_panel div.one_top_panel div.menu_city { display: grid; grid-template-columns: auto auto auto; }
	div.city_panel div.one_top_panel div.menu_city div.one_cat { padding: 5px; margin: 5px; background: #1a1a1a; border: 1px solid #333; }
	div.city_panel div.one_top_panel div.menu_city div.one_cat img.menu { width: 20px; height: 20px; vertical-align: middle; margin: -4px 5px 0px 5px }
	div.city_panel div.one_top_panel div.button { padding: 10px; text-align: center; margin: 10px; }
	div.city_panel div.one_top_panel div.button button.hide { background: linear-gradient(180deg, #4fff00, #489900); padding: 5px 15px; border: 1px solid var(--greenw); font-family: var(--popins-l); font-size: 10pt; color: var(--white); cursor: pointer; }
	div.city_panel div.one_top_panel div.menu_cat div.one_cat span.ile { float: right; font-size: 14px; padding: 5px; color: var(--text-post); }
	
	div.navigation { width: 95%; margin: 0 auto; font-size: 12pt; overflow: hidden; }
	div.navigation span.l { margin-right: 5px; }
	div.navigation span.l a.linknav { font-weight: 700; color: #666; }
	
	div.site { width: 100%; margin: 0 auto; overflow: hidden; }
	div.site div.site_left { width: 95%; margin: 0 auto; }
	div.site div.site_right { width: 95%; margin: 0 auto; }
	
	div.big_panel { width: 100%; height: 350px; margin-bottom: 10px; overflow: hidden; }
	div.big_panel img.big { width: 100%; min-height: 100%; }
	div.big_panel div.text_infos { display: flex; width: 97%; position: absolute; color: #fff; }
	div.big_panel div.text_infos div.one { margin-top: 240px; background: linear-gradient(180deg, #00000016, #000000a6, #000); width: 97%; height: 110px;  }
	div.big_panel div.text_infos div.one div.one_title_one { padding-left: 30px; height: 52px; margin-bottom: 10px; font-size: 30px; font-family: var(--wotreg); overflow: hidden; }
	div.big_panel div.text_infos div.one div.infos_one { padding: 0px 30px; font-size: 16px; }
	div.big_panel div.text_infos div.one div.infos_one span.r { float: right; font-family: var(--wotreg); font-size: 10pt; padding: 5px; margin-left: 15px; }
	div.big_panel div.text_infos div.one div.infos_one span.l { float: left; font-size: 10pt; padding: 2px 5px 0px 0px;; font-family: var(--wotreg); }
	div.big_panel div.text_infos div.one div.infos_one span.r img.stat { width: 16px; height: 16px; vertical-align: middle; margin: -4px 10px 0px 6px }
	
	div.bans { width: 100%; overflow: hidden; }
	div.bans img { width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
	
	div.posts { overflow: hidden; }
	div.posts div.post_one { background: #fff; margin-bottom: 10px; overflow: hidden; }
	div.posts div.post_one div.image { width: 120px; height: 137px; float: left; margin-right: 10px; }
	div.posts div.post_one div.image img.image { width: 100%; min-height: 100%; }
	div.posts div.post_one div.stats { overflow: hidden; }
	div.posts div.post_one div.stats div.one_stat { margin-top: 10px; }
	div.posts div.post_one div.stats div.one_stat div.buttons { overflow: hidden; }
	div.posts div.post_one div.stats div.one_stat div.buttons span.right { float: right; font-size: 14px; color: #666; margin-right: 10px; padding: 5px; }
	div.posts div.post_one div.stats div.one_stat div.buttons span.left { }
	div.posts div.post_one div.stats div.one_stat div.buttons span.left a.buttons { padding: 5px 10px; color: #fff; font-size: 14px; font-family: var(--rubik); }
	div.posts div.post_one div.stats div.one_stat div.title_post { margin-top: 5px; height: 60px; overflow: hidden; }
	div.posts div.post_one div.stats div.one_stat div.title_post a.title { color: #666; font-family: var(--wotreg); }
	div.posts div.post_one div.stats div.one_stat div.title_post a.title:hover { text-decoration: underline; color: #000; }
	div.posts div.post_one div.stats div.one_stat div.text_post { color: var(--text-post); text-align: justify; padding: 5px 15px 5px 0px; font-size: 13pt; height: 120px; }
	div.posts div.post_one div.stats div.one_stat div.date { float: right; font-size: 14px; color: #666; margin-right: 15px; }
	div.posts div.post_one div.stats div.one_stat div.date span.ll { margin-left: 10px; }
	div.posts div.post_one div.stats div.one_stat div.date span.ll img.stat { vertical-align: middle; margin: -5px 5px 0px 6px; }
	
	div.users_panel { overflow: hidden }
	div.users_panel div.user_one { background: var(--white); display: flex; margin-bottom: 10px; padding: 10px; }
	div.users_panel div.user_one div.image { width: 50px; height: 50px; float: left; margin-right: 10px; border: 2px solid var(--greenw); }
	div.users_panel div.user_one div.image img.image { width: 100%; height: 100%; }
	div.users_panel div.user_one div.nick { display: flex; height: 50px; margin: 0px 10px; width: 72%; }
	div.users_panel div.user_one div.nick div.inner { align-self: center; width: 100%; }
	div.users_panel div.user_one div.nick div.inner a.nick { color: #000; font-family: var(--rubik); font-size: 16px; }
	div.users_panel div.user_one div.nick div.inner span.comment { float: right; color: var(--text-post); font-size: 16px; padding: 2px; }
	
	div.panels { display: grid; grid-template-columns: auto; overflow: hidden; }
	div.panels div.panel_one_bottom { padding: 5px; background: #fff; margin: 5px; text-align: center; overflow: hidden; }
	div.panels div.panel_one_bottom div.panel_image { width: 100%; height: 180px; margin-bottom: 10px; overflow: hidden; }
	div.panels div.panel_one_bottom div.panel_image img.img { width: 100%; min-height: 100%; }
	div.panels div.panel_one_bottom div.panel_links { margin-bottom: 5px; height: 30px; overflow: hidden; }
	div.panels div.panel_one_bottom div.panel_links a.link { color: #666; }
	div.panels div.panel_one_bottom div.panel_links a.link:hover { color: #000; text-decoration: underline; }
	div.panels div.panel_one_bottom div.infos { padding: 10px 0px 0px 0px; font-size: 14px; border-top: 1px dotted #e5e5e5; color: var(--text-post); }
	div.panels div.panel_one_bottom div.infos span.inf { margin: 5px; }
	
	div.author { padding: 10px; background: linear-gradient(180deg, #f5f5f5, #fff); border-bottom: 1px dotted #fbfbfb; margin-bottom: 10px; overflow: hidden; }
	div.author div.image_a { width: 40px; height: 40px; border: 2px solid var(--greenw); float: left; margin-right: 10px; overflow: hidden; }
	div.author div.image_a img.author { width: 100%; min-height: 100%; }
	div.author div.stats_author { display: flex; height: 44px; overflow: hidden; }
	div.author div.stats_author div.nick { width: 100%; align-self: center; }
	div.author div.stats_author div.nick span.posts_r { float: right; font-size: 12pt; color: var(--text-post); }
	div.author div.stats_author div.nick span.posts_l { font-family: var(--rubik); font-size: 12pt }
	div.author div.stats_author div.nick span.posts_l span.points { margin: 10px; }
	div.author div.stats_author div.nick span.posts_l a.nick { color: #666; }
	div.author div.stats_author div.nick span.posts_l a.nick:hover { text-decoration: underline; color: #000; }
	div.author div.stats_author div.nick span.data { font-size: 12px; margin-top: -10px; }
	
	div.panel div.image { max-width: 250px; padding: 15px; margin: 0 auto; text-align: center; overflow: hidden; }
	div.panel div.image img.image { width: 100%; height: auto; }
	div.panel div.title_image { padding: 10px; margin: 15px; text-align: center; background: #f3f3f3; border: 1px dotted #a9a9a9; overflow: hidden; }
	div.panel div.title_image h2 { text-shadow: 1px 1px 14px #fff; font-size: 20px; }
	div.panel div.text_image { padding: 10px 24px 5px 24px; text-align: justify; color: var(--text-post); }
	div.link_info { padding: 0px 0px 0px 25px; margin-bottom: 10px; }
	
	div.comment { overflow: hidden; }
	div.comment div.comment_one { background: #fff; margin-bottom: 10px; padding: 10px; overflow: hidden; }
	div.comment div.comment_one div.comment_left { width: 135px; float: left; margin-right: 10px; text-align: center; overflow: hidden; }
	div.comment div.comment_one div.comment_left div.com_image { width: 90px; height: 90px; text-align: center; margin: 0 auto;overflow: hidden; }
	div.comment div.comment_one div.comment_left div.com_image img.img { width: 100%; height: 100%; }
	div.comment div.comment_one div.comment_left div.com_nick { font-size: 14px; }
	div.comment div.comment_one div.comment_left div.com_points { font-size: 14px; }
	div.comment div.comment_one div.comment_right { width: auto; }
	div.comment div.comment_one div.comment_right div.nick_comment { padding: 0px 10px 3px 0px; border-bottom: 1px solid #e5e5e5; font-size: 16px;margin-bottom: 5px; }
	div.comment div.comment_one div.comment_right div.nick_comment span.alert { float: right; font-weight: 100; }
	div.comment div.comment_one div.comment_right div.nick_comment span.alert a.edit { font-weight: 100; font-family: var(--rubik-l); color: var(--red); }
	div.comment div.comment_one div.comment_right div.nick_comment span.com_date { margin-right: 15px; font-size: 12px; }
	div.comment div.comment_one div.comment_right div.nick_comment span.com_one { margin-right: 15px; }
	div.comment div.comment_one div.comment_right div.nick_comment span.com_one a.users { color: #666; font-family: var(--raj-m); font-weight: 700; }
	div.comment div.comment_one div.comment_right div.nick_comment span.com_one a.users:hover { color: #000; text-decoration: underline; }
	div.comment div.comment_one div.comment_right div.text_comment { color: var(--text-post); margin: 10px auto; text-align: justify;         padding: 0px 10px 10px 0px; }
	
	div.images { border-bottom: 1px solid #e5e5e5; overflow: hidden; }
	div.images div.image_one { padding: 5px; margin: 5px; float: left; width: 45%; height: auto; overflow: hidden; }
	div.images div.image_one div.photo { width:100%; height: 200px; overflow: hidden; }
	div.images div.image_one div.photo img.user_p { width: 100%; height: 100%; }
	div.images div.image_one div.links_p { padding: 5px; text-align: center; }
	div.images div.image_one div.links_p a.link { margin: 5px; }
	
	div.comenty_user { margin: 10px auto; overflow: hidden; }
	div.comenty_user div.cu { padding: 10px 7px 5px 7px; border: 1px dotted #e5e5e5; margin-bottom: 5px;  background: var(--white); overflow: hidden; }
	div.comenty_user div.cu div.image_cu { width: 110px; float: left; margin-right: 10px; overflow: hidden; }
	div.comenty_user div.cu div.image_cu img.cu { width: 100%; height: 100px; }
	div.comenty_user div.cu div.comment_cu { text-align: justify; color: var(--text-post); padding: 0px 10px; width: 66%; float: right; overflow: hidden; }
	div.comenty_user div.cu div.comment_cu div.one_cu div.title_cu { color: #000; }
	div.comenty_user div.cu div.comment_cu div.links_cu { display: grid; grid-template-columns: auto auto; text-align: center; overflow: hidden; margin-top: 10px; font-size: 12pt}
	div.myname { padding: 25px; text-align: justify; color: var(--text-post); }
	
}

:root { 
	--main-bg: #f5f5f5;
	--header: #000;
	
	--greenw: #00d316;
	--white: #fff;
	
	--buttonbg: #ff1d5b;
	--panel: #1e1e1e;
	--panel-top: #131313;
	--panelik: #151515;
	--link-o: #1a6a9b;
	--link-b: #3498db;
	
	--text-post: #a9a9a9;
	
	--sex: #1d1d1d;
	--main-color: #666;
    --heading-color: #1d1d1d;
    --paragraph-color: #383838;
    --heading-font: "Popins", sans-serif;
    --body-font: "PopinsL", sans-serif;
	--popins-l: "PopinsL", sans-serif;
	--popins-m: "PopinsM", sans-serif;
	--popins: "Popins", sans-serif;
	--popins-t: "PopinsT", sans-serif;
	--popins-bl: "PopinsBL", sans-serif;
	--roboto-l: "RobotoL", sans-serif;
	--roboto-m: "RobotoM", sans-serif;
	--roboto-t: "RobotoT", sans-serif;
	--raj-l: "RajL", sans-serif;
	--raj-m: "RajM", sans-serif;
	--raj-b: "Raj", sans-serif;
	--rubik: "Rubik", sans-serif;
	--rubik-l: "RubikL", sans-serif;
	--rubik-b: "RubikB", sans-serif;
	--rubik-i: "RubikI", sans-serif;
	--wotreg: "Wot Regular", sans-serif;
	--wotbold: "Wot Bold", sans-serif;
	
    --body-font-size: 12pt;
    --line-height30: 1.6;
	
	--blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #d800f9;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
	--greenw: #36c942;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
}

.color_full { background: linear-gradient(360deg, #6b1fff, #a97dff); color: #fff; border: 1px solid #6b0eff; }
.color_full:hover { color: #fff; }
.color_mini { border: 2px solid #6b0eff; color: #fff; }
.color_mini:hover { color: #fff; }
.color_login { border: 2px solid #6b0eff; color: #000; }
.color_login:hover { color: #000; }
.color_belka { background: #ffc107; color: #fff; }
.color_belka h1 { color: #fff; }
/* koniec Wyskakującego Okienka */


div.user_button { padding: 10px; margin: 10px; display: grid; grid-template-columns: auto auto auto; overflow: hidden; }
div.user_button div.button_one_u { text-align: center; }
div.user_button div.button_one_u a.button_u { font-size: 14px; color: #fff; background: linear-gradient(180deg, #52ff00, #127802); padding: 10px 20px; font-family: var(--rubik); }

div.site_title { padding: 10px; background: linear-gradient(180deg, #e5e5e5, #fff); border-bottom: 1px solid #e5e5e5; box-shadow: 1px 6px 12px #dbdbdb; overflow: hidden; }
div.site_title div.site_title_cent { max-width: 1200px; margin: 0 auto; }

div.panel_right div.panel_text_p { text-align: justify; color: #666; padding: 15px; overflow: hidden; }
div.panel_right div.buttons { padding: 5px; text-align: center; margin-bottom: 10px; overflow: hidden; }
div.panel_right div.buttons a.button { padding: 10px 24px; color: var(--white); font-family: var(--raj-m); background: linear-gradient(180deg, #ff0000, #6f0000); font-size: 12pt; }

div.navigation { max-width: 1200px; margin: 10px auto; overflow: hidden; }
div.navigation div.top_navi {  }

div.pagination { padding: 10px; overflow: hidden; }
div.pagination div.pages { text-align: center; }
div.pagination div.pages a.page-link { background: linear-gradient(180deg, #e5e5e5, #fff); border: 1px solid #e5e5e5; padding: 5px 15px; color: #000; font-size: 16px; font-family: var(--rubik); }

div.ad { padding: 10px; background: #fff; text-align: center; overflow: hidden; }
div.ad img { margin-top: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

div.panel_title { margin: 10px auto; padding: 5px 10px; color: #000; font-family: var(--rubik); border-bottom: 1px dotted #cfcfcf; }
div.panel_title span.add_comment { margin-left: 25px; }
div.panel_title span.add_comment a.comm { font-size: 14px; color: #989898; }
div.panel_title span.add_comment a.comm:hover { color: var(--black); text-decoration: underline; }
div.panel_title span.r_title { float: right; color: var(--text-post); font-size: 12pt; }
div.panel_title img.com { width: 20px; height: 20px; vertical-align: middle; margin: -4px 5px 0px 8px; }
div.panel_title span.link { float: right; }
div.panel_title span.link a.all { font-size: 14px; color: #989898; }
div.panel_title span.link a.all:hover { color: var(--black); text-decoration: underline; }

div.top_posts { overflow: hidden; }
div.top_posts div.top_post_one { padding: 5px; background: var(--white); margin-bottom: 10px; overflow: hidden; }
div.top_posts div.top_post_one div.image { width: 80px; height: 80px; float: right; margin-left: 15px; overflow: hidden; }
div.top_posts div.top_post_one div.image img.post { width: 100%; height: 100%; }
div.top_posts div.top_post_one div.text_post_one { padding: 10px; overflow: hidden; }
div.top_posts div.top_post_one div.text_post_one div.category {  }
div.top_posts div.top_post_one div.text_post_one div.category a.button { font-size: 14px; color: var(--white); font-family: var(--rubik); padding: 5px 10px; }
div.top_posts div.top_post_one div.text_post_one div.title a.post { font-family: var(--wotreg); color: #666; font-size: 20px; }
div.top_posts div.top_post_one div.text_post_one div.title a.post:hover { text-decoration: underline; color: #000; }

div.panel { background: var(--white); margin-bottom: 10px; overflow: hidden; }
div.panel div.buttons { padding: 5px; text-align: center; margin-bottom: 10px; overflow: hidden; }
div.panel div.buttons div.price_one { margin-bottom: 5px; }
div.panel div.buttons a.button { padding: 10px 24px; color: var(--white); font-family: var(--raj-m); background: linear-gradient(180deg, #ff0000, #6f0000); font-size: 12pt; }

div.shared { max-width: 400px; margin: 0 auto; text-align: center; padding: 10px; font-family: var(--rubik-l); overflow: hidden; }
div.shared div.shared_one { border: 1px dotted #cfcfcf; padding: 10px; overflow: hidden; }
div.shared div.shared_one span.red_i { font-family: var(--rubik-l); font-weight: 100; }
div.shared div.shared_one img.shared { width: 24px; height: 24px; vertical-align: middle; margin: -4px 5px 0px 6px; }

div.add_comment { background: var(--white); margin-bottom: 10px; padding: 10px; overflow: hidden }
div.add_comment div.one_add { overflow: hidden; }
div.add_comment div.one_add_text { text-align: justify; color: var(--text-post); padding: 10px 76px; overflow: hidden; }
div.add_comment div.one_add textarea.text_area { padding: 5px; border: 1px solid #e5e5e5; width: 97%; height: 100px; outline: none; font-family: var(--rubik-l); }
div.add_comment div.two_add { overflow: hidden; }
div.add_comment div.two_add span.left_c { float: left; }
div.add_comment div.two_add span.left_c img { width: 100px; height: auto; vertical-align: middle; margin: 6px 0px 5px 0px; }
div.add_comment div.two_add span.left_c input.code { width: 100px; padding: 5px; outline: none; font-family: var(--rubik-l); border: 1px solid #e5e5e5; }
div.add_comment div.two_add span.right_c { float: right; }
div.add_comment div.two_add span.right_c input.button { padding: 5px 20px; border: 1px solid #e5e5e5; background: linear-gradient(180deg, #52ff00, #127802); color: #fff; cursor: pointer; }

div.add_post { margin: 20px 10px 20px 10px }
div.add_post div.title_adds, div.add_post div.cat_add, div.add_post div.text_add, div.add_post div.button_add { margin: 20px auto; overflow: hidden; }
div.add_post div.title_adds div.input { max-width: 94%; }
div.add_post div.title_adds div.input input.textbox { width: 100%; padding: 10px; border: 1px solid #e5e5e5; background: #f5f7f7; color: #666; font-family: var(--wotreg); font-size: 16px; }
div.add_post div.cat_add div.input { max-width: 94%; margin: 0 auto; }
div.add_post div.cat_add div.tits { width: 94%; margin: 0 auto; }
div.add_post div.cat_add div.input select.textbox { width: 100%; padding: 10px; border: 1px solid #e5e5e5; background: #f5f7f7; color: #666; font-family: var(--wotreg); font-size: 16px; }
div.add_post div.text_add div.tits { width: 94%; margin: 0 auto; }
div.add_post div.text_add div.input { max-width: 94%; margin: 0 auto; }
div.add_post div.text_add div.code { max-width: 94%; margin: 0 auto; }
div.add_post div.text_add div.input textarea.textbox { width: 97%; height: 150px; padding: 10px; border: 1px solid #e5e5e5; background: #f5f7f7; color: #666; font-family: var(--wotreg); font-size: 16px; }
div.add_post div.button_add  { width: 94%; margin: 0 auto; }
div.add_post div.button_add input.button { padding: 10px 20px; background: var(--greenw); color: #fff; border: none; cursor: pointer; font-size: 16px; }
div.code input.code { padding: 10px; border: 1px solid #e5e5e5; background: #f5f7f7; color: #666; font-family: var(--wotreg); font-size: 16px;  }
div.code img.code { vertical-align: middle; height: 40px; }

footer.footer { background: #000; text-align: center; padding: 25px; }
footer.footer div.footer_one { margin: 25px auto; color: #fff; }
footer.footer div.footer_one a.link { color: #fff; margin: 10px; }
footer.footer div.footer_two { margin: 25px auto; color: #fff; }
footer.footer div.footer_two a.link { color: #fff; margin: 10px; }