/* latin-ext */
@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url(https://fonts.gstatic.com/s/notoserif/v8/ga6Law1J5X9T9RW6j9bNdOwzfRmecf1I.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url(https://fonts.gstatic.com/s/notoserif/v8/ga6Law1J5X9T9RW6j9bNdOwzfReecQ.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;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.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;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.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;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.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;
}

*, ::after, ::before {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth !important;
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

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

body {
    margin: 140px 0 0 0;
    font-family: Roboto, sans-serif;
    font-size: 15pt;
    font-weight: 400;
    line-height: 1.2;
    color: #333435;
    text-align: left;
    background-color: #fff;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity .2s ease;

}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-family: 'Noto Serif', serif !important;
    font-style: normal
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

b, strong {
    font-weight: bolder
}

a {
    color: #353535;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #0f0f0f;
    text-decoration: underline
}

img {
    vertical-align: middle;
    border-style: none
}

[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
    touch-action: manipulation
}

button {
    border-radius: 0
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

[hidden] {
    display: none !important
}

.j-c-center {
    justify-content: center !important
}

@media (min-width: 1280px) {
    .a-i-lg-center {
        align-items: center !important
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    padding: 20px;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.2;
    color: inherit
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

ul {
    list-style: disc url(data:image/png;base64,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)
}

.img-fluid, .img-fluid img {
    max-width: 100% !important;
    height: auto
}

.btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 20px;
    line-height: 1.2;
    font-size: 15pt;
    padding: .375rem 2rem;
    transition: all .3s ease;
    text-transform: uppercase;
    letter-spacing: 0px
}

.btn--primary {
    color: #fff;
    background: #e2001a;
    border-color: #e2001a
}

.btn--primary-inverse {
    border-color: #e2001a;
    background: #fff;
    color: #e2001a
}

.btn-ico {
    display: block;
    background: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden
}

.btn-ico span {
    color: transparent
}

.btn-ico-search {
    display: none
}

@media (min-width: 992px) {
    .btn-ico-search {
        display: block;
        padding: 0;
        width: 20px;
        height: 20px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApAQMAAAB9bPmLAAAABlBMVEUAAAA1NTVzRZghAAAAAXRSTlMAQObYZgAAAHlJREFUCNd9zrEJBCEQheF/2cDQEqaRA9u64PAszVIsYUMD2bnxwaUL8jki7ylYB/AVnH6Hyb1BXt73pQ0oLV0hZ1g5Jnxgar1DHa+/r0cVRGqQ6lS/3hpgw2LO7lP/WXD4XYHvLGFu1th73+4ACqMiYMkqizSZZfoBlKk5nkuKYUwAAAAASUVORK5CYII=);
        margin-left: 8px;
        transition: all .3s ease
    }

    .btn-ico-search:hover, .searchbar-is-active .btn-ico-search {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAMAAABwfJv6AAAANlBMVEUAAADsiyPsiyPsiyPsiyPsiyPsiyPsiyPsiyPsiyPsiyPsiyPsiyPsiyPsiyPsiyPsiyPsiyPhJtxtAAAAEXRSTlMAoPDAEEAwIOGQgNBwYFCwHCf0LIoAAAD7SURBVDjL7ZJJDsMgDEUhzGPK/S9b00Q1GKeKsu7f+fM8CjFIa+fcS4vfctG3U6lcwzq0UVu+4KxvRIotWo4yoTrIKfKI7MpV7DbMsbllja0vMNn2Y9HuCs2ZjOuAHjiGnJsncIxYlMGWUyoaszzsM8YRC5KS5EFh4ixH1oEOSrCCdfYhJHlzL/UQDLfAdDkjudsOMUbkwJmcq3Bg/0KWnIvrreE6fnJ2vmRYzmHY71y6q9dcJDG7ZTpN6qQhHwInJJ+0Sfctp9pHkiVBKVZjSvAHxpJaNaIgeVJUP2IKJkaSovJkU+gnQJKRNiAMkeT1Jx+Q4i4pbinH+AYT1RZlKevfBwAAAABJRU5ErkJggg==)
    }
}

.btn-search {
    margin-left: 10px;
    padding: 6px 16px;
    font-size: 14px
}

.form-control {
    display: block;
    width: 100%;
    padding: .475rem .75rem;
    font-size: 1rem;
    line-height: 1.2;
    color: #333435;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border-radius: .25rem;
    border: 1px solid #d9dee2;
    transition: all .3s ease;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.copyright {
    text-align: center
}

@media (min-width: 576px) {
    .copyright {
        text-align: right
    }
}

.dev {
    padding-bottom: 4px;
    text-align: center
}

@media (min-width: 576px) {
    .dev {
        text-align: left
    }
}

@media (min-width: 1024px) {
    .dev {
        padding-bottom: 0
    }
}

.dev a {
    font-weight: 700
}

.page-title {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 4px;
    position: relative
}

.page-title:hover {
    text-decoration: none
}

.page-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #e2001a
}

.page-title--white {
    color: #fff
}

.t__category {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 2px;
    margin-bottom: 10;
    margin-left: 10px;

    background-color: #E2001A;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 15px;
    padding: 7px 10px 0px 10px;
    line-height: .9;
    letter-spacing: .06vw;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
    margin: 0;
    white-space: nowrap;
    position: absolute;
    top: 15px;
    left: 15px;
}


@media (min-width: 576px) {
    .t__category {
        font-size: 12px
    }
}

@media (min-width: 1440px) {
    .t__category {
        font-size: 14px;
        margin-bottom: 10px
    }
}

.t__category a {
    position: relative;
    padding-bottom: 4px;
    color: #fff;
    text-decoration: none;
    transition: all .3s ease;
    margin-right: 10px
}

@media (min-width: 1440px) {
    .t__category a {
        padding-bottom: 6px
    }
}

.t__category a:hover {
    color: #fff
}

.t__category a:hover::before {
    background: #e2001a
}

.t__category--white a {
    color: #fff
}

.t__category--white a::before {
    background: #fff
}

.d-404 {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
    min-height: 500px
}

.d-404 h1 {
    margin-bottom: 32px;
    color: #e2001a;
    font-size: 72px;
    font-weight: 800
}

.d-404 p {
    font-size: 26px
}

.d-404 a {
    color: #e2001a
}

.article p, .article p span, .article span {
    font-weight: 300
}

.nav {
    font-weight: 500
}

.nav a {
    position: relative;
    text-decoration: none
}

.nav a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #E2001A;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: all .3s ease-in-out 0s
}

