*,
body,
html {
  margin: 0;
  padding: 0;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: none;
  -moz-appearance: none;
}
span.for-tx {
    display: inline-flex;
    position: absolute;
    flex-direction: column;
    width:100%;
}
span.format_tax_cat {
    float: right;
    margin-bottom: 10px;
}
a.btn.hide_tx {
    margin-top: 34px;
}
p.formats_tax {
    margin: 0;
    color: #000 !important;
    padding-top: 5px;
}

button,
a {
  cursor: pointer;
}

.disabled {
  position: relative;
}

.disabled:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  z-index: 1;
  cursor: not-allowed;
}

img {
  border: medium none;
  height: auto;
  max-width: 100%;
  outline: medium none;
  vertical-align: middle;
}

.clear {
  clear: both;
}

button:focus,
input:focus {
  outline: 1px dotted;
}

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

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

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

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

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

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

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

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

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

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

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

body {
  font-family: "ProximaNova-Regular";
}

.main-head {
  max-width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid;
}

header.main-head .container-fluid {
  max-width: 1920px;
}

.food_alert_main {
  width: 100%;
  text-align: center;
  min-height: 54px;
  padding: 17px 30px;
  display: inline-block;
}

.food_alert_text a {
  text-decoration: underline;
}

.container {
  max-width: 1240px;
}

.store_locator_popup {
  box-shadow: 0px 3px 38px 0px rgba(0, 0, 0, 0.2);
}

/*header css*/
.col-md-2.logo-wrap {
  flex: 0 0 17%;
  max-width: 17%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 17%;
}

.logo {
  text-align: center;
  position: relative;
  z-index: 1;
}

.logo img {
  position: absolute;
  top: 5px;
  left: 55px;
  width: 100%;
  max-width: 144px;
  max-height: 144px;
}

.head-mid .cat .dropdown-menu {
  padding-top: 30px !important;
  left: -30px !important;
  top: 58px !important;
  border: none;
  transform: translate3d(0px, 0px, 0px) !important;
  will-change: auto !important;
}

.head-mid .cat .dropdown:hover > .dropdown-menu {
  display: block;
}

.head-mid .cat {
  width: 100%;
  align-self: center;
  max-width: 240px;
}

.head-mid .cat #dropdownMenuCat {
  padding: 0 0 0 35px;
  border: none;
  min-height: 80px;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  font-size: 18px;
}

.head-mid .cat #dropdownMenuCat:before {
  position: absolute;
  top: 22px;
  left: 0;
  content: "\e826";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
}

.col-md-5.cat-search-wrap {
  flex: 0 0 46%;
  max-width: 46%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 46%;
}

.head-mid .cat li a,
.cat-left-menu ul li a {
  text-transform: inherit;
}

.head-mid.d-flex.justify-content-left {
  height: 100%;
}

.col-md-5.cat-search-wrap {
  padding-left: 8px;
}

.head-right .menu-right-section li span.icon-11-icon-question::before,
.head-right .menu-right-section li span.icon-04-icon-lang::before {
  margin-left: 0;
  margin-right: 0;
}

.searchbar {
  width: 100%;
  position: relative;
  padding: 15px 0;
  max-width: calc(70% - 4px);
}

.searchbar .desk-search label {
  display: block;
  padding: 0;
  margin: 0;
}

.searchbar button.mob_search_toggle {
  display: none;
}

.searchbar input[type="text"] {
  width: 100%;
  border: 1px solid;
  border-radius: 5px;
  min-height: 50px;
  padding: 0 55px 0 23px;
}

.ui-widget.ui-widget-content {
  max-height: 315px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 0;
  border-radius: 0 0 5px 5px;
  box-shadow: 0px 3px 38px 0px rgba(0, 0, 0, 0.2);
}

.ui-menu .ui-menu-item {
  padding: 15px 0px;
  border-bottom: 1px solid;
  padding-left: 12px;
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em !important;
  border: 0px !important;
  margin: 0 !important;
}

.searchbar button {
  position: absolute;
  right: 0;
  border: none;
  top: 10px;
  border-left: 1px solid;
  min-height: 30px;
  padding: 5px 15px;
  min-width: 35px;
  cursor: pointer;
  margin-top: 12px;
}

.col-md-5.add-cart-wrap {
  flex: 0 0 37%;
  max-width: 37%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 37%;
}

.head-right .cat .dropdown:hover > .dropdown-menu {
  display: block;
}

.head-right .address .dropdownMenuAdres {
  text-align: left;
  border: none;
  cursor: pointer;
  position: relative;
}

.head-right .address .dropdownMenuAdres::before {
  position: absolute;
  bottom: 6px;
  right: 5px;
  content: "";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-size: 8px;
}

span.icon-04-icon-lang {
  font-size: 22px;
}

span.icon-11-icon-question {
  font-size: 22px;
}

.head-right .address .dropdownMenuAdres span {
  display: block;
  position: relative;
  overflow: hidden;
  width: 175px;
  height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 20px;
}

span.icon-loading {
  display: none;
}

span.icon-loading.active {
  display: inline-block;
}

span.icon-loading-second {
  display: none;
}

span.icon-loading-second.active {
  display: inline-block;
}

.head-right .menu-right-section ul {
  margin-bottom: 0;
  padding-left: 0;
}

.head-right .menu-right-section li {
  display: inline-flex;
  padding: 0 30px;
  border-left: 1px solid;
  align-items: center;
  margin: 15px 0;
  cursor: pointer;
}

.head-right .menu-right-section li.address {
  padding-left: 0;
  margin: 0;
  border-left: none;
  position: relative;
  padding-right: 35px;
  cursor: pointer;
  display: none;
}

.head-right .menu-right-section li.address.show {
  display: flex;
}

