@charset "UTF-8";

/* GENERAL START*/
.landingpage {
}

* {
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6, p {
    font-family: 'Roboto', sans-serif;
}

.shop-h1,
.shop-h2,
.shop-h3,
.shop-h4,
.shop-h5,
.shop-h6,
.cat-h1,
.cat-h2,
.cat-h3,
.cat-h4,
.cat-h5,
.cat-h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 1.1;
    margin-top: 0;
    letter-spacing: -.03em;
    color: #3f3f3f;
    margin-bottom: 1px !important;
    margin-left: -1px;
}

a .shop-h1:hover,
a .shop-h2:hover,
a .shop-h3:hover,
a .shop-h4:hover,
a .shop-h5:hover,
a .shop-h6:hover,
a .cat-h1:hover,
a .cat-h2:hover,
a .cat-h3:hover,
a .cat-h4:hover,
a .cat-h5:hover,
a .cat-h6:hover {
    color: #62765a;
    transition: ease .3s;
}

.shop-p,
.cat-p {
    text-decoration: none;
    margin-top: 0;
}

a {
    text-decoration: none !important;
}

.shop-button,
.cat-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: -.01em;
    min-width: 170px;
    border-radius: 3px;
    white-space: normal;
    transition: all 0.3s;
    color: #fff;
    background-color: #93b792;
    border-color: #93b792;
    box-shadow: none;
}

.shop-button:hover, .shop-button:focus,
.cat-button:hover, .cat-button:focus {
    color: #ffffff;
    background-color: #84ad83;
    border-color: #84ad83;
    box-shadow: none;
}

.shop-button:active,
.cat-button:active {
    outline: none;
}

.shop-button:focus,
.cat-button:focus {
    box-shadow: none;
}

.shop-button:focus, .shop-button:active,
.cat-button:focus, .cat-button:active {
    outline: none !important;
}

.shop-section h2,
.cat-section h2 {
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 0;
    letter-spacing: 3px;
}

/* GENERAL END */

/* BEST SELLERS START */
.shop-best-sellers-title {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.shop-best-sellers-container {
    height: 554px;
    position: relative;
    background: #5c5c5c;
}

.shop-best-sellers-container h1 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* BEST SELLERS END */

/* SLIDESHOW START */

.lr-slideshow-indicators {
	bottom: 165px !important;
}


.lr-slideshow-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #000000 !important;
}

.lr-slideshow-indicators .lr-active {
    background-color: #62765a;
}

.lr-slideshow-control-next-icon,
.lr-slideshow-control-previous-icon {
    filter: invert(1);
}

.lr-slideshow-caption > a {
    text-decoration: none;
}

.lr-slideshow-caption.shop-slideshow-middle,
.lr-slideshow-caption.cat-slideshow-middle {
    top: 31%;
}

.lr-slideshow-caption.shop-slideshow-top,
.lr-slideshow-caption.cat-slideshow-top {
    top: 0%;
}

.lr-slideshow-caption {
    right: 0;
    left: 3%;
    text-align: left;
}

a.shop-slideshow-light,
a.cat-slideshow-light {
    color: #ffffff !important;
}

a.shop-slideshow-dark,
a.cat-slideshow-dark {
    color: #000000 !important;
}

.shop-slideshow-dark,
.cat-slideshow-dark {
    color: #000000;
}

.shop-slideshow-light,
.cat-slideshow-light {
    color: #ffffff;
}

.shop-slideshow-subtitle,
.cat-slideshow-subtitle {
    font-weight: 300;
    font-size: 1.6rem;
    letter-spacing: -.01em;
    margin-bottom: 16px;
    word-wrap: break-word;
}

@media screen and (min-width: 320px) {
    h2.shop-slideshow-subtitle,
    h2.cat-slideshow-subtitle {
        margin-top: -1rem !important;
    }

    .lr-slideshow-item.shop-four-column {
        height: 420px;
    }
}


@media only screen and (max-width: 767px) {

    h1.shop-slideshow-title,
    h1.cat-slideshow-title {
        font-size: 20px !important;
        font-weight: 700 !important;
        margin-top: 6px !important;

    }

    h2.shop-slideshow-subtitle,
    h2.cat-slideshow-subtitle {
        font-size: 18px !important;
    }

    .lr-button.shop-button,
    .lr-button.cat-button {
        font-size: 18px;
    }
}


.shop-slideshow-title,
.cat-slideshow-title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.3;
    margin-bottom: 1.5rem;
    letter-spacing: -.025em;
    word-wrap: break-word;
    margin-top: 22px !important;
}

@media screen and (min-width: 480px) {
    .lr-width-100 {
        width: 72% !important;
        margin-left: 86px !important;
    }
}

.lr-slideshow-control-previous {
    z-index: 10;
}

.lr-slideshow-control-next {
    z-index: 10;
}


