/*
Theme Name: b51
Theme URI: https://bloger51.com
Author: Serge Kalyuk
Author URI: https://kalyuk.com
Description: Modernized theme for Bloger51 based on NW3 Theme
Version: 1.0.1
License: GPL v2 or later
Text Domain: b51
*/

:root {
    --color-accent: #0050aa;
    --color-accent-bright: #006cf1;
    --serif: 'PT Serif', Georgia, serif;
    --sans: Tahoma, Arial, sans-serif;
}

/* ==========================================================================
   Fonts description 
   ========================================================================== */
@font-face {
	font-family: "PT Serif";
	font-style: normal;
	font-weight: 700;
	src: local("PT Serif Bold"), local("PTSerif-Bold"), url('images/qabk9ixt-lftj_dqzv7xpgob2ghztoqeulij-1lvl-8.woff') format("woff");
}
@font-face {
	font-family: "PT Serif";
	font-style: italic;
	font-weight: 400;
	src: local("PT Serif Italic"), local("PTSerif-Italic"), url('images/3nwg9vzlwlxpq3fnkwvrmbsxeywm7fgeyasgu71clg0.woff') format("woff");
}
@font-face {
	font-family: "PT Serif";
	font-style: normal;
	font-weight: 400;
	src: local("PT Serif"), local("PTSerif-Regular"), url('images/zjbckjs0be-lvm0teiv5vpeszw2xoq-xsnqo47m55da.woff') format("woff");
}

/* ==========================================================================
   Base Styles & Reset
   ========================================================================== */

   * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--serif);
    color: #262626;
    font-size: 15px;
    line-height: 1.6;
    background: #ffffff;
}
input[type=text],
input[type=email],
input[type=url],
input[type=search] {
    background: rgba(0,0,0,.04);
    height: 32px;
    box-shadow: inset 0 1px 8px rgba(0,0,0,0.06);
    border-radius: 6px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.2);
    min-width: 240px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus {
    outline: 2px solid var(--color-accent-bright);
    background: #fff;
}
/* ==========================================================================
   Typography
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0.4em;
}

h1 {
    font-size: 49px;
    line-height: 1;
}

h2 {
    font-size: 25px;
    margin-bottom: .8em;
}

h3 {
    font-size: 20px;
}

p {
    margin: 0 0 1em;
}

a {
    color: var(--color-accent);
    text-decoration: underline;
    transition: color 0.2s ease;
}

a:hover {
    color: #004099;
    text-decoration: none;
}

a:visited {
    color: #745cb8;
}

a:visited:hover {
    color: #543c98;
}

/* ==========================================================================
   meta-ui
   ========================================================================== */
.meta {
    margin-bottom: 1em;
}

.info {
    padding: .9em 1em 1em 3.4em;
    background: #f3f3f3;
    border-radius: 8px;
    font-weight: 400;
    margin: 1em 0;
    position: relative;
}
.info:before {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzNzdfNDM4OCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5IiBzdHlsZT0iZmlsbDojRDlEOUQ5O2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAwLjg1MTAgMC44NTEwIDAuODUxMCk7ZmlsbC1vcGFjaXR5OjE7Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMzc3XzQzODgpIj4KPHBhdGggZD0iTTIgMjJWNEMyIDMuNDUgMi4xOTU4MyAyLjk3OTE3IDIuNTg3NSAyLjU4NzVDMi45NzkxNyAyLjE5NTgzIDMuNDUgMiA0IDJIMjBDMjAuNTUgMiAyMS4wMjA4IDIuMTk1ODMgMjEuNDEyNSAyLjU4NzVDMjEuODA0MiAyLjk3OTE3IDIyIDMuNDUgMjIgNFYxNkMyMiAxNi41NSAyMS44MDQyIDE3LjAyMDggMjEuNDEyNSAxNy40MTI1QzIxLjAyMDggMTcuODA0MiAyMC41NSAxOCAyMCAxOEg2TDIgMjJaTTEyIDE1QzEyLjI4MzMgMTUgMTIuNTIwOCAxNC45MDQyIDEyLjcxMjUgMTQuNzEyNUMxMi45MDQyIDE0LjUyMDggMTMgMTQuMjgzMyAxMyAxNEMxMyAxMy43MTY3IDEyLjkwNDIgMTMuNDc5MiAxMi43MTI1IDEzLjI4NzVDMTIuNTIwOCAxMy4wOTU4IDEyLjI4MzMgMTMgMTIgMTNDMTEuNzE2NyAxMyAxMS40NzkyIDEzLjA5NTggMTEuMjg3NSAxMy4yODc1QzExLjA5NTggMTMuNDc5MiAxMSAxMy43MTY3IDExIDE0QzExIDE0LjI4MzMgMTEuMDk1OCAxNC41MjA4IDExLjI4NzUgMTQuNzEyNUMxMS40NzkyIDE0LjkwNDIgMTEuNzE2NyAxNSAxMiAxNVpNMTEgMTFIMTNWNUgxMVYxMVoiIGZpbGw9ImJsYWNrIiBzdHlsZT0iZmlsbDpibGFjaztmaWxsLW9wYWNpdHk6MTsiLz4KPC9nPgo8L3N2Zz4K');
    display: block;
    width: 1.71em;
    height: 1.71em;
    position: absolute;
    left: 1em;
    top: 1em;
}
.meta .date {
    font-size: 1em;
    font-weight: normal;
    padding-right: 1em;
}

.meta .view {
    padding-left: 20px;
    font-size: 0.8em;
    font-weight: normal;
    color: #787878;
}
.meta a {color: inherit}
.meta a:hover {color: var(--color-accent);}

.more-link {
    display: block;
    padding: .5em 0;
}
/* ==========================================================================
   Layout
   ========================================================================== */

.relative_width {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
    padding: 0 20px;
}

.wrap {
    width: 100%;
    clear: both;
}

.main {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
}

.main .main-inner1 {
    margin: 0;
    padding: 20px 20px;
}

.column {
    overflow: hidden;
    float: left;
}

.main .inner {
    padding-left: 10px;
    padding-right: 10px;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* ==========================================================================
   Header Styles
   ========================================================================== */

.main_nav {
    height: 88px;
    position: relative;
    margin: 24px 0;
/*    border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
}

.logo {
    display: block;
    float: left;
    width: 348px;
    height: 72px;
    background-image: url('images/logo_b51_2026.svg');
    background-repeat: no-repeat;
    text-indent: -9999px;
    /*transition: transform .1s ease-out;*/
}

.logo:hover {
    filter: hue-rotate(-15deg);
}

.logo:active {
    filter: hue-rotate(-25deg);
}

/* Publication Date */
.publication {
    display: block;
    position: absolute;
    left: 20px;
    top: 76px;
    font-size: 16px;
    line-height: 1em;
    color: #000;
}

/* Social Icons */
#b51_rss,
#b51_twi {
    text-indent: -9999px;
}

