/*region main*/
.page h1 {
    margin: 40px 0 20px;
}
/*endregion*/
/* region header */
.blog-header {
    background-color: white;
    border: 1px solid #F4F4F4;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
}
.blog-header-center {
    position: relative;
    max-width: var(--width-desktop);
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 20px 0 20px;
}
.blog-header-logo {
    margin-right: 30px;
}
.blog-header-logo-img {

}
.blog-header-content {
    padding-top: 18px;
}
.blog-header-name {
    font-family: var(--font-header);
    font-weight: 600;
    font-size: 46px;
    line-height: 1;
}
.blog-header-menu {
    padding: 13px 0 13px;
    margin-left: -12px;
}
.blog-header-menu-item {
    padding: 0 14px 0;
}
/* endregion */
/* region footer */
.blog-footer {
    margin-top: 50px;
    color: white;
    background: #383838;
    padding: 60px 0 0;
}
.blog-footer-center {
    position: relative;
    max-width: var(--width-desktop);
    margin: 0 auto;
}
.blog-footer-headline {
    display: flex;
    margin-bottom: 25px;
    justify-content: space-between;
}
.blog-footer-site-logo {
    display: flex;
    align-items: center;
}
.blog-footer-site-logo-img {
    width: 57px;
    height: 63px;
    margin-right: 20px;
}
.blog-footer-site-logo-name {
    font-family: var(--font-header);
    font-weight: 600;
    font-size: 36px;
    line-height: 1;
}
.blog-footer-site-media {

}
.blog-footer-site-youtube-btn {
    margin-left: auto;
    background: #C64922;
    border-radius: 5px;
    color: white;
    padding: 10px 18px;
    font-weight: bold;
    font-size: 14px;
}
.blog-footer-site-youtube-btn-text {
    margin-left: 1px;
}
.blog-footer-links {
    margin-bottom: 75px;
}
.blog-footer-link-item {
    color: white;
    font-size: 20px;
    line-height: 1.9;
    margin-right: 30px;
}
.blog-footer-link-item:hover {
    color: silver;
}
.blog-footer-info {
    padding-bottom: 102px;
}
.blog-footer-legal-info {

}
.blog-footer-shop-info {

}
.blog-footer-shop-link {
    display: flex;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
}
.blog-footer-shop-link:hover {
    text-decoration: none;
}
.blog-footer-shop-link-text {
    color: white;
    margin-left: 20px;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}
