/*
Theme Name: мед
Version: 1.0
*/
/* cyrillic */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v7/zYXgKVElMYYaJe8bpLHnCwDKhdXeFb5N.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v7/zYXgKVElMYYaJe8bpLHnCwDKhdHeFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'), url(https://fonts.gstatic.com/s/ibmplexsans/v7/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIVsdO_q.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'), url(https://fonts.gstatic.com/s/ibmplexsans/v7/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIFsdA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'), url(https://fonts.gstatic.com/s/ibmplexsans/v7/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIVsdO_q.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'), url(https://fonts.gstatic.com/s/ibmplexsans/v7/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFsdA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(https://fonts.gstatic.com/s/ibmplexsans/v7/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIVsdO_q.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(https://fonts.gstatic.com/s/ibmplexsans/v7/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIFsdA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

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

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
    font-weight: 500;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

img {
    border: 0;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

svg:not(:root) {
    overflow: hidden;
}

button::-moz-focus-inner,
input::-moz-focus-inner,
img,
legend {
    border: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input,
textarea,
button {
    outline: none;
    border: none;
    background: transparent;
}

ul,
ol {
    margin: 0;
    list-style-type: none;
}

input:focus::-webkit-input-placeholder {
    color: transparent !important;
}

input:focus:-moz-placeholder {
    color: transparent !important;
}

input:focus:-ms-input-placeholder {
    color: transparent !important;
}

textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}

textarea:focus:-moz-placeholder {
    color: transparent !important;
}

textarea:focus:-ms-input-placeholder {
    color: transparent !important;
}

input::-webkit-input-placeholder {
    color: #b4bca4;
}

input::-moz-placeholder {
    color: #b4bca4;
}

input:-ms-input-placeholder {
    color: #b4bca4;
}

textarea::-webkit-input-placeholder {
    color: #b4bca4;
}

textarea::-moz-placeholder {
    color: #b4bca4;
}

textarea:-ms-input-placeholder {
    color: #b4bca4;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #b4bca4 !important;
}

@keyframes autofill {
    100% {
        background: transparent;
        color: #b4bca4;
    }
}

@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: #b4bca4;
    }
}

body {
    font: 400 15px/1.5 'IBM Plex Sans', sans-serif;
    background: url(img/header.png) repeat-x center top, url(img/footer.png) repeat-x center bottom, url(img/body.jpg) repeat center center;
    color: #473428;
}

/*контентные стили*/
img {
    max-width: 100%;
    height: auto;
}

a,
.openlink {
    color: #398fc0;
    text-decoration: none;
}

a:hover,
.openlink:hover {
    color: #ffbc06;
}

.clear {
    clear: both;
}

.post:after {
    content: "";
    display: block;
    clear: both;
}

.post li {
    margin-bottom: 5px;
    list-style-type: none;
}

.post li:last-child {
    margin-bottom: 0;
}

.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.post {
    color: #192c3c;
    font-size: 18px;
    line-height: 1.6;
}

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

.post ul,
.gallery-single,
.post .adaptivevideowrapper,
.post .contents-wraps,
.post p,
.post ol,
.post h2,
.post h3,
.post h4,
.post h5,
.post blockquote,
.post .tableContainer {
    margin-bottom: 25px;
}

.post blockquote p {
    margin-bottom: 15px;
}

.post *:last-child {
    margin-bottom: 0;
}

.post img {
    border-radius: 10px;
}

.post .wp-caption {
    margin: auto;
    max-width: 100%;
    height: auto;
    text-align: center;
    background: #f4f7f9;
    color: #3c4650;
    line-height: 20px;
    border-radius: 10px 10px 0 0;
}

.wp-caption img {
    display: block;
}

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

.wp-caption.aligncenter {
    text-align: center;
}

.wp-caption.aligncenter img {
    margin: auto;
}

.post table {
    border-collapse: collapse;
    width: 100%;
}

.slicknav_menu {
    display: none;
}

.tableContainer {
    overflow-y: hidden;
}

.adaptivevideowrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    display: block !important;
}

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

.post h2 {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 25px;
}

.post h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 25px;
}

.post h4 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 25px;
}

.post h5 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 25px;
}

