/* START ANIMATION CSS */
#hp .animate { position: relative; visibility: hidden; }
#hp section { position: relative; }
#hp .animate-text > h2, #hp .animate-text > h3, #hp .animate-text > p, #hp .animate-text > span, #hp .animate-text > div, #hp .animate-text a.shop-now { position: relative; visibility: hidden; }

.fadeIn {
    -webkit-animation: animat_show 0.8s;
    animation: animat_show 0.8s;
    visibility: visible !important;
}

@-webkit-keyframes animat_show {
    0% {
        opacity: 0;
        top: 150px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

#hp .animated {
    -webkit-animation: animat_show 1.5s;
    animation: animat_show 1.5s;
    visibility: visible !important;
}

#hp .animate-text .animated-text {
    -webkit-animation: animat_show 1.5s;
    animation: animat_show 1.5s;
    visibility: visible;
}
#hp .animate-text .animated-text.black-text { color: #000; }

@keyframes animated {
    0% {
        opacity: 0;
        top: 150px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

@keyframes animated-text {
    0% {
        opacity: 0;
        top: 150px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}
/* END ANIMATION CSS */

/* START GLOBAL */
.module + .module { margin-top: 3rem; }
#hp .cta { display: block; text-transform: uppercase; }
#hp .module-sh { margin-left: -1.5rem; margin-right: -1.5rem; }
#hp .module-img { max-width: 100%; }
.module-sh p.md-sans { font-size: 2.5rem; }
.module-sh p.sm-sans { font-size: 1.8rem; }
h2.lg-sans, h3.md-sans { font-weight: 400; }

@media (min-width: 992px) {
    .module + .module { margin-top: 5rem; }
    .module-sh p.sm-sans { font-size: 2.5rem; }
}
/* END GLOBAL */

/* START HERO */
#hp-hero { margin: 0; }
#hp-hero .row { margin: 0 -1.5rem; }
#hp-hero video { width: 100%; }
#hp-hero .module-sh-copy {
    background-color: #f5efe9;
    margin-top: 1rem;
    padding: 2rem 1.5rem;
}
#hp-hero h2 {
    font-size: 3rem;
    line-height: 1;
    font-weight: 400;
}

@media (min-width: 768px) {
    #hp-hero .row { display: flex; margin: 0; }
    #hp-hero .row .col-sm-8 { font-size: 0; padding: 0 1rem 0 0; }
    #hp-hero .row .col-sm-4 {
        background-color: #f5efe9;
        padding: 0;
    }
    #hp-hero .module-sh-copy { margin-top: 0; }
    #hp-hero h2 { font-size: 3.5rem; }
}

@media (min-width: 992px) {
    #hp-hero { max-width: 1500px; }
    #hp-hero h2 {
        font-size: 5rem;
        margin-bottom: 2rem;
    }
    #hp-hero p {
        margin-bottom: 2.5rem;
    }
}
/* END HERO */

/* START CATEGORIES */
#hp-cats { margin-top: 3rem; }
#hp-cats .module-sh-copy { padding: 0; }
#hp-cats h2 {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 2.5rem;
    margin: 1rem 0 2.4rem;
}
#hp-cats .cta { margin-bottom: 2rem; }

@media (max-width: 991px) {
    #hp-cats .cta span { display: none; }
}

@media (min-width: 768px) {
    #hp-cats { margin-bottom: 0; margin-top: 3rem; }
    #hp-cats .module-inner { padding: 6rem 0; }
    #hp-cats h2 { margin-bottom: 2.5rem; }
    #hp-cats .linkwrap { margin: 0 auto; max-width: 680px; }
}

@media (min-width: 1200px) {
    #hp-cats .col-lg-2 { width: 15.2%; }
    #hp-cats .col-lg-2:last-of-type { width: 24%; }
    #hp-cats .linkwrap { max-width: 100%; }
}
/* END CATEGORIES */

