a#inspiration {
    /*padding: 3px 15px !important;
    border: 2px solid #000;
    border-radius: 2px;
    margin-top: 8px;*/
}

/* ----- BFF Deals -----------*/

.nav-item:hover .nav-link#BFF_deals:after {
    opacity: 1;
}

.nav-item .nav-link#BFF_deals:after{
    transition: opacity 150ms linear;
    content: " ";
    width: 100%;
    height: 4px;
    background-color: #000;
    position: absolute;
    bottom: -11px;
    left: 0;
    opacity: 0;
}

a#BFF_deals {
    background-color: #fff200;
    padding: 3px 15px!important;
    border-radius: 2px;
    margin-top: 11px;
    position: relative;
    border-bottom: none;
}

.nav-item:hover .nav-link#BFF_deals {
    border-bottom: none;
}

/*---------------------------------*/

.product-tile .ratings .text-m{
    display: block !important;
}

.product-badge.OnlineExclusive {
    background-color: #000;
    color: #fff;
    font: normal .875rem Lineto,Arial,Helvetica,sans-serif;
    line-height: 1.0625rem;
    position: absolute;
    top: -2rem;
    right: 0rem;
    padding: 0.5rem 1.5rem;
}

@media (max-width: 425px) {
    .product-badge.OnlineExclusive {
        font-size: 0.5rem;
        padding: 0.25rem 1rem;
    }
}

.product-badge.OnlineExclusive:before {
    content: "Web Exclusive";
}


/*
.product-badge.BFF {
    background-color: #ffde00;
    color: #333;
    font: bold .875rem Lineto,Arial,Helvetica,sans-serif;
    line-height: 1.0625rem;
    position: absolute;
    top: -2rem;
    right: 0rem;
    padding: 0.5rem 1.0rem;
    display: none;
}
.pdp-main .product-badge.BFF, .pdp-main .product-badge.OnlineExclusive {

    top: 0rem;

}

.pdp-main .product-badge.BFF{
    display: none;
}

.product-badge.BFF:before {
    content: "BFF Deals";
}

.primary-images.product-badge.BFF {
    top: 0!important;
}

*/

@media (max-width: 425px) {
    .product-badge.OnlineExclusive {
        font-size: 0.5rem;
        padding: 0.25rem 1rem;
    }
}

.TheWild {
    background-color:transparent;
    width:125px;
    height:125px;
    background-image:url('images/slot/badges/wild-en.gif?$staticlink$');
}

.product-image > .TheWild, .image-container > .TheWild {
    background-color:transparent;
    width:125px;
    height:125px;
    background-image:url('images/slot/badges/wild-en.gif?$staticlink$');
    background-size: 110px 110px;
    background-repeat: no-repeat;
    top: -1.625rem;
    right: -2.625rem;
}

@media only screen and (max-width: 1024px) {
    .TheWild {
        background-size: 110px 110px;
        background-repeat: no-repeat;
        top: 0.375rem;
        right: 2.375rem;
    }
    .product-image > .TheWild, .image-container > .TheWild {
        top: -2.625rem;
        right: -3.625rem;
        background-size: 100px 100px;
    }
}


@media only screen and (max-width: 767px) {
    .TheWild {
        background-size: 80px 80px;
        background-repeat: no-repeat;
        top: 0.375rem;
        right: -2.625rem;
    }
    .product-image > .TheWild, .image-container > .TheWild {
        background-size: 80px 80px;

    }

}



/**Yotpo **/

.write-review-wrapper.write-form.visible {
    background: transparent;
}

input.yotpo-default-button.primary-color-btn.yotpo-submit {
    cursor: pointer;
    background-color: #333 !important;
    color: #fff;
    border: none !important;
}

@media only screen and (min-width:720px) {
    .write-first-question-button, .write-first-review-button {
        width: 300px !important;
    }
}
.write-first-review-button, .write-first-question-button {
    color: black !important;
}

