@font-face {
    font-display: swap;
    font-family: vag-rundschrift-d;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    src: url(/css/blog_58/fonts/4bde6361fd7d00f157f4.woff2) format("woff2"), url(/css/blog_58/fonts/be7225249dbae1e099f2.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: vag-rundschrift-d;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    src: url(/css/blog_58/fonts/9dc61996254af7f97008.woff2) format("woff2"), url(/css/blog_58/fonts/5704949cce9efbe31ef5.woff) format("woff")
}

.hero-carousel {
    /*left: 50%;*/
    /* margin: -40px -50vw 40px; */
    position: relative;
    /* right: 50%; */
    width: 100%;
    /* margin: 0; */
    background: #3e0e7a;
    display: flex;
}

@media (max-width: 1023px) {
    .hero-carousel {
        margin-bottom: 24px;
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .hero-carousel {
        margin-bottom: 10px
    }
}

.hero-carousel {
    height: 420px
}

@media (max-width: 768px) {
    .hero-carousel {
        height: 272px;
    }
}

.hero-carousel.continue-promo > .pagination-container .pagination {
    left: 15%
}

@media (max-width: 1199px) {
    .hero-carousel.continue-promo > .pagination-container .pagination {
        left: 50%
    }
}

.hero-carousel > .hero-section {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    display: flex;
    align-items: center;
    max-width: 1170px;
    margin: auto;
}

.hero-carousel > .hero-section:not(.active) {
    opacity: 0;
    pointer-events: none
}

.hero-carousel > .carousel-pager {
    display: none;
    position: absolute
}

.hero-carousel > .carousel-pager > svg {
    height: 30px;
    width: 30px;
    fill: #fff
}

.hero-carousel > .carousel-pager.prev > svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media (max-width: 1023px) {
    .hero-carousel > .carousel-pager {
        bottom: 120px;
        display: block
    }

    .hero-carousel > .carousel-pager.next {
        right: 20px
    }

    .hero-carousel > .carousel-pager.prev {
        left: 20px
    }
}

.hero-carousel .pagination-container {
    height: inherit;
    margin: 0 auto;
    max-width: 1140px;
    pointer-events: none;
    position: relative
}

.hero-carousel .pagination-container .pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .2);
    border-radius: 18px;
    bottom: 25px;
    height: 35px;
    left: 50%;
    padding: 10px 13px;
    pointer-events: auto;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hero-carousel .pagination-container .pagination > svg {
    cursor: pointer;
    display: block;
    height: 15px;
    margin: 0 9px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 15px
}

.hero-carousel .pagination-container .pagination > svg:last-of-type {
    margin-right: 0
}

.hero-carousel .pagination-container .pagination > svg:not(.active) .active-marker {
    display: none
}

@media (max-width: 1023px) {
    .hero-carousel .pagination-container .pagination {
        border-radius: 10px;
        height: 20px;
        padding: 4px
    }

    .hero-carousel .pagination-container .pagination > svg {
        height: 12px;
        margin-right: 4px;
        width: 12px
    }
}

.hero-section {
    /*left: 50%;*/
    /*margin: -40px -50vw 40px;*/
    position: relative;
    /*right: 50%;*/
    /*width: 100vw*/
}

@media (max-width: 1023px) {
    .hero-section {
        margin-bottom: 24px;
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .hero-section {
        margin-bottom: 10px
    }
}

.hero-section {
    background: #3e0e7a
}

.hero-section.wide-image .hero-content, .hero-section.wide-image .hero-image {
    /*max-width: 100vw;*/
    max-width: 100%;
    min-height: 360px;
    width: 1141px
}

@media (max-width: 1023px) {
    .hero-section.wide-image .hero-content, .hero-section.wide-image .hero-image {
        min-height: auto;
        width: 376px
    }
}

.hero-section.wide-image .hero-content .title {
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 300
}

.hero-section.wide-image .hero-content .description {
    max-width: 398px
}

.hero-section.wide-image .hero-image {
    left: 0
}

.hero-section.wide-image .hero-image img {
    margin: 0 auto;
    min-height: 360px
}

@media (max-width: 1023px) {
    .hero-section.wide-image .hero-image img {
        min-height: 271px
    }

    .hero-section.homepage-promo .hero-content {
        padding: 0;
    }

    .hero-section.homepage-promo .hero-content:after {
        display: none
    }

    .hero-section.homepage-promo .hero-content:not(.wide-image) .cta {
        margin: 25px auto;
        text-transform: none;
        width: auto
    }

    .hero-section.homepage-promo .hero-content .title {
        font-size: 22px;
        margin-bottom: 10px
    }

    .hero-section.homepage-promo .hero-content .description {
        display: none!important;
    }
}

@media (max-width: 767px) {
    .hero-section.homepage-promo {
        margin-bottom: 0;
        padding: 10px 0;
        flex-direction: column;
    }
}

.hero-section.continue-promo .hero-image {
    height: 360px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2500px
}

.hero-section.continue-promo .hero-image > img {
    max-width: none;
    min-height: 0;
    min-height: auto
}

@media (max-width: 1199px) {
    .hero-section.continue-promo .hero-image {
        height: 428px;
        width: 1200px
    }
}

@media (max-width: 767px) {
    .hero-section.continue-promo .hero-image {
        width: 425px
    }
}

.hero-section.continue-promo .hero-content {
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1024px
}

@media (max-width: 1199px) {
    .hero-section.continue-promo .hero-content {
        padding: 50px 0 0;
        /*width: 100vw;*/
        width: auto;
    }

    .hero-section.continue-promo .hero-content:after {
        display: none
    }
}

.hero-section.continue-promo .hero-content > .title {
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 41px;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    text-align: center
}

.hero-section.continue-promo .hero-content > .title em {
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    position: relative
}

@media (max-width: 1199px) {
    .hero-section.continue-promo .hero-content > .title {
        font-size: 32px;
        margin: 0 auto;
        position: static
    }
}

.hero-section .hero-content, .hero-section .hero-image {
    display: block;
    margin: 0 auto;
    position: relative;
    flex: 1;
}

@media (max-width: 1023px) {
    .hero-section .hero-content, .hero-section .hero-image {
        width: fit-content
    }
}

.hero-section .hero-content {
    color: #fff;
    padding: 44px 54px;
}

.hero-section .hero-content .title {
    font-size: 34px;
    margin: 0 0 5px
}

.hero-section .hero-content .title, .hero-section .hero-content .title > strong {
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400
}

.hero-section .hero-content .description {
    font-size: 17px;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
}

.hero-section .hero-content .cta, .hero-section .hero-content .description {
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-style: normal
}

.hero-section .hero-content .cta {
    background: #fff;
    border-radius: 28px;
    color: #6b33b3;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin: 32px 0 0;
    padding: 19px 28px 15px;
    text-align: center;
    text-decoration: none;
}

@media (max-width: 1023px) {
    .hero-section .hero-content {
        padding: 10px 40px;
        position: relative;
        text-align: center;
        width: fit-content
    }

    .hero-section .hero-content .title {
        font-size: 24px
    }

    .hero-section .hero-content .description {
        font-size: 16px
    }

    .hero-section .hero-content:not(.wide-image) .cta {
        border-radius: 16px;
        font-size: 14px;
        padding: 9px 20px 6px;
        text-transform: uppercase;
        width: 153px
    }

    .hero-section .hero-content:after {
        background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724.042%27 height=%2724.042%27 viewBox=%270 0 24.042 24.042%27%3E%3Cpath fill=%27%23fff%27 d=%27M13.452 22.61a2.024 2.024 0 0 1-2.862 0L1.43 13.453a2.024 2.024 0 1 1 2.862-2.861l7.727 7.727 7.728-7.728a2.024 2.024 0 0 1 2.862 2.862Z%27/%3E%3C/svg%3E") 50%/100% 100% no-repeat;
        content: "";
        display: block;
        height: 24px;
        margin: 10px auto 40px;
        width: 24px
    }
}

.hero-section .hero-image {
    font-size: 0
}

.hero-section .hero-image img {
    /*max-width: 100vw;*/
    width: 100%;
    min-height: 291px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1023px) {
    .hero-section .hero-image img {
        margin-left: auto;
        margin-right: auto;
        min-height: 0;
        min-height: auto
    }
}

.hero-section.premium-promo .hero-image {
    flex: 1;
}

.hero-section.premium-promo .hero-content:not(.wide-image) .cta {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
}

.hero-section.premium-promo .hero-content:not(.wide-image) .cta > svg {
    fill: #b7a2d5
}

@media (max-width: 1023px) {
    .hero-section.premium-promo .hero-content:not(.wide-image) .cta {
        padding: 8px 14px 7px 12px;
        width: auto;
        display: none;
    }

    .hero-section.premium-promo .hero-content:not(.wide-image) .cta > svg {
        height: 16px;
        width: 15px
    }
}

.hero-section.forex {
    background: #4c1b95
}

.hero-section.forex.wide-image .hero-image {
    width: 1500px
}

.hero-section.forex .hero-content {
    padding: 45px 95px
}

.hero-section.forex .hero-content p.description {
    max-width: 330px;
    opacity: .8
}

@media (max-width: 1023px) {
    .hero-section.forex {
        background: #441387
    }

    .hero-section.forex.wide-image .hero-image {
        width: 375px
    }

    .hero-section.forex .hero-content {
        padding: 10px 40px
    }

    .hero-section.forex .hero-content .title {
        font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400
    }
}

.post-summary.featured-a {
    border-bottom: 1px solid #e4e7f0;
    padding-bottom: 1.5rem;
}

.post-summary.featured-a:nth-child(2n) {
    margin-right: 0
}

.post-summary.featured-a figure {
    margin: 0 0 15px;
    position: relative
}

.post-summary.featured-a figure .media {
    width: 100%
}

.post-summary.featured-a figure .category {
    bottom: 0;
    left: 0;
    position: absolute
}

@media (max-width: 767px) {
    .post-summary.featured-a {
        border-bottom: 0;
        margin-bottom: 25px
    }
}

.post-summary figure .media, .post-summary figure .thumbnail {
    border: 1px solid #c4c8d2;
    font-size: 0;
    overflow: hidden
}

.post-summary figure .media img, .post-summary figure .thumbnail img {
    min-height: 100%;
    width: 100%
}

.post-summary .category {
    background-color: rgba(40, 188, 38, .93);
    color: #fff;
    display: inline-block;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    padding: 11px 15px 10px;
    text-decoration: none;
    text-transform: uppercase
}

.post-summary .category a, .post-summary figcaption a {
    color: inherit;
    text-decoration: inherit
}

.post-summary .headline {
    color: #383c42;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
}

.post-summary .headline a {
    color: inherit;
    text-decoration: none;
    display: flex;
    margin-bottom: 10px;
}

.post-summary .byline {
    color: #8d939c;
    font-size: 13px;
    line-height: 15px;
    margin: 0
}

.post-summary .byline a {
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none
}

.post-summary .byline .timestamp {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2715%27 height=%2715%27 viewBox=%270 0 15 15%27%3E%3Cpath d=%27M8.5 298a7.5 7.5 0 1 0 7.5 7.5 7.5 7.5 0 0 0-7.5-7.5m0 13.438a5.938 5.938 0 1 1 5.938-5.939 5.94 5.94 0 0 1-5.938 5.94ZM11 306H8v-4h1v3h2z%27 data-name=%27Clock Timestamp copy 14%27 style=%27fill:%238d939c;fill-rule:evenodd;opacity:.8%27 transform=%27translate%28-1 -298%29%27/%3E%3C/svg%3E") 50%/100% 100% no-repeat;
    background-position: 0;
    background-size: 15px 15px;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding-left: 20px;
    width: 15px;
    width: auto
}

.post-summary .summary {
    color: #444951;
    font-size: 16px;
    line-height: 24px;
}

.posts-collection {
    max-width: 100%
}

.posts-collection > .title {
    color: #fff;
    font-size: 21px;
    margin: 0
}

.posts-collection > .title > span {
    background-color: #444951;
    border-radius: 22px;
    display: inline-block;
    padding: 10px 25px
}

@media (max-width: 1023px) {
    .posts-collection > .title {
        height: inherit;
        margin: 40px 0 50px;
        overflow: hidden;
        position: relative;
        text-align: center
    }

    .posts-collection > .title:before {
        -webkit-box-shadow: 0 0 12px rgba(41, 48, 60, .25);
        box-shadow: 0 0 12px rgba(41, 48, 60, .25);
        content: " ";
        display: block;
        height: 50%;
        left: 0;
        position: absolute;
        top: -1px;
        width: 100%;
        z-index: 800
    }

    .posts-collection > .title:after {
        background: linear-gradient(90deg, #fff 2%, hsla(0, 0%, 100%, 0) 15%, hsla(0, 0%, 100%, 0) 85%, #fff 98%);
        bottom: 0;
        content: " ";
        display: block;
        height: calc(50% + 1px);
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 801
    }

    .posts-collection > .title > * {
        position: relative;
        z-index: 802
    }
}

.posts-collection > .title {
    margin: 0 0 67px
}

.posts-collection > .title-full {
    color: #fff;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    margin: 0
}

.posts-collection > .title-full > span {
    background-color: #444951;
    border-radius: 22px;
    display: inline-block;
    padding: 10px 25px
}

.posts-collection > .title-full {
    height: inherit;
    margin: 0 0 30px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.posts-collection > .title-full:before {
    -webkit-box-shadow: 0 0 12px rgba(41, 48, 60, .25);
    box-shadow: 0 0 12px rgba(41, 48, 60, .25);
    content: " ";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 800
}

.posts-collection > .title-full:after {
    background: linear-gradient(90deg, #fff 2%, hsla(0, 0%, 100%, 0) 15%, hsla(0, 0%, 100%, 0) 85%, #fff 98%);
    bottom: 0;
    content: " ";
    display: block;
    height: calc(50% + 1px);
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 801
}

.posts-collection > .title-full > * {
    position: relative;
    z-index: 802
}

.posts-collection > .posts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    justify-content: space-between;
}

@media (max-width: 1023px) {
    .posts-collection > .posts {
        margin: 0 24px
    }
}

@media (max-width: 767px) {
    .posts-collection > .posts {
        margin: 0
    }
}

.flex {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.flex .thumbnail {
    flex: 2;
}

.flex .content {
    flex: 3;
}

.flex .category {
    font-size: 12px;
    padding: 5px;
}

.flex .headline {
    font-size: 15px;
}

@media (max-width: 1199px) {
    .posts-collection#featured-posts {
        margin: 20px 10px;
    }
}

.posts-collection#featured-lessons .post-summary.featured-a, .posts-collection#trading-opinion .post-summary.featured-a {
    margin-bottom: 20px
}

@media (max-width: 1023px) {
    .posts-collection#featured-lessons .posts > :nth-child(13), .posts-collection#trading-opinion .posts > :nth-child(13) {
        display: none
    }
}

.activity-section {
    display: flex;
    flex-flow: column nowrap;
    margin: 25px 0;
    padding-bottom: 25px;
    border-bottom: 2px solid #dedede;
    overflow: hidden;
}

.activity-section > header .title {
    color: #444951;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    margin: 0
}

.activity-section > header .title > span {
    color: #29bc1e;
    display: block;
    font-size: 30px;
    line-height: 21px
}

.activity-section > header .meta {
    color: #444951;
    font-size: 14px;
    letter-spacing: -.3px;
    margin: 0 0 14px
}

.activity-section > header .divider {
    margin-bottom: 0
}

.activity-section > .items {
    list-style-type: none;
    margin: 0 0 30px;
    padding: 0;
    flex-grow: 1;
    flex-shrink: 1
}

.activity-section > .items > li {
    gap: 1rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e4e7f0;
    padding: 12px 0;
}

.activity-section.two-column > .items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}

.activity-section .visit-button {
    background: #29bb20;
    border: none;
    border-radius: 26px;
    color: #fff;
    display: block;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin: 1rem auto;
    padding: 11px 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.flex-w-2 {
    flex: 2;
    display: flex;
}

.flex-w-3 {
    /*flex: 3;*/
    width: 60%;
}

.activity-section .item {
    /*display: block;*/
}

.activity-section .item .title {
    color: #383c42;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    margin-bottom: 10px;
}

.activity-section .item .meta {
    color: #29bc1e;
    font-size: 14px;
    margin: 0 0 3px
}

time.meta {
    color: #9499a0;
}

.activity-section .item .meta a {
    text-decoration: none
}

.activity-section .item .meta.small {
    font-size: 10px;
    margin-top: 5px;
}

@media (max-width: 1023px) {
    .activity-section {
        margin-bottom: 20px
    }

    .activity-section > header {
        text-align: center
    }

    .activity-section > .items {
        margin-left: 0;
        margin-right: 0
    }

    .activity-section > .items > li {
        padding: 20px 55px
    }

    .activity-section.two-column > .items > li {
        overflow: hidden;
        padding: 12px 0;
        width: calc(50vw - 40px)
    }

    .activity-section.two-column > .items > li:nth-child(2n) {
        margin-left: 30px
    }

    .activity-section .visit-button {
        margin-left: auto;
        margin-right: auto;
        max-width: 310px
    }
}

@media (max-width: 767px) {
    .activity-section:last-of-type {
        margin: 20px 10px;
    }

    .activity-section > header .meta {
        padding-left: 20px;
        padding-right: 20px
    }

    .activity-section > .items > li {
        padding-left: 0;
        padding-right: 0
    }

    .activity-section.two-column > .items > li {
        width: 100%
    }

    .activity-section.two-column > .items > li:nth-child(2n) {
        margin-left: 0
    }

    .activity-section.two-column > .items > li:nth-child(5) {
        border-bottom: none
    }

    .post-summary .headline a {
        font-size: 18px;
    }
}

.marketmilk-promo {
    background: #f4f4f4;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /*margin: 50px 0 30px;*/
    padding: 30px 20px;
    position: relative;
    gap: 1.5rem;
}
@media (max-width: 767px) {
    .marketmilk-promo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        margin: 15px 0 0;
        padding: 35px 30px 40px
    }
}

.marketmilk-promo--microcopy {
    display: flex;
    flex-flow: column;
    /* align-items: center; */
    justify-content: center;
    padding: 15px 0 0;
}

@media (max-width: 1199px) {
    .marketmilk-promo--microcopy {
        padding-top: 0
    }
}

@media (max-width: 767px) {
    .marketmilk-promo--microcopy {
        padding-top: 0;
        text-align: center
    }
}

.marketmilk-promo--microcopy h4 {
    color: #6b33b3;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 20px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media (max-width: 767px) {
    .marketmilk-promo--microcopy h4 {
        margin-bottom: 14px;
        -ms-flex-item-align: center;
        align-self: center
    }
}

.marketmilk-promo--microcopy p {
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    margin: 0
}

@media (max-width: 767px) {
    .marketmilk-promo--microcopy p {
        font-size: 16px;
        margin: 0 auto
    }
}

.marketmilk-promo--microcopy strong {
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400
}

.marketmilk-promo--microcopy .markets {
    display: flex;
    list-style-type: none;
    padding: 0;
    align-items: center;
}

.marketmilk-promo--microcopy .markets li.forex {
    -ms-flex-order: 1;
    margin-right: 12px;
    order: 1
}

.marketmilk-promo--microcopy .markets span {
    background: #3995f5;
    border-radius: 14px;
    color: #fff;
    display: block;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding: 6px 12px 5px;
    text-transform: uppercase;
    white-space: nowrap
}

@media (max-width: 1199px) {
    .marketmilk-promo--microcopy .markets span {
        font-size: 9px;
        padding: 5px 9px 4px
    }
}

@media (max-width: 1023px) {
    .marketmilk-promo--microcopy .markets span {
        font-size: 12px;
        padding: 6px 12px 5px
    }
}

.marketmilk-promo--screenshot {
    /*margin: 0 0 0 20px;*/
    position: relative;
    text-align: center
}

@media (max-width: 767px) {
    .marketmilk-promo--screenshot {
        margin: 20px 0 0;
        position: static
    }
}

.marketmilk-promo--screenshot > picture > img {
    display: block;
    height: 276px;
    margin: 0;
    width: 341px
}

@media (max-width: 1199px) {
    .marketmilk-promo--screenshot > picture > img {
        height: 242px;
        margin-top: 44px;
        -o-object-fit: contain;
        object-fit: contain;
        width: 300px
    }
}

@media (max-width: 1023px) {
    .marketmilk-promo--screenshot > picture > img {
        height: 276px;
        margin-top: 0;
        width: 341px
    }
}

@media (max-width: 767px) {
    .marketmilk-promo--screenshot > picture > img {
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%
    }
}

.marketmilk-promo--cta {
    display: -ms-inline-flexbox;
    display: inline-flex;
    /*margin: 14px 0 0 10px;*/
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    background: #6b33b3;
    border-radius: 30px;
    justify-content: center;
    padding: 10px 11px 12px 20px
}

.marketmilk-promo--cta, .marketmilk-promo--cta:hover, .marketmilk-promo--cta:link, .marketmilk-promo--cta:visited {
    color: #fff;
    text-decoration: none
}

.marketmilk-promo--cta span {
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    position: relative;
    top: 2px
}

@media (max-width: 767px) {
    .marketmilk-promo--cta span {
        font-size: 20px;
        line-height: 20px
    }
}

.marketmilk-promo--cta:after {
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%279.612%27 height=%2715.891%27 fill=%27%236B33B3%27 viewBox=%270 0 9.612 15.891%27%3E%3Cpath d=%27M.488 15.4a1.665 1.665 0 0 1 0-2.355l5.1-5.1-5.1-5.1A1.666 1.666 0 0 1 2.843.488L9.09 6.734l.034.033a1.667 1.667 0 0 1 0 2.357l-.057.054L2.843 15.4a1.667 1.667 0 0 1-2.355 0%27/%3E%3C/svg%3E") 50%/10px 16px no-repeat;
    border-radius: 15px;
    content: "";
    display: block;
    height: 30px;
    margin: 0 0 0 10px;
    width: 30px
}

.marketmilk-promo--features {
    display: grid;
    grid-column-end: 3;
    grid-column-start: 1;
    grid-template-columns:repeat(2,minmax(0,1fr));
    list-style-type: none;
    padding: 0;
    grid-gap: 32px 20px;
    margin: 24px 0 0
}

@media (max-width: 767px) {
    .marketmilk-promo--features {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        grid-gap: initial;
        margin: 40px 0 0
    }
}

.marketmilk-promo--features li {
    display: grid;
    -ms-flex-align: start;
    align-items: start;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap: .8rem;
}

@media (max-width: 767px) {
    .marketmilk-promo--features li {
        margin: 0 0 25px
    }

    .marketmilk-promo--features li:first-child {
        -ms-flex-order: 1;
        order: 1
    }

    .marketmilk-promo--features li:nth-child(3) {
        -ms-flex-order: 2;
        order: 2
    }

    .marketmilk-promo--features li:nth-child(5) {
        -ms-flex-order: 3;
        order: 3
    }

    .marketmilk-promo--features li:nth-child(7) {
        -ms-flex-order: 4;
        order: 4
    }

    .marketmilk-promo--features li:nth-child(9) {
        -ms-flex-order: 5;
        order: 5
    }

    .marketmilk-promo--features li:nth-child(2) {
        -ms-flex-order: 6;
        order: 6
    }

    .marketmilk-promo--features li:nth-child(4) {
        -ms-flex-order: 7;
        order: 7
    }

    .marketmilk-promo--features li:nth-child(6) {
        -ms-flex-order: 8;
        order: 8
    }

    .marketmilk-promo--features li:nth-child(8) {
        -ms-flex-order: 9;
        order: 9
    }

    .marketmilk-promo--features li:nth-child(10) {
        -ms-flex-order: 10;
        order: 10
    }

    .marketmilk-promo--features li:last-of-type {
        margin-bottom: 0
    }
}

.marketmilk-promo--features li a {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase
}

.marketmilk-promo--features li a, .marketmilk-promo--features li a:hover, .marketmilk-promo--features li a:link, .marketmilk-promo--features li a:visited {
    color: #444951;
    text-decoration: none
}

.marketmilk-promo--features li a:after {
    background: #bebebe url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%279.612%27 height=%2715.891%27 fill=%27%23fff%27 viewBox=%270 0 9.612 15.891%27%3E%3Cpath d=%27M.488 15.4a1.665 1.665 0 0 1 0-2.355l5.1-5.1-5.1-5.1A1.666 1.666 0 0 1 2.843.488L9.09 6.734l.034.033a1.667 1.667 0 0 1 0 2.357l-.057.054L2.843 15.4a1.667 1.667 0 0 1-2.355 0%27/%3E%3C/svg%3E") 5px 3px/5px 8px no-repeat;
    border-radius: 50%;
    content: "";
    display: block;
    height: 15px;
    margin: 0 0 0 7px;
    width: 15px
}

.marketmilk-promo--features li p {
    color: #444951;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    margin: 4px 0 0
}

@media (max-width: 767px) {
    .marketmilk-promo--features li p {
        font-size: 14px
    }
}

.site-promos {
    display: flex;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1023px) {
    .site-promos {
        margin-top: 20px
    }
}

.site-promo-box {
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    width: 100%
}

.site-promo-box:before {
    background: #444951;
    border-radius: 6px 6px 0 0;
    content: "";
    display: block;
    height: 11px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.site-promo-box:last-of-type {
    margin-bottom: 0
}

.site-promo-box h4, .site-promo-box h5 {
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0 auto;
    text-align: center
}

.site-promo-box h4 > a:link, .site-promo-box h4 > a:visited, .site-promo-box h5 > a:link, .site-promo-box h5 > a:visited {
    color: inherit;
    text-decoration: none
}

.site-promo-box h4 {
    font-size: 26px;
    color: #6b33b3;
    letter-spacing: -.015em
}

.site-promo-box h5 {
    color: #444951;
    font-size: 16px;
    letter-spacing: -.02em;
    margin-top: 5px
}

.site-promo-box .content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

.site-promo-box .content > * {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

a {
    text-decoration: auto;
}

.site-promo-box .button {
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    background: #29bc1e;
    border-radius: 24px;
    color: #fff;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    margin: 10px auto 0;
    padding: 5px 24px;
    text-decoration: none;
}

.site-promo-box.site-promo-box-timezone h4 {
    color: #6b33b3
}

.site-promo-box.site-promo-box-timezone .button {
    background: #6b33b3
}

@media (max-width: 1199px)and (min-width: 1024px) {
    .site-promo-box .content {
        -webkit-transform: scale(93%);
        transform: scale(93%)
    }
}

@media (max-width: 1023px) {
    .site-promo-box {
        margin-left: 10px;
        margin-right: 10px;
        max-width: 720px;
        width: calc(100% - 20px)
    }
}

@media (max-width: 1023px)and (min-width: 768px) {
    .site-promo-box {
        display: grid;
        grid-template-columns:309px 1fr;
        grid-template-rows:repeat(2, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 0;
        padding: 20px 20px 28px 40px
    }

    .site-promo-box header {
        align-self: end;
        grid-area: 1/2/2/3;
        margin-bottom: 18px
    }

    .site-promo-box .content {
        grid-area: 1/1/3/2
    }

    .site-promo-box .button {
        align-self: start;
        grid-area: 2/2/3/3;
        margin-top: 21px
    }
}

@media screen and (min-width: 1180px) {
    .grid-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media screen and (max-width: 768px) {
    .hero-carousel .pagination-container .pagination {
        bottom: 60px;
    }
}



.site-footer {
    color: #8d939c;
    display: block;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    width: 100%
}

.site-footer a, .site-footer a:link, .site-footer a:visited, .site-footer button {
    color: #8d939c;
    text-decoration: none
}

.site-footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.site-footer {
    background: #33373d
}

.site-footer .legal {
    background: #2b2e32
}

.site-footer .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 30px
}

@media (max-width: 1023px) {
    .site-footer .wrapper {
        display: block;
        padding: 0
    }
}

.site-footer .legal {
    font-size: 12px;
    padding: 24px 0
}

@media (max-width: 1023px) {
    .site-footer .legal .wrapper {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (max-width: 767px) {
    .site-footer .legal .wrapper {
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0
    }
}

.site-footer .legal p {
    margin: 0 30px 0 0
}

@media (max-width: 1023px) {
    .site-footer .legal p {
        margin: 0 0 12px;
        text-align: center
    }
}

.site-footer .legal ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1023px) {
    .site-footer .legal ul {
        margin: 0 auto;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .site-footer .legal ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px;
        padding: 0 10px
    }
}

.site-footer .legal li {
    margin: 0 20px 0 0
}

.site-footer .legal li:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .site-footer .legal li {
        font-size: 10px;
        margin: 0;
        text-align: center
    }
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .5em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

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

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

button {
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0
}

img.lazyload {
    will-change: contents
}

input {
    background: transparent;
    border: none;
    outline: none
}

input:required {
    -webkit-box-shadow: none;
    box-shadow: none
}

input:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input::-ms-clear {
    display: none
}

input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
    -webkit-box-shadow: inset 0 0 0 9999px #fff
}

a:link, a:visited {
    color: #29bc1e
}

a:active, a:hover {
    color: #f90
}

html {
    color: #444951;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff
}

body {
    background: #fff
}

h1, h2, h3, h4, h5, h6 {
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400
}

b, b em, b i, strong, strong em, strong i {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 700
}

b em, b i, strong em, strong i {
    font-style: italic
}

em, em b, em strong, i, i b, i strong {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: italic
}

em b, em strong, i b, i strong {
    font-weight: 700
}

body {
    --logo-primary: #29bc1e;
    --logo-shade: #1a9900;
    --premium-primary: #000
}

body {
    --primary-cta-color: #29bc1e;
    --primary-cta-color-dark-bg: #29bc1e;
    --primary-gradient-stop-color: #0bbfff;
    --secondary-gradient-stop-color: #29bc1e
}

.divider {
    height: 32px;
    overflow: hidden;
    position: relative
}

.divider:before {
    -webkit-box-shadow: 0 0 12px rgba(41, 48, 60, .25);
    box-shadow: 0 0 12px rgba(41, 48, 60, .25);
    height: 50%;
    top: -1px;
    z-index: 800
}

.divider:after, .divider:before {
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.divider:after {
    background: linear-gradient(90deg, #fff 2%, hsla(0, 0%, 100%, 0) 15%, hsla(0, 0%, 100%, 0) 85%, #fff 98%);
    bottom: 0;
    height: calc(50% + 1px);
    z-index: 801
}

.divider > * {
    position: relative;
    z-index: 802
}

.divider {
    margin: 0 0 30px
}

.divider + .divider {
    display: none
}

.site-content {
    width: 1170px
}

@media (max-width: 1199px) {
    .site-content {
        width: 970px
    }
}

@media (max-width: 1023px) {
    .site-content {
        width: auto;
    }
}

.site-content {
    margin: 0 auto
}

@media (max-width: 1023px) {
    .site-content {
        padding: 0
    }
}

.site-header {
    background: #29bc1e;
    display: block;
    height: 60px;
    margin: 0 0 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

@media (max-width: 1023px) {
    .site-header {
        margin: 0
    }
}

.site-header .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: inherit;
    margin: 0 auto;
    max-width: 1500px;
    padding: 0 30px;
    align-items: center;
}

@media (max-width: 1199px) {
    .site-header .wrapper {
        padding: 0 24px
    }
}

.site-header .site-navigation {
    flex-shrink: 0;
    margin: 0 0 0 60px;
    z-index: 9998
}

@media (max-width: 1250px) {
    .site-header .site-navigation {
        margin-left: 0
    }
}

@media (max-width: 1199px) {
    .site-header .site-search {
        -ms-flex-order: 1;
        margin-left: auto;
        order: 1
    }

    .site-header #mb-menu-btn {
        -ms-flex-order: 2;
        margin-left: 23px;
        order: 2
    }
}

.site-search {
    background: inherit;
    display: block;
    position: relative
}

.site-search, .site-search > * {
    height: inherit
}

.site-search.site-search-open {
    background: #29bc1e;
    left: -272px;
    position: relative;
    width: 0;
    z-index: 10000
}

.site-search.site-search-open > * {
    width: 300px
}

.site-search-open .search-button {
    display: none!important;
}

.site-search .search-button {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2713%27 height=%2713%27 viewBox=%270 0 13 13%27%3E%3Cpath d=%27m1083.59 34.626-3.03-3.029a5.115 5.115 0 1 0-1.97 1.97l3.03 3.029a1.393 1.393 0 1 0 1.97-1.97m-10.74-5.516a3.25 3.25 0 1 1 3.25 3.25 3.253 3.253 0 0 1-3.25-3.25%27 style=%27fill:%23fff%27 transform=%27translate%28-1071 -24%29%27/%3E%3C/svg%3E") 50%/100% 100% no-repeat;
    background-position: 50% 50%;
    background-size: 13px;
    height: inherit;
    overflow: hidden;
    text-align: left;
    text-indent: -119988px;
    width: 20px
}

.site-search .search-form {
    height: inherit;
    display: none;
}

.site-search .search-field, .site-search .search-form {
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    /*display: none;*/
}

.site-search-open .search-form {
    display: flex!important;
}

.site-search .search-field {
    background: #fff;
    border-radius: 13px;
    height: 26px;
    width: 266px
}

.site-search .search-field input {
    height: inherit;
    padding: 0 14px;
    width: 100%;
    flex-grow: 1;
    -ms-flex-negative: 1;
    color: #29bc1e;
    flex-shrink: 1;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300
}

.site-search .close-button {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27m1275.48 3374.99 4.98 4.98a1.761 1.761 0 1 1-2.49 2.49l-4.98-4.98-4.99 4.98a1.761 1.761 0 1 1-2.49-2.49l4.98-4.98-4.98-4.99a1.761 1.761 0 0 1 2.49-2.49l4.99 4.98 4.98-4.98a1.761 1.761 0 1 1 2.49 2.49Z%27 style=%27fill:%23fff;fill-rule:evenodd%27 transform=%27translate%28-1265 -3367%29%27/%3E%3C/svg%3E") 50%/100% 100% no-repeat;
    background-size: 10px;
    height: 26px;
    margin: 0 0 0 4px;
    overflow: hidden;
    text-align: left;
    text-indent: -119988px;
    width: 26px
}

@media (max-width: 1199px) {
    .site-search.site-search-open {
        left: 3px;
        position: relative;
        width: auto
    }

    .site-search.site-search-open > * {
        width: auto
    }

    .site-search .search-button {
        background-size: 20px
    }

    .site-search .search-field {
        border-radius: 16px;
        height: 32px
    }

    .site-search .search-field input {
        font-size: 16px
    }

    .site-search .close-button {
        background-size: 16px;
        margin-left: 12px
    }
}

@media (max-width: 767px) {
    .site-search.site-search-open {
        left: 0;
        position: absolute;
        right: 0;
        /*width: 100vw;*/
        width: auto;
    }

    .site-search .search-form {
        padding: 0 16px 0 22px
    }

    .site-search .search-field {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .site-search .search-field input {
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .site-search .search-field .close-button {
        -ms-flex-positive: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.site-title {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .27);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .27);
    color: #444951;
    display: inline-block;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin: 0 16px 0 0;
    position: relative;
    text-align: center;
    text-transform: lowercase;
    z-index: 9999
}

.site-title a {
    color: inherit;
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%
}

.site-title a > svg {
    display: block;
    height: 33px;
    margin: 10px auto 3px;
    width: 33px
}

@media (max-width: 1199px) {
    .site-title {
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: inherit;
        width: auto
    }

    .site-title a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        font-size: 18px
    }

    .site-title a > svg {
        display: inline-block;
        margin: 0 9px 0 0;
        --logo-primary: #fff;
        --logo-shade: #e0e0e0
    }
}

.mobile-navigation {
    display: none;
    height: inherit;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.mobile-navigation > li {
    border-bottom: 1px solid #e4e7f0;
    display: block;
    height: auto;
    margin: 0;
    padding: 16px 30px
}

.mobile-navigation > li:last-of-type {
    border-bottom: none
}

.mobile-navigation > li > a {
    color: #303a4e;
    display: block;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    outline: none;
    padding: 10px 0;
    text-decoration: none;
    text-transform: uppercase
}

.mobile-navigation > li > a > span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: baseline;
    align-items: baseline
}

.mobile-navigation > li.active {
    padding-left: 0
}

.mobile-navigation > li.active > a {
    border-left: 7px solid #29bc1e;
    padding-left: 23px
}


#mb-menu-btn {
    display: none
}

@media (max-width: 1199px) {
    #mb-menu-btn {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 id=%27nav-hamburger%27 width=%2723%27 height=%2717%27 viewBox=%270 0 23 17%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fff}%3C/style%3E%3C/defs%3E%3Crect id=%27Rounded_Rectangle_5%27 width=%2723%27 height=%273.406%27 class=%27cls-1%27 data-name=%27Rounded Rectangle 5%27 rx=%271.7%27 ry=%271.7%27/%3E%3Crect id=%27Rounded_Rectangle_5_copy%27 width=%2723%27 height=%273.375%27 y=%276.813%27 class=%27cls-1%27 data-name=%27Rounded Rectangle 5 copy%27 rx=%271.688%27 ry=%271.688%27/%3E%3Crect id=%27Rounded_Rectangle_5_copy_2%27 width=%2723%27 height=%273.406%27 y=%2713.594%27 class=%27cls-1%27 data-name=%27Rounded Rectangle 5 copy 2%27 rx=%271.7%27 ry=%271.7%27/%3E%3C/svg%3E");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        display: block;
        height: inherit;
        overflow: hidden;
        text-align: left;
        text-indent: -119988px;
        width: 23px
    }

    .menu-open #mb-menu-btn {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27m1275.48 3374.99 4.98 4.98a1.761 1.761 0 1 1-2.49 2.49l-4.98-4.98-4.99 4.98a1.761 1.761 0 1 1-2.49-2.49l4.98-4.98-4.98-4.99a1.761 1.761 0 0 1 2.49-2.49l4.99 4.98 4.98-4.98a1.761 1.761 0 1 1 2.49 2.49Z%27 style=%27fill:%23fff;fill-rule:evenodd%27 transform=%27translate%28-1265 -3367%29%27/%3E%3C/svg%3E")
    }

    .menu-open .mobile-navigation {
        background: #fff;
        border-bottom: 15px solid #29bc1e;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, .13);
        box-shadow: 0 0 27px rgba(0, 0, 0, .13);
        display: block;
        height: auto;
        margin: 0;
        position: absolute;
        right: 0;
        top: 60px;
        width: 375px;
        z-index: 9999
    }
}

@media (max-width: 767px) {
    .menu-open .mobile-navigation {
        /*width: 100vw;*/
        width: auto;
    }
}

.site-navigation {
    display: -ms-flexbox;
    display: flex;
    height: inherit;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.site-navigation > li {
    display: block;
    height: inherit;
    margin: 0 7px 0 0;
    padding: 0
}

.site-navigation > li:last-of-type {
    padding-right: 0
}

.site-navigation > li > a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    height: inherit;
    padding: 8px 0 5px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle
}

.site-navigation > li > a > span {
    background: transparent;
    border-radius: 6px;
    padding: 6px 12px;
    position: relative
}

.site-navigation > li.active > a > span, .site-navigation > li:active > a > span, .site-navigation > li:hover > a > span {
    background: #199800
}

@media (max-width: 1199px) {
    .site-navigation {
        display: none
    }
}

.layout-two-column>:first-child {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    margin-right: 60px;
}

.layout {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
    position: relative;
}

.layout-one-column {
    display: block
}

.layout-two-column {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.layout-two-column > :nth-child(2) {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

@media (max-width: 1023px) {
    .layout-two-column {
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        /*width: 100vw;*/
        width: auto;
    }

    .layout-two-column > :first-child {
        margin: 0;
        width: 100%
    }

    .layout-two-column > :first-child, .layout-two-column > :nth-child(2) {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        flex-shrink: 0
    }
}

.trusted-partner {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    color: inherit;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

@container trusted-partners (max-width: 767px) {
    .trusted-partner {
        gap: 0 12px;
        grid-template-areas:"logo  name  arrow" "logo  desc  arrow";
        grid-template-columns:auto 1fr auto;
        max-width: 330px;
        padding: 15px;
        -ms-flex-align: center;
        align-items: center
    }

    .trusted-partner .trusted-partner--name {
        -ms-flex-item-align: end;
        align-self: end;
        border-top: none;
        font-size: 17px;
        margin-top: 0;
        padding-top: 0
    }

    .trusted-partner .trusted-partner--description {
        -ms-flex-item-align: start;
        align-self: start;
        margin: 0
    }

    .trusted-partner .trusted-partner--cta {
        display: none
    }
}

a.trusted-partner {
    cursor: pointer
}

a.trusted-partner, a.trusted-partner:hover, a.trusted-partner:link {
    text-decoration: none
}

a.trusted-partner:hover {
    border-color: #ccc;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .08)
}

.trusted-partner--logo {
    border: 1px solid #ebebeb;
}

.trusted-partner--logo > img {
    height: 100%;
    width: 100%
}

.trusted-partner--name {
    border-top: 2px solid #ebebeb;
    color: #444950;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    grid-area: name;
    margin-top: 16px;
    padding-top: 16px
}

.trusted-partner--description {
    color: #727272;
    font-size: 13px;
    grid-area: desc;
    line-height: 1.4;
    margin: 6px 0 18px
}

.trusted-partner--cta {
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    grid-area: cta
}

.trusted-partner--cta, .trusted-partner--cta:hover, .trusted-partner--cta:link {
    color: #6b33b3;
    text-decoration: none
}

.trusted-partner--cta.btn {
    background: #6b33b3;
    border-radius: 14px;
    font-size: 14px;
    justify-self: start;
    padding: 3px 10px;
    width: fit-content;
}

.trusted-partner--cta.btn, .trusted-partner--cta.btn:hover, .trusted-partner--cta.btn:link {
    color: #fff
}

.site-content > .trusted-partners {
    /*left: 50%;*/
    /*margin: -40px -50vw 40px;*/
    position: relative;
    /*right: 50%;*/
    /*width: 100vw*/
}

@media (max-width: 1023px) {
    .site-content > .trusted-partners {
        margin-bottom: 24px;
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .site-content > .trusted-partners {
        margin-bottom: 10px
    }
}

.site-content > .trusted-partners {
    padding: 20px 0
}

.site-content > .trusted-partners .trusted-partners--grid, .site-content > .trusted-partners .trusted-partners--heading {
    width: 1170px
}

@media (max-width: 1199px) {
    .site-content > .trusted-partners .trusted-partners--grid, .site-content > .trusted-partners .trusted-partners--heading {
        width: 970px
    }
}

@media (max-width: 1023px) {
    .site-content > .trusted-partners .trusted-partners--grid, .site-content > .trusted-partners .trusted-partners--heading {
        /*width: 100vw*/
        width: auto;
    }
}

.site-content > .trusted-partners .trusted-partners--heading h4 {
    text-align: left
}

aside > .trusted-partners {
    border-radius: 6px;
    margin-bottom: 30px;
    padding: 30px 20px
}

aside > .trusted-partners .trusted-partners--heading.more {
    padding: 0;
    -ms-flex-pack: justify;
    justify-content: space-between
}

aside > .trusted-partners .trusted-partners--heading.more h4 {
    font-size: 16px;
    text-align: left
}

@media (max-width: 767px) {
    aside > .trusted-partners .trusted-partners--heading.more h4 {
        text-align: center
    }
}

aside > .trusted-partners .trusted-partners--heading.more h4 > span {
    padding-left: 16px;
    padding-right: 16px
}

aside > .trusted-partners .trusted-partners--view-all {
    font-size: 15px;
    gap: 5px
}

.trusted-partners {
    background: #f5f5f5;
    container-name: trusted-partners;
    container-type: inline-size
}

.trusted-partners .trusted-partner {
    height: 100%;
    max-width: none
}

.trusted-partners--heading {
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 24px;
    -ms-flex-align: end;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.trusted-partners--heading h4 {
    color: #fff;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    text-align: center
}

.trusted-partners--heading h4 > span {
    background-color: #444951;
    border-radius: 22px;
    display: inline-block;
    padding: 8px 25px
}

.trusted-partners--view-all {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: vag-rundschrift-d, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.trusted-partners--view-all, .trusted-partners--view-all:hover, .trusted-partners--view-all:link, .trusted-partners--view-all:visited {
    color: #6b33b3
}

.trusted-partners--view-all:hover {
    text-decoration: underline
}

.trusted-partners--view-all > i {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%277.939%27 height=%2713.877%27 viewBox=%270 0 7.939 13.877%27%3E%3Cpath fill=%27none%27 stroke=%27%236b33b3%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m1.414 1.414 5.524 5.524-5.524 5.524%27/%3E%3C/svg%3E") 50%/contain no-repeat;
    display: inline-block;
    height: 14px;
    width: 8px
}

.trusted-partners--grid {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    margin: 0 auto;
    grid-gap: 20px;
    gap: 20px
}

@media (max-width: 1023px) {
    .trusted-partners--grid {
        gap: 10px;
        padding: 0 10px
    }
}

@container trusted-partners (max-width: 1024px) {
    .trusted-partners--heading {
        padding: 0 10px
    }
}

@container trusted-partners (max-width: 767px) {
    .trusted-partners--heading {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .trusted-partners--heading h4 {
        font-size: 16px;
        margin: 0
    }

    @media (max-width: 767px) {
        .trusted-partners--heading {
            -ms-flex-flow: column;
            flex-flow: column;
            gap: 20px
        }
    }.trusted-partners--view-all {
         gap: 5px
     }

    .trusted-partners--grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        padding: 0
    }

    .trusted-partners--grid > div {
        container-name: trusted-partner;
        container-type: inline-size;
        max-width: 500px;
        width: 100%
    }

    .site-content > .trusted-partners .trusted-partners--heading h4 {
        text-align: center
    }

    .site-content > .trusted-partners .trusted-partners--grid {
        padding: 0 15px
    }
}

@-webkit-keyframes spinner-line-fade-more {
    0%, to {
        opacity: 0
    }
    1% {
        opacity: 1
    }
}

@keyframes spinner-line-fade-more {
    0%, to {
        opacity: 0
    }
    1% {
        opacity: 1
    }
}

@-webkit-keyframes spinner-line-fade-quick {
    0%, 39%, to {
        opacity: .25
    }
    40% {
        opacity: 1
    }
}

@keyframes spinner-line-fade-quick {
    0%, 39%, to {
        opacity: .25
    }
    40% {
        opacity: 1
    }
}

@-webkit-keyframes spinner-line-fade-default {
    0%, to {
        opacity: .22
    }
    1% {
        opacity: 1
    }
}

@keyframes spinner-line-fade-default {
    0%, to {
        opacity: .22
    }
    1% {
        opacity: 1
    }
}

@-webkit-keyframes spinner-line-shrink {
    0%, 25%, to {
        opacity: .25;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    26% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes spinner-line-shrink {
    0%, 25%, to {
        opacity: .25;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    26% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.max-line-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}

.line-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.max-line-2 {
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.max-line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.page-size {
    display: flex;
    gap: .5rem;
    justify-content: center;
    align-items: center;
    margin: 2rem 0;
}

.page-size a {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    float: left;
    background: transparent;
    border: solid 1px #ececec;
    color: #111;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-decoration: auto;
    /*border-radius: 99px;*/
    padding: 0 10px;
}

.page-size a.is-current {
    background: #29bc1e;
    border: solid 1px #29bc1e;
    color: #fff;
}

.page-size span {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    float: left;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    background: #29bc1e;
    border: solid 1px #29bc1e;
    color: #fff;
    /*border-radius: 99px;*/
}

.page-size a:hover, .page-size span:hover {
    background: #29bc1e;
    border-color: #29bc1e;
    color: #fff;
}

.page-size ul {
    display: flex;
    gap: 1.5rem;
    justify-content: start;
    align-items: center;
}

.page-size ul, .page-size li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.padding-0-10 {
    padding: 0 10px;
}

.article-info p, .article-info li {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.3;
}

.article-info ul, .article-info li {
    list-style: disc;
}

.article-info ul {
    padding-left: 2rem;
}

.article-info table {
    width: 100%;
    font-size: 10px;
}

.article-info h1, .article-info h2, .article-info h3, .article-info h4, .article-info h5, .article-info h6 {
    font-weight: 700;
    margin: 10px 0;
    color: #000;
    line-height: 1.1;
}

.article-info h1 {
    font-size: 30px;
}

.article-info h2 {
    font-size: 28px;
}

.article-info h3 {
    font-size: 25px;
}

.article-info h4 {
    font-size: 22px;
}

.article-info h5, .article-info h6 {
    font-size: 19px;
}

.article-info a {
    color: #29bc1e;
    text-decoration: underline;
}

.article-info img {
    max-width: 450px;
    width: 100%;
}

.to-top {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    width: 2.5rem;
    height: 2.5rem;
    background: #29bc1e;
    font-size: 2rem;
    color: #fff;
    z-index: 50;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    border: none;
}

.to-top img {
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
}

.to-top.show {
    opacity: 1;
    visibility: visible
}

.to-top:hover {
    opacity: .9;
    background: #5bf54f;
}

.logo-img {
    max-width: 180px;
    height: 40px;
}

.post-img {
    aspect-ratio: 16 / 9;
    width: 100%;
}


.full-post {
    --theme-primary-color: #55c51f;
    --theme-ad-primary: #55c51f;
    --theme-ad-secondary: #6b33b3;
    --theme-ad-star: #22a8d3;
    --theme-ad-hourglass: #55c51f;
    --theme-ad-faded: #9ad57d;
    --theme-ad-box: #55c51f
}

.full-post header {
    margin: 0 0 25px
}

.full-post .byline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #8d939c;
    font-size: 13px
}

.full-post .byline a {
    font-family: vag-rundschrift-d,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none
}

.full-post .byline .timeline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 21px;
    margin-bottom: 10px
}

.full-post .byline .timestamp {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2715%27 height=%2715%27 viewBox=%270 0 15 15%27%3E%3Cpath d=%27M8.5 298a7.5 7.5 0 1 0 7.5 7.5 7.5 7.5 0 0 0-7.5-7.5m0 13.438a5.938 5.938 0 1 1 5.938-5.939 5.94 5.94 0 0 1-5.938 5.94ZM11 306H8v-4h1v3h2z%27 data-name=%27Clock Timestamp copy 14%27 style=%27fill:%238d939c;fill-rule:evenodd;opacity:.8%27 transform=%27translate%28-1 -298%29%27/%3E%3C/svg%3E") 50%/100% 100% no-repeat;
    background-position: 0;
    background-size: 15px 15px;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding-left: 20px;
    width: auto
}

@media(max-width: 1023px) {
    .full-post header {
        margin:30px 25px 25px
    }

    .full-post .headline {
        font-size: 48px
    }
}

@media(max-width: 767px) {
    .full-post .headline {
        font-size:28px;
        text-align: center
    }

    .full-post .byline {
        display: block
    }

    .full-post .byline .timeline {
        -ms-flex-flow: column;
        flex-flow: column;
        margin-bottom: 0
    }

    .full-post .byline .timestamp {
        background: none;
        padding: 0
    }

    .full-post .divider {
        margin: 0 0 30px
    }
}

@media screen and (max-width: 768px) {
    .layout-one-column {
        margin: 20px 10px;
    }

    .forums-activity-section {
        margin: 20px 10px;
    }

    .activity-section.two-column > .items {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}