﻿@font-face {
    font-family: 'Poppins';
    src: url(../fonts/Poppins-Regular.woff2) format('woff2'),url(../fonts/Poppins-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Poppins';
    src: url(../fonts/Poppins-SemiBold.woff2) format('woff2'),url(../fonts/Poppins-SemiBold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

.ProfileImage, .ProfileImageForMenu {
    border-radius: 50%;
    vertical-align: middle
}

*, a:active {
    outline: 0
}

.ProfileImage, .ProfileImageForMenu, .checkout-attributes li *, .comment-time span, input[type=checkbox], input[type=checkbox] + *, input[type=radio], input[type=radio] + *, label, label + * {
    vertical-align: middle
}

#customerCurrency, #customerlanguage {
    background-color: #000;
    color: #c9c9c9 !important
}

.bar-notification .content a, .breadcrumb a:hover, .eu-cookie-bar-notification a, .footer-powered-by a, .overview .value a, .product-no-reviews a, .tax-shipping-info a, .topic-block a, .topic-page a {
    text-decoration: underline
}

.continue-shopping-wrap input[type=submit], .footer-middle h3 {
    color: #fff !important
}

table.dataTable.cell-border tbody td, table.dataTable.cell-border tbody th {
    font-size: small;
    white-space: initial !important
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-image: none !important
}

.product-grid .quick-view-button {
    top: 32%;
    left: 55% !important;
    margin: -44px 0 0 -84px
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1;
    margin-top: 2%;
    margin-bottom: 20px !important
}

.manufacturers {
    margin: 25px 0 15px !important
}

#OrderTolal {
    color: #4c7c13
}

#pkgImage {
    height: 110px;
    margin-top: 1%;
    width: 100%
}

.home-page-filters-wrapper .results-number, .home-page-filters-wrapper .search-button {
    background: #4c7c13 !important
}

    .home-page-filters-wrapper .search-button:hover {
        background-color: #4f4c4c !important
    }

.header-menu ul, ol {
    margin-top: 0;
    margin-bottom: 0
}

.accept-privacy-policy a, .cart-total-price .cart-total-left, .lblspnclass, .order-details-area .title strong, .order-review-data .title strong, .payment-method .method-list li label, .return-request-list-page a, .shipment-details-area .title strong, .shipping-method .method-list li label {
    font-weight: 700
}

#custKycDoc, .accept-privacy-policy, .basic-search .inputs, .item-box .details, .item-box .product-title a, .topic-password, .ui-tabs .write-review .buttons, .write-review .review-rating {
    text-align: center
}

#panleForSponsorInfo > div {
    text-align: center !important
}

.hvr-float {
    background-color: #4c7c13 !important
}

input[type=file] {
    width: 28% !important
}

.registration-page .date-of-birth select {
    width: 125px !important;
    margin-top: 9px
}

.account-page .date-of-birth select {
    width: 90px !important
}

.panel-primary > .panel-heading {
    background-color: #505050 !important;
    border-color: #505050 !important;
    height: 30px !important
}

#btnPrevious, .header-links, .header-links li, .item-box .add-info > *, .overview .add-to-cart-panel > *, .variant-overview .add-to-cart-panel > * {
    float: left
}

#btnNext, .fl-right, .shopping-cart-link {
    float: right
}

.shipping-options .inputs label {
    display: inline-block !important;
    width: 25% !important
}

#SetShippingButton {
    margin-top: 45px
}

#OrderTotalBVCount, #OrderTotalCount, #OrderTotalPVCount {
    color: #aad81b !important
}

.panel-title {
    margin-top: 4px !important
}

#divShowOnResponsive, #divShowOnResponsiveLangvage, .android23 #goToTop, .item-box .add-to-compare-list-button, .item-box .add-to-wishlist-button, .newsletter-validation .please-wait, .quick-view-button, script {
    display: none !important
}

#divShowOnManual {
    display: block !important
}

#ImagePanleSection {
    margin-left: 60%;
    margin-top: 0
}

#personalInfoPanleSection {
    margin-top: -20%
}

body.texture_1 {
    background: #fff
}

body.texture_2 {
    background: url(../img/texture_2.png) center #fff
}

body.texture_3 {
    background: url(../img/texture_3.png) center #fff
}

body.texture_4 {
    background: url(../img/texture_4.png) center #fff
}

#newsletter-result-block {
    color: red
}

.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300bs, .addthis_default_style .at300m, .addthis_default_style .at4-icon, .external-authentication fieldset {
    float: none !important
}

#topcartlink span, #username-availabilty:empty, .attributes .qty-box label, .block .list .product-picture, .categoryMenu-panle, .closeButton, .description, .external-authentication .title, .filters-button, .flyout-cart, .footer-block.social-sharing h3:before, .footer-block.social-sharing h3:only-child, .footer-block.subscribe-to-newsletter h3:before, .footer-block.subscribe-to-newsletter h3:only-child, .header-links span, .home-page-category-grid .item-box:before, .image-squares input[type=radio], .manufacturer-grid .item-box:before, .manufacturer-item .title, .new-comment .inputs label, .opc .back-link small, .overview .add-to-cart .add-to-wishlist-button, .product-filters, .sitemap-page a:empty, .sub-category-grid .item-box:before, .ui-dialog-titlebar button *, .ui-helper-hidden-accessible, .ui-tabs .ui-tabs-hide, .variant-overview .add-to-cart .add-to-wishlist-button, .vendor-item .title {
    display: none
}

#Listmargin, .commCenterFolderNote {
    margin-top: 1%
}

#check-availability-button, #username-availabilty {
    margin: 10px auto;
    display: block
}

.mini-shopping-cart .menucount {
    padding: 5px 0 10px;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #ddd
}

.menucount .picture + .product {
    margin: 0 0 0 90px !important
}

.menucount .picture img {
    position: initial !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%
}

.menucount .picture {
    float: left;
    width: 40px !important;
    height: 40px !important;
    text-align: center;
    overflow: hidden;
    border-radius: 100%
}

.menucount a {
    display: block;
    width: 250px !important;
    height: 37px;
    padding-top: 8px
}

.dropdown-link ul li a, .value-summary {
    color: #000 !important
}

.ProfileImageForMenu {
    width: 35px;
    height: 35px
}

.ProfileImage {
    width: 25px;
    height: 25px
}

.account-page #CountryCode, .registration-page #CountryCode {
    width: 14% !important
}

.registration-page #Phone {
    width: 250px;
    max-width: 352px
}

.account-page #Phone {
    width: 186px
}

.anchorProfileimg {
    padding: 5px !important
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    margin: 0 !important;
    -webkit-text-size-adjust: none
}

ol, ul {
    list-style: none
}

a img {
    border: none;
    opacity: .99
}

.DirectUIstyle {
    width: 200px !important;
    height: 150px !important
}

.productTabs .write-review {
    margin-top: 0 !important
}

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=password], input[type=reset], input[type=submit], input[type=text], textarea {
    border-radius: 0;
    outline-offset: 0 !important
}

input[type=password], input[type=text], select, textarea {
    height: 36px;
    border: 1px solid #cfcfcf !important;
    padding: 8px
}

input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: none
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

#rich-blog-searchterms {
    margin-top: 9%
}

.blog-search-box .search-box-button, .post-actions .read-more, .rich-blog-homepage .read-more {
    background-color: #1e7694 !important
}

.blog-page .post {
    width: 700px !important
}

.blog-page .post-title {
    padding: 0 7px !important
}

.post-navigation .prev {
    padding: 8px 100px 8px 54px !important
}

.data-table em a {
    font-weight: 700;
    color: #444
}

.checkout-page .address-item .select-button, .data-table div.download, .product-share-button, .ui-dialog-content .topic-block {
    margin: 10px 0 0
}

body {
    max-width: 100%;
    font-family: 'Poppins',sans-serif;
    color: #505050;
    overflow-x: hidden
}

a {
    color: inherit;
    cursor: pointer
}

table {
    width: 100%;
    border-collapse: collapse
}

.product-details-box .product-unit-price, .product-details-box label, label + * {
    vertical-align: top
}

.inputs .option-list, .required, select {
    vertical-align: middle
}

input[type=password], input[type=text], textarea {
    vertical-align: middle;
    background: #fff;
    width: 70%;
    margin-bottom: 7px;
    box-shadow: none !important
}

textarea {
    min-height: 150px !important
}

select {
    min-width: 50px !important;
    font-size: 12px !important
}

.button-1, .button-2, button, input[type=button], input[type=submit] {
    cursor: pointer;
    display: inline-block;
    background: #91bf24;
    border: #03a9f4;
    color: #fff;
    padding: 10px 26px;
    font-size: 14px;
    margin: 0 auto;
    transition: .2s ease-in-out
}

#goToTop, .link-rss {
    display: none;
    overflow: hidden
}

.master-wrapper-page {
    width: 97%;
    margin: auto
}

.blog-comment:after, .cart-footer:after, .header-top:after, .header:after, .inputs:after, .manufacturer-grid:after, .master-column-wrapper:after, .news-comment:after, .page-body:after, .page-title:after, .page:after, .product-essential:after, .product-grid:after, .product-list .product-item:after, .product-list:after, .product-variant-line:after, .side-2:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0
}

.center-1, .center-2, .side-2 {
    margin: 40px 0
}

.cart-total-left, .order-details-page .section .title, .overview .product-price, .page, .shipment-details-page .shipment-details-area > ul, div.payment-method, div.shipping-method {
    text-align: left
}

    .account-page .description, .advanced-search, .attributes, .basic-search, .category-description, .checkout-page .edit-address, .customer-entered-price, .download-sample, .login-page .text, .order-completed .details, .overview .min-qty-notification, .page-title, .pager, .product-collateral, .product-essential, .product-grid, .product-list, .product-reviews-page .message-error, .product-reviews-page .result, .product-specs-box, .shipment-details-page .shipment-details-area > ul:first-child, .sitemap-page .description, .sitemap-page .entity, .terms-of-service, .topic-block, .variant-overview .min-qty-notification {
        margin: 0 0 20px
    }

    .page h2 {
        font-size: 1.4em !important;
        text-transform: capitalize
    }

#goToTop, .page-title h1 {
    text-transform: uppercase
}

.page-title h1 {
    display: block;
    font-weight: 300;
    font-size: 25px;
    line-height: 50px;
    padding: 40px 0 5px;
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width:980px) {
    .page-title h1 {
        padding: 20px 0 5px !important;
        text-align: center !important
    }

    .inputs input[type=password], .inputs input[type=text], .inputs select, .inputs textarea {
        width: 96% !important;
        max-width: 100% !important
    }
}

.category-page .page-title h1 {
    border: 0;
    text-align: center
}

.buttons, .product-tags-box {
    margin: 20px 0;
    text-align: center
}

.link-rss {
    width: 24px;
    height: 24px;
    background: url(../img/rss-icon.png) no-repeat;
    text-indent: 999px
}

.recaptchatable #recaptcha_response_field, .ui-dialog-content {
    height: auto !important
}

.category-description ul, .custom-tab ul, .full-description ul, .manufacturer-description ul, .post-body ul, .topic-block ul, .topic-page ul {
    margin: 12px 0;
    padding: 0 0 0 36px
}

.category-description ol, .custom-tab ol, .full-description ol, .manufacturer-description ol, .post-body ol, .topic-block ol, .topic-page ol {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: decimal
}

.category-description p, .custom-tab p, .full-description p, .manufacturer-description p, .news-body p, .post-body p, .topic-block p, .topic-page p {
    margin: 0 0 10px;
    text-align: justify;
    line-height: 1.7em
}

#goToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: url(../img/goTop.png) center 46% no-repeat #4c7c13;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgb(0 0 0 / .5);
    line-height: 80px;
    text-align: center;
    color: #fff;
    z-index: 10001;
    opacity: .8;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

    #goToTop:hover, .product-selectors .viewmode-icon.selected {
        opacity: 1
    }

.fieldset, .section {
    position: relative;
    margin: 0 0 30px
}

    .fieldset .title {
        margin: 0 0 15px;
        text-align: left
    }

        .fieldset .title strong, .order-details-page .section .title strong, .return-request-page .title strong, .sitemap-page .entity-title h2 {
            display: inline-block;
            font-weight: 300;
            font-size: 18px;
            padding-left: 16px;
            position: relative
        }

            .blog-page .tags label:before, .blogpost-page .tags label:before, .comment-list .title:before, .fieldset .title strong:before, .order-details-page .section .title strong:before, .product-review-list .title strong:before, .read-comments:before, .return-request-page .title strong:before, .sitemap-page .entity-title h2:before, .write-review .title strong:before {
                content: " ";
                position: absolute;
                top: 50%;
                left: 0;
                margin-top: -12px;
                width: 5px;
                height: 23px;
                background: #4c7c13
            }

.form-fields {
    position: relative;
    margin-top: 20px
}

.inputs {
    position: relative;
    margin: 0 0 10px;
    text-align: center;
    white-space: nowrap
}

    .inputs * {
        font-size: 12px
    }

.checkout-page .pickup-in-store, .footer-menu li:last-child, .form-fields .inputs:last-child, .form-fields .inputs:only-child, .opc .buttons {
    margin-bottom: 0
}

.inputs label {
    margin: 5px 1px 7px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 1.2
}

.inputs input[type=password], .inputs input[type=text], .inputs select, .inputs textarea {
    min-height: 35px;
    width: 98%;
    max-width: 98%;
    margin-top: 1%
}

.inputs select {
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #888;
    margin-top: 9px
}

.inputs.reversed, .news-item-page .news-date, .order-progress, .selected-checkout-attributes {
    margin: 0 0 20px;
    text-align: center
}

.inputs .option-list {
    overflow: hidden;
    display: inline-block
}

    .inputs .option-list li {
        float: left;
        font-size: 0
    }

    .inputs .option-list label {
        width: auto;
        margin: 0 15px 0 3px;
        font-size: 12px;
        display: inline-block
    }

.required {
    margin: 0 -6px 0 6px;
    font-size: 11px;
    color: #c00
}

.field-validation-error, .message-error, .message-failure, .password-error, .poll-vote-error, .username-not-available-status {
    display: block;
    font-size: 11px;
    color: #c00;
    text-align: center;
    margin-top: 5px
}

.field-validation-valid {
    display: block;
    font-size: 11px;
    color: #690
}

.captcha-box {
    margin: 0 0 15px;
    text-align: center;
    line-height: 0
}

    .admin-header-links .impersonate a, .captcha-box > div, .item-box .old-price + .actual-price, .order-progress li {
        display: inline-block
    }

    .captcha-box input {
        height: auto
    }

.bar-notification {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10002;
    width: 100%;
    padding: 12px 25px 12px 10px;
    color: #fff;
    opacity: .95
}

    .bar-notification.success {
        border-bottom: 1px solid #bd2;
        background: #1b9507
    }

    .bar-notification.warning {
        background: #f79d45
    }

    .bar-notification.error {
        border-bottom: 1px solid #f55;
        background: #e95e5e
    }

    .bar-notification .close, .ui-dialog-titlebar button {
        position: absolute;
        border: 1px solid #666;
        box-shadow: inset 0 0 1px #999;
        top: 0;
        right: 0;
        opacity: .7
    }

    .bar-notification .content {
        float: left;
        margin: 0 10px 0 0;
        color: #fff !important;
        display:block !important;
        background-color:transparent !important;
    }

        .bar-notification .content a {
            color: #fff
        }

    .bar-notification .close {
        width: 32px;
        height: 32px;
        margin: 5px;
        background: url(../img/close.png) center no-repeat #fff;
        cursor: pointer
    }

        .bar-notification .close:hover, .eu-cookie-bar-notification button:hover, .ui-dialog-titlebar button:hover {
            opacity: .9
        }

.ui-dialog {
    position: absolute !important;
    z-index: 1008;
    width: 550px !important;
    max-width: 90%;
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / .15);
    overflow: hidden;
    background: #fff;
    top: 0 !important;
    margin-top: 10px
}

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: 0 0;
        overflow-y: scroll;
        height: 600px;
        top: 0
    }

.ui-dialog-content {
    background-color: #fff !important;
    padding: 15px 15px 20px !important;
    color: #777;
    line-height: 20px
}

.ui-dialog:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .5)
}

.ui-dialog-titlebar {
    border-width: 1px;
    border-style: solid;
    border-color: #fff #fff #bbb;
    box-shadow: 0 0 0 1px #eee;
    overflow: hidden;
    background: #ddd;
    padding: 10px;
    font-weight: 700;
    text-shadow: 1px 1px 0 #eee
}

    .product-review-item .review-title, .ui-dialog-titlebar span {
        float: left;
        text-transform: uppercase
    }

.ui-dialog-buttonset button:hover {
    background: #f6f6f6
}

.ui-dialog-titlebar button {
    width: 24px;
    height: 24px;
    margin: 6px;
    overflow: hidden;
    background: url(../img/close.png) center no-repeat #fff !important;
    text-indent: 999px
}

.ui-dialog-content .topic-block-body {
    max-height: 200px;
    overflow-y: scroll
}

.external-authentication .buttons, .item-box .buttons, .login-page .new-wrapper .buttons, .login-page .returning-wrapper .buttons, .section .buttons, .ui-dialog-content .topic-block p, .ui-tabs .write-review {
    margin: 0
}

.ui-dialog-buttonset {
    padding: 10px;
    text-align: right
}

    .ui-dialog-buttonset button {
        min-width: 60px;
        margin-left: 5px;
        border: 1px solid #bbb;
        box-shadow: 0 0 1px #ddd,inset 0 0 1px #fff;
        background: #eee;
        padding: 5px
    }

.ui-dialog-content .tooltip {
    margin-bottom: 20px
}

.ui-dialog-content button {
    background: #dcdcdc;
    border: 1px solid #d3d3d3;
    color: #505050;
    box-shadow: 0 1px 0 0 #bbb;
    display: inline-block;
    border-top: 0;
    padding: 10px 16px;
    font-size: 14px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.eu-cookie-bar-notification {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1002;
    width: 300px;
    max-width: 300px;
    height: 180px;
    margin: -90px 0 0 -150px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px rgb(0 0 0 / .2),inset 0 0 0 1px #fff;
    background: #fff;
    padding: 20px;
    text-align: center
}

    .eu-cookie-bar-notification .text {
        margin-bottom: 20px;
        line-height: 20px
    }

    .eu-cookie-bar-notification button {
        min-width: 60px;
        margin: 10px 0;
        border: none;
        background: #4c7c13;
        padding: 7px 14px;
        font-size: 14px;
        color: #fff
    }

    .eu-cookie-bar-notification a {
        display: block
    }

.admin-header-links {
    text-align: center;
    font-size: 13px
}

    .admin-header-links a {
        display: block;
        margin: 0 10px;
        line-height: 35px;
        font-weight: 700;
        color: #333 !important
    }

.header-links > *, .header-selectors-wrapper:before, .header-selectors-wrapper > div, .item-box .prices > *, .overview .prices > *, .variant-overview .prices > *, .vendorinfo-page .vendor-picture > * {
    display: inline-block;
    vertical-align: middle
}

.admin-header-links + .master-wrapper-page {
    padding: 45px 0 0
}

.admin-header-links .impersonate {
    line-height: 35px
}

.header {
    position: relative;
    z-index: 1002;
    text-align: center;
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / .15)
}

#customerCurrency, #customerlanguage, .new_select {
    z-index: 1003 !important;
    cursor: pointer
}

.header-top {
    background: top left #fff;
    padding: 10px
}

.header-bottom {
    background-color: #fff
}

.header-selectors-wrapper {
    margin-top: -1%;
    margin-left: 60%
}

    .header-selectors-wrapper:before {
        content: " ";
        height: 35px
    }

    .header-selectors-wrapper > div + div, .product-review-helpfulness .result {
        margin: 0 0 0 10px
    }

.new_select {
    width: 55px !important;
    background: url(../img/dropdown-arrow.png) 35px center no-repeat #4c7c13;
    padding: 1px 21px 3px 7px;
    color: #fafafa !important;
    font-size: 12px !important;
    position: absolute !important;
    margin: 4px -60px 0;
    border-radius: 10px
}

#customerCurrency {
    width: 60px !important
}

#customerlanguage {
    width: 81px !important
}

.new_select > span {
    display: block;
    text-align: center;
    line-height: 16px
}

.comment-body p, .footer-menu li, .header-languageselector .new_select > span, .header-languageselector .styleSelect_item li span, .news-head ~ *, .post-head ~ * {
    font-size: 14px
}

.styleSelect_item {
    min-width: 50px;
    background: #595959;
    top: 31px !important;
    margin-top: 8px !important
}

    .styleSelect_item * {
        width: auto !important
    }

    .styleSelect_item li:hover span {
        background: #797979
    }

    .styleSelect_item li span {
        padding: 10px 12px;
        line-height: 16px
    }

.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
    }

.header-links-wrapper {
    position: relative;
    float: right
}

.header-links a {
    display: block;
    width: 35px;
    height: 37px;
    margin: 0 2px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

    .header-links a:hover {
        color: #555 !important
    }

#topcartlink a {
    background: url(../img/icon-cart.png) center no-repeat #4c7c13;
    width: 35px;
    height: 35px;
    border-radius: 18px;
    display: block
}

.accepted-payment-methods ul, .attribute-squares, .block .tags ul, .blog-page .tags ul, .blogpost-page .tags ul, .breadcrumb ul, .header-logo, .order-progress ul, .product-tags-list, .shopping-cart-page .common-buttons, .social-sharing ul, .vendor-list, .wishlist-content .buttons {
    font-size: 0
}

    .header-logo a {
        display: inline-block;
        line-height: 0;
        width: 100%
    }

        .header-logo a img {
            max-width: 100%
        }

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
    position: absolute !important;
    z-index: 1002 !important;
    width: 256px !important;
    max-width: 100%;
    border: 1px solid #ccc;
    border-top: none;
    overflow: hidden;
    background: #fff
}

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content li {
        border-top: 1px solid #ccc
    }

        .ui-autocomplete.ui-menu.ui-widget.ui-widget-content li:first-child {
            border-top: none
        }

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content a {
        display: block;
        padding: 8px
    }

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content img {
        display: none;
        margin-right: 5px;
        vertical-align: middle
    }

.footer-top {
    position: relative;
    background: #eee;
    padding: 25px 10px;
    overflow: hidden;
    color: #505050
}

    .footer-top:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        box-shadow: 0 1px 6px rgb(0 0 0 / .2)
    }

    .footer-top:after {
        content: " ";
        position: absolute;
        bottom: -46px;
        left: 0;
        width: 180%;
        height: 50px;
        -webkit-transform: rotate(.7deg);
        -ms-transform: rotate(.7deg);
        transform: rotate(.7deg)
    }

.footer-block {
    margin-bottom: 0 !important
}

    .footer-block .topic-block h2, .footer-block h3 {
        font-weight: 300 !important;
        font-size: 22px !important;
        padding-left: 6px !important;
        position: relative !important;
        margin: 0 0 15px !important;
        color: #333 !important
    }

        .footer-block .topic-block h2:before, .footer-block h3:before {
            content: " " !important;
            position: absolute !important;
            top: 50% !important;
            left: 0 !important;
            margin-top: -13px !important;
            width: 3px !important;
            height: 25px !important
        }

    .footer-block.social-sharing h3, .footer-block.subscribe-to-newsletter h3 {
        padding-left: 8px
    }

    .footer-block .topic-block-body {
        padding: 0 10px
    }