.post table {
    width: 100%;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.post table thead {
    background: #deecf0;
    border-radius: 10px 10px 0 0;
    color: #fff;
}

.post table td {
    padding: 5px 25px;
}

.post table tr:nth-child(odd) {
    background-color: #edf5f7;
}

.post th {
    background: none !important;
    text-align: center;
}

.post ol {
    counter-reset: counter;
}

.post ol li:before {
    counter-increment: counter;
    content: counter(counter);
    display: inline-block;
    background: #6eb43b;
    font-size: 12px;
    line-height: 23px;
    color: #fff;
    font-weight: 600;
    width: 23px;
    text-align: center;
    margin-left: -30px;
    margin-right: 7px;
    border-radius: 20px;
}

.post ol li {
    padding-left: 35px;
    margin-bottom: 8px;
}

.post ol li ul,
.post ol li ol,
.post ul li ul,
.post ul li ol {
    margin-top: 8px;
}

.post ul li {
    padding-left: 60px;
    margin-bottom: 8px;
}

.post ul li:before {
    content: "";
    display: inline-block;
    background: url(img/ul.png) no-repeat center center;
    color: #fff;
    font-weight: 600;
    width: 30px;
    height: 15px;
    text-align: center;
    margin-left: -45px;
    margin-right: 15px;
}

.post a {
    color: #64a1d7;
    border-bottom: 1px solid #f5f8f5;
}

.post a:hover {
    color: #40b17a;
    border-color: transparent;
}

.post blockquote {
    padding: 25px;
    padding-left: 130px;
    color: #473428;
    background: #faf5ef url(img/bee-bquote.png) no-repeat 37px center;
    border-radius: 10px;
    min-height: 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*контентные стили конец*/
.wrap {
    max-width: 1300px;
    margin: auto;
    padding: 0 25px;
}

/*шапка*/
.site-header__top {
    padding-top: 40px;
    padding-bottom: 85px;
}

.site-header__top .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo-head__link {
    width: 60%;
}

.logo-head__link img {
    display: block;
}

.logo-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 440px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo-head__desc {
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    width: 40%;
    margin-top: -20px;
}

.search-bee__input {
    width: 100%;
    border: 4px solid #ffba00;
    background-color: #fff;
    padding: 11px 27px;
    padding-right: 65px;
    border-radius: 50px;
    font-size: 16px;
    line-height: 20px;
}

.search-bee {
    width: 24%;
    position: relative;
}

.search-bee__button {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 0;
    margin: auto;
    cursor: pointer;
    z-index: 5;
    background: url(img/btn-search.png) no-repeat center center;
}

.menu-drop {
    position: absolute;
    left: -27px;
    top: 30px;
    width: 200px;
    z-index: 999;
    text-align: left;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    background-color: #ff7800;
    border-radius: 13px;
    padding: 10px 0;
    overflow: hidden;
}

.menu-main__item--drop {
    position: relative;
}

.menu-main__item--drop:hover>ul {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.menu-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menu-main__link {
    color: #7f4114;
    font-size: 17px;
    line-height: 19px;
    font-weight: 500;
    padding: 6px 22px;
    border-radius: 15px;
    display: block;
}

.menu-main__item>.menu-main__link:hover,
.menu-main__item--current>a {
    background-color: #ff7800;
    color: #fff;
}

.menu-main__item {
    margin: 0 1px;
}

.menu-drop__link {
    display: block;
    text-align: center;
    padding: 4px 10px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

.menu-drop__link:hover {
    background-color: #FF9800;
    color: #fff;
}

.search-bee__button:hover {
    opacity: .7;
}

.site-header {
    padding-bottom: 45px;
}

@media screen and (max-width:1100px) {
    .search-bee {
        width: 35%;
    }
}

@media screen and (max-width:855px) {
    .logo-head__desc {
        display: none;
    }

    .logo-head__link {
        width: 100%;
    }

    .logo-head {
        width: 50%;
    }

    .search-bee {
        width: 40%;
    }

    .slicknav_open span.slicknav_icon-bar:nth-child(2) {
        -webkit-transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
        -ms-transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
        transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
        top: 2px;
        position: relative;
    }

    .slicknav_open span.slicknav_icon-bar:nth-child(1) {
        -webkit-transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
        -ms-transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
        transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
        top: 12px;
        position: relative;
    }

    .slicknav_open span.slicknav_icon-bar:nth-child(3) {
        display: none;
    }

    .menu-main {
        display: none;
    }

    .site-header__top {
        padding: 55px 0;
    }

    .site-header {
        padding-bottom: 0;
        position: relative;
    }

    .slicknav_menu {
        display: block;
        position: absolute;
        right: 20px;
        top: 10px;
    }

    .slicknav_icon-bar {
        display: block;
        height: 7px;
        background: #ffba00;
        margin-bottom: 3px;
        border-radius: 10px;
    }

    .slicknav_icon.slicknav_no-text {
        display: block;
    }

    .slicknav_btn {
        width: 45px;
        padding: 5px;
        border-radius: 10px;
        display: block;
    }

    ul.slicknav_nav {
        position: absolute;
        right: 0;
        top: 54px;
        width: 280px;
        background-color: #ff7800;
        border-radius: 10px;
        border: 4px solid #ffbb03;
        z-index: 100;
        padding: 20px 0;
    }

    .slicknav_nav .menu-main__link {
        color: #fff;
    }

    ul.slicknav_nav .menu-drop {
        position: static;
        display: block;
        left: auto;
        top: auto;
        width: auto;
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }

    a.slicknav_item>a {
        display: inline;
    }

    ul.slicknav_nav .menu-drop__link {
        text-align: left;
        padding-left: 34px;
    }

    span.slicknav_arrow {
        color: #fff;
    }
}

@media screen and (max-width:635px) {
    .logo-head {
        width: 40%;
    }

    .search-bee {
        width: 59%;
    }

    .search-bee__input {
        font-size: 14px;
    }
}

@media screen and (max-width:420px) {
    .logo-head {
        position: absolute;
        left: 25px;
        top: 10px;
    }

    .site-header__top .wrap {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .search-bee {
        width: 83%;
        margin-top: 20px;
    }
}

/*шапка конец*/
/*главная*/
.main-conteiner {
    padding: 50px 60px;
    background-color: #fff;
    max-width: 1300px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 49px 0px rgba(230, 209, 185, 0.52);
    box-shadow: 0px 0px 49px 0px rgba(230, 209, 185, 0.52);
    border-radius: 20px;
}

.title-vert {
    font-size: 26px;
    line-height: 28px;
    font-weight: 600;
    padding-left: 80px;
    color: #398fc0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: auto;
    right: auto;
    left: 0;
    top: 285px;
    position: absolute;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.title-vert:before {
    content: "";
    position: absolute;
    left: 0;
    width: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    background: #398fc0;
}

.popular-posts {
    position: relative;
    padding-left: 60px;
    width: 60.5%;
}

.popular-sort {
    position: relative;
    padding-left: 50px;
}

.section-best {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.popular-sort {
    width: 36%;
}

.popular-sort__title {
    top: 325px;
    color: #6eb43b;
}

.popular-sort__title:before {
    background: #6eb43b;
}

.popular-sort__item {
    padding: 18px 20px;
    width: 50%;
    text-align: center;
    position: relative;
    border-radius: 10px;
}

.popular-sort__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: -20px;
}

.popular-sort__img-item {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.popular-sort__img {
    overflow: hidden;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin-bottom: 20px;
}

a.popular-sort__link {
    font-size: 16px;
    line-height: 20px;
    color: #7f4114;
    display: block;
}

a.popular-sort__link:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
}

.popular-sort__item:hover {
    background-color: #edf5f7;
}

.popular-sort__item:hover a {
    color: #473428;
}

.popular-sort__all {
    text-align: center;
    margin-top: 15px;
}

.popular-list__img {
    height: 350px;
    position: relative;
}

.popular-list__img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
}

.popular-list__body {
    padding: 25px;
}

.popular-list__meta {
    margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.popular-list__title {
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 34px;
    color: #473428;
}

.popular-list__desc {
    margin-bottom: 25px;
    font-size: 16px;
}

.item-cat {
    color: #ff7800;
    font-size: 15px;
    line-height: 17px;
    margin-right: 40px;
}

.item-cat a {
    color: #ff7800;
    font-size: 15px;
    line-height: 17px;
}

.item-cat a:hover {
    color: #398fc0;
}

.views {
    color: #ccc;
    font-size: 13px;
    line-height: 17px;
    background: url(img/icon-views.png) no-repeat left center;
    padding-left: 25px;
}

a.popular-list__link {
    color: #473428;
}

a.popular-list__link:hover {
    color: #398fc0;
}

.more__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 18px;
    padding: 6px 20px;
    max-width: 210px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.more__link svg {
    margin-left: 30px;
}

.more__link:hover {
    color: #fff;
    background-color: #398fc0;
    margin-left: 20px;
}

.more__link:hover path {
    fill: #fff;
}

.popular-list__item-min {
    opacity: .4;
    margin: 0 9px;
    cursor: pointer;
    padding-top: 25px;
    position: relative;
    background-position: center bottom;
}

.popular-list__bottom {
    padding-top: 10px;
}

.popular-list__item-min img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}

.popular-list__item-min--current,
.popular-list__item-min:hover,
.popular-list__item-min.slick-current {
    opacity: 1;
    background: url(img/arrow.svg) no-repeat center top;
}

.popular-list__more {
    margin-left: -20px;
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide {
    display: none;
    float: left;
    outline: none;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    overflow: hidden;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-arrow {
    display: none;
}

@media screen and (max-width:1300px) {
    .popular-posts {
        width: 50%;
    }

    .popular-list__img {
        height: auto;
    }

    .popular-sort {
        width: 45%;
    }

    .popular-sort__img {
        margin: auto;
    }

    .popular-sort__item-title {
        margin-top: 20px;
    }

    .popular-list__body {
        padding: 25px 0;
    }
}

@media screen and (max-width:1025px) {
    .popular-posts {
        width: 100%;
    }

    .section-best {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 735px;
        margin: auto;
    }

    .popular-sort {
        width: 100%;
        margin-top: 20px;
    }

    .popular-sort__title {
        top: 345px;
    }

    .main-conteiner {
        padding: 35px;
        margin: 0 25px;
    }
}

@media screen and (max-width:635px) {

    .popular-posts,
    .popular-sort {
        padding-left: 0;
    }

    .title-vert {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        top: auto;
        margin-bottom: 35px;
    }

    .popular-list__title {
        font-size: 24px;
    }

    .popular-sort__img {
        height: auto;
        width: auto;
    }

    .popular-sort__list {
        margin-right: auto;
    }
}

@media screen and (max-width:435px) {
    .title-vert:before {
        display: none;
    }

    .title-vert {
        padding-left: 0;
        text-align: center;
    }

    .popular-sort__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: auto;
    }

    .popular-sort__item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        padding: 15px;
    }

    .popular-sort__item-title {
        margin: 0;
        margin-left: 10px;
    }

    .popular-sort__img {
        width: 67%;
    }

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

    .popular-list__more {
        margin-left: 0;
    }

    .popular-list__bottom {
        margin-left: -9px;
    }
}

@media screen and (max-width:390px) {
    .popular-sort__img {
        width: 100%;
    }
}

.section-calendar {
    padding-top: 70px;
}

.container-aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.container-aside__left {
    width: 62.3%;
}

.container-aside__right {
    width: calc(40.8% - 50px);
}

.box-advice {
    margin-top: 62px;
    margin-left: 50px;
    padding: 30px 42px;
    background-color: #faf5ef;
    border-radius: 20px;
    position: relative;
}

.box-advice__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #6eb43b;
    margin-bottom: 22px;
}

.box-advice__content {
    font-size: 18px;
    line-height: 24px;
}

.box-advice__item {
    margin-top: 17px;
    margin-left: 90px;
}

.box-advice__link {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 22px;
    color: #ffbc06;
    padding-left: 34px;
    background: url(img/loading.png) no-repeat left center;
}

.box-advice__link:hover {
    text-decoration: underline;
}

.box-advice:before {
    content: "";
    position: absolute;
    left: -57px;
    bottom: 29px;
    width: 63px;
    height: 71px;
    background: url(img/bee-bq.png) no-repeat left center;
}

.title-icon {
    font-size: 26px;
    line-height: 28px;
    font-weight: 600;
    color: #473428;
}

.box-calendar__month {
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    line-height: 30px;
    padding: 0 20px 5px;
    color: #fff;
    background-color: #ff7800;
    margin-left: 10px;
    border-radius: 30px;
}

.box-calendar {
    padding-top: 40px;
    padding-right: 235px;
    padding-bottom: 20px;
    background: url(img/bee-man.png) no-repeat right bottom;
    min-height: 300px;
}

.box-calendar .title-icon {
    margin-bottom: 30px;
}

.box-calendar__content {
    font-size: 16px;
    line-height: 22px;
}

.box-calendar__content p {
    margin-bottom: 35px;
}

.box-calendar__links-one {
    color: #ff7800;
}

.box-calendar__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.box-calendar__links-text {
    margin-left: 25px;
    margin-right: 5px;
    color: #b4b4b4;
}

.box-calendar__links-one:last-child {
    color: #6eb43b;
}

.box-calendar__links-one:hover {
    text-decoration: underline;
}

.box-calendar__title-icon {
    padding-left: 56px;
    background: url(img/icon-calend.png) no-repeat left 0px;
    padding-top: 3px;
}

.section-articles {
    margin-top: 50px;
}

.section-articles__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e1e6e7;
    margin-bottom: 28px;
}

.section-articles__title-icon {
    padding: 6px 0;
    padding-left: 65px;
    background: url(img/icon-best.png) no-repeat -6px 1px;
}

.section-articles__tabs-link {
    font-weight: 500;
    color: #7f4114;
    font-size: 17px;
    line-height: 19px;
    display: block;
    margin: 0 30px;
    padding: 28px 0;
    position: relative;
    cursor: pointer;
}

.section-articles__tabs {
    margin-left: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 5px;
}

.section-articles__tabs-link.current,
.section-articles__tabs-link:hover {
    color: #ff7800;
}

.section-articles__tabs-link.current:before {
    content: "";
    position: absolute;
    left: 0;
    height: 5px;
    bottom: -1px;
    top: auto;
    width: 100%;
    background-color: #ff7800;
}

.list-articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -30px;
    margin-right: -30px;
}

.list-articles__item {
    width: calc(100%/3);
    padding: 22px 30px;
    position: relative;
    border-radius: 10px;
}

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

.list-articles__title {
    font-size: 20px;
    line-height: 24px;
    color: #473428;
    margin: 20px 0;
}

a.list-articles__link {
    color: #473428;
    display: block;
}

.list-articles__image img {
    border-radius: 10px;
}

.list-articles__bee {
    position: absolute;
    left: 50px;
    top: 50px;
    z-index: 30;
    background: url(img/paly-views.png) no-repeat center bottom;
    width: 60px;
    text-align: center;
    padding-top: 37px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #473428;
}

.list-articles__link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.list-articles__item:hover {
    background-color: #edf5f7;
}

.list-articles__bee:before {
    content: "";
    width: 24px;
    height: 21px;
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    background: url(img/bee-views.png) no-repeat center;
    margin: auto;
}

.section-menus {
    margin-top: 35px;
}

.section-menus__title-icon {
    padding: 12px 0;
    padding-left: 95px;
    background: url(img/bee-products.png) no-repeat left center;
}

.images-menu {
    margin-top: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.images-menu li {
    margin: 0 2px;
    padding: 19px;
    padding-top: 150px;
    position: relative;
    text-align: center;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center 24px;
}

.images-menu a {
    display: block;
    font-weight: 700;
    color: #7f4114;
    width: 95px;
    font-size: 17px;
    line-height: 19px;
}

.images-menu a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.images-menu li:hover {
    background-color: #faf5ef;
}

.images-menu-1 {
    background-image: url(img/products-1.png);
}

.images-menu-2 {
    background-image: url(img/products-2.png);
}

.images-menu-3 {
    background-image: url(img/products-3.png);
}

.images-menu-4 {
    background-image: url(img/products-4.png);
}

.images-menu-5 {
    background-image: url(img/products-5.png);
}

.images-menu-6 {
    background-image: url(img/products-6.png);
}

.images-menu-7 {
    background-image: url(img/products-7.png);
}

.images-menu-8 {
    background-image: url(img/products-8.png);
}

.section-article {
    margin-top: 80px;
}

.section-article__title {
    font-size: 70px;
    line-height: 76px;
    font-weight: 800;
    color: #473428;
}

.section-article__desc {
    font-size: 22px;
    line-height: 26px;
    margin-top: 8px;
}

.section-article__content {
    margin-top: 40px;
}

.section-article .container-aside__left {
    width: 56%;
}

.section-article .container-aside__right {
    width: 43%;
}

.section-article__content ul a {
    border: 0;
    padding-right: 25px;
}

.section-article__content li:hover {
    border-radius: 5px;
    background-color: #edf5f7;
}

.section-article__content ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 17px;
    display: inline-block;
}

.section-article__content ul a:hover {
    color: #473428;
}

.section-articles__tabs-body.current {
    display: block;
}

.section-articles__tabs-body {
    display: none;
}

.site-footer {
    margin-top: 50px;
    margin-bottom: 20px;
}

.site-footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-footer__logo>img {
    max-width: 142px;
    display: block;
    margin-right: 40px;
}

.site-social__item {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    margin: 0 3px;
    background-repeat: no-repeat;
    background-position: center;
}

.site-social__item--vk {
    background-image: url(img/icon-vk.png);
}

.site-social__item--pinterest {
    background-image: url(img/icon-p.png);
}

.site-social__item:hover {
    opacity: .7;
}

.site-footer__coper {
    margin-top: 22px;
    font-size: 14px;
    max-width: 352px;
}

.site-footer__coper p {
    margin-bottom: 10px;
}

.site-footer .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

.site-footer__right {
    max-width: 290px;
}

.site-footer__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.site-footer__text {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #384d0c;
    margin-bottom: 25px;
}

.site-footer__text sup {
    position: absolute;
    left: -20px;
    top: 4px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 800;
    color: #cb2027;
}

.site-footer__menu li {
    margin: 7px 0;
}

@media screen and (max-width:1150px) {
    .box-calendar__month {
        margin: 4px;
        vertical-align: middle;
    }

    .box-calendar__title-icon {
        background-position: center left;
    }

    .title-icon {
        font-size: 22px;
    }

    .section-calendar {
        padding-top: 0;
    }

    .section-articles__title-icon {
        display: inline-block;
        vertical-align: middle;
    }

    .section-articles__head {
        text-align: center;
        display: block;
    }

    .section-articles__tabs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .site-footer .wrap {
        padding: 0 20px;
    }

    .images-menu {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width:980px) {
    .container-aside__left {
        width: 100%;
    }

    .container-aside__right {
        width: 100%;
    }

    .section-article .container-aside__left {
        width: 100%;
    }

    .section-article .container-aside__right {
        width: 560%;
        margin-top: 30px;
    }

    .section-article__title {
        font-size: 54px;
        line-height: 60px;
    }

    .section-article {
        margin-top: 35px;
    }

    .list-articles__item {
        width: calc(100%/2);
    }

    .list-articles {
        margin: 0;
    }
}

@media screen and (max-width:680px) {
    .box-calendar {
        background-image: none;
        padding-right: 0;
    }

    .box-calendar {
        margin-top: 0;
    }

    .list-articles__item {
        padding: 10px;
    }

    .site-footer__left {
        width: 100%;
        text-align: center;
    }

    .site-footer__coper {
        max-width: 100%;
        margin-top: 0;
    }

    .site-footer__logo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .site-footer__logo>img {
        margin: 10px;
    }

    .site-footer__right {
        max-width: 100%;
        text-align: center;
    }

    .site-footer__center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
    }

    .site-footer__menu li a {
        color: #675c59;
        text-decoration: underline;
    }

    .site-footer__menu li {
        display: inline-block;
        vertical-align: middle;
        margin: 7px;
    }

    .box-advice {
        margin-top: 20px;
    }

    .more {
        margin: 0;
    }

    .more__link svg {
        margin-left: auto;
        margin-right: -10px;
    }

    .more__link:hover {
        margin-left: 0;
    }

    .images-menu {
        margin-top: 20px;
    }
}

@media screen and (max-width:540px) {
    .list-articles__item {
        width: 100%;
    }

    .images-menu li {
        width: calc(100%/2);
        margin: 0;
    }

    .images-menu a {
        width: auto;
    }

    .section-articles__tabs-link {
        padding: 12px;
    }

    .section-article__title {
        font-size: 34px;
        line-height: 38px;
    }
}

@media screen and (max-width:400px) {
    .section-articles__title-icon {
        text-align: left;
        font-size: 18px;
    }

    .site-footer__menu li a {
        color: #fff;
    }

    .box-advice:before {
        display: none;
    }

    .box-advice {
        margin-left: 0;
    }

    .box-advice__item {
        margin-left: 0;
    }

    .section-articles__title-icon {
        background: none;
        padding-left: 0;
    }

    .section-articles__tabs {
        margin-left: 0;
    }

    .title-icon {
        font-size: 18px;
    }

    .box-calendar__month {
        font-size: 18px;
        line-height: 19px;
    }

    .popular-list__title {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
    }
}

.inner-page .section-article {
    margin-top: 0;
}

.more--back .more__link {
    max-width: 100%;
    display: inline-block;
}

.more--back svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.inner-page__h1 {
    color: #473428;
    font-size: 46px;
    line-height: 50px;
    font-weight: 600;
}

.menu-sublinks {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menu-sublinks__link {
    font-size: 17px;
    line-height: 19px;
    color: #398fc0;
    padding: 8px 18px;
    border-radius: 30px;
    background-color: #edf5f7;
    display: block;
}

.menu-sublinks__item {
    margin-right: 10px;
}

.menu-sublinks__link:hover {
    background-color: #6eb43b;
    color: #fff;
}

.popular-posts__title--cat {
    top: 387px;
}

.section-article .popular-posts {
    width: 100%;
    margin-top: 40px;
}

.inner-page__calendar .box-calendar {
    background-position: center top;
    padding-right: 0;
    padding-top: 341px;
}

.inner-page__calendar.container-aside__right {
    width: 35%;
}

.inner-page__calendar .box-calendar__month {
    margin-left: 0;
    margin-top: 10px;
}

.inner-page__calendar .box-calendar__title-icon {
    padding-left: 0;
    background-position: 82% 2px;
}

.pag-pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 15px;
}

.pag-pages__item {
    font-size: 16px;
    width: 52px;
    text-align: center;
    line-height: 52px;
    color: #398fc0;
    margin: 5px;
    background-color: #edf5f7;
    border-radius: 5px;
}

.pag-pages__item:hover,
.pag-pages__item-current {
    background-color: #ff7800;
    color: #fff;
}

.inner-page .section-articles__head {
    padding-bottom: 20px;
}

@media screen and (max-width:1100px) {
    .inner-page .title-icon {
        text-align: left;
    }
}

@media screen and (max-width:635px) {
    .inner-page__h1 {
        font-size: 30px;
        line-height: 1.5;
    }

    .popular-posts__title--cat {
        top: auto;
    }

    .inner-page__calendar .box-calendar__title-icon {
        background-image: none;
    }

    .inner-page__calendar.container-aside__right {
        width: auto;
    }

    .popular-posts__title--cat {
        top: auto;
    }

    .inner-page__calendar .box-calendar {
        padding-top: 0;
    }

    .menu-sublinks__item {
        margin: 5px;
    }
}

.section-article__top .container-aside__left {
    width: 65%;
}

.section-article__top .container-aside__right {
    max-width: 328px;
}

.section-article__top img {
    border-radius: 10px;
    display: block;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.meta-single {
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
}

.meta-single__author {
    padding-left: 60px;
    min-height: 40px;
    position: relative;
    max-width: 210px;
    margin-right: 30px;
}

.meta-single__author img {
    border-radius: 40px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
}

.author-single__label {
    color: rgba(56, 77, 12, 0.502);
    font-size: 14px;
}

.author-single__name {
    color: rgb(56, 77, 12);
}

.meta-single__adesc {
    padding-left: 30px;
    border-left: 1px solid #ebece9;
    max-width: 210px;
    color: rgba(56, 77, 12, 0.702);
    margin-right: 50px;
}

.single-ex {
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.5;
}

.meta-single__rating {
    padding-left: 45px;
    position: relative;
    max-width: 160px;
    color: #ccc;
}

.meta-single__val {
    position: absolute;
    left: 0;
    font-weight: 600;
    color: #473428;
    padding-top: 20px;
    background: url(img/bee-likes.png) no-repeat center top;
    min-width: 25px;
    text-align: center;
}

.meta-single__views {
    margin-left: auto;
    color: #ccc;
    font-size: 13px;
    line-height: 17px;
    background: url(img/icon-views.png) no-repeat left center;
    padding-left: 25px;
}

.section-article__page {
    margin-top: 30px;
    color: #473428;
}

.contents-wraps {
    padding: 35px;
    background-color: #edf5f7;
    border-radius: 15px;
}

.contents-wraps__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 26px;
    line-height: 32px;
    color: #6eb43b;
    font-weight: 600;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contents-wraps__show-hide {
    color: #fff;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    display: block;
    padding: 6px 15px;
    background-color: #ff7800;
    cursor: pointer;
    border-radius: 30px;
}

.contents-wraps__show-hide:hover {
    background-color: #FF9800;
}

.post .contents-wraps li {
    padding-left: 45px;
}

.contents-wraps>ul {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

.section-article__page ul li {
    padding-left: 45px;
}

.post .custom-blockquote {
    background: 0;
    position: relative;
}

.custom-blockquote:before {
    content: "";
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 62px;
    background-color: #6eb43b;
    border-radius: 5px;
}

.blockquote-2:before {
    background-color: #ff7800;
}

.article-rattings {
    padding: 15px 50px;
    background-color: #edf5f7;
    margin-top: 45px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.article-ratings__text {
    font-size: 18px;
    line-height: 22px;
    max-width: 240px;
    color: #473428;
    font-weight: 600;
    margin-right: 35px;
}

.article-ratings__like {
    width: 142px;
    text-align: center;
    padding: 10px 0;
    font-size: 17px;
    line-height: 19px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    background-color: #ff7800;
    cursor: pointer;
    margin-right: 30px;
}

.article-ratings__like:hover {
    background-color: #FF5722;
}

.article-ratings__like:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 24px;
    background: url(img/like.png) no-repeat center center;
    margin-right: 10px;
    margin-top: -5px;
}

.article-ratings__share {
    margin-left: auto;
}

.ya-share2__item {
    width: 34px;
}

.ya-share2__link {
    width: 100%;
}

.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
    display: block;
}

.ya-share2__badge {
    width: 34px;
    height: 34px;
    position: relative;
}

.ya-share2__badge span.ya-share2__icon {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}

.wrap-comments__title {
    margin-bottom: 35px;
}

.items-comments__item {
    padding-left: 100px;
    position: relative;
    min-height: 70px;
    margin-bottom: 35px;
}

.items-comments__thumb {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    max-width: 70px;
}

.items-comments__thumb img {
    display: block;
    border-radius: 60px;
}

.items-comments__name {
    font-size: 14px;
    color: #398fc0;
    margin-bottom: 5px;
}

.items-comments__text {
    font-size: 16px;
    color: #253645;
}

.items-comments__meta {
    margin-top: 6px;
    font-size: 14px;
    line-height: 16px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.items-comments__text p {
    margin-bottom: 7px;
}

.comment-message {
    color: #eb0707;
    font-weight: 500;
    font-size: 13px;
    font-style: italic;
}

.items-comments__time {
    color: #838595;
    font-size: 12px;
    padding-right: 20px;
}

.items-comments__link {
    cursor: pointer;
    background-color: #6eb43b;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 0 8px;
    border-radius: 10px;
    margin-left: 10px;
}

.items-comments__link:hover {
    text-decoration: underline;
}

.items-comments ul .items-comments__item {
    margin-left: 25px;
}

.form-comments {
    background: #fff;
    border-radius: 20px;
    padding: 45px;
}

.form-style {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form-style__textarea {
    width: 100%;
    margin-bottom: 20px;
}

.form-style__input {
    margin-bottom: 20px;
    width: 49%;
}

.form-style__submit .button {
    font-size: 15px;
    line-height: 22px;
    min-width: 197px;
}

.form-style__input input {
    background: #fff;
    border-radius: 10px;
    width: 100%;
    padding: 11px 30px;
    border: 1px solid #e6eaee;
}

.form-style__textarea textarea {
    background: #fff;
    border-radius: 10px;
    width: 100%;
    padding: 11px 30px;
    border: 1px solid #e6eaee;
}

.wrap-comments__title {
    font-size: 46px;
    line-height: 48px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 55px;
}

.section-comments {
    margin-top: 65px;
    background-color: #f4f9fa;
    padding: 45px;
    border-radius: 10px;
}

.section-comments__wrap {
    max-width: 860px;
    margin: auto;
}

.button {
    background-color: #398fc0;
    color: #fff;
    padding: 14px 10px;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

.button:hover {
    background-color: #2d739b;
}

.contents-wraps a {
    border: 0;
}

@media screen and (max-width:1200px) {
    .meta-single__views {
        margin-left: 0;
        margin: 13px;
    }

    .article-ratings__text {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .article-ratings__share {
        margin-left: 0;
    }

    .article-rattings {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width:1050px) {
    .section-article__top .container-aside__right {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        margin-top: 20px;
    }

    .section-article__top .container-aside__left {
        width: 100%;
        margin-top: 20px;
    }

    .contents-wraps>ul {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .meta-single__adesc {
        display: none;
    }
}

@media screen and (max-width:780px) {
    .article-ratings__share {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .article-ratings__like {
        width: 153px;
    }
}

@media screen and (max-width:670px) {
    .items-comments__link {
        margin: 10px;
    }

    .form-style__input {
        width: 100%;
    }
}

@media screen and (max-width:565px) {
    .article-ratings__like {
        margin-right: 0;
        width: 160px;
        margin-bottom: 10px;
    }

    .article-rattings {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .article-ratings__share {
        margin-top: 10px;
    }

    .article-ratings__like {
        margin-right: 0;
        width: 160px;
        margin-bottom: 10px;
    }

    .article-rattings {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .article-ratings__share {
        margin-top: 10px;
    }

    .wrap-comments__title {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 25px;
    }

    .section-comments {
        padding: 25px;
    }

    .form-style__submit .button {
        width: 100%;
        display: block;
    }

    .form-style__submit {
        width: 100%;
    }

    .form-comments {
        padding: 10px;
    }

    .items-comments__thumb img {
        width: 35px;
    }

    .items-comments__item {
        padding-left: 44px;
    }

    .items-comments__link {
        margin-left: 0;
    }
}

@media screen and (max-width:400px) {
    .section-article__top .container-aside__right {
        display: none;
    }

    .contents-wraps__title {
        font-size: 18px;
    }

    .contents-wraps {
        padding: 15px;
    }

    .post .contents-wraps li {
        padding-left: 39px;
    }

    .post blockquote {
        padding: 20px;
        background-image: none;
    }

    .custom-blockquote:before {
        display: none;
    }
}

p.contents-wraps__title {
    margin: 0;
}

.contents-wraps>ul {
    margin-top: 25px;
}

.list-articles__item:hover .more__link {
    color: #fff;
    background-color: #398fc0;
    margin-left: 20px;
}

.list-articles__image {
    min-height: 100px;
}

.post .wp-caption img {
    border-radius: 10px 10px 0 0;
}

.wp-caption-text {
    padding: 7px 0;
    font-size: 15px;
}

/* ## New */

.content-sidebar-wrap {
    position: relative;
    display: grid;
    grid-template-columns: minmax(500px, 1fr) minmax(280px, 320px);
    gap: 50px 65px;
}

@media screen and (max-width: 1240px) {
    .content-sidebar-wrap {
        gap: 40px;
    }
}

@media screen and (max-width: 980px) {
    .content-sidebar-wrap {
        grid-template-columns: minmax(250px, 1fr);
    }
}

/* ### Post toc */

.text-block:not(:last-of-type) {
    margin-bottom: 40px;
}

.text-block:first-of-type>h2:first-child {
    margin-top: 0;
}

.post-toc {
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px;
    margin-bottom: 35px;
}

.post-toc a {
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 9px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 1.3;
    background-color: #eef1f5;
    border-radius: 10px;
}

.post-toc a:hover {
    color: #fff;
    background-color: #398fc0;
}

@media screen and (max-width: 640px) {}

/* ## Sidebar */

.sidebar-sticky {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
}

/* ## Table */

.honey-rating-small {
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #afb5b6;
}

.honey-rating-table {
    --first: minmax(200px, 280px);
    --second: minmax(200px, 1fr);
    position: relative;
    display: grid;
    grid-template-columns: var(--first) var(--second);
    margin-top: 40px;
    margin-bottom: 40px;
}

.honey-rating-table .table-header .table-row {
    font-size: 12px;
    color: rgba(71, 52, 40, 0.5);
    line-height: 1.3;
    text-transform: uppercase;
}

@media screen and (max-width: 480px) {
    .honey-rating-table {
        --first: 1fr;
        --second: minmax(150px, 1fr);
    }

    .honey-rating-table .table-row>div {
        font-size: 16px;
    }
}

/* ### First */

.honey-rating-table-first {
    padding-top: 10px;
}

.honey-rating-table-first .table-body {
    padding: 5px 0 5px 5px;
    background-color: #edf5f7;
    border-radius: 10px 0 0 10px;
}

.honey-rating-table-first .table-row {
    display: flex;
    align-items: center;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px 0 0 10px;
}

.honey-rating-table-first .table-row:not(:last-child) {
    margin-bottom: 5px;
}

.honey-rating-table-first .item-name {
    display: flex;
    align-items: center;
    color: #473428;
}

.honey-rating-table-first .item-name .h7 {
    font-size: 16px;
    font-weight: 500;
}

.honey-rating-table-first .item-image {
    margin-right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.item-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.item-image img {
    max-width: unset;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.honey-rating-table-first .item-name span {
    position: relative;
    margin-bottom: 5px;
    padding: 3px 5px;
    font-size: 10px;
    font-weight: 300;
    line-height: 1.2;
    background-color: var(--color);
    border-radius: 3px;
    cursor: pointer;
}

.honey-rating-table-first .item-name .yellow {
    --color: #f5e31b;
    color: #000;
}

.honey-rating-table-first .item-name .green {
    --color: #6eb43b;
    color: #fff;
}

.honey-rating-table-first .item-name span:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    z-index: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 0 0;
    border-color: var(--color) transparent transparent transparent;
}

@media screen and (max-width: 480px) {
    .honey-rating-table-first .item-image {
        display: none;
    }
}

/* ### Second */

.honey-rating-table-second {
    position: relative;
    padding-top: 10px;
    padding-bottom: 50px;
}

.honey-rating-table-second .table-body {
    padding: 5px 0 5px 0;
    background-color: #edf5f7;
}

.honey-rating-table-second .column:last-child .table-body {
    padding-right: 5px;
    border-radius: 0 10px 10px 0;
}

.honey-rating-table-second .table-row {
    display: flex;
    align-items: center;
    padding: 20px;
    background-color: #fff;
}

.honey-rating-table-second .table-body .table-row {
    justify-content: center;
}

.honey-rating-table-second .column:last-child .table-row {
    border-radius: 0 10px 10px 0;
}

.honey-rating-table-second .table-row:not(:last-child) {
    margin-bottom: 5px;
}

.honey-rating-table-second .table-row .text {
    font-size: 14px;
    line-height: 1.43;
}

.honey-rating-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 20px;
    background-color: #edf5f7;
    border-radius: 10px;
}

.honey-rating-wrap .honey-comments-num {
    margin-top: 5px;
    font-size: 11px;
    opacity: .5;
}

@media screen and (max-width: 640px) {
    .honey-rating-table-second .table-body {
        padding-right: 5px;
        border-radius: 0 10px 10px 0;
    }
}

/* ### Swipe */

.honey-rating-table-second .swipe-mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .honey-rating-table-second .swipe-mobile {
        position: absolute;
        top: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        margin-bottom: 3px;
        font-size: 11px;
        color: #a9b2bb;
        text-transform: none;
    }

    .honey-rating-table-second .swipe-mobile:before {
        content: '';
        flex-shrink: 0;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFKElEQVRYhcXZV4idRRQH8N9u1mgSo8auGIk19t57wd4VxY5if/BB7KLig4WoIFbUh7WBjdglNuwYFGPHFA3WoCjGmLgaTVbXhzOf39yPu3fv3ruuf7jMmf7/Zs6cc2Zux0PPvGwIsD1OxE5YJ5V9h2mYjKfbnaCrzf5jcReOq1O3LDbESXgNZ2NWqxO1Q3QVvKVcQXgDn2AR1sO+GIk98AH2xDvDTfTVjOQUXJ7I5FgTV+B0jBIfMh4/Dnayzkp+fRwrVqERrhLbCvfhoIzkBtgyyd/gDFyU8iNT+4FwNPbqj+jmabKHcE2DQcbg0iTPwilJ3hJvYgbex3QcnupuwLNJ3h+bNBj/GDyKl2W6XxDdRujOaCzE8w0GOlC54leldHzqv0vWbkM8gd1T/rys7vgG47+O75P8oLAmurCj0J1CX7/AGjg35bvwBx7Bz9gulf+JF5N8OZZI8nVCByelD7oR22K22IGJStVYAidgxTQezMdHWC3lH0Bnlzi5HdkXbYx763zpyemjxqb8T4k4bJbSabgsyZvgNHH6u9CLrxLR5VKbSWpXuj/c14kPK4Xz+2k8LaWLUrq0chf+SuncrP1PWV2xEMtWxpjZz1zzKvk/uoQOvYVNU+EMYU4KdIltKQb9Opt0d6H0BdEls36jMqKLxYftUBnjbqE+4zLyi3GlUAnowbad+FW4vumpYgdsjU/T76PKl+fucLHmMSKTH87kr4S1KeYr9BZ+T3xmFlvXk8hOxUYDTPg59sMy4hA2gzFCpfYQHm1Kg7ajU7oAuyXyNZ5pvjiNa4oT2ggvDlBfRWEGX2+i7buYICzND0Vh1YUuMjDJVvDrINt/XS1oN3pqBr3CNXfiS6W9HBSqvv6/wAr4WFiTz3FOKl9F+PMJzQwyHERHKs3WeNwhDuFnwrTNxj0DDTIcWw9PCXKXYCXsmtWNEIHNOLwg3O1MdCudxrAQ7VFGUQvFisLbwuCfKogfln4FLhDmbDrDs/U9ygXJXew5YsvPrrQvXPhKeExyv4MhegCux004S0RYBUbU7VHWLZXk0Vn53ynty8q6sRZuTfkNpAC9ma1fGU+KyCnHIlyIW/BbE+NUsVQlJXR0Hp5ThpnLN0u0OyPZK1zb8uI03ywU/ss6/Yrd6lBGT/kOdlTSf0mJg1Wgt9qxHjqwT5LfFDZxbRwlAgbiDrRfnb5FSLeicptHZfXFIuVqM6YOec0Q7RP2jrCBC4SyP44jswkn1Ok7ObWfrPyoV0Sw/ZkyWpslAo95eKk/Is0cpotTOkFcugq8IHSpPzwtVv9o5YGZkco2VgbHC8QNYW3hwVomOkW8dEiTbp3VnTlA37l1yuZLepfhb/zSaKBmzdNpmdydyXPEVbjAQO8BLaNZol/g9iRvpva6e5kyjPvfiRI2szgUtylPay8OFYfmkiHilTuBQXumhTg/yePUvqa8JvR3SN4w1RLtY/C+/k4RUxLWYPUhIFUPy2VyD60FJflV+u522DTAVin9TdxSWyL6htJ+HqT2vWmocERK39XGilJrP7v7bdUazheuGu4vClslOkeEfMTb0qTWedVgYjbuXENAlDBFc5J8kYjI28EW4mmp4HSi8qmoLaJ94lG2wA3iEXjiIMcZK2z0B8otv1bljbbdO9On2FkcrmXEs/qx4iVlKr4VLx552NaX8quKh7mDM4JwtXj3r8FQXO6mpglvT5MS/4bsO8hxZouDVPc/qaG6hX6DQ7C3iAN2w7pN9PsB7wn3e79MJ6v4B6SVGEQRzgNTAAAAAElFTkSuQmCC);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
    }
}

/* ### Pagination */

.honey-table-nav.disabled {
    display: none;
}

.honey-table-nav .splide__pagination {
    position: relative;
    bottom: -25px;
    display: flex;
    align-items: center;
    margin: 0;
}

.splide__pagination li {
    padding: 0;
    margin: 0;
}

.splide__pagination li:before {
    content: none;
}

.honey-rating-table .splide__pagination__page:hover,
.honey-rating-table .splide__pagination__page.is-active {
    background: #6eb43b;
}

.honey-rating-table .splide__arrow {
    background: #f0f2f5;
    transform: unset;
}

.honey-rating-table .splide__arrow svg {
    fill: #2479a9;
    height: 13px;
}

.honey-rating-table .splide__arrow--next {
    right: -1em;
}

.honey-rating-table .splide__arrow--prev {
    left: -1em;
}

.honey-rating-table .splide__arrow--prev:before {
    content: '';
    position: absolute;
    left: 15px;
    top: -35px;
    height: 100px;
    width: 3px;
    background-color: #edf5f7;
}

/* ## Comment */

.rating-comments .wrap-comments__title {
    font-size: 26px;
}

.form-comments__title {
    font-size: 26px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 35px;
}

.comment-message {
    margin-bottom: 20px;
}

.comment-form-rating-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

.comment-form-rating-wrap span {
    margin-right: 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.comment-form-rating {
    display: flex;
    align-items: stretch;
}

.comment-form-rating label {
    position: relative;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background-color: #f4f9fa;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSI+CiAgPHBhdGggZmlsbD0iI0Q2RDVEMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNy41LjY3IDIuNDYgNC4zN0wxNSA2bC0zLjUgMy42NC42MyA0Ljk2LTQuNjMtMi4xMi00LjYzIDIuMTIuNjQtNC45NkwwIDZsNS4wMi0uOTVMNy41LjY3Ii8+Cjwvc3ZnPgo=);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
    transition: .3s ease-in-out;
    overflow: hidden;
    cursor: pointer;
}

.comment-form-rating .selected {
    background-color: #6eb43b;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNy41LjY3IDIuNDYgNC4zN0wxNSA2bC0zLjUgMy42NC42MyA0Ljk2LTQuNjMtMi4xMi00LjYzIDIuMTIuNjQtNC45NkwwIDZsNS4wMi0uOTVMNy41LjY3Ii8+Cjwvc3ZnPgo=);
}

.comment-form-rating input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.comment-form-honey {
    width: 100%;
    margin-bottom: 20px;
}

.comment-form-honey .selectric {
    padding: 11px 20px;
}

.comment-form-honey .selectric .button {
    right: 10px;
}

.comment-form-honey .label {
    font-size: 15px;
    color: #223158;
    font-weight: 300;
    opacity: .7;
}

.rating-comments .items-comments__item {
    padding: 20px 20px 20px 120px;
    background-color: #fff;
    border-radius: 20px;
}

.rating-comments .items-comments__thumb {
    left: 20px;
    top: 20px;
}

.rating-comments .comments-meta {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.rating-comments .comments-meta .items-comments__name {
    margin-bottom: 0;
    margin-right: 25px;
}

.comment-rating-info {
    display: flex;
    align-items: center;
}

.comment-rating-info .star {
    width: 16px;
    height: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSI+CiAgPHBhdGggZmlsbD0iI0Q2RDVEMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNy41LjY3IDIuNDYgNC4zN0wxNSA2bC0zLjUgMy42NC42MyA0Ljk2LTQuNjMtMi4xMi00LjYzIDIuMTIuNjQtNC45NkwwIDZsNS4wMi0uOTVMNy41LjY3Ii8+Cjwvc3ZnPgo=);
    background-position: center;
    background-repeat: no-repeat;
}

.comment-rating-info .star-active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSI+CiAgPHBhdGggZmlsbD0iIzUwQzAxQyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNy41LjY3IDIuNDYgNC4zN0wxNSA2bC0zLjUgMy42NC42MyA0Ljk2LTQuNjMtMi4xMi00LjYzIDIuMTIuNjQtNC45NkwwIDZsNS4wMi0uOTVMNy41LjY3Ii8+Cjwvc3ZnPgo=);

}

.comment-honey {
    margin-left: auto;
    padding: 4px 10px;
    font-size: 14px;
    color: #ff7800;
    text-align: right;
    line-height: 1.2;
    border: 1px solid #ff7800;
    border-radius: 13px;
}

@media screen and (max-width: 480px) {
    .section-comments.rating-comments {
        padding: 0;
        background-color: unset;
    }

    .comment-form-rating-wrap {
        flex-direction: column;
        align-items: start;
    }

    .comment-form-rating-wrap span {
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .rating-comments .items-comments__item {
        padding: 10px;
    }

    .rating-comments .items-comments__thumb {
        display: none;
    }

    .rating-comments .comments-meta {
        flex-wrap: wrap;
    }

    .comment-honey {
        margin-top: 5px;
        margin-left: unset;
        font-size: 10px;
    }

    .comment-rating-info {
        margin-right: 20px;
    }
}