@charset "UTF-8";

:root{
    --primary-color: #165078;
    --second-color: #F0CD38;
    --gradient_main: linear-gradient(to right, #ffb308 0%, var(--primary-color) 100%);
    --background-light-color: rgba(205, 219, 231, 0.37);
    --icon-color: #55BAE6; 
}


a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

body {
    margin: 0;
}

body, h1 {
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section, video {
    display: block;
}

:focus {
    outline: 0;
}

body, html {
    height: 100%;
}

a, body {
    color: #3c2e3f;
}

body {
    min-width: 320px;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

ol, ul {
    list-style-position: inside;
}

a {
    -webkit-transition: .2s;
    transition: .2s;
}

a img {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

a, a:hover {
    text-decoration: none;
}

a:hover img {
    opacity: .8;
}

input[type=email], input[type=password], input[type=tel], input[type=text] {
    width: 100%;
}

input[type=email], input[type=password], input[type=tel], input[type=text], textarea {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 10px 20px;
    background: #fff;
    border: 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-box-shadow: 0 0 15px rgba(201, 204, 221, .4);
    box-shadow: 0 0 15px rgba(201, 204, 221, .4);
    border-radius: 10px;
    z-index: 2;
    -webkit-appearance: none;
}

input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 15px #ffd5c5;
    box-shadow: 0 0 15px #ffd5c5;
}

textarea {
    overflow: auto;
    width: 100%;
    height: 200px;
}

.button, input[type=button], input[type=submit] {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 10px 20px;
    color: var(--primary-color);
    background: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-transition: .2s;
    transition: .2s;
    border: 3px solid var(--primary-color);
    border-radius: 25px;
}

.button:hover, input[type=button]:hover, input[type=submit]:hover {
    color: #fff;
    background-color: var(--primary-color);
}

#site, .wrapper_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#site {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    min-height: 100%;
}

.container_box {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 100%;
}

.wrapper_box {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.main_box {
    display: block;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    position: relative;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.footer_box, .sidebar_box {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.sidebar_box {
    display: block;
    width: 380px;
    margin-left: 50px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.footer_box {
    z-index: 1;
}

.fixed {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    z-index: 2;
}

.hexed img {
    border-radius: 10px;
    -webkit-clip-path: url(#hexagon);
    clip-path: url(#hexagon);
}

.png_hidden {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

.header_box {
    display: block;
    position: relative;

    background-size: cover;
    margin-bottom: 60px;
}

/*
.header_box.front {
	background-image: url(../images/bg_header_1.jpg);
}
*/
.header_box .header {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    max-width: 900px;
}

.header_box .links {
    display: block;
    position: relative;
    margin-top: -60px;
}

.header_box .links li, .header_box .links ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header_box .links ul {
    width: 420px;
    margin-left: auto;
}

.header_box .links li, .header_box .links ul, .header_box .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header_box .links li {
    -ms-flex-line-pack: center;
    align-content: center;
    height: 60px;
    padding: 0 10px;
}

.header_box .category:hover, .header_box .links li a:hover, .header_box .links li.active > a, .header_box .title:hover {
    color: var(--primary-color);
}

.header_box .links a {
    display: block;
    color: #4277b2;
    font-size: 13px;
    font-weight: 300;
    text-decoration: none;
}

.header_box .navigation {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px;
}

.header_box .search {
    display: block;
    position: relative;
    width: 420px;
    margin-left: auto;
}

.header_box input[type=text] {
    -webkit-box-shadow: 0 5px 13px rgba(155, 168, 174, .29);
    box-shadow: 0 5px 13px rgba(155, 168, 174, .29);
    border-radius: 30px;
    background: rgba(255, 255, 255, .7);
    padding: 20px 50px 20px 30px;
    font-size: 16px;
    line-height: 20px;
}

.header_box input[type=submit] {
    display: block;
    width: 40px;
    height: 40px;
    background: #FFFFFF url(../images/ico_search.png) 50% 50% no-repeat;
    background-size: 70%;
    padding: 0;
    margin: 0;
    border: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
}

.header_box .menu li a:hover, .header_box .menu li.active > a, .header_box input[type=submit]:hover {
    background-color: var(--primary-color);
}

.header_box .menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background: #fcba26 url(../images/bg_menu.png) 50% 50% no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0 17px 38px rgba(198, 197, 82, .6);
    box-shadow: 0 17px 38px rgba(198, 197, 82, .6);
}

.header_box .menu ul {
    display: none;
}

.header_box .menu li {
    display: block;
    position: relative;
}

.header_box .menu li:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: 1px solid rgba(255, 255, 255, .2);
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.header_box .menu li:last-child:after {
    display: none;
}

.header_box .menu li.ico_1 > a:before {
    background-image: url(../images/ico_menu_1.png);
}

.header_box .menu li.ico_2 > a:before {
    background-image: url(../images/ico_menu_2.png);
}

.header_box .menu li.ico_3 > a:before {
    background-image: url(../images/ico_menu_3.png);
}

.header_box .menu li.ico_4 > a:before {
    background-image: url(../images/ico_menu_4.png);
}

.header_box .menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    color: #808a23;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    padding: 0 20px;
    background-color: transparent;
}

.header_box .heading:before, .header_box .menu a:before {
    content: '';
    display: block;
    margin-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
}

.header_box .menu a:before {
    background: #ff6326 50% 50% no-repeat;
    width: 40px;
    height: 40px;
}

.header_box .featured {
    display: block;
    position: relative;
    margin-top: 60px;
}

.header_box .heading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #003583;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
}

.header_box .heading:before {
    width: 45px;
    height: 45px;
    background: #F0CD38 url(../images/ico_menu_0.png) 50% 50% no-repeat;
    background-size: 80%;
}

.header_box .heading, .header_box .item, .header_box .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header_box .items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
    max-width: 768px;
    width: 100%;
}

.header_box .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header_box .thumb {
    display: block;
    position: relative;
    margin-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 120px;
}

.header_box .thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.header_box .title {
    display: block;
    position: relative;
    color: #3c2e3f;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 26px;
    max-width: 200px;
}

.header_box .title:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 50px;
    height: 3px;
    border-radius: 2px;
    background-color: var(--primary-color);
}

.header_box .category {
    display: inline-block;
    color: #4277b2;
    font-size: 13px;
    font-weight: 300;
}

.breadcrumbs_box {
    display: block;
    position: relative;
    margin-bottom: 28px;
}

.breadcrumbs_box a, .breadcrumbs_box b, .breadcrumbs_box span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #4277b2;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.breadcrumbs_box a:hover {
    color: var(--primary-color);
}

.breadcrumbs_box a.home {
    padding-left: 22px;
}

.breadcrumbs_box a.home:before {
    content: '';
    position: absolute;
    left: -10%;
    top: -20%;
    margin: auto;
    background: url(../images/ico_home.png) 0 0 no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}

.breadcrumbs_box b {
    width: 0;
    height: 0;
    border-left: 3px solid #4277b2;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    margin: 0 7px 0 10px;
}

.comment, .comment_inner, .comments, .comments_box {
    display: block;
    position: relative;
    overflow: hidden;
}

.comments_box {
    margin-bottom: 60px;
}

.comment:last-child .comment_inner {
    border-bottom-width: 0;
}

.comment .comment_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px;
    line-height: 1.4;
}

.comment .comment, .comment + .comment {
    margin-top: 30px;
}

.comment .comment {
    margin-left: 30px;
}

.comment .comment:last-child .comment_inner {
    border-bottom-width: 1px;
}

.comment .comment-respond {
    margin-top: 30px;
}

.comment.depth-3 .comment {
    margin-left: 0;
}

.comment .thumb {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 70px;
    margin-right: 20px;
}

.comment .thumb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.comment .heading {
    display: block;
    margin-bottom: 10px;
}

.comment .name {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 300;
    margin-right: 20px;
    color: #ff6326;
}

.comment .comment-reply-link {
    display: inline-block;
    text-decoration: none;
    background-color: #fcba26;
    padding: 3px 10px;
    color: #3c2e3f;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    border-radius: 20px;
    position: relative;
    z-index: 3;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
}

.comment .comment-reply-link:hover {
    color: #fff;
    background-color: #4277b2;
}

.comment .text {
    font-style: normal;
}

.comment .text p {
    margin-bottom: 12px;
}

.comment .date {
    display: block;
    position: relative;
    opacity: .7;
    color: #3c2e3f;
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    font-weight: 300;
    margin-top: 12px;
}

.comment .comment_on_moderation {
    font-style: italic;
    color: #900;
}

.comment-reply-title, .comment-respond .comment-notes {
    display: none;
}

.comment-respond {
    display: block;
    position: relative;
    margin-bottom: 60px;
    border-radius: 10px;
    background-color: var(--background-light-color);
    padding: 30px;
}

.comment-respond .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0 -10px;
}

.comment-respond .field {
    display: block;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 20px;
}

.comment-respond p, .comment-respond textarea {
    margin-bottom: 20px;
}

.comment-respond p.form-submit {
    overflow: hidden;
    width: 100%;
}

.comment-respond .login, .comment-respond .logout {
    font-weight: 700;
}

#toc_container a, .comment-respond .logout {
    text-decoration: none;
}