.nav a:hover::before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.nav--inline ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    text-align: center
}

@media (min-width: 1280px) {
    .nav--inline ul {
        justify-content: center
    }
}

@media (min-width: 1660px) {
    .nav--inline ul {
        justify-content: flex-start
    }
}

.nav--inline ul:not(.nav-main) {
    justify-content: center
}

.nav--inline li {
    padding-left: 8px;
    padding-right: 8px;
    flex: 0 0 100%
}

@media (min-width: 768px) {
    .nav--inline li {
        flex-basis: auto
    }
}

@media (min-width: 1024px) {
    .nav--inline li {
        padding-left: 15px;
        padding-right: 15px
    }
}

.nav-header {
    display: flex;
    justify-content: center;
    font-size: 18px;
    padding-top: 30px;
    padding-bottom: 30px;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .nav-header {
        justify-content: space-between;
        padding: 0;
        flex-wrap: nowrap;
        font-size: 16px
    }
}

@media (min-width: 1024px) {
    .nav-header {
        font-size: 18px
    }
}

@media (min-width: 1024px) {
    .nav-header li:not(:first-of-type) {
        padding-left: 32px
    }
}

@media (min-width: 1440px) {
    .nav-header li:not(:first-of-type) {
        padding-left: 48px
    }
}

@media (min-width: 1024px) {
    .nav-header li:not(:last-of-type) {
        padding-right: 32px
    }
}

@media (min-width: 1440px) {
    .nav-header li:not(:last-of-type) {
        padding-right: 48px
    }
}

.nav-header a {
    color: #4a4a4a;
    padding: 4px;
    font-weight: 500;
    font-size: 1.1em
}

.nav-footer {
    display: none
}

@media (min-width: 768px) {
    .nav-footer {
        display: block
    }
}

@media (min-width: 1024px) {
    .nav-footer li:not(:first-of-type) {
        padding-left: 15px
    }
}

@media (min-width: 1024px) {
    .nav-footer li:not(:last-of-type) {
        padding-right: 15px
    }
}

@media (min-width: 768px) {
    .nav-footer a {
        padding-bottom: 4px
    }
}

.nav-divided li {
    position: relative
}

@media (min-width: 768px) {
    .nav-divided li:not(:last-of-type)::before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 2px;
        height: 14px;
        background: #c5c5c5;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 768px) {
    .nav-divided--light li:not(:last-of-type)::before {
        background: #eee
    }
}

.nav-sm {
    flex: 0 0 100%
}

.footer-main .nav-sm {
    padding-bottom: 16px
}

@media (min-width: 768px) {
    .footer-main .nav-sm {
        padding-bottom: 0
    }
}

@media (min-width: 768px) {
    .nav-sm {
        flex-basis: auto
    }
}

@media (min-width: 1280px) {
    .nav-add .nav-sm {
        display: block;
        margin: 0 0 0 auto
    }
}

@media (min-width: 1024px) {
    .nav-sm {
        padding-bottom: 0
    }
}

.nav-sm ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0
}

.nav-sm ul li {
    display: block;
    width: 23px;
    height: 23px;
    background-size: cover;
    margin-left: 12px;
    margin-right: 12px;
    overflow: hidden
}

.nav-add .nav-sm ul li {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .25
}