.blog-footer-shop-link:active .blog-footer-shop-link-text {
    color: silver;
}
.blog-footer-shop-link .icon {
    transition: all 0.5s ease-in-out;
}
.blog-footer-man {
    position: relative;
}
.blog-footer-man-img {
    position: absolute;
    bottom: 0;
    right: 0;
}
.blog-footer-copyright {
    background: #292929;
    text-align: center;
    padding: 11px 20px 11px;
    font-size: 12px;
    line-height: 20px;
    font-family: var(--font-numbers);
}
.icon-blog-cart {
    width: 50px;
    height: 47px;
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.178 2.09A2.089 2.089 0 110 2.088a2.089 2.089 0 014.178.002z' fill='%2334495E'/%3E%3Cpath d='M48.422 40.15h-30.97a3.666 3.666 0 01-2.606-1.08 3.67 3.67 0 01-1.078-2.606v-.099c0-.834.287-1.656.812-2.309a3.713 3.713 0 012.082-1.29l25.952-5.708a1.137 1.137 0 011.358.867 1.141 1.141 0 01-.868 1.358l-25.953 5.709c-.317.07-.59.238-.795.493-.203.251-.31.558-.31.88v.1c0 .375.146.728.412.993.266.266.62.413.994.413h30.97a1.139 1.139 0 110 2.28z' fill='%23fff'/%3E%3Cpath d='M18.254 34.72c-.55 0-1.034-.4-1.123-.96L12.446 4.412a1.389 1.389 0 00-.476-.849 1.391 1.391 0 00-.915-.338h-8.97c-.63 0-1.14-.508-1.14-1.138 0-.628.51-1.14 1.14-1.14h8.97c.876 0 1.726.314 2.394.882a3.679 3.679 0 011.247 2.225L19.38 33.4a1.14 1.14 0 01-1.127 1.319z' fill='%23fff'/%3E%3Cpath d='M21.208 37.868h-2.682v5.364h2.682v-5.364z' fill='%235D6D7E'/%3E%3Cpath d='M23.222 43.502a3.353 3.353 0 01-6.704 0 3.351 3.351 0 116.704 0z' fill='%235D6D7E'/%3E%3Cpath d='M21.542 43.501a1.675 1.675 0 11-3.352 0 1.675 1.675 0 013.352 0z' fill='%23fff'/%3E%3Cpath d='M47.55 37.868h-2.68v5.364h2.68v-5.364z' fill='%235D6D7E'/%3E%3Cpath d='M46.21 46.852a3.35 3.35 0 100-6.702 3.35 3.35 0 000 6.702z' fill='%235D6D7E'/%3E%3Cpath d='M47.886 43.501c0 .927-.75 1.675-1.677 1.675a1.674 1.674 0 110-3.35c.926 0 1.677.751 1.677 1.675z' fill='%23fff'/%3E%3Cpath d='M13.566 11.595l3.394 21.107.17 1.059.192 1.193v.001l31.185-6.86a1.33 1.33 0 00.755-.47c.2-.247.297-.544.297-.839v-13.85c0-.342-.13-.687-.392-.947a1.332 1.332 0 00-.948-.394H13.566z' fill='%23C64922'/%3E%3Cpath d='M48.218 11.595H13.566l1.327 8.266H49.56v-6.925c0-.342-.13-.687-.393-.947a1.331 1.331 0 00-.948-.394z' fill='%23DA5025'/%3E%3C/svg%3E");
}
.icon-blog-footer-youtube {
    width: 23px;
    height: 23px;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M22.526 5.979A2.882 2.882 0 0020.5 3.952c-1.8-.493-9-.493-9-.493s-7.198 0-8.998.474A2.94 2.94 0 00.474 5.979C0 7.779 0 11.51 0 11.51s0 3.751.474 5.532A2.882 2.882 0 002.5 19.07c1.818.493 8.999.493 8.999.493s7.2 0 8.999-.474a2.881 2.881 0 002.027-2.027C23 15.262 23 11.53 23 11.53s.019-3.752-.474-5.551z' fill='%23fff'/%3E%3Cpath d='M9.207 14.96l5.987-3.449-5.987-3.448v6.896z' fill='%23C64922'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h23v23H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
/* endregion */
/* region search */
.blog-search {
    margin: 20px 0 20px;
    display: flex;
}
.blog-search-col-search {
    flex: 1 1 839px;
    margin-right: 30px;
}
.blog-search-col-button {
    flex: 1 1 297px;
    -webkit-tap-highlight-color: transparent;
}
.blog-search-col-button:hover {
    text-decoration: none;
}
.btn-blog-to-shop {
    background: #FFFFFF;
    border: 2px solid var(--color-primary);
    border-radius: 5px;
    padding: 11px 38px;
}
.btn-blog-to-shop .icon {
    width: 28px;
    height: 26px;
}
.btn-blog-to-shop-text {
    margin-left: 3px;
    font-weight: 600;
    color: var(--color-primary);
    transition: color 0.3s ease;
}
.blog-search-col-button:active .btn-blog-to-shop-text {
    color: var(--color-second);
}
/* endregion */
/* region sidebar */
.blog-content-with-sidebar {
    display: flex;
}
.blog-content-main {flex: 1 0 850px;max-width: 850px;}
.blog-content-sidebar {
    flex: 1 0 300px;
    margin-left: 30px;
}
.blog-content-top {

}
.blog-content-bottom {

}
.blog-side-menu-card {
    margin-bottom: 30px;
}
.blog-side-menu-card .card-header {
    background-color: var(--color-primary);
    color: white;
    padding: 13px 24px;
    border-radius: 5px 5px 0 0;
}
.blog-side-menu-item {
    border-bottom: 1px solid #E5E5E5;
}
.blog-side-menu-item:hover {
    background-color: #ededed;
}
.blog-side-menu-item:last-child {
    border-bottom: 0;
}
.blog-side-menu-item-link {
    padding: 11px 24px;
    display: block;
}
/* endregion */
/*region article*/
.article-card {
    background-color: white;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 2px rgba(0,0,0,0.06);
    border-radius: 6px;
    padding: 40px 30px;
}
.article {

}
.article h1 {
    margin-top: 10px;
}
.blog-article-intro {

}
.blog-article-body {

}
.blog-article-image {
    margin: 30px 0;
}
/*endregion*/
/*region zzz*/
.blog-home-category-h2 {
    /*margin-left: 15px !important;*/
    margin-top: 10px !important;
}
.blog-home-category-items {
    margin: 0 -15px 0;
}
.blog-home-category-link {

}
/*endregion*/

@media only screen and (max-width: 767px) {
    /* region header */
    .blog-header {padding-right: 15px;padding-left: 15px;}
    .blog-header-center {

    }
    .blog-header-logo {

    }
    .blog-header-logo-img {

    }
    .blog-header-content {

    }
    .blog-header-name {font-size: 26px;}
    .blog-header-menu {display: none;}
    .blog-header-menu-item {

    }
    /* endregion */
    /* region footer */
    .blog-footer {padding-left: 15px;padding-right: 15px;padding-top: 30px;}
    .blog-footer-center {

    }
    .blog-footer-headline {display: block;}
    .blog-footer-site-logo {margin-bottom: 20px;}
    .blog-footer-site-logo-img {

    }
    .blog-footer-site-logo-name {font-size: 30px;}
    .blog-footer-site-media {

    }
    .blog-footer-site-youtube-btn {

    }
    .blog-footer-links {margin-bottom: 30px;}
    .blog-footer-link-item {font-size: 16px;}
    .blog-footer-info {padding-bottom: 20px;}
    .blog-footer-legal-info {padding-bottom: 30px;}
    .blog-footer-shop-info {

    }
    .blog-footer-shop-link {

    }
    .blog-footer-shop-link-text {margin-bottom: 15px;}
    .blog-footer-man {display: none;}
    .blog-footer-man-img {

    }
    .blog-footer-copyright {

    }
    /* endregion */
    /* region search */
    .blog-search {display: block;/* margin-right: 15px; *//* margin-left: 15px; */}
    .blog-search-col-search {margin-bottom: 20px;margin-right: 0;}
    .blog-search-col-button {

    }
    .btn-blog-to-shop {

    }
    .btn-blog-to-shop-text {

    }
    /* endregion */
    /* region sidebar */
    .blog-content-with-sidebar {
        flex-direction: column-reverse;
    }
    .blog-content-main {

    }
    .blog-content-sidebar {
        margin-left: 0;
    }
    .blog-content-top {

    }
    .blog-content-bottom {

    }
    /* endregion */
    /*region article*/
    .article-card {
        padding: 30px 15px;
    }
    .article {

    }
    .blog-article-intro {

    }
    .blog-article-body {

    }
    .blog-article-image {

    }
    /*endregion*/
    /*region zzz*/
    .blog-home-category-link {
        display: none;
    }
    /*endregion*/
}

@media only screen and (min-width: 768px) {
    /* region header */
    .blog-header {

    }
    .blog-header-center {

    }
    .blog-header-logo {

    }
    .blog-header-logo-img {

    }
    .blog-header-content {

    }
    .blog-header-name {

    }
    .blog-header-menu {

    }
    .blog-header-menu-item {

    }
    /* endregion */
    /* region footer */
    .blog-footer {

    }
    .blog-footer-center {

    }
    .blog-footer-headline {

    }
    .blog-footer-site-logo {

    }
    .blog-footer-site-logo-img {

    }
    .blog-footer-site-logo-name {

    }
    .blog-footer-site-media {

    }
    .blog-footer-site-youtube-btn {

    }
    .blog-footer-links {

    }
    .blog-footer-link-item {

    }
    .blog-footer-info {

    }
    .blog-footer-legal-info {

    }
    .blog-footer-shop-info {

    }
    .blog-footer-shop-link {

    }
    .blog-footer-shop-link-text {

    }
    .blog-footer-man {

    }
    .blog-footer-man-img {

    }
    .blog-footer-copyright {

    }
    /* endregion */
    /* region search */
    .blog-search {

    }
    .blog-search-col-search {
    }
    .blog-search-col-button {

    }
    .btn-blog-to-shop {

    }
    .btn-blog-to-shop-text {

    }
    /* endregion */
    /* region articles list */
    .article-item {
        flex: 0 0 calc(33% - 30px);
    }
    .articles-list-top .article-item {
        flex: 0 0 calc(50% - 30px);
    }
    /* endregion */
}

@media only screen and (min-width: 990px)
{
    .article-item.expand {
        min-height: 322px;
        flex-direction: row-reverse;
        flex: 1 1 calc(100% - 30px);
        align-items: stretch;
        max-width: none;
    }
    .article-item.expand .article-item-img-wrap {
        flex: 1 1 auto;
        padding-bottom: 26.3%;
    }
    .article-item.expand .article-item-img-wrap a {
        background-size: cover;
    }
    .article-item.expand .article-item-content {
        flex: 0 1 50%;
    }
    .article-item.expand .article-item-img {
        border-radius: 0 6px 6px 0;
        height: 100%;
    }
    .article-item.expand .article-item-info {
        justify-content: center;
        padding: 15px 25px 10px;
    }
    .article-item.expand .article-item-footer {
        padding: 13px 25px;
    }
    .article-item.expand .article-item-title {
        font-weight: 600;
        font-size: 26px;
        line-height: 30px;
        color: var(--color-primary);
    }
    .article-item.expand .article-item-teaser {
        font-size: 18px;
        line-height: 24px;
        color: #454545;
    }
}

@media only screen and (min-width: 450px) and (max-width: 989px) {
    .article-item {
        flex: 0 0 calc(50% - 30px);
    }
    .articles-list-top .article-item {
        flex: 0 0 calc(100% - 30px);
    }
}
@media only screen and (min-width: 768px) and (max-width: 1240px) {
    .blog-footer {
        padding-left: 15px;
        padding-right: 15px;
    }
    .blog-content-with-sidebar {
        display: block;
    }
    .blog-content-main {
        max-width: none;
    }
    .blog-content-sidebar {
        margin-top: 30px;
        margin-left: 0;
    }
}
@media (any-hover: hover) {
    .blog-search-col-button:hover .btn-blog-to-shop-text {
        color: var(--color-second);
    }
    .blog-footer-shop-link:hover .blog-footer-shop-link-text {
        color: silver;
    }
    .blog-footer-shop-link:hover .icon {
        animation-duration: 0.5s;
        animation-name: bounce-x-10;
        animation-iteration-count: infinite;
        animation-direction: alternate-reverse;
        animation-timing-function: ease-in-out;
    }
}