body {-webkit-touch-callout: none; 
/*  font-family: 'Raleway',Arial,sans-serif;*/
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
      
    font-weight: 300;
  overflow-x: hidden;background:#fff;width: 100%;
  height: 100%;}


h1, h2, h3, h4{
  /*font-family: 'Raleway',Arial,sans-serif;*/
  /*font-family: 'Open Sans', sans-serif;*/
  /* color: rgb(0,157,180);/*color: #687f97;*/

  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #000;
}
.h5, h5 {
    font-size: 1rem;
}

.currencies {line-height: 19px; display: block;}

p, p span{font-family: "Open Sans", sans-serif !important; font-size: 18px;line-height: 32px;}

.card h2{ font-size: 1.2rem;}

section{padding-bottom: 50px;}

.type{font-size: 20px;}

#weather li:not(:first-child){background: #fff; color:#000;box-shadow: 0 0 20px rgba(0,0,0,0.05);}

/*#weather li:first-child{background: transparent;}*/

#closeMenu{cursor: pointer;}

a, .text-green{color:#222;}

a:hover{text-decoration: none;color:#2c2c42;}

/*.topBar a:not([href]):not([tabindex]){color:#fff;}*/
.topBar i{font-size: 24px}


.card{border:0; box-shadow: 0 0 20px rgba(0,0,0,0.05);border-radius: 0;overflow:hidden;}

.card-body{padding: 1rem;}

.card-body a{color:#222;}

.card-body a:hover{text-decoration: underline}

.card-title{font-weight:700;color: #2c2c42;margin-bottom: 0}


.moremenu{position: fixed;
    bottom: -100%;
    height: 96vh;
    background: #fff;
    z-index: 6;
    width: 95%;
    margin: 0 auto;
    left: 2.5%;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
  -webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out;
  }
.moremenu.opened{bottom: -20%;}

.mobile-nav {
    position: fixed;
    top: 60px;
    right: -100%;
    bottom: 0;
    /* left: 0; */
    z-index: 99;
    overflow-y: auto;
    background: #fff;
    transition: ease-in-out 0.2s;
    border-radius: 0;
    padding: 10px 0;
    width: 100%;
}
.mobile-nav.opened {
   right: 0;
}
.mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mobile-nav a {
    display: block;
    position: relative;
    color: #222;
    padding: 10px 20px;
    font-weight: 500;
    outline: none;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {background-color: #2c2c42;border-color: #2c2c42;}

.btn-primary.focus, .btn-primary:focus {box-shadow: 0 0 0 0.2rem rgba(127, 194, 65, 0.33);}

.btn.focus, .btn:focus {box-shadow: 0 0 0 0.2rem rgba(127, 194, 65, 0.33);}



::-moz-selection {color: #222;background: #f5f4ee;}

::selection {color: #222;background: #f5f4ee;}

#sharePopup{
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  background: #009db4;
  color: #fff;
  height: 120px;
  left: 0;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  padding: 30px 20px;
/*  display: flex;*/
  align-items: center;
  justify-content: center;
}
#sharePopup li{margin: 0 10px}
#sharePopup li a{color: #fff}
#sharePopup .lni{font-size: 24px}

.navbar{background-color: #2c2c42;}

.hand{cursor:pointer;}

.bg-light{background:#f5f4ee!important;}

.topBar{background:#fff; position: fixed; top:0; left:0; z-index:999; -webkit-transition: background-color 0.5s ease-out;

  -moz-transition: background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;transition: background-color 0.5s ease-out;}

.topBar.transparent{background:transparent;}

.topBarStatic.white, .topBar.white{background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.topBarStatic.white a, .topBar.white a, .topBar.white a.toggle-datasheet{color:#222;}

#inlineFormInputGroup:before{content:"**";}

.applogo{height: 30px;}

.bottomBar{background:rgba(255,255,255,0.95); position: fixed; bottom:0; left:0; z-index: 7; font-size: 24px;    border-top: 1px solid #efefef;}

.bottomCart{display:none; background:rgba(255,255,255,0.95); position: fixed; bottom:0; left:0; z-index: 3; font-size: 24px;    border-top: 1px solid #efefef;}

.cartBtn{background:#8d94ab; font-size: 0.93rem; color:#fff;border-radius: 10px;}

.topBarStatic, .topBar h1{color:#fff;}

.topBarStatic a, .topBar a{color:#fff;}

/*.topBar .toggle-datasheet{color:#fff;}*/

.toggle-datasheet{z-index: 8;position: absolute;right: 20px;top: 55px;margin: 0;}

.homeIcons{width:18%; display:inline-block;}
.homeIcons small{display: block; font-size: 50%;}

.homeIconsline{height:3px; background: rgb(0,157,180);width:17%;
  position: absolute; top:0; left:0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}

/*.active{border-top:3px solid #687f97}*/



.minicategories{height: 40px; text-align: center;}

.minicategories ul li{display: inline-block;padding:5px;margin:0 5px ; border-radius: 5px; background: #2c2c42; color: #fff;}

.card-category{display:none;}


.newsImg{background-size: cover;background-repeat: no-repeat; background-position: center;}



.menuTopBar{background: #687f97;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

    padding: 20px;

    color: #fff;

    text-align: center;}

.navbar-dark .navbar-nav .nav-link{color:#222;}

.menuLine{background: #f8f9fa; border-bottom: 1px solid #eee;}

.categories.fixed{position: fixed; top:55px; z-index: 3; background: #f7f7fa;}


#topsearch{border-top-left-radius: 50px;border-bottom-left-radius: 50px; border: 1px solid #2c2c42;font-size: 14px;}

.topSearchBar button{border: 1px solid #2c2c42; font-size: 14px; border-top-right-radius: 50px!important;border-bottom-right-radius: 50px!important;background: #fff;padding: 0px 10px; height: 35px;margin-left: -2px; border-left: 0;font-size:20px;}

.topBarLinks li{display: inline-block;padding:10px 5px;position:relative;}

.topBarLinks i{background: #fff;padding: 8px;border: 1px solid #fff;border-radius: 50%;margin-right: 5px; font-size: 16px;}

.numberCircle{display:none; position: absolute;top: -5px;left: 30px;font-size: 10px;color: #fff;background: #2c2c42;padding: 2px;text-align: center;border-radius: 15px;width: 20px;height: 20px;}



.dropdown-menu{box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; border: 1px solid rgb(208, 208, 207);width:250px;font-size: 15px;margin-top: 10px;}

.dropdown-item {white-space: normal;padding: .25rem 0.5rem;float: left;}

.dropdown-item.active, .dropdown-item:active {background-color: #2c2c42;}

.toplist-product-title{width:55%;float:left;}

.toplist-product-quantity{width:16%;float:left;padding:0 10px;}

.toplist-product-price{width:27%;}



.catCover{display:none;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.7455357142857143) 3%, rgba(255,255,255,0) 100%);height: 620px;top: 50px;left: 0;padding: 0 -15px;   z-index: 1;}



#categoryList{position:absolute;top: 0;z-index: 1; background:#fff;opacity:0; visibility:hidden; -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;box-shadow: 0 0 10px rgba(0,0,0,0.1);}

#categoryList.show{opacity:1;top: 20px;visibility:visible;width:95%;}

#categoryList li, #mainMenu li{padding:15px;}

#categoryList li i{display:none;}

#categoryList li a, #mainMenu li a{color:#555;}

#categoryList li:hover, #mainMenu li:hover{ background-color: #f8f9fa; text-decoration: none;}


#mainMenu{position:absolute;top: 0;z-index: 1; background:#fff;opacity:0; -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;box-shadow: 0 0 10px rgba(0,0,0,0.1);}

#mainMenu.show{opacity:1;top: 20px;min-height: 270px;}

#mainMenu ul{column-count: 3; display:none;}

#mainMenu ul li{padding-top: 5px;padding-bottom: 5px;}

#mainMenu ul.offers{column-count:1; }

#mainMenu ul.offers li{width: 22.6%;display: inline-block; vertical-align: top;}

#mainMenu ul.offers li .product-title{font-size: 16px; line-height: 20px;}

#mainMenu ul.offers li img{width:75%;margin: 0 auto;display: block;}

#mainMenu ul.offers li:hover{ background-color: #fff;}

#title{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
#description{margin-top: 50px;}
#description img{max-width: calc(100% + 35px)!important; margin: 0 -17px;height: auto;}

.card{background-size: cover!important; position: relative;border-radius: 0;}

.card h2, .card p {position: relative; z-index: 2;color:#222;margin:0 }

.card p {font-size: 14px; font-weight: 400;margin:0}

/*.overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(56, 48, 28, 0.4);z-index:1;}*/

.overlay{display: none;background: rgba(0,0,0,0.1); position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 4;}

.mainpageHolder{height: 420px;}

.mainpageHolder img{position: relative;bottom: -10px;}

.mainpageHolder p{height:80px; overflow:hidden;}

.search{padding-top: 90px!important;}

.offers li{display:inline-block; vertical-align: top; width:18.7%;overflow:hidden;}

.offers li img, .categories li img{height:150px;width: auto; max-width: fit-content;}



/*Product*/

/*.mainProducts, .mainBrands{background-color: #f1f0ef;}*/

.productsList li, .productsListBig li{display:inline-block; vertical-align: top; width:19%;border-radius: 10px;overflow:hidden;min-height: 425px;}

.hasSidebar li{width: 32%;}



/*.productsList li > i{position:absolute;top: 10px;right: 10px;font-size: 16px;background: #f9f9f9;padding: 10px;border-radius: 50%;color:#d6d6d6;}*/

/*.productsList li > i.active{position:absolute;top: 10px;right: 10px;font-size: 16px;background: #2c2c42;padding: 10px;border-radius: 50%;color:#fff;}*/

.addToCartBtn.active{position:absolute;top: 10px;right: 10px;font-size: 16px;background: #2c2c42;padding: 7px; text-align: center;border-radius: 50%;color:#fff; width:35px; height:35px;}

.discountLabel{top:15px; left:-5px; background:#2c2c42; width:50px;padding: 5px; color:#fff;}

.table td, .table th {padding: .8rem .5rem 0;}

.table td p, .table th p{margin-bottom: 10px}



.product-title{font-size: 16px;line-height: 21px;margin-bottom: 10px}

.product-price{font-weight: 700;font-size: 16px;margin: 10px;color: #2c2c42;}

.detailsBtn{color:#fff; background: #693229;border-color: #693229; margin-right: 5px;}

.detailsBtn:hover{color:#fff;}

.askOfferBtn{}



.btn-primary {color: #fff; background-color: rgb(0,157,180);border-color: unset;}

.btn-primary:hover {color: #fff;background-color: #2c2c42;border-color: #2c2c42;}

.text-muted img{filter:grayscale(1);opacity:0.6;}

.text-muted .lightBlue{color:#ccc;}



#searchinput{top: 5px;right: 35px;}

footer{background:#8d94ab;}

.footer-copyright{background:#222;}

.calltoAction{background:#2c2c42; background-size: cover;}

.calltoAction h3{color:#fff;}





.navbar {padding: .2rem 1rem;}

.showMoreDescription{background:#eee;position: absolute; bottom: 10px;left: calc(50% - 40px);cursor:pointer;}



.categoryTop select{font-size: 14px;}

.categoryTop p{line-height: 24px;}

.categoryTop h1{font-size: 1.5rem;}

.editProfile{display:none;}

.custom-control-input:checked~.custom-control-label::before {border-color: #2c2c42;background-color: #2c2c42;}



.form-control {

    padding: 15px;

    height: auto;

    margin:10px 0 30px;

    border:0; box-shadow: 0 0 20px rgba(0,0,0,0.07);border-radius: 10px;

}

.form-control:focus{box-shadow: 0 0 0 0.2rem rgb(104 127 151 / 19%);}

.btn-primary{text-transform: uppercase;border-radius: 10px;padding:10px; font-weight: 700}



.cartEmpty{display:none;}

.removeItem:hover{color:#f00!important;}

.btn.focus, .btn:focus {box-shadow: none;}



.company, .product{height: 100vh;}

.product .header, .company .header, .restaurant .header{background-size: cover; background-repeat:no-repeat;position: relative; }

.restaurant .header .content{position: relative; z-index: 3; color:#fff; height: 130px; width: 100%; top: 60px;}

.restaurant .header .content h2{color:#fff;position: relative;top: 50px;width: 100%}

.restaurant.fixed{position: fixed;width: 100%;z-index: 2;}



.addtoFavorites {display:none;color: #fff; position: absolute;bottom: 0;width: 100%;left: 0;}



@media screen and (max-width: 468px) {

  .topBarLinks i{margin-right: 3px; font-size: 14px;}

  .mainHero{height:100%!important;}

  .encyclopedia ul{column-count: 1;}

  .mobile-nav {
      top: 60px;
  }
}

.pages{display:none;position: absolute;top: 0;left: 0;width: 100%; background: #fff;min-height: 100vh;z-index: 4;}
.pages h2.text-uppercase{font-size: 24px;}

.status{background:#2c2c42;color:#fff;}

.animate-right {
  position: relative;
  animation: animatebottom 0.4s;
}

@keyframes animatebottom {
  from {
    right: -50%;
    opacity: 0;
  }

  to {
    right: 0;
    opacity: 1;
  }
}

.loading {
  display: none;
  position: fixed;
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255,1);
  text-align: center;
  padding-top: 200px;
}

.modal-header{
    position: fixed;
    top: 0;
    left: 0;
    height: 45px;
    z-index: 99;
    background: #fff;
    width: 100%;
    /*box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;*/
    padding: 10px;
    transition: top 0.2s ease-in-out;
    border-radius: 0;
  }
  .modal-header .close {
    padding: 0rem 1rem 0 0;
    margin: 0;
}
/*.nav-up {top: -90px;}*/
.modal-body{height: 100vh;overflow-y: auto; overflow-x: hidden;}
/*.modal-body{    margin-top: 60px;}*/
#datepicker  {
  border: none;
  background: transparent;
  text-align: right;
  cursor: pointer;
  outline: none;
}

#ui-datepicker-div{z-index: 9!important}
img { max-width: 100%; }
.td_block_template_1{display:none;}