*
{
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none
}

*:before, *:after
{
    box-sizing: border-box
}

html
{
    margin: 0 !important;
    overflow-x: hidden;
    -webkit-text-size-adjust: none
}

ol, ul
{
    list-style: none
}

a img
{
    border: none
}

a:active
{
    outline: none
}

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner
{
    margin: 0;
    border: 0;
    padding: 0
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea, button, select
{
    border-radius: 0
}

input[type="button"], input[type="submit"], input[type="reset"]
{
    -webkit-appearance: none
}

input::-moz-placeholder, textarea::-moz-placeholder
{
    opacity: 1
}

input[type=number]
{
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0
}

input:-webkit-autofill
{
    -webkit-box-shadow: inset 0 0 0 1000px #eee;
    -webkit-transition-delay: 99999s
}

script
{
    display: none !important
}

@font-face
{
    font-family: 'pacific';
    src: url('../fonts/pacific.woff') format('woff'),url('../fonts/pacific.svg#pacific') format('svg');
    font-weight: normal;
    font-style: normal
}

body
{
    direction: rtl;
    background-color: #f3f3f3;
    font-family: 'Almarai',sans-serif;
    font-size: 12px;
    font-weight: lighter;
    color: #888
}

table
{
    width: 100%;
    border-collapse: collapse
}

a
{
    color: inherit;
    cursor: pointer
}

img
{
    max-width: 100%
}

input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea, select
{
    font-family: 'Almarai',sans-serif;
    height: 45px;
    border: none;
    background-color: #eee;
    padding: 0 15px;
    vertical-align: middle;
    font-size: 14px
}

textarea
{
    max-width: 100%;
    min-height: 150px;
    padding: 15px
}

select
{
    min-width: 50px;
    height: 45px;
    border: 1px solid #eee;
    background: #fff url('../img/arrow.svg') left 12px center no-repeat;
    padding: 0 15px 0 25px;
    line-height: 43px;
    color: #888;
    transition: .3s ease;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

select:hover
{
    background-image: url('../img/arrow-hover.svg');
    color: #222
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, select:focus
{
    border-color: #d1d1d1
}

input[type="checkbox"], input[type="radio"], input[type="checkbox"] + *, input[type="radio"] + *
{
    vertical-align: middle
}

input[type="button"], input[type="submit"], button
{
    font-family: 'Almarai',sans-serif;
    cursor: pointer
}

label, label + *
{
    vertical-align: middle
}

.master-wrapper-content
{
    position: relative;
    padding: 0 10px
}

.master-column-wrapper:after
{
    content: "";
    display: block;
    clear: both
}

.center-1
{
    margin: 0 0 50px
}

.center-2, .side-2
{
    margin: 0 0 50px
}

.one-column-blocks-wrapper
{
    margin: 0 0 50px
}

.page
{
    min-height: 200px;
    text-align: center
}

.page-title
{
    margin: 0 0 20px;
    border-bottom: 1px dashed #e6e6e6;
    padding: 15px 0
}

.product-grid .title
{
    text-align: center;
    color: #aaa
}

.page-title h1
{
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    font-weight: lighter;
    text-transform: uppercase;
    color: #aaa
}

.page:after, .page-title:after, .page-body:after
{
    content: "";
    display: block;
    clear: both
}

.link-rss
{
    display: none;
    position: relative;
    width: 24px;
    height: 24px;
    font-size: 0 !important
}

.link-rss:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 24px;
    font-family: 'pacific';
    font-size: 20px;
    line-height: 24px;
    color: #aaa;
    transition: .3s ease
}

.link-rss:hover:before
{
    color: #c09e6c
}

.category-description ul, .manufacturer-description ul, .full-description ul, .topic-html-content ul, .topic-page ul, .post-body ul, .custom-tab ul
{
    margin: 12px 0;
    list-style: none;
    text-align: right
}

.category-description ol, .manufacturer-description ol, .full-description ol, .topic-html-content ol, .topic-page ol, .post-body ol, .custom-tab ol
{
    margin: 12px 0;
    list-style: none;
    text-align: right;
    counter-reset: section
}

.category-description li, .manufacturer-description li, .full-description li, .topic-html-content li, .topic-page li, .post-body li, .custom-tab li
{
    position: relative;
    padding: 3px 35px 3px 0
}

.category-description ul li:before, .manufacturer-description ul li:before, .full-description ul li:before, .topic-html-content ul li:before, .topic-page ul li:before, .post-body ul li:before, .custom-tab ul li:before
{
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    right: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #c09e6c
}

.category-description ol > li:before, .manufacturer-description ol > li:before, .full-description ol > li:before, .topic-html-content ol > li:before, .topic-page ol > li:before, .post-body ol > li:before, .custom-tab ol > li:before
{
    counter-increment: section;
    content: counter(section);
    position: absolute;
    top: 3px;
    right: 0;
    width: 27px;
    height: 26px;
    background: url('../img/ol-back.png') no-repeat;
    text-align: center;
    font-weight: bold;
    color: #c09e6c
}

.category-description p, .manufacturer-description p, .vendor-description p, .full-description p, .topic-html-content p, .topic-page p, .custom-tab p
{
    margin: 10px 0;
    line-height: 22px
}

@keyframes fadein
{
    0%
    {
        opacity: 0
    }

    100%
    {
        opacity: 1
    }
}

@-o-keyframes fadein
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1;
    }
}

@-moz-keyframes fadein
{
    0%
    {
        opacity: 0
    }

    100%
    {
        opacity: 1
    }
}

@-webkit-keyframes fadein
{
    0%
    {
        opacity: 0
    }

    100%
    {
        opacity: 1
    }
}

body:after
{
    display: none;
    content: url('../img/arrow-hover.svg')
}

.fieldset, .section
{
    position: relative;
    margin: 0 0 20px
}

.fieldset .title, .section .title
{
    margin: 0 0 10px
}

.form-fields
{
    position: relative
}

.inputs
{
    position: relative;
    max-width: 500px;
    margin: 0 auto 20px;
    text-align: center;
    font-size: 0;
    white-space: nowrap
}

.inputs:after
{
    content: "";
    display: block;
    clear: both
}

.inputs label
{
    display: block;
    width: 100%;
    height: 18px;
    margin: 0 0 7px;
    text-align: right;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.inputs .required
{
    position: absolute;
    top: 25px;
    left: 0;
    width: 9px;
    height: 9px;
    margin: 0;
    font-size: 0
}

.inputs .required:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 9px 9px;
    border-color: transparent transparent transparent #dd464d
}

.inputs input[type="text"], .inputs input[type="password"], .inputs input[type="email"], .inputs input[type="tel"], .inputs select, .inputs textarea
{
    width: 100%;
    border: none;
    background-color: #eee;
    vertical-align: middle
}

.inputs .option-list
{
    margin: -5px 0;
    text-align: right;
    font-size: 0;
    white-space: normal
}

.inputs .option-list li
{
    display: inline-block;
    margin: 5px 0 5px 10px
}

.inputs .option-list input[type="checkbox"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.inputs .option-list input[type="checkbox"] ~ label
{
    display: inline-block;
    position: relative;
    height: auto;
    margin: 0;
    padding: 0 21px 0 10px;
    font-size: 14px;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.inputs .option-list input[type="checkbox"] ~ label:before
{
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.inputs .option-list input[type="checkbox"]:checked ~ label:before
{
    border-color: #c09e6c
}

.inputs .option-list input[type="checkbox"]:checked ~ label:after
{
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    font-family: 'pacific';
    color: #c09e6c
}

.inputs .option-list input[type="radio"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.inputs .option-list input[type="radio"] ~ label
{
    display: block;
    height: auto;
    margin: 0;
    background-color: #eee;
    padding: 9px 15px;
    font-size: 14px;
    font-weight: normal;
    color: #444;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.inputs .option-list input[type="radio"]:checked ~ label
{
    background-color: #c09e6c;
    font-weight: bold;
    color: #fff
}

.required
{
    font-size: 14px;
    color: #dd464d
}

.message-error, .field-validation-error, .username-not-available-status, .poll-vote-error, .password-error
{
    display: block;
    font-size: 13px;
    line-height: 25px;
    font-weight: normal;
    color: #dd464d
}

.message-error, .external-auth-errors
{
    margin: 0 0 20px;
    text-align: center;
    font-size: 14px
}

.field-validation-error
{
    text-align: right
}

.field-validation-valid, .username-available-status
{
    display: block;
    font-size: 13px;
    color: #393
}

.external-auth-errors
{
    color: #dd464d
}

.captcha-box
{
    clear: both;
    margin: 0 0 15px;
    text-align: center
}

.captcha-box > div
{
    display: inline-block
}

.captcha-box iframe
{
    margin: 0
}

.captcha-box input
{
    height: auto
}

.table-wrapper
{
    border: 1px solid #eee;
    overflow-x: auto;
    background-color: #fff
}

.cart, .data-table, .forums-table-section table
{
    margin: 0 0 20px
}

.cart th, .data-table th, .forums-table-section th
{
    padding: 15px;
    text-align: center;
    font-size: 14px;
    color: #aaa;
    text-transform: uppercase;
    white-space: nowrap
}

.cart td, .data-table td, .forums-table-section td
{
    min-width: 50px;
    border-top: 1px solid #eee;
    background-color: #fff;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    color: #666
}

.cart tr > *:first-child, .data-table tr > *:first-child, .forums-table-section tr > *:first-child
{
    border-right: 20px solid #fff;
    padding-right: 0
}

.cart tr > *:last-child, .data-table tr > *:last-child, .forums-table-section tr > *:last-child
{
    border-left: 20px solid #fff;
    padding-left: 0
}

.cart a, .data-table a, .forums-table-section a
{
    font-weight: bold
}

.cart .product, .cart .subtotal, .data-table .product, .data-table .info, .data-table .name, .forum-table .forum-details, .forum-table .topic-details
{
    text-align: right
}

.cart .remove-from-cart, .cart .add-to-cart, .data-table .select-boxes, .data-table .order
{
    text-align: center
}

.cart td
{
    padding: 10px
}

.cart .td-title
{
    display: none
}

.cart .checkbox-label
{
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.cart td.remove-from-cart, .cart td.add-to-cart
{
    position: relative;
    font-size: 0
}

.cart input[type="checkbox"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.cart .checkbox-label:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.cart input[type="checkbox"]:checked ~ label:before
{
    border-color: #c09e6c
}

.cart input[type="checkbox"]:checked ~ label:after
{
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    font-family: 'pacific';
    color: #c09e6c
}

.cart .remove-from-cart button
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    border: none;
    background: none;
    color: #888
}

.cart .remove-from-cart button:after
{
    content: "";
    font-family: 'pacific';
    font-size: 20px;
    line-height: 40px;
    transition: .3s ease
}

.cart .remove-from-cart button:hover
{
    color: #444
}

.cart .product-picture
{
    font-size: 0
}

.cart .product-picture a
{
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #eee
}

.cart .product a
{
    font-size: 16px;
    font-weight: normal;
    transition: .3s ease
}

.cart .product a:hover
{
    color: #c09e6c
}

.cart .attributes, .data-table .attributes
{
    margin: 10px 0;
    font-size: 12px;
    line-height: 20px;
    color: #aaa
}

.cart .edit-item a
{
    display: inline-block;
    font-size: 14px;
    letter-spacing: .8px;
    font-weight: bold;
    color: #c09e6c;
    text-transform: uppercase;
    transition: .3s ease
}

.cart .unit-price
{
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap
}

.cart .qty-input, .cart .qty-dropdown
{
    width: 45px;
    height: 45px;
    background-color: #eee;
    padding: 0 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #666
}

.cart .qty-dropdown
{
    width: 65px;
    padding: 0 15px 0 20px
}

.cart .subtotal span
{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #c09e6c;
    white-space: nowrap
}

.cart .subtotal .discount, .cart .subtotal .discount + div
{
    margin: 5px 0;
    font-size: 12px;
    color: #aaa;
    white-space: nowrap
}

.footable-first-column
{
    text-align: center
}

td.footable-first-column
{
    position: relative;
    background: transparent !important
}

.footable-first-column .item-count
{
    font-size: 13px !important
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle
{
    position: absolute;
    top: 50%;
    right: 50%;
    width: 32px;
    height: 32px;
    margin: -16px -16px 0 0;
    overflow: hidden;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat
}

.footable-toggle
{
    background-image: url('../img/table-plus.png')
}

.footable-detail-show .footable-toggle
{
    background-image: url('../img/table-minus.png')
}

.footable-toggle:before
{
    display: none !important
}

.footable-row-detail
{
    text-align: right
}

.footable-row-detail-cell
{
    text-align: right !important
}

.footable-row-detail-row
{
    display: table-row;
    margin: 0 0 10px
}

.footable-row-detail-name
{
    display: table-cell;
    padding: 10px
}

.footable-row-detail-value
{
    display: table-cell;
    padding: 10px
}

.bar-notification
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1060;
    width: 100%;
    background-color: rgba(102,102,102,.9);
    padding: 50px;
    color: #fff;
    opacity: .95
}

.bar-notification
{
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.bar-notification:before
{
    width: 44px;
    height: 44px;
    margin: 0 0 15px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    font-family: 'pacific';
    font-size: 20px;
    line-height: 43px
}

.bar-notification.success:before
{
    content: ""
}

.bar-notification.warning:before
{
    content: ""
}

.bar-notification.error:before
{
    content: ""
}

.bar-notification .content
{
    font-size: 14px;
    line-height: 25px
}

.bar-notification .content a
{
    text-decoration: underline
}

.bar-notification .close
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    font-size: 0
}

.bar-notification .close:after
{
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-family: 'pacific';
    font-size: 20px;
    line-height: 40px;
    cursor: pointer
}

.noscript
{
    background-color: #ff9;
    padding: 10px;
    text-align: center
}

.ajax-loading-block-window
{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url('../img/loading.gif') center no-repeat
}

.ui-dialog
{
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 1750;
    width: 600px !important;
    max-width: 90%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ui-dialog:before
{
    content: "";
    position: absolute;
    top: -50vh;
    right: -50vw;
    bottom: -50vh;
    left: -50vw;
    z-index: -1;
    background-color: rgba(102,102,102,.9);
    opacity: .95
}

.ui-dialog-titlebar
{
    border-bottom: 1px solid #eee;
    background-color: #fff;
    padding: 25px 40px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.ui-dialog-titlebar button
{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
    border: none;
    overflow: hidden;
    background-color: transparent;
    font-size: 0;
    color: #888;
    cursor: pointer
}

.ui-dialog-titlebar button:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    font-family: 'pacific';
    font-size: 20px;
    line-height: 40px;
    transition: .3s ease
}

.ui-dialog-titlebar button:hover
{
    color: #444
}

.ui-dialog-content
{
    height: auto !important;
    overflow: auto;
    background-color: #fff;
    padding: 30px 40px 40px;
    text-align: center;
    font-size: 14px;
    line-height: 24px
}

.ui-dialog-content .page
{
    min-height: 0
}

.ui-dialog-content .page-title
{
    margin: 0 0 15px;
    border: none;
    padding: 0
}

.ui-dialog-content .page-title h1
{
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    color: #444
}

.ui-dialog-content .page-body
{
    border: none !important;
    padding: 0 !important;
    text-align: center
}

.ui-dialog-content .tooltip
{
    margin: 0 0 15px;
    text-align: right;
    font-size: 14px;
    line-height: 25px
}

.ui-dialog-content button
{
    display: block;
    margin: 25px auto 0;
    border: none;
    background-color: #c09e6c;
    padding: 15px 35px;
    font-size: 14px;
    font-weight: bold;
    color: #fff
}

.eu-cookie-bar-notification
{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: 320px;
    height: 180px;
    margin: -90px 0 0 -160px;
    border: 1px solid #bbb;
    box-shadow: 0 1px 2px rgba(0,0,0,.2),inset 0 0 0 1px #fff;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.eu-cookie-bar-notification .text
{
    margin-bottom: 20px;
    line-height: 20px
}

.eu-cookie-bar-notification button
{
    min-width: 60px;
    margin: 10px 0;
    border: 1px solid #bbb;
    background-color: #eee;
    padding: 5px;
    font-size: 14px;
    color: #333
}

.eu-cookie-bar-notification button:hover
{
    border-color: #aaa;
    background-color: #ddd
}

.eu-cookie-bar-notification a
{
    display: block;
    text-decoration: underline
}

.scroll-back-button
{
    display: none;
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 1030;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background-color: #c09e6c;
    transition: .5s ease;
    cursor: pointer;
    opacity: 0;
    pointer-events: none
}

.scroll-back-button.nav-up
{
    opacity: 1;
    pointer-events: auto
}

.scroll-back-button:before
{
    content: "";
    position: absolute;
    top: 16px;
    left: 16px;
    width: 18px;
    height: 18px;
    margin: auto;
    text-align: center;
    font-family: 'pacific';
    font-size: 18px;
    color: #000;
    transition: .5s ease;
    opacity: .4
}

.scroll-back-button:hover:before
{
    transform: translateY(5px)
}

.scroll-back-button:after
{
    content: "";
    opacity: .2;
    position: absolute;
    top: 16px;
    left: 16px;
    width: 18px;
    height: 1px;
    background-color: #000;
    transition: .5s ease;
    transform: translateX(35px)
}

.scroll-back-button:hover:after
{
    transform: translateX(0)
}

.admin-header-links
{
    height: 35px;
    background-color: #f3f3f3;
    text-align: center
}

.admin-header-links a
{
    display: inline-block;
    margin: 0 10px;
    line-height: 34px
}

.admin-header-links a:only-child
{
    display: block
}

.admin-header-links .impersonate
{
    display: inline-block
}

.admin-header-links .impersonate span
{
    display: none
}

.header
{
    margin: 0 0 10px;
    text-align: center
}

.header:after
{
    content: "";
    display: block;
    clear: both
}

.header-logo
{
    text-align: center;
    font-size: 0
}

.header-logo a
{
    display: inline-block;
    max-width: 100%
}

.header-logo a img
{
    max-width: 100%
}

.store-search-box
{
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #e3e3e3;
    background-color: #fff
}

.store-search-box form
{
    position: relative;
    width: 100%;
    padding: 0 0 0 40px
}

.store-search-box form:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 40px;
    height: 40px;
    background-color: #fff;
    text-align: center;
    font-family: 'pacific';
    font-size: 18px;
    line-height: 40px
}

.store-search-box form:after
{
    content: "";
    display: block;
    clear: both
}

.store-search-box input.search-box-text
{
    width: 100% !important;
    height: 40px;
    border: none;
    background-color: #fff;
    padding: 0 15px 0 0;
    font-size: 14px;
    color: #888
}

.store-search-box .search-box-button
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
    font-size: 0
}

.ui-helper-hidden-accessible
{
    display: none
}

.ui-autocomplete
{
    position: absolute;
    z-index: 1070;
    width: 100% !important;
    max-width: 100%;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
    background-color: #fff
}

.ui-autocomplete li + li
{
    border-top: 1px solid #eee
}

.ui-autocomplete a
{
    display: block;
    padding: 5px;
    text-align: right;
    font-size: 14px;
    color: #888
}

.ui-autocomplete img
{
    margin-left: 14px;
    vertical-align: middle
}

.ui-autocomplete span
{
    vertical-align: middle
}

.ui-autocomplete img + span
{
    display: inline-block;
    width: calc(100% - 64px)
}

.ui-autocomplete .ui-state-focus
{
    background-color: #f6f6f6;
    color: #222
}

.language-list
{
    max-width: 100%;
    padding: 0 5px;
    font-size: 0
}

.language-list li
{
    display: inline-block
}

.language-list a
{
    display: block;
    position: relative;
    width: 30px;
    height: 38px
}

.language-list img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.mini-shopping-cart .items
{
    border-bottom: 1px solid #e3e3e3
}

.mini-shopping-cart .item
{
    border-top: 1px dashed #e3e3e3;
    overflow: hidden;
    padding: 13px
}

.mini-shopping-cart .item:first-child
{
    border: none
}

.mini-shopping-cart .picture
{
    float: right;
    width: 105px
}

.mini-shopping-cart .picture a
{
    display: block;
    font-size: 0;
    line-height: 0
}

.mini-shopping-cart .product
{
    margin: 0 127px 0 0;
    font-size: 13px;
    line-height: 18px
}

.mini-shopping-cart .name
{
    margin: 0 0 5px
}

.mini-shopping-cart .name a
{
    display: block;
    height: 36px;
    overflow: hidden;
    transition: .3s ease
}

.mini-shopping-cart .name a:hover
{
    color: #c09e6c
}

.mini-shopping-cart .attributes
{
    margin: 0 0 10px
}

.mini-shopping-cart .price
{
    font-size: 0;
    line-height: 0
}

.mini-shopping-cart .price span
{
    display: inline-block;
    color: #222;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold
}

.mini-shopping-cart .quantity span
{
    display: inline-block
}

.mini-shopping-cart .totals
{
    border: none;
    padding: 20px 22px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #888
}

.mini-shopping-cart .totals strong
{
    float: left;
    color: #222
}

.mini-shopping-cart .buttons
{
    margin: 0;
    overflow: hidden
}

.mini-shopping-cart .buttons button
{
    display: block;
    position: relative;
    float: right;
    width: 50%;
    border: none;
    overflow: hidden;
    background-color: #c09e6c;
    padding: 20px 22px 20px 35px;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    transition: .3s ease;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff
}

.mini-shopping-cart .buttons button:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    width: 20px;
    height: 20px;
    margin: auto;
    text-align: center;
    font-family: 'pacific';
    font-size: 8px;
    line-height: 20px;
    transition: .3s ease;
    color: #000;
    opacity: .3
}

.mini-shopping-cart .buttons button.checkout-button:before
{
    content: ""
}

.mini-shopping-cart .buttons button:only-child
{
    width: 100%
}

.mini-shopping-cart .buttons button + button
{
    border-right: 1px solid #fff
}

.mini-shopping-cart .buttons button:hover
{
    background-color: #ae864b
}

.mini-shopping-cart .count
{
    position: relative;
    height: 50px;
    border-bottom: 1px dashed #e3e3e3;
    overflow: hidden;
    padding: 0 45px 0 13px;
    font-size: 13px;
    line-height: 50px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mini-shopping-cart .count a
{
    display: inline-block;
    font-weight: bold;
    transition: .3s ease
}

.mini-shopping-cart .count a:hover
{
    color: #c09e6c
}

.mini-shopping-cart .count:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 45px;
    text-align: center;
    font-family: 'pacific';
    font-size: 21px;
    line-height: 45px
}

.home-page .title
{
    margin: 0 0 20px;
    border-bottom: 1px dashed #e6e6e6;
    padding: 15px 0;
    text-align: center;
    color: #aaa
}

.home-page .title strong
{
    font-size: 30px;
    line-height: 30px;
    font-weight: lighter;
    text-transform: uppercase
}

.home-page-slider
{
    margin: 0 0 10px
}

.home-page-categories-wrapper
{
    margin: 0 -10px 40px
}

.home-page .page-body > div:last-child
{
    margin-bottom: 25px !important
}

.footer-upper
{
    background-color: #fff
}

.footer-blocks-wrapper.center
{
    background-color: #c09e6c
}

.footer-block-center
{
    padding: 25px 10px;
    text-align: center
}

.footer-middle
{
    margin: 0 0 15px;
    overflow: hidden
}

.newsletter
{
    max-width: 300px;
    margin: 0 auto 30px
}

.newsletter .title
{
    display: block;
    margin: 0 0 25px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff
}

.newsletter-email
{
    display: block;
    overflow: hidden
}

.newsletter-email .newsletter-subscribe-text
{
    width: 100%;
    height: 42px;
    margin: 0 0 10px;
    border: none;
    background-color: #fff;
    text-align: center;
    font-weight: lighter;
    color: #aaa
}

.newsletter-subscribe-text::-webkit-input-placeholder
{
    color: #aaa
}

.newsletter-subscribe-text::-moz-placeholder
{
    color: #aaa
}

.newsletter-subscribe-text:-ms-input-placeholder
{
    color: #aaa
}

.newsletter-subscribe-text:-moz-placeholder
{
    color: #aaa
}

.newsletter-email .newsletter-subscribe-button
{
    position: relative;
    width: 100%;
    height: 40px;
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff
}

.newsletter-subscribe-button:before
{
    content: "";
    margin: 0 0 0 4px;
    font-family: 'pacific';
    vertical-align: middle;
    font-size: 17px;
    line-height: 40px;
    font-weight: normal
}

.newsletter-subscribe-button:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #fff;
    opacity: .3
}

.newsletter-subscribe-button span
{
    vertical-align: middle
}

.newsletter-email .options
{
    clear: both;
    padding: 5px 0 0
}

.newsletter-email .options span
{
    display: inline-block;
    position: relative;
    margin: 0 10px
}

.newsletter-email .options input
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0
}

.newsletter-email .options label
{
    display: block;
    padding: 5px 20px 5px 0;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer
}

.newsletter-email .options label:before
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #fff
}

.newsletter-email .options input:checked ~ label:after
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3px;
    width: 7px;
    height: 7px;
    margin: auto;
    border-radius: 50%;
    background-color: #c09e6c
}

.newsletter-validation, .newsletter-result
{
    line-height: 28px;
    color: #fff
}

.newsletter-validation .please-wait
{
    display: none !important
}

.social-sharing
{
    font-size: 0
}

.social-sharing li
{
    display: inline-block;
    margin: 5px;
    vertical-align: middle
}

.social-sharing a
{
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #fff
}

.social-sharing a:before
{
    content: "";
    width: 45px;
    font-family: 'pacific';
    font-size: 18px;
    line-height: 45px;
    color: #222
}

.social-sharing .facebook:before
{
    content: ""
}

.social-sharing .twitter:before
{
    content: "";
    font-size: 15px
}

.social-sharing .google:before
{
    content: "";
    font-size: 15px
}

.social-sharing .pinterest:before
{
    content: "";
    font-size: 20px
}

.social-sharing .vimeo:before
{
    content: ""
}

.social-sharing .youtube:before
{
    content: "";
    font-size: 20px
}

.social-sharing .instagram:before
{
    content: ""
}

.social-sharing .rss:before
{
    content: "";
    font-size: 15px
}

.footer-blocks-wrapper.left
{
    padding: 30px 20px 0
}

.footer-blocks-wrapper.right
{
    padding: 0 20px 30px
}

.footer-block .title
{
    position: relative;
    overflow: hidden;
    padding: 11px 0 11px 30px;
    font-size: 16px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222;
    cursor: pointer
}

.footer-block .title:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    width: 18px;
    height: 18px;
    margin: auto;
    text-align: center;
    font-family: 'pacific';
    font-size: 18px;
    color: #aaa;
    transition: .5s ease;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer-block .title.open:before
{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.footer-collapse
{
    display: none;
    margin: 0 0 15px;
    padding: 15px 0
}

.footer-block li span, .footer-block li a
{
    display: block;
    padding: 6px 0;
    font-size: 14px
}

.footer-block.contact span
{
    position: relative;
    padding-right: 25px
}

.footer-block.contact span:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 20px;
    margin: auto;
    text-align: center;
    font-family: 'pacific';
    font-size: 15px;
    line-height: 20px;
    color: #c09e6c
}

.footer-block.contact .phone span:before
{
    content: "";
    font-size: 20px
}

.footer-block.contact .work-time span:before
{
    content: ""
}

.footer-block.contact .e-mail span:before
{
    content: ""
}

.footer-block.contact .address-city span:before
{
    content: "";
    font-size: 18px
}

.footer-block.contact .address-street span:before
{
    content: "";
    font-size: 17px
}

.footer-lower
{
    border-top: 1px solid #eee;
    overflow: hidden;
    background-color: #fff;
    padding: 20px 10px;
    text-align: center;
    font-size: 12px;
    line-height: 20px
}

.footer-lower > div
{
    display: block
}

.footer-powered-by a, .footer-designed-by a
{
    color: #c09e6c
}

.theme-selector
{
    margin: 10px 0 0 !important
}

.theme-selector select
{
    width: 170px
}

.blocks-wrapper
{
    border: 1px solid #eee;
    border-bottom: none;
    overflow: hidden;
    background-color: #fff
}

.block
{
    text-align: right
}

.block .title
{
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 16px 40px;
    cursor: pointer
}

.block .blocks-tab-header
{
    display: none
}

.block .title:before, .block .title:after
{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-family: 'pacific';
    color: #aaa
}

.block .title:before
{
    right: 14px;
    height: 48px;
    line-height: 48px
}

.block-category-navigation .title:before, .blog-category-navigation .title:before
{
    content: "";
    font-size: 14px
}

.block-manufacturer-navigation .title:before
{
    content: "";
    font-size: 15px
}

.block-vendor-navigation .title:before
{
    content: "";
    font-size: 15px
}

.block-recently-viewed-products .title:before
{
    content: "";
    font-size: 15px
}

.block-popular-tags .title:before
{
    content: "";
    font-size: 16px
}

.block-poll .title:before
{
    content: "";
    font-size: 13px
}

.block .title:after
{
    content: "";
    left: 15px;
    width: 13px;
    height: 13px;
    text-align: center;
    font-size: 13px;
    transition: .5s ease;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.block .title.open:after
{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.block .title strong
{
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.block .listbox
{
    display: none;
    border-bottom: 1px solid #eee;
    padding: 10px 20px
}

.block .listbox:after
{
    content: "";
    display: block;
    clear: both
}

.block .list a
{
    display: block;
    padding: 10px 0;
    font-size: 14px
}

.block .list .product-picture
{
    display: none
}

.block .list > li > a
{
    color: #444
}

.block .sublist
{
    padding: 0 12px
}

.block .sublist a
{
    font-size: 13px
}

.block .sublist .active a
{
    color: #444
}

.block .view-all
{
    margin: 10px 0 20px
}

.block .view-all a
{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #c09e6c
}

.block .tags
{
    margin: 0 -10px
}

.block .tags ul
{
    font-size: 0
}

.block .tags li, .product-tags-all-page li
{
    display: inline-block;
    position: relative;
    margin: 0 10px;
    overflow: hidden;
    font-size: 14px !important
}

.block .tags li a, .product-tags-all-page li a
{
    float: right;
    line-height: 35px
}

.block-poll .poll-display-text
{
    display: block;
    margin: 10px 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #222
}

.block-poll li
{
    position: relative
}

.block-poll li label
{
    display: block;
    position: relative;
    padding: 5px 23px 5px 0;
    font-size: 14px;
    color: #444;
    cursor: pointer
}

.block-poll li input[type='radio']
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0
}

.block-poll li label:before
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff
}

.block-poll li input:checked ~ label:after
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3px;
    width: 10px;
    height: 10px;
    margin: auto;
    border-radius: 50%;
    background-color: #c09e6c
}

.block .poll-results li
{
    padding: 5px 0;
    font-size: 14px
}

.block-poll .buttons
{
    margin: 10px 0 20px
}

.block-poll button[type='button']
{
    display: block;
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    color: #c09e6c
}

.block-poll .poll-total-votes
{
    display: block;
    padding: 5px 0;
    font-size: 14px;
    color: #c09e6c
}

.side-navigation-tabs
{
    display: none
}

.home-page-polls
{
    margin: 0 0 50px;
    padding: 0 0 10px;
    text-align: center
}

.home-page-polls .poll
{
    position: relative;
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px 20px 65px
}

.home-page-polls .poll-display-text
{
    display: block;
    margin: 0 0 15px;
    font-size: 14px;
    font-weight: bold;
    color: #222;
    text-transform: uppercase
}

.home-page-polls .buttons
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #eee;
    padding: 13px;
    text-align: center
}

.home-page-polls .poll-options, .home-page-polls .poll-results
{
    margin: 0 0 30px;
    font-size: 0
}

.home-page-polls .poll-options li, .home-page-polls .poll-results li
{
    display: inline-block;
    position: relative
}

.home-page-polls .poll-results li
{
    margin: 0 5px 5px;
    border: 1px solid #eee;
    padding: 10px 19px;
    font-size: 14px;
    color: #444
}

.home-page-polls .poll-options label
{
    display: block;
    margin: 0 5px 5px;
    border: 1px solid #eee;
    padding: 10px 19px;
    font-size: 14px;
    color: #444;
    cursor: pointer;
    transition: .3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.home-page-polls .poll-options label:hover
{
    border-color: #d1d1d1;
    color: #222
}

.home-page-polls .poll-options input[type='radio']
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: auto;
    opacity: 0
}

.home-page-polls input[type='radio']:checked ~ label
{
    border-color: #c09e6c;
    background-color: #c09e6c;
    color: #fff !important
}

.home-page-polls .buttons button[type='button']
{
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid #eee;
    padding: 10px 19px;
    line-height: 18px;
    color: #c09e6c
}

.breadcrumb
{
    text-align: center
}

.breadcrumb ul
{
    font-size: 0
}

.breadcrumb li
{
    display: inline-block;
    margin: 0 7.5px;
    vertical-align: middle
}

.breadcrumb a, .breadcrumb strong, .breadcrumb .delimiter
{
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 32px;
    transition: .3s ease;
    color: #444
}

.breadcrumb strong
{
    display: block;
    font-weight: normal;
    color: #aaa
}

.breadcrumb .delimiter
{
    display: inline-block;
    width: 13px;
    margin: 0 15px 0 0;
    font-size: 0
}

.breadcrumb .delimiter:before
{
    content: "";
    vertical-align: middle;
    font-family: 'pacific';
    font-size: 6px;
    line-height: 32px
}

.breadcrumb a:hover, .breadcrumb a:hover span
{
    color: #c09e6c
}

.category-description, .manufacturer-description, .vendor-description
{
    margin: 0 0 20px;
    text-align: justify;
    font-size: 15px;
    line-height: 30px
}

.contact-vendor
{
    display: none;
    margin: 0 0 40px
}

.contact-vendor-button
{
    display: inline-block;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 9.5px 19px;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #c09e6c
}

.contact-vendor-button:hover
{
    border-color: #c09e6c;
    background-color: #c09e6c;
    color: #fff
}

.product-filters
{
    display: block
}

.product-filters .title:before
{
    content: "";
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-family: 'pacific';
    font-size: 18px;
    color: rgba(0,0,0,.5)
}

.product-filters .name
{
    display: block;
    padding: 10px 0;
    font-size: 14px;
    color: #444
}

.product-filter{margin: 0 0 10px;
    border: 1px solid #eee;
    background-color: #fff;}

.product-filters .filter-title {
    display: block;
    position: relative;
    z-index: 1;
    padding: 16px 15px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
}

.product-filters .item
{
    display: block;
    padding: 10px 0;
    font-size: 14px
}

.product-filters .item label {
    display: block;
    position: relative;
    padding: 6px 25px 6px 0;
    text-align: right;
    font-size: 14px;
    cursor: pointer
}

.product-filters .item label:before
{
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.product-filters .item input
{
    position: absolute;
    margin: 8px 2px;
    opacity: 0
}

.product-filters .item input:checked + label
{
    color: #444
}

.product-filters .item input:checked + label::after
{
    content: "";
    position: absolute;
    top: 5px;
    right: 2px;
    width: 15px;
    height: 15px;
    text-align: center;
    font-family: 'pacific';
    font-size: 13px;
    line-height: 16px;
    color: #c09e6c
}

.product-filters .item .attribute-square
{
    position: absolute;
    top: -1px;
    bottom: 0;
    right: -5px;
    z-index: 0;
    width: 26px;
    height: 26px;
    margin: auto;
    border-radius: 50%;
    font-size: 0
}

.product-filters .color-item input:checked + label .attribute-square
{
    box-shadow: 0 0 0 2px #fff,0 0 0 3px #ccc
}

.product-filters .color-item label
{
    padding-right: 32px !important
}

.product-filters .ui-slider
{
    position: relative;
    width: auto;
    height: 5px;
    margin: 0 6px 15px
}

.product-filters .ui-slider:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0;
    margin: auto;
    border-top: 1px dashed #ccc
}

.product-filters .ui-slider-range
{
    position: absolute;
    z-index: 1;
    height: 5px;
    background-color: #c09e6c
}

.product-filters .ui-slider-handle
{
    position: absolute;
    top: -4px;
    z-index: 1;
    width: 13px;
    height: 13px;
    margin-left: -6px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff
}

.product-filters .ui-slider-handle:after
{
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    margin: auto;
    border-radius: 50%
}

.product-filters .selected-price-range
{
    overflow: hidden;
    margin: 0 0 13px;
    font-size: 13px
}

.product-filters .from
{
    float: left
}

.product-filters .to
{
    float: right
}

.product-filters .filter-content
{
    padding: 0 15px 20px
}

.category-page-two-columns .sub-category-grid
{
    margin: 0 0 40px;
    border: 1px solid #eee;
    border-bottom: none;
    background-color: #fff
}

.category-page-two-columns .sub-category-item
{
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 5px 10px
}

.category-page-two-columns .sub-category-item .picture
{
    display: table;
    z-index: 1;
    float: right;
    width: 60px;
    height: 60px;
    overflow: hidden
}

.category-page-two-columns .sub-category-item .picture a
{
    display: table-cell;
    position: relative;
    vertical-align: middle
}

.category-page-two-columns .sub-category-item .picture img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.category-page-two-columns .sub-category-item .title
{
    display: table;
    float: left;
    width: calc(100% - 60px);
    height: 60px;
    margin: 0;
    border: none
}

.category-page-two-columns .sub-category-item .title > div
{
    display: table-row
}

.category-page-two-columns .sub-category-item .title a
{
    display: table-cell;
    padding: 0 10px;
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #444
}

.category-page-two-columns .sub-category-item:hover .title a
{
    color: #c09e6c
}

.category-page-one-column .sub-category-grid
{
    margin: 0 0 50px
}

.category-page-one-column .sub-category-grid .item-box
{
    float: right;
    width: calc(50% - 6px);
    margin: 0 10px 10px 0;
    background-color: #fff
}

.category-page-one-column .sub-category-grid .item-box:nth-child(2n+1)
{
    clear: both;
    margin-right: 0
}

.category-page-one-column .sub-category-item .picture a
{
    display: block;
    position: relative;
    overflow: hidden
}

.category-page-one-column .sub-category-item .picture a:before
{
    content: "";
    display: block;
    padding-top: 100%
}

.category-page-one-column .sub-category-item .picture a img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    margin: auto
}

.category-page-one-column .sub-category-item .title
{
    margin: 0;
    border: none
}

.category-page-one-column .sub-category-item .title a
{
    display: block;
    padding: 8px 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.manufacturer-grid, .vendor-grid
{
    overflow: hidden
}

.manufacturer-grid .item-box, .vendor-grid .item-box
{
    position: relative;
    float: right;
    width: calc(50% - 6px);
    margin: 0 10px 10px 0;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 0 0 33px
}

.manufacturer-grid .item-box:nth-child(2n+1), .vendor-grid .item-box:nth-child(2n+1)
{
    clear: both;
    margin-right: 0
}

.manufacturer-grid .item-box .picture, .vendor-grid .item-box .picture
{
    display: block;
    position: relative
}

.manufacturer-grid .item-box .picture a, .vendor-grid .item-box .picture a
{
    content: "";
    display: block;
    padding-top: 100%
}

.manufacturer-grid .item-box .picture img, .vendor-grid .item-box .picture img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    margin: auto
}

.manufacturer-grid .manufacturer-item .title, .vendor-grid .vendor-item .title
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #eee
}

.manufacturer-grid .manufacturer-item .title a, .vendor-grid .vendor-item .title a
{
    display: block;
    height: 33px;
    overflow: hidden;
    padding: 8px 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #444
}

.product-sorting, .product-page-size
{
    position: relative
}

.product-sorting:after, .product-page-size:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 55px;
    height: 55px;
    font-family: 'pacific';
    text-align: center;
    font-size: 18px;
    line-height: 55px;
    color: #000;
    opacity: .5
}

.product-sorting:after
{
    content: "";
    font-size: 15px
}

.product-page-size:after
{
    content: ""
}

.product-sorting select, .product-page-size select
{
    z-index: 2
}

.product-sorting select:hover ~ :after, .product-page-size select:hover ~ :after
{
    opacity: 1
}

.product-selectors .product-viewmode
{
    display: none;
    float: left
}

.product-selectors .product-viewmode
{
    font-size: 0
}

.product-selectors .product-viewmode span
{
    vertical-align: middle
}

.product-selectors .product-viewmode a
{
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    font-size: 0
}

.product-selectors .product-viewmode a:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    font-family: 'pacific';
    font-size: 19px;
    line-height: 40px;
    color: #000;
    opacity: .5
}

.product-selectors .product-viewmode a.grid:before
{
    content: ""
}

.product-selectors .product-viewmode a.list:before
{
    content: ""
}

.category-boxes-layout-1 .category-grid
{
    background-color: #fff
}

.category-boxes-layout-1 .category-item
{
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 5px 10px;
    transition: .3s ease
}

.category-boxes-layout-1 .item-box:first-child .category-item
{
    border-top: 1px solid #eee
}

.category-boxes-layout-1 .category-item:hover
{
    background-color: #c09e6c
}

.category-boxes-layout-1 .category-item .picture
{
    float: right;
    width: 60px;
    height: 60px;
    overflow: hidden
}

.category-boxes-layout-1 .category-item .picture a
{
    display: block;
    position: relative;
    height: 100%
}

.category-boxes-layout-1 .category-item .picture img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.category-boxes-layout-1 .category-item .title
{
    display: table;
    float: left;
    width: calc(100% - 60px);
    height: 60px;
    margin: 0;
    border: none
}

.category-boxes-layout-1 .category-item .title > div
{
    display: table-row
}

.category-boxes-layout-1 .category-item .title a
{
    display: table-cell;
    padding: 0 10px;
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #444
}

.category-boxes-layout-1 .category-item:hover .title a
{
    color: #fff
}

.sub-categories-list
{
    display: none
}

.category-boxes-layout-2 .category-grid
{
    margin: 0 10px
}

.category-boxes-layout-2 .item-box
{
    float: right;
    width: calc(50% - 6px);
    margin: 0 10px 10px 0;
    background-color: #fff
}

.category-boxes-layout-2 .item-box:nth-child(2n+1)
{
    clear: both;
    margin-right: 0
}

.category-boxes-layout-2 .item-box .picture a
{
    display: block;
    position: relative
}

.category-boxes-layout-2 .item-box .picture a:before
{
    content: "";
    display: block;
    padding-top: 100%
}

.category-boxes-layout-2 .item-box .picture a img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    margin: auto
}

.category-boxes-layout-2 .category-item .title
{
    margin: 0;
    border: none;
    padding: 0
}

.category-boxes-layout-2 .category-item .title a
{
    display: block;
    padding: 8px 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.item-grid:after
{
    content: "";
    display: block;
    clear: both
}

.product-grid .item-box
{
    position: relative;
    float: right;
    width: calc(50% - 5px);
    margin: 0 10px 10px 0;
    border: 1px solid #eee;
    background-color: #fff;
    text-align: center
}

.product-grid .item-box:nth-child(2n+1)
{
    clear: both;
    margin-right: 0
}

.item-box.banner-box
{
    background-color: transparent;
    border: none
}

.item-box .product-item .picture
{
    z-index: 1;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.item-box .product-item .picture a
{
    display: block;
    position: relative
}

.item-box .product-item .picture a:before
{
    content: "";
    display: block;
    padding-top: 100%
}

.item-box .product-item .picture img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    margin: auto
}

.product-grid .item-box .details
{
    padding: 10px 6px
}

.product-grid .product-title
{
    position: relative;
    z-index: 2;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    font-weight: lighter
}

.item-box .product-title a
{
    display: block
}

.item-box .sku
{
    display: none
}

.item-box .details-top
{
    position: relative;
    z-index: 1;
    margin: 0 0 5px
}

.item-box .product-rating-box
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #fff;
    transition: .5s ease;
    opacity: 0
}

.item-box .rating
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 11px;
    margin: auto;
    background: url('../img/rating1.svg') right repeat-x
}

.item-box .rating div
{
    height: 11px;
    background: url('../img/rating2.svg') right repeat-x
}

.item-box .description
{
    display: none
}

.item-box .description a
{
    display: block;
    overflow: hidden
}

.item-box .prices
{
    margin: 0 0 5px;
    overflow: hidden;
    font-size: 0
}

.item-box .price
{
    font-size: 14px;
    font-weight: bold;
    transition: .3s ease;
    color: #222
}

.item-box .price.actual-price
{
    margin: 0 0 0 12px;
    color: #c09e6c
}

.item-box .old-price
{
    font-size: 12px;
    color: #888;
    text-decoration: line-through
}

.item-box .tax-shipping-info, .item-box .base-price-pangv
{
    display: block;
    font-size: 12px
}

.item-box .tax-shipping-info a:hover, .item-box .base-price-pangv a:hover
{
    color: #c09e6c
}

.item-box .add-info
{
    display: none
}

.item-box .attribute-squares-wrapper
{
    display: none
}

.bestsellers-wrapper
{
    padding-bottom: 10px
}

.product-grid-bestsellers .item-grid
{
    border: 1px solid #eee;
    border-width: 1px 1px 0 0;
    background-color: #fff
}

.product-grid-bestsellers .item-box
{
    border: 1px solid #eee;
    border-width: 0 0 1px 1px
}

.product-grid-bestsellers .product-item
{
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px
}

.product-grid-bestsellers .product-item .picture
{
    display: table-cell;
    vertical-align: middle;
    width: 104px;
    border: none
}

.product-grid-bestsellers .product-item .details
{
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
    text-align: right
}

.product-grid-bestsellers .item-box .details-top
{
    margin-top: 5px
}

.product-grid-bestsellers .product-title
{
    min-height: 36px;
    max-height: 36px;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    font-weight: lighter
}

.product-grid-bestsellers .product-rating-box
{
    display: none
}

.product-grid-bestsellers .item-box .price
{
    font-size: 14px
}

.product-grid-bestsellers .item-box .old-price
{
    font-size: 12px
}

.product-grid-bestsellers .base-price-pangv
{
    display: none
}

.product-grid-bestsellers .add-info
{
    display: block
}

.product-grid-bestsellers .item-box-overlay
{
    display: none
}

.product-grid-bestsellers .buttons
{
    text-align: right;
    font-size: 0;
    white-space: nowrap
}

.product-grid-bestsellers .buttons button
{
    width: 36px;
    height: 36px;
    margin: 0 0 0 5px;
    border: 1px solid #eee;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0
}

.product-grid-bestsellers button.product-box-add-to-cart-button
{
    background-image: url('../img/product-cart-dark.svg')
}

.product-grid-bestsellers button.add-to-compare-list-button
{
    background-image: url('../img/product-compare-dark.svg')
}

.product-grid-bestsellers button.add-to-wishlist-button
{
    background-image: url('../img/product-wishlist-dark.svg')
}

.product-list .item-box
{
    position: relative;
    float: right;
    width: calc(50% - 5px);
    margin: 0 10px 10px 0;
    border: 1px solid #eee;
    background-color: #fff;
    text-align: center
}

.product-list .item-box:nth-child(2n+1)
{
    clear: both;
    margin-right: 0
}

.product-list .item-box .details
{
    padding: 6px
}

.product-list .product-title
{
    position: relative;
    z-index: 2;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    font-weight: lighter
}

.product-grid, .product-list, .bestsellers-wrapper
{
    margin: 0 0 50px
}

.center-2 .product-grid, .center-2 .product-list
{
    margin: 0 0 20px
}

.product-grid .title
{
    border-bottom: 1px dashed #e6e6e6;
    margin: 0 0 20px;
    padding: 15px 0;
    text-align: center;
    color: #aaa
}

.product-grid .title strong
{
    font-size: 30px;
    line-height: 30px;
    font-weight: lighter;
    text-transform: uppercase
}

.featured-product-grid
{
    margin: 0 0 30px;
    border-bottom: 1px dashed #e6e6e6;
    padding: 0 0 20px
}

.featured-product-grid .title
{
    margin: 0 0 20px;
    border-bottom: 1px dashed #e6e6e6;
    padding: 15px 0
}

.featured-product-grid .title strong
{
    text-align: center;
    font-size: 26px;
    line-height: 26px;
    font-weight: lighter;
    text-transform: uppercase;
    color: #aaa
}

.featured-product-grid .item-box
{
    margin: 0 0 10px;
    border: 1px solid #eee;
    background-color: #fff
}

.featured-product-grid .product-item
{
    display: table;
    table-layout: fixed;
    width: 100%;
    overflow: hidden
}

.featured-product-grid .item-box .picture
{
    display: table-cell;
    width: 145px;
    border-left: 1px solid #eee;
    vertical-align: middle
}

.featured-product-grid .item-box .details
{
    display: table-cell;
    width: calc(100% - 145px);
    padding: 19px 10px;
    text-align: right;
    vertical-align: middle
}

.featured-product-grid .details-top
{
    margin: 0 0 10px;
    padding: 25px 0 0
}

.featured-product-grid .product-title
{
    position: relative;
    z-index: 2;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    font-weight: lighter
}

.featured-product-grid .product-rating-box
{
    bottom: auto;
    height: 25px;
    opacity: 1
}

.featured-product-grid .rating
{
    left: auto;
    margin: 0
}

.pager
{
    position: relative;
    text-align: center
}

.pager:before
{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #e6e6e6
}

.pager ul
{
    display: block;
    position: relative;
    z-index: 2;
    font-size: 0
}

.pager li
{
    display: inline-block;
    border: 1px solid #eee;
    border-width: 1px 0;
    background-color: #fff;
    vertical-align: middle
}

.pager li:first-child
{
    border-right: 1px solid #eee
}

.pager li:last-child
{
    border-left: 1px solid #eee
}

.pager li.first-page, .pager li.previous-page, .pager li.next-page, .pager li.last-page
{
    width: 12%;
    max-width: 42px
}

.pager li.previous-page, .pager li.next-page
{
    width: 13%;
    max-width: 46.5px
}

.pager li.previous-page
{
    padding: 0 0 0 1%
}

.pager li.previous-page a
{
    border-left: 1px solid #eee
}

.pager li.next-page
{
    padding: 0 1% 0 0
}

.pager li.next-page a
{
    border-right: 1px solid #eee
}

.pager li.individual-page, .pager li.current-page
{
    width: 10%;
    max-width: 35px
}

.pager li.current-page span
{
    font-weight: bold;
    color: #c09e6c
}

.pager li a, .pager li span
{
    display: block;
    height: 55px;
    text-align: center;
    font-size: 16px;
    line-height: 55px;
    cursor: pointer
}

.pager li.previous-page a, .pager li.next-page a, .pager li.first-page a, .pager li.last-page a
{
    position: relative;
    font-size: 0
}

.pager li.previous-page a:before, .pager li.next-page a:before, .pager li.first-page a:before, .pager li.last-page a:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    text-align: center;
    font-family: 'pacific';
    font-size: 8px;
    line-height: 16px;
    color: #000;
    opacity: .4
}

.pager li.previous-page a:before
{
    content: ""
}

.pager li.next-page a:before
{
    content: ""
}

.pager li.first-page a:before
{
    content: ""
}

.pager li.last-page a:before
{
    content: ""
}

.pager li.total-summary
{
    display: none
}

.pager li.total-summary:only-child
{
    display: inline-block;
    padding: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.product-essential
{
    margin: 0 0 20px
}

.product-essential:after
{
    content: "";
    display: block;
    clear: both
}

.gallery-wrapper
{
    position: relative;
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff
}

.gallery .picture
{
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    font-size: 0
}

.gallery .picture a
{
    display: block;
    position: relative;
    max-width: 100%
}

.product-page-layout-two .gallery .picture a img
{
    width: 100%
}

.gallery .picture-thumbs
{
    margin: 10px 10px 0;
    overflow: hidden;
    font-size: 0
}

.gallery .thumb-item
{
    position: relative;
    float: right;
    width: calc(33.3333% - 6.6666px);
    margin: 0 10px 10px 0;
    border: 1px solid #eee;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer
}

.gallery .thumb-item:nth-child(3n+1)
{
    margin-right: 0
}

.product-social-buttons
{
    text-align: center;
    font-size: 0
}

.product-social-sharing li
{
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle
}

.product-social-sharing a
{
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 0
}

.product-social-sharing a:before
{
    content: "";
    width: 30px;
    font-family: 'pacific';
    font-size: 15px;
    line-height: 30px;
    color: #fff
}

.product-social-sharing a.facebook
{
    background-color: #4a65a2
}

.product-social-sharing a.twitter
{
    background-color: #3abafd
}

.product-social-sharing a.pinterest
{
    background-color: #bd2d45
}

.product-social-sharing a.google
{
    background-color: #e94949
}

.product-social-sharing a.facebook:before
{
    content: ""
}

.product-social-sharing a.twitter:before
{
    content: "";
    font-size: 12px
}

.product-social-sharing a.pinterest:before
{
    content: "";
    font-size: 17px
}

.product-social-sharing a.google:before
{
    content: "";
    font-size: 12px
}

.overview-wrapper
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff
}

.overview
{
    position: relative;
    padding: 20px;
    text-align: right
}

.discontinued-product
{
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #dd464d
}

.product-details-page .product-name
{
    margin: 20px -10px 0;
    border-bottom: 1px dashed #e6e6e6;
    padding: 10px;
    text-align: center
}

.product-details-page .product-name h1
{
    font-size: 30px;
    font-weight: lighter;
    text-transform: uppercase;
    color: #aaa
}

.product-details-page .breadcrumb
{
    margin: 10px 0;
    text-align: center
}

.overview .short-description
{
    margin: 0 0 20px;
    border-bottom: 1px solid #eee;
    padding: 0 0 20px;
    text-align: justify;
    font-size: 13px;
    line-height: 25px
}

.product-reviews-overview
{
    margin: 0 0 20px;
    border-bottom: 1px solid #eee;
    padding: 0 0 20px
}

.product-review-box
{
    margin: 0 0 15px
}

.product-review-box .rating
{
    width: 90px;
    height: 15px;
    background: url('../img/rating1-mobile.svg') right repeat-x
}

.product-review-box .rating div
{
    height: 15px;
    background: url('../img/rating2-mobile.svg') right repeat-x
}

.product-review-links, .product-no-reviews
{
    font-size: 13px;
    font-weight: normal;
    color: #c09e6c
}

.product-review-links a, .product-no-reviews a
{
    transition: .3s ease
}

.product-review-links a:hover, .product-no-reviews a:hover
{
    text-decoration: underline
}

.overview-info-wrapper
{
    margin: 0 0 15px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 0 0 15px;
    font-size: 13px
}

.overview-info-wrapper .value
{
    display: inline-block;
    color: #444
}

.overview-info-wrapper .value a
{
    font-weight: normal;
    color: #c09e6c
}

.overview-info-wrapper > div
{
    margin: 10px 0
}

.overview .additional-details div, .variant-overview .additional-details div
{
    margin: 10px 0
}

.overview .availability, .variant-overview .availability
{
    margin: 0 0 15px;
    border-bottom: 1px solid #eee;
    padding: 0 0 15px
}

.overview .availability label, .variant-overview .availability label
{
    display: none
}

.overview .stock, .variant-overview .stock
{
    position: relative;
    height: 40px;
    padding: 0 47px 0 0
}

.overview .stock:before, .variant-overview .stock:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 50%;
    background-color: #c09e6c;
    text-align: center;
    font-family: 'pacific';
    font-size: 20px;
    line-height: 38px;
    color: rgba(0,0,0,.3)
}

.overview .out-of-stock .stock:before, .variant-overview .out-of-stock .stock:before
{
    content: ""
}

.overview .stock-block, .variant-overview .stock-block
{
    position: relative;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.overview .stock-block .value, .variant-overview .stock-block .value
{
    display: block;
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    color: #444
}

.back-in-stock-subscription
{
    font-size: 0
}

.back-in-stock-subscription button
{
    border: none;
    background-color: transparent;
    padding: 0;
    font-size: 13px;
    line-height: 20px;
    color: #c09e6c
}

.overview .delivery, .variant-overview .delivery
{
    margin: 0 0 15px;
    border-bottom: 1px solid #eee;
    padding: 0 0 15px
}

.overview .delivery label, .variant-overview .delivery label
{
    display: none
}

.free-shipping
{
    display: inline-block;
    position: relative;
    height: 40px;
    padding: 10px 47px 10px 0;
    vertical-align: middle;
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    color: #444
}

.free-shipping:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 50%;
    background-color: #c09e6c;
    padding: 0 0 0 5px;
    text-align: center;
    font-family: 'pacific';
    font-size: 19px;
    line-height: 40px;
    color: rgba(0,0,0,.3)
}

.overview .delivery-date, .variant-overview .delivery-date
{
    display: inline-block;
    position: relative;
    height: 40px;
    padding: 0 47px 0 0;
    vertical-align: middle
}

.overview .delivery-date:before, .variant-overview .delivery-date:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 50%;
    background-color: #c09e6c;
    text-align: center;
    font-family: 'pacific';
    font-size: 19px;
    line-height: 40px;
    color: rgba(0,0,0,.3)
}

.overview .delivery-date span, .variant-overview .delivery-date span
{
    display: block;
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    color: #444
}

.product-estimate-shipping
{
    margin: 20px 0;
    border-bottom: 1px solid #eee;
    padding: 0 0 20px
}

.product-estimate-shipping a
{
    display: inline-block
}

.product-estimate-shipping i
{
    display: inline-block;
    transform: rotate(45deg);
    margin: 0 10px 3px 0;
    border: solid #000;
    border-width: 0 1px 1px 0;
    padding: 3px 3px
}

.product-estimate-shipping .shipping-loading
{
    display: none !important
}

.product-estimate-shipping .shipping-title
{
    margin: 0 0 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #444
}

.product-estimate-shipping .shipping-price
{
    margin: 0 5px 0 0
}

.product-estimate-shipping .shipping-date
{
    margin: 10px 0 0
}

.overview-buttons
{
    margin: 0 0 15px
}

.overview-buttons, .download-sample
{
    text-align: center
}

.overview-buttons div
{
    display: inline-block;
    vertical-align: middle
}

.overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button, .overview .add-to-compare-list-button, .overview .email-a-friend-button, .download-sample-button
{
    width: 45px;
    height: 45px;
    margin: 3px;
    border: none;
    background-color: #eee;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 0;
    transition: .3s ease
}

.overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button
{
    background-image: url('../img/product-wishlist-grey.svg')
}

.overview .add-to-compare-list-button
{
    background-image: url('../img/product-compare-grey.svg')
}

.overview .email-a-friend-button
{
    background-image: url('../img/email-a-friend.svg')
}

.download-sample-button
{
    display: block;
    background-image: url('../img/download-sample.svg')
}

.attribute, .rental-attributes
{
    margin: 0 0 15px;
    border-bottom: 1px solid #eee;
    padding: 0 0 15px
}

.attribute-title, .attribute-label
{
    margin: 0 0 5px;
    font-size: 14px;
    text-transform: uppercase
}

.attributes select, .attributes .datepicker
{
    width: 100%;
    border: none;
    background-color: #eee;
    background-position: left 17.5px center;
    padding: 0 15px 0 30px;
    color: #444
}

.attributes option.disabled
{
    color: #ccc
}

.attributes .qty-box-parent
{
    position: relative;
    padding-left: 50px
}

.attributes .qty-box
{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 1px auto 0
}

.attributes .qty-box label
{
    display: none !important
}

.attributes .qty-box input
{
    width: 45px;
    height: 100%;
    padding: 0;
    text-align: center
}

.attributes li.disabled
{
    pointer-events: none;
    opacity: .5
}

.attributes li.disabled label
{
    text-decoration: line-through
}

.attributes .option-list.radio-list
{
    font-size: 0
}

.attributes .option-list.radio-list li
{
    display: inline-block;
    margin: 5px 0 5px 10px
}

.attributes .option-list input[type="radio"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.attributes .option-list input[type="radio"]:checked ~ label
{
    background-color: #c09e6c;
    color: #fff
}

.attributes .option-list.radio-list label
{
    display: block;
    background-color: #eee;
    padding: 9px 15px;
    font-size: 14px;
    font-weight: normal;
    color: #444;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.attributes .option-list.checkbox-list
{
    font-size: 0
}

.attributes .option-list.checkbox-list li
{
    display: block
}

.attributes .option-list input[type="checkbox"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.attributes .option-list.checkbox-list label
{
    display: inline-block;
    position: relative;
    padding: 0 21px 0 0;
    font-size: 14px;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.attributes .option-list.checkbox-list label:before
{
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #e3e3e3;
    border-radius: 50%
}

.attributes .option-list input[type="checkbox"]:checked ~ label:before
{
    border-color: #c09e6c
}

.attributes .option-list input[type="checkbox"]:checked ~ label:after
{
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    font-family: 'pacific';
    font-size: 13px;
    line-height: 16px;
    color: #c09e6c
}

.rental-attributes .attribute-item
{
    margin: 0 0 10px
}

.attributes .datepicker
{
    width: 280px;
    height: 45px;
    background-image: url('../img/date.svg');
    background-position: left 12px center;
    background-repeat: no-repeat;
    text-align: right
}

.ui-datepicker
{
    width: 280px;
    box-shadow: 0 0 20px rgba(2,2,4,.2);
    background-color: #fff;
    padding: 5px;
    text-align: center
}

.ui-datepicker-header
{
    position: relative;
    height: 32px;
    margin: 0 0 5px;
    background-color: #fff;
    color: #c09e6c
}

.ui-datepicker-header a
{
    position: absolute;
    top: 0;
    z-index: 1;
    width: 32px;
    height: 32px;
    background-color: #eee;
    transition: .3s ease;
    font-size: 0
}

.ui-datepicker-header a:hover
{
    background-color: #c09e6c
}

.ui-datepicker-header a.ui-datepicker-prev
{
    right: 0
}

.ui-datepicker-header a.ui-datepicker-prev:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    font-family: 'pacific';
    font-size: 8px;
    line-height: 32px;
    transition: .3s ease;
    color: #aaa
}

.ui-datepicker-header a.ui-datepicker-next
{
    left: 0
}

.ui-datepicker-header a.ui-datepicker-next:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    font-family: 'pacific';
    font-size: 8px;
    line-height: 32px;
    transition: .3s ease;
    color: #aaa
}

.ui-datepicker-header a:hover:before
{
    color: #fff
}

.ui-datepicker-title
{
    position: relative;
    z-index: 0;
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase
}

.ui-datepicker-calendar th
{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.ui-datepicker-calendasr th, .ui-datepicker-calendar td
{
    width: 14.285%
}

.ui-datepicker-calendar th span, .ui-datepicker-calendar td a
{
    display: block;
    min-height: 38px;
    line-height: 38px;
    color: #444
}

.ui-datepicker-calendar a.ui-state-highlight
{
    background: #c09e6c url('../img/calendar-back.png') no-repeat center;
    font-weight: bold;
    color: #fff
}

.ui-datepicker-calendar a.ui-state-active
{
    background-color: #eee;
    font-weight: bold
}

.attribute-squares
{
    font-size: 0
}

.attribute-squares li
{
    display: inline-block;
    position: relative;
    margin: 5px;
    text-align: center;
    line-height: normal !important
}

.attribute-squares label
{
    display: block;
    margin: 0 !important
}

.attribute-squares input
{
    position: relative;
    z-index: -1;
    margin: -20px -6px 0
}

.attribute-squares span
{
    display: block
}

.attribute-square
{
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    cursor: pointer
}

.attributes .qq-upload-button
{
    margin: 5px 0;
    background-color: #c09e6c;
    padding: 10px 0;
    font-weight: bold;
    color: #fff
}

span[title~="White"] .attribute-square
{
    box-shadow: inset 0 0 0 1px #ddd
}

.selected-value span[title~="White"] > span
{
    box-shadow: none
}

.selected-value .attribute-square:before
{
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.selected-value .attribute-square:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 15px;
    margin: auto;
    text-align: center;
    font-family: 'pacific';
    font-size: 14px;
    color: #000;
    opacity: .5
}

.attribute-squares li.disabled
{
    position: relative;
    opacity: 1
}

.attribute-squares li.disabled:after
{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #ddd;
    background-color: #fff;
    text-align: center;
    font-family: 'pacific';
    font-size: 18px;
    line-height: 35px;
    color: #dd464d
}

.image-squares .tooltip-container
{
    display: none;
    position: absolute;
    bottom: 48px;
    right: -82px;
    width: 200px;
    height: 200px;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    background-color: #fff;
    padding: 10px
}

.image-squares .tooltip-container:after
{
    content: "";
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: -10px;
    border-width: 10px 10px 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    filter: drop-shadow(0 2px 2px rgba(0,0,0,.06))
}

.image-squares li:hover .tooltip-container
{
    display: block
}

.giftcard
{
    clear: both;
    margin: 0 0 20px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 0 0 20px
}

.giftcard div
{
    margin: 0 0 20px
}

.giftcard div:last-child
{
    margin: 0
}

.giftcard label
{
    display: block;
    margin: 0 0 5px;
    font-size: 14px
}

.giftcard input, .giftcard textarea
{
    width: 100%;
    height: 45px;
    border: none;
    background-color: #eee;
    padding: 0 15px 0 30px;
    color: #444
}

.giftcard textarea
{
    height: 150px;
    margin: 0;
    padding: 15px
}

.overview .prices, .variant-overview .prices
{
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    text-align: right
}

.overview .rental-price, .variant-overview .rental-price
{
    display: block;
    margin: 0 0 5px
}

.overview .product-price, .variant-overview .product-price
{
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    color: #c09e6c
}

.overview .old-product-price, .variant-overview .old-product-price, .overview .non-discounted-price, .variant-overview .non-discounted-price
{
    display: inline-block;
    margin: 0 18px 0 0;
    font-size: 18px;
    font-weight: bold;
    text-decoration: line-through
}

.overview .product-price label, .variant-overview .product-price label, .overview .old-product-price label, .variant-overview .old-product-price label, .overview .non-discounted-price label, .variant-overview .non-discounted-price label
{
    display: none
}

.overview .tax-shipping-info, .overview .base-price-pangv, .variant-overview .tax-shipping-info, .variant-overview .base-price-pangv
{
    display: block;
    margin: 5px 0 0;
    font-size: 13px;
    font-weight: normal
}

.overview .tax-shipping-info a, .variant-overview .tax-shipping-info a
{
    text-decoration: underline
}

.tier-prices
{
    margin: 0 0 20px
}

.tier-prices .title
{
    margin: 0 0 18px;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase
}

.tier-prices .table-wrapper
{
    border: none;
    background-color: transparent
}

.tier-prices .prices-table
{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    font-size: 13px;
    color: #444
}

.tier-prices .prices-row
{
    float: right;
    width: 50%
}

.tier-prices .prices-row > div
{
    padding: 15px;
    text-align: center
}

.tier-prices .field-header
{
    font-weight: bold;
    text-transform: uppercase
}

.tier-prices .item-quantity, .tier-prices .item-price
{
    border-top: 1px solid #eee
}

.tier-prices .item-price
{
    font-weight: bold;
    color: #c09e6c
}

.customer-entered-price
{
    margin: 0 0 20px;
    overflow: hidden
}

.customer-entered-price > div
{
    display: inline-block
}

.customer-entered-price .price-input
{
    margin: 0 0 15px
}

.customer-entered-price .enter-price-label
{
    margin: 0 0 0 10px;
    font-size: 14px
}

.customer-entered-price .enter-price-input
{
    width: 70px;
    height: 45px;
    border: none;
    background-color: #eee;
    text-align: center;
    font-weight: bold;
    color: #444
}

.overview .add-to-cart, .variant-overview .add-to-cart
{
    margin: 0 0 20px
}

.overview .min-qty-notification, .variant-overview .min-qty-notification
{
    margin: 0 0 10px
}

.overview .add-to-cart-panel, .variant-overview .add-to-cart-panel
{
    position: relative;
    overflow: hidden
}

.overview .qty-label, .variant-overview .qty-label
{
    display: none !important
}

.add-to-cart-qty-wrapper
{
    position: relative;
    float: right;
    width: 70px;
    padding: 0 0 0 30px
}

.add-to-cart-qty-wrapper .qty-input
{
    width: 70px;
    height: 50px;
    border: none;
    background-color: #c09e6c;
    padding: 10px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    transition: .3s ease;
    color: #fff
}

.add-to-cart-panel:hover .qty-input
{
    background-color: #ae864b
}

.add-to-cart-qty-wrapper .plus, .add-to-cart-qty-wrapper .minus
{
    display: block;
    position: absolute;
    left: 0;
    width: 30px;
    height: 25px;
    background-color: #c09e6c;
    font-size: 0;
    transition: .3s ease;
    cursor: pointer
}

.add-to-cart-qty-wrapper .plus
{
    top: 0
}

.add-to-cart-qty-wrapper .plus:before
{
    content: "";
    position: absolute;
    top: 15px;
    right: 11px;
    width: 8px;
    height: 2px;
    background-color: rgba(0,0,0,.3)
}

.add-to-cart-qty-wrapper .plus:after
{
    content: "";
    position: absolute;
    top: 12px;
    right: 14px;
    width: 2px;
    height: 8px;
    background-color: rgba(0,0,0,.3)
}

.add-to-cart-qty-wrapper .minus
{
    bottom: 0
}

.add-to-cart-qty-wrapper .minus:before
{
    content: "";
    position: absolute;
    bottom: 15px;
    right: 11px;
    width: 8px;
    height: 2px;
    background-color: rgba(0,0,0,.3)
}

.add-to-cart-panel:hover .add-to-cart-qty-wrapper .plus, .add-to-cart-panel:hover .add-to-cart-qty-wrapper .minus
{
    background-color: #ae864b
}

.add-to-cart-panel .qty-dropdown
{
    float: right;
    width: 70px;
    height: 50px;
    border: none;
    background-color: #c09e6c;
    background-image: url('../img/arrow-semi-transparent.svg');
    text-align: center;
    text-align-last: center;
    font-size: 14px;
    font-weight: bold;
    transition: .3s ease;
    color: #fff
}

.add-to-cart-panel:hover .qty-dropdown
{
    background-color: #ae864b
}

.overview .add-to-cart-button, .variant-overview .add-to-cart-button
{
    display: block;
    float: right;
    width: calc(100% - 71px);
    height: 50px;
    margin: 0 1px 0 0;
    border: none;
    background-color: #c09e6c;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #fff
}

.overview .add-to-cart-panel:hover .add-to-cart-button, .variant-overview .add-to-cart-panel:hover .add-to-cart-button
{
    background-color: #ae864b
}

.overview .add-to-cart-button span, .variant-overview .add-to-cart-button span
{
    display: inline-block;
    position: relative;
    padding: 0 20px 0 0
}

.overview .add-to-cart-button span:before, .variant-overview .add-to-cart-button span:before
{
    content: "";
    position: absolute;
    top: -3px;
    right: -7px;
    font-family: 'pacific';
    font-size: 20px;
    font-weight: normal
}

.overview .pre-order-availability-date, .variant-overview .pre-order-availability-date
{
    margin: 15px 0 0;
    font-size: 14px;
    font-style: italic
}

.product-share-button
{
    display: inline-block;
    overflow: hidden
}

.full-description
{
    clear: both;
    margin: 0 0 20px;
    font-size: 13px;
    line-height: 20px
}

.product-collateral
{
    clear: both;
    margin: 0 0 20px
}

.product-collateral > div
{
    margin: 0 0 20px;
    padding: 20px;
    border: 1px solid #eee;
    background-color: #fff
}

.product-collateral .title
{
    margin: 0 0 15px;
    font-size: 14px;
    text-transform: uppercase;
    color: #444
}

.product-specs-box
{
    text-align: right
}

.product-specs-box thead
{
    display: none
}

.product-specs-box .title strong
{
    position: relative;
    padding: 0 25px 0 0
}

.product-specs-box .title strong:before
{
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    margin: auto;
    font-family: 'pacific';
    font-size: 11px;
    font-weight: normal;
    color: #aaa
}

.product-specs-box .table-wrapper
{
    margin-bottom: -21px;
    border: none
}

.product-specs-box .data-table
{
    margin: 0
}

.product-specs-box .data-table td
{
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #eee;
    border-color: #eee;
    padding: 17px 20px;
    text-align: right;
    font-size: 13px;
    color: #888
}

.product-specs-box .data-table .spec-value
{
    color: #444
}

.product-specs-box .data-table .spec-value a
{
    color: #c09e6c
}

.product-specs-box .attribute-squares
{
    display: inline-block;
    vertical-align: middle
}

.product-specs-box .attribute-square
{
    width: 20px !important;
    height: 20px !important;
    cursor: default
}

.product-specs-box .spec-group-name
{
    display: none !important
}

.product-tags-box
{
    text-align: right
}

.product-tags-box .title
{
    display: inline;
    margin: 0 0 0 25px
}

.product-tags-box .title strong
{
    position: relative;
    padding: 0 25px 0 0
}

.product-tags-box .title strong:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    font-family: 'pacific';
    font-size: 16px;
    font-weight: normal;
    color: #aaa
}

.product-tags-list
{
    display: inline
}

.product-tags-list ul
{
    display: inline;
    font-size: 0
}

.product-tags-list li
{
    display: inline-block;
    margin: 2.5px
}

.product-tags-list li.separator
{
    display: none
}

.product-tags-list a
{
    display: inline-block;
    background-color: #eee;
    padding: 8px 13px;
    font-size: 12px;
    transition: .3s ease
}

.product-tags-list a:hover
{
    background-color: #c09e6c;
    color: #fff
}

.product-collateral > div.product-variant-list
{
    border: none;
    background-color: transparent;
    padding: 0
}

.product-variant-line
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 10px
}

.product-variant-line:after
{
    content: "";
    display: block;
    clear: both
}

.variant-picture
{
    position: relative;
    width: 300px;
    max-width: 100%;
    margin: 0 auto 15px;
    border: 1px solid #eee;
    overflow: hidden
}

.variant-picture:before
{
    content: "";
    display: block;
    padding-top: 100%
}

.variant-picture img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.variant-overview
{
    width: 100%;
    text-align: right
}

.variant-overview .variant-name
{
    margin: 0 0 15px;
    border-bottom: 1px solid #eee;
    padding: 0 0 15px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.variant-overview .variant-description
{
    margin: 0 0 15px;
    border-bottom: 1px solid #eee;
    padding: 0 0 15px;
    text-align: justify;
    font-size: 13px;
    line-height: 25px
}

.variant-overview .attributes select
{
    max-width: 400px
}

.variant-overview-buttons-wrapper
{
    overflow: hidden
}

.variant-overview-buttons
{
    float: right;
    width: 55px
}

.variant-overview .add-to-wishlist-button
{
    width: 50px;
    height: 50px;
    margin: 0
}

.variant-overview .add-to-cart
{
    float: right;
    width: calc(100% - 55px);
    max-width: 345px
}

.ui-tabs .ui-tabs-nav
{
    margin: 0 0 -1px
}

.ui-tabs .ui-tabs-nav li + li
{
    margin-top: 5px
}

.ui-tabs .ui-tabs-nav a
{
    display: block;
    position: relative;
    border: 1px solid transparent;
    background-color: #e9e9e9;
    padding: 18px 22px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .2s ease
}

.ui-tabs .ui-state-active a, .ui-tabs .ui-state-hover a
{
    border: 1px solid #eee;
    background-color: #fff;
    color: #222
}

.ui-tabs .ui-tabs-panel
{
    background-color: #fff;
    border: 1px solid #eee;
    padding: 25px 20px;
    animation: fadein .3s
}

.ui-tabs p:first-child
{
    margin-top: 0
}

.ui-tabs p:last-child
{
    margin-bottom: 0
}

.ui-tabs .ui-tabs-hide
{
    display: none
}

.estimate-shipping-popup
{
    position: relative;
    max-width: 800px;
    margin: auto;
    background-color: #fff;
    padding: 25px;
    transform: scale(.8);
    transition: all .2s ease;
    opacity: 0
}

.estimate-shipping-popup strong
{
    visibility: hidden
}

.mfp-ready .estimate-shipping-popup
{
    transform: scale(1);
    opacity: 1
}

.mfp-removing .estimate-shipping-popup
{
    transform: scale(.8);
    opacity: 0
}

.estimate-shipping-popup-zoom-in.mfp-bg
{
    background-color: rgba(102,102,102,.9);
    opacity: .95
}

.estimate-shipping-popup-zoom-in.mfp-ready
{
    z-index: 1750
}

.estimate-shipping-popup-zoom-in.mfp-removing
{
    transition: all .3s ease;
    opacity: 0
}

.estimate-shipping-row
{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    position: relative
}

.estimate-shipping-row-item
{
    flex: 0 1 100%
}

.mfp-container .shipping-address
{
    max-width: none;
    margin: 10px 0 0
}

.mfp-container .address-item + div
{
    padding: 0 15px 0 0
}

.mfp-container .address-item .required
{
    top: 0
}

.mfp-container .shipping-options
{
    position: relative;
    margin: 10px 0 25px
}

.mfp-container .shipping-header-item
{
    align-self: flex-end;
    border: none !important;
    padding: 12px 5px !important;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mfp-container .shipping-options-body
{
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #eee;
    border-collapse: collapse
}

.mfp-container .shipping-option
{
    display: table-row;
    font-size: 13px;
    cursor: pointer
}

.mfp-container .shipping-option.active
{
    font-weight: bold;
    color: #333
}

.mfp-container .shipping-option > div
{
    display: table-cell;
    border-top: 1px solid #eee;
    padding: 13px 11px
}

.mfp-container .shipping-item
{
    border-left: 1px solid #eee;
    overflow: hidden;
    padding: 8px 0;
    overflow-wrap: break-word
}

.estimate-shipping-row-item-radio
{
    flex: 0 0 30px;
    width: 24px
}

.estimate-shipping-radio
{
    display: none
}

.estimate-shipping-radio + label
{
    display: inline-block;
    position: relative;
    bottom: 1px;
    width: 14px;
    height: 14px;
    border: 1px solid #333;
    border-radius: 50%;
    background-color: #fff;
    font-size: 0
}

.estimate-shipping-radio:checked + label:after
{
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background-color: #333
}

.apply-shipping-button-container
{
    text-align: center
}

.mfp-container .apply-shipping-button
{
    margin: 5px 0;
    border: none;
    background-color: #c09e6c;
    padding: 15px 45px;
    font-size: 16px;
    font-weight: bold;
    transition: .3s ease;
    text-transform: uppercase;
    color: #fff
}

.mfp-container .apply-shipping-button:hover
{
    background-color: #ae864b
}

.mfp-container .no-shipping-options
{
    padding: 30px 15px;
    text-align: center
}

.mfp-container .message-failure
{
    margin: 10px 0 -5px
}
.filter-block {
    display: block;
    position: relative;
    float: none;
    margin:0 !important;
    width: 100% !important;
    border-bottom: 1px solid #eee
}

.filter-block .title {
    border: none;
    padding: 0
}

.filter-block .title:after {
    content: "";
    top: 1px;
    bottom: -1px;
    font-size: 10px;
    color: #ccc;
    transform: none !important
}

.filter-block .title:hover:after {
    color: #444
}

.filter-block a.toggleControl {
    display: block;
    position: relative;
    z-index: 1;
    padding: 16px 15px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.filter-block a.clearFilterOptions,.filter-block a.clearPriceRangeFilter {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    z-index: 2;
    height: 12px;
    margin: auto;
    font-size: 0;
    color: #ccc;
    transition: transform .3s ease
}

.filter-block a.clearFilterOptions:after,.filter-block a.clearPriceRangeFilter:after {
    content: "";
    font-family: 'pacific';
    font-size: 11px
}

.filter-block a.clearFilterOptions:hover,.filter-block a.clearPriceRangeFilter:hover {
    bottom: 1px;
    color: #444;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.is-auth{display:none !important;}
.is-IsAuthenticated .not-auth{display:none !important;}
.is-IsAuthenticated .is-auth{display: table-cell !important;}

.fiter-close{display:none;}

@media all and (max-width:600px)
{
    .estimate-shipping-popup
    {
        padding: 25px 3%
    }

    .mfp-container .shipping-address
    {
        flex-flow: column
    }

    .mfp-container .address-item
    {
        width: 100%
    }

    .mfp-container .address-item + div
    {
        margin-top: 15px;
        padding: 0
    }
}

.product-reviews-page h1 a
{
    transition: .3s ease;
    color: #c09e6c
}

.product-reviews-page h1 a:hover
{
    color: #ae864b
}

.product-reviews-page h1 a:before, .product-reviews-page h1 a:after
{
    content: "''"
}

.product-reviews-page .page-body
{
    max-width: 900px;
    margin: auto
}

.product-reviews-page .title
{
    margin: -20px -20px 20px;
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.write-review
{
    padding: 20px;
    background-color: #fff;
    border: 1px solid #eee
}

.write-review form
{
    max-width: 500px;
    margin: 0 auto 30px
}

.write-review .form-fields
{
    margin: 0 0 20px
}

.write-review .review-rating
{
    position: relative;
    overflow: hidden;
    text-align: center
}

.review-rating + .review-rating
{
    margin-top: 10px
}

.write-review .review-rating ul
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100px;
    margin: auto
}

.write-review .review-rating label
{
    display: block;
    float: right;
    width: calc(50% - 50px);
    text-align: right;
    vertical-align: middle;
    font-size: 15px
}

.review-rating ul
{
    vertical-align: middle;
    font-size: 0
}

.write-review .review-rating li
{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 15px;
    color: #909090;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default
}

.write-review .review-rating li.first, .write-review .review-rating li.last
{
    display: none
}

.write-review .review-rating li.rating-options
{
    margin: 0 5px;
    font-size: 0
}

.write-review .rating-options .vote-star
{
    display: inline-block;
    width: 18px;
    height: 15px;
    margin: 0;
    background: url('../img/write-review-rating2.svg') no-repeat center;
    font-size: 0;
    cursor: pointer
}

.write-review .rating-options input[type='radio']
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.write-review .rating-options input[type='radio']:checked ~ label
{
    background-image: url('../img/write-review-rating1.svg')
}

.write-review .rating-options input[type='radio']:checked + label
{
    background-image: url('../img/write-review-rating2.svg')
}

.write-review .captcha-box
{
    margin: 15px 0 0
}

.write-review .button-1
{
    display: block;
    width: 100%;
    border: none;
    background-color: #c09e6c;
    padding: 16px 24px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #fff
}

.write-review .button-1:before
{
    content: "";
    display: inline-block;
    margin: 0 0 0 7px;
    vertical-align: text-bottom;
    font-family: 'pacific';
    font-size: 18px;
    line-height: 18px;
    font-weight: normal
}

.write-review .button-1:hover
{
    background-color: #ae864b
}

.write-review .message-error
{
    margin: 0 0 20px
}

.product-review-list
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    overflow: hidden;
    background-color: #fff;
    padding: 20px
}

.product-review-item
{
    margin: 25px 0 55px
}

.product-review-item:last-child
{
    margin-bottom: 25px
}

.product-review-item .review-item-head
{
    margin: 0 0 15px;
    overflow: hidden
}

.product-review-item .product-review-box
{
    margin: 0 0 15px
}

.product-review-item .product-review-box.additional
{
    display: none
}

.product-review-item .product-review-box .rating
{
    width: 70px;
    height: 11px;
    margin: auto;
    background: url('../img/rating1.svg') right repeat-x
}

.product-review-item .product-review-box .rating div
{
    height: 11px;
    background: url('../img/rating2.svg') right repeat-x
}

.product-review-item .review-title
{
    margin: 0 0 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #444
}

.product-review-item .review-info
{
    margin: 0 0 10px
}

.product-review-item .review-info label
{
    display: none
}

.product-review-item .review-info .user
{
    display: inline-block;
    position: relative;
    padding: 0 20px 0 0;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #c09e6c
}

.product-review-item .review-info .user:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-family: 'pacific';
    font-size: 16px;
    font-weight: normal;
    color: #888
}

.product-review-item .review-info a.user:hover
{
    color: #ae864b
}

.product-review-item .review-info .date
{
    position: relative;
    padding: 0 22px 0 0;
    font-size: 14px;
    color: #444
}

.product-review-item .review-info .user + .date
{
    margin: 0 30px 0 0
}

.product-review-item .review-info .date:before
{
    content: "";
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 0;
    margin: auto;
    font-family: 'pacific';
    font-size: 16px;
    font-weight: normal;
    color: #888
}

.product-review-item .review-text
{
    margin: 0 0 20px;
    text-align: justify;
    font-size: 13px;
    line-height: 25px;
    font-weight: normal
}

.product-review-item .review-avatar
{
    display: none;
    font-size: 0;
    line-height: normal
}

.product-review-item .review-avatar a
{
    display: block
}

.product-review-helpfulness
{
    font-size: 0
}

.product-review-helpfulness .question, .product-review-helpfulness .vote-stats
{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 20px;
    color: #aaa
}

.product-review-helpfulness .question
{
    margin: 0 0 0 7px
}

.product-review-helpfulness .result
{
    display: block;
    margin: 10px 0 0;
    font-size: 12px
}

.product-review-helpfulness .vote-options
{
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.product-review-helpfulness .vote-options .vote
{
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 2.5px;
    border: 1px solid #eee;
    vertical-align: middle;
    transition: .3s ease;
    cursor: pointer
}

.product-review-helpfulness .vote-options .vote:hover
{
    border-color: #c09e6c;
    background-color: #c09e6c
}

.product-review-helpfulness .vote-options .vote:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 8px;
    height: 2px;
    background-color: #c09e6c;
    margin: auto;
    transition: .3s ease
}

.product-review-helpfulness .vote-options .vote:first-child:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 8px;
    margin: auto;
    background-color: #c09e6c;
    transition: .3s ease
}

.product-review-helpfulness .vote-options .vote:hover:before, .product-review-helpfulness .vote-options .vote:first-child:hover:after
{
    background-color: #fff
}

.product-review-helpfulness .vote-stats
{
    margin: 0 7px 0 0
}

.product-review-item .reply
{
    margin: 20px 0 0;
    border: 1px dashed #e6e6e6;
    padding: 20px;
    font-size: 13px;
    line-height: 25px
}

.product-review-item .reply-header
{
    margin: 0 0 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.wishlist-content
{
    min-height: 300px
}

.wishlist-content .message-error
{
    margin: 0 0 10px
}

.wishlist-info
{
    max-width: 480px;
    margin: auto;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 12px
}

.wishlist-content .tax-shipping-info
{
    margin: 20px 0 0;
    text-align: center;
    color: #aaa
}

.wishlist-content .buttons
{
    margin: 0 0 30px;
    font-size: 0
}

.wishlist-content .button-2
{
    display: block;
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 14px 24px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #888
}

.wishlist-content .button-2:hover
{
    border-color: #c09e6c;
    background-color: #c09e6c;
    color: #fff
}

.wishlist-content .button-2:before
{
    margin: 0 0 0 10px;
    vertical-align: text-bottom;
    font-family: 'pacific';
    line-height: 16px;
    font-weight: normal;
    color: #000;
    opacity: .6
}

.wishlist-content .wishlist-add-to-cart-button:before
{
    content: "";
    font-size: 17px
}

.wishlist-content .update-wishlist-button:before
{
    content: "";
    font-size: 16px
}

.wishlist-content .email-a-friend-wishlist-button:before
{
    content: "";
    font-size: 12px
}

.wishlist-content .wishlist-add-to-cart-button
{
    border-color: #c09e6c;
    background-color: #c09e6c;
    color: #fff
}

.wishlist-content .button-2.wishlist-add-to-cart-button:hover
{
    border-color: #ae864b;
    background-color: #ae864b
}

.wishlist-page .share-info
{
    text-align: center;
    font-size: 14px
}

.wishlist-page .share-label
{
    display: block;
    position: relative;
    padding: 0 0 35px
}

.wishlist-page .share-label:before
{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    font-family: 'pacific';
    font-size: 18px;
    color: #ccc
}

.wishlist-page .share-info a
{
    display: block;
    margin: 0 0 5px;
    overflow: hidden;
    font-weight: bold;
    color: #c09e6c
}

.wishlist-page .no-data, .compare-products-page .no-data, .shopping-cart-page .no-data
{
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.compare-products-page
{
    position: relative;
    overflow: hidden
}

.compare-products-page .clear-list
{
    display: inline-block;
    position: relative;
    margin: 0 0 20px;
    padding: 5px 18px 5px 0;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #c09e6c
}

.compare-products-page .clear-list:before
{
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    font-family: 'pacific';
    font-size: 17px;
    font-weight: normal;
    color: #888
}

.compare-products-table
{
    display: none
}

.compare-products-page img
{
    max-width: 100%
}

.compare-products-page .remove-button
{
    width: 100%;
    border: none;
    background-color: #eee;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #888
}

.compare-products-page .remove-button:hover
{
    background-color: #c09e6c;
    color: #fff
}

.compare-products-page .remove-button span
{
    position: relative;
    padding: 0 17px 0 0
}

.compare-products-page .remove-button span:before
{
    content: "";
    position: absolute;
    top: -3px;
    right: 0;
    font-family: 'pacific';
    font-size: 17px;
    font-weight: normal
}

.compare-products-table .full-description
{
    display: none
}

.compare-products-page .product-picture a
{
    display: block;
    position: relative
}

.compare-products-page .product-picture a:before
{
    content: "";
    display: block;
    padding-top: 100%
}

.compare-products-page .product-picture a img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.compare-products-page .product-name a
{
    display: block;
    font-size: 14px;
    font-weight: normal;
    transition: .3s ease;
    color: #444
}

.compare-products-page .product-name a:hover
{
    color: #c09e6c
}

.compare-products-page .product-price
{
    font-size: 14px;
    font-weight: bold;
    color: #444
}

.compare-products-page .specification a
{
    font-weight: bold;
    color: #c09e6c
}

.compare-products-page .attribute-squares
{
    display: inline-block;
    vertical-align: middle
}

.compare-products-page .attribute-square
{
    width: 20px;
    height: 20px;
    cursor: default
}

.compare-products-mobile .product-picture
{
    display: table;
    width: 100%
}

.compare-products-mobile .product-picture > ul
{
    display: table-row
}

.compare-products-mobile .product-picture li
{
    display: table-cell
}

.compare-products-mobile .compare-section > .title
{
    background-color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.compare-products-mobile .compare-section
{
    margin: 0 0 10px;
    border: 1px solid #eee
}

.compare-products-mobile .compare-section.product a, .compare-products-mobile .description .item, .compare-products-mobile .price .item, .compare-products-mobile .specification .item, .compare-products-mobile .full-description .item
{
    display: block;
    border-top: 1px solid #eee;
    background-color: #fff;
    padding: 7px;
    text-align: center
}

.topic-block
{
    margin: 20px
}

.topic-page a
{
    font-weight: bold;
    color: #c09e6c
}

.topic-password form, .topic-page .page-body, .not-found-page .page-body, .registration-result-page .page-body
{
    max-width: 900px;
    margin: auto;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    font-size: 14px;
    line-height: 26px
}

.home-page-welcome-message
{
    margin: 0 0 50px;
    text-align: center
}

.home-page .topic-block
{
    margin: 0;
    color: #aaa
}

.home-page .topic-block-title h2
{
    margin: 0 0 20px;
    border-bottom: 1px dashed #e6e6e6;
    padding: 15px 0;
    font-size: 30px;
    font-weight: lighter;
    text-transform: uppercase
}

.home-page .topic-block-body
{
    font-size: 14px;
    line-height: 26px
}

.popup-window .topic-page
{
    padding: 15px
}

.topic-password
{
    text-align: center
}

.enter-password-title
{
    margin: 0 0 15px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #444
}

.enter-password-form
{
    display: inline-block;
    overflow: hidden
}

.enter-password-form #password
{
    float: right;
    width: 200px;
    height: 45px
}

.enter-password-form .button-1
{
    float: right;
    width: auto;
    height: 45px;
    border: none;
    background-color: #c09e6c;
    padding: 0 20px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff
}

.password-error
{
    margin: 0 0 10px
}

.not-found-page p
{
    margin: 30px 0
}

.not-found-page strong
{
    color: #666
}

.contact-page .page-body, .email-a-friend-page .page-body, .apply-vendor-page .page-body
{
    max-width: 900px;
    margin: auto;
    border: 1px solid #eee;
    background-color: #fff;
    font-size: 14px;
    line-height: 26px
}

.contact-page .topic-block, .email-a-friend-page .topic-block, .apply-vendor-page .topic-block
{
    margin: 0;
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center
}

.contact-page .topic-block-title h2, .email-a-friend-page .topic-block-title h2, .apply-vendor-page .topic-block-title h2
{
    margin: 0 0 10px;
    font-size: 16px;
    text-transform: uppercase;
    color: #444
}

.contact-page .fieldset, .email-a-friend-page .fieldset, .apply-vendor-page .fieldset
{
    margin: 0
}

.contact-page .form-fields, .email-a-friend-page .form-fields, .apply-vendor-page .form-fields
{
    max-width: 750px;
    margin: auto;
    padding: 20px
}

.contact-page .inputs, .email-a-friend-page .inputs, .apply-vendor-page .inputs
{
    max-width: none
}

.contact-page .inputs label, .email-a-friend-page .inputs label, .apply-vendor-page .inputs label
{
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.contact-page .buttons, .email-a-friend-page .buttons, .apply-vendor-page .buttons
{
    border-top: 1px solid #eee;
    padding: 20px;
    text-align: center
}

.contact-page .button-1, .email-a-friend-page .button-1, .apply-vendor-page .button-1
{
    width: 100%;
    max-width: 300px;
    border: none;
    background-color: #c09e6c;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #fff
}

.contact-page .button-1:hover, .email-a-friend-page .button-1:hover, .apply-vendor-page .button-1:hover
{
    background-color: #ae864b
}

.contact-page .message-error, .email-a-friend-page .message-error, .apply-vendor-page .message-error
{
    margin: 0 0 10px
}

.contact-page .result, .email-a-friend-page .result, .apply-vendor-page .result
{
    padding: 20px;
    text-align: center
}

.email-a-friend-page .title
{
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center
}

.email-a-friend-page .title h2
{
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    color: #c09e6c
}

.apply-vendor-page input[name="uploadedFile"]
{
    float: right
}

.apply-vendor-page .terms-of-service input
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.apply-vendor-page .terms-of-service label
{
    display: inline-block;
    position: relative;
    padding: 0 21px 0 0;
    font-size: 14px;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.apply-vendor-page .terms-of-service label:before
{
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #aaa;
    border-radius: 50%
}

.apply-vendor-page input:checked ~ label:before
{
    border-color: #c09e6c
}

.apply-vendor-page input:checked ~ label:after
{
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    font-family: 'pacific';
    font-size: 13px;
    line-height: 16px;
    color: #c09e6c
}

.apply-vendor-page .terms-of-service .read
{
    display: inline-block;
    font-size: 14px;
    color: #c09e6c;
    cursor: pointer
}

.registration-page .fieldset, .registration-page .buttons
{
    max-width: 900px;
    margin: 0 auto 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px
}

.registration-page .fieldset .title
{
    margin: -20px -20px 20px;
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.registration-page .inputs > label
{
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.gender
{
    display: block;
    text-align: right;
    font-size: 0
}

.gender span
{
    display: inline-block;
    padding: 0 0 0 30px
}

.gender input[type="radio"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.gender label
{
    display: inline-block;
    position: relative;
    height: 45px;
    margin: 0;
    padding: 0 55px 0 0;
    font-size: 14px;
    line-height: 45px;
    font-weight: bold;
    color: #888;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gender label:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    border: 2px solid #eee;
    border-radius: 50%;
    background: #eee no-repeat center bottom
}

.gender .male label:before
{
    background-image: url('../img/male.svg')
}

.gender .female label:before
{
    background-image: url('../img/female.svg')
}

.gender input[type="radio"]:checked ~ label
{
    color: #444
}

.gender input[type="radio"]:checked ~ label:before
{
    border-color: #c09e6c
}

.date-of-birth select
{
    width: calc(33.3333% - 6.6666px)
}

.date-of-birth select + select
{
    margin: 0 10px 0 0
}

#check-availability-button
{
    display: block;
    position: relative;
    margin: 15px auto 0;
    border: none;
    background-color: transparent;
    padding: 5px 22px 5px 10px;
    font-weight: bold;
    transition: .3s ease;
    color: #c09e6c
}

#check-availability-button:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 17px;
    height: 17px;
    font-family: 'pacific';
    font-size: 17px;
    font-weight: normal;
    color: #444
}

#check-availability-button:hover
{
    color: #ae864b
}

#username-availabilty
{
    display: block;
    margin: 5px 0 0;
    text-align: center;
    font-size: 14px
}

#username-availabilty:empty
{
    display: none
}

.vat-status, .vat-note
{
    display: block;
    margin: 10px 0 0;
    text-align: right;
    font-size: 13px;
    white-space: normal;
    font-weight: normal;
    color: #444
}

.vat-status em, .vat-note em
{
    font-style: normal
}

.accept-privacy-policy
{
    text-align: center;
    line-height: 32px
}

.buttons .accept-privacy-policy
{
    margin: 0 0 20px
}

.accept-privacy-policy input[type="checkbox"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.accept-privacy-policy input ~ label
{
    display: inline-block;
    position: relative;
    height: auto;
    margin: 0;
    padding: 0 21px 0 0;
    font-size: 14px;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.accept-privacy-policy input ~ label:before
{
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.accept-privacy-policy input:checked ~ label:before
{
    border-color: #c09e6c
}

.accept-privacy-policy input:checked ~ label:after
{
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    font-family: 'pacific';
    font-size: 13px;
    line-height: 16px;
    color: #c09e6c
}

.accept-privacy-policy .read
{
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #c09e6c;
    cursor: pointer;
    transition: .3s ease
}

.accept-privacy-policy .read:hover
{
    color: #ae864b
}

.registration-page .buttons
{
    text-align: center
}

.registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1, .user-agreement-page .button-1
{
    width: 100%;
    max-width: 300px;
    border: none;
    background-color: #c09e6c;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #fff
}

.registration-page .button-1:hover, .registration-result-page .button-1:hover, .login-page .button-1:hover, .password-recovery-page .button-1:hover, .account-page .button-1:hover, .return-request-page .button-1:hover, .user-agreement-page .button-1:hover
{
    background-color: #ae864b
}

.registration-result-page .page-body, .account-activation-page .page-body
{
    text-align: center
}

.registration-result-page .result, .account-activation-page .result
{
    margin: 0 0 20px
}

.login-page .login-tabs
{
    max-width: 900px;
    margin: 0 auto 40px
}

.login-page .login-tabs .login-tabs-header
{
    display: table;
    width: 100%;
    table-layout: fixed;
    background-color: transparent
}

.login-page .login-tabs .login-tabs-header li
{
    display: table-cell;
    vertical-align: bottom;
    overflow: hidden
}

.login-page .login-tabs .login-tabs-header li:after
{
    display: none
}

.login-page .login-tabs .login-tabs-header a
{
    display: block;
    margin: 0 0 0 2.5px;
    padding: 20px;
    color: #888
}

.login-page .login-tabs .login-tabs-header strong
{
    position: relative;
    padding: 0 23px 0 0
}

.login-page .login-tabs .login-tabs-header strong:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    font-family: 'pacific';
    font-size: 15px;
    font-weight: normal;
    color: #888
}

.login-page .login-tabs .login-tabs-header .login strong:before
{
    content: ""
}

.login-page .login-tabs .login-tabs-header .register strong:before
{
    content: ""
}

.login-page .login-tabs .login-tabs-header li:last-child a
{
    margin: 0 2.5px 0 0
}

.login-page .login-tabs .login-tabs-header li.ui-state-active a
{
    border-bottom-color: transparent;
    color: #c09e6c
}

.login-page .login-tabs .login-tabs-block
{
    border: 1px solid #eee;
    padding: 20px
}

.login-page .fieldset
{
    margin: 0
}

.login-page .text
{
    margin: 0 0 20px;
    text-align: center;
    font-size: 14px;
    line-height: 27px
}

.login-page .topic-block
{
    display: inline-block;
    text-align: right;
    margin: 0
}

.login-page .topic-block strong:first-child
{
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #444
}

.login-page .topic-block ul li
{
    position: relative;
    padding: 3px 35px 3px 0
}

.login-page .topic-block ul li:before
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    width: 8px;
    height: 8px;
    margin: auto;
    border-radius: 50%;
    background-color: #c09e6c
}

.login-page .inputs.login-field
{
    position: relative;
    background: #eee
}

.login-page .inputs.login-field:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 50px;
    height: 50px;
    background-color: #dadada;
    text-align: center;
    font-family: 'pacific';
    font-size: 20px;
    line-height: 50px;
    pointer-events: none
}

.login-page .inputs.login-field.username:before
{
    content: ""
}

.login-page .inputs.login-field.email:before
{
    content: "";
    font-size: 14px
}

.login-page .inputs.login-field.password:before
{
    content: "";
    font-size: 22px
}

.login-page .inputs.login-field input
{
    height: 50px;
    position: relative;
    z-index: 1;
    padding: 0 60px 0 15px
}

.login-page .inputs.reversed
{
    overflow: hidden
}

.login-page .inputs.reversed input[type="checkbox"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.login-page .inputs.reversed input ~ label
{
    display: inline-block;
    position: relative;
    float: right;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 21px 0 10px;
    font-size: 14px;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.login-page .inputs.reversed input ~ label:before
{
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.login-page .inputs.reversed input:checked ~ label:before
{
    border-color: #c09e6c
}

.login-page .inputs.reversed input:checked ~ label:after
{
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    font-family: 'pacific';
    font-size: 13px;
    line-height: 16px;
    color: #c09e6c
}

.login-page .inputs.reversed .forgot-password
{
    float: left
}

.login-page .inputs.reversed .forgot-password a
{
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    transition: .3s ease;
    color: #c09e6c
}

.login-page .inputs.reversed .forgot-password a:hover
{
    color: #ae864b
}

.login-page .buttons, .password-recovery-page .buttons
{
    margin: 0 -20px -20px;
    border-top: 1px solid #eee;
    padding: 20px;
    text-align: center;
    font-size: 0
}

.checkout-as-guest-or-register-block .buttons
{
    padding-bottom: 20px
}

.checkout-as-guest-or-register-block .buttons .button-1
{
    margin: 0 5px 5px
}

.login-page .buttons .checkout-as-guest-button
{
    border: 1px solid #eee;
    background-color: #fff;
    transition: .3s ease;
    color: #888
}

.login-page .buttons .checkout-as-guest-button:hover
{
    border-color: #c09e6c;
    background-color: #c09e6c;
    color: #fff
}

.login-page .page-body > .topic-block
{
    display: block;
    max-width: 900px;
    margin: 0 auto 40px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px
}

.login-page .page-body > .topic-block .topic-block-title
{
    margin: -20px -20px 20px;
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.login-page .page-body > .topic-block .topic-block-title h2
{
    font-size: 16px
}

.login-page .page-body > .topic-block .topic-block-body
{
    text-align: center;
    font-size: 14px;
    line-height: 27px
}

.external-authentication
{
    display: block;
    max-width: 900px;
    margin: 0 auto 40px;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.external-authentication .title
{
    margin: -20px -20px 20px;
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.external-authentication .buttons
{
    margin: 0;
    border: none;
    padding: 0 0 5px !important
}

.password-recovery-page .page-body
{
    max-width: 900px;
    margin: 0 auto 40px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px
}

.password-recovery-page .tooltip
{
    margin: 0 0 20px;
    text-align: center;
    font-size: 14px;
    line-height: 27px
}

.password-recovery-page .inputs label
{
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.password-recovery-page .result
{
    margin: 0 0 15px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.account-page .edit-address, .account-page .edit-address + .buttons
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px
}

.account-page .edit-address .inputs > label
{
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.account-page .edit-address + .buttons
{
    text-align: center
}

.account-page .description
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.account-page .no-data
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.account-page .message-error
{
    margin: 0 0 20px;
    text-align: center;
    font-size: 14px
}

.html-account-page .side-2
{
    margin: 0 0 20px
}

.html-account-page .block
{
    border: 1px solid #eee;
    background-color: #fff
}

.html-account-page .block .title
{
    border: none;
    background-color: #c09e6c
}

.html-account-page .block .title:after, .html-account-page .block .title strong
{
    color: #fff
}

.html-account-page .block .listbox
{
    border-top: 1px solid #eee;
    border-bottom: none
}

.customer-info-page .fieldset, .customer-info-page .buttons, .multi-factor-auth .fieldset, .multi-factor-auth > .buttons
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px
}

.customer-info-page .fieldset .title, .multi-factor-auth .fieldset .title
{
    margin: -20px -20px 20px;
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.customer-info-page .buttons, .multi-factor-auth .buttons
{
    text-align: center
}

.customer-info-page .inputs > label
{
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.add-more-external-records
{
    text-align: center;
    font-size: 14px;
    line-height: 27px
}

.add-more-external-records a
{
    font-weight: bold;
    color: #c09e6c;
    transition: .3s ease
}

.add-more-external-records a:hover
{
    color: #ae864b
}

.account-page .button-2
{
    position: relative;
    border: none;
    background-color: transparent;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #c09e6c
}

.account-page .button-2:hover
{
    color: #ae864b
}

.account-page .data-table td
{
    padding-top: 20px;
    padding-bottom: 20px
}

.account-page .data-table a
{
    transition: .3s ease
}

.account-page .data-table a:hover
{
    color: #c09e6c
}

.account-page .data-table .download a
{
    position: relative;
    padding: 0 22px 0 0;
    text-transform: uppercase;
    transition: .3s ease;
    color: #c09e6c
}

.account-page .data-table .download a:hover
{
    color: #ae864b
}

.account-page .data-table .download a:before
{
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 0;
    width: 12px;
    height: 12px;
    border-bottom: 1px solid rgba(0,0,0,.5);
    text-align: center;
    font-family: 'pacific';
    font-size: 9px;
    line-height: 12px;
    font-weight: normal;
    color: #000;
    opacity: .3;
    transition: .3s ease
}

.account-page .data-table .download a:hover:before
{
    opacity: .5
}

.email-to-revalidate, .email-to-revalidate-note
{
    display: inline-block;
    margin: 10px 5px;
    vertical-align: top;
    font-size: 13px;
    white-space: normal
}

.address-list-page .address-item, .order-list-page .order-item, .return-request-list-page .request-item
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    text-align: center
}

.address-list-page .address-item .title, .order-list-page .order-item .title, .return-request-list-page .request-item .title
{
    margin: 0 0 10px;
    border-bottom: 1px solid #eee;
    padding: 10px
}

.order-list-page .order-item .title, .return-request-list-page .request-item .title
{
    margin: 0 0 20px;
    padding: 20px
}

.address-list-page .address-item .title strong, .order-list-page .order-item .title strong, .return-request-list-page .request-item .title strong
{
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: #444
}

.address-list-page .address-item .title strong
{
    position: relative;
    padding: 50px 0 0
}

.address-list-page .address-item .title strong:before
{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    font-family: 'pacific';
    font-size: 32px;
    line-height: 32px;
    font-weight: normal;
    color: #000;
    opacity: .3
}

.address-list-page .address-item .info, .order-list-page .order-item .info, .return-request-list-page .request-item .details
{
    margin: 0 0 10px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 25px;
    font-weight: normal
}

.address-list-page .address-item .info li, .order-list-page .order-item .info li, .return-request-list-page .request-item .details li
{
    padding: 2.5px 0
}

.address-list-page .address-item .info label, .order-list-page .order-item .info span
{
    display: inline-block
}

.order-list-page .order-item .info, .return-request-list-page .request-item .details
{
    margin: 0 0 20px
}

.address-list-page .address-item .buttons, .order-list-page .order-item .buttons
{
    border-top: 1px solid #eee;
    padding: 10px
}

.address-list-page .button-2, .order-list-page .button-2
{
    margin: 0 7px;
    padding: 7px 30px 7px 10px
}

.address-list-page .button-2:before, .order-list-page .button-2:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30px;
    text-align: center;
    font-family: 'pacific';
    line-height: 30px;
    font-size: 15px;
    font-weight: normal;
    color: #000;
    opacity: .3;
    transition: .3s ease
}

.address-list-page .button-2:hover:before, .order-list-page .button-2:hover:before
{
    opacity: .5
}

.button-2.edit-address-button:before
{
    content: ""
}

.button-2.delete-address-button:before
{
    content: ""
}

.button-2.order-details-button:before
{
    content: "";
    font-size: 16px
}

.button-2.return-items-button:before
{
    content: "";
    font-size: 16px
}

.address-list-page .add-button button
{
    position: relative;
    max-width: none;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 70px 30px 30px;
    font-size: 16px;
    color: #444
}

.address-list-page .add-button button:before
{
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    font-family: 'pacific';
    font-size: 32px;
    line-height: 32px;
    font-weight: normal;
    color: #000;
    opacity: .3;
    transition: .3s ease
}

.address-list-page .add-button button:hover:before
{
    opacity: .5
}

.address-list-page .add-button button:hover
{
    background-color: #fff;
    color: #c09e6c
}

.recurring-payments .title
{
    position: relative;
    margin: 0;
    border: 1px solid #eee;
    border-bottom: none;
    background-color: #fff;
    padding: 60px 20px 20px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #444
}

.recurring-payments .title:before
{
    content: "";
    position: absolute;
    top: 15px;
    right: 0;
    left: 0;
    font-family: 'pacific';
    font-size: 32px;
    line-height: 32px;
    font-weight: normal;
    color: #000;
    opacity: .3
}

.recurring-payments .initial-order a
{
    color: #c09e6c;
    transition: .3s ease
}

.recurring-payments .initial-order a:hover
{
    color: #ae864b
}

.return-request-list a, .return-request-list span, .return-request-list label
{
    display: inline-block
}

.return-request-list-page a
{
    font-weight: bold;
    color: #c09e6c;
    transition: .3s ease
}

.return-request-list-page a:hover
{
    color: #ae864b
}

.return-request-list-page .comments
{
    margin: 15px 0 0
}

.return-request-list-page .comments label
{
    text-transform: uppercase;
    font-weight: bold;
    color: #444
}

.downloadable-products-page .data-table .date
{
    white-space: nowrap
}

.downloadable-products-page .data-table label
{
    display: none
}

.user-agreement-page .terms-of-agreement
{
    margin: 0 0 20px;
    padding: 20px 0;
    text-align: center
}

.user-agreement-page .buttons
{
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.user-agreement-button[disabled]
{
    opacity: .3
}

.account-page .subscription-list .select-boxes label
{
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.account-page .subscription-list .select-boxes input[type="checkbox"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.account-page .subscription-list .select-boxes label:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.account-page .subscription-list .select-boxes input:checked ~ label:before
{
    border-color: #c09e6c
}

.account-page .subscription-list .select-boxes input:checked ~ label:after
{
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    font-family: 'pacific';
    font-size: 13px;
    line-height: 16px;
    color: #c09e6c
}

.account-page .subscription-list .data-table
{
    margin: 0
}

.account-page .subscription-list .data-table th, .account-page .subscription-list .data-table td
{
    padding: 20px
}

.account-page .subscription-list .data-table .product, .account-page .subscription-list .data-table .info
{
    padding-right: 0
}

.subscription-list .buttons
{
    margin: 20px 0;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.reward-points-overview
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.reward-points-history .title
{
    position: relative;
    margin: 0;
    border: 1px solid #eee;
    border-bottom: none;
    background-color: #fff;
    padding: 60px 20px 20px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #444
}

.reward-points-history .title:before
{
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    font-family: 'pacific';
    font-size: 32px;
    line-height: 32px;
    font-weight: normal;
    color: #000;
    opacity: .3
}

.reward-points-history .data-table label
{
    display: none
}

.reward-points-history .data-table td.message
{
    font-weight: normal
}

.reward-points-history .data-table td.points, .reward-points-history .data-table td.points-balance
{
    font-weight: bold
}

.reward-points-history .pager
{
    margin: 40px 0
}

.change-password-page .fieldset
{
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px
}

.change-password-page .inputs > label
{
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.change-password-page .buttons
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.change-password-page .result
{
    margin: 0 0 10px;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.avatar-page .message-error
{
    margin: 0 0 10px;
    text-align: center;
    font-size: 14px
}

.avatar-page .fieldset
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.avatar-page .image
{
    margin: 0 0 20px;
    line-height: 0
}

.avatar-page .image img
{
    border: 1px solid #eee
}

.avatar-page input[type="file"]
{
    overflow: hidden
}

.avatar-page .buttons
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 0
}

.avatar-page button
{
    max-width: 200px;
    margin: 5px
}

.avatar-page .button-2
{
    width: 100%;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.avatar-page .button-2:hover
{
    border-color: #c09e6c;
    background-color: #c09e6c;
    color: #fff !important
}

.avatar-page .info
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.my-product-reviews-list-page .review-product-info
{
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 25px
}

.my-product-reviews-list-page .review-product-info a
{
    font-weight: bold;
    color: #c09e6c;
    transition: .3s ease
}

.my-product-reviews-list-page .review-product-info a:hover
{
    color: #ae864b
}

.vendorinfo-page .fieldset
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.vendorinfo-page .inputs > label
{
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.vendorinfo-page .vendor-picture
{
    margin: 10px 0 0;
    text-align: center
}

.vendorinfo-page .vendor-picture img
{
    display: block;
    margin: 0 auto 20px
}

.vendorinfo-page .remove-picture-button
{
    background-color: #c09e6c;
    padding: 10px 15px;
    color: #fff
}

.vendorinfo-page .remove-picture-button:hover
{
    background-color: #ae864b;
    color: #fff
}

.vendorinfo-page .buttons
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 0
}

.gdpr-tools-page .text
{
    margin: 0 0 20px;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.gdpr-tools-page .buttons
{
    text-align: center
}

.check-gift-card-balance-page .form-fields
{
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px
}

.check-gift-card-balance-page .inputs > label
{
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.check-gift-card-balance-page .buttons
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.check-gift-card-balance-page .result
{
    margin: 0 0 10px;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.multi-factor-auth .option-list
{
    text-align: center
}

.multi-factor-auth .option-item
{
    margin: 5px 0 0
}

.multi-factor-auth .checkout-page
{
    padding-bottom: 5px !important
}

.multi-factor-auth .payment-method
{
    margin: 0 !important;
    border: none !important;
    padding: 0 !important
}

.multi-factor-auth li:only-child
{
    width: auto !important
}

.multi-factor-auth li .buttons
{
    position: relative
}

.multi-factor-auth li .buttons button
{
    background: none !important;
    padding: 0 !important;
    color: #000 !important;
    text-decoration: underline
}

.configure-provider .instruction:not(ul), .configure-provider .card-body
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 3%;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.configure-provider .table-wrapper
{
    margin: -21px 0 20px;
    padding: 3%;
    text-align: right;
    font-size: 14px;
    line-height: 25px
}

.configure-provider .qr-code, .configure-provider .manual-code
{
    vertical-align: top
}

.order-progress
{
    margin: -10px -10px 20px;
    background-color: #eee;
    padding: 20px 0;
    text-align: center
}

.order-progress ul
{
    display: table;
    width: 100%
}

.order-progress li
{
    display: table-cell
}

.order-progress a
{
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    border-right: 1px solid #eee;
    background-color: #f7f7f7;
    font-size: 0
}

.order-progress li a:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    font-family: 'pacific';
    font-size: 15px;
    line-height: 50px;
    font-weight: normal;
    color: #c09e6c
}

.order-progress li a span
{
    display: none
}

.order-progress li.active-step a
{
    cursor: pointer
}

.order-progress li.current-step a
{
    background-color: #c09e6c
}

.order-progress li.inactive-step a
{
    cursor: default
}

.order-progress li.current-step a:before
{
    color: #000;
    opacity: .5
}

.order-progress li.inactive-step a:before
{
    color: #000;
    opacity: .3
}

.order-progress li.current-step.cart-step a:before, .order-progress li.inactive-step.cart-step a:before
{
    content: "";
    font-size: 22px
}

.order-progress li.current-step.address-step a:before, .order-progress li.inactive-step.address-step a:before
{
    content: "";
    font-size: 24px
}

.order-progress li.current-step.shipping-step a:before, .order-progress li.inactive-step.shipping-step a:before
{
    content: "";
    font-size: 22px
}

.order-progress li.current-step.payment-step a:before, .order-progress li.inactive-step.payment-step a:before
{
    content: "";
    margin: 5px 0 0;
    font-size: 24px;
    line-height: 45px
}

.order-progress li.current-step.confirm-step a:before, .order-progress li.inactive-step.confirm-step a:before
{
    content: "";
    font-size: 22px
}

.order-progress li.current-step.complete-step a:before, .order-progress li.inactive-step.complete-step a:before
{
    content: "";
    font-size: 22px
}

.cart-content > .tax-shipping-info
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.cart-content > .tax-shipping-info a
{
    font-weight: bold;
    color: #c09e6c;
    transition: .3s ease
}

.cart-content > .tax-shipping-info a:hover
{
    color: #ae864b
}

.remove-discount-button, .remove-gift-card-button
{
    float: left;
    width: 25px;
    height: 25px;
    margin: 0;
    border: none;
    background: url('../img/close.png') center no-repeat;
    cursor: pointer
}

.shopping-cart-page .message-error
{
    margin: 0 0 20px;
    font-size: 13px
}

.cart-options
{
    margin: 0 0 30px;
    text-align: center
}

.common-buttons
{
    margin: 0 0 20px;
    font-size: 0
}

.common-buttons button
{
    position: relative;
    width: 100%;
    max-width: 350px;
    margin: 0 0 3px;
    border: none;
    background-color: #e9e9e9;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #c09e6c
}

.common-buttons button:hover
{
    color: #ae864b
}

.common-buttons button:before
{
    content: "";
    display: inline-block;
    width: 30px;
    margin: 0 0 0 7px;
    text-align: center;
    vertical-align: middle;
    font-family: 'pacific';
    font-size: 15px;
    line-height: 30px;
    font-weight: normal;
    color: #000;
    opacity: .6;
    transition: .3s ease
}

.common-buttons button:hover:before
{
    opacity: .6
}

.common-buttons .update-cart-button:before
{
    content: ""
}

.common-buttons .continue-shopping-button:before
{
    content: "";
    font-size: 18px
}

.checkout-attributes
{
    max-width: 480px;
    margin: 0 auto -1px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px
}

.checkout-attributes dl
{
    text-align: right
}

.checkout-attributes dt
{
    margin: 0 0 7px;
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.checkout-attributes dd
{
    margin: 0 0 20px
}

.checkout-attributes dd:last-child
{
    margin: 0
}

.checkout-attributes li
{
    line-height: 24px
}

.checkout-attributes select, .checkout-attributes .datepicker
{
    min-width: 200px;
    max-width: 432px;
    border: none;
    background-color: #eee;
    background-position: left 17.5px center;
    padding: 0 15px 0 30px;
    color: #444
}

.checkout-attributes input[type='text'], .checkout-attributes textarea
{
    width: 100%
}

.checkout-attributes .date-picker-wrapper select
{
    width: calc(33.3333% - 6.6666px)
}

.checkout-attributes .date-picker-wrapper select + select
{
    margin: 0 10px 0 0
}

.checkout-attributes .selected-value .attribute-square:before
{
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.checkout-attributes .selected-value .attribute-square:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    text-align: center;
    font-family: 'pacific';
    font-size: 10px;
    line-height: 10px;
    color: #000;
    opacity: .5
}

.checkout-attributes .option-list
{
    font-size: 0
}

.checkout-attributes .option-list li
{
    display: inline-block;
    margin: 5px 0 5px 10px
}

.checkout-attributes .option-list input[type="radio"], .checkout-attributes .option-list input[type="checkbox"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkout-attributes .option-list input[type="radio"] ~ label
{
    display: block;
    background-color: #eee;
    padding: 9px 15px;
    font-size: 14px;
    font-weight: normal;
    color: #444;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkout-attributes .option-list input[type="radio"]:checked ~ label
{
    background-color: #c09e6c;
    color: #fff
}

.checkout-attributes .option-list input[type="checkbox"] ~ label
{
    display: inline-block;
    position: relative;
    padding: 0 21px 0 0;
    font-size: 14px;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkout-attributes .option-list input[type="checkbox"] ~ label:before
{
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #e3e3e3;
    border-radius: 50%
}

.checkout-attributes .option-list input[type="checkbox"]:checked ~ label:before
{
    border-color: #c09e6c
}

.checkout-attributes .option-list input[type="checkbox"]:checked ~ label:after
{
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    font-family: 'pacific';
    font-size: 13px;
    line-height: 16px;
    color: #c09e6c
}

.selected-checkout-attributes
{
    max-width: 480px;
    margin: 0 auto -1px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    font-size: 14px;
    line-height: 25px
}

.totals
{
    max-width: 480px;
    margin: auto;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px
}

.total-info
{
    margin: 0 0 20px
}

.cart-total td
{
    width: 50%;
    font-size: 14px
}

.cart-total-left
{
    padding-right: 12px;
    text-align: right
}

.cart-total-right
{
    padding-left: 12px;
    text-align: left
}

.cart-total td label, .cart-total td span
{
    display: block;
    padding: 8px 0
}

.cart-total-right span
{
    font-weight: bold;
    color: #666
}

.cart-total .order-total td
{
    padding-top: 10px;
    vertical-align: top
}

.cart-total .order-total label, .cart-total .order-total span
{
    border-top: 1px solid #eee;
    padding: 20px 0 8px;
    font-weight: bold;
    color: #444
}

.order-total .cart-total-left label, .order-total .cart-total-left span
{
    font-size: 16px
}

.order-total .cart-total-right span
{
    font-size: 20px
}

.cart-total .earn-reward-points span
{
    font-weight: normal
}

.cart-total .giftcard-summary span
{
    display: inline-block;
    white-space: nowrap
}

.cart-total .giftcard-summary button
{
    position: absolute;
    margin-top: 3px
}

.terms-of-service
{
    margin: 0 0 20px;
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.terms-of-service input[type="checkbox"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.terms-of-service input[type="checkbox"] ~ label
{
    display: inline;
    position: relative;
    padding-right: 22px;
    font-size: 14px;
    color: #444;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.terms-of-service input[type="checkbox"] ~ label:before
{
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    border: 1px solid #ccc;
    border-radius: 50%;
    vertical-align: middle
}

.terms-of-service input[type="checkbox"]:checked ~ label:before
{
    border-color: #c09e6c
}

.terms-of-service input[type="checkbox"]:checked ~ label:after
{
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    font-family: 'pacific';
    font-size: 13px;
    line-height: 16px;
    color: #c09e6c
}

.terms-of-service label
{
    cursor: pointer
}

.terms-of-service a
{
    display: inline-block;
    font-weight: bold;
    color: #c09e6c;
    cursor: pointer;
    text-decoration: underline;
    transition: .3s ease
}

.terms-of-service a:hover
{
    color: #ae864b
}

.checkout-buttons
{
    text-align: center
}

.checkout-button
{
    width: 100%;
    max-width: 300px;
    border: none;
    background-color: #c09e6c;
    padding: 17px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    transition: .3s ease;
    color: #fff
}

.checkout-button:hover
{
    background-color: #ae864b
}

.cart-collaterals
{
    margin: 0 0 30px
}

.cart-collaterals .title
{
    position: relative;
    border-bottom: none;
    padding: 20px 60px;
    text-align: right;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
    cursor: pointer
}

.cart-collaterals .title:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 25px;
    height: 25px;
    text-align: center;
    font-family: 'pacific';
    font-size: 20px;
    line-height: 25px;
    font-weight: normal;
    color: #000;
    opacity: .4
}

.cart-collaterals .title:after
{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    margin: auto;
    width: 18px;
    height: 18px;
    text-align: center;
    font-family: 'pacific';
    font-size: 14px;
    font-weight: normal;
    color: #aaa;
    transition: .5s ease;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cart-collaterals .title.open:after
{
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.cart-collaterals .coupon-box-wrapper .title:before
{
    content: "";
    font-size: 22px
}

.cart-collaterals .giftcard-box-wrapper .title:before
{
    content: ""
}

.cart-collaterals .shipping-wrapper > .title:before
{
    content: ""
}

.cart-collaterals .coupon-box-wrapper, .cart-collaterals .giftcard-box-wrapper
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff
}

.cart-collaterals .coupon-box, .cart-collaterals .giftcard-box
{
    display: none;
    position: relative;
    border-top: 1px solid #eee;
    overflow: hidden;
    padding: 15px 15px 95px
}

.cart-collaterals .coupon-box:after, .cart-collaterals .giftcard-box:after
{
    content: "";
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #eee
}

.cart-collaterals .coupon-box > .title, .cart-collaterals .giftcard-box > .title
{
    display: none
}

.cart-collaterals .deals .hint, .cart-collaterals .shipping .hint
{
    margin: 0 0 7px;
    text-align: right;
    font-size: 14px;
    line-height: 27px;
    font-weight: normal
}

.cart-collaterals .coupon-code input
{
    width: 100%;
    height: 50px
}

.cart-collaterals .coupon-code button
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    min-width: 200px;
    max-width: calc(100% - 20px);
    margin: auto;
    overflow: hidden;
    border: 1px solid #eee;
    background: #fff url('../img/plus.svg') no-repeat right 15px center;
    padding: 15px 45px 15px 35px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-overflow: ellipsis;
    color: #c09e6c;
    opacity: 0;
    transition: .3s ease
}

.cart-collaterals .active .coupon-code button
{
    opacity: 1
}

.cart-collaterals .open .coupon-code button{opacity: 1}


.cart-collaterals .coupon-code button:hover
{
    border-color: #c09e6c;
    background-color: #c09e6c;
    background-image: url('../img/plus-hover.svg');
    color: #fff
}

.cart-collaterals .message-failure
{
    margin: 10px 0;
    font-size: 14px;
    color: #dd464d
}

.cart-collaterals .message-failure:before
{
    content: "";
    width: 18px;
    margin: 0;
    display: inline-block;
    border: 1px solid #dd464d;
    border-radius: 50%;
    text-align: center;
    font-family: 'pacific';
    font-size: 12px;
    line-height: 17px;
    font-weight: bold
}

.cart-collaterals .message-success
{
    margin: 10px 0;
    font-size: 14px;
    color: #47a267
}

.cart-collaterals .message-success:before
{
    content: "";
    margin: 0;
    font-family: 'pacific';
    font-size: 12px
}

.cart-collaterals .current-code
{
    margin: 5px 0 0;
    background-color: #f6f6f6;
    padding: 5px;
    text-align: right;
    font-size: 13px;
    line-height: 25px;
    font-weight: normal
}

.cart-collaterals .shipping-wrapper
{
    position: relative;
    border: 1px solid #eee;
    background-color: #fff
}

.cart-collaterals .estimate-shipping-button
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 0
}

.checkout-page .section
{
    margin: 0 0 30px
}

.ship-to-same-address, .pickup-in-store
{
    text-align: center
}

.ship-to-same-address .selector input[type="checkbox"], .pickup-in-store .selector input[type="checkbox"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.ship-to-same-address .selector input ~ label, .pickup-in-store .selector input ~ label
{
    display: inline-block;
    position: relative;
    padding: 0 21px 0 0;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ship-to-same-address .selector input ~ label:before, .pickup-in-store .selector input ~ label:before
{
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.ship-to-same-address .selector input:checked ~ label:before, .pickup-in-store .selector input:checked ~ label:before
{
    border-color: #c09e6c
}

.ship-to-same-address .selector input:checked ~ label:after, .pickup-in-store .selector input:checked ~ label:after
{
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    font-family: 'pacific';
    font-size: 13px;
    line-height: 16px;
    color: #c09e6c
}

.checkout-page .min-amount-warning
{
    display: block;
    margin: 0 0 20px;
    text-align: center;
    font-size: 13px;
    line-height: 25px;
    color: #dd464d
}

.checkout-page .address-list-page
{
    display: none
}

.checkout-page .address-grid
{
    overflow: hidden
}

.checkout-page .address-item
{
    margin: 0 0 20px;
    background-color: #fff
}

.checkout-page .address-box
{
    border: 1px solid #eee;
    padding: 20px
}

.checkout-page .address-item li
{
    padding: 2.5px 0;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    font-weight: normal
}

.checkout-page .address-item .name
{
    display: block;
    position: relative;
    margin: -20px -20px 10px;
    border-bottom: 1px solid #eee;
    padding: 50px 20px 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.checkout-page .address-item .name:before
{
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    font-family: 'pacific';
    font-size: 32px;
    line-height: 32px;
    font-weight: normal;
    color: #000;
    opacity: .3
}

.checkout-page .select-button
{
    border: 1px solid #eee;
    border-top: none;
    padding: 20px;
    text-align: center
}

.checkout-page .select-button button
{
    border: none;
    background-color: #c09e6c;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #fff
}

.checkout-page .select-button button:hover
{
    background-color: #ae864b
}

.select-billing-address .title, .select-shipping-address .title
{
    margin: 0 0 20px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.section.new-billing-address, .section.new-shipping-address
{
    margin: 0;
    border: 1px solid #eee;
    background-color: #fff
}

.section.new-billing-address .title, .section.new-shipping-address .title
{
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 70px 30px 30px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #444
}

.section.new-billing-address .title:before, .section.new-shipping-address .title:before
{
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    font-family: 'pacific';
    font-size: 32px;
    line-height: 32px;
    font-weight: normal;
    color: #000;
    opacity: .3
}

.checkout-page .edit-address
{
    padding: 20px
}

.checkout-page .edit-address .inputs > label
{
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.checkout-page .billing-addresses + .buttons, .checkout-page .shipping-addresses + .buttons
{
    margin: 0 0 100px;
    border: 1px solid #eee;
    border-top: none;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.checkout-page .billing-addresses + .buttons button, .checkout-page .shipping-addresses + .buttons button
{
    width: 100%;
    max-width: 300px;
    border: none;
    background-color: #c09e6c;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #fff
}

.checkout-page .billing-addresses + .buttons button:hover, .checkout-page .shipping-addresses + .buttons button:hover
{
    background-color: #ae864b
}

.checkout-page .section.order-summary > .title
{
    margin: 0 0 20px;
    border-bottom: 1px dashed #e6e6e6;
    padding: 15px 0;
    text-align: center
}

.checkout-page .section.order-summary > .title strong
{
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    font-weight: lighter;
    text-transform: uppercase;
    color: #aaa
}

.checkout-page .section.order-summary .cart-info
{
    position: static !important
}

.checkout-page .section.order-summary .total-info
{
    margin: 0
}

.checkout-page .pickup-in-store .description
{
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 25px
}

.checkout-page .pickup-points
{
    margin: 0;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px
}

.checkout-page .pickup-points .title
{
    margin: 0 0 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.checkout-page .select-pickup-point
{
    text-align: center
}

.checkout-page .select-pickup-point label
{
    display: block;
    margin: 0 0 10px
}

.checkout-page .select-address select
{
    max-width: 100%;
    background-color: #eee
}

.checkout-page .pickup-points-map
{
    max-width: 900px;
    height: 300px;
    margin: 30px auto 0
}

.checkout-page .single-pickup-point
{
    margin: 15px 0 -15px;
    font-size: 14px;
    line-height: 25px
}

.checkout-page .shipping-method, .checkout-page .payment-method
{
    margin: 0 0 100px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 15px;
    text-align: center
}

.checkout-page .shipping-method ul, .checkout-page .payment-method ul
{
    font-size: 0
}

.checkout-page .shipping-method li, .checkout-page .payment-method li
{
    position: relative;
    margin: 0 0 20px;
    background-color: #eee;
    padding: 20px;
    text-align: center
}

.checkout-page .shipping-method input[type="radio"], .checkout-page .payment-method input[type="radio"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkout-page .shipping-method input + label, .checkout-page .payment-method input + label
{
    display: block;
    padding: 50px 0 0;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
    cursor: pointer
}

.checkout-page .shipping-method input + label:before
{
    content: "";
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    font-family: 'pacific';
    font-size: 27px;
    line-height: 32px;
    font-weight: normal;
    color: #000;
    opacity: .3
}

.checkout-page .shipping-method input + label:after, .checkout-page .payment-method input + label:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.checkout-page .shipping-method input:checked + label:after, .checkout-page .payment-method input:checked + label:after
{
    border: 2px solid #c09e6c
}

.checkout-page .shipping-method .method-description, .checkout-page .payment-method .payment-description
{
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 25px
}

.checkout-page .shipping-method .buttons, .checkout-page .payment-method .buttons, .checkout-page .payment-info .buttons
{
    margin: 0 -15px -15px;
    border-top: 1px solid #eee;
    padding: 20px;
    text-align: center
}

.checkout-page .payment-info .buttons
{
    margin: 0 -20px -20px
}

.checkout-page .shipping-method .buttons button, .checkout-page .payment-method .buttons button, .checkout-page .payment-info .buttons button
{
    width: 100%;
    max-width: 300px;
    border: none;
    background-color: #c09e6c;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #fff
}

.checkout-page .shipping-method .buttons button:hover, .checkout-page .payment-method .buttons button:hover, .checkout-page .payment-info .buttons button:hover
{
    background-color: #ae864b
}

.checkout-page .shipping-method ul.hidden + .buttons
{
    margin-top: -16px;
    border-color: #fff
}

.checkout-page .payment-method .payment-logo
{
    position: absolute;
    top: 25px;
    left: 0;
    right: 0
}

.checkout-page .payment-method .payment-logo label
{
    display: block
}

.use-reward-points
{
    margin: 0 0 25px
}

.use-reward-points input[type="checkbox"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.use-reward-points input[type="checkbox"] ~ label
{
    display: inline-block;
    position: relative;
    padding: 0 21px 0 0;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.use-reward-points input[type="checkbox"] ~ label:before
{
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.use-reward-points input[type="checkbox"]:checked ~ label:before
{
    border-color: #c09e6c
}

.use-reward-points input[type="checkbox"]:checked ~ label:after
{
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 15px;
    height: 15px;
    border: none;
    text-align: center;
    font-family: 'pacific';
    font-size: 13px;
    line-height: 16px;
    color: #c09e6c
}

.payment-info
{
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.payment-info .info
{
    max-width: 900px;
    margin: 0 auto 30px
}

.payment-info .info table, .payment-info .info tbody, .payment-info .info tr, .payment-info .info td
{
    display: block
}

.payment-info .info tr
{
    max-width: 500px;
    margin: 0 auto 20px;
    text-align: right
}

.payment-info .info tr:only-child
{
    max-width: none;
    margin: 0;
    text-align: center
}

.payment-info .info td > label
{
    display: block;
    margin: 0 0 7px;
    font-size: 13px;
    line-height: normal;
    font-weight: bold;
    color: #666
}

.payment-info .info td select
{
    width: calc(50% - 10px);
    height: 50px;
    margin: 0 0 0 3.5px;
    background-color: #eee
}

.payment-info .info td select:only-child
{
    width: 100%;
    margin: 0
}

.payment-info .info td select ~ select
{
    margin: 0 3.5px 0 0
}

.payment-info .info td input[type='text']
{
    width: 100% !important;
    height: 50px
}

.section.confirm-order
{
    margin: 0 0 20px;
    text-align: center
}

.confirm-order .terms-of-service
{
    display: inline-block
}

.confirm-order .buttons
{
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px
}

.confirm-order .button-1
{
    width: 100%;
    max-width: 300px;
    border: none;
    background-color: #c09e6c;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #fff
}

.confirm-order .button-1:hover
{
    background-color: #ae864b
}

.checkout-page .shipping-info-wrap .shipping-method, .checkout-page .billing-info-wrap .payment-method
{
    margin: 0;
    border: none;
    padding: 0;
    text-align: right
}

.checkout-page .billing-info .title, .checkout-page .shipping-info .title
{
    margin: -20px -20px 20px;
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center
}

.checkout-page .billing-info .title strong, .checkout-page .shipping-info .title strong
{
    display: block;
    position: relative;
    padding: 50px 0 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #444
}

.checkout-page .billing-info .title strong:before, .checkout-page .shipping-info .title strong:before
{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    font-family: 'pacific';
    font-size: 32px;
    line-height: 32px;
    font-weight: normal;
    color: #000;
    opacity: .3
}

.checkout-page .payment-method-info .title, .checkout-page .shipping-method-info .title
{
    font-size: 14px;
    color: #444
}

.checkout-page .payment-method-info li.payment-method, .checkout-page .shipping-method-info li.shipping-method
{
    text-align: center
}

.section.order-completed
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.section.order-completed .title strong
{
    display: inline-block;
    position: relative;
    padding: 70px 0 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #444
}

.section.order-completed .title strong:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 55px;
    height: 55px;
    margin: auto;
    text-align: center;
    font-family: 'pacific';
    font-size: 55px;
    line-height: 55px;
    font-weight: normal;
    color: #000;
    opacity: .3
}

.section.order-completed .order-number, .section.order-completed .details-link
{
    margin: 0 0 7px
}

.section.order-completed .order-number strong
{
    font-size: 14px;
    line-height: 25px;
    font-weight: normal
}

.section.order-completed .details-link a
{
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
    transition: .3s ease;
    color: #c09e6c
}

.section.order-completed .details-link a:hover
{
    color: #ae864b
}

.section.order-completed .buttons
{
    margin: 20px -20px -20px;
    border-top: 1px solid #eee;
    padding: 20px;
    text-align: center
}

.section.order-completed button
{
    width: 100%;
    max-width: 300px;
    border: none;
    background-color: #c09e6c;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #fff
}

.section.order-completed button:hover
{
    background-color: #ae864b
}

.opc .tab-section
{
    margin: 0 0 10px;
    border: 1px solid #eee;
    background-color: #fff
}

.opc .step-title
{
    display: block;
    overflow: hidden;
    padding: 20px;
    text-align: center
}

.opc .step-title .title
{
    display: inline-block;
    position: relative;
    padding: 0 35px 0 0;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.opc .step-title .title:before
{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 35px;
    margin: -17.5px 0 0;
    text-align: center;
    font-family: 'pacific';
    font-size: 15px;
    line-height: 35px;
    font-weight: normal;
    color: #c09e6c
}

#opc-billing.active .step-title .title:before
{
    content: "";
    font-size: 24px;
    color: #ccc
}

#opc-shipping.active .step-title .title:before, .tab-section.active ~ #opc-shipping .step-title .title:before
{
    content: "";
    font-size: 24px;
    color: #ccc
}

#opc-shipping_method.active .step-title .title:before, .tab-section.active ~ #opc-shipping_method .step-title .title:before
{
    content: "";
    right: -2px;
    font-size: 20px;
    color: #ccc
}

#opc-payment_method.active .step-title .title:before, .tab-section.active ~ #opc-payment_method .step-title .title:before
{
    content: "";
    font-size: 21px;
    color: #ccc
}

#opc-payment_info.active .step-title .title:before, .tab-section.active ~ #opc-payment_info .step-title .title:before
{
    content: "";
    right: 2px;
    font-size: 22px;
    color: #ccc
}

#opc-confirm_order.active .step-title .title:before, .tab-section.active ~ #opc-confirm_order .step-title .title:before
{
    content: "";
    right: -2px;
    font-size: 24px;
    color: #ccc
}

.checkout-page .opc .pickup-in-store .description i
{
    font-style: normal
}

.opc .allow .step-title, .opc .allow .step-title .title
{
    cursor: pointer
}

.opc .step-title .number
{
    display: none
}

.opc .step
{
    border-top: 1px solid #eee;
    padding: 20px
}

.opc .section
{
    margin: 0 0 20px
}

.opc .section > label
{
    display: block;
    margin: 0 0 20px;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.opc input[type="text"], .opc select
{
    width: 100%;
    max-width: 500px;
    height: 50px;
    background-color: #eee
}

.opc .buttons
{
    margin: 20px -20px -20px;
    border-top: 1px solid #eee;
    padding: 20px;
    text-align: center;
    font-size: 0
}

.opc .back-link
{
    display: inline-block;
    width: calc(50% - 5px);
    max-width: 300px;
    margin: 0 0 0 10px
}

.opc .back-link small
{
    display: none
}

.opc .back-link a
{
    display: block;
    border: 1px solid #eee;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #444
}

.opc .back-link a:hover
{
    border-color: #c09e6c;
    background-color: #c09e6c;
    color: #fff
}

.opc .buttons button
{
    width: 100%;
    max-width: 300px;
    border: none;
    background-color: #c09e6c;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: normal;
    transition: .3s ease;
    color: #fff
}

.opc .back-link + button
{
    width: calc(50% - 10px)
}

.opc .please-wait
{
    display: block;
    margin: 10px 0 0
}

.opc .section.new-billing-address, .opc .section.new-shipping-address, .opc .section.pickup-points, .checkout-page .opc .shipping-method, .checkout-page .opc .payment-method, .opc .payment-info
{
    border: none
}

.checkout-page .opc .edit-address, .opc .section.pickup-points, .checkout-page .opc .shipping-method, .checkout-page .opc .payment-method, .opc .payment-info
{
    padding: 0
}

.opc .select-pickup-points
{
    max-width: 500px;
    margin: auto
}

.opc .select-pickup-points label
{
    display: block;
    margin: 0 0 7px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.opc .section.select-billing-address, .opc .section.select-shipping-address
{
    text-align: center
}

.opc .buttons button:hover
{
    background-color: #ae864b
}

.order-summary-content.one-page-checkout
{
    overflow: hidden
}

.opc .checkout-data
{
    text-align: center
}

.opc .terms-of-service
{
    display: inline-block;
    text-align: center
}

.order-review-data, .order-details-area, .shipment-details-area
{
    overflow: hidden
}

.order-review-data > div, .order-details-area > div, .shipment-details-area > div
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.order-review-data ul, .order-details-area ul, .shipment-details-area ul
{
    margin: 0 0 15px;
    text-align: center
}

.order-review-data li, .order-details-area li, .shipment-details-area li
{
    padding: 2.5px 0;
    font-size: 14px;
    line-height: 25px;
    font-weight: normal
}

.order-review-data li.name, .order-details-area li.name, .shipment-details-area li.name
{
    font-weight: bold;
    color: #444
}

.order-details-page .page-title
{
    margin: 0 0 20px;
    overflow: hidden
}

.order-details-page .page-title h1
{
    margin: 0 0 10px
}

.order-details-page .page-title a
{
    display: inline-block;
    margin: 0 7px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 9.5px 19px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #c09e6c
}

.order-details-page .page-title a:hover
{
    border-color: #c09e6c;
    background-color: #c09e6c;
    color: #fff
}

.order-details-page .order-overview
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.order-details-page .order-number
{
    font-size: 16px;
    text-transform: uppercase;
    color: #444
}

.order-details-page .order-total strong
{
    display: inline-block;
    color: #444
}

.order-details-page .tax-shipping-info
{
    margin: 0 0 10px;
    border: 1px solid #eee;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.order-details-page .tax-shipping-info a
{
    font-weight: bold;
    transition: .3s ease;
    color: #c09e6c
}

.order-details-page .tax-shipping-info a:hover
{
    color: #ae864b
}

.order-details-page .billing-info .title, .order-details-page .shipping-info .title, .shipment-details-page .shipment-details-area .title
{
    margin: -20px -20px 15px;
    border-bottom: 1px solid #eee;
    padding: 20px
}

.order-details-page .billing-info .title strong, .order-details-page .shipping-info .title strong, .shipment-details-page .shipment-details-area .title strong
{
    display: block;
    position: relative;
    padding: 50px 0 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #444
}

.order-details-page .billing-info .title strong:before, .order-details-page .shipping-info .title strong:before, .shipment-details-page .shipment-details-area .title strong:before
{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    font-family: 'pacific';
    font-size: 32px;
    line-height: 32px;
    font-weight: normal;
    color: #000;
    opacity: .3
}

.shipment-details-page .shipment-details-area .order-info-wrap .title strong:before
{
    content: "";
    font-size: 30px
}

.order-details-page .payment-method-info .title, .order-details-page .shipping-method-info .title
{
    padding: 2.5px 0;
    font-size: 14px;
    line-height: 25px;
    color: #444
}

.order-details-page .section.shipments, .order-details-page .section.products
{
    margin: 0 0 60px
}

.order-details-page .section.options
{
    margin: 0
}

.order-details-page .selected-checkout-attributes
{
    text-align: center
}

.order-details-page .section.shipments .title, .order-details-page .section.products .title, .shipment-details-page .section.products .title
{
    margin: 0 0 20px;
    border-bottom: 1px dashed #e6e6e6;
    padding: 15px 0;
    text-align: center
}

.order-details-page .section.shipments .title strong, .order-details-page .section.products .title strong, .shipment-details-page .section.products .title strong
{
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    font-weight: lighter;
    text-transform: uppercase;
    color: #aaa
}

.order-details-page .data-table td, .shipment-details-page .data-table td
{
    padding: 20px
}

.order-details-page .data-table .td-title, .order-details-page .data-table label
{
    display: none
}

.order-details-page .data-table .product a, .shipment-details-page .data-table .name a
{
    font-style: normal
}

.order-details-page .data-table .shipment-id, .order-details-page .data-table .unit-price, .order-details-page .data-table .total, .shipment-details-page .data-table .quantity, .return-request-page .data-table .unit-price
{
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap
}

.order-details-page .data-table td.total
{
    color: #c09e6c
}

.order-details-page .data-table a, .shipment-details-page .data-table a, .return-request-page .data-table a
{
    transition: .3s ease
}

.order-details-page .data-table a:hover, .shipment-details-page .data-table a:hover, .return-request-page .data-table a:hover
{
    color: #c09e6c
}

.order-details-page .order-details-area
{
    margin: 0 0 60px
}

.order-details-page .actions
{
    margin: 20px 0 10px;
    text-align: center
}

.order-details-page .actions button
{
    width: 100%;
    max-width: 300px;
    border: none;
    background-color: #c09e6c;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #fff
}

.order-details-page .actions button:hover
{
    background-color: #ae864b
}

.order-details-page .cart-total tr:last-child td
{
    font-size: 16px;
    font-weight: bold;
    color: #444
}

.order-details-page .cart-total tr:last-child td strong
{
    font-size: 20px;
    color: #444
}

.shipment-details-page .shipment-details-area
{
    margin: 0 0 60px
}

.order-details-page .data-table .product .download a
{
    display: inline-block;
    margin: 5px 0 0;
    color: #c09e6c
}

.order-details-page .data-table .product .download a:hover
{
    color: #ae864b
}

.return-request-page .section
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff
}

.return-request-page .section .title
{
    margin: 0;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.return-request-page .section .table-wrapper
{
    border-width: 1px 0 0
}

.return-request-page .data-table
{
    margin: 0
}

.return-request-page .data-table select
{
    min-width: 60px;
    background-color: #eee;
    text-align: center;
    text-align-last: center;
    font-weight: bold;
    color: #444
}

.return-request-page .fieldset
{
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px
}

.return-request-page .fieldset .title
{
    margin: -20px -20px 20px;
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.return-request-page .fieldset label
{
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.return-request-file > div
{
    display: inline-block;
    width: 500px;
    height: 45px;
    max-width: 100%;
    vertical-align: middle
}

.return-request-page .qq-upload-button
{
    width: 100%;
    height: 45px;
    border: 1px solid #c09e6c;
    background-color: #c09e6c;
    padding: 13px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff
}

.return-request-page .qq-upload-list li
{
    background-color: transparent !important;
    color: #333 !important;
    font-size: 12px
}

.return-request-page .buttons
{
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.return-request-page .result
{
    background-color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 35px
}

.search-input
{
    margin: 0 0 60px;
    border: 1px solid #eee;
    background-color: #fff
}

.search-input input + label
{
    display: inline;
    margin: 0 2px 0 0
}

.search-input .fieldset
{
    margin: 0
}

.basic-search
{
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid #eee
}

.basic-search .inputs:first-child label
{
    display: block;
    position: relative;
    z-index: 2;
    height: auto;
    padding: 15px 0 30px;
    text-align: center;
    font-weight: bold;
    color: #666
}

.basic-search .inputs:first-child label:before
{
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    right: 0;
    left: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    text-align: center;
    font-family: 'pacific';
    font-size: 50px;
    line-height: 50px;
    font-weight: normal;
    color: rgba(0,0,0,.15);
    pointer-events: none
}

.search-input .inputs.reversed
{
    text-align: right
}

.search-input .inputs:last-child
{
    margin-bottom: 0
}

.search-input .inputs input[type="checkbox"]
{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.search-input .inputs input ~ label
{
    display: inline-block;
    position: relative;
    height: auto;
    padding: 0 21px 0 0;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
    color: #444;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.search-input .inputs input ~ label:before
{
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.search-input .inputs input:checked ~ label:before
{
    border-color: #c09e6c
}

.search-input .inputs input:checked ~ label:after
{
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    font-family: 'pacific';
    font-size: 13px;
    line-height: 16px;
    color: #c09e6c
}

.search-input input[type="text"], .search-input select
{
    height: 50px
}

.advanced-search
{
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid #eee
}

.advanced-search .inputs label:first-child
{
    font-size: 13px;
    font-weight: bold;
    color: #666
}

.advanced-search .price-range
{
    overflow: hidden
}

.advanced-search .price-range input
{
    float: right;
    width: calc(50% - 5px);
    margin: 0 0 0 10px
}

.advanced-search .price-range input ~ input
{
    margin-left: 0
}

.search-input .buttons
{
    padding: 20px;
    text-align: center
}

.search-input .button-1
{
    width: 100%;
    max-width: 300px;
    border: none;
    background-color: #c09e6c;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #fff
}

.search-input .button-1:hover
{
    background-color: #ae864b
}

.search-results .no-result
{
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.search-input .warning, .search-results .result
{
    display: block;
    margin: 10px 0 0;
    font-weight: normal;
    color: #dd464d
}

.search-results
{
    margin: 30px 0 0
}

.search-page .product-selectors
{
    border-width: 1px 0 1px
}

.sitemap-page .description
{
    margin: 0 0 40px;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.sitemap-page .entity
{
    margin: 0 0 20px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.sitemap-page .entity-title
{
    margin: -20px -20px 15px;
    border-bottom: 1px solid #eee;
    padding: 20px
}

.sitemap-page .entity-title h2
{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.sitemap-page .entity-body
{
    line-height: 24px
}

.sitemap-page li
{
    display: inline-block;
    margin: 2.5px 10px
}

.sitemap-page a
{
    display: block;
    padding: 3px 5px;
    font-size: 15px;
    font-weight: normal;
    transition: .3s ease;
    color: #c09e6c
}

.sitemap-page a:hover
{
    color: #ae864b
}

.sitemap-page a:empty
{
    display: none
}

.blog-search-box .title:before
{
    content: "";
    font-size: 18px
}

.block-blog-archive .title:before
{
    content: "";
    font-size: 18px
}

.block-popular-blogtags .title:before
{
    content: "";
    font-size: 16px
}

.block-blog-archive .year
{
    margin: 5px 0 -5px
}

.block-blog-archive .year + .year
{
    margin-top: 15px
}

.block-blog-archive .year .number
{
    font-size: 14px;
    color: #444
}

.block-blog-archive .year .sublist
{
    padding: 0
}

.block-blog-archive .year .sublist a
{
    padding: 5px 0;
    font-weight: normal
}

.blog-page .post, .news-list-page .news-item
{
    position: relative;
    margin: 0 0 10px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px 20px 65px
}

.blog-page .post:after, .news-list-page .item:after
{
    content: "";
    display: block;
    clear: both
}

.post-head, .news-list-page .news-head
{
    margin: 0 0 20px;
    overflow: hidden
}

.post-date, .news-list-page .news-date, .news-item-page .news-date
{
    display: block;
    position: relative;
    text-align: center
}

.post-date .day, .news-list-page .news-date .day, .news-item-page .news-date .day
{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #ddd
}

.post-date .month, .news-list-page .news-date .month, .news-item-page .news-date .month
{
    display: block;
    position: relative;
    z-index: 2;
    min-width: 65px;
    font-size: 11px;
    line-height: 40px;
    letter-spacing: 1px;
    font-weight: lighter;
    text-transform: uppercase;
    color: #222
}

.post-title, .news-list-page .news-title
{
    display: block;
    padding: 8px 0;
    font-size: 17px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #222
}

.post-title:hover, .news-list-page .news-title:hover
{
    color: #c09e6c
}

.blog-page .post-body, .news-list-page .news-body
{
    max-height: 130px;
    overflow: hidden;
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 25px
}

.post-body strong, .post-description strong, .news-list-page .news-body strong
{
    color: #444
}

.post-body a, .post-description a, .news-list-page .news-body a
{
    color: #c09e6c;
    transition: .3s ease
}

.post-body a:hover, .news-list-page .news-body a:hover
{
    color: #ae864b
}

.blog-page .tags, .blogpost-page .tags
{
    margin: 0 0 15px;
    overflow: hidden;
    font-size: 14px;
    line-height: 25px
}

.blog-page .tags label, .blogpost-page .tags label
{
    display: inline-block;
    position: relative;
    margin: 0 0 0 15px;
    padding: 0 25px 0 0;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.blog-page .tags label:before, .blogpost-page .tags label:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    font-family: 'pacific';
    font-size: 16px;
    font-weight: normal;
    color: #aaa
}

.blog-page .tags ul, .blogpost-page .tags ul
{
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0
}

.blog-page .tags li, .blogpost-page .tags li
{
    display: inline;
    font-size: 14px;
    line-height: 25px
}

.blog-page .tags li.separator, .blogpost-page .tags li.separator
{
    margin: 0 3px 0 5px
}

.blog-page .tags a:hover, .blogpost-page .tags a:hover
{
    color: #c09e6c
}

.blog-posts .buttons, .news-list-page .buttons
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 1px solid #eee;
    padding: 20px
}

.blog-posts .read-more, .news-list-page .read-more
{
    position: relative;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #c09e6c
}

.blog-posts .read-more span, .news-list-page .read-more span
{
    vertical-align: middle
}

.blog-posts .read-more:after, .news-list-page .read-more:after
{
    content: "";
    display: inline-block;
    margin: 0 8px 0 -8px;
    vertical-align: middle;
    font-family: 'pacific';
    font-size: 7px
}

.blog-posts .read-more:hover, .news-list-page .read-more:hover
{
    color: #ae864b
}

.blog-posts .read-comments
{
    display: none;
    font-size: 11px;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: .3s ease
}

.blog-posts .read-comments:before
{
    content: "";
    display: inline-block;
    margin: 0 -8px 0 8px;
    vertical-align: middle;
    font-family: 'pacific';
    font-size: 17px;
    color: #444
}

.blog-posts .read-comments:hover
{
    color: #444
}

.news-item-page .page-title, .blogpost-page .page-title
{
    margin: 0;
    border: 1px solid #eee;
    border-bottom: none;
    background-color: #fff;
    padding: 20px 5%
}

.news-item-page .page-title h1, .blogpost-page .page-title h1
{
    font-size: 20px;
    font-weight: bold;
    color: #444
}

.news-item-page .page-body, .blogpost-page .page-body
{
    margin: 0 0 10px;
    border: 1px solid #eee;
    border-top: none;
    background-color: #fff;
    padding: 0 5%
}

.news-item-page .news-body, .blogpost-page .post-body
{
    padding: 15px 0 25px;
    text-align: justify;
    font-size: 14px;
    line-height: 25px
}

.blogpost-page .tags
{
    margin: 0 0 25px;
    border-top: 1px solid #eee;
    padding-top: 25px
}

.new-comment
{
    margin: 22px 0 10px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px
}

.new-comment .title
{
    margin: -20px -20px 20px;
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center
}

.new-comment .title strong
{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.new-comment .notifications
{
    margin: 0 0 10px;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.new-comment .result
{
    color: #393
}

.new-comment textarea
{
    width: 100%
}

.new-comment .buttons
{
    margin: 0 -20px -20px;
    padding: 20px;
    border-top: 1px solid #eee;
    text-align: center
}

.new-comment .button-1
{
    width: 100%;
    max-width: 500px;
    border: none;
    background-color: #c09e6c;
    padding: 12.5px;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #fff
}

.new-comment .button-1:before
{
    content: "";
    margin: 0 0 0 10px;
    font-family: 'pacific';
    vertical-align: text-bottom;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal
}

.new-comment .button-1:hover
{
    background-color: #ae864b
}

.comment-list
{
    margin: 22px 0 10px;
    border: 1px solid #eee;
    overflow: hidden;
    background-color: #fff;
    padding: 20px
}

.comment-list .title
{
    margin: -20px -20px 20px;
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.blog-comment, .news-comment
{
    margin: 0 0 40px
}

.blog-comment:last-child, .news-comment:last-child
{
    margin: 0
}

.blog-comment:after, .news-comment:after
{
    content: "";
    display: block;
    clear: both
}

.comment-info
{
    width: 120px;
    margin: 0 auto 10px
}

.comment-info .username
{
    display: block;
    margin: 0 0 7px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #c09e6c
}

.comment-info a.username:hover
{
    color: #ae864b
}

.comment-info .avatar
{
    position: relative;
    width: 120px;
    height: 120px;
    overflow: hidden
}

.comment-info .avatar img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    border: 1px solid #eee
}

.comment-time
{
    display: inline-block;
    position: relative;
    margin: 0 0 10px;
    font-size: 14px;
    padding: 0 22px 0 0;
    color: #444
}

.comment-time label
{
    display: none
}

.comment-time:before
{
    content: "";
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 16px;
    font-family: 'pacific';
    color: #888;
    font-weight: normal
}

.comment-title
{
    margin: 0 0 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #444
}

.comment-body
{
    margin: 0 0 7px;
    text-align: justify;
    font-size: 13px;
    line-height: 25px;
    font-weight: normal
}

.news-item-page .inputs:first-child label
{
    display: block
}

.news-list-homepage
{
    margin: 0 0 50px;
    padding: 0 0 10px
}

.news-list-homepage .news-item
{
    position: relative;
    margin: 0 0 10px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px 20px 65px
}

.news-list-homepage .news-head
{
    margin: 0 0 20px;
    overflow: hidden
}

.news-list-homepage .news-date
{
    display: block;
    position: relative;
    text-align: center
}

.news-list-homepage .news-date .day
{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #ddd
}

.news-list-homepage .news-date .month
{
    display: block;
    position: relative;
    z-index: 2;
    min-width: 65px;
    font-size: 11px;
    line-height: 40px;
    letter-spacing: 1px;
    font-weight: lighter;
    text-transform: uppercase;
    color: #222
}

.news-list-homepage .news-title
{
    display: block;
    padding: 8px 0;
    font-size: 17px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #222
}

.news-list-homepage .news-body
{
    max-height: 130px;
    margin: 0 0 20px;
    overflow: hidden;
    font-size: 14px;
    line-height: 25px
}

.news-list-homepage .buttons
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 1px solid #eee;
    padding: 10px 20px
}

.news-list-homepage .buttons a
{
    display: inline-block;
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #c09e6c
}

.news-list-homepage .view-all a
{
    display: block;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #222
}

.news-list-homepage .buttons span, .news-list-homepage .view-all span
{
    vertical-align: middle
}

.news-list-homepage .buttons a:after, .news-list-homepage .view-all a:after
{
    content: "";
    display: inline-block;
    margin: 0 8px 0 -8px;
    vertical-align: middle;
    font-family: 'pacific';
    font-size: 7px
}

.news-list-homepage .view-all span
{
    position: relative;
    top: 1px
}

.news-list-homepage .view-all a:after
{
    margin-left: -16px
}

.profile-info-box
{
    text-align: center
}

.profile-info-box .avatar
{
    margin: 0 0 20px
}

.profile-info-box .avatar img
{
    border: 1px solid #eee
}

.profile-info-box .title
{
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.profile-info-box .stats
{
    font-size: 14px;
    line-height: 26px
}

.profile-info-box .pm-button
{
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
    transition: .3s ease;
    text-transform: uppercase;
    color: #c09e6c
}

.profile-info-box .pm-button:hover
{
    color: #ae864b
}

.profile-info-box .pm-button:before
{
    content: "";
    margin: 0 -5px 0 10px;
    font-family: 'pacific';
    font-size: 13px;
    font-weight: normal;
    color: #aaa
}

.profile-page .topic + .topic
{
    margin-top: 40px
}

.profile-page .topic-title
{
    margin: 0 0 20px;
    font-size: 15px;
    font-weight: bold
}

.profile-page .topic-title a
{
    margin-right: 5px;
    text-transform: uppercase;
    color: #c09e6c
}

.profile-page .topic-title a:hover
{
    color: #ae864b
}

.profile-page .topic-body
{
    font-size: 13px;
    line-height: 26px
}

.profile-page .topic-body .quote
{
    background-color: #f6f6f6;
    padding: 20px;
    font-style: italic
}

.profile-page .topic-data
{
    margin: 10px 0 0
}

.profile-page .topic-data:before
{
    content: "";
    margin-left: 5px;
    vertical-align: middle;
    font-family: 'pacific';
    font-size: 13px;
    font-weight: normal;
    color: #aaa
}

.profile-page .topic br + br
{
    display: none
}

.private-messages-page table
{
    margin: 0
}

.private-messages-page th, .private-messages-page td
{
    text-align: right
}

.private-messages-page td
{
    padding: 30px 15px
}

.private-messages-page .pm-unread
{
    transition: .3s ease;
    color: #c09e6c
}

.private-messages-page .pm-unread:hover
{
    color: #ae864b
}

.private-messages-page .pager
{
    margin: 30px 0
}

.private-messages-page .pm-button
{
    margin: 10px 20px 0;
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    transition: .3s ease;
    text-transform: uppercase;
    color: #c09e6c
}

.private-messages-page .pm-button:hover
{
    color: #ae864b
}

.private-messages-page .pm-button:before
{
    margin-left: 10px;
    font-family: 'pacific';
    font-weight: normal;
    color: #aaa
}

.delete-selected-pm-button:before
{
    content: "";
    font-size: 16px
}

.mark-unread-pm-button:before
{
    content: "";
    font-size: 12px
}

.private-message-view-page .page-body
{
    border: 1px solid #eee;
    background-color: #fff;
    padding: 30px 5%
}

.private-message-view-page .view-message
{
    font-size: 14px;
    line-height: 25px
}

.private-message-view-page .message-head
{
    margin: 0 0 30px;
    border-bottom: 1px dashed #e6e6e6;
    padding: 0 0 20px
}

.private-message-view-page .message-head label
{
    display: inline-block
}

.private-message-view-page .message-head span
{
    display: inline-block;
    font-weight: bold;
    color: #444
}

.private-message-view-page .message-body
{
    margin: 0 0 30px;
    text-align: justify
}

.private-message-view-page .pm-button
{
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    transition: .3s ease;
    text-transform: uppercase;
    color: #c09e6c
}

.private-message-view-page .pm-button:hover
{
    color: #ae864b
}

.private-message-view-page .pm-button + button
{
    margin-right: 20px
}

.private-message-view-page .pm-button:before
{
    margin-left: 10px;
    font-family: 'pacific';
    font-weight: normal;
    color: #aaa
}

.private-message-view-page .reply-pm-button:before
{
    content: "";
    font-size: 12px
}

.private-message-view-page .delete-pm-button:before
{
    content: "";
    font-size: 16px;
    position: relative;
    bottom: -1px
}

.private-message-view-page .back-pm-button
{
    display: none
}

@media all and (max-width:1260px)
{
    .admin-header-links
    {
        border-bottom: 1px solid #e3e3e3;
        background-color: #fff
    }

    .responsive-strip
    {
        position: fixed;
        top: 0;
        z-index: 1020;
        width: 100%
    }
.header-lower .store-search-box{position: fixed;  top: 50px;  width: 100%; z-index:101;}

    .header
    {
        padding-top: 90px
    }

    .header .header-selectors-wrapper, .header .header-links-wrapper, .header .header-logo
    {
        display: none
    }

    .responsive-logo-wrapper
    {
        position: relative;
        z-index: 2;
        height: 50px;
        box-shadow: 0 1px 0 #e3e3e3;
        background-color: #fff;
        padding: 0 50px;
        text-align: center;
        font-size: 0
    }

    .responsive-logo-wrapper .logo
    {
        display: inline-block;
        height: 50px;
        max-width: 100%;
        padding: 10px
    }

    .responsive-logo-wrapper .logo img
    {
        max-height: 100%
    }

    .responsive-logo-wrapper:after
    {
        content: "";
        display: block;
        clear: both
    }

    .overlayOffCanvas
    {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1060;
        background-color: rgba(0,0,0,0);
        transition: background .3s ease
    }

    .overlayOffCanvas.show
    {
        background-color: rgba(0,0,0,.4)
    }

    .scrollYRemove
    {
        overflow: hidden !important;
        -ms-touch-action: none !important;
        -webkit-overflow-scrolling: touch !important
    }

    .header-menu
    {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1050;
        width: 285px;
        height: 100%;
        background-color: #fff;
        text-align: right;
        transition: .7s ease;
        -webkit-transform: translate(285px);
        -ms-transform: translate(285px);
        transform: translate(285px)
    }

    .header-menu.open
    {
        z-index: 1070;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }

    .responsive-strip {}

    .menu-button {
        position:absolute;right:0;top:0;z-index:3;
        
    }

    .menu-open
    {
        display: block;
        width: 50px;
        height: 50px;
        border: 4px solid #fff;
        background-color: #eee;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: .7s ease;
        cursor: pointer
    }

    .header-menu.open .menu-open
    {
        width: 40px;
        border-color: #c09e6c;
        background-color: #c09e6c
    }

    .header-menu.open .menu-open span
    {
        background-color: #141414;
        opacity: .5
    }

    .menu-open span
    {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        width: 17px;
        height: 1px;
        margin: auto;
        opacity: 1;
        background-color: #666;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: .25s ease
    }

    .menu-open span:nth-child(1)
    {
        top: 15px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }

    .menu-open span:nth-child(2)
    {
        top: 20px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }

    .menu-open span:nth-child(3)
    {
        top: 25px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }

    .header-menu.open .menu-open span:nth-child(1)
    {
        top: 14px;
        left: 4px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .header-menu.open .menu-open span:nth-child(2)
    {
        width: 0%;
        opacity: 0
    }

    .header-menu.open .menu-open span:nth-child(3)
    {
        top: 26px;
        left: 4px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .header-menu.opened .menu-close
    {
        position: absolute;
        top: 0;
        left: -50px;
        z-index: -1;
        cursor: pointer;
        height:50px;width:50px;
        background:#c09e6c;
        display: flex;
        align-items: center;
        justify-content: center;
        color:#fff;
        font-size:20px;
    }

    .header-menu.open .menu-close
    {
        z-index: 2
    }

    .menu-header
    {
        display: table;
        width: 100%;
        height: 50px
    }

    .menu-header > div
    {
        display: table-cell;
        position: relative;
        min-width: 34.5px;
        border: 1px solid #d1d1d1;
        border-width: 0 0 1px 1px;
        vertical-align: middle;
        font-size: 0
    }

    .menu-header > div a, .menu-header > div select
    {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .menu-header > div a:before, .menu-header .tax-display-type-selector:before, .menu-header .currency-selector:before
    {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        font-family: 'pacific';
        font-size: 15px;
        line-height: 50px;
        cursor: pointer
    }

    .menu-header > div select
    {
        width: 100%;
        min-width: 0;
        height: 50px;
        padding: 0;
        cursor: pointer;
        opacity: 0
    }

    .menu-header > div:last-child
    {
        border-left: 0
    }

    .menu-header .ico-register:before
    {
        content: ""
    }

    .menu-header .ico-login:before
    {
        content: ""
    }

    .menu-header .ico-wishlist:before
    {
        content: ""
    }

    .menu-header .ico-account:before
    {
        content: "";
        font-size: 17px
    }

    .menu-header .ico-logout:before
    {
        content: ""
    }

    .menu-header .ico-compare:before
    {
        content: "";
        font-size: 13px
    }

    .menu-header .ico-inbox:before
    {
        content: "";
        font-size: 13px
    }

    .menu-header .tax-display-type-selector:before
    {
        content: "";
        font-size: 18px
    }

    .menu-header .currency-selector:before
    {
        content: "";
        font-size: 22px
    }

    .menu-header .wishlist-qty, .menu-header .inbox-unread
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 13px;
        height: 13px;
        margin: auto;
        border-radius: 50%;
        background-color: #c09e6c;
        text-align: center;
        font-size: 8px;
        line-height: 12px;
        font-weight: bold;
        color: rgba(0,0,0,.7);
        -webkit-transform: translate(9px,-9px);
        -ms-transform: translate(9px,-9px);
        transform: translate(9px,-9px)
    }

    .menu-header .tax-display-type-selector, .menu-header .currency-selector, .menu-header .mobile-language-selector
    {
        background-color: #e9e9e9
    }

    .menu-header .desktop-language-selector
    {
        display: none
    }

    .menu-header .current-language-image
    {
        width: 16px;
        height: 11px;
        margin: auto
    }

    .menu-body
    {
        position: relative;
        max-height: calc(100vh - 50px);
        overflow-y: auto
    }

    .menu-body>ul li {
        border-bottom: 1px solid #e6e6e6;
        position:relative;
    }

    .menu-body > ul li:after
    {
        content: "";
        display: block;
        clear: both
    }

    .menu-body > ul li > a, .menu-body > ul li > span
    {
        display: block;
        position: relative;
        z-index: 0;
        padding: 15px 20px !important;
        font-size: 15px;
        font-weight: bold;
        color: #444
    }

    .menu-body > ul li:last-child > a, .menu-body > ul li:last-child > span
    {
        border-bottom: 0
    }

    .menu-body > ul li > .with-subcategories
    {
        float: right;
        width: calc(100% - 49px)
    }

    .plus-button {
        position: absolute;
        left:0;
        top:0;
        z-index: 1;
        float: left;
        width: 49px;
        height: 49px;
        cursor: pointer
    }

    .plus-button:before
    {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        font-family: 'pacific';
        font-size: 8px;
        line-height: 49px;
        cursor: pointer
    }

    .menu-body .sublist-wrap {
       display:none;
    }


    .menu-body .sublist-wrap ul li {
        border-right: 1px solid #e6e6e6
    }

    .menu-body ul li.back-button {
        border-color: #d1d1d1;
        background-color: #e9e9e9;
        cursor: pointer
    }

    .menu-body .back-button span
    {
        padding: 15.5px 20px !important;
        text-align: left;
        font-weight: normal;
        text-transform: none
    }

    .menu-body .back-button span:before
    {
        content: "";
        display: inline-block;
        margin: 0 0 3px 10px;
        vertical-align: middle;
        font-family: 'pacific';
        font-size: 8px
    }

    .header-flyout-cart
    {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1055;
        width: 285px;
        height: 100%;
        background-color: #fff;
        text-align: right;
        transition: .7s ease;
        -webkit-transform: translate(-285px);
        -ms-transform: translate(-285px);
        transform: translate(-285px)
    }

    .header-flyout-cart.open
    {
        z-index: 1075;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }

    .flyout-cart-wrapper, .flyout-cart, .mini-shopping-cart
    {
        height: 100%
    }

    .flyout-cart{display:none;}

    .header-flyout-cart .flyout-cart-link {
        position: absolute;
        left: 100%;
        transition: .7s ease;
        pointer-events: none
    }

    .header-flyout-cart .flyout-cart-link:before
    {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        text-align: center;
        font-family: 'pacific';
        font-size: 22px;
        line-height: 45px;
        transition: .7s ease;
        cursor: pointer
    }

    .header-flyout-cart.open .flyout-cart-link:before
    {
        opacity: 0
    }

    .header-flyout-cart .flyout-cart-link a
    {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        border: 4px solid #fff;
        background-color: #eee;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: .7s ease;
        cursor: pointer
    }

    .header-flyout-cart.open .flyout-cart-link a
    {
        width: 40px
    }

    .header-flyout-cart .cart-qty-number-mobile
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 14px;
        height: 12px;
        text-align: center;
        font-size: 9px;
        line-height: 12px;
        font-weight: normal
    }

    .header-flyout-cart .cart-qty, .header-flyout-cart .cart-qty-number-desktop
    {
        display: none
    }

    .mobile-flyout-cart-toggle
    {
        position: absolute;
        top: 0;
        right: -50px;
        z-index: 2;
        width: 50px;
        height: 50px;
        background-color: transparent;
        transition: .7s ease;
        cursor: pointer
    }

    .open .mobile-flyout-cart-toggle
    {
        right: -40px;
        width: 40px;
        background-color: #c09e6c
    }

    .mobile-flyout-cart-toggle span
    {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        width: 17px;
        height: 1px;
        margin: auto;
        opacity: 0;
        background-color: #666;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: .7s ease
    }

    .mobile-flyout-cart-toggle span.first
    {
        top: 24px;
        left: -14px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .mobile-flyout-cart-toggle span.second
    {
        top: 24px;
        left: 16px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .open .mobile-flyout-cart-toggle span.first
    {
        top: 24px;
        left: 0;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        opacity: 1
    }

    .open .mobile-flyout-cart-toggle span.second
    {
        top: 24px;
        left: 0;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        opacity: 1
    }

    .no-items-in-cart span
    {
        display: none
    }

    .mini-shopping-cart .items
    {
        position: relative;
        height: calc(100% - 167px);
        overflow-y: auto
    }

    .store-search-box
    {
        transition: .5s ease
    }

    .store-search-box form {
        position: relative;
        z-index: 1075
    }

    .store-search-box.nav-down
    {
        margin-top: -40px
    }

    .store-search-box .ui-autocomplete
    {
        transition: .7s ease
    }

    .store-search-box.nav-down .ui-autocomplete
    {
        -webkit-transform: translate(0,-100%);
        -ms-transform: translate(0,-100%);
        transform: translate(0,-100%)
    }

    .search-box-opener
    {
        display: none
    }

    .header-links-wrapper
    {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1070;
        width: 100%;
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        background-color: #fff;
        text-align: center
    }

    .header-links-wrapper.open
    {
        display: block
    }

    .product-selectors
    {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1050;
        background-color: #c09e6c;
        border-top: 1px solid rgba(0,0,0,.2)
    }

    .product-sorting, .product-page-size
    {
        float: right;
        width: 55px;
        font-size: 0
    }

    .product-sorting select, .product-page-size select
    {
        position: relative;
        z-index: 2;
        width: 55px;
        height: 55px;
        border: 1px solid rgba(0,0,0,.2);
        border-width: 0 0 0 1px;
        background: none;
        padding: 0;
        font-size: 0
    }

    .product-sorting option, .product-page-size option
    {
        background-color: #fff;
        font-size: 14px
    }

    .product-selectors .product-viewmode
    {
        float: right;
        border-left: 1px solid rgba(0,0,0,.2);
        padding: 7.5px 5px 7.5px 12px
    }

    .product-selectors .product-viewmode a
    {
        border: none;
        background-color: rgba(0,0,0,.05)
    }

    .product-selectors .product-viewmode a.selected
    {
        background-color: #fff
    }

    .product-selectors .product-viewmode a.selected:before
    {
        opacity: .8
    }

    .filters-button
    {
        display: block;
        position: relative;
        float: left;
        width: calc(100% - 110px);
        overflow: hidden;
        padding: 0 20px 0 55px;
        text-align: right;
        font-size: 14px;
        line-height: 55px;
        font-weight: bold;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-transform: uppercase;
        color: #fff;
        cursor: pointer
    }

    .filters-button:before
    {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 55px;
        height: 55px;
        text-align: center;
        font-family: 'pacific';
        font-size: 18px;
        line-height: 55px;
        color: #000;
        opacity: .4
    }

    .category-page-body
    {
        padding-bottom: 55px
    }

    .category-page-body .scroll-back-button
    {
        bottom: 65px
    }

    .product-details-page .breadcrumb li:last-child
    {
        display: none
    }

    .product-details-page .breadcrumb li:nth-last-child(2) a > span
    {
        font-weight: normal;
        color: #aaa
    }

    .product-details-page .breadcrumb li:nth-last-child(2) .delimiter
    {
        display: none
    }

    .product-details-page .block-category-navigation
    {
        display: none
    }

    .product-details-grouped-page .overview-buttons
    {
        width: 100%;
        text-align: center
    }

    .product-page-layout-two .gallery .picture a
    {
        pointer-events: none
    }

    .product-page-layout-two .gallery .slick-dots
    {
        font-size: 0;
        margin: 10px 0 0
    }

    .product-page-layout-two .gallery .slick-dots li
    {
        display: inline-block;
        margin: 10px 2px
    }

    .product-page-layout-two .gallery .slick-dots button
    {
        position: relative;
        width: 30px;
        height: 4px;
        border: none;
        background-color: #dedede;
        font-size: 0
    }

    .product-page-layout-two .gallery .slick-dots button:before
    {
        content: "";
        display: block;
        position: absolute;
        top: -10px;
        right: 0;
        bottom: -10px;
        left: 0;
        background-color: transparent
    }

    .product-page-layout-two .gallery .slick-dots .slick-active button
    {
        background-color: #c09e6c
    }

    .product-page-layout-two .product-grid
    {
        margin: 35px 0
    }

    .html-account-page .block
    {
        float: none;
        width: auto;
        text-align: center
    }

    .html-account-page .block a.active
    {
        font-weight: bold;
        color: #c09e6c
    }

    .cart-footer ~ .cross-sells
    {
        display: none
    }

    .cart-info-stick
    {
        position: static !important
    }

    .wishlist-page .table-wrapper, .shopping-cart-page .table-wrapper, .checkout-page .section.order-summary .cart-content .table-wrapper
    {
        border: none;
        background-color: transparent
    }

    .cart thead
    {
        display: none
    }

    .cart tr, .cart td
    {
        display: block
    }

    .cart .td-title
    {
        display: inline-block;
        margin: 0 0 0 5px
    }

    .cart tr
    {
        position: relative;
        margin: 0 0 10px;
        border: 1px solid #eee;
        overflow: hidden;
        background-color: #fff;
        padding: 0 0 40px;
        text-align: center;
        font-size: 0
    }

    .cart td
    {
        border: none;
        font-size: 13px
    }

    .cart tr > *:first-child, .cart tr > *:last-child
    {
        border: none;
        padding: 10px
    }

    .cart .checkbox-label
    {
        width: auto;
        height: auto;
        padding: 0 25px 0 0;
        font-size: 14px
    }

    .cart .checkbox-label:before
    {
        top: 0
    }

    .cart input[type="checkbox"]:checked ~ label:after
    {
        top: -1px
    }

    .cart td.remove-from-cart, .cart td.add-to-cart
    {
        display: inline-block;
        width: 50%
    }

    .shopping-cart-page .cart td.remove-from-cart
    {
        width: 100%
    }

    .cart td.sku
    {
        border-top: 1px solid #eee
    }

    .cart td.sku:first-child
    {
        border-top: none
    }

    .cart .product-picture
    {
        float: right;
        width: 140px;
        border-top: 1px solid #eee;
        padding-left: 0
    }

    .cart .product-picture a
    {
        position: relative;
        display: block;
        width: 120px;
        height: 120px
    }

    .cart .product-picture a:before
    {
        content: "";
        display: block;
        padding-top: 100%
    }

    .cart .product-picture img
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto
    }

    .cart .product-picture ~ td
    {
        margin: 0 140px 0 0;
        text-align: right
    }

    .cart .product
    {
        border-top: 1px solid #eee
    }

    .cart .product a
    {
        font-size: 14px
    }

    .cart .unit-price
    {
        padding: 0 10px 10px;
        font-size: 14px
    }

    .cart .quantity
    {
        padding: 0 10px 10px
    }

    .cart .qty-input
    {
        width: 35px;
        height: 35px;
        padding: 0
    }

    .cart .qty-dropdown
    {
        width: 50px;
        height: 35px;
        padding: 0 10px 0 20px;
        line-height: 35px
    }

    .cart .product-picture ~ td.subtotal
    {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        clear: both;
        height: 40px;
        margin: 0;
        border-top: 1px solid #eee;
        text-align: center
    }

    .cart .subtotal .discount, .cart .subtotal .discount + div
    {
        display: inline-block;
        margin: 0 5px
    }

    .cart .product-picture ~ td.subtotal .td-title
    {
        display: none
    }

    .product-filter{margin:0;border:none;border-bottom:1px solid #eee;}
    .product-filters .item{padding:0;}

    .fiter-close{background-color: #c09e6c;width:40px;height:50px;position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center; color:#fff;font-size:20px;}

    .catalog-filter{
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1070;
        width: 300px;
        height: 100%;
        background-color: #fff;
        transition: all .7s ease;
        -webkit-transform: translate(355px);
        -ms-transform: translate(355px);
        transform: translate(355px);
    }

    .catalog-filter.open{
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
}

@media all and (max-width: 479px) {
    .compare-products-page .remove-button {
        padding:5px
    }

    .compare-products-page .remove-button span
    {
        display: block;
        width: 30px;
        height: 30px;
        margin: auto;
        padding: 0;
        font-size: 0
    }

    .compare-products-page .remove-button span:before
    {
        left: 0;
        right: 0;
        text-align: center;
        line-height: 30px
    }

    .login-page .login-tabs .login-tabs-header li a
    {
        padding: 15px 7px;
        font-size: 13px
    }

    .login-page .login-tabs .login-tabs-header li a strong
    {
        padding: 0
    }

    .login-page .login-tabs .login-tabs-header li a strong:before
    {
        display: none
    }

    .downloadable-products-page .table-wrapper, .reward-points-history .table-wrapper
    {
        border: none;
        background-color: transparent
    }

    .downloadable-products-page .data-table thead, .reward-points-history .data-table thead
    {
        display: none
    }

    .downloadable-products-page .data-table tr, .reward-points-history .data-table tr
    {
        display: block;
        margin: 0 0 20px;
        border: 1px solid #eee
    }

    .downloadable-products-page .data-table td, .reward-points-history .data-table td
    {
        display: block;
        border: none;
        border-bottom: 1px solid #eee;
        padding: 15px;
        text-align: center
    }

    .downloadable-products-page .data-table td:last-child, .reward-points-history .data-table td:last-child
    {
        border: none
    }

    .downloadable-products-page .data-table label, .reward-points-history .data-table label
    {
        display: inline-block
    }

    .reward-points-history .data-table label
    {
        margin: 0 0 0 5px;
        vertical-align: text-top;
        font-weight: normal
    }

    .reward-points-history .title
    {
        margin: 0 0 20px;
        border-bottom: 1px solid #eee
    }

    .opc .back-link a, .opc .buttons button
    {
        padding: 12px
    }

    .private-messages-page thead, .private-messages-page .date
    {
        display: none
    }

    .private-messages-page tr, .private-messages-page td
    {
        display: block
    }

    .private-messages-page tr + tr
    {
        border-top: 1px solid #eee
    }

    .private-messages-page th, .private-messages-page td
    {
        text-align: center
    }

    .private-messages-page td
    {
        padding: 10px 20px
    }

    .private-messages-page td
    {
        border: none
    }

    .private-messages-page .select
    {
        border: none !important;
        background-color: #f6f6f6;
        padding: 10px 20px !important
    }

    .private-messages-page .from a, .private-messages-page .to a
    {
        font-weight: normal
    }
}

@media all and (max-width:767px)
{
    .order-details-page .table-wrapper
    {
        border: none;
        background-color: transparent
    }

    .order-details-page thead
    {
        display: none
    }

    .order-details-page .data-table tr
    {
        display: block;
        margin: 0 0 20px;
        border: 1px solid #eee
    }

    .order-details-page .data-table td
    {
        display: block;
        border: none;
        border-bottom: 1px solid #eee;
        padding: 15px;
        text-align: center
    }

    .order-details-page td:last-child
    {
        border: none
    }

    .order-details-page .data-table .product a
    {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .order-details-page .data-table .product .download a
    {
        display: none
    }

    .order-details-page .data-table .td-title, .order-details-page .data-table label
    {
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        color: #888
    }

    .shipment-details-page .data-table .sku
    {
        display: none
    }

    .shipment-details-page .data-table .quantity
    {
        width: 40%
    }

    .return-request-page .data-table .unit-price
    {
        display: none
    }
}

@media all and (max-width: 1000px) {
    .footer .footer-block .list{display:none;}
}

@media all and (max-width: 1260px) {
    
}

@media all and (min-width: 480px) {
    .side-2:after {
        content:"";
        display: block;
        clear: both
    }

    .eu-cookie-bar-notification
    {
        width: 450px;
        max-width: 95%;
        margin-left: -225px
    }

    .block .tags
    {
        margin: 0 -5px
    }

    .block .tags li, .product-tags-all-page li
    {
        margin: 0 5px
    }

    .block .poll-options li, .block .poll-results li
    {
        display: block
    }

    .product-grid .item-box, .product-list .item-box
    {
        width: calc(33.333% - 6.66px)
    }

    .product-grid .item-box:nth-child(2n+1), .product-list .item-box:nth-child(2n+1)
    {
        clear: none;
        margin-right: 10px
    }

    .item-box .price
    {
        font-size: 16px
    }

    .item-box .old-price
    {
        font-size: 14px
    }

    .gallery .picture
    {
        border: none;
        padding: 10px
    }

    .gallery .picture a, .product-image-holder
    {
        border: 1px solid #eee
    }

    .gallery .picture-thumbs
    {
        margin: 0 10px
    }

    .enter-password-form #password
    {
        width: 300px
    }

    .enter-password-form .button-1
    {
        min-width: 100px
    }

    .order-progress ul
    {
        display: block;
        position: relative;
        max-width: 420px;
        margin: auto;
        font-size: 0
    }

    .order-progress ul:before
    {
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        right: 10px;
        z-index: 1;
        height: 4px;
        margin: -2px 0 0;
        background-color: #e6e6e6
    }

    .order-progress ul li
    {
        display: inline-block;
        position: relative;
        z-index: 2;
        width: 50px;
        margin: 0 10px;
        background-color: transparent
    }

    .order-progress a
    {
        border: none;
        background-color: #e6e6e6
    }

    .common-buttons button
    {
        margin: 0 10px 3px
    }

    .cart-collaterals .hint, .cart-collaterals .shipping-results
    {
        text-align: center
    }

    .news-list-homepage .news-item
    {
        text-align: right
    }

    .news-list-homepage .news-date
    {
        float: right;
        margin-right: -4px
    }

    .news-list-homepage .news-title
    {
        margin: 0 76px 0 0
    }

    .news-list-homepage .buttons
    {
        text-align: right
    }

    .blog-page .post, .news-list-page .news-item
    {
        text-align: right
    }

    .blog-page .post-date, .news-list-page .news-date
    {
        float: right
    }

    .post-title, .news-list-page .news-title
    {
        margin: 0 80px 0 0
    }

    .blog-posts .buttons
    {
        overflow: hidden
    }

    .blog-posts .buttons .read-more
    {
        float: right
    }

    .blog-posts .buttons .read-comments
    {
        display: block;
        position: relative;
        bottom: -2px;
        float: left
    }
}

@media all and (min-width:480px) and (max-width:767px)
{
    .product-grid .item-box:nth-child(3n+1), .product-list .item-box:nth-child(3n+1)
    {
        clear: both;
        margin-right: 0
    }

    .compare-products-page .remove-button
    {
        padding: 5px
    }

    .compare-products-page .remove-button span
    {
        display: block;
        width: 30px;
        height: 30px;
        margin: auto;
        padding: 0;
        font-size: 0
    }

    .compare-products-page .remove-button span:before
    {
        left: 0;
        right: 0;
        text-align: center;
        line-height: 30px
    }

    .order-details-page .products .data-table tr
    {
        float: right;
        width: calc(50% - 10px);
        margin: 0 20px 20px 0
    }

    .order-details-page .products .data-table tr:nth-child(2n+1)
    {
        clear: both;
        margin-right: 0
    }
}

@media all and (min-width:480px) and (max-width:1260px)
{
    .header-flyout-cart
    {
        width: 355px;
        -webkit-transform: translate(-355px);
        -ms-transform: translate(-355px);
        transform: translate(-355px)
    }
}

@media all and (min-width:768px)
{
    .header
    {
        margin: 0 0 20px
    }

    .master-wrapper-content
    {
        padding: 0 20px
    }

    .page
    {
        clear: both;
        text-align: right
    }

    .link-rss
    {
        position: absolute;
        left: 20px;
        margin: 5px 0 0
    }

    .store-search-box
    {
        position: absolute;
        top: 4px;
        left: 0;
        z-index: 3;
        width: 42px;
        height: 42px;
        border: none;
        border-right: 0;
        background-color: transparent;
        padding: 0
    }

    .search-box-opener
    {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1076;
        width: 42px;
        height: 42px;
        background-color: #eee;
        font-size: 0;
        cursor: pointer
    }

    .search-box-opener:before, .search-box-opener:after
    {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 42px;
        height: 42px;
        background-color: #eee;
        text-align: center;
        font-family: 'pacific';
        font-size: 18px;
        line-height: 42px;
        transition: .5s ease
    }

    .search-box-opener:before
    {
        content: ""
    }

    .search-box-opener:after
    {
        content: "";
        opacity: 0;
        font-size: 13px
    }

    .search-box-opener.open:after
    {
        opacity: 1
    }

    .store-search-box form
    {
        width: 100%;
        height: 42px;
        border: 1px solid #eee;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        transition: .5s ease
    }

    .store-search-box form.open
    {
        -webkit-transform: translate(100%);
        -ms-transform: translate(100%);
        transform: translate(100%)
    }

    .ui-autocomplete
    {
        width: 339px !important;
        max-width: none;
        border: none;
        box-shadow: 0 0 0 1px #eee;
        text-align: right
    }

    .home-page .title strong
    {
        font-size: 32px;
        line-height: 32px
    }

    .home-page .topic-block-body
    {
        font-size: 15px;
        line-height: 30px
    }

    .footer-blocks-wrapper
    {
        overflow: hidden
    }

    .footer-block
    {
        float: right;
        width: 50%;
        padding: 0 6%
    }

    .footer-lower
    {
        overflow: hidden;
        padding: 20px
    }

    .footer-lower-left
    {
        float: right;
        text-align: right
    }

    .footer-lower-right
    {
        float: left;
        text-align: left
    }

    .theme-selector
    {
        width: 170px;
        margin: 0 auto !important
    }

    .home-page-categories-wrapper
    {
        margin: 0 0 50px
    }

    .category-boxes-layout-2 .category-grid
    {
        margin: 0
    }

    .category-boxes-layout-2 .item-box
    {
        width: calc(25% - 9px);
        margin: 0 12px 12px 0
    }

    .category-boxes-layout-2 .item-box:nth-child(2n+1)
    {
        clear: none;
        margin-right: 12px
    }

    .category-boxes-layout-2 .item-box:nth-child(4n+1)
    {
        clear: both;
        margin-right: 0
    }

    .category-boxes-layout-1 .category-item .picture
    {
        width: 80px;
        height: 80px
    }

    .category-boxes-layout-1 .category-item .title
    {
        width: calc(100% - 80px);
        height: 80px
    }

    .category-boxes-layout-1 .category-item .title a
    {
        padding: 0 7%;
        font-size: 15px
    }

    .category-boxes-layout-2 .category-item
    {
        position: relative
    }

    .category-boxes-layout-2 .item-box .picture a:after
    {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 73px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABJCAYAAAD8HkyIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0IxNEIxODEzNzJCMTFFOEE4RTNFMjhEMDYxODE2RkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0IxNEIxODIzNzJCMTFFOEE4RTNFMjhEMDYxODE2RkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjE0QjE3RjM3MkIxMUU4QThFM0UyOEQwNjE4MTZGRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjE0QjE4MDM3MkIxMUU4QThFM0UyOEQwNjE4MTZGRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmTUyw8AAAB8SURBVHjafM7NBgJhGAXgd76ZflSSjEQiERERLaJFi4gW0SZaRIvu/x7yzG6o2TzOcTYnIiKLGgk5CrTQRgdd9NDHAEOMMEaJCaaYYY4FllhhjQ222GGPA4444YwLrrjhjgeeeOGNj/sF8nqqSD9qqg+pkexfqohmvgIMADsXBp9uqEoJAAAAAElFTkSuQmCC') repeat-x bottom left
    }

    .category-boxes-layout-2 .category-item .title
    {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0
    }

    .category-boxes-layout-2 .category-item .title a
    {
        display: block;
        padding: 15px 10px;
        text-align: center;
        color: #fff
    }

    .category-page
    {
        position: relative
    }

    .category-page-two-columns .breadcrumb
    {
        position: absolute;
        top: 14px;
        left: 0;
        width: 50%;
        height: 32px;
        overflow: hidden;
        text-align: left
    }

    .category-page-two-columns .breadcrumb ~ .page-title
    {
        padding-left: 50%;
        text-align: right
    }

    .category-page-two-columns .page-title h1
    {
        text-align: right
    }

    .category-page-one-column .breadcrumb
    {
        margin: 0 0 10px;
        border-bottom: 1px dashed #e6e6e6;
        padding: 5px 0
    }

    .category-page-one-column .category-page .page-title
    {
        border: none
    }

    .category-page-one-column .featured-product-grid .title
    {
        text-align: center
    }

    .category-page-one-column .product-selectors
    {
        margin: 0 0 20px
    }

    .category-page-two-columns .sub-category-grid
    {
        border: none;
        background-color: transparent
    }

    .category-page-two-columns .sub-category-grid .item-box
    {
        position: relative;
        float: right;
        width: calc(50% - 5px);
        margin: 0 10px 10px 0;
        background-color: #fff
    }

    .category-page-two-columns .sub-category-grid .item-box:nth-child(2n+1)
    {
        clear: right;
        margin-right: 0
    }

    .category-page-two-columns .sub-category-grid .item-box:before
    {
        content: "";
        display: block;
        padding-top: 19%
    }

    .category-page-two-columns .sub-category-item
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 1px solid #eee
    }

    .category-page-two-columns .sub-category-item .title
    {
        width: 84%;
        height: 100%
    }

    .category-page-two-columns .sub-category-item .picture
    {
        width: 16%;
        height: 100%;
        padding: 3px 0
    }

    .category-page-one-column .sub-category-grid .item-box
    {
        width: calc(25% - 9px);
        margin: 0 12px 12px 0;
        text-align: center
    }

    .category-page-one-column .sub-category-grid .item-box:nth-child(2n+1)
    {
        clear: none;
        margin-right: 12px
    }

    .featured-product-grid
    {
        overflow: hidden
    }

    .featured-product-grid .item-box
    {
        float: right;
        width: calc(50% - 5px);
        margin: 0 10px 0 0
    }

    .featured-product-grid .item-box:nth-child(2n+1)
    {
        clear: both;
        margin-right: 0
    }

    .product-selectors .product-viewmode
    {
        display: block
    }

    .filters-button
    {
        width: auto;
        max-width: calc(100% - 110px)
    }

    .product-grid .title strong
    {
        font-size: 32px;
        line-height: 32px
    }

    .product-grid .item-box
    {
        width: calc(25% - 7.5px)
    }

    .product-grid-bestsellers .item-grid
    {
        position: relative;
        overflow: hidden
    }

    .product-grid-bestsellers .item-grid:before
    {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #eee
    }

    .product-grid-bestsellers .item-grid:after
    {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: #eee
    }

    .product-grid-bestsellers .item-box
    {
        width: 50%;
        float: right
    }

    .product-grid-bestsellers .item-box:nth-child(2n+1)
    {
        clear: both
    }

    .product-list .item-box
    {
        float: none;
        width: auto;
        margin-right: 0 !important
    }

    .product-list .item-box .product-item
    {
        display: flex
    }

    .product-list .item-box .product-item:after
    {
        content: "";
        display: block;
        clear: both
    }

    .product-list .item-box .picture
    {
        float: right;
        width: 32%;
        margin: 0;
        border-left: 1px solid #eee;
        border-bottom: none
    }

    .product-list .item-box .picture + .details, .product-list .item-box .ribbon-wrapper + .details
    {
        float: left;
        width: 68%
    }

    .product-list .item-box .details
    {
        position: relative;
        text-align: right;
        padding: 15px 20px 55px
    }

    .product-list .item-box .details:before
    {
        content: "";
        position: absolute;
        left: 0;
        bottom: 55px;
        width: 100%;
        height: 1px;
        background-color: #eee
    }

    .product-list .details-top
    {
        padding: 0;
        margin: 0
    }

    .product-list .product-title
    {
        padding: 13px 0;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        transition: .3s ease;
        color: #444
    }

    .product-list .product-rating-box
    {
        position: static;
        opacity: 1
    }

    .product-list .rating
    {
        position: static;
        height: auto;
        margin: 0 0 15px
    }

    .product-list .item-box .description
    {
        display: block;
        max-height: 74px;
        overflow: hidden;
        font-size: 13px;
        line-height: 24px
    }

    .product-list .item-box .prices
    {
        position: absolute;
        right: 20px;
        bottom: 27.5px;
        max-width: calc(100% - 140px);
        max-height: 55px;
        margin: 0;
        -webkit-transform: translate(0,50%);
        -ms-transform: translate(0,50%);
        transform: translate(0,50%)
    }

    .product-list .item-box .add-info
    {
        display: block;
        position: absolute;
        left: 20px;
        bottom: 7.5px;
        overflow: hidden
    }

    .product-list .item-box-overlay
    {
        display: none
    }

    .product-list .item-box .buttons
    {
        display: inline-block;
        float: left;
        font-size: 0
    }

    .product-list .item-box button
    {
        float: right;
        height: 40px;
        width: 40px;
        margin: 0 5px 0 0;
        border: none;
        font-size: 0;
        background-color: #eee;
        background-position: center;
        background-repeat: no-repeat;
        vertical-align: middle;
        transition: .3s ease
    }

    .product-list .item-box button.product-box-add-to-cart-button
    {
        float: left;
        border-color: #c09e6c;
        background-image: url('../img/product-cart.svg');
        background-color: #c09e6c
    }

    .product-list .item-box button.add-to-compare-list-button
    {
        background-image: url('../img/product-compare-grey.svg')
    }

    .product-list .item-box button.add-to-wishlist-button
    {
        background-image: url('../img/product-wishlist-grey.svg')
    }

    .manufacturer-grid .item-box, .vendor-grid .item-box
    {
        width: calc(25% - 9px);
        margin: 0 12px 12px 0
    }

    .manufacturer-grid .item-box:nth-child(2n+1), .vendor-grid .item-box:nth-child(2n+1)
    {
        clear: none;
        margin-right: 12px
    }

    .manufacturer-grid .item-box:nth-child(4n+1), .vendor-grid .item-box:nth-child(4n+1)
    {
        clear: both;
        margin-right: 0
    }

    .manufacturer-grid .manufacturer-item .title, .vendor-grid .vendor-item .title
    {
        text-align: center
    }

    .gallery .thumb-item
    {
        width: calc(25% - 7.5px)
    }

    .gallery .thumb-item:nth-child(3n+1)
    {
        clear: none;
        margin-right: 10px
    }

    .gallery .thumb-item:nth-child(4n+1)
    {
        clear: both;
        margin-right: 0
    }

    .product-social-buttons
    {
        margin: -5px 0 10px 0
    }

    .overview-buttons-wrapper
    {
        margin: 35px 0;
        overflow: hidden
    }

    .overview-buttons
    {
        float: left;
        width: 42%;
        margin: 0;
        text-align: left
    }

    .overview-buttons-wrapper .add-to-cart
    {
        float: right;
        width: 58%;
        margin: 0
    }

    .product-specs-box .data-table td
    {
        padding: 17px 25px
    }

    .variant-picture
    {
        float: right
    }

    .variant-picture + .variant-overview
    {
        width: auto;
        margin: 0 330px 0 0;
        padding: 0 0 0 10px
    }

    .product-variant-line
    {
        padding: 20px
    }

    .variant-overview .variant-name
    {
        padding: 15px 0;
        text-align: right
    }

    .variant-overview .prices
    {
        text-align: right
    }

    .tier-prices .prices-table
    {
        display: table;
        width: 100%;
        border-collapse: collapse;
        border: none;
        border-bottom: 1px solid #eee
    }

    .tier-prices .prices-row
    {
        display: table-row;
        float: none;
        width: auto
    }

    .tier-prices .prices-row > div
    {
        display: table-cell;
        border-top: 1px solid #eee
    }

    .tier-prices .field-header
    {
        min-width: 100px
    }

    .attributes .datepicker
    {
        width: 100%
    }

    .rental-attributes
    {
        overflow: hidden
    }

    .rental-attributes .attribute-item
    {
        float: right;
        width: calc(50% - 5px);
        margin: 0 10px 0 0
    }

    .rental-attributes .attribute-item:first-child
    {
        margin-right: 0
    }

    .product-specs-box .attribute-squares span
    {
        margin: 0
    }

    .giftcard div
    {
        float: right;
        width: calc(50% - 10px);
        margin: 0 20px 20px 0
    }

    .giftcard div:nth-child(2n+1)
    {
        clear: right;
        margin-right: 0
    }

    .giftcard div:last-child
    {
        width: 100%
    }

    .ui-tabs .ui-tabs-nav
    {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0 0 -1px
    }

    .ui-tabs .ui-tabs-nav li
    {
        display: table-cell;
        padding: 0 2.5px
    }

    .ui-tabs .ui-tabs-nav li:first-child
    {
        padding-right: 0
    }

    .ui-tabs .ui-tabs-nav li:last-child
    {
        padding-left: 0
    }

    .ui-tabs .ui-tabs-panel
    {
        padding: 40px 40px
    }

    .product-review-item .review-title
    {
        float: right;
        margin: 0;
        max-width: calc(100% - 280px)
    }

    .product-review-item .review-info
    {
        float: left;
        margin: -1px 0 0
    }

    .product-review-item .review-text
    {
        overflow: hidden
    }

    .product-review-item .review-avatar
    {
        display: block;
        float: right;
        width: 120px
    }

    .review-avatar + .review-text-body
    {
        margin: 0 140px 0 0
    }

    .product-review-helpfulness .result
    {
        display: inline-block;
        margin: 0 20px 0 0;
        vertical-align: middle
    }

    .account-page .product-review-item .review-title
    {
        max-width: calc(100% - 150px)
    }

    .product-review-item .product-review-box .rating
    {
        margin: 0
    }

    .compare-products-page .clear-list
    {
        position: absolute;
        top: 18px;
        left: 0
    }

    .home-page .topic-block-title h2
    {
        font-size: 32px;
        line-height: 32px
    }

    .contact-page .inputs, .email-a-friend-page .inputs, .apply-vendor-page .inputs
    {
        float: right;
        width: calc(50% - 5px);
        margin: 0 10px 15px 0
    }

    .contact-page .form-fields, .email-a-friend-page .form-fields, .apply-vendor-page .form-fields
    {
        overflow: hidden
    }

    .contact-page .inputs:nth-child(2n+1), .email-a-friend-page .inputs:nth-child(2n+1), .apply-vendor-page .inputs:nth-child(2n+1)
    {
        clear: both;
        margin-right: 0
    }

    .contact-page .inputs.last, .email-a-friend-page .inputs.last, .contact-page .inputs:last-child, .email-a-friend-page .inputs:last-child, .apply-vendor-page .inputs:nth-child(3), .apply-vendor-page .inputs:nth-child(4)
    {
        width: 100%;
        clear: both;
        margin-right: 0
    }

    #username-availabilty
    {
        float: right;
        margin: 10px 0 0
    }

    #check-availability-button
    {
        float: left;
        margin: 10px 0 0 -10px
    }

    .address-list-page .address-list, .order-list-page .order-list, .return-request-list-page .page-body
    {
        overflow: hidden
    }

    .address-list-page .address-item, .order-list-page .order-item, .return-request-list-page .request-item
    {
        float: right;
        width: calc(50% - 10px);
        margin: 0 20px 20px 0
    }

    .address-list-page .address-item:nth-child(2n+1), .order-list-page .order-item:nth-child(2n+1), .return-request-list-page .request-item:nth-child(2n+1)
    {
        clear: both;
        margin-right: 0
    }

    .gdpr-tools-page .text
    {
        margin-bottom: 40px
    }

    .order-progress
    {
        margin: -20px -20px 20px
    }

    .order-progress ul
    {
        max-width: 660px
    }

    .order-progress ul:before
    {
        left: 20px;
        right: 20px
    }

    .order-progress ul li
    {
        width: 70px;
        margin: 0 20px
    }

    .order-progress a
    {
        height: 70px
    }

    .order-progress li a:before
    {
        font-size: 18px;
        line-height: 70px
    }

    .order-progress li.current-step.cart-step a:before, .order-progress li.inactive-step.cart-step a:before
    {
        font-size: 26px
    }

    .order-progress li.current-step.address-step a:before, .order-progress li.inactive-step.address-step a:before
    {
        font-size: 30px
    }

    .order-progress li.current-step.shipping-step a:before, .order-progress li.inactive-step.shipping-step a:before
    {
        font-size: 26px
    }

    .order-progress li.current-step.payment-step a:before, .order-progress li.inactive-step.payment-step a:before
    {
        margin: 6px 7px 0 0;
        font-size: 30px;
        line-height: 65px
    }

    .order-progress li.current-step.confirm-step a:before, .order-progress li.inactive-step.confirm-step a:before
    {
        font-size: 26px
    }

    .order-progress li.current-step.complete-step a:before, .order-progress li.inactive-step.complete-step a:before
    {
        font-size: 28px
    }

    .checkout-page .section.select-billing-address, .checkout-page .section.select-shipping-address
    {
        position: relative
    }

    .checkout-page .section.select-billing-address:after, .checkout-page .section.select-shipping-address:after
    {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 20px;
        background-color: #f3f3f3
    }

    .checkout-page .opc .section.select-billing-address:after, .checkout-page .opc .section.select-shipping-address:after
    {
        display: none
    }

    .checkout-page .address-grid
    {
        position: relative;
        background-color: #eee
    }

    .checkout-page .address-grid:before
    {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: calc(50% - 10px);
        width: 20px;
        background-color: #f3f3f3
    }

    .checkout-page .address-item
    {
        float: right;
        width: calc(50% - 10px);
        margin: 0 20px 0 0;
        border-bottom: 20px solid #f3f3f3
    }

    .checkout-page .address-item:nth-child(2n+1)
    {
        clear: both;
        margin-left: 0
    }

    .checkout-page .shipping-method li, .checkout-page .payment-method li
    {
        display: inline-block;
        width: calc(33.3333% - 13.3333px);
        margin: 0 20px 20px 0;
        vertical-align: middle
    }

    .checkout-page .shipping-method li:nth-child(3n+1), .checkout-page .payment-method li:nth-child(3n+1)
    {
        margin-left: 0
    }

    .order-review-data, .order-details-area, .shipment-details-area
    {
        display: flex
    }

    .order-review-data > div, .order-details-area > div, .shipment-details-area > div
    {
        float: right;
        width: calc(50% - 10px);
        margin: 0 20px 20px 0
    }

    .order-review-data > div:nth-child(2n+1), .order-details-area > div:nth-child(2n+1), .shipment-details-area > div:nth-child(2n+1)
    {
        clear: both;
        margin-right: 0
    }

    .order-details-page .page-title h1
    {
        float: right
    }

    .order-details-page .page-title a
    {
        float: left;
        margin: 2.5px 7px 2.5px 0
    }

    .cart-collaterals .deals
    {
        overflow: hidden
    }

    .cart-collaterals .coupon-box-wrapper, .cart-collaterals .giftcard-box-wrapper
    {
        float: right;
        width: calc(50% - 10px)
    }

    .coupon-box-wrapper + .giftcard-box-wrapper
    {
        margin-right: 20px
    }

    .cart-collaterals .deals .hint
    {
        text-align: right
    }

    .order-details-page .tax-shipping-info
    {
        border-top: none
    }

    .news-list-homepage .news-items
    {
        overflow: hidden
    }

    .news-list-homepage .news-item
    {
        float: right;
        width: calc(50% - 10px);
        margin: 0 20px 20px 0
    }

    .news-list-homepage .news-item:nth-child(2n+1)
    {
        clear: both;
        margin-right: 0
    }

    .blog-page .blog-posts, .news-list-page .news-items
    {
        overflow: hidden
    }

    .blog-page .post, .news-list-page .news-item
    {
        float: right;
        width: calc(50% - 5px);
        margin: 0 10px 10px 0
    }

    .blog-page .post:nth-child(2n+1), .news-list-page .news-item:nth-child(2n+1)
    {
        clear: both;
        margin-right: 0
    }

    .blog-posts .buttons
    {
        float: left
    }

    .new-comment textarea
    {
        width: 500px
    }

    .comment-info
    {
        float: right;
        margin: 0
    }

    .comment-info + .comment-content
    {
        margin: 0 140px 0 0
    }

    .comment-content
    {
        overflow: hidden
    }

    .comment-title
    {
        float: right
    }

    .comment-time
    {
        float: left
    }

    .comment-text, .comment-body
    {
        clear: both
    }

    .private-message-view-page .page-body
    {
        padding: 4%
    }

    .private-message-view-page .message-head li
    {
        display: inline-block;
        margin-left: 20px
    }
}

@media all and (min-width:1000px)
{
    .footer
    {
        padding: 20px 0 0
    }

    .footer-upper
    {
        position: relative;
        border-top: 1px solid #eee
    }

    .footer-upper:after
    {
        content: "";
        display: block;
        clear: both
    }

    .footer-blocks-wrapper.center
    {
        position: absolute;
        top: -20px;
        right: 33%;
        bottom: 0;
        left: 33%;
        width: 34%;
        background-image: url('../img/newsletter.png');
        background-repeat: no-repeat;
        background-position: top right
    }

    .footer-blocks-wrapper.left
    {
        float: right;
        width: 33%;
        padding: 30px 60px
    }

    .footer-blocks-wrapper.right
    {
        float: left;
        width: 33%;
        padding: 30px 60px
    }

    .footer-collapse
    {
        display: block !important;
        margin: 0 0 15px;
        padding: 0
    }

    .footer-block .title
    {
        padding: 11px 0;
        cursor: default
    }

    .footer-block .title:before
    {
        display: none
    }

    .footer-block-center
    {
        position: relative;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }

    .featured-product-grid .item-box .picture
    {
        width: 200px
    }

    .product-details-page .product-name
    {
        margin: 20px 0 0
    }

    .gallery-wrapper, .overview-wrapper, .product-collateral > div
    {
        margin: 0 0 30px
    }

    .gallery-wrapper
    {
        float: right;
        width: 46%
    }

    .overview-wrapper
    {
        float: left;
        width: 52%
    }

    .product-page-layout-one .equalizer-box
    {
        display: flex
    }

    .product-page-layout-one .overview-wrapper
    {
        margin-right: auto
    }

    .product-page-layout-two .equalizer-box:after
    {
        content: "";
        display: block;
        clear: both
    }

    .cart-collaterals
    {
        overflow: hidden
    }

    .cart-collaterals .deals
    {
        float: right;
        width: 66.6666%
    }

    .cart-collaterals .coupon-box-wrapper, .cart-collaterals .giftcard-box-wrapper
    {
        margin-bottom: 0
    }

    .cart-collaterals .shipping-wrapper
    {
        float: right;
        width: calc(33.3333% - 20px);
        margin: 0 20px 0 0
    }

    .cart-collaterals .shipping-wrapper:only-child
    {
        margin: 0
    }
}

@media all and (min-width:768px) and (max-width:1260px)
{

    .responsive-logo-wrapper
    {
        padding: 0 50px 0 95px;
        text-align: right
    }

    .store-search-box.nav-down
    {
        margin: 0
    }

    .home-page-slider
    {
        margin: 0 0 12px
    }

    .category-boxes-layout-1 .item-box
    {
        float: right;
        width: 50%
    }

    .category-boxes-layout-1 .item-box .category-item
    {
        border-left: 1px solid #eee
    }

    .category-boxes-layout-1 .item-box:nth-child(2n+1)
    {
        clear: right
    }

    .category-boxes-layout-1 .item-box:nth-child(2n+1) .category-item
    {
        border-right: 1px solid #eee
    }

    .category-boxes-layout-1 .item-box:nth-child(2) .category-item
    {
        border-top: 1px solid #eee
    }

    .category-page-one-column .sub-category-grid .item-box:nth-child(4n+1)
    {
        clear: both;
        margin-right: 0
    }

    .blocks-wrapper
    {
        border: none;
        background-color: transparent
    }

    .block
    {
        float: right;
        width: calc(50% - 5px);
        margin: 0 10px 10px 0;
        border: 1px solid #eee;
        border-bottom: none;
        background-color: #fff
    }

    .block:nth-of-type(2n+1)
    {
        clear: right;
        margin-right: 0
    }

    .product-grid .item-box:nth-child(4n+1)
    {
        clear: both;
        margin-right: 0
    }

    .cart
    {
        overflow: hidden
    }

    .cart tr
    {
        float: right;
        width: calc(50% - 10px);
        margin: 0 20px 20px 0
    }

    .cart tr:nth-child(2n+1)
    {
        clear: both;
        margin-right: 0
    }
}

@media all and (min-width:1000px) and (max-width:1260px)
{
    .footer-block
    {
        float: none;
        width: 100%;
        padding: 0
    }

    .block
    {
        width: calc(33.3333% - 6.6666px)
    }

    .block:nth-of-type(2n+1)
    {
        clear: none;
        margin-right: 10px
    }

    .block:nth-of-type(3n+1)
    {
        clear: left;
        margin-right: 0
    }

    .block:nth-of-type(n+4)
    {
        display: none
    }

    .cart tr
    {
        width: calc(33.3333% - 14px)
    }

    .cart tr:nth-child(2n+1)
    {
        clear: none;
        margin-right: 20px
    }

    .cart tr:nth-child(3n+1)
    {
        clear: both;
        margin-right: 0
    }
}

@media all and (min-width:1261px)
{
    .center-1, .center-2, .side-2
    {
        margin: 0 0 100px
    }

    .center-2
    {
        float: left;
        width: 79%;
        padding: 0 20px 0 0
    }

    .side-2
    {
        float: right;
        width: 21%
    }

    .header
    {
        position: relative;
        z-index: 1020;
        margin: 0 0 40px;
        text-align: right
    }

    .home-page-body .header
    {
        margin: 0 0 20px
    }

    .header-upper
    {
        border-bottom: 1px solid #e3e3e3
    }

    .header-upper:after
    {
        content: "";
        display: block;
        clear: both
    }

    .menu-button, .menu-header
    {
        display: none
    }

    .admin-header-links
    {
        float: right;
        height: auto
    }

    .admin-header-links a
    {
        margin: 0 !important;
        border-left: 1px solid #e3e3e3;
        padding: 0 15px;
        line-height: 38px
    }

    .admin-header-links a:hover
    {
        color: #222
    }

    .header-selectors-wrapper, .header-links-wrapper
    {
        float: left;
        font-size: 0
    }

    .hedar-links-item, .header-selectors-wrapper > div
    {
        display: inline-block
    }

    .hedar-links-item
    {
        border-right: 1px solid #e3e3e3
    }

    .header-selectors-wrapper > div
    {
        border-right: 1px solid #d3d3d3;
        vertical-align: middle
    }

    .header-selectors-wrapper > div:first-child
    {
        border-right: 1px solid #e3e3e3
    }

    .mobile-language-selector
    {
        display: none !important
    }

    .header-links span, .header-links a
    {
        display: inline-block;
        font-size: 12px;
        line-height: 38px
    }

    .hedar-links-item > a
    {
        position: relative;
        padding: 0 43px 0 23px;
        transition: .3s ease
    }

    .hedar-links-item > a:hover
    {
        color: #222
    }

    .hedar-links-item > a:before
    {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 5px;
        width: 38px;
        text-align: center;
        font-family: 'pacific';
        font-size: 15px;
        line-height: 38px
    }

    .hedar-links-item .ico-register:before
    {
        content: ""
    }

    .hedar-links-item .ico-login:before
    {
        content: ""
    }

    .hedar-links-item .ico-wishlist:before
    {
        content: ""
    }

    .hedar-links-item .ico-account:before
    {
        content: "";
        font-size: 17px
    }

    .hedar-links-item .ico-logout:before
    {
        content: ""
    }

    .hedar-links-item .ico-compare:before
    {
        content: "";
        font-size: 13px
    }

    .hedar-links-item .ico-inbox:before
    {
        content: "";
        font-size: 13px
    }

    .header-selectors-wrapper select
    {
        height: 38px;
        border: none;
        background-color: #e7e7e7;
        background-position: left 17px center;
        padding: 0 25px 0 35px;
        font-size: 12px;
        line-height: 36px;
        transition: .3s ease
    }

    .header-selectors-wrapper select:hover
    {
        color: #222
    }

    .header-lower
    {
        position: relative;
        min-height: 80px;
        border-bottom: 1px solid #e3e3e3;
        background-color: #fff;
        padding: 0 225px 0 400px
    }

    .header-logo
    {
        position: absolute;
        top: 0;
        right: 0;
        width: 225px;
        height: 80px
    }

    .header-logo a
    {
        position: absolute;
        top: 5px;
        right: 25px;
        bottom: 5px;
        left: 25px
    }

    .header-logo img
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto
    }

    .menu-title, .close-menu, .header-menu .back-button
    {
        display: none
    }

    .overlayOffCanvas
    {
        display: none !important
    }

    .header-menu
    {
        display: table;
        position: relative;
        z-index: 1010;
        width: 100%;
        height: 79px;
        text-align: right
    }
.header-menu .menu-close{display:none;}

    .header-menu .menu-body
    {
        display: table-row
    }

    .header-menu .menu-body > ul
    {
        display: table-cell;
        vertical-align: middle;
        font-size: 0
    }

    .header-menu .menu-body > ul > li
    {
        display: inline-block;
        vertical-align: middle
    }

    .header-menu .menu-body > ul > li > a, .header-menu .menu-body > ul > li > span
    {
        display: block;
        padding: 11.2px 22px;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        transition: .3s ease;
        color: #444
    }

    .header-menu.wrapped .menu-body > ul > li > a, .header-menu.wrapped .menu-body > ul > li > span
    {
        padding: 7px 22px
    }

    .header-menu .menu-body > ul > li > a:hover
    {
        color: #c09e6c
    }

    .header-menu .menu-body > ul > li > a.with-subcategories, .header-menu .menu-body > ul > li > span.with-subcategories
    {
        position: relative;
        z-index: 2
    }

    .header-menu .menu-body > ul > li > a.with-subcategories:before, .header-menu .menu-body > ul > li > span.with-subcategories:before
    {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        width: 100%;
        height: 0;
        background-color: #c09e6c;
        transition: .2s ease;
        pointer-events: none
    }

    .header-menu .menu-body > ul > li:hover > a.with-subcategories:before, .header-menu .menu-body > ul > li:hover > span.with-subcategories:before
    {
        height: 4px
    }

    .header-menu.wrapped .menu-body > ul > li > a.with-subcategories:before, .header-menu.wrapped .menu-body > ul > li > span.with-subcategories:before
    {
        bottom: -5px
    }

    .header-menu .sublist-wrap
    {
        display: none;
        position: absolute;
        z-index: 99;
        min-width: 240px;
        padding: 20px 0 0;
        animation: fadein .7s
    }

    .header-menu.wrapped .sublist-wrap
    {
        padding: 5px 0 0
    }

    .header-menu li:hover > .sublist-wrap
    {
        display: block
    }

    .header-menu .sublist
    {
        box-shadow: 0 0 20px rgba(2,2,4,.2);
        background-color: #fff
    }

    .header-menu .sublist .back-button
    {
        display: none
    }

    .header-menu .sublist li
    {
        position: relative
    }

    .header-menu .sublist li + li
    {
        border-top: 1px solid #eee
    }

    .header-menu .back-button + li
    {
        border-top: none !important
    }

    .header-menu .sublist li a
    {
        display: block;
        padding: 16px 20px;
        font-size: 14px;
        color: #888
    }

    .header-menu .sublist li:hover > a
    {
        position: relative;
        border-color: #c09e6c;
        background-color: #c09e6c;
        transition: .3s ease;
        color: #fff
    }

    .header-menu .sublist .plus-button
    {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 50px;
        height: 50px
    }

    .header-menu .sublist .plus-button:after
    {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 18px;
        height: 18px;
        margin: auto;
        text-align: center;
        font-family: 'pacific';
        font-size: 8px;
        line-height: 18px;
        transition: .3s ease;
        color: #b2b2b2
    }

    .header-menu .sublist li:hover .plus-button:after
    {
        color: #000;
        opacity: .3
    }

    .header-menu .sublist-wrap .sublist-wrap
    {
        top: -21px;
        right: 100%;
        margin: 0 -1px 0 0
    }

    .header-menu.wrapped .sublist-wrap .sublist-wrap
    {
        top: -10px
    }

    .header-flyout-cart
    {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1115;
        width: 150px;
        height: 79px;
        background-color: #c09e6c
    }

    .flyout-cart-wrapper
    {
        width: 150px;
        height: 79px
    }

    .flyout-cart-link a
    {
        display: block;
        width: 150px;
        height: 79px;
        padding: 24.5px 69px 24.5px 7px;
        color: #fff
    }

    .flyout-cart-link a:before
    {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 27px;
        width: 24px;
        height: 31px;
        margin: auto;
        text-align: center;
        font-family: 'pacific';
        font-size: 30px;
        line-height: 30px;
        color: #000;
        opacity: .6
    }

    .flyout-cart-link a.no-items-in-cart
    {
        padding-top: 34px
    }

    .flyout-cart-link a span
    {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .cart-qty-number-mobile
    {
        display: none !important
    }

    .cart-qty-number-desktop
    {
        font-size: 10px;
        font-weight: lighter;
        text-transform: uppercase
    }

    .flyout-cart-link a strong
    {
        font-weight: normal
    }

    .cart-qty
    {
        font-size: 14px;
        font-weight: bold
    }

    .flyout-cart
    {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 100;
        width: 400px;
        box-shadow: 0 0 20px rgba(2,2,4,.2);
        background-color: #fff;
        animation: fadein .7s
    }
.flyout-cart.active{display: block;}

    .header-flyout-cart:hover .flyout-cart
    {
        display: block
    }

    .mini-shopping-cart .count
    {
        display: none
    }

    .mini-shopping-cart .count.no-items-in-cart
    {
        display: block;
        border: none;
        padding: 0 20px;
        text-align: center
    }

    .mini-shopping-cart .count.no-items-in-cart:before
    {
        display: none
    }

    .mini-shopping-cart .buttons button:hover:before
    {
        left: 13px
    }

    .store-search-box
    {
        top: 0;
        left: 150px;
        z-index: 1115;
        width: 335px;
        height: 79px;
        padding: 0 0 0 75px
    }

    .search-box-opener
    {
        z-index: initial;
        width: 75px;
        height: 79px;
        background-color: #fff
    }

    .store-search-box form
    {
        width: 340px;
        height: 79px;
        border-width: 0 1px 0 0;
        padding: 0 0 0 75px
    }

    .store-search-box form.open
    {
        z-index: 1;
        box-shadow: 0 0 20px rgba(2,2,4,.2)
    }

    .store-search-box input.search-box-text
    {
        height: 79px;
        padding: 0 22px 0 0;
        line-height: 79px
    }

    .store-search-box form:before, .store-search-box .search-box-button
    {
        width: 75px;
        height: 79px
    }

    .store-search-box form:before
    {
        content: "";
        font-size: 24px;
        line-height: 79px
    }

    .search-box-opener:before, .search-box-opener:after
    {
        width: 75px;
        height: 79px;
        border-right: 1px solid #e3e3e3;
        background-color: #fff;
        line-height: 79px
    }

    .search-box-opener:before
    {
        content: "";
        font-size: 24px
    }

    .search-box-opener.open:after
    {
        border-color: #fff;
        font-size: 17px
    }

    .responsive-strip
    {
        display: none
    }

    .home-page .title strong
    {
        font-size: 36px;
        line-height: 36px
    }

    .home-page .topic-block-body
    {
        min-height: 120px
    }

    .home-page .page-body > div:last-child
    {
        margin-bottom: 0 !important
    }

    .footer
    {
        padding-top: 50px
    }

    .footer-blocks-wrapper.center
    {
        top: -50px;
        left: 0;
        right: 0;
        width: 460px;
        margin: auto
    }

    .footer-blocks-wrapper.left, .footer-blocks-wrapper.right
    {
        width: calc(50% - 230px);
        min-height: 300px;
        padding: 50px 1.666%
    }

    .footer-block
    {
        width: 49%;
        margin-right: 2%;
        padding: 0
    }

    .footer-block:first-child
    {
        margin-right: 0
    }

    .footer-block .title
    {
        margin: 0 0 10px
    }

    .footer-block li a
    {
        transition: .3s ease
    }

    .footer-block li a:hover
    {
        color: #c09e6c
    }

    .newsletter-email .newsletter-subscribe-button:after
    {
        transition: .3s ease
    }

    .newsletter-email .newsletter-subscribe-button:hover:after
    {
        background-color: #fff
    }

    .social-sharing a
    {
        transition: .3s ease
    }

    .social-sharing a:hover
    {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }

    .footer-lower
    {
        padding: 30px
    }

    .footer-powered-by, .footer-designed-by
    {
        float: right;
        margin: 0 0 0 15px;
        border-left: 1px solid #eee;
        padding: 0 0 0 15px
    }

    .footer-powered-by:last-child, .footer-designed-by:last-child
    {
        margin: 0;
        border: none;
        padding: 0
    }

    .footer-disclaimer, .footer-tax-shipping
    {
        float: left;
        margin: 0 15px 0 0;
        border-right: 1px solid #eee;
        padding: 0 15px 0 0
    }

    .footer-disclaimer:last-child, .footer-tax-shipping:last-child
    {
        margin: 0;
        border: none;
        padding: 0
    }

    .theme-selector
    {
        margin: -14px auto !important
    }

    .block
    {
        float: none;
        width: auto
    }

    .block .listbox
    {
        display: block;
        padding: 15px 30px 30px
    }

    .block .title
    {
        padding: 16px 50px 16px 16px;
        cursor: default
    }

    .block .title:before
    {
        right: 4px;
        width: 40px;
        height: 40px;
        background-color: #f6f6f6;
        text-align: center;
        line-height: 40px;
        color: rgba(0,0,0,.3)
    }

    .block .title:after
    {
        display: none
    }

    .block .list a, .block .tags li a, .block-poll li label
    {
        transition: .3s ease
    }

    .block .list a:hover, .block .tags li a:hover, .block-poll li label:hover
    {
        color: #c09e6c
    }

    .block .view-all, .block-poll .buttons
    {
        margin: 10px 0 0
    }

    .block-recently-viewed-products .listbox
    {
        display: block;
        padding: 15px 20px 23px
    }

    .block-recently-viewed-products ul
    {
        overflow: hidden
    }

    .block-recently-viewed-products li
    {
        float: left;
        width: calc(33.3333% - 4.6666px);
        margin: 0 7px 7px 0
    }

    .block-recently-viewed-products li:nth-child(3n+1)
    {
        clear: both;
        margin-right: 0
    }

    .block .list .product-picture
    {
        display: block;
        border: 1px solid #eee;
        padding: 0
    }

    .block .product-picture img
    {
        display: block;
        max-width: 100%
    }

    .block .list .product-name
    {
        display: none
    }

    .product-tag-page h1
    {
        text-align: right
    }

    .home-page-polls
    {
        margin: 0 0 60px
    }

    .home-page-polls .poll
    {
        margin: 0;
        padding: 40px 40px 65px
    }

    .home-page-polls .buttons button
    {
        transition: .3s ease
    }

    .home-page-polls .buttons button:hover
    {
        border-color: #c09e6c;
        background-color: #c09e6c;
        color: #fff
    }

    .home-page-categories-wrapper
    {
        overflow: hidden
    }

    .category-boxes-layout-1
    {
        display: flex;
        direction: ltr
    }

    .category-boxes-layout-1 .category-grid
    {
        width: 28%;
        margin: 0;
        border: 1px solid #eee;
        direction: rtl
    }

    .category-boxes-layout-1 .home-page-slider
    {
        position: relative;
        width: 72%;
        margin: 0;
        padding: 0 20px 0 0;
        direction: rtl
    }

    .category-boxes-layout-1 .slider-wrapper
    {
        margin: 0
    }

    .category-boxes-layout-1 .item-box
    {
        position: relative
    }

    .category-boxes-layout-1 .item-box:before
    {
        content: "";
        display: block;
        padding-top: 19%
    }

    .category-boxes-layout-1 .category-item
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: none
    }

    .category-boxes-layout-1 .item-box:first-child .category-item
    {
        border: none
    }

    .category-boxes-layout-1 .item-box + .item-box .category-item
    {
        border-top: 1px solid #eee
    }

    .category-boxes-layout-1 .category-item .picture
    {
        width: 16%;
        height: 100%;
        padding: 3px 0
    }

    .category-boxes-layout-1 .category-item .title
    {
        width: 84%;
        height: 100%
    }

    .category-boxes-layout-2
    {
        margin: 0 0 30px
    }

    .category-boxes-layout-2 .home-page-slider
    {
        margin: 0 0 20px
    }

    .category-boxes-layout-2 .item-box
    {
        width: calc(25% - 15px);
        margin: 0 20px 20px 0
    }

    .category-boxes-layout-2 .item-box:nth-child(2n+1)
    {
        clear: none;
        margin-right: 20px
    }

    .category-boxes-layout-2 .item-box:nth-child(4n+1)
    {
        clear: both;
        margin-right: 0
    }

    .category-boxes-layout-2 .category-item
    {
        overflow: hidden
    }

    .category-boxes-layout-2 .category-item .picture a:after
    {
        height: 140px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACMCAYAAAC9O8OPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkU4MkEzQzgzNzRGMTFFOEFFRjI4MUVBREQ3QjQ5ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkU4MkEzQzkzNzRGMTFFOEFFRjI4MUVBREQ3QjQ5ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRTgyQTNDNjM3NEYxMUU4QUVGMjgxRUFERDdCNDk4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRTgyQTNDNzM3NEYxMUU4QUVGMjgxRUFERDdCNDk4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmwUqpMAAABUSURBVHjapJLBDgAgCEKB/v+f69ZqYK0ub5aQTgMAagAGNEeWEiXH5mWJ+VSU6HyntSGtoIlcohmJLiVbtqWSzlHXiFEcic5jv5D8LJTp07yiCzAAVkYBsCkMdosAAAAASUVORK5CYII=');
        transition: .7s ease
    }

    .category-boxes-layout-2 .category-item .title
    {
        top: 100%;
        height: 100%;
        margin: -85px 0 0;
        transition: .7s ease
    }

    .category-boxes-layout-2 .category-item:hover .title
    {
        top: 0;
        margin: 0
    }

    .category-boxes-layout-2 .category-item .title:before
    {
        content: "";
        position: absolute;
        top: 85px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        background-color: rgba(0,0,0,.7);
        transition: .7s ease
    }

    .category-boxes-layout-2 .category-item:hover .title:before
    {
        top: 0
    }

    .category-boxes-layout-2 .category-item .title a
    {
        padding: 30.5px 10px;
        font-size: 20px;
        transition: .7s ease
    }

    .category-boxes-layout-2 .title-content-wrapper
    {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 2;
        transition: .7s ease
    }

    .category-boxes-layout-2 .category-item:hover .title-content-wrapper
    {
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }

    .category-boxes-layout-2 .sub-categories-list
    {
        display: block;
        text-align: center;
        transition: .7s ease
    }

    .category-boxes-layout-2 .category-item:hover .sub-categories-list
    {
        margin: -15px 0 25px
    }

    .category-boxes-layout-2 .category-item .sub-categories-list li a
    {
        display: inline-block;
        padding: 10px;
        font-size: 15px;
        font-weight: lighter;
        text-transform: none;
        transition: .3s ease;
        color: #aaa
    }

    .category-boxes-layout-2 .category-item .sub-categories-list li a:hover
    {
        color: #fff
    }

    .category-page-two-columns .sub-category-grid .item-box
    {
        width: calc(33.333% - 6.666px)
    }

    .category-page-two-columns .sub-category-grid .item-box:nth-child(2n+1)
    {
        clear: none;
        margin-right: 10px
    }

    .category-page-two-columns .sub-category-grid .item-box:nth-child(3n+1)
    {
        clear: right;
        margin-right: 0
    }

    .category-page-two-columns .sub-category-grid .item-box:before
    {
        padding-top: 30%
    }

    .category-page-two-columns .sub-category-item .title
    {
        width: 74%
    }

    .category-page-two-columns .sub-category-item .picture
    {
        width: 26%;
        padding: 3.5px 0
    }

    .category-page-two-columns .sub-category-item .title a
    {
        padding: 0 25px
    }

    .category-page-one-column .sub-category-grid
    {
        border: 1px solid #eee;
        background-color: #fff;
        padding: 10px 10px 0;
        text-align: center;
        font-size: 0
    }

    .category-page-one-column .sub-category-grid .item-box
    {
        display: inline-block;
        float: none;
        width: calc(16.666% - 8.333px);
        margin: 0 10px 10px 0
    }

    .category-page-one-column .sub-category-grid .item-box:nth-child(2n+1)
    {
        margin-right: 10px
    }

    .category-page-one-column .sub-category-grid .item-box:nth-child(6n+1)
    {
        margin-right: 0
    }

    .category-page-one-column .sub-category-item .title a
    {
        overflow: hidden;
        padding: 15px 0;
        font-size: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
        transition: .3s ease
    }

    .category-page-one-column .sub-category-item:hover .title a
    {
        color: #c09e6c
    }

    .category-page-one-column .featured-product-grid
    {
        margin: 0 0 70px
    }

    .category-page .page-title h1
    {
        padding: 0 15px 0 0
    }

    .category-description, .manufacturer-description, .vendor-description
    {
        margin: 40px 0
    }

    .product-grid, .product-list, .bestsellers-wrapper
    {
        margin: 0 0 60px
    }

    .category-page-one-column .product-grid, .category-page-one-column .product-list, .category-page-one-column .bestsellers-wrapper
    {
        margin: 0 0 60px
    }

    .featured-product-grid
    {
        margin: 0 0 60px;
        border: none;
        padding: 0
    }

    .featured-product-grid .item-grid
    {
        position: relative;
        margin: 0 0 -1px;
        border: 1px solid #eee;
        background-color: #fff
    }

    .featured-product-grid .item-grid:before
    {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 50%;
        width: 1px;
        height: 100%;
        background-color: #eee
    }

    .featured-product-grid .title strong
    {
        padding: 0 15px 0 0
    }

    .featured-product-grid .item-box
    {
        width: 50%;
        margin: 0;
        border-width: 0 0 1px;
        padding: 20px
    }

    .featured-product-grid .item-box .product-item, .featured-product-grid .item-box .picture, .featured-product-grid .item-box .details
    {
        display: block
    }

    .featured-product-grid .item-box .picture
    {
        float: right;
        width: 230px;
        border: 1px solid #eee
    }

    .featured-product-grid .item-box .details
    {
        float: left;
        width: calc(100% - 230px);
        padding: 0 15px
    }

    .featured-product-grid .details-top
    {
        margin: 0;
        padding: 0
    }

    .featured-product-grid .product-title
    {
        padding: 13px 0;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        color: #444
    }

    .featured-product-grid .product-title a
    {
        transition: .3s ease
    }

    .featured-product-grid .product-title a:hover
    {
        color: #c09e6c
    }

    .featured-product-grid .product-rating-box
    {
        position: static
    }

    .featured-product-grid .rating
    {
        position: static;
        height: auto;
        margin: 0 0 15px
    }

    .featured-product-grid .item-box .description
    {
        display: block;
        max-height: 74px;
        margin: 0 0 20px;
        overflow: hidden;
        font-size: 13px;
        line-height: 24px
    }

    .featured-product-grid .item-box .prices
    {
        margin: 0 0 20px
    }

    .featured-product-grid .item-box .add-info
    {
        display: block
    }

    .featured-product-grid .item-box-overlay
    {
        display: none
    }

    .featured-product-grid .item-box .buttons
    {
        font-size: 0;
        white-space: nowrap
    }

    .featured-product-grid .item-box button
    {
        height: 40px;
        width: 40px;
        margin: 0 0 0 5px;
        border: none;
        background-color: #eee;
        background-position: center;
        background-repeat: no-repeat;
        vertical-align: middle;
        font-size: 0;
        transition: .3s ease
    }

    .featured-product-grid .item-box button:hover
    {
        background-color: #c09e6c
    }

    .featured-product-grid .item-box button.product-box-add-to-cart-button
    {
        border-color: #c09e6c;
        background-color: #c09e6c;
        background-image: url('../img/product-cart.svg')
    }

    .featured-product-grid .item-box button.product-box-add-to-cart-button:hover
    {
        background-color: #ae864b
    }

    .featured-product-grid .item-box button.add-to-compare-list-button
    {
        background-image: url('../img/product-compare-grey.svg')
    }

    .featured-product-grid .item-box button.add-to-compare-list-button:hover
    {
        background-image: url('../img/product-compare.svg')
    }

    .featured-product-grid .item-box button.add-to-wishlist-button
    {
        background-image: url('../img/product-wishlist-grey.svg')
    }

    .featured-product-grid .item-box button.add-to-wishlist-button:hover
    {
        background-image: url('../img/product-wishlist.svg')
    }

    .product-selectors
    {
        margin: -20px 0 20px;
        border: 1px dashed #e6e6e6;
        border-width: 0 0 1px;
        overflow: hidden;
        padding: 9px 0
    }

    .category-description ~ .product-selectors, .sub-category-grid ~ .product-selectors
    {
        margin: 0 0 20px;
        border-width: 1px 0
    }

    .filters-button
    {
        display: none
    }

    .product-selectors .product-viewmode a
    {
        border: 1px solid #eee;
        background-color: #fff
    }

    .product-selectors .product-viewmode a.selected
    {
        border-color: #c09e6c;
        background-color: #c09e6c
    }

    .product-selectors .product-viewmode a.selected:before
    {
        opacity: .8
    }

    .product-selectors .product-sorting, .product-selectors .product-page-size
    {
        float: right
    }

    .product-sorting:after, .product-page-size:after
    {
        left: auto;
        width: 35px;
        height: 40px;
        text-align: left;
        line-height: 40px
    }

    .product-selectors .product-sorting select, .product-selectors .product-page-size select
    {
        position: relative;
        z-index: 2;
        height: 40px;
        border: none;
        background-color: transparent;
        background-image: none;
        padding: 0 45px 0 5px;
        line-height: 38px;
        color: #222
    }

    .product-selectors .product-page-size
    {
        margin: 0 0 0 30px
    }

    .product-selectors .product-page-size select
    {
        text-align: center;
        text-align-last: center
    }

    .product-grid .title strong
    {
        font-size: 36px;
        line-height: 36px
    }

    .product-grid .item-box
    {
        width: calc(16.666% - 8.333px)
    }

    .items-five .product-grid .item-box, .center-2 .product-grid .item-box
    {
        width: calc(20% - 8px)
    }

    .item-box .product-item
    {
        position: relative
    }

    .product-item:hover .product-rating-box
    {
        z-index: 3;
        opacity: 1
    }

    .product-grid .product-item:hover .only-price
    {
        color: #c09e6c
    }

    .product-grid .item-box .add-info
    {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        opacity: 0;
        transition: .5s ease
    }

    .product-grid .product-item:hover .add-info
    {
        opacity: 1
    }

    .product-grid .item-box-overlay
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1
    }

    .product-grid .item-box-overlay-tint
    {
        display: block;
        position: relative;
        margin: -1px;
        border: 1px solid #d1d1d1
    }

    .product-grid .item-box-overlay-tint:before
    {
        content: "";
        display: block;
        background-color: rgba(0,0,0,.12);
        padding-top: 100%
    }

    .product-grid .item-box .buttons
    {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        height: 40px;
        margin: 0;
        margin-top: calc(100% - 50px);
        font-size: 0
    }

    .product-grid .item-box button
    {
        width: 40px;
        height: 40px;
        margin: 0 0 0 5px;
        border: none;
        border: 1px solid #c09e6c;
        background-color: #c09e6c;
        background-position: center;
        background-repeat: no-repeat;
        vertical-align: middle;
        font-size: 0;
        opacity: 0;
        -webkit-transform: translate(0,-20px);
        -ms-transform: translate(0,-20px);
        transform: translate(0,-20px)
    }

    .product-grid .item-box button:hover
    {
        border-color: #fff;
        background-color: #fff
    }

    .product-grid .item-box button:first-child
    {
        transition: .4s ease
    }

    .product-grid .item-box button:nth-child(2)
    {
        transition: .3s ease
    }

    .product-grid .item-box button:nth-child(3)
    {
        transition: .2s ease
    }

    .product-grid .item-box .product-item:hover button
    {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
        opacity: 1
    }

    .product-grid .item-box button:last-child
    {
        margin: 0
    }

    .product-grid .item-box button.product-box-add-to-cart-button
    {
        background-image: url('../img/product-cart.svg')
    }

    .product-grid .item-box button.product-box-add-to-cart-button:hover
    {
        background-image: url('../img/product-cart-dark.svg')
    }

    .product-grid .item-box button.add-to-compare-list-button
    {
        background-image: url('../img/product-compare.svg')
    }

    .product-grid .item-box button.add-to-compare-list-button:hover
    {
        background-image: url('../img/product-compare-dark.svg')
    }

    .product-grid .item-box button.add-to-wishlist-button
    {
        background-image: url('../img/product-wishlist.svg')
    }

    .product-grid .item-box button.add-to-wishlist-button:hover
    {
        background-image: url('../img/product-wishlist-dark.svg')
    }

    .product-grid .item-box .attribute-squares-wrapper
    {
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        width: calc(100% - 50px);
        z-index: -1;
        padding: 0 8px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transform-origin: top right;
        transition: .3s ease;
        opacity: 0
    }

    .product-grid .item-box:hover .attribute-squares-wrapper
    {
        z-index: 3;
        opacity: 1
    }

    .product-grid .item-box .attribute-squares
    {
        text-align: center
    }

    .product-grid .item-box .attribute-squares:after
    {
        content: "";
        display: block;
        clear: both
    }

    .product-grid .item-box .attribute-squares li
    {
        display: block;
        float: left;
        width: calc(25% - 4px);
        margin: 10px 2px 0;
        transform: translateY(-15px);
        transition: .3s ease
    }

    .product-grid .item-box:hover .attribute-squares li
    {
        transform: translateY(0)
    }

    .product-grid .item-box .attribute-squares label
    {
        transition: .3s ease
    }

    .product-grid .item-box .attribute-square
    {
        width: 100%;
        height: 100%;
        box-shadow: none !important
    }

    .product-grid .item-box .attribute-square:before
    {
        content: "";
        display: block;
        position: static;
        padding-top: 100%;
        border: none;
        opacity: 0
    }

    .product-grid .item-box .attribute-square:after
    {
        transform: rotate(90deg)
    }

    .product-grid .hover-variant-two .product-rating-box
    {
        display: none
    }

    .product-grid .hover-variant-two .item-box-overlay-tint
    {
        display: none
    }

    .product-grid .hover-variant-two .attribute-squares-wrapper
    {
        width: 100%
    }

    .product-grid .hover-variant-two .buttons
    {
        bottom: 0;
        height: auto;
        margin-top: 100%;
        border-top: 1px solid #eee;
        background-color: #fff
    }

    .product-grid .hover-variant-two .buttons button
    {
        position: relative;
        top: 50%;
        margin-top: -20px;
        border: 1px solid #eee;
        background-color: #fff;
        color: #c09e6c
    }

    .product-grid .hover-variant-two .buttons button:hover
    {
        border-color: #c09e6c;
        background-color: #c09e6c;
        color: #fff !important
    }

    .product-grid .hover-variant-two button.product-box-add-to-cart-button
    {
        background-image: url('../img/product-cart-dark.svg')
    }

    .product-grid .hover-variant-two button.product-box-add-to-cart-button:hover
    {
        background-image: url('../img/product-cart.svg')
    }

    .product-grid .hover-variant-two button.add-to-compare-list-button
    {
        background-image: url('../img/product-compare-dark.svg')
    }

    .product-grid .hover-variant-two button.add-to-compare-list-button:hover
    {
        background-image: url('../img/product-compare.svg')
    }

    .product-grid .hover-variant-two button.add-to-wishlist-button
    {
        background-image: url('../img/product-wishlist-dark.svg')
    }

    .product-grid .hover-variant-two button.add-to-wishlist-button:hover
    {
        background-image: url('../img/product-wishlist.svg')
    }

    .product-grid-bestsellers:only-child .item-box
    {
        width: 25%
    }

    .product-grid-bestsellers:only-child .item-box:nth-child(2n+1)
    {
        clear: none
    }

    .product-grid-bestsellers:only-child .item-box:nth-child(4n+1)
    {
        clear: both
    }

    .product-grid-bestsellers:only-child .item-box:nth-child(4n)
    {
        border-right: none
    }

    .product-grid-bestsellers .product-title
    {
        transition: .3s ease
    }

    .product-grid-bestsellers .product-title:hover
    {
        color: #c09e6c
    }

    .product-grid-bestsellers .buttons button
    {
        transition: .3s ease
    }

    .product-grid-bestsellers .buttons button:hover
    {
        border-color: #c09e6c;
        background-color: #c09e6c
    }

    .product-grid-bestsellers button.product-box-add-to-cart-button:hover
    {
        background-image: url('../img/product-cart.svg')
    }

    .product-grid-bestsellers button.add-to-compare-list-button:hover
    {
        background-image: url('../img/product-compare.svg')
    }

    .product-grid-bestsellers button.add-to-wishlist-button:hover
    {
        background-image: url('../img/product-wishlist.svg')
    }

    .recently-added-products-page h1, .recently-viewed-products-page h1
    {
        text-align: right
    }

    .pager li.previous-page, .pager li.next-page
    {
        max-width: 64.75px
    }

    .pager li.first-page
    {
        padding: 0 1% 0 0
    }

    .pager li.last-page
    {
        padding: 0 0 0 1%
    }

    .pager li.individual-page
    {
        max-width: 37px
    }

    .pager li.current-page
    {
        max-width: 44px
    }

    .pager li.current-page span
    {
        background-color: #c09e6c;
        cursor: default;
        color: #fff !important
    }

    .pager li.individual-page a
    {
        transition: .3s ease
    }

    .pager li.individual-page a:hover
    {
        color: #c09e6c
    }

    .pager li.previous-page a:before, .pager li.next-page a:before, .pager li.first-page a:before, .pager li.last-page a:before
    {
        transition: .3s ease
    }

    .pager li.previous-page a:hover:before, .pager li.next-page a:hover:before, .pager li.first-page a:hover:before, .pager li.last-page a:hover:before
    {
        color: #c09e6c;
        opacity: 1
    }

    .product-list .item-box
    {
        margin-bottom: 20px
    }

    .product-list .item-box .details
    {
        padding: 15px 30px 88px
    }

    .product-list .item-box .details:before
    {
        bottom: 88px
    }

    .product-list .product-title:hover
    {
        color: #c09e6c
    }

    .product-list .item-box .prices
    {
        right: 30px;
        bottom: 44px;
        max-width: calc(100% - 460px)
    }

    .product-list .item-box .price
    {
        font-size: 18px
    }

    .product-list .item-box .add-info
    {
        left: 30px;
        bottom: 22px
    }

    .product-list .item-box button
    {
        width: 45px;
        height: 45px
    }

    .product-list .item-box button:hover
    {
        background-color: #c09e6c
    }

    .product-list .item-box button.add-to-wishlist-button:hover
    {
        background-image: url('../img/product-wishlist.svg')
    }

    .product-list .item-box button.add-to-compare-list-button:hover
    {
        background-image: url('../img/product-compare.svg')
    }

    .product-list .item-box button.product-box-add-to-cart-button
    {
        width: auto;
        overflow: hidden;
        background-position: right 28px center;
        padding: 0 53px 0 30px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        line-height: 45px;
        text-transform: uppercase;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #fff
    }

    .product-list .item-box button.product-box-add-to-cart-button:hover
    {
        background-color: #ae864b
    }

    .category-page-one-column.center-1
    {
        margin-bottom: 0
    }

    .category-page-one-column .category-description
    {
        margin: 20px 0 40px
    }

    .category-page-one-column .product-selectors
    {
        border-top: none
    }

    .category-page-one-column .product-list .item-box .picture
    {
        width: 24.5%
    }

    .category-page-one-column .product-list .item-box .picture + .details, .category-page-one-column .product-list .item-box .ribbon-wrapper + .details
    {
        width: 75.5%
    }

    .category-page-one-column .pager
    {
        margin: 0 0 70px
    }

    .one-column-blocks-wrapper
    {
        margin: 0 0 100px
    }

    .one-column-blocks-wrapper .blocks-wrapper
    {
        display: none
    }

    .side-navigation-tabs.ui-tabs
    {
        display: block
    }

    .blocks-tab-header:before
    {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 28px;
        height: 20px;
        margin: auto;
        font-family: 'pacific';
        line-height: 20px;
        font-weight: normal;
        color: #000;
        opacity: .5
    }

    .blocks-tab-header.category-navigation:before
    {
        content: "";
        font-size: 11px
    }

    .blocks-tab-header.manufacturer-navigation:before
    {
        content: "";
        font-size: 14px
    }

    .blocks-tab-header.recently-viewed-product:before
    {
        content: "";
        font-size: 15px
    }

    .blocks-tab-header.popular-tags:before
    {
        content: "";
        font-size: 15px
    }

    .blocks-tab-header.poll-list:before
    {
        content: "";
        font-size: 15px
    }

    .blocks-tab-header.vendor-navigation:before
    {
        content: "";
        font-size: 12px
    }

    .side-navigation-tabs-body .ui-tabs-panel
    {
        overflow: hidden;
        padding: 30px 10px;
        font-size: 0
    }

    .side-navigation-tabs-body .list
    {
        float: right
    }

    .side-navigation-tabs-body .list li
    {
        display: inline-block
    }

    .side-navigation-tabs-body .list > li > a, .side-navigation-tabs-body .list > li > span
    {
        display: block;
        border-right: 1px solid #eee;
        padding: 0 20px;
        font-size: 14px;
        line-height: 20px
    }

    .side-navigation-tabs-body .list > li:first-child > a, .side-navigation-tabs-body .list > li:first-child > span
    {
        border-right: none
    }

    .side-navigation-tabs-body .list > li > a
    {
        transition: .3s ease
    }

    .side-navigation-tabs-body .list > li > a:hover
    {
        color: #c09e6c
    }

    .side-navigation-tabs-body .list .product-picture
    {
        display: none
    }

    .side-navigation-tabs-body .sublist
    {
        display: none
    }

    .side-navigation-tabs-body .tags
    {
        float: right;
        margin: 0 10px
    }

    .side-navigation-tabs-body .tags li
    {
        display: inline-block;
        position: relative;
        height: 20px;
        margin: 0 10px;
        overflow: hidden;
        font-size: 14px !important
    }

    .side-navigation-tabs-body .tags a
    {
        vertical-align: baseline;
        line-height: 20px;
        transition: .3s ease
    }

    .side-navigation-tabs-body .tags a:hover
    {
        color: #c09e6c
    }

    .side-navigation-tabs-body .view-all
    {
        float: right;
        border-right: 1px solid #eee;
        padding: 0 15px 0 0
    }

    .side-navigation-tabs-body .view-all a
    {
        display: block;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        color: #c09e6c;
        transition: .3s ease
    }

    .side-navigation-tabs-body .view-all a:hover
    {
        color: #ae864b
    }

    .side-navigation-tabs-body #PopularTagsList .view-all a
    {
        border: none
    }

    .side-navigation-tabs-body .poll:after
    {
        content: "";
        display: block;
        clear: both
    }

    .side-navigation-tabs-body .poll-display-text
    {
        display: block;
        float: right;
        margin: 0 20px;
        font-size: 14px;
        line-height: 20px;
        text-transform: uppercase;
        color: #222
    }

    .side-navigation-tabs-body .poll-display-text:after
    {
        content: "";
        margin: 0 10px 0 0;
        font-family: 'pacific';
        vertical-align: text-bottom;
        font-size: 8px;
        line-height: 17px;
        color: #222
    }

    .side-navigation-tabs-body .poll-options
    {
        float: right
    }

    .side-navigation-tabs-body .poll li
    {
        display: inline-block;
        position: relative;
        margin: 0 0 0 15px
    }

    .side-navigation-tabs-body .poll input[type='radio']
    {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        margin: auto
    }

    .side-navigation-tabs-body .poll label
    {
        display: block;
        position: relative;
        padding: 0 23px 0 0;
        font-size: 14px;
        line-height: 20px;
        color: #444;
        cursor: pointer;
        transition: .3s ease
    }

    .side-navigation-tabs-body .poll label:hover
    {
        color: #c09e6c
    }

    .side-navigation-tabs-body .poll label:before
    {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 16px;
        height: 16px;
        border: 1px solid #ccc;
        border-radius: 50%;
        background-color: #fff
    }

    .side-navigation-tabs-body .poll input:checked + label:after
    {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 3px;
        margin: auto;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #c09e6c
    }

    .side-navigation-tabs-body .poll .poll-results li
    {
        float: right;
        font-size: 14px;
        line-height: 20px
    }

    .side-navigation-tabs-body .poll .buttons
    {
        float: right;
        margin: 0 15px 0 0
    }

    .side-navigation-tabs-body .poll button[type='button']
    {
        display: inline-block;
        margin: -10px 0;
        border: 1px solid #eee;
        background: none;
        padding: 10px 19px;
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        text-transform: uppercase;
        transition: .3s ease;
        color: #c09e6c
    }

    .side-navigation-tabs-body .poll button[type='button']:hover
    {
        border-color: #c09e6c;
        background-color: #c09e6c;
        color: #fff
    }

    .side-navigation-tabs-body .poll .poll-total-votes
    {
        display: block;
        float: right;
        margin: 0 15px 0 0;
        font-size: 14px;
        line-height: 20px;
        color: #c09e6c
    }

    .ui-tabs-panel[aria-hidden=true]
    {
        display: none
    }

    .manufacturer-page .page-title h1, .vendor-page .page-title h1
    {
        text-align: right
    }

    .manufacturer-grid .item-box, .vendor-grid .item-box
    {
        padding: 0 0 70px
    }

    .manufacturer-grid .item-box .picture a:before, .vendor-grid .item-box .picture a:before
    {
        content: "";
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        z-index: 2;
        opacity: 0;
        background-color: rgba(0,0,0,.12);
        transition: .3s ease
    }

    .manufacturer-grid .item-box:hover .picture a:before, .vendor-grid .item-box:hover .picture a:before
    {
        opacity: 1
    }

    .manufacturer-grid .item-box .title a, .vendor-grid .item-box .title a
    {
        height: 69px;
        padding: 25px 0;
        font-size: 16px;
        text-transform: none;
        transition: .3s ease
    }

    .manufacturer-grid .item-box:hover .title a, .vendor-grid .item-box:hover .title a
    {
        color: #c09e6c
    }

    .product-details-page-body .master-wrapper-content
    {
        padding: 0 30px
    }

    .product-page-layout-one .product-content-wrapper:after
    {
        content: "";
        display: block;
        clear: both
    }

    .product-page-layout-one .product-essential
    {
        float: right;
        width: 77%
    }

    .product-page-layout-one .overview-buttons-wrapper
    {
        margin-bottom: 15px
    }

    .product-page-grids.side-grids
    {
        float: left;
        width: 23%;
        padding: 0 15px 0 0
    }

    .product-page-grids.side-grids .product-grid
    {
        margin: 0 0 10px;
        background-color: #eee
    }

    .product-page-grids.side-grids .product-grid .title
    {
        margin: 0 0 2px;
        border-bottom: 1px solid #e1e1e1;
        padding: 16px 20px 15px;
        text-align: right
    }

    .product-page-grids.side-grids .product-grid .title strong
    {
        font-size: 15px;
        line-height: normal;
        font-weight: bold;
        color: #444
    }

    .product-page-grids.side-grids .item-grid
    {
        padding: 12px
    }

    .product-page-grids.side-grids .product-grid .item-box:nth-child(6n+1)
    {
        clear: none;
        margin: 0 12px 12px 0
    }

    .product-page-grids.side-grids .product-grid .item-box
    {
        width: calc(50% - 6px);
        margin: 0 12px 12px 0;
        background-color: transparent
    }

    .product-page-grids.side-grids .product-grid .item-box:nth-child(2n+1)
    {
        clear: both;
        margin-right: 0
    }

    .product-page-grids.side-grids .product-grid .item-box .product-rating-box, .product-page-grids.side-grids .product-grid .product-item:hover .add-info
    {
        display: none
    }

    .product-page-grids.side-grids .product-grid .item-box .details
    {
        padding: 0
    }

    .product-page-grids.side-grids .product-grid .product-title
    {
        padding: 10px 0 0;
        text-align: right
    }

    .product-page-grids.side-grids .product-grid .item-box .prices
    {
        margin: 0;
        text-align: right
    }

    .product-page-grids.side-grids .product-grid .item-box .price
    {
        font-size: 14px;
        color: #222
    }

    .product-page-grids.side-grids .item-box .price.actual-price
    {
        color: #c09e6c
    }

    .product-page-grids.side-grids .item-box .price.old-price
    {
        color: #888
    }

    .product-page-grids.side-grids .block-category-navigation
    {
        background-color: #eee
    }

    .product-page-grids.side-grids .block-category-navigation .title
    {
        border-bottom: 1px solid #e1e1e1
    }

    .product-page-grids.side-grids .block-category-navigation .title:before
    {
        background-color: #fff
    }

    .product-page-grids.side-grids .block-category-navigation .sublist
    {
        display: none
    }

    .product-details-page .breadcrumb
    {
        margin: 0 0 20px;
        border-bottom: 1px dashed #e6e6e6;
        padding: 5px 0;
        text-align: right
    }

    .product-essential, .product-collateral
    {
        margin: 0
    }

    .gallery .picture
    {
        width: auto;
        padding: 15px
    }

    .gallery .picture-thumbs
    {
        margin: 0 15px
    }

    .gallery .thumb-item
    {
        width: calc(25% - 10px);
        margin: 0 15px 15px 0
    }

    .product-social-buttons
    {
        position: absolute;
        top: 0;
        right: -30px;
        margin: 0
    }

    .product-social-sharing li
    {
        display: block;
        margin: 0 0 1px
    }

    .product-details-page .product-name
    {
        margin: 0;
        border: none;
        padding: 10px 0;
        text-align: right
    }

    .product-details-page .product-name h1
    {
        font-size: 28px;
        color: #444
    }

    .product-reviews-overview
    {
        overflow: hidden
    }

    .product-reviews-overview .product-review-box
    {
        float: right;
        margin: 0 0 0 20px
    }

    .product-reviews-overview .product-review-box .rating
    {
        width: 80px;
        background-image: url(../img/rating1-desktop.svg)
    }

    .product-reviews-overview .product-review-box .rating div
    {
        background-image: url(../img/rating2-desktop.svg)
    }

    .product-review-links
    {
        float: right
    }

    .overview .prices, .variant-overview .prices
    {
        text-align: right
    }

    .overview .availability, .variant-overview .availability
    {
        overflow: hidden
    }

    .overview .availability label, .variant-overview .availability label
    {
        display: block;
        float: right;
        font-size: 13px;
        padding: 12px 0 12px 15px
    }

    .overview .stock, .variant-overview .stock
    {
        float: right
    }

    .overview .delivery, .variant-overview .delivery
    {
        overflow: hidden
    }

    .overview .delivery label, .variant-overview .delivery label
    {
        display: block;
        float: right;
        padding: 12px 0 12px 15px;
        font-size: 13px
    }

    .free-shipping
    {
        float: right;
        margin: 0 0 0 40px
    }

    .overview .delivery-date, .variant-overview .delivery-date
    {
        float: right
    }

    .attribute-squares
    {
        text-align: right
    }

    .overview .add-to-wishlist-button:hover, .variant-overview .add-to-wishlist-button:hover, .overview .add-to-compare-list-button:hover, .overview .email-a-friend-button:hover, .download-sample-button:hover
    {
        background-color: #c09e6c
    }

    .overview .add-to-wishlist-button:hover, .variant-overview .add-to-wishlist-button:hover
    {
        background-image: url('../img/product-wishlist.svg')
    }

    .overview .add-to-compare-list-button:hover
    {
        background-image: url('../img/product-compare.svg')
    }

    .overview .email-a-friend-button:hover
    {
        background-image: url('../img/email-a-friend-white.svg')
    }

    .download-sample-button:hover
    {
        background-image: url('../img/download-sample-white.svg')
    }

    .product-page-layout-two .gallery-wrapper
    {
        width: 580px;
        margin-bottom: 0
    }

    .product-page-layout-two .gallery .picture
    {
        padding: 40px 40px 20px
    }

    .product-page-layout-two .gallery .picture a, .product-page-layout-two .product-image-holder
    {
        margin: 0 0 20px
    }

    .product-page-layout-two .overview-wrapper
    {
        width: calc(100% - 610px);
        background-color: transparent;
        border: none;
        margin-bottom: 0
    }

    .product-page-layout-two .overview
    {
        padding: 0;
        color: #444
    }

    .product-page-layout-two .product-overview-top
    {
        margin: 0 0 20px;
        border-bottom: 1px solid #e3e3e3;
        overflow: hidden;
        padding: 0 0 20px
    }

    .product-page-layout-two .product-overview-top .product-name
    {
        float: right;
        width: calc(100% - 200px)
    }

    .product-page-layout-two .product-overview-top .product-reviews-overview
    {
        float: left;
        width: 200px;
        margin: 0;
        border: none;
        padding: 7px 0
    }

    .product-page-layout-two .product-overview-top .product-review-box
    {
        float: left;
        margin: 0 0 10px
    }

    .product-page-layout-two .product-overview-top .product-review-links, .product-page-layout-two .product-overview-top .product-no-reviews
    {
        float: left;
        clear: left
    }

    .product-page-layout-two .product-reviews-overview, .product-page-layout-two .overview .short-description, .product-page-layout-two .overview .prices, .product-page-layout-two .tier-prices .prices-table, .product-page-layout-two .tier-prices .prices-row > div, .product-page-layout-two .overview-info-wrapper, .product-page-layout-two .overview .availability, .product-page-layout-two .overview .delivery, .product-page-layout-two .overview .product-estimate-shipping, .product-page-layout-two .attribute, .product-page-layout-two .rental-attributes, .product-page-layout-two .giftcard
    {
        border-color: #e3e3e3
    }

    .product-page-layout-two .product-overview-top, .product-page-layout-two .overview .short-description, .product-page-layout-two .overview .prices, .product-page-layout-two .overview-info-wrapper, .product-page-layout-two .overview .availability, .product-page-layout-two .overview .delivery, .product-page-layout-two .overview .product-estimate-shipping, .product-page-layout-two .attribute, .product-page-layout-two .rental-attributes, .product-page-layout-two .overview-buttons-wrapper
    {
        padding-left: 10px;
        padding-right: 10px
    }

    .product-page-layout-two .overview-info-wrapper .label
    {
        display: inline-block
    }

    .product-page-layout-two .attribute:after
    {
        content: "";
        display: block;
        clear: both
    }

    .product-page-layout-two .attribute-title, .product-page-layout-two .attribute-label
    {
        float: right;
        width: 195px;
        margin: 0;
        padding: 13px 0;
        text-transform: none
    }

    .product-page-layout-two .atribute-body, .product-page-layout-two .attribute-data
    {
        margin: 0 195px 0 0
    }

    .product-page-layout-two .attributes select, .product-page-layout-two .attributes .datepicker
    {
        background-color: #e9e9e9
    }

    .product-page-layout-two .overview-info-wrapper .label, .product-page-layout-two .overview .availability label, .product-page-layout-two .overview .delivery label
    {
        width: 195px
    }

    .product-page-layout-two .attributes .option-list.radio-list label
    {
        background-color: #e9e9e9
    }

    .product-page-layout-two .attributes .option-list.checkbox-list li
    {
        display: inline-block;
        margin: 7px 0 7px 20px
    }

    .product-page-layout-two .attributes .option-list.checkbox-list label:before
    {
        border-color: #ccc;
        background-color: #fff
    }

    .product-page-layout-two .rental-attributes .attribute-item
    {
        width: 100%;
        margin: 0 0 10px
    }

    .product-page-layout-two .attributes .datepicker
    {
        max-width: 350px
    }

    .product-page-layout-two .overview-buttons
    {
        float: right;
        width: calc(100% - 350px);
        margin-right: -3px;
        text-align: right
    }

    .product-page-layout-two .overview-buttons-wrapper .add-to-cart
    {
        float: left;
        width: 350px
    }

    .product-page-layout-two .overview .add-to-wishlist-button, .product-page-layout-two .overview .add-to-compare-list-button, .product-page-layout-two .overview .email-a-friend-button, .product-page-layout-two .download-sample-button
    {
        border: 1px solid #e3e3e3;
        background-color: #fff
    }

    .product-page-layout-two .overview .add-to-wishlist-button:hover, .product-page-layout-two .overview .add-to-compare-list-button:hover, .product-page-layout-two .overview .email-a-friend-button:hover, .product-page-layout-two .download-sample-button:hover
    {
        border-color: #c09e6c;
        background-color: #c09e6c
    }

    .product-page-layout-two .overview .add-to-wishlist-button:hover
    {
        background-image: url('../img/product-wishlist.svg')
    }

    .product-page-layout-two .overview .add-to-compare-list-button:hover
    {
        background-image: url('../img/product-compare.svg')
    }

    .product-page-layout-two .overview .email-a-friend-button:hover
    {
        background-image: url('../img/email-a-friend-white.svg')
    }

    .product-page-layout-two .download-sample-button:hover
    {
        background-image: url('../img/download-sample-white.svg')
    }

    .product-page-layout-two .customer-entered-price
    {
        text-align: left
    }

    .product-page-layout-two .customer-entered-price .enter-price-input
    {
        background-color: #e9e9e9
    }

    .product-page-layout-two .customer-entered-price .price-range
    {
        margin: 0 0 10px
    }

    .product-page-layout-two .variant-overview .attribute, .product-page-layout-two .variant-overview .rental-attributes
    {
        border-color: #eee;
        padding-left: 0;
        padding-right: 0
    }

    .product-page-layout-two .variant-overview .rental-attributes
    {
        max-width: none
    }

    .product-page-layout-two .variant-overview .attributes .datepicker
    {
        width: 100%;
        max-width: 420px
    }

    .product-page-layout-two .variant-overview-info-wrapper
    {
        padding: 0 0 15px !important
    }

    .product-page-layout-two .giftcard input, .product-page-layout-two .giftcard textarea
    {
        background-color: #e9e9e9
    }

    .product-page-layout-two .product-grid
    {
        margin: 50px 0 -10px;
        overflow: hidden
    }

    .product-reviews-page .page-title
    {
        margin: 0 0 40px
    }

    .product-review-list, .write-review
    {
        padding: 50px
    }

    .product-reviews-page .title
    {
        margin: -50px -50px 40px;
        padding: 25px;
        font-size: 17px
    }

    .product-review-item
    {
        margin: 0 0 60px
    }

    .product-review-item:last-child
    {
        margin-bottom: 0
    }

    .html-wishlist-page .master-wrapper-content
    {
        position: relative
    }

    .wishlist-page .table-wrapper
    {
        width: calc(100% - 280px)
    }

    .wishlist-info
    {
        position: absolute;
        top: 81px;
        left: 20px;
        width: 260px
    }

    .wishlist-content form
    {
        top: 81px
    }

    .wishlist-page .no-data, .compare-products-page .no-data, .shopping-cart-page .no-data
    {
        padding: 50px
    }

    .compare-products-page .table-wrapper
    {
        border: none;
        background-color: transparent
    }

    .compare-products-table
    {
        display: table
    }

    .compare-products-table td
    {
        border-left: 10px solid #f3f3f3;
        border-right: 10px solid #f3f3f3;
        background-color: #fff
    }

    .compare-products-table td.empty-item-cell
    {
        background-color: #eaeaea
    }

    .compare-products-mobile
    {
        display: none
    }

    .compare-products-page .remove-button
    {
        width: 100%
    }

    .compare-products-table .product-picture a
    {
        border-bottom: 1px solid #eee
    }

    .compare-products-table label
    {
        display: block;
        text-align: left;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        color: #bbb
    }

    .compare-products-page tr.product-name td, .compare-products-page tr.short-description td, .compare-products-page tr.product-price td, .compare-products-page tr.specification td, .compare-products-page tr.full-description td
    {
        padding: 10px 18px;
        vertical-align: middle
    }

    .home-page-welcome-message
    {
        margin: 0 0 55px;
        padding: 20px
    }

    .home-page .topic-block-title h2
    {
        font-size: 36px;
        line-height: 36px
    }

    .topic-page .page-body
    {
        padding: 40px
    }

    .topic-password form
    {
        margin: 150px auto;
        padding: 40px
    }

    .contact-page .topic-block, .email-a-friend-page .topic-block, .apply-vendor-page .topic-block, .email-a-friend-page .title
    {
        padding: 30px
    }

    .contact-page .form-fields, .email-a-friend-page .form-fields, .apply-vendor-page .form-fields
    {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .contact-page .buttons, .email-a-friend-page .buttons, .apply-vendor-page .buttons, .contact-page .result, .email-a-friend-page .result, .apply-vendor-page .result
    {
        padding: 30px
    }

    .registration-page .fieldset, .registration-page .buttons
    {
        padding: 30px
    }

    .registration-page .fieldset .title
    {
        margin: -30px -30px 30px;
        padding: 30px
    }

    .registration-result-page .page-body
    {
        padding: 40px
    }

    .login-page .login-tabs .login-tabs-block, .password-recovery-page .page-body
    {
        padding: 50px
    }

    .login-page .login-tabs .buttons, .password-recovery-page .buttons
    {
        margin: 0 -50px -50px;
        padding: 25px
    }

    .login-page .text
    {
        margin: 0 0 50px
    }

    .login-page .page-body > .topic-block, .login-page .external-authentication
    {
        padding: 30px
    }

    .login-page .page-body > .topic-block .topic-block-title, .external-authentication .title
    {
        margin: -30px -30px 30px;
        padding: 30px
    }

    .password-recovery-page .inputs
    {
        margin-bottom: 50px
    }

    .html-account-page .side-2
    {
        width: 300px;
        margin: 81px 0 40px
    }

    .html-account-page .center-2
    {
        width: calc(100% - 300px)
    }

    .html-account-page .block .title
    {
        display: none
    }

    .html-account-page .block .listbox
    {
        border: none;
        padding: 5px 0
    }

    .html-account-page .block .listbox a
    {
        position: relative;
        padding: 20px 70px 20px 15px;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        text-transform: uppercase;
        color: #888
    }

    .html-account-page .block .listbox a:before
    {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        margin: auto;
        width: 50px;
        height: 50px;
        background-color: #f6f6f6;
        text-align: center;
        font-family: 'pacific';
        font-size: 20px;
        line-height: 50px;
        font-weight: normal;
        color: #888
    }

    .html-account-page .block .listbox .customer-addresses a:before
    {
        content: "";
        font-size: 22px
    }

    .html-account-page .block .listbox .customer-orders a:before
    {
        content: ""
    }

    .html-account-page .block .listbox .return-requests a:before
    {
        content: "";
        font-size: 25px
    }

    .html-account-page .block .listbox .downloadable-products a:before
    {
        content: "";
        font-size: 24px
    }

    .html-account-page .block .listbox .back-in-stock-subscriptions a:before
    {
        content: "";
        font-size: 14px
    }

    .html-account-page .block .listbox .reward-points a:before
    {
        content: "";
        font-size: 28px
    }

    .html-account-page .block .listbox .change-password a:before
    {
        content: "";
        font-size: 24px
    }

    .html-account-page .block .listbox .customer-avatar a:before
    {
        content: "";
        font-size: 24px
    }

    .html-account-page .block .listbox .forum-subscriptions a:before
    {
        content: ""
    }

    .html-account-page .block .listbox .customer-reviews a:before
    {
        content: ""
    }

    .html-account-page .block .listbox .customer-gdpr a:before
    {
        content: "";
        font-size: 24px
    }

    .html-account-page .block .listbox .customer-multiFactor-authentication a:before
    {
        content: "";
        font-size: 23px
    }

    .html-account-page .block .listbox .new-ticket a:before
    {
        content: "";
        font-size: 22px
    }

    .html-account-page .block .listbox .my-tickets a:before
    {
        content: ""
    }

    .html-account-page .block .listbox .manage-tickets a:before
    {
        content: "";
        font-size: 22px
    }

    .html-account-page .block .listbox .price-match-requests a:before
    {
        content: "";
        font-size: 22px
    }

    .html-account-page .block .listbox .active a
    {
        background-color: #c09e6c;
        color: #fff !important
    }

    .html-account-page .block .listbox .active a:after
    {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -8px;
        margin: auto;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 9px 8px 9px 0;
        border-color: transparent #c09e6c
    }

    .html-account-page .block .listbox .active a:before
    {
        background-color: rgba(0,0,0,.075);
        color: rgba(0,0,0,.5)
    }

    .html-account-page .block .listbox a:hover
    {
        color: #c09e6c
    }

    .customer-info-page .fieldset, .customer-info-page .buttons, .multi-factor-auth .fieldset, .multi-factor-auth > .buttons
    {
        padding: 30px
    }

    .customer-info-page .fieldset .title, .multi-factor-auth .fieldset .title
    {
        margin: -30px -30px 30px;
        padding: 30px
    }

    .address-list-page .address-item .buttons, .order-list-page .order-item .buttons
    {
        padding: 20px
    }

    .account-page .edit-address, .account-page .edit-address + .buttons
    {
        padding: 30px
    }

    .order-list-page .order-item .title
    {
        padding: 25px
    }

    .subscription-list .buttons
    {
        padding: 30px
    }

    .change-password-page .fieldset
    {
        padding: 40px
    }

    .change-password-page .buttons
    {
        padding: 30px
    }

    .avatar-page .fieldset
    {
        padding: 40px
    }

    .avatar-page .buttons
    {
        padding: 20px
    }

    .vendorinfo-page .fieldset
    {
        padding: 40px
    }

    .vendorinfo-page .buttons
    {
        padding: 30px
    }

    .check-gift-card-balance-page .form-fields
    {
        padding: 40px
    }

    .check-gift-card-balance-page .buttons
    {
        padding: 30px
    }

    .return-request-page .section, .return-request-page .fieldset
    {
        float: right;
        width: calc(50% - 10px);
        margin: 0 20px 20px 0
    }

    .return-request-page .section
    {
        margin-right: 0
    }

    .return-request-page .section .title
    {
        padding: 30px
    }

    .return-request-page .fieldset
    {
        padding: 30px
    }

    .return-request-page .fieldset .title
    {
        margin: -30px -30px 20px;
        padding: 30px
    }

    .return-request-page .buttons
    {
        clear: both;
        padding: 30px
    }

    .order-progress
    {
        margin: -40px -70px 40px;
        padding: 35px 0
    }

    .order-progress ul:before
    {
        top: 35px
    }

    .order-progress ul li
    {
        padding: 0 0 30px
    }

    .order-progress li a span
    {
        display: block;
        position: absolute;
        bottom: -30px;
        right: 50%;
        width: 100px;
        color: #aaa;
        overflow: hidden;
        padding: 5px 0 0;
        font-size: 14px;
        line-height: 25px;
        font-weight: bold;
        text-transform: uppercase;
        white-space: nowrap;
        text-overflow: ellipsis;
        -webkit-transform: translate(50%,0);
        -ms-transform: translate(50%,0);
        transform: translate(50%,0)
    }

    .order-progress li.current-step a span
    {
        color: #444
    }

    .shopping-cart-page #shopping-cart-form
    {
        display: flex
    }

    .shopping-cart-page .cart-content
    {
        width: calc(100% - 280px)
    }

    .shopping-cart-page .cart-info
    {
        width: 260px;
        margin-right: auto
    }

    .cart-content > .tax-shipping-info
    {
        margin: 0;
        border-top: none
    }

    .common-buttons
    {
        border: 1px solid #eee;
        border-top: none;
        background-color: #fff;
        padding: 20px;
        text-align: right
    }

    .common-buttons button
    {
        position: relative;
        width: auto;
        margin: 0 0 0 25px;
        background-color: #fff;
        padding: 10px 32px 10px 15px
    }

    .common-buttons button:before
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        height: 30px;
        margin: auto
    }

    .common-buttons .continue-shopping-button:before
    {
        line-height: 28px
    }

    .cart-collaterals .title
    {
        padding: 70px 20px;
        text-align: center
    }

    .cart-collaterals .title:before
    {
        top: 15px;
        right: 0;
        bottom: auto;
        left: 0;
        height: 45px;
        width: 45px;
        margin: auto;
        font-size: 30px;
        line-height: 45px
    }

    .cart-collaterals .coupon-box-wrapper .title:before
    {
        font-size: 35px
    }

    .cart-collaterals .title:after
    {
        top: auto;
        left: 0;
        right: 0;
        width: auto;
        height: 50px;
        font-size: 0;
        border-top: 1px solid #eee;
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .cart-collaterals .title strong:before
    {
        content: "";
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        width: 13px;
        height: 13px;
        margin: auto;
        border: 1px solid #ccc;
        border-width: 0 1px 1px 0;
        transition: .5s ease;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .cart-collaterals .title.open strong:before
    {
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .shopping-cart-page .totals
    {
        margin: 0
    }

    .cart-collaterals .coupon-box, .cart-collaterals .giftcard-box
    {
        padding: 20px 20px 95px
    }

    .cart-collaterals .deals .hint
    {
        text-align: right
    }

    .cart-collaterals .coupon-code
    {
        margin: 0 0 15px
    }

    .order-summary-content .product-grid .item-box
    {
        width: calc(20% - 8px)
    }

    .order-summary-content .product-grid .item-box:nth-child(6n+1)
    {
        clear: none;
        margin-right: 10px
    }

    .order-summary-content .product-grid .item-box:nth-child(5n+1)
    {
        clear: both;
        margin-right: 0
    }

    .checkout-page .address-grid:before
    {
        right: calc(33.3333% - 13.3333px)
    }

    .checkout-page .address-grid:after
    {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: calc(66.6666% - 6.6666px);
        width: 20px;
        background-color: #f3f3f3
    }

    .checkout-page .address-item
    {
        width: calc(33.3333% - 13.3333px)
    }

    .checkout-page .address-item:nth-child(2n+1)
    {
        clear: none;
        margin: 0 20px 0 0
    }

    .checkout-page .address-item:nth-child(3n+1)
    {
        clear: both;
        margin: 0
    }

    .checkout-page .billing-addresses + .buttons, .checkout-page .shipping-addresses + .buttons
    {
        padding: 30px
    }

    .checkout-page .section.order-summary form
    {
        overflow: hidden
    }

    .checkout-page .section.order-summary .cart-content
    {
        float: right;
        width: calc(100% - 280px)
    }

    .checkout-page .section.order-summary .cart-info
    {
        float: left;
        width: 260px
    }

    .checkout-page .shipping-method, .checkout-page .payment-method
    {
        padding: 30px
    }

    .checkout-page .shipping-method ul, .checkout-page .payment-method ul
    {
        margin: 0 0 10px
    }

    .checkout-page .shipping-method li, .checkout-page .payment-method li
    {
        padding: 30px
    }

    .checkout-page .shipping-method input + label:before
    {
        top: 35px
    }

    .checkout-page .shipping-method .buttons, .checkout-page .payment-method .buttons, .checkout-page .payment-info .buttons
    {
        margin: 0 -30px -30px;
        padding: 30px
    }

    .checkout-page .shipping-method ul.hidden + .buttons
    {
        margin-top: -31px
    }

    .section.payment-info
    {
        padding: 30px
    }

    .section.order-completed
    {
        padding: 30px
    }

    .section.order-completed .buttons
    {
        margin: 30px -30px -30px;
        padding: 30px
    }

    .opc .step-title, .opc .step
    {
        padding: 30px
    }

    .opc .buttons
    {
        margin: 30px -30px -30px;
        padding: 30px
    }

    .basic-search, .advanced-search, .search-input .buttons
    {
        padding: 30px
    }

    .sitemap-page .entity
    {
        padding: 30px
    }

    .sitemap-page .entity-title
    {
        margin: -30px -30px 30px;
        padding: 30px
    }

    .sitemap-page li
    {
        margin: 2.5px 15px
    }

    .news-list-homepage
    {
        margin: 0 0 60px
    }

    .news-list-homepage .news-item
    {
        padding: 40px 40px 65px
    }

    .news-list-homepage .buttons a
    {
        padding: 10px 20px
    }

    .news-list-homepage .news-title, .news-list-homepage .buttons a, .news-list-homepage .view-all a
    {
        transition: .3s ease
    }

    .news-list-homepage .news-title:hover, .news-list-homepage .view-all a:hover
    {
        color: #c09e6c
    }

    .news-list-homepage .buttons a:hover
    {
        color: #ae864b
    }

    .blog-page .post, .news-list-page .news-item
    {
        width: calc(50% - 10px);
        margin: 0 20px 20px 0;
        padding: 40px 40px 65px
    }

    .blog-posts .buttons, .news-list-page .buttons
    {
        padding: 25px 40px
    }

    .news-item-page .page-title, .blogpost-page .page-title
    {
        padding: 40px 5% 20px
    }

    .blogpost-page .post-body, .news-item-page .news-body
    {
        padding: 20px 0 40px
    }

    .blog-page .tags
    {
        margin: 0 0 25px
    }

    .blogpost-page .tags
    {
        margin: -10px 0 30px
    }

    .new-comment
    {
        padding: 30px
    }

    .new-comment .title
    {
        margin: -30px -30px 30px;
        padding: 30px
    }

    .new-comment .buttons
    {
        margin: 30px -30px -30px;
        padding: 30px
    }

    .comment-list
    {
        padding: 50px
    }

    .comment-list .title
    {
        margin: -50px -50px 40px;
        padding: 25px;
        font-size: 17px
    }

    .comment-info
    {
        text-align: center
    }

    .comment-title, .comment-time
    {
        margin: 0 0 15px
    }

    .comment-info + .comment-content
    {
        margin: 0 150px 0 0
    }
}

@media all and (max-width:1500px)
{
    .home-page-welcome-message
    {
        background: none !important
    }
}

@media all and (min-width:1501px)
{
    .center-1, .center-2, .side-2, .one-column-blocks-wrapper
    {
        margin: 0 0 140px
    }

    .product-grid, .product-list, .bestsellers-wrapper, .news-list-homepage, .home-page-polls
    {
        margin: 0 0 100px
    }

    .home-page-welcome-message
    {
        margin: 0 0 60px
    }

    .home-page-welcome-message.with-image-background
    {
        background-repeat: no-repeat;
        background-position: right 5% center;
        background-size: 30%;
        text-align: right;
        padding: 40px calc(38% - 5px) 40px 40px
    }

    .product-grid .item-box .attribute-squares li
    {
        max-width: 35px
    }

    .product-grid .item-box .attribute-square:after
    {
        width: 12px;
        height: 15px;
        font-size: 14px
    }
}

@media all and (min-width:1261px) and (max-width:1600px)
{
    .product-page-layout-two .variant-picture
    {
        float: none
    }

    .product-page-layout-two .variant-picture + .variant-overview
    {
        clear: both;
        width: 100%;
        margin: 0
    }

    .product-page-layout-two .variant-overview .variant-name
    {
        text-align: center
    }
}

@media all and (min-width:1261px) and (max-width:1800px)
{
    .product-grid .item-box:nth-child(6n+1)
    {
        clear: both;
        margin-right: 0
    }

    .items-five .product-grid .item-box:nth-child(6n+1), .center-2 .product-grid .item-box:nth-child(6n+1)
    {
        clear: none;
        margin-right: 10px
    }

    .items-five .product-grid .item-box:nth-child(5n+1), .center-2 .product-grid .item-box:nth-child(5n+1)
    {
        clear: both;
        margin-right: 0
    }

    .shopping-cart-page .totals
    {
        padding: 10px
    }

    .total-info
    {
        margin: 0 0 10px
    }

    .totals .terms-of-service
    {
        margin: 0 0 15px;
        font-size: 13px;
        line-height: 18px
    }

    .totals .terms-of-service input ~ label
    {
        font-size: 13px;
        line-height: inherit
    }
}

@media all and (min-width:1801px)
{
    .master-wrapper-content
    {
        max-width: 2000px;
        margin: auto;
        padding: 0 70px
    }

    .center-1, .center-2, .side-2, .one-column-blocks-wrapper
    {
        margin: 0 0 130px
    }

    .center-2
    {
        width: 84%
    }

    .side-2
    {
        width: 16%
    }

    .header-lower
    {
        padding: 0 225px 0 590px
    }

    .store-search-box
    {
        width: 440px;
        padding: 0
    }

    .search-box-opener
    {
        display: none
    }

    .store-search-box form
    {
        width: 100%
    }

    .store-search-box form.open
    {
        box-shadow: none;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }

    .ui-autocomplete
    {
        width: 440px !important
    }

    .header-menu > ul
    {
        width: 1250px
    }

    .category-boxes-layout-1
    {
        width: 106%;
        margin: 0 -3% 40px
    }

    .category-boxes-layout-2
    {
        margin: 0 -30px 30px;
        padding: 20px 0
    }

    .footer-blocks-wrapper.left
    {
        padding: 50px 130px 50px 60px
    }

    .footer-blocks-wrapper.right
    {
        padding: 50px 60px 50px 130px
    }

    .footer-block
    {
        width: 47%;
        margin-right: 6%
    }

    .footer-block-center
    {
        padding: 30px
    }

    .newsletter
    {
        max-width: none;
        margin: 0 0 50px
    }

    .home-page-polls
    {
        padding: 0 0 20px
    }

    .product-grid .item-box
    {
        width: calc(16.666% - 16.666px);
        margin: 0 20px 20px 0
    }

    .product-grid .item-box:nth-child(2n+1)
    {
        margin-right: 20px
    }

    .product-grid .item-box:nth-child(6n+1)
    {
        clear: both;
        margin-right: 0
    }

    .items-five .product-grid .item-box, .center-2 .product-grid .item-box
    {
        width: calc(20% - 16px);
        margin: 0 20px 20px 0
    }

    .items-five .product-grid .item-box:nth-child(6n+1), .center-2 .product-grid .item-box:nth-child(6n+1)
    {
        clear: none;
        margin-right: 20px
    }

    .items-five .product-grid .item-box:nth-child(5n+1), .center-2 .product-grid .item-box:nth-child(5n+1)
    {
        clear: both;
        margin-right: 0
    }

    .product-grid .item-box button.product-box-add-to-cart-button
    {
        width: calc(100% - 130px);
        overflow: hidden;
        background-image: none;
        padding: 0 5px;
        text-align: center;
        font-size: 14px;
        line-height: 38px;
        font-weight: bold;
        text-transform: uppercase;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #fff
    }

    .product-grid .item-box button.product-box-add-to-cart-button:hover
    {
        background-image: none;
        color: #c09e6c
    }

    .product-grid .hover-variant-two button.product-box-add-to-cart-button
    {
        color: #222
    }

    .category-page-two-columns .sub-category-grid .item-box
    {
        width: calc(25% - 7.5px)
    }

    .category-page-two-columns .sub-category-grid .item-box:nth-child(3n+1)
    {
        clear: none;
        margin-right: 10px
    }

    .category-page-two-columns .sub-category-grid .item-box:nth-child(4n+1)
    {
        clear: right;
        margin-right: 0
    }

    .category-page-one-column .sub-category-grid
    {
        margin: 0 0 60px;
        padding: 20px 20px 0
    }

    .category-page-one-column .sub-category-grid .item-box
    {
        width: calc(16.666% - 16.666px);
        margin: 0 20px 20px 0
    }

    .category-page-one-column .sub-category-grid .item-box:nth-child(2n+1)
    {
        margin-right: 20px
    }

    .category-page-one-column .sub-category-grid .item-box:nth-child(6n+1)
    {
        margin-right: 0
    }

    .category-page-one-column .sub-category-item .title a
    {
        padding: 12px 0
    }

    .featured-product-grid .item-box .picture
    {
        width: 280px
    }

    .featured-product-grid .item-box .details
    {
        width: calc(100% - 280px)
    }

    .featured-product-grid .item-box button.product-box-add-to-cart-button
    {
        width: auto;
        overflow: hidden;
        background-position: right 28px center;
        padding: 0 53px 0 30px;
        text-align: center;
        font-size: 14px;
        line-height: 40px;
        font-weight: bold;
        text-transform: uppercase;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #fff
    }

    .bestsellers-wrapper
    {
        padding-bottom: 20px
    }

    .product-grid-bestsellers .product-item .picture
    {
        width: 140px
    }

    .product-grid-bestsellers .item-box .details-top
    {
        margin: 10px 0
    }

    .product-grid-bestsellers .item-box .prices
    {
        margin-bottom: 10px
    }

    .product-grid-bestsellers .buttons button
    {
        width: 40px;
        height: 40px
    }

    .product-list .item-box .picture
    {
        width: 24.5%
    }

    .product-list .item-box .picture + .details, .product-list .item-box .ribbon-wrapper + .details
    {
        width: 75.5%
    }

    .manufacturer-grid .item-box, .vendor-grid .item-box
    {
        width: calc(20% - 16px);
        margin: 0 20px 20px 0
    }

    .manufacturer-grid .item-box:nth-child(2n+1), .vendor-grid .item-box:nth-child(2n+1)
    {
        clear: none;
        margin-right: 20px
    }

    .manufacturer-grid .item-box:nth-child(4n+1), .vendor-grid .item-box:nth-child(4n+1)
    {
        clear: none;
        margin-right: 20px
    }

    .manufacturer-grid .item-box:nth-child(5n+1), .vendor-grid .item-box:nth-child(5n+1)
    {
        clear: both;
        margin-right: 0
    }

    .product-details-page-body .master-wrapper-content
    {
        padding: 0 70px
    }

    .product-page-layout-one .product-essential
    {
        width: 81%
    }

    .product-page-grids.side-grids
    {
        width: 19%;
        padding: 0 20px 0 0
    }

    .gallery-wrapper
    {
        width: 46%
    }

    .gallery .picture
    {
        padding: 30px
    }

    .gallery .picture-thumbs
    {
        margin: -15px 30px 15px
    }

    .product-social-buttons
    {
        top: 20px
    }

    .overview-wrapper
    {
        width: 52%
    }

    .overview
    {
        padding: 40px
    }

    .product-collateral > div
    {
        padding: 40px
    }

    .product-specs-box .table-wrapper
    {
        margin-bottom: 0
    }

    .product-page-grids .item-grid
    {
        padding: 22px
    }

    .attributes select
    {
        width: 50%
    }

    .attribute, .rental-attributes
    {
        margin: 0 0 20px;
        padding: 0 0 20px
    }

    .variant-overview .attributes select
    {
        width: 100%
    }

    .variant-overview .variant-name
    {
        margin: 0 0 20px;
        padding: 20px 0 30px;
        text-align: right
    }

    .variant-overview .variant-description
    {
        padding: 0 0 20px
    }

    .variant-overview .rental-attributes
    {
        max-width: 420px
    }

    .product-page-layout-two .gallery-wrapper
    {
        width: 700px
    }

    .product-page-layout-two .overview-wrapper
    {
        width: calc(100% - 750px)
    }

    .product-page-layout-two .product-overview-top, .product-page-layout-two .overview .short-description, .product-page-layout-two .overview .prices, .product-page-layout-two .overview-info-wrapper, .product-page-layout-two .overview .availability, .product-page-layout-two .overview .delivery, .product-page-layout-two .attribute, .product-page-layout-two .rental-attributes, .product-page-layout-two .overview-buttons-wrapper
    {
        padding-left: 20px;
        padding-right: 20px
    }

    .product-page-layout-two .overview-buttons
    {
        width: calc(100% - 450px)
    }

    .product-page-layout-two .overview-buttons-wrapper .add-to-cart
    {
        width: 450px
    }

    .product-page-layout-two .attribute-title, .product-page-layout-two .attribute-label
    {
        width: 250px
    }

    .product-page-layout-two .atribute-body, .product-page-layout-two .attribute-data
    {
        margin: 0 250px 0 0
    }

    .product-page-layout-two .overview-info-wrapper .label, .product-page-layout-two .overview .availability label, .product-page-layout-two .overview .delivery label
    {
        width: 250px
    }

    .product-page-layout-two .product-grid
    {
        margin-bottom: -20px
    }

    .product-page-layout-two .product-grid .item-grid
    {
        padding-bottom: 0
    }

    .wishlist-info
    {
        left: 70px
    }

    .wishlist-page .table-wrapper
    {
        width: calc(100% - 370px)
    }

    .wishlist-info
    {
        width: 350px;
        padding: 40px 30px
    }

    .category-boxes-layout-2 + .home-page-welcome-message
    {
        margin: 0 0 65px
    }

    .home-page-welcome-message.with-image-background
    {
        padding: 50px calc(40% - 5px) 50px 50px;
        background-position: right 10% center;
        background-size: 27%
    }

    .cart td
    {
        padding: 10px 20px
    }

    .shopping-cart-page .cart-content
    {
        width: calc(100% - 370px)
    }

    .shopping-cart-page .cart-info
    {
        left: 70px;
        width: 350px
    }

    .cart-content > .tax-shipping-info
    {
        padding: 30px
    }

    .order-summary-content .product-grid .item-box
    {
        width: calc(20% - 16px)
    }

    .order-summary-content .product-grid .item-box:nth-child(6n+1)
    {
        margin-right: 20px
    }

    .order-summary-content .product-grid .item-box:nth-child(5n+1)
    {
        margin-right: 0
    }

    .checkout-page .section.order-summary .cart-content
    {
        width: calc(100% - 370px)
    }

    .checkout-page .section.order-summary .cart-info
    {
        width: 350px
    }

    .news-list-homepage
    {
        padding: 0 0 20px
    }
}

.filtersTitlePanel
{
    position: relative
}

.filtersTitlePanel span
{
    display: none
}

.clearFilterOptionsAll
{
    display: block;
    height: 50px;
    border-bottom: 1px dashed #eee;
    padding: 16px 15px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #c09e6c
}

.filtersTitlePanel .close-filters
{
    display: none
}

.filtersPanel
{
    background: #fff
}

.filtersPanel:after
{
    content: "";
    display: block;
    clear: both
}

.filter-block
{
    display: block;
    position: relative;
    float: none;
    width: auto;
    border-bottom: 1px solid #eee
}

.filter-block .title
{
    border: none;
    padding: 0
}

.filter-block .title:after
{
    content: "";
    top: 1px;
    bottom: -1px;
    font-size: 10px;
    color: #ccc;
    transform: none !important
}

.filter-block .title:hover:after
{
    color: #444
}

.filter-block a.toggleControl
{
    display: block;
    position: relative;
    z-index: 1;
    padding: 16px 15px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.filter-block a.clearFilterOptions, .filter-block a.clearPriceRangeFilter
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    z-index: 2;
    height: 12px;
    margin: auto;
    font-size: 0;
    color: #ccc;
    transition: transform .3s ease
}

.filter-block a.clearFilterOptions:after, .filter-block a.clearPriceRangeFilter:after
{
    content: "";
    font-family: 'pacific';
    font-size: 11px
}

.filter-block a.clearFilterOptions:hover, .filter-block a.clearPriceRangeFilter:hover
{
    bottom: 1px;
    color: #444;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.filtersGroupPanel
{
    padding: 0 15px 20px
}

.filtersGroupPanel ul:after
{
    content: "";
    display: block;
    clear: both
}

.selected-options .filtersGroupPanel
{
    padding-bottom: 5px
}

.selected-options-list > li
{
    display: inline-block;
    margin: 0 10px 10px 0;
    overflow: hidden;
    text-align: left;
    vertical-align: top;
    font-size: 13px
}

.selected-options-list label
{
    display: block;
    margin: 0 0 8px
}

.selected-options-list .option
{
    float: left;
    border: 1px solid #eee;
    padding: 8px;
    margin: 0 5px 5px 0;
    color: #444;
    cursor: pointer
}

.selected-options-list .option:after
{
    content: "";
    margin-left: 8px;
    font-family: 'pacific';
    font-size: 10px;
    color: #ccc;
    transition: .3s ease
}

.selected-options-list .option:hover:after
{
    color: #444
}

.priceRangeMinMaxPanel, .specification-min-max-panel
{
    overflow: hidden;
    margin: 0 0 13px;
    font-size: 13px
}

.priceRangeMinPanel, .specification-min-panel
{
    float: left
}

.priceRangeMaxPanel, .specification-max-panel
{
    float: right
}

.ui-slider
{
    position: relative;
    width: auto;
    height: 5px;
    margin: 0 6px 15px
}

.ui-slider:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0;
    margin: auto;
    border-top: 1px dashed #ccc
}

.ui-slider-range
{
    position: absolute;
    z-index: 1;
    height: 5px;
    background-color: #c09e6c
}

.ui-slider-handle
{
    position: absolute;
    top: -4px;
    z-index: 1;
    width: 13px;
    height: 13px;
    margin-left: -6px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff
}

.ui-slider-handle:after
{
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    margin: auto;
    border-radius: 50%
}

.priceRangeCurrentPricesPanel, .specification-current-value-panel
{
    overflow: hidden;
    font-size: 14px;
    color: #444
}

.currentMinPrice, .current-min-value
{
    float: left
}

.currentMaxPrice, .current-max-value
{
    float: right
}

.currentMinPrice, .currentMaxPrice
{
    min-width: 60px;
    border: 1px solid #eee;
    padding: 5px 10px;
    text-align: center
}

.has-specification-slider .checkbox-list
{
    display: none
}

.filtersGroupPanel .checkbox-list input
{
    position: absolute;
    margin: 8px 2px;
    opacity: 0
}

.filtersGroupPanel .checkbox-list label
{
    display: block;
    position: relative;
    padding: 6px 0 6px 25px;
    text-align: left;
    font-size: 14px;
    cursor: pointer
}

.filtersGroupPanel .checkbox-list label:before
{
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.filtersGroupPanel .checkbox-list .checked label
{
    color: #444
}

.filtersGroupPanel .checkbox-list .checked label:after
{
    content: "";
    position: absolute;
    top: 5px;
    left: 2px;
    width: 15px;
    height: 15px;
    text-align: center;
    font-family: 'pacific';
    font-size: 13px;
    line-height: 16px;
    color: #c09e6c
}

.filtersGroupPanel .checkbox-list .disabled label
{
    opacity: .4;
    cursor: default
}

.filtersGroupPanel .checkbox-list li:not(.disabled) label:hover
{
    color: #444
}

.colorOptions li
{
    position: relative;
    margin-left: 5px
}

.colorOptions li + li
{
    margin-top: 8px
}

.colorOptions label
{
    padding-left: 32px !important
}

.colorOptions .color
{
    position: absolute;
    top: -1px;
    bottom: 0;
    left: -5px;
    z-index: 0;
    width: 26px;
    height: 26px;
    margin: auto;
    border-radius: 50%;
    font-size: 0
}

.colorOptions .checked .color
{
    box-shadow: 0 0 0 2px #fff,0 0 0 3px #ccc
}

.colorOptions .color[title~="White"]
{
    box-shadow: inset 0 0 0 1px #ddd
}

.colorOptions .checked .color[title~="White"]
{
    box-shadow: inset 0 0 0 1px #eee,0 0 0 2px #fff,0 0 0 3px #ccc
}

.colorOptions .defaultColor
{
    background: -webkit-linear-gradient(-45deg,#fff 0%,#fff 50%,#000 50%,#000 100%);
    background: -ms-linear-gradient(-45deg,#fff 0%,#fff 50%,#000 50%,#000 100%);
    background: linear-gradient(135deg,#fff 0%,#fff 50%,#000 50%,#000 100%)
}

.colorOptions .checkbox-list label:before
{
    opacity: 0
}

.colorOptions .checkbox-list .checked label:after
{
    color: #000;
    opacity: .3
}

.filtersDropDownPanel select
{
    width: 100%;
    margin: 5px 0;
    border-color: #ddd
}

.filtersDropDownPanel.disabled select
{
    opacity: .4
}

.number-of-returned-products
{
    display: none;
    margin: 0 2px 20px;
    text-align: center
}

.number-of-returned-products.active
{
    display: block
}

.productPanelAjaxBusy
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 10px;
    z-index: 2;
    background-color: rgba(255,255,255,.7)
}

.productPanelAjaxBusy:after, .infinite-scroll-loader:after, .item-box.dummy-box:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    border-color: #444 transparent;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@-webkit-keyframes spin
{
    to
    {
        transform: rotate(360deg)
    }
}

@keyframes spin
{
    to
    {
        transform: rotate(360deg)
    }
}

.infinite-scroll-loader
{
    display: none;
    position: relative;
    height: 100px;
    background-color: rgba(255,255,255,.7);
    font-size: 0
}

.item-box.dummy-box
{
    position: relative
}

.item-box.dummy-box .product-item
{
    opacity: 0
}

.k-overlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1080;
    background-color: rgba(102,102,102,.9);
    opacity: .95
}

.ajaxFilters.k-window
{
    position: absolute;
    z-index: 1090;
    height: auto !important;
    width: 600px !important;
    max-width: 90%;
    padding: 0 !important
}

.ajaxFilters .k-window-titlebar
{
    margin: 0 !important;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    padding: 25px 40px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.ajaxFilters .k-window-actions
{
    position: absolute;
    top: 5px;
    right: 5px
}

.ajaxFilters .k-window-actions .k-link
{
    display: block;
    width: 40px;
    height: 40px;
    border: none;
    overflow: hidden;
    background-color: transparent;
    font-size: 0;
    color: #888;
    cursor: pointer
}

.ajaxFilters .k-window-actions .k-link:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    font-family: 'pacific';
    font-size: 20px;
    line-height: 40px;
    transition: .3s ease
}

.ajaxFilters .k-window-actions .k-link:hover:after
{
    color: #444
}

.ajaxFilters .k-window-content
{
    min-height: inherit !important;
    min-width: inherit !important;
    background-color: #fff;
    padding: 30px 40px 40px
}

@media all and (max-width:1260px)
{
      .language-selector select{opacity:1 !important;}

    .filters-button
    {
        display: block
    }

    .filtersPanelNav
    {
        display: none !important
    }

    .nopAjaxFilters7Spikes
    {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1070;
        width: 285px;
        height: 100%;
        background-color: #fff;
        transition: all .7s ease;
        -webkit-transform: translate(-285px);
        -ms-transform: translate(-285px);
        transform: translate(-285px)
    }

    .nopAjaxFilters7Spikes.open
    {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }

    .filtersTitlePanel .close-filters
    {
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        width: 40px;
        height: 50px;
        background-color: transparent;
        transition: .7s ease;
        pointer-events: none
    }

    .nopAjaxFilters7Spikes.open .close-filters
    {
        background-color: #c09e6c;
        pointer-events: auto;
        cursor: pointer
    }

    .nopAjaxFilters7Spikes .close-filters span
    {
        display: block;
        position: absolute;
        top: 24px;
        left: 0;
        right: 0;
        width: 17px;
        height: 1px;
        margin: auto;
        opacity: 0;
        background-color: #666;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: .7s ease
    }

    .open .close-filters span:nth-child(1)
    {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        opacity: 1
    }

    .open .close-filters span:nth-child(2)
    {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        opacity: 1
    }

    .nopAjaxFilters7Spikes .inner-wrapper
    {
        max-height: calc(100vh - 50px);
        overflow-y: auto
    }

    .nopAjaxFilters7Spikes .filter-block
    {
        float: none;
        width: auto;
        margin: 0;
        border-width: 0 0 1px !important
    }
}

@media all and (min-width:480px) and (max-width:1260px)
{
    .nopAjaxFilters7Spikes
    {
        width: 355px;
        -webkit-transform: translate(-355px);
        -ms-transform: translate(-355px);
        transform: translate(-355px)
    }
}

@media all and (min-width:1261px)
{
    .filters-button, .close-filters
    {
        display: none
    }

    .blocks-wrapper + .nopAjaxFilters7Spikes
    {
        margin-top: 10px
    }

    .filtersTitlePanel
    {
        height: 61px;
        margin: 0 0 12px;
        border: none;
        background-color: #c09e6c;
        padding: 20px 15px
    }

    .filtersTitlePanel:before
    {
        content: "";
        display: inline-block;
        margin-right: 10px;
        text-align: center;
        vertical-align: middle;
        font-family: 'pacific';
        font-size: 18px;
        color: rgba(0,0,0,.5)
    }

    .filtersTitlePanel span
    {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff
    }

    .clearFilterOptionsAll
    {
        float: right;
        height: auto;
        border: none;
        padding: 0;
        font-size: 12px;
        line-height: 20px;
        color: rgba(0,0,0,.5);
        transition: .3s ease
    }

    .clearFilterOptionsAll:hover
    {
        color: #fff
    }

    .filtersPanel
    {
        background-color: transparent
    }

    .filter-block
    {
        
    }

    .filter-block .title:after
    {
        display: block
    }

    .number-of-returned-products
    {
        text-align: left
    }

    .category-page-one-column .ajax-filters-wrapper
    {
        margin: 0 0 20px
    }

    .category-page-one-column .filtersTitlePanel
    {
        display: none
    }

    .category-page-one-column .filter-block
    {
        display: none;
        margin-bottom: 0;
        padding: 20px
    }

    .category-page-one-column .selected-options
    {
        display: none !important
    }

    .filtersPanelNav .filter-block
    {
        display: block !important;
        border: none
    }

    .filtersPanelNav .filter-block .title
    {
        background-color: #c09e6c
    }

    .filtersPanelNav .filter-block .title:after
    {
        display: none
    }

    .filtersPanelNav .filter-block .toggleControl
    {
        display: inline-block;
        border-width: 1px;
        border-style: solid;
        border-color: transparent rgba(0,0,0,.1) rgba(0,0,0,.1) transparent;
        padding: 24px 16px;
        white-space: nowrap;
        color: #fff
    }

    .filtersPanelNav .filter-block .toggleControl:after
    {
        display: none;
        content: "";
        position: absolute;
        top: 1px;
        bottom: -1px;
        left: 15px;
        width: 13px;
        height: 13px;
        margin: auto;
        text-align: center;
        font-family: 'pacific';
        font-size: 10px;
        color: #000;
        opacity: .5
    }

    .filtersPanelNav .filter-block .toggleControl.active
    {
        border-color: #eee;
        background-color: #fff;
        color: #444
    }

    .category-page-one-column .filtersPanel .block.active
    {
        display: block
    }

    .category-page-one-column .filtersPanel .title
    {
        display: inline-block;
        vertical-align: middle
    }

    .category-page-one-column .filtersPanel .title:after
    {
        display: none
    }

    .category-page-one-column .filtersGroupPanel
    {
        display: inline-block;
        vertical-align: middle;
        padding: 0
    }

    .category-page-one-column .checkbox-item
    {
        display: inline-block;
        margin-right: 20px
    }

    .category-page-one-column a.clearFilterOptions, .category-page-one-column a.clearPriceRangeFilter
    {
        position: static;
        transform: none !important;
        height: auto !important;
        margin-right: 30px;
        border: 1px solid #ccc;
        padding: 5px 8px;
        font-size: 14px;
        color: #999
    }

    .category-page-one-column a.clearFilterOptions:after, .category-page-one-column a.clearPriceRangeFilter:after
    {
        margin-left: 5px
    }

    .category-page-one-column .priceRangeFilterPanel7Spikes .filtersGroupPanel
    {
        width: 370px
    }
}

.filter-block a.clearFilterOptions, .filter-block a.clearPriceRangeFilter
{
    right: auto;
    left: 40px
}

.selected-options-list > li
{
    margin: 0 0 10px 10px;
    text-align: right
}

.selected-options-list .option
{
    float: right;
    margin: 0 0 5px 5px
}

.selected-options-list .option:after
{
    margin-right: 8px;
    margin-left: 0
}

.priceRangeMinPanel, .specification-min-panel
{
    float: right
}

.priceRangeMaxPanel, .specification-max-panel
{
    float: left
}

.currentMinPrice, .current-min-value
{
    float: right
}

.currentMaxPrice, .current-max-value
{
    float: left
}

.filtersGroupPanel .checkbox-list label
{
    padding: 6px 25px 6px 0;
    text-align: right
}

.filtersGroupPanel .checkbox-list label:before
{
    right: 0;
    left: auto
}

.filtersGroupPanel .checkbox-list .checked label:after
{
    right: 0;
    left: auto
}

.colorOptions li
{
    margin-right: 5px;
    margin-left: 0
}

.colorOptions label
{
    padding-right: 32px !important;
    padding-left: 0 !important
}

.colorOptions .color
{
    right: -5px;
    left: auto
}

.ajaxFilters .k-window-actions
{
    right: auto;
    left: 5px
}

@media all and (max-width:1260px)
{
    .nopAjaxFilters7Spikes
    {
        right: 0;
        left: auto;
        -webkit-transform: translate(320px);
        -ms-transform: translate(320px);
        transform: translate(320px)
    }

    .filtersTitlePanel .close-filters
    {
        right: 100%;
        left: auto
    }
}

@media all and (min-width:480px) and (max-width:1260px)
{
    .nopAjaxFilters7Spikes
    {
        -webkit-transform: translate(355px);
        -ms-transform: translate(355px);
        transform: translate(355px)
    }
}

@media all and (min-width:1261px)
{
    .filtersTitlePanel:before
    {
        margin-right: 0;
        margin-left: 10px
    }

    .clearFilterOptionsAll
    {
        float: left
    }

    .number-of-returned-products
    {
        text-align: right
    }

    .filtersPanelNav .filter-block .toggleControl
    {
        border-color: transparent transparent rgba(0,0,0,.1) rgba(0,0,0,.1)
    }

    .filtersPanelNav .filter-block .toggleControl:after
    {
        right: 15px;
        left: auto
    }

    .category-page-one-column .checkbox-item
    {
        margin-right: 0;
        margin-left: 20px
    }

    .category-page-one-column a.clearFilterOptions, .category-page-one-column a.clearPriceRangeFilter
    {
        margin-right: 0;
        margin-left: 30px
    }

    .category-page-one-column a.clearFilterOptions:after, .category-page-one-column a.clearPriceRangeFilter:after
    {
        margin-right: 5px;
        margin-left: 0
    }
}

.mega-menu, .menu-title, .mega-menu .dropdown
{
    display: none
}

@media all and (min-width:1261px)
{
    .header-menu
    {
        z-index: 1116
    }

    .header-menu.disable
    {
        z-index: 1110
    }

    .search-box-opener.open
    {
        background-color: transparent
    }

    .search-box-opener.open:before
    {
        background-color: transparent;
        opacity: 0
    }

    .search-box-opener.open:after
    {
        background-color: transparent
    }

    .menu-title, .close-menu
    {
        display: none
    }

    .mega-menu
    {
        display: block;
        position: relative
    }

    .mega-menu-responsive
    {
        display: none !important
    }

    .mega-menu .with-dropdown:hover ~ li
    {
        position: relative;
        z-index: -1
    }

    .mega-menu .dropdown
    {
        display: none;
        position: absolute;
        left: 0;
        z-index: 99;
        width: 1000px;
        margin-top: 20px;
        box-shadow: 0 1px 20px rgba(0,0,0,.2);
        background-color: #fff;
        animation: fadein .1s
    }

    .wrapped .mega-menu .dropdown
    {
        margin-top: 5px
    }

    .mega-menu .dropdown:before
    {
        content: "";
        position: absolute;
        top: -20px;
        left: 0;
        width: 100%;
        height: 20px;
        background-color: transparent
    }

    .wrapped .mega-menu .dropdown:before
    {
        top: -15px;
        height: 15px
    }

    .mega-menu .dropdown.active
    {
        display: block
    }

    .mega-menu .row
    {
        display: table;
        table-layout: fixed;
        width: 100%
    }

    .mega-menu .row + .row
    {
        border-top: 1px solid #eee
    }

    .mega-menu .box
    {
        display: table-cell
    }

    .mega-menu .box + .box
    {
        border-left: 1px solid #eee
    }

    .mega-menu .boxes-1 .box
    {
        width: 100%
    }

    .mega-menu .boxes-2 .box
    {
        width: 50%
    }

    .mega-menu .boxes-3 .box
    {
        width: 33.333%
    }

    .mega-menu .boxes-4 .box
    {
        width: 25%
    }

    .mega-menu .boxes-5 .box
    {
        width: 20%
    }

    .mega-menu .boxes-6 .box
    {
        width: 16.666%
    }

    .mega-menu .boxes-7 .box
    {
        width: 14.285%
    }

    .mega-menu .boxes-8 .box
    {
        width: 12.5%
    }

    .mega-menu .empty-box
    {
        display: table-cell;
        border-left: 1px solid #eee
    }

    .mega-menu .box .title
    {
        border-bottom: 1px solid #eee;
        padding: 20px;
        text-align: left;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        color: #222
    }

    .mega-menu .box .wrapper
    {
        overflow: hidden;
        padding: 15px 20px
    }

    .mega-menu .box .picture
    {
        font-size: 0
    }

    .mega-menu .box .picture a
    {
        display: block
    }

    .mega-menu .full .picture
    {
        float: left;
        width: 70px;
        height: 70px;
        overflow: hidden;
        text-align: center
    }

    .mega-menu .subcategories
    {
        margin-left: 85px;
        text-align: left
    }

    .mega-menu .subcategory-item + li
    {
        margin-top: 10px
    }

    .mega-menu .subcategory-item a
    {
        font-size: 14px
    }

    .mega-menu .subcategory-item a:hover
    {
        color: #222
    }

    .mega-menu .subcategory-item a.view-all
    {
        text-decoration: underline;
        color: #222
    }
}

@media all and (min-width:1460px)
{
    .mega-menu .dropdown
    {
        width: 100%
    }
}

@media all and (min-width:1801px)
{
    .header-menu.disable
    {
        z-index: 1116
    }
}

@media all and (min-width:1261px)
{
    .mega-menu .dropdown, .mega-menu .dropdown:before
    {
        right: 0;
        left: auto
    }

    .mega-menu .box + .box, .mega-menu .empty-box
    {
        border-right: 1px solid #eee;
        border-left: none
    }

    .mega-menu .box .title
    {
        text-align: right
    }

    .mega-menu .full .picture
    {
        float: right
    }

    .mega-menu .subcategories
    {
        margin-right: 85px;
        margin-left: 0;
        text-align: right
    }
}

.store-search-box span.search-box-text
{
    display: block
}

.store-search-box span.search-box-text.narrow
{
    float: left;
    width: 55%
}

.store-search-box input.search-box-text.narrow
{
    padding: 0 15px
}

.store-search-box .search-box-select
{
    position: absolute;
    top: 0;
    right: 40px;
    width: 45%;
    height: 40px;
    border-width: 0 1px
}

.store-search-box span + .search-box-select
{
    position: static
}

.instantSearch
{
    width: 100% !important;
    height: auto !important;
    box-shadow: 0 0 20px rgba(2,2,4,.2);
    background-color: #fff
}

.instantSearch .k-list-container
{
    position: static !important;
    width: 100% !important
}

.instantSearch .k-list-scroller
{
    height: 100% !important;
    overflow-y: auto
}

.instantSearch .k-nodata
{
    padding: 15px;
    text-align: left
}

.instantSearch .k-item
{
    cursor: pointer
}

.instantSearch .k-item + .k-item
{
    border-top: 1px solid #eee
}

.instant-search-item
{
    display: table;
    width: 100%;
    padding: 5px
}

.instant-search-item > a
{
    display: table-row
}

.instant-search-item .img-block
{
    display: table-cell;
    position: relative;
    width: 60px;
    height: 60px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    vertical-align: middle
}

.instant-search-item .img-block img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.instant-search-item .detail
{
    display: table-cell;
    padding-left: 15px;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    color: #888
}

.instant-search-item .detail .title
{
    max-height: 17px;
    overflow: hidden
}

.instant-search-item .detail .sku
{
    margin: 5px 0 0
}

.instant-search-item .detail .price
{
    margin: 5px 0 0;
    font-weight: bold;
    color: #c09e6c
}

.k-item.k-state-hover, .k-item.k-state-focused
{
    background-color: #f6f6f6
}

.k-item.k-state-hover .detail, .k-item.k-state-focused .detail
{
    color: #222
}

@media all and (min-width:768px)
{
    .instantSearch
    {
        margin: 0 0 0 -1px !important
    }

    .instantSearch .k-list-container
    {
        border: none;
        box-shadow: none
    }
}

@media all and (min-width:1261px)
{
    .with-caregory-search-enabled form
    {
        min-width: 400px
    }

    .store-search-box .search-box-select
    {
        right: 75px;
        height: 79px
    }

    .instantSearch .k-nodata
    {
        padding: 22px
    }
}

.ajax-cart-button-wrapper
{
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.product-grid .ajax-cart-button-wrapper, .featured-product-grid .ajax-cart-button-wrapper
{
    width: 40px;
    height: 40px;
    margin: 0 5px 0 0
}

.product-grid-bestsellers .ajax-cart-button-wrapper
{
    width: 36px;
    height: 36px;
    margin: 0 5px 0 0
}

.ajax-cart-button-wrapper input[type="text"], .ajax-cart-button-wrapper select
{
    display: none !important;
    position: absolute;
    left: -45px;
    z-index: 1;
    text-align: center
}

.product-grid .ajax-cart-button-wrapper input[type="text"], .product-grid .ajax-cart-button-wrapper select
{
    width: 40px;
    height: 40px;
    transition: .5s ease;
    -webkit-transform: translate(0,-20px);
    -ms-transform: translate(0,-20px);
    transform: translate(0,-20px);
    opacity: 0;
    min-width: 0
}

.product-grid .product-item:hover .ajax-cart-button-wrapper input[type="text"], .product-grid .product-item:hover .ajax-cart-button-wrapper select
{
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1
}

.product-list .ajax-cart-button-wrapper input[type="text"], .product-list .ajax-cart-button-wrapper select
{
    width: 45px;
    height: 45px
}

.ajax-cart-button-wrapper button
{
    width: 100% !important;
    margin: 0 !important;
    top: 0 !important
}

.product-grid .hover-variant-two .ajax-cart-button-wrapper
{
    position: relative;
    top: 50%;
    margin-top: -20px
}

.add-to-cart .ajax-cart-button-wrapper
{
    width: calc(100% - 71px);
    margin: 0 0 0 1px
}

.k-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4
}

.nopAjaxCartPanelAjaxBusy
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1070;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(255,255,255,.7)
}

.miniProductDetailsPanelAjaxBusy
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100% !important;
    height: auto;
    overflow: hidden;
    background: rgba(255,255,255,.7)
}

.nopAjaxCartPanelAjaxBusy:after, .miniProductDetailsPanelAjaxBusy:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    border-color: #444 transparent;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@-webkit-keyframes spin
{
    to
    {
        transform: rotate(360deg)
    }
}

@keyframes spin
{
    to
    {
        transform: rotate(360deg)
    }
}

.addProductToCartErrors ul, .addProductVariantToCartErrors ul
{
    padding: 70px 20px 60px;
    text-align: center;
    font-size: 14px;
    color: #dd464d
}

.addProductToCartErrors li + li, .addProductVariantToCartErrors li + li
{
    margin: 10px 0 0
}

.ajaxCart
{
    position: absolute;
    left: 0 !important;
    right: 0;
    z-index: 1070;
    width: 700px !important;
    min-width: 0 !important;
    min-height: 150px !important;
    max-width: 96%;
    margin: auto;
    box-shadow: 0 1px 5px #666;
    background-color: #f6f6f6;
    padding: 0 !important
}

.ajaxCart .k-window-titlebar
{
    position: relative;
    height: 0;
    margin: 0 !important;
    font-size: 0
}

.ajaxCart .k-window-titlebar .k-window-title
{
    display: none
}

.ajaxCart .k-window-titlebar .k-window-actions
{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    font-size: 0
}

.ajaxCart .k-window-titlebar .k-window-actions a
{
    display: block;
    width: 40px;
    height: 40px;
    color: #888
}

.ajaxCart .k-window-titlebar .k-window-actions a:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    font-family: 'pacific';
    font-size: 20px;
    line-height: 40px;
    transition: .3s ease
}

.ajaxCart .k-window-titlebar .k-window-actions a:hover
{
    color: #444
}

.productAddedToCartWindow, .miniProductDetailsView
{
    padding: 70px 0 0
}

.productAddedToCartWindowTitle, .miniProductDetailsView .product-name
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-bottom: 1px dashed #e6e6e6;
    padding: 22px 40px 18px;
    text-align: center;
    font-size: 24px;
    font-weight: lighter;
    text-transform: uppercase;
    color: #aaa
}

.productAddedToCartWindow:focus, .miniProductDetailsView:focus
{
    outline: -webkit-focus-ring-color auto 0
}

.productAddedToCartWindowImage
{
    float: left;
    width: 48.5%;
    padding: 20px 10px 20px 20px
}

.productAddedToCartWindowImage a
{
    display: block;
    position: relative;
    overflow: hidden
}

.productAddedToCartWindowImage img
{
    width: 100%
}

.productAddedToCartWindowDescription
{
    float: right;
    width: 51.5%;
    padding: 20px 20px 20px 10px
}

.productAddedToCartWindowDescription h1
{
    margin: 5px 0 15px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.productAddedToCartWindowDescription .price
{
    display: block;
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: bold;
    color: #c09e6c
}

.productAddedToCartWindowDescription .attributeInfo
{
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 18px
}

.productAddedToCartWindowDescription .quantity
{
    display: block;
    font-size: 14px
}

.productAddedToCartWindowSummary
{
    clear: both;
    overflow: hidden
}

.productAddedToCartWindowSummary a
{
    float: left;
    width: 50%;
    height: 45px;
    background-color: #fff;
    padding: 15px 25px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #c09e6c
}

.productAddedToCartWindowSummary a:after
{
    position: relative;
    bottom: 1px;
    margin: 0 -8px 0 12px;
    font-family: 'pacific';
    font-size: 8px;
    font-weight: normal;
    color: #aaa
}

.productAddedToCartWindowSummary a:hover
{
    background-color: #eee
}

.productAddedToCartWindowSummary div
{
    float: right;
    width: 50%
}

.productAddedToCartWindowSummary .button-1
{
    width: 100%;
    height: 45px;
    border: none;
    background-color: #c09e6c;
    padding: 15px 25px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .3s ease;
    color: #fff
}

.productAddedToCartWindowSummary .button-1:hover
{
    background-color: #ae864b
}

.ajaxCart .product-grid
{
    clear: both;
    margin: 20px 0
}

.ajaxCart .product-grid .title
{
    padding: 10px 20px
}

.ajaxCart .product-grid .title strong
{
    font-size: 20px
}

.ajaxCart .product-grid .item-grid
{
    padding: 0 20px
}

.ajaxCart .item-box
{
    width: 18%;
    clear: none !important;
    margin: 0 0 0 2.5% !important;
    border: none;
    background: none
}

.ajaxCart .item-box:first-child
{
    margin-left: 0 !important
}

.ajaxCart .item-box:nth-child(n+6)
{
    display: none
}

.ajaxCart .item-box .picture
{
    border: 1px solid #eee
}

.ajaxCart .item-box .details
{
    margin-top: 10px;
    padding: 0
}

.ajaxCart .item-box .product-title
{
    height: 35px;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal
}

.ajaxCart .item-box .product-rating-box, .ajaxCart .item-box .tax-shipping-info, .ajaxCart .item-box .description, .ajaxCart .item-box .prices, .ajaxCart .item-box .buttons
{
    display: none
}

.ajaxCart .item-box-overlay-tint
{
    margin: 0
}

.miniProductDetailsView .product-essential, .miniProductDetailsView .product-collateral
{
    margin: 0
}

.miniProductDetailsView .gallery
{
    display: block;
    float: left;
    width: 48.5%;
    margin: 0;
    padding: 20px 10px 20px 20px
}

.miniProductDetailsView .gallery .picture
{
    padding: 0
}

.miniProductDetailsView .overview
{
    float: right;
    width: 51.5%;
    margin: 0;
    padding: 20px 20px 20px 10px
}

.miniProductDetailsView .product-variant-name
{
    margin: 5px 0 15px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444
}

.miniProductDetailsView .add-to-cart
{
    overflow: hidden;
    margin: 0
}

.miniProductDetailsView .giftcard
{
    margin: 0
}

.miniProductDetailsView .message-error
{
    clear: both;
    margin: 5px 0 0;
    font-size: 13px
}

.miniProductDetailsView .overview input, .miniProductDetailsView .overview select, .miniProductDetailsView .overview textarea
{
    max-width: 100%
}

@media all and (min-width:768px)
{
    .product-list .ajax-cart-button-wrapper input[type="text"], .product-list .ajax-cart-button-wrapper select
    {
        left: -50px
    }

    .product-list .ajax-cart-button-wrapper
    {
        margin: 0 0 0 5px
    }
}

@media all and (min-width:1801px)
{
    .product-grid .ajax-cart-button-wrapper
    {
        width: calc(100% - 130px)
    }

    .product-grid .quick-view-button ~ .ajax-cart-button-wrapper
    {
        width: calc(100% - 150px)
    }

    .featured-product-grid .ajax-cart-button-wrapper, .featured-product-grid .ajax-cart-button-wrapper button
    {
        width: auto !important
    }

    .product-grid-bestsellers .ajax-cart-button-wrapper
    {
        width: 40px;
        height: 40px
    }
}

.product-grid .ajax-cart-button-wrapper, .featured-product-grid .ajax-cart-button-wrapper
{
    margin: 0 0 0 5px
}

.product-grid-bestsellers .ajax-cart-button-wrapper
{
    margin: 0 0 0 5px
}

.ajax-cart-button-wrapper input[type="text"], .ajax-cart-button-wrapper select
{
    right: -45px;
    left: auto
}

.add-to-cart .ajax-cart-button-wrapper
{
    margin: 0 1px 0 0
}

.ajaxCart .k-window-titlebar .k-window-actions
{
    right: auto;
    left: 5px
}

.productAddedToCartWindowImage
{
    float: right;
    padding: 20px 20px 20px 10px
}

.productAddedToCartWindowDescription
{
    float: left;
    padding: 20px 10px 20px 20px
}

.productAddedToCartWindowSummary a
{
    float: right
}

.productAddedToCartWindowSummary a:after
{
    margin: 0 12px 0 -8px
}

.productAddedToCartWindowSummary div
{
    float: left
}

.ajaxCart .item-box
{
    margin: 0 2.5% 0 0 !important
}

.ajaxCart .item-box:first-child
{
    margin-right: 0 !important
}

.miniProductDetailsView .gallery
{
    float: right;
    padding: 20px 20px 20px 10px
}

.miniProductDetailsView .overview
{
    float: left;
    padding: 20px 10px 20px 20px
}

@media all and (min-width:768px)
{
    .product-list .ajax-cart-button-wrapper input[type="text"], .product-list .ajax-cart-button-wrapper select
    {
        right: -50px;
        left: auto
    }

    .product-list .ajax-cart-button-wrapper
    {
        margin: 0 5px 0 0
    }
}

.ribbon-wrapper
{
    position: relative
}

@media all and (min-width:769px)
{
    .product-list .ribbon-wrapper
    {
        float: left
    }
}

.ribbon-position
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 1;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.ribbon-position.top-left
{
    top: 0;
    left: 0
}

.ribbon-position.top-right
{
    top: 0;
    right: 0
}

.ribbon-position.bottom-left
{
    bottom: 0;
    left: 0
}

.ribbon-position.bottom-right
{
    bottom: 0;
    right: 0
}

.ribbon-position.top-middle
{
    top: 0;
    left: 0;
    right: 0;
    text-align: center
}

.ribbon-position.right-middle
{
    top: 0;
    right: 0;
    bottom: 0;
    text-align: right
}

.ribbon-position.bottom-middle
{
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.ribbon-position.left-middle
{
    top: 0;
    bottom: 0;
    left: 0;
    text-align: left
}

.ribbon-position.center
{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center
}

.ribbon-position.right-middle:before, .ribbon-position.left-middle:before, .ribbon-position.center:before
{
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.product-ribbon
{
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.ribbon-text
{
    font-size: 12px;
    line-height: normal
}

.ribbon-image-text
{
    font-size: 12px;
    line-height: normal;
    position: absolute;
    top: 0;
    left: 0
}

.item-box .ribbon-wrapper .picture
{
    display: block !important;
    float: none !important;
    width: auto !important
}

.product-grid-bestsellers .ribbon-wrapper
{
    display: table-cell;
    vertical-align: middle;
    width: 104px
}

.featured-product-grid .ribbon-wrapper
{
    display: table-cell;
    width: 145px
}

@media all and (min-width:768px)
{
    .product-list .item-box .ribbon-wrapper
    {
        float: left;
        width: 32%
    }
}

@media all and (min-width:1000px)
{
    .featured-product-grid .ribbon-wrapper
    {
        width: 200px
    }
}

@media all and (min-width:1261px)
{
    .featured-product-grid .ribbon-wrapper
    {
        display: block;
        float: left;
        width: 230px
    }

    .category-page-one-column .product-list .ribbon-wrapper
    {
        width: 24.5%
    }
}

@media all and (min-width:1801px)
{
    .product-list .item-box .ribbon-wrapper
    {
        width: 24.5%
    }

    .product-grid-bestsellers .ribbon-wrapper
    {
        width: 140px
    }

    .featured-product-grid .ribbon-wrapper
    {
        width: 280px
    }
}

@media all and (min-width:769px)
{
    .product-list .ribbon-wrapper
    {
        float: right
    }
}

@media all and (min-width:768px)
{
    .product-list .item-box .ribbon-wrapper
    {
        float: right
    }
}

@media all and (min-width:1261px)
{
    .featured-product-grid .ribbon-wrapper
    {
        float: right
    }
}

.quickViewData
{
    display: none
}

.product-grid .quick-view-button
{
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
    font-size: 0;
    opacity: 0;
    transition: .5s ease;
    -webkit-transform: translate(0,-20px);
    -ms-transform: translate(0,-20px);
    transform: translate(0,-20px)
}

.featured-product-grid .quick-view-button, .product-grid-bestsellers .quick-view-button
{
    display: inline-block;
    margin: 0 5px 0 0;
    text-align: center;
    vertical-align: middle;
    font-size: 0
}

.product-grid .quick-view-button a
{
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #c09e6c;
    background-color: #c09e6c;
    transition: .1s ease;
    color: #fff
}

.featured-product-grid .quick-view-button a
{
    display: block;
    width: 40px;
    height: 40px;
    background-color: #eee;
    transition: .3s ease;
    color: #888
}

.product-grid-bestsellers .quick-view-button a
{
    display: block;
    width: 36px;
    height: 36px;
    border: 1px solid #eee;
    background-color: #fff;
    transition: .3s ease;
    color: #000
}

.product-grid .quick-view-button a:hover
{
    border-color: #fff;
    background-color: #fff;
    color: #444
}

.featured-product-grid .quick-view-button a:hover
{
    background-color: #c09e6c;
    color: #fff
}

.product-grid .quick-view-button a:before, .featured-product-grid .quick-view-button a:before, .product-grid-bestsellers .quick-view-button a:before
{
    content: "";
    font-family: 'pacific';
    font-size: 19px;
    line-height: 40px
}

.product-grid-bestsellers .quick-view-button a:before
{
    line-height: 36px
}

.product-grid .product-item:hover .quick-view-button
{
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1
}

.product-grid .hover-variant-two .quick-view-button
{
    position: relative;
    top: 50%;
    margin-top: -20px
}

.product-grid .hover-variant-two .quick-view-button a
{
    border: 1px solid #eee;
    background-color: #fff;
    color: #000
}

.product-grid .hover-variant-two .quick-view-button a:hover
{
    border-color: #c09e6c;
    background-color: #c09e6c;
    color: #fff
}

.product-list .quick-view-button
{
    display: inline-block;
    margin: 0 0 0 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 0
}

.product-list .quick-view-button a
{
    display: block;
    width: 45px;
    height: 45px;
    background-color: #eee;
    transition: .3s ease;
    color: #888
}

.product-list .quick-view-button a:hover
{
    background-color: #c09e6c;
    color: #fff
}

.product-list .quick-view-button a:before
{
    content: "";
    font-family: 'pacific';
    font-size: 19px;
    line-height: 45px
}

.k-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4
}

.quickView .k-loading-mask
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto !important;
    height: auto !important
}

.quickView .k-loading-image
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100% !important;
    height: 100% !important
}

.quickView .k-loading-image:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    border-color: #444 transparent;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@-webkit-keyframes spin
{
    to
    {
        transform: rotate(360deg)
    }
}

@keyframes spin
{
    to
    {
        transform: rotate(360deg)
    }
}

.quickView
{
    position: absolute;
    left: 0 !important;
    right: 0;
    z-index: 1070;
    width: 700px;
    margin: auto;
    max-width: 96%;
    min-width: 0 !important;
    box-shadow: 0 1px 5px #666;
    background-color: #f6f6f6;
    padding-top: 0 !important;
    opacity: 0
}

.k-overlay + .quickView
{
    opacity: 1
}

.quickView .k-window-titlebar
{
    position: relative;
    height: 0;
    margin-top: 0 !important;
    font-size: 0
}

.quickView .k-window-titlebar .k-window-title
{
    display: none
}

.quickView .k-window-titlebar .k-window-actions
{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    font-size: 0
}

.quickView .k-window-titlebar .k-window-actions a
{
    display: block;
    width: 40px;
    height: 40px;
    color: #888
}

.quickView .k-window-titlebar .k-window-actions a:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    font-family: 'pacific';
    font-size: 20px;
    line-height: 40px;
    transition: .3s ease
}

.quickView .k-window-titlebar .k-window-actions a:hover
{
    color: #444
}

.quickView .product-essential
{
    float: none;
    width: auto;
    margin: 0
}

.quickView .popup-header
{
    border-bottom: 1px dashed #e6e6e6;
    padding: 22px 40px 18px;
    text-align: center
}

.quickView .popup-header h1
{
    font-size: 24px;
    font-weight: lighter;
    text-transform: uppercase;
    color: #aaa
}



.quickView .cloudzoom-zoom-inside
{
    z-index: 9;
    border: none;
    box-shadow: none;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto
}

.quickView .cloudzoom-zoom-inside img
{
    right: auto !important;
    bottom: auto !important;
    max-width: none !important;
    max-height: none !important
}



.quickView .picture a + img
{
    top: 0;
    right: 0;
    left: 0;
    margin: auto
}

.quickView .gallery
{
    display: block;
    float: left;
    width: 45%;
    margin: 0;
    padding: 20px 10px 20px 20px
}

.quickView .gallery .picture
{
    border: 1px solid #eee;
    padding: 0;
    text-align: center;
    font-size: 0
}

.quickView .gallery .picture a
{
    display: inline-block;
    max-width: 100%;
    border: none;
    overflow: hidden
}

.quickView .gallery .picture:before, .quickView .gallery .picture a:before
{
    display: none
}

.quickView .thumbnails
{
    overflow: hidden;
    text-align: center
}

.quickView .thumbnails a
{
    position: relative;
    float: left;
    width: calc(33.333% - 6.66px);
    margin: 10px 0 0 10px;
    border: 1px solid #eee;
    overflow: hidden;
    background-color: #fff
}

.quickView .thumbnails a:nth-child(3n+1)
{
    clear: both;
    margin-left: 0
}

.quickView .thumbnails a:before
{
    content: "";
    display: block;
    padding-top: 100%
}

.quickView .thumbnails a img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.quickView .links-panel
{
    margin: 20px 0 0;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.quickView .links-panel a span
{
    vertical-align: middle;
    font-size: 14px;
    line-height: 0;
    font-weight: bold;
    text-transform: uppercase;
    color: #c09e6c
}

.quickView .links-panel a:after
{
    content: "";
    margin: 0 -8px 0 12px;
    font-family: 'pacific';
    font-size: 8px;
    font-weight: normal;
    color: #aaa
}

.quickView .overview
{
    float: right;
    width: 55%;
    margin: 0;
    padding: 20px 20px 20px 10px
}

.quickView .ui-accordion-header
{
    position: relative;
    background-color: #ececec;
    text-transform: uppercase;
    padding: 20px;
    text-align: left;
    font-size: 14px;
    color: #444;
    cursor: pointer
}

.quickView .ui-accordion-header span
{
    position: absolute;
    right: 15px;
    cursor: pointer
}

.quickView .ui-icon-circle-arrow-s:before, .quickView .ui-icon-circle-arrow-e:before
{
    content: "";
    font-family: 'pacific';
    font-size: 12px;
    color: #bbb
}

.quickView .ui-accordion-content
{
    position: relative;
    overflow: hidden;
    padding: 12px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.quickView .ui-accordion-content + h3
{
    margin-top: 1px
}

.quickView .overview .title
{
    display: none
}

.quickView .overview input, .quickView .overview select, .quickView .overview textarea
{
    max-width: 100%
}

.quickView .free-shipping
{
    margin: 0 15px 0 0
}

.quickView .sku-man-gtin-ven
{
    margin: 0 0 15px
}

.quickView .sku-man-gtin-ven div
{
    margin: 0 0 10px
}

.quickView .manufacturers
{
    margin: 0 0 15px
}

.quickView .download-sample
{
    display: none
}

.quickView .attributes select
{
    width: 100%
}

.quickView .purchase-area
{
    overflow: hidden
}

.quickView .tier-prices .prices-row
{
    float: left;
    width: 50%
}

.quickView .tier-prices .prices-row > div
{
    display: block
}

.quickView .tier-prices .field-header
{
    border: none;
    padding-top: 0
}

.quickView .customer-entered-price
{
    display: none
}

.quickView .min-qty-notification
{
    position: absolute;
    bottom: 0
}

.quickView .add-to-cart
{
    float: left;
    width: calc(100% - 106px)
}

.quickView .qty-input, .quickView .qty-dropdown
{
    height: 48px
}

.quickView .add-to-cart-button
{
    height: 48px;
    font-size: 14px
}

.quickView .add-to-cart-button span
{
    padding: 0
}

.quickView .add-to-cart-button span:before
{
    display: none
}

.quickView .add-to-wishlist-button, .quickView .add-to-compare-list-button
{
    float: left;
    width: 48px;
    height: 48px;
    margin: 0 0 0 5px
}

.quickView .overview .giftcard
{
    margin-left: -10px;
    margin-right: -10px
}

.quickView .ajax-cart-button-wrapper
{
    float: left;
    width: calc(100% - 71px);
    margin: 0 0 0 1px
}

.quickView .ajax-cart-button-wrapper button
{
    width: 100%
}

.quickView .product-content
{
    overflow: hidden
}

.quickView .product-grid
{
    margin: 0 0 20px
}

.quickView .product-grid .title
{
    padding: 10px 20px
}

.quickView .product-grid .title strong
{
    font-size: 20px
}

.quickView .product-grid .item-grid
{
    padding: 0 20px
}

.quickView .item-box
{
    width: 18%;
    clear: none !important;
    margin: 0 0 0 2.5% !important;
    border: none;
    background: none
}

.quickView .item-box:first-child
{
    margin-left: 0 !important
}

.quickView .item-box:nth-child(n+6)
{
    display: none
}

.quickView .item-box .picture
{
    border: 1px solid #eee
}

.quickView .item-box .details
{
    margin-top: 10px;
    padding: 0
}

.quickView .item-box .product-title
{
    height: 35px;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal
}

.quickView .item-box .product-rating-box, .quickView .item-box .tax-shipping-info, .quickView .item-box .description, .quickView .item-box .prices, .quickView .item-box .buttons
{
    display: none
}

.quickView .item-box-overlay-tint
{
    margin: 0
}

.variants-in-grid .product-variant
{
    display: table;
    table-layout: fixed;
    width: calc(100% + 20px);
    margin: 0 -10px 12px;
    border-collapse: separate;
    border-spacing: 10px 0
}

.variants-in-grid .variant-picture
{
    display: table-cell;
    float: none;
    width: 100px;
    margin: 0;
    background-color: #fff;
    vertical-align: top;
    font-size: 0
}

.variants-in-grid .variant-info
{
    display: table-cell;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    text-align: left;
    vertical-align: top
}

.variants-in-grid .variant-name
{
    margin: 0 0 5px;
    font-size: 16px
}

.variants-in-grid .prices:last-child
{
    margin-bottom: 0;
    border: none;
    padding: 0
}

.variants-in-grid .product-price
{
    font-size: 20px
}

.variants-in-grid .old-product-price
{
    margin: 0 0 0 12px;
    font-size: 17px
}

.variants-in-grid .tax-shipping-info, .variants-in-grid .base-price-pangv
{
    font-size: 12px;
    color: #999
}

.variants-in-grid .manufacturers
{
    margin: 20px 0 10px
}

.variants-in-grid .compare-products
{
    display: none
}

@media all and (min-width:1261px)
{
    .product-grid-bestsellers .quick-view-button a:hover
    {
        border-color: #c09e6c;
        background-color: #c09e6c;
        color: #fff
    }
}

@media all and (min-width:1801px)
{
    .product-grid .item-box .quick-view-button ~ .product-box-add-to-cart-button
    {
        width: calc(100% - 150px)
    }

    .product-grid-bestsellers .quick-view-button a
    {
        width: 40px;
        height: 40px
    }

    .product-grid-bestsellers .quick-view-button a:before
    {
        line-height: 40px
    }
}

.product-grid .quick-view-button
{
    margin: 0 0 0 5px
}

.featured-product-grid .quick-view-button, .product-grid-bestsellers .quick-view-button
{
    margin: 0 0 0 5px
}

.product-list .quick-view-button
{
    margin: 0 5px 0 0
}

.quickView .k-window-titlebar .k-window-actions
{
    left: 5px;
    right: auto
}

.quickView .gallery
{
    float: right;
    padding: 20px 20px 20px 10px
}

.quickView .thumbnails a
{
    float: right;
    margin: 10px 10px 0 0
}

.quickView .thumbnails a:nth-child(3n+1)
{
    margin-right: 0
}

.quickView .links-panel a:after
{
    margin: 0 12px 0 -8px
}

.quickView .overview
{
    float: left;
    padding: 20px 10px 20px 20px
}

.quickView .ui-accordion-header
{
    text-align: right
}

.quickView .ui-accordion-header span
{
    left: 15px;
    right: auto
}

.quickView .free-shipping
{
    margin: 0 0 0 15px
}

.quickView .tier-prices .prices-row
{
    float: right
}

.quickView .add-to-cart
{
    float: right
}

.quickView .add-to-wishlist-button, .quickView .add-to-compare-list-button
{
    float: right;
    margin: 0 5px 0 0
}

.quickView .ajax-cart-button-wrapper
{
    float: right;
    margin: 0 1px 0 0
}

.quickView .item-box
{
    margin: 0 2.5% 0 0 !important
}

.quickView .item-box:first-child
{
    margin-right: 0 !important
}

.variants-in-grid .variant-info
{
    text-align: right
}

.variants-in-grid .old-product-price
{
    margin: 0 12px 0 0
}

.qq-uploader
{
    position: relative;
    width: 100%
}

.qq-upload-button
{
    display: block;
    width: 105px;
    padding: 7px 0;
    text-align: center;
    background: #800;
    border-bottom: 1px solid #ddd;
    color: #fff
}

.qq-upload-button-hover
{
    background: #c00
}

.qq-upload-button-focus
{
    outline: 1px dotted #000
}

.qq-upload-drop-area, .qq-upload-extra-drop-area
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 30px;
    z-index: 2;
    background: #ff9797;
    text-align: center
}

.qq-upload-drop-area span
{
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 16px
}

.qq-upload-extra-drop-area
{
    position: relative;
    margin-top: 50px;
    font-size: 16px;
    padding-top: 30px;
    height: 20px;
    min-height: 40px
}

.qq-upload-drop-area-active
{
    background: #ff7171
}

.qq-upload-list
{
    margin: 0;
    padding: 0;
    list-style: none
}

.qq-upload-list li
{
    margin: 0;
    padding: 9px;
    line-height: 15px;
    font-size: 16px;
    background-color: #fff0bd
}

.qq-upload-cancel, .qq-upload-continue, .qq-upload-delete, .qq-upload-failed-text, .qq-upload-file, .qq-upload-pause, .qq-upload-retry, .qq-upload-size, .qq-upload-spinner
{
    margin-right: 12px;
    display: inline
}

.qq-upload-spinner
{
    display: inline-block;
    background: url(../lib_npm/fine-uploader/fine-uploader/loading.gif);
    width: 15px;
    height: 15px;
    vertical-align: text-bottom
}

.qq-drop-processing
{
    display: block
}

.qq-drop-processing-spinner
{
    display: inline-block;
    background: url(../lib_npm/fine-uploader/fine-uploader/processing.gif);
    width: 24px;
    height: 24px;
    vertical-align: text-bottom
}

.qq-upload-continue, .qq-upload-delete, .qq-upload-pause
{
    display: inline
}

.qq-upload-cancel, .qq-upload-continue, .qq-upload-delete, .qq-upload-pause, .qq-upload-retry
{
    color: #000
}

.qq-upload-cancel, .qq-upload-continue, .qq-upload-delete, .qq-upload-pause, .qq-upload-retry, .qq-upload-size
{
    font-size: 12px;
    font-weight: 400
}

.qq-upload-failed-text
{
    display: none;
    font-style: italic;
    font-weight: 700
}

.qq-upload-failed-icon
{
    display: none;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom
}

.qq-upload-fail .qq-upload-failed-text
{
    display: inline
}

.qq-upload-retrying .qq-upload-failed-text
{
    display: inline;
    color: #d60000
}

.qq-upload-list li.qq-upload-success
{
    background-color: #5da30c;
    color: #fff
}

.qq-upload-list li.qq-upload-fail
{
    background-color: #d60000;
    color: #fff
}

.qq-progress-bar
{
    display: block;
    background: -moz-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(30,87,153,1)),color-stop(50%,rgba(41,137,216,1)),color-stop(51%,rgba(32,124,202,1)),color-stop(100%,rgba(125,185,232,1)));
    background: -webkit-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: -o-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: -ms-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: linear-gradient(to bottom,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    width: 0;
    height: 15px;
    border-radius: 6px;
    margin-bottom: 3px
}

.qq-total-progress-bar
{
    height: 25px;
    border-radius: 9px
}

.qq-total-progress-bar-container
{
    margin: 9px
}

INPUT.qq-edit-filename
{
    position: absolute;
    opacity: 0;
    z-index: -1
}

.qq-upload-file.qq-editable
{
    cursor: pointer
}

.qq-edit-filename-icon.qq-editable
{
    display: inline-block;
    cursor: pointer
}

INPUT.qq-edit-filename.qq-editing
{
    position: static;
    margin-top: -5px;
    margin-right: 10px;
    margin-bottom: -5px;
    opacity: 1
}

.qq-edit-filename-icon
{
    display: none;
    background: url(../lib_npm/fine-uploader/fine-uploader/edit.gif);
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
    margin-right: 5px
}

.qq-hide
{
    display: none
}

.qq-uploader DIALOG
{
    display: none
}

.qq-uploader DIALOG[open]
{
    display: block
}

.qq-uploader DIALOG
{
    display: none
}

.qq-uploader DIALOG[open]
{
    display: block
}

.qq-uploader DIALOG .qq-dialog-buttons
{
    text-align: center;
    padding-top: 10px
}

.qq-uploader DIALOG .qq-dialog-buttons BUTTON
{
    margin-left: 5px;
    margin-right: 5px
}

.qq-uploader DIALOG .qq-dialog-message-selector
{
    padding-bottom: 10px
}

.qq-uploader DIALOG::backdrop
{
    background-color: rgba(0,0,0,.7)
}

.home-page .nop-jcarousel.manufacturer-grid, .home-page .nop-jcarousel.vendor-grid
{
    margin-bottom: -20px !important
}

.home-page .nop-jcarousel.manufacturer-grid .item-box, .home-page .nop-jcarousel.vendor-grid .item-box
{
    margin-bottom: 0;
    background: none
}