.comment-respond .logout:hover {
    text-decoration: underline;
}

.comment-respond .login {
    color: #953c21;
}

.comment-respond input[type=checkbox] {
    display: block;
    position: absolute;
    left: -1000px;
    visibility: hidden;
}

.comment-respond input[type=checkbox] + label {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.comment-respond input[type=checkbox] + label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.comment-respond input[type=checkbox] + label:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
    top: 5px;
    left: 5px;
    z-index: 2;
    opacity: 0;
}

.comment-respond input[type=checkbox]:checked + label:after {
    opacity: 1;
}

h1 {
    display: block;
    margin: 0 0 25px;
    font-size: 36px;
    font-weight: 400;
}

.content_box {
    display: block;
    position: relative;
    margin-bottom: 60px;
}

.content h2, .content h3, .content h4, .content h5, .content h6 {
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 1.2;
}

.content h2 {
    font-size: 28px;
}

.content h3 {
    font-size: 24px;
}

.content h4 {
    font-size: 20px;
}

.content h5 {
    font-size: 18px;
}

.content h6 {
    font-size: 16px;
}

.content .table_wrapper, .content div[id^=yandex], .content p, .content > ol, .content > table, .content > ul {
    margin-bottom: 25px;
}

.content a {
    text-decoration: underline;
    color: #4277b2;
}

.content a:hover {
    text-decoration: none;
    color: var(--primary-color);
}

.content .table_wrapper {
    overflow: auto;
}

.content li, .content ol, .content ul {
    display: block;
    position: relative;
}

.content ol ol, .content ol ul, .content ul ol, .content ul ul {
    display: block;
    margin-left: 0;
    padding-top: 11px;
}