.head-right .menu-right-section li a {
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.store_locator_popup .store_locator_foot button.dir-btn-red,
.store_locator_popup .store_locator_foot a.dir-btn-red {
  display: inline-block;
}

.head-right .menu-right-section li span {
  margin-right: 8px;
}

.head-right .menu-right-section li span.price {
  max-width: 110px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0;
}

.head-right .menu-right-section li .store_locator_box span {
  margin-right: 0;
}

.head-right .menu-right-section li .store_locator_head {
  margin-right: 0;
}

.store_locator_popup .store_locator_head span.icon-icon-close {
  float: right;
  margin: 6px 0 0 0;
  cursor: pointer;
}

.head-right .menu-right-section li span.icon-cart {
  margin-right: 0;
}

.head-right .menu-right-section li.cart-box {
  min-height: 80px;
  align-items: center;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.head-right .menu-right-section li span.cart-number {
  position: absolute;
  top: -3px;
  left: 20px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 0px 0 0 0;
  text-align: center;
  align-items: center;
  display: flex;
  line-height: normal !important;
  justify-content: center;
}

.head-right .menu-right-section li span.cart-number.cart-number-tdigit {
  font-size: 8px !important;
  width: 24px;
  height: 24px;
  top: -10px;
  left: 12px;
}

.head-right .menu-right-section li span.icon-help {
  content: "";
  height: 22px;
  width: 22px;
  background-size: 20px 20px;
}

.head-right .menu-right-section li span.icon-lan {
  content: "";
  height: 22px;
  width: 22px;
  background-size: 20px 20px;
}

.head-right .menu-right-section li.laguage-box {
  position: relative;
}

.mob-product-toggle span.icon-21-icon-filter {
  margin: 0 8px;
}

.head-right .menu-right-section li .language-popup {
  display: none;
  position: absolute;
  top: 70px;
  z-index: 1;
  left: 30px;
  right: auto;
  text-align: center;
  margin-top: 5px;
  box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.11);
  min-width: 80px;
}

.head-right .menu-right-section li .language-popup::before {
  content: "";
  position: absolute;
  top: -21px;
  border-width: 12px 9px 9px 9px;
  border-style: solid;
  left: 30px;
  z-index: -1;
}

.head-right .menu-right-section li .language-popup a {
  display: inline-block;
  width: 100%;
  z-index: 1;
  padding: 10px 0;
  border-top: 1px solid;
}

.head-right .menu-right-section li .language-popup a:nth-child(1) {
  border-top: 0px;
}

.head-right .menu-right-section li .language-popup a img {
  width: 18px;
  margin-right: 5px;
}

.head-right .menu-right-section li span.icon-cart {
  content: "";
  height: 30px;
  width: 30px;
  right: 0;
  left: auto;
  position: relative;
}

.searchbar span.icon-icon-search {
  font-size: 19px;
}

.searchbar span.icon-icon-search::before {
  margin: 0;
  line-height: 26px;
}

.head-right .menu-right-section li span.icon-cart::before {
  margin: 3px 0 0 0;
}

.head-mid .cat .dropdown-menu .cat-menu {
  background: #fff;
  border-radius: 8px;
  width: 360px;
  margin: 0;
  border: none;
  padding-top: 0;
  box-shadow: 0px 3px 38px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.head-mid .cat .dropdown-menu .cat-menu ul {
  margin: 0;
}

.head-mid .cat .dropdown .dropdown-menu .cat-menu:before {
  content: "";
  position: absolute;
  top: 9px;
  border-width: 12px 10px 10px 10px;
  border-style: solid;
  left: 30px;
}

.head-mid .cat li {
  border-bottom: 1px solid;
  list-style: none;
}

.head-mid .cat li a {
  width: 100%;
  padding: 10px 24px;
  display: flex;
  display: flex;
  align-items: center;
}

.head-mid .cat li:last-child {
  border-bottom: none;
}

.head-mid .cat li img {
  max-width: 30px;
  max-height: 22px;
  display: inline-block;
  margin-right: 22px;
  width: 30px;
}

.address-mob,
.mob-menu {
  display: none;
}

.store_locator_popup {
  display: none;
  padding: 0;
  margin-top: 10px;
  border: none;
  left: 0px;
  min-width: 390px;
  max-width: 390px;
}

.store_locator_box {
  position: relative;
  cursor: context-menu;
}

.store_locator_box img.store-close {
  float: right;
  margin: 7px -6px 0px 0px;
  cursor: pointer;
}

.dropdown-menu.store_locator_popup::before {
  content: "";
  position: absolute;
  top: -23px;
  border-width: 13px 12px 12px 12px;
  border-style: solid;
  left: 30px;
}

.store_locator_popup .store_locator_head {
  margin: 0;
  padding: 20px;
  display: block;
  position: relative;
}

.menu-right-section .loading_gif_sm {
  display: none;
  position: absolute;
  left: 53px;
  background-size: 31%;
  opacity: 1;
  background-position: 11%;
  width: 100px;
  z-index: 100;
  opacity: 0.4;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}

.store_locator_body {
  padding: 13px 20px 13px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.store_locator_popup .store_locator_body h4 {
  line-height: 24px;
  padding: 0;
  margin: 0;
}

.store_locator_popup .store_locator_body p {
  padding: 0;
  margin: 0;
}

.store_locator_popup .store_locator_foot {
  padding: 20px 8px;
}

.store_locator_popup .store_locator_foot button,
.store_locator_popup .store_locator_foot a {
  border-radius: 5px;
  border: none;
  height: 40px;
  min-width: 125px;
  padding: 0 15px;
  margin: 0 10px;
  letter-spacing: 0.5px;
  cursor: pointer;
  text-transform: uppercase;
}

.store_locator_popup .store_locator_foot button.dir-btn-red,
.store_locator_popup .store_locator_foot a.dir-btn-red {
  padding-top: 11px;
  padding-bottom: 12px;
  border: 1px solid;
}

.dir-btn-red {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.dir-btn-red::before,
.dir-btn-red::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.dir-btn-red::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.single-pro-form .quantity.buttons_added .minus,
.single-pro-form .quantity.buttons_added .plus {
  font-size: 0 !important;
  color: transparent !important;
  border: 0px !important;
  border-color: transparent !important;
  padding: 0px !important;
}

.single-pro-form .quantity.buttons_added .minus::after,
.single-pro-form .quantity.buttons_added .plus::after {
  display: none !important;
}

.dir-btn-red:hover:after {
  width: 200%;
}

div#__lpform_first_name img {
  display: none;
}

.store_locator_popup .store_locator_foot button.change-btn-grey,
.store_locator_popup .store_locator_foot a.change-btn-grey {
  border: 1px solid;
}

.store_locator_popup .store_locator_foot button.change-btn-grey {
  margin: 0 5px;
}

.store_locator_popup .store_locator_foot button.change-btn-grey {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.store_locator_popup .store_locator_foot button.change-btn-grey::before,
.store_locator_popup .store_locator_foot button.change-btn-grey::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.store_locator_popup .store_locator_foot button.change-btn-grey::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.store_locator_popup .store_locator_foot button.change-btn-grey:hover:after {
  width: 200%;
}

.search-autofill-box {
  position: absolute;
  z-index: 1;
  width: 100%;
  box-shadow: 0px 3px 38px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 5px 5px;
  margin-top: -10px;
  display: none;
}

.search-autofill-box li {
  list-style: none;
  border-bottom: 1px solid;
  padding: 15px;
}

.search-autofill-box li:last-child {
  border-bottom: none;
}

/*banner slick slider css*/
.banner {
  width: 100%;
  overflow: hidden;
  max-width: 1920px;
  margin: -1px auto 0;
}

.banner .slick-list.draggable {
  padding: 0 !important;
}

.banner-slider .slick-slide a {
  display: block;
}

.banner-slider .first-slide {
  background-color: #da2021;
  /* min-height: 300px; */
}

.banner .slide-image {
  width: 100%;
  height: 500px;
  opacity: 0.5;
  background-position: center !important;
  background-size: cover !important;
}

.banner #slide-0 .slide-image,
.banner #slide-1 .slide-image {
    opacity: 1 !important;
}

.slide-image.phone {
  display: none;
}

.banner .slide-content {
  position: absolute;
  text-align: center;
  top: 0;
  margin-top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}

.banner .slide-content h2 {
  line-height: 60px;
  display: block;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  padding-top: 35px;
}

.slide-content-inner {
  border-top: 1px solid;
  border-bottom: 1px solid;
  max-width: 836px;
}

.banner .banner-slider .slick-dots li button {
  width: 12px;
  height: 12px;
}

.banner .slide-content p {
  display: block;
  margin: 17px auto 30px;
  text-align: center;
  padding-bottom: 0;
  line-height: 46px;
}

.banner .slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.banner-slider.slick-initialized.slick-slider.slick-dotted {
  margin-bottom: 0;
}

.banner .slick-slider img {
  width: 100%;
}

.banner .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.banner .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.banner .slick-slider .slick-track,
.banner .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.banner .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.banner .slick-track:before,
.banner .slick-track:after {
  display: table;
  content: "";
}

.banner .slick-track:after {
  clear: both;
}

.banner .slick-loading .slick-track {
  visibility: hidden;
}

.banner .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  list-style: none !important;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.banner .slick-initialized .slick-slide {
  display: block;
  position: relative;
}

.banner .slick-loading .slick-slide {
  visibility: hidden;
}

div#findStorePostalCodeGroup input {
  margin: 0;
}

div#findStorePostalCodeGroup ~ .error {
  margin: 0 !important;
}

.banner .slick-vertical .slick-slide {
  display: block;
  height: auto;
}

.quantity.buttons_added.quantity-btn.uncheckQuanti .dark-icon-quantity {
  display: none;
}

.quantity.buttons_added.quantity-btn.uncheckQuanti .light-icon-quantity {
  display: block;
}

.quantity.buttons_added.quantity-btn.checkQuanti .light-icon-quantity {
  display: none;
}

.quantity.buttons_added.quantity-btn.checkQuanti .dark-icon-quantity {
  display: block;
}

.banner .slick-arrow.slick-hidden {
  display: none;
}

.banner ul.slick-dots {
  position: absolute;
  bottom: 35px;
}

.banner .slick-dots li.slick-active button:before {
  opacity: 1;
}

.banner .slick-dots li {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  padding: 0;
  cursor: pointer;
}

.banner .slick-dots li button:before {
  opacity: 1;
  width: 12px;
  height: 12px;
}

/*cat slider*/
.cat-slider {
  width: 100%;
}

.cat-slider h3 {
  margin: 0;
  padding: 8px 0 0;
  line-height: 24px;
}

.cat-slider .slick-list.draggable {
  padding: 0 !important;
}

.cat-slider .slick-arrow {
  width: 50px;
  height: 50px;
  border: 1px solid;
  z-index: 1;
  border-radius: 5px;
  top: calc(50% - 5px);
}

.cat-slider .slick-arrow.slick-next {
  right: -12px;
}

.cat-slider .slick-arrow.slick-prev {
  left: -12px;
}

.slick-prev:before {
  left: calc(50% - 4px);
  position: absolute;
  top: calc(50% - 7px);
  margin: auto;
  content: "\e809";
}

.slick-next:before {
  left: calc(50% - 4px);
  position: absolute;
  top: calc(50% - 7px);
  margin: auto;
  content: "\e806";
}

.cat-slider .slick-slide {
  display: block;
  padding: 0 10px;
  position: relative;
}

.cat-slider .slick-slide img {
  display: block;
  border-radius: 5px;
  width: 100%;
}

.cat-slider a:focus {
  outline: none;
}

.modal-content button.btn.change-btn-grey {
  display: block;
  margin: 15px auto 0;
  border: 0px;
  border: 1px solid;
  padding: 10px 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  min-height: 50px;
}

.modal-content button.btn.change-btn-grey:hover {
  border: 1px solid;
}

.product-crausol-image {
  width: 100%;
  height: calc(25vw / 2.4);
  background-size: cover !important;
  background-repeat: no-repeat;
  border-radius: 5px;
  background-position: center !important;
  -webkit-box-shadow: inset 0px -74px 24px -12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px -74px 24px -12px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px -74px 24px -12px rgba(0, 0, 0, 0.5);
}

span.category-crausol-image {
  display: block;
  width: 100%;
  height: calc(25vw / 2.4);
  background-size: cover !important;
  background-repeat: no-repeat;
  border-radius: 5px;
  background-position: center !important;
  -webkit-box-shadow: inset 0px -74px 24px -12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px -74px 24px -12px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px -74px 24px -12px rgba(0, 0, 0, 0.5);
}

.cat-slider .cat-content {
  border-bottom: 1px solid;
  padding-bottom: 20px;
  margin-bottom: 40px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 63px;
}

.menu-ins-slider .cat-slider .cat-content {
  margin-top: 50px;
}

.menu-ins-slider .cat-slider .cat-content {
  padding-bottom: 20px;
}

.cat-slides.categorie-carousel,
.row.menu-ins-slides {
  margin-left: -10px;
  margin-right: -10px;
}

.cat-slider .cat-content a {
  text-transform: uppercase;
  padding: 0px 20px;
  height: 40px;
  line-height: 12px;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  border: 1px solid;
  overflow: hidden;
}

.cat-slider .cat-content a,
.product-detail a {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.cat-slider .cat-content a::before,
.cat-slider .cat-content a::after,
.product-detail a::before,
.product-detail a::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.cat-slider .cat-content a::after,
.product-detail a::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.cat-slider .cat-content a:hover:after,
.product-detail a:hover:after {
  width: 200%;
}

.cat-slider .cat-content button {
  border: none;
  width: 105px;
  border-radius: 5px;
}

.cat-slider .slick-slide p {
  position: absolute;
  z-index: 36;
  /* text-transform: capitalize; */
  bottom: 0;
  width: 80%;
  left: 10%;
  padding: 10px 0 20px;
  overflow: hidden;
  border-top: solid 1px;
  min-height: auto;
  margin: 0;
  line-height: 24px;
}

section.menu-ins-slider.container .slick-slide p,
.inspiration-carousel p {
  text-transform: inherit;
}

/*red box*/

.red-box-logo {
  align-self: center;
  text-align: center;
}

.red-box-content {
  align-self: center;
}

.red-box-content h3 {
  text-transform: uppercase;
}

.red-box-content p {
  margin-bottom: 0;
}

.red-box-btn {
  align-self: center;
  text-align: center;
  display: flex;
  justify-content: center;
}

.red-box.brouchre-main .red-box-btn {
  flex-direction: column;
}

.red-box-btn a {
  padding: 9px 25px 8px;
  border-radius: 5px;
  min-width: 115px;
  display: inline-block;
  border: 0px solid !important;
  max-height: 40px;
  line-height: 20px;
}

.red-box.brouchre-main a {
  max-width: 170px;
  padding: 9px 5px 8px;
}

.red-box-btn a {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.red-box-btn a::before,
.red-box-btn a::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.red-box-btn a::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

/*.red-box-btn a:hover {
    border: 1px solid !important;
}*/

.red-box-btn a:hover:after {
  width: 200%;
}

.red-box {
  border-radius: 5px;
  margin: 54px 0px 80px;
  padding: 0px 0;
  min-height: 150px;
}

.red-box span.icon-09-icon-pdf {
  font-size: 66px;
}

.col-md-3.red-box-logo {
  min-width: 335px;
  margin-right: 60px;
  padding: 0;
}

.red-box.brouchre-main .col-md-3.red-box-logo {
  margin-right: 120px;
}

.col-md-6.red-box-content {
  max-width: 560px;
  padding: 0;
}

.col-md-3.red-box-btn {
  padding: 0px 0;
  max-width: 260px;
}

.red-box.brouchre-main .col-md-3.red-box-btn {
  padding: 45px 0;
  max-width: 260px;
}

.col-md-6.red-box-content p {
  max-width: 470px;
}

.red-box.brouchre-main .red-box-btn a.price-list {
  margin-top: 18px;
}

/*footer*/
.footer {
  border-top: 1px solid;
  padding: 34px 0 0;
  min-height: 90px;
  align-items: center;
}

.col-md-6.copyright {
  padding-left: 0;
}

.copyright p {
  margin: 0;
}

.privay {
  text-align: right;
  padding-right: 0;
}

.privay a {
  margin: 0;
}

.privay a:hover {
  text-decoration: underline;
}

/*product page*/
.cat-product {
  margin-top: 57px;
}

.cat-left-menu ul {
  padding: 10px 0 0 0;
}

.cat-left-menu ul li {
  list-style: none;
  border-bottom: 1px solid;
}

.cat-left-menu ul li a {
  padding: 15px 5px 15px 0px;
  display: flex;
  line-height: 25px;
}

li#menu_cat_id_4 a::before {
  content: "\e83c";
}

li#menu_cat_id_3 a::before {
  content: "\e840";
}

li#menu_cat_id_5 a::before {
  content: "\e8d1";
}

li#menu_cat_id_1 a::before {
  content: "\e8ce";
}

li#menu_cat_id_68 a::before {
  content: "\e812";
}

li#menu_cat_id_2 a::before {
  content: "";
}

li#menu_cat_id_6 a::before {
  content: "\e8d3";
}

