body {
    font-family: "Montserrat",sans-serif;
    background: #fff;
    color: #303133
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}
.shippment-back  {
    float:right;    
}
.shippment-back-text {
    text-transform:uppercase !important;
}
    .shippment-back-text a:hover {
        color:#fff!important;
    }
    .shippment-back .shippment-back-text i {
        margin-right: 5px !important;
    }

.btn.btn-primary, .login-page .remember-me .checkbox label, .owl-next, .owl-prev, .subscribe-button, a, a:hover {
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s
}

    .login-page .remember-me .checkbox label, .owl-next, .owl-prev, .subscribe-button, a, a:hover {
        text-decoration: none;
        color: var(--primaryColor)
    }

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

    .admin-header-links a {
        color: #fff
    }

.btn.btn-primary {
    background-color: var(--primaryColor);
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 5px;
    vertical-align: initial !important;
    text-transform: uppercase;
}
    .btn .btn-primary .back-button {
        background-color: var(--primaryColor);
        border: 0;
        color: #fff;
        font-size: 14px;
        padding: 10px 15px;
        border-radius: 5px;
        vertical-align: initial !important;
        text-transform:uppercase;
    }

    .btn.btn-primary:focus, .btn.btn-primary:hover {
        background-color: #555;
        opacity: 1 !important;
        color: white;
    }

.btn.btn-default {
    background-color: #555;
    border: 0;
    color: #fff;
    font-size: 14px;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    padding: 10px 15px;
    border-radius: 5px
}

    .btn.btn-default:focus, .btn.btn-default:hover {
        background-color: var(--primaryColor)
    }

.panel {
    border-radius: 0
}

.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: #2d9c6c;
    box-shadow: none
}

.form-control {
    border-radius: 5px;
    padding: 5px 15px
}

.header-menu::after {
    content: "";
    position: absolute
}

#index-page .header-menu::after {
    display: none
}

#index-page .master-wrapper-content {
    margin-top: 0
}

.pt-0 {
    padding-top: 0 !important
}

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

.header-selectors-wrapper select, select {
    -moz-appearance: none;
    -webkit-appearance: none
}

select {
    -o-appearance: none !important;
    -ms-appearance: none;
    background: #fff url(../images/select-dropdown.png) no-repeat !important;
    background-position: right 10px center !important
}

input[type=file] {
    width: 100%
}

.data-table .hidden-row {
    height: 1px;
    border: 0
}

.data-table tr.hidden-row th {
    padding: 0;
    border: 0
}

    .data-table tr.hidden-row th > span {
        height: 1px;
        width: 1px;
        position: absolute;
        overflow: hidden;
        top: -10px
    }

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

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

.navbar.navbar-inverse {
    max-width: 100% !important;
    border: 0;
    background-color: transparent;
    margin-bottom: 20px
}

.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, .section .panel.panel-default table tbody tr td.vendor label {
    display: none
}

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

.manage-page {
    margin-left: 15px
}

.header-logo {
    margin-top: 10px
}

.header-upper {
    background: #303133;
    box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    height: 70px
}

.currency-selector, .language-selector {
    float: left;
    margin: 8px 8px 0 0
}

.header-selectors-wrapper select {
    background: #303133 url(/Themes/PunarviTheme/Content/images/down-caret.png) no-repeat right center !important;
    color: #fff;
    width: 80px;
    margin-top: 0 !important;
    padding: 0 12px 0 0 !important;
    height: 30px;
    font-size: 14px;
    border: 0 !important
}

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

.admin-header-links {
    display: block !important
}

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

.header-selectors-wrapper .language-selector ul, .header-top-right ul li {
    float: left
}

    .header-top-right ul li a {
        padding: 8px 15px;
        font-size: 14px;
        float: left;
        line-height: 18px;
        color: #fff;
        text-decoration: none;
        margin: 6px 0;
        text-transform: capitalize
    }

        .header-top-right ul li a:hover, .shopping-cart-link > a:hover > i {
            color: var(--primaryColor)
        }

.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: 0
}

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

.header-lower .search-box .ui-autocomplete li:first-child {
    border: 0
}

.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%
    }

        .header-lower .ui-autocomplete li a:focus, .header-lower .ui-autocomplete li a:hover {
            color: var(--primaryColor);
            border: 0 !important
        }

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

.header-lower .ui-menu .ui-menu-item a.ui-state-active, .header-lower .ui-menu .ui-menu-item a.ui-state-focus {
    margin: 0;
    border: 0 !important
}

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

.header-lower .search-box .search {
    float: right
}

.header-lower .search-box .navbar-form, .product-grid .item-box.product-list .prices span {
    padding-left: 0
}

.header-lower .search-box .search-nav {
    float: left;
    background: #fff;
    border: 1px solid #303133;
    border-radius: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 280px;
    height: 40px;
    margin-left: 60px
}

    .header-lower .search-box .search-nav.form-control::-moz-placeholder {
        color: #303133 !important
    }

    .forum-search-box .search-box-text:focus, .header-lower .search-box .search-nav:focus {
        border-color: var(--primaryColor)
    }
.search-reset-button{
    text-align:center !important;
}
.search-box .btn.search-box-button {
    background-color: #555;
    color: #fff;
    margin-left: 5px;
    border-radius: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 100px;
    height: 40px;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s
}

    .search-box .btn.search-box-button:hover {
        background-color: var(--primaryColor)
    }

.header-selectors-wrapper .language-selector ul li {
    float: left;
    margin: 4px 5px 0 0
}

form#small-search-box-form .form-group {
    margin-bottom: 8px;
    padding: 15px 1px 1px;
    display: flex;
    height: 50px;
}

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

.flyout-main-wrapper {
    float: right;
    position: absolute;
    top: 100%;
    right: 2px;
    z-index: 100000
}

    .flyout-main-wrapper.shopping-cart-link {
        float: right;
        margin-bottom: 25px
    }

        .flyout-main-wrapper .shopping-cart-link .ico-cart {
            float: right;
            height: 20px;
            padding-left: 30px;
            text-decoration: none
        }

        .flyout-main-wrapper .shopping-cart-link .cart-label {
            color: #fff;
            float: left;
            font-size: 14px;
            padding-left: 3px;
            font-family: 'Montserrat'
        }

        .flyout-main-wrapper .shopping-cart-link .cart-qty {
            background-color: var(--primaryColor);
            border-radius: 100%;
            color: #fff;
            display: inline-block;
            line-height: 25px;
            min-height: 25px;
            min-width: 25px;
            padding: 0 5px
        }

    .flyout-main-wrapper .flyout-cart-wrapper::before {
        background: url(../images/flyout-arrow-top.png) no-repeat center center;
        content: " ";
        height: 14px;
        left: 82%;
        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: 12px;
    color: #303133
}

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

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

    .mini-shopping-cart .items {
        margin: 0 0 20px
    }

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

    .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: var(--primaryColor);
            font-size: 13px
        }

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

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

    .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;
            color: var(--primaryColor)
        }

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

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

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

    .mini-shopping-cart .quantity {
        float: left;
        margin-right: 5%;
        text-transform: capitalize;
        color: #303133
    }

    .footer-upper .social-wrapper li, .header-menu .navbar.navbar-inverse .nav.navbar-nav > li, .mini-shopping-cart .price {
        float: left
    }

.empty-shopping-cart {
    padding: 15px 0
}

.empty-shopping-cart, .mini-shopping-cart .price span, .title.sub-title strong {
    color: #303133;
    font-weight: 700
}

#flyout-cart .shopping-cart-link {
    height: 65px
}

.shopping-cart-link > a > i {
    color: #fff;
    background-color: #303133;
    padding: 15px 20px;
    font-size: 16px;
    border-radius: 0 0 25px 25px
}

.shopping-cart-link > a {
    float: right;
    text-align: center;
    width: 70%
}

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

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

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

.header-lower {
    position: relative
}

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

.addtocart {
    align-items: center;
    margin-bottom: 5px;
    margin-right: 5px
}

.cartbutton, .product-wishlist {
    background-color: #11db9a;
    cursor: pointer
}

.cartbutton {
    border: 0;
    color: #fff !important;
    padding: 10px 12px;
    font-size: 16px
}

    .cartbutton:hover {
        color: #fff
    }

.product-wishlist {
    float: right;
    color: #fff;
    font-size: 30px;
    width: 45px;
    align-items: center;
    text-align: center;
    padding-top: 3px
}

.footer ul.nav li a, .header-menu .navbar.navbar-inverse .navbar-collapse {
    padding: 0
}

.header-menu .navbar.navbar-inverse .nav.navbar-nav > li::before {
    opacity: 0;
    content: "";
    border-radius: 12px;
    background: #fff;
    float: left;
    margin: 26px 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.header-menu .navbar.navbar-inverse .nav.navbar-nav > li:hover {
    background: #ffffff2e
}

.header-menu .navbar.navbar-inverse .nav.navbar-nav > li > a {
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}

.header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown.open > a {
    background: var(--primaryColor)
}

.header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu li.active a {
    background-color: #f5f5f5;
    color: #303133
}

.header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu li a {
    padding: 10px 15px;
    line-height: 15px;
    white-space: normal;
    word-wrap: break-word
}

    .footer-lower a, .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu li a:hover {
        color: var(--primaryColor)
    }

.header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu {
    border-radius: 0;
    min-width: 200px;
    padding: 0;
    background: #f9f9f9;
    border: 0;
    width: 200px;
    transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s
}

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

.html-home-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: all .5s ease-in-out 0s
}

    .header-menu .main-menu::before {
        content: "";
        float: left;
        height: 65px;
        width: 140px;
        position: absolute;
        left: -125px;
        top: 0
    }

    .header-menu .main-menu::after {
        content: "";
        float: right;
        height: 65px;
        width: 40px;
        position: absolute;
        top: 0
    }

.html-home-page .header-menu {
    margin-bottom: 0
}

.theme-custom .nivo-controlNav a {
    border-radius: 14px
}

    .theme-custom .nivo-controlNav a.active {
        background-color: transparent /*var(--primaryColor) !important*/
    }

.header-menu .navbar.navbar-inverse .nav.navbar-nav > li.active > a {
    background-color: #ffffff2e !important
}

.header-menu .navbar.navbar-inverse .nav.navbar-nav > li.active::after, .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.active::before {
    opacity: 1
}

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

    .title.sub-title::before {
        border-top: 1px solid #ccc;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 125%
    }

    .title.sub-title::after {
        background: url(../images/ribbon-bow.jpg) no-repeat;
        content: "";
        left: 47%;
        position: absolute;
        top: 100%;
        height: 50px;
        width: 60px
    }

    .title.sub-title strong {
        font-size: 25px;
        font-family: Montserrat !important
    }

    .title.sub-title img {
        margin: auto;
        display: block
    }

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

.news-list-homepage .news-items .news-head {
    float: left;
    width: 100%
}

.news-list-homepage .news-head a {
    float: left;
    width: 100%;
    padding: 25px 0;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center
}

.news-list-homepage .news-date, .news-list-page .news-date {
    float: right;
    width: 100%;
    text-align: right;
    color: var(--primaryColor)
}

.news-list-homepage .news-date {
    margin: 20px 10px 20px 0
}

.news-list-homepage .news-details {
    clear: both;
    line-height: 24px;
    margin-bottom: 25px;
    color: #fff;
    height: 70px;
    overflow: hidden;
    margin-left: 10px
}

.news-list-homepage .news-button, .news-list-page .news-button {
    text-align: center
}

    .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 {
            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
        }

.home-page .news-list-homepage .view-all {
    clear: both;
    text-align: center;
    padding-bottom: 60px
}

    .home-page .news-list-homepage .view-all a, .poll strong {
        text-transform: uppercase;
        padding: 10px 20px
    }

.news-list-homepage {
    margin-bottom: 70px
}

.message-error ul li, .poll-options, .product-details-page .attributes ul.option-list li {
    list-style: none
}

.listbox .poll-results .answer, .search-input label {
    padding-bottom: 5px
}

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

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

    .poll-options li label {
        color: #303133;
        font-weight: 400;
        margin-right: 5px
    }

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

    .block.block-poll.well .poll, .block.block-poll.well .poll-display-text, .block.block-poll.well .poll-options li label {
        text-align: left
    }