#b51_rss {
    display: inline-block;
    font-size: inherit;
    width: 1em;
    height: 1em;
    background: #000;
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzODVfMjM0OSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iLTEiIHk9Ii0xIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPgo8cmVjdCB4PSItMSIgeT0iLTEiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0iI0Q5RDlEOSIgc3R5bGU9ImZpbGw6I0Q5RDlEOTtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC44NTEwIDAuODUxMCAwLjg1MTApO2ZpbGwtb3BhY2l0eToxOyIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzM4NV8yMzQ5KSI+CjxwYXRoIGQ9Ik0xLjY5MDYzIDE0LjMwOTRDMS4zOTY4OCAxNC4wMTU2IDEuMjUgMTMuNjYyNSAxLjI1IDEzLjI1QzEuMjUgMTIuODM3NSAxLjM5Njg4IDEyLjQ4NDQgMS42OTA2MyAxMi4xOTA2QzEuOTg0MzggMTEuODk2OSAyLjMzNzUgMTEuNzUgMi43NSAxMS43NUMzLjE2MjUgMTEuNzUgMy41MTU2MiAxMS44OTY5IDMuODA5MzggMTIuMTkwNkM0LjEwMzEzIDEyLjQ4NDQgNC4yNSAxMi44Mzc1IDQuMjUgMTMuMjVDNC4yNSAxMy42NjI1IDQuMTAzMTMgMTQuMDE1NiAzLjgwOTM4IDE0LjMwOTRDMy41MTU2MiAxNC42MDMxIDMuMTYyNSAxNC43NSAyLjc1IDE0Ljc1QzIuMzM3NSAxNC43NSAxLjk4NDM4IDE0LjYwMzEgMS42OTA2MyAxNC4zMDk0Wk0xMS43NSAxNC43NUMxMS43NSAxMy4yODc1IDExLjQ3NSAxMS45MjE5IDEwLjkyNSAxMC42NTMxQzEwLjM3NSA5LjM4NDM4IDkuNjI1IDguMjc1IDguNjc1IDcuMzI1QzcuNzI1IDYuMzc1IDYuNjE1NjIgNS42MjUgNS4zNDY4OCA1LjA3NUM0LjA3ODEyIDQuNTI1IDIuNzEyNSA0LjI1IDEuMjUgNC4yNVYyQzMuMDI1IDIgNC42ODEyNSAyLjMzMTI1IDYuMjE4NzUgMi45OTM3NUM3Ljc1NjI1IDMuNjU2MjUgOS4xMDYyNSA0LjU2ODc1IDEwLjI2ODggNS43MzEyNUMxMS40MzEzIDYuODkzNzUgMTIuMzQzOCA4LjI0Mzc1IDEzLjAwNjMgOS43ODEyNUMxMy42Njg3IDExLjMxODggMTQgMTIuOTc1IDE0IDE0Ljc1SDExLjc1Wk03LjI1IDE0Ljc1QzcuMjUgMTMuOTEyNSA3LjA5Mzc1IDEzLjEzNDQgNi43ODEyNSAxMi40MTU2QzYuNDY4NzUgMTEuNjk2OSA2LjAzNzUgMTEuMDYyNSA1LjQ4NzUgMTAuNTEyNUM0LjkzNzUgOS45NjI1IDQuMzAzMTIgOS41MzEyNSAzLjU4NDM3IDkuMjE4NzVDMi44NjU2MyA4LjkwNjI1IDIuMDg3NSA4Ljc1IDEuMjUgOC43NVY2LjVDMi40IDYuNSAzLjQ3MTg3IDYuNzE1NjMgNC40NjU2MiA3LjE0Njg4QzUuNDU5MzcgNy41NzgxMiA2LjMzMTI1IDguMTY4NzUgNy4wODEyNSA4LjkxODc1QzcuODMxMjUgOS42Njg3NSA4LjQyMTg4IDEwLjU0MDYgOC44NTMxMiAxMS41MzQ0QzkuMjg0MzggMTIuNTI4MSA5LjUgMTMuNiA5LjUgMTQuNzVINy4yNVoiIGZpbGw9IiMxQzFCMUYiIHN0eWxlPSJmaWxsOiMxQzFCMUY7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuMTA5OCAwLjEwNTkgMC4xMjE2KTtmaWxsLW9wYWNpdHk6MTsiLz4KPC9nPgo8L3N2Zz4K');
    mask-size: cover;
    margin-left: .75em;
    transition: background .1s ease-out;
}
#b51_rss:hover {
    background: var(--color-accent);
}

#b51_twi {
    width: 17px;
    height: 14px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASVJREFUeNqU07FLgkEcxnGNsJYiiLbcRCqbpCUpoSlocnFsbKnGiAb/Bof6A9SGQG1rqcUh2yJqC1MaWwRRapBA7fuD38FxnK/2wOflOF+e917v3nD2thMi8+iHxmcFOeyihxKKWMVymJIogzIO0PUULOEZMWf+HXPYm+GygW086djNsadAso5fZKSkiRESeMUV4tbNyYDXlDe4lJJPVHQyglM0dLk32AwoqctlFjtY1KVFrBvWVFC+5CIrecOWUzBNZFs/TMkPjiZssS/3GJgSyR3y+P5HSd4MTMlQD9zClAVVvLglknNcoKWl4yK/n9gTdslAj/PDhIJ9tO1J2eI0snrYUnqU3cjKCjjzfRpS8qg7dKj/SUy/l7Y+uYZrs52+/AkwAKzxO0UpZtpIAAAAAElFTkSuQmCC') 0 0 no-repeat;
}

.nav {
    float: left;
    font-size: 16px;
    margin-left: 3em;
    margin-top: 0.75em;
}

#sluhcatch, a.telega {
    display: inline-block;
    float: left;
    width: auto;
    color: #000;
    padding: .5em .25em .5em 2em;
    margin: 0 2em 0 0;
    text-decoration: none;
    font-size: inherit;
    line-height: 1.5em;
    font-family: var(--sans);
    transition: color .1s ease-out;
}

#sluhcatch:before, 
a.telega:before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    margin: 0 0 0 -2em;
    background: #000;
    mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAkpJREFUeAHtWYFxwjAM/HYCOkG9QbMB2YBukHQC2CBs0G4QNmAE6ASwQdoJYANqlXCkxiGS4oTjmr/740IsWS/LTuwAAwb8bzwgHOKSL5aR5agkYW/5Vf6uLT/L35uDApxb7iwPQhaWuaXBDUCBf0AedB17FTKDLuOcEUnQMUJmvY7v6ABUMhug8+BP3OC8AARBn8FXRQRBH2XTWTmlwg5XlhPL54qPqPwvh07EDEoYHFcG7nBHgX2eSCueaj5wMyadcJoFQVxKhum4gC47GhGifrjZNx7bFMe5UJ0XiaddDJmADAIUDIe5x25+pf3c034FvoAdmIiZDieOXcqweVXYVBm7wT7iEmPw8O1cJ80mmDrXa8jAio07rC4OPXDpduobAe07yB7d4+JZ4xNgwMOzc72taUfC6Gn6VPINerGs5HKHM3HsUma7a201pasWsPLYLjztfFkbCfoRC5DstmI0iwgpgPUsKAQO696DFpU2vrfJFFAJYO0RlkKneY2fhSPidMzSZk+9AgOZwrFPBAVbKAOtYwYGYqVzn4hJy4BdjsGEdojzBl+F5z7Xt8+2FhmgEkB0n5avZeckJHHuRQK/OQRos05n/G5+d1pcvwZCSJxXSZnm7o+5pZpDgRH0c6HA9YwZ8FeoJl9XMYNOQDVzkRP4HLLEJGgJbSmFYLBz0rs+WiTc/eHuCX2UUyfH61WkCP+OQ6SJPUVPMNAf1tZlvZOSaYLBUYhmRCjjGVoGHvIz6xjnT60UlMHfz6zEbck1jp9aBwwY0BI/Gau281SioJoAAAAASUVORK5CYII=');
    mask-size: cover;
    transition: background .1s ease-out;
}