li#menu_cat_id_8 a::before {
  content: "\e86c";
}

.desk-product-categorie {
  padding-right: 15px;
}

.cat-left-menu ul li a,
.head-mid .cat li a,
.inspiration-carousel p {
  padding-left: 0px;
  /*text-transform: lowercase;*/
}

/*html[lang=en] .cat-left-menu ul li a, html[lang=en] .head-mid .cat li a, html[lang=en] .inspiration-carousel p {
    text-transform: capitalize;
}
html[lang="en"] .breadcrumb-inner ul li.active-breadcrumb a, html[lang="en"] .breadcrumb-inner ul li a {
    text-transform: capitalize;
}
html[lang="en"] .single-pro-text h1, html[lang="en"] .pro-text-area label,  html[lang="en"] .head-right .address .dropdownMenuAdres p, html[lang="en"] .cat-right-products h1  {
    text-transform: capitalize;
}*/
.head-mid .cat li a {
  padding-left: 24px;
  padding-right: 24px;
}

.head-right .address .dropdownMenuAdres p {
  margin: 0 !important;
  display: inline !important;
  padding: 0 !important;
}

.cat-left-menu ul li a span,
.head-mid .cat li a span {
  display: block;
  padding: 0 0 0 15px;
}

.cat-left-menu ul li a::before {
  content: "";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  width: 30px;
  text-align: center;
}

.head-mid .cat li a::before {
  content: "";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  width: 30px;
  font-size: 22px;
  text-align: center;
}

.head-mid .cat li:nth-child(1) a::before,
.cat-left-menu ul li:nth-child(1) a::before {
  content: "\e865";
}

li#menu_cat_id_71 a::before {
  content: "\e805";
}

li#menu_cat_id_101 a::before {
  content: "\e82c";
  font-size: 13px;
}

li#menu_cat_id_72 a::before {
  content: "\e831";
}

li#menu_cat_id_25 a::before {
  content: "\e840";
}

li#menu_cat_id_22 a::before {
  content: "\e808";
  font-size: 15px;
}

li#menu_cat_id_103 a::before {
  content: "\e83c";
}

li#menu_cat_id_23 a::before {
  content: "\e80f";
}

li#menu_cat_id_29 a::before {
  content: "\e80e";
}

li#menu_cat_id_77 a::before {
  content: "\e813";
  font-size: 24px;
}

li#menu_cat_id_43 a::before {
  content: "\e812";
}

li#menu_cat_id_113 a::before {
  content: "\e812";
}

li#menu_cat_id_102 a::before {
  content: "\e81a";
}

li#menu_cat_id_24 a::before {
  content: "\e83a";
}

li#menu_cat_id_49 a::before {
  content: "\e81d";
  font-size: 18px;
}

li#menu_cat_id_76 a::before {
  content: "\e820";
}

.cat-left-menu ul li a img {
  margin-right: 20px;
  max-width: 28px;
  max-height: 23px;
  width: 30px;
}

/*cat-right-products*/
.cat-right-products {
  margin-bottom: 60px;
}

.product-list {
  padding-left: 10px;
  padding-right: 10px;
}

.cat-right-products h1 {
  margin: 0 0 20px;
}

.product-text h4 {
  line-height: 24px;
  margin: 0px;
}

.product-text p {
  margin: 10px 0 0 0;
  line-height: 20px;
}

.product-categorie {
  border: 1px solid;
  border-radius: 5px;
  padding: 0;
  overflow: hidden;
  margin-top: 20px;
}

.product-image {
  text-align: center;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 30px;
}

.product-text h4 a {
  display: block;
}

.added-item {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.added-item.active {
  display: flex;
}

.question-bottom-description .text-link:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.1px;
}

.product-text {
  padding: 30px 25px 0;
  border-top: 1px solid;
}

.product-detail {
  padding: 0 25px 30px;
}

.product-formats {
  display: flex;
  width: 100%;
  max-width: 100%;
  justify-content: flex-end;
  flex-direction: row;
  margin-top: 17px;
}

.product-detail .form-check-label {
  margin-bottom: 0;
  max-width: 105px;
  margin-left: 0;
  line-height: 24px;
  width: 100%;
}

.similar-products .product-detail .form-check-label {
  max-width: 60%;
}

.similar-products .product-detail .product-price {
  max-width: 40%;
}

.product-detail .form-check {
  border-top: 1px solid;
  padding-top: 10px;
  padding-bottom: 10px;
}

.product-detail .form-check:first-child {
  border: none;
}

.product-detail .form-check .form-check-label span {
  display: block;
}

.product-detail .product-price {
  max-width: 155px;
  text-align: right;
  min-width: 130px;
  letter-spacing: 0.5px;
}

.product-detail button,
.product-detail a {
  width: 100%;
  height: 50px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 10px;
}

.product-detail a {
  padding: 15px 0px;
  border-radius: 4px;
  margin-bottom: 0;
  display: block;
  margin-top: 22px;
  border: 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mob-product-categorie {
  display: none;
}

/*single product*/
.single-product {
  margin-top: 60px;
  overflow: hidden;
}

.single-pro-image {
  border: 1px solid;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  padding: 30px;
  min-height: 570px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 570px;
  height: 570px;
}

select::-ms-expand {
  display: none;
}

.single-pro-text h1 {
  margin: 0;
  line-height: 36px;
}

.single-pro-text hr {
  margin: 30px 0 35px;
}

.single-pro-text p {
  padding: 0;
  margin: 0;
}

.single-pro-form {
  padding-top: 60px;
}

.single-pro-form .form-group {
  margin-bottom: 37px;
}

.pro-text-area textarea {
  padding: 16px 20px;
  min-height: 60px;
  resize: none;
}

.single-pro-form select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 14px);
}

.single-pro-form .form-check-label {
  max-width: 255px;
  display: inline-block;
}

.single-pro-form .product-price {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  min-width: 10%;
}

