/* family=Roboto:ital,wght@0,100..900;1,100..900 */
/*@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Roboto+Mono:wght@400&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&family=Golos+Text:wght@700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Roboto+Mono:wght@400&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');*/
:root {
    --bs-breakpoint-sx: 320px;
    --bs-breakpoint-sm: 480px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 1024px;
    --bs-breakpoint-xl: 1280px;
    --bs-breakpoint-xxl: 1424px;
}
body {
    font-family: 'Roboto', sans-serif;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 14px;
    font-style: normal;
    color: var(--neutral-800, #222324);
    font-weight: 400;
}

a { color: var(--neutral-800, #222324)}
a.link {
    text-decoration-color: #C3C4C7;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-underline-offset: 0.3em;
}
a.link:hover {
    text-decoration-color: #2965FF;
}
a.link:active {
    color: var(--royalblue-500, #215AEE);
    text-decoration-color: #2965FF;
}
a.link:disabled {
    color: var(--neutral-200, #C3C4C7);
    text-decoration-color: #C3C4C7;
}

html,
body{
    margin: 0;
    padding: 0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 320px;
}

.header-line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
.header-line__logo {
    padding: 4px 0;
}
.header-line__menu {
    /*padding: 8px 0;*/
}

.header-line__menu .burger-button {
    display: none;
    width: 40px;
    height: 40px;
    background-color: var(--neutral-50, #F9FAFB);
    padding: 8px 8px;
    cursor: pointer;
}
.burger-button__icon-close,
.burger-button__icon-normal {
    display: block;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
}
.burger-button__icon-normal {
    background-image: url(../images/icon-burger.svg);
}
.burger-button__icon-close {
    background-image: url(../images/icon-close.svg);
}

.header-line__search .search-form {
    width: 302px;
}

.header-line__search-close .search-form-close,
.header-line__search .search-form
{
    padding: 7px 8px 7px 12px!important;
}

.search-form__button-close {
    display: none;
}

.header-breadcrumb {
    background: var(--neutral-50, #F9FAFB);
    min-height: 50px;
}
.header-breadcrumb-wo-background {
    background: none;
}
.about-us .header-breadcrumb {
    background: none;
    color: var(--neutral-800, #222324);
}

.hidden { display: none; }
.shown {display: block}
.shown-flex {display: flex}
.shown-inline {display: inline}

.breadcrumb {
    display: flex;
    flex-flow: row wrap;
    color: #222324;
    padding:16px 0;
    align-items: center;
}

.breadcrumb__separator {
    display: inline-block;
    width: 16px;
    height: 18px;
    background: url(../images/icon-ellipse-small.svg) no-repeat center center;
}

.breadcrumb  a {
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    margin: 0 8px;

    text-decoration-color: #C3C4C7;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-underline-offset: 0.3em;
}

.breadcrumb  a:hover {
    text-decoration-color: #2965FF;
}
.breadcrumb  a:focus,
.breadcrumb  a:active {
    color: var(--royalblue-500, #215AEE);
    text-decoration-color: #2965FF;
}
.breadcrumb  a:disabled {
    color: var(--neutral-200, #C3C4C7);
    text-decoration-color: #C3C4C7;
}


.breadcrumb .breadcrumb_last {
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 12px;
    line-height: 18px;
    margin-left: 4px;
}

header.top{
    position: relative;
    z-index: 100;
    background-color: #FFFFFF;
}
.logo{
    display: block;
    width: 126px;
    height: 32px;
}

.logo-footer {
    min-width: 157px;
    height: 40px;
    text-decoration: none;
}
.logo-footer:active,
.logo-footer:focus,
.logo-footer:hover
{
    outline: none;
}


.logo-one-char { display: none; }
.logo-full { display: block; }

.top .row > div {
    margin: 20px auto;
}
.logo-row {
    display: flex;
    flex-direction: row;
}
.logo-separator {
    display: block;
    width: 1px;
    height: 32px;
    background: #E7E7E8;
    padding: 6px 0;
    margin: 0 16px;
}

.logo-full {
    display: block;
    width: 126px;
    height: 32px;
    font-size: 1px;
}

.logo-articles {
    display: block;
    padding: 5px 0;
}

.nav-link {
    color: var(--neutral-800, #222324);

    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.top-menu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    padding-left: 0;
    margin: 8px 0;
}

.top-menu > li {
    list-style: none;
    display: inline-block;
    color: var(--neutral-800, #222324);

    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 16px;
}

.top-menu > li > a {
    display: block;
    width: fit-content;
    text-align: center;
    text-decoration: none;
    color: var(--neutral-800, #222324);
    font-size: 15px;
    line-height: 24px;
}

.top-menu > li > a:hover {
    color: var(--royalblue-400, #2965FF);
}
.top-menu > li > a:active,
.top-menu > li > a:focus {
    color: var(--royalblue-500, #215AEE);
}
.top-menu > li > a:disabled {
    color: var(--neutral-200, #C3C4C7);
}

.burger-button:hover {
    background-color: #EFF1F3;
}

.burger-button:active,
.burger-button:focus
{
    background-color: #E7E7E8;
}
.burger-button__icon-normal {}
.burger-button__icon-close {}

.search-form-close,
.search-form {
    display:flex;
    justify-content: flex-end;
    background: var(--neutral-50, #F9FAFB);
    border: 1px solid var(--neutral-50, #F9FAFB);;
    padding: 8px 8px 8px 12px;
    width: fit-content;
    z-index: 99;
}

.search-form .search-form__input {
    display: inline-block;
    height: 24px;
    border: none;
    /*color: var(--neutral-500, #919399);*/

    font-size: 14px;
    line-height: 22px;
    padding: 0 4px 0 0;
    background-color: transparent;
    width: calc(100% - 10px);
}
.form-block .form-block__input:focus,
.search-form .search-form__input:focus{
    outline: none;
}
.form-block .form-block__button,
.search-form-close .search-form__button-close,
.search-form .search-form__button {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: none;
    cursor: pointer;

    background-image: url(../images/icon-search.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.search-form:hover,
.search-form-close:hover
{
    background-color: var(--neutral-100, #EFF1F3);
}
.search-form:active,
.search-form:focus,
.search-form-close:active,
.search-form-close:focus
{
    background-color: var(--neutral-150, #E7E7E8);
}


.search-form-close .search-form__button-close {
    background-image: url(../images/icon-close.svg);
}

.header-line__search .search-form:hover {
    border: 1px solid var(--royalblue-500, #215AEE);
    background: var(--neutral-0, #FFF);
}

.header-line__search .search-form.bordered {
    border: 1px solid var(--royalblue-500, #215AEE);
    background: var(--neutral-0, #FFF);
    box-shadow: 0px 4px 8px 0px rgba(49, 101, 235, 0.15);
}

.header-line__search-close {
    display: none;
}

.search-form-close .search-form__button-close:focus,
.search-form-close .search-form__button-close:active,
.search-form .search-form__button:focus,
.search-form .search-form__button:active {
    outline: none;
}

.search-form .search-form__has-text-button {
    position: relative;
    display: block;
    width: 20px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center center;
    background-image: url(../images/icons/icon-search-field-clear.svg);
    cursor: pointer;
}
.search-form .search-form__has-text-button:disabled {
    background-image: url(../images/icons/icon-search-field-clear-disabled.svg);
    cursor: default;
}


.categories {
    display: flex;
    flex-direction: row;
    background: var(--neutral-800, #222324);
    margin: 0 auto;
    height: 56px;
    position: relative;
    z-index: 99;
}
.categories .icon {
    width: 24px;
    height: 24px;
}

.categories__list-all {
    display: none!important;
}
.categories__all{
    display: inline-flex;
    text-align: center;
    padding: 8px!important;
    margin: 0;
}

.categories__all > .categories__item-row {
    border: 1px solid var(--neutral-600, #6F7175);
    padding: 8px 16px 8px 16px;
    margin: 0;
}

.categories__all:not(.active) > .categories__item-row:hover {
    background: var(--neutral-750, #2C2D2E);
}

.categories__all:not(.active) > .categories__item-row:active,
.categories__all:not(.active) > .categories__item-row:focus
{
    border: 1px solid var(--neutral-700, #424346);
    background: var(--neutral-750, #2C2D2E);
}
.categories__all:not(.active) > .categories__item-row:disabled {
    border: 1px solid var(--neutral-700, #424346);
    background: var(--neutral-750, #2C2D2E);
}

.categories__all.active
{
 /*   border-right: 1px solid var(--neutral-700, #424346);
    border-left: 1px solid var(--neutral-700, #424346);*/
    background: var(--neutral-750, #2C2D2E);
}

.categories__all.active:hover
{
    /*background: var(--neutral-700, #424346);*/
}

.categories__all.active:active, .categories__all.active:focus
{
    background: var(--neutral-750, #2C2D2E);
}

.categories__all.active:disabled {
    background: var(--neutral-750, #2C2D2E);
}

.categories__all > .categories__item-row > a {
    text-align: center;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-image: url(../images/icons/menu/all-categories.svg);
    background-position: left center;
}

.categories__all > .categories__item-row > a.categories__link {
    padding: 0 0 0 32px;
}

.categories__all.active > .categories__item-row {
    border: 1px solid transparent;
}

.categories__all.active > .categories__item-row > a {
    color: var(--neutral-200, #C3C4C7);
    background-image: url(../images/icons/menu/all-categories_close.svg);
}

.categories__list{
    display: flex;
    justify-content: start;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
}
.categories__list-line {
    width: 100%;
}

ul.categories__list-all.categories__list {
    width: unset;
}
ul.categories__list-all .categories__item-row {
    min-width: unset;
}
ul.categories__list > li.categories__item {
    display: inline-flex;
    flex-flow: row wrap;
    flex-wrap: nowrap;

    /*flex: 1 1 164px;*/
    list-style: none;
    white-space: nowrap;

    text-align: center;
    /*border-right: 1px solid var(--neutral-700, #424346);
    border-left: 1px solid var(--neutral-700, #424346);*/

    padding:0;
    margin:0 -1px 0 0;
    justify-content:flex-start;

    /*min-width: 150px;*/
    /*min-width: 187px;*/
}
.categories__separator{
    display: inline-flex;
    list-style: none;
    height: 24px;
    width: 1px;
    font-size: 1px;
    background: var(--neutral-700, #424346);
    margin: 16px 0 16px 0;
    padding: 0px;
}
.categories__item:hover {
    /*
    border-right: 1px solid var(--neutral-700, #424346);
    border-left: 1px solid var(--neutral-700, #424346);
    */
    /*background-color: var(--neutral-750, #2C2D2E);*/
}

.categories__item:active {
    /*
    border-right: 1px solid var(--neutral-700, #424346);
    border-left: 1px solid var(--neutral-700, #424346);
    */
    /*background-color: var(--neutral-900, #111112);*/
}

.categories__item:disabled {
    background-color: var(--neutral-800, #222324);
}

.categories__item:after{
    content: ' ';
    font-size: 1px;
    line-height: 1px;
    margin: 16px 0 16px -1px;
    height: 24px;
    background-color: var(--neutral-700, #424346);
    position: relative;
    width: 1px;
    z-index: auto;
}
ul.categories__list-all .categories__item:after {
    content: unset;
    background: unset;
}


ul.categories__list-all > li.categories__all > ul.categories__list {
    position: absolute;
    display: none;
    margin-left: -8px;
    flex-direction: column;
    top: auto;
    border: 1px solid var(--neutral-700, #424346);
    background: var(--neutral-750, #2C2D2E);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
    overflow: visible;
}

ul.categories__list-all > li.categories__all:hover > ul.categories__list {
    /*display: flex;*/
    /*margin-top: 56px;*/
}

ul.categories__list-all > li.categories__all > ul.categories__list ul.categories__sub-list {
    left: 100%;
    top:auto;
    margin-top:0;
}

ul.categories__list-all > li.categories__all > ul.categories__list a.categories__link {
    padding:  0 4px 0 32px;
    background-position: left center;
}

ul.categories__list-all > li.categories__all > ul.categories__list >li.categories__item:hover  {
    background: var(--neutral-700, #424346);
}

.categories ul.categories__list > li.categories__item:first-child {

}
.categories ul.categories__list > li.categories__item:first-child:before {
    content: ' ';
    font-size: 1px;
    line-height: 1px;
    margin: 16px 0 16px -1px;
    height: 24px;
    background-color: var(--neutral-700, #424346);
    position: relative;
    width: 1px;
    z-index: auto;
}


.categories__item-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    /*min-width: 100px;*/
    /*
    border-right: 1px solid var(--neutral-700, #424346);
    border-left: 1px solid var(--neutral-700, #424346);
    */
    padding: 16px 20px 16px 16px;
    min-width: 184px;
    margin: 0;
}


li.categories__item:hover > .categories__item-row {
    opacity: 1;
    /*ul.categories__list-all  .categories__item-row:hover {*/
    /* hover */
    /*background-color: var(--neutral-750, #2C2D2E);*/
}

.categories__link {
    display: block;

    color: var(--neutral-100, #EFF1F3);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
    text-align: left;

    margin: 0;
    padding: 0 0 0 32px;

    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px 24px;


}

.categories__link:hover {
    color: var(--neutral-100, #ffffff);
    /*color: var(--neutral-100, #EFF1F3);*/
}
.categories__link:active {color: var(--neutral-200, #C3C4C7);}
.categories__link:disabled {color: var(--neutral-600, #6F7175);}


.categories__sub-list {
    display: none;
    /*top: 144px;*/ margin-top: 56px;
    position: absolute;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    background: var(--neutral-750, #2C2D2E);
    border: 1px solid var(--neutral-700, #424346);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
    z-index: 42;
}

.categories > .categories__list > .categories__item:hover > ul.categories__sub-list,
.categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item:hover > ul.categories__sub-list
{
    display: block;
}
li.categories__item:hover > .categories__item-row > i.icon {
    /*opacity: 1;*/
}

.categories__item > ul.categories__sub-list .icon {
    background-image: url(../images/arrow-right-thin.svg);
}


.categories__sub-item {
    display: flex;
    list-style: none;
    padding: 16px;
}
.categories__sub-item.categories__go-to {display: none;}
.categories__sub-item > .categories__link{
    min-width: 154px; /* depend from screen*/
}

.categories__sub-list .categories__link{

    color: var(--neutral-100, #EFF1F3);
    font-feature-settings: 'clig' off, 'liga' off;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 160% */
}
.categories__sub-list .categories__link:hover{}
.categories__sub-list .categories__link:active{}
.categories__sub-list .categories__link:disabled{}

.categories__sub-item > .categories__sub-list {
    display: none;
    left: 100%;
    top:0;

}

.categories__sub-item:hover {
    background: var(--neutral-700, #424346);
}
.categories__sub-item:hover > .categories__sub-list {
    display: block;
}

.content-container {
    margin-top: var(--D8, 32px);
    margin-bottom: var(--D11, 56px);
}
.content-container-category {
    margin-top: var(--D11, 56px);
}

.post-container {
    margin-top: var(--D10,48px);
}

.post-head {
    margin-top: 0;
    padding: var(--D9,40px) 0;
    margin-bottom:var(--D9,40px);
    background: var(--neutral-0, #FFF);
    box-shadow: 0px 60px 28px -48px rgba(0, 0, 0, 0.07);
}

.post-head__sub-category {
    display: inline-block;
    margin-bottom: var(--D7, 24px);
}

a.post-head__sub-category-link {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 22px;
    background-image: url(../images/arrow-right-thin-cat.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding: 0 24px 0 0;

}
a.post-head__sub-category-link i.icon{
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.post-head__title {
    color: var(--royalblue-900, #031A54);
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 52px;
    letter-spacing: 0.6px;
    margin-bottom: 16px;
    /*font-family: system-ui, sans-serif;
    letter-spacing: -0.02em;*/
}
.post-head__description,
.post-head__description > p {
    /*overflow: hidden;*/
    color: var(--neutral-800, #222324);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.post-head__author-line {
    margin-top: 32px;
}

.author-line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0;
    margin-bottom: 0;
    gap: 16px;
}
.author-line li {
    list-style: none;
    color: var(--neutral-700, #424346);
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
    /*margin: 9px 0;*/
}
.author-line__separator {
    display: inline-block;
    width: 16px;
    height: 18px;
    background: url(../images/icon-ellipse-small.svg) no-repeat center center;
    color: var(--neutral-700, #424346);
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
    vertical-align
}

.author-line__author-name {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    text-decoration: none;
}

 .author-line__updated-date {

}
.author-line__category,
.author-line__category a{
    font-size: 12px;
    line-height: 18px;
    font-feature-settings: 'clig' off, 'liga' off;
    /*text-decoration: none;*/
}
.author-line__category > a:hover{

}
.author-line__updated-date,
.author-line__read-at ,
.author-line__comment-count,
.author-line__comment-count > a
{
    color: var(--neutral-700, #424346);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.author-line__comment-count {
    display: flex;
    flex-flow: row nowrap;
    gap: 4px;
}

.author-line__comment-count a.allcommenticon {
    display: block;
    width: 16px;
    height: 18px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url(../images/comments.svg);
    text-decoration: none;
}
.author-line__comment-count a.allcommentcount {
    color: var(--neutral-700, #424346);
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
}
.author-line__comment-count a.allcommentcount:hover {}
.author-line__comment-count a.allcommentcount:active {}

.post-head .author,
.post-item .author
{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: fit-content;
    justify-content: space-between;
    flex-direction: row;
}
.author__image {
    display: inline-block;
    width: 32px;
    min-width: 32px;
    height: 32px;
    background: center / cover no-repeat;
    border-radius: 50%;
}
.post-head__author-line .author__image {
    width: 36px;
    height: 36px;
}
.author__name
{
    display: inline-block;
    padding: 0 8px;
    font: 600 18px/22px 'Caveat', cursive;
    letter-spacing: 0.5px;
    text-align: left;
    color: #131313;
}


.post-head .author .robert-fox {
    background-image: url(../images/avatars/pineapple.png);
}
.post-head__post-image {
    padding-left: 64px;
    /*width: calc(100% - 64px);*/
    text-align: right;
}
.post-head__post-image img {
    /*width: auto;*/
    display: block;
    max-width: 100%;
    height: auto;
}

.share-box {
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}
.share-box-side,
.share-box-horizontal {
    display: none;
}
.share-box__list {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding-left: 0;
    width: 40px;
}
.share-box__button {
    list-style: none;
    display: block;
    height: 40px;
}

.share-box__button .share-box__like[voted=off] {
    cursor: default;
}

.share-box__button .share-box__like > i.icon > icon
{
    display: block;
    width: 32px;
    height: 32px;
    background: center center / 32px 32px;
}

.share-box__button .share-box__like > i.icon > icon[vote=on] {background-image: url(../images/icons/like/normal-on.svg);}
.share-box__button .share-box__like > i.icon > icon[vote=off] {background-image: url(../images/icons/like/normal-off.svg);}

.share-box__button .share-box__like:hover > i.icon > icon[vote=on] {background-image: url(../images/icons/like/hover-on.svg);}
.share-box__button .share-box__like:hover > i.icon > icon[vote=off] {/*background-image: url(../images/icons/like/hover-off.svg);*/}

.share-box__button .share-box__like:active > i.icon > icon[vote=on],
.share-box__button .share-box__like:focus > i.icon > icon[vote=on] {background-image: url(../images/icons/like/pressed-on.svg);}

.share-box__button .share-box__like:active > i.icon > icon[vote=off],
.share-box__button .share-box__like:focus > i.icon > icon[vote=off] {/*background-image: url(../images/icons/like/pressed-off.svg);*/}

.share-box__button .share-box__like:disabled > i.icon > icon[vote=on] {background-image: url(../images/icons/like/disabled-on.svg);}
.share-box__button .share-box__like:disabled > i.icon > icon[vote=off] {background-image: url(../images/icons/like/disabled-off.svg);}


.share-box__button > a:hover > i.icon > svg > circle  {
    fill: var(--royalblue-500, #215AEE);
}

.share-box__button > a:active > i.icon > svg > circle,
.share-box__button > a:focus > i.icon > svg > circle
{
    fill: var(--royalblue-600, #1951E1);
}

.share-box__button > a:disabled > i.icon > svg > circle  {
    fill: var(--neutral-150, #E7E7E8);
}

.share-box__button > a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    width: 40px;
    height: 40px;
}
.share-box__button:not(:first-child) {margin-top: 16px;}
.share-box__link {
    text-decoration: none;
    outline: none;
}
.icon{
    display: block;
    width: 40px;
    height: 40px;
    padding: 4px;
}
.icon-like { background-image: url(../images/icons/social/like.svg);}
.icon-facebook { background-image: url(../images/icons/social/fb.svg);}
.icon-twitter { background-image: url(../images/icons/social/tw.svg);}
.icon-linkedin { background-image: url(../images/icons/social/ln.svg);}
.icon-fb-gray { background-image: url(../images/icons/social/fb-gray.svg);}
.icon-tw-gray { background-image: url(../images/icons/social/tw-gray.svg);}
.icon-x-gray { background-image: url(../images/icons/social/x-gray.svg);}
.icon-yt-gray { background-image: url(../images/icons/social/yt-gray.svg);}

.badge {
    display: block;
    position: absolute;
    left: 20px;
    top: 25px;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    border: none;
    border-radius: 16px;
    background-color: #ffffff;
    width: fit-content;
    padding: 0 8px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
}
.badge-success {
    color: var(--royalblue-900, #031A54);
}
.badge-error {
    /*background: var(--warning-400, #FF4B4B);*/
    background: var(--tomato-500, #FF6522);
}


.footer {
    background: var(--neutral-800, #222324);
    padding-top: 8px;
}

.footer * {
    color: var(--neutral-800, #ffffff);
}
.footer__row {
    margin-top: 40px;
    padding-bottom: 40px;
}
.footer__row:not(:last-child) {
    border-bottom: 1px solid var(--neutral-700, #424346);
}

.footer__header {
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 52px;
    letter-spacing: 0.6px;
    color: var(--neutral-0, #ffffff);
}
.footer__subheader {
    color: var(--neutral-100, #EFF1F3);
    font-size: 17px;
    line-height: 28px;
}
.footer__subscribe-form {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
}
.subscribe-form {}
.subscribe-form__row{
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
}
.subscribe-form__input {
    display: flex;
    height: 48px;
    padding: 13px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;


    width: 69%;
    color: var(--neutral-500, #919399);

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

    background: var(--neutral-700, #424346);
    border-radius: 0;

    border: 1px solid var(--neutral-700, #424346);


}

.footer__subscribe-form .subscribe-form__input:hover
{ border: 1px solid var(--neutral-600, #6F7175);}
.footer__subscribe-form .subscribe-form__input:focus,
.footer__subscribe-form .subscribe-form__input:active
{
    outline: none;
    border: 1px solid var(--neutral-200, #C3C4C7);
    color: var(--neutral-100, #EFF1F3);
}
.footer__subscribe-form .subscribe-form__input:disabled
{
    border: 1px solid var(--neutral-700, #424346);
    background: var(--neutral-750, #2C2D2E);
    color: var(--neutral-600, #6F7175);
}


.subscribe-form__input:focus{
    outline: none;
}

.footer__subscribe-form.error .subscribe-form__input,
.footer__subscribe-form.error .subscribe-form__input:hover,
.footer__subscribe-form.error .subscribe-form__input:active,
.footer__subscribe-form.error .subscribe-form__input:focus
{
    border: 1px solid var(--warning-400, #FF4B4B);
    color: var(--neutral-100, #EFF1F3);
}

.footer__subscribe-form .subscribe-form__input {}
.footer__subscribe-form .subscribe-form__button {}

.useful-tools__button,
.subscribe-form__button {
    display: inline-flex;
    height: 48px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;

    color: var(--neutral-0, #ffffff);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.2px;
    background: var(--royalblue-600, #1951E1);
    cursor: pointer;
    width: 31%;
    border: none;
    text-decoration: none;
}
.useful-tools__button:hover,
.subscribe-form__button:hover
{ background: var(--royalblue-500, #215AEE);}
.useful-tools__button:focus,
.subscribe-form__button:focus
{background: var(--royalblue-700, #215AEE); outline: none}
.useful-tools__button:active,
.subscribe-form__button:active
{ background: var(--royalblue-700, #1149D8);}
.useful-tools__button:disabled,
.subscribe-form__button:disabled
{
    color: var(--neutral-500, #919399);
    background: var(--royalblue-100, #E3EBFF);
/*    background: var(--neutral-800, #71767a);*/
}

.footer__subscribe-form .subscribe-form__message {
    width: 100%;
    padding: 8px 16px;
}

.footer__subscribe-form .subscribe-form__message h3{}
.footer__subscribe-form .subscribe-form__message span{
    color: var(--warning-400, #FF4B4B);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

.footer__subscribe-form .subscribe-form__success {
    width: 100%;
    margin: 8px 0;
}


.footer__privacy {
    display: block;
    width: 100%;
    margin-top: 16px;

    color: var(--neutral-500, #919399);
    font-size: 12px;
    line-height: 18px;
}

.footer__privacy > a{
    color: var(--neutral-0, #ffffff);
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
}
.footer__privacy > a:hover {color: #EFF1F3;}
.footer__privacy > a:active {color: #F9FAFB;}
.footer__privacy > a:disabled {color: #919399;}


.footer__logo {
    order: 1;
    min-width: 157px;
    height: 40px;
    vertical-align: top;
    margin-bottom: 20px;
}
.footer__logo img {
    width: 157px;
    height: 40px;
}

.footer__desc {
    color: var(--neutral-200, #C3C4C7);
    font-size: 14px;
    line-height: 22px;
    margin-right: 40px;
}


.footer__middle {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    flex-basis: fit-content;
    padding:0;
    gap: 24px;
    width: 100%;
    color: #9a9fa6;
    text-align: left;
    margin: 0 0 0 24px;
}

.footer__sublist {
    display: inline-block;
    vertical-align: top;
    width: calc(33% - 18px);
    margin: 0;
    padding: 0;
    list-style-type: none;
}


ul.footer__sublist_1 {
    order: 1;
}

ul.footer__sublist_2 {
    order: 2;
}

ul.footer__sublist_3 {
    order: 3;
}

ul.footer__sublist_4 {
    order: 4;
}


.open {}
.close {}

.footer__sublist > li{
    padding: 0 0 0 0;
    margin: 8px 0;
}

.footer__sublist li > a {
    display: inline-block;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    font-feature-settings: 'ss01' on;
    text-decoration: none;
    color: var(--neutral-200, #C3C4C7);
}

.footer__sublist li > a:hover{
    color: var(--neutral-0, #FFF);
}
.footer__sublist li > a:active,
.footer__sublist li > a:focus {
    color: var(--neutral-0, #FFF);
}
.footer__sublist li > a:disabled{
    color: var(--neutral-200, #C3C4C7);
}

.footer__sublist-header {
    color: var(--neutral-0, #ffffff);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.3px;

}
.footer__sublist li.footer__sublist-header {
    margin-bottom: 16px;
}



.footer-search-form__message h3 {
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 18px;
    font-feature-settings: 'ss01' on;
    color: #FFFFFF;
}

.footer-search-form__message span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    font-feature-settings: 'ss01' on;
    color: #FFFFFF;
}

.footer__copyright {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.footer__copyright p{
    color: var(--neutral-500, #919399);
    font-size: 12px;
    line-height: 18px;
}


.footer__menu {
    display: inline-flex;
    padding-left: 0;
    flex-wrap: wrap;
}
.footer__menu li {
    list-style: none;
    padding:  0 8px 0 8px;
}
.footer__menu li:first-child {padding-left: 0;}
.footer__menu li:last-child {padding-right: 0;}

.footer__menu li > a {
    color: var(--neutral-500, #919399);
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    font-feature-settings: 'ss01' on;
}

.footer__menu li > a:hover {
    color: var(--neutral-white, #ffffff);
}
.footer__menu li > a:active {
    color: var(--neutral-white, #ffffff);
}
.footer__menu li > a:disabled {
    color: var(--neutral-white, #666666);
}

.footer__menu-bottom {
    text-align: end;
}

.post-head__left-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.footer__social {
    display: block;
    margin-top: 24px;
}
.social-buttons {}
.social-buttons__list {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.social-buttons__items {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 8px;
    list-style: none;
    overflow: hidden;
}
.social-buttons__link {
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.social-buttons__items:first-child { margin-left: 0;}
.social-buttons__items:last-child { margin-right: 0;}

.social-buttons__link:hover,
.social-buttons__link:focus,
.social-buttons__link:active
{
    outline: none;
}

/* TWB Banner */

.banner-twb-container {
    background: linear-gradient(180deg, #222324 0%, #0C1734 96.80%);
}

.banner-twb {
    display: block;
    align-items: center;
    padding-bottom: 64px;
    margin-bottom: 48px;

}
.banner-twb__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 408px;
    background: url(../images/banner-twb-ornament.svg) center top / 872px 408px no-repeat;
    margin: 0 auto -16px;
}
.banner-twb__title {
    width: fit-content;
    font: 700 45px/60px 'Golos Text', 'Roboto', sans-serif;
    font-feature-settings: 'clig' off, 'liga' off;
    background: linear-gradient(145deg, #2965FF 0%, #FF6827 100%) text;
    color: #00000000;
}
.banner-twb__slogan {
    display: block;
    width: 100%;
    max-width: 1024px;
    color: var(--neutral-50, #F9FAFB);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 auto;
}
.banner-twb__slogan > span {
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;

    background:linear-gradient(145deg, #2965FF 0%, #FF6827 100%) text;
    color: #00000000;
}

.tab-categories-col {
    position: relative;
    margin-top: -48px;
    background: #ffffff;
}

.tab-categories {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
    margin: 24px 0;
    list-style: none;

    background: var(--neutral-0, #FFF);
    box-shadow: 0px 60px 28px -48px rgba(0, 0, 0, 0.07);
}
.tab-categories * {
    text-align: center;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.tab-categories__item {
    display: flex;
    flex-flow: column nowrap;
    list-style: none;
    width: calc(25% - 2px);
    padding: 32px 12px;
    border-right: 0.5px solid var(--neutral-100, #EFF1F3);
    background: var(--neutral-0, #FFF);
    min-height: 272px;
}

.tab-categories__item:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
    position: relative;
}


.tab-categories__item .tab-categories__see-all {
    z-index: -1;
    width: 100%;
    margin-top: 16px;
}
.tab-categories__item:hover .tab-categories__see-all {
    z-index: 1;
}

.tab-content .tab-categories__see-all a.tab-categories__see-all-link,
.tab-categories__item .tab-categories__see-all a.tab-categories__see-all-link {
    color: var(--royalblue-600, #1951E1);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 16px;
    text-decoration-line:underline;
    text-decoration-style:dotted;
    text-decoration-color: var(--royalblue-600, #1951E1);
    text-underline-offset: 3px;
}
.tab-content .tab-categories__see-all a.tab-categories__see-all-link:hover,
.tab-categories__item .tab-categories__see-all a.tab-categories__see-all-link:hover{
    color: var(--royalblue-400, #2965FF);
    text-decoration-color: var(--royalblue-400, #2965FF);
}
.tab-content .tab-categories__see-all a.tab-categories__see-all-link:focus,
.tab-categories__item .tab-categories__see-all a.tab-categories__see-all-link:focus,
.tab-content .tab-categories__see-all a.tab-categories__see-all-link:focus,
.tab-categories__item .tab-categories__see-all a.tab-categories__see-all-link:active{
    color: var(--royalblue-500, #215AEE);
    text-decoration-color: var(--royalblue-400, #2965FF);
}
.tab-content .tab-categories__see-all a.tab-categories__see-all-link:disabled,
.tab-categories__item .tab-categories__see-all a.tab-categories__see-all-link:disabled{
    color: var(--neutral-200, #C3C4C7);
    text-decoration-color: var(--neutral-200, #C3C4C7);
}

.tab-categories__item-row .categories__link {
    color: #131313!important;
}

.tab-categories__sub-item .categories__link {
    display: block;
    padding: 8px 16px!important;

    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    color: var(--neutral-800, #222324);

    border-radius: 72px;
    border: 1px solid var(--neutral-150, #E7E7E8);
}

.tab-categories__sub-item .categories__link:hover {
    border: 1px solid var(--royalblue-400, #2965FF);
}
.tab-categories__sub-item .categories__link:focus,
.tab-categories__sub-item .categories__link:active {
    border: 1px solid var(--royalblue-800, #163A98);
    outline: none;
}
.tab-categories__sub-item .categories__link:disabled {
    color: var(--neutral-200, #C3C4C7);
    border: 1px solid var(--neutral-150, #E7E7E8);
}


.tab-categories__item:nth-child(4n)
{
    border-right:none ;
}
.tab-categories__item:nth-child(-n + 4)
{
    border-bottom: 0.5px solid var(--neutral-100, #EFF1F3);
}

.tab-categories__item-row a.categories__link{
    color: var(--neutral-800, #222324);
    font-feature-settings: 'clig' off, 'liga' off;

    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.3px;
    width: fit-content;
    padding: 5px 8px 5px calc(32px + 8px);
    margin: 0 auto  24px auto;

    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 32px;
    background-size: 32px 32px;
}
.tab-categories__item-row a.icon-usefull-tools{
    padding: 5px 8px 5px calc(64px + 8px);
}

.tab-categories__sub-item > a.categories__link {
    background: none;
}


.tab-categories__sub-list {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.tab-categories__sub-item {
    list-style: none;
    display: block;
    margin: 4px 2px;
}

.tab-content {
    display: none;
}


.popular-articles {
    display: flex;
    flex-flow: row wrap;
    width: calc(100% - 32px);
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 32px;
}
.popular-articles > .post-item {}

.post-item {
    display: flex;
    flex-flow: column nowrap;
    height: auto;
    /*margin-bottom: 32px;*/
    width: calc(50% - 10px);
    background: var(--neutral-50, #F9FAFB);
    position: relative;
}
.post-item-col-2 { width: calc(16.66% - 12px);}
.post-item-col-3 { width: calc(25% - 12px);}
.post-item-col-4 { width: calc(33.33% - 12px);}
.post-item-col-6 { width: calc(50% - 12px);}
.post-item-col-8 { width: calc(66.66% - 12px);}
.post-item-col-12 { width: calc(100% - 12px);}

.right-col-bg {
    background: #F9FAFB;
}

.author-page-posts__item {
    display: flex;
    flex-flow: column nowrap;
    height: auto;
    width: calc(33.33% - 16px);
    background: #F9FAFB;
    position: relative;
}

.author-page-posts__item .post-item__header > a.post-item__header-link,
.author-page-posts__item .post-item__header > span.post-item__header-link {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
}

.author-page-posts__item .post-item__description {
    font-size: 15px;
    line-height: 24px;
}
.author-page-posts__item .post-item__bottom {
    margin-top: 32px;
}
.author-page-posts__item .post-item__header {
    margin-top: 16px;
}

.post-item__top {
    display: block;
    width: 100%;
}
.post-item__bottom {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    width: calc(100%);
    margin-top: 40px;
    padding: 0 20px;
}
.post-item__thumbnail,
.home-cat-articles__thumbnail,
.cat-articles__thumbnail,
.base-cat-articles__thumbnail {
    display: block;
    width: 100%;
    aspect-ratio: 462 / 292;
    background: center center / cover no-repeat;
}
.post-item__status-line {
    display: flex;
    flex-flow: column wrap;
    justify-content: start;
}
.post-item__date,
.post-item__category  {
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 12px;
    line-height: 18px;
}

.post-item__header,
.post-item__header > .post-item__header-link
{
    color: var(--royalblue-900, #031A54);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    text-decoration: none;
}

.home-cat-articles__header > .post-item__header-link:hover,
.base-cat-articles__header > .post-item__header-link:hover,
.cat-articles__header > .post-item__header-link:hover,
.tag-articles__header > .post-item__header-link:hover,
.sub-cat-articles__header > .post-item__header-link:hover,
.post-item__header > .post-item__header-link:hover
{
    text-decoration: none;
    color: var(--royalblue-500, #215AEE);
}
.home-cat-articles__header > .post-item__header-link:active,
.home-cat-articles__header > .post-item__header-link:focus,
.base-cat-articles__header > .post-item__header-link:active,
.base-cat-articles__header > .post-item__header-link:focus,

.sub-cat-articles__header > .post-item__header-link:active,
.sub-cat-articles__header > .post-item__header-link:focus,
.tag-articles__header > .post-item__header-link:active,
.tag-articles__header > .post-item__header-link:focus,

.cat-articles__header > .post-item__header-link:active,
.cat-articles__header > .post-item__header-link:focus,
.post-item__header > .post-item__header-link:active,
.post-item__header > .post-item__header-link:focus
{
    text-decoration: none;
    color: var(--royalblue-700, #1149D8);
}
.home-cat-articles__header > .post-item__header-link:disabled,
.base-cat-articles__header > .post-item__header-link:disabled,
.sub-cat-articles__header > .post-item__header-link:disabled,
.tag-articles__header > .post-item__header-link:disabled,
.cat-articles__header > .post-item__header-link:disabled,
.post-item__header > .post-item__header-link:disabled {
    text-decoration: none;
    color: var(--neutral-700, #424346);
}

.post-item__link {
    text-decoration: none;
}

.post-item__description {
    overflow: hidden;
    color: var(--neutral-700, #424346);
    font-feature-settings: 'clig' off, 'liga' off;
    text-overflow: ellipsis;
    font-size: 17px;
    font-weight: 400;
    line-height: 28px; /* 164.706% */
}
.post-item__status-bottom {
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    height: 22px;
    margin: 24px 0 20px 0;

}
.home .post-item__read-more,
.author-page-posts__list .post-item__read-more {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
}
.post-item__read-more-link {
    color: var(--royalblue-600, #1951E1);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;

    background: url(../images/icons/arrow-right-thin-blue.svg) right center / 16px 16px no-repeat;
    padding: 0 24px 0 0;
    text-decoration: none;
}

.post-item__read-more-link:hover {
    color: var(--royalblue-500, #215AEE);
}
.post-item__read-more-link:active,
.post-item__read-more-link:focus{
    color: var(--royalblue-700, #1149D8);
}
.post-item__read-more-link:disabled {
    color: var(--neutral-200, #C3C4C7);
}

.post-item__share {
    display: block;
}

.share-content__link,
.post-item__share-link {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    line-height: 22px;
    padding: 0;
    text-decoration: none;
}

.base-cat-articles .share-content__link {
    font-size: 12px;
    line-height: 18px;
    color: var(--neutral-700, #424346);
}

.share-content__link:hover,
.post-item__share-link:hover {
    color: var(--royalblue-500, #215AEE);
}
.share-content__link:hover svg path,
.post-item__share-link:hover svg path {
    fill: #215AEE;
}


.share-content.active > .share-content__link,
.share-content__link:active,
.post-item__share-link:active {
    color: var(--royalblue-700, #1149D8);
}
.share-content.active > .share-content__link svg path,
.share-content__link:active svg path,
.post-item__share-link:active svg path {
    fill: #1149D8;
}


.home .share-content,
.author-page-posts__list .share-content {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 20px;
}
.share-content__single {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    gap: 8px;

    position: absolute;
    margin-top: -215px;
    margin-left: 10px;
    padding: 12px;

    border-radius: 40px;
    border: 1px solid var(--neutral-150, #E7E7E8);
    background: var(--neutral-0, #ffffff);;
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.09);
}
.share-content__popup {
    display: none;
}
.share-content.active > .share-content__popup {
    display: flex;
}
.share-content__link {}
.share-content__network {}
.share-content__network:hover svg circle {
    fill: #215AEE;
}
.share-content__network:focus svg circle,
.share-content__network:active svg circle {
    fill: #1951E1;
}

.base-cat-posts,
.cat-posts
{
    display: flex;
    width: calc(100% - 30px);
    flex-flow: column nowrap;
}
.base-cat-posts > .base-cat-posts__item {
    margin-bottom: var(--D10, 48px);
}
.base-cat-posts > .base-cat-posts__item:last-child {
    margin-bottom: 0;
}

.home-category-block,
.cat-posts__item {
    margin: var(--D10, 48px) 0 0 0;
    display: flex;
    flex-flow: column nowrap;
    gap: var(--D8, 32px);
}
/*.home-category-block:first-child,*/
.cat-posts__item:first-child {
    margin:0;
}

.cat-posts__item:first-child {
    margin-top: 0;
}
.home-category-block__header,
.base-category-block__header,
.home-cat-posts__header,
.base-cat-posts__header,
.cat-posts__header
{
    display: flex;
    justify-content: flex-start;
    height: 32px;
    width: 100%;
    background-repeat:repeat-x;
    background-position: center;
    background-size: 1px;
    background-image: url(../images/dot-1x1.svg);
}
.home-category-block__header-link,
.base-cat-posts__header-link,
.cat-posts__header-link
{
    display: block;
    max-height: 32px;
    white-space: nowrap;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.5px;
    text-decoration: none;

    padding: 2px 20px 2px 40px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-color: #ffffff;
}

.base-cat-posts__header,
.base-cat-posts__articles {
    margin-bottom: var(--D8, 32px) ;
}

.home-category-block__articles,
.base-cat-posts__articles,
.cat-posts__articles
{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    min-height: 300px;
    /*margin-top: 32px;*/
    column-gap: 20px;
    row-gap: 32px;
}
.home-category-block__foot,
.base-cat-posts__foot,
.cat-posts__foot
{
    display: block;
    width: 100%;
}
.base-cat-posts__all-articles ,
.cat-posts__all-articles
{

    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    border: 1px solid var(--neutral-200, #C3C4C7);
    background-color: var(--neutral-0, #ffffff);
    /*background-position: calc(50% - 40px) center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 16px 16px;*/
    /*background-image: url(../images/icon-arrow-right-thin.svg);*/

    padding: 11px 0;
    /*padding: 16px 24px;*/

    color: var(--neutral-800, #222324);
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.2px;
    text-align: center;
    text-decoration: none;

}
.base-cat-posts__all-articles:hover,
.cat-posts__all-articles:hover
{
    border: 1px solid var(--royalblue-500, #215AEE);
}
.base-cat-posts__all-articles:active,
.base-cat-posts__all-articles:focus,
.cat-posts__all-articles:active,
.cat-posts__all-articles:focus
{
    color: var(--royalblue-600, #1951E1);
    border: 1px solid var(--royalblue-600, #1951E1);
}
.base-cat-posts__all-articles:active svg path,
.base-cat-posts__all-articles:focus svg path,
.cat-posts__all-articles:active svg path,
.cat-posts__all-articles:focus svg path
{
    fill: var(--royalblue-500, #1951E1);
}

.base-cat-posts__all-articles:disabled,
.cat-posts__all-articles:disabled
{
    border: 1px solid var(--neutral-150, #E7E7E8);
    color: var(--neutral-200, #C3C4C7);
}
.base-cat-posts__all-articles:disabled svg path,
.cat-posts__all-articles:disabled svg path
{
    fill: var(--royalblue-500, #C3C4C7);
}

.home-cat-articles,
.base-cat-articles,
.cat-articles
{
    display: flex;
    flex-flow: column nowrap;
    height: auto;
    /*margin-bottom: 32px;*/
    width: calc(33.33% - 16px);
    background: var(--neutral-50, #F9FAFB);
}

.tag-articles,
.sub-cat-articles
{
    display: flex;
    flex-flow: row nowrap;
    /*height: auto;*/
    padding: var(--D6, 20px)  var(--D7, 24px);
    margin: var(--D7, 24px) 0;
    /*width: 100%;*/
    /*width: calc(100% - 48px);*/
    background: var(--neutral-50, #F9FAFB);
}
.sub-cat-articles:first-child {
    margin-top: 0;
}
.cat-articles-4 {
    width: calc(25% - 18px);
    margin-bottom: 0;
}
.home-cat-articles__top,
.base-cat-articles__top,
.cat-articles__top
{
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
}
.home-cat-articles__bottom,
.base-cat-articles__bottom,
.cat-articles__bottom
{
    display: flex;
    flex-flow: column nowrap;
    margin: 24px 16px 16px 16px;
    width: calc(100% - 32px);
}
.base-cat-articles__bottom,
.home-cat-articles__bottom {
    flex-grow: 1;
}

.cat-articles__thumbnail {
    height: auto;
}
.cat-articles__thumbnail-img {
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.base-cat-articles__image
{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    overflow: hidden;
    height: 204px;
    width: 100%;

}
.base-cat-articles__image img
{
    margin: auto;
    position: relative;
    width: auto;
    height: 100%;

}
.home-cat-articles__status-line,
.base-cat-articles__status-line,
.sub-cat-articles__status-line,
.tag-articles__status-line,
.cat-articles__status-line
{}

.home-cat-articles__header,
.cat-articles__header{
    margin: 20px 0;
}
.base-cat-articles__header {
    margin: 0 0 20px 0;
}
.sub-cat-articles__header,
.tag-articles__header
{
    margin: 20px 0 8px 0;
}
.sub-cat-articles__left .post-item__read-more,
.tag-articles__left .post-item__read-more
{
    margin: 20px 0;
}

.home-cat-articles__header,
.home-cat-articles__header a,
.base-cat-articles__header,
.base-cat-articles__header a,
.sub-cat-articles__header,
.sub-cat-articles__header span,
.tag-articles__header,
.tag-articles__header span,
.cat-articles__header,
.cat-articles__header a
{
    color: var(--royalblue-900, #031A54);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.5px;
    text-decoration: none;
}

.sub-cat-articles__header,
.sub-cat-articles__header span,
.tag-articles__header,
.tag-articles__header span
{
    font-size: 28px;
    line-height: 42px;
}



.cat-articles__description {}
.home-cat-articles__status-bottom,
.base-cat-articles__status-bottom,
.sub-cat-articles__status-bottom,
.tag-articles__status-bottom,
.cat-articles__status-bottom
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
}
.base-cat-articles__status-bottom,
.home-cat-articles__status-bottom {
    flex-grow: 1;
    align-items: flex-end;
}

/* rating-votes */
/*todo: add resizing*/
.rating-votes {
    display:flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    position: relative;
    min-width: 66px;
    height: 32px;
    width: fit-content;
    margin: -16px auto -16px 20px;
    padding: 8px;

    border-radius: 24px;
    background: var(--neutral-0, #ffffff);

    /* icon button */
    box-shadow: 0px 2px 5px 0px rgba(58, 62, 69, 0.08);
    text-decoration: none;
}
.rating-votes:focus {
    outline: none;
}
.rating-votes__icon {
    display: block;
    width: 20px;
    height: 20px;
}
.rating-votes__count {
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}


.base-cat-posts .rating-votes,
.cat-posts .rating-votes
{
    margin-left: 10px;
}
.base-cat-articles .rating-votes {
    height: 24px;
    width: fit-content;
    padding: 3px 8px;
    min-width: fit-content;
    justify-content: space-between;
}

.base-cat-articles .rating-votes  .rating-votes__count {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}
.base-cat-articles .rating-votes  .rating-votes__icon{
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.cloud-tags-header{
    color: var(--royalblue-900, #031A54);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
}
.cloud-tags {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding-left: 0;
    margin: 0 0 var(--D9, 40px) 0;
}
.cloud-tags__item {}
.cloud-tags__link {
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;

    border: 1px solid transparent;
    border-radius: 32px;
    background: var(--neutral-0, #FFF);
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.09);

    display: inline-block;
    margin: 4px;
    padding: 4px 15px;
}

.cloud-tags__link:before {
    content: '#';
    font-size: 14px;
    line-height: 22px;
    margin-right: 4px;
    text-decoration: none;
}

.cloud-tags__link:hover {
    border: 1px solid var(--royalblue-600, #1951E1);
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.09);
}
.cloud-tags__link:active,
.cloud-tags__link:focus{
    border: 1px solid var(--royalblue-600, #1951E1);
    background: var(--royalblue-50, #F2F6FF);
}
.cloud-tags__link.active {
    color: var(--neutral-0, #ffffff);
    border: 1px solid var(--royalblue-150, #D4E0FF);
    background: var(--royalblue-700, #1149D8);
    outline: none;
}
.cloud-tags__link.disabled,
.cloud-tags__link:disabled,
.cloud-tags__link:after:disabled,
.cloud-tags__link.disabled:after
{
    color: var(--neutral-200, #C3C4C7);
}

.top-articles-list {
    display: flex;
    flex-flow: column nowrap;
    margin: 0 0 var(--D9, 40px) 0;
    position: relative;
}
.top-articles-list__header {
    color: var(--royalblue-900, #031A54);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    text-decoration: none;
}
.top-articles-list__header:hover {
    color: var(--royalblue-500, #215AEE);
}
.top-articles-list__all-link {
    position: absolute;
    right: 8px;
    top: 3px;

    font: 400 14px/22px 'Roboto';
    padding-right: 24px;
    background: url("../images/arrow-right-thin.svg") right center / 16px 16px no-repeat;
    text-decoration: dotted underline #c2c4c7;
}


.top-articles {
    display: flex;
    flex-flow: row nowrap;
    padding-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid var(--neutral-150, #E7E7E8);
}
.top-articles:last-child {
    border-bottom: 1px solid var(--neutral-150, #E7E7E8);
    padding-bottom: 20px;
    margin-bottom: 0;
}
.top-articles__left {
    display: flex;
    justify-content:center;
}
.top-articles__thumbnail {
    margin-right: 16px;
}
.top-articles__image {
    width: 40px;
}
.top-articles__image img{
    width: 40px;
}
.top-articles__image-square {
    display: block;
    width: 40px;
    height: 40px;
}
.top-articles__image-square img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-articles__right {
    display: flex;
    flex-flow: column nowrap;
}

.top-articles__header {
    margin-bottom: 8px;
}
.top-articles__header,
.top-articles__header-link {
    color: var(--neutral-800, #222324);
    font-feature-settings: 'clig' off, 'liga' off;

    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.3px;
    text-decoration: none;
}


.top-articles__header > .top-articles__header-link:hover {
    color: var(--royalblue-500, #215AEE);

}
.top-articles__header > .top-articles__header-link:focus,
.top-articles__header > .top-articles__header-link:active {
    color: var(--royalblue-700, #1149D8);
}
.top-articles__header > .top-articles__header-link:disabled {
    color: var(--neutral-700, #424346);
}



.top-articles__status-bottom {}





.useful-tools {
    display: flex;
    flex-flow: column nowrap;
    background: var(--neutral-0, #ffffff);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
    padding: 8px;
}
.useful-tool-header {
    color: var(--royalblue-900, #031A54);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.5px;
    margin: 32px 0 16px 0;
}
.useful-tools__item {
    display: flex;
    flex-flow: column nowrap;
    padding: 16px 16px 16px 20px;
    /*border-left: 2px solid var(--royalblue-600, #1951E1);*/
    border-left: 2px solid var(--royalblue-900, #031A54);
    background: var(--neutral-0, #ffffff);
}
.useful-tools__item-seperator {
    display: block;
    width: 100%;
    height: 1px;
    background: var(--neutral-100, #EFF1F3);
    font-size: 1px;
    line-height: 1px;
    margin: 8px 0;
}

.useful-tools__header {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.useful-tools__header > a {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.3px;
    text-decoration: none;
}
.useful-tools__header > a:hover {
    color: var(--royalblue-400, #2965FF);
}
.useful-tools__header > a:active,
.useful-tools__header > a:focus
{
    color: var(--royalblue-500, #215AEE);
}
.useful-tools__header > a:disabled {
    color: var(--neutral-200, #C3C4C7);
}

.useful-tools__icon {
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px 32px;
    margin-right: 12px;
}
.useful-tools__description {
    display: block;
    margin: 12px 0;
}
.useful-tools__description > span {
    color: var(--neutral-700, #424346);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 14px;
    line-height: 22px;
}
.useful-tools__button-group {

}
.useful-tools__button {
    display: block;
    padding: 8px 16px;

    width: fit-content;
    height: auto;

    color: var(--neutral-0, #ffffff);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.splash-container-category {
    box-shadow: 0px 60px 28px -48px rgba(0, 0, 0, 0.07);
}

.category-splash {
    display: flex;
    flex-flow: column nowrap;
    max-width: 872px;
    margin: 40px auto;
}
.category-splash__shield {
    display: block;
    height: 160px;
    width: 100%;
    background-size: auto 160px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.category-splash__icon {
    display: block;
    height: 48px;
    width: 100%;
    background-size: 48px 48px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
.category-splash__title {
    color: var(--royalblue-900, #031A54);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;

    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
}
.category-splash__count {
    color: var(--neutral-600, #6F7175);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 15px;
    line-height: 24px;
    margin: 12px 0;
}
.category-splash__description {
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 17px;
    line-height: 28px;
}

.cegory-splash__subcategory {
    display: block;
    width: 100%;
    max-height: 124px;
    margin-top: 32px;
}
.splash-subcategories {
    padding: 0;
    margin-bottom: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.splash-subcategories__item {
    display: inline-block;
    margin: 8px;
}
.splash-subcategories__link {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 16px 48px 16px 20px;
    gap: 12px;

    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    text-decoration: none;

    border-radius: 72px;
    border: 1px solid var(--neutral-150, #E7E7E8);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: calc(100% - 24px) center;

}

.splash-subcategories__link:hover {
    border: 1px solid var(--royalblue-400, #2965FF);
}
.splash-subcategories__link:focus,
.splash-subcategories__link:active {
    border: 1px solid var(--royalblue-800, #163A98);
    outline: none;
}
.splash-subcategories__link:disabled {
    color: var(--neutral-200, #C3C4C7);
    border: 1px solid var(--neutral-150, #E7E7E8);
}
.splash-subcategories__link .icon {
    width: 24px;
    height: 24px;
}


.icon-arrow-right {
    background-image: url(../images/icon-arrow-right-gray.svg);
}

a.icon-arrow-right:hover {
    background-image: url(../images/icons/arrow-right-thin-blue.svg);
}
a.icon-arrow-right:focus,
a.icon-arrow-right:active {
    background-image: url(../images/arrow-right-thin-pressed.svg);
    outline: none;
}
a.icon-arrow-right:disabled {
    background-image: url(../images/icon-arrow-right-disabled.svg);
}


.sub-cat-articles__left,
.tag-articles__left,
.cat-articles__left
{
    width: calc(65% - 11px);
    padding-right: var(--D9, 40px);
}

.sub-cat-articles__right,
.tag-articles__right,
.cat-articles__right {
    display: flex;
    flex-flow: row nowrap;
    align-items:center;
    width: calc(35% - 11px);
    margin-left: 20px;
}

.home-cat-articles__thumbnail,
.sub-cat-articles__thumbnail,
.tag-articles__thumbnail,
.cat-articles__thumbnail {}

.ps-row-col {
    display: flex;
    flex-flow: column nowrap;
}
.ps-row-col > div {
    border-bottom: 1px solid var(--neutral-150, #E7E7E8);
}

.ps-row-row {
    display: flex;
    flex-flow: row nowrap;
}

.author-line__likes {
    display: flex;
    flex-flow: row nowrap;
}

.author-line__likes div.alikeslink {
    display: inline-block;
    color: var(--neutral-700, #424346);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;

}
.author-line__likes div.allikeslinkicon {
    display: inline-block;
    width: 16px;
    height: 18px;
    background-image: url(../images/icons/upvote.svg);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 4px;
    text-decoration: none;

}
.author-line__likes div.alikeslinkicon:hover,
.author-line__likes div.alikeslink:hover {
}

.topics {

}
.topics__header {
    display: block;
    color: var(--royalblue-900, #031A54);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.5px;
    margin: 0 8px;
}
.topics__list {
    display: flex;
    flex-flow: column nowrap;
    margin-bottom: 0;
    padding-left: 0;
}
.topics__item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 20px 8px;
    border-bottom: 1px solid var(--neutral-100, #EFF1F3);
    cursor: pointer;
}
.topics__item:hover {
    background: var(--neutral-50, #F9FAFB);
}
.topics__item:active,
.topics__item:focus {
    background: var(--neutral-100, #EFF1F3);
}
.topics__item:disabled {
    opacity: 0.5;
}

.topics__link {
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;

    padding:  0 0 0 36px;

    background-position: left center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    text-decoration: none;
}
.topics__item:hover > .topics__link,
.topics__link:hover {
    /*color: var(--royalblue-500, #215AEE);*/
}
.topics__item:active > .topics__link,
.topics__item:focus > .topics__link,
.topics__link:active,
.topics__link:focus {
    /*color: var(--royalblue-700, #1149D8);*/
}
.topics__item:disabled > .topics__link,
.topics__link:disabled {
    /*color: var(--neutral-200, #C3C4C7);*/
}

.topics__icon-arrow {
    display: block;
    width: 16px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center center;
    background-image: url(../images/arrow-right-thin.svg);
}

/* ==================================================== */
/* ==================  pagination  ==================== */
/* ==================================================== */

.pagination {
    display: block;
    line-height: 32px;
    height: 32px;
    margin: var(--D9, 40px) 0;
}
.nav-links {
    display: flex;
    flex-flow: row nowrap;
    /*justify-content: space-between;*/
    justify-content: center;
}

.pagination__group {
    display: flex;
    flex-flow: row nowrap;
}

.pagination__group .prev-page,
.pagination__group .next-page {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    column-gap: 6px;
}




.pagination__group .prev-button,
.pagination__group .next-button
{
    color: var(--neutral-800, #222324);
    font-size: 14px;
    line-height: 22px; /* 157.143% */
}


.pagination__group > .page-numbers:not(.prev, .next) {
    display: block;
    padding: 0 8px;
    margin: 0 2px;

    color: var(--neutral-700, #424346);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 17px;
    line-height: 28px;
}


.pagination__group > a.page-numbers {
    text-decoration: none;
}
.pagination__group > a.page-numbers:hover {
    color: var(--royalblue-400, #2965FF);
}

.pagination__group > a.page-numbers:active,
.pagination__group > a.page-numbers:focus {
    color: var(--royalblue-600, #1951E1);
    font-weight: 500;
}

.pagination__group > a.page-numbers:disabled,
.pagination__group > a.page-numbers.disabled {
    color: var(--neutral-200, #C3C4C7);
}

.pagination__group .prev,
.pagination__group .next {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.pagination__group .p-button svg
{
    display: block;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: 0;
}

.pagination__group a.page-numbers:hover .pagination__text {
    color: var(--royalblue-500, #215AEE);
}
.pagination__group a.page-numbers:active .pagination__text ,
.pagination__group a.page-numbers:focus .pagination__text {
    color: var(--royalblue-600, #1951E1);
    font-weight: 500;
}
.pagination__group a.page-numbers:disabled .pagination__text {
 color: #C3C4C7;
}

.pagination__group a.page-numbers:hover .p-button svg path{
    fill: var(--royalblue-500, #215AEE);
}
.pagination__group a.page-numbers:active .p-button svg path,
.pagination__group a.page-numbers:focus .p-button  svg path{
    fill: var(--royalblue-600, #1951E1);
}
.pagination__group a.page-numbers:disabled .p-button svg path{
    fill: var(--neutral-200, #C3C4C7);
}


.pagination__group .page-disabled svg path{
    fill: var(--neutral-200, #C3C4C7);
}
.pagination__group .page-disabled .pagination__text
{
    color: var(--neutral-200, #C3C4C7);
}

.pagination__group > span.current
{
    color: var(--royalblue-600, #1951E1) !important;
}


/* ==================================================== */
/* ================= end pagination  ================== */
/* ==================================================== */

.rating {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    margin: var(--D11, 56px)  auto;
}

.rating__header {
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;

    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.5px;
    display: block;
    width: fit-content;
    margin: 0 auto 32px auto;
}

.rating__hands{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 32px;
    margin: 0 auto 32px auto ;
    border-bottom: 1px solid var(--neutral-150, #E7E7E8);
}
.rating__status {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: 0 auto;
}
.rating__status > span {
    color: var(--neutral-700, #424346);
    font-size: 15px;
    line-height: 24px;
}

.rating__status .author-line .author-line__updated-date {
    font-size: 15px;
    line-height: 24px;
}



.post-ratings-thanks,
.post-ratings {
    width: fit-content!important;
    display: flex;
    flex-flow: row nowrap;
    gap:8px;
}
.post-ratings-thanks {
    flex-flow: column nowrap;
    align-items: center;
}
.post-ratings__button-voted,
.post-ratings__button-vote {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;

    width: 56px;
    height: 40px;

    border-radius: 40px;
    border: 1px solid var(--neutral-150, #E7E7E8);
    background: var(--neutral-0, #FFF);
    box-shadow: 0px 2px 5px 0px rgba(58, 62, 69, 0.08);
    cursor: pointer;
}
.post-ratings__button-voted {
    cursor: default;

}

.post-ratings__button-vote:hover {
    border-radius: 40px;
    border: 1px solid var(--neutral-200, #C3C4C7);
    background: var(--neutral-0, #FFF);
}
.post-ratings__button-vote:active {
    border: 1px solid var(--neutral-500, #919399);
    background: var(--neutral-0, #FFF);
    box-shadow: none;
}
.post-ratings__button-voted.disabled,
.post-ratings__button-vote:disabled {
    border: 1px solid var(--neutral-100, #EFF1F3);
    background: var(--neutral-0, #FFF);
    cursor: default;
    box-shadow: none;
    opacity: 0.3;
}
.post-ratings__button-voted.voted,
.post-ratings__button-vote.voted
{
    border: none;
    background: var(--yellow-300, #FFF9DC);
    cursor: default;
    box-shadow: none;
}

.post-ratings__button-vote-up {}
.post-ratings__button-vote-down {}
.post-ratings__vote-image {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.post-ratings__button-voted .post-ratings__vote-image {
    cursor: default;
}

.post-ratings__thanks {

    display: block;
    width: fit-content;
    margin: 8px auto;

    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.5px;
}
.post-ratings__hide {
    display: none;
}

.other-articles {
    margin: 32px auto;
}
.other-articles__header {
    color: var(--royalblue-900, #031A54);
    font-feature-settings: 'clig' off, 'liga' off;

    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 20px;
}
@media (max-width: 479px) {
    .other-articles__header {
        text-align: center;
    }
}
.other-articles__row {
    display: flex;
    width: 100%;
}
.other-posts__articles {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    min-height: 300px;
    column-gap: 24px;
    row-gap: 20px;
}

.other-articles__post {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    height: auto;
    width: calc(25% - 18px);
    max-width: 444px;
    background: var(--neutral-50, #F9FAFB);
}

.other-articles__post .cat-articles__bottom {
    flex-grow: 1;
}
.other-articles__post .cat-articles__status-bottom {
    flex-grow: 1;
    align-items: flex-end;
}
.other-articles__post .cat-articles__image {
    height: 100%;
}
.other-articles__post .cat-articles__image > img {
    aspect-ratio: 276 / 180;
    width: 100%;
    height: auto;
}

.author-page {
    display: block;
}
.author-page-header {
    display: block;
    width: 100%;
    padding: 24px 0 32px;
    margin-bottom:var(--D10, 48px);
    box-shadow: 0 60px 28px -48px rgba(0, 0, 0, 0.07);
}
.author-page-header__avatar {
    display: block;
    position: relative;
    width: 114px;
    height: 114px;
    margin: 0 auto 34px;
    border-radius: 57px;
    background: center / cover no-repeat;
}
.author__rating-votes {
    position: absolute;
    left: 41px;
    bottom: 0;
}
.author-page-header__name {
    color: #111600;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: 'Caveat', cursive;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0.5px;

    margin-bottom: 24px;
}

.author-page-header__description {
    display: block;
    width: fit-content;

    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;

    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 auto 24px auto;
}
.author-page-header__social-pages {
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.social-pages__link {
    display: inline-block;
    margin: 2px 8px;
    width: 28px;
    height: 28px;
    border-radius: 14px;
    background: #031a54 center / 20px no-repeat;
    text-decoration: none;
}
.social-pages__link:hover {
    background-color: #215AEE;
}
.social-pages__link:active {
    background-color: #1951E1;
}
.social-pages__link.facebook {
    background-image: url("../images/icons/social/facebook.svg")
}
.social-pages__link.twitter {
    background-image: url("../images/icons/social/twitter.svg")
}
.social-pages__link.linkedin {
    background-image: url("../images/icons/social/linkedin.svg")
}



.author-page-posts {
    display: block;
    width: 100%;
}

.author-page-posts__head {
    display: block;
    width: fit-content;
    margin: var(--D9, 40px) auto 0 auto;
}
.author-page-posts__header,
.author-page-posts__count {
    display: block;
    width: fit-content;
    margin: 0 auto 24px auto;
    color: var(--royalblue-900, #031A54);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
}
.author-page-posts__categories {
    display: block;
    width: fit-content;
    margin: 0 auto var(--D9, 40px) auto;
}
.author-page-posts__list {
    display: flex;
    flex-flow: row wrap;
    column-gap: 20px;
    row-gap: var(--D8, 32px);
}
.author-page-pagination {
    display: flex;
    width: 100%;
    min-height: var(--D9, 40px);
    flex-flow: row nowrap;
}
.author-page-pagination .pagination {
    width: 100%;
}

.author-page-pagination .prev,
.author-page-pagination .next {
    display: block;
}
.author-page-pagination .page-numbers {
    display: block;
    padding: 0 8px;
    margin: 0 2px;

    color: var(--neutral-700, #424346);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 17px;
    line-height: 28px;
}

.author-page-pagination a.page-numbers {
    color: var(--royalblue-500, #215AEE);
    text-decoration: none;
}


.categories-row {}
.categories-row__list {
    list-style: none;
    margin-left: 0;
    padding: 0;

    display: flex;
    flex-flow: row wrap;
    justify-content: center;

}
.categories-row__item {
    list-style: none;
    display: block;
    margin: 6px 4px;
}

.categories-row__link {
    font-size: 15px;
    line-height: 24px;
    text-decoration: none;
    text-align: left;

    display: block ;
    padding: 8px 16px;
    background-color: var(--neutral-0, #ffffff);

    border-radius: 72px;
    border: 1px solid var(--neutral-150, #E7E7E8);
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.09);
}

.categories-row__link:hover {
    border: 1px solid var(--royalblue-400, #2965FF);
}
.categories-row__link:active,
.categories-row__link:focus {
    border: 1px solid var(--royalblue-800, #163A98);
    background-color: var(--royalblue-50, #F2F6FF);
}
.categories-row__link:disabled {
    color: var(--neutral-200, #C3C4C7);
    border: 1px solid var(--neutral-150, #E7E7E8);
}
.categories-row__link.current {
    color: var(--neutral-0, #FFF);
    border: 1px solid var(--royalblue-150, #D4E0FF);
    background-color: var(--royalblue-700, #1149D8);
}

.author_description {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto 24px auto;
    text-align: center;
}

.author_description__short,
.author_description__more {
    display: inline-block;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 17px;
    line-height: 28px;
}

.author_description__short-bottom, .author_description__more-bottom {
    display: block;
    width: 100%;
    margin: 24px 0 0 0;
    cursor: pointer;
}

.author_description__short-link, .author_description__more-link {
    color: var(--royalblue-500, #215AEE);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    text-decoration: none;

    display: block;
    width: fit-content;
    padding:  4px 8px 4px calc(24px + 8px) ;
    margin: 0 auto;

    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-color: var(--neutral-0, #ffffff);
}

.author_description__short-link:hover, .author_description__more-link:hover {
    color: var(--royalblue-500, #215AEE);
}
.author_description__short-link:active, .author_description__more-link:active,
.author_description__short-link:focus, .author_description__more-link:focus {
    color: var(--royalblue-700, #1149D8);
}
.author_description__short-link:disabled, .author_description__more-link:disabled {
    color: var(--neutral-200, #C3C4C7);
}

.author_description__short-link {
    background-image: url(../images/icons/plus-minus/plus.svg);
}
.author_description__more-link {
    background-image: url(../images/icons/plus-minus/minus.svg);
}

.author_description__more {
    display: none;
}

.bordered-top {
    border-top: 1px solid #EFF1F3;
}
.width1096{
    display: flex;
}
@media screen and (min-width: 1096px) {
    .about-us  .width1096{
        max-width: 1096px;
        margin-left: auto;
        margin-right: auto;
    }
}


.about-us__data {
    margin-top: var(--D9, 40px);
    margin-bottom: var(--D9, 40px);
}
.about-us__data-gray {
    margin-top: var(--D9, 40px);
    margin-bottom: var(--D9, 40px);
}

.about-us__header {
    display: block;
    width: 80%;
    margin: 0 auto;
    color: var(--royalblue-900, #031A54);
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    line-height: 52px;
    letter-spacing: 0.6px;
    margin-bottom: var(--D7, 24px);
}
.about-us__subheader {
    display: block;
    width: 60%;
    margin: 0 auto;
    color: var(--royalblue-900, #031A54);
    text-align: center;

    margin-bottom: var(--D7, 24px);
    font-size: 28px;
    font-weight: 700;
    line-height: 42px; /* 150% */
}

.about-us__description {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.about-us__description > p{
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
}

.about-us__description {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.about-us__description > p{
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
}
.about-us__subdescription {
    width: 60%;
}


.about-us__gallery{
    margin: var(--D9, 40px) 0 var(--D11, 56px) 0;
}
.gallery-top {
    display:block;
    width: 100%;
    /*height: 350px;*/
    /*overflow: hidden;*/
}
.gallery-top__list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    gap: 20px;
    margin: 0;
    padding: 0;
}
.row-background-gray {
    background: var(--neutral-50, #F9FAFB);
}


.gallery-top__item {
    display: block;
}

.gallery-top__item-width-1 {width: 100%;}
.gallery-top__item-width-2 {width: 50%;}
.gallery-top__item-width-3 {width: 33.33%;}
.gallery-top__item-width-4 {width: 25%;}
.gallery-top__item-width-5 {width: 20%;}

.gallery-top__frame {
    display: block;
    padding: 0;
    width: 100%;
    border: none;
}
.gallery-top__item:nth-child(2n) .gallery-top__frame {
    transform: rotate(-1deg);
}
.gallery-top__item:nth-child(2n+1) .gallery-top__frame {
    transform: rotate(2deg);
}
.gallery-top__link {
    text-decoration: none;
}
.gallery-top__link:focus {
    outline: none;
}

.gallery-top__image {
    display: block;
    width: 100%;
    height: auto;
    /*background-repeat:no-repeat ;
    background-position:center center ;
    background-size: cover;*/
}


.gallery-middle {
    display:block;
    width: 100%;
    /*height: 350px;*/
    /*overflow: hidden;*/
}
.gallery-middle__list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    gap: 20px;
    margin: 0;
    padding: 0;
}
.gallery-bottom__item,
.gallery-middle__item {
    display: block;
}

.gallery-middle__item-first {
    width: 72%;
}

.gallery-middle__item-treed {
    width: 73%;
}
.gallery-middle__item-second {
    width: 45%;
    position: relative;
    /*margin:  auto auto -69px -213px;*/
    margin:  auto auto -10.8% -33.5%;
}

.gallery-middle__item-four {
    width: 52%;
    position: relative;
    /*margin:  auto auto -69px -213px;*/
    margin:  auto auto -15.8% -28.8%;
}

.gallery-middle__frame {
    display: block;
    padding: 0;
    width: 100%;
    border: none;
}

.gallery-middle__item-four .gallery-middle__frame,
.gallery-middle__item-second .gallery-middle__frame
{
    background: #ffffff;
    padding: 4px;
}


.gallery-middle__item:nth-child(2n) .gallery-middle__frame {
    transform: rotate(-6deg);
}
.gallery-middle__item:nth-child(2n+1) .gallery-middle__frame {
    transform: rotate(6deg);
}

.gallery-bottom__item:nth-child(1) .gallery-middle__frame {
    transform: rotate(-6deg);
}
.gallery-bottom__item:nth-child(2) .gallery-middle__frame {
    transform: rotate(6deg);
}

.gallery-middle__link {
    text-decoration: none;
}
.gallery-middle__link:focus {
    outline: none;
}

.gallery-middle__image {
    display: block;
    width: 100%;
    height: auto;
    /*background-repeat:no-repeat ;
    background-position:center center ;
    background-size: cover;*/
}




.about-us__numbers{
    width: 100%;
    margin: var(--D8, 32px) 0 var(--D8, 32px) 0 ;
}

.about-us__numbers-list {
    display: flex;
    flex-flow: row nowrap;
    gap: 20px;
    max-width: 872px;
    margin: 0 auto;
    align-items:center;
}
.numbers-separator {
    display: block;
    border-right: 1px solid #EFF1F3;
    width: 0px;
    background: #EFF1F3;
    height: var(--D9, 40px);
}


.numbers {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    height: auto;
}
.numbers__icon {
    display: block;
    width: 32px;
    height: 32px;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px 32px;

    margin: 0 auto 16px auto;
}

.numbers__title{
    display: block;
    margin: 0 auto 8px auto;

    color: var(--royalblue-900, #031A54);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;

    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.5px;
}
.numbers__description{
    display: block;
    margin: 0 auto;

    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;


    font-size: 15px;
    line-height: 24px;
}

.row-reverse {
    flex-flow: row wrap-reverse;
}

.about-us__topic {
    margin: 16px 0 0 0;
}
.au-topic {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
.au-topic__margin-left {
    margin-left: 56px;
}
.au-topic__margin-right {
    margin-right: 56px;
}
.au-topic__margin-center {
    text-align: center;
}


.au-topic__shield{
    display: block;
    width: fit-content;
    padding: 0 8px;
    background: var(--tomato-500, #FF6522);

    font-family: 'Roboto Mono', monospace;
    color: var(--neutral-0, #ffffff);
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 24px;
}
.au-topic__margin-center .au-topic__shield {
    margin: 0 auto 24px;
}
.author-page-header .au-topic__shield {
    margin: 12px auto 24px;
}
.au-topic__header{
    display: block;

    color: var(--royalblue-900, #031A54);
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;

    margin-bottom: 16px;
}
.au-topic__description{
    font-size: 17px;
    line-height: 28px;
}



.about-us__partners{
    margin: 16px 0;
}
.au-partners{
    display: block;
    width: 100%;
}
.au-partners__list{
    display: flex;
    flex-flow: column nowrap;
    margin: 0;
    padding: 0;
    gap: 24px;
}
.au-partners__item{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    gap: 24px;
    padding: 8px 32px 8px 24px;
    list-style: none;
    margin-right: var(--D11, 56px);
    align-items:center;
    background-color: #ffffff;
}
.au-partners__item:nth-child(even) {
    margin-left: var(--D11, 56px);
    margin-right: 0;
}
.au-partners__logo{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    min-width: 104px;
    min-height: 104px;
}
.au-logo{
    display: block;
}
.au-partners__splitter{
    display: block;
    width: 1px;
    height: 64px;
    background: #EFF1F3;
}
.au-partners__description{
    display: block;
    font-size: 15px;
    line-height: 24px;
}



.about-us__partner-cloud {
    margin: 32px 0 8px 0;
}
.partner-cloud {
    display: block;
}
.partner-cloud__list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
}
.partner-cloud__item {
    list-style: none;
    display: block;
    width: fit-content;
}
.partner-cloud__link {
    text-decoration: none;
}
.partner-cloud__image {
    display: block;
    padding: 2px 4px;
}




.au-map {
    display: block;
    width: 100%;
}
.au-map__image {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1016px;
}

.au-map__image-node{
    display: block;
    width: 100%;
}

.img-w-1320 {
    display: block;
    aspect-ratio: 1016 / 424;
}
.img-w-976,
.img-w-940,
.img-w-432,
.img-w-320
{
    display: none;
}


.au-map__items-extra-large {
    max-width: 1320px;
    min-width: 977px;
    display: block;
}

.au-map__items-large {
    max-width: 976px;
    min-width: 941px;
}

.au-map__items-middle {
    max-width: 940px;
    min-width: 433px;
}

.au-map__items-small {
    max-width: 432px;
    min-width: 321px;
}

.au-map__items-extra-small {
    max-width: 320px;
}

.page-search-form {
    background: var(--neutral-0, #FFF);
    box-shadow: 0px 60px 28px -48px rgba(0, 0, 0, 0.07);
}

.page-search-form__form-block {
    width: 80%;
    padding: 40px 0 24px 0;
    margin: 0 auto;
}

.page-search-form__form-block .search-form.bordered {
    border-bottom: 2px solid var(--royalblue-500, #215AEE);
}

.page-search-form__form-block .search-form.hovered:not(.bordered) {
    border-bottom: 1px solid var(--royalblue-500, #215AEE);
}

.page-search-form__form-block .search-form.disabled {
    border-bottom: 1px solid var(--neutral-200, #C3C4C7);
}

.page-search-form__form-block .search-form__input:disabled {
    color: var(--neutral-200, #C3C4C7);
}
.page-search-form__form-block .search-form__button:disabled
{
    opacity: 0.6;
}
.page-search-form__form-block .search-form__has-text-button {
    height: 26px;
}



.form-block {
    display: flex;
    flex-flow: column nowrap;
}
.page-search-form .search-form {
    display: flex;
    flex-flow: row nowrap;
    border-bottom: 1px solid var(--neutral-600, #6F7175);
    padding: 8px;
    width: 100%;
    background: #ffffff;
    z-index: unset;
}
.page-search-form .search-form__button {
    display: block;
    width: 28px;
    height: 28px;
}
.page-search-form .search-form__input {
    display: block;
    width: calc(100% - 24px);
    font-size: 17px;
    line-height: 28px;
    color: var(--neutral-800, #222324);
    padding: 0 8px;
    border: none;
    background:transparent;
}
.page-search-form .search-form__input::placeholder,
.page-search-form .search-form__input::-webkit-input-placeholder,
.page-search-form .search-form__input::-moz-placeholder,
.page-search-form .search-form__input::-ms-input-placeholder
{
    color: var(--neutral-700, #424346);
}



.form-block__post-count {
    display: block;
    width: 100%;
    color: var(--neutral-600, #6F7175);
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    margin-top: 20px;
}
.form-block {}
.form-block {}

.page-search-result {
    margin-top: 40px;
}
.search-not-found_row {}
.search-not-found_row__block {
    max-width: 80%;
    margin: var(--D11, 56px) auto;
}
.not-found {}
.not-found__block {
    display: flex;
    flex-flow: column nowrap;
}
.not-found__image {
    display: block;
    width: fit-content;
    margin: 0 auto 88px auto;
}
.not-found__header {
    display: block;
    text-align: center;
    color: var(--royalblue-900, #031A54);
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 12px;
}
.not-found__description {
    display: block;
    text-align: center;
    color: var(--neutral-700, #424346);
    font-size: 17px;
    line-height: 28px;
    margin-bottom: var(--D8, 32px);
}


.contact-us {}
.contact-us__head-block {
    display: flex;
    flex-flow: column nowrap;
    justify-items: center;
    justify-content: space-evenly;
    margin: 40px auto;
}

h1.contact-us__title {
    color: var(--royalblue-900, #031A54);
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 12px;
}
.contact-us__subtitle {
    text-align: center;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 0;
}


.contact-us-loading {
    display: flex;
    justify-content:center;
    align-items: center;
    min-height: 300px;
    text-align: center;
    width: 100%;
    margin: 0 auto;


    color: var(--royalblue-900, #031A54);
    font-size: 21px;
    font-weight: 700;
    line-height: 25px;
}
.contact-us__header {
    background: var(--neutral-0, #FFF);
    box-shadow: 0px 60px 28px -48px rgba(0, 0, 0, 0.07);
}

/*div.contact-us-loading {display: block}*/
div.contact-us-form {display: none}
.contact-us-form__item {
    position: relative;
}
.b-help_right {
    position: absolute !important;
    right: 0;
    top: 0;
}

.error-container {
    display: flex;
    flex-flow: column nowrap;
    max-width: 576px;
    margin: var(--D11, 56px) auto;
}
.page-404 {
    padding-bottom: var(--D11, 56px);
}
.error-404 {}

.error-404__header{
    color: var(--royalblue-900, #031A54);
    text-align: center;

    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: var(--D4, 12px);
}
.error-404__description {
    color: var(--neutral-700, #424346);
    text-align: center;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: var(--D8, 32px);
}

.error-404__button {
    display: block;
    margin: 0 auto;
}
.error-404__image-margin {
    max-width: 100%;
    aspect-ratio: 420 / 224;
}

.btn-dark {
    display: block;
    border-radius: 0px;
    background: var(--neutral-800, #222324);
    color: var(--neutral-0, #FFF);
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.2px;
    padding: 12px 24px;
    text-decoration: none;
}
.btn-dark:hover {
    background: var(--neutral-700, #424346);
}
.btn-dark:active,
.btn-dark:focus {
    background: var(--neutral-900, #111112);
}
.btn-dark:disabled {
    background: var(--neutral-150, #E7E7E8);
}



.error-404__image {
    display: block;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
}


.page-404 .other-articles {
    margin: 0 auto;
}
.page-404 .other-articles__header {
    margin: var(--D6, 20px) 0;
}
.page-404 .error-404__image {
    display: block;
    margin-bottom: var(--D10, 48px);
}



.most-popular {
    display: block;
    width: 100%;
}

.most-popular__list {
    display: flex;
    flex-flow: row nowrap;
    gap: 24px
}

.most-popular__item {
    display: flex;
    width: calc(25% - 18px);
    margin: 0;
}
.most-popular__item .post-item__top {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
}
.most-popular__item .post-item__thumbnail {

}
.most-popular__item .post-item__image {}
.most-popular__item .post-item__bottom {
    display: flex;
    flex-flow: column nowrap;
    margin: 24px 16px 16px 16px;
    padding: 0;
    width: calc(100% - 32px);
}
.most-popular__item .post-item__status-line {
    display: flex;
    flex-flow: column wrap;
    justify-content: start;
    text-align: left;
}
.most-popular__item .post-item__header {
    margin: 12px 0;
}
.most-popular__item .post-item__header,
.most-popular__item .post-item__header > .post-item__header-link {
    color: var(--royalblue-900, #031A54);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.5px;
}

.most-popular__item .post-item__header-link {}
.most-popular__item .post-item__status-bottom {
    margin: 0;
}
.most-popular__item .author-line {
    font-size: 12px;
    line-height: 18px;
}
.most-popular__item .author-line .author-line__category > a {
    text-decoration: unset;
}

.result-block {}
.result-block__left {}

.search-result-block {
    display: block;
    width: 100%;
}
.search-result-block__list {
    display: flex;
    flex-flow: column nowrap;
}
.search-result-block__item {
    display: flex;
    flex-flow: row nowrap; /* will change on mobile */
    align-items: center;
    padding: 20px 24px;
    margin-bottom: var(--D7, 24px);
}
.search-result-block__list .search-result-block__item:last-child {
    margin-bottom: 0;
}
.search-result-block__left {
    display: flex;
    flex-flow: column nowrap;
    width: calc(65% - 11px);
    margin-right: 20px;
}
.search-result-block__right {
    display: block;
    width: calc(35% - 11px);
    margin-left: 20px;
    aspect-ratio: 1 / 1;
    background: center center / cover no-repeat;
}
.sub-cat-articles__thumbnail,
.tag-articles__thumbnail,
.search-result-block__thumbnail {
    display: block;
    width: 100%;
}
.sub-cat-articles__image,
.tag-articles__image,
.search-result-block__image {
    display: block;
    height: 204px;
    width: 100%;
    background: center / cover no-repeat;
}

.sub-cat-articles__image img,
.tag-articles__image img,
.search-result-block__image img
{
    height: 100%;
}
.sub-cat-articles__image {
    width: 100%;
}
.sub-cat-articles__status-bottom,
.tag-articles__status-bottom,
.search-result-block__status-bottom {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

.sub-cat-articles__status-bottom .rating-votes,
.tag-articles__status-bottom .rating-votes,
.search-result-block__status-bottom .rating-votes
{
    margin: 0 16px 0 0;
}

.sub-cat-articles__status-bottom .comment-count,
.tag-articles__status-bottom .comment-count,
.search-result-block__status-bottom .comment-count
{
    color: var(--neutral-600, #6F7175);
    font-size: 12px;
    line-height: 18px;
    flex-grow: 1;
    margin-right: 16px;
}
.search-result-block__header,
.search-result-block__header .post-item__header-link {
    color: var(--royalblue-900, #031A54);
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    text-decoration: none;
    margin-bottom:8px;
}
.search-result-block__header .post-item__header-link:hover {
    color: var(--royalblue-500, #215AEE);
}
.search-result-block__header .post-item__header-link:active,
.search-result-block__header .post-item__header-link:focus {
    color: var(--royalblue-700, #1149D8);
}
.search-result-block__header .post-item__header-link:disabled {
    color: var(--neutral-700, #424346);
}

.search-result-block__left > .cat-articles__status-line,
.search-result-block__left > .post-item__description,
.search-result-block__left > .post-item__read-more {
    margin-bottom: 20px;
}


/* menu icon */
.icon-browser-clean
{background-image: url(../images/icons/menu/browser-clean.svg);}
.icon-browser
{background-image: url(../images/icons/menu/browser.svg);}
.icon-cleaning, .icon-cleanup-repair
{background-image: url(../images/icons/menu/cleaning.svg);}
.icon-countries
{background-image: url(../images/icons/menu/countries.svg);}
.icon-data-recovery
{background-image: url(../images/icons/menu/data-recovery.svg);}
.icon-defragmentation
{background-image: url(../images/icons/menu/defragmentation.svg);}
.icon-devices
{background-image: url(../images/icons/menu/devices.svg);}
.icon-drivers
{background-image: url(../images/icons/menu/drivers.svg);}
.icon-editors
{background-image: url(../images/icons/menu/editors.svg);}
.icon-files
{background-image: url(../images/icons/menu/files.svg);}
.icon-fixes
{background-image: url(../images/icons/menu/fixes.svg);}
.icon-for-games
{background-image: url(../images/icons/menu/for-gamers.svg);}
.icon-fps-improvement
{background-image: url(../images/icons/menu/fps-improvement.svg);}
.icon-graphics
{background-image: url(../images/icons/menu/graphics.svg);}
.icon-how-tos
{background-image: url(../images/icons/menu/how-tos.svg);}
.icon-internet
{background-image: url(../images/icons/menu/internet.svg);}
.icon-iot
{background-image: url(../images/icons/menu/iot.svg);}
.icon-maintenance
{background-image: url(../images/icons/menu/maintenance.svg);}
.icon-malware
{background-image: url(../images/icons/menu/malware.svg);}
.icon-microsoft-memory
{background-image: url(../images/icons/menu/microsoft-memory.svg);}
.icon-microsoft-update
{background-image: url(../images/icons/menu/microsoft-update.svg);}
.icon-microsoft
{background-image: url(../images/icons/menu/microsoft.svg);}
.icon-multimedia
{background-image: url(../images/icons/menu/multimedia.svg);}
.icon-news
{background-image: url(../images/icons/menu/news.svg);}
.icon-optimization
{background-image: url(../images/icons/menu/optimization.svg);}
.icon-passwords
{background-image: url(../images/icons/menu/passwords.svg);}
.icon-pc-games
{background-image: url(../images/icons/menu/pc-games.svg);}
.icon-pc
{background-image: url(../images/icons/menu/pc.svg);}
.icon-people
{background-image: url(../images/icons/menu/people.svg);}
.icon-performance
{background-image: url(../images/icons/menu/performance.svg);}
.icon-privacy-tips
{background-image: url(../images/icons/menu/privacy-tips.svg);}
.icon-productivity
{background-image: url(../images/icons/menu/productivity.svg);}
.icon-reviews
{background-image: url(../images/icons/menu/reviews.svg);}
.icon-security-tips
{background-image: url(../images/icons/menu/security-tips.svg);}
.icon-security
{background-image: url(../images/icons/menu/security.svg);}
.icon-social-media
{background-image: url(../images/icons/menu/social-media.svg);}
.icon-software
{background-image: url(../images/icons/menu/software.svg);}
.icon-threats
{background-image: url(../images/icons/menu/threats.svg);}
.icon-tips-tricks
{background-image: url(../images/icons/menu/tips-tricks.svg);}
.icon-tops
{background-image: url(../images/icons/menu/tops.svg);}
.icon-video
{background-image: url(../images/icons/menu/video.svg);}
.icon-windows-registry
{background-image: url(../images/icons/menu/windows-registry.svg);}
.icon-windows-update-errors
{background-image: url(../images/icons/menu/windows-update-errors.svg);}
.icon-windows
{background-image: url(../images/icons/menu/windows.svg);}
.icon-icon-categories
{background-image: url(../images/icons/menu/menu.svg);}
.icon-most-popular
{background-image: url(../images/icons/menu/privacy-tips.svg);}
/* end menu icon */

/* top-fire */
.icon-top-posts
{
    padding: 8px 16px 8px calc(24px + 24px);
    background: url(../images/icons/icon-top-fire.svg) 16px center / 24px 24px no-repeat;
}
/* end top-fire */


/* product icon */
.icon-usefull-tools {
    background-image: url(../images/icons/product/usefull-tools.svg);
    background-size: 64px 32px!important;
}
/* end product icon */

/* category shield */
.shield-optimization{background-image: url(../images/category/shield/optimization.svg);}
.shield-security{background-image: url(../images/category/shield/security.svg);}
.shield-maintenance{background-image: url(../images/category/shield/maintenance.svg);}
.shield-productivity{background-image: url(../images/category/shield/productivity.svg);}
.shield-how-tos{background-image: url(../images/category/shield/how-tos.svg);}
.shield-reviews{background-image: url(../images/category/shield/reviews.svg);}
.shield-for-games{background-image: url(../images/category/shield/for-games.svg);}
/* end category shield */








.D-9 {
    display: block;
    width: auto;
    height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.D-8 {
    display: block;
    width: auto;
    height: 32px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.D-11 {
    display: block;
    width: auto;
    height: 56px;
    margin: 0;
    padding: 0;
    text-align: center;
}


#clip-popup {
    padding: 6px 20px;
    position: fixed;
    z-index: 199;
    right: calc(50vw - 145px);
    top: 40vh;
    width: 290px;
    background: #0693e3;
    border: #6c757d;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-size: 24px;
    color: #fff;
    opacity: 0;
    display: none;
    transition: .5s;
    animation: show 1s 1;
    animation-fill-mode: forwards;
    animation-delay: .5s;
    align-items: center;
    justify-content: space-between;

}

#clip-popup div {
    float: right;
    cursor: pointer
}

#clip-popup div svg {
    fill: #efefefd1
}

#clip-popup i {
    margin-right: 1px;
    font-size: 22px
}

.searchwp-live-search-no-results{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 400px;
    padding: 0 !important;
}
.searchwp-live-search-no-results em {
    color: var(--neutral-500, #919399);
    font-size: 15px;
    line-height: 24px;
}

.searchwp-live-search-results {
    padding: 8px;
    width: 600px;
    background: #ffffff;
    z-index: 99;
    min-height: 400px!important;
    border: 1px solid var(--neutral-150, #E7E7E8);
    background: var(--neutral-0, #FFF);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
    min-width: 586px;

}
.searchwp-live-search-results-showing {
    position: absolute;
    /*top:66px!important;*/
    /*right: 64px!important;*/
    /*left: auto!important;*/

    border: 1px solid var(--neutral-150, #E7E7E8);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
.searchwp-live-search-result {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap:16px;
    padding: 12px 8px;
    border-bottom: 1px solid var(--neutral-100, #EFF1F3);
    text-decoration: none;
}
.searchwp-live-search-result:hover {
    background: var(--neutral-50, #F9FAFB);
}
.searchwp-live-search-result:active,
.searchwp-live-search-result:focus
{
    background: var(--neutral-100, #EFF1F3);
}
.search-posts-item__img {
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: auto 32px ;
    background-position: center center;
}
.search-posts-item__title {
    color: var(--neutral-700, #424346);
    font-size: 15px;
    line-height: 24px;
    margin: 4px 0;
    text-overflow: ellipsis;
}

.searchwp-live-search-results .s-more-text {
    display: block;
    width: calc(100% - 16px);
    font-size: 13px;
    line-height: 20px;
    padding: 12px 8px;
    text-align: center;
}
.searchwp-live-search-results .s-more-text a{
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
}
.searchwp-live-search-results .s-more-text a:hover{
    color: var(--royalblue-500, #215AEE);
}
.searchwp-live-search-results .s-more-text a:active{
    color: var(--royalblue-700, #1149D8);
}
.searchwp-live-search-results .s-more-text a:disabled{
    color: var(--neutral-200, #C3C4C7);
}

.tag-post-container {
    /*flex-flow: row wrap;*/
}
.tag-header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--D7, 24px);
}
.tag-header__name {
    width: fit-content;
    margin-bottom: 0;
}

.tag-header__name .cloud-tags__item {
    font-size: 15px;
    line-height: 24px;
    padding: 7px 15px;
}
.tag-header__count,
.tag-header__count-font{
    color: var(--neutral-600, #6F7175);
    font-size: 15px;
    line-height: 24px;
}

.tag-page__header {
    display: block;
    width: fit-content;
    margin: 32px auto 8px auto;
    color: var(--royalblue-900, #031A54);
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
}

.tag-page__subheader {
    display: block;
    width: fit-content;
    margin: 4px auto 24px auto;
    color: var(--neutral-700, #424346);
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}


.tag-page .ps-row-col > div:last-child {
    border-bottom: none;
}

.subscribe-shadow {
    display: block;
    width: 100%;
    height: calc(100vh * 20);
    position: absolute;
    z-index: 199;
    left: 0;
    top: 0;
    right: 0;
    background: #131313;
    opacity: 0.75;
}

#subscribe-popup {
    display: flex;
    flex-flow: row nowrap;
    position: absolute;
    top: calc(50vh - 216px);
    left: 25%;
    width: 75%;
    max-height: 432px;
    max-width: 912px;
    z-index: 200;
}
.subscribe-popup__content {
    display: flex;
    flex-flow: row nowrap;
    background: #ffffff;
}
.subscribe-popup__close {
    color: #ffffff;
    display: block;
    justify-content: flex-end;
    align-items: flex-start;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-image: url(../images/subscribe/close.svg);
    background-position: center center;

    position: relative;
    margin: -32px -32px 0 0 ;
}
@media (max-width: 767px) {
    .subscribe-popup__close {
        position: absolute;
        top: -32px;
        right: 0;
        margin: 0;
    }
}
.subscribe-popup__left {
    margin: var(--D10, 48px) var(--D11, 56px) ;
    width: 64%;
}
.subscribe-popup__title {
    font-size: 40px;
    font-weight: 800;
    line-height: 52px;
    letter-spacing: 0.6px;
    padding-right: var(--D11, 56px);
    margin-bottom: var(--D5, 16px);
}
.subscribe-popup__subtitle {
    font-size: 17px;
    line-height: 28px;
    padding-right: var(--D11, 56px);
}
.subscribe-popup__form {
    padding: var(--D9, 40px) 0 14px 0;
    min-height: 128px;
}
.subscribe-popup__form .subscribe-form {
    display: flex;
    flex-flow: row wrap;
}
.subscribe-popup__form .subscribe-form__input::placeholder {
    color: var(--neutral-500, #919399);
    font-size: 15px;
    line-height: 24px;
}
.subscribe-popup__form .subscribe-form__input {
    color: var(--neutral-800, #222324);
    background: #FFFFFF;
    padding: 12px 16px;
    font-size: 15px;
    line-height: 24px;
    border-radius: 0px;
    border: 1px solid var(--neutral-200, #C3C4C7);
    width: calc(65% - 2px);
}
.subscribe-popup__form .subscribe-form__input:hover {
    border: 1px solid var(--royalblue-500, #215AEE);
}
.subscribe-popup__form .subscribe-form__input:active,
.subscribe-popup__form .subscribe-form__input:focus {
    border: 1px solid var(--royalblue-500, #215AEE);
    box-shadow: 0px 4px 8px 0px rgba(49, 101, 235, 0.15);
    outline: none;
}

.subscribe-popup__form .subscribe-form__input:disabled {
    border: 1px solid var(--neutral-150, #E7E7E8);
    background: var(--neutral-50, #F9FAFB);
}

.subscribe-popup__form .subscribe-form__button {
    width: calc(35% - 2px);
}
.subscribe-popup__form .subscribe-form__message div{
    color: var(--warning-600, #EC0000);
    font-size: 15px;
    font-weight: 500;
    line-height: 18px; /* 150% */
}
.subscribe-popup__form .subscribe-form__message span{
    color: var(--warning-600, #EC0000);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px; /* 150% */
}


.subscribe-popup__bottom-title{
    color: var(--neutral-700, #424346);
    font-size: 12px;
    line-height: 18px;
}

.subscribe-popup__bottom-title a {
    font-size: 12px;
    line-height: 18px;
    color: var(--royalblue-500, #215AEE);
}
.subscribe-popup__right {
    display: block;
    width: 36%;
    background-image: url(../images/subscribe/pic-new.svg);
    background-repeat: no-repeat;
    background-position: 63% center;
    background-size: 469px 420px;
}

.subscribe-popup__right img {
    height: 100%;
    padding: 8px;
    float: left;
}

#subscribe-popup .subscribe-form {
    display: flex;
    flex-flow: row wrap;
}

#subscribe-popup .subscribe-form .subscribe-form__message {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    padding: 8px 0;
}

#subscribe-popup #subscribe-form.error input#email {
    border: 1px solid var(--warning-600, #EC0000);
}

#subscribe-popup .subscribe-form__success {
    width: 100%;
    margin: 0;
}


.sf-alert {
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: flex-start;
    width: calc(100% - 32px);
    padding: 8px;
    margin: 0;
}

.sf-alert-success {
    border-radius: 0;
    background: var(--success-100, #E0F9CC);
}

.sf-alert__icon {
    display: block;
    width: 32px;
    height: 32px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-image: url(../images/celebrate-emoji.svg);
    margin-right: 16px;
}

.sf-alert__message {
    display: block;
    color: var(--neutral-900, #111112);
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    padding: 4px 0;
}

.sf-alert__message > strong {
    color: var(--neutral-900, #111112);
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
}

/* MENU */
/*320px;|480px;|768px;|1024px;|1280px;|1424px;*/

/*===================== paddings and margins ============================*/
.mt4    {margin-top: 4px;}
.mt8    {margin-top: 8px;}
.mt12   {margin-top: 12px;}
.mt16   {margin-top: 16px;}
.mt20   {margin-top: 20px;}
.mt24   {margin-top: 24px;}
.mt28   {margin-top: 28px;}
.mt32   {margin-top: 32px;}


.mb-d11 {margin-bottom: var(--D11, 56px);}

.mtb-d11 {
    margin-top: var(--D11, 56px);
    padding-top: var(--D11, 56px);
    padding-bottom: var(--D11, 56px);
}

/*===================== paddings and margins ============================*/



/*===================== tool-tip part ================================*/

.tool-tip {
    position:relative;
}

.tool-tip .tool-tip__box {
    width: fit-content;
    top:50%;
    right:calc(100% - 6px);
    margin-right:20px;
    transform:translate(0, -50%);
    padding: 4px 8px;
    background: var(--neutral-900, #111112);
    border-radius:4px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px #111112;
    display: none;
}
.tool-tip .tool-tip__box-copied > p {
    display: flex;
    flex-flow: row nowrap;
    gap: 4px;
    align-items: center;
}
.tool-tip .tool-tip__box-copied > p > span.icon {
    display:block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    background-image: url(../images/icons/icon-checked-green.svg);
}

.tool-tip .tool-tip__box > p{
    color: var(--neutral-100, #EFF1F3);
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}
.tool-tip:hover .tool-tip__box:not(.tool-tip__box-copied) {
    display: block;
}
.tool-tip-copied:hover .tool-tip__box {
    display: none;
}
.tool-tip-copied .tool-tip__box.tool-tip__box-copied {
    display: block;
}

.tool-tip .tool-tip__box i {
    position:absolute;
    top:50%;
    left:100%;
    margin-top:-10px;
    width:10px;
    height:20px;
    overflow:hidden;
}

.tool-tip .tool-tip__box i::after {
    content:'';
    position:absolute;
    width:10px;
    height:10px;
    left:0;
    top:50%;
    transform:translate(-50%,-50%) rotate(-45deg);
    background-color:#111112;
}

/*===================== end tool-tip part ============================*/




/*===================== page top gradient ============================*/
.top-gradient-h{
    position: absolute;
    display: block;
    width: 100%;
    height: 360px;
    z-index: -9;
    opacity: 0.16;
    background: linear-gradient(91deg, #2965FF 21.49%, #FF6827 92.6%);
}

.top-gradient-v {
    position: absolute;
    display: block;
    width: 100%;
    height: 360px;
    z-index: -7;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%)
}
/*===================== page top gradient ============================*/






/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
.dot-pulse {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #222324;
    color: #222324;
    box-shadow: 9999px 0 0 -5px;
    animation: dot-pulse 1.5s infinite linear;
    animation-delay: 0.25s;
}
.dot-pulse::before, .dot-pulse::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #222324;
    color: #222324;
}
.dot-pulse::before {
    box-shadow: 9984px 0 0 -5px;
    animation: dot-pulse-before 1.5s infinite linear;
    animation-delay: 0s;
}
.dot-pulse::after {
    box-shadow: 10014px 0 0 -5px;
    animation: dot-pulse-after 1.5s infinite linear;
    animation-delay: 0.5s;
}
.flex-aligin {
    justify-content: space-between;
}
.item-post-404 {
    background: #ffffff;
}
@media (max-width: 1024px) {
    .col-hidden-md, .hidden-md {
        display: none;
    }
    .col-hidden-md img, .hidden-md img {
        display: none;
    }
    .col-hidden {
        display: none;
    }
}
@keyframes dot-pulse-before {
    0% {
        box-shadow: 9984px 0 0 -5px;
    }
    30% {
        box-shadow: 9984px 0 0 2px;
    }
    60%, 100% {
        box-shadow: 9984px 0 0 -5px;
    }
}
@keyframes dot-pulse {
    0% {
        box-shadow: 9999px 0 0 -5px;
    }
    30% {
        box-shadow: 9999px 0 0 2px;
    }
    60%, 100% {
        box-shadow: 9999px 0 0 -5px;
    }
}
@keyframes dot-pulse-after {
    0% {
        box-shadow: 10014px 0 0 -5px;
    }
    30% {
        box-shadow: 10014px 0 0 2px;
    }
    60%, 100% {
        box-shadow: 10014px 0 0 -5px;
    }
}

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}