@charset "UTF-8";

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

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

.page-loader .loader, .page-loader .loader-message {
    height: 100px;
    margin: -50px 0 0 -50px;
    display: block
}

body, html {
    overflow-x: hidden
}

.checkout-page .select-address select, .checkout-page .select-pickup-point select, .compare-products-page img, .news-list-homepage .news-item:only-child, .opc input[type=text], .opc select, .page.home-page, .profile-info-box .avatar img, .section.payment-method, .section.shipping-method, .topic-post .avatar img, body, img {
    max-width: 100%
}

a, select {
    cursor: pointer
}

.giftcard, .newsletter-email .options {
    clear: both
}

.bar-notification .content a, .terms-of-service a {
    text-decoration: underline
}

*, a:active {
    outline: 0
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none
}

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

ol, ul {
    list-style: none
}

a img {
    border: none;
    opacity: .99
}

h1, h2, h3, h4, h5, h6, strong {
    font-weight: 400
}

h1, h2, h3 {
    font-family: 'Fjalla One', sans-serif;
    text-transform: uppercase;
}

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

input[type=button], input[type=email], input[type=password], input[type=reset], input[type=submit], input[type=tel], input[type=text], textarea {
    border-radius: 0;
    font: 15px 'Lato', sans-serif
}

[class*=" icon-"]:before, [class^=icon-]:before, [data-icon]:before {
    font-family: venture-font !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

.filters-button-wrapper, .newsletter-validation .please-wait, script {
    display: none !important
}

@font-face {
    font-family: venture-font;
    src: url(../fonts/venture-font.eot);
    src: url(../fonts/venture-font.eot?#iefix) format("embedded-opentype"),url(../fonts/venture-font.woff) format("woff"),url(../fonts/venture-font.ttf) format("truetype"),url(../fonts/venture-font.svg#venture-font) format("svg");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    content: attr(data-icon)
}

.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 100vh;
    background: #333;
    z-index: 1900
}

.light-theme .footer, .light-theme .page-loader, .product-selectors .product-viewmode a.selected, .product-selectors .product-viewmode span.selected {
    background: #fff
}

.page-loader .animated-logo {
    background: url(/themes/venture/content/img/Animated-Houses.gif) center no-repeat
}

.page-loader .loader-message {
    position: relative;
    text-align: center;
    top: 50%;
    width: 100%
}

.page-loader .loader {
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #f3cc2e;
    -webkit-animation: 2s linear infinite spin;
    animation: 2s linear infinite spin
}

    .ajax-loading-block-window:before, .page-loader .loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 2px solid transparent;
        border-top-color: #f3cc2e;
        -webkit-animation: 3s linear infinite spin;
        animation: 3s linear infinite spin
    }

    .ajax-loading-block-window:after, .page-loader .loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 2px solid transparent;
        border-top-color: #f3cc2e;
        -webkit-animation: 1.5s linear infinite spin;
        animation: 1.5s linear infinite spin
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body {
    background-color: #f0f0f0;
    font: 18px 'Lato', sans-serif;
    color: grey;
    letter-spacing: .2px;
  /*  text-transform: uppercase*/
}

a {
    color: inherit
}

.opc i, em {
    font-style: normal
}

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

input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    height: 50px;
    border: none;
    padding: 0 20px;
    vertical-align: middle;
    font-size: 18px;
    color: #333;
    font-family: 'Lato', sans-serif;
    background: #f0f0f0
}

textarea {
    min-height: 150px;
    padding: 20px
}

select {
    min-width: 70px;
    -moz-appearance: none;
    appearance: none;
    padding: 0 35px 0 20px;
    background-image: url(../img/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    text-transform: none
}

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

.light-theme .footer-block .list, .light-theme .footer-block.newsetter .footer-collapse, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus {
    background: #f0f0f0
}

input:-webkit-autofill, textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #f0f0f0 inset !important;
    -webkit-text-fill-color: #333
}

input[type=email]:disabled, input[type=password]:disabled, input[type=tel]:disabled, input[type=text]:disabled, select:disabled, textarea:disabled {
    cursor: not-allowed;
    background-color: #e2e2e2
}

.cart-options .checkout-attributes li *, .forums-table-section a, input[type=checkbox], input[type=checkbox] + *, input[type=radio], input[type=radio] + *, label, label + * {
    vertical-align: middle
}

.opc .allow .step-title, .opc .allow .step-title *, button, input[type=button], input[type=submit] {
    cursor: pointer
}

    button[disabled], input[type=button]:disabled, input[type=submit]:disabled {
        cursor: not-allowed;
        opacity: .5
    }

.master-wrapper-content {
    position: relative;
    z-index: 0;
    max-width: 90%;
    margin: 0 auto;
    padding: 0 0 100px
}

.block .listbox:after, .cart-footer:after, .form-fields:after, .forums-header:after, .gallery .picture-thumbs:after, .header:after, .information-box:after, .inputs:after, .item-grid:after, .manufacturer-grid:after, .master-column-wrapper:after, .page-body:after, .page-title:after, .page:after, .product-essential:after, .product-grid:after, .product-list:after, .product-selectors:after, .product-variant-line:after, .store-search-box form:after, .topic-post:after {
    content: "";
    display: block;
    clear: both
}

#checkout-dialog .mini-shopping-cart-item-close, #username-availabilty:empty, .active-discussions-page .pager.upper, .attributes input[type=radio], .block .list .product-picture, .blogpost-page .new-comment .title .close-comment-form, .blogpost-page .new-comment .title.open .write-comment, .blogpost-page .page-title:before, .cart-collaterals .title ~ *, .checkout-page .select-billing-address .title, .checkout-page .select-shipping-address .title, .checkout-page.order-confirm-page .section.order-summary .title:before, .compare-products-table, .field-validation-error:empty, .field-validation-valid:empty, .flyout-cart, .footer-block .footer-collapse, .footer-block .newsletter .title, .forum-actions .pager.upper, .forum-page .pager.upper, .forum-search-page .pager.upper, .hide, .home-page-polls .title, .html-return-request-page .data-table .unit-price, .information-box .description, .link-rss, .locations-header, .manufacturer-page .featured-product-grid .title, .news-item-page .new-comment .title .close-comment-form, .news-item-page .new-comment .title.open .write-comment, .news-item-page .page-title:before, .old-product-price label, .opc .back-link small, .opc .section.order-summary .title:before, .overview .stock .label, .password-error:empty, .poll-vote-error, .private-message-send-page .message label, .product-filters, .product-price label, .registration-page .external-authentication .title, .side-2 .close-btn, .sitemap-page a:empty, .size-centimeters, .size-millimeters, .sublist-toggle-button, .topic-actions .pager.upper, .topic-actions.lower .actions, .total-title, .ui-dialog-content .page-title:before, .ui-helper-hidden-accessible, .ui-tabs .ui-tabs-hide, .username-available-status:empty, .username-not-available-status:empty, .variant-overview .stock .label, .vendor-page .featured-product-grid .title, .write-review .title .close-review-form, .write-review .title.open .write-review-title, body:after {
    display: none
}

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

.page {
    min-height: 200px
}

.page-title {
    padding: 30px 0;
    margin: 0 0 30px;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
    position: relative
}

    .checkout-page .section.order-summary .title:before, .forum-page .forum-name:before, .forum-topic-page .topic-name:before, .forums-header .topic-block-title:before, .home-page-bottom-wrapper .home-page-video-title:before, .news-list-homepage .title:before, .order-details-page .section .title:before, .page-title:before, .product-grid .title:before, .shipment-details-page .section .title:before {
        content: "";
        width: 75px;
        height: 3px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -2px;
        background: #f3cc2e;
        -o-transform: skewX(-30deg);
        -webkit-transform: skewX(-30deg);
        -moz-transform: skewX(-30deg);
        -ms-transform: skewX(-30deg);
        transform: skewX(-30deg)
    }

    .page-title h1 {
        font-size: 35px
    }

.buttons, .customer-entered-price, .product-selectors {
    margin: 0 0 20px;
    text-align: center
}

.link-rss {
    width: 35px;
    height: 35px;
    border: 1px dashed #b2b2b2;
    font-size: 0 !important;
    position: relative;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

    .link-rss:hover {
        background: #e2e2e2
    }

    .link-rss:before {
        content: "I";
        font-family: venture-font;
        text-transform: none;
        position: absolute;
        width: 35px;
        height: 35px;
        color: #787878;
        line-height: 35px;
        font-size: 16px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

.category-description ul, .custom-tab ul, .full-description ul, .manufacturer-description ul, .post-body ul, .topic-html-content ul, .topic-page ul {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: disc
}

.category-description ol, .custom-tab ol, .full-description ol, .manufacturer-description ol, .post-body ol, .topic-html-content ol, .topic-page ol {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: decimal
}

.attributes .qty-box, .category-description p, .custom-tab p, .manufacturer-description p, .topic-html-content p, .topic-page p, .vendor-description p {
    margin: 10px 0
}

.no-data {
    text-align: center;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    line-height: 25px;
    color: #333;
    margin: 0 0 10px
}

body:after {
    content: url(../img/cart-refresh-hover.svg) url(../img/cart-refresh-hover-light.svg) url(../img/email_dark.svg) url(../img/email_light.svg) url(../img/clear-cart-hover-light.svg) url(../img/clear-cart-hover.svg) url(../img/compare_dark.svg) url(../img/compare_light.svg) url(../img/DownloadableProd_dark.svg) url(../img/DownloadableProd_light.svg) url(../img/product-compare-dark.svg) url(../img/product-compare-light.svg) url(../img/product-shopping-cart-dark.svg) url(../img/product-shopping-cart-light.svg) url(../img/product-wishlist-dark.svg) url(../img/product-wishlist-light.svg) url(../img/Subscriptions_dark.svg) url(../img/Subscriptions_light.svg) url(../img/wishlist_dark.svg) url(../img/wishlist_light.svg)
}

.fieldset, .section {
    position: relative;
    padding: 30px;
    max-width: 650px;
    margin: auto
}

    .fieldset .title, .section .title, .title-dash {
        margin: 0 auto 25px;
        border-bottom: 1px dashed #ccc;
        padding: 0 0 15px;
        font-size: 16px;
        letter-spacing: 2px;
        max-width: 650px
    }

.compare-products-page, .form-fields, .payment-method .method-name, .shipping-method .method-name, .store-search-box, .title-picture-wrapper {
    position: relative
}

.inputs {
    position: relative;
    margin: 0 auto 15px;
    text-align: left;
    font-size: 0;
    width: 650px;
    max-width: 100%
}

    .inputs label {
        display: block;
        width: 100%;
        margin: 0 0 7px;
        text-align: left;
        font-size: 18px
    }

    .inputs input[type=email], .inputs input[type=password], .inputs input[type=tel], .inputs input[type=text], .inputs select, .inputs textarea {
        width: 98%;
        max-width: 100%;
        vertical-align: middle;
        text-transform: none
    }

    .inputs .option-list {
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
        text-align: left
    }

        .inputs .option-list li {
            float: left;
            margin: 0 15px 0 0
        }

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

        .inputs input[type=checkbox] ~ label, .inputs input[type=radio] ~ label {
            position: relative;
            display: block;
            padding: 5px 5px 5px 25px;
            margin: 0;
            text-align: left;
            font-family: 'Lato', sans-serif;
            text-transform: none;
            cursor: pointer;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

.accept-privacy-policy label, .cart input[type=checkbox] + label, .write-review .title {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.inputs input[type=checkbox] ~ label:before, .inputs input[type=radio] ~ label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px solid #e7457d;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.inputs input[type=checkbox]:checked ~ label:after, .inputs input[type=radio]:checked ~ label:after {
    content: "";
    display: block;
    background: #f3cc2e;
    position: absolute;
    top: 0;
    width: 17px;
    height: 17px;
    left: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: text-top
}

.checkout-attributes .option-list input[type=radio]:checked ~ label:after, .checkout-attributes .option-list input[type=radio] ~ label:before, .inputs input[type=radio]:checked ~ label:after, .inputs input[type=radio] ~ label:before, .payment-method input[type=radio]:checked ~ label:after, .payment-method input[type=radio] ~ label:before, .shipping-method input[type=radio]:checked ~ label:after, .shipping-method input[type=radio] ~ label:before {
    border-radius: 50%
}

.forums-table-section .forum-title, .forums-table-section .topic-title, .inputs .toolbar, .overview .additional-details div, .overview .delivery-date, .overview .manufacturers, .overview .prices > div, .variant-overview .additional-details div, .variant-overview .delivery-date, .variant-overview .prices > div {
    margin: 0 0 5px
}

.inputs.reversed {
    margin: 0 auto 15px;
    text-align: center
}

.required {
    margin: 0 -6px 0 3px;
    font-size: 13px;
    color: #e74545;
    display: inline-block;
    vertical-align: middle;
    height: 11px
}

.message-error {
    line-height: 20px;
    color: #e74545;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    margin: 0 0 15px
}

.field-validation-error, .password-error, .poll-vote-error, .username-not-available-status {
    padding: 3px 0 0;
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #e74545;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    position: relative
}

    .field-validation-error:before, .password-error:before, .poll-vote-error, .username-not-available-status:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: #e74545
    }

.field-validation-valid, .username-available-status {
    padding: 3px 0 0;
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #3eaf5a;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    position: relative
}

.admin-header-links .impersonate, .blog-details .tags ul, .blogpost-page .new-comment .title.open .close-comment-form, .blogpost-page .tags ul, .breadcrumb li, .captcha-box > div, .cart .subtotal span, .check-list, .checkout-page .select-pickup-point li, .d-inline, .grouped-product-details-page .product-essential .overview-buttons > *, .information-boxes-block, .news-item-page .new-comment .title.open .close-comment-form, .old-product-price, .private-message-view-page .message-head li, .product-price, .product-review-box, .product-social-buttons > *, .radio-list, .write-review .title.open .close-review-form {
    display: inline-block
}

.field-validation-valid:before, .username-available-status:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #3eaf5a
}

.captcha-box {
    margin: 0 0 15px;
    text-align: center;
    line-height: 0
}

    .captcha-box input {
        height: auto
    }

.table-wrapper {
    overflow-x: auto
}

.cart th, .data-table th, .forums-table-section th {
    background: #f5f5f5;
    padding: 20px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    font-weight: 400
}

.cart td, .compare-products-table td, .data-table td, .forums-table-section td {
    min-width: 50px;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
    padding: 20px
}

    .cart td:first-child, .cart th:first-child, .data-table td:first-child, .data-table th:first-child, .forums-table-section td:first-child, .forums-table-section th:first-child {
        padding-left: 30px
    }

    .cart td:last-child, .cart th:last-child, .data-table td:last-child, .data-table th:last-child, .forums-table-section td:last-child, .forums-table-section th:last-child {
        padding-right: 30px
    }

.cart a, .comments .comment a, .compare-products-table a, .data-table a, .email-a-friend-page .title h2 a, .forums-table-section a, .product-no-reviews a, .product-review-links a, .product-specs-box .data-table .spec-value a {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

    .accept-privacy-policy .read:hover, .add-more-external-records a, .block .view-all a:hover, .blogpost-page .back-button:hover, .cart a:hover, .cart-total .order-total .cart-total-right, .comments .comment a:hover, .compare-products-table a:hover, .compare-section.price ul, .data-table a:hover, .downloadable-products-page .data-table td.download a, .email-a-friend-page .title h2 a:hover, .footer-block a:hover, .forum-search-box .advanced a:hover, .forums-table-section .forum-title a:hover, .forums-table-section .table-wrapper a, .forums-table-section .topic-title a:hover, .light-theme .sub-categories-wrapper .title a:hover, .manufacturer-item:hover .title a, .news-item-page .back-button:hover, .order-details-page .cart-total td:last-child strong, .order-details-page .data-table td.total, .order-details-page .data-table td.view-details a, .overview .value a, .private-messages-page td .pm-unread:hover, .product-no-reviews a:hover, .product-review-helpfulness .vote:hover, .product-review-item .review-info a:hover, .product-review-links a:hover, .product-selectors .product-viewmode a.selected:before, .product-selectors .product-viewmode span.selected:before, .product-specs-box .data-table .spec-value a:hover, .product-tags-list a:hover, .profile-page .topic-title a, .sitemap-page a:hover, .tax-shipping-info a, .terms-of-service a:hover, .tier-prices .item-price, .topic-block a, .topic-page a, .topic-post .post-vote > span:hover:before, .topic-post a.username:hover, .variant-overview .value a, .vendor-item:hover .title a {
        color: #f3cc2e
    }

.cart .discount, .cart .discount-additional-info, .cart .rental-info, .table-wrapper .attributes {
    border: none;
    padding: 5px 0;
    color: #333;
    text-transform: none;
    font-size: 15px;
    line-height: 22px;
    font-family: 'Lato', sans-serif
}

.cart-total .cart-total-left, .data-table .info, .data-table .message, .data-table .name, .data-table .product, .forum-table .forum-details, .forum-table .topic-details, .full-description, .gender, .giftcard > div:last-child label, .page, .page .overview {
    text-align: left
}

.address-list-page .add-button, .cart .add-to-cart, .cart .remove-from-cart, .cart-collaterals .deals .inputs label, .cart-collaterals .shipping-options .inputs label, .checkout-page .select-pickup-point, .data-table .order, .data-table .select-boxes, .noscript, .opc .order-review-data .billing-info, .opc .order-review-data .payment-method, .opc .order-review-data .shipping-info, .opc .order-review-data .shipping-method, .opc .terms-of-service, .order-details-page .data-table .quantity, .overview, .profile-info-box .profile-stats, .profile-info-box .send-pm, .ui-dialog-titlebar, .write-review .review-rating {
    text-align: center
}

.cart-collaterals .coupon-code input[type=text], .forum-table .topic-details, .payment-info .info select:only-child, .popup table, .thumb-comments, .thumb-comments textarea, .variant-overview {
    width: 100%
}

.cart .quantity, .cart .sku, .cart .unit-price {
    white-space: nowrap;
    color: #333
}

.cart .qty-dropdown, .cart .qty-input {
    width: 50px;
    text-align: center
}

.cart .qty-input, .category-picture-wrapper:empty, .footer-block.find-us span a, .full-description ul, .item-box .workshop-item, .section.reward-points-history, .shopping-cart-page .product-grid .item-box input[type=button], .write-review .fieldset {
    padding: 0
}

.blogpost-page .new-comment .inputs, .cart .qty-dropdown, .forum-search-page .buttons input, .news-item-page .new-comment .inputs {
    width: auto
}

.cart .subtotal span {
    margin: 5px 0;
    color: #f3cc2e;
    white-space: nowrap
}

.back-in-stock-subscription-list-page .select-boxes input[type=checkbox], .cart input[type=checkbox], .forum-subscriptions-page .select-boxes input[type=checkbox], .terms-of-agreement input[type=checkbox] {
    position: absolute;
    margin: auto;
    z-index: -1
}

    .cart input[type=checkbox] + label {
        display: inline-block;
        padding: 0 0 0 24px;
        position: relative;
        cursor: pointer
    }

        .back-in-stock-subscription-list-page .select-boxes input[type=checkbox] + label:before, .cart input[type=checkbox] + label:before, .forum-subscriptions-page .select-boxes input[type=checkbox] + label:before, .terms-of-agreement input[type=checkbox] + label:before {
            content: "";
            display: block;
            width: 17px;
            height: 17px;
            border: 1px solid #d4d4d4;
            background: #fff;
            font-size: 0;
            cursor: pointer;
            position: absolute;
            top: 1px;
            left: 0
        }

    .back-in-stock-subscription-list-page .select-boxes input[type=checkbox]:checked + label:after, .cart input[type=checkbox]:checked + label:after, .forum-subscriptions-page .select-boxes input[type=checkbox]:checked + label:after, .terms-of-agreement input[type=checkbox]:checked + label:after {
        content: "";
        width: 11px;
        height: 11px;
        position: absolute;
        top: 4px;
        left: 3px;
        background: #f3cc2e
    }

.cart .edit-item {
    margin: 5px 0 0;
    color: #f3cc2e
}

.bar-notification {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 1840;
    width: 295px;
    padding: 20px 50px 20px 28px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    border-top: 3px solid #f3cc2e;
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06)
}

    .bar-notification.success {
        border-color: #3eaf5a
    }

    .bar-notification.warning {
        border-color: #ffaa46
    }

    .bar-notification.error {
        border-color: #e74545
    }

    .bar-notification .content {
        float: left
    }

    .bar-notification .close {
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        margin: auto;
        width: 32px;
        height: 32px;
        background: url(../img/close.svg) center no-repeat #fff;
        cursor: pointer
    }

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

.ajax-loading-block-window {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 100px !important;
    height: 100px !important;
    margin: -50px 0 0 -50px !important;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #f3cc2e;
    -webkit-animation: 2s linear infinite spin;
    animation: 2s linear infinite spin;
    z-index: 999
}

.ui-dialog {
    position: fixed !important;
    z-index: 1750;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 380px !important;
    max-width: 90%;
    box-shadow: 0 0 35px rgba(0,0,0,.16);
    background: #fff
}

    .ui-dialog:before {
        content: "";
        position: absolute;
        left: -50vw;
        right: -50vw;
        top: -50vh;
        bottom: -50vh;
        z-index: -1;
        background: #000;
        opacity: .7
    }

.ui-dialog-titlebar {
    font-size: 16px;
    padding: 14.5px 35px;
    text-transform: uppercase
}

    .ui-dialog-titlebar button {
        position: absolute;
        top: 6px;
        right: 6px;
        width: 24px;
        height: 24px;
        margin: 6px;
        overflow: hidden;
        border: none;
        background: 0 0;
        font-size: 0
    }

        .ui-dialog-titlebar button:after {
            font-family: venture-font;
            text-transform: none;
            content: "u";
            font-size: 13.5px;
            width: 14px;
            height: 14px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out
        }

        .breadcrumb a:hover, .compare-products-page .clear-list:hover:before, .compare-section.product ul, .customer-pages-body .block .list a.active, .footer-map-holder .title strong, .forum-actions .actions a:hover, .light-theme .footer .title strong, .order-details-page .data-table .price, .order-details-page .data-table .quantity, .order-details-page .data-table .sku, .order-details-page .data-table .unit-price, .order-details-page .data-table label, .overview .value, .private-messages-page td .pm-unread, .shipment-details-page .data-table .sku, .topic-actions .actions a:hover, .ui-dialog-titlebar button:hover:after, .ui-tabs .ui-state-active.ui-tabs-active a, .ui-tabs .ui-tabs-nav li a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .variant-overview .value, td.ui-datepicker-today {
            color: #333
        }

.ui-dialog-content {
    height: auto !important;
    padding: 25px;
    background: #fff;
    overflow-y: auto;
    max-height: 80vh !important;
    border-top: 1px dashed #ccc
}

#video-player, .order-progress ul, .product-social-sharing, .profile-info-box, .rental-attributes, .ui-autocomplete, .video-slider-wrapper {
    overflow: hidden
}

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

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

    .ui-dialog-content .page-title h1 {
        font-size: 15px;
        text-transform: none;
        font-family: 'Lato', sans-serif;
        font-weight: 700
    }

