/* ePharmacy: rules from the old theme CSS (common/main.css, common/common.css, header/header.css) that still match markup in the theme views, plugin views, scripts
   or admin content, and are not already in site-base.css. Unchanged and in their original order, so screens not
   restyled by the new design (map in address forms, rarely used account/checkout parts, plugin pages) look and work
   as before. Rules that match nothing were dropped. Loaded on every page, before site-base.css. */
.desktop-nav .Menu > li > a, .desktop-nav .Menu > li > div{color: #000 !important}
.desktop-nav .Menu > li{margin-right: 10px}
.desktop-nav .Menu > li.-hasSubmenu > ul{position: absolute;top: 100%;bottom: auto;z-index: 100;margin: 0px;padding: 0px;min-width: 190px;background-color: #fff;left: 0;opacity: 0;visibility: hidden;transform-style: preserve-3d;-o-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transform: rotateX(-75deg);-o-transform: rotateX(-75deg);-moz-transform: rotateX(-75deg);-webkit-transform: rotateX(-75deg);border-radius: 4px;-webkit-box-shadow: 0px 1px 10px rgb(0 0 0 / 20%);box-shadow: 0px 1px 10px rgb(0 0 0 / 20%);width: 100%}
.desktop-nav > div > .Menu > li:hover > div::after{color: #443013 !important}
.desktop-nav .Menu > li.-hasSubmenu:hover > ul{opacity: 1;visibility: visible;transform: rotateX(0deg);-o-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-webkit-transform: rotateX(0deg)}
.desktop-nav .Menu ul.sublist.next-level{position: relative;-webkit-transform: none;-ms-transform: none;transform: none;left: 0}
.desktop-nav li.sub-cat-name-container a{color: #27bb5b !important;font-weight: 500}
.desktop-nav .Menu li:hover > a, .desktop-nav .Menu li.-active > a{background-color: transparent;color: #5c8be9 !important}
.desktop-nav > div > .Menu > li:hover > a, .desktop-nav > div > .Menu > li:hover::after, .desktop-nav > div > .Menu > li:hover > div{color: #ffbb58 !important;background-color: transparent}
.desktop-nav .Menu > li:nth-child(2) > ul, .desktop-nav .Menu > li:nth-child(3) > ul, .desktop-nav .Menu > li:nth-child(4) > ul, .desktop-nav .Menu > li:nth-child(5) > ul{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1}
.desktop-nav .Menu > li:nth-child(2) > ul > li, .desktop-nav .Menu > li:nth-child(3) > ul > li, .desktop-nav .Menu > li:nth-child(4) > ul > li, .desktop-nav .Menu > li:nth-child(5) > ul > li{-moz-column-break-inside: avoid;break-inside: avoid;-webkit-column-break-inside: avoid;display: block}
@media (min-width: 992px){.desktop-nav > .container{}}
@media (min-width: 992px){.desktop-nav .Menu > li:nth-child(1) > ul, .desktop-nav .Menu > li:nth-child(3) > ul, .desktop-nav .Menu > li:nth-child(2) > ul{-webkit-column-count: 5;-moz-column-count: 5;column-count: 5}}
@media (min-width: 992px){.desktop-nav .Menu > li:nth-child(3) > ul, .desktop-nav .Menu > li:nth-child(2) > ul{-webkit-column-count: 5;-moz-column-count: 5;column-count: 5}}
@media (min-width: 992px){.desktop-nav .Menu > li:nth-child(4) > ul, .desktop-nav .Menu > li:nth-child(5) > ul{-webkit-column-count: 5;-moz-column-count: 5;column-count: 5}}
#GrandCarousel .carousel-item.with-bg .carousel-caption{width: 100%;text-align: center;padding: 30px;position: relative !important;background-color: #27bb5b;display: block !important}
.mdi{font-size: 20px;line-height: 1}
.mdi::before, .mdi-set{display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 600;text-rendering: auto;line-height: inherit;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.mdi-address::before{content: "\f2b9"}
.mdi-reward::before{content: "\f559"}
.mdi-close-circle:before{content: "\f00d"}
.mdi-clipboard-text-outline:before{content: "\f46d"}
.mdi-account-star::before{content: "\f235"}
.mdi-message-draw::before{content: "\f27a"}
.mdi-heart-outline::before{content: "\f004"}
.mdi-chevron-down::before{content: "\f078"}
.mdi-magnify::before{content: "\f002"}
.mdi-orders::before{content: "\f07a"}
.mdi-returns::before{content: "\f2ea"}
.mdi-downloadProduct::before{content: "\f218"}
.mdi-backStock::before{content: "\f049"}
.mdi-password::before{content: "\f084"}
.mdi-info::before{content: "\f05a"}
.mdi-star::before{content: "\f005"}
.mdi-person::before{content: "\f2bd"}
.mdi-aution::before{content: "\f516"}
.mdi-course::before{content: "\f273"}
.mdi-note::before{content: "\f249"}
.mdi-document::before{content: "\f15b"}
.mdi-deleteAccount::before{content: "\f503"}
.mdi-avatar::before{content: "\f4fa"}
.mdi-forum::before{content: "\e05c"}
.mdi-subAccount::before{content: "\f500"}
.mdi-tags:before{content: "\f02b"}
.mdi-spec:before{content: "\f3fd"}
.customer-main--btn{padding: 12px 15px;border-radius: 3px 3px 0 0}
.customer-main--btn h5{font-size: 19px}
.customer__section{padding: 30px}
.customer__section:last-child{padding: 20px}
.breadcrumb-item + .breadcrumb-item::before{display: inline-block;padding-right: 0.5rem;color: #6c757d;content: "/"}
.collection__Filtertitle{color: #727272;font-size: 18px;font-weight: 400}
.inner-list{padding: 10px 0px}
.list-group.slick-slide:focus{outline: none}
.inner-list:last-child{padding: 15px 10px 0 10px}
.inner-list .product-content{width: calc(100% - 85px)}
.inner-list a img{max-height: 85px;max-width: 85px;height: 90px;-o-object-fit: contain;object-fit: contain;-webkit-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease}
.inner-list .product-content h3{font-size: 14px !important;line-height: 20px;font-weight: 400;letter-spacing: 0.5px;color: #1d1f20;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis}
.inner-list .product-content p{color: #34d6a3;font-weight: 500;letter-spacing: 1px}
.inner-list .w-85{width: 100px}
.form-control:focus{outline: none}
.about{overflow: hidden}
.about h2{letter-spacing: 1px;line-height: 1.3;position: relative;margin-bottom: 2.3rem}
@media (max-width: 992px){.about h2{font-size: 20px;margin-bottom: 1rem}}
@media (max-width: 992px){.about h2::after{bottom: -10px !important}}
.about h2::after{position: absolute;content: "";bottom: -20px;left: 0;width: 50%;height: 3px;background-color: #ffbb58}
.about .text-center h2::after{left: 25%}
.about p{line-height: 1.7;font-size: 14px}
.about img{margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative}
#ModalAddToCart .card-header{min-height: 54px;padding-top: 18px;text-align: center}
#ModalAddToCart .card-body{padding: 20px}
#ModalAddToCart .form-group label{font-size: 16px}
#shopping-cart-form .shopping-cart-container{width: 100%;overflow-y: auto}
.checkout-data .jumbotron h1{color: #27bb5b}
@media (max-width: 992px){.checkout-data .jumbotron h1{font-size: 30px}}
.desktop-nav > .container > ul > li:last-child{// background: #27bb5b;// border: 2px dotted #d3e13d}
.desktop-nav > div > .Menu > li:nth-child(8) > a:hover{color: #fff !important}
.desktop-nav > .container > ul > li:nth-child(7) a:before{position: absolute;top: -10px;right: 5px;left: auto;color: #fff;font-weight: 400;border-radius: 4px;font-size: 12px;content: "Vaccine & Blood Test";display: inline-block;padding: .25em .4em;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;background-color: #c5c209 !important}
.desktop-nav > .container > ul > li:nth-child(8) a:before{position: absolute;top: -10px;right: 5px;left: auto;color: #fff;font-weight: 400;border-radius: 4px;font-size: 12px;content: "UPTO 50% OFF";display: inline-block;padding: .25em .4em;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;background-color: #16a3c9 !important;animation: pound 0.3s infinite}
ul > li:has(.title:contains("Diagnostics")) .title{color: red !important}
.stock .value{background: rgb(203, 32, 39);padding: 5px;color: #fff}
.text-epharma-green{color: #27bb5b !important}
.diagonostic-banner-form .form-group input{height: auto}
@media (min-width: 1024px){.diagonostic-banner-form{background: url("/Themes/VueThemeNew/Content/images/diagnostics.jpg");background-size: cover;background-repeat: no-repeat;background-position: right;position: relative;width: 100%;display: flex;align-items: center;justify-content: center;bottom: 0}}
@media (min-width: 1024px){.diagonostic-banner-form .card{width: 400px}}
.diagonostic-banner-form .card{border: 1px dashed rgb(39, 203, 143) !important;border-radius: inherit;background-color: #ffffff82}
.diagnostics-inner-slide .card-body h5.card-title{display: block !important}
.diagnostics-package-slide .card{box-shadow: 0px 0px 13px rgb(0 0 0 / 6%);margin-top: 10px !important;margin-bottom: 10px !important}
.test-card{border: none;transition: all 400ms ease;padding: 30px 25px;color: #fff;text-align: center}
#productsList .card-img-top{width: 90px;margin: 0 0 20px 0}
.test-card:before{content: '';position: absolute;top: 0;left: 0;box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.13);background-color: #34d6a3;width: 100%;height: 0;transition: all 600ms ease;border-radius: 8px}
.test-card > *{position: relative;z-index: 1}
.test-card svg{height: 80px;margin-bottom: 25px}
.test-card svg path, .test-card svg circle{fill: #ffffff;transition: all 600ms ease}
.test-card h5{color: #fff}
.test-card p{color: #ebebeb}
.test-card:hover:before{height: calc(100% + 30px);transition: all 500ms ease;background-color: #34d6a3}
.test-card:hover svg path, .test-card:hover svg circle{fill: #fff;transition: all 1s ease}
.test-card a{position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.test-card .btn{color: #fff;text-transform: uppercase;font-weight: 700;letter-spacing: 0.5px;position: relative;font-size: 0px;transition: all 500ms ease-in;padding: 0}
.test-card:hover .btn{font-size: 14px;transition: all 1s ease}
.quote-carousel{position: relative;word-wrap: break-word}
.quote-carousel amp-fit-text{white-space: normal;width: 298px;height: 400px;overflow: hidden;position: relative}
.quote-carousel .card{height: auto;border-radius: 10px;border: 1px solid rgb(238, 238, 238);margin-top: 30px;background: #f8f9fa}
.quote-carousel .card-body{padding: 2.5em;word-break: break-word}
.quote-carousel .card-body h5{line-height: 1.7}
.quote-carousel .card-footer{font-weight: 700;font-size: 16px;background: #f8f9fa;border-radius: 0 0 10px 10px;flex-direction: column}
.package{padding: 30px 15px}
.progress{background: #e7f3ef;border-radius: 30px;height: 32px}
.progress-bar{height: 32px;width: 5%;border-radius: 30px;-webkit-transition: 0.4s linear;-moz-transition: 0.4s linear;-o-transition: 0.4s linear;transition: 0.4s linear;background-color: #34d6a3}
.table td, .table th{border-top: 0}
.table thead th{vertical-align: bottom;border-bottom: 1px solid #dee2e6;border-top: 0;font-weight: 400;font-size: 15px}
.table tbody td b{color: #444;font-weight: 500}
.table tbody tr.last td{border-top: 1px solid #dee2e6;border-bottom: 1px solid #dee2e6}
#modalTitle{color: #34d6a3}
.seperator{width: 100%;background: #34d6a391;height: 8px;margin-bottom: 20px}
.verification-section{text-align: center}
.verification-code{padding-left: 6px;letter-spacing: 30px;border: 0;background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);background-position: bottom;background-position-x: center;background-size: 50px 1px;background-repeat: repeat-x;background-position-x: 35px;width: 220px;min-width: 220px;font-size: 32px}
@keyframes snowfall{0% { transform: translate3d(var(--left-ini), 0, 0); } 100% { transform: translate3d(var(--left-end), 110vh, 0); }}
@font-face{font-family: "Poppins"; font-style: normal; font-weight: 300; font-display: auto; src: local("Poppins-Light"), url(../../Font/Poppins-Light.woff) format("woff");}
@font-face{font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: auto; src: local("Poppins-Regular"), url(../../Font/Poppins-Regular.woff) format("woff");}
@font-face{font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: auto; src: local("Poppins-Medium"), url(../../Font/Poppins-Medium.woff) format("woff");}
@font-face{font-family: "Poppins"; font-style: italic; font-weight: 500; font-display: auto; src: local("Poppins-Italic"), url(../../Font/Poppins-Italic.woff) format("woff");}
@font-face{font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: auto; src: local("Poppins-Bold"), url(../../Font/Poppins-SemiBold.woff) format("woff");}
@font-face{font-family: "Poppins"; font-style: normal; font-weight: 800; font-display: auto; src: local("Poppins-ExtraBold"), url(../../Font/Poppins-ExtraBold.woff) format("woff");}
#app{}
.bg-success{background-color: #34d6a3 !important}
#custom-search-input button:focus, select:focus, button:focus, a, a:hover, a:focus, a:active, ol, ul, dl{text-decoration: none;outline: none;list-style-type: none}
.input-group-btn .btn, .btn-group .btn{display: -webkit-box;display: -ms-flexbox;display: flex;height: 38px;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.header-logo img{width: 150px}
@media (min-width: 992px){.header-logo img{width: 160px}}
.terms ul{list-style: none;padding: 0;margin-bottom: 15px;position: relative}
.terms ul li{padding-left: 20px;line-height: 1.8;position: relative}
.terms ul li:before{content: "\f0da";font-family: "Font Awesome 5 Free";font-weight: 600;color: #272727;font-size: 16px;position: absolute;top: 0;left: 0}
.terms ol{list-style: decimal;padding-left: 40px}
.btn-warning{background-color: #ffbb58 !important;color: #ffffff !important;border-color: #ffbb58 !important}
.text-success{color: #34d6a3 !important}
.text-warning{color: #ffbb58 !important}
table thead th{vertical-align: bottom;border-bottom: 1px solid #f2f2f2 !important;background-color: #34d6a3;color: #fff;font-weight: 400}
.list-group .inner-list.slick-active:not(:last-of-type):before, .list-group .inner-list.slick-active:not(:last-of-type)::after{content: "";position: absolute;height: 1px;left: 0;bottom: 0;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease}
.list-group .inner-list.slick-active::before{width: 100%;background-color: #cdcdcd}
.list-group .inner-list.slick-active::after{width: 0%;background-color: #34d6a3}
.list-group .inner-list.slick-active:hover::before{width: 0%}
.list-group .inner-list.slick-active:hover::after{width: 100%}
.slick-prev{position: absolute;left: auto;right: 60px}
.bestSellerList .slick-prev, .bestSellerList .slick-next{top: -35px}
@media (max-width: 512px){.slick-prev{left: 0}}
.form__back{background-color: #f8f8f8;border-radius: 5px;padding: 30px}
.form-group .custom-select, .form-group .form-control{border: 1px solid rgba(0, 0, 0, 0.15)}
.form-group input{height: 38px}
.form-group select.form-control:not([size]):not([multiple]){height: calc(2.25rem + 2px)}
.custom-radio .custom-control-input:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:checked~.custom-control-label::before{border-color: #34d6a3;background-color: #34d6a3}
.sideMenu{display: block;margin: 15px 0}
.sideMenu__list{position: relative;border-bottom: 1px solid #e4e1e1}
.sideMenu__list.active .sideMenu__list--link, .sideMenu__list:hover .sideMenu__list--link{border-left: 4px solid #34d6a3}
.sideMenu__list.active .sideMenu__list--link span.mdi, .sideMenu__list:hover .sideMenu__list--link span.mdi{background-color: #34d6a3}
.sideMenu__list--link{display: -webkit-box;display: -ms-flexbox;display: flex;padding: 8px 15px;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #888 !important;font-size: 14px;font-weight: 500 !important;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: border 0.2s linear;-o-transition: border 0.2s linear;transition: border 0.2s linear}
.sideMenu__list--link span.mdi{margin-right: 15px;width: 30px;height: 30px;background-color: #ffbb58;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 13px;color: #fff;text-align: center;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear}
.tags{min-width: 185px;margin-bottom: 5px !important}
.promobadge-image-right{position: absolute;top: 5px !important;right: 0 !important}
.gallery .promobadge-image-right{margin: 5px 5px 0 0}
.newsletter{background: #28C393}
footer span.h5{font-size: 16px}
footer .about-us.block{font-size: 14px}
footer .block h2, footer .block a{color: #000}
footer .list-group{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0}
footer .list-group-item{background-color: transparent;padding: 1px;border: 0;margin-right: 10px}
footer .list-group-item a{font-size: 13px;font-weight: 400;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}
footer .list-group-item a:hover{color: #34d6a3}
@media (min-width: 767px){footer .collapse{display: block !important}}
@media (max-width: 767px){footer .block{cursor: pointer;display: inline-block}}
@media (max-width: 767px){footer .card-bodyquote:after{content: "\f078";font-family: "Font Awesome 5 Free";font-weight: 600;position: absolute;right: 0;font-size: 20px;color: #2cb85d;top: 0;line-height: 23px;-webkit-transition: all 600ms ease;-o-transition: all 600ms ease;transition: all 600ms ease}}
@media (max-width: 767px){footer .card-bodyquote[aria-expanded="true"]:after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 600ms ease;-o-transition: all 600ms ease;transition: all 600ms ease}}
.Signed__header{border: 0;padding-left: 0}
.login:before{background-image: url(../../images/deliverys.png)}
.register:before{background-image: url(../../images/svg/clock-illustration.svg);bottom: 10px}
.forgetPass__recovery{height: 45px;padding: 0 30px;border-radius: 40px;color: #ffffff}
.uploadPres__title{color: #727272;font-size: 18px;padding: 15px 0 15px 20px;margin: 0;border-bottom: 1px solid #ddd}
.uploadPres__card{padding: 20px;border: 1px solid #dfe3e6;border-radius: 4px}
.uploadPres__card .browse{padding-bottom: 30px;position: relative;margin-right: 30px;width: 106px}
.uploadPres__card .browse input{opacity: 0}
.uploadPres__card .browse input{height: 106px;line-height: 45px;cursor: pointer}
.uploadPres__card .upload-img-wrap{width: calc(100% - 136px)}
.uploadPres__card .upload-img-wrap .choose-file-image{width: 106px;height: 106px;display: inline-block;overflow: hidden;border-radius: 4px !important;background-color: #ccc;margin: 0 15px 0 0;position: relative}
.uploadPres__card .upload-img-wrap .choose-file-image img{position: absolute;left: 50%;top: 50%;max-width: 100% !important;height: auto;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.uploadPres__card .upload-img-wrap .choose-file-image .deleteImage{position: absolute;top: 5px;right: 5px;background-color: #d40505;display: -webkit-box;display: -ms-flexbox;display: flex;width: 20px;height: 20px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #ffffff !important;padding: 0 0 0 1px;border-radius: 50% !important;border: none !important;-webkit-box-shadow: none !important;box-shadow: none !important}
.uploadPres__card label.upload-label{color: #28a745 !important;background-color: #ffffff;display: inline-block;position: absolute;top: 0;margin: 0;border-radius: 4px !important;left: 0;padding: 15px;text-align: center;font-size: 16px;cursor: pointer;border: 1px solid #28a745;height: 106px;width: 120px;cursor: pointer}
.uploadPres__card input.notes{padding: 18px 10px !important;border-radius: 4px !important;margin-bottom: 15px;height: auto !important}
.upload-works .how-itworks{padding: 20px !important;min-height: 270px !important}
.how-itworks{background-color: #e9f4fd !important;padding: 30px !important;border-radius: 5px !important;min-height: 330px;margin-bottom: 30px}
.how-itworks h2{font-size: 24px;color: #34d6a3}
.how-itworks p{font-size: 14px;color: #666666}
.customer__section{padding: 20px}
.customer__section:last-child{padding: 10px}
.customer__section .Signed__header{color: #ffbb58;font-size: 17px;font-weight: 400;padding-bottom: 5px;letter-spacing: -0.3px;margin-bottom: 10px}
.productDetail__overview--price{font-size: 18px;line-height: 1.3}
.productDetail__overview--delivery{font-size: 14px}
.productDetail__overview--button input:focus, .productDetail__overview--button .btn:focus{outline: none;-webkit-box-shadow: none !important;box-shadow: none !important}
.bestseller-section h2.heading-title{font-size: 16px;color: #34d6a3}
@media (min-width: 512px){.bestseller-section h2.heading-title{font-size: 18px}}
.bestseller-section .bestseller-section--border{border-bottom: 3px solid #ffbb58;padding-bottom: 10px;margin-bottom: 10px}
.ribbon{background: #f03957;color: #ffffff;position: absolute;top: 5px;left: 0;padding: 5px 7px 5px 4px;font-size: 9px;text-align: center;margin-left: 0}
.ribbon::before{border-top: 12.5px solid transparent;border-bottom: 12.5px solid transparent;border-right: 15px solid #f03957;left: -15px;top: 0;content: none;position: absolute}
.offers{background-repeat: no-repeat;background-size: cover}
.general__title::after{width: 100%;height: 1px;background-color: #d9d9d9;position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.section__title{position: relative;margin-block: 1rem}
.section__title::before{content: '';position: absolute;left: 0;top: 50%;border-top: 4px solid #34D6A3;border-radius: 10px 10px 0px 0px;height: 100%;width: 100%;transform: translateY(0%)}
.general__block{border-radius: 5px !important;overflow: hidden}
.general__block img{position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}
.general__block ul{top: 0;left: 0;padding: 20px}
.general__block ul li:last-child{text-align: right}
.general__block ul li:last-child::after{left: calc(100% - 65px)}
.general__block ul li::after{position: absolute;font-family: "Font Awesome 5 Free";font-weight: 600;color: #34d6a3;top: 0%;left: 0;display: inline-block}
.general__block ul a{color: #000000;font-size: 14px;display: inline-block;font-weight: 400;position: relative;padding-left: 18px}
.general__block ul a:hover{color: #34d6a3}
.general__block ul a::after{position: absolute;content: "\f101";font-family: "Font Awesome 5 Free";font-weight: 600;color: #34d6a3;top: 0%;left: 0;font-size: 13px;display: inline-block}
.form-control:focus{outline: none}
.date-text{color: #4c5357}
.required{color: #dc3545}
.disabled{pointer-events: none}
@-webkit-keyframes load2{0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
@keyframes load2{0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
.up-btn{position: fixed;right: 15px;bottom: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 46px;height: 46px;font-size: 24px;background: #34d6a3;border-radius: 100%;z-index: 100;cursor: pointer;-o-transition: all 0.2s ease;transition: all 0.2s ease;-webkit-transition: all 0.2s ease}
.up-btn.up-btn__hide{width: 0;height: 0;-webkit-transform: translateX(calc(100% + 15px));-ms-transform: translateX(calc(100% + 15px));transform: translateX(calc(100% + 15px))}
.up-btn:not(.up-btn__hide) div{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;height: 100%;overflow: hidden}
.up-btn:not(.up-btn__hide) div::before{content: "";position: absolute;left: 20px;width: 15px;height: 2px;background: #fff;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}
.up-btn:not(.up-btn__hide) div::after{content: "";position: absolute;right: 20px;width: 15px;height: 2px;background: #fff;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg)}
.cart-button{color: #fff !important;background: rgba(255, 255, 255, 0) !important;border-color: rgba(255, 255, 255, 0.6) !important;-webkit-box-shadow: none;box-shadow: none}
.cart-button:hover{background-color: #218838 !important;border-color: #1e7e34 !important;color: #fff !important}
ul.Menu.-vertical{display: inline-block;width: 100%;overflow-x: hidden;overflow-y: auto}
ul.Menu.-floating{display: block;position: absolute}
.Menu li.sub-cat-name-container a{font-weight: 500}
.Menu li .back .b-icon.bi{font-size: 16px;margin: 0 15px 0 0}
.Menu li>ul.-visible, ul.Menu.-floating.-visible{display: block;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);z-index: 2}
.Menu.-alignRight li>ul, .Menu.-floating.-alignRight{-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top}
.Menu *[data-icon]:before{position: absolute;left: 0px;top: 0px;bottom: 0px;margin: auto 0px}
.Menu .Icon, .Menu *[data-icon]:before{line-height: inherit}
.Menu .Icon{padding: 0px}
.Menu *:empty[data-icon]{padding-left: 0px !important;padding-right: 0px !important}
.Menu li.-hasSubmenu.-noChevron>a:after, .Menu li.-hasSubmenu.-noChevron>div:after{display: none}
.Menu *[data-icon]:before, .Menu .Icon{width: 40px;height: 40px}
.Menu *[data-icon]{min-width: 40px;min-height: 40px;padding-left: 40px}
.Menu *[data-icon]:before, .Menu .Icon{font-size: 24px}
.Menu>li ul .Icon, .Menu.-floating .Icon, .Menu>li ul *[data-icon]:before, .Menu.-floating *[data-icon]:before{font-size: 18px}
.Menu, .Menu li.-hasSubmenu>a:after, .Menu li.-hasSubmenu>div:after{color: black;border-color: black}
.Menu ul, .Menu.-floating{background: white}
.Menu li li.-hasSubmenu>a{padding-right: 28px}
.Menu li>a:first-child{-webkit-transition: background-color 0.2s;-o-transition: background-color 0.2s;transition: background-color 0.2s}
.desktop-nav li.sub-cat-name-container a{color: #34d6a3 !important;font-weight: 500}
.Menu li:hover>a:first-child, .Menu li.-active>a:first-child{background-color: rgba(0, 0, 0, 0.1)}
.desktop-nav>div>.Menu>li:hover>a, .desktop-nav>div>.Menu>li:hover::after, .desktop-nav>div>.Menu>li:hover>div{color: #443013 !important}
#GrandCarousel .link{cursor: pointer}
.btn-secondary{background-color: #333;border-color: #333}
.btn-outline-secondary{color: #333;border-color: #333}
.generalTitle{margin: 15px 0;color: #34d6a3;font-weight: 500}
@media (max-width: 440px){.generalTitle{font-size: 18px}}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{line-height: 1.3}
.color-squares input{position: absolute;visibility: hidden}
input~.color-container .color{position: relative;cursor: pointer}
input:checked~.color-container .color::before{content: "\2713";position: absolute;top: 0;left: 5px;color: #efefef}
.product-box{border: 0}
.product-box:hover{z-index: 3}
.product-box *, .product-box .card-footer *{z-index: 2}
.product-box::before{content: "";position: absolute;top: -10px;right: -10px;bottom: -10px;left: -10px;background: #fff;border-bottom: 0;border-radius: 0.25rem;border-bottom-left-radius: 0;border-bottom-right-radius: 0}
.product-box:hover::before{border-color: rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)}
.product-box .picture-container{position: relative;overflow: hidden}
.product-box .picture-container a{display: block;position: relative}
.product-box .picture-container a::before{content: "";display: block;padding-top: 100%}
.product-box .picture-container a img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;max-width: 100%;margin: auto}
.product-box .hover-img{position: absolute;top: 0;right: 0;opacity: 0;visibility: hidden;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
.product-box:hover .hover-img{opacity: 1;visibility: visible}
.product-box .hover-img.img-second{opacity: 1;visibility: visible;z-index: 2}
.product-box .card-body{padding: 10px 0}
.product-box .quick-view-button{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 16px;font-weight: 500;text-transform: uppercase;border-radius: 0;-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transform: translateY(100%);-o-transition: all 0.1s ease;transition: all 0.1s ease;-webkit-transition: all 0.1s ease}
.product-box:hover .quick-view-button{-ms-transform: translateY(0);transform: translateY(0);-webkit-transform: translateY(0)}
.product-box .card-title{line-height: 1}
.product-box .card-title a{color: #212529;margin: 0;font-size: 16px;font-weight: 500}
.product-box .rating{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;white-space: nowrap;width: 100%}
.product-box .prices{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-ms-flex-wrap: wrap;flex-wrap: wrap}
.product-box .actual-price{color: #000000;font-size: 18px;font-weight: 500;line-height: 1}
.product-box .old-price{margin: 0 0 0 5px;color: #999;font-size: 16px;font-weight: 400;text-decoration: line-through;line-height: 1}
.product-box .card-footer::before{content: "";position: absolute;top: -10px;right: -10px;bottom: -10px;left: -10px;background: #fff;-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);border-top: 0;border-radius: 0.25rem;border-top-left-radius: 0;border-top-right-radius: 0;-o-transition: all 0.1s ease;transition: all 0.1s ease;-webkit-transition: all 0.1s ease;z-index: -1}
.product-box:hover .card-footer::before{border-color: rgba(0, 0, 0, 0.2)}
.product-box .attr-name{font-size: 14px;font-weight: 500}
.product-box .attr-value{margin: 0 0 0 5px}
.product-box .attr-value .btn{margin: 0 0 3px 0;font-size: 13px;font-weight: 400}
.product-box .desc{position: relative;color: #777;font-size: 14px;max-height: 85px;margin: 0;overflow: hidden}
.product-box .btn-group{width: 100%;margin: 10px 0 0 0}
.product-box .add-cart-text{font-size: 16px;font-weight: 500;text-transform: uppercase}
.product-box .catalog-quantity{max-width: 60px}
.product-box .spec-container{margin: 10px 0 0 0}
.product-box .spec-container table, .product-box.grid-box .spec-container table td{width: 100%}
.product-box .spec-container table td{padding: 0 0 5px 0}
.product-box .spec{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 100%;line-height: 1}
.product-box .spec:not(:last-child){border-bottom: 1px dashed #dfdfdf}
.product-box .spec-name{color: #292929;font-size: 14px;font-weight: 500;border: 0}
.product-box .spec-value{position: relative;margin: 0 0 0 5px;color: #777;font-size: 14px;font-weight: 400;border: 0}
.product-box .spec-value span:not(:first-child):not(:last-child)::after, .product-box .spec-value span:not(:last-child)::after{content: ",";position: relative;bottom: 0;right: 0;margin: 0 2px 0 0}
.product-box.list{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;width: 100%}
.product-box.list .picture-container{-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
.product-box.list .card-body{-webkit-box-flex: 3;-ms-flex: 3;flex: 3;padding: 0 0 0 10px}
.product-box.list::before{border-bottom: 1px solid transparent;border-bottom-left-radius: 0.25rem;border-bottom-right-radius: 0.25rem}
.product-box.list:hover::before{border-bottom-color: rgba(0, 0, 0, 0.2)}
.product-box.list .btn-group{width: auto}
.product-box.mobile:hover .card-footer{opacity: 0;visibility: hidden}
.main-container.container-fluid .product-box.list .card-body{-webkit-box-flex: 4;-ms-flex: 4;flex: 4}
.btn.color-container{margin: 0 3px 3px 0;padding: 0;border: 0;background-color: transparent;border-radius: 100%}
.color-container .color{display: -webkit-box;display: -ms-flexbox;display: flex;width: 25px;height: 25px;border: 1px solid #efefef;border-radius: 100%}
@media (max-width: 991px){.up-btn{bottom: 75px}}
@media (max-width: 768px){.product-box.list .picture-container{-webkit-box-flex: 2;-ms-flex: 2;flex: 2}}
@media (max-width: 575px){.product-box .quick-view-button{font-size: 14px}}
@media (max-width: 575px){.product-box .countdown-box{padding: 10px}}
@media (max-width: 575px){.product-box .countdown-box .col-form-label{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0;line-height: 1}}
.product-detailsTab #nav-tabContent.tab-content #sub-nav-tab a.active{background-color: #34d6a3}
.productDetail__overview--price{font-size: 18px;line-height: 1.3}
.productDetail__overview--delivery{font-size: 14px}
.product-detailsTab .nav-tabs{border-bottom: none !important}
.product-detailsTab .nav-tabs .nav-link{border: none;color: #5f6d74;padding: 11px;text-transform: uppercase}
.product-detailsTab .nav-tabs .nav-item.show .nav-link, .product-detailsTab .nav-tabs .nav-link.active{color: #34d6a3;font-weight: 400}
.product-detailsTab .tab-content ul{padding-left: 0}
.product-detailsTab .tab-content ul li{padding-left: 16px;line-height: 1.8;position: relative}
.product-detailsTab .tab-content ul li:before{content: "\f0da";font-family: "Font Awesome 5 Free";font-weight: 700;color: #272727;font-size: 16px;position: absolute;top: -1px;left: 0}
.product-detailsTab .tabs>.tab-content{padding: 20px;border-radius: 0 0 5px 5px !important;border: none;min-height: 200px;-webkit-box-shadow: 0px 0px 50px 5px rgba(165, 157, 157, 0.3);box-shadow: 0px 0px 50px 5px rgba(165, 157, 157, 0.3)}
.product-detailsTab #nav-tab{height: 100%}
.product-detailsTab #nav-tab .nav-link{background-color: #baedb152;width: 100%;border-radius: 0px;color: #272727;font-size: 14px;padding: 10px 15px;border-bottom: 2px solid #ffffff}
.product-detailsTab #nav-tab .nav-link.active{background-color: #ffffff;border-color: #34d6a3;color: #34d6a3}
.product-detailsTab #nav-tabContent.tab-content{height: 100%;background: #f8fbff}
.product-detailsTab #nav-tabContent.tab-content>.tab-pane{border: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;height: 100%;padding: 20px 0;background: #fff}
@media (min-width: 768px){.product-detailsTab #nav-tabContent.tab-content>.tab-pane{padding: 0 20px}}
.product-detailsTab #nav-tabContent.tab-content #sub-nav-tab a{background-color: rgba(186, 237, 177, 0.32);font-size: 15px;padding: 6px 12px;margin-bottom: 5px}
.product-detailsTab #nav-tabContent.tab-content #sub-nav-tab a:not(:last-child){margin-right: 5px}
.product-detailsTab #nav-tabContent.tab-content #sub-nav-tab a.active{background-color: #34d6a3}
.search-btn{color: #fff !important;background-color: #34d4a3}
.ico-account{background-color: #ffbb58;border-radius: 34px}
.ico-account a{padding: 5px 25px;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 50px !important}
.ico-account a svg{-webkit-animation: pound 0.5s infinite;animation: pound 0.5s infinite;width: 26px;height: 26px}
.ico-account a span{color: #151514 !important;font-weight: 500;font-size: 14px;line-height: 18px;width: 94px;white-space: normal}
@-webkit-keyframes pound{from { -webkit-transform: none; transform: none; } 50% { -webkit-transform: scale(1.08); transform: scale(1.08); } to { -webkit-transform: none; transform: none; }}
@keyframes pound{from { -webkit-transform: none; transform: none; } 50% { -webkit-transform: scale(1.08); transform: scale(1.08); } to { -webkit-transform: none; transform: none; }}
.uploadPres__card--body--width{width: 50px}
.upload-guide{position: fixed;top: 0;right: 0;width: 0;height: 100%;z-index: 200;overflow: hidden;-webkit-transition: all 600ms ease;-o-transition: all 600ms ease;transition: all 600ms ease}
.upload-guide.active{width: 100%;-webkit-transition: all 600ms ease;-o-transition: all 600ms ease;transition: all 600ms ease}
.upload-guide-inner{position: absolute;max-width: 440px;height: 100%;background-color: #fff;-webkit-transform: translateX(calc(100% + 56px)) translateZ(0);transform: translateX(calc(100% + 56px)) translateZ(0);-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;top: 0;right: 0;overflow-y: auto}
.upload-guide.active .upload-guide-inner{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}
.upload-guide-inner button{position: absolute;top: 15px;right: 15px;z-index: 2;padding: 4px 8px;color: #28a745}
.slick-initialized .slick-slide:focus{outline: none}
@media (max-width: 991px){#GrandCarousel .carousel-item .carousel-caption h1{font-size: 24px;font-weight: 400}}
#GrandCarousel .carousel-caption p{margin-bottom: 0}
#GrandCarousel .carousel-item .carousel-caption a{background-color: #fff;color: #34d6a3;padding: 8px 16px;border-radius: 4px;margin-top: 5px;display: inline-block}
#GrandCarousel .carousel-indicators{}
#GrandCarousel .carousel-control-prev{left: 0}
.UserProfile .card-header{background-color: #fff;border: 0;padding: 0 10px}
.UserProfile .card-header h5{padding: 10px 0}
.featuredBrand{border-radius: 4px;background: #FFF9EA;box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.10)}
.featuredBrand-title{color: #0A9D6F;text-align: center;font-size: 24px;font-weight: 700;line-height: 30px;text-transform: uppercase;display: flex;flex-direction: column;align-items: center}
.featuredBrand .slick-slide img{width: 100px;margin: 0 auto}
.password-recovery-page form{max-width: 400px}
.password-recovery-page form input[type="submit"], .password-recovery-page form input[type="button"]{height: 45px;padding: 0 30px;border-radius: 40px}
@media (min-width: 512px){.featuredBrand-list .slick-prev, .featuredBrand-list .slick-next{top: 50%}}
@media (min-width: 512px){.featuredBrand-list .slick-prev{left: -5px}}
@media (min-width: 512px){.featuredBrand-list .slick-next{right: -5px}}
.featuredBrand .general__title label{z-index: 1}
#ph-title h1{color: #27bb5b}
.stock .value{background: rgb(203, 32, 39);padding: 5px;color: #fff}
.order-status.cancelled{background: red;color: #fff;padding: 3px}
.order-status.pending{background: #0bd4f4;padding: 3px}
.order-status.processing{background: #d9932d;color: #fff;padding: 3px}
.order-status.complete{background: #0e8e66;color: #fff;padding: 3px}
#map, #map_BillingNewAddress, #map_ShippingNewAddress{position: relative;overflow: hidden;width: 100%;height: 500px}
.sticky-panel{position: sticky;padding: 15px;border-radius: 5px;border: 2px solid rgb(52, 214, 163);top: 15px}
.total-info td{border-bottom: 1px solid #94e6cc !important;border-top: none !important}
.total-info .table{border: 0 !important}
.giftcard-box .accordion .card, .coupon-box .accordion .card{border: 1px dashed rgb(21, 193, 129) !important}
.coupon-button{display: inline-flex;align-items: center;justify-content: space-between}
.coupon-button::after{display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: .4em solid;border-right: .4em solid transparent;border-bottom: 0;border-left: .4em solid transparent;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.btn.coupon-button{background: #15c181;color: #fff}
.promobadge-image-right{left: auto !important;right: -10px}
.promobadge-image-right:before{left: auto !important;right: 0;border-right: 10px solid transparent;border-left: none !important}
.promobadge-image-right img{max-width: 90px;max-height: 60px}
.featured-brands::after{content: '';background: url('/Themes/VueThemeNew/Content/images/announcement.png') rgba(255, 245, 220, 0.60) no-repeat;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: contain;background-position: bottom left;z-index: -1}
.featured-brands-advertise{border-radius: 10px;border: 2px dashed #00A566;box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.10);max-width: 250px;width: 100%}
.newArrival-section::after{content: '';background: url('/Themes/VueThemeNew/Content/images/Fresh-Arrival.png') #C8F8B3 no-repeat;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: contain;background-position: bottom left;z-index: -1}
.customSliderButtonsWrapper{padding-block: 1rem}
.countdown-box>span{display: flex;align-items: center;font-size: 18px}
.countdown-box>span>div{display: flex;align-items: center;height: 30px;width: 30px;background: #17a2b8;white-space: nowrap;margin-right: 5px;justify-content: center;color: white;border-radius: 2px}
.banner-bg{top: 0;height: 445px}
@media (min-width: 992px){.banner-bg{max-height: 873px;height: 100%}}
@media (min-width: 1219px){.banner-bg{max-height: 909px;height: 100%}}
@media (min-width: 1365px){.banner-bg{max-height: 995px;height: 100%}}
@media (min-width: 1601px){.banner-bg{max-height: 1140px;height: 100%}}
.b-icon{outline: none}
.mini-shopping-cart .product{font-size: 12px}
@media (max-width: 992px){.mainHeader::after{content: '';background: url(/Themes/VueThemeNew/Content/images/doodle.png);position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;z-index: 0}}
.mainHeader .mainHeader-info .bestseller-section .inner-list{padding: 10px 0;gap: 5px}
.mainHeader .whyus:before{content: none}
.mainHeader .mainHeader-info .col-right, .mainHeader .mainHeader-info .col-left{width: 100%}
.mainHeader .newBannerss .slick-slide img{width: 100% !important}
.mainHeader .col-right{margin-top: 15px;background: white;z-index: 1}
.mainHeader .col-right #trendingproduct{padding: 16px}
@media (min-width: 992px){.mainHeader .col-right{margin-top: 0px}}
@media (min-width: 992px){.mainHeader .mainHeader-info .col-right{z-index: 2;width: 310px;border-radius: 10px;background: #fff}}
@media (min-width: 992px){.mainHeader .mainHeader-info .col-left{width: calc(100% - 325px);margin-left: -16px;flex-grow: 1}}
@media (min-width: 992px) and (max-width: 1599px){.mainHeader .mainHeader-info .bestseller-section .inner-list{padding: 6px 0}}
@media (min-width: 992px) and (max-width: 1599px){.mainHeader .mainHeader-info .bestseller-section .inner-list .old-price{font-size: 12px !important;line-height: auto !important}}
@media (min-width: 992px) and (max-width: 1599px){.mainHeader .mainHeader-info .bestseller-section .inner-list a img{max-height: 75px;max-width: 75px;height: 60px}}
@media (min-width: 992px) and (max-width: 1599px){.mainHeader .bestseller-section .bestseller-section--border{padding-bottom: 3px}}