/*  GLOBALS
    ---------------------------------------------------------------------------------------------- */
    :root {
        --spp-pink: #EC356F;
        --spp-pink-dark: #9c044c;
        --spp-yellow: #FFCE57;
        --spp-orange: #F37342;
        --spp-teal: #39B79E;
        --primary-font: 'urbane-rounded', Helvetica, sans-serif;
    }
    body {
        font-size: 16px;
    }

/*  SHOP ONLINE HOME FEATURES
    ---------------------------------------------------------------------------------------------- */
    #shop_online .cart-links > a {
        font-size: 1.1em;
        font-weight: 300;
        letter-spacing: 0.05em;
    }
    #shop_online .details > p {
        padding: 0;
    }
    #shop_online .cart-links .add-to-wishlist [class^="icon-"] {
        font-size: 3.5rem;
        line-height: 6rem;
    }
    #shop_online .ellipsis {
        position: relative;
    }
    #shop_online .ellipsis:after,
    #shop_online .ellipsis-more:after {
        position: absolute;
        top: auto;
        bottom: -2px;
        left: auto;
        right: 0;
    }
    #shop_online .ellipsis,
    #shop_online .ellipsis > p {
        height: 4.5em;
    }
    #shop_online .carousel-container .control-direction {
        top: 20px;
        right: 92px;
    }
    #shop_online .carousel-container .control-direction .icon-arrow_right:before,
    #shop_online .carousel-container .control-direction .icon-arrow_left:before {
        top: 5px;
        left: 1px;
    }
    #shop_online .cart-links .add-to-cart {
        padding: 0 0 0 60px;
    }
    #shop_online .add-to-cart .square-link {
        height: 60px;
        width: 60px;
        color: #fff;
        text-align: center;
        font-size: 2em;
        font-weight: 300;
        line-height: 60px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
        background: #e5c7cc;
    }
    #shop_online .add-to-cart:hover .square-link {
        background: #C2BCBC;
    }
    .product-thumbnail > img {
        width: 100%;
    }
    @media screen and (max-width: 1199px) {
        #shop_online .carousel-list .product-thumbnail {
            min-height: 220px;
        }
        #shop_online .carousel-list .product-thumbnail > img {
            position: absolute;
            bottom: 0;
            left: 0;
        }
    }
    @media screen and (max-width: 991px) {
        #shop_online .carousel-list .product-thumbnail {
            min-height: 200px;
        }
    }
    @media screen and (max-width: 470px) {
        #shop_online .carousel-list .product-info {
            height: auto !important;
        }
    }
    @media screen and (max-width: 370px) {        
        #shop_online .carousel-container .control-direction {
            right: 30px;
        }
        #shop_online .icon-cart {
            display: none;
        }
    }

/*  LAST CHANCE LIST STYLES
    ---------------------------------------------------------------------------------------------- */
    .small-product-list .product-info .details,
    .small-product-list .old-price,
    .small-product-list .share-this-item,
    .small-product-list .addthis_toolbox,
    .small-product-list .section-title + .section-body .control-direction {
        display: none !important;
    }
    .small-product-list .carousel-wrapper {
        margin-left: 0;
    }

/*  PRODUCT LIST
    ---------------------------------------------------------------------------------------------- */
    .section.with-carousel.small-product-list {
        margin-top: 40px;
    }
    .win.unknownX.gecko .small-product-list .section-title [class^="icon-"]:before {
        margin-top: 18px;
    }
    .small-product-list .section-title [class^="icon-"]:before {
        color: #ed3070;
        font-size: 3em;
        float: right;
        font-size: 30px;
        line-height: 3.75rem;
        position: relative;
        top: 10px;
        right: -8px;
    }
    .rotate-me:before {
        animation: swing 1.5s infinite;
        -o-animation: swing 1.5s infinite;
        -ms-animation: swing 1.5s infinite;
        -moz-animation: swing 1.5s infinite;
        -webkit-animation: swing 1.5s infinite;
    }
    .small-product-list .section-title,
    .section.small-product-list .section-title {
        padding: 4px 25px 12px 0;
        border: 1px solid #eeecec;
        background-color: #f6f5f5;
    }
    .small-product-list .product-list  .product-thumbnail > img {
        transform: scale(1) !important;
        -o-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
    }
    .small-product-list .product-list  .product-thumbnail > img:hover {
        transform: scale(1) !important;
        -o-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
    }
    .small-product-list.section.with-carousel .product-list {
        margin-top: 40px;
    }
    .small-product-list .product-list .cart-links {
        position: relative;
    }
    .small-product-list .product-list .product-link {
        height: 80px;
    }
    .small-product-list .products-container.product-list .cart-links,
    .main-link .title-area {
        background-color: #fbfaf6;
    }
    .small-product-list .products-container.product-list  .product .product-info .title {
        margin-bottom: 0px;
    }
    .small-product-list .products-container.product-list  .product .product-info .title h4 {
        text-align: left;
    }
    .small-product-list .products-container.product-list .product .product-info {
        padding: 15px 55px 15px 15px !important;
        height: 80px !important;
        max-height: 80px;
        border: none;
        z-index: 0;
        background-color: #f6f5f5;
        border: 1px solid #eeecec;
    }
    .small-product-list .product-list .product .zoom-in {
        top: 76px;
    }
    .small-product-list .products-container.product-list.portrait .product .product-thumbnail {
        min-height: 80px;
        max-height: 80px;
        z-index: 3;
        border: 1px solid #e9e3d6;
        border-right: none;
    }
    .small-product-list .products-container.product-list.portrait .product .product-thumbnail img {
        height: auto !important;
        /*position: relative !important;*/
    }
    .small-product-list .products-container.product-list .product {
        margin-bottom: 0;
    }
    .small-product-list .product-list .section-title,
    .small-product-list .product-list .section .section-title {
        padding: 12px 24px !important;
    }
    .small-product-list .products-container .product .product-info .title {
        font-size: 1.1rem;
    }
    .small-product-list .products-container.product-list .product-info .pricing-details {
        width: 100%;
    }
    .small-product-list .pricing-details .current-price {
        font-size: 1.5rem;
        font-weight: 300;   
        font-family: var(--primary-font);
    }
    .small-product-list .product-list > li,
    .small-product-list .caroufredsel_wrapper,
    .small-product-list .caroufredsel_wrapper .products-container {
        margin-top: 0 !important;
    }
    .small-product-list input.add-to-cart {
        background-position: 50% 50% !important;
        background-image: url(../images/core/read-more_icon.png) !important;
        background-repeat: no-repeat !important;
    }
    .small-product-list .products-container.product-list .product .cart-links {
        height: 100%;
        width: 40px !important;
        max-width: 40px !important;
        z-index: 1;
        top: 0;
        bottom: 0;
        border: none;
        background: none;
    }
    @media screen and (max-width: 768px) {
        .small-product-list .products-container.product-list .product .cart-links,
        .iphone .small-product-list .products-container.product-list .product .cart-links,
        .ipad .small-product-list .products-container.product-list .product .cart-links {
            top: 40px;
        }
    }
    .small-product-list .products-container.product-list > li {
        padding-left: 0;
    }
    .small-product-list .products-container.product-list .product .cart-links .add-to-wishlist,
    .small-product-list .products-container.product-list .product .cart-links > form {
        height: 40px !important;
        width: 40px !important;
    }
    .small-product-list .products-container.product-list .product .cart-links .add-to-wishlist {
        width: 40px !important;
        right: 0;
        bottom: 0;
    }
    .small-product-list .product-list .cart-links .add-to-wishlist,
    .small-product-list .product-list .cart-links .add-to-cart,
    .small-product-list .product-list .pricing-details .add-to-cart {
        height: 40px !important;
        line-height: 40px !important;
    }
    .small-product-list .product-list .cart-links .add-to-cart {
        right: 0;
        position: absolute;
    }
    .small-product-list .product-list .cart-links .add-to-wishlist [class^="icon-"] {
        font-size: 4rem;
        line-height: 40px;
    }
    .small-product-list .product-list .cart-links .add-to-cart,
    .small-product-list .product-list .pricing-details .add-to-cart {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        padding: 0 !important;
        background-position: 50% 42% !important;
        background-size: 75%;
    }
    .small-product-list .products-container.product-list .product .ribbon.new-item,
    .small-product-list .products-container.product-list .product .ribbon.sale-item {
        display: none;
    }
    .small-product-list .products-container.product-list .product .ribbon.new-item {
        background: url(../img/spp/new-tag_rotated.png) no-repeat top left;
    }
    .small-product-list .products-container.product-list .product .ribbon.sale-item {
        background: url(../img/spp/sale-tag_rotated.png) no-repeat top left;
    }
    .small-product-list .products-container.product-list .product .zoom-in {
        left: 0;
        width: 25px;
        height: 25px;
    }
    .small-product-list .products-container.product-list .product .zoom-in .icon-search:before {
        top: 4px;
        left: 6px;
        font-size: 13px;
    }
    .small-product-list .products-container.product-list .product .zoom-in.zoom-in:hover:after {
        left: 34px;
        top: -14px;
        font-size: 0.85em;
    }
    .products-container .product .product-link .product-thumbnail img {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .with-carousel.two .side-show > .caroufredsel_wrapper {
        min-height: 500px;
    }
    @media screen and (min-width: 1200px) {
        #product-area.products-container.portrait .product .product-thumbnail,
        .side-show .products-container.portrait .product .product-thumbnail {
            min-height: 200px;
        }
    }
    @media screen and (max-width: 1199px) {
        .side-show .products-container .product .product-link .product-thumbnail img {
            position: absolute;
            left: 0;
            bottom: 0;
        }
        .side-show .products-container.portrait .product .product-thumbnail {
            min-height: 200px;
        }
    }
    @media screen and (max-width: 991px) {
        .small-product-list .products-container.product-list .product .product-info {
            padding: 10px 50px 10px 10px !important;
        }
        .small-product-list .products-container .product .product-info .title {
            line-height: 1em;
        }
        .small-product-list .pricing-details .current-price {
            font-size: 1.4rem;
            text-align: left;
            line-height: 1em;
        }
    }
    @media screen and (max-width: 768px) {
        .small-product-list .products-container.product-list .product-info {
            float: right;
        }
        #product-area.products-container.portrait .product .product-thumbnail,
        .side-show .products-container.portrait .product .product-thumbnail {
            min-height: 200px;
        }
    }
    @media screen and (max-width:535px) {
        .small-product-list .products-container.product-list > li {
            margin-bottom: 5px;
        }
        .small-product-list .pricing-details .current-price {
            font-size: 1.5rem;
            line-height: 1.1em;
        }
        .small-product-list .products-container.product-list .product .cart-links .add-to-wishlist {
            position: absolute;
        }
        .small-product-list .section-title,
        .section.small-product-list .section-title {
            /*padding: 16px 24px 17px 0 !important;
            border: 1px solid #e9e3d6;
            background-color: #fbfaf6 !important;*/
        }
        .small-product-list .section-title,
        .section.small-product-list .section-title span {
            /*padding: 18px 24px !important;
            background-color: #534d3f !important;*/
        }
    }
    @media screen and (max-width:480px) {
        .small-product-list .products-container.product-list .product-link {
            width: 25%;
        }
        .small-product-list .products-container.product-list .product-info {
            width: 75%;
        }
        .small-product-list .products-container.product-list .product-link .product-thumbnail {
            width: 100%;
        }
    }

/*  KEYFRAME ANIMATION SETTINGS
    ---------------------------------------------------------------------------------------------- */
    @keyframes swing {
        0%,
        100% {
            transform: rotate(10deg);
            -o-transform: rotate(10deg);
            -ms-transform: rotate(10deg);
            -webkit-transform: rotate(10deg);
        }
        50% {
            transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            -ms-transform: rotate(-10deg);
            -webkit-transform: rotate(-10deg);
        }
    }
    @-o-keyframes swing {
        0%,
        100% {
            transform: rotate(10deg);
            -o-transform: rotate(10deg);
            -ms-transform: rotate(10deg);
            -webkit-transform: rotate(10deg);
        }
        50% {
            transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            -ms-transform: rotate(-10deg);
            -webkit-transform: rotate(-10deg);
        }
    }
    @-moz-keyframes swing {
        0%,
        100% {
            transform: rotate(10deg);
            -o-transform: rotate(10deg);
            -ms-transform: rotate(10deg);
            -webkit-transform: rotate(10deg);
        }
        50% {
            transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            -ms-transform: rotate(-10deg);
            -webkit-transform: rotate(-10deg);
        }
    }
    @-webkit-keyframes swing {
        0%,
        100% {
            transform: rotate(10deg);
            -o-transform: rotate(10deg);
            -ms-transform: rotate(10deg);
            -webkit-transform: rotate(10deg);
        }
        50% {
            transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            -ms-transform: rotate(-10deg);
            -webkit-transform: rotate(-10deg);
        }
    }
    @keyframes bloat {
        0% {
            transform: scale(0.9);
            -o-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -webkit-transform: scale(0.9);
        }
        100% {
            transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }
    }
    @-o-keyframes bloat {
        0% {
            transform: scale(0.9);
            -o-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -webkit-transform: scale(0.9);
        }
        100% {
            transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }
    }
    @-moz-keyframes bloat {
        0% {
            transform: scale(0.9);
            -o-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -webkit-transform: scale(0.9);
        }
        100% {
            transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }
    }
    @-webkit-keyframes bloat {
        0% {
            transform: scale(0.9);
            -o-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -webkit-transform: scale(0.9);
        }
        100% {
            transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }
    }

/*  CMS CONTENT ADDITIONAL STYLING
    ---------------------------------------------------------------------------------------------- */
    .tip-text {
        font-size: 0.9em;
    }
    button.confirmation-nation {
        margin: 0 0 20px 15px;
    }
    .section-body .content {
        padding: 0 24px 0 24px;
    }
    .content_wrapper {
        margin-top: 20px;
    }
    .content_wrapper h4:not(.section-title),
    .content_wrapper h6:not(.section-title),
    .content_wrapper p:not(.list-heading),
    .content_wrapper p:not[class*="alert"],
    #feature_wrapper p {
        padding-bottom: 0 !important;
    }
    .content_wrapper h1:not(.section-title),
    .content_wrapper h2:not(.section-title),
    .content_wrapper h3:not(.section-title),
    .content_wrapper h4:not(.section-title),
    .content_wrapper h5:not(.section-title),
    .content_wrapper h6:not(.section-title) {
        margin: 30px 0 14px 0 !important;
    }
    .content_wrapper h1:not(.section-title) {
        margin-top: 40px !important;
    }
    .content ul li {
        padding: 0 0px 5px 0 !important;
    }
    blockquote {
        padding: 10px 14px;
        margin: 0 0 20px 14px;
        border-left: 5px solid #e8a713;
    }
    .list-heading {
        padding: 10px 10px 10px 10px !important;
        color: #fff;
        background: #e8a713;
        font-weight: 300;   
        font-family: var(--primary-font);
        text-transform: uppercase;
    }
    .content ul {
        padding-left: 5px !important;
    }
    .content ul li {
        padding: 0 0px 5px 28px !important;
    }
    .content ul li:before {
        margin: 0 12px 0 -26px;
    }
    .emu-pic {
        height: 250px;
        background: url("../img/spp/emu(ISS_8133_00388).jpg") 50% 50% no-repeat;
        margin-bottom: 20px;
        background-size: cover;
    }
    .lab-tech {
        height: 250px;
        background: url("../img/spp/lab-tech(03B73970).jpg") 50% 35% no-repeat;
        margin-bottom: 20px;
        background-size: cover;
    }
    .feather-bg-wide {
        max-height: 200px;
        min-height: 150px;
        background-size: cover;
        height: auto;
        background: url("../img/spp/feathers.jpg") 50% 50% repeat;
    }
    .def-table tr:nth-child(2n) {
        background: rgba(0, 0, 0, 0.065);
    }
    .def-table tr td p {
        margin-bottom: 0 !important;
    }
    .footable.breakpoint > tbody > tr > td > span.footable-toggle {
        float: left;
    }
    .col-image {
        min-height: 178px;
        max-height: 220px;
        overflow: hidden;
        background-size: cover !important;
    }
    .col-image.cosmetic {
        background: url("../img/spp/Cosmetics(03B31002).jpg") 50% 50% no-repeat;
    }
    .col-image.therapeutic {
        background: url("../img/spp/Therapeutic(03A41004).jpg") 50% 50% no-repeat;
    }
    .col-image.bruising {
        background: url("../img/spp/Bruise(ISS_4109_02686).jpg") 50% 50% no-repeat;
    }

/*  OVERRIDES
    ---------------------------------------------------------------------------------------------- */

    /* LISTS */
    .content ul {
        padding-left: 0 !important;
    }
    .content ul li {
        list-style: none;
        padding: 0 0px 10px 0 !important;
        background-image: none !important;
    }
    .content ul li:before {
        font-family: 'icomoon_ud-shop';
        content: "\f192";
        font-size: 1.1em;
        position: relative;
        top: 1px;
        margin: 0 8px;
    }
    ol.boxes-list {
        list-style-type: none;
        list-style-type: decimal !ie;
        margin-left: 2.5em;
        padding: 0;
        counter-reset: li-counter;
    }
    ol.boxes-list > li {
        position: relative;
        margin-bottom: 5px;
        list-style: none;
        padding: 0.2em 0.5em 0 0.5em;
        border-left: 1px solid #d3d3d3;
    }
    ol.boxes-list > li:before {
        position: absolute;
        top: 0;
        left: -1em;
        width: 0.94em;
        height: 0.94em;
        padding: 3px 1px 1px 0px;
        font-size: 1.4em;
        line-height: 0.94;
        text-align: center;
        color: #fff;
        background-color: #acacac;
        content: counter(li-counter);
        counter-increment: li-counter;
    }
    ol.boxes-list > li > ol > li:before {
        position: absolute;
        top: 0;
        left: -1em;
        width: 0.94em;
        height: 0.94em;
        padding: 3px 1px 1px 0px;
        font-size: 1.4em;
        line-height: 0.94;
        text-align: center;
        color: #fff;
        background-color: #c4c4c4;
        content: counter(li-counter, upper-alpha);
        counter-increment: li-counter;
    }
    ol.boxes-list > li > ol > li > ol > li:before {
        position: absolute;
        top: 0;
        left: -1em;
        width: 0.94em;
        height: 0.94em;
        padding: 3px 1px 1px 0px;
        font-size: 1.4em;
        line-height: 0.94;
        text-align: center;
        color: #fff;
        background-color: #d3d3d3;
        content: counter(li-counter, upper-roman);
        counter-increment: li-counter;
    }
    ol li {

        /*    list-style: decimal-leading-zero none inside;*/
        margin-top: 2px;
        content: counter(ol-counter);
        counter-increment: ol-counter;
    }
    ol li.with-sublist {
    }
    ol li.with-sublist > ol {
    }
    ol li ol li {
        list-style: lower-alpha none inside;
    }
    ol li ol li ol li {
        list-style: lower-roman none inside;
    }

    /* FANCYBOX MODAL */
    @media screen and (max-width:700px) {
        .fancybox-wrap {
            width: 85% !important;
        }
        .fancybox-inner {
            width: 100% !important;
        }
    }

    /* GENERAL */
    .content_wrapper a:hover {
        text-decoration: underline;
    }
    a:focus, a:active {
        outline: none;
    }

    /* STAFF */
    .staff-pic {
        max-height: 160px;
        overflow: hidden;
        margin-bottom: 15px !important;
    }
    .staff-pic img {
        max-width: none;
        width: 100%;
    }
    .staff-pic.deets {
        padding: 20px 20px;
        max-height: none;
    }
    .staff-pic.deets > img {
        margin-bottom: 15px;
    }
    .staff-name,
    #staff_detail_name {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 300;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .staff-title,
    #staff_detail_title {
        color: #666;
        font-weight: 300;
    }
    .staff_detail_left {
        width: 100% !important;
        margin-left: -3px;
    }
    .staff_detail_left .icon-phone:before {
        font-size: 1.4em;
        position: relative;
        top: 2px;
    }
    .staff_detail_left .icon-mobile:before {
        font-size: 1.1em;
        position: relative;
        top: 2px;
    }
    .staff_detail_left .icon-mail:before {
        font-size: 1em;
        position: relative;
        top: 1px;
    }
    .staff_detail_left [class^="icon-"]:before {
        width: 20px;
        display: inline-block;
        text-align: center;
        margin-right: 2px;
    }
    .staff_detail_left span {
        margin-left: 5px;
    }
    @media screen and (min-width:768px) {
        .staff-member:nth-child(odd) {
            padding-left: 0;
        }
        .staff-member:nth-child(even) {
            padding-right: 0;
        }
    }
    @media screen and (max-width:767px) {
        .staff-member {
            margin-bottom: 15px;
        }
    }
    .main_title {
        font-size: 1.3em !important;
    }
    .alert,
    input#voucher {
        padding: 12px !important;
    }
    .date,
    .article_date {
        font-size: 0.9em;
    }
    .offer .product-info .details {
        font-size: 12px !important;
    }
    .iphone .carousel-container.offer .carousel-wrapper.side-show.row {
        margin-top: 15px;
    }
    .file_list {
        border-style: solid !important;
        padding: 15px 24px 5px !important;
    }
    .file_title,
    .file_size {
        padding-left: 40px;
    }
    .file_title a {
        text-transform: uppercase !important;
        font-size: 1.2em;
    }
    .file_size {
        position: relative;
        top: -8px;
        left: -35px;
    }
    .file_size a > img {
        display: none;
    }
    .file_title a,
    .file_size a {
        text-decoration: none !important;
    }
    .file_size a {
        position: relative;
        top: -8px;
        transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }
    .file_size a:before {
        content: "\e778";
        color: #fff;
        font-size: 1.2em;
        font-family: 'icomoon_ud-shop';
        padding: 8px;
        position: relative;
        top: 1px;
        left: -6px;
        border-radius: 50%;
        -ms-border-radius: 50%;
        -webkit-border-radius: 50%;
        transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
    }
    .file_size a[href*=".pdf"]:before {
        content: "\e904";
    }
    .file_size a[href*=".doc"]:before {
        content: "\e906";
    }
    .file_size a[href*=".zip"]:before,
    .file_size a[href*=".rar"]:before {
        content: "\e908";
    }
    .file_size a[href*=".ppt"]:before {
        content: "\e909";
    }
    .file_size a[href*=".youtube"]:before,
    .file_size a[href*="youtu.be"]:before {
        content: "\e600";
        font-size: 1.6em;
        position: relative;
        padding: 7px;
        top: 5px;
        left: -5px;
        line-height: 1em;
    }
    .file_intro {
        position: relative;
        top: -4px;
        font-style: normal !important;
        font-weight: 100;
        font-size: 1.15em;
        line-height: 1.2em
    }
    img.arrow {
        top: 5px !important;
        padding: 0 !important;
    }
    .clippit {
        overflow: hidden !important;
    }
    .side-cart .qty-btngroup input[type="text"] {
        position: relative;
        border: none;
        float: none !important;
    }
    .side-cart .product-name + .qty-btngroup input[type="text"] {
        color: #444;
        font-size: 12px;
    }
    .side-cart .product-name,
    .side-cart .qty-btngroup,
    .side-cart .price {
        text-align: right;
    }
    .side-cart .price {
        float: right;
    }
    .trigger_image {
        background-image: none !important;
    }
    .trigger_image:before {
        font-family: 'icomoon_ud-shop';
        content: "\e9ed";
        position: relative;
        top: 2px;
        left: 5px;
        font-size: 1em;
        color: #7e7e7e;
    }
    div.trigger p a {
        padding-left: 5px !important;
        color: #7e7e7e !important;
    }
    div.trigger {
        background-image: none !important;
        background-color: #fafafa;
        font-size: 13px;
        text-transform: uppercase;
        border: 1px #e1e1e1 solid !important;
    }
    div.trigger.active {
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }
    .toggle_container .block {
        padding: 10px 20px !important;
    }
    .toggle_container {
        border: 1px solid !important;
        border-color: transparent #e1e1e1 #e1e1e1 #e1e1e1 !important;
    }
    .search_results li {
        background-image: none !important;
    }
    .text-inner ul li {
        list-style: none;
    }
    .text-inner ul li:before {
        top: 3px !important;
        margin-left: -24px;
    }
    .title_arrow:before,
    .search_results li:before,
    .related_list:before,
    #wiki-entry a[title="Add a comment"],
    p.arrow_list:before,
    .text-inner ul li:before {
        font-family: 'icomoon_ud-shop';
        content: "\e9dd";
        position: relative;
        top: -6px;
        margin-right: 5px;
        font-size: 1.3em;
    }
    p.arrow_list:before {
        top: 2px;
    }
    .search_results li:before,
    .related_list:before {
        top: 4px;
    }
    p.arrow_list > img,
    .title_arrow > img,
    .related_list > img,
    .back img {
        display: none !important;
    }
    .title,
    .search_results li a,
    .related_list a,
    p.arrow_list a {
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
    .title a,
    .search_results li a,
    .related_list a {
        text-decoration: none !important;
    }
    .back a {
        text-decoration: none !important;
    }
    .back a[title="Back"]:first-child {

        /*font-family: 'icomoon_ud-shop';
        content: "\e9da";
        font-size: 1.5em;
        position: relative;*/
        display: none;
    }
    .back img {
        max-width: 0;
    }
    .back a[title="Back"]:nth-child(2) {
    }
    .back a[title="Back"]:before {
        font-family: 'icomoon_ud-shop';
        content: "\f100";
        position: relative;
        top: 2px;
        margin-right: 4px;
        font-size: 1.5em;
    }
    .back a[title="Previous"]:before {
        font-family: 'icomoon_ud-shop';
        content: "\e9ea";
        position: relative;
        top: 1px;
    }
    .back a[title="Next"]:after {
        font-family: 'icomoon_ud-shop';
        content: "\e9ed";
        position: relative;
        top: 1px;
    }
    .back a[title="Back"],
    .back a[title="Previous"] {
        padding-right: 10px !important;
    }
    .back a[title="Next"] {
        padding-left: 10px !important;
    }
    .back a[title="Back"],
    .back a[title="Next"],
    .back a[title="Previous"] {
        padding: 5px;
        color: #fff !important;
        border-radius: 3px;
        -ms-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    .back a[title="Next"],
    .back a[title="Previous"] {
        position: relative;
        top: 4px;
    }
    .main-content > .container {
        padding-bottom: 20px;
    }

/*  HIDE/SHOW
    ---------------------------------------------------------------------------------------------- */
    @media only screen and (min-width: 1201px) {
        .d_lg_none { display: none; }
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .d_md_none { display: none; }    
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .d_sm_none { display: none; }    
    }
    @media only screen and (min-width: 536px) and (max-width: 767px) {
        .d_xs_none { display: none; }    
    }
    @media only screen and (min-width: 401px) and (max-width: 535px) {
        .d_xxs_none { display: none; }    
    }
    @media only screen and (max-width: 400px) {
        .d_xxxs_none { display: none; }    
    }

    .MagicThumb-caption{
        box-sizing: content-box;
    }

    .MagicThumb-buttons a{
        background-position-y: 24px !important;
    }

/*  TYPOGRAPHY
    ---------------------------------------------------------------------------------------------- */
    body, h1, h2, h3, h4, h5, h6, input, select, textarea, .form-control, button,
    .def-table tr:hover a, .def-table.highlight tr:hover a, .def-table.footable tbody tr td a {
        text-rendering: optimizeLegibility;
    }
    h1, h2, h3, h4, h5, h6 {
        text-transform: uppercase;
    }
    h2 { 
        font-size: 21px;
        padding-bottom: 20px;
    }
    h3 {
        padding-bottom: 20px;
    }
    #head-banner .testimonialolols .mini-slider .title-area > a h2 {
        font-family: var(--primary-font);
        font-weight: 300;
    }
    input, .main-menu > li > a {
        font-family: var(--primary-font);
        font-weight: 300;
        color: #4f4949;
    }
    .cart-summary {
        color: #4f4949;    
    }
    .cart-summary:hover {
        color: var(--spp-pink);    
    }
    .breadCrumb ul li a, .yum-crumbs ul > li > a {
        color: #837d7d;
    }
    .breadCrumb ul li a:hover, .yum-crumbs ul > li > a:hover {
        color: var(--spp-pink);
    }
    .breadCrumb ul li.first a:hover {
        background: url(../img/breadcrumbs/icon-Home.png) no-repeat 0 0;
    }
    .def-table .info a,
    .def-table .alert a,
    .def-table .non a,
    .def-table .focus a,
    .def-table .def-row.info:hover a,
    .def-table .alert:hover a,
    .def-table .non:hover a,
    .def-table .focus:hover a {
        font-family: var(--primary-font);
        font-weight: 300;
    }
    .def-header,
    .def-table th,
    .def-table .first-col {
        font-family: var(--primary-font);
        font-weight: 300;
    }
    .main-menu > li.current > a {
        font-weight: 600;
    }
    #head-banner .mini-slider .title-area > a h2 {
        font-family: 'Berkeley';
    }
    a {
        color: #4f4949;
    }
    a:hover, a:focus {
        color: var(--spp-pink);
        text-decoration: none;
    }