.footer-menu {
    padding-left: 18px
}

.footer-top .footer-menu li {
    padding: 7px 2px 7px 30px
}

.footer-menu li.phone {
    background: url(../img/icon-phone.png) left center no-repeat
}

.footer-menu li.mobile {
    background: url(../img/icon-cellphone.png) left center no-repeat
}

.footer-menu li.email {
    background: url(../img/icon-mail.png) left center no-repeat
}

.footer-menu li.skype {
    background: url(../img/icon-skype.png) left center no-repeat
}

.social-sharing li {
    display: inline-block;
    margin: 0 5px 10px
}

.social-sharing a {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/social-sprite.jpg) no-repeat;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s
}

    .social-sharing a:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

.accepted-payment-methods .method1, .social-sharing .facebook {
    background-position: 0 0
}

.social-sharing .twitter {
    background-position: -45px 0
}

.social-sharing .google {
    background-position: -90px 0
}

.social-sharing .pinterest {
    background-position: -135px 0
}

.social-sharing .vimeo {
    background-position: -180px 0
}

.social-sharing .youtube {
    background-position: -225px 0
}

.social-sharing .rss {
    background-position: -270px 0
}

.social-sharing a.instagram {
    background: url(../img/instagram.png) center no-repeat
}

.block-newsletter {
    padding-left: 10px
}

.footer-block .newsletter .title {
    padding-left: 8px;
    position: relative;
    margin: 0 0 15px
}

    .footer-block .newsletter .title strong {
        font-weight: 300;
        font-size: 24px;
        color: #8f8f8f !important
    }

.newsletter-email {
    display: inline-block;
    overflow: hidden;
    padding: 6px;
    background: rgb(0 0 0 / .05);
    width: 240px
}

    .newsletter-email input[type=text] {
        float: left;
        width: 218px;
        height: 45px !important
    }

    .newsletter-email input[type=button] {
        float: right;
        width: 45px;
        height: 45px;
        border: none;
        overflow: hidden;
        background: url(../img/icon-newsletter.png) center no-repeat #1e7694 !important;
        text-indent: 999px;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        margin: -52px auto
    }

        .checkout-page .button-1:hover, .newsletter-email input[type=button]:hover, .shopping-cart-page .button-1:hover, .update-cart-wrap input[type=submit]:hover {
            background-color: #4c7c13
        }

.newsletter-result-block, .newsletter-validation {
    width: 100%;
    overflow: hidden;
    line-height: 28px
}

.newsletter .options {
    clear: both
}

    .newsletter .options span {
        padding: 5px 0;
        display: inline-block;
        margin: 0 10px 0 0
    }

.footer-middle {
    position: relative;
    overflow: hidden;
    padding: 30px 10px;
    background: url(../img/footer-bg-innerpage.png) center #333
}

    .footer-middle .footer-menu a {
        display: inline-block;
        padding: 7px 0;
        -webkit-transition: -webkit-transform .2s;
        -moz-transition: -moz-transform .2s;
        transition: transform .2s;
        text-transform: capitalize;
        color: #fff !important
    }

        .footer-middle .footer-menu a:hover {
            -webkit-transform: translate(1px);
            -ms-transform: translate(1px);
            transform: translate(1px);
            color: #a2cc41 !important;
            text-decoration: none !important
        }

.footer-bottom {
    overflow: hidden;
    padding: 20px;
    text-align: center;
    background: #333;
    color: #fff;
    font-family: Verdana
}

.accepted-payment-methods li {
    display: inline-block;
    width: 49px;
    height: 30px;
    background: url(../img/payment_sprite.png) no-repeat;
    margin: 0 3px
}

.accepted-payment-methods .method2 {
    background-position: -49px 0
}

.accepted-payment-methods .method3 {
    background-position: -98px 0
}

.accepted-payment-methods .method4 {
    background-position: -147px 0
}

.accepted-payment-methods .method5 {
    background-position: -196px 0
}

.accepted-payment-methods .method6 {
    background-position: -245px 0
}

.footer-designed-by a, .footer-powered-by a, .footer-tax-shipping a {
    text-decoration: underline;
    color: #fff
}

.footer-powered-by a {
    color: #fff !important
}

.footer-store-theme {
    position: relative;
    height: 35px;
    overflow: hidden;
    padding: 35px 0 0
}

    .footer-store-theme select {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -85px;
        width: 170px
    }

@media all and (min-width:450px) {
    .footer-middle .footer-block {
        float: left;
        width: 50%
    }

        .footer-middle .footer-block:nth-child(odd) {
            clear: both
        }

    .home-page-category-grid .title strong, .product-grid .title strong {
        display: block;
        font-size: 35px;
        line-height: 0;
        padding: 16px 0 0 7px;
        margin-top: 0;
        margin-bottom: 0;
        text-transform: capitalize;
        color: #000;
        font-weight: bolder;
        background-image: url(Themes/VnextWhite/WebDesign/img/core-img/decor2.png);
        text-align: center
    }
}

@media all and (min-width:600px) {
    .footer-top .footer-block {
        float: left;
        width: 50%
    }

        .footer-top .footer-block:nth-child(odd) {
            clear: both
        }
}

@media all and (min-width:900px) {
    .footer-top .footer-block {
        clear: none !important;
        width: 20%
    }

        .footer-top .footer-block:first-child {
            width: 26%
        }

        .footer-top .footer-block:nth-child(2) {
            width: 30%;
            margin-right: 4%
        }

    .newsletter-email input[type=text] {
        width: 177px
    }

    .footer-middle .footer-block {
        clear: none !important;
        width: 33.33%
    }
}

.block {
    margin: 0 auto 10px;
    text-align: left;
    width: 320px;
    max-width: 100%;
    background: #fff
}

    .block .title {
        background: #f0f4f7 !important
    }

.filtersGroupPanel {
    border-top: 0 solid #23bdff !important
}

.block .title strong {
    font-weight: 600;
    display: block;
    font-size: 18px;
    text-transform: capitalize;
    font-family: 'PT Sans',sans-serif;
    cursor: pointer;
    padding: 12px 40px 12px 10px;
    color: #444
}

.block .listbox {
    display: none;
    border-top: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff
}

    .block .listbox:after {
        content: " ";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        line-height: 0;
        font-size: 0
    }

.block .list a {
    display: block;
    padding: 13px 10px;
    border-top: 1px solid #d3dae0;
    position: relative;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

    .block .list a:before {
        content: " ";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 0;
        width: 5px;
        background: #4c7c13;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.item-box, .item-box .product-item .picture a, .manufacturer-item, .overview, .overview .add-button-wrap, .sub-category-item, .variant-overview .add-button-wrap, .vendor-item {
    position: relative
}

.block .list > li:first-child > a, .block .sublist > li:first-child > a {
    border-top: 0
}

.block .list a.has-sublist {
    background: url(../img/category-nav-dropdown-arrow.png) 94% 16px no-repeat
}

.block .view-all a, .block .view-all a:hover, .contact-vendor-button:hover, .continue-shopping-wrap:hover:before {
    background: #4c7c13
}

.block .list li.active > a:before, .block .list li > a:hover:before, .block-account-navigation a.active:before {
    height: 100%
}

.block .sublist {
    display: none;
    border-top: 1px solid #c9c9c9;
    padding: 0 0 0 20px
}

.block li.active .sublist, .block-blog-archive .sublist, .item-box .description a, .login-page .inputs.reversed span, .news-item-page .inputs:first-child label, .non-discounted-price + .product-price, .old-product-price + .product-price, .section.confirm-order .message-error, .section.confirm-order .min-order-warning, ul.drop li:hover .dropdown-link {
    display: block
}

.block-popular-tags .listbox, .item-box .product-item {
    padding: 10px
}

.apply-vendor-page .message-error, .avatar-page .image, .avatar-page .message-error, .block .tags, .cart-collaterals .deals > div, .contact-page .message-error, .email-a-friend-page .message-error, .giftcard div, .new-comment .notifications, .new-comment .title, .opc .back-link, .order-details-page .page-title h1, .password-error, .reward-points-history .title, .wishlist-content .message-error, div.comment-title {
    margin: 0 0 10px
}

    .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;
            -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out
        }

            .block .tags li a:hover, .product-tags-all-page li a:hover {
                -webkit-transform: translateY(-3px);
                -ms-transform: translateY(-3px);
                transform: translateY(-3px);
                color: #303030
            }

.block .view-all {
    text-align: center;
    padding: 10px;
    border-top: 1px solid #c9c9c9
}

    .block .view-all a {
        display: inline-block;
        border: 1px solid #4c7c13;
        color: #fff;
        box-shadow: 0 1px 0 0 #4c7c13;
        padding: 8px 16px;
        font-size: 12px;
        margin: 0 auto;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.home-page-polls .title strong {
    display: block;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
    padding: 8px 0;
    border-bottom: 1px dashed #797979
}

.poll {
    padding: 15px 10px
}

    .opc .section > label, .poll strong {
        display: block;
        margin: 0 0 10px
    }

.apply-vendor-page .form-fields, .avatar-page .fieldset, .contact-page .form-fields, .contact-page .topic-block, .email-a-friend-page .form-fields, .email-a-friend-page .title, .opc .section, .overview .delivery-date, .overview .gtin, .overview .manufacturer-part-number, .overview .manufacturers, .overview .product-name, .overview .product-vendor, .overview .sku, .overview .stock, .poll-options, .poll-results, .post-head, .product-review-item .review-text, .variant-overview .delivery-date, .variant-overview .gtin, .variant-overview .manufacturer-part-number, .variant-overview .product-vendor, .variant-overview .sku, .variant-overview .stock, .write-review .form-fields {
    margin: 0 0 15px
}

    .poll-options li, .poll-results li {
        display: inline-block;
        margin: 5px
    }

        .poll-options li > * {
            display: inline-block;
            vertical-align: middle;
            cursor: pointer
        }

.poll .buttons input {
    border: 1px solid #ccc;
    padding: 5px 15px
}

.poll-total-votes {
    display: block;
    margin: 10px 0 0;
    font-weight: 700
}

.breadcrumb {
    margin: 40px 0;
    text-align: left;
    padding: 0 5px;
    border-bottom: 1px solid #d3dae0
}

    .breadcrumb li {
        display: inline
    }

        .breadcrumb li * {
            margin: 0 3px;
            font-size: 14px;
            line-height: 32px;
            display: inline-block;
            font-weight: 300
        }

    .breadcrumb strong, .email-a-friend-page .title h2, .login-page .title strong, .product-collateral .title strong {
        font-weight: 400
    }

.product-selectors {
    margin: 0 0 15px;
    padding: 10px;
    text-align: center;
    background: #f0f4f7;
    border-radius: 5px
}

    .product-selectors:after {
        content: "";
        display: block;
        clear: both
    }

    .product-selectors > div {
        display: block;
        margin: 5px
    }

        .product-selectors > div > span {
            font-size: 14px;
            vertical-align: middle;
            margin: 5px 5px 0 0
        }

    .product-selectors select {
        margin: 0 5px;
        text-transform: lowercase;
        vertical-align: middle
    }

    .product-selectors .viewmode-icon {
        display: inline-block;
        vertical-align: middle;
        width: 36px;
        height: 36px;
        font-size: 0
    }

        .product-selectors .viewmode-icon.grid {
            background: url(../img/icon-grid.png) center no-repeat;
            opacity: .5
        }

        .product-selectors .viewmode-icon.list {
            background: url(../img/icon-list.png) center no-repeat;
            opacity: .5
        }

.product-grid .item-box {
    border: 0 !important
}

.item-box {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 258px;
    display: inline-block;
    margin: 0 5px 10px;
    border: 1px solid #6bb922;
    padding: 5px !important;
    margin-left: 6px !important
}

@media(min-width:1400px) {
    .product-grid .item-box {
        margin-left: 0 !important
    }
}

@media(max-width:449px) {
    .item-box {
        display: block !important;
        margin: 5px auto !important
    }

    .home-page-category-grid .title strong, .product-grid .title strong {
        display: block;
        font-size: 30px;
        line-height: 0;
        padding: 16px 0 0 7px;
        margin-top: 0;
        margin-bottom: 0;
        text-transform: capitalize;
        color: #000;
        font-weight: bolder;
        background-image: url(Themes/VnextWhite/WebDesign/img/core-img/decor2.png);
        text-align: center
    }
}

.item-box .product-item {
    border: 2px solid #e4f8ff;
    border-radius: 5px;
    margin: 5px
}

    .item-box .product-item:hover {
        box-shadow: 0 0 26px 0 rgb(0 0 0 / .1);
        border: 2px solid #1e7694
    }

    .attributes .option-list, .attributes dl, .item-box .product-item .picture, .product-review-list {
        overflow: hidden
    }

.item-box .picture a, .method-name .payment-logo label {
    display: block;
    font-size: 0
}

.gallery .picture:before, .item-box .product-item .picture a:before {
    content: " ";
    display: block;
    padding-top: 100%
}

.item-box .product-item .picture img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    margin: auto;
    -webkit-transform: translateZ(0) scale(1,1);
    max-height: 100%
}

