:root {
     --base-h: 84;
     --base-s: 86%;
     --base-l: 44%;
     --base: var(--base-h) var(--base-s) var(--base-l);
 }

 .cmn-btn {
     background: hsl(var(--base));
 }

 .cmn-btn-2 {
     background: #ff0000
 }

 .cmn-btn,
 .cmn-btn-2 {
     height: 40px;
     border: none;
     outline: none;
     line-height: 40px;
     padding: 0 30px;
     color: #ffffff;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px
 }

 .cmn-btn:hover,
 .cmn-btn-2:hover {
     color: #ffffff
 }

 .cmn-btn.btn-sm,
 .cmn-btn-2.btn-sm {
     height: 36px;
     line-height: 36px;
     padding: 0 20px
 }

 @media (max-width:575px) {

     .cmn-btn.btn-xs,
     .cmn-btn-2.btn-xs {
         height: 30px;
         line-height: 30px;
         padding: 0 10px;
         font-size: 14px
     }
 }

 .header-form-group input {
     -moz-border-radius: 5px;
     border-radius: 5px
 }

 .header-search-form .select-item .select-bar {
     -webkit-border-radius: 5px 0 0 5px;
     -moz-border-radius: 5px 0 0 5px;
     border-radius: 5px 0 0 5px;
     border-right: 1px solid #e5e5e5
 }

 .product-item .product-inner {
     background-color: #fff
 }

 .active_lang span,
 .active_lang i {
     color: #fff
 }

 .mobile-menu .nav-tabs li a.active {
     color: #fff
 }

 @media screen and (min-width:400px) {
     .subscribe-form input {
         height: 60px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px
     }
 }

 @media screen and (min-width:400px) {
     .subscribe-form button {
         height: 60px;
         -webkit-border-radius: 0 5px 5px 0;
         -moz-border-radius: 0 5px 5px 0;
         border-radius: 0 5px 5px 0
     }
 }

 .select-bar .list li {
     text-align: unset
 }

 .left-category .categories {
     border-radius: unset;
     box-shadow: unset;
     padding: 20px 0;
     border: 1px solid #e5e5e5e5
 }

 .todays-deal .item {
     box-shadow: unset;
     border: 1px solid #e5e5e5e5
 }

 @media (min-width:1200px) {
     .left-category .categories li:hover .sub-category {
         background: #ebebebeb
     }
 }

 .wish-react li a.active,
 .wish-react li button,
 .wish-react li a.active:hover,
 .wish-react li button.active:hover {
     background: hsl(var(--base));
     color: #fff
 }

 .cart-table tr td .edit.add-cart {
     font-size: 24px;
     line-height: 1;
     color: hsl(var(--base));
     cursor: pointer;
     width: 40px;
     line-height: 40px
 }

 .h-unset {
     height: unset
 }

 .social-icons li a.facebook {
     background: hsl(var(--base))
 }

 .product-details .product-size-area {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     align-items: center
 }

 .product-details .product-size-area .caption {
     font-weight: 500;
     margin-right: 5px;
     color: #292929
 }

 .product-details .product-size-area .product-single-size {
     padding: 0 10px;
     height: 30px;
     font-size: 14px;
     color: #777777;
     line-height: 30px;
     border: 1px solid #e5e5e5;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     margin: 0 3px;
     cursor: pointer;
     text-align: center
 }

 .product-details .product-size-area .product-single-size.active {
     background-color: hsl(var(--base));
     color: #ffffff;
     border-color: hsl(var(--base));
 }

 .product-details .product-color-area {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     align-items: center
 }

 .product-details .product-color-area .caption {
     font-weight: 500;
     margin-right: 5px;
     color: #292929
 }

 .product-details .product-color-area .product-single-color {
     width: 35px;
     height: 35px;
     border: 3px solid #dee2e6;
     margin: 3px;
     cursor: pointer;
     border-radius: 50%
 }

 .product-details .product-color-area .product-single-color.active {
     position: relative;
     border-color: hsl(var(--base));
 }

 .product-details .product-color-area .product-single-color.active::before {
     position: absolute;
     font-weight: 600;
     content: "\f00c";
     font-family: "Line Awesome Free";
     top: 50%;
     left: 50%;
     color: #ffffff;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     font-size: 13px
 }

 .product-details-content .ratings-area {
     margin-bottom: 5px
 }

 .product-details-content .price {
     margin-top: 20px
 }

 .review-item .thumb img {
     height: 100%;
     object-fit: cover;
     object-position: top
 }

 .product-details-content .price del {
     color: #292929
 }

 .cart-total {
     border-top: 0;
     border-left: 1px solid #dee2e6;
     ;
     border-right: 1px solid #dee2e6;
     ;
     border-radius: 0 0 5px 5px
 }

 .owl-nav .owl-prev,
 .owl-nav .owl-next {
     font-size: 0;
     position: relative
 }

 .owl-nav .owl-prev::after {
     position: absolute;
     content: "\f104";
     top: 0;
     left: 15px;
     font-size: 16px;
     font-family: 'Line Awesome Free';
     font-weight: 900
 }

 .owl-nav .owl-next::after {
     position: absolute;
     content: "\f105";
     top: 0;
     left: 15px;
     font-size: 16px;
     font-family: 'Line Awesome Free';
     font-weight: 900
 }

 .owl-nav .owl-prev:hover,
 .owl-nav .owl-next:hover {
     color: #fff
 }

 .cart-table tr th:first-child {
     border-radius: 5px 0 0 0
 }

 .cart-table tr th:last-child {
     border-radius: 0 5px 0 0
 }

 .cart-table {
     border-left: 1px solid #dee2e6;
     border-right: 1px solid #dee2e6
 }

 @media (max-width:991px) {
     .cart-table {
         border-left: 0;
         border-right: 0
     }
 }

 .total {
     display: block
 }

 .cart-total .amount {
     position: relative;
     width: 200px
 }

 .cart-total .amount::before {
     content: ':';
     color: #555555;
     padding-right: 10px;
     font-size: 18px
 }

 .custom-button.theme-2 {
     color: #ffffff;
     background: #ff0000;
     border-color: #ff0000
 }

 button:focus {
     outline: 0
 }

 .captcha.register {
     height: 50px;
     line-height: 50px;
     border-radius: 3px;
     width: 100%;
     font-size: 40px;
 }

 .captcha {
     text-align: center;
     background-color: #302e2e;
     color: #fff;
     font-weight: bold;
     letter-spacing: 20px;
     font-family: 'Henny Penny,cursive';
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     margin-left: auto;
     display: flex;
     justify-content: center;
 }

 .captcha.login {
     height: 50px;
     line-height: 50px;
     border-radius: 25px;
     font-size: 24px
 }

 .link-color {
     color: #ff0000 !important
 }

 .contact-group.country-code .input-group-text select {
     height: unset;
     background-color: transparent;
     border-color: transparent
 }

 .contact-group.country-code .input-group-text {
     padding: 0 5px
 }

 .dashboard-menu .cl-white li a,
 .user .content .title .cl-white {
     color: #ffffff !important
 }

 .user-profile .thumb {
     height: 280px
 }

 .user-profile .thumb img {
     height: 280px;
     object-fit: cover
 }

 input.custom--style {
     overflow: hidden
 }

 .file-input-btn {
     position: absolute;
     right: 10px;
     bottom: 0;
     background: hsl(var(--base));
     color: #fff;
     padding: 8px;
     border-radius: 25px;
     height: 32px;
     width: 32px;
     line-height: 17px
 }

 .cv-spinner {
     height: 50%;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .spinner {
     width: 40px;
     height: 40px;
     border: 4px #ddd solid;
     border-top: 4px #2e93e6 solid;
     border-radius: 50%;
     animation: sp-anime .8s infinite linear
 }

 @keyframes sp-anime {
     100% {
         transform: rotate(360deg)
     }
 }

 .is-hide {
     display: none
 }

 .filter-category li a.active {
     padding-left: 5px;
     color: hsl(var(--base))
 }

 .order-track-form-group button {
     -webkit-border-radius: 0 5px 5px 0;
     -moz-border-radius: 0 5px 5px 0;
     border-radius: 0 5px 5px 0
 }

 .order-track-form-group input {
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px
 }

 .verification-img .image-upload {
     position: relative;
     width: 100%;
     margin: 20px auto
 }

 .verification-img .image-upload .image-edit {
     position: absolute;
     z-index: 1;
     bottom: 10px;
     right: 25px
 }

 .verification-img .image-upload .image-edit input {
     display: none
 }

 .verification-img .image-upload .image-edit label {
     display: inline-block;
     width: 34px;
     height: 34px;
     margin-bottom: 0;
     border-radius: 100%;
     background: #FFFFFF;
     border: 1px solid transparent;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
     cursor: pointer;
     font-weight: normal;
     transition: all .2s ease-in-out
 }

 .verification-img .image-upload .image-edit label:hover {
     background: #f1f1f1;
     border-color: #d6d6d6
 }

 .verification-img .image-upload .image-edit label:after {
     content: "\f044";
     font-family: "Line Awesome Free";
     font-weight: 600;
     color: #757575;
     position: absolute;
     top: 5px;
     left: 0;
     right: 0;
     text-align: center;
     margin: auto
 }

 .verification-img .image-preview {
     width: 100%;
     height: 300px;
     position: relative;
     border: 6px solid #F8F8F8;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
 }

 .verification-img .image-preview div {
     width: 100%;
     height: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center
 }

 .product-share a,
 .product-details-wishlist a {
     background: #007bff;
     padding: 0 7px;
     color: #fff;
     border-radius: 3px;
     margin: 0 2px
 }

 .product-details-wishlist a .wish-icon {
     content: '';
     font-family: 'Line Awesome Free';
     font-weight: 400
 }

 .product-details-wishlist a .wish-icon::after {
     content: "\f004"
 }

 .product-details-wishlist a.active .wish-icon {
     font-weight: 900
 }

 .cart-sidebar-area .custom-button {
     border-color: #ffff
 }

 .close-sidebar {
     color: #292929
 }

 @media screen and (max-width:991px) {
     .cart-up {
         padding-top: 0 !important;
         padding-bottom: 0 !important
     }

     .cart-up td:first-child {
         border-top: none !important
     }

     .cart-up:last-child {
         border-radius: 0 !important
     }
 }

 .remove-compare {
     padding: 0;
     color: red
 }

 .remove-compare i {
     line-height: 1 !important;
     font-size: 20px !important;
     margin: 0 !important
 }

 .breadcrumb {
     justify-content: center
 }

 .modal-header {
     border-radius: 0
 }

 .modal-content {
     border-radius: 0;
     background-clip: unset;
     border-radius: 5px;
 }

 .todays-deal .item .thumb img {
     height: 74px
 }

 .left-category .categories li a i {
     line-height: 25px
 }

 .ajax-loader-wrapper {
     min-height: 400px
 }

 .modal-close-btn {
     position: absolute;
     right: 20px;
     top: 0;
     z-index: 2
 }

 #overlay {
     position: absolute;
     top: 260px;
     left: 50%;
     transform: translate(-50%, -50%);
     display: none;
     z-index: 3;
     width: 100px;
     height: 100px
 }

 .todays-deal .item .cont .title {
     -webkit-line-clamp: 2
 }

 .related-slide-item,
 .cate-item .cate-inner,
 .best-sell-item .best-sell-inner {
     background: #ffff;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     border: 1px solid #e5e5e5e5
 }

 .cate-item .cate-inner,
 .best-sell-item .best-sell-inner {
     box-shadow: unset
 }

 .product-item-2-inner:hover,
 .product-item-2-inner.active,
 .todays-deal .item:hover,
 .cate-item .cate-inner:hover,
 .best-sell-item .best-sell-inner:hover {
     box-shadow: 0 0 10px #00000021
 }

 .product-item-2-inner {
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     border-radius: 0 !important
 }

 .single-product-item .thumb {
     background: #fff;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px
 }

 .cart-item .cart-img {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     border: 1px solid #e5e5e5
 }

 .custom-button {
     border-radius: 3px
 }

 .cart-sidebar-area .single-product-item {
     position: relative
 }

 .remove-all-btn {
     font-weight: 700;
     border-radius: 3px;
     line-height: 48px;
     padding: 0 30px;
     background: ff0000;
     text-transform: uppercase;
     border: 1px solid #555555;
     border: 0
 }

 .remove-item-button {
     background: #ff0000;
     color: aliceblue;
     position: absolute;
     left: -10px;
     top: -5px;
     height: 22px;
     width: 22px;
     text-align: center;
     border-radius: 50%;
     line-height: 22px
 }

 .remove-item-button:hover {
     color: #fff
 }

 .owl-nav .owl-prev::after,
 .owl-nav .owl-next::after {
     left: 12px
 }

 .owl-next,
 .owl-prev {
     width: 40px;
     height: 40px;
     line-height: 40px
 }

 .owl-next.active,
 .owl-next:hover,
 .owl-prev.active,
 .owl-prev:hover {
     background-color: #ffffff;
     border: 1px solid #e5e5e5;
     color: #555555 !important
 }

 .widget {
     border-radius: 0;
     box-shadow: unset;
     border: 1px solid #e5e5e5
 }

 .filter-category-header {
     margin-left: 0;
     margin-right: 0;
     padding: 25px 20px 10px;
     border: 1px solid #e5e5e5
 }

 @media screen and (max-width:499px) {
     .fileter-select-item:first-child {
         width: 100%
     }
 }

 .fileter-select-item .select-bar::after {
     border-color: #fff
 }

 .fileter-select-item .select-bar .current {
     color: #fff !important
 }

 .overlay-2 {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     background: #fff;
     z-index: 2;
     display: none;
     opacity: .9
 }

 .empty-message {
     max-width: 500px;
     margin: 0 auto;
     position: relative
 }

 .empty-message img {
     width: 100%
 }

 .empty-message .message {
     position: absolute;
     top: 55%;
     left: 27%;
     color: #2f92fc;
     font-size: 18px;
     background: #ffffff8c;
     padding: 5px
 }

 .iziToast.iziToast-color-green {
     background: #3ae374 !important;
     border: 1px solid #3ae374 !important
 }

 .iziToast.iziToast-color-red {
     background: #ff4d4d !important;
     border: 1px solid #ff4d4d !important
 }

 .iziToast>.iziToast-body .iziToast-icon.ico-success,
 .iziToast>.iziToast-body .iziToast-icon.ico-error,
 .iziToast>.iziToast-close {
     content: '' !important;
     background: unset !important;
     font-family: 'Line Awesome Free';
     font-weight: 900;
     color: #fff !important;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     line-height: 1
 }

 .iziToast>.iziToast-body .iziToast-icon.ico-success::before {
     content: "\f00c"
 }

 .iziToast>.iziToast-body .iziToast-icon.ico-error::before {
     content: "\f05e"
 }

 .iziToast>.iziToast-body .iziToast-message {
     margin: 0 0 10px;
     color: #fff !important;
     font-weight: 400
 }

 .iziToast>.iziToast-close::before {
     content: "\f057"
 }

 .invoice-header .invoice-logo {
     width: 183px;
     height: 54px;
     margin-bottom: 10px
 }

 .remove-coupon {
     cursor: pointer
 }

 header {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
 }

 body {
     position: relative
 }

 .user-support-ticket,
 .admin-support-ticket {
     margin: 1.5rem .5rem;
     border-radius: .3rem;
     padding: 1.3rem
 }

 .user-support-ticket {
     background-color: transparent;
     border: 1px solid #FF0000
 }

 .admin-support-ticket {
     background-color: #ffd96729;
     border: 1px solid hsl(var(--base))
 }

 .invoice .logo img {
     width: 180px
 }

 .alert--base {
     background: #1702d412;
     border: 1px solid #e5e5e5;
     border-radius: 0
 }

 @media (max-width: 498px) {
     .captcha.register {
         width: 100% !important;
     }
 }