/*
Theme Name: ZDR - Журнал "Здоровье"
Theme URI: https://forinter.net/portfolio/zdr/
Author: the Forinter team
Author URI: https://forinter.net/
Description: По всем вопросам обращайтесь к разработчикам по электронной почте info@forinter.net или переходите на сайт https://forinter.net
Requires PHP: 7.4
Version: 1.0
Text Domain: zdr.ru
Tags: custom theme for blog, forinter.net

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

*{    
    --font-12: 0.63vw;
    --font-14:0.73vw;
    --font-15: 0.78vw;
    --font-16: 0.83vw;
    --font-17: 0.89vw;
    --font-18: 0.94vw;
    --font-19: 0.99vw;
    --font-20: 1.04vw;
    --font-22:1.2vw;
    --font-30: 1.56vw;
    --font-48: 2.5vw;
    --black-color:#202229;
    --grey-light-color:#f5f5f5;
    --light-green-color:#86B936;
    --grey-dark-color:#b5b5b5;
    --value-1:0.05vw;
    --value-2:0.1vw;
    --value-5:0.26vw;
    --value-7:0.36vw;
    --value-10:0.52vw;
    --value-15:0.78vw;
    --value-20: 1.04vw;
    --value-30: 1.56vw;
    --value-40:2.1vw;
    --value-50:2.6vw;
}

body{
    margin:0;
    font-size:var(--font-14);
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    -webkit-tap-highlight-color:  transparent;  
    overflow-x:hidden;
    position: relative;
    background-color: var(--grey-light-color);
    min-height: 100vh;
    display: grid;
    grid-template-rows: 1fr auto;
}

body.active{
    overflow: hidden;
}

code{
	font-family: 'Roboto', sans-serif;
}

p{
    line-height: 200%;
    margin-bottom:var(--value-10);
}

a{
    outline: inherit!important;
}

a:hover{
    
}

img{
    max-width: 100%;
    height: auto;
}

.container{
    max-width:100%;
    width:100%;
    margin:0 auto;
    padding:0 var(--value-40);
}

.main-slider .item{
    padding:0 var(--value-40);    
}

.main-slider .owl-item{
    position: absolute;
    top:0;
    left:0;
}
/*
.main-slider .owl-item.active{
    visibility: visible!important;
}*/


.grid-box{
    display: grid;
    grid-gap:var(--value-30);
    grid-auto-rows: min-content;
}

.title-box .title{
    font-family: 'Oswald', sans-serif;
    font-style: normal;
    margin:0;
    font-weight: 700;
    font-size: 1.88vw;
    line-height: 127%;
    word-break: break-word;
}

.title-box .title.type-2{
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}

