.btn.btn-default, .btn.btn-primary {
    padding: 10px 15px;
    color: #fff !important;
    font-size: 14px
}

body {
    font-family: Montserrat,sans-serif;
    background: #fff;
    color: var(--text-color)
}

.Eventitem-box h2, .profile-page .profile-info-box .user-stats, ul {
    margin: 0;
    padding: 0
}

.login-page .checkout-as-guest-or-register-block li, .login-page .external-auth-errors li, .message-error ul li, .opc li, .order-details-page .billing-info, .order-details-page .shipping-info, .order-summary-content .checkout-attributes ul.option-list li, .poll-options, .product-details-page .attributes ul.option-list li, .product-reviews-page .review-rating ul li, .profile-page .profile-info-box .profile-stats li, li {
    list-style: none
}

.admin-header-links {
    background: #071018;
    text-align: center;
    display: block !important;
    padding: 5px 0
}

    .admin-header-links a, .footer-designedby, .footer-lower .poweredby {
        color: #fff
    }

.btn.btn-primary {
    background: var(--btn-primary) !important;
    border: none;
    border-radius: 0;
    font-weight: 700;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out
}

    .btn.btn-primary:focus, .btn.btn-primary:hover {
        background: var(--btn-primary-hvr) !important;
        opacity: 1 !important
    }

.btn.btn-default {
    background-color: var(--btn-primary);
    border: none;
    border-radius: 0;
    font-weight: 400;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out
}

    .btn.btn-default:focus, .btn.btn-default:hover, .rich-blog-homepage .read-more:hover {
        background-color: var(--btn-primary-hvr)
    }

#newsletter-email, #newsletter-subscribe-button, .form-control, .forum-search-box .btn, .forum-search-box .form-control, .header .search-box .btn, .panel {
    border-radius: 10px
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus, a:focus, input[type="checkbox"]:focus, input[type="file"]:focus, input[type="radio"]:focus {
    outline: 0
}

.form-control:focus {
    border-color: #f10044;
    box-shadow: none
}

.master-wrapper-page.container {
    margin-top: 15px;
    overflow: hidden
}

.main-menu.goToTop {
    left: 0;
    top: 0 !important;
    z-index: 9999;
    position: fixed;
    max-width: 100% !important;
    border-radius: 0;
    background: #0e1c29;
    box-shadow: 0 0 5px #444;
    -webkit-box-shadow: 0 0 5px #444;
    -moz-box-shadow: 0 0 5px #444;
    background: var(--header-top)
}

.navbar.navbar-inverse {
    max-width: 100% !important;
    border: none;
    background-color: #fff0;
    margin-bottom: 0
}

.header-links .logo {
    height: 48px
}

.manage-page, .method-description, .send-pm-button {
    margin-left: 15px
}

.header-upper {
    box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    height: 47px;
    border-bottom: 1px solid #33393e
}

.currency-selector, .flyout-main-wrapper.shopping-cart-link, .footer-upper .social-wrapper, .forum-topic-page .topic-post .post-head .post-actions, .language-selector, .list-grid-view, .wishlist-page .wishlist-add-to-cart {
    float: right
}

.header-selectors-wrapper select {
    background: url(/Themes/WristwearTheme/Content/images/down-caret.png) right center no-repeat #071018 !important;
    color: #fff;
    width: 80px;
    margin-top: 0 !important;
    padding: 0 5px !important;
    height: 26px;
    font-size: 12px;
    border: none !important;
    -moz-appearance: none;
    -webkit-appearance: none
}

.header-links-wrapper .admin-header-links {
    display: none !important
}

.header-links-wrapper .header-top-right {
    float: right;
    width: auto;
    position: relative
}

.block.block-recently-viewed-products.well.box-shadow-wrapper .product-picture, .eq-ie11 .customer-info-page .date-birth-text > SELECT, .eq-ie11 .registration-page .date-birth-text > SELECT, .footer-upper .social-wrapper li, .form-title-rquired, .forum-page .forum-top .forum-info, .forum-topic-page .topic-post .post-head .manage-post, .forum-topic-page .topic-post .post-head .post-time, .forum-topic-page .topic-post .post-head .quote-post, .header-menu .navbar.navbar-inverse .nav.navbar-nav > li, .header-top-right ul li, .lt-ie11 .customer-info-page .date-birth-text > SELECT, .lt-ie11 .registration-page .date-birth-text > SELECT, .mini-shopping-cart .price, .newsletter-subscribe-block .newsletter-email, .owl-carousel .owl-item, .product-details-page .add-to-cart .product-add-button, .rating-options, .review-rating .last, .wishlist-compare-wrapper, .wishlist-compare-wrapper .button-add-to-cart, .wishlist-compare-wrapper .button-comparelist, .wishlist-compare-wrapper .button-wishlist, .wishlist-page .share-info, .wishlist-page .update-email-button {
    float: left
}

    .header-top-right ul li.my-account a, .header-top-right ul li.register a {
        border-left: 1px solid #33393e
    }

    .header-top-right ul li > a {
        padding: 14px 15px;
        border-right: 1px solid #33393e;
        font-size: 16px;
        float: left;
        line-height: 14px;
        color: var(--icon-color) !important;
        text-decoration: none
    }

    .header-top-right ul li a:hover {
        color: var(--icon-hover)
    }

    .btn-secondary:hover, .header-top-right ul li > a h2 {
        color: var(--text-color)
    }

.forum-search-page .checkbox > input, .search-box .ui-menu .ui-menu-item a.ui-state-active, .search-box .ui-menu .ui-menu-item a.ui-state-focus {
    margin-top: 0 !important
}

.search-box .ui-state-focus, .search-box .ui-widget-content .ui-state-focus, .search-box .ui-widget-header .ui-state-focus {
    background: 0 0;
    border: none
}

.header-lower .search-box .ui-widget-content {
    border-radius: 0;
    border: 1px solid #ddd;
    padding: 0
}

.apply-vendor-page .topic-html-content, .checkout-data .order-review-data .billing-info .payment-method, .checkout-data .order-review-data .shipping-info .shipping-method, .forum-search-page .search-results .forums-table-section, .header-lower .search-box .ui-autocomplete li:first-child, .navcontainer .tab-content, .private-messages-page .nav-tabs, .product-details-page .nav-tabs, .product-details-page .product-specs-box .panel, .product-list .thumbnail, .profile-page .nav-tabs, .register-content .sparkline13-list, .variant-overview .tax-shipping-info {
    border: none
}

.header-lower .ui-autocomplete li {
    border-top: 1px dashed #bbb;
    float: left;
    width: 100%
}

    .header-lower .ui-autocomplete li a {
        padding: 10px;
        border-radius: 0;
        font-family: "Open Sans",sans-serif;
        font-size: 12px;
        background: #f5f5f5;
        cursor: pointer;
        float: left;
        width: 100%
    }

        .block.block-recently-viewed-products.well.box-shadow-wrapper ul li:hover .product-name, .blog-posts .post .tags-list .separator, .blogpost-page .tags .separator, .breadcrumb-wrapper .breadcrumb li a:hover, .customer-info-page .extrnal-table a, .customer-info-page .form-fields.add-more-external-records a, .downloadable-products-page .panel.panel-default table a, .email-a-friend-page h2 a, .forum-subscriptions-page .new-product-iteam a:hover, .forum-topic-content-top .actions .actions-btn:hover a, .forum-topic-page .topic-actions.lower a:hover, .forum-topic-page .topic-post .post-head .manage-post a:hover, .forums-table-section-title .link-rss, .header-lower .ui-autocomplete li a:hover, .item-box .product-item .product-title a:hover, .login-page .form-group .forgot-password a:hover, .manufacturers .value a, .my-product-reviews-list-page .user a, .news-item-page .news-date, .order-details-page .total-info .panel.panel-default table tr .grand-total-prices, .order-summary-content .total-info .panel.panel-default table tr .grand-total-prices, .private-messages-page .panel.panel-default a, .product-details-page .prices .rental-price span, .product-details-page .product-reviews-overview .product-no-reviews a:hover, .product-details-page .product-reviews-overview .product-review-links a:hover, .product-filters .filter-content .title strong, .product-reviews-page a, .product-tags-all-page a:hover, .product-vendor .value a, .recently-added-products-page .link-rss, .remove-filter a:hover, .result.review-result, .section.order-completed a, .shopping-cart-link > a:hover i, .topic-html-content a, .viewmode-icon.selected, .viewmode-icon:focus, .viewmode-icon:hover {
            color: var(--link-hvr)
        }

.header-lower .ui-autocomplete img {
    display: block;
    float: left;
    min-width: 30px;
    margin-right: 10px
}

.csharpcode pre, .header-lower .ui-menu .ui-menu-item a.ui-state-active, .header-lower .ui-menu .ui-menu-item a.ui-state-focus, .product-details-page .attributes dd, .product-details-page .product-tags-box .product-tags-list ul, .product-reviews-page .product-review-list, .profile-page .user-last-posts .topic-body p, .section.order-completed .title, .section.shipping-method .radio {
    margin: 0
}

.header-lower .ui-autocomplete li a span {
    float: left;
    width: 80%
}

.header-lower .search-box {
    float: right;
    position: relative;
    margin-top: 0
}

    .customer-info-page .checkbox-inline, .customer-info-page .radio-inline, .forum-search-box .navbar-form, .header-lower .search-box .navbar-form, .login-page .checkbox label, .product-selectors .remove_left_padding, .section.payment-method .use-reward-points {
        padding-left: 0
    }

    .header-lower .search-box .search-nav {
        background: var(--serach-bg);
        width: 260px;
        padding: 0;
        border-radius: 50px
    }

        .forum-search-box .search-box-text:focus, .forum-search-box .search-nav:focus, .header-lower .search-box .search-nav:focus, .product-details-page .attributes ul.color-squares .selected-value .color-container .color, .product-details-page .attributes ul.image-squares .selected-value .image-container .image, .viewmode-icon:hover {
            border-color: #f10044;
            border-color: var(--border)
        }

.search-box .btn.search-box-button {
    background: url(../images/search-icon.png) no-repeat;
    border-radius: 0;
    width: 34px;
    height: 34px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    right: -10px;
    position: absolute;
    margin-top: 11px
}

.form-control::-moz-placeholder, .form-control::-webkit-input-placeholder {
    color: #fff !important;
    opacity: 1
}

#small-searchterms.form-control {
    color: #fff !important;
    padding: 0 40px 0 10px;
    border: 1px solid var(--white);
    margin: 0 !important;
    width: 100% !important
}

.flyout-main-wrapper .flyout-cart-wrapper {
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 999999;
    width: 300px;
    box-shadow: 0 0 2px rgb(0 0 0 / .25);
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / .25);
    -moz-box-shadow: 0 0 2px rgb(0 0 0 / .25);
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    opacity: 0;
    visibility: hidden
}

.flyout-main-wrapper {
    float: right;
    position: relative
}

    .flyout-main-wrapper .shopping-cart-link .cart-label {
        color: var(--icon-color);
        font-size: 14px
    }

    .flyout-main-wrapper .shopping-cart-link .cart-qty {
        color: var(--link-a);
        font-size: 14px
    }

    .flyout-main-wrapper .flyout-cart-wrapper::before {
        background: url(../images/flyout-arrow-top.png) center center no-repeat;
        content: " ";
        height: 14px;
        left: 70%;
        position: absolute;
        top: -14px;
        width: 26px
    }

.flyout-cart-wrapper.active {
    opacity: 1;
    visibility: visible
}

.header-lower .flyout-cart-wrapper .mini-shopping-cart .count a {
    float: none;
    border-right: 0
}

.header-lower .flyout-cart-wrapper a {
    border-right: none
}

.mini-shopping-cart {
    padding: 0 15px;
    text-align: left;
    font-size: 14px;
    color: #000;
    overflow-y: auto;
    max-height: 400px;
    scrollbar-width: none
}

    .mini-shopping-cart .count {
        padding: 10px 0;
        color: #000;
        border-bottom: 1px solid #787777
    }

        .mini-shopping-cart .count a {
            margin: 0 2px;
            font-weight: 700;
            color: #f10044;
            color: var(--main-color)
        }

    .mini-shopping-cart .items, .order-summary-content .estimate-shipping .shipping-options .form-group {
        margin: 0 0 10px 0
    }

    .mini-shopping-cart .item {
        overflow: hidden;
        padding: 10px 0;
        border-bottom: 1px solid #787777
    }

    .mini-shopping-cart .picture {
        float: left;
        text-align: center;
        width: 70px
    }

        .mini-shopping-cart .picture a {
            display: block;
            position: relative;
            overflow: hidden;
            padding: 0
        }

            .mini-shopping-cart .picture a:before {
                content: "";
                display: block;
                padding-top: 0
            }

        .mini-shopping-cart .picture img {
            position: inherit;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            max-width: 100%;
            width: 70px
        }

        .mini-shopping-cart .picture + .product {
            float: left;
            margin-left: 15px
        }

    .mini-shopping-cart .name {
        margin: 0 0 5px;
        overflow: hidden;
        width: 100%;
        float: left
    }

        .mini-shopping-cart .name a {
            color: #f10044;
            font-size: 13px;
            color: var(--main-color)
        }

            .mini-shopping-cart .name a:hover {
                color: #37465d;
                text-decoration: none
            }

    .mini-shopping-cart .attributes {
        margin: 5px 0;
        color: #606162;
        float: left;
        width: 100%
    }

    .mini-shopping-cart .buttons, .mini-shopping-cart .totals {
        margin: 0 0 15px;
        width: 100%;
        display: inline-block;
        clear: both
    }

    .mini-shopping-cart .totals {
        font-size: 14px;
        float: left;
        color: #000;
        text-align: center;
        font-weight: 700
    }

        .mini-shopping-cart .totals strong {
            font-size: 14px
        }

    .mini-shopping-cart input[type="button"] {
        background: #37465d;
        display: inline-block;
        border: none;
        padding: 10px;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        width: 100%
    }

        .forum-topic-page .topic-post .post-info .send-pm a:hover, .mini-shopping-cart input[type="button"]:hover, .order-progress .nav.nav-pills li.active-step a, .private-messages-page .nav-tabs li.active a:hover, .private-messages-page .nav-tabs > li.active > a:focus, .product-details-page .nav-tabs li.active a:hover, .product-details-page .nav-tabs > li.active > a:focus, .profile-page .nav-tabs li.active a:hover, .profile-page .nav-tabs > li.active > a:focus {
            background: var(--btn-primary-hvr)
        }

    .mini-shopping-cart .product {
        width: 65%
    }

    .mini-shopping-cart .quantity {
        margin-right: 5%;
        text-transform: capitalize;
        color: var(--black)
    }

.empty-shopping-cart {
    padding: 15px 0;
    color: #333;
    font-weight: 700
}

.forum-subscriptions-page .new-product-iteam a, .mini-shopping-cart .price span, .product-tags-all-page a, .remove-filter a {
    color: var(--link-a);
    font-weight: 700
}

.mini-shopping-cart .price span {
    color: var(--black)
}

.shopping-cart-link > a {
    border-right: 1px solid #33393e;
    display: inline-block;
    padding: 13px 15px
}

.fa.fa-shopping-cart {
    font-size: 16px;
    margin-right: 10px
}

.search-box .ui-autocomplete-loading {
    background: url(../images/ajax_loader_small.gif) right center no-repeat #fff
}

.ui-autocomplete {
    z-index: 10 !important
}

    .a-left, .ui-autocomplete .ui-menu-item a {
        text-align: left !important
    }

.header-lower {
    padding: 10px 0;
    position: relative;
    background: var(--header-lower)
}

.header-menu .navbar-default {
    background-color: #fff0;
    border-color: #fff0;
    margin-bottom: 0
}

.header-menu {
    background: #0e1c29;
    margin-top: 15px
}

    .Dashboard #mydirectDataTable_filter, .Dashboard #nestedDataTableOne_filter, .Dashboard #nestedDataTableTwo_filter, .MemMenu .plus-button, .block.block-popular-tags.box-shadow-wrapper .listbox .tags ul li:last-child span, .canvasjs-chart-credit, .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu.sub-menusublist.first-level li .dropdown-menu.sub-menusublist.first-level, .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu.sub-menusublist.first-level li .dropdown-menu.sub-menusublist.first-level li .dropdown-menu.sub-menusublist.first-level, .notification-icon, .opc .buttons .back-link small, .opc .buttons.disabled button, .product-details-page .product-tags-box .product-tags-list .separator, .sparkline13-outline-icon, ul.MemMenu .fa-circle {
        display: none
    }

    #checkout-confirm-order-load .billing-info .payment-method, #checkout-confirm-order-load .shipping-info .shipping-method, .apply-vendor-page .from-panel .panel-body, .blogpost-page .comment-info, .checkout-page .checkout-data .billing-info .payment-method, .checkout-page .checkout-data .shipping-info .shipping-method, .comment-content, .external-authentication ol, .footer ul.nav li a, .forum-search-page .forums-table-section, .header-menu .navbar.navbar-inverse .navbar-collapse, .new-billing-address, .new-shipping-address, .news-comment .comment-info, .panel-body, .product-details-page .product-tags-box .panel-heading, .product-filters.price-range-filter .filter-content ul, .qty-box .qty-text, .recently-added-products-page .page-body, .recently-viewed-products-page .page-body, .title.panel-heading {
        padding: 0
    }

    .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.active > a {
        background: #0e1c29;
        padding: 20px 22px;
        border-top: 2px solid #f10044;
        border-bottom: 2px solid #f10044;
        color: #f10044
    }

    .address-list-page ul .email a:hover, .back-in-stock-subscription-list-page .a-left.product a:hover, .blog-page .blog-details a, .blog-page .blog-details ul li a, .blog-page .post-head a, .blogpost-page .post-body p a:hover, .blogpost-page .tags ul li a, .compare-products-page .compare-products-table a:hover, .customer-info-page .extrnal-table a:hover, .customer-info-page .form-fields.add-more-external-records a:hover, .downloadable-products-page .a-center.order a, .downloadable-products-page .a-center.product a:hover, .downloadable-products-page .panel.panel-default table a:hover, .email-a-friend-page h2 a:hover, .forum-group-page .forums-table-section-body tr td a, .forum-group-page .forums-table-section-title a, .forum-page-edit .manage a, .forum-page-edit .post-content .pull-right a, .forum-page-edit .send-pm-box a:hover, .forum-page-edit .topic-footer a, .forum-page-edit .topic-header a, .forum-search-box .advanced a, .forum-search-page a, .forum-subscriptions-page .a-left.info a, .forum-subscriptions-page .data-table, .forum-top a:hover, .forum-top i:hover, .forum-topic-page .topic-post .post-head .quote-post a:hover, .forums-main-page a, .forums-table-section .topic-name a:hover, .forums-table-section td.forum-name .forum-title a:hover, .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu li.active a, .manufacturers .value a:hover, .my-product-reviews-list-page .user a:hover, .news-item-page .news-body p a:hover, .news-list-pag .news-head a, .order-details-page .a-left.name a:hover, .order-details-page .section.shipments a:hover, .private-messages-page .data-table a, .private-messages-page .panel-body ul li a:hover, .private-messages-page .panel.panel-default a:hover, .product-reviews-page a:hover, .product-vendor .value a:hover, .return-request-list-page ul li a:hover, .return-request-page .a-left.name a:hover, .section.order-completed a:hover, .shipment-details-page a:hover, .sitemap-page .entity-body ul li a, .topic-html-content a:hover, .wishlist-page .share-info a.share-link:hover {
        color: var(--link-hvr)
    }

    .header-menu .navbar.navbar-inverse .nav.navbar-nav > li > a {
        float: left;
        padding: 20px 22px;
        line-height: 25px;
        color: var(--menu-color);
        text-transform: uppercase;
        font-weight: 700;
        border-top: 2px solid #0e1c29;
        border-bottom: 2px solid #0e1c29
    }

        .header-menu .navbar.navbar-inverse .nav.navbar-nav > li > a:hover {
            border-top: 2px solid #f10044;
            border-bottom: 2px solid #f10044;
            color: #f10044
        }

    .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown > a:hover:before {
        position: absolute;
        left: 40%;
        height: 12px;
        width: 24px;
        content: "";
        top: 54px
    }

    .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu li a {
        padding: 10px 15px 10px 35px;
        line-height: 15px;
        background: url(../images/submenu-deactive-icon.png) 20px 14px no-repeat #f9f9f9 !important;
        white-space: normal;
        word-wrap: break-word
    }

        .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu li a:hover {
            color: #f10044;
            background: url(../images/submenu-active-icon.png) 20px 14px no-repeat #f9f9f9 !important
        }

    .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu {
        border-radius: 0;
        min-width: 200px;
        padding: 5px 0 0;
        background: #f9f9f9;
        border: none;
        width: 200px;
        opacity: 0;
        display: block;
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        visibility: hidden
    }

    .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown:hover .dropdown-menu {
        display: block;
        top: 97%;
        left: 0;
        opacity: 1;
        visibility: visible
    }

    .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu.sub-menusublist.first-level li .dropdown-menu.sub-menusublist.first-level li.dropdown:hover .dropdown-menu.sub-menusublist.first-level, .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu.sub-menusublist.first-level li.dropdown:hover .dropdown-menu.sub-menusublist.first-level {
        display: block;
        top: 13px;
        left: 197px;
        opacity: 1;
        visibility: visible
    }

.slider-wrapper.theme-custom {
    margin-top: 0;
    display: none
}

#index-page .slider-wrapper.theme-custom {
    display: block;
    margin-bottom: 20px
}

.main-menu.goToTop .navbar.navbar-inverse.category-menu {
    margin: 0 auto;
    width: 1140px !important
}

.header-menu .main-menu {
    width: 100% !important;
    transition: 0.5s ease-in-out
}

#checkout-step-billing form, #checkout-step-payment-info form, #checkout-step-payment-method form, #checkout-step-shipping form, #checkout-step-shipping-method form, #index-page .header-menu, .checkout-page .checkout-data .enter-address, .checkout-page .primary-buttons .control-group, .checkout-page .primary-buttons label, .contact-page p, .downloadable-products-page .panel.panel-default table, .eq-ie8 .login-page FIELDSET LEGEND, .forum-search-box .form-group, .forum-topic-page .topic-post .post-head .post-time label, .login-page .new-wrapper legend + ::before, .login-page .returning-wrapper legend + ::before, .order-summary-content .totals .total-info .panel.panel-default, .private-messages-page .nav-tabs li.active, .product-details-page .nav-tabs li.active, .product-details-page .product-specs-box .title, .product-details-page .product-tags-box .title, .profile-page .nav-tabs li.active, .return-request-page .panel.panel-default table, .wishlist-page .totals .total-info .panel.panel-default, .write-review .validation-summary-errors ul {
    margin-bottom: 0;
    background: #fff
}

.theme-custom .nivo-controlNav a.active {
    background: var(--main-color) !important
}

.sub-menusublist li {
    border-bottom: 1px solid #d7d7d7
}

.title.sub-title {
    margin-bottom: 50px;
    position: relative;
    text-align: center
}

    .title.sub-title::before {
        left: 0;
        position: absolute;
        right: 0;
        top: 50%
    }

    .title.sub-title strong::before {
        background: var(--border) none repeat scroll 0 0;
        bottom: -8px;
        content: "";
        display: inline-block;
        height: 2px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        width: 100px
    }

    .title.sub-title strong {
        margin: 20px 0 0;
        display: block;
        position: relative;
        z-index: 10;
        padding: 15px 25px;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 18px;
        letter-spacing: 3px;
        line-height: 18px;
        color: var(--heading-color)
    }

.home-page-polls .title, .rich-blog-homepage .title strong {
    font-weight: 700 !important;
    font-size: 18px;
    letter-spacing: 3px;
    position: relative;
    z-index: 10
}

.rich-blog-homepage .title strong {
    display: block;
    text-transform: uppercase;
    line-height: 18px;
    text-align: center
}

#checkout-payment-info-load .checkout-data input[type="file"], .footer .footer-middle ul li a, .footer-middle .social-wrapper li, .poll strong, .poll-options li, .product-filters .product-spec-color li.color-item {
    display: inline-block
}

.news-list-homepage .news-items .item {
    margin-bottom: 10px;
    border-radius: 0;
    background: #dbd9d9;
    float: left;
    width: 100%;
    padding: 5px
}

    .news-list-homepage .news-items .item:hover {
        -webkit-animation-name: hvr-wobble-to-top-right;
        animation-name: hvr-wobble-to-top-right;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

.Dashboard .sparkline16-graph, .blog-posts .post, .blog-posts .post .post-head, .blogpost-page .comment-list .title, .checkout-data .payment-method ul, .checkout-data .shipping-method .method-name .method-description, .checkout-data .shipping-method ul, .checkout-data .shipping-method ul li, .col8Chart .sparkline16-graph, .forum-search-page .forum-serach-input, .forums-main-page .forums-header, .news-list-homepage .news-items .news-head, .product-details-page .additional-details, .product-details-page .product-reviews-overview, .product-details-page .tier-prices .prices-list .panel-default, .product-grid .product-list .add-info, .product-reviews-page .write-review .review-rating {
    float: left;
    width: 100%
}

.news-list-homepage .news-head a {
    float: left;
    width: 100%;
    background: #eee;
    padding: 25px 0;
    color: var(--black);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    text-align: left
}

.news-list-homepage .news-date, .news-list-page .news-date {
    float: right;
    width: 100%;
    text-align: right;
    margin: 20px 0;
    color: #f10044
}

.news-list-homepage .news-details {
    clear: both;
    line-height: 24px;
    margin-bottom: 25px;
    color: #555
}

.news-list-homepage .read-more, .news-list-page .news-button .read-more {
    text-transform: uppercase;
    padding: 10px 25px
}

    .news-list-homepage .read-more span, .news-list-page .news-button .read-more span, .private-message-send-page .inputs label {
        float: left;
        line-height: 20px
    }

    .news-list-homepage .read-more i, .news-list-page .news-button .read-more i {
        margin-left: 8px;
        float: left;
        line-height: 20px
    }

.forum-topic-page .topic-actions.lower, .home-page .news-list-homepage .view-all {
    clear: both;
    text-align: center
}

    .home-page .news-list-homepage .view-all a, .home-page-polls .buttons .vote-poll-button, .search-page .search-btn {
        text-transform: uppercase;
        padding: 10px 20px
    }

.back-in-stock-subscription-list-page .description, .checkout-data .enter-address .edit-address .form-group, .checkout-page .address-grid, .contact-page .captcha-box, .eq-ie7 legend, .forum-subscriptions-page .description, .news-list-homepage, .news-list-page .item, .order-details-page .order-details-area, .order-details-page .order-overview, .order-details-page .products .title, .order-details-page .shipments .title, .product-reviews-page .captcha-box, .product-reviews-page .write-review .title, .profile-page .user-last-posts .topic, .registration-result-page .result, .return-request-page .section, .search-page .form-group, .shipment-details-page .section .title, .shipment-details-page .shipment-overview {
    margin-bottom: 20px
}

.listbox .poll-results .answer, .search-input label, .sitemap-page .entity-body ul li {
    padding-bottom: 5px
}

#block-poll-vote-error-1 {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    padding: 0 10px;
    margin-top: 10px;
    font-weight: 700;
    clear: both
}

.main-poll {
    background: var(--white);
    box-shadow: rgb(33 35 38 / .1) 0 10px 10px -10px;
    margin: 0 auto;
    width: 50%
}

.home-page-polls .buttons, .poll {
    margin-top: 30px
}

.poll {
    text-align: center
}

.poll-options li {
    float: none;
    margin: 0 30px
}

    .forum-edit-page .checkbox .check-box, .forum-edit-page .submit-post-button, .forum-edit-page .submit-topic-button, .move-topic-page .submit-forum-topic-button, .order-details-page .links .controls i, .poll-options li .radio input, .private-message-send-page .send-pm-button, .private-message-view-page .view-message .btn.btn-default, .private-messages-page .delete-selected-pm-button {
        margin-right: 5px
    }

    .poll-options li label {
        color: #333;
        font-weight: 400
    }

.block.block-poll.well .poll-options li {
    float: left;
    width: 100%;
    margin: 0
}

    #MemberAddMoneyForm .all-form-element-inner .form-group-inner DIV:first-child, .MemMenu .has-sublist, .account-page .form-group label, .address-edit-page .category-iteam, .all-form-element-inner .form-group-inner span, .apply-vendor-page .form-horizontal .control-label, .block.block-poll.well .poll, .block.block-poll.well .poll-display-text, .block.block-poll.well .poll-options li label, .blog-comment .comment-info, .blog-page .page-title.panel-heading h1, .blogpost-page .form-group .category-iteam, .blogpost-page .new-comment .form-group label, .blogpost-page .page-title.panel-heading h1, .contact-page .form-horizontal .control-label, .customer-info-page .category-iteam, .downloadable-products-page .panel.panel-default table .a-center.product, .eu-cookie-law, .form-group-inner span, .forum-edit-page label.checkbox, .forum-edit-page label.options-checkbox, .forum-group-page .forums-table-section .forum-name, .forum-search-page .form-group label, .forums-table-section .topic-name, .news-item-page .page-title.panel-heading h1, .news-list-page .page-title.panel-heading h1, .order-details-page .section .panel.panel-default table .a-center.name, .order-summary-content .cart .cart-item-row td.product, .order-summary-content .cart-header-row .products-title, .payment-info .inputs, .register-content .inputs label, .registration-page .form-horizontal .form-group label, .return-request-page .fieldset label, .return-request-page .form-group label, .search-page .form-group label.checkbox, .search-page .page-title.panel-heading h1, .vendor-contact-page .form-horizontal .control-label, .wishlist-content .cart .cart-item-row td.product, .wishlist-content .cart-header-row .products-title {
        text-align: left
    }

.home-page-polls .title, .poll strong {
    text-align: center;
    text-transform: uppercase
}

.poll strong {
    font-weight: 700;
    margin-bottom: 25px;
    background: #37465d;
    padding: 15px 40px;
    color: #fff
}

.block.block-poll.well.box-shadow-wrapper .poll-total-votes {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    margin-top: 10px
}

.block.block-poll.well.box-shadow-wrapper .listbox .poll-results .answer {
    padding-bottom: 0;
    margin-top: 10px
}

.home-page-polls .title {
    margin: 20px 0 0;
    padding: 15px 25px;
    line-height: 18px;
    border-bottom: 2px solid #f10044 !important;
    border-width: 100px
}

.change-device {
    clear: both
}

.footer {
    float: left;
    width: 100%;
    background: #f8f8f8;
    margin-top: 50px;
    box-shadow: 0 0 20px #ddd;
    -moz-box-shadow: 0 0 20px #ddd;
    -webkit-box-shadow: 0 0 20px #ddd
}

.footer-upper .social-wrapper li a {
    float: left;
    height: 45px;
    width: 45px;
    border: 1px solid #ddd;
    margin-right: 10px;
    text-align: center;
    line-height: 45px;
    background: #fff;
    color: #333;
    font-size: 20px
}