.single-pro-form select.form-control {
  height: 50px;
  margin: 5px 0px 0;
  width: 100%;
  padding: 8px 20px;
  border: 1px solid;
  border-radius: 5px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

p.not-found-side-cart {
  padding-top: 15px;
  padding-left: 0;
  border-top: 1px solid;
  margin: 0 auto;
  max-width: 98%;
}

.single-pro-form .form-check-label {
  margin: 0 0px 0 10px;
  cursor: pointer;
}

.quantity {
  display: inline-block;
  float: right;
}

.single-pro-form .form-check {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.pro-text-area label {
  padding: 0 0 8px 0;
  line-height: 24px;
  margin: 12px 0 20px;
  display: block;
}

.pro-text-area button {
  border: none;
  border-radius: 5px;
  height: 50px;
  padding: 0 30px;
  text-transform: uppercase;
  margin-top: 15px;
  letter-spacing: 0.5px;
  border: 1px solid;
  margin-bottom: 15px;
}

.add-to-cart-btn {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.add-to-cart-btn::before,
.add-to-cart-btn::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.add-to-cart-btn::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.add-to-cart-btn:hover:after {
  width: 200%;
}

.single-pro-form .quantity .input-text.qty {
  padding: 0;
  margin: 0;
  text-align: center;
  border: none;
  width: 40px;
}

.single-pro-form .quantity.buttons_added {
  border-radius: 5px;
  border: 1px solid;
  padding: 12px 10px;
  right: 0;
  position: relative;
  top: -10px;
  display: flex;
}

.single-pro-form .quantity.buttons_added span.minus::after,
.quantity-btn-sidebar span.minus::after {
  font-family: "fontello";
  font-style: normal;
  font-weight: bold;
  content: "";
  font-size: 10px;
  top: 3px;
  margin: 0;
  position: absolute;
  left: 5px;
}

.single-pro-form .quantity.buttons_added span.plus::after,
.quantity-btn-sidebar span.plus::after {
  font-family: "fontello";
  font-style: normal;
  font-weight: bold;
  content: "";
  font-size: 10px;
  top: 3px;
  margin: 0;
  position: absolute;
  left: 5px;
}

.single-pro-form .quantity.buttons_added.checkQuanti span.minus::after {
  content: "-";
  line-height: 14px;
  top: -1px;
  left: 4px;
}

.single-pro-form .quantity.buttons_added.checkQuanti span.plus::after {
  content: "+";
  top: -6px;
  left: 4px;
}

@-moz-document url-prefix() {
  .single-pro-form .quantity.buttons_added.checkQuanti span.plus::after {
    top: -5px;
  }

  .form-control-outer select.form-control-select {
    margin: 0px 0 0 -4px;
  }
}

.single-pro-form .quantity.buttons_added input {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  box-shadow: none;
}

.single-pro-form .quantity.buttons_added .minus,
.single-pro-form .quantity.buttons_added .plus {
  cursor: pointer;
  text-align: center;
  width: 24px;
  padding: 0px 0px 0 0px;
  height: 24px;
  border: 2px solid;
  border-radius: 50%;
  position: relative;
}

.quantity-btn-sidebar .minus,
.quantity-btn-sidebar .plus {
  cursor: pointer;
  text-align: center;
  width: 24px;
  line-height: 0;
  padding: 7px 0px 0 0px;
  height: 24px;
  border: 2px solid;
  border-radius: 50%;
  position: relative;
}

.overlayDiv-editSec .quantity-btn-sidebar .plus::after {
  top: 10px;
  left: 5px;
}

.overlayDiv-editSec .quantity-btn-sidebar .minus::after {
  left: 5px;
  top: 10px;
}

.checkout_actions {
  right: -200%;
}

.abs_popup2.sidebar_pop_show .checkout_actions {
  right: 0;
  transition: all 0.5s ease;
}

.Safari .single-pro-form .quantity.buttons_added.checkQuanti span.minus::after {
  font-size: 26px;
  top: 1px;
  left: 2px;
}

.Safari .single-pro-form .quantity.buttons_added.checkQuanti span.plus::after {
  top: -5px;
  left: 4.5px;
}

@-moz-document url-prefix() {
  .overlayDiv-editSec .quantity-btn-sidebar .plus::after {
    left: 5px;
  }
}

.quantity-btn img {
  width: 24px;
  height: 24px;
}

.single-pro-form .quantity input::-webkit-outer-spin-button,
.single-pro-form .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

.single-pro-form .quantity.buttons_added .minus:focus,
.single-pro-form .quantity.buttons_added .plus:focus {
  outline: none;
}

.Netscape .quantity-btn img {
  width: 29px;
  height: 29px;
}

.Netscape .single-pro-form .quantity.buttons_added .minus,
.Netscape .single-pro-form .quantity.buttons_added .plus {
  width: 28px;
  height: 28px;
}

/*info product*/
.info-product {
  margin-bottom: 60px;
}

.info-product h3 {
  border-bottom: 1px solid;
  padding: 25px 0;
  margin: 0 0 55px 0;
  line-height: 24px;
}

.info-product h4 {
  border-bottom: 2px solid;
  padding: 35px 0 25px;
  text-transform: uppercase;
}

.ingredients-table tr td,
.nutritional-table tr td {
  padding: 20px 0;
}

.ingredients-table tr:first-child td,
.nutritional-table tr:first-child td {
  border-top: none;
}

.ingredients-table tr:last-child td,
.nutritional-table tr:last-child td {
  border-bottom: 1px solid;
}

.nutritional-wrap {
  position: relative;
}

.nutritional-table thead tr td:last-child,
.nutritional-table tbody tr td:last-child {
  text-align: right;
}

.nutritional-wrap span.plus-minus-icon {
  cursor: pointer;
}

.nutritional-wrap span.plus-minus-icon:before {
  right: 0;
  top: 31px;
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
}

/*similar products*/
.similar-products .product-image {
  text-align: center;
}

.similar-products .product-list {
  padding-left: 15px;
  padding-right: 15px;
}

.similar-products .product-text h4 {
  padding: 0;
  border: none;
  text-transform: none;
}

.similar-products .product-detail .form-check .form-check-label span {
  display: inline;
}

.similar-products .product-detail .form-check {
  padding-top: 20px;
  padding-bottom: 20px;
}

.similar-products .product-detail button {
  margin-top: 5px;
}

/* The container */
.outer-check {
  display: inline-block;
  position: absolute;
  padding-left: 0;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 20px;
  height: 20px;
  margin: 0;
  border-radius: 0%;
  top: 14px;
  left: 0;
}

/* Hide the browser's default checkbox */
.outer-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.outer-check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid;
  border-radius: 0px;
}

/* On mouse-over, add a grey background color */

/* When the checkbox is checked, add a blue background */
.outer-check input:checked ~ .checkmark {
  border: 1px solid;
}

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

/* Show the checkmark when checked */
.outer-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.outer-check .checkmark:after {
  left: 4px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid;
  border-width: 0px 2.5px 2.5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.single-pro-form label.outer-check {
  top: 4px;
}

.similar-products .product-detail label.outer-check {
  top: 25px;
}

/*---sidebar---checkout-popup--*/
.sidebar_pop_show .overlay-bg {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}

.abs_popup2 {
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -200%;
  z-index: 99999;
  -webkit-transition: -webkit-transform 0.5s;
  transition: all 0.5s ease;
  width: 500px;
}

.abs_popup2.sidebar_pop_show {
  right: 0;
}

.swal2-container {
  z-index: 99999;
}

.tabl_popup2 {
  display: table;
  width: 100%;
  height: 100%;
}

.cel_popup2 {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.popup_container2 {
  max-width: 500px;
  width: 100%;
  padding: 0px;
  margin: 0;
  height: 100%;
  float: right;
  position: relative;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0px 3px 38px 0px rgba(0, 0, 0, 0.11);
}

.abs_popup2 .popup_container2 {
  right: -200%;
  transition: 0.5s;
}

.sidebar_pop_show.abs_popup2 .popup_container2 {
  right: 0%;
}

.popup-body-content {
  padding: 20px 0;
}

.body-fixed-desk {
  position: fixed;
  width: 100%;
}

.main-content-cart::-webkit-scrollbar {
  display: none;
}

.main-content-cart {
  /*max-height:490px;*/
  max-height: calc(100vh - 148px);
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  padding: 15px 25px 25px;
}

button.product-remove {
  border: none;
  padding: 0 0px 0 0;
  cursor: pointer;
  width: 20px;
}

button.product-remove img {
  width: 20px;
  height: 20px;
  margin: 0 0px 0 0;
}

button.product-remove.product-edit-btn {
  position: relative;
}

button.product-remove.product-edit-btn::before {
  background-color: white;
  border: 1px solid #888;
  border-radius: 2px;
  color: #444;
  content: attr(data-title);
  display: none;
  font-family: sans-serif;
  font-size: 12px;
  padding: 2px 5px;
  position: absolute;
  top: 20px;
  left: -39px;
  width: 82px;
  z-index: 1;
}

button.product-remove.product-edit-btn:hover::before {
  display: block;
}

.loader_cart {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  top: 65px;
  left: 0;
  display: block;
}

.loader_cart::before {
  content: attr(data-text);
  position: absolute;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  top: 40%;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
}

.popup-head2 {
  text-align: left;
  margin: 0px 0;
  padding: 0 30px 0px 30px;
  position: relative;
}

.popup-close-container {
  width: 70%;
  margin: 0 auto 0px;
  position: relative;
}

.checkout_bottom.zIndex-1 {
  z-index: -1;
  opacity: 0.6;
}

a.pop_close2 {
  position: absolute;
  right: 29px;
  top: 10px;
  padding: 0px;
  cursor: pointer;
}

a.pop_close2 span.icon-03-close::before {
  margin: 0;
  font-size: 11px;
}

.main-content-cart table,
.main-content-cart table tbody {
  width: 100%;
  vertical-align: top;
  position: relative;
}

.main-content-cart table.product-data tbody tr {
  border-bottom: 1px solid;
}

.main-content-cart table.product-data tbody tr:nth-child(1) {
  border-top: 1px solid;
}

.main-content-cart table.product-data:nth-child(2) tbody tr:nth-child(1) {
  border-top: 0;
}

.product-data h5.product-head-cart-side {
  margin: 0;
}

.product-data p.product-desc-cart-side {
  margin: 3px 0 0;
}

.product-data p.product-price-cart-side {
  margin: 0;
}

.product-data td {
  padding: 15px 10px;
}

.product-data td:nth-child(1) {
  padding-left: 8px;
  padding-right: 0;
}

.product-data td:nth-child(1) {
  padding-left: 8px;
}

.product-data td:last-child {
  padding-right: 0px;
  text-align: right;
  padding-left: 0;
  padding-top: 25px;
}

.product-data td:nth-last-child(2) {
  padding-top: 25px;
  text-align: right;
  min-width: 132px;
}

.product-data td img.product-remove {
  width: 15px;
  cursor: pointer;
}

.product-data td.product-edit-section {
  position: relative;
}

.overlayDiv-editSec {
  position: absolute;
  left: -455px;
  right: -30px;
  min-height: 100%;
  top: -1px;
  padding: 16px 10px;
  box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.09);
  align-items: center;
  height: 103%;
  display: none;
}

.overlayDiv-editSec.product-edit-popup.flexDisplay {
  display: flex !important;
  display: -webkit-flex !important;
}

.overlayDiv-editSec button {
  border: 0;
  cursor: pointer;
  vertical-align: middle;
  min-height: 42px;
  margin: 0 0 0;
  padding-top: 0;
}

.overlayDiv-editSec .remove {
  float: left;
  width: 26.5%;
  text-align: center;
  cursor: pointer;
  padding-top: 4px;
  cursor: pointer;
}

.overlayDiv-editSec .remove span {
  width: 100%;
  float: left;
}

.product-remove-btn span.icon-15-icon_remove,
.overlayDiv-editSec span.icon-13-icon_close {
  margin-bottom: 5px;
}

.overlayDiv-editSec .number {
  width: 50% !important;
  margin-left: 0;
  padding-left: 20px;
  float: left;
  text-align: center;
  padding: 0 0px;
  display: inline-block;
  border: 1px solid;
  border-radius: 5px;
  margin: 0 auto;
  min-height: 50px;
}

.overlayDiv-editSec .number input {
  width: 65%;
  border: none;
  padding: 10px;
  text-align: center;
  height: 50px;
}

input.qty.masking_qty {
  text-align: center !important;
}

.overlayDiv-editSec .minus,
.overlayDiv-editSec .plus {
  display: inline-block;
  vertical-align: middle;
  margin: -4px 0 0 0;
}

.overlayDiv-editSec .closeDet {
  float: right;
  width: 23.5%;
  text-align: center;
  margin: 5px 0px 0px 0px;
  cursor: pointer;
}

.overlayDiv-editSec .closeDet span {
  float: left;
  width: 100%;
}

.product-number {
  width: 100%;
  border: 1px solid;
  border-radius: 5px;
  height: 50px;
  vertical-align: middle;
  display: block;
  margin: 10px 0 0 0;
  padding: 10px 0;
  text-align: center;
  display: none;
}

.product-number span.minus-product,
.product-number span.plus-product {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}

.product-number input {
  text-align: center;
  border: 0;
  vertical-align: middle;
  padding: 1px;
  display: inline-block;
}

table.product-detail-count tr {
  border-bottom: 1px solid;
}

table.product-detail-count td {
  text-align: right;
  padding: 10px 0px;
}

table.product-detail-count label,
table.product-detail-count span {
  display: block;
  vertical-align: top;
  margin: 0;
  padding: 5px 0;
}

.checkout_actions {
  position: fixed;
  width: 100%;
  z-index: 99;
  bottom: 0px;
  max-width: 500px;
  transition: all 0.5s ease;
}

.count-inner-head {
  width: 100px;
  float: right;
  text-align: left;
}

.checkout_actions .row {
  margin: 0;
}

.checkout_actions .total_bottom {
  text-align: left;
  height: 70px;
  width: 40%;
  max-width: 200px;
  padding: 17px 10px 16px;
  padding-left: 50px;
  border: 1px solid;
}

span.total_label {
  line-height: 14px;
  text-transform: uppercase;
  display: block;
  vertical-align: top;
  margin: 0px 0 0 0;
}

.checkout_actions .total_bottom .total_value {
  line-height: 24px;
  margin-top: 2px;
  letter-spacing: 1px;
  display: inline-block;
}

.checkout_actions .total_bottom .total_value {
  max-width: 155px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.checkout_actions .checkout_bottom {
  padding: 0;
}

.checkout_actions .checkout_bottom {
  width: 60%;
  max-width: 333px;
}

.checkout_actions a span {
  display: inline-block;
  line-height: 14px;
}

.checkout_bottom span.icon-01-cart {
  margin-right: 10px;
  font-size: 18px;
}

.checkout_actions a {
  width: 100%;
  margin: 0;
  text-align: center;
  padding: 0px 0px;
  display: block;
  height: 70px;
  vertical-align: middle;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  line-height: 18px;
  letter-spacing: 0.5px;
}

.checkout_bottom span.icon-01-cart {
  font-size: 20px;
  margin-right: 8px;
}

.checkout_bottom span.icon-02-arrow-button {
  font-size: 14px;
  margin-left: 4px;
}

.checkout_actions img.cartIcon {
  margin: 0 7px 0 0;
}

.checkout_actions a img.shapeIcon {
  width: 8px;
  height: 14px;
  margin: -1px 7px 0;
}

/*----checkout-start-here---*/
.checkout {
  min-height: 100vh;
  padding: 60px 0;
}

.checkout a {
  text-decoration: none;
}

.checkout-inner-main {
  width: 100%;
  border: 1px solid;
  border-radius: 10px;
  padding: 0;
  overflow: hidden;
  margin: 0;
}

.accordion-div.guest-checkout button {
  border-radius: 10px 10px 0 0px;
}

.accordion-div.payment-checkout button {
  border-radius: 0px 0px 10px 10px;
}

.accordion-div.payment-checkout button.accordion.active,
.accordion-div.payment-checkout button.accordion.enabled {
  border-radius: 0;
}

.accordion-div.payment-checkout .panel {
  border-radius: 0px 0px 10px 10px;
}

ul.thumb {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

div#checkout-total {
  padding-bottom: 15px;
}

ul.thumb li {
  display: inline-block;
  margin: 10px 5px;
}

ul.thumb li a img {
  border-radius: 6px;
  height: 55px;
  width: 65px;
}

ul.thumb li a {
  display: block;
}

ul.thumb li a.active img {
  border: 2px solid;
}

a:hover {
  text-decoration: none;
}

.checkout-data table {
  width: 100%;
  margin: 20px 0px 20px;
}

.checkout-data table th {
  border-top: 1px solid;
  padding: 15px 10px;
}

.checkout-data table td {
  border-top: 1px solid;
  padding: 15px 10px;
}

.checkout-data .form-control {
  display: inline-block;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 1;
  padding: 9px 10px 0 !important;
  vertical-align: top;
}

/*---Accordian--*/

button.accordion {
  cursor: pointer;
  padding: 27px 30px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-top: 1px solid;
  position: relative;
  text-transform: uppercase;
}

button.accordion .black-icon {
  display: none;
}

.accordion-div button.accordion.active .black-icon,
.accordion-div button.accordion.enabled .black-icon {
  display: block;
}

.accordion-div button.accordion.active .gray-icon,
.accordion-div button.accordion.enabled .gray-icon {
  display: none;
}

.accordion-div.guest-checkout button.accordion.active,
.accordion-div.guest-checkout button.enabled.active {
  border-top: 0;
  border-bottom: 1px solid;
}

button.accordion .left-icon {
  margin: 0;
  padding: 0 24px 0 0;
}

span.icon-payment_black.left-icon {
  padding: 0 34px 0 0;
}

button.accordion span.icon-04-icon-payment-light.left-icon {
  margin: 0 3px;
}

button.accordion .left-icon::before {
  padding: 0;
  margin: 0;
}

.accordion-div.guest-checkout button.accordion {
  border-top: 0px;
}

button.accordion img {
  margin-left: 10px;
  margin-right: 10px;
}

button.accordion.active {
  border-bottom: 1px solid;
}

button.accordion:after {
  content: "\002B";
  float: right;
  margin-left: 0px;
  position: absolute;
  right: 30px;
  top: 17px;
}

button.accordion.enabled:after {
  content: "\002B";
}

button.accordion.active:after {
  content: "\2212";
}

button.accordion.active.enabled:after {
  content: "\2212";
}

.outer-div {
  margin: 55px auto 50px;
}

.outer-div.guest {
  max-width: 820px;
  padding: 0;
}

.outer-div.deliver {
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

.outer-div.payment-info-main {
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

.payment-select-price .checkout-form {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 34% 0 17%;
}

button.accordion {
  vertical-align: middle;
  align-items: center;
  width: 100%;
  display: flex;
}

button.accordion.disabled {
  cursor: not-allowed;
}

div#checkout-schedule h3.coordonnee {
  text-transform: capitalize;
}

div#map {
  border-radius: 5px;
}

button.accordion span {
  display: inline-block;
  padding: 4px 0 0;
  line-height: 24px;
}

div.panel {
  padding: 0px 0;
  border: 0px;
  border-top: 0px;
  border-radius: 0;
  overflow: hidden;
  display: none;
}

div.panel.active {
  display: block;
}

.product-content h3 {
  margin-bottom: 10px;
}

.inner-head p {
  margin: 0 0 16px;
}

/* .inner-head .guest-desc {
    max-width: 400px;
} */

.checkout-inner-main .continue-button {
  display: inline-block;
  float: none;
  text-align: center;
  padding: 14px 20px;
  border-radius: 5px !important;
  border: 1px solid;
  text-transform: uppercase;
  margin: 25px 0 10px;
  line-height: 22px;
  max-height: 50px;
}

.continue-button {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.continue-button::before,
.continue-button::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.continue-button::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.continue-button.address-checkout-continue::after {
  left: -70%;
}

.continue-button:hover:after {
  width: 200%;
}

button.continue-button.first-step-continue {
  margin-top: 11px;
}

.payment-online-inner {
  padding: 15px;
  border-radius: 5px;
  margin: 10px 0;
}

.payment-online-inner label.radio-outer {
  margin: 0;
}

p.payment-description {
  margin: 10px 0 20px;
}

button.accordion img {
  margin-left: 0;
  margin-right: 15px;
  margin-top: 0;
  margin-bottom: 0;
  width: 32px;
  height: 32px;
}

button#payment img {
  width: 26px;
  height: 26px;
}

.outer-div .info .form-control:focus {
  outline: 1px dotted;
  box-shadow: 0 0 0 0;
  border-radius: 5px;
}

.inner-head h3 {
  margin-bottom: 20px;
}

.main-step-first h3 {
  margin-bottom: 10px;
}

.info {
  margin: 10px 0;
}

.error {
  margin-bottom: 0px;
  margin-top: 10px;
}

.picking-section.delivery-section .error {
  margin-top: 0px !important;
  margin-bottom: 10px;
  padding-top: 0;
}

.select-box-outer-main .form-control-select.error {
  padding-top: 12px !important;
}

.outer-div .info .form-control {
  height: 50px !important;
  padding: 0px 20px;
  outline: none;
  border: 1px solid;
  border-radius: 5px;
}

.outer-div .info .form-control.comment-textarea {
  margin: 10px 0;
  padding: 3px 10px;
  font-size: 14px;
}

/* The radio-outer */
.radio-outer {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 2px solid;
}

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

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

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

.form-control-outer {
  display: block;
  height: 50px;
  width: 100%;
  padding: 8px 20px;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid;
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-bottom: 15px;
  margin-top: 5px;
  position: relative;
}

.deliver .form-control-outer {
  margin-bottom: 5px;
  margin-top: 15px;
}

.form-control-outer.select-box-outer-main {
  padding-right: 15px;
}

.form-control-outer label {
  display: block;
  margin-bottom: 0;
  line-height: 14px;
  vertical-align: top;
}

.address-info-middle {
  margin: 0px 0 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid;
}

.form-control-outer label.select-label {
  display: block;
  margin-bottom: 0;
  line-height: 14px;
  vertical-align: top;
  top: 7px;
  position: absolute;
  width: 67%;
  left: 20px;
}

.form-control-outer label.select-label::after {
  content: "";
  position: absolute;
  height: 35px;
  top: 0;
  right: 0;
  width: 0.1px;
}

.Safari .form-control-outer label.select-label::after {
  width: 0.5px;
}

.form-control-outer select.form-control-select {
  border: 0px;
  width: 100%;
  padding: 0;
  text-align: left;
  margin: 0px 0 0 0px;
  padding: 12px 0 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  outline: none;
  cursor: pointer;
}

.form-control-outer input.form-control-inner {
  border: 0px;
  width: 100%;
  padding: 0px;
  outline: none;
  margin: 0px;
}

.form-control-outer select.form-control-select {
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 40px;
  overflow: hidden !important;
}

.has-search .form-control {
  padding-left: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
}

.deliver .input-group-search {
  width: 100%;
  max-width: 400px;
  border: 1px solid;
  height: 50px;
  vertical-align: middle;
  border-radius: 5px;
  position: relative;
}

.input-group-search.conf_address {
  border-color: red;
  margin-bottom: 5px;
}

p.search-desc {
  margin: 20px 0 0;
}

input.shipPostal::placeholder,
input.delPostal::placeholder,
input#shipPostal:read-only,
.delCountry:read-only {
  color: #808080 !important;
  cursor: not-allowed;
}

input.delCountry:read-only {
  cursor: not-allowed;
  color: #808080;
}

input:read-only {
  color: #808080 !important;
  cursor: not-allowed;
}

select:disabled {
  cursor: not-allowed !important;
  color: #808080 !important;
  opacity: 1;
}

.delPostal {
  cursor: not-allowed;
}

.select-box-outer-main .delPostal::placeholder,
.select-box-outer-main .delPostal {
  color: #808080 !important;
}

.input-group-search input.form-control-search {
  width: 100%;
  max-width: 350px;
  border: 0px;
  padding: 11px 10px 11px 20px;
  display: inline-block;
  border-radius: 5px;
  height: 48px;
}

.store-inner-data .input-group-search input.form-control-search {
  width: 100%;
  max-width: 92%;
  height: 48px;
  padding-right: 20px;
}

.outer-div.article-checkout-inner {
  max-width: 820px;
  width: 100%;
}

button.search-button {
  display: inline-block;
  width: 50px;
  cursor: pointer;
  vertical-align: top;
  border: 0px;
  height: 50px;
  margin: -1px;
  right: 0;
  position: absolute;
  border-radius: 0px 5px 5px 0px;
}

button.search-button img.search-icon-image {
  width: 15px;
  margin: 3px 0 0 0;
  vertical-align: top;
}

.inner-description h5.mid-head {
  margin: 5px 0px 0px;
}

.inner-description h6.small-head {
  margin: 10px 0px 16px;
}

.inner-description p.disc-head {
  margin: 0px 0px 0px;
}

.change-description a.change-data {
  display: inline-block;
  float: right;
  text-align: center;
  padding: 14px 20px;
  border-radius: 5px;
  text-transform: uppercase;
  margin: 10px 0;
  border: 1px solid;
  max-height: 50px;
  line-height: 22px;
}

.change-data,
.position-button,
.more-result-button {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.change-data::before,
.change-data::after,
.position-button::before,
.position-button::after,
.more-result-button::before,
.more-result-button::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.change-data::after,
.position-button::after,
.more-result-button::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.change-data:hover:after,
.position-button:hover:after,
.more-result-button:hover:after {
  width: 200%;
}

.position-thank-button {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.position-thank-button::before,
.position-thank-button::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.position-thank-button::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.position-thank-button:hover:after {
  width: 200%;
}

.inner-head p.cuillete-description {
  max-width: 100%;
  line-height: 24px;
}

.form-control {
  display: block;
  width: 100%;
  padding: 6px 20px;
  line-height: 1.5;
  height: 50px;
  background-clip: padding-box;
  border: 1px solid;
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.date-outer {
  display: block;
  height: 50px;
  width: 100%;
  padding: 8px 20px;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid;
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-bottom: 0px;
  margin-top: 0px;
  position: relative;
}

.date-outer span.icon-08-icon-date::before {
  margin: 0 0 0px;
}

.date-outer span.icon-08-icon-date {
  padding: 0;
  margin: 6px 0 0 0;
  position: absolute;
}

.date-outer span.icon-08-icon-date::before {
  margin: 0px 0 0px;
  position: relative;
}

@-moz-document url-prefix() {
  .date-outer span.icon-08-icon-date::before {
    margin: 0px 0 0px;
    position: relative;
    top: 0;
  }
}

.date-outer input {
  border: 0px;
  outline: none;
  margin: 0 0 0 0px;
  padding: 3px 10px 8px 26px;
  cursor: pointer;
  position: absolute;
}

.date-outer img {
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 0 0;
}

.date-outer span.input-group-append {
  display: none;
}

.gj-picker-bootstrap {
  border: 1px solid !important;
  border-radius: 5px !important;
  padding: 5px !important;
  margin-top: 10px;
  margin: 6px 0 6px -22px;
}

.date-outer .gj-datepicker.gj-datepicker-bootstrap.gj-unselectable.input-group {
  width: 95%;
  margin: -8px 0 0 0px;
  padding-left: 0;
  cursor: pointer;
  height: 48px;
  overflow: hidden;
}

.gj-picker-bootstrap div[role="navigator"] {
  text-align: center;
  margin: 15px 0;
}

.date-outer
  .gj-datepicker.gj-datepicker-bootstrap.gj-unselectable.input-group
  input#datepicker {
  cursor: pointer;
  padding-left: 28px;
}

.gj-picker-bootstrap div[role="navigator"] .gj-icon,
.gj-picker-bootstrap div[role="navigator"] .material-icons {
  margin: 3px;
}

.gj-picker-bootstrap table tr td.today div {
  border-radius: 0 !important;
  width: 25px;
  height: 25px;
  line-height: 26px !important;
}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div,
.gj-picker-bootstrap table tr td.focused div,
.gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover {
  border-radius: 0 !important;
  width: 25px;
  height: 25px;
  line-height: 26px !important;
}

.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable.positionTop::before,
.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable.positionBottom::before {
  content: "";
  position: absolute;
  top: auto;
  bottom: -7px;
  border-width: 1px 0px 0px 1px;
  border-style: solid;
  left: 30px;
  height: 12px;
  width: 12px;
  transform: rotate(225deg);
}

.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable.positionBottom::before {
  top: -7px;
  bottom: auto;
  transform: rotate(45deg);
}

.gj-picker-bootstrap table tr td div,
.gj-picker-bootstrap table tr th div {
  margin: 8px;
}

label.outer-check.shipp-addres {
  top: 7px;
  position: relative;
  margin-right: 10px;
}

.ship-add {
  margin: 0;
  padding: 0px 0 8px;
}

.row.picking-section.delivery-section .form-control-outer:nth-child(1) {
  margin-top: 5px;
}

.delivery-section .error {
  margin-top: 0px;
}

.input-group-search.conf_address #confirm_address-error {
  position: absolute;
  left: 0;
  bottom: -27px;
}

.picking-section .error {
  margin-top: 0;
}

.checkout-main-colm li.not-found-side-cart {
  list-style: none;
}

div#datepicker_selHeures {
  margin-top: 5px;
}

.simple-select select.form-control-last {
  height: 50px;
  margin: 0px 0px 0;
  width: 100%;
  padding: 8px 20px;
  border: 1px solid;
  border-radius: 5px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  padding-right: 35px;
}

.single-pro-form .quantity.buttons_added {
  cursor: not-allowed;
}

.quantity.buttons_added.quantity-btn.checkQuanti {
  cursor: pointer;
}

span.billing-check {
  display: block;
  padding: 10px 0;
}

.order-items-data ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.order-items-data ul li.row {
  border-bottom: 1px solid;
  padding: 20px 0;
}

.order-items-data ul li .left_side {
  flex: 0 0 58%;
  max-width: 58%;
  padding-right: 0;
  padding-left: 0;
}

.order-items-data ul li .left_side .img_contain {
  max-width: 65px;
  margin-right: 40px;
  width: 100%;
  float: left;
}

.order-items-data ul li .left_side .img_contain img {
  border-radius: 5px;
  width: 65px;
  padding: 5px;
  height: 65px;
  border: 1px solid;
}

.order-items-data .left_side .order_dtl {
  float: left;
  width: calc(100% - 110px);
  padding-right: 125px;
}

.order-items-data .all_tab_body .left_side_packupbtn {
  position: absolute;
  right: 6px;
  top: 0;
  width: 115px;
}

.order-items-data ul li .right_side {
  max-width: 42%;
  flex: 0 0 42%;
  padding-left: 15px;
}

.order-items-data ul li .order_items_list_box {
  padding: 0 15px;
}

.order-items-data ul li .order_items_list_box.unit_price {
  padding: 0;
}

.order-items-data ul li .order_items_list_box.sub_total {
  padding-right: 0;
}

.order-items-data h4 {
  margin-bottom: 5px;
}

.order-items-data p {
  margin-bottom: 0px;
  line-height: 24px;
}

label.radio-outer.disabledInput {
  display: none;
}

.order-items-data p.no-price-info {
  margin-top: 40px;
  margin-bottom: 5px;
}

.total_subTotal {
  margin-bottom: 0px;
}

.total_subTotal ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.total_subTotal ul li:last-child {
  padding: 25px 0px;
  border-bottom: 1px solid;
}

.total_subTotal ul li .subTotal_con {
  padding: 5px 0px;
}

.total_subTotal ul li .subTotal_con.subTotal_deliver {
  padding: 10px 0;
}

.total_subTotal ul li label {
  margin: 0px;
}

.total_subTotal ul li label.delivery-lab {
  text-transform: capitalize;
}

.total_subTotal ul li span {
  float: right;
}

.border-bottom {
  border-bottom: 1px solid !important;
}

.address-first {
  margin-top: 30px;
}

.article-checkout-inner .addres .info {
  margin: 0px 0 25px;
}

.article-checkout-inner .addres {
  border-bottom: 1px solid;
  margin-bottom: 25px;
}

div#checkout-payment-options {
  padding: 10px 0 0 0;
}

div#checkout-store-info {
  margin-bottom: 15px;
}

.article-checkout-inner a.change {
  float: right;
  text-decoration: none;
}

.article-checkout-inner a.change:hover {
  text-decoration: underline;
}

.article-checkout-inner .address-checkout-continue,
.checkout-inner-main .shipping-info-payment {
  display: inline-block;
  text-align: center;
  padding: 14px 20px;
  border-radius: 5px;
  text-transform: uppercase;
  margin: 25px 0 10px;
  float: right;
}

.article-checkout-inner .addres span.billing-check {
  display: block;
  padding: 0px 0;
}

.billing-check p {
  margin: 0;
  line-height: 24px;
  overflow-wrap: break-word;
}

.pay-head h4 {
  margin: 0px 0px 10px;
}

.pay-head img {
  margin: 15px 15px 20px 0px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid;
  height: 60px;
  width: 85px;
  object-fit: contain;
}

.pay-head .inner-card span {
  margin: 15px 0px 0px;
  padding: 0px;
  border-radius: 0px;
  border: 0px;
  height: auto;
}

.pay-head .inner-card span#sel {
  width: 100%;
  margin: 3px 0 0;
  color: red !important;
  font-size: 16px;
}

label#pincode-input-error {
  margin-top: 0;
}

