/* 01 Genral style */
*{padding:0; margin:0; border:none; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong, b{font-weight:bold}
em, i{font-style:italic;}
u{text-decoration:underline}
a{text-decoration: none;}
*:focus{outline: none;}
a:hover, a:focus {text-decoration: none; outline: none !important;}
button[type="button"]:focus{outline: none;}
.ui-widget{font-family: 'Roboto', sans-serif;}
.pink_text{color: #ff0066 !important;}
/* 1.1 SVG default css*/
svg:not(:root).svgImg { overflow: visible; }
svg:not(:root).svgImg { overflow: visible; }
.svgImg { display: inline-block; font-size: inherit; width:1em; height: 1em; overflow: visible; vertical-align:middle; }
.svg-icons { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em }
/*SVG default css*/
.mCS_no_scrollbar_y{margin-right: 0 !important;}
.container{width: 100%; max-width: 1200px;}
.imgMain{position: relative;}
.absoImg{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.padding-0{padding: 0 !important}
.wrapper{display:block; width:100%; overflow:hidden; min-height: 100vh;}
img{    display: block; max-width:100%; max-height:100%; width:auto; height:auto}
html{font-size:16px;}
body{display:block; width:100%; padding:0; margin:0; font-family: 'Roboto', sans-serif; font-weight:400; line-height:1.4; color:#000000; background-color:#f3f3f3;}
p{line-height:1.6;font-size: 0.9375rem;color:#666666;font-weight:400;margin-bottom:1rem;}
p:last-child{margin-bottom:0;}
a{color: #ff0066;}
a:hover{color: #002173;}
.trans{-moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.text-uppercase{text-transform: uppercase !important;} 
.sticky{transform: translateY(40px); background-color: #fff;position: fixed; top:-40px; right: 0; left: 0; /*z-index:10;*/ box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.40);}
/* 1.2 Button style */
.btn:focus{box-shadow: none;}
.btn{display:inline-block;min-width: 125px;vertical-align:top;padding: 10px 15px;background-color: #666666; color:#fff;border-radius:6px;text-transform:uppercase;font-size: 0.9375rem;line-height:1;font-weight:600;text-align:center;text-decoration:none;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;text-decoration:none;position:relative;}
.btn .icon{vertical-align: middle;}
.btn:hover, .btn.active{background-color: #ff0066; color: #fff;}

.round-btn{border-radius: 100px; }
.btn-pink{background-color:#ff0066}
.btn-pink:hover, .btn-pink.active{background-color: #002173}

.btn-lg{font-size: 1.25rem; min-width: 150px; padding:12px 20px; }
.btn-full{width: 100%; text-align: center;}

.btn-blue{border: 1px solid #002173; background: #002173; color: #fff}
.btn-blue:hover, .btn-blue.active{background: transparent; color: #002173;}

.btn-blue-cart{border: 1px solid #002173; background: #002173; color: #fff}
.btn-blue-cart:hover, .btn-blue.active{background: #4fcf5c; color: #fff;}

.btn-green-cart{border: 1px solid #4fcf5c !important; background: #4fcf5c !important; color: #fff !important;}
.btn-green-cart:hover, .btn-green-cart.active{background: #ff0066 !important; border-color:#ff0066 !important;  color: #fff !important;}


.btn-white{border: 1px solid #fff; background: #fff; color: #002173}
.btn-white:hover, .btn-white.active{background: #ff0066; border-color:#ff0066;  color: #fff;}

.btn-green{border: 1px solid #4fcf5c; background: #4fcf5c; color: #fff}
.btn-green:hover, .btn-green.active{background: #ff0066; border-color:#ff0066;  color: #fff;}

.btn-border{border: 1px solid #666666; background-color: transparent; color: #666666; }
.btn-border:hover, .btn-border.active{color: #fff; background-color: #666666;}

.btn-blue.btn-border{border-color: #002173; color: #002173}
.btn-blue.btn-border:hover, .btn-blue.btn-border.active{background-color: #002173; color: #fff;}

.btn-light-gray{background:#eaeaea; color: #666; }
.btn-light-gray:hover, .btn-light-gray.active{color: #fff; background: #ff0066;}

.btn-border-blue{border-color: #002173;}
.btn-sm{font-weight: 500; font-size: 1rem; text-transform: none; padding:1rem 1.875rem;}

.btn:not(:last-child){margin-right: 5px;}
.location-btn{ background:#fff; border:1.5px solid #002173; font-size: 1rem; color:#002173; font-weight: 400;}
.location-btn:hover{background:#fff; color:#FF0066; border:1.5px solid #FF0066;}
.location-btn:active{background-image:#fff !important; color: #FF0066; border:1.5px solid #FF0066;}

.location-btn .icon{font-size: 170%;margin-right: 0.5rem;} 
.whatsApp-btn{background: #4fcf5c; font-weight: 500; position: relative; font-size: 16px; width:100%; margin:0; padding-left:75px; margin-bottom:15px;}
.location-btn span, .whatsApp-btn span{display: inline-block; vertical-align: middle;}
.whatsApp-btn:hover{background:#128b7d }

/* 1.3 Form style */
.ui-selectmenu-button, .form-control{max-width: 100%; height:4rem; background-color: #f3f3f3; padding: 10px 20px; border-radius: 6px; font-weight: 300 !important; font-size: 15px; color: #666666; border: none; text-overflow: ellipsis;}
.ui-selectmenu-button.ui-selectmenu-button-open{border-bottom-right-radius:0; border-bottom-left-radius:0;} 
.ui-button:focus, .form-control:focus, .custom-control-input:focus~.custom-control-label::before{box-shadow: none /*0 0 0 0.2rem rgba(40, 37, 98, 0.25)*/; outline: 0; background: #f3f3f3;} 
.ui-selectmenu-text{margin-right: 0;}  
.ui-selectmenu-button .ui-icon{top: 50%; margin-top: -3px; margin-right: -8px; background: none !important; width:0; height: 0; border-top: 6px solid #999999; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.ui-widget.ui-widget-content{background-color: #FFF; border-radius:6px;padding:0; box-shadow:0px 4px 3px #5a5a5a;}
.ui-state-active, .ui-widget-content .ui-state-active{border: 1px solid #ff0066;background: #ff0066;}
.ui-widget.ui-widget-content{border: none !important; }
.ui-menu .ui-menu-item-wrapper{padding: 3px 0 3px 20px; display: block;}
.ui-menu .ui-menu-item{font-size:15px; color: #666666; line-height:20px;}
.ui-menu, .ui-selectmenu-menu{z-index: 9999999 !important;}
.ui-autocomplete-term{font-weight: 700; color: red;}
.ui-button:active{background-color: inherit; color: inherit;}

/* Range Slider*/
.ui-slider.ui-widget-content{border-radius: 6px; -webkit-border-radius: 6px;-moz-border-radius: 6px; -ms-border-radius: 6px;   height: 5px;   width: 100%;  position: relative;   background-color: #dcdcdc;   border: 0}
.ui-slider-range {border-radius: 0;-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; height: 1px; width: 100%; position: absolute; left: 0; top: 0; background-color: #ff0066}
.ui-slider span.ui-slider-handle {position: absolute; top: 3px; width: 15px; height: 15px; margin: -9px 0 0 -.6em; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; background-color: #ff0066 !important; border-color: #ff0066; cursor: pointer;}

.location-search{position: relative;}
.location-search:before{content: "\61";font-family: "feelkaro" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top: 0;bottom: 0;left: 17px;font-size: 1.25rem;height: 20px;margin: auto;color: #999;}
.location-search .form-control{padding-left: 44px; background: #f3f3f3;}
.location-search .locationBtn{width: 40px; height: 50px; position: absolute; right: 0; top: 0; bottom: 0; background:#f3f3f3; color: #FF3385; text-align: center; line-height:35px; border-radius: 0 6px 6px 0; cursor: pointer; font-size:20px; }

.custom-control{min-height: 1.7rem; padding-left: 1.7rem;}
.custom-control-label{font-weight: 300; font-size: 0.9375rem; color: #666666; cursor: pointer;}
.custom-control-inline{display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: .75rem; min-width: 80px;}
.custom-radio .custom-control-input:checked~.custom-control-label{color: #002173;}
.custom-control-label::before{width: 1.25rem; height: 1.25rem; background-color: #fff; border: 2px solid #666666; top: 0.15rem;}
.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color: #fff; border-color: #002173;}
.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image: none; width: 0.625rem; height: 0.625rem; background-color: #002173; border-radius: 50%; top: 0.45rem; left: 0.3125rem;}

.custom-select{height: calc(2.25rem + 4px); border: none !important; background-image: url(../images/svg/down-arrow.svg); background-size: 12px 6px; padding: 6px 28px 6px 20px;}
.custom-label{display: block; font-size: 1.25rem; font-weight: 400; color: #666666; margin-bottom: 0.750rem;}
.dropdown-menu{ border: none; box-shadow:0 0 20px 0px rgba(0, 0, 0, 0.3); }
.dropdown-item .icon{margin-right: 6px;}
.multiselect-native-select .btn-group{ width: 100%; }
.multiselect-native-select .btn-group .custom-select{position: relative;}
.multiselect-native-select .btn-group .multiselect .multiselect-selected-text{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.multiselect-container .input-group{margin: 0; padding: 10px;}
.multiselect-native-select .multiselect-container .multiselect-filter .multiselect-search{height:2.5rem; max-width: 100%; border-radius: 4px; padding: 5px 10px;}
.multiselect-native-select .multiselect-container .multiselect-filter .input-group-btn{display: none;}
.multiselect-container>li>a{display: block;}
.multiselect-container>li:hover{background-color: #f5f5f5}
.multiselect-native-select .multiselect-container  li .checkbox input[type="checkbox"]{position: absolute; opacity: 0;}
.multiselect-native-select .multiselect-container  li .checkbox{display: block; position: relative; font-size: 0.9375rem; font-weight: 300; color: #333333; line-height: 1.4; margin-bottom: 5px; margin-top: 5px; padding-left: 36px;}
.multiselect-native-select .multiselect-container li .checkbox:before{content: ""; width: 16px; height: 16px; border: 1px solid #002173; position: absolute; left: 10px; top: 4px; border-radius: 4px;}
.multiselect-native-select .multiselect-container li.active .checkbox:before{background: #002173;}

.dropdown-toggle{cursor: pointer;}
.dropdown-toggle[aria-expanded="true"]:after{    transform: rotate(-180deg);} 
.dropdown-item.active, .dropdown-item:active{background: #ff0066;  color: #fff !important;}
.dropdown-item.active{ color: #fff !important;}

/* 1.4 mCustom Scrollbar style */
.mCustomScrollBox{position:relative;overflow:hidden; width: 100%; height:100%;max-width:100%;outline:0;direction:ltr}
.mCSB_container{height:auto;overflow:hidden;width:auto;margin-right:28px}
.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;height:30px;width:100%;z-index:1}
.mCSB_dragger_bar{background-color:#b5b7bb;height:100%;margin:0 auto;width:8px;text-align:center;position:relative;border-radius:6px}
.mCSB_draggerRail{width:8px;height:100%;margin:0 auto;background-color:#e0e2e6; border-radius: 6px; border:1px solid #dbdcdf; }

/* 1.5 Slick slider navigators style */
.slick-slider:focus, .slick-arrow:focus, .slick-slide:focus{outline: none;}

.slick-dots {display: block; width: 100%; text-align: center; list-style: none; margin:0}
.slick-dots li { display: inline-block; margin: 0 3px; font-size: 0; width: 8px; height: 8px; background-color: #c1c5c8;   border-radius: 50%;   cursor: pointer;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;   transition: all 0.4s ease-in-out;}
.slick-dots li.slick-active,.slick-dots li:hover { background-color: #ff0066;}
.slick-dots li button{display:none}

.slick-arrow{position: absolute; left:0; top: 0; bottom: 0;  font-size: 0; z-index:1; cursor: pointer;}
.slick-arrow.slick-next{right:0; left: inherit;}

.gallery_thumb .slick-arrow.slick-next{right:75px; left: inherit;}
.gallery_thumb .slick-arrow{left:75px;}

.slick-arrow:before{content: ""; width: 60px; height: 60px; background-color: #F0F0F0; position: absolute; top: 0; bottom: 0; margin: auto; border-radius: 50%; transition: all 0.4s ease-in-out}
.slick-arrow:after{content: ''; width: 16px;height: 16px; border-bottom: 2px solid #000; border-left: 2px solid #000; position: absolute; transform: rotate(45deg); right: 48px; top:0; bottom: 0; margin-top: auto; margin-bottom: auto;}
.slick-arrow.slick-next:after{left: 48px; right: inherit; border-left: none; border-right: 2px solid #000; transform: rotate(-45deg);}
.slick-arrow:hover{opacity: 1;}
.slick-arrow.slick-prev:before{right: 30px;}
.slick-arrow.slick-next:before{left: 30px;}
.slick-arrow:hover:before{background-color:#002173;}
.slick-arrow:hover:after{border-bottom-color: #fff; border-left-color:#fff; border-right-color: #fff;}


/* 02 Header style  */
.top-header{display: block; width: 100%; padding: 10px 0; background-color: #fff;}
.top-nav{display: inline-block; min-width: 160px; vertical-align: middle; margin-top:-2px;}
.top-nav li{float: left; width: auto; font-size:1rem; font-weight: 700; color: #333333; padding: 0 15px;}
.top-nav li:first-child{padding-left: 0;padding-top: 7px;}
.top-nav li a{text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; color: #333333;}
.top-nav li a .icon{font-size: 1.125rem; color: #ff0066; margin-right: 8px;}
.top-nav li a:hover{color: #ff0066}
.top-nav li a .svgImg{width: 1.250rem; margin-right: 8px;}
.m_location{display: none; position: relative; width: 100%;}
.m_location .location_input{display: block; padding: 5px 15px 5px 20px; background: url(../images/svg/location.svg) no-repeat 0 center; border-bottom: 1px solid #ccc; background-color: transparent; text-overflow: ellipsis;}
.login-links{display: inline-block; font-size:1rem; font-weight: 700; color: #333333; }
.login-links img{display: inline-block; vertical-align: middle; margin-right:5px;}
.login-links a{display: inline-block; vertical-align: middle; text-decoration: none; color: #333;}
.login-links a:hover{color: #FF0066;}
.login-links .dropdown-item {display: inline-block; vertical-align: middle; text-decoration: none; color: #333 !important;}
.login-links .dropdown-item:hover{color: #f06 !important;}
.white {color:#ffffff;}
.brandOragne{color:#ffc107;}
.topRightNav{display: inline-block; vertical-align: middle;}
.topRightNav li{display: inline-block; font-size: 1rem; font-weight: 700; color: #333333; padding: 0 10px }
.topRightNav li a{color: #333; transition: all 0.4s ease-in-out; }
.topRightNav li .icon{font-size:1.25rem; color: #333; margin-right: 8px;}
.topRightNav li a:hover{color: #FF0066;}
.icon-Back-icon{background: url(../images/svg/back-arrow.svg) no-repeat left top; font-size:1rem; width: 60px; color:#333; padding:1px 0 1px 30px; margin-top: 5px; }
.head-search .icon-Back-icon{ margin:17px 5px 0 0;}
.mobileSearchkeywordbtn {padding: 7px 6px!important;;font-size: 1.5rem!important;;}
.shop-info .login-links img{border-radius: 6px;}
.shop-info .login-links a{color: #333;} 
.search-page .login-links a{color:#ffc107 !important;}
/* Main Header Start */
.headerMain{display: inline-block; width: 100%; position: relative; z-index:9; background: #fff;}
.header-main{display: block; width: 100%; padding: 10px 0;}
.menuIcon{display: inline-block; vertical-align: middle; width: 35px; height: 35px; border-radius: 50%; position: relative; margin-right:30px; cursor: pointer; border:1.5px solid #333;}
.menuIcon span {display: block; width: 18px;  position: absolute;  top: 0; bottom: 0;  left: 0;  right: 0;  height: 2px;  background: #333;  margin: auto; -webkit-transition: all .4s ease-in-out;   transition: all .4s ease-in-out;}
.menuIcon span:before{content: ""; width: 18px; position: absolute; top: -6px; left: 0; right: 0;  height: 2px; background: #333; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.menuIcon span:after{ content: ""; width: 18px; position: absolute; bottom: -6px; left: 0; right: 0; height: 2px; background: #333;   -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.menuIcon.close-menu span{background-color: transparent;}
.menuIcon.close-menu span:before{-webkit-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg);}
.menuIcon.close-menu span:after{-webkit-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg);}
.logo{display: inline-block; max-width:150px; vertical-align: middle; margin-right: 40px;}
.logo img{display: block;}
.filterIcon{display: none; vertical-align: middle; width: 35px; height: 35px; border-radius: 50%; border:2px solid #002173; position: relative; cursor: pointer; color: #002173}
.filterMain{display: flex; width: 100%;}
.filter_close, .menu_close{display: none; width: 100%; height: 20px; position: relative; margin-bottom: 15px;}
.filter_close:before, .menu_close:before{content: ''; width: 16px; height: 2px; background-color: #999; position: absolute; right: 0; top: 8px; transform: rotate(45deg);}
.filter_close:after, .menu_close:after{content: ''; width: 16px; height: 2px; background-color: #999; position: absolute; right: 0; top: 8px; transform:rotate(-45deg);}
.head-search{float: right; display: flex; width: calc(100% - 244px); margin: 0 -10px;}
.head-search .form-group .ui-selectmenu-button, .head-search .form-group .form-control{height: 50px; border: none; }
.head-search .form-group{margin: 0 10px; position: relative;}
.head-search .location-search{width:342px; }
.head-search .distance-select .selectdefault{height:40px; width:100px; padding:0 20px; color:#666;}
.head-search .distance-select .ui-selectmenu-text{color: #666666;}
.head-search .keywordField{flex-grow:2; text-align: left;}
.head-search .keywordField .form-control{padding-right: 120px;}
.head-search .keywordField .btn{min-width:40px; border-top-left-radius: 0; border-bottom-left-radius: 0; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; background:#F3F3F3; color:#999999;}
.loginModalOpen .modal-backdrop {background-color:#002173;}
/* Mega Menu */
.megaMenu{display: none;float: left;width: 100%;position: fixed;top: 103px;left: 0;right: 0;background-color: #f8f8f8;z-index: 999;max-height: calc(100% - 103px);overflow: auto;}
.shop-info .megaMenu{top: 60px;}
.megaMenu .megaMenuInner{padding:10px 25px; float: left; width: 100%;}
.fixbody{position: fixed; overflow: hidden; width: 100%;} 
.overlay{visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #000; z-index: 998; transition: visibility 0 linear .4s,opacity .4s cubic-bezier(.4,0,.2,1);}
.fixbody .overlay{opacity: 0.5; visibility: visible;}
.ShopM{display: none;}

/* 03 Homepage banner slider */
.banner-sec{width: 100%; background:#F8F8F8;}
.slide-item{text-align: center;}
.slide-item img{display: inline-block; vertical-align: top; min-width: 100%;}
.homeSlider .slick-arrow{width:40px; height: 100%; background:none;}
.homeSlider .slick-prev{left:15px;}
.homeSlider .slick-next{right:15px;}
.homeSlider .slide-item{padding:15px; width:590px;}
.homeSlider .slide-item img{border-radius:15px;}

.banner-caption{display: inline-block; width: 100%; background-color: #fff; padding:10px; text-align: center; font-size: 14px; font-weight: 400; color: #fff;  }
.banner-caption p{text-align: center; font-size: 0.875rem; line-height: 1.45; font-weight: 400; color: #002173;}
.homeSlider .slick-dots{position: absolute; bottom: 0; }

/* 04 Homepage content part */
.commonSec{display: inline-block; vertical-align: top; width: 100%; padding:30px 0 0 0; }
.grayBg{background-color:#f3f3f3}
.whitebackground{background-color:#fff}
.secTitle{display: block; font-size: 2.1875rem; color: #333333; font-weight: 300; margin-bottom: 26px;}
.catBoxesMain{padding-bottom:10px;}
.carBox{float: left; width:120px;  padding:0 10px; }
.carBox .carBoxInner{display: block; width: 100%; position: relative; overflow: hidden;cursor: pointer;}
.carBox .catImg{display: block; width: 100%;  border-radius:10px; position: relative; padding-bottom: 100%;}
.carBox .catImg img{border-radius:10px;width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.carBox .catCon{  z-index:8; padding:5px 0 15px; text-align: center; }
.carBox .catCon .catTitle{display: block;font-size:14px;  color: #333; }
.carBox .catCon .btn{position: absolute; display: inline-block; bottom: -100px; left: 50%; transform: translateX(-50%);}
.carBox:hover .catCon .btn{bottom: 30px; font-size:1.25rem; font-weight: 300; }

/* Footer start */
.footerMain{display: block; width: 100%; background: #fff;}
.footTop{display: block; width: 100%; padding:8px 0; background:#f7f7f7;}
.footNav li{display: inline-block; vertical-align: middle; padding:0 12px; font-size:15px; color: #333; font-weight: 400; }
.footNav li:first-child{padding-left: 0;}
.footNav li a{color: #333; text-decoration: none; transition: all 0.4s ease-in-out;}
.footNav li a:hover{color: #ff0066;}
.socialMeadia .socialLabel{display: inline-block; vertical-align: middle; font-size:15px; color: #333; font-weight: 400;}
.socialMeadia .socialIcon{display: inline-block; vertical-align: middle; width: 35px; height: 35px; border-radius: 50%; overflow: hidden; margin:0 4px; position: relative;z-index:8;}
.socialMeadia .socialIcon:last-child{margin-right: 0;}
.socialMeadia .socialIcon:before{content: ""; position: absolute; left: 2px; top: 2px; right: 2px; bottom: 2px; background: #fff; border-radius: 50%; z-index: -1}
.socialMeadia .socialIcon:hover{opacity: 0.6}
.footCopy{display: block; padding:10px 0; border-bottom: 1px solid #dfdfdf; }
.shoppingLove_text{display: block; font-size:15px; color: #000000; font-weight: 400; }
.shoppingLove_text .icon{display: inline-block; vertical-align: middle; color: #ff0066; margin: 0 6px;}
.shoppingLove_text .icon-hart:before{vertical-align: middle;}
.appBtn{display: inline-block; vertical-align: middle; width: auto; border: 1px solid #e1e1e1; padding:8px 26px; border-radius: 3px; background-color: #f4f4f4; }
.appBtn img{max-width: 140px; max-height: 33px; display: block;}
.appBtn:hover{background-color: #e1e1e1}
.copyright{display: block; font-size:15px; font-weight: 400; color: #000; }
.copyright a{color: #000; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.copyright a:hover{color: #ff0066;}
.footerMenuMain{display: block; padding:0 25px;}
.footBox{display: block; padding:22px 0 }
.footBox .footBoxTitle{display: block; font-size: 0.9375rem; font-weight: 400; color: #000000; margin-bottom: 10px;}
.footBox .footBoxTitle a{color: #000000;  -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.footBox .footBoxTitle a:hover{color: #ff0066}
.footBoxCon{display: block;}
.footBoxCon ul{list-style: none;}
.footBoxCon ul li{display: block; font-size: 0.875rem; color: #666666; line-height: 1.6; margin-bottom: 2px;}
.footBoxCon ul li a{color: #666666; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.footBoxCon ul li a:hover{padding-left: 6px; color: #ff0066}

.footerBot{ width: 100%; border-top: 1px solid #dfdfdf; text-align: center; padding: 20px; 0;}
.appText{ display: inline-block; vertical-align: middle; font-family:'Open Sans', sans-serif; font-weight: 600; font-size: 1.5rem; color: #4fcf5c; padding: 4px;}
.btn-delivery{ padding: 11px 30px; margin-left: 30px; background: #002173; margin-right: 0 !important;}
.btn-delivery:hover{ background: #ff0066}
.btn-clear{ min-width: 109px; padding: 11px 25px; margin-left: 8px;}

.scrollTop {position: fixed; right: 10px; bottom:100px; width: 3.125rem; height: 3.125rem; line-height: 2rem; text-align: center; z-index:20; background: #fff; color:#999999; display: none; text-align: center; vertical-align: middle; border-radius: 50%; font-size: 1.350rem; padding: 0.625rem; box-shadow:0px 0px 10px 0px #a9a9a9;}
.scrollTop:hover{color: #000;}


/* 06 Model Popups */
.modal{z-index: 20000; width: 100%;  margin: 0 auto; padding: 0;}
.modal-dialog{width: 100%; margin: 0 auto; padding: 0;}
.modal-header{background-color: #f8f8f8; border-bottom: none; }
.modal-header .modal-title{display: block;width: 100%;font-size: 1.25rem;color: #333333;font-weight: 400;line-height: 1.6;padding: 3px 0;}
.modal-header .close{font-size: 1.750rem; color: #666666; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.modal-header .close:hover{color: #ff0066; transform: rotate(180deg);}
.modal-body{padding:15px; }
.modal-inner{padding:20px;}
.modal-body p{display: block;font-size: 0.9375rem;margin-bottom: 1.75rem;color: #666666;font-weight: 400;}
.modal-body p:last-child{margin-bottom: 0;}

.fb-login{display: flex; height:4rem; background-color: #3a589b;border-radius: 6px;padding: 10px 15px;margin:0;text-align: center;color: #fff;font-size: 1.25rem;line-height: 1.5;align-items: center;justify-content: center; margin-bottom:10px;}
.fb-login .icon{margin-right: 15px;vertical-align: middle;font-size: 130%;display: inline-block;line-height: 24px;}
.icon-fb-small:before{vertical-align: middle;}
.fb-login:hover{background: #29487d; color: #fff}
.gplus-login{display: flex; height:4rem; background-color: #f1f1f1;border-radius: 6px;padding: 10px 15px;margin:0;font-size: 1.25rem;line-height: 1.5;text-align: center;color: #999999;align-items: center;justify-content: center;}
.gplus-login .gplus-icon{display: inline-block;vertical-align: middle;width: 1.875rem; height: 1.875rem;margin-right: 20px;padding: 5px;margin: -5px 15px -5px -5px;position: relative;border-radius: 6px;}
.gplus-login:hover{background: #3f82f7; color: #fff;}
.gplus-login:hover .gplus-icon{background-color: #fff}
.mobile-login{display: flex; height: 3.125rem; background-color: #ff0066;border-radius: 6px;padding: 10px 15px;margin:0;font-size: 1.25rem;line-height: 1.5;text-align: center;color: #fff;vertical-align: middle;justify-content: center;     align-items: center;}
.mobile-login .icon{margin-right: 15px;font-size: 120%;}
.mobile-login .icon.icon-call:before{vertical-align: middle;}
.mobile-login:hover{background-color: #002173; color: #fff;}

.modal-body .btn-full{height: 3.125rem; font-weight: 400; text-transform: none; line-height: 1.2;}
.modal-body .btn-full .icon-current-location{vertical-align: top; margin-right: 5px;}
.modal-body .btn-full .icon-current-location:before{vertical-align: middle;}

[data-toggle="modal"] .form-control{cursor: pointer;}
.modal-mini_head{display: block; padding: 15px 20px; }
.back_model{display: inline-block;vertical-align: middle;font-size: 1.25rem;font-weight: 400;color: #333333;position: relative; padding-left: 1rem; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer;}
.back_model a{color: #333333;}
.back_model a:hover{color: #ff0066;}
.back_model:before{content: "";width: 0.650rem;height: 0.650rem;border-bottom: 1px solid #333;border-left: 1px solid #333;transform: rotate(45deg);position: absolute;left: 0;top: 0;bottom: 0;margin: auto; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.back_model:hover{color: #ff0066;}
.back_model:hover:before{border-color: #ff0066;}

.modal-xl{max-width: 1170px;}

.location-list{display: block;}
.location-list li{display: block; width: 100%; padding:10px; position: relative;}
.location-list li+li{border-top: 2px solid #d8d8d8;}

.location-list .address{display: block; font-size: 0.9375rem; font-weight: 300; color: #666666; line-height: 1.4; margin: 0 0 5px 0;}
.location-list .address strong{color:#000099;}
.location-list .address a{color:#666666;}

.working-hours{display: inline-block; vertical-align: top; cursor: pointer; font-size:0.8125rem; line-height: 1.4; font-weight: 500; color: #666666; margin: 0;}
.working-hours .icon{vertical-align: middle; margin-right: 5px; }
.working-hours .icon:before{vertical-align: top;}
.working-hours:hover{color: #002173;}
.location-list .directionbox{ padding-bottom:10px;}
.location-list .directionbox a{ border:1.5px solid #002173; color:#002173; font-size:18px; padding:10px 10px  10px 35px; border-radius:6px; display: inline-block; }
.location-list .directionbox .get-direction{background:#fff url(../images/svg/icon-direction.svg) no-repeat 10px;}
.location-list .directionbox .view-map{background:#fff url(../images/svg/google-maps-icon.svg) no-repeat 10px;}
.location-list .directionbox a:hover{border:1.5px solid #FF0066;}
.location-list .directionbox .shopDistance{display: inline-block; margin-right:10px;}

.working-title{display: block; font-size: 0.875rem; color: #010101; font-weight: 500; padding: 5px 15px; margin-bottom: 5px;}
.working_list{display: block; width: 100%; padding: 0 15px;}
.working_list dl{display: block; font-size: 0.8125rem; font-weight: 400; color: #010101; margin-bottom: 7px; line-height: 1.4;}
.working_list dl span{min-width: 85px; display: inline-block;}
.working_list dl.today{font-weight: 600}


/* 07 CMS Content Style */
.cms-con{display: block;}
.cms-con h3{display: block; font-size: 1.5625rem; font-weight: 300; color: #333; margin-bottom: 1rem; }

/* 08 Inner Pages */
.breadcrums-sec{display: block; padding: 15px 0;}
.breadcrums{display: block; list-style: none;}
.breadcrums li{display: inline-block; vertical-align: top; font-size: 0.875rem; font-weight: 300; color: #333333;}
.breadcrums li:not(:last-child):after{content: "/"; display: inline-block; margin: 0 0 0 3px; }
.breadcrums li a{color: #333333; text-decoration: none; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.breadcrums li a:hover{color: #ff0066;}
.breadcrums li .current{font-weight: 300; color: #666666;}
.inner-page{padding: 40px 0;}

/* 09 Shop Page style */
.ShopMain .top-header{display: none;}
.ShopMain .head-search .login-links{padding:8px 0 0 15px;}
.shop-info .ShopMain .head-search .login-links{padding:7px 0 0 10px;}
.shortingShop{min-width: 250px;}
.product_count{font-size:1.125rem; color: #666666; font-weight: 400;}
.shopLists{padding: 0 15px;} 
.shopBox{margin-bottom:10px;}
.shopBoxInner{display: flex;}
.shopBox .shopImg{width:50px; height:50px; border: 1px solid #f1f1f1; position: relative; margin-right: 10px;     background: #fff;}
.shop-about .shopL .shopBox .shopImg{width:115px; height:115px;}
.shopBox .shopImg img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.shopBox .slogotxt{background:#dedede; font-size:60px; text-align:center; line-height:105px; font-weight:600;}
.product_con .shopBox .slogotxt{font-size:35px; line-height:50px;}
.shopnearby .shopBox .slogotxt{line-height:51px; font-size:40px;}
.shop-about .shopBoxInner{max-width:410px;}
.shop_con{flex: 2;}
.shop-title{display: block; font-size:14px; line-height: 1.2; font-weight:700; color: #000; padding-top:3px;}
.shop-about .shopL .shop-title{font-size:1.875rem; text-transform: capitalize; min-width:285px; vertical-align: middle; font-weight: normal;}
.shop-title a{color: #666666; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.shop-title .shop-link{-moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;}
.shop-title a:hover{color: #ff0066;}
.shop-title .icon-prime{color: #ff0066; vertical-align: middle; margin-left: 4px;}
.shop-ratting{display: block; }
.fa-star{display: inline-block; vertical-align: middle; width:17px; height: 17px; position: relative; background: url(../images/svg/star-icon.svg) repeat-x left center; background-size: auto 100%; cursor: pointer; transition: all 0.2s linear;}
.fa-star-w{display: inline-block; vertical-align: text-top; width:17px; height: 17px; position: relative; background: url(../images/svg/star-icon-w.svg) repeat-x left center; background-size: auto 100%;transition: all 0.2s linear;}
.star-checked{display: inline-block; vertical-align: middle; width:17px; height: 17px; position: relative; background: url(../images/svg/star-color-icon.svg) repeat-x left center; background-size: auto 100%;}
.fa-star:before{content: none !important;}
.fa-star-w:before{content: none !important;}
.ratting-count{font-size: 0.75rem; color: #999999;}
.shop-about .shopL .ratting-count{font-size:12px;}
a.ratting-count:hover{color: #ff0066;}
.shop_products{display: block; font-size: 1rem; color: #666666; font-weight: 400;}
.shopBox .btn{min-width: 115px; font-weight: 400; padding: 7px 15px; float: right; line-height: 1.25;}
.mb-fk{margin-bottom:15px;}

.shopnearby .ShopCoverimg {max-height:190px; margin:0 7px; overflow: hidden; background: #fff; border-radius:10px 10px 0 0;}
.shopnearby .ShopCoverimg img{width:100%;}
.shopnearby .shopBoxInner{min-height: 165px; display:inherit; background:#fff; padding:15px; margin:0 7px; border-radius:10px;}

.shopnearby .shop_products{font-size:20px; color:#4fcf5c; font-weight: 700;}
.shopnearby .shopBox .shopImg{ width:50px; height:50px; margin-right:0;}
.shopnearby .shopBox .shopImg img{ position: inherit; width:50px; height:50px;}
.shopnearby .shopBox .btn{margin:0 !important;}
.shopnearby .btn-viewall{width:100%; display: block; font-size:14px; font-weight:600; text-transform:lowercase; color:#4FCF5C; position: absolute; bottom: 10px;}



/* 10 Main Category style */
.maincatLists{white-space: nowrap; overflow: auto; flex-wrap: nowrap; margin: 0 0 15px 0;}
.maincatBox{margin:0 15px 0 0; text-align: center; display: inline-block; padding:5px; border-radius: 10px;}
.selectcategory{background: #fff; border: 1px solid #002173;}
.maincatImg{display: block; width: 100%; border-radius: 10px; overflow: hidden; margin-bottom:5px; border-radius:100px;}
.maincatImg img{width:140px;margin: auto; border-radius:100px;}

.maincatBox .maincat_title{display: block; font-size:14px; font-weight: 700; color: #333333; text-transform: capitalize;}
.maincatBox a:hover .maincat_title{color: #ff0066}
.cat_slider .item{padding: 15px; }
.cat_banner-img{display: inline-block; border-radius: 6px; overflow: hidden;}
.cat_slider .slick-prev {left: 15px;}
.cat_slider .slick-next {right: 15px;}

.columns {column-width:270px; column-gap:10px; width: 100%; max-width: 100%; margin:30px 0 0 0;}
.columns .catBox{ -webkit-column-break-inside: avoid;  page-break-inside: avoid; break-inside: avoid; padding-bottom:15px;}
.catBox .catBox-inner{display: block; background: #fff; border-radius: 10px; overflow: hidden; }
.catBox .catBox-head{display: flex; align-items: center; background: #fff; padding:15px; position: relative; font-weight: 300; font-size: 1.5625rem; color: #333333; border-bottom: 1px solid #F1F1F1; }
.catBox .catBox-head img{max-width: 70px; max-height: 50px; margin-right: 10px;}
.catBox .catBox-body{display: block;}
.catBox .catBox-body ul{list-style: none}
.catBox .catBox-body ul li{display: block; border-bottom: 1px solid #F1F1F1; font-size: 1.0625rem; line-height: 1.3; font-weight: 300; color: #333333;}
.catBox .catBox-body ul li:last-child{border-bottom: none;}
.catBox .catBox-body ul li a{display: block; padding: 14px 15px; color: #333; text-transform:capitalize;}
.catBox .catBox-body ul li a:hover{color: #ff0066;}


/* 11 User Profile page */
.user-profile{display: block; padding: 3.625rem 0; background: #2b2562;
background: -moz-linear-gradient(left, #2b2562 0%, #dc2661 100%);
background: -webkit-linear-gradient(left, #2b2562 0%,#dc2661 100%);
background: linear-gradient(to right, #2b2562 0%,#dc2661 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2562', endColorstr='#dc2661',GradientType=1 );}
.user-profile .row{margin: 0 -10px; }
.user-profile .col{padding: 0 10px;}
.user-profile .col.userpic-box{max-width: 300px; flex: 0 0 300px;}
.userBox{display: block; width: 100%; height: 100%; background: #fff; border-radius: 6px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); padding: 40px;}
.userPic{display: inline-block; width: 7.5rem; height: 7.5rem; padding:1.25rem; background: #f2f2f2; border-radius: 50%; margin-bottom: 1.25rem;}
.userPic img{width: 100%; height: 100%;}
.userName{display: block; font-size: 1.5625rem; font-weight: 500; color: #333333;}
.user-editList{width: 100%;}
.user-editList:before{content: ""; width: 1px; height: 100%; display: inline-block; vertical-align: middle;     margin-left: -6px;}
.user-editList-inner{display: inline-block;vertical-align: middle; padding-left:2px;}
.user-editList .btn{margin:5px 0;}
.user-editList .btn:not(:hover):not(.active) .count{color: #000}

.card-white{display: block; width: 100%; background:#e9e6e6; padding: 30px; margin-bottom: 1.875rem; border-radius: 6px;}
.card-white:last-child{margin-bottom: 0;}
.card-sm{padding: 10px 15px;}

.edit-form .btn[type="submit"]{font-weight: 400;}
.edit-form .form-group{margin-bottom: 1.875rem;}

/* 12 Product Listing Page */
.products-main .container { max-width: 1340px;}
.productlist{width:100%; display: block; padding:15px 0 0;}
.productlist .container{max-width:1440px;}
.ProCountSort{width: 100%; border-radius:6px; background:#FDFDFD; padding:10px 15px;}
.ProCountSort .product_count{display: inline-block; float:left; margin:7px 0 0 0;}
.ProCountSort .BrandSelect{display: inline-block; width:250px; float:right;}
.ProFilters{width:100%;}
.ProFilters span{font-size:18px; float: left; display: inline-block;font-weight:500; color:#666;}
.ProFilters a{display:inline-block; float: right;}

.filter_main{display: block; width: 100%; padding: 15px 0; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); border-radius:6px 6px 0 0;}
.filter_main .container{max-width: 1540px;}
.filter_main .BrandSelect{width:100%; display: block; margin-top:15px;}

.form-group .dropdown-menu{width: 100%}
.filter_main .ui-selectmenu-button{background: #fff; height: 100%; border: none; position: relative;}
.filter_main .ui-selectmenu-button .ui-selectmenu-text{line-height: 1.5; color: #495057; font-size: 1rem; font-weight: 400;}
.filter_main .ui-selectmenu-button .ui-icon{position: absolute; right: 20px;}
.ui-widget.ui-widget-content#shorting-menu{background: #fff !important;}

.price_filter{width:100%; padding:10px 0 40px; margin-top:10px; border:1px solid #e1e1e1; border-left:none; border-right:none;}
.price_box .price-label{display: block; width: 100%; margin-bottom: 10px;}
.price_box .price-amount{float: left; width:50%; display: inline-block; font-weight: 400; color: #333333; font-size: 1rem; padding-top:5px;}
.price_box #maxPrice{text-align: right;} 
.price_box .price-slider{display: inline-block; vertical-align: middle; width:92%; padding-left:5%}
.price_box .price-slider .ui-widget-content{max-height:auto; overflow: inherit; box-shadow: none;}
.price_box .ui-slider span.ui-slider-handle{top:-3px; width:25px; height:25px;}

.products-main{display: block; width: 100%; padding-bottom:20px;}
.col-product{padding: 0 8px; }
.productBox{display: inline-block; width: 100%; background: #fff; margin:0.9375rem 0;  -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; border-radius:6px;}

.productBox .product-img{padding-bottom: 100%;position: relative;overflow: hidden;display: flex;flex-direction: column;width: 100%;height: 100%;}
.productBox .product-img a{display: block;}
.productBox .product-img img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: block;margin: auto;max-width: 100%;max-height: 100%;min-height: 100%;}
.productBox .featured{display: inline-block;width: auto;padding: 4px 10px;background: #4fcf5c;text-transform: uppercase;color: #fff;position: absolute;top: 10px;left: 10px;border-radius: 4px;z-index: 12;font-size: 0.850rem;font-weight: 400;}
.productBox .offer{display: flex; align-items: center; width: auto;padding: 3px 10px;background: #002173;text-transform: uppercase;color: #000;position: absolute;bottom: 9px;left: 14px;border-radius: 4px;z-index: 1;font-size: 0.850rem;font-weight: 400;line-height: 1;}
.productBox .offer .icon-star-icon{font-size: 110%; margin-right: 4px;}

.productBox .product-like{position: absolute;top: 13px;right: 13px;font-size:24px;color: #999999;z-index:1; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #fff; padding: 5px 7px 0; border-radius: 30px;}
.productBox .product-like:hover{color: #ff0066}
.productBox .product-like.liked{color: #ff0066}
.productBox .product-like.liked:hover{color: #999999;}
.productBox .product_con{display: block; padding: 10px 12px;}
.productBox .product-title{display: block;font-size: 0.850rem; font-weight: 400;color: #666666; margin-bottom: 10px;}
.productBox .product-title a{color: #333; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.productBox .product-title .dispQty{color:#999999;}
.product_con .price-row{display: flex;align-items: center;width: 100%;}
.product_con .price-row .now{display: inline-block; vertical-align: middle; font-size:1.25rem; font-weight:700; color: #333;}
.producttopbox .price-row .now{font-size:30px;}
.product_con .price-row .was{display: inline-block; vertical-align: middle; font-size: 0.9375rem; font-weight:400; color: #999999; text-decoration: line-through; margin-left: 10px;}
.product_con .price-row .off{display: inline-block;width: auto;vertical-align: middle;color:#4fcf5c;font-size: 0.850rem;margin-left: 10px;line-height: 1.2;font-weight: 700;}
.productBox .product_con .price-row{display:inherit;}
.productBox .product_con .price-row .off{margin-left:0; display: table;}

.product-author{display: flex; width: 100%; margin-bottom: 10px;margin-top: 5px;}
.product-author .author-logo{-webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; max-width: 30px;}
.product-author .author-logo img.no-logo{border: 1px solid #f1f1f1; padding: 5px; background: #fff; }
.product-author .author-details .author-name{display: block;font-size: 0.850rem;line-height: 1;font-weight: 400;color: #666666;}
.product-author .author-details .shopDistance{display: inline-block; color: #666; font-size: 12px; font-weight: normal; }

.productBox:hover{box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16)}
.productBox:hover .product-title a{color: #ff0066;}

.fiter_actionBar{display: none; background: #fff;  font-size: 1.250rem; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14); margin-bottom: 10px; position: relative;}
.fiter_click, .shorting_click{float: left; width: 50%; position: relative; padding: 10px 15px;}
.shorting_click{border-right: 1px solid #e2e2e2; }
.shorting_click .custom-select{position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0;}
.fiter_click .icon, .shorting_click .icon{margin-right: 10px; vertical-align: middle;     font-size: 110%;}

.filter_title, .filter_foot{display: none;}


/* 13 Shop Products page*/
.shop-cover{min-height:310px; max-height:310px; overflow: hidden; display: none;}
.shop-cover .coverimg{width:100%;}
.dshop-cover{min-height:380px; max-height:380px; overflow: hidden; }

.shop-about{display: block; width: 100%; padding-bottom:10px; margin-top:10px; z-index:3; position: relative;}
.shop-about .row{background:#fff; border-radius:10px;}
.shop-about .shopL{display: inline-block; min-width:550px; max-width: 500px; padding:0 20px;}
.shop-about .shopR{display: inline-block; width:640px; padding:0 20px 20px 20px;}


.location-shopbtn{background: linear-gradient(-120deg, #f2f2f2, #fcfcfc);border: solid 1px #eaeaea;font-size: 1rem;color: #6f6f6f;font-weight: 500;padding: 10px 15px;width: 49%;}
.location-shopbtn:hover{  background: linear-gradient(120deg, #f2f2f2, #fcfcfc); color: #6f6f6f;}
.location-shopbtn:active{background: linear-gradient(-120deg, #f2f2f2, #fcfcfc) !important; color: #6f6f6f;}
.location-shopbtn .icon{font-size: 170%; margin-right: 0.5rem;}

.shopInfo-btns{padding-top: 15px;}
.whatsApp-shopbtn{background: linear-gradient(-120deg, #e6ffe9, #f5fff6);width: 49%;font-weight: 500;position: relative;margin: 0;padding: 10px 15px;border: solid 1px #d7ffdc;color: #4fcf5c;}
.whatsApp-shopbtn:hover {  background: linear-gradient(120deg, #e6ffe9, #f5fff6);color: #4fcf5c;}
.whatsApp-shopbtn .icon-whatsappshop{ font-size: 170%; margin-right:0.9rem;}

.shopInfo-box{display: table; padding:0; border:none;}
.shop-follow{display:inline-block; margin-top:10px; vertical-align: top;text-align: center;font-size: 14px;}
.shop-follow .btnfollow{ width: 100%; border-radius:5px; border:1px solid #cfcfcf; color:#787878;   padding:3px 5px; }
.shop-follow .btnfollow:hover{border:1px solid #ff0066; background:#ff0066; color:#FFF;}
.shop-follow .shop-Followers{display: inline-block; font-size: 0.8125rem; color: #888; padding: 5px 0; margin-bottom: 15px;}

.storeLikes .shopImg{width:50px; height:50px; border: 1px solid #f1f1f1; position: relative; margin-right: 10px;background: #fff;}
.storeLikes .slogotxt{background:#dedede; font-size:44px; text-align:center; line-height:50px; font-weight:600;}

.shop-socialMedia{display: block; margin-top:5px;}
.social_icon{display: inline-block; vertical-align: top; width: 32px; height: 32px; font-size: 1rem; line-height: 22px; background: linear-gradient(-120deg, #f2f2f2, #fcfcfc); text-align: center; border:1px solid #eaeaea; padding: 5px; border-radius: 50%; color: #000; margin: 0 5px; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.social_icon.fb{color: #6f6f6f;}
.social_icon.fb:hover{color: #fff; background: #3c5a99;}
.social_icon.twitter{color: #6f6f6f}
.social_icon.twitter:hover{background: #55acee; color: #fff;}
.social_icon.gplus{color: #6f6f6f}
.social_icon.gplus:hover{background-color: #d95032; color: #fff;}
.social_icon.pinterest{color: #6f6f6f}
.social_icon.pinterest:hover{background-color: #bd2026; color: #fff;}

.social_icon.youtube{color: #6f6f6f;}
.social_icon.youtube:hover{background-color: #f00; color: #fff;}

.social_icon.website{color: #6f6f6f; display: inline-block; vertical-align: middle; text-align: center; background: url(../images/svg/website.svg) no-repeat 3px 3px;}

.social_icon.website:hover{background-color: #ccc; color: #fff;}

.social_icon.instagram .icon{background: #6f6f6f;    -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.social_icon.instagram .icon:before{vertical-align: middle; line-height: 1.2;}
.social_icon.instagram:hover{background: -webkit-radial-gradient(33% 100% circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);  background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);}
.social_icon.instagram:hover .icon{color: #fff; -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background: none;}


/* 14 Product Detail page */    
.product_detal_main{display: inline-block; vertical-align: top; width: 100%; margin: 10px 0;}
.product_detal_main .productDetalLeft{float: left; width: 50%; padding: 0 15px 0 0;}
.product_detal_main .productDetalRight{float: right; width: 50%; padding: 0 0 0 15px;}

.product_detal_main .productGallery{background: none; box-shadow: none !important; margin: 0;}
.gallery_big{margin-bottom: 10px; display: block; background:#fff; text-align: center; border-radius:10px;}
.gallery_thumb{display: block; margin: 0 -5px; }
.gallery_thumb .slick-track{width: 100%; float: left;}
.gallery_thumb .item{padding: 0 5px; }
.gallery_thumb .thumb_img{width: 5rem; height: 5rem; border:1px solid transparent; position: relative; overflow: hidden; border-radius: 6px; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer;}
.gallery_thumb .thumb_img img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; margin: auto;}
.gallery_thumb .slick-current .thumb_img{border-color: #ff0066;}

.producttopbox{padding:20px; background:#fff; border-radius:10px;}

.product_head{display: flex; margin-bottom: 5px; justify-content: space-between;}
.share{display: inline-block; min-width: 72px;  font-size:15px; font-weight: 400; color: #666666; transition: all 0.4s ease-in-out; margin:10px 0 0 15px;}
.share:hover{color: #ff0066;}
.share .icon{margin-right: 5px;}
.share .icon:before{vertical-align: top;}
.productDetail-title{display: block; font-size: 1.4375rem; line-height: 1.2; font-weight: 400; color: #666666; }

.product_sku{display: inline-block; font-size: 0.9375rem; font-weight: 400; color: #ff0066; margin:0 10px 10px 0; text-transform: capitalize;}
.shopBox.shopBox-detail{display: inline-block; vertical-align: top; width: 100%; background: none; padding:20px 0; border: none; }
.shopBox.shopBox-detail .shopBoxInner{float: left; max-width: 220px; margin-right: 30px;}


.btn-cart{font-weight: 400; padding: 0.6rem 1.875rem; color:#002173; display: block; background:#F7F7F7;}
.btn-cart .icon{font-size: 170%; margin-right: 12px;}
.btn-cart span{display: inline-block; vertical-align: middle;}

.shopSec-btn{ margin-top: 5px; margin-bottom: 15px;}
.add-btn{ min-width:48.5%; padding:10px 15px; font-size:1rem; font-weight: 500;}
.request-btn{ min-width:48.5%; background:#002173; padding:12px 15px 11px; font-size:1rem; font-weight: 500;}
.request-btn .icon-icon-delivery{ font-size: 1.575rem; margin-right: 19px;}
.add-btn .icon-add{ font-size: 1.75rem; margin-right: 16px;}
.add-btn .icon-add-order{ font-size: 1.75rem; margin-right:19px;}

.product_decription{display: inline-block; width: 100%; margin: 5px 0 0 0;}
.decription_box{display: block; margin:1.25rem 0 1rem;}
.decription_box ul, .decription_box ol{padding-left:15px; list-style:disc;}
.decription_box ul li, .decription_box ol li{color:#333; padding:0 0 8px 0; position: relative; font-size:15px;}
.decription_box ul li, .decription_box ol li{color:#333; padding:0 0 8px 0; position: relative; font-size:15px;}
.decription_box p{font-size: 15px; color: #787878;text-align:center;}
.decription_box h2{font-size:25px; color:#333;}
.decription_box h3{font-size:20px; color:#333;}
.decription_box h4{font-size:18px; color:#333;}
.decription_box table{width: 100%;}
.decription_box .table tbody td{ width:75%; vertical-align: top; padding:10px; font-size:15px;}
.decription_box .table tbody td:first-child{ width:25%; color:#878787;}

.product_decription .decription_title{display: block; font-size: 1.125rem; font-weight: 500; color: #666666; margin-bottom: 10px;}
.product_decription .decription_title a{ color: #ff0066; font-size: 0.8125rem; font-weight: 400; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.product_decription .decription_title a:hover{ color: #666666;}
.product_decription .decription_title:last-child{margin-bottom: 0;}
.product_decription .decription_title small{font-weight: 400; font-size: 73%; padding-right: 8px;}
.product_decription .card-white{margin-bottom: 0;}

.delivery_text{display: block; font-size: 0.9375rem; font-weight: 400; color: #002173; margin-bottom: 8px;}
.delivery_text strong{ font-size: 1.125rem; font-weight: 400; color: #888888;}
/*.delivery_text span{min-width: 74px;display: inline-block;vertical-align: middle;}*/

.offer_list{display: block; width: 100%;}
.offer_list li{display: block; font-size: 0.875rem; font-weight: 400; color: #666666; border-bottom: 1px solid #f3f3f3; padding: 8px 15px;}
.offer_list li:last-child{border-bottom: none;}
.offer_list li span{color: #002173;}

.Packages{margin-bottom:20px;}
.Packages h4{display: block; font-size:1.125rem; font-weight: 500; color: #666666; margin-bottom: 10px;}
.Packages .variantlist{ background:#fff; border-radius:5px; font-size:18px; color: #666666; font-weight: 600; padding:5px 15px; display: block; border:1.5px solid #E9E9E9; float: left; cursor: pointer; margin:0 20px 10px 0;}
.Packages .btn-active{ color:#FF0066; border:1.5px solid #FF0066;}
.Packages .looseinput{background:#fff; float: left; height:50px; max-width: 100px; border-radius:6px 0 0 6px; border:1.5px solid #E9E9E9; border-right:none;}
.Packages .selectdefault{float: left; max-width: 100px; border-radius:0 6px 6px 0; height:50px; border:1.5px solid #E9E9E9;}
.Packages .ui-selectmenu-text{padding-top:5px; font-size:18px;}
.Packages .ui-selectmenu-button .ui-icon{border-top: 6px solid #002173;}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; margin: 0; }

.like_alsoTitle{display: block; width: 100%;  font-weight: 500; color: #666666; text-transform: uppercase; background: #fff; border-radius: 4px;text-align: left;font-size: 18px; padding: 15px 0 10px; margin:0;}

.share_box{display: block; padding:1.875rem 1.25rem; }
.share_box .share_box_title{display: block; font-size: 1.25rem; font-weight: 300; color: #666666; margin-bottom: 10px;}
.social_share{display: block; margin:1.75rem 0; text-align: center;}
.social_share .share_icon{display: inline-block; vertical-align: top; width: 3.75rem; height: 3.75rem; border: 1px solid #e2e2e2; border-radius: 50%; position: relative; text-align: center; font-size: 1.750rem; padding: 0; line-height: 3.75rem; color: #666666; margin: 0 0.75rem; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.social_share .share_icon:hover{background: #ff0066; color: #fff}
.social_share .share_icon.fb{color: #3c5a99;}
.social_share .share_icon.fb .icon-fb-small:before{vertical-align: top;}
.social_share .share_icon.copy:hover{background: #666666; color: #fff}
.social_share .share_icon.fb:hover{background: #3c5a99; color: #fff}
.social_share .share_icon.twitter{color: #55acee;}
.social_share .share_icon.twitter:hover{background: #55acee; color: #fff}
.social_share .share_icon.whatsapp{color: #25D366;}
.social_share .share_icon.whatsapp:hover{background: #25D366; color: #fff}
.social_share .icon-whatsapp:before{vertical-align: baseline;}


.paymentStyle .payTitle{ display: block; font-size: 1.125rem; font-weight: 500; color: #666666; margin-bottom:10px;}
.paymentMain{margin:0;}


.paymentMain .paybox{ max-width: 50px; display: inline-block; vertical-align: top; text-align: center; cursor:default; margin: 0 10px 0 0;}
.paymentMain .paybox .payicon{ background: #ffffff; width: 50px; height: 50px; border-radius: 50%; display: block; position:relative;    margin-bottom: 4px; margin: auto;}
.paymentMain .paybox .payicon img{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; border-radius:5px;}
.paymentMain .paybox .payType{ font-weight: 400; font-size: 0.8125rem; color: #666666; display: block; white-space: initial;}
.SimilarProttl{padding-top:10px;}
.productSimilar .paybox{cursor:pointer; max-width:60px; margin:0 20px 0 0;}
.productSimilar .paybox .payicon{width: 60px; height: 60px;}

.whatsApp-btn .icon-whatsapp{position: absolute; left: -45px; top: -3px; bottom: 0; margin: auto; font-size: 30px; height: 30px; font-size: 30px; }
.centertxt{width:170px; margin: 0 auto; display: block; cursor:pointer;position: relative;}
.whatsApp-btn .shopextra{display: block; width: 100%; margin-top:5px;}
.whatsApp-btn .shopextra span{ font-weight: 500; font-size:11px; color: #ffffff;}
.whatsApp-btn .shopextra span ~ span{padding-left: 10px;}
.whatsApp-btn .shopextra span .icon:before{vertical-align: text-bottom;}
.whatsApp-btn .shopextra .icon{vertical-align: middle;  opacity: 0.6; margin-right: 5px; vertical-align: middle;}
.whatsApp-btn .shopextra .icon-text-chat{ font-size: 18px;}
.whatsApp-btn .shopextra .icon-video{ font-size:18px; height: 16px; line-height: 24px; display: inline-block; vertical-align: middle; }
.whatsApp-btn .shopextra .icon-voice{ font-size:18px; margin-right: 0;}

#example_filter{display: none;}
.table td.spaceTd{padding: 0;line-height: 0}
.table thead th{background-color: #ebebeb;border: 0;color: #333333;font:500 15px/40px 'Roboto', sans-serif;padding: 0 30px;white-space: nowrap;}
.table thead th[align="center"]{text-align: center}
.table thead th[align="left"]{text-align: left}
.table thead th[align="right"]{text-align: right}
.table thead th:first-child{border-top-left-radius: 5px;border-bottom-right-radius: 5px;}
.table thead th:last-child{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

.table tbody tr{background-color: #ffffff}
.table tbody td{color: #333333; padding: 12px 30px;border: 0;vertical-align: middle;font-size: 15px;}
.addPro{display: inline-block; vertical-align: top; width: 100%; position: relative; padding: 20px 0;  z-index: 12}
.addPro:before{content: ""; position: absolute; left: -100%; top: 0; bottom: 0; right: -100%; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; z-index: -1;}
.addPro .btn-add{float: right;}
.addPro .btn-add:hover{background: #ff0066;}

.colorBlue{color: #002173}
th.sorting_desc:not(.nosort):after, th.sorting_asc:not(.nosort):after, th.sorting:not(.nosort):after{display: inline-block;vertical-align: middle;width: 12px;height: 15px;content: '';background: url(../images/sort-icon.png) no-repeat center center / contain;margin: -2px 0 0 6px}
th.sorting_asc:not(.nosort):after{background-image: url(../images/sort-asc.png);}
th.sorting_desc:not(.nosort):after{background-image: url(../images/sort-desc.png);}

.table tbody td.dataTables_empty{text-align: center;font-weight: 600;font-size: 16px;}

.removeBtn{display: inline-block; vertical-align: middle; height:20px;background: url(../images/svg/Delete.svg) no-repeat;padding: 0; font-size:1rem; border: 0; outline: none !important; cursor: pointer; padding-left:20px; color:#999999;}
.removeBtn span{font-size:1rem;color:#999999;}

.proAdd{position: fixed;right: 0;left: 0;bottom: 0;z-index: 9999;background-color: #4fcf5c;text-align: center;padding:7px;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.1);box-shadow: 0 0 25px rgba(0,0,0,0.1);}
.proTxt{display: inline-block; vertical-align: middle; color: #fff; font:400 24px/1.2 'Roboto', sans-serif;padding-right: 50px;}
.proCookieTxt{display: inline-block; vertical-align: middle; color: #fff; font:400 24px/1.2 'Roboto', sans-serif; }
.proAdd .btn{vertical-align: middle; margin-right: 0 !important; border-radius: 4px; padding: 12px 15px; font-weight: 500;}
.proAdd .btn:hover{background-color: #ff0066; color: #fff; border-color: #ff0066; }
.proAdd .btn ~ .btn{margin-left: 9px;}
.proAdd .btn-blue{background: #28a745;color: #ffffff;border:none;}
.proInvoice{position: fixed;left: 0;right: 0;top: 100%;bottom: 0;z-index: 999999;background-color: #ffffff; opacity: 0;visibility: hidden;-webkit-transition: 300ms all;transition: 300ms all;  -webkit-overflow-scrolling: touch;text-align: center; z-index: 10000}
.upPopup{top:5%;opacity: 1;visibility: visible;}

.popContainer{padding: 0 15px;max-width: 1200px; width: 100%;margin: 0 auto 30px;display: inline-block;vertical-align: middle;text-align: left;}

.popWrapper{display: inline-block; vertical-align: top; width: 100%;height: 100%;overflow: auto;padding: 40px 0 0}
.closePopup{position: absolute;left: 0;right: 0;margin: auto;top: -15px;width: 56px;height: 30px;background-color: #ffffff;padding: 0;-webkit-border-radius: 5px; cursor: pointer; border-radius: 5px;border: 0;z-index:13;box-shadow: 0 0 5px rgba(0,0,0,0.1)}
.closePopup:after{content: '';text-align: center;color: #666666;width: 17px;height: 9px;position: absolute;right: 0;bottom: 0;margin: auto;left: 0;top: 0;background: url(../images/down-arrow.png) no-repeat center center / contain;}

.shopDetail{text-align: center;border-bottom: 1px solid #d1d1d1;padding-bottom: 15px;margin-bottom: 15px;}
.shopDetail p{color: #666666;font:300 15px/1.3 'Roboto', sans-serif;margin: 0 0 9px;}
.shopDetail p:last-child{margin-bottom: 0}

.invoiceForm{margin:20px -10px 0; position: relative;}
.invoiceForm > .form-group{float: left;}
.invoiceForm > .form-group.dateBox{width: 50%;padding: 0 10px;margin-bottom: 30px; position: relative;}
.notes{display: block; width: 100%; padding-top: 10px; font-size: 13px; font-weight: normal; color: #666666; line-height: 1.4;}
.invoiceForm > .form-group.dateBox .changeNumber{position: absolute; top: 0; bottom: 0; right: 0; padding: 10px 15px; font-size: 0.9375rem; font-weight: 700; color: #002173; background-color: transparent; margin-right: 10px; cursor: pointer; transition: all 0.4s ease-in-out; outline: none !important }
.invoiceForm > .form-group.dateBox .changeNumber:hover{color: #ff0066}
.invoiceForm > .form-group.addressField{width: 67%;}
.invoiceForm > .form-group.dateBox.fullWidth{width: 100%;}
.invoiceForm > .form-group.dateBox.homeMap{ width: 33.33%}
.invoiceForm > .form-group.dateBox.mobileHalf.monthly{width: 13%;}
.invoiceForm > .form-group.dateBox.mobileHalf{width: 10%;}
.invoiceForm > .form-group.dateBox.mobileHalf .ui-selectmenu-button.ui-button{width: 100% !important;}
.dateBox .hasdateIcon{background: url(../images/datepicker.png) no-repeat right 15px center #f3f3f3; background-size: 14px auto; }

.popInnerWrap{overflow: hidden; width: 100%;}
.popupTble{ margin:0 -15px;}
.popupTble .table{margin-bottom: 20px; position: relative; width: 100%;}
.popupTble .table thead{position: relative;}
.popupTble .table thead:before{content: ""; position: absolute; top: 0; left: -100%; right: -100%; background: #ebebeb; height: 40px; z-index: -1;}
.popupTble .table td .form-control{height: 40px;background-color: #f3f3f3;display: inline-block;}
.popupTble .table td .totalTxt{width:200px; color: #666666;font:400 16px/1.2 'Roboto', sans-serif;}
.popupTble .table td .qtyTxt{width:50px;padding: 0; margin:0 5px; float: left; display: inline-block; text-align: center}
.popupTble .table thead th{padding: 0 15px;white-space: normal;}
.popupTble table.dataTable>tbody>tr.child ul.dtr-details{width: 100%;}
.popupTble table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom: none;}

.popupTble .table thead th.notewrite{ width: 260px;}
.popupTble .table thead th.quntity{ width: 9.5%;}
.popupTble .table thead th.priceRent{ width: 100px;}
.popupTble .table thead th.closeto{ width: 80px;}
.popupTble .table tbody tr{border-bottom:1px solid #ebebeb;}
.popupTble .table tbody tr:last-child{ border-bottom: none;}
.clsrd .qtysbox{padding:10px 0;}
.clsrd .qtyTxt{width: 3.125rem;background: #4ecf5c;border-radius: 5px;text-align: center;height: 2.5rem;color: #fff;font-weight: 700 !important;font-size: 1rem;padding: 0;float: left;margin: 0 5px;}

.qtysbox{width:150px;}
.qtyminus{width:2.5rem; height:2.5rem; cursor: pointer; float: left; display: inline-block;}
.qtyplus{width:2.5rem; height:2.5rem; cursor: pointer; float: left; display: inline-block;}

.popupTble .table .inTdimg{width: 60px; height: 60px; display: inline-block; vertical-align: top;}

.popupTble .table tbody td{padding: 11px 15px; white-space: normal;}
.popupTble .table tbody td .qtyPrice{display: inline-block; white-space: nowrap; font-weight: 700; font-size: 1.25rem; color: #002173;}
.popupTble .table tbody td .productDec{display: inline-block; min-width: 300px;}

.couponCode{float: left; max-width: 500px; width: 50%;}
.couponCode .form-control{float: left; width: calc(100% - 125px);}
.couponCode .btn-apply{ min-width: 110px; font-weight: 500; font-size: 1rem; padding: 16px; margin-left: 15px; height: 4rem;}

.addPro .btn-add{ float: right; background: #4fcf5c; width: 216px; max-width: 50%; font-weight: 500; font-size: 1rem; padding:18px 15px; margin-right: 0 !important; height: 4rem;}
.addPro .btn-add .icon-add{ font-size: 1.75rem; margin-right: 16px;}

.deliveryMenu{ position: relative; margin-bottom: 30px; margin-top: 30px;}
.deliveryMenu .delivery-radio-group{margin: 0 -15px;}
.deliveryMenu .delivery-List-Item.custom-control.custom-radio{padding: 0 15px; margin: 0 -2px; width: 50%;}
.deliveryMenu .delivery-List-Item .custom-control-label{width: 100%; padding: 15px 20px 15px 3.5rem; border: 1px solid #ccc; border-radius: 6px; transition: all 0.4s ease-in-out}
.deliveryMenu .delivery-List-Item .custom-control-label .icon{position: absolute; top: 50%; right: 20px; font-size: 1.625rem; color: #ff0066;     transform: translateY(-50%);}
.deliveryMenu .delivery-List-Item .custom-control-label:before{left: 0.875rem;top: 0;bottom: 0;margin:auto;}
.deliveryMenu .delivery-List-Item .custom-control-input:checked~.custom-control-label{border-color: #ff0066}
.deliveryMenu .delivery-List-Item .custom-control-input:checked~.custom-control-label:after{left: 1.19rem;top: 0;bottom: 0;margin:auto;}

.deliveryMenu .custom-control-label{font-weight: 400; font-size: 1.25rem; color: #333333; padding-left: 30px; position: relative; cursor: pointer;}
.deliveryMenu .custom-radio .custom-control-input:checked~.custom-control-label{ color:#333333;}

/* Datepicker css start */
.ui-corner-all{border-radius: 3px;}
.ui-datepicker{width: 17em;padding:8px 8px 3px;display: none;border: 1px solid #c5c5c5;min-width: 300px;z-index: 999999 !important;}
.ui-widget{font-family: Arial,Helvetica,sans-serif;font-size: 1em;}
.ui-widget-content{border: 1px solid #ddd;background: #ffffff;color: #333333;  overflow: auto;}
.ui-datepicker .ui-datepicker-header{position: relative;padding:9px 0;color: #ffffff;background-color: #ff0066;border: 1px solid #ddd;font-weight: bold;}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev{background-color: #da0057;width: 30px;height: 30px;position: absolute;}
.ui-datepicker .ui-datepicker-prev{left: 6px;top: 7px;}
.ui-datepicker .ui-datepicker-next{right: 5px;top: 7px;}
.ui-icon{width: 16px;height: 16px;text-indent: -99999px;overflow: hidden;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display: none; position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.ui-datepicker .ui-datepicker-title{margin: 0 2.3em;line-height:24px;text-align: center;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity: 0.35}
.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-prev:before{width: 8px;height: 15px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;content: '';}
.ui-datepicker .ui-datepicker-prev:before{background: url(../images/arrow-left.png) no-repeat 0 0 / contain}
.ui-datepicker .ui-datepicker-next:before{background: url(../images/arrow-right.png) no-repeat 0 0 / contain}

.ui-state-disabled {cursor: not-allowed!important;pointer-events:auto;}
.ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;}
.ui-datepicker th {padding: 1em 0.3em;text-align: center;font-weight: bold;border: 0;}
.ui-state-disabled{cursor: not-allowed!important;pointer-events: auto;}
.ui-datepicker td {border: 0;padding: 3px;}
.ui-datepicker td span, .ui-datepicker td a {display: block;padding: 0.4em 0.2em;text-align: right;text-decoration: none;text-align: center;}
.ui-state-default, 
.ui-widget-content 
.ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {border: 1px solid #c5c5c5;background: #f6f6f6;font-weight: normal;color: #454545;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border-color: #da0057;background: #da0057}
.ui-datepicker td a.ui-state-highlight{color: #ffffff}

/* Datepicker css end */
.invoiceForm > .form-group.dateBox.mobileHalf .ui-selectmenu-button.ui-button{ border:none; padding: 15px; border-radius: 6px;}
.invoiceForm > .form-group.dateBox.mobileHalf .ui-selectmenu-button .ui-icon{ position: absolute; right: 18px;}
.invoiceForm > .form-group.dateBox.mobileHalf .ui-selectmenu-text{font-weight: 300; font-size: 0.9375rem; color:#666666;}

.subtotalCount > ul > li{display: inline-block; vertical-align: top; width: 100%; font-weight: 700; font-size: 1.25rem; color: #666666; padding: 18px 0; position: relative; z-index: 12}
.subtotalCount > ul > li:after{content: ""; position: absolute; left: -100%; right: -100%; bottom: 0;  z-index: -1; }
.subtotalCount > ul > li .liLeft{ float: left;}
.subtotalCount > ul > li .liRight{ float: right; color: #002173;}
.savingRow.alert-success div{color:#155724;}
.savingRow:after{content: ""; position: absolute; left: -100%; right: -100%; bottom: 0; top: 0; background:#edfff2;  z-index: -1; }
.savingRow .subTotle{color:#4fcf5c;}
.savingRow .totalPrice{color:#4fcf5c;}
.deliverySec .deliveryTitle{ display: block; font-weight: 500; font-size: 1.25rem; color: #333333; margin-bottom: 20px;}
.deliveryMenu .custom-radio .custom-control-input:checked~.custom-control-label:after{ background: #ff0066;}
.deliveryMenu .custom-radio .custom-control-input:checked~.custom-control-label:before{ border-color: #ff0066;}

.btnGroup{display: inline-block;/*padding-top: 20px;*/width: 100%;vertical-align: top;}
.btn-request{ float: right; border: none; font-weight: 700; font-size: 0.9375rem; min-width: 250px; padding: 20px 40px; line-height: 1.35;}
.ordertrems{margin-top: 16px; display: inline-block;}

.ordertrems label input[type="checkbox"]{ position: absolute; left: 0; top: 0; opacity: 0;}
.terms-list-item-label{display: block;position: relative;padding: 5px 0 5px 36px;font-weight: 400;font-size: 0.8125rem;color: #666666;line-height: 1.2;cursor: pointer;}
.terms-list-item-label:before{content: "";width: 21px;height: 21px;border-radius: 3px;position: absolute;left: 0;top: 0;border: 2px solid #666666;bottom: 0;margin: auto;}
.ordertrems label input[type="checkbox"]:checked + .terms-list-item-label:before{background: #ff0066; border-color:#ff0066; }
.ordertrems label input[type="checkbox"]:checked + .terms-list-item-label:after{content: "";-webkit-transform: translate(.25em,.28654em) rotate(-45deg);transform: translate(.25em,.28654em) rotate(-45deg);display: block;width: 13px;height: 7px;border: .15rem solid #ffffff;border-top-style: none;border-right-style: none;position: absolute;top: 0; bottom: 10px; margin: auto;  left: 1px;}

/* Invoice Page */
.invoiceMain{ display: block; width: 100%; background: #ffffff; border-radius: 10px; overflow: hidden;}
.dateGroup{position:relative; padding:15px; text-align: center;}
.dateGroup .form-group.dateBox{ width:250px; padding: 0 15px; margin: 0;}
.dateGroup .form-group{ float: left;}
.dateGroup .form-group.od-clear{width:150px;margin:0;}
.dateGroup .form-group.od-clear .btn-blue{height:50px; color:#666;  background:#fff; border:1px solid #666;}
.dateGroup .form-group.od-clear .btn-blue:hover{border:1px solid #002173; color:#002173;}
.btn-invoice{min-width: 145px; /*float: left;*/ text-transform: none; font-size: 1.125rem; padding: 4px 15px; font-weight: 500;}
.icon-down-arrow{ font-size: 0.6875rem;}
.icon-down-arrow:before{ vertical-align: baseline;}

.popupTble .table tbody td p.BrandUp{ margin: 0; padding-bottom: 5px; font-size:15px; line-height:1.2;}
.popupTble .table tbody td p.BrandUp a{color:#002173;}
.popupTble .table tbody td p.BrandUp a:hover{color:#ff0066;}


.dateGroup .form-control .datPicker .hasdateIcon .hasDatepicker{background-image: url(../images/datepicker.png); background-repeat: no-repeat; background-size: 14px auto; background-position: calc(100% - 15px) center;}

/* Order page */
.orderMain{ background: #ffffff; margin-top:15px; border-radius: 10px;}
.orderInfo{ padding: 15px 30px; padding-left: 70px; position: relative; cursor: pointer;}
.orderInfo:before{ content: ""; width: 20px; height: 4px; background: #000000; position: absolute; top: 0; left: 30px; bottom: 0; margin: auto; z-index: 1; border-radius: 2px;}
.orderInfo:after{ content: ""; height: 20px; width:4px; background: #000000; position: absolute; top: 0; left: 38px; bottom: 0; margin: auto; z-index: 1; border-radius: 2px;  transition: all 0.4s ease-in-out;}
.orderInfo.active:after{transform: rotate(90deg);}

.orderInfo .orderInner{ font-weight: 700; font-size: 1.25rem; color: #333333;}
.orderInfo .totalPrice{ color: #002173;}
.orderInfo .StoreDP{ display: block; font-size:14px;}
.orderInfo .orderId{ display: block; font-size: 0.9375rem; font-weight: 400; color: #333333; padding-top: 4px;}
.orderList{padding: 0 30px;  border-top: 1px solid #ebebeb; display: none;}
.orderBox{ border-bottom: 1px solid #ebebeb;}
.orderBox .orderSmalltitle{ padding-top: 12px;}
.orderBox .orderSmalltitle .SmallTitle{ width: calc(100% - 16.25rem); display: inline-block; vertical-align: middle; font-weight: 500; font-size: 0.9375rem; color: #333333;}
.orderBox .orderSmalltitle .SmallTitle.SmallPriceTitle{ width: 16.25rem; float: right; padding-left: 11px; text-align: right;}
.orderBox .orderItem{ padding: 10px 0; width: 100%;}
.orderBox .orderItem .orderItemImg{ display: inline-block; vertical-align: middle; width: 3.75rem;}
.orderBox .orderItem .orderCon{width:60%; display: inline-block; vertical-align: top; padding-left: 28px;}
.orderBox .orderItem .orderCon .conTop{margin: 0; font-size:16px; line-height: 1.3; padding-bottom: 6px;}
.orderBox .orderItem .orderCon .conTop a{color:#002173;}
.orderBox .orderItem .orderCon .conTop a:hover{color: #ff0066;}
.orderBox .orderItem .orderCon .conBottom, .orderBottomSec .conBottom{ display: inline-block; vertical-align: middle; font-weight: 400; font-size:12px; color: #666666; background: #fffdbf; border-radius: 3px; padding: 5px 9px; margin-bottom:5px;}
.orderBox .orderItem .orderCon .note{font-weight: 500; font-size: 0.75rem; color: #666666; line-height: 1.1; margin-bottom: 0; padding-top: 6px;}
.orderBox .orderItem .orderCon .conBottom.conBotInn{ background: #4fcf5c; color: #ffffff;}
.orderBox .orderItem .orderCon .applyedCod{ display: block; font-weight: 400; font-size: 0.75rem; color:#002173; line-height:1.2; padding-bottom: 6px;}
.orderBox .orderItem .orderCon .applyedCod span{ font-weight: 700; font-size: 0.8125rem; color: #002173; padding-left: 10px;}
.orderBox .orderItem .semiTotal{float: right; width:30%; text-align: right; font-weight: 400; font-size: 20px; color: #666666; padding-left: 16px; line-height: 1.2;}
.orderBox .orderItem .semiTotal strong{ font-weight:500; font-size:20px; color: #333;}
.cancelIten{ display: inline-block; vertical-align: middle; font-weight: 500; font-size: 1.125rem; color: #333; background:#e4e6eb; border-radius: 5px; padding: 4px 22px; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin-top: 5px; margin-right:10px; cursor: pointer;}
.cancelIten:hover{ background:#D2D6DE;}
.orderBox .shopAboutInn{ padding: 23px 0;}
.orderBox .shopAboutInn .shopName{ font-weight: 700; font-size: 1.125rem; color: #002173; line-height:1.2;}
.orderBox .shopAboutInn .shopName span{ color: #ff0066;}
.orderBox .shopAboutInn .delveryCharge{ font-weight: 400; font-size: 0.75rem; color: #666666; padding-left: 14px;}
.orderBox .shopAboutInn .totalAmount{ float: right; font-weight: 700; font-size: 1.25rem; color: #002173; line-height:1.2;}
.orderBox .shopAboutInn .totalAmount span{ color: #ff0066;}

.orderBottomSec{padding:0 0 25px 0; width: 100%;}
.orderBottomSec .totalSec{float: right; width: 27%;}
.orderBottomSec .totalSec .grendTotal{ font-weight: 700; font-size: 1.25rem; color: #002173; line-height:1.2; display: block; padding-bottom: 15px;}
.orderBottomSec .totalSec .extracost{display: block; font-weight: 400; font-size: 0.8125rem; color: #666666; line-height: 1.2; padding-top: 10px; padding-bottom: 15px;}
.delAddressSec{width: 73%; display: inline-block; vertical-align: middle;}
.delAddressSec .addressHed{ font-weight: 500; font-size: 1.125rem; color: #333333; line-height: 1.35;}
.delAddressSec .perDetail{ display: inline-block; vertical-align: middle; padding-top: 11px;}
.delAddressSec .perDetail p{ font-weight: 400; font-size:15px; color: #666666; line-height: 1.3; margin-bottom:5px;}
.shopDetails .shopInfo-box{ display: inline-block;}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{background: #ff0066}
table.dataTable>tbody>tr.child ul.dtr-details{width: 100%;}
.shopDetails{display: block; width: 100%; padding:15px 0;}
.shopDecription{display: block; width: 100%; font-size:16px; line-height: 1.4; color: #999999;  margin:0; padding-top:15px;}
.dataTables_filter{display: none;}

.rqePopVisible .overlay{z-index: 9999}
#select-cat, #select-discount, #select-brand, #select-Shops{display: none;}
.myOrderStatus{padding-bottom:20px;}
.OrderStatusSub{border-bottom:1px solid #ebebeb; padding:8px 0;}
.OrderStatusSub h3{font-size:20px;}

/* About page */
.about-page .about-banner{ background: linear-gradient(-120deg, #FF0066, #002173); min-height: 700px; padding:70px 0;}
.about-page .about-banner .container{position:relative;}
.about-page .about-banner h1{font-size:40px; font-weight:700; color:#fff; padding-bottom:50px;}
.about-page .about-banner p{font-size:25px; font-weight:300; color:#fff;}
.about-page .about-banner .banner-img{z-index: 1; position: relative; margin-right:-120px;}
.about-page .about-banner .banner-bg{background: url(../images/svg/about-banner-bg.svg) no-repeat; position: absolute; width:760px; height:655px; right:-25%; bottom:-22%;}
.about-page .mission-vision{padding:40px 0;}
.about-page .mission-vision h2{font-size:60px; font-weight:700; color:#333333; padding-bottom:20px;}
.about-page .mission-vision p{font-size:25px; font-weight:300; color:#333333;}
.about-page .AwardsBox{background: #fff; padding:20px 40px; border-radius:10px; margin:60px 0;}
.about-page .AwardsBox p{font-size: 25px; line-height:normal; font-weight:500; float:left; width:45%; padding:20px 0 0 0; margin: 0;}
.about-page .AwardsBox p span{color: #FF0066;}
.about-page .AwardsBox .awards-img{float: right; width:45%}
.about-page .ourstory{ position: relative; background:#002173 url(../images/svg/ourstory-bg.svg) no-repeat left bottom; margin-bottom:40px; overflow: hidden;}
.about-page .ourstory h2{font-size:60px; font-weight:700; color:#fff; padding:25px 0;}
.about-page .ourstory p{font-size:25px; font-weight:300; color:#fff; padding-bottom:25px;}
.about-page .ourstory .photo{margin-right: -320px;}
.CoreTeam h2{font-size:60px; font-weight:700;text-align: center; color:#333333; padding-bottom:20px;}
.CoreTeam .team{background:#fff;border-radius:20px; padding:40px 0 30px; margin-bottom:60px;}

.CoreTeam .team .profile img{padding:50px 0 0 50px;}
.CoreTeam .team .content h3{font-size:30px; font-weight:700; color:#FF0066; text-transform: uppercase;}
.CoreTeam .team .content .name{float: left; font-size:25px; color: #333333; font-weight: 700;}
.CoreTeam .team .content .linkedin{ width:25px; height: 25px; margin:4px 0 0 20px; background:url(../images/svg/linkedin.svg) no-repeat; display:block; float: left;}
.CoreTeam .team .content .twitter{ width:25px; height: 25px; margin:4px 0 0 20px; background:url(../images/svg/twitter-profile.svg) no-repeat; display:block; float: left;}
.CoreTeam .team .content p{font-size:25px; font-weight:300; color:#333333; padding:10px 60px 10px 0;}

/* Contact page */
.contact-page .contact-banner{ background: linear-gradient(-120deg, #FF0066, #002173);padding:100px 0;}
.contact-page .contact-banner h1{text-align: center; font-size:40px; font-weight:700; color:#fff; padding-bottom:15px;}
.contact-page .contact-banner p{text-align: center;font-size:25px; font-weight:300; color:#fff;}
.contact-page .contact-box{padding:50px 0;}
.contact-page h2{font-size:30px; color: #333333; font-weight:700;}
.contact-page .contact-info{padding-bottom:30px;}
.contact-page .contact-info h2{padding:40px 0 15px 0;}
.contact-page .contact-info p{font-size:20px; font-weight:300; margin:0;}
.contact-page .contact-info .email{font-size:20px; font-weight:300; color:#333333; background: url(../images/svg/email.svg) no-repeat left 5px; padding-left:30px;}
.contact-page .contact-info .email:hover{color:#FF0066;}
.contact-page .contact-info .phone{ display:block; font-size:20px; font-weight:300; color:#333333; background: url(../images/svg/phone-call.svg) no-repeat left 5px; padding-left:30px; margin-top:15px;}
.contact-page .contact-form{background:#fff; border-radius:20px; padding:30px 40px; box-shadow:0 0 20px rgba(0, 0, 0, 0.1);}
.contact-page .contact-form h2, .contact-page .contact-form p{text-align: center;}
.contact-page .contact-form label{display: block; font-size:18px; color: #333333;}
.contact-page .contact-form .input{display: block; border:1px solid #CBCBCB; height:65px; border-radius:5px; font-size:18px; color: #333333; padding:0 20px; width:100%; margin:10px 0 30px 0;}
.contact-page .contact-form .message{resize: none; display: block; border:1px solid #CBCBCB; height:120px; border-radius:5px; font-size:18px; color: #333333; padding:15px 20px; width:100%; margin:10px 0 30px 0;}
.contact-page .contact-form .send-message{font-size:25px; color: #fff; font-weight:600; background:#FF0066; height:65px; border-radius:5px; width:100%; border:none; padding:0; cursor: pointer;}
.contact-page .contact-form .send-message:hover{background:#002173;}

.contact-page .faq-box{background:#fff; border-radius:20px; box-shadow:0 0 20px rgba(0, 0, 0, 0.1); margin-bottom:50px; padding-bottom:10px;}
.contact-page .faq-box .ttl{ background:#F9F9F9; padding:15px 40px; width:100%; border-radius:20px 20px 0 0; margin-bottom:10px;}
.contact-page .faq-box .allQ{padding:0 40px; width: 100%;}
.contact-page .faq-box .fkQ ~ .fkQ{border-top:1px solid #BEBEBE; }
.contact-page .faq-box .question{padding:15px 0 15px; cursor: pointer; position: relative;}
.contact-page .faq-box .question span{width:90%; display: block; font-size: 20px; color: #333333; font-weight:500;}
.contact-page .faq-box .answer{display:none;}
.contact-page .faq-box .answer p{font-size: 20px; color: #333333; font-weight:300; padding:0 40px 15px 0;}
.contact-page .faq-box .arrow{position: absolute; top:20px; right:0;}
.contact-page .faq-box .arrow:before{ content: ""; width:20px; height: 4px; background:#BEBEBE; position: absolute; top:8px; right:30px; margin:auto; z-index: 1; border-radius: 2px;}
.contact-page .faq-box .arrow:after{ content: ""; height: 20px; width:4px; background:#BEBEBE; position: absolute; top: 0; right: 38px; margin: auto; z-index: 1; border-radius: 2px;  transition: all 0.4s ease-in-out;}
.active .arrow:after{transform: rotate(90deg);}

/* content page */
.content-page .content-banner{ background: linear-gradient(-120deg, #FF5C93, #002173);padding:100px 0;}
.content-page .content-banner h1{text-align: center; font-size:40px; font-weight:700; color:#fff; padding-bottom:15px;}
.content-page .content-banner p{text-align: center;font-size:25px; font-weight:300; color:#fff;}
.content-page .content-box{padding:40px 0;}
.content-page .content-box p{display: block; width:100%;}

/* home page */
.discover-nearby{background:linear-gradient(-120deg, #002173, #00113A); text-align: center; padding:30px 5%;}
.discover-nearby h1{font-size:30px; color: #fff; font-weight: 700; padding-bottom:15px;}
.discover-nearby p{font-size:18px; color:#fff;}
.homeinfo{background:#fff; padding:30px 5%;}
.topcontent{padding-bottom:20px}
.homeinfo .topcontent .lefttxt{float: left; border-right:5px solid #EAEAEA; width:36%; margin-right:4%;}
.homeinfo .topcontent .righttxt{float: left; width:60%;}
.homeinfo .topcontent .lefttxt h2{font-size:25px; color: #FF0066; font-weight: 700;}
.homeinfo .topcontent .lefttxt span{font-size:17px; color: #333333; font-weight:300;}
.homeinfo .topcontent .righttxt p{font-size:16px; color: #333333; font-weight:500; font-style: italic; margin:0 0 5px 0;}
.homeinfo .fcontent p{font-size:16px; color: #333333; font-weight:300;}
.homeinfo .fcontent h2{font-size:25px; color: #333333; font-weight: 700; padding-bottom:20px;}
.homeinfo .fcontent .flcontent{ float: left; border-radius:10px; width:30%; padding:20px 0;}
.homeinfo .fcontent .flcontent img{width:100%; }
.homeinfo .fcontent .flcontent ~ .flcontent{margin-left:5%;}
.homeinfo .fcontent .flcontent .info{ padding:10px;}
.homeinfo .fcontent .flcontent .info h3{ font-size: 20px; color: #002173; font-weight: 700; padding-bottom:15px;}

.PopularCategory{ background:#fff; padding:20px 0; box-shadow: 0 0 25px rgba(0,0,0,0.1); position: relative; margin-bottom:20px;}
.PopularCategory h2, .NearByShopH h2, .homecategoryproduct h2{display: inline-block; color:#333333; font-size: 1.25rem; font-weight:700;}
.PopularCategory .productBox{ margin: 0; background:#F8F8F8;}
.PCSlider .item{margin:0 10px; width:210px; padding:0;}
.PCSlider .slick-prev {left:60px;}
.PCSlider .slick-next {right:60px;}
.PCSlider .slick-arrow{top:-60px;}
.PopularCategory .HNearby{margin:20px 0 0 0;}

.NearByShopH{ padding:15px 0;  position: relative; background: #F8F8F8;}
.NearByShopH .shop-about{margin:0;padding:0;}
.NearByShopH .shop-title{font-size:14px;}

.content-404{background:#fff; border-radius:10px; margin:40px 0; padding:0 15px 30px 15px; text-align: center;}
.content-404 img{text-align: center; margin:0 auto;}
.content-404 h2{ font-size:50px; color: #002173; font-weight: 700; padding:30px 0 20px 0;}
.content-404 p{ font-size:20px; color: #333333; }

.content-list{ margin:0 0 15px 20px;}
.content-list li{ color:#666666; padding:2px 0; list-style: disc; }

.form-control.error{border: 1px solid red;border-radius: 6px;}
.map-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;   height:0;}
.map-responsive #mapCanvas{left:0;top:0;height:100%;width:100%; position:absolute;}

.textError{ border: 1px solid #FF0066 !important;}
.CUTextError{border: 2px solid #f60101 !important;}

.productfks{ background:#fff; border-radius:5px; margin-bottom:10px;}
.productfks .ttlfk{background:#f3f3f3; border-top-left-radius:5px; border-top-right-radius:5px; color:#333; font-size:1rem; font-weight:500; padding:10px 0;}
.productfks .Mqyq1{display:inline-block; padding:0 2%; width:48%; vertical-align: top;}
.productfks .Mqyq2{display:inline-block; text-align: right; padding:0 0 0 2%; width:48%; vertical-align: top;}

.productfks ul{padding:10px 0;}
.productfks ul ~ ul{padding:10px 0; border-top:1px solid #f3f3f3;}
.productfks .fkp1{display:inline-block; padding:0 2%; width:10%; vertical-align: top;}
.productfks .fkp2{display:inline-block; padding:0 0 0 2%; width:28%; vertical-align: top;}
.productfks .fkp3{display:inline-block; padding:0 2%; width:27%; vertical-align: top;}
.productfks .fkp4{display:inline-block; padding:0 2%; width:20%; vertical-align: top;}
.productfks .fkp5{display:inline-block; padding:0 2%; width:12%; vertical-align: top;}
.productfks .fkp6{display:inline-block; padding:0 2%; width:12%; vertical-align:top; padding-top:1.5625rem;}
.productfks .fkp7{display:none; padding:0 4%; width:14%; vertical-align: top;}
.productfks .fkp2 p{margin-bottom:0; font-size:1rem; color:#333;}
.productfks .fkp2 label{color: #333; font-size:1rem; font-weight: 700;}
.productfks .fkp2 .pvalue{display: block; font-weight:400; margin-bottom:0.325rem;}
.productfks .fkp3 .totalTxt{background:#f3f3f3; border-radius:5px; height:2.5rem; color: #002173; font-size:1rem; font-weight: 700;  padding:0 10px; border:none;}
.productfks .fkp7 .totalTxt{background:#f3f3f3; border-radius:5px; height:2.5rem; color: #002173; font-size:1rem; font-weight: 700;  padding:0 10px; border:none;}
.productfks .fkp4 .qtyTxt{width:3.125rem; background:#4ecf5c; border-radius:5px; text-align: center; height:2.5rem; color: #fff; font-weight:700; font-size:1rem; padding:0; float: left; margin:0 5px;}
.productfks .fkp5 .SubTotal{color: #333; font-size:1.3rem; font-weight: 700; width:90px;}
.productfks .fkp3 .PriceTotal{color: #002173; font-size:1.125rem; font-weight: 700; width:90px;}
.productfks .fkp2 p a{ color:#333;}
.productfks .fkp2 p a:hover{ color:#ff0066;}
.productfks .lakol{color: #999; font-size:1rem; margin-bottom:5px; font-weight:500;}
.productfks .delCharge{font-weight: 400; font-size: 0.75rem; color: #666666; background: #f5f5f5; border-radius: 3px; padding: 5px 9px; white-space: nowrap;}
.productfks .applyed{ padding-top: 3px;}
.productfks .applyed .offerCode{font-size: 0.8125rem; font-weight: 700; color: #002173; padding-right: 9px;}
.productfks .applyed a{ font-weight: 400; font-size: 0.8125rem; color: #ff0066;}
.selectdefault {background-color: #f6f6f6; height:4rem; border:none; width:100%; color: #666666; border-radius: 4px; font: 300 15px/1.4 'Roboto', sans-serif; padding:0 10px; background-repeat: no-repeat; background-position:85% 50%; background-image:url(../images/svg/selectdefault.svg); -webkit-appearance: none;}
.selectdefault option {font-weight: normal; text-transform:none; display: block; white-space: pre; min-height: 1.2em; padding:2px 8px;}
.support-nostore{background:#fff; border-radius:10px; padding:10px 20px; margin-bottom:20px;}
.support-nostore .no-record-img{max-width:50%; margin:0 auto;}
.no-record p{ margin-bottom: 1.25rem; font-size:16px;}
.no-record h4{ color:#666666; margin-bottom: 1.25rem; font-size:1.25rem;}
.no-record h4 strong{text-transform: capitalize;}
.HNearby{margin-bottom:20px; text-transform:none; background: #02173; color: #fff;}
.bs-actionsbox .btn{min-width:inherit; text-transform: none; padding:10px;}
.bs-actionsbox .btn:not(:last-child){margin:0;}
.bootstrap-select.show-tick .dropdown-menu li a span.text{text-transform: capitalize;}
.mobileDisplay{display:none;}
.desktopDisplay{display:block;}
.slBox{display: block; border:2px solid #ccc; position: relative; cursor: pointer; font-size:20px; color:#333; user-select: none; left:0; bottom:0; padding:10px 10px 10px 40px; border-radius:6px;}
.slBox ~ .slBox{margin-top:20px;}
.slBox input {position: absolute; opacity: 0;cursor: pointer;}
.slBox .checkmark {position: absolute; border: 2px solid #333333;width: 20px; height: 20px;left:10px;top:13px;border-radius: 50%;}
.slBox input:checked ~ .checkmark {border:2px solid #FF0066;}
.slBox .checkmark:after {content: "";position: absolute;display: none;}
.slBox input:checked ~ .checkmark:after {display: block;}
.slBox .checkmark:after {background: #FF0066; width: 10px;height: 10px;top: 3px;left: 3px;border-radius: 50%;}
.cl-0 .mt-0{margin-top:20px !important;}
.hdpi .pac-item{padding:7px 7px 2px 7px;}
.hdpi .pac-icon{background: url(../images/pac-icon.svg) no-repeat; margin:5px 12px 5px 12px;}
.hdpi .pac-item:hover .pac-icon{background: url(../images/pac-icon-h.svg) no-repeat; }
.hdpi .pac-item-selected .pac-icon{background: url(../images/pac-icon-s.svg) no-repeat;}
.hdpi .pac-icon-marker{ background-position: top left;}
.hdpi .pac-item-query{font-size:16px; padding-right:5px; color:#002173 !important;}
.hdpi .pac-item-query ~ span{display: block; padding: 0 0 0 37px; margin-top: -10px;}
.hdpi .pac-matched{color:#002173 !important;}
.hdpi .pac-item span{color:#333;}
.hdpi.pac-logo:after, .pac-logo:after{background: none; height:0px;}

.pac-item{padding:7px 7px 2px 7px;}
.pac-icon{background: url(../images/pac-icon.svg) no-repeat; margin:5px 12px 5px 12px;}
.pac-item:hover .pac-icon{background: url(../images/pac-icon-h.svg) no-repeat; }
.pac-item-selected .pac-icon{background: url(../images/pac-icon-s.svg) no-repeat;}
.pac-icon-marker{ background-position: top left;}
.pac-item-query{font-size:16px; padding-right:5px; color:#002173 !important;}
.pac-item-query ~ span{display: block; padding: 0 0 0 37px; margin-top: -10px;}
.pac-matched{color:#002173 !important;}
.pac-item span{color:#333;}

#pagination{width:100%; margin: 0 auto; text-align: center;}
#pagination .link {padding: 10px 15px; border-radius:100px; margin: 0 5px 5px; background:#fff; cursor:pointer; color:#002173; font-size:15px; font-weight: 500; display: inline-block;}
#pagination .disabled {cursor:not-allowed;color: #ccc;}
#pagination .current {background:#ff0066; color:#fff;}

.product-loading{z-index:999; width:100%; }
.lds-ellipsis{left:49%; top:90px; z-index:1; display:inline-block;position:relative;width:64px;height:64px}
.lds-ellipsis div{position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:#F06;animation-timing-function:cubic-bezier(0,1,1,0)}
.lds-ellipsis div:nth-child(1){left:6px;animation:lds-ellipsis1 .6s infinite}
.lds-ellipsis div:nth-child(2){left:6px;animation:lds-ellipsis2 .6s infinite}
.lds-ellipsis div:nth-child(3){left:26px;animation:lds-ellipsis2 .6s infinite}
.lds-ellipsis div:nth-child(4){left:45px;animation:lds-ellipsis3 .6s infinite}
@keyframes lds-ellipsis1 {
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes lds-ellipsis3 {
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes lds-ellipsis2 {
0%{transform:translate(0,0)}
100%{transform:translate(19px,0)}
}
.modal-body .lds-ellipsis{left:0; top:0;}
.selectColor .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{background:#fff; color:#000; padding:5px 8px; border-radius:100px;}
.selectColor .bootstrap-select .bs-ok-default:after{width:10px; height:15px;}
.BrandSelect .selectColor .dropdown-menu>li>a:hover{color:none !important;}
.selectColor .dropdown-menu>li>a{padding:10px 20px;}
#overlay {z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
#overlay div {position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;}
.dispnon {display: none;}
.pColorTag  {margin-top:5px;}
.pColorTag span{display:inline-block; float:left; margin:0 5px 5px 0;}
.pColorBox{ width:22px; height:22px; border-radius:3px; }
.showMap{margin-bottom:5px;}
.popular-product-loading{position: absolute; top:-10px; z-index:999; width:100%; }

.select-cancle-reason{ padding-bottom:15px;}
.select-cancle-reason .CoverBox{display: block; position: relative; cursor: pointer;  font-size:20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color:#333333; user-select: none; padding:5px 5px 5px 30px; border-radius:5px; left:0; bottom:0;}
.select-cancle-reason .CoverBox input {position: absolute; opacity: 0; cursor: pointer;}
.select-cancle-reason .CoverBox .checkmark {position: absolute; top:8px; left:0; height:20px; width:20px; border:2px solid #333333; border-radius: 50%;}
.select-cancle-reason .CoverBox input:checked ~ .checkmark {border:2px solid #FF0066;}
.select-cancle-reason .CoverBox .checkmark:after {content: ""; position: absolute; display: none; background:#FF0066; width: 10px; height:10px; top: 3px; left: 3px; border-radius: 50%;}
.CoverBox input:checked ~ .checkmark:after {    display: block;}
.signUp-form .pink_text{text-transform: uppercase; text-align: center; padding-bottom:15px;}
.shoppingLink{text-align: center; color:#999;font-size:15px;margin-top:35px;}
.shoppingLink a, .shareShop a{font-weight:700; color:#002173;}
.modal-title span{display: inline-block; vertical-align: middle;}
.map-icon{ width:30px; height:30px; margin-right:10px;}
.loc-map-icon{ width:44px; height:30px; margin-right:10px;}
.signUp-form .pink_text.colorgray{color:#999 !important;}

.changeNumber{position: absolute; top:1.2rem; right:20px; font-size:15px; font-weight: 700; color: #002173; background-color: transparent; cursor: pointer; transition: all 0.4s ease-in-out; border: none; }
.changeNumber:hover{color: #ff0066}
.out-stock{color:#ff0066; font-weight: 700; background:#F3F3F3; border-radius:6px; padding:7px 10px; margin:10px 0; display: inline-block;}
.btn-notify{margin-left:10px; padding-left:22px;content: ""; background: url(../images/svg/icon-notify.svg) no-repeat; width: 16px; height:20px;}
.btn-notify:hover{color:#ff0066;}

.txtBox{position: relative;}
.address-inputbox .form-control{padding-right:60px;}
.lMobile{display:inline-block; width:69%;}
.modal-body .CCode{display:inline-block; width:30%; height:50px !important;}
.modal-body .CCode:focus{background-color: #f6f6f6; background-image:url(../images/svg/selectdefault.svg); background-repeat: no-repeat; background-position:85% 50%;}

.changemobile{cursor: pointer; text-align: center; color:#ff0066; display: block; padding:10px 0; font-size:15px;}
.otptime{display: block; text-align: center; font-size:30px !important;}
.btnvieworder{background-color:#ff0066;}

.load-product .lds-ellipsis{top:0px !important;}

/* invoiceTable style */
.invoiceTable{ background:#fff; border-radius:5px; margin:15px 0 0 0;}
.invoiceTable .sort:after{display: inline-block; vertical-align: middle;width: 12px;height: 15px;content: '';background: url(../images/sort-icon.png) no-repeat center center / contain; margin: -2px 0 0 6px;}
.invoiceTable .sortasc:after{display: inline-block; vertical-align: middle;width: 12px;height: 15px;content: ''; background: url(../images/sort-asc.png) no-repeat center center / contain; margin: -2px 0 0 6px;}
.invoiceTable .sortdesc:after{display: inline-block; vertical-align: middle;width: 12px;height: 15px;content: ''; background: url(../images/sort-desc.png) no-repeat center center / contain; margin: -2px 0 0 6px;}

.invoiceTable .ttlfk{background:#ebebeb; border-top-left-radius:5px; border-top-right-radius:5px; color:#333; font-size:1rem; font-weight:500; padding:10px 0;}
.invoiceTable .dlist{display:inline-block; padding:0 1%; vertical-align: top; color:#333; font-size:15px;}
.invoiceTable .tlist1{width:13%;}
.invoiceTable .tlist2{width:40%;}
.invoiceTable .tlist3{width:12%;}
.invoiceTable .tlist4{width:13%; text-align: right;}
.invoiceTable .tlist5{width:20%;}
.invoiceTable .tlist2 p{margin:0 0 5px 0; line-height:1.35; font-size:14px;}

.invoiceTable ul{padding:10px 0; border-bottom:1px solid #f3f3f3;}
.invoiceTable .mtextview{display: none;}

.login-popup{background:#fff; text-align: center;}
.login-popup li {vertical-align: middle; padding:0 0 5px 0;}
.login-popup li a{font-size: 20px; font-weight: 600; color:#333333; padding:15px 10px; border:1.5px solid #fff; cursor: pointer; display: block; background:#f8f8f8; border-radius:10px;}
.login-popup li label{cursor: pointer;}
.login-popup li img{vertical-align: middle; display: inherit;}
.login-popup li a.select{border:1.5px solid #002173; }
.login-popup li a:hover{border:1.5px solid #002173;}
.login-popup li a span{padding-left:15px;}
.spBody .head-search{float: none;width: 100%;}
.spBody .menulink{padding:0;}
.grecaptcha-badge{display: none !important;}

.colorgray ul li a{color:#002173; text-transform: capitalize;}
.colorgray ul li a:hover{color:#ff0066;}
.btnClear{background:none; color:#002173;}
.btnClear:hover{background:#002173; color:#fff;}

.list-cart-button{text-align: center;}
.list-cart-button a{display: block; text-transform: capitalize; font-size:14px; padding:3px 5px; border-radius:5px;  margin-top:7px;}
.list-cart-button a:hover{color:#fff;}
.list-cart-button a .icon{margin-right:5px;}
.btncart-pickup{color:#4FCF5C; border:1px solid #4FCF5C;}
.btncart-pickup:hover{background:#4FCF5C; }
.btncart-delivery{color:#002173; border:1px solid #ccc;}
.btncart-delivery:hover{background:#002173; }
.mobileCartButton{display: none;}

.package-loose-inside{padding-top:10px;}
.package-loose-inside .looseinput{ width:68%; margin-right:2%; float:left;}
.package-loose-inside .weightopt { width:30%; float:left;}
.package-loose-inside .btn{ width:100%; margin:10px 0;}

.storelocalisst{ text-align: center;}
.storelocalisst ul li a{display: block; color:#002173; padding:10px; border:1px solid #002173; border-radius:5px;}
.storelocalisst ul li a:hover{color:#ff0066;}
.storelocalisst ul li + li{padding-top:15px;}

.stores-page .content-404{margin-top:0;}
.stores-page .content-404 h2{color: #666666; font-weight:400;font-size: 22px;}
.stores-page .content-404 img{width:50%}
.btnContinue{background:#4fcf5c;}
.installapp{background: #fff; z-index: 9; bottom:50px; right: 0; display: block; position: fixed; border-radius: 5px 0 0 5px; padding: 0 0 0 5px;}
pwa-install{margin: 0 auto; width:170px; display: block;}
pwa-install::part(openButton) {border-radius: 5px; font-size:16px; margin-top:5px; margin-bottom:5px; background:#4fcf5c;}
.freetxt{text-align: center; font-weight:700; font-size:18px; padding-top:5px;}
.ortxt{text-transform: uppercase; text-align: center; font-size: 15px; padding: 10px; color: #000; font-weight: 700;}
.btnaccount{background:#ff0066; border:none; text-transform: uppercase; text-align: center; font-size: 15px; height: 50px; width:100%;}
.btnaccount:hover{background:#002173;}
.disabled{pointer-events: none; cursor: not-allowed;  opacity: 0.6;}
.store-not-available{ background: #ff0066; padding: 10px; display: block; position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; color: #fff; z-index: 8; font-weight: 700;}
.store-not-availableD{ background: #ff0066; padding: 10px; width: 100%;color: #fff; font-weight: 700; border-radius:5px; margin:10px 0 0;}

.menulink{padding:7px 0 0 0; white-space: nowrap; overflow: auto;}
.menulink li{display: inline-block; padding:0 2px;}
.menulink li a{padding:5px; border-radius:5px; color:#333; font-size:15px; font-weight:500; display: inline-block;}
.menulink li a:hover{color:#ff0066;}
.menulink li a.select{color:#ff0066;}

.spages-content{background:#fff; border-radius:5px; margin-bottom:20px; padding-top:10px; padding-bottom:10px;}
.spages-content .title-page{font-weight:600; font-size:27px; color:#333; border-bottom:1px solid #ccc; padding-bottom:5px; display: block;}
.spages-content .content-box{padding-top:10px;}
.spages-content .locationbox{padding:20px 0; border-bottom: 1px solid #ccc;}
.spages-content .location-list .address{font-size:19px; margin-bottom:10px;}
.spages-content .store-hours{background: #f3f3f3; border-radius: 5px; padding: 10px 15px;}
.spages-content .store-hours .working-title{font-size:19px; padding:0;}
.spages-content .store-hours .working_list{padding:0;}
.spages-content .store-hours .working_list dl{font-size:16px;}
.search-spro .head-search{float: none;  width:100%; margin:8px 0;}
.search-spro .head-search .form-group{margin:0;}
.search-spro .head-search .keywordField .form-control{background:#fff; height:50px;}
/*.search-spro .srcclear{position: absolute; top:10px; right: 60px; background:#fff; color:#333; cursor:pointer; font-size:14px; padding:5px;}*/
.search-spro .srcclear{position: absolute;top: 6px;right: 53px;background: #f3f3f3;color: #999999;cursor: pointer;font-size: 22px;padding: 5px;border-radius:4px;width:38px; }
.store-categorybox {white-space: nowrap; overflow: auto; flex-wrap: nowrap; padding: 30px 0px 35px 5px;}
.store-categorybox ul{width:100%;}
.store-categorybox ul li{padding:5px; border-radius:10px;text-transform: capitalize; display: inline-block; text-align: center; border: 1px solid #f3f3f3; cursor: pointer; margin: 0 5px 0 0; font-size:16px;}
.store-categorybox ul li img{border-radius:140px; width:140px; margin: 0 auto;}
.store-categorybox ul li.active{background:#fff; border: 1px solid #002173;}
.coupon-main{white-space: nowrap; overflow: auto;}
.coupon-boxs{background:#fff; display: inline-block;border-radius:5px; padding:10px; margin:0 10px 10px 0;}
.coupon-boxs label{font-weight:400; color:#666;}
.coupon-boxs .CC-code{padding:0 10px;}
.coupon-boxs a{font-weight:700;}
.deliveryAddress .modal-body{padding:20px 0;}
.deliveryAddress .map{width: 100%;overflow: hidden; height:340px; margin-bottom: 15px;}
.deliveryAddress .map iframe{vertical-align: top;width: 100%;height: 100%;}
.map-btnsave{padding:15px; border-radius:10px; font-size:20px; width:100%; cursor:pointer;}
.map-inputbox{padding:0 15px;}
.map-inputbox .icon-edit{padding:0 10px; cursor: pointer;}
.addNewAddress {width: 100%; border-bottom: 0.5px solid #ccc}
.mandatory{color: #FF0066;}
.addnewaddress .icon-add{margin-right:10px;}
.editBtn{color:#999; padding:0 5px;}
.orderBox .totalDeliveryCharge{ padding: 5px 0 10px 0;}
.orderBox .totalDeliveryCharge .shopName{ font-weight: 700; font-size: 1.125rem; color: #002173; line-height:1.2;}
.orderBox .totalDeliveryCharge .shopName span{ color: #ff0066;}
.orderBox .totalDeliveryCharge .delveryCharge{ font-weight: 400; font-size: 0.75rem; color: #666666; padding-left: 14px;}
.orderBox .totalDeliveryCharge .totalAmount{ float: right; font-weight: 700; font-size: 1.25rem; color: #002173; line-height:1.2;}
.orderBox .totalDeliveryCharge .totalAmount span{ color: #ff0066;}
.homeda{margin:10px 0 0;}
.homeda .card-white{margin:0 0 3px 0;width: 97.5%;}

.deliveryAddresses .deliveryAddbox{border:1px solid #ccc; border-radius: 10px; padding:10px; display: inline-block; margin:0 10px 10px 0; position: relative;}

.deliverySec{margin-bottom:15px;margin-top: 15px;}
.deliverySec .addNewAddress a{border:1px solid #002173; color:#002173; padding:10px; border-radius:5px; display: inline-block; font-size:15px; font-weight: 600; margin:0 0 15px 0;}
.deliverySec .addNewAddress a .icon-add{margin-right:6px;}
.deliverySec .addNewAddress a:hover{background:#efeef3;}

.onlinepayment{padding:10px 0; background: #fff;}
.onlinepayment p{ font-size:15px; color:#000; font-weight: 700; padding-bottom:10px; margin:0;}
.onlinepayment a{border:1px solid #666; color:#666; padding:15px; border-radius:5px; display: inline-block; font-size: 18px; font-weight: 600; margin:0 8px 10px 0;}
.onlinepayment a:hover{background:#efeef3;}
.onlinepayment a.select{background:#4fcf5c; color:#fff;}
.pac-container { z-index:1000000 !important;}
.paymentbox{background:#f6fcfc; padding:20px; border-radius:10px; margin-bottom:20px; border:1px solid #119199;}
.paymentbox .field-row{padding-bottom:15px;}
.paymentbox .paycard-input{background:#fff; padding:25px 15px; margin-bottom:10px;  border-radius: 6px; border: 1px solid #ccc;}
.paymentbox label{color:#333; font-weight:700;}
.paymentbox .paycard-error{padding-bottom:10px;}
.paymentbox .payInputBox{background:#fff; border: 1px solid #ccc;}
.loginpopup .modal-body .lMobile{width:60%;}
.loginpopup .modal-body .CCode{width: 39%; height: 4rem !important;}
.ordivbox { position: relative; width: 100%; display: flex; -webkit-box-align: center; align-items: center; margin:25px 0; }
.orlinel { border-top: none; border-right: none; border-left: none; border-image: initial; width: 100%; border-bottom: 1px solid rgb(232, 232, 232); padding: 0px; margin: 0px;}
.orlabel { position: absolute; padding: 0.1rem 0.6rem 0.5rem 0.5rem; background: rgb(255, 255, 255); font-size: 1.5rem; left: 50%; transform: translateX(-50%); color: rgb(105, 105, 105);}
.ordersubbox{text-align: right; padding:0 0 20px 0 !important;}
.ordersubbox .totalPrice{font-size:30px;}
.editdAddress{position: absolute; right: 0; top: 0;}
.editdAddress .icon-edit{padding-right:5px;}
.deliveryAddbox .custom-control{padding-right: 50px;}
.otptext{margin:0 !important;}
.OrderStepttl .back_step{float: left; margin-top:10px;margin-left:5px;margin-right:-38px;cursor: pointer;}
.OrderStepttl .Mqyq1{display: inline-block; float: left;
    font-size: 16px;
    color: #999;
    font-weight: 700;
    padding: 7px 0 0 10px;}
.OrderStepttl .Mqyq2{display: inline-block; float: right;
    font-size: 16px;
    color: #999;
    font-weight: 700;
    padding: 7px 0 0 0;}
.timeSlot-title{padding:0 10px; font-size: 15px;}
.deliveryChargeSec1, .deliveryChargeSec{color:#666; font-size:17px; font-weight:500; border-bottom:1px solid #bbb; padding:10px 0;}
.taxSec div{color:#666; font-size:17px; font-weight:500; border-bottom:1px solid #bbb; padding:10px 0;}
.deliveryerror{ margin: 0 0 0 25px; padding: 5px 10px; color: #fff; background: #ff0000; font-size: 16px;    border-radius:5px;}
.deliverysuccess{ margin: 0 0 0 25px; padding: 5px 10px; color: #fff; background:#4fcf5c; font-size: 16px;    border-radius:5px;}
.SetDAddress{background: #f3f3f3; display: block; color: #999; font-size: 17px; padding: 5px 15px;border-radius: 5px; text-align: center;}
.products-main #pagination-result{ border-radius:5px; margin-top:15px;}
.alsolikesection .container{background: #fff; border-radius:5px;}
.products-main .col-product{border: 1px solid #e7e7e7;background:#fff; border-radius:5px;}
.fixed-top {transform: translateY(40px); transition: transform .3s; position: fixed; top:16px; right: 0; left: 0;  
	 -webkit-box-shadow: 0 8px 4px -6px rgba(0, 0, 0, 0.40);
       -moz-box-shadow: 0 8px 4px -6px rgba(0, 0, 0, 0.40);
            box-shadow: 0 8px 4px -6px rgba(0, 0, 0, 0.40);
}

.shop-info .fixed-top.fixed-top {transform: translateY(40px); transition: transform .3s; position: fixed; top: 40px;right: 0; left: 0; 
	 
	 -webkit-box-shadow: 0 8px 4px -6px rgba(0, 0, 0, 0.40);
       -moz-box-shadow: 0 8px 4px -6px rgba(0, 0, 0, 0.40);
            box-shadow: 0 8px 4px -6px rgba(0, 0, 0, 0.40);
}

.radio-toolbar {margin:0;}
.radio-toolbar span {display: block; padding:12px 0 5px 0; font-weight:700; color:#333;}
.radio-toolbar input[type="radio"] { opacity: 0; position: fixed; width: 0;}
.radio-toolbar label { display: inline-block; background-color: #fff; padding: 10px 20px; font-size: 16px; border:1px solid #666; border-radius:80px; cursor: pointer;margin: 0 3px 5px 0; vertical-align: middle;}
.radio-toolbar label:hover {background-color: #fff7fa;color:#ee005f; border-color: #ee005f;}
.radio-toolbar input[type="radio"]:focus + label { border:1px solid #ee005f; color:#fff; font-weight:700;}
.radio-toolbar input[type="radio"]:checked + label { background-color: #fff7fa; border-color: #ee005f; font-weight:700; color:#ee005f;}
.radio-toolbar .attColor{width:35px; height:35px; padding:0;}

.rview-toolbar label{cursor: inherit; color: #333 !important; padding:0 10px; border-radius: 5px;}
.rview-toolbar label:hover{background-color: #fff;color:#002173; border-color: #666;}
.rview-toolbar .attColor{width:25px; height:25px;}

.selDelAddErr{background: #ffebed; padding: 10px; margin: 10px 0; border-radius: 5px;}
.btnOrderNow{margin-right:0 !important;}
.detailAddressTextarea{height: 85px; resize: none;}

.category-title{font-size:20px; font-weight:500; color:#002173; margin:0; padding:6px 10px 0 0; float: left;}

.category-description-footer{background:#fff; padding:20px 0 0 0; margin:0 0 2px 0;}
.category-description-footer h2{font-size:22px; font-weight:500; color:#333; margin:0; padding:0 0 15px 0;}
.category-description-footer p{font-size:15px; font-weight: 400; color: #333;  margin:0; padding:0 0 20px 0;}
.category-description-footer ul{list-style: inherit; padding-left: 20px;}
.category-description-footer ul li{padding-bottom:5px; color:#333;font-size: 15px;}

.order-success{text-align: center;}
.order-success img{margin: 0 auto;}
.order-success .success-ttl{color:#4FCF5C; font-size:20px; padding:10px 0;}

.myordersButton{padding-top:15px; overflow: auto; white-space: nowrap;}
.myordersButton input{min-width: inherit;}
.myordersButton input{background:#fff; color:#333;}
.loginpopup .modal-body .EmailPhoneControls .lMobile{width:100%;}
.loginpopup .modal-body .EmailPhoneControls .CCode{position: absolute; right:2px; top:1px; background-color:#f3f3f3; padding-right: 30px; height: 3.8rem !important;}

.catcommon{display: block;
    width: 140px;
    height: 140px;
    text-align: center;
    word-break: break-word;
    background: #ccc;
    border-radius: 150px;
    line-height: normal;
    vertical-align: middle;
    white-space: normal;
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 15px;}
.catcommon span{word-break: break-all;
    display: block;
    margin: 0;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);}
.catnametxt{color:#f3f3f3;}
.scatcolor1{background-image: linear-gradient(to left top, #798AB5, #365091);}
.scatcolor2{background-image: linear-gradient(to left top, #82106C, #C70769);}
.scatcolor3{background-image: linear-gradient(to left top, #3DA047, #2A6E31);}
.scatcolor4{background-image: linear-gradient(to left top, #FFA11C, #FF6A35);}
.scatcolor5{background-image: linear-gradient(to left top, #B5A621, #163A1A);}
.scatcolor6{background-image: linear-gradient(to left top, #82106C, #798AB5);}
.scatcolor7{background-image: linear-gradient(to left top, #00113C, #837200);}
.scatcolor8{background-image: linear-gradient(to left top, #001A5A, #00113C);}
.scatcolor9{background-image: linear-gradient(to left top, #267468, #3AA162);}
.scatcolor10{background-image: linear-gradient(to left top, #45186F, #394B59);}
.scatcolor11{background-image: linear-gradient(to left top, #00113C, #FFE436);}
.scatcolor12{background-image: linear-gradient(to left top, #830034, #830034);}
.scatcolor13{background-image: linear-gradient(to left top, #FF3050, #463D00);}
.scatcolor14{background-image: linear-gradient(to left top, #797A3C, #FF7BB0);}
.scatcolor15{background-image: linear-gradient(to left top, #81D342, #00113C);}
.scatcolor16{background-image: linear-gradient(to left top, #45186F, #FFA11C);}

.review_box .badge-primary{background:#FEBA00; color:#fff; padding: 3px 9px; border-radius: 5px;}
.review_box .list-group-item{ margin-bottom:15px;background: linear-gradient(201deg, #ECECEC 0%, #F7F7F7 79%, #fff 100%);}
.review_box .card-img-user img{width:40px;}
.review_box .card-user{padding:10px; border: 1px solid rgba(0,0,0,.125); margin-bottom:15px; border-radius: 5px;}
.review_box .card-img-user{float: left; width:40px;}
.review_box .review-body{float: left; width:60%; padding:0 10px;}
.review_box .review-star{float: right; width:60px; padding-left: 10px;}
.review_box .review-name{font-weight: 500;}
.review_box .review-date{font-weight: 500; font-size: 12px; color: #333333;}
.review_box .review-comment{font-size:14px; color: #333333; padding: 10px 0;}
.review_box .add-shop-ratting{padding-bottom: 20px;}
.review_box .add-shop-ratting .fa-star{width:30px; height:30px;}
.review_box .reviewcomment{height:110px;resize: none;}
.addnew-review{display:block; color:#fff; background:#ff0066; padding:3px 0; border-radius: 5px;width: 120px; margin:5px 0; text-align: center;}
.addnew-review:hover{ color:#fff; background:#dc0058;}
.user-reviews{background:#4fcf5c;border-radius: 3px; padding: 2px 6px;}
.share-shop{vertical-align: middle; margin:0;}
.review1star{background:#ff0000 !important;font-size: 14px;padding: 4px 6px;border-radius: 5px;}
.review2star{background:#ff0066 !important;font-size: 14px;padding: 4px 6px;border-radius: 5px;}
.review3star{background:#E9B501 !important;font-size: 14px;padding: 4px 6px;border-radius: 5px;}
.review4star{background:#4fcf5c !important;font-size: 14px;padding: 4px 6px;border-radius: 5px;}
.review5star{background:#0E5020 !important;font-size: 14px;padding: 4px 6px;border-radius: 5px;}
.msharebtn {display: none;}
.mproductsharebtn {display: none;}
.offDiscount{bottom:182px!important;background: #FFEB66!important;padding:4px 8px!important;}
.offDiscountH{bottom:170px!important;background: #FFEB66!important;padding:4px 8px!important;}
.alsolikesection .offDiscount{bottom:216px!important;}
.shop_con .shopDistance{display:block; color: #666666; font-size:14px; padding-top:5px; font-weight: normal;}
.proddetailstorinfo {font-size: 15px;color: #787878;text-align: center;border: solid 1px #ddd;border-radius:5px;}
.ckColor{background-color: #fff!important;}
.stickySearchBtn{display:none;}
.shopShareButtons{display:none;}
.stickyHeaderClear{position: absolute;top: 2px;right: 50px;background: #f3f3f3;color: #999999;cursor: pointer;font-size: 30px;padding: 0px;border-radius:4px;width:25px; }
/* search page product not found */
.container-fluid { padding: 0 30px;}
.not-found {  background-color: #ffffff;  text-align: center;border-radius: 5px;padding: 35px;box-shadow: 0 0 25px rgb(0 0 0 / 5%);}
.not-found img { text-align: center;  margin: 0 auto;}
.not-found h1 {color: #333333;font-size: 2.1875rem;font-weight: 600;padding: 20px 0;font: 300 25px/1.2 'Roboto', sans-serif;position: relative;}
.not-found p {color: #666666;font-size: 1.3125rem;line-height: 1.6;	font-weight: 400;}

.displayCouponCode{
	color : #002173!important;;
}
/* start store footer */
.store-footer .email{ color:#333333; line-height: 29px;background: url(../images/svg/email.svg) no-repeat left 5px; padding-left:30px;}
.store-footer ul li a:hover { color: #ff0066;}
.store-footer .phone{ display:block;line-height: 29px; color:#333333; background: url(../images/svg/phone-call.svg) no-repeat left 5px; padding-left:30px; margin-top:15px;}
.store-footer .whatsapp{ display:block;color:#333333; line-height: 29px;background: url(../images/svg/store-whatsapp.svg) no-repeat left 5px; padding-left:30px;margin-top:15px;}
.store-footer .address{ display:block;color:#333333; background: url(../images/svg/location.svg) no-repeat left 5px; padding-left:30px;margin-top:15px;}
.storeFootCopy { display: block;padding: 10px 0;border-bottom: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf;}
/* end store footer */


/* start first time user page */
.headerfirstuser{background:#fff; padding:20px 0;  display: flex; }
.headerfirstuser .container{display: flex; }
.headerfirstuser .login-links{font-size: 15px;margin-left: auto; padding-top:10px;}
.firstuser-page{background:#fff;}
.firstuser-page .banner-img{margin: 0 -15px;}
.firstuser-page .banner-img img{ width:100%}
.firstuser-page h1{font-size: 35px; color:#000000; font-weight: 700; padding-top:15px;}
.firstuser-page p{font-size:24px; color:#666666; font-weight:400; padding-bottom:20px; line-height:25px; }
.firstuser-page h2{font-size:25px; color:#000; font-weight:700; padding-bottom:20px; }
.firstuser-page .locationGbox{ background: #4FCF5C; padding-top:30px; padding-bottom:30px;}
.firstuser-page .locationGbox .head-search{ width: 100% !important; margin:0;}
.firstuser-page .locationGbox .head-search .location-search{ width: 100% !important; }
.firstuser-page .locationGbox .location-search .form-control{ background: #fff;}
.firstuser-page .locationGbox .location-search .locationBtn{ background: #fff; display: block !important;}
.firstuser-page .locationGbox .head-search .location-search .form-control{height:50px !important; border-radius: 6px !important; padding:10px 40px !important;}
.firstuser-page .locationGbox .location-search:before{color: #999 !important;}

.firstuser-page .firstuserCategory{ background: #F8FDF8; padding-top:30px; padding-bottom:10px;}
.firstuser-page .firstuserCategory .carBox{width:100px; padding:0 !important; margin:0 5px !important;}
.firstuser-page .app-content{padding-top:15px;}
.firstuser-page .app-content .col-5{padding-right:0;}
.firstuser-page .app-content h2{padding-bottom:10px; line-height:25px; font-size: 22px;}
.firstuser-page .app-content p{font-size:16px; line-height:20px; padding:0 0 15px 0; margin:0px;}
.firstuser-page .gapp-img{padding: 0;}
.firstuser-page .gapp-img img{margin: 0 auto;}

.SliderProductListWrapper{display: flex; position: relative; flex-direction: column;}
.SliderProductListContainer{max-width: 100%; overflow: auto hidden; display: flex; flex-direction: row;}

.homecategoryproduct{padding:15px 0;}
.homecategoryproduct .ttlpc{margin-left: -15px;}
.NearByShopH .ttlpc{padding:0 0 10px 10px;}
.homecategoryproduct .productBox{border:1px solid #DADADA;}
.ttlpc a{color: #4FCF5C; font-weight: 500; text-transform: lowercase; font-size: 17px; float: right;}
.firstuserCategory .carBox .catCon{min-height:60px;}