.checkout-page .back-link, .newsletter-subscribe-block .form-group {
    float: left;
    margin-bottom: 0
}

.footer-disclaimer {
    margin-top: 8px
}

#newsletter-subscribe-block #newsletter-email {
    float: left;
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #fff
}

#newsletter-subscribe-block #newsletter-subscribe-button {
    background: url(../images/news-letter-email.png) 18px center no-repeat #fff;
    color: #000;
    font-weight: 400;
    padding-left: 45px;
    font-size: 16px;
    height: 40px;
    text-transform: uppercase;
    background-color: var(--btn-primary)
}

    #newsletter-subscribe-block #newsletter-subscribe-button:hover {
        opacity: .8;
        transition: 0.5s;
        background-color: var(--btn-primary-hvr)
    }

.footer-upper {
    padding: 15px 0;
    background: var(--footer-upper)
}

.newsletter-wrapper strong {
    border-right: 4px solid #fff;
    float: right;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    padding-right: 30px;
    text-transform: uppercase;
    color: #fff
}

.newsletter-result-block {
    color: #fff;
    clear: both;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 10px
}

.footer-middle {
    padding: 35px 0;
    background: var(--footer-middle)
}

    .footer-middle .title {
        margin-bottom: 25px;
        padding-bottom: 25px;
        border-bottom: 2px solid #071018;
    }

        .footer-middle .title strong {
            font-size: 14px;
            color: #fff;
            text-transform: uppercase;
            line-height: 15px
        }

.footer .footer-middle ul li a {
    color: #fff !important;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-weight: 400
}

    .footer .footer-middle ul li a i {
        margin-right: 8px;
        color: var(--icon-color)
    }

.footer-middle ul li a:focus, .footer-middle ul li a:hover {
    background: 0 0;
    color: var(--icon-hover)
}

.footer-middle .contact-wrapper i {
    float: left;
    margin-right: 20px;
    font-size: 16px;
    line-height: 20px
}

.footer-middle .contact-wrapper .address i {
    line-height: 65px
}

.footer-middle .contact-wrapper .phone-number i {
    margin-right: 16px
}

.footer-middle .contact-wrapper .fax i {
    margin-right: 14px
}

.footer-middle .contact-wrapper p {
    float: left;
    width: 85%;
    color: #777;
    letter-spacing: .5px;
    margin-bottom: 10px;
    text-transform: capitalize
}

.footer-lower {
    padding: 20px 0;
    background: var(--footer-lower);
    color: #fff
}

    .footer-lower a {
        color: var(--link-a)
    }

        .footer-lower a:hover {
            color: var(--link-hvr)
        }

.footer-middle .payment-method ul li {
    background: url(../images/payment-method.png) left center no-repeat;
    float: left;
    width: 50px;
    height: 30px;
    margin-right: 5px;
    margin-bottom: 5px
}

.footer-middle .payment-method ul .payment-method2 {
    background-position: -59px center
}

.footer-middle .payment-method ul .payment-method3 {
    background-position: -118px center
}

.footer-middle .payment-method ul .payment-method4 {
    background-position: -178px center
}

.footer-lower .payment-method {
    float: left;
    margin-top: 20px
}

.footer-lower .footer-theme-credit, .product-spec-filter .filter-content .available-items .nav.nav-list .title {
    margin-bottom: 8px
}

.footer-lower .footer-store-theme .theme-selector select {
    color: #000;
    padding: 5px;
    margin-top: 10px
}

.footer-middle .title i {
    color: var(--main-color);
    font-size: 18px;
    margin-right: 15px;
    float: left
}

.footer .footer-middle .social-wrapper li a i {
    color: var(--icon-color);
    height: 45px;
    line-height: 45px;
    margin-right: 0 !important;
    width: 34px;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out
}

.footer .footer-middle .social-wrapper li a {
    /*background: #000;
    border: 1px solid #000;*/
    color: #fff;
    float: left;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    margin-right: 10px;
    text-align: center;
    width: 35px;
    border-radius: 10px
}

    .footer .footer-middle .social-wrapper li a:hover {
        background: #000
    }

        .footer .footer-middle .social-wrapper li a:hover i {
            color: var(--icon-hover);
            transition: 0.5s ease-in-out;
            -moz-transition: 0.5s ease-in-out;
            -o-transition: 0.5s ease-in-out;
            -webkit-transition: 0.5s ease-in-out
        }

#newsletter-email::-moz-placeholder {
    font-size: 16px
}

.newsletter-button:hover {
    opacity: .8;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s
}

.active-discussions-page, .box-shadow-wrapper .listbox .nav.nav-list, .box-shadow-wrapper .listbox .sublist.nav.nav-list, .box-shadow-wrapper .listbox ul li, .box-shadow-wrapper .listbox ul li.active.last, .cart-collaterals, .cart-footer.row, .email-a-friend-page .alert.alert-success, .forum-breadcrumb, .forum-edit-page .form-group.form-submit, .forum-group-page, .forum-page, .my-product-reviews-list-page .review-content, .not-found-page .page-body.from-panel, .order-summary-content .buttons, .product-details-page .attributes.rental-attribute, .product-details-page .price-availability, .product-details-page .price-availability .prices, .product-details-page .price-availability .rental-price, .product-details-page .product-share-button, .product-details-page .product-variant-list .product-variant-line:nth-child(odd), .product-details-page .related-products-grid, .totals {
    clear: both
}

.block-popular-tags.sidebar .nav > li > a:focus, .block-popular-tags.sidebar .nav > li > a:hover, .block.block-popular-tags.well.box-shadow-wrapper .listbox ul li a, .product-list .product-item {
    background: 0 0
}

#customerCurrency, #customerTaxType, #customerlanguage, .eq-ie8 .address-list .address-item, .eq-ie8 .back-in-stock-subscription-list-page .panel-default.panel, .eq-ie8 .checkout-as-guest-or-register-block, .eq-ie8 .checkout-data .section .address-box, .eq-ie8 .compare-products-page .panel-default.panel, .eq-ie8 .downloadable-products-page .panel-default.panel, .eq-ie8 .forum-search-page .search-results .forums-table-section, .eq-ie8 .forum-subscriptions-page .panel-default.panel, .eq-ie8 .forum-topic-content-top, .eq-ie8 .forum-topic-page .topic-posts, .eq-ie8 .forums-table-section, .eq-ie8 .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu, .eq-ie8 .news-list-page .item, .eq-ie8 .order-details-page .billing-info-wrap .info-content, .eq-ie8 .order-details-page .order-info-wrap .info-content, .eq-ie8 .order-details-page .order-info-wrap .side-list-wrap, .eq-ie8 .order-details-page .payment-method-wrap .side-list-wrap, .eq-ie8 .order-details-page .section .panel-default.panel, .eq-ie8 .order-details-page .total-info .panel.panel-default, .eq-ie8 .order-list-page .order-item, .eq-ie8 .order-summary-content .cart-footer .total-info .panel.panel-default, .eq-ie8 .order-summary-content .checkout-attributes, .eq-ie8 .private-message-view-page .view-message, .eq-ie8 .private-messages-page .panel-default.panel, .eq-ie8 .register-block.new-wrapper, .eq-ie8 .return-request-list-page .section, .eq-ie8 .return-request-page .section .panel-default.panel, .eq-ie8 .returning-wrapper, .eq-ie8 .reward-points-page .panel-default.panel, .eq-ie8 .shipment-details-page .order-info-wrap .info-content, .eq-ie8 .shipment-details-page .section .panel-default.panel, .eq-ie8 .sitemap-page .entity, .product-details-page .product-specs-box .table-bordered {
    border: 1px solid #ddd
}

.title.main-title {
    background: var(--btn-primary);
    padding: 15px 20px
}

    .title.main-title strong {
        font-weight: 700;
        font-size: 18px;
        color: #fff
    }

.box-shadow-wrapper .listbox {
    border: 1px solid #ddd;
    padding: 0 15px;
    float: left;
    width: 100%
}

.box-shadow-wrapper {
    margin-bottom: 30px;
    float: left;
    width: 100%;
    padding: 0;
    border-radius: 0;
    border: none;
    background: #fff
}

    .block.block-blog-archive.well.box-shadow-wrapper .listbox ul li strong, .box-shadow-wrapper .listbox ul li a {
        padding: 15px 0 15px 25px;
        float: left;
        width: 100%;
        border-bottom: 1px solid #ddd;
        color: var(--text-color);
        font-size: 14px;
        font-weight: 400;
        text-decoration: none
    }

        .block-blog-archive .listbox ul li a, .block-manufacturer-navigation.box-shadow-wrapper .listbox ul li.active a, .block.block-account-navigation .listbox ul li a.active, .box-shadow-wrapper .listbox ul li a:hover, .box-shadow-wrapper .listbox ul li.active.last > a {
            color: var(--main-color)
        }

    .block.block-blog-archive.well.box-shadow-wrapper .listbox ul li strong, .box-shadow-wrapper .listbox ul li > a {
        background: url(../images/sidebar-submenu-deactive-icon.png) left center no-repeat
    }

    .block-manufacturer-navigation.box-shadow-wrapper .listbox ul li.active > a, .block.block-account-navigation .listbox ul li > a.active, .box-shadow-wrapper .listbox ul li.active.last > a {
        background: url(../images/sidebar-submenu-active-icon.png) left center no-repeat;
        font-weight: 700
    }

    .box-shadow-wrapper .listbox ul li .sublist li a {
        padding: 15px 0 15px 45px;
        background: url(../images/submenu-list-deactive-icon.png) 30px center no-repeat
    }

        .box-shadow-wrapper .listbox ul li .sublist li a:hover, .box-shadow-wrapper .listbox ul li .sublist li.active.last > a {
            background: url(../images/submenu-list-active-icon.png) 30px center no-repeat
        }

    .box-shadow-wrapper .listbox ul li .sublist li .sublist li a {
        padding: 15px 0 15px 60px;
        background: url(../images/submenu-list-deactive-icon.png) 45px center no-repeat
    }

        .box-shadow-wrapper .listbox ul li .sublist li .sublist li a:hover, .box-shadow-wrapper .listbox ul li .sublist li .sublist li.active.last > a {
            background: url(../images/submenu-list-active-icon.png) 45px center no-repeat
        }

    .box-shadow-wrapper .listbox ul li .sublist li .sublist li .sublist li a {
        padding: 15px 0 15px 78px;
        background: url(../images/submenu-list-deactive-icon.png) 60px center no-repeat
    }

        .box-shadow-wrapper .listbox ul li .sublist li .sublist li .sublist li a:hover, .box-shadow-wrapper .listbox ul li .sublist li .sublist li .sublist li.active.last > a {
            background: url(../images/submenu-list-active-icon.png) 60px center no-repeat
        }

    .block.block-poll.well.box-shadow-wrapper .buttons, .box-shadow-wrapper .listbox .view-all {
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%
    }

        .box-shadow-wrapper .listbox .view-all a, .box-shadow-wrapper .listbox .vote-poll-button {
            background: #37465d;
            color: #fff;
            padding: 8px 10px;
            font-size: 14px;
            font-weight: 700;
            float: left;
            margin-bottom: 10px
        }

            .box-shadow-wrapper .listbox .view-all a:hover, .box-shadow-wrapper .listbox .vote-poll-button:hover {
                background: #f10044;
                text-decoration: none
            }

.block.block-popular-tags.box-shadow-wrapper .listbox ul li a {
    float: left;
    width: auto;
    border-bottom: none;
    padding: 0;
    font-size: 100% !important;
    margin-right: 5px
}

.block.block-popular-tags.box-shadow-wrapper .listbox .tags {
    padding: 10px 0;
    float: left;
    width: 100%
}

    .block.block-popular-tags.box-shadow-wrapper .listbox .tags ul li {
        margin-left: 0;
        clear: none;
        margin-bottom: 5px
    }

.block.block-popular-tags.well.box-shadow-wrapper .view-all, .forum-search-page .forum-search-button, .master-column-wrapper {
    margin: 0 5%
}

.block.block-poll.well.box-shadow-wrapper .poll-options.nav.nav-pills {
    margin-left: 0;
    padding-top: 0
}

.block.block-poll.well.box-shadow-wrapper .poll strong {
    padding: 15px 10px;
    margin-top: 10px;
    margin-bottom: 0
}

.block.block-poll.well.box-shadow-wrapper .poll-options li label, .form-control, .inputs, .news-list-homepage .news-items .read-more, .newsletter-email .btn {
    margin: 5px 0
}

.block.block-recently-viewed-products.well.box-shadow-wrapper .product-picture a {
    float: left;
    padding: 15px 0;
    margin-right: 10px;
    border: none
}

.block.block-recently-viewed-products.well.box-shadow-wrapper .product-name {
    float: left;
    border: none;
    background: 0 0;
    padding: 15px 0;
    width: 60%
}

.block.block-recently-viewed-products.well.box-shadow-wrapper ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 0.5s ease-in-out;
            -moz-transition: height 0.5s ease-in-out;
            -o-transition: height 0.5s ease-in-out;
            transition: height 0.5s ease-in-out
        }

.opc .allow .step-title, .order-summary-content .remove-discount-button:hover, .order-summary-content .remove-gift-card-button:hover, .order-summary-content .terms-of-service .read:hover, .owl-controls .owl-buttons div, .owl-controls .owl-page, .registration-page .accept-privacy-policy .read {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: #fff0
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.fieldset .form-fields, .owl-carousel.owl-theme, .product-category-item .picture, .product-details-page .price-availability {
    position: relative
}

.owl-buttons {
    position: absolute;
    top: 50%;
    width: 100%
}

.owl-next, .owl-prev {
    height: 50px;
    width: 50px;
    position: absolute;
    float: left;
    text-indent: -9999px
}

.owl-next {
    background: url(../images/next-arrow.png) no-repeat;
    right: 14px
}

.owl-prev {
    background: url(../images/previous-arrow.png) no-repeat;
    left: 14px
}

.owl-next:hover {
    background: url(../images/next-arrow.png) 0 -70px no-repeat
}

.owl-prev:hover {
    background: url(../images/previous-arrow.png) 0 -70px no-repeat
}

.also-purchased-products-grid .owl-buttons, .crosssell-products-slider .owl-buttons, .product-grid.bestsellers .owl-buttons, .product-grid.home-page-product-grid .owl-buttons, .related-products-grid .owl-buttons {
    top: 35%
}

#checkout-step-confirm-order .order-summary-content .panel.panel-default.cart-item-table, .order-details-page .total-info, .product-grid.cross-sells {
    margin-top: 20px
}

.product-category-item .picture .product-img::before {
    background-color: rgb(255 255 255 / .5);
    bottom: 8%;
    content: "";
    height: 85%;
    left: 5%;
    position: absolute;
    right: 5%;
    top: 8%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    transition: 0.4s cubic-bezier(.25,.46,.45,.94);
    -webkit-transition: 0.4s cubic-bezier(.25,.46,.45,.94);
    -o-transition: 0.4s cubic-bezier(.25,.46,.45,.94);
    -moz-transition: 0.4s cubic-bezier(.25,.46,.45,.94);
    width: 90%
}

.product-category-item .picture:hover .product-img::before {
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1)
}

.product-category-item .picture .title a {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    padding: 22px 0 18px;
    display: inline-block;
    width: 215px;
    background-color: var(--main-color)
}

.product-category-item .picture .title {
    bottom: 35%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 215px;
    display: none
}

.manufacturer-grid .product-category-item .picture .title, .sub-category-grid .product-category-item .picture .title, .vendor-grid .product-category-item .picture .title {
    width: 150px;
    bottom: 35%
}

    .manufacturer-grid .product-category-item .picture .title a, .sub-category-grid .product-category-item .picture .title a, .vendor-grid .product-category-item .picture .title a {
        width: 150px;
        padding: 18px 0;
        font-size: 15px;
        word-wrap: break-word
    }

.manufacturer-grid .owl-buttons, .picture-thumbs.product-slider .owl-buttons, .sub-category-grid .owl-buttons {
    position: inherit;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 40px
}

    .manufacturer-grid .owl-buttons .owl-prev, .picture-thumbs.product-slider .owl-buttons .owl-prev, .sub-category-grid .owl-buttons .owl-prev {
        float: none;
        display: inline-block;
        margin-right: 15px;
        position: inherit
    }

    .manufacturer-grid .owl-buttons .owl-next, .picture-thumbs.product-slider .owl-buttons .owl-next, .sub-category-grid .owl-buttons .owl-next {
        float: none;
        display: inline-block;
        position: inherit
    }

.dashcard:hover .effect-1, .dashcard:hover .effect-2, .forum-edit-page .field-validation-error, .overview .action-button, .private-message-send-page .toolbar, .private-messages-page .pagination, .product-category-item .picture:hover .title {
    display: block
}

.breadcrumb-wrapper .breadcrumb {
    border: none;
    padding: 15px;
    border-radius: 0;
    margin-bottom: 30px;
    clear: both
}

    .breadcrumb-wrapper .breadcrumb li a {
        color: #333;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none
    }

    .breadcrumb-wrapper .breadcrumb li .active, .breadcrumb-wrapper .breadcrumb li .current-item.active {
        color: var(--main-color);
        font-size: 14px;
        font-weight: 700
    }

    .breadcrumb-wrapper .breadcrumb > li + li::before, .breadcrumb-wrapper .breadcrumb > ol + ol::before, .with-subcategories {
        padding: 0 10px
    }

.price.old-price {
    float: left;
    text-decoration: line-through;
    width: 100%;
    font-size: 12px
}

.item-box, .item-box.product-grid {
    height: 100% !important
}

.product-item .description {
    font-size: 12px;
    line-height: 1.4em;
    display: inline-block;
    color: #fff;
    padding: 4px;
    height: 30px
}

.thumbnail {
    border: 1px solid #d4d4d4;
    padding: 0;
    background-color: #fff0;
    overflow: hidden;
    border-radius: 0 0 20px 20px;
    margin-bottom: 0;
    box-shadow: none;
    transform: perspective(1px) translateZ(0)
}

.item-box.product-grid:hover .thumbnail, .product-grid .item-box:hover .thumbnail {
    box-shadow: 0 0 10px #aaa;
    -webkit-animation-name: hvr-hang-sink,hvr-hang;
    animation-name: hvr-hang-sink,hvr-hang;
    -webkit-animation-duration: 0.3s,1.5s;
    animation-duration: 0.3s,1.5s;
    -webkit-animation-delay: 0s,0.3s;
    animation-delay: 0s,0.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

.field-validation-error, .message-error, .section.payment-info .message-error .validation-summary-errors ul, .validation-summary-errors {
    -webkit-animation-name: blinker;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate
}

.item-box.product-grid .thumbnail .caption {
    padding: 0;
    padding-top: 25px !important;
    background: var(--product-caption)
}

.item-box.product-grid, .product-grid .item-box {
    margin-bottom: 50px;
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out
}

.item-box .product-rating-box {
    display: inline-block;
    margin: 0 0 20px;
    width: 100%;
    position: relative
}

.item-box .rating {
    background: url(../images/star-x-inactive.png) repeat-x;
    width: 100px;
    height: 16px;
    margin: 0 auto
}

    .item-box .rating div {
        background: url(../images/star-x-active.png) repeat-x;
        height: 16px
    }

.item-box .product-item {
    background: #fff;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out
}

    .item-box .product-item .picture a img, .product-details-page .thumb-popup-link img {
        width: auto;
        height: 100%
    }

    .item-box .product-item .picture {
        position: relative;
        width: auto;
        height: 100%
    }

    .item-box .product-item .product-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
        line-height: 20px;
        font-size: 16px;
        text-align: center;
        padding: 0 5px
    }

        .item-box .product-item .product-title a {
            color: var(--link-a);
            text-align: center;
            font-weight: 400
        }

.item-box.product-list .sku {
    text-align: left !important;
    padding-left: 32% !important
}

.item-box .product-item .sku {
    text-align: center;
    margin-bottom: 1px;
    margin-top: 1px
}

.item-box.product-grid .product-border-bottom {
    background: #e7e7e7;
    height: 1px;
    margin: 5px auto 15px;
    width: 50%
}

.item-box.product-grid .prices {
    width: 100%;
    float: left;
    text-align: center
}

.item-box.product-grid .product-item .add-info .buttons, .search-page .search-results strong {
    float: left;
    width: 100%;
    text-align: center
}

.item-box .prices span {
    line-height: 26px;
    font-size: 16px;
    font-weight: 700;
    color: #eee6e6;
    display: inline-block;
    width: auto
}

.item-box .prices .price.old-price {
    text-decoration: line-through;
    float: none;
    margin-right: 10px;
    width: auto;
    color: #999
}

.item-box .product-box-add-to-cart-button {
    text-indent: -999px;
    height: 50px;
    width: 50px;
    margin-left: 10px;
    border-radius: 50px;
    float: left;
    background: url(../images/product-cart-icon.png) 12px 16px no-repeat var(--btn-primary) !important;
    border: 2px solid var(--border);
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 15px;
    line-height: 18px
}

.item-box .add-to-compare-list-button, .item-box .add-to-wishlist-button {
    font-weight: 700;
    color: #fff;
    height: 50px;
    width: 50px;
    text-indent: -999999px;
    margin-left: 10px;
    float: left;
    font-size: 14px;
    padding: 10px 15px;
    text-transform: uppercase
}

.item-box .product-box-add-to-cart-button:hover {
    background: url(../images/product-cart-icon.png) 12px -16px no-repeat var(--btn-primary-hvr) !important;
    border-color: #f10044;
    color: var(--text-color);
    text-indent: 1px;
    padding: 10px 15px 10px 40px;
    transition: width 1s ease-in-out;
    -webkit-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    width: 140px !important
}

.item-box .add-to-compare-list-button {
    border-radius: 50px;
    background: url(../images/product-compare-icon.png) no-repeat 12px 16px var(--btn-primary);
    border: 2px solid var(--border);
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out
}

.item-box .add-to-wishlist-button {
    border-radius: 50px;
    background: url(../images/product-wishlist-icon.png) no-repeat 12px 16px var(--btn-primary) !important;
    border: 2px solid var(--border);
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out
}

.item-box .add-to-compare-list-button:hover {
    background: url(../images/product-compare-icon.png) 12px -16px no-repeat var(--btn-primary-hvr) !important;
    text-indent: 1px;
    padding: 10px 15px 10px 40px;
    color: var(--text-color);
    transition: width 1s ease-in-out;
    -webkit-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    width: 225px
}

.item-box .add-to-wishlist-button:hover {
    background: url(../images/product-wishlist-icon.png) 12px -16px no-repeat var(--btn-primary-hvr) !important;
    color: var(--text-color);
    padding: 10px 15px 10px 40px;
    transition: width 1s ease-in-out;
    -webkit-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    width: 190px;
    text-indent: 1px
}

.item-box .thumbnail .picture a::before {
    transition: 0.5s cubic-bezier(.25,.46,.45,.94);
    -moz-transition: 0.5s cubic-bezier(.25,.46,.45,.94);
    -webkit-transition: 0.5s cubic-bezier(.25,.46,.45,.94);
    -o-transition: 0.5s cubic-bezier(.25,.46,.45,.94);
    float: left;
    visibility: hidden;
    opacity: 0;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY();
    -ms-transform: scaleY(0);
    -moz-transform: scaleY(0)
}

.item-box .thumbnail:hover .picture a::before {
    opacity: 1;
    visibility: visible;
    transform: scaleX(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY();
    -ms-transform: scaleY(1);
    -moz-transform: scaleY(1)
}

.item-box .thumbnail .wishlist-compare-wrapper .button-add-to-cart {
    left: -25%;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX();
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    float: left;
    position: absolute;
    text-align: center;
    z-index: 999;
    opacity: 0;
    top: 5%;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out
}

.item-box .thumbnail .wishlist-compare-wrapper .button-wishlist {
    left: -25%;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX();
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    float: left;
    position: absolute;
    text-align: center;
    z-index: 999;
    opacity: 0;
    top: 30%;
    transition: 0.8s ease-in-out;
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out
}

.item-box .thumbnail .wishlist-compare-wrapper .button-comparelist {
    left: -25%;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX();
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    float: left;
    position: absolute;
    text-align: center;
    z-index: 999;
    opacity: 0;
    top: 50%;
    transition: 1.3s ease-in-out;
    -webkit-transition: 1.3s ease-in-out;
    -moz-transition: 1.3s ease-in-out;
    -o-transition: 1.3s ease-in-out
}

.item-box .thumbnail:hover .picture .wishlist-compare-wrapper .button-add-to-cart {
    left: 0;
    transform: translateX(1);
    -webkit-transform: translateX(1);
    -o-transform: translateX();
    -ms-transform: translateX(1);
    -moz-transform: translateX(1);
    opacity: 1;
    transition: right 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out
}

.item-box .thumbnail:hover .picture .wishlist-compare-wrapper .button-wishlist {
    left: 0;
    transform: translateX(1);
    -webkit-transform: translateX(1);
    -o-transform: translateX();
    -ms-transform: translateX(1);
    -moz-transform: translateX(1);
    opacity: 1;
    transition: right 0.8s ease-in-out;
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out
}

.item-box .thumbnail:hover .picture .wishlist-compare-wrapper .button-comparelist {
    left: 0;
    transform: translateX(1);
    -webkit-transform: translateX(1);
    -o-transform: translateX();
    -ms-transform: translateX(1);
    -moz-transform: translateX(1);
    opacity: 1;
    transition: right 1.1s ease-in-out;
    -webkit-transition: 1.1s ease-in-out;
    -moz-transition: 1.1s ease-in-out;
    -o-transition: 1.1s ease-in-out
}

@media (max-width:767px) {
    .item-box .thumbnail .wishlist-compare-wrapper .button-wishlist {
        top: 18%
    }

    .item-box .thumbnail .wishlist-compare-wrapper .button-comparelist {
        top: 31%
    }
}

@media (max-width:600px) {
    .item-box .thumbnail .wishlist-compare-wrapper .button-add-to-cart {
        top: 5%
    }

    .item-box .thumbnail .wishlist-compare-wrapper .button-wishlist {
        top: 18%
    }

    .item-box .thumbnail .wishlist-compare-wrapper .button-comparelist {
        top: 31%
    }

    .item-box .thumbnail:hover .picture .wishlist-compare-wrapper .button-wishlist {
        top: 20%
    }

    .item-box .thumbnail:hover .picture .wishlist-compare-wrapper .button-comparelist {
        top: 40%
    }
}

.item-box .thumbnail .picture a {
    background: #ededed
}

.home-page-category-grid .item-box, .manufacturer-grid .item-box, .product-grid .item-box.product-list, .sub-category-grid .item-box, .vendor-grid .item-box {
    height: auto
}

.product-grid .product-list .thumbnail {
    border-bottom: none;
    padding-bottom: 0;
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    background-color: #000
}

.product-grid .product-list .picture {
    width: 30%;
    float: left;
    margin-right: 30px;
    margin-bottom: 0
}

.product-grid .product-list .details {
    float: left;
    overflow: visible;
    width: 100%
}

.product-grid .product-list .description {
    display: block;
    font-size: 14px;
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    text-align: left
}

.product-grid .product-list .product-item .price.old-price {
    display: inline-block;
    text-decoration: line-through
}

.product-grid .product-list .thumbnail .caption {
    padding: 10px 0;
    float: left;
    width: 65%;
    text-align: left;
    height: auto;
    min-height: inherit
}

    #paymodeDetailsDiv table, .blogpost-page .avatar, .blogpost-page .avatar img, .category-grid .item-box .picture a img, .category-iteam, .eq-ie11 .forum-search-box .search-box-text, .estimate-shipping .state-input, .estimate-shipping .zip-input, .external-authentication .facebook-login-block, .forum-search-page .search-results .forums-table-section table, .lt-ie11 .forum-search-box .search-box-text, .manufacturer-grid .item-box .picture a img, .news-item-page .avatar img, .product-details-page .attributes .btn-dropdown.form-control, .product-details-page .attributes .textbox, .product-details-page .gallery .picture img, .product-details-page .variant-picture img, .product-grid .product-list .thumbnail .caption .add-info .buttons, .product.new-product-iteam, .sub-category-grid .item-box .picture a img, .vendor-grid .item-box .picture a img, ul.MemMenu li .left-menu-dropdown {
        width: 100%
    }

.product-grid .product-list .product-item .rating {
    text-align: left;
    margin: 0
}

#lbPrevLink, .product-grid .product-list .rating::before {
    left: 0
}

.product-grid .product-list .rating::after {
    right: -35%
}

.product-grid .product-list .product-item .product-title a {
    padding: 0;
    text-align: left;
    margin-bottom: 15px
}

.product-grid .product-list .product-item .product-title {
    height: auto;
    margin-bottom: 15px;
    text-align: left
}

.forums-header, .product-grid .product-list .product-item .prices {
    margin-bottom: 15px
}

.contact-vendor, .login-page .customer-blocks, .product-grid .product-list {
    margin-bottom: 30px
}

    .navbar-search .search-query, .product-grid .product-list .prices span {
        line-height: 20px
    }

    .product-grid .product-list .product-rating-box {
        display: inline-block;
        clear: both;
        width: auto;
        margin-bottom: 25px
    }

.manufacturer-grid .item-box .manufacturer-item, .sub-category-grid .item-box .sub-category-item, .vendor-grid .item-box .product-category-item {
    margin-bottom: 30px;
    background: #fff;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    cursor: pointer
}

.manufacturer-grid .item-box .manufacturer-item {
    background: #f5f5f5
}

.category-grid .item-box .category-item {
    margin-bottom: 50px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    cursor: pointer
}

.order {
    padding: 7px 0
}

.product-selectors {
    margin: 0 0 30px;
    background: #fff;
    color: #333;
    clear: both
}

    .product-selectors .product-span {
        padding: 5px 0 0 10px !important
    }

.viewmode-icon.grid i, .viewmode-icon.list i {
    font-size: 18px !important
}

.viewmode-icon {
    padding: 12px;
    float: left;
    border: 1px solid #ddd;
    color: #333;
    height: 45px;
    width: 45px;
    line-height: 23px;
    text-align: center
}

.product-viewmode .grid-list-icon {
    padding: 0;
    float: right
}

.lt-ie11 .order-summary-content .terms-of-service > INPUT, .product-page-size, .product-sorting {
    margin-top: 5px
}

.product-filters-wrapper .well {
    border: 1px solid #ededed;
    border-radius: 0;
    box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    padding: 0;
    margin-bottom: 30px
}

.price-range-filter .filter-title .fa.fa-arrow-circle-right, .product-spec-filter .filter-title .fa.fa-arrow-circle-right {
    float: left;
    margin: 3px 10px 0 0;
    font-size: 17px;
    color: #fff
}

.product-filters .filter-title strong {
    display: block;
    margin-left: 20px;
    overflow: hidden;
    font-size: 16px;
    color: #fff
}