.item-box .product-title {
    overflow: hidden;
    font-weight: 400;
    text-align: left;
    font-family: 'PT Sans',sans-serif;
    margin-bottom: 5px !important;
    margin-top: 10px !important
}

    .item-box .product-title a {
        display: block;
        font-size: 18px;
        color: #505050;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 30px
    }

.item-box .product-rating-box {
    height: 100px;
    margin: 0 0 10px;
    overflow: hidden;
    line-height: 2.3;
    font-weight: 300;
    text-align: center;
    max-height: 50px
}

.add-info .item-box .prices, .item-box .prices {
    margin-left: 0;
    padding-right: 10px;
    font-size: 0;
    height: 44px;
    position: relative;
    z-index: 1
}

.item-box .add-info {
    overflow: hidden;
    font-size: 0;
    border-top: 0 solid #d3dae0;
    padding-top: 0
}

.item-box .prices {
    background: #fff !important;
    padding-left: 0
}

.add-info .item-box .prices {
    background: #4c7c13;
    padding-left: 8px;
    margin-top: 7px
}

.item-box .prices:before {
    content: " ";
    position: absolute;
    top: 0;
    height: 44px
}

.item-box .prices:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 44px
}

.item-box .old-price {
    color: #4a4a4a;
    text-decoration: line-through;
    font-size: 12px;
    padding: 3px 0 0;
    display: block
}

.item-box .actual-price {
    font-size: 13px;
    color: #333;
    font-weight: 700;
    line-height: 20px;
    max-width: 267px;
    max-height: 100%
}

.item-box .base-price-pangv, .tax-shipping-info {
    font-size: 11px;
    float: none !important;
    text-align: center;
    clear: both
}

.item-box input[type=button] {
    border: 0;
    padding: 14px 8px 15px 50px;
    background: url(../img/icon-add-to-cart.png) left top no-repeat #1e7694 !important;
    color: #fff !important;
    height: 44px;
    box-shadow: none;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    font-size: 13px;
    border-radius: 30px;
    margin-left: 5px
}

    .item-box input[type=button]:hover {
        background-color: #07556f !important
    }

.item-box .base-price-pangv {
    padding: 3px 3px 0
}

.tax-shipping-info {
    color: #777;
    padding: 3px
}

    .tax-shipping-info a {
        color: #555
    }

.home-page-category-grid, .sub-category-grid {
    margin: 0 0 20px;
    text-align: center;
    overflow: hidden
}

    .home-page-category-grid .item-grid {
        position: relative;
        display: inline-block;
        background: #fff
    }

    .home-page-category-grid .title strong, .product-grid .title strong {
        display: block;
        font-weight: 300;
        padding: 0 0 0 7px;
        margin-top: 0;
        margin-bottom: 0;
        text-transform: capitalize;
        line-height: 50px;
        font-size: 32px;
        color: #000;
        text-align: center
    }

        .home-page-category-grid .title strong::after, .product-grid .title strong::after {
            content: '';
            margin-top: 15px;
            margin-bottom: 20px;
            width: 203px;
            display: block;
            height: 20px
        }

    .home-page-category-grid .item-box, .sub-category-grid .item-box {
        margin: 0 1% 38px !important
    }

.manufacturer-grid .item-box, .vendor-grid .item-box {
    width: 50%;
    margin: 0 auto 20px
}

