/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.4.0, @magento/upward-security-headers: ~1.0.14, @magento/upward-js: ^5.3.2, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.4.1, @magento/peregrine: ~14.3.1, @magento/pagebuilder: ~9.3.1, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.3.3, @apollo/client: ~3.5.0 */
.homePage-root-uLK {

}

.homePage-tempBanner-fKd {
    display: block;
    width: 100%;
}
.mainBanner-root-CIV {
    padding-bottom: 2rem;
}

.mainBanner-rootLoading-q-x {

    height: 20rem;
    background-position: 50% 50%;
    background-size: cover;
}

.mainBanner-slideWrp-9Xw {
    height: auto;
}

.mainBanner-slide-EwO {
    position: relative;
    height: 100%;

    background-position: 50% 50%;
    background-size: cover;
}

@media (min-width: 992px) {
    .mainBanner-slide-EwO {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }
    .mainBanner-photoWrp-rtn {
        grid-column: 2;
    }
}

.mainBanner-textWrp-Qe5 {
    padding: 2rem  1rem;

    text-align: center;
    color: #fff;
}

@media (min-width: 992px) {
    .mainBanner-textWrp-Qe5 {
        grid-row: 1;
        grid-column: 1;
    }
}

@media (min-width: 1280px) {
    .mainBanner-textWrp-Qe5 {
        padding-top: 8rem;
    }
}

.mainBanner-header-adN {
    margin-top: 0;
    margin-bottom: 0.5rem;

    font-size: 2rem;
    font-weight: 600;
    line-height: 1.1em;
    letter-spacing: -0.24px;
}

@media (min-width: 992px) {
    .mainBanner-header-adN {
        font-size: 2.5rem;
    }
}

@media (min-width: 1600px) {
    .mainBanner-header-adN {
        font-size: 4rem;
    }
}

.mainBanner-text-L6z {
    margin-top: 0;
    margin-bottom: 1.5rem;

    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -0.24px;
}

@media (min-width: 992px) {
    .mainBanner-text-L6z {
        font-size: 1.5rem;
    }
}

@media (min-width: 1600px) {
    .mainBanner-text-L6z {
        font-size: 2rem;
    }
}

.mainBanner-linkWrp-Rxf {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.bnrBtnRed {
    /* composese root from button, because cant use composition in global classes */
    display: block;
    padding: 0.75rem;
    max-width: 100%;
    min-width: 9.5rem;
    min-height: 2.75rem;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--stroke);
    background: none;
    outline: none;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);

    color: #fff;

    background-color: var(--color-red);
}

.bnrBtnRed:hover,
.bnrBtnRed:focus {
    background-color: var(--color-pink);
}

.bnrBtnGold {
    /* composese root from button, because cant use composition in global classes */
    display: block;
    padding: 0.75rem;
    max-width: 100%;
    min-width: 9.5rem;
    min-height: 2.75rem;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--stroke);
    background: none;
    outline: none;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);

    color: #fff;

    background-color: var(--color-gold);
}

.bnrBtnGold:hover,
.bnrBtnGold:focus {
    background-color: var(--color-gold-dark);
}

.mainBanner-pagination-9RH {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: .5rem;
}

.mainBanner-paginationItem-GO9 {
    position: relative;

    height: 1rem;
    width: 1rem;
    margin-bottom: 0 !important;

    opacity: 0.1;
    cursor: pointer;
}

.mainBanner-paginationItem-GO9:before {
    content: '';

    position: absolute;
    top: 50%;
    left: 50%;

    width: 0.25rem;
    height: 0.25rem;

    border-radius: 50%;
    background-color: var(--color-green);
    transform: translate(-50%, -50%);

    transition: width 0.3s ease-out, border-radius 0.3s ease-out;
}

.mainBanner-paginationItemActive-fs- {
    opacity: 1;
}

.mainBanner-paginationItemActive-fs-:before {
    width: 1rem;

    border-radius: 4px;
}