/**/
/**.product-badge.OnlineExclusive {
top: 0px !important;
right: 0 !important;
font: 11px Moderat Regular, sans-serif !important;
padding: 10px 15px 10px 17px !important;
border-radius: 30px 0 0 30px;
background-color: rgba(64, 64, 64, 0.95) !important;
z-index: 2;
color: #ffffff !important;
letter-spacing: 1px;
}

.product-badge.OnlineExclusive:before {
content: "Web Exclusive";
display: block;
width: 55px;
text-align: center;
line-height: normal;
}**/

.product-badge.OnlineExclusive {
    top: 0px !important;
    right: 0 !important;
    font: 9.5px Moderat Regular, sans-serif !important;
    padding: 5px 10px 5px 10px !important;
    border-radius: 30px 0 0 30px;
    background-color: rgba(64, 64, 64, 0.95) !important;
    z-index: 2;
    color: #ffffff !important;
    letter-spacing: 1px;
}

.product-badge.OnlineExclusive:before {
    content: "Web Exclusive";
    display: block;
    width: 50px;
    text-align: center;
    line-height: normal;
}


/**Header Icon PC **/
.track-icon {
    width:0;
}
/**/

.chat--link {
    display: none;
}

/**PRODUCT GRID**/

.tab-content {
    padding: 5px;
}

.tiles-carousel .slick-prev {
    left: -50px;
}

.tiles-carousel .slick-next {
    right: -50px;
}

.tiles-carousel .slick-slide {
    margin: 7px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    padding: 0;
    border-radius: 3px;
    overflow: hidden;
    height: inherit;
}

.tiles-carousel .product-tile-wrapper, .tiles-carousel .wrapper-product {
    padding: 0;
}

.tiles-carousel .slick-slide:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.product-grid .product-tile-wrapper {
    padding: 0 !important;
    margin: 7px;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    border-radius: 4px;
    transition: all 0.4s ease;
}

.product-grid .product-tile-wrapper:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}


.product-grid .image-container img, .tiles-carousel .image-container img {
    padding: 15px;
}

.product-grid .tile-body, .product-grid .tile-body-footer, .tiles-carousel .tile-body, .tiles-carousel .tile-body-footer {
    padding: 0 15px !important;
}

.product-grid .tile-body, .tiles-carousel .tile-body {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.product-grid .product-tile .tile-link, .tiles-carousel .product-tile .tile-link {
    padding-top: 10px !important;
}


.product-grid .product-tile .color-swatches, .tiles-carousel .product-tile .color-swatches {
    order: 2;
    margin-bottom: 10px;
}

.product-grid .product-tile .color-swatches .swatch, .tiles-carousel .product-tile .color-swatches .swatch {
    margin: 5px;
}

.product-grid .tile-body-footer, .tiles-carousel .tile-body-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;;
    justify-content: center !important;;
    width: 100%;
    height: auto;
    padding: 0 10px !important;
    background: #f9f9f9;
    border-top-style: dashed;
    min-height: 105px;
}

/*.tiles-carousel .tile-body-footer {
    min-height: 105px;
}*/