.account-page .edit-address .inputs, .avatar-page .buttons, .avatar-page .fieldset, .forum-search-page .search-results, .payment-method .method-list li, .shipping-method .method-list li, .sitemap-page .entity-title, .ui-dialog-content .back-in-stock-subscription-page .page-title h1, .write-review .form-fields {
    margin: 0 0 15px
}

.ui-dialog-content .page-body {
    text-align: center !important
}

.ui-dialog-content .tooltip {
    margin: 0 0 20px;
    text-transform: none;
    line-height: 25px;
    color: #333;
    font-family: 'Lato', sans-serif;
    text-align: center
}

#terms-of-service-warning-box, .description {
    text-transform: none;
    line-height: 25px;
    color: #333;
    font-family: 'Lato', sans-serif
}

.poll .buttons input, .ui-dialog-content button {
    border: none;
    background: #f5f5f5;
    color: #787878;
    text-transform: uppercase;
    padding: 10px 25px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

    #check-availability-button:hover, .attributes .qq-upload-button:hover, .checkout-attributes .qq-upload-button:hover, .checkout-page .enter-new-address.open .enter-new-address-box:after, .checkout-page .enter-new-address:hover .enter-new-address-box:after, .order-details-page .page-title a:hover, .poll .buttons input:hover, .return-request-page .qq-upload-button:hover, .ui-dialog-content button:hover, td .ui-state-active {
        background: #f3cc2e;
        color: #333
    }

.light-theme #check-availability-button:hover, .light-theme .account-page .button-1, .light-theme .account-page .button-2:hover, .light-theme .apply-vendor-page .button-1, .light-theme .attributes .qq-upload-button:hover, .light-theme .billing-address-page .buttons input[type=submit], .light-theme .blogpost-page .buttons input[type=submit], .light-theme .cart-footer .checkout-buttons button, .light-theme .category-item .title a, .light-theme .checkout-attributes.qq-upload-button:hover, .light-theme .checkout-page .address-item input[type=button], .light-theme .checkout-page .button-2:hover, .light-theme .checkout-page .enter-new-address.open .enter-new-address-box:after, .light-theme .checkout-page .enter-new-address:hover .enter-new-address-box:after, .light-theme .compare-products-page .clear-list:hover, .light-theme .compare-products-page .clear-list:hover:before, .light-theme .contact-page .button-1, .light-theme .contact-vendor-button, .light-theme .email-a-friend-page .button-1, .light-theme .footer-map-holder .title strong, .light-theme .forum-edit-page .buttons input:hover, .light-theme .forum-edit-page .buttons input[type=submit], .light-theme .forum-search-box .search-box-button, .light-theme .forums-table-section .view-all a:hover, .light-theme .login-page .button-1, .light-theme .login-page .button-1.checkout-as-guest-button:hover, .light-theme .move-topic-page .buttons input:hover, .light-theme .move-topic-page .buttons input[type=submit], .light-theme .news-item-page .buttons input[type=submit], .light-theme .order-details-page .actions input:hover, .light-theme .order-details-page .actions input:last-child, .light-theme .order-details-page .page-title a:hover, .light-theme .order-progress li.active-step a, .light-theme .overview .add-to-cart-button, .light-theme .password-recovery-page .button-1, .light-theme .poll .buttons input:hover, .light-theme .private-message-send-page .buttons input:hover, .light-theme .private-message-send-page .buttons input[type=submit], .light-theme .private-message-view-page .buttons .reply-pm-button, .light-theme .private-message-view-page .buttons input:hover, .light-theme .private-messages-page .buttons input:hover, .light-theme .private-messages-page .buttons input[type=submit], .light-theme .registration-page .button-1, .light-theme .registration-result-page .button-1, .light-theme .return-request-page .button-1, .light-theme .return-request-page .qq-upload-button:hover, .light-theme .section.confirm-order .buttons input[type=submit], .light-theme .section.order-completed .buttons input[type=button], .light-theme .section.payment-info .buttons input[type=submit], .light-theme .section.payment-method .buttons input[type=submit], .light-theme .section.shipping-method .buttons input[type=submit], .light-theme .shipping-address-page .buttons input[type=submit], .light-theme .shopping-cart-page .button-2:hover, .light-theme .title-picture-wrapper h1, .light-theme .topic-post .post-actions .quote-post-button:hover, .light-theme .ui-dialog-content button:hover, .light-theme .user-agreement-page .button-1, .light-theme .variant-overview .add-to-cart-button, .light-theme .wishlist-content .button-2:hover, .light-theme .wishlist-content .wishlist-add-to-cart-button, .light-theme .write-review .button-1, .light-theme td .ui-state-active {
    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: #fff;
    padding: 20px;
    text-align: center
}

.block, .ui-autocomplete {
    box-shadow: 0 0 14px rgba(0,0,0,.06)
}

.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: #eee;
    padding: 5px;
    font-size: 14px;
    color: #333
}

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

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

.scroll-back-button {
    display: none;
    position: fixed;
    right: 0;
    bottom: 60px;
    z-index: 1030;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background: #1f1f1f;
    opacity: .6;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: translateZ(0)
}

    .scroll-back-button:before {
        font-family: venture-font;
        text-transform: none;
        content: "Q";
        font-size: 7px;
        width: 8px;
        height: 9px;
        color: #f3cc2e;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }

.ico-account:before, .ico-inbox:before, .ico-login:before, .ico-logout:before, .ico-register:before, .ico-wishlist:before {
    width: 25px;
    font-size: 14px;
    display: inline-block;
    font-family: venture-font;
    text-transform: none
}

.scroll-back-button:hover {
    opacity: .8
}

.admin-header-links {
    background: #fff;
    text-align: center
}

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

    .admin-header-links a:only-child, .attribute-squares li:hover .tooltip-container, .attribute-squares span, .attributes dt, .block .active > .sublist, .block.block-blog-archive .sublist, .custom-artwork-page .attributes .option-list input[type=radio]:checked ~ .check-selected, .custom-artwork-page .attributes .option-list input[type=checkbox]:checked ~ .check-selected, .footer-block.find-us li, .show, .topic-post .avatar a, .workshop-detail-page .attributes .option-list input[type=radio]:checked ~ .check-selected, .workshop-detail-page .attributes .option-list input[type=checkbox]:checked ~ .check-selected {
        display: block
    }

.header {
    background: #333;
    color: #333;
    text-align: center
}

.ico-register:before {
    content: "k"
}

.ico-login:before {
    content: "d"
}

.ico-wishlist:before {
    content: "f"
}

.ico-account:before {
    content: "h"
}

.ico-logout:before {
    content: "i"
}

.ico-inbox:before {
    content: "j"
}

.item-box .picture a, .store-search-box form {
    display: block;
    position: relative
}

.store-search-box input.search-box-text {
    float: left;
    width: 100% !important;
    height: 56px;
    padding: 10px;
    font-size: 16px;
    line-height: 36px;
    font-family: 'Lato', sans-serif;
    border: none
}

    .store-search-box input.search-box-text::-webkit-search-cancel-button {
        position: relative;
        -webkit-appearance: none;
        height: 14px;
        width: 14px;
        background: url(../img/close.png) center no-repeat
    }

    .store-search-box input.search-box-text::-webkit-input-placeholder {
        color: #a3a3a3
    }

    .store-search-box input.search-box-text:-moz-placeholder {
        color: #a3a3a3
    }

    .store-search-box input.search-box-text::-moz-placeholder {
        color: #a3a3a3
    }

    .store-search-box input.search-box-text:-ms-input-placeholder {
        color: #a3a3a3
    }

.store-search-box .search-box-button {
    float: left;
    width: 36px;
    height: 36px;
    border: none;
    background: url(../img/search-button.png) center no-repeat;
    font-size: 0
}

.ui-autocomplete {
    position: absolute;
    z-index: 1070;
    width: 100% !important;
    max-width: 100%;
    left: 0 !important;
    right: 0 !important;
    background: #fff
}

    .ui-autocomplete li:first-child {
        border-top: none
    }

    .ui-autocomplete a {
        display: block;
        padding: 15px
    }

        .ui-autocomplete a.ui-state-focus {
            background: #f6f6f6
        }

    .ui-autocomplete img {
        display: none;
        margin-right: 5px;
        vertical-align: middle
    }

.address-list-page .info label, .header-selectors-wrapper > div, .order-list-page .info label, .topic-post .post-actions > div {
    display: inline-block;
    vertical-align: middle
}

.header-selectors-wrapper select {
    min-width: 100px
}

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

    .language-list li {
        display: inline-block;
        margin: 0 1px
    }

    .language-list a {
        display: block;
        position: relative;
        width: 32px;
        height: 32px;
        line-height: 0
    }

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

.slider-wrapper.theme-custom {
    margin: 0 auto 30px
}

#video-player {
    position: relative;
    padding-bottom: 56.23%;
    max-width: 100%;
    background: #333
}

    #video-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: 0 0;
        z-index: 4
    }

    #video-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        transition: .4s;
        z-index: 1
    }

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .5;
    z-index: 2
}

.play-button-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 80%;
    z-index: 3;
    text-align: center
}