/*  COLOR VARIATIONS
    ---------------------------------------------------------------------------------------------- */

    /* ---- ACCENT COLOR ---- */
        .accent-color, #site-header-bar .menu li > a.current, .social-icons li > a:hover, .phone-deets:before, .price, a:hover, .btn.btn-iconed > i, label.required:after, .iconlist .media-body a, .iconlist .media:hover .pull-left > i, .breadcrumbs ul > li > a:hover, .top-links .menu li > a:hover, .cart-items .items .item-price, .offer .product-info .by > a, .offer .product-info > .add-to-cart, .twitterfeed .tweet_list > li:hover:before, .twitterfeed .tweet_text a, .product-info .description .prices > .off-price, .my-cart td > .price, .shop-summary .total td, input[type="text"].error,input[type="email"].error,input[type="password"].error,textarea.error,select.error, .breadcrumbs ul > li.active, .ellipsis:after, .newsletter-with-links .connect-box .mini-slider .carousel-container .read-more:hover, .zoom-in:hover .icon-search:before, .header-currency a:before, .cart-summary:after, #head-banner .testimonialolols .mini-slider .quoted span.read-more .btn:hover span, .icon-reorder:before, .dl-menuwrapper button.dl-active > i:before, .content_wrapper a:link, .content_wrapper a:active, .content_wrapper a:visited, #feature_wrapper a:link, #feature_wrapper a:active, #feature_wrapper a:visited, .cal-tooltip .tip-heading, .breadcrumbs li:last-child a {
            color: var(--spp-pink);
        }

        p a, .header-social-icons li > a:hover, .progress-display .step.current a, .main-cart.item-block .price, .msg-box.bg-success, .shop-summary .total .amount, .side-cart.item-block .price, .summary-cart.item-block .price, .product-single .rating-info .review-count a:hover, .product-single .rating-info .review-write a:hover, .product-single .rating-info .review-write a:hover:before, .main-menu > li.current > a, .file_title a, .trunc8-toggle .read-more, .trunc8-toggle .read-less, #head-banner .testimonialolols .mini-slider .quoted span.read-more:hover .btn span:before, .side-list li > a:before, .side-list a:before, .article_date, .date, .side-list > li > a:hover, .event_category_hdr_title_selected a:hover, .newsletter-with-links .mini-slider .carousel-container .carousel-list > li:hover .link-text, .header-currency .cart-items.currency-choices > ul > li.active a, .content ul li:before, .staff_detail_left [class^="icon-"]:before, .staff_detail_left strong, #head-banner .testimonialolols .mini-slider .btn:hover span {
            color: var(--spp-pink) !important;
        }
        ::selection { background-color: var(--spp-pink); }
        ::-moz-selection { background-color: var(--spp-pink); }
        .main-menu > li.active > a:before, .main-menu > li > a:hover:before, .range-slider-value > span, .qty-btngroup button:hover, .product-thumbnail > .caption, .btn.btn-primary, .range-slider > a:first-child, .tooltip span.tip, .product-single .rating-info .rate-star.on, .section .section-title:after, .footer-widgets.alt .widget-title:after, .tooltipster-shadow, .newsletter-with-links .connect-box .mini-slider img.banner-bg, .add-to-cart:hover, .file_size a:before, .back a[title="Back"], .back a[title="Next"], .back a[title="Previous"] {
            background-color: var(--spp-pink-dark);
        }
        ::selection { background-color: var(--spp-pink); }
        ::-moz-selection { background-color: var(--spp-pink); }
        #head-banner .testimonialolols .mini-slider .btn {
            background-color: #85C7B5;
        }
        ::selection { background-color: #67baa3; }
        ::-moz-selection { background-color: var(--spp-teal); }
        ::selection { background-color: var(--spp-pink); }
        ::-moz-selection { background-color: var(--spp-pink); }
        .cart-summary:before {
            background-color: var(--spp-pink);
        }
        .range-slider-value > span:before, .tooltip:hover span.tip:before, .green-corner {
            border-color: transparent transparent var(--spp-pink) transparent;
        }
        .pagination > .active > a, .pagination > li > a:hover, .side-cart.item-block:last-child {
            border-bottom: var(--spp-pink) !important;
        }
        .right-nav .display-mode.prod-nav li a.btn, .section-title + .section-body .direction-nav.carousel-direction a, .right-nav .nav-arrows.prod-nav li:last-child a, .right-nav .display-mode.prod-nav li:last-child a, .section-title + .section-body .direction-nav.carousel-direction a.btn.carousel-next, .right-nav .nav-arrows.prod-nav li:first-child a, .right-nav .display-mode.prod-nav li:first-child a, .section-title + .section-body .direction-nav.carousel-direction a.btn.carousel-prev, #top-slider .price-detail:hover .add-to-cart, #top-slider .read-more-link .btn-read-more:hover, #bottom-slider .price-detail:hover .add-to-cart, #bottom-slider .read-more-link .btn-read-more:hover {
            background-color: var(--spp-pink) !important;
            background: var(--spp-pink);
        }
        .direction-nav a.btn, .accent-color-bg, .theme-default .nivo-controlNav a.active:before,
        .progress-display .step.current span, .progress-display .step a:hover span, .tables th {
            background-color: var(--spp-pink) !important;
            background: var(--spp-pink) !important;
        }
        #top-slider .flex-control-nav a.flex-active:before {
            background-color: #fff !important;
            background: #fff !important;    
        }
        input[type="text"].error,input[type="email"].error,input[type="password"].error,textarea.error,select.error,.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active,.dl-menuwrapper button, .header-currency .cart-items.currency-choices > ul > li:hover, .header-currency .cart-items.currency-choices > ul > li.active, .main-menu .has-child .sub-menu li:hover {
            border-color: var(--spp-pink);
        }

    /* ---- ACCENT COLOR RGB/RGBa - REPLACE RGB VALUES ---- */
        .accent-color-bg-10,
        .progress-display .step.current,
        .msg-box.bg-success { background: rgba(208, 0, 111, 0.1) !important; background-color: rgba(208, 0, 111, 0.1) !important; }
        .accent-color-bg-20 { background: rgba(208, 0, 111, 0.2) !important; background-color: rgba(208, 0, 111, 0.2) !important; }
        .accent-color-bg-30 { background: rgba(208, 0, 111, 0.3) !important; background-color: rgba(208, 0, 111, 0.3) !important; }
        .accent-color-bg-40 { background: rgba(208, 0, 111, 0.4) !important; background-color: rgba(208, 0, 111, 0.4) !important; }
        .accent-color-bg-50 { background: rgba(208, 0, 111, 0.5) !important; background-color: rgba(208, 0, 111, 0.5) !important; }
        .accent-color-bg-60 { background: rgba(208, 0, 111, 0.6) !important; background-color: rgba(208, 0, 111, 0.6) !important; }
        .accent-color-bg-70 { background: rgba(208, 0, 111, 0.7) !important; background-color: rgba(208, 0, 111, 0.7) !important; }
        .accent-color-bg-80 { background: rgba(208, 0, 111, 0.8) !important; background-color: rgba(208, 0, 111, 0.8) !important; }
        .accent-color-bg-90 { background: rgba(208, 0, 111, 0.9) !important; background-color: rgba(208, 0, 111, 0.9) !important; }

        .progress-display .step.current {
            border: 1px solid rgba(208, 0, 111, 0.2) !important;
            border-left: 0 !important;
        }
        .progress-display .step.current, .progress-display .step:nth-child(1).current, .progress-display .step:nth-child(2).current, .progress-display .step:nth-child(3).current {
            border: 1px solid rgba(208, 0, 111, 0.1) !important;
            border-left: 0 !important;        
        }
        input:hover, .form_base form input.text:hover, .form_base form textarea.textarea:hover {
            box-shadow: 0 0 6px rgba(240, 222, 225, 0.4);
            -webkit-box-shadow: 0 0 6px rgba(240, 222, 225, 0.4);
            border-color: #F0DEE1;
        }
        select:hover, textarea:hover, input:focus, select:focus, textarea:focus, .form-control:focus {
            box-shadow: 0 0 6px rgba(208, 0, 111, 0.4);
            -webkit-box-shadow: 0 0 6px rgba(208, 0, 111, 0.4);
            border-color: var(--spp-pink);
        }  
        .pricing-details select.add-to-cart:hover,
        .pricing-details textarea.add-to-cart:hover,   
        .pricing-details input.add-to-cart:focus,
        .pricing-details select.add-to-cart:focus,
        .pricing-details textarea.add-to-cart:focus,
        .pricing-details .form-control.add-to-cart:focus {
            box-shadow: 0 0 6px rgba(158, 236, 225, 0.8) !important;
            -webkit-box-shadow: 0 0 6px rgba(158, 236, 225, 0.8) !important;
            border-color: #aeece1 !important;
        }
        .progress-display .step.current {
            border-top: rgba(208, 0, 111, 0.3) 1px solid;
            border-bottom: rgba(208, 0, 111, 0.3) 1px solid;
        }

    /* ---- SECONDARY COLOR ---- */
        .secondary-color-bg, .section-title span, .header-currency a:before, .side .section .section-title, .section-title, .section .section-title, .file_size a:hover:before, .file_title + .file_size.over a:before, .def-header th, .def-table tr:hover th {
            background-color: #c2bcbc;
            background: #c2bcbc;
        }
        .sub-footer {
            background-color: #837d7d;
            background: #837d7d;
         }
        .cart-links .add-to-wishlist:hover, .pricing-details .add-to-wishlist:hover, .product .zoom-in:hover, .mobile-menu .dl-back a, .back a[title="Back"]:hover, .back a[title="Next"]:hover, .back a[title="Previous"]:hover, .calendar_today, .line {
            background-color: #c2bcbc !important;
            background: #c2bcbc !important;
        }
        h1, h2, h3, h4, h5, h6,
        .secondary-color, .review-section .review-response, #site-header-bar, .top-links .menu li > a, .header-social-icons li > a, .main-menu a, #head-banner .testimonialolols .mini-slider .quoted span.read-more .btn:hover {
            color: #c2bcbc;
        }
        .cart-headings h3 {
            color: #837d7d;
        }
        .zoom-in:hover:after {
            color: var(--spp-pink);
        }
        .cart-summary, {
            color: #837d7d;
        }
        .main-link .title-area h1 {
            color: #837d7d;    
        }
        h1, .title-area h1 {
            color: #4f4949;    
        }
         .display-mode ul > li > a:hover, .display-mode ul > .active span, .active #list-mode, .active #grid-mode {
            color: #4f4949;    
        }
        .mobile-menu a {
            color: #837d7d;    
        }
        .main-menu .has-child .sub-menu li > a:hover {
            color: #837d7d;    
        }
        .file_title a:hover, .trunc8-toggle .read-more:hover, .trunc8-toggle .read-less:hover, .file_title.over > a, .dl-trigger:hover .icon-reorder:before, .dl-trigger:active .icon-reorder:before, .dl-menuwrapper button:hover .icon-reorder:before, .dl-menuwrapper button.dl-active .icon-reorder:before, .dl-menuwrapper li > a:not(:only-child):after, .form_base .form_title, .form_base form ul li.section span, .content_wrapper a:hover {
            color: #e5c7cc !important;
        }
        html:not(.touch) #head-banner .testimonialolols .mini-slider .quoted span.read-more:hover, html:not(.touch) #head-banner .testimonialolols .mini-slider .btn:hover {
            color: var(--spp-pink) !important;
        }
        html.touch #head-banner .testimonialolols .mini-slider .btn:hover span {
            color: #fff !important;
        }
        .secondary-font {
            font-family: 'studio_script_icgregular';
        }
        .main-menu > li {
            border-right: 1px solid #c2bcbc;
        }
        .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active {
            border: 1px solid #c2bcbc;
        }
        .tables th {
            border-left-color: #c2bcbc !important;
        }
        .tables th {
            border-top-color: #c2bcbc !important;
        }
        .tables th {
            border-bottom-color: #c2bcbc !important;
        }
        .tables th.table_right {
            border-right-color: #c2bcbc !important;
        }

        @media screen and (max-width: 535px) {
            .icon-pushpin:before { 
                color: #fff !important;
            }
        }

    /* ---- CONTRAST COLOR ---- */
        .display-mode ul > li > a {
            color: #c2bcbc;
        }

        h2, h3,
        .staff-title,
        .content_wrapper > ul.search_results > li {
            border-bottom: 1px solid #837d7d;
        }

        .address {
            border-bottom: 1px dashed #837d7d;
        }

        .main-link .title-area > .inner,
        .form_base form ul li.section span,
        .section.newsletter-with-links > .container {
            border-top: 1px solid rgba(194, 188, 188, 0.4) !important;
        }

        .select-section {
            border-top: 1px solid #837d7d;
            border-bottom: 1px solid #837d7d;
        }

        .footer-widgets.main {
            border-top: 1px solid rgba(194, 188, 188, 0.4);
        }

        .display-mode li a, .header-currency a:hover:before, .description .text-inner.shaded, .file_list, .gallery_item, .side-list img, .staff-pic {
            border: 1px solid #eeecec !important;
        }

        .display-mode li a#grid-mode {
            border-right: none;
        }

        .product .zoom-in {
            background: #c2bcbc  !important;
        }
        .add-to-wishlist, .pricing-details .add-to-wishlist {
            background: #e5c7cc  !important;
        }

    /* ---- SLIDER COLORS ---- */
        /* N.B. Slide (3n+1) = Slider Ignores */
        .slide.solo-slide .color-bar,
        .slide.solo-slide .slide-color,
        .slide:nth-child(3n+2) .color-bar,
        .slide:nth-child(3n+2) .slide-color {
            background-color: var(--spp-pink);
            background: var(--spp-pink);
        }
        .slide.solo-slide .slider-caption .caption-body .subtitle, #top-slider .flexslider .slides .slide.solo-slide .flex-caption,
        .slide:nth-child(4n+2) .slider-caption .caption-body .subtitle, #top-slider .flexslider .slides .slide:nth-child(3n+2) .flex-caption {
            border-bottom-color: var(--spp-pink);
        }
        .slide:nth-child(3n+2) .slide-color-secondary {
            background-color: #f5dba1;
            background: #f5dba1;
        }

        .slide:nth-child(3n+3) .color-bar,
        .slide:nth-child(3n+3) .slide-color {
            background-color: #837d7d;
            background: #837d7d;
        }
        .slide:nth-child(3n+3) .slider-caption .caption-body .subtitle, #top-slider .flexslider .slides .slide:nth-child(3n+3) .flex-caption {
            border-bottom-color: #837d7d;
        }
        .slide:nth-child(3n+3) .slide-color-secondary {
            background-color: #f5dba1;
            background: #f5dba1;
        }

        .slide:nth-child(3n+4) .color-bar,
        .slide:nth-child(3n+4) .slide-color {
            background-color: #67baa3;
            background: #67baa3;
        }
        .slide:nth-child(3n+4) .slider-caption .caption-body .subtitle, #top-slider .flexslider .slides .slide:nth-child(3n+4) .flex-caption {
            border-bottom-color: #67baa3;
        }
        .slide:nth-child(3n+4) .slide-color-secondary {
            background-color: #f5dba1;
            background: #f5dba1;
        }

    /* ---- SPECIAL COLORs ---- */
        .progress-display .step:nth-child(2).current, .progress-display .step:nth-child(3).current, .progress-display .step:nth-child(4).current {
            border-top: 1px solid rgba(208, 0, 111, 0.1) !important;
        }

        .progress-display .step:nth-child(2n).current {
            border-left: 0 !important;
        }

        .progress-display .step:nth-child(4).current {
            border-right: 1px solid rgba(208, 0, 111, 0.1) !important;
        }

        .out-of-stock {
            background-color: #a00f0f;
        }

        .add-to-cart {
            background: var(--spp-pink);
        }

        .pricing-details .add-to-cart {
            background: #aeece1;   
        }

        .pricing-details .add-to-cart:hover {
            background: #7bb9b0;   
        }

        .products-container.product-list .cart-links, .newsletter-with-links .newsletter-signup, .newsletter-with-links .shipping-box, .connect-box , .products-container .product .product-info, .feature-products.section .offer .section-title, .header-currency a:hover:before, .description .text-inner.shaded, .main-link .title-area {
            background-color: #f6f5f5;
            border: 1px solid #eeecec;
        }

        .ellipsis:after {
            background: -webkit-gradient(linear, left top, right top,
                from(rgba(251, 250, 246, 0)), to(#fbfaf6), color-stop(20%, #fbfaf6));
            background: -moz-linear-gradient(to right, rgba(251, 250, 246, 0), #fbfaf6 20%, #fbfaf6);           
            background: -o-linear-gradient(to right, rgba(251, 250, 246, 0), #fbfaf6 20%, #fbfaf6);
            background: -ms-linear-gradient(to right, rgba(251, 250, 246, 0), #fbfaf6 20%, #fbfaf6);
            background: linear-gradient(to right, rgba(251, 250, 246, 0), #fbfaf6 20%, #fbfaf6); 
        }

        .footer-widgets.main {
            background: rgba(246, 245, 245, 0.6);
        }

        .header-currency .cart-items.currency-choices > ul > li:hover > a, .header-currency .cart-items .items > li:hover > .item-name, .header-currency .cart-items .items > li.active > .item-name, .main-menu .has-child .sub-menu li:hover > a {
            background: rgba(240, 222, 225, 0.8);
        }

/*  BUTTONS
    ---------------------------------------------------------------------------------------------- */
    .btn-lg {
        border-radius: 0 !important;
    }
    /* ---- PINK ---- */
        .btn.btn-primary {
            font-size: 1em;
            letter-spacing: 0em;
            color: #fff !important;
            border-radius: 0;
            padding: 6px 10px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-weight: 400;
            font-family: var(--primary-font);

            background: var(--spp-pink);
            box-shadow: 0px 1px 0px 0px rgba( 0, 0, 0, 0.35);
            box-shadow: inset 0px 1px 0px 0px rgba( 255, 255, 255, 0.3);
            border: none;
            transition: background 0.2s linear;
            -moz-transition: background 0.2s linear;
            -webkit-transition: background 0.2s linear;
        }
        .btn.btn-primary:hover,
        .btn.btn-primary.outline:hover {
            color: #fff !important;
            text-shadow: none;
            background: var(--spp-pink-dark);
            box-shadow: inset 0px 1px 0px 0px rgba( 255, 255, 255, 0.3);
        }

    /* ---- PINK OUTLINE ---- */
        .btn.btn-primary.outline {
            color: var(--spp-pink) !important;
            background: transparent;
            border-bottom: 1px solid var(--spp-pink);
            border-left: 1px solid var(--spp-pink);
            border-right: 1px solid var(--spp-pink);
            border-top: 1px solid var(--spp-pink);
        }

    /* ---- CHOC ---- */
        .btn.btn-secondary {
            font-size: 1.1em;
            letter-spacing: -0.05em;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
            color: #fff;
            text-transform: uppercase;
            border-radius: 5px;

            background-image: -moz-linear-gradient( 90deg, rgb(59,48,43) 0%, rgb(129,113,89) 100%);
            background-image: -webkit-linear-gradient( 90deg, rgb(59,48,43) 0%, rgb(129,113,89) 100%);
            background-image: -ms-linear-gradient( 90deg, rgb(59,48,43) 0%, rgb(129,113,89) 100%);
            box-shadow: 0px 1px 0px 0px rgba( 0, 0, 0, 0.35);
            box-shadow: inset 0px 1px 0px 0px rgba( 255, 255, 255, 0.3);
            border-bottom: 1px solid #1f1a17;
            border-left: 1px solid #534639;
            border-right: 1px solid #534639;
            border-top: 1px solid #695b4d;
            transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -webkit-transition: all 0.2s ease-in
        }
        .btn.btn-secondary:hover {
            color: #fff;
            text-shadow: none;

            background-image: -moz-linear-gradient( 90deg, rgb(59,48,43) 0%, rgb(129,113,89) 150%);
            background-image: -webkit-linear-gradient( 90deg, rgb(59,48,43) 0%, rgb(129,113,89) 150%);
            background-image: -ms-linear-gradient( 90deg, rgb(59,48,43) 0%, rgb(129,113,89) 150%);
            box-shadow: 0px 1px 0px 0px rgba( 0, 0, 0, 0.35);
            box-shadow: inset 0px 1px 0px 0px rgba( 255, 255, 255, 0.3);
            border-bottom: 1px solid #1f1a17;
            border-left: 1px solid #534639;
            border-right: 1px solid #534639;
            border-top: 1px solid #695b4d;
        }

    /* ---- AQUA ---- */
        .btn.btn-cart {
            font-size: 1.1em;
            letter-spacing: -0.02em;
            text-shadow: 0 1px 0 rgba(204, 234, 230, 0.4);
            color: #4f4949 !important;
            border-radius: 5px;
            font-weight: 400;

            background: #9eece1 /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: -moz-linear-gradient(top, #9eece1 0%, #7bb9b0 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9eece1), color-stop(100%,#7bb9b0)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #9eece1 0%,#7bb9b0 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #9eece1 0%,#7bb9b0 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #9eece1 0%,#7bb9b0 100%); /* IE10+ */
            background: linear-gradient(to bottom, #9eece1 0%,#7bb9b0 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eece1', endColorstr='#7bb9b0',GradientType=0 ); /* IE6-8 */
            box-shadow: 0px 1px 0px 0px rgba( 0, 0, 0, 0.35);
            box-shadow: inset 0px 1px 0px 0px rgba( 255, 255, 255, 0.3);
            border-bottom: 1px solid #538a82;
            border-left: 1px solid #7bb9b0;
            border-right: 1px solid #7bb9b0;
            border-top: 1px solid #90cfc6;
            transition: background 0.2s linear;
            -moz-transition: background 0.2s linear;
            -webkit-transition: background 0.2s linear;
        }
        .btn.btn-cart:hover {
            color: #fff !important;
            box-shadow: inset 0 -2px 3px rgba(0,0,0,0.3);
            -webkit-box-shadow: inset 0 -2px 3px rgba(0,0,0,0.3);
            text-shadow: 0 1px 0 rgba(0,0,0,1);

            background: #837d7d; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: -moz-linear-gradient(top, #90cfc6 0%, #538a82 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90cfc6), color-stop(100%,#538a82)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #90cfc6 0%, #538a82 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #90cfc6 0%, #538a82 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #90cfc6 0%, #538a82 100%); /* IE10+ */
            background: linear-gradient(to bottom, #90cfc6 0%, #538a82 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90cfc6', endColorstr='#538a82',GradientType=0 ); /* IE6-8 */
            box-shadow: inset 0px 1px 0px 0px rgba( 255, 255, 255, 0.3);
            border-bottom: 1px solid #355550;
            border-left: 1px solid #538a82;
            border-right: 1px solid #538a82;
            border-top: 1px solid #7bb9b0;
        }
        .cart-items .btn.btn-cart {
            font-size: 1.25em;
        }

/*  GENERAL
    ---------------------------------------------------------------------------------------------- */
    body {
        /*background: #fff url(../img/spp/footer-img.png) 92% 100% no-repeat !important;*/
        background: #fff;
    }
    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    select,
    textarea,
    .form-control,
    button,
    input,
    select,
    textarea,
    .form-control {
        font-family: var(--primary-font);
        font-weight: 300;
    }
    table {
        border: none !important;
    }
    .heading {
        font-size: 1.65em !important;
        margin-top: 14px;
        margin-bottom: 20px;
        text-transform: uppercase;
        padding-bottom: 15px !important;
        border-bottom: 1px solid #e1e1e1;
    }
    .content_wrapper {
        padding: 0 24px;
    }
    .cart-headings h3 {
        border-bottom: none;
    }
    .copyright {
        font-weight: 300;   
        font-family: var(--primary-font);
        font-size: 0.8em;
    }
    .clear {
        clear: both;
    }
    .no-border {
        border: none !important;
        outline: none !important;
    }
    .no-background {
        background: none;
        background-color: transparent;
    }
    .remove-item {
        position: relative;
        float: right;
        color: #fff;
        top: 22px;
        left: -5px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-left-radius: 6px;
    }
    .remove-item:hover {
        transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        color: #fff;
    }
    .remove-tri {
        float: right;
        position: relative;
        z-index: 1;
        margin-top: -20px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 0 40px 40px;
        border-color: transparent transparent #ccc transparent;
        line-height: 0px;
        _border-color: #000000 #000000 #ccc #000000;
        _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
        transition: all 0.3s;
        -ms-ransition: all 0.3s;
        -webkit-ransition: all 0.3s;
    }
    .content_wrapper h1,
    #feature_wrapper h1 {
        font-size: 1.8em !important;
        border: none !important;
    }
    .content_wrapper h2,
    #feature_wrapper h2 {
        font-size: 1.6em !important;
        border: none !important;
    }
    .content_wrapper h3,
    #feature_wrapper h3 {
        font-size: 1.45em !important;
        border: none !important;
    }
    .content_wrapper h4,
    #feature_wrapper h4 {
        font-size: 1.3em !important;
        border: none !important;
    }
    .content_wrapper h5,
    #feature_wrapper h5 {
        font-size: 1.2em !important;
        border: none !important;
    }
    .content_wrapper h6,
    #feature_wrapper h6 {
        font-size: 1.1em !important;
        border: none !important;
    }
    .side-cart .remove-tri {
        margin-top: -40px;
    }
    .side-cart:last-child .remove-tri {
        margin-top: -20px;
    }
    .small-side-pads {
        padding-right: 5px;
        padding-left: 5px;
    }
    .medium-side-pads {
        padding-right: 15px;
        padding-left: 15px;
    }
    .inner-action-bar {
        border: 1px solid #eeecec;
        box-shadow: none;
        background: #f6f5f5;
        padding: 15px;
    }
    #site-content {
        background-color: transparent;
    }
    .show-inliner {
        display: inline-block !important;
    }
    .dl-menuwrapper {
        width: auto;
    }
    .ellipsis {
        overflow: hidden;
        height: 28px;
        line-height: 14px;
        margin-bottom: 20px;
    }
    .ellipsis:before {
        content: "";
        float: left;
        width: 5px;
        height: 28px;
    }
    .ellipsis > *:first-child,
    .ellipsis-more > *:first-child {
        float: right;
        width: 100%;
        margin-left: -5px;
    }
    .ellipsis:after,
    .ellipsis-more:after {
        content: "read more \00bb";
        font-style: italic;
        box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        float: right;
        position: relative;
        top: -14px;
        left: 100%;
        width: 7em;
        margin-left: -7em;
        padding-right: 5px;
        text-align: right;
        pointer-events: none;
    }
    .ellipsis-more {
        overflow: hidden;
    }
    @media screen and (max-width:1200px) {
        .ellipsis-more,
        .ellipsis-more:before {
            height: 90px;
        }
    }
    @media screen and (max-width:991px) {
        .ellipsis-more,
        .ellipsis-more:before {
            height: 72px;
        }
    }
    @media screen and (max-width:860px) {
        .ellipsis-more,
        .ellipsis-more:before {
            height: 48px;
        }
    }
    .scale-up {
        transform: scale(1.35) !important;
        -ms-transform: scale(1.35) !important;
        -webkit-transform: scale(1.35) !important;
    }
    .products-container .product {
        border: none;
        min-width: 100%;
        max-width: 100%;
        background-color: #fff;
    }
    .products-container.portrait .product .product-thumbnail {
        min-height: 255px;
        max-height: 255px;
        border: none;
        outline: none;
        background: #fff;
    }
    .mobile.ipad .products-container .product,
    .mobile.iphone .products-container .product,
    .gecko.mac .products-container .product { /* OS Safari + iOS Safari Fix for Product display overflow issue */
    }
    .products-container .product .product-link {
        padding: 0;
    }
    .products-container .product .product-info {
        padding: 30px;
        margin: 0;
        border-bottom: none;
    }
    .products-container .product .product-info .title {
        color: #363636;
        font-size: 1.5rem;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .products-container.product-list .product .product-info .title {
        height: auto !important;
    }
    .product-info {
    }
    .product > .product-info {
        background: none;
    }
    i.sub-text {
        font-weight: 200;
        font-size: 1.1rem;
        line-height: 0.9rem;
    }
    .select-label {
        line-height: 1;
        padding-top: 10px;
    }
    .select-section {
        padding: 18px 15px 17px 15px;
    }
    .select-section label.select {
        margin-bottom: 0;
    }
    .home .section-title {
        padding: 40px 25px 9px 0;
    }
    .section-title,
    .section .section-title {
        /*padding: 14px 25px 9px 24px;*/
        padding: 17px 90px 12px 18px;
        line-height: 38px;
        color: #fff;
        text-transform: none;
        font-size: 2.4rem;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: 0.05em;
        font-family: var(--primary-font);
        /*text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.1);*/
        border-bottom: 0;
    }
    .section-title,
    .section .section-title {
        padding:  15px 90px 14px 18px;
    }
    .home .section-title {
        background: transparent;
        color: inherit;
    }
    .side .section-title {
        font-size: 2.4rem;
    }
    .feature-products.section .offer .section-title {
        padding: 0 15px 0 0;
    }
    .section.with-carousel {
        margin: 20px 0 0 0;
    }
    .section .section-title {
        margin-bottom: 18px;
        font-size: 1.8rem;
    }
    .section-title span {
        padding: 15px 35px;
        display: inline-block;
    }
    .section-title + .section-body .control-direction {
        position: absolute;
        top: 18px;
        right: 30px;
    }
    .direction-nav a.btn {
        background-color: transparent;
        border: none !important;
        border-radius: 0;
        opacity: 0.5;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }
    .direction-nav a.btn:hover {
        opacity: 1;
    }
    .direction-nav .btn > span {
        color: #fff;
        font-size: 16px;
        line-height: 28px;
    }
    .carousel-direction.direction-nav .btn > span {
        line-height: 18px;
    }
    .direction-nav .btn.disabled {
        opacity: 0.25;
    }
    .nav-arrows ul > li span {
        margin-right: 3px;
        color: #fff;
    }
    .nav-arrows ul > li .icon-arrow_right:before {
        left: 2px;
    }
    .nav-arrows ul > li .icon-arrow_left:before {
        left: 1px;
    }
    .nav-arrows ul > li .icon-arrow_right:before,
    .nav-arrows ul > li .icon-arrow_left:before {
        position: relative;
        top: 1px;
    }
    .section .section-title:after,
    .footer-widgets.alt .widget-title:after {
        height: 0 !important;
    }
    .trunc8-toggle .read-more,
    .trunc8-toggle .read-less {
        font-size: 0.9em;
        font-style: italic;
    }
    @media screen and (max-width: 767px) {
        .home .section-title {
            padding: 40px 25px 9px 25px;
            text-align: center;
        }
    }
    @media screen and (max-width: 480px) {
        .youtube-player {
            max-height: 400px !important;
        }
        #shop_online .carousel-direction.direction-nav {
            display: none;
        }
    }
    @media screen and (max-width: 370px) {    
        .feature-products.section .offer .section-title {
            padding: 13px 25px 12px 0;
        }
    }

/*  CONTACT
    ---------------------------------------------------------------------------------------------- */
    .address {
        padding-left: 30px;
        padding-bottom: 14px;
        margin-bottom: 16px;
        margin-top: -14px;
    }
    .address:last-child {
        border-bottom: none;
    }
    .address:before {
        content: "\e794";
        position: relative;
        font-family: 'icomoon_ud-shop';
        margin-left: -25px;
        left: -5px;
        top: 6px;
        font-size: 2em;
    }

/*  OPACITY
    ---------------------------------------------------------------------------------------------- */
    .opaque0 {
        opacity: 0;
    }
    .opaque5 {
        opacity: 0.05;
    }
    .opaque10 {
        opacity: 0.1;
    }
    .opaque15 {
        opacity: 0.15;
    }
    .opaque20 {
        opacity: 0.2;
    }
    .opaque25 {
        opacity: 0.25;
    }
    .opaque30 {
        opacity: 0.3;
    }
    .opaque35 {
        opacity: 0.35;
    }
    .opaque40 {
        opacity: 0.4;
    }
    .opaque45 {
        opacity: 0.45;
    }
    .opaque50 {
        opacity: 0.5;
    }
    .opaque55 {
        opacity: 0.55;
    }
    .opaque60 {
        opacity: 0.6;
    }
    .opaque65 {
        opacity: 0.65;
    }
    .opaque70 {
        opacity: 0.7;
    }
    .opaque75 {
        opacity: 0.75;
    }
    .opaque80 {
        opacity: 0.8;
    }
    .opaque85 {
        opacity: 0.85;
    }
    .opaque90 {
        opacity: 0.9;
    }
    .opaque95 {
        opacity: 0.95;
    }
    .opaque100 {
        opacity: 1;
    }

/*  SIDEBAR STYLES
    ---------------------------------------------------------------------------------------------- */
    .side > .section.with-carousel {
        margin-top: 30px;
    }
    .side > .section.with-carousel:first-child {
        margin-top: 0;
    }
    .side > .section.with-carousel:last-child,
    .side > .section.with-carousel:last-child .caroufredsel_wrapper .products-container > li > .product,
    .side .carousel-container > div > .section-title {
        margin-bottom: 0;
    }
    .product-thumbnail {
        transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -webkit-transition: all 0.25s ease-out;
    }
    .mobile .product-thumbnail img, .mobile .main-link img,
    .safari .product-thumbnail img, .safari .main-link img {
        opacity: 1;
    }
    .product-thumbnail img, .main-link img {
        /*opacity: 0;*/
        transition: opacity 1s ease-out;
        -o-transition: opacity 1s ease-out;
        -moz-transition: opacity 1s ease-out;
        -webkit-transition: opacity 1s ease-out
    }
    .ipad .product-thumbnail img, .ipad .main-link img {
        opacity: 1;
    }
    .side-list {
        padding: 0 15px 0 20px !important;
        list-style: none;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .side-list li {
        margin: 5px 0 !important;
    }
    .side-list li > a:before {
        font-family: 'icomoon_ud-shop';
        font-size: 20px;
        margin-left: -25px;
        margin-right: 5px;
        top: 5px;
        position: relative;
        content: "\e611";
        width: 15px;
        height: 15px;
    }
    .side-list > li > a {
        font-weight: bold;
        font-style: normal;
        font-size: 1.1em;
        line-height: 1.1em;
        color: #000;
    }
    .side-list > li > a + .date {
    }
    .side-list > li span + img {
        width: 100%;
        display: none;
    }
    .side-list > li span > a:before {
        content: "\e778";
        color: #fff;
        font-size: 1.4em;
        font-family: 'icomoon_ud-shop';
        padding: 8px;
        position: relative;
        top: 3px;
        left: -6px;
        border-radius: 50%;
        -ms-border-radius: 50%;
        -webkit-border-radius: 50%;
        transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
    }
    .side-list a[href*=".pdf"]:before {
        content: "\e904";
        font-family: 'icomoon_ud-shop';
    }
    .side-list a[href*=".doc"]:before {
        content: "\e906";
    }
    .side-list a[href*=".zip"]:before,
    .side-list a[href*=".rar"]:before {
        content: "\e908";
    }
    .side-list a[href*=".ppt"]:before {
        content: "\e909";
    }
    .side-list a[href*=".youtube"]:before,
    .side-list a[href*="youtu.be"]:before {
        content: "\e600";
        font-size: 1.6em;
        position: relative;
        padding: 7px;
        top: 5px;
        left: -5px;
        line-height: 1em;
    }
    .side-list img {
        padding: 5px !important;
        border-style: solid;
        border-width: 1px;
    }
    @media screen and (max-width: 768px) {
        .main[class*="-12"],
        .side[class*="-12"] {
            width: 100% !important;
            float: none;
        }
    }
    @media screen and (max-width: 768px) and (min-width: 535px) {
        .pricing-details > [class*="xs-12"] {
            width: 100% !important;
            float: none;
        }
        .pricing-details .add-to-cart, .pricing-details .add-to-wishlist {
            float: left !important;
            margin-top: 10px !important;
        }
    }

/*  TOOLTIP STYLES
    ---------------------------------------------------------------------------------------------- */
    .tooltipBox {
        opacity: 1;
        position: inherit;
    }
    .tooltipBox span.tip {
        margin-top: 2em;
        opacity: 0;
        text-transform: uppercase;
        position: absolute;
        left: 0;
        padding: 0em 1em;
        font-size: 1.2rem !important;
        transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }
    .tooltipBox:hover span.tip {
        opacity: 1;
        margin-top: 0.8em;
        z-index: 99;
        left: 0;
        transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }
    .tooltipBox:hover span.tip:before {
        border: solid;
        border-width: 0 6px 6px 6px;
        top: -6px;
        content: "";
        left: 25%;
        position: absolute;
        z-index: 99;
    }
    .classic {
        padding: 0em 1em;
    }
    .pricing-details .tooltipBox span.tip {
        right: 90px;
        left: auto;
    }
    .pricing-details .tooltipBox:hover span.tip {
        right: 90px;
        left: auto;
    }
    .tooltipster-default {
        display: none !important;
    }

/*  ALERTS 
    ---------------------------------------------------------------------------------------------- */
    .alert-danger .highlighted {
        font-style: italic;
        color: ##dc143c;
    }
    .cart-links .alert {
        margin-top: 10px;
        margin-bottom: 10px;
    }

/*  NO STOCK
    ---------------------------------------------------------------------------------------------- */
    .no-stock ul {
        font-style: italic;
        padding-left: 16px;
        border-top: 1px rgba(185, 74, 72, 0.2) solid;
        margin-top: 5px;
        padding-top: 5px;
    }
    .no-stock li {
        list-style: none;
    }
    .no-stock p:first-child:before {
        content: "\e65a";
        font-family: 'icomoon_ud-shop';
        font-style: normal;
        margin-right: 4px;
    }
    .no-stock li:before {
        content: "\e9e9";
        font-family: 'icomoon_ud-shop';
        font-style: normal;
        position: relative;
        top: 1px;
    }

/*  AUTO-SIZE IMAGE STYLES
    ---------------------------------------------------------------------------------------------- */
    img {
        transition: all 0.2s;
        -o-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    /*img.wide {
        max-height: 100%;
        max-width: none;
        height: 100%;
        width: auto;
    }*/
    /*img.tall {
        max-width: 100%;
        max-height: none;
        min-height: 60px;
        width: 100%;
        height: auto;
    }*/
    .product-list .main-link > .inner > img.wide,
    .product-list .main-link > .inner > img.tall {
        max-width: none;
        max-height: none;
        height: auto !important;
        left: 0 !important;
        width: auto;
        min-width: 39%;
    }

/*  ICONS
    ---------------------------------------------------------------------------------------------- */
    .icon-shopcart:before {
        content: "\e608";
    }
    .icon-star:before {
        content: "\e602";
    }
    .cart-links .icon-star:before {
        position: relative;
        top: -1px;
    }
    .icon-shipping:before {
        content: "\e604";
    }
    .icon-plane:before {
        content: "\e7fc";
    }
    .icon-world:before {
        content: "\e814";
    }
    .icon-reorder:before,
    .dl-menuwrapper button.dl-active > i:before {
        content: "\e80a";
        color: var(--spp-pink);
        position: relative;
        top: -1px;
    }
    .iphone .icon-reorder:before,
    .iphone .dl-menuwrapper button.dl-active > i:before {
        top: 1px;
    }
    .icon-pushpin:before {
        color: var(--spp-pink);
        font-size: 3.6rem;
        float: right;
        line-height: 3.75rem;
        position: relative;
        top: 14px;
        /*right: -12px;*/
    }
    .feature-products.section .offer .section-title .icon-cart:before {
        color: var(--spp-pink);
        font-size: 2.5em;
        float: right;
        line-height: 3.75rem;
        position: relative;
        top: 14px;
        /*right: -12px;*/
    }
    .display-mode ul.unstyled {
        position: relative;
    }
    .display-mode ul.unstyled li {
        margin-left: 0;
    }
    .display-mode ul > li span {
        margin-right: 0;
    }
    .display-mode li a {
        width: 36px;
        height: 34px;
        display: block;
    }
    .display-mode li a#grid-mode {
        border-radius: 3px 0 0 3px;
    }
    .display-mode li a#list-mode {
        border-radius: 0 3px 3px 0;
    }
    .display-mode li a#grid-mode:active,
    .display-mode li a#list-mode:active,
    .display-mode li a#grid-mode:focus,
    .display-mode li a#list-mode:focus {
        outline: none;
    }
    .icon-arrow_right:before {
        content: "\e9ed";
    }
    .icon-arrow_left:before {
        content: "\e9ea";
    }
    .icon-arrow_right:before,
    .icon-arrow_left:before {
        position: relative;
        top: 0;
    }
    .icon-grid9:before {
        content: "\e608";
    }
    .icon-list:before {
        content: "\e606";
    }
    .icon-grid9:before,
    .icon-list:before {
        position: relative;
        top: -3px;
        left: -9px;
        font-size: 2.4em;
    }