.category-item, .compare-products-page {
    position: relative;
    overflow: hidden
}

    .category-item .title, .manufacturer-item .title, .sub-category-item .title, .vendor-item .title {
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 1;
        margin-bottom: 0 !important
    }

        .category-item .title a, .manufacturer-item .title a, .sub-category-item .title a, .vendor-item .title a {
            display: block;
            padding: 10px;
            line-height: 20px;
            font-weight: 700;
            font-size: 16px;
            text-transform: uppercase;
            color: #fff;
            background: rgb(0 0 0 / .7);
            -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
            text-align: center;
            border-radius: 7px
        }

    .category-item:hover .title a, .manufacturer-item:hover .title a, .sub-category-item:hover .title a, .vendor-item:hover .title a {
        background-image: linear-gradient(to top,#008c3d,#2f9a3a,#4ba836,#67b62f,#82c327);
        text-decoration: none
    }

    .category-item .picture a, .sub-category-item .picture a {
        display: block;
        font-size: 0;
        height: 260px
    }

@media(max-width:1024px) {
    .category-item .picture a, .sub-category-item .picture a {
        height: 190px
    }

    .item-box .actual-price {
        font-size: 14px !important
    }

    .item-box .old-price {
        font-size: 12px !important
    }
}

.manufacturer-item .picture a, .vendor-item .picture a {
    display: block;
    font-size: 0;
    height: 100px
}

.category-item .picture img, .manufacturer-item .picture img, .sub-category-item .picture img, .vendor-item .picture img {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    max-width: 100%;
    -webkit-transform: translateZ(0) scale(1,1);
    width: 100%;
    height: 220px
}

.manufacturer-item .picture img {
    height: 100% !important
}

.product-grid .title {
    margin: 0 0 15px;
    font-size: 18px
}

.cross-sells {
    margin-top: 25px
}

.pager ul {
    text-align: center;
    font-size: 0
}

.pager li {
    display: inline-block;
    margin: 0 1px;
    font-size: 18px
}

.gallery .picture img, .gallery .picture-thumbs img, .variant-picture img {
    top: 0;
    max-width: 100%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.pager li * {
    display: block;
    background-color: #ccc;
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    box-shadow: inset 0 1px rgb(0 0 0 / .3);
    border-radius: 16px;
    overflow: hidden;
    font-size: 16px;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.pager li a:hover, .pager li span {
    background-color: #999
}

.pager li.first-page *, .pager li.last-page *, .pager li.next-page *, .pager li.previous-page * {
    text-indent: -9999px;
    box-shadow: none
}

.pager li.previous-page * {
    background: url(../img/icon-pager-prev.png) center no-repeat !important
}

.pager li.next-page * {
    background: url(../img/icon-pager-next.png) center no-repeat !important
}

.pager li.first-page * {
    background: url(../img/icon-pager-prev-first.png) center no-repeat !important
}

.pager li.last-page * {
    background: url(../img/icon-pager-next-last.png) center no-repeat !important
}

.contact-vendor {
    margin: 20px 0 10px
}

.contact-vendor-button {
    display: inline-block;
    background: #4c7c13;
    border: 1px solid #4c7c13;
    color: #fff;
    box-shadow: 0 1px 0 0 #4c7c13;
    padding: 10px 26px;
    font-size: 14px;
    margin: 0 auto;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.gallery, .product-details-page .overview {
    border-bottom: 1px dashed #c3c3c3;
    padding: 0 0 20px;
    margin: 0 0 20px
}

    .gallery .picture-wrapper {
        width: 480px;
        max-width: 100%;
        margin: 0 auto;
        background: #fff
    }

    .gallery .picture {
        position: relative;
        max-width: 100%;
        overflow: hidden;
        margin: 0 0 10px;
        font-size: 0
    }

    .cart-collaterals .coupon-code, .gallery .picture-thumbs {
        overflow: hidden;
        font-size: 0
    }

        .gallery .picture-thumbs a {
            display: inline-block;
            position: relative;
            width: 85px;
            height: 85px;
            overflow: hidden;
            background: #fff;
            margin: 0 5px 10px
        }

.overview .discontinued-product {
    font-size: 15px;
    color: #c00;
    text-transform: uppercase;
    padding: 10px 0
}

.overview .product-name h1 {
    font-size: 24px;
    font-weight: 600
}

.overview .short-description {
    margin: 0 0 15px;
    font-size: 14px;
    text-align: justify
}

.back-in-stock-subscription, .overview .buttons {
    margin: 0 0 15px;
    font-size: 0
}

.download-sample a, .overview .add-to-compare-list-button, .overview .add-to-wishlist-button, .overview .email-a-friend-button, .overview .subscribe-button, .variant-overview .add-to-wishlist-button {
    display: inline-block;
    border: 0;
    padding: 10px 14px 10px 32px;
    background: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    margin-right: 5px;
    border-radius: 10px
}

.add-to-compare-list-button, .overview .add-to-wishlist-button, .overview .email-a-friend-button {
    margin-top: 10px !important
}

    .download-sample a:hover, .overview .add-to-compare-list-button:hover, .overview .add-to-wishlist-button:hover, .overview .email-a-friend-button:hover, .overview .subscribe-button:hover, .variant-overview .add-to-wishlist-button:hover {
        color: #4b4b4b
    }

.overview .add-to-wishlist, .overview .back-in-stock-subscription, .overview .compare-products, .overview .download-sample-button, .overview .email-a-friend, .variant-overview .add-to-wishlist {
    position: relative;
    display: inline-block
}

    .overview .add-to-wishlist:before, .overview .back-in-stock-subscription:before, .overview .compare-products:before, .overview .download-sample-button:before, .overview .email-a-friend:before, .variant-overview .add-to-wishlist:before {
        content: " ";
        position: absolute;
        top: 60%;
        left: 5px;
        width: 26px;
        height: 26px;
        margin-top: -13px;
        border-radius: 13px;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

    .overview .add-to-wishlist:hover:before, .overview .back-in-stock-subscription:hover:before, .overview .compare-products:hover:before, .overview .download-sample-button:hover:before, .overview .email-a-friend:hover:hover:before, .variant-overview .add-to-wishlist:hover:before {
        opacity: .7
    }

    .overview .add-to-wishlist:before, .variant-overview .add-to-wishlist:before {
        background: url(../img/icon-product-add-wishlist.png) center 5px no-repeat
    }

    .overview .compare-products:before {
        background: url(../img/icon-product-add-compare.png) center no-repeat
    }

    .overview .email-a-friend:before {
        background: url(../img/icon-product-email-friend.png) center no-repeat
    }

    .overview .back-in-stock-subscription:before {
        background: url(../img/icon-product-subscribe-available.png) center no-repeat
    }

    .overview .download-sample-button:before {
        background: url(../img/icon-product-download-sample.png) center no-repeat
    }

.overview .delivery-date > span, .overview .gtin > span, .overview .manufacturer-part-number > span, .overview .manufacturers > span, .overview .product-vendor > span, .overview .sku > span, .overview .stock > span, .variant-overview .delivery-date > span, .variant-overview .gtin > span, .variant-overview .manufacturer-part-number > span, .variant-overview .product-vendor > span, .variant-overview .sku > span, .variant-overview .stock > span {
    font-size: 14px;
    display: inline-block
}

.overview .value, .variant-overview .value {
    font-weight: 700;
    margin-left: 5px
}

    .overview .value a {
        font-weight: 700
    }

.free-shipping {
    width: 80%;
    padding: 10px 0;
    margin: 0 auto 10px 10px !important;
    font-size: 14px;
    background: #fff !important;
    border-bottom: 1px solid #f5f5f5;
    font-weight: 600;
    text-transform: uppercase !important;
    text-align: left !important
}

.product-no-reviews, .product-reviews-overview {
    margin: 10px 0 0 20px
}

.product-review-box {
    display: inline-block;
    margin: 0 0 5px
}

    .product-rating-box .rating, .product-review-box .rating {
        width: 100px;
        height: 16px;
        background: url(../img/icon-rating-empty.png) repeat-x
    }

.product-rating-box .rating {
    margin: 0 auto 5px
}

    .product-rating-box .rating div, .product-review-box .rating div {
        width: 100px;
        height: 16px;
        background: url(../img/icon-rating-full.png) repeat-x
    }

.customer-entered-price .enter-price-input {
    width: 50px;
    margin: 10px !important;
    text-align: center;
    font-size: 13px
}

.overview .cart-info, .variant-overview .cart-info {
    font-size: 0;
    text-align: left !important
}

.overview .add-to-cart, .variant-overview .add-to-cart {
    vertical-align: middle;
    font-size: 0
}

.overview .add-to-cart-panel, .variant-overview .add-to-cart-panel {
    position: relative;
    float: left;
    margin-left: 0
}

.overview .qty-label, .variant-overview .qty-label {
    position: absolute;
    left: -25px;
    line-height: 36px;
    display: none
}

.overview .qty-dropdown, .overview .qty-input, .variant-overview .qty-dropdown, .variant-overview .qty-input {
    width: 25px;
    height: 25px;
    border: 1px solid #c9c9c9;
    outline: #f6f6f6 solid 10px;
    padding: 2px;
    margin: 10px !important;
    text-align: center;
    font-size: 13px
}

.overview .qty-dropdown, .variant-overview .qty-dropdown {
    min-width: 38px
}

.overview .add-to-cart-button, .variant-overview .add-to-cart-button {
    border: 0;
    padding: 14px 20px 15px 46px;
    height: 45px;
    background: url(../img/icon-add-to-cart.png) left top no-repeat #1e7694 !important;
    color: #fff;
    font-size: 13px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    font-weight: 600
}

    .overview .add-to-cart-button:hover, .variant-overview .add-to-cart-button:hover {
        background-color: #ececec
    }

.overview .prices, .variant-overview .prices {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: #fff !important;
    height: 46px;
    padding: 3px 8px 4px;
    font-size: 0;
    z-index: 1
}

    .overview .prices:before, .variant-overview .prices:before {
        content: " ";
        position: absolute;
        top: 0;
        left: -9px;
        width: 15px;
        height: 45px;
        background: #fff !important;
        -webkit-transform: skew(-15deg);
        -ms-transform: skew(-15deg);
        transform: skew(-15deg)
    }

    .overview .prices:after, .variant-overview .prices:after {
        content: " ";
        display: inline-block;
        vertical-align: middle;
        width: 1px;
        height: 100%
    }

.overview .non-discounted-price, .overview .old-product-price, .variant-overview .non-discounted-price, .variant-overview .old-product-price {
    display: block;
    font-size: 12px;
    line-height: 19px;
    color: #fff;
    text-decoration: line-through
}

.overview .product-price, .variant-overview .product-price {
    line-height: 13px;
    text-shadow: 1px 1px rgb(0 0 0 / .1);
    font-weight: 700
}

.delivery, .vendorinfo-page .vendor-picture {
    margin-top: 15px
}

.overview .product-price {
    font-size: 22px;
    color: #1e7694 !important
}

.variant-overview .product-price {
    font-size: 13px;
    text-align: center !important
}

.full-description {
    clear: both;
    margin: 0 0 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: justify
}

.login-page .title, .product-collateral .title, .variant-overview .variant-name {
    margin: 0 0 10px;
    font-size: 18px
}

.product-variant-list {
    font-size: 0;
    text-align: center
}

.product-variant-line {
    margin: 0 auto 10px;
    max-width: 320px;
    font-size: 12px
}

.variant-picture {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 0 auto 15px;
    overflow: hidden
}

.variant-overview {
    width: 100%
}

    .order-details-page .order-overview, .variant-overview .variant-description {
        margin: 0 0 15px;
        line-height: 20px
    }

    .checkout-page .pickup-in-store .description, .unit-price, .variant-overview .add-to-wishlist {
        margin-top: 10px
    }

.ui-tabs {
    margin: 0 0 20px;
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / .15)
}

    .ui-tabs .ui-tabs-nav {
        overflow: hidden;
        background: #fff
    }

        .ui-tabs .ui-tabs-nav li a {
            display: block;
            border-bottom: 1px solid #fff;
            background: #dcdcdc;
            padding: 10px 24px;
            font-size: 14px;
            color: #505050
        }

        .ui-tabs .ui-state-active.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
            background: #4c7c13;
            color: #fff
        }

    .ui-tabs .ui-tabs-panel {
        background: #fff;
        padding: 12px
    }

        .ui-tabs .ui-tabs-panel p {
            margin: 10px 0;
            line-height: 20px
        }

.news-list-page .news-content, .product-tags-all-page .product-tags-list, .vendor-list-page .vendor-list {
    background: #fff;
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / .15);
    padding: 10px
}

.product-tags-list li, .vendor-list li {
    display: inline-block;
    font-size: 12px
}

    .blog-page .tags li.separator, .blogpost-page .tags li.separator, .product-tags-list li.separator {
        margin: 0 5px 0 3px
    }

.blog-page .tags a, .blogpost-page .tags a, .product-tags-list a {
    display: inline-block;
    line-height: 24px
}

.vendor-list a {
    padding: 7px 12px;
    font-size: 14px
}

.attributes .option-list:after, .attributes dl:after, .order-details-area:after, .order-review-data:after, .shipment-details-area:after {
    content: '';
    display: block;
    clear: both
}

.attributes dt {
    font-size: 14px;
    padding: 7px;
    background: #ececec
}

.attributes dd {
    padding: 10px 10px 0 0;
    background: #f6f6f6
}

.attributes li {
    margin: 0 10px
}

.attributes select {
    width: auto;
    max-width: 100%
}

.attributes .option-list li > * {
    display: inline-block;
    margin: 10px 4px;
    vertical-align: middle
}

.attributes .qty-box {
    margin: 0 0 0 -3px
}

    .attributes .qty-box input {
        width: 43px;
        border: none;
        box-shadow: 0 0 3px 1px rgb(0 0 0 / .15);
        text-align: center
    }

.attributes.rental-attributes input[type=text] {
    min-width: 280px
}

.ui-datepicker {
    width: 280px;
    background-color: #fff;
    text-align: center
}

.ui-datepicker-header {
    position: relative;
    height: 32px;
    border-color: #000;
    background: url(../img/pattern-nav.png) left top #4c7c13;
    color: #fff
}

    .ui-datepicker-header a {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 32px;
        height: 32px;
        font-size: 0
    }

        .ui-datepicker-header a.ui-datepicker-prev {
            left: 0;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+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/FRgAAAFpJREFUeNqMzzEKgGAMg9EeRhwEBSfvvzg5eAlBdPEGz6U/iIhaKJTyJSSByG0xY0Nz+QeiHB12HOjvUAHrdPEEXMHR9yyBCusfx1Jky4zDGxjZdEpBewfPAQB5weeCp5OjNgAAAABJRU5ErkJggg==) center no-repeat
        }

        .ui-datepicker-header a.ui-datepicker-next {
            right: 0;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODNBMDk3ODNFRUQ4MTFFMkI1QTlBRTgyMjQxQ0U0NzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODNBMDk3ODRFRUQ4MTFFMkI1QTlBRTgyMjQxQ0U0NzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4M0EwOTc4MUVFRDgxMUUyQjVBOUFFODIyNDFDRTQ3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4M0EwOTc4MkVFRDgxMUUyQjVBOUFFODIyNDFDRTQ3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv2x/5EAAABZSURBVHjaYvj//z8DGtYC4ldAfAGIdWHiDFgUgrAhEH8A4tdArAcSYwSrxg1Akq+B2Aak8CmQIcWAHxwnxsSXIBNxudEc6sZXMA9hU6QLVXAGGgJgcYAAAwCrw48pVvch+wAAAABJRU5ErkJggg==) center no-repeat
        }

.ui-datepicker-title {
    position: relative;
    z-index: 0;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000
}

.ui-datepicker-calendar th {
    background-color: #eee
}

.ui-datepicker-calendar td, .ui-datepicker-calendar th {
    width: 14.285%;
    border: 1px solid #ccc
}

    .ui-datepicker-calendar td a, .ui-datepicker-calendar th span {
        display: block;
        min-height: 32px;
        line-height: 32px
    }

        .ui-datepicker-calendar td a:hover {
            background: #eee
        }

.attribute-squares li {
    display: inline-block;
    margin: 0 5px 5px;
    text-align: center
}

.attribute-squares .attribute-square-container {
    display: block;
    position: relative;
    z-index: 0
}

.attribute-squares label {
    display: block !important;
    margin: 0 !important;
    overflow: hidden
}

.attribute-squares .attribute-square {
    display: table !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #444 !important;
    cursor: pointer
}

.tooltip-container:after, .tooltip-container:before {
    content: '';
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    position: absolute
}

.attribute-squares .selected-value .attribute-square-container {
    background-color: #4ab2f1;
    background-color: var(--primary)
}

.attribute-squares li input {
    position: relative;
    z-index: -1;
    margin: -32px 0 0
}

.tooltip-container {
    position: absolute;
    width: 200px;
    color: #000;
    background: #fff;
    border: 1px solid #eee;
    text-align: center;
    visibility: hidden;
    border-radius: 5px
}

    .tooltip-container:before {
        margin-left: -7px;
        border-bottom: 7px solid #eee;
        border-right: 7px solid #fff0;
        border-left: 7px solid #fff0
    }

    .tooltip-container:after {
        margin-left: -6px;
        border-bottom: 6px solid #fff;
        border-right: 6px solid #fff0;
        border-left: 6px solid #fff0
    }

.attribute-squares li:hover .tooltip-container {
    visibility: visible;
    margin-left: -83px;
    margin-top: 5px;
    z-index: 999
}

.tooltip-container .tooltip-header {
    background-color: #f6f6f6;
    height: 25px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    width: 198px;
    font-size: 15px;
    border-bottom: 1px solid #eee
}

.tooltip-container .tooltip-body {
    margin: 5px
}

    .tooltip-container .tooltip-body img {
        border: 0 #fff;
        width: 190px
    }

.giftcard {
    margin: 0 0 20px;
    overflow: hidden;
    clear: both
}

    .giftcard label {
        display: block;
        margin: 0 0 5px;
        font-size: 14px
    }

    .edit-address .custom-attributes .option-list, .giftcard input, .giftcard textarea {
        width: 350px;
        max-width: 100%
    }

    .giftcard textarea {
        height: 150px
    }

.product-reviews-page h1 a {
    font-style: italic
}

    .product-reviews-page h1 a:after, .product-reviews-page h1 a:before {
        content: "''"
    }

.cart-collaterals > div, .home-page .topic-block, .login-page .customer-blocks, .new-comment, .order-details-area, .order-review-data, .shipment-details-area, .write-review {
    margin: 0 0 30px
}

    .product-review-list .title, .sitemap-page .entity-title, .write-review .title {
        margin: 0 0 10px;
        text-align: left
    }

        .product-review-list .title strong, .write-review .title strong {
            font-weight: 300;
            font-size: 18px;
            padding-left: 16px;
            position: relative
        }

    .write-review .review-rating label {
        display: block;
        margin: 0 0 5px;
        font-size: 14px;
        vertical-align: middle
    }

.review-rating ul {
    font-size: 0;
    vertical-align: middle
}

.write-review .review-rating li {
    display: inline-block;
    margin: 0 5px;
    cursor: default;
    vertical-align: middle;
    font-size: 14px;
    height: 17px
}

    .write-review .review-rating li.first {
        color: #c00
    }

    .write-review .review-rating li:nth-child(2) {
        padding-top: 2px
    }

        .write-review .review-rating li:nth-child(2) input {
            vertical-align: baseline
        }

    .new-comment .result, .write-review .review-rating li.last {
        color: #690
    }

.return-request-list-page .comments, .write-review .captcha-box {
    margin: 15px 0 0
}

.write-review .button-1 {
    border-radius: 20px;
    color: #fff;
    padding: 10px 16px;
    font-size: 14px
}

.product-review-item {
    margin: 0 0 30px;
    text-align: left
}

    .product-review-item .review-item-head {
        margin: 0 0 10px;
        overflow: hidden;
        background: #f6f6f6;
        padding: 10px
    }

    .product-review-item .product-review-box {
        float: right;
        margin: 0
    }

    .cart-collaterals .hint, .cart-collaterals .title, .payment-method .method-list, .product-review-item .review-info, .shipping-method .method-list {
        margin: 0 0 5px
    }

        .product-review-helpfulness .vote, .product-review-item .review-info a {
            display: inline-block;
            padding: 0 10px;
            font-weight: 700;
            text-decoration: underline;
            cursor: pointer
        }

.product-review-helpfulness .question {
    margin: 0 5px 0 0;
    font-style: italic
}

.product-review-item .reply {
    margin: 30px 0 0;
    padding: 15px;
    background: #f6f6f6
}

.compare-products-page .button-2, .wishlist-content .button-2 {
    background: #dcdcdc;
    color: #505050;
    box-shadow: 0 1px 0 0 #bbb;
    display: inline-block
}

.product-review-item .reply-header {
    margin: 0 0 10px;
    font-weight: 700
}

.wishlist-content {
    margin: 0 0 20px;
    overflow-x: auto
}

    .wishlist-content .button-2 {
        border-top: 0;
        padding: 10px 16px;
        margin: 0 3px 6px;
        font-size: 14px;
        border: 1px solid #d3d3d3;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.wishlist-page .share-info a {
    display: block;
    margin: 0 0 5px
}

.wishlist-page .edit-item {
    margin-top: 5px;
    text-decoration: underline
}

.compare-products-page img {
    width: 100px;
    max-width: 100%
}

.compare-products-page .button-2 {
    border-top: 0;
    padding: 7px 10px;
    font-size: 12px;
    border: 1px solid #d3d3d3;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.compare-products-page .clear-list {
    display: block;
    background: #4c7c13;
    border: 1px solid #4c7c13;
    color: #fff;
    box-shadow: 0 1px 0 0 #4c7c13;
    padding: 6px 16px;
    font-size: 14px;
    margin: 5px auto 20px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 110px;
    text-align: center;
    text-decoration: underline
}

.popup-window .topic-page {
    padding: 15px
}

.home-page .topic-block-title h2 {
    display: block;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
    padding: 8px 0;
    border-bottom: 1px dashed #797979;
    margin-bottom: 10px
}

.home-page .topic-block-body {
    line-height: 20px;
    margin: 1%;
    font-size: 14px;
    text-align: justify;
    height: 80px;
    overflow: hidden
}

.topic-block h2 {
    font-weight: 400;
    font-size: 18px
}

.comment-body, .topic-block-body, .topic-page .page-body {
    line-height: 20px
}

.enter-password-title {
    margin: 0 0 10px;
    color: #c00
}

.enter-password-form {
    display: inline-block;
    overflow: hidden
}

    .enter-password-form input[type=password] {
        float: left !important;
        width: 200px !important;
        height: 36px !important
    }

    .enter-password-form input[type=submit] {
        float: left !important;
        width: auto !important;
        height: 36px !important;
        border: none !important;
        background: #ccc !important;
        padding: 0 20px !important;
        font-size: 16px !important
    }

.apply-vendor-page .button-1, .contact-page .button-1, .email-a-friend-page .button-1, .new-comment .button-1, .search-input .button-1 {
    padding: 10px 16px;
    background: #4c7c13;
    border: 1px solid #4c7c13;
    color: #fff;
    box-shadow: 0 1px 0 0 #4c7c13;
    font-size: 14px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.account-page .date-of-birth select, .registration-page .date-of-birth select {
    width: 88px
}

.account-page select + select, .registration-page select + select {
    margin: 9px 0 0 10px
}

.gender {
    display: inline-block;
    margin: 0 3px
}

    .gender > * {
        display: inline-block !important;
        vertical-align: middle;
        line-height: 32px;
        margin: 4px !important;
        width: auto !important
    }

#check-availability-button {
    padding: 9px 26px
}

.vat-note, .vat-status {
    display: block;
    margin: 5px 0 0;
    text-align: center
}

.accept-privacy-policy > * {
    display: inline-block;
    line-height: 32px;
    vertical-align: middle
}

.account-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .registration-page .button-1, .registration-page .button-2, .registration-result-page .button-1, .return-request-page .button-1 {
    display: inline-block;
    background: #f1c338;
    border: 1px solid #f1c237;
    color: #fff;
    box-shadow: 0 1px 0 0 #f1c237;
    padding: 10px 26px;
    font-size: 14px;
    margin: 1% auto 0 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.login-page .new-wrapper, .login-page .topic-block, .returning-wrapper, .section {
    padding: 10px;
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / .15)
}

.account-page .button-1:hover, .login-page .button-1:hover, .password-recovery-page .button-1:hover, .registration-page .button-1:hover, .registration-page .button-2:hover, .registration-result-page .button-1:hover, .return-request-page .button-1:hover {
    background: #f2c338
}

.registration-result-page .result {
    margin: 0 0 20px;
    color: #4cb17c
}

.login-page .new-wrapper {
    margin: 0 0 30px;
    background: #fff
}

.login-page .inputs.reversed * {
    margin: 5px 0;
    display: inline-block;
    width: auto
}

.login-page .topic-block, .returning-wrapper {
    background: #fff
}

.customer-blocks .returning-wrapper {
    padding: 17px
}

.login-page .returning-wrapper .form-fields {
    box-shadow: none;
    padding: 0
}

.external-authentication {
    margin: 0 0 20px;
    overflow: hidden;
    text-align: center
}

.password-recovery-page .tooltip {
    margin: 0 0 20px;
    color: red
}

.checkout-attributes dt, .password-recovery-page .result {
    margin: 0 0 5px;
    font-weight: 700
}

.email-to-revalidate, .email-to-revalidate-note {
    display: block;
    margin: 10px 5px;
    vertical-align: middle;
    font-size: 12px;
    white-space: normal
}

.address-list, .order-list {
    font-size: 0;
    margin-bottom: 20px
}

    .address-list > div {
        background: #fff;
        vertical-align: top;
        width: 49%
    }

    .order-list > div {
        background: #fff;
        vertical-align: top;
        width: 32%
    }

.section {
    display: inline-block
}

.buttons {
    margin-bottom: 1% !important;
    margin-top: 0 !important
}

.section .title {
    margin: 0 0 15px;
    font-size: 18px;
    clear: both
}

    .section .title strong {
        font-weight: 600
    }

.account-page .button-2 {
    display: inline-block;
    border-top: 0;
    padding: 10px 16px;
    margin: 0 3px;
    font-size: 14px;
    background: #4c7c13;
    border: 1px solid #eec035;
    color: #fff;
    box-shadow: 0 1px 0 0 #bbb;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

    .account-page .button-2:hover {
        opacity: .8
    }

.account-page .edit-address {
    margin: 0 0 20px;
    padding: 10px;
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / .15);
    background: #fff
}

.address-list-page .info {
    margin: 0 0 10px;
    line-height: 20px;
    font-size: 14px;
    height: 210px
}

.order-list-page .info {
    margin: 0 0 10px;
    line-height: 20px;
    font-size: 14px
}

.address-list-page .add-button {
    margin: 0 0 15px;
    text-align: center
}

.order-list-page .section.recurring-payments {
    width: 100% !important;
    background: #fff;
    overflow-x: auto
}

.return-request-page .section {
    display: block !important;
    width: 100% !important;
    margin: 0 0 25px !important;
    padding: 0;
    box-shadow: none
}

.return-request-file > div {
    display: inline-block;
    width: 350px;
    max-width: 100%;
    vertical-align: middle
}

.return-request-page .qq-upload-button {
    width: 100%;
    height: 36px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 8px
}

.checkout-page .button-1, .shopping-cart-page .button-1, .user-agreement-page .button-1 {
    background: #4c7c13;
    border: 1px solid #4c7c13;
    box-shadow: 0 1px 0 0 #4c7c13;
    margin: 0 auto;
    display: inline-block
}

.return-request-page .qq-upload-list li {
    background-color: transparent !important;
    font-size: 13px;
    color: #333 !important
}

.return-request-list-page .section {
    font-size: 12px;
    vertical-align: top
}

.reward-points-overview {
    font-size: 14px;
    margin: 0 0 10px
}

.reward-points-history .title strong {
    font-size: 20px;
    font-weight: 400
}

.avatar-page .image img {
    border: 1px solid #ccc
}

.avatar-page input[type=file] {
    width: 85px;
    overflow: hidden
}

.terms-of-agreement {
    padding: 0 0 20px;
    line-height: 20px;
    text-align: center
}

.user-agreement-page .button-1 {
    color: #fff;
    font-size: 14px;
    padding: 10px 26px;
    transition: .2s ease-in-out
}

.order-progress a {
    display: block;
    font-size: 12px;
    padding: 50px 0 0;
    background: url(../img/checkout-step.png) center top no-repeat;
    text-align: center;
    min-width: 5vw
}

.opc .allow .step-title, .opc .allow .step-title *, .order-progress li.active-step a {
    cursor: pointer
}

.order-progress li.inactive-step a {
    opacity: .5;
    cursor: default
}

.checkout-page .button-1, .shopping-cart-page .button-1 {
    color: #fff;
    padding: 11px 34px;
    font-size: 14px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.checkout-page .button-2, .shopping-cart-page .button-2 {
    background: #dcdcdc;
    -webkit-transition: .2s ease-in-out;
    color: #505050
}

.shopping-cart-page .button-2 {
    border: 1px solid #d3d3d3;
    box-shadow: 0 1px 0 0 #bbb;
    display: inline-block;
    border-top: 0;
    padding: 10px 16px;
    font-size: 14px;
    transition: .2s ease-in-out;
    margin-top: 10%
}

.checkout-page .button-2, .order-details-page .page-title a {
    border: 1px solid #d3d3d3;
    box-shadow: 0 1px 0 0 #bbb;
    display: inline-block;
    padding: 10px 16px;
    font-size: 14px;
    margin-top: 1%
}

.checkout-page .button-2 {
    border-top: 0;
    transition: .2s ease-in-out;
    border-radius: 5px
}

.order-details-page .page-title a {
    background: #e5ad06;
    color: #fff;
    border-top: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    border-radius: 5px
}

.remove-discount-button, .remove-gift-card-button {
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
    border: 1px solid #ccc;
    background: url(../img/close.png) center no-repeat #fff;
    cursor: pointer
}

.giftcard-remaining {
    display: block;
    font-size: 12px
}

.edit-address .custom-attributes .option-list label {
    width: auto
}

.shopping-cart-page .message-error {
    margin: 0 0 20px;
    font-size: 13px
}

.continue-shopping-wrap, .update-cart-wrap {
    position: relative;
    display: inline-block;
    margin-bottom: 2%
}

    .update-cart-wrap input[type=submit] {
        border: 0;
        padding: 14px 20px 14px 40px;
        background: url(../img/icon-update-cart.png) 12px center no-repeat #4c7c13;
        color: #fff;
        height: 44px;
        font-size: 14px;
        box-shadow: none;
        -webkit-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out;
        margin-right: 10px
    }

    .continue-shopping-wrap input[type=submit], .continue-shopping-wrap input[type=submit]:hover {
        background: url(../img/icon-add-to-cart.png) 1px center no-repeat #1e7694 !important
    }

    .continue-shopping-wrap input[type=submit] {
        border: 0;
        padding: 14px 14px 14px 46px;
        height: 44px;
        font-size: 14px;
        box-shadow: none
    }

    .continue-shopping-wrap:before {
        content: " ";
        position: absolute;
        top: 0;
        height: 44px;
        background: #4c7c13;
        -webkit-transform: skew(-15deg);
        -ms-transform: skew(-15deg);
        transform: skew(-15deg)
    }

    .continue-shopping-wrap input[type=submit], .continue-shopping-wrap:before {
        -webkit-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out
    }

.checkout-attributes, .order-details-page .actions {
    margin: 20px 0 0;
    text-align: center
}

    .checkout-attributes li {
        line-height: 24px
    }

.cart-footer {
    padding: 10px;
    box-shadow: 0 0 3px 1px rgb(0 0 0 / .15);
    background: #fff
}

    .cart-footer .totals {
        width: 200px;
        max-width: 100%;
        margin: 0 auto
    }

    .cart-footer .total-info {
        margin: 0 0 20px;
        font-size: 14px
    }

.cart-total td {
    padding: 3px;
    width: 60%
}

.cart-total-right {
    text-align: left;
    color: #505050
}

.cart-total .will-earn-reward-points span {
    font-size: 13px;
    font-style: italic;
    margin-top: 10px;
    display: block
}

.cart-total .order-total {
    font-size: 16px;
    color: #4c7c13
}

    .cart-total .order-total .cart-total-left {
        color: #333;
        font-weight: 700;
        font-size: 14px
    }

.terms-of-service label {
    cursor: pointer;
    display: inline
}

.terms-of-service .read {
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline
}

.checkout-buttons {
    margin-bottom: 10px
}

.cart-collaterals {
    max-width: 100%;
    margin: 0 auto 30px
}

    .cart-collaterals .title strong {
        font-size: 18px;
        font-weight: 600
    }

    .cart-collaterals .coupon-code input[type=text] {
        display: inline-block;
        width: 58%;
        height: 35px;
        margin: 0 -1px 0 0;
        vertical-align: middle;
        font-size: 13px
    }

    .cart-collaterals .coupon-code input[type=submit] {
        background: #dcdcdc;
        border: 1px solid #d3d3d3;
        color: #505050;
        box-shadow: 0 1px 0 0 #bbb;
        display: inline-block;
        border-top: 0;
        padding: 0 16px;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        height: 35px;
        margin: 0 -1px 0 0;
        vertical-align: middle;
        font-size: 13px
    }

    .cart-collaterals .message {
        margin: 5px 0 0;
        color: #c00
    }

    .cart-collaterals .current-code, .payment-method .payment-description, .shipping-method .method-description {
        margin: 5px 0 0
    }

    .cart-collaterals .shipping-results {
        margin: 20px 0 0
    }

        .cart-collaterals .shipping-results li {
            margin: 10px 0
        }

.checkout-page .section {
    margin: 10px 0;
    display: block;
    box-shadow: #000;
    width: 100% !important
}

.checkout-page .address-grid {
    overflow: hidden;
    padding: 2px
}

.checkout-page .address-item {
    margin: 0 0 20px;
    padding: 10px;
    box-shadow: 0 0 3px 1px rgb(0 0 0 / .15);
    background: #fff
}

    .checkout-page .address-item li, .order-review-data li {
        padding: 2px 0
    }

        .checkout-page .address-item li.name {
            margin: 0 0 5px;
            font-size: 14px
        }

.checkout-page .select-pickup-point {
    margin-bottom: 5px;
    border-radius: 15px;
    box-shadow: rgb(99 99 99 / .1) 0 2px 8px 0;
    width: 50%;
    padding: 18px
}

.checkout-page .pickup-points .pickup-points-map {
    height: 300px;
    margin-bottom: 0
}

.payment-method .method-name > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0
}

.payment-method .method-list li {
    margin: 8px 0 10px 8px;
    display: inline-block;
    width: 32.2%
}

.shipping-method .method-list li {
    margin: 9px 7px 10px;
    display: inline-table;
    width: 31.2%
}

.use-reward-points {
    font-size: 14px;
    margin: 0 0 15px
}

.payment-info .info {
    margin: 0;
    text-align: center
}

.payment-info td:first-child {
    width: 175px;
    padding: 15px
}

.confirm-order .button-1 {
    margin: 0;
    font-size: 18px
}

.order-details-area > div, .order-review-data > div, .shipment-details-area > div {
    background: #fff;
    padding: 10px;
    border-left: 5px solid #4c7c13;
    box-shadow: 0 1px 1px rgb(0 0 0 / .2);
    text-align: left;
    margin-top: 30px
}

.order-details-area .title, .order-review-data .title, .shipment-details-area .title {
    margin: 20px 0 5px
}

    .order-details-area .title:first-child, .order-review-data .title:first-child, .shipment-overview .title:first-child {
        margin-top: 0;
        border-radius: 10px
    }

.order-details-area > div li, .order-review-data > div li, .shipment-details-area > div li {
    margin-top: 5px
}

.order-details-page .section {
    display: block !important;
    width: 100% !important;
    margin: 0 0 20px;
    padding: 0;
    box-shadow: none
}

.order-details-area {
    margin: 0 0 20px;
    overflow: hidden
}

    .order-details-area td {
        float: left;
        width: 100%;
        margin: 0 0 20px;
        vertical-align: top
    }

ul.drop, ul.menu-drop {
    float: right;
    padding: 0
}

.order-completed .details a {
    display: block;
    margin: 5px 0 0;
    font-weight: 700
}

.opc .step-title {
    margin-bottom: 1px;
    overflow: hidden;
    background: #f6f6f6;
    padding: 10px
}

    .opc .step-title * {
        float: left;
        font-size: 16px
    }

    .opc .step-title span {
        margin: 0 10px 0 0
    }

.opc .step {
    margin: 10px 0;
    padding: 10px
}

.opc input[type=text], .opc select {
    max-width: 98%
}

.opc .back-link a {
    font-weight: 700;
    line-height: 32px;
    display: inline-block
}

.opc .please-wait {
    display: block;
    margin: 10px 0 0
}

.order-details-page .page-title {
    margin: 0 0 20px;
    overflow: hidden;
    position: relative
}

.order-details-area .repost .re-order-button, .order-details-page .actions input {
    background: #eec035;
    border: 1px solid #d3d3d3;
    color: #fdfdfd;
    box-shadow: 0 1px 0 0 #bbb;
    display: inline-block;
    border-top: 0;
    padding: 12px 24px;
    font-size: 14px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.order-details-page .cart-total {
    width: 300px;
    margin: 0 auto 30px
}

.blog-page .tags, .blogpost-page .tags, .shipment-details-page .shipment-details-area {
    overflow: hidden;
    margin: 0 0 20px
}

.shipment-details-page .section {
    margin: 0;
    box-shadow: none;
    padding: 0;
    width: 100%
}

.search-input input + label {
    display: inline;
    margin: 0 0 0 2px
}

.basic-search input[type=text] {
    width: 400px;
    max-width: 100%
}

.advanced-search .price-range {
    display: inline-block;
    margin: 0
}

    .advanced-search .price-range input {
        width: 80px;
        margin: 3px
    }

.search-input .warning, .search-results .result {
    display: block;
    margin: 10px 0 0;
    font-weight: 400;
    color: #c00
}

.search-results {
    margin: 30px 0 0;
    text-align: center
}

.sitemap-page .entity-body {
    line-height: 24px;
    text-align: left;
    box-shadow: 0 0 3px 1px rgb(0 0 0 / .15);
    padding: 10px 5px;
    background: #fff
}

.sitemap-page li {
    display: inline-block;
    margin: 0 5px
}

.sitemap-page a {
    display: block;
    padding: 7px 12px;
    font-size: 14px
}

.year strong {
    display: block;
    padding: 9px 10px;
    border-top: 1px solid #c9c9c9;
    position: relative;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

#VideoGallery .page-title h1, a.DTTT_button, button.DTTT_button, div.DTTT_button {
    padding: 0 !important
}

.news-items {
    font-size: 0;
    text-align: left;
    padding: 15px 0 0
}

    .blog-page .post, .news-items .news-item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 1%
    }

        .blog-page .post + .post {
            padding: 30px 0 0;
            border-top: 1px dashed #797979
        }

.news-title, .post-title {
    display: block;
    margin: 0 0 5px;
    font-size: 18px;
    position: relative;
    padding: 0 0 0 15px;
    text-align: left
}

    .news-title:before, .post-title:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -12px;
        width: 5px;
        height: 23px;
        background: #d8261c
    }