.video-button-title {
    color: #fff;
    font-size: 16px;
    margin: 0 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.footer .title strong, .video-button-subtitle {
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.video-button-subtitle {
    color: #f3cc2e
}

.video-player .play {
    color: #fff;
    height: 60px;
    width: 60px;
    font-size: 15px;
    line-height: 60px;
    text-align: center;
    margin: 10px auto 0;
    border: 1px dashed #fff;
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2
}

    .video-player .play:before {
        content: "";
        display: block;
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        border: 3px solid;
        border-color: transparent #f3cc2e;
        border-radius: 50%;
        -webkit-transition: .4s ease-in-out;
        transition: .4s ease-in-out
    }

    .video-player .play:hover:before {
        top: -7px;
        left: -7px;
        right: -7px;
        bottom: -7px;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.footer {
    text-align: center;
    background: #333;
    color: #333
}

.footer-upper {
    margin: 0 0 50px;
    overflow: hidden
}

.footer .title {
    padding: 14px 25px;
    border-top: 1px dashed #565656;
    position: relative;
    cursor: pointer
}

.footer-map {
    height: 300px
}

.light-theme .footer .title, .light-theme .footer-block.newsetter, .light-theme .social-sharing:after, .light-theme .social-sharing:before {
    border-color: #b2b2b2
}

.footer-map-holder .title {
    padding: 14px 40px;
    background: #f3cc2e;
    border: none;
    z-index: 2;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

    .account-page .button-1:hover, .footer-map-holder .title:hover, .login-page .button-1:hover, .newsletter-email .newsletter-subscribe-button:hover, .password-recovery-page .button-1:hover, .registration-page .button-1:hover, .registration-result-page .button-1:hover, .return-request-page .button-1:hover, .user-agreement-page .button-1:hover {
        background-color: #ebbf0d
    }

.comments .comment:last-child, .confirm-order .buttons, .footer-block:first-child .title, .forum-search-page .advanced-search, .opc .tab-section:last-child .step-title, .order-details-page .cart-total *, .variant-overview .attributes {
    border: none
}

.footer-block.newsetter {
    border-bottom: 1px dashed #565656
}

.footer .title:after, .footer .title:before {
    font-family: venture-font;
    text-transform: none;
    content: "c";
    font-size: 7px;
    width: 8px;
    height: 9px;
    color: #f3cc2e;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.footer-map-holder .title:after, .footer-map-holder .title:before {
    color: #333 !important
}

.light-theme .footer-map-holder .title:after, .light-theme .footer-map-holder .title:before, .ui-dialog-titlebar button:after {
    color: #fff !important
}

.footer .title:before {
    left: 20px
}

.footer .title:after {
    right: 20px
}

.cart-collaterals .title.open:after, .footer .title.open:after, .footer .title.open:before, .sub-category-toggle-select.open:after, .sub-category-toggle-select.open:before {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.footer .title strong {
    display: block;
    color: #fff
}

.footer-block .list, .footer-block.newsetter .footer-collapse {
    text-transform: none;
    font-family: 'Lato', sans-serif;
    padding: 20px 10px;
    background: #232323
}

.footer-block.find-us span {
    display: inline-block;
    padding: 9px 9px 9px 18px;
    position: relative
}

.newsletter-email .options label, .poll-options li label {
    padding: 5px 0 5px 25px;
    cursor: pointer
}

.footer-block.find-us .address span:before {
    content: "";
    font-family: venture-font;
    text-transform: none;
    content: E;
    font-size: 13px;
    color: #f3cc2e;
    position: absolute;
    top: 11px;
    left: 0;
    bottom: 0
}

.footer-block.find-us span:before {
    content: "";
    font-family: venture-font;
    text-transform: none;
    font-size: 13px;
    color: #f3cc2e;
    position: absolute;
    left: 0
}

.footer-block.find-us .e-mail span, .forum-actions .actions .watch-forum, .topic-actions .actions .watch-forum {
    padding-left: 21px
}

    .footer-block.find-us .e-mail span:before {
        content: "j";
        top: 13px
    }

.footer-block.find-us .mobile-phone span:before {
    content: "K";
    top: 12px
}

.footer-block.find-us .phone span {
    padding-left: 20px
}

    .footer-block.find-us .phone span:before {
        content: "L";
        top: 11px
    }

.footer-block a {
    display: block;
    padding: 9px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.newsletter-subscribe-text {
    line-height: 25px;
    margin: 0 auto 15px;
    max-width: 90%
}

.enter-password-form, .newsletter-email {
    display: inline-block;
    overflow: hidden
}

    .newsletter-email .newsletter-subscribe-text {
        float: left;
        width: 224px;
        height: 50px;
        background: #1f1f1f;
        color: #333;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.blogpost-page .new-comment .title:hover, .light-theme .newsletter-email .newsletter-subscribe-text, .news-item-page .new-comment .title:hover, .write-review .title:hover {
    background: #e6e6e6
}

.blog-posts .post .buttons a:hover, .dark-theme .newsletter-email .newsletter-subscribe-text:focus, .news-item .buttons a:hover {
    background: #111
}

.newsletter-email .newsletter-subscribe-button {
    float: left;
    width: 50px;
    height: 50px;
    border: none;
    background: url(../img/subscribe-button.svg) center no-repeat #f3cc2e;
    font-size: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.light-theme .newsletter-email .newsletter-subscribe-button {
    background-image: url(../img/subscribe-button-light.svg)
}

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

.attributes .option-list input[type=checkbox], .checkout-attributes .option-list input[type=checkbox], .checkout-attributes .option-list input[type=radio], .newsletter-email .options input[type=radio], .payment-method input[type=checkbox], .payment-method input[type=radio], .poll-options li input[type=radio], .shipping-method input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    opacity: 0
}

.newsletter-email .options label {
    display: block;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase
}

    .newsletter-email .options label:before {
        content: "";
        display: block;
        width: 17px;
        height: 17px;
        border: 1px solid #333;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto
    }

.newsletter-email .options input[type=radio]:checked ~ label:after, .poll-options li input[type=radio]:checked ~ label:after {
    content: "";
    display: block;
    background: #f3cc2e;
    border-radius: 50%;
    position: absolute;
    top: 0;
    width: 11px;
    height: 11px;
    left: 3px;
    bottom: 0;
    margin: auto
}

.newsletter-result, .newsletter-validation {
    line-height: 25px;
    margin: 20px
}

.footer-middle {
    padding: 0 20px 20px;
    overflow: hidden;
    position: relative
}

.attribute-squares, .back-in-stock-subscription, .block .tags ul, .blog-posts .post .buttons, .cart-options .common-buttons, .social-sharing {
    font-size: 0
}

    .social-sharing:after, .social-sharing:before {
        content: "";
        height: 1px;
        position: absolute;
        left: 0;
        right: 0;
        border-top: 1px dashed #565656;
        z-index: 1
    }

    .social-sharing:before {
        top: 23px
    }

    .social-sharing:after {
        top: 82px
    }

    .social-sharing li {
        display: inline-block;
        margin: 0 6px 12px;
        position: relative;
        z-index: 2
    }

    .social-sharing a {
        display: block;
        width: 47px;
        height: 47px;
        border: 1px dashed #565656;
        background: #333;
        position: relative;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.light-theme .social-sharing a {
    background: #fff;
    border-color: #b2b2b2
}

.social-sharing a:before {
    content: "";
    font-family: venture-font;
    text-transform: none;
    position: absolute;
    width: 47px;
    height: 47px;
    line-height: 47px;
    font-size: 17px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.footer-lower > div, .footer-lower > div.footer-disclaimer {
    margin: 0 auto 5px
}

.social-sharing a:hover {
    background: #1f1f1f;
    color: #f3cc2e
}

.light-theme .social-sharing a:hover {
    background: #f2f2f2
}

.product-social-sharing .facebook:before, .social-sharing .facebook:before {
    content: "o"
}

.product-social-sharing .twitter:before, .social-sharing .twitter:before {
    content: "n"
}

.product-social-sharing .google:before, .social-sharing .google:before {
    content: "F"
}

.product-social-sharing .pinterest:before, .social-sharing .pinterest:before {
    content: "H"
}

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

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

.social-sharing .youtube:before {
    content: "G";
    font-size: 26px
}

.social-sharing .rss:before {
    content: "I"
}

.footer-lower {
    overflow: hidden;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    line-height: 25px
}

    .footer-lower > div {
        max-width: 90%
    }

.blog-details .tags li, .blogpost-page .tags li, .footer-designed-by a, .footer-powered-by a {
    display: inline-block;
    color: #f3cc2e
}

.theme-selector select {
    margin: 10px;
    width: 170px;
    height: 40px
}

.block {
    margin: 0 0 9px;
    text-align: left;
    background: #fff;
    position: relative
}

    .block .title {
        font-size: 16px;
        cursor: pointer;
        padding: 16px 30px
    }

        .block .listbox:before, .block .title:before {
            font-family: venture-font;
            text-transform: none;
            background: #fff;
            font-size: 10px;
            width: 11px;
            height: 10px;
            color: gray;
            position: absolute;
            top: 20px;
            right: 16px
        }

        .block .title:before {
            content: "y"
        }

        .block .title strong {
            font-weight: 400;
            display: block
        }

    .block .listbox {
        display: none;
        border: 5px solid #fff;
        background: #f5f5f5;
        border-width: 0 5px 5px;
        color: grey
    }

.home-page-polls .poll, .information-boxes-wrapper {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06)
}

.block .listbox:before {
    content: "x";
    color: #f3cc2e
}

.block .listbox .list {
    padding: 11px 0
}

#checkout-dialog .price, .active-step div:first-child, .attributes .option-list .attribute-label, .block .list .active > a, .pink-text {
    color: #e7457d
}

.block .list a, .block .list strong {
    display: block;
    padding: 8px 22px
}

.block .poll .buttons input, .block .view-all a {
    border-top: 1px dashed #ccc;
    padding: 16px 10px;
    color: #333
}

.block .sublist {
    display: none;
    padding: 0 15px
}

.block .view-all {
    padding: 0 12px
}

    .block .view-all a {
        display: block;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.block .tags, .popup-window .topic-page {
    padding: 15px
}

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

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

.poll strong {
    display: block;
    font-size: 18px;
    margin: 0 0 15px
}

.poll-options, .poll-results {
    margin: 0 0 15px;
    overflow: hidden
}

    .poll-options li, .poll-results li {
        display: inline-block;
        margin: 0 10px;
        color: #333;
        position: relative
    }

.poll-results {
    text-transform: none;
    line-height: 25px;
    font-family: 'Lato', sans-serif
}

.poll-options li label:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.poll-options li > * {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.blogpost-page .buttons, .forum-page .forums-table-section, .forums-header .topic-block, .news-body p:last-child, .news-item-page .buttons, .order-details-page .actions input:last-child, .password-error, .payment-method .method-list li:last-child, .poll .buttons, .post-body p:last-child, .product-details-page-body .center-1, .product-review-list .title, .shipping-method .method-list li:last-child {
    margin: 0
}

.opc .please-wait, .poll-total-votes {
    display: block;
    margin: 10px 0 0
}

.block .poll {
    padding: 11px 0 0
}

    .block .poll strong, .block .poll-total-votes {
        padding: 8px 25px;
        margin: 0
    }

    .block .poll strong {
        font-size: 15px
    }

.block .poll-options li, .block .poll-results li {
    display: block;
    margin: 0 25px
}

.block .poll .buttons {
    margin: 0 12px
}

    .block .poll .buttons input {
        width: 100%;
        display: block;
        text-align: left
    }

        .block .poll .buttons input:hover {
            background: #f5f5f5 !important
        }

.home-page-polls {
    max-width: 90%;
    margin: 0 auto 80px;
    text-align: center
}

    .home-page-polls .poll {
        padding: 30px;
        margin: 0 0 23px
    }

.information-boxes-wrapper {
    text-align: center;
    font-size: 0
}

.information-box {
    display: block;
    text-align: left;
    padding: 20px;
    position: relative
}

    .information-box:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -500px;
        right: -500px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAANCAYAAABo1wTyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAACRJREFUeNp0xiEOADAIBLAGzP7/4UMQ5ExTeIX8UEjfFkl2MwAcMQkXAWfc4AAAAABJRU5ErkJggg==) top left repeat-x
    }

    .information-box .image-wrapper {
        float: left;
        position: relative
    }

    .information-box .image-holder {
        width: 70px;
        height: 70px;
        position: relative;
        border: 1px dashed #ccc;
        overflow: hidden;
        border-radius: 50%
    }

    .information-box .image-wrapper:before {
        content: "";
        display: block;
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        border: 3px solid;
        border-color: transparent #f3cc2e;
        border-radius: 50%;
        z-index: 2;
        -webkit-transition: .4s ease-in-out;
        transition: .4s ease-in-out
    }

    .information-box img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        backface-visibility: hidden
    }

    .information-box .information-wrapper {
        margin: 0 0 0 80px;
        height: 70px;
        display: table;
        font-size: 15px
    }

    .information-box .title {
        display: table-cell;
        vertical-align: middle
    }

.home-page-body .master-wrapper-content {
    max-width: 100%;
    padding: 0;
    margin: 0 0 100px
}

.home-page-bottom-wrapper {
    max-width: 90%;
    margin: 0 auto
}

    .home-page-bottom-wrapper .home-page-video-title {
        margin: 0 0 32px;
        padding: 8px 0;
        border-bottom: 1px solid #d4d4d4;
        text-align: center;
        position: relative
    }

        .home-page-bottom-wrapper .home-page-video-title strong {
            font-size: 19px;
            line-height: 30px
        }

.home-page-featured-video {
    position: relative;
    max-width: 590px;
    margin: auto
}

    .home-page-featured-video:before {
        content: "";
        display: block;
        padding-top: 56.23%
    }

    .home-page-featured-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        margin: 0
    }

.category-page-body .master-wrapper-content {
    max-width: 100%;
    padding: 40px 0 0
}

.category-page-body .page-body, .category-page-body .side-2 {
    margin-left: auto;
    margin-right: auto;
    width: 90%
}

.breadcrumb {
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background: #f5f5f5;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    text-transform: none;
    color: #333;
    font-family: 'Lato', sans-serif
}

    .breadcrumb ul {
        font-size: 0;
        text-align: center;
        max-width: 90%;
        margin: auto
    }

    .breadcrumb li * {
        font-size: 14px;
        line-height: 40px;
        display: inline-block;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

    .breadcrumb li .delimiter {
        margin: 0 10px;
        letter-spacing: -1.5px
    }

        .breadcrumb li .delimiter:before {
            content: "/"
        }

.category-page-title {
    margin: 0 0 60px
}

.category-picture-wrapper {
    padding-top: 66%;
    position: relative;
    overflow: hidden
}

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

.title-picture-wrapper h1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 25px;
    color: #f3cc2e;
    padding: 15px 25px;
    overflow: hidden
}

    .title-picture-wrapper h1 span {
        z-index: 2;
        position: relative
    }

    .title-picture-wrapper h1:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: .7;
        -webkit-transition: .2s ease-in-out;
        z-index: 1
    }

.blogpost-page .buttons input[type=submit][disabled]:hover, .cart-collaterals .coupon-code input[type=submit]:hover, .cart-collaterals .shipping-options .buttons .button-2:hover, .compare-products-page .clear-list:hover, .forum-edit-page .buttons input:hover, .forum-edit-page .buttons input[type=submit], .forums-table-section .view-all a:hover, .light-theme .title-picture-wrapper h1:before, .login-page .button-1.checkout-as-guest-button:hover, .move-topic-page .buttons input:hover, .move-topic-page .buttons input[type=submit], .news-item-page .buttons input[type=submit][disabled]:hover, .order-progress li.active-step a:before, .private-message-send-page .buttons input:hover, .private-message-send-page .buttons input[type=submit], .private-message-view-page .buttons .reply-pm-button, .private-message-view-page .buttons input:hover, .private-messages-page .buttons input:hover, .private-messages-page .buttons input[type=submit], .topic-post .post-actions .quote-post-button:hover, .write-review .button-1[disabled]:hover {
    background: #f3cc2e
}

.category-picture-wrapper:empty ~ h1 {
    position: static
}

.sub-category-toggle-select {
    padding: 14px 25px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 18px;
    position: relative;
    background: #333;
    cursor: pointer
}

.light-theme .sub-category-toggle-select {
    background: #fff;
    color: #333
}

.sub-category-toggle-select:after, .sub-category-toggle-select:before {
    font-family: venture-font;
    text-transform: none;
    content: "c";
    font-size: 10px;
    width: 8px;
    height: 10px;
    line-height: 10px;
    color: #f3cc2e;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.sub-category-toggle-select:before {
    left: 10px
}

.sub-category-toggle-select:after {
    right: 10px
}

.sub-categories-wrapper {
    display: none;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    padding: 20px 10px;
    background: #232323
}

.light-theme .sub-categories-wrapper {
    background: #e7e7e7
}

.sub-categories-wrapper .title a {
    font-size: 15px;
    color: #333;
    display: block;
    padding: 9px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.category-description, .manufacturer-description, .vendor-description {
    margin: 0 0 20px;
    text-transform: none;
    color: #333;
    font-family: 'Lato', sans-serif
}

.contact-vendor {
    margin: 0 0 45px;
    text-align: center
}

.contact-vendor-button {
    padding: 15px 45px;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #323232;
    background: #f3cc2e;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

    .apply-vendor-page .button-1:hover, .billing-address-page .buttons input[type=submit]:hover, .blogpost-page .buttons input[type=submit]:hover, .cart-footer .checkout-buttons button:hover, .checkout-page .address-item input[type=button]:hover, .contact-page .button-1:hover, .contact-vendor-button:hover, .email-a-friend-page .button-1:hover, .enter-password-form input[type=submit]:hover, .forum-edit-page .buttons input[type=submit]:hover, .forum-search-box .search-box-button:hover, .move-topic-page .buttons input[type=submit]:hover, .news-item-page .buttons input[type=submit]:hover, .order-details-page .actions input:last-child:hover, .overview .add-to-cart-button:hover, .private-message-send-page .buttons input[type=submit]:hover, .private-message-view-page .buttons .reply-pm-button:hover, .private-messages-page .buttons input[type=submit]:hover, .profile-info-box .pm-button:hover, .search-input .button-1:hover, .section.confirm-order .buttons input[type=submit]:hover, .section.order-completed .buttons input[type=button]:hover, .section.payment-info .buttons input[type=submit]:hover, .section.payment-method .buttons input[type=submit]:hover, .section.shipping-method .buttons input[type=submit]:hover, .shipping-address-page .buttons input[type=submit]:hover, .ui-datepicker-calendar td a.ui-state-active:hover, .variant-overview .add-to-cart-button:hover, .wishlist-content .wishlist-add-to-cart-button:hover, .write-review .button-1:hover {
        background: #ebbf0d
    }

.category-item .item-title, .category-item .title:before {
    bottom: 0;
    background: #f3cc2e;
    z-index: 1;
    -o-transform: skewX(30deg)
}

.product-selectors > div {
    display: block;
    margin: 0 auto 7px;
    max-width: 335px
}

.product-selectors select {
    width: 100%;
    text-transform: lowercase;
    background-color: #e7e7e7;
    text-align: center;
    text-align-last: center;
    padding: 0 45px;
    background-position: right 28px center
}

.product-selectors .product-viewmode {
    display: none;
    font-size: 0
}

    .product-selectors .product-viewmode a, .product-selectors .product-viewmode span {
        margin: 8px 8px 8px 0;
        cursor: pointer;
        position: relative;
        display: inline-block;
        width: 34px;
        height: 34px;
        background-color: #e7e7e7;
        vertical-align: middle;
        font-size: 0;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

        .pager li a:hover, .product-selectors .compare-products-link a:hover, .product-selectors .product-viewmode a:hover, .product-selectors .product-viewmode span:hover {
            background: #d5d5d5
        }

        .product-selectors .product-viewmode a:before, .product-selectors .product-viewmode span:before {
            font-family: venture-font;
            text-transform: none;
            font-size: 17px;
            line-height: 34px;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            color: #858585
        }

        .product-selectors .product-viewmode a.grid.items-3, .product-selectors .product-viewmode span.grid.items-3 {
            width: 48px
        }

            .product-selectors .product-viewmode a.grid.items-3:before, .product-selectors .product-viewmode span.grid.items-3:before {
                content: "M";
                font-size: 26px
            }

        .product-selectors .product-viewmode a.grid.items-4, .product-selectors .product-viewmode span.grid.items-4 {
            width: 58px
        }

            .product-selectors .product-viewmode a.grid.items-4:before, .product-selectors .product-viewmode span.grid.items-4:before {
                content: "N";
                font-size: 36px
            }

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

.product-selectors .compare-products-link a {
    color: #333;
    background: #e7e7e7;
    position: relative;
    display: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

    .product-selectors .compare-products-link a:before {
        content: "g";
        font-family: venture-font;
        text-transform: none;
        font-size: 15px;
        position: absolute;
        top: 0;
        right: 25px;
        bottom: 0;
        color: #333
    }

.category-grid .item-box {
    margin: 0 !important
}

.category-item, .manufacturer-item .title, .vendor-item .title {
    position: relative;
    overflow: hidden
}

    .category-item .title {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
        text-align: right
    }

        .category-item .title a {
            display: block;
            z-index: 3;
            position: relative;
            height: 58px;
            font-size: 18px;
            padding: 0 50px 0 25px;
            line-height: 58px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: right;
            width: 100%
        }

        .category-item .title:before {
            content: "";
            position: absolute;
            top: 0;
            left: -20px;
            right: 0;
            -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
            opacity: .5
        }

    .category-item .item-title {
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        height: 50px;
        padding-top: 10px;
        padding-left: 10px;
        color: #fff;
        opacity: .9
    }

.item-box .category-item .picture a:before {
    padding-top: 66%
}

.item-box .category-item .picture img {
    bottom: auto
}

.item-box {
    position: relative;
    width: 100%;
    float: left;
    margin: 0 0 15%
}

.by {
    text-transform: none;
    margin-right: 5px
}

.item-box .product-item {
    background: #fff;
    padding: 0 0 103px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

    .item-box .product-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        box-shadow: 0 0 14px rgba(0,0,0,.06);
        z-index: -1;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

.item-box .picture {
    z-index: 1;
    overflow: hidden
}

    .checkout-page .address-item.enter-new-address:before, .gallery .thumb-item:before, .item-box .picture a:before {
        content: "";
        display: block;
        padding-top: 100%
    }

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

.item-box .details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 10px 40px 20px
}

.item-box .product-title {
    max-height: 38px;
    overflow: hidden;
    display: block;
    line-height: 19px;
    margin: 0 0 5px
}

.item-box .additional-price-info, .item-box .description {
    display: none;
    line-height: 25px;
    font-family: 'Lato', sans-serif;
    text-transform: none
}

.item-box .product-rating-box {
    position: absolute;
    top: 5px;
    margin-bottom: 10px
}

.item-box .rating, .product-review-box .rating {
    background: url(../img/rating.svg) repeat-x #e5e5e5;
    width: 55px;
    height: 10px
}

    .item-box .rating div, .product-review-box .rating div {
        background: url(../img/rating.svg) repeat-x #f3cc2e;
        height: 10px
    }

.item-box .description {
    height: 75px;
    color: #333;
    overflow: hidden
}

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

.item-box .prices .box-prices-wrapper {
    overflow: hidden;
    font-size: 0
}

    .item-box .prices .box-prices-wrapper span {
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle
    }

.item-box .old-price {
    font-size: 14px;
    color: #b2b2b2;
    margin: 0 0 0 5px;
    text-decoration: line-through
}

.item-box .actual-price {
    font-size: 15px;
    color: #f3cc2e
}

.item-box .additional-price-info {
    color: #333
}

.item-box .base-price-pangv, .item-box .tax-shipping-info, .manufacturer-item .title a, .vendor-item .title a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.item-box .buttons {
    display: none;
    margin: 0;
    font-size: 0;
    width: 50px;
    padding: 0 0 50px;
    height: 0;
    overflow: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.item-box input[type=button] {
    width: 50px;
    height: 0;
    border: none;
    background: center no-repeat #f5f5f5;
    margin: 0 0 3px;
    font-size: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

    .item-box input[type=button].product-box-add-to-cart-button {
        height: 50px !important;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
        background-image: url(../img/product-shopping-cart.svg)
    }

.item-box input.add-to-compare-list-button {
    background-image: url(../img/product-compare.svg)
}

.item-box input.add-to-wishlist-button {
    background-image: url(../img/product-wishlist.svg)
}

.home-page-category-grid, .manufacturer-grid, .order-details-page .page-title, .product-collateral > div {
    margin: 0 0 80px
}

.manufacturer-item .title:before, .vendor-item .title:before {
    content: "";
    position: absolute;
    top: 0;
    left: -13px;
    bottom: 0;
    right: 13px;
    background: #fafafa;
    z-index: 1;
    -o-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    -moz-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    transform: skewX(30deg)
}

.manufacturer-item .title a, .vendor-item .title a {
    font-size: 17px;
    text-align: center;
    padding: 12.5px 10px;
    position: relative;
    z-index: 2;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.manufacturer-item .picture, .vendor-item .picture {
    position: relative;
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    z-index: 1
}

.home-page .product-grid {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto
}

.news-list-homepage .title, .product-grid .title {
    padding: 8px 0;
    margin: 0 0 30px;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
    position: relative
}

    .news-list-homepage .title strong, .product-grid .title strong {
        font-size: 40px
    }

.product-grid, .product-list {
    margin: 0 0 40px;
    text-align: left
}

.account-page .edit-address, .avatar-page .message-error, .customer-pages-body .side-2, .forum-page .forum-info, .overview .add-to-cart, .pager, .product-collateral, .product-reviews-overview, .topic-block, .topic-block-title, .ui-tabs, .wishlist-content {
    margin: 0 0 20px
}

    .pager ul {
        text-align: center;
        font-size: 0
    }

    .pager li {
        display: inline-block;
        margin: 0 1.5px 3px;
        vertical-align: middle
    }

        .pager li * {
            display: block;
            min-width: 40px;
            height: 40px;
            padding: 11px;
            text-align: center;
            font-size: 15px;
            cursor: pointer;
            background-color: #e7e7e7;
            color: #333;
            -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out
        }

        .pager li span {
            background-color: #fff;
            color: #f3cc2e;
            box-shadow: 0 0 14px rgba(0,0,0,.06)
        }

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

            .pager li.first-page a:before, .pager li.last-page a:before, .pager li.next-page a:before, .pager li.previous-page a:before {
                font-family: venture-font;
                text-transform: none;
                font-size: 7px;
                width: 9px;
                height: 8px;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                color: #737373
            }

        .login-page .inputs.reversed *, .pager li.first-page a, .pager li.last-page a {
            font-size: 15px
        }

            .pager li.first-page a:before {
                left: 15px;
                right: auto
            }

            .pager li.last-page a:before {
                left: auto;
                right: 15px
            }

        .pager li.first-page * {
            padding: 11px 15px 11px 30px
        }

        .pager li.last-page * {
            padding: 11px 30px 11px 15px
        }

        .pager li.first-page a:before, .pager li.previous-page a:before, .ui-datepicker-header a.ui-datepicker-prev:before {
            content: "r"
        }

        .pager li.last-page a:before, .pager li.next-page a:before, .ui-datepicker-header a.ui-datepicker-next:before {
            content: "q"
        }

.product-details-page-body .master-wrapper-content {
    width: 100%;
    max-width: none;
    padding-top: 40px
}

.product-details-page-body .breadcrumb {
    max-height: 80px;
    overflow: hidden;
    box-shadow: none
}

.product-essential-wrapper {
    background: #fff;
    padding: 30px 0 70px
}

.product-essential {
    max-width: 90%;
    margin: auto;
    position: relative;
    padding: 55px 0 0
}

.overview .product-name {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    line-height: 35px;
    overflow: hidden;
    margin: 0 0 25px
}

    .overview .product-name h1 {
        font-size: 20px;
        text-align: center
    }

.gallery {
    margin: 0 0 40px
}

    .gallery .picture {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: 0
    }

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

    .gallery .picture-thumbs {
        text-align: center;
        font-size: 0;
        margin: 0 0 30px;
        letter-spacing: 0
    }

    .gallery .thumb-item {
        width: 18.2%;
        margin: 2% 0 0 2.25%;
        display: inline-block;
        position: relative;
        overflow: hidden;
        border: 1px dashed #ccc
    }

        .checkout-attributes select:first-child, .gallery .thumb-item:nth-child(5n+1) {
            margin-left: 0
        }

        .discontinued-product h4, .discontinued-product h4:before, .gallery .thumb-item img {
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            right: 0
        }

        .gallery .thumb-item img {
            bottom: 0;
            max-width: 100%;
            max-height: 100%
        }

.product-no-reviews a, .product-review-links {
    color: #333;
    font-family: 'Lato', sans-serif;
    text-transform: none;
    font-size: 14px
}

.discontinued-product {
    color: #e74545;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.9);
    z-index: 100
}

    .discontinued-product h4 {
        height: 150px;
        width: 300px;
        bottom: 0;
        padding: 100px 0 0;
        text-align: center;
        font-family: 'Lato', sans-serif;
        text-transform: none
    }

        .discontinued-product h4:before {
            content: "!";
            width: 70px;
            height: 70px;
            line-height: 68px;
            text-align: center;
            font-size: 35px;
            border: 1px dashed #ccc;
            border-radius: 50%
        }

.overview .short-description, .variant-overview .variant-description {
    margin: 30px 0;
    text-transform: none;
    font-family: 'Lato', sans-serif
}

.overview .label, .overview .value, .variant-overview .label, .variant-overview .value {
    color: grey;
    font-family: 'Lato', sans-serif;
    text-transform: none
}

.free-shipping {
    display: inline-block;
    margin: 0;
    padding: 8px 10px 3px 26px;
    color: #8c8c8c;
    position: relative
}

    .free-shipping:before {
        content: "P";
        font-family: venture-font;
        text-transform: none;
        font-size: 20px;
        position: absolute;
        top: 4px;
        left: 0
    }

.availability-attributes-wrapper {
    position: relative;
    margin: 30px 0
}

.attributes {
    position: relative;
    z-index: 2;
    padding: 50px 30px;
    border: 1px dashed #ccc
}

    .attributes dt > label, .cart-options .checkout-attributes dt, .rental-attributes .attribute-label {
        line-height: 32px
    }

    .attributes dd {
        display: block;
        margin: 0 auto
    }

        .attributes dd:last-child, .forum-edit-page .inputs:last-child, .move-topic-page .inputs:last-child, .private-message-send-page .inputs:last-child, .private-messages-page .inputs:last-child, .section.confirm-order .buttons input[type=submit], .section.order-completed .buttons input[type=button], .section.payment-info .buttons input[type=submit], .section.payment-method .buttons input[type=submit], .section.shipping-method .buttons input[type=submit] {
            margin: 0 auto
        }

    .attributes input[type=text], .attributes select {
        width: 450px;
        max-width: 100%
    }

    .attributes .qty-box label, .overview .qty-dropdown, .product-review-helpfulness .question {
        margin: 0 5px 0 0
    }

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

    .attributes .option-list {
        position: relative;
        font-size: 0
    }

        .attributes .option-list li {
            position: relative;
            display: inline-block;
            margin: 0 3px 3px 0;
            max-width: 100%
        }

            .attributes .option-list li:last-child, .checkout-attributes select:last-child {
                margin-right: 0
            }

        .attributes .option-list label {
            display: inline-block;
            font-size: 15px;
            cursor: pointer;
            -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out
        }

        .attributes .option-list input[type=radio] ~ label {
            border: 1px solid #ededed;
            padding: 9px 15px
        }

        .attributes .option-list input[type=radio]:checked ~ label {
            background: #ededed;
            color: #2e2e2e
        }

.special-price {
    color: #84c24b
}

.attributes .option-list input[type=checkbox] ~ label {
    display: block;
    width: 1000px;
    max-width: 100%;
    padding: 9px 9px 9px 25px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    text-transform: none
}

    .attributes .option-list input[type=checkbox] ~ label:before, .checkout-attributes .option-list input[type=checkbox] ~ label:before, .checkout-attributes .option-list input[type=radio] ~ label:before {
        content: "";
        display: block;
        width: 17px;
        height: 17px;
        border: 1px solid #ededed;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto
    }

.accept-privacy-policy input[type=checkbox]:checked ~ label:after, .attributes .option-list input[type=checkbox]:checked ~ label:after, .checkout-attributes .option-list input[type=checkbox]:checked ~ label:after, .checkout-attributes .option-list input[type=radio]:checked ~ label:after, .payment-method input[type=checkbox]:checked ~ label:after, .payment-method input[type=radio]:checked ~ label:after, .pickup-in-store .selector input[type=checkbox]:checked ~ label:after, .ship-to-same-address .selector input[type=checkbox]:checked ~ label:after, .shipping-method input[type=radio]:checked ~ label:after, .terms-of-service input[type=checkbox]:checked ~ label:after {
    content: "";
    display: block;
    background: #f3cc2e;
    position: absolute;
    top: 0;
    width: 11px;
    height: 11px;
    left: 3px;
    bottom: 0;
    margin: auto;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.rental-attributes .attribute-label .required {
    line-height: 11px
}

.attributes .datepicker {
    width: 100%;
    max-width: 450px;
    text-align: center
}

.ui-datepicker {
    width: 280px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    z-index: 1085 !important
}

.ui-datepicker-header {
    position: relative;
    height: 32px;
    background-color: #333;
    color: #fff
}

    .ui-datepicker-header a {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 40px;
        height: 32px;
        line-height: 32px
    }

        .ui-datepicker-header a.ui-datepicker-prev {
            left: 0;
            font-size: 0
        }

        .ui-datepicker-header a.ui-datepicker-next {
            right: 0;
            font-size: 0
        }

            .ui-datepicker-header a.ui-datepicker-next:before, .ui-datepicker-header a.ui-datepicker-prev:before {
                font-family: venture-font;
                text-transform: none;
                font-size: 7px;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                color: #fff
            }

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

.ui-datepicker-calendar th {
    background-color: #f0f0f0;
    font-weight: 400
}

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

.ui-datepicker-calendar td {
    color: #8c8c8c
}

td.ui-datepicker-week-end {
    opacity: .6
}

.ui-datepicker-calendar td a, .ui-datepicker-calendar th span {
    display: block;
    min-height: 32px;
    line-height: 32px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

    .ui-datepicker-calendar td a:hover {
        background: #f1f1f1
    }

.attribute-squares.option-list li {
    display: inline-block;
    line-height: normal !important;
    margin: 0 1px 1px;
    text-align: center
}

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

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

.attribute-square {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    border: 1px solid #ededed;
    cursor: pointer
}

.giftcard, .tier-prices {
    width: 540px;
    max-width: 100%
}

.selected-value .attribute-square {
    outline: #b2b2b2 solid 1px
}

.attribute-squares .tooltip-container {
    display: none;
    position: absolute;
    top: 100%;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    z-index: 2;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.giftcard > div, .tier-prices .prices-row {
    width: 50%;
    float: left
}

.attribute-squares .tooltip-header {
    height: 10px;
    position: relative
}

    .attribute-squares .tooltip-header:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 0;
        margin: auto;
        right: 0;
        border-style: solid;
        border-width: 0 10px 10px;
        border-color: transparent transparent #fff
    }

.attribute-squares .tooltip-body {
    background: #fff;
    border: 5px solid #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.09)
}

.overview .availability {
    border-bottom: 1px dashed #ccc;
    max-width: 534px;
    margin: auto
}

.overview .stock .value, .variant-overview .stock .value {
    display: inline-block;
    background: #f5f5f5;
    color: #8c8c8c;
    padding: 8.5px 17px;
    font: 14px 'Lato', sans-serif;
    text-transform: uppercase
}

.overview .attributes ~ .availability {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    border: none
}

.attributes .qq-upload-button {
    border: none;
    background: #f0f0f0;
    color: #787878;
    text-transform: uppercase;
    padding: 10px 0;
    margin-top: 10px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.qq-upload-list li.qq-upload-success {
    background: #3eaf5a !important
}

.giftcard {
    margin: 30px auto;
    overflow: hidden;
    padding: 33px 30px;
    border: 1px dashed #ccc
}

    .giftcard > div {
        padding: 0 3px;
        margin: 0 0 20px
    }

        .giftcard > div:nth-child(odd) {
            clear: left
        }

        .giftcard > div:last-child {
            width: 100%;
            clear: both;
            margin: 0
        }

    .giftcard label {
        display: block;
        line-height: 32px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .giftcard input, .giftcard textarea {
        width: 350px;
        max-width: 100%
    }

    .giftcard textarea {
        width: 100%;
        height: 150px
    }

.overview .prices, .variant-overview .prices {
    margin: 30px 0;
    overflow: hidden
}

.product-price.discounted-price label {
    display: inline-block;
    font-size: 17px;
    vertical-align: baseline
}

.base-price-pangv, .overview .rental-price, .tax-shipping-info, .variant-overview .rental-price {
    text-transform: none;
    color: #333;
    font-family: 'Lato', sans-serif
}

.apply-vendor-page .message-error, .avatar-page .image, .comment-title, .contact-page .message-error, .email-a-friend-page .message-error, .news-body p, .overview .rental-price, .payment-method .payment-logo, .post-body p, .product-review-item .review-title, .variant-overview .rental-price, .wishlist-content .message-error {
    margin: 0 0 10px
}

.overview .old-product-price, .variant-overview .old-product-price {
    font-size: 20px;
    color: #b2b2b2;
    text-decoration: line-through;
    margin: 0 0 5px 7px !important
}

.overview .non-discounted-price, .variant-overview .non-discounted-price {
    font-size: 14px;
    text-transform: none;
    color: #333;
    font-family: 'Lato', sans-serif
}

.overview .product-price, .variant-overview .product-price {
    font-size: 25px;
    color: #f3cc2e
}

.tier-prices {
    margin: 30px auto
}

    .tier-prices .title {
        line-height: 32px;
        color: #8c8c8c
    }

    .opc .cart-footer .totals, .tier-prices .table-wrapper {
        box-shadow: none
    }

    .tier-prices .prices-table {
        overflow: hidden;
        border: 1px solid #f0f0f0;
        text-align: center
    }

    .tier-prices .prices-row > div {
        padding: 10px 25px
    }

    .tier-prices .field-header {
        background: #f1f1f1;
        color: #333
    }

.customer-entered-price .enter-price-label, .opc .section > label {
    display: block;
    margin: 0 0 10px
}

.customer-entered-price .enter-price-input {
    width: 140px;
    margin: 0 0 10px;
    text-align: center
}

.customer-entered-price .price-range {
    font-size: 14px;
    color: #333
}

    .customer-entered-price .price-range:before, .topic-post .post-vote .vote-count-post:before {
        content: "("
    }

    .customer-entered-price .price-range:after, .topic-post .post-vote .vote-count-post:after {
        content: ")"
    }

.overview .min-qty-notification, .variant-overview .min-qty-notification {
    margin: 50px 0 -15px;
    text-align: center
}

.overview .qty-label, .variant-overview .qty-label {
    font-size: 15px;
    line-height: 50px;
    margin: 0 10px 10px 0;
    width: auto
}

.add-to-cart-qty-wrapper {
    margin: 0 5px 0 0;
    padding: 0 22px 0 0;
    position: relative;
    width: 72px;
    height: 50px;
    font-size: 0
}

    .add-to-cart-qty-wrapper .minus, .add-to-cart-qty-wrapper .plus {
        position: absolute;
        right: 0;
        width: 20px;
        height: 24px;
        background: #f0f0f0;
        cursor: pointer;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

        .add-to-cart-qty-wrapper .minus:before, .add-to-cart-qty-wrapper .plus:before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto
        }

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

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

        .add-to-cart-qty-wrapper .plus:before {
            border-width: 0 4px 4px;
            border-color: transparent transparent #333
        }

    .add-to-cart-qty-wrapper .minus, .order-list-page .section.order-item:last-child .buttons, .product-reviews-page .page-title:before {
        bottom: 0
    }

        .add-to-cart-qty-wrapper .minus:before {
            border-width: 4px 4px 0;
            border-color: #333 transparent transparent
        }

.overview .qty-dropdown, .overview .qty-input, .variant-overview .qty-dropdown, .variant-overview .qty-input {
    width: 50px;
    height: 50px;
    padding: 12px;
    text-align: center;
    font-size: 14px
}

.overview .add-to-cart-button, .variant-overview .add-to-cart-button {
    padding: 15.5px 25px;
    width: 260px;
    max-width: 55%;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #323232;
    background: #f3cc2e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.overview-buttons > * {
    display: inline-block;
    margin: 0 3px 10px;
    vertical-align: middle
}

.grouped-product-details-page .product-essential .overview-buttons {
    display: block;
    text-align: center
}

.variant-overview-buttons.overview-buttons {
    margin: 30px auto;
    display: inline-block;
    font-size: 0
}

.download-sample-button, .overview-buttons .add-to-compare-list-button, .overview-buttons .add-to-wishlist-button, .overview-buttons .email-a-friend-button, .overview-buttons .subscribe-button {
    display: inline-block;
    background: center no-repeat #ededed;
    border: none;
    padding: 5px 10px;
    width: 44px;
    height: 44px;
    overflow: hidden;
    font-size: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.overview-buttons .add-to-wishlist-button {
    background-image: url(../img/wishlist.svg)
}

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

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

.overview-buttons .subscribe-button {
    background-image: url(../img/Subscriptions.svg)
}

.download-sample-button {
    background-image: url(../img/DownloadableProd.svg)
}

    .checkout-page .button-2:hover, .download-sample-button:hover, .order-details-page .page-title a:hover, .overview-buttons .add-to-compare-list-button:hover, .overview-buttons .add-to-wishlist-button:hover, .overview-buttons .email-a-friend-button:hover, .overview-buttons .subscribe-button:hover, .shopping-cart-page .button-2:hover, .wishlist-content .button-2:hover, .write-review .rating-options input[type=radio]:checked + label {
        background-color: #f3cc2e
    }

.overview-buttons .add-to-wishlist-button:hover {
    background-image: url(../img/wishlist_dark.svg)
}

.overview-buttons .add-to-compare-list-button:hover {
    background-image: url(../img/compare_dark.svg)
}

.overview-buttons .email-a-friend-button:hover, .wishlist-content .email-a-friend-wishlist-button:hover {
    background-image: url(../img/email_dark.svg)
}

.overview-buttons .subscribe-button:hover {
    background-image: url(../img/Subscriptions_dark.svg)
}

.download-sample-button:hover {
    background-image: url(../img/DownloadableProd_dark.svg)
}

.light-theme .overview-buttons .add-to-wishlist-button:hover {
    background-image: url(../img/wishlist_light.svg)
}

.light-theme .overview-buttons .add-to-compare-list-button:hover {
    background-image: url(../img/compare_light.svg)
}

.light-theme .overview-buttons .email-a-friend-button:hover, .light-theme .wishlist-content .email-a-friend-wishlist-button:hover {
    background-image: url(../img/email_light.svg)
}

.light-theme .overview-buttons .subscribe-button:hover {
    background-image: url(../img/Subscriptions_light.svg)
}

.light-theme .download-sample-button:hover {
    background-image: url(../img/DownloadableProd_light.svg)
}

.product-social-buttons {
    overflow: hidden;
    margin: 20px 0
}

.product-social-label {
    line-height: 37px;
    margin: 0 10px 2px 0
}

.product-social-sharing li {
    float: left;
    margin: 0 2px 2px
}

.product-social-sharing a {
    display: block;
    width: 37px;
    height: 37px;
    border: 1px dashed #ccc;
    position: relative;
    font-size: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

    .product-social-sharing a:hover {
        background: #ededed
    }

    .product-social-sharing a:before {
        font-family: venture-font;
        text-transform: none;
        font-size: 15px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        line-height: 35px;
        color: #8f8f8f
    }

.product-page-bottom {
    max-width: 100%;
    margin: auto
}

.full-description, .information-container {
    padding: 40px;
    background: #fff;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    margin: 0 0 80px;
    line-height: 1.7rem
}

    .full-description p {
        margin: 15px 0
    }

    .information-container .inputs {
        white-space: normal
    }

.information-container {
    padding: 40px 16%
}

.product-specs-box .table-wrapper, .product-tags-list {
    padding: 40px;
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06)
}

.product-collateral .title {
    font-size: 18px;
    text-align: center
}

    .category-title strong, .form-wrapper .title strong, .product-collateral .title strong {
        display: inline-block;
        padding: 0 25px 10px;
        position: relative
    }

        .product-collateral .title strong:before {
            content: "";
            width: 100%;
            height: 3px;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            bottom: 0;
            background: #f3cc2e;
            -o-transform: skewX(-30deg);
            -webkit-transform: skewX(-30deg);
            -moz-transform: skewX(-30deg);
            -ms-transform: skewX(-30deg);
            transform: skewX(-30deg)
        }

.product-specs-box .table-wrapper {
    width: 100%
}

.product-specs-box .data-table {
    margin: 0;
    border: 1px solid #f1f1f1
}

    .product-specs-box .data-table td {
        padding: 15.5px;
        border: none;
        font-size: 14px
    }

    .product-specs-box .data-table tr:first-child td {
        padding-top: 25px
    }

    .product-specs-box .data-table tr:last-child td {
        padding-bottom: 25px
    }

    .product-specs-box .data-table .spec-name {
        background: #f1f1f1;
        text-align: right;
        color: #333
    }

    .cart-collaterals .shipping-results li, .product-specs-box .data-table .spec-value {
        text-transform: none;
        color: #333;
        font-family: 'Lato', sans-serif;
        line-height: 25px
    }

    .product-specs-box .data-table .attribute-square {
        margin: auto;
        cursor: default
    }

.product-tags-list {
    text-align: center;
    font-size: 0
}

    .product-tags-list li {
        display: inline-block;
        font-size: 15px;
        color: #333;
        line-height: 25px
    }

        .product-tags-list li.separator {
            margin: 0 5px 0 3px
        }

    .forum-search-box .advanced a, .product-tags-list a {
        display: inline-block;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.product-variant-line {
    position: relative;
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    margin: 0 0 27px;
    padding: 40px 30px 30px
}

.variant-picture {
    position: relative;
    width: 320px;
    max-width: 100%;
    margin: 0 auto 30px;
    overflow: hidden
}

.variant-overview .variant-name {
    margin: 0 0 30px;
    font-size: 20px
}

.variant-overview .availability {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.ui-tabs .ui-tabs-nav {
    overflow: hidden;
    font-size: 0;
    text-align: center
}

    .ui-tabs .ui-tabs-nav li {
        display: block;
        margin: 5px 0 0
    }

        .ui-tabs .ui-tabs-nav li a {
            display: inline-block;
            font-size: 16px;
            letter-spacing: 2px;
            color: #333;
            padding: 10px 20px;
            position: relative;
            -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out
        }

        .ui-tabs .ui-state-active.ui-tabs-active a:before, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:before {
            content: "";
            height: 3px;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            bottom: 0;
            background: #f3cc2e;
            -o-transform: skewX(-30deg);
            -webkit-transform: skewX(-30deg);
            -moz-transform: skewX(-30deg);
            -ms-transform: skewX(-30deg);
            transform: skewX(-30deg)
        }

.account-page .page-body, .ui-tabs .ui-tabs-panel {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    padding: 30px
}

.checkout-page .section.order-summary .title strong, .order-details-page .section .title strong, .product-details-page .product-grid .title strong, .product-reviews-page h1, .shipment-details-page .section .title strong, .shopping-cart-page .product-grid .title strong, .topic-block-title h2 {
    font-size: 25px
}

.product-reviews-page .page-title {
    border: none;
    margin: 0;
    padding: 5px 0 10px
}

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

.cart-collaterals .shipping, .cart-footer .totals, .checkout-page .address-item.enter-new-address.open, .checkout-page .address-item.enter-new-address:hover, .forum-edit-page .page-body, .move-topic-page .page-body, .private-message-send-page .page-body, .private-message-view-page .page-body, .product-reviews-page .page-body {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06)
}

.product-reviews-page .title {
    margin: 0 0 30px;
    font-size: 17px;
    letter-spacing: 1px;
    text-align: center
}

.write-review {
    padding: 55px 30px 30px;
    text-align: center
}

    .write-review .title {
        font-size: 15px;
        padding: 15px;
        margin: 0;
        background: #f5f5f5;
        cursor: pointer;
        user-select: none;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

        .blogpost-page .new-comment .title strong:before, .news-item-page .new-comment .title strong:before, .write-review .title strong:before {
            font-family: venture-font;
            text-transform: none;
            content: "k";
            color: #7a7a7a;
            font-size: 14px;
            display: inline-block;
            margin: 0 13px 0 0
        }

        .blogpost-page .new-comment .title .close-comment-form:before, .news-item-page .new-comment .title .close-comment-form:before, .write-review .title .close-review-form:before {
            content: "u"
        }

.write-review-collapse {
    padding: 20px;
    border: 1px solid #f5f5f5;
    border-top: none;
    display: none
}

.write-review .review-rating label {
    display: block;
    margin: 0 0 5px;
    font-size: 15px;
    vertical-align: middle
}

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

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

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

.write-review .rating-options .vote-star {
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url(../img/rating-reviews-page.svg) center no-repeat #f3cc2e;
    font-size: 0;
    margin: 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-color: #f1f1f1
    }

.write-review .review-rating li.first {
    width: 95px;
    text-align: right;
    max-width: 20%
}

.write-review .review-rating li.last {
    width: 95px;
    text-align: left;
    max-width: 20%
}

.return-request-list-page .comments, .write-review .captcha-box {
    margin: 15px 0 0
}

.write-review .button-1 {
    margin: 15px 0 0;
    padding: 15px 35px;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #323232;
    background: #f3cc2e;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.product-reviews-page .page-body > .result {
    padding: 30px 30px 0;
    font-size: 13px;
    line-height: 20px;
    color: #3eaf5a;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    text-align: center
}

.product-reviews-page .message-error {
    font-size: 13px;
    line-height: 20px;
    color: #e74545;
    text-transform: none;
    font-family: 'Lato', sans-serif
}

.product-review-list {
    overflow: hidden;
    padding: 0 20px 55px
}

.product-review-item {
    padding: 30px 0
}

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

    .product-review-item .review-text {
        color: #333;
        text-transform: none;
        font-family: 'Lato', sans-serif;
        margin: 0 0 25px
    }

    .product-review-item .product-review-helpfulness, .product-review-item .review-info {
        margin: 0 0 5px;
        text-transform: none;
        font-size: 14px;
        color: #333
    }

        .product-review-helpfulness .vote, .product-review-item .review-info a {
            display: inline-block;
            cursor: pointer;
            -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out
        }

        .product-review-item .review-info a {
            padding: 0 5px
        }

.product-review-helpfulness .vote {
    padding: 0 5px;
    text-transform: uppercase;
    font-size: 0;
    display: inline-block;
    vertical-align: top
}

    .product-review-helpfulness .vote:before {
        font-family: venture-font;
        text-transform: none;
        content: "U";
        font-size: 17px;
        line-height: 17px;
        display: inline-block
    }

    .product-review-helpfulness .vote:last-child:before {
        content: "V"
    }

    .product-review-helpfulness .vote:first-child {
        margin-top: -2.5px
    }

.product-review-helpfulness .result {
    display: block;
    color: #333;
    text-transform: none;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    line-height: 20px
}

.product-review-item .reply {
    margin: 30px 0 0;
    padding: 20px;
    border: 1px dashed #ccc
}

.product-review-item .reply-header {
    margin: 0 0 10px;
    font-size: 14px
}

.blogpost-page .new-comment .notifications, .comment-body, .news-item-page .new-comment .notifications, .private-message-view-page .message-body, .product-review-item .reply-text, .profile-page .topic-body {
    color: #333;
    text-transform: none;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    line-height: 20px
}

.wishlist-content .tax-shipping-info {
    background: #fff;
    padding: 20px;
    margin: 10px 0;
    text-align: center;
    box-shadow: 0 0 14px rgba(0,0,0,.06)
}

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

.wishlist-content .button-2 {
    margin: 0 5px 5px;
    border: none;
    width: 100%;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: #e2e2e2;
    color: #323232;
    padding: 15px 32px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.wishlist-content .update-wishlist-button {
    padding: 15px 30px 15px 50px;
    background-image: url(../img/cart-refresh.svg);
    background-repeat: no-repeat;
    background-position: left 25px top 17px
}

.wishlist-content .email-a-friend-wishlist-button {
    padding: 15px 30px 15px 50px;
    background-image: url(../img/email.svg);
    background-repeat: no-repeat;
    background-position: left 23px top 18.5px
}

.shopping-cart-page .update-cart-button:hover, .wishlist-content .update-wishlist-button:hover {
    background-image: url(../img/cart-refresh-hover.svg)
}

.light-theme .shopping-cart-page .update-cart-button:hover, .light-theme .wishlist-content .update-wishlist-button:hover {
    background-image: url(../img/cart-refresh-hover-light.svg)
}

.wishlist-content .wishlist-add-to-cart-button {
    background: #f3cc2e;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.compare-products-mobile, .wishlist-page .share-info {
    background: #fff;
    text-align: center;
    box-shadow: 0 0 14px rgba(0,0,0,.06)
}

.wishlist-page .share-info {
    padding: 20px;
    text-transform: none;
    color: #333;
    font-family: 'Lato', sans-serif;
    line-height: 25px
}

    .wishlist-page .share-info a {
        display: block;
        color: #f3cc2e
    }

.compare-products-page:after {
    content: "";
    display: block;
    overflow: hidden
}

.compare-products-page .page-title {
    margin: 0 0 30px
}

.compare-products-page .clear-list {
    display: inline-block;
    margin: 0 0 10px;
    padding: 8px 25px 8px 43px;
    letter-spacing: 2px;
    background: #e2e2e2;
    position: relative;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

    .compare-products-page .clear-list:before {
        font-family: venture-font;
        text-transform: none;
        content: "s";
        font-size: 11px;
        line-height: 10px;
        width: 10px;
        height: 12px;
        color: #8c8c8c;
        position: absolute;
        top: 0;
        left: 24px;
        bottom: 0;
        margin: auto;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.compare-products-page .button-2 {
    width: 35px;
    height: 35px;
    font-size: 0;
    border: none;
    background: url(../img/compare-close.svg) center no-repeat #f0f0f0;
    position: relative
}

.compare-products-mobile .title {
    background: #f5f5f5;
    line-height: 50px;
    color: #333;
    font-size: 14px
}

.compare-products-mobile .item {
    display: block;
    padding: 12px
}

.compare-products-mobile ul {
    padding: 15px 0;
    color: #333
}

.compare-section.product-picture {
    display: table;
    width: 100%;
    padding: 18px 0
}

    .compare-section.product-picture .details {
        padding: 5px 0;
        text-align: right
    }

    .compare-section.product-picture ul {
        display: table-row;
        padding: 0
    }

    .compare-section.product-picture li {
        display: table-cell
    }

.compare-section.description ul {
    text-transform: none;
    font-family: 'Lato', sans-serif
}

.topic-block-body {
    text-transform: none;
    color: grey;
    font-family: 'Lato', sans-serif;
    max-width: 650px;
    margin: auto
}

.topic-page .page-body {
    text-transform: none;
    line-height: 25px;
    color: #333;
    font-family: 'Lato', sans-serif;
    max-width: 900px;
    margin: auto;
    text-align: left
}

.home-page .topic-block {
    margin: 80px auto;
    width: 90%;
    max-width: 960px
}

.checkout-page .section, .home-page .topic-block-body {
    max-width: none
}

.business-art h1, .not-found-page p, .topic-post .post-info {
    margin: 30px 0
}

.topic-password {
    text-align: center;
    padding: 45px 30px;
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    max-width: 750px;
    margin: auto
}

    .topic-password form {
        display: inline-block;
        font-size: 0
    }

.enter-password-title {
    margin: 0 0 10px;
    font-size: 15px
}

.enter-password-form input[type=password] {
    float: left !important;
    width: 200px !important;
    height: 50px !important
}

.enter-password-form input[type=submit] {
    float: left !important;
    width: auto !important;
    height: 50px !important;
    border: none !important;
    background: #f3cc2e;
    padding: 0 25px !important;
    font-size: 15px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.apply-vendor-page .page-body, .contact-page .page-body, .email-a-friend-page .page-body, .html-return-request-page .page-body, .password-recovery-page .page-body, .registration-page .page-body {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    max-width: 750px;
    margin: auto
}

.apply-vendor-page .topic-block-title, .contact-page .topic-block-title, .email-a-friend-page .topic-block-title {
    display: none;
    color: #333;
    margin: 0 15px
}

    .apply-vendor-page .topic-block-title h2, .contact-page .topic-block-title h2, .email-a-friend-page .topic-block-title h2 {
        font-size: 18px
    }

.apply-vendor-page .topic-block, .contact-page .topic-block, .email-a-friend-page .topic-block {
    padding: 20px 15px 15px;
    border-bottom: 1px dashed #ccc
}

.apply-vendor-page .buttons, .confirm-order .buttons, .contact-page .buttons, .email-a-friend-page .buttons, .login-page .buttons, .order-completed .buttons, .password-recovery-page .buttons, .payment-info .buttons, .payment-method .buttons, .registration-page .buttons, .return-request-page .buttons, .shipping-method .buttons, .user-agreement-page .buttons {
    margin: 0;
    padding: 20px;
    border-top: 1px dashed #ccc
}

.apply-vendor-page .button-1, .contact-page .button-1, .email-a-friend-page .button-1 {
    padding: 15px 35px;
    border: none;
    background: #f3cc2e;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #323232;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.apply-vendor-page .result, .contact-page .result, .email-a-friend-page .result {
    padding: 10px 30px 30px;
    text-align: center
}

.email-a-friend-page .title {
    padding: 30px 30px 0
}

    .email-a-friend-page .title h2 {
        font-size: 16px;
        max-width: 650px;
        margin: auto;
        padding: 0 0 10px;
        border-bottom: 1px dashed #ccc
    }

.gender span {
    display: inline-block;
    margin: 0 15px 0 0
}

.date-picker-wrapper {
    display: inline-block;
    width: 650px;
    max-width: 100%
}

.date-of-birth select {
    width: 32%
}

    .date-of-birth select + select {
        margin: 0 0 0 2%
    }

#check-availability-button {
    float: left;
    margin: 15px 0 0;
    border: none;
    background: #f0f0f0;
    color: #787878;
    text-transform: uppercase;
    padding: 10px 25px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.vat-note, .vat-status {
    display: block;
    margin: 5px 0 0;
    white-space: normal;
    text-transform: none;
    font-size: 13px;
    color: #333;
    font-family: 'Lato', sans-serif
}

.accept-privacy-policy {
    font-family: 'Lato', sans-serif;
    text-transform: none;
    color: #333;
    text-align: center;
    margin: 0 0 45px
}

    .accept-privacy-policy label {
        position: relative;
        display: inline-block;
        padding: 5px 0 5px 25px;
        cursor: pointer;
        user-select: none
    }

    .accept-privacy-policy input[type=checkbox] {
        position: absolute;
        opacity: 0
    }

        .accept-privacy-policy input[type=checkbox] ~ label:before {
            content: "";
            display: inline-block;
            width: 17px;
            height: 17px;
            border: 1px solid #ededed;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            margin: auto
        }

    .accept-privacy-policy .read {
        cursor: pointer;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.account-page .button-1, .common-button, .login-page .button-1, .password-recovery-page .button-1, .registration-page .button-1, .registration-result-page .button-1, .return-request-page .button-1, .solid-button, .solid-button-2, .user-agreement-page .button-1 {
    padding: 15px 35px;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #323232;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    margin-bottom: 3px
}

.add-more-external-records, .login-page .text, .password-recovery-page .tooltip, .registration-result-page .result {
    text-transform: none;
    color: #333;
    line-height: 25px;
    font-family: 'Lato', sans-serif
}

.registration-result-page .result {
    margin: 0 auto 50px;
    max-width: 100%;
    text-align: center
}

.login-page .title {
    padding: 30px 30px 0;
    margin: 0 0 30px;
    font-size: 16px;
    letter-spacing: 2px;
    border: none
}

.login-page .new-wrapper, .login-page .returning-wrapper {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    padding: 0;
    max-width: none;
    margin: 0 0 30px
}

.login-page .text {
    padding: 0 30px;
    margin: 0 0 30px
}

.login-page .button-1.checkout-as-guest-button {
    color: #323232;
    background: #e6e6e6;
    margin: 0 5px 5px
}

.login-page .message-error {
    padding: 30px 30px 10px
}

.login-page .inputs.reversed label {
    float: left;
    width: auto
}

.login-page .inputs.reversed .forgot-password {
    float: right;
    font-family: 'Lato', sans-serif;
    text-transform: none;
    padding: 5px 0;
    color: #f3cc2e
}

.login-page .form-fields {
    padding: 0 30px;
    margin: 0 0 50px
}

.login-page .topic-block {
    margin: 50px 0 20px
}

.login-page .external-authentication {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    margin: 0
}

    .login-page .external-authentication .title {
        margin-bottom: 20px
    }

    .login-page .external-authentication .buttons {
        padding-bottom: 35px
    }

.external-authentication .buttons {
    border: none;
    padding-top: 0
}

.facebook-login-block .buttons a {
    width: 207px;
    height: 37px;
    margin: auto;
    background: url(../img/facebook-login.png) center no-repeat !important
}

.password-recovery-page .tooltip {
    text-align: center;
    padding: 20px 30px 15px;
    border-bottom: 1px dashed #ccc
}

.password-recovery-page .result {
    text-align: center;
    padding: 20px 20px 0;
    text-transform: none;
    line-height: 25px;
    font-family: 'Lato', sans-serif
}

.account-page .fieldset {
    padding: 0;
    margin: 0 0 30px
}

.customer-pages-body .master-wrapper-content {
    padding: 170px 0 80px
}

.customer-pages-body .page-title {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0
}

    .customer-pages-body .page-title h1 {
        max-height: 88px
    }

.customer-pages-body .side-2 .title strong {
    display: inline-block;
    padding: 0 25px;
    position: relative
}

    .customer-pages-body .side-2 .title strong:before {
        font-family: venture-font;
        text-transform: none;
        content: "h";
        width: 25px;
        line-height: 20px;
        font-size: 15px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0
    }

.customer-pages-body .block {
    float: none;
    width: auto;
    margin: 0;
    text-align: center
}

.add-more-external-records {
    margin: 0 0 20px
}

.account-page .buttons {
    margin: 30px 0 0
}

.account-page .button-2 {
    margin: 15px 0 0;
    border: none;
    background: #f0f0f0;
    color: #787878;
    text-transform: uppercase;
    padding: 10px 25px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

    .account-page .button-2:hover, .check-list input[type=checkbox]:checked + label, .color-pref input[type=radio]:checked + label, .custom-page .button-2:hover, .gender input[type=radio]:checked + label, .radio-list input[type=radio]:checked + label {
        background: #e7457d;
        color: #fff
    }

.account-page .description {
    color: #333;
    text-transform: none;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    line-height: 25px !important;
    margin: 0 0 20px
}

.email-to-revalidate, .email-to-revalidate-note {
    display: inline-block;
    margin: 10px 5px;
    vertical-align: top;
    font-size: 12px;
    white-space: normal
}

.address-list-page .info, .order-list-page .info, .return-request-list-page .details {
    text-transform: none;
    color: #333;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    line-height: 25px !important;
    vertical-align: middle
}

.address-list-page .title, .order-list-page .title, .return-request-list-page .title {
    max-width: none;
    margin: 0;
    border: none
}

.address-list-page .section.address-item, .order-list-page .section.order-item, .return-request-list-page .section.request-item {
    max-width: none;
    padding: 0 0 30px;
    margin: 0 0 30px;
    position: relative;
    border-bottom: 1px dashed #ccc
}

.address-list-page .country, .checkout-page .address-item li.country, .return-request-list-page .comments label {
    font-weight: 700;
    color: #333
}

.order-list-page .section.order-item:last-child, .return-request-list-page .section.request-item:last-child {
    margin: 0;
    padding: 0;
    border: none
}

.order-list-page .section.recurring-payments {
    margin: 0 0 50px;
    max-width: none
}

.recurring-payments .title {
    border-bottom: 1px dashed #ccc;
    margin: 0 0 25px
}

.account-page .table-wrapper, .private-messages-page .table-wrapper, .return-request-page .table-wrapper {
    box-shadow: none;
    border: 1px solid #f5f5f5
}

.cart-collaterals .deals > div, .cart-options, .checkout-page .address-item, .user-agreement-page .page-body {
    box-shadow: 0 0 14px rgba(0,0,0,.06)
}

.recurring-payments .data-table td, .recurring-payments .data-table th {
    padding: 20px;
    font-size: 14px;
    white-space: normal
}

.address-list-page .address-item .button-2, .order-list-page .order-item .button-2 {
    margin: 0 0 0 5px
}

.user-agreement-page .page-body {
    background: #fff;
    max-width: 750px;
    margin: auto;
    text-align: center
}

#common-required-dialog #error, .account-page.my-product-reviews-list-page .page-body, .advanced-search, .billing-info, .forum-table td, .forums-header .topic-block-body, .order-info, .payment-info .info, .payment-method .method-list, .payment-method-info, .private-message-view-page .view-message, .shipping-info, .shipping-method .method-list, .shipping-method-info, .user-agreement-page .terms-of-agreement {
    padding: 30px
}

.back-in-stock-subscription-list-page .select-boxes input[type=checkbox] + label, .forum-subscriptions-page .select-boxes input[type=checkbox] + label {
    display: inline-block;
    padding: 0;
    width: 17px;
    height: 17px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.terms-of-agreement input[type=checkbox] + label {
    display: inline-block;
    padding: 0 0 0 24px;
    position: relative;
    cursor: pointer;
    text-transform: none;
    line-height: 25px;
    color: #333;
    font-family: 'Lato', sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

    .terms-of-agreement input[type=checkbox] + label:before {
        top: 4px
    }

.terms-of-agreement input[type=checkbox]:checked + label:after {
    top: 7px
}

.back-in-stock-subscription-list-page td.product, .back-in-stock-subscription-list-page th.product, .forum-subscriptions-page td.info, .forum-subscriptions-page td.product, .forum-subscriptions-page th.info, .forum-subscriptions-page th.product {
    padding-left: 0
}

.avatar-page .info, .reward-points-overview {
    text-transform: none;
    line-height: 25px;
    color: #333;
    font-family: 'Lato', sans-serif;
    margin: 0 0 20px
}

.reward-points-history td {
    font-size: 14px
}

    .forums-table-section .latest-post, .reward-points-history td.date {
        white-space: nowrap
    }

.avatar-page .image img {
    border: 1px dashed #ccc
}

.avatar-page input[type=file] {
    width: 220px;
    overflow: hidden
}

.avatar-page input[type=submit] {
    padding: 10px 25px;
    margin: 0 5px 0 0
}

.vendorinfo-page .vendor-picture {
    margin: 10px 0 0;
    text-align: left
}

    .vendorinfo-page .vendor-picture img {
        display: block;
        margin: 0
    }

.order-progress {
    margin: 0 0 50px;
    text-align: center
}

    .order-progress li {
        float: left;
        margin: 0 0 1.33% 1.33%;
        width: 49%
    }

        .order-progress li:nth-child(odd) {
            margin-left: 0;
            clear: both
        }

    .order-progress a {
        display: block;
        position: relative;
        padding: 8px 20px;
        color: #333;
        font-size: 14px
    }

        .order-details-area > div:before, .order-progress a:before, .order-review-data > div:before, .shipment-details-area > div:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #fff;
            box-shadow: 0 0 14px rgba(0,0,0,.06);
            z-index: -1
        }

    .order-progress li.active-step a {
        cursor: pointer;
        color: #333
    }

    .order-progress li.inactive-step a {
        cursor: default
    }

.shopping-cart-page .tax-shipping-info {
    text-align: center;
    padding: 15px 10px 10px
}

.shopping-cart-page .common-buttons {
    margin: 10px auto 30px;
    text-align: center;
    max-width: 360px
}

.checkout-page .button-2, .order-details-page .page-title a, .shopping-cart-page .button-2 {
    margin: 0 5px 10px;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #323232;
    padding: 15.5px 30px;
    background: #e2e2e2;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.shopping-cart-page .common-buttons .button-2 {
    padding: 15px 50px;
    width: 100%
}

.shopping-cart-page .clear-cart-button {
    background-image: url(../img/clear-cart.svg);
    background-repeat: no-repeat;
    background-position: left 27px top 18px
}

    .shopping-cart-page .clear-cart-button:hover {
        background-image: url(../img/clear-cart-hover.svg)
    }

.light-theme .shopping-cart-page .clear-cart-button:hover {
    background-image: url(../img/clear-cart-hover-light.svg)
}

.shopping-cart-page .continue-shopping-button {
    padding: 15px 30px
}

.shopping-cart-page .update-cart-button {
    background-image: url(../img/cart-refresh.svg);
    background-repeat: no-repeat;
    background-position: left 25px top 17px
}

.shopping-cart-page .message-error {
    margin: 0 0 20px;
    font-size: 13px
}

.cart-options {
    background: #fff;
    margin: 0 0 30px;
    text-align: center
}

    .cart-options .common-buttons input {
        min-width: 150px;
        margin: 0 5px 5px
    }

    .cart-options .checkout-attributes {
        padding: 30px 30px 20px
    }

        .cart-options .checkout-attributes dd {
            display: block;
            max-width: 450px;
            margin: 0 auto 20px
        }

        .cart-options .checkout-attributes li {
            position: relative;
            display: inline-block
        }

.checkout-attributes .required {
    line-height: 17px
}

.checkout-attributes .option-list input[type=checkbox] ~ label, .checkout-attributes .option-list input[type=radio] ~ label {
    display: inline-block;
    max-width: 100%;
    padding: 9px 9px 9px 25px;
    margin: 0 10px 0 0;
    text-align: left;
    font-family: 'Lato', sans-serif;
    text-transform: none;
    color: #333;
    position: relative;
    cursor: pointer
}

.checkout-attributes select {
    margin: 0 5px 5px
}

    .checkout-attributes input[type=text], .checkout-attributes select:only-child, .checkout-attributes textarea {
        width: 450px;
        max-width: 100%;
        margin: 0
    }

.checkout-attributes .qq-upload-button {
    border: none;
    background: #f0f0f0;
    color: #787878;
    text-align: center;
    margin: auto;
    text-transform: uppercase;
    padding: 10px 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.cart-options .selected-checkout-attributes, .terms-of-service, .terms-of-service input[type=checkbox] ~ label {
    font-family: 'Lato', sans-serif;
    text-transform: none;
    color: #333
}

.cart-options .selected-checkout-attributes {
    padding: 30px;
    font-size: 15px;
    line-height: 25px
}

.advanced-search, .cart-options .checkout-attributes ~ .selected-checkout-attributes, .confirm-order .terms-of-service ~ .buttons {
    border-top: 1px dashed #ccc
}

.remove-discount-button, .remove-gift-card-button {
    width: 20px;
    height: 20px;
    margin: 0 0 0 5px;
    border: none;
    background: url(../img/clear-cart.svg) center no-repeat #fff;
    cursor: pointer
}

.cart-footer .total-info {
    width: 360px;
    max-width: 100%;
    padding: 30px;
    margin: auto
}

.cart-total td {
    padding: 8px 0
}

.cart-total .cart-total-right {
    color: #333;
    width: 1px;
    white-space: nowrap;
    text-align: right
}

.cart-total .order-total, .order-details-page .cart-total tr:last-child td, .product-review-item .review-item-head {
    font-size: 17px
}

.min-amount-warning {
    padding: 0 30px 30px;
    max-width: 360px;
    margin: auto
}

.terms-of-service {
    padding: 15px 30px;
    border-top: 1px dashed #ccc;
    font-size: 15px;
    line-height: 20px;
    position: relative
}

    .pickup-in-store .selector input[type=checkbox], .ship-to-same-address .selector input[type=checkbox], .terms-of-service input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        z-index: -1;
        opacity: 0
    }

        .terms-of-service input[type=checkbox] ~ label {
            display: block;
            max-width: 300px;
            margin: auto;
            padding: 9px 9px 9px 37px;
            text-align: left;
            position: relative;
            cursor: pointer
        }

            .terms-of-service input[type=checkbox] ~ label:before {
                content: "";
                display: block;
                width: 17px;
                height: 17px;
                border: 1px solid #ccc;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                margin: auto
            }

    .terms-of-service a {
        margin: 0 0 0 3px;
        cursor: pointer;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.cart-footer .checkout-buttons {
    padding: 50px 30px;
    border-top: 1px dashed #ccc;
    text-align: center
}

    .cart-footer .checkout-buttons button {
        padding: 15px 10px;
        border: none;
        letter-spacing: 2px;
        text-transform: uppercase;
        background: #f3cc2e;
        color: #323232;
        width: 100%;
        max-width: 320px;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.cart-collaterals {
    max-width: 100%;
    margin: 0 auto 30px
}

    .cart-collaterals > div {
        margin: 0 0 5px;
        text-align: center
    }

    .cart-collaterals .title {
        font-size: 16px;
        padding: 15px 40px;
        position: relative;
        cursor: pointer
    }

    .cart-collaterals .hint, .pickup-in-store, .ship-to-same-address {
        font-size: 15px;
        line-height: 25px;
        font-family: 'Lato', sans-serif;
        text-transform: none
    }

    .cart-collaterals .title:after {
        font-family: venture-font;
        text-transform: none;
        content: "c";
        font-size: 8px;
        width: 8px;
        height: 9px;
        position: absolute;
        top: 0;
        right: 20px;
        bottom: 0;
        margin: auto;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out
    }

    .cart-collaterals .hint {
        padding: 10px 30px;
        color: #333
    }

    .cart-collaterals .deals > div {
        background: #fff;
        margin: 0 0 5px
    }

    .cart-collaterals .coupon-code {
        overflow: hidden;
        font-size: 0;
        padding: 10px 30px 30px
    }

        .cart-collaterals .coupon-code input[type=submit] {
            width: 100%;
            margin: 5px 0 0;
            display: block;
            background: #f0f0f0
        }

    .cart-collaterals .message-failure {
        padding: 0 0 30px;
        color: #e74545;
        text-transform: none;
        font-family: 'Lato', sans-serif
    }

    .cart-collaterals .message-success {
        text-transform: none;
        font-family: 'Lato', sans-serif;
        color: #690;
        padding: 0 30px
    }

    .cart-collaterals .coupon-code + .current-code {
        margin: -40px 0 0
    }

    .cart-collaterals .current-code {
        padding: 5px 30px 30px;
        text-transform: none;
        color: #333;
        font-family: 'Lato', sans-serif;
        line-height: 25px
    }

    .cart-collaterals .shipping-options {
        padding: 15px 30px 30px
    }

        .cart-collaterals .shipping-options .buttons {
            margin: 20px 0 0;
            padding: 20px 0 0
        }

            .cart-collaterals .shipping-options .buttons .button-2 {
                width: 100%;
                margin: 0;
                background: #f0f0f0
            }

    .cart-collaterals .shipping-results, .forum-search-page .buttons {
        padding: 0 30px 30px
    }

        .cart-collaterals .shipping-results strong {
            font-weight: 700
        }

.cart-footer + .product-grid {
    margin-top: 80px
}

.pickup-in-store, .ship-to-same-address {
    color: #333;
    text-align: center
}

    .pickup-in-store .selector, .ship-to-same-address .selector {
        display: inline-block;
        position: relative
    }

        .pickup-in-store .selector input[type=checkbox] ~ label, .ship-to-same-address .selector input[type=checkbox] ~ label {
            display: block;
            max-width: 300px;
            margin: auto;
            padding: 9px 9px 9px 25px;
            text-align: left;
            font-family: 'Lato', sans-serif;
            text-transform: none;
            color: #333;
            position: relative;
            cursor: pointer
        }

            .pickup-in-store .selector input[type=checkbox] ~ label:before, .ship-to-same-address .selector input[type=checkbox] ~ label:before {
                content: "";
                display: block;
                width: 17px;
                height: 17px;
                border: 1px solid #d4d4d4;
                background: #fff;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                margin: auto
            }

    .pickup-in-store .description {
        margin: 5px 0 0
    }

.checkout-page .select-billing-address, .checkout-page .select-shipping-address {
    text-align: center;
    padding: 0
}

.checkout-page .address-grid {
    overflow: hidden;
    display: inline-block
}

.checkout-page .address-item {
    width: 320px;
    max-width: 100%;
    background: #fff;
    margin: 0 0 20px;
    padding: 0 0 90px;
    position: relative
}

.checkout-page .address-box {
    padding: 30px;
    font-family: 'Lato', sans-serif;
    text-transform: none;
    color: #333
}

.checkout-page .address-item li {
    padding: 3px 0
}

    .checkout-page .address-item li.name {
        font: 16px 'Lato', sans-serif;
        color: #333;
        text-transform: uppercase;
        margin: 0 0 10px
    }

.checkout-page .address-item .select-button {
    height: 90px;
    padding: 20px 30px;
    text-align: center;
    border-top: 1px dashed #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.checkout-page .address-item input[type=button] {
    padding: 15px 10px;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: #f3cc2e;
    color: #323232;
    width: 100%;
    max-width: 245px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.checkout-page .address-item.enter-new-address {
    padding: 0;
    background: #e2e2e2;
    box-shadow: none;
    position: relative;
    cursor: pointer;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.checkout-page .section.pickup-points, .opc .tab-section, .section.confirm-order, .section.order-completed, .section.payment-info, .section.payment-method, .section.shipping-method {
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    background: #fff
}

.checkout-page .address-item .enter-new-address-box {
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    height: 120px;
    margin-top: -60px;
    padding: 0 30px;
    text-align: center
}

    .checkout-page .address-item .enter-new-address-box:after, .checkout-page .address-item .enter-new-address-box:before {
        content: "";
        display: block;
        border-radius: 50%;
        width: 70px;
        height: 70px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-transition: .4s ease-in-out;
        transition: .4s ease-in-out
    }

    .checkout-page .address-item .enter-new-address-box:before {
        border: 1px dashed #b2b2b2
    }

    .checkout-page .address-item .enter-new-address-box:after {
        content: "E";
        font-family: venture-font;
        text-transform: none;
        line-height: 70px;
        font-size: 18px;
        color: #717171;
        text-align: center
    }

    .checkout-page .address-item .enter-new-address-box span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-transition: .4s ease-in-out;
        transition: .4s ease-in-out
    }

    .checkout-page .address-item .enter-new-address-box .label-close, .checkout-page .address-item.open .enter-new-address-box .label-open {
        opacity: 0
    }

.checkout-page .address-item.open .enter-new-address-box .label-close {
    opacity: 1
}

.checkout-page .enter-new-address.open:hover .enter-new-address-box:before {
    top: -5px;
    width: 80px;
    height: 80px;
    border: 1px dashed #ccc
}

.checkout-page .enter-new-address.open .enter-new-address-box:before {
    border-color: transparent
}

.checkout-page .enter-new-address:hover .enter-new-address-box:before {
    top: -5px;
    width: 80px;
    height: 80px
}

.checkout-page .enter-new-address.open .enter-new-address-box:after {
    content: "u";
    font-size: 14px
}

.checkout-page .section.new-billing-address, .checkout-page .section.new-shipping-address {
    display: none;
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    padding: 30px;
    margin: 0 auto 50px;
    max-width: 792px
}

    .checkout-page .section.new-billing-address .title {
        max-width: 680px
    }

    .checkout-page .section.new-billing-address .inputs {
        width: 680px
    }

.billing-address-page .buttons input[type=submit], .section.confirm-order .buttons input[type=submit], .section.order-completed .buttons input[type=button], .section.payment-info .buttons input[type=submit], .section.payment-method .buttons input[type=submit], .section.shipping-method .buttons input[type=submit], .shipping-address-page .buttons input[type=submit] {
    border: none;
    display: block;
    background: #f3cc2e;
    font-size: 15px;
    padding: 18px 30px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 30px auto;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.order-completed .details, .order-details-page .section.options > div, .payment-method .payment-description, .section.payment-info, .shipping-method .method-description, .use-reward-points {
    text-transform: none;
    font-family: 'Lato', sans-serif
}

.checkout-page .section.order-summary .title {
    max-width: none;
    padding: 8px 0;
    margin: 0 0 30px;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
    position: relative
}

.checkout-page .section.pickup-points {
    padding: 30px
}

.checkout-page .pickup-points .title {
    display: none;
    margin: 0 0 40px
}

.checkout-page .pickup-points-map {
    height: 300px;
    margin: 20px 0 0
}

.section.payment-method, .section.shipping-method {
    margin: 0 auto 40px;
    padding: 0
}

.payment-method .payment-logo label {
    display: block;
    cursor: pointer
}

.payment-method .payment-description, .shipping-method .method-description {
    color: #333;
    line-height: 25px;
    margin: 0 0 0 30px
}

.payment-method input[type=checkbox] ~ label, .payment-method input[type=radio] ~ label, .shipping-method input[type=radio] ~ label {
    display: inline-block;
    max-width: 100%;
    padding: 0 0 0 30px;
    position: relative;
    cursor: pointer
}

    .payment-method input[type=checkbox] ~ label:before, .payment-method input[type=radio] ~ label:before, .shipping-method input[type=radio] ~ label:before {
        content: "";
        display: block;
        width: 17px;
        height: 17px;
        border: 1px solid #d4d4d4;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto
    }

.use-reward-points {
    position: relative;
    border-bottom: 1px dashed #ccc;
    padding: 20px 30px;
    color: #333
}

.section.payment-info {
    max-width: 750px;
    margin: 0 auto 40px;
    padding: 0;
    color: #333;
    line-height: 25px
}

.payment-info .info input[type=text], .payment-info .info select {
    margin: 5px 0
}

.payment-info .info select {
    width: 48.5%
}

.edit-outer-container, .payment-info .info input[type=text] {
    width: 100% !important
}

.section.payment-info .validation-summary-errors {
    text-align: center;
    padding: 30px 30px 0
}

.checkout-data .section.order-summary {
    padding: 0;
    margin: 50px 0 30px
}

.section.confirm-order {
    padding: 0;
    margin: 0 0 20px
}

.confirm-order .terms-of-service {
    max-width: 450px;
    margin: auto;
    border: none
}

    .confirm-order .terms-of-service label {
        max-width: 100% !important
    }

.confirm-order .button-1 {
    margin: 0 0 20px;
    font-size: 18px
}

.checkout-page.order-confirm-page .section.order-summary .title {
    border: none;
    margin: 0 0 15px
}

    .checkout-page.order-confirm-page .section.order-summary .title strong, .opc .section.order-summary .title strong {
        font-size: 16px;
        letter-spacing: 2px
    }

.section.order-completed {
    padding: 0;
    max-width: 750px;
    margin: auto
}

    .section.order-completed .title {
        border: none;
        margin: 0;
        padding: 30px 30px 15px;
        max-width: none
    }

.order-completed .details {
    padding: 0 30px 30px;
    color: #333;
    line-height: 25px
}

    .forums-table-section-title > a:hover, .order-completed .details a:hover {
        color: #f3cc2e;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.opc .back-link a, .opc .buttons input {
    padding: 15px 35px;
    text-transform: uppercase;
    color: #323232;
    letter-spacing: 2px
}

.opc .tab-section {
    margin: 0 0 10px
}

.opc .step-title {
    overflow: hidden;
    padding: 15px;
    letter-spacing: 2px;
    font-size: 16px
}

.opc .active ~ .tab-section {
    opacity: .5
}

.opc .step-title span:after {
    content: "."
}

.opc .step-title * {
    float: left;
    font-size: 16px
}

.opc .step-title span {
    margin: 0 10px 0 0
}

.opc .step {
    border-top: 1px dashed #ccc;
    text-align: center
}

.opc .section {
    box-shadow: none !important;
    padding: 0 30px
}

    .forum-table th, .opc .section.pickup-in-store, .opc .section.ship-to-same-address {
        padding: 20px 30px
    }

    .opc .section.new-billing-address.no-existing-address {
        display: block !important
    }

.checkout-page .opc .section.pickup-points {
    text-align: center;
    padding: 20px 30px
}

.checkout-page .opc .select-pickup-points label {
    display: block;
    margin: 0 0 15px
}

.opc .buttons {
    padding: 20px;
    margin: 0;
    display: block
}

    .opc .buttons input {
        border: none;
        background: #f3cc2e
    }

.opc .use-reward-points {
    border: none;
    padding: 20px 0
}

.opc .back-link {
    display: inline-block;
    margin: 0 5px
}

    .opc .back-link a {
        display: inline-block;
        border: none;
        background: #ddd
    }

.opc .payment-method {
    margin: 0 auto 20px;
    text-align: left
}

    .opc .payment-method .method-list, .opc .shipping-method .method-list {
        padding: 30px 0 0;
        margin: 0 auto
    }

.opc .payment-info .info {
    padding: 50px 0
}

.opc .section.order-summary .table-wrapper {
    margin: 40px;
    box-shadow: none
}

.opc .cart tr {
    box-shadow: none;
    border: 1px solid #f0f0f0
}

.opc .section.order-summary .title {
    margin: 0 0 10px;
    border: none
}

.order-details-area > div, .order-review-data > div, .shipment-details-area > div {
    padding: 30px;
    margin: 0 0 25px;
    position: relative
}

.order-details-area ul, .order-details-page .order-overview-content, .order-review-data ul, .shipment-details-area ul {
    text-transform: none;
    color: #333;
    font-family: 'Lato', sans-serif;
    line-height: 20px;
    font-size: 14px
}

.order-details-area li, .order-review-data li, .shipment-details-area li {
    padding: 2px 0
}

.order-details-area .title, .order-review-data .title, .shipment-details-area .title {
    margin: 0 0 15px;
    font-size: 16px;
    letter-spacing: 2px
}

.order-details-page .page-title a {
    position: absolute;
    bottom: -60px;
    right: 50%;
    margin: 0 5px 0 0;
    border: none;
    background: #e2e2e2;
    color: #787878;
    text-transform: uppercase;
    padding: 13px 25px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

    .order-details-page .page-title a.pdf-invoice-button {
        right: auto;
        left: 50%;
        margin: 0 0 0 5px
    }

.order-details-page .order-overview {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    text-align: center;
    padding: 40px;
    margin: 0 0 20px
}

    .order-details-page .order-overview .order-number {
        margin: 0 0 10px;
        font-size: 16px
    }

.order-details-page .section, .shipment-details-page .section {
    max-width: none;
    padding: 0;
    margin: 0 0 50px
}

    .order-details-page .section .title, .shipment-details-page .section .title {
        max-width: none;
        padding: 5px 0;
        margin: 0 0 30px;
        border-bottom: 1px solid #d4d4d4;
        text-align: center;
        position: relative
    }

.order-details-page .tax-shipping-info {
    margin: 20px 10px 10px;
    text-align: center
}

.order-details-page .actions {
    margin: 30px 0 0;
    overflow: hidden;
    font-size: 0
}

    .order-details-page .actions input {
        width: 100%;
        padding: 15px 10px;
        margin: 0 0 15px;
        border: none;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #323232;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

        .order-details-page .actions input:hover, .order-details-page .actions input:last-child {
            color: #323232;
            background: #f3cc2e
        }

.order-details-page .section.products {
    padding: 0 0 50px;
    margin: 0
}

.order-details-page .section.options > div, .order-details-page .section.totals {
    background: #fff;
    margin: 0 auto;
    width: 390px;
    max-width: 100%;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    position: relative
}

.order-details-page .section.totals {
    padding: 30px;
    z-index: 2
}

.order-details-page .cart-total td:first-child {
    padding: 5px 0;
    text-align: left
}

.order-details-page .cart-total td:last-child {
    padding: 5px 0;
    text-align: right;
    color: #333
}

.order-details-page .data-table .shipment-id, .shipment-details-page .data-table .quantity {
    color: #333;
    text-align: center
}

.order-details-page .section.options {
    padding: 0;
    margin: 0
}

    .order-details-page .section.options > div {
        text-align: left;
        padding: 30px;
        color: #333;
        line-height: 25px;
        font-size: 15px;
        z-index: 1;
        border-bottom: 1px dashed #ccc
    }

.return-request-page .result {
    padding: 30px;
    text-align: center
}

.return-request-file > div {
    display: inline-block;
    width: 350px;
    max-width: 100%;
    vertical-align: middle
}

.return-request-page .qq-upload-button {
    border: none;
    width: 120px;
    background: #f0f0f0;
    color: #787878;
    text-transform: uppercase;
    padding: 10px 0;
    font-size: 14px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.return-request-page .qq-upload-list li {
    background-color: transparent !important;
    font-size: 12px;
    color: #333 !important
}

.search-page-top .search-input {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    margin: 0 0 30px
}

.search-page-top .fieldset {
    max-width: none;
    padding: 0
}

.search-input input + label {
    display: inline;
    margin: 0 0 0 2px
}

.basic-search-top {
    max-width: 650px;
    margin: auto;
    padding: 30px
}

.advanced-search-checkbox {
    border-top: 1px dashed #ccc;
    padding: 15px 0
}

    .advanced-search-checkbox .inputs {
        margin: 0 auto;
        text-align: center
    }

        .advanced-search-checkbox .inputs input[type=checkbox] ~ label {
            display: inline-block;
            width: auto;
            font: 15px 'Lato', sans-serif;
            text-transform: unset
        }

            .advanced-search-checkbox .inputs input[type=checkbox] ~ label:before {
                border-color: #d4d4d4
            }

.advanced-search .price-range input {
    width: 49.5%
}

    .advanced-search .price-range input + input {
        margin-left: 1%
    }

.search-input .button-1 {
    padding: 15.5px 28px;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #323232;
    background: #f3cc2e;
    width: 100%;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.blog-posts .post, .blogpost-page, .forums-header, .news-item, .news-item-page, .sitemap-page .entity {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06)
}

.store-search-results .no-result {
    margin: 32px 0 0;
    text-align: center;
    text-transform: none;
    color: #333;
    font-family: 'Lato', sans-serif;
    line-height: 25px
}

.store-search-results .warning {
    color: #e74545
}

.sitemap-page .description, .sitemap-page li {
    color: #333;
    text-transform: none;
    line-height: 25px;
    font-family: 'Lato', sans-serif
}

.sitemap-page .entity {
    padding: 30px;
    margin: 0 0 20px
}

.sitemap-page .description {
    text-align: center;
    margin: 0 0 30px
}

.sitemap-page .entity-title h2 {
    letter-spacing: 2px
}

.sitemap-page li {
    display: inline-block;
    margin: 3px 15px 3px 0
}

.sitemap-page a {
    display: block;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.news-list-homepage {
    max-width: 95%;
    margin: 0 auto 80px
}

.blog-posts .post, .news-item {
    margin: 0 auto 23px
}

.news-list-homepage .news-item {
    max-width: 590px
}

.blog-posts .post-head, .news-item .news-head {
    background: #333;
    overflow: hidden;
    padding: 0 0 0 40px;
    position: relative
}

.blog-posts .post-date, .news-item .news-date {
    display: block;
    float: left;
    color: #f3cc2e;
    position: absolute;
    left: 40px;
    bottom: 8px;
    font-size: 0
}

    .blog-posts .post-date span, .news-item .news-date span {
        display: inline-block;
        vertical-align: bottom;
        line-height: 20px;
        font-size: 20px
    }

    .blog-posts .post-date .day, .news-item .news-head .day {
        font-size: 50px;
        margin: 0 10px -19px 0;
        line-height: 60px;
        color: #fff !important
    }

    .blog-posts .post-date .month, .news-item .news-head .month {
        margin-right: 5px
    }

.blog-posts .post .buttons, .news-item .buttons {
    margin: 0;
    float: right
}

    .blog-posts .post .buttons a, .news-item .buttons a {
        display: inline-block;
        color: #333;
        background: #1f1f1f;
        font-size: 13px;
        padding: 21px 38px 21px 22px;
        position: relative;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

        .blog-posts .post .buttons a + a {
            margin: 0 0 0 2px
        }

.blog-posts .post a.read-comments {
    display: block;
    padding: 0 40px 40px;
    text-transform: none;
    color: #f3cc2e
}

.blog-posts .post .buttons a:before, .news-item .buttons a:before {
    font-family: venture-font;
    text-transform: none;
    content: "q";
    font-size: 8px;
    width: 9px;
    height: 8px;
    color: #f3cc2e;
    position: absolute;
    top: 0;
    right: 18px;
    bottom: 0;
    margin: auto
}

.blog-posts .post-body, .news-item .news-body {
    padding: 35px 40px;
    text-transform: none;
    text-align: left
}

.blog-posts .post-title, .news-item .news-title {
    display: block;
    font-size: 24px;
    margin: 0 0 10px
}

.blog-posts .post-text, .news-item .news-text {
    color: #333;
    line-height: 25px;
    font-family: 'Lato', sans-serif
}

.news-list-homepage .view-all a {
    margin: 0 auto;
    max-width: 590px;
    display: block;
    background: #e3e3e3;
    font-size: 15px;
    padding: 18px 30px;
    text-align: center;
    letter-spacing: 2px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.blog-details .tags, .blogpost-page .tags {
    padding: 0 40px;
    margin: 0 0 15px;
    color: #333;
    text-transform: none
}

.blogpost-page, .news-item-page {
    max-width: 958px;
    margin: auto;
    position: relative
}

    .blogpost-page .back-button, .news-item-page .back-button {
        display: inline-block;
        position: absolute;
        top: -45px;
        left: 50%;
        color: #333;
        font-size: 15px;
        padding: 10px 15px 10px 30px;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        white-space: nowrap;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

        .blogpost-page .back-button:before, .news-item-page .back-button:before {
            font-family: venture-font;
            text-transform: none;
            content: "r";
            font-size: 8px;
            width: 9px;
            height: 9px;
            position: absolute;
            top: 0;
            left: 10px;
            bottom: 0;
            margin: auto
        }

    .blogpost-page .page-title, .news-item-page .page-title {
        font-size: 30px;
        text-transform: none;
        text-align: center;
        padding: 30px 30px 10px;
        margin: 0;
        border: none
    }

    .blogpost-page .post-date, .news-item-page .news-date {
        text-align: center;
        color: #f3cc2e;
        padding: 0 30px;
        margin: 0 0 20px
    }

.comment-info, .comment-time, .current-time {
    color: #333;
    text-transform: none
}

.blogpost-page .post-body, .news-item-page .news-body {
    padding: 0 30px 50px;
    margin: 0;
    text-transform: none;
    color: #333;
    line-height: 25px;
    font-family: 'Lato', sans-serif
}

.blogpost-page .new-comment, .news-item-page .new-comment {
    padding: 0;
    margin: 20px 0;
    max-width: none
}

    .blogpost-page .new-comment .title, .news-item-page .new-comment .title {
        border: none;
        max-width: none;
        padding: 15px;
        margin: 0;
        text-align: center;
        background: #f5f5f5;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

    .blogpost-page .new-comment form, .news-item-page .new-comment form {
        padding: 40px;
        border: 1px solid #f5f5f5;
        border-top: none;
        display: none
    }

.blogpost-page .buttons input[type=submit], .news-item-page .buttons input[type=submit] {
    padding: 15px 35px;
    background: #f3cc2e;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #323232;
    max-width: 100%;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.blogpost-page .new-comment .notifications > div, .news-item-page .new-comment .notifications > div {
    margin: 20px 0
}

.comment-list {
    border-top: 1px dashed #ccc;
    padding: 30px
}

    .comment-list > .title {
        padding: 0;
        font-size: 18px;
        letter-spacing: 2px;
        margin: 0 0 25px;
        text-align: center
    }

.comments .comment {
    padding: 30px 0;
    border-bottom: 1px dashed #ccc
}

.comment-info {
    margin: 0 0 20px;
    font-size: 14px
}

.comments .avatar {
    margin: 10px 0 0
}

    .comments .avatar a {
        display: block;
        width: 100px;
        height: 100px;
        max-width: 100%;
        margin: 0 auto 5px
    }

        .comments .avatar a img {
            border: 1px solid #f1f1f1
        }

.comment-time {
    margin: 0 0 10px;
    font-size: 13px
}

.news-comment .comment-time > * {
    display: block;
    line-height: 20px
}

.forums-header {
    margin: 90px 0 50px;
    position: relative
}

    .forums-header .topic-block-title {
        position: absolute;
        top: -90px;
        left: 0;
        right: 0;
        padding: 8px 0;
        margin: 0 0 30px;
        border-bottom: 1px solid #d4d4d4;
        text-align: center
    }

        .forums-header .topic-block-title h2 {
            font-size: 40px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

.current-time {
    display: none;
    padding: 15px;
    text-align: center;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc
}

.forum-search-box {
    padding: 0 30px 30px;
    text-align: center
}

    .forum-search-box .basic {
        margin: 0 auto 30px;
        max-width: 650px;
        padding: 0 120px 0 0;
        position: relative
    }

    .forum-search-box .search-box-text {
        width: 100%;
        border-right: 4px solid #fff
    }

    .forum-search-box .search-box-button {
        min-width: 120px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 15.5px;
        border: none;
        background: #f3cc2e;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #323232;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.forum-search-page .search-input {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    margin: 0 0 50px
}

    .forum-search-page .search-input .fieldset {
        max-width: none;
        padding-bottom: 0
    }

    .forum-search-page .search-input .forum-search-page .search-error {
        padding: 15px;
        text-align: center;
        color: #e74545
    }

.forum-search-page .basic-search .inputs {
    margin: 20px auto 30px
}

    .forum-search-page .basic-search .inputs.reversed {
        padding: 0;
        margin: 0 0 20px;
        max-width: none;
        width: auto;
        text-align: center
    }

        .forum-search-page .basic-search .inputs.reversed label {
            display: inline-block;
            width: auto;
            font: 15px 'Lato', sans-serif;
            text-transform: unset;
            color: #333
        }

.forum-search-page .search-results th {
    text-transform: uppercase;
    font: 14px 'Lato', sans-serif;
    line-height: initial
}

.forums-table-section {
    margin: 0 0 50px;
    position: relative
}

.forums-table-section-title {
    padding: 0 3px 8px;
    margin: 0 0 23px;
    border-bottom: 1px solid #d4d4d4;
    position: relative
}

    .forums-table-section-title:before {
        content: "";
        width: 75px;
        height: 3px;
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -2px;
        background: #f3cc2e;
        -o-transform: skewX(-30deg);
        -webkit-transform: skewX(-30deg);
        -moz-transform: skewX(-30deg);
        -ms-transform: skewX(-30deg);
        transform: skewX(-30deg)
    }

    .forums-table-section-title strong, .forums-table-section-title > a {
        display: block;
        font-size: 22px
    }

.active-discussions-page .link-rss, .forum-page .link-rss, .forums-main-page .link-rss {
    text-align: center;
    top: -8px;
    right: 0
}

.forums-table-section td {
    text-transform: none;
    color: #333;
    line-height: 25px
}

.forums-table-section .forum-title a, .forums-table-section .topic-title a {
    color: #333;
    font-size: 17px
}

.forums-table-section-body .forum-description {
    line-height: 25px;
    color: #333;
    font-family: 'Lato', sans-serif
}

.forums-table-section .view-all {
    margin: 30px 0 0;
    text-align: center
}

    .forums-table-section .view-all a {
        display: inline-block;
        padding: 15px 35px;
        border: none;
        background: #e2e2e2;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #323232;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.active-discussions-page .pager.lower, .forum-page .pager.lower, .private-messages-page .private-messages-box .pager {
    margin: 20px 0 0
}

.forums-table-section td.forum-details:first-child, .forums-table-section td.topic-details:first-child, .forums-table-section th.forum-details, .forums-table-section th.topic-details {
    padding-left: 50px
}

.forums-table-section .image {
    padding: 20px 35px 20px 55px
}

    .forums-table-section .image div {
        width: 25px;
        height: 23px;
        margin: auto;
        position: relative
    }

        .forums-table-section .image div:before {
            font-family: venture-font;
            content: "W";
            font-size: 25px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            color: #858585
        }

        .forums-table-section .image div.sticky:before {
            color: #6493da
        }

        .forums-table-section .image div.announcement:before {
            color: #e5545a
        }

.forum-page .forum-name, .forum-topic-page .topic-name {
    padding: 5px 0;
    margin: 0 0 30px;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
    position: relative
}

    .forum-page .forum-name h1, .forum-topic-page .topic-name h1 {
        font-size: 25px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

.forum-page .forum-description {
    text-transform: none;
    text-align: center;
    line-height: 25px;
    color: #333;
    font-family: 'Lato', sans-serif
}

.forum-actions, .topic-actions {
    margin: 0 0 10px;
    font-size: 0;
    text-align: center
}

    .forum-actions .actions a, .topic-actions .actions a {
        display: inline-block;
        text-transform: none;
        color: #333;
        margin: 0 10px 5px;
        padding: 7px 7px 7px 20px;
        font-size: 14px;
        position: relative;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

        .forum-actions .actions a:before, .topic-actions .actions a:before {
            font-family: venture-font;
            content: "";
            position: absolute;
            left: 0
        }

    .forum-actions .actions .new-topic:before {
        top: 7px;
        content: "0";
        font-size: 15px
    }

    .forum-actions .actions .watch-forum:before, .topic-actions .actions .watch-forum:before, .topic-actions a.watch-topic-button:before {
        top: 8px;
        content: "Z"
    }

    .topic-actions a.reply-topic-button:before {
        top: 8px;
        content: "Y"
    }

    .topic-actions a.move-topic-button:before {
        top: 8px;
        content: "X"
    }

    .topic-actions a.edit-topic-button:before {
        top: 9px;
        content: "k";
        font-size: 12px
    }

    .topic-actions a.delete-topic-button:before {
        top: 8px;
        content: "s";
        font-size: 13px
    }

.topic-post {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    margin: 0 0 20px;
    padding: 30px
}

    .topic-post .user-info {
        width: 200px;
        margin: 0 auto 15px
    }

    .topic-post .username {
        display: block;
        padding: 0 0 10px;
        text-transform: uppercase;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

    .profile-info-box .avatar, .topic-post .avatar {
        max-width: 200px;
        border: 1px solid #d4d4d4;
        overflow: hidden;
        font-size: 0
    }

    .topic-post .user-stats {
        text-transform: none;
        color: #333;
        font-size: 14px;
        font-family: 'Lato', sans-serif
    }

        .topic-post .user-stats li {
            display: inline-block;
            margin: 0 10px
        }

        .profile-info-box .profile-stats span, .topic-post .user-stats span {
            margin: 0 0 0 3px;
            font-weight: 700
        }

    .topic-post .pm-button {
        display: block;
        text-transform: uppercase;
        padding: 18px 30px;
        color: #f3cc2e
    }

        .topic-post .pm-button:before {
            font-family: venture-font;
            text-transform: none;
            content: "j";
            font-size: 12px;
            margin: 0 9px 0 0;
            color: #868686;
            display: inline-block
        }

    .topic-post .post-time {
        margin: 0 15px 15px;
        background-color: #f0f0f0;
        padding: 10px 0;
        color: #333;
        text-transform: none;
        font-size: 14px
    }

    .topic-post .post-actions {
        margin: 0 0 15px;
        font-size: 0
    }

        .topic-post .post-actions a {
            display: inline-block;
            margin: 0 5px;
            font-size: 12px
        }

        .topic-post .post-actions .delete-post-button, .topic-post .post-actions .edit-post-button {
            padding: 5px 10px 5px 20px;
            font-size: 14px;
            position: relative;
            color: #f3cc2e
        }

            .topic-post .post-actions .delete-post-button:before, .topic-post .post-actions .edit-post-button:before {
                font-family: venture-font;
                content: "";
                text-transform: none;
                position: absolute;
                font-size: 12px;
                top: 6px;
                left: 0;
                color: #868686
            }

            .topic-post .post-actions .edit-post-button:before {
                content: "k"
            }

            .topic-post .post-actions .delete-post-button:before {
                content: "s"
            }

        .topic-post .post-actions .post-link-button {
            padding: 5px 10px
        }

        .topic-post .post-actions .quote-post-button {
            font-size: 13px;
            letter-spacing: 1px;
            padding: 10px 35px;
            background: #f0f0f0;
            -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out
        }

.forum-topic-page .post-body {
    padding: 0;
    margin: 0 0 30px;
    text-transform: none;
    color: #333;
    font-size: 15px;
    line-height: 25px;
    font-family: 'Lato', sans-serif
}

.latest-posts .user-posted-image, .topic-post .user-posted-image {
    max-width: 100%;
    height: auto
}

.latest-posts .quote, .topic-post .quote {
    margin: 10px 0;
    border: 1px dashed #ccc;
    padding: 20px
}

.latest-posts .csharpcode, .topic-post .csharpcode {
    white-space: normal;
    margin: 15px 0;
    padding: 20px;
    background: #f1f1f1
}

.topic-post .post-vote {
    display: none;
    position: absolute;
    bottom: 65px;
    right: 20px;
    padding: 0 30px 0 0
}

    .topic-post .post-vote > span {
        display: inline-block;
        width: 30px;
        height: 20px;
        cursor: pointer;
        padding: 0 5px;
        vertical-align: middle
    }

        .topic-post .post-vote > span:before {
            font-family: venture-font;
            text-transform: none;
            content: "U";
            font-size: 17px;
            line-height: 17px;
            display: block;
            -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out
        }

    .topic-post .post-vote > .vote.down:before {
        content: "V";
        margin-top: 2.5px
    }

    .topic-post .post-vote .vote-count-post {
        display: inline-block;
        text-align: center;
        font-size: 15px;
        line-height: 27px;
        font-family: 'Lato', sans-serif;
        color: #333;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }

.topic-post .signature {
    margin: 0 0 20px;
    text-transform: none;
    color: #333;
    font-family: 'Lato', sans-serif;
    font-weight: 700
}

.forum-edit-page strong, .private-message-send-page a {
    font-size: 15px;
    line-height: 25px;
    font-family: 'Lato', sans-serif;
    text-transform: none;
    color: #333
}

.forum-edit-page .buttons, .move-topic-page .buttons, .private-message-send-page .buttons, .private-messages-page .buttons {
    border-top: 1px dashed #ccc;
    padding: 30px;
    font-size: 0
}

.private-message-view-page .message-head, .private-messages-page td, .profile-info-box .profile-stats .stats {
    text-transform: none;
    font-size: 14px;
    color: #333
}

.forum-edit-page .buttons input, .move-topic-page .buttons input, .private-message-send-page .buttons input, .private-message-view-page .buttons input, .private-messages-page .buttons input {
    padding: 15.5px 28px;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #323232;
    background: #e2e2e2;
    margin: 0 2.5px 5px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.forum-edit-page .inputs input[type=checkbox], .move-topic-page .inputs input[type=checkbox], .private-message-send-page .inputs input[type=checkbox], .private-messages-page .inputs input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: 2;
    top: 0;
    left: 2px;
    bottom: 0;
    cursor: pointer;
    margin: auto
}

    .forum-edit-page .inputs input[type=checkbox] ~ label, .move-topic-page .inputs input[type=checkbox] ~ label, .private-message-send-page .inputs input[type=checkbox] ~ label, .private-messages-page .inputs input[type=checkbox] ~ label {
        cursor: default;
        white-space: normal
    }

.private-messages-page td.date {
    width: 15%;
    white-space: nowrap
}

.private-messages-page .private-messages-box .pager li a, .private-messages-page .private-messages-box .pager li span {
    border: 1px solid #f1f1f1;
    box-shadow: none;
    background: #fff
}

.private-message-view-page .message-head {
    margin: 0 0 15px
}

    .private-message-view-page .message-head span {
        margin: 0 10px 0 0;
        vertical-align: middle
    }

.private-message-view-page .buttons {
    margin: 0;
    padding: 30px;
    border-top: 1px dashed #ccc;
    font-size: 0
}

    .private-message-view-page .buttons input {
        margin: 0 2.5px 5px
    }

.private-message-view-page .message {
    display: block !important;
    margin: 15px 0;
    border: 1px solid #ccc;
    padding: 15px
}

.private-messages-page .buttons {
    margin: 30px -30px -30px
}

.profile-info-box .avatar {
    margin: 0 auto 20px
}

.profile-info-box .profile-stats .stats {
    font-family: 'Lato', sans-serif;
    line-height: 25px;
    margin: 0 0 30px
}

.profile-info-box .pm-button {
    display: inline-block;
    padding: 15.5px 28px;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #323232;
    background: #f3cc2e;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.profile-page .topic-data, .profile-page .topic-title {
    color: #333;
    text-transform: none
}

.profile-info-box .title {
    margin: 0 0 10px;
    font-size: 18px
}

.profile-page .topic-title {
    margin: 0 0 10px
}

@media all and (max-width:480px) {
    .category-grid .item-box, .item-box .picture img {
        width: 100%
    }

    .artwork-preferences {
        padding: 40px 10px !important
    }

    #upload-image-list {
        text-align: center !important
    }

    .thumb, .thumb img {
        width: 100px !important;
        height: 100px !important
    }
}

.message-overlay div {
    transform: rotate(45deg);
    height: 40px;
    line-height: 40px;
    background: #fff;
    width: 50%;
    text-align: center
}

.message-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    z-index: 999;
    font-size: 25px;
    color: #e7457d;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Kelly Slab",Calibri,sans-serif
}

.workshop-date-box, .workshop-date-box .post-date-day-name {
    color: #a3a3a3 !important
}

.workshop-date-box {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px 10px;
    margin: 0 auto;
    line-height: 1.5;
    font-style: normal;
    text-align: center;
    height: 50px;
    background: #f5f5f5;
    z-index: 9999;
    min-width: 100px;
    font-size: 14px
}

.check-list, .event-location, .workshop-venue {
    margin-top: 20px
}

.workshop-date-box .post-time {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    bottom: 0;
    width: 100%;
    position: absolute;
    left: 0;
    background: #e7457d;
    color: #fff
}

.workshop-location .venue:before {
    content: "O";
    font-family: icons;
    color: #818181;
    font-size: 14px;
    vertical-align: middle
}

.workshop-location .age-group:before {
    content: "7";
    font-family: icons;
    color: #818181;
    font-size: 14px
}

.workshop-location .host:before {
    content: "i";
    font-family: icons;
    color: #818181;
    font-size: 14px
}

.workshop-location table td {
    vertical-align: top;
    padding-bottom: 5px
}

    .workshop-location table td:first-child {
        width: 20px
    }

.item-box .workshop-date {
    color: #e7457d;
    margin-bottom: 10px
}

.item-box .rating-box {
    margin: 5px 0;
    display: block !important
}

.item-box .workshop-location {
    border-bottom: 1px dotted #eee;
    padding-bottom: 5px !important;
    margin-bottom: 5px
}

.workshop-venue {
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    text-transform: none
}

.item-box .host, .item-box .workshop-age, .item-box .workshop-title {
    font-size: 15px;
    margin-bottom: 5px
}

.item-box .workshop-sub-title {
    font-size: 13px;
    margin-bottom: 5px
}

#ArtistList .item-box .details, .item-box .workshop-item .details {
    padding: 20px !important;
    position: relative !important
}

.workshop-detail-page .attributes dd {
    width: 100%;
    max-width: 100%
}

.attributes input[type=text], .workshop-detail-page .attributes select {
    width: 100%;
    max-width: 98%
}

.solid-button {
    background-color: #e7457d;
    color: #fff
}

    .solid-button:hover {
        background-color: #e22164
    }

.solid-button-2 {
    background-color: #e2e2e2;
    color: #323232
}

    .solid-button-2:hover {
        background-color: rgb(226,226,226,.7)
    }

.event-location span .value {
    color: #333 !important;
    font-weight: 200;
    font-family: 'Lato', sans-serif
}

.submitReviewResult {
    padding: 20px;
    text-align: center
}

#checkout-dialog .picture {
    width: 32%;
    margin: 0 auto 10px
}

#checkout-dialog .product #checkout-dialog .product {
    float: right;
    width: 65%;
    margin: 0 0 20px;
    text-align: left
}

#checkout-dialog .product div {
    margin-bottom: 10px
}

.dialog-content {
    padding: 20px;
    line-height: 1.5rem
}

    .artwork-preferences, .dialog-content p, .form-wrapper .attributes-wrapper, .select-title {
        line-height: 25px;
        font-family: 'Lato', sans-serif;
        text-transform: none
    }

.title-bar {
    height: 60px;
    margin: 0 !important;
    font-size: 0;
    background: #f2f2f2;
    box-shadow: 0 0 14px rgba(0,0,0,.3);
    text-align: center
}

.message-loader, .modal {
    left: 0;
    top: 0;
    height: 100%
}

.artwork-preferences, .dialog-content img, .form-wrapper .attributes-wrapper {
    box-shadow: 0 0 14px rgba(0,0,0,.06)
}

#common-required-dialog .title-bar {
    border-top: 4px solid #e74545
}

.productAddedToCartWindowTitle {
    text-align: center;
    font-size: 19px;
    color: #333;
    padding: 18px 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#checkout-dialog .attributes {
    padding: 5px 0;
    border: none;
    font-size: 15px
}

#artist-dialog, #checkout-dialog, #common-dialog, #common-required-dialog, #common-required-dialog-with-link, #learn-more-dialog, #waitlist-dialog, .common-dialog {
    background: #fff;
    text-align: left;
    max-width: 500px;
    margin: 40px auto;
    position: relative
}

.cancel-button {
    text-align: right
}

.dialog-content .solid-button, .dialog-content .solid-button-2 {
    width: 100%;
    margin-bottom: 3px
}

.dialog-content p {
    background: #fff;
    color: #333;
    clear: both
}

.form-wrapper .attributes-wrapper {
    text-align: left;
    background: #fff;
    color: #333;
    margin: 0 0 80px;
    padding: 40px 16%
}

.artwork-preferences .inputs {
    width: 45%;
    display: inline-block
}

@media all and (max-width:600px) {
    .date-block {
        margin-bottom: 60px !important
    }

    .event-buttons {
        text-align: left !important
    }

    #ArtistList .solid-button, .dialog-buttons button, .solid-button, .solid-button-2 {
        width: 100% !important;
        margin-bottom: 5px
    }

    .dialog-content {
        min-height: 450px
    }

    .form-wrapper .attributes-wrapper, .product-details-page .full-description {
        padding: 0
    }

    .sub-categories-wrapper .title, .workshop-summary .solid-button {
        width: 100%
    }

    .product-page-bottom {
        max-width: 100%
    }

    .information-container {
        padding: 40px 5%
    }

    .full-description {
        padding: 20px !important
    }

    .master-wrapper-content {
        max-width: 100% !important
    }

    .artwork-preferences .inputs {
        width: 100%;
        display: inline-block
    }
}

.category-description {
    margin: 50px 0 !important;
    text-align: left
}

.category-title {
    cursor: default;
    font-size: 18px;
    text-align: center;
    margin: 30px
}

    .category-title strong:before, .form-wrapper .title strong:before {
        content: "";
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        background: #e7457d;
        -o-transform: skewX(-30deg);
        -webkit-transform: skewX(-30deg);
        -moz-transform: skewX(-30deg);
        -ms-transform: skewX(-30deg);
        transform: skewX(-30deg)
    }

.attributes p, .fieldset p {
    font-family: 'Lato', sans-serif;
    text-transform: none;
    margin-bottom: 15px
}

.check-list input[type=checkbox], .color-pref input[type=radio], .gender input[type=radio], .radio-list input[type=radio] {
    opacity: 0;
    width: 0;
    margin: 0
}

    .check-list input[type=checkbox] + label, .color-pref input[type=radio] + label, .gender input[type=radio] + label, .radio-list input[type=radio] + label {
        background: #fff;
        border: 1px solid #efefef;
        border-radius: 50px;
        font-size: 13px;
        height: 32px;
        line-height: 1;
        display: block;
        padding: 9px;
        margin: 0;
        min-width: 0;
        cursor: pointer;
        text-align: center;
        -webkit-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out
    }

.colors input[type=checkbox] + label, .colors input[type=radio] + label {
    width: 100%;
    margin-right: 10px
}

.artwork-preferences {
    padding: 40px;
    background: #fff;
    color: #333;
    margin: 0 0 80px
}

.tp {
    box-shadow: none !important;
    background: #f0f0f0 !important
}

.form-wrapper {
    margin-top: 30px !important
}

    .form-wrapper .title {
        font-size: 25px;
        text-align: center
    }

.modal {
    display: none;
    position: fixed;
    z-index: 90000;
    padding-top: 20px;
    width: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,.4)
}

.modal-body, .modal-content, .popup {
    position: relative
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    max-width: 600px;
    width: 95%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
    z-index: 500
}

.card, .information-group {
    box-shadow: 0 0 14px rgba(0,0,0,.06)
}

.modal input[type=password], .modal input[type=text] {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px;
    display: inline-block;
    border: none;
    background: #f1f1f1;
    z-index: 500
}

    .modal input[type=password]:focus, .modal input[type=text]:focus {
        background-color: #ddd;
        outline: 0
    }

.modal-body {
    padding: 100px;
    z-index: 90000
}

#ArtistList .product-item {
    padding-bottom: 0
}

.popup {
    display: inline-block;
    cursor: pointer
}

    .popup .popuptext {
        visibility: hidden;
        width: 250px;
        background-color: #e7457d;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 20px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -120px
    }

        .popup .popuptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #e7457d transparent transparent
        }

    .popup table tbody tr td, .variant-overview {
        text-align: left !important
    }

    .popup table td:nth-child(2) {
        text-align: right !important
    }

    .popup .show-popup {
        visibility: visible;
        -webkit-animation: 1s fadeIn;
        animation: 1s fadeIn
    }

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.message-loader {
    position: fixed;
    width: 100%;
    background: 50% 50% no-repeat #fff;
    opacity: 1;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000000
}

.customer-pages-body .block .list .customer-artwork a:before {
    content: "\e90e";
    font-size: 20px
}

.customer-pages-body .block .list .customer-children a:before {
    content: "\e911";
    font-size: 20px
}

.customer-pages-body .block .list .birthday-party a:before {
    content: "\e900";
    font-size: 20px
}

.clear-button {
    background: 0 0;
    color: #333 !important;
    display: inline-block;
    min-width: 180px;
    margin: 5px;
    border: 2px solid #333;
    padding: 9px 30px;
    font-size: 15px;
    text-align: center
}

    .clear-button:hover {
        border: 2px solid #e7457d;
        color: #e7457d !important
    }

.select-title {
    margin-bottom: 10px
}

.btn-circle, .how-it-works .step {
    line-height: 50px;
    text-align: center
}

.brief-steps, .how-it-works p, .topic-page h2 {
    margin-bottom: 30px
}

.variant-overview .attributes {
    margin: 20px 0 !important;
    padding: 0 !important
}

.attributes .option-list input[type=radio]:checked ~ label {
    border-color: #e7457d !important;
    background-color: #fff
}

.attributes .option-list input[type=checkbox]:checked ~ label {
    border-color: #e7457d !important;
    background-color: #fff
}

.check-selected {
    position: absolute;
    top: -15px;
    right: -15px;
    height: 30px;
    width: 30px;
    display: none;
    z-index: 9999
}

.workshop-detail-page .attributes .option-list input[type=checkbox]:checked ~ .check-selected,
.custom-artwork-page .attributes .option-list input[type=checkbox]:checked ~ .check-selected {
    display: block
}

.btn-circle, .how-it-works .step {
    display: inline-block;
    width: 50px
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999999999
}

    .sticky + .content {
        padding-top: 102px
    }

.btn-circle {
    height: 50px;
    font-size: 15px;
    border-radius: 30px;
    border: 1px solid #e7457d;
    position: relative;
    z-index: 2;
    background: #fff;
    color: #e7457d
}

.ui-dialog-titlebar {
    background: #e7457d !important;
    color: #fff !important
}

.business-art {
    padding: 20px
}

    .business-art img {
        padding: 50px 0 20px
    }

    .business-art > img, .topic-page > img {
        padding-top: 0
    }

img.seven-news {
    width: 50px;
    margin-top: 0 !important
}

.card .selected-artist, .topic-page h2 {
    margin-top: 30px
}

.how-it-works .step {
    border-radius: 50%;
    height: 50px;
    background: #e7457d;
    color: #fff;
    float: left;
    margin-right: 10px
}

.how-it-works p {
    line-height: 2em
}

.how-it-works h3 {
    height: 50px;
    line-height: 50px
}

.topic-page {
    padding: 10px
}

.attributes .message-error li {
    padding-bottom: 10px
}

.item-box .details {
    color: gray
}

.brief-steps {
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 30px
}

.brief-step {
    font-size: 20px;
    margin: 20px
}

.card p, .information-group {
    margin-bottom: 30px
}

.brief-step-title {
    font-size: 40px;
    color: #e7457d
}

.brief-steps .selected-artist {
    text-transform: uppercase
}

.information-group {
    width: 100%;
    background: #fff;
    padding: 40px;
    border: 1px solid #e6e6e6
}

.card {
    padding: 40px 20px;
    background-color: #fff;
    margin: 0 auto 20px;
    max-width: 1200px;
    font-family: 'Lato', sans-serif;
    text-transform: none;
    line-height: 1.7em;
    z-index: -1
}

.card-title {
    margin: 20px 0;
    font: 22px 'Lato', sans-serif;
    letter-spacing: .2px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .card {
        padding: 40px 16%
    }

    .address-list .buttons, .order-list .buttons {
        position: absolute;
        bottom: 30px;
        right: 0
    }
}

.custom-page .button-1, .custom-page .button-2 {
    padding: 10px 25px;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #323232;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    margin-bottom: 0
}

.custom-page .button-1 {
    color: #fff !important;
    background: #e7457d !important
}

    .custom-page .button-1:hover {
        background-color: #ce2c64
    }

.custom-page .button-2:hover {
    color: #fff;
    background: #e3e3e3
}

.footer-total {
    width: 100%;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center
}

.progress-step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: .5
}

    .progress-step.active {
        opacity: 1;
        background-color: #e7457d
    }

.big-button {
    padding: 25px 80px !important
}

.m-circle {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #e7457d;
    text-align: center;
    vertical-align: middle;
    font-size: 1.3rem;
    align-items: center;
    justify-content: center;
    margin-right: 5px
}

.d-flex-inline {
    display: inline-flex
}

#upload-image-list {
    width: 100%;
    text-align: center
}

.upload-box {
    width: 33.33%;
    float: left;
    border: 1px solid #ccc;
    min-height: 0;
    padding: 10px
}

.thumb-container {
    height: 250px;
    width: 100%
}

    .thumb-container img {
        object-fit: cover !important;
        width: 100% !important;
        height: 100% !important
    }

.thumb-buttons {
    display: flex
}

    .thumb-buttons div {
        flex: 1 1 auto
    }

    .thumb-buttons input {
        width: 100%;
        border-radius: 0 !important;
        padding: 10px 0
    }

@media all and (max-width:320px) {
    .upload-box {
        width: 100%;
        float: none
    }
}

@media all and (max-width:768px) {
    .upload-box {
        width: 49%
    }
}

.check-list li, li.check {
    background: url(../img/checkmark.jpg) no-repeat;
    padding: 3px 0 3px 50px
}

.event-date div, .event-detail div {
    margin-bottom: 5px
}

.button-1, .button-2 {
    padding: 10px 25px;
    border: none;
    text-transform: uppercase;
    color: #323232;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    margin-bottom: 0;
    letter-spacing: 2px
}

button {
    font: 15px 'Lato', sans-serif
}

.button-1 {
    color: #fff;
    background: #e7457d
}

.item-box .charity {
    font-size: 12px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.item-box .prices {
    overflow: hidden;
    background: #fff;
    position: absolute
}

.item-box .artist-name, .item-box charity {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.row-wrapper .box {
    line-height: 1rem !important
}

.file-upload-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis ellipsis;
    text-overflow: ellipsis " [..]";
    width: 100%;
    text-align: left
}

.item-box {
    line-height: 1.9rem
}

.icon-calendar:before {
    content: "\e900"
}

.icon-location:before {
    content: "\e947"
}

.icon-stopwatch:before {
    content: "\e952"
}

.icon-stroller:before {
    content: "\e911"
}

.icon-wheelchair:before {
    content: "\e90a"
}

.product-page-bottom {
    padding: 60px 20px
}

.by, .item-box .details {
    text-align: left !important;
    font-size: .8rem !important;
    text-transform: none
}

.item-box .product-title {
    font-size: 15px !important
}

.blog-subtitle {
    color: #323232 !important;
    line-height: 2.2rem;
    font-weight: 700
}

.article-newline .article-newline-item .details strong {
    font-weight: 400 !important
}



.section.payment-info {
    max-width: 100%
}


.product-social-sharing .instagram:before, .social-sharing .instagram:before {
    content: "p";
}

#common-required-dialog .content {
    margin-bottom: 10px;
}





.customer-pages-body .block .list .customer-questionnaires a:before {
    content: "\e90d";
    font-size: 20px;
}