@media (min-width: 768px) {
    .nav-sm ul li {
        margin-left: 8px;
        margin-right: 8px
    }
}

@media (min-width: 1024px) {
    .nav-sm ul li {
        margin-left: 12px;
        margin-right: 12px
    }
}

.nav-sm ul li a {
    color: transparent
}

.nav-ext {
    font-weight: 700;
    flex: 0 0 100%
}

@media (min-width: 768px) {
    .nav-ext {
        flex-basis: auto
    }
}

.nav-ext a {
    color: #e2001a
}

.nav-main {
    flex: 0 0 100%
}

@media (min-width: 768px) {
    .nav-main {
        flex-grow: 1;
        flex-basis: 0;
        justify-content: flex-start
    }
}

@media (min-width: 1440px) {
    .nav--inline .nav-main, .nav-main {
        padding-left: 40px
    }
}

.nav-main li {
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .nav-main li {
        margin-bottom: 0
    }
}

.nav-add {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    position: relative;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-bottom: 15px
}

@media (min-width: 768px) {
    .nav-add {
        justify-content: flex-end;
        flex-wrap: nowrap
    }
}

@media (min-width: 1280px) {
    .nav-add {
        padding-top: 0;
        padding-bottom: 0;
        justify-content: space-between
    }
}

.sm--f {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAPFBMVEUAAAD////////////////////////////////////////////////////////////////////////////YSWgTAAAAE3RSTlMAQMAg8G0w0BtdELCQgFBJNw4JVLcfLAAAAHBJREFUSMft0skOgCAMRVEKyOCs/P+/mjCsTCxvpRjurslJF01FE41OxY4aO+uQG3htEi6c1wi3AeE+QHzCuM5QLysROY4XbdJYyaX4M6dY5jZN7mnvPY/xDeM7xhXGT4wLiEvs7qaVn+m88y/y97oAbRsePxtsAMQAAAAASUVORK5CYII=)
}

.sm--t {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAEMDwQNCAoDAg4JBwsGBQkkcHHgAAAP1JREFUSMftlUuuwyAMRW3zh4R4/6t96kPUajDQzHtm2EfWBYSAHy/wIMfurAiN2Ouq7Q03zPFaXkStXp3iI7EQYsnMV+tkVvyT74TWSMyjfww2QfoPZV+LHD91c7dzcVya3vcjXKwQQHRmsqL7qQ0ohXciGu2i9Kiioovd0wjkLSph/OqM81xPCR1v8ZLl9GarH6J/g+06fqUjdIj3ZIAnaQIIYa9fw1NYYYaHtj11AS2WpZ4+9c3wAsJ+swYBHow/4E5c+CeMRDezHYJGdXrwCBPwfGInemDHoOVOagrr3fJ6BM8znFUjB1XOdf5N3KOYYGFFqoH6WPIWfvwB3g87gKRJwRkAAAAASUVORK5CYII=)
}

.sm--g {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAQIAg8MBg0BCg4G5QMLCQNOGAuQAAAOJJREFUSMftlNkOgyAQRVmGTdn+/2tLWQoVMtqkL009L0buyQCTUXLzc2ie0NdcqWJFyFOZbnFAuJPS8R2wmB3iEYnV/sjmUJxt5+llh4OtKaVju0yxTYv9e22aMjoULzYbDEzfS+/IRV1k3V3Vs61a1ChOEEKoZ5yedtDDQrdl58Y+6Gyhs6/pZnX25VXzLALJcJbxiG6mKalLeqnbnAHvK673dtbJVtKXr1W9aT8gn+cXZN2tflicLOntAsOYqXIM2MBPKOSP4CYfHEHgqpv13jgMhtKMnKKlh+x6qcnNP/EAST4atgNr/lAAAAAASUVORK5CYII=)
}

.sm--y {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAQMCA0PCg4HBgMCAQkFCwzu5UcwAAAStJREFUSMfN04tq7CAUheG9vUaN5n//pz16pjCTllTTQtsFC0z4CBuN8kMpYEQM7GvegQg4WUsFVdgWee7UQhFRXRkochic5AgkEYPp5ZNpPFQZGnTKFSBncBvYKRcPUXTQJR6g3uAN2g2uoH+Lv2xktH7KX44JmPPsgdqfDMGBzLKrlsdCfiUlOK7j6nmsxCQ+n3dk6suTG+YJT/48DMtb9P03/D3OiYMVBb7P4zV3uo0OfqQ0YNhFtituREcHz02k+11UJMy56T0IslF7l7il9fYXi7xXbVrj6T/vWeNt8F5gfRiLN26Vb72m94oX1x788FkCVRrpkjuRPT14KbJH0HHBzUdubABqc3Esgo1m84Bvqsf5B3b3rocyT7l1tZO8JgfPdWIo8qX8A1sIMOC3KFTsAAAAAElFTkSuQmCC)
}