.shop-slide-box,
.cat-slide-box {
    display: flex;
    justify-content: space-between;
}

/* SLIDESHOW END */

/* BANNER START */
.shop-banner-image:hover:before {
    opacity: 1;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
}

.shop-banner-image {
    position: relative;
    transition: .3s;
}

@media only screen and (max-width: 767px) {
    .shop-banner-image {
        text-align: center;
    }
}

.shop-banner-image:hover::before {
    opacity: 1;
    top: 20px;
    right: 20px;
    bottom: 20px;
    lefT: 20px;
}

.shop-banner-image:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: 0;
    border: 1px solid #d8e3d4;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    pointer-events: none;
}

.shop-banner-image img {
    transition: .3s;
}

.shop-banner-text,
.cat-banner-text {
    margin-top: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop-banner-text,
    .cat-banner-text {
        margin-top: 17px;
    }
}

@media only screen and (max-width: 767px) {
    .shop-banner-text,
    .cat-banner-text {
        margin-top: 17px;
        text-align: center;
    }
}

.shop-banner-text h3,
.cat-banner-text h3 {
    font-size: 17px;
    line-height: 26px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .shop-banner-text h3,
    .cat-banner-text h3 {
        font-size: 17px;
        line-height: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop-banner-text h3,
    .cat-banner-text h3 {
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .shop-banner-text h3,
    .cat-banner-text h3 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 8px;
    }
}

.shop-banner-text p,
.cat-banner-text p {
    font-size: 14px;
    line-height: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop-banner-text p,
    .cat-banner-text p {
        font-size: 14px;
        line-height: 18px;
        margin-top: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .shop-banner-text p,
    .cat-banner-text p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 6px;
    }
}


/* BANNER END */

/* VIDEO START */
.shop-video-container {
    position: relative;
}

.shop-video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

video#shop-video {
    width: 100%;
}

/* VIDEO END */


/*
 * =====================================================================================================================
 * CATEGORY PAGES
 * =====================================================================================================================
 */
.lr-button.cat-button-black {
    background-color: #0a0a0a;
    color: #ffffff;
}

.cat-text-overlay {
    position: relative;
}

.cat-text-top {
    position: absolute;
    top: 2%;
    left: 2%;
}

.cat-text-bottom {
    position: absolute;
    top: 73%;
    left: 4%;
    transform: translate(-2%, -60%);
}

@media only screen and (max-width: 767px) {
    .cat-text-bottom {
        top: 65%;
    }
}

.cat-white,
.cat-white:hover,
.cat-white:active,
.cat-white:focus {
    color: #ffffff;
}

.cat-black,
.cat-black:hover,
.cat-black:active,
.cat-black:focus {
    color: #0a0a0a;
}

.cat-banner {
    min-height: 150px;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    background: no-repeat left 0 bottom;
}

.cat-banner > .cat-subheader-1 {
    margin-top: 22px;
    padding-left: 10px;
    font-size: 30px;

}

.cat-banner > p {
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 25px;
}

.cat-banner > a {
    padding-left: 10px;
    color: #0a0a0a;
    text-decoration: underline !important;
    font-size: 18px;
}

.cat-banner-title {
    margin-bottom: -41px;
}


#tile-1 .lr-tab-pane {
    padding-top: 20px;
    height: 100%;
}

#tile-1 .lr-navigation-tabs {
    position: relative;
    border: none !important;
    background-color: #fff;
    border-radius: 6px;
}

#tile-1 .lr-navigation-tabs li {
    margin: 0px !important;
}

#tile-1 .lr-navigation-tabs li a {
    position: relative;
    margin-right: 0px !important;
    padding: 20px 40px !important;
    font-size: 16px;
    border: none !important;
    color: #333;
    font-weight: 700;
    letter-spacing: -.03em;
    text-transform: uppercase;
}

#tile-1 .lr-navigation-tabs a:hover {
    background-color: #fff !important;
    border: none;
}

#tile-1 .cat-slider {
    display: inline-block;
    width: 30px;
    height: 4px;
    border-radius: 3px;
    background-color: #93b792;
    position: absolute;
    z-index: 1200;
    bottom: 0;
    transition: all 0.4s linear;
}

#tile-1 .lr-navigation-tabs .lr-active {
    background-color: transparent !important;
    border: none !important;
    color: #0a0a0a !important;
}

.cat-accordion-head i {
    font-size: 1.5em;
    float: right;
}

.cat-accordion-head > .lr-collapsed > i:before {
    content: "\f105";
}

.cat-accordion--header img {
    float: left;
    width: 3%;
    margin-right: 10px;
}

.cat-accordion-header h5 {
    position: relative;
    top: 18px;
    left: 10px;
}

a.cat-link {
    color: #0a0a0a;
    text-decoration: none;
}