#loading {display: block;position: fixed;top: 0;left: 0;z-index: 1234;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);background-image: url("/images/loader.gif");background-repeat: no-repeat;background-position: center;background-size: 150px;}

#ImportantNote {position: relative; top: 0; left: 0; padding: 10px 15px; text-align: center; font-size: 15px; font-weight: 500; color: #fff; 
box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #000; width: 100%; z-index: 1; text-transform:capitalize;}

#scroll {position:fixed;right:15px;bottom:100px;cursor:pointer;width:38px;height:38px;background-color:#333;text-indent:-9999px;display:none;border-radius:50px; border: 2px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 12;}
#scroll span {position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px;height:0;width:0;border:8px solid transparent;border-bottom-color:#ffffff}
#scroll:hover{background: var(--primary-color);}

/**=== Header CSS ===**/
.header_section {background-color: var(--body-bg); position:relative; z-index:12;}
.hdr-logo-main {border-bottom: 1px solid #E9ECEF;}
.hdr-colm-logo {width: 27%;}
.hdr-colm-search {border: 1px solid var(--primary-border-color);border-radius: 50px;padding: 0px 0 0 20px;width: 38%;position: relative; z-index:1;}
.search-input {border: none;outline: none;background-color: transparent;width: calc(100% - 20px);color: #323770; position:relative; z-index:1234;}
.search-button {background-color: var(--primary-color);padding: 12px 15px;border-radius: 0 16px 16px 0;cursor: pointer;position:relative; z-index:1234;}
.search_popup{z-index: 123;opacity: 1;position: absolute;height: 100%;width: 100%; top: 0; right: 0; left: 0; bottom: 0;}
.search_popup_content{position: absolute;z-index: 99;top: 46px;left:0%;right: 0%;width: 456px;margin: 0 auto;background: #fff;border: 1px solid #D1D5DB;box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;overflow: auto;border-radius:16px 16px; max-height: 400px;overflow-y: auto;}
.search_popup_main {background: #fff; padding: 20px;}
.search_popup_title {font-size: 18px; font-weight: 600; padding: 0 0 15px;color: #FF7E00;}
.search_popup_items {width: 100%;border-bottom: 1px solid #D1D5DB;}
.search_popup_items a {gap: 20px;padding: 5px 10px;}
.search_img img {width: 80px;}
.search_pro_name { color: #4B4B4B;font-weight: 500;padding-bottom: 5px;}
.search_pro_price {color: #A9A3A3;}
.search_pro_price span {color: #FF0000;padding-left: 5px;font-size: 16px;font-weight: 600;}
.search_popup_items:hover {background-color: #F5F5F5;border-bottom: 1px solid #fff;}

.info-icon,
.info-call, .discount-text{float: left;}

.hdr-colm-logo-img img{width: 290px;}

.hdr-colm-login {width: auto;color: #6e7191;position: relative;}
.hdr-colm-login-desktop ul {gap: 20px;}
.cart-hoverdiv,
.login-hoverdiv{display: none;}
.login-acc-img img,
.login-cart img,
.info-icon img{display: block; width: 30px; margin: 0 auto;}
.login-acc,
.login-cart {padding: 10px;border: 1px solid var(--primary-color);border-radius: 18px;}
.cart-text{align-items: center;}
.cart-hover {position: relative;}
.head-cart-value {color: var(--font-black-color);padding-left: 10px;}
.head-cart-value span {display: block;color: #888888;}

.cart-hoverdiv {position: absolute;text-align: left;top: calc(100% + 30px);padding: 10px;background: var(--white-color);transform: translate3d(0, 0, 0);backface-visibility: hidden;filter: drop-shadow(0 0 3px rgba(1, 3, 4, .19));transition: all .3s ease-in-out;z-index: 1009999;color: var(--font-black-color);visibility: hidden;border-radius: 8px;display: none;width: 360px;right: 0;text-align: center;}
.cart-hover:hover .cart-hoverdiv {visibility: visible;display: block;margin-top: -20px;}
.cart-sec-main-top-inner {padding: 0 0 10px;}
.cart-sec-main-top-inner .cart-title {font-size: 16px;font-weight: 500;padding-right: 5px;}
.cart-title-text span {font-size: 20px;font-weight: 500;}
.cart-title-text strong {font-size: 14px;font-weight: 500;}
.cart-conti-shop a {font-size: 14px;font-weight: 400;text-decoration: underline;color: var(--btn-font-orange-color);}
.cart-conti-shop a:hover {color: var(--primary-color);}
.cart-sec-main-bottom {padding: 5px 0;border-bottom: 1px solid #D1D5DB;cursor: pointer;}
.cart-sec-main-bottom:hover {background-color: #F5F5F5;border-bottom: 1px solid #fff;}
.cart-sec-bottom-left {width: 25%;}
.cart-sec-bottom-right {width: 75%;margin-left: 8px;}
.cart-sec-bottom-right-text {padding-top: 7px;}
.cart-sec-bottom-left a img {width: 80px;height: 80px;}
.cart-sec-bottom-right-title {text-align: left;font-size: 14px;font-weight: 400;line-height: 20px;padding: 5px 0;}
.cart-sec-bottom-right-text span {font-size: 16px;font-weight: 500;padding: 0 8px 0 0;}
.cart-sec-bottom-right-text strong {font-size: 14px;font-weight: 500;}
.cart-sec-bottom-right-text p {font-size: 14px;font-weight: 400;}
.hovercheckout-btn {margin-top: 5px;background: var(--btn-font-orange-color);cursor: pointer; border-radius: var(--Radius5);}
.hovercheckout-btn a{height: 40px;border-radius: 8px;line-height: 40px;color: var(--white-color);display: block; transition: 0.3s;}

.login-aac-hover {position: relative;}
.login-aac-hover:hover .login-acc-img img {-webkit-animation: policy 1.2s linear;animation: policy 1.2s linear;}
.login-aac-hover:hover .login-hoverdiv {visibility: visible;display: block;margin-top: -20px;}
.login-hoverdiv {position: absolute;text-align: left;top: calc(100% + 30px);background: var(--white-color);transform: translate3d(0, 0, 0);backface-visibility: hidden;filter: drop-shadow(0 0 3px rgba(1, 3, 4, .19));transition: all .3s ease-in-out;z-index: 1009999;visibility: hidden;display: none;width: 200px;right: -36px;text-align: center;border-radius: 7px;padding: 15px;}
.cart-hover:hover .cart-hoverdiv::before, 
.login-aac-hover:hover .login-hoverdiv::before {content: "";position: absolute;top: -15px;/* left: 0; */
right: 140px;margin: 0 auto;width: 0px;height: 0px;border-bottom: solid 15px rgb(255 255 255);border-left: solid 15px transparent;border-right: solid 15px transparent;}
.login-aac-hover:hover .login-hoverdiv::before {right: 40px;}
.login-hoverdiv .singin-btn a.btn.btn--blue, .login-hoverdiv .register-btn a.btn.btn--lightred {background: var(--primary-color);color: var(--white-color);width: 100%;display: block;margin: 0 auto;padding:10px 0; border-radius: 7px;}
.login-hoverdiv .register-btn a.btn.btn--lightred {background: var(--secondary-color);}
.login-spam {display: block;margin: 10px 0;}

/*=== Menu CSS ===*/
.navbar-left {display: flex;align-items: center;flex: 0 0 17%;}
.burger {position: relative;display: block;cursor: pointer;width: 1.6rem;height: 1rem;margin-right: 1rem;opacity: 0;visibility: hidden;background: transparent;}
.burger-line {position: absolute;display: block;left: 0;width: 100%;height: 2px;opacity: 1;border-radius: 1rem;background: var(--primary-color);}
.burger-line:nth-child(1) {top: 0px;}
.burger-line:nth-child(2) {top: 0.5rem;width: 70%;}
.burger-line:nth-child(3) {top: 1rem;}
.contact_menu {flex: 0 0 33%;}
.contact_menu a{display:flex; align-items:center;}
.info-call,
.discount-text {color: var(--font-black-color);padding-left: 10px;}
.info-call span,
.discount-text span {display: block;color: #A9A3A3;}
.info-call{display:flex; align-items:center;}

/*=== Footer Section CSS ===*/
.footer_section {margin-top: 0;float: left;width: 100%; padding-top:80px;}
.footer_bg {background: #6c709b;color: #fff;margin-top: 0;padding: 40px 0;}
.footer_bg_img {display: block;width: 100%;height: 100px;background: url("/images/footer-wave-bg.png") repeat-x center bottom #F0FFFE;}
.ftr-top {flex-flow: row wrap;}
.ftr-log {
    width: 330px;
    background: #fff;
    padding: 10px;
    border-radius: 20px;
}
.ftr-contactDiv {width: calc(100% - 420px);}
.ftr-helpDiv,
.ftr-emailDiv,
.ftr-follow-usDiv {}
.ftr-helpDiv a,
.ftr-emailDiv a,
.ftr-follow-usDiv a {color: var(--white-color);font-weight: 600;font-size: 16px;}
.ftr-helpDiv a{font-size:21.5px;}
.ftr-helpDiv span,
.ftr-emailDiv span,
.ftr-follow-usDiv span {display: block;color: #fff;padding-bottom: 5px;}
.ftr-call-text {padding-left: 10px;}
.ftr-call-text ul {display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.ftr-bottom {margin-top: 40px;gap: 40px;}
.ftr-category {width: 610px;}
.ftr-links h3 {font-size: 18px;font-weight: 600;text-transform: uppercase;margin-bottom: 15px;}
.ftr-links li {margin-bottom: 5px;}
.ftr-links li a{color: #fff;font-size: 14px;font-weight: 400;}

.ftr-links li a:hover,
.ftr-helpDiv a:hover,
.ftr-emailDiv a:hover,
.ftr-follow-usDiv a:hover{color: #ffe900;}

.ftr-subscribe-nlDiv {width: 626px;}
.subscribe-nl-title {font-size: 30px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;}
.subscribe-nl-text {color: #fff; font-weight: 400;line-height: 22px;margin: 15px 0 22px;}
.subscribe-nl-inputBox {width: 100%;}
.ftr-subscribe-input {border: 1px solid #fff;border-radius: 10px;color: #fff !important;background-color:#6c709b;width: 420px;height: 44px;padding: 0 15px; font-weight: 400;}
.ftr-subscribe-input::placeholder{color: #fff;opacity: 1;}
.subscribe-nl-inputBox input::focus{color: #fff !important;}
.ftr-subscribe-button {background: #000;color: #fff;font-size: 16px;font-weight: 600;width: 155px;height: 44px;line-height: 44px;border-radius: 10px;cursor: pointer;}
.ftr-subscribe-button img {vertical-align: middle;margin-left: 5px; width: 20px; height:auto !important;}
.copyright-bg {background: #000;}
.copyright-text {color: var(--white-color);text-align: center;padding: 12px 0;font-size: 12px;font-weight: 500;letter-spacing: 0.5px;}

.ftr-top img {mix-blend-mode: inherit;}


@media (min-width:991px) {
.mobile-logo {display: none;}
.hdr-clm-login-mobile {display: none;}
.hdr-colm-login-mobile {display: none;}
}

@media (max-width:1199px) {
.hdr-colm-logo-img img {width: 240px;}
.ftr-log {width: 100%;margin-bottom: 30px;text-align: center;}
.ftr-contactDiv {width: 100%;border-bottom: 2px solid #78C1CE;padding-bottom: 15px;}
.ftr-subscribe-nlDiv {width: 58%;}
.subscribe-nl-title {font-size: 32px;}
.ftr-subscribe-input {width: 70%;}
}

@media (max-width:1100px) {
.subscribe-nl-title {font-size: 26px;}
.subscribe-nl-inputBox {justify-content: stretch;}
.ftr-subscribe-input {width: 60%;}
.ftr-subscribe-button {margin-left: 10px;}
}

@media (max-width:999px) {
.hdr-colm-logo-img {margin-left: 80px;}
.hdr-colm-logo-img img {width: 200px;}
.hdr-colm-login-desktop ul {gap: 15px;}
.login-acc,
.login-cart {padding: 5px;border-radius: 10px;}
.hdr-colm-search {order: 3;width: 100%;margin-top: 15px;}
.footer_bg_img {background-size: cover;}
.ftr-category {width: 100%;}
.ftr-subscribe-nlDiv {width: 100%;}
.ftr-category {margin-bottom: 20px;}
.ftr-follow-usDiv .ftr-call-text {width: 110px;margin: 0 auto;}
.search_popup_content{width: 100%;}
.ftr-log img{width:220px;}
.footer_section {margin-top:-0; padding-top:50px;}
}

@media (max-width:990px) {
.desktop-logo {display: none;}
.hdr-clm-login-desktop {display: none;}
.ftr-bottom {flex-flow: row wrap;}
.footer_bg_img{background: url(/images/footer-wave-bg2.png) repeat-x center bottom #F0FFFE; height: 28px;}
.ftr-subscribe-input{width:75%}
}

@media only screen and (max-width: 992px) {
.burger {opacity: 1;visibility: visible;}
}

@media (max-width: 700px) {
.ftr-contactDiv {flex-flow: row wrap;}
.ftr-helpDiv,
.ftr-emailDiv,
.ftr-follow-usDiv {display: block; width: 100%; float: left; padding-bottom: 15px;}
.ftr-call-icon,
.ftr-call-text{float: left;}
.ftr-call-text{padding-left: 15px;}

}

@media (max-width: 560px) {
.ftr-log img {width: 250px;}
.ftr-links li a {font-size: 14px;}
.ftr-bottom {margin-top: 0;}
.ftr-category {flex-flow: row wrap;-ms-flex-flow: row wrap;width: 90%;margin: 0 auto 0;}
.ftr-links {width: 50%;margin-top: 30px;}
.ftr-subscribe-nlDiv {text-align: center;}
.ftr-subscribe-button {display: block;margin: 0px auto 0;}
.head-cart-value {display: none;}
.hdr-colm-logo {width: 70%;text-align: right;}
.hdr-colm-logo-img {margin-left: 0;width: 100%;}
.hdr-colm-logo-img img {float: right;}
.footer_section .ftr-helpDiv,
.footer_section .ftr-emailDiv,
.footer_section .ftr-follow-usDiv{display:block;}
}

@media (max-width: 520px) {
.ftr-follow-usDiv {margin: 0 auto 0;}
.ftr-follow-usDiv .ftr-call-text {width: auto;}
.ftr-call-icon img {width: 40px;}
}

@media (max-width: 480px) {
.ftr-call-text {padding-left: 10px;}
.subscribe-nl-title {font-size: 20px;}
.subscribe-nl-inputBox {flex-flow: row wrap;}
.ftr-subscribe-input {width: 100%;}
.ftr-subscribe-button {margin: 10px auto 0;}
.cart-hover:hover .cart-hoverdiv::before{right: 10px;}
}

@media (max-width: 440px) {
.hdr-colm-logo-img img {width: 160px;}
.login-acc, .login-cart {padding: 2px;border-radius: 5px;}
.ftr-helpDiv a{font-size:22px;}
.ftr-emailDiv a, .ftr-follow-usDiv a {font-size: 18px;}
}

@media (max-width: 390px) {
.ftr-log img {width: 200px;}
.hdr-colm-logo-img img {width: 170px;}
.login-acc-img img, .login-cart-img img {width: 24px;}
.cart-hoverdiv{right: -10px;}
}

@media (max-width: 360px) {
.ftr-helpDiv a{font-size:18.5px;}
.ftr-emailDiv a, .ftr-follow-usDiv a {font-size: 18px;}
.ftr-helpDiv span.fs-14, .ftr-emailDiv span.fs-14, .ftr-follow-usDiv span.fs-14 {font-size: 12px;}
.ftr-category {width: 100%;}
.subscribe-nl-title {font-size: 18px;letter-spacing: 0.5px;}
.subscribe-nl-text {font-size: 14px;line-height: 20px;}
.cart-hoverdiv{width: 310px;right: -10px;}
}

@media (max-width: 300px), (max-width: 320px) {
.hdr-colm-logo-img img {width: 155px;}
}