.ph-left {
    width: 535px;
    height: 36px;
    color: #FFF;
    font-size: 24px;
    line-height: 36px;
    float: left;
    text-align: right;
    font-family: Roboto, serif-sans;
    padding-right: 5px;
}


.ph-right {
    width: 435px;
    height: 36px;
    color: #FFF;
    font-size: 24px;
    line-height: 36px;
    float: left;
    text-align: left;
    font-family: Roboto, serif-sans;
    padding-left: 5px;
}


.ph-up {
    width: 980px;
    height: 14px;
    color: #FFF;
    font-size: 14px;
    line-height: 14px;
    float: left;
    font-family: Roboto, serif-sans;
    text-align: center;
}

.pcon-hide {
    display: none;
}

* {
    padding: 0;
    margin: 0;
}

a {
    color: #FF470F;
    text-decoration: none;
    outline: 0;
}

h1 {
    font-weight: 300;
}

.no-pointer:hover {
    cursor: default;
}

.pointer:hover {
    cursor: pointer;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

INPUT[type='text'], INPUT[type='password'] {
    padding: 4px;
    font-size: 11px;
    border: solid 1px #bbb;
}

.white-pl::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #FFFFFF;
}

.white-pl:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #FFFFFF;
    opacity: 1;
}

.white-pl::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #FFFFFF;
    opacity: 1;
}

.white-pl:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFFFFF;
}

.white-pl:placeholder-shown { /* Standard */
    color: #FFFFFF;
}

.glow-red::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ff4444;
}

.glow-red:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ff4444;
    opacity: 1;
}

.glow-red::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ff4444;
    opacity: 1;
}

.glow-red:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ff4444;
}

.glow-red:placeholder-shown { /* Standard */
    color: #ff4444;
}

.error-border::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ff4444;
}

.error-border:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ff4444;
    opacity: 1;
}

.error-border::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ff4444;
    opacity: 1;
}

.error-border:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ff4444;
}

.error-border:placeholder-shown { /* Standard */
    color: #ff4444;
}

.flex-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

img {
    border: 0;
    display: block;
}

.rev_link {
    color: #444;
}

    .rev_link:hover {
        color: #016f66;
        cursor: pointer;
    }

a:hover {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

.nav-menu-item-t {
    font-weight: 400;
    font-size: 12px;
    margin: 0;
}

.nv-mi, .nv-mix {
    font-weight: 500;
}

    .nv-mi a, .nv-mix a {
        
        font-size: 18px;
        height: 33px;
        line-height: 33px;
        padding-left: 12px;
        padding-right: 12px;
        float: left;
        text-transform: uppercase;
        color: #444;
    }

    .nv-mix a {
        background-color: #6A2C99;
        color: #FFF;
    }

    .nv-mi a:hover {
        background-color: #6A2C99;
        color: #FFF;
    }

    .nv-mix a:hover {
        background-color: #444;
        color: #FFF;
    }

html {
    -webkit-font-smoothing: antialiased;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: #444;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

.body-hold {
    overflow-y: hidden;
    position: fixed;
}

.heat-body-hold {
    overflow-y: hidden;
}

#shell {
    width: 980px;
    margin: 0 auto;
}

#sboxnew {
    position: absolute;
    top: 4px;
    right: 0;
}

#search_box {
    padding: 7px 10px 7px 10px;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    width: 68%;
    display: block;
    float: left;
}

#nav-search {
    float: right;
    height: 36px;
    width: 36px;
    background: url(../img/nav-search.png);
}

    #nav-search:hover {
        background-position: 0 -36px;
        cursor: pointer;
    }

.search_box_wrapper {
    width: 100%;
    height: 40px;
}

#sheader {
    text-align: center;
}

#sbx-wrap {
    padding-top: 20px;
    background-color: #FFF;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -30px;
    margin-right: -30px;
}

#nav-foot-wrap {
    padding-bottom: 30px;
    background-color: #6A2C99;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -30px;
    margin-right: -30px;
    color: #FFF;
    height: 100%;
}

#nav-foot-text {
    width: 100%;
    margin-top: 35px;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 14px;
}

#header_links {
    float: left;
    height: 75px;
    width: 538px;
    text-align: right;
    margin-right: 10px;
    margin-left: 10px;
}

#urls {
    height: 46px;
    width: 538px;
    float: left;
}

#strapline_one {
    height: 29px;
    width: 499px;
    float: left;
}

.header_link {
    margin-left: 10px;
}

.header_link_pbp {
    margin-left: 15px;
}

#search_pane {
    height: 75px;
    width: 360px;
    float: right;
}

#strapline_two {
    height: 45px;
    width: 360px;
    float: left;
    text-align: right;
}

#search {
    float: right;
    border: 0;
    display: inline-block;
    padding: 0;
    height: 34px;
    line-height: 34px;
    width: 390px;
}

.glink {
    color: #444;
}

    .glink:hover {
        color: #17003a;
        cursor: pointer;
    }

.splitter {
    height: 20px;
    float: left;
    display: inline-block;
    width: 100%;
}

.au-homepage-offer:hover {
    cursor: pointer;
}

#uc_post_nav_messaging {
    width: 100%;
}

#promo {
    height: 309px;
    width: 1070px;
    float: left;
    background-color: #FFF;
}

.promo_button_go {
    height: 44px;
    width: 44px;
    float: right;
    background: url(../img/promo-button-go.png) 0 0 no-repeat;
}

    .promo_button_go:hover {
        background-position: 0 -44px;
        cursor: pointer;
    }

.promo_button, .promo_button_last, .promo_button_short, .promo_button_long {
    height: 29px;
    width: 244px;
    float: right;
    background: url(../img/promo-button-long.png) 0 0 no-repeat;
    margin-bottom: 9px;
    padding-top: 15px;
    padding-left: 15px;
}

.promo_button_long {
    width: 260px;
}

.promo_button_last {
    margin-bottom: 0;
}

    .promo_button:hover, .promo_button_last:hover, .promo_button_short:hover, .promo_button_long:hover {
        background-position: 0 -44px;
        cursor: pointer;
    }

.promo_button_short {
    background: url(../img/promo-button-short.png) 0 0 no-repeat;
    width: 198px;
}

#promo_content {
    height: 328px;
    width: 770px;
    float: left;
    position: relative;
    left: -60px;
    padding-left: 10px;
    top: -15px;
    background-color: #FFF;
}

#promo_nav {
    height: 309px;
    width: 260px;
    float: left;
    position: relative;
    left: -60px;
}

.nlink {
    color: #444;
}

    .nlink:hover {
        color: #444;
        cursor: pointer;
    }

/* BACK TO TOP */
.btt {
    width: 60px !important;
    height: 44px !important;
    bottom: 18px !important;
    top: initial !important;
    right: initial !important;
    left: 20px !important;
    z-index: 101010;
    font-family: 'PT Sans Narrow';
    font-size: 14px;
    text-align: center;
    z-index: 101010;
    border-radius: 3px;
    display: none;
}

.default {
    background-color: #6a2c99;
    color: #FFF;
}

    .default:hover {
        background-color: #444;
        color: #FFF;
        cursor: pointer;
    }

.btt-white {
    background-color: #FFF;
    color: #6a2c99;
}

    .btt-white:hover {
        background-color: #444;
        color: #FFF;
        cursor: pointer;
    }
/* BACK TO TOP END */

#seo_panel {
    height: 170px;
    width: 980px;
    float: left;
}

#seo_content {
    height: 170px;
    width: 245px;
    float: left;
}

.seo_category {
    height: 170px;
    width: 229px;
    float: left;
    border-left: 1px solid #888;
    padding-left: 15px;
}

.seo_header_grey {
    font-size: 20px;
    color: #444;
    float: left;
}

.seo_header_green {
    font-size: 20px;
    color: #016f66;
    float: left;
}

.seo_header_purple {
    font-size: 20px;
    color: #17003a;
    float: left;
    padding-left: 5px;
}

.seo_sub_header {
    font-size: 11px;
    float: left;
}

.seo_text {
    padding-top: 10px;
    float: left;
    width: 225px;
}

.seo_image {
    height: 123px;
    width: 90px;
    float: left;
    clear: left;
    background-color: #FFF;
    margin-top: 10px;
}

.seo_wrapper {
    width: 115px;
    height: 123px;
    margin-left: 10px;
    float: left;
    margin-top: 10px;
}

.seo_desc {
    width: 115px;
    height: 101px;
    float: left;
}

.seo_button {
    width: 105px;
    height: 18px;
    float: left;
    background: url(../img/view-category.png) 0 0 no-repeat;
    padding-top: 4px;
    padding-left: 10px;
}

    .seo_button:hover {
        background-position: 0 -22px;
        cursor: pointer;
    }

#navigation {
    min-height: 577px;
    width: 200px;
    float: left;
}

#specials {
    height: 325px;
    width: 780px;
    float: left;
}

.valentine_button {
    height: 11px;
    width: 158px;
    float: left;
    background: url(../img/full-details.png) 0 0 no-repeat;
}

    .valentine_button:hover {
        background-position: 0 -11px;
        cursor: pointer;
    }

.category_button, .category_button_deal, .category_button_wheel {
    height: 21px;
    width: 161px;
    float: left;
    background: url(../img/category-button.png) 0 0 no-repeat;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-left: 10px;
}

.category_button_deal {
    background: url(../img/category-button-deal.png) 0 0 no-repeat;
}

.category_button_wheel {
    background: url(../img/category-button-wheel.png) 0 0 no-repeat;
}

    .category_button:hover, .category_button_deal:hover, .category_button_wheel:hover {
        background-position: 0 -29px;
        cursor: pointer;
    }

#specials_title {
    height: 24px;
    width: 780px;
    float: left;
    font-size: 20px;
    border-bottom: 1px dotted #444;
}

.product_tile {
    height: 255px;
    width: 182px;
    float: left;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-right: 13px;
}

.product_tile_rev {
    height: 260px;
    width: 182px;
    float: left;
    padding-bottom: 10px;
    margin-left: 10px;
}

.product_image {
    height: 170px;
    width: 170px;
    float: left;
    background-color: #FFF;
    margin: 10px;
}

.product_title {
    height: 30px;
    width: 190px;
    float: left;
    margin-bottom: 10px;
    text-align: center;
}

.product_price {
    height: 60px;
    width: 103px;
    float: left;
    margin-left: 5px;
}

.product_buy {
    height: 19px;
    width: 67px;
    float: right;
    background: url(../img/buy.png) 0 0 no-repeat;
    padding-top: 5px;
    text-align: center;
    margin-right: 5px;
}

    .product_buy:hover {
        background-position: 0 -24px;
        cursor: pointer;
    }

.price_tag {
    font-size: 17px;
    color: #016f66;
    float: left;
    line-height: 20px;
}

.price_tag_save {
    font-size: 10px;
    color: #444;
    float: left;
    line-height: 10px;
    margin-left: 5px;
}

.price_tag_save_percent {
    font-size: 12px;
    width: 103px;
    color: #016f66;
    float: left;
}

#footer {
    width: 980px;
    height: 173px;
    float: left;
    background-color: #EEE;
}

#footer_one {
    width: 249px;
    height: 120px;
    float: left;
    border-right: 1px solid #FFF;
    padding: 15px;
}

#footer_two {
    width: 249px;
    height: 120px;
    float: left;
    border-right: 1px solid #FFF;
    padding: 15px;
}

#footer_three {
    width: 390px;
    height: 120px;
    float: left;
    padding: 15px;
}

.footer_post_header {
    font-size: 11px;
    width: 279px;
    height: 13px;
    float: left;
}

.footer_header {
    font-size: 20px;
    font-weight: bold;
    width: 279px;
    float: left;
}

.footer_text {
    float: left;
}

#category_seo {
    width: 980px;
    height: 90px;
    float: left;
    background-color: #EEE;
}

#category_seo_title {
    width: 273px;
    height: 74px;
    float: left;
    border-right: 1px solid #FFF;
    padding: 8px;
}

#category_seo_content {
    width: 674px;
    height: 74px;
    float: left;
    padding: 8px;
    font-size: 11px;
}

#category_seo_content_vtwo {
    width: 95%;
    min-height: 60px;
    float: left;
    padding: 19px 2.5% 22px 2.5%;
    font-size: 11px;
}

.category_green {
    font-size: 14px;
    width: 289px;
    color: #444;
    float: left;
}

.one {
    height: 302px;
}

#sub_category_options {
    height: 22px;
}

.regular_padding {
    float: left;
    border-right: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
}

.none {
    padding-left: 0;
}

.filters {
    position: relative;
    float: right;
    font-size: 11px;
}

.bl-filter {
    float: left;
    display: block !important;
    overflow: hidden;
    background-color: #EEE;
    height: auto;
    width: 100px;
    margin-right: 5px;
    line-height: 19px;
    color: #444;
    cursor: pointer;
    font-size: 11px;
}

.new-filter-ul {
    list-style: none;
    background-color: #EEE;
    display: none;
    z-index: 5000;
    position: relative;
    clear: both;
    padding-bottom: 5px;
    padding-top: 10px;
}

.new-filter-heading {
    padding-left: 13px;
    font-size: 14px;
    line-height: 36px;
    float: left;
    height: 30px;
    
    color: #444;
}

.new-filter-chevron {
    padding-right: 12px;
    font-size: 16px;
    line-height: 36px !important;
    float: right;
    height: 34px;
    color: #666;
}

    .new-filter-heading:hover, .new-filter-chevron:hover {
        cursor: pointer;
    }

.new-filter-ul li {
    height: 30px;
    padding-left: 14px;
}

    .new-filter-ul li a {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        
        color: #444;
        display: block;
    }

    .new-filter-ul li:hover {
        background-color: #CCC;
        cursor: pointer;
    }

.bl-filter span {
    padding-left: 5px;
    font-size: 11px;
    margin-right: 10px;
    line-height: 16px;
    text-transform: uppercase;
}

.filter-list {
    position: absolute;
    width: 100px;
    z-index: 100;
    background: inherit;
    display: none;
}

    .filter-list ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .filter-list ul a {
            color: #444;
            display: block;
            padding-left: 5px;
        }

        .filter-list ul li a:hover {
            background-color: #CCC;
            cursor: pointer;
        }

.no-margin {
    margin-right: 0;
}

.no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#product_image {
    height: 450px;
    width: 350px;
    float: left;
    background-color: #FFF;
    margin-right: 20px;
    margin-bottom: 30px;
}

#product_details {
    min-height: 450px;
    width: 410px;
    float: left;
}

#product_title {
    font-size: 20px;
    font-weight: bold;
    width: 410px;
    margin-bottom: 10px;
}

#product_box {
    width: 410px;
    height: 77px;
    float: left;
}

#product_pricing {
    width: 85px;
    height: 66px;
    float: left;
    padding: 5px;
    border: 1px solid #fff;
    margin-right: 5px;
    padding-left: 0px;
    padding-top: 4px;
}

#product_line_one {
    height: 13px;
}

#product_line_two {
    font-size: 28px;
    font-weight: bold;
    color: #016f66;
    height: 36px;
}

#product_extra {
    width: 168px;
    height: 66px;
    float: left;
    padding: 5px;
    border: 1px solid #fff;
    margin-right: 5px;
    padding-top: 4px;
    padding-left: 10px;
}

#buy_now_wrapper {
    width: 110px;
    height: 65px;
    float: left;
    padding: 5px;
    padding-left: 10px;
    padding-right: 0px;
    border: 1px solid #fff;
}

#product_description {
    float: left;
    width: 410px;
    min-height: 330px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.product-inner {
    margin-left: -2%;
    margin-right: -2%;
}

.product-inner-o {
    margin-left: -5px;
    margin-right: -5px;
}

#cart_wrapper {
    width: 980px;
    height: 65px;
    float: left;
}

.cart_section, .cart_section_last {
    height: 51px;
    width: 223px;
    margin-left: 1px;
    margin-right: 1px;
    float: left;
    padding-top: 12px;
    padding-left: 18px;
    background-color: #EEE;
    border: solid 1px #EEE;
    color: #444;
}

.cart_section_last {
    margin-right: 0;
}

#cart_header {
    height: 30px;
    width: 780px;
    float: left;
    background-color: #EEE;
}

#cart_contents {
    width: 780px;
    float: left;
}

.cart_h_section {
    height: 22px;
    width: 184px;
    float: left;
    border-right: 1px solid #FFF;
    padding-left: 10px;
    padding-top: 8px;
}

#cart_footer {
    width: 780px;
    float: left;
    margin-top: 20px;
    border-top: 1px solid #CCC;
}

.cart_footer_left {
    width: 520px;
    float: left;
    border-right: 1px solid #CCC;
    text-align: right;
}

.cart_footer_right {
    width: 100px;
    float: left;
}

.list_selected {
    background-color: #b3ffb7;
}

.list_exclude {
    background-color: #EEE;
}

.go_button {
    height: 21px;
    width: 70px;
    float: left;
    background: url(../img/go-button.png) 0 0 no-repeat;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-left: 10px;
}

    .go_button:hover {
        background-position: 0 -29px;
        cursor: pointer;
    }

.breadcrumb_area {
    font-size: 14px;
    width: 269px;
    color: #444;
    float: left;
    height: 50px;
}

.current_area {
    font-size: 20px;
    width: 269px;
    color: #444;
    float: left;
    height: 25px;
}

.val {
    background-color: #ebd7ff;
    color: #444;
    height: 20px;
    padding-top: 5px;
    padding-left: 10px;
    width: 342px;
    display: block;
    border: solid 1px #d3a9ff;
    margin-bottom: 3px;
    float: left;
    clear: left;
}

.csc_wrapper {
    float: left;
    width: 87%;
    margin-left: 2%;
}

.csc_topic {
    height: 35px;
    font-size: 16px;
}

.csc_body {
    font-size: 13px;
}

.csc_circ {
    font-size: 40px;
    line-height: 42px;
    color: #3DC1CC;
    float: left;
}

.green {
    color: #016f66;
}

.aup {
    background: url(../img/aup.png) 0 -4px no-repeat;
    height: 4px;
    width: 7px;
    position: relative;
    left: 12px;
    top: 2px;
    float: left;
}

    .aup:hover {
        background-position: 0 0;
        cursor: pointer;
    }

.adown {
    background: url(../img/adown.png) 0 0 no-repeat;
    height: 4px;
    width: 7px;
    position: relative;
    left: 5px;
    top: 9px;
    float: left;
}

    .adown:hover {
        background-position: 0 -4px;
        cursor: pointer;
    }

.remove {
    background: url(../img/remove.png) 0 0 no-repeat;
    height: 7px;
    width: 7px;
    position: relative;
    right: 15px;
    top: 5px;
    float: right;
}

    .remove:hover {
        background-position: 0 -7px;
        cursor: pointer;
    }

.seo_link {
    color: #17003a;
}

    .seo_link:hover {
        color: #016f66;
        cursor: pointer;
    }

.grey_to_purple {
    color: #444;
}

    .grey_to_purple:hover {
        color: #17003a;
        cursor: pointer;
    }

.special_price_box {
    height: 15px;
    width: 180px;
    background-color: #ebd7ff;
    border: solid 1px #d3a9ff;
    float: left;
    text-align: center;
    padding-top: 1px;
    margin-top: 14px;
}

#sl_link {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
    background-color: #ff470f;
    color: #FFF;
    display: inline-block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    height: 29px;
    float: right;
    margin-top: 0;
    line-height: 29px;
    margin-right: 0;
    padding: 9px 26px;
}

.swrapv {
    border: 1px solid #999;
    height: 45px;
    width: 270px;
    float: right;
    margin-right: 5px;
}

#sl_link:hover {
    background-color: #333;
    color: #FFF;
    cursor: pointer;
}

#mailing_footer {
    height: 20px;
    width: 64px;
    float: right;
    text-align: center;
    padding-top: 5px;
    color: #444;
}

    #mailing_footer:hover {
        color: #17003a;
        cursor: pointer;
    }

#deal_mailing_footer {
    height: 20px;
    width: 64px;
    float: right;
    text-align: center;
    padding-top: 5px;
    color: #444;
}

    #deal_mailing_footer:hover {
        color: #17003a;
        cursor: pointer;
    }

.ext {
    width: 350px;
}

.wlink {
    color: #FFF;
    margin: 0;
}

    .wlink:hover {
        text-decoration: underline;
        color: #FFF;
        cursor: pointer;
    }

.pad {
    margin-right: 25px;
}

.copyright {
    font-size: 11px;
    padding-top: 3px;
    height: 17px;
    text-align: right;
}

.seperate {
    height: 16px;
}

.mailing_box {
    height: 25px;
    width: 248px;
    margin-top: 17px;
    color: #444;
    background: url(../img/mailing.png) 0 0 no-repeat;
    border: 0;
}

#deal_mailing_data {
    border: 0;
    background: 0;
    margin-left: 8px;
    padding-top: 4px;
    color: #444;
    height: 15px;
    width: 150px;
    padding-left: 0px;
    margin-top: 1px;
}

.ul_privacy {
    margin-left: 15px;
    list-style-type: square;
    margin-bottom: 15px;
}

.footer_div_wrapper_one {
    width: 210px;
    height: 158px;
    float: left;
    padding-right: 15px;
    border-right: dotted 1px #FFF;
    color: #FFF;
}

.footer_div_wrapper_two {
    margin-left: 15px;
    height: 158px;
    float: left;
    padding-right: 15px;
    border-right: dotted 1px #FFF;
    color: #FFF;
}

.footer_div_wrapper_three {
    margin-left: 15px;
    width: 365px;
    height: 158px;
    float: left;
    color: #FFF;
}

.footer_header_one {
    float: left;
    height: 30px;
    width: 210px;
    font-weight: bold;
    font-size: 19px;
}

.footer_header_two {
    float: left;
    height: 30px;
    width: 310px;
    font-weight: bold;
    font-size: 19px;
}

.footer_header_three {
    float: left;
    height: 30px;
    width: 365px;
    font-weight: bold;
    font-size: 19px;
}

.footer_content_one {
    float: left;
    width: 210px;
    height: 75px;
}

.footer_content_two {
    float: left;
    width: 310px;
    height: 110px;
}

.footer_content_three {
    float: left;
    width: 365px;
    height: 27px;
}

.footer_credit_card {
    float: left;
    height: 45px;
    width: 145px;
    margin-left: 28px;
    float: left;
    background: url(../img/credit-small.png);
}

.footer_list_two {
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    list-style-type: square;
    height: 42px;
}

.footer_sub_three {
    float: left;
    width: 365px;
    height: 110px;
}

.footer_list_three {
    margin-left: 15px;
    list-style-type: square;
}

.footer_links {
    width: 915px;
    height: 15px;
    float: left;
    color: #FFF;
    margin-top: 38px;
    padding-left: 35px;
}

.hp_tab, .hp_tab_oversized, .hp_tab_last {
    padding-left: 10px;
    width: 96px;
    padding-top: 8px;
    height: 21px;
    float: left;
    margin-right: 3px;
    background: url(../img/cabinet-106.png) 0 0 no-repeat;
}

.hp_tab_oversized, .hp_tab_last {
    width: 97px;
}

.hp_tab_last {
    margin-right: 0;
}

.hp_tab_selected {
    background-position: 0 -29px;
}

.hp_tab_select {
    background-position: 0 -29px;
}

.hpp {
    margin-bottom: 4px;
}

    .hpp:hover {
        cursor: pointer;
        background-position: 0 -29px;
    }

#hp_intro_text {
    width: 755px;
    height: 65px;
    background-color: #ebebeb;
    font-size: 11px;
    padding: 11px;
    padding-top: 10px;
    padding-bottom: 0;
    border-bottom: solid 1px #cccccb;
}

#hp_intro_text_spinner {
    width: 755px;
    height: 65px;
    font-size: 11px;
    padding: 11px;
    padding-top: 10px;
    padding-bottom: 0;
    border-bottom: solid 1px #cccccb;
    background: #ebebeb url(../img/loader.gif) center center no-repeat;
}

#hp_products {
    height: 540px;
    width: 777px;
    background-color: #FFF;
    float: left;
}

#hp_products_spinner {
    height: 540px;
    width: 777px;
    float: left;
    background: #FFF url(../img/loader.gif) center center no-repeat;
}

.pp_chk, .pp_chk_hov {
    height: 17px;
    width: 17px;
    float: left;
    background: url(../img/checkbox.png) 0 0 no-repeat;
}

.pp_chk_hov {
    background-position: 0 -17px;
}

.sub_frame {
    width: 191px;
    height: 263px;
    float: left;
    background: url(../img/sub-frame.png) 0 0 no-repeat;
    position: relative;
    top: -312px;
}

.showtime {
    display: none;
}

xmas-2-grey {
    background-color: #b90000 !important;
}

    xmas-2-grey:hover {
        background-color: #444 !important;
        cursor: pointer;
    }

.grey-2-orange {
    color: #444;
}

    .grey-2-orange:hover {
        color: #FF470F;
        cursor: pointer;
    }

.magenta-2-grey {
    color: #ff0056;
}

    .magenta-2-grey:hover {
        color: #444;
        cursor: pointer;
    }

.cmenui {
    color: #FFF;
}

    .cmenui:hover {
        color: #FFF;
        cursor: pointer;
    }

.underline:hover {
    text-decoration: underline;
    cursor: pointer;
}

.csa_link {
    color: #444;
}

    .csa_link:hover {
        background-color: #d6bcff;
        border: solid 1px #b78dff;
        cursor: pointer;
    }

.nolink {
    text-decoration: none;
}

    .nolink:hover {
        cursor: pointer;
    }

.noclink {
    text-decoration: none;
    color: #444;
}

    .noclink:hover {
        cursor: pointer;
        color: #444;
    }

@font-face {
    font-family: hp-seg;
    src: url('../font/segoeuil.eot');
    src: url('../font/segoeuil.woff') format('woff'), url('../font/segoeuil.ttf') format('truetype'), url('../font/segoeuil.svg') format('svg');
}

.buy-now-button, .buy-now-button-d {
    float: left;
    width: 57px;
    height: 18px;
    font-size: 10px;
    font-weight: bold;
    background: url(../img/buynow.gif) 0 0 no-repeat;
    color: #FFF;
    text-align: center;
    padding-top: 4px;
    margin-top: 5px;
}

.buy-now-button-d {
    background: url(../img/buynow-orange.gif) 0 0 no-repeat;
}

    .buy-now-button:hover, .buy-now-button-d:hover {
        background-position: 0 -22px;
        color: #FFF;
        cursor: pointer;
    }

.product-alert {
    height: 16px;
    width: 150px;
    position: relative;
    top: -214px;
    font-size: 11px;
    color: #FFF;
    text-align: right;
    padding-right: 6px;
    padding-top: 2px;
}

.product-image, .product-image-short {
    height: 145px;
    width: 138px;
    float: left;
    padding-left: 18px;
    padding-top: 18px;
}

.scl-link {
    color: #444;
    text-decoration: none;
}

    .scl-link:hover {
        color: #FF4D05;
        text-decoration: none;
        cursor: pointer;
    }

.product-image-short {
    height: 154px;
    padding-top: 9px;
    z-index: 2;
    position: relative;
}

.product-save, .product-save-hollow {
    height: 41px;
    width: 34px;
    position: relative;
    top: -232px;
    left: 110px;
    z-index: 3;
}

.bc-link {
    
    font-size: 18px;
    line-height: 34px;
    float: left;
    height: 34px;
    margin-right: 8px;
    color: #016F66;
    text-decoration: none;
}

    .bc-link:hover {
        color: #444;
        text-decoration: none;
        cursor: pointer;
    }

.catnhp-row {
    width: 980px;
    height: 340px;
    padding-top: 20px;
    margin-bottom: 0px;
}

.product-save {
    background: url(../img/save-black.png) 0 0 no-repeat;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
}

.product-container-ol {
    height: 232px;
    width: 156px;
    background: url(../img/container.gif);
    position: relative;
    top: 0px;
}

.product-save-text-ol {
    padding-left: 3px;
    width: 31px;
    padding-top: 3px;
}

.product-save-price-ol {
    text-align: center;
    width: 34px;
    line-height: 11px;
}

.product-top-half {
    height: 232px;
    width: 156px;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
}

.product-top-half-c, .product-top-half-c-r {
    height: 232px;
    width: 156px;
    float: left;
    margin-right: 8px;
    margin-top: 8px;
}

.product-top-half-c-r {
    margin-top: 16px;
}

.product-top-half-d, .product-top-half-d-r {
    height: 232px;
    width: 156px;
    float: left;
    margin-right: 24px;
    margin-top: 24px;
}

.product-top-half-d-r {
    margin-top: 12px;
}

.product-text-main {
    width: 149px;
    float: left;
    font-size: 11px;
    padding-left: 7px;
    padding-top: 3px;
    color: #666;
}

.product-price-big {
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #666;
    padding-left: 6px;
    padding-top: 6px;
    width: 86px;
}

.product-ambi {
    height: 69px;
    width: 156px;
    position: relative;
    top: -214px;
}

.product-wrapper-vamp {
    width: 316px;
    height: 468px;
    float: left;
}

.product-top-text-def {
    height: 35px;
    width: 156px;
    float: left;
}

.product-bottom-text-def {
    height: 34px;
    width: 156px;
}

.product-band-slate {
    background-color: #DDD;
    color: #666;
}

.product-band-new {
    background-color: #DDD;
    color: #666;
}

.product-band-hot {
    background-color: #DDD;
    color: #666;
}