.poll strong {
    font-weight: 500;
    margin-bottom: 25px;
    display: inline-block;
    padding: 15px 40px;
    color: #555
}

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

    .home-page-polls .buttons .vote-poll-button {
        text-transform: uppercase;
        padding: 10px 20px
    }

.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, .poll, .poll strong {
    text-align: center
}

.change-device {
    clear: both
}

.change-device, .designedby {
    text-align: right
}

.footer-store-theme {
    text-align: center
}

.footer {
    float: left;
    width: 100%;
    border-top: 5px solid
}

.footer-upper {
    background-size: cover
}

    .footer-upper .social-wrapper {
        float: right
    }

        .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: #303133;
            font-size: 20px
        }

            .footer-upper .social-wrapper li a:hover {
                background: var(--primaryColor);
                color: #fff;
                border-color: var(--primaryColor)
            }

.newsletter-subscribe-block .form-group {
    margin-bottom: 0;
    display: inline-block
}

.newsletter-subscribe-block .form-control::-moz-placeholder {
    color: #303133 !important
}

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

#newsletter-subscribe-block #newsletter-email {
    float: left;
    width: 300px;
    height: 45px;
    color: #303133;
    border-radius: 5px
}

#newsletter-subscribe-block #newsletter-subscribe-button, .order-summary-content .checkout-attributes dl dd {
    float: left;
    width: auto
}

#newsletter-subscribe-button {
    font-size: 15px;
    padding: 12px;
    text-transform: uppercase;
    background-color: var(--primaryColor)
}

    #newsletter-subscribe-button:focus, #newsletter-subscribe-button:hover {
        background-color: #555
    }

.footer-upper {
    border-bottom: 1px solid #e5e5e5
}

.newsletter-email, .newsletter-wrapper .title {
    text-align: center
}

.newsletter-wrapper .title {
    padding: 10px 0
}

.newsletter-wrapper strong {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    font-family: "Marck Script",cursive
}

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

.newsletter-validation {
    text-align: center
}

.footer-middle {
    padding: 35px 0
}

    .footer-middle .title {
        margin-bottom: 12px;
        padding-bottom: 12px
    }

        .footer-middle .title strong {
            font-size: 20px;
            color: #303133;
            font-family: "Marck Script",cursive
        }

.footer .footer-middle ul li a {
    color: #303133;
    text-transform: capitalize;
    margin-bottom: 20px;
    display: inline-block
}

    .footer .footer-middle ul li a i {
        margin-right: 8px;
        color: #f10044
    }

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

.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: #222;
    color: #fff
}

    .footer-designedby, .footer-lower .poweredby, .footer-lower a:hover, div#newsletter-subscribe-block .options label {
        color: #fff
    }

.footer-middle .payment-method ul li {
    background: url(../images/payment-method.png) no-repeat left center;
    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-middle .payment-method {
    float: left
}

.footer-lower .footer-theme-credit {
    margin-bottom: 8px
}

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

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

.footer-middle .title i {
    color: #f10044;
    font-size: 18px;
    margin-right: 15px;
    float: left
}

.footer-middle .social-wrapper li {
    display: inline-block
}

.footer .footer-middle .social-wrapper li a i {
    color: #fff;
    height: 45px;
    line-height: 45px;
    margin-right: 0 !important;
    width: 45px;
    transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out
}

.footer .footer-middle .social-wrapper li a {
    background: #303133;
    border: 1px solid #303133;
    color: #fff;
    float: left;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    margin-right: 3px;
    text-align: center;
    width: 45px;
    border-radius: 50%
}

    .footer .footer-middle .social-wrapper li a:hover {
        background: var(--primaryColor);
        border: 1px solid var(--primaryColor)
    }

.footer-middle .title strong::after, .payment-method .title strong::after {
    background: #303133;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    width: 30px;
    top: 45px
}

.payment-method .title strong::after {
    top: 84%
}

div#newsletter-subscribe-block .options {
    text-align: center;
    clear: both;
    padding-top: 10px
}

.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 {
    clear: both
}

.block-popular-tags.sidebar .nav > li > a:focus, .block-popular-tags.sidebar .nav > li > a:hover {
    background: 0 0
}

#customerCurrency, #customerTaxType, #customerlanguage {
    border: 1px solid #ddd
}

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

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

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

.box-shadow-wrapper {
    margin-bottom: 30px;
    padding: 0;
    border-radius: 0;
    border: 0;
    background: #fff
}

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

    .box-shadow-wrapper .listbox ul li a {
        padding: 15px 0 15px 35px;
        color: #303133
    }

        .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, .block.block-recently-viewed-products.well.box-shadow-wrapper ul li:hover .product-name, .box-shadow-wrapper .listbox ul li a:hover, .box-shadow-wrapper .listbox ul li.active.last > a, .breadcrumb-wrapper .breadcrumb li a:hover {
            color: var(--primaryColor)
        }

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

    .box-shadow-wrapper .categorylistbox ul li > a {
        background: url(../images/submenu-deactive-icon.png) no-repeat left center
    }

    .box-shadow-wrapper .categorylistbox ul li a {
        padding: 15px 0 15px 25px;
        float: left;
        width: 100%;
        border-bottom: 1px solid #ddd;
        color: #303133;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none
    }

    .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/arrow-dropdown.png) no-repeat left center;
        font-weight: 400
    }

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

        .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-arrow.png) no-repeat 30px center
        }

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

        .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) no-repeat 45px center
        }

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

        .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) no-repeat 60px center
        }

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

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

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

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

            .box-shadow-wrapper .listbox .view-all a:hover, .box-shadow-wrapper .listbox .vote-poll-button:hover {
                background: var(--primaryColor);
                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.box-shadow-wrapper .listbox .tags ul li:last-child span {
            display: none
        }

.block.block-popular-tags.well.box-shadow-wrapper .listbox ul li a {
    background: 0 0
}

.block.block-popular-tags.well.box-shadow-wrapper .view-all {
    margin-top: 0
}

.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 {
    margin: 5px 0
}

.block.block-recently-viewed-products.well.box-shadow-wrapper .product-picture {
    float: left
}

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

.block.block-recently-viewed-products.well.box-shadow-wrapper .product-name {
    float: left;
    border: 0;
    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 {
    width: 100%;
    -ms-touch-action: pan-y
}

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

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

            .owl-carousel .owl-stage-outer.autoHeight {
                -webkit-transition: height 500ms ease-in-out;
                -moz-transition: height 500ms ease-in-out;
                -ms-transition: height 500ms ease-in-out;
                -o-transition: height 500ms ease-in-out;
                transition: height 500ms ease-in-out
            }

        .owl-carousel .owl-item {
            float: left
        }

.owl-controls .owl-nav div, .owl-controls .owl-page {
    cursor: pointer
}

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

.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)
}

.owl-carousel.owl-theme {
    position: relative
}

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

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

.product-grid.cross-sells {
    margin-top: 20px
}

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

.owl-carousel .owl-next {
    background: url(../images/next-arrow.png) no-repeat 0 0 !important;
    right: -70px
}

.owl-carousel .owl-prev {
    background: url(../images/previous-arrow.png) no-repeat 0 0 !important;
    left: -70px
}

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

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

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

.picture-thumbs .owl-next {
    background: url(../images/thumb-next-slider.png) no-repeat 0 0 !important;
    right: -70px
}

.picture-thumbs .owl-prev {
    background: url(../images/thumb-prev-slider.png) no-repeat 0 0 !important;
    left: -70px
}

.picture-thumbs .owl-next:hover {
    background: url(../images/thumb-next-slider.png) no-repeat 0 -50px !important
}

.picture-thumbs .owl-prev:hover {
    background: url(../images/thumb-prev-slider.png) no-repeat 0 -50px !important
}

.product-category-item .img-scale, .product-category-item .picture {
    position: relative;
    overflow: hidden;
    border-radius: 5px
}

    .product-category-item .picture .title a {
        color: var(--primaryColor);
        font-size: 18px;
        text-transform: uppercase;
        text-decoration: none
    }

    .product-category-item .picture .title {
        text-align: center;
        margin-top: 22px
    }

    .product-category-item .picture:hover .title a {
        color: #303133
    }

.manufacturer-grid .product-category-item .picture .title, .vendor-grid .product-category-item .picture .title {
    bottom: 50px
}

    .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-nav, .sub-category-grid .owl-nav {
    top: -15%;
    padding: 0 15px;
    right: 0;
    width: auto;
    text-align: center
}

.sub-category-grid .owl-nav {
    top: -25%
}

.picture-thumbs.product-slider .owl-nav {
    top: 30%;
    padding: 0 15px;
    right: 0
}

.manufacturer-grid .owl-nav .owl-prev, .sub-category-grid .owl-nav .owl-prev {
    float: none;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    left: 0;
    text-indent: -9999px;
    text-align: center
}

.manufacturer-grid .owl-nav .owl-next, .sub-category-grid .owl-nav .owl-next {
    float: none;
    display: inline-block;
    position: relative;
    right: 0;
    text-indent: -9999px;
    text-align: center
}

.product-category-item .picture img {
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease
}

.product-category-item .picture:hover img {
    transform: scale(1.5)
}

.picture-thumbs.product-slider .owl-nav .owl-prev {
    position: absolute;
    left: -15px
}

.picture-thumbs.product-slider .owl-nav .owl-next {
    position: absolute;
    right: -15px
}

.breadcrumb-wrapper .breadcrumb {
    border: 0;
    border-radius: 0;
    clear: both;
    text-align: center;
    margin-bottom: 0;
    /*padding: 20px;*/
    background-color: transparent
}

    .breadcrumb-wrapper .breadcrumb li a {
        font-family: 'Montserrat';
        color: #303133;
        font-size: 30px;
        font-weight: 700;
        text-decoration: none;
        font-size: 16px;
    }

    .breadcrumb-wrapper .breadcrumb li:first-child a {
        color: #303133;
        font-size: 30px;
        font-weight: 700;
        text-decoration: none
    }

        .breadcrumb-wrapper .breadcrumb li:first-child a:hover {
            color: var(--primaryColor)
        }

    .breadcrumb-wrapper .breadcrumb li .active, .breadcrumb-wrapper .breadcrumb li .current-item.active {
        font-family: "Marck Script",cursive;
        color: var(--primaryColor);
        font-size: 30px;
        font-weight: 700;
        text-transform: capitalize;
        font-size: 16px;
    }

    .breadcrumb-wrapper .breadcrumb > li + li::before, .breadcrumb-wrapper .breadcrumb > ol + ol::before {
        padding: 0 10px;
        color: #303133
    }

    .breadcrumb-wrapper .breadcrumb li:first-child a span {
        font-size: 0
    }

        .breadcrumb-wrapper .breadcrumb li:first-child a span i {
            font-size: 30px
        }

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

.product-item .description {
    font-size: 12px;
    line-height: 1.4em;
    display: none;
    color: #303133
}

.email-a-friend-page form, .product-item .prices {
    margin-bottom: 15px
}

.title.panel-heading {
    padding: 0
}

.thumbnail {
    padding: 0;
    background-color: transparent;
    overflow: hidden;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd
}

.item-box.product-grid:hover .thumbnail, .product-grid .item-box:hover .thumbnail {
    box-shadow: 0 0 20px #aaa;
    transition: box-shadow 500ms
}

.item-box.product-grid .thumbnail .caption {
    padding-bottom: 10px;
    position: relative
}

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

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

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

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

.item-box.product-grid, .item-box.product-grid .thumbnail {
    min-height: 425px
}

.item-box .product-item {
    background: #fff;
    float: left;
    width: 100%;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s
}

    .item-box .product-item .picture {
        background-color: #fff;
        z-index: 1;
        overflow: hidden
    }

    .item-box .product-item .product-title {
        overflow: hidden;
        margin: 0;
        height: 38px;
        line-height: 18px;
        font-size: 14px;
        text-align: center;
        padding: 0 10px
    }

.item-box.product-list .product-item .product-title {
    padding: 0
}

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

    .item-box .product-item .product-title a:hover {
        color: #303133
    }

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

.product-grid .item-box.product-list .product-item .sku {
    text-align: left
}