.news-date, .post-date {
    display: block;
    text-align: left;
    font-size: 11px;
    color: #888;
    margin: 0 0 5px
}

.post-content {
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / .15);
    padding: 15px;
    background: #fff
}

.news-item .news-details {
    line-height: 1.4;
    height: 58px;
    overflow: hidden
}

.blogpost-page .post-date {
    margin: 0 0 20px;
    text-align: right
}

.news-body, .post-body {
    line-height: 20px;
    margin: 0 0 20px
}

    .news-body a, .post-body a {
        text-decoration: underline;
        color: #4c7c13
    }

.blog-page .post-body {
    height: 64px;
    overflow: hidden;
    position: relative;
    line-height: 1.2
}

.news-items .read-more, .post .read-more {
    line-height: 1;
    color: #fff;
    text-transform: uppercase
}

.blog-page .post-body:after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    display: inline-block;
    width: 30px
}

.blog-page .tags label, .blogpost-page .tags label {
    display: block;
    font-weight: 700;
    position: relative;
    padding: 0 0 0 15px;
    text-align: left
}

.blog-page .tags li, .blogpost-page .tags li, .post .read-more {
    display: inline-block;
    font-size: 14px
}

.post .buttons {
    overflow: hidden;
    margin: 0
}

.read-comments {
    float: left;
    font-weight: 700;
    position: relative;
    padding: 0 0 0 15px;
    text-align: left
}