.flat-orange-button {
    background-color: #FF470F;
    height: 23px;
    width: 161px;
    float: left;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-left: 10px;
    color: #FFF;
}

    .flat-orange-button:hover {
        color: #333;
        background-color: #FFF;
        cursor: pointer;
    }

.navbul {
    position: relative;
    top: -18px;
    padding-left: 8px;
}

.navbli {
    display: inline-block;
    list-style-type: none;
    font-size: 12px;
    width: 175px;
    height: 20px;
}
/* --- GENERIC --- */
.orange-arrow-left {
    width: 17px;
    height: 50px;
    background: url(../img/orange-arrow-left.png);
    margin-right: 15px;
    float: left;
    cursor: pointer;
}

.orange-arrow-right {
    width: 17px;
    height: 50px;
    background: url(../img/orange-arrow-right.png);
    margin-left: 15px;
    float: left;
    cursor: pointer;
}

    .orange-arrow-left:hover, .orange-arrow-right:hover {
        background-position: 0 -50px;
        cursor: pointer;
    }

.orange-arrow-disabled {
    background-position: 0 -100px;
}

    .orange-arrow-disabled:hover {
        background-position: 0 -100px;
        cursor: default;
    }

.orange-action {
    color: #6A2C99;
}

.intro-heading {
    font-family: Roboto, sans-serif;
    font-size: 26px;
    font-weight: 300;
    border-bottom: solid 3px #444;
    padding-bottom: 5px;
    display: inline-block;
    text-transform: uppercase;
}

.pseudo-underline {
    border-bottom: solid 1px #444;
    margin-bottom: 30px;
}
/* --- SLIDER NEW --- */
#slider-new {
    display: inline-block;
    float: left;
    width: 100%;
    background-color: #FFF;
    color: #333;
    position: relative;
    overflow: hidden;
}

    #slider-new .slider-new-shell {
        width: 980px;
        margin: 0 auto;
        display: table;
    }



.complete_a {
    height: 40px;
    width: 100%;
    margin-bottom: 15px;
    display: inline-block;
}

    .complete_a .visual {
        height: 5px;
        background-color: #FF470F;
        text-align: center;
        color: #FFF;
        font-size: 16px;
        font-family: Roboto, sans-serif;
        line-height: 30px;
        float: left;
        margin-top: 5px;
    }

    .complete_a .vtext {
        font-size: 16px;
        font-family: Roboto, sans-serif;
        font-style: italic;
        float: left;
        line-height: 20px;
        height: 20px;
        width: 100%;
    }

.answer {
    height: 40px;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
}

.answer-small {
    height: auto;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-between;
}

.answer-q:hover {
    background-color: #DDD;
    cursor: pointer;
}

.answer .qnumber {
    height: 40px;
    width: 40px;
    background-color: #FF470F;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    line-height: 40px;
    float: left;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.answer .qanswer {
    font-size: 16px;
    font-family: Roboto, sans-serif;
    font-style: italic;
    float: left;
    line-height: 40px;
    margin-left: 20px;
    height: 40px;
}

.answer-small .qanswer {
    font-size: 14px;
    line-height: 22px;
    height: auto;
}

.answer .qbutton {
    border-radius: 50%;
    height: 15px;
    width: 15px;
    background-color: #444;
    float: right;
    margin-top: 14px;
    margin-right: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.answer-small .qbutton {
    margin-top: 0;
    margin-left: 10px;
}

.answer .sel {
    background-color: #FF470F;
}

.answer .hov {
    background-color: #FF470F;
}

#answer_wrapper {
    width: 100%;
    margin-top: 25px;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 15px;
    float: left;
}

.poll .btn {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
    background-color: #ff470f;
    padding: 8px 26px;
    color: #FFF;
    display: inline-block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    float: right;
}

    .poll .btn:hover {
        background-color: #333;
        color: #FFF;
        cursor: pointer;
    }

.tx-rt {
    text-align: right;
    font-size: 14px;
    color: #444;
    font-weight: 400;
    margin-bottom: 15px;
}

.tx-lt {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}
/* --- OSCILLATION --- */
#oscillation {
    display: inline-block;
    min-height: 240px;
    width: 100%;
    background-color: #FFF;
    color: #333;
}

    #oscillation .oscillation-shell {
        width: 980px;
        margin: 0 auto;
        margin-top: 20px;
        display: table;
    }

    #oscillation .cols3 {
        height: 190px;
        width: 310px;
        float: left;
    }

    #oscillation .cols-div {
        height: 190px;
        width: 25px;
        float: left;
    }

    #oscillation .cols3 .head {
        font-family: Roboto, sans-serif;
        font-size: 36px;
        font-weight: 300;
        color: #444;
        padding-left: 20px;
        padding-top: 10px;
    }

    #oscillation .cols3 h3 {
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #444;
        padding-left: 20px;
    }

    #oscillation .cols3 p {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #444;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 15px;
    }
/* --- FOOTER --- */

.norm-trans {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

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

.gen-btn-400 {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    background-color: #ff470f;
    padding: 8px 26px;
    color: #FFF !Important;
    display: inline-block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    letter-spacing: 0.5px;
}

    .gen-btn-400:hover {
        background-color: #333;
        color: #FFF;
        cursor: pointer;
    }

.gen-btn, .new-btn {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
    background-color: #ff470f;
    padding: 8px 26px;
    color: #FFF !Important;
    display: inline-block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.new-btn {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 0;
    width: 180px;
}

    .gen-btn:hover, .new-btn:hover {
        background-color: #333;
        color: #FFF;
        cursor: pointer;
    }

.gen-btn-wte-hov:hover {
    background-color: #FFF !important;
    color: #444 !important;
    cursor: pointer;
}


.gen-btn-white-first, .gen-btn-purple-first, .gen-btn-magenta-first, .gen-btn-gvibe, .gen-btn-slate-first {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    background-color: #FFF;
    padding: 8px 26px;
    color: #444 !important;
    display: inline-block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.gen-btn-gvibe {
    color: #FFF !important;
    background-color: #ed1b24;
}

    .gen-btn-gvibe:hover {
        background-color: #444;
        color: #FFF !important;
        cursor: pointer;
    }

.gen-btn-red-first {
    color: #FFF !important;
    background-color: #eb1c23;
}

    .gen-btn-red-first:hover {
        background-color: #444;
        color: #FFF !important;
        cursor: pointer;
    }

.gen-btn-black-first {
    color: #FFF !important;
    background-color: #000;
}

    .gen-btn-black-first:hover {
        background-color: #444;
        color: #FFF !important;
        cursor: pointer;
    }

.gen-btn-purple-first {
    color: #FFF !important;
    background-color: #6a2c99;
}

.gen-btn-magenta-first {
    color: #FFF !important;
    background-color: #ff0056;
}

.gen-btn-white-first:hover {
    background-color: #444;
    color: #FFF !important;
    cursor: pointer;
}

.gen-btn-slate-first {
    font-family: 'PT Sans Narrow', sans-serif !important;
    background-color: #3d3950;
    color: #FFF !important;
}

    .gen-btn-slate-first:hover {
        background-color: #888;
        color: #FFF !important;
        cursor: pointer;
    }

.gen-btn-purple-first:hover {
    background-color: #444;
    color: #FFF !important;
    cursor: pointer;
}

.gen-btn-magenta-first:hover {
    background-color: #444;
    color: #FFF !important;
    cursor: pointer;
}

.gen-btn-white {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
    background-color: #ff470f;
    padding: 8px 26px;
    color: #FFF;
    display: inline-block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .gen-btn-white:hover {
        background-color: #FFF;
        color: #ff470f;
        cursor: pointer;
    }

.gen-btn-yellow {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
    background-color: #eac403;
    padding: 8px 26px;
    color: #000;
    display: inline-block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .gen-btn-yellow:hover {
        background-color: #000;
        color: #eac403;
        cursor: pointer;
    }

.gen-btn-teal {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    background-color: #39c1cd;
    padding: 8px 26px;
    color: #FFF;
    display: inline-block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .gen-btn-teal:hover {
        background-color: #444;
        color: #FFF;
        cursor: pointer;
    }

.gen-btn-grey, .gen-btn-dark-grey {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    background-color: #CCC;
    padding: 8px 26px;
    color: #444;
    display: inline-block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.gen-btn-dark-grey {
    background-color: #444;
    color: #FFF;
}

.gen-btn-shegasm {
    background-color: #44296f;
    color: #FFF;
}

.gen-btn-grey:hover {
    background-color: #444;
    color: #FFF;
    cursor: pointer;
}

.gen-btn-dark-grey:hover, .gen-btn-shegasm:hover {
    background-color: #CCC;
    color: #444 !important;
    cursor: pointer;
}


.gen-answer, .gen-answer-ship, .gen-answer-ppd, .gen-answer-pd {
    height: 40px;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
}

.gen-answer-q:hover {
    background-color: #DDD;
    cursor: pointer;
}

.gen-answer .gen-qnumber, .gen-answer-ship .gen-qnumber-ship, .gen-answer-ppd .gen-qnumber-ppd, .gen-answer-pd .gen-qnumber-pd {
    height: 40px;
    width: 40px;
    background-color: #FF470F;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    line-height: 40px;
    float: left;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.gen-answer .gen-qanswer, .gen-answer-ship .gen-qanswer-ship, .gen-answer-ppd .gen-qanswer-ppd, .gen-answer-pd .gen-qanswer-pd {
    font-size: 16px;
    font-family: Roboto, sans-serif;
    font-style: italic;
    float: left;
    line-height: 40px;
    margin-left: 20px;
    height: 40px;
}

.gen-answer .gen-qbutton, .gen-answer-ship .gen-qbutton-ship, .gen-answer-ppd .gen-qbutton-ppd, .gen-answer-pd .gen-qbutton-pd {
    border-radius: 50%;
    height: 15px;
    width: 15px;
    background-color: #444;
    float: right;
    margin-top: 14px;
    margin-right: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.gen-answer .gen-sel, .gen-answer-ship .gen-sel, .gen-answer-ppd .gen-sel, .gen-answer-pd .gen-sel {
    background-color: #FF470F;
}

.gen-answer .gen-hov, .gen-answer-ship .gen-hov, .gen-answer-ppd .gen-hov, .gen-answer-pd .gen-hov {
    background-color: #FF470F;
}

.text-s h2 {
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #444;
    line-height: 44px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.text-q {
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    border-bottom: solid 1px #111;
    width: 980px;
    padding-bottom: 2px;
    margin-bottom: 15px;
}

.text-a {
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #777;
    width: 800px;
}

.text-b {
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #FF470F;
    margin-top: 25px;
    margin-bottom: 25px;
    display: inline-block;
}

.footer-llcj {
    color: #9B7CB3;
    text-decoration: underline;
}

    .footer-llcj:hover {
        color: #FFF;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        text-decoration: underline;
    }

.grey-bg {
    background-color: #CCC;
    color: #999;
}

.gen-answer-grey {
    height: 40px;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
}

    .gen-answer-grey .gen-qnumber-grey {
        height: 40px;
        width: 40px;
        background-color: #CCC;
        text-align: center;
        color: #FFF;
        font-size: 16px;
        font-family: Roboto, sans-serif;
        line-height: 40px;
        float: left;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .gen-answer-grey .gen-qanswer-grey {
        font-size: 16px;
        font-family: Roboto, sans-serif;
        font-style: italic;
        float: left;
        line-height: 40px;
        margin-left: 20px;
        height: 40px;
        color: #999;
    }

    .gen-answer-grey .gen-qbutton-grey {
        border-radius: 50%;
        height: 15px;
        width: 15px;
        background-color: #999;
        float: right;
        margin-top: 14px;
        margin-right: 15px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

.gen-btn-submit {
    background-color: #44c7dd;
    color: #FFF;
}

    .gen-btn-submit:hover {
        background-color: #44c7dd;
        color: #FFF;
        cursor: default;
    }

.gift-cell {
    opacity: 1;
    width: 200px;
    height: 220px;
    background-color: #F00;
    position: absolute;
    /*-webkit-box-shadow: 0 0 5px 1px #AAA; 
    box-shadow: 0 0 5px 1px #AAA;*/
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.gift-hidden {
    opacity: 0;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.autocomplete-suggestions {
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 8px;
    background-color: #FFF;
    border: 1px solid #BBB;
    border-top: 0;
}

.autocomplete-suggestion, .autocomplete-suggestion-product, .autocomplete-suggestion-category {
    padding: 2px 0 3px 15px;
    white-space: nowrap;
    overflow: hidden;
    
    font-size: 15px;
    display: inline-block;
    width: calc(100% - 30px);
}

    .autocomplete-suggestion-product:hover .scl-link, .autocomplete-suggestion-category:hover .scl-link {
        color: #ff470f;
        cursor: pointer;
    }

.autocomplete-selected, .autocomplete-selected .scl-link {
    color: #FF470F;
    font-weight: normal;
    cursor: pointer;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    cursor: pointer;
}

.autocomplete-group {
    padding: 2px 5px;
}

    .autocomplete-group strong {
        font-weight: normal;
        display: block;
        border-bottom: 1px solid #000;
    }

#old-address-div, #old-address-au-existing, #old-address-au-existing-opt {
    display: none;
}

.nine-border {
    border: solid 1px #999;
}

.valid-border {
    border: 1px solid #44c7dd !important;
}

.glow-green {
    background-color: #B5F9FF !important;
    border: 1px solid #44c7dd !important;
}

.glow:focus {
    outline: none;
    box-shadow: 0px 0px 7px #61C5FA !important;
    border: 1px solid #44c7dd !important;
}

.error-border {
    border: 1px solid #ff4444 !important;
}

.glow-red {
    background-color: #ffdddd !important;
    border: 1px solid #ff4444 !important;
}

    .glow-red:focus {
        outline: none;
        box-shadow: 0px 0px 7px #ff6c6c !important;
        border: 1px solid #ff4444 !important;
    }

.cart-line-option, .cart-line-option-sel, .cart-line-option-pri, .cart-line-option-pri-sel, .cart-line-option-sig, .cart-line-option-sig-sel {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    width: 960px;
    margin-bottom: 10px;
    display: inline-block;
}

.cart-tick {
    height: 30px;
    width: 30px;
    background: url(../img/tick.png) no-repeat;
}

    .cart-tick:hover {
        background-position: 0 -30px;
        cursor: pointer;
    }

.shipping-selection, .priority-selection, .saturday-selection, .wsh-selection, .pre-selection, .sde-selection, .nde-selection, .signature-selection, .promotion-selection, .international-shipping-selection, .free-gift-wrap-selection, .dispatch-notification {
    height: 30px;
    border: 1px solid #FF470F;
    display: inline-block;
    font-family: Roboto, sans-serif;
    padding: 0 4%;
    color: #FF470F;
    background-color: #FFF;
    float: right;
}

.pri-sel {
    float: right;
    padding: 0 8%;
}

.magenta-border {
    border: 1px solid #f70058 !important;
}

.error-message, .info-message, .live-message {
    width: 96%;
    font-size: 14px;
    float: left;
    margin-top: 30px;
    margin-bottom: 5px;
    padding: 6px 2%;
    border: 1px solid #EED3D7;
    background-color: #F2DEDE;
    color: #B94A48;
    display: none;
}

.info-message, .live-message {
    border: 1px solid #BCE8F1;
    background-color: #D9EDF7;
    color: #3A87AD;
}

.live-message {
    display: block;
    padding: 15px 4%;
    margin: 0;
    text-align: center;
}

.promotion-selection-grey {
    height: 30px;
    border: 1px solid #BBB;
    display: inline-block;
    font-family: Roboto, sans-serif;
    padding: 0px 4%;
    color: #AAA;
    float: right;
}

.shipping-selection:hover, .priority-selection:hover, .saturday-selection:hover, .wsh-selection:hover, .pre-selection:hover, .sde-selection:hover, .nde-selection:hover, .signature-selection:hover, .promotion-selection:hover, .international-shipping-selection:hover, .free-gift-wrap-selection:hover, .dispatch-notification:hover {
    border: 1px solid #333;
    background-color: #333;
    color: #FFF;
    cursor: pointer;
}

.shipping-selection-sel, .priority-selection-sel, .saturday-selection-sel, .wsh-selection-sel, .pre-selection-sel, .sde-selection-sel, .nde-selection-sel, .signature-selection-sel, .promotion-selection-sel, .international-shipping-selection-sel, .free-gift-wrap-selection-sel, .dispatch-notification-sel {
    border: 1px solid #44c7dd;
    background-color: #44c7dd;
    color: #FFF;
}

    .shipping-selection-sel:hover, .promotion-selection-sel:hover, .free-gift-wrap-selection-sel:hover {
        border: 1px solid #44c7dd;
        background-color: #44c7dd;
        color: #FFF;
        cursor: default;
    }

    .priority-selection-sel:hover, .signature-selection-sel:hover, .promotion-selection-sel:hover, .international-shipping-selection-sel:hover, .free-gift-wrap-selection-sel:hover, .dispatch-notification-sel:hover {
        border: 1px solid #333;
        background-color: #333;
        color: #FFF;
        cursor: pointer;
    }

#og-sat-del, #og-sde-del, #og-nde-del, #og-ond-del {
    display: none;
}

.shipping-wrapper {
    width: 180px;
    height: 40px;
    display: inline-block;
    float: right;
}

.sticky-wrapper {
    z-index: 2000;
    float: left;
    width: 980px;
    margin: 0 auto;
}

#progress-wrapper {
    width: 980px;
    height: 80px;
    float: left;
    position: relative;
    background-color: #FFF;
    z-index: 2000;
}

    #progress-wrapper.stuck {
        position: fixed;
        top: 0;
        -webkit-box-shadow: 0px 3px 1px 0px rgba(50, 50, 50, 0.5);
        -moz-box-shadow: 0px 3px 1px 0px rgba(50, 50, 50, 0.5);
        box-shadow: 0px 3px 1px 0px rgba(50, 50, 50, 0.5);
    }
/*
    CATEGORY FILTERING
*/
.gen-selection {
    height: 30px;
    border: 1px solid #FF470F;
    display: inline-block;
    float: left;
    font-family: Roboto, sans-serif;
    padding: 0px 24px 0px 23px;
    margin-top: 15px;
    color: #FF470F;
    margin-right: 20px;
}

.gen-selection-grey {
    height: 30px;
    border: 1px solid #BBB;
    display: inline-block;
    float: left;
    font-family: Roboto, sans-serif;
    padding: 0px 24px 0px 23px;
    margin-top: 5px;
    color: #AAA;
}

.gen-selection:hover {
    border: 1px solid #333;
    background-color: #333;
    color: #FFF;
    cursor: pointer;
}

.gen-selection-sel {
    border: 1px solid #44c7dd;
    background-color: #44c7dd;
    color: #FFF;
}

    .gen-selection-sel:hover {
        border: 1px solid #44c7dd;
        background-color: #44c7dd;
        color: #FFF;
        cursor: default;
    }

    .gen-selection-sel:hover {
        border: 1px solid #333;
        background-color: #333;
        color: #FFF;
        cursor: pointer;
    }

div.jqcloud {
    overflow: hidden;
    position: relative;
}

    div.jqcloud span {
        padding: 0;
    }

div.jqcloud {
    
    font-size: 10px;
    line-height: normal;
}

    div.jqcloud a {
        font-size: inherit;
        text-decoration: none;
    }

    div.jqcloud span.w10 {
        font-size: 30px;
    }

    div.jqcloud span.w9 {
        font-size: 28px;
    }

    div.jqcloud span.w8 {
        font-size: 26px;
    }

    div.jqcloud span.w7 {
        font-size: 24px;
    }

    div.jqcloud span.w6 {
        font-size: 22px;
    }

    div.jqcloud span.w5 {
        font-size: 20px;
    }

    div.jqcloud span.w4 {
        font-size: 18px;
    }

    div.jqcloud span.w3 {
        font-size: 20px;
    }

    div.jqcloud span.w2 {
        font-size: 16px;
    }

    div.jqcloud span.w1 {
        font-size: 12px;
    }

div.jqcloud {
    color: #09f;
}

    div.jqcloud a {
        color: inherit;
    }

        div.jqcloud a:hover, div.jqcloud span.w10, div.jqcloud span.w8, div.jqcloud span.w9 {
            color: #0cf;
        }

    div.jqcloud span.w7 {
        color: #39d;
    }

    div.jqcloud span.w6 {
        color: #90c5f0;
    }

    div.jqcloud span.w5 {
        color: #90a0dd;
    }

    div.jqcloud span.w4 {
        color: #90c5f0;
    }

    div.jqcloud span.w3 {
        color: #a0ddff;
    }

    div.jqcloud span.w2 {
        color: #9ce;
    }

    div.jqcloud span.w1 {
        color: #aab5f0;
    }

.product-container-ol {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.cp_module:hover {
    cursor: pointer;
}

.ss-cptable td {
    border: solid 1px #999;
}

.csr-van {
    background: url(../img/csr-van.png) no-repeat;
    width: 93px;
    height: 93px;
    display: block;
}

    .csr-van:hover {
        background-position: 0 -93px;
        cursor: pointer;
    }

.csr-padlock {
    background: url(../img/csr-padlock.png) no-repeat;
    width: 69px;
    height: 69px;
    display: block;
}

    .csr-padlock:hover {
        background-position: 0 -69px;
        cursor: pointer;
    }

.csr-award {
    background: url(../img/csr-award.png) no-repeat;
    width: 69px;
    height: 69px;
    display: block;
}

    .csr-award:hover {
        background-position: 0 -69px;
        cursor: pointer;
    }

.csr-return {
    background: url(../img/csr-return.png) no-repeat;
    width: 69px;
    height: 69px;
    display: block;
}

    .csr-return:hover {
        background-position: 0 -69px;
        cursor: pointer;
    }

.csr-box {
    background: url(../img/csr-box.png) no-repeat;
    width: 81px;
    height: 81px;
    display: block;
}

    .csr-box:hover {
        background-position: 0 -81px;
        cursor: pointer;
    }

.csr-face {
    background: url(../img/csr-face.png) no-repeat;
    width: 93px;
    height: 93px;
    display: block;
}

    .csr-face:hover {
        background-position: 0 -93px;
        cursor: pointer;
    }

.pc_opening_hours {
    font-size: 13px;
    max-height: 0;
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    overflow: hidden;
}

.pc-button-nh {
    height: 34px;
    width: 34px;
    background-color: #CCC;
    border-radius: 50%;
    margin-top: 3px;
    color: #999;
    display: block;
}

.pc-button {
    height: 34px;
    width: 34px;
    background-color: #CCC;
    border-radius: 50%;
    margin-top: 3px;
    color: #999;
    display: block;
}

    .pc-button:hover {
        background-color: #44c7dd;
        color: #FFF;
        cursor: pointer;
    }

#parcel_collect {
    display: none;
}

#parcel_collect_html {
    display: none;
}

.wash-red {
    background-color: #ed102a !important;
}

.wash-purple {
    background-color: #6A2C99 !important;
}

/* TAG ENGINE PATH */

.wcircle-menu {
    display: none;
}

.wcircle-menu-item {
    background-color: #fff;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    padding: 4px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}

    .wcircle-menu-item:hover {
        cursor: pointer;
    }

        .wcircle-menu-item:hover > .wcirc-inner {
            background-color: #444;
        }

.wcirc-inner {
    background-color: #f64b20;
    border-radius: 50%;
    width: 44px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.wc-search {
    height: 41px;
    padding-top: 3px;
}

.wc-newspaper {
    height: 39px;
    padding-top: 5px;
}

.wc-dollar {
    height: 40px;
    padding-top: 4px;
}

.te-word {
    color: #f64b20;
    border-bottom: dashed 1px #f64b20;
}

.te-word {
    cursor: pointer;
}

.te-word {
    cursor: pointer;
    position: relative;
}

.wcirc-inner a {
    color: #FFF;
}

.wcirc-inner:hover a {
    color: #FFF;
    cursor: pointer;
}

#uc_desktop_nav {
    display: none;
}

/*  ------------------------------   RESPONSIVE DESIGN  -------------------------------------  */

.img-responsive {
    width: 100%;
    display: block;
}

.cart-mw {
    max-width: 100%;
    width: auto;
    min-width: auto;
}

.font-eleven, .font-twelve, .font-thirteen, .font-fourteen, .font-sixteen, .font-twenty, .font-twenty-six, .font-thirty {
    font-family: Roboto, sans-serif;
}

.font-eleven {
    font-size: 11px;
}

.font-twelve {
    font-size: 12px;
}

.font-thirteen {
    font-size: 13px;
}

.font-fourteen {
    font-size: 14px;
}

.font-sixteen {
    font-size: 16px;
}

.font-twenty {
    font-size: 20px;
}

.font-twenty-six {
    font-size: 26px;
    font-weight: 300;
}

.font-thirty {
    font-size: 30px;
    font-weight: 300;
}

.more-link {
    float: right;
    margin-top: 16px;
    
    text-transform: uppercase;
}

.more-link-with-header {
    float: right;
    margin-top: -20px;
    
    text-transform: uppercase;
}

/* HOME PAGE RESPOSIVE*/

#slider-new {
    display: none;
}

#slider-mobile {
    display: inline-block;
}

#mod_payment_credit {
    margin-bottom: 30px;
}

#mod_payment_credit {
    margin-bottom: 30px;
}

#mod_payment_cash {
    margin-bottom: 30px;
}

/* --- VISUAL-CATS --- */
.visual-cat-image {
    display: none;
    width: 100%;
}

#visual-cats {
    display: inline-block;
    width: 100%;
    float: left;
    background-color: #FFF;
    color: #333;
}

    #visual-cats .visual-cats-shell {
        display: inline-block;
        width: 100%;
        float: left;
        margin-top: 20px;
    }

    #visual-cats .cols3 {
        width: 100%;
        margin-left: 0%;
        float: left;
        margin-bottom: 40px;
    }

    #visual-cats .first {
        margin-left: 0 !important;
    }

    #visual-cats .cols-div {
        height: 190px;
        width: 25px;
        float: left;
    }

    #visual-cats .cols3 .head {
        font-family: Roboto, sans-serif;
        font-size: 24px;
        font-weight: 300;
        color: #FFF;
        padding-top: 8px;
        padding-bottom: 8px;
        display: inline-block;
        border-bottom: 1px solid #FFF;
    }

        #visual-cats .cols3 .head span {
            color: #444;
        }

    #visual-cats .cols3 .intro {
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #444;
        margin-left: 17px;
        margin-top: 12px;
        padding-bottom: 16px;
        border-bottom: solid 1px #FFF;
        display: inline-block;
    }

    #visual-cats .cols3 p {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #444;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 15px;
    }

    #visual-cats .gen-btn-white-first {
        margin-top: 15px;
        margin-bottom: 16px;
    }

    #visual-cats .btn:hover {
        background-color: #333;
        color: #FFF;
        cursor: pointer;
    }

    #visual-cats .half-l {
        height: 146px;
        width: 45%;
        float: left;
    }

    #visual-cats .half-r {
        height: 146px;
        width: 55%;
        float: left;
        position: relative;
    }

    #visual-cats .cols3-wrapper {
        height: 146px;
        width: 100%;
    }

.visual-cat-text-wrapper {
    width: 92%;
    background-color: #6A2C99;
    display: inline-block;
    float: left;
    text-align: center;
    padding: 0 4%;
}

.visual-cat-text-lower {
    font-size: 14px;
    color: #FFF;
    font-weight: 300;
    padding-top: 8px;
    padding-bottom: 8px;
}

.visual-cat-button-wrapper {
    width: 100%;
    display: inline-block;
    float: left;
}

#visual-cats .extra {
    display: none;
}

.hp-sl-btn {
    width: 90px;
    font-size: 14px;
    text-align: center;
}

.hp-sl-btn-sm {
    width: 80px;
    font-size: 14px;
    text-align: center;
}

.hide {
    display: none !important;
}

.hide-soft {
    display: none;
}

#pxpost {
    display: none;
}

#pxpost-message {
    display: none;
}

.hide360 {
    display: none;
}

.hide600 {
    display: none;
}

.hide768 {
    display: none;
}

.hide992 {
    display: none;
}

.hide992i {
    display: none;
}

.show992 {
    display: block;
}

/* --- ARTICLES --- */
#articles {
    display: inline-block;
    float: left;
    width: 100%;
    background-color: #FFF;
    color: #333;
    margin-bottom: 35px;
}

    #articles .articles-shell {
        display: inline-block;
        float: left;
        width: 100%;
    }

    #articles .cols3 {
        width: 96%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }

    #articles .first {
        margin-left: 0 !important;
    }

    #articles .cols3 .head {
        font-family: Roboto, sans-serif;
        font-size: 18px;
        font-weight: 300;
        color: #444;
        font-style: italic;
    }

        #articles .cols3 .head a {
            color: #FF470F;
            text-decoration: none;
        }

            #articles .cols3 .head a:hover {
                color: #444;
                cursor: pointer;
                text-decoration: none;
            }

    #articles .cols3 h3 {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #666;
        padding-top: 5px;
        padding-bottom: 8px;
    }

    #articles .cols3 p {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #666;
        padding-top: 8px;
    }

    #articles .cols3 .lined {
        height: 1px;
        width: 100%;
        background-color: #6A2C99;
    }

    #articles .intro-heading {
        font-size: 20px;
    }



#crp_wrapper .intro-heading {
    font-size: 20px;
}