.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, .product-grid .product-list .thumbnail .caption .add-info .buttons {
    width: 100%;
    text-align:center;
}

.item-box .prices span {
    line-height: 26px;
    font-size: 16px;
    color: #303133;
    display: inline-block;
    padding-left: 15px
}

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

.button-1, .button-2, button, input[type=button], input[type=submit] {
    cursor: pointer
}

.overview .button-2, .variant-overview .button-2 {
    display: block;
    width: 100%;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 12px 8px 12px 33px;
    text-align: left;
    font-size: 14px
}

.item-box .buttons {
    margin: 0;
    padding: 0 10px
}

.item-box input[type=button] {
    display: inline-block;
    border: 0;
    vertical-align: top;
    height: 40px
}

.item-box .product-box-add-to-cart-button {
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase
}

.item-box .add-to-compare-list-button, .item-box .add-to-wishlist-button {
    width: 20%;
    background-repeat: no-repeat;
    font-size: 0;
    border-radius: 5px;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    background-image: url(../images/compare-button.png);
    background-position: center 13px;
    background-color: #6c757d;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s
}

.item-box .add-to-wishlist-button {
    background-image: url(../images/wishlist-button.png);
    background-position: center 14px
}

    .item-box .add-to-compare-list-button:hover, .item-box .add-to-wishlist-button:hover {
        background-color: #5a6268
    }

.item-box .thumbnail .picture a {
    background: #ededed;
    display: block;
    position: relative
}

.item-box .btn-primary {
    border-radius: 5px
}

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

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

.product-grid .item-box.product-list {
    height: auto
}

.product-list .product-item {
    background: 0 0
}

.product-grid .product-list .thumbnail {
    padding-bottom: 0;
    transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s
}

.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%;
    position: relative
}

.product-grid .product-list .description {
    display: block;
    font-size: 14px;
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 15px !important
}

.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
}

.blog-page .page-title.panel-heading h1, .blogpost-page .page-title.panel-heading h1, .news-item-page .page-title.panel-heading h1, .news-list-page .page-title.panel-heading h1, .product-grid .product-list .product-item .rating, .search-page .form-group label.checkbox, .search-page .page-title.panel-heading h1 {
    text-align: left
}

.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: 25px;
    text-align: left
}

.product-grid .product-list .add-info {
    float: left;
    width: 100%
}

.product-grid .product-list .product-item .prices {
    margin-bottom: 25px
}

.product-grid .product-list {
    margin-bottom: 30px
}

    .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
    }

.category-grid .item-box .category-item, .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: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    cursor: pointer
}

.category-grid .item-box .category-item {
    margin-bottom: 50px
}

.category-grid .item-box .picture a img, .manufacturer-grid .item-box .picture a img, .sub-category-grid .item-box .picture a img, .vendor-grid .item-box .picture a img {
    width: 100%
}

.home-page-category-grid .item-box {
    height: auto
}

.order {
    padding: 7px 0
}

.product-selectors {
    margin: 0 0 30px;
    background: var(--primaryColor);
    color: #303133;
    clear: both
}

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

        .product-selectors .product-span label {
            color: #fff;
            font-weight: 400
        }

    .product-selectors .remove_left_padding {
        padding-left: 0
    }

.viewmode-icon.grid i, .viewmode-icon.list i {
    font-size: 18px !important;
    background: #fff;
    padding: 10px
}

.manufacturer-grid .item-box, .sub-category-grid .item-box, .vendor-grid .item-box {
    height: auto
}

.viewmode-icon:focus, .viewmode-icon:hover {
    color: var(--primaryColor)
}

.viewmode-icon {
    padding: 4px;
    float: left;
    color: #303133;
    height: 45px;
    width: 45px;
    line-height: 23px;
    text-align: center
}

    .viewmode-icon.selected {
        color: var(--primaryColor)
    }

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

.list-grid-view {
    float: right
}

.product-page-size, .product-sorting {
    margin-top: 5px
}

.category-description {
    margin-bottom: 70px
}

.product-filters-wrapper .well {
    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;
    border: 1px solid #ccc
}

.price-range-filter .filter-title .fa.fa-play-circle, .product-spec-filter .filter-title .fa.fa-play-circle {
    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;
    font-weight: 400
}

.product-filters ul {
    padding-left: 20px
}

.remove-filter a {
    color: #fff;
    padding: 10px;
    background: #303133
}

.product-tags-all-page a {
    color: #303133;
    line-height: 30px
}

    .product-tags-all-page a:hover {
        color: var(--primaryColor);
        background: #fff !important
    }

.already-filtered-items, .price-range-filter .selected-price-range, .remove-filter {
    margin-left: 20px;
    color: var(--primaryColor)
}

.remove-filter {
    margin-top: 20px
}

.product-filters .already-filtered-items .filter-title strong {
    margin-left: 0
}

.product-filters .filter-content .title strong {
    color: var(--primaryColor);
    font-weight: 400
}

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

    .product-filters .filter-content .nav > li > a:hover {
        background: 0 0;
        color: var(--primaryColor)
    }

.product-spec-filter .filter-content .available-items .nav.nav-list .title {
    margin-bottom: 8px
}

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

    .product-filters .filter-content ul {
        display: table-cell
    }

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

.product-filters .already-filtered-items .filter-title strong {
    font-size: 14px;
    color: #303133
}

.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: 10px;
        line-height: 20px;
        margin-right: 8px
    }

.clear-list.btn.btn-primary {
    margin-bottom: 10px
}

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

.apply-vendor-page .from-panel .panel-body, .product-filters.price-range-filter .filter-content ul, .recently-added-products-page .page-body, .recently-viewed-products-page .page-body {
    padding: 0
}

.contact-vendor {
    margin-bottom: 30px
}

.compare-products-page .compare-products-table a, .recently-added-products-page .link-rss, .topic-html-content a {
    color: var(--primaryColor)
}

    .compare-products-page .compare-products-table a:hover {
        color: #303133
    }

.apply-vendor-page .topic-html-content {
    border: 0
}

.apply-vendor-page .form-horizontal .control-label, .vendor-contact-page .form-horizontal .control-label {
    text-align: left;
    float: left
}

.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, .vendor-description ul {
    padding-left: 40px
}

.pager li, .vendor-attributes .option-list li {
    display: inline-block;
    margin-right: 10px
}

.search-input .basic-search .forum-search-text.form-control {
    border-radius: 0;
    margin-bottom: 20px;
    height: 34px;
    margin-right: -3px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    width: 400px;
    padding: 0 12px 0 5px
}

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

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

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

.price-range-to {
    float: left;
    margin: 0 20px;
    padding-top: 8px
}

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

.search-page .search-results strong {
    float: left;
    width: 100%;
    text-align: center
}

.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%
}

.search-box .navbar-form {
    padding-right: 0
}

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

.remove_right_padding {
    padding-left: 15px
}

.apply-vendor-page .topic-html-content-body.panel-body p, .new-comment .title, .page.topic-page .panel-heading h1 {
    text-align: center
}

.search-page .search-input.form-horizontal {
    clear: both;
    margin-bottom: 20px
}

.search-page .search-btn {
    text-transform: uppercase;
    padding: 10px 20px
}

.search-page .form-group {
    margin-bottom: 20px
}

.pager li {
    margin-bottom: 10px
}

    .pager li.current-page > span, .pager li.individual-page > a {
        background: #fff;
        border: 1px solid #555;
        border-radius: 5px;
        padding: 0;
        font-weight: 700;
        height: 40px;
        width: 40px;
        line-height: 40px
    }

    .pager li.individual-page > a {
        color: #555
    }

        .pager li.current-page > span, .pager li.individual-page > a:hover {
            background: var(--primaryColor);
            color: #fff;
            border-color: var(--primaryColor)
        }

    .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: 5px;
        background: #555;
        font-weight: 700
    }

.pager .first-page a, .pager .last-page a {
    border-color: #555
}

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

    .pager li.first-page a:hover, .pager li.last-page a:hover, .pager li.next-page a:hover, .pager li.previous-page a:hover {
        background-color: var(--primaryColor);
        border-color: var(--primaryColor)
    }

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

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

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

.nobr {
    white-space: nowrap !important
}

.wrap {
    white-space: normal !important
}

.a-left {
    text-align: left !important
}

.a-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 {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden
    }

.ajax-loading-block-window {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 128px;
    height: 128px;
    overflow: hidden;
    z-index: 1104
}

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

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

.customer-info-page .date-birth-text .date-picker-wrapper > select, .registration-page .date-birth-text .date-picker-wrapper > select {
    border: 1px solid #ccc;
    padding: 5px 25px 5px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 30px
}

.form-horizontal, .not-found-page .page-body.from-panel {
    clear: both
}

.validation-summary-errors {
    font-size: 11px;
    background: #f2dede;
    color: #a94442;
    padding: 5px;
    float: left;
    margin-bottom: 5px
}

.message-error {
    font-size: 11px
}

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

.field-validation-error, .section.payment-info .message-error .validation-summary-errors ul {
    font-size: 10px;
    background: #f2dede;
    color: #a94442;
    padding: 5px;
    margin-top: 5px;
    float: left
}

.required {
    color: red
}

.error {
    font-size: 11px;
    color: #b94a48
}

.input-validation-error {
    background-color: #fff
}

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

.shopping-cart-page .panel-heading {
    padding: 0;
    margin-bottom: 20px
}

.page-title h1, .sitemap-page h2 {
    font-weight: 700;
    padding-bottom: 10px
}

.page-title h1 {
    font-size: 30px;
    color: #303133;
    margin: 0;
    text-align: left;
    font-family: "Marck Script",cursive
}

.page-title {
    margin-bottom: 30px;
    padding: 0;
    display: inline-block
}

    .page-title::after {
        content: "";
        background: var(--primaryColor);
        width: 30px;
        height: 2px;
        position: absolute;
        left: 15px
    }

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

.topic-html-content a:hover {
    color: #303133
}

.panel-body {
    padding: 0;
    overflow-x: auto
}

.topic-html-content {
    border: 1px solid #ddd;
    padding: 15px
}

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

        .topic-html-content .panel-heading h1 {
            padding: 0;
            font-size: 24px;
            margin-top: 5px;
            margin-bottom: 5px
        }

    .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, .not-found-page .topic-html-content {
    margin-bottom: 50px;
    padding: 10px
}

.recently-added-products-page .page-title {
    display: block
}

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

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

.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: #303133
}

.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) {
        margin-right: 0
    }

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

.sitemap-page .entity-body ul li {
    padding-bottom: 5px
}

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

.eu-cookie-law {
    text-align: left
}

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

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

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

    .eu-cookie-bar-notification .content .buttons-more .learn-more {
        display: block;
        margin-top: 10px
    }

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

    .bar-notification.success {
        background: #4bb07a;
        color: #fff;
        margin: 0 0 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: 25px 10px 0 0;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0
    }

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

        .bar-notification p.content a {
            text-decoration: underline;
            color: #fff
        }

            .bar-notification p.content a:hover {
                text-decoration: none;
                color: #fff
            }

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

.product-details-page .thumb-popup-link:hover {
    border: 2px solid var(--primaryColor)
}

.product-details-page .product-reviews-overview .product-review-box {
    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) 0 0 repeat-x
}

    .product-details-page .rating div {
        float: left;
        height: 16px;
        background: url(../images/star-x-active.png) 0 0 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 {
    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) no-repeat 15px 14px #f5f5f5;
    border: 2px solid #ddd;
    padding: 10px 15px 10px 38px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

    .product-details-page .subscribe-button:hover {
        background: url(../images/notification-icon.png) no-repeat 15px -19px #555;
        border-color: #555;
        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: var(--primaryColor)
}

    .manufacturers .value a, .product-vendor .value a {
        color: var(--primaryColor)
    }

        .manufacturers .value a:hover, .product-details-page .product-reviews-overview .product-no-reviews a, .product-details-page .product-reviews-overview .product-review-links a, .product-vendor .value a:hover {
            color: #303133
        }

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

.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
}

.min-qty-notification, .product-details-page .additional-details div {
    margin-bottom: 10px
}

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

.product-details-page .overview .delivery-date {
    float: left;
    width: 100%;
    margin-top: 15px
}

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

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

.product-details-page .download-sample {
    clear: both;
    margin-bottom: 20px
}

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

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

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

.product-details-page .prices .product-price {
    font-weight: 700
}

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

.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: 20px;
    color: #303133
}

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

.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-details-page .tier-prices .prices-list .field-header {
    color: var(--primaryColor)
}

.product-details-page .tier-prices, .product-details-page .tier-prices .prices-list td {
    text-align: center;
    color: #666
}

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

    .product-details-page .tier-prices .prices-list .panel-default {
        float: left;
        width: 100%;
        overflow-x: auto
    }

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

        .product-details-page .tier-prices .prices-list .table tr td, .product-details-page .tier-prices .prices-list .table tr th {
            border-right: 1px solid #ccc
        }

        .product-details-page .tier-prices .prices-list .table tr .tier-price-value {
            color: #666
        }

.product-details-page .attributes .btn-dropdown.form-control {
    width: 100%
}

.product-details-page .attributes .text-prompt {
    font-weight: 400;
    display: inline-block;
    color: #555;
    padding-top: 7px
}

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

.product-details-page .attributes .textbox, .product-details-page .variant-picture img {
    width: 100%
}

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

.product-details-page .add-to-cart .qty-input {
    padding: 5px;
    width: 40px;
    float: left;
    margin: 0;
    height: 40px;
    text-align: center;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

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

.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 {
    cursor: pointer;
    float: left;
    font-size: 10px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 20px;
    color: #999
}

.product-details-page .add-to-cart .addtocart-quantity-box .increase-quantity {
    border: 1px solid #ccc;
    border-radius: 0 20px 20px 0
}

.product-details-page .add-to-cart .addtocart-quantity-box .decrease-quantity {
    border: 1px solid #ccc;
    border-radius: 20px 0 0 20px
}

.product-details-page .add-to-cart .product-add-button .add-to-cart-button {
    background: url(../images/product-cart-icon.png) no-repeat 12px 14px var(--primaryColor);
    text-transform: uppercase;
    padding-left: 40px;
    font-size: 16px
}

    .product-details-page .add-to-cart .product-add-button .add-to-cart-button:hover {
        background-color: #555
    }

.product-details-page .add-to-cart .product-add-button {
    float: left
}

.product-details-page .overview-buttons {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 25px
}

    .product-details-page .overview-buttons .add-to-wishlist-button {
        background: url(../images/wishlist-icon1.png) no-repeat 0 5px;
        text-transform: uppercase;
        padding: 15px 10px 15px 50px;
        float: left;
        margin-right: 15px;
        color: #999
    }

        .product-details-page .overview-buttons .add-to-wishlist-button:hover {
            background: url(../images/wishlist-icon1.png) no-repeat 0 -55px;
            color: var(--primaryColor)
        }

    .product-details-page .overview-buttons .add-to-compare-list-button {
        background: url(../images/product-compare-icon1.png) no-repeat 0 5px;
        text-transform: uppercase;
        padding: 15px 10px 15px 50px;
        float: left;
        margin-right: 15px;
        color: #999
    }

        .product-details-page .overview-buttons .add-to-compare-list-button:hover {
            background: url(../images/product-compare-icon1.png) no-repeat 0 -55px;
            color: var(--primaryColor)
        }

    .product-details-page .overview-buttons .email-a-friend-button {
        background: url(../images/email-product-icon1.png) no-repeat 0 5px;
        text-transform: uppercase;
        padding: 15px 10px 15px 50px;
        float: left;
        color: #999
    }

        .product-details-page .overview-buttons .email-a-friend-button:hover {
            background: url(../images/email-product-icon1.png) no-repeat 0 -55px;
            color: var(--primaryColor)
        }

.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: auto;
    float: left
}

.product-details-page .attributes.rental-attribute, .product-details-page .price-availability, .product-details-page .price-availability .prices, .product-details-page .price-availability .rental-price {
    clear: both
}

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

#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 {
    clear: both
}

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

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

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

            .product-details-page .product-share-button a span:hover {
                background: var(--primaryColor) !important
            }

.product-details-page .tab-content {
    float: left;
    margin-top: -1px
}

.product-details-page .nav-tabs, .product-details-page .product-specs-box .panel {
    border: 0
}

    .product-details-page .nav-tabs li {
        width: 100%;
        text-align: center
    }

        .product-details-page .nav-tabs li a {
            font-weight: 400;
            color: #666;
            font-size: 16px;
            text-transform: capitalize
        }

        .product-details-page .nav-tabs li.active {
            margin-bottom: 0
        }

            .product-details-page .nav-tabs li.active a {
                color: #fff;
                background: var(--primaryColor);
                border-color: var(--primaryColor)
            }

                .product-details-page .nav-tabs li.active a:hover, .product-details-page .nav-tabs > li.active > a:focus {
                    background: var(--primaryColor)
                }

    .product-details-page .nav-tabs > li > a {
        margin-right: 0;
        border: 1px solid #ddd;
        border-radius: 0;
        padding: 15px 35px;
        background: #f5f5f5
    }

.product-details-page .nav > .label.label-default > a:focus, .product-details-page .nav > .label.label-default > a:hover {
    background-color: transparent;
    border-color: transparent;
    text-decoration: none
}

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

.eq-ie8 .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.dropdown .dropdown-menu, .product-details-page .product-specs-box .table-bordered {
    border: 1px solid #ddd
}

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

    .product-details-page .product-specs-box .table-bordered .a-left.spec-name {
        color: var(--primaryColor);
        border-right: 1px solid #ccc
    }

.product-details-page .product-specs-box .title {
    margin-bottom: 0
}

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

    .product-details-page .product-specs-box table {
        margin: 10px 0
    }

        .product-details-page .product-specs-box table tr, .product-details-page .tier-prices table tr {
            background: #f6f6f6 !important
        }

.product-details-page .tab-content .product-tags {
    margin-top: 10px
}

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

.product-details-page .product-tags-box .product-tags-list ul {
    margin: 0
}

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

.login-page .new-wrapper legend + ::before, .login-page .returning-wrapper legend + ::before, .product-details-page .product-tags-box .title, .write-review .validation-summary-errors ul {
    margin-bottom: 0
}

.product-details-page .product-tags-box .product-tags-list .separator {
    display: none
}

.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: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    border: 1px solid #666;
    border-radius: 5px;
    background: #fff
}

    .product-details-page .product-tags-box .product-tags-list li:hover {
        background: var(--primaryColor);
        border: 1px solid var(--primaryColor)
    }

        .product-details-page .product-tags-box .product-tags-list li:hover a {
            color: #fff
        }

.product-details-page .product-tags-box .panel-heading {
    padding: 0
}

.product-details-page .product-details-tabs {
    margin: 0 0 35px;
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    padding: 0
}

.product-details-page .giftcard label {
    color: #555;
    font-weight: 400
}

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

.overview .action-button {
    display: block
}

.product-details-page .no-associated-products {
    font-weight: 700
}

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

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

.product-details-page .product-variant-list .addtocart-quantity-box {
    margin-right: 10px;
    margin-bottom: 10px
}

.product-details-page .variant-overview .variant-name {
    font-size: 16px;
    color: var(--primaryColor);
    margin-bottom: 20px
}

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

.variant-overview .tax-shipping-info {
    border: 0
}

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

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

.product-details-page .price-availability {
    position: relative
}

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

.product-attribute-label {
    padding-right: 0
}

.product-details-page .related-products-grid {
    clear: both
}

.product-details-page .product-variant-list .product-variant-line:nth-child(2n+1) {
    clear: both
}

.qty-box {
    margin-top: 15px
}

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

    .external-authentication ol, .qty-box .qty-text {
        padding: 0
    }

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

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

.product-variant-wrapper .variant-overview .form-group .col-md-3, .product-variant-wrapper .variant-overview .form-group .col-md-5, .product-variant-wrapper .variant-overview dd, .product-variant-wrapper .variant-overview dt {
    width: 50%
}

.product-details-page .tier-prices {
    margin: 10px 0
}

.product-details-page .product-estimate-shipping {
    margin-bottom: 15px;
    clear: both
}

    .email-a-friend-page h2 a, .product-details-page .product-estimate-shipping a, .product-reviews-page a {
        color: var(--primaryColor)
    }

        .product-details-page .product-estimate-shipping a .shipping-title {
            font-weight: 700;
            margin-bottom: 8px;
            color: #646464
        }

    .product-details-page .product-estimate-shipping .estimated-delivery .shipping-address {
        text-decoration: underline
    }

.product-reviews-page .write-review {
    margin-bottom: 10px
}

    .product-reviews-page .write-review .title {
        margin-bottom: 20px
    }

.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
}

.product-reviews-page .write-review .review-rating {
    float: left;
    width: 100%
}

.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: 4px
}

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

.review-rating .last {
    padding: 4px
}

.product-reviews-page .product-review-list {
    margin: 0
}

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

.product-reviews-page .captcha-box {
    margin-bottom: 20px
}

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

.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: var(--primaryColor)
    }

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

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

    .login-page .checkout-as-guest-or-register-block li, .login-page .external-auth-errors li, .opc li, .order-summary-content .checkout-attributes ul.option-list li, .product-reviews-page .review-rating ul li {
        list-style: none
    }

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

.email-a-friend-page h2 a:hover, .my-product-reviews-list-page .user a:hover, .product-reviews-page a:hover {
    color: #303133
}

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

.login-page .form-group .forgot-password a:hover, .login-page .remember-me .checkbox label:hover, .my-product-reviews-list-page .user a, .order-summary-content .cart .cart-item-row td.product a, .result.review-result, .wishlist-content .cart .cart-item-row td.product a {
    color: var(--primaryColor)
}

.my-product-reviews-list-page .review-content {
    clear: both
}

    .my-product-reviews-list-page .review-content .review-text {
        margin-bottom: 10px
    }

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

.tooltip {
    position: initial;
    display: inline-block;
    border-bottom: 1px dotted #000;
    color: #444
}

.product-review-list .review-title {
    margin-right: 5px
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background: #f0f0f0 no-repeat 100% 5%;
    border: silver 1px dotted;
    text-align: Left;
    padding: 10px 10px 5px 5px;
    position: absolute;
    z-index: 1;
    left: 10%;
    opacity: 0;
    transition: opacity .3s
}

.product-review-list .title-avatar .avatar {
    display: inline-block;
    padding: 10px;
    border: 1px solid #2d9b6d;
    width: 142px
}

.product-review-list .review-title .review-text {
    display: inline-block;
    float: right;
    width: calc(100% - 155px)
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute
}

.forum-topic-page .topic-post .user-info .avatar .avatar-img {
    padding: 10px;
    width: 75%
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    cursor: help
}

.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
}

.coupon-box .bg-success, .email-a-friend-page .bg-success {
    padding: 5px
}

.email-a-friend-page .alert.alert-success {
    clear: both
}

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

.login-page .checkout-as-guest-button, .login-page .login-button, .login-page .new-wrapper.register-block .register-button, .login-page .register-button, .password-recovery-page .password-recovery-button, .register-continue-button, .registration-page .register-next-step-button, .registration-page h3, .send-email-a-friend-button, .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;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px
}

.alert {
    padding: 5px !important;
    clear: both
}

.login-page .customer-blocks {
    margin-bottom: 30px
}

.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
}
.wrapper.registercontent-block {
    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;
    margin-top:10px;
    margin-bottom:20px;
}
    .wrapper.registercontent-block fieldset legend {
        text-align: left;
        color: #000;
        font-size: 12px;
        text-transform: uppercase;
        border-bottom:none!important;
        
    }
    .wrapper.registercontent-block.text {
        color: #646464;

    }
    .card-header {
        height:40px !important;
    }
    .card-body .text {
        color: #646464 !important;
    }
.register-img{
    margin-top:5px;
    width:100%;
    height:100%;
}
.mb-0 a {
    display: block;    
    font-size: 1.5rem;
    max-width: 100%;
    color: #fff;
    height: 35px;
    padding: 10px;
}
.btn.btn-link.collapsed legend:after {
    font-family: "FontAwesome";
    content: "\f067";    
    color: black;
    float:right;
    font-size:18px;
}
.btn.btn-link legend:after {
    font-family: "FontAwesome";
    content: "\f068";
    color: black;
    float: right;
    font-size: 18px;
}
.btn-link:hover {
    text-decoration:none !important;
}
.login-page .new-wrapper.register-block .text {
    color: #646464
}

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

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

.new-wrapper.checkout-as-guest-or-register-block, .section.payment-info .message-error .validation-summary-errors ul {
    margin-bottom: 15px
}

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

.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;
    line-height: 25px
}

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

.login-page .checkbox label {
    padding-left: 0
}

.login-page .validation-summary-errors.alert.alert-danger {
    font-size: 11px;
    background: 0 0 #f2dede;
    color: #a94442;
    border: 0;
    margin-bottom: 10px !important;
    clear: both
}

.login-page .form-group .forgot-password a, .order-summary-content .cart .cart-item-row td.product a:hover, .wishlist-content .cart .cart-item-row td.product a:hover {
    color: #303133;
    text-decoration: none
}

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

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

#login-page .topic-html-content, .topic-html-content.from-panel .panel-heading {
    padding: 15px
}

.facebook-login-block .buttons {
    text-align: center
}

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

.external-authentication .facebook-login-block {
    width: 100%
}

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

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

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

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

.account-page .accept-consent label, .order-summary-content .checkout-attributes ul.color-squares li, .order-summary-content .checkout-attributes ul.image-squares li, .registration-page .accept-consent label {
    display: inline
}

.registration-result-page .result {
    margin-bottom: 20px
}

.registration-page .accept-privacy-policy .read {
    cursor: pointer
}

.registration-page .radio-inline input[type=radio] {
    margin-left: -20px;
    position: absolute;
    margin-top: 2px
}

.registration-page .form-horizontal .radio-inline {
    padding-top: 0
}

.registration-page .form-horizontal .form-group label {
    text-align: left
}

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

.registration-page h3 {
    text-align: left;
    font-size: 15px;
    color: #303133;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 0
}

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

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

.registration-page .form-horizontal .fieldset {
    margin-bottom: 35px;
    clear: both
}

.cart-footer.row {
    clear: both
}

.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 0 270px;
    float: left;
    width: 100%
}

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

    .order-summary-content .cart-header-row th, .wishlist-content .cart-header-row th {
        text-align: center;
        background: #f6f6f6
    }

    .order-summary-content .cart .cart-item-row td.product, .order-summary-content .cart-header-row .products-title, .wishlist-content .cart .cart-item-row td.product, .wishlist-content .cart-header-row .products-title {
        text-align: left
    }

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

    .order-summary-content .panel.panel-default.cart-item-table table tr td, .order-summary-content .panel.panel-default.cart-item-table table tr th, .total-info .panel.panel-default table tr td, .wishlist-content .panel.panel-default table tr td, .wishlist-content .panel.panel-default table tr th {
        border: 0
    }

    .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, .registration-page h3, .wishlist-content .panel.panel-default > table {
        border-bottom: 1px solid #ddd
    }

    .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 .qty-input, .wishlist-content .cart .cart-item-row .qty-input {
        text-align: center;
        margin-bottom: 0;
        padding: 5px
    }

    .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: #666;
        font-weight: 700
    }

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

    .order-summary-content .panel > .table-bordered > tbody > tr:last-child > td, .wishlist-page .panel > .table-bordered > tbody > tr:last-child > td {
        border-bottom: 1px solid #ddd
    }

.terms-of-service {
    clear: both
}

.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/product-cart-icon.png) no-repeat 20px center #555;
        padding-left: 50px;
        text-transform: uppercase
    }

.shopping-cart-page .common-buttons .estimate-shipping-button {
    background: url(../images/shipping-icon.png) no-repeat 20px center #555;
    padding-left: 50px;
    text-transform: uppercase;
    margin-left: 20px
}

    .shopping-cart-page .common-buttons .estimate-shipping-button:hover {
        background: url(../images/shipping-icon.png) no-repeat 20px center var(--primaryColor)
    }

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

.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) no-repeat 20px center var(--primaryColor);
    padding-left: 45px;
    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) no-repeat 20px center #555
    }

.order-summary-content .buttons.checkout-attribute {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.order-summary-content .tax-shipping-info {
    margin-bottom: 10px
}

.estimate-shipping-result {
    margin: 0 10px 20px;
    color: #a94442
}

.cart-collaterals, .order-summary-content .buttons, .totals {
    clear: both
}

.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: transparent;
    float: left;
    width: 100%;
    border: 0;
    box-shadow: none;
    margin-bottom: 0;
    overflow-x: auto
}

#checkout-step-billing form, #checkout-step-payment-info form, #checkout-step-payment-method form, #checkout-step-shipping form, #checkout-step-shipping-method form, .order-summary-content .totals .total-info .panel.panel-default, .wishlist-page .totals .total-info .panel.panel-default {
    margin-bottom: 0
}

.shipping-results, .shopping-cart-page .coupon-box, .shopping-cart-page .giftcard-box {
    background: #fff;
    box-shadow: 0 0 3px #ddd;
    -moz-box-shadow: 0 0 3px #ddd;
    -webkit-box-shadow: 0 0 3px #ddd;
    border: 1px solid #ededed
}

.shopping-cart-page .coupon-box, .shopping-cart-page .giftcard-box {
    margin: 0 0 30px;
    overflow: hidden;
    font-style: normal
}

.coupon-box .title, .estimate-shipping .title, .giftcard-box .title {
    color: #666;
    background: url(../images/cartpage-up-caret.png) no-repeat right center #ddd;
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}

    .coupon-box .title.arrow-down, .estimate-shipping .title.arrow-down, .giftcard-box .title.arrow-down {
        background: url(../images/cartpage-down-caret.png) no-repeat right center #ddd
    }

    .coupon-box .title i, .estimate-shipping .title i, .giftcard-box .title i {
        float: left;
        font-size: 24px;
        line-height: 20px
    }

.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%
}

.cart-footer .cart-collaterals .deals .coupon-box .cart-box-wrapper, .cart-footer .cart-collaterals .deals .giftcard-box .cart-box-wrapper {
    text-align: center;
    color: #999
}

.order-summary-content .coupon-box .discount-coupon-code, .order-summary-content .giftcard-box .gift-card-coupon-code {
    margin: 15px 0 0
}

.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 {
    text-transform: uppercase
}

.shopping-cart-page .estimate-shipping {
    display: inline-block
}

    .shopping-cart-page .estimate-shipping .estimate-shipping-buttons, .shopping-cart-page .page-title h1 {
        text-align: center
    }

.estimate-shipping .hint {
    margin-bottom: 20px;
    text-align: center;
    color: #999
}

.estimate-shipping .country-input, .estimate-shipping .state-input, .estimate-shipping .zip-input {
    width: 100%
}

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

.shipping-results {
    padding: 10px;
    margin: 0 15px 20px;
    clear: both
}

.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;
    color: #555
}

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

.message.bg-danger {
    padding: 4px
}

.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: #555
}

.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 .remove-discount-button:hover, .order-summary-content .remove-gift-card-button:hover {
        cursor: pointer
    }

.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 {
            margin-right: -25px;
            width: 400px;
            clear: both
        }

            .order-summary-content .checkout-attributes dl dt:last-child {
                margin-bottom: 0
            }

    .order-summary-content .checkout-attributes .text-prompt {
        font-weight: 700
    }

    .order-summary-content .checkout-attributes ul.option-list {
        padding: 0;
        margin: 0
    }

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

.order-summary-content .estimate-shipping .shipping-options .form-group {
    margin: 0 0 20px
}

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

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

.order-summary-content .terms-of-service > input {
    float: left;
    margin-right: 10px;
    margin-top: 2px
}

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

.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) no-repeat center center;
    border: 0
}

.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: solid 1px #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 {
    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(--primaryColor)
    }

        .order-summary-content .terms-of-service .read:hover, .removefromcartimg {
            cursor: pointer
        }

.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: 20px;
        width: 100%
    }

        .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: #000
    }

    .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, .section.order-completed a {
        color: var(--primaryColor)
    }

.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 {
    float: left
}

.wishlist-page .wishlist-add-to-cart {
    float: right
}

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

.payment-info .info table tbody tr td, .wishlist-page .share-info {
    float: left
}

    .wishlist-page .share-info .share-label {
        font-weight: 700
    }

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

    .opc .step-title h2, .wishlist-page .buttons .common-buttons .btn.btn-default, .wishlist-page .buttons .common-buttons .btn.btn-primary {
        text-transform: uppercase
    }

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

    .section.order-completed a:hover, .wishlist-page .share-info a.share-link:hover {
        color: #303133
    }

.wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button {
    background: url(../images/wishlist-email-icon.png) no-repeat 20px 11px #555;
    padding-left: 48px;
    text-transform: uppercase
}

    .wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button:hover {
        background: url(../images/wishlist-email-icon.png) no-repeat 20px 11px var(--primaryColor)
    }

.wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
    background: url(../images/product-cart-icon.png) no-repeat 20px center var(--primaryColor);
    text-transform: uppercase;
    padding-left: 50px
}

    .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button:hover {
        background: url(../images/product-cart-icon.png) no-repeat 20px center #555
    }

.terms-of-service label {
    font-weight: 400
}

.opc .buttons .back-link small, .opc .buttons.disabled button, .removefromcart {
    display: none
}

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

.opc {
    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 outside;
        padding-left: 18px
    }

    .opc .allow .step-title {
        cursor: pointer
    }

    .opc .step-title, .opc .step-title .number {
        border-radius: 30px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px
    }

    .opc .step-title {
        text-align: right;
        background: #f5f5f5
    }

        .opc .step-title .number {
            float: left;
            background-color: #555;
            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(--primaryColor);
        font-weight: 700
    }

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

    .opc .tab-section {
        margin-bottom: 10px
    }

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

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

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

.opc .order-summary-content .cart-footer {
    background: 0 0 !important
}

.checkout-page .section.payment-info label, .opc .section.payment-info label {
    display: inline
}

#checkout-confirm-order-load .billing-info .payment-method, #checkout-confirm-order-load .shipping-info .shipping-method, .new-billing-address, .new-shipping-address {
    padding: 0
}

#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: 0;
    padding: 0;
    margin-bottom: 0
}

.section.order-completed .title {
    margin: 0
}

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

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

.checkout-data .payment-method ul, .checkout-data .payment-method ul li, .checkout-data .shipping-method .method-name .method-description, .checkout-data .shipping-method ul, .checkout-data .shipping-method ul li, .checkout-page #billing-buttons-container, .next-btn-wrapper {
    float: left;
    width: 100%
}

.checkout-data .payment-method .method-name {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

    .checkout-data .payment-method .method-name .payment-logo > label {
        float: left;
        margin-right: 10px
    }

    .checkout-data .payment-method .method-name .payment-details {
        float: left;
        margin-top: 5px
    }

        .checkout-data .payment-method .method-name .payment-details label {
            color: #000
        }

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

#checkout-steps .buttons {
    clear: both;
    float: left;
    width: 100%
}

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

.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) no-repeat #555 right center
    }

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

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

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

.checkout-page .back-link {
    float: left;
    margin-bottom: 0
}

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

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

.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: 10px;
    color: #666;
    margin-top: 5px
}

.method-list {
    padding: 0
}

.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-page .btn.btn-primary, .checkout-page .order-completed-continue-button {
    text-transform: uppercase
}

#checkout-step-confirm-order .order-summary-content .panel.panel-default.cart-item-table, #confirm-page .order-summary-content .panel.panel-default.cart-item-table {
    margin-top: 20px
}

.terms-of-service > label, .use-reward-points .checkbox label {
    width: auto;
    display: inline-block;
    font-weight: 700
}

.terms-of-service > label, .use-reward-points .checkbox span#read-acceptterms {
    cursor: pointer
}

.terms-of-service > input, .use-reward-points .checkbox input {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.cart-footer .checkout-disabled {
    font-size: 20px;
    text-align: center;
    background: orange;
    border: 1px solid #c3891e;
    color: #fff;
    padding: 15px 50px
}

.checkout-page .address-grid {
    margin-bottom: 20px
}

.checkout-data .address-grid .address-item .select-button {
    margin-bottom: 20px;
    text-align: center
}

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

    .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: 67%
}

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

    .checkout-page .primary-buttons .control-group, .checkout-page .primary-buttons label {
        margin-bottom: 0
    }

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

.checkout-data .enter-address, .checkout-data .order-completed, .checkout-data .payment-method, .checkout-data .shipping-method {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.checkout-data .payment-info {
    margin-bottom: 20px;
    width: 30%
}

.checkout-page .shipping-method ul li, .order-summary-content .cart-footer .total-info {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    font-style: normal
}

    .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
}

.checkout-data .order-review-data .billing-info .payment-method, .checkout-data .order-review-data .shipping-info .shipping-method {
    border: 0
}

.checkout-page .checkout-data .billing-info .payment-method, .checkout-page .checkout-data .shipping-info .shipping-method {
    padding: 0
}

.method-description {
    margin-left: 15px
}

.product-details-page .attributes dd, .profile-page .user-last-posts .topic-body p, .section.shipping-method .radio {
    margin: 0
}

.section.payment-method .use-reward-points {
    padding-left: 0
}

.enter-address .form-group label {
    text-align: left;
    font-weight: 400
}

.next-btn {
    margin-top: 10px
}

.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 rgba(0,0,0,.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    width: 100%
}

.customer-info-page fieldset, .order-progress {
    margin-bottom: 30px
}

    .order-progress .nav.nav-pills {
        text-align: center
    }

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

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

            .order-progress .nav.nav-pills li.active-step a {
                background: var(--primaryColor)
            }

    .order-progress .nav > li > a {
        color: #fff;
        font-weight: 700;
        background: #ccc;
        padding: 0 20px 0 0;
        display: inline-block;
        border-radius: 3px
    }

        .order-progress .nav > li > a > .progress-icon {
            display: inline-block;
            font-size: 20px;
            line-height: 20px;
            margin-right: 15px;
            padding: 15px;
            background: #aaa;
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px
        }

        .order-progress .nav > li > a:focus, .order-progress .nav > li > a:hover {
            border: medium
        }

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

.checkout-page .checkout-data .enter-address {
    margin-bottom: 0
}

.downloadable-products-page table tr td, .order-completed-page .panel-heading h1, .order-completed-page .section.order-completed {
    text-align: center
}

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

.tooltip {
    font-family: "Montserrat",sans-serif
}

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

.ui-dialog {
    padding: 0 !important
}

.ui-widget-header {
    background: #2d9c6c !important;
    color: #fff !important;
    border: 0 !important
}

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

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

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

.ui-widget.ui-widget-content.ui-tabs {
    border: 0
}

.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: 10px;
    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%
}

.account-page .form-group label {
    text-align: left
}

.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 {
    padding-left: 10px
}

.a-center.quantity {
    width: 10%
}

.product.new-product-iteam {
    width: 100%
}

.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
}

.customer-info-page .category-iteam, .return-request-page .form-group label {
    text-align: left
}

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

.customer-info-page .checkbox-inline, .customer-info-page .radio-inline {
    padding-left: 0
}

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

.customer-info-page .form-horizontal .radio-inline {
    padding-top: 0
}

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

.address-list .address-item {
    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;
    padding: 10px;
    position: relative
}

    .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 ul.info {
        margin-bottom: 10px
    }

    .address-list .address-item label {
        display: inline
    }

    .address-list .address-item .phone label {
        color: #646464
    }

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

    .address-list .address-item .buttons {
        text-align: center;
        left: 0;
        right: 0
    }

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

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

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

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

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

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

.gdpr-tools-page .page-body form .fieldset, .order-list-page .order-item {
    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
}

.order-list-page .order-item {
    position: relative
}

    .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
    }

        .order-list-page .order-item-detail .buttons .return-items-button {
            margin-top: -3px
        }

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

.back-in-stock-subscription-list-page .description, .forum-subscriptions-page .description {
    margin-bottom: 20px
}

.avatar-page .image, .reward-points-page .reward-points-overview {
    margin-bottom: 10px
}

    .account-page .recurring-payments .title, .reward-points-page .reward-points-overview .min-balance {
        margin-top: 10px
    }

.reward-points-page .reward-points-history .title {
    margin-bottom: 5px
}

.order-details-page .a-center.quantity, .return-request-page .a-center.price, .return-request-page .a-center.quantity, .reward-points-page .data-table td, .reward-points-page .data-table th, .shipment-details-page .a-center.quantity {
    text-align: center
}

.use-reward-points {
    padding-left: 40px
}

.category-iteam {
    width: 100%
}

.address-edit-page .category-iteam, .downloadable-products-page .panel.panel-default table .a-center.product, .order-details-page .section .panel.panel-default table .a-center.name, .return-request-page .fieldset label {
    text-align: left
}

.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 rgba(0,0,0,.075) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.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, .blog-page .post-head a:hover, .blogpost-page .post-body p a, .downloadable-products-page .a-center.order a:hover, .downloadable-products-page .a-center.product a, .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-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 {
    color: var(--primaryColor);
    text-decoration: none
}

.blogpost-page .tags ul li a:hover {
    color: var(--primaryColor)
}

.forum-group-page .forums-table-section-body tr td a:hover, .forum-group-page .forums-table-section-title a:hover, .news-item-page .news-body p a, .sitemap-page .entity-body ul li a:hover {
    color: var(--primaryColor);
    text-decoration: none
}

    .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, .downloadable-products-page .a-center.order a, .downloadable-products-page .a-center.product 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, .forums-main-page a, .forums-table-section .topic-name a:hover, .news-item-page .news-body p a:hover, .news-list-pag .news-head a, .order-details-page .a-left.name a:hover, .private-messages-page .data-table a, .private-messages-page .panel-body ul li a:hover, .return-request-list-page ul li a:hover, .return-request-page .a-left.name a:hover, .shipment-details-page a:hover, .sitemap-page .entity-body ul li a {
        color: #555
    }

.forum-page-edit .forum-topic-page .manage a:hover, .forum-page-edit .forum-topic-page .title i:hover {
    color: #000
}

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

    .customer-info-page .extrnal-table a, .customer-info-page .form-fields.add-more-external-records a, .downloadable-products-page .panel.panel-default table a, .forums-table-section-title .link-rss {
        color: var(--primaryColor)
    }

        .customer-info-page .extrnal-table a:hover, .customer-info-page .form-fields.add-more-external-records a:hover, .downloadable-products-page .panel.panel-default table a:hover, .forums-table-section td.forum-name .forum-title a:hover, .order-details-page .section.shipments a:hover {
            color: #303133
        }

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

.form-title-rquired {
    float: left;
    margin-top: 7px
}

.account-page .btn.btn-default, .account-page .btn.btn-primary, .apply-vendor-page .btn.btn-primary, .blogpost-page .blog-post-add-comment-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, .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, .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, .return-request-page .btn.btn-primary, .vendor-contact-page .btn.btn-primary, .vendor-page .contact-vendor .btn.btn-primary {
    text-transform: uppercase
}

.gdpr-tools-page .result {
    margin: 20px 0;
    font-size: 13px;
    color: #e4434b
}

.gdpr-tools-page .buttons {
    margin-top: 20px
}

.gdpr-tools-page .page-body form .fieldset {
    padding: 10px;
    min-height: 220px
}

    .gdpr-tools-page .page-body form .fieldset .title {
        text-align: center;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
        padding: 10px 0 15px
    }

    .gdpr-tools-page .page-body form .fieldset .buttons, .order-details-page .data-table th, .order-details-page .section table th {
        text-align: center
    }

.check-gift-card-balance-page .message-error, .check-gift-card-balance-page .result {
    margin: 20px 0
}

.check-gift-card-balance-page .fieldset {
    margin: 0 0 30px
}

.order-details-page .links .controls {
    margin-right: 10px;
    display: inline-block;
    padding-top: 5px;
}

    .order-details-page .links .controls i {
        margin-right: 5px
    }

.order-details-page .cart-total-left {
    font-weight: 700;
    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
}

.actions {
    margin-top: 10px
}

.order-details-page .billing-info, .order-details-page .shipping-info {
    list-style: none
}

.billing-info-wrap .title, .order-info-wrap .title {
    margin-bottom: 5px
}

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

.checkout-attributes.shipping-text, .order-details-page .order-number h4 {
    font-weight: 700
}

.order-details-page .order-details-area, .order-details-page .order-overview, .order-details-page .products .title, .order-details-page .shipments .title, .shipment-details-page .section .title, .shipment-details-page .shipment-overview {
    margin-bottom: 20px;
    margin-top:40px;
    
}

    .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
}

.order-details-page .total-info {
    margin-top: 20px
}

.order-details-page .panel-heading h1, .order-details-page .section.shipments .a-center.details, .order-overview, .return-request-page .panel-heading h1, .shipment-details-page .panel-heading h1 {
    text-align: center
}

.order-details-page .tax-shipping-info {
    margin-top: 10px;
    padding: 10px
}

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

.order-details-page .section.shipments a {
    color: var(--primaryColor);
    text-align: center
}

.order-details-page .section.products .panel.panel-default table tbody tr .prices-alignment-right, .order-details-page .section.shipments .a-left, .return-request-page .panel.panel-default table tbody tr .prices-alignment-right {
    text-align: center !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 {
    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;
    overflow-x: auto
}

    .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: 0;
        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
        }

        .forums-table-section td, .order-details-page .section .panel.panel-default table tbody tr td, .return-request-page .page-title {
            text-align: center
        }

.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
}

.return-request-page .section {
    margin-bottom: 20px
}

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

.downloadable-products-page .panel.panel-default table, .return-request-page .panel.panel-default table {
    margin-bottom: 0
}

.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: auto
}

    .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
}

.forums-table-section {
    margin-bottom: 40px;
    float: left;
    width: 100%
}

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

    .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 .topic-name {
    text-align: left
}

.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%
}

.active-discussions-page .forums-table-section td, .forum-group-page .forums-table-section td, .forum-page .forums-table-section td, .forum-search-page .forums-table-section td, .forum-topic-page .topic-actions.lower i, .forum-topic-page .topic-post .post-head .manage-post i, .forums-main-page .forums-table-section td {
    color: #666
}

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

.forums-table-section .last-post .origin label, .forums-table-section td.last-post .author label, .profile-page .profile-info-box .profile-stats label, .profile-page .profile-info-box .user-stats label, .profile-page .user-last-posts .topic-data label, .profile-page .user-last-posts .topic-title label {
    display: inline
}

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

.active-discussions-page .forums-table-section-body .last-post, .active-discussions-page .forums-table-section-body .replies, .active-discussions-page .forums-table-section-body .views, .active-discussions-page .forums-table-section-body .votes, .forum-edit-page h1, .forum-group-page .posts, .forum-group-page .topics, .forum-page .replies, .forum-page .views, .forum-search-page .forums-table-section.topics-group .last-post, .forum-search-page .forums-table-section.topics-group .replies, .forum-search-page .forums-table-section.topics-group .views, .forum-search-page .forums-table-section.topics-group .votes, .forum-search-page .panel-heading h1, .forums-main-page .forums-table-section.topics-group .last-post, .forums-main-page .forums-table-section.topics-group .replies, .forums-main-page .forums-table-section.topics-group .views, .forums-main-page .topic-html-content .panel-heading h1, .move-topic-page .page-title h1, .private-message-send-page .page-title h1 {
    text-align: center
}

.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 .forums-header {
    float: left;
    width: 100%
}

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

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

.forum-search-box {
    float: left;
    position: relative
}

    .forum-search-box .navbar-form {
        padding-left: 0
    }

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

.forum-search-page .forum-search-box .search-box-text, input#forums-small-searchterms {
    background: #fff;
    border-bottom: 1px solid #ddd;
    width: 400px;
    padding-left: 5px;
    border-radius: 0
}

.forum-search-page .forum-search-box .search-nav:focus {
    border-color: var(--primaryColor)
}

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

    .forum-search-box input.btn.search-box-button:hover, .forum-search-page .forum-search-box .btn.search-box-button:hover {
        background: url(../images/search-icon.png) no-repeat 0 -34px
    }

.forum-search-box .btn, .forum-search-page .forum-search-box .form-control {
    border-radius: 0
}

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

.forum-top a.link-rss {
    float: right
}

.forums-table-section .panel.panel-default {
    border: 0;
    margin-bottom: 0;
    overflow-x: scroll;
    clear: both
}

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

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

.forum-subscriptions-page .new-product-iteam a {
    color: #303133
}

    .forum-subscriptions-page .new-product-iteam a:hover, .forum-topic-content-top .actions .actions-btn:hover a, .forum-topic-page .topic-actions .actions a:hover, .forum-topic-page .topic-post .post-head .manage-post a:hover {
        color: var(--primaryColor)
    }

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

.forum-page .forum-top .forum-info {
    float: left
}

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

    .forum-page .forum-top .forum-info .forum-description {
        margin-bottom: 10px
    }

.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 {
    margin: 5px 0
}

.active-discussions-page, .forum-breadcrumb, .forum-group-page, .forum-page {
    clear: both
}

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

    .forum-group-page .forums-table-section .forum-name {
        text-align: left
    }

    .forum-group-page .forums-table-section {
        background: #fff
    }

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

.forum-search-page .forum-search-panel .search-error {
    color: red
}

.forum-search-page .basic-search {
    margin-bottom: 10px
}

.forum-search-page .forum-search-button {
    margin-top: 0
}

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

.forum-search-page .inputs {
    padding: 4px
}

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

.forum-search-page .form-group label {
    text-align: left
}

.search-input .basic-search .col-md-3 {
    padding-right: 0
}

.forum-search-box .form-group, .forum-topic-page .topic-post .post-head .post-time label, .private-messages-page .nav-tabs li.active {
    margin-bottom: 0
}

.forum-search-page .search-results .forums-table-section {
    border: 0
}

    .forum-search-page .search-results .forums-table-section table, .product-details-page .gallery .picture img {
        width: 100%
    }

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

.forum-search-page .checkbox > input {
    margin-top: 0 !important
}

.forum-search-page .checkbox label, .profile-page .profile-stats > ul {
    padding-left: 10px
}

.forum-search-page .forum-serach-input {
    float: left;
    width: 100%
}

    .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
}

.forums-header {
    margin-bottom: 25px
}

.forum-topic-content-top {
    text-align: center;
    padding: 15px;
    margin-bottom: 40px;
    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: #666
    }

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

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

.forum-topic-page .topic-post {
    float: left;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ddd
}

    .forum-topic-page .topic-post:last-child {
        border-bottom: none
    }

.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 .post-info {
    text-align: center
}

.forum-topic-page .topic-post .user-info span {
    background: #f5f5f5;
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    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, .profile-page .pm-link-button {
    background: #555;
    padding: 8px;
    float: left;
    width: 100%;
    margin-top: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    color: #fff
}

    .forum-topic-page .topic-post .post-info .send-pm a:hover, .profile-page .pm-link-button:hover {
        background: var(--primaryColor)
    }

.forum-topic-page .topic-post .post-head {
    background: #fff;
    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-post .post-head .manage-post, .forum-topic-page .topic-post .post-head .post-time, .forum-topic-page .topic-post .post-head .quote-post {
    float: left
}

.forum-topic-page .topic-post .post-head .post-actions {
    float: right
}

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

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

    .forum-topic-page .topic-post .post-head .quote-post a:hover, .private-messages-page .panel.panel-default a:hover {
        color: #303133
    }

.forum-topic-page .topic-actions.lower {
    clear: both;
    text-align: center
}

    .forum-topic-page .topic-actions.lower a {
        margin-right: 15px
    }

    .forum-topic-page .topic-actions.lower .pager.lower a {
        margin-right: 0;
        margin-left: 0
    }

.forum-topic-page .topic-post .post-body .post-text {
    float: left;
    width: 90%
}

.forum-topic-page .topic-post .post-body .post-vote {
    float: right
}

.topic-post .post-vote {
    text-align: center;
    display: table;
    margin: 0 auto 20px
}

.topic-post .vote-count-post {
    display: block;
    font-size: 160%
}

.topic-post .post-vote span.up {
    background: url(../images/vote-up.png) no-repeat 50% 50%
}

.topic-post .post-vote span.down {
    background: url(../images/vote-down.png) no-repeat 50% 50%
}

.topic-post .post-vote span.vote {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 24px
}

.forum-edit-page .forum-subject-title {
    padding-top: 0
}

.forum-edit-page .forum-subject-name {
    color: #666
}

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

.forum-edit-page .field-validation-error {
    display: block
}

.forum-edit-page .buttons {
    margin: 5px
}

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

.forum-edit-page label.checkbox, .forum-edit-page label.options-checkbox {
    text-align: left
}

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

.forum-edit-page .form-group.form-submit {
    clear: both
}

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

.forum-edit-page .checkbox {
    color: #666
}

    .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, .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
    }

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

.move-topic-wrapper .form-group label {
    text-align: right;
    padding-top: 7px
}

.forum-edit-page .checkbox {
    margin-top: 0
}

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

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

.private-message-subject-text {
    width: 500px;
    border: 1px solid #acacac;
    vertical-align: top;
    font-size: 12px
}

.forum-search-text {
    border: 0;
    font-size: 14px;
    margin-right: 5px;
    float: left;
    box-shadow: none;
    -webkit-box-shadow: none
}

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

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

.post-link, .quote-post-link-button {
    float: right;
    padding: 0 !important
}

.post-link {
    margin-right: 5px;
    border: 0;
    margin-top: 1px
}

.private-message-send-page .inputs label {
    float: left;
    line-height: 20px
}

.private-message-send-page .toolbar {
    display: block
}

.private-message-send-page textarea {
    margin: 0 0 10px;
    padding: 10px
}

.private-message-view-page .view-message div {
    margin: 10px 0 5px
}

.private-message-view-page .view-message label {
    display: inline-block
}

.private-message-send-page .page-title, fieldset legend {
    text-align: center
}

.private-message-send-page .form-group label {
    text-align: right;
    margin-bottom: 5px;
    padding-top: 5px
}

.send-pm-button {
    margin-left: 15px
}

.private-messages-page .pagination {
    display: block
}

.private-message-send-page .form-group .private-message-title {
    padding-top: 0
}

.private-message-username, .private-message-view-page .view-message span, .private-messages-page .panel.panel-default td {
    color: #666
}

.private-messages-page .tab-content {
    float: left;
    padding: 20px 15px;
    width: 100%;
    border: 1px solid #ddd;
    margin-top: -1px
}

.private-messages-page .nav-tabs {
    border: 0
}

    .private-messages-page .nav-tabs li a {
        font-weight: 400;
        color: #666;
        font-size: 16px;
        text-transform: capitalize
    }

    .private-messages-page .nav-tabs li.active a {
        color: #fff;
        background: var(--primaryColor);
        border-color: var(--primaryColor)
    }

        .private-messages-page .nav-tabs li.active a:hover, .private-messages-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(--primaryColor)
        }

        .private-messages-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 transparent;
            border-top-color: var(--primaryColor);
            top: 100%;
            left: 50%;
            margin-left: -10px
        }

    .private-messages-page .nav-tabs > li > a {
        margin-right: 15px;
        border: 1px solid #ddd;
        border-radius: 0;
        padding: 15px 35px
    }

.private-messages-page .nav > .label.label-default > a:focus, .private-messages-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: transparent;
    border-color: transparent;
    text-decoration: none
}

.private-messages-page .nav-tabs > li > a:focus, .private-messages-page .nav-tabs > li > a:hover {
    background-color: #555;
    color: #fff;
    outline: 0
}

.private-messages-page, .profile-page {
    overflow: hidden;
    float: left;
    width: 100%
}

    .private-messages-page .panel.panel-default a {
        color: var(--primaryColor)
    }

.private-message-view-page .view-message {
    padding: 15px
}

    .private-message-view-page .view-message label {
        text-transform: capitalize
    }

.private-messages-page .panel.panel-default a.pm-unread {
    font-weight: 700
}

.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 .profile-stats ul {
        margin: 0 0 10px
    }

    .profile-page .profile-info-box .profile-stats li {
        list-style: none outside none
    }

.profile-page .profile-info-box .user-details {
    width: 180px;
    float: left;
    padding: 10px;
    height: 100%;
    border-right: solid 1px #ddd
}

    .profile-page .profile-info-box .user-details .avatar {
        margin-bottom: 5px;
        text-align: center;
        margin-right: 10px
    }

        .profile-page .profile-info-box .user-details .avatar img {
            max-width: 100%
        }

.profile-page .profile-info-box .user-stats {
    margin: 0;
    padding: 0
}

    .profile-page .profile-info-box .user-stats li {
        list-style: none;
        padding: 2px
    }

    .profile-page .profile-info-box .user-stats span {
        color: #555;
        font-weight: 400
    }

.profile-page .user-last-posts .topic {
    margin-bottom: 20px
}

.profile-page .user-last-posts .topic-title {
    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-body .quote {
        padding: 5px
    }

.profile-page .user-last-posts .topic-data {
    padding-left: 10px;
    color: #555;
    font-size: .9em
}

.profile-page .tab-content {
    float: left;
    padding: 20px 15px;
    width: 100%;
    border: 1px solid #ddd;
    margin-top: -1px
}

.profile-page .nav-tabs {
    border: 0
}

    .profile-page .nav-tabs li a {
        font-weight: 400;
        color: #666;
        font-size: 16px;
        text-transform: capitalize
    }

    .contact-page p, .eq-ie8 .login-page FIELDSET LEGEND, .profile-page .nav-tabs li.active {
        margin-bottom: 0
    }

        .profile-page .nav-tabs li.active a {
            color: #fff;
            background: var(--primaryColor);
            border-color: var(--primaryColor)
        }

    .profile-page .nav-tabs > li > a {
        margin-right: 15px;
        border: 1px solid #ddd;
        border-radius: 0;
        padding: 15px 35px
    }

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

.product-details-page {
    margin-top: 30px
}

.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;
    width: 100px;
    height: 100px;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

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

    .product-details-page .thumb-popup-link img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        padding: 5px
    }

    .product-details-page .thumb-popup-link:last-child {
        margin-right: 0
    }

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

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

.product-details-page .giftcard, .product-details-page .tier-prices {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.product-details-page .gallery .picture-thumbs {
    text-align: center
}

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

    .product-details-page .product-name.panel-heading h1 {
        font-size: 25px;
        color: var(--primaryColor);
        text-transform: capitalize;
        letter-spacing: 0;
        margin: 0
    }

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

.product-details-page .location-value {
    color: #11db9a
}

.product-details-page .additional-details, .product-details-page .product-reviews-overview {
    float: left;
    width: 100%
}

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

    .apply-vendor-page .terms-of-service > input, .eq-ie11 .customer-info-page .date-birth-text > SELECT, .eq-ie11 .registration-page .date-birth-text > SELECT, .lt-ie11 .customer-info-page .date-birth-text > SELECT, .lt-ie11 .registration-page .date-birth-text > SELECT, .product-details-page .product-reviews-overview .product-review-box {
        float: left
    }

.news-list-page .item {
    margin-bottom: 20px
}

.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%
}

.news-list-page .news-items .news-head a {
    margin-bottom: 0;
    float: left;
    width: 100%;
    padding: 10px 0;
    color: #303133;
    font-size: 16px
}

    .news-list-homepage .news-head a:hover, .news-list-page .news-items .news-head a:hover {
        color: var(--primaryColor)
    }

.news-list-page .news-items .news-details {
    margin-bottom: 15px
}

.news-list-page .news-date {
    margin: 0 0 10px
}

.news-item-page .news-body {
    clear: both;
    margin-top: 15px;
    float: left;
    width: 100%;
    color: #666
}

.news-item-page .news-date {
    color: var(--primaryColor)
}

.news-item-page .fieldset.new-comment .title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-size: 16px;
    clear: both;
    text-align: left
}

.blogpost-page .user-info span, .news-item-page .user-info span {
    float: left;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    background: #f6f6f6
}

.news-item-page .comment-list .title {
    float: left;
    width: 100%
}

.blogpost-page .comment-list .title, .news-item-page .comment-list .title {
    clear: both;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px
}

.blogpost-page .user-info, .news-item-page .user-info {
    border: 0;
    color: #444;
    display: block;
    font-weight: 700;
    margin: 0 0 -1px;
    padding: 0 0 10px;
    text-align: center;
    font-size: 14px
}

.news-item-page .comment-time label {
    display: inline
}

.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
}

.blogpost-page .comment-info, .comment-content, .news-comment .comment-info {
    padding: 0
}

.comment-list .comment-content {
    border-left: 1px solid #ddd;
    display: table-cell;
    text-align: left;
    vertical-align: top;
    word-break: break-word
}

.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
}

.news-list-homepage .owl-item .item, .news-list-homepage .owl-item .news-head .news-title {
    background-color: transparent
}

.news-list-homepage .news-items {
    background: url(../images/news-bg.png) no-repeat;
    position: relative
}

.block.block-blog-archive.well.box-shadow-wrapper .listbox ul li strong {
    padding: 8px 0 8px 25px;
    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) no-repeat 25px center
}

.block-blog-archive .listbox ul li strong {
    padding-left: 20px;
    margin-top: 10px;
    float: left;
    clear: both
}

.blog-posts .post, .blog-posts .post .post-head, .blogpost-page .comment-list .title {
    float: left;
    width: 100%
}

    .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;
    line-height: 20px;
    padding: 15px 20px;
    float: left;
    width: 100%;
    background: #555;
    color: #fff;
    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 .tags-list .separator, .blogpost-page .tags .separator, .post-date {
        color: var(--primaryColor)
    }

.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 .comment-text {
    max-width: 100%;
    min-height: 120px
}

.blogpost-page .comment-list {
    margin: 0 0 10px
}

.blogpost-page .avatar {
    width: 100%
}

.blogpost-page .comment-time label {
    display: inline
}

.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, .blogpost-page .form-group .category-iteam, .blogpost-page .new-comment .form-group label, .contact-page .form-horizontal .control-label {
    text-align: left
}

.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(--primaryColor)
}

    .blog-posts .tags-list ul li a:hover, .blogpost-page .tags ul li a:hover {
        text-decoration: underline;
        color: #303133
    }

.blog-posts .btn.btn-primary.read-more {
    text-transform: uppercase;
    color: #fff
}

.blog-details .comments-text {
    font-weight: 700;
    display: block;
    margin-bottom: 15px
}

.post-date {
    float: right;
    width: 100%;
    padding: 10px 0;
    text-align: right
}

.blogpost-page .avatar img, .news-item-page .avatar img {
    max-width: 100%;
    padding-right: 15px
}

.blog-page .bottom-box-shadow {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.bottom-box-shadow {
    background: url(../images/bottom-box-shadow.png) no-repeat left bottom;
    height: 39px;
    background-size: 100%
}

.account-activation-page .page-body {
    margin: 0;
    padding: 0;
    color: #555;
    background-color: inherit
}

.contact-page .topic-html-content {
    border: 0;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none
}

.contact-page .contact-details {
    margin-bottom: 15px
}

.contact-page .inputs {
    margin-bottom: 12px
}

.contact-page .enquiry {
    max-width: 100%;
    min-height: 120px;
    margin: 0
}

.contact-page .captcha-box, .eq-ie7 legend {
    margin-bottom: 20px
}

.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, .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: 5px 10px;
    color: #b94a48;
    clear: both
}

.apply-vendor-page .topic-html-content-body, .contact-page .topic-html-content-body {
    padding: 0;
    margin-bottom: 20px
}

.product-details-page .attributes select {
    width: auto;
    border: 1px solid #ccc;
    padding: 5px 25px 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.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 .color, .product-details-page .attributes ul.image-squares .image {
    display: inline-block;
    width: 18px;
    height: 18px
}

.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 {
    display: inline-block
}

    .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
}

.tooltip-container {
    background: #fff 0 0;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #000;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 200px;
    left: 0;
    top: 10px
}

    .tooltip-container::after, .tooltip-container::before {
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        bottom: 100%;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -6px;
        position: absolute;
        width: 0
    }

    .tooltip-container::before {
        border-bottom: 7px solid #eee;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        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
}

.tooltip-container .tooltip-body {
    margin: 5px
}

    .tooltip-container .tooltip-body img {
        border: 0 #fff;
        width: 190px
    }

.product-details-page .attributes ul.color-squares .selected-value .color-container .color, .product-details-page .attributes ul.image-squares .selected-value .image-container .image {
    border-color: var(--primaryColor)
}

#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: #fff url(../images/loading.gif) no-repeat center
}

#lbImage {
    position: absolute;
    left: 0;
    top: 0;
    border: 10px solid #fff;
    background-repeat: no-repeat
}

#lbNextLink, #lbPrevLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: 0
}

#lbPrevLink {
    left: 0
}

    #lbPrevLink:hover {
        background: url(../images/prevlabel.gif) no-repeat 0 15%
    }

#lbNextLink {
    right: 0
}

    #lbNextLink:hover {
        background: url(../images/nextlabel.gif) no-repeat 100% 15%
    }

#lbBottom {
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border: 10px solid #fff;
    border-top-style: none
}

#lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: url(../images/closelabel.gif) no-repeat center;
    margin: 5px 0;
    outline: 0
}

#lbCaption, #lbNumber {
    margin-right: 71px
}

#lbCaption {
    font-weight: 700
}

.toolbar {
    padding: 2px;
    display: block;
    margin-bottom: 10px
}

    .toolbar .button {
        background: url(../images/bbeditor-button-bg.gif) repeat-x;
        padding: 2px;
        margin-right: 2px;
        border: #cec6b5 1px solid
    }

        .toolbar .button:hover {
            border: #303133 1px solid
        }

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 pre {
        margin: 0
    }

    .csharpcode .rem {
        color: green
    }

    .csharpcode .kwrd {
        color: #00f
    }

    .csharpcode .str {
        color: #006080
    }

    .csharpcode .op {
        color: #0000c0
    }

    .csharpcode .preproc {
        color: #c63
    }

    .csharpcode .asp {
        background-color: #ff0
    }

    .csharpcode .html {
        color: maroon
    }

    .csharpcode .attr {
        color: red
    }

    .csharpcode .alt {
        background-color: #f4f4f4;
        width: 100%;
        margin: 0
    }

    .csharpcode .lnum {
        color: #606060
    }

.pm-title-text.form-control {
    width: 44%
}

#backTop {
    width: 35px;
    height: 35px;
    padding: 10px;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 999999999;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    background: url(../images/top-arrow.png) no-repeat center center #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

    #backTop:hover {
        background: url(../images/top-arrow.png) no-repeat center center #555
    }

.estimate-shipping-popup {
    position: relative;
    background: #fff;
    padding: 25px 20px;
    width: auto;
    max-width: 800px;
    margin: 0 auto
}

.estimate-shipping-popup-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all .2s ease-in-out;
    transform: scale(.8)
}

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

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

.estimate-shipping-popup-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

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

.estimate-shipping-popup-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.shipping-options-loading {
    background: url(../images/ajax-loader-small.gif) no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    right: 8px;
    margin: 4% 50%
}

.eq-ie8 .product-grid .product-list .product-item .rating, .shipping-address .required {
    margin-left: 0
}

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

    .estimate-shipping-row.shipping-option {
        cursor: pointer
    }

        .estimate-shipping-row.shipping-option.active {
            font-weight: 700
        }

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

    .estimate-shipping-row-item.shipping-item {
        padding: 8px 0;
        overflow: hidden;
        overflow-wrap: break-word
    }

    .estimate-shipping-row-item .required-div {
        padding: 0
    }

    .estimate-shipping-row-item.shipping-header-item {
        padding: 12px 0;
        border-bottom: 1px solid #f2f2f2;
        align-self: flex-end
    }

    .estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item {
        padding-left: 15px
    }

    .estimate-shipping-row-item + .estimate-shipping-row-item {
        padding-left: 10px
    }

.estimate-shipping-row-item-radio {
    flex: 0 0 25px
}

.product-review-list .product-review-item .title-avatar, .ship-to-title {
    margin-bottom: 10px
}

.choose-shipping-title {
    margin-top: 20px
}

.estimate-shipping-address-control {
    width: 100%;
    height: 36px !important
}

#backTop, .estimate-shipping-radio + label {
    display: none
}

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

.apply-shipping-button {
    border: 0;
    padding: 8px 25px;
    background-color: #4ab2f1;
    color: #fff
}

.apply-shipping-button-container .apply-shipping-button {
    display: initial
}

.apply-shipping-button-container {
    margin-top: 15px;
    text-align: center
}

.shipping-options-header {
    top: 0;
    z-index: 1;
    position: sticky;
    background-color: #fff
}

.shipping-options {
    position: relative;
    z-index: 1;
    overflow: hidden;
    overflow-y: auto;
    max-height: 200px;
    background: #fff no-repeat;
    background-image: -webkit-radial-gradient(50% 0,farthest-side,rgba(0,0,0,.1),transparent),-webkit-radial-gradient(50% 100%,farthest-side,#f2f2f2,transparent);
    background-image: -moz-radial-gradient(50% 0,farthest-side,rgba(0,0,0,.1),transparent),-moz-radial-gradient(50% 100%,farthest-side,#f2f2f2,transparent);
    background-image: radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.1),transparent),radial-gradient(farthest-side at 50% 100%,#f2f2f2,transparent);
    background-position: 0 0,0 100%;
    background-size: 100% 7px
}

    .shipping-options:after, .shipping-options:before {
        content: "";
        position: relative;
        z-index: -1;
        display: block;
        height: 30px;
        margin: 0 0 -30px;
        background: -webkit-linear-gradient(top,#fff,#fff 30%,rgba(255,255,255,0));
        background: -moz-linear-gradient(top,#fff,#fff 30%,rgba(255,255,255,0));
        background: linear-gradient(to bottom,#fff,#fff 30%,rgba(255,255,255,0))
    }

    .shipping-options:after {
        margin: -30px 0 0;
        background: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff 70%,#fff);
        background: -moz-linear-gradient(top,rgba(255,255,255,0),#fff 70%,#fff);
        background: linear-gradient(to bottom,rgba(255,255,255,0),#fff 70%,#fff)
    }

.no-shipping-options {
    text-align: center;
    margin: 4% 0
}

.estimate-shipping-popup .message-failure {
    margin: 5px 0 -5px;
    font-size: 12px;
    color: #e4434b
}

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
}

.navbar-search .search-query {
    line-height: 20px
}

.eq-ie8 .home-category-slider .owl-next, .eq-ie8 .home-category-slider .owl-prev {
    top: -70px
}

.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 .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 .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, .lt-ie10 select {
    border: 1px solid #ddd
}

.eq-ie8 .footer {
    border-top: 1px solid #ededed
}

.eq-ie8 .forum-edit-page .form-group LABEL {
    padding-top: 0
}

.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-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
}

.lt-ie10 select {
    background: #fff !important
}

.lt-ie10 .footer-upper .column ul li a:focus, .lt-ie10 .footer-upper .column ul li a:hover {
    margin-left: 0
}

.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: 15px;
    margin-top: 4px
}

.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
}

.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 {
    width: auto
}

.lt-ie11 .order-summary-content .terms-of-service > INPUT {
    margin-top: 5px
}

.eq-ie11 .forum-search-box .search-box-text, .lt-ie11 .forum-search-box .search-box-text {
    width: 100%
}

.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
}

.lt-ie11 .header-selectors-wrapper select {
    background: #303133 !important
}

.eq-ie11 .header-selectors-wrapper SELECT {
    padding-right: 0 !important
}

.eq-ie11 .customer-info-page .radio-inline input[type=radio], .eq-ie11 .registration-page .radio-inline input[type=radio] {
    margin-top: 4px
}

.forum-search-box .btn.search-box-button, doesnotexist:-o-prefocus {
    padding: 15px 19px
}

.forum-search-box .basic .form-group {
    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
    }
}

.mini-shopping-cart .buttons {
    text-align: center !important
}

.mini-shopping-cart input {
    margin: 5px !important;
    width: 80% !important
}

.qty-dropdown, .qty-mobile-dropdown {
    width: 70%;
    padding: 5px;
    border-radius: 5px
}

.qty-mobile-dropdown {
    width: 100%
}