a.telega:before {
    mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAbZJREFUeAHtmO9tgzAQxZ+qDsAIHiEbhA2aDZIN6AZkA0YIG0SdgBHSDRgh3YD65FalxOB/Z3Ak/6T3DZ8f5zM+A2QymUwmkyZC6izVSd2leql3JE4hVUGZHjTqkSgCKtuU6cGgpCgxn22d7kgAKpMzVDkMjrphQwTsy2ROHTaghFuZLKmZBn9FPE5Sx58X4OILkfmt75AyWdIbIiGgltfVOG3KvdTB8vk9mCnhX9/1KI5tjAJMHAKMU9Z3o1it5bjgM4Cjvhv8z2LrMLbDhsZ7PNZv6xjjAkdKqSvczZqy7mN+umeMxjuPCXQ1e9DEbz3jGT+hAnwnJsUpGM2TdjDQBwQfZ72aid8GxjbSBU5A44UmbsEQ26oLpYlO8FuJeiHmzdP0WFc4QvVWWUw+PZRimF9KkBUCamUuUKXQQ2XkuDCG0zwpWhM3B6d50h4rcgavedJsE/cCfriz9YmFi0yMF/gAL9FvYTpq8JVPg40Q4DndV/8CTWkQ9gLGHmgNqCv1XY1kEFCHoYv5Tf/EzUG/yG1vd8490FoI2HWoFRKnxhNsYBMC+g3e4ck44a8JJPMCmUzGyDf0GX8BCxHAnAAAAABJRU5ErkJggg==');
}

#sluhcatch:hover, a.telega:hover {
    color: var(--color-accent);
}
#sluhcatch:hover:before, a.telega:hover:before {
    background: var(--color-accent);
}

/* Search Form */
.search_b {
    float: right;
    margin-top: 16px;
}

input[type="search"] {
    float: left;
    padding: 0 0.5em;
}

.search_b input[type="submit"] {
    width: 2em;
    height: 2em;
    padding: 0;
    margin: 0;
    border: 0;
    background: #333;
    text-indent: -9999px;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAZRJREFUeAHtl4FtwyAQRV/bBbJBGCEb1BskG4Ru0A06QkbwCBnB3SDdwO0E6QYuyEiNMCG2sQmOeNJJNkZwn8NwB5lMJrNUCmUHZSdlZ2WNMf1cmW8FCbKjdbrpabWyPQmwUnakv+O2lWaMuyBoV7IJtNqMFZUV152vlG2VrS/6b0xbyXURUSPhcuRkHL2FwC3+SCQkbueHrOAK90+/IwL26o0Nv0vEiZkp6K6aYDwbx3gFM3KgewyGUlljHpgRe7It4eyIuI3O1mR9Tp1bCGvMM4E8eb41A/oOYdJxn1k4PgG/1vuacDY35hiMT8A3/snHIKz3LwLxCfi03t8Jxz7JggX4KOhePCFREEx7MfbCdf2PTSVqupns7NgXz5TJnCASriqs7umA3nIu56Ol0xpfQVPSRuny3xCmrcJfne2JiGCakvKuInQkSsY7W6YgQiMZFo2K/y0mSUSE5pU2n9cOXmautWn7MH1sJAmJGIski0gDSRaRBpIsIg0kDyqiZGFIejr/QproUvOHtuh/I5PJZJLlD5g8Pnn5gfQ2AAAAAElFTkSuQmCC');
    mask-size: 75%;
    mask-repeat: no-repeat;
    mask-position: 50%;
    box-sizing: content-box;
    right: 0;
}

.search_b input[type="submit"]:hover {
    background: var(--color-accent);
}

.search_b input[type="submit"]:active {
    background: #000;
}

/* Popular Tags */

.tags_popular {
    list-style-type: none;
    margin: 1em 0;
    display: none;
}
.tags_popular li {
    margin-right: 2em;
    display: inline-block;
}



/* Authors Section */
.authors_posts {
    display: table;
    width: 990px;
    margin: 0 auto;
    padding: 4px 0;
    border-top: 1px solid #ebe9e5;
    border-bottom: 1px solid #ebe9e5;
}

.authors_edit {
    display: table-cell;
    width: 150px;
    padding: 0 10px 7px 20px;
    vertical-align: middle;
}

.authors_edit a.all_authors {
    display: block;
    color: #1f6a89;
    font-size: 112.5%;
    line-height: 1em;
    text-decoration: none;
}

.authors_edit a.new_post {
    display: block;
    margin-top: 7px;
    color: #58a5b5;
    text-decoration: none;
}

.authors_edit a.new_post:before {
    content: '';
    display: block;
    float: left;
    width: 18px;
    height: 17px;
    margin-right: 4px;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmFJREFUeNqU1FtPE0EUB/D/7MzuFth2TbEolyWQkhpiTEATgkaDgJH4ZOJnMX4Cw5PfwA/giy9GgmCs8Y3EB9AIEaEKClbobbulF7bdi7NbaoEg4nnZOTnZ38ycnVmSnruCswRxBVlORR+aHV+fuMQxD9eEswG0VVkfeaFsDD72nsShrf+FcKAtuDYyI+c6przcTrZPVReGZ2A3oVMRIiAU0sicFLLHvbxUsaEbNTiZ8Hht4eocLBY8FeGAqvYI82KbexNjiyif30a+UPtTN3613lqfHZi3TaqeiBCKsKoJcdZCRr28ojsoR5dAtaRfL5gmtvYK2EsHrn97E33OjgMCRSSkCa+ZTIZ8IOeilHa4DLDhFRjmPrY/B+G6LpjsZHpGfj46shKB4aLaS981gHL2ADgIvWhh58IyhK4diAFnN3YvMd4SKS2xQ0C3qtE4lXDJb2LGQYUjjcgVbCTT9Z7IgxvJ/vbspKxUV73cRwQRvWqPDwz4AJ/d20YTsDhg+WNRJFv9XdKExKqJ5gICCs4NxWYbQHH3KJA1jgCbHBiTGEkcbgNTr92PESV0GQEJxU8r2M83gUye9yBbBySRJDgwKTLy4/jHYERR7/oj9wZAvRf8bSKlW0jl6oAskdW+Th9InnQkeE/cKVh89r0qlO5REH5INtc+Iq3XgYBMljlwh1Gy+7eDKRjxl7eR55eSO7WajZQVRQF9DeADByZOA7ygBSM37ZoGwpFObG7pqJg1iG2RcotovdLC5QccyP7rkjK97OLps0Xry3fj/cTk2FtKaTwSrC5IyJiuTc70r/ktwAAUaffqTf+zwQAAAABJRU5ErkJggg==') 0 0 no-repeat;
}

.authors_bloger {
    display: inline-block;
    width: 150px;
    height: auto;
    margin: 0 20px 20px -10px;
    padding: 10px 0 7px 10px;
    background-color: rgba(255,255,255,0.5);
    vertical-align: top;
}

.authors_bloger img {
    display: inline;
    width: 56px;
    height: 56px;
    border: 4px solid #fff;
    border-radius: 50%;
}

.authors_bloger .author {
    display: block;
    margin-bottom: 5px;
    color: #0e82a4;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 90%;
}

.authors_bloger .comments {
    display: inline-block;
    padding: 1px 4px;
    background-color: #FFC200;
    color: #000;
    text-decoration: none;
}

/* ==========================================================================
   Banner TOP
   ========================================================================== */
.tp1 {
    background: #000;
    width: 100%;

}

/* ==========================================================================
   Main Content
   ========================================================================== */

#tz-mainbody {
    float: left;
    width: 67%;
    max-width: 720px;
}

.post-cat {
    position: relative;
    margin-bottom: 3.5em;
    padding-bottom: 0.45em;
    font-size: 18px;
    line-height: 1.333em;
}

.post-cat h1 {
    margin-top: 0;
    padding-right: 70px;
    position: relative;
}

.post-cat h1 a {
    text-decoration: none;
}

.post-cat h1 a:hover {
    border-bottom: 1px solid var(--color-accent-bright);
}
.post-cat h1 a:visited:hover {
    border-bottom: 1px solid #745cb8;
}

.post-cat h3 {
    font-size: 1.1em;
    margin: 0.5em 0;
}

.post-cat p {
    max-width: 640px;
}