.login-page .checkout-as-guest-or-register-block .panel-body ul, .product-filters .filter-content ul, .product-filters ul {
    padding-left: 20px
}

.already-filtered-items, .price-range-filter .selected-price-range, .remove-filter {
    margin-left: 20px;
    color: #333;
    font-weight: lighter
}

.account-page .recurring-payments .title, .actions, .next-btn, .order-details-page .tax-shipping-info, .product-details-page .tab-content .product-tags, .remove-filter, .reward-points-page .reward-points-overview .min-balance {
    margin-top: 10px
}

.product-filters .filter-content .nav > li > a {
    padding: 5px 20px;
    font-size: 14px;
    color: #333;
    font-weight: lighter;
    display: inline-block
}

    .product-filters .filter-content .nav > li > a:hover {
        background: 0 0;
        color: #f10044
    }

.product-filters .filter-content {
    padding: 15px 20px;
    background: #fff
}

.product-filters > .filter-title {
    background: #f10044;
    padding: 15px 20px
}

.product-filters .already-filtered-items .filter-title strong {
    font-weight: 700;
    margin-left: 0;
    font-size: 14px;
    color: #333
}

.product-filters .already-filtered-items .item {
    font-weight: 400;
    margin-top: 5px
}

    .product-filters .already-filtered-items .item i, .product-filters .filter-content ul li a i, .product-filters .selected-price-range i {
        float: left;
        font-size: 16px;
        line-height: 22px;
        margin-right: 8px
    }

.avatar-page .image, .clear-list.btn.btn-primary, .forum-page .forum-top .forum-info .forum-description, .forum-search-page .basic-search, .min-qty-notification, .my-product-reviews-list-page .review-content .review-text, .opc .tab-section, .product-details-page .additional-details div, .product-reviews-page .write-review, .reward-points-page .reward-points-overview {
    margin-bottom: 10px
}

.compare-products-table .picture img {
    max-width: 100%;
    width: 100%
}

.product-tags-all-page .page-body {
    padding: 15px;
    border: 1px solid #ddd
}

.attribute-description li, .category-description li, .full-description tab-pane fade in active li, .manufacturer-description li, .news-body li, .page.topic-page .page-body li, .post-body li, .vendor-description li {
    list-style: inherit
}

.attribute-description ul, .category-description ul, .full-description tab-pane fade in active ul, .manufacturer-description ul, .news-body ul, .page.topic-page .page-body ul, .post-body ul, .use-reward-points, .vendor-description ul {
    padding-left: 40px
}

.search-box .search-box-button {
    padding: 16px 22px;
    height: 0;
    width: 0
}

.search-box .search-nav {
    float: left;
    height: 34px;
    margin-right: -3px;
    width: 210px;
    background: #e5e5e5;
    border: none;
    box-shadow: none
}

.search-input .basic-search .forum-search-text.form-control {
    padding: 0 12px;
    border-radius: 0;
    margin-bottom: 20px;
    height: 34px;
    margin-right: -3px
}

.price-range {
    float: left;
    margin-top: 7px;
    width: 100%;
    font-weight: 700
}

.price-range-from {
    float: left;
    margin-left: 16px;
    margin-top: 11px
}

.price-from.form-control {
    float: left;
    margin-left: 15px;
    width: 21%
}

.price-range-to {
    float: left;
    margin: 11px 20px
}

.price-to.form-control {
    float: left;
    width: 21%
}

.search-page .form-group label {
    text-align: left;
    padding-top: 5px;
    padding-right: 0
}

.search-page .product-selectors {
    margin-top: 30px;
    clear: both;
    float: left;
    width: 100%
}

.product-attribute-label, .search-box .navbar-form, .search-input .basic-search .col-md-3 {
    padding-right: 0
}

.search-page .checkbox > label {
    padding-left: 0;
    color: #333;
    margin-left: 5px
}

.remove_right_padding {
    padding-left: 15px
}

.product-details-page .download-sample, .search-page .search-input.form-horizontal {
    clear: both;
    margin-bottom: 20px
}

.search-nav.form-control::-moz-placeholder {
    color: #fff
}

.order-details-page .links .controls, .pager li {
    margin-right: 10px;
    display: inline-block
}

    .pager li.current-page > span, .pager li.individual-page > a {
        background: #f5f5f5;
        border: 1px solid #ddd;
        color: #f10044;
        border-radius: 100%;
        padding: 10px 15px;
        font-weight: 700
    }

    .pager li.current-page > span {
        background: #f10044;
        border-color: #f10044;
        color: #fff
    }

    .pager li.individual-page > a:hover {
        background: #f10044;
        color: #fff;
        border-color: #f10044
    }

    .pager .first-page a, .pager .last-page a, .pager li.next-page a, .pager li.previous-page a {
        color: #fff;
        padding: 10px 20px;
        border-radius: 100%;
        background: #37465d;
        border-color: #37465d;
        font-weight: 700
    }

    .pager li.previous-page a {
        background: url(../images/pagination-previous-arrow.png) 15px 15px no-repeat #37465d;
        text-indent: -9999px;
        border-color: #37465d
    }

    .pager li.next-page a {
        background: url(../images/pagination-next-arrow.png) 15px 15px no-repeat #37465d;
        text-indent: -9999px;
        border-color: #37465d
    }

    .pager li.previous-page a:hover {
        background: url(../images/pagination-previous-arrow.png) 15px 15px no-repeat #f10044;
        border-color: #f10044
    }

    .pager li.next-page a:hover {
        background: url(../images/pagination-next-arrow.png) 15px 15px no-repeat #f10044;
        border-color: #f10044
    }

    .pager li.first-page a {
        background: url(../images/pagination-previous-last-arrow.png) 14px 15px no-repeat #37465d;
        text-indent: -9999px;
        border-color: #37465d
    }

    .pager li.last-page a {
        background: url(../images/pagination-next-last-arrow.png) 14px 15px no-repeat #37465d;
        text-indent: -9999px;
        border-color: #37465d
    }

    .pager li.first-page a:hover {
        background: url(../images/pagination-previous-last-arrow.png) 14px 15px no-repeat #f10044;
        border-color: #f10044
    }

    .pager li.last-page a:hover {
        background: url(../images/pagination-next-last-arrow.png) 14px 15px no-repeat #f10044;
        border-color: #f10044
    }

.nobr {
    white-space: nowrap !important
}

.wrap {
    white-space: normal !important
}

.a-right, .prices-alignment-right {
    text-align: right !important
}

.noscript {
    border: 1px solid #ddd;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f
}

.clearer {
    zoom: 1
}

    .clearer:after, .forum-page .forum-top:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden
    }

.ajax-loading-block-window {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center
}

    .ajax-loading-block-window .loading-image {
        background-image: url(../images/ajax_loader_large.gif);
        background-size: contain;
        display: inline-block
    }

.please-wait {
    background: url(../images/ajax_loader_small.gif) no-repeat;
    padding-left: 20px
}

.message-error, .validation-summary-errors {
    font-size: 14px;
    color: var(--main-color);
    font-weight: 400;
    text-align: center;
    text-decoration: blink;
    -webkit-animation-duration: 1.6s
}

    .message-error ul, .order-summary-content .checkout-attributes ul.option-list, .product-details-page .attributes ul.option-list {
        padding: 0;
        margin: 0
    }

.product-details-page .attributes ul.option-list {
    display: flex
}

    .product-details-page .attributes ul.option-list li {
        margin-right: 10px
    }

.field-validation-error, .section.payment-info .message-error .validation-summary-errors ul {
    font-size: 12px;
    color: red;
    float: left;
    width: 100%;
    font-weight: 700;
    text-decoration: blink;
    -webkit-animation-duration: 0.3s
}

.csharpcode .attr, .forum-search-page .forum-search-panel .search-error, .required {
    color: red
}

.coupon-box .bg-success, .datatable-dashv1-list th, .email-a-friend-page .bg-success, .error, .profile-page .user-last-posts .topic-body .quote {
    padding: 5px
}

.adminpro-message-list, .input-validation-error {
    background-color: #fff
}

.from-panel {
    margin-bottom: 50px;
    background: #fff
}

.panel-heading {
    padding: 0;
    margin-bottom: 5px
}

    .page-title h1, .panel-heading h1 {
        font-size: 20px;
        color: var(--main-heading-color);
        margin: 10px 0 0;
        letter-spacing: 2px;
        background: var(--main-heading-bg);
        display: inline-block;
        width: 100%;
        padding: 10px 20px;
        line-height: normal
    }

.page.topic-page, .private-message-view-page .view-message, .topic-html-content-body, .topic-html-content.from-panel .panel-heading {
    padding: 15px
}

.not-found-page ul li {
    list-style: none;
    margin-bottom: 10px
}

.topic-html-content {
    border: 1px solid #ddd;
    background-color: #dbd9d9
}

    .topic-html-content .panel-heading {
        margin-bottom: 0;
        padding: 15px
    }

    .blogpost-page .post-body img, .category-description img, .manufacturer-description img, .news-item-page .news-body img, .product-details-tabs #description img, .topic-html-content .topic-html-content-body img, .topic-page .page-body img {
        width: 100%;
        height: auto
    }

.home-page .topic-html-content {
    margin-bottom: 50px
}

.sitemap-page .entity {
    margin: 0 0 30px;
    padding: 20px
}

.sitemap-page h2 {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px
}

.sitemap-page .entity ul {
    overflow: hidden;
    margin: 0
}

.sitemap-page .entity li {
    float: left;
    list-style: none;
    width: 170px;
    border-bottom: none;
    margin-bottom: 0
}

.sitemap-page .entity .entity-body a {
    text-decoration: none;
    color: #666
}

.entity-body.category-body.product-link li {
    float: left;
    margin-right: 26px;
    width: 48%;
    margin-bottom: 8px
}

    .entity-body.category-body.product-link li:nth-child(2n), .product-details-page .thumb-popup-link:last-child {
        margin-right: 0
    }

.sitemap-page .page-title.panel-heading h1, .sitemap-page h2 {
    text-align: center;
    margin-top: 0
}

.bar-notification p.content, .bar-notification.error p.content {
    text-align: center;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 20px
}

.sitemap-page .description {
    text-align: center;
    margin-bottom: 15px
}

a.eu-cookie-privacyinfo-tag {
    color: #b80709 !important;
    text-decoration: underline
}

.eu-cookie-bar-notification {
    background: #f5f5f5;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    margin-left: 26%;
    margin-top: 20px;
    padding: 15px
}

    .eu-cookie-bar-notification .text {
        margin-bottom: 10px;
        color: #333
    }

.bar-notification {
    display: none;
    left: 0;
    position: fixed;
    top: 50%;
    width: 100%;
    z-index: 1000000
}

    .bar-notification.success {
        background: #4bb07a;
        color: #fff;
        margin: 0 0 0;
        padding: 15px 10px
    }

    .bar-notification.error {
        background: #e4444c;
        color: #fff;
        margin: 0 0 10px
    }

    .bar-notification .close {
        background: url(../images/ico-close-notification-bar.png) no-repeat;
        width: 20px;
        height: 20px;
        float: right;
        margin: 5px 10px 0 0;
        cursor: pointer
    }

    .bar-notification p.content a {
        text-decoration: underline;
        color: var(--link-a)
    }

        .bar-notification p.content a:hover {
            text-decoration: none;
            color: var(--link-hvr)
        }

    .bar-notification.error p.content {
        font-size: 14px
    }

.product-collateral {
    margin-bottom: 10px;
    clear: both
}

.product-details-page .gallery .picture {
    text-align: center;
    margin-bottom: 20px;
    background: #ededed
}

.product-details-page .thumb-popup-link {
    border: 2px solid #ddd;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 5px;
    padding: 5px;
    width: 100px;
    height: 100px;
    cursor: pointer
}

    .product-details-page .thumb-popup-link:hover {
        border: 2px solid #f10044
    }

.product-details-page .gallery .picture-thumbs a:focus, .product-details-page .gallery .picture-thumbs a:hover {
    text-decoration: none
}

.forums-table-section, .product-details-page .gallery, .product-details-page .overview {
    margin-bottom: 40px;
    float: left;
    width: 100%
}

.checkout-data .order-completed, .checkout-data .payment-info, .checkout-data .payment-method, .checkout-data .shipping-method, .order-summary-content .buttons.checkout-attribute, .product-details-page .giftcard, .product-details-page .tier-prices {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.product-details-page .product-name.panel-heading {
    margin-bottom: 20px;
    border-bottom: none
}

    .product-details-page .product-name.panel-heading h1 {
        font-size: 22px;
        text-transform: none;
        letter-spacing: 0
    }

.product-details-page .short-description, .product-details-page .variant-description {
    margin-bottom: 25px;
    clear: both;
    color: #555;
    line-height: 22px
}

.product-details-page .product-reviews-overview .product-no-reviews, .product-details-page .product-reviews-overview .product-review-box, .product-details-page .product-reviews-overview .product-review-links {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    text-transform: capitalize
}

    .product-details-page .product-reviews-overview .product-review-links .separator {
        margin: 0 2px;
        color: #666
    }

.product-details-page .rating {
    height: 16px;
    width: 100px;
    background: url(../images/star-x-inactive.png) repeat-x
}

    .product-details-page .rating div {
        float: left;
        height: 16px;
        background: url(../images/star-x-active.png) repeat-x
    }

.product-details-page .availability {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 20px
}

    .product-details-page .availability .stock strong {
        font-weight: 400;
        color: #555;
        float: left;
        line-height: 25px
    }

.back-in-stock-subscription-page .page-title h1, .sparkline7-hd h1 {
    font-size: 18px
}

.back-in-stock-subscription-page .page-body, .back-in-stock-subscription-page .page-title {
    padding: 10px
}

.back-in-stock-subscription-page #back-in-stock-notify-me {
    display: block;
    margin: 10px auto 0
}

.backinstocksubscription-tooltip {
    border: 1px solid #ddd;
    margin-top: 5px;
    padding: 5px
}

.product-details-page .subscribe-button {
    background: url(../images/notification-icon.png) 15px 14px no-repeat #f5f5f5;
    border: 2px solid #ddd;
    font-weight: 700;
    padding: 10px 15px 10px 38px
}

    .product-details-page .subscribe-button:hover {
        background: url(../images/notification-icon.png) 15px -19px no-repeat #37465d;
        border-color: #37465d;
        color: #fff
    }

.product-details-page .back-in-stock-subscription {
    margin-top: 20px;
    float: left;
    width: 100%
}

.delivery-date .value, .gtin .value, .manufacturer-part-number .value, .manufacturers .value, .product-vendor .value, .sku .value, .stock .value {
    margin-left: 3px;
    color: #f10044
}

.product-details-page .stock .value {
    background: #72b226;
    padding: 5px 10px;
    color: #fff;
    float: left
}

.product-details-page .additional-details .label, .product-details-page .manufacturers .label {
    color: #555;
    padding: 0;
    font-size: 14px;
    border-radius: 0;
    font-weight: 400;
    text-transform: capitalize
}

.product-details-page .add-to-cart, .product-details-page .delivery, .product-details-page .overview .delivery-date {
    float: left;
    width: 100%;
    margin-bottom: 25px
}

.product-details-page .free-shipping {
    color: #fff;
    display: inline-block;
    background: #999;
    padding: 10px 15px
}

    .product-details-page .free-shipping strong {
        margin-left: 5px
    }

.product-details-page .download-sample-button {
    background: url(../images/download-icon.png) 15px 15px no-repeat #f5f5f5;
    border: 2px solid #ddd;
    font-weight: 700;
    padding: 10px 15px 10px 38px;
    color: #333
}

    .product-details-page .download-sample-button:focus, .product-details-page .download-sample-button:hover {
        background: url(../images/download-icon.png) 15px -20px no-repeat #37465d;
        border-color: #37465d;
        color: #fff
    }

.product-details-page .manufacturers, .product-details-page .prices .product-price {
    margin-bottom: 10px;
    float: left;
    width: 100%
}

#lbCaption, .checkout-attributes.shipping-text, .forums-table-section .topic-name a, .forums-table-section-title a, .order-details-page .cart-total-left.grand-total-title strong, .order-details-page .order-number h4, .order-summary-content .checkout-attributes .text-prompt, .product-details-page .no-associated-products, .product-details-page .prices .product-price, .wishlist-page .share-info .share-label {
    font-weight: 500
}

    .product-details-page .prices .product-price span {
        font-size: 18px;
        color: var(--text-color)
    }

.product-details-page .old-product-price {
    float: left;
    width: 100%;
    text-decoration: line-through;
    color: #999;
    margin-bottom: 5px
}

    .product-details-page .old-product-price label {
        display: inline;
        font-weight: 400;
        font-size: 15px
    }

.product-details-page .product-price label {
    display: inline;
    font-size: 18px;
    color: var(--lable-color)
}

.product-details-page .attributes ul.option-list li label, .product-details-page .prices .rental-price label {
    font-weight: 400;
    color: #555
}

.product-details-page .tier-prices .prices-list .field-header {
    color: #000;
    font-weight: 700
}

.product-details-page .tier-prices .prices-header {
    background: #eee;
    color: #555;
    padding: 10px;
    float: left;
    width: 100%;
    text-align: left;
    border: 1px solid #ddd
}

.product-details-page .tier-prices .prices-list .table {
    margin-bottom: 0;
    border: none
}

    .product-details-page .tier-prices .prices-list .table tr td, .product-details-page .tier-prices .prices-list .table tr th {
        border: none;
        border-top: 1px solid #ddd
    }

    .product-details-page .product-specs-box .table-bordered .a-left.spec-name, .product-details-page .tier-prices .prices-list .table tr .tier-price-value {
        color: #f10044;
        font-weight: 700
    }

.product-details-page .attributes .text-prompt {
    font-weight: 400;
    color: #555
}

.product-details-page .attributes .attribute-description {
    font-size: 11px
}

.product-details-page .attributes textarea {
    width: 280px;
    height: 150px;
    border: 1px solid #ddd
}

.product-details-page .add-to-cart .qty-input {
    width: 60px;
    float: left;
    margin: 0;
    height: 40px
}

.product-details-page .addtocart-quantity-box {
    float: left;
    margin-right: 35px;
    width: 80px
}

.product-details-page .add-to-cart .qty-.dropdown {
    width: 80px
}

.product-details-page .add-to-cart .qty-dropdown {
    width: 50px;
    margin-top: 10px;
    margin-right: 10px
}

.product-details-page .add-to-cart .quantity-box label {
    font-weight: 400;
    color: #555;
    float: left;
    margin-right: 15px;
    line-height: 35px
}

.product-details-page .add-to-cart .addtocart-quantity-box span {
    border: 1px solid #ddd;
    cursor: pointer;
    float: left;
    font-size: 10px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    color: #999
}

.product-details-page .add-to-cart .product-add-button .add-to-cart-button {
    background: url(../images/white-product-cart-icon.png) 12px no-repeat var(--btn-primary) !important;
    text-transform: uppercase;
    padding-left: 40px
}

    .product-details-page .add-to-cart .product-add-button .add-to-cart-button:hover, .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button:hover {
        background: url(../images/white-product-cart-icon.png) 12px no-repeat #37465d
    }

#checkout-steps .buttons, .product-details-page .overview-buttons {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 10px
}

    .product-details-page .overview-buttons .add-to-wishlist-button {
        background: url(../images/wishlist-product-icon.png) 20px 10px no-repeat var(--btn-secondary);
        padding-left: 50px;
        float: left;
        margin-right: 15px
    }

        .product-details-page .overview-buttons .add-to-wishlist-button:hover {
            background: url(../images/wishlist-product-icon.png) 20px 10px no-repeat var(--btn-secondary)
        }

    .product-details-page .overview-buttons .add-to-compare-list-button {
        background: url(../images/compare-product-icon.png) 20px 10px no-repeat var(--btn-secondary);
        padding-left: 50px;
        float: left;
        margin-right: 15px
    }

        .product-details-page .overview-buttons .add-to-compare-list-button:hover {
            background: url(../images/compare-product-icon.png) 20px 10px no-repeat var(--btn-secondary)
        }

    .product-details-page .overview-buttons .email-a-friend-button {
        background: url(../images/email-product-icon.png) 20px 10px no-repeat var(--btn-secondary);
        padding-left: 50px;
        float: left
    }

        .product-details-page .overview-buttons .email-a-friend-button:hover {
            background: url(../images/email-product-icon.png) 20px 10px no-repeat var(--btn-secondary)
        }

.product-details-page .customer-entered-price .enter-price-label {
    float: left;
    padding-top: 5px;
    font-weight: 400;
    color: #555
}

.product-details-page .customer-entered-price .enter-price-input {
    margin: 0 0 0 10px;
    width: 60px;
    float: left
}

.customer-entered-price .price-input, .product-details-page .price-range {
    margin-bottom: 20px;
    margin-top: 0;
    overflow: hidden
}

.active-discussions-page .forums-table-section td, .forum-edit-page .forum-subject-name, .forum-group-page .forums-table-section td, .forum-page .forums-table-section td, .forum-search-page .forums-table-section td, .forums-main-page .forums-table-section td, .private-message-view-page .view-message span, .private-messages-page .panel.panel-default td, .product-details-page .product-reviews-overview .product-no-reviews a, .product-details-page .product-reviews-overview .product-review-links a {
    color: #666
}

#fancybox-close {
    position: absolute !important;
    right: -25px !important;
    top: -9px !important
}

#fancybox-outer {
    width: 103% !important;
    height: 106% !important
}

.product-details-page .product-share-button a {
    float: left;
    margin-right: 8px
}

    .product-details-page .product-share-button a span {
        height: 40px !important;
        width: 40px !important;
        text-align: center;
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out
    }

        .product-details-page .product-share-button a span .at-icon {
            height: 40px !important;
            width: 25px !important
        }

        .home-page-filters-wrapper .results-number, .home-page-filters-wrapper .search-button, .product-details-page .product-share-button a span:hover {
            background: #f10044 !important
        }

.private-messages-page .tab-content, .product-details-page .tab-content, .productTabs-body, .profile-page .tab-content {
    float: left;
    padding: 20px 15px;
    width: 100%;
    border: 1px solid #ddd !important;
    margin-top: -1px
}

.product-details-page .nav-tabs li a {
    font-weight: 700;
    color: var(--white);
    font-size: 16px;
    text-transform: capitalize
}

.private-messages-page .nav-tabs li.active a, .product-details-page .nav-tabs li.active a, .profile-page .nav-tabs li.active a {
    color: #fff;
    background: var(--btn-primary);
    font-weight: 700;
    border-color: #f10044
}

    #quickTabs .ui-widget-header .ui-state-active a::after, .admintab-wrap ul li.active a::after, .private-messages-page .nav-tabs li.active a::after, .product-details-page .nav-tabs li.active a::after, .profile-page .nav-tabs li.active a::after {
        content: " ";
        height: 0;
        position: absolute;
        width: 0;
        border: 10px solid #fff0;
        border-top-color: #f10044;
        top: 100%;
        left: 50%;
        margin-left: -10px
    }

.private-messages-page .nav > .label.label-default > a:focus, .private-messages-page .nav > .label.label-default > a:hover, .product-details-page .nav > .label.label-default > a:focus, .product-details-page .nav > .label.label-default > a:hover, .profile-page .nav > .label.label-default > a:focus, .profile-page .nav > .label.label-default > a:hover {
    background-color: #fff0;
    border-color: #fff0;
    text-decoration: none
}

.product-details-page .nav-tabs > li > a:focus, .product-details-page .nav-tabs > li > a:hover, .profile-page .nav-tabs > li > a:focus, .profile-page .nav-tabs > li > a:hover {
    background-color: #37465d;
    color: #fff;
    outline: 0
}

.product-details-page .product-specs-box .table-bordered tr td {
    padding: 10px;
    color: #555
}

.product-details-page .product-specs-box {
    clear: both;
    margin-bottom: 30px
}

.product-details-page .full-description {
    clear: both;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #999;
    line-height: 25px
}

.product-details-page .product-tags-list ul li a {
    font-size: 12px;
    font-weight: 400;
    color: #000
}

.product-details-page .product-tags-box .product-tags-list li {
    float: left;
    list-style: none;
    margin-bottom: 10px;
    padding-right: 5px;
    margin-right: 10px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    background: var(--btn-secondary);
    border-radius: 0;
    font-weight: 400
}

    .product-details-page .product-tags-box .product-tags-list li:hover {
        background: var(--btn-secondary);
        color: #fff
    }

.product-details-page .product-details-tabs {
    margin-bottom: 50px;
    float: left;
    width: 100%
}

.product-details-page .giftcard label, .profile-page .profile-info-box .user-stats span {
    color: #555;
    font-weight: 400
}

.product-details-page .giftcard .message, .return-request-page textarea.form-control {
    height: 100px
}

.product-details-page .variant-picture {
    float: left;
    width: 45%;
    margin-right: 15px
}

.product-details-page .variant-overview {
    float: left;
    width: 52%
}

.forum-topic-page .topic-actions.lower a, .product-details-page .product-variant-list .addtocart-quantity-box {
    margin-right: 15px
}

.product-details-page .variant-overview .variant-name {
    font-weight: 700;
    font-size: 16px;
    color: #f10044;
    margin-bottom: 20px
}

.product-details-page .tax-shipping-info {
    float: left;
    padding-bottom: 10px;
    width: 100%
}

.back-in-stock-subscription-page .tooltip {
    opacity: 1;
    position: relative
}

.product-details-page .price-availability .availability {
    position: absolute;
    right: 0
}

.base-price-pangv {
    clear: both;
    float: left;
    margin-bottom: 15px
}

#divRequestTo, .qty-box {
    margin-top: 15px
}

    .qty-box .text-prompt {
        padding-left: 0;
        margin-top: 5px
    }

.mfp-ready {
    z-index: 99999 !important
}

.mfp-wrap {
    z-index: 999999 !important
}

.product-reviews-page .product-review-list .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 10px
}

.product-reviews-page .write-review .review-text {
    max-width: 100%;
    min-height: 120px;
    background-color: #fff
}

.forum-group-page .forums-table-section, .order-summary-content .panel > .table-bordered > tbody, .product-reviews-page .write-review .review-title, .wishlist-page .panel > .table-bordered > tbody {
    background: #fff
}

.review-rating .first {
    float: left;
    padding: 0 10px 0 0
}

.review-rating .rb, .review-rating .rating-options {
    float: left;
    margin: 4px 0 0 4px
}

.forum-search-page .inputs, .message.bg-danger, .review-rating .last {
    padding: 0
}

.my-product-reviews-list-page .product-review-item, .product-reviews-page .product-review-item {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid #d3d3d3;
    padding: 10px
}

.my-product-reviews-list-page .review-title, .product-review-list .review-title {
    float: left;
    margin-bottom: 5px
}

.my-product-reviews-list-page .product-review-item .rating, .product-review-list .product-review-item .rating {
    float: right;
    margin-right: 5px
}

.downloadable-products-page a.product-review-list .product-review-item .review-info, .product-review-list .product-review-item .reply-text, .product-review-list .product-review-item .review-text {
    margin-bottom: 5px;
    clear: both;
    float: left;
    text-align: justify
}

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

.product-review-item .product-review-helpfulness {
    clear: both;
    font-size: 11px
}

    .product-review-item .product-review-helpfulness .vote {
        font-size: 13px;
        text-decoration: none;
        color: #f10044
    }

        .product-review-item .product-review-helpfulness .vote:hover {
            cursor: pointer;
            color: #333
        }

.product-reviews-page .review-rating ul {
    padding: 0;
    margin-bottom: 0
}

.product-reviews-page .review-rating .control-label {
    padding-top: 2px !important
}

.product-review-list .product-review-item .reply-text, .product-review-list .product-review-item .review-text {
    color: #555
}

.product-review-list .product-review-item .reply .reply-header {
    font-weight: 700;
    margin: 10px 0
}

.email-a-friend-page h2 {
    font-size: 20px;
    margin: 0 0 30px;
    float: left;
    width: 100%
}

.email-a-friend-page .personal-message {
    min-height: 120px
}

.email-a-friend-page .form-horizontal .control-label {
    text-align: left;
    padding-top: 0
}

.account-page .btn.btn-default, .account-page .btn.btn-primary, .apply-vendor-page .btn.btn-primary, .blogpost-page .blog-post-add-comment-button, .cart-footer .cart-collaterals .deals .coupon-box .cart-box-wrapper .apply-discount-coupon-code-button, .cart-footer .cart-collaterals .deals .giftcard-box .cart-box-wrapper .apply-gift-card-coupon-code-button, .cart-footer .estimate-shipping .cart-box-wrapper .estimate-shipping-button, .checkout-page .btn.btn-primary, .checkout-page .order-completed-continue-button, .compare-products-page .btn.btn-default, .compare-products-page .btn.btn-primary, .contact-page .btn.btn-primary, .forum-edit-page .btn.btn-default, .forum-edit-page .btn.btn-primary, .login-page .checkout-as-guest-button, .login-page .login-button, .login-page .new-wrapper.register-block .register-button, .login-page .register-button, .move-topic-page .btn.btn-default, .move-topic-page .btn.btn-primary, .news-item-page .btn.btn-primary, .order-details-page .btn.btn-default, .order-details-page .btn.btn-primary, .password-recovery-page .password-recovery-button, .private-message-send-page .btn.btn-default, .private-message-send-page .btn.btn-primary, .private-message-view-page .btn.btn-default, .private-messages-page .btn.btn-default, .private-messages-page .btn.btn-primary, .register-continue-button, .registration-page .register-next-step-button, .return-request-page .btn.btn-primary, .send-email-a-friend-button, .vendor-contact-page .btn.btn-primary, .vendor-page .contact-vendor .btn.btn-primary, .wishlist-page .buttons .common-buttons .btn.btn-default, .wishlist-page .buttons .common-buttons .btn.btn-primary, .write-product-review-button {
    text-transform: uppercase
}

.login-page .checkout-as-guest-or-register-block legend, .login-page .new-wrapper.register-block fieldset legend, .login-page .returning-wrapper fieldset legend {
    text-align: left;
    font-weight: 700;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px
}

.alert, ul.notification-menu li a {
    padding: 5px !important
}

.checkout-as-guest-or-register-block, .new-wrapper.register-block, .returning-wrapper {
    border: 1px solid #ededed;
    border-radius: 0;
    padding: 20px;
    float: left;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc
}

.address-list .address-item .phone label, .login-page .new-wrapper.register-block .text {
    color: #646464
}

.contact-page .topic-html-content, .login-page .checkout-as-guest-or-register-block .topic-html-content {
    border: none;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none
}

.login-page .returning-wrapper .control-label {
    text-align: left;
    padding-top: 0;
    margin-bottom: 0
}

.login-page .remember-me .checkbox label {
    display: inline-block;
    color: #666
}

.login-page .forgot-password {
    margin-top: 1px;
    float: right;
    margin-right: 15px
}

.login-page .remember-me .checkbox {
    padding-top: 0;
    padding-left: 35px
}