.input-group:not(.has-validation)
  > .custom-file:not(:last-child)
  .custom-file-label::after,
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .form-control:not(:last-child) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.inner-card .main-card-info p input {
  width: 100%;
  text-align: center;
}

.toolltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.toolltip .tooltiiptext {
  visibility: hidden;
  width: 200px;
  background-color: #000;
  color: #fff !important;
  text-align: center;
  border-radius: 5px !important;
  padding: 5px !important;
  position: absolute;
  z-index: 1;
  right: -8px;
  bottom: 28px;
  font-size: 12px !important;
  border: 1px solid #000 !important;
}

.toolltip .tooltiiptext.lock-toll {
  width: 70px;
}

.toolltip:hover .tooltiiptext {
  visibility: visible;
}

span.tooltiiptext::before {
  content: "";
  position: absolute;
  bottom: -13px;
  border-width: 6px 6px 6px 6px;
  border-style: solid;
  right: 14px;
  background: transparent;
  border-color: transparent;
  border-top-color: #000;
}

.main-card-info .col-lg-2.col-md-2.col-sm-2 .form-control {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0;
}

#checkout-contact-details h3.coordonnee {
  margin-bottom: 10px;
}

.main-card-info .col-lg-7.col-md-7 .form-control {
  margin-top: 0;
}