.rvp-item {
    width: 21%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.au-ship-logo {
    display: inline-block;
    margin: 0 auto;
    width: auto;
    width: initial;
    margin-top: 20px;
    margin-bottom: 10px;
}

.au-ship-tile {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    padding: 4%;
    display: inline-block;
    background-color: #EEE;
    
    font-size: 14px;
    margin-bottom: 30px;
}

#videos_wrapper {
    width: 100%;
    display: inline-block;
    float: left;
}
/* --- PRODUCTS --- */

#checkout-wrapper {
    width: 188px;
    text-align: center;
}

#atc_checkout {
    display: none;
}

.hp-products {
    display: inline-block;
    width: 100%;
    float: left;
    background-color: #FFF;
    color: #333;
}

    .hp-products .products-shell {
        width: 100%;
        margin-top: 20px;
        display: inline-block;
        float: left;
    }

    .hp-products .products-oa {
        margin-top: 110px;
    }

    .hp-products .cols4 {
        height: 350px;
        width: 210px;
        float: left;
    }

        .hp-products .cols4 .line {
            height: 1px;
            width: 210px;
            margin-top: 20px;
            margin-bottom: 13px;
            background-color: #FF470F;
        }

    .hp-products .products-div {
        width: 25px;
        height: 350px;
        float: left;
    }

    .hp-products .cols4 h2 {
        font-family: Roboto, sans-serif;
        font-size: 18px;
        font-weight: 300;
        color: #444;
        font-style: italic;
    }

        .hp-products .cols4 h2 a {
            color: #444;
        }

            .hp-products .cols4 h2 a:hover {
                cursor: pointer;
                text-decoration: underline;
            }

    .hp-products .cols4 h3 {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #666;
        padding-top: 5px;
        padding-bottom: 8px;
    }


    .hp-products .intro-heading {
        font-size: 20px;
    }

#videos {
    display: inline-block;
    width: 100%;
    background-color: #FFF;
    color: #333;
}

    #videos .videos-shell {
        width: 100%;
        display: inline-block;
        float: left;
    }

    #videos .cols-r {
        width: 100%;
        display: inline-block;
        float: left;
    }

    #videos .cols-l {
        width: 100%;
        display: inline-block;
        float: left;
    }

        #videos .cols-l .head {
            font-family: Roboto, sans-serif;
            font-size: 26px;
            font-weight: 300;
            color: #444;
            line-height: 30px;
            margin-bottom: 15px;
            margin-top: -10px;
        }

        #videos .cols-l p {
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 300;
            color: #666;
            margin-bottom: 23px;
        }

            #videos .cols-l p a {
                color: #FF470F;
            }

                #videos .cols-l p a:hover {
                    text-decoration: underline;
                    cursor: pointer;
                }

    #videos .videos-div {
        width: 0;
        height: 475px;
        display: inline-block;
        float: left;
    }

    #videos .btn {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 300;
        background-color: #ff470f;
        padding: 8px 26px;
        color: #FFF;
        display: inline-block;
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

        #videos .btn:hover {
            background-color: #333;
            color: #FFF;
            cursor: pointer;
        }


    #videos .intro-heading {
        font-size: 20px;
    }

    #videos .cols-r {
        margin-bottom: 30px;
    }

    #videos .cols-l {
        margin-bottom: 30px;
    }

.hpvid {
    /*width: 640px;
        height: 360px;*/
    width: 100%;
    height: 360px;
}

#glossary-poll {
    display: inline-block;
    min-height: 500px;
    width: 100%;
    background-color: #FFF;
    color: #333;
}

    #glossary-poll .glossary-poll-shell {
        width: 100%;
        display: inline-block;
        float: left;
    }

    #glossary-poll .glossary {
        width: 100%;
        display: inline-block;
        float: left;
        margin: 0 0 40px 0 !important;
    }

    #glossary-poll .poll {
        width: 100%;
        display: inline-block;
        float: left;
        margin: 0 0 40px 0 !important;
    }

    #glossary-poll h2 {
        font-family: Roboto, sans-serif;
        font-size: 26px;
        font-weight: 300;
        color: #444;
        line-height: 30px;
        margin-bottom: 15px;
        margin-top: -10px;
        letter-spacing: 1px;
        width: 100%;
        float: left;
        display: inline-block;
    }

    #glossary-poll .pron {
        color: #999;
        font-size: 16px;
        font-family: Roboto, sans-serif;
        margin-top: 15px;
        display: inline-block;
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

    #glossary-poll .glossary-text {
        font-size: 14px;
        font-family: Roboto, sans-serif;
        margin-top: 15px;
        display: inline-block;
        width: 100%;
        float: left;
        font-style: italic;
        color: #777;
    }

        #glossary-poll .glossary-text p {
            margin-bottom: 20px;
        }

.glossary .intro-heading {
    font-size: 20px;
}

.poll .intro-heading {
    font-size: 20px;
}

#p_d_t {
    float: left;
    width: 100%;
    display: inline-block;
}

.glossary-page-item {
    width: 100%;
    display: inline-block;
    float: left;
    margin-bottom: 50px;
    margin-left: 2%;
    margin-right: 2%;
}

.slide-btn-desel {
    background-color: #BBB;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    float: right;
    margin-left: 5px;
}

    .slide-btn-desel:hover {
        background-color: #444;
        cursor: pointer;
    }

.slide-btn-sel {
    background-color: #444;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    float: right;
    margin-left: 5px;
}

    .slide-btn-sel:hover {
        background-color: #444;
        cursor: default;
    }


/* ----------------  CATEGORY --------------------- */

#categories {
    margin-left: -2.5%;
    width: 105%;
}

.category_item {
    width: 45%;
    min-height: 230px;
    float: left;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.category_image {
    width: 95%;
    height: 90px;
    float: left;
    margin-left: 2.5%;
    margin-right: 2.5%;
    text-align: center;
}

.category_title {
    width: 100%;
    float: left;
    margin-top: 15px;
    font-size: 13px;
}

.category_desc {
    width: 100%;
    float: left;
    margin-top: 10px;
    font-size: 13px;
    margin-bottom: 40px;
}

/*----------------------------END -------------------*/



/* -------------------------------  SUB-CATEGORY DESIGN  ------------------------------------- */

.sc-rbc {
    width: 100%;
}

#cp {
    width: 99%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.sc-rbp {
    width: 100%;
    margin-top: 30px;
}

#slider-wrapper {
    height: 40px;
    width: 100%;
}

#slider {
    background-color: #FFF;
    width: 93%;
    margin-left: 2.5%;
}

.sc-sba {
    width: 100%;
    margin-top: 30px;
}

#filter-wrapper {
    background-color: #EEE;
    width: 100%;
    height: 36px;
}

/* ANNOUNCE MENU */

.a-split-menu {
    margin-left: 0 !important;
    display: none;
}

#announce-menu-wrapper {
    height: 33px;
    float: right;
    position: relative;
    display: none;
}

#country-menu-wrapper {
    height: 33px;
    float: right;
}

    #country-menu-wrapper:hover {
        cursor: pointer;
    }

.announce-menu-ul, .sort-menu-ul {
    list-style: none;
    background-color: #6a2c99;
    display: none;
    z-index: 5000;
    position: relative;
    clear: both;
    padding-bottom: 5px;
    padding-top: 10px;
    width: 140px;
    position: absolute;
    right: 0;
    top: 33px;
}

.sort-menu-ul {
    list-style: none;
    background-color: #6a2c99;
    display: none;
    z-index: 5000;
    position: relative;
    clear: both;
    padding-bottom: 5px;
    padding-top: 10px;
    width: 92px;
    position: absolute;
    right: 0;
    top: 35px;
}

.sort-item:hover, .refine-btn:hover {
    cursor: pointer;
}

.announce-menu-heading, .country-menu-heading {
    padding-left: 2px;
    font-size: 13px;
    line-height: 33px;
    float: left;
    height: 33px;
    
    color: #fff;
    display: none;
}

.announce-menu-chevron {
    display: none;
}

.country-menu-heading {
    display: block;
}

.announce-menu-chevron, .country-menu-chevron, .announce-menu-ellipsis {
    font-size: 12px !important;
    line-height: 34px !important;
    float: right;
    height: 33px;
    color: #fff;
    font-weight: 300;
    padding-left: 8px;
}

.announce-menu-chevron {
    display: none !important;
}

.announce-menu-ellipsis {
    padding: 1px 2px 0 5px;
    font-size: 17px !important;
}

.announce-menu-heading:hover, .announce-menu-chevron:hover, .announce-menu-elipsis-v:hover {
    cursor: pointer;
}

.announce-menu-ul li, .sort-menu-ul li {
    height: 30px;
    padding-left: 14px;
}

    .announce-menu-ul li a, .sort-menu-ul li a {
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        
        color: #fff;
        display: block;
    }

    .announce-menu-ul li:hover, .sort-menu-ul li:hover {
        background-color: #9b7cb3;
        cursor: pointer;
    }

/* ANNOUNCE MENU */

#category_seo_vtwo {
    display: none;
}

.sba-override {
    margin-top: 30px;
    width: 100%;
}

/* --------------- END SUB-CATEGORY DESIGN  ------------- */

/* --------------- RPRODUCT PAGE ------------------- */

.pp-description ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
}

    .pp-description ul li {
        background: url(../img/list-item-arrow.jpg) no-repeat 0 7px;
        padding-left: 25px;
        line-height: 26px;
    }


.def-normal {
    width: 100%;
    font-family: Roboto, sans-serif;
    font-size: 14px;
}

.def-caption {
    width: 100%;
    font-family: Roboto, sans-serif;
    font-size: 13px;
}

.def-table {
    width: 100%;
    font-family: Roboto, sans-serif;
    font-size: 14px;
}

.pp-resp-title {
    width: 100%;
    font-size: 30px;
    color: #444;
    font-weight: 300;
}

.pp-resp-text {
    line-height: 34px;
    text-transform: uppercase;
}

.pp-resp-sale {
    width: 280px;
    margin-top: 20px;
}

.pp-resp-sale-content {
    background: url(../img/sale-banner.png) 0 0 no-repeat;
    line-height: 37px;
    text-align: center;
    color: #FFF;
    height: 37px;
    font-size: 14px;
}

.normal-font-w-2 {
    font-size: 14px;
    color: #444;
    padding-left: 2px;
}

.line {
    height: 1px;
    width: 100%;
    background-color: #BBB;
    float: left;
    margin-top: 20px;
}

.table-cell-top {
    width: 100%;
    display: inline-block;
}

.detail-table {
    width: 40%;
}

.in-float {
    display: inline-block;
    float: left;
}

#buy_resp {
    width: 100%;
    margin-top: 30px;
}

.rating-stars {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    text-align: center;
}

#cta-triplet {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.base-font {
    
    font-size: 15px;
}

.mb0 {
    margin-bottom: 0;
}

.mb2 {
    margin-bottom: 2px;
}

.mb3 {
    margin-bottom: 3px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mt25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}


.mb60 {
    margin-bottom: 60px;
}

.mt0 {
    margin-top: 0;
}

.mt2 {
    margin-top: 2px;
}

.mt3 {
    margin-top: 3px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.ml0 {
    margin-left: 0;
}

.ml3 {
    margin-left: 3px;
}

.ml4 {
    margin-left: 4px;
}

.ml5 {
    margin-left: 5px;
}

.ml8 {
    margin-left: 8px;
}

.ml10 {
    margin-left: 10px;
}

.mr0 {
    margin-right: 0;
}

.mr3 {
    margin-right: 3px;
}

.mr4 {
    margin-right: 4px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr35 {
    margin-right: 35px;
}

.mr37 {
    margin-right: 37px;
}

.mr40 {
    margin-right: 40px;
}

.mr45 {
    margin-right: 45px;
}

.mr47 {
    margin-right: 47px;
}

.block {
    display: block;
}

.upsell-ul {
    background-color: #EEE;
    width: 100%;
    float: left;
    height: 36px;
    position: relative;
}

.hundred {
    width: 100%;
}

#add-lube {
    margin-top: 30px;
}

#upsell {
    width: 100%;
}

.info-chevron {
    float: right;
    display: inline-block;
}

    .info-chevron:hover {
        cursor: pointer;
    }

.light-hoz {
    height: 1px;
    margin-top: 5px;
    margin-bottom: 12px;
    background-color: #AAA;
    width: 100%;
}

.lighter-hoz {
    height: 1px;
    margin-top: 5px;
    margin-bottom: 12px;
    background-color: #CCC;
    width: 100%;
}

.yt-pp {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    width: calc(100% - 20px);
    margin: 0 10px 20px;
}

    .yt-pp iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.pp-video {
    width: calc(100% - 20px);
    margin: 0 10px 20px;
}

#pp-video-wrapper :first-child {
    margin-top: 0;
}

.iframe-video {
    /*height: 270px;*/
    width: 100%;
}

#pp-video-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.pp-star-block {
    width: 100%;
    display: inline-block;
}

.product-reel {
    width: 100%;
}

#image-panel {
    width: 100%;
    position: relative;
}

.twin-wrap, .def-p-wrapper {
    display: flex;
    flex-direction: column;
}

.ip-wrapper {
    width: 100%;
    padding-right: 0;
}

#atc_button, #atc_button_oos {
    width: 100%;
    background-color: #ff470f;
    padding: 12px 32px;
    color: #FFF;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    padding: 12px 0 !important;
    border: 1px solid #ff470f;
    border-radius: 3px;
    text-align: center;
}

    #atc_button:hover {
        cursor: pointer;
        background-color: #444;
        border: 1px solid #444;
    }

#atc_button_oos {
    background-color: #DDD;
    border: 1px solid #DDD;
    color: #444;
}

    #atc_button_oos:hover {
        cursor: default;
        border: 1px solid #DDD;
    }

#price_resp {
    width: 100%;
    margin-top: 35px;
    font-size: 40px;
    line-height: 46px;
    font-weight: 300;
    color: #44c7dd;
    text-align: center;
}

#rating_resp_alt {
    width: 100%;
    margin: 40px 0 0 0;
}

#buy_resp {
    width: 100%;
}

.image-prev {
    z-index: 1000;
    position: absolute;
    height: 50px;
    width: 50px;
    top: 45%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    left: 0px;
    text-align: center;
}

    .image-prev:hover {
        background: rgba(0, 0, 0, 0.1);
        cursor: pointer;
    }

.image-left-icon {
    font-size: 18px;
    padding-top: 17px;
    color: #444;
}

.image-next {
    z-index: 1000;
    position: absolute;
    height: 50px;
    width: 50px;
    top: 45%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    right: 0px;
    text-align: center;
}

    .image-next:hover {
        background: rgba(0, 0, 0, 0.1);
        cursor: pointer;
    }

.image-right-icon {
    font-size: 18px;
    padding-top: 17px;
    padding-left: 5px;
    color: #444;
}

.left {
    float: left;
}

.right {
    float: right !important;
}

.ml3 {
    margin-left: 3px;
}

.review-text {
    font-size: 14px;
    line-height: 14px;
}

.f36 {
    font-size: 36px !important;
}

.f32 {
    font-size: 32px !important;
}

.f30 {
    font-size: 30px !important;
}

.f26 {
    font-size: 26px !important;
}

.f24 {
    font-size: 24px !important;
}

.f20 {
    font-size: 20px !important;
}

.f18 {
    font-size: 18px !important;
}

.f16 {
    font-size: 16px !important;
}

.f15 {
    font-size: 15px !important;
}

.f14 {
    font-size: 14px !important;
}

.f13 {
    font-size: 13px !important;
}

.f12 {
    font-size: 12px !important;
}

.f11 {
    font-size: 11px !important;
}

.f10 {
    font-size: 10px !important;
}

.f9 {
    font-size: 9px;
}

.f8 {
    font-size: 8px;
}

.pt0 {
    padding-top: 0;
}

.pt1 {
    padding-top: 1px;
}

.pt2 {
    padding-top: 2px;
}

.pt3 {
    padding-top: 3px;
}

.pt4 {
    padding-top: 4px;
}

.pt5 {
    padding-top: 5px;
}

.pt6 {
    padding-top: 6px;
}

.pt7 {
    padding-top: 7px;
}

.pt8 {
    padding-top: 8px;
}

.pt9 {
    padding-top: 9px;
}

.pt10 {
    padding-top: 10px;
}

.pl1 {
    padding-left: 1px;
}

.pr1 {
    padding-right: 1px;
}

.fsitalic {
    font-style: italic;
}

.fsnormal {
    font-style: normal;
}

.price-icon {
    text-align: center;
    background-color: #f70058;
    color: #fff;
    cursor: default;
    float: left;
    margin-right: 15px;
}

    .price-icon:hover {
        background-color: #f70058;
        cursor: default;
    }

.in-stock-icon {
    text-align: center;
    background-color: #44c7dd;
    color: #fff;
    cursor: default;
    float: left;
    margin-right: 15px;
}

    .in-stock-icon:hover {
        cursor: default;
        background-color: #44c7dd;
    }

.pp-tag, .pp-tag-no-hov, .pp-tag-sel, .pp-tag-desel, .pp-tag-cloud {
    padding: 7px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #6A2C99;
    font-family: Roboto, sans-serif;
    line-height: 12px;
    font-size: 13px;
    font-weight: 300;
    display: inline-block;
    color: #FFF;
    float: left;
    border-radius: 3px;
}

    .pp-tag:hover {
        background-color: #444;
        color: #FFF;
        cursor: pointer;
    }

.pp-tag-desel {
    background-color: #EEE;
    color: #444;
}

    .pp-tag-desel:hover {
        background-color: #6A2C99;
        color: #FFF;
        cursor: pointer;
    }

.pp-tag-cloud {
    padding: 12px 10px;
    background-color: #9B7CB3;
    color: #FFF;
}

    .pp-tag-cloud:hover {
        background-color: #222;
        color: #FFF !important;
        cursor: pointer;
    }

.hl-white-charcoal {
    color: #FFF;
}

    .hl-white-charcoal:hover {
        color: #FFF;
        text-decoration: underline;
    }

.pp-tag-sel:hover {
    background-color: #444;
    color: #FFF;
    cursor: pointer;
}

.pp-attribute-icon {
    width: 40px;
    height: 46px;
}

.pp-r-star {
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

.pp-review-type {
    float: left;
    line-height: 20px;
}

.text-right {
    text-align: right;
}

.pp-review-thin-line {
    height: 1px;
    background-color: #bbb;
}

.pp-star-block {
    width: 100%;
    display: inline-block;
}

.pp-star-block-right {
    width: 100%;
    display: inline-block;
}

.pp-star-block-right-inner {
    display: inline-block;
}

.pp-star-first {
    margin-top: 20px;
}

.pp-review-main-wrapper {
    width: 100%;
    border-bottom: 1px solid #BBB;
    margin-bottom: 20px;
    max-height: 800px;
    overflow: hidden;
}

#write-a-review-button {
    padding: 8px 0;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

#show_more_reviews {
    padding: 8px 0;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.pp-review-hide {
    max-height: 0;
    margin-bottom: 0 !important;
    border: 0 !important;
}

.pp-review-main-text {
    width: 100%;
    display: inline-block;
    float: left;
}

.pp-review-main-ratings {
    width: 100%;
    display: inline-block;
    float: left;
}

.pp-absolute-bottom-left {
    width: 100%;
}

.pp-absolute-bottom-right {
    width: 100%;
    text-align: left;
    margin-top: 20px;
}

.pp-r-text {
    margin-bottom: 20px;
}

.pp-r-overall {
    margin-top: 20px;
    margin-bottom: 14px;
    display: inline-block;
    float: left;
}

.in-block {
    display: inline-block;
}

.rate-this-desel, .rate-this-sel {
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    background-color: #CCC;
    color: #444;
    display: inline-block;
}

.rate-this-sel {
    background-color: #6A2C99;
    color: #FFF;
}

.rate-this-desel:hover {
    background-color: #6A2C99;
    color: #FFF;
    cursor: pointer;
}

.rate-this-sel:hover {
    background-color: #8745b8;
    color: #FFF;
    cursor: pointer;
}

.rate-this-invalid {
    background-color: #FEC7C7;
}

.pp-rating-boxes {
    width: 100%;
    float: left;
}

.pprb {
    margin-bottom: 20px;
}

#name-review {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 12px;
    width: 100%;
    border: 1px solid #AAA;
}

#email-review {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 12px;
    width: 100%;
    border: 1px solid #AAA;
}

.alert {
    width: 100%;
    float: left;
    display: inline-block;
    padding: 8px 0;
    text-align: center;
    background-color: #FAEBCC;
    color: #8A6D3B;
    display: none;
}

.pp-was-price {
    
    font-size: 14px;
    position: absolute;
    top: -13px;
    left: 0px;
    color: #888;
    line-height: 14px;
    width: 100%;
}

.rotate-0 {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.rotate-180 {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.no-flow {
    overflow: hidden;
}

.no-max {
    max-height: 0;
}

#add_lube {
    margin-top: 30px;
}

/* --------------- END RESP. PRODUCT PAGE --------------- */












.border-inside {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* --------------- RESP. CART --------------- */
.cart-row {
    min-height: 112px;
    width: 100%;
    display: none;
}

.cart-pricing {
    display: inline-block;
    height: 112px;
    width: 20.50%;
    border: 1px solid #CCC;
    border-left: 0;
    float: left;
    position: relative;
    text-align: right;
}

.cart-options {
    display: inline-block;
    height: 112px;
    width: 20.50%;
    border: 1px solid #CCC;
    border-left: 0;
    float: left;
    position: relative;
}

.cart-description {
    display: inline-block;
    height: 112px;
    width: 49%;
    border: 1px solid #CCC;
    border-left: 0;
    float: left;
    position: relative;
}

.cart-image {
    display: inline-block;
    height: 112px;
    border: 1px solid #CCC;
    width: 10%;
    float: left;
}

.cart-resp-row {
    width: 100%;
    display: inline-block;
    border: 1px solid #CCC;
}

.cart-resp-details {
    height: 100%;
    width: 100%;
    position: relative;
    border: 1px solid #CCC;
    border-bottom: 0;
}

.cart-subtotal {
    display: inline-block;
    border: 1px solid #CCC;
    width: 100%;
    text-align: right;
    padding: 8px 15px;
    line-height: 28px;
}

.step-two-left {
    width: 100%;
    display: inline-block;
}

.step-two-right {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}

#email_checkout {
    float: left;
}

.gen-textbox, .gen-textbox-hundred {
    font-family: Roboto, sans-serif;
    width: 100%;
    padding: 7px 12px !important;
    font-size: 14px !important;
    color: #333;
}

.em-box {
    width: 100%;
    margin-top: 20px;
    float: left;
}

.em-button {
    width: 100%;
    margin-top: 20px;
    float: left;
}

.em-text {
    font-size: 14px;
    margin-top: 15px;
    width: 100%;
    float: left;
}

.selection-cost {
    width: 100%;
    float: left;
    text-align: right;
    font-size: 14px;
}

.selection-wrapper-button {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ss-plus {
    font-size: 20px;
    line-height: 28px;
    height: 30px;
    float: left;
    margin-right: 10px;
}

.ss-text {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    float: left;
    letter-spacing: 1px;
}

.selection-type {
    width: 96%;
    float: left;
    padding: 12px 2% 0;
    font-size: 14px;
}

.selection-type-wrapper {
    width: 100%;
    float: left;
    color: #444;
}

.selection-main {
    width: 100%;
    float: left;
    border: 1px solid #BBB;
    margin-bottom: 20px;
}

.selection-choice {
    width: 92%;
    float: right;
    padding: 8px 2%;
}

.selection-blurb {
    width: 92%;
    float: left;
    padding: 8px 2%;
    font-size: 13px;
    margin-bottom: 15px;
}

.normal {
    font-size: 14px;
}

.dub-text-left {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.dub-text-right {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.select-nz-del {
    width: 100%;
    float: right;
}

.select-au-del {
    width: 100%;
    float: right;
    margin-top: 20px;
}

.nz-post-button {
    width: 16%;
    float: left;
}

.nz-post-button-blurb {
    width: 84%;
    float: left;
}

.nzpbb {
    font-size: 13px;
}

.resp-textbox {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.resp-button {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.input-and-button-lock-wrap {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.iabl-input-w {
    overflow: hidden;
    padding-right: 4%;
}

/* ------------- END RESP. CART ----------- */

#icp-em {
    border: 0;
    padding: 10px 12px;
    font-size: 16px;
    
    width: 250px;
}

#icp-t-u {
    
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 400;
}

#icp-t-l {
    font-size: 16px;
    
    font-weight: 400;
}

#icp-close {
    background: #444;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 3px solid #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 3%;
    top: 10px;
}

#icp-close-i {
    color: #FFF;
    font-size: 24px;
}

#icp-close:hover {
    background: #FFF;
}

    #icp-close:hover > #icp-close-i {
        color: #444;
    }

#g-i-banner-w {
    width: 100%;
    transition: height 0.3s;
    overflow: hidden;
    position: relative;
    background: #222;
    padding: 15px 0;
    display: inline table;
}

#g-i-banner-i {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    color: #FFF;
    text-transform: uppercase;
    font-size: 13px;
    align-items: center;
    line-height: 22px;
}

#xmas-icept-w {
    height: 120px;
    width: 100%;
    transition: height 0.3s;
    overflow: hidden;
    border-bottom: 1px solid #5c3f73;
    padding: 30px 0;
    position: relative;
    background: #29104a;
}

#xmas-icept-i {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
}

#icept-s-h {
    padding-bottom: 10px;
}

#brand-hot {
    width: 0;
    background: #fff;
    border-left: 1px solid #eee;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 13px 0;
    font-size: 18px;
    overflow: hidden;
    transition: width 0.3s;
}

    #brand-hot div {
        height: 26px;
    }

        #brand-hot div:hover {
            color: #FF470F;
            cursor: pointer;
        }

    #brand-hot .nl {
        color: #ddd;
    }

        #brand-hot .nl:hover {
            color: #ddd;
            cursor: default;
        }

.img-sx {
    margin-top: 36px;
    height: initial;
    position: absolute;
    top: 0;
    left: 0;
}

@media all and (min-width:980px) {
    #icp-t-u {
        font-size: 24px;
        margin-top: -5px;
    }

    #icp-close {
        top: calc(50% - 19px);
        right: 0;
    }

    #xmas-icept-w {
        height: 80px;
        width: 100%;
        transition: height 0.3s
    }

    #xmas-icept-i {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    #icp-t-u {
        text-align: left;
    }

    #icp-t-l {
        text-align: left;
    }

    #icept-s-h {
        padding-bottom: 0;
    }
}

@media all and (min-width:1182px) {
    #icp-t-u {
        font-size: 30px;
        margin-top: -5px;
    }
}
/* -------------------- ICP END ----------------- */
.link-no-change {
    color: #444;
    text-decoration: none;
}

    .link-no-change:hover {
        color: #444;
        text-decoration: underline;
        cursor: pointer;
    }

.resp-image {
    width: 100%;
}

#offset-canvas {
    background: #FFF;
    min-height: inherit;
    flex-grow: 1;
}

.snp {
    padding: 0 3%;
    width: 94%;
}

#fixed-box, .ql-wrap {
    padding: 0 3%;
    padding-top: 15px;
    width: 94%;
}

.fixed-box-cl {
    padding: 0 3%;
    width: 94%;
}

.abs-top {
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.blk-text {
    display: inline-block;
    width: 100%;
}

.nav-button {
    max-width: 34px;
    height: 32px;
    background: url(../img/nav.png);
    display: block;
    float: left;
    color: #FF470F;
}

    .nav-button:hover {
        cursor: pointer;
        background-position: 0 -32px;
        color: #444;
    }

#old-nav-buffer {
    margin-top: 0;
    height: 0;
}

#breaking_special {
    width: 100%;
}

#hmessaging {
    width: 100%;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    top: 60px;
    float: right;
    margin-bottom: 20px;
}

#phone-icon {
    padding-top: 2px;
    padding-right: 3px;
    float: left;
}

#phone-number {
    float: left;
}

#header-phone {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    width: 50%;
    float: left;
}

#subheader {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #444;
    width: 50%;
    float: right;
}



    #subheader .sbhclink {
        color: #ff470f;
        float: right;
    }

        #subheader .sbhclink:hover {
            color: #444;
            cursor: pointer;
        }

            #subheader .sbhclink:hover > span {
                background-position: 0 0;
                color: #444;
                cursor: pointer;
            }

#sbhcart {
    background: url(../img/cart-icon.png) 0 -16px;
    height: 16px;
    width: 16px;
    margin-top: 1px;
    margin-right: 3px;
    float: left;
}

#dsearch {
    width: 250px;
}


/*--------------------------------------------*/
/* FOOTER */
/*--------------------------------------------*/


#footer_finale, #generate_purple_footer {
    display: flex;
    flex-grow: 1;
}

#footer-purple {
    width: 100%;
    background-color: #29104a;
    color: #FFF;
    flex-grow: 1;
}

    #footer-purple .purple-shell {
        width: 92%;
        padding: 0 4%;
        padding-top: 20px;
    }

    #footer-purple .btn {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 300;
        background-color: #ff470f;
        padding: 8px 26px;
        color: #FFF;
        display: inline-block;
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

        #footer-purple .btn:hover {
            background-color: #FFF;
            color: #ff470f;
            cursor: pointer;
        }

    #footer-purple .btn-disabled {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 300;
        background-color: #CCC;
        padding: 8px 26px;
        color: #666;
        display: inline-block;
        transition: all 0.5s linear;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    #footer-purple .head {
        font-family: Roboto, sans-serif;
        font-size: 30px;
        font-weight: 300;
    }

    #footer-purple .line {
        height: 1px;
        width: 100%;
        background-color: #5c3f73;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #footer-purple p {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 300;
    }

    #footer-purple .cols3 {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }

    #footer-purple .single {
        margin-bottom: 18px;
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 300;
        background-color: #9b7cb3;
        border: 0;
        padding: 10px 15px;
        color: #FFF;
        height: 44px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.email-box {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
    background-color: #9b7cb3;
    border: 0;
    padding: 0 15px !important;
    color: #FFF;
    height: 36px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 !important;
}