/* Entry Meta */
.entry-meta-top {
    margin-bottom: 10px;
    font-size: 0.9em;
    color: #666;
}

.entry-meta-top span {
    margin-right: 15px;
}

/* Comments Link */
.comments-link {
    position: absolute;
    right: 0;
    top: 8px;
}

.comments-link a {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 49px;
    height: 51px;
    padding: 0.25em 0;
    background: transparent no-repeat 0 0;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA0OCA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljk1IDQwLjkyMjZMNi43MDE5IDUwLjYxODhMOC41NzA2NSAzOS42MTE0QzguMjU1ODIgMzkuNjExNCA3LjE1MzkyIDM5LjE0NzggNS4yNjQ5NCAzNy4yOTNDMi45MDM3MiAzNC45NzQ3IC0xLjE0NTA5IDMxLjI4NTcgMC4zMDYzODEgMTguMzk4MkMxLjA1MDY1IDExLjc4OTkgMi44NTQ1IDIuNjA1MTQgMTcuOTUgMC41MzE4MDlDMjkuNDgzNSAtMS4wNTIyOSAzNy40NTkxIDEuMDI2NzggNDIuNSA1LjExODg0QzQ3Ljc4ODkgOS40MTIyIDQ4LjI1MDEgMTguMzk4MiA0Ni45NDA1IDI0LjY1NzlDNDQuNTU5NyAzNi4wMzc1IDQwLjg4MDYgMzkuNjExNCAyOS45NDk2IDQwLjkyMjZDMjMuMzg2OSA0MS43MDk4IDE5LjMyNzQgNDAuOTIyNiAxNy45NSA0MC45MjI2WiIgZmlsbD0iI0ZGQ0MwMCIgc3R5bGU9ImZpbGw6I0ZGQ0MwMDtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMS4wMDAwIDAuODAwMCAwLjAwMDApO2ZpbGwtb3BhY2l0eToxOyIvPgo8L3N2Zz4K');
    background-size: contain;

    color: #000;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}
.comments-link a:hover {
    filter: hue-rotate(-15deg);
}
.comments-link a:active {
    filter: hue-rotate(-25deg);
}

/* Latest View */
.latest-view {
    float: right;
    width: 140px;
    margin-right: 80px;
    padding-top: 0;
    text-align: right;
}

.latest-view span.view,
.latest-view span.like {
    color: #aeaeae;
    font-size: 11px;
}

.latest-view span.view {
    margin-right: 15px;
    padding: 5px 10px 5px 25px;
    position: relative;
}

.latest-view span.view:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 16px;
    margin-top: -8px;
    background: url('images/views.png') 50% 50% no-repeat;
}

.latest-view span.like span {
    position: relative;
    padding-left: 20px;
}

.latest-view span.like span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 16px;
    margin-top: -8px;
    background: url('images/b51_comments_ico.png') 50% 50% no-repeat;
}

/* Main Text */
.main-text-div {
    clear: both;
}

.main-text-div p img {
    width: 100%;
    height: auto;
}

/* Read More Link */
.amore a.more {
    display: inline-block;
    color: #318da8;
    text-decoration: none;
}

.amore a.more:hover {
    text-decoration: underline;
}

/* Print Link */
.toprint {
    float: right;
    margin-top: 0.35em;
}
.toprint a {
    padding: 0.389em 1em .5em 1em;
    font-family: var(--sans);
    text-decoration: none;
    color: #333;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    transition: color .1s ease-out, border-color .1s ease-out;
}
.toprint a:hover {
    border-color: var(--color-accent-bright);
    color: var(--color-accent);
}

.toprint a:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 8px;
    background: #333;
    mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAANpJREFUeAHtmNERgjAQRFfHAlJCSrMDLcFOoCNLoAU70DDh41SUhAxsYPbN7Awf+djljlwIIIQQTA7I54llyfJ0xMZRADYKwEYBhPiNC7oFdYjTl6F70HXwkoUnG/9UN3hKwqEu8zbEVyXGdqFzTtoV8UGXlIV939X29m0VJmGZaxBbxAe1f9ZVG8AbDw6JAWqaxA/znL1tWlgVaBCr0JtvkViBsd+3pD4j8uZZp1E2CsDmhHLm3C1ZijYNtRCbXX4DUz299KDT3eim0BwA+fCnFmKju1EhhCjiBWoPB7kGdja+AAAAAElFTkSuQmCC');
    mask-size: cover;
    vertical-align: middle;
    transition: background-color .1s ease-out;
}
.toprint a:hover:before {
    background: var(--color-accent);
}

/* Blockquotes */
.post-cat blockquote {
    margin: 1em 0;
    padding: 0.75em 1.25em 0.2em;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    overflow: hidden;
}

.post-cat blockquote p {
    margin: 20px 30px 10px;
    font: 143%/125% normal;
    text-align: center;
    font-weight: normal;
}
.post-cat blockquote cite {
    margin-bottom: 1em;
}

/* ==========================================================================
   Work/Jobs Styles
   ========================================================================== */

.work .salary-info {
    margin: 10px 0;
    font-weight: bold;
}

.work .contact-info {
    margin: 20px 0 20px 115px;
    position: relative;
}

.work .contact-info img {
    position: absolute;
    left: -115px;
    top: -3px;
}

/* ==========================================================================
   Forum/Community Styles
   ========================================================================== */

.forum-categories-container {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    padding: 0 5px;
}

.category-selector {
    float: left;
    width: 25%;
    margin-top: 42px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 48px;
    box-sizing: border-box;
}

.category-selector .category-item {
    display: flex;
    align-items: center;
}

.category-selector .icon {
    width: 48px;
    height: 48px;
    margin-right: 10px;
}

.category-selector ul {
    flex: 1;
    margin: 0;
    padding: 0;
    list-style: none;
}

.category-selector li {
    margin: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.category-selector a {
    color: #318da8;
    font-size: 16px;
    text-decoration: none;
}

.category-selector a:hover {
    text-decoration: underline;
}

.category-selector .count {
    margin-left: 5px;
    color: #999;
    font-size: 14px;
}

/* Forum Tabs */
.top-community.forum-tabs {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #333;
    font: 15px/20px 'Arial', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
}

.top-community.forum-tabs a {
    margin-right: 21px;
    color: #a59eb1;
    font-family: var(--serif);
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s ease;
}

.top-community.forum-tabs a:hover,
.top-community.forum-tabs a.active {
    color: #5b5564;
}

.top-community.forum-tabs a.new-topic-btn {
    float: right;
    margin-right: 0;
    color: #318da8;
    font-size: 12px;
}

/* Forum Topic Items */
.forum-topic {
    position: relative;
    clear: both;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.forum-topic .topic-title {
    margin-bottom: 0;
    padding-right: 150px;
    font: italic 18px/21px Georgia, serif !important;
}

.forum-topic .topic-title a {
    color: #333;
    text-decoration: none;
}

.forum-topic .topic-title a:hover {
    color: #318da8;
}

.forum-topic .topic-meta {
    margin-top: 6px;
    color: #b3b3b3;
    font: 12px/15px Arial, sans-serif;
    clear: both;
}

.forum-topic .topic-meta span {
    display: inline-block;
    margin-right: 21px;
}

.forum-topic .topic-meta .author a {
    color: #318da8;
    text-decoration: none;
}

.forum-topic .topic-meta .reload-icon {
    float: right;
    margin-right: 0;
    padding-left: 18px;
    background: url('images/reload-12.png') no-repeat left 6px;
}

/* Forum Thread */
.forum-post {
    margin-bottom: 20px;
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #eee;
}

.forum-post-author {
    float: left;
    width: 120px;
    text-align: center;
}

.forum-post-author img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.forum-post-author .author-info {
    margin-top: 10px;
}

.forum-post-author .author-title {
    display: block;
    font-size: 11px;
    color: #999;
}

.forum-post-content {
    margin-left: 140px;
}

.forum-post-content .post-meta {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px dotted #ccc;
    color: #999;
    font-size: 10px;
}

/* ==========================================================================
   Related Posts (Ewe-box)
   ========================================================================== */

#ewe-box {
    position: relative;
    display: block;
    width: 100%;
    height: 27px;
    margin: 30px 0 20px;
    background: url('images/line3.png') repeat-x left top;
    clear: both;
}

#ewe-box span {
    position: absolute;
    top: 5px;
    left: 50%;
    padding: 0 20px;
    background: #ffffff;
    transform: translateX(-50%);
    color: #000;
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    line-height: 19px;
    white-space: nowrap;
}