/* START CERTONA */
#hp-certona {
    background-color: #f5efe9;
    margin: 3rem 0;
    padding: .5rem 1.5rem;
    position: relative;
}
[data-certona-scheme] { margin-top: 2rem; }
[data-certona-scheme] h2.related_products_title {
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 2rem;
}
#carousel-certona-product-grid-home_rr { margin: 0 -1.5rem; }
.module-product-grid { margin-top: 1.5rem; padding: 0; }
.module-product-grid .product { margin-bottom: 0; }
.module-product-grid .carousel { padding: 0 1.5rem 3rem 1.5rem; }
.module-product-grid .carousel .carousel-control-wrap { background-color: #f5efe9; margin-bottom: 0; }

@media screen and (max-width: 767px) {
    .module-product-grid .carousel .carousel-control-wrap .carousel-indicators { bottom: 1rem; }
    .module-product-grid .carousel .carousel-control { bottom: 1.5rem; }
    .module-product-grid .carousel .carousel-control-wrap, .module-product-grid { margin: 0; }
}

@media (min-width: 768px) {
    #hp-certona { margin: 3rem 0 5rem; }
    #carousel-certona-product-grid-home_rr { margin: 0 auto; }
    #hp-certona .carousel-inner { margin: 0 auto; width: 95%; }
}
@media (min-width: 1200px) {
    [data-certona-scheme] {
        margin: 0 auto;
        max-width: 120rem;
    }
    #carousel-certona-product-grid-home_rr { margin: 0 auto; }
}
/* END CERTONA */

/* START SPRING SALE */
#hp-springsale .module-sh.module-sh-center {
    background: #d3726e url(/web_assets/img/20200301/hp_spring_sale_mob.jpg);
    background-size: cover;
    padding: 1rem 0;
    text-align: center;
}
#hp-springsale .module-sh-copy {
    color: #FFF;
    padding: 1.8rem 0 2.2rem;
}
#hp-springsale h2 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
}
#hp-springsale p { margin-bottom: 1.3rem; }
#hp-springsale h3 {
    font-size: 2.5rem;
    font-weight: 400;
    text-transform: uppercase;
}
#hp-springsale h2, #hp-springsale h3, #hp-springsale p, #hp-springsale .cta { color: #FFF; }
#hp-springsale .two_offers { margin: 2rem auto 3rem; }
#hp-springsale .two_offers h2.price { font-size: 8rem; line-height: .8; }
#hp-springsale .two_offers h2.price .dollar {
    bottom: 1rem;
    font-size: 5rem;     
    position: relative;
}
#hp-springsale .two_offers p.when_you { font-size: 1.8rem; }
#hp-springsale .two_offers hr { border-color: #FFF; width: 10rem; }
#hp-springsale .btn-primary {
    border: 1px solid #FFF;
    color: #FFF;
}
#hp-springsale .btn-primary:hover {
    background-color: #FFF;
    color: #d3726e;
}
#hp-springsale a.details {
    color: #FFF;
    display: block;
    margin: 3rem auto 0;
}

@media (min-width: 768px) {
    #hp-springsale .module-sh.module-sh-center {
        background: #d3726e url(/web_assets/img/20200301/hp_spring_sale.jpg);
        background-size: cover;
    }
    #hp-springsale .module-sh-copy {
        padding: 3rem 0;
        position: relative;
        top: 0;
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    #hp-springsale h2 { font-size: 4rem; }
    #hp-springsale .two_offers { margin: 5rem auto; width: 75%; }
    #hp-springsale .copy-left { border-right: 1px solid #FFF; float: left; padding: 0; width: 50%; }
    #hp-springsale .copy-right { padding: 0; float: right; width: 50%; }
    #hp-springsale .two_offers h3 { margin-top: -1.5rem; }
    #hp-springsale .two_offers p.when_you { margin-bottom: -1.5rem; }
    #hp-springsale a.btn.btn-primary { margin-top: 5rem; }
}

@media (min-width: 992px) {
    #hp-springsale h2 { font-size: 5rem; }
    #hp-springsale .two_offers { width: 65%; }
    #hp-springsale .two_offers h2 {
        font-size: 5rem;
        line-height: 1;
        font-weight: 400;
        margin-bottom: 2rem;
    }
    #hp-springsale p { margin-bottom: 2.5rem; }
}
/* END SPRING SALE */