.content li {
    margin-bottom: 10px;
    padding: 5px 0 5px 35px;
}

.content blockquote :last-child, .content li:last-child, .content > :last-child {
    margin-bottom: 0;
}

.content ul > li:before {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    left: 6px;
    background: url(../images/ico_list.png) 0 0 no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.content ol {
    counter-reset: list;
}

.content ol > li {
    counter-increment: list;
}

.content ol > li:before {
    content: counter(list);
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    text-align: center;
    min-width: 23px;
    height: 23px;
    border-radius: 12px;
    color: #fff;
    background-color: #ff6326;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
}

.content img, .content table {
    width: auto;
    max-width: 100%;
    height: auto;
}

.content table {
    border-spacing: 0;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
}

.content td, .content th {
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
}

.content td:first-child, .content th:first-child {
    text-align: left;
}

.content th, .logo_box .logo:hover span {
    color: #fff;
    background-color: var(--primary-color);
}

.content tr:nth-child(2n) td {
    background-color: var(--background-light-color);
}

.content .alignleft {
    float: left;
    max-width: 60%;
    margin: 0 20px 25px 0;
}

.content .alignright {
    float: right;
    max-width: 60%;
    margin: 0 0 25px 20px;
}

.content .alignnone {
    margin: 0 0 25px;
}

.content .aligncenter {
    display: block;
    margin: 0 auto 25px;
}

.content blockquote {
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
    padding: 15px 20px;
    border-radius: 10px;
    background: var(--background-light-color);
}

.content blockquote p{
    font-size: 1.2em ;
}
.content .wp-caption-text {
    display: block;
    margin: 0;
    text-align: center;
}

.content .wp-caption, .gallery .gallery-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content .wp-caption {
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 25px;
    background: var(--background-light-color);
    display: block;
}

.content .wp-caption .wp-caption-text {
    padding: 10px;
}

.content .wp-caption a, .content .wp-caption img {
    display: block;
    position: relative;
    margin: 0;
}

.gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    margin: 0 -5px 10px;
}

.gallery .gallery-item {
    display: inline-block;
    width: 33.33%;
    margin: 0 0 10px;
    padding: 0 5px;
    vertical-align: top;
}

.gallery .gallery-icon {
    display: block;
    margin: 0;
    background: var(--background-light-color);
}

.gallery .gallery-icon a, .gallery .gallery-icon img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.gallery .gallery-caption {
    display: block;
    padding: 10px;
    text-align: center;
    background: var(--background-light-color);
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.11%;
}

.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
    display: none;
}

.content .wpcmsdev-alert {
    border: 0;
    margin: 0 0 25px;
    padding: 20px;
    border-radius: 10px;
}

.content .wpcmsdev-alert.has-icon {
    color: #3c2e3f;
    border: 2px solid var(--primary-color);
    background: 0 0;
    padding-left: 100px;
}

.content .wpcmsdev-alert.has-icon > .fa {
    left: 0;
    width: 100px;
    text-align: center;
    font-size: 40px;
    color: var(--primary-color);
}

.content .wpcmsdev-alert.color-red {
    border-color: #ff6326;
}

.content .wpcmsdev-alert.color-red > .fa {
    color: #ff6326;
}

.content .wpcmsdev-alert.color-yellow {
    border-color: #fcba26;
}

.content .wpcmsdev-alert.color-yellow > .fa {
    color: #fcba26;
}

.content .wpcmsdev-alert.color-blue {
    border-color: #00aced;
}

.content .wpcmsdev-alert.color-blue > .fa {
    color: #00aced;
}

.content .wpcmsdev-alert p {
    margin: 10px 0;
}

.content .wpcmsdev-alert p:empty {
    display: none;
}

.discussion_box, .featured_box {
    display: block;
    position: relative;
    margin-bottom: 60px;
}

.discussion_box .item, .discussion_box .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.discussion_box .items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -25px -20px;
}

.discussion_box .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #e8ebe5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(50% - 50px);
    margin: 0 25px 20px;
    padding: 20px 40px;
}

.discussion_box .thumb {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100px;
    margin-right: 40px;
}

.discussion_box .count, .discussion_box .thumb img, .featured_box .thumb img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.discussion_box .count {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    background-color: #ff6326;
    border-radius: 50%;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    color: #fff;
    display: none;
}

.discussion_box .count:after {
    content: '';
    display: block;
    position: absolute;
    right: 4px;
    bottom: -6px;
    background: url(../images/ico_arrow.png) 0 0 no-repeat;
    background-size: contain;
    width: 14px;
    height: 17px;
}