.login-page .checkbox input[type="checkbox"] {
    margin-left: -20px;
    position: absolute;
    width: auto;
    min-height: 20px;
    margin-top: 1px
}

.login-page .validation-summary-errors.alert.alert-danger {
    font-size: 12px;
    background: var(--red);
    color: #fff;
    border: none;
    margin-bottom: 10px !important;
    clear: both
}

.login-page .form-group .forgot-password a {
    color: var(--link-a);
    text-decoration: none
}

.login-page .checkout-as-guest-or-register-block .buttons {
    margin: 20px 0;
    padding-right: 0
}

.login-page .btn.btn-default.checkout-as-guest-button, .login-page .checkout-as-guest-button {
    margin-right: 10px
}

.facebook-login-block .facebook-btn, .facebook-login-block .facebook-btn:hover {
    background: url(../images/facebook-signing.png) center center no-repeat;
    height: 33px;
    width: 175px
}

.external-authentication {
    margin-top: 40px
}

    .external-authentication .facebook-btn:active {
        background-position: 0
    }

.facebook-login-block .title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px;
    padding: 0 0 10px;
    text-align: center;
    color: #333;
    text-transform: uppercase
}

.registration-page .radio-inline input[type="radio"] {
    margin-left: -20px
}

.address-edit-page .control-label, .customer-info-page .form-horizontal .radio-inline, .eq-ie8 .forum-edit-page .form-group LABEL, .forum-edit-page .forum-subject-title, .private-message-send-page .form-group .private-message-title, .registration-page .form-horizontal .radio-inline {
    padding-top: 0
}

.customer-info-page .date-birth-text > select, .registration-page .date-birth-text > select {
    border: 1px solid #ddd;
    padding: 5px 10px
}

.registration-page .form-horizontal .accept-privacy-policy label {
    text-transform: capitalize
}

.external-authentication .title {
    font-size: 14px;
    text-align: center
}

.section.order-summary-body {
    float: left;
    margin-top: 10px;
    width: 100%
}

.message-error .alert.alert-danger {
    margin-bottom: 5px !important
}

.order-summary-content, .wishlist-content {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%
}

    .order-summary-content .message-error, .wishlist-content .message-error {
        margin: 5px 0 10px;
        color: red !important
    }

    .order-summary-content .panel.panel-default table tr th, .wishlist-content .panel.panel-default table tr th {
        text-transform: uppercase;
        padding: 10px;
        font-weight: 700
    }

    .back-in-stock-subscription-list-page .panel.panel-default table tbody tr, .compare-products-page .panel.panel-default table tbody tr, .downloadable-products-page .panel.panel-default table tbody tr, .forum-subscriptions-page .subscription-list table tbody tr, .forums-table-section table tbody tr, .order-details-page .section .panel.panel-default table tbody tr, .order-summary-content .panel.panel-default.cart-item-table table tbody tr, .private-messages-page .panel.panel-default table tbody tr, .return-request-page .panel.panel-default table tbody tr, .reward-points-page .panel.panel-default table tbody tr, .reward-points-page.panel.panel-default table tbody tr, .shipment-details-page .section .panel.panel-default table tbody tr, .wishlist-content .panel.panel-default table tbody tr {
        border-top: 1px solid #ddd
    }

    .order-summary-content .panel.panel-default.cart-item-table > table, .order-summary-content .panel > .table-bordered > tbody > tr:last-child > td, .wishlist-content .panel.panel-default > table, .wishlist-page .panel > .table-bordered > tbody > tr:last-child > td {
        border-bottom: 1px solid #ddd;
        border-radius: 15px;
        overflow: hidden
    }

    .order-summary-content .cart .cart-item-row td, .wishlist-content .cart .cart-item-row td {
        vertical-align: middle;
        text-align: center;
        padding: 8px
    }

        .order-summary-content .cart .cart-item-row td.product a, .wishlist-content .cart .cart-item-row td.product a {
            font-weight: 500;
            color: var(--link-a)
        }

            .order-summary-content .cart .cart-item-row td.product a:hover, .wishlist-content .cart .cart-item-row td.product a:hover {
                color: var(--link-hvr);
                text-decoration: none
            }

    .order-summary-content .cart .cart-item-row .qty-input, .wishlist-content .cart .cart-item-row .qty-input {
        text-align: center;
        margin-bottom: 0;
        width: 36px
    }

    .order-details-page .panel.panel-default table tbody tr .prices-alignment-right, .order-summary-content .cart .cart-item-row .subtotal.nobr, .order-summary-content .cart .cart-item-row .unit-price, .return-request-page .panel.panel-default table tbody tr .prices-alignment-right, .wishlist-content .cart .cart-item-row .subtotal.nobr, .wishlist-content .cart .cart-item-row .unit-price {
        color: var(--text-color);
        font-weight: lighter
    }

    .a-center.quantity, .order-summary-content .product-picture, .order-summary-content .qty.nobr, .wishlist-page .product-picture, .wishlist-page .qty.nobr {
        width: 10%
    }

    .order-summary-content .update-continue-button {
        margin: 30px 0;
        overflow: hidden
    }

        .order-summary-content .update-continue-button .continue-shopping, .order-summary-content .update-continue-button .update-cart {
            float: left;
            margin-left: 20px
        }

        .order-summary-content .update-continue-button .continue-shopping-button {
            background: url(../images/white-product-cart-icon.png) 20px 10px no-repeat var(--btn-primary);
            padding-left: 48px;
            text-transform: uppercase
        }

            .order-summary-content .update-continue-button .continue-shopping-button:hover {
                background: url(../images/white-product-cart-icon.png) 20px 10px no-repeat var(--btn-primary-hvr)
            }

        .order-summary-content .update-continue-button .update-cart-button, .wishlist-page .buttons .common-buttons .update-wishlist-button {
            background: url(../images/shopping-cart-update-icon.png) 20px 10px no-repeat var(--btn-primary) !important;
            padding-left: 48px;
            text-transform: uppercase
        }

            .order-summary-content .update-continue-button .update-cart-button:hover, .wishlist-page .buttons .common-buttons .update-wishlist-button:hover {
                background: url(../images/shopping-cart-update-icon.png) 20px 10px no-repeat var(--btn-primary-hvr)
            }

    .order-summary-content .coupon-box .message, .order-summary-content .giftcard-box .message {
        font-size: 10px;
        color: #a94442;
        background: #f2dede;
        margin: 10px 0 0;
        clear: both
    }

    .order-summary-content .panel.panel-default.cart-item-table, .wishlist-page .panel.panel-default {
        border-radius: 0;
        background-color: #fff0;
        float: left;
        width: 100%;
        border: none;
        box-shadow: none;
        margin-bottom: 0;
        overflow-x: auto
    }

.shopping-cart-page .coupon-box, .shopping-cart-page .estimate-shipping, .shopping-cart-page .giftcard-box {
    border: 1px solid #ededed;
    margin: 0 0 30px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 3px #ddd;
    -webkit-box-shadow: 0 0 3px #ddd;
    -moz-box-shadow: 0 0 3px #ddd;
    font-style: normal
}

.coupon-box .title, .estimate-shipping .title, .giftcard-box .title {
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--main-heading-bg);
    color: var(--main-heading-color)
}

.cart-footer .cart-collaterals .deals .coupon-box .cart-box-wrapper, .cart-footer .cart-collaterals .deals .giftcard-box .cart-box-wrapper, .estimate-shipping .hint {
    color: var(--main-color)
}

.cart-footer .cart-collaterals .deals .coupon-box .cart-box-wrapper, .cart-footer .cart-collaterals .deals .giftcard-box .cart-box-wrapper, .cart-footer .estimate-shipping .cart-box-wrapper {
    padding: 15px 15px 20px;
    float: left;
    width: 100%
}

.shopping-cart-page .estimate-shipping {
    padding-bottom: 0
}

.estimate-shipping .hint {
    margin-bottom: 20px
}

.shipping-options .form-horizontal label {
    text-align: left;
    padding-bottom: 0;
    color: #666;
    font-weight: 400;
    padding-top: 0;
    margin-top: 0
}

.shipping-results {
    background: #fff;
    box-shadow: 0 0 3px #ddd;
    -moz-box-shadow: 0 0 3px #ddd;
    -webkit-box-shadow: 0 0 3px #ddd;
    padding: 10px;
    margin: 0 15px 20px;
    clear: both;
    border: 1px solid #ededed
}

.estimate-shipping .shipping-results li.shipping-option-item {
    list-style: none;
    text-align: left;
    vertical-align: text-top;
    padding: 5px 0 0 5px
}

.estimate-shipping .shipping-results .shipping-option-item .option-name {
    display: block;
    font-weight: 700;
    color: #555
}

.estimate-shipping .shipping-results .shipping-option-item .option-description {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    color: #777
}

.order-summary-content .total-info .selected-shipping-method {
    font-weight: 400;
    font-size: 11px
}

.order-summary-content .cart-footer .cart-total-left {
    font-weight: 400;
    height: 20px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    color: var(--lable-color)
}

.cart-total-left-below {
    width: 100%;
    text-align: right;
    vertical-align: top;
    height: 30px
}

.order-summary-content .remove-discount-button, .order-summary-content .remove-gift-card-button {
    background: url(../images/remove-icon.png) no-repeat;
    border: 0;
    width: 20px;
    height: 15px
}

.order-summary-content .selected-checkout-attributes {
    margin: 0;
    padding: 10px 5px 10px 0;
    width: 100%;
    text-align: right;
    vertical-align: middle
}

.order-summary-content .checkout-attributes {
    border: 1px solid #ddd;
    clear: both;
    padding: 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: #fff
}

    .order-summary-content .checkout-attributes dl {
        margin: 0;
        float: left;
        width: 100%
    }

        .order-summary-content .checkout-attributes dl dt {
            float: left;
            padding-top: 5px;
            margin-right: 5px
        }

        .order-summary-content .checkout-attributes dl dd {
            float: left;
            width: auto
        }

.order-summary-content .product, .wishlist-page .product {
    width: 30%
}

.remaining-price {
    font-weight: 400;
    font-size: 12px
}

.totals .modal-dialog {
    margin: 125px auto
}

.checkout-data .payment-method .method-name .payment-logo > label, .order-summary-content .terms-of-service > input {
    float: left;
    margin-bottom: 0px !important;
    background-color: #fff;
    padding: 6px;
    border-radius: 100px;
    box-shadow: 0 0 5px rgb(30 30 200 / .4)
}

.order-summary-content .terms-of-service > p {
    float: left !important;
    width: 90%;
    color: #666;
    text-align: left
}

.order-summary-content .coupon-box .current-code .bg-success {
    clear: both;
    margin: 10px 0 0;
    color: #3c763d;
    font-size: 10px;
    display: inline-block;
    float: left;
    width: 100%
}

.current-code .bg-success input {
    background: url(../images/remove-icon.png) center center no-repeat;
    border: none
}

.address-list .address-item label, .blogpost-page .comment-time label, .forums-table-section .last-post .origin label, .forums-table-section td.last-post .author label, .news-item-page .comment-time label, .opc .section.payment-info label, .order-summary-content .checkout-attributes ul.color-squares li, .order-summary-content .checkout-attributes ul.image-squares li, .profile-page .user-last-posts .topic-data label, .profile-page .user-last-posts .topic-title label {
    display: inline
}

.order-summary-content .checkout-attributes ul.color-squares .color-container, .order-summary-content .checkout-attributes ul.image-squares .image-container {
    position: relative;
    display: inline-block;
    border: 1px solid #999;
    padding: 1px;
    margin-bottom: 5px
}

.order-summary-content .checkout-attributes ul.color-squares .selected-value .color-container, .order-summary-content .checkout-attributes ul.image-squares .selected-value .image-container {
    border-color: #075899;
    border-width: 2px;
    padding: 0
}

.order-summary-content .checkout-attributes ul.color-squares .color, .order-summary-content .checkout-attributes ul.image-squares .image, .product-details-page .attributes ul.color-squares .color, .product-details-page .attributes ul.image-squares .image {
    display: inline-block;
    width: 18px;
    height: 18px
}

.order-summary-content .checkout-attributes ul.color-squares label, .order-summary-content .checkout-attributes ul.image-squares label {
    cursor: pointer;
    position: relative
}

.order-summary-content .checkout-attributes ul.color-squares input, .order-summary-content .checkout-attributes ul.image-squares input {
    height: 0;
    overflow: hidden;
    z-index: -10000;
    position: absolute;
    float: none
}

.order-summary-content .min-amount-warning {
    margin: 0;
    padding: 10px 0 10px 10px
}

.order-summary-content .terms-of-service {
    margin: 0;
    padding: 0 0 10px;
    float: left;
    width: 100%;
    font-style: normal
}

    .order-summary-content .terms-of-service .read {
        text-decoration: underline;
        color: var(--main-color)
    }

.order-summary-content .addon-buttons {
    clear: both;
    float: right;
    margin: 0;
    padding: 10px 0 10px 10px;
    text-align: right
}

.order-summary-content .checkout-buttons {
    font-style: normal;
    clear: both
}

    .order-summary-content .checkout-buttons .checkout-button.checkout-new {
        text-transform: uppercase;
        font-size: 16px;
        width: 50%
    }

        .order-summary-content .checkout-buttons .checkout-button.checkout-new i {
            margin-right: 5px;
            font-size: 18px
        }

.order-details-page .billing-info-wrap .info-content, .order-details-page .order-info-wrap .info-content, .order-details-page .payment-infomation, .order-details-page .shipping-information, .order-details-page .total-info .panel.panel-default, .order-summary-content .cart-footer .total-info .panel.panel-default, .shipment-details-page .order-info-wrap .info-content {
    padding: 12px;
    box-shadow: 0 0 10px #ddd;
    -webkit-box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    border-color: #ededed;
    font-size: 15px
}

    .order-details-page .total-info .panel.panel-default table tr:last-child td, .order-summary-content .total-info .panel.panel-default table tr:last-child td {
        border-bottom: none
    }

    .order-details-page .total-info .panel.panel-default table tr .grand-total-prices, .order-details-page .total-info .panel.panel-default table tr .grand-total-title, .order-summary-content .total-info .panel.panel-default table tr .grand-total-prices, .order-summary-content .total-info .panel.panel-default table tr .grand-total-title {
        border-top: 1px solid #ddd;
        font-weight: 700;
        color: var(--lable-color)
    }

.order-summary-content .cart-footer #terms-of-service-warning-box {
    z-index: 99999
}

.qty-input.form-control {
    margin: 0 auto;
    width: 60%
}

#cart-page .modal-backdrop {
    z-index: 9999
}

.wishlist-page .update-email-button .email-a-friend-btn, .wishlist-page .update-email-button .update-wishlist {
    float: left;
    margin-right: 20px
}

.wishlist-page .buttons .common-buttons {
    overflow: hidden;
    margin: 30px 0
}

.wishlist-page .share-info a.share-link {
    color: var(--link-a);
    text-decoration: none
}

.wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button {
    background: url(../images/wishlist-email-icon.png) 20px 10px no-repeat #37465d;
    padding-left: 48px;
    text-transform: uppercase;
    background-color: var(--btn-primary)
}

    .wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button:hover {
        background: url(../images/wishlist-email-icon.png) 20px 10px no-repeat #f10044;
        background-color: var(--btn-primary-hvr)
    }

.wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
    background: url(../images/white-product-cart-icon.png) 12px no-repeat var(--btn-primary);
    text-transform: uppercase;
    padding-left: 48px
}

.order-details-page .cart-total-left strong, .terms-of-service label {
    font-weight: 400
}

.checkout-data .opc {
    padding: 0;
    overflow: hidden
}

.blogpost-page .comment-list, .news-list-page .news-date, .opc, .private-message-send-page textarea, .profile-page .profile-info-box .profile-stats ul {
    margin: 0 0 10px
}

    .opc li.tab-section {
        float: left;
        width: 100%;
        background: #fff
    }

    .opc .step-title:after {
        display: block;
        content: ".";
        clear: both;
        font-size: 0;
        line-height: 0;
        height: 0;
        overflow: hidden
    }

    .opc .ul {
        list-style: disc;
        padding-left: 18px
    }

    .opc .step-title {
        text-align: right;
        background: var(--panel-heading-bg)
    }

        .opc .step-title .number {
            float: left;
            background-color: #37465d;
            margin: 0 15px 0 0;
            font-size: 16px;
            line-height: 43px;
            color: #fff;
            font-weight: 700;
            width: 43px;
            height: 43px;
            text-align: center
        }

    .opc .active .step-title .number {
        background-color: var(--text-color);
        font-weight: 700
    }

    .opc .step-title h2 {
        float: left;
        margin: 0;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 18px;
        font-weight: 700;
        color: #37465d;
        padding: 12px 0
    }

    .opc .active .step-title h2 {
        font-weight: 700;
        font-size: 14px;
        color: var(--text-color)
    }

    .opc .step {
        padding: 20px 15px;
        float: left;
        width: 100%
    }

.select-billing-address label, .select-shipping-address label {
    margin-bottom: 15px;
    color: #000
}

#quickTabs .ui-widget-header, .opc .order-summary-content .cart-footer {
    background: 0 0 !important
}

.checkout-data #checkout-steps .btn.btn-primary, .next-btn-wrapper .btn.btn-primary {
    background: url(../images/checkout-continue-arrow.png) right center no-repeat #f10044;
    padding-right: 30px;
    padding-left: 30px
}

#checkout-order-completed-load .order-completed, #checkout-payment-info-load .payment-info, #checkout-payment-method-load .payment-method, #checkout-shipping-method-load .shipping-method {
    border: none;
    padding: 0;
    margin-bottom: 0
}

.checkout-page #billing-buttons-container, .next-btn-wrapper {
    width: 100%;
    text-align: center
}

.checkout-page .section.payment-info table {
    background-color: #fff0
}

.checkout-data .payment-method .method-name .radio, .checkout-data .shipping-method .method-name .radio {
    float: left;
    color: #000
}

.checkout-data .enter-address, .checkout-data .payment-method .method-name {
    float: left;
    width: 100%
}

    .checkout-data .payment-method .method-name .payment-details {
        float: left;
        margin: 5px 10px 0 0 !important
    }

        .Eventitem-box .product-title a:hover, .checkout-data .payment-method .method-name .payment-details label, .forum-page-edit .forum-topic-page .manage a:hover, .forum-page-edit .forum-topic-page .title i:hover, .news-list-homepage .news-head a:hover, .news-list-page .news-items a:hover {
            color: var(--main-color)
        }

.payment-method .label, .payment-method-status .label, .shipping-method .label, .shipping-status .label {
    color: #666;
    padding: 0;
    font-size: 14px;
    font-weight: 400
}

.checkout-data #checkout-steps .btn.btn-primary {
    float: right;
    text-transform: uppercase
}

    .checkout-data #checkout-steps .btn.btn-primary:hover, .next-btn-wrapper .btn.btn-primary:hover {
        background: url(../images/checkout-continue-arrow.png) right center no-repeat #37465d
    }

.checkout-data #confirm-order-buttons-container .btn.btn-primary {
    background: url(../images/checkout-order-confrim.png) 90px center no-repeat #f10044;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px 15px;
    width: 120px
}

    .checkout-data #confirm-order-buttons-container .btn.btn-primary:hover {
        background: url(../images/checkout-order-confrim.png) 90px center no-repeat #37465d
    }

.next-btn-wrapper .btn.btn-primary {
    margin-top: 20px
}

.back-link .btn.btn-default {
    background: url(../images/checkout-back-arrow.png) 15px center no-repeat #37465d;
    text-transform: uppercase;
    padding-left: 35px
}

    .back-link .btn.btn-default:hover {
        background: url(../images/checkout-back-arrow.png) 15px center no-repeat #f10044
    }

.opc .buttons .please-wait {
    height: 21px;
    line-height: 21px;
    float: right;
    clear: both
}

.checkout-page .order-summary-content .order-review-data .title {
    margin-bottom: 10px;
    color: #000;
    font-size: 15px
}

.checkout-page .order-summary-content .order-review-data li {
    font-size: 13px;
    color: #666;
    margin-bottom: 5px
}

.checkout-page .order-review-data .billing-info, .checkout-page .order-review-data .shipping-info {
    margin-bottom: 40px
}

.payment-title, .shipping-title {
    margin-top: 25px
}

.checkout-data .shipping-method .method-name .method-description {
    padding-right: 20px;
    color: #666;
    margin-top: 5px;
    font-weight: 400
}

.method-list {
    padding: 5px 30px
}

.payment-info .info td label {
    float: left;
    padding-bottom: 10px;
    width: 130px;
    margin: 0
}

.payment-info .dropdownlists, .payment-info .info input, .payment-info .info select, .payment-info .valid {
    margin-left: 6px;
    margin-bottom: 10px
}

.payment-info .info #ExpireMonth, .payment-info .info #ExpireYear {
    width: 72px !important;
    display: inline-block !important;
    padding: 6px
}

.checkout-page .order-summary-content .cart-footer .total-info {
    margin-bottom: 35px
}

.checkout-data .address-grid .address-item .select-button {
    margin-bottom: 5px;
    width: 100% !important;
    text-align: center
}

.checkout-data .section .address-box {
    list-style: none;
    padding: 20px 15px 10px 15px;
    margin: 0 0 30px;
    box-shadow: 0 0 10px #ddd;
    -webkit-box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    text-align: center;
    min-height: 260px;
    background: #fff
}

    .checkout-data .section .address-box li {
        color: #777;
        margin-bottom: 5px
    }

    .checkout-data .section .address-box .name {
        color: #000;
        font-size: 16px
    }

.checkout-data .payment-method ul, .checkout-data .shipping-method ul {
    list-style: none;
    margin: 0
}

.checkout-data .new-billing-address, .checkout-data .new-shipping-address {
    margin-bottom: 20px;
    overflow: hidden
}

#billing-address-select, #shipping-address-select {
    margin-bottom: 30px;
    width: 50%
}

.checkout-page .primary-buttons {
    padding: 10px 0
}

.order-summary-content .cart-footer .cart-total-right {
    padding-left: 5px;
    text-align: right;
    vertical-align: middle;
    color: #555
}

.checkout-page .shipping-method ul li {
    float: left;
    width: 33%;
    font-style: normal
}

.order-summary-content .cart-footer .total-info {
    margin-bottom: 20px;
    float: left;
    width: 98%;
    font-style: normal;
    box-shadow: var(--card-shadow) !important;
    border-radius: 10px;
    margin: 10px;
    padding: 10px
}

    .order-summary-content .cart-footer .total-info .selected-shipping-method {
        font-size: 11px;
        font-weight: 400
    }

.checkout-page .checkout-data .order-completed ul {
    list-style: none;
    margin: 0;
    padding: 10px 0
}

.enter-address .form-group label {
    text-align: left;
    color: var(--lable-color);
    font-weight: 700
}

.checkout-data .new-billing-address .title, .checkout-data .new-shipping-address .title, .order-summary-content .country {
    margin-bottom: 10px;
    overflow: hidden
}

#opc-payment_info #CardCode, #opc-payment_info #CardNumber, #opc-payment_info #CardholderName, #opc-payment_info #CreditCardType, .payment-info #CardCode, .payment-info #CardNumber, .payment-info #CardholderName, .payment-info #CreditCardType, .payment-info #ExpireMonth, .payment-info #ExpireYear, .payment-info #PurchaseOrderNumber {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgb(0 0 0 / .075) inset;
    -moz-box-shadow: 0 1px 1px rgb(0 0 0 / .075) inset;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / .075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    -moz-transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    -webkit-transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    width: 100%
}

.order-progress {
    margin-bottom: 30px;
    margin-top: 20px
}

    .order-progress .nav.nav-pills li {
        display: inline-block;
        float: none;
        margin-right: 24px
    }

        .order-progress .nav.nav-pills li.active-step .progress-icon {
            background: #bf2044
        }

    .order-progress .nav > li > a {
        color: #fff;
        padding: 2px;
        display: inline-block;
        border-radius: 30px
    }

        .order-progress .nav > li > a > .progress-icon {
            display: inline-block;
            width: 50px;
            height: 50px;
            font-size: 2rem;
            padding: 10px;
            background: #000;
            border-radius: 50px
        }

        .order-progress .nav > li > a:focus, .order-progress .nav > li > a:hover {
            border: none;
            background-color: var(--main-color)
        }

    .order-progress .nav > li > a {
        background-image: none;
        border: none
    }

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    font-family: Montserrat,sans-serif;
    border: none !important
}

.ui-corner-all {
    border-radius: 0 !important
}

.col8Chart, .ui-dialog {
    padding: 0 !important
}

.ui-widget-header {
    background: #37465d !important;
    color: #fff !important;
    border: none !important
}

.ui-dialog .ui-dialog-titlebar-close {
    background: url(../images/ico-close-notification-bar.png) 50% 50% repeat-x !important;
    border: none !important
}

.ui-dialog .ui-dialog-title {
    font-weight: 500
}

.ui-dialog .ui-dialog-content {
    border: 1px solid #aaa !important
}

.customer-info-page fieldset h3 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 15px;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-top: 0
}

.account-page .result {
    font-size: 18px;
    font-weight: 700;
    color: #3c763d
}

.username-available-status {
    color: green;
    padding-left: 5px
}

.username-not-available-status {
    color: red;
    padding-left: 5px;
    float: left;
    clear: both;
    width: 100%
}

.small-heading > strong {
    float: left;
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%
}

.address-list-page .add-button {
    text-align: center;
    margin-top: 20px
}

.form-group .save-btn-mt, .forum-search-page .checkbox label, .profile-page .profile-stats > ul {
    padding-left: 10px
}

.a-center.info.new-product-iteam, .a-center.product.new-product-iteam, .a-left.info.new-product-iteam, .a-left.product.new-product-iteam {
    vertical-align: middle
}

.check-availability .field-validation-error {
    margin-bottom: 5px;
    width: 120px
}

.address-list .address-item, .order-list-page .order-item {
    margin-bottom: 30px;
    border: 1px solid #ededed;
    position: relative
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 7px
}

.account-page .section:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.address-list .address-item {
    box-shadow: 0 0 10px #ddd;
    -webkit-box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    padding: 10px;
    min-height: 350px
}

.blogpost-page .comment-text, .contact-page .enquiry {
    max-width: 100%;
    min-height: 120px
}

.address-list .address-item .title {
    text-align: center;
    float: left;
    width: 100%
}

    .address-list .address-item .title strong, .order-list-page .order-item .title strong, .return-request-list-page .request-item .title strong {
        font-size: 16px;
        margin-bottom: 15px;
        text-transform: capitalize;
        display: inline-block;
        margin-top: 5px
    }

.address-list .address-item ul li {
    color: #666;
    clear: both;
    margin-bottom: 5px
}

.address-list .address-item address {
    margin-bottom: 0;
    float: left
}

.address-list .address-item .buttons {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px
}

.section.address-item .edit-address-button {
    background: url(../images/edit-icon.png) 15px 14px no-repeat #37465d;
    text-transform: uppercase;
    padding-left: 35px;
    margin-right: 5px
}

    .section.address-item .edit-address-button:hover {
        background: url(../images/edit-icon.png) 15px 14px no-repeat #f10044
    }

.section.address-item .delete-address-button {
    background: url(../images/delete-icon.png) 15px 13px no-repeat #37465d;
    text-transform: uppercase;
    padding-left: 35px
}

    .section.address-item .delete-address-button:hover {
        background: url(../images/delete-icon.png) 15px 13px no-repeat #f10044
    }

.address-list-page .add-address-button {
    background: url(../images/add-new-address-icon.png) 15px 10px no-repeat #f10044;
    text-transform: uppercase;
    padding-left: 40px
}

    .address-list-page .add-address-button:hover {
        background: url(../images/add-new-address-icon.png) 15px 10px no-repeat #37465d
    }

.order-list-page .order-item {
    box-shadow: 0 0 10px #ddd;
    -webkit-box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd
}

    .order-list-page .order-item .title, .return-request-list-page .request-item .title {
        text-align: center;
        margin-bottom: 15px;
        padding-top: 10px;
        border-bottom: 1px solid #ddd
    }

.order-list-page .order-item-detail {
    padding: 0 10px 15px;
    overflow: hidden
}

    .order-list-page .order-item-detail ul li, .return-request-list-page .section ul li {
        color: #666;
        margin-bottom: 5px
    }

    .order-list-page .order-item-detail .buttons {
        text-align: center;
        margin-top: 15px;
        float: left;
        width: 100%;
        overflow: hidden
    }

.avatar-page .buttons {
    margin: 10px 0
}

.profile-page .profile-info-box .user-details .avatar, .reward-points-page .reward-points-history .title {
    margin-bottom: 5px
}

.change-password-page #ConfirmNewPassword, .change-password-page #NewPassword, .change-password-page #OldPassword {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgb(0 0 0 / .075) inset;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / .075) inset;
    -moz-box-shadow: 0 1px 1px rgb(0 0 0 / .075) inset;
    color: #333;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    -moz-transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    -webkit-transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    width: 100%
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: 0;
    position: inherit
}

.address-list-page ul .email a, .back-in-stock-subscription-list-page .a-left.product a, .blog-page .blog-details a:hover, .blog-page .blog-details ul li a:hover, .blogpost-page .post-body p a, .blogpost-page .tags ul li a:hover, .downloadable-products-page .a-center.order a:hover, .downloadable-products-page .a-center.product a, .forum-group-page .forums-table-section-body tr td a:hover, .forum-group-page .forums-table-section-title a:hover, .forum-page-edit .manage a:hover, .forum-page-edit .post-content .pull-right a:hover, .forum-page-edit .post-info .manage i:hover, .forum-page-edit .send-pm-box a, .forum-page-edit .topic-footer a:hover, .forum-page-edit .topic-header a:hover, .forum-page-edit .topic-header i:hover, .forum-search-box .advanced a:hover, .forum-search-page a:hover, .forum-subscriptions-page .data-table a:hover, .forum-top a, .forum-top i, .forums-main-page a:hover, .forums-table-section .topic-name a, .news-item-page .news-body p a, .news-list-pag .news-head a:hover, .order-details-page .a-left.name a, .private-messages-page .data-table a:hover, .private-messages-page .panel-body ul li a, .return-request-list-page ul li a, .return-request-page .a-left.name a, .shipment-details-page a, .sitemap-page .entity-body ul li a:hover {
    text-decoration: none;
    color: var(--main-color);
    font-weight: 500
}

.customer-info-page .form-fields.add-more-external-records, .customer-info-page .panel.panel-default.extrnal-table {
    margin: 20px 0 40px
}

.order-details-page .cart-total-left {
    height: 21px;
    text-align: left;
    vertical-align: middle
}

.order-details-page .cart-total-right {
    padding-left: 5px;
    text-align: left;
    vertical-align: middle
}

.order-details-page .links {
    text-align: center;
    margin: 15px 0 25px
}