.related-posts-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.ewe-post {
    float: left;
    width: calc(25% - 20px);
    margin: 0 10px 20px;
}

.ewe-post h3 {
    margin: 10px 0 5px;
    font-size: 14px;
    line-height: 1.4;
}

.ewe-post h3 a {
    color: #318da8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}

.ewe-img {
    height: 105px;
    overflow: hidden;
    background: #f5f5f5;
}

.ewe-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ewe-date {
    color: #636363;
    font-size: 12px;
    line-height: 16px;
}

/* ==========================================================================
   Comments
   ========================================================================== */

.children {
    list-style-type: none;
    margin-left: 2em;
}
.commentlist {
    list-style-type: none;
}

#comments {
    position: relative;
    clear: both;
    display: block;
}

.commenlist-div {
    position: relative;
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e3e3e3;
}

.commenlist-div:hover {
    background-color: rgba(255,255,255,0.5);
}


.avatar-div {
    margin-right: 20px;
}

.avatar-div cite {
    display: block;
    position: relative;
    top: -7px;
    color: #000;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    font-family: var(--sans);
}


.avatar-div cite span {
    color: #333;
    font-size: .95em;
    font-weight: normal;
    line-height: 1.5em;
    letter-spacing: 1px;
}

.avatar-div cite span a {
    color: #333;
    font-size: .95em;
    font-weight: normal;
    text-decoration: none;
    opacity: .5;
}
.commenlist-div:hover cite a {opacity: 1}

.avatar-div cite span em {
    margin: 0 7px;
    border-bottom: 1px solid #ddd;
    font-style: normal;
}

img.avatar {
    float: left;
    margin: 0 10px 10px 0;
}

.text-div {
    margin: -7px 0 0;
    overflow: hidden;
}

.text-div p {
    min-height: 2em;
    margin: 0 65px 0 0;
    color: #292929;
    font-size: 1em;
    line-height: 1.25em;
}

.bottom-comments-div {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin-top: 15px;
    margin-left: 160px;
    color: #b3b3b3;
    font: 12px/15px Arial, sans-serif;
}

span.comment-reply {
    position: absolute;
    right: 0;
    bottom: -4px;
    z-index: 5;
    display: block;
    padding-left: 1.5em;
    background: white url("images/reply.png") no-repeat 5px 6px;
    color: var(--color-accent);
    line-height: 1.5em;
    letter-spacing: 1px;
    font-size: .9em;
    font-family: var(--sans);
}

span.comment-reply a {
    color: var(--color-accent);

    text-decoration: none;
    border-bottom: 1px dashed var(--color-accent-bright);
}

/* Comment Form */
#respond {
    position: relative;
    margin: 20px 0;
    overflow: visible;
    border-top: 1px solid #e7e7e7;
    padding-top: 20px;
}



#respond textarea {
    background: #f2f2f2;
    border: 0;
    padding: 2px;
    width: 100%;
    max-width: 720px;
    margin: 0;
    border-radius: 6px;
    border-top: 1px solid rgba(0, 0, 0, .2);
    font-family: "PT serif", "Georgia", serif;
    font-size: 1rem;
    padding: .25em .5em;
}
#respond textarea:focus {
    outline: 2px solid var(--color-accent-bright);
    background: #fff;
}

#respond input[type="submit"] {
    background: var(--color-accent);
    color: white;
    font-family: var(--sans);
    font-size: 16px;
    padding: .75em 1.5em;
    border: 0;
    border-radius: 6px;
    transition: background .1s ease-out;
    box-shadow: 0 8px 32px 0 var(--color-accent-bright) inset;
}
#respond input[type="submit"]:hover {
    background: var(--color-accent-bright);
}

#respond label {
    min-width: 72px;
    display: inline-block;
}


/* ==========================================================================
   Sidebar
   ========================================================================== */

.side_l {
    float: right;
    width: 300px;
}

/* Recent Comments */
.recentcomment {
    margin: 0 0 15px;
    color: #555;
    font-size: 13px;
    line-height: 18px;
}

.recentcomment h4 {
    margin-bottom: 5px;
}

.recentcomment p {
    margin-top: 5px;
}

.recentcomment hr {
    margin: 15px 0;
    border: none;
    border-top: 1px solid #eee;
}

/* ==========================================================================
   Footer
   ========================================================================== */

#tz-botsl1 {
    border-top: 1px solid #ccc;
}
#tz-botsl1 .main {
    background: none;
}

.tz-copyright {
    float: left;
    color: #969696;
}

.tz-copyright .name-site {
    margin-bottom: 10px;
}

.moduletable_address p {
    margin: 10px;
    color: #242424;
    font-size: 14px !important;
}

/* Back to Top */
.BackToTop a.k2Anchor {
    position: absolute;
    top: -10px;
    right: calc(50% - 50px);
    width: 100px;
    height: 30px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    color: #666;
    font-size: 100%;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    font-family: var(--sans);
}

#top_arrow,
#bot_arrow {
    position: fixed;
    left: 50%;
    z-index: 999;
    width: 64px;
    height: 64px;
    margin-left: 176px;
    overflow: hidden;
    /*background: url('images/arrows.png') no-repeat;*/
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNjQgMTI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjIgMTI2TDMyIDEwOC44NjFMMiAxMjZWMkwzMiAxOS4xMzg3TDYyIDJWMTI2WiIgZmlsbD0iI0ZGQ0MwMCIgc3R5bGU9ImZpbGw6I0ZGQ0MwMDtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMS4wMDAwIDAuODAwMCAwLjAwMDApO2ZpbGwtb3BhY2l0eToxOyIvPgo8Y2lyY2xlIGN4PSIzMiIgY3k9Ijg2IiByPSIxNiIgZmlsbD0id2hpdGUiIHN0eWxlPSJmaWxsOndoaXRlO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNMzEuNSA3Ny41TDI1IDg0SDI5LjVMMjggOTMuNUgzNS41TDM0IDg0SDM4TDMxLjUgNzcuNVoiIGZpbGw9ImJsYWNrIiBzdHlsZT0iZmlsbDpibGFjaztmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggZD0iTTI3LjQ1OTggNTMuMTA4OEwxOS42NTIgNjBMMjAuOTQ5MiA1Mi4xNzY5QzIwLjczMDcgNTIuMTc2OSAxOS45NjU4IDUxLjg0NzQgMTguNjU0NiA1MC41MjkyQzE3LjAxNTYgNDguODgxNSAxNC4yMDUxIDQ2LjI1OTggMTUuMjEyNyAzNy4xMDA1QzE1LjcyOTMgMzIuNDAzOSAxNi45ODE0IDI1Ljg3NjIgMjcuNDU5NyAyNC40MDI3QzM1LjQ2NTUgMjMuMjc2OSA0MC45NDIzIDI0LjU3NzIgNDQuNDQxNCAyNy40ODU1QzQ4LjExMjYgMzAuNTM2OCA0OC40OTIxIDM3LjEwMDUgNDcuNTgzMSA0MS41NDkzQzQ1LjkzMDUgNDkuNjM2OSA0My4zNzY3IDUyLjE3NjkgMzUuNzg5MSA1My4xMDg4QzMxLjIzMzcgNTMuNjY4MyAyOC40MTU5IDUzLjEwODggMjcuNDU5OCA1My4xMDg4WiIgZmlsbD0id2hpdGUiIHN0eWxlPSJmaWxsOndoaXRlO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNMjMuNSA0MEwzNCAyOC41TDMxLjUgMzdIMzguNUwyOCA0OS41TDMwIDQwSDIzLjVaIiBmaWxsPSJibGFjayIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
}