#footer-purple .top {
    margin-top: 15px;
}

#footer-purple .double {
    margin-bottom: 18px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
    background-color: #9b7cb3;
    border: 0;
    padding: 10px 15px;
    color: #FFF;
    height: 200px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#footer-purple .cols-div {
    height: 500px;
    width: 25px;
    float: left;
    display: none;
}

#tagcloud {
    width: 100%;
    height: 230px;
    margin-top: 10px;
}

.site-country {
    float: left;
    width: 50%;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin-top: 0;
}

.soc-med {
    float: right;
    width: 50%;
}

    .soc-med a img {
        float: right;
    }

    .soc-med a i {
        float: right;
        font-size: 26px;
        margin-left: 10px;
        color: #FFF;
    }

    .soc-med a:hover i {
        color: #CCC;
        cursor: pointer;
    }


/*--------------------------------------------*/
/* END FOOTER */
/*--------------------------------------------*/



/*--------------------------------------------*/
/* SUB FOOTER */
/*--------------------------------------------*/
#csr-wrapper {
    width: 100%;
    margin-bottom: 30px;
}

#csr-sophie {
    float: left;
    width: 100%;
    height: 530px;
    background-color: #f4f4f4;
    margin-bottom: 30px;
}

#csr-service-wrapper {
    width: 100%;
    display: inline-block;
    background-color: #f4f4f4;
    margin-bottom: 20px;
}

#csr-services {
    float: left;
    width: 100%;
    height: 530px;
    margin-right: 5px;
    background-color: #f4f4f4;
    position: relative;
    display: none;
}

#csr-services-alt {
    width: 92%;
    background-color: #f4f4f4;
    padding: 4%;
    display: inline-block;
}

#csr-information {
    width: 100% !important;
}

.csr-mob-wrap {
    width: 100%;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
}

.csr-mob {
    width: 44px;
    height: 42px;
    display: block;
    float: left;
    width: 22%;
}

.csr-mob-text {
    float: left;
    width: 78%;
}

.csr-mob:hover {
    background-position: 0 -42px;
    cursor: pointer;
}

.csr-mob-van {
    background: url(../img/csr-van-m.png) 0 0 no-repeat;
}

.csr-mob-box {
    background: url(../img/csr-box-m.png) 0 0 no-repeat;
}

.csr-mob-padlock {
    background: url(../img/csr-padlock-m.png) 0 0 no-repeat;
}

.csr-mob-return {
    background: url(../img/csr-return-m.png) 0 0 no-repeat;
}

.csr-mob-award {
    background: url(../img/csr-award-m.png) 0 0 no-repeat;
}

.csr-mob-face {
    background: url(../img/csr-face-m.png) 0 0 no-repeat;
}

.csr-contacts {
    width: 100%;
    display: inline-block;
}

.csr-contact-wrapper {
    float: left;
    width: 70%;
}

#csr-sophie-alt {
    display: none;
    background-color: #f4f4f4;
    width: 92%;
    padding: 4%;
}


/*--------------------------------------------*/
/* END SUB FOOTER */
/*--------------------------------------------*/

/*--------------------------------------------*/
/* HEADER */
/*--------------------------------------------*/

.desktop-search-wrapper {
    display: none;
}

.alt-small {
    display: none;
}

.noci-class {
    font-size: 14px;
}

.two-pixel-corners {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.trans {
    transition-delay: 0s;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans200 {
    transition-delay: 0s;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 300ms ease;
}

.trans100 {
    transition-delay: 0s;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 300ms ease;
}

.purple-heading {
    color: #6E2A97;
}

.alert-success {
    border: 1px solid #d6e9c6 !important;
    background-color: #d8efcf !important;
    color: #468847 !important;
}

    .alert-success:hover {
        cursor: default !important;
        border: 1px solid #d6e9c6 !important;
        background-color: #d8efcf !important;
        color: #468847 !important;
    }

.alert-success-nb {
    border: 0 !important;
    background-color: #44c7dd !important;
    color: #FFF !important;
}

    .alert-success-nb:hover {
        cursor: default !important;
        border: 0 !important;
        background-color: #44c7dd !important;
        color: #FFF !important;
    }

.alert-disabled-nb {
    border: 0 !important;
    background-color: #CCCCCC !important;
    color: #444 !important;
}

    .alert-disabled-nb:hover {
        cursor: default !important;
        border: 0 !important;
        background-color: #CCCCCC !important;
        color: #444 !important;
    }

#checkout-wrapper {
    text-align: center;
    width: 100%;
}

.hide-medium {
    display: none;
}

.size-chart td {
    padding: 3px 6px;
    border: solid 1px #999;
    border-bottom: 0;
    border-right: 0;
    font-size: 11px;
    font-family: Roboto, sans-serif;
}

.size-chart-long {
    display: none;
}

    .size-chart-long td {
        padding: 3px 12px;
    }

.size-chart .trntnb {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.size-chart tr td:last-child {
    border-right: solid 1px #999;
}

.size-chart tr:last-child td {
    border-bottom: solid 1px #999;
}

.text-center {
    text-align: center;
}

.mh100 {
    min-height: 100px;
}

.mh200 {
    min-height: 200px;
}

.mh300 {
    min-height: 300px;
}


/* START HERE */
#stub-promotion {
    display: none;
}

#login {
    min-height: 300px;
}

/* ANNOUNCEMENT HEADER START */
#announce {
    height: 33px;
    background-color: #6A2C99;
}

#a-wrapper {
    width: 92%;
    padding: 0 4%;
    height: 33px;
    position: relative;
}

.a-font {
    height: 33px;
    
    font-size: 13px;
    font-weight: 400;
    color: #FFF;
    line-height: 33px;
}

.a-font-mobile {
    height: 24px;
    
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    line-height: 24px;
}

#a-phone-icon {
    float: left;
    color: #FFF;
    margin-top: 11px;
    font-size: 12px;
    margin-right: 8px;
    display: none;
}

#a-phone {
    float: left;
    width: 116px;
    color: #FFF;
    display: none;
}

    #a-phone:hover {
        text-decoration: none;
        color: #FFF;
        cursor: default;
        display: none;
    }

#a-delivery {
    float: left;
    display: none;
}

#a-delivery-m {
    float: left;
    display: block;
}

.announce-link {
    color: #FFF;
    text-decoration: none;
    display: inline-block;
}

    .announce-link:hover {
        color: #FFF;
        cursor: pointer;
    }

#a-login, #a-register {
    float: right;
    color: #FFF;
    text-decoration: none;
}

.a-split {
    width: 1px;
    height: 13px;
    background-color: #FFF;
    margin-top: 11px;
    float: right;
    margin-left: 9px;
    margin-right: 8px;
}

#a-account, #a-logout {
    float: right;
    color: #FFF;
    text-decoration: none;
}

    #a-account:hover, #a-logout:hover, #a-login:hover, #a-register:hover, .announce-link:hover {
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 81%, rgba(255,255,255,1) 81.1%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 85.1%, rgba(255,255,255,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(81%,rgba(255,255,255,0)), color-stop(81.1%,rgba(255,255,255,1)), color-stop(85%,rgba(255,255,255,1)), color-stop(85.1%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 81%,rgba(255,255,255,1) 81.1%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 85.1%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 81%,rgba(255,255,255,1) 81.1%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 85.1%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 81%,rgba(255,255,255,1) 81.1%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 85.1%,rgba(255,255,255,0) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 81%,rgba(255,255,255,1) 81.1%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 85.1%,rgba(255,255,255,0) 100%); /* W3C */
        text-decoration: none;
        cursor: pointer;
    }
/* ANNOUNCEMENT HEADER END */

/* HEADER CHANGES START */
#dissonance_messaging {
    margin-bottom: 2px;
}

#uc_desktop_nav {
    height: 33px;
    width: 980px;
    font-size: 12px;
    position: relative;
    margin-bottom: 20px;
    background-color: #e7e6ed;
}

#uc_hheader {
    width: 100%;
    margin-bottom: 20px;
}

#logo {
    height: 40px;
    margin-right: 15px;
}

    #logo img {
        height: 100%;
    }

#h-search-wrapper {
    position: relative;
    display: block;
    height: 33px;
    width: 100%;
    border: 0;
    display: flex;
}

.hs-ar {
    color: #FFF;
    margin-left: 12px;
    font-size: 13px;
    padding-top: 2px;
}

.h-mini-w {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

#h-wishlist-wrapper {
    margin-left: 4px;
    margin-right: 7px;
}

#search-selector {
    background: linear-gradient(to bottom, #6a2c99 0%,#522277 100%);
    border-right: 1px solid #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    
    font-size: 14px;
    padding: 0 7px 0 10px;
    width: 88px;
    flex-shrink: 0;
}

#sselector_menu {
    display: none;
    position: absolute;
    top: 33px;
    padding-top: 8px;
    z-index: 5000;
    background-color: #6a2c99;
    list-style: none;
    right: 41px;
    width: 105px;
    padding-bottom: 8px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 10px;
}

#h-search {
    
    font-size: 15px;
    padding: 10px;
    box-sizing: border-box;
    height: 100%;
    width: calc(100% - 146px);
    border: 1px solid #e7e6ed;
    border-right: 0;
}

.sselector-item:hover {
    background: #9b7cb3;
    cursor: pointer;
}

#h-search-btn {
    font-size: 18px;
    height: 100%;
    width: 40px;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom, #6a2c99 0%,#522277 100%);
    flex-shrink: 0;
}

    #h-search-btn:hover {
        background: #444;
    }

    #h-search-btn i {
        color: #FFF;
        font-size: 15px;
    }

.sselector-item {
    padding-right: 12px;
    height: 20px;
    padding-left: 12px;
    display: flex;
    align-items: center;
    height: 34px;
}

#h-search-o {
    font-size: 22px;
}

#h-cart-icon {
    font-size: 22px;
}

#h-wishlist-icon {
    font-size: 22px;
    padding: 0 5px 0 6px;
}

#h-cart {
    
    font-size: 16px;
    margin-left: 6px;
}

#hl-w {
    height: 40px;
    display: flex;
}

#h-sc {
    display: none;
}

/* HEADER CHANGES END */

/* POLL ANSWER OVERRIDE */
.poll .qanswer {
    width: 65%;
    font-size: 14px;
    line-height: 20px;
}

.wishlist-opac {
    opacity: 0.5;
}

.disabled-c {
    color: #CCC !important;
}

    .disabled-c:hover {
        color: #CCC !important;
    }

.disabled-c-dark {
    color: #444 !important;
}

    .disabled-c-dark:hover {
        color: #444 !important;
    }

.disabled-bg {
    background-color: #CCC !important;
}

    .disabled-bg:hover {
        background-color: #CCC !important;
    }

.gen-btn-disabled {
    background-color: #CCC !important;
    color: #000 !important;
}

    .gen-btn-disabled:hover {
        background-color: #CCC !important;
        color: #000 !important;
        cursor: default !important;
    }


/* SUB-CATEGORY TILE */
.rel {
    position: relative;
}

.sch-img, .sch-imgh {
    width: 100%;
    border: 1px solid #DDD;
    position: relative;
}

    .sch-img:hover > .sch-hov-wrp {
        height: 71px;
    }

    .sch-imgh:hover > .sch-hov-wrp {
        height: 35px;
    }

    .sch-img:hover, .sch-imgh:hover {
        cursor: pointer;
    }

.sch-one {
    width: 100%;
    height: 1px;
    background-color: #6A2C99;
    margin-top: 20px;
    margin-bottom: 16px;
    position: relative;
}

.sch-star-review {
    position: absolute;
    top: -5px;
    background-color: #FFF;
    left: -5px;
    display: none;
}

.sch-hov-wrp {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    height: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
    overflow: hidden;
}

.sch-hov-p1 {
    width: 84%;
    height: 35px;
    margin-left: 8%;
    margin-right: 8%;
}

.sch-hov-p2 {
    width: 84%;
    height: 1px;
    margin-left: 8%;
    margin-right: 8%;
    background-color: #6a2c99;
}

.sch-star {
    float: left;
    margin-right: 2px;
    font-size: 11px;
    line-height: 15px;
    color: #6a2c99;
}

.sch-foot {
    font-size: 13px;
    float: left;
    line-height: 35px;
    color: rgba(68, 68, 68, 1);
}

.sch-star-text {
    font-size: 12px;
    line-height: 33px;
    float: left;
    color: rgba(68, 68, 68, 1);
    display: none;
}

.sch-wl-o {
    font-size: 20px;
    float: right;
    line-height: 35px;
    color: rgba(68, 68, 68, 1);
}

.size-sel-hide {
    display: none;
}

.sch-wl-o:hover:before {
    content: "\f004";
}

.sch-hov-p3 {
    width: 84%;
    margin-left: 8%;
    margin-right: 8%;
    height: 35px;
}

.sch-swa {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: 14px;
    margin-bottom: -2px;
    height: 14px;
    width: calc(100% + 6px);
}

.swa-img {
    opacity: 1;
}

.swa-img-hid {
    opacity: 0;
    display: none;
}

.sch-swacol {
    width: 14px;
    height: 14px;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
    border-radius: 0px;
}

    .sch-swacol:hover {
        cursor: pointer;
    }

.sch-prs {
    position: absolute;
    font-size: 24px;
    width: 28px;
    height: 28px;
    display: inline-block;
    top: 0;
    left: 0;
}

.sch-prsn {
    position: absolute;
    color: #FFF;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    display: inline-block;
    top: 0;
    left: 0;
}

.sch-tit {
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    color: #444;
    font-family: Roboto, sans-serif;
}

    .sch-tit a {
        font-size: 13px;
        font-weight: 400;
        font-style: italic;
        color: #444;
        font-family: Roboto, sans-serif;
    }

.sch-tit-2 {
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    color: #444;
    font-family: Roboto, sans-serif;
    display: inline-block;
    margin-top: 10px;
    max-height: 40px;
    overflow: hidden;
}

.sch-prc {
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    margin-top: 4px;
    color: #999;
    font-family: Roboto, sans-serif;
}

.sch-prc-2 {
    width: 100%;
    height: 14px;
    line-height: 15px;
    font-size: 15px;
    font-weight: 400;
    color: #444;
    font-family: Roboto, sans-serif;
    margin-top: 4px;
}

.sch-stk {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-top: 8px;
    color: #999;
    font-family: Roboto, sans-serif;
}

.sch-stk-o {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    margin-top: 5px;
}

.sch-stk-oos {
    border-radius: 50%;
    background-color: #ed102a;
    width: 20px;
    height: 20px;
    text-align: center;
    float: left;
    line-height: 16px;
}

.sch-stk-ins {
    border-radius: 50%;
    background-color: #44c7dd;
    width: 20px;
    height: 20px;
    float: left;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sch-stk-tit {
    float: left;
    margin-left: 8px;
    height: 20px;
    line-height: 18px;
}

.price-onc {
    color: #999;
    text-decoration: line-through;
    float: left;
    margin-right: 6px;
}

.price-act {
    color: #ff0056;
    float: left;
}

.ribbon-wrap {
    position: absolute;
    top: 1px;
    right: 10px;
    height: 41px;
    width: 34px;
    z-index: 3;
    background: url(../img/save-pink.png) 0 0 no-repeat;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
}

.star-review {
    position: absolute;
    top: -5px;
    background-color: #FFF;
    left: -5px;
}

.star-dark-first {
    margin-left: 6px;
    height: 13px;
    width: 14px;
    float: left;
    margin-right: 5px;
    background: url(../img/star-dark.png) 0 0 no-repeat;
}

.star-dark {
    height: 13px;
    width: 14px;
    float: left;
    margin-right: 5px;
    background: url(../img/star-dark.png) 0 0 no-repeat;
}

.star-light-first {
    margin-left: 6px;
    height: 14px;
    width: 13px;
    float: left;
    margin-right: 5px;
    background: url(../img/star-light.png) 0 0 no-repeat;
}

.star-light {
    height: 13px;
    width: 14px;
    float: left;
    margin-right: 5px;
    background: url(../img/star-light.png) 0 0 no-repeat;
}

.gen-btn-sml {
    font-size: 12px;
    padding: 6px 18px;
}

.hp-btn-resp {
    font-size: 12px;
    padding: 6px 18px;
}

.btn-small {
    font-size: 15px;
    padding: 6px 18px;
    text-align: center;
}

#show-more-products {
    width: 100%;
    text-align: center;
    display: none;
    margin-bottom: 20px;
}

.fpurple {
    color: #6a2c99 !important;
}

.sc-qview {
    height: 56px;
    width: 100%;
    background-color: rgba(25, 25, 25, 0.8);
    z-index: 100;
    position: absolute;
    bottom: 0px;
    text-align: center;
    display: none;
}

.btn-sm {
    font-size: 13px;
    padding: 6px 10px;
    float: right;
    width: calc(94% - 50px);
}

.btn-sm-full {
    font-size: 13px;
    padding: 6px 0;
    float: right;
    width: 100%;
}

.sc-qview-controls {
    margin: 0 auto;
    display: inline-block;
    margin-top: 10px;
    width: 85%;
}

#subscribe-header {
    display: none;
}

#subscribe-header-less {
    display: block;
}

#header-600, #header_600, #au_delivery_banner_600 {
    display: none;
}

#header-600-less, #header_600_less, #au_delivery_banner_600_less {
    display: block;
}

/* WIN GOLD DEFAULT STYLES */
.gold-btn {
    background: #ffffec; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffec 0%, #ffdfa2 74%, #4d1700 75%, #f9c460 88%, #fff97d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffec 0%,#ffdfa2 74%,#4d1700 75%,#f9c460 88%,#fff97d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffec 0%,#ffdfa2 74%,#4d1700 75%,#f9c460 88%,#fff97d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffec', endColorstr='#fff97d',GradientType=0 ); /* IE6-9 */
    color: #222 !important;
}

    .gold-btn:hover {
        color: #FFF !important;
        background: #444444; /* Old browsers */
        background: -moz-linear-gradient(top, #444444 0%, #444444 74%, #444444 75%, #444444 88%, #444444 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #444444 0%,#444444 74%,#444444 75%,#444444 88%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #444444 0%,#444444 74%,#444444 75%,#444444 88%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
        cursor: pointer;
    }

.win-gold-btn-blk {
    color: #feebc0 !important;
    background: #000;
    width: 150px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
}

    .win-gold-btn-blk:hover {
        color: #ffffff !important;
        background: #444;
        cursor: pointer;
    }

#win-gold-desktop {
    display: none;
}

#win-gold-desktop-less {
    display: block;
}