.billing-info-wrap .title, .order-details-page .billing-info li, .order-details-page .payment-infomation li, .order-details-page .shipping-info li, .order-details-page .shipping-information li, .order-info-wrap .title, .shipment-details-page .shipment-overview li {
    margin-bottom: 5px;
    color: #666;
    font-size: 13px
}

    .billing-info-wrap .title, .order-details-page li.title, .order-info-wrap .title, .shipment-details-page .shipment-overview li.title {
        color: #000;
        font-size: 15px
    }

.checkout-attributes.shipping-text, .order-details-page .title > strong, .shipment-details-page .title > strong {
    font-size: 16px
}

.checkout-attributes.shipping-text, .section.products .actions {
    float: right;
    width: 100%;
    text-align: right;
    margin-top: 20px
}

#divButton DIV:first-child, .dvcenter, .order-details-page .section.products .panel.panel-default table tbody tr .prices-alignment-right, .order-details-page .section.shipments .a-left, .qq-upload-button-selector div, .return-request-page .panel.panel-default table tbody tr .prices-alignment-right {
    text-align: center !important
}

.order-details-page .section.shipments a {
    color: #f10044;
    text-align: center
}

.back-in-stock-subscription-list-page .panel.panel-default, .compare-products-page .panel.panel-default, .downloadable-products-page .panel.panel-default, .forum-page .forum-top, .forum-subscriptions-page .panel.panel-default, .forum-topic-content-top, .forum-topic-page .topic-posts, .forums-table-section, .news-list-page .item, .order-details-page .section .panel.panel-default, .private-message-view-page .view-message, .private-messages-page .panel.panel-default, .return-request-page .section .panel.panel-default, .reward-points-page .panel.panel-default, .reward-points-page.panel.panel-default, .shipment-details-page .section .panel.panel-default, .sitemap-page .entity {
    box-shadow: 0 0 10px #ddd;
    -webkit-box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    border-color: #ededed;
    font-size: 14px
}

    .forum-page .forum-top .forum-info .forum-name, .forum-page .forum-top .forum-info .forum-name h1 {
        font-size: 1.2em;
        line-height: 25px;
        font-weight: 700
    }

.forum-topic-title-text, .pm-title-text, .private-message-subject-text {
    font-size: 12px;
    vertical-align: top
}

.back-in-stock-subscription-list-page .panel.panel-default table, .back-in-stock-subscription-list-page .panel.panel-default table tbody tr td, .back-in-stock-subscription-list-page .panel.panel-default table thead tr th, .compare-products-page .panel.panel-default table, .compare-products-page .panel.panel-default tbody tr td, .downloadable-products-page .panel.panel-default table, .downloadable-products-page .panel.panel-default table tbody tr td, .downloadable-products-page .panel.panel-default table thead tr th, .forum-subscriptions-page .subscription-list table, .forum-subscriptions-page .subscription-list table tbody tr td, .forum-subscriptions-page .subscription-list table thead tr th, .forums-table-section table, .forums-table-section table tbody tr td, .forums-table-section table thead tr th, .order-details-page .section .panel.panel-default table, .order-details-page .section .panel.panel-default table tbody tr td, .order-details-page .section .panel.panel-default table thead tr th, .private-messages-page .panel.panel-default table, .private-messages-page .panel.panel-default table tbody tr td, .private-messages-page .panel.panel-default table thead tr th, .return-request-page .panel.panel-default table, .return-request-page .panel.panel-default table tbody tr td, .return-request-page .panel.panel-default table thead tr th, .reward-points-page .panel.panel-default table, .reward-points-page .panel.panel-default table tbody tr td, .reward-points-page .panel.panel-default table thead tr th, .reward-points-page.panel.panel-default table, .reward-points-page.panel.panel-default table tbody tr td, .reward-points-page.panel.panel-default table thead tr th, .shipment-details-page .section .panel.panel-default table, .shipment-details-page .section .panel.panel-default table tbody tr td, .shipment-details-page .section .panel.panel-default table thead tr th {
    border: none;
    padding: 10px;
    vertical-align: middle
}

    .order-details-page .section .panel.panel-default table .a-left.name em, .shipment-details-page .section .panel.panel-default table .a-left.name em {
        font-style: normal
    }

.return-request-page select {
    width: 100%;
    text-align: left
}

.request-item ul {
    list-style: none;
    margin-bottom: 0
}

.return-request-page .fieldset .title, .return-request-page .section .table, .return-request-page .section .title {
    margin-bottom: 20px;
    text-align: left
}

.downloadable-products-page table th {
    padding: 10px 0 20px;
    text-align: center
}

.return-request-list-page .section {
    margin-bottom: 30px;
    border: 1px solid #ededed;
    box-shadow: 0 0 10px #ddd;
    -webkit-box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    height: 310px
}

    .return-request-list-page .section .details {
        padding: 0 10px 15px
    }

    .return-request-list-page .section .comments > div {
        height: 80px;
        overflow: hidden
    }

.downloadable-products-page .panel.panel-default table tbody tr td, .reward-points-page .panel.panel-default table tbody tr td {
    color: #666;
    font-size: 14px
}

.avatar-page .validation-summary-errors ul li {
    font-size: 14px;
    margin-top: 5px
}

.forums-main-page .forums-main-header {
    height: 50px;
    margin-bottom: 10px
}

    .active-discussions-page .forums-header .current-time, .current-time, .forums-main-page .forums-main-header .current-time {
        text-align: right;
        margin-bottom: 15px;
        color: #666
    }

.forum-search-box {
    text-align: right;
    margin-bottom: 20px;
    float: left;
    position: relative
}

.forums-table-section-title {
    padding: 15px;
    background: #f9f9f9;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    text-transform: capitalize
}

    .forums-table-section-title .link-rss {
        margin: 0 0 0 10px;
        float: right
    }

    .forums-table-section-title .view-all {
        float: right;
        text-align: right
    }

.forums-table-section th.last-post {
    width: 25%;
    text-align: center
}

.forums-main-page .forums-table-section td.forum-name, .forums-main-page .forums-table-section td.topic-name, .forums-table-section th.forum-name {
    text-align: left;
    width: 55%
}

.forums-table-section td.forum-name .forum-title a {
    font-weight: 500;
    margin-bottom: 3px;
    display: inline-block;
    color: var(--main-color)
}

.forums-table-section td.topic-name .topic-type {
    font-size: .9em;
    line-height: 18px
}

.forums-main-page .forums-table-section th.posts, .forums-main-page .forums-table-section th.replies, .forums-main-page .forums-table-section th.topics, .forums-main-page .forums-table-section th.views {
    width: 10%;
    text-align: center
}

.forums-main-page .topic-html-content .panel-heading {
    padding: 0;
    margin-bottom: 10px
}

.forums-main-page .topic-html-content {
    border: none;
    text-align: center
}

.search-box-text {
    float: left;
    height: 34px;
    padding: 0 12px;
    margin-right: -3px;
    border: none;
    box-shadow: none
}

.forum-search-box .search-box-text {
    background: #fff;
    border-bottom: 1px solid #ddd;
    width: 400px;
    padding-left: 5px
}

.forum-page .forum-top, .forum-topic-content-top {
    padding: 15px;
    margin-bottom: 40px
}

.forum-search-box .btn.search-box-button {
    background: url(../images/search-icon.png) no-repeat !important;
    border-radius: 0;
    width: 34px;
    height: 34px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    right: -10px;
    position: absolute;
    z-index: 1;
    padding: 0
}

.forum-search-box .advanced {
    margin-top: 15px;
    float: left;
    width: 100%
}

.forums-table-section .panel.panel-default {
    border: none;
    margin-bottom: 0
}

.forum-page .forums-table-section table tr .image {
    width: 3%
}

.forum-page .forum-top .actions {
    float: right;
    text-align: right;
    margin-top: 0
}

    .forum-page .forum-top .actions .newtopic {
        padding: 0 5px 3px 3px
    }

    .forum-page .forum-top .actions .watch-forum {
        padding-left: 5px
    }

.forum-page .pager ul, .forum-search-page .pager ul {
    float: left;
    margin: 5px 0
}

.forum-page .forums-table-section {
    border: 0;
    padding: 0
}

.basic-search .controls {
    padding-top: 3px
}

.forum-search-page .advanced-search {
    margin-bottom: 10px;
    padding-top: 10px
}

.forum-search-page .inputs label {
    display: inline-block;
    width: 140px
}

.forum-search-page .forum-serach-input .checkbox {
    clear: both;
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 20px
}

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

.forum-topic-content-top {
    text-align: center;
    float: left;
    width: 100%
}

    .forum-topic-content-top h2 {
        text-transform: capitalize;
        font-size: 22px;
        margin: 0 0 15px
    }

    .forum-topic-content-top .actions .actions-btn {
        padding: 8px;
        display: inline-block;
        line-height: 14px;
        color: #888
    }

        .forum-topic-content-top .actions .actions-btn a, .forum-topic-page .topic-actions.lower a {
            margin-left: 5px;
            color: #888;
            font-size: 13px;
            font-weight: 700
        }

.forum-topic-page .topic-posts {
    padding: 50px;
    float: left;
    width: 100%;
    color: #888;
    margin-bottom: 30px
}

.forum-topic-page .topic-post {
    float: left;
    width: 100%;
    padding: 20px
}

.topic-post .post-info {
    float: left;
    margin: 0;
    width: 15%;
    text-align: left
}

.topic-post .post-content {
    float: right;
    width: 85%
}

.forum-topic-page .topic-post .user-info span {
    background: #f5f5f5;
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
    color: #666
}

.forum-topic-page .topic-post .user-info .avatar {
    text-align: center;
    clear: both;
    margin-bottom: 15px
}

.forum-topic-page .topic-post .post-info .send-pm a {
    background: #37465d;
    padding: 8px;
    float: left;
    width: 100%;
    margin-top: 5px;
    color: #fff
}

.forum-topic-page .topic-post .post-head {
    background: #f5f5f5;
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    color: #666
}

.forum-topic-page .topic-post .post-body {
    clear: both;
    padding: 0 15px;
    line-height: 22px;
    letter-spacing: .5px
}

.forum-topic-page .topic-actions.lower i, .forum-topic-page .topic-post .post-head .manage-post i {
    color: #888
}

.forum-topic-page .topic-post .post-head .manage-post a {
    color: #888;
    font-size: 13px;
    font-weight: 700;
    margin-left: 5px;
    margin-right: 20px
}

.forum-topic-page .topic-post .post-head .quote-post a {
    color: var(--main-color);
    font-weight: 700;
    margin-right: 15px
}

.forum-edit-page .inputs {
    padding: 5px 0
}

.forum-edit-page .buttons, .tooltip-container .tooltip-body {
    margin: 5px
}

.forum-edit-page .form-group label {
    text-align: right;
    text-transform: capitalize
}

.forum-edit-page .page-title, .forum-edit-page fieldset legend {
    text-align: center;
    font-size: 18px
}

.forum-edit-page .form-group {
    overflow: hidden
}

.forum-edit-page .checkbox {
    color: #666;
    margin-top: 0
}

.move-topic-page .inputs label {
    color: #555;
    font-weight: 700;
    white-space: nowrap;
    width: 30%
}

.bb-editor-text, .forum-post-text {
    min-height: 150px
}

.private-message-subject-text {
    width: 500px;
    border: 1px solid #acacac
}

.forum-search-text {
    border: 1px solid #ccc;
    font-size: 14px;
    margin-right: 5px;
    float: left
}

.forum-search-box-text {
    border: 1px solid #acacac;
    font-size: 12px
}

.bb-editor-text {
    border: 1px solid #cec6b5
}

.post-link, .quote-post-link-button {
    float: right;
    padding: 0 !important
}

.post-link {
    padding: 1px 3px;
    margin-right: 5px;
    border: none;
    margin-top: 1px
}

.private-message-view-page .view-message div {
    margin: 10px 0 5px
}

.private-message-view-page .view-message label {
    display: inline-block;
    font-weight: 700;
    text-transform: capitalize
}

.private-message-send-page .form-group label {
    text-align: right;
    margin-bottom: 5px;
    padding-top: 5px
}

.private-message-username {
    color: #666;
    font-weight: 700
}

.private-messages-page .nav-tabs li a, .profile-page .nav-tabs li a {
    font-weight: 400;
    color: #666;
    font-size: 16px;
    text-transform: capitalize
}

.private-messages-page .nav-tabs > li > a, .profile-page .nav-tabs > li > a {
    margin-right: 15px;
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 15px 35px
}

    .private-messages-page .nav-tabs > li > a:focus, .private-messages-page .nav-tabs > li > a:hover {
        background-color: #333;
        color: #fff;
        outline: 0
    }

.private-messages-page, .profile-page {
    overflow: hidden;
    float: left;
    width: 100%
}

    .profile-page .profile-info-box .profile-stats {
        margin-left: 200px;
        padding: 10px
    }

        .profile-page .profile-info-box .profile-stats .title {
            margin-bottom: 10px;
            text-transform: uppercase
        }

    .profile-page .profile-info-box .user-details {
        width: 180px;
        float: left;
        padding: 10px;
        height: 100%;
        border-right: 1px solid #ddd
    }

    .profile-page .profile-info-box .user-stats li {
        font-weight: 700;
        list-style: none;
        padding: 2px
    }

    .profile-page .user-last-posts .topic-title {
        font-weight: 700;
        line-height: 20px;
        padding: 0 0 5px 10px
    }

    .profile-page .user-last-posts .topic-body {
        padding: 0 10px 5px
    }

        .profile-page .user-last-posts .topic-body a {
            color: #b80709;
            text-decoration: underline
        }

    .profile-page .user-last-posts .topic-data {
        padding-left: 10px;
        color: #555;
        font-size: .9em
    }

    .profile-page .profile-info-box .profile-stats label, .profile-page .profile-info-box .user-stats label {
        font-weight: 700;
        display: inline
    }

.news-list-page .news-detail-box {
    padding: 15px;
    color: #666;
    clear: both
}

.news-list-page .news-head {
    text-align: center;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    background: #efefef;
    padding: 0 15px
}

.news-list-page .news-items .news-head a {
    margin-bottom: 0;
    float: left;
    width: 100%;
    padding: 10px 0;
    color: var(--main-heading-color);
    font-weight: 700;
    font-size: 16px;
    background-color: var(--main-heading-bg)
}

.news-item-page .news-body {
    clear: both;
    margin-top: 15px;
    float: left;
    width: 100%;
    color: #666
}

.news-item-page .fieldset.new-comment .title {
    border-bottom: 1px solid #ddd;
    margin: 20px 0;
    padding: 10px 0;
    font-size: 16px;
    clear: both
}

.blogpost-page .user-info span, .news-item-page .user-info span {
    float: left;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    background: #f6f6f6
}

.blogpost-page .comment-list .title, .news-item-page .comment-list .title {
    clear: both;
    float: left;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
    width: 100%
}

.blogpost-page .user-info, .news-item-page .user-info {
    border: none;
    color: #444;
    display: block;
    font-weight: 700;
    margin: 0 0 -1px;
    padding: 0 0 10px;
    text-align: center;
    font-size: 14px
}

.blog-comment .comment-content .comment-time, .news-item-page .comment-content .comment-time {
    background-color: #f6f6f6;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    min-height: 40px;
    padding: 10px 15px
}

.comment-list .news-comment {
    border-top: 1px solid #ddd;
    margin-bottom: 0;
    padding-bottom: 0;
    float: left;
    width: 100%
}

.news-item-page .new-comment .buttons {
    padding-left: 10px;
    text-align: left
}

.comment-list .comment-content {
    border-left: 1px solid #ddd;
    display: table-cell;
    text-align: left;
    vertical-align: top
}

.comment-list .comment-title {
    margin: 0 0 -20px;
    padding: 20px;
    color: #666;
    font-size: 16px
}

.comment-list .comment-body {
    padding: 20px;
    line-height: 22px;
    color: #666
}

.block.block-blog-archive.well.box-shadow-wrapper .listbox ul li strong {
    padding: 8px 0 8px 25px;
    font-weight: 700;
    color: #000
}

.block.block-blog-archive.well.box-shadow-wrapper .listbox .nav.nav-list li a {
    padding: 8px 0 8px 40px;
    background: url(../images/dot-icon.png) 25px center no-repeat #fff0
}

.block-blog-archive .listbox ul li strong {
    padding-left: 20px;
    margin-top: 10px;
    float: left;
    clear: both
}

.blog-posts .post .post-body {
    float: left;
    width: 100%;
    border: 2px solid #eee;
    padding: 20px 15px 30px;
    color: #666;
    line-height: 22px
}

.blog-posts .post-head a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 15px 20px;
    float: left;
    width: 100%;
    background: var(--main-heading-bg);
    color: var(--main-color);
    text-transform: uppercase
}

.blog-posts .post .tags-list label, .blogpost-page .tags label {
    float: left;
    margin-right: 15px;
    text-transform: uppercase;
    color: #000
}

.blog-posts .post .tags-list ul, .blogpost-page .tags ul {
    float: none;
    overflow: hidden;
    padding-left: 0
}

.blog-posts .post .tags-list li, .blogpost-page .tags li {
    float: left;
    list-style: none;
    margin-right: 5px;
    line-height: 18px
}

.blog-posts .post .tags-list, .blogpost-page .tags {
    margin: 15px 0
}

.blog-posts .post .blog-details {
    float: left;
    width: 100%;
    font-size: 16px
}

.blogpost-page .post-date {
    margin-bottom: 10px;
    text-align: left;
    padding: 0
}

.blogpost-page .post-body {
    color: #666;
    line-height: 22px
}

.blogpost-page .blog-comment {
    border-top: 1px solid #ddd;
    float: left;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%
}

.blogpost-page .fieldset.new-comment .title {
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    font-size: 16px
}

.blog-comment .comment-info, .news-item-page .comment-info {
    border-right: 1px solid #ddd;
    margin-right: -1px
}

.blog-posts .tags-list ul li a, .blogpost-page .tags ul li a {
    font-size: 16px;
    padding: 0;
    font-weight: 400;
    color: var(--main-color)
}

    .blog-posts .tags-list ul li a:hover, .blogpost-page .tags ul li a:hover {
        text-decoration: underline;
        color: #333
    }

.blog-posts .btn.btn-primary.read-more {
    text-transform: capitalize;
    color: #fff
}

.blog-details .comments-text {
    font-weight: 700;
    display: block;
    margin-bottom: 15px
}

.post-date {
    float: right;
    color: #c2931a;
    font-weight: 700;
    width: 100%;
    padding: 10px;
    text-align: right
}

.blog-page .bottom-box-shadow {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.bottom-box-shadow {
    background: url(../images/bottom-box-shadow.png) left bottom/100% no-repeat;
    height: 39px
}

.account-activation-page .page-body {
    margin: 0;
    padding: 0;
    color: #555;
    background-color: inherit
}

.contact-page .inputs {
    margin-bottom: 12px
}

.contact-page .enquiry {
    margin: 0
}

.address-edit-page .validation-summary-errors ul li, .apply-vendor-page .validation-summary-errors ul li, .avatar-page .validation-summary-errors ul li, .blogpost-page .validation-summary-errors ul li, .change-password-page .validation-summary-errors ul li, .community-poll .validation-summary-errors ul li, .contact-page .validation-summary-errors ul li, .customer-info-page .validation-summary-errors ul li, .email-a-friend-page .validation-summary-errors ul li, .news-item-page .validation-summary-errors ul li, .private-message-send-page .validation-summary-errors ul li, .product-reviews-page .validation-summary-errors ul li, .registration-page .validation-summary-errors ul li, .search-page .validation-summary-errors ul li, .vendor-contact-page .validation-summary-errors ul li {
    background: #f2dede;
    margin-bottom: 10px;
    padding: 10px;
    color: #b94a48;
    clear: both
}

.apply-vendor-page .topic-html-content-body, .contact-page .topic-html-content-body {
    padding: 0;
    margin-bottom: 20px
}

.lt-ie11 .carousel-inner > .item > a > img, .lt-ie11 .carousel-inner > .item > img, .lt-ie11 .img-responsive, .lt-ie11 .thumbnail a > img, .lt-ie11 .thumbnail > img, .product-details-page .attributes select {
    width: auto
}

.product-details-page .attributes ul.color-squares li, .product-details-page .attributes ul.image-squares li {
    display: inline;
    margin-right: 10px;
    position: relative
}

.product-details-page .attributes ul.color-squares .color-container, .product-details-page .attributes ul.image-squares .image-container {
    position: relative;
    display: inline-block;
    padding: 1px;
    margin-bottom: 5px;
    line-height: 1em
}

.product-details-page .attributes ul.color-squares .selected-value .color-container, .product-details-page .attributes ul.image-squares .selected-value .image-container {
    border-color: #bbb;
    border-width: 2px
}

.product-details-page .attributes ul.color-squares label, .product-details-page .attributes ul.image-squares label {
    cursor: pointer;
    position: relative;
    display: inline-block
}

.product-details-page .attributes ul.color-squares input, .product-details-page .attributes ul.image-squares input {
    height: 0;
    overflow: hidden;
    z-index: -10000;
    position: absolute;
    float: none;
    display: none
}

.product-filters .color-squares, .product-filters .image-squares {
    font-size: 0
}

    .product-filters .color-squares .color-container, .product-filters .image-squares .image-container {
        display: inline-block;
        padding: 1px;
        position: relative;
        z-index: 0
    }

    .product-filters .color-squares .color, .product-filters .image-squares .image {
        border: 1px solid #444 !important;
        cursor: pointer;
        display: table !important;
        height: 32px !important;
        width: 32px !important
    }

.product-filters .product-spec-color li.color-item a {
    padding: 0;
    width: 100%
}

.color-squares .color, .image-squares .image {
    border: 2px solid #ddd;
    cursor: pointer;
    display: table !important;
    height: 32px !important;
    width: 32px !important
}

.color-squares .color {
    border-radius: 100%
}

.tooltip-container::after, .tooltip-container::before {
    bottom: 100%;
    content: "";
    left: 50%;
    width: 0;
    position: absolute;
    height: 0
}

.tooltip-container {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #000;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 200px;
    left: 0;
    top: 36px
}

    .tooltip-container::after {
        border-bottom: 6px solid #fff;
        border-left: 6px solid #fff0;
        border-right: 6px solid #fff0;
        margin-left: -6px
    }

    .tooltip-container::before {
        border-bottom: 7px solid #eee;
        border-left: 7px solid #fff0;
        border-right: 7px solid #fff0;
        margin-left: -7px
    }

.color-squares li:hover .tooltip-container, .image-squares li:hover .tooltip-container {
    margin-left: -83px;
    margin-top: 5px;
    visibility: visible;
    z-index: 999
}

.tooltip-container .tooltip-header {
    background-color: #f6f6f6;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 15px;
    height: 30px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    width: 198px
}

#lbBottom, #lbImage {
    border: 10px solid #fff
}

.tooltip-container .tooltip-body img {
    border: 0 #fff;
    width: 190px
}

#lbOverlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer
}

#lbBottomContainer, #lbCenter {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: #fff
}

.lbLoading {
    background: url(../images/loading.gif) center no-repeat #fff
}

#lbImage {
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat
}

#lbNextLink, #lbPrevLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: 0
}

#lbNextLink {
    right: 0
}

#lbBottom {
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border-top-style: none
}

#lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: url(../images/closelabel.gif) center no-repeat;
    margin: 5px 0;
    outline: 0
}

#lbCaption, #lbNumber {
    margin-right: 71px
}

.toolbar {
    padding: 2px;
    display: block;
    margin-bottom: 10px
}

.hvr-pulse-grow, .hvr-skew-forward {
    display: inline-block;
    box-shadow: 0 0 1px #fff0;
    vertical-align: middle
}

.toolbar .button {
    background: url(../images/bbeditor-button-bg.gif) repeat-x;
    padding: 2px;
    margin-right: 2px;
    border: 1px solid #cec6b5
}

    .toolbar .button:hover {
        border: 1px solid #333
    }

pre {
    white-space: normal;
    word-wrap: break-word
}

.csharpcode, .csharpcode pre {
    font-size: small;
    color: #000;
    font-family: Consolas,"Courier New",Courier,Monospace;
    background-color: #fff
}

    .csharpcode .rem {
        color: green
    }

    .csharpcode .kwrd {
        color: blue
    }

    .csharpcode .str {
        color: #006080
    }

    .csharpcode .op {
        color: #0000c0
    }

    .csharpcode .preproc {
        color: #c63
    }

    .csharpcode .asp {
        background-color: #ff0
    }

    .csharpcode .html {
        color: maroon
    }

    .csharpcode .alt {
        background-color: #f4f4f4;
        width: 100%;
        margin: 0
    }

    .csharpcode .lnum {
        color: #606060
    }

.pm-title-text.form-control {
    width: 44%
}

#backTop {
    width: 30px;
    height: 30px;
    padding: 7px;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 9999;
    display: none;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    background: url(../images/top-arrow.png) no-repeat center center var(--btn-primary)
}

    #backTop:hover {
        background: url(../images/top-arrow.png) center center no-repeat #37465d
    }

legend + :before {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    margin-bottom: 20px
}

button:active, button:focus, button:hover, input:active, input:focus, input:hover, select:focus, select:hover, textarea:active, textarea:focus, textarea:hover {
    outline: 0 !important
}

.eq-ie8 .item-box .thumbnail .wishlist-compare-wrapper {
    text-align: center;
    width: 100%;
    z-index: 999;
    opacity: 0;
    top: calc(80% + 0px);
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    visibility: hidden
}

.eq-ie8 .item-box .thumbnail:hover .picture .wishlist-compare-wrapper {
    top: 40%;
    opacity: 1;
    visibility: visible
}

.eq-ie8 .product-grid .product-list .product-item .rating, .lt-ie10 .footer-upper .column ul li a:focus, .lt-ie10 .footer-upper .column ul li a:hover {
    margin-left: 0
}

.eq-ie8 .product-details-page .product-share-button a span {
    height: 30px !important;
    width: 30px !important
}

    .eq-ie8 .product-details-page .product-share-button a span .at-icon {
        height: 30px !important;
        width: 25px !important
    }

.eq-ie8 .footer {
    border-top: 1px solid #ededed
}

.eq-ie8 .header-lower .search-box .search-nav {
    padding-top: 5px
}

.eq-ie8 #newsletter-subscribe-block #newsletter-email {
    padding-top: 8px
}

.lt-ie9 .registration-page h3 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #e5e5e5;
    border-image: none;
    border-width: 0 0 1px;
    display: block;
    line-height: inherit;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.lt-ie11 .header-selectors-wrapper select, .lt-ie9 .header-selectors-wrapper select {
    border: 1px solid #33393e !important;
    background: #071018 !important
}

.lt-ie9 .payment-info .info td label {
    float: none;
    margin: 0;
    padding-bottom: 10px;
    width: 130px
}

.lt-ie9 .entity-body.category-body.product-link li {
    float: left;
    margin-right: 26px;
    width: 46%;
    margin-bottom: 8px
}

.lt-ie9 .main-menu.goToTop {
    border-bottom: 1px solid #4b5461
}

.eq-ie11 .header-selectors-wrapper SELECT {
    padding-right: 0 !important
}

.lt-ie10 select {
    background: #fff !important;
    border: 1px solid #ddd
}

.lt-ie9 .header-selectors-wrapper select {
    padding: 5px 0 5px 5px !important
}

.lt-ie11 .login-page .checkbox input[type="checkbox"] {
    margin-left: 15px;
    min-height: 20px
}

.lt-ie11 .login-page .remember-me .checkbox {
    padding-left: 0;
    padding-top: 0;
    margin-left: 0
}

.lt-ie11 .remember-me .checkbox > label > .checkbox {
    margin-top: 3px
}

.lt-ie11 .review-rating .rating-text .rb {
    margin-top: 6px
}

.eq-ie11 .forum-search-page .forum-search-box .search-box-text, .lt-ie11 .forum-search-page .forum-search-box .search-box-text {
    width: 400px
}

.lt-ie11 .login-page .checkbox .remember-text {
    padding-left: 35px
}

.eq-ie11 .customer-info-page .date-birth-text .field-validation-error, .eq-ie11 .registration-page .date-birth-text .field-validation-error, .lt-ie11 .customer-info-page .date-birth-text .field-validation-error, .lt-ie11 .registration-page .date-birth-text .field-validation-error {
    margin-left: 10px
}

.forum-search-box .btn.search-box-button, doesnotexist:-o-prefocus {
    padding: 15px 19px
}

.forum-search-box .basic .form-group, doesnotexist:-o-prefocus {
    margin-bottom: 0
}

.btn, doesnotexist:-o-prefocus {
    height: 34px
}

.new-wrapper.register-block legend, .returning-wrapper legend, doesnotexist:-o-prefocus {
    margin-bottom: 20px;
    float: left
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .forum-page .pagination {
        margin: 0
    }

    .checkout-as-guest-or-register-block legend, .facebook-login-block legend, .new-wrapper.register-block legend, .returning-wrapper legend {
        margin-bottom: 20px;
        float: left
    }

    .product-selectors select, ::i-block-chrome {
        margin-top: 5px
    }
}

.quick-view-button a {
    background: var(--quickview-bg) url(../images/icon-qv.png) no-repeat 10px center !important;
    border-radius: 30px !important
}

.product-img img:hover {
    filter: grayscale(100%)
}

@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.hvr-pulse-grow {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0)
}

    .hvr-pulse-grow:active, .hvr-pulse-grow:focus, .hvr-pulse-grow:hover {
        -webkit-animation-name: hvr-pulse-grow;
        animation-name: hvr-pulse-grow;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate
    }

@-webkit-keyframes hvr-hang {
    0%,100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@keyframes hvr-hang {
    0%,100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px)
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px)
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-skew-forward {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

    .hvr-skew-forward:active, .hvr-skew-forward:focus, .hvr-skew-forward:hover {
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg)
    }

.rich-blog-homepage .title {
    border-bottom: 2px solid #f10044 !important;
    border-width: 100px
}

#send-contact-us-form:hover, .rich-blog-homepage .blog-posts, .write-product-review-button:hover {
    background-color: #37465d !important
}

.rich-blog-homepage .post-title, .rich-blog-homepage .read-more {
    background-color: var(--btn-primary) !important;
    color: #e5e5e5 !important
}

.rich-blog-homepage .blog-post {
    border: 10px solid #bfbfbf
}

@media (min-width:1001px) {
    .rich-blog-homepage .blog-post {
        margin: 1% 1% 30px !important
    }
}

.rich-blog-homepage .post-description {
    color: #e5e5e5 !important;
    padding: 0 5px
}

.rich-blog-homepage .read-more {
    border: none;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out
}

.productTabs, .ui-tabs .full-description {
    color: #999 !important
}

#send-contact-us-form, .rich-blog-homepage .view-all a, .write-product-review-button {
    transition: 0.3s ease-in-out;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.modal-dialog .modal-footer .btn + .btn, .rich-blog-homepage .view-all {
    margin: 15px 0 !important
}