.discussion_box .info {
    display: block;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.discussion_box .title {
    display: block;
    color: #3c2e3f;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
}

.discussion_box .more:hover, .discussion_box .title:hover, .featured_box .title:hover {
    color: var(--primary-color);
}

.discussion_box .more {
    display: inline-block;
    color: #4277b2;
    font-size: 14px;
    font-weight: 400;
}

.featured_box {
    padding: 60px 0;
    background-color: #f1f4f7;
}

.featured_box .featured {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -25px;
}

.featured_box .item, .featured_box .links {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding: 0 25px;
}

.featured_box .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.featured_box .thumb {
    display: block;
    position: relative;
    width: 180px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 30px;
}

.featured_box .thumb img {
    z-index: 1;
}

.featured_box .icon {
    display: block;
    position: absolute;
    background: #F0CD38 url(../images/ico_lamp.png) 50% 50% no-repeat;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 2;
    left: 15px;
    top: -5px;
}

.featured_box .label, .featured_box .title {
    display: block;
    color: #F0CD38;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 25px;
}

.featured_box .title {
    color: #3c2e3f;
    font-size: 32px;
    line-height: 1.1;
}

.featured_box .link, .featured_box .text {
    display: block;
    color: #3c2e3f;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 30px;
}

.featured_box .link {
    position: relative;
    font-family: "Ubuntu", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 20px;
    padding-left: 50px;
}

.featured_box .link:before {
    content: '';
    display: block;
    position: absolute;
    height: 3px;
    width: 20px;
    border-radius: 2px;
    background-color: #ff6326;
    left: 0;
    top: 11px;
}

.featured_box .link:hover {
    color: #ff6326;
}

.featured_box .link:last-child {
    margin-bottom: 0;
}

.logo_box, .modal_box, .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.logo_box, .logo_box .logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo_box .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #3c2e3f;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.logo_box .logo:hover {
    color: var(--primary-color);
}

.logo_box .logo:before {
    content: '';
    display: block;
    /*	width: 60px;*/
    /*	height: 50px;*/
    width: 150px;
    height: calc(150px / 1.76);
    margin-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.logo_box .logo span, .pagination a, .pagination span {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: .2s;
    transition: .2s;
}

.logo_box .logo span {
    color: #3c2e3f;
    width: 35px;
    background-color: #fcba26;
    margin-left: 5px;
    display: block;
    font-size: 14px;
    line-height: 37px;
    height: 35px;
    border-radius: 50%;
}

.logo_box .slogan {
    display: block;
    margin-left: 15px;
    opacity: .7;
    color: #3c2e3f;
    font-size: 12px;
    font-weight: 400;
    max-width: 160px;
}

.modal_box, .pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal_box, .modal_box .modal {
    -webkit-transition: .5s;
    transition: .5s;
}

.modal_box {
    visibility: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, .8);
    opacity: 0;
    z-index: 10;
    top: 0;
    padding: 20px;
    position: fixed;
}

.modal_box.is_visible {
    visibility: visible;
    opacity: 1;
}

.modal_box.is_visible .modal {
    top: 0;
}

.modal_box .modal {
    display: block;
    position: relative;
    top: -600px;
    overflow: hidden;
    width: 100%;
    max-width: 500px;
    margin: auto;
    padding: 40px;
    background-color: #fff;
    text-align: center;
}

.modal_box .close {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    background: 0 0;
    border: 0;
    outline: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.modal_box .close:after, .modal_box .close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000;
    -webkit-transition: .2s;
    transition: .2s;
}

.modal_box .close:before {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}

.modal_box .close:hover:after, .modal_box .close:hover:before {
    background-color: #090;
}

.pagination {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    text-align: center;
    margin: 0 -3px 55px;
}

.pagination a, .pagination span {
    display: inline-block;
    height: 40px;
    min-width: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 20px;
    margin: 0 3px 5px;
    padding: 0 10px;
    font-size: 17px;
    line-height: 33px;
    border: 3px solid var(--primary-color);
}

.pagination span {
    border-color: #fcba26;
    background-color: #fcba26;
    color: #3c2e3f;
}

.pagination a {
    color: var(--primary-color);
    background-color: #fff;
}

.pagination a:hover {
    border-color: #fcba26;
    color: #fcba26;
    background-color: #fff;
}

.pagination .extend {
    border-color: transparent;
    background: 0 0;
}

.pagination span.next, .pagination span.prev {
    background: 0 0;
    color: #0d7b0d;
}

.popular_box, .posts_box {
    display: block;
    position: relative;
    margin-bottom: 60px;
}

.popular_box .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.popular_box .title_box {
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.popular_box .navigation {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 60px;
}

.popular_box .buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-left: 70px;
}

.popular_box .buttons:after, .popular_box .buttons:before {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 100%;
    width: 1000px;
    height: 1px;
    background-color: var(--background-light-color);
}

.popular_box .buttons:after {
    margin-right: 15px;
    left: auto;
    right: 100%;
}

.popular_box .buttons span {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    width: 15px;
    height: 15px;
    margin-right: 15px;
    background-color: #85abca;
    border-radius: 50%;
}

.popular_box .buttons span.active, .popular_box .buttons span:hover, .popular_box .title:hover:before {
    background-color: #ff6326;
}

.popular_box .slider {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
}

.popular_box .slide {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.33;
    white-space: normal;
}

.popular_box .bordered .item {
    padding-top: 30px;
    border-top: 1px solid #dee7ec;
}

.popular_box .bordered .item:nth-child(1), .popular_box .bordered .item:nth-child(2) {
    border-top-width: 0;
    padding-top: 0;
}

.popular_box .item, .popular_box .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.popular_box .items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -30px -15px 0;
}

.popular_box .item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: calc(50% - 30px);
    margin: 30px 15px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popular_box .item.wide {
    width: calc(100% - 30px);
}

.popular_box .thumb {
    display: block;
    position: relative;
    width: 240px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 30px;
}

.popular_box .thumb img, .posts_box .thumb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.popular_box .title {
    display: block;
    color: #3c2e3f;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 40px;
    position: relative;
}

.popular_box .title:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -21px;
    height: 3px;
    width: 50px;
    border-radius: 2px;
    background-color: var(--primary-color);
    -webkit-transition: .2s;
    transition: .2s;
}