label.expire-head {
  padding: 0px 0 10px;
  margin: 0;
}

.inner-card p.text-left input.security {
  text-align: left;
}

.left-right-none {
  padding: 0px !important;
  text-align: center;
}

.left-right-none label {
  display: block;
  margin: 0;
  padding: 12px 0 0;
}

.right-none {
  padding-right: 0px !important;
}

.left-none {
  padding-left: 0px !important;
}

.card {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-top: 25px;
  overflow: hidden;
  margin-left: -1px;
}

.card h6 {
  padding: 20px 30px;
  margin-bottom: 0;
  border-bottom: 1px solid;
}

.inner-card {
  padding: 30px 25px 15px;
}

.inner-card p.form-control {
  height: 50px;
  vertical-align: middle;
  margin-bottom: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 20px;
  display: flex;
}

.inner-card p.form-control.text-left.card-namee {
  padding-right: 15px;
}

.inner-card p input {
  outline: none;
  border: 0px;
}

.inner-card p input {
  width: calc(100% - 22px);
  padding: 6px 0;
}

.inner-card p img {
  margin: 0px;
}

.inner-card p input.security {
  width: calc(100% - 25px);
}

.col-lg-12.thank-inner {
  border: 0px;
  border-radius: 5px;
  margin: 60px 0;
}

.thank-inner .outer-div.thank-page-data {
  max-width: 820px;
  margin: 80px auto;
}

a.thank-home {
  display: inline-block;
  text-align: center;
  border: 1px solid;
  padding: 13px 20px;
  border-radius: 5px;
  text-transform: uppercase;
  margin: 10px 0 0;
  min-height: 50px;
  line-height: 24px;
  height: 50px;
  min-width: 230px;
}

.thankyou-buttons a.thank-print {
  display: inline-block;
  text-align: center;
  padding: 14px 20px;
  border-radius: 5px;
  text-transform: uppercase;
  margin: 10px 0 0;
  float: right;
  border: 1px solid;
}

.thank-page-data .inner-head h2 {
  margin-bottom: 12px;
}

.thank-page-data .inner-head p {
  margin: 0;
}

.thank-page-data .inner-head h3 {
  margin-bottom: 10px;
}

.thank-page-data .info {
  margin: 0px 0 30px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid;
}

.thank-page-data .inner-head .top-desc-thank {
  margin: 0 0 35px;
}

.thank-page-data .inner-head p.date-desc-thank {
  margin: 0 0 15px 0;
}

.thankyou-buttons a.thank-print {
  height: 50px;
}

.inner-card p input {
  margin: 0;
  min-height: 48px;
  padding: 0;
  line-height: 24px;
}

.inner-card .error {
  margin-top: 0;
}

.inner-head h2 {
  margin-bottom: 0px;
}

.inner-head.ordrr {
  margin: 25px 0;
  border-bottom: 1px solid;
  padding: 0 0 25px;
}

.order-info.thankyou-page-info {
  margin: 15px 0 0;
}

.order-info td p {
  margin-bottom: 0px;
}

.checkout-data input.form-control {
  padding: 0 !important;
  line-height: 10px !important;
}

.collapse {
  display: block;
}

.address-info {
  margin: 5px 0 35px;
  padding-bottom: 25px;
  border-bottom: 1px solid;
}

/*----checkout-end-here---*/
/*----breadcrumb-start-here---*/
.breadcrumb-inner {
  margin: 0;
  padding: 0;
}

.breadcrumb-inner ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0px;
  border-bottom: 1px solid;
}

.breadcrumb-inner ul li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}

.breadcrumb-inner ul li a {
  display: block;
  margin: 0px;
  padding: 18px 18px 18px 0px;
  line-height: 24px;
  position: relative;
}

.breadcrumb-inner ul li a::after {
  position: absolute;
  right: 2px;
  top: 18px;
  width: 9px;
  height: 16px;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  content: "\e82a";
}

.breadcrumb-inner ul li:last-child a::after {
  display: none;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: none;
}

.breadcrumb-inner ul li a img {
  display: block;
  margin: 8px 3px;
  width: 6px;
}

/*--title--start--here---*/
.page-main-title {
  margin: 0 0 35px 0;
  padding: 0px;
  border-bottom: 1px solid;
}

.page-main-title h1.page-title {
  line-height: 24px;
  padding: 38px 0px 20px;
  margin: 0px;
}

.page-main-content {
  margin: 0px;
  padding: 0 0 0px 0;
}

.page-main-banner {
  margin: 0px 0px;
  padding: 0px 0px 40px 0;
}

.page-main-banner img.main-image-full {
  padding: 0 0 0 0;
  margin: 0px 0 35px 0;
  border-radius: 5px;
}

.page-main-banner p {
  line-height: 24px;
  margin: 0;
}

.page-main-banner .main-image-description {
  margin: 0px 0 40px;
  padding: 0px;
  line-height: 24px;
}