/*  SOCIAL ICONS
    ----------------------------------------------------------------------------------------------*/
    .social-icons {
        margin-top: -5px;
    }
    .social-icons ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .social-icons ul > li {
        display: inline-block;
        margin-left: 5px;
    }
    .social-icons li > a {
        width: 25px;
        height: 26px;
        display: block;
        color: rgba(153, 153, 153, 0.6);
        font-family: 'icomoon_ud-shop';
        font-size: 2.8rem;
    }
    .social-icons li > .twitter:before {
        content: "\e601";
    }
    .social-icons li > .facebook:before {
        content: "\e609";
    }
    .social-icons li > .instagram:before {
        content: "\e607";
    }
    .social-icons li > .pinterest:before {
        content: "\e604";
    }
    .social-icons li > .youtube:before {
        content: "\e602";
    }

/*  RIBBONS
    ---------------------------------------------------------------------------------------------- */
    .products-container .product .ribbon {
        position: absolute;
        float: right;
        top: -35px;
        right: -1px;
        background: url(../img/spp/sale-tag.png) no-repeat top left;
        max-height: 55px;
        background-size: contain !important;
        z-index: 1;
    }
    .products-container .product .product-info .ribbon:nth-child(2) {
        right: 42px;
    }
    .products-container .product .ribbon.sale-item {
        background: url(../img/spp/sale-tag.png) no-repeat top left;
    }
    .products-container .product .ribbon.new-item {
        background: url(../img/spp/new-tag.png) no-repeat top right;
    }
    .photo-deets .ribbons-only {
        border-top: 1px solid #e1e1e1;
    }
    .photo-deets .ribbon {
        width: 39px;
        height: 54px;
        z-index: 1;
        margin-left: 4px;
    }
    .photo-deets .ribbon.sale-item {
        float: right;
        background: url(../img/spp/sale-tag.png) no-repeat top left;
    }
    .photo-deets .ribbon.new-item {
        float: right;
        background: url(../img/spp/new-tag.png) no-repeat top right;
    }

