/*==============================================================
    Where To Buy
==============================================================*/

.page-id-994 .spyx-wtb-hero{
    position:relative;
    height:440px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#000;
}

.page-id-994 .spyx-wtb-hero-bg{
    position:absolute;
    inset:0;
    z-index:1;
}

.page-id-994 .spyx-wtb-hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.page-id-994 .spyx-wtb-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.96) 0%,
        rgba(0,0,0,.82) 32%,
        rgba(0,0,0,.35) 58%,
        rgba(0,0,0,.08) 100%
    );
    z-index:2;
}

.page-id-994 .spyx-wtb-hero .spyx-container{
    position:relative;
    z-index:3;
    width:100%;
}

.page-id-994 .spyx-wtb-hero-content{
    padding-top:50px;
}

.page-id-994 .spyx-wtb-hero-content h1{
    margin:0 0 18px;
    color:#fff;
    font-family:'Oswald',sans-serif;
    font-size:72px;
    line-height:.92;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.page-id-994 .spyx-wtb-hero-content h1 .red{
    color:#e31b23;
}

.page-id-994 .spyx-wtb-hero-content h1::after{
    content:"";
    display:block;
    width:170px;
    height:3px;
    background:#e31b23;
    margin-top:18px;
    margin-bottom:22px;
}

.page-id-994 .spyx-wtb-hero-content p{
    margin:0 0 30px;
    color:rgba(255,255,255,.82);
    font-size:15px;
    line-height:1.8;
    max-width:340px;
}

.page-id-994 .spyx-wtb-hero-bg img{
    object-position:center right;
    transform:scale(.92);
}

.page-id-994 .spyx-btn{
    border:2px solid #e31b23;
    background:transparent;
    color:#fff;
    padding:14px 34px;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.page-id-994 .spyx-btn:hover{
    background:#e31b23;
}

/*==============================================================
    Retailers
==============================================================*/

.page-id-994 .spyx-retailers{
    background:#000;
    padding:90px 0;
}

.page-id-994 .spyx-section-title{
    margin:0 0 50px;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    font-family:'Oswald',sans-serif;
    font-size:40px;
}

.page-id-994 .coming-title{
    margin-top:90px;
}

/*==============================================================
    Logo Slider
==============================================================*/

.page-id-994 .spyx-logo-slider{
    position:relative;
    overflow:hidden;
    width:100%;
}

.page-id-994 .spyx-logo-track{
    display:flex;
    align-items:center;
    width:max-content;
    animation:spyxLogoScroll 35s linear infinite;
}

.page-id-994 .spyx-logo-slider:hover .spyx-logo-track{
    animation-play-state:paused;
}

.page-id-994 .spyx-logo-item{
    width:240px;
    height:140px;
    margin-right:28px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#111;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;

    transition:.35s ease;
}

.page-id-994 .spyx-logo-item:hover{
    border-color:#c8102e;
    transform:translateY(-6px);
    box-shadow:0 0 30px rgba(200,16,46,.25);
}

.page-id-994 .spyx-logo-item img{
    max-width:70%;
    max-height:70%;
    object-fit:contain;
}

/*==============================================================
    Animation
==============================================================*/

@keyframes spyxLogoScroll{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

/*==============================================================
    International Distributors
==============================================================*/

.page-id-994 .spyx-distributors{
    background:#000;
    padding:120px 0;
    position:relative;
}

.page-id-994 .spyx-distributors-grid{
    display:grid;
    grid-template-columns:520px 1fr;
    gap:70px;
    align-items:center;
}

/*--------------------------------------------------------------
Image
--------------------------------------------------------------*/

.page-id-994 .spyx-distributors-image{
    position:relative;
}

.page-id-994 .spyx-distributors-image img{
    width:100%;
    display:block;
    border-radius:18px;
}

.page-id-994 .corner{
    position:absolute;
    width:55px;
    height:55px;
    border:3px solid #d71920;
    pointer-events:none;
}

.page-id-994 .corner-tl{
    top:-14px;
    left:-14px;
    border-right:none;
    border-bottom:none;
}

.page-id-994 .corner-tr{
    top:-14px;
    right:-14px;
    border-left:none;
    border-bottom:none;
}

.page-id-994 .corner-bl{
    bottom:-14px;
    left:-14px;
    border-right:none;
    border-top:none;
}

.page-id-994 .corner-br{
    bottom:-14px;
    right:-14px;
    border-left:none;
    border-top:none;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

.page-id-994 .spyx-distributors-content{
    color:#fff;
}

.page-id-994 .spyx-distributors-title{
    margin:0 0 30px;
    font-size:40px;
    line-height:1;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    font-family:'Oswald',sans-serif;
}

.page-id-994 .spyx-distributors-title .white{
    color:#fff;
}

.page-id-994 .spyx-distributors-title .red{
    color:#d71920;
}

.page-id-994 .spyx-distributor-description{
    color:rgba(255,255,255,.82);
    font-size:17px;
    line-height:1.9;
    margin-bottom:45px;
}

.page-id-994 .spyx-distributor-description p{
    margin:0 0 18px;
}

.page-id-994 .spyx-distributor-description p:last-child{
    margin-bottom:0;
}

/*--------------------------------------------------------------
Regions
--------------------------------------------------------------*/

.page-id-994 .spyx-region-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.page-id-994 .spyx-region-card{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 20px;
    border:1px solid rgba(215,25,32,.55);
    border-radius:12px;
    background:rgba(255,255,255,.02);
    transition:.35s ease;
}

.page-id-994 .spyx-region-card:hover{
    background:#d71920;
    border-color:#d71920;
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(215,25,32,.35);
}

.page-id-994 .spyx-region-icon{
    width:38px;
    height:38px;
    border-radius:50%;
    background:rgba(215,25,32,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d71920;
    flex-shrink:0;
    transition:.35s;
}

.page-id-994 .spyx-region-card:hover .spyx-region-icon{
    background:#fff;
    color:#d71920;
}

.page-id-994 .spyx-region-name{
    font-size:15px;
    font-weight:700;
    letter-spacing:.8px;
    text-transform:uppercase;
}

/*--------------------------------------------------------------
Info Items
--------------------------------------------------------------*/

.page-id-994 .spyx-info-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-bottom:22px;
}

.page-id-994 .spyx-info-item:last-child{
    margin-bottom:0;
}

.page-id-994 section.spyx-distributors{
    padding-top:0;
    padding-bottom:80px;
}

.page-id-994 .spyx-info-icon{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#c41e1e;
    font-size:24px;
    flex-shrink:0;
}

.page-id-994 h2.spyx-distributors-title{
    font-family:'Oswald',sans-serif;
    font-size:40px;
}

.page-id-994 h2.spyx-section-title{
    font-family:'Oswald',sans-serif;
    font-size:40px;
}

.page-id-994 .spyx-info-item p{
    margin:0;
    color:rgba(255,255,255,.82);
    line-height:1.8;
}

/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/

@media (max-width:1024px){

    .page-id-994 .spyx-distributors-grid{
        grid-template-columns:1fr;
        gap:60px;
    }

    .page-id-994 .spyx-distributors-image{
        max-width:650px;
        margin:0 auto;
    }

    .page-id-994 .spyx-distributors-content{
        text-align:center;
    }

    .page-id-994 .spyx-region-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:767px){

    .page-id-994 .spyx-distributors{
        padding:80px 0;
    }
 .page-id-994 .spyx-wtb-hero-content h1 {
    font-size: 48px !important;
}
.page-id-994 .spyx-wtb-hero-bg img {
    object-position: center;
}
    .page-id-994 .spyx-distributors-title{
        font-size:38px;
    }

    .page-id-994 .spyx-distributor-description{
        font-size:16px;
    }

    .page-id-994 .spyx-region-grid{
        grid-template-columns:1fr;
    }

    .page-id-994 .spyx-region-card{
        padding:16px;
    }

    .page-id-994 .spyx-info-item{
        text-align:left;
    }

}