@charset "UTF-8";
.social-icon {
    vertical-align: middle
}

html body#root #wrap_all #main .header__wrapper {
    min-height: 22.5rem;
    padding: 1.875rem 0;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 64rem) {
    html body#root #wrap_all #main .header__wrapper {
        min-height: 28.25rem
    }
}

html body#root #wrap_all #main .header__wrapper:before {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: ""
}

html body#root #wrap_all #main .header__wrapper:after {
    background-color: #fff;
    height: 1.875rem;
    bottom: -1px;
    width: 100%;
    content: "";
    position: absolute;
    left: 0;
    clip-path: polygon(100% 0, 100% 100%, 0% 100%);
    z-index: 3
}

@media only screen and (min-width: 64rem) {
    html body#root #wrap_all #main .header__wrapper:after {
        height: 4.125rem
    }
}

html body#root #wrap_all #main .header__container {
    grid-template-rows: inherit
}

html body#root #wrap_all #main .header__container.has-thumbnail .header__content {
    order: 1;
    grid-column: 1 / span 14;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 48rem) {
    html body#root #wrap_all #main .header__container.has-thumbnail .header__content {
        grid-column: 2 / span 14
    }
}

@media only screen and (min-width: 64rem) {
    html body#root #wrap_all #main .header__container.has-thumbnail .header__content {
        order: 2;
        grid-column: 9 / span 6
    }
}

html body#root #wrap_all #main .header__container.has-thumbnail .header__post-thumbnail {
    grid-column: 1 / span 14;
    position: relative;
    padding: 1.875rem 1.25rem 1.25rem;
    width: 15.625rem;
    height: 16.25rem;
    z-index: 3;
    background-color: transparent;
    order: 2;
    margin: 1.875rem auto -2.5rem
}

@media only screen and (min-width: 48rem) {
    html body#root #wrap_all #main .header__container.has-thumbnail .header__post-thumbnail {
        width: 20.625rem;
        height: 21.875rem;
        margin-bottom: -4rem;
        grid-column: 2 / span 14
    }
}

@media only screen and (min-width: 64rem) {
    html body#root #wrap_all #main .header__container.has-thumbnail .header__post-thumbnail {
        width: 23.75rem;
        height: 25rem;
        margin-left: 2.125rem;
        grid-column: 3 / span 5;
        order: 1;
        margin-top: 0
    }
}

@media only screen and (min-width: 71.25rem) {
    html body#root #wrap_all #main .header__container.has-thumbnail .header__post-thumbnail {
        width: 28.125rem;
        height: 28.125rem
    }
}

html body#root #wrap_all #main .header__container.has-thumbnail .header__post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 11;
    position: relative
}

html body#root #wrap_all #main .header__container.has-thumbnail .header__post-thumbnail:before,
html body#root #wrap_all #main .header__container.has-thumbnail .header__post-thumbnail:after {
    content: "";
    position: absolute;
    z-index: 1
}

html body#root #wrap_all #main .header__container.has-thumbnail .header__post-thumbnail:before {
    right: 1.25rem;
    left: -1.25rem;
    top: 1.25rem;
    bottom: -1.25rem;
    border: 3px solid #e2e2e2;
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%)
}

@media only screen and (min-width: 64rem) {
    html body#root #wrap_all #main .header__container.has-thumbnail .header__post-thumbnail:before {
        right: 2.125rem;
        left: -2.125rem;
        top: 2rem;
        bottom: -2rem
    }
}

html body#root #wrap_all #main .header__container.has-thumbnail .header__post-thumbnail:after {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
    background-color: #ffffff;
    z-index: 2
}

html body#root #wrap_all #main .header__container .button.background-secondary {
    background-color: transparent;
    background-image: linear-gradient(-45deg, transparent 0.5rem, #2d6ab1 0.5rem)
}

html body#root #wrap_all #main .header__container .button.background-secondary:hover,
html body#root #wrap_all #main .header__container .button.background-secondary:focus {
    background-image: linear-gradient(-45deg, transparent 0.5rem, #72be44 0.5rem);
    color: #fff
}

html body#root #wrap_all #main .header__container .button.scroll-down {
    display: none
}

html body#root #wrap_all #main .header__container .button__icon {
    width: 0.5625rem;
    height: 0.8125rem;
    display: block
}

html body#root #wrap_all #main .header__container .button__icon.double-angle-down {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='9px' height='9px' viewBox='0 0 9 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Single-product' transform='translate(-183.000000, -432.000000)' fill='%23fff' fill-rule='nonzero'%3E%3Cg id='Group-18' transform='translate(168.000000, 417.000000)'%3E%3Cg id='' transform='translate(15.371662, 15.187617)'%3E%3Cpath d='M7.31583751,4.64285159 L4.12833751,7.49519491 L0.919743899,4.64285159 C0.812798504,4.5468986 0.678806428,4.4992969 0.544743899,4.4992969 C0.390196804,4.4992969 0.236306313,4.56227374 0.125681285,4.6657033 C-0.0604125225,4.91941381 -0.0407251083,5.27566409 0.190602902,5.48191381 L3.7531029,8.6483202 C3.96697009,8.84020329 4.28935302,8.84020329 4.5031029,8.6483202 L8.06560254,5.48191381 C8.29704786,5.27538228 8.31685257,4.94050741 8.10954786,4.68808579 C7.90411854,4.45535159 7.54552436,4.43660116 7.31583715,4.64285159 L7.31583751,4.64285159 Z M3.73224354,4.16941381 C3.94611073,4.36129689 4.26849366,4.36129689 4.48224354,4.16941381 L8.04474354,1.00300741 C8.27618885,0.796475887 8.29599357,0.461601019 8.08868885,0.209179401 C7.88213444,-0.0229926109 7.52548576,-0.0420706272 7.29462624,0.165234089 L4.12833715,2.99519527 L0.919743542,0.143554688 C0.812798146,0.0476016998 0.67880607,0 0.544743542,0 C0.390196446,0 0.236305956,0.0629761219 0.125680927,0.166405678 C-0.0604128801,0.418945312 -0.0407254659,0.775664091 0.190602545,0.981913805 L3.73224318,4.16941381 L3.73224354,4.16941381 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat
}

@media only screen and (min-width: 48rem) {
    html body#root #wrap_all #main .header__container .button.hide-on-desktop {
        display: none
    }
}

@media only screen and (max-width: 63.9375rem) {
    html body#root #wrap_all #main .header__content {
        grid-column: 1 / span 14;
        text-align: center
    }
}

html body#root #wrap_all #main .header__content h1,
html body#root #wrap_all #main .header__content .heading-1 {
    font-weight: 800;
    font-size: 1.75rem;
    line-height: 1.4;
    margin: 0 0 2.5rem
}

@media only screen and (min-width: 64rem) {
    html body#root #wrap_all #main .header__content h1,
    html body#root #wrap_all #main .header__content .heading-1 {
        font-size: 2.1875rem;
        line-height: 1.6;
        margin: 0 0 3rem
    }
}

@media only screen and (max-width: 63.9375rem) {
    html body#root #wrap_all #main .header__content .button__group {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

html body#root #wrap_all #main .header__content .button__icon {
    display: none
}