.sm--i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAgOBA0PBgMBCwcFCgwJAgMTAxNAAAAThJREFUSMfNlEGWhCAMREMiAcQW7n/amSHtC7QGNrPo2vjUbyWQQvhKRU5YH4VHvtHs60RII33UhU6LXvP7u2RyD7qWRBcd/dCfsS4czLcIpkLjr/3ZtNadxIoB+I84QNTMDWOUNuSiuBtGRr/SdxUgyeUJ5602JVJ3Z+GhwaJXkd5tPA9h8EGeWngQWvkyxVHG64hOlH4sXNOwy/ZIkGiCo9B98JKNBy3f/FEgA5dZs07glG4s3H2Eh/4V5z6n+vl6qd0U4mIj83hs7J2Rpz53dOUJHr1MPhPxq6q5lZlcR/kwxYFHOtsBvgceA6xwiA7fsGTNwlWBneOg9/ejncCWnnD9LZUZTb3jufrpReyTXWQgpj+18j7qupuSe1SDxVy7X+nom9vW9CA3hf0OHyqnWWHbI3yjfgBhezDiK1Ok4wAAAABJRU5ErkJggg==)
}

.search-bar {
    width: 100%;
    position: relative;
    padding: 15px 0;
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: center
}

@media (min-width: 992px) {
    .search-bar {
        position: absolute;
        width: auto;
        padding: 14px 15px;
        top: calc(100% + 15px);
        display: none;
        right: 0;
        top: 65px;
        background: #f8f8f8;
        z-index: 8000
    }
}

@media (min-width: 1280px) {
    .search-bar {
        min-width: 355px
    }
}

.search-bar form {
    display: flex
}

.search-bar__wrapper {
    order: -1;
    padding: 15px 0;
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .search-bar__wrapper {
        padding: 0;
        margin-bottom: 0;
        order: initial;
        float: right;
        display: inline-block
    }
}

.search-bar .form-control {
    padding: 6px 6.4px
}

@media (min-width: 768px) {
    .search-bar .form-control {
        padding: .475rem .75rem;
        max-width: 175px
    }
}

.header-main {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    box-shadow: 0 0 .2vw rgba(176, 176, 176, .4);
    background: #fff
}

.header-main img {
    max-width: 70px
}

@media (min-width: 576px) {
    .header-main img {
        min-width: 90px
    }
}

@media (min-width: 1280px) {
    .header-main img {
        max-width: 100px
    }
}

.header-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff
}

@media (min-width: 1280px) {
    .header-wrapper {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media (min-width: 768px) {
    .header-navigation {
        display: flex
    }
}

@media (min-width: 1280px) {
    .header-navigation {
        display: block
    }
}

.header-navigation-wrapper {
    display: none;
    position: fixed;
    z-index: 9000;
    background: #fff;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 0 30px 0;
    overflow: auto
}

@media (min-width: 768px) {
    .header-navigation-wrapper {
        display: flex !important;
        position: relative;
        z-index: initial;
        left: auto;
        top: auto;
        padding: 0;
        overflow: initial
    }
}

.header-navigation-row {
    width: 100%;
    margin: 0
}

@media (min-width: 768px) {
    .header-navigation-row {
        align-content: space-between
    }
}

@media (min-width: 1280px) {
    .header-navigation-row {
        align-items: center
    }
}

.header-page {
    background: #fff;
    margin-bottom: 30px;
    padding: 15px
}

@media (min-width: 1280px) {
    .header-page {
        margin-bottom: 45px;
        padding: 30px 15px 30px 60px
    }
}

.header-page--main h1 {
    color: #e2001a
}

.header-page h1 {
    font-weight: 400;
    font-size: 28px;
    margin: 0;
    font-style: normal
}

@media (min-width: 1024px) {
    .header-page h1 {
        font-size: 30px
    }
}

@media (min-width: 1280px) {
    .header-page h1 {
        font-size: 40px
    }
}

.header-page--transparent {
    background: 0 0
}

.header-page--single {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .header-page--single {
        padding: 15px
    }
}

.header-main-box {
    padding: 0
}

.header-main-box--main {
    order: -1
}

@media (min-width: 768px) {
    .header-main-box--main {
        order: initial
    }
}

.footer-main {
    background: #353535;
    color: #fff;
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 16px;
    position: relative
}

@media (min-width: 768px) {
    .footer-main {
        padding-top: 46px
    }
}

.footer-main a {
    color: #fff
}

.footer-main p {
    margin-bottom: 0;
    font-size: 14px
}

.footer-text {
    text-align: center;
    padding-top: 22px;
    padding-bottom: 22px
}

@media (min-width: 1280px) {
    .footer-text {
        padding-bottom: 36px
    }
}

.footer-text p {
    padding-bottom: 1rem
}

.menu-is-active {
    overflow: hidden
}

.s-main {
    padding-bottom: 20px
}

@media (min-width: 1280px) {
    .s-main {
        padding-bottom: 60px
    }
}

.s-recommended {
    padding-top: 50px
}

.s-recommended h3 {
    margin-bottom: 16px
}

figcaption p {
    margin: 0
}

.wp-caption-text, figcaption {
    font-style: italic;
    text-align: center;
    margin-bottom: 70px;
}

#cookie-notify {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    opacity: 0;
    transition: all .4s ease-out;
    z-index: 9999;
    padding: 8px 0;
    border-top: 2px solid #e2001a
}

#cookie-notify .cookie-content {
    font-weight: 300;
    opacity: 1;
    transition: all .2s ease-out
}