/*  SELECTOR STYLES
    ---------------------------------------------------------------------------------------------- */
    select.custom-select {
        height: 33px;
        padding: 6px 10px;
        border-color: #e1e1e1;
        border-width: 1px;
        font-size: 14px;
        color: #b1b1b1;
        box-sizing: border-box;
        border-style: solid;
        outline: none;
        font-size: 12px;
        background: #fff;
        appearance: normal;
        -moz-appearance: none;
        -webkit-appearance: none;
        white-space: pre;
        -webkit-rtl-ordering: logical;
        cursor: default;
        display: block;
    }
    select.custom-select + i {
        position: relative;
        top: 14px;
        right: 14px;
        width: 5px;
        height: 11px;
    }
    select.custom-select + i:before {
        top: -2px;
        border-bottom: 4px solid #b1b1b1;
        content: '';
        position: absolute;
        right: 0;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }
    select.custom-select + i:after {
        top: 4px;
        bottom: 0;
        border-top: 4px solid #b1b1b1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        content: '';
        position: absolute;
        right: 0;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }
    @media only screen and (max-width:991px) {
        select.custom-select + i {
            position: absolute;
        }
        select.custom-select {
            width: 100%;
        }
        #product-area label.select {
            padding-left: 5px;
            padding-right: 5px;
        }
    }

/*  HEAD MINI-SLIDERS
    ---------------------------------------------------------------------------------------------- */
    #head-banner [class*="wrapper"],
    #head-banner .product {
        -webkit-transition: height 0.3s ease-in-out;
        -moz-transition: height 0.3s ease-in-out;
        -o-transition: height 0.3s ease-in-out;
        transition: height 0.3s ease-in-out;
    }
    #head-banner {
        margin-bottom: 34px;
    }
    #head-banner .mini-slider .direction-nav > li {
        top: 0;
        z-index: 1;
    }
    #head-banner .mini-slider .direction-nav > li:first-child {
        left: -15px;
    }
    #head-banner .mini-slider .direction-nav > li:last-child {
        right: 0;
    }
    #head-banner .mini-slider .section-body,

    /*#head-banner .mini-slider .carousel-wrapper .carousel-list,*/
    #head-banner .mini-slider .products-container .product,
    #head-banner .mini-slider .direction-nav a.btn,

    /*#head-banner .short-container,*/
    #head-banner .newsletter-with-links .mini-slider .carousel-wrapper,
    #head-banner .newsletter-with-links .mini-slider .caroufredsel_wrapper,
    #head-banner .newsletter-with-links .mini-slider .direction-nav > li > a,
    #head-banner .newsletter-with-links .section-body,
    #head-banner .newsletter-with-links .mini-slider .carousel-wrapper {
        min-height: 202px !important;
    }
    #head-banner .mini-slider .carousel-wrapper,
    #head-banner .mini-slider .carousel-wrapper .carousel-list {
        min-height: 0 !important;
    }
    #head-banner .testimonialolols .mini-slider .carousel-wrapper,
    #head-banner .testimonialolols .mini-slider .carousel-wrapper .carousel-list,
    #head-banner .testimonialolols .mini-slider .section-body,
    #head-banner .testimonialolols .carousel-container .caroufredsel_wrapper {
        min-height: 186px !important;
    }
    #head-banner .testimonialolols .mini-slider .products-container .product {
        min-height: 151px !important;
    }
    #head-banner .mini-slider .carousel-wrapper {
        max-height: none !important;
    }
    #head-banner .mini-slider .direction-nav > li > a {
        width: 24px;
    }
    #head-banner .mini-slider .direction-nav > li > a:hover:not(.disabled) {
        background: rgba(0, 0, 0, 0.4) !important;
    }
    #head-banner .mini-slider .title-area > a {
        padding: 52px 25px 24px !important;
        text-align: right;
    }
    #head-banner .slide-2 .mini-slider .title-area > a h2 {
        float: right;
        text-align: right;
    }
    #head-banner .mini-slider .title-area > a h2 {
        border-bottom: none;
        text-transform: none;
        color: #fff;
        padding: 0;
        margin-bottom: 2px;
        display: inline;
        font-size: 3rem;
        line-height: 4rem;
        font-style: italic;
    }
    #head-banner .testimonialolols .mini-slider .title-area {
        max-height: 200px;
        overflow: hidden;
        margin-bottom: 5px;
    }
    #head-banner .testimonialolols .mini-slider .title-area > a.btn,
    #head-banner .testimonialolols .mini-slider .btn {
        padding: 0 0 0 10px !important;
        position: absolute;
        z-index: 200;
        bottom: 24px;
        color: #fff;
        right: 36px;
        background: none;
        border: none;
        font-weight: 300;   
        /*font-family: var(--primary-font);*/
    }
    #head-banner .testimonialolols .mini-slider .btn:hover {
        box-shadow: none !important;
    }
    #head-banner .testimonialolols .mini-slider .btn:active {
        top: auto;
    }
    #head-banner .testimonialolols .mini-slider .title-area > a {
        padding: 28px 36px 14px !important;
        color: #fff;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.3em;
        /*font-family: var(--primary-font);*/
    }
    #head-banner .testimonialolols .mini-slider .title-area > a h2 {
        text-align: left;
        font-size: 2.2rem;
        line-height: 2.5rem;
        padding-bottom: 5px;
        display: block;
    }
    #head-banner .testimonialolols .mini-slider .title-area > a h2:before,
    #head-banner .testimonialolols .mini-slider .title-area > a h2:after {
        font-style: normal;
        font-family: 'icomoon_ud-shop';
        font-size: 4em;
        color: rgba(255, 255, 255, 0.2);
        position: absolute;
    }
    #head-banner .testimonialolols .mini-slider .title-area > a h2:before {
        content: "\ea32";
        float: left;
        left: -45px;
        top: 21px;
    }
    #head-banner .testimonialolols .mini-slider .title-area > a h2:after {
        content: "\ea31";
        right: -45px;
        bottom: 21px;
    }
    #head-banner .testimonialolols .mini-slider .quoted {
        padding: 0 36px !important;
        max-height: 25px;
        overflow: hidden;
        z-index: 50;
        position: absolute;
        bottom: 20px;
    }
    #head-banner .testimonialolols .mini-slider .quoted span.name-loc {
        padding: 2px 10px 0 10px;
        color: #fff;
        display: block;
        font-weight: 300;    
        font-family: var(--primary-font);
        font-style: italic;
        font-size: 1.5rem;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-bottom: none;
    }
    #head-banner .testimonialolols .mini-slider .quoted span.read-more,
    #head-banner .testimonialolols .mini-slider span.read-more {
        float: right;
        font-size: 1.1rem;
        color: #fff;
        font-weight: 300;   
        font-family: var(--primary-font);
    }
    #head-banner .testimonialolols .mini-slider .quoted span.read-more .btn {
        padding: 3px 0 4px 6px;
        margin-left: 5px;
        position: relative;
        color: #fff;
        top: 1px;
        border-radius: 0;
        border: none;
        box-shadow: none;
        background: none;
    }
    #head-banner .testimonialolols .mini-slider .quoted span.read-more .btn span,
    #head-banner .testimonialolols .mini-slider .btn span {
        padding: 6px 5px 6px 6px;
        position: relative;
        top: 1px;
        margin-left: 5px;
    }
    #head-banner .slide-2 .mini-slider .title-area > a h2 {
        background: rgba(0, 0, 0, 0.4);
    }
    #head-banner .icon-arrow_right:before,
    #head-banner .icon-arrow_left:before {
        top: 46.5%;
    }
    #head-banner .testimonialolols .carousel-container .carousel-list > li {
        padding: 0 5px 0 15px;
    }
    #head-banner .slide-1 .carousel-container .carousel-list > li {
        padding: 0 10px 0 5px;
    }
    #head-banner .slide-2 .carousel-container .carousel-list > li {
        padding: 0 15px 0 0;
    }
    #head-banner .testimonialolols .carousel-container .carousel-list > li,
    #head-banner .slide-1 .carousel-container .carousel-list > li,
    #head-banner .slide-2 .carousel-container .carousel-list > li,
    #head-banner .mini-slider .carousel-wrapper .carousel-list {
        margin-top: 0 !important;
    }
    #head-banner .slide-2 .carousel-container .carousel-list img.banner-bg {
        min-width: 100%;
    }
    #head-banner .slide-2 .mini-slider .title-area > a h2 {
        padding: 0 8px;
    }

    #head-banner .mini-slider .caroufredsel_wrapper .title-area,
    #head-banner .mini-slider .caroufredsel_wrapper .title-area a{
        height: 100%;
    }
    #head-banner .mini-slider .caroufredsel_wrapper .title-area a:hover,
    #head-banner .mini-slider .caroufredsel_wrapper .products-container .product .product-link:hover {
        opacity: 0.85;
    }

    @media screen and (min-width:1201px) {
        #head-banner .testimonialolols .mini-slider .title-area > a {
            padding: 36px 36px 44px !important;
        }
    }
    @media screen and (max-width:1200px) and (min-width:992px) {
        #head-banner .testimonialolols .mini-slider .title-area {
            max-height: 140px;
            margin-bottom: 10px;
        }
    }
    @media screen and (max-width:991px) {
        #head-banner .testimonialolols:after {
            content: "";
            display: table;
            clear: both;
        }
        #head-banner .short-container.clippit {
            height: auto !important;
        }
        #head-banner .testimonialolols .mini-slider .short-container.clippit > .section-body {
            min-height: 0 !important;
        }
        #head-banner .short-container {
            max-height: none;
        }
        #head-banner .testimonialolols .mini-slider .quoted span.read-more .btn:hover span:before,
        #head-banner .testimonialolols .mini-slider .btn:hover span:before {
        }
        #head-banner .testimonialolols .mini-slider .quoted span.read-more .btn span {
            padding: 6px 5px 5px 6px;
        }
        #head-banner .testimonialolols .mini-slider .row.carousel-container {
            margin-right: 0;
        }
        #head-banner .main .mini-slider .row.carousel-container {
            margin: 0;
        }
        #head-banner .testimonialolols .carousel-container .carousel-list > li,
        #head-banner .slide-1 .carousel-container .carousel-list > li,
        #head-banner .slide-2 .carousel-container .carousel-list > li {
            padding: 0;
        }
        #head-banner .testimonialolols .mini-slider .title-area > a h2:after {
            bottom: 11px;
        }
        .newsletter-with-links .mini-slider img.banner-bg,
        .mini-slider .carousel-list img.banner-bg {
            width: 100% !important;
        }
        #head-banner .mini-slider .direction-nav > li:last-child {
            right: -15px;
        }
        .inner-action-bar {
            padding: 18px 15px 16px 15px;
        }
        .header-cart .cart-items {
            right: 0;
        }
        .header-cart .relative > a:after {
            right: 19px;
        }
        .mini-slider .carousel-list img.banner-bg {
            width: auto !important;
        }
        #head-banner .mini-slider .title-area > a {
        }
        #head-banner .slide-2 .mini-slider .title-area > a h2 {
            font-size: 2.2rem;
        }
        #head-banner .testimonialolols .mini-slider .title-area {
            max-height: 150px;
        }
        #head-banner .testimonialolols .mini-slider .title-area > a h2 {
            font-size: 3rem;
        }
        #head-banner .testimonialolols .mini-slider .title-area > a,
        #head-banner .testimonialolols .mini-slider .quoted {
            padding-left: 30px !important;
            padding-right: 30px !important;
        }
        #head-banner .testimonialolols .mini-slider .title-area > a {
            padding-top: 24px !important;
        }
        #head-banner .testimonialolols .mini-slider .quoted span.name-loc {
            font-size: 1.25rem;
        }
        .header-currency .relative > a:after {
            right: 15px;
        }
        .dl-submenu {
            transition: all 0.5s;
        }
        .mobile-menu .dl-menu.dl-menuopen,
        .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu {
            right: 0 !important;
        }
        .iphone .dl-trigger,
        .ipad .dl-trigger {
            padding: 0 16px;
            margin-left: 0;
        }
        .iphone .icon-reorder:before,
        .ipad .icon-reorder:before,
        .iphone .dl-menuwrapper .dl-active > i:before,
        .ipad .dl-menuwrapper .dl-active > i:before {
            left: -8px;
        }
        /*#head-banner {
            padding-top: 20px;
        }*/
    }
    @media screen and (min-width: 992px) {        

        #header-main .logo > a {
            max-width: 400px;
        }
    }
    @media screen and (min-width:768px) and (max-width:991px) {
        #head-banner .testimonialolols .mini-slider .products-container .product{
            min-height: 161px !important;
        }
        #head-banner .mini-slider .products-container .product {
            min-height: 245px !important;
        }
        #head-banner .testimonialolols .mini-slider .btn,
        #head-banner .testimonialolols .mini-slider .btn:hover {
            bottom: 21px;
            right: 30px;            /*color: transparent !important;*/
        }
        #head-banner .testimonialolols .mini-slider .btn:hover span.icon-arrow_right {
            padding: 0 !important;            /*margin: 0 !important;*/
        }
        #head-banner .testimonialolols .mini-slider .btn:hover span.icon-arrow_right:before {
            display: none !important;
        }
        #head-banner .testimonialolols .mini-slider .btn span.icon-arrow_right {
            color: #fff !important;
        }
    }
    @media screen and (min-width:768px) {        
        .logo-container {
            padding-left: 0;
        }
        #head-banner .testimonialolols .mini-slider .quoted span.read-more .btn span,
        #head-banner .testimonialolols .mini-slider .btn span {
            left: -1px;
        }
    }
    @media screen and (max-width:767px) {
        .slide-1 .mini-slider .carousel-list img.banner-bg {
            min-width: 100% !important;
        }
        #head-banner .testimonialolols .mini-slider .quoted {
            padding: 0 30px 30px 30px !important;
        }
        #head-banner .testimonialolols .mini-slider .products-container .product {
            min-height: 190px !important;
        }
        #head-banner .testimonialolols .mini-slider {
            margin-bottom: 5px;
        }
        #head-banner .testimonialolols .mini-slider .btn {
            bottom: 29px;
            right: 30px;
        }
        .header-cart:not(.header-currency) .inner .relative > a {
            width: 40px;
            overflow: hidden;
        }
    }
    @media screen and (max-width:680px) {
        .header-cart > .inner {
            top: -4px;
        }
        #header-main > .container {
            padding-bottom: 0;
        }
        .header-cart.header-currency {
            width: 50%;
            padding-right: 15px;
        }
        .header-cart.header-currency .inner {
            float: right;
        }
        .header-currency .cart-items.currency-choices {
            right: -4px;
        }
        .header-cart.header-currency > .inner > .relative > a:before {
            margin-right: 0 !important;
        }
        .header-cart.header-currency > .inner > .relative > a:after {
            right: 8px;
        }
        .header-cart:not(.header-currency) .relative > a:after {
            right: 12px;
        }
        .header-cart:not(.header-currency) .cart-items {
            right: -7px;
        }
        .header-social-icons ul {
            z-index: 150;
            position: relative;
        }
        .mobile-menu {
            float: right;
        }
        .search-box {
            position: absolute;
            right: 15px;
            top: 54px;
            padding: 0 !important;
            transition: all 0.4s;
        }
        #site-menu {
            display: inline-block;
            min-width: 100%;
            min-height: 40px;
            top: -54px;
        }
        #site-menu .container {
            width: 100% !important;
            padding-left: 30px;
        }
        .logo a img {
            max-width: none;
        }
        .search-box.input-over-menu {
            margin-right: 6px;
            margin-top: 0;
            border: none;
        }
        .header-currency,
        .header-cart {
            z-index: 1005;
        }
        .logo-container {
            position: relative;
            z-index: 1;
            width: 100%;
        }
    }
    @media screen and (max-width:565px) {
        .header-cart:not(.header-currency) .cart-items {
            right: auto;
        }
    }
    @media screen and (max-width:535px) {
        #head-banner .testimonialolols .mini-slider .title-area {
            max-height: 135px;
        }
        #head-banner .testimonialolols .mini-slider .title-area > a {
            padding-top: 20px !important;
        }
        .header-cart:not(.header-currency) {
            top: -131px;
        }
        .header-cart.header-currency {
            top: -86px;
        }
    }
    @media screen and (max-width:480px) {
        .slide-1,
        .slide-2 {
            width: 100% !important;
        }
        #head-banner .short-container {
            min-height: 0 !important;
        }
        .slide-1 .mini-slider {
            margin-bottom: 5px !important;
        }
        .slide-1 .short-container {
            max-height: 100px;
        }
        #head-banner .slide-2 .carousel-container .carousel-list img.banner-bg {
            width: auto !important;
        }
        #head-banner .mini-slider .direction-nav a.btn {
            min-height: 182px !important;
        }
        #head-banner .mini-slider .title-area > a {
            padding: 32px 25px 24px !important;
        }
        #head-banner .slide-2 .mini-slider .title-area > a h2 {
            font-size: 2.8rem;
            width: 100% !important;
        }
        #head-banner .mini-slider .direction-nav > li > a {
            width: 25px;
        }
    }
    @media screen and (max-width:480px) {
        .search-box {
            right: auto !important;
            top: 20px;
        }
    }

/*  INFO BAR
    ---------------------------------------------------------------------------------------------- */
    #info-bar {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 34px;
        padding: 15px 0;
        color: #fff;
        font-size: 1.2em;
        line-height: 1.2em;
        font-weight: 400;
        letter-spacing: 0.05em;
        text-align: center;
        text-transform: uppercase;
        background-color: var(--spp-pink);
    }
    #info-bar a {
        color: #fff;
    }

/*  HEADER SHOPPING CART
    ---------------------------------------------------------------------------------------------- */
    .header-cart {
        position: relative;
        top: -101px;
        left: -15px;
        z-index: 10;
    }
    .header-cart a.btn {
        text-align: right;
    }
    .header-cart a.btn.btn-iconed {
        padding: 0 12px 0 0;
        min-width: 0;
    }
    .header-cart a.btn.btn-iconed:hover,
    .header-cart a.btn.btn-iconed:active {
        box-shadow: none;
        top: 0;
    }
    .header-cart a.btn.btn-iconed > i {
        padding-right: 0;
    }
    .header-cart .icon-shopcart {
        height: 46px;
        width: 46px;
        float: left;
        text-align: center;
        margin-right: 10px;
    }
    .header-cart .icon-shopcart:before {
        content: "\e608";
        font-size: 30px;
        line-height: 46px;
        color: #fff;
    }
    .header-cart .footer {
        text-decoration: none;
    }
    .header-cart .footer,
    .header-cart .footer a.btn {
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }
    .header-cart .footer a:before {

        /*content: "\e818";*/ /*Eye Icon*/
        content: "\e60a"; /*Cart Icon*/
        position: relative;
        top: 6px;
        font-size: 30px;
        line-height: 10px;
        margin-right: 4px;
        font-family: 'icomoon_ud-shop';
    }
    .cart-summary {
        font-size: 13px;
        text-transform: uppercase;
        margin-right: 20px;
    }
    .cart-summary strong {
        text-transform: none;
    }
    .cart-summary:before {
        content: "\e60a";
        color: #fff;
        font-weight: 400;
        margin-left: 6px;
        margin-right: 8px;
        font-size: 2em;
        line-height: 1.3em;
        width: 30px;
        height: 30px;
        display: block;
        float: left;
        box-sizing: border-box;
        border-radius: 50%;
        padding: 0 2px 0 0;
        position: relative;
        top: 5px;
        text-transform: none;
        font-family: 'icomoon_ud-shop', sans-serif;
    }
    .cart-summary:after {
        content: "\e9df";
        margin-left: 4px;
        top: 2px;
        position: relative;
        font-family: 'icomoon_ud-shop', sans-serif;
    }
    .header-cart .cart-items .items .item-price {
        padding: 0 10px;
    }
    .cart-items {
        margin-right: 1px;
        min-width: 250px;
    }
    .cart-items .items .item-thumbnail > a {
        background: #fff;
    }
    .header-cart .cart-items {
        right: 8px;
    }
    .header-cart .relative > a:after {
        content: "\00a0";
        display: block;
        position: absolute;
        top: 28px;
        right: 20px;
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-bottom-color: transparent;
        transition: all ease-in 0.4s;
        -ms-transition: all ease-in 0.4s;
        -webkit-transition: all ease-in 0.4s;
    }
    .header-cart .relative > a:hover:after {
        border-bottom-color: #cecece;
    }
    .header-currency {
        float: left;
        position: relative;
        top: -91px;
        left: 87px;
        z-index: 10;
    }
    .header-currency a {
        height: 45px;
        display: block;
    }
    .header-currency a:before,
    .header-currency > .inner > .relative > a:hover:before {
        border: 1px solid transparent;
    }
    .header-currency a:before,
    .header-currency > .inner > .relative > a:hover:before,
    .header-cart > .inner > .relative .cart-summary:hover:before,
    #top-slider .slides > li.slide .flex-caption.slider-caption,
    .color-bar {
        transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }
    .header-currency > .inner > .relative > a:before,
    .header-currency > .inner > .relative > a:hover:before {
        padding: 2px 9px 0 0;
    }
    .header-currency > .inner > .relative > a:hover:before,
    .header-cart > .inner > .relative .cart-summary:hover:before {
        transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
    }
    @media screen and (min-width:992px) and (max-width:1199px) {
        .header-currency {
            left: -27px;
        }
        .header-cart {
            left: -40px;
        }
    }
    @media screen and (max-width:991px) {
        .header-cart {
            left: 60px;
        }
        .header-social-icons ul.top-social-icons {
            margin: 20px 0 4px 10px;
        }
    }
    @media screen and (max-width:768px) and (min-width:768px) {
        .header-social-icons.center-sm {
            display: block;
            margin: 0;
        }
    }
    @media screen and (max-width:767px) and (min-width:681px) {
        .header-social-icons ul.top-social-icons {
            margin: 15px 0 4px 10px;
        }
    }
    @media screen and (max-width:680px) and (min-width:481px) {
        .header-social-icons ul.top-social-icons {
            margin: 15px 0 4px 10px;
        }
        .header-cart {
            left: auto !important;
            right: 110px !important;
            top: -38px;
        }
    }
    @media screen and (max-width:565px) {
        #site-header-bar .top-links {
            width: 100%;
            text-align: center;
        }
        #site-header-bar .top-links > ul {
            display: table;
            margin: 18px auto 0;
        }
        #site-header-bar .header-social-icons ul.top-social-icons {
            margin: 5px 0 4px auto;
            float: right !important;
            display: block;
        }
        #site-header-bar .header-social-icons {
            margin: 0;
        }
        #header-main .header-cart:not(.header-currency) .inner .relative > a {
            width: auto;
            overflow: visible;
        }
        #header-main .header-cart:not(.header-currency) {
            position: absolute;
            margin: 0 auto -4px;
            top: auto;
            bottom: 100%;
            right: auto !important;
            left: 10px !important;
        }
    }
    @media screen and (max-width:535px) {
        #header-main .header-cart:not(.header-currency) {
            margin-bottom: 3px;
        }
    }
    @media screen and (max-width:480px) {
        #header-main .header-cart:not(.header-currency) {
            margin-bottom: -5px;
        }
        #site-header-bar .header-social-icons ul.top-social-icons {
            margin: 7px 0 4px auto;
        }
        .header-currency {
            top: -182px !important;
        }
        #header-main {
            margin: 0 !important;
        }
        .header-cart:not(.header-currency) .cart-items {
            right: -50px !important;
        }
        .header-social-icons ul > li {
            display: list-item;
        }
        .header-social-icons li > .facebook:before,
        .social-icons li > .facebook:before {
            top: -2px;
            position: relative;
        }
        #site-header-bar .header-social-icons {
            margin-bottom: 0;
            margin-top: -4px !important;
            margin-bottom: 6px !important;
        }
        #site-menu {
            top: 15px !important;
        }
        #site-menu .container {
            position: absolute;
            right: 0;
        }
        .search-box {
            top: 0 !important;
        }
    }
    .logo a img {
        max-width: 100%;
    }