.center-origin {
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.left-origin {
    -ms-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.right-origin {
    -ms-transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.review-points-cell {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
}

.review-points-left {
    width: calc(30% - 34px);
}

.review-points-right {
    width: calc(70% - 40px);
}

.sq-btn {
    font-size: 18px;
    background-color: #ff470f;
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    color: #FFF !Important;
    display: inline-block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .sq-btn:hover {
        background-color: #333;
        color: #FFF;
        cursor: pointer;
    }

.sq-fa {
    line-height: 36px;
}

#s-m-t-tooltip {
    max-width: 300px;
    z-index: 15000;
    margin: 24px 14px 7px 12px;
    padding: 8px;
    background: #222;
    background: rgba(0,0,0,0.8);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
    box-shadow: 2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #fff;
    position: absolute;
}

.fa-spin {
    -webkit-animation: fa-spin 0.8s infinite linear !important;
    animation: fa-spin 0.8s infinite linear !important;
    -webkit-filter: blur(0) !important;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw700 {
    font-weight: 700;
}

.col-10p {
    width: 10%;
    float: left;
}

.col-15p {
    width: 15%;
    float: left;
}

.col-20p {
    width: 20%;
    float: left;
}

.glossary-head {
    line-height: 24px;
    font-size: 14px;
    font-family: Roboto, sans-serif;
}

.letter-block {
    float: left;
    height: 36px;
    width: 36px;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    background-color: #ff470f;
    color: #FFF;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

    .letter-block:hover {
        cursor: pointer;
        background-color: #444;
        color: #FFF;
    }

.letter-line {
    display: none;
}

.no-hovers {
    cursor: default;
    color: #444;
}

    .no-hovers:hover {
        cursor: default;
        color: #444;
    }

#price-match-form {
    max-height: 0;
    transition: max-height 0.3s ease;
    -webkit-transition: max-height 0.3s ease;
    -moz-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    overflow: hidden;
}

.f14f15 {
    font-size: 14px;
}

.f13f15 {
    font-size: 13px;
}

.error-button {
    background-color: #ffdddd !important;
    color: #ff4444 !important;
    font-weight: 400 !important;
}

.accept-button {
    background-color: #44c7dd !important;
    color: #ffffff !important;
    font-weight: 400 !important;
}

.fwhite {
    color: #FFF;
}

.f888 {
    color: #888;
}

.fpurple {
    color: #6A2C99;
}

.hl-white {
    color: #FFF;
}

    .hl-white:hover {
        color: #FFF;
        cursor: pointer;
    }

.su-wrapper, .su-wrapper-dis, .su-wrapper-tx, .sv-wrapper, .py-wrapper {
    display: table;
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    border: 1px solid #CCC;
    float: left;
    padding: 6px 10px;
    margin-bottom: 20px;
}

.su-wrapper, .su-wrapper-dis, .su-wrapper-tx, .sv-wrapper {
    padding-top: 12px;
}

.su-wrapper-no-height {
    height: auto;
}

.su-wrapper-dis {
    width: 100%;
}

.sv-wrapper {
    width: calc(100% - 20px);
}

.su-cell {
    width: 100%;
    float: left;
    margin-top: 22px;
}

.su-wrapper-inner {
    float: left;
    padding-right: 10px;
    padding-left: 2px;
}

.su-halt {
    height: 0 !important;
    cursor: default !important;
}

.su-blurb {
    float: left;
    width: calc(100% - 165px);
}

.su-text, .su-text-two {
    font-size: 16px;
    line-height: 17px;
    display: flex;
    align-items: flex-start;
    min-height: 40px;
    font-family: 'PT Sans Narrow';
}

.su-text-two {
    min-height: 50px;
    margin-top: 18px;
}

.su-check-ball, .su-check-ball-dis {
    margin-top: 10px;
    background-color: #CCC;
    border-radius: 3px;
    height: 34px;
    min-width: 110px;
    text-align: center;
    float: right;
    margin-bottom: 8px;
    box-sizing: border-box;
    padding: 0 10px;
}

    .su-check-ball:hover {
        background-color: #44c7dd;
        cursor: pointer;
    }

.su-check-ball-sel, .saved-check-ball-sel, .py-check-ball-sel {
    background-color: #44c7dd;
}

    .su-check-ball-sel:hover, .saved-check-ball-sel:hover {
        cursor: pointer;
    }

.su-check {
    line-height: 34px;
    color: #FFF;
    font-size: 14px;
}

.pm-wrapper, .bt-wrapper {
    position: relative;
    border: 1px solid #CCC;
    float: left;
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.pm-wrapper-sel, .bt-wrapper-sel {
}

.pm-screen, .bt-screen {
    height: 0%;
    width: 100%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10000;
    bottom: 0;
    line-height: 74px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    color: #6a2c99;
}

.pm-wrapper:hover > .pm-screen, .bt-wrapper:hover > .bt-screen {
    height: 100%;
    cursor: pointer;
}

.pm-halt, .bt-halt {
    height: 0 !important;
    cursor: default !important;
}

.pm-check-ball, .bt-check-ball {
    margin-top: 8px;
    background-color: #CCC;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    text-align: center;
    float: right;
}

.pm-check-ball-sel, .bt-check-ball-sel {
    background-color: #44c7dd;
}

.pm-check, .bt-check {
    line-height: 28px;
    color: #FFF;
}

#pheader {
    display: none;
    width: 100%;
}

.promo-bar-wrapper {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.promo-bar-lhs {
    background-color: #f70058;
    height: 144px;
    width: 36%;
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.promo-bar-lhs-text {
    font-size: 28px;
    
    font-weight: 700;
    color: #FFF;
    text-align: center;
}

.promo-bar-rhs-text {
    padding: 0 20px 0 30px;
    position: absolute;
    font-size: 14px;
    color: #FFF;
    text-transform: uppercase;
    
    letter-spacing: 1.5px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

    .promo-bar-rhs-text ~ .extra {
        display: none;
    }

.promo-bar-lhs:before, .promo-bar-lhs:after, .promo-bar-rhs:before, .promo-bar-rhs:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid;
}

.promo-bar-lhs::before {
    border-width: 72px 0 72px 12px;
    border-color: #f70058 #FFF;
    left: 0;
    top: 0;
}

.promo-bar-lhs::after {
    border-width: 72px 10px 0 0;
    border-color: #f70058 #444;
    right: 0;
    top: 50%;
}

.promo-bar-rhs {
    background-color: #444;
    height: 144px;
    width: 64%;
    position: relative;
    float: left;
}

    .promo-bar-rhs::before {
        border-width: 0 0 72px 10px;
        border-color: #444 #f70058;
        left: 0;
    }

    .promo-bar-rhs::after {
        border-width: 72px 12px 72px 0;
        border-color: #444 #FFF;
        right: 0;
    }

#au-survey-hp-long {
    display: none;
}

.fifty-560 {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.flexible-height {
    height: auto;
}

.indy_cell_5, .pe-exp {
    margin-left: 5px;
    margin-right: 5px;
    width: calc(49.99% - 10px);
    margin-bottom: 30px;
    border: 1px solid #e7e6ed;
    box-sizing: border-box;
    background-color: #FFF;
}

.mcp-nh, .mcp-nhs {
    margin-left: 5px;
    margin-right: 5px;
}

.pcon-zero {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    box-sizing: border-box;
}

.nsc-wishlist {
    display: flex;
    align-items: flex-end;
}

.flex-alt {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.flex-alt-85 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 65%;
    width: 65%;
}

/* NEW SUB CATEGORY HOVER OVER */
.sch-img {
    overflow: hidden;
}

.sch-tit {
    margin-top: 10px;
}

.scmg:hover, .sch-img:hover {
    cursor: default;
}

.llc-overlay-l-items {
    position: absolute;
    left: -50px;
    overflow: hidden;
    top: 10px;
    width: 38px;
}

.llc-overlay-l-offer {
    position: absolute;
    left: -50px;
    overflow: hidden;
    top: 58px;
    width: 38px;
    z-index: 1000;
}

    .llc-overlay-l-offer:hover {
        width: calc(100% - 70px);
        cursor: pointer;
    }

        .llc-overlay-l-offer:hover .circ {
            border-radius: 0px;
            width: 100%;
        }

    .llc-overlay-l-offer .circ div:first-child {
        margin-left: 6px;
    }

    .llc-overlay-l-offer .circ-inner {
        align-items: initial;
    }

.llc-overlay-r-items {
    position: absolute;
    right: -50px;
    overflow: hidden;
    top: 10px;
    width: 38px;
}

.llc-overlay {
    height: 100%;
    width: 100%;
    background-color: #FFF;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sch-img:hover > .llc-overlay {
    opacity: 0.7;
}

.sch-img:hover > .llc-overlay-l-items {
    left: 10px;
}

.sch-img:hover > .llc-overlay-l-offer {
    left: 10px;
}

.sch-img:hover > .llc-overlay-r-items {
    right: 10px;
}

.sch-img:hover > .llc-overlay-inner {
    bottom: 0;
}

.llc-overlay-inner {
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    bottom: -150px;
    width: 100%;
    color: #444;
}

.llc-overlay-info {
    border-top: 1px solid #6a2c99;
    width: 100%;
    padding-top: 5px;
}

.llc-overlay-brand {
    width: 100%;
    font-size: 14px;
}

.llc-overlay-lgb-wrapper {
    width: 100%;
    margin-top: 10px;
    position: relative;
}

.llc-overlay-lgb-left {
    width: 100%;
    float: left;
    font-size: 10px;
    text-transform: uppercase;
}

.llc-overlay-lgb-right {
    width: 50%;
    float: right;
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 0;
}

.llc-overlay-gran {
    width: 100%;
}

.llc-overlay-rating {
    width: 100%;
    margin-top: 12px;
}

.cfx::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.add-ct {
    position: absolute;
    bottom: 0;
    right: 0;
}

.circ {
    width: 38px;
    height: 38px;
    border-radius: 19px;
    color: #FFF;
    font-size: 16px;
}

.circ-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .circ-inner::before {
        content: '';
        display: inline-block;
        margin-right: 0.5px;
    }

.pcon .circ {
    font-size: 17px;
}

.orange-to-grey {
    background-color: #FF470F;
}

.grey-2-violet {
    color: #444;
}

    .grey-2-violet:hover {
        color: #6A2C99;
        cursor: pointer;
    }

.magenta-to-grey {
    background-color: #ff0056;
}

.lightgrey-to-grey {
    background-color: #CCC;
}

.purple-to-purple {
    background-color: #6A2C99;
}

.purple-to-grey {
    color: #6A2C99;
}

    .purple-to-grey:hover {
        cursor: pointer;
        color: #444;
    }

.orange-to-grey:hover, .magenta-to-grey:hover, .lightgrey-to-grey:hover {
    background-color: #444;
    cursor: pointer;
    color: #FFF;
}
/* END NEW SUB CATEGORY HOVER OVER */

.pcd-map, .pcd-info {
    width: 100%;
    margin-top: 30px;
}

.pcd-map {
    margin-right: 30px;
}

.pcd-info {
    margin-top: 0;
}

#special_intructions_au {
    width: 100%;
    box-sizing: border-box;
    height: 100px;
    padding: 8px 2%;
    border: solid 1px #BBB;
    color: #333;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* CHEEVES */

.static-cheeve {
    position: relative;
    width: calc(100% - 10px);
    height: 382px;
    margin-top: -30px;
    margin-left: 5px;
    margin-right: 5px;
}

.pt-narrow {
    font-family: 'PT Sans Narrow', sans-serif;
}

.uc {
    text-transform: uppercase;
}

#cheeve-ol {
    height: 100%;
    width: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

.cheeve-phase-one {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 35px;
    top: 35px;
    transform: scale(1.5);
    opacity: 0;
    transition: all 0.3s;
}

    .cheeve-phase-one.animate {
        transform: scale(1);
        opacity: 1;
    }

.cheeve-phase-two {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 35px;
    top: 35px;
    transform: scale(2);
    opacity: 0;
    transition: all 0.3s;
    transition-delay: 0.3s;
}

    .cheeve-phase-two.animate {
        transform: scale(1);
        opacity: 1;
    }

.cheeve-phase-three {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 35px;
    top: 35px;
    transform: scale(2);
    opacity: 0;
    transition: all 0.3s;
    transition-delay: 0.6s;
}

    .cheeve-phase-three.animate {
        transform: scale(1);
        opacity: 1;
    }

.cheeve-phase-four {
    position: absolute;
    width: 360px;
    height: 360px;
    transform: rotateZ(45deg);
    top: -290px;
    left: -290px;
    clip-path: circle(20px at center);
    transition: all 0.5s linear;
    transition-delay: 1.2s;
}

    .cheeve-phase-four.animate {
        top: 290px;
        left: 290px;
    }

.cheeve-phased {
    left: 0;
    top: 0;
}

.cheeve-grad-flash {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,0.66+50,0+100 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.cheeve-hover-white-to-purple {
    background-color: #FFF;
    color: #6a2c99;
}

    .cheeve-hover-white-to-purple:hover {
        background-color: #6a2c99;
        color: #FFF;
        cursor: pointer;
    }

#cheeve-wrapper {
    font-family: 'PT Sans Narrow';
    position: absolute;
    width: 260px;
    height: 440px;
    border-radius: 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    left: calc(50% - 130px);
    top: calc(50% - 220px);
    background-color: #FFF;
}

#cheeve-purple-bar {
    position: absolute;
    width: 100%;
    height: 64px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #6a2c99;
    top: 0;
    left: 0;
}

#cheeve-title {
    position: absolute;
    font-size: 24px;
    line-height: 24px;
    left: 15px;
    top: 20px;
    color: #FFF;
    width: 100%;
    box-sizing: border-box;
}

#cheeve-x-wrapper {
    position: absolute;
    right: 15px;
    top: 15px;
}

.cheeve-qv-close {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cheeve-x-ico {
    font-size: 18px;
    padding-bottom: 1px;
}

.cheeve-medal-wrapper {
    position: absolute;
    left: calc(50% - 100px);
    top: calc(35% - 100px);
    height: 200px;
    width: 200px;
    overflow: hidden;
}

.cheeve-medal-wrapper-st {
    position: absolute;
    left: calc(50% - 65px);
    top: calc(26% - 65px);
    height: 130px;
    width: 130px;
    overflow: hidden;
}

.cheeve-name, .cheeve-name-st {
    position: absolute;
    font-size: 22px;
    line-height: 22px;
    left: 5%;
    width: 90%;
    top: 250px;
    color: #444;
    box-sizing: border-box;
    text-align: center;
}

.cheeve-name-st {
    top: 185px;
}

.cheeve-description, .cheeve-description-st {
    position: absolute;
    font-size: 16px;
    line-height: 18px;
    left: 5%;
    width: 90%;
    top: 310px;
    color: #444;
    box-sizing: border-box;
    text-align: center;
}

.cheeve-description-st {
    top: 227px;
}

.cheeve-reward {
    position: absolute;
    font-size: 18px;
    line-height: 18px;
    left: 5%;
    width: 90%;
    bottom: 25px;
    box-sizing: border-box;
    text-align: center;
    color: #6a2c99;
}

.charcoal {
    color: #444 !important;
}

.medium-grey {
    color: #777;
}

.f72 {
    font-size: 48px;
}

.f72-zero {
    font-size: 48px;
    line-height: 48px;
}

.h-cart-notication {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #ff470f;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: -10px;
    font-size: 11px;
    border: 3px solid #FFF;
    font-weight: 400;
}

.sex-toy-banner-wrapper {
    width: 100%;
    height: 230px;
    float: left;
    position: relative;
    background: url(../img/atms-au-sex-toy-plug-mobile.jpg) left center no-repeat;
    margin-bottom: 20px;
    display: none;
}

.sex-toy-banner-text {
    position: absolute;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    height: 180px;
    margin-right: 30px;
    margin-left: 30px;
    text-align: right;
}

.sex-toy-banner-button {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    height: 200px;
    align-items: flex-end;
    padding-right: 30px;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    text-align: center;
}

.sex-toy-banner-tt {
    font-family: 'PT Sans Narrow', sans-serif;
    color: #FFF;
    font-size: 24px;
    font-weight: 300;
}

.diss-mobile {
    width: 100%;
    
    font-size: 16px;
    background: #e7e6ed;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
    box-sizing: border-box;
    justify-content: center;
}

    .diss-mobile > div {
        display: flex;
        align-items: center;
        margin: 5px 8px;
    }

        .diss-mobile > div i {
            margin-right: 8px;
            font-size: 16px;
        }

        .diss-mobile > div:first-child {
            margin-left: 10px;
        }

        .diss-mobile > div:last-child {
            margin-right: 10px;
        }

/* POS QV */

.red-grad {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6203f+0,fc6235+100 */
    background: rgb(246,32,63); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,32,63,1) 0%, rgba(252,98,53,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(246,32,63,1) 0%,rgba(252,98,53,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(246,32,63,1) 0%,rgba(252,98,53,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6203f', endColorstr='#fc6235',GradientType=0 ); /* IE6-9 */
}

.purp-to-blue-grad {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7c8ff+0,bceaff+100 */
    background: #e7c8ff; /* Old browsers */
    background: -moz-linear-gradient(top, #e7c8ff 0%, #bceaff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e7c8ff 0%,#bceaff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e7c8ff 0%,#bceaff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7c8ff', endColorstr='#bceaff',GradientType=0 ); /* IE6-9 */
}

.white-to-grey {
    color: #FFFFFF;
}

    .white-to-grey:hover {
        color: #BBBBBB;
        cursor: pointer;
    }

.white-to-grey-bg {
    background-color: #FFFFFF;
}

    .white-to-grey-bg:hover {
        background-color: #BBBBBB;
        cursor: pointer;
    }

.rlink {
    color: #ff470f;
}

    .rlink:hover {
        color: #444;
        cursor: pointer;
    }

.temp-success {
    background-color: #44c7dd !important;
}

.perma-success {
    background-color: #44c7dd !important;
}

    .perma-success:hover {
        background-color: #44c7dd !important;
        cursor: default !important;
    }

.orange-to-grey {
    background-color: #ff470f;
}

    .orange-to-grey:hover {
        background-color: #444;
        cursor: pointer;
    }

.hover-to-white:hover {
    background-color: #FFF !important;
    color: #444 !important;
    cursor: pointer;
}

.hover-white-to-purple {
    background-color: #FFF;
    color: #6a2c99;
}

    .hover-white-to-purple:hover {
        background-color: #6a2c99;
        color: #FFF;
        cursor: pointer;
    }

.hover-purple-to-white {
    background-color: #6a2c99;
    color: #FFF;
}

    .hover-purple-to-white:hover {
        background-color: #FFF;
        color: #6a2c99;
        cursor: pointer;
    }

.hover-lgrey-to-grey {
    background-color: #CCC;
    color: #444;
}

    .hover-lgrey-to-grey:hover {
        background-color: #444;
        color: #CCC;
        cursor: pointer;
    }

.heart-desel i:before {
    font-weight: 400;
    content: "\f004";
}

.heart-desel:hover i:before {
    font-weight: 900;
    content: "\f004";
    cursor: pointer;
}

.heart-sel i:before {
    font-weight: 900;
    content: "\f004";
}

.heart-sel:hover i:before {
    font-weight: 400;
    content: "\f004";
    cursor: pointer;
}

.tab-div {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .tab-div:hover {
        cursor: pointer;
    }

    .tab-div:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        bottom: 0;
        background: #FFF;
        height: 1px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

    .tab-div:hover:before, .tab-div:focus:before, .tab-div:active:before {
        left: 0;
        right: 0;
        cursor: pointer;
    }

.tab-div-sel:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    background: #FFF;
    height: 1px;
    left: 0;
    right: 0;
}
/* POS QV */

.au-btn-hollow-white {
    border: 1px solid #FFF;
    border-radius: 3px;
    display: inline-block;
    padding: 5px 22px;
    color: #FFF;
}

    .au-btn-hollow-white:hover {
        background-color: #FFF;
        color: #3d3951;
        cursor: pointer;
    }

.hl-white-charcoal {
    color: #FFF;
}

    .hl-white-charcoal:hover {
        color: #444;
        cursor: pointer;
        text-decoration: none;
    }

#a-delivery .hl-white-white {
    color: #FFF;
    text-decoration: underline;
}

    #a-delivery .hl-white-white:hover {
        color: #FFF;
        cursor: pointer;
        text-decoration: none;
    }

.hl-orange-charcoal {
    color: #FF470F;
}

    .hl-orange-charcoal:hover {
        color: #444;
        text-decoration: none;
    }

.hl-red-charcoal {
    color: #ed102a;
}

    .hl-red-charcoal:hover {
        color: #444;
        text-decoration: none;
    }

#uc_search {
    background-color: #FFF;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    display: none;
    z-index: 16499999;
    font-family: 'PT Sans Narrow';
    font-size: 16px;
}

.load-hide {
    display: none;
}

#country-change-close:hover {
    cursor: pointer;
}

.vegeburger {
    color: #FF470F;
    font-size: 24px;
    display: flex;
    align-items: flex-start;
    height: 100%;
    margin-right: 15px;
}

    .vegeburger:hover {
        color: #444;
    }

/* RESPONSIVE FRAMEWORK BREAK POINTS */

.hide-360 {
    display: block;
}

.show-360 {
    display: none;
}

.hide-600 {
    display: block;
}

.hide-600-flex {
    display: flex;
}

.hide-640-flex {
    display: flex;
    justify-content: center;
}

.show-600 {
    display: none;
}

.show-640 {
    display: none;
}

.show-640-x {
    display: none;
}

.show-640-flex {
    display: none;
}

.hide-768 {
    display: block;
}

.show-768 {
    display: none;
}

.show-800 {
    display: none;
}

.hide-980-flex {
    display: flex;
}

.show-980 {
    display: none;
}

.show-980-flex {
    display: none;
}

.show-1182 {
    display: none;
}

.ns-margin {
    margin-left: 0;
    margin-right: 0;
}

.expander {
    position: relative;
    padding-top: 118.57%;
    width: 100%;
}

.expander-small {
    position: relative;
    padding-top: 78%;
    width: 100%;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#raf {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    background: #44c7dd;
    color: #FFF;
    margin-top: 20px;
    margin-bottom: 20px;
}

.raf-inner {
    display: flex;
    flex-flow: row wrap;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 16px;
}

.raf-input {
    height: 28px;
    width: 100%;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.5);
    border: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    color: #FFF;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 16px !important;
}

.raf-first {
    width: calc(100% - 90px);
}

.raf-last {
    width: 90px;
}

.f18-f16-640 {
    font-size: 16px;
}

.p20-p10-640 {
    padding: 10px;
}

.show-640-1182 {
    display: none;
}

.qv-price-alt-cl {
    width: 52%;
    float: left;
    display: flex;
    height: 35px;
    align-items: flex-end;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 14px;
}

.price-hanger, .price-hanger-black {
    min-height: 30px;
    width: calc(100% + 2px);
    background: #ff0056;
    color: #FFF;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    position: relative;
    bottom: -3px;
    left: -1px;
    box-sizing: border-box;
    padding: 4px 14px 5px 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    font-family: PT Sans Narrow;
    font-size: 13px;
}

.price-hanger-black {
    background: #ddd;
    color: #444;
}

.dummy-hanger {
    height: 3px;
    width: 100%;
    position: relative;
    bottom: -3px;
    left: -1px;
    border: 1px solid #dedede;
    border-top: 0;
}

.nz-product-hanger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 4px 9px 4px 9px;
    background: #ff0056;
    height: 30px;
    width: 100%;
    color: #FFF;
    font-family: PT Sans Narrow;
    font-size: 13px;
}

.pcon {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.auto-coupon:hover {
    cursor: pointer;
}

.freebie-banner-wrapper {
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: auto;
    box-sizing: border-box;
    padding: 15px 20px 20px 20px;
    margin-bottom: 20px;
}

.freebie-intro-text {
    font-family: PT Sans Narrow;
    font-size: 26px;
    color: #FFF;
    font-weight: 300;
    letter-spacing: 6px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .freebie-intro-text div {
        margin: 0 5px;
    }

.freebie-sub-text {
    font-family: PT Sans Narrow;
    font-size: 14px;
    color: #ff2572;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
}

.otw {
    color: #ffffff;
}

    .otw:hover {
        color: #ffffff;
        cursor: pointer;
    }

.inter {
    width: calc(100% - 12px);
    margin-left: 5px;
    margin-right: 5px;
}

.heat-post-stacked {
    margin-bottom: 30px;
}

.mc-qa-bf {
    background: #3d3950;
    color: #3d3950 !important;
}

    .mc-qa-bf:hover {
        background: #3d3950;
        color: #3d3950 !important;
        cursor: default;
    }

.mc-qa-c a {
    color: #ff470f;
}

    .mc-qa-c a:hover {
        color: #FFF;
        text-decoration: underline;
    }

.mc-qa-c p {
    margin-bottom: 15px;
}

.mc-qa-major {
    width: 100%;
    background: #3d3950;
    color: #FFF;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    font-family: PT Sans Narrow;
    font-size: 16px;
    align-self: flex-start;
    margin-bottom: 80px;
}

.mc-qa-btn {
    margin-top: 30px;
    margin-bottom: 20px;
    width: 100%;
}

.mc-qa-btn-q {
    margin-top: 10px;
    width: calc(100% - 15px);
    margin-bottom: 20px;
}

.exp-a {
    display: none;
}

.nf-wrapper {
    display: flex;
    width: 100%;
    margin-top: 30px;
    flex-wrap: wrap;
}

.nf-section {
    
    font-size: 15px;
    color: #FFF;
    line-height: 22px;
    width: 100%;
    margin-bottom: 40px;
}

    .nf-section div:first-child {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .nf-section div:not(:first-child) {
        color: #cdbadb;
    }

    .nf-section div a {
        text-decoration: none;
        color: #cdbadb;
    }

        .nf-section div a:hover {
            text-decoration: underline;
            cursor: pointer;
        }

/* PWA */

.pwa-footer-font {
    letter-spacing: 0.5px;
    font-family: PT Sans Narrow;
    font-size: 15px;
    text-transform: uppercase;
    color: #FFF;
    height: 20px;
}

    .pwa-footer-font:hover {
        color: #FFF;
        cursor: pointer;
    }

    .pwa-footer-font.spacer {
        margin-left: 14px;
        margin-right: 14px;
        height: 4px;
        width: 4px;
        background-color: #00ffc9;
        margin-top: 8px;
    }

.pwa-ul {
    list-style: none;
}

    .pwa-ul li {
    }

.pwa-nav-link {
    font-family: PT Sans Narrow;
    font-size: 17px;
    color: #FFF;
    font-weight: 300;
    width: 100%;
    line-height: 28px;
    letter-spacing: 0.5px;
    display: table-cell;
}

    .pwa-nav-link:hover {
        color: #FFF;
        cursor: pointer;
    }

#pwa-cart-wrapper {
    position: relative;
    width: 100%;
    height: 52%;
    border: 0;
    overflow: hidden;
}

#pwa-cart-inner {
    height: 100%;
    width: calc(100% + 18px);
    overflow-y: scroll;
}

.pwa-remove:hover {
    cursor: pointer;
    color: #FFF;
}

.pwa-checkout {
    padding: 0;
    width: 100%;
    text-align: center;
    height: 32px;
    background-color: #00ffc9;
    color: #444 !important;
    line-height: 32px;
}

    .pwa-checkout:hover {
        background-color: #00ffc9;
        color: #444 !important;
    }

#product-wishlist-link-qv:hover {
    cursor: pointer;
}

.flexor-dm {
    display: flex;
    flex-direction: column;
}

.flexor-dm-ns {
    display: flex;
    flex-direction: column;
}

.flexor-dm-ns-980 {
    display: flex;
    flex-direction: column;
}

.pe-str {
    width: 66px;
    margin-right: 5px;
    margin-left: -1px;
}

.pe-str-nm {
    width: 66px;
    margin-top: 5px;
}

.redc {
    color: #ED102A;
}

.redbg {
    background-color: #ED102A;
}

#inv-a {
    min-height: 33px;
    background-color: #222;
    color: #FFF;
    font-family: PT Sans Narrow;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 2px;
}

#mid-image-mobile {
    width: 100%;
}

#mid-image-desktop {
    width: 100%;
    display: none;
}

#mid-image-mobile:hover {
    cursor: pointer;
}

#mid-image-desktop:hover {
    cursor: pointer;
}

.side-image {
    display: none;
}

.column-row-768 {
    flex-direction: column;
}

.column-row-1182 {
    flex-direction: column;
}

.show-600 {
    display: none;
}

.hide-600 {
    display: block;
}

.heat-home {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 10px;
    line-height: 32px;
    color: #6A2C99;
}

    .heat-home:hover {
        color: #444;
        cursor: pointer;
    }

.nav-hh {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 10px;
    line-height: 32px;
    color: #6A2C99;
}

    .nav-hh:hover {
        color: #444;
        cursor: pointer;
    }

.nah-hh-small {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 32px;
    color: #6A2C99;
}

#tv-nav {
    color: #FFF;
}

    #tv-nav:hover {
        color: #888 !important;
        cursor: pointer;
    }

.nav-hh-close, .tv-nav-hh-close {
    width: 29px;
    height: 29px;
    background: #444;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    letter-spacing: 0;
    transform: translateZ(0);
}

    .nav-hh-close i, .tv-nav-hh-close i {
        font-size: 16px;
        color: #FFF;
    }

    .nav-hh-close:hover, .tv-nav-hh-close:hover {
        background: #FFF;
        cursor: pointer;
    }

        .nav-hh-close:hover i, .tv-nav-hh-close:hover i {
            color: #444;
        }

.nav-hh-mob-s, .nav-hh-mob-ss {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    white-space: nowrap;
}

    .nav-hh-mob-s i {
        font-size: 16px;
        width: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        margin-right: -8px;
    }

.vb-cat-e-scn {
    width: 36px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-right: -8px;
}

.nav-hh-mob-s a {
    
    font-size: 21px;
    font-weight: 500;
    height: 100%;
    display: flex;
    align-items: center;
}

.nav-hh-mob-s div, .nav-hh-mob-s div a {
    
    font-size: 18px;
    font-weight: 500;
    height: 100%;
    display: flex;
    align-items: center;
}

.nav-hh-mob-ss a, .nav-hh-mob-ss div {
    font-family: Roboto !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    background: none !important;
    color: #444 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}


    .nav-hh-mob-ss a:hover {
        color: #FF470F;
        cursor: pointer;
    }


.nav-hh-mob-s .nah-hh-i {
    font-size: 14px;
    width: auto;
    margin-right: 8px;
    justify-content: flex-start;
    color: #11875d;
}

.nav-hh-mob-s .nah-hhh-i {
    font-size: 14px;
    width: auto;
    margin-right: 8px;
    justify-content: flex-start;
    color: #6a2c99;
}

.f16-f13-380 {
    font-size: 13px !important;
}

.f16-f13-400 {
    font-size: 13px !important;
}


.f16-f14-380 {
    font-size: 14px !important;
}

.f16-f14-400 {
    font-size: 14px !important;
}

.vb-c-start, .tv-vb-c-start {
    position: absolute;
    left: -30px;
    top: 15px;
    transition: left 0.3s
}

.vb-c-end, .tv-vb-c-end {
    position: absolute;
    left: 10px;
    top: 17px;
    transition: left 0.3s;
    transition-delay: 0.3s;
}

.nah-hh {
    justify-content: flex-start;
    height: 36px;
}

.exp-btn {
    border: 1px solid #ff470f;
    border-radius: 2px;
    width: 52px;
    height: 32px;
    text-align: center;
    
    font-size: 16px;
    text-transform: uppercase;
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 18px;
    box-sizing: border-box;
    padding-bottom: 1px;
}

    .exp-btn:hover {
        border: 1px solid #444;
        background: #444;
        color: #FFF;
        cursor: pointer;
    }

.load-more {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 80px;
}

.load-more-count {
    
    color: #aaa;
    font-size: 16px;
    margin-bottom: 12px;
}

.load-more-meter {
    width: 170px;
    height: 2px;
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
}

.load-more-meter-l {
    height: 2px;
    background-color: #59eaf3;
}

.load-more-meter-r {
    height: 2px;
    background-color: #aaaaaa;
}

.load-more-btn {
    border: 1px solid #aaa;
    padding: 10px 80px;
    
    font-size: 18px;
    color: #444;
    text-transform: uppercase;
}

    .load-more-btn:hover {
        color: #fff;
        background: #aaa;
        cursor: pointer;
    }

.reg-intro {
    width: 100%;
    min-height: 52px;
    padding: 10px 15px;
    box-sizing: border-box;
    background: #e7e6ed;
    display: flex;
    flex-direction: row;
    
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    align-items: center;
    margin-bottom: 20px;
}

    .reg-intro a {
        color: #444;
    }

        .reg-intro a:hover {
            color: #FF470F;
        }

    .reg-intro i {
        margin: 0 6px;
    }

    .reg-intro h1 {
        font-weight: 500;
        font-size: 18px;
    }

    .reg-intro h2 {
        font-weight: 500;
        font-size: 20px;
    }

.mcp-nh {
    flex-direction: column;
    align-items: flex-start;
}

.mcp-nhm {
    flex-direction: column;
    align-items: flex-start;
}

.slate {
    background: #e7e6ed;
}

.s-cat-i {
    height: 100%;
    background-color: #0d0e1d;
    margin: 0 5px;
    padding: 12px 20px;
    box-sizing: border-box;
    float: left;
}

#mcp_cat_sel, .mcp-cat-item {
    position: relative;
    width: 100%;
    left: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    #mcp_cat_sel a, .mcp-cat-item a {
        font-size: 13px;
        font-weight: 400;
        box-sizing: border-box;
        letter-spacing: 0;
        background: #4a4854;
        margin-right: 10px;
        padding: 6px 12px;
        margin-bottom: 10px;
        display: inline-block;
        border-radius: 2px;
        color: #FFF;
        text-transform: none;
        
    }

        #mcp_cat_sel a:hover, .mcp-cat-item a:hover {
            background: #6A2C99;
            color: #FFF;
        }

.mcp-cat-oh {
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 34px !important;
}

    .mcp-cat-oh:hover {
        background: initial !important;
        color: #FF470F !important;
    }

.mcp-dd-b {
    border-radius: 50%;
    background: #6A2C99;
    width: 28px;
    height: 28px;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 2px;
    padding-left: 1px;
}

    .mcp-dd-b:hover {
        background: #FFF;
        color: #6A2C99;
        cursor: pointer;
    }

#mcp_desk_hw {
    display: none;
    margin-bottom: 16px;
}

#mcp_cat_sel > div, .mcp-cat-item > div {
    padding: 10px 0;
}

.mcp_cat_ph {
    font-size: 20px;
    color: #6A2C99;
    border-bottom: 1px solid #BBB;
    padding-bottom: 5px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 20px;
    height: 22px;
    display: flex;
    justify-content: space-between;
    letter-spacing: 0;
}

    .mcp_cat_ph:first-child {
        margin-top: 0;
    }

#mcp-dd-i:hover {
    cursor: pointer;
}

#nf_bread {
    width: 100%;
    min-height: 52px;
    padding: 10px 15px;
    box-sizing: border-box;
    background: #e7e6ed;
    display: flex;
    flex-direction: row;
    
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

    #nf_bread .fa-home {
        font-size: 14px;
        padding-bottom: 3px;
    }

    #nf_bread h1 {
        font-size: 16px;
        font-weight: 500;
    }

    #nf_bread a, #nf_bread div {
        padding-bottom: 2px;
    }

    #nf_bread .fa-angle-right {
        margin: 0 5px;
    }

#mcp_dd_wp {
    display: none;
}

.vb-cat-e-scd {
    margin-top: 10px;
}

#mcp_cat_sel .mcp-cat-oh, .mcp-cat-item .mcp-cat-oh {
    display: block;
    background: none;
    color: #444;
    
    font-size: 15px;
    font-weight: 400;
    margin-left: 10px;
    padding: 8px 0 !important;
    margin-bottom: 0 !important;
    box-sizing: content-box !important;
}

.orange-link {
    color: #FF470F !important;
    text-decoration: none !important;
}

    .orange-link:hover {
        color: #444 !important;
        cursor: pointer !important;
    }

.lp-wx, .lp-wxg {
    height: 16px;
    background: #6a2c99;
    
    font-weight: 400;
    font-size: 11px;
    color: #FFF;
    text-align: center;
    width: 100%;
    padding-top: 4px;
    border-left: 1px solid #6a2c99;
    border-right: 1px solid #6a2c99;
    margin-left: -1px;
}

.lp-wxg {
    background: #dbd1b4;
    border-left: 1px solid #dbd1b4;
    border-right: 1px solid #dbd1b4;
    color: #222;
}

.s-yellow {
    color: #ffaf01 !important;
}

.promo-coupon-save, .promo-coupon-save-static {
    height: 40px;
    background-color: #6a2c99;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    
    font-weight: 400;
    font-size: 19px;
    color: #FFF;
}

    .promo-coupon-save:hover {
        background: #444;
        color: #FFF;
        cursor: pointer;
    }

#loyalty_indicator {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#loyalty_text {
    width: calc(100% - 46px);
}

.grey-circ-clos {
    width: 29px;
    height: 29px;
    background: #444;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
    transform: translateZ(0);
}

    .grey-circ-clos i {
        font-size: 16px;
        color: #FFF;
    }

    .grey-circ-clos:hover {
        background: #FFF;
        cursor: pointer;
    }

        .grey-circ-clos:hover i {
            color: #444;
        }

.qv-close-b:hover {
    cursor: pointer;
}

.laybuy-logo-icon {
    display: inline-block;
    height: 1.8125rem;
    width: 7.875rem;
}

#nzp_wwrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

    #nzp_wwrapper > div {
        width: 100%;
        margin-left: 10px;
        margin-right: 10px;
    }

        #nzp_wwrapper > div > div {
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

.lsp-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -5px;
    padding-bottom: 80px;
}

    .lsp-wrapper > div {
        margin: 0 5px 10px;
    }

.show-400 {
    display: none;
}

.lb-info {
    color: #999;
    margin: -6px;
    padding: 5px 9px;
}

    .lb-info:hover {
        cursor: pointer;
        color: #786dff;
    }


#g-i-banner-i {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    padding: 0 3%;
}

#xmas-icept-i {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    
    font-weight: 500;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 3%;
}

.g-i-banner-btn {
    width: 180px;
    height: 40px;
    flex-grow: 0;
    padding: 0 !important;
    font-family: PT Sans Narrow !important;
    font-size: 18px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
}

.g-i-a {
    color: #FFF !important;
}

    .g-i-a:hover {
        text-decoration: underline;
    }

.xmas-btn {
    width: 180px;
    height: 40px;
    flex-grow: 0;
    padding: 0 !important;
    font-family: PT Sans Narrow !important;
    font-size: 18px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
}

#add-close-btn {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #444;
    color: #FFF;
    font-size: 18px;
}

    #add-close-btn:hover {
        background: #CCC;
        color: #444;
        cursor: pointer;
    }

.low-top {
    flex-grow: 1;
}

    .low-top h3 {
        font-weight: 500;
        font-size: 18px;
        
    }

.product-rc {
    
    font-size: 12px;
    background: #e7e6ed;
    width: 100%;
    margin: 0 10px;
    padding: 10px 14px;
    box-sizing: border-box;
    margin-bottom: 20px;
    border-radius: 3px;
}

.us-ship-m {
    display: none;
}

.bm-option:hover {
    cursor: pointer;
    color: #00ffc9;
}

.bm-option-sel {
    color: #00ffc9;
}

#bm-close:hover i, #bm-minimise:hover i {
    cursor: pointer;
    color: #00ffc9;
}

.grey-grad {
    background: #333333; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #222222 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #333333 0%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bm-exp {
    height: 100%;
    width: 100%;
    position: fixed;
}

.roboto {
    
}