.product-grid .product-tile .tile-body-footer .tile-cart, .tiles-carousel .product-tile .tile-body-footer .tile-cart {
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-grid .product-tile .tile-body-footer .tile-cart:after, .tiles-carousel .product-tile .tile-body-footer .tile-cart:after {
    width: 18px;
    height: 18px;
    line-height: 15px;
    font-size: 20px;
}

.product-grid .product-tile, .tiles-carousel .product-tile {
    padding: 0 !important;
}

.product-grid .product-badge.OnlineExclusive, .tiles-carousel .product-badge.OnlineExclusive {
    top: 10px !important;
}

.product-grid .product-tile .ratings, .tiles-carousel .product-tile .ratings {
    height: auto !important;
    width: auto !important;
}

.product-grid .product-tile .ratings .yotpo.bottomLine .yotpo-bottomline .yotpo-stars, .tiles-carousel .product-tile .ratings .yotpo.bottomLine .yotpo-bottomline .yotpo-stars {
    justify-content: flex-start !important;
    align-items: center;
}

.switch-layout.default .product-tile-wrapper {
    width: calc(50% - 14px);
}

.switch-layout.extended .product-tile-wrapper {
    width: 100%;
}

.product-grid .product-tile .price, .tiles-carousel .product-tile .price {
    font-size: 1.1rem !important;
    width: calc(100% - 30px);
    margin-top: 0;
}

@media (min-width:544px) {
    .switch-layout.default .product-tile-wrapper {
        width: calc(33% - 14px);
    }
    .switch-layout.extended .product-tile-wrapper {
        width: calc(50% - 14px);
    }

    .product-grid .tile-body-footer {
        padding: 15px 15px 20px !important;
    }

    .product-grid .product-tile .price, .tiles-carousel .product-tile .price {
        font-size: 1.25rem !important;
    }

}

@media (min-width:767px) {
    .product-grid .product-tile .ratings, .tiles-carousel .product-tile .ratings {
        width: auto;
    }

    .product-grid .product-tile .ratings .yotpo div, .tiles-carousel .product-tile .ratings .yotpo div {
        display: flex;
    }
}

@media (max-width: 768px) {
    a#inspiration {
        border: 0;
        margin-top: 0;
        color: green;
        font-weight: bold;
    }
}

@media (min-width:992px) {
    .switch-layout.default .product-tile-wrapper {
        width: calc(33% - 14px);
    }
    .switch-layout.extended .product-tile-wrapper {
        width: calc(25% - 14px);
    }
}

@media (min-width:1400px) {
    .switch-layout.default .product-tile-wrapper {
        width: calc(25% - 14px);
    }
    .switch-layout.extended .product-tile-wrapper {
        width: calc(20% - 14px);
    }
}
.tiles-carousel .slick-list {
    height: 463px !important;
}

.homepage-top-carousel .tiles-carousel .slick-list {
    height: auto !important;
}

@media only screen and (max-width: 842px) {
    .tiles-carousel .slick-list {
        height: 520px !important;
    }
    .homepage-top-carousel .tiles-carousel .slick-list {
        height: 430px !important;
    }
}

@media only screen and (max-width: 533px) {
    .tiles-carousel .slick-list {
        height: 465px !important;
    }
    .homepage-top-carousel .tiles-carousel .slick-list {
        height: 380px !important;
    }
}

@media only screen and (max-width: 326px) {
    .tiles-carousel .slick-list {
        height: 390px !important;
    }
}

/***/



/** Tooltip Syte Search **/

@media screen and (min-width: 1024px) {

    .camera-icon {
        position: relative;
    }

    .camera-icon:after {
        content: "Search with Photo";
        position: absolute;
        top: 27px;
        background-color: #181818;
        color: #fff;
        padding: 10px 10px;
        border-radius: 5px;
        width: auto;
        right: -5px;
        min-width: 160px;
        font-size: 15px;
        text-align: center;
    }
    .camera-icon:before {
        content: "";
        position:absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #181818;
        bottom: -10px;
        right: 5px;
    }

    .camera-icon:before, .camera-icon:after {
        display: none;
    }

    .camera-icon:hover:before, .camera-icon:hover:after {
        display: block;
    }

}

/** Sticky Filter Category Page**/

.search-results .refinement-bar.fixed {
    position: fixed;
    /* top: 60px;*/
    left: 5px;
    animation-timing-function: ease-in-out;
    animation-duration: 0.5s;
    animation-name: fixed-filter;
    animation-fill-mode: forwards;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.search-results .col.fixed {
    margin-left: 304px;
}

footer, .newsletter-block, .newsletter-block.no-sticky {
    position: relative;
}

.newsletter-block{
    z-index: 10;
}

.banner-category {
    margin-bottom: 0;
}


@-webkit-keyframes fixed-filter {
    0% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fixed-filter {
    0% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

/***/


/*** Filter Side ***/
@media (min-width: 992px) {
    .refinement-bar {
        max-width: 19rem !important;
    }
}