/*  HEADER
    ---------------------------------------------------------------------------------------------- */
    #header-main > .container > .row {
        height: 132px;
    }
    #header-main {
        margin: 0 0 36px;
    }
    #header-main > .container {
        position: relative;
        padding-top: 50px;
        padding-bottom: 32px;
        background-size: 100%;
        /*background: transparent url(../img/spp/header-img.png) 50% 0 no-repeat !important;*/
    }
    #site-header {
        background: transparent;
        height: 258px;
    }
    #site-header-bar .container {
        /*border-bottom: 1px solid #c2bcbc;*/
        border-bottom: none;
    }
    #slogan {
        font-family: 'Cookie', Helvetica, sans-serif;
        position: absolute;
        top: 40px;
        right: 4px;
        font-size: 2.4em;
        text-transform: none;
    }
    #site-header .top-links > ul {
        margin-top: 34px;
    }
    #site-header .search-box {
        padding-top: 24px;
    }
    @media only screen and (max-width:991px) and (min-width:768px) {
        .header-cart {
            top: -88px;
        }
    }
    @media only screen and (max-width:991px) {
        #site-header {
            height: 210px;
        }
        #slogan {
            top: 35px;
            right: 19px;
        }
        #site-header .search-box {
            padding-top: 0px;
        }
    }
    @media only screen and (max-width:767px) {
        #site-header-bar .container {
            padding-bottom: 10px;
        }
        .header-social-icons {
            display: block !important;
        }
        .header-cart.header-currency {
            float: left !important;
            left: auto !important;
            right: 0 !important;
        }
    }
    @media only screen and (max-width:767px) and (min-width:681px) {
        .header-cart {
            top: -47px !important;
            right: 100px !important;
            left: auto !important;
            position: absolute !important;
        }
        #site-header .top-links > ul {
            margin-top: 29px;
        }
    }
    @media only screen and (max-width:680px) {
        .top-links .menu li:last-child,
        .top-links .menu li:last-child:after {
            margin-right: 0;
        }
        #site-header {
            background: transparent;
            height: auto;
        }
        #header-main {
            margin: 0;
        }
        #header-main > .container {
            padding-top: 40px;
        }
        #header-main .logo {
            float: none;
        }
        #header-main .logo,
        #header-main .logo > a {
            margin: 0 auto;
        }
    }
    @media only screen and (min-width:536px) and (max-width:680px) {
        .top-links ul {
            float: none !important;
        }
        #site-header .top-links > ul {
            margin-top: 28px;
        }
        .header-cart {
            position: absolute;
        }
    }
    @media only screen and (min-width:481px) and (max-width:680px) {
        .header-cart.header-currency {
            float: left !important;
            left: -50% !important;
            right: auto !important;
        }
    }
    @media only screen and (max-width:535px) {
        #site-header .top-links > ul {
            float: none;
            text-align: center;
        }
        #site-header .top-links .menu li {
            float: none;
            display: inline-block;
        }
        .header-social-icons ul > li {
            float: none;
            display: inline-block;
        }
        .top-links {
            width: 100% !important;
            text-align: center !important;
            display: table !important;
            margin: 0 auto !important;
            width: auto !important;
            float: none !important;
        }
    }
    @media only screen and (max-width:480px) {
        #slogan {
            top: 150px;
            right: 0;
            left: 0;
            text-align: center;
            font-size: 1.9em;
        }
        #site-header-bar .container {
            padding-bottom: 0;
        }
        #header-main > .container {
            padding-top: 30px;
        }
    }

/*  NEWSLETTER WITH LINKS
    ---------------------------------------------------------------------------------------------- */
    .section.newsletter-with-links {
        margin-top: 0;
    }
    .section.newsletter-with-links > .container {
        padding-top: 40px;
        margin-top: 10px;
        margin-bottom: 40px;
    }
    .newsletter-with-links .newsletter-signup,
    .newsletter-with-links .shipping-box,
    .connect-box {
        height: 100%;
        min-height: 182px;
    }
    .newsletter-with-links .mini-slider .carousel-container .carousel-list > li {
        padding: 0;
    }
    .newsletter-with-links .shipping-box,
    .connect-box {
        /*padding: 42px 40px 0 40px;*/
        padding: 20px;
        text-align: center;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .newsletter-with-links .mini-slider {
        margin-bottom: 0 !important;
    }
    .newsletter-with-links .mini-slider .title-area > a {
        height: 182px;
        padding: 40px 38px 0 !important;
    }
    .newsletter-with-links .mini-slider .carousel-list .product {
        max-height: 182px;
    }

    /*.short-container,*/
    .newsletter-with-links .mini-slider .carousel-wrapper,
    .newsletter-with-links .mini-slider .caroufredsel_wrapper,
    .newsletter-with-links .mini-slider .direction-nav > li > a,
    .newsletter-with-links .section-body,
    .newsletter-with-links .mini-slider .carousel-wrapper {
        min-height: 0 !important;
        max-height: 182px;
    }
    .newsletter-with-links .mini-slider .carousel-container .control-direction {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .newsletter-with-links .mini-slider .carousel-container .control-direction {
        top: auto;
        bottom: 0;
        float: left;
    }
    .newsletter-with-links .mini-slider .carousel-container .control-direction,
    .newsletter-with-links .mini-slider .carousel-container .control-direction .direction-nav {
    }
    .newsletter-with-links .mini-slider .carousel-container .control-direction .direction-nav > li > a {
        width: 100% !important;
        height: 36px;
        min-height: 36px !important;
        padding-top: 8px;
        top: 1px;
    }
    .newsletter-with-links .mini-slider .carousel-container .control-direction .direction-nav > li > a.btn:active {
        top: 0;
    }
    .newsletter-with-links .mini-slider .carousel-container .control-direction .direction-nav > li {
        width: 20% !important;
    }
    .newsletter-with-links .mini-slider .carousel-container .control-direction .direction-nav > li.link-text {
        width: 99.9% !important;
    }
    .newsletter-with-links .mini-slider .carousel-container .link-text {
        text-transform: uppercase;
        font-style: italic;
        font-size: 1.2em;
        color: #fff;
        font-weight: 300;   
        font-family: var(--primary-font);
        text-align: center;
        background-color: rgba(0, 0, 0, 0);
    }
    .newsletter-with-links .mini-slider .carousel-container .link-text:before {
        content: "+ ";
        margin-right: 3px;
    }
    .newsletter-with-links .mini-slider .carousel-container {
        margin-right: 0;
        margin-left: 0;
    }
    .newsletter-with-links .mini-slider img.banner-bg,
    .mini-slider .carousel-list img.banner-bg {
        height: auto !important;
        min-height: 0;
    }
    .newsletter-with-links .mini-slider img.banner-bg {
        width: 100% !important;
    }
    .newsletter-with-links .top-heading {
        font-size: 4.5rem !important;
        line-height: 4rem;
        font-family: 'latobold';
        text-transform: uppercase;
    }
    .newsletter-with-links .mini-slider .section-body {
        min-height: 0;
        max-height: 182px;
    }
    .newsletter-with-links .mini-slider .direction-nav {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .newsletter-with-links .mini-slider .direction-nav > li > a {
        width: 36px;
        min-height: 0;
        left: 0;
        bottom: 0;
        height: 24px;
        position: absolute;
    }
    .newsletter-with-links .mini-slider .direction-nav > li:nth-child(2) > a,
    .newsletter-with-links .mini-slider .direction-nav > li:last-child {
        float: right;
        right: 1px;
        position: absolute;
    }
    .newsletter-with-links .mini-slider .link-text {
        text-align: center;
        height: 36px;
        pointer-events: none;
    }
    .newsletter-with-links .mini-slider .products-container .link-text {
        position: absolute;
        z-index: 100;
        bottom: 0;
        left: 0;
        color: #fff;
        width: 100%;
        padding-right: 10px;
        line-height: 37px;
        background: rgba(0, 0, 0, 0.7);
    }
    .products-container .product:hover {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
    .newsletter-with-links h2,
    .newsletter-with-links .shipping-box h2 {
        text-transform: uppercase;
        font-weight: 400;
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0;
    }
    /*.newsletter-with-links h2 {
        line-height: 3.8rem;
        letter-spacing: -0.08em;
    }*/
    .newsletter-with-links h2 .top {
        font-size: 4.2rem;
    }
    .newsletter-with-links h2 .bottom {
        font-size: 4.9rem;
    }
    .connect-box h2 {
        line-height: 1;
    }
    .connect-box h2 .bottom {
        font-size: 4.2rem;
    }
    .newsletter-with-links .short-container h2 .top {
        font-size: 4.5rem;
        color: #fff;
        line-height: 4rem;
    }
    .newsletter-with-links .short-container h2 .bottom {
        font-size: 4.6rem;
        color: #f5dba1;
        line-height: 4rem;
    }
    #site-content .newsletter-with-links .connect-box {
        background: var(--spp-yellow) url(../img/spp/connect-with-us-bg-min.png) 50% 50% no-repeat;
        background-size: cover;
    }
    #site-content .newsletter-with-links .connect-box .secondary-color {
        color: #fff;
    }
    .newsletter-with-links .shipping-box [class^="icon-"] {
        display: inline-block;
        font-size: 2.4rem;
        margin-left: 4px;
    }
    .newsletter-with-links .shipping-box h2 {
        line-height: 3rem;
        border-bottom: none;
        padding-bottom: 0;
    }
    .newsletter-with-links .shipping-box h2 .top {
        font-size: 4.5rem;
        color: #fff;
    }
    .newsletter-with-links .shipping-box h2 .icon-shipping:before {
        font-size: 6.6rem;
        vertical-align: bottom;
        position: relative;
        top: 4px;
    }
    .newsletter-with-links .shipping-box h2 .bottom {
        font-size: 4rem;
        line-height: 3rem;
    }
    .newsletter-with-links .shipping-box.version-two {
        padding: 20px;
        background: var(--spp-orange) url(../img/spp/shipping-bg-min.png) 50% 50% no-repeat;
        background-size: cover;
    }
    .newsletter-with-links .shipping-box.version-two h2 .top {
        font-size: 1.6em;
        letter-spacing: 0.05em;
    }
    .newsletter-with-links .shipping-box.version-two h2 .bottom {
        font-size: 1.3em;
        line-height: 1em;
    }
    .newsletter-with-links .shipping-box.version-two p {
        font-weight: 400;
        text-transform: uppercase;
        font-family: var(--primary-font);
    }
    /*@media screen and (max-width:1200px) and (min-width:992px) {
        .newsletter-with-links .shipping-box.version-two h2 .bottom {
            font-size: 1.1em;
            letter-spacing: -0.03em;
        }
    }
    @media screen and (max-width:991px) {
        .newsletter-with-links .shipping-box.version-two {
            padding: 42px 30px 0 30px;
        }
        .newsletter-with-links .shipping-box.version-two h2 .bottom {
            font-size: 1.55em;
            line-height: 1.2em;
        }
        .newsletter-with-links .shipping-box.version-two p {
            margin-top: -2px;
        }
    }*/
    .newsletter-with-links .shipping-box p {
        font-weight: 200;
        font-size: 3rem;
        letter-spacing: -0.05em;
        margin-top: -10px;
        color: #999;
        font-weight: 300;   
        font-family: var(--primary-font);
    }
    #site-content .newsletter-with-links > .container > .row {
        display: flex;
    }
    #site-content .newsletter-with-links .newsletter-signup {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px;
        background: var(--spp-teal) url(../img/spp/newsletter-bg-min.png) 50% 50% no-repeat;
        background-size: cover;
    }
    .newsletter-with-links .disclaimer {
        color: #999;
        font-size: 10px;
        font-style: italic;
        padding: 3px 0 0 8px;
        line-height: 1;
        position: absolute;
        top: 100%;
    }
    .newsletter-with-links .disclaimer:before {
        content: "*";
        margin-left: -5px;
    }
    .newsletter-with-links .newsletter-signup .newsletter-title {
        color: #fff;
        font-weight: normal;
        position: relative;
        text-align: center;
        font-size: 4em;
        text-indent: -9999em;
        background: transparent url(../img/spp/newsletter-title-min.png) 50% 50% no-repeat;
    }
    .newsletter-with-links .newsletter-signup .sub-text {
        color: var(--spp-pink);
        margin-bottom: 0;
        font-size: 14px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        text-align: center;
    }
    .newsletter-with-links .newsletter-signup .inner-cover .frm-subscribtion {
        margin: 0;
    }
    .newsletter-with-links .newsletter-signup .inner-cover .frm-subscribtion p {
        margin-bottom: 4px;
        width: 155px;
    }
    .newsletter-with-links .newsletter-signup .inputs {
        box-sizing: border-box;
        display: flex;
        padding: 0;
        /*padding-left: 20px;
        position: absolute;
        top: 76px;*/
    }
    .newsletter-with-links .newsletter-signup .inputs .subscribe-input {
        font-size: 1.3rem;
        font-style: normal;
        padding: 6px 10px;
        width: 100%;
        margin-top: 6px;
        border-radius: 0;
        border: none;
    }
    .newsletter-with-links .newsletter-signup .buttons {
        padding: 0;
        text-align: center;
    }
    .newsletter-with-links .newsletter-signup .buttons .btn {
        width: auto;
        text-align: center;
        margin: 6px auto 0;
        float: none;
    }
    .newsletter-with-links .newsletter-signup .subscribe-title {
        text-align: right;
        font-size: 5.8rem;
        line-height: 5.8rem;
        margin-bottom: 0;
    }
    .newsletter-with-links .social-icons li > a {
        color: #fff;
    }
    @media only screen and (min-width:1201px) {
        .newsletter-with-links .carousel-wrapper h2 {
            max-height: 9rem;
            overflow: hidden;
        }
    }
    @media only screen and (max-width:1200px) and (min-width:992px) {
        .newsletter-with-links .newsletter-signup .newsletter-quote {
            max-height: 100px;
            max-width: 100px;
            background-size: 100%;
            margin: 5px -10px 0 0;
        }
        .newsletter-with-links .short-container h2 .bottom,
        .newsletter-with-links .short-container h2 .top {
            max-height: 7rem;
            overflow: hidden;
        }
        .newsletter-with-links .short-container h2 .top {
            font-size: 3.5rem;
        }
        .newsletter-with-links .short-container h2 .bottom {
            font-size: 3.6rem;
        }
        .newsletter-with-links .carousel-wrapper h2 {
            max-height: 9rem;
            overflow: hidden;
        }
    }
    @media screen and (max-width:991px) and (min-width:768px) {
        /*.newsletter-with-links {
            max-height: 400px;
        }*/
        .newsletter-with-links .shipping-box {
            margin-top: 0;
        }
        /*.newsletter-with-links .newsletter-signup .newsletter-title {
            background-size: contain;
        }*/
    }
    @media only screen and (max-width:991px) {
        .newsletter-with-links .newsletter-signup .inputs {
            flex-direction: column;
        }
        .search-box {
            padding: 0;
            position: absolute;
            float: none !important;
            top: 0;
            right: 50px;
        }
        .newsletter-with-links > .container > .row {
            flex-wrap: wrap;
        }
        .newsletter-with-links > .container > .row > [class*="col-"]:first-child,
        .newsletter-with-links > .container > .row .newsletter-main + .col-xs-12 {
            flex: 0 0 50%;
        }
        .newsletter-with-links > .container > .row .newsletter-main + .col-xs-12 {
            order: 2;
        }
        .newsletter-with-links > .container > .row .newsletter-main {
            order: 3;
        }
        .newsletter-with-links .disclaimer {
            text-align: center;
            padding-left: 0;
            font-size: 11px;
            width: 100%;
        }
        .newsletter-with-links > .container > .row > [class*="col-"] {
            padding: 0;
        }
    }
    @media screen and (max-width:768px) {
        .newsletter-with-links .shipping-box.version-two h2 .top,
        .connect-box h2 .bottom {
            font-size: 4.2rem;
        }
        .newsletter-with-links > .container > .row {
            padding: 0 15px;
        }
    }
    @media screen and (max-width:768px) and (min-width:567px) {
        .newsletter-with-links .shipping-box:not(.version-two) h2 .bottom {
            font-size: 4.5rem !important;
            margin-left: 15px !important;
        }
    }
    @media screen and (max-width:768px) and (min-width:481px) {
        .newsletter-with-links .newsletter-signup .inputs {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
        .newsletter-with-links .newsletter-signup .buttons {
            padding-right: 20px !important;
        }
    }
    @media screen and (max-width:566px) {
        .newsletter-with-links .newsletter-signup {
            background-position: -10% 50%;
        }
        .newsletter-with-links .newsletter-signup .inputs {
            padding-left: 15px;
        }
        .newsletter-with-links .shipping-box {
            padding-top: 35px;
        }
        .newsletter-with-links > .container > .row > [class*="col-"]:first-child,
        .newsletter-with-links > .container > .row .newsletter-main + .col-xs-12 {
            flex: 0 0 100%;
        }
    }
    @media screen and (max-width:480px) {
        .newsletter-with-links .mini-slider .direction-nav > li {
            height: 36px !important;
            top: -36px !important;
        }
        .mini-slider .direction-nav > li:last-child {
            position: absolute;
            top: 0;
            right: 0;
        }
        .mini-slider .direction-nav > li:first-child {
            position: absolute;
            top: 0;
            left: 0;
        }
        .newsletter-with-links .newsletter-signup {
            background-size: cover !important;
        }
        .newsletter-with-links .newsletter-signup .newsletter-quote {
            margin-top: 0 !important;
        }
        .newsletter-with-links .newsletter-signup .inputs,
        .newsletter-with-links .newsletter-signup .buttons {
            padding-left: 35px !important;
            padding-right: 35px !important;
            left: 0;
        }
        .newsletter-with-links .newsletter-signup .buttons {
            top: 175px;
        }
        .newsletter-with-links .newsletter-signup .inputs input.subscribe-input {
            margin-right: 0 !important;
        }
        .newsletter-with-links .newsletter-signup .inner-cover .frm-subscribtion p {
            width: 100%;
            text-align: center;
        }
        .newsletter-with-links .newsletter-signup .newsletter-title {
            background-size: contain;
        }
    }
    @media screen and (max-width:360px) {        
        .newsletter-with-links .newsletter-signup .newsletter-title {
            font-size: 3em;
        }
    }

/*  NEWSLETTER SIGNUP
    ---------------------------------------------------------------------------------------------- */
    #newsletterSignUp + .choose_news {
        padding: 6px 1.2em;
    }
    .firefox #newsletterSignUp + .choose_news {
        padding: 6px 1.2em 3px;
    }
    .win.unknownX.gecko #newsletterSignUp + .choose_news {
        padding: 9px 1.2em 3px;
    }
    #newsletterSignUp + .choose_news > span {
        margin-right: 1em;
    }
    #newsletterSignUp + .choose_news > span label.choice {
        bottom: 0;
    }
    .firefox #newsletterSignUp + .choose_news > span label.choice,
    .win.unknownX.gecko #newsletterSignUp + .choose_news > span label.choice {
        bottom: 2px;
    }

