/***** CSS RESET *****/ * {margin: 0;outline: none;padding: 0;text-decoration: none;} *, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} html {margin: 0;-webkit-text-size-adjust: none;} #loading {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: rgb(249,249,249);} ol, ul {line-height: 1.5;padding:revert;font-weight: normal;} a {transition: all 0.2s;font-family: var(--font-ragular);} a:active {outline: none;} a:hover {color: var(--link-hover-color);text-decoration: none;} a img {border: none;} a:focus-visible,a.header-mail:focus-visible,.header-links > ul > li ~ li > a.ico-cart:focus-visible,a.flyout-cart-product-img:focus-visible,button.cart-qty-minus:focus-visible, button.cart-qty-plus:focus-visible,button.remove-btn:focus-visible,select:focus-visible,button.search-box-button:focus-visible,input:focus-visible,input[type="text"].search-box-text:focus-visible, button:focus-visible, li#topcartlink a:focus-visible,.header-links a:focus-visible,input#newsletter-email:focus-visible,.newsletter-subscribe-button:focus-visible,button.remove-button:focus-visible, .information-box:focus-visible > h3,button.close-side-menu:focus-visible > i,.filter-title > i:focus-visible,span.ui-slider-handle.ui-corner-all.ui-state-default:focus-visible, .block-category-navigation > i:focus-visible,.ui-state-focus,button.filter-toggle-button:focus-visible { outline: -webkit-focus-ring-color auto 2px;} .toggle-user-submenu {clip: auto !important;opacity: 1 !important;-webkit-transform: translateY(0) scaleY(1) !important;transform: translateY(0) scaleY(1) !important;z-index: 50 !important;} p {font-family: var(--font-ragular);} img {border: none;max-width: 100%;} img:focus-visible{outline: 2px solid crimson;border-radius: 3px;} img {border: none;max-width: 100%;} input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {margin: 0;border: 0;padding: 0;} input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} /***** CSS RESET *****/ .skip-to-content-link {left: 50%;position: absolute;transform: translateY(100%);} .skip-to-content-link {background: #d2d2d2;height: 30px;left: 2%;top:0%;padding: 7px;position: absolute;transform: translateY(-100%);transition: transform 0.3s;font-weight:700;} .skip-to-content-link:focus {transform: translateY(0%); top:2%;} /***** GLOBAL STYLES *****/ body {max-width: 100%;overflow-x: hidden;background: var(--body-background-color);font-family: var(--font-ragular);font-weight: normal;color: var(--text-primary-color);} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: var(--font-ragular); font-size:14px;} h1, h2, h3, h4, h5, h6 {color: var(--heading-color);font-family: var(--font-bold);} a {color: inherit;cursor: pointer;} a img {opacity: 0.99; /*firefox scale bug fix*/} table {width: 100%;border-collapse: collapse;} /***** PAGES & BLOCKS *****/ .center-2 .page-title {padding-top: 0;} .center-2, .side-2 {margin: 0 0 50px;} .side-2 {border: 1px solid #E0E1E6;border-radius: 3px;box-shadow: 0px 0px 5px rgba(134, 134, 134, 0.25);} .page-body {margin: 0 0 70px;} .page-title {padding: 20px 0 10px;} .page-title h2 {font-weight: bold;font-size: 24px;} .topic-block-title h2 {margin-bottom: 15px;padding-bottom: 10px;font-weight: 800;font-size: 20px;border-bottom: 1px solid #BFBFBF;} .block {border-bottom: 1px solid #E5E5E5;} .block .title {color: var(--heading-color);font-weight: 800;font-size: 14px;cursor: pointer;} .block .title i {color: #6c757d;font-size: 12px;} .block .list li, .block .listbox > li {font-weight: 400;font-size: 15px;} .block .list li:not(:last-child), .block .listbox > li:not(:last-child) {margin-bottom: 7px;} .block .list li.active.last {font-weight: bolder;color:#3f3e3e;} .block .list li .sublist {margin: 5px 0 0 0;} .block .view-all {padding-top: 10px;font-weight: bold;font-size: 14px;text-transform: capitalize;} /***** GLOBAL *****/ .w-100 {width: 100%;} .mw-fit-content{max-width:fit-content;} .h-100 {height: 100%;} .text-left {text-align: left;} .text-center {text-align: center;} .text-right {text-align: right;} .fw-bolder {font-weight:900;} .fw-bold {font-weight: 700;} .fw-light {font-weight: lighter !important;} .fw-normal {font-weight: normal !important;} .text-dark {color: #000 !important;} .shadow {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;} .list-inline > li {display: inline-block;} .dropdown-menu {position: relative;} .dropdown-menu .submenu {clip: rect(1px, 1px, 1px, 1px);opacity: 0.1; -webkit-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1); transition: transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1); transition: transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1); -webkit-transform: translateY(-10px) scaleY(0.5);transform: translateY(-10px) scaleY(0.5);-webkit-transform-origin: top;transform-origin: top; list-style: none;margin: 10px 0 0;padding: 0;position: absolute;top: 100%;right: 0;min-width: 120px;background: #fff; box-shadow: 0px 2px 10px #878D9E;border-radius: 5px;text-transform: capitalize;z-index: 5;} .dropdown-menu > li {position: relative;display: inline-block;} .dropdown-menu > li > a {padding-bottom: 10px;} .dropdown-menu > li:hover > .submenu, .dropdown-menu:hover > .submenu {clip: auto;opacity: 1;-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);z-index: 50;} .dropdown-menu > li > .submenu::before {content: "";position: absolute;top: -8px;right: 7px;font-size: 12px;width: 0;height: 0;border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid #fff;filter: drop-shadow(1px -1px 1px rgba(0,0,0,.25));} .dropdown-menu .submenu .togle-icon {width: 100%;height: 15px;position: absolute;top: -15px;right: 0;overflow: hidden;} .dropdown-menu .submenu .togle-icon:after {content: "";position: absolute;width: 30px;height: 30px;background: #fff;transform: rotate(45deg);top: 12px;right: 1px; box-shadow: -1px -1px 10px -2px #878D9E;} .dropdown-menu .submenu > li:not(.togle-icon) > a {display: block;padding: 7px 10px;} .header-links .dropdown-menu:hover::before {content: "";position: absolute;bottom: -0.85em;z-index: 99;right: 14px;font-size: 12px;border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid #fff;filter: drop-shadow(1px -1px 1px rgba(0,0,0,.25));} .header-links .dropdown-menu:hover .submenu::before {content: "";position: absolute;top: -0.75em;right: 14px;font-size: 12px;width: 100%;display: block;height: 100%;} .block-gradient.dark {background: var(--primary-color);box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);border-radius: 3px;} .block-gradient .title.text-center {padding-bottom: 0;border: 0;} .block-gradient .title i {margin-right: 5px;font-size: 18px;} .block-gradient .buttons, .block-gradient .block-footer {padding: 30px 20px;background: #fff;color: #6c757d;border-radius: 50px 50px 0px 0px;} .block-gradient .block-footer ul li {color: #6c757d;} .block-gradient .block-gradient-list > li:not(:last-child), .block-gradient .block-footer ul > li:not(:last-child) {margin-bottom: 5px;} .block-gradient .block-footer ul > li.active {color: #6c757d;} .breadcrumb ul > li {display: inline-block;font-weight: 400;} .breadcrumb ul > li a {color: var(--breadcrumb-color);} .breadcrumb ul > li a:hover {color: var(--breadcrumb-active-color);font-weight: 400;} .breadcrumb ul > li .delimiter {display: inline-block;margin: 0 5px 0 3px;} .breadcrumb ul > li strong {color: var(--breadcrumb-active-color);font-weight: 600;} .ocarousel.item-grid .owl-nav button.owl-prev, .ocarousel.item-grid .owl-nav button.owl-next {width: 35px;height: 35px;background: #ffffff;color: #6c757d;font-size: 12px;border-color: #6c757d;border-radius: 4px;line-height: 35px;} .ocarousel.item-grid .owl-nav button.owl-prev:hover,.ocarousel.item-grid .owl-nav button.owl-prev:focus,.ocarousel.item-grid .owl-nav button.owl-next:hover, .ocarousel.item-grid .owl-nav button.owl-next:focus {background: #6c757d;color: #fff;outline-color: #6c757d;} .pager{margin-top:50px;text-align:center} .pager ul>li{display:inline-block} .pager ul>li:not(:last-child){margin-right:10px} .pager ul>li>a,.pager ul>li>span{display:inline-flex;justify-content:center;align-items:center;background:#fff;padding:10px 15px;box-shadow:2px 2px 2px 1px rgba(197,212,225,.4)} .pager ul>li.current-page>a, .pager ul>li.current-page>span{background:var(--primary-color);color:var(--section-title-text-color);border-color:var(--primary-color);border-radius:3px} .pager ul>li.next-page>a, .pager ul>li.previous-page>a{text-transform:uppercase;border:0;width:7em} .pd-title,.manufacturer-carousel .title,.blog-news-area .title,.latest-news-container .title {position: relative;} .pd-title::after, .manufacturer-carousel .title::after {content:"";display:block;position:absolute;top:100%;left:.3%;width:calc(100% + -7px);border-top:1px dashed #6c757d;letter-spacing:13px} .title-container .title h2{margin:0 12px 13px 0;color:var(--heading-color);font-size:36px;font-weight:900;text-transform:uppercase;font-family:var(--font-bold)} .ui-widget{font-family:var(--font-ragular);font-weight:400} .title-container .title i{color:#6c757d;font-size:27px} .title-container .subtitle a {text-decoration: underline;} /****header link****/ .header-links > ul > li > a, .header-links .dropdown-menu > a {box-shadow:0 2px 3px 1px #c5d4e1;display:inline-block;padding:10px 15px;border-radius:50%;vertical-align:middle;display:inline-flex; justify-content:center;align-items:center} .ico-logout .icon-user {margin-right: 10px;} .header-links > ul > li ~ li > a {height: 45px;width: 45px;} .header-links .dropdown-menu:hover .submenu {display: block;} .header-links .dropdown-menu > a {border-radius: 30px;color: #393939;} .header-links .dropdown-menu > a i {vertical-align: middle;} /***** HEADER *****/ .top-menu.notmobile .sublist {display:none;background:#fff;position:absolute;top:100%;left:0;z-index:100;box-shadow:1px 1px 10px #000} .top-menu.notmobile li {position: relative;} .top-menu.notmobile > li a {padding: 10px 15px;display: block;} .top-menu.notmobile li:hover > .sublist {display: block;} .menu-toggle {font-size: 18px;font-weight: bold;} /*header search style */ .quickSearch {min-width: 80px; height: 40px;border: 1px solid blue;padding: 0 15px;text-align: center;} .search-box__wrapper {position: relative;} .search-box__wrapper .quickSearch {position: absolute;top: 50%;left: 8px;height: calc(100% - 10px);border: none;max-width: 20%;transform: translate(3px, -50%); border-radius: 20px 0 0 20px;border-right: 1px solid #333;text-overflow: ellipsis;text-align: left;} /***** TABLE *****/ .wishlist-page {margin: 40px 0;} .wishlist-page .table-wrapper, .shopping-cart-page .table-wrapper {background: #fff;margin-bottom: 0;} .table-wrapper {margin: 0 0 40px;padding: 0 0 1px;overflow-x: auto;} .table {width: 100%;margin-bottom: 1rem;color: inherit;border-collapse: collapse;} .table td, .table th {padding: .75rem;vertical-align: top;border-top: 1px solid #dee2e6;} .table th {text-align: inherit;} .table thead th {vertical-align: bottom;border-bottom: 2px solid #dee2e6;} .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.05);} .table-bordered {border: 1px solid #dee2e6;} .table-bordered td, .table-bordered th {border: 1px solid #dee2e6;} .table-bordered thead td, .table-bordered thead th {border-bottom-width: 2px;} /***** HEADER *****/ .top-menu.notmobile .sublist {display: none;background: #fff;position: absolute;top: 100%;left: 0;z-index: 100;box-shadow: 1px 1px 10px #000;} .top-menu.notmobile li {position: relative;} .top-menu.notmobile > li a {padding: 10px 15px;display: block;} .top-menu.notmobile li:hover > .sublist {display: block;} .top-menu.mobile {display: none;} .top-menu.mobile .sublist {display: none;} .menu-toggle {font-size: 18px;font-weight: bold;} /***** FORMS *****/ .info-msg {margin: 10px auto;padding: 10px;border-radius: 3px 3px 3px 3px;color: #0F5099;background-color: #eff5fd;width:fit-content;} .success-msg {margin: 10px auto;padding: 10px;border-radius: 3px 3px 3px 3px;color: #270;background-color: #DFF2BF;width:fit-content;} .message-failure {margin: 10px 0;padding: 10px;border-radius: 3px 3px 3px 3px;color: #E50000;width: fit-content; background-color:#ff000021;} .discount-success-msg {margin: 10px 0;padding: 10px;border-radius: 3px 3px 3px 3px;color: #E50000;background-color: #FFF;width: fit-content;} .discount-popup-btn {background: #007f60;border: 1px solid #007f60;color: #fff;padding: 10px;font-size: 16px;font-weight: bold;text-transform: uppercase; border-radius: 5px;box-shadow: none;cursor: pointer;transition: all 0.3s;font-family: var(--font-ragular);} .discount-popup-btn:hover {background: #01664e;border: 1px solid #01664e;color: #fff;} .inputs {margin: 1em 0 0 0;} .inputs label {display: inline-block;margin-bottom: .7rem;font-size: 16px;} .login-page .validation-summary-errors ul {margin: 10px; line-height:0;} .login-page .validation-summary-errors ul li::before {content:"\e916";display:inline-flex;font-family:icomoon!important;font-style:normal;font-weight:400; font-variant:normal;text-transform:none;line-height:1;margin-right:10px;font-size:10px;background:red;color:#fff; height:20px;width:20px;border-radius:50%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; justify-content:center;align-items:center;margin-bottom:10px} .inputs .required,.field-validation-error, .validation-summary-errors,#customerEnteredPriceError, .message-error {color: #E50000;line-height: 20px;font-size: 0.9em;} .form-control {display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#6c757d; background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out} .inputs::-webkit-input-placeholder {color: rgb(108 117 125 / 70%);-webkit-transition: color 0.3s;} .inputs::placeholder {color: rgb(108 117 125 / 70%);transition: color 0.3s;} input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input.form-control, textarea,textarea.form-control, select{min-height:40px;padding:6px;background:0 0;color:var(--text-primary-color);font-size:14px;font-family:var(--font-bold);line-height:1.5em;border:1px solid #b3c2ce; border-radius:6px} input[type="text"].default,input[type="email"].default,input[type="tel"].default,input[type="password"].default, textarea.default {padding: 6px 10px;background: #fff;color: #6c757d;line-height: 1.5;border: 1px solid #6c757d;border-radius: 3px;} textarea, textarea.form-control {overflow: hidden;font-family: arial;height: auto;} .input-group {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch; align-items:stretch;width:100%} .input-group > .form-control {position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0} .input-group > .select:not(:last-child), .input-group > .form-control:not(:last-child) {border-top-right-radius: 0;border-bottom-right-radius: 0;} .input-group-append, .input-group-prepend {display: -webkit-box;display: -ms-flexbox;display: flex;} .input-group-append {margin-left: -1px;} input[type="text"].default::-webkit-input-placeholder,input[type="text"].default::placeholder,input[type="email"].default::-webkit-input-placeholder, input[type="email"].default::placeholder,input[type="tel"].default::-webkit-input-placeholder,input[type="tel"].default::placeholder, input[type="password"].default::-webkit-input-placeholder,input[type="password"].default::placeholder,textarea.default::-webkit-input-placeholder, textarea.default::placeholder {color: rgb(108 117 125 / 70%);} .select, .select-wrapper select {display:inline-block;width:100%;height:40px;padding:7px 30px 7px 5px;vertical-align:middle;background:url(../images/arrow-down-light.svg) right .75rem center/9px 9px no-repeat #fff; color:var(--text-primary-color);font-size:14px;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none} .select.w-auto, .select-wrapper.w-auto select {width: auto;} .inputs .select, .inputs.select-wrapper select {padding:7px 30px 7px 15px;background:url(../images/arrow-down-lighter.svg) right .75rem center/9px 9px no-repeat;color:#6c757d;border:1px solid #b3c2ce;border-radius:3px} .inputs .select option, .inputs.select-wrapper select option {color: #6c757d;} .select.dark, .select-wrapper.dark select {color: #6c757d;border: 1px solid #6c757d;} .date-picker-wrapper {display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:30px} .date-picker-wrapper select:not(:last-child) {margin-right: 5px;padding: .375rem .75rem;} .input-group-quantity {position: relative;display: inline-block;width: 100%;max-width: 200px;z-index: 0;} .input-group-quantity .button-container {position:absolute;top:50%;right:0;overflow:hidden;background:#dadae4;border:1px solid #dadae4;-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);transform:translateY(-50%)} .input-group-quantity input {width: 100%;min-height: 40px;margin: 0;padding-left: 42px;color: #8F8E8E;font-size: 15px;border-color: #DADAE4;border-radius: 0;} .input-group-quantity .button-container button:last-child {margin-bottom: 0;} /***** BUTTONS *****/ .button-1 {background:var(--button-background-color);border:1px solid var(--button-border-color);color:var(--button-text-color);white-space:normal;word-break:break-word; padding:10px;font-size:14px;font-weight:700;text-transform:uppercase;border-radius:5px;box-shadow:none;outline:0;cursor:pointer;transition:.3s; font-family:var(--font-ragular);width:12em} .button-1:hover, .button-1:focus, .button-1:focus-visible{background:var(--button-background-hover-color);border:1px solid var(--button-border-hover-color);color:var(--button-text-hover-color);opacity:.8; box-shadow:none;outline:0} .button-2 {background:var(--button-background-color);border:1px solid var(--button-border-color);color:var(--button-text-color);padding:11px;font-size:18px;box-shadow:none; outline:0;cursor:pointer;transition:.3s;border-radius:3px} .button-2.btn-sm {padding: 0.5em;width: 5em;font-size: 15px;} .button-2:hover, .button-2:focus, .button-2:focus-visible {background:var(--button-background-hover-color);border:1px solid var(--button-border-hover-color);color:var(--button-text-hover-color);box-shadow:none; outline:0} /***** HEADER *****/ .admin-header-links {padding: 5px;background-color: #eee;text-align: center;} .header-banner {position: relative;overflow: hidden;height: 0;background: linear-gradient(90deg, #4A42EB -0.33%, #6c757d 100%);color: #fff;} .header-banner__text {width: calc(100% - 15px);text-align: center;} .header-banner__icon i {cursor: pointer;} .header-upper {min-height: 40px;background: #FFFFFF;} .header-upper__middle {text-align: center;} .header-upper__right {text-align: right;} .header-logo img {width:fit-content; max-height:3rem;} .header-logo img, .footer-logo img {max-width: 100%;object-fit: contain;aspect-ratio: 16 / 9 auto;} .header-logo-cat .mm-navbar-nav {display: none;} .header-logo-cat .dropdown-menu-list > a {font-size: 0;} .header-logo-cat .dropdown-menu-list i {margin-right: 5px;font-size: 22px;} input[type="text"].search-box-text {width:100%;height:50px;padding:0 45px 0 20px;background:#fff;font-size:1em;font-weight:300;outline:0;transition:border-color .5s; border:1.5px solid var(--header-searchbar-border-color);box-shadow:0 4px 4px rgba(0,0,0,.1);border-radius:100px} .search-box-button {position:absolute;top:0;right:15px;bottom:0;width:40px;min-height:50px;padding:0;background-color:transparent;border:none;color:var(--primary-color); font-size:25px;cursor:pointer} .header-links li, .header-links a {position: relative;} .header-links .dropdown-menu > li > a {border-radius: 20px;} .header-links .dropdown-menu > li > a .icon-user {vertical-align: middle;} .wishlist-qty, .cart-qty {position:absolute;bottom:50%;left:50%;font-size:13px;background:var(--primary-color);color:#fff;border:none;font-weight:700;border-radius:50%; width:20px;height:20px} .header-links [class*="icon-"] {color: #393939;font-size: 20px;} .header-menu .other-links > li {margin-right: 15px;text-transform: uppercase;} .header-menu .other-links > li:last-child {margin-right: 0;} .header-menu .other-links .dropdown-menu .submenu {min-width: 150px;color: #6c757d;} .header-lower.sticky {position:fixed;top:0;left:0;width:100%;min-height:50px;background-color:#fff;-webkit-box-shadow:0 3px 5px rgba(0,0,0,.1);box-shadow:0 3px 5px rgba(0,0,0,.1);animation:.5s forwards smoothScroll;z-index:1049;} @keyframes smoothScroll { 0% {opacity: 0;transform: translateY(-100%);} 100% {opacity: 1;transform: translateY(0);} } .header-lower.sticky .header-logo-cat .mm-navbar-nav {display: block;} /***** FOOTER *****/ .footer-block {font-size: 16px;margin-top: 30px;margin-bottom: 30px;line-height: 1.5;} .footer-block .title {padding: 10px 0;text-transform: uppercase;color: var(--white);border-bottom: 2px solid var(--footer-slide-down-border);font-weight: 800;cursor: pointer; } .footer-block .list > li:not(:last-child) {margin-bottom: 5px;} .social .title {font-size: 24px;text-transform: none;} .follow-us {margin: 3% 0 0 0%;text-align: center;} .follow-us-li {margin: 0 3px;} .footer .networks {color: var(--footer-icons-color);font-size: 22px;padding: 0;} .footer .networks li a:hover {color: var(--footer-icons-hover-color)} .footer-logo-wrapper {background-repeat: no-repeat;background-size: contain;background-position: left bottom;} .footer-logo {max-width: 280px;margin: auto;padding: 5% 0;} .footer-logo a {margin: 0 auto;width: fit-content;} .footer .newsletter {padding: 3% 0 0 0;margin-bottom: 25px;} .footer-upper {background: var(--footer-upper-bg);color: var(--footer-text-color);} .footer-lower {background: var(--footer-lower-bg);color: var(--footer-text-color);} .footer #qv-modal {margin: 0;padding: 0;} .newsletter .title {font-size: 18px;text-align: center;} .newsletter-email {position: relative;width:90%;margin:0 auto;} .newsletter-result {color: red;} .newsletter-subscribe-button {position: absolute;top: 0px;right: 0px;bottom: 0;width: 59.12px;max-height: 43px;padding: 0;background-color: var(--footer-newsletter-btn-bg-color); border: 2px solid var(--footer-newsletter-btn-border-color);color: var(--footer-newsletter-btn-text-color);font-size: 25px;border-radius: 5px; cursor: pointer;} input[type="email"].newsletter-subscribe-text {width: 100%;height: 43px;padding: 0 57px 0 5px;background: #fff;color: var(--text-primary-color);font-size: 16px;font-weight: 300; outline: 0;border: 2px solid var(--footer-text-color);} /******* Add To Cart Button *******/ .checkbox [type="checkbox"]:not(:checked) ~ label:after, .checkbox [type="checkbox"]:checked ~ label:after {color: var(--primary-color);} .addCart {width:calc(100% - 30px);height:38px;background:#6c757d;border-radius:3px;color:#fff;display:inline-block;cursor:pointer} .addCartbutton {color:#fff;display:inline-block;border-left:1px solid #fff;width:calc(100% - 93px);padding:9px 10px;cursor:pointer} .searchBtn {display:inline-block;margin-top:9px;float:left;margin-left:13px;cursor:pointer} .compareBtn {display:inline-block;margin-top:9px;float:right;margin-right:10px} #compareIcon {width:46px;height:44px;background:url(/Themes/Valley/Content/images/compareIcon.png)} .colorImg {display: none;margin: 10px auto 10px auto;width: 30%;height: 32px;} .category-name {background:var(--homepage-store-name-background-color);color:var(--homepage-store-name-text-color);padding:1em 0;font-weight:600;font-size:1em; transition:.3s cubic-bezier(.25,.8,.25,1);height:1.9em;width:100%;opacity:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical} .ocarousel-item {position: relative;} .ocarousel-item:hover .category-name {opacity: 1;} /***** PRODUCT BOX *****/ .product-grid .item-grid::after {content:"";display:block;clear:both} .sub-category-item, .manufacturer-item, .item-box .product-item, .manufacturer-carousel .ocarousel .menufacturer-item {margin-bottom: 1px;} .sub-category-item-link:focus-visible{z-index:999;} #featured-product .item-box {width: 20%;margin: 0;} .featured-product .title,.category-carousel .title-container,.also-purchased-products-grid .title-container, .product-details-page .related-products-grid .title-container {text-align: center;border-bottom: 1px dashed #6c757d;} .item-box .product-item,.shipping-type, .news-box-inner {position: relative;text-align: center;background: #fff;z-index: 5;} .shipping-type,.news-box-inner,.account-page .block-gradient,.downloadable-products-page,.back-in-stock-subscription-list-page,.reward-points-page,.my-product-reviews-list-page, .apply-vendor-page .block-gradient,.blog-page .post,.html-blogpost-page .blogpost-page,.html-news-list-page .news-item,.html-news-item-page .news-item-page,.sitemap-page .block-gradient, .contact-page .block-gradient,.html-address-edit-page .block-gradient, .html-product-tags-all-page .product-tags-all-page {box-shadow: 2px 2px 2px 1px rgba(197, 212, 225, 0.4);transition: all 0.3s cubic-bezier(.25,.8,.25,1);background: #fff; border-radius: 3px;padding: 15px 25px 0;} .topic-page .topic-page-body-content, .search-page, .product-reviews-page {background: #fff;box-shadow: 2px 2px 2px 1px rgba(197, 212, 225, 0.4);} .stock-value { font-weight: bold; font-size: 1em; font-weight: bold; color: #ffffff; background: linear-gradient(45deg, #607d8b, #455a64); padding: 0.45em 0.85em; border-radius: 20px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } .item-box .product-item:hover {box-shadow: 0px 0px 5px 3px rgba(197, 212, 225, 0.4) !important;transform: translateY(-2px);z-index: 10;} .item-box .buttons-hover {position:absolute;opacity:0;transition:.5s;z-index:1;width:100%;left:50%;bottom:0;transform:translate(-50%,-50%)} .offer-content {position:absolute;top:0;left:0;z-index:1000;padding:5px} .offer-content > div {display:block;padding:7px;background:#c4581c;color:#fff;min-width:42px;border-radius:10px} .offer-content .new-product-label {background: #0ACD6A;} .item-box .picture {position:relative;padding-top:100%;overflow:hidden;background:#fff} .item-box .product-item:hover .buttons-hover {opacity: 1;z-index: 9999;} .item-box .buttons-hover button {min-height:initial;font-size:0;background:0 0;color:#fff;border:none;padding:0;display:block;cursor:pointer;margin-left:0;margin-top:0} .item-box .buttons-hover [class*="icon-"] {font-size: 20px;} .item-box .picture a {display:block;max-width:100%;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .item-box .picture a img {width:100%;padding:.75em;border-radius:1.5em} .item-box .details {padding: 5px 15px;max-height: 3.5em;min-height: 3.55em;} .item-box .product-title {margin-bottom: 5px;font-size: 18px;} .item-box .product-title a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400} .item-box .prices {color: var(--text-primary-color);font-weight: bold;font-size: 1em;} .item-box .prices .old-price {margin-right: 3px;color: #535A5F;text-decoration: line-through;} .item-box .product-rating-box {display: inline-block;margin: 0 0 10px;} .item-box .rating {background: url('../images/rating1.png') repeat-x;width: 95px;height: 14px;} .item-box .rating div {background: url('../images/rating2.png') repeat-x;height: 14px;} .item-box .product-box-add-to-cart-button {padding:12px 5px;background:0 0;color:#6c757d;font-weight:800;font-size:16px;border:none;cursor:pointer} .owl-carousel .owl-stage-outer {padding: 0;} .buttons-hover ~ button.button-2.add-to-wishlist-button {font-size:0;background:transparent;border:transparent;position:absolute;top:10px;right:-200px;transition:.3s;z-index:10; display:none} .product-item:hover .buttons-hover ~ button.button-2.add-to-wishlist-button {right: 10px;} .buttons-hover ~ button.button-2.add-to-wishlist-button i {font-size: 16px;color: #E01E39;} .product-list .item-grid .item-box, .center-2 .product-list .item-grid .item-box {width: 100%;float: none;} .product-list .item-box .product-item {display: -webkit-box;display: -ms-flexbox;display: flex;text-align: left;} .product-list .item-box .picture {position: relative;} .product-list .item-box .picture img {height: 100%;border-top-right-radius: 0;border-bottom-left-radius: 5px;} /***** CATAGOREY PAGE *****/ .filtered-wrapper {font-size: 14px;border-bottom: 1px solid #E5E5E5;} .filtered-items ul > li:not(:last-child) {margin-bottom: 7px;} .filtered-items .filtered-attribute {font-weight: 800;} .filtered-wrapper .remove-filter {font-weight: 600;} .filtered-wrapper .remove-filter i {font-size: 12px;} .product-selectors {box-shadow: 2px 2px 2px 1px rgba(197, 212, 225, 0.4);border-radius: 3px;background: #fff;} .product-page-size, .product-sorting {font-size: 14px;text-transform: uppercase;border: solid 1px #D6E2EC;padding: 0 8px;} .product-page-size.select-wrapper select,.product-sorting.select-wrapper select {height: 32px;border-radius: 3px;} .product-viewmode {font-size: 22px;} .viewmode-icon {color: #DDE7EF;} .viewmode-icon.selected {color: #6c757d;} .sub-category-item, .manufacturer-item, .item-box .product-item {position: relative;box-shadow: 2px 2px 2px 1px rgba(197, 212, 225, 0.4);} .item-box .product-item {border-radius: 10px;border: 1px solid #ebebeb;margin: .35em;} .sub-category-item .title, .manufacturer-item .title a {position:inherit;background:#fff!important;color:#6c757d;font-size:18px;text-align:center;text-transform:capitalize; -webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;bottom:0;z-index:1;display:block;width:100%} .sub-category-item .picture a,.manufacturer-item .picture a {display: block;} .sub-category-item .picture img, .manufacturer-item .picture img {border-radius: 3px;} .category-banner img {width: 100%;} .filter-toggle-button {background: none;border: none;font-size: 24px;cursor: pointer;} .filter-toggle-button i {font-size: 20px;margin-right: 10px;} .category-page .item-grid,.search-page .item-grid,.manufacturer-page .item-grid,.vendor-page .item-grid,.manufacturer-grid .item-grid,.manufacturer-list-page .item-grid, .recently-viewed-products-page .item-grid,.recently-added-products-page .item-grid,.also-purchased-products-grid .item-grid, .related-products-grid .item-grid {display: flex;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .html-search-page .filter-toggler, .html-product-tag-page .filter-toggler {display: none;} :not(.html-category-page) .close-side-menu {display: none !important;} .html-manufacturer-page .close-side-menu, .html-category-page .close-side-menu {display: inline-block !important;} .sub-store-card:before {content:'';position:absolute;bottom:-35px;right:-20px;background:#f3f3f3;height:150px;width:150px;border-radius:50%; z-index:0;} .sub-store-card {position: relative;background: #f2fafd;overflow: hidden;padding: 1em;} .sub-store-card .sub-store-title {font-weight: bold;font-size: .9em;color: #000;height: fit-content;margin: 0 0 0.5em 0;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .sub-store-card .sub-store-viewDetails-btn {font-weight:600;font-size:.75em;border-bottom:1px solid;width:fit-content;padding-bottom:.1em;margin:0 auto 10px;color:#000} /***** PRODUCT DETAILS PAGE *****/ .html-product-details-page .side-2 {margin-top: 0;} .product-details-page {color: var(--text-primary-color);} .product-details-page .product-reviews-overview > div {display: inline-block;margin-right: 15px;} .html-product-details-page .availability > div, .html-product-details-page .additional-details > div, .html-product-details-page .manufacturers, .attributes dl {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;} .html-product-details-page .availability > div > span, .html-product-details-page .additional-details > div span, .html-product-details-page .manufacturers > span, .html-product-details-page .attributes dl dt, .html-product-details-page .attributes dl dd {display: block;min-width: 35%;max-width: 50%;margin-top: 0;} .sub-category-grid .owl-nav button {position: absolute;left: 0;top: 50%;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);transform: translateY(-50%);} .sub-category-grid .owl-nav button.owl-next {left: auto;right: 0;} .product-tags-list .tag {display: inline-block;padding: 10px 15px;border-radius: 4px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);vertical-align: bottom;} .product-tags-list .separator {margin: 0 5px;} .product-tags-list .tag .producttag {color: #888 !important;background: #fff !important;} .side-2 {border-radius: 0;box-shadow: 2px 2px 2px 1px rgba(197, 212, 225, 0.4);background: #FFFFFF;border: 1px solid #E7EDF1 !important;} .close-side-menu {position: absolute;top: 5px;right: 5px;font-size: 18px;line-height: 18px;border: none;background: var(--primary-color);color: #fff;padding: 3px; cursor: pointer;padding-bottom: 2px;border-radius: 0.25em;} .product-essential {background: #fff;box-shadow: 2px 2px 2px 1px rgba(197, 212, 225, 0.4);padding: 15px;} .attributes .option-list li {display: inline-block;margin-right: 10px;margin-bottom: 5px;position: relative;} .attributes .option-list li:last-child {margin-right: 0;margin-bottom: 0;margin-left: 4px;} .attributes dl {margin: 0;} .attributes dd {margin-left: 0;} .attributes .attribute-squares input {position: absolute;opacity: 0;} .attributes select {min-width: 10em;display: inline-block;background-color: #fff;width: 100%;padding: 10px;border: 1px solid #6c757d;} .attributes .attribute-squares label {display: inline-block;width: 35px;height: 35px;cursor: pointer;overflow: hidden;} .attributes .attribute-squares label ~ .tooltip-container {position: absolute;bottom: 100%;left: 100%;display: none;} .attributes .attribute-squares label:hover ~ .tooltip-container {display: block;background-color: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;padding: 5px;border-radius: 5px;} .attributes .attribute-squares .attribute-square-container {width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;} .attribute-circles li .attribute-circle-container::after, .attributes .attribute-squares li .attribute-square-container::after {content: "";position: absolute;top: 0;left: 0;display: -webkit-inline-box;display: -ms-inline-flexbox; display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 26px;height: 26px; font-family: "icomoon";font-size: 14px;font-style: normal;color: #fff;transition: all 300ms;} .html-product-details-page .attributes .attribute-squares li .attribute-square-container::after {width: 26px;height: 26px;font-size: 14px;} .attributes .attribute-squares li.selected-value .attribute-square-container::after {content: "\e918";} .attributes .attribute-squares .attribute-square {width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;border-radius: 5px;} .attributes .option-list-square input {position: absolute;opacity: 0;} .attributes .option-list-square label {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-width: 39px;height: 39px;padding: 5px; background: #FFFFFF;color: #76767b;font-size: 16px;border: 1px solid #A9A9AE;border-radius: 5px;cursor: pointer;transition: all 300ms;} .attributes .option-list-square input[type="radio"]:checked ~ label, .attributes .option-list-square input[type="checkbox"]:checked ~ label {color: #6c757d;border-color: #6c757d;} .color-squares >li ,.image-squares > li{ list-style: none;} .add-to-cart-panel .qty-label { display: none;} .product-details-page .add-to-cart {display: inline-block;vertical-align: top;} .add-to-cart-panel {border: 1px solid rgb(108 117 125 / 30%);display: flex;border-radius: 5px;} .add-to-cart-panel .qty-input {max-width: 40px;padding: 0;vertical-align: middle;border: none;padding: 0 5px;} .add-to-cart-panel .add-to-cart-button {height: 40px;vertical-align: middle;} .product-essential .gallery,.product-essential .picture {position: relative;} .product-essential .picture {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;} .product-essential .picture .picture-item {width: 50%;padding: 6px;} .product-essential .picture-thumbs {margin-top: 10px;} .product-essential .picture-thumbs .thumb-item {cursor: pointer; margin-inline: 5px;} .product-essential .picture-thumbs .thumb-item img {border-radius: 3px;} .product-essential .short-description,.product-essential .product-reviews-overview,.product-essential .manufacturers,.product-essential .product-vendor, .product-essential .sku,.product-essential .prices,.product-essential .add-to-cart,.product-essential .product-estimate-shipping,.product-essential .availability, .product-essential .attributes dd,.product-essential .attribute-item .attribute-data {margin-bottom: 20px;font-size: 16px;} .product-essential .attributes dd,.product-essential .attribute-item .attribute-data {margin-top: 10px;} .product-essential .manufacturers .label,.product-essential .product-vendor .label,.product-essential .sku .label,.product-essential .availability .label, .product-essential .attributes dt,.product-essential .attribute-item .attribute-label,.variant-overview .sku .label, .variant-overview .availability .label {color: #000000;font-weight: 800;font-size: 14px;} .product-essential .required {color: #E50000;} .product-essential .short-description {font-weight: 400;line-height: 1.5em;color: var(--text-primary-color);} .full-description {font-weight: 400;line-height: 1.25;color: var(--text-primary-color);} .product-essential .product-review-links {color: #0A52A3;} .product-essential .old-product-price {color: #6C6E99;font-weight: bold;font-size: 20px;text-decoration: line-through;} .product-essential .product-price {font-size: 20px;color: var(--text-primary-color);font-weight: 700;} .product-essential .product-estimate-shipping {padding: 10px;border: 1px solid #6c757d;border-radius: 5px;} .product-essential .free-shipping {color: #4BCD2A;font-weight: 600;text-transform: uppercase;} .product-essential .attributes input[type="text"] {padding: 5px 10px;color: #6c757d;background-color: #fff;line-height: 1.5;border: 1px solid #6c757d;border-radius: 3px;} .add-to-cart-panel select {width: fit-content;margin-left: 0.25em;} .add-to-cart-panel .button-1.add-to-cart-button {padding: 7px 30px;font-size: 14px;text-transform: capitalize;} .add-to-cart-panel .button-1.add-to-cart-button i {font-size: 22px;} .add-to-cart-panel .qty-wrapper {min-height: 36px;padding: 0 30px;border: 1px solid #D2D2DC;border-radius: 100px;} .add-to-cart-panel .qty-label {font-size: 15px;} .add-to-cart-panel .qty-wrapper input[type="number"] {width: auto;max-width: 50px;min-height: 34px;padding: 0 5px;color: #6c757d;text-align: center;line-height: 1.5;border: 0; border-radius: 0;} .add-to-cart-panel .qty-wrapper input::-webkit-outer-spin-button, .add-to-cart-panel .qty-wrapper input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .add-to-cart-panel .qty-wrapper input[type="number"] {-moz-appearance: textfield;} .overview-buttons .button-2,.variant-overview .button-2 {padding: 7px 20px;font-size: 13px;text-transform: capitalize;} .overview-buttons .button-2 i,.variant-overview .button-2 i {font-size: 18px;} .variant-picture,.variant-overview {text-align: center;} .variant-overview .add-to-cart-panel {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .variant-overview .qty-wrapper {margin-top: 10px;} .product__tab.ui-widget {color: #666B77;font-size: 15px;line-height: 25px;} .product__tab.ui-widget.ui-widget-content {margin: 60px 0 25px;background: #FFFFFF;max-width:100%;border-color: #E4E4EF;border-radius: 3px;box-shadow: 0px 0px 10px rgba(193, 193, 193, 0.25);} .product__tab.ui-tabs .ui-tabs-nav {padding-top: 0;background: none;font-size: 16px;text-align: center;text-transform: uppercase;border: 0;border-radius: 0;} .product__tab.ui-tabs .ui-tabs-nav li {float: none;display: inline-block;background: none;border: 0;border-radius: 0;margin: 0;padding: 0;width: 100%;} .product__tab.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: #fff;border-radius: 100px;padding: 0;} .product__tab .ui-state-default a,.product__tab .ui-state-default a:link, .product__tab .ui-state-default a:visited {padding: 8px 25px;color: #fff;background: #6c757d;display: block;width: 100%;} .product__tab .ui-state-active a,.product__tab .ui-state-active a:link, .product__tab .ui-state-active a:visited {color: #FFFFFF;background: var(--primary-color);letter-spacing: .15em;font-weight: 500;transition: all ease .65s;} .product__tab .product-tags-box .title, .product__tab .product-specs-box .title {padding-bottom: 15px;} .product__tab .product-tags-list li {display: inline-block;} .product__tab .product-tags-list li.separator {margin-right: 5px;} .product-details-page .also-purchased-products-grid, .product-details-page .related-products-grid {margin-top: 30px;} .product-details-page .also-purchased-products-grid .title, .product-details-page .related-products-grid .title {width: calc(100% - 60px);font-size: 24px;text-align: left;text-transform: uppercase;font-family: var(--font-bold-2); font-size: 36px;color: var(--heading-color);} .product-details-page .also-purchased-products-grid.ocarousel .owl-nav, .product-details-page .related-products-grid.ocarousel .owl-nav {top: -35px;right: 0;width: auto;} .product-details-page .also-purchased-products-grid.ocarousel .owl-nav button.owl-prev, .product-details-page .related-products-grid.ocarousel .owl-nav button.owl-prev {margin-right: 5px;} /*Custom code for new lay out start*/ .sub-category-item:hover {box-shadow: 5px 5px 10px 0 #ccc !important;transform: translate3d(0px, -1px, 0px);} .ocarousel .item-box {border: 1px solid #c7cbce;border-radius: 10px;} .sub-category-item {border-radius: 10px;transition: all .15s ease-in-out;} .sub-category-item .title {padding-top: .45em;border-radius: 10px;} .category-details-btn {text-align: center;padding: .5em 1em;background-color: var(--homepage-store-view-btn-bg-color);color: var(--homepage-store-view-btn-text-color); font-weight: 600;font-size: .9em;} .category-carousel .featured-cat.p-ocarousel .p-ocarousel-item img {width: 100%;padding: 0.75em;border-radius: 1.5em;} .sub-category-details-btn {text-align: center;padding: .75em 1.5em;background-color: #ebebeb;color: #000;font-weight: 400;font-size: .9em;margin-top: .45em; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;} .sub-category-title {overflow: hidden;width: 100%;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .item-box .picture {border-radius: 10px;background: #f8f8f8;} .overview {background-color: #f8f8f8;padding: 1.5em;border-radius: .5em;} .add-to-cart-panel {background-color: #fff;} .category-description {padding-bottom: .5em;} .form-fields {padding: 0em 1em 1em 1em;} .shipping-header-item {font-weight: 600;} #validate-studentid {font-size: .95em;word-break: break-word;} .order-title {font-size: 18px;text-transform: uppercase;background-color: #fff;color: var(--primary-color);font-weight: 400;padding: .5em 0;} .ui-dialog-content {background-color: #fff !important;} .ui-dialog:before {content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);} .footer-list {color: var(--footer-upper-links-color);list-style:none;padding: 0;text-transform:capitalize;} .footer-list li {margin: 5px 0} .footer-list li a:hover {padding-left: 0.5em;color: var(--footer-upper-links-hover-color);letter-spacing: .09em;transition: all ease .65s;} .viewDetails-btn-container{position: relative;} .viewDetails-btn {text-align: center;padding: 0.75em 1.5em;border: 1px solid var(--button-border-color);background: var(--button-background-color);color: var(--button-text-color); font-weight: 400;font-size: 0.9em;margin-top: 0.45em;border-radius: 5px;display: inline-block;width: calc(100% - 30px);z-index: 2;position: absolute;bottom: 0; transform: translate(-50%, -50%);} .rating-options {padding: 0px 0.5em;} .header-menu {padding: 10px 0;background: var(--menu-main-bg-color);color: var(--menu-main-text-color);} .account-activation-page {padding:20px;width:calc(100% - 20px);margin:40px auto;max-width:500px;background:#fff;min-height:20vh;display:flex;flex-direction:column; justify-content:center;align-items:center;text-align:center;border-radius:4px;box-shadow:0 1px 3px 1px rgba(197,212,225,.8)} .address-scroll {max-height: 25em;overflow-y: auto;overflow-x: hidden;} .default-badge {position: relative;left: 0;font-size: 12px;text-align: left;margin-bottom: 15px;min-height: 15px;} .default-billing {background-color: crimson;border-radius: 15px;padding: 0.5em;color: #fff;box-shadow: 0 2px 15px 0px rgb(255 0 0 / 30%);} .default-shipping {background-color: steelblue;border-radius: 15px;padding: 0.5em;color: #fff;box-shadow: 0 2px 15px 0px rgb(70 130 180 / 30%);} .select-billing-address-button,.select-shipping-address-button, .order-completed-continue-button {width: auto;} span.required {color: #AD0101;} /*Custom code for new lay out end*/ /***** ESTIMATE SHIPPING POPUP *****/ .estimate-shipping-popup {position: relative;background: #FFF;padding: 25px;width: auto;max-width: 800px;margin: 0 auto;} .estimate-shipping-popup-zoom-in .mfp-with-anim {opacity: 0;transition: all 0.2s ease-in-out;transform: scale(0.8);} .estimate-shipping-popup-zoom-in.mfp-bg {opacity: 0;transition: all 0.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: 0.8;} .estimate-shipping-popup-zoom-in.mfp-removing .mfp-with-anim {transform: scale(0.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%;} .shipping-address .required {position: absolute;top: 3px;right: 5px;margin-left: 0px;} .estimate-shipping-row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .estimate-shipping-row-item.address-item .estimate-shipping-row {position: relative;} .estimate-shipping-row .select {border-radius: 3px;} .estimate-shipping-row.shipping-option {cursor: pointer;} .estimate-shipping-row.shipping-option.active {font-weight: 700;} .estimate-shipping-row-item {-ms-flex: 0 1 100%;flex: 0 1 100%;} .estimate-shipping-row-item.shipping-item {padding: 8px 0;overflow: hidden;overflow-wrap: break-word;} .estimate-shipping-row-item.shipping-header-item {padding: 12px 0;border-bottom: 1px solid #f2f2f2;-ms-flex-item-align: end;align-self: center;} .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 {-ms-flex: 0 0 35px;flex: 0 0 35px;} .ship-to-title {margin-bottom: 10px;} .choose-shipping-title {margin-top: 20px;} .estimate-shipping-address-control {width: 100%;height: 36px;border-radius: 0;} .estimate-shipping-radio {display: none;} .estimate-shipping-radio + label {-webkit-appearance: none;background-color: #fafafa;border: 1px solid #cacece;padding: 9px;border-radius: 50px;display: inline-block; position: relative;} .estimate-shipping-radio:checked + label:after {content: ' ';width: 6px;height: 6px;border-radius: 50px;position: absolute;top: 6px;left: 6px;background: #ffffff;} .estimate-shipping-radio:checked + label {background-color: var(--primary-color);color: #99a1a7;border: 1px solid #adb8c0;border-color: var(--primary-color);} .apply-shipping-button {padding: 10px 25px;} .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, 0.1), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0)); background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0)); background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0)); background-position: 0 0, 0 100%;background-size: 100% 7px;} .shipmain .shipping-options {max-height: initial;border: 1px solid #dddddd;padding: 20px;} .shipping-options:before, .shipping-options:after {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;} /***** CART/WISHLIST PAGES *****/ .order-progress {padding: 15px 0;text-align: center;} .order-progress ul {font-size: 0;padding:0;} .order-progress li {display: inline-block;background: #fff;box-shadow: 1px 1px 10px #C8D9E7;border-radius: 7px;} .order-step-title {width: 100%;display: flex;justify-content: space-between;font-size: 20px;margin-top: 15px;} .order-progress a {display: flex;flex-direction: column;align-items: center;min-width: 70px;color: #000;} .order-progress .step-icon {display: inline-flex;align-items: center;justify-content: center;margin-bottom: 15px;} .order-progress li.active-step {background-color: var(--primary-color);color: var(--text-secondary-color);} .order-progress li.active-step .step-icon, .order-progress li.active-step .order-step-title {color: #fff;} .order-progress li.active-step a {cursor: pointer;} .order-progress li.inactive-step a {opacity: 0.6;cursor: default;} .order-summary-content > form > .row {width: 100%;} .cart {width: 100%;font-size: 14px;border-spacing: 0 10px;} .cart td,.cart th {padding: 15px;border: 1px solid #dee2e6;} .cart td:first-child,.cart th:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .cart td:last-child,.cart th:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .cart th.add-to-cart,.cart td.add-to-cart {min-width: 125px;} .cart td.add-to-cart .checkbox {display: inline-block;} .cart th {background: var(--primary-color);color: var(--white);font-weight: 600;text-align: left;text-transform: uppercase;border-color: transparent;} .cart tbody tr {box-shadow: 0px 0px 10px rgba(193, 193, 193, 0.25);} .cart tbody tr td {border-width: 1px 0 1px 0;} .cart tbody tr td:first-child {border-left-width: 1px;text-align: center;} .cart tbody tr td:last-child {border-right-width: 1px;} .cart .remove-from-cart .td-title,.cart .remove-from-cart input[type="checkbox"],.cart .sku .td-title,.cart .unit-price .td-title,.cart .quantity .td-title, .cart .discount .td-title,.cart .subtotal .td-title {display: none;} .cart .remove-from-cart .remove-button {padding: 0;background-color: transparent;color: #6c757d;border: 0;cursor: pointer;font-size: 22px;} .cart .remove-from-cart .remove-button:hover {color: #E50000;} .cart .add-to-cart .checkbox [type="checkbox"]:not(:checked) ~ label, .cart .add-to-cart .checkbox [type="checkbox"]:checked ~ label {padding-left: 11px;} .cart .add-to-cart .checkbox [type="checkbox"] ~ label:before, .cart .add-to-cart .checkbox [type="checkbox"] ~ label:after {width: 20px;height: 20px;} .cart .add-to-cart .checkbox [type="checkbox"]:not(:checked) ~ label:after, .cart .add-to-cart .checkbox [type="checkbox"]:checked ~ label:after {font-size: 15px;} .cart .product-picture a {display: -webkit-box;display: -ms-flexbox;display: flex;} .cart-collaterals .title {background: #fff;padding: 10px;box-shadow: 2px 4px 4px #E2E9EE;margin-bottom: 15px;position: relative;} .order-total-box .checkbox [type="checkbox"]:checked ~ label:before,.order-total-box .checkbox [type="checkbox"]:not(:checked) ~ label:before, .order-total-box .checkbox [type="checkbox"]:checked ~ label:after,.order-total-box .checkbox [type="checkbox"]:not(:checked) ~ label:after {position: absolute;top: 5px;} .order-total-box {background: #fff;box-shadow: 2px 4px 4px #E2E9EE;padding: 10px;padding-bottom: 0;} .cart-collaterals .title .ui-accordion-header-icon {display: none;} .cart-collaterals .title::after {content: "+";display: block;font-size: 18px;line-height: 18px;font-weight: bold;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);} .cart-collaterals .title.ui-state-active::after {content: "-";} .cart-collaterals .ui-accordion .ui-accordion-content {padding: 1em 12px;} .cart-collaterals .button-1 {font-size: 12px;width: auto;} .cart .product .edit-item a {font-weight: 300;} .cart .product .attributes {padding: 5px 0;line-height: 25px;color: #6c757d;} .cart .product .attributes br {padding-bottom: 5px;} .cart .quantity-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #FFFFFF; border: 0.5px solid #CECFD5;box-shadow: 0px 0px 10px rgba(155, 158, 164, 0.15);border-radius: 3px;} .cart .input-group-quantity .button-container {position: relative;top: auto;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 5px 7px;background: transparent;border: 0; transform: none;overflow: visible;} .cart .input-group-quantity .button-container button {width: auto;height: auto;background: transparent;color: #777777;font-size: 12px;line-height: normal;border: none; cursor: pointer;} .cart .input-group-quantity input {min-width: 30px;padding: 0;color: #676A74;text-align: center;border: 0;box-shadow: none;} .shopping-cart-page .table-wrapper {margin-bottom: 0;} .cart-options .common-buttons::after, .wishlist-page .buttons::after {content: "";display: block;clear: both;} .cart-options .common-buttons a {float: right;} .cart-options .common-buttons .button-2, .wishlist-page .buttons .button-2 {display: inline-block;margin-bottom: 10px;padding: 8px 20px;font-size: 15px;line-height: 100%;border-radius: 3px; background: var(--button-background-color);border-color: var(--button-border-color);color: var(--button-text-color);} .cart-options .common-buttons .button-2:hover,.cart-options .common-buttons .button-2:focus, .wishlist-page .buttons .button-2:hover, .wishlist-page .buttons .button-2:focus {background: var(--button-background-hover-color);border-color: var(--button-border-hover-color); color: var(--button-text-hover-color);} .block-gradient.block-gradient-checkout {background: linear-gradient(180deg, #312AC0 0%, #233669 57.29%);} .checkout-page .page-body,.order-details-page {background: #fff;padding: 15px;margin: 15px 0;box-shadow: 0px 1px 10px #C8D9E7;} .checkout-page .page-body .checkout-data {border: solid 1px #dee2e6;padding: 15px;margin: 15px 0;border-radius: 3px;} .checkout-page .select {border: solid 1px #dee2e6;} .checkout-page .enter-address .edit-address {box-shadow: none;} .block-gradient.block-gradient-checkout .selected-checkout-attributes, .block-gradient.block-gradient-checkout .title {margin-bottom: 15px;padding-bottom: 10px;font-size: 15px;font-weight: 600;text-transform: capitalize; border-bottom: 1px solid #466DCE;} .block-gradient.block-gradient-checkout .input-group input[type="text"].default {background: transparent;color: #fff;border: 1px solid #466DCE;border-radius: 3px;} .block-gradient.block-gradient-checkout .input-group .button-1 {padding: 9px 25px;font-size: 14px;font-weight: 600;text-transform: capitalize;border-radius: 0; border-top-right-radius: 3px;border-bottom-right-radius: 3px;} .block-gradient.block-gradient-checkout .buttons {display: block;margin: 55px -35px 0;padding: 40px 35px;color: #2C2D36;text-align: left;} .cart-total tr td {padding-bottom: 20px;word-break:break-word;} .cart-total .cart-total-right {text-align: right;} .terms-of-service.checkbox [type="checkbox"]:not(:checked) ~ label, .terms-of-service.checkbox [type="checkbox"]:checked ~ label {text-transform: capitalize;} .checkout-buttons .button-1 {width: 100%;padding: 10px 35px;font-size: 15px;font-weight: 600;text-transform: capitalize;border-radius: 3px;} .order-total-box .checkout-buttons {margin: 0 -10px;} .order-summary-content {font-weight: 700;} .order-total-box .checkout-buttons .button-1 {height: 4em;border-top-left-radius: 40px !important;border-top-right-radius: 40px !important;font-family: var(--font-ragular); font-style: normal;font-weight: bold;font-size: 14px;line-height: 17px;letter-spacing: 0.1em;text-transform: uppercase;} .cart tbody .product-picture img {min-width: 75px;} .no-data i {font-size: 50px;} .email-friend-block {margin: 30px auto;width: 100%;max-width: 800px;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);padding: 30px;} /***** CHECKOUT PAGE *****/ .payment-description {font-weight: 400;color: rgba(0,0,0,0.6);line-height: 1.25em;letter-spacing: 0.1px;min-height: 3em;max-height: 3em;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .checkout-page .page-title h1 {text-align: center;font-size: 24px;text-transform: uppercase;border-bottom: solid 2px #EBEBF0;margin: 16px 0;padding: 20px 0;} .checkout-data .opc {margin: 20px auto 40px;padding: 0;} .checkout-page .section.order-summary {margin: 20px 0 30px;} .checkout-page .cart-footer {border-top: none;} .checkout-page .total-info {margin: 0;border-bottom: none;padding: 5px 10px 10px;} .checkout-page .address-item {width: 350px;max-width: 100%;margin: 0 15px 15px;} .checkout-page .address-item ul {margin: 0 0 15px;background-color: #f9f9f9;padding: 15px;word-break: break-word;color: #333;min-height: 280px;list-style:none;} .checkout-page .address-item li {padding: 5px 0;} .checkout-page .address-item li.name {font-size: 16px;font-weight: bold;} .checkout-page .ship-to-same-address {padding: 0;text-align: center;} .checkout-page .ship-to-same-address .selector {margin: 0 0 5px;font-weight: bold;color: #333;} .checkout-page .pickup-in-store {text-align: center;} .checkout-page .pickup-in-store .selector {margin: 0 0 5px;font-weight: bold;color: #333;} .select-pickup-point {text-align: center;} .checkout-page .pickup-points-map {min-width: 400px;min-height: 350px;vertical-align: middle;margin-top: 5px;margin-bottom: 5px;} .shipping-method .method-list li, .payment-method .method-list li {margin: 15px 0;vertical-align: top;font-size: 14px;list-style: none;} .shipping-method .method-list li label, .payment-method .method-list li label {width: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;margin-right: 0;padding: 20px 20px 20px 20px; color: #444;font-size: 14px;font-weight: bold;border-radius: 5px;cursor: pointer;box-shadow: 1px 1px 10px #C8D9E7; display: inline-block;} .shipping-method .radio input[type="radio"] + label:before,.shipping-method .radio input[type="radio"] + label:after, .payment-method .radio input[type="radio"] + label:before,.payment-method .radio input[type="radio"] + label:after {top: 17px;left: 15px;} .shipping-method .method-description, .payment-method .method-description {margin: 15px 0 0;text-align: left;} .payment-method .use-reward-points {margin: 0 0 30px;text-align: center;color: #333;} .payment-method .payment-logo {display: block;padding: 0 0 15px;vertical-align: middle;} .payment-method .payment-logo label {display: block;font-size: 0 !important;} .payment-method .checkbox-container {display: inline-block;} .payment-info .info {padding: 30px 15px;color: #333;} .payment-info .info tr {display: block;margin: 0 0 15px;font-size: 0;} .payment-info .info td {display: inline-block;width: 100% !important;max-width: 400px !important;font-size: 14px;} .payment-info .info td:only-child {width: 100% !important;max-width: 100% !important;} .payment-info .info td input[type="text"] {width: 100% !important;} .payment-info .info td input[name="CardCode"] {width: 65px !important;} .payment-info .info td select {min-width: 70px;} .payment-info .info td:first-child {margin: 0 0 10px;} .payment-info .info p {text-align: center;} .confirm-order .buttons {padding: 10px 0;} .confirm-order .button-1 {font-size: 16px;} .order-review-data > div,.order-details-area > div, .shipment-details-area > div {width: 100%;max-width: 100%;margin: 0 auto 40px;background-color: #f9f9f9;padding: 20px;color: #333;} .order-review-data li,.order-details-area li, .shipment-details-area li {padding: 3px 0;font-weight: 400;} .order-review-data .title,.order-details-area .title, .shipment-details-area .title {margin: 0 0 5px;padding: 0;font-size: 16px;font-weight: bold;} .order-review-data .title strong,.order-details-area .title strong, .shipment-details-area .title strong {font-weight: 700;} .order-review-data .payment-method-info,.order-review-data .shipping-method-info, .order-details-area .payment-method-info,.order-details-area .shipping-method-info {margin-top: 20px;} .order-review-data {margin-top: 40px;} .order-completed .details {padding: 15px;text-align: center;color: #333;} .order-completed .details div {margin: 5px 0;} .order-completed .details strong {font-weight: normal;text-transform: uppercase;} .order-completed .details a {color: #4ab2f1;} .order-completed .details a:hover {text-decoration: underline;} .opc .step-title {margin: 0 0 1px;overflow: hidden;background-color: #e0e9f0;border-radius: 3px;} .opc .allow .step-title {background-color: #6c757d;cursor: pointer;} .opc .step-title .number, .opc .step-title .title {float: left;margin: 0;padding: 10px 15px;line-height: 20px;font-size: 16px;font-weight: normal;} .opc .allow .step-title .number,.opc .allow .step-title .title {color: #fff;cursor: pointer;} .opc .step-title .number {width: 42px;background-color: #d7e0e7;border-right: 1px solid #fff;text-align: center;} .opc .allow .step-title .number {background-color: #6c757d;} .opc .step {margin: 10px 0;padding: 30px 15px;text-align: center;} .opc .section {margin: 0 auto 30px;} .opc .section > label {display: block;margin: 0 0 10px;} .opc input[type="text"],.opc select {max-width: 100%;} .opc .buttons {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; -webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 0;text-align: right;} .opc .back-link {margin: 0;} .opc .back-link a {display: inline-block;background: #eee;padding: 10px 15px;border-radius: 3px;} .opc .back-link a {display: inline-block;} .opc .back-link i {padding-right: 5px;} .opc .buttons .please-wait {display: block;margin: 0 10px 0;background: none;} .opc .section.ship-to-same-address {margin: 0 0 30px;padding: 0;} .opc .section.pickup-in-store {margin: 0 0 30px;padding: 0;} .opc .payment-info .info tr {text-align: left;} .opc .section.order-summary {margin: 0;} .shipping-method .method-name {text-align: left;} .checkout-page .order-review-data {float: left;width: 100%;} .checkout-page.order-completed-page {text-align: center;} .billing-address-page .select-billing-address .title, .shipping-address-page .select-shipping-address .title {text-align: center;} /***** FLYOUT CART *****/ .flyout-cart {display: none;} .flyout-cart {position: absolute;top: 100%;right: 2px;width: 340px;margin-top: -1px;padding-top: 10px;z-index: 1000;} .flyout-cart.active {display: block;} .mini-shopping-cart {background-color: #fff;text-align: left;font-size: 14px;box-shadow: 0px 5px 10px #878D9E;} .mini-shopping-cart::before {content: "";position: absolute;top: 0;right: 14px;font-size: 12px;width: 0;height: 0;border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid #fff;filter: drop-shadow(1px -1px 1px rgba(0,0,0,.25));} .mini-shopping-cart .cart-title, .mini-shopping-cart .cart-summary {padding: 7px 15px;font-size: 16px;border-bottom: 1px solid #6c757d;} .mini-shopping-cart .cart-title .icon-cart, .mini-shopping-cart .cart-summary .icon-cart {padding-right: 10px;font-size: 30px;} .mini-shopping-cart .cart-title .cart-close {cursor: pointer;} .mini-shopping-cart .cart-banner, .mini-shopping-cart .cart-summary {padding: 10px 15px;background-color: #F1F1F9;color: #36373D;} .mini-shopping-cart .cart-banner strong {padding-left: 5px;} .mini-shopping-cart .count a {display: inline-block;padding: 0;text-transform: none;} .mini-shopping-cart .items {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;overflow-y: auto;} .mini-shopping-cart .item {overflow: hidden;padding: 10px 15px;border-bottom: 1px solid #E1E1EB;} .mini-shopping-cart .picture {float: left;width: 90px;text-align: center;} .mini-shopping-cart .picture a {display: block;height: 100%;position: relative;background-repeat: no-repeat;background-position: center;overflow: hidden;} .mini-shopping-cart .picture img {display: none;} .mini-shopping-cart .product {width: 100%;height: 100%;margin-left: 10px;} .mini-shopping-cart .overview {width: calc(100% - 35px);} .mini-shopping-cart .name {margin: 0 0 10px;font-size: 14px;font-weight: 600;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .mini-shopping-cart .name a {padding: 0 0 5px;font-size: 13px;text-transform: capitalize;} .mini-shopping-cart .attributes {margin: 5px 0;color: #444;} .mini-shopping-cart .quantity-wrapper {width: 35px;border: 0.5px solid #CECFD5;border-radius: .3em;} .mini-shopping-cart .quantity-wrapper button {width: 100%;padding: 7px 5px;background-color: transparent;color: #777777;font-size: 9px;border: 0;} .quantity-wrapper button .icon-minus {font-size: 3px;vertical-align: middle;} .mini-shopping-cart .quantity-wrapper button.cart-qty-minus {padding-top: 7px;} .mini-shopping-cart .quantity-wrapper button.cart-qty-plus {padding-bottom: 7px;} .mini-shopping-cart .quantity-wrapper input[type=text] {height: auto;padding: 4px 3px;color: #656567;font-size: 10px;font-weight: 600;text-align: center;border: 0;} .mini-shopping-cart .remove {margin: 5px 0 5px 15px;font-size: 20px;} .mini-shopping-cart .remove-btn { border: none; background:transparent;} .mini-shopping-cart .remove-btn:hover i {color: #E50000;} .mini-shopping-cart .remove i {cursor: pointer;} .mini-shopping-cart .price-quantity {font-size: 13px;} .mini-shopping-cart .price-quantity span:last-child {font-weight: bold;} .mini-shopping-cart .button-1 {display: inline-block;width: calc(100% - 30px);margin: 3px auto 15px;padding: 10px 25px;font-size: 14px;font-weight: 600;text-transform: uppercase;} .mini-shopping-cart input[type="button"]:hover, .mini-shopping-cart input[type="button"]:focus {background-color: #E76E11;opacity: 0.8;outline: 0;} .mini-shopping-cart .cart-summary {background-color: transparent;color: #36373D;font-size: 14px;font-weight: bold;border: 0;} .mini-shopping-cart .cart-empty {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 30px 15px;color: #505758;} .mini-shopping-cart .cart-empty i {margin-bottom: 10px;font-size: 90px;} .cart-scroll {position: relative;overflow: hidden;width: 100%;height: 350px;} .cart-scroll-inner {position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: auto;overflow-x: hidden;opacity: 1;} /*** NOTIFICATIONS ***/ .bar-notification-container {position: fixed;bottom: 15px;left: 15px;z-index: 1000;width: calc(100% - 30px);line-height: 16px;color: #fff;opacity: 0.95;} .bar-notification.success {background-color: #006649;} .bar-notification.error {background-color: #d32b33;} .bar-notification.warning {background-color: #f39c12;} .bar-notification {position: relative;display: none;padding: 15px 25px 15px 10px;border-radius: 3px;} .bar-notification .content {margin: 0 10px 0 0;} .bar-notification .content a {color: #fff;text-decoration: underline;} .bar-notification .close {position: absolute;top: 0;right: 0;width: 32px;height: 32px;margin: 7px;background: #fff url('../images/close.png') center no-repeat;cursor: pointer;} /***** LOGIN/REGISTRATION *****/ .page.login-page, .page.registration-page, .page.apply-vendor-page, .page.contact-page {max-width: 1200px;margin: 0 auto;} .page.login-page .page-body, .page.registration-page .page-body {margin-bottom: 100px;} .registration-page .block-gradient .buttons {margin-top: 70px;} .page.registration-page {max-width: 100%;} .page.registration-page .page-body {max-width: 600px;margin: 2em auto 3em;} .page.registration-page .page-title {color: #6c757d;background: #fff;text-align: center;box-shadow: 1px 1px 3px 1px rgba(197, 212, 225, 0.5);text-transform: uppercase; margin-bottom: 2em;} .page.registration-page .fieldset {margin: 0 0 40px;box-shadow: 0px 4px 5px #C5D4E1;border-radius: 3px;background: #fff;color: black;} .page.registration-page .block-gradient {background: none;padding: 0;} .register-next-step-button {border-radius: 3px;margin: 2em 0 1.5em;font-size: 16px;} .fieldset .title {font-size: 16px;position: relative;} .fieldset .title::after {display: block;position: absolute;top: 55%;width: 100%;margin-top: 1.5em;border-bottom: 1px solid #ddd;} .fieldset input.form-control::placeholder {color: rgb(108 117 125 / 70%);opacity: 1;font-size: 14px;font-weight: 400;} .fieldset .date-picker-wrapper select {color: var(--text-primary-color);text-overflow:ellipsis;padding-right:2em;border: none;border-bottom: 1px solid #B3C2CE;border-radius: 0;} .fieldset .inputs.select-wrapper.date-of-birth {text-align: left !important;color: #6c757d !important;text-transform: uppercase;} .fieldset label {color: var(--text-primary-color);opacity: 1;text-transform: uppercase;font-size: 13px;font-weight: 600;text-align: left;display: flex;} .page.registration-page input[type="text"], .page.registration-page input[type="email"], .page.registration-page input[type="tel"], .page.registration-page input[type="password"], .page.registration-page input.form-control, .page.registration-page textarea, .page.registration-page textarea.form-control {border-bottom: 1px solid #B3C2CE;line-height: 1;min-height: 0px;} .fieldset-username {display: flex;justify-content: space-between;flex-wrap: wrap;} .fieldset .date-picker-wrapper {margin-top: 0px;} .registration-result-page .result {padding: 20px;width: calc(100% - 20px);margin: 40px auto;max-width: 500px;background: #fff;min-height: 50vh;display: flex; flex-direction: column;justify-content: center;align-items: center;text-align: center;border-radius: 4px; box-shadow: 0px 1px 3px 1px rgba(197,212, 225, 0.8);} .registration-result-page .result p {font-size: 20px;margin-bottom: 20px;} /***** Login *****/ .read {cursor: pointer;color: var(--link-color);font-weight: 700;} .read:hover {color: var(--link-hover-color);} .regForm {padding: 0 3em;} .register-block .buttons {padding: 1em 0;margin: 0 auto;} .block-gradient {background: #fff;border-radius: 3px;} .block-gradient__top {position: relative;} .block-gradient__top-text {margin-bottom: 1em;font-size: 15px;line-height: 1.5;} .block-gradient__top {color: var(--text-primary-color);} .block-gradient__top-text::after {content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 1px solid var(--primary-color);} .block-gradient .title {border-bottom: none;color: #6c757d;} .login-tab-title {border-bottom: none;text-transform: uppercase;font-weight: bold;} .login-tab {padding: 0 !important;} .header-breadcrumb, .breadcrumb {text-align: center;background: #FFF;box-shadow: 1px 1px 3px 1px rgba(197, 212, 225, 0.5);padding-bottom: 25px;} .html-product-details-page .breadcrumb, .html-product-details-page .breadcrumb {box-shadow: none;padding-bottom: 6px !important;} .topic-block-title {padding-top: 2%;text-align: center;color: var(--heading-color);} .product-review-box .rating {width: 95px;height: 14px;background: url(../images/rating1.png) repeat-x;} .product-review-box .rating div {height: 14px;background: url(../images/rating2.png) repeat-x;} .page.login-page .topic-block-title h2 {border-bottom: 1px solid #B3C2CE;margin-bottom: 18px;} .topic-block-body {padding: 2% 12% 5%;color: var(--text-primary-color);} .topic-block {background-color: #fff;box-shadow: 0px 0px 5px #C5D4E1;border-radius: 3px;} span.forgot-password {color: #0D99E7 !important;} .html-home-page .ui-widget-content a {color: #6c757d;} .checkbox [type="checkbox"]:not(:checked) ~ label:before, .checkbox [type="checkbox"]:checked ~ label:before {border-radius: 0;border-color: #BFBFBF;} .page.login-page {max-width: 100%;} .page.login-page .page-body {max-width: 600px;margin: auto;padding-bottom: 60px;} .block-gradient .buttons {background: none;padding: 1em 0;text-align:center;} .login-page .fieldset label {padding-top: 0;} .login-page .checkbox [type="checkbox"]:not(:checked) ~ label::before,.login-page .checkbox [type="checkbox"]:checked ~ label::after, .login-page .checkbox [type="checkbox"]:checked ~ label::before,.login-page .checkbox [type="checkbox"]:not(:checked) ~ label::after {top: 0;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: var(--section-title-background-color);} .ui-state-default a, .ui-state-default a:link {color: var(--tab-inactive-color);} .page.login-page .ui-widget.ui-widget-content {box-shadow: 0px 0px 5px #C5D4E1;border: none;border-radius: 3px;} .page.login-page .ui-widget-header {border: none;} .page.login-page .ui-tabs {padding: 0;} .page.login-page .ui-tabs .ui-tabs-nav li.ui-state-active a {color: var(--primary-color);} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {color: var(--primary-color);background: #fff;} .login-page .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;} .login-page .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: .5em 4em;} .login-page .ui-tabs-anchor {border: none;} .login-page .ui-tabs .ui-tabs-nav {padding: .5em 0 0;} .login-page .ui-tabs .ui-tabs-nav li {border: none;display: flex;font-size: 14px;padding: 10px 26px;width: 50%;} .login-page .ui-tabs .ui-tabs-nav li {margin: 0;} .login-page .ui-tabs, .login-page .ui-tabs .ui-tabs-nav {padding: 0;} .html-product-details-page .ui-tabs .ui-tabs-panel {padding: 1.5em;} /***** Password Recovery *****/ .page.password-recovery-page {max-width: 100%;} .page.password-recovery-page .page-body {max-width: 600px;margin: auto;background: #fff;} .PasswordRecovery-body {margin: 2em 0 3em;padding: 1em;text-align: center;box-shadow: 4px 4px 5px #C5D4E1;border-radius: 3px;} .page.password-recovery-page .fieldset {text-align: left;padding: 1em 3em;margin-right: 1em;position: relative;} .page.password-recovery-page .fieldset::after {content: "";display: block;position: absolute;top: 80%;width: calc(100% + 47px);border-bottom: 1px solid #B3C2CE; margin-top: 1.5em;left: -1em;} /***** HOMEPAGE - SHIPPING TYPES *****/ .shipping-types-wrapper {margin-bottom: 50px;} .shipping-type {padding: 15px 5px 15px 5px;text-align: left;border-radius: 3px;margin-bottom: 10px;background: var(--shipping-type-bg-color);color: var(--shipping-type-text-color); height:auto;} .shipping-type--icon {margin-right: 30px;text-align: center;} .shipping-type img {max-width: 75px;aspect-ratio: 1 / 1;} .shipping-type--title,.shipping-type--desc {margin: 0;} .shipping-type--title {font-size: 16px;color: var(--text-secondary-color);font-weight: 600;line-height: 100%;min-height:30px;} .shipping-type--desc {padding-top: 5px;font-size: 16px;min-height:45px;} /***** HOMEPAGE - BLOG/NEWS *****/ .html-blog-page .side-2,.html-blogpost-page .side-2 {margin-top: 50px;border: 0;} .latest-blog-container-all {position: relative;margin-bottom: 40px;} .latest-blog-container .date-time {padding: 12px 0 3px;color: white;font-size: 15px;font-weight: normal;background-color: var(--primary-color);height: 50px;text-align: center; min-height: 50px;} .latest-news-container .picture {margin: 10px 10px 0 0;} .latest-news-container .picture img {margin: 1px 0px 10px 10px;} .latest-news-container .post-title,.news-list-homepage .news-title {font-size: 18px;font-weight: bold;} .latest-news-container .date-time,.news-list-homepage .news-date {color: #A7AEBF;font-size: 13px;font-weight: 600;} .latest-blog-container-Title-homepage {background-color: white;max-width: 300px;text-align: center;font-size: 15px;padding-top: 8px;position: absolute;top: 76.3%; left: 10%;right: 10%;} .blog-title {min-height: 70px;padding: 5px 5px 8px 5px;} .news-box-inner {background-color: white;text-align: left;border-radius: 3px;} .news-box-info {margin-top: 5px;padding-bottom: 15px;padding-left: 2%;padding-right: 2%;} .latest-news-container .blog-link,.news-list-homepage .read-more {font-size: 15px;text-decoration: underline;text-transform: capitalize;} /***** BLOG & NEWS PAGES *****/ .link-rss {display: none;width: 24px;height: 24px;background: url('../images/rss.png') center no-repeat;font-size: 0 !important;} .blog-item-wrapper:after,.news-item-wrapper:after {content: "";display: table;clear: both;} .blog-item-wrapper .blog-item, .news-item-wrapper .news-item {width: calc(33.33% - 30px);float: left;margin-left: 15px;margin-right: 15px;} .news-item-wrapper .news-item {width: calc(50% - 30px);} .blog-item-wrapper .single-blog img,.news-item-wrapper .news-item img {width: 100%;} .blog-item-wrapper h4,.news-item-wrapper h4 {margin: 15px 0 10px;} .blog-item-wrapper .post-title,.news-item-wrapper .post-title {font-size: 18px;color: #3C434D;padding: 0;text-decoration: underline;} .blog-item-wrapper .date-time,.news-item-wrapper .date-time {font-size: 15px;padding-top: 15px;} .blog-item-wrapper .blog-link,.news-item-wrapper .blog-link {font-size: 14px;color: #3C434D;} .blog-item-wrapper .post-body,.news-item-wrapper .post-body {padding: 0;} .blog-page .post:not(:last-child),.news-list-page .news-item:not(:last-child) {margin-bottom: 30px;} .blog-page .post-title,.news-list-page .news-title {display: inline-block;padding: 0;line-height: 20px;font-size: 18px;font-weight: 600;} .blog-page .post-date,.news-list-page .news-date, .blogpost-page .post-date, .news-item-page .news-date {display: block;margin-bottom: 10px;background: transparent;color: #000;font-weight: 900;font-size: 14px;font-style: normal;text-transform: uppercase; border-bottom: 1px solid #373738;} .blog-page .post-body, .news-list-page .news-body, .post-body p, .news-body p {padding-top: 10px;font-size: 14px;} .blog-posts .blog-details,.blogpost-page .blog-details, .blogpost-page .tags {display: inline-block;width: 100%;margin-top: 15px;padding: 15px 0;font-size: 14px;border-top: 1px solid #ddd;} .blog-page .tags li, .blogpost-page .tags li {display: inline-block;} .blog-page .tags li.separator, .blogpost-page .tags li.separator {margin-right: 5px;} .latest-blog-container .post-body {display: none;} .new-comment {padding-bottom: 30px;text-align: center;} .new-comment label {display: inline-block;padding-bottom: 5px;} .new-comment textarea {min-height: 120px;} .comment-list {margin: 0 0 30px;} .comment-list .title {margin: 0 0 15px;padding: 0 10px;font-size: 20px;color: #333333;text-align: center;} .comment-list .title strong {font-weight: 400;} .comment-list .comment {margin: 0 0 40px;border-top: 0 solid #ddd;} .comment-info {width: 150px;margin: 20px auto;} .comment-info .username {display: block;margin: 0 0 -1px;border: 1px solid #ddd;background-color: #f6f6f6;padding: 11px 0;font-weight: 700;color: #333333;text-align: center;} .comment-content {text-align: center;} .comment-time {margin: 0 0 15px;font-size: 13px;font-weight: 700;} .comment-body {line-height: 22px;} /***** MY ACCOUNT *****/ .html-account-page .side-2,.html-news-list-page .side-2,.html-news-item-page .side-2,.html-blog-page .side-2,.html-blogpost-page .side-2,.html-compare-products-page .side-2, .html-recently-added-products-page .side-2,.html-recently-viewed-products-page .side-2,.html-manufacturer-list-page .side-2,.html-search-page .side-2, .html-product-tag-page .side-2,.html-product-tags-all-page .side-2 {margin-right: 30px;margin-top: 50px;border: none;} .order-list, .address-list-page,.downloadable-products-page,.back-in-stock-subscription-list-page,.reward-points-page,.change-password-page,.my-product-reviews-list-page, .address-edit-page {margin-top: 50px;} .customer-info-page {margin-top: 25px;} .address-item, .order-item {text-align: center;word-break: break-all;} .html-account-page .side-2 ul li a {display: block;padding: 10px 15px;} .html-account-page .side-2 ul li.active {background: var(--primary-color);color: var(--white);} .html-account-page .side-2 ul li.active a {color: inherit;} .block-gradient.block-account-navigation {padding: 25px 35px 0;} .block-gradient.block-account-navigation .title {margin-bottom: 0;padding-bottom: 0;color: #fff;font-weight: 800;font-size: 20px;text-align: center;border-bottom: 0; cursor: text;pointer-events: none;} .block-gradient.block-account-navigation .block-footer {margin: 20px -35px 0;} /***** ORDER DETAILS PAGE *****/ .re-order-button[type="submit"] {background-color: #dc3545;padding: 0.5em 1em;font-weight: 700;font-size: 1.15em;cursor: pointer;border: none;line-height: 1;text-align: center; white-space: nowrap;vertical-align: baseline;border-radius: 30px;color: var(--white);} .order-details-page .page-title, .order-details-page .order-overview {text-align: center;} .order-details-page .page-title [class*="button-"] {min-width: 120px;} .order-details-page .order-overview {padding: 30px 0;line-height: 27px;} .order-details-page .selected-checkout-attributes {margin: 30px 0;font-weight: 600;text-align: center;} .order-details-page .totals.section {width: 370px;max-width: 100%;padding: 0 10px;max-width: 100%;margin: 0 auto 50px;} .order-details-page .total-info {padding: 15px 20px;color: #fff;} .order-details-page .table td, .order-details-page .table th {font-size: 14px;} .order-details-page .data-table .product .attributes {padding-top: 7px;line-height: 22px;} .totals .table.cart-total {margin: 0;} .table.cart-total td {width: 50%;padding: 5px 0;text-align: right;border: 0;} .table.cart-total td:first-child {text-align: left;} /***** BACK IN STOCK SUBSCRIPTION PAGE *****/ .subscription-list > .table-wrapper > table {line-height: 2.5;} th.select-boxes, td.select-boxes,th.product,td.product {padding-left: 5px;} .subscription-list > .table-wrapper > table > thead {color: var(--white);background: #5d5d5d;} .subscription-list > .table-wrapper > table > tbody > tr.even {background: #ededed;} .subscription-list > .table-wrapper > table > tbody > tr:not(:last-child) {border-bottom: 1px solid var(--primary-color);} /***** COMPARE PRODUCT PAGE *****/ .compare-products-page {position: relative;overflow: hidden;} .compare-products-page .clear-items {padding: 10px 0 20px;text-align: center;} .compare-products-page .clear-list {display: inline-block;text-transform: uppercase;} .compare-products-page .clear-list:hover {opacity: 0.9;} .compare-products-table td {min-width: 150px;border: 1px solid #ddd;background-color: #fff;padding: 20px;text-align: left;vertical-align: top;} .compare-products-table td:first-child {min-width: 0;} .compare-products-table td a {color: #6c757d;} .compare-products-table td label {font-weight: normal;font-weight: 600;} .compare-products-table .remove-button {display: inline-block;border: none;background: url('../images/remove.png') left center no-repeat;padding: 0 0 0 18px;color: #E50000;font-size: 12px;} .compare-products-table .remove-button:hover {color: #E76E11;} .compare-products-table .picture {display: block;position: relative;max-width: 95%;height: 200px;margin: auto;text-align: center;overflow: hidden;} .compare-products-table .picture img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;max-width: 100%;max-height: 100%;margin: auto;} .compare-products-table .product-name td {font-weight: bold;} .compare-products-table .short-description td {line-height: 22px;} .compare-products-table .full-description td {display: none;} .compare-products-page .no-data {margin: 25px 0 0;} /***** PRODUCT REVIEWS *****/ .write-review {max-width: 600px;margin: 20px auto;} .review-rating .name-description {display: inline-block;padding-right: 10px;} .product-reviews-page .inputs label, .review-rating .name-description label {display: inline-block;margin-bottom: 5px;} .review-rating .rating-wrapper {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .product-review-item {background-color: rgba(246, 246, 248, 0.3);border-top: 1px solid #f6f6f8;} .product-review-item:nth-child(odd) {background-color: #f6f6f8;} .product-review-item .review-item-head {border-top: 1px solid #ddd;overflow: hidden;background-color: transparent;padding: 15px;} .product-review-item .review-title {line-height: 20px;font-size: 15px;} .product-review-item .product-review-box {margin: 3px 0 0;} .product-review-item .review-content {padding: 20px 15px;} .product-review-item .review-text {margin: 0 0 15px;line-height: 22px;} .product-review-item .product-review-helpfulness {padding-top: 10px;} .product-review-helpfulness .result {color: #D8000C;margin: 10px 0;padding: 10px;border-radius: 3px 3px 3px 3px;} .product-review-item .reply {margin: 15px 0;border-top: 1px solid #ddd;} .product-review-item .reply-header {margin: 15px 0;font-weight: bold;} .product-review-item .reply-text {line-height: 22px;} .product-review-item .review-info {margin: 0 0 5px;} .product-review-item .review-info label {font-weight: normal;} .product-review-item .review-info a, .product-review-helpfulness .vote {display: inline-block;padding: 0 5px;color: #6c757d;cursor: pointer;} .product-review-helpfulness .question {margin: 0 5px 0 0;font-style: italic;} .product-review-helpfulness .result {margin: 0 0 0 10px;} /***** PRIVATE MESSAGE & FORUM *****/ .page.private-messages {padding: 40px 15px;} .private-messages .tabs-header {background: #fff;border: none;} .header-links ul li.private-messege-item {margin-left: 10px;background-color: #FFFFFF;} .header-links ul li.private-messege-item a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; padding: 10px 10px;font-size: 13px;} table.forum-table,.private-messages table {width: 100%;} table.forum-table th, table.forum-table td, .private-messages th, .private-messages td {border: 1px solid #ddd;padding: 15px;} .forum-search-box .basic {position: relative;} .forum-search-box .search-box-text {padding: 6px 15px 6px 15px;} .forum-search-box .search-box-button {position: absolute;right: 0;top: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;min-height: 38px;padding-right: 100px;color: white;} /*product carousel*/ .product-carousel .owl-nav {position: absolute;top: -88px;width: 0;display: -webkit-box;display: -ms-flexbox;display: flex;left: calc(100% - 58px);-webkit-box-pack: justify; -ms-flex-pack: justify;justify-content: space-between;} .product-carousel .owl-nav button.owl-prev, .product-carousel .owl-nav button.owl-next {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center; -ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; padding: 8px 10px !important;background-color: #fff;color: #6c757d;font-size: 13px;border-radius: 3px;box-shadow: 0px 2px 3px 1px #c5d4e1;} .product-carousel .owl-nav button.owl-prev {left: -8px;} .product-carousel .owl-nav button.owl-next {right: 0;background-color: #6c757d;color: #fff;} /*change content 02-05-2022*/ .dashed-border {border-bottom: 1px dashed #C8D9E7;} .total-info .search-item .input-left-column {flex: 1;margin-bottom: 15px;} .total-info .search-item .button-right-column {margin-bottom: 15px;} .total-info .search-item .label-text {display: inline-block;margin-bottom: 10px;} .total-info .search-item .input-text {width: 100%;padding-left: 20px;} .total-info .search-item .button-2 {height: 33px;font-size: 15px;padding: 6px 20px;display: inline-table;border-radius: 3px;text-align: center;box-shadow: none;outline: 0;font-weight: 400;} .total-info .total-header-section .heading-title {font-size: 19px;line-height: 21px;color: #6C757D;margin-bottom: 10px;} .total-info .total-header-section .paragraph-text {font-size: 15px;line-height: 21px;color: #6C757D;margin-bottom: 10px;} .total-info .cart-total {margin-top: 10px;} .cell-top-padding {padding-top: 15px;} .cart-total-right .form-control {width: 170px;display: block;margin-left: auto;} .radio-shadow-box-list-item {flex: 1;padding: 20px;border: 1px solid #F1F1F1;box-shadow: 0px 0px 4px #00000014;} .pickup-gray-box {display: flex;background: #F1F1F1;border: 1px solid #F1F1F1;border-radius: 4px;padding: 15px;} .pickup-gray-box p {flex: 1;font-size: 15px;line-height: 21px;font-weight: 500;color: #6C757D;} .pickup-gray-box p span {font-weight: bold;font-style: italic;} .pickup-gray-box .rounded-box {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: #6C757D;border-radius: 4px;margin-left: 50px;} .pickup-gray-box .rounded-box img {width: 20px;} .ajax-loading-block-window {position: fixed;top: 0;left: 0;z-index: 99999999;width: 100%;height: 100%;margin: -16px 0 0 -16px;background: rgba(0,0,0,0.5) url(../images/loading.gif) center no-repeat;} .choose-shipping-section {box-shadow: 0px 1px 10px #C8D9E7;border-radius: 2px;padding: 30px;} .choose-shipping-section .shippint-title {font-size: 20px;line-height: 24px;text-transform: uppercase;margin-bottom: 20px;} .shipping-box-content .label-text {display: flex;flex: 1;padding: 25px 30px;border-radius: 6px;border-left: 9px solid var(--primary-color);box-shadow: 0px 1px 10px #C8D9E7; margin-bottom: 15px;} .shipping-box-content {height: 100%;display: flex;align-items: stretch;justify-content: flex-start;} .shipping-box-content .date-box-content span {display: block;font-size: 14px;line-height: 17px;color: #6C757D;font-weight: normal;margin-bottom: 15px;} .shipping-box-content .date-box-content .dollar-bg-box {font-size: 17px;line-height: 21px;color: #ffffff;font-weight: bold;background-color: var(--shipping-price-badge); text-align: center;padding: 4px 8px;border-radius: 4px;} .shipping-box-content .paragraph-text {font-size: 16px;line-height: 21px;color: #000000;margin-left: 30px;margin-right: 20px;} .shipping-box-content.shipping-option.active .paragraph-text {font-weight: bold;} .shipping-box-content .form-check {display: flex;align-items: center;} .shipping-box-content .estimate-shipping-radio + label {width: 33px;height: 33px;flex: 0 0 33px;} .shipping-box-content .label-text .estimate-shipping-radio:checked + label:after {width: 13px;height: 13px;top: 9px;left: 9px;} /***** HEADER *****/ .top-menu.notmobile .sublist {display: none;background: #fff;position: absolute;top: 100%;left: 0;z-index: 100;box-shadow: 1px 1px 10px #000;} .top-menu.notmobile li {position: relative;} .top-menu.notmobile li:hover > .sublist {display: block;} .top-menu.notmobile > li a {padding: 10px 15px;display: block;} .menu-toggle {font-size: 18px;font-weight: bold;} /* smart product box style*/ .product-item .attribute-circles input[type="radio"], .product-item .attribute-circles input[type="checkbox"] {display: none;} .product-item .attribute-circles label {display: block;margin: 5px;} .product-item .attribute-squares .attribute-square {height: 24px;width: 24px;background-size: cover;} .product-item .attributes .attribute-squares li .attribute-square-container::after {height: 24px;width: 24px;} .product-item .attribute-circles .attribute-circle, .attributes .attribute-squares .attribute-square-container {height: 18px;width: 18px;border-radius: 50%;display: block;overflow: hidden;} .attributes .attribute-squares .attribute-square-container {height: 25px;width: 25px;} /*Newly added in 4.40.1*/ .selected-price-range .to {float: right;} .category-carousel .p-ocarousel {display: flex;flex-wrap: wrap;} .category-carousel .p-ocarousel .p-ocarousel-item {margin-right: 0.25em;margin-bottom: 2%;box-shadow: 0 5px 5px #dfecf7;margin-top: 2%;transition: all 0.3s cubic-bezier(.25,.8,.25,1);} .category-carousel .p-ocarousel .p-ocarousel-item:hover{transform: translateY(-2px);z-index: 10;} .badge {margin: 5px 0 0 0;display: inline-block;padding: 0.5em 1em;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 30px;} .badge-cancelled {color: #fff;background-color: #dc3545;} .badge-pending {color: #000;background-color: #f39c12;} .badge-complete {color: #000;background-color: #2CB54C;} .badge-processing {color: #242424;background-color: #00c0ef;} .badge-danger {color: #fff;background-color: #dc3545;} /* Checkput Page form Styles*/ .checkout-page .checkout-data .buttons .new-address-next-step-button {margin: 0 25px;} .checkout-page .checkout-data .inputs label {margin-bottom: 0;} .checkout-page .checkout-data .inputs .select, .checkout-page .checkout-data .inputs.select-wrapper select {border: 1px solid #B3C2CE;} .checkout-page .checkout-data input[type="text"], .checkout-page .checkout-data input[type="email"], .checkout-page .checkout-data input[type="tel"], .checkout-page .checkout-data input[type="password"], .checkout-page .checkout-data input.form-control, .checkout-page .checkout-data textarea, .checkout-page .checkout-data textarea.form-control {border: 1px solid #B3C2CE;padding: 6px;border-radius: 3px;} .shipmain {margin-bottom: 50px;} .shipmain .shipping-options-body {max-height: 200px;overflow-x: hidden;overflow-y: auto;} .billing-address-page .address-grid, .shipping-address-page .address-grid {display: flex;flex-wrap: wrap;justify-content: center;} .order-review-data > div, .order-details-area > div, .shipment-details-area > div {min-height: 400px;} .customer-entered-price .enter-price-input {padding: 6px !important;box-shadow: 2px 4px 4px #e2e9ee;border: 1px solid #ccc !important;height: 42px;font-weight: 400;font-family: var(--font-ragular);} .customer-entered-price .price-input, .customer-entered-price .price-range {margin: 10px 0;} .order-details-area {display: inline-table;width: 100%;} /*30-12-2021: written by velly theme team*/ .fieldset .title, .section .title {margin: 0 0 15px;padding: 1em .3em;text-align: center;font-size: 18px;text-transform: uppercase;background-color: var(--section-title-background-color); color: var(--section-title-text-color);letter-spacing: .15em;font-weight: 400;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} .return-request-list-page .details {border-top: 1px solid #e6e6e6;padding: 20px;line-height: 22px;color: #444;} .html-return-request-list-page .main-section {margin-top: 50px;} .table-wrapper {margin: 10px 0 40px;} /*30-12-2021: written by velly theme team*/ .cart-total .cart-total-right span {min-width: 210px;word-break: break-word;} /* Refund Style written by Milan */ .refund-font-12 {font-size: 14px;color: #292929;margin: 0;font-weight: bold;padding-bottom: .3em;} .refund-font-16 {font-size: 16px;margin: 0;padding-bottom: 1em;} .refund-font-20 {font-size: 20px;font-weight: 900;margin: 0;} .refund-font-26 {font-size: 26px;font-weight: 900;margin: 0;} .refund-item-list {border-bottom: 1px solid #e3e3e3;padding: 20px;display: flex;justify-content: space-between;align-items: center;} .refund-img {border: 1px solid #6c757d;width: 60px;height: 60px;border-radius: 30px;} .refund-remark {flex: 1;margin-right: 10px;} .refund-card {box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);background-color: #ffffff;color: #4C5357;border-radius: 10px;margin-bottom: 20px;} .refund-card-header {border-bottom: 1px solid #e3e3e3;display: flex;justify-content: space-between;padding: 20px;} .refund-card-header .status {border-radius: 20px;min-width: 180px;text-align: center;padding: 5px;text-transform: uppercase;} .refund-card-footer {border-radius: 0px 0px 10px 10px;align-items: center;display: flex;justify-content: space-between;padding: 20px;background-color: #f9f9f9;} .status.pending {color: #ab5c00;border: 1px dashed #ab5c00;background-color: rgb(248 149 34 / 10%);} .status.received {color: #a900f0;border: 1px dashed #a900f0;background-color: rgb(185 34 248 / 10%);} .status.refunded {color: #47c500;border: 1px dashed #47c500;background-color: rgb(71 197 0 / 10%);} .status.canceled {color: #d80000;border: 1px dashed #d80000;background-color: rgb(248 34 34 / 10%);} .status.authorized {color: #006ac5;border: 1px dashed #006ac5;background-color: rgb(0 177 197 / 10%);} .product-form-sec .form-group .form-check .form-check-input,input[type="checkbox"],input[type="radio"] {margin-right: 5px;height: 20px;width: 20px;accent-color: var(--primary-color);} .order-summery-error {color: #e4434b;padding: 20px;background-color: rgb(228 67 75 / 10%);border-radius: 4px;width: fit-content;text-align: center;margin: 0 auto;} .main-wrapper {min-height: 620px;} .category-page .ocarousel .owl-nav {top: 50%;transform: translateY(-50%);justify-content: space-between;width: 100%;left: inherit;right: inherit;} .category-page .ocarousel .owl-nav button.owl-prev {left: 0;} /*changes after 23-05-20200*/ .email-a-friend-page input[type=text], .email-a-friend-page input[type=email] {width: 100%;} .order-list-page .order-item .buttons {flex-wrap: wrap;} .linkclass {line-height: 22px;color: var(--text-primary-color);cursor: pointer;text-transform: uppercase;font-weight: 600;font-size:14px;} .password-inp label {margin-bottom: 0.7rem !important;} .password-inp .form-control {padding: 6px !important;} .password-inp .result {display: block;padding: 3px 0 0;color: #E50000;font-size: 14px;} .prod-attr.attributes .date-picker-wrapper {margin-top: 0;} .prod-attr.attributes .first-dl {width: 100%;} .prod-attr.attributes .first-dl dt {min-width: 20%;} .prod-attr.attributes input[type="text"] {padding: 6px !important;box-shadow: 2px 4px 4px #e2e9ee;border: 1px solid #ccc !important;height: 42px;font-weight: 400;font-family: var(--font-ragular);} .prod-attr.attributes .date-picker-wrapper select {padding: 6px !important;box-shadow: 2px 4px 4px #e2e9ee;border: 1px solid #ccc !important;height: 42px;font-weight: 400;font-family: var(--font-ragular);} /***** Product Form CSS *****/ .html-product-details-page .master-column-wrapper .center-1 {flex: 1;} .product-form-main .product-form-header {background: #ffffff;box-shadow: 2px 2px 2px 1px rgb(197 212 225 / 40%);padding: 15px;} .product-form-main .product-text-sec {background: #ffffff;box-shadow: 2px 2px 2px 1px rgb(197 212 225 / 40%);padding: 30px;display: flex;justify-content: space-between; flex-direction: column;margin-top: 30px;} .product-form-main .product-text-sec h4, .product-form-main .product-text-sec p {margin-bottom: 15px;} .product-form-main .product-text-sec h4, .product-form-main .product-text-sec p strong {margin-right: 5px;} .product-form-main .product-form-sec {margin-top: 30px;word-break: break-word;} .product-form-sec .form-group {margin: 15px 0;} .product-form-sec .form-group select.form-control {padding: 6px 6px;} .product-form-sec .form-group label, .product-form-sec .form-group .form-label {font-weight: 700;font-size: 16px;line-height: 1.5;} .product-form-sec .form-group label p, .product-form-sec .form-group .form-label p {font-size: 16px;font-weight: 400;margin-top: 15px;line-height: 1.5;color:var(--text-primary-color);} .product-form-main .product-form-sec .prices {padding: 12px;text-align: center;margin: 0px auto;} .product-form-main .product-form-sec .prices .product-price {font-size: 18px;font-weight: bold;} .show-more-block-level-text {text-decoration: underline;display: block;} .html-editor table tbody tr td {font-family: var(--font-ragular) !important;padding: 1em;} .html-content-list table tbody tr td {font-size: 14px !important;font-family: var(--font-ragular);} .html-content-list table tbody tr:not(:last-child) td {padding-bottom: 10px;} .html-content-list table tbody tr td .icon-img img {width: 15px;} .html-content-list table tbody tr td .icon-img {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #6C757D;border-radius: 100%;} /* CUSTOM CSS START */ .list {list-style: none;padding: 0;} ul.info {list-style: none;padding: 0;} ul.info label {font-weight:bold;} ul.info-list {list-style: none;padding: 0;word-break: break-word;} ul.order-overview-content {list-style: none;padding: 0} .breadcrumb ul{padding:0;} .date-picker-wrapper > select {width: 100%;} .message-error.validation-summary-errors > ul{list-style: none;padding: 0em 1em;} .loader {pointer-events: none;width: 30px;height: 30px;border-radius: 50%;border: 3px solid transparent;border-top-color: var(--checkout-loader-color);margin: auto; animation: spin 1s ease infinite;overflow: hidden;} @keyframes spin {0% {transform: rotate(0turn);}100% {transform: rotate(1turn);}} .selected-price-range {padding-bottom: 5px;} tr.total-dashed-border {border-top: 0.12em dashed #C8D9E7;border-bottom: 0.12em dashed #C8D9E7;} .subscription-pulse-btn {border: 1px solid rgba(80, 205, 83, 1);padding: 5px 10px;border-radius: 30px;background-color: rgba(80, 205, 83, 1); color: var(--subscription-pulse-text-color);box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);transform: scale(1);animation: pulse-green 2s infinite;} .subscription-pulse-btn:hover {color: var(--subscription-pulse-text-color);} @keyframes pulse-green { 0% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(80, 205, 83, 0.7);} 70% {transform: scale(1);box-shadow: 0 0 0 10px rgba(80, 205, 83, 0);} 100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(80, 205, 83, 0);} } .total-dashed-border > td {padding-top: 20px;} .section-card {background-color: var(--white);box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;} /*Single Product Page*/ .thumbnail {object-fit: cover;width: 50px;max-width: 50px;height: 50px;cursor: pointer;opacity: 0.5;border-radius: 5px;border: 1px solid black;transition: all ease .5s;} .thumbnail.active {transition: all ease .5s;opacity: 1;} .thumbnail:hover {opacity: 1;} #slide-wrapper {width: 100%;display: flex;align-items: center;justify-content: center;} #slider {width: auto;display: flex;flex-wrap: nowrap;transition: all ease .5s;flex-direction: column;overflow-y: auto;padding:0;max-height:300px;margin-inline:10px;} ::-webkit-scrollbar {width: 3px;height: 5px;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 100px;} ::-webkit-scrollbar-thumb {background-color: #bcbcbc;outline: 1px solid slategrey;border-radius: 100px;} ::-webkit-scrollbar-thumb:hover {background-color: var(--link-hover-color);} /*Single Product Page Slider - Mobile*/ .product-images {position: relative;} .product-images .owl-dots {position: absolute;bottom: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;background: var(--white) !important;} .product-images .owl-dots .owl-dot.active span {background: var(--primary-color) !important;} /* Forms Catalog UI*/ .form-box .product-item .product-title {font-size:.95em;} .form-picture img {max-width: 85px;height:85px;object-fit:contain;} .forms-catalog{cursor: pointer;transition: all ease .5s;} .forms-catalog:hover {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} .form-box .picture a img {padding: 0.75em;max-width: 100%;} .form-box .product-item {border-radius: 10px;border: 1px solid #ebebeb;margin: 0.35em;background: var(--white);min-height: 7em;max-height: 7em;display: flex;align-items:center; padding:10px;overflow: hidden;} .form-box .product-item .details {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} /* Remove Coupon Button*/ .remove-discount-button {background: transparent;border: none;color: red;cursor:pointer;} /* Discount pop-up */ .overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;} .overlay:target {visibility: visible;opacity: 1;z-index: 9999;} .popup {margin: 70px auto;padding: 20px;background: #fff;border-radius: 5px;position: relative;transition: all 5s ease-in-out;} .popup h2 {margin-top: 0;color: #333;font-family: Tahoma, Arial, sans-serif;} .popup .close {position: absolute;top: 20px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333;} .popup .close:hover {color: var(--link-color);} .popup .content {max-height: 30%;overflow: auto;} .apply-discount-btn {border: 0;background-color: black;color: white;padding: 10px 20px;font-size: 0.9em;cursor: pointer;border-radius:5px;} .apply-discount-btn:hover, .apply-discount-btn:focus-visible {background-color: #636363;} /* CUSTOM CSS END*/