/* main css written by : Abhishek Singh */
@font-face {
  font-family: 'Muli';
  src: url('../font/Muli-Bold.eot');
  src: url('../font/Muli-Bold.eot?#iefix') format('embedded-opentype'),
      url('../font/Muli-Bold.woff2') format('woff2'),
      url('../font/Muli-Bold.woff') format('woff'),
      url('../font/Muli-Bold.ttf') format('truetype'),
      url('../font/Muli-Bold.svg#Muli-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

/* ul.dropdown-menu.multi-level {
  padding: 10px;
}

ul.dropdown-menu {
  padding: 10px;
  margin-left: 10px;
} */




.dropdown-menu {
     min-width: 17rem;;
}




.dropdown-submenu {
  display: grid;
  position: relative;
  margin: -7px 0px -32px;
}
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 13px;
}
.navbar-nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}
.navbar-nav li.dropdown-submenu:hover > ul.dropdown-menu {
  display: block;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
}





.select2-container .select2-search--inline .select2-search__field {
  height: 40px !important;
  padding: 13px !important;
}


span.select2.select2-container.select2-container--default.select2-container--focus.select2-container--below.select2-container--open {
  width: 100% !important;
}



@font-face {
  font-family: 'Muli';
  src: url('../font/Muli-SemiBold.eot');
  src: url('../font/Muli-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('../font/Muli-SemiBold.woff2') format('woff2'),
      url('../font/Muli-SemiBold.woff') format('woff'),
      url('../font/Muli-SemiBold.ttf') format('truetype'),
      url('../font/Muli-SemiBold.svg#Muli-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Muli';
  src: url('../font/Muli-Light.eot');
  src: url('../font/Muli-Light.eot?#iefix') format('embedded-opentype'),
      url('../font/Muli-Light.woff2') format('woff2'),
      url('../font/Muli-Light.woff') format('woff'),
      url('../font/Muli-Light.ttf') format('truetype'),
      url('../font/Muli-Light.svg#Muli-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Muli';
  src: url('../font/Muli-Regular.eot');
  src: url('../font/Muli-Regular.eot?#iefix') format('embedded-opentype'),
      url('../font/Muli-Regular.woff2') format('woff2'),
      url('../font/Muli-Regular.woff') format('woff'),
      url('../font/Muli-Regular.ttf') format('truetype'),
      url('../font/Muli-Regular.svg#Muli-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

*,*:before,*:after{box-sizing: border-box;}
.loginBtn--facebook {
    background-color: rgb(48, 92, 179);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.loginBtn--google {
   
    background-color: rgb(221, 75, 57);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
button.close {
    background: none !important;
}
body{font-family: Roboto, sans-serif;margin: 0;padding: 0;font-size: 14px;overflow-x : hidden;}
button, input, optgroup, select, textarea {font-family: Roboto, sans-serif !important;font-size: 100%;line-height: 1.15;margin: 0;}
button{cursor: pointer;transition: all 0.5s;border:0;}
button:hover {	background: #fff;color: #3c9099;}
input:focus {border-color: #404040 !important;box-shadow: 0 0 0 0.1rem #404040 !important;}
/* anchor tag style */
a{color:#202020;margin: 0;padding: 0;outline: none;transition: all 0.5s;}
a:hover {color:#3ab54b;text-decoration: none;}
.sectionTitle {font-size: 28px;}
.productName {font-size: 18px;}
/* input style */
input[type="text"],input[type="submit"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

/* Select style */
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;background: url(../images/down-arrow.png) no-repeat center right 0px;border: none;padding-right: 15px;}

/* buttons style */
.lg-btn{border: none;color: #fff;text-align: center;font-size: 24px;margin: 0;padding: 14px 40px;display: inline-block;}
.md-btn{border: none;color: #fff;text-align: center;font-size: 20px;margin: 0;padding: 12px 28px;display: inline-block;}
.sm-btn{border: none;color: #fff;text-align: center;font-size: 16px;margin: 0;padding: 10px 14px;display: inline-block;}
.xs-btn{border: none;color: #fff;text-align: center;font-size: 12px;margin: 0;padding: 10px;display: inline-block;}
.disabled-btn {border: none;color: #fff;text-align: center;font-size: 24px;margin: 0;padding: 14px 40px;display: inline-block;opacity: 0.6;cursor: not-allowed;}

/* ul style */
ul, ol{padding: 0;margin: 0;list-style: none;}

/* Font Family */
.font1{font-family: Roboto, sans-serif;}

/* Font size */
.font10{font-size: 10px;}
.font11{font-size: 11px;}
.font12{font-size: 12px !important}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font17{font-size: 17px;}
.font18{font-size: 18px;}
.font19{font-size: 19px;}
.font20{font-size: 20px;}
.font21{font-size: 21px;}
.font22{font-size: 22px;}
.font23{font-size: 23px;}
.font24{font-size: 24px;}
.font25{font-size: 25px;}
.font26{font-size: 26px;}
.font27{font-size: 27px;}
.font28{font-size: 28px;}
.font29{font-size: 29px;}
.font30{font-size: 30px;}
.font35{font-size: 35px;}
.font36{font-size: 36px;}
.font60{font-size: 60px;}

/* font weight */
.fontNormal{font-weight: 400;}
.fontMedium{font-weight: 500;}
.fontSemiBold{font-weight: 600;}
.fontBold{font-weight: 700;}

/* background-images */
.allinone{background-image: url("../images/right-sign.png");background-repeat: no-repeat;position: relative;display: inline-block;}
.allinone.navicon {width: 25px;height: 28px;background-position: -384px -139px;}
.allinone.cart {width: 30px;height: 30px;background-position: -275px -298px;}
.allinone.serach {width: 30px;height: 30px;background-position: -307px -251px;}
.allinone.mail {width: 30px;height: 30px;background-position: -382px -297px;}
.allinone.phone {background-position: -382px -261px;width: 30px;height: 30px;}
.allinone.fb {width: 280px;height: 56px;background-position: -10px -10px;}
.allinone.google {width: 280px;height: 56px;background-position: -10px -83px;}
.allinone.close {width: 30px;height: 30px;background-position: -320px -297px;opacity: 9;}

/* background colors */
.bgWhite{background: #fff;}
.bgBlack{background: #000;}
.bg28{background: #282828;}
.bg26{background: #262626;}
.bgTheme{background: #3ab54b;}
.bgf7{background: #f7f7f7;}
.bgNone{background: transparent;}

/* colors */
.colorWhite{color: #fff;}
.colorBlack{color: #000;}
.color28{color: #282828;}
.colorTheme{color: #3ab54b !important;}
.color20{color: #202020;}
.colorb7{color: #b7b7b7;}
.color11{color: #111;}
.color36{color: #363636;}
.colorSuccess{color: #11a815;}

/* borders */
.border1{border: 1px solid #3ab54b;}
.border2{border: 1px solid #b7b7b733;}
.borderBottom1{border-bottom: 1px solid #b7b7b7;}
.borderNone{border: none;}
.borderTop1{border-top: 1px solid #ccc;}
.borderTop2{border-top: 1px solid #cccccc75;}
.borderBottom2{border-bottom: 1px solid #cccccc75;}
.borderRight1{border-right: 1px solid #cccccc75;}

/* Gradoient Border */

.gradBorder{background: rgba(38,38,38,1);
  background: -moz-linear-gradient(left, rgba(38,38,38,1) 0%, rgba(255,79,82,1) 50%, rgba(38,38,38,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(38,38,38,1)), color-stop(50%, rgba(255,79,82,1)), color-stop(100%, rgba(38,38,38,1)));
  background: -webkit-linear-gradient(left, rgba(38,38,38,1) 0%, rgba(255,79,82,1) 50%, rgba(38,38,38,1) 100%);
  background: -o-linear-gradient(left, rgba(38,38,38,1) 0%, rgba(255,79,82,1) 50%, rgba(38,38,38,1) 100%);
  background: -ms-linear-gradient(left, rgba(38,38,38,1) 0%, rgba(255,79,82,1) 50%, rgba(38,38,38,1) 100%);
  background: linear-gradient(to right, rgba(38,38,38,1) 0%, rgba(255,79,82,1) 50%, rgba(38,38,38,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626', GradientType=1 );}

/* Raidus */
.radius50{border-radius: 50px;}

/* Hover Effects */

.hover1:hover{box-shadow: inset 0 50px 0 rgba(0,0,0,0.5);color: #fff;}

/* placeholder color change */
::-webkit-input-placeholder {color:#555;}/* Chrome/Opera/Safari*/
::-moz-placeholder {color: #555;}/* Firefox 19+*/
:-ms-input-placeholder {color: #555;}/* IE 10+*/
:-moz-placeholder {color: #555;}/*Firefox 18-*/

/* image style */
img{max-width: 100%;}

/* Letter Spacing */
.leterSpace0-6{letter-spacing: 0.6px;}
.leterSpace1 {letter-spacing: 1px;}

/* Height */

.height50{height: 50px;}

/* ----------------------------------------------------------------Header-------------------------------------------------------------------------- */
/*navbar css*/
#button {
  display: inline-block;
  /* background-color: #3ab54b; */
  width: 55px;
  height: 55px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 96px;
  right: 25px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  cursor: pointer;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
button:focus {
  outline : none ;
}
.dropdown-content a:before {
  content: ' ';
  position: absolute;
  width: 2px;
  height: 20px;
  background-color: #3ab54b;
  top: 10px;
  left: 0px;
  display: none;
}
.dropdown-content a:hover { 
  color: #3ab54b !important;
}
.dropbtn img {
  position: relative;
  top : -2px ;
}
.sticky-color {
  position: fixed !important;
  background-color: #333;
  transition: all 0.5s ease-in-out;
  z-index: 99;
  top: 0;
  width: 100%;
}
.top_navbar_wrapper {
  border-bottom: #b7b7b7 1px solid;
  padding: 8px 0px;
}
.social_top_network li{
  display: inline-block;
  margin-right : 12px;
}
.trans_btn {
 color: #3ab54b !important;
  padding : 5px 16px;
  border : 1px solid #3ab54b;
 border-radius: 50px;
 font-size: 13px;
 font-weight: 600 ;
}
.social_top_network li a {
  color : #000;
  display: inline-block;
  font-size: 13px;
  font-weight: 600 ;
}
.social_top_network li a i {
  font-size: 16px;
  color : #3ab54b;
}
.cart_drop_box i.fa.fa-heart
{
  color: grey;
}

.form_nav input{
  height : 35px;
  border : 1px solid #b7b7b7;
  border-radius: 50px;
  background-color: transparent; 
}
.form_nav {
  position: relative;
}
.form_nav label{
  position: absolute;
  right : 20px ;
  top : 7px;
}
.form_nav label span i {
  color : #b7b7b7;
  font-size: 16px;
}
.navbar_wrapper {
  box-shadow: 0px 10px 15px #b7b7b7 ;
}
.custom_nav li a {
  color: #404040 !important;
  font-size: 13px;
  font-weight: 700 !important;
  line-height: 16px;
  text-transform: uppercase;
}
.custom_nav li a span {
  position: relative;

}
.custom_nav li.active a span:before {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #3ab54b ;
  content : '' ;
  top : 20px;
  left: 50%;
  right : 50%;
  transform: translateX(-50%);
  transition: all .4s;
}
.custom_nav li a:hover span:before {
  width: 100%;
  left : 0;
  right : 0;
  transform: translateX(0%) ;
   border-radius: 10px;
   height: 4px;
}
.custom_flash {
  
  transition: all .6s ;
  animation: dropdown  .6s ;
}
.show_down:hover .custom_flash{
  display: block ;
  /*opacity: 0 ;*/
}
.dropdown {
position: relative;
display: inline-block;
padding: 0.5rem 0px;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 160px;
box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
z-index: 9;
border-radius: 4px;
border-top : 1px solid #dfdfdf;
    top: 70px;
}
.custom_navs {
  padding-top: 0px;
  padding-bottom: 0px;
}
.dropdown-content a {
color: black;
padding: 10px 16px;
text-decoration: none;
display: block;
/*border-left: 1px solid #3ab54b;*/
position: relative;
font-size: 12px !important;
border-bottom: 1px solid #dfdfdf ;
text-transform: capitalize !important;
letter-spacing: .5px ; 
line-height: 18px !important;

}
.dropdown-content a:nth-last-type {
  border-bottom: 0px solid #dfdfdf ;
}
.dropdown-content a:before {
  content: ' ' ;
  position: absolute;
  width: 2px;
  height : 20px;
  background-color: #3ab54b;
  top : 10px;
  left: 0px;
  display: none;
}
.dropdown-content a.active:before {
  display: block; 
}
.dropdown-content a.active {
  color : #3ab54b !important;
}
.dropdown:hover .dropdown-content {display: block;}

.modal_header {
padding : 16px;
position: relative;
}
.close_modal {
position: absolute;
right : 20px ;
top : 10px;
}
.modal_form {
padding : 20px 35px;
}
@keyframes dropdown {
  0% {
      transform: translateY(50px);
     
  }
  100% {
      transform: translateY(0px);
      
  }
}
.loginLink::after {content: "";position: absolute;border-right: 2px solid #3ab54b;height: 15px;top: 5px;right: 0;}
.loginLink {position: relative;padding-right: 10px;margin-right: 10px;}
.loginLink, .signupLink, .accoutLink, .notifyLink {color: #202020;font-size: 16px;font-weight: 800;display: inline-flex;}
.searchBlock {border: 1px solid #b7b7b7;border-radius: 50px;overflow: hidden;}
.searchBlock .form-group {margin-bottom: 0;}
.searchBlock .form-group input {border: none;}
.searchBlock .input-group-text {background: transparent;border: none;}
.searchBlock .form-control:focus {box-shadow: none;}
.accoutOpen {position: absolute;background: #fff;box-shadow: 0 2px 2px rgba(0,0,0,0.5);width: 310px;left: 0;top: 100%;z-index: 99;border-radius: 5px;transform-origin: top;transition: all 0.5s;transform: scaleY(0);}
.acHolderImg {min-width: 60px;height: 60px;background-color: #fff;border: 1px solid #3ab54b;border-radius: 50px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.acHolderImg img {width: 50px;border-radius: 50px;}
.accoutOpen ul li a {font-size: 18px;}
.accoutOpen ul li {margin-bottom: 5px;padding-bottom: 10px;position: relative;}
.accoutOpen ul li::before {content: "";position: absolute;border-left: 4px solid #3ab54b;height: 30px;left: -16px;opacity: 0;transition: all 0.5s;}
.acountTab:hover .accoutOpen{transform: scaleY(1);}
.accoutOpen ul li:hover::before{opacity: 9;}
.ratemodaltitle {position: relative;padding-bottom: 10px;display: inline-flex;left: 50%;transform: translateX(-50%);}
.ratemodaltitle::after {content: "";position: absolute;border-bottom: 2px solid #3ab54b;width: 150px;bottom: 0;left: 0;}
#rateusmodal fieldset input {display: none;}
#rateusmodal fieldset label .fa-star::before {font-size: 32px;color: #d9d9d9;}
#rateusmodal fieldset label{margin: 0 6px;}
#rateusmodal fieldset input[type="radio"]:checked ~ label i::before {color: #3ab54b;}
#rateusmodal .modal-dialog {max-width: 600px;}
#rateusmodal .close {position: absolute;right: 5px;top: 5px;}
#rateusmodal .modal-content {padding: 20px 0;}
.dropdown_header {
background-color: #f7f7f7 ;
}
.profile_img {
width : 40px;
height: 40px;
border-radius: 50% ;

padding : 2px ;
margin-right : 8px;
border : 1px solid green;
}
.profile_img img {
width : 100% ;
height : 100% ;
object-fit: cover;
border-radius: 50% ;
}
.custom_dropdown {
padding : 0;
min-width: 250px;
}
.profile_detail p {
margin-bottom: 1px;
}
.acc_point a{
display: block !important;
padding : 0px 15px;
position: relative;
font-size: 16px !important;
}
.acc_point a:before {
    content: ' ';
  position: absolute;
  width: 2px;
  height: 30px;
  background-color: #3ab54b;
  top: 12px;
  left: 0px;
}
.acc_point a span {
display: block ;
padding : 10px 0px;
}
.anchor_drop {
font-size: 16px !important;
  font-weight: 500 !important;
  padding: 5px 20px !important;
}
.remove_pro a:before {
display: none !important;
}
.top_manage {
top : 10px !important;
}
/* --------------------------------------------------------------------Footer----------------------------------------------------------------------- */

.footertitle {position: relative;display: inline-block;padding-bottom: 3px;}
.footertitle::after {content: "";position: absolute;border-bottom: 2px solid #3ab54b;width: 40px;bottom: 0;right: 0;}
.socialBlock .fa-twitter::before, .socialBlock .fa-instagram::before, .socialBlock .fa-linkedin::before, .socialBlock .fa-facebook-f::before, .socialBlock .fa-facebook::before {color: #fff;font-size: 18px;}
.socialBlock ul li {margin-right: 10px;border: 1px solid #fff;width: 30px;height: 30px;display: flex;justify-content: center;align-items: end;border-radius: 50px;}
.usefullLinks ul li {width: 50%;float: left;margin-bottom: 15px;}
.usefullLinks ul li a {color: #fff;font-size: 16px;}
.copyRight::before {content: "";position: absolute;background: rgba(38,38,38,1);background: -moz-linear-gradient(left, rgba(38,38,38,1) 0%, rgba(255,79,82,1) 50%, rgba(38,38,38,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(38,38,38,1)), color-stop(50%, rgba(255,79,82,1)), color-stop(100%, rgba(38,38,38,1)));background: -webkit-linear-gradient(left, rgba(38,38,38,1) 0%, rgba(255,79,82,1) 50%, rgba(38,38,38,1) 100%);background: -o-linear-gradient(left, rgba(38,38,38,1) 0%, rgba(255,79,82,1) 50%, rgba(38,38,38,1) 100%);background: -ms-linear-gradient(left, rgba(38,38,38,1) 0%, rgba(255,79,82,1) 50%, rgba(38,38,38,1) 100%);background: linear-gradient(to right, rgba(38,38,38,1) 0%, rgba(255,79,82,1) 50%, rgba(38,38,38,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626', GradientType=1 );width: 100%;left: 50%;top: 0;height: 1px;transform: translateX(-50%);}
.copyRight {position: relative;}

/* -------------------------------------------------------------------------Home-------------------------------------------------------------------- */

.acountTabing {
padding-bottom : 40px;
/* border-bottom: 1px solid #cccccc ; */
}
.diffAddres {
height: 157px;
}
.diffAddres .favtag {
top: 5px;
  right: 30px;
}
.diffAddres .favtag i {
font-size: 20px;
}
.productImg img {width: 100px !important;height:100px}
.items .productImg {display: flex;justify-content: center;}
.owl-carousel .owl-dots {display: none;}
.owl-prev::after {content: "";position: absolute;background-image: url("../images/css_sprites.png");background-repeat: no-repeat;background-position: -307px -9px;width: 62px;height: 60px;top: 50%;transform: translateY(-50%);left: 0;}
.owl-next::after {content: "";position: absolute;background-image: url("../images/css_sprites.png");background-repeat: no-repeat;background-position: -307px -88px;width: 62px;height: 60px;top: 50%;transform: translateY(-50%);right: 0;}
.owl-prev, .owl-next {text-indent: -9999999999px;}
.owl-prev {position: absolute;top: 50%;transform: translateY(-50%);left: -75px;}
.owl-next {position: absolute;top: 50%;transform: translateY(-50%);right: -75px;}
.items {transition : all 1s ; background-color: #fff;border: 1px solid #cccccc78;border-radius: 3px;padding: 20px 0;position: relative;border-bottom: 3px solid #cccccc78;}
.items:hover {box-shadow: 0px 5px 5px rgba(0,0,0,0.3);border-bottom: 3px solid #3ab54b;}
.offerTag {position: absolute;top: 0;left: 20px;background-color: #3ab54b;color: #fff;padding: 10px;}
.favtag {position: absolute;top: 5px;right: 20px; color: #b7b7b7;}
.favtag i {
font-size: 26px;
}
.favtag a {
color: #b7b7b7;
}
.favdark {
color : #e03131 !important;
}

.favdark i{
  color : #e03131 !important;
}

.offerTag::after {content: "";border-left: 25px solid transparent;border-right: 25px solid transparent;border-top: 20px solid transparent;border-bottom: 10px solid #fff;bottom: 0px;position: absolute;left: 50%;transform: translateX(-50%);}
.sectionTitle::after {content: "";position: absolute;border-bottom: 2px solid #3ab54b;width: 120px;right: 0;bottom: 0;}
.sectionTitle {position: relative;}
.carousel .carousel-control-next-icon {background-image: url(../images/css_sprites.png);background-repeat: no-repeat;background-position: -9px -299px;width: 48px;height: 48px;background-size: auto;opacity: 9;}
.carousel .carousel-control-prev-icon {background-image: url(../images/css_sprites.png);background-repeat: no-repeat;background-position: -203px -228px;width: 48px;height: 48px;background-size: auto;opacity: 9;}
.categoryBlock {transition : all 1s ;border: 1px solid #cccccc7a;padding: 15px 10px;border-radius: 3px;position: relative;border-left: 3px solid #cccccc7a;height: 130px;display: flex;}
.categoryBlock:hover {box-shadow: 0 1px 5px rgba(0,0,0,0.2);border-left: 3px solid #3ab54b;}
.allinone.categoryarrow {width: 24px;height: 24px;
/*background-position: -386px -227px;*/

}
.categoryClickArrow {position: absolute;right: 10px;bottom: 5px;}

/* -----------------------------------------------------------------------------Lisitng-------------------------------------------------------------- */
.listingBanner {height:300px;background-repeat: no-repeat;background-position:center;background-size: cover;}
/* .listingBanner {background-image: url(../images/listing/banner.jpg);background-repeat: no-repeat;background-position: top center;display: flex;justify-content: center;align-items: center;flex-direction: column;} */
.bestOffer, .onVeg {display: inline-block;background-color: rgba(0,0,0,0.2);padding: 0 30px;}

/* ------------------------------------------------------------------------Banner--------------------------------------------------------------------- */
.bannerNavs .carousel-control-next, .bannerNavs .carousel-control-prev {
bottom: 30px;
width : auto ;
top : auto ;
}
.bannerNavs .carousel-control-next {
right: 40px;
width : auto ;

}
.bannerNavs .carousel-control-prev {
    right: 100px;
    width : auto ;
    left : auto;
}
/* ------------------------------------------------------------------------Footer--------------------------------------------------------------------- */
.footer_bg {
background-image: url(../images/footer-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover ;
}
.footer_top {
padding : 30px 0px;
position: relative;
}
.footer_top:after {
background-image: url(../images/footer-line.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover ;
top : auto ;
bottom : 0;
width : 80%;
height : 1px;
position: absolute;
content: ' ' ;
left: 50%;
  transform: translateX(-50%);
}
.f_logo_wrapper {
padding : 50px 0px;
}
.footer_para p {
font-size: 15px ;
color : #fff;
}
.footer_heading h2 {
font-size: 20px ;
color : #fff;
font-weight : 600 ;

}
.footer_heading h2 span {
position: relative;
}
.footer_heading h2 span::after {
position: absolute;
  width: 40px;
  height: 2px;
  background-color: #3ab54b;
  right: 0px;
  top: 29px;
  content: ' ';
}
.footer_list{
margin : 0 ;
padding : 0;
list-style: none; 
column-count: 2;
}
.footer_list li {
margin-bottom: 10px;
font-weight: 400 ;
}
.footer_list li a {
color : #fff;
font-size: 16px;
font-weight: 400 ;
letter-spacing: .5px;
transition: all .6s ;
}
.footer_list li a:hover {
color : #3ab54b;
}
.app_btn_wrapper a{
display: inline-block;
margin-right : 15px;
}
.app_btn_wrapper a img {
width: 130px ;
}
.footer_media {
margin : 0 ;
padding : 0;
list-style: none; 
}
.footer_media li {
margin-right : 8px ;
display: inline-block;
}
.footer_media li a {
width : 35px;
height : 35px;
border-radius: 50% ;
color : #fff;
border : 1px solid #fff;
text-align: center;
display: inline-block;
transition: all .6s ;
}
.footer_media li a i {
position: relative;
top : 50%;
transform: translateY(-50%) ;
font-size : 18px;
}
.footer_media li a:hover {
background-color: #3ab54b ;
border : 1px solid #3ab54b;
}
.footer_bottom {
padding : 10px 0px;
}
.footer_bottom p {
font-size: 16px;
color : #fff;
}
.modal_title_rel span {
position: relative;
}
.modal_title_rel span:after {
content: ' ' ;
position: absolute;
top : 35px ;
left : 0;
width : 120px;
height : 2px;
background-color: #3ab54b ; 
}
.modal_tabs li {
position: relative;
}
.modal_tabs li:before {
content: ' ' ;
position: absolute;
top : 45px ;
left : 0;
width : 100px;
height : 2px;
background-color: #d7d7d7 ; 
}
.modal_tabs li.active:before {
background-color: #3ab54b ;
}
.vector_img img {
width: 50% ;
}
.rate_content {
margin : 15px 0px;
}
.rate_content p {
color : #000;
font-size : 15px;
}
.star_wrapper a {
color : #d9d9d9;
margin-right : 5px;
}
.star_wrapper a.rate {
color : #39b54a;
}
.star_wrapper a i {
font-size: 26px;
}

h2.background {
position: relative;
z-index: 1;
}
h2.background:before {
border-top: 2px solid #dfdfdf;
content: "";
margin: 0 auto;
/* this centers the line to the full width specified */
position: absolute;
/* positioning must be absolute here, and relative positioning must be applied to the parent */
top: 50%;
left: 0;
right: 0;
bottom: 0;
width: 95%;
z-index: -1;
}
h2.background span {
/* to hide the lines from behind the text, you have to set the background color the same as the container */
background: #fff;
padding: 0 15px;
}
.loginBtn {
box-sizing: border-box;
position: relative;
/* width: 13em;  - apply for fixed size */
margin: 0.2em;
padding: 0 15px 0 46px;
border: none;
text-align: left;
line-height: 34px;
white-space: nowrap;
border-radius: 0.2em;
font-size: 16px;
color: #FFF;
}
.loginBtn:before {
content: "";
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 34px;
height: 100%;
}
.loginBtn:focus {
outline: none;
}
.loginBtn:active {
box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}

.offer_grid {
 background-color : #fff;
 box-shadow: 0px 0px 5px gray ; 
 border-radius: 5px;
 margin-bottom: 40px;
}
.offer_img_wrapper {
padding : 8px ;
}
.offer_img_wrapper img {
border-top-left-radius : 5px;
border-top-right-radius : 5px;
}
.offer_content {
padding : 15px;
}
/* Facebook */
.loginBtn--facebook {
background-color: #305cb3;
background-image: linear-gradient(#305cb3, #305cb3);
/*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
text-shadow: 0 -1px 0 #305cb3;
}
.loginBtn--facebook:before {
border-right: #4267b2 1px solid;
background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover {
background-color: #305cb3;
color : #fff;
}


/* Google */
.loginBtn--google {
/*font-family: "Roboto", Roboto, arial, sans-serif;*/
background: #DD4B39;
}
.loginBtn--google:before {
border-right: #BB3F30 1px solid;
background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
background: #E74B37;
color : #fff;
}
/* ------------------------------------------------------------------------About--------------------------------------------------------------------- */

.pageTitle {border-top: 1px solid #3ab54b;border-bottom: 1px solid #3ab54b;padding: 10px 0;}
.missionBlock {padding-left: 155px;padding-right: 40px;}
.missionImgBlock img {width: 100%;}
.vissionBlock {padding-left: 40px;padding-right: 155px;}
.vissionImgBlock img {width: 100%;}
.missionImgBlock::after {content: "";position: absolute;background-color: #3ab54b;width: 100%;height: 100%;left: -5px;top: 5px;}
.missionImgBlock img {position: relative;z-index: 999;}
.missionImgBlock {position: relative; width: 80%;z-index:-1;}
.vissionImgBlock::after {content: "";position: absolute;background-color: #3ab54b;width: 100%;height: 100%;right: -5px;top: 12px;}
.vissionImgBlock img {position: relative;z-index: 999;}
.vissionImgBlock {position: relative; width: 80%;z-index:-1;}

/* ---------------------------------------------------------------------Contact---------------------------------------------------------------------- */

.addresBlock span {display: flex;}
.contAddBlock::after {content: "";position: absolute;border-right: 1px solid #ccc;height: 110px;top: 20px;right: 0;}
.contAddBlock:nth-of-type(2)::after{display: none;}
.contAddBlock {padding: 0 20px;}
.vissionContent p {
line-height: 26px;
color : rgb(54, 54, 54);
font-weight: 600 ;
letter-spacing: .5px ;
}
.missionContent p {
line-height: 26px;
color : rgb(54, 54, 54);
font-weight: 600 ;
letter-spacing: .5px ;
}
/* --------------------------------------------------------------------Login------------------------------------------------------------------------ */

#loginmodal .nav-pills .nav-item {border-bottom: 1px solid #ccc;}
#loginmodal .nav-pills .nav-link.active, #loginmodal .nav-pills .show > .nav-link {color: #202020;background-color: transparent;border-bottom: 1px solid red;border-radius: 0;margin-bottom: -1px;}
#loginmodal .modal-dialog {max-width: 600px;}
#loginmodal .modal-content {padding: 30px 60px;}
.loginWith {position: absolute;top: -16px;background-color: #fff;padding: 0 20px;margin-bottom: 0;}
#loginmodal .close {position: absolute;right: -15px;top: 0px;}
.loginWithBlock {margin-top: 50px;padding-top: 40px;}

/* ----------------------------------------------------------------------------Faq------------------------------------------------------------------- */

#hwefaqaccordion .panelhead {padding: 10px 0;}
#hwefaqaccordion .panelhead a {text-decoration: none;display: flex;flex-wrap: nowrap;align-items: center;}
#hwefaqaccordion i.trigger::before, #hwefaqaccordion i.trigger::after {content: '';position: absolute;width: 25px;height: 1px;left: 50%;top: 50%;background-color: #722345;transform: translate(-50%, -50%);transition: ease .3s all 0s;}
#hwefaqaccordion i.trigger {position: relative;min-width: 32px;height: 32px;margin-right: 1em;border: none;border-radius: 50%;display: inline-block;top: 2px;right: 0;left: 100%;}
#hwefaqaccordion .collapsed i.trigger::after {transform: translate(-50%, -50%) rotate(90deg);}

/* -----------------------------------------------------------------------Notification--------------------------------------------------------------- */

.notificationBar .imgBlock {width: 80px;height: 80px;background: #fff;border-radius: 50%;}
.notificationContent {
margin-top : 15px;
}
.notificationBar .closenoti {
right: 15px;
top : 7px ;
}
.closenoti {position: absolute;top: 5px;right: 5px;}
.hideNoti{display: none !important;}
.allinone.user {width: 30px;height: 30px;background-position: -381px -181px;}
.allinone.notify {width: 30px;height: 30px;background-position: -381px -94px;}

/* -----------------------------------------------------------------------My Account----------------------------------------------------------------- */

.acountTabing .nav-pills .nav-link.active, .acountTabing .nav-pills .show > .nav-link {color: #fff;background-color: #3ab54b;}
.acountTabing #v-pills-tab {border: 1px solid #cccccc45;border-radius: 5px;}
.acountTabing .nav-pills .nav-link {border-bottom: 1px solid #cccccc42;}
/* Custom Upload Image */
.avatar-upload {position: relative;max-width: 205px;margin: 30px auto;}
.avatar-upload .avatar-edit {position: absolute;right: 12px;z-index: 1;top: 10px;}
.avatar-upload .avatar-edit input {display: none;}
.avatar-upload .avatar-edit input + label {display: inline-block;width: 34px;height: 34px;margin-bottom: 0;border-radius: 100%;background: #FFFFFF;border: 1px solid transparent;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;}
.avatar-upload .avatar-edit input + label:hover {background: #f1f1f1;border-color: #d6d6d6;}
.avatar-upload .avatar-edit input + label:after {content: "\f040";font-family: 'FontAwesome';color: #757575;position: absolute;top: 10px;left: 0;right: 0;text-align: center;margin: auto;}
.avatar-upload .avatar-preview {width: 152px;height: 152px;position: relative;border-radius: 100%;border: 6px solid #F8F8F8;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.avatar-upload .avatar-preview > div {width: 100%;height: 100%;border-radius: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}

#editProfileModal .closebtn {position: absolute;right: 20px;top: 20px;}
.userProfileImg .avatar-upload .avatar-edit input + label::after {color: #3ab54b;top: 5px;}
.userProfileImg .avatar-upload .avatar-preview {border: 2px solid #3ab54b;box-shadow: none;}
.orderStatus .card-header {background-color: transparent;}
.orderStatus .card {border: none;}
.diffAddres {border: 1px solid #cccccc42;padding: 10px 20px;transition: all 0.5s;}
.diffAddres:hover {border: 1px solid #3ab54b;cursor: pointer;}
.allinone.edit {width: 23px;height: 23px;background-position: -267px -227px;}
.allinone.bigEdit {width: 54px;height: 54px;background-position: -203px -157px;}
#addaddressModal .closebtn {position: absolute;right: 30px;top: 20px;}

/* ------------------------------------------------------------------------Cart-------------------------------------------------------------------- */

.qutInput input {width: 35px;text-align: center;border: 0;}
.allinone.minusSign {width: 30px;height: 30px;background-position: -383px -50px;}
.allinone.plusSign {width: 30px;height: 30px;background-position: -383px -7px;}
.cartSchedule input {border: 1px solid #cccccc73;height: 35px;border-radius: 50px;}
.scheduleClose {position: absolute;top: -30px;right: 0;}
.cartWrapper3 #inlineFormInputGroupUsername {border: 1px solid #3ab54b;height: 45px;}
.cartWrapper3 .input-group-text {background-color: #3ab54b;color: #fff;border: 1px solid #3ab54b;}
.custom-control-input:checked ~ .custom-control-label::before {border-color: #3ab54b;background-color: #3ab54b;}
.custom-control-label::before {border: #3ab54b solid 1px;}
.theme_icon i {
color : #3ab54b;
}
#hwefaqaccordion .border-bottom:nth-of-type(5) {
border-bottom : 0px solid transparent !important;
}
table.ui-datepicker-calendar tr th {text-align: center;border-bottom: 1px solid;}
table.ui-datepicker-calendar tr td{text-align: center;}
.ui-datepicker-calendar {width: 100%;}
.ui-datepicker-header {background-color: #3ab54b;color: #fff;padding: 5px 10px;}
#ui-datepicker-div {background-color: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.5);padding: 0px;}
.ui-datepicker-prev.ui-corner-all {float: left;}
.ui-datepicker-next {float: right;}
.ui-datepicker-title {margin: 22px 0 0;display: flex;justify-content: center;width: 100%;font-weight: bold;}
/* -------------------------------------------------------------------Track Order------------------------------------------------------------------- */

.progressbar {counter-reset: step;text-align: center;}
.progressbar li {list-style: none;display: inline-block;width: 30.33%;position: relative;text-align: center;cursor: pointer;}
.progressbar li:before {content: counter(step);counter-increment: step;width: 30px;height: 30px;line-height : 30px;border: 2px solid #afafaf;border-radius: 100%;display: block;text-align: center;margin: 0 auto 10px auto;background-color: #afafaf;color: transparent;}
.progressbar li:after {content: "";position: absolute;width: 100%;height: 2px;background-color: #afafaf;top: 15px;left: -50%;z-index : -1;}
.progressbar li:first-child:after {content: none;}
.progressbar li.active {color: #3ab54b;}
.progressbar li.active::before {border-color: #3ab54b;background-color: #3ab54b;} 
.progressbar li.active + li:after {background-color: #3ab54b;}
.progressbar li.active span {color: #3ab54b;}
.trackOrderWrapper2 .deliverTime {
border-left : none;

}  
.btn_trans {
background-color : transparent !important;
}
/* --------------------------------------------------------------------Listing------------------------------------------------------------------------ */
.row.listingProdGrid {
  width: 100%;
}


.search.form-control:focus {
	border-color: #404040 !important;
	box-shadow: 0 0 0 0.1rem #404040 !important;
}
.productList li {
	align-items: flex-start !important;
}
.pro_display.show {
	    left: -80px !important;
}
.input_number_form {
/* width: 300px; */
width: 265px;
margin: 0 auto;
text-align: center;
display: block ;
}
.dyna_btn {
/*display: block ;*/
}
.value-button {
display: inline-block;
border: 1px solid #3ab54b;
margin: 0px;
width: 30px;
height: 30px;
text-align: center;
vertical-align: middle;
padding: 5px 0;
background: #3ab54b;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 50%;
color : #fff;
}
.content-head .favtag {
top: 60px !important;
}
.value-button:hover {
cursor: pointer;
}

.input_number_form #decrease {
margin-right: -4px;

}

.input_number_form #increase {
margin-left: -4px;

}
.number_input#number {
text-align: center;
border: none;
margin: 0px 5px;
height: 30px;
font-weight: 600 ;
color : #000;
}

.cartProdDetail .input_number_form {
margin : 0;
}
.cartProd div:last-child {
    margin-bottom: 0 !important;
}
.label_weight_text {
font-weight : 600 ;
}
.deliverTime {
padding-left : 50px;
border-left : 1px solid #cccccc;
}
.number_input[type=number]::-webkit-inner-spin-button,
.number_input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.check_email {
position: absolute;
right : 10px;
top : 5px;
width : 30px;
height : 30px;
background-color: #3ab54b ;
color : #fff;
border-radius: 50% ;
text-align: center;
}
.check_email i {
    font-size: 16px;
  position: relative;
  top: 5px;
}
.pro_display {
    width: auto;
  min-width: 240px;
  padding : 0;

}
.pro_img {
padding : 10px 10px;
background-color: #f7f7f7 ;
justify-content: space-around;
}
.img_pro {
 border-radius: 50% ; 
border: 1px solid #39b54a;
padding : 5px ;
}
.img_pro img {
border-radius: 50% ; 

}
.pro_detail p{
margin-bottom: 0px;
}
.pro_acc {
padding : 0px 15px;

}
.pro_rel {
position: relative;
}
.pro_rel:before {
position: absolute;
width : 4px;
height : 30px;
background-color: #39b54a; 
content:  ' ' ; 
left: 0;
top: 8px;

}
.acc_anchor {
padding : 10px 0px;
}
.pro_display a {
font-size: 18px !important;
font-weight: 500 !important;
}
.color_log {
color: #39b54a !important; 
}
.padding_manage {
padding: .25rem 1.2rem !important;
}
.ctaegoryDetail p {
font-weight: 600 ;
}
.sub_img {
padding : 25px 0px;
}
.sub_grid {
border-radius: 3px ;
}
.sub_text {
padding: 20px 0px;
}
.sub_text p {
font-weight: 600; 
color: #000 ;text-align: center;
font-size: 15px;
}
.sub_cate_grid_wrapper {
margin-bottom: 25px;
}
.profileEditPart ul li i {
color : #3ab54b;
margin-right: 10px ;
}
.icon_customer a {
display: flex;
width: 50px;
height : 50px;
border-radius: 50%;
justify-content: center;
align-items: center;
background-color: #39b54a ;
color : #fff; 
margin : auto;
}
.icon_customer a i {
color: #fff ;
font-size: 22px;
}
.text_icon {
text-align: left; 
}
.delivery_sche {
position: relative;
}
.icon_edit_manage {
position: absolute;
top : 5px;
right : 5px;
}
.icon_edit_manage i {
font-size: 18px;

}
.icon_edit_manage a i {
color : #3ab54b;

}
.w_60 {
width: 60% ;
}
.bannerBlock {
position: relative;

}
.inner_banner_bg img {
height : 200px ;
}
.bannerBlock nav {
position: absolute;
  width: 100%;
  bottom: 5%;
}
.bannerBlock nav ol {
margin : 0;
padding : 0;
}
.bannerBlock nav ol li {
color : #fff !important;
}
.bannerBlock nav ol li a{
color : #fff !important;
}
.bannerBlock nav .breadcrumb-item+.breadcrumb-item::before {
color : #fff !important;
}
.table_wrapper .table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff;
}
.table_wrapper .table-striped tbody tr:nth-of-type(even) {
  background-color: #f1f3f4;  
}
.table_wrapper .table .thead-dark th {
background-color: #39b54a;
  border-color: #39b54a;
  border-width: 0px ;
}
.table_wrapper .table th , .table_wrapper .table td {
padding: .75rem 1.5rem;
border-width: 0px ; 

}
.table_wrapper .table td  {
font-weight: 600 ;
}
.dark_table_text {
color: #666666 ; 
}
.danger_table_text {
color : #ff4f50;
}
.modal_input label {

font-size: 30px;
color: rgb(32, 32, 32);
font-weight: bold;


}
.modal_input .custom-control-label::before , .modal_input .custom-control-label::after {
top: 1rem;
}
.refer_content p {
color : #666666;
}
.refer_code_wrapper {
width : 100% ;

padding : 10px 40px;
border : 2px dashed #ddd;
border-radius: 8px;
}
.refer_code_wrapper p {
margin-bottom: 0px;
}
.form_group_input {
position: relative;
}
.form_group_input i {
position: absolute;
right : 15px;
top : 15px;
color : #666;
font-size: 22px;
}
.column_list_wrapper {
column-count: 2 ;
}
.modal_flex_grid {
width : 30%;
height: 80px;
/* margin-right : 10px; */
border : 1px solid #f1f3f4;
border-radius: 8px;
cursor : pointer;
display: flex ;
align-items: center;
justify-content: center;
margin-bottom : 20px;
transition: all .4s ;
text-align: center;
}
.modal_grid_inner p {
margin-bottom: 0px;
}
.modal_flex_grid.active {
background-color: #39b54a ; 
}
.modal_flex_grid.active h2 , .modal_flex_grid.active p {
color : #fff;
}
.cartwrapper1 .scheduleClose {
top: -7px !important;
}

/*  --------------------------------------------------------------------Detail------------------------------------------------------------------------ */

.availableBlock fieldset input {display: none;}
.availableBlock fieldset label {width: auto;border: 1px solid #ccc;padding: 5px 20px;border-radius: 3px;cursor: pointer;font-size: 18px;color: #363636;margin-right: 2px;}
.availableBlock fieldset input[type="radio"]:checked + label {border: 1px solid #3ab54b;}
.content-part .content-head .prodTitle {padding-top: 70px;}
.content-part .input_number_form {
margin : 20px 0px;
text-align: left;
}
.content-part {position: relative;}
.share_abs {width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #3ab54b;
    border: 1px solid #3ab54b;
    text-align: center;
    display: inline-block; top : 0px;
    transition: all .6s; position: absolute;
    right: 20px;
}
.share_abs i {
    position: relative;
    top: 0px;
}
.topOffers .col-md-12 a img {
    width: 100% ; 
}
/* ---------------------------------Detail Page Slider----------------------------------- */
.float_ad {
float: right ;
}
.cartProdDetail {
padding-right : 15px;
position: relative;
border-right : 1px solid #cccccc;
}
.calendar_wrapper {
width : 40% ;
}
#calTFooter {
display: none;
}
.content-part .content-head .prodTitle {
padding-right: 50px;
}
.cfg-btn {background-color: rgb(55, 181, 114);color: #fff;border: 0;box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);outline:0;cursor: pointer;width: 200px;padding: 10px;font-size: 1em;position: relative;display: inline-block;margin: 10px auto;}    
.cfg-btn:hover:not([disabled]) {background-color: rgb(37, 215, 120);}
.mobile-magic .cfg-btn:hover:not([disabled]) {background: rgb(55, 181, 114);}
.cfg-btn[disabled] {opacity: .5;color: #808080;background: #ddd;}
.cfg-btn.btn-preview,
.cfg-btn.btn-preview:active,
.cfg-btn.btn-preview:focus {font-size: 1em;position: relative;display: block;margin: 10px auto;}
.cfg-btn,
.preview,
.app-figure,
.api-controls,
.wizard-settings,
.wizard-settings .inner,
.wizard-settings .footer,
.wizard-settings input,
.wizard-settings select {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}    
.preview, .wizard-settings {border: 0;min-height: 1px;}
.preview {position: relative;}
.api-controls {text-align: center;}
.api-controls button,
.api-controls button:active,
.api-controls button:focus {width: 80px;font-size: .7em;white-space: nowrap;}
.app-figure {width: 100% !important;margin: 0px auto;border: 0px solid red;position: relative;text-align: center;}
.selectors {margin-top: 10px;}
.selectors .mz-thumb img {max-width: 56px;}
.app-code-sample {max-width: 80%;margin: 30px auto 0;text-align: center;position: relative;}
.app-code-sample input[type="radio"] {display: none;}
.app-code-sample label {display: inline-block;padding: 2px 12px;margin: 0;font-size: .8em;text-decoration: none;cursor: pointer;color: #666;border: 1px solid rgba(136, 136, 136, 0.5);background-color: transparent;}    
.app-code-sample label:hover {color: #fff;background-color: rgb(253, 154, 30);border-color: rgb(253, 154, 30);}
.app-code-sample input[type="radio"]:checked+label {color: #fff;background-color: rgb(110, 110, 110) !important;border-color: rgba(110, 110, 110, 0.7) !important;}
.app-code-sample label:first-of-type {border-radius: 4px 0 0 4px;border-right-color: transparent;}
.app-code-sample label:last-of-type {border-radius: 0 4px 4px 0;border-left-color: transparent;}
.app-code-sample .app-code-holder {padding: 0;position: relative;border: 1px solid #eee;border-radius: 0px;background-color: #fafafa;margin: 15px 0;}
.app-code-sample .app-code-holder > div {display: none;}
.app-code-sample .app-code-holder pre {text-align: left;white-space: pre-line;border: 0px solid #eee;border-radius: 0px;background-color: transparent;padding: 25px 50px 25px 25px;margin: 0;min-height: 25px;}
.app-code-sample input[type="radio"]:nth-of-type(1):checked ~ .app-code-holder > div:nth-of-type(1) {display: block;}
.app-code-sample input[type="radio"]:nth-of-type(2):checked ~ .app-code-holder > div:nth-of-type(2) {display: block;}
.app-code-sample .app-code-holder .cfg-btn-copy {display: none;z-index: -1;position: absolute;top:10px; right: 10px;width: 44px;font-size: .65em;white-space: nowrap;margin: 0;padding: 4px;}
.copy-msg {font: normal 11px/1.2em 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;color: #2a4d14;border: 1px solid #2a4d14;border-radius: 4px;position: absolute;top: 8px;left: 0;right: 0;width: 200px;max-width: 70%;padding: 4px;margin: 0px auto;text-align: center;}    
.copy-msg-failed {color: #b80c09;border-color: #b80c09;width: 430px;}
.mobile-magic .app-code-sample .cfg-btn-copy {display: none;}
#code-to-copy {position: absolute;width: 0;height: 0;top: -10000px;}
.lt-ie9-magic .app-code-sample {display: none;}
.wizard-settings {background-color: #4f4f4f;color: #a5a5a5;position: absolute;right: 0;width: 340px;}
.wizard-settings .inner {width: 100%;margin-bottom: 30px;}
.wizard-settings .footer {color: #c7d59f;font-size: .75em;width: 100%;position: relative;vertical-align: bottom;text-align: center;padding: 6px;margin-top: 10px;}
.wizard-settings .footer a {color: inherit;text-decoration: none;}
.wizard-settings .footer a:hover {text-decoration: underline;}
.wizard-settings a {color: #cc9933;}
.wizard-settings a:hover {color: #dfb363;}
.wizard-settings table > tbody > tr > td {vertical-align: top;}
.wizard-settings table {min-width: 300px;max-width: 100%;font-size: .8em;margin: 0 auto;}
.wizard-settings table caption {font-size: 1.5em;padding: 16px 8px;}
.wizard-settings table td {padding: 4px 8px;}
.wizard-settings table td:first-child {white-space: nowrap;}
.wizard-settings table td:nth-child(2) {text-align: left;}
.wizard-settings table td .values {color: #a08794;font-size: 0.8em;line-height: 1.3em;display: block;max-width: 126px;}
.wizard-settings table td .values:before {content: '';display: block;}
.wizard-settings input, .wizard-settings select {width: 126px;}
.wizard-settings input {padding: 0px 4px;}
.wizard-settings input[disabled] {color: #808080;background: #a7a7a7;border: 1px solid #a7a7a7;}
.preview {width: 70%;float: left;}
.totCaret ul li input {display: none;}
.totCaret ul li {width: 50px;}
.totCaret ul li input[type="radio"]:checked + label {border: 2px solid #3c9099;background: #3c9099;color: #fff;}
.totCaret ul li label{cursor: pointer;}
.metalType ul li input {display: none;}
.metalType ul li {width: 50px;}
.metalType ul li input[type="radio"]:checked + label {border: 2px solid #3c9099;background: #3c9099;color: #fff;}
.metalType ul li label{cursor: pointer;}
.product-detail-page .size-block .sizeBlock select {width: 250px;}
/* .diamondInfoSection ul li {width: 30%;} */
.detailEuroImg {width: 14px;}
.leftPart {min-width: 100%;width: 100%;}
.leftPart .mcs-item a {height: auto;}

.leftPart .mcs-button, .leftPart .mcs-bullets, .leftPart .mcs-wrapper {position: static;}
.leftPart .MagicScroll {height: auto !important;}
.leftPart .mcs-items-container {display: flex;justify-content: center;align-items: center;}
.favtag_add {position: absolute;bottom:  0px;right: 10px; color: #b7b7b7};
.favtag p {
    padding-right: 0px !important;
}
.pro_display.show {
	    left: -80px !important;
}
.cartProd .cartProdDetail p {
	padding-right: 40px;
}
.cartProdDetail  div.addBtn  {
	margin : 12px 0px;
}
.variant-body .favtag p {
  padding-right: 0px;
}
.variant-body p.font18.fontSemiBold.color20.mb-1 {
  padding-right: 25px;
}
.variant-body .input_number_form {
  text-align: right !important;
}
.productVariant .cartProdDetail p.font18.fontSemiBold.color20.mb-1 {
  padding-right: 25px;
} 
.productVariant .favtag p {
  padding-right: 0px;
}

@media (min-width: 0px) 
{
  .preview {width: 100%;float: none;}
}
@media (min-width: 1024px) 
{
  /*.preview {width: calc(100% - 340px);}*/
  .wizard-settings {top: 0;min-height: 100%;}
  .wizard-settings .inner {margin-top: 60px;}
  .wizard-settings .footer {position: absolute;bottom: 0;left: 0;}
  .wizard-settings .settings-controls {position: fixed;top: 0;right: 0;width: 340px;padding: 10px 0 0;text-align: center;background-color: inherit;}
}
@media screen and (max-width: 1024px) 
{
  .api-controls button, .api-controls button:active, .api-controls button:focus {width: 70px;}
}
@media screen and (max-width: 1023px) 
{
  .app-figure {width: 98% !important;margin: 50px auto;padding: 0;}
  .app-code-sample {display: none;}
  .wizard-settings {width: 100%;}
}
@media screen and (max-width: 600px) 
{
  .mz-thumb img {max-width: 39px;}
}
@media screen and (max-width: 560px) 
{
  .api-controls .sep {content: '';display: table;}
}
@media screen and (min-width: 1600px) 
{
  /* .preview {padding: 10px 160px;} */
}

/* -------------------------------------------------------------Media Query-------------------------------------------------------------------------- */

@media screen and (min-width:576px)
{
  .menuBlock ul li {margin-right: 32px;}
  .menuBlock ul li a {font-size: 16px;font-weight: 800;color: #282828;transition: all 0.5s;text-transform: uppercase;position: relative;}
  .menuBlock ul li a::after {content: "";position: absolute;width: 7px;height: 7px;background-color: #3ab54b;border-radius: 50px;left: 50%;bottom: 0;transform: translateX(-50%);opacity: 0;transition: all 0.5s;}
  .menuBlock ul li:hover a::after{opacity: 9;bottom: -10px;}
  .subMenu ul {position: absolute;width: 360px;background-color: #fff;border: 1px solid #ccc;padding: 20px;border-radius: 15px;transition: all 0.5s;transform-origin: top;transform: scaleY(0);height: 0;z-index: 99;}
  .subMenumenu:hover .subMenu ul {transform: scaleY(1);height: auto;}
  ul li.subMenumenu::after {content: "\f078";position: absolute;font-family: FontAwesome;right: -16px;top: 0px;}
  .subMenu ul li {margin-bottom: 5px;border-bottom: 1px solid #cccccc5c;padding-bottom: 5px;}
  .subMenu ul li a {font-weight: normal;text-transform: capitalize;transition: all 0.5s;}
  .subMenu ul li a::after{display: none;}
  .subMenu ul li:hover a{color: #3ab54b;}
}

@media screen and (max-width:1199px)
{
  .topAddresBar a {font-size: 14px;}
}

@media screen and (max-width:991px)
{
  .topAddresBar a {font-size: 12px;}
  .trackOrderBtn a {font-size: 12px;}
  .menuBlock ul li a {font-size: 15px;}
}

@media screen and (max-width:767px)
{
  .fixedbottomHeader {position: fixed;bottom: 0;width: 100%;border-top: 1px solid #cccccc6e;padding: 10px 0;z-index: 99;background-color: #fff;}
  .fa-home::before, .fa-search::before, .fa-map-marker::before, .fa-shopping-cart::before, .fa-user-circle-o::before {font-size: 20px;}
  .logoBlock {display: flex;justify-content: center;margin-bottom: 15px;}
  .menuBlock ul li {margin: 0 20px;}
  .menuBlock ul li a {font-size: 13px;}
}

@media screen and (max-width:575px)
{
  .menuBlock ul {position: fixed;flex-direction: column;top: 0;left: -110%;width: 320px;height: 100%;justify-content: start !important;background-color: #fff;z-index: 999;box-shadow: 0 5px 5px rgba(0,0,0,0.5);transition: all 0.5s;padding-top: 30px;}
  .menuBlock ul li {margin: 10px 20px;}
  .closeMenu {position: absolute;top: 10px;right: 10px;}
  .closeMenu .fa-remove::before, .closeMenu .fa-close::before, .closeMenu .fa-times::before {font-size: 24px;}
  .menuToggle {position: absolute;top: -65px;left: 30px;}
  .menuToggle .fa-navicon::before, .menuToggle .fa-reorder::before, .menuToggle .fa-bars::before {font-size: 28px;color: #f15952;}
  .menuBlock ul.showMenus{left: 0;}
  .subMenu .showMenus {position: static;height: auto;transform: scaleY(1);width: 100%;padding-top: 0;box-shadow: none;}
}

@media screen and (max-width:480px)
{
  .logoBlock {justify-content: end;}
}

.loginBtn--facebook {
    background-color: rgb(48, 92, 179);
}

.loginBtn--google {
   
    background-color: rgb(221, 75, 57);
}











/* start filter css  */
 
.filter_box_main .card .card-header {
  padding: 0;
  box-shadow: none;
  border: 0 !important;
}
.box_css h2 {
  font-weight: 800;
  font-size: 16px;
}
.fliter_box_inner {
  background-color: #fff;
  padding: 10px 20px 30px;
  border-radius: 6px;
  box-shadow: 0px 5px 5px #0000004d;
}
.custom_checkbox label {
  position: relative;
  padding-left: 25px;
  display: inline-block;
  font-weight: 600;
  font-size: 12px;
  margin: 0;
}
.custom_checkbox input{
  display: none;
}
.custom_checkbox label::after{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #11a815;
  border-radius: 0px;
}
.custom_checkbox label::before{
  position: absolute;
  content: '';
  top: 3px;
  left: 3px;
  height: 10px;
  width: 10px;
  background-color: #11a815;
  border-radius: 0px;
  opacity: 0;
}
.custom_checkbox input:checked ~ label::before{
  opacity: 1;
} 
.range-slider { 
  text-align: center;
  position: relative;
}
.range-slider .rangeValues {
  display: block;
  margin: 18px 0;
  font-weight: 600;
  color: #3ab54b;
}

.range-slider input[type=range] {
  -webkit-appearance: none;
  border: 1px solid white;
  width: 100%;
  position: absolute;
  left: 0;
}

.range-slider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}

.range-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #11a815;
  margin-top: -4px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.range-slider input[type=range]:focus {
  outline: none;
}

.range-slider input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}

.range-slider input[type=range]::-moz-range-track {
  width: 300px;
  height: 5px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}

.range-slider input[type=range]::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #21c1ff;
}

/*hide the outline behind the border*/
.range-slider input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

.range-slider input[type=range]::-ms-track {
  width: 300px;
  height: 5px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
  z-index: -4;
}

.range-slider input[type=range]::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}

.range-slider input[type=range]::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}

.range-slider input[type=range]::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #21c1ff;
}

.range-slider input[type=range]:focus::-ms-fill-lower {
  background: #888;
}

.range-slider input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}
 
.cart_dropdown .cart_btn {
    position: relative;
    font-size: 17px;
    outline: none;
    cursor: pointer;
    color: #3ab54b;
} 

.cart_innerbox {
  position: fixed;
  background: #fff;
  transform-origin: top;
  transform: perspective(1000px) rotateX(-90deg);
  transition: 0.5s;
  z-index: 9999;
  right: 12px;
  left: auto;
  width: 310px;
  top: 42px;
  box-shadow: 0px 1px 4px #00000066;
  padding: 10px 10px;
  border-radius: 4px;
  height: 400px;
  overflow: hidden; 
}
.cart_innerbox.active{
  transform: perspective(1000px) rotateX(0deg);
}
.cart_drop_box a img {
  max-height: 67px;
  border: 1px solid #f2f2f2;
  padding: 5px;
  width: 90px;
  object-fit: contain;
}
.cart_drop_text a {
  font-weight: 700;
  font-size: 14px;
  margin: 0 0 1px; 
}
.cart_drop_text p span {
  color: #3ab54b;
  font-weight: 700;
  font-size: 13px; 
}
.cart_drop_text   strike{
  color: #000;
  font-size: 11px; 
}



.hidden_section {
  display: none;
}

.cross_icon {
  height: 20px;
  width: 20px;
  border: 1px solid;
  border-radius: 50px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}
.cart_drop_box .favtag {
  position: absolute;
  top: 0;
  right: 0; 
}
.ellipsis-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.ellipsis-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}
.product_quantity .input_number_form{
  display: flex;
  align-items: center;
}
.product_quantity .number_input {
  width: 20%;
  border: 1px solid #f2f2f2;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  height: 26px;
  margin: 0 3px;
}
.product_quantity .value-button {
  border: 1px solid #f2f2f2;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  font-size: 15px;
  border-radius: 50px;
  color: #fff !important;
  background-color: #3ab54b;
  line-height: 22px;
  cursor: pointer;
}
.check_out_btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.check_out_btn a {
  background-color: #3ab54b;
  display: block;
  padding: 13px 10px;
  font-weight: 800;
  color: #fff;
  font-size: 16px;
}
.cart_innerbox_main {
  height: 330px;
  overflow-y: auto;
} 
.cart_innerbox_main::-webkit-scrollbar {
  display: none;
}
.checkbox_comman {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
.checkbox_comman::-webkit-scrollbar {
  width: 4px;
} 
.checkbox_comman::-webkit-scrollbar-track {
  background: #f1f1f1; 
} 
.checkbox_comman::-webkit-scrollbar-thumb {
  background: #3ab54b; 
} 
.checkbox_comman::-webkit-scrollbar-thumb:hover {
  background: #3ab54b; 
}
.empty_product{
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}
/* start filter css  */


@media (min-width: 0px) 

{

    .preview {width: 100%;float: none;}

}

@media (min-width: 1024px) 

{

    /*.preview {width: calc(100% - 340px);}*/

    .wizard-settings {top: 0;min-height: 100%;}

    .wizard-settings .inner {margin-top: 60px;}

    .wizard-settings .footer {position: absolute;bottom: 0;left: 0;}

    .wizard-settings .settings-controls {position: fixed;top: 0;right: 0;width: 340px;padding: 10px 0 0;text-align: center;background-color: inherit;}

}

@media screen and (max-width: 1024px) 

{

    .api-controls button, .api-controls button:active, .api-controls button:focus {width: 70px;}

}

@media screen and (max-width: 1023px) 

{

    .app-figure {width: 98% !important;margin: 50px auto;padding: 0;}

    .app-code-sample {display: none;}

    .wizard-settings {width: 100%;}

}

@media screen and (max-width: 600px) 

{

    .mz-thumb img {max-width: 39px;}

}

@media screen and (max-width: 560px) 

{

    .api-controls .sep {content: '';display: table;}

}

@media screen and (min-width: 1600px) 

{

    /* .preview {padding: 10px 160px;} */

}



/* --------------------------------------------------------------------------   ajx loader  */


#overlay{
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}
.is-hide{
  display:none;
}








.filter_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3ab54b;
  color: #fff !important;
  font-size: 14px;
  margin-left: auto;
  padding: 3px 17px;
  border-radius: 4px;
  letter-spacing: 0.5px;
}
.filter_dropdown_box {
  position: absolute;
  background: #f2f2f2;
  transform-origin: top;
  transform: perspective(1000px) rotateX(-90deg);
  transition: 0.5s;
  z-index: 2;
  right: 1px;
  left: auto;
  width: 150px;
  top: 36px;
  box-shadow: 0px 1px 4px #00000066;
  padding: 5px 4px;
  border-radius: 4px;
  overflow: hidden;
}
.filter_dropdown_box ul li a {
  display: block;
  font-weight: 500;
  font-size: 13px;
  padding: 6px 10px;
  transition: 0.5s all;
  border-radius: 4px;
  border-bottom: 1px solid #fff;
}
.filter_dropdown_box ul li:last-child a{
  border: 0;
}
.filter_dropdown_box ul li a:hover{
  background-color: #fff;
  color: #000;
}
.filter_dropdown_box.active{
  transform: perspective(1000px) rotateX(0deg);
}
#overlayWrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
}

.overlay.active {
  opacity: 1;
  will-change: opacity;
  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-tap-highlight-color: transparent;
}