#cookie-notify .cookie-content .text-wrapper {
    text-align: center
}

#cookie-notify .cookie-content .text-wrapper p {
    text-align: center;
    font-weight: 300;
    display: inline
}

#cookie-notify .cookie-content .text-wrapper a {
    display: inline-block;
    font-weight: 400;
    margin: 5px;
    text-decoration: none;
    border-radius: 50px;
    padding: 5px 10px;
    transition: all .2s ease-out;
    text-transform: uppercase;
    letter-spacing: .5px
}

.article {
    margin-bottom: 30px;
    line-height: 1.5;
    color: #4a4a4a !important;
}

.embed-container {
    margin: 70px auto;
}

.article div img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 70px auto 6px auto;
    text-align: center;
    border-radius: 14px;
}

.product-box img {
    margin: 0 !important
}

.article img {
    display: block;
    text-align: center;
    margin: 70px auto;
    max-width: 100%;
    height: auto;
    border-radius: 14px
}

.article a {
    color: #e2001a;
    font-weight: 400
}

.article-tags {
    position: relative;
    bottom: 50px;
    left: 0px
}

@media (min-width: 768px) {
    .article-tags {
        bottom: 0px;
        left: 0x
    }
}

.product-box img {
    max-height: 300px;
}


.article-tags a {
    background: #e2001a;
    font-weight: 800;
    color: #fff;
    font-size: 14px;
    padding: 0 12px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    transition: all .3s ease;
    margin-right: 10px
}

.article-tags a:hover {
    background: #fff;
    font-weight: 800;
    color: #353535
}

.article-image {
    position: relative;
    padding-bottom: 30px
}

.article-featured {
    margin-bottom: 40px;
    font-style: normal;
    font-family: 'Noto Serif', serif !important
}

.article-featured, .article-featured p, .article-featured p span {
    font-weight: 700;
    font-size: 18px !important
}

@media (min-width: 1280px) {
    .article-featured, .article-featured p, .article-featured p span {
        font-size: 24px !important
    }
}

@media (min-width: 1440px) {
    .article h2, .article h3, .article h4, .article h5, .article h6, .article ol, .article p, .article ul {
        margin-left: 18px;
        margin-right: 18px
    }
}

.article ol + h2, .article p + h2, .article ul + h2 {
    margin-top: 30px
}

@media (min-width: 1024px) {
    .article ol + h2, .article p + h2, .article ul + h2 {
        margin-top: 60px
    }
}

.article h2 {
    font-weight: 700;
    font-size: 17px !important;
    padding-bottom: 12px;
    margin-bottom: 18px
}

@media (min-width: 768px) {
    .article h2, .article h2 span {
        font-size: 22px !important
    }
}

@media (min-width: 1024px) {
    .article h2, .article h2 span {
        font-size: 24px !important;
        margin-bottom: 35px
    }
}

.article h2 span {
    color: #4a4a4a !important;
}

/
/
#E2001A
.wp-caption, .lignnone {
    display: block;
    width: 100% !important;
    text-align: center;
}

.post-card {
    position: relative;
    background: #fff;
    display: block;
    width: 100%;
    padding-bottom: 30px;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin-bottom: 0;
    transition: all .3s ease;
    border-radius: 14px;
    -webkit-box-shadow: 0 0 .5vw rgba(176, 176, 176, .6);
    -moz-box-shadow: 0 0 .5vw rgba(176, 176, 176, .6);
    box-shadow: 0 0 .5vw rgba(176, 176, 176, .6)
}

.post-card:hover {
    box-shadow: 0 0 1.5vw rgba(176, 176, 176, .6) !important
}

.post-card__pre {
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .post-card__pre {
        margin-bottom: 50px
    }
}

@media (min-width: 1280px) {
    .post-card__pre {
        margin-bottom: 80px
    }
}

.post-card__pre--panel {
    margin-bottom: 30px
}

.post-card--mini {
    margin-bottom: 50px
}

@media (min-width: 1024px) {
    .post-card__grid {
        margin-left: -30px;
        padding-right: 0px
    }
}

.post-card__img {
    position: relative;
    min-height: calc((100vw - 30px) / 1.75);
    display: flex;
    background-size: cover;
    background-position: 50% 50%;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px
}

@media (min-width: 576px) {
    .post-card__img {
        min-height: calc((50vw - 30px) / 1.75)
    }

    .post-card--mini .post-card__img {
        min-height: 108px
    }
}

