* {
  box-sizing: border-box;
  -webkit-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;
  text-decoration: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}
ol,
ul {
  list-style: none;
  margin:0 !important; padding: 0 !important;
}
blockquote,
q {
  quotes: none
}

button {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
a:focus,
button:focus,
input:focus,
a:hover {
  outline: none;
  text-decoration: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}
.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  display: table;
  clear: both
}
.clearfix:before {
  clear: both;
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  display: table
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.pull-right {
  float: right
}
.pull-left {
  float: left
}
img {
  display: block;
  max-width: 100%
}

a {
outline: 0;
}
a:hover,
a:active,
a:focus {
   outline: none;
}
:hover,
:active,
:focus {
  outline: none !important;
}
[type=button]:hover,
[type=button]:active,
[type=button]:focus {
   outline: none !important;
}
a:hover { cursor: pointer;}
input::-moz-focus-inner {
border: 0;

}
p{margin:0 !important;}
@font-face {
  font-family: 'MyriadPro-Regular' ;
  src: url('./fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), 
   url('./fonts/MyriadPro-Regular.otf')  format('opentype'),
         url('./fonts/MyriadPro-Regular.woff') format('woff'), 
         url('./fonts/MyriadPro-Regular.ttf')  format('truetype'), 
         url('./fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {
  font-family: 'MyriadPro-Regular' !important;
  font-weight: 400;
  overflow-x: hidden !important;
}

.container { width: 100% !important; max-width: 1920px !important; padding:0 90px !important;}
/*  Header  */
.navigation ul { margin: 0;}
.headerTop{ padding:10px 0;-webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);}
.logo img { width: 175px;}
.seacrhSect { padding:0px; border-radius:3px; background:#eee; width: 48%; margin-top: 18px;}
.searchInput { width: 90%; background:none; border:none; color:#9b9b9b; font-size:14px; font-family: Arial; line-height:38px; letter-spacing: 1px; font-weight: 500; padding:3px 10px;}
.srchBtn { width: 10%; cursor: pointer; text-align: center; background:#398001; padding: 5px;}
.srchBtn img { display: inline-block; width: 30px; padding:5px 0 0 0;}
.topMenu { width: 30%; padding-top: 10px;}
.topRightMenu li a { color:#000; font-size:13px; font-weight: 600; transition: all ease 0.7s;}
.topRightMenu li a span img{ display: inline;} 
.topRightMenu li a:hover {color:#fac004 !important;}
.topRightMenu li { padding:0 18px;} 
.topRightMenu li:last-child{ padding-left: 0px;}
.cartSect { position: relative;}
.cartSect img { width: 44px;}
.topRightMenu li.phone { padding:0 15px;}
.phone img { width: 30px;} 
.dotedSection { margin-left:20px; margin-right:-10px; margin-top: 12px;}

.cartSect samp{ display: block; position: absolute; color:#fff; border-radius: 50%; width: 27px; height: 27px; background: #398001; font-size:12px; text-align:center ; line-height: 27px; right: 10px;}
.headerBtm { background: #fac004;}
.navigation { position: relative; z-index: 9;}
.navigation li{ float: left; padding: 4px 16px;}
.navigation ul {margin-left:-10px !important;}
.navigation li a { display: inline-block; font-weight: 700; font-size:13px; color: #000; letter-spacing: 0.7px; line-height: 30px;}
.navigation li span{ display: inline-block; padding-left:5px;} 
.navigation li span img { width:8px;}
.navigation li:hover { color:#398001; background: #fff;}
.dropdownMenu { left:-10px; top:39px;padding:25px;position: absolute; width: 77%; background: #fff;-webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);box-shadow: 0 0 5px 0px rgba(0,0,0,0.3); display:none;}
.dropdownMenu ul li { width: 33.3%; padding:0 0 12px 0;}
.dropdownMenu ul li a { font-weight: 600; font-size: 14px; line-height: 14px; display:block;} 
.dropdownMenu ul li ul li { width: 100%; padding-bottom: 5px;}
.dropdownMenu ul li ul li a {font-weight: 500; font-size:12px; color: #414141; padding-bottom:0;line-height: 16px;}
.dropdownMenu ul li ul { margin-top: 8px !important; margin-left:0 !important;}
.navigation li:hover .dropdownMenu { display: block;}
.dropdownMenu ul { margin-left:0 !important;}


.blogSect {border-left:1px solid #dca904;}
.blogSect a {font-weight: 700; font-size:13px; color: #000; display: inline-block; padding:9px 10px; line-height:20px;}
.blogSect a img { width: 20px;}
/* Home Page */
.smallSlider, .largSlider { position: relative; overflow: hidden;}
.smallSlider img, .largSlider img { transition: all ease 0.7s; width: 100% !important;}
.smallSlider:hover img, .largSlider:hover img { transform: scale(1.1);}
.btmSlider .col { padding: 0 5px;}
.btmSlider .row { margin: 0 -5px;}

.shopByCat { background:#fafafa !important;} 
.catBx { width: 16.6%;}
.catImage {background: #fff; border-radius: 50%;  -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 0px rgba(0,0,0,0.3); width: 130px; height: 130px; display: inline-block;}
.catImage a { display: block; width: 100%; height: 100%;}
.catImage img { display: inline; border-radius: 50%; margin: 0 0 0 2px;}
.catName a{ color: #414141; font-weight: 700; font-size: 16px;} 
.catBx:hover .catName a{color: #398001;}   

/* Shop By Brand */
.shopByBrandTop h3 { text-align: center; width: 70%; margin: 0 auto; background:url(../images/seprator.png) no-repeat center bottom; 
  font-weight: 700; font-size:22px; text-transform: uppercase; line-height: 32px;padding-bottom: 12px; margin-bottom: 8px; background-size: 70%; }
.brandspace {margin-top:40px}
.productBx {
  background: #fff; border-radius: 3px; 
  -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
  padding:15px;margin-bottom: 20px;
  padding-bottom: 0;
}

.greenBtn{ border-radius: 5px; color:#fff !important; font-size:15px; padding:5px 30px; background:#398001; transition: all ease 0.7s; line-height: 30px;}
.greenBtn:hover { background:#fac004; color:#2b2b2b !important;}
.productTop h3{ font-weight: 700; font-size:22px; text-transform: uppercase; line-height: 32px; background:url(../images/seprator.png) no-repeat left bottom; 
  padding-bottom: 12px; margin-bottom: 8px; background-size: 70%; width: 70%;}
.productTop p {color:#767676; font-size:16px; line-height: 26px;}

.proSect {
  float: left;
  width: 25%;
  padding:0 0% 25px 0%;
  position: relative;
}
.proImage {
  -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);
  border-radius: 3px; 
  text-align: center;
}
.proImage a { display: block;}
.proImage img { display: inline-block !important; height: 180px;}
.prod_desc {   cursor: pointer;}
.prod_desc a { color:#2b2b2b; font-size: 14px; line-height:18px; display: block; font-weight: 600; }
.prod_desc samp { font-weight: 700; font-size:19px;line-height: 18px;}
.prod_desc samp img { width: 12px;}
.prod_desc samp.smallSize {font-size:16px; line-height:18px;}
.prod_desc .priceDiscount samp img{ width:10px; margin-right:3px;}
.priceDiscount { position: relative; }
.priceDiscount:before { position: absolute; content: ''; left:5px; top:12px; height: 2px; width: 100%; background:#2b2b2b;}
.priceDiscount.red:before { background:#ff0000;}
.priceDiscount.red { color:#ff0000; background: none !important;}
.counterBtn { background: #398001; font-weight: 700; padding: 4px 12px 5px 12px; font-size: 22px; line-height: 12px; color: #fff; cursor: pointer;}
.counterInput { width: 36px; border:none; text-align: center; color:#2b2b2b; font-weight: 700;}
.counterBtn:hover { background:#2b2b2b;}
.decreaceBtn { border-radius: 12px 0 0 12px;}
.increaceBtn { border-radius: 0 12px 12px 0;}
.counterSect .productCard { padding-left:20px;}
.counterSect .productCard img { width: 26px;}
.btnSect { padding-left: 25%;}
.socialSect { margin: 0 auto; position: absolute; bottom: 5px; display: none;}
.socialSect a img { display: inline;}
.socialSect a { display: inline-block; border-radius: 3px; margin:0 2px; width: 32px; height: 28px; text-align: center; line-height:27px; background: #398001;}
.socialSect a img { width: 15px;} 
.proSect:hover .socialSect { display: block;} 
.proSect:hover {box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);}
/* Bottom Strip */
.btmStripSect { background:#fac004;}
.btmStripSect li { width: 20%; border-right:1px solid #d2a103; padding: 2% 1%; float: left; text-align: center;}
.btmStripSect li:last-child { border:none;}
.btmStrip { float: left; width: 100%;}
.btmStrip span {  text-align: center; padding-bottom: 15px; }
.btmStrip span img { height: 35px; display: inline-block;}
.btmStrip strong{ line-height: 21px; font-size: 17px;  display: block;}

/*  Footer  */
footer{
  background: #2b2b2b;
  padding:30px 0;
}
.footerTop h5{color:#fac004; margin:0; font-weight: 700; padding-bottom: 10px; font-size:18px; line-height:22px;}
.footerTop p { color:#fac004; line-height: 22px; padding-bottom: 10px; font-size:15px;}
.offerList { padding-bottom: 15px;}
.offerList ul { /*width: 100%;*/ float: left;}
.offerList samp, .offerList li{ float: left; margin-right: 7px;color:#fac004;font-family: 'MyriadPro-Regular' ;  border-right:1px solid #fac004; line-height: 16px; margin-bottom: 5px;}
.offerList span strong, .offerList li strong{ display: inline; font-weight: 700; font-size: 14px; line-height: 15px; color:#fac004; }
.offerList samp a, .offerList li a {color:#fac004; font-size:15px; line-height: 14px; transition: all ease 0.7s; }
.offerList samp a:hover, .offerList li a:hover { color:#fff;}
.offerList samp span, .offerList li span { padding-right: 7px;}
.offerList samp:first-child, .offerList samp:last-child{ border:none;}
.offerList span { line-height: 16px; margin-right:3px; padding-right: 3px;}
.footerLinks{ width: 20%; margin-top:20px;}
.footerLinks h6{ color:#fac004; font-weight: 700; margin: 0; padding-bottom: 10px; font-size:17px;}
.footerLinks li { line-height: 22px; padding-bottom: 3px;}
.footerLinks:first-child li a {font-weight:700;}
.footerLinks li a {color:#fac004; font-size:14px; line-height: 15px; transition: all ease 0.7s; display: inline-block; }
.footerLinks li a:hover { color:#fff;}
.footerLinks .imgb img{ width: 60%;}
.copyRight { background: url(../images/seprator.png) no-repeat left top; padding-left: 20px; } 
.copyRight p { color:#fac004; font-weight:700; line-height:20px; font-size: 14px;}
.copyRight p a { display: inline-block; color:#fac004; padding-left: 8px; margin-left: 8px; border-left:1px solid #fac004; transition: all ease 0.7s;  }
.copyRight p a:hover { color:#fff;}


/* LogIn Page */
.logInPage { margin:5% 15%; width: 70%;}
.logInPage { background: #fff; border-radius: 5px; 
  -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 0px rgba(0,0,0,0.3); }
.logInLeft { width:60%} 
.logInRight { width: 40%; background: url(../images/loginImage_03.jpg) no-repeat left top; background-size: 100%; min-height: 508px; padding:20% 4%;} 
.logInRight h3 { color:#2b2b2b; font-size:36px; line-height:42px; font-weight:700}
.logInDesc { padding: 35% 18% 0 18%;}
.logInDesc p { font-size:20px; line-height: 27px; padding-bottom: 30px;}
.logInDesc a { color:#0062c6; text-decoration: underline;  font-size:20px; transition: all ease 0.7s;}
.logInDesc a:hover {color:#fac004;}


/* Listing Page */ 
.breadCrumb li { float: left; position: relative; padding-right: 20px;color: #398001; font-weight:400; font-size:13px; }
.breadCrumb li:before { position:absolute; content: '>'; right:5px; top:-1px;}
.breadCrumb li:last-child:before { display:none;}
.breadCrumb li a { color:#000;}
.breadCrumb li a:hover {color: #398001;}
.pagination { display: block !important; text-align: center;}
.paginationSect .pagination li{margin:0 4px !important; display: inline-block;}
.paginationSect .pagination li  a{ background: #f4f4f4 ; border:none;  border-radius: 2px ; 
  -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3) !important;
  -moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3) !important;
  box-shadow: 0 0 5px 0px rgba(0,0,0,0.3) !important;
  color: #777777 ;
  padding: 5px 12px;
  display: block;
}
.paginationSect .pagination li.active a, .paginationSect .pagination li a:hover { 
  background: #398001; color:#fff; font-weight: 700;
}
.sortBy { width: 200px; position: relative;}
.sortBy .btn-secondary.dropdown-toggle { background-color: #fff !important; color: #398001 !important; width: 100% !important; text-align: left !important; box-shadow: none !important; font-size:14px; }
.sortBy .btn-secondary{ border:1px solid #d3d3d3 !important; padding:7px 5px !important; cursor: pointer; background: #fff !important; }
.sortBy .dropdown-toggle::after {
  float:right;
   margin-left: .255em;
  vertical-align: middle;
  content: "";
  border-top: .5em solid;
  border-right: .5em solid transparent;
  border-bottom: 0;
  border-left: .5em solid transparent;
  margin-top: 7px;
}
.sortBy .btn-secondary.dropdown-toggle:hover, .sortBy .btn-secondary.dropdown-toggle:focus {
  background-color: #fff !important;
}
.sortBy .btn-secondary:not([disabled]):not(.disabled):active,  .sortBy .btn-secondary:not([disabled]):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
  background-color: #fff !important;
 
}
.sortTop span {color: #398001; font-size:15px; display:block; background: url(../images/greenArrow.png) no-repeat right center;}
.sortList, .filterSectInner { -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
  margin-top: 21px; position: relative;
  background: #fff;
}
.sortList:before, .filterSectInner:before { position: absolute;
  content: '';
  left: 10%;
  top: -20px;
  background: url(../images/upArrow.png) no-repeat left top;
  width: 30px;
  height: 30px;
  background-size: 100%;}
  .btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
    background-color: #fff !important;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
.sortBy .dropdown.show>.btn-secondary.dropdown-toggle { background-color: #fff !important;}
.sortBy .dropdown .dropdown-menu .dropdown-item:active {
  background-color: #398001;
}

.sortList li { border:1px solid #d3d3d3; padding:5px 10px; color: #777777; font-size:14px;}
.sortList li a {color: #777777;}
.sortList li a:hover { color: #398001; }
.selectSortCalue { position: absolute; left:0; top:40px; z-index: 9999;}

.filterDropDown { border:1px solid #d3d3d3; padding:5px 15px; cursor: pointer; width: 140px; }
.filterDropDown span {color: #398001; font-size:15px; display:block; background: url(../images/greenArrow.png) no-repeat right center;}
.filterSect{ position: relative;}

.filterSelectionArea { position: absolute; left:0; top:37px; width: 70%; z-index: 99; }
.filterSectInner { width: 100%;}
.brandSect { width: 33.3%; }
.brandSect h4 { text-transform: uppercase; padding: 20px 30px; border-bottom:1px solid #ccc; font-size:20px; margin:0;}


.new {
  padding: 25px 30px;
  border-right:1px solid #ccc;
}

/* Base for label styling */
.new [type="checkbox"]:not(:checked),
.new [type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
.new [type="checkbox"]:not(:checked) + label,
.new [type="checkbox"]:checked + label {
position: relative;
padding-left: 1.95em;
cursor: pointer;
}

/* checkbox aspect */
.new [type="checkbox"]:not(:checked) + label:before,
.new [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0; top: 0;
width: 18px; height: 18px;
border: 1px solid #ccc;
background: #fff;
border-radius: 2px;
box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.new p { line-height: 20px; margin-bottom: 15px;}
.new p:last-child { margin-bottom: 0;}
.new [type="checkbox"]:not(:checked) + label:after,
.new [type="checkbox"]:checked + label:after {
content: '\2713\0020';
position: absolute;
top: 0;
  left: 0;
  font-size: 16px;
  color: #fff;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
  background: #09ad7e;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  text-align: center;
  line-height: 18px;
  font-weight: 700;
}
/* checked mark aspect changes */
.new [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
.new [type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1);
}
/* disabled checkbox */
.new [type="checkbox"]:disabled:not(:checked) + label:before,
.new[type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
.new [type="checkbox"]:disabled:checked + label:after {
color: #999;
}
.new[type="checkbox"]:disabled + label {
color: #aaa;
}
/* accessibility */
.new [type="checkbox"]:checked:focus + label:before,
.new [type="checkbox"]:not(:checked):focus + label:before {
border: 1px solid #398001;
}

.scrollDiv { max-height: 250px; overflow-y: auto; height: 250px;}
.borderBx { border:1px solid #ccc; border-radius: 2px; height: 24px;}
.borderBx .rupee { border-right: 1px solid #ccc; padding:5px 10px;}
.borderBx .rupee img { width: 10px;}
.borderBx .customInput input{ width: 60px; height:22px; float: left; color:#000; border:none; text-align: center;}
.dash { line-height: 23px;}

.closeFilter { position: absolute; right: 15px; top:18px; line-height: 16px; padding: 8px 10px;
  font-size: 24px;}
.brandSect:last-child .new{ border-right: none;}
.productName a:hover { color: #398001 !important; font-weight: 700;}

.mobileMenu { display: none;}
.cloaseMenu { display: none; float:right; position: relative; margin: -10px 0 0 0; text-align: right;} 
.catName { padding:0 0 10px 0;}
.partner a img { width: 51px;} 
.login a img {width: 31px;}
.dotedSection img { width: 9px;}

/* Detail Page */
.LargeSlider {position: relative;}
.LargeSlider .imgb  { position: relative; text-align: center;}
.LargeSlider .slick-slide {padding:0 !important; }
.largimageBx { position: relative;}
.LargeSlider .slick-list{border:1px solid transparent; cursor: pointer; }
.LargeSlider .slick-list:hover {border:1px solid #ccc;}
.largimageBx img{ width: 380px;}
.LargeSlider .imgb img { display:inline-block}
.LargeSlider .slick-thumb li {  border:1px solid transparent; width: 100px; height: 100px; cursor: pointer;}
.LargeSlider .slick-thumb li:hover {border:1px solid #ccc;}
.LargeSlider .slick-thumb { position: relative !important; bottom: auto !important; margin-top:10px !important;}
.LargeSlider .slick-thumb a { display: block;}
.DtlSliderSect .btnSect{ padding: 0 40%;}

.customBtn { font-size: 19px; padding-top:6px; padding-bottom:6px; letter-spacing: 0.5px;}
.customBtn img { width: 21px; margin:4px 0 0 0;}
.greenBtn.yelowBtn {  background:#fac004; color:#2b2b2b !important; }
.yelowBtn:hover { background: #398001;}

.shareProduct { position: absolute; top:20px; right: 20px; z-index: 1; width: 45px;}
.shareProduct a { width: 40px; height: 40px; text-align: center; margin-bottom:10px; line-height: 40px; display: block; border-radius: 50%; -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);}
.shareProduct a img { display:inline-block; width: 20px;}


.detlsDespt h4{ font-size: 22px; border-bottom:1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px; font-weight:bold;}
.dtlPrice span { font-size:20px}
.dtlPrice span img { width: 13px;}
.dtlPrice span { font-size: 20px;line-height: 22px;}
.dtlPrice p { font-size: 20px; color:#767676; line-height: 23px; padding-bottom: 10px;}
.discountColor { color:#ff0000;}
.accordion { float:left; width: 100%;}
.accordion__button h4{ border-bottom:1px solid #d1d1d1; font-size:20px; padding:0 10px 10px 10px; margin:0 0 10px 0; cursor: pointer; background:url(../images/ico_plus.png) no-repeat right top; background-size: 28px;}
.accordion__button[aria-expanded='true'] h4 {background:url(../images/ico_minus.png) no-repeat right top; background-size: 28px;}
.accContainer { padding:0 10px 10px 10px;}
.accContainer p { font-size:14px; font-weight: 500; padding-bottom: 10px;}
.accContainer li {font-size:14px; font-weight: 500; padding-bottom: 10px; background:url(../images/ico_circle.png) no-repeat left 4px; background-size:15px; padding-left:22px;}
.showcuponSect { background:#398001; margin-right:35px; border-radius: 3px; padding:5px 20px; font-size:20px; font-weight:500; color:#fff; position: relative;}
.accordion__item { float:left; width: 100%; margin-bottom:15px;}
.showcuponSect:before{ 
  width: 0; 
  height: 0; 
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;  
  border-right:20px solid #398001;
  position: absolute; right: -19px; top:0;content:'';
  transform: rotate(180deg);
}
.addcupon .priceSect samp{font-size: 35px; line-height: 23px; padding-left: 7px; } 
.addcupon .priceSect { padding-top: 5px;}
.specialNotes { border:1px solid #ddd;}
.specialNotes h5{ border-bottom:1px solid #ddd; font-size:20px; font-weight:400; padding:10px 0 10px 15px; margin-bottom:10px;}
.specialNotes ul { float: left; width: 100%; padding:10px 15px !important;}
.specialNotes li {font-size:14px; font-weight: 500; padding-bottom: 10px; background:url(../images/ico_circle.png) no-repeat left 4px; background-size:15px; padding-left:22px;}
.specialNotes p { padding-bottom: 10px !important; width: 100%; float: left;}
.specialNotes p strong{ width: 25% ;}


/* Cart Page */
.pageTitle h3{ font-weight: 700; font-size:22px; text-transform: uppercase; line-height: 32px; background:url(../images/seprator.png) no-repeat left bottom; 
  padding-bottom: 12px; margin-bottom: 8px; background-size: 70%; width: 70%;}
.cardBox { border:1px solid #ccc; padding:20px;}  
.cardBox .imgb{ border:1px solid #ccc;} 
.cartProductDtl h4 {  font-weight: 700; font-size:19px; margin: 0; padding-bottom: 10px;}
.cartProductDtl h4 a { color: #2b2b2b;}
.cartProductDtl h4 a:hover{ color:#398001 !important;} 
.cartProductName, .cartProductPrice { position: relative;}
.cartCounterSect, .deliveryCharge { position: absolute; left:0; bottom: 0;}
.cartCounterSect .btnSect { padding:0 4% 0 0;}
.cartActList {padding-top:2px;}
.cartActList li { float: left; padding:0 10px; border-right:2px solid #398001; line-height: 17px;}
.cartActList li:last-child{border:none;}
.cartActList li a { font-size: 14px; color:#2b2b2b; font-weight:600; display: block;}
.cartActList li a:hover { color:#398001 !important;}
.addWishList a {background:url(../images/ico_wishlistBlk.png) no-repeat left 2px; width: 30px; background-size: 60%; } 
.addWishList a:hover { background:url(../images/ico_wishlistBlk_hover.png) no-repeat left 2px; width: 30px; background-size: 60%;}

.PriceCommision .priceSect strong { float:left; width: 70%; text-align: right; padding-right: 10px; line-height: 24px;}
.PriceCommision p{color:#616161; line-height: 18px; font-size:17px; padding-bottom: 5px;}
.PriceCommision p span img { float: left; width: 12px; margin: 5px 7px 0 10px;} 
.PriceCommision p samp { font-size:22px}

.cuponCodeAply strong { line-height: 36px; display: block;}
.borderNone { border:none;}
.InputCupon { text-transform: uppercase; border:1px dashed #cccccc; padding:5px 25px}
.applyBtn{ color:#fff; background: #398001; padding: 4px 20px; font-size:15px; transition: all ease 0.7s; border-radius: 2px;}
.applyBtn:hover{ background: #202020;}
.codeBtm span { font-size:14px;font-weight: 600;}
.codeBtm span img { width: 20px;}
.backBtn { min-width: 200px; background: #202020 !important; color:#fff !important}
.backBtn:hover {background: #398001 !important;}
.addressDtl { border:1px solid #cccccc;}
.addressDtl span { display: block; font-weight: 400;}
.addressDtl h5 { text-align: center; border-bottom:1px solid #ccc; font-size:20px; color:#202020; font-weight:500; padding:12px 0; margin:0;}

/* Add Address Page */
.addressBx { width: 600px; margin: 0 auto; } 
.adressInner {padding:25px 35px; border-radius: 5px;-webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);}
.addressBx .pageTitle h3{background:url(../images/seprator.png) no-repeat center bottom; width: 100%; text-align: center; background-size:70%}
.addresInfo label { color:#2b2b2b; font-weight:400;}
.addressBx .backBtn { min-width:170px;}

/* Choose Address */
.bgNone h3{ background:none;}
.chooseAdrsBx { border:1px solid #ccc; padding:20px; padding-bottom: 0;}
.adrsBorderBx { border:1px solid #ccc;}
.addNewAdrs { padding:33% 0;}
.addNewAdrs img { display: inline-block; width: 60px;}
.addNewAdrs a { font-weight:600;}
.addNewAdrs a:hover { color:#398001;}

.userAdrssInfo .adrsLeft { width: 35%; float: left;}
.userAdrssInfo .adrsRight { width: 65%; float: left;}
.userAdrssInfo .adrsLeft span, .userAdrssInfo .adrsRight span { display: block; font-size:15px; font-weight:600; padding-left:8px }
.selectAdrs { border-top:1px solid #ccc; margin-top:5px}
.selectAdrs a { display: block; padding:10px 0; font-size:14px; font-weight:600}
.selectAdrs a:hover { background:#202020; color:#fff !important;} 

.selected { border:1px solid #398001;}
.selected .selectAdrs a { background:#398001; color:#fff !important;}

.billingAddress h4 { font-size:18px; font-weight:600; padding-bottom: 20px; }
.actLists { border-top:1px solid #ccc; padding:10px 0;}
.actLists span { padding:0 10px; border-left:1px solid #398001;}
.actLists span:first-child { border:none;} 
.actLists span a { color: #398001 !important; font-weight: 600; transition: all ease 0.7s;}
.actLists span a:hover { color:#2b2b2b !important; }


/* The container */
.billingAddressLabel {
  display: block;
  position: relative;
  padding-left: 34px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight:500;
  line-height: 25px;
}

/* Hide the browser's default radio button */
.billingAddressLabel input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #fff;
  border-radius: 50%;
  border:2px solid #2b2b2b;
}

/* On mouse-over, add a grey background color */
.billingAddressLabel:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.billingAddressLabel input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.billingAddressLabel input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.billingAddressLabel .checkmark:after {
     top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background:#2b2b2b;
}

.addressLabel strong { display:block; font-size:15px; }
.adresScrolBx { float:left; width: 100%; overflow-y: auto; max-height: 562px; overflow-x: hidden;}

/* Order Details */
.orderDtlHeader h4 { font-size:18px; font-weight: 600; padding-top:8px;}
.btntransit { font-size:14px; font-weight: 500; padding:7px 15px; background:#fac004; border-radius: 5px; transition: all ease 0.7s;}
.btntransit:hover { background: #398001; color:#fff; }
.orderActBtn { padding:20px 35px;}
.orderActBtn a, .orderActBtn span{ display: block; border:1px solid #ccc !important; cursor: pointer; text-align:center; font-size:14px; font-weight:600; line-height: 32px; margin-bottom: 12px; transition:all ease 0.7s;}
.orderActBtn a:hover, .orderActBtn span:hover { background:#398001; color:#fff !important; }
.franchTop h4{ font-size:19px; font-weight: 600; margin-bottom: 15px;}
.franchTop p { padding-bottom: 5px; font-size:15px; font-weight:600;} 
.franchTop p span { display: inline-block; padding-right:10px;}
.franchTop p strong { display: inline-block; padding-left:10px;}

.franchBtm .imgb { border:1px solid #ccc; text-align: center;}
.franchBtm .imgb img { display: inline-block;}
.franchBtm .new { padding:0; border:none;}
.prodImage { width: 74%;}

.prodImage .imgb img { width: 90%;}
.partnerOrderDtl { position: relative;}
.partnerOrderDtl h5 { font-size:16px; font-weight:600; padding-bottom: 6px;}
.partnerOrderDtl p{ color:#616161;}
.partnerOrderDtl .applyBtn { position: absolute; right:0; bottom: 0;}

/* User Info */

.userMenu li a { display: block; padding:10px 20px 10px 65px; font-size:16px; font-weight:500; line-height: 35px; border-left:4px solid transparent; color: #2b2b2b;  }
.userMenu li.profile a { background:url(../images/ico_useImage.png) no-repeat 20px 14px; background-size: 28px;}

.userMenu li:hover a { color: #398001 !important; background-color: #e4e4e4 !important;  border-left:4px solid #398001;}
.userMenu li.profile:hover a { background:url(../images/ico_use_hover.png) no-repeat 20px 14px; background-size: 28px;}
.userMenu li.profile.active a { background:url(../images/ico_use_hover.png) no-repeat 20px 14px; background-size: 28px;}

.userMenu li.myorder a { background:url(../images/ico_UserBeg.png) no-repeat 20px 14px; background-size: 28px;}
.userMenu li.myorder:hover a { background:url(../images/ico_UserBeg_hover.png) no-repeat 20px 14px; background-size: 28px;}
.userMenu li.myorder.active a { background:url(../images/ico_UserBeg_hover.png) no-repeat 20px 14px; background-size: 28px;}

.userMenu li.wishList a { background:url(../images/ico_userWishlist.png) no-repeat 20px 14px; background-size: 28px;}
.userMenu li.wishList:hover a { background:url(../images/ico_userWishlist_hover.png) no-repeat 20px 14px; background-size: 28px;}
.userMenu li.wishList.active a { background:url(../images/ico_userWishlist_hover.png) no-repeat 20px 14px; background-size: 28px;}

.userMenu li.address a { background:url(../images/ico_userAdress.png) no-repeat 20px 14px; background-size: 28px;}
.userMenu li.address:hover a { background:url(../images/ico_userAdress_hover.png) no-repeat 20px 14px; background-size: 28px;}
.userMenu li.address.active a { background:url(../images/ico_userAdress_hover.png) no-repeat 20px 14px; background-size: 28px;}
.userMenu li.active a { color: #398001 !important; background-color: #e4e4e4 !important;  border-left:4px solid #398001;}

.userMenu li.franchPartner a { background:url(../images/ico_UserFranchies.png) no-repeat 20px 14px; background-size: 28px;}
.userMenu li.franchPartner:hover a { background:url(../images/ico_UserFranchies_hover.png) no-repeat 20px 14px; background-size: 28px;}
.userMenu li.franchPartner.active a { background:url(../images/ico_UserFranchies_hover.png) no-repeat 20px 14px; background-size: 28px;}
.userMenu li.active a { color: #398001 !important; background-color: #e4e4e4 !important;  border-left:4px solid #398001;}
.userInfoDtl h4, .wishListPage h4, .franchiesPage h4{ font-size:22px; font-weight:600; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:15px; }
.userInfoDtl label { font-size:16px; padding-right:0 !important;}
.personalInfo .form-control { border:none; border-bottom:1px solid #b0b0b0; color:#b0b0b0; width:100; border-radius:0}
.personalInfo .form-control.date { background:url(../images/ico_date.png) no-repeat right center; background-size: 26px;}


.userDashboard { position: relative;}

.userinfoPopup { position: absolute; left:0; right: 0; top:0; bottom: 0; background:#fff; width: 400px; height: 260px; margin:0 auto; -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);}
.userinfoPopup h5{ color:#bebebe; border-bottom:1px solid #d8d0d0; font-size:17px; font-weight: 600; padding:18px 0; margin:0; }
.closePopUp { position: absolute; right:0; top:0; color: #fff !important; background:#bebebe; padding:5px 10px; }
.popUpBody { padding:15px 60px;}
.popUpBody strong { display: block; color: #2b2b2b; font-weight: 600; font-size:17px;}
.popUpBody .reSend { text-decoration:underline !important; color:#0062c6 !important; }
.popUpFooter .backBtn{ min-width: auto;}

.wishProd { position: relative;}
.wishProd .imgb { text-align: center; border:1px solid #ccc;}
.wishProd .imgb a { display: block;}
.wishProd .imgb img { display: inline-block;}
.wishProDtls h5 { font-size:20px; font-weight: 600; padding-bottom: 15px; margin:0;}

.wishProDtls .customBtn { font-size:16px; padding:8px 20px !important; line-height: 22px;}
.wishProDtls .customBtn img { width:18px;}
.wishProDtls .customBtn:hover { color:#fff;}
.wishProDtls { position: relative; padding-right:50px;}
.removeProd { background:#ccc; line-height: 30px; padding:0 15px; display: inline-block; position: absolute; right:0;}

.nowishListItem samp { display: block; padding-bottom: 20px;}
.nowishListItem samp img { display: inline-block; width: 150px;}
.nowishListItem span { color:#2b2b2b; display: block; padding-bottom:5px; font-size:17px; line-height:17px;}
.nowishListItem a { color:#0062c6 !important; font-size:17px;}

.franchPartnerTillDate h5 { color:#2b2b2b; font-size:20px; font-weight:600; padding-bottom: 15px; margin:0;}
.franchPartnerTillDate .table { border:1px solid #ccc;}
.franchPartnerTillDate .table td, .franchPartnerTillDate .table th { text-align: center; padding:10px; border-left:1px solid #ccc;}
.franchPartnerTillDate .table th { text-align: center; padding:10px; color:#fff; font-weight: 600; background:#398001; font-size:16px;letter-spacing: 0.5px;}
.franchPartnerTillDate .table tr:hover { background:#f9f9f9;}
.franchTextArea { min-height: 200px;}
.slick-arrow{transform: rotate(180deg) !important; width: 36px !important; height: 60px !important; background-size:100%; font-size:0; top:25% !important;}
.slick-prev:before, .slick-next:before { display: none!important;}
.slick-next { background:url(../images/img_next.png) no-repeat center center !important; z-index: 99 !important; background-size:100% !important;}
.slick-prev { background:url(../images/img_prev.png) no-repeat center center !important; z-index: 99 !important; background-size:100% !important;}

.slick-track {padding:10px 0 !important;}
.slick-slide { padding:0 10px !important;}
.sliderSect .slick-slide {padding:0 !important}
.brandArea .slick-slide, .catList .slick-slide { padding: 0 !important;}

.selectTime { border:1px solid #a8a8a8; font-size:14px; padding:7px 42px 7px 10px;-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; background:url(../images/customDropdownArrow.png) no-repeat right top; background-size:36px;}
.previousOrders span { padding-top:6px;}  

.OrderDtlBxTop { background:#2b2b2b; }
.OrderTopContent { padding: 15px 10px; border-right:1px solid #000;}
.OrderTopContent:last-child { border:none;} 
.OrderTopContent span { display: block; color:#bababa; font-size:14px; line-height: 16px; font-weight: 600;}
.OrderTopContent strong { color:#fff; font-size:14px; line-height: 16px; display: block; font-weight: 600;}
.OrderDtlBx { border:1px solid #ccc;}

.OrderDtlBtm { padding:20px}
.OrderDtlBtm .imgb { border:1px solid #ccc;}
.orderDtlName h5 {padding: 0; margin-bottom: 10px;}
.orderDtlName h5 a { font-size:20px; color:#2b2b2b; font-weight: 600;}
.orderActBtn a {color: #2b2b2b;}
.commisionSect p { color:#616161; font-size:15px; padding-bottom: 5px; font-weight: 500; float:left; width: 100%;}
.commisionSect p span { float: left; font-weight: 400; width: 30%;}
.commisionSect p strong{ float:left; width: 60%; font-size:16px; font-weight: 600; line-height: 16px;}
.commisionSect p strong img { float: left; width: 11px; margin:2px 3px 0 0;}
.commisionSect p strong samp { float:left; line-height: 16px; padding:0 5px 0 0;}
.OrderTopContent strong .dropdown button { padding:0 10px !important; margin:0 !important; background:none !important; box-shadow: none !important;}
.OrderTopContent strong .dropdown button:hover, .OrderTopContent strong .dropdown button.btn-secondary.dropdown-toggle  { background:none !important;}
.dropdown-menu > div span { color: #2b2b2b !important; font-weight:400!important; padding-bottom: 3px;}

.brandArea .slick-slide img {
  display: inline-block;
  max-height: 131px;
}

.slick-thumb {
  bottom: -45px;
}
.slick-dots {
  margin-left: 0;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-thumb li {
  width: 60px;
  height: 45px;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}

.productList .productName { min-height: 70px;}
.signUpPage .form-control {border: none; position:relative;border-bottom: 1px solid #b0b0b0;color: #2b2b2b;width: 100%;border-radius: 0;}
.signUpPage select.form-control{
 
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background:url(../images/arrow.png) no-repeat right center; 
  background-size: 16px;
  color: #2b2b2b;
}
.signUpPage .form-group { margin-bottom: 20px; position: relative;}
.signUpPage h5{ font-size:22px; font-weight: 700; text-align: center; background:url(../images/seprator.png) no-repeat center bottom; background-size:70%; padding-bottom: 15px; margin-bottom: 25px;}
.signUpPage .applyBtn, .contactForm .applyBtn { color:#fff; background: #398001 !important; padding: 7px 20px; font-size:19px; transition: all ease 0.7s; border-radius: 2px; text-transform: capitalize; letter-spacing: 0.5px;}
.signUpPage .applyBtn:hover, .contactForm .applyBtn:hover { background: #202020 !important;}
.signUpPage .backBtn { background: #202020 !important;}
.signUpPage .backBtn:hover { background: #398001 !important;}
.changeAct { position: absolute; right: 0; top:20%; font-size:13px; z-index: 9; cursor: pointer; color: #0062c6;}
.productName { min-height: 60px;}
.productName a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.socialIco { position: absolute; right: 0; bottom:0; z-index: 999;}
.socialIco ul{margin:0; padding: 0;}
.socialIco ul li { float: left; margin: 0; padding:0;}
.socialIco ul li a {display: block;}
.socialIco ul li a img { width: 34px; transition: all ease 0.7s;}
.socialIco ul li a:hover img {opacity: 0.7;}

.forgotPassword .logInRight {padding: 8% 4%;}
.LogInPageSect .logInRight {padding: 8% 4%;}
.LogInPageSect h3 { padding-bottom: 40px;}
.forgotPassword .greenBx h4, .LogInPageSect .greenBx h4{ background: #398001; text-align: center; color: #fff; font-weight: 600; font-size:18px;padding:15px 0; border-radius: 5px;}
.LogInPageSect .greenBx h4 a { color: #fff;}
.LogInPageSect p{ margin-top: -10px !important; }
.signUpRed a { color: #ff0000; font-weight: 700;}
.recomnded { padding-top: 20px ;}
.dtnBtn .addtocart { margin-right: 20px;}
.actBtn { padding: 30% 0;}

.signUpPage { padding: 50px;}

.videoSect video { float: left; width: 100%;}
.aboutContent { background: #fdc609;}
.aboutTop { padding: 5% 15%;}
.aboutTop h4 span{ position: relative; display: inline-block; padding: 0 0 5px 0; color: #2b2b2b; font-size: 17px; 
  border-bottom: 3px solid #2b2b2b; line-height: 22px; margin-bottom: 20px;
} 
.aboutTop p { font-size: 24px; color: #fff; line-height: 30px;}
.aboutImage, .aboutTxt { float: left; width: 50%;}
.aboutTxt .txt { float: left; padding: 26% 5% 5% 35%; width: 100%;}
.aboutTxt .txt h5 { font-size: 17px; float: left;width: 100%; margin-bottom: 10px;}
.aboutTxt .txt h5 span, .aboutTxt .txt h5 samp { float: left; padding-right: 15px;}
.aboutTxt .txt h5 samp { height: 3px; background: #2b2b2b; width: 100px; margin-top: 12px;}
.aboutTxt .txt strong { font-size: 24px;}

.ourValues { position: relative;}
.ourValues h4 { position: absolute; color: #2b2b2b; text-align: center; width: 100%; font-weight:700; font-size: 22px; top:50px}
.ourValues li { float: left; width: 25%; text-align: center; padding: 10% 0 5% ;}
.ourValues li:nth-child(1){ background: #2ad1bb;}
.ourValues li:nth-child(2){ background: #e8e3e3;}
.ourValues li:nth-child(3){ background: #ededed;}
.ourValues li:nth-child(4){ background: #4bd1a0;}
.ourValues li span { display: block; padding-bottom: 20px;}
.ourValues li span img { display: inline-block;}
.ourValues li strong { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 18px; color: #2b2b2b;}
.ourValues li:nth-child(2) strong, .ourValues li:nth-child(3) strong { color: #4bd1af;}

.ourtaem { padding:50px 0 0 0;}
.ourtaem h3 { text-align: center; margin-bottom: 50px;}
.ourtaem h3 span { display: inline-block; position: relative; color: #2b2b2b; font-size:24px; font-weight:700;}
.ourtaem h3 span:before { position: absolute; margin: auto; bottom: -10px; width: 60px; content: ''; height: 3px; background: #2b2b2b; left:0; right:0;}

.teamImage{ margin-bottom: 10px;}
.teamImage img { width:150px; height: 150px; border-radius: 50%; display: inline-block;}
.teamInfo strong { font-weight: 700; color:#767676; font-style: italic; font-size:20px;}
.teamInfo { padding-bottom: 40px;}

.contactPage { background: #fac004; padding: 5% 15%;}
.contactPage h3 { margin-bottom: 50px; text-align: center;}
.contactPage h3 span { display: inline-block; font-size: 20px; border-bottom: 3px solid #2b2b2b; padding-bottom: 5px;}
.contactForm .contactInput, .contactForm .contactTextArea { border-radius:0; border: none; background: none; color: #22bb22; padding: 20px 10px; border-bottom: 2px solid #2b2b2b;}
.contactForm .form-group { margin-bottom: 25px;}

.adressBlkCont { padding-bottom: 30px;}
.adressBlkCont span, .adressBlkCont span a { display: block; color: #2b2b2b; font-size: 15px; padding-bottom: 2px;}

.faqpage .accordion__button h4{ font-size:20px; border: none; padding:0 5px 10px 0; margin:0 0 0px 0; cursor: pointer; background:url(../images/ico_plus.png) no-repeat 99% top; background-size: 24px;}
.faqpage .accordion__button[aria-expanded='true'] h4 {background:url(../images/ico_minus.png) no-repeat 99% top; background-size: 24px;}

.faqpage .accordion__item{ border-bottom: 1px solid #2b2b2b;}
.faqpage .faqContent { padding-bottom: 15px !important;}

.contentArea {padding-bottom: 10px;}
.contentArea h4 { font-size: 18px; padding-bottom: 5px; font-weight: 600;}
.contentArea p { font-size: 15px; padding-bottom: 10px;}
.contentArea span{ display: block; padding-bottom: 2px;}
.contentArea p strong { font-weight: 600;}
.contentArea h5 { padding: 0 0 0 20px; font-size: 17px; font-weight: 600G;}
.contentArea ul { padding-left: 20px !important;}
.contentArea li { padding-bottom: 10px;}

.dotedSection { position: relative;}
.dotedSection .dropdown-menu { right:0 !important; top:34px !important; left:auto !important; transform: translate3d(0, 0px, 0px) !important;}
.topRightMenu li.login .dropdown-menu.show{transform: translate3d(0px, 45px, 0px) !important;}
.dropdown-menu img { float:left; width:20px !important; margin-right:10px;}
.dropdown-menu span { float:left;}
.productList .proSect { padding: 0 0 25px 0; width: 23%; margin: 0 1%;} 
.orBtn { display: block; text-align: center; padding: 10px 0;}
.dropdown-item { padding: 5px 12px !important;}
.listingPage .proSect { width: 23%; margin: 0 1% 20px 1%;}
.wishProDtls a { color: #2b2b2b;}
.wishProDtls a:hover { color: #398001;}

.adrsWrap { min-height: 225px;}
.noborder { border: none !important;}

.supportpage { padding: 0 10%;}

.sitemapSect li a { color: #2b2b2b;  padding-bottom: 5px;}
.sitemapSect li ul { padding:0 0 0px 15px !important;}
.chooseAdrsBx .adrsBorderBx { position: relative;}
.chooseAdrsBx .selectAdrs { position:absolute; bottom: 0; left:0;}
.modal-content .backBtn, .rderBtns .backBtn { min-width: auto;}
.backBtn.limtedWith { min-width: auto;}
.cuponCodeAply .applyBtn{ padding: 7px 20px;}
.slick-prev, .slick-next { z-index:1 !important;}
.socialSect > div  { display: inline;}
.socialSect > div svg { width: 28px !important; height: 28px !important;}

body {
  font-family: Helvetica, sans-serif;
}

.react-autosuggest__container {
  position: relative;
  margin-bottom: 200px;
}

.react-autosuggest__input {
  width: 240px;
  height: 30px;
  padding: 10px 20px;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.react-autosuggest__input--focused {
  outline: none;
}

.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
  display: none;
}

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 51px;
  width: 280px;
  border: 1px solid #aaa;
  background-color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px;
}

.react-autosuggest__suggestion--highlighted {
  background-color: #ddd;
}

.searchInput .form-control { background: #eee !important; border:none !important; height: 44px;}
.searchInput .dropdown-menu img { float: left; width: 10% !important;}
.searchInput .dropdown-menu a { display: block !important; font-size: 13px !important; color: #000;}
.searchInput .dropdown-menu span { font-size: 13px; letter-spacing: normal ; width: 85% !important; line-height: 20px;}
.dropdown-menu span {color: #000;
  font-size: 13px;
  font-weight: 600;
  transition: all ease 0.7s;}
  .topRightMenu li.login .dropdown-menu.show { left:-50% !important;}
  .notfoundData { float: left; width: 100%; text-align: center; padding: 10% 0;}
  .orderInfoPrice span, .orderInfoPrice strong, .orderInfoPrice samp { float: left;}
  .orderInfoPrice strong img { float: left ; width: 11px; margin: 5px;}
  .topRightMenu { padding-top: 10px;}