/* TESTIMONIALS */
.new-testimonial-wrapper {
    width: 100%;
    min-height: 150px;
    background: #e7e6ed url(../img/quote.svg) 18px 16px no-repeat;
    background-size: 69px;
    border-radius: 5px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    box-sizing: border-box;
    padding: 16px 20px;
    margin-bottom: 20px;
}

.new-testimonial-header {
    font-family: PT Sans Narrow;
    font-size: 19px;
}

.new-testimonial-verified {
    
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    width: 100%;
}

    .new-testimonial-verified i {
        margin-right: 5px;
        color: #555;
        font-size: 15px;
    }

.new-testimonial-time {
    
    font-size: 12px;
    font-weight: 300;
}

.new-testimonial-content {
    font-family: Roboto Slab;
    font-size: 13px;
    text-align: left;
    margin-top: 15px;
    width: 100%;
}

.review-power {
    width: 100%;
    
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}

.scart-i {
    width: 20px;
}

.sc-low img:first-child {
    display: block
}

.sc-low img:last-child {
    display: none;
}

.sc-low:hover img:first-child {
    display: none;
}

.sc-low:hover img:last-child {
    display: block;
}

.nb-nb, .cb-nb {
    margin-bottom: 20px;
    width: 100%;
    border-radius: 3px;
    background: #6A2C99;
    box-sizing: border-box;
    padding: 10px 14px;
    font-family: PT Sans Narrow;
    font-size: 18px;
    color: #FFF;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.nb-o, .cb-o {
    background: #FF470F;
    cursor: default;
}

    .nb-o:hover, .cb-o:hover {
        background: #444;
        color: #FFF;
        cursor: pointer;
    }

.trans-o-btn {
    border: 1px solid #FF470F;
    background: Transparent;
    color: #FF470F;
}

    .trans-o-btn:hover {
        border: 1px solid #444;
        background: #444;
        color: #FFF;
    }

.fad-intro, .fad-intro-c {
    border: #FFF 1px solid;
    
    font-weight: 900;
    font-size: 32px;
    color: #FFF;
    text-align: center;
    letter-spacing: 5px;
    padding: 4px 0;
    text-transform: uppercase;
    flex-grow: 0;
    padding-left: 3px;
}

.fad-intro-c {
    letter-spacing: 2.5px;
}

.fad-topic, .fad-topic-c {
    
    font-weight: 500;
    font-style: Italic;
    color: #FFF;
    font-size: 40px;
    letter-spacing: 3px;
    line-height: 40px;
    text-align: center;
    flex-grow: 1;
    text-transform: uppercase;
    margin: 18px 1px;
    box-sizing: border-box;
    padding-right: 8px;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fad-topic-c {
    letter-spacing: 0;
}

.fad-offer {
    
    font-weight: 500;
    font-size: 22px;
    color: #FFF;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.fad-desc {
    width: 100%;
    text-align: center;
    
    color: #FFF;
    font-size: 14px;
    margin-bottom: 30px;
}

.fad-desc-mobile {
    width: 100%;
    text-align: center;
    
    color: #FFF;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 30px;
}

.fad-btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

/*
    SINGLES DAY START
*/

.sd-head-wrp {
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    z-index: 2000;
}

.sd-head-top {
    
    font-size: 150px;
    color: #FFF;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin-left: -5px;
    line-height: 150px;
}

.sd-head-bot {
    
    font-size: 50px;
    color: #FFF;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    line-height: 50px;
}

.sd-flex {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.sd-her {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 120px;
}

.sd-him {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 120px;
}

.sd-p-i {
    background: #FFF;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

.sd-wrp {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 295px;
    justify-content: space-between;
}

.sd-title {
    
    font-size: 18px;
    font-weight: 500;
    color: #FFF;
    margin-bottom: 25px;
    padding: 0 15px;
    box-sizing: border-box;
}

.sd-p-wrp {
    display: flex;
    justify-content: center;
}

.sd-p-in {
    
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding: 12px 24px;
    background: #FFF;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.sd-p-was {
    font-weight: 300;
    font-size: 16px;
}

.sd-p-lt {
    text-decoration: line-through;
}

.sd-gd {
    color: #FFF;
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sd-deal-ctr {
    width: 100%;
    background: #171717;
    text-transform: uppercase;
    color: #FFF;
    
    font-size: 24px;
    padding: 20px 0 15px;
    text-align: center;
}

.sd-timer-w {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.sd-deal-ctr-a {
    width: 100%;
    background: #171717;
    padding-bottom: 20px;
    font-size: 49px;
    color: #FFF;
    
    display: flex;
    justify-content: center;
}

.sd-deal-ctr-a-e {
    color: #d0af2c;
    font-size: 14px;
    
    text-align: center;
}

.sd-deal-ctr-a-x {
    margin-right: 20px;
}

    .sd-deal-ctr-a-x:last-child {
        margin-right: 0;
    }

.sd-box-wrp {
    display: flex;
    flex-direction: column;
    width: 140px;
    justify-content: flex-end;
}

.elf-xmas:hover {
    cursor: pointer
}

.elf-xmas-e {
    
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    margin-top: 20px
}

#i-wrap {
    height: 27px;
    display: flex;
    width: 90px;
    display: flex;
    justify-content: flex-end;
}


.aff-b-max {
    color: #FFF;
    font-size: 16px;
    margin-right: 20px;
}

.aff-b-max-x {
    width: 90px;
    text-align: center;
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.aff-b-max-w {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    justify-content: space-between;
}

.off-b-max {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.center-left {
    text-align: center;
}

.margin-0-t-20, .margin-0-r-20, .margin-0-b-20, .margin-0-l-20 {
    margin: 0 !important;
}

.margin-20-t-0 {
    margin-top: 20px !important;
}

.margin-20-r-0 {
    margin-right: 20px !important;
}

.margin-20-b-0 {
    margin-bottom: 20px !important;
}

.margin-20-l-0 {
    margin-left: 20px !important;
}

.ishell {
    margin: 0 auto;
    width: 94%;
    padding: 0 3%;
}

.mcpx-w {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    width: calc(100% + 10px);
}

    .mcpx-w a {
        width: calc(50% - 10px) !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

#surv-i {
    background: #000;
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(97%);
}

#surv-t {
    width: 320px;
    padding: 15px 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#fpad {
    width: 100%;
    position: fixed;
    bottom: 5%;
    background: rgba(0, 0, 0, 0.8);
    padding: 20px 3% 20px 3%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.fpad-600 img {
    width: 50px;
    margin-top: 3px;
}

#fpad-mid {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70%;
}

#fpad-title {
    
    font-size: 26px;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
}

#fpad-ptext {
    
    font-size: 16px;
    color: #FFF;
    margin-top: 10px;
    text-align: center;
    font-weight: 300;
}

.fpad-btn {
    width: 140px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.gen-btn-white-empty {
    background: none !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
}

    .gen-btn-white-empty:hover {
        background: #FFF !important;
        border: 1px solid #FFF !important;
        color: #222 !important;
    }

@media all and (min-width:460px) {
    .elf-xmas-e {
        font-size: 19px
    }
}

#nw-e, #tv-nw-e {
    background-color: rgba(106, 44, 153, 0);
    height: 100%;
    flex-grow: 1;
    position: relative;
}

.heat-ic-bgx {
    width: 100%;
    margin-bottom: 18px;
    display: flex;
    background-size: cover;
}

/* PODCAST START */

#podcast-ii {
    width: 100%;
    background: url(../img/pod/lightning-intro.png) no-repeat;
    background-position-x: -30%;
    background-position-y: top;
    display: flex;
    justify-content: center;
    align-items: center;
}

.podcast-ii-w {
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(240, 240, 240, 0.7);
    padding: 20px 20px;
    box-sizing: border-box;
    margin: 15px 0;
}

.podcast-ii-t {
    color: #7e0a97;
    text-transform: uppercase;
    
    font-weight: 700;
    font-size: 17px;
    width: 100%;
    text-align: center;
}

.podcast-ii-tx {
    
    font-size: 15px;
    color: #222;
    text-align: center;
    margin-bottom: 20px;
}

.podcast-ii-b {
    background: #ff0056;
    height: 36px;
    border-radius: 18px;
    padding: 0 10px;
    font-family: PT Sans Narrow;
    font-size: 17px;
    text-transform: uppercase;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(90% - 20px);
    margin-bottom: 5px;
    text-align: center;
}

    .podcast-ii-b:hover {
        background: #444;
        color: #FFF;
    }

.podcast-ii-bb-c {
    width: 100%;
    display: flex;
    justify-content: center;
}

.podcast-ii-s {
    display: flex;
    margin-top: 15px;
    flex-direction: column;
}

@media all and (min-width: 380px) {
    .podcast-ii-t {
        font-size: 19px;
    }
}

@media all and (min-width: 420px) {
    .podcast-ii-t {
        font-size: 21px;
    }
}

@media all and (min-width: 460px) {
    .podcast-ii-t {
        font-size: 23px;
    }

    .podcast-ii-b {
        width: calc(70% - 20px);
    }
}

@media all and (min-width: 500px) {
    .podcast-ii-t {
        font-size: 26px;
    }
}

@media all and (min-width:600px) {
    .podcast-ii-s {
        flex-direction: row;
    }

    .podcast-ii-t, .podcast-ii-tx {
        text-align: left;
    }

    .podcast-ii-tx {
        width: 65%;
    }

    .podcast-ii-bb-c {
        width: 35%;
        justify-content: flex-end;
    }

    #podcast-ii {
        background-position-x: center;
    }
}

/* PODCAST END */

@media all and (min-width:460px) {
    .sd-box-wrp {
        width: 156px;
    }

    .sd-p-i {
        width: 180px;
        height: 180px;
    }

    .sd-wrp {
        height: 255px;
    }
}

@media all and (min-width:600px) {

    .sd-head-wrp {
        display: flex;
    }

    .sd-head-bot {
        font-size: 66px;
        line-height: 66px;
    }

    .sd-p-i {
        width: 240px;
        height: 240px;
    }

    .sd-wrp {
        height: 210px;
    }
}

/*
    SINGLES DAY END
*/

/* 
    DYNAD FRAMEWORK START
*/

.dynad-img, .dynad-img {
    width: 31%;
    border-radius: 10px;
}

.dynad-wrp {
    width: calc(100% - 10px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px;
    box-sizing: border-box;
    background-position-x: -130px;
    background-position-y: center;
    background-repeat: no-repeat;
}

.dynad-lhs {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 32px;
}

.dynad-rhs {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.dynad-title {
    
    font-size: 70px;
    font-style: italic;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 0.65;
    margin-left: -10px;
    margin-bottom: 40px;
}

.dynad-blurb {
    
    font-size: 24px;
    color: #FFF;
    border-left: 3px solid #FFF;
}

.dynad-blurb-i {
    margin-top: -7px;
    padding-left: 20px;
    padding-right: 20px;
}

.dynad-prods {
    height: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    justify-content: space-between;
}

.dynad-cta {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    flex-grow: 1;
}

.dynad-cta-text, .dynad-cta-text-s {
    font-size: 24px;
    
    color: #FFF;
    text-align: center;
    font-style: italic;
    text-transform: uppercase;
    width: 124px;
    display: none;
}

.dynad-cta-text-s {
    display: block;
    height: 36px;
    margin-right: 20px;
}

.dynad-btn {
    width: 124px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

@media all and (min-width:430px) {
    .dynad-img-third {
        display: block;
    }
}


@media all and (min-width:480px) {

    #i-wrap {
        width: 250px;
    }

    .dynad-wrp {
        background-position-x: left;
    }

    .dynad-img, .dynad-img {
        margin-right: 20px;
        height: 136px;
        width: 108px;
    }

    .dynad-img-second {
        margin-left: 0;
    }

    .dynad-img-third {
        display: none;
    }

    .dynad-cta-text {
        margin-bottom: 30px;
        display: block;
    }

    .dynad-cta-text-s {
        margin-bottom: 30px;
        display: none;
        height: unset;
        margin-right: 0;
    }

    .dynad-rhs {
        flex-direction: row;
    }

    .dynad-cta {
        flex-direction: column;
        justify-content: flex-end;
    }

    .dynad-prods {
        margin-bottom: 0;
        justify-content: unset;
    }
}

@media all and (min-width:600px) {
    .dynad-img-third {
        display: block;
    }
}

@media all and (min-width:980px) {
    .dynad-wrp {
        flex-direction: row;
        height: 200px;
    }

    .dynad-lhs {
        width: 50%;
        margin-bottom: 0;
    }

    .dynad-rhs {
        width: 50%;
    }

    .dynad-img-first {
        margin-left: 15px;
    }

    .dynad-img-third {
        display: none;
    }
}

@media all and (min-width:1182px) {

    .dynad-wrp {
        width: 1182px;
    }

    .dynad-img-third {
        display: block;
    }
}

/* 
    DYNAD FRAMEWORK END
*/

.gem-retail {
    margin-right: 20px;
    width: 120px;
    display: flex;
    justify-content: center;
}

.f-award {
    display: flex;
    padding-top: 0;
    padding-bottom: 10px;
    flex-direction: row;
    padding-bottom: 30px !important;
    flex-direction: column;
}

    .f-award div:first-child {
        margin-bottom: 20px;
    }

/*
    BF CYBER MONDAY
*/

.bf-cm-ph {
    
    font-weight: 500;
    color: #FFF;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

    .bf-cm-ph span:first-child {
        font-size: 18px;
        line-height: 18px;
    }

    .bf-cm-ph span:last-child {
        font-size: 18px;
        line-height: 18px;
    }


@media all and (min-width:480px) {
    .bf-cm-ph span:first-child {
        font-size: 24px;
        line-height: 24px;
    }

    .bf-cm-ph span:last-child {
        font-size: 24px;
        line-height: 24px;
    }
}

@media all and (min-width:768px) {
    .bf-cm-ph span:first-child {
        font-size: 48px;
        line-height: 48px;
    }

    .bf-cm-ph span:last-child {
        font-size: 24px;
        line-height: 24px;
    }
}

@media all and (min-width:980px) {
    .bf-cm-ph {
        margin-top: 20px;
        margin-bottom: 0;
    }
}

/*
    BF CYBER MONDAY END
*/

/*
    PERMA MYSTERY GWP START
*/

.pgwp-wrp {
    height: 232px;
    width: 100%;
}

.pgwp-in {
    padding: 12px;
    box-sizing: border-box;
}

.pgwp-title {
    
    font-size: 48px;
    line-height: 32px;
    font-style: italic;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: flex;
    margin-top: 10px;
    margin-bottom: 22px;
    flex-direction: column;
}

.pgwp-md {
    width: 185px;
    /*border-bottom: dotted 4px #222;
    margin-top: 30px;*/
    margin-top: 10px;
}

.pgwp-blurb {
    
    font-size: 20px;
    color: #222;
    text-transform: uppercase;
    margin-bottom: 18px;
    width: 65%;
}

.pgwp-lower {
    font-family: Roboto Slab;
    font-size: 14px;
    display: flex;
    padding-right: 100px;
}

.pgwp-l-d {
    display: none;
}

@media all and (min-width:400px) {
    .pgwp-title {
        font-size: 58px;
        margin-bottom: 16px;
    }

    .pgwp-md {
        width: 225px;
    }

    .pgwp-blurb {
        margin-bottom: 15px;
        font-size: 22px;
        width: 60%;
    }

    .pgwp-lower {
        font-size: 16px;
    }
}

@media all and (min-width:460px) {
    .pgwp-title {
        font-size: 68px;
        margin-bottom: 16px;
    }

    .pgwp-md {
        /*margin-top: 34px;*/
        margin-top: 14px;
        width: 275px;
    }

    .pgwp-blurb {
        font-size: 24px;
        width: 60%;
        margin-bottom: 20px;
    }
}

@media all and (min-width:540px) {

    .pgwp-md {
        width: 345px;
    }

    .pgwp-blurb {
        width: 70%;
        margin-bottom: 55px;
    }
}

@media all and (min-width:640px) {

    .pgwp-title {
        font-size: 80px;
        line-height: 60px;
        margin-top: 0;
        margin-bottom: 20px;
        flex-direction: row;
    }

    .pgwp-in {
        padding: 20px;
        padding-top: 12px;
    }

    .pgwp-md {
        width: 60px;
        display: block;
    }

    .pgwp-blurb {
        font-size: 30px;
        width: 100%;
        margin-bottom: 60px;
    }

    .pgwp-lower {
        font-size: 18px;
    }

    .pgwp-l-d {
        width: 100%;
        height: 1px;
        background-color: #222;
        margin-top: 12px;
        margin-left: -20px;
        display: block;
    }

    .pgwp-prod {
        flex-shrink: 0;
        padding-left: 15px;
    }
}

@media all and (min-width:769px) {
    .pgwp-title {
        font-size: 100px;
        line-height: 82px;
        margin-top: 0;
    }

    .pgwp-md {
        width: 150px;
    }

    .pgwp-blurb {
        margin-left: 16.5%;
        margin-bottom: 40px;
        width: 83.5%;
    }
}

@media all and (min-width:880px) {
    .pgwp-title {
        font-size: 138px;
        line-height: 112px;
    }

    .pgwp-blurb {
        margin-bottom: 16px;
    }
}

/*
    PERMA MYSTERY GWP END
*/

/*
    REGULAR START
*/

@media all and (min-width:360px) {
    .price-hanger {
        font-size: 14px;
    }

    .promo-bar-lhs {
        width: 30%;
    }

    .promo-bar-rhs-text {
        line-height: 25px;
        font-size: 16px;
    }

    .promo-bar-rhs {
        width: 70%;
    }

    /* VISUAL CATS */
    #visual-cats .cols3 .head {
        font-size: 24px;
        border-bottom: 1px solid #FFF;
    }

    .visual-cat-text-lower {
        font-size: 14px;
    }

    /* GENERIC HIDES */
    .hide360 {
        display: block;
    }

    /* ARTICLES */
    #articles .cols3 {
        width: 46%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }

    /* HEADER */
    #hmessaging {
        font-size: 14px;
    }

    #sbhcart {
        margin-right: 5px;
    }

    #header-phone {
        font-size: 16px;
    }

    #phone-icon {
        padding-right: 5px;
    }

    .noci-class {
        font-size: 16px;
    }

    /* PRODUCT PAGE */
    .size-chart td {
        font-size: 13px;
    }

    .sch-star-text {
        display: block;
    }

    .hide-360 {
        display: none;
    }

    .show-360 {
        display: block;
    }
}

@media all and (min-width:380px) {
    .f16-f13-380 {
        font-size: 16px !important;
    }

    .f16-f14-380 {
        font-size: 16px !important;
    }
}

@media all and (min-width:400px) {

    .f16-f13-400 {
        font-size: 16px !important;
    }

    .f16-f14-400 {
        font-size: 16px !important;
    }

    .hide-400 {
        display: none;
    }

    .show-400 {
        display: block;
    }

    .price-hanger {
        font-size: 15px;
    }

    .nz-product-hanger {
        font-size: 15px;
    }

    /* PRODUCT PAGE */
    .size-chart td {
        padding: 3px 9px;
    }
    /* POLL ANSWER OVERRIDE */
    .poll .qanswer {
        width: 70%;
        font-size: 14px;
        line-height: 20px;
    }
}

@media all and (min-width:420px) {

    #glossary-poll .glossary-text {
        font-size: 16px;
    }
}

@media all and (min-width:480px) {

    .fad-intro {
        font-size: 42px;
        padding-left: 0;
    }

    .fad-topic {
        font-size: 52px;
        line-height: 52px;
    }

    .fad-topic-c {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 0;
    }


    .fad-offer {
        font-size: 30px;
    }


    .price-hanger {
        font-size: 16px;
    }

    .nz-product-hanger {
        font-size: 16px;
    }

    #h-sc {
        display: inline-block;
    }
}

@media all and (min-width:600px) {

    .freebie-intro-text {
        font-size: 48px;
        letter-spacing: 8.5px;
        margin-bottom: 0;
        margin-left: 3px;
    }

    .mc-qa-major {
        width: 48%;
    }

    .mc-qa-btn {
        margin-top: 2px;
        margin-bottom: 0;
        width: auto;
    }

    .mc-qa-btn-q {
        width: auto;
        float: left;
        margin-bottom: 10px;
    }

    .show-600 {
        display: block;
    }

    .hide-600 {
        display: none;
    }

    .new-testimonial-wrapper {
        width: 48.5%;
    }
}

@media all and (min-width:640px) {

    .product-rc {
        width: calc(50% - 20px);
    }

    .show-640 {
        display: block;
    }

    .show-640-1182 {
        display: block;
    }

    .hide-640 {
        display: none;
    }

    .hide-640-flex {
        display: none;
    }

    .show-640-x {
        display: block;
    }

    .show-640-flex {
        display: flex;
        justify-content: center;
    }

    .hide-640-x {
        display: none;
    }

    .h-cart-notication {
        display: none;
    }

    .static-cheeve {
        width: calc(49.99% - 10px);
    }

    .gen-textbox-hundred {
        padding: 7px 1% !important;
    }

    #special_intructions_au {
        padding: 8px 1%;
    }

    .promo-bar-lhs {
        width: 32%;
    }

    .promo-bar-rhs-text {
        font-size: 18px;
    }

    .promo-bar-rhs {
        width: 68%;
    }

    .review-points-left {
        width: calc(20% - 34px);
    }

    .review-points-right {
        width: calc(80% - 40px);
    }

    /* VISUAL CATS */
    #visual-cats .cols3 {
        width: 47.5%;
        margin-left: 5%;
        margin-bottom: 20px;
    }

        #visual-cats .cols3 .head {
            font-size: 15px;
        }

    .visual-cat-text-lower {
        display: block;
        font-size: 12px;
    }

    #visual-cats .extra {
        display: block;
    }

    /* ARTICLES */
    #articles .intro-heading {
        font-size: 26px;
    }

    /* PRODUCT PAGE */
    #crp_wrapper .intro-heading {
        font-size: 26px;
    }

    .iframe-video {
        /*max-width: 480px;*/
    }

    #checkout-wrapper {
        text-align: center;
        width: 188px;
    }

    .upsell-ul {
        width: 45%;
        float: left;
    }

    #add-lube {
        margin-top: 0;
        margin-left: 10%;
    }

    .noci-class {
        font-size: 13px;
    }

    resp-image {
        width: 100%;
    }

    #fixed-box, .ql-wrap {
        padding: 0 3%;
        padding-top: 15px;
        width: 94%;
    }

    .fixed-box-cl {
        padding: 0 3%;
        width: 94%;
    }

    .abs-top {
        display: inline-block;
        float: left;
        margin-bottom: 20px;
    }

    .alt-small {
        display: inline-block;
        float: left;
        width: 35%;
        margin-left: 5%;
    }

    .blk-text {
        width: 34%;
        display: none;
    }

    .nav-button {
        max-width: 34px;
        height: 32px;
        background: url(../img/nav.png);
        display: block;
        float: left;
    }

        .nav-button:hover {
            cursor: pointer;
            background-position: 0 -32px;
        }

    #breaking_special {
        width: 100%;
    }

    #hmessaging {
        width: 100%;
        text-align: center;
        font-family: Roboto, sans-serif;
        font-size: 14px;
        top: 60px;
        float: right;
        margin-bottom: 0;
    }

    #phone-icon {
        padding-top: 2px;
        padding-right: 8px;
        float: left;
    }

    #phone-number {
        float: left;
    }

    #header-phone {
        font-family: Roboto, sans-serif;
        font-size: 13px;
        float: left;
    }

    #subheader {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        color: #444;
        float: left;
    }



        #subheader .sbhclink {
            color: #ff470f;
            float: left;
        }

            #subheader .sbhclink:hover {
                color: #444;
                cursor: pointer;
            }

                #subheader .sbhclink:hover > span {
                    background-position: 0 -16px;
                    color: #444;
                    cursor: pointer;
                }

    #sbhcart {
        height: 16px;
        width: 16px;
        margin-top: 2px;
        margin-right: 7px;
        float: left;
    }

    .size-chart td {
        padding: 4px 15px;
    }

    /* SUB FOOTER*/
    .csr-mob {
        width: 15%;
    }

    .csr-mob-text {
        width: 85%;
    }

    .csr-contact-wrapper {
        width: 55%;
    }


    #soc-med-bar {
        width: 92%;
        padding-left: 4%;
        padding-right: 4%;
        margin: 0 auto;
        display: table;
    }

    /* CART PAGE */
    .em-box {
        width: 60%;
        float: left;
    }

    .em-button {
        width: 36%;
        float: right;
        margin-left: 4%;
    }

    .selection-choice {
        width: 40%;
        float: right;
        padding: 8px 1%;
    }

    .selection-blurb {
        width: 52%;
        float: left;
        padding: 8px 1%;
        font-size: 13px;
    }

    .selection-wrapper-button {
        margin-top: 40px;
    }

    .dub-text-left {
        width: 48%;
    }

    .dub-text-right {
        width: 48%;
        margin-left: 4%;
    }

    .nz-post-button {
        width: 11%;
    }

    .nz-post-button-blurb {
        width: 89%;
    }

    .resp-textbox {
        width: 78%;
    }

    .resp-button {
        width: 22%;
    }

    .upsell-nav {
        margin-left: 20px;
        width: 218px;
        display: inline-block;
        float: left;
        font-size: 13px;
        padding: 0;
        height: 40px;
        line-height: 40px;
        background-color: #6A2C99;
        margin-top: 20px;
    }

        .upsell-nav:hover {
            background-color: #222;
            cursor: pointer;
        }

    /* HOMEPAGE MORE */
    .hp-products .intro-heading {
        font-size: 26px;
    }

    .more-link {
        margin-top: 26px;
    }

    .more-link-with-header {
        margin-top: -18px;
    }

    /* VIDEOS */
    #videos .intro-heading {
        font-size: 26px;
    }

    #videos .cols-l .head {
        font-size: 30px;
    }

    /* GLOSSARY AND POLL */
    .glossary .intro-heading {
        font-size: 26px;
    }

    .poll .intro-heading {
        font-size: 26px;
    }

    /* TESTIMONIALS */
    .testimonials-content {
        width: calc(100% - 104px);
    }

    .testimonials-div {
        width: 20px;
    }

    /* CATEGORY */
    .category_item {
        width: 28.33%;
        min-height: 230px;
        float: left;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    /* HEADER */
    #header-phone {
        width: auto;
        width: initial;
    }

    #subheader {
        width: 100%;
    }

    /* POLL ANSWER OVERRIDE */
    .poll .qanswer {
        width: 75%;
        font-size: 14px;
        line-height: 20px;
    }

    #write-a-review-button {
        float: right;
        margin-top: 5px;
        padding: 8px 26px;
        width: auto;
    }

    #show_more_reviews {
        margin-top: 5px;
        padding: 8px 26px;
        width: auto;
    }

    .expander-small {
        padding-top: 118.57%;
    }

    .flex-alt-85 {
        height: 100%;
        width: 100%;
    }

    #raf {
        padding: 20px;
    }

    .raf-inner {
        font-size: 18px;
    }

    .raf-input {
        width: 300px;
        font-size: 18px !important;
    }

    .raf-first {
        width: calc(100% - 320px);
    }

    .raf-last {
        width: 120px;
    }

    .f18-f16-640 {
        font-size: 18px;
    }

    .p20-p10-640 {
        padding: 20px;
    }
}

@media all and (min-width:520px) {
    /* HEADER */
    .noci-class {
        font-size: 14px;
    }

    #header-phone {
        font-size: 14px;
    }

    #subheader {
        margin-top: 5px;
    }

    /* PRODUCT PAGE */
    .size-chart td {
        padding: 4px 18px;
    }
    /* POLL ANSWER OVERRIDE */
    .poll .qanswer {
        width: 77.5%;
        font-size: 16px;
        line-height: 40px;
    }
}

@media all and (min-width:560px) {

    .fifty-560 {
        width: 50%;
        margin-top: 0;
    }

    .promo-bar-lhs {
        width: 32%;
    }

    .promo-bar-rhs-text {
        font-size: 18px;
    }

    .promo-bar-rhs {
        width: 68%;
    }

    #stub-promotion {
        position: relative;
        width: 100%;
        display: inline-block;
        float: left;
        margin-top: 25px;
    }

    .sc-rbc {
        width: 45%;
        margin-right: 5%;
    }

    .sc-rbp {
        width: 45%;
        margin-left: 5%;
        margin-top: 0;
    }

    .sbp-override {
        margin-left: 0%;
        margin-right: 0%;
        width: 47.5%;
    }

    .sba-override {
        margin-top: 0;
        margin-left: 5%;
        width: 47.5%;
    }

    .sc-sba {
        width: 100%;
    }

    /* PRODUCT PAGE */
    .ip-wrapper {
        width: 100%;
        padding-right: 0;
    }

    #cta-triplet {
        width: 100%;
        padding-left: 0;
    }

    #rating_resp_alt {
        width: 100%;
    }

    #upsell {
        width: 100%;
    }

    #add-lube {
        margin-top: 0;
        margin-left: 10%;
    }

    .size-chart td {
        padding: 4px 21px;
    }
}

@media all and (min-width:580px) {
    .mcpx-w a {
        width: calc(33.33% - 10px) !important;
    }
}