@media (min-width: 768px) {
    .post-card__img {
        min-height: 202px
    }

    .post-card--mini .post-card__img {
        min-height: 145px
    }
}

@media (min-width: 1024px) {
    .post-card__img {
        min-height: 267px
    }

    .post-card--mini .post-card__img {
        min-height: 200px
    }
}

@media (min-width: 1280px) {
    .post-card__img {
        min-height: 250px
    }

    .post-card--mini .post-card__img {
        min-height: 185px
    }
}

@media (min-width: 1440px) {
    .post-card__img {
        min-height: 285px
    }

    .post-card--mini .post-card__img {
        min-height: 195px
    }
}

@media (min-width: 1660px) {
    .post-card__img {
        min-height: 320px
    }

    .post-card--mini .post-card__img {
        min-height: 220px
    }
}

@media (min-width: 1280px) {
    .post-card__img::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: rgba(61, 61, 61, .45);
        transition: all .6s ease;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .post-card:hover .post-card__img::before {
        opacity: 1;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.post-card__img span {
    display: none
}

@media (min-width: 1280px) {
    .post-card__img span {
        display: block;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #fff;
        z-index: 2;
        opacity: 0;
        transition: all .4s ease;
        padding-left: 40px;
        position: relative;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@media (min-width: 1280px) {
    .post-card__img span::after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAApCAMAAACrxzHYAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMAgMBAIPAQMAXgoJBQGLBg0HOX7eQAAACLSURBVEjH7dQ7DsMwDANQ2pFs5+OkvP9lu3SwO0RWC2QI8nZCgwgCKFVO1YJeVho0oyVKkwoaKwesaEQOiFcnAgcENJLSpAmtPNMwZ3zZwqkNj48jeAiw00UL6CQ/JCJ9ClJwmXAbskSPDXjRJ13w84rV3URMLgm3YY7ontBTWhb0aIp/3zhomAWdN+JqPEkBdAVKAAAAAElFTkSuQmCC);
        background-size: cover;
        width: 24px;
        height: 20px
    }
}

@media (min-width: 1280px) {
    .post-card:hover .post-card__img span {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.post-card__img:hover {
    text-decoration: none
}

.post-card__meta {
    background: #fff;
    padding: 10px 10px 0;
    width: 100%;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px
}

@media (min-width: 768px) {
    .post-card__meta {
        padding: 15px 10px 0
    }
}

@media (min-width: 1280px) {
    .post-card__meta {
        padding-left: 20px;
        padding-right: 20px
    }
}

.post-card__content {
    padding: 0 0 6px
}

@media (min-width: 576px) {
    .post-card__content {
        min-height: 56px
    }
}

.post-card__content h2 {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px
}

@media (min-width: 768px) {
    .post-card__content h2 {
        font-size: 18px
    }
}

@media (min-width: 1024px) {
    .post-card__content h2 {
        font-size: 18px
    }
}

.post-card__content a {
    transition: all .3s ease;
    font-family: Roboto, sans-serif;
    font-style: normal
}

.post-card__content a:hover {
    text-decoration: none
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.text-center {
    text-align: center
}

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

.nav-link {
    display: block;
    padding: .5rem 1rem;
    font-family: Roboto, sans-serif
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none;
    color: #e2001a
}

.pagination {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px
}

@media (min-width: 576px) {
    .pagination {
        margin-bottom: 40px
    }
}

.pagination li {
    margin-left: 2px;
    margin-right: 2px
}

@media (min-width: 576px) {
    .pagination li {
        margin-left: 6px;
        margin-right: 6px
    }
}

.pagination a, .pagination span {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    border: 1px solid #353535;
    font-weight: 700;
    font-size: 14px;
    overflow: hidden;
    z-index: 1;
    position: relative
}

@media (min-width: 576px) {
    .pagination a, .pagination span {
        width: 45px;
        height: 45px
    }
}

.pagination a {
    text-decoration: none;
    transition: all .3s ease
}

.pagination a:hover {
    color: #e2001a;
    border-color: #e2001a
}

.pagination span {
    cursor: default
}

.pagination .nospan {
    border: 0;
    width: auto
}

.pagination__prev-next {
    position: relative
}

.pagination__prev-next a, .pagination__prev-next span {
    text-indent: -99px;
    color: transparent
}

.pagination__prev-next a:hover, .pagination__prev-next span:hover {
    color: transparent
}

.pagination__prev-next::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 9px;
    background-size: cover;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pagination__prev-next--prev::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAMAAACzQHQ9AAAAb1BMVEUAAAA1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTVtL1M1AAAAJHRSTlMA9ODq5T/u1dEoI8hKMCwcD9rYslNGNzMaEwj5zL+oO5yAdiHqVVUsAAAAlElEQVQY013P5xKDIBAE4AMsYMFComKMafv+zxikjDPy71tm7vYovmb8EGm5JzIY0hxDYM4gbcUh2sACpe1GiMlzclyWEsXLsxXgXS/B8sAMvOprsLundlQHG08qkSky6Zdog5hpB7tFV4ML1iceKVAcmb4Gao0Tz43bOXM+GtnQKDQWGLvYOF1k6DeAUwrk1+2u338iFQsjEfwdbAAAAABJRU5ErkJggg==)
}

.pagination__prev-next--next::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAMAAACzQHQ9AAAAbFBMVEUAAAA1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTXi/ltpAAAAI3RSTlMA9OrfGz8r7uPY1dEi5shKMCcPslNGNzMUCPnMv6g72pyAdrv90J4AAACUSURBVBjTTY9HFoMwDETlQrNNMYQWQtrc/46xX2RAO/3F/Bl6N47oazPiK1E5GlAk8CxgtK4gJwaZgF20gpwZjAJb7xXqjkEr0Ky+RJkzuN3xWPMayl/BLKOKgcBOAWxn5kC+hjkT+1ylxDG+LhqPRn1s1F0aGxT/xlPQ6MWkRZ2EcouF4IGvGDpAtGzebXB8qvT+ADx0CuWVfDweAAAAAElFTkSuQmCC)
}

.pagination-curr span {
    color: #e2001a;
    border-color: #e2001a
}

.post-card__date {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.2
}

@media (min-width: 768px) {
    .post-card__date {
        font-size: 14px
    }
}

@media (min-width: 768px) {
    .post-card__date span {
        font-size: 18px
    }
}

.bar--white {
    border-radius: 14px;
    -webkit-box-shadow: 0 0 .5vw rgba(176, 176, 176, .6);
    -moz-box-shadow: 0 0 .5vw rgba(176, 176, 176, .6);
    box-shadow: 0 0 .5vw rgba(176, 176, 176, .6);
    padding: 20px;
    margin-bottom: 30px
}

figure {
    margin: 0;
    text-align: center
}

.post-card__content h2 {
    text-align: center;
    font-size: 15pt;
    font-weight: 500
}

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    z-index: 1
}