.popular_box .title:hover {
    color: var(--primary-color);
}

.popular_box .text {
    display: block;
    margin-bottom: 18px;
}

.popular_box .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
    color: rgba(60, 46, 63, .7);
}

.popular_box .likes, .popular_box .replies, .popular_box .views {
    display: block;
    position: relative;
    margin-right: 30px;
    padding-left: 22px;
}

.popular_box .likes {
    margin-right: 0;
    padding-left: 20px;
    color: #ff6326;
    font-weight: 400;
}

.popular_box .views:before {
    margin-top: -5px;
    width: 14px;
    height: 14px;
}

.popular_box .likes:before, .popular_box .replies:before, .popular_box .views:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(../images/ico_views.png) 0 0 no-repeat;
    background-size: contain;
}

.popular_box .replies:before {
    background-image: url(../images/ico_comments.png);
    background-size: contain;
    width: 15px;
    height: 14px;
    margin-top: -6px;
}

.popular_box .likes:before {
    background-image: url(../images/ico_likes.png);
    background-size: contain;
    width: 13px;
    height: 12px;
    margin-top: -6px;
}

.posts_box .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0 -15px -30px;
}

.posts_box .item {
    display: block;
    width: calc(33.33% - 30px);
    margin: 0 15px 30px;
    border-radius: 20px;
    border: 3px solid transparent;
    padding: 27px;
    background-color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 38px rgba(140, 167, 136, .25);
    box-shadow: 0 0 38px rgba(140, 167, 136, .25);
}

.posts_box .item:hover {
    border-color: #79be27;
}

.posts_box .item img {
    max-width: 195px;
    max-height: 126px;
}

.posts_box .wide .item {
    width: calc(25% - 30px);
}

.posts_box .thumb {
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.posts_box .category, .posts_box .title {
    display: inline-block;
    color: #4277b2;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 15px;
}

.footer_box .menu a:hover, .posts_box .category:hover, .posts_box .title:hover, .widget_box .discussion .more:hover, .widget_box .discussion .title:hover, .widget_box .featured .title:hover {
    color: var(--primary-color);
}

.posts_box .title {
    display: block;
    position: relative;
    color: #3c2e3f;
    font-size: 18px;
    font-weight: 400;
}

.posts_box .text {
    display: block;
    color: rgba(60, 46, 63, .8);
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
}

.posts_box .button {
    margin-top: 50px;
}

.social_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 60px;
    padding: 20px 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    background-color: var(--background-light-color);
}

.social_box .label {
    display: block;
    position: relative;
    color: #3c2e3f;
    font-size: 17px;
    font-weight: 500;
    margin-right: 30px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.social_box .like, .social_box .like:before {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.social_box .like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--primary-color);
    background-size: 100% 100%;
    padding: 8px 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-box-shadow: 0 6px 7px rgba(198, 197, 82, .36);
    box-shadow: 0 6px 7px rgba(198, 197, 82, .36);
    border-radius: 25px;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
}

.social_box .like:hover {
    background-size: 200% 100%;
}

.social_box .like:before {
    content: '';
    display: block;
    margin-right: 10px;
    background: url(../images/ico_like.png) 0 0 no-repeat;
    background-size: contain;
    width: 21px;
    height: 22px;
    position: relative;
    top: -1px;
}

.social_box .like span {
    opacity: .6;
    font-size: 15px;
    font-weight: 500;
    margin-left: 20px;
}

.social_box .social {
    display: block;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
    margin-left: auto;
}

.social_box .social img {
    display: inline-block;
    max-width: 100%;
    width: auto;
    height: auto;
}

.title_box, .title_box h1 {
    display: inline-block;
    background: var(--primary-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.title_box {
    position: relative;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--primary-color);
}

.title_box h1 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
}

#toc_container {
    border-radius: 10px;
    margin-bottom: 25px;
    background: var(--background-light-color);
    padding: 25px 30px;
}

#toc_container .toc_title {
    font-size: 24px;
    font-weight: 400;
    color: #3c2e3f;
    margin-bottom: 15px;
}

#toc_container li {
    padding: 0 0 5px 20px;
    line-height: 1.7em;
    color: #124782;
}
#toc_container li a {
    color: inherit;
}

#toc_container li:before {
    width: 8px;
    height: 8px;
    top: 6px;
    left: 3px;
    background: #40a629;
    border-color: transparent;
    border-radius: 50%;
}

.widget_box {
    margin-bottom: 60px;
}

#toc_container, #toc_container .toc_title, .footer_box, .widget_box, .widget_box .featured, .widget_box .featured .thumb {
    display: block;
    position: relative;
}

.widget_box .featured .thumb {
    width: 180px;
    margin-bottom: 25px;
}

.widget_box .featured .icon {
    display: block;
    position: absolute;
    background: #fcba26 url(../images/ico_lamp.png) 50% 50% no-repeat;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 2;
    left: 10px;
    top: -10px;
}

.widget_box .featured .title {
    display: block;
    color: #3c2e3f;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 25px;
    line-height: 1.1;
}

.widget_box .featured .text {
    display: block;
    color: #3c2e3f;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 30px;
}

.widget_box .featured img {
    z-index: 1;
}

.footer_box .navigation, .widget_box .discussion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.widget_box .discussion {
    position: relative;
    border-radius: 20px;
    border: 1px solid #e8ebe5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 20px;
}

.widget_box .discussion .thumb {
    display: block;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100px;
    margin-right: 20px;
}