@media all and (min-width:600px) {

    #xmas-icept-i {
        font-size: 14px;
    }

    .pe-exp {
        width: calc(33.33% - 10px);
    }

    .sex-toy-banner-wrapper {
        height: 100px;
        background: url(../img/atms-au-sex-toy-plug-desktop.jpg) center center no-repeat;
    }

    .sex-toy-banner-tt {
        font-size: 32px;
    }

    .sex-toy-banner-text {
        height: 100px;
        text-align: unset;
        align-items: flex-start;
        justify-content: center;
        margin-left: 30px;
        margin-right: 0;
        width: 70%;
        margin-top: 0;
    }

    .sex-toy-banner-button {
        justify-content: center;
        height: 100px;
    }

    .promo-bar-lhs {
        width: 32%;
    }

    .promo-bar-rhs-text {
        font-size: 18px;
    }

    .promo-bar-rhs {
        width: 68%;
    }

    #header-600, #header_600, #au_delivery_banner_600 {
        display: block;
    }

    #header-600-less, #header_600_less, #au_delivery_banner_600_less {
        display: none;
    }

    .review-points-left {
        width: calc(15% - 34px);
    }

    .review-points-right {
        width: calc(85% - 40px);
    }

    /* GENERIC HIDES */
    .hide600 {
        display: block;
    }

    /* ARTICLES */
    #articles .cols3 {
        width: 29.33%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }

    /* HEADER */
    .noci-class {
        font-size: 16px;
    }

    #header-phone {
        font-size: 16px;
    }

    #subheader {
        margin-top: 10px;
    }

    /* SUB FOOTER */
    #csr-sophie {
        display: none;
    }

    #csr-sophie-alt {
        display: inline-block;
    }
    /* CART PAGE */
    .nz-post-button {
        width: 8%;
    }

    .nz-post-button-blurb {
        width: 92%;
    }

    .resp-textbox {
        width: 82%;
    }

    .resp-button {
        width: 18%;
    }

    .selection-choice {
        width: 30%;
    }

    .selection-blurb {
        width: 62%;
    }

    .hide-600 {
        display: none;
    }

    .hide-600-flex {
        display: none;
    }

    .show-600 {
        display: block;
    }

    .email-hide {
        display: none;
    }
}

@media all and (min-width:640px) {

    /* HEADER */
    #slider-new {
        display: block;
    }

    #slider-mobile {
        display: none;
    }
}

@media all and (min-width:664px) {

    .promo-bar-lhs {
        width: 28%;
    }

    .promo-bar-rhs-text {
        font-size: 18px;
    }

    .promo-bar-rhs {
        width: 72%;
    }

    /* GLOSSARY AND POLL PAGE */
    #glossary-poll .glossary {
        width: 48%;
        margin: 0 4% 40px 0 !important;
    }

    #glossary-poll .poll {
        width: 48%;
        margin: 0 0 40px 0 !important;
    }

    /* CATEGORY PAGE */
    .category_item {
        width: 20%;
        min-height: 230px;
        float: left;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    /* POLL ANSWER OVERRIDE */
    .poll .qanswer {
        width: 65%;
        font-size: 14px;
        line-height: 20px;
    }
}

@media all and (min-width:768px) {

    #surv-i {
        flex-direction: row;
    }

    #atc_button, #atc_button_oos {
        width: auto;
        width: initial;
        padding: 12px 32px !important;
    }

    #buy_resp {
        width: 50%;
        margin-top: 38px;
    }

    #price_resp {
        width: 50%;
        text-align: left;
    }

    .pp-was-price {
        width: auto;
        width: initial;
    }

    .gem-retail {
        margin-left: 54px;
    }

    .f-award {
        flex-direction: row;
        align-items: center;
    }

        .f-award div:first-child {
            margin-bottom: 0;
        }

    .aw20 {
        margin-top: 20px;
    }

    .fad-intro {
        font-size: 48px;
        padding-left: 0;
    }

    .fad-topic {
        font-size: 60px;
        line-height: 60px;
    }

    .fad-topic-c {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 0;
    }


    .fad-offer {
        font-size: 34px;
    }

    .us-ship-m {
        display: block;
    }

    #uc_hheader {
        justify-content: flex-start;
    }

    #h-wishlist-wrapper {
        margin-left: 12px;
    }

    #h-search-o {
        display: none;
    }

    .mcp-margin-fix {
        margin-left: -10px;
        margin-right: -10px;
    }

    .fifty-798 {
        width: 50%;
    }

    .su-wrapper, .su-wrapper-dis, .su-wrapper-tx, .sv-wrapper, .py-wrapper {
        width: calc(50% - 20px);
    }

    .testimonials-content {
        font-size: 18px;
    }

    .f72 {
        font-size: 72px;
        margin-left: -3px;
    }

    .f72-zero {
        font-size: 72px;
        line-height: 72px;
        margin-left: -3px;
    }

    .static-cheeve {
        width: calc(33.32% - 10px);
    }

    .btt {
        display: none;
    }

    .pcd-map {
        width: 330px;
        margin-top: 0;
        margin-right: 30px;
    }

    .pcd-info {
        width: calc(100% - 330px);
        float: left;
    }

    .hide-768-922 {
        display: none;
    }

    .hide-768-1194 {
        display: none;
    }

    .review-points-left {
        width: calc(30% - 34px);
    }

    .review-points-right {
        width: calc(70% - 40px);
    }

    .review-points-cell {
        width: 33%;
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .hide-medium {
        display: block;
    }
    /* HOMEPAGE */
    #visual-cats .cols3 {
        width: 30%;
        margin-left: 5%;
        margin-bottom: 20px;
    }

        #visual-cats .cols3 .head {
            font-size: 16px;
        }

        #visual-cats .cols3 .head {
            border-bottom: 1px solid #FFF;
        }

    #visual-cats .extra {
        display: none;
    }

    .visual-cat-image {
        display: block;
    }

    .hp-sl-btn {
        width: 115px;
        font-size: 14px;
        text-align: center;
    }

    .hp-sl-btn-sm {
        width: 90px;
        font-size: 14px;
        text-align: center;
    }

    /* GENERIC HIDES */
    .hide768 {
        display: block;
    }

    /* ARTICLES */
    #articles .cols3 {
        width: 29.33%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }

    /* AU SHIPPING */
    .au-ship-tile {
        width: 29.33%;
        margin-left: 2%;
        margin-right: 2%;
        padding: 4%;
        display: inline-block;
        background-color: #EEE;
        
        font-size: 14px;
        margin-bottom: 30px;
    }

    .au-ship-logo {
        display: table;
        margin: 0 auto;
        width: 100%;
    }

    /* VIDEOS */
    #videos .cols-r {
        width: 48%;
        display: inline-block;
        float: left;
        margin-right: 4%;
    }

    #videos .cols-l {
        width: 45%;
        display: inline-block;
        float: left;
    }

    /* GLOSSARY PAGE */
    .glossary-page-item {
        width: 46%;
        display: inline-block;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
        margin-bottom: 50px;
    }

    /* CATEGORY PAGE */
    .category_item {
        width: 15%;
        min-height: 230px;
        float: left;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    /* PRODUCT PAGE */
    .rvp-item {
        width: 8.5%;
    }

    #rating_resp {
        display: block;
        width: 33.33%;
        margin: 25px 0 0 0;
    }

    .twin-wrap, .def-p-wrapper {
        display: flex;
        flex-direction: row;
    }

    .ip-wrapper {
        width: 50%;
        padding-right: 3%;
        border-right: 1px solid #444;
    }

    #cta-triplet {
        width: 50%;
        padding-left: 3%;
    }

    #price_resp {
        width: 100%;
        margin: 0;
        margin-top: 30px;
    }

    #buy_resp {
        width: 100%;
        margin: 32px 0 0 0;
    }

    .table-cell-top {
        display: table-cell;
        vertical-align: top;
    }

    .detail-table {
        display: table;
        float: left;
    }

    #upsell {
        width: 100%;
    }

    .upsell-ul {
        width: 100%;
        float: left;
    }

    #add-lube {
        margin-top: 30px;
        margin-left: 0;
    }

    .pp-video {
        width: calc(50% - 20px);
    }

    .yt-pp {
        width: calc(50% - 20px);
        padding-bottom: 28.125%;
    }

    #checkout-wrapper {
        text-align: left;
        width: 188px;
    }

    .size-chart td {
        padding: 4px 29px;
    }

    /* PRODUCT PAGE */
    .sc-rbc {
        width: 30%;
        margin-right: 5%;
    }

    .sc-rbp {
        width: 30%;
        margin-top: 0;
        margin-right: 5%;
        margin-left: 0;
    }

    .sc-sba {
        width: 30%;
        margin-top: 0;
        margin-right: 0;
    }

    .sbp-override {
        margin-left: 0%;
        margin-right: 0%;
        width: 47.5%;
    }

    .sba-override {
        margin-top: 0;
        margin-left: 5%;
        width: 47.5%;
    }

    .sch-tit {
        font-size: 14px;
    }

        .sch-tit a {
            font-size: 14px;
        }

    .sch-tit-2 {
        font-size: 14px;
    }

    .sch-prc {
        font-size: 14px;
    }

    .sch-prc-2 {
        height: 15px;
    }

    #female_toy_wrapper .six_god, #female_toy_wrapper .five_god {
        display: none;
    }

    #male_toy_wrapper .six_god, #male_toy_wrapper .five_god {
        display: none;
    }

    #couple_toy_wrapper .six_god, #couple_toy_wrapper .five_god {
        display: none;
    }

    #lingerie_wrapper .six_god, #lingerie_wrapper .five_god {
        display: none;
    }

    #pp-customer-like .six_god, #pp-customer-like .five_god {
        display: none;
    }

    .pp-review-main-wrapper {
        width: 100%;
        border-bottom: 1px solid #BBB;
        margin-bottom: 20px;
    }

    .pp-review-main-text {
        width: 70%;
        float: left;
    }

    .pp-review-main-ratings {
        width: 30%;
        float: right;
    }

    .pp-absolute-bottom-left {
        width: 50%;
    }

    .pp-r-text {
        margin-bottom: 40px;
    }

    .pp-absolute-bottom-right {
        width: 50%;
        text-align: right;
        margin-top: 0;
    }

    .pp-text-right {
        text-align: right;
    }

    .pp-r-overall {
        margin-top: 0px;
        margin-bottom: 20px;
        display: inline-block;
        float: right;
        text-align: right;
    }

    #price_resp {
        width: 50%;
    }

    #buy_resp {
        width: 50%;
    }

    #name-review {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 400;
        padding: 8px 12px;
        width: 20%;
        border: 1px solid #AAA;
    }

    #email-review {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 400;
        padding: 8px 12px;
        width: 40%;
        border: 1px solid #AAA;
    }

    #product-shipping {
        width: 47.5%;
        margin-right: 5%;
    }

    #product-returns {
        width: 47.5%;
    }

    #checkout-wrapper {
        text-align: center;
        width: 100%;
    }

    .size-chart {
        display: none;
    }

    .size-chart-long {
        display: block;
    }

        .size-chart-long td {
            font-size: 12px;
            padding: 4px 10px;
        }

    /* HEADER */
    #subheader {
        margin-top: 0;
    }

    .blk-text {
        display: none;
        width: 34%;
    }

    .step-two-left {
        width: 45%;
    }

    .step-two-right {
        width: 54%;
        margin-top: 0px;
    }

    #search_box {
        width: 80%;
    }

    .nav-button {
        width: 34px;
        height: 32px;
        background: url(../img/nav.png);
        display: block;
    }

        .nav-button:hover {
            cursor: pointer;
            background-position: 0 -32px;
        }

    #fixed-box, .ql-wrap {
        padding: 0 3%;
        padding-top: 15px;
        width: 94%;
    }

    .fixed-box-cl {
        padding: 0 3%;
        width: 94%;
    }

    .abs-top {
        margin-right: 0;
    }

    #hmessaging {
        position: absolute;
        top: -6px;
        right: 0px;
        text-align: right;
        font-family: Roboto, sans-serif;
        font-size: 13px;
        width: 320px;
        margin-bottom: 0;
    }

    #header-phone {
        position: absolute;
        left: 350px;
        top: 65px;
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-weight: 300;
    }

    #subheader {
        font-family: Roboto, sans-serif;
        font-size: 16px;
        color: #444;
        top: 65px;
        right: 0px;
        position: absolute;
    }

        #subheader .sbhlink {
            color: #444;
            padding-left: 12px;
            float: left;
        }

            #subheader .sbhlink > span {
                background-position: 0 -16px;
            }

            #subheader .sbhlink:hover {
                color: #ff470f;
                cursor: pointer;
            }

        #subheader .sbhclink {
            color: #ff470f;
            padding-left: 12px;
            float: right;
        }

            #subheader .sbhclink:hover {
                color: #444;
                cursor: pointer;
            }

                #subheader .sbhclink:hover > span {
                    background-position: 0 0;
                    color: #444;
                    cursor: pointer;
                }

    s #sbhcart {
        height: 16px;
        width: 16px;
        margin-top: 9px;
        margin-right: 7px;
        float: left;
    }

    #phone-icon {
        padding-top: 1px;
        padding-right: 8px;
    }

    .noci-class {
        font-size: 16px;
    }

    #old-nav-buffer {
        height: 10px;
    }

    /* SUB FOOTER */
    #csr-services-alt {
        display: none;
    }

    #csr-services {
        display: block;
        width: 655px;
        margin: 0 auto;
        float: none;
    }

    .csr-contacts-a {
        width: 36%;
        display: inline-block;
    }

    .csr-contacts-b {
        width: 64%;
        display: inline-block;
    }

    .csr-contact-wrapper {
        width: 70%;
    }

    /* CART PAGE */
    .selection-wrapper-button {
        margin-top: 20px;
    }

    .nz-post-button {
        width: 7%;
    }

    .nz-post-button-blurb {
        width: 93%;
    }

    .resp-textbox {
        width: 86%;
    }

    .resp-button {
        width: 14%;
    }

    #atc_button {
        padding: 12px 18px !important;
    }

    #checkout-wrapper {
        width: 160px;
    }

    /* FOOTER */

    .site-country {
        width: 50%;
        margin-top: 0;
    }

    .soc-med a img {
        float: right;
    }

    .pcon-zero {
        margin-bottom: 30px;
    }

    .nf-section {
        font-size: 14px;
        width: 33%;
        margin-bottom: 20px;
    }

        .nf-section div:first-child {
            font-size: 14px;
        }

    .flexor-dm {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .flexor-dm-ns {
        display: flex;
        flex-direction: row;
    }

    #mid-image-mobile {
        display: none;
    }

    #mid-image-desktop {
        display: block;
    }

    #mcp_mob_hw {
        display: none;
    }

    #mcp_desk_hw {
        display: block;
    }

    #h-search-o {
        font-size: 18px;
    }

    #h-cart-icon {
        font-size: 18px;
        margin-left: 0;
    }

    #h-wishlist-icon {
        font-size: 18px;
        padding: 0;
    }

    .column-row-768 {
        flex-direction: row;
    }

    .hide-768 {
        display: none;
    }

    .show-768 {
        display: block;
    }

    .review-power {
        text-align: right;
    }

    .aff-b-max {
        font-size: 18px;
    }

    .aff-b-max-x {
        width: 120px;
    }

    .mcpx-w a {
        width: calc(25% - 10px) !important;
    }

    #fpad {
        background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 25%,rgba(0,0,0,0.85) 75%,rgba(0,0,0,0) 100%);
        padding: 1.5% 1.5% 1.7% 1.5%;
    }

    .fpad-600 {
        display: flex;
        width: 120px;
        justify-content: center;
    }

        .fpad-600 img {
            width: 80px;
            height: 66px;
            margin-top: 3px;
            flex-grow: 0;
        }

    #fpad-mid {
        width: 80%;
    }

    #fpad-title {
        font-size: 30px;
    }

    #fpad-ptext {
        font-size: 18px;
    }

    .fpad-btn {
        width: 180px;
    }
}

@media all and (min-width:800px) {

    #xmas-icept-i {
        font-size: 21px;
    }

    .hide-800 {
        display: none;
    }

    .show-800 {
        display: block;
    }

    .promo-bar-lhs {
        width: 28%;
    }

    .promo-bar-rhs-text {
        display: none;
    }

        .promo-bar-rhs-text ~ .extra {
            display: flex;
        }

    .promo-bar-rhs {
        width: 72%;
    }

    /* SLIDER */
    .hp-sl-btn {
        width: 150px;
        font-size: 14px;
        text-align: center;
    }

    .hp-sl-btn-sm {
        width: 110px;
        font-size: 14px;
        text-align: center;
    }

    /* CART PAGE */
    .selection-choice {
        width: 24%;
    }

    .selection-blurb {
        width: 68%;
    }

    #checkout-wrapper {
        width: 160px;
    }

    /* PRODUCT PAGE */
    .size-chart-long td {
        padding: 4px 11px;
    }
}

@media all and (min-width:840px) {

    .hide-840-922 {
        display: none;
    }

    .hide-840-9999 {
        display: none;
    }

    .indy_cell_5 {
        width: calc(24.99% - 10px);
    }

    /* PRODUCT PAGE */
    .pp-star-block {
        width: 23%;
        display: inline-block;
    }

    .pp-star-block-right {
        width: 23%;
        display: inline-block;
        float: right;
        text-align: right;
    }

    .pp-star-block-right-inner {
        display: inline-block;
    }

    .pp-star-first {
        margin-top: 0;
    }

    .pp-rating-boxes {
        width: 25%;
        float: left;
    }

    .pprb {
        margin-bottom: 0px;
    }

    .size-chart-long td {
        padding: 4px 13px;
    }
}

@media all and (min-width:880px) {

    /* PRODUCT PAGE */
    #checkout-wrapper {
        text-align: center;
        width: 188px;
    }

    #atc_button {
        padding: 12px 32px !important;
    }

    .size-chart-long td {
        font-size: 13px;
        padding: 4px 13px;
    }
}

@media all and (min-width:960px) {
    /* PRODUCT PAGE */
    .size-chart-long td {
        padding: 4px 14px;
    }
}

@media all and (min-width:980px) {

    #g-i-banner-i {
        width: 980px;
        padding: 0;
    }

    #xmas-icept-i {
        width: 980px;
        padding: 0;
    }

    .product-inner-o .hide-six:nth-child(6) {
        display: none;
    }

    #nzp_wwrapper > div {
        width: calc(50% - 20px);
    }

    #uc_hheader {
        margin-bottom: 4px;
    }

    .hide-980-flex {
        display: none;
    }

    .su-wrapper, .su-wrapper-dis, .su-wrapper-tx, .sv-wrapper, .py-wrapper {
        width: calc(33.33% - 20px);
    }

    .diss {
        width: 100%;
        
        font-size: 18px;
        font-weight: 400;
        display: flex;
        flex-wrap: wrap;
        padding: 5px 0;
        box-sizing: border-box;
        justify-content: space-between;
    }

        .diss > div {
            display: flex;
            align-items: center;
            margin: 5px 8px;
        }

            .diss > div i {
                margin-right: 8px;
                font-size: 16px;
            }

            .diss > div:first-child {
                margin-left: 0;
            }

            .diss > div:last-child {
                margin-right: 0;
            }

    .sex-toy-banner-text {
        align-items: center;
        margin-left: 0;
        width: 100%;
    }

    .static-cheeve {
        width: calc(19.99% - 10px);
    }

    .hide-840-922 {
        display: block;
    }

    .hide-768-922 {
        display: block;
    }

    #au-survey-hp-long {
        display: block;
    }

    #au-survey-hp-short {
        display: none;
    }

    .announce-menu-elipsis-v {
        display: none;
    }

    .promo-bar-wrapper {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

    .promo-bar-lhs {
        background-color: #f70058;
        height: 72px;
        width: 23%;
        position: relative;
        float: left;
    }

    .promo-bar-lhs-text {
        font-size: 32px;
    }

    .promo-bar-rhs-text.extra {
        padding: 0 40px 0 30px;
        position: absolute;
        font-size: 19px;
        color: #FFF;
        text-transform: uppercase;
        
        letter-spacing: 1.5px;
        line-height: 23px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .promo-bar-lhs:before, .promo-bar-lhs:after, .promo-bar-rhs:before, .promo-bar-rhs:after {
        content: '';
        position: absolute;
        height: 0;
        width: 0;
        border-style: solid;
    }

    .promo-bar-lhs::before {
        border-width: 36px 0 36px 12px;
        border-color: #f70058 #FFF;
        left: 0;
    }

    .promo-bar-lhs::after {
        border-width: 36px 10px 0 0;
        border-color: #f70058 #444;
        right: 0;
        top: 50%;
    }

    .promo-bar-rhs {
        background-color: #444;
        height: 72px;
        width: 77%;
        position: relative;
        float: left;
    }

        .promo-bar-rhs::before {
            border-width: 0 0 36px 10px;
            border-color: #444 #f70058;
            left: 0;
        }

        .promo-bar-rhs::after {
            border-width: 36px 12px 36px 0;
            border-color: #444 #FFF;
            right: 0;
        }


    .f14f15 {
        font-size: 15px;
    }

    .f13f15 {
        font-size: 15px;
    }

    .review-points-cell {
        width: 320px;
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    /* ANNOUNCEMENT HEADER START */

    .a-split-menu {
        display: block;
    }

    .announce-menu-heading, .announce-menu-chevron {
        display: block !important;
    }

    .announce-menu-ellipsis {
        display: none !important;
    }

    #a-wrapper {
        width: 980px;
        padding: 0;
        margin: 0 auto;
    }

    /* ANNOUNCEMENT HEADER END */

    /* HOMEPAGE */

    #female_toy_wrapper .five_god, #female_toy_wrapper .six_god {
        display: block;
    }

    #male_toy_wrapper .five_god, #male_toy_wrapper .six_god {
        display: block;
    }

    #couple_toy_wrapper .five_god, #couple_toy_wrapper .six_god {
        display: block;
    }

    #lingerie_wrapper .five_god, #lingerie_wrapper .six_god {
        display: block;
    }

    #pp-customer-like .five_god, #like .six_god {
        display: block;
    }

    /* VISUAL CATS */
    #visual-cats .cols3 .head {
        font-size: 22px;
    }

    .visual-cat-text-lower {
        font-size: 14px;
        display: block;
    }

    .hp-sl-btn {
        width: 180px;
        font-size: 20px;
        text-align: center;
    }

    .hp-sl-btn-sm {
        width: 140px;
        font-size: 20px;
        text-align: center;
    }

    /* ARTICLES */
    #articles .cols3 {
        width: 29.33%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }

    /* VIDEOS */
    #videos .cols-l .head {
        font-size: 38px;
        line-height: 44px;
    }

    /* GLOSSARY AND POLL */
    #glossary-poll .glossary .head {
        font-size: 38px;
        line-height: 44px;
    }

    #glossary-poll .poll .head {
        font-size: 38px;
        line-height: 44px;
    }

    /* CATEGORY PAGE */
    #categories {
        margin-left: -1%;
        width: 102%;
    }

    .category_item {
        width: 14.66%;
        min-height: 230px;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 10px;
    }

    /* PRODUCT PAGE */
    #add-lube {
        margin-top: 0;
        margin-left: 10%;
    }

    .upsell-ul {
        width: 80%;
        float: left;
    }

    .size-chart-long td {
        padding: 4px 19px;
    }

    /* NAVIGATION */
    #old-nav-buffer {
        margin-top: 0;
        height: 30px;
    }

    /* CART PAGE */
    .cart-subtotal {
        border-top: 0;
    }

    .cart-row {
        display: block;
    }

    .cart-resp-details {
        display: none;
    }

    .em-text {
        width: 30%;
    }

    .em-box {
        width: 48%;
        margin-top: 17px;
    }

    .em-button {
        width: 18%;
        margin-top: 17px;
    }

    .nz-post-button {
        width: 5%;
    }

    .nz-post-button-blurb {
        width: 95%;
    }

    .resp-textbox {
        width: 88%;
    }

    .resp-button {
        width: 12%;
    }

    /* HEADER */
    .noci-class {
        font-size: 16px;
    }

    #search_box {
        width: 80%;
    }

    .snp {
        width: 980px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }

    #fixed-box, .ql-wrap {
        padding: 0;
        padding-top: 15px;
        width: 980px;
        margin: 0 auto;
    }

    .fixed-box-cl {
        padding: 0;
        width: 980px;
        margin: 0 auto;
    }

    .desktop-search-wrapper {
        position: absolute;
        right: 0px;
        display: block;
    }

    .desktop-search {
        padding: 8px 10px 7px !important;
        font-family: Roboto, sans-serif;
        font-size: 14px !important;
        display: block;
        float: left;
        border: 1px solid #BBB !important;
    }

    .desktop-search-button {
        margin-left: 15px;
        float: right;
        height: 36px;
        width: 36px;
        background: #FF470F;
        color: #FFF;
        text-align: center;
    }

        .desktop-search-button:hover {
            background: #444;
            color: #FFF;
            cursor: pointer;
        }

    #hmessaging {
        position: absolute;
        top: 41px;
        left: 260px;
        text-align: left;
        font-family: Roboto, sans-serif;
        font-size: 13px;
        width: 320px;
        margin-bottom: 0;
    }

    #header-phone {
        position: absolute;
        left: 260px;
        top: -9px;
        font-family: Roboto, sans-serif;
        font-size: 22px;
        font-weight: 300;
        width: auto;
        width: initial;
    }

    #subheader {
        height: 33px;
        font-family: Roboto, sans-serif;
        font-size: 16px;
        color: #444;
        top: 51px;
        right: 0px;
        position: absolute;
        width: auto;
        width: initial;
    }

        #subheader .sbhlink {
            color: #444;
            padding-left: 12px;
            line-height: 33px;
            float: left;
        }

            #subheader .sbhlink > span {
                background-position: 0 -16px;
            }

            #subheader .sbhlink:hover {
                color: #ff470f;
                cursor: pointer;
            }

        #subheader .sbhclink {
            color: #ff470f;
            padding-left: 12px;
            line-height: 33px;
            float: right;
        }

            #subheader .sbhclink:hover {
                color: #444;
                cursor: pointer;
            }

                #subheader .sbhclink:hover > span {
                    background-position: 0 0;
                    color: #444;
                    cursor: pointer;
                }

    #sbhcart {
        height: 16px;
        width: 16px;
        margin-top: 9px;
        margin-right: 7px;
        float: left;
    }

    #phone-icon {
        padding-top: 1px;
        padding-right: 8px;
    }

    /* SUB FOOTER */
    #csr-wrapper {
        height: 530px;
        width: 980px;
        margin-bottom: 30px;
    }

    #csr-sophie {
        float: left;
        width: 320px;
        height: 530px;
        background-color: #f4f4f4;
        margin-bottom: 0px;
    }

    #csr-service-wrapper {
        width: 660px;
        float: left;
        display: block;
        background-color: #FFF;
    }

    #csr-services {
        float: left;
        width: 655px;
        height: 530px;
        margin-right: 5px;
        background-color: #f4f4f4;
        position: relative;
        display: block;
    }

    #csr-services-alt {
        display: none;
    }

    #csr-information {
        width: 980px;
    }

    #csr-sophie {
        display: inline-block;
    }

    #csr-sophie-alt {
        display: none;
    }

    /* FOOTER */
    #footer-purple {
        width: 100%;
        color: #FFF;
    }

        #footer-purple .purple-shell {
            width: 980px;
            margin: 0 auto;
            padding: 0;
            padding-top: 20px;
        }

        #footer-purple .btn {
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 300;
            background-color: #ff470f;
            padding: 8px 26px;
            color: #FFF;
            display: inline-block;
            transition: all 0.3s linear;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
        }

            #footer-purple .btn:hover {
                background-color: #FFF;
                color: #ff470f;
                cursor: pointer;
            }

        #footer-purple .btn-disabled {
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 300;
            background-color: #CCC;
            padding: 8px 26px;
            color: #666;
            display: inline-block;
            transition: all 0.5s linear;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
        }

        #footer-purple h2 {
            font-family: Roboto, sans-serif;
            font-size: 30px;
            font-weight: 300;
        }

        #footer-purple .line {
            height: 1px;
            width: 100%;
            background-color: #5c3f73;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        #footer-purple p {
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 300;
        }

        #footer-purple .cols3 {
            height: 500px;
            width: 310px;
            float: left;
        }

        #footer-purple .single {
            margin-bottom: 18px;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 300;
            background-color: #9b7cb3;
            border: 0;
            padding: 10px 15px;
            color: #FFF;
            height: 44px;
            width: 309px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        #footer-purple .top {
            margin-top: 15px;
        }

        #footer-purple .double {
            margin-bottom: 18px;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 300;
            background-color: #9b7cb3;
            border: 0;
            padding: 10px 15px;
            color: #FFF;
            height: 240px;
            width: 309px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        #footer-purple .cols-div {
            height: 500px;
            width: 25px;
            float: left;
            display: block;
        }

    #soc-med-bar {
        width: 980px;
        margin: 0 auto;
        display: table;
        padding: 0;
    }

    /* POLL ANSWER OVERRIDE */
    .poll .qanswer {
        width: 78%;
        font-size: 16px;
        line-height: 40px;
    }

    .hp-btn-resp {
        font-size: 14px;
        padding: 8px 24px;
    }

    /* SUB CAT */

    .hide992 {
        display: block;
    }

    .hide992i {
        display: inline-block;
    }

    .show992 {
        display: none;
    }

    .show-980 {
        display: block;
    }

    .show-980-flex {
        display: flex;
    }

    .nf-section {
        width: initial;
        margin-right: 150px;
    }

        .nf-section:last-child {
            margin-right: 0;
        }

    .flexor-dm-ns-980 {
        display: flex;
        flex-direction: row;
    }

    .new-testimonial-wrapper {
        width: 24%;
    }

    .aff-b-max-w {
        padding: 0;
    }

    .ishell {
        width: 980px;
        padding: 0;
    }

    .off-b-max {
        flex-direction: row;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .center-left {
        text-align: left;
    }

    .margin-0-t-20 {
        margin-top: 20px !important;
    }

    .margin-0-r-20 {
        margin-right: 20px !important;
    }

    .margin-0-b-20 {
        margin-bottom: 20px !important;
    }

    .margin-0-l-20 {
        margin-left: 20px !important;
    }

    .margin-20-t-0 {
        margin-top: 0 !important;
    }

    .margin-20-r-0 {
        margin-right: 0 !important;
    }

    .margin-20-b-0 {
        margin-bottom: 0 !important;
    }

    .margin-20-l-0 {
        margin-left: 0 !important;
    }

    .mcpx-w a {
        width: calc(20% - 10px) !important;
    }
}