.hamburger:hover {
    opacity: .7
}

.hamburger.is-active:hover {
    opacity: .7
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
    background-color: #000
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner::after, .hamburger-inner::before {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -10px
}

.hamburger-inner::after {
    bottom: -10px
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 275ms;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 125ms 275ms ease
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 75ms
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 5vw;
    box-shadow: 0 0 .2vw rgba(176, 176, 176, .4)
}

.navbar .main-item, .navbar .nav-item {
    display: flex;
    flex-flow: column;
    height: 100%;
    text-align: center
}

.navbar-header {
    width: 100px
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-collapse {
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border-radius: .25rem
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }

    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

.navbar-light .navbar-nav .nav-link {
    color: #4a4a4a;
    font-weight: 500;
    font-size: 0.9em;
    display: block;
    height: 100%;
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #e2001a
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #e2001a
}

.navbar-light .navbar-toggler {
    color: #4a4a4a;
    border-color: rgba(0, 0, 0, .1);
    border: none;
    outline: 0
}

.offcanvas-header {
    display: none
}

@media (min-width: 992px) {
    .navbar ul {
        align-items: center;
        display: grid;
        grid-auto-flow: column;
        grid-gap: 0
    }
}

@media (max-width: 992px) {
    .offcanvas-header {
        display: block
    }

    .navbar-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        opacity: 0;
        background-color: #fff;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -ms-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
        visibility: hidden
    }

    .navbar-collapse.show {
        visibility: visible;
        opacity: 1
    }
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1500px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex: 1 0 100%;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2)
}