.widget_box .discussion .count {
    display: none;
    position: absolute;
    top: -15px;
    left: -5px;
    width: 35px;
    height: 35px;
    background-color: #ff6326;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    color: #fff;
}

.widget_box .discussion .count:after {
    content: '';
    display: block;
    position: absolute;
    right: 4px;
    bottom: -6px;
    background: url(../images/ico_arrow.png) 0 0 no-repeat;
    width: 14px;
    height: 17px;
}

.widget_box .discussion .info {
    display: block;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.widget_box .discussion .title {
    display: block;
    color: #3c2e3f;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
}

.footer_box .menu a, .widget_box .discussion .more {
    display: inline-block;
    color: var(--second-color);
    font-size: 14px;
    font-weight: 400;
}

.footer_box .development:after, .widget_box .discussion img, .widget_box .featured img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.footer_box {
    background-color: var(--background-light-color);
    color: rgb(255, 254, 250);
    overflow: hidden;
}

.footer_box .navigation {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 0;
    border-bottom: 1px solid #dee7ec;
}

.footer_box .logo_box {
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.footer_box .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
}

.footer_box .menu li {
    display: block;
    margin: 0 20px;
}

.footer_box .menu a {
    font-size: 13px;
    font-weight: 300;
}

.footer_box .counters {
    display: block;
}

.footer_box .counters img {
    display: block;
    width: auto;
    height: auto;
}

.footer_box .footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.footer_box .agreement {
    display: block;
    /*color: #4277b2;*/
    font-size: 13px;
    font-weight: 300;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
}

.footer_box .agreement:hover {
    color: var(--primary-color);
}

.footer_box .development {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*color: #232538;*/
    font-size: 10px;
    font-weight: 400;
    text-align: right;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer_box .development:after {
    content: '';
    right: 0;
    background: url(../images/ico_brand.png) 0 0 no-repeat;
    width: 74px;
    height: 24px;
    margin-left: 13px;
}


.footer_info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 0.8em;
    line-height: 16px;
    color: #E1E5EA;
}

.footer_info > div {
    margin-right: 20px;
}

.copy, .link__agreement {
    float: left;
    font-size: inherit;
    white-space: nowrap;
}
.link__footer{
    font-size: inherit;
}

@media (max-width: 1150px) {
    .sidebar_box {
        width: 300px;
        margin-left: 30px;
    }

    .featured_box .link {
        padding-left: 40px;
    }

    .posts_box .item {
        width: calc(50% - 30px);
    }

    .posts_box .thumb img {
        max-width: none;
    }

    .social_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .social_box .social {
        text-align: center;
        margin-top: 20px;
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .wrapper_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .wrapper_box .main_box {
        width: 100%;
    }

    .sidebar_box {
        margin-left: 0;
        width: 100%;
        max-width: 380px;
        margin-top: 20px;
    }

    .header_box {
        margin-bottom: 30px;
    }

    .header_box .header {
        padding: 30px 0;
    }

    .header_box .links {
        margin-top: -30px;
    }

    .header_box .links li {
        height: 50px;
    }

    .header_box .menu {
        margin: 0 auto;
    }

    .header_box .menu a {
        padding: 0 15px;
    }

    .header_box .menu a:before {
        margin-right: 15px;
    }

    .header_box .links ul, .header_box .search {
        width: 360px;
    }

    .header_box input[type=text] {
        font-size: 15px;
        padding: 15px 40px 15px 20px;
    }

    .header_box input[type=submit] {
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
    }

    .header_box .navigation {
        margin-bottom: 30px;
    }

    .header_box .featured {
        margin-top: 30px;
    }

    .breadcrumbs_box, .header_box .heading {
        margin-bottom: 20px;
    }

    .comments_box {
        margin-bottom: 30px;
    }

    .comment .comment {
        margin-left: 20px;
    }

    .comment .comment, .comment + .comment {
        margin-top: 20px;
    }

    .comment-respond {
        padding: 20px;
    }

    .comment-respond .fields {
        margin-bottom: 0;
    }

    h1 {
        font-size: 28px;
    }

    .comment-respond, .content_box, .discussion_box {
        margin-bottom: 30px;
    }

    .content h2 {
        font-size: 24px;
    }

    .content h3 {
        font-size: 20px;
    }

    .content h4 {
        font-size: 18px;
    }

    .content h5 {
        font-size: 17px;
    }

    .content h6 {
        font-size: 15px;
    }

    .content td, .content th {
        padding: 10px 12px;
    }

    .content .wpcmsdev-alert {
        padding: 20px 20px 10px;
    }

    .content .wpcmsdev-alert.has-icon {
        padding-left: 80px;
    }

    .content .wpcmsdev-alert.has-icon > .fa {
        font-size: 32px;
        width: 80px;
    }

    .discussion_box .items {
        margin: 0 -10px -20px;
    }

    .discussion_box .item {
        width: calc(50% - 20px);
        margin: 0 10px 20px;
        padding: 20px;
    }

    .discussion_box .thumb, .featured_box .thumb {
        margin-right: 20px;
    }

    .featured_box {
        padding: 30px 0;
    }

    .featured_box .label {
        margin-bottom: 15px;
    }

    .featured_box .title {
        margin-bottom: 15px;
        font-size: 24px;
    }

    .featured_box .link {
        font-size: 17px;
        padding-left: 30px;
        margin-bottom: 15px;
    }

    .featured_box .link:before {
        top: 10px;
        width: 15px;
    }

    .modal_box .modal {
        padding: 20px;
    }

    .featured_box, .pagination, .popular_box, .posts_box, .social_box {
        margin-bottom: 30px;
    }

    #toc_container, .popular_box .heading {
        margin-bottom: 20px;
    }

    .popular_box .navigation {
        margin-left: 40px;
    }

    .popular_box .items {
        margin-left: -10px;
        margin-right: -10px;
    }

    .popular_box .item {
        width: calc(50% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }

    .popular_box .item.wide {
        width: calc(100% - 20px);
    }

    .popular_box .thumb {
        width: 160px;
        margin-right: 15px;
    }

    .popular_box .title {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 30px;
    }

    .popular_box .title:before {
        bottom: -17px;
    }

    .popular_box .text {
        margin-bottom: 12px;
    }

    .posts_box .items {
        margin: 0 -10px -20px;
    }

    .posts_box .item {
        margin: 0 10px 20px;
        padding: 17px;
    }

    .posts_box .item, .posts_box .wide .item {
        width: calc(50% - 20px);
    }

    .posts_box .category, .posts_box .thumb, .posts_box .title {
        margin-bottom: 10px;
    }

    .posts_box .button {
        margin-top: 30px;
    }

    .social_box {
        padding: 20px;
    }

    .social_box .label {
        margin: 10px 20px 10px 0;
    }

    .title_box {
        font-size: 26px;
        margin-bottom: 20px;
    }

    #toc_container {
        padding: 15px 20px;
    }

    #toc_container .toc_title {
        font-size: 21px;
    }

    .widget_box .featured .thumb {
        margin-bottom: 15px;
    }

    .widget_box .featured .title {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .widget_box .featured .text {
        margin-bottom: 20px;
    }

    .widget_box {
        margin-bottom: 30px;
    }

    .footer_box .navigation {
        padding: 20px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer_box .menu {
        margin-left: -10px;
    }

    .footer_box .menu li {
        margin: 0 10px;
    }

    .footer_box .logo_box {
        width: 100%;
        margin: 0 0 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer_box .footer {
        padding: 20px 0;
    }
}

@media (max-width: 768px) {
    .header_box .header, .header_box .navigation {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .header_box .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header_box .navigation {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0;
    }

    .header_box .logo_box {
        margin-bottom: 20px;
    }

    .header_box .search {
        margin: 0 0 30px;
    }

    .header_box .links ul {
        margin: 0;
    }

    .header_box .menu a {
        font-size: 14px;
    }

    .header_box .title {
        font-size: 16px;
    }

    .header_box .thumb {
        margin-right: 15px;
    }

    .content .table_wrapper {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .content .alignleft, .content .alignright {
        float: none;
        display: block;
        margin: 0 auto 25px;
        text-align: center;
        max-width: none;
    }

    .gallery-columns-2 .gallery-item {
        width: 100%;
    }

    .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item {
        width: 50%;
    }

    .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item {
        width: 33.33%;
    }

    .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
        width: 25%;
    }

    .discussion_box .items {
        display: block;
        margin: 0;
    }

    .discussion_box .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 20px;
        width: auto;
    }

    .discussion_box .item:last-child, .featured_box .item:last-child, .featured_box .links:last-child {
        margin-bottom: 0;
    }

    .featured_box .featured {
        display: block;
        margin: 0;
    }

    .featured_box .item, .featured_box .links {
        padding: 0;
        width: auto;
        margin-bottom: 30px;
    }

    .popular_box .items {
        margin: -20px 0 0;
    }

    .popular_box .bordered .item {
        padding-top: 20px;
    }

    .popular_box .bordered .item:nth-child(2) {
        border-top-width: 1px;
        padding-top: 20px;
    }

    .popular_box .item {
        width: 100%;
        margin: 20px 0 0;
    }

    .popular_box .item.wide {
        width: 100%;
    }

    .popular_box .buttons, .popular_box .navigation {
        margin-left: 20px;
    }

    .popular_box .buttons span, .popular_box .buttons:after {
        margin-right: 10px;
    }

    .footer_box .menu {
        margin: 0 -10px;
    }

    .footer_box .menu li {
        margin: 0 10px;
    }

    .footer_box .footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer_box .agreement, .footer_box .development {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .footer_box .orphus {
        margin: 20px 0 0;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        font-size: 15px;
        display: none;
    }
}

@media (max-width: 640px) {
    .header_box .header {
        padding: 20px 0;
    }

    .header_box .logo_box {
        margin-bottom: 15px;
    }

    .header_box .links {
        margin-top: -20px;
    }

    .header_box .search {
        margin-bottom: 20px;
    }

    .header_box .menu a {
        height: 50px;
    }

    .header_box .featured, .header_box .menu a:before {
        display: none;
    }

    .breadcrumbs_box {
        margin-bottom: 16px;
    }

    .title_box, h1 {
        font-size: 24px;
    }

    .posts_box .item img {
        max-width: 320px;
        max-height: 210px;
    }

    .footer_box .navigation {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 0;
    }

    .footer_box .logo_box {
        width: auto;
        margin-bottom: 15px;
    }

    .footer_box .menu {
        margin: 0 -10px -10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer_box .menu li {
        margin: 0 10px 10px;
    }

    .footer_box .counters {
        display: none;
    }

    .footer_box .footer {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px 0;
    }

    .footer_box .agreement {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-bottom: 15px;
    }

    .footer_box .orphus {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .footer_box .development {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media (max-width: 480px) {

 /*  меню на мобильном в 2 линии	 */
	.header_box .menu {
		display:block;
		 justify-content: stretch;
	}	

	ul#menu-top_menu {
     list-style: none;
     padding: 0;
     margin: 0;
     display: block;
 }
	.header_box .menu li {
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	
	
    .header_box .menu li {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .header_box .menu a {
        padding: 0 10px;
        text-transform: none;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
    }

    .header_box .menu a:before {
        display: none;
    }

    .comment-respond .field, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .header_box .links ul, .header_box .search {
        width: 100%;
    }

    .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item {
        width: 50%;
    }

    .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
        width: 33.33%;
    }

    .featured_box .title_box {
        display: block;
        text-align: center;
    }

    .featured_box .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .featured_box .thumb {
        margin: 0 0 15px;
    }

    .featured_box .title {
        font-size: 21px;
    }

    .logo_box, .social_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .logo_box .slogan {
        margin: 10px 0 0;
        max-width: none;
        text-align: center;
    }

    .posts_box .items {
        display: block;
        margin: 0;
    }

    .posts_box .item {
        width: auto;
        margin: 0 0 20px;
    }

    .posts_box .item:last-child {
        margin-bottom: 0;
    }

    .posts_box .wide .item {
        width: auto;
    }

    .social_box .label {
        margin: 0;
    }

    .social_box .like {
        margin: 20px 0 0;
    }

    .social_box .social {
        margin: 25px 0 0;
    }

    .footer_info {
        flex-direction: column;
    }

    nav {
        width: 100%;
    }
    
}

@media (max-width: 420px) {
    .discussion_box .count {
        display: none;
    }

    .discussion_box .item, .widget_box .discussion .item {
        padding: 15px;
    }

    .discussion_box .thumb, .widget_box .discussion .thumb {
        margin-right: 15px;
    }

    .modal_box, .modal_box .modal {
        padding: 10px;
    }

    .popular_box .item {
        display: block;
    }

    .popular_box .thumb {
        display: block;
        /*width: 240px;*/
        width: calc(100% - 20px);
        margin: auto;
    }

    .title {
        margin-top: 10px;
        text-align: center;
    }

    .popular_box .heading {
        display: block;
        position: relative;
        margin-bottom: 15px;
    }

    .popular_box .navigation {
        margin: 10px 0 0;
    }
/*  меню на мобильном в 2 линии	 */
	.header_box .menu {
		display:block;
	}
	
	ul#menu-top_menu {
     list-style: none;
     padding: 0;
     margin: 0;
     display: block;
	}
	.header_box .menu li {
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
}

/* для видео */
p iframe {
    width: 100%;
    height: 400px;
}

@media only screen and (max-width: 992px) {
    p iframe {
        width: 100%;
        height: 320px
    }
}

@media only screen and (max-width: 576px) {
    p iframe {
        width: 100%;
        height: 220px;
    }
}

/*.scrollTop {*/
/*    background: url('../images/arrows4.png') 0 0 no-repeat;*/
/*    background-size: contain;*/
/*    width: 50px;*/
/*    height: min(300px,40%);*/
/*    bottom: 5px;*/
/*    left: 88%;*/
/*}*/

#gotop{
    --scroll-up-size: 50px;
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 100;
    top: calc(60vh - var(--scroll-up-size));
    right: 10px;
 }

.scrollTop {
    background: 0 0;
    background: url('../images/arrows4.png') 0 0 no-repeat;
    background: url('data:image/svg+xml;utf8,<svg height="64" viewBox="-3 0 32 32" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="var(--icon-color)"><path d="m26.221 16c0-7.243-5.871-13.113-13.113-13.113s-13.113 5.87-13.113 13.113c0 7.242 5.871 13.113 13.113 13.113s13.113-5.871 13.113-13.113zm-25.176 0c0-6.652 5.412-12.064 12.064-12.064s12.064 5.412 12.064 12.064-5.411 12.064-12.064 12.064c-6.652 0-12.064-5.412-12.064-12.064z"/><path d="m18.746 15.204.742-.742-6.379-6.379-6.378 6.379.742.742 5.112-5.112v12.727h1.049v-12.727z"/></g></svg>') 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: var(--scroll-up-size);
    height: var(--scroll-up-size);
    border-radius: 50%;
    border: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

/* авторы */
.author {
    display: block;
    margin: 0 15px 30px;
    border-radius: 20px;
    border: 3px solid transparent;
    padding: 27px;
    background-color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 38px rgb(140 167 136 / 25%);
    box-shadow: 0 0 38px rgb(140 167 136 / 25%);
    text-align: center;
    color: var(--primary-color);
}

.author h3 {
    color: var(--primary-color);
}

.author a img {
    width: 60px;
    height: 60px;
    margin: 10px auto;
    display: block;
    border-radius: 50%;
}

.author a {
    color: #3c2e3f;
    font-size: 17px;
    font-weight: 500;
}

article img {
    display:block!important;
}

/* соцкнопки */

.ya-share2, .ya-share2 * {
    line-height: 1.5!important;
}


/* меню в сайдбаре, все рубрики плиткой */
#menu-sidebar li, .sidebar_box .cat-item {
    text-decoration: none;
    border: 1px solid  var(--primary-color);
    margin: 5px;
    padding:6px 10px;
    border-radius:10px;
    width:max-content;
    float: left;
}

ul#menu-sidebar , .sidebar_box ul{
    list-style: none;
    padding: 0;
    margin: 0;
}