.post .read-more {
    float: left;
    clear: both;
    margin: 20px 0 0;
    padding: 10px 20px;
    background-color: #4c7c13
}

.comment-list .title, .comment-list .title strong {
    font-size: 18px;
    font-weight: 300
}

.block-popular-blogtags .tags li {
    margin: 10px 10px 0 !important
}

.new-comment .form-fields {
    margin: 0 0 15px;
    padding: 0;
    box-shadow: none;
    background: 0 0
}

.comment-list .title {
    margin: 0 0 15px;
    text-align: left;
    padding-left: 16px;
    position: relative
}

.blog-comment, .news-comment {
    margin: 0 0 30px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 15px
}

.comment-info {
    width: 120px;
    margin: 0 auto 10px;
    border-bottom: 1px solid #ccc
}

    .comment-info .username {
        display: block;
        padding: 5px
    }

    .comment-info .avatar {
        position: relative;
        width: 110px;
        height: 110px;
        overflow: hidden
    }

        .comment-info .avatar img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto
        }

.comment-time {
    margin: 0 0 10px;
    font-style: italic
}

.comment-title strong {
    font-weight: 400;
    font-size: 16px
}

.news-items .read-more {
    margin: 10px 0 0;
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px;
    background-color: #4c7c13
}

.news-list-homepage {
    margin: 0 0 30px;
    position: relative
}

    .news-list-homepage .title strong {
        display: block;
        font-weight: 300;
        font-size: 40px !important;
        line-height: 30px;
        padding: 10px 0 5px 7px;
        margin-top: 0;
        margin-bottom: 0;
        text-transform: capitalize;
        color: #000 !important
    }

    .news-list-homepage .view-all {
        padding: 10px 0 0;
        text-align: center;
        padding-bottom: 2% !important
    }

        .news-list-homepage .view-all a {
            display: inline-block;
            line-height: 32px;
            font-size: 12px
        }