/* START IOTM */
#hp-iotm .module-sh-copy {
    margin-top: 1.6rem;
    padding: 1rem 0;
    text-align: center;
}
#hp-iotm h3 { font-weight: 400; text-transform: uppercase; }
#hp-iotm p { padding: 0 2rem; }

@media (min-width: 768px) {
    #hp-iotm .module-sh-copy { margin: 0; padding: 0 5% 0 65%; }
}
@media (min-width: 992px) {
    #hp-iotm .module-sh-copy { margin: 0; padding: 0 7% 0 67%; }
}
/* END IOTM */

/* START OCCASION */
#hp-occasion .module-sh-copy {
    margin-top: 1.6rem;
    padding: 1rem 2rem;
}
@media (min-width: 768px) {
    #hp-occasion .module-sh-copy { margin: 0; padding: 0 55% 0 5%; }
}
@media (min-width: 992px) {
    #hp-occasion .module-sh-copy { margin: 0; padding: 0 58% 0 8%; }
}
@media (min-width: 1200px) {
    #hp-occasion .module-sh-copy { margin: 0; padding: 0 60% 0 10%; }
}
/* END OCCASION */

/* START JACKETS */
#hp-jackets .module-sh-copy {
    margin-top: 1.6rem;
    padding: 1rem 2rem;
}
@media (min-width: 768px) {
    #hp-jackets .module-sh-copy { margin: 0; padding: 0 5% 0 55%; }
}
@media (min-width: 992px) {
    #hp-jackets .module-sh-copy { margin: 0; padding: 0 8% 0 58%; }
}
@media (min-width: 1200px) {
    #hp-jackets .module-sh-copy { margin: 0; padding: 0 13% 0 60%; }
}
/* END JACKETS */

/* START TEE */
#hp-tee .module-sh-copy {
    margin-top: 1.6rem;
    padding: 1rem 2rem;
}
@media (min-width: 768px) {
    #hp-tee .module-sh-copy { margin: 0; padding: 0 35% 0 35%; }
}
@media (min-width: 1024px) {
    #hp-tee .module-sh-copy { margin: 0; padding: 0 36% 0 36%; }
}
@media (min-width: 1200px) {
    #hp-tee .module-sh-copy { margin: 0; padding: 0 38% 0 38%; }
}
/* END TEE */

/* START CURALATE */
section.module.module-olapic-header { margin: 2.5rem auto 0; max-width: 1200px; }
section.module.module-olapic-header .module-inner { padding: 0; }
.module-olapic-header .module-sh-text {
    margin: 0;
    padding: 1rem 0;
    text-align: center;
}
.module-olapic-header hr {
    background-color: transparent;
    border-top: 1px solid #ddd;
    margin: 0 auto 3rem;
    width: 75%;
    visibility: hidden;
}
.module-olapic-header h3.fanreel-heading {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    text-transform: uppercase;
}
.module-olapic-header p {
    font-size: 1.4rem;
    margin: 0 0 1rem 0;
}

.module-olapic-header a.view-gallery {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
}

.module-olapic-header button[aria-label*='Submit a Picture'] {
    background: transparent !important;
    border: 0 none !important;
    color: #000 !important;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    padding: 1rem 2rem !important;
    text-decoration: underline !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    word-spacing: -0.05rem !important;
}

@media (min-width: 768px) {
    .module-olapic-header button[aria-label*='Submit a Picture'] {
        margin-bottom: 1rem !important;
        margin-top: -1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .module-olapic-header p {
        margin: 1rem 3rem 2rem 3rem;
    }

    section.module.module-olapic-header {
        margin: 3rem auto 0;
        max-width: 1200px;
    }
}

@media screen and (min-width: 992px) {
    .module-olapic-header h3.fanreel-heading {
        font-size: 4rem;
    }

    .module-olapic-header p {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 400;
        margin: 1rem 15rem 2rem 15rem;
    }
}
/* END CURALATE */