.desktop .rich-blog-homepage .view-all a {
    background: var(--btn-primary);
    border: none;
    color: #e5e5e5 !important;
    border-radius: 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    padding: 10px 20px;
    display: inline-block !important
}

    .desktop .rich-blog-homepage .view-all a:hover {
        background-color: var(--btn-primary-hvr) !important;
        transition: 0.3s ease-in-out !important;
        -webkit-transition: 0.3s ease-in-out !important;
        -moz-transition: 0.3s ease-in-out !important;
        -o-transition: 0.3s ease-in-out !important;
        text-decoration: none !important
    }

.product-grid .product-list .thumbnail .quick-view-button {
    margin-left: 0 !important
}

.productTabs {
    border: none !important;
    background: 0 0 !important
}

#quickTabs .productTabs-header, .admintab-wrap .productTabs-header {
    float: left !important;
    width: 100% !important
}

#quickTabs .ui-tabs .ui-tabs-nav {
    margin: 0 !important;
    padding: 0 !important
}

#quickTabs .ui-widget-header .ui-state-active, .admintab-wrap ul li.active {
    background: 0 0 !important;
    border: none !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 0 !important
}

#quickTabs .ui-state-default, #quickTabs .ui-tabs .ui-tabs-nav li, .admintab-wrap ul li, .admintab-wrap ul li:not(.active) {
    border: none !important;
    background: 0 0 !important;
    color: #666 !important
}

#quickTabs .ui-tabs .ui-tabs-nav li, .admintab-wrap ul li {
    margin-bottom: -1px
}

.admintab-wrap ul li {
    margin-bottom: 0 !important
}

    #quickTabs .ui-state-default a, #quickTabs .ui-tabs .ui-tabs-nav li a, .admintab-wrap ul li a, .admintab-wrap ul li:not(.active) a {
        margin-right: 15px !important;
        border: 1px solid #ddd !important;
        border-radius: 0 !important;
        padding: 15px 35px !important;
        background: #f5f5f5 !important;
        font-weight: 400 !important;
        color: #666 !important;
        font-size: 16px !important;
        text-transform: capitalize !important
    }

    #quickTabs .ui-tabs-nav li.ui-state-active a, .admintab-wrap ul li.active a {
        color: #fff !important;
        background: var(--btn-primary) !important;
        font-weight: 700 !important;
        border-color: #f10044 !important
    }

.tab-content {
    float: left;
    padding: 14px 14px 0;
    width: 100%;
    border: 1px solid #ddd;
    margin-top: -1px;
    background-color: #fff
}

.chart-wrapper {
    margin-bottom: 1em !important
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

#quickTabs input[type="radio"]:after, input[type="radio"]:after {
    box-shadow: inset 0 0 0 1px hsl(0 0% 0% / .4),0 1px 1px hsl(0 0% 100% / .8);
    content: "";
    height: 10px;
    left: 4px;
    top: 4px;
    width: 10px
}

#quickTabs input[type="radio"], input[type="radio"] {
    background-color: #ddd;
    background-image: -webkit-linear-gradient(0deg,transparent 20%,hsl(0 0% 100% / .7),transparent 80%),-webkit-linear-gradient(90deg,transparent 20%,hsl(0 0% 100% / .7),transparent 80%);
    box-shadow: inset 0 1px 1px hsl(0 0% 100% / .1),0 0 0 1px hsl(0 0% 0% / .3);
    display: inline-block;
    height: 20px;
    margin-right: 15px;
    -webkit-appearance: none;
    cursor: pointer;
    position: relative
}

#AddProductReview_Rating {
    float: left;
    width: 50px
}

.review-rating {
    padding-bottom: 10px
}

#quickTabs input[type="radio"] {
    border-radius: 10px;
    width: 20px;
    padding: 0 !important
}

    #quickTabs input[type="radio"]:after {
        background-color: #444;
        border-radius: 25px;
        display: block;
        position: relative
    }

    #quickTabs input[type="radio"]:checked:after, input[type="radio"]:checked:after {
        background-color: var(--main-color)
    }

#send-contact-us-form, .write-product-review-button {
    background-color: var(--btn-primary) !important;
    border: none;
    color: #fff !important;
    border-radius: 0;
    padding: 10px 15px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    display: inline-block;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    width: 15% !important;
    margin: 5px 0 !important
}

.Horz ul.MemMenu li a, .bizStatusPan, .bizStatusVal, .bizStatuslbl, ul.notification-menu li .notification-content h2 {
    font-size: 12px
}

.ui-widget-content {
    color: var(--text-color) !important
}

#JoiningDay, #JoiningMonth, #JoiningYear {
    border: 1px solid #e5e6e7;
    padding: 6px 12px;
    margin: 5px 2px
}

input[type="radio"] {
    border-radius: 10px;
    width: 20px;
    padding: 1px !important
}

    input[type="radio"]:after {
        background-color: #c1c1c1;
        border-radius: 25px;
        display: block;
        position: relative
    }

.btn.btn-ajs {
    background-color: #e4bb00;
    border: none;
    color: #fff;
    border-radius: 0;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    padding: 10px 15px
}

    .btn.btn-ajs:focus, .btn.btn-ajs:hover {
        background-color: #ababab;
        opacity: 1 !important;
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg)
    }

.header {
    background: var(--header-top);
    clear: both;
    display: block;
    width: 100%
}

.memLogo {
    padding: 5px 0 0 30px
}

    .memLogo img {
        height: auto
    }

#reading-progress {
    position: fixed;
    width: 100%;
    height: 5px;
    z-index: 9999;
    top: 0;
    left: 0
}

#reading-progress-fill {
    height: 5px;
    width: 0;
    -webkit-transition: width 0.1s;
    -o-transition: width 0.1s;
    transition: width 0.1s;
    background-color: red
}

ul.MemMenu .nav > li > a:focus, ul.MemMenu .nav > li > a:hover {
    background-color: #0e1c29 !important
}

.left-custom-menu-adp-wrap {
    background-color: #2e353d
}

ul.MemMenu li {
    display: block;
    float: none;
    position: relative;
    border-left: 3px solid #e4bb00;
    border-bottom: 3px solid #9b9b9b;
    border-top: 2px solid #9b9b9b
}

    ul.MemMenu li:first-child {
        margin-top: 2px
    }

#faIconStyle {
    font-size: 14px !important;
    padding-right: 10px !important;
    width: 20px;
    color: var(--main-color)
}

ul.MemMenu li .dropdown-item {
    display: block;
    padding: 0 5px !important;
    background: var(--menu-dropdown);
    margin: 0 3px 5px
}

ul.MemMenu, ul.MemMenu .nav-item, ul.MemMenu li {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 35px;
    cursor: pointer;
    background: var(--menu-bg);
    width: 100%
}

    ul.MemMenu li a, ul.MemMenu li span {
        color: var(--menu-color)
    }

        ul.MemMenu li a:focus, ul.MemMenu li a:hover {
            background: var(--menu-hvr-bg)
        }

    ul.MemMenu .indicator-right-menu {
        color: #f10044;
        float: right
    }

    ul.MemMenu .dropdown-menu {
        background-color: #9b9b9b
    }

.sidebar {
    position: fixed
}

ul.MemMenu .nav-item.open > a {
    background-color: transparent !important
}

ul.MemMenu .nav-item.open {
    background: var(--menu-hvr-bg);
    border-radius: 10px
}

.Horz ul.MemMenu {
    float: left !important;
    margin-bottom: 10px
}

    .Horz ul.MemMenu li {
        width: auto !important;
        float: left !important;
        border-left: 1px solid #e4bb00 !important;
        border-bottom: 3px solid #9b9b9b !important;
        border-right: 2px solid #e4bb00 !important
    }

.Horz, .Horz.sidebar {
    z-index: 1
}

.header-lower {
    border-bottom: 1px solid #33393e
}

@media (max-width:800px) {
    .Horz, .VertM {
        display: none !important
    }
}

.side_menuPOP {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    height: 100vh;
    left: -210px;
    position: absolute;
    top: 0;
    width: 210px;
    z-index: 999999999
}

    .side_menuPOP .container {
        padding: 0 1em
    }

.burger_box {
    display: block;
    float: right;
    margin-right: -45px
}

    .burger_box a.menu-icon {
        display: inline-block;
        float: none;
        height: 43px;
        padding: 10px;
        opacity: .5;
        width: 45px;
        z-index: 100
    }

        .burger_box a.menu-icon.opened, .burger_box a.menu-icon:hover {
            opacity: 1
        }

        .burger_box a.menu-icon.opened {
            background: rgb(0 20 60 / .9)
        }

    .burger_box .menu-icon_box {
        display: inline-block;
        height: 25px;
        position: relative;
        text-align: left;
        width: 25px
    }

    .burger_box .menu-icon_line {
        background: var(--toggle-bg);
        border-radius: 2px;
        display: inline-block;
        height: 3px;
        position: absolute;
        width: 100%
    }

.panel-title .calendar, .panel-title .credit-card, .panel-title .downline, .panel-title .globe, .panel-title .kyc, .panel-title .line-chart, .panel-title .list-alt, .panel-title .money, .panel-title .pancard, .panel-title .share-square, .panel-title .status {
    width: 50px !important;
    height: 50px !important;
    margin-top: -10px !important;
    border-radius: 5px;
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%),0 7px 10px -5px rgb(255 152 0 / 40%) !important
}

.burger_box .menu-icon_line--1 {
    top: 2px;
    transition: top 0.2s 250ms,transform 0.2s;
    -webkit-transition: top 0.2s 250ms,-webkit-transform 0.2s
}

.burger_box .menu-icon_line--2 {
    top: 10px;
    transition: opacity 0s 0.3s;
    -webkit-transition: opacity 0s 0.3s
}

.burger_box .menu-icon_line--3 {
    top: 18px;
    transition: top 0.1s 0.3s,transform 0.2s;
    -webkit-transition: top 0.1s 0.3s,-webkit-transform 0.2s
}

.bg-blue::before, .bg-pink::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition-timing-function: ease-out
}

.burger_box .menu-icon.opened .menu-icon_box {
    transform: scale3d(.9,.9,.9);
    -webkit-transform: scale3d(.9,.9,.9)
}

.burger_box .menu-icon.opened .menu-icon_line {
    top: 10px
}

.burger_box .menu-icon.opened .menu-icon_line--1 {
    transform: rotate3d(0,0,1,45deg);
    -webkit-transform: rotate3d(0,0,1,45deg);
    transition: top 0.1s,transform 0.2s 250ms;
    -webkit-transition: top 0.1s,-webkit-transform 0.2s 250ms
}

.burger_box .menu-icon.opened .menu-icon_line--2 {
    opacity: 0;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s
}

.burger_box .menu-icon.opened .menu-icon_line--3 {
    transform: rotate3d(0,0,1,-45deg);
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transition: top 0.2s,transform 0.2s 250ms;
    -webkit-transition: top 0.2s,-webkit-transform 0.2s 250ms
}

.list_load {
    display: none;
    list-style: none;
    padding: 0
}

.list_item {
    margin-left: -20px;
    opacity: 0;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out
}

    .list_item a {
        color: #fff;
        display: block;
        padding: 5px 10px;
        text-decoration: none
    }

        .list_item a:hover {
            background: rgb(255 255 255 / .2)
        }

.pl-5, .px-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    position: absolute;
    display: none;
    height: 500px;
    overflow-y: auto;
    width: 100%
}

.bg-blue, .bg-gray, .bg-green, .bg-orange, .bg-pink, .bg-purple, .bg-yellow {
    position: relative;
    box-shadow: 0 0 1px #fff0;
    vertical-align: middle
}

.DashBiz, .dashcard .intro-img, .hvr-bob {
    display: inline-block
}

.px-5 ul.MemMenu li a {
    width: 100%;
    text-align: left;
    padding: 8px;
    font-size: 12px;
    display: block
}

.btn-flat {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
    padding: 8px !important
}

    .btn-flat i {
        color: #f10044 !important
    }

.DashBiz {
    background-color: #000;
    color: #fff;
    clear: both;
    margin-bottom: 10px;
    width: 100%
}

.bizStatusVal {
    line-height: 2.8;
    animation: 5s linear infinite blinker;
    background-color: #f10044;
    min-height: 50px !important
}

.bizStatusPan {
    padding: 0 !important
}

.bizStatuslbl {
    background-color: #e3b707;
    min-height: 50px !important
}

.blink {
    animation: 0.8s linear infinite blinker;
    color: #f10044;
    font-size: 1em;
    font-weight: 700;
    font-family: sans-serif
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.panel-title .status {
    background: linear-gradient(87deg,#fbb651 0,#c67a0c 100%) !important
}

.panel-title .pancard {
    background: linear-gradient(87deg,#66bb6a 0,#0c8f12 100%) !important
}

.panel-title .kyc {
    background: linear-gradient(87deg,#ee534f 0,#a9110d 100%) !important
}

.panel-title .downline {
    background: linear-gradient(87deg,#26c6da 0,#058190 100%) !important
}

.panel-title .line-chart {
    background: linear-gradient(87deg,#2dce89 0,#2dcecc 100%) !important
}

.panel-title .list-alt {
    background: linear-gradient(87deg,#11cdef 0,#1171ef 100%) !important
}

.panel-title .credit-card {
    background: linear-gradient(87deg,#cf7bf6 0,#7e0fb2 100%) !important
}

.panel-title .money {
    background: linear-gradient(87deg,#f5f67b 0,#9d9f0b 100%) !important
}

.panel-title .share-square {
    background: linear-gradient(87deg,#ee8f61 0,#9f3b0b 100%) !important
}

.panel-title .calendar {
    background: linear-gradient(87deg,#fe6c6c 0,#ffbb70 100%) !important
}

.panel-title .globe {
    background: linear-gradient(87deg,#3e5aa4 0,#93a2cd 100%) !important
}

.DashHead {
    background-color: #000;
    padding: 3px;
    color: #fff;
    clear: both
}

.ContMargBot10 {
    margin-bottom: 10px !important
}

.ContMargBot20 {
    margin-bottom: 20px !important
}

table thead, table thead th {
    background: var(--table-bg);
    border: 1px solid #eeba1f !important
}

.paginate_button.current {
    color: #fff !important;
    background: var(--pagination-bg) !important
}

.Dashboard .dataTables_wrapper, .Dashboard div.DTTT_container {
    margin: 1px !important
}

.HTitle {
    background-color: #f10044 !important;
    color: #fff;
    border-top: 3px solid #337ab7;
    padding: 5px 0;
    text-align: center;
    margin: 0 0 20px
}

.dashcard {
    padding: 20px 10px
}

    .dashcard .intro-img {
        padding: 12px;
        border-radius: 40px;
        margin: 12px
    }

.dashcardSub .panel-footer {
    background-color: #f10044;
    color: #fff !important
}

    .dashcardSub .panel-footer a, .quote-post-button {
        color: #fff !important
    }

.dashcardSub {
    background-color: #e8e0d6;
    border-radius: 10px;
    text-align: center
}

.content, .effect-1, .effect-2 {
    height: 58%;
    width: 55%;
    border-radius: 22%
}

.bg-blue {
    background-color: #70b2f4 !important;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s
}

    .bg-blue::before, .bg-pink {
        -webkit-transition-duration: 0.5s
    }

    .bg-blue::before {
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        transition-duration: 0.5s;
        transition-timing-function: ease-out
    }

.bg-pink {
    background-color: #fd9696 !important;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: 0.5s
}

    .bg-green, .bg-pink::before {
        -webkit-transition-duration: 0.5s
    }

    .bg-pink::before {
        background: #d77;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        transition-duration: 0.5s;
        transition-timing-function: ease-out
    }

.bg-green::before, .bg-yellow::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition-timing-function: ease-out
}

.bg-green {
    background-color: #7ad57a !important;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: 0.5s
}

    .bg-green::before, .bg-yellow {
        -webkit-transition-duration: 0.5s
    }

    .bg-green::before {
        background: #4c9b4c;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        transition-duration: 0.5s;
        transition-timing-function: ease-out
    }

.bg-yellow {
    background-color: #eac709 !important;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: 0.5s
}

    .bg-gray, .bg-yellow::before {
        -webkit-transition-duration: 0.5s
    }

    .bg-yellow::before {
        background: #c8ab0c;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        transition-duration: 0.5s;
        transition-timing-function: ease-out
    }

.bg-gray::before, .bg-purple::before {
    position: absolute;
    -webkit-transition-timing-function: ease-out;
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bg-gray {
    background-color: #bbb !important;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: 0.5s
}

    .bg-gray::before, .bg-purple {
        -webkit-transition-duration: 0.5s
    }

    .bg-gray::before {
        background: #999797;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        transition-duration: 0.5s;
        transition-timing-function: ease-out
    }

.bg-purple {
    background-color: #d8b6fb !important;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: 0.5s
}

    .bg-orange, .bg-purple::before {
        -webkit-transition-duration: 0.5s
    }

    .bg-purple::before {
        background: #9779d2;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        transition-duration: 0.5s;
        transition-timing-function: ease-out
    }

.bg-orange {
    background-color: #ff9f22 !important;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: 0.5s
}

    .bg-orange::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ff7f22;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .bg-blue:active::before, .bg-blue:focus::before, .bg-blue:hover::before, .bg-gray:active::before, .bg-gray:focus::before, .bg-gray:hover::before, .bg-green:active::before, .bg-green:focus::before, .bg-green:hover::before, .bg-orange:active::before, .bg-orange:focus::before, .bg-orange:hover::before, .bg-pink:active::before, .bg-pink:focus::before, .bg-pink:hover::before, .bg-purple:active::before, .bg-purple:focus::before, .bg-purple:hover::before, .bg-yellow:active::before, .bg-yellow:focus::before, .bg-yellow:hover::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
        transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
    }

@-webkit-keyframes hvr-bob {
    0%,100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@keyframes hvr-bob {
    0%,100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.hvr-bob {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-animation-name: hvr-bob-float,hvr-bob;
    animation-name: hvr-bob-float,hvr-bob;
    -webkit-animation-duration: 0.3s,1.5s;
    animation-duration: 0.3s,1.5s;
    -webkit-animation-delay: 0s,0.3s;
    animation-delay: 0s,0.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

.content {
    position: absolute;
    vertical-align: middle;
    z-index: 5000;
    margin: 4%
}

.effect-1, .effect-2 {
    display: none;
    mix-blend-mode: multiply;
    opacity: 1;
    position: absolute;
    z-index: 3000
}

.effect-1 {
    animation: 1.8s linear infinite rotate;
    background: cyan
}

.effect-2 {
    animation: 1.2s linear infinite reverse rotate;
    background: #e7a9ff
}

@keyframes rotate {
    0%,100% {
        top: 0;
        left: 8%
    }

    25% {
        top: 8%;
        left: 0
    }

    50% {
        top: 16%;
        left: 8%
    }

    75% {
        top: 8%;
        left: 16%
    }
}

.exercise {
    background: linear-gradient(135deg,#a8edea 0,#fed6e3 100%);
    border-radius: 5px;
    height: 50%;
    margin: 21% 25% 25%;
    width: 50%
}

.shadow-reset {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / .14)
}

.sparkline13-list {
    border: 1px solid #cacaca;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

.main-sparkline17-hd, .smart-sparkline-hd, .sparkline-hd, .sparkline10-hd, .sparkline11-hd, .sparkline12-hd, .sparkline13-hd, .sparkline14-hd, .sparkline15-hd, .sparkline16-hd, .sparkline7-hd, .sparkline8-hd, .sparkline9-hd {
    padding: 0 20px;
    font-weight: 700;
    background: var(--main-heading-bg);
    color: var(--main-heading-color);
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

.register-content .main-sparkline17-hd, .register-content .smart-sparkline-hd, .register-content .sparkline-hd, .register-content .sparkline10-hd, .register-content .sparkline11-hd, .register-content .sparkline12-hd, .register-content .sparkline13-hd, .register-content .sparkline14-hd, .register-content .sparkline15-hd, .register-content .sparkline16-hd, .register-content .sparkline7-hd, .register-content .sparkline8-hd, .register-content .sparkline9-hd, .sparkline11-hd {
    padding: 0 20px;
    font-weight: 700;
    color: #fff;
    background-color: var(--main-heading-bg);
    display: inline-block;
    width: 100%
}

.form-control, .register-content .inputs {
    text-align: left;
    padding: 0 15px
}

    .register-content .inputs input {
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
        -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
        -o-transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
    }

@media (max-width:1000px) {
    .register-content .inputs input {
        width: 90%
    }
}

@media (min-width:1001px) {
    .register-content .inputs input {
        width: 50%
    }

    .register-content .inputs label {
        width: 16.66666667% !important
    }
}

.navbar-header {
    padding-top: 6px
}

.sparkline11-list h1, .sparkline13-list h1, .sparkline16-list h1, .sparkline9-list h1 {
    font-size: 24px !important
}

.sparkline13-graph {
    padding: 8px 20px;
    background: #fff !important
}

.sparkline11-graph, .sparkline16-graph, .sparkline9-graph, .sparkline14-graph, .sparkline12-graph, .sparkline15-graph {
    padding: 5px;
    background: #fff !important;
    margin-bottom: 0 !important;
    margin-top: 10px
}

table.responsive {
    position: relative !important;
    z-index: 0 !important
}

table hr {
    border-top: 1px solid #000 !important
}

.move-listItembtn {
    font-size: 14px !important;
    padding: 5px 8px !important;
    background-color: #000 !important;
    border: 1px solid #000 !important;
    width: 40px;
    font-weight: 700;
    margin-bottom: 5px !important
}

.result {
    background: #4bb07a;
    color: var(--white) !important;
    position: relative;
    width: 100%;
    margin: 2px 0;
    font-weight: 700;
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate
}

#Paymode-tabs.nav-tabs > li > a {
    background-color: var(--btn-primary);
    color: #fff
}

.new-billing-address .small-heading, .pickup-in-store, .select-billing-address .small-heading, .ship-to-same-address, .shipping-addresses .small-heading {
    border-bottom: 2px dotted #ccc;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block
}

    #AjaxFiltersProForm, .add-to-cart-button, .new-billing-address .small-heading > strong, .select-billing-address .small-heading > strong, .shipping-addresses .small-heading > strong {
        margin: 0 !important
    }

.shippingMethodName {
    padding-left: 10px;
    line-height: 30px
}

.payment-info .info {
    margin: 0;
    text-align: center
}

.checkout-page .section.payment-info label {
    display: inline-block;
    text-align: left;
    margin-top: 5px
}

.checkout-page .section.payment-info #receipt label {
    margin-left: 15px
}

.checkout-page .section.payment-info input[type="password"], .checkout-page .section.payment-info input[type="text"], .checkout-page .section.payment-info textarea {
    height: 36px;
    border: 1px solid #c9c9c9;
    padding: 8px;
    vertical-align: middle;
    background: #fff;
    margin-bottom: 7px;
    width: 40%;
    max-width: 60%;
    margin-top: 1%
}

.canvasjs-chart-canvas {
    position: relative !important
}

.checkout-data .payment-method {
    min-height: 360px
}

.loader .loading-image {
    top: 40%;
    position: absolute;
    right: 40%
}

@media (max-width:1000px) {
    .checkout-data .payment-method {
        background: 0 0 !important;
        min-height: 60px
    }

    .ajax-loading-block-window .loading-image {
        width: 150px;
        height: 64px
    }
}

.language-selector {
    padding: 10px 0 5px 10px !important;
    margin-left: 15px
}

.currency-selector {
    padding: 10px 0 0 10px !important
}

.payment-method .method-name > * {
    display: block !important;
    float: right;
    margin: 0 !important
}

.checkout-page .section {
    min-height: auto !important
}

.checkout-data .payment-method ul {
    width: auto;
    display: inline-block;
    margin: 0 2%
}

    .checkout-data .payment-method ul li {
        min-width: 300px;
        min-height: 60px;
        display: inline-block;
        padding: 10px;
        border-radius: 10px;
        margin: 6px 6px;
        box-shadow: var(--card-shadow) !important;
        transition: background 0.7s ease-out
    }

        .checkout-data .payment-method ul li:hover {
            background-color: var(--btn-primary-hvr)
        }

.payment-method-info .payment-method {
    min-height: 35px !important
}

.billing-info-wrap, .shipping-info-wrap {
    -webkit-box-shadow: 0 0 11px #ddd
}

@media (max-width:480px) {
    .currency-selector {
        padding: 10px 0 0 77px !important
    }

    #quickTabs input[type="radio"] {
        margin-right: 4px !important
    }
}

.account-page .button-1, .apply-vendor-page .button-1, .attributes .qq-upload-button, .attributes .qq-upload-button.qq-upload-button-hover, .blog-navigation-wrap, .blog-search-box .search-box-button, .blogpost-page .new-comment .button-1, .btn-primary, .checkout-page .button-1, .compare-products-page table .remove-button, .contact-page .button-1, .desktop-filters-button span, .email-a-friend-page .button-1, .filters-button span, .footer-newsletter .btn-subscribe, .forum-edit-page .buttons .button-1, .forum-search-box .search-box-button, .forum-search-page .forum-search-button, .home-page-polls .vote-poll-button, .item-box .buttons input[type="button"], .login-page .button-1, .miniProductDetailsView .add-to-cart-button, .move-topic-page .buttons .button-1, .news-item-page .new-comment .button-1, .news-list-homepage .view-all a, .newsletter-subscribe .newsletter-subscribe-button, .nopAjaxFilters7Spikes, .nopAjaxFilters7Spikes .ui-slider-handle, .order-details-page .section.products .table-wrapper .download a, .order-details-page .section.totals .re-order-button, .order-progress li.active-step a:before, .overview .add-to-cart-button, .pager li span, .password-recovery-page .button-1, .private-message-send-page .buttons .button-1, .private-message-view-page .button-1, .private-messages-page .button-1, .productAddedToCartWindowSummary :nth-child(2), .radio-list input[type="radio"]:checked + label, .registration-page .button-1, .registration-result-page .button-1, .return-request-page .button-1, .sale-of-the-day-offer .go-to-product-page, .sale-of-the-day-offer .owl-dot.active, .search-input .search-button, .shopping-cart-page .button-1, .social-feed .post-link-btn, .theme-roller .btn-theme, .topic-post .post-content .quote-post-button, .ui-datepicker-calendar td a.ui-state-active, .ui-datepicker-header, .ui-dialog .page.back-in-stock-subscription-page .button-1, .user-agreement-page .button-1, .variant-overview .add-to-cart-button, .vendor-page .contact-vendor-button, .wishlist-page .button-1, .write-review .button-1, input#button-password, input[type="radio"] + label:after, input[type="radio"] ~ label:after {
    background: var(--btn-primary)
}

.news-list-homepage .view-all a {
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 30px;
    border-radius: 2px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.home-page-polls .vote-poll-button, .news-list-homepage .view-all a {
    border: 0;
    color: #fff;
    height: 47px;
    white-space: normal;
    text-align: center
}

.blog-page .post .read-more, .news-list-homepage .news-items .read-more, .news-list-page .read-more {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 30px;
    border-radius: 2px;
    height: 47px;
    background: #fff;
    color: #f10044;
    white-space: normal
}

.news-list-homepage .news-items a.read-more {
    background-position: center !important;
    transition: background 0.8s !important
}

.read-more {
    border: 1px solid rgb(218 177 181 / .5)
}

.blog-page .post, .blogpost-page .new-comment, .news-item-page .new-comment, .pager, .shopping-cart-page .product-grid.cross-sells {
    margin: 50px 0 0
}

    .blogpost-page .new-comment form, .news-item-page .new-comment form {
        max-width: 630px;
        margin: 5px auto 0
    }

    .blogpost-page .new-comment .form-fields, .news-item-page .new-comment .form-fields {
        padding: 0;
        margin: 0;
        border: 0
    }

.inputs input[type="password"], .inputs input[type="text"], .inputs select, .inputs textarea {
    vertical-align: middle;
    margin-bottom: 5px
}

.form-fields input[type="text"] {
    color: #000 !important
}

.desktop #goToTop:hover, .desktop .account-page .button-1:hover, .desktop .account-page.address-list-page .address-item .button-2:hover, .desktop .account-page.order-list-page .order-item .button-2:hover, .desktop .apply-vendor-page .button-1:hover, .desktop .attributes .qq-upload-button:hover, .desktop .block.block-account-navigation .list-item-link:hover, .desktop .blog-page .post .read-more:hover, .desktop .blogpost-page .new-comment .button-1:hover, .desktop .checkout-page .button-1:hover, .desktop .compare-products-page .clear-list:hover, .desktop .compare-products-page table .remove-button:hover, .desktop .contact-page .button-1:hover, .desktop .email-a-friend-page .button-1:hover, .desktop .footer-newsletter .btn-subscribe:hover, .desktop .forum-edit-page .buttons .button-1:hover, .desktop .forum-search-page .forum-search-button:hover, .desktop .home-page-polls .vote-poll-button:hover, .desktop .item-box .buttons input[type=button]:hover, .desktop .mini-shopping-cart .button-1.cart-button:hover, .desktop .miniProductDetailsView .add-to-cart-button:hover, .desktop .move-topic-page .buttons .button-1:hover, .desktop .news-item-page .new-comment .button-1:hover, .desktop .news-list-homepage .view-all a:hover, .desktop .news-list-page .read-more:hover, .desktop .newsletter-subscribe .newsletter-subscribe-button:hover, .desktop .nivo-directionNav a:hover, .desktop .nop-jcarousel .jcarousel-next-horizontal:hover, .desktop .nop-jcarousel .jcarousel-prev-horizontal:hover, .desktop .order-details-page .section.products .table-wrapper .download a:hover, .desktop .order-details-page .section.totals .re-order-button:hover, .desktop .overview .add-to-cart-button:hover, .desktop .pager li a:hover, .desktop .password-recovery-page .button-1:hover, .desktop .private-message-send-page .buttons .button-1:hover, .desktop .private-message-view-page .button-1:hover, .desktop .private-messages-page .button-1:hover, .desktop .productAddedToCartWindowSummary :nth-child(2):hover, .desktop .registration-page .button-1:hover, .desktop .registration-result-page .button-1:hover, .desktop .return-request-page .button-1:hover, .desktop .rich-blog-homepage .read-more:hover, .desktop .sale-of-the-day-offer .go-to-product-page:hover, .desktop .search-input .search-button:hover, .desktop .share-post a:hover, .desktop .social-feed .post-link-btn:hover, .desktop .theme-roller .btn-theme:hover, .desktop .topic-post .post-content .quote-post-button:hover, .desktop .ui-dialog .page.back-in-stock-subscription-page .button-1:hover, .desktop .user-agreement-page .button-1:hover, .desktop .variant-overview .add-to-cart-button:hover, .desktop .vendor-page .contact-vendor-button:hover, .desktop .wishlist-page .button-1:hover, .desktop .write-review .button-1:hover, .desktop input#button-password:hover, .desktop input#check-availability-button:hover, .read-more:hover, .rich-blog-homepage .view-all a:hover {
    background-color: var(--btn-primary-hvr);
    color: #fff
}

.blogpost-page .new-comment .button-1, .forum-search-box .search-box-button, .news-item-page .new-comment .button-1, .order-details-page .section.totals .re-order-button {
    border: 0;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 13px;
    padding: 0 30px;
    border-radius: 2px;
    height: 47px;
    white-space: normal
}

.button-1:active, .button-2:active, .home-page .buttons a:active, .home-page .buttons input[type="button"]:active {
    background-color: #000 !important;
    background-size: 100% !important;
    transition: background !important
}

.button-1:hover, .button-2:hover, .home-page .buttons a:hover, .home-page .buttons input[type="button"]:hover {
    background: var(--btn-primary-hvr) !important;
    color: var(--white) !important
}

@media (min-width:320px) and (max-width:360px) {
    .button, select {
        width: 100% !important;
        margin-bottom: 5px !important
    }
}

@media (min-width:320px) and (max-width:660px) {
    #quickTabs .ui-state-default a, .admintab-wrap ul li:not(.active) a {
        margin-right: 15px !important;
        border: 1px solid #ddd !important;
        border-radius: 0 !important;
        padding: 8px !important;
        background: #f5f5f5 !important;
        font-weight: 400 !important;
        color: #666 !important;
        font-size: 12px !important;
        text-transform: capitalize !important
    }

    .currency-selector, .language-selector {
        float: left
    }

    .memLogo {
        text-align: center
    }

    #TabPinsDetails #chartContainer {
        width: 100% !important
    }

    .canvasjs-chart-container {
        overflow: auto;
        width: 100%
    }

    .admintab-wrap .productTabs-header .custom-menu-wrap li {
        width: 100%
    }
}

.sparkline16-list .shadow-reset, .sparkline7-graph, .sparkline8-list .shadow-reset {
    background-color: #fff;
    padding: 10px
}

.btn-primary:hover, .btn-primary[class*="bg-"]:hover {
    background: var(--btn-primary-hvr)
}

.btn-secondary {
    border: 1px solid var(--border) !important;
    background: var(--btn-secondary);
    color: var(--main-color) !important
}

.ui-widget-header {
    margin-top: 80px
}

.manufacturer-page .panel-heading h1 {
    color: var(--main-heading-color)
}

.MemMenu .has-sublist img {
    width: 145px
}

.MemMenu .has-sublist .box {
    padding: 0 15px
}

.MemMenu .has-sublist a {
    border-bottom: 2px solid #9b9b9b
}

.MemMenu .has-sublist span {
    font-size: 12px !important;
    text-transform: uppercase
}

.customerOrderbutton .btn.btn-primary {
    border: 1px solid var(--border)
}

.password h1 {
    text-align: left !important;
    color: var(--main-heading-color) !important
}

@media (min-width:800px) {
    #PasswordResetPanelCount input {
        width: 100%
    }
}

@media (max-width:400px) {
    #PasswordResetPanelCount input {
        margin-top: 20px;
        width: 100%
    }
}

@media (max-width:500px) {
    .Dashboard, .col8Chart div {
        display: inline-block
    }

        .Dashboard, .Dashboard .sparkline16-graph {
            background: 0 0 !important
        }

    .ContMargBot20 {
        width: 100%;
        overflow: scroll
    }
}

@media screen and (max-width:660px) {
    .btn.btn-default {
        margin: 0 !important
    }

    .main-poll {
        width: 100%
    }

    .checkout-data .address-grid .address-item .select-button, .checkout-data .order-completed, .checkout-data .payment-info, .checkout-data .payment-method, .checkout-data .shipping-method {
        margin-bottom: 0
    }

    .checkout-data .enter-address .edit-address .form-group {
        margin-bottom: 10px
    }

    input[type="radio"]:after {
        height: 10px;
        left: 0;
        top: 2px
    }
}

.Eventitem-box {
    display: inline-block;
    padding: 5px;
    margin: 0 !important
}

    .Eventitem-box .product-title a {
        float: left;
        width: 100%;
        background: var(--btn-primary);
        padding: 20px 10px;
        color: #e5e5e5;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        border-bottom: 1px solid #ddd;
        text-align: center
    }

.news-list-page .news-item {
    padding: 20px;
    border-top: 1px solid #ddd
}

    .news-list-page .news-item .button-1 {
        background: #fff0;
        color: #fff;
        white-space: normal;
        text-align: center;
        text-transform: uppercase;
        padding: 5px 20px;
        margin: 5px 0
    }

#BankName, #BranchName, #ChequeDDDate, #ChequeDDNo, #paymodeDetailsDiv #BankName {
    width: 100% !important;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px
}

#divShowHide1 #txtAccHolder {
    width: 100%;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px
}

@media (max-width:700px) and (min-width:280px) {
    #genderDetails {
        display: inline-block;
        text-align: start
    }

        #genderDetails input[type="radio"] {
            height: 20px;
            padding: 1px !important
        }

        #genderDetails div {
            display: block !important;
            float: start
        }

        #genderDetails .forcheckbox {
            padding-left: 5px !important;
            line-height: 20px;
            padding-top: 8px !important
        }

    .billing-info-wrap, .shipping-info-wrap {
        display: inline-block !important
    }
}

@media (width:1024px) {
    .WWInfo .form-group-inner {
        width: 98%
    }

        .WWInfo .form-group-inner .row .col-md-4 {
            padding-left: 15%
        }
}

.notification-single-top h1 {
    font-size: 18px;
    color: var(--main-heading-color);
    margin: 0;
    letter-spacing: 2px;
    background: var(--table-bg);
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    line-height: normal
}

ul.notification-menu li .notification-content {
    border: 1px solid #f5f5f5;
    background-color: #eaeaea;
    padding: 5px
}

    ul.notification-menu li .notification-content span {
        font-size: 12px;
        color: #f10044
    }

    ul.notification-menu li .notification-content h2 span {
        font-size: 12px;
        color: var(--text-color)
    }

.notification-view {
    padding: 0 10px;
    text-align: right;
    width: 100%;
    font-size: 12px
}

.form-group-inner select {
    text-align: left;
    float: left
}

.adminpro-message-list {
    padding: 30px 10px !important
}

@media (max-width:980px) and (min-width:280px) {
    #upgTrn .form-group-inner DIV:first-child, .all-form-element-inner .form-group-inner DIV:first-child, .inbox-mailbox-area .form-group-inner DIV:first-child {
        text-align: center
    }

    .WWCustomEpinOrderFilterCls {
        clear: both
    }

    .buttons .back-link .btn.btn-default {
        margin: 15px 0 !important
    }
}