/*  GALLERY
    ---------------------------------------------------------------------------------------------- */
    .gallery_item {
        width: auto !important;
        border-style: dotted !important;
        padding: 3px !important;
    }
    .gallery-item-title {
        padding: 2px 10px 6px;
        line-height: 1.2em !important;
        min-height: 46px;
    }
    .MagicThumb-expanded,
    .MagicThumb-caption {
        background: #fff !important;
        border-radius: 3px;
        -ms-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    .MagicThumb img {
        width: 100%;
    }
    .MagicThumb-caption {
        padding: 10px 20px !important;
    }
    .gallery_item:nth-child(5n-1) {
        margin-right: 10px !important;
    }
    @media screen and (min-width:1201px) {
        .gallery_item {
            width: 19% !important;
        }
        .article-gallery .gallery_item {
            width: 19% !important;
        }
        .gallery_item:nth-child(5n) {
            margin-right: 0 !important;
        }
    }
    @media screen and (min-width:992px) and (max-width:1200px) {
        .gallery_item {
            width: 24% !important;
        }
        .article-gallery .gallery_item {
            width: 23% !important;
        }
        .gallery_item:nth-child(4n) {
            margin-right: 0 !important;
        }
    }
    @media screen and (min-width:768px) and (max-width:991px) {
        .gallery_item {
            width: 32% !important;
        }
        .article-gallery .gallery_item {
            width: 31% !important;
        }
        .gallery_item:nth-child(3n) {
            margin-right: 0 !important;
        }
    }
    @media screen and (min-width:381px) and (max-width:767px) {
        .gallery_item {
            width: 48% !important;
        }
        .article-gallery .gallery_item {
            width: 48% !important;
        }
        .gallery_item:nth-child(2n) {
            margin-right: 0 !important;
        }
    }
    /*@media screen and (min-width:481px) and (max-width:640px) {
        .gallery_item {
            width: 31% !important;
        }
        .article-gallery .gallery_item {
            width: 31% !important;
        }
        .gallery_item:nth-child(3n) {
            margin-right: 0 !important;
        }
    }
    @media screen and (min-width:381px) and (max-width:480px) {
        .gallery_item {
            width: 48% !important;
        }
        .article-gallery .gallery_item {
            width: 48% !important;
        }
        .gallery_item:nth-child(2n) {
            margin-right: 0 !important;
        }
    }*/
    @media screen and (max-width:380px) {
        .gallery_item {
            width: 100% !important;
        }
        .gallery_item {
            margin-right: 0 !important;
        }
        .gallery-item-title {
            min-height: 0;
        }
    }

/*  HEADER NAV
    ---------------------------------------------------------------------------------------------- */
    #site-menu {
        top: 25px;
        z-index: 0;
    }
    #site-menu .container {
        position: absolute;
        right: 0;
    }
    #site-menu .inner {
        width: 100%;
    }
    #site-header-bar .menu {
        font-size: 11px;
        text-transform: uppercase;
    }
    #site-header-bar .menu li > a.current {

        /*font-weight: 600;*/
    }
    .top-links .menu li {
        margin-left: 0;
        margin-right: 6px;
    }
    .top-links .menu li:before {
        content: "";
        margin-right: 0;
    }
    .top-links .menu li:after {
        content: "";
        margin-right: 5px;
    }
    .dl-menuwrapper button:hover,
    .dl-menuwrapper button.dl-active {
        background-color: #fff;
    }
    .main-menu > li > a {
        font-weight: 400 !important;
        line-height: 24px;
        font-size: 18px;
        text-transform: uppercase;
    }
    .main-menu .has-child .sub-menu:before {
        content: "\00a0";
        display: block;
        position: absolute;
        top: -16px;
        left: 15px;
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-bottom-color: transparent;
        transition: all ease-in 0.2s;
        -ms-transition: all ease-in 0.2s;
        -webkit-transition: all ease-in 0.2s;
    }
    .main-menu ul .has-child > a:after {
        content: "";
    }
    .main-menu > .has-child > a:hover + .sub-menu:before,
    .main-menu > .has-child > .sub-menu:hover:before {
        border-bottom-color: #cecece !important;
    }
    .main-menu > li.active > a:before,
    .main-menu > li > a:hover:before {
        background-color: transparent !important;
    }
    .main-menu > li:last-child > a {
        padding-right: 0;
    }
    .main-menu > li:last-child {
        border-right: none;
    }
    .main-menu > li.has-child > a:hover {
        background-position: 50% 85%;
        color: var(--spp-pink);
    }
    .main-menu > li {
        border-top: none;
        border-bottom: none;
    }
    .main-menu > li > a {
        text-align: center;
    }
    .main-menu > li:first-child {
        border-left: none;
    }
    .main-menu > li:last-child {
    }
    .main-menu > li:hover > a {
        transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
    .main-menu a:before {
        bottom: 0;
        height: 2px;
    }
    .main-menu > li:hover > a:before,
    .main-menu > li.active > a:before,
    .main-menu > li.current > a:before {
        background: rgba(255, 255, 255, 0.3) !important;
    }
    .main-menu > li.current > a:before {
        padding-left: 1px;
        left: 0;
        box-sizing: border-box;
    }
    .main-menu li > ul > li > a {
        width: 200px;
    }
    .main-menu li > ul > li:first-child > a {
        border-top: none !important;
    }
    .main-menu li > ul ul {
        top: -10px;
        margin-top: 0px;
        border-top: none !important;
    }
    .main-menu li > ul li:first-child ul {
        top: -11px;
    }
    .main-menu li > ul,
    .main-menu .mega-menu {
        margin-top: 0;
        left: 8px;
        top: 39px;
    }
    .main-menu .has-child .sub-menu {
        padding: 10px 0;
        background: #fff;
        border-radius: 2px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    }
    .main-menu .has-child .sub-menu li {
        box-sizing: border-box;
    }
    .main-menu .has-child .sub-menu li {
        border-left-width: 4px;
        border-left-style: solid;
        border-color: transparent;
    }
    .main-menu .has-child .sub-menu li:hover {
    }
    .main-menu .has-child .sub-menu li:hover > a {
        left: -4px;
    }
    .main-menu .sub-menu li {
        margin-top: 1px !important;
    }
    .main-menu .sub-menu li > a {
        padding: 5px 10px 5px 34px;
        color: #666666;
        font-size: 15px;
        top: 0;
        border-right: 1px solid #fff !important;
        border-left: 1px solid #fff !important;
        border-top: none !important;
        border-bottom: none !important;
        font-weight: 300;   
        font-family: var(--primary-font);
    }
    .main-menu .sub-menu li > a:before {
        font-family: 'icomoon_ud-shop';
        content: "\e995";
        height: auto;
        margin: 0;
        left: 10px;
        top: 7px;
        width: 0;
        height: 0;
    }
    .main-menu .sub-menu li:hover > a:before {
        left: 6px;
    }
    .main-menu > li:nth-last-child(2) > ul ul,
    .main-menu > li:last-child ul ul {
        left: -105%;
    }
    .main-menu > li:last-child > ul {
        left: auto;
        right: 0;
    }
    .main-menu > .has-child:last-child .sub-menu:before {
        left: auto;
        right: 15px;
    }
    .main-menu li > ul > li > ul li {
        width: 205px;
    }
    .dl-menuwrapper li.dl-back:after,
    .dl-menuwrapper li > a:not(:only-child):after {
        content: "\e9e1";
    }
    .dl-menuwrapper li.dl-back:after {
        line-height: 46px;
    }
    .dl-menuwrapper button {
        height: 36px !important;
    }
    .dl-menuwrapper button > i {
        top: 0 !important;
    }
    .mobile-menu .dl-back a,
    .dl-menuwrapper li.dl-back:after {
        color: #fff;
    }
    @media screen and (min-width:1201px) {
        .main-menu > li:last-child ul ul ul,
        .main-menu > li:nth-last-child(3) > ul ul ul,
        .main-menu > li:nth-last-child(4) > ul ul ul ul {
            left: -105%;
        }
    }
    @media screen and (max-width:1200px) {
        .products-container.product-list .main-link > .inner {
            height: auto !important;
            max-height: 160px !important;
        }
        #site-header .top-links > ul li {
            line-height: 1.3;
        }
    }
    @media screen and (max-width:1200px) and (min-width:992px) {
        .products-container.product-list .main-link .title-area {
            width: 50% !important;
        }
        .main-menu > li:nth-last-child(3) > ul ul,
        .main-menu > li:nth-last-child(4) > ul ul ul {
            left: -105%;
        }
    }
    @media screen and (max-width:991px) {
        #site-menu {
            top: 12px;
            right: 7px;
        }
        .main-link .title-area {
            width: 100%;
        }
        .products-container.product-list .main-link .title-area {
            width: 55% !important;
        }
    }
    @media screen and (max-width:991px) and (min-width:769px) {
        #site-header-bar > .container {
            min-height: 50px;
        }
    }
    @media screen and (max-width:767px) {
        #site-menu {
            right: 15px;
        }
    }
    @media screen and (max-width:680px) {
        #site-menu {
            /*top: -54px;*/
            top: 10px;
            left: auto;
            right: auto;
        }
        #site-menu .container {
            position: relative;
            left: auto;
            right: auto;
            padding-left: 15px;
            padding-right: 15px;
        }
        #site-menu .container .inner {
            display: flex;
            justify-content: space-between;
        }
        #site-menu .container .inner .mobile-menu {
            float: none;
            order: 2;
        }
        #site-menu .container .inner .search-box {
            position: relative;
            right: auto;
            order: 1;
            flex: 1 0 50%;
        }
        #site-menu .container .inner .search-box form,
        #site-menu .container .inner .search-box .query {
            width: 100%;
        }
    }

/*  HEADER SEARCH
    ---------------------------------------------------------------------------------------------- */
    .search-box > .inner {
        display: table-cell;
        vertical-align: middle;
        position: relative;
    }
    .cart-container .search-box {
        float: right;
        display: none;
        padding: 43px 20px 15px 0;
    }
    .cart-container .search-box .icon-search {
        position: relative;
        right: 0;
    }
    .icon-search:before {
        font-size: 15px;
    }
    .search-box .btn-search > i {
        line-height: 36px !important;
    }
    .search-box .btn-search {
        right: 10px;
        left: auto;
    }
    .search-box .query {
        padding: 6px 12px;
    }
    .search-box.pull-right > form:after {
        clear: both;
    }
    @media screen and (max-width:535px) {
        .search-box .query {
            width: 160px;
        }
    }
    .file_size.over a:before,
    .file_size a:hover:before {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
    .header-cart.header-currency > .inner > .relative > a:before {
        content: "\f155";
        font-weight: 400;
        margin-left: 0;
        margin-right: 8px;
        font-size: 1.5em;
        width: 30px;
        height: 30px;
        display: block;
        box-sizing: border-box;
        border-radius: 50%;
        position: relative;
        top: 5px;
        text-transform: none;
        font-family: 'icomoon_ud-shop', sans-serif;
    }
    .header-currency .cart-summary.currencies:after {
        content: "";
    }
    .header-currency .cart-items.currency-choices {
        width: 39px;
        min-width: 39px;
        right: 2px;
        padding: 10px 0;
    }
    .header-currency .cart-items.currency-choices > ul > li {
        margin-bottom: 0;
    }
    .header-currency .cart-items.currency-choices > ul > li.active a {
    }
    .header-currency .cart-items.currency-choices > ul > li.active,
    .header-currency .cart-items.currency-choices > ul > li:hover {
        border-left-width: 4px;
        border-left-style: solid;
    }
    .header-currency .cart-items.currency-choices > ul > li > a,
    .header-currency .cart-items .items .item-name {
        height: 33px;
        text-align: center;
        line-height: 33px;
        font-size: 15px;
        top: 0;
    }
    .header-currency .cart-items.currency-choices > ul > li > a {
        border: 1px solid #fff;
    }
    .header-currency > .inner {
        display: table-cell;
        vertical-align: middle;
        position: relative;
    }
    .btn.btn-iconed > span {
        line-height: 44px;
    }
    .MenuActive {
        display: block !important;
    }
    .header-currency > .inner > .relative a.btn:hover,
    .header-currency > .inner > .relative a.btn:hover:before {
        pointer-events: none !important;
    }
    @media screen and (max-width:787px) {
        html:not(.mobile) .header-cart:not(.header-currency) > .inner > .relative a.btn:hover,
        html:not(.mobile) .header-cart:not(.header-currency) > .inner > .relative a.btn:hover:before {
            /*pointer-events: none !important;*/
        }
    }

/*  CALENDAR
    ---------------------------------------------------------------------------------------------- */
    .tbl-cell {
        display: table-cell !important;
    }
    .day {
        margin: 0 auto;
    }
    .events_calendar_hdr {
        padding: 15px;
    }
    .events_calendar_hdr .btn.btn-primary {
        min-width: 30px;
        margin-top: 0;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .events_calendar_month {
        padding-left: 5px;
    }
    .navs .btn {
        margin-right: 2px;
    }
    .jumpers .btn {
        margin-left: 2px;
    }
    .navs .btn:last-child,
    .jumpers .btn:last-child {

        /*margin-right: 0;*/
    }
    .event-category-icon {
        border-radius: 4px;
        height: 8px;
        width: 8px;
        display: inline-block;
    }
    .calendar_item .event-category-icon {
        margin-right: 3px;
    }
    .event_category_hdr_title_selected a:link,
    .event_category_hdr_title a:hover,
    .content_wrapper a:link,
    .content_wrapper a:active,
    .content_wrapper a:visited,
    #feature_wrapper a:link,
    #feature_wrapper a:active,
    #feature_wrapper a:visited {
        text-decoration: none !important;
    }
    .event_category_hdr_title_selected a span:before,
    .content_wrapper a:link span:before,
    .content_wrapper a:active span:before,
    .content_wrapper a:visited span:before,
    #feature_wrapper a:link span:before,
    #feature_wrapper a:active span:before,
    #feature_wrapper a:visited span:before {
        position: relative;
        top: 1px;
    }
    .events_calendar th {
        letter-spacing: 0;
    }
    .events_calendar .top-round th:first-child,
    .events_calendar .top-round td:first-child {
        border-radius: 4px 0 0 0;
    }
    .events_calendar .top-round th:last-child,
    .events_calendar .top-round td:last-child {
        border-radius: 0 4px 0 0;
    }
    .events_calendar tbody tr:last-child td:first-child {
        border-radius: 0 0 0 4px;
    }
    .events_calendar tbody tr:last-child td:last-child {
        border-radius: 0 0 4px 0;
    }
    .calendar_date,
    .calendar_today,
    .calendar_date_off {
        padding: 6px 8px !important;
    }
    .calendar_item {
        padding: 2px 8px !important;
    }
    .calendar_item a {
        display: inline-block;
    }
    .calendar_date + .calendar_item {
        padding: 8px 8px 2px 8px !important;
    }
    .more_events {
        padding: 2px 0px 8px 8px !important;
        font-size: .9em;
        text-transform: uppercase;
    }
    .more_events span a span[class^="icon-"] {
        margin-right: 3px;
    }
    .cal-tooltip {
        width: 280px;
        padding: 15px !important;
        border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        border: none !important;
        outline: none !important;
    }
    .cal-tooltip .tip-heading {
        letter-spacing: 0 !important;
        font-size: 1.2em !important;
    }
    @media (max-width:1200px) {
        .calendar_item > span,
        .calendar_item a {
            line-height: 1 !important;
        }
    }
    @media (max-width:1200px) and (min-width:992px) {
        .calendar_item .event-category-icon {
            width: 8px;
            margin-left: -14px;
        }
        .calendar_item a {
            padding-left: 14px;
        }
    }
    @media (max-width:991px) {
        .newsletter-with-links h2 {
            text-align: center;
        }
    }
    @media (max-width:991px) and (min-width:768px) {
        .tbl-cell[class*="hidden-sm"] {
            display: none !important;
        }
        .calendar_item .event-category-icon {
            width: 100%;
        }
    }
    @media (max-width:767px) and (min-width:536px) {
        .events_calendar_month {
            padding-left: 15px;
        }
        .calendar_item .event-category-icon {
            width: 100%;
        }
    }
    @media (max-width:535px) {
        .jumpers {
            margin-bottom: 5px;
        }
        .more_events span a span[class^="icon-"] {
            margin-right: 0;
        }
        .calendar_item .event-category-icon {
            width: 100%;
        }
    }

/*  SLIDER OVERRIDES
    ---------------------------------------------------------------------------------------------- */
    .slider-holder {
        margin-bottom: 10px;
    }
    .slider-holder + .section.with-carousel {
        margin-top: 10px;
    }
    .flexslider {
        box-shadow: none !important;
        margin: 0 !important;
        border: none !important;
    }
    #top-slider {
        max-height: 400px;
    }
    #top-slider .color-bar {
        height: 36px;
        position: relative;
        bottom: 36px;
        z-index: 0;
    }
    #site-content #top-slider .flexslider {
        max-height: 400px !important;
        background: #fff;
    }
    #top-slider .flex-caption {
        padding: 0 !important;
        height: 400px;
    }
    #top-slider .flex-pagination-container {
        bottom: 6px !important;
        z-index: 1;
    }
    #top-slider .flexslider,
    #top-slider .flex-caption,
    #top-slider .flex-caption > .container {
    }
    #top-slider .flex-caption > .container {
        margin: 0 auto;
        height: 400px;
    }
    #top-slider .flexslider .slides,
    #top-slider .flexslider .slide {
        height: 400px;
    }
    #top-slider .flexslider .slide.flex-active-slide {
        display: block !important;
    }
    #top-slider .flexslider .slides img {
        width: auto !important;
        max-width: none;
        min-width: 100%;
        z-index: -2;
    }
    #top-slider .flexslider .slides img.slide-image-float {
        z-index: 1;
        position: relative;
    }
    #top-slider .slider-caption .caption-body .title {
        text-shadow: none;
        text-transform: none;
        margin-bottom: 5px;
        font-size: 42px;
        font-weight: bold;
    }
    #top-slider .slider-caption .with-image {
        height: 400px !important;
        /*overflow: hidden !important;*/
    }
    #top-slider .slider-caption .caption-body p {
        color: #666;
        text-shadow: none;
        font-size: 15px;
        font-weight: 300; 	
        font-family: var(--primary-font);
        line-height: 1.5em !important;
    }
    #top-slider .slider-caption .caption-body .subtitle {
        padding-bottom: 22px !important;
        margin-bottom: 12px !important;
        border-bottom: 1px solid;
    }
    #top-slider .slider-caption .caption-body .btn {
        border-radius: 0 !important;
        padding: 7px 15px !important;
        border: none;
    }
    #top-slider .price-detail,
    #top-slider .read-more-link .btn-read-more {
        min-width: 120px;
        max-width: 140px;
    }
    #top-slider .price-detail {
        margin-right: 10px;
    }
    #top-slider .btn .price {
        color: #fff;
        padding-left: 0 !important;
        font-weight: normal !important;
        font-weight: 300;   
        font-family: var(--primary-font);
        font-size: 3rem !important;
    }
    #top-slider .btn-price {
        width: 100%;
    }
    #top-slider .add-to-cart {
        width: 100%;
        height: 26px;
        background-position: 50% 50% !important;
        background-size: 70% !important;
        transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }
    #top-slider .read-more-link,
    #top-slider .price-detail {
        float: left;
    }
    #top-slider .slider-caption .caption-body .read-more-link .btn-read-more {
        color: #fff;
        font-size: 21px;
        font-family: var(--primary-font);
        padding: 9px 15px !important;
    }
    #top-slider .slider-caption .caption-body .slide-image-float.tablet-image,
    #top-slider .slider-caption .caption-body .slide-image-float.mobile-image {
        display: none;
    }
    @media screen and (min-width:1400px) {
        .flex-viewport {
            height: 400px !important;
        }
    }
    @media screen and (max-width:1200px) {
        #top-slider .flexslider .slides img {
            max-width: 100% !important;
            height: auto !important;
        }
        #top-slider .flexslider .slides [id*="slide_"] > img {
            max-width: none !important;
            height: 100% !important;
        }
        .caption-body:not(.with-image) {
            padding-top: 30px !important;
        }
    }
    @media screen and (max-width:1199px) {
        #top-slider .slider-caption .caption-body .slide-image-float.desktop-image {
            display: none;
        }
    }
    @media screen and (max-width:1200px) and (min-width:991px) {
        #top-slider .slider-caption .with-image {
            position: relative;
        }
        #top-slider .slider-caption .with-image {
            overflow: visible !important;
        }
        #top-slider .flexslider .slides img {
            max-width: 110% !important;
        }
        #top-slider .flexslider .slides img.slide-image-float {
            position: absolute;
        }
    }
    @media screen and (max-width:1199px) and (min-width:992px) {
        #top-slider .slider-caption .caption-body .slide-image-float.tablet-image {
            display: block;
        }
    }
    @media screen and (max-width:1200px) and (min-width:861px) {
        #top-slider .flexslider .slides img.slide-image-float {
            z-index: 1;
            /*top: 7%;
            right: -20px;*/
            position: relative;
        }
    }
    @media screen and (max-width:860px) and (min-width:768px) {
        #top-slider .flexslider .slides img.slide-image-float {
            z-index: 1;
            /*top: 7%;*/
            /*bottom: -10%;*/
            /*right: -20px;*/
            position: relative;
        }
    }
    @media screen and (max-width:991px) {
        #top-slider .slider-caption .caption-body .title {
            line-height: 1 !important;
        }
        #top-slider .flexslider .slides img {
            margin-top: 0;
        }
        .caption-body:not(.with-image) {
            overflow: hidden;
        }
        #top-slider .flexslider .slides img {
            max-width: 120% !important;
        }
        #top-slider .flexslider .slides img.slide-image-float {
            right: 0;
        }
        #top-slider .slider-caption .caption-body.with-image {
            overflow: visible !important;
        }
        #top-slider .flexslider .slide .caption-body .slide-link {
            text-align: right;
        }
        #top-slider .slider-caption .caption-body .slide-image-float.mobile-image {
            display: block;
        }
    }
    @media screen and (max-width:860px) {
        #top-slider .slider-caption .caption-body.with-image {
            height: auto !important;
        }
        #top-slider {
            min-height: 0 !important;
            max-height: none;
        }
        #top-slider .slider-caption .caption-body .title {
            font-size: 36px !important;
        }
        .caption-body:not(.with-image) {
            padding-top: 40px !important;
        }
        #top-slider .flex-caption > .container {
            height: auto !important;
        }
        #slide_3 .slider-caption .caption-body .subtitle {
            max-height: 180px;
            overflow: hidden;
        }
        #top-slider .flexslider .flex-caption > .container > .row:nth-child(n+2) {
            display: none;
        }
    }
    @media screen and (max-width:768px) {
        #top-slider .slider-caption .caption-body .title {
            margin-bottom: 10px !important;
        }
        #top-slider .slider-caption .with-image {
            height: auto;
        }
        #top-slider .flexslider .slides img {
            width: 100%;
        }
        #top-slider #slide_1 .flex-caption > .container {
            max-height: none;
        }
        #top-slider .flexslider .slides > img {
            max-width: none !important;
        }
        #top-slider .slider-caption .caption-body.with-image {
            bottom: 0;
            /*margin-top: 8% !important;*/
            position: relative;
            overflow: visible !important;
        }
        #top-slider .flexslider .slide .caption-body .slide-link {
            display: block;
            overflow: hidden;
            position: relative;
            height: 400px;
        }
        #top-slider .slider-caption .caption-body .slide-image-float.mobile-image {
           margin-left: calc((100% - 720px) / 2);
           max-width: none !important;
        }
        #slide_1 .caption-body:not(.with-image) {
            float: right !important;
        }
        #top-slider .flex-pagination-container {
            padding: 0 15px;
        }
    }
    @media screen and (max-width:535px) {
        .caption-body:not(.with-image) {
            padding: 24px !important;
            z-index: 1;
            background: rgba(255, 255, 255, 0.7);
        }
        /*.flexslider .slides > li {
            height: 360px;
        }
        #top-slider .slider-caption .caption-body.with-image {
            bottom: 0;
            top: 0% !important;
            position: absolute;
        }*/
    }
    @media screen and (max-width:480px) {
        #bottom-slider #slide_3 .slider-caption .with-image {
            height: auto !important;
            margin-bottom: 20px;
        }
        #top-slider .flexslider .slides img {
            max-width: 140% !important;
            height: auto !important;
        }
        #top-slider .slider-caption .caption-body.with-image {
            margin-top: 0 !important;
        }
    }
    @media screen and (max-width: 360px) {
        #top-slider .slider-caption .caption-body .slide-image-float.mobile-image {
            max-width: 220% !important;
        }
        #top-slider,
        #top-slider .flex-caption {
            max-height: 112vw;
        }
        #site-content #top-slider .flexslider {
            max-height: 112vw !important;
        }
        #top-slider .flex-caption > .container,
        #top-slider .flexslider .slides,
        #top-slider .flexslider .slide {
            height: 112vw;
        }
    }

/*  MAIN LINKS
    ---------------------------------------------------------------------------------------------- */
    .section.overlap {
        margin-top: -165px;
    }
    .row.main-links {
        padding-left: 0;
        padding-right: 0;
    }
    .header-social-icons ul {
        margin: 23px 0 4px 10px;
    }
    .header-social-icons ul > li {
        margin-left: 3px;
    }
    .header-social-icons ul > li.intro {
        margin-top: 9px;
        margin-right: 5px;
    }
    .header-social-icons .cart-items li > a {
        font-size: 1rem;
    }
    .header-social-icons li > a {
        font-size: 2.6rem;
        background-image: none !important;
    }
    .main-link {
        overflow: hidden;
        padding: 0 15px 30px 15px;
    }
    .main-link img {
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        left: 5%;
        position: relative;
    }
    .main-link > .inner > .title-area + img {
        left: 0;
        max-height: 325px;
    }
    .main-link.mix_all .no-side-pads.col-md-8 {
        width: 100%;
    }
    .main-link .scale-up {
        transform: scale(1.15) !important;
        -ms-transform: scale(1.15) !important;
        -webkit-transform: scale(1.15) !important;
    }
    .main-link > .inner {
        overflow: hidden;
        min-height: 340px;
        height: 400px;
        max-height: 340px;    
        width: 100%;
    }
    .main-link .title-area {
        position: absolute;
        bottom: 0;
        z-index: 9;
        vertical-align: middle;
        /*border-top: 4px solid #fff;*/
    }
    .main-link .title-area > .inner {
        padding: 20px 26px;
        min-height: 150px;
        height: 150px;
        max-height: 150px;
    }
    .main-link .title-area h1 {
        /*color: #fff;*/
        color: #837d7d;
        margin-bottom: 0;
    }
    .main-link .title-area h1 {
        line-height: 26px;
        font-size: 26px;
        margin: 0 0 80px 0;
        text-transform: none;
        font-weight: 300; 
        font-family: var(--primary-font);
    }
    .ff3 .main-link .title-area h1 { /* Firefox Fix */
        width: 100%;
    }
    .main-link .title-area .btn.btn-lg {
        font-size: 1em !important;
    }
    .main-link .title-area .btn {
        position: absolute;
        bottom: 20px;
        width: auto !important;
        left: 26px;
        margin-top: 10px;
        top: auto;
    }
    #product-area .mix {
        float: left;
    }
    @media only screen and (min-width:1200px) {  
        .no-touch.safari .main-link > .inner > .title-area + img {
            max-width: none;
        }
    }
    @media only screen and (max-width:991px) {
        .main-link .title-area .btn {
            float: left !important;
        }
        .main-link .title-area h1 {
            padding-right: 0 !important;
        }
    }
    @media only screen and (max-width:767px) {
        .product-grid .mix {
            width: 50%;
            float: left;
        }
    }
    @media only screen and (max-width:590px) {
        .product-grid .mix {
            width: 100%;
            float: none;
        }
        .main-link > .inner > .title-area + img {
            width: 100%;
            max-height: none;
        }
    }
    @media only screen and (max-width:420px) {
        .main-link .title-area > .inner {
            padding: 20px 26px;
            min-height: 150px;
            height: auto;
            max-height: 180px;
        }
    }