.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.333333%
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    #cookie-notify.show {
        opacity: 1;
        display: block;
        pointer-events: all;
    }

    .iframely-embed {
        display: block;
        margin: 70px auto;
    }


    .px-5 {
        padding-right: 8rem !important;
        padding-left: 8rem !important;
    }

    .ml-3 {
        margin-left: 1rem !important;
    }

    .post-card__footer {
        position: absolute;
        bottom: 0;
    }

    @media screen and (max-width: 1200px) and (min-width: 0px)
        .top-bar {
            display: none !important;
        }
    }


    @media (min-width: 993px) and (max-width: 1110px) {
        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: 1.0rem;
            padding-left: 1.0rem;
            font-size: 0.8em
        }
    }
    .top-bar {
        --padding-tiny: .4vw;
        --padding-large: 1.5vw;
        --padding-sides-large: var(--padding-large);
        background-color: #f7f7f7;
        padding: calc(var(--padding-tiny) * 1.2) var(--padding-sides-large);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .top-bar .motto {
        font-size: 1.1em;
    }

    #tinymce, .typo {
        color: #4a4a4a;
        line-height: 1.4;
    }

    .top-bar .motto p {
        margin: 0;
        font-weight: 600;
    }

    #tinymce p, .typo p {
        margin-top: 5px;
        margin-bottom: 10px;
        font-weight: 400;
        display: block;
    }

    .top-bar .social-wrapper {
        display: grid;
        grid-auto-flow: column;
        -ms-flex-align: center;
        align-items: center;
        grid-gap: 2vw;
    }

    #tinymce span, .typo span {
        color: #E2001A;
    }

    .d-none {
        display: none !important;
    }

    .d-block {
        display: block !important;
    }

    @media (min-width: 992px) {
        .d-lg-block {
            display: block !important
        }
    }
    .d-xl-block {
        display: block !important;
    }

    @media (min-width: 1200px)
        .col-xl-3 {
            flex: 0 0 auto;
            width: 25%;
        }

        /* Related Posts plugin custom CSS */
        /* Area surrounding the related posts */
        .rp4wp-related-posts {
            width: 100%;
        }

        /* Related Posts title */
        .rp4wp-related-posts h3 {
            font-size: 34px;
            color: #474545;
            font-family: times;
            text-align: center;
            text-shadow: 1px 1px 1px #ccc;
            margin-bottom: 20px;
        }

        .rp4wp-related-post-image {
            width: 100% !important;
            padding-right: 0 !important;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            float: left;

        }


        .rp4wp-related-post-image img {
            position: relative;
            /*min-height: calc((100vw - 30px)/ 1.75);*/
            display: flex;
            background-size: cover;
            background-position: 50% 50%;
            justify-content: center;
            align-items: center;
            text-decoration: none;
            position: relative;
            overflow: hidden;
            border-top-left-radius: 14px;
            border-top-right-radius: 14px;
            max-width: 100%;
            height: auto;


            border-top-right-radius: 14px !important;
            border-top-left-radius: 14px !important;
            border-bottom-right-radius: 0 !important;
            border-bottom-left-radius: 0 !important;

            margin: 0 0 20px 0 !important;

        }

        @media (min-width: 576px) {
            .rp4wp-related-post-image img {
                height: calc((50vw - 30px) / 1.75);
            }
        }
        @media (min-width: 768px) {
            .rp4wp-related-post-image img {
                height: 202px;
            }
        }
        @media (min-width: 1024px) {
            .rp4wp-related-post-image img {
                height: 267px;
            }
        }
        @media (min-width: 1280px) {
            .rp4wp-related-post-image img {
                height: 250px;
            }
        }
        @media (min-width: 1440px) {
            .rp4wp-related-post-image img {
                height: 285px;
            }
        }

        .post-card__content h2 {

        }

        .rp4wp-related-posts {
        }


        .rp4wp-related-posts p {
            display: none;
        }


        .rp4wp-related-posts a {
            transition: all .3s ease;
            font-family: Roboto, sans-serif;
            font-style: normal;
            color: #353535;
            text-decoration: none;
            background-color: transparent;
            -webkit-text-decoration-skip: objects;
            text-align: center;
            font-size: 15pt;
            font-weight: 500;
        }


        .rp4wp-related-posts ul {
            --columns: 1;
            display: grid;
            grid-template-columns: repeat( var(--columns), 1fr);
            grid-gap: 20px;
            margin-top: 20px;
        }

        @media (min-width: 768px) {
            .rp4wp-related-posts ul {
                --columns: 2;
            }
        }

        @media (min-width: 972px) {
            .rp4wp-related-posts ul {
                --columns: 3;
            }
        }


        .rp4wp-related-posts ul > li {
            position: relative;
            background: #fff;
            display: block;
            float: left;
            width: 100% !important;
            padding-bottom: 30px;
            flex-direction: column;
            height: 100%;
            justify-content: space-between;
            margin-bottom: 0;
            transition: all .3s ease;
            border-radius: 14px;
            text-align: center;
            -webkit-box-shadow: 0 0 0.5vw rgba(176, 176, 176, .6);
            -moz-box-shadow: 0 0 .5vw rgba(176, 176, 176, .6);
            box-shadow: 0 0 0.5vw rgba(176, 176, 176, .6);
            clear: none !important;
        }

        .header-page {
            padding-left: 0;
        }

        .header-page h1 {
            position: relative;
            display: inline-block; /* Header are 100% width by their default block behaviour */
            margin-bottom: 40px;
            margin-left: 0;
        }


        .header-page h2 {
            transition: all .3s ease;
            font-family: Roboto, sans-serif !important;
            font-style: normal;
            font-weight: 300;
        }

        .header-page h1:before {
            display: block;
            height: .26vw;
            max-width: 7vw;
            border: 0;
            margin: 0;
            background-color: #ff8b07;
            margin-top: 30px;

            position: absolute;
            height: 5px;
            width: 50%;
            left: 0;
            bottom: -20px;
            content: "";
        }


        .products-category-title hr {
            background: rgba(176, 176, 176, .4);
            border: 0;
            height: 1px;
            margin-bottom: 60px;
        }

section{
    margin-top: 60px;
}