#EnterSMSOTP, #checkout-payment-info-load .info #txtAccHolder, #lblEwalletAmount input:first-child, #txtPassword, #txtUniqueCode {
    width: 50%;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px
}

.ajax-loading-block-window .loading-image {
    background-repeat: no-repeat;
    width: 100px;
    height: 100px
}

.ajax-loading-block-window {
    z-index: 99 !important
}

.checkout-data #checkout-steps #billing-buttons-container .btn.btn-primary {
    text-align: center;
    float: none
}

.WWCustWalletcls label {
    width: 150px
}

.rich-blog-homepage .title, .home-page-polls .title {
    color: var(--heading-color) !important
}

.compare-products-page .compare-products-table a {
    color: var(--main-color)
}

.Dashboard .DashHead {
    color: var(--main-heading-color)
}

.shipping-method-page .shipping-method, .payment-method, .payment-info, .confirm-order, .billing-info-wrap, .shipping-info-wrap {
    background-color: #fff
}

#Paymode-tabs.nav-tabs > li > a.active {
    background-color: var(--btn-primary-hvr)
}

.header-lower {
    padding: 0 40px !important
}

.search-box .navbar-form {
    margin: 0
}

.bar-notification .content {
    background: none;
    line-height: 0
}

.product-list .description {
    height: auto
}

.vendor-grid .item-box .picture a img, .manufacturer-grid .item-box .picture a img, .category-grid .item-box .picture a img, .sub-category-grid .item-box .picture a img {
    width: 100%;
    height: auto
}

.flyout-main-wrapper .shopping-cart-link .cart-label2 {
    color: #fff;
    font-size: 14px
}

.footer-middle .container .payment-method {
    background-color: inherit
}

@media (max-width:767px) {
    .item-box.product-grid .product-item .picture a img {
        height: 100%
    }

    .item-box .product-item .picture {
        width: 100%;
        height: 100%
    }

    .item-box .product-box-add-to-cart-button {
        text-indent: -999px;
        height: 20px;
        width: 20px;
        margin: 10px 0 10px 10px !important;
        border-radius: 20px;
        float: left;
        background: url(../images/product-cart-icon.png) no-repeat 2px 4px var(--btn-primary) !important;
        border: 2px solid var(--border);
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        padding: 12px 12px 12px 12px !important;
        line-height: 18px
    }

        .item-box .product-box-add-to-cart-button:hover {
            background: url(../images/product-cart-icon.png) no-repeat 12px -22px var(--btn-primary-hvr) !important;
            padding: 10px 0 10px 0;
            width: 85%;
            color: #f10044 !important;
            background-size: 16px !important;
            line-height: 3px !important;
            font-size: 2.4vw
        }

    .item-box .add-to-wishlist-button {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        color: #fff;
        float: left;
        border-radius: 20px;
        background: url(../images/product-wishlist-icon.png) no-repeat 2px 4px var(--btn-primary) !important;
        height: 20px;
        width: 20px;
        text-indent: -999999px;
        padding: 0;
        border: 2px solid var(--border);
        margin: 10px 0 10px 10px;
        padding: 12px 12px 12px 12px
    }

        .item-box .add-to-wishlist-button:hover {
            background: url(../images/product-wishlist-icon.png) no-repeat 12px -20px var(--btn-primary-hvr) !important;
            color: #f10044;
            padding: 10px 0 10px 30px;
            width: 85%;
            background-size: 16px !important;
            font-size: 2.4vw;
            line-height: 3px !important;
            background-color: #fff !important
        }

    .item-box .add-to-compare-list-button {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        border-radius: 20px;
        float: left;
        background: url(../images/product-compare-icon.png) no-repeat 2px 4px var(--btn-primary) !important;
        height: 20px;
        width: 20px;
        margin: 10px 0 10px 10px;
        text-indent: -999999px;
        padding: 12px 12px 12px 12px;
        border: 2px solid var(--border)
    }

        .item-box .add-to-compare-list-button:hover {
            background: url(../images/product-compare-icon.png) no-repeat 8px -22px var(--btn-primary-hvr) !important;
            padding: 10px 0 10px 20px;
            color: #f10044;
            width: 94% !important;
            background-size: 16px !important;
            font-size: 2.4vw;
            line-height: 3px !important;
            background-color: #fff !important
        }

    #home-features-slider .item-box .thumbnail .wishlist-compare-wrapper .button-add-to-cart {
        top: none;
        width: 100%
    }

    #home-features-slider .item-box .thumbnail .picture .wishlist-compare-wrapper .button-wishlist {
        top: none;
        width: 100%
    }

    #home-features-slider .item-box .thumbnail .picture .wishlist-compare-wrapper .button-comparelist {
        top: none;
        width: 100%
    }

    .item-box.product-grid .product-item .picture a img {
        width: 150px;
        height: 150px
    }

    .item-box .product-item .product-title, .item-box .prices span {
        height: auto;
        padding: 2px
    }

    .product-item .description {
        font-size: .7em;
        display: none
    }

    .item-box .product-rating-box {
        margin: 0 0 5px
    }

    .item-box.product-grid .thumbnail .caption {
        padding-top: 10px !important
    }

    .panel-heading h1, .page-title h1 {
        font-size: 20px !important;
        padding: 2vw
    }

    .title.main-title strong {
        font-size: 2.8vw
    }

    .product-item .prices {
        margin-bottom: 2.6vw
    }

    .burger_box .menu-icon_box {
        width: 4vw
    }

    .header-top-right ul li > a {
        font-size: 3vw
    }

    .header-top-right ul li a .inbox-unread, .header-top-right ul li a .wishlist-qty {
        font-size: 3vw
    }

    body {
        font-size: 3vw !important
    }

    .flyout-main-wrapper .shopping-cart-link .cart-label, .flyout-main-wrapper .shopping-cart-link .cart-qty {
        font-size: 2.8vw !important
    }

    .header-top-right ul li a, .header-top-right ul li.my-account a, .header-top-right ul li.register a, .shopping-cart-link > a {
        padding: 2.2vw 8px
    }

    .burger_box .menu-icon_line--2 {
        top: 2.2vw
    }

    .burger_box .menu-icon_line--3 {
        top: 3.8vw
    }

    .burger_box a.menu-icon {
        height: 7.2vw !important
    }

    ol, ul {
        margin: 0px !important
    }

    .header-lower {
        padding: 0 !important;
        width: 100%
    }

    .header-logo img {
        width: 40vw
    }

    .manufacturer-grid .item-box .picture a img, .category-grid .item-box .picture a img, .sub-category-grid .item-box .picture a img {
        height: 46.8vw;
        width: 46.8vw
    }

    .vendor-grid .product-category-item .picture .title a, .manufacturer-grid .product-category-item .picture .title a, .sub-category-grid .product-category-item .picture .title a {
        width: 44vw;
        padding: 2.4vw 0;
        font-size: 2.6vw
    }

    .vendor-grid .product-category-item .picture .title, .manufacturer-grid .product-category-item .picture .title, .sub-category-grid .product-category-item .picture .title {
        width: 44vw
    }

    .pager li.next-page a {
        background: url(../images/pagination-next-arrow.png) no-repeat 15px 10px #37465d
    }

    .pager li.previous-page a {
        background: url(../images/pagination-previous-arrow.png) no-repeat 15px 10px #37465d
    }

    .product-grid .product-list .description {
        display: none
    }

    .search-box .search-nav {
        height: 7.2vw
    }

    .search-box .btn.search-box-button {
        padding: 6vw 5vw !important;
        margin-top: 2vw !important;
        margin-right: 1px !important;
        width: 5.2vw;
        height: 5.2vw
    }

    .btn, .form-control, .input-group input {
        font-size: 12px !important
    }

    .about-section1 {
        padding: 0
    }

    .h2, h2 {
        font-size: 2.8vw !important
    }

    p {
        font-size: 2.6vw;
        line-height: 5vw
    }

    .title.sub-title strong {
        font-size: 2.8vw !important;
        padding: 0px !important;
        margin: 3vw 0 0 !important
    }

    .news-list-homepage .news-head a {
        padding: 2vw 0;
        font-size: 2.6vw
    }

    .news-list-homepage .news-items .read-more, .news-list-page .read-more {
        font-size: 2.6vw;
        padding: 0 2vw;
        height: 5vw
    }

    .home-page-polls .vote-poll-button, .news-list-homepage .view-all a, .rich-blog-homepage .view-all a {
        font-size: 2.6vw;
        padding: 0 2vw;
        height: 5vw
    }

    .poll strong {
        font-size: 2.6vw;
        height: 5vw;
        margin-bottom: 2.8vw;
        padding: 1.1vw 7.2vw
    }

    .home-page-polls .buttons .vote-poll-button {
        padding: 5px 20px
    }

    .footer-upper {
        padding: 2.4vw 0
    }

    .newsletter-wrapper strong {
        font-size: 2.8vw;
        height: auto;
        line-height: inherit !important
    }

    #newsletter-subscribe-block #newsletter-email {
        height: auto
    }

    .form-control, .input-group input {
        padding: 0vw 2.2vw !important;
        height: 35px !important
    }

    #newsletter-subscribe-block #newsletter-subscribe-button {
        padding-left: 12vw;
        height: auto
    }

    .footer-middle {
        padding: 0
    }

        .footer-middle .title {
            padding: 2px 0 !important;
            background-size: 8vw !important;
            text-align: left
        }

            .footer-middle .title strong {
                font-size: 2.6vw
            }

    .sidebar .title {
        padding: 2vw 7.2vw 2vw 2vw !important
    }

    .sidebar .title {
        font-size: 2.6vw !important;
        background-size: 8vw !important
    }

    .well {
        min-height: 2.4vw !important;
        padding: 2.4vw !important;
        margin-bottom: 4vw !important
    }

    .block.block-blog-archive.well.box-shadow-wrapper .listbox ul li strong, .box-shadow-wrapper .listbox ul li a {
        padding: 2vw 0 2vw 4vw;
        font-size: 2.6vw
    }

    .block.block-blog-archive.well.box-shadow-wrapper .listbox ul li strong, .box-shadow-wrapper .listbox ul li > a {
        background-size: 3vw !important
    }

    .box-shadow-wrapper .listbox .view-all a, .box-shadow-wrapper .listbox .vote-poll-button {
        padding: 1.3vw 2vw;
        font-size: 2.4vw;
        margin-bottom: 0
    }

    .block.block-recently-viewed-products.well.box-shadow-wrapper .product-name {
        padding: 2.4vw 0
    }

    .block.block-recently-viewed-products.well.box-shadow-wrapper .product-picture a {
        padding: 2.4vw 0
    }

    .search-page .form-group {
        margin-bottom: 2vw
    }

    .search-page .search-btn {
        padding: 1vw 4vw
    }

    .search-page .search-input.form-horizontal {
        margin: 0
    }

    .search-page .product-selectors {
        margin: 1vw 0
    }

    .search-btn {
        margin: 2vw 0 !important
    }

    .product-viewmode .grid-list-icon {
        margin-top: 1vw !important
    }

    .viewmode-icon {
        padding: 1vw 0;
        height: 7.2vw;
        width: 7.2vw;
        line-height: 4vw
    }

    .navbar-nav > li > a {
        line-height: 2vw !important
    }

    .px-5 ul.MemMenu li .dropdown-menu {
        line-height: 5vw !important;
        overflow: hidden
    }

        .px-5 ul.MemMenu li .dropdown-menu a {
            padding: 0 !important
        }

            .px-5 ul.MemMenu li .dropdown-menu a i {
                padding: 5px
            }

    #faIconStyle {
        font-size: 2.2vw !important
    }

    .product-details-page .add-to-cart .addtocart-quantity-box span {
        height: 3.4vw;
        line-height: 2.6vw;
        font-size: 2vw
    }

    .h4, .h5, .h6, h4, h5, h6 {
        margin-top: 2vw;
        margin-bottom: 2vw
    }

    .bizStatuslbl, .bizStatusVal {
        min-height: 7vw !important
    }

    #collapseGrid .panel-primary {
        margin-bottom: 4vw !important
    }

    #collapseGrid img {
        height: 10vw !important;
        width: 10vw !important
    }

    #collapseGrid .panel-heading h3 {
        font-size: 2.8vw !important
    }

    .h5, h5 {
        font-size: 2.6vw !important
    }

    .h4, .h5, .h6, h4, h5, h6 {
        margin-top: 1vw !important;
        margin-bottom: 1vw !important;
        line-height: 5vw !important;
        font-size: 3vw !important;
        font-weight: 600 !important
    }

    #collapseGrid .panel-footer {
        padding: 1vw 2.6vw !important
    }

        #collapseGrid .panel-footer a {
            font-size: 2.4vw !important
        }

    #collapseGrid .panel-heading .panel-title .status, #collapseGrid .panel-heading .panel-title .pancard, #collapseGrid .panel-heading .panel-title .kyc, #collapseGrid .panel-heading .panel-title .downline, #collapseGrid .panel-heading .panel-title .line-chart, #collapseGrid .panel-heading .panel-title .list-alt, #collapseGrid .panel-heading .panel-title .money, #collapseGrid .panel-heading .panel-title .share-square, #collapseGrid .panel-heading .panel-title .globe, #collapseGrid .panel-heading .panel-title .calendar {
        width: 10vw !important;
        height: 10vw !important
    }

    .dashcard .intro-img {
        padding: 2.4vw;
        margin: 2.2vw
    }

    .dashcard {
        width: 50% !important;
        padding: 1vw
    }

        .dashcard img {
            height: 10vw;
            width: 10vw
        }

    .h3, h3 {
        font-size: 4vw
    }

    .wishlist-compare-wrapper .button-add-to-cart, .wishlist-compare-wrapper .button-wishlist, .wishlist-compare-wrapper .button-comparelist {
        width: 100% !important
    }

    .product-grid {
        padding: 0 15px;
        width: 100%
    }

        .item-box, .product-grid .item-box {
            margin-bottom: 5px !important;
            padding: 0 5px !important
        }

    .thumbnail {
        margin-bottom: 5px !important
    }

    .bar-notification p.content {
        width: 90%
    }

    .all-form-element-inner .form-group-inner DIV:first-child, .inbox-mailbox-area .form-group-inner DIV:first-child, #upgTrn .form-group-inner DIV:first-child {
        text-align: center
    }

    .listbx {
        height: auto !important
    }

    .footer-middle .container .nav-list {
        text-align: left
    }

    .grid-list-icon {
        display: none !important
    }

    .MemMenu .menu-title {
        display: none !important
    }

    .currency-selector, .language-selector {
        padding: 0 2px !important;
        float: left !important;
        width: 22vw !important;
        margin: 0
    }

        .currency-selector select, .language-selector select {
            width: 100% !important
        }

    .header-upper, .header-upper .container, .header-lower, .header-lower .container {
        display: block;
        float: left;
        height: auto !important
    }

        .header-upper .header-upper-right, .header-upper .header-links-wrapper {
            display: inline-block !important;
            padding: 0;
            width: 100%;
            margin-top: 3vw
        }

    .header {
        display: inline-block;
        min-height: auto !important
    }

    .memLogo {
        line-height: 7vw;
        padding-left: 9px
    }

        .memLogo img {
            width: 100% !important
        }

    .panel-heading, .page-title {
        padding: 0 !important;
        margin: 0 !important
    }

        .page-title h1, .panel-heading h1 {
            margin: 4px;
            display: block;
            width: auto
        }

    .boderbot {
        border-bottom: 1px solid #33393e
    }

    .HTitle {
        margin: 0 !important;
        font-size: 3vw !important;
        border: none !important
    }

    .welcomebg {
        padding: 4px 0
    }

    .boderbot .header-selectors-wrapper {
        border: none
    }

    .home-page-filters-wrapper {
        padding: 1vw 2vw !important
    }

    .home-page-filter-selector span.k-dropdown-wrap {
        font-size: 2.2vw !important;
        height: 4vw !important;
        padding: 2vw 4vw 4vw 1vw !important
    }

    .home-page-filter-dropdown li {
        font-size: 2.4vw !important;
        padding: .6vw 1vw !important
    }

    .home-page-filter-selectors {
        margin: 0 0 3vw !important
    }

    .home-page-filters-wrapper .results-number {
        padding: 2vw 0 !important;
        width: 6vw !important;
        height: 6vw !important
    }

    .home-page-filters-wrapper .search-button {
        height: 6vw !important;
        padding: 0 3vw !important
    }

    .home-page-filters-wrapper .search-button, .home-page-filters-wrapper .results-number {
        font-size: 2.6vw !important
    }

    .category-grid .item-box .category-item, .home-news-slider .owl-nav {
        margin: 0 2.2vw 3vw 5vw !important;
        padding: 3vw !important
    }

    .home-page .topic-html-content, .title.sub-title {
        margin-bottom: 5vw !important
    }

    .owl-carousel .owl-item {
        padding: 0 2.2vw 0 5vw !important
    }

    .product-item .sku span {
        font-size: 2.8vw !important
    }

    .home-news-slider .owl-buttons, .crosssell-products-slider .owl-buttons, .home-bestseller-slider .owl-buttons, .home-features-slider .owl-buttons, .also-purchased-products-slider .owl-buttons, .home-category-slider .owl-buttons {
        margin-bottom: 5vw !important
    }

    .footer {
        margin-top: 5vw
    }

    .footer-middle {
        padding: 5px 0 0 0 !important
    }

    .breadcrumb {
        padding: 3vw 1vw !important;
        margin-bottom: 3vw !important;
        line-height: 4vw !important
    }

        .breadcrumb li {
            float: left
        }

    #customerTaxType, #customerCurrency, #customerlanguage {
        margin: 1.6vw 0
    }

    .product-details-page .product-name.panel-heading h1 {
        font-size: 4vw
    }

    .product-details-page .old-product-price label {
        font-size: 3vw
    }

    .product-details-page .product-reviews-overview .product-no-reviews, .product-details-page .product-reviews-overview .product-review-box, .product-details-page .product-reviews-overview .product-review-links {
        margin-bottom: 2vw
    }

    .product-details-page .gallery .picture {
        margin-bottom: 2vw
    }

    .product-details-page .product-price label, .product-details-page .prices .product-price span {
        font-size: 4vw
    }

    .product-details-page .add-to-cart, .product-details-page .delivery, .product-details-page .overview .delivery-date {
        margin-bottom: 4vw
    }

    .overview-buttons div {
        margin-bottom: 1vw
    }

    .product-details-page .add-to-cart .product-add-button .add-to-cart-button {
        background: url(../images/white-product-cart-icon.png) 2vw no-repeat var(--btn-primary) !important;
        padding: 2vw 2vw 2vw 8vw
    }

    .product-details-page .overview-buttons .add-to-wishlist-button {
        background: url(../images/wishlist-product-icon.png) 1vw 2vw no-repeat var(--btn-primary);
        padding: 2vw 2vw 2vw 8vw;
        background-size: 5vw
    }

    .product-details-page .overview-buttons .add-to-compare-list-button {
        background: url(../images/compare-product-icon.png) 1vw 2vw no-repeat var(--btn-primary);
        padding: 2vw 2vw 2vw 8vw;
        background-size: 5vw
    }

    .product-details-page .overview-buttons .email-a-friend-button {
        background: url(../images/email-product-icon.png) 1vw 2vw no-repeat var(--btn-primary);
        padding: 2vw 2vw 2vw 8vw;
        background-size: 5vw
    }

    .product-details-page .product-share-button a span {
        height: 5vw !important;
        width: 5vw !important
    }

        .product-details-page .product-share-button a span .at-icon {
            height: 5vw !important;
            width: 5vw !important
        }

    .forums-table-section, .product-details-page .gallery, .product-details-page .overview, .product-details-page .product-details-tabs {
        margin-bottom: 3vw
    }

    .product-details-page .product-essential .tab-content {
        padding: 0 !important
    }

    .ui-widget {
        font-size: 3vw
    }

    #quickTabs .ui-state-default a, .admintab-wrap ul li:not(.active) a {
        margin: 0 !important;
        padding: 1vw !important;
        font-size: 3vw !important
    }

    .private-messages-page .tab-content, .product-details-page .tab-content, .productTabs-body, .profile-page .tab-content {
        padding: 9vw 1vw 2vw 1vw
    }

    .ui-tabs .ui-tabs-panel {
        padding: 3vw 2vw !important
    }

    .ui-tabs input, .ui-tabs select, .ui-tabs textarea {
        font-size: 3vw !important
    }

    .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
        height: 7vw;
        padding: 1vw 2vw;
        line-height: 7vw
    }

    .product-reviews-page .write-review .review-text {
        min-height: 20vw
    }

    .wishlist-page .buttons .common-buttons, .wishlist-page .wishlist-add-to-cart, .shopping-cart-page .common-buttons .update-cart, .wishlist-page .common-buttons .update-wishlist, .wishlist-page .common-buttons .email-a-friend-btn, .shopping-cart-page .estimate-shipping {
        margin: 0 !important
    }

        .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
            margin: 2vw !important
        }

    .back-in-stock-subscription-list-page .panel.panel-default, .compare-products-page .panel.panel-default, .downloadable-products-page .panel.panel-default, .forum-page .forum-top, .forum-subscriptions-page .panel.panel-default, .forum-topic-content-top, .forum-topic-page .topic-posts, .forums-table-section, .news-list-page .item, .order-details-page .section .panel.panel-default, .private-message-view-page .view-message, .private-messages-page .panel.panel-default, .return-request-page .section .panel.panel-default, .reward-points-page .panel.panel-default, .reward-points-page.panel.panel-default, .shipment-details-page .section .panel.panel-default, .sitemap-page .entity {
        font-size: 3vw !important
    }

    .order-progress {
        margin-bottom: 2vw;
        margin-top: 2vw
    }

        .order-progress .nav.nav-pills li {
            margin-bottom: 1vw !important
        }

        .order-progress .nav > li > a > .progress-icon {
            padding: 1vw !important;
            font-size: 3vw !important;
            line-height: 5vw !important
        }

    .order-summary-content .update-continue-button .continue-shopping-button {
        background: url(../images/white-product-cart-icon.png) 2vw center no-repeat var(--btn-primary);
        padding-left: 10vw !important
    }

    .order-summary-content .update-continue-button .update-cart-button, .wishlist-page .buttons .common-buttons .update-wishlist-button {
        background: url(../images/shopping-cart-update-icon.png) 2vw 2vw no-repeat var(--btn-primary) !important;
        padding-left: 7vw !important
    }

    .order-details-page .billing-info-wrap .info-content, .order-details-page .order-info-wrap .info-content, .order-details-page .payment-infomation, .order-details-page .shipping-information, .order-details-page .total-info .panel.panel-default, .order-summary-content .cart-footer .total-info .panel.panel-default, .shipment-details-page .order-info-wrap .info-content {
        font-size: 3vw
    }

    .order-summary-content .cart-footer .cart-total-left {
        height: 5vw;
        line-height: 2vw;
        padding: 1vw
    }

    .total-info .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .total-info .table > tfoot > tr > th, .table > thead > tr > td, .total-info .table > thead > tr > th {
        line-height: 2vw !important
    }

    .cart-footer .cart-collaterals .deals .coupon-box .cart-box-wrapper, .cart-footer .cart-collaterals .deals .giftcard-box .cart-box-wrapper, .cart-footer .estimate-shipping .cart-box-wrapper {
        padding: 3vw
    }

    .estimate-shipping .hint {
        margin-bottom: 2vw
    }

    .mini-shopping-cart .items, .order-summary-content .estimate-shipping .shipping-options .form-group {
        margin: 0 0 2vw
    }

    .shipping-options .form-horizontal label {
        padding-bottom: 0
    }

    .small-heading > strong, .checkout-data .section .address-box .name {
        font-size: 4vw
    }

    .checkout-data .section .address-box {
        min-height: auto
    }

    .checkout-page .shipping-method ul li, .order-summary-content .cart-footer .total-info, .checkout-data .enter-address, .checkout-data .payment-method .method-name {
        margin-bottom: 1vw
    }

    .shippingMethodName {
        padding-left: 1vw;
        line-height: 5vw
    }

    .checkout-data .shipping-method .method-name .method-description {
        padding-right: 0;
        margin-top: 0
    }

    .order-summary-content .panel.panel-default table tr th, .wishlist-content .panel.panel-default table tr th {
        padding: 1vw !important
    }

    .checkout-data .payment-method ul, .checkout-data .payment-method ul li {
        display: block;
        width: 98%
    }

    .checkout-data .payment-method {
        background-color: #f5f5f5
    }

    .checkout-page .section.payment-info input[type="password"], .checkout-page .section.payment-info input[type="text"], .checkout-page .section.payment-info textarea {
        height: 7vw !important;
        padding: 2vw !important;
        margin-bottom: 1vw !important
    }

    #EnterSMSOTP, #checkout-payment-info-load .info #txtAccHolder, #lblEwalletAmount input:first-child, #txtPassword, #txtUniqueCode {
        padding: 2vw;
        width: 40%
    }

    #divNextStep {
        margin: 0 auto !important
    }

    .apply-vendor-page .button-1, .checkout-page .button-1, .contact-page .button-1, .email-a-friend-page .button-1, .shopping-cart-page .button-1, .vendor-page .contact-vendor-button {
        font-size: 3vw !important;
        padding: 0 4vw !important;
        height: 7vw !important
    }

    .field-validation-error, .section.payment-info .message-error .validation-summary-errors ul {
        font-size: 3vw !important;
        padding: 2vw 0 !important
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
        z-index: 1000
    }

    .order-progress {
        margin: 0 !important
    }

    .method-name .payment-logo img {
        width: 24px !important
    }

    #BankName, #BranchName, #ChequeDDDate, #ChequeDDNo, #paymodeDetailsDiv #BankName {
        width: 40%
    }

    .message-error, .validation-summary-errors {
        font-size: 3vw;
        font-weight: 600
    }

    .datatable-dashv1-list .all-form-element-inner {
        padding: 0 15px
    }
}