/*  BUTTON STYLES
    ---------------------------------------------------------------------------------------------- */
    .btn {
        font-size: 13px;
        padding: 10px 20px;
    }
    .icon-btn_right {
        display: inline-block;
        margin-left: 10px;
        line-height: 14px;
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }
    .btn:hover .icon-btn_right:after {
        margin-left: 17px;
    }
    .icon-btn_right:after {
        content: "\e9ed";
        color: #fff;
        text-shadow: none;
        position: relative;
        top: 1px;
        opacity: 0.6;
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }
    @media only screen and (max-width:420px) {
        .btn.btn-primary {
            /*font-size: 0.9em !important;*/
        }
    }

/*  BREADCRUMB STYLES
    ---------------------------------------------------------------------------------------------- */
    #site-content .breadCrumb {
        padding: 7px 0;
    }
    #site-content .breadCrumb ul li.first a {
        margin-top: 4px;
    }
    #site-content .breadCrumb ul li.first a:hover {
        background-position: 0 0;
    }
    .breadcrumbs {
        line-height: 34px;
    }
    .breadcrumbs ul > li {
        margin-left: 4px;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 11px;
    }
    .breadcrumbs ul > li.active {
        font-weight: 600;
    }
    .breadcrumbs ul > li:before {
        font-family: 'icomoon_ud-shop', 'icomoon', sans-serif;
        content: "\e9e9";
        position: relative;
        top: 1px;
        margin-right: 4px;
        color: #919191;
    }
    @media only screen and (max-width:420px) {
        .yum-crumbs > .container > .center-sm {
            display: table;
            margin: 0 auto;
            width: auto;
            float: none;
        }
    }

/*  INPUT ETC STYLES
    ---------------------------------------------------------------------------------------------- */
    input,
    select,
    textarea,
    .form-control {
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0.05em;
        padding: 11px 10px;
        border-color: #e1e1e1;
    }
    .legend-light {
        position: relative;
        top: 6px;
    }
    .legend-light:first-child {
        margin-right: 7px;
    }

/*  MINI-SLIDER
    ---------------------------------------------------------------------------------------------- */
    .section.with-carousel.mini-slider {
        margin-top: 0;
    }
    .mini-slider .title-area h1 {
        line-height: 4.7rem;
        font-size: 5.3rem;
        text-align: left;
        font-family: var(--primary-font);
        font-weight: 600;
        color: #fff;
    }
    .mini-slider .title-area h1 .top-heading {
        font-size: 5.4rem;
    }
    @media only screen and (max-width:767px) {
        .mini-slider .title-area h1 .top-heading {
            font-size: 4.9rem;
        }
        .mini-slider .title-area h1 {
            font-size: 4.6em
        }
    }
    @media only screen and (max-width:593px) {
        .mini-slider .title-area h1 .top-heading {
            font-size: 4.2rem;
        }
        .mini-slider .title-area h1 {
            font-size: 4em
        }
    }
    @media only screen and (max-width:490px) {
        .mini-slider .title-area h1 .top-heading {
            font-size: 3.5rem;
            line-height: 3rem;
        }
        .mini-slider .title-area h1 {
            font-size: 3em
        }
    }
    @media only screen and (max-width:480px) {
        .mini-slider img.banner-bg,
        .mini-slider .carousel-list img.banner-bg {
            height: 100% !important;
            width: auto !important;
        }
        .mini-slider .carousel-wrapper .carousel-list,
        .mini-slider .products-container .product {
            height: auto !important;
            min-height: 213px;
        }
        .mini-slider .carousel-container .control-direction,
        .mini-slider .direction-nav > li,
        .mini-slider .direction-nav > li > a {
            height: 100% !important;
        }
    }
    @media only screen and (max-width:385px) {
        .mini-slider .link-text p {
            width: auto !important;
            padding: 0 !important;
            display: block !important;
        }
    }
    .mini-slider .title-area > a {
        text-align: left !important;
        padding: 20px 80px 35px !important;
    }
    .mini-slider img.banner-bg,
    .mini-slider .carousel-list img.banner-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        max-width: none;
    }
    .mini-slider .link-text {
        vertical-align: middle;
    }
    .mini-slider .link-text button,
    .mini-slider .link-text p {
        display: inline-block;
    }
    .mini-slider .link-text p {
        width: 120px;
        color: #fff;
        margin: 0;
        padding: 8px 0 0 20px;
        position: absolute;
    }
    .mini-slider .carousel-container .control-direction {
        position: absolute;
        top: 0;
        left: 15px;
    }
    .mini-slider .carousel-wrapper {
        min-height: 202px;
        margin-right: 0;
        margin-left: 0;
    }
    .mini-slider .products-container .product {
        border: none !important;
    }
    .mini-slider .section-body,
    .mini-slider .carousel-wrapper .carousel-list,
    .mini-slider .products-container .product {
        min-height: 182px;
    }
    .mini-slider .direction-nav > li > a {
        width: 70px;
        min-height: 182px;
        display: block;
        border: none;
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }
    .mini-slider .direction-nav > li {
        z-index: 100;
        position: absolute;
        top: -36px;
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }
    .mini-slider .direction-nav > li:last-child {
        float: right;
    }
    .mini-slider .direction-nav > li:first-child > a.disabled,
    .mini-slider .direction-nav > li > a.disabled,
    .mini-slider .direction-nav > li > a.disabled > span {
        opacity: 0.5;
        cursor: not-allowed;
        background-color: transparent !important;
    }
    .mini-slider .direction-nav > li:first-child > a.disabled {
    }
    .mini-slider .direction-nav > li:last-child > a.disabled {
    }
    .mini-slider .direction-nav > li:first-child a,
    .mini-slider .direction-nav > li:last-child a,
    .mini-slider .direction-nav a.btn {
        background: transparent !important;
    }
    .mini-slider .direction-nav > li:first-child a:hover {
        background-position: 40% 50%;
    }
    .mini-slider .direction-nav > li:last-child a:hover {
        background-position: 60% 50%;
    }
    .mini-slider .products-container .product {
        margin-bottom: 0;
        overflow: hidden;
    }
    .testimonialolols .mini-slider .products-container .product {
        background: var(--spp-pink);
    }
    /*.touch #head-banner .testimonialolols .mini-slider .title-area > a {
        font-size: 15px;
    }*/
    @media screen and (max-width:991px) {
        #head-banner .smaller-slide .mini-slider .carousel-list img.banner-bg {
            width: 100% !important;
        }
        #head-banner .testimonialolols .caroufredsel_wrapper,
        #head-banner .testimonialolols .caroufredsel_wrapper .products-container.product-grid.carousel-list.landscape {
            height: auto !important;
        }
    }
    @media screen and (max-width:991px) and (min-width:768px) {
        .smaller-slide {
        }
        .smaller-slide .carousel-list > li {
            padding: 0;
        }
    }
    @media screen and (max-width:767px) {
        .smaller-slide .carousel-list > li {
            padding: 0;
        }
        #head-banner .mini-slider .carousel-list img.banner-bg {
            width: 100% !important;
        }
        .smaller-slide .mini-slider .products-container .product {
            background: none;
        }
        .smaller-slide .products-container.product-grid.carousel-list.landscape {
            position: relative !important;
        }
        .mini-slider img.banner-bg,
        .mini-slider .carousel-list img.banner-bg {
            position: relative;
        }
    }
    @media screen and (max-width:535px) {
        .smaller-slide .mini-slider .carousel-wrapper,
        #head-banner .smaller-slide .short-container {
            max-height: none !important;
            margin-bottom: 10px;
        }
        .smaller-slide .caroufredsel_wrapper {
            height: auto !important;
        }
        .smaller-slide .caroufredsel_wrapper > .landscape {
            position: relative !important;
        }
        #head-banner .smaller-slide .mini-slider .products-container .product {
            min-height: 182px !important;
        }
        #head-banner .smaller-slide .mini-slider .carousel-list img.banner-bg {
            position: relative;
        }
    }

/*  FEATURED PRODUCTS
    ---------------------------------------------------------------------------------------------- */
    .iphone #product-area .mix,
    .ipad #product-area .mix {
        float: left; /* Need to add this for Apple devices as iOS doesn't recognise "display: inline-flex;" */
    }
    #product-area.product-grid .category .mix {
        display: inline-block !important;
        float: left;
    }
    .section.product-single {
        margin-top: 10px;
        padding: 10px 0;
    }
    .product .zoom-in {
        float: left;
        position: absolute;
        top: 220px;
        width: 35px;
        height: 35px;
        z-index: 1;
        transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }
    .zoom-in .icon-search {
        content: "\e914";
        color: #fff;
    }
    .zoom-in .icon-search:before {
        position: relative;
        top: 7px;
        left: 10px;
    }
    .zoom-in:after {
        content: "Zoom In";
        position: relative;
        float: left;
        left: 35px;
        top: -24px;
        white-space: nowrap;
        padding: 7px 15px;
        font-size: 0.9em;
        box-sizing: border-box;
        opacity: 0;
        transition: opacity 0.2s linear;
        background: #fff;
    }
    .zoom-in:hover:after {
        opacity: 1;
    }
    .product-single .fine-detail,
    .product-single .pricing-details,
    .product-single .rating-info,
    .product-single .sharing-is-caring {
        border-top: 1px solid #e1e1e1;
    }
    .product-single .review:first-child .rating-info {
        border-top: none;
    }
    .product-single .fine-detail {
        padding: 20px 0 10px 0;
    }
    .product-single .pricing-details {
        padding: 25px 0 20px 0;
        z-index: 0;
        position: relative;
    }
    .product-single .photo-deets {
        min-height: 454px;
    }
    .product-single .photo-deets .cart-links {
        border-top: 1px solid #e1e1e1;
        padding: 17px 10px 17px 19px;
    }
    .product-single .sharing-is-caring {
        padding: 5px 0;
    }
    .rating-info .sharing-is-caring {
        border: none;
        padding-top: 0;
        float: right;
    }
    .rating-info .sharing-is-caring .addthis_counter.addthis_pill_style {
        margin-top: 2px;
    }
    .product-single .rating-info .rate-star {
        height: 24px;
        width: 27px;
        float: left;
        background: #ccc url(../img/spp/rating-star-box.png) 50% 50% no-repeat;
    }
    .review-section {
        border-bottom: 1px solid #e1e1e1;
        padding: 0 0 15px 0;
        margin-bottom: 25px;
    }
    .product-single .rating-info .review-count,
    .product-single .rating-info .review-write {
        float: left;
        line-height: 25px;
        font-weight: 600;
        color: #363636;
        margin-left: 10px;
    }
    .product-single .rating-info {
        margin-left: -5px;
        padding: 20px 0;
    }
    .product-single .rating-info .review-write a:before {
        content: "\f040";
        color: #ccc;
        font-size: 20px;
        float: left;
        margin-right: 5px;
        font-family: 'icomoon_ud-shop', 'icomoon', sans-serif;
    }
    .product-single .product-info .cart-links {
        padding-left: 0;
    }
    .product-single .product-info .cart-links .qty {
        float: left;
    }
    .product-single .product-info .cart-links .qty input {
        margin-left: 0;
        margin-right: 10px;
        font-size: 13px;
        border: 1px solid #e1e1e1;
    }
    .product-single .product-info .cart-links .qty + .add-to-wishlist.tooltip span.tip {
        position: relative;
        display: inline-block;
        width: 125px;
        left: -20px;
        height: 0;
        margin-top: 0;
    }
    .product-single .product-info .cart-links .qty + .add-to-wishlist:hover.tooltip span.tip {
        height: auto;
    }
    input.add-to-cart {
        transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        -webkit-transition: opacity 0.2s;
        text-indent: -9999px;
        min-width: 96px;
        background-position: 50% 49.5% !important;
        background-image: url(../img/spp/add-to-cart.png) !important;
        background-repeat: no-repeat !important;
    }
    input#update_cart,
    input#proceed,
    input[name="discount_apply"] {
        border: none;
        transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        -webkit-transition: opacity 0.2s;
        text-indent: -9999px;
        padding: 0;
        background: transparent 50% 49.5% no-repeat;
    }
    input#update_cart:hover,
    input#proceed:hover,
    input[name="discount_apply"]:hover,
    input#update_cart:focus,
    input#proceed:focus,
    input[name="discount_apply"]:focus {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        border: none;
    }
    input#update_cart {
        min-width: 63px;
        background-image: url(../img/spp/update_text-drk.png) !important;
    }
    input#update_cart:hover,
    .btn:hover input#update_cart {
        background-image: url(../img/spp/update_text-wht.png) !important;
    }
    input#proceed {
        min-width: 89px;
        background-image: url(../img/spp/checkout_text-drk.png) !important;
    }
    input#proceed:hover,
    .btn:hover input#proceed {
        background-image: url(../img/spp/checkout_text-wht.png) !important;
    }
    input[name="discount_apply"] {
        min-width: 81px;
        background-image: url(../img/spp/apply_text-wht.png) !important;
    }
    input[name="discount_apply"]:hover,
    .btn:hover input[name="discount_apply"] {
        background-image: url(../img/spp/apply_text-wht.png) !important;
    }
    .prod-avail {
        padding: 3px 6px;
        text-transform: uppercase;
        color: #fff;
        font-size: 15px;
        font-weight: 400;
    }
    .headers,
    .product-info .cart-links .qty label {
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        margin-right: 4px;
    }
    h4.prod-title a,
    .prod-title,
    .headers,
    .product-info .cart-links .qty label,
    .product-single .rating-info .review-count a,
    .product-single .rating-info .review-write a {
        color: #4f4949;
    }
    .prod-title {
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 600;
    }
    h4.prod-title {
        margin-bottom: 10px;
        /*font: 400 4rem 'Cookie', Helvetica, sans-serif;
        text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.1);*/
        text-transform: capitalize;
    }
    .reviews .text-inner {
        padding: 10px 20px 20px;
    }
    .description .text-inner.shaded {
        padding: 24px 24px 14px;
    }
    .description .text-inner {
        padding: 0 24px;
        margin-bottom: 20px;
    }
    .product-single .product-album > .view-overlay {
        width: 100%;
        height: 100%;
        max-height: 204px;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        z-index: 200;
        opacity: 0;
        transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        background: transparent url(../img/spp/zoom-box.png) 50% 50% no-repeat;
    }
    .product-single .product-album:hover > .view-overlay {
        opacity: 0.6;
    }
    .product-single .product-album > a {
        text-align: center;
        height: 204px;
        border: 1px solid #e1e1e1;
        overflow: hidden;
    }
    .product-single .product-album > a > img.tall {
        height: 100%;
        width: auto;
    }
    .product-single .product-album > img {
        width: 100% !important;
    }
    .product-album ul.unstyled li {
        width: 32% !important;
        overflow: hidden;
    }
    .product-album .unstyled > li > a {

    }
    .product-album .unstyled > li > a > img.wide {
        width: 100% !important;
        height: auto;
        left: 0 !important;
        top: 0 !important;
    }
    .butterfly {
        width: 66px;
        height: 57px;
        display: block;
        position: relative;
        float: right;
        z-index: 100;
        top: -35px;
        right: 15%;
        display: none !important;
    }
    @media screen and (min-width:1200px) {    
        .product .zoom-in {
            top: 165px;
        }
    }
    @media screen and (max-width:1199px) {    
        .side .product .zoom-in {
            top: 165px;
        }
    }
    @media only screen and (min-width:769px) and (max-width:991px) {
        .product-album ul.unstyled li {
            width: 48.5% !important;
        }
        .product-single .product-album > .view-overlay {
            max-height: 127px;
        }
    }
    @media screen and (max-width:768px) {    
        .product .zoom-in {
            top: 165px;
        }
    }
    @media screen and (max-width:535px) {    
        .product-single .product-album > a {
            height: auto;
        }
        .product-single .photo-deets .ribbons-only {
            margin-bottom: 15px;
        }
    }
    @media screen and (max-width:434px) {
        .butterfly {
            top: -15px;
        }
    }
    .zoomIn-icon {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: transparent url(../img/spp/zoom-box.png) 50% 50% no-repeat;
    }
    .photo-deets .pricing-details .current-price,
    .photo-deets .pricing-details .old-price {
        font-size: 30px;
        line-height: 1em;
    }
    .product-single .product-album > ul > li {
        border: 1px solid #e1e1e1;
        margin-right: 0;
    }
    .product-single .product-album > ul > li:first-child {
        margin-left: 0;
    }
    .product-single .product-album > ul > li > a {
        width: 100% ;
        max-width: 84px;
        height: auto;
        border-bottom: none;
        border-right: none;
    }
    .product-single .product-album > ul > li:last-child {
        margin-right: 0;
    }
    .product-single .product-album > ul > li > a.jq-zoom {
        height: auto;
    }
    .right-nav {
        position: relative;
        margin-bottom: -16px;
    }
    .right-nav .nav-arrows.prod-nav li a,
    .right-nav .display-mode.prod-nav li a,
    .section-title + .section-body .direction-nav.carousel-direction a {
        width: 30px;
        height: 30px;
        padding: 6px 8px;
        opacity: 0.5;
        border: none !important;
        border-radius: 0 !important;
    }
    .section-title + .section-body .direction-nav.carousel-direction li:last-child,
    .section-title + .section-body .nav-arrows.carousel-direction li:last-child {
        margin-left: 2px;
    }
    .section-title + .section-body .direction-nav.carousel-direction a.disabled,
    .section-title + .section-body .nav-arrows.carousel-direction a.disabled {
        opacity: 0.25;
    }
    .right-nav .display-mode.prod-nav li a:hover,
    .section-title + .section-body .direction-nav.carousel-direction a:hover,
    .right-nav .nav-arrows.prod-nav li a:hover,
    .section-title + .section-body .nav-arrows.carousel-direction a:hover {
        opacity: 1;
    }
    .right-nav .nav-arrows.prod-nav li:first-child a,
    .right-nav .display-mode.prod-nav li:first-child a,
    .section-title + .section-body .direction-nav.carousel-direction a.btn.carousel-prev {
    }
    .right-nav .nav-arrows.prod-nav li:last-child a,
    .right-nav .display-mode.prod-nav li:last-child a,
    .section-title + .section-body .direction-nav.carousel-direction a.btn.carousel-next {
        border: none !important;
    }
    .right-nav .display-mode.prod-nav li a .icon-arrow_right:before {
        content: "";
    }
    .right-nav .nav-arrows.prod-nav ul > li,
    .right-nav .display-mode.prod-nav ul > li {
        margin-left: 2px;
    }
    .nav-arrows ul > li {
        float: left;
    }
    .pricing-details .current-price,
    .pricing-details .old-price {
        display: inline-block;
        font-size: 1.9rem;
    }
    .pricing-details .current-price {
        margin-right: 10px;
        font-family: var(--primary-font);
        font-weight: 600;
    }
    .pricing-details .old-price {
        text-decoration: line-through;
        font-weight: 300;
        margin-right: 10px;
        color: #c2bcbc;
        font-size: 1.25rem;
    }
    .cart-links .add-to-wishlist,
    .cart-links .add-to-cart,
    .cart-links .share-this-item {
        float: left;
    }
    .with-carousel input.add-to-cart {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    input.add-to-cart {
        border: none;
        border-radius: 0;
    }
    .cart-links .add-to-wishlist [class^="icon-"] {
        font-size: 5.5rem;
        line-height: 6rem;
    }
    .cart-links .add-to-wishlist.remove [class^="icon-"] {
        font-size: 3.4rem;
    }
    .cart-links .add-to-cart,
    .pricing-details .add-to-cart {
        text-transform: uppercase;
        color: #fff;
        line-height: 60px;
        text-align: center;
        font-size: 1rem;
        font-weight: 400;
        padding: 0 15px;
        display: block;
    }
    .ff2 .cart-links .add-to-cart,
    .ff2 .pricing-details .add-to-cart {
        padding: 24px 15px;
    }
    .cart-links .add-to-wishlist,
    .pricing-details .add-to-wishlist {
        height: 60px;
        color: #fff;
        text-align: center;
        font-size: 3rem;
        line-height: 60px;
        display: block;
    }
    .pricing-details .add-to-wishlist {
        margin-right: 10px;
        font-size: 5.5rem;
        line-height: 6rem;
    }
    .pricing-details .add-to-cart,
    .pricing-details .add-to-wishlist {
        float: right;
        margin-top: 0;
        margin-bottom: 4px;
    }
    .pricing-details .add-to-cart {
        margin-right: 0;
    }
    .pricing-details input.add-to-cart {
        background-image: url(../img/spp/add-to-cart-dark.png) !important;
        background-position: 45% 50% !important;
    }
    .pricing-details input.add-to-cart:hover {
        background-image: url(../img/spp/add-to-cart.png) !important;
        background-position: 45% 50% !important;
    }
    input.add-to-cart {
        transition: all 0.2s;
        -ms-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        text-indent: -9999px;
        background-position: 25% 50% !important;
        background-image: url(../img/spp/more-info.png) !important;
        background-repeat: no-repeat !important;
    }
    input.add-to-cart:hover {
        background-image: url(../img/spp/more-info.png) !important;
    }
    .cart-links .add-to-cart:hover,
    .add-to-cart:hover,
    .add-to-wishlist:hover {

        /*opacity: 0.6;*/
    }
    .cart-links .share-this-item {
        padding-top: 10px;
    }
    .addthis_counter.addthis_pill_style {
        margin-top: 8px;
    }
    .qty > label {
        float: left;
        line-height: 33px;
        margin-right: 5px;
    }
    @media screen and (min-width:992px) and (max-width:1200px) {
        .product-single input.add-to-cart {
            background-size: 90%;
        }
        .side .with-carousel .cart-links .add-to-wishlist {
            width: 50%;
        }
        .side .with-carousel input.add-to-cart {
            width: 50%;
            background-position: 50% 50% !important;
            background-image: url(../img/spp/add-to-cart-icon.png) !important;
            background-repeat: no-repeat !important;
        }
    }
    @media screen and (min-width:769px) and (max-width:991px) {
        .pricing-details .add-to-wishlist {
            margin-right: 0;
            width: 100% !important;
        }
        .pricing-details .add-to-cart {
            margin-top: 4px;
            width: 100% !important;
        }
        .product-single input.add-to-cart {
            width: 55px;
            background-position: 50% 50% !important;
            background-image: url(../img/spp/add-to-cart-icon.png) !important;
            background-repeat: no-repeat !important;
        }
        .product-single input.add-to-cart:hover {
            background-position: 50% 50% !important;
            background-image: url(../img/spp/add-to-cart-icon.png) !important;
            background-repeat: no-repeat !important;
        }
    }
    @media screen and (min-width:536px) and (max-width:767px) {
        .pricing-details .add-to-cart,
        .pricing-details .add-to-wishlist {
            margin-top: 5px;
            float: left !important;
        }
        .pricing-details .add-to-cart {
            margin-right: 5px !important;
        }
    }
    @media screen and (max-width:535px) {
        .product-single input.add-to-cart {
            width: 55px;
        }
        .product-single input.add-to-cart,
        .product-single input.add-to-cart:hover {
            background-position: 50% 50% !important;
            background-image: url(../img/spp/add-to-cart-icon.png) !important;
            background-repeat: no-repeat !important;
        }    
        .pricing-details .current-price {
            margin-bottom: 15px;
        }
    }
    @media screen and (max-width:383px) {
        .pricing-details .add-to-wishlist {
            margin-right: 0;
        }
        .pricing-details .add-to-cart,
        .pricing-details .add-to-wishlist {
            width: 100% !important;
        }
    }

/*  REVIEWS
    ---------------------------------------------------------------------------------------------- */
    .review-section .review {
    }
    .review-section .rating-info {
        padding-left: 4px;
        margin-bottom: 10px;
    }
    .review-section .rating-info .rate-star {
        height: 20px;
        width: 20px;
        -ms-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }
    .review-section .review-title {
        font-size: 1.6em;
        font-weight: 500;
        color: #363636;
        margin-right: 6px;
    }
    .review-section .review-name:before {
        content: "\203A ";
        margin-right: 6px;
    }
    .review-section .review-name {
    }
    .review-section .review-block {
        font-size: 1.2em;
        font-weight: 300;
        margin-bottom: 10px;
    }
    .review-section .review-says {
        margin-bottom: 20px;
    }
    .review-section .review:last-child .review-says {
        margin-bottom: 10px;
    }
    .review-section .review-response:before {
        font-family: 'icomoon_ud-shop', 'icomoon', sans-serif;
        content: "\e7bf ";
        font-size: 0.8em;
        margin-right: 6px;
    }
    .review-section .review-response {
        font-size: 1.3em;
        font-weight: 500;
    }
    @media screen and (max-width:991px) {
        .captcha {
            float: right;
            top: -35px;
            margin-right: 2px;
            position: relative;
        }
    }

/*  PRODUCTS LIST FORMAT
    ---------------------------------------------------------------------------------------------- */
    .product-list .cart-links {
        border-bottom: 1px solid #e1e1e1;
        border-top: none;
    }
    #product-area.product-list .mix {
        padding: 0 !important;
        margin-bottom: 0.5em;
    }
    .main .product-grid,
    .main .product-list {
        margin-top: 20px !important;
    }
    .section.order-main + .section + .section.with-carousel .product-grid {
        margin-top: 0 !important;
    }
    .main .product-grid .section,
    .main .product-list .section {
        margin-top: 20px !important;
    }
    .products-container.product-list .product-link {
        border: none !important;
    }
    .main .product-list .product {
        width: 100% !important;
    }
    .products-container.product-list .product-link {
        float: left;
    }
    .products-container.product-list .product .product-thumbnail {
        min-height: 144px;
        max-height: 145px;
    }
    .products-container.product-list .product .cart-links .add-to-wishlist {
        margin-left: 0;
    }
    .products-container.product-list input.add-to-cart {
        width: 60px;
        min-width: 60px;
        background-image: url(../img/spp/info-overlay-on.png) !important;    /*background-image: url(../img/spp/info-overlay.png) !important;*/
    }
    .products-container.product-list input.add-to-cart:hover {
        background-image: url(../img/spp/info-overlay-on.png) !important;
    }
    .products-container.product-list input.add-to-cart {
        background-position: 50% 50% !important;
    }
    .products-container.product-list .product .cart-links {
        padding-top: 0;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0;
    }
    .products-container.product-list .product-info {
        margin: 0 !important;
        /*height: auto !important;*/
        padding: 15px 30px;
    }
    .products-container.product-list .product-info .details.ellipsis,
    .products-container.product-list .product-info .pricing-details {
        width: 62%;
    }
    .products-container.product-list .product-info .addthis_toolbox {
        position: absolute;
        right: 0;
        top: -8px;
        width: 60px;
    }
    .products-container.product-list .product-info .addthis_toolbox .addthis_counter a.atc_s {
        width: 60px !important;
        background-position: 50% 0 !important;
        background-color: #f9734e;
    }
    .products-container.product-list .cart-links {
        min-width: 122px;
        display: inline-block;
    }
    .products-container.product-list .product .ribbon.sale-item,
    .products-container.product-list .product .ribbon.new-item {
        top: -1px;
        right: auto;
        left: -30px;
        width: 54px;
        max-height: 39px;
    }
    .products-container.product-list .product .product-info .ribbon:nth-child(2) {
        top: 41px;
    }
    .products-container.product-list .product .ribbon.sale-item {
        background: url(../img/spp/sale-tag_rotated.png) no-repeat top left;
    }
    .products-container.product-list .product .ribbon.new-item {
        background: url(../img/spp/new-tag_rotated.png) no-repeat top left;
    }
    .products-container.product-list .product .zoom-in {
        top: auto;
        bottom: 0;    /*left: 20%;*/
        width: 30px;
        height: 30px;
    }
    .products-container.product-list .product .zoom-in .icon-search:before {
        position: relative;
        top: 8px;
        left: 8px;
    }
    .products-container.product-list .cart-links .add-to-wishlist {
        width: 60px !important;
    }
    .products-container.product-list .cart-links .add-to-cart {
        max-width: 150px;
        float: right;
    }
    .products-container.product-list .main-link {
        padding-left: 0;
        padding-right: 0;
    }
    .products-container.product-list .main-link > .inner {
        height: 130px;
        max-height: 130px;
        min-height: 130px;
        /*border: 1px solid #eeecec;
        border-width: 1px 0;*/
    }
    .products-container.product-list .main-link .title-area {
        width: 62%;
        height: 100%;
        left: 0;
        border-top: none;
    }
    #product-area.products-container.product-list .main-link .title-area > .inner {
        /*border-right: 1px solid #eeecec;*/
        border-top: none !important;
    }
    .products-container.product-list .main-link img {
        left: auto;
        float: right;
    }
    .products-container.product-list .main-link .title-area .inner h1 {
        width: 100% !important;
        padding-right: 0;
    }
    @media only screen and (max-width:1200px) and (min-width: 992px) {
        .product-list .main-link img {
            max-width: 45% !important;
            width: 45% !important;
            height: auto !important;
        }
    }
    @media only screen and (max-width:991px) and (min-width: 768px) {
        .product-list .main-link img {
            max-width: 60% !important;
            width: 60% !important;
            height: auto !important;
        }
    }
    @media only screen and (max-width:768px) {
        .products-container.product-list .product .zoom-in {
            left: 0;
        }
        .products-container.product-list .product .ribbon.sale-item,
        .products-container.product-list .product .ribbon.new-item {
            right: 0;
            top: 34px;
            left: auto;
            max-height: 40px;
        }
        .products-container.product-list .product .ribbon.new-item {
            background: url(../img/spp/new-tag.png) no-repeat top right;
        }
        .products-container.product-list .product .ribbon.sale-item {
            background: url(../img/spp/sale-tag.png) no-repeat top right;
        }
        .products-container.product-list .product .product-info .ribbon:nth-child(2) {
            right: 30px;
            top: 34px;
        }
    }
    @media only screen and (min-width:480px) {
        .products-container.product-list .product-info {
            width: 75% !important;
            margin: 15px 2%;
            display: inline-block;
        }
        .products-container.product-list .product-link {
            width: 25%;
        }
    }
    @media only screen and (max-width:480px) {
        .small-product-list .products-container.product-list .product-link {
            display: block;
        }
        .products-container.product-list .product-link {
            display: none;
        }
    }