@media all and (min-width:1182px) {

    .indy_cell_5, .pe-exp {
        width: calc(16.66% - 10px);
    }

    .product-rc {
        width: calc(25% - 20px);
    }

    #g-i-banner-i {
        width: 1182px;
    }

    #xmas-icept-i {
        width: 1182px;
        
        font-weight: 500;
        font-size: 24px;
    }

    #announce-menu-wrapper {
        display: block;
    }

    .hide-1182 {
        display: none;
    }

    .show-640-1182 {
        display: none;
    }

    .sex-toy-banner-wrapper {
        display: block;
    }

    .hide-768-1194 {
        display: block;
    }

    .su-wrapper-third-max {
        width: calc(33.33% - 20px);
    }

    .su-wrapper-half-max {
        width: calc(50% - 20px);
    }

    #category_seo_vtwo {
        width: 96%;
        padding: 20px 2%;
        border: 1px solid #BCE8F1;
        background-color: #D9EDF7;
        display: inline-block;
        color: #3A87AD;
    }

    .promo-bar-rhs-text.extra {
        font-size: 20px;
    }

    .pm-wrapper {
        width: 45%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .pm-wrapper-solo {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .review-points-cell {
        width: 320px;
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .rvp-item {
        width: 6%;
    }

    .show-1182 {
        display: block;
    }

    /* ANNOUNCEMENT HEADER START */
    #a-wrapper {
        width: 1182px;
        padding: 0;
        margin: 0 auto;
    }

    #a-delivery {
        display: block;
    }

    #a-delivery-m {
        display: none;
    }

    #a-phone-icon {
        display: block;
    }

    #a-phone {
        display: block;
    }

        #a-phone:hover {
            display: block;
        }

    /* ANNOUNCEMENT HEADER END */

    /* HOMEPAGE */

    #female_toy_wrapper .five_god, #female_toy_wrapper .six_god {
        display: block;
    }

    #male_toy_wrapper .five_god, #male_toy_wrapper .six_god {
        display: block;
    }

    #couple_toy_wrapper .five_god, #couple_toy_wrapper .six_god {
        display: block;
    }

    #lingerie_wrapper .five_god, #lingerie_wrapper .six_god {
        display: block;
    }

    #pp-customer-like .five_god, #pp-customer-like .six_god {
        display: block;
    }

    /* VISUAL CATS */
    #visual-cats .cols3 .head {
        font-size: 22px;
    }

    .visual-cat-text-lower {
        font-size: 14px;
        display: block;
    }

    .hp-sl-btn {
        width: 180px;
        font-size: 20px;
        text-align: center;
    }

    .hp-sl-btn-sm {
        width: 140px;
        font-size: 20px;
        text-align: center;
    }

    /* ARTICLES */
    #articles .cols3 {
        width: 29.33%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }

    /* VIDEOS */
    #videos .cols-l .head {
        font-size: 38px;
        line-height: 44px;
    }

    /* GLOSSARY AND POLL */
    #glossary-poll .glossary .head {
        font-size: 38px;
        line-height: 44px;
        font-weight: 300;
    }

    #glossary-poll .poll .head {
        font-size: 38px;
        line-height: 44px;
        font-weight: 300;
    }

    /* CATEGORY PAGE */
    #categories {
        margin-left: -1%;
        width: 102%;
    }

    .category_item {
        width: 10.5%;
        min-height: 230px;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 10px;
    }

    /* PRODUCT PAGE */
    #add-lube {
        margin-top: 0;
        margin-left: 10%;
    }

    .upsell-ul {
        width: 80%;
        float: left;
    }

    .size-chart-long td {
        padding: 4px 19px;
    }

    /* NAVIGATION */
    #uc_desktop_nav {
        width: 1182px;
    }

    #old-nav-buffer {
        margin-top: 0;
        height: 30px;
    }

    /* CART PAGE */
    .cart-image, .cart-description, .cart-options, .cart-pricing {
        height: 130px !important;
    }

    .cart-pricing {
        width: 20.502% !important;
    }

    .cart-subtotal {
        border-top: 0;
    }

    .cart-row {
        display: block;
        min-height: 130px !important;
    }

    .cart-resp-details {
        display: none;
    }

    .em-text {
        width: 30%;
    }

    .em-box {
        width: 48%;
        margin-top: 17px;
    }

    .em-button {
        width: 18%;
        margin-top: 17px;
    }

    .nz-post-button {
        width: 5%;
    }

    .nz-post-button-blurb {
        width: 95%;
    }

    .resp-textbox {
        width: 88%;
    }

    .resp-button {
        width: 12%;
    }

    /* HEADER */
    .noci-class {
        font-size: 16px;
    }

    #uc_desktop_nav {
        display: block;
    }

    #search_box {
        width: 80%;
    }

    .nav-button {
        width: 34px;
        height: 32px;
        background: url(../img/nav.png);
        display: none;
    }

        .nav-button:hover {
            cursor: pointer;
            background-position: 0 -32px;
        }

    .snp {
        width: 1182px;
        margin-left: auto;
        margin-right: auto;
    }

    #fixed-box, .ql-wrap {
        padding: 0;
        padding-top: 15px;
        width: 1182px;
        margin: 0 auto;
    }

    .fixed-box-cl {
        padding: 0;
        width: 1182px;
        margin: 0 auto;
    }

    .desktop-search-wrapper {
        position: absolute;
        right: 0px;
        display: block;
    }

    .desktop-search {
        padding: 8px 10px 7px !important;
        font-family: Roboto, sans-serif;
        font-size: 14px !important;
        display: block;
        float: left;
        border: 1px solid #BBB !important;
    }

    .desktop-search-button {
        margin-left: 15px;
        float: right;
        height: 36px;
        width: 36px;
        background: #FF470F;
        color: #FFF;
        text-align: center;
    }

        .desktop-search-button:hover {
            background: #444;
            color: #FFF;
            cursor: pointer;
        }

    #hmessaging {
        position: absolute;
        top: 41px;
        left: 260px;
        text-align: left;
        font-family: Roboto, sans-serif;
        font-size: 13px;
        width: 320px;
        margin-bottom: 0;
    }

    #header-phone {
        position: absolute;
        left: 260px;
        top: -9px;
        font-family: Roboto, sans-serif;
        font-size: 22px;
        font-weight: 300;
        width: auto;
        width: initial;
    }

    #subheader {
        height: 33px;
        font-family: Roboto, sans-serif;
        font-size: 16px;
        color: #444;
        top: 51px;
        right: 0px;
        position: absolute;
        width: auto;
        width: initial;
    }

        #subheader .sbhlink {
            color: #444;
            padding-left: 12px;
            line-height: 33px;
            float: left;
        }

            #subheader .sbhlink > span {
                background-position: 0 -16px;
            }

            #subheader .sbhlink:hover {
                color: #ff470f;
                cursor: pointer;
            }

        #subheader .sbhclink {
            color: #ff470f;
            padding-left: 12px;
            line-height: 33px;
            float: right;
        }

            #subheader .sbhclink:hover {
                color: #444;
                cursor: pointer;
            }

                #subheader .sbhclink:hover > span {
                    background-position: 0 0;
                    color: #444;
                    cursor: pointer;
                }

    #sbhcart {
        height: 16px;
        width: 16px;
        margin-top: 9px;
        margin-right: 7px;
        float: left;
    }

    #phone-icon {
        padding-top: 1px;
        padding-right: 8px;
    }

    /* SUB FOOTER */
    #csr-wrapper {
        height: 530px;
        width: 1182px;
        margin-bottom: 30px;
    }

    #csr-sophie {
        float: left;
        width: 320px;
        height: 530px;
        background-color: #f4f4f4;
        margin-bottom: 0px;
    }

    #csr-service-wrapper {
        width: 754px;
        float: left;
        display: block;
        background-color: #FFF;
        margin-right: 5px;
        background-color: #f4f4f4;
    }

    #csr-services {
        float: left;
        width: 655px;
        height: 530px;
        margin-right: 0;
        background-color: #f4f4f4;
        position: relative;
        display: block;
    }

    #csr-services-alt {
        display: none;
    }

    #csr-information {
        width: 1182px;
    }

    #csr-sophie {
        display: inline-block;
        width: 423px;
    }

    #csr-sophie-alt {
        display: none;
    }

    /* FOOTER */
    #footer-purple {
        width: 100%;
        color: #FFF;
    }

        #footer-purple .purple-shell {
            width: 1182px;
            margin: 0 auto;
            padding: 0;
            padding-top: 20px;
        }

        #footer-purple .btn {
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 300;
            background-color: #ff470f;
            padding: 8px 26px;
            color: #FFF;
            display: inline-block;
            transition: all 0.3s linear;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
        }

            #footer-purple .btn:hover {
                background-color: #FFF;
                color: #ff470f;
                cursor: pointer;
            }

        #footer-purple .btn-disabled {
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 300;
            background-color: #CCC;
            padding: 8px 26px;
            color: #666;
            display: inline-block;
            transition: all 0.5s linear;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
        }

        #footer-purple h2 {
            font-family: Roboto, sans-serif;
            font-size: 30px;
            font-weight: 300;
        }

        #footer-purple .line {
            height: 1px;
            width: 100%;
            background-color: #5c3f73;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        #footer-purple p {
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 300;
        }

        #footer-purple .cols3 {
            height: 500px;
            width: 31.3%;
            float: left;
        }

        #footer-purple .single {
            margin-bottom: 18px;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 300;
            background-color: #9b7cb3;
            border: 0;
            padding: 10px 15px;
            color: #FFF;
            height: 44px;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        #footer-purple .top {
            margin-top: 15px;
        }

        #footer-purple .double {
            margin-bottom: 18px;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 300;
            background-color: #9b7cb3;
            border: 0;
            padding: 10px 15px;
            color: #FFF;
            height: 240px;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        #footer-purple .cols-div {
            height: 500px;
            width: 3%;
            float: left;
            display: block;
        }

    #soc-med-bar {
        width: 1182px;
        margin: 0 auto;
        display: table;
        padding: 0;
    }

    /* POLL ANSWER OVERRIDE */
    .poll .qanswer {
        width: 78%;
        font-size: 16px;
        line-height: 40px;
    }

    .hp-btn-resp {
        font-size: 14px;
        padding: 8px 24px;
    }

    /* SUB CAT */

    .hide992 {
        display: block;
    }

    .hide992i {
        display: inline-block;
    }

    .show992 {
        display: none;
    }

    .vegeburger {
        display: none;
    }

    .indy_cell_5 {
        width: calc(16.65% - 10px);
    }

    .mc-qa-major {
        width: 22%;
        margin-bottom: 20px;
    }

    #mid-image-desktop {
        width: 1182px;
        margin: 0 auto;
    }

    .side-image {
        display: block;
    }

    .column-row-1182 {
        flex-direction: row;
    }

    #mcp_dd_wp {
        display: flex;
    }

    .ishell {
        width: 1182px;
    }
}
/* MAILING LIST PROMOTION */
.mlp-text-wrapper {
    width: 100%;
    padding-right: 20px;
    float: left;
}

.mlp-text-win {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 16px;
    color: #FFF;
    
    text-align: center;
    font-weight: 100;
}

.mlp-text-sub, .mlp-text-sub-alt {
    width: 100%;
    color: #FFF;
    
    font-size: 14px;
    line-height: 18px;
    float: left;
    text-align: center;
}

.mlp-text-sub-alt {
    display: none;
}

#mailprom {
    width: 100%;
    color: #FFF;
    
    font-size: 14px;
    line-height: 18px;
    float: left;
}

#mailprombtn {
    width: 50%;
    color: #FFF;
    
    font-size: 14px;
    line-height: 18px;
    float: left;
    margin-top: 21px;
}

#mailprom .single {
    
    font-size: 14px;
    font-weight: 300;
    background-color: #9b7cb3;
    border: 0;
    padding: 0px 15px;
    color: #FFF;
    height: 36px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mailprom .top {
    margin-top: 21px;
}

#mailprombtn .btn {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
    background-color: #ff470f;
    padding: 8px 0;
    color: #FFF;
    display: inline-block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    width: 100%;
    text-align: center;
}

    #mailprombtn .btn:hover {
        background-color: #FFF;
        color: #ff470f;
        cursor: pointer;
    }

#mailprombtn .btn-disabled {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
    background-color: #CCC;
    padding: 8px 26px;
    color: #666;
    display: inline-block;
    transition: all 0.5s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

#mlp-wrapper {
    width: 100%;
    background-color: #6a2c99;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.mlp-no-thanks {
    width: 50%;
    color: #FFF;
    
    font-size: 14px;
    float: left;
    margin-top: 21px;
    text-align: center;
    padding: 8px 0;
    font-weight: 300;
}

#no-mlp {
    width: 85px;
    height: 20px;
    line-height: 20px;
    color: #FFF;
}

.mlp-pad {
    padding: 15px;
}



@media all and (min-width:630px) {
    .mlp-text-wrapper {
        width: 28%;
        border-right: solid 1px #FFF;
    }

    .mlp-text-win {
        text-align: right;
        padding-bottom: 4px;
        line-height: 37px;
    }

    .mlp-text-sub, .mlp-text-sub-alt {
        width: 24%;
        text-align: left;
        line-height: 25px;
        padding: 0 20px;
        padding-top: 2px;
    }

    #mailprom {
        width: 36%;
    }

        #mailprom .top {
            margin-top: 0;
        }

    #mailprombtn {
        width: 18%;
        margin-top: 8px;
    }

    .mlp-no-thanks {
        width: 18%;
        margin-top: 8px;
    }
}

@media all and (min-width:830px) {
    .mlp-text-wrapper {
        width: 20%;
    }

    .mlp-text-sub {
        display: none;
    }

    .mlp-text-sub-alt {
        width: 34%;
        display: inline-block;
        line-height: 24px;
        padding-top: 4px;
    }
}

@media all and (min-width:1022px) {
    .mlp-text-wrapper {
        width: 15%;
    }

    .mlp-text-sub-alt {
        width: 23%;
        line-height: 23px;
    }

    #mailprom {
        width: 32%;
        padding-right: 26px;
        margin-top: 21px;
    }

    #mailprombtn {
        width: 10%;
        margin-top: 21px;
    }

    .mlp-no-thanks {
        width: 10%;
        text-align: right;
        margin-top: 21px;
    }
}

.cache-buister {
}

/* HB PRE --------------------------------------------------------------------------------- */
#bw {
    height: 100%;
    width: 100%;
    background: #FFF;
}

.nv {
    position: relative;
    top: 0;
    list-style: none;
    background-color: #EEE;
    width: 100%;
    z-index: 10;
    transition: right 0.2s;
    overflow: hidden;
    right: -100%;
    height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

    .nv:before, .nv:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

.nv-footer {
    list-style: none;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    padding-bottom: 100px;
    background-color: #6A2C99;
}

.nt0 {
    right: 0;
    height: auto;
}

.ni-first {
    padding-top: 20px;
    position: relative;
}

.nil {
    padding-bottom: 40px;
}

.nip {
    background: #6A2C99;
}

.nipf {
    padding-top: 30px;
}

.nif {
    padding-top: 30px;
    padding-bottom: 30px;
}

.ni label, .ni a, .ni span.fl {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    color: #444;
    display: block;
    font-size: 13px;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ni span.fl {
    color: #FFF;
}

.ni label:hover, .ni a:hover {
    color: #FF470F;
    cursor: pointer;
}

.hnavc:hover {
    color: #FF470F;
    cursor: pointer;
}

.pl, .fl {
    color: #FFF !important;
    border-bottom: 1px solid #9b7cb3 !important;
}

.fl {
    border-bottom: 0 !important;
    text-align: center;
}

#fixed-box, .ql-wrap {
    background-color: white;
}

.fixed-box-cl {
    min-height: 100%;
    position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
    z-index: 1;
}

#nav-menu {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.hide-chk {
    display: none;
}

.ncb {
    font-size: 24px !important;
    line-height: 20px !important;
    float: left;
    padding-right: 15px;
    margin-top: -1px;
}

.ncf {
    font-size: 24px !important;
    line-height: 20px !important;
    float: right;
}

.hnavc {
    position: absolute;
    top: 30px;
    right: 10px;
    padding-left: 20px;
    line-height: 20px;
}

.far:before {
    content: "\f105";
}

.fal:before {
    content: "\f104";
}

.hnavc {
    font-size: 22px !important;
}

.hn-hone {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px !important;
}

/* HB-NAV --------------------------------------------------------------------------- */
#nav-pmcid-1:checked ~ #pmc-nav-1 {
    right: 0;
    height: auto;
}

#nav-pmcid-2:checked ~ #pmc-nav-2 {
    right: 0;
    height: auto;
}

#nav-pmcid-8:checked ~ #pmc-nav-8 {
    right: 0;
    height: auto;
}

#nav-pmcid-10:checked ~ #pmc-nav-10 {
    right: 0;
    height: auto;
}

#nav-pmcid-11:checked ~ #pmc-nav-11 {
    right: 0;
    height: auto;
}

#nav-pmcid-12:checked ~ #pmc-nav-12 {
    right: 0;
    height: auto;
}

#nav-pmcid-13:checked ~ #pmc-nav-13 {
    right: 0;
    height: auto;
}

#nav-pmcid-14:checked ~ #pmc-nav-14 {
    right: 0;
    height: auto;
}

#nav-pmcid-15:checked ~ #pmc-nav-15 {
    right: 0;
    height: auto;
}

#nav-pmcid-16:checked ~ #pmc-nav-16 {
    right: 0;
    height: auto;
}

#nav-pmcid-6:checked ~ #pmc-nav-6 {
    right: 0;
    height: auto;
}

#nav-pmcid-9:checked ~ #pmc-nav-9 {
    right: 0;
    height: auto;
}

#nav-pmcid-5:checked ~ #pmc-nav-5 {
    right: 0;
    height: auto;
}

#nav-pmcid-7:checked ~ #pmc-nav-7 {
    right: 0;
    height: auto;
}

#nav-pmcid-4:checked ~ #pmc-nav-4 {
    right: 0;
    height: auto;
}

#nav-pmcid-3:checked ~ #pmc-nav-3 {
    right: 0;
    height: auto;
}

.ct2:checked ~ .nv {
    right: -100% !important;
    height: 0 !important;
}

#nav-phcid-21:checked ~ #phc-nav-21 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-11:checked ~ #phc-nav-11 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-22:checked ~ #phc-nav-22 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-6:checked ~ #phc-nav-6 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-7:checked ~ #phc-nav-7 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-10:checked ~ #phc-nav-10 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-8:checked ~ #phc-nav-8 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-9:checked ~ #phc-nav-9 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-18:checked ~ #phc-nav-18 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-32:checked ~ #phc-nav-32 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-35:checked ~ #phc-nav-35 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-36:checked ~ #phc-nav-36 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-37:checked ~ #phc-nav-37 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-38:checked ~ #phc-nav-38 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-39:checked ~ #phc-nav-39 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-47:checked ~ #phc-nav-47 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-46:checked ~ #phc-nav-46 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-48:checked ~ #phc-nav-48 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-13:checked ~ #phc-nav-13 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-51:checked ~ #phc-nav-51 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-41:checked ~ #phc-nav-41 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-42:checked ~ #phc-nav-42 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-54:checked ~ #phc-nav-54 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-55:checked ~ #phc-nav-55 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-20:checked ~ #phc-nav-20 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-45:checked ~ #phc-nav-45 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-17:checked ~ #phc-nav-17 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-29:checked ~ #phc-nav-29 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-43:checked ~ #phc-nav-43 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-44:checked ~ #phc-nav-44 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-5:checked ~ #phc-nav-5 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-4:checked ~ #phc-nav-4 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-49:checked ~ #phc-nav-49 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-50:checked ~ #phc-nav-50 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-51:checked ~ #phc-nav-51 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-52:checked ~ #phc-nav-52 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-53:checked ~ #phc-nav-53 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-54:checked ~ #phc-nav-54 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-55:checked ~ #phc-nav-55 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-56:checked ~ #phc-nav-56 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-57:checked ~ #phc-nav-57 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-58:checked ~ #phc-nav-58 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-59:checked ~ #phc-nav-59 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-60:checked ~ #phc-nav-60 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-61:checked ~ #phc-nav-61 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-62:checked ~ #phc-nav-62 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-63:checked ~ #phc-nav-63 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-64:checked ~ #phc-nav-64 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-65:checked ~ #phc-nav-65 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-66:checked ~ #phc-nav-66 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-67:checked ~ #phc-nav-67 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-68:checked ~ #phc-nav-68 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-69:checked ~ #phc-nav-69 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-70:checked ~ #phc-nav-70 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-71:checked ~ #phc-nav-71 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-72:checked ~ #phc-nav-72 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-73:checked ~ #phc-nav-73 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-74:checked ~ #phc-nav-74 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-75:checked ~ #phc-nav-75 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-76:checked ~ #phc-nav-76 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-77:checked ~ #phc-nav-77 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-78:checked ~ #phc-nav-78 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-79:checked ~ #phc-nav-79 {
    right: 0 !important;
    height: auto !important;
}

#nav-phcid-80:checked ~ #phc-nav-80 {
    right: 0 !important;
    height: auto !important;
}

/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
        }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transform: scale(1.3, 1.3);
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

#product_match .pcon {
    flex-direction: row;
    border-bottom: 1px solid #CCC;
}

#product_match .pm-check-ball {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* HEADER-O INSERT */
.grey-free {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 18px;
    color: #444;
    width: 100%;
}

.magenta-free {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 18px;
    color: #ff0056;
    width: 100%;
}

.was-price {
    
    font-size: 14px;
    color: #999;
    margin-left: 5px;
    padding-top: 4px;
}

.now-price {
    
    font-size: 18px;
    color: #ff0056;
}

.low-wrapper {
    border-top: 1px solid #e7e6ed;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 8px 9px;
}

.s-mod-s {
    background: #ff0056;
    color: #FFF;
    
    font-size: 18px;
    font-weight: 400;
    padding: 1px 16px 3px;
    margin-left: 1px;
}

.s-mod-p {
    border: 1px solid #ff0056;
    padding: 1px 12px 0px;
}

.low-title {
    line-height: 1.2;
    
    font-size: 16px;
    color: #444;
}

.low-mid {
    flex-grow: 1;
    margin-top: 30px;
    margin-bottom: 4px;
    
    font-size: 11px;
    color: #888;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.puie-sww {
    display: flex;
    margin: -10px 5px -10px -2px;
}

.puie-sw {
    height: 11px;
    width: 11px;
    border-radius: 50%;
    display: inline-block;
}

.puie-swe {
    padding: 10px 2px;
}

.peui-lb {
    
    font-size: 11px;
    color: #999;
    display: flex;
    align-items: center;
    margin-top: 7px;
}

.low-bot {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    border-top: 1px solid #e7e6ed;
    padding-top: 5px;
}

.sb-uw, .sb-uw-l {
    position: absolute;
    top: 7px;
    left: 7px;
}

    .sb-uw div, .sb-uw-l div {
        background: #6a2c99;
        display: inline-block;
        padding: 1px 10px 3px;
        border-radius: 2px;
        color: #FFF;
        
        font-size: 16px;
        font-weight: 400;
    }

    .sb-uw-l:hover div {
        background: #444;
        cursor: pointer;
    }

.sb-uw-black div {
    background: #000;
}

/* EXPLAINATION TOOLTIPS */
.explain-box {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2000;
    display: none;
    padding: 15px;
    box-sizing: border-box;
}

.explain-c {
    background: #FFF;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .explain-c:hover {
        background: #333;
        cursor: pointer;
    }

    .explain-c i {
        color: #333;
        font-size: 18px;
    }

    .explain-c:hover i {
        color: #FFF;
    }

.explain-h:hover {
    cursor: pointer;
}
/* END EXPLAINATION TOOLTIPS */

.wl-uw {
    position: absolute;
    top: 0;
    right: 0;
}

    .wl-uw a {
        background: rgba(255, 255, 255, 0.7);
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 1px;
        box-sizing: border-box;
    }

.low-s-wrp {
    width: 100%;
    margin-top: 5px;
    display: flex;
}

.tu-w {
    font-size: 11px;
    
    color: #888;
    margin-top: 4px;
    margin-bottom: 7px;
}

.price-bx-w {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.price-box {
    width: 100%;
    display: flex;
}

.heart-init {
    width: 22px;
    height: 22px;
    transform: scale(0.9);
    margin-top: 2px;
    margin-left: 1px;
}

.atc-anim-2 {
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: 7px;
    left: 50%;
    background-color: #44c7dd;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.faccol {
    color: #44c7dd;
    font-size: 13px;
}

.sc-low {
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 50%;
    display: flex;
    padding-top: 3px;
    box-sizing: border-box;
}

.low-int-t {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
}

.low-r-ct {
    font-size: 11px;
    color: #999;
    margin-left: 2px;
    
}

.flg1 {
    flex-grow: 1;
}

.pp-csh {
    padding: 0 10px;
    border-radius: 2px;
    height: 40px;
    width: 180px;
    background-color: #e7e6ed;
    
    font-size: 16px;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
}

.pp-cs {
    padding: 10px;
    box-sizing: border-box;
    background: #e7e6ed;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #444;
    text-transform: capitalize;
    
    font-weight: 400;
}

.pp-css {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 10px;
}

.pp-cs:hover {
    background: #f9f9f9;
}

.pp-csi, .pp-ssi {
    position: absolute;
    width: 100%;
    top: 40px;
    left: 0;
    flex-direction: column;
    display: none;
}

.pp-cs-dd, #pp-ss-dd {
    display: flex;
    flex-direction: column;
}

.pp-csi a:last-child, .pp-ssi a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

@media all and (max-width:480px) {

    .nav-button {
        width: 27px;
        max-width: 27px;
        height: 30px;
        background: none;
        margin-top: 1px;
    }

        .nav-button:before {
            content: '\f0c9';
            font-family: 'FontAwesome';
            font-size: 32px;
            line-height: 24px;
        }

        .nav-button span {
            display: none !important;
        }
}
/* HEADER-O INSERT END */
.pp-tag-cloud-s {
    margin-bottom: 8px;
    
    font-weight: 400;
    font-size: 15px;
    display: inline-block;
    float: left;
    padding: 10px 10px;
    color: #eee;
    border-radius: 3px;
    margin-right: 0;
    flex-grow: 1;
    width: 30%;
    background-color: #666;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}


    .pp-tag-cloud-s:hover {
        background-color: #ccc;
        color: #666 !important;
    }

    .pp-tag-cloud-s:nth-child(odd) {
        margin-right: 5px;
    }

    .pp-tag-cloud-s:nth-child(even) {
        margin-left: 5px;
    }

.search-o-s {
    line-height: 32px;
    border: 1px solid #3d3951 !important;
    color: #444;
    width: 100%;
    border-radius: 1px;
    background-color: #FFF;
    font-size: 16px !important;
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 0.5px;
    box-sizing: border-box;
    padding: 4px 35px 4px 10px !important;
}

/* SWIPER */
.swbg_grad {
    background: rgb(95,25,171);
    background: linear-gradient(-45deg, rgba(95,25,171,1) 0%, rgba(42,188,234,1) 100%);
}

#swhead {
    text-align: center;
    margin-bottom: 20px;
    font-size: 32px;
    
    font-weight: 500;
}

#swblurb {
    width: 100%;
    max-width: 800px;
    text-align: center;
    font-size: 14px;
}

#swswitch {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    justify-content: center;
    align-items: center;
}

#swswitch-w {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    width: 100%;
}

#swem-input {
    border: 1px solid #888;
    padding: 8px 12px;
    
    font-size: 14px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 0;
    width: 90%;
    max-width: 300px;
}

#swem-submit {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 300px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

#swlow {
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
}

@media all and (min-width:769px) {

    #swlow {
        font-size: 14px;
        text-align: center;
        margin-bottom: 10px;
    }

    #swem-input {
        border: 1px solid #888;
        padding: 8px 12px;
        
        font-size: 14px;
        margin-right: 20px;
        box-sizing: border-box;
        border: 0;
        width: 100%;
        max-width: 300px;
        margin-bottom: 0;
    }

    #swem-submit {
        flex-grow: 0;
        flex-shrink: 0;
        width: 140px;
        text-align: center;
    }

    #swswitch {
        display: flex;
        flex-direction: row;
        width: 100%;
        max-width: 600px;
        justify-content: center;
    }

    #swswitch-w {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 30px;
        width: 100%;
    }

    #swhead {
        text-align: center;
        margin-bottom: 20px;
        font-size: 64px;
        
        font-weight: 500;
    }

    #swblurb {
        width: 100%;
        max-width: 800px;
        text-align: center;
        font-size: 18px;
    }
}