@media (max-width:320px) {
    .order-progress a {
        font-size: 9px !important
    }
}

@media (max-width:444px) {
    .recaptchatable #recaptcha_image {
        margin: 0 !important;
        width: 200px !important;
        float: left !important
    }

        .recaptchatable #recaptcha_image img {
            max-width: 100%
        }

    .recaptchatable .recaptcha_image_cell, .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r2_c2, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1 {
        background: 0 0 !important
    }

    .pvBvCss {
        display: inline !important;
        color: #000
    }
}

table.dataTable.no-footer {
    border-bottom: 1px solid #f2c338 !important
}

table.dataTable tfoot th, table.dataTable thead th {
    background-color: #505050 !important;
    color: #fff !important
}

table.dataTable thead td, table.dataTable thead th {
    font-size: small
}

p {
    margin: 5px 0 10.5px !important
}

#divHeadingSearch {
    cursor: pointer;
    background-color: #505050;
    width: 100%;
    margin: 0 auto 15px;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgb(0 0 0 / .2);
    color: #fff
}

.buttons a:active, .buttons a:focus, .buttons a:hover {
    background-color: #4c7c13;
    border: 1px solid #4c7c13;
    color: #fff
}

#topcartlink span:hover {
    color: #d4f0af
}

#VideoGallery .page-title, #VideoGallery .page-title h1 {
    background-color: #fff !important;
    color: #000 !important
}

.header-links span:hover {
    color: #d4f0af !important!important
}

.pvBvCss {
    color: #3b3b3b !important
}

.ui-datepicker-title select {
    min-width: 50px !important;
    padding: 8px !important;
    box-shadow: 0 0 3px 1px rgb(0 0 0 / .15) !important;
    border: 0 !important;
    font-size: 12px !important;
    height: 32px !important;
    width: 70px !important;
    margin-bottom: 0 !important;
    margin-top: -4px !important;
    vertical-align: auto !important
}

.nopAjaxFilters7Spikes .block .title a.toggleControl {
    font-family: 'PT Sans',sans-serif;
    font-size: 20px;
    font-weight: 600
}

.nopAjaxFilters7Spikes .close-filters {
    background: 0 0 !important;
    display: none
}

body {
    background: url(../img/wr-bg.jpg) no-repeat !important
}

.quick-view-button a {
    color: #fcfcfc !important;
    background: url(../img/icon-qv.png) 10px center no-repeat #d4f0af !important;
    border-radius: 30px !important
}

.gallery .picture-wrapper .picture {
    border: 1px solid #f0f4f7 !important
}

@media(max-width:460px) {
    .filtersPanel {
        margin-top: 20px;
        position: relative
    }

    .filtersGroupPanel {
        border-top: 0 solid #23bdff !important
    }

        .filtersGroupPanel::after {
            border: 0 !important
        }
}

.top-header {
    background: #092e7f; /*! padding: 5px 0; */
    height: 33px
}

    .top-header p {
        color: #fff
    }

        .top-header p img {
            padding-right: 5px
        }

ul.menu-drop {
    margin: 10px 0 0
}

    ul.menu-drop li {
        display: inline-block;
        margin-right: 5px;
        padding: 0 5px;
        float: left;
        color: #fff
    }

        ul.menu-drop li a {
            color: #fff;
            text-decoration: none
        }

ul.drop {
    margin: -35px 0 0;
    position: relative
}

    .dropdown-link ul, ul.drop li {
        position: relative;
        float: left
    }

    ul.drop li {
        display: inline-block;
        margin-right: 0;
        color: #fff
    }

        ul.drop li a {
            padding: 10px;
            display: block;
            color: #fff;
            text-decoration: none
        }

.dropdown-link {
    position: absolute;
    top: 100%;
    left: 0;
    display: none
}

    .dropdown-link ul {
        margin: 0;
        padding: 0;
        clear: both;
        z-index: 99999999
    }

        .dropdown-link ul li {
            margin: 0;
            float: none;
            width: 130px;
            background: #fff;
            border: 1px solid #e7e7e7;
            text-align: left
        }

.col-7 {
    width: 58.33333333%;
    padding-right: 15px
}

@media(max-width:480px) {
    .item-box {
        display: block !important;
        margin: 5px auto !important
    }

    .product-grid .title {
        text-align: center !important
    }

    .footer-block .topic-block h2 {
        font-weight: 300 !important;
        font-size: 22px !important;
        padding-left: 6px !important;
        position: relative !important;
        margin: 0 0 15px !important;
        color: #333 !important
    }

    .top-header {
        background: #2684e8;
        padding: 5px 0;
        height: 105px
    }

    .col-5 {
        width: 41.66666667%;
        float: left;
        padding-left: 15px
    }

    .col-7 {
        width: 58.33333333%;
        padding-right: 15px
    }

    .fl-right {
        float: right
    }

    @media(max-width:480px) {
        .top-header {
            background: #2684e8;
            padding: 5px 0;
            height: 105px
        }

        .col-5 {
            width: 100%;
            float: left;
            padding-left: 15px
        }

        .col-7 {
            width: 100%;
            padding-right: 15px
        }

        .fl-right {
            float: right
        }

        ul.menu-drop {
            float: right;
            padding: 0 20px;
            margin: 0
        }

            ul.menu-drop li {
                padding: 4px 3px
            }

        ul.drop {
            float: left;
            padding: 0;
            margin: 2px 0 0;
            position: relative
        }

            ul.drop li {
                display: inline-block;
                margin-right: 0
            }

                ul.drop li a {
                    padding: 5px 10px
                }

                    ul.drop li a img {
                        display: none
                    }
    }

    .new-footer h3 {
        font-size: 20px !important;
        color: #333;
        font-weight: 600 !important
    }

    .new-footer .footer-menu {
        padding-left: 0 !important
    }

    .new-footer-wrapper {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .footer-top-box {
        border: 2px solid #d9e5ee;
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px
    }

        .footer-top-box img {
            float: left
        }

        .footer-top-box h3 {
            font-weight: 600 !important;
            text-transform: uppercase;
            font-size: 18px !important
        }

        .footer-top-box p {
            color: #666;
            font-size: 16px !important;
            font-weight: 600
        }

    .footer-bottom {
        color: #b9b9b9
    }

        .footer-bottom a {
            color: #82c327
        }

    .btn-primary {
        background: #1e7694 !important;
        color: #fff !important;
        padding: 10px 20px !important
    }

    @media (max-width:500px) {
        #e1 {
            min-width: 400px;
            overflow: scroll
        }
    }

    @media (min-width:980px) {
        #dvAlign {
            margin-top: 16px !important
        }
    }

    .grpDV {
        width: 100%;
        overflow: scroll
    }

    .breadcrumb {
        background-color: transparent !important
    }

    .dropdownlist_css {
        display: block;
        text-align: center;
        height: 40px;
        background: 0 0
    }
}

@media (max-width:1024px) {
    .cart-collaterals .coupon-code input[type=text], .estimate-shipping input[type=text], input[type=password], select, textarea {
        width: 100%
    }

    .shopping-cart-page .button-2 {
        margin-top: 2% !important
    }
}

@media (max-width:990px) {
    .checkout-page .dropdownlist_css, .opc .dropdownlist_css {
        display: inline-block !important
    }

    .checkout-page .inputs input[type=password], .checkout-page .inputs input[type=text], .checkout-page .inputs select, .checkout-page .inputs textarea, .opc .inputs input[type=password], .opc .inputs input[type=text], .opc .inputs select, .opc .inputs textarea, .shipping-addresses .inputs input[type=password], .shipping-addresses .inputs input[type=text], .shipping-addresses .inputs select, .shipping-addresses .inputs textarea {
        width: 95% !important
    }

    .cart-collaterals .shipping label {
        margin: 10px 10px 10px 0
    }
}

.blink {
    animation: 1s steps(5,start) infinite blink-animation;
    -webkit-animation: 1s steps(5,start) infinite blink-animation;
    color: var(--second-color) !important;
    text-align: center !important
}

@keyframes blink-animation {
    to {
        visibility: hidden
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden
    }
}

.noteheight {
    height: 10px
}

.buttonheight {
    height: 70px
}

.discountcartsummary .remove-discount-button {
    width: 62px;
    height: 17px;
    padding: 0 !important
}

.wishlist-page .share-info a {
    color: blue;
    text-decoration: underline;
    font-weight: 700
}

.selected-shipping-method {
    line-height: 1.6em
}

@media(max-width:768px) {
    .overview .product-price, .side-2 .title {
        text-align: center !important
    }

    .buttons {
        margin-bottom: 1% !important;
        margin-top: 2% !important
    }

    .overview .product-name h1 {
        font-size: 18px;
        font-weight: 500
    }

    .overview .short-description {
        padding: 10px
    }

    .overview .discounted-price {
        margin-top: 20% !important;
        margin-bottom: 10% !important
    }
}

@media(max-width:700px) {
    .cart-collaterals .coupon-code input[type=submit] {
        margin-top: 10px;
        text-align: center
    }

    .cart-collaterals {
        width: 100%
    }

    select {
        min-width: 100% !important
    }

    .news-item-page .inputs:first-child label {
        display: block !important;
        margin-top: 10px
    }

    .news-item-page .inputs input[type=text] {
        width: 100% !important
    }
}

@media(max-width:600px) {
    .forum-page .forums-table-section {
        overflow: scroll
    }

    .home-page-category-grid .title strong, .product-grid .title strong {
        font-size: 22px
    }

    .overview .product-price {
        text-align: center !important
    }
}

@media (min-width:350px) and (max-width:490px) {
    .checkout-page .checkout-data, .shopping-cart-page {
        padding: 0 10px !important
    }

    .checkout-page .paymentinfopadding {
        padding: 0 5px !important
    }
}

.descriptionheight {
    height: 0 !important
}

.overview .qty-input {
    margin: 0 !important
}

.overview .custom-pvbv {
    font-size: 18px
}

.attribute-squares .attribute-square-container {
    padding: 4px;
    margin: 4px
}

.sub-category-grid .item-box {
    width: 30% !important
}

.add-to-wishlist {
    margin-top: 3% !important
}

.attributes select {
    min-width: 50px !important;
    height: 42px;
    padding: 10px;
    vertical-align: middle;
    border: 0;
    font-size: 14px !important;
    border: 1px solid var(--primary) !important;
    border-radius: 5px;
    font-weight: 700;
    color: var(--text-color-black);
    margin-left: 4px
}
