html {
    padding-top: 0;
}

body {
    font-family: 'Lato', sans-serif;
   /* font-size: 14px;*/
    color: #666;
    -webkit-font-smoothing: antialiased;
    background: #fff;
}
/*
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #333;
}

h1, .h1 {
    font-size: 30px;
    line-height: 35px;
}

    h1 a, .h1 a {
        font-size: 30px;
    }

        h1 a:hover, .h1 a:hover {
            opacity: 0.6;
            filter: alpha(opacity=60);
        }

h2, .h2 {
    font-size: 26px;
    line-height: 35px;
}

    h2 a, .h2 a {
        font-size: 26px;
    }

        h2 a:hover, .h2 a:hover {
            opacity: 0.6;
            filter: alpha(opacity=60);
        }

h3, .h3 {
    font-size: 22px;
    line-height: 20px;
}

    h3 a, .h3 a {
        font-size: 22px;
    }

        h3 a:hover, .h3 a:hover {
            opacity: 0.6;
            filter: alpha(opacity=60);
        }

h4, .h4 {
    font-size: 18px;
}

    h4 a, .h4 a {
        font-size: 18px;
    }

        h4 a:hover, .h4 a:hover {
            opacity: 0.6;
            filter: alpha(opacity=60);
        }

h5, .h5, h6, .h6 {
    font-size: 14px;
}

    h5 a, .h5 a, h6 a, .h6 a {
        font-size: 14px;
    }

        h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover {
            opacity: 0.6;
            filter: alpha(opacity=60);
        }

a {
    text-decoration: none;
}

p {
    font-size: 14px;
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

input, select, textarea {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}

hr {
    margin-top: 0;
    margin-bottom: 50px;
    border: 0;
    border-bottom: 1px solid #ccc;
}

    hr .thin {
        margin-bottom: 20px;
    }

.cf {
    *zoom: 1;
}

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

    .cf:after {
        clear: both;
    }
*/
.image-preload {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

[data-opens-for] {
    display: none;
}

.padding-top {
    padding-top: 20px;
}

.slick-prev:active, .slick-prev:focus, .slick-next:active, .slick-next:focus {
    outline: 0;
}/**/

.site-content {
    min-height: calc(100vh - 543px);
    margin-bottom:20px;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background: #f00;
    border: 0;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

    .button + button {
        margin-left: 20px;
    }

    .button:hover {
        background: #f00;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .button.button--icon-left i {
        margin-right: 5px;
    }

    .button.button--icon-right i {
        margin-left: 5px;
    }

    .button.button--wire {
        color: #666;
        background: none;
        border: 1px solid #edebeb;
    }

        .button.button--wire:hover, .button.button--wire.button--active {
            background: #f6f6f6;
        }

.button--whitebg {
    color: #f00;
    background: #fff;
}

.button.button--whitebg:hover {
    background: #fff;
    border: 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.button.button--customize-it i {
    color: #fff;
}

.button.button--special {
    position: relative;
    font-size: 18px;
    font-weight: 900;
    text-transform: lowercase;
}

.button.button--red {
    background: #f00;
}

    .button.button--red:hover {
        background: #f00;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

.button.button--white {
    color: #fff;
    background: #f00;
}

    .button.button--white:hover {
        background: #f00;
        border: 0;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

.button.button--full {
    width: 100%;
}

.button.button--hidden {
    display: none;
}

.button.button--small {
    padding: 2px 10px;
    font-size: 10px;
}

.button.button--fileupload {
    position: relative;
}

    .button.button--fileupload input {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer;
    }

.product-list-row .button--customize-it {
    float: right;
    width: 100%;
    padding: 8px;
    font-size: 12px;
}

    .product-list-row .button--customize-it i {
        color: #fff;
    }

button.button, input[type=submit].button {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

[type=range] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
    height: 9px;
    padding: 0;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

    [type=range]:focus {
        outline: none;
    }

    [type=range]::-webkit-slider-runnable-track {
        width: 50%;
        height: 5px;
        cursor: pointer;
        border: 1px solid transparent;
        transition: all .2s ease;
        background: none;
        border: 0 solid #edebeb;
        border-radius: 5px;
    }

    [type=range]::-webkit-slider-thumb {
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
        -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
        -ms-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
        -o-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
        box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
        -webkit-appearance: none;
        margin-top: -7.5px;
    }

    [type=range]:focus::-webkit-slider-runnable-track {
        background: none;
    }

    [type=range]::-moz-range-track {
        width: 50%;
        height: 5px;
        cursor: pointer;
        border: 1px solid transparent;
        transition: all .2s ease;
        background: none;
        border: 0 solid #edebeb;
        border-radius: 5px;
    }

    [type=range]::-moz-range-thumb {
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
        -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
        -ms-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
        -o-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
        box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
    }

    [type=range]::-ms-track {
        width: 50%;
        height: 5px;
        cursor: pointer;
        border: 1px solid transparent;
        transition: all .2s ease;
        background: transparent;
        border-color: transparent;
        color: transparent;
        height: 20px;
    }

    [type=range]::-ms-fill-lower {
        border: 0 solid #edebeb;
        border-radius: 10px;
        background: transparent;
    }

    [type=range]::-ms-fill-upper {
        background: transparent;
        border: 0 solid #edebeb;
        border-radius: 10px;
    }

    [type=range]::-ms-thumb {
        height: 18px;
        width: 18px;
        border-radius: 50%;
        border: 1px solid #ccc;
        background: #fff;
        cursor: pointer;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    [type=range] {
        height: 20px;
    }
}

.label--inline {
    display: inline-block;
    width: calc(100% - 27px);
    margin-right: 5px;
}

.inline-label-noblock {
    display: inline;
    margin-right: 10px;
    font-size: 12px;
    line-height: 37px;
    text-transform: uppercase;
    color: #666;
}

.inline-label {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
    line-height: 37px;
    text-transform: uppercase;
    color: #666;
}

.select, .select--half, .selector-wrapper {
    position: relative;
    display: block;
}

.select--touch {
    padding: 5px;
    font-size: 14px;
}

.select:before, .select--half:before, .selector-wrapper:before {
    content: '\e5c5';
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    font-family: 'icomoon';
    font-size: 12px;
    color: #666;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    pointer-events: none;
}

.select.select--inline, .selector-wrapper.select--inline {
    display: inline-block;
}

.select select, .selector-wrapper select {
    width: 100%;
}

select {
    padding: 10px 25px 10px 10px;
    font-size: 12px;
    color: #666;
    background: #fff;
    border: 1px solid #919191;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

    select:focus, select:active {
        border-color: #666;
        outline: 0;
    }

    select::-ms-expand {
        display: none;
    }

.select--full {
    width: 100%;
}

    .select--full select {
        width: 100%;
    }

.input {
    max-width: 100%;
    max-height: 36px;
    padding: 10px;
    font-size: 14px;
    text-transform: none;
    color: #666;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.input--half {
    max-width: 100%;
    max-height: 36px;
    padding: 10px;
    font-size: 14px;
    text-transform: none;
    color: #666;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.input:focus, .input:active {
    border-color: #666;
    outline: 0;
}

.input.input--full {
    width: 100%;
}

.input--half {
    width: 50%;
}

textarea.input {
    max-width: 100%;
    max-height: auto;
    min-height: 100px;
}

textarea.input--half {
    max-width: 50%;
    max-height: auto;
    min-height: 100px;
}

label {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.input-quantity {
    display: inline-block;
    width: 75px;
    padding: 10px 10px 10px 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

    .input-quantity:focus, .input-quantity:active {
        border-color: #ff001d;
        outline: 0;
    }

.button-group {
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.icon-button {
    display: inline-block;
    margin-right: 5px;
    font-size: 15px;
    color: #ccc;
    cursor: pointer;
}

    .icon-button:hover, .icon-button.icon-button--active {
        color: #666;
    }

    .icon-button:last-of-type {
        margin-right: 0;
    }

.content h2, .content h3, .content h4, .content h5, .content h6 {
    margin-bottom: 10px;
    font-style: italic;
    text-transform: none;
}

.content p {
    margin-bottom: 10px;
    line-height: 18px;
    letter-spacing: 0.2px;
}

.zippo-vector {
    position: relative;
    z-index: 1000;
}

#fire {
    position: absolute;
    height: calc(10px * 2);
    width: calc(10px * 2);
    bottom: 37px;
    right: 50%;
    margin-right: -18px;
}

.flame {
    width: 0px;
    height: 0px;
    background-color: darkorange;
    border-radius: 2px;
    bottom: -10px;
    transform: rotate(45deg);
    margin-left: calc(10px / 2);
    margin-bottom: calc(10px * 1.5);
    position: absolute;
    animation: fire 1s infinite;
    animation-timing-function: linear;
}

    .flame:nth-child(1) {
        animation: fire 2s infinite;
        animation-timing-function: linear;
        animation-delay: 0;
    }

    .flame:nth-child(2) {
        animation: fire 2s infinite;
        animation-timing-function: linear;
        animation-delay: 0.5s;
    }

    .flame:nth-child(3) {
        animation: fire 2s infinite;
        animation-timing-function: linear;
        animation-delay: 1s;
    }

    .flame:nth-child(4) {
        animation: fire 2s infinite;
        animation-timing-function: linear;
        animation-delay: 1.5s;
    }

    .flame:nth-child(5) {
        animation: fire 2s infinite;
        animation-timing-function: linear;
        animation-delay: 2s;
    }

@keyframes fire {
    0% {
        width: 0;
        height: 0;
        margin-left: 10px;
        background-color: #ffce00;
        z-index: 1000;
    }

    50% {
        width: 10px;
        height: 10px;
        margin-bottom: calc(10px * 1.5);
        margin-left: calc(10px / 2);
        background-color: darkorange;
    }

    75% {
        z-index: 1;
    }

    100% {
        width: 0px;
        height: 0px;
        margin-bottom: calc(10px * 4);
        margin-left: 10px;
        background-color: #ff0000;
        z-index: 1;
    }
}

[class*="image-ratio"] {
    position: relative;
    background: #ccc;
}

    [class*="image-ratio"]:before {
        content: '\e863';
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        font-family: 'icomoon';
        font-size: 18px;
        color: #fff;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -webkit-animation: spin-clockwise 2s infinite linear;
        -ms-animation: spin-clockwise 2s infinite linear;
        -moz-animation: spin-clockwise 2s infinite linear;
        -o-animation: spin-clockwise 2s infinite linear;
        animation: spin-clockwise 2s infinite linear;
    }

    [class*="image-ratio"] img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
    }

.image-ratio\:home-banner {
    padding-bottom: 31.93%;
}

.image-ratio\:collection-banner {
    padding-bottom: 31.93%;
}

.image-ratio\:square {
    padding-bottom: 100%;
}

.image-ratio\:promo-tall {
    padding-bottom: 198.36%;
}

.header {
    background: #fff;
}

.header--section, .border {
    border-bottom: 1px solid #edebeb;
}

.header-top-links {
    font-size: 0;
}

.header-top-link {
    display: inline-block;
    padding: 5px 20px;
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
    border-right: 1px solid #edebeb;
}

    .header-top-link:first-of-type {
        border-left: 1px solid #edebeb;
    }

    .header-top-link:hover {
        background: #f6f6f6;
    }

.header-top-link--cart i {
    font-size: 11px;
}

.header-top-link--cart-count {
    width: 22px;
    padding: 5px 0;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background: #ff001d;
}

    .header-top-link--cart-count:hover {
        background: #e6001a;
    }

.header-middle {
    padding: 10px 0;
}

    .header-middle .button {
        margin-left: 10px;
    }

        .header-middle .button:first-of-type {
            margin-left: 0;
        }

.logo {
    width: 140px;
}

    .logo a {
        display: block;
    }

    .logo img {
        width: 100%;
    }

.gift-card-small {
    position: absolute;
    bottom: 5px;
    right: 19px;
    font-size: 8px;
    font-weight: 400;
}

.header-bottom {
    position: relative;
}

.header-bottom-search {
    position: relative;
    font-size: 0;
}

    .header-bottom-search:before {
        content: '';
        position: absolute;
        bottom: 0;
        z-index: 2;
        display: block;
        width: 100%;
        height: 0;
        background: #ff001d;
        -webkit-transition: height 0.1s ease-in-out;
        -ms-transition: height 0.1s ease-in-out;
        -moz-transition: height 0.1s ease-in-out;
        -o-transition: height 0.1s ease-in-out;
        transition: height 0.1s ease-in-out;
    }

    .header-bottom-search.focused:before {
        height: 4px;
    }

.header-bottom-search-input {
    width: calc(100% - 44px);
    height: 44px;
    padding: 10px;
    font-size: 14px;
    color: #666;
    border: 0;
    border-left: 1px solid #edebeb;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

    .header-bottom-search-input:focus {
        outline: 0;
    }

.header-bottom-search-button {
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 14px;
    color: #666;
    background: #fff;
    border: 0;
    border-right: 1px solid #edebeb;
    cursor: pointer;
    vertical-align: top;
}

    .header-bottom-search-button:hover {
        color: #ff001d;
    }

    .header-bottom-search-button i {
        font-size: 18px;
    }

.mobile-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #edebeb;
}

.mobile-header-button {
    position: relative;
    display: block;
    height: 48px;
    padding: 0;
    font-size: 0;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    cursor: pointer;
}

    .mobile-header-button:hover {
        color: #fff;
        background: #ff001d;
    }

    .mobile-header-button i {
        position: relative;
        font-size: 22px;
        line-height: 48px;
    }

    .mobile-header-button.mobile-header--menu span {
        margin-left: 10px;
    }

.mobile-header-button-text {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    font-size: 14px;
}

.search-section.mobile-search {
    position: relative;
    top: 100%;
    left: 0;
    width: 100%;
    border-top: 1px solid #edebeb;
    border-bottom: 0;
}

.mobile-cart-count {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 5px;
    height: 5px;
    background: #ff001d;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.nav {
    font-size: 0;
}

.nav-item {
    display: inline-block;
    margin-right: 25px;
    font-size: 0;
}

.nav-link {
    position: relative;
    display: block;
    padding: 15px 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #000000;
}

    .nav-link:before {
        content: '';
        position: absolute;
        bottom: 0;
        z-index: 2;
        display: block;
        width: 100%;
        height: 0;
        background: #ff001d;
        -webkit-transition: height 0.1s ease-in-out;
        -ms-transition: height 0.1s ease-in-out;
        -moz-transition: height 0.1s ease-in-out;
        -o-transition: height 0.1s ease-in-out;
        transition: height 0.1s ease-in-out;
    }

    .nav-link.nav-link--hover:before, .nav-link:hover:before {
        height: 4px;
    }

.nav-dropdown {
    position: absolute;
    top: calc(100%);
    left: 0;
    z-index: 5;
    display: none;
    width: 100%;
    border-top: 1px solid #edebeb;
}

    .nav-dropdown .nav-link--first, .nav-link--second {
        display: inline-block;
        margin-right: 30px;
        padding: 15px 0;
        font-size: 14px;
        text-transform: none;
    }

        .nav-dropdown .nav-link--first:hover, .nav-link--second:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

            .nav-dropdown .nav-link--first:hover:before, .nav-link--second:hover:before {
                display: none;
            }

.nav-dropdown--normal {
    background: #f9f8f8;
    border-bottom: 1px solid #edebeb;
}

.nav-dropdown--show {
    display: block;
}

.nav-dropdown--mega {
    background: #fff;
    border-right: 1px solid #edebeb;
    border-bottom: 1px solid #edebeb;
    border-left: 1px solid #edebeb;
}

.nav-link-mega {
    display: block;
    margin-right: 0;
    text-align: center;
    background: #f6f6f6;
    border-right: 1px solid #edebeb;
    border-noyyom: 1px solid #edebeb;
}

    .nav-link-mega.nav-link-mega--active {
        background: #fff;
        border-right: none;
    }

.home-slider-wrapper {
    position: relative;
    margin-bottom: 50px;
}

.home-slide {
    position: relative;
}

    .home-slide img {
        width: 100%;
    }

.defslide img {
    cursor: pointer;
}

.home-slide-caption {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    width: 100%;
    padding-left: 8%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

    .home-slide-caption.home-caption-position--right {
        left: auto;
        right: 0;
        text-align: right;
        padding-left: 0;
        padding-right: 8%;
    }

    .home-slide-caption h2 {
        margin-bottom: 5px;
        font-size: 50px;
        font-style: italic;
        text-transform: uppercase;
        color: #fff;
    }

    .home-slide-caption p {
        margin-bottom: 10px;
        font-size: 18px;
        color: #fff;
    }

    .home-slide-caption .button {
        width: 200px;
    }

.home-slider-arrows {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

    .home-slider-arrows .slick-arrow {
        background: none;
        border: 0;
        cursor: pointer;
    }

        .home-slider-arrows .slick-arrow:focus, .home-slider-arrows .slick-arrow:active {
            outline: 0;
        }

        .home-slider-arrows .slick-arrow:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

    .home-slider-arrows .slick-prev {
        float: left;
    }

    .home-slider-arrows .slick-next {
        float: right;
    }

.home-slider-dots, .product-slider-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}

    .home-slider-dots .slick-dots li, .product-slider-dots .slick-dots li {
        display: inline-block;
        margin: 0 5px;
    }

        .home-slider-dots .slick-dots li.slick-active button, .product-slider-dots .slick-dots li.slick-active button {
            background: #fff;
        }

            .home-slider-dots .slick-dots li.slick-active button:hover, .product-slider-dots .slick-dots li.slick-active button:hover {
                background: #ff001d;
            }

    .home-slider-dots .slick-dots button, .product-slider-dots .slick-dots button {
        padding: 0;
        width: 15px;
        height: 15px;
        font-size: 0;
        background: none;
        border: 2px solid #fff;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        cursor: pointer;
    }

        .home-slider-dots .slick-dots button:focus, .home-slider-dots .slick-dots button:active, .product-slider-dots .slick-dots button:focus, .product-slider-dots .slick-dots button:active {
            outline: 0;
        }

        .home-slider-dots .slick-dots button:hover, .product-slider-dots .slick-dots button:hover {
            background: #ff001d;
        }

.home-top-promo-boxes {
    margin-bottom: 50px;
}

.promo-box {
    position: relative;
    display: block;
    border: 1px solid #666;
}

    .promo-box img {
        width: 100%;
    }

.promo-box-caption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
}

    .promo-box-caption:hover {
        background: rgba(0,0,0,0.2);
    }

    .promo-box-caption .promo-box-caption-inner {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

        .promo-box-caption .promo-box-caption-inner h2, .promo-box-caption .promo-box-caption-inner h3, .promo-box-caption .promo-box-caption-inner h4, .promo-box-caption .promo-box-caption-inner h5 {
            text-align: center;
            text-transform: uppercase;
            color: #fff;
        }

.home-title {
    margin-bottom: 50px;
}

.home-middle-promo-boxes {
    margin-bottom: 50px;
}

    .home-middle-promo-boxes .home-title h3 {
        margin-bottom: 5px;
        text-transform: uppercase;
    }

        .home-middle-promo-boxes .home-title h3 span {
            display: block;
            font-weight: 400;
        }

.social-boxes h3 {
    text-transform: uppercase;
}

.social-box {
    position: relative;
    border: 2px solid #f6f6f6;
}

    .social-box.social-box--unique .social-box-type {
        top: 50%;
        left: 0;
        width: 100%;
        height: 75px;
        text-align: center;
        font-size: 75px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .social-box.social-box--tweet:after {
        display: none;
    }

    .social-box.social-box--tweet:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    .social-box img {
        width: 100%;
    }

.social-box-tweet {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 20px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    word-wrap: break-word;
    color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

    .social-box-tweet a {
        color: #fff;
    }

        .social-box-tweet a:hover {
            text-decoration: underline;
        }

.tweet {
    margin-bottom: 10px;
}

.social-box-type {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    background: rgba(0,0,0,0.7);
}

.social-box-type-icon {
    float: left;
    width: 19px;
}

.social-box-type-stats {
    float: right;
    width: calc(100% - 19px);
    text-align: right;
}

    .social-box-type-stats .icomoon-heart {
        color: #ff001d;
    }

.social-box-type-comments {
    margin-left: 5px;
}

.social--facebook {
    background: #3b5998;
}

    .social--facebook:hover {
        background: #2d4373;
    }

.social--youtube {
    background: #bb0000;
}

    .social--youtube:hover {
        background: #800;
    }

.social--twitter {
    background: #55acee;
}

    .social--twitter:hover {
        background: #2795e9;
    }

.social--pinterest {
    background: #cb2027;
}

    .social--pinterest:hover {
        background: #9f191f;
    }

.breadcrumbs {
    margin-bottom: 20px;
    padding: 20px 0 10px;
    border-bottom: 1px solid #edebeb;
}

    .breadcrumbs a {
        color: #666;
    }

        .breadcrumbs a:hover {
            text-decoration: underline;
        }

    .breadcrumbs span {
        color: #333;
    }

.breadcrumb-spacer {
    margin: 0 10px;
}

.collection-header {
    margin-bottom: 20px;
    background: #fff;
}

.collection-banner {
    position: relative;
}

.collection-title {
    position: absolute;
    bottom: 15px;
    left: 20px;
    z-index: 4;
}

    .collection-title h1 {
        font-size: 50px;
        font-weight: 900;
        font-style: italic;
        color: #fff;
        -webkit-text-shadow: 0 3px 10px #000;
        -ms-text-shadow: 0 3px 10px #000;
        -moz-text-shadow: 0 3px 10px #000;
        -o-text-shadow: 0 3px 10px #000;
        text-shadow: 0 3px 10px #000;
    }

.collection-filters-hashtags {
    padding-top: 10px;
}

.hashtag {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    background: #fff;
}

    .hashtag ul li {
        display: block;
        font-size: 14px;
        line-height: 14px;
        text-transform: none;
        color: #666;
        border: 1px solid #ccc;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

.hashtag-remove {
    padding-right: 5px;
}

.hashtag-inner {
    margin: 0 5px;
    vertical-align: top;
}

    .hashtag-inner a {
        padding: 10px 15px;
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 14px;
    }

.hashtag .hashtag-inner:hover {
    background: #f6f6f6;
    border: 1px solid #666;
}

.collection-filter select {
    width: 100%;
}

.collection-featured-products .slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0 3px;
    font-size: 0;
    background: 0;
    border: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
}

    .collection-featured-products .slick-prev:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .collection-featured-products .slick-prev:before {
        content: '\62';
        font-family: 'zippo-custom-icons';
        font-size: 20px;
        color: #333;
    }

.collection-featured-products .slick-next {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 0 3px;
    font-size: 0;
    background: 0;
    border: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
}

    .collection-featured-products .slick-next:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .collection-featured-products .slick-next:before {
        content: '\63';
        font-family: 'zippo-custom-icons';
        font-size: 20px;
        color: #333;
    }

.featured-product-title {
    font-style: italic;
    margin-bottom: 10px;
}

.featured-item-price {
    margin-bottom: 10px;
}

.featured-products.styled-card {
    position: relative;
    padding: 20px;
}

.featured-product {
    margin-right: 10px;
    margin-left: 10px;
}

.featured-item-image {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 10px 100% 10px;
    font-size: 0;
    text-align: center;
    background: #fff;
    border: 1px solid #edebeb;
}

    .featured-item-image:hover {
        border-color: #333;
    }

    .featured-item-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        max-height: 100%;
        padding: 10px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.collection-item-title {
    width: 100%;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.collection-item-button {
    padding: 8px;
    font-size: 12px;
}

.page-list-item {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

    .page-list-item p:last-of-type {
        margin-bottom: 0;
    }

.collection-products .product-badge-inner, .search-item .product-badge-inner {
    font-size: 12px;
}

.product-list-row {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

    .product-list-row .collection-item-title {
        font-size: 20px;
    }

        .product-list-row .collection-item-title a {
            font-size: 16px;
            color: #333;
        }

    .product-list-row .collection-item-price {
        font-size: 16px;
    }

    .product-list-row .product-badges {
        position: static;
        margin-top: 10px;
    }

    .product-list-row .product-badge {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0;
        text-align: left;
    }

.collection-item-image {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 10px 100% 10px;
    font-size: 0;
    text-align: center;
    background: #fff;
    border: 1px solid #edebeb;
}

    .collection-item-image:hover {
        border-color: #333;
    }

    .collection-item-image .img {
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        max-height: 100%;
        padding: 10px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .collection-item-image .imgSlick {
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        max-height: 100%;
        padding: 10px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.customizer-collection-item-image {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 10px 100% 10px;
    font-size: 0;
    text-align: center;
    background: #fff;
    border: 0px solid #edebeb;
}

    .customizer-collection-item-image:hover {
        border-color: #333;
    }

    .customizer-collection-item-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        max-height: 100%;
        padding: 10px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.collection-item-title {
    margin-bottom: 5px;
    font-size: 16px;
    font-style: italic;
    text-transform: none;
}

    .collection-item-title a {
        font-size: 16px;
        color: #333;
    }

.collection-item-button {
    width: 100%;
    text-align: center;
}

.promo-box--collection .promo-box-caption {
    text-align: center;
    color: #fff;
}

    .promo-box--collection .promo-box-caption:hover {
        background: rgba(0,0,0,0.2);
    }

    .promo-box--collection .promo-box-caption h2, .promo-box--collection .promo-box-caption h3, .promo-box--collection .promo-box-caption h4, .promo-box--collection .promo-box-caption h5, .promo-box--collection .promo-box-caption h6 {
        width: 50%;
        margin: 0 auto 10px auto;
        font-size: 24px;
        line-height: 28px;
        font-weight: 900;
        font-style: italic;
        -webkit-text-shadow: 0 3px 10px rgba(0,0,0,0.5);
        -ms-text-shadow: 0 3px 10px rgba(0,0,0,0.5);
        -moz-text-shadow: 0 3px 10px rgba(0,0,0,0.5);
        -o-text-shadow: 0 3px 10px rgba(0,0,0,0.5);
        text-shadow: 0 3px 10px rgba(0,0,0,0.5);
    }

.button--promo {
    color: #fff;
    background: #f00;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.5);
    -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.5);
    -o-box-shadow: 0 3px 10px rgba(0,0,0,0.5);
    box-shadow: 0 3px 10px rgba(0,0,0,0.5);
}

    .button--promo:hover {
        background: #f00;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

.mobile-collection-filters {
    background: #fff;
    margin-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #edebeb;
}

    .mobile-collection-filters .button {
        width: 100%;
        text-align: left;
    }

        .mobile-collection-filters .button i {
            float: right;
        }

.mobile-collection-filters-section {
    background: #fff;
    padding-top: 20px;
    border-top: 1px solid #edebeb;
}

.pagination {
    margin-top: 20px;
}

    .pagination span {
        margin-bottom: 10px;
        line-height: 14px;
    }

    .pagination .page {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px;
        background: #fff;
        border: 1px solid #919191;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

        .pagination .page:hover {
            color: #333;
            background: #f6f6f6;
            border: 1px solid #666;
        }

        .pagination .page.current {
            padding: 10px 20px;
            color: #333;
            background: #f6f6f6;
            border: 1px solid #666;
        }

        .pagination .page a {
            display: block;
            padding: 10px 20px;
            font-size: 14px;
            line-height: 14px;
            text-transform: none;
            color: #666;
        }

    .pagination .next, .pagination .prev {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px;
        background: #fff;
        border: 1px solid #ccc;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

        .pagination .next:hover, .pagination .prev:hover {
            color: #333;
            background: #f6f6f6;
            border: 1px solid #666;
        }

        .pagination .next a, .pagination .prev a {
            display: block;
            padding: 10px 15px;
            font-size: 14px;
            line-height: 14px;
        }

    .pagination .deco {
        display: inline-block;
        margin: 0 5px;
        padding: 10px 20px;
        background: #fff;
        border: 1px solid #ccc;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

.quickview-wrapper {
    padding: 0;
    background: #f6f6f6;
}

    .quickview-wrapper .product-header {
        margin-bottom: 0;
        background: transparent;
        border-bottom: 0;
    }

    .quickview-wrapper .product-message {
        padding: 15px;
        background: #000000;
        border: 5px solid #f6f6f6;
    }

    .quickview-wrapper .product-message-title {
        margin-bottom: 10px;
        color: #fff;
    }

    .quickview-wrapper .product-message-text {
        font-size: 16px;
        color: #fff;
    }

    .quickview-wrapper .product-header {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .quickview-wrapper .product-body {
        padding-left: 20px;
        padding-bottom: 20px;
        padding-right: 20px;
        padding-top: 0;
        margin-bottom: 0;
    }

.product-header {
    margin-bottom: 20px;
    background: #fff;
    border-bottom: 1px solid #edebeb;
}

.product-title-section {
    padding-left: 20px;
    border-left: 4px solid #ff001d;
}

.product-title {
    margin-bottom: 5px;
    font-style: italic;
    text-transform: none;
}

.product-sku {
    font-size: 14px;
    font-style: italic;
    text-transform: none;
    font-weight: 400;
    color: #666;
}

.product-price {
    font-size: 35px;
    font-weight: 700;
    color: #333;
}

.salePrice {
    text-decoration: line-through;
}

.salePercent {
    background-color: #ff001d;
    color: white;
    font-weight: 700;
    padding: 5px 10px 5px 10px;
}

.product-compare-price {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-weight: 700;
    text-decoration: line-through;
    color: #ccc;
}

.product-body {
    margin-bottom: 40px;
}

.product-badges {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
}

.product-badge {
    display: block;
    margin-bottom: 10px;
    text-align: right;
}

.product-badge-inner {
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background: #000000;
}

.product-featured-image {
    position: relative;
    margin-bottom: 10px;
}

.product-featured-image-inner {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background: #fff;
    border: 1px solid #ccc;
    cursor: zoom-in;
}

    .product-featured-image-inner:focus, .product-featured-image-inner:active {
        border-color: #ccc;
        outline: 0;
    }

    .product-featured-image-inner img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.quickview-wrapper .product-featured-image-inner {
    cursor: default;
}

.product-featured-gallery-item {
    display: none;
}

.product-thumb:active, .product-thumb:focus {
    border-color: #ccc;
    outline: 0;
}

.product-thumb, .product-thumb-video {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: calc(100% - 2px);
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
}

    .product-thumb:hover, .product-thumb-video:hover {
        border-color: #333;
    }

    .product-thumb img, .product-thumb-video img {
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 5px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.product-thumbnails .slick-prev {
    position: absolute;
    bottom: 100%;
    left: 50%;
    padding: 0 7px;
    font-size: 0;
    background: 0;
    border: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    cursor: pointer;
}

    .product-thumbnails .slick-prev:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .product-thumbnails .slick-prev:before {
        content: '\64';
        font-family: 'zippo-custom-icons';
        font-size: 14px;
        color: #333;
    }

.product-thumbnails .slick-next {
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 0 7px;
    font-size: 0;
    background: 0;
    border: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    cursor: pointer;
}

    .product-thumbnails .slick-next:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .product-thumbnails .slick-next:before {
        content: '\61';
        font-family: 'zippo-custom-icons';
        font-size: 14px;
        color: #333;
    }

.product-thumb-video-link {
    display: block;
}

.product-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    text-align: center;
    background: none;
}

    .product-video-overlay:hover i {
        color: #ff001d;
    }

    .product-video-overlay i {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 30px;
        color: #fff;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-text-shadow: 0 3px 10px rgba(0,0,0,0.5);
        -ms-text-shadow: 0 3px 10px rgba(0,0,0,0.5);
        -moz-text-shadow: 0 3px 10px rgba(0,0,0,0.5);
        -o-text-shadow: 0 3px 10px rgba(0,0,0,0.5);
        text-shadow: 0 3px 10px rgba(0,0,0,0.5);
    }

.product-description {
    position: relative;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
}

    .product-description.product-description--short {
        max-height: 100px;
        overflow: hidden;
    }

        .product-description.product-description--short:before {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 100%;
            display: block;
            height: 5px;
            box-shadow: 0 -5px 30px 10px #f6f6f6;
        }

        .product-description.product-description--short.show-all {
            max-height: none;
            overflow: visible;
        }

            .product-description.product-description--short.show-all:before {
                display: none;
            }

.product-badge-red {
    display: inline-block;
    padding: 3px 8px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    background: #ff001d;
}

.emphasis {
    line-height: 14px;
    font-style: italic;
    color: #969696;
}

    .emphasis i {
        font-size: 10px;
        line-height: 14px;
    }

[data-read-more-trigger] {
    cursor: pointer;
}

.product-release-date-title {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    line-height: 16px;
    color: #666;
}

.product-release-date-value {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
}

.product-quantity-wrapper {
    display: inline-block;
    margin-right: 10px;
}

.add-to-cart {
    width: 150px;
}

.add-to-cart-ask-price {
    width: 190px;
}

.social-sharing-button {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    background: #4c4c4c;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

    .social-sharing-button:hover {
        background: #e6001a;
    }

    .social-sharing-button i {
        margin-right: 5px;
    }

.social-sharing {
    position: absolute;
    left: calc(100% + 10px);
    top: 0;
    width: 110px;
    padding: 10px;
    background: #fff;
    border: 1px solid #edebeb;
}

.social-button {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

    .social-button:last-of-type {
        margin-bottom: 0;
    }

    .social-button i {
        margin-right: 5px;
    }

.mobile-product-images {
    position: relative;
    padding: 20px 0 40px 0;
    background: #fff;
    border-bottom: 1px solid #edebeb;
}

.mobile-product-image-slide {
    height: 350px;
}

    .mobile-product-image-slide .product-thumb-video-link {
        position: relative;
        height: 100%;
    }

    .mobile-product-image-slide .product-video-overlay {
        background: none;
    }

        .mobile-product-image-slide .product-video-overlay:hover i {
            color: #ff001d;
        }

        .mobile-product-image-slide .product-video-overlay i {
            font-size: 100px;
            -webkit-text-shadow: 0 3px 10px rgba(0,0,0,0.5);
            -ms-text-shadow: 0 3px 10px rgba(0,0,0,0.5);
            -moz-text-shadow: 0 3px 10px rgba(0,0,0,0.5);
            -o-text-shadow: 0 3px 10px rgba(0,0,0,0.5);
            text-shadow: 0 3px 10px rgba(0,0,0,0.5);
        }

    .mobile-product-image-slide img {
        max-height: 100%;
        margin: 0 auto;
    }

        .mobile-product-image-slide img:active, .mobile-product-image-slide img:focus {
            outline: 0;
        }

.product-slider-dots {
    bottom: 10px;
}

    .product-slider-dots .slick-dots li.slick-active button {
        background: #ccc;
    }

        .product-slider-dots .slick-dots li.slick-active button:hover {
            background: #ccc;
        }

    .product-slider-dots .slick-dots button {
        border: 2px solid #ccc;
    }

        .product-slider-dots .slick-dots button:hover {
            background: #ccc;
        }

.special-title-section {
    padding-left: 20px;
    font-style: italic;
    border-left: 4px solid #ff001d;
}

.license-info {
    margin-top: 20px;
    font-style: italic;
}

.width400 {
    max-width: 400px;
}


.product-guide {
    margin-top: 30px;
}

.cart-add-error {
    border: 2px solid #dd1229;
    color: #dd1229;
    background: #fff;
    padding: 10px 20px;
    margin-top: 10px;
}

.page-header {
    padding-top: 20px;
    background: #fff;
    border-bottom: 1px solid #edebeb;
}

    .page-header.page-header--has-breadcrumbs {
        padding-top: 0;
    }

.page-title-section {
    padding-left: 20px;
    border-left: 4px solid #ff001d;
}

.page-title {
    font-style: italic;
    text-transform: none;
}

.sub-title {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
}

    .sub-title a {
        color: #ff001d;
    }

        .sub-title a:hover {
            text-decoration: underline;
        }

    .sub-title i {
        font-size: 12px;
    }

.page-body {
    margin-top: 20px;
}

.search-section {
    background: #fff;
    border-top: 1px solid #edebeb;
    border-bottom: 1px solid #edebeb;
    margin-top: 20px;
}

.search-item:last-of-type .article-list-item, .search-item:last-of-type .product-list-item, .search-item:last-of-type .page-list-item {
    padding-bottom: 0;
    border-bottom: 0;
}

.four-oh-four h2 {
    margin-bottom: 20px;
    font-size: 100px;
    font-weight: 300;
}

.four-oh-four h3 {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 300;
}

.four-oh-four h4 {
    font-size: 20px;
    font-weight: 300;
}

.four-oh-four a {
    color: #ff001d;
}

    .four-oh-four a:hover {
        text-decoration: underline;
    }

.styled-content h1, .styled-content h2, .styled-content h3, .styled-content h4, .styled-content h5, .styled-content h6 {
    margin-bottom: 20px;
    font-style: italic;
    line-height: 30px;
}

    .styled-content h1 a, .styled-content h2 a, .styled-content h3 a, .styled-content h4 a, .styled-content h5 a, .styled-content h6 a {
        font-size: inherit;
    }

.styled-content p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
}

    .styled-content p.no-margin {
        margin-bottom: 0;
    }

    .styled-content p a {
        color: #ff001d;
    }

        .styled-content p a:hover {
            text-decoration: underline;
        }

.styled-content a {
    font-size: 16px;
    line-height: 20px;
    color: #ff001d;
}

    .styled-content a:hover {
        text-decoration: underline;
    }

.styled-content ul {
    margin-bottom: 20px;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 30px;
}

    .styled-content ul li {
        padding-left: 10px;
    }

    .styled-content ul.unstyled-list {
        margin-left: 0;
        list-style-type: none;
    }

    .styled-content ul ul {
        list-style-type: circle;
    }

.styled-content ol {
    margin-left: 10px;
    margin-bottom: 20px;
    list-style-type: numeric;
    list-style-position: inside;
}

    .styled-content ol.unstyled-list {
        margin-left: 0;
        list-style-type: none;
    }

.styled-content li {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
}

    .styled-content li a {
        color: #ff001d;
    }

        .styled-content li a:hover {
            text-decoration: underline;
        }

.styled-content blockquote {
    padding-left: 20px;
    font-style: italic;
    font-size: 16px;
    line-height: 20px;
    border-left: 2px solid #ccc;
}

    .styled-content blockquote a {
        color: #ff001d;
    }

        .styled-content blockquote a:hover {
            text-decoration: underline;
        }

.styled-content strong {
    font-weight: 700;
}

.styled-content em {
    font-style: italic;
}

.styled-content img {
    display: inline-block;
}

.instructions {
    word-break: break-all;
}

.styled-form {
    padding: 20px;
    background: #fff;
    border: 1px solid #edebeb;
}

    .styled-form .input {
        width: 100%;
    }

    .styled-form .button {
        width: 100%;
    }

    .styled-form .errors {
        padding: 10px;
        color: #ff001d;
        border: 1px solid #ff001d;
        background: rgba(255,0,0,0.15);
    }

        .styled-form .errors li {
            margin-bottom: 5px;
        }

            .styled-form .errors li:last-of-type {
                margin-bottom: 0;
            }

            .styled-form .errors li a {
                color: #ff001d;
                text-decoration: underline;
            }

                .styled-form .errors li a:hover {
                    text-decoration: none;
                }


.styled-form-nowidth {
    padding: 20px;
    background: #fff;
    border: 1px solid #edebeb;
}

    .styled-form-nowidth .input {
        /*width: 100%;*/
    }

    .styled-form-nowidth .button {
        /* width: 100%;*/
    }

    .styled-form-nowidth .frmError {
        color: #ff001d;
    }

    .styled-form-nowidth .errors {
        padding: 10px;
        color: #ff001d;
        border: 1px solid #ff001d;
        background: rgba(255,0,0,0.15);
    }

        .styled-form-nowidth .errors li {
            margin-bottom: 5px;
        }

            .styled-form-nowidth .errors li:last-of-type {
                margin-bottom: 0;
            }

            .styled-form-nowidth .errors li a {
                color: #ff001d;
                text-decoration: underline;
            }

                .styled-form-nowidth .errors li a:hover {
                    text-decoration: none;
                }

.success {
    padding: 10px;
    color: #36b71e;
    border: 1px solid #36b71e;
    background: rgba(54,183,30,0.15);
}

    .success li {
        margin-bottom: 5px;
    }

        .success li:last-of-type {
            margin-bottom: 0;
        }

        .success li a {
            color: #36b71e;
            text-decoration: underline;
        }

            .success li a:hover {
                text-decoration: none;
            }

.subtitle {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

.edit-form {
    padding-top: 20px;
}

.form-text-link {
    display: block;
    margin-bottom: 10px;
    color: #ff001d;
    background: 0;
    border: 0;
}

    .form-text-link:hover {
        text-decoration: underline;
    }

    .form-text-link:last-of-type {
        margin-bottom: 0;
    }

.form-info:last-of-type {
    margin-bottom: 0;
}

.styled-card {
    padding: 20px;
    background: #fff;
    border: 1px solid #edebeb;
}

.page-sidebar-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #edebeb;
    cursor: pointer;
}

    .page-sidebar-item:last-of-type {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

.page-sidebar-link {
    font-size: 16px;
    line-height: 18px;
    color: #666;
}

    .page-sidebar-link:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .page-sidebar-link i {
        margin-left: 5px;
        font-size: 12px;
    }

.page-sidebar-sublist {
    display: none;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 0;
}

.page-sidebar-subitem {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 0;
}

.page-sidebar-sublink {
    font-size: 14px;
    line-height: 16px;
    color: #666;
}

.support-box {
    width: 100%;
}

.styled-content .support-box-title, .styled-content .support-box-description {
    margin-bottom: 10px;
}

.article-list-item {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.article-list-tags h5 {
    display: inline-block;
    font-style: normal;
}

.article-list-tags a {
    font-size: 14px;
}

.article-author {
    font-size: 14px;
    font-style: italic;
}

.empty-message {
    padding: 20px 0;
    font-size: 18px;
    font-style: italic;
}

    .empty-message a {
        color: #ff001d;
    }

        .empty-message a:hover {
            text-decoration: underline;
        }

.divider-break {
    position: relative;
    margin: 20px 0 5px 0;
}

    .divider-break:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-top: 1px solid #edebeb;
        position: absolute;
        top: 50%;
    }

    .divider-break p {
        background: #fff;
        position: relative;
        z-index: 100;
        display: inline-block;
        padding: 10px;
    }

.legal-container label {
    padding-left: 25px;
    line-height: 20px;
    text-transform: none;
}

.legal-container input {
    position: absolute;
}

.store-locator #store_map img {
    max-width: none;
    max-height: none;
}

.store-locator h2 {
    display: none;
}

.store-locator .search_bar {
    margin-bottom: 20px;
    padding: 20px;
    background: #fff;
    border: 1px solid #edebeb;
}

    .store-locator .search_bar #limit {
        width: auto;
    }

.store-locator .main_search_bar, .store-locator .search_within_distance, .store-locator .search_limit {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
}

.store-locator .main_search_label {
    margin-right: 10px;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
}

.store-locator .distance_label, .store-locator .search_limit_label {
    margin-right: 10px;
}

.store-locator .search_filters {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #edebeb;
}

.store-locator .search_filter {
    margin-right: 10px;
}

.store-locator #store_map {
    width: 60%;
    float: right;
}

.store-locator #addresses_list, .store-locator #directions_text {
    width: 40%;
    float: left;
    padding: 20px 5px;
    background: #fff;
    border-top: 1px solid #edebeb;
    border-left: 1px solid #edebeb;
    border-bottom: 1px solid #edebeb;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .store-locator #addresses_list ul, .store-locator #directions_text ul {
        list-style-type: none;
    }

        .store-locator #addresses_list ul li, .store-locator #directions_text ul li {
            margin-bottom: 20px;
            padding-left: 30px;
        }

            .store-locator #addresses_list ul li a, .store-locator #directions_text ul li a {
                color: #666;
            }

                .store-locator #addresses_list ul li a:hover, .store-locator #directions_text ul li a:hover {
                    text-decoration: none;
                }

                    .store-locator #addresses_list ul li a:hover .name, .store-locator #directions_text ul li a:hover .name {
                        color: #666;
                    }

            .store-locator #addresses_list ul li .name, .store-locator #directions_text ul li .name {
                font-weight: 700;
                font-style: italic;
            }

    .store-locator #directions_text #direction_destination, .store-locator .addresses li {
        background-repeat: no-repeat;
    }

#direction_destination {
    margin-bottom: 20px;
    padding-left: 30px;
    font-size: 16px;
    line-height: 20px;
}

.return_to_results {
    margin-bottom: 20px;
    display: inline-block;
}

#directions_steps {
    margin-bottom: 20px;
    padding-left: 30px;
}

.directions_step {
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.directions_step_id {
    position: absolute;
    left: 0;
}

.directions_instructions {
    line-height: 18px;
    margin-bottom: 5px;
}

.store-locator #directions_text {
    padding-left: 15px;
}

#direction_destination .name {
    font-style: italic;
    font-weight: bold;
}

.icon-list-row {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 0;
    border-bottom: 1px solid #edebeb;
}

    .icon-list-row:last-of-type {
        border-bottom: 0;
    }

.icon-list-icon {
    display: inline-block;
    vertical-align: top;
    width: 40px;
}

    .icon-list-icon i {
        font-size: 18px;
    }

.icon-list-value {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 40px);
    font-size: 14px;
}

    .icon-list-value p {
        margin-bottom: 5px;
    }

        .icon-list-value p:last-of-type {
            margin-bottom: 0;
        }

.table-head {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #edebeb;
}

.table-row {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    border-bottom: 1px solid #edebeb;
}

    .table-row:last-of-type {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .table-row .table-row-title {
        margin-bottom: 5px;
    }

    .table-row a {
        color: #ff001d;
    }

        .table-row a:hover {
            text-decoration: underline;
        }

    .table-row .courier {
        text-decoration: underline;
    }

.table-value-row-wrapper:last-of-type .table-value-row {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.table-row span {
    display: block;
}

.order-customize {
    width: 40px;
}

.table-value-row {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #edebeb;
}

.table-row-title-mobile {
    display: none;
    font-size: 14px;
    font-weight: 600;
}

.table-row-title {
    font-size: 14px;
    font-weight: 600;
}

.table-row-sub-title {
    display: block;
    font-size: 12px;
    font-style: italic;
}

.table-footer {
    margin-top: 10px;
    padding-top: 10px;
    font-size: 16px;
    border-top: 3px solid #edebeb;
}

.reorder {
    display: inline-block;
    color: #ff001d;
    cursor: pointer;
}

    .reorder:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

.cart-row {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

    .cart-row:last-of-type {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .cart-row small {
        display: block;
        margin-bottom: 10px;
        font-style: italic;
        color: #666;
    }

.cart-product-image {
    position: relative;
    display: block;
    padding-bottom: 100%;
    background: #fff;
    border: 1px solid #edebeb;
}

    .cart-product-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 10px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.cart-product-title {
    margin-bottom: 10px;
    font-style: italic;
}

    .cart-product-title a {
        color: #333;
    }

.cart-product-variant {
    margin-bottom: 10px;
    font-size: 14px;
}

.cart-price {
    position: relative;
    padding-right: 20px;
}

.cart-savings {
    padding-top: 10px;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
}

.cart-padding {
    padding-top: 20px;
}

.cart-sidebar {
    color: #333;
}

    .cart-sidebar .cart-drawer-subtotal-title, .cart-sidebar .cart-drawer-subtotal-price {
        color: #333;
    }

    .cart-sidebar .cart-drawer-shipping-icon, .cart-sidebar .cart-drawer-shipping-notice {
        color: #666;
    }

.edit-product {
    margin-bottom: 10px;
}

.gift-container {
    margin-bottom: 10px;
}

    .gift-container input {
        display: inline-block;
        margin-right: 10px;
    }

.cart-drawer-form .gift-container label {
    display: inline-block;
    color: #fff;
}

.cart-drawer-form .cart-gift-message {
    margin-bottom: 10px;
}

    .cart-drawer-form .cart-gift-message textarea {
        padding: 5px 10px;
        color: #fff;
        background: rgba(255,255,255,0.05);
        border: 1px solid #333;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

.drawer-wrapper {
    z-index: 11;
    background: #1b1b1b;
}

    .drawer-wrapper.cart-drawer.drawer-opened {
        -webkit-box-shadow: 0 -5px 50px 10px rgba(0,0,0,0.4);
        -ms-box-shadow: 0 -5px 50px 10px rgba(0,0,0,0.4);
        -moz-box-shadow: 0 -5px 50px 10px rgba(0,0,0,0.4);
        -o-box-shadow: 0 -5px 50px 10px rgba(0,0,0,0.4);
        box-shadow: 0 -5px 50px 10px rgba(0,0,0,0.4);
    }

    .drawer-wrapper.menu-drawer.menu-drawer-opened {
        -webkit-box-shadow: 0 5px 50px 10px rgba(0,0,0,0.4);
        -ms-box-shadow: 0 5px 50px 10px rgba(0,0,0,0.4);
        -moz-box-shadow: 0 5px 50px 10px rgba(0,0,0,0.4);
        -o-box-shadow: 0 5px 50px 10px rgba(0,0,0,0.4);
        box-shadow: 0 5px 50px 10px rgba(0,0,0,0.4);
    }

.drawer-inner {
    padding: 20px;
}

.drawer-top {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
}

.drawer-divider {
    display: block;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #333;
}

.drawer-top-logo {
    display: inline-block;
}

.drawer-top-title {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    line-height: 33px;
    font-size: 16px;
    color: #fff;
}

.drawer-close {
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
}

    .drawer-close:hover {
        color: #ff001d;
    }

.menu-drawer .button {
    width: 100%;
}

.menu-drawer-search {
    font-size: 0;
}

.menu-drawer-search-input {
    display: inline-block;
    width: calc(100% - 35px);
    padding: 7px 10px;
    font-size: 14px;
    color: #fff;
    background: rgba(255,255,255,0.05);
    border: 1px solid #333;
    border-right: 0;
    -webkit-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

    .menu-drawer-search-input:focus, .menu-drawer-search-input:active {
        outline: 0;
    }

.menu-drawer-search-button {
    display: inline-block;
    width: 35px;
    padding: 7px 10px;
    font-size: 14px;
    color: #fff;
    background: rgba(255,255,255,0.05);
    border: 1px solid #333;
    border-left: 0;
    -webkit-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

    .menu-drawer-search-button:focus, .menu-drawer-search-button:active {
        outline: 0;
    }

.menu-drawer-nav-item {
    position: relative;
}

    .menu-drawer-nav-item:before {
        content: '\65';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        display: block;
        font-family: 'zippo-custom-icons';
        line-height: 34px;
        color: #ff001d;
    }

    .menu-drawer-nav-item:hover .menu-drawer-nav-link--first {
        margin-left: 20px;
    }

.menu-drawer-nav-link {
    position: relative;
    z-index: 3;
    display: block;
    padding: 10px 0;
    text-transform: uppercase;
    color: #fff;
    background: #1b1b1b;
    cursor: pointer;
    -webkit-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

    .menu-drawer-nav-link i {
        float: right;
        font-size: 14px;
        color: #ff001d;
    }

.menu-drawer-nav-dropdown {
    position: relative;
    max-height: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .menu-drawer-nav-dropdown:before {
        content: '';
        position: absolute;
        top: 0;
        left: -20px;
        z-index: 2;
        display: block;
        width: calc(100% + 40px);
        height: 100%;
        background: rgba(255,255,255,0.05);
    }

    .menu-drawer-nav-dropdown.open {
        max-height: 500px;
        padding: 10px 0;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .menu-drawer-nav-dropdown .menu-drawer-nav-link {
        padding-left: 10px;
        font-size: 12px;
        background: none;
        cursor: pointer;
    }

        .menu-drawer-nav-dropdown .menu-drawer-nav-link:hover {
            margin-left: 10px;
        }

.cart-drawer-product-image {
    display: block;
    text-align: center;
    background: #fff;
}

    .cart-drawer-product-image img {
        display: inline-block;
        max-height: 80px;
    }

.cart-drawer-title {
    margin-bottom: 10px;
    font-size: 16px;
    font-style: italic;
    text-transform: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    overflow: hidden;
}

    .cart-drawer-title a {
        color: #fff;
    }

.cart-drawer-variant {
    display: block;
    margin-bottom: 10px;
    font-style: italic;
}

.cart-drawer-quantity {
    display: block;
    width: 100%;
    padding: 5px 10px;
    color: #fff;
    background: rgba(255,255,255,0.05);
    border: 1px solid #333;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    .cart-drawer-quantity:focus, .cart-drawer-quantity:active {
        border-color: #ff001d;
        outline: 0;
    }

.cart-drawer-price {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    line-height: 29px;
    color: #fff;
}

.cart-drawer-remove {
    position: absolute;
    right: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #fff;
    background: #ff001d;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

    .cart-drawer-remove:hover {
        background: #333;
    }

.cart-drawer-savings {
    padding: 10px;
    font-style: italic;
    color: #fff;
}

.cart-drawer-body--empty h3 {
    margin-bottom: 20px;
    color: #fff;
}

.cart-drawer-body--empty p {
    margin-bottom: 20px;
    color: #fff;
}

.cart-drawer-subtotal-title, .cart-drawer-subtotal-price {
    font-style: italic;
    line-height: 30px;
    text-transform: none;
    color: #fff;
}

.cart-drawer-continue {
    background-color: #666666;
    width: 100%;
    margin-bottom: 10px;
}

    .cart-drawer-continue i {
        margin-right: 5px;
    }

.cart-drawer-checkout {
    width: 100%;
}

    .cart-drawer-checkout i {
        margin-right: 5px;
    }

.cart-drawer-bottom-link-big {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
}

.cart-drawer-bottom-link, .cart-drawer-bottom-divider {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
}

    .cart-drawer-bottom-link:hover, .cart-drawer-bottom-link-big:hover {
        text-decoration: underline;
    }

.cart-drawer-shipping-icon {
    display: inline-block;
    width: 30px;
    margin-right: 10px;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}

.cart-drawer-shipping-notice {
    display: inline-block;
    width: calc(100% - 45px);
    font-size: 12px;
    line-height: 14px;
    color: #fff;
}

.footer h3, .footer h2 {
    margin-bottom: 50px;
    text-transform: uppercase;
}

.footer hr {
    margin-top: 50px;
}

.footer-newsletter {
    margin-bottom: 50px;
}

.newsletter-form {
    font-size: 0;
}

.newsletter-input {
    display: inline-block;
    width: calc(100% - 120px);
    height: 38px;
    padding: 10px;
    line-height: 16px;
    border: 1px solid #333;
    -webkit-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.newsletter-button {
    width: 120px;
    height: 38px;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #333;
    background: #333;
    -webkit-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.footer-middle, .mobile-footer-middle {
    padding: 40px 0;
    background: #1b1b1b;
}

.footer-logo {
    margin-right: 40px;
}

.footer-nav {
    display: inline-block;
    vertical-align: top;
}

    .footer-nav .nav-link {
        padding: 0;
        line-height: 40px;
        color: #fff;
    }

.footer-button {
    float: right;
    vertical-align: top;
}

.footer-bottom {
    color: #666;
    background: #1b1b1b;
    border-top: 1px solid #666;
}

    .footer-bottom * {
        vertical-align: top;
    }

.footer-bottom-wrap {
    margin: 10px 0;
}

.footer-logo {
    display: inline-block;
}

.copyright {
    display: inline-block;
    margin-left: 10px;
    line-height: 20px;
}

    .copyright a {
        text-decoration: none;
        color: #666;
    }

        .copyright a:hover {
            color: #fff;
        }

.footer-bottom-nav {
    display: inline-block;
    padding-right: 20px;
    border-right: 1px solid #666;
}

    .footer-bottom-nav a {
        display: inline-block;
        margin-left: 20px;
        line-height: 20px;
        color: #666;
    }

        .footer-bottom-nav a:hover {
            color: #fff;
        }

.footer-bottom-social {
    display: inline-block;
    padding: calc((40px - 24px) / 2) 0;
}

.footer-bottom-social-link {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    line-height: 24px;
    text-align: center;
    color: #666;
    -webkit-box-shadow: 0 0 0 1px #666;
    -ms-box-shadow: 0 0 0 1px #666;
    -moz-box-shadow: 0 0 0 1px #666;
    -o-box-shadow: 0 0 0 1px #666;
    box-shadow: 0 0 0 1px #666;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

    .footer-bottom-social-link i {
        line-height: 24px;
    }

    .footer-bottom-social-link:hover {
        color: #fff;
        background: none;
        -webkit-box-shadow: 0 0 0 1px #fff;
        -ms-box-shadow: 0 0 0 1px #fff;
        -moz-box-shadow: 0 0 0 1px #fff;
        -o-box-shadow: 0 0 0 1px #fff;
        box-shadow: 0 0 0 1px #fff;
    }

.mobile-footer-button {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    padding: 0 20px;
    font-size: 0;
    line-height: 40px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
}

    .mobile-footer-button i {
        font-size: 22px;
        line-height: 40px;
    }

    .mobile-footer-button span {
        display: inline-block;
        vertical-align: top;
        margin-left: 10px;
        font-size: 14px;
    }

.mobile-footer-show {
    display: none;
}

.bold-swatch-element {
    float: left;
    margin: 0px 10px 10px 0;
    position: relative;
}

    .bold-swatch-element label {
        -webkit-border-radius: 2px;
        -ms-border-radius: 2px;
        -moz-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        float: left;
        min-width: 50px !important;
        height: 35px !important;
        margin: 0;
        border: #ccc 1px solid;
        background-color: #ddd;
        padding: 0 10px;
        font-size: 13px;
        text-align: center;
        line-height: 35px;
        white-space: nowrap;
        text-transform: uppercase;
        cursor: pointer;
    }

    .bold-swatch-element input {
        display: none;
    }

    .bold-swatch-element.color label {
        padding: 0;
    }

    .bold-swatch-element input:checked + label {
        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
        -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
        -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
        box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
        border-color: transparent;
    }

    .bold-swatch-element .tooltip {
        position: absolute;
        bottom: 100%;
        width: 100px;
        background: gray;
        left: -23px;
        margin-bottom: 15px;
        text-align: center;
        color: #fff;
        padding: 10px;
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
        z-index: 10000;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.28);
        -ms-box-shadow: 2px 2px 6px rgba(0,0,0,0.28);
        -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.28);
        -o-box-shadow: 2px 2px 6px rgba(0,0,0,0.28);
        box-shadow: 2px 2px 6px rgba(0,0,0,0.28);
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

        .bold-swatch-element .tooltip:after {
            border-left: solid transparent 10px;
            border-right: solid transparent 10px;
            border-top: solid gray 10px;
            bottom: -10px;
            content: " ";
            height: 0;
            left: 50%;
            margin-left: -13px;
            position: absolute;
            width: 0;
        }

    .bold-swatch-element:hover .tooltip {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

.cross-sell-body {
    padding: 20px 20px 0 20px;
}

.cross-sell-message {
    padding: 15px;
    background: #000000;
    border: 5px solid #f6f6f6;
}

.cross-sell-message-title {
    color: #fff;
}

.cross-sell-message-text {
    font-size: 16px;
    color: #fff;
}

.cross-sell-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid rgba(0,0,0,0.1);
    background: #fff;
}

.bundle-variant {
    margin-bottom: 10px;
}

.quickview-wrapper .bundle-form .product-quantity-wrapper {
    display: block;
    margin-bottom: 10px;
}

.quickview-wrapper .bundle-form .button {
    margin-right: 10px;
}

.coupon-wrapper {
    position: relative;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}

.coupon-left {
    position: relative;
    float: left;
    width: 25%;
    padding: 20px;
}

    .coupon-left:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        display: block;
        width: 900px;
        height: 300px;
        background-color: #dd1229;
        -webkit-transform: translate(-55%, -50%) rotate(45deg);
        -ms-transform: translate(-55%, -50%) rotate(45deg);
        -moz-transform: translate(-55%, -50%) rotate(45deg);
        -o-transform: translate(-55%, -50%) rotate(45deg);
        transform: translate(-55%, -50%) rotate(45deg);
    }

.coupon-title {
    position: relative;
    z-index: 5;
    margin-top: 30px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}

.coupon-value {
    position: relative;
    z-index: 5;
    font-size: 65px;
    font-weight: 600;
    color: #fff;
}

    .coupon-value:after {
        content: 'Off';
        display: inline-block;
        margin-left: 5px;
        font-size: 18px;
        font-style: italic;
    }

.coupon-right {
    float: right;
    width: 75%;
    padding: 20px;
    text-align: right;
}

    .coupon-right img {
        display: inline-block;
        width: 185px;
    }

    .coupon-right a.apply-coupon {
        display: block;
        padding: 5px 0;
        font-size: 12px;
    }

.coupon-right-top {
    margin-bottom: 10px;
}

.coupon-sub-title {
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 20px 20px;
    padding: 0 20px;
    font-size: 24px;
    font-style: italic;
    font-weight: 600;
    color: #000;
    border-left: 1px solid #000;
}

.coupon-code {
    padding: 20px;
    background: #333;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.coupon-code-input {
    font-size: 16px;
    color: #fff;
    letter-spacing: 3px;
    background: none;
    border: 0;
}

    .coupon-code-input:focus, .coupon-code-input:active {
        outline: 0;
    }

.coupon-button {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    border: 1px solid #666;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer !important;
}

    .coupon-button:hover {
        color: #fff;
        border-color: #fff;
    }

.coupon-applied {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    border: 1px solid #666;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: default;
}

.coupon--green {
    color: #36b71e;
    border: 1px solid #36b71e;
}

.coupon-is-inactive {
    display: none;
}

.cart-row small.cart-customizer-disclaimer {
    color: #dd1229;
    margin-top: 10px;
    font-style: italic;
    font-size: 12px;
}

    .cart-row small.cart-customizer-disclaimer a {
        color: #dd1229;
        text-decoration: underline;
    }

.cart-drawer-customizer-disclaimer {
    background: #666666;
    display: block;
    padding: 10px;
    border-radius: 3px;
    font-style: italic;
    color: #fff;
}

    .cart-drawer-customizer-disclaimer a {
        color: #fff;
        text-decoration: underline;
    }

.cookie-disclaimer {
    position: fixed;
    bottom: 0;
    background: #000;
    width: 100%;
    z-index: 100;
    color: #fff;
    padding: 20px;
    text-align: center;
}

.cookie-buttons .button {
    margin: 0 5px;
}

.cookie-buttons {
    margin-left: 10px;
}

@media only screen and (max-width: 1280px) {
    .cookie-buttons {
        display: block;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 1024px) {
    .home-slide-caption {
        padding-left: 10%;
    }

        .home-slide-caption h2 {
            font-size: 40px;
        }

        .home-slide-caption p {
            font-size: 16px;
        }

    .home-slider-dots {
        bottom: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .select-label {
        display: block;
        margin-bottom: 5px;
        line-height: 14px;
    }

    .select, .selector-wrapper {
        display: block;
    }

        .select select, .selector-wrapper select {
            width: 100%;
        }

    .site-container {
        padding-top: 49px;
    }

    .logo {
        width: 95px;
        margin: 0 auto;
        padding: 5px 0;
    }

    .search-section {
        margin-top: 0;
    }

    .store-locator #store_map {
        width: 100%;
        float: none;
    }

    .store-locator #addresses_list, .store-locator #directions_text {
        width: 100%;
        float: none;
        border-top: none;
        border-right: 1px solid #edebeb;
    }

    .store-locator .main_search_label {
        display: block;
        margin-bottom: 10px;
    }

    .store-locator .main_search_bar, .store-locator .search_within_distance, .store-locator .search_limit {
        display: block;
    }

    .store-locator .button {
        margin-bottom: 10px;
    }

    .collection-header {
        margin-bottom: 0;
        padding-top: 20px;
        border-bottom: 1px solid #edebeb;
    }

    .sort-wrapper {
        display: block;
    }

    .product-header {
        padding-top: 20px;
        background: #fff;
    }

    .product-sku {
        margin-bottom: 5px;
    }

    .product-price {
        font-size: 28px;
    }

    .product-compare-price {
        font-size: 16px;
    }

    .social-sharing {
        text-align: center;
    }

    .quickview-wrapper {
        max-height: calc(100vh - 40px);
        margin: 20px auto;
        overflow: scroll;
    }

        .quickview-wrapper button.mfp-close {
            top: 0;
            bottom: auto;
            width: 35px;
            height: 35px;
            line-height: 35px;
        }

        .quickview-wrapper .mobile-product-images {
            border: 1px solid #edebeb;
        }

    .page-header.page-header--has-breadcrumbs {
        padding-top: 20px;
    }

    .page.current {
        padding: 5px 10px;
    }

    .page a {
        padding: 5px 10px;
    }

    .deco {
        padding: 5px 10px;
    }

    .next a, .prev a {
        padding: 5px 10px;
    }

    .product-list-row .collection-item-title {
        font-size: 16px;
        line-height: 20px;
    }

    .product-list-row .collection-item-button {
        padding: 10px;
        font-size: 0;
        line-height: normal;
    }

        .product-list-row .collection-item-button:before {
            content: '\e8cc';
            display: block;
            font-family: 'icomoon';
            font-size: 14px;
            color: #fff;
        }

    .cart-product-image {
        padding-bottom: 30%;
    }

    .cart-padding {
        padding-top: 0;
    }

    .cart-price {
        display: inline-block;
    }

    .mobile-footer-show {
        display: block;
    }

    .mobile-footer-hide {
        display: none;
    }

    .footer-logo {
        margin-right: 0;
    }

    .footer-nav {
        position: relative;
        width: 100%;
        margin-top: 10px;
        padding: 10px 0 20px;
    }

        .footer-nav:before {
            content: '';
            position: absolute;
            top: 0;
            left: -20px;
            z-index: 2;
            display: block;
            width: calc(100% + 40px);
            height: 100%;
            background: rgba(255,255,255,0.05);
        }

        .footer-nav .nav-item {
            position: relative;
            z-index: 3;
            display: block;
            margin: 0;
            text-align: center;
        }

        .footer-nav .nav-link:hover {
            color: #ff001d;
        }

            .footer-nav .nav-link:hover:before {
                display: none;
            }

        .footer-nav .button {
            margin-top: 10px;
            width: 100%;
        }

    .footer-social {
        margin-bottom: 50px;
    }

    .coupon-right {
        float: none;
        width: 100%;
        padding: 20px 20px 0 20px;
    }

        .coupon-right img {
            width: 150px;
        }

    .coupon-right-top {
        position: relative;
        z-index: 5;
    }

    .coupon-button, .coupon-applied {
        display: inline-block;
        margin: 0 0 5px 0;
    }

    .coupon-code-input {
        width: 100%;
        text-align: right;
    }

    .coupon-left {
        float: none;
        width: 100%;
        padding: 0 20px 20px 20px;
    }

        .coupon-left:before {
            -webkit-transform: translate(-55%, -50%) rotate(45deg);
            -ms-transform: translate(-55%, -50%) rotate(45deg);
            -moz-transform: translate(-55%, -50%) rotate(45deg);
            -o-transform: translate(-55%, -50%) rotate(45deg);
            transform: translate(-55%, -50%) rotate(45deg);
        }

    .coupon-value {
        font-size: 50px;
    }
}

@media only screen and (max-width: 480px) {
    .site-content {
        margin-top: 5px;
    }

    .product-slider-dots .slick-dots button:hover {
        background: none;
    }

    .menu-drawer {
        width: 100%;
        left: -100%;
    }

    .cart-drawer.right-drawer .cart-drawer-inner {
        width: 100%;
    }

    .cart-drawer.right-drawer {
        width: 100%;
        right: -100%;
    }

        .cart-drawer.right-drawer.drawer-opened {
            right: 0;
            width: 100%;
        }

    .mobile-header-button i {
        font-size: 18px;
        line-height: 48px;
    }

    .home-slide-caption {
        padding-left: 0;
        text-align: center;
    }

        .home-slide-caption h2 {
            font-size: 32px;
            line-height: 33px;
            margin-bottom: 0px;
        }

        .home-slide-caption p {
            font-size: 16px;
            margin-bottom: 7px !important;
        }

        .home-slide-caption .button {
            width: auto;
            padding: 5px 15px;
            font-size: 12px;
        }

    .home-slider-arrows .container {
        padding: 0;
    }

    .home-slider-dots {
        display: none;
    }

    .social-box.social-box--unique .social-box-type {
        position: static;
        top: 0;
        left: 0;
        height: auto;
        padding: 20px 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .collection-products .product-badge-inner {
        font-size: 12px;
    }

    .product-list-row .collection-item-image img {
        padding: 2px;
    }

    .product-list-row .collection-item-price {
        font-size: 14px;
        line-height: 16px;
    }

    .product-list-row .collection-item-button {
        padding: 10px 5px;
    }

        .product-list-row .collection-item-button:before {
            font-size: 12px;
        }

    .product-list-row .product-badge + .product-badge {
        margin-top: 10px;
    }

    .table-row-title-mobile {
        display: inline-block;
    }

    .pagination .next a {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 12px;
    }

    .pagination .prev a {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 12px;
    }

    /* .pagination .page:first-of-type {
        display: none;
    }

    .pagination .page:last-of-type {
        display: none;
    }*/

    .pagination .page a {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 12px;
    }

    .pagination .page.current {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 12px;
    }

    .pagesTop {
        display: none;
    }
}

@media only screen and (max-width: 385px) {
    .home-slide-caption h2 {
        font-size: 25px;
        line-height: 27px;
        margin-bottom: 0px !important;
    }

    .home-slide-caption p {
        font-size: 15px;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 320px) {
    .home-slide-caption h2 {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 10px !important;
    }

    .home-slide-caption p {
        display: none;
    }
}

@media only screen and (max-width: 360px) {
    .mobile-header-button {
        padding: 0 10px;
    }

        .mobile-header-button i {
            font-size: 16px;
            line-height: 48px;
        }

        .mobile-header-button span {
            display: inline-block;
            vertical-align: top;
            font-size: 10px;
        }
}

.aplustable {
    width: 100%;
}

.apluscell {
    width: 33.33%;
    float: left;
    padding: 2.5%;
    text-align: center;
}

.clearfix {
    clear: both;
}

@media screen and (max-width: 480px) {
    .apluscell {
        width: 100%;
    }
}

div.newsfigure {
    float: middle;
    width: 60%;
    text-align: center;
    font-style: italic;
    font-size: small;
    text-indent: 0;
    border: thin red solid;
    margin: 0 auto;
    padding: 0.5em;
}

.productOverlay {
    background: #fff;
    display: block;
    height: 100%;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.txtRed {
    color: #ff001d;
}

.txtGold {
    color: #FFD700;
}
/*
.input-checkbox {
    border-radius: 4px;
}

    .input-checkbox:after {
        width: 10px;
        height: 8px;
        margin-left: -5px;
        margin-top: -4px;
        background-image: url(//cdn.shopify.com/s/assets/checkout_2017-03-17/checkbox-tick-9f17bee7b5e3ada22164b6e06ce6153e54484a9348bea333a9ff6ba1460cfe8d.png);
        background-image: url(//cdn.shopify.com/s/assets/checkout_2017-03-17/checkbox-tick-66a9a39f70a44a226223ef4c61a701d2d10afaa73ba8846a509fbe58a82f3f36.svg),none;
    }

.radio-wrapper, .checkbox-wrapper {
    zoom: 1;
    display: table;
    box-sizing: border-box;
    width: 100%;
}

    .radio-wrapper:after, .radio-wrapper:before, .checkbox-wrapper:after, .checkbox-wrapper:before {
        content: "";
        display: table;
    }

    .radio-wrapper:after, .checkbox-wrapper:after {
        clear: both;
    }
.checkbox-wrapper {
    margin-bottom: 1em;
}

    .checkbox-wrapper:last-child {
        margin-bottom: 0;
    }

    .checkbox-wrapper.content-box__row {
        margin-bottom: 0;
    }*/

/* Rating */
.rprRatingStar {
    font-size: 0pt;
    width: 22px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.rprFilledRatingStar {
    background-image: url('img/FilledStar2.png');
}

.rprEmptyRatingStar {
    background-image: url('img/EmptyStar2.png');
}

.rprSavedRatingStar {
    background-image: url('img/SavedStar2.png');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons_sm {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 20px; /* Preferred icon size */
    display: inline-block;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}


.layers {
    padding: 10px 25px 10px 10px;
    color: #666;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

    .layers:focus, .layers:active {
        border-color: #666;
        outline: 0;
    }

    .layers::-ms-expand {
        display: none;
    }



.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}


.customizeShow {
    cursor: pointer;
}

.customizeShowItem {
    height: 300px;
}

    .customizeShowItem img {
        margin: 0 auto;
        height: 300px;
    }

.styled-content-button a {
    color: white;
}

.pointer {
    cursor: pointer;
}

.underline {
    text-decoration: underline;
}

@media print {
    .no-print {
        display: none;
    }
}

@media screen {

    #print-me {
        display: none;
    }
}

.txtBold {
    font-weight: bold;
}


.description-table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

    .description-table thead {
        font-weight: bold;
    }

    .description-table td {
        border: 1px solid #D5D6D7;
        padding: 5px;
        text-align: center;
    }







.productSliderContainer {
}

.slides {
}

.productSliderContainer .slick-slide {
}

.productSliderContainer .hide {
    /*display: none !important;*/
    opacity: 0;
    transition: visibility 0s linear 0.33s, opacity 0.33s linear;
}

.productSliderContainer .active {
    transition: opacity 500ms linear 0s;
    opacity: 1;
    transition-delay: 0s;
}

.progressBarContainer {
    position: absolute;
    bottom: 1px;
    width: 100%;
    left: 1px;
}

    .progressBarContainer div {
        display: block;
        width: 100%;
        padding: 0;
        cursor: pointer;
        margin-right: 5%;
        float: left;
        color: white;
    }

        .progressBarContainer div:last-child {
            /*margin-right: 0;*/
        }

        .progressBarContainer div span.progressBar {
            width: 98%;
            height: 4px;
            background-color: white;
            display: block;
        }

            .progressBarContainer div span.progressBar .inProgress {
                background-color: #edebeb;
                width: 0%;
                height: 4px;
            }

#sendRepairForm input[type=text], #sendRepairForm textarea {
    width: 50%;
}

.radio__input, .checkbox__input {
    padding-right: 0.75em;
    white-space: nowrap;
}

.radio__input, .checkbox__input {
    display: table-cell;
}

.radio__label, .checkbox__label {
    cursor: pointer;
    vertical-align: middle;
}

.radio__label, .checkbox__label {
    display: table-cell;
    width: 100%;
}

#sendRepairForm input[type=radio] {
    display: inline;
    padding-right: 0.75em;
    white-space: nowrap;
}

    #sendRepairForm input[type=radio] + label {
        display: inline;
        width: 100%;
    }

#sendRepairForm #content_main_chkNewInsert td {
    padding: 5px;
}

.tgl {
    display: none;
}

    .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
        box-sizing: border-box;
    }

        .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
            background: none;
        }

        .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
            background: none;
        }

        .tgl + .tgl-btn {
            outline: 0;
            display: block;
            width: 4em;
            height: 2em;
            position: relative;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
                position: relative;
                display: block;
                content: "";
                width: 50%;
                height: 100%;
            }

            .tgl + .tgl-btn:after {
                left: 0;
            }

            .tgl + .tgl-btn:before {
                display: none;
            }

        .tgl:checked + .tgl-btn:after {
            left: 50%;
        }

.tgl-ios + .tgl-btn, .tgl-ios-red + .tgl-btn {
    background: #fbfbfb;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
    border: 1px solid #e8eae9;
}

    .tgl-ios + .tgl-btn:after, .tgl-ios-red + .tgl-btn:after {
        border-radius: 2em;
        background: #fbfbfb;
        transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
    }

    .tgl-ios + .tgl-btn:hover:after, .tgl-ios-red + .tgl-btn:hover:after {
        will-change: padding;
    }

    .tgl-ios + .tgl-btn:active, .tgl-ios-red + .tgl-btn:active {
        box-shadow: inset 0 0 0 2em #e8eae9;
    }

        .tgl-ios + .tgl-btn:active:after, .tgl-ios-red + .tgl-btn:active:after {
            padding-right: 0.8em;
        }

.tgl-ios:checked + .tgl-btnn {
    background: #86d993;
}

.tgl-ios-red:checked + .tgl-btn {
    background: #d98686;
}

    .tgl-ios:checked + .tgl-btn:active, .tgl-ios-red:checked + .tgl-btn:active {
        box-shadow: none;
    }

        .tgl-ios:checked + .tgl-btn:active:after, .tgl-ios-red:checked + .tgl-btn:active:after {
            margin-left: -0.8em;
        }

.symbol-gallery--inner div {
    padding: 15px;
    height: 100px;
    text-align: center;
}

.symbol-gallery--inner img {
    height: 100%;
    text-align: center;
    margin: 0 auto;
}

    .symbol-gallery--inner img.selected {
        border: 2px solid red;
        padding: 1px;
    }

.jq-stars {
    display: inline-block;
}

.jq-rating-label {
    font-size: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-family: helvetica, arial, verdana;
}

.jq-star {
    width: 100px;
    height: 100px;
    display: inline-block;
    cursor: pointer;
}

.jq-star-svg {
    padding-left: 3px;
    width: 100%;
    height: 100%;
}

.jq-star:hover .fs-star-svg path {
}

.jq-star-svg path {
    /* stroke: #000; */
    stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
    -webkit-filter: drop-shadow( -2px -2px 2px #888 );
    filter: drop-shadow( -2px -2px 2px #888 );
}

.homeContact {
}

    .homeContact span {
        display: block;
        padding-top: 15px;
    }

.field3 {
    margin: 3px;
}
.field--show-floating-label3 .field__label3 {
    opacity:inherit;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.field__label3 {
    font-size: 0.85714em;
    font-weight: normal;
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: 0.3em;
    padding: 0 0.93333em;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.field__input-wrapper3 {
    position: relative;
}
.field__input3:focus-visible{
    box-shadow:none;
    outline:none;
    outline-offset:0;
}
.field__input3 {
    /*border-radius: 4px;*/
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0.94em 0.8em 0.94em 0.8em;
    word-break: normal;

}

.field3--right {
    margin-left:3px;
}

.field--checkbox{

}
    .field--checkbox label {
        display: inline;
        margin: 3px;
    }
.field--checkbox input {
    margin-left:5px;
}

.notice, .notice_nl {
    color: red;
    font-weight: bold;
    line-height: normal;
}
.notice_bl {
    color: black;
    font-weight: bold;
    line-height: normal;
}
.notice_nl {
    display: block;
}
input.input-validation-error {
    border: 1px solid red;
}

.password-input {
    width: 100%;
    padding: 10px;
    padding-right: 35px; 
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.password-toggle {
    position: absolute;
    right: 10px;
    top: 50%;

    cursor: pointer;
    font-size: 18px;
    color: gray;
}

    .password-toggle:hover {
        color: black;
    }

.svg-inline--fa {
    pointer-events: none;
}