.whyWatch-root-1gl {
    margin: 2.5rem 0;

    color: #fff;

    background-color: var(--color-green);
    background-image: url(/pic-bg-av7.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 768px) {
    .whyWatch-root-1gl {
        /* background-image: url('./pic-bg.jpg'); */
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }
}

@media (min-width: 1280px) {
    .whyWatch-root-1gl {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem;
    }
}

.whyWatch-container-e6L {

    padding-top: 2.75rem;
    padding-bottom: 3.1rem;
}

@media (min-width: 1280px) {
    .whyWatch-container-e6L {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
    }
}

.whyWatch-cmsWrp-GLu {

}

.whyWatch-root-1gl h2 {
    text-transform: unset;
}

@media (min-width: 1280px) {
    .whyWatch-root-1gl h2 {
        margin-bottom: 4rem;
    }
}

.whyWatch-root-1gl ul {
    margin: 0;
    padding: 0 3.5rem;

    list-style: none;
}

@media (min-width: 768px) {
    .whyWatch-root-1gl ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
        max-width: 82rem;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1400px) {
    .whyWatch-root-1gl ul {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.whyWatch-root-1gl li a {
    display: grid;
    grid-template-columns: 3.75rem auto;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    align-items: center;

    font-size: 1.25rem;
    text-align: left;
}

@media (max-width: 767px) {
    .whyWatch-root-1gl li + li {
        margin-top: 1.8rem;
    }
}

.whyWatch-root-1gl li a {
    text-decoration: none;
}

.whyWatch-root-1gl li a:hover {
    color: var(--color-green-neptune);
}

.categorySlider-root-7AL {
    overflow: hidden;

    margin-bottom: 2.5rem;
}

@media (min-width: 1280px) {
    .categorySlider-root-7AL {
        margin-bottom: 5rem;
    }
}

.categorySlider-headerWrp-3NE {

    margin-bottom: 1rem;

    text-align: center;
}

@media (min-width: 1024px) {
    .categorySlider-headerWrp-3NE {
        margin-bottom: 2rem;
    }
}

.categorySlider-header-KBT {
    margin-bottom: 1rem;
}

@media (min-width: 1024px) {
    .categorySlider-header-KBT {
        margin-bottom: 3rem;
    }
}

.categorySlider-tabsWrp--co {
    display: flex;
    align-items: center;
    justify-content: center;
}

.categorySlider-tabsItem-8mf {

    position: relative;

    width: 50%;
    max-width: 23rem;

    font-weight: 400;
    color: var(--color-dark-grey);
}

.categorySlider-tabsItem-8mf:before {
    content: '';

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    height: 1px;

    background-color: var(--color-light-green);
}

.categorySlider-tabsItemActive-35V {

    cursor: default;
}

.categorySlider-tabsItemActive-35V:before,
.categorySlider-tabsItem-8mf:hover:before {
    height: 2px;

    background-color: var(--color-green);
}

.categorySlider-rootInner-KWn {
}

@media (min-width: 1602px) {
    .categorySlider-rootInner-KWn {
        --margin: calc((100% - var(--global-maxWidth))/2);

        max-width: calc(100% - var(--margin));
        margin-left: var(--margin);
        margin-right: 0;
        padding-right: 0;
    }
}

.categorySlider-rootInner-KWn .swiper-container {
    overflow: visible;
}

.categorySlider-item-zW8 {
    width: 100%;
    max-width: 22.5rem;
}

.categorySlider-itemLink-RmM {
    position: relative;

    display: block;
}

@media (min-width: 1400px) {
    .categorySlider-itemLink-RmM:hover .categorySlider-itemSideName-v-O {
        opacity: 1;
    }

    .categorySlider-itemLink-RmM:hover .categorySlider-itemPhoto-yco {
        transform: translate(-50%, -2rem);
    }
}

.categorySlider-itemSideName-v-O {
    position: absolute;
    z-index: 1;
    top: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

    margin: 0;
    max-width: 504px;
    max-height: 10px;

    font-size: 4.5rem;
    line-height: 1em;
    font-weight: 800;
    color: var(--color-green);
    letter-spacing: -0.24px;
    text-transform: uppercase;
    /* white-space: nowrap; */
    text-align: center;

    transform: translate(-47%,-50%) rotate(-90deg);
    transform-origin: center;
    opacity: 0;

    transition: opacity 0.2s var(--global-anim-out) 0.35s;

/**
    white border around words
*/
/*    text-shadow:
            -1px -1px 0 #fff,
            1px -1px 0 #fff,
            -1px 1px 0 #fff,
            1px 1px 0 #fff;*/

}

.categorySlider-itemSideTitle-bMs {
    margin: 0;
}

@media (min-width: 768px) and (max-width: 1399px) {
    .categorySlider-itemSideName-v-O {
        opacity: 1;
    }
}

@media (min-width: 1400px) {
    .categorySlider-itemSideName-v-O {
        transition-delay: 0s;
    }
}

.categorySlider-itemPhoto-yco {
    z-index: 2;
    position: relative;
    left: 2rem;

    margin-top: -8rem;
    margin-bottom: 0.75rem;

    transform: translateX(-50%);
    transition: left 0.3s var(--global-anim-out) 0.15s,
                transform 0.3s var(--global-anim-out);
}

@media (min-width: 550px) {
    .categorySlider-itemPhoto-yco {
        left: 50%;
    }
}

.categorySlider-itemName-mp8 {
    margin: 0;

    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-dark-grey);
    text-align: center;
}

@media (max-width: 767px) {
    .swiper-slide-active .categorySlider-itemPhoto-yco {
        left: 50%;
    }

    .swiper-slide-active .categorySlider-itemSideName-v-O {
        opacity: 1;
    }
}


/*
after dicussion with Andeas it say it will be good if animation works from both sides
*/
@media (max-width: 549px) {
    .swiper-slide-prev .categorySlider-itemPhoto-yco {
        left: 75%;
        z-index: 1;
    }
}

.categorySlider-pagination-KFC {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 1.5rem;
}

.categorySlider-paginationItem-DZu {
    position: relative;

    height: 1rem;
    width: 1rem;
    margin-bottom: 0 !important;

    opacity: 0.1;
    cursor: pointer;
}

.categorySlider-paginationItem-DZu:before {
    content: '';

    position: absolute;
    top: 50%;
    left: 50%;

    width: 0.25rem;
    height: 0.25rem;

    border-radius: 50%;
    background-color: var(--color-green);
    transform: translate(-50%, -50%);

    transition: width 0.3s ease-out, border-radius 0.3s ease-out;
}

.categorySlider-paginationItemActive-Ig9 {
    opacity: 1;
}

.categorySlider-paginationItemActive-Ig9:before {
    width: 1rem;

    border-radius: 4px;
}

.categorySlider-dirLeft-V2O .swiper-slide:not(.swiper-slide-active) .categorySlider-itemPhoto-yco{
    transition-delay: 0.5s;
}

.categorySlider-dirRight-WYL{

}

.quality-root-1KS {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    position: relative;
    overflow: hidden;
}

.quality-root-1KS ul {
    padding: 0;
    margin: 0 0 1.5rem;

    list-style: none;
}

.quality-root-1KS li {
    position: relative;

    padding-left: 2.3rem;

    font-size: 1rem;
    color: var(--color-dark-grey);
}

.quality-root-1KS li:before {
    content: '';

    position: absolute;
    top: 0;
    left: 0;

    width: 1.5rem;
    height: 1.5rem;

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.0799V11.9999C21.9988 14.1563 21.3005 16.2545 20.0093 17.9817C18.7182 19.7088 16.9033 20.9723 14.8354 21.5838C12.7674 22.1952 10.5573 22.1218 8.53447 21.3744C6.51168 20.6271 4.78465 19.246 3.61096 17.4369C2.43727 15.6279 1.87979 13.4879 2.02168 11.3362C2.16356 9.18443 2.99721 7.13619 4.39828 5.49694C5.79935 3.85768 7.69279 2.71525 9.79619 2.24001C11.8996 1.76477 14.1003 1.9822 16.07 2.85986' stroke='%23005D4E' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 4L12 14.01L9 11.01' stroke='%23005D4E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.quality-root-1KS .btnWrp {
    text-align: center;
}

.quality-root-1KS li + li {
    margin-top: 0.5rem;
}

.quality-root-1KS h2 {
    margin-bottom: 1.5rem;

    text-transform: none;
}

.quality-container-8Sh {
    padding-top: 2rem;
}

.quality-cmsWrp-M0D{
    max-width: 773px;
    margin: auto;
}

.quality-imgWrp-ueb{
    position: relative;
}

.quality-imgWrp-ueb::after{
    content: '';
    display: block;
    background-color: var(--color-light-grey);
    bottom: 50%;
    height: 100vh;
    position: absolute;
    left: -1rem;
    right: -1rem;
    padding-bottom: 50%;
    z-index: -1;
}

.quality-img-f-5{
    display: block;
    margin: 2rem auto;
}

@media (min-width: 768px) {

    .quality-root-1KS{
        margin-top: 5.5em;
        margin-bottom: 5.5rem;
    }

    .quality-root-1KS li {
        padding-left: 2.5rem;

        font-size: 1.25rem;
    }

    .quality-root-1KS li:before {
        width: 2rem;
        height: 2rem;

        background-size: 2rem;
    }

    .quality-container-8Sh{
        padding-top: 3.25rem;
    }

    .quality-imgWrp-ueb::after{
        left: -2rem;
        right: -2rem;
    }

    .quality-img-f-5{
        margin-top: 3rem;
    }

}

@media (min-width: 1024px) {
    .quality-root-1KS{
        background-color: var(--color-light-grey);
        overflow: visible;
    }

    .quality-container-8Sh {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-top: 5rem;
        padding-bottom: 5rem;
        -moz-column-gap: 2rem;
             column-gap: 2rem;
    }

    .quality-cmsWrp-M0D {
        margin-bottom: 2.5rem;
    }

    .quality-imgWrp-ueb {
        position: absolute;
        /* max-width: 50%;  ???*/
        width: 50%;
        right: 0;
        top: -2rem;
        bottom: -2rem;
        overflow: hidden;
    }

    .quality-imgWrp-ueb::after {
        display: none;
    }

    .quality-img-f-5 {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: left;
           object-position: left;
        margin: 0;
    }
}

@media (min-width: 1280px) {
    .quality-root-1KS{
        margin-top: 6.5em;
        margin-bottom: 6.5rem;
    }
}

@media (min-width: 1024px) {
    .ralfQuote-root-k4E {
        position: relative;
    }

    .ralfQuote-root-k4E:before {
        content: '';
        
        position: absolute;
        z-index: 0;
        top: 2.5rem;
        bottom: 2.5rem;
        left: 0;
        right: 0;

        background-color: var(--color-darkness-green);
    }
}

.ralfQuote-container-bND {
}

@media (max-width: 1023px) {

    .ralfQuote-container-bND {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1024px) {
    .ralfQuote-container-bND {
        position: relative;

        display: grid;
        align-items: center;
        grid-template-columns: 30rem auto;
    }
}

@media (min-width: 1280px) {
    .ralfQuote-container-bND {
        grid-template-columns: 48rem auto;
    }
}

.ralfQuote-imgWrp-Wgy {
    position: relative;
    z-index: 1;
}

.ralfQuote-imgWrp-Wgy img{
    display: block;
    margin: auto;
    width: 80vw;
}

@media (max-width: 1023px) {
    .ralfQuote-imgWrp-Wgy {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.ralfQuote-textWrp-ntH {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 11rem;
    padding-bottom: 2.75rem;
    margin-top: -9rem;

    text-align: center;

    background-color: var(--color-darkness-green);
}

@media (min-width: 1024px) {
    .ralfQuote-textWrp-ntH {
        padding-top: 2.75rem;
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
}

@media (min-width: 1280px) {
    .ralfQuote-textWrp-ntH {
        padding-top: 6rem;   
        padding-bottom: 6rem;
    }
}

.ralfQuote-text-wqG {
    max-width: 36rem;
    padding-top: 4rem;
    margin: 0 auto 2rem;

    font-family: 'Ovo', serif;
    font-size: 1.5rem;
    line-height: 1.3em;
    color: var(--color-light-grey);

    background-position: 50% 0;
    background-image: url("data:image/svg+xml,%3Csvg width='45' height='34' viewBox='0 0 45 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1 1.07756C17.5014 1.07756 16.3041 2.15511 14.5082 4.31021C12.7122 6.34558 11.0361 8.68027 9.47959 11.3143C8.04286 13.9483 7.32449 16.283 7.32449 18.3184C7.32449 18.917 7.44422 19.5755 7.68367 20.2939C7.92313 19.4558 8.46191 18.7374 9.3 18.1388C10.2578 17.4204 11.5748 17.0612 13.251 17.0612C15.7653 17.0612 17.6211 17.7796 18.8184 19.2163C20.1354 20.5333 20.7939 22.2095 20.7939 24.2449C20.7939 26.6395 19.8361 28.7946 17.9204 30.7102C16.1245 32.6259 13.6701 33.5837 10.5571 33.5837C7.8034 33.5837 5.52857 32.8055 3.73265 31.249C2.05646 29.6925 1.03878 27.8367 0.679592 25.6816C0.559864 25.083 0.5 24.1252 0.5 22.8082C0.5 18.2585 1.9966 13.9483 4.9898 9.87755C7.98299 5.68708 11.9939 2.39456 17.0225 0L18.1 1.07756ZM41.8061 1.07756C41.2075 1.07756 40.0102 2.15511 38.2143 4.31021C36.4184 6.34558 34.7422 8.68027 33.1857 11.3143C31.749 13.9483 31.0306 16.283 31.0306 18.3184C31.0306 18.917 31.1503 19.5755 31.3898 20.2939C31.6293 19.4558 32.168 18.7374 33.0061 18.1388C33.9639 17.4204 35.281 17.0612 36.9571 17.0612C39.4714 17.0612 41.3272 17.7796 42.5245 19.2163C43.8415 20.5333 44.5 22.2095 44.5 24.2449C44.5 26.6395 43.5422 28.7946 41.6265 30.7102C39.8306 32.6259 37.3762 33.5837 34.2633 33.5837C31.5095 33.5837 29.2347 32.8055 27.4388 31.249C25.7626 29.6925 24.7449 27.8367 24.3857 25.6816C24.266 25.083 24.2061 24.1252 24.2061 22.8082C24.2061 18.2585 25.7027 13.9483 28.6959 9.87755C31.6891 5.68708 35.7 2.39456 40.7286 0L41.8061 1.07756Z' fill='%23004D40'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

@media (min-width: 1280px) {
    .ralfQuote-text-wqG {
        font-size: 1.9rem;
    }
}

.ralfQuote-signImg-FJb {
    display: inline-block;
    max-width: 60vw;
}

.coupon-root-YaJ {
    position: relative;

    max-width: 120rem;
    margin: 2.5rem auto;

}

@media (min-width: 768px) {
    .coupon-root-YaJ {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }
}

@media (min-width: 1024px) {
    .coupon-root-YaJ {
        padding-top: 6.5rem;
    }
}

@media (min-width: 1280px) {
    .coupon-root-YaJ {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem;
    }
}

@media (max-width: 1023px) {
    .coupon-imgWrp-Cal {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 1024px) {
    .coupon-imgWrp-Cal {
        position: absolute;
        left: 2rem;
        top: 0;
    }
}

@media (min-width: 1600px) {
    .coupon-root-YaJ {
        padding-top: 6.5rem;
    }
    .coupon-imgWrp-Cal {
        left: 0;
    }
}

.coupon-img-9NT {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1600px) {
    .coupon-img-9NT {
        width: 34rem;
    }
}

.coupon-cmsWrp-Q6G {
    padding: 6.125rem 1rem 2.75rem 1rem;
    margin-top: -9rem;
    background-image: url(/bg-qG9.jpg);
    background-size: cover;
    background-position: 50% 50%;
}

@media (min-width: 1024px) {
    .coupon-cmsWrp-Q6G {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
        padding-left: 21rem;
        margin-left: 12rem;
        margin-top: 0;
    }
    .coupon-cmsInner-NRe {
        max-width: 80rem;
        margin-left: auto;
    }
}

.coupon-root-YaJ h2 {
    margin-bottom: 1.5rem;

    color: #fff;
}

@media (min-width: 1024px) {
    .coupon-root-YaJ h2 {
        margin-bottom: 3rem;
    }
}

.coupon-root-YaJ p {
    color: var(--color-light-grey);
}

.coupon-root-YaJ .text-content{
    text-align: center;
}

.coupon-root-YaJ .text-content p {
    max-width: 39rem;
    margin: 0 auto 1.5rem;
}

@media (min-width: 1024px) {
    .coupon-root-YaJ .text-content p {
        margin-bottom: 3rem;
    }
}

.coupon-root-YaJ .value {
    position: relative;
    z-index: 1;

    max-width: 34rem;
    margin-left: auto;
    margin-right: auto;

    font-size: 3rem;
    font-weight: 800;
    letter-spacing: -0.24px;
    line-height: 0.8em;
    text-transform: uppercase;
}

@media (min-width: 480px) {
    .coupon-root-YaJ .value {
        font-size: 3.75rem;
    }
}

@media (min-width: 1024px) {

    .coupon-root-YaJ .value {
        position: absolute;
        bottom: 0.5rem;
        left: 13rem;

        margin-bottom: 0;
    }
}

@media (min-width: 1600px) {

    .coupon-root-YaJ .value {
        left: 20rem;

        font-size: 6.25rem;
    }
}


@media (min-width: 1024px) {

    .coupon-root-YaJ .button {
        font-size: 1.25rem;
    }
}

.shop-blog{
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}
@media (min-width: 768px) {
  .shop-blog {
    margin-top: 4.125rem;
    margin-bottom: 4.125rem;
  }
}

@media (min-width: 860px) {
  .shop-blog{
    margin-top: 5.5rem;
    margin-bottom: 5.5rem;
  }
}

.shop-blog-title{
  text-align: center;
  margin-bottom: 2rem;
}

.shop-blog-item{
  position: relative;
}

.blog-item-link > a{
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

.blog-item-tag{
  text-transform: uppercase;
  line-height: 1;
  margin: 1rem 0;
  font-weight: 600;
}

.blog-item-title{
  margin: 1rem 0 0.5rem;
}

.blog-item-content{
  box-sizing: border-box;
  /* max-width: 522px; */
  padding: 1rem;
  margin: auto;
  text-align: center;
}

.visibility-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  visibility: hidden;
}

@media (min-width: 992px) {
  .shop-blog-title{
    margin-bottom: 3.5rem;
  }

  .blog-item-tag{
    margin: 1.5rem 0 ;
  }

  .blog-item-title{
    margin: 1.5rem 0 1rem;
  }

  .shop-blog{
    margin-top: 4.125rem;
    margin-bottom: 4.125rem;
  }
}

@media (min-width: 1280px) {
  .shop-blog{
    margin-top: 5.5rem;
    margin-bottom: 5.5rem;
  }
}

.blog-item-video{
  position: relative;
  z-index: 2;
  padding-top: 56.31%;
}

.blog-item-video iframe{
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog-item-image.is-active{
  position: relative;
  cursor: pointer;
  z-index: 2;
  background: #eee;
}

.blog-item-video-wrapper{
  display: block;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.65);
  position: absolute;
  padding: 1rem;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
}

.blog-item-video-logo{
  width: 20%;
  max-width: 140px;
  margin: auto;
}

.contacts-root-P9q ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    margin: -2rem 0 0;
    padding: 0 1rem 2.75rem;

    list-style: none;
    overflow: auto;
}

@media (min-width: 768px) {
    .contacts-root-P9q ul {
        -moz-column-gap: 2rem;
             column-gap: 2rem;
    }
}

@media (min-width: 1024px) {
    .contacts-root-P9q ul {
        margin-top: -9rem;
        padding-bottom: 5.5rem;

        font-size: 1.25rem;
    }
}

.contacts-root-P9q li {
    min-width: 17rem;
    padding: 2rem;
    box-sizing: border-box;
    
    color: var(--color-light-green);

    background-color: var(--color-dark-green);
}

.contacts-root-P9q li:last-child .label {
    display: none;
}

.contacts-root-P9q p {
    margin: 0;
}

.contacts-root-P9q a {
    position: relative;
    
    text-decoration: none;
    border-bottom: 1px solid var(--color-light-green);
}

.contacts-root-P9q a:hover {
    border-bottom-color: transparent;
}

.contacts-container-TvB {

    padding-left: 0;
    padding-right: 0;
}

.contacts-root-P9q .block-header {
    margin-top: 0;
    margin-bottom: 0.75rem;

    font-size: 0.75rem;
    text-transform: uppercase;
}

.contacts-root-P9q .label {
    display: block;

    font-weight: 600;
}

.contacts-root-P9q .additional {
    display: block;

    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-green-neptune);
}

.contacts-root-P9q .email {
    margin-top: 0.5rem;
    padding-left: 2rem;

    background-position: 0 0.25rem;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z' stroke='%237FADA5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 6L12 13L2 6' stroke='%237FADA5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.contacts-img-6Y4 {
    width: 100%;
    height: 18.75rem;

    -o-object-fit: cover;

       object-fit: cover;
    -o-object-position: top right;
       object-position: top right;
}

@media (min-width: 1024px) {
    .contacts-img-6Y4 {
        height: 24rem;
    }
}

@media (min-width: 1600px) {
    .contacts-img-6Y4 {
        height: 40rem;
    }
}
.services-root-AWz {
    overflow: hidden;

    margin-bottom: 2.5rem;
}

@media (min-width: 1280px) {
    .services-root-AWz {
        margin-bottom: 5rem;
    }
}

.services-headerWrp-sv9 {

    margin-bottom: 1rem;

    text-align: center;
}

@media (min-width: 1024px) {
    .services-headerWrp-sv9 {
        margin-bottom: 2rem;
    }
}

.services-header-jKV {
    margin-bottom: 1rem;
}

@media (min-width: 1024px) {
    .services-header-jKV {
        margin-bottom: 3rem;
    }
}

.services-tabsWrp-go4 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-tabsItem-Fx0 {

    position: relative;

    width: 50%;
    max-width: 23rem;

    font-weight: 400;
    color: var(--color-dark-grey);
}

.services-tabsItem-Fx0:before {
    content: '';

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    
    height: 1px;

    background-color: var(--color-light-green);
}

.services-tabsItemActive-SUO {

    cursor: default;
}

.services-tabsItemActive-SUO:before,
.services-tabsItem-Fx0:hover:before {
    height: 2px;

    background-color: var(--color-green);
}

.services-rootInner-W-- {
}

@media (min-width: 1602px) {
    .services-rootInner-W-- {
        --margin: calc((100% - var(--global-maxWidth))/2);

        max-width: calc(100% - var(--margin));
        margin-left: var(--margin);
        margin-right: 0;
        padding-right: 0;
    }
}

.services-rootInner-W-- .swiper-container {
    overflow: visible;
}

.services-item-JPF {
    width: 100%;
    max-width: 22.5rem;
}

.services-itemInner-x2x {
    position: relative;

    display: block;

    text-align: center;
}

@media (min-width: 1400px) {
    .services-itemInner-x2x:hover .services-itemSideName-Aa7 {
        opacity: 1;
    }

    .services-itemInner-x2x:hover .services-itemPhoto-unD {
        transform: translate(-50%, -2rem);
    }
}

.services-itemSideName-Aa7 {
    position: absolute;
    z-index: 1;
    top: 50%;

    margin: 0;

    font-size: 4.5rem;
    line-height: 1em;
    font-weight: 800;
    color: var(--color-green);
    letter-spacing: -0.24px;
    text-transform: uppercase;
    white-space: nowrap;

    transform: translate(-37%,-50%) rotate(-90deg);
    transform-origin: center;
    opacity: 0;

    transition: opacity 0.2s var(--global-anim-out) 0.35s;

/**
    white border around words
*/
/*    text-shadow:
            -1px -1px 0 #fff,
            1px -1px 0 #fff,
            -1px 1px 0 #fff,
            1px 1px 0 #fff;*/

}

@media (min-width: 768px) and (max-width: 1399px) {
    .services-itemSideName-Aa7 {
        opacity: 1;
    }
}

@media (min-width: 1400px) {
    .services-itemSideName-Aa7 {
        transition-delay: 0s;
    }
}

.services-itemPhoto-unD {
    position: relative;
    left: 2rem;

    margin-top: -8rem;
    margin-bottom: 0.75rem;

    transform: translateX(-50%);
    transition: left 0.3s var(--global-anim-out) 0.15s,
                transform 0.3s var(--global-anim-out);
}

@media (min-width: 550px) {
    .services-itemPhoto-unD {
        left: 50%;
    }
}

.services-itemName--0r {
    margin: 0 0 0.75rem;

    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-dark-grey);
    text-align: center;
}

.services-itemText-ivP {
    margin: 0 0 0.75rem;
}

@media (max-width: 767px) {
    .swiper-slide-active .services-itemPhoto-unD {
        left: 50%;
    }

    .swiper-slide-active .services-itemSideName-Aa7 {
        opacity: 1;
    }
}


/*
after dicussion with Andeas it say it will be good if animation works from both sides
*/
@media (max-width: 549px) {
    .swiper-slide-prev .services-itemPhoto-unD {
        left: 75%;
        z-index: 1;
    }
}

.services-pagination-Ie0 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 1.5rem;
}

.services-paginationItem-ypS {
    position: relative;
        
    height: 1rem;
    width: 1rem;
    margin-bottom: 0 !important;

    opacity: 0.1;
    cursor: pointer;
}

.services-paginationItem-ypS:before {
    content: '';

    position: absolute;
    top: 50%;
    left: 50%;

    width: 0.25rem;
    height: 0.25rem;

    border-radius: 50%;
    background-color: var(--color-green);
    transform: translate(-50%, -50%);

    transition: width 0.3s ease-out, border-radius 0.3s ease-out;
}

.services-paginationItemActive-lZx {
    opacity: 1;   
}

.services-paginationItemActive-lZx:before {
    width: 1rem;

    border-radius: 4px;
}

.services-dirLeft-ob4 .swiper-slide:not(.swiper-slide-active) .services-itemPhoto-unD{
    transition-delay: 0.5s;
}

.services-dirRight-2ob{

}

.services-itemLink-rrZ {
}
.categoryAdvantages-root-w46 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
    min-height: 22rem;
    background-color: var(--color-light-grey);
}

.categoryAdvantages-cmsBlock-EZo {
    display: none;
}

.categoryAdvantages-title-g0Z {}

.categoryAdvantages-content-zb7 {
    text-align: center;
    overflow: hidden;
}
.categoryAdvantages-sliderWrapper-hIt{
    margin: 1.75rem 0;
}
.categoryAdvantages-slide-0OM {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 1rem;
    max-width: 230px;
    margin: 0 auto 1rem;
}

@media (min-width: 768px) {
    .categoryAdvantages-root-w46 {
        padding-top: 4.125rem;
        padding-bottom: 4.125rem;
        /*min-height: 27.5rem;*/
    }

    .categoryAdvantages-sliderWrapper-hIt{
        margin: 2.75rem 0;
    }
}

@media (min-width: 1280px) {
    .categoryAdvantages-root-w46 {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
    }

    .categoryAdvantages-sliderWrapper-hIt{
        margin: 4rem 0 2rem;
    }
}