.title-box .title.type-3{
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.title-box.section-title{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.title-box.section-title .title{    
    text-transform: uppercase;
    margin-right:1.24vw;
}


.title-box.section-title .link-all{
    color:var(--black-color);
    margin-bottom: 0.1vw;
    display: inline-block;
    text-decoration: inherit;
    outline: inherit;
    transition: color 0.2s;
}

.title-box.section-title .link-all::before{
    content: '/';
    margin-right:0.3vw;
}

.title-box.section-title .link-all:hover{
    color:var(--light-green-color);
}

.title-box.section-title .link-all:hover::before{
    color:var(--black-color);
}


.main-wrap{
    padding-top:8.8vw;
    display: grid;
    grid-template-rows: 1fr auto;
}

.block-width-sidebar{
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: var(--value-40);
    grid-auto-rows: min-content;
}



header{
    padding:2.9vw 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    position: fixed;
    top:0;
    left: 0;
    width:100%;
    transition: top 0.4s ease-in-out, padding 0.2s ease;
    -moz-transition: top 0.4s ease-in-out, padding 0.2s ease-in-out;
    -webkit-transition: top 0.4s ease-in-out, padding 0.2s ease-in-out;
    z-index: 999;
}

header.scrolled{
    padding:1.5vw 0;    
}

body.customize-support header{
    top:32px;
}

header .columns{
    display: grid;
    align-items: center;
    grid-gap: 5.6vw;
    grid-template-columns: repeat(4, auto);
    justify-content: space-between;
}

header .logo-box img{
    width:13vw;
}

header .columns .menu-box nav ul{
    display: flex;   
    padding:0;
    margin: 0;
    list-style: none;
}

header .columns .menu-box nav ul li{
    margin-right:2.9vw;
}

header .columns .menu-box nav ul li:last-child{
    margin-right:0;
}

header .columns .menu-box nav ul ul{
    display: none;
}

header .columns .menu-box a{
    transition: color 0.2s;
    position: relative;
    z-index: 1;
}

header .columns .menu-box a::before {
    content: '';
    width: 0%;
    height: 2px;
    left: 0;
    top: 110%;
    background: rgb(106 186 30);
    position: absolute;
    transition: 0.25s cubic-bezier(0.945, 0.04, 0.1, 1);
    z-index: -1;
}

header .columns .menu-box a:hover::before {
    width: 100%;
    transition: 0.4s cubic-bezier(0.945, 0.04, 0.1, 1);
}

header .columns .menu-box li.current-menu-item a,
header .columns .menu-box li.current-category-ancestor a{
    color:var(--light-green-color);
}



header .columns .menu-box nav ul li a,
header .columns .dop-link a{
    color:var(--black-color);
    font-size: var(--font-16);
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: inherit;
    outline: inherit;
}

header .columns .dop-link a{
    padding-left:2.2vw;
    position: relative;
}

header .columns .dop-link a::before{
    content: '';
    width:1.5vw;
    height:1.1vw;
    position: absolute;
    top:calc((100% - 1.1vw) / 2);
    left:0;
    background-image: url(img/icons/youtube.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5vw;
}

header .columns .dop-link a:hover::before{
    animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
}

@keyframes trambling-animation {
    0%, 50%, 100% {
        transform: rotate(0deg);
    }
    10%, 30% {
        transform: rotate(-5deg);
    }
    20%, 40% {
        transform: rotate(5deg);
    }
}
header .columns .search-bt-box .search-bt{
    width:1.46vw;
    height:1.46vw;
    background-image: url(img/icons/ic_search.svg);
    background-size: 1.4vw;
}

header .columns .menu-bt-box .menu-bt{
    width:1.8vw;
    height:1.26vw;
    z-index: 999;
    position: relative;
}

header .columns .menu-bt-box .menu-bt .line{
    width:100%;
    height:var(--value-2);
    background-color: var(--black-color);
    position: absolute;
    left:0;
}

header .columns .menu-bt-box .menu-bt .line:nth-child(1){
    top:0;
}

header .columns .menu-bt-box .menu-bt .line:nth-child(2){
    top:0.6vw;
}

header .columns .menu-bt-box .menu-bt .line:nth-child(3){
    top:100%;
}



header .columns .search-bt-box .search-bt,
header .columns .menu-bt-box .menu-bt{
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    cursor: pointer;
}

header .buttons{
    display: grid;
    justify-content: space-between;
    align-items: center;
    grid-gap: 3.1vw;
    grid-template-columns: auto auto;
}


footer p{
    margin-bottom:0;
}

footer .top-bar{
    background-color: #E2E5E1;
    padding:var(--value-15) 0;
}

footer .top-bar a{
    color:var(--black-color);
    font-size: var(--font-18);
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    text-decoration: inherit;
    padding: 0.2vw 0.5vw;
}

footer .top-bar a:before {
    content: '';
    width: 0;
    height: 100%;
    left: 0%;
    top: 0%;
    background: rgb(214, 214, 214);
    position: absolute;
    transition: 0.25s cubic-bezier(0.945, 0.04, 0.1, 1);
    z-index: -1;
}

footer .top-bar a:hover:before {
    width: 100%;
    transition: 0.4s cubic-bezier(0.945, 0.04, 0.1, 1);
}


footer .top-bar ul{
    padding: 0;
    margin:0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

footer .top-bar ul li{
    margin:0.2vw 1.05vw;
    white-space: nowrap;
}

footer .top-bar ul ul{
    display: none;
}

footer .rows{
    width:100%;
    max-width: 72.3vw;
    display: block;
    margin:0 auto;
}

.social ul{
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.social ul li{
    margin: 0 calc(var(--value-30) / 2)
}

.social ul li a{
    display: block;
    width:1.27vw;
    height:1.27vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.27vw;
    opacity: 0.2;
    transition: 0.4s;
}

.social ul li a:hover{
    opacity: 0.4;
}

.social ul li a.fb{
    background-image: url(img/icons/social/fb-ico.svg);
}

.social ul li a.vk{
    background-image: url(img/icons/social/vk-ico.svg);
}

.social ul li a.inst{
    background-image: url(img/icons/social/inst-ico.svg);
}

.social ul li a.youtube{
    background-image: url(img/icons/social/youtube-ico.svg);
}

.social ul li a.twitter{
    background-image: url(img/icons/social/twitter-ico.svg);
}

footer .m-row .rows{
    padding: 3.4vw 0 2.1vw;
    display: grid;
    grid-auto-rows: min-content;
    grid-gap:var(--value-50);
}

footer .copyright{
    text-align: center;
    display: grid;
    grid-gap:var(--value-20);
    grid-auto-rows: min-content;
}

footer .developers{
    font-weight: 500;
    font-size:var(--font-16);
}

footer .developers a{
    color:var(--black-color);
    border-bottom: var(--value-1) solid;
    text-decoration: inherit;
}

footer .developers a:hover{
    border-bottom-color:transparent;
}

footer .text-box{
    display: grid;
    grid-template-columns: 11.4vw 1fr;
    grid-gap:3.4vw;
}

footer .logo-box img{
    width:100%;
    height: auto;
}

footer .text-box p{
    line-height: 171%;
    color: #595F69
}

.banner-box.top{
    padding:var(--value-40) 0;
}

.front-page .banner-box.top{
    margin-bottom:calc(var(--value-40) * -1);   
}
/*
.banner-box.full img{
    max-width:50.5vw;
    width:100%;
}
*/
.banner-box{
    text-align: center;
}

.banner-box .banner-item{
    margin-bottom: 20px;
}

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

.banner-box img{
    max-width:100%;
    height: auto;
    width: auto;
}

.items-list .banner-box.full{
    grid-column-start: span 3;
}

.main-slider{
    margin:var(--value-40) 0;
    overflow: hidden;
}

.main-slider .item{
    display: grid;
    grid-gap:var(--value-40);
    grid-template-columns: 0.73fr 1.27fr 1fr;
    grid-template-rows: repeat(3, 14.42vw);
}

.main-slider .item-post{
    grid-gap:0;
    grid-auto-rows: initial;
}

.main-slider .item-post .cat{
    display: none;
}

.main-slider .item-post .info-box{
    background-color: #fff;
    padding:var(--value-40);
    align-content: center;
}

.main-slider .title-box .title.type-2.ital{
    font-size: 1.56vw;
    line-height: 140%;
    -webkit-line-clamp: 2;
}

.main-slider .item-post .descr{
    font-size:var(--font-16);

}

.main-slider .item-post .img-box{
    overflow: hidden;
}

.main-slider .item-post img{
    object-fit: cover;
    object-position: center;
    width:100%;
    height:100%;
}

.main-slider .item-post:nth-child(1),
.main-slider .item-post:nth-child(3){
    grid-row-start: span 3;
}

.main-slider .item-post:nth-child(2){
    grid-row-start: span 2;
}

.main-slider .item-post:nth-child(1){
    grid-template-rows: auto 16.52vw;
}

.main-slider .item-post:nth-child(2){
    grid-template-rows: auto 10.4vw;
}

.main-slider .item-post:nth-child(3){
    grid-template-rows: 16.52vw auto;
}

.main-slider .item-post:nth-child(3) .img-box{
    order:1;
}

.main-slider .item-post:nth-child(4){
    grid-template-columns: 16.3vw 1fr;
}

.main-slider .item-post:nth-child(4) .descr p,
.main-slider .item-post .title-box .title{
    -webkit-line-clamp: 2;
}

.main-slider .item-post .title-box .title{
    font-style: italic;
}

.main-slider .item-post:nth-child(2) .info-box{
    grid-template-columns: repeat(2, 1fr);
}

.main-slider .slider-nav{
    display: flex;
    justify-content: flex-end;
    padding:var(--value-40) var(--value-40) 0 var(--value-40);
}

.main-slider .slider-nav .nav-buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-slider .slider-nav button{
    display: block;
    cursor: pointer;
    margin-left:2.6vw;
    font-size:0;
    background-color: transparent;
    outline: inherit;
    padding: 0;
}

.main-slider .slider-nav button span{
    width:var(--value-40);
    height:1.4vw;
    background-size: auto 1.4vw;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(img/icons/arrow-right.svg);
    display: block;

}

.main-slider .slider-nav button.owl-prev span{
    transform: scale(-1, 1);
}

.main-slider .slider-nav button.disabled{
    opacity: 0.2;
	cursor: default;
}

.slider {
    position: relative;
    overflow:hidden;
    height: calc(100% - var(--value-40) - 1.4vw);
}

.main-slider{
    height: calc(3* 14.42vw + 2 * var(--value-40) + var(--value-40) + 1.4vw);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.main-slider .title-box .title.type-2{
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
}

.main-slider .word_split .highlight{
    font-weight: 300;
}


.main-slider .owl-stage {
    display: flex;
    height:100%;
}

.main-slider .owl-stage.no-transform{
    transform: initial!important;
}

.main-slider .slider .owl-stage-outer,
.main-slider .slider .owl-dots{
    opacity: 1;
    transition: opacity 0.15s;
}

.main-slider .slider.loading-html .owl-stage-outer,
.main-slider .slider.loading-html .owl-dots{
    opacity: 0;
}


.main-slider .slider:before{
    content: '';
    position: absolute;
    top:calc((100% - 49px) / 2);
    left:calc((100% - 49px) / 2);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s;
    z-index: 1;
    width: 49px;
    height: 49px;
    margin: 0 auto;
    border: 3px solid rgb(106 186 30);
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
}


.main-slider .slider.loading-html:before{
    opacity: 1;
    visibility: visible;
    animation: cssload-spin 575ms infinite linear;
        -o-animation: cssload-spin 575ms infinite linear;
        -ms-animation: cssload-spin 575ms infinite linear;
        -webkit-animation: cssload-spin 575ms infinite linear;
        -moz-animation: cssload-spin 575ms infinite linear;
    
}

@keyframes cssload-spin {
    100%{ transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
    100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
    100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
    100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
    100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}


.content-wrap{
    padding: var(--value-40) 0 6vw;
    background-color: #fff;
}

.content-wrap.main-page{
    padding-top: 3.65vw;
}

.sections-list{
    display: grid;
    grid-auto-rows: min-content;
    grid-gap:3.65vw;
}

.section{
    display: grid;
    grid-auto-rows: min-content;
    grid-gap:var(--value-40);
}

.items-list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap:var(--value-40);
}

.item-post{
    position: relative;
}

.item-post .title-box .title,
.promo-block .title,
.author-profile .title{
    font-size: var(--font-22);
    margin:0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.item-post .info-box{
    display: grid;
    grid-gap: var(--value-20);
    grid-auto-rows: min-content;
}

.item-post{
    display: grid;
    height:100%;
    text-decoration: inherit;
    grid-gap:var(--value-30);
    grid-auto-rows: min-content;
}

.item-post a{
    color:var(--black-color);    
    text-decoration: inherit;
    transition: color 0.2s;
    outline: inherit;
}

.item-post a:hover,
.items-list.new-posts .item-post:nth-child(5) .title:hover,
.items-list.video-posts .item-post:first-child .title:hover{
    color: var(--light-green-color);
}

.item-post img{
    width:100%;
    height:auto;
}

.item-post .descr p{
    color:#595F69;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 145%;    
}

.item-post .descr p:last-child{
    margin-bottom:0;
}

.items-list.search-results .item-post .descr p{
    -webkit-line-clamp: 2;
}

.item-post .date{
    color:var(--grey-dark-color);
    padding-left:1.2vw;
    background-position: left center;
    background-image: url(img/icons/clock-ico.svg);
    background-repeat: no-repeat;
    background-size: 0.73vw;
    margin:0;
}

.cat{
    line-height: 1;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: var(--light-green-color);
    margin-bottom:var(--value-10);
    padding: 0.3vw 0.5vw;
    font-size:var(--font-12);
    display: inline-block;
    margin-bottom:0.26vw;
}

.cat a{
    color: #ffffff;
}


.item-post.type-2{
    padding-right:var(--value-40);
    position: relative;
}

.item-post.type-2::after{
    content: '';
    width:var(--value-1);
    height:80%;
    background-color: #EAEBEF;
    position: absolute;
    top:0;
    right:0;
}

.item-post.type-2:nth-child(4n+4){
    padding-right:0;
}

.item-post.type-2:nth-child(4n+4)::after{
    display: none;
}

.item-post.type-2 .title-box{
    position: relative;
    margin-bottom: var(--value-10);
}

.item-post.type-2 .title-box::after{
    content: '';
    width:var(--value-40);
    height:var(--value-1);
    background-color: var(--black-color);
    position: absolute;
    bottom:calc((var(--value-20) + var(--value-1) + var(--value-10)) / 2 *-1);
    left:0;
}

.items-list.new-posts .item-post:nth-child(5){
    grid-column-start: span 2;
    grid-row-start: span 2;
    grid-auto-rows: initial;
}

.items-list.new-posts .item-post:nth-child(5) .img-box,
.items-list.video-posts .item-post:first-child .img-box{
    height:100%;
    position: relative;
}

.items-list.new-posts .item-post:nth-child(5) .img-box img,
.items-list.video-posts .item-post:first-child .img-box img{
    height:100%;
    object-fit: cover;
}

.items-list.new-posts .item-post:nth-child(5) .info-box a::after,
.items-list.video-posts .item-post:first-child .info-box a::after{
    content: '';
    width:100%;
    height:140%;
    position: absolute;
    bottom:0;
    left:0;
    background: linear-gradient(180deg, rgba(32, 34, 41, 0) 0%, #060607 100%);
    opacity: 1;
    z-index: -1;
}

.items-list.new-posts .item-post:nth-child(5) .info-box,
.items-list.video-posts .item-post:first-child .info-box{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:var(--value-40);
    padding-right:calc(2*var(--value-40));
    z-index: 1;
}

.items-list.new-posts .item-post:nth-child(5) .title,
.items-list.new-posts .item-post:nth-child(5) .descr p,
.items-list.video-posts .item-post:first-child .title,
.items-list.video-posts .item-post:first-child .descr p{
    color:#fff;
}

.items-list.new-posts .item-post:nth-child(5) .title,
.items-list.video-posts .item-post:first-child .title,
.items-list.type-2.medium .item-post:nth-child(4n-3) .title,
.items-list.type-2.full .item-post:nth-child(5n-4) .title,
.items-list.type-2.full .item-post:nth-child(5n-3) .title{
    font-size:var(--font-30);
}

.items-list.new-posts .item-post:nth-child(5) .descr,
.items-list.video-posts .item-post:first-child .descr,
.items-list.type-2 .item-post:first-child .descr{
    font-size:var(--font-16);
}

.items-list.new-posts .item-post:nth-child(6) .img-box{
    height:16.7vw;
    overflow:hidden;
}

.items-list.new-posts .item-post:nth-child(6) .img-box img,
.items-list.new-posts .item-post:nth-child(7) .img-box img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.items-list.new-posts .item-post:nth-child(7) .img-box{
    height:23.9vw;
    overflow:hidden;
}

.items-list.archive-magazines{
    grid-template-columns: repeat(3, 1fr);
}


.items-list.type-2{
    grid-template-columns: 1fr 1fr 0.65fr;
}

.items-list.type-2.medium .item-post:nth-child(4n-3),
.items-list.type-2.full .item-post:nth-child(5n-4),
.items-list.type-2.full .item-post:nth-child(5n-3){
    grid-column-start: span 3;
}

.items-list.type-2.full .item-post:nth-child(1) .info-box>div{
    max-width:70%;
}

.items-list.type-2.medium .item-post:nth-child(4n-3),
.items-list.type-2.full .item-post:nth-child(5n-3){
    grid-template-columns: 1fr 1fr;
}

.items-list.type-2.full .item-post:nth-child(5n-4){
    grid-template-columns: 1fr;
}

.items-list.type-2 .item-post .img-box {
    overflow: hidden;
}
.items-list.type-2.medium .item-post:nth-child(4n-2) .img-box,
.items-list.type-2.small .item-post:nth-child(1n) .img-box,
.items-list.type-2.full .item-post:nth-child(5n-2) .img-box{
    height:20vw;
}

.items-list.type-2.medium .item-post:nth-child(4n-1) .img-box,
.items-list.type-2.small .item-post:nth-child(2n) .img-box,
.items-list.type-2.full .item-post:nth-child(5n-1) .img-box{
    height:10.2vw;
}

.items-list.type-2.medium .item-post:nth-child(4n) .img-box,
.items-list.type-2.small .item-post:nth-child(3n) .img-box,
.items-list.type-2.full .item-post:nth-child(5n) .img-box{
    height:13.1vw;
}


.items-list.type-2.full .item-post:nth-child(5n-4) .img-box{
    height: 35vw;
}

.items-list.type-2.medium .item-post:nth-child(4n-2) .img-box img,
.items-list.type-2.medium .item-post:nth-child(4n-1) .img-box img,
.items-list.type-2.medium .item-post:nth-child(4n) .img-box img,
.items-list.type-2.small .item-post .img-box img,
.items-list.type-2.full .item-post:nth-child(5n-4) .img-box img,
.items-list.type-2.full .item-post:nth-child(5n-2) .img-box img,
.items-list.type-2.full .item-post:nth-child(5n-1) .img-box img,
.items-list.type-2.full .item-post:nth-child(5n) .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.items-list.video-posts .item-post:first-child{
    grid-column-start: span 4;
}

.items-list.video-posts .item-post:first-child .info-box>div{
    width:60%;
}

.item-post.video .img-box{
    position: relative;
}

.item-post.video .play-bt{
    width:3.9vw;
    height:3.9vw;
    position: absolute;
    top:calc((100% - 3.9vw)/2);
    left:calc((100% - 3.9vw)/2);
    background-size: 3.9vw;
    background-image: url(img/icons/play-ico.svg);
    background-repeat: no-repeat;
    z-index: 2;
    opacity: 0.5;
    transition: 0.2s;
}

.video-posts .item-post:first-child .play-bt{
    width:7vw;
    height:7vw;
    top:calc((100% - 7vw)/2);
    left:calc((100% - 7vw)/2);
    background-size: 7vw;
}

.item-post.video .img-box a:hover .play-bt{
    opacity: 1;
}

.item-post.video .img-box a:hover::after{
    opacity: 0.5;   
}

.poll{
    padding: var(--value-40);
    background-color: #F1FAFC;
    grid-gap:var(--value-30);
}

.poll .title-box .title{
    font-size: var(--font-22);
}

.poll .option-list,
.poll form{
    display: grid;
    grid-auto-rows: min-content;
    grid-gap:var(--value-30);
}

.poll .option-list{
    font-size: var(--font-15);    
}

.checkbox-item{
    display: grid;
    align-items: center;
    grid-gap: var(--value-20);
    grid-template-columns: 1.25vw auto;
    cursor: pointer;
}

.checkbox-item label{
    cursor: pointer;
}

.checkbox-item input[type="checkbox"],
.checkbox-item input[type="radio"]{
    visibility: hidden;
    display: none;
}

.checkbox-item label.act-el.checkbox,
.checkbox-item label.act-el.radio{
    width: 1.25vw;
    height: 1.25vw;
    border:var(--value-1) solid var(--grey-dark-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.checkbox-item label.act-el.radio{
    border-radius:50%
}

.checkbox-item label.act-el.radio::after{
    content: '';
    width:50%;
    height:50%;
    background-color: var(--light-green-color);
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    border-radius:50%;
    display: block;
}

.checkbox-item label.act-el.radio::before{
    content: '';
    width:0%;
    height:0%;
    background-color: var(--light-green-color);
    opacity: 1;
    border-radius:50%;
    display: block;
    position: absolute;
    top:50%;
    left:50%;
}

.checkbox-item input[type="radio"]:checked + label.act-el.radio::before{
    opacity: 0;
    width:200%;
    height:200%;
    top:-50%;
    left:-50%;
    transition: 0.4s;
}


.checkbox-item label.act-el{
    transform-style: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    cursor: pointer;
}

.checkbox-item input[type="checkbox"]:checked + label.act-el.checkbox,
.checkbox-item input[type="radio"]:checked + label.act-el.radio{
    border-color: var(--light-green-color);
}


.checkbox-item input[type="checkbox"]:checked + label.act-el.checkbox::after,
.checkbox-item input[type="radio"]:checked + label.act-el.radio::after{
    opacity: 1;
    visibility: visible;
}

.bt-box{
    text-align: center;
}

.bt{
    background-color:#202229;
    color:#fff;
    border:none;
    border-radius:50px;
    text-transform: uppercase;
    padding: 0.7vw 3vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: inherit!important;
    outline: inherit;
    transition: 0.2s;
}

.bt,
.text-content a.bt{
    color:#fff;
}

.bt:hover{
    background-color: #030304;
}

.breadcrumbs-box{
    margin-bottom:var(--value-30);
    font-size:var(--font-12);
    text-transform: uppercase;
}

.breadcrumbs-box p{
    margin-bottom:0;
}

.breadcrumbs a {
    color: #595F69;
    position: relative;
    display: inline-flex;
    align-items: center;
    text-decoration: inherit;
}

.breadcrumbs a:hover{
    color:var(--light-green-color);
}

.breadcrumbs a::after {
    content: '/';
    margin: 0 0.26vw 0 0.36vw;
}

.breadcrumbs a:hover::after{
    color:#595F69;
}

.cats-list ul{
    margin:0;
    padding:0;
    list-style: none;
    display: flex;
    flex-wrap:wrap;
}

.cats-list ul li{
    margin-right:var(--value-10);
    margin-bottom:var(--value-5);
    margin-top:var(--value-5);
}

.cats-list{
    max-width:60%;
}

.cats-list ul li a{
    display: inline-block;
    text-transform: uppercase;
    color:var(--light-green-color);
    border:1px solid var(--light-green-color);
    border-radius:0.42vw;
    padding: 0.5vw 1.3vw;
    text-decoration: inherit;
    outline: inherit;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.cats-list ul li a:hover,
.cats-list ul li.current a{
    background-color: var(--light-green-color);
    color:#fff;
}

.sidebar .posts-block{
    display: grid;
    grid-auto-rows: min-content;
    grid-gap: var(--value-20);
}

.sidebar .posts-block .items-list{
    grid-template-columns: 1fr;
}

.sidebar .posts-block .item-post{
    grid-template-columns: 1fr 1fr;
}

.sidebar .posts-block .item-post.video{
    grid-template-columns: 1fr;
}

.sidebar .posts-block .item-post .descr {
    -webkit-line-clamp: 2;
}

.sidebar .posts-block .title-box.section-title .title{
    background-color:#fff;
    padding-right:var(--value-40);
    z-index: 1;
}

.sidebar .posts-block .title-box.section-title{
    position: relative;
}

.sidebar .posts-block .title-box.section-title::after{
    content: '';
    width:100%;
    height:var(--value-1);
    background-color: #EAEBEF;
    position: absolute;
    top:calc((100% - var(--value-1)) / 2);
    right:0;
}

.post-lists{
    grid-gap:var(--value-40);
}

.post-lists .bt-box{
    text-align: center;
}

.bt.load::before{
    content: '';
    width: 1.25vw;
    height: 1.25vw;
    background-image: url(img/icons/loading.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25vw;
    margin-right:0.83vw;
    display: block;
}

.page-head-box{
    grid-gap:var(--value-20);
}

.page-head-box .cat{
    margin-bottom:0;
}

.page-head-box .description p:last-child{
    margin-bottom:0;
}

.page-head-box .description{
    color:#595F69;
    font-size:var(--font-16);
    line-height: 175%;
    width:calc(100% - 6.1vw);
}

.post-info{
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    grid-gap:var(--value-40);
    align-items: center;
    padding:var(--value-30) 0;
    border-bottom:var(--value-1) solid #EAEBEF;
}

.post-info .author-box{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap:var(--value-20);
    align-items: center;
}

.post-info .author-box .img-box{
    overflow: hidden;
    width:3.4vw;
    height:3.4vw;
    border-radius:50%;
}

.post-info .author-box .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-info .author-box .au{
    grid-gap:var(--value-10);
}

.post-info .author-box .name{
    color:#545E6A;
    text-decoration: inherit;
    outline: inherit;
    transition: color 0.2s;
}

.post-info .author-box .name:hover{
    color:var(--light-green-color); 
}

.post-info .author-box .descr{
    color:var(--grey-dark-color);
    display: inline-block;
    max-width:15vw;
}

.post-info .date{
    margin:0;
}

.post-info .date span{
    color:var(--grey-dark-color);
    margin-right:var(--value-5);
}

.repost-box{
    padding-top:var(--value-10);
}

.repost-box .buttons{
    display: flex;
    align-items: center;
}

.repost-box .buttons>div{
    margin-right: var(--value-10);
}

.repost-box .buttons>div:last-child{
    margin-right: 0;
}

.repost-box .share{
    border-radius:4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-12);
    color:#fff;    
    padding: 0.3vw 0.5vw;
    text-decoration: inherit;
    outline: inherit;
    transition: background-color 0.2s;
}

.repost-box .share.twitter{
    background-color:#30ADFC;
}

.repost-box .share.twitter:hover{
    background-color:#1c9ef0;
}

.repost-box .share.facebook{
    background-color:#416ABE;
}

.repost-box .share.facebook:hover{
    background-color:#315296;
}

.repost-box .share::before{
    content: '';
    width:0.73vw;
    height: 0.73vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size:0.73vw;
    margin-right:0.2vw;
}

.repost-box .share.twitter::before{
    background-image: url(img/icons/twitter-white.svg);
}

.repost-box .share.facebook::before{
    background-image: url(img/icons/facebook-white.svg);
}

.post-footer .post-info{
    border-bottom:none;
    border-top:var(--value-1) solid #EAEBEF;
}

.post.text-content,
.post-footer .post-info{
    padding-left: 6.1vw;
    padding-right: 6.1vw;
}

.post-footer-row{
    padding: var(--value-30);
    background-color: var(--black-color);
    display: grid;
    grid-template-columns: 1fr auto;
    justify-content: space-between;
    align-items: center;
    grid-gap:var(--value-30);
}

.post-footer-row .tags-list{
    border-right: 1px solid #595F69;
    padding-right:var(--value-30);
}

.tags-list ul{
    list-style: none;
    padding:0;
    margin:0;
    display: flex;
    flex-wrap: wrap;
}

.tags-list ul li{
    margin-right:var(--value-10);
    margin-top:var(--value-5);
    margin-bottom:var(--value-5);
}

.tags-list ul li a{
    display: inline-block;
    color: #fff;
    border: var(--value-1) solid #595F69;
    border-radius: 0.42vw;
    padding: 0.5vw 1.3vw;
    text-decoration: inherit;
    outline: inherit;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.tags-list ul li a::before{
    content: '#';
}

.tags-list ul li a:hover{
    background-color: #2d2f36;
}

.post-footer-row .repost-box{
    padding: var(--value-10) 0;
}

.items-list.shop .item-post{
    background-color: #FAFAFB;
    padding: var(--value-20);
    grid-gap:var(--value-10);
    text-align: center;
    grid-auto-rows: initial;
    align-content: space-between; 
}

.items-list.shop .item-post .bt{
    color:#fff;
}

.items-list.shop .item-post .title,
.items-list.shop .item-post .price{
    font-size:var(--font-16);
}

.items-list.shop .item-post .price span{
    font-size:var(--font-20);
    font-weight: 700;
}

.post.text-content .promo-block{
    --promo-value: calc(6.1vw + var(--value-40));
    width: calc(100% + var(--promo-value));
    margin: var(--value-40) 0;
    margin-left: calc(var(--promo-value) * -1);
    padding:var(--value-40);
    padding-left: var(--promo-value);
    
}

.promo-block{
    background-color: #FAFAFB;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    color:var(--black-color);
}

.promo-block a.title{
    color:var(--black-color);
}

.promo-block p:last-child{
    margin-bottom:0;
}

.promo-block img{
    max-width:100%;
    margin:0!important;
}

.promo-block .promo-info{
    grid-gap:var(--value-20);
}

.text-content q,
.text-content blockquote{
    color:#595F69;
    font-size: var(--font-22);
    font-weight: 700;
    padding:var(--value-30) 0;
    padding-left:var(--value-50);
    border-top:var(--value-1) solid var(--light-green-color);
    border-bottom:var(--value-1) solid var(--light-green-color);
    margin: var(--value-40) 0;
    background-position: left top var(--value-30);
    background-size: var(--value-30);
    background-repeat: no-repeat;
    background-image: url(img/icons/quote.svg);

}

.text-content img{
    max-width: 100%;
    margin: var(--value-40) 0;
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6{
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    word-break: break-word;

}

.text-content h2{
    font-size: 1.88vw;
}

.text-content h3{
    font-size: 1.66vw;
}

.text-content h4{
    font-size: 1.46vw;
}

.text-content h5{
    font-size: 1.25vw;
}

.text-content h6{
    font-size: 1.14vw;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: var(--value-30);
    margin-bottom: var(--value-20);
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{
    margin-top:0;
}

.text-content ul,
.text-content ol{
    display: grid;
    grid-auto-rows:min-content;
    grid-gap:var(--value-15);
    margin: var(--value-20) 0;
    padding-inline-start:var(--value-40);
    line-height: 175%;
}

.text-content ul li::marker{
    color:var(--light-green-color);
    font-size: 120%;
}

.text-content a{   
    color:var(--light-green-color);
}

.text-content .block-center{
	background: rgb(243 255 232);
    padding: var(--value-20);
    margin: var(--value-20) 0;
    border-top: var(--value-1) solid var(--light-green-color);
    border-bottom: var(--value-1) solid var(--light-green-color);
}

.text-content table tr td{
	padding: var(--value-10);
}

.items-list.type-3{
    grid-template-columns: 1fr;
}


.items-list.news-posts .item-post{
    grid-template-columns: 3.9vw 1fr;
}

.item-post .date-value{
    width:3.9vw;
    color:#fff;
    background-color: var(--light-green-color);
    padding:var(--value-10);
    text-align: center;
}

.item-post .date-value span{
    display: block;
    text-transform: uppercase;
}

.item-post .date-value .val{
    font-size: var(--font-30);
}

.items-list.archive-video,
.items-list.archive-polls{
    grid-template-columns: repeat(2, 1fr);
}

.item-post.video .img-box a::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #202229;
    opacity: 0.15;
    transition: 0.2s;
}

.author-profile{
    grid-template-columns: auto 1fr;
    border:var(--value-1) solid var(--light-green-color);
    padding:var(--value-40);
}

.author-profile .image-box{
    width:10.4vw;
}

.author-profile img{
    max-width:100%;
}

.author-profile .author-info{
    grid-gap:var(--value-20);
}

.author-profile .prof{
    font-style: italic;
    color:var(--grey-dark-color);
    margin-bottom:0;
    margin-top:var(--value-10);
}

.author-profile .social ul{
    justify-content: flex-start;
}

.author-profile .social ul li{
    margin:0;
    margin-right:var(--value-30);
}

.author-profile .social ul li a{
    opacity: 1;
}

.author-profile .social ul li a:hover{
    opacity: 0.7;
}

.author-profile .social ul li a.fb{
    background-image: url(img/icons/social/fb-green-ico.svg);
}

.author-profile .social ul li a.vk{
    background-image: url(img/icons/social/vk-green-ico.svg);
}

.author-profile .social ul li a.inst{
    background-image: url(img/icons/social/inst-green-ico.svg);
}

.author-profile .social ul li a.youtube{
    background-image: url(img/icons/social/youtube-green-ico.svg);
}

.author-profile .social ul li a.twitter{
    background-image: url(img/icons/social/twitter-green-ico.svg);
}

.items-list.search-results .item-post .info-box{
    grid-gap:var(--value-5);
}

.items-list.search-results .item-post .title{
    font-style: normal;
    font-weight: 400;
}

.items-list.search-results .item-post .highlight{
    color:var(--light-green-color);
    background-color: #F1FAFC;
    font-weight: 700;
    padding:0 var(--value-10);
}

.search-form {
    width: 100%;
}

.search-form form {
    width: 100%;
    position: relative;
}

.search-form input[type="search"] {
    width: 100%;
    padding: var(--value-15) var(--value-40) var(--value-15) 0;
    border: none;
    border-bottom: var(--value-1) solid var(--grey-dark-color);
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
}

input[type="search"]:-webkit-autofill,
input[type="search"]:-internal-autofill-selected,
input[type="text"]:-webkit-autofill,
input[type="text"]:-internal-autofill-selected{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;

}

input[type="search"]:-webkit-autofill,
input[type="search"]:-internal-autofill-selected{
    padding: var(--value-15) var(--value-40) var(--value-15) var(--value-10);    
}

.search-form input[type="submit"] {
    width: 0.83vw;
    height: 0.83vw;
    background-image: url(img/icons/ic_search.svg);
    background-repeat: no-repeat;
    background-size: 0.83vw;
    position: absolute;
    top: calc((100% - 0.83vw) / 2);
    right: var(--value-10);
    border: none;
    outline: none;
    background-color: transparent;
}

.items-list.type-3{
    max-width:50vw;
    width:100%;
}

.page-404 .content-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-404 .text-box{
    justify-content: center;
    text-align: center;
}

.page-404 p{
    margin:0;
    font-size:var(--font-20);
    line-height: 150%;
}

.page-404 p a{
    color:var(--light-green-color);
}

.page-404 .title-box .title{
    font-style: normal;
    font-weight: 400;
    font-size: var(--font-48);
    line-height: initial;
}

.page-404 .title-box .title span{
    display: block;
    font-size:13vw;
    color:#EAEBEF;
    font-weight: 700;
}

.page-404 .search-form {
    width: 37vw;
    margin: 0 auto;
}

.alphabet ul{
    padding:0;
    margin:0;
    list-style: none;
    display: flex;
    flex-wrap:wrap;
}

.alphabet ul li{
    margin:var(--value-5) 0.85vw var(--value-5) 0;
}

.alphabet ul li a{
    border-bottom:var(--value-1) solid;
    border-color:var(--black-color);
    color: var(--black-color);
    font-size:var(--font-22);
    text-decoration: inherit;
    transition: border-color 0.2s;
    padding:var(--value-2);
    display: inline-block;
}

.alphabet ul li a:hover{
    border-color:transparent;
}

.alphabet ul li.current a{
    font-weight: 700;
    color:var(--light-green-color);
    border-bottom:transparent;
}

.item-post.encyclopedia{
    padding-left:var(--value-40);
}

.item-post.encyclopedia .title-box .title{
    font-size: var(--value-18);
    position: relative;
    overflow: initial;
    text-overflow: initial;
    display: initial;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
}

.item-post.encyclopedia .title-box .title:before{
    content: '';
    top: calc((100% - 0.31vw) / 2);
    left: calc((var(--value-40) + 0.31vw) / 2 *-1);
    position: absolute;
    width:0.31vw;
    height:0.31vw;
    border-radius:50%;
    background-color: var(--light-green-color);
}

.item-post.encyclopedia .descr{
    padding:var(--value-10) var(--value-20);
    background: rgba(241, 250, 252, 0.5);
}

.item-post.encyclopedia .info-box{
    grid-gap:var(--value-10);
}

.page-head-box.encyclopedia-page{
    grid-gap:var(--value-30);
}

.page-head-box.encyclopedia-page .description{
    padding: var(--value-20) var(--value-40);
    background: rgba(241, 250, 252, 0.5);
    width: calc(100% - 6.1vw + var(--value-40));
    margin-left: calc(var(--value-40) * -1);
}

.items-list.type-4{
    grid-template-columns: 1fr 1fr;
}

.items-list.type-4 .item-post{
    grid-template-columns: 1fr 1fr;
}

.side-menu{
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(120%);
    background-color: #fff;
    height: 100vh;
    box-shadow: 0px 0.21vw 5.2vw rgb(0, 0, 0, 10%);
    width:26.5vw;
    z-index: 9;
    overflow-y:scroll;
    overflow-x: hidden;
}

.side-menu .scroller{
    height:100vh;
    padding-top:8.8vw;
    display: grid;
    grid-gap:var(--value-50);
    grid-auto-rows: min-content;
}

.side-menu::-webkit-scrollbar{
    width:0;
}

.side-menu ul{
    list-style: none;
    display: grid;
    margin:0;
    padding:0;
}

.side-menu ul li a,
.side-menu .magazine-box .month{
    text-transform: uppercase;
    font-size:var(--font-20);
    color:var(--black-color);
}

.side-menu ul li.current-menu-item>a,
.side-menu ul li.current-menu-parent>a{
    color:var(--light-green-color);
}

.side-menu ul li a{
    text-decoration: inherit;
    outline: inherit;
}

.side-menu ul li a:hover{
    color:var(--light-green-color);
}

.side-menu ul>li>ul{
    background-color: var(--grey-light-color);
}

.side-menu nav>ul>li>a{
    padding:var(--value-15) var(--value-40);
    padding-right:0;
    display: block;
}

.side-menu nav>ul>li>ul>li>a{
    padding:var(--value-15) var(--value-40) var(--value-15) calc(2*var(--value-40));
    display: inline-block;
    min-width:50%;
    font-size:var(--font-17);
}

.side-menu nav>ul>li>ul{
    padding:var(--value-15) 0;
    margin-bottom: var(--value-20);
    display: none;
    order: 3;
    width: 100%;
    grid-column-start: span 2;
}

.side-menu .menu-box nav>ul>li{
    align-items: center;
    flex-wrap: wrap;
    grid-template-columns: 14vw auto;
    grid-gap:0 var(--value-40);
    display: grid;
}

.side-menu .menu-box nav>ul>li>.arrow{
    width:2vw;
    height:2vw;
    background-image: url(img/arrow-right.svg);
    background-position: center;
    background-size: 0.42vw;
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
    transition: 0.2s;
}

.side-menu .menu-box nav>ul>li.active>.arrow{
    transform: rotate(90deg);
}

.dark{
    position: fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:#000;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
}






.side-menu .dop-links{
    padding-bottom:calc(2*var(--value-50));
}

.side-menu .info{
    grid-gap:var(--value-20);
    align-content: space-between;
}

.side-menu .magazine-box{
    padding: 0 var(--value-40);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--value-40);
}

.side-menu .magazine-box .met{
    color:var(--light-green-color);
    font-size:var(--font-15);
}

.side-menu .magazine-box .archive{
    text-decoration: inherit;
    outline: inherit;
    font-size:var(--font-14);
    color:var(--black-color);
    border-bottom:var(--value-1) solid;
}

.side-menu .magazine-box .archive:hover{
    border-color:transparent;
    color:var(--light-green-color);
}

.side-menu .magazine-box img{
    max-width:100%;
    height:auto;
}

.side-menu .magazine-box .bt{
    width:100%;
    padding: 0.7vw 1vw;
    background-color: transparent;
    color:var(--light-green-color);
    border:var(--value-1) solid var(--light-green-color);
}

.side-menu .magazine-box .bt:hover{
    background-color: var(--light-green-color);
    color:#fff;
}

/*.side-menu::before{
    content: '';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:8.8vw;
    background: rgb(34,193,195);
    background: linear-gradient(0deg, rgba(34,193,195,0) 0%, rgba(255,255,255,0.8407738095238095) 57%, rgba(255,255,255,1) 100%);
}*/

.close-bt {
    width: 2vw;
    height: 2vw;
    border: none;
    outline: inherit;
    display: block;
    cursor: pointer;
    position: absolute;
    z-index: 10;
}

.close-bt::after, .close-bt::before {
    content: '';
    width: 100%;
    height: var(--value-2);
    left: 0;
    top: 50%;
    background-color: #000;
    position: absolute;
}

.close-bt::before {
    transform: rotate(-45deg);
}

.close-bt::after {
    transform: rotate(45deg);
}

.search-popup .close-bt {
    top: 2.1vw;
    right: 2.1vw;
}

.search-popup {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999;
    top:0;
    transform: translateY(-100%);
    left: 0;
    background: #fff;
}

.search-popup .search-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-form {
    max-width: 30vw;
    width: 100%;
}

.search-form form {
    width: 100%;
    position: relative;
}

.item-post.poll-item .list{
    display: grid;
    grid-auto-rows: min-content;
    grid-gap: var(--value-20);
}

.item-post.poll-item .poll-i{
    display: grid;
    grid-auto-rows: min-content;
    grid-template-columns: 1fr auto;
    grid-gap:var(--value-10) var(--value-30);
}

.item-post.poll-item .graph{
    grid-column-start: span 2;
    background-color: rgb(134, 185, 54, 32%);
    position: relative;
    height: var(--value-10);
    width: 100%;
    height: var(--value-7);
    border-radius: var(--value-7);
    overflow:hidden;
}

.item-post.poll-item .graph .value{
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background-color: var(--light-green-color);    
    animation: 1s ease-out 0s normal forwards running prog;
    -webkit-animation: 1s ease-out 0s normal forwards running prog;
    border-radius: var(--value-7);

}



@keyframes prog {
    0% {
        width: 0%;
    }
    100% {
        width:var(--vw);
    }
}
@-webkit-keyframes rot {
    0% {
        width: 0%;
    }
    100% {
        width:var(--vw);
    }
}



.item-post.poll-item .persent{
    font-weight: 600;
}

.items-list.archive-polls{
    grid-gap: var(--value-50) var(--value-40);
}

.item-post.poll-item .title-box .title{
    margin: 0;
    text-overflow: initial;
    overflow: initial;
    display: -webkit-box;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
}

.iframe-box{
    position:relative;
    padding: 0 0 56.25% 0;
    height:0;
    overflow:hidden;
}

.iframe-box iframe,
.iframe-box object,
.iframe-box embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.no-posts{
    margin: 2vw 0 5vw;
    text-align: center;
    width: 100%;
    font-size: var(--font-22);
    font-weight: 300;
}


.bt.loading::before {
    animation: 1s linear 0s normal none infinite running rot;
    -webkit-animation: 1s linear 0s normal none infinite running rot;
}
@keyframes rot {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rot {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.magazine-content{
    grid-template-columns: 1.3fr 2fr;
}

.magazine-content .image-box{
    grid-row-start: span 3;
}

.magazine-content .mag-title{
    text-transform: uppercase;
}

.magazine-content .sub-title{
    font-weight: 600;
    text-transform: uppercase;
    margin:0;
}

.magazine-content .themes-block ul{
    display: grid;
    grid-gap: 0.26vw;
    grid-auto-rows: min-content;
    margin-bottom:0;
}

.subscribe-box{
    text-align: center;
    padding: 1.04vw;
    background-color: var(--grey-light-color);
    grid-template-columns: auto auto;
    align-items: center;
}


.two-column-content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--value-50);
}

.two-column-content p:last-child{
    margin:0;
}

.two-column-content a{
    display: inline-block;
}

img.alignright { 
    float: right; 
    margin: 0 0 1em 1em; 
    padding: var(--value-5); 
    display: inline;
}
img.alignleft { 
    float: left; 
    margin: 0 1em 1em 0; 
    padding: var(--value-5); 
    display: inline;
}
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }