@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

@font-face {
    font-family: 'vanguard_cf_boldbold';
    src: url('/css/fonts/vanguardcf-bold-webfont.woff2') format('woff2'),
        url('/css/fonts/vanguardcf-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vanguard_cf_regularregular';
    src: url('/css/fonts/vanguardcf-regular-webfont.woff2') format('woff2'),
        url('/css/fonts/vanguardcf-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    height: 100%;
}

body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #414042;
    font-size: 14px;
    background-color: #fff;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    line-height: 1.6;
    overflow-x: hidden !important;
}

#wrapper {
    min-height: 800px;
    padding: 0 0 50px;
}

@media (min-width: 992px) {

    .admin .container,
    .container,
    .homepage .primary-header .container,
    .homepage .top-bar .container,
    .caption-div>div {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

.admin .container,
.container,
.caption-div>div {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1400px;
}

.homepage .container {
    max-width: none;
    padding: 0 !important;
    overflow: hidden;
}

.homepage footer .container,
.homepage .primary-header .container {
    max-width: 1400px;
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
}

p {
    line-height: 24px;
    margin: 0 0 22px;
}

a {
    color: #e64c38;
    text-decoration: none !important;
}

a:hover,
a:focus {
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    color: #0080a2;
}

.control-label,
.logintable span,
#MPMain_pnlSpecialInstructions .label1,
.cart_stdords .label1,
#MPMain_pnlResetPassword1 #MPMain_lblUserID {
    font-weight: 600;
    font-size: 16px;
    margin: 5px 0 7px;
    line-height: 18px;
    display: block;
}

#MPMain_pnlSpecialInstructions .label1,
.cart_stdords .label1 {
    display: inline;
}

.required,
.mandatory {
    padding: 0 0 0 4px;
    position: relative;
    top: -1px;
    color: #e02b27;
    font-size: 14px;
}

.form-control,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="phone"],
select,
textarea {
    display: block;
    width: 100%;
    line-height: normal;
    border: solid 1px #c2c2c2;
    color: #000;
    font-size: 14px;
    padding: 0 12px;
    height: 40px;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

select {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding-right: 30px;
}

textarea.form-control,
textarea {
    resize: none;
    height: 160px;
    padding: 10px;
}

.form-control::-moz-placeholder {
    color: #bfbdbd;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #bfbdbd;
}

.form-control::-webkit-input-placeholder {
    color: #bfbdbd;
}

.btn,
.btn_so,
.checkout-btn,
input[type="submit"] {
    color: #fff !important;
    padding: 0 20px;
    height: 40px;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border: 0 none;
    background-color: #8f8f8f;
}

.btnA_2,
.btnA_1 {
    background-color: #000;
    color: #fff !important;
}

a.btn {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    text-decoration: none !important;
}

.btn.btn-block,
.checkout-btn {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 15px;
    font-size: 16px;
}

a.btn.btn-block,
a.checkout-btn {
    line-height: 44px;
}

.btn-primary {
    background-color: #8f8f8f;
}

.btn-secondry {
    background-color: rgba(1, 118, 63, 0.08) !important;
    color: #01763f !important;
}

.narrow-row {
    margin-left: -10px;
    margin-right: -10px;
}

.narrow-row>div[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.top-bar {
    height: 40px;
    background-color: #414042;
    padding: 0 20px;
}

.top-bar p {
    font-size: 11px;
    color: #fff;
    text-align: right;
    line-height: 40px;
    margin: 0;
}

.primary-header {
    padding: 24px 0;
    background-color: #000;
}

.navbar-brand {
    height: auto;
    padding: 0;
}

.navbar-brand img {
    width: 200px;
    height: auto;
}

.header-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-nav>li:not(:last-child) {
    margin: 0 15px 0 0;
}

.header-nav>li>a {
    font-weight: 600;
    color: #353535;
    font-size: 12px;
    display: block;
    position: relative;
}

.header-nav>li a.admin-link,
.header-nav>li .search-link,
.header-nav>li a.account-link,
.header-nav>li a.favorite-link,
.header-nav>li a.cart-link {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px auto;
    width: 24px;
    height: 24px;
}

.header-nav>li .search-link {
    text-indent: -9999px;
    width: 24px;
    padding: 0;
    border: 0 none;
    background-color: transparent;
    background-image: url(/images2/search-nav.svg);
}

.header-nav>li a.account-link,
.header-nav>li a.admin-link {
    background-image: url(/images2/account-nav.svg);
}

.header-nav>li a.admin-link:after {
    content: '';
    position: absolute;
    right: -5px;
    top: -4px;
    background-image: url(/images2/lock-icon.svg);
    background-size: 12px auto;
    width: 12px;
    height: 12px;
}

.header-nav>li a.favorite-link {
    background-image: url(/images2/favourites-nav.svg);
}

.header-nav>li a.cart-link {
    text-indent: unset;
    background-image: url(/images2/cart-nav.svg);
    background-position: left;
    padding: 0 0 0 26px;
    width: auto;
}

.header-nav>li a.login-btn {
    font-weight: 500;
    color: #fff;
    line-height: 32px;
    height: 32px;
    padding: 0 20px;
    border-radius: 10px;
    background-color: #8f8f8f;
}

.header-nav>li.dropdown .badge {
    font-weight: 500;
    font-size: 10px;
    color: #fff;
    text-align: center;
    background-color: #e64b38;
    height: 22px;
    line-height: 22px;
    border-radius: 2px;
    min-width: 18px;
    overflow: hidden;
    padding: 0 5px;
    vertical-align: middle;
    margin: -2px 0 0 10px;
}

.cart-popup.dropdown-menu {
    top: 37px !important;
    left: auto !important;
    right: 0;
    width: 390px;
    background: #fff;
    border: 1px solid #bbb;
    z-index: 1025;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    padding: 0;
    margin: 0;
    transform: none !important;
}

.cart-popup.dropdown-menu a {
    padding: 0 !important;
    display: inline;
}

.cart-popup.dropdown-menu a:hover {
    color: inherit;
    background-color: transparent !important
}

.cart-popup:before,
.cart-popup:after {
    border-bottom-style: solid;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.cart-popup:before {
    border: 6px solid;
    border-color: transparent transparent #fff transparent;
    z-index: 99;
    top: -12px;
    right: 26px;
}

.cart-popup:after {
    border: 7px solid;
    border-color: transparent transparent #bbb transparent;
    z-index: 98;
    top: -14px;
    right: 25px;
}

.minicart-items-wrapper {
    padding: 15px 20px 0;
    margin: 15px -20px 0;
    border-top: 1px solid #ccc;
    max-height: 388px;
    overflow: auto;
    overflow-x: hidden;
}

#minicart-content {
    padding: 25px 20px 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.close-cart {
    position: absolute;
    top: 8px;
    right: 13px;
    opacity: 0.7;
}

.close-cart img {
    width: 12px;
    height: auto;
}

.empty-card {
    padding: 10px 0 35px;
    text-align: center;
    font-weight: 700;
}

.minicart-summary {
    display: flex;
    justify-content: space-between;
    padding: 12px 0 18px;
}

.minicart-summary h6 {
    font-weight: 700;
    margin: 0;
}

.cart-popup.dropdown-menu .cart-btns-wrap a.btn {
    flex: 1;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin: 0 6px 0 0;
    background-color: #009fdf !important;
}

.cart-popup.dropdown-menu .cart-btns-wrap a.checkout-btn {
    background-color: #e64b38 !important;
    margin: 0 0 0 6px !important;
}

.minicart-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.minicart-items>li {
    border: 0 none !important;
    border-top: 1px solid #ccc !important;
    position: relative;
    padding: 20px 0 !important;
}

.minicart-items>li:first-child {
    border-top: 0 none !important;
    padding-top: 0 !important;
}

.cart-item-actions {
    position: absolute;
    right: 0;
    bottom: 17px;
}

.cart-item-actions a {
    color: #e64c38 !important;
    margin: 0 0 0 15px;
}

.product-miniview {
    display: flex;
}

.product-image-wrapper img {
    width: 78px;
    height: auto;
}

.product-item-details {
    flex: 1;
    padding: 0 0 0 15px;
    max-width: calc(100% - 78px);
}

.product-item-details strong {
    display: block;
    padding: 0 0 5px;
    text-align: center;
    font-weight: 400;
}

.product-item-details strong a {
    color: #e64c38 !important;
}

.product-item-details strong a:hover {
    color: #0080a2 !important;
}

.toggle {
    cursor: pointer;
}

.options-list {
    list-style: none;
    padding: 5px 0;
    margin: 0;
    font-size: 13px;
    display: none;
}

.product.options.show .options-list {
    display: block;
}

.options-list li {
    padding: 0 0 5px;
    border: 0 none !important;
}

.options-list .label {
    font-weight: 700;
}

.options-list li .price {
    font-size: 13px;
}

.details-qty label {
    margin: 0 10px 0 0;
}

.details-qty .qty-wrap {
    margin: 0;
    display: flex;
    align-items: center;
}

.details-qty .qty-btn {
    font-weight: 300;
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    background-color: transparent !important;
    color: #333 !important;
    border: 0 none;
    outline: none !important;
}

.details-qty .c_qty {
    width: 50px;
    height: 32px;
    line-height: 30px;
    border: solid 1px #c2c2c2;
    text-align: center;
}

.search-wrapper {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: 400ms ease-in-out;
    position: relative;
}

.search-wrapper.active {
    width: 200px;
}

.global-search .form-control {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    background-color: transparent;
    color: #8f8f8f;
    border: 0 none;
    border-bottom: 1px solid #8f8f8f;
    height: 24px;
    margin-left: 32px;
}

.global-search .search-btn {
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    border: 0 none;
    position: absolute;
    right: 5px;
    top: 4px;
    background: url(/images2/search-btn.png) no-repeat scroll center;
}

.site-header {
    position: relative;
}

.navbar {
    padding: 0;
}

.navbar .pencil {
    width: 100%;
}

/*.navbar:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 5;
    height: 560px;
    background-color: #000;
    display: none;
}

.navbar:hover {
    background-color: #000;
}

.navbar:hover:after {
    display: block;
}

.navbar:hover .dropdown-menu {
    display: block;
}*/

.navbar-nav {
    width: 100%;
    justify-content: center;
    position: relative;
}

/*.navbar-nav:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 5;
    height: 560px;
    background-color: #000;
    display: none;
}

.navbar:hover:after {
    display: block;
}*/

/*.navbar-nav:hover {
    background-color: #000;
}*/

.nav-item:hover .dropdown-menu {
    display: block;
}

.nav-link {
    padding: 0 30px;
    color: #000;
    font-size: 17px;
    font-weight: 400;
    height: 60px;
    line-height: 60px;
}

.nav-item:hover .nav-link {
    /*font-weight: 600;*/
    background-color: #000;
    color: #fff;
    text-shadow: 0.5px 0 0 currentColor;
}

.navbar-nav>li:hover .nav-link,
.navbar-nav>li.show .nav-link {
    background-color: #000;
    color: #fff;
}

.homepage.is-admin-user .navbar:not(:hover) .nav-link,
.homepage.is-design-user .navbar:not(:hover) .nav-link {
    color: #000;
}

.homepage:not(.is-admin-user):not(.is-design-user) .navbar {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 99;
    background-color: transparent;
}

/*.homepage .navbar:hover,
.homepage:not(.is-admin-user):not(.is-design-user) .navbar:hover {
    background-color: #000;
}*/

@media (min-width: 992px) {
    .navbar-nav .nav-item:not(:last-child) {
        margin: 0;
    }

    .navbar-nav .nav-item:hover .dropdown-menu li a {
        color: #fff;
    }

    .navbar-nav .nav-item:hover .dropdown-menu li a:hover {
        font-weight: 600;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1299px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 16px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.dropdown-menu {
    border: 0 none;
    width: 300px;
    margin: 0;
    padding: 10px 30px 15px;
    border-radius: 0;
    background-color: #000;
    /*max-height: 450px;
    overflow: auto;*/
}

.dropdown-menu li {
    padding: 0;
    background-color: transparent !important;
}

.dropdown-menu li:last-child {
    border: 0 none;
}

.dropdown-menu li a {
    color: #5d605c;
    font-size: 13px;
    padding: 2px 0;
    background-color: transparent !important;
    text-decoration: none !important;
}

.dropdown-menu li a:hover {
    color: #fff;
    background-color: transparent !important;
}

.accounts-dropdown {
    margin: 5px 0 0;
}

.accounts-dropdown .fa {
    display: none;
}

.accounts-dropdown li a {
    font-size: 12px;
}

.navbar-toggler {
    display: none;
}

.mobile-menu-header {
    display: none;
}

.mobile-search {
    display: none !important;
}

@media (max-width: 991px) {
    .primary-header {
        padding: 15px 0;
    }

    .homepage .primary-header,
    .mobile-search {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar-brand img {
        width: 140px;
    }

    .navbar-brand-wrap {
        display: flex;
        align-items: center;
    }

    .header-nav>li.dropdown .badge {
        display: none;
    }

    .mobile-search {
        display: block !important;
    }

    .homepage .mobile-search {
        padding: 0;
    }

    .search-wrapper {
        width: 100%;
        margin: 15px 0 0;
    }

    .search-wrapper .search-link {
        text-indent: -9999px;
        width: 24px;
        padding: 0;
        border: 0 none;
        background-color: transparent;
        background: url(/images2/search-nav.svg) no-repeat scroll center;
    }

    .global-search .form-control {
        position: static;
        margin: 0 10px 0 0;
    }

    .navbar-toggler {
        display: block;
        padding: 0;
        margin: 0 15px 0 0;
        border: 0 none;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        outline: none !important;
    }

    .navbar-collapse {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        background: #000;
        width: 100%;
        z-index: 99;
        height: 100% !important;
    }

    .navbar-nav .nav-link {
        color: #fff;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding: 12px 15px;
        line-height: normal;
        height: auto;
    }

    .mobile-menu-header {
        padding: 15px 15px 0;
        display: block;
        height: 58px;
    }

    .mobile-menu-header h3 {
        color: rgba(255, 255, 255, 1);
        font-size: 24px;
        margin: 0 0 15px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .close-btn {
        position: absolute;
        right: 15px;
        top: 14px;
        display: block;
        width: 20px;
        height: 20px;
        opacity: 0.3;
    }

    .navbar-nav .dropdown-menu {
        box-shadow: none;
        border: 0 none;
        padding: 5px 20px 20px;
        width: 100%;
    }

    .dropdown-menu li {
        border-bottom: 0 none;
    }

    .dropdown-menu li a {
        padding: 5px 28px;
        position: relative;
    }

    .navbar-nav .dropdown .nav-link {
        position: relative
    }

    .navbar-nav .dropdown-menu li a:before,
    .navbar-nav .dropdown .nav-link:after {
        content: "\f105";
        position: absolute;
        left: 10px;
        top: 9px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }

    .navbar-nav .dropdown .nav-link:after {
        content: "\f107";
        left: auto;
        right: 18px;
        top: 16px;
        font-size: 16px;
    }

    .navbar-nav {
        height: calc(100% - 115px);
        overflow: auto;
        justify-content: flex-start;
    }

    .header-icons {
        position: static !important;
        margin: 20px 0 0;
    }

    .top-bar p {
        text-align: center;
    }
}

#mc-embedded-subscribe-form .indicates-required,
#mc-embedded-subscribe-form label {
    color: #414042 !important;
}

.hero-banner .container-fluid {
    padding: 0;
}

.banner-img img:not(.pencil_img) {
    display: block;
    width: 100%;
}

.mc-field-group {
    position: relative;
}

#mce-EMAIL {
    height: 40px !important;
}

#mc-embedded-subscribe {
    text-indent: -9999px;
    background: url(/images2/long-arrow.svg) no-repeat scroll center !important;
    width: 24px;
    height: 40px !important;
    opacity: 0.6;
    padding: 0 10px !important;
    position: absolute;
    right: 12px;
    top: 0;
    margin: 0 !important;
}

#dtplugin .catalogues-wrap .catalogue-wrap.d-flex>.catalogue-desc h3 {
    font-size: 18px;
    margin: 0 0 16px;
}

#dtplugin .catalogues-wrap .catalogue-wrap.d-flex>.catalogue-desc p:not(:last-child) {
    display: none !important;
}

#dtplugin .catalogues-wrap .btn {
    background-color: #8f8f8f;
    border-radius: 8px;
}

.coming-soon {
    max-width: 500px;
    margin: 100px auto 0;
}

.coming-soon h3 {
    color: #e64b38;
    text-align: center;
    margin: 0 0 20px;
}

.coming-soon p {
    font-size: 18px;
    text-align: center;
    margin: 0 0 20px;
}

.coming-soon .form-group {
    max-width: 400px;
    margin: auto;
    position: relative;
}

.coming-soon .btn {
    text-indent: -9999px;
    background: url(/images2/long-arrow.svg) no-repeat scroll center !important;
    width: 24px;
    height: 40px !important;
    opacity: 0.6;
    padding: 0 10px !important;
    position: absolute;
    right: 12px;
    top: 0;
    margin: 0 !important;
}

.account-tile h4 {
    font-size: 18px;
}

footer .hero-banner {
    margin: 0;
}

footer {
    background-color: #e5e8ea;
}

footer h4 {
    font-weight: 500;
    font-size: 16px;
    color: #414042;
    margin: 0 0 15px;
    padding: 50px 0 0;
}

.footer-nav {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

.footer-nav li {
    margin: 0 0 10px;
    line-height: 18px;
}

.footer-nav li a {
    font-size: 13px;
    color: #414042;
}

.flex-nav {
    column-count: 2;
    column-gap: 20px;
}

.footer-newsletter {
    position: relative;
}

.footer-newsletter .form-control {
    border-radius: 20px;
    padding: 0 40px 0 10px;
    display: block !important;
    width: 100% !important;
}

.footer-newsletter button {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -11px;
    background: 0 none;
    border: 0 none;
    padding: 0;
}

.copy-info {
    background-color: #58595b;
    max-width: none !important;
    text-align: center;
    padding: 15px 0;
    font-size: 12px;
    line-height: normal;
    color: #fff;
    margin: 50px 0 0;
}

.copy-info a {
    color: rgba(255, 255, 255, 1);
}

.copy-info a:hover {
    text-decoration: underline;
}

.pg-brandingoptions .caption-div .caption,
.pg-resources .caption-div .caption,
.pg-collections .caption-div .caption,
.pg-brandingtemplates .caption-div .caption {
    text-align: center;
}

.pg-brandingoptions .text-wrap,
.pg-resources .text-wrap,
.pg-collections .text-wrap,
.pg-brandingtemplates .text-wrap {
    max-width: 1100px;
    margin: 0 auto;
}

.pg-brandingoptions .text-wrap p,
.pg-resources .text-wrap p,
.pg-collections .text-wrap p,
.pg-brandingtemplates .text-wrap p {
    font-size: 20px;
    line-height: 150%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.pg-brandingoptions .text-wrap p:last-of-type,
.pg-resources .text-wrap p:last-of-type,
.pg-collections .text-wrap p:last-of-type,
.pg-brandingtemplates .text-wrap p:last-of-type {
    margin-bottom: 60px;
}

.pg-brandingoptions .item,
.pg-resources .item,
.pg-collections .item {
    max-width: 220px;
    margin: 0 auto 60px;
}

.pg-brandingoptions .item img,
.pg-resources .item img,
.pg-collections .item img {
    display: block;
    width: 100%;
}

/* -------------------------------------------------------- */
.table th,
.table td {
    padding: 10px;
}

.table-sm th,
.table-sm td,
.stock-details th,
.stock-details td {
    padding: 5px;
    font-size: 12px;
}

.stock-details td {
    vertical-align: top;
}

.cart-table th,
.cart-table td {
    padding: 20px 10px;
}

.cart-table th,
.table-sm th,
.stock-details th {
    border: 0 none;
    padding-top: 0;
    padding-bottom: 15px;
}

.stock-details th {
    padding-bottom: 5px;
}

.table-wrapper {
    border: 1px solid #dee2e6;
    padding: 10px 10px 5px;
    margin: 0 0 20px;
}

.table-wrapper .table {
    margin: 0;
}

.table-wrapper .table td,
.table-wrapper .table th {
    vertical-align: middle;
}

.table-wrapper .table th {
    padding: 5px;
}

.table-wrapper .table .qty-control {
    font-size: 12px;
    height: 28px;
}

.table-wrapper .table select.qty-control {
    width: 60px;
}

.table-wrapper .table-sm th,
.table-wrapper .table-sm td {
    padding: 2px 5px;
}

.caption-div>div {
    margin: 0 auto;
}

.home-collections {
    padding: 0 50px;
}

.home-collections,
.new-collections,
.hero-banner {
    margin: 0 0 50px;
    background-color: #fff;
}

.home-collections h2,
.new-collections h2,
.bestsellers-collections h2 {
    font-size: 28px;
    margin: 0 30px 20px;
}

.home-collections h2 {
    margin-left: -20px;
}

.owl-item span,
.pg-brandingoptions .item span,
.pg-resources .item span,
.pg-collections .item span {
    font-weight: 400;
    font-size: 16px;
    color: #000;
    text-align: center;
    padding: 20px 0 0;
    display: block;
}

.owl-prev,
.owl-next {
    text-indent: -9999px;
    background: url(/images2/chevron-left.svg) no-repeat scroll center !important;
    background-size: 100% auto;
    opacity: 0.3;
    width: 28px;
    height: 28px;
    margin: 0 !important;
    border: 0 none;
    position: absolute;
    left: -38px;
    top: calc(50% - 18px);
    transform: translateY(-50%);
}

.owl-next {
    background-image: url(/images2/chevron-right.svg) !important;
    left: auto;
    right: -38px;
}

.owl-dots {
    display: none !important;
}

.owl-theme .owl-nav {
    margin: 0;
}

.owl-theme {
    margin: 0 0 50px;
}

@media screen and (max-width: 575px) {
    .owl-item .item {
        max-width: 172px;
        margin: 0 auto;
    }

    .owl-prev {
        left: -10px;
    }

    .owl-next {
        right: -10px;
    }
}

.new-collections .btn,
.bestsellers-collections .btn {
    font-weight: 400;
    font-size: 20px;
    color: #fff !important;
    padding: 0 30px;
    line-height: 46px;
    height: 46px;
    background-color: #414042 !important;
}

.new-collection-prod {
    position: relative;
    margin: 0 0 30px;
}

.new-collection-prod h3 {
    font-weight: 400;
    font-size: 20px;
    color: #414042;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 5;
}

.homepage section.block header {
    background-color: transparent;
    color: #414042;
    font-size: 28px;
    font-weight: 500;
    padding: 0 0 30px;
}

.homepage .block-content {
    padding: 0;
}

.homepage .product-list-item {
    background: 0 none;
    border-radius: 0;
    box-shadow: none;
    border: 0 none !important;
}

.homepage .product-list-item .desc a {
    font-weight: 500;
    font-size: 16px;
    color: #000;
    text-align: center;
}

/*.product-wrapper {
    background: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.7);
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 0 0 30px;
}

.product-wrapper a {
    display: block;
    text-decoration: none !important;
}

.product-img-wrap {
    display: block;
    overflow: hidden;
    padding: 0 0 100%;
    position: relative;
    background: #fff;
}

.product-img-wrap img {
    margin-top: 0;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    object-fit: cover;
}

.product-wrapper .product-name {
    padding: 10px 15px;
    text-align: center;
    color: #e94d31;
    height: 65px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
}*/

.other-contacts-wrapper {
    padding: 25px 0 0;
}

.contact-form textarea {
    display: block;
    height: 200px;
    width: 100%;
    border: 1px solid #ddd !important;
    border-left-width: 2px !important;
}

.other-contacts-wrapper hr {
    margin: 10px 0 20px;
    border: 0 none;
    border-top: #ccc 1px solid;
}

.other-contacts-info p {
    margin: 0;
    padding: 0 0 10px;
}

div.choose-account {
    display: none;
}

.catalogues-wrap {
    padding: 20px 0;
}

.catalogues-wrap .col-2 img {
    width: 100%;
    height: auto;
}

.catalogues-wrap hr {
    margin: 20px 0;
    border-top: 1px solid #ddd;
    height: 1px;
}

.catalogues-wrap h3 {
    font-size: 24px;
    margin: 5px 0 15px;
}

.catalogues-wrap p {
    margin: 0 0 25px;
}

a.btn-link {
    display: inline-block;
    border-radius: 5px;
    border: #E42526 2px solid;
    height: 42px;
    line-height: 38px;
    color: #E42526;
    padding: 0 25px;
}

a.btn-link:hover,
a.btn-link:focus {
    background-color: #E42526;
    color: #fff;
}

h2.caption {
    margin: 10px 0 20px;
}

.caption-div .caption {
    margin: 0 !important;
    padding: 30px 0 50px;
    font-size: 28px;
}

.prods-list-cats,
.breadcrumbs,
.product-list-grid-view .product-list-item .price-discount,
.product-list-item .product-code,
.product-list-item .code,
.product-list-item .stock-level,
.homepage .caption-div,
#catlist_2,
.filter-by-brand,
.productdetail .ProdsNav,
.filter-by-size,
.product-list-item .btn-qty-down,
.product-list-item .btn-qty-up,
.product-list-item .qty,
.product-list-item .add-fav,
.product-list-item .icons,
.product-list-item .price-etc,
.extrapage #MPMain_h2Main,
.productspage .taxnote,
.prods-nav,
.cart_stdords,
.product-bottom .nav-tabs,
.product-bottom .tab-content {
    display: none !important;
}

.prods-list .pager {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background-color: #e5e8ea;
    border-radius: 4px;
    padding: 10px 10px 0;
    margin: 0 0 20px;
}

.prods-list .pager .fa-2x {
    font-size: 24px;
    margin: 3px 0 0;
}

.prods-list .pager > * {
    margin: 0 0 10px;
}

.prods-list .pager .view a {
    color: #414042;
}

.prods-list .pager .view a:not(:last-child) {
    margin: 0 3px 0 0;
}

.prods-list .pager .view a.faded {
    color: #e64c38;
}

.prods-list .pager .sort {
    display: flex;
    align-items: center;
}

.prods-list .pager .sort select {
    height: 30px;
    background-color: #fff;
    margin: 0 0 0 10px;
}


section.block header {
    background-color: #8f8f8f;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 20px;
}

.prods-nav section.block header {
    border-radius: 8px 8px 0 0;
}

section.block header .fa {
    margin: 0 8px 0 0;
}

.prods-nav .block-content {
    padding: 0 0 15px;
    border: #ccc 1px solid;
    text-align: left;
    border-radius: 0 0 8px 8px;
}

.product-filter {
    padding: 13px 20px 0;
}

.product-filter h3 {
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 15px;
}

.product-filter ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-filter ul li .btn {
    margin: 5px 0 0;
}

.prods-list {
    display: block;
    margin: 0;
    text-align: left;
}

.product-list-grid-view,
.product-list-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.product-list-item {
    flex: 0 0 calc(25% - 30px);
    max-width: calc(25% - 30px);
    padding: 0;
    margin: 0 15px 30px !important;
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #ccc !important;
    overflow: hidden;
}

.product-list-list-view .product-list-item {
    text-align: left;
    display: flex;
    align-items: center;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 20px !important;
}

.product-list-list-view .product-list-item .img {
    width: 200px;
    height: 200px;
    padding: 20px;
}

.product-list-list-view .product-list-item .desc-etc h3 {
    font-size: 18px;
    margin: 0 0 10px;
}

.product-list-list-view .product-list-item .desc-etc {
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.product-list-item .img {
    width: 100%;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #fff;
    padding: 10px;
}

.product-list-item .img img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.homepage .product-list-item .desc-etc {
    padding: 10px;
}

.product-list-item .desc-etc {
    padding: 10px 10px 5px;
    text-align: center;
    min-height: 65px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
    font-weight: normal;
}

.product-list-item .desc-etc h3 {
    font-size: 14px;
    margin: 0;
}

.product-list-item .desc a {
    color: #e64c38;
    text-decoration: none;
}

.price-etc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
}

.price {
    font-weight: 500;
    font-size: 26px;
    margin: 0;
}

.price-etc a.btn {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.taxnote {
    margin: 10px 0 10px 0;
    color: #e94d31;
}

@media (max-width: 991px) {
    .product-list-item {
        flex: 0 0 calc(33.333% - 30px);
        max-width: calc(33.333% - 30px);
    }

    .product-list-item .img {
        height: 200px;
    }
}

@media (max-width: 767px) {
    .product-list-item {
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .product-list-item .img {
        height: 225px;
    }
}

@media (max-width: 420px) {
    .product-list-item .img {
        height: 150px;
    }
}

.product-list-table {
    width: 100%;
}

.product-list-table th,
.product-list-table td {
    padding: 10px;
}

.product-list-table th:first-child,
.product-list-table td:first-child {
    padding-left: 0;
}

.product-list-table th:last-child,
.product-list-table td:last-child {
    padding-right: 0;
}

.product-list-table tr td {
    border-bottom: 1px solid #ccc;
}

.product-list-compact td img {
    width: 50px;
    height: auto !important;
}

.product-list-table td.c_img,
.product-list-table td.c_fav {
    width: 60px;
}

.product-list-table td.c_code,
.product-list-table td.c_stock,
.product-list-table td.c_fav,
.product-list-table td.c_price,
.product-list-table td.c_unit,
.product-list-table td.c_addtoord {
    display: none;
}

.product-list-table td.c_fav .fa-2x {
    font-size: 18px;
}

.product-list-table td.c_addtoord {
    text-align: right;
}

.product-list-table td.c_addtoord .btn {
    font-size: 13px;
    padding: 0 12px;
    line-height: 28px;
    height: 28px;
}

.product-list-table td.c_addtoord .c_qty {
    font-size: 13px;
    height: 28px;
    width: 50px;
    display: inline;
    margin: 0 5px;
}

#divRegister,
.login_welcome,
.loginbox {
    text-align: left;
}

#divRegister section.block header {
    font-size: 20px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 20px;
    padding: 0 0 10px;
    font-weight: 700;
    color: #e94d31;
    background-color: transparent;
}

.logintable {
    width: 100%;
    max-width: 450px;
}

.logintable,
.logintable tbody,
.logintable tr,
.logintable td {
    display: block;
    text-align: left;
}

.login_links {
    text-align: left;
    padding: 30px 0 70px;
}

#MPMain_tbl_quickadd {
    margin: 0 0 30px;
}

#MPMain_tbl_quickadd .txtbox1 {
    width: 80px;
}

#MPMain_tbl_quickadd #MPMain_txtAddCode {
    width: 130px;
}

#MPMain_tbl_quickadd #MPMain_txtSpecial {
    width: 250px;
}

table.products {
    margin: 0 0 40px;
}

table.products td,
table.products th {
    padding: 10px;
}

table.products tr {
    border-bottom: solid 1px #c2c2c2;
}

table.products .txtbox1 {
    width: 50px;
    text-align: center !important;
}

#MPMain_pnlSpecialInstructions {
    margin: 0 30px 0 0;
}

.cart_stdords {
    display: flex;
    align-items: center;
    margin: 32px 0 23px;
}

.cart_stdords .txtbox1 {
    flex: 1;
    margin: 0 10px;
}

#MPMain_table_totals * {
    font-size: 16px !important;
    font-weight: 700;
    line-height: 32px;
}

@media (max-width: 767px) {
    .shoppingcart .c_Code,
    .shoppingcart .c_Unit,
    .shoppingcart .c_GST,
    .shoppingcart .c_PriceExGST,
    .shoppingcart .c_TotalExGST,
    .shoppingcart .c_unit,
    .shoppingcart .c_Note {
        display: none !important;
    }

    .c_unitprice {
        min-width: 105px;
    }

    #tblTotal,
    #tblTotal tr,
    #tblTotal td {
        display: block;
    }

    #MPMain_pnlSpecialInstructions {
        margin: 0;
    }

    .shoppingcart .btn,
    .shoppingcart .btn_so {
        padding: 0 15px;
    }

    .cart-popup.dropdown-menu {
        right: -10px;
        width: 300px;
    }

    .cart-popup:before {
        right: 14px;
    }

    .cart-popup:after {
        right: 13px;
    }

    .product-image-wrapper img {
        width: 50px;
    }

    .product-item-details {
        padding: 0 0 0 12px;
        max-width: calc(100% - 50px);
    }

    .minicart-items-wrapper {
        max-height: 280px;
    }

    .homepage footer .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .new-collection-prod {
        margin: 0;
    }

    .new-collections .btn,
    .bestsellers-collections .btn {
        margin: 30px 0 0;
    }
}

.nav-tabs {
    border-color: #ccc;
    margin: 0 0 20px;
}

.nav-tabs .nav-link {
    border: 0 none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #2b2b2b;
    font-weight: 500;
    padding: 5px 20px 7px;
    line-height: 20px;
    height: auto;
    font-size: 14px;
}

.nav-tabs .nav-link.active {
    border-color: #000;
    color: #2b2b2b;
}

.nav-tabs .nav-link:hover {
    background-color: transparent;
    color: #2b2b2b;
}

.product-detail-wrap h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px;
}

.product-detail-wrap p {
    margin: 0 0 15px;
}

.product-detail-wrap .fa-leaf {
    display: none !important;
}

.product-detail-wrap p.product-blurb {
    margin: 0 0 20px;
}

.product-detail-wrap h3 {
    font-size: 26px;
    margin: 15px 0 10px;
    font-weight: 500;
    color: #e94d31;
}

.product-detail-wrap .fav-icon {
    margin: 0 0 0 20px;
}

.product-detail-wrap .del-fav {
    color: #e94d31;
}

.product-detail-wrap .control-label {
    font-size: 14px;
}

.product-detail-wrap .form-group {
    padding: 10px 0 0;
    margin: 0 0 5px;
}

.qty-wrap {
    margin: 0 0 20px;
}

.qty-wrap input[type="number"] {
    height: 48px;
    text-align: center;
    width: 100px;
    margin: 0 10px 0 0;
}

.qty-wrap .btn {
    padding: 0 25px;
    height: 48px;
    font-size: 18px;
}

.price-table {
    max-width: 300px;
}

.product-actions-btns {
    margin: 30px 0 0;
}

.product-actions-btns a {
    color: #e94d31;
    text-align: center;
    margin: 0 15px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.product-actions-btns .fas,
.product-actions-btns .far {
    display: block;
    font-size: 24px;
    color: #e94d31;
    margin: 0 0 7px;
}

#stocklevels-tab .table-wrapper {
    border: 0 none;
    padding: 0;
}

.stock-details tr td:nth-last-child(-n+3) {
    width: 64px;
}

.stock-details tr td:first-child {
    width: 76px !important;
}

.stock-details tr td:last-child {
    width: 84px !important;
}

.form-group.d-flex {
    margin: 0 0 30px;
}

.form-group.d-flex .control-label {
    margin: 0 20px 0 0;
}

.add-to-ord {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.add-to-ord .qty {
    width: 52px;
    height: 52px;
    font-size: 16px;
}

.add-to-ord .btn-qty-down,
.add-to-ord .btn-qty-up {
    font-weight: 300;
    font-size: 32px;
    height: 52px;
    width: 52px;
    background-color: transparent !important;
    color: #333 !important;
}

.add-to-ord .btn-add-to-cart {
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    margin: 0 0 0 15px;
    padding: 0 30px;
}

.fotorama {
    overflow: visible;
}

.fotorama__stage {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ccc;
    margin: 0 0 15px;
    height: 500px !important;
}

.fotorama__stage__frame .fotorama__img {
  top: 0 !important;
  transform: none !important;
  position: static;
  margin-top: auto !important;
  max-width: 90% !important;
  max-height: 90% !important;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: auto !important;
  height: auto !important;
}

@media (max-width: 767px) {
  .fotorama__stage {
    height: 360px !important;
  }
}

.fotorama__stage__frame {
  display: flex;
}

.fotorama__stage:before,
.fotorama__stage:after {
    display: none;
}

.fotorama--fullscreen,
.fotorama--fullscreen .fotorama__stage,
.fotorama--fullscreen .fotorama__nav {
    background: #fff;
}

.fotorama__thumb-border {
    border-color: #e94d31;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
    background-image: url(/images2/fotorama.png);
}

.fotorama__nav {
    text-align: left;
}

.fotorama__fullscreen-icon {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 80px;
    cursor: pointer;
    z-index: 1020;
    background-position: -155px 0;
}

.fotorama-sprite,
.fotorama__arr .fotorama__arr__arr,
.fotorama__fullscreen-icon,
.fotorama__thumb--icon,
.fotorama__video-close,
.fotorama__video-play,
.fotorama__fullscreen .fotorama__zoom-in,
.fotorama__fullscreen .fotorama__zoom-out {
    background-image: url(/images2/gallery.png);
    background-repeat: no-repeat;
}

.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon {
    background-color: rgba(255, 255, 255, 0.3);
    transition: background-color 0.3s ease-in-out;
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
    display: inline-block;
    background-position: -80px 0;
}

.fotorama__fullscreen-icon {
    opacity: 1 !important;
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
    transform: none;
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
    bottom: auto;
    top: 0;
}

.fotorama__arr {
    background-image: url(/images2/gallery.png);
}

.fotorama__arr {
    width: 50px;
    height: 50px;
    margin-top: -25px;
}

.fotorama__arr--next {
    background-position: -173px -95px;
}

.fotorama__arr--prev {
    background-position: -97px -95px;
}

.productdetail .caption-div .caption {
    font-weight: 400;
    padding-left: calc(50% + 15px);
    position: relative;
    top: 30px;
}

.productdetail .caption-div {
    margin: 0 0 5px;
}

.productdetail .product-image {
    margin: -55px 0 0;
}

@media (max-width: 767px) {
    .productdetail .caption-div .caption {
        padding-left: 0;
    }

    .productdetail .product-image {
        margin: 30px 0;
    }

    .nav-tabs .nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }

    .productdetail .col-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .product-icons .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .stock-details tr td:first-child,
    .stock-details tr th:first-child {
        display: none !important;
    }

    table.stock-details td.c-desc {
        min-width: 1px;
    }

    .table-wrapper .table .qty-control {
        padding: 0;
        font-size: 12px;
    }
}

.ordertbl {
    width: 100%;
    margin: 0 0 35px;
}

.ordertbl th {
    border-bottom: solid 1px #c2c2c2
}

.ordertbl th,
.ordertbl td {
    padding: 10px;
    text-align: left;
}

.ordertbl th:last-child,
.ordertbl td:last-child {
    text-align: right;
    min-width: 110px;
}

.ordertbl .totlabel,
.ordertbl .total1,
.ordertbl .total {
    text-align: right;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border: 0 none;
    color: #333 !important;
}

.checkout .block-content {
    padding: 20px;
    border: #ccc 1px solid;
    margin: 0 0 30px;
}

.checkout .deliverydetailstable {
    width: 100%;
}

.checkout .deliverydetailstable td {
    padding: 5px 0;
    vertical-align: middle;
}

.checkout .deliverydetailstable .rowlabel {
    font-weight: 600;
    width: 120px;
}

#pnlDeliveryDetails p {
    margin: 0 0 5px;
    font-weight: 600;
}

#pnlDeliveryDropdown {
    margin: -33px 0 0 120px;
}

#pnlDeliveryDropdown select {
    width: 100% !important;
}

#divAttn {
    padding: 5px 0;
    display: flex;
    align-items: center;
}

#divAttn .rowlabel {
    width: 120px;
    font-weight: 600;
}

#divAttn input[type="text"] {
    flex: 1;
}

#pnlDeliveryAddress {
    margin: 0 !important;
}

.block-title {
    font-size: 20px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-weight: 700;
    color: #e94d31;
}

.login-container .form-control+.form-control {
    margin: 12px 0 0;
}

@media (max-width: 767px) {
    .login-container .btn.btn-block {
        margin: 0 0 40px;
    }
}

#MPMain_pnlResetPassword1 table {
    width: 100%;
    max-width: 500px;
}

#MPMain_pnlResetPassword1 table tr,
#MPMain_pnlResetPassword1 table tr td {
    display: block;
}

#MPMain_pnlResetPassword1 #MPMain_RequiredFieldValidator1 {
    display: block;
    padding: 5px 0 0;
    color: #e64b38;
}

.prods-nav .sf-menu {
    list-style: none;
    padding: 15px 20px 0;
    margin: 0 0 10px;
}

.prods-nav .sf-menu li {
    line-height: 20px;
    padding: 0 0 10px 15px;
    position: relative;
}

.prods-nav .sf-menu li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 3px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.prods-nav .sf-menu li:last-child {
    padding-bottom: 0;
}

#MPMain_gridStdOrds table,
#MPMain_pnlDateRange table {
    width: 100%;
}

#MPMain_pnlDateRange #MPMain_txtDateFrom,
#MPMain_pnlDateRange #MPMain_txtDateTo,
#MPMain_pnlSearch input[type="text"] {
    display: inline;
    width: 125px;
}

#MPMain_pnlSearch input[type="text"] {
    width: 214px;
    vertical-align: middle;
}

#MPMain_pnlSearch #MPMain_txtDateFrom,
#MPMain_pnlSearch #MPMain_txtDateTo {
    width: 125px;
}

#MPMain_pnlSearch table {
    margin: 0 0 30px;
}

#MPMain_pnlSearch table td,
#MPMain_pnlEditDetails table td {
    padding: 5px;
}

.resp-tabs-list li.resp-tab-active {
    color: #e64b38;
}

.sub-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px;
}

/*@media (min-width: 992px) {
    .site-header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 102;
    }

    #wrapper {
        padding-top: 173px;
    }

    .pencil-designer-icon {
        position: relative;
        z-index: 103;
    }

    .admin .site-header {
        position: static;
    }

    .admin .primary-header {
        height: auto;
    }

    .admin #wrapper {
        padding-top: 0;
    }
}*/

/********************************************************** Admin Styling *************************************************************/
table.adminblocks tr td:not(:first-child) {
    padding-left: 15px;
}

.adminblocks ul {
    list-style: none;
    padding: 15px 15px 0;
    margin: 0 0 15px;
    border: #ccc 1px solid;
    min-height: 180px;
}

.adminblocks ul li {
    line-height: 20px;
    padding: 0 0 5px 15px;
    position: relative;
}

.adminblocks ul li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 3px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.adminblocks ul li:last-child {
    padding-bottom: 0;
}

.admin input[type="text"],
.admin input[type="password"],
.admin select {
    display: inline;
    width: inherit;
    vertical-align: middle;
}

.admin select {
    min-width: 140px;
    background-color: #fff;
}

.admin #MPMain_txtSearchUsers {
    width: 300px;
}

#Table1 td {
    vertical-align: top;
}

.grdadmin {
    width: 100%;
}

.admin .ordertbl {
    margin: 15px 0 0;
}

.admin .table-orderstats {
    width: 100%;
}

.grdadmin_th,
.admin .products_th,
.grdadmin2 th,
#divMainGrid_DelivAdd .table-simple th,
.admin .ordertbl th,
.admin .table-orderstats .th1 {
    background-color: #333;
    color: #fff;
}

.grdadmin_th a,
.admin .products_th a,
#divMainGrid_DelivAdd .table-simple th a {
    color: #fff;
    position: relative;
    padding: 0 12px 0 0;
}

.grdadmin_th a:after,
.admin .products_th a:after,
#divMainGrid_DelivAdd .table-simple th a:after {
    content: "\f0dc";
    position: absolute;
    right: 0;
    top: 2pt;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
}

.grdadmin td,
.grdadmin2 td,
.grdadmin2 th,
#divMainGrid_DelivAdd .table-simple td,
#divMainGrid_DelivAdd .table-simple th,
.admin .table-orderstats td,
.admin .table-orderstats th {
    font-size: 12px;
    border-bottom: #ccc 1px solid;
    padding: 10px 5px;
    text-align: left;
}

.gridPaging td {
    padding: 10px 0;
}

.admin h1 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px;
}

.admin #MPMain_cboFavsFilter {
    display: block;
    width: 250px;
    margin: 30px 0 12px;
}

.admin #MPMain_pnlImportExportFits hr,
.admin #MPMain_pnlInkAndToner,
.admin #MPMain_pnlSEO hr {
    display: none;
}

.admin #MPMain_pnlImportExportFits h3,
.admin #MPMain_pnlInkAndToner h3,
.admin #MPMain_pnlDSProds2 h3,
.admin #MPMain_pnlSEO h3,
.admin #MPMain_pnlCategInfo h2,
.admin #MPMain_pnlEmailContent h3,
.admin #MPMain_pnlEntry h2,
.admin #MPMain_pnlNewSet h2 {
    font-size: 18px;
    margin: 0 0 20px;
    font-weight: 700;
}

.admin #MPMain_pnlCategInfo h2,
.admin #MPMain_pnlEntry h2,
.admin #MPMain_pnlNewSet h2 {
    font-size: 22px;
}

.admin #MPMain_pnlEntry {
    padding: 20px !important;
    border-radius: 0 !important;
}

#MPMain_pnlReport_Gen td,
#MPMain_tr_changestatus td,
#MPMain_tr_changedeliveryfee td,
#MPMain_pnlNewSet td {
    vertical-align: middle;
}

#MPMain_pnlReport_Gen input[type="text"],
#MPMain_pnlReport_Gen select,
#MPMain_tr_changestatus input[type="text"],
#MPMain_tr_changestatus select,
#MPMain_tr_changedeliveryfee input[type="text"],
#MPMain_tr_changedeliveryfee select {
    width: 250px;
    margin: 5px;
}

#MPMain_tr_changestatus input[type="text"],
#MPMain_tr_changestatus select,
#MPMain_tr_changedeliveryfee input[type="text"],
#MPMain_tr_changedeliveryfee select {
    width: 120px;
}

#MPMain_pnlNewSet input[type="text"] {
    margin: 5px;
}

.dt-tabContainer ul.dt-tabHeaders {
    overflow: visible;
    border: 0 none;
    position: static;
    height: 46px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.dt-tabContainer ul.dt-tabHeaders>li {
    float: none;
    list-style: none;
}

.dt-tabContainer ul.dt-tabHeaders>li>a {
    display: block;
    height: 46px;
    line-height: 46px;
    border-radius: 0;
    padding: 0 20px;
    font-weight: 600;
    background-color: #fff;
    margin: 0;
    border: 0 none;
    border-top: #fff 1px solid;
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    cursor: pointer;
}

.dt-tabContainer ul.dt-tabHeaders li a:hover {
    background: #ccc;
    border-top-color: #ccc;
}

.dt-tabContainer ul.dt-tabHeaders>li>a.active {
    color: #e64b38;
    height: 47px;
    background-color: #fff;
    border-color: #ccc;
}

.dt-tabDetails {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 20px;
    margin: 0 0 20px;
    min-height: 300px;
}

.admin .form-table td,
.admin .form-table th,
.admin .table-prod-edit td,
.admin .table-prod-edit th,
.admin #MPMain_pnlEntry table td,
.admin #MPMain_pnlEntry table th,
.admin #divProdSearchList table td,
.admin #divProdSearchList table th,
.admin #MPMain_pnlShowHideDef table td,
.admin #MPMain_pnlShowHideDef table th {
    padding: 5px;
}

.admin #MPMain_txtUserID2 {
    margin: 0 0 8px;
}

#divMainGrid_DelivAdd .table-simple {
    width: 100%;
    margin: 0 0 20px;
}

#MPMain_pnlNewUser,
#MPMain_pnlShowHideDef {
    width: 100% !important;
    padding: 20px !important;
    margin: 0 0 20px;
}

#MPMain_pnlNewUser p {
    font-size: 22px;
    margin: 0 0 15px;
}

#MPMain_pnlNewSet table td p {
    margin: 0;
}

#divProdSearchList {
    margin: 15px 0 0;
}

#divProdSearchList tr td {
    border-bottom: #ccc 1px solid;
}

#divProdSearchList tr:hover {
    background: #f3f3f3;
    cursor: pointer;
}

/******************************************************************** For Modal ****************************************************************************/
#simplemodal-container {
    border: 2px solid #444;
    padding: 0;
}

#simplemodal-container .simplemodal-data {
    padding: 20px;
}

.simplemodal-data h2 {
    color: #e64b38;
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 10px;
    border-bottom: #ccc 1px solid;
    margin: 0 0 20px;
}

#simplemodal-container #tableEditBox {
    width: 100%;
}

#simplemodal-container #tableEditBox td {
    padding: 5px 0;
}

#simplemodal-container #tableEditBox select,
#simplemodal-container #tableEditBox input[type="text"] {
    display: block;
    width: 100%;
}

/* for bootstrap modal styling */
.modal-content {
    border-radius: 5px;
}

.modal-header {
    padding: 20px 30px;
    background-color: #e64b38;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.modal-body {
    padding: 20px 15px 0;
}

.img-border {
    border: #ccc 1px solid;
    margin: 0 0 10px;
}

.modal-body h2 {
    font-weight: 700;
    font-size: 24px;
    margin: 0 0 15px;
}

.modal-body .table th,
.modal-body .table td {
    vertical-align: middle;
}

.btn-danger {
    border: 0 none;
}

.extrapage .pg_main {
    width: 100%;
}

#divOrderItemSummary .chosen-custom-options-summary {
    min-width: 260px;
}

.header-icons {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.header-icons>a {
    margin: 0 0 0 20px;
    vertical-align: middle;
}

.header-icons>a img {
    width: auto;
    height: 36px;
}

#MPMain_btnCheckout {
    background-color: #e64b38 !important;
}

.product-main {
    margin: 0 0 30px;
}

.productdetail .featured-product-list {
    margin: 30px 0 0;
}

@media (min-width: 992px) {
    .productdetail .featured-product-list .product-list-item {
        flex: 0 0 calc(20% - 30px);
        max-width: calc(20% - 30px);
    }

    .productdetail .featured-product-list .product-list-item .img {
        height: 230px;
    }
}

.product-bottom {
    margin-top: 50px;
}

.line-drawing-link>a,
.add-to-favs-link .fav-icon {
    display: inline-block;
    background: url(/images2/pdf-icon2.png) no-repeat scroll center top;
    background-size: 45px auto;
    padding: 50px 0 0;
}

.add-to-favs-link .fav-icon.add-fav {
    background-size: 48px auto;
    background-image: url(/images2/fav-icon2.png);
}

.add-to-favs-link .fav-icon.del-fav {
    background-image: url(/images2/remove-fav-icon2.png);
}

@media (min-width: 768px) {
    .product-detail-wrap {
        padding-right: 150px;
    }

    .product-detail-wrap .tab-content>.active {
        padding: 0 70px 0 0;
    }

    body.productdetail .product-icons {
        position: absolute;
        right: 0;
        top: 40px;
        margin: 0;
        padding: 0;
        display: block !important;
        text-align: center;
    }

    .product-icon {
        max-width: none;
        margin: 20px 0;
    }

    .product-icon .fa,
    .product-icon .far,
    .product-icon .fas {
        display: none;
    }
}

select.dt-input {
    display: inline;
    width: 80px;
    padding-left: 10px !important;
    margin: 0 10px 0 0;
}

.dt-search label {
    margin: 0 10px 0 0;
}

div.dt-container .dt-paging .dt-paging-button {
    font-size: 14px;
    font-weight: 500;
    border: 0 none !important;
    background: 0 none !important;
    box-shadow: none !important;
}

div.dt-container .dt-paging .dt-paging-button:hover {
    color: #000 !important;
    background-color: #000;
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
    color: #fff !important;
    background-color: #8f8f8f !important;
    border: 0 none !important;
}

@media screen and (min-width: 768px) {
    .product-images {
        flex: 0 0 47%;
        max-width: 47%;
    }

    .product-main {
        flex: 0 0 53%;
        max-width: 53%;
    }
}