.question-outer {
  border: 1px solid;
  border-radius: 5px;
  padding: 20px 30px;
  margin: 0 0 20px 0;
}

.question-outer h3.question-heading {
  vertical-align: middle;
  border-bottom: 1px solid;
  margin: 0 0 20px 0;
  padding: 0 0 18px 0;
  text-align: left;
  display: flex;
  width: 100%;
  line-height: 24px;
  align-items: center;
  justify-content: flex-start;
}

.question-heading span:nth-child(1) {
  margin-right: 8px;
  text-align: left;
  margin-left: 0;
  padding-left: 0;
}

.question-heading span:nth-child(1)::before {
  margin-left: 0;
}

.question-outer h3.question-heading img {
  width: 30px;
  height: 30px;
  margin: 0 10px 0 0;
}

ul.question-lists {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.question-lists li {
  display: block;
  margin: 0px;
  padding: 4px 0 0 20px;
  position: relative;
  line-height: 24px;
}

ul.question-lists li::before {
  position: absolute;
  left: 0;
  top: 11px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.question-bottom-description {
  margin: 15px 0 10px 0;
  padding: 0px;
}

.question-bottom-description p {
  margin: 0px 0 16px 0;
  padding: 0px;
  line-height: 24px;
}

.question-bottom-description .text-link {
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

.left-bottom-desc p {
  padding-right: 30px;
}

.right-descr {
  margin-bottom: 60px;
}

.col-md-6.col-lg-6.right-bottom-desc {
  margin-bottom: 40px;
}

.bottom-button a {
  border-radius: 5px;
  border: 1px solid;
  display: block;
  width: 130px;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 0;
  line-height: 24px;
  margin: 5px 0px 0px;
}

.map {
  padding: 0;
  margin: 30px 0;
}

.map img {
  margin: 0px;
  padding: 0px;
}

.store-inner-data .input-group-search {
  width: 100%;
  max-width: 500px;
  border: 1px solid;
  height: 50px;
  vertical-align: middle;
  border-radius: 5px;
  position: relative;
  display: inline-block;
}

.store_loc_err p.store-advise.store-require {
  margin-top: 35px;
}

.store_loc_err label#pac-input-error {
  margin: 3px 0 0 0;
}

.store_loc_error .input-group-search {
  margin: 0px 0 15px 0;
}

.store_loc_error div#findStorePostalCodeGroup ~ .error {
  margin: 4px 0 0 !important;
}

.right-position-box {
  display: inline-block;
  max-width: 300px;
  width: 100%;
}

.right-position-box span.or {
  display: inline-block;
  padding: 13px 20px 20px 17px;
  margin: 0;
}

.right-position-box a.position-button {
  border-radius: 5px;
  border: 1px solid;
  display: inline-block;
  width: 150px;
  text-align: center;
  line-height: 28px;
  text-transform: uppercase;
  padding: 11px 10px;
  height: 50px;
  margin: 0;
  vertical-align: top;
  letter-spacing: 0.5px;
}

.right-position-box a.position-button:hover {
  text-decoration: none;
}

.store-head-inner h6 {
  margin: 0px 0 20px;
  padding: 10px 0 0 0;
}

.store-inner-data p.store-advise {
  clear: both;
  width: 100%;
  display: block;
  margin: 20px 0 30px 0;
  padding: 9px 10px;
  border-radius: 5px;
}

.store-inner-data p.store-require {
  margin-top: 30px;
}

.store-inner-data p.store-require {
  margin-bottom: 26px;
}

.inner-card .input-group input.form-control {
  color: #000;
}

.result-outer {
  margin: 0;
  padding: 0;
}

.result-head {
  margin: 0;
  padding: 10px 0 0 0;
}

.result-head h3 {
  margin: 0px;
  padding: 0px;
  line-height: 24px;
}

.result-info-main-outer {
  margin: 0px 15px 0px;
  padding: 25px 0px 10px;
  border-bottom: 1px solid;
  width: 100%;
}

#store_data .row:nth-last-child(1) .result-info-main-outer {
  border-bottom: 0;
}

#store_data .col-lg-12.col-md-12 .result-info-main-outer {
  padding: 0;
  margin: 0;
}

.loading_gif {
  display: none;
  position: fixed;
  z-index: 100;
  opacity: 0.4;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}

.store-inner-data {
  margin-top: 45px;
}

.store-inner-data .inner-head h3 {
  margin-bottom: 18px;
}

.result-info h6.result-info-title {
  margin: 0;
  padding: 0;
  line-height: 24px;
}

.result-info h5.result-info-sort-desc {
  width: 100%;
  max-width: 370px;
  margin: 0;
  padding: 0px 0 10px;
  line-height: 24px;
}

.result-info p.result-distance {
  margin: 0;
  padding: 0;
}

.result-info-select a {
  width: 150px;
  text-align: center;
  display: block;
  margin: 0;
  padding: 10px 0;
  text-transform: uppercase;
  border-radius: 5px;
  line-height: 24px;
  height: 50px;
  align-items: center;
  display: flex;
  justify-content: center;
  float: right;
  margin: 20px 0 0;
  text-decoration: none;
  border: 1px solid;
}

.result-info-select a {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.result-info-select a::before,
.result-info-select a::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.result-info-select a::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.result-info-select a:hover:after {
  width: 200%;
}

.change-btn-grey {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.change-btn-grey::before,
.change-btn-grey::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.change-btn-grey::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.change-btn-grey:hover:after {
  width: 200%;
}

.more-result {
  margin: 0;
  padding: 40px 0 60px;
  text-align: center;
  border-top: 1px solid;
}

.more-result a.more-result-button {
  border: 1px solid;
  border-radius: 5px;
  width: 230px;
  height: 50px;
  margin: 0 auto;
  float: none;
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.5px;
}

html[lang="en"] .more-result a.more-result-button {
  width: 190px;
}

/*----maintanance--page---*/
.maintenance-main {
  margin: 0px;
  padding: 0px;
  display: flex;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.maintenance-main-inner {
  display: block;
  margin: 0;
  padding: 0;
}

.maintenance-main-inner p {
  line-height: 24px;
  max-width: 550px;
  width: 100%;
  margin: 0px 0 0;
  padding: 0 20px;
}

.maintenance-main-inner a {
  display: block;
}

.maintenance-main-inner a img {
  max-width: 200px;
  margin-bottom: 40px;
}

/*----category-pages----*/
.category-grid-content {
  margin: 0;
  padding: 0 0 40px 0;
}

.category-title {
  margin: 0px;
  padding: 0px;
}

.category-main-title {
  margin: 0px;
  padding: 35px 0 40px;
  text-align: center;
}

.category-main-title h1.category-title-main {
  margin: 0px;
  line-height: 48px;
  padding: 0px;
}

.category-main-title p.category-desc-main {
  line-height: 24px;
  margin: 10px 0 0 0;
  padding: 0;
}

.category-grid-inner {
  margin: 0px 0 15px;
  padding: 0px;
  position: relative;
}

div#formStoreGroup {
  height: 50px;
}

label#pac-input-error {
  margin: 0px 0 0;
  position: relative;
}

div#formStoreGroup input#pac-input {
  margin: 0;
}

.category-grid-content .grid-category-image span.pro-image {
  height: 350px;
  width: 100%;
  display: block;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border-radius: 5px;
  background-position: center !important;
  -webkit-box-shadow: inset 0px -74px 24px -12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px -74px 24px -12px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px -74px 24px -12px rgba(0, 0, 0, 0.5);
}

.grid-category-image {
  margin: 0;
  padding: 0;
  position: relative;
}

.grid-category-image img {
  border-radius: 5px;
}

.grid-category-inner-title {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0px 30px;
  max-width: 100%;
}

.grid-category-inner-title h5.category-grid-tittle {
  line-height: 24px;
  margin: 0px;
  padding: 15px 0 20px;
  border-top: 1px solid;
}

.category-grid-content .row {
  margin-left: -10px;
  margin-right: -10px;
}

