@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

@font-face {
  font-display: swap;
}

body{background:#fff; }

a {
    color: #222;
}
a:hover, a:focus {
    color: #000;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{color:#23233f; font-weight: 700; font-family: 'Roboto Condensed', sans-serif;}
h1, .h1{text-transform: uppercase;letter-spacing: 12px;}

.trustline h6{font-size: 1.1rem; color: #12823a}

.dropdown:hover .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
}
.text-primary {
    color: #6d6e71 !important;
}
.btn-dark {
    background-color: #12823a!important;
    border-color: #12823a!important;
}

.dropdown-toggle::after{display:none;}
.navbar-light .navbar-nav .nav-link {
    font-weight: 400;
    text-transform: uppercase;
    color: #23233f;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #6d6e71;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #24382e;
}
.mainTools{font-size: 0.85rem; transition: all 0.3s; padding: 0; margin: -20px 0 0 0;}
.mainTools a{color:#000; }
.mainTools .nav-link {padding: 0.5rem 0.3rem;font-weight: 700}

.text-uppercase {
    text-transform: uppercase;
    letter-spacing: 0;
}
.dropdown-item {
    text-transform: initial;
}
.hero {
    min-height: 350px;
}

.mainbig-bg{/*background-image:url(/img/header.jpg);*/margin-right: 40px; background-position: top right; background-repeat: no-repeat; background-size: cover;
min-height: 500px;}
.mainbig-bg img{padding: 40px 0; margin-left: 40px; width: 450px}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #3b935b;
}

.categories a{position: relative; display: flex; align-items: center; justify-content: center;overflow: hidden; border-radius: 10px; }
.categories a:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(0deg, #6d6e7180, transparent); z-index: 1;transition: all 0.4s;}
.categories h2{color: #fff; position: absolute; bottom: 30px;left: 50%;transform: translate(-50%, 0);
    text-align: center;text-transform: uppercase;width: 100%; z-index: 2;}
.categories a:hover:after{background: linear-gradient(0deg, #6d6e7180, transparent); bottom: -100px; z-index: 1;}

#keyword2, #emailinput{border-radius: 25px 0 0 25px; border: 0;}
#search2, #button-addon2{border-radius: 0 25px 25px 0; border: 0;}
.mainTools a i{font-size: 22px}
.search i{font-size: 22px}
.search input{color:#000!important;}

#main-navbar li.dropdown{position:inherit;}
#main-navbar .dropdown-menu {
    /*width: 100%;*/
    left: -1px;
    top: 25px;
}
.navbar .dropdown-menu::before {
    content: '';
    display: none;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid #a10054;
    position: absolute;
    top: -0.5rem;
    left: 1rem;
}
.navbar .dropdown-menu {
    border-top: 0;
}
#main-navbar .dropdown-menu ul{
	/* column-count: 3 */
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(17, 17, 17, 0.1) !important;
}
.prodPrice{color:#a10054; font-weight: 700}

.productlist a{text-decoration: none;}

#newsletter, #clubmember{background: url(/img/newsletter-bg.webp) no-repeat; color: #fff}
#newsletter h5, #clubmember h5, #newsletter p, #clubmember p{color: #fff}
#newsletter .btn, #clubmember .btn{background: #efefef; color: #222;}

#product h1{letter-spacing: 8px;}
#popular .bg-light{ min-height: 350px;}

.productprice{font-weight: 700; font-size: 36px; color: #3b935b;}
.availability{}

a h3.featured-title{margin: 50px 0 20px 0; min-height: 70px; text-decoration: none}
.shifted a, a h3.featured-title:hover{text-decoration: none}

.featured-product{
    max-width: none;
    position: absolute;
    max-width: none;

    top: 70px;
    left: -120px;
    width: 340px;
}

.shifted{margin-left: -3rem}

#my-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
#my-image-sh img{width: 500px;}
#my-image-sh{
    position: absolute;
    z-index: 1;
    top: -60px;
    left: -60px;
}

/*.featured-product.first{
    top: -80px;
    left: -160px;
    width: 480px;
}*/
/*.featured-product.second{
    width: 360px;
    left: -120px;
    top: 40px;
}
.featured-product.third{
    width: 350px;
    left: -90px;
    top: 40px;
}*/
.featured-description{
    font-size: 12px;
}
.featured-price{font-weight: 700; font-size: 32px}
.featured-product-listitem{
  max-width: 200px;
  margin-left: -50px;
}
.list-product{
  max-width: 150px;
}
.readmoreBtn{background: #12823a url(/img/btnbg.webp); padding: 10px; margin: 10px 0; text-transform: uppercase; text-align: center; font-size: 14px; color: #fff}
a .readmoreBtn, .readmoreBtn a {color: #fff; text-decoration: none}

.minicart span{background: #f0048b;
    color: #fff;
    position: absolute;
    top: 0;
    right:0;
    font-size: 10px;
    width: 15px;
    height: 15px;
    text-align: center;
    border-radius: 50%;}

/*.btn-dark {
    color: #fff;
    background-color: #13007c;
    border-color: #13007c;

}*/
.btn-dark {
    color: #fff;
    background-color: #0072bd;
    border-color: #0072bd;
}
.btn-light {
    color: #fff;
    background-color: #6d6e71;
    border-color: #6d6e71;
}
.btn-outline-light {
    color: #fff;
    border-color: #6d6e71;
}
.bg-dark {
    background-color: #6d6e71 !important;
}
.btn-primary {
    background-color: #12823a !important;
    border-color: #12823a !important;
    border-radius: 25px;
}
.btn-secondary {
    background-color:#6d6e71 !important;
    border-color: #6d6e71 !important;
    border-radius: 25px;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #6d6e716b;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 15px;
    bottom: 25px;
    z-index: 99999;
}
.back-to-top:hover, .back-to-top:focus{text-decoration:none }
.back-to-top i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #3b935b;
    color: #fff;
    transition: all 0.4s;
}

.messenger{position: fixed;
    right: 5px;
    bottom: 70px;
    z-index: 99999;}

#account.dropdown-menu{
    width: auto;
    left: auto;
    top: 50px;
    right: 0;
}
#account.dropdown-menu::before {
    left: auto;
    right: 50px;
}

.breadcrumb-item {
    font-size: 0.85rem;
     text-transform: initial;
    letter-spacing: 0;
    font-weight: 400;
    color: #111111;
}

#brands li{display: inline-block; background:#fff; min-height:50px;padding:0 20px; margin:5px;}
#brandsList.owl-carousel .owl-stage {display: flex;align-items: center;}

.theme-line-2{width: 48px;height: 48px;float: left;margin-right: 25px;filter: invert(1);}
.product{min-height: 480px;}
.product{min-height: 400px;}
.product a{max-height: 260px; overflow: hidden;}
.product h6{height: 60px;display: block;overflow: hidden;margin-bottom: 0;}

.subMenu{padding-left: 20px;text-transform: initial; vertical-align: top;}
.main-item a{color:#000;}

.fullWidth{
/*    visibility: visible!important; opacity: 1!important;*/
    width: 83vw;
    max-width: 1110px;
    padding: 30px;
}

.showMore{background: #13007c; color:#fff;padding: 5px 20px;-webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;}
.showMore:hover{background: #000;color:#23233f; text-decoration: none;}

#nav-icon3 {
      width: 20px;
    height: 25px;
    position: relative;
    margin: 15px 5px 0 5px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span{
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 7px;
}

#nav-icon3 span:nth-child(4) {
  top: 14px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.btn-light.disabled, .btn-light:disabled {border-color: #9e9e9e;}
.labels{ width: fit-content;}
.notstock{color: #a9a9a9;}
.instock{color: #3b935b;}
/*.btn-light:hover {background-color: #c30066;border-color: #c30066;color:#fff;}*/
.btn-light:hover {background-color: #3b935b;border-color: #3b935b;color: #fff;}
.sortOrder, .nrProd{display: inline-flex;-ms-flex-align: center;align-items: center; margin-bottom: 0;}
.sortOrder label, .nrProd label{display: inline-flex;}
.nrProd select{display: flex;}
.sortOrder .custom-select{width:auto;}

.prodDescription{text-align: justify;}
.prodDescription img{max-width: 100%;}

#ageTest{position:fixed;top: 0;width:100%; height:100%;background: rgb(0 0 0 / 85%);z-index:999999;display:none;}
#window p{display:block; width:100%;margin-bottom:30px;}
.ageChkBtn{width:60%!important; display:block;}
#sorry{display:none;}
#sorry, #window{top:calc(40% - 130px);left:30%;/*background: #fff url(/media/users/17401/theme/himba/images/age-check.png) no-repeat 90% 75%;*/position:absolute;
    width:40%; height:auto;padding:10px;text-align:center;background: #fff;}
#sorry, #window {left: 30%;width: 40%;}
#sorry{padding: 100px 20px;}
#window input{width: 32%;padding: 10px;float;left;height: auto;text-align: center; font-size: 18px;border:1px solid #222;}
#window button{border-radius:0; margin:10px 0;width: 50%;border:0;padding:10px;display: inline-block;}
#window h3, #sorry h3{line-height:24px;margin:20px 0;}



.bestseller{background: #389200;color: #fff;padding: 5px 15px 5px 5px;}
.promotie{background: #23233f;color: #fff;padding: 5px 15px 5px 5px;}
.promotie:after, .bestseller:after{content:" %";}

.allbrands a.link{min-height: 155px;}
.allbrands img{max-height: 150px;padding: 20px;}
.feed ul { padding: 0; margin: 0;}
.feed ul li { list-style: none; display: inline-block; padding: 10px; font-size: 12px;}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:70px;
	right:10px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}


.easyboxes {
  display: none;
  min-height: 80px;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: justify;
  margin-top: 10px;
}
}

.easyboxes ul {
  padding: 0;
  margin: 0;
}

.easyboxes ul li {
  list-style: none;
}
.easyboxes ul li label {
  margin-left: 10px;
}
.breadcrumb-item a:hover, .breadcrumb-item a:focus {
    color: #6d6e71;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #6d6e71;
}
.badge-dark {
    color: #fff;
    background-color: #23233f;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 5px 15px;
}
footer{background-color: #24382e!important}
.rounded {
    border-radius: .5rem!important;
}
.footer-link::before {
    content: '';
}
footer h6{color: #fff}
.sidebar{text-transform: uppercase;}
.sidebar li{padding: 3.5px;}
.sidebar li a{display: block; width:100%;}
.sidebar li:hover{background: #eee;}

.mainBar{
    background-image: url(/img/header3.webp);
    /*background: linear-gradient(to right,#6d6e71 15%,#9a29a4 60%,#8d33bf 80%) !important;*/

/*    background: #FFAFBD;
    background: -webkit-linear-gradient(to right, #0072bd, #FFAFBD);
    background: linear-gradient(to right, #0072bd, #FFAFBD);

    background: #d9a7c7;
background: -webkit-linear-gradient(to left, #fffcdc, #d9a7c7);
background: linear-gradient(to left, #fffcdc, #d9a7c7);
*/
    border-bottom: 1px solid #23233f;
    color: #fff;}
.mainBar a{color: #fff}
.mainBar a:hover{color: #eee}

.club-line{background-image: url(/img/header3.jpg);
    border-bottom: 1px solid #23233f;color: #fff;
    display: flex; align-items: center;
}

.phone-link a:hover{ text-decoration:none }
.phone-link:hover{background: #fff!important}

.mainLogo{position: relative; z-index: 3}
.logoShadow{position: absolute; top: 7px; left: -24px; z-index: 1; width: 200px;
    animation: pulsate 10s infinite;}


.mainTools a {
    color: #fff;
    font-weight: 700;
}

.topBar{min-height: 90px}
.navbar {
  padding: 0 1rem;
}
.logo{height:130px;position: absolute; top: -5px;}
.btn-outline-light, .btn-dark, .btn-light{border-radius: 50px;}

.mainTools .dropdown-menu a{color:#222;}
.showmoreBtn:hover{text-decoration: none;}

.footer-link {color: #fff;}


.owl-thumb-item {
    border-radius: 20px;
}

.topFixed{
    position: fixed;
    top: -50%;
    width: 100%;
    z-index: 999;
    background: #fff;
    transition: all 0.3s;
}
.topFixed.open{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
}

.hide-bg{mix-blend-mode: multiply;}

.features li { list-style: none; display: inline-block; text-align: center; width: 30%; font-size: 12px; vertical-align: top; }
.features li i { font-size: 42px; color: #000000; background-color: #dedede; width: 100px; height: 100px; text-align: center; vertical-align: middle; line-height: 102px; margin-bottom: 20px; }
.stars ul { padding: 0; }
.stars li { list-style: none; display: inline-block; }
.removeItem { cursor: pointer; }

.upload-container{ width: 100%; margin: 0 auto; }
.upload-area{ width: 100%;height: 200px;border: 1px solid #d1d3e2; border-radius: 0.35rem; margin: 0 auto; text-align: center;overflow: auto; }
.delete:hover{ cursor: pointer; }
.upload-area h1{ text-align: center; font-weight: normal; font-family: sans-serif; line-height: 50px; color: darkslategray; }
#file{ display: none; }
.thumbnail{ height: 80px; padding: 10px; border: 1px solid #dedede; border-radius: 10px; float: left; margin: 5px;}
.imagethumbnail{ width: 80px; height: 80px; padding: 10px; border: 1px solid #dedede; border-radius: 10px; margin: 5px; text-align: center; margin-left: auto; margin-right: auto;}
.updatethumbnail{ width: 80px; height: 80px; padding: 10px; border: 1px solid #dedede; border-radius: 10px; float: left; margin: 5px; color: #dedede; font-size: 40px;}
.updatethumbnail:hover{ cursor: pointer; }
.size{ font-size:12px; }
.delete { font-size: 11px; color: #ff0000; }
.deleteimage { font-size: 11px; color: #ff0000; cursor: pointer; }
.uploadimage { width: 80px; height: 80px; padding: 10px; border: 1px solid #dedede; border-radius: 10px; margin: 5px; color: #dedede; font-size: 40px; text-align: center; margin-left: auto; margin-right: auto;}
.uploadimage:hover{ cursor: pointer; }
#image{ display: none; }
.firstimage { display: none; }


.timeline{overflow: hidden;}
.entries {
  width: calc(100% - 80px);
  max-width: 800px;
  margin: auto;
  position: relative;
  left: -5px;
  height: auto;
/*  overflow: hidden;*/
}
.entries:before {
    content: "";
    height: 200vh;
    position: absolute;
    top: 0px;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    width: 4px;
    background-color: #eee;
}
.entries .entry {
  width: calc(50% - 45px);
  float: left;
  padding: 20px;
  clear: both;
  text-align: right;
  border-radius: 10px;
  background: #f1f1f1;
}
.entries .entry:not(:first-child) {
  margin-top: -30px;
}
.entries .entry .title {
  margin-bottom: 10px;
  margin-top: 0;
  position: relative;
  color: #444;
  font-weight: 700;
  font-size: 22px;
}
.entries .entry .title .text {
  color: #444;
  font-weight: 700;
  font-size: 16px;
}
.entries .entry .title:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border: 4px solid #eee;
  background-color: #3b935b;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: -73px;
  z-index: 99;
}
.entries .entry .title.big:before {
  width: 24px;
  height: 24px;
  transform: translate(4px, -50%);
}
.entries .entry{
  color: #aaa;
}
.entries .entry .p {
  line-height: 1.4em;
}
.entries .entry:nth-child(2n) {
  text-align: left;
  float: right;
  width: calc(50% - 35px);
}
.entries .entry:nth-child(2n) .title:before {
  left: -63px;
}
.entries .entry:nth-child(2n) .title.big:before {
  transform: translate(-4px, -50%);
}


@media (max-width: 1190px) {
    .product {min-height: 400px;}
    .mobileMenu{width:100%; max-width: 320px; height:100%; top:0; left:-100%;z-index: 99;-webkit-transition: .2s ease-in-out;    box-shadow: 0 0 15px rgb(0 0 0 / 15%);}
    .menuOpen{left:0; overflow-y: auto;}
    .fullWidth{width: 80vw;padding: 20px;}
  }

@media (max-width: 1100px) {
    .fullWidth{width: 88vw;padding: 20px;}
    .hero {min-height: 310px;}
  }

@media (max-width: 991px) {
    .hero {min-height: 230px;}
    .mtopBar{z-index: 9; }
    .sidebar{display:none;}
    .nav-tabs{width: 100%; display: inline-block;}
    .topIcons i{font-size: 28px; padding: 13px 7px;}

}

@media (max-width: 768px) {
    .mainbig-bg{min-height: 500px}
    .mainbig-bg img{margin: 0; max-width: 100%; padding: 0}
    #sorry, #window {left: 10%;width: 80%;}
    .list-product {max-width: 100%;}
  /*-moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;}*/
    .hero {min-height: 180px;}
    .product{min-height: 430px;}
    .product h6 {height: 80px;}
    .theme-line-2{margin-bottom: 50px;}
    #main-navbar .dropdown-menu ul {column-count: 1;}
    .topIcons a{color:#000;}
    .sortOrder, .nrProd {display: block;}
    .h2{font-size: 1.1rem; padding: 10px 0; text-align: left!important;}
    .breadcrumb-item {font-size: 0.7rem;}
    #keyword2, #emailinput{border-radius: 25px 25px 0 0;}
    #search2, #button-addon2{border-radius: 0 0 25px 25px;padding: 15px 0}
    .featured-product-listitem {
        max-width: 100%;
        margin-left: 0;
    }
    .shifted{margin-left: 0}
    .footer-link {
    font-size: 1rem;
    line-height: 2rem;
    }

  .entries {
    width: calc(100% - 80px);
    max-width: 800px;
    margin: auto;
    position: relative;
    left: -5px;
    height: auto;
  /*  overflow: hidden;*/
  }
  .entries:before {
      content: "";
      height: 200vh;
      position: absolute;
      top: 0px;
      left: 0;
      bottom: 0px;
      transform: translateX(-50%);
      width: 4px;
      background-color: #eee;
  }
  .entries .entry {
    width: calc(100% - 45px) !important;
    float: left !important;
    margin-left: 31px;
    padding: 20px;
    clear: both;
    text-align: left !important;
  }
  .entries .entry:not(:first-child) {
    margin-top: 30px;
  }
  .entries .entry .title {
  /*  font-size: 32px;*/
    margin-bottom: 12px;
    position: relative;
    color: #444;
    font-weight: 700;
  }
  .entries .entry .title:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border: 4px solid #eee;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: -63px;
    z-index: 1000;
  }
  .entries .entry .title.big:before {
    width: 24px;
    height: 24px;
    left: -63px;
    transform: translate(0, -50%);
  }
  .entries .entry:nth-child(2n) .title.big:before {
    transform: translate(0, -50%);
  }
}

@media (max-width: 580px) {
    .product a{max-height: 360px;}
}

@media (max-width: 480px) {
    .hero {min-height: 120px;}
    .product{min-height: 370px;}
    #brands li{padding: 0;}
    .featured-product.first{
    width: 400px;
}

.logoShadow {
    top: -2px;
    left: 5px;
    width: 130px;
    animation: pulsate 5s infinite;
}

.featured-product.second{
    width: 320px;
}
.featured-product.third{
    width: 300px;
    }
}



@keyframes pulsate {
  0%   {opacity: 0;}
  25%  {opacity: 0.5;}
  50%  {opacity: 1;}
  75%  {opacity: 0;}
  100% {opacity: 0;}

}
.upsell ul { padding: 0; spacing: 0; }
.upsell ul li { list-style: none; }
.freeshipping { background-color: #12823a; color: #fff; padding: 10px; }
.emailconfirm {
  position: absolute;
  left: -9999px;
}
.ck-rounded-corners .ck.ck-balloon-panel, .ck.ck-balloon-panel.ck-rounded-corners {
  z-index: 10055 !important;
}

.ck.ck-balloon-panel {
  z-index: 1050 !important;
}