#top_arrow {
    top: 0;
    background-position: 0 100%;
}

#bot_arrow {
    bottom: 0;
    background-position: 0 0;
}

#top_arrow a,
#bot_arrow a {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    text-indent: -9999px;
}

/* ==========================================================================
   Pagination
   ========================================================================== */

.wp-pagenavi {
    padding-bottom: 2em;
}

.wp-pagenavi a,
.wp-pagenavi span {
    display: inline-block;
    min-width: 18px;
    margin: 3px;
    text-align: center;
}

.wp-pagenavi span.current {
    background-color: #f7c21d;
    border-color: #f7c21d;
    border-radius: 20px;
    cursor: default;
}

.wp-pagenavi a:hover {
    background-color: #318da8;
    border-color: #318da8;
    color: white;
}

/* ==========================================================================
   User News Page (nicEdit)
   ========================================================================== */

.page-id-33564 .entry-content textarea {
    width: 100%;
    min-height: 300px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: monospace;
    font-size: 14px;
    line-height: 1.5;
}

.page-id-33564 .nicEdit-main {
    min-height: 300px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.page-id-33564 .nicEdit-panel {
    margin-bottom: 10px;
    padding: 5px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.page-id-33564 .nicEdit-button {
    margin: 0 2px;
    padding: 3px 6px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
}

/* ==========================================================================
   Utilities
   ========================================================================== */

.bottomline {
    clear: both;
    height: 1px;
    line-height: 0;
    background-color: #e3e3e3;
    font-size: 0;
}

.now {
    border-bottom: 4px solid black;
}

.clr {
    display: block;
    float: none;
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 0;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 768px) {
    .relative_width,
    .main,
    .authors_posts,
    #tz-mainbody,
    .side_l {
        width: 100%;
    }
    
    .main_nav {
        height: auto;
        padding: 0 15px;
    }
    
    .logo {
        float: none;
        margin: 0 auto 15px;
    }
    
    #b51_rss,
    #b51_twi,
    #sluhcatch,
    a.telega,
    .search_b {
        float: none;
        margin: 10px 0;
    }
    
    .search_b {
        text-align: center;
    }
    
    .search_b input[type="search"] {
        float: none;
        width: 70%;
        margin-right: 0;
    }
    
    .post-cat h1 {
        padding-right: 0;
    }
    
    .comments-link {
        position: static;
        margin-top: 10px;
    }
    
    .comments-link a {
        position: static;
        display: inline-block;
    }
    
    .latest-view {
        float: none;
        width: auto;
        margin: 10px 0;
        text-align: left;
    }
    
    .category-selector {
        width: 50%;
        margin-top: 20px;
        line-height: normal;
    }
    
    .forum-topic .topic-title {
        padding-right: 0;
    }
    
    .forum-topic .latest-view {
        float: none;
        width: 100%;
        margin: 10px 0;
        text-align: left;
    }
    
    .forum-topic .topic-meta .reload-icon {
        float: none;
        display: block;
        margin-top: 5px;
    }
    
    .forum-post-author {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    
    .forum-post-content {
        margin-left: 0;
    }
    
    .ewe-post {
        width: calc(50% - 20px);
    }
    
    #ewe-box span {
        padding: 0 10px;
        font-size: 13px;
        white-space: normal;
    }
    
    #respond textarea {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .category-selector {
        width: 100%;
    }
    
    .ewe-post {
        width: 100%;
        margin: 0 0 20px;
        float: none;
    }
    
    .authors_bloger {
        width: 100%;
        margin: 10px 0;
    }
    
    .authors_edit {
        display: block;
        width: 100%;
        text-align: center;
    }
}

@media print {
    * {
        color: #000 !important;
    }
    #tz-mainbody {
        width: 80%!important;
        margin-left: 20%
    }

    #respond,
    .side_l,
    .nav,
    #top_arrow,
    .comments-link,
    .search_b,
    .toprint,
    .comment-reply,
    .BackToTop,
    .tp1,
    #bot_arrow {
        display: none!important;
    }
    .logo {
        text-indent: 1000px;
        color: white;
        position: absolute;
        left: 0;
    }

    .logo:before {
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQ4IiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMzQ4IDcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzA3LjI4MiA1OC41MzA4TDI5MS44MTcgNzJMMjk0LjM4NiA1Ni43MDk0QzI5My45NTMgNTYuNzA5NCAyOTIuNDM4IDU2LjA2NTMgMjg5Ljg0MSA1My40ODg5QzI4Ni41OTUgNTAuMjY4NCAyODEuMDI4IDQ1LjE0NCAyODMuMDI0IDI3LjI0MTdDMjg0LjA0NyAxOC4wNjIgMjg2LjUyNyA1LjMwMzI2IDMwNy4yODIgMi40MjMxNUMzMjMuMTM5IDAuMjIyNjUzIDMzMy45ODYgMi43NjQyOSAzNDAuOTE3IDguNDQ4NjVDMzQ4LjE4OSAxNC40MTI2IDM0OC45NCAyNy4yNDE3IDM0Ny4xNCAzNS45MzcxQzM0My44NjYgNTEuNzQ0NyAzMzguODA4IDU2LjcwOTQgMzIzLjc3OSA1OC41MzA4QzMxNC43NTcgNTkuNjI0MyAzMDkuMTc1IDU4LjUzMDggMzA3LjI4MiA1OC41MzA4WiIgZmlsbD0iYmxhY2siIHN0eWxlPSJmaWxsOmJsYWNrO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNMjk1LjMwOSAzMi43MzA1TDI5Ny42MzggMTMuNTc4NkMyOTkuNTAzIDEzLjYzOTEgMzAzLjk1OSAxNC40OCAzMDYuNzUxIDE0LjM0NTNDMzE1LjY1MiAxMy45MTU5IDMxOC40OTMgMTQuMDQzMSAzMjEuMjM5IDEzLjI1MTdDMzE5Ljk4NCAxNS43MzMgMzE4LjA4MiAyMC4wMzIzIDMxMi4yNzcgMjAuOTU1MUMzMDkuNTc1IDIxLjM4NDcgMzA3LjgyMyAyMC44NDk1IDMwNi41NDEgMjAuOTE1N0wzMDUuNzMgMjYuMjU3NEMzMTEuODU3IDI0LjgzOTcgMzIwLjA0IDI3LjE3NzUgMzE4LjE0NiAzOC4zNjUzQzMxNi4yNTEgNDkuNTUzMiAyOTguNjIzIDUyLjQzNjIgMjkxLjk5NCAzOS43NTUzQzI5Ni42MjggNDAuMzkwNCAzMDcuNTc0IDQzLjYyNjUgMzA3LjgwNyAzNi4zNjA4QzMwOC4wMzcgMjkuMTc2MSAzMDAuMTU3IDMxLjI3MTMgMjk1LjMwOSAzMi43MzA1WiIgZmlsbD0id2hpdGUiIHN0eWxlPSJmaWxsOndoaXRlO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNMzIzLjI5NCAyNi42ODAxQzMyMC44MDIgMjYuOTAwOSAzMTcuNjc1IDI1LjEyNzggMzE2Ljc2NCAyNC4wNDE5QzMxOC4zMzEgMjMuNDQ2MSAzMjIuMTA2IDIwLjkyNTggMzIzLjI5NCAxOS44MzkxQzMyNi4xNzcgMTcuMjAyMSAzMjcuMzI3IDE0Ljg1MDQgMzI4LjA4MiAxMi45MzUzTDMzNi42NjkgMTMuNTc4NkMzMzYuMzUyIDE1LjEzMDggMzM1LjgxMyAyMi4zOTU3IDMzNS44MTMgMjcuODc4NkMzMzUuODEzIDM0LjMxNTYgMzM2LjE2NyA0NS41NzY3IDMzNi42NjkgNDcuOTg1NUMzMzQuNjA2IDQ3LjQzMzggMzMyLjY1MiA0Ny40OTcxIDMyOC41NTIgNDcuNDk3MUMzMjYuMTIxIDQ3LjQ5NzEgMzIzLjQ3NyA0OC4wNTggMzIxLjIzOSA0Ny45ODU1QzMyMS4yMzkgNDcuOTg1NSAzMjQuODI4IDQzLjE1NTEgMzI2LjE3NyAzNy4yMDkyQzMyNy4yNDQgMzIuNTA1NiAzMjcuMjQ0IDI1LjQzNjMgMzI3LjI0NCAyNS40MzYzQzMyNi41MjcgMjYuMTY3MyAzMjUuNTc2IDI2LjQ3NzkgMzIzLjI5NCAyNi42ODAxWiIgZmlsbD0id2hpdGUiIHN0eWxlPSJmaWxsOndoaXRlO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNNTIuNzMzMSA0MC41MTA4QzUwLjg5NDkgNDkuMzYzMyA0Ni4yOTIxIDU1Ljg0NiA0Mi4xODY1IDU4LjEzMjRDNDcuNzk4OCA1OS41NzI0IDU1LjU1OCA1OS45MTM1IDYxLjkyMzYgNTQuMDc3NUM2Ni41NTYzIDQ5LjgzMDMgNzAuNDcxMiAzOS45MDY2IDcyLjMyNTMgMzEuOTgxOUM3My40MTM4IDI3LjMyOTcgNzQuNzY3OCAyMi41ODM3IDc3LjIxNjEgMjIuNTgzN0M3Ny4yMTYxIDIyLjU4MzcgNzcuOTEwOCAzNC41ODEgNzcuODk0MSA0MS4xMTcxQzc3Ljg3ODEgNDcuMzU3NyA3Ny4yMTYxIDU4LjEzMjQgNzcuMjE2MSA1OC4xMzI0SDk2LjEyNDVDOTYuMTI0NSA1OC4xMzI0IDk0LjY3NTMgNDYuNTg4MiA5NC42NTU1IDM4LjA4NTVDOTQuNjM1MSAyOS4zMDIzIDk2LjEyNDUgMTMuOTgzNiA5Ni4xMjQ1IDEzLjk4MzZDOTYuMTI0NSAxMy45ODM2IDkwLjI1NTIgMTQuNTg3NyA4Mi4xNTAzIDE0LjU4NzdDNzcuMjE2MSAxNC41ODc3IDczLjgzMzkgMTMuOTgzNiA2OS41MzIyIDEzLjk4MzZDNTguOTg1NiAxMy45ODM2IDU0LjU3MTIgMzEuNjU4MyA1Mi43MzMxIDQwLjUxMDhaIiBmaWxsPSJibGFjayIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjE7Ii8+CjxwYXRoIGQ9Ik0xMjAuOTg3IDEzLjAzNjFDMTQwLjQwNiAxMy4wMzYxIDE0Mi4zNzggMjQuNjI5OSAxNDIuMzc4IDM3LjYzMDlDMTQyLjM3OCA1Mi43MTMyIDEzNC44MzMgNTkuMjY5NSAxMTguODQ0IDU5LjI2OTVDMTAyLjg1NSA1OS4yNjk0IDk4LjkxMTIgNDkuNDU0MiA5OC45MTExIDM3LjYzMDlDOTguOTExMSAyNS44MDc0IDEwNC4wNTUgMTMuMDM2MiAxMjAuOTg3IDEzLjAzNjFaTTEyMC43MDUgMjEuOTAzM0MxMTcuNzMzIDIxLjkwMzMgMTE2LjgyOSAyOS43NzU2IDExNi44MjkgMzcuMDYzNUMxMTYuODI5IDQ0LjM1MTEgMTE3LjUyMiA1MC40MDA5IDEyMC4zMjggNTAuNDAxNEMxMjMuMTM1IDUwLjQwMTQgMTI0LjQ2IDQ2LjM2MDMgMTI0LjQ2IDM3LjA2MzVDMTI0LjQ2IDI5LjA1MDEgMTI0LjExNCAyMS45MDM4IDEyMC43MDUgMjEuOTAzM1oiIGZpbGw9ImJsYWNrIiBzdHlsZT0iZmlsbDpibGFjaztmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggZD0iTTE1Ny41MzkgMTQuMjM5OUMxNDMuNzg3IDE4LjI3MDggMTQ1LjU1NSAyNy42OTczIDE0NS41NTUgMjcuNjk3M0MxNDcuNzE5IDI3LjA2MyAxNDkuNjQ0IDI2LjI2MTcgMTUyLjUyOCAyNS44NDc4QzE1NS40MTIgMjUuNDMzOSAxNTkuMDk3IDI0LjkyOCAxNjMuMzYgMjUuNjg5M0MxNjcuNjI0IDI2LjQ1MDcgMTYyLjcyMiAyOC41MTYxIDE1OS4yNjQgMzAuNTM1QzE1NS44MDcgMzIuNTUzOSAxNDIuNzU4IDM0LjA2IDE0NS41NTUgNDcuMTUwM0MxNDguMzUyIDYwLjI0MDUgMTY0LjQ1MiA2MC44NjExIDE3My44NiA1OC40Njc2QzE4NC43NTIgNTUuNjk2OSAxODYuNzIzIDQ0LjczNDMgMTg1Ljc5MSAzOS45MzgxQzE4NS42MDYgMzguOTkwNyAxODUuNjQgMzguNTU3NiAxODUuMTE5IDM3LjYyMTJDMTgwLjM4MSA0Mi42OTY5IDE3Ny42NDggNDMuNjIzMyAxNzUuNDE3IDQ0LjY5NjJDMTcxLjIwMSA0Ni43MjM5IDE2NS4yNTIgNDYuOTA3IDE2My4zNiA0NC42OTYyQzE2MS40NjkgNDIuNDg1NSAxNjUuOTI4IDQzLjE2MjIgMTczLjg2IDM5LjMyODhDMTgxLjc5MyAzNS40OTU0IDE4Ni40NjIgMjkuMDA1NiAxODMuMzY3IDIxLjc4NDZDMTgwLjI3MiAxNC41NjM2IDE2OC42NzggMTAuOTc0NyAxNTcuNTM5IDE0LjIzOTlaIiBmaWxsPSJibGFjayIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjE7Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjEwLjU1OSAxMy4wMzYxQzIxOS45ODEgMTMuMDM2MSAyMzIuNjI3IDE3LjE5MDYgMjMyLjYyNyAzNC44NzI3QzIzMi42MjcgMzcuMDkyOSAyMzIuNTA5IDM3LjE5MzEgMjMyLjI4NSAzOS4wMjMxQzIzMi4yODUgMzkuMDIzMSAyMjYuMTQ3IDQwLjI4OTYgMjE4LjkxNSA0MC43NDY2QzIxMi43NjYgNDEuMTM1MiAyMDYuNzQyIDM5Ljg1NCAyMDYuNzQyIDM5Ljg1NEMyMDYuNzQyIDM5Ljg1NCAyMDcuMDkxIDQxLjk2MzEgMjA3LjYwMiA0My40ODg2QzIwOC41MzIgNDYuMjcyMSAyMTIuNjk5IDQ4Ljc1NzQgMjE0LjUyNiA0OS4zNDY0QzIyMC4yMzkgNTEuMTg3NyAyMzEuOTMzIDQ4Ljk1NiAyMzIuNjI3IDQ2LjUyMTRDMjMyLjYyNyA0Ni41MjE0IDIzMi45MjMgNDguOTk5NCAyMzAuODM3IDUxLjYzMTRDMjI2LjE5MyA1Ny40ODgxIDIyMS4wODcgNTkuNjQ4MSAyMTEuNTUxIDU5LjY0ODFDMjAyLjAxNCA1OS42NDgxIDE4OS4yMzUgNTcuNzg0NyAxODkuMjM1IDM1LjcwMzZDMTg5LjIzNSAxMy45OTM5IDIwNS4yMjggMTMuMDM2MSAyMTAuNTU5IDEzLjAzNjFaTTIxMS41NTEgMjEuNjc3NUMyMDkuMzE5IDIxLjY3NzUgMjA4LjA3MSAyNi4yMDU5IDIwNy4zMzYgMjkuNDc4QzIwNi45NDYgMzEuMjEyNyAyMDYuNzQyIDM0LjAxNjMgMjA2Ljc0MiAzNC4wMTYzQzIwOC43MTEgMzQuNTE0OSAyMTIuMzk5IDM0LjQzMTggMjE0LjUyNiAzNC4wMTYzQzIxNC41MjYgMzQuMDE2MyAyMTQuNTI2IDMwLjY2NjYgMjE0LjUyNiAyOC41MjAyQzIxNC41MjYgMjQuODQ4OCAyMTMuNzgyIDIxLjY3NzUgMjExLjU1MSAyMS42Nzc1WiIgZmlsbD0iYmxhY2siIHN0eWxlPSJmaWxsOmJsYWNrO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNMzguNzcwNSAxNC42NDk0TDMzLjQwOTIgOC4wMDU4NkwyOS42Mjc5IDE0LjY0OTRMMjQuMzc5OSAxMC4yNzczTDIxLjM4ODcgMTQuNjQ5NEwxNy4yMTI5IDEyLjQ5MTJMMTMuMzE4NCAxNi44NjMzTDE4LjI4NTIgMTQuNjQ5NEwyMS44NDA4IDE3LjQ4ODNMMjQuMzc5OSAxNC42NDk0TDI5LjYyNzkgMjEuMTIyMUwzNC4zMTI1IDE0LjY0OTRMMzguNzcwNSAyMy4wNTI3TDQyLjgzNCAxNy40ODgzQzQzLjU4NjUgMjEuMzY4MyA0NS4zMjgzIDMwLjc1MTYgNDYuMjc2NCAzNy4yNDcxQzQ3LjYxMDcgNDYuMzg4NSA0Ni4yNzY2IDU1Ljg0NDkgMzUuODkyNiA1OC4yNTU5QzI3LjgyMjQgNjAuMTI5NSAyMC4zMTYyIDU4LjAyODQgMTAuODkxNiA1Ny41NzQyQzMuMzUyMTUgNTcuMjEwOSAwLjQ4OTA5NiA1Ny40MjI4IDAgNTcuNTc0MkMxLjI2MDM4IDUyLjY5MTIgMy42MjMyOCA0MC4wOTc1IDIuOTkxMjEgMjguNzg3MUMyLjM1OTE0IDE3LjQ3NjggMC43MzM2NjYgNS45MDUzMSAwIDEuNTMzMkgyNC4zNzk5QzMyLjMyNTkgMS41MzMyIDQxLjQ5ODggMC41MTEwMTMgNDUuMDkxOCAwTDM4Ljc3MDUgMTQuNjQ5NFpNMTcuNjIwMSAzMS40MTQxQzE3LjUwMTUgMzEuNDE0MSAxNy4wODU4IDMxLjU5MzEgMTYuMzc0IDMyLjMwODZDMTUuNDg0MSAzMy4yMDMzIDEzLjk1NzggMzQuNjI3MiAxNC41MDQ5IDM5LjYwMDZDMTQuNzg1NCA0Mi4xNTA3IDE1LjQxNDggNDYuMzEwMSAyMS4xNTQzIDQ2LjkzNjVDMjYuODk0MiA0Ny41NjI4IDI4Ljg5OTkgNDUuOTc5IDI5Ljk0NDMgNDQuODI4MUMzMS41MjYzIDQzLjA4NDkgMzIuNTk0MyA0MC41Njg4IDMyLjA4MDEgMzcuMTg0NkMzMS40MDY1IDMyLjc1MiAyOS43OTY0IDMxLjQxNDIgMjUuNjc2OCAzMC45MDgyQzIzLjIwNCAzMC42MDQ1IDIxLjkyMzYgMzAuOTA4MSAyMS40MDQzIDMwLjkwODJMMTYuMzc0IDI2LjUxMzdMMTcuNjIwMSAzMS40MTQxWiIgZmlsbD0iYmxhY2siIHN0eWxlPSJmaWxsOmJsYWNrO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNMjQ1LjYyMiAxNC42MzUxQzI1My4wNDIgMTQuMzE1MyAyNTkuMzM5IDEyLjUxNjcgMjY1LjYyMiAxNC42MzUxQzI3MS45MDUgMTYuNzUzOCAyNzcuMzU0IDIwLjk4OTIgMjc5LjE4MyAyNy4wOTYxQzI4MC4zNTIgMzAuOTk5NyAyODAuNDc1IDM2LjU0MTggMjc5LjUwNCA0MS43MjRDMjc4LjMxNyA0OC4wNjIzIDI3NC41MDQgNTQuMjYyMyAyNjkuNDEgNTYuMDYxOUMyNjQuMzE2IDU3Ljg2MTMgMjU4LjQ3OSA1Ny43NDIzIDI1NC4xODYgNTYuNjUyN0wyNTMuODMzIDcxLjM2ODVIMjM1LjQxNEMyMzYuNDE4IDY1LjczNDggMjM3Ljc1IDQ3LjM5MzcgMjM3Ljc1IDQxLjcyNEMyMzcuNzUgMzYuMDU0OCAyMzYuNjA3IDIyLjA4NDUgMjM1LjYwMyAxNC4zMTU4QzIzNy43NSAxNC42MzU2IDI0MS40NjggMTQuODE0MiAyNDUuNjIyIDE0LjYzNTFaTTI1OC4zOTEgMjUuMDk2MUMyNTYuNTMzIDIxLjAxOTMgMjUzLjExIDE5LjcxODQgMjUzLjk5OCAyOS43ODQ1VjUwLjAxNEMyNTUuMTYyIDUwLjMzOSAyNTcuOTQ2IDQ5LjU3MTUgMjU5LjM2OSA0NS45NjQyQzI2MS4wNDYgNDEuNzE1NyAyNjAuOTA3IDM1LjQ0NzkgMjYwLjE5OCAzMS40MTI1QzI1OS43MDMgMjguNTkyNSAyNTkuNDgzIDI3LjQ5MzkgMjU4LjM5MSAyNS4wOTYxWiIgZmlsbD0iYmxhY2siIHN0eWxlPSJmaWxsOmJsYWNrO2ZpbGwtb3BhY2l0eToxOyIvPgo8L3N2Zz4K') ;
        display: inline-block;
        width: 348px;
        height: 72px;
        position: absolute;
        left: -1000px;
    }
    .relative_width {height: 120px; margin-left: 20%}

    .info {border: 1px solid #888}
    
}