.category-grid-content .col-md-8,
.category-grid-content .col-md-4 {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.result-info-sort-desc span {
  display: block;
}

/*----404--page---*/
.main-outer-404 {
  margin: 0px;
  padding: 0px;
  display: flex;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.main-inner-error {
  display: block;
  margin: 0;
  padding: 0;
}

.main-inner-error a {
  display: block;
}

.main-inner-error a img {
  max-width: 100%;
  margin-bottom: 30px;
}

.main-inner-error p {
  line-height: 24px;
  width: 100%;
  margin: 15px 0 38px;
  padding: 0 0;
}

.error-page-input-group {
  display: flex;
  margin: 0 auto;
  padding: 0;
}

.error-page-input-group form {
  max-width: 600px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid;
  padding: 10px 15px 10px 20px;
  display: flex;
  margin: 0 auto;
}

.error-page-input-group input {
  width: 95%;
  border: 0;
  padding: 0;
  height: 28px;
  margin: 0 10px 0 0;
  border-right: 1px solid;
}

.error-page-input-group button {
  border: 0px;
  box-shadow: 0 0 0;
  width: 24px;
  height: 28px;
  text-align: right;
}

button.search-button-error img.search-button-error-icon {
  width: 20px;
  height: 22px;
  margin: 0;
}

.error-page-position span.or-error {
  display: block;
  margin: 20px 0;
}

.error-page-position a.position-button {
  width: 190px;
  margin: 0 auto;
  height: 50px;
  border-radius: 40px;
  vertical-align: middle;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: 1px solid;
}

.error-page-position a.position-button:hover {
  border: 1px solid;
}

.back-home {
  width: 190px;
  margin: 0 auto;
  height: 50px;
  border-radius: 40px;
  vertical-align: middle;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: 1px solid;
}

.back-home {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.back-home::before,
.back-home::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.back-home::before,
.back-home::after {
  background: #fff;
}

.back-home::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.back-home:hover:after {
  width: 200%;
}

.save-comment {
  width: 70px;
  margin: 0 auto;
  text-transform: capitalize;
  height: 40px;
  border-radius: 4px;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: 1px solid;
}

.save-comment {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.save-comment::before,
.save-comment::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.save-comment::before,
.save-comment::after {
  background: #fff;
}

.save-comment::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.save-comment:hover::after {
  width: 200%;
}

.cancel-comment {
  width: 70px;
  margin: 0 auto;
  text-transform: capitalize;
  height: 40px;
  border-radius: 4px;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: 1px solid;
}

.cancel-comment {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.cancel-comment::before,
.cancel-comment::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.cancel-comment::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.cancel-comment:hover::after {
  width: 200%;
}

.menu-content .grid-category-inner-title h5.category-grid-tittle {
  text-transform: unset;
}

/*html[lang=en] .menu-content .grid-category-inner-title h5.category-grid-tittle, html[lang=en] .cat-slider .slick-slide p, html[lang=en] .inspiration-carousel p {
    text-transform: capitalize;
}
html[lang=en] .product-text h4 a {
    text-transform: capitalize;
}*/
li.breadcrumb-item.active-breadcrumb a {
  cursor: auto;
}

/*----popup--*/
.swal2-icon {
  width: 50px !important;
  height: 50px !important;
}

.swal2-title {
  margin: 0 !important;
}

.swal2-icon.swal2-success.swal2-icon-show {
  padding: 0 !important;
  margin: 0 0 20px;
}

.swal2-popup.swal2-modal.swal2-icon-success.swal2-show {
  padding: 40px !important;
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
  width: 30px !important;
  top: 22px !important;
  left: 10px !important;
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
  width: 30px !important;
  top: 23px !important;
  right: 10px !important;
}

.swal2-actions button {
  min-width: 100px;
  height: 50px;
  border: 1px solid !important;
  border-radius: 5px !important;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  top: 23px !important;
  left: 17px !important;
  width: 26px !important;
  background: green;
}

.swal2-icon.swal2-success .swal2-success-fix {
  width: 5px !important;
  height: 13px !important;
  left: 17px !important;
  border: 0px !important;
  top: 24px !important;
  border-radius: 4px !important;
  background: green !important;
}

span.swal2-success-line-tip {
  display: none !important;
}

.swal2-popup.swal2-modal.swal2-icon-error.swal2-show {
  padding-top: 65px !important;
  padding-bottom: 64px !important;
}

.swal2-icon.swal2-error.swal2-icon-show {
  margin-top: 0 !important;
}

.swal2-actions button {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.swal2-actions button::before,
.swal2-actions button::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.swal2-actions button::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.swal2-actions button:hover:after {
  width: 200%;
}

.swal2-icon.swal2-success .swal2-success-ring {
  border-color: green !important;
}

@media print {
  /* .after-print{
        page-break-before: always !important;
        page-break-after: always !important;
        page-break-inside: avoid !important;
    }*/
  .order-items-data ul li .order_items_list_box {
    width: 40%;
  }

  .order-items-data ul li .order_items_list_box.sub_total {
    width: 34%;
  }

  .order-items-data .order_items_list_right {
    width: 100%;
  }

  body {
    -webkit-print-color-adjust: exact;
  }

  .thankyou-buttons,
  .thankyou-buttons a,
  .footer,
  .main-head {
    display: none;
  }

  .thank-inner .outer-div.thank-page-data {
    margin: 60px auto;
  }

  .thank-page-data .info {
    margin: 0px 0 20px;
    padding: 0px 0px 5px;
  }

  .total_subTotal ul li:last-child {
    padding: 10px 0px;
  }

  .order-items-data p.no-price-info {
    margin-top: 20px;
  }
}

.hidden {
  display: none;
}

input[type="text"]::-webkit-text-decoration,
input[type="text"]::-webkit-text-cancel-button,
input[type="text"]::-webkit-text-results-button,
input[type="text"]::-webkit-text-results-decoration {
  display: none;
}

input[type="text"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/*CC*/
.quantity-btn.checkQuanti .input-text.qty.text {
  visibility: visible;
  pointer-events: none;
}

.quantity-btn.uncheckQuanti .input-text.qty.text {
  visibility: hidden;
}

/*
.quantity-btn.uncheckQuanti span {
    pointer-events: none;
}*/

.quantity-btn.checkQuanti span {
  pointer-events: cursor;
}

/*---date--picker---*/
.datepicker-dropdown {
  margin: 11px 0 11px -21px;
}

.datepicker td,
.datepicker th {
  text-align: center;
  padding: 12px 15px;
  border-radius: 0px !important;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  cursor: pointer !important;
}

.datepicker {
  padding: 10px !important;
}

.datepicker .prev {
  position: relative;
}

.datepicker .prev::after {
  content: "";
  font-size: 14px;
  font-size: 12px;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
}

.datepicker .next {
  position: relative;
}

.datepicker .next::after {
  content: "";
  font-size: 12px;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 29px !important;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 30px !important;
}

span.icon-loading-second {
  right: 26px;
  position: absolute;
  top: 12px;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  border-radius: 0;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  border-radius: 0;
}

table.table-condensed {
  width: 100%;
}

.datepicker-decades,
.datepicker-years,
.datepicker-months,
.datepicker-centuries,
.datepicker-days {
  width: 355px !important;
}

/**---payment---*/
.pay-head .inner-card span.icon-10-icon-padlock,
.pay-head .inner-card span.icon-11-icon-question {
  position: absolute;
  right: 16px;
}

.pay-head .inner-card span.icon-11-icon-question {
  position: absolute;
  right: 30px;
  top: 1px;
  cursor: pointer;
}

.inner-card div#cardNumber {
  border-radius: 5px;
}

button.btn.dir-btn-red.change-btn-grey {
  padding: 0;
  display: block;
  width: 100%;
}

div#swal2-content {
  line-height: 26px;
}

span.icon-loading img {
  margin: -3px 0 0 0;
}

.sobeys_container.container-fluid {
  max-width: 1920px;
}

/*---notify----*/

.toast {
  border-radius: 4px;
  border: 1px solid;
  position: relative;
}

.toast .notify-top-right {
  top: 20px;
  right: 35px;
}

.toast .notify-text {
  padding: 0;
  margin: 0;
}

.toast .notify-text {
  padding: 0;
  margin: 0;
  height: 100px;
  display: table;
  width: 100%;
}

.toast .notify_newDiv {
  width: 300px;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 120px;
  padding-right: 30px;
  word-wrap: break-word;
}

.toast .notify-close-btn {
  right: 10px !important;
  top: 10px !important;
}

.toast .notify-text h3 {
  display: block;
  padding: 0;
  line-height: normal;
  margin: 0;
  padding-bottom: 5px;
}

.toast .notify-text p {
  margin: 5px 0;
  margin-bottom: 0;
  padding: 0;
  line-height: 14px;
}

.toast .pop_img {
  position: absolute;
  top: 0;
  left: 0;
}

.toast span.pop_img img {
  margin-right: 12px;
}

.toast button.close {
  padding: 0;
  border: 0;
  right: 8px;
  position: absolute;
  top: 5px;
}

span.pop_img img {
  width: 100px;
  height: 100px;
}

.datepicker table tr td.new.day {
  color: #212529 !important;
}

.Netscape .col-md-6.red-box-content {
  max-width: 580px;
  padding: 0;
  min-height: 150px;
  align-items: left;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-self: stretch;
}

/*----cokieeee---*/
.cookie_policy {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 25px 10px;
  z-index: 99;
  background: #fff;
  box-shadow: 2px 0px 15px rgb(0 0 0 / 0.3);
  -webkit-box-shadow: 2px 0px 15px rgb(0 0 0 / 0.3);
  box-shadow: 2px 0px 15px #ccc;
}

.col_right {
  text-align: right;
}

.col_right a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  vertical-align: middle;
}

.cookie_policy_btn.all-cookie {
  cursor: pointer;
  text-align: center;
  margin: 0 auto;
  height: 40px;
  border-radius: 40px;
  vertical-align: middle;
  text-decoration: none;
  border: 1px solid;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  padding: 0;
  width: 80px;
  justify-content: center;
}

.cookie_policy_btn.all-cookie {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.cookie_policy_btn.all-cookie::before,
.cookie_policy_btn.all-cookie::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  top: 0 !important;
  right: 0 !important;
}

.cookie_policy_btn.all-cookie::before,
.cookie_policy_btn.all-cookie::after {
  background: #fff;
}

.cookie_policy_btn.all-cookie::after {
  height: 110%;
  left: -60%;
  top: -2px;
  bottom: -2px;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.cookie_policy_btn.all-cookie:hover:after {
  width: 200%;
}

.cookie_policy_btn.required-cookie {
  cursor: pointer;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  height: 40px;
  border-radius: 5px;
  vertical-align: middle;
  text-decoration: none;
  border: 1px solid;
  text-transform: uppercase;
  padding: 13px 15px;
  margin-right: 20px;
}

.cookie_policy.hide-cookie-popup {
  display: none;
}

button[type="submit"][disabled] {
  background: #ccc !important;
  color: #000;
  border-color: #ccc !important;
}

.first-slide .mobile {
  display: none !important;
}

.banner-slider .slick-slide .desktop a {
  background: transparent !important;
}

.banner-slider .slick-slide .desktop a .slide-image,
.banner-slider .slick-slide .mobile a .slide-image {
  opacity: 1;
}

.banner-slider .slick-slide .desktop a {
  background: #da2021 !important;
}

/*poupup code*/

.popup-postalcode {
  padding: 40px;
  width: 100%;
  max-width: 476px;
  border-radius: 8px;
}

.popup-postalcode .swal2-content {
  padding: 0;
}

/* .swal2-popup.swal2-modal.popup-postalcode .swal2-input
{
    margin:30px auto;
    padding: 0 20px;
    border:1px solid #DDDDDD;
    height:50px;
} */
.popup-postalcode .swal2-content input[type="text"] {
  margin: 0px auto;
  padding: 0 20px;
  border: 1px solid #dddddd;
  height: 50px;
  border-radius: 5px;
}

.popup-postalcode .swal2-actions button {
  min-width: 115px;
  height: 42px;
}

.popup-postalcode .swal2-actions {
  margin: 30px auto 0;
}

.popup-postalcode .swal2-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #808080;
  font-size: 16px;
  font-weight: 400;
}

.popup-postalcode .swal2-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #808080;
  font-size: 16px;
  font-weight: 400;
}

.popup-postalcode .swal2-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #808080;
  font-size: 16px;
  font-weight: 400;
}

.popup-postalcode .swal2-input:-moz-placeholder {
  /* Firefox 18- */
  color: #808080;
  font-size: 16px;
  font-weight: 400;
}

.popup-postalcode .swal2-validation-message {
  background: #faf2f2;
  color: #222222;
  font-weight: 400;
  border-radius: 5px;
  font-size: 14px;
  max-width: 476px;
  margin: 20px auto 0;
  justify-content: flex-start;
}

.popup-postalcode .swal2-validation-message::before {
  color: #da2021;
  background: none;
  border: 1px solid #da2021;
  margin: 0 10px 0px 0px;
}

.popup-postalcode .swal2-styled:focus {
  box-shadow: none;
}

.popup-postalcode .swal2-title {
  margin: 0 auto 30px !important;
}
p.product-error {
  padding-top: 10px;
  color: #da2022 !important;
}

@media screen and (max-width: 1680px) {
  .banner .slide-image {
    height: 450px;
  }
}

@media screen and (max-width: 1536px) {
  .desktop a {
    min-height: 500px;
    height: 500px;
  }

  .banner-slider .slick-slide .desktop a .slide-image {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  .banner .slide-image {
    height: 400px;
  }
}

@media screen and (max-width: 1366px) {
  .banner .slide-image {
    height: 350px;
  }
}

@media screen and (max-width: 1200px) {
  .banner .slide-image {
    height: 280px;
  }
}

@media screen and (max-width: 991px) {
  .banner .slide-image {
    height: 260px;
  }
  span.format_tax {
    font-size: 14px;
  }
}

@media screen and (max-width: 821px) {
  .banner .slide-image {
    height: 220px;
  }
}

/* 31st oct 2023*/
.inner-head .guest-desc {
  max-width: 100%;
}

.scene_empty {
  margin-top: 15px;
  display: flex;
  align-items: center;
}

.info_scene {
  position: relative;
  left: 100px;
  top: -1px;
}

@media screen and (max-width: 767px) {
  .info_scene {
    display: none;
  }

  .scene_empty {
    margin-top: 10px;
  }

  #slide-0 .slide-image,#slide-1 .slide-image {
    display: none;
  }

  #slide-0 .slide-image.phone,#slide-1 .slide-image.phone {
    display: block !important;
  }

  .banner .slide-image {
    height: 500px;
  }
}

@media screen and (max-width: 420px) {
  .popup-postalcode .swal2-title {
    font-size: 25px !important;
  }
}

@media screen and (max-width: 375px) {
  .banner .slide-image {
    height: 400px;
  }
}