/*  PRODUCTS GRID FORMAT
    ---------------------------------------------------------------------------------------------- */
    .products-container.product-grid .product .product-info {
        padding: 30px 30px 30px 30px;
    }
    .side .with-carousel:nth-child(2) .products-container.product-grid .product .product-info {
        padding: 30px !important;
    }
    .product-grid .main-link > .inner > img.wide, .product-grid .main-link > .inner > img.tall {

    }
    .ff3 #product-area.products-container.product-grid .mix.mix_all > .product { /* For Firefox */
        width: 100% !important;
    }

/*  MAP
    ---------------------------------------------------------------------------------------------- */
    .google_map {
        width: 100% !important;
        border: none !important;
    }

/*  FORMS
    ---------------------------------------------------------------------------------------------- */
    label {
        font-size: 1em;
        line-height: 1.3em;
    }
    #site-content .form_base .form_title {
        font-size: 1.2em;
        letter-spacing: 0.05em;
    }
    .helper-text {
        font-size: 85%;
        line-height: 1.2em;
        margin-top: 5px;
    }
    .form_background {
        padding: 15px 0 !important;
        background: none !important;
    }
    .form_background > ul {
        padding-left: 0;
    }
    .form_base form label.desc {
        font-weight: 300 !important;
        color: #333 !important;
    }
    .form_base .form_title p {
        padding-top: 0 !important;
        text-transform: uppercase;
    }
    .form_base form ul li.section span {
        padding-top: 12px;
        padding-left: 0 !important;
        margin-top: 10px;
        font-size: 16px;
        background-image: none !important;
        min-height: 0 !important;
        display: block;
    }
    .form_base form ul li.section span:before {
    }
    .form_base form input.text,
    .form_base form textarea.textarea {
        border: 1px solid #e1e1e1;
        padding: 7px 5px;
    }
    .form-control.form_captcha {
        width: 25% !important;
        height: 37px;
        padding: 0;
        border: none;
        float: left;
    }
    .form-control.form_captcha + input {
        width: 73%;
        float: right;
    }
    .input_right {
        width: 100% !important;
        max-width: 400px;
    }
    @media only screen and (max-width:605px) {
        .label_left {
            padding-bottom: 5px;
        }
        .label_left .desc {
            margin-bottom: 0;
        }
    }

/*  SITE MAP
    ---------------------------------------------------------------------------------------------- */
    .content_wrapper > ul.search_results {
        padding: 0 24px !important;
    }
    .content_wrapper > ul.search_results > li {
        padding-left: 0 !important;
    }
    ul.search_results > li > ul.search_results li:before {
        content: "\e9e9";
    }

/*  FOOTER
    ---------------------------------------------------------------------------------------------- */
    .shop-summary td {
        padding-left: 20px;
    }
    .ud-tag {
        text-indent: 99999px;
        overflow: hidden;
        height: 18px;
        width: 98px;
        display: block;
        background: transparent url(../img/spp/ud-tag_wht-bg.png) 0 0 no-repeat;
    }
    .ud-tag:hover {
        opacity: 0.6;
    }
    @media only screen and (min-width:768px) and (max-width:991px) {
        #site-footer {
            position: relative;
            top: 20px;
        }
    }
    @media only screen and (max-width:767px) {
        .sub-footer .center-sm.pull-right {
            float: none !important;
        }
        .newsletter-with-links .newsletter-signup .inputs {
            padding-left: 10%;
            padding-right: 30px;
        }
        .footer-widgets .widget {
            padding: 0 20px;
        }
    }
    @media only screen and (max-width:535px) {
        .newsletter-with-links .newsletter-signup {
            padding: 0;
            min-height: 260px;
            background-size: cover !important;
        }
        .newsletter-with-links .newsletter-signup .inputs {
            padding-left: 15px;
            padding-right: 45px;
        }
        .newsletter-with-links .newsletter-signup {
            background-position: 5% 10%;
            background-size: 40%;
        }
        .newsletter-with-links .newsletter-signup .buttons {
            right: 0;
            padding: 0 30px;
            top: 175px;
        }
        .newsletter-with-links .newsletter-signup .inner-cover .frm-subscribtion p {
            width: 100%;
            text-align: center;
        }
        .newsletter-with-links .newsletter-signup .inputs,
        .newsletter-with-links .newsletter-signup .buttons {
            padding-left: 35px !important;
            padding-right: 35px !important;
            left: 0;
        }
    }
    @media only screen and (max-width:400px) {
        .newsletter-with-links .newsletter-signup {
            margin-bottom: 5px;
            line-height: 1em;
        }
    }
    .footer-widgets.main .widget-title {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    .footer-widgets.main {
        color: #999999;
        font-size: 1.2rem;
        line-height: 2.1rem;
    }
    .footer-widgets.main .container .row .visible-xs:nth-child(even) {
        display: none !important;
    }
    .footer-widgets {
        padding: 40px 0;
    }
    .phone-deets:before {
        content: "\f095";
        margin-right: 10px;
        font-size: 5.5rem;
        padding-top: 16px;
        margin-left: -10px;
        float: left;
        font-family: 'icomoon_ud-shop', 'icomoon', sans-serif;
    }
    .footer-garden {
    }
    img.footer-garden {
        float: right;
        position: relative;
        bottom: 286px;
        margin-bottom: -286px;
        right: -50px;
    }

/*  TABLES
    ---------------------------------------------------------------------------------------------- */
    .def-table,
    .footable.def-table {
        line-height: 1em;
        border-radius: 4px;
        -o-border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-collapse: collapse;
        margin: 15px 0;
    }
    .def-table.footable a {
        color: #008dde;
    }
    .def-table.footable tbody tr td a {
        text-decoration: none;
        top: 0;
    }
    .def-table th {
        text-transform: uppercase;
        font-weight: 300;
    }
    .def-table tr:hover th {
        color: #fff;
    }
    .def-table th,
    .def-table td,
    .def-table tr,
    .def-table.footable th,
    .def-table.footable td,
    .def-table.footable tr {
        -webkit-transition: background 0.2s ease-in-out;
        -moz-transition: background 0.2s ease-in-out;
        -o-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out;
    }
    .def-table th,
    .def-table.footable th {
        border-right: 2px #fff solid;
    }
    .def-table tr th:last-child,
    .def-table tr td:last-child,
    .def-table.footable tr th:last-child,
    .def-table.footable tr td:last-child {
        border-right: none;
    }
    .def-table td,
    .def-table.footable td {
        border-right: 2px rgba(255, 255, 255, 0.5) solid;
    }
    .def-table tr {
        border-top: 1px #fff solid;
    }
    .def-table tr.seperator td {
        border-bottom: 10px solid #fff;
    }
    .def-table tr.seperator + tr {
        border-top: 1px solid #fff;
    }
    .def-table th,
    .def-table td,
    .def-table tr {
        padding: 10px 8px;
        line-height: 0.9rem;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    .def-table .bolded {
        font-family: 'open_sansregular';
    }
    .def-table tr:nth-child(2n) .first-col {
        background: none;
    }
    .def-table .clear-all,
    .def-table.highlight tr.clear-all:hover,
    .def-table.highlight tr:hover th.clear-all,
    .def-table.highlight tr:hover td.clear-all {
        background: #fff !important;
    }
    .highlight.alternate-rows tr:nth-child(2n+2) {
        background: rgba(0, 141, 222, 0.1);
    }
    .alternate-rows tr:nth-child(2n+2) {
        background: rgba(49, 49, 49, 0.1);
    }
    .alternate-rows tbody tr td,
    .highlight.alternate-rows tbody tr td {
        border-top: none;
    }
    .def-table tbody tr td {
        border-top: 1px solid #dedede;
    }
    tbody > tr > th,
    tbody > tr > td,
    .def-table th {
        height: 40px;
    }
    table.def-table thead tr:first-child {
        border-top: none;
    }
    table.def-table thead tr:first-child th:first-child,
    table.def-table thead tr:first-child td:first-child {
        border-radius: 6px 0 0 0;
        -o-border-radius: 6px 0 0 0;
        -moz-border-radius: 6px 0 0 0;
        -webkit-border-radius: 6px 0 0 0;
    }
    table.def-table thead tr:first-child th:last-child,
    table.def-table thead tr:first-child td:last-child {
        border-radius: 0 6px 0 0;
        -o-border-radius: 0 6px 0 0;
        -moz-border-radius: 0 6px 0 0;
        -webkit-border-radius: 0 6px 0 0;
    }
    table.def-table tr:last-child th:last-child,
    table.def-table tr:last-child td:last-child {
        border-radius: 0 0 6px 0;
        -o-border-radius: 0 0 6px 0;
        -moz-border-radius: 0 0 6px 0;
        -webkit-border-radius: 0 0 6px 0;
    }
    table.def-table tr:last-child th:first-child,
    table.def-table tr:last-child td:first-child {
        border-radius: 0 0 0 6px;
        -o-border-radius: 0 0 0 6px;
        -moz-border-radius: 0 0 0 6px;
        -webkit-border-radius: 0 0 0 6px;
    }
    .def-table tr:hover,
    .def-table tr:hover td {
        color: #333;
        background: #dfdfdf;
    }
    .def-table tr.footable-row-detail:hover,
    .def-table tr.footable-row-detail:hover td {
        background: rgba(0, 0, 0, 0.02) !important;
    }
    .def-table tr:hover a {
        color: #333;
        font-family: 'latobold' !important;
    }
    .def-table.highlight tr:hover,
    .def-table.highlight tr:hover td,
    .def-table.highlight tr:hover th {
        color: #fff !important;
        background: rgba(0, 141, 222, 0.6) !important;
    }
    .def-table.highlight tr:hover a {
        color: #fff;
    }
    .def-full-width {
        width: 100%;
    }
    .def-header th {
        color: #fff;
    }
    .def-header,
    .def-table th,
    .def-table .first-col {
        text-align: left;
        font-weight: 300;
        background: #eeeeee;
    }
    .def-table .first-col {
        background: #ddd;
    }
    .def-table th,
    .def-table td,
    .def-table tr {
        padding: 10px 8px;
        line-height: 1.15em;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    /* Contextual Styles */
    .alternate-rows .info,
    .alternate-rows tr.def-row.info,
    .def-table tr.def-row:hover .info,
    .def-table tr.def-row.info:hover,
    .def-table tr.def-row.info:hover td,
    .def-table tr.def-row.info:hover th,
    .def-table tr.def-row td.info:hover,
    .def-table tr.def-row th.info:hover,
    .def-table .info,
    .def-table .info th,
    .alternate-rows .first-col.info,
    .alternate-rows tr.def-row.info .first-col,
    .alternate-rows.footable .first-col.info,
    .alternate-rows.footable tr.def-row.info .first-col,
    .def-table .first-col.info,
    .def-table tr.def-row.info .first-col,
    .def-table.footable .first-col.info,
    .def-table.footable tr.def-row.info .first-col {
        background: rgba(0, 141, 222, 0.9);
    }
    .alternate-rows .alert,
    .alternate-rows tr.def-row.alert,
    .def-table tr.def-row:hover .alert,
    .def-table tr.def-row.alert:hover,
    .def-table tr.def-row.alert:hover td,
    .def-table tr.def-row.alert:hover th,
    .def-table tr.def-row td.alert:hover,
    .def-table tr.def-row th.alert:hover,
    .def-table .alert,
    .def-table .alert th,
    .alternate-rows .first-col.alert,
    .alternate-rows tr.def-row.alert .first-col,
    .alternate-rows.footable .first-col.alert,
    .alternate-rows.footable tr.def-row.alert .first-col,
    .def-table .first-col.alert,
    .def-table tr.def-row.alert .first-col,
    .def-table.footable .first-col.alert,
    .def-table.footable tr.def-row.alert .first-col {
        background: rgb(255, 79, 56);
    }
    .alternate-rows .non,
    .alternate-rows tr.def-row.non,
    .def-table tr.def-row:hover .non,
    .def-table tr.def-row.non:hover,
    .def-table tr.def-row.non:hover td,
    .def-table tr.def-row.non:hover th,
    .def-table tr.def-row td.non:hover,
    .def-table tr.def-row th.non:hover,
    .def-table .non,
    .def-table .non th,
    .alternate-rows .first-col.non,
    .alternate-rows tr.def-row.non .first-col,
    .alternate-rows.footable .first-col.non,
    .alternate-rows.footable tr.def-row.non .first-col,
    .def-table .first-col.non,
    .def-table tr.def-row.non .first-col,
    .def-table.footable .first-col.non,
    .def-table.footable tr.def-row.non .first-col {
        background: rgb(137, 162, 178);
    }
    .alternate-rows .focus,
    .alternate-rows tr.def-row.focus,
    .def-table tr.def-row:hover .focus,
    .def-table tr.def-row.focus:hover,
    .def-table tr.def-row.focus:hover td,
    .def-table tr.def-row.focus:hover th,
    .def-table tr.def-row td.focus:hover,
    .def-table tr.def-row th.focus:hover,
    .def-table .focus,
    .def-table .focus th,
    .alternate-rows .first-col.focus,
    .alternate-rows tr.def-row.focus .first-col,
    .alternate-rows.footable .first-col.focus,
    .alternate-rows.footable tr.def-row.focus .first-col,
    .def-table .first-col.focus,
    .def-table tr.def-row.focus .first-col,
    .def-table.footable .first-col.focus,
    .def-table.footable tr.def-row.focus .first-col {
        background: rgb(132, 177, 10);
    }
    tr.alert {
        border-left: none !important;
        border-right: none !important;
    }
    .alternate-rows .info,
    .alternate-rows tr.def-row.info,
    .def-table tr.def-row:hover .info,
    .def-table tr.def-row.info:hover,
    .def-table tr.def-row.info:hover td,
    .def-table tr.def-row.info:hover th,
    .def-table tr.def-row td.info:hover,
    .def-table tr.def-row th.info:hover,
    .def-table .info,
    .def-table .info th,
    .alternate-rows .first-col.info,
    .alternate-rows tr.def-row.info .first-col,
    .alternate-rows.footable .first-col.info,
    .alternate-rows.footable tr.def-row.info .first-col,
    .def-table .first-col.info,
    .def-table tr.def-row.info .first-col,
    .def-table.footable .first-col.info,
    .def-table.footable tr.def-row.info .first-col,
    .alternate-rows .alert,
    .alternate-rows tr.def-row.alert,
    .def-table tr.def-row:hover .alert,
    .def-table tr.def-row.alert:hover,
    .def-table tr.def-row.alert:hover td,
    .def-table tr.def-row.alert:hover th,
    .def-table tr.def-row td.alert:hover,
    .def-table tr.def-row th.alert:hover,
    .def-table .alert,
    .def-table .alert th,
    .alternate-rows .first-col.alert,
    .alternate-rows tr.def-row.alert .first-col,
    .alternate-rows.footable .first-col.alert,
    .alternate-rows.footable tr.def-row.alert .first-col,
    .def-table .first-col.alert,
    .def-table tr.def-row.alert .first-col,
    .def-table.footable .first-col.alert,
    .def-table.footable tr.def-row.alert .first-col,
    .alternate-rows .non,
    .alternate-rows tr.def-row.non,
    .def-table tr.def-row:hover .non,
    .def-table tr.def-row.non:hover,
    .def-table tr.def-row.non:hover td,
    .def-table tr.def-row.non:hover th,
    .def-table tr.def-row td.non:hover,
    .def-table tr.def-row th.non:hover,
    .def-table .non,
    .def-table .non th,
    .alternate-rows .first-col.non,
    .alternate-rows tr.def-row.non .first-col,
    .alternate-rows.footable .first-col.non,
    .alternate-rows.footable tr.def-row.non .first-col,
    .def-table .first-col.non,
    .def-table tr.def-row.non .first-col,
    .def-table.footable .first-col.non,
    .def-table.footable tr.def-row.non .first-col,
    .alternate-rows .focus,
    .alternate-rows tr.def-row.focus,
    .def-table tr.def-row:hover .focus,
    .def-table tr.def-row.focus:hover,
    .def-table tr.def-row.focus:hover td,
    .def-table tr.def-row.focus:hover th,
    .def-table tr.def-row td.focus:hover,
    .def-table tr.def-row th.focus:hover,
    .def-table .focus,
    .def-table .focus th,
    .alternate-rows .first-col.focus,
    .alternate-rows tr.def-row.focus .first-col,
    .alternate-rows.footable .first-col.focus,
    .alternate-rows.footable tr.def-row.focus .first-col,
    .def-table .first-col.focus,
    .def-table tr.def-row.focus .first-col,
    .def-table.footable .first-col.focus,
    .def-table.footable tr.def-row.focus .first-col,
    .def-table .info a,
    .def-table .alert a,
    .def-table .non a,
    .def-table .focus a,
    .def-table .def-row.info:hover a,
    .def-table .alert:hover a,
    .def-table .non:hover a,
    .def-table .focus:hover a {
        color: #fff !important;
        font-family: var(--primary-font);
        font-weight: 300 !important;
    }