.ui-widget-header {
    margin-top: 0px !important
}

@media screen and (max-width:767px) {
    .button, select {
        width: 40px !important
    }
}

@media (min-width:981px) {
    #upgTrn #paymentInfo .inputs label {
        width: 12% !important
    }

    #upgTrn #paymentInfo .inputs {
        padding-right: 134px
    }

    #upgTrn #paymentInfo #BankName, #upgTrn #paymentInfo #BranchName, #upgTrn #paymentInfo #ChequeDDDate, #upgTrn #paymentInfo #ChequeDDNo, #upgTrn #paymentInfo #paymodeDetailsDiv #BankName {
        width: 100% !important;
        float: left
    }

    #upgTrn #paymentInfo #txtUniqueCode {
        display: inline-block;
        float: left
    }

    #upgTrn #paymentInfo #requiedAttricSymbol {
        margin-left: -9%
    }

    #upgTrn #paymentInfo .form-group-inner #ewalletlablelalign {
        text-align: right !important
    }

    #upgTrn #paymentInfo #epinsecretcodelabel {
        text-align: right !important
    }

    #upgTrn #paymentInfo .form-group-inner .row div span {
        margin-top: 13px
    }
}

@media screen and (max-width:767px) {
    #upgTrn #paymentInfo .button, select {
        width: 99% !important
    }
}

@media (min-width:992px) {
    #upgTrn #paymentInfo .col-md-1 #requiedAttricSymbol {
        width: 2.333333%
    }
}

@media (max-width:767px) {
    #upgTrn #paymentInfo #BankName, #upgTrn #paymentInfo #BranchName, #upgTrn #paymentInfo #ChequeDDDate, #upgTrn #paymentInfo #ChequeDDNo, #upgTrn #paymentInfo #paymodeDetailsDiv #BankName {
        width: 97% !important
    }

    #upgTrn #paymentInfo .form-group-inner {
        text-align: left !important
    }

    #upgTrn #paymentInfo #txtAccHolder, #upgTrn #paymentInfo #txtPassword, #upgTrn #paymentInfo #lblEwalletAmount, lblEwalletAmount {
        margin-left: 16px;
        width: 90% !important
    }

    #upgTrn #paymentInfo #txtUniqueCode {
        margin-left: 2px;
        width: 96%
    }

    #upgTrn #paymentInfo #epinsecretcodelabel {
        margin-left: 6px
    }

    #upgTrn .form-group-inner .row div label {
        margin-left: 10px !important;
        float: left
    }

    #upgTrn #paymentInfo .col-md-1 #requiedAttricSymbol {
        margin-top: -45px
    }

    #upgTrn #paymentInfo .form-group-inner .row div span {
        margin-top: 10px
    }
}

@media (min-width:1600px) {
    #upgTrn #paymentInfo .inputs {
        margin-bottom: 5px !important;
        padding-right: 10%
    }

        #upgTrn #paymentInfo .inputs label {
            width: 10% !important
        }

    #upgTrn #paymentInfo #BankName, #upgTrn #paymentInfo #BranchName, #upgTrn #paymentInfo #ChequeDDDate, #upgTrn #paymentInfo #ChequeDDNo, #upgTrn #paymentInfo #paymodeDetailsDiv #BankName {
        width: 34% !important
    }

    #upgTrn #paymentInfo .form-control, .input-group input {
        width: 98%
    }
}

#paymentInfo #txtAccHolder, #paymentInfo #txtPassword {
    float: left
}

#MessageTo {
    margin: 0
}

#divMydirect .listbx {
    height: 120px !important;
    overflow: scroll
}

#divMydirect .leftlistboxalign, #Listbottom {
    display: inline-block !important
}

#LeftListBox, #RightListBox {
    padding: 0px !important
}

@media (max-width:767px) {
    .checkout-page .button, .checkout-page select, .checkout-page input[type="text"], .checkout-page textarea, .opc .button, .checkout-page .button, .opc select, .opc input[type="text"], .opc textarea {
        width: 100% !important;
        float: left
    }

    .checkout-page .required {
        margin: 0 1px
    }
}

@media (min-width:900px) {
    .checkout-page .form-title-rquired {
    }

    .checkout-page .field-validation-error {
        padding-top: 13px;
        text-align: left
    }
}

@media all and (max-width:360px) and (min-width:290px) {
    #upgTrn #paymentInfo #txtAccHolder, #upgTrn #paymentInfo #txtPassword, #upgTrn #paymentInfo #lblEwalletAmount, lblEwalletAmount {
        width: 95% !important;
        margin-left: 0
    }
}

.box-header > .box-tools {
    position: relative !important
}

@media (max-width:660px) {
    .checkout-page .section.payment-info #receipt label {
        margin-left: 0
    }
}

@media (min-width:1650px) {
    .align-middle-recreport {
        margin-left: -140px
    }
}

.login-btn-align {
    text-align: center
}

#customerCurrency, #customerlanguage {
    text-transform: capitalize !important
}

@media (max-width:992px) {
    .CatImgwrapper {
        width: 100% !important;
        height: 300px !important
    }
}

.OneLineUL li {
    padding: 0 5px
}

@media (max-width:1024px) and (min-width:1000px) {
    .item-box .thumbnail:hover .picture .wishlist-compare-wrapper .button-wishlist {
        top: 40% !important
    }

    .item-box .thumbnail:hover .picture .wishlist-compare-wrapper .button-comparelist {
        top: 68% !important
    }

    .quick-view-button {
        top: 44% !important
    }
}

.rep {
    margin-top: -3px
}

@media (max-width:1024px) {
    .quick-view-button {
        margin-top: -89px !important
    }
}

#upgTrn #TaxPer {
    float: none
}

#upgTrn #divTaxPer {
    margin-top: 0
}

#upgTrn #TaxAmountWithCurrencyLbl, #upgTrn #UpgradationAmountLbl {
    margin-top: 0
}

.order-summary-content .terms-of-service input[type="checkbox"] {
    margin-top: 4px;
    margin-right: 6px
}

.btn.btn-primary {
    background: linear-gradient(180deg,var(--secondary) 0%,var(--secondary-medium) 100%) !important;
    font-weight: 500 !important
}

    .btn.btn-primary:focus, .btn.btn-primary:hover {
        background: linear-gradient(180deg,var(--primary) 0%,var(--primary-medium) 100%) !important;
        opacity: 1 !important;
        font-weight: 500 !important;
        webkit-transform: skew(0);
        transform: skew(0deg)
    }

@media (max-width:767px) {
    body {
        font-size: 14px !important
    }

    .datatable-dashv1-list .all-form-element-inner {
        padding: 0 0 0 0
    }

    .row {
        margin-right: 0px !important
    }

    #upgTrn .form-group-inner .row div label {
        float: none
    }

    .Custom-amt {
        text-align: center !important;
        margin: 0 26px
    }
}

@media (max-width:660px) {
    .order-summary-content .terms-of-service input[type="checkbox"] {
        margin-top: 8px
    }
}

@media (max-width:480px) {
    .order-summary-content .terms-of-service input[type="checkbox"] {
        margin-top: 5px
    }

    .Custom-amt {
        text-align: center !important;
        margin: 0 30px
    }
}

@media (max-width:700px) and (min-width:280px) {
    #lblEwalletAmount {
        text-align: left !important
    }

    #upgTrn #paymentInfo #lblEwalletAmount {
        width: 94% !important
    }
}

.CategoryIcon {
    padding-left: 6px !important
}

@media (max-width:600px) {
    .Custom-amt {
        text-align: center !important;
        margin: 0 35px
    }
}

@media (max-width:800px) {
    .Custom-amt {
        text-align: center !important
    }
}

.kycapi {
    font-size: small
}

.RightLabel {
    text-align: right;
    padding: 10px;
    width: 300px !important
}

.labelwidth {
    width: 15em
}

.textalign-padding {
    text-align: left;
    padding: 10px
}

.printpadding {
    padding: 10px
}

.printinfopreview .RightLabel {
    width: 300px !important
}

.printinfopreview .forcheckbox {
    font-weight: normal !important;
    color: #555555 !important;
    font-size: 14px !important
}

@media (min-width:360px) and (max-width:479px) {
    .printinfopreview .form-group-inner {
        margin: 0;
        padding: 0
    }

    .printinfopreview .row {
        margin-left: 40px !important
    }

    .printinfopreview .form-group-inner .col-md-4 {
        width: 65% !important
    }

    .inputs.previewinputs {
        margin-left: 176px
    }
}

@media (min-width:480px) and (max-width:599px) {
    .printinfopreview .form-group-inner {
        margin: 0;
        padding: 0
    }

    .printinfopreview .row {
        margin-left: -23px !important
    }

    .printinfopreview .form-group-inner .col-md-4 {
        width: 65% !important
    }

    .inputs.previewinputs {
        margin-left: 143px
    }
}

@media (min-width:600px) and (max-width:799px) {
    .printinfopreview .row {
        margin-left: 106px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: -76px
    }
}

@media (min-width:800px) and (max-width:1023px) {
    .printinfopreview .form-group-inner {
        margin: 0;
        padding: 0
    }

    .printinfopreview .row {
        margin-left: 70px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: 47px
    }
}

@media (min-width:1024px) and (max-width:1279px) {
    .printinfopreview .row {
        margin-left: 6px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }
}

@media (min-width:1024px) and (max-width:1024px) {
    .printinfopreview .row {
        margin-right: -15px !important;
        margin-left: 85px !important
    }
}

@media (min-width:1280px) and (max-width:1359px) {
    .printinfopreview .row {
        margin-right: -15px !important;
        margin-left: 12px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: -47px
    }
}

@media (min-width:1360px) and (max-width:1439px) {
    .printinfopreview .row {
        margin-right: -15px !important;
        margin-left: 8px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: 27px
    }
}

@media (min-width:1440px) and (max-width:1659px) {
    .printinfopreview .row {
        margin-right: -15px !important;
        margin-left: -6px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: 45px
    }
}

@media (min-width:1660px) and (max-width:1919px) {
    .printinfopreview .row {
        margin-right: -15px !important;
        margin-left: -67px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: -48px
    }
}

@media (min-width:1920px) {
    .printinfopreview .row {
        margin-right: -15px !important;
        margin-left: -138px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: -29px
    }
}

.printinfopreview .DynvalMarg {
    width: 55% !important
}

.printinfopreview .form-group-inner .row .col-md-4 {
    padding-left: 0
}

.printinfopreview .form-group-inner {
    margin: 0
}

    .printinfopreview .form-group-inner .col-md-4 {
        text-align: right !important;
        padding: 10px;
        width: 40%
    }

    .printinfopreview .form-group-inner label {
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 700;
        padding-right: 14px !important
    }

.printinfopreview .OneLineUL {
    padding: 0 !important;
    margin: 0 !important
}

    .printinfopreview .OneLineUL li label {
        color: #555555 !important;
        font-size: 16px !important;
        margin-left: -6px
    }

.printinfopreview .form-group-inner span {
    color: #555555 !important
}

.printpreviewclass #topmargin {
    margin-left: 0px !important;
    margin-top: 0;
    color: #fff !important;
    text-align: center;
    padding: 10px 0
}

.printpreviewclass label {
    color: var(--lable-color)
}

#dvContainer.printinfopreview {
    margin-left: 30%
}

@media (min-width:1920px) {
    #dvContainer.printinfopreview {
        margin-left: 33%
    }
}

@media (min-width:1440px) and (max-width:1919px) {
    #dvContainer.printinfopreview {
        margin-left: 30%
    }
}

@media (min-width:1360px) and (max-width:1439px) {
    #dvContainer.printinfopreview {
        margin-left: 28%
    }
}

@media (min-width:1280px) and (max-width:1359px) {
    #dvContainer.printinfopreview {
        margin-left: 24%
    }
}

@media (min-width:1024px) and (max-width:1279px) {
    #dvContainer.printinfopreview {
        margin-left: 20%
    }
}

@media (min-width:800px) and (max-width:1023px) {
    #dvContainer.printinfopreview {
        margin-left: 14% !important
    }
}

@media (max-width:600px) {
    #dvContainer.printinfopreview {
        margin-left: -8%
    }
}

@media (max-width:480px) {
    #dvContainer.printinfopreview {
        margin-left: 0%;
        width: 130%
    }

    .printpreviewclass #topmargin {
        width: 135%
    }
}

@media (max-width:360px) {
    #dvContainer.printinfopreview {
        margin-left: 0%;
        width: 135%
    }

    .printpreviewclass #topmargin {
        width: 143%
    }
}

@media (max-width:767px) {
    .printinfopreview .form-control {
        margin: 5px 0
    }
}

.master-column-wrapper .rich-blog-homepage {
    margin: 0 -4px 18px
}

@media screen and (min-width:1024px) {
    #genderDetails .col-lg-6 {
        padding: 0px !important
    }

    #genderDetails .forcheckbox {
        padding-right: 7px !important
    }
}

@media (max-width:600px) {
    .form-group-inner #genderDetails {
        display: inline-block;
        text-align: start;
        padding-left: 0% !important
    }
}

@media screen and (min-width:1024px) {
    .commonnewdeno .form-group-inner .row {
        width: 100% !important;
        display: inline-block !important;
        text-align: left !important;
        font-size: 16px !important;
        font-family: "Poppins" !important
    }

    .commonnewdeno .form-group-inner {
        margin-bottom: 0px !important
    }

    .commantheme {
        margin-bottom: 0px !important
    }

    .commonnewdeno .validation-summary-errors {
        text-align: center !important
    }

    .newUidv .form-group-inner {
        text-align: -webkit-center !important
    }

        .newUidv .form-group-inner .row {
            width: 50% !important;
            text-align: left !important
        }
}

.optbtnsec {
    margin-top: 13px !important
}

@media screen and (max-width:768px) {
    .col-lg-12 .commonnewdeno {
        padding: 0
    }

    .WWInfo {
        padding: 0
    }

    .datatable-dashv1-list .custom-datatable-overright {
        padding: 0
    }

    .commonnewdeno .form-group-inner {
        text-align: center !important;
        margin-bottom: 0px !important
    }

    #divEnterOTP {
        padding: 10px !important
    }
}

@media (max-width:360px) {
    #personalDetails .btn-danger {
    }
}

.dvmobview label {
    font-size: 14px !important;
    font-family: Poppins,sans-serif
}

.panel-group .panelNew {
    background: var(--card-bg) !important;
    padding: 0;
    border-radius: 15px !important;
    box-shadow: var(--card-shadow) !important;
    border: var(--card-border) !important;
    overflow: hidden;
    margin: 5px
}

.NoPad {
    padding: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    color: #000 !important
}

@media (max-width:660px) {
    .message-error, .field-validation-error, .username-not-available-status, .poll-vote-error, .password-error {
        text-align: center !important
    }

    input[type="text"], input[type="password"], textarea {
        width: 100% !important
    }

    .wwlog .ctsdiv {
        text-align: center !important
    }

    .form-group-inner .row .col-md-12 {
        text-align: left !important
    }

    .decsrc {
        padding-bottom: 16px !important
    }

    .LoginAsterik .required {
        margin: 0 2px 0 0px !important
    }

    .login-horizental {
        text-align: center
    }

    .inside-box .required {
        margin: -2px 2px 0 0px !important
    }

    .login-horizental {
        text-align: center !important
    }

    .all-form-element-inner .required {
        margin: 0 2px 0 -14px !important
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-left: -10px !important
    }

    .field-icon {
        z-index: 120 !important
    }

    .home-page-category-grid .item-box, .manufacturer-grid .item-box, .product-grid .item-box.product-list, .sub-category-grid .item-box, .vendor-grid .item-box {
        height: auto;
        width: 100% !important
    }

    .home-page-category-grid .item-box, .manufacturer-grid .item-box, .product-grid .item-box.product-list, .sub-category-grid .item-box, .vendor-grid .item-box {
        width: 100% !important
    }

    .item-box, .item-box.product-grid {
        width: 100% !important
    }

    .qty-input.form-control {
        height: 23px !important
    }

    .all-form-element-inner .field-icon {
        top: 2px !important
    }

    .dynimicfldprintinfo {
        margin-left: -12.4% !important
    }

    .form-fields .field-icon {
        top: 2px !important
    }

    .printinfopreview .form-group-inner span {
        margin-left: -4px
    }

    .primary-buttons .align-center {
        text-align: center !important
    }

    .control-group .controls {
        text-align: center !important
    }

    .LoginAsterik .form-horizontal {
        overflow-x: visible !important
    }

    .resdisflex {
        display: flex !important
    }

    .gridinmob div.k-grid-header {
        display: flex !important
    }
}

@media (min-width:1024px) {
    .resdisflex {
        display: flex !important
    }

    .edit-address .dropdownlist_css {
        width: 70% !important
    }

    #SetShippingButton {
        margin-right: 20% !important
    }

    #divNextStep {
        margin-left: 37% !important
    }

    .orderflp {
        margin-left: 18% !important
    }

    .login-horizental .btn-primary {
        margin-left: 45%
    }

    .edit-address {
        text-align: left
    }

    .wwlog .row label {
        padding-left: 31px
    }

    .billing-addresses, .opcbilling-addressform .edit-address .form-group-inner {
        margin: 0 10% !important
    }

    #checkout-payment-info-load .form-group-inner {
        margin-left: 15% !important
    }

    .shipping-addresses .form-group-inner .row label {
        margin-left: 1% !important
    }

    #IsShowReceipt input[type="file"] {
        margin-right: 60%
    }

    .commantheme {
        line-height: 0.428571 !important
    }

    .wwsecpinfo {
        padding-left: 15px !important
    }

    .addresslinewdt {
        line-height: 1.428571 !important
    }

    #AddressDetails, #NomineeDetails, .wwsecpinfo {
        line-height: .428571
    }

    #datewsiediv .row {
        padding-bottom: 15px
    }

    .form-group-inner .row div label {
        padding-top: 0px !important;
        display: inline-block;

    }

    .desctex {
        width: 50% !important
    }

    .login-horizental .loginBtn {
        margin-left: 0px !important
    }

    #divwidthreqto {
        text-align: left
    }

    #divRequestTo {
        width: 50% !important
    }

    .fa-plus-square-o {
        padding-top: 5px !important
    }

    .qty-input.form-control {
        height: 23px !important
    }

    .desktop-original .fa-plus-square-o {
        padding-top: 0px !important
    }

    .all-form-element-inner .field-icon {
        top: 2px !important
    }

    .form-fields .field-icon {
        top: 2px !important
    }

    #TraderName {
        width: 48% !important
    }

    .wwmobamt {
        padding-top: 10px !important
    }

    #personalInfoDetailPanel {
        width: 100% !important
    }

    .positiontxt {
        margin-left: 14%
    }

        .positiontxt .leftlistboxalign {
            width: 20% !important
        }

    .wwresbtnalign {
        text-align: center !important
    }
}

@media (min-width:600px) and (max-width:600px) {
    .estimate-shipping .country-input, .state-input, .zip-input {
        width: 100% !important
    }

    .dropdownlist_css {
        width: 100% !important
    }
}

.orderflowaddresspage {
    margin-bottom: 10px !important
}

.main-sparkline16-hd h1 {
    padding-left: 15px !important
}

.newbtndec {
    margin-top: 11px !important
}

#checkout-payment-info-load .order-summary {
    display: block !important
}

.cart td.subtotal div {
    color: #000 !important
}

.dvreq .required {
    float: left !important
}

.ORdiv {
    color: #fff !important
}

@media (max-width:600px) {
    .newUidv .row {
      /*  text-align: center !important*/
    }

    .wwregstl {
     /*   padding-left: 0px !important;
        padding-right: 0px !important*/
    }

    .required {
        margin: 0 2px 0 5px !important;
        color: #c00 !important
    }

    .wwthememob .form-group-inner .row div label {
        padding: 0px !important
    }

    .wwthememob .all-form-element-inner .required {
        padding-left: 16px !important
    }
}

.returning-wrapper .form-group {
    margin-bottom: 0px !important
}

#checkout-payment-info-load .form-group-inner {
    padding-bottom: 16px !important
}

.decsrc {
    padding-bottom: 16px !important
}

#txtUniqueCode {
    width: 100% !important
}

#topmargin {
    margin-left: 0px !important;
    margin-top: 0;
    color: #fff !important;
    text-align: center;
    padding: 10px 0
}

.printcomp .row {
    padding-bottom: 10px
}

@media (min-width:360px) and (max-width:480px) {
    .inputs .btn-custon {
        margin-left: 20% !important
    }
}

@media (max-width:360px) and (min-width:600px) {
    .textfld {
        width: 26% !important
    }
}

@media (max-width:1280px) and (min-width:1024px) {
    .textfld {
    }
}

.wwbtnthemechg .btn-primary {
    margin-left: 0% !important
}

.detail-pointers {
    width: 330px !important;
    text-align: left !important;
    margin-top: 10px !important
}

.com-pointers {
    text-align: left !important;
    margin-top: 10px !important
}

.address-member-create .form-group-inner {
    margin-bottom: 15px !important
}

.mydetlbtn .btn-primary {
    margin-left: 0px !important
}

@media (max-width:600px) {
    .positiontxt .leftlistboxalign {
        width: 50% !important
    }

    .shipping-options .required {
        margin: 0 2px 0 0px !important;
        color: #c00 !important
    }

    .shipping-options, .form-horizontal {
        overflow-x: scroll !important
    }

    #NomineeDetails .form-group-inner .row #DateOfBirthDay, #personalDetails .form-group-inner .row #DateOfBirthDay {
        width: 100% !important
    }

    #NomineeDetails .form-group-inner .row #DateOfBirthMonth, #personalDetails .form-group-inner .row #DateOfBirthMonth {
        width: 100% !important;
        margin-left: 0% !important
    }

    #NomineeDetails .form-group-inner .row #DateOfBirthYear, #personalDetails .form-group-inner .row #DateOfBirthYear {
        width: 100% !important;
        margin-left: 0% !important
    }

    #personalDetails select, #NomineeDetail select {
        width: 100% !important;
        margin-bottom: 5px !important
    }

    .nomdateftr select {
        width: 100% !important;
        margin-bottom: 5px !important
    }

    .dynmDP {
        width: 100% !important
    }

    .leftlistboxalign {
        margin-left: 25%
    }

    #MemberAddMoneyForm .all-form-element-inner .form-group-inner .row .amtwwmobview {
        text-align: center !important
    }

    #PaymodeSection .payment-method {
        text-align: center !important
    }
}

.addmoneydetl {
    width: 1.333333% !important
}

@media screen and (max-width:720px) {
    .desctex {
        width: 100% !important
    }
}

@media (max-width:1024px) and (min-width:1024px) {
    .desctex {
        width: 100%
    }

    #NomineeDetails .form-group-inner .row #DateOfBirthDay, #personalDetails .form-group-inner .row #DateOfBirthDay {
        width: 100% !important
    }

    #NomineeDetails .form-group-inner .row #DateOfBirthMonth, #personalDetails .form-group-inner .row #DateOfBirthMonth {
        width: 100% !important;
        margin-left: 0% !important
    }

    #NomineeDetails .form-group-inner .row #DateOfBirthYear, #personalDetails .form-group-inner .row #DateOfBirthYear {
        width: 100% !important;
        margin-left: 0% !important
    }

    #personalDetails select, #NomineeDetail select {
        width: 100% !important;
        margin-bottom: 5px !important
    }

    .nomdateftr select {
        width: 100% !important;
        margin-bottom: 5px !important
    }

    .dynmDP {
        width: 100% !important
    }
}

.navcontainer {
    margin-left: 25px
}

@media (width:480px) {
    .burger_box .menu-icon_line--2 {
        top: 10px
    }
}

.newbtnpoppyprint {
    margin-right: -33px !important
}

@media (max-width:360px) and (min-width:360px) {
    .printinfopreview .form-group-inner .textfld {
        width: 68% !important
    }

    .printinfopreview .form-group-inner label {
        padding-right: 14px !important
    }

    .newbtnpoppyprint {
        margin-right: 0 !important
    }

    .btnAdjust {
        padding-left: 188px !important
    }
}

@media (max-width:480px) and (min-width:480px) {
    .printinfopreview .form-group-inner .textfld {
        float: right !important;
        width: 66% !important
    }

    .printinfopreview .form-group-inner label {
        padding-right: 14px !important
    }

    .btnAdjust {
        padding-left: 158px !important
    }

    .newbtnpoppyprint {
        margin-right: 0 !important
    }
}

@media (max-width:600px) and (min-width:600px) {
    .printinfopreview .form-group-inner .textfld {
        float: right !important;
        width: 60% !important
    }

    .printinfopreview .RightLabel {
        width: 361px !important
    }

    .printinfopreview .form-group-inner label {
        padding-right: 14px !important
    }

    .newbtnpoppyprint {
        margin-right: 0 !important
    }

    .btnAdjust {
        padding-left: 49px !important
    }
}

@media (max-width:1024px) and (min-width:1024px) {
    .printinfopreview .form-group-inner .textfld {
        width: 225px !important
    }

    .printinfopreview .OneLineUL li label {
        margin-left: -6px !important
    }

    .printinfopreview .form-group-inner .dvmobview {
        padding: 10px;
        padding-top: 1px
    }

    .RightLabel {
        width: 210px !important
    }

    .btnAdjust {
        padding-left: 21px !important
    }

    .newbtnpoppyprint {
        margin-right: 0 !important
    }
}

@media (max-width:1280px) and (min-width:1280px) {
    .printinfopreview .form-group-inner .textfld {
        padding-right: 21px !important
    }

    .btnAdjust {
        width: 97% !important
    }

    .newbtnpoppyprint {
        margin-right: 0 !important
    }

    .printinfopreview .DynvalMarg {
        padding-left: 0px !important
    }
}

@media (max-width:1366px) and (min-width:1360px) {
    .printinfopreview .form-group-inner .row .textfld {
        width: 32% !important
    }

    .btnAdjust {
        padding-right: 6px !important
    }
}

@media (max-width:1440px) and (min-width:1440px) {
    .printinfopreview .form-group-inner .textfld {
        width: 33.3% !important
    }

    .printinfopreview .RightLabel {
        width: 314px !important
    }

    .btnAdjust {
        padding-left: 77px !important
    }

    .newbtnpoppyprint {
        margin-right: 0 !important
    }
}

@media (max-width:1660px) and (min-width:1660px) {
    .printinfopreview .RightLabel {
        width: 314px !important
    }

    .printinfopreview .form-group-inner .textfld {
        width: 32.4% !important
    }

    .newbtnpoppyprint {
        margin-right: 0px !important
    }
}

@media (max-width:1920px) and (min-width:1920px) {
    .printinfopreview .RightLabel {
        width: 314px !important
    }

    .printinfopreview .form-group-inner .textfld {
        width: 33% !important
    }

    .newbtnpoppyprint {
        margin-right: 0px !important
    }
}

.newbtnpoppy {
    padding: 9px 11px !important
}

.printinfopreview .DynvalMarg {
    padding-left: 6px
}

#genderDetails label {
    margin-top: 0px !important
}

@media (max-width:600px) {
    .checkout-page .shipping-method ul li, .order-summary-content .cart-footer .total-info {
        width: 100%;
        margin: 10px 0
    }

    #checkout-steps .buttons, .product-details-page .overview-buttons {
        margin-top: 0
    }

    .cart-footer .cart-collaterals .deals .coupon-box .cart-box-wrapper, .shopping-cart-page .estimate-shipping, .cart-footer .cart-collaterals .deals .giftcard-box .cart-box-wrapper {
        text-align: center !important
    }

    .order-totals {
        margin-top: 30px
    }

    .order-progress .nav.nav-pills {
        text-align: center !important
    }

    .block.block-popular-tags.well.box-shadow-wrapper .view-all, .forum-search-page .forum-search-button, .master-column-wrapper {
        margin: 0
    }
}

.master-column-wrapper {
    width: 1360px !important;
    margin: 0 auto
}

@media (max-width:1366px) {
    .master-column-wrapper {
        width: 1280px !important
    }
}

@media (max-width:1280px) {
    .master-column-wrapper {
        width: 1160px !important
    }
}

@media (max-width:1160px) {
    .master-column-wrapper {
        width: 1000px !important
    }
}

@media (max-width:1024px) {
    .master-column-wrapper {
        width: 90% !important
    }
}

@media (max-width:980px) {
    .master-column-wrapper {
        width: 100% !important
    }
}

#cart-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 28%);
    z-index: 190
}

.cart-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 20px 40px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width: 180px;
    min-height: 120px
}

.loader {
    height: 80px;
    width: 80px;
    padding: 15px;
    background-image: url(../images/Loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 45%;
    top: 50%
}

@media (min-width:360px) and (max-width:360px) {
    #myModalReplicalink .modal-dialog {
        width: 100% !important
    }
}

@media (min-width:1024px) {
    #selectfolderdv {
        margin: 5px 0% 0 0% !important;
        padding-right: unset !important;
        padding-left: unset !important
    }

    #dvcrt {
        margin: -15px 0% 0 0% !important
    }
}

#DeleteInboxMsg, #DeleteFolders {
    padding: 10px 15px !important
}

.btn.btn-primary.menu-btn.active {
    background: #896b57 !important
}

.sparkline16-graph .datatable-dashv1-list {
    margin-top: 22px !important
}

.removesp #ScrollableDiv {
    margin-top: 0px !important
}

#ScrollableDiv {
    margin-top: 0px !important
}

.DynvalMarg ul li label {
    font-weight: normal !important;
}
#genderRegisterDetails label {
    font-weight: normal !important;
}