/* titillium-web-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('templates/GrowxpertSnackyChild/themes/growxpert/fonts/titillium-web-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* titillium-web-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: url('templates/GrowxpertSnackyChild/themes/growxpert/fonts/titillium-web-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* titillium-web-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    src: url('templates/GrowxpertSnackyChild/themes/growxpert/fonts/titillium-web-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* titillium-web-900 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 900;
    src: url('templates/GrowxpertSnackyChild/themes/growxpert/fonts/titillium-web-v15-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
body {
  background-color: #fff;
}
#bxt-w {
  margin: 0 auto;
  border-width: 0px;
  position: relative;
  background: #fff;
  max-width:none;
}
#bxt-w .mw-container {
  margin:auto;
}
footer .mw-container,
#bxt-w .mw-container {
  max-width:1620px;
}

h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
    font-family: Titillium Web,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    line-height: 1.1;
    color: #7bb244;
    text-transform:none;
    margin-bottom: 1.846rem;
    margin-top: 0;
    padding-bottom: .5em;
}
h1,.h1 {
  font-size: 66px;
  margin-bottom: 60px;
}

@keyframes slide-in {
  from {
    transform:translateX(110%)
  }
  to {
    transform:translateX(0)
  }
}
.choose_quantity button:hover .img-ct {
  transform:rotate(360deg);
  transition:1s ease
}
.add-pays .paypal {
  margin-top:.5rem
}
@media screen and (max-width:767px) {
  #search input {
    min-width:100%;
    padding:.5rem 3.125rem .5rem 1rem
  }
  #search form {
    max-width:none;
    width:100%
  }
  body.show-search .hdr-nav>div,
  body.show-search #logo,
  body.show-search #mob-nt,
  body.show-search #sr-tg-m .img-ct,
  #sr-tg-m .close {
    transform:scale(0);
    opacity:0;
    pointer-events:none
  }
  body.show-search #sr-tg-m .img-ct {
    display:none
  }
  body.show-search #sr-tg-m .close {
    transform:scale(1);
    opacity:1;
    width:2rem;
    position:static;
    width:100%
  }
  #search {
    display:block;
    position:absolute!important;
    margin:0;
    right:15px;
    left:calc(15px + 3rem);
    max-width:0;
    transition:.5s ease;
    width:auto;
    overflow:hidden;
    opacity:0;
    z-index:10
  }
  body.show-search .hdr-nav>li {
    pointer-events:none
  }
  body.show-search #sr-tg-m {
    left:0
  }
  .shw-sb #search {
    overflow:inherit
  }
  body.show-search #search {
    max-width:100%;
    opacity:1;
    overflow:visible
  }
}
#footer-boxes {
  padding:4.5rem 0;
  font-size:.95rem
}
#footer-boxes .panel {
  padding:0;
  background:0 0;
  box-shadow:none
}
#logo-footer img {
  max-width:10rem
}
.btn-social {
  width:2rem;
  height:2rem;
  border-radius:50%;
  margin:.4rem
}
.btn-social:hover {
  box-shadow:0 0 27px 0 rgba(0,0,0,.25)
}
.btn-social>svg {
  width:55%;
  height:55%
}
#copyright {
  padding-top:3rem;
  padding-bottom:3rem
}
#footer-boxes .col-6:empty {
  display:none
}
@media screen and (max-width:1199px) {
  #copyright {
    padding-top:2rem;
    padding-bottom:2rem
  }
  #footer-boxes {
    padding:2.5rem 0
  }
}
@media screen and (max-width:500px) {
  #footer-boxes .col-6 {
    width:100%
  }
}
.bootstrap-select {
  position:relative
}
.bootstrap-select select {
  position:absolute;
  height:0;
  width:0;
  overflow:hidden;
  opacity:0
}
.bootstrap-select>.dropdown-menu {
  position:static;
  padding:0;
  margin:0;
  border:0;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important
}
.bootstrap-select>.btn.dropdown-toggle {
  display:flex;
  border-radius:.3rem;
  font-weight:400;
  width:100%;
  text-align:left;
  padding-right:2.3rem
}
.bootstrap-select .bs-caret {
  margin-left:auto
}
.bootstrap-select li {
  cursor:pointer
}
.bootstrap-select .filter-option {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.bootstrap-select .dropdown-menu.inner {
  max-height:40vh!important;
  overflow:auto
}
.bootstrap-select .filter-option-inner-inner {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.bootstrap-select .dropdown-menu.inner {
  position:static
}
.bootstrap-select.dropup .dropdown-menu:not(.inner) {
  top:auto!important;
  transform:none!important
}
.modal[tabindex],
.reCaptchaModal {
  display:none;
  position:fixed;
  z-index:999
}
body .modal .modal-dialog {
  width:100%
}
.modal-dialog {
  align-items:center;
  justify-content:center;
  z-index:11;
  display:flex
}
.modal-dialog[style*=block] {
  display:flex!important
}
.modal-content {
  background:#fff;
  padding:0;
  border-radius:1rem;
  overflow:hidden;
  max-width:60rem;
  min-width:25rem;
  width:100%
}
.reCaptchaModal .modal-content {
  min-width:0;
  width:auto
}
.modal-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1.2rem 2rem;
  z-index:2
}
.modal-body {
  max-height:65vh;
  overflow:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  padding:2rem
}
.reCaptchaModal .modal-body {
  overflow:visible
}
.modal-footer {
  padding:0 2rem 2rem
}
.modal-dialog .modal-header .modal-title {
  margin:0;
  width:calc(100% - 3rem)
}
.modal-dialog .modal-content .modal-body .answer {
  text-align:center;
  max-width:11rem;
  margin-top:1rem
}
.modal-dialog .modal-body>*:only-child {
  margin:0
}
#main-wrapper .modal-dialog.modal-lg,
#content-wrapper .modal-dialog.modal-lg {
  width:100%
}
.modal #account .al-wp {
  display:none
}
.modal #account .col-lg-9 {
  width:100%
}
.modal #account .wl-it {
  width:33.33%
}
.modal .tmp-modal-content .panel {
  padding:0;
  background:0 0;
  box-shadow:none
}
.modal .panel {
  padding:0;
  background:0 0;
  box-shadow:none
}
.modal-header button[data-dismiss=modal] {
  transform:translateX(.3rem);
  filter:invert();
  opacity:.3;
  font-size:0
}
.modal-header button[data-dismiss=modal]:hover {
  background-color:#fff;
  opacity:.5
}
.wl-wp .caption p {
  margin:.5rem 0
}
.wl-wp .p-c textarea {
  margin-top:auto
}
.kk-popup-modal--custom-width .modal-content {
  min-width:0;
  max-width:100%
}
.kk-popup-modal--custom-width .modal-dialog {
  background:0 0
}
#login-popup .modal-content {
  max-width:25rem
}
#eFooter {
  display:none
}
@media screen and (max-width:767px) {
  .modal-dialog .modal-content {
    max-width:90vw;
    width:100%;
    min-width:0
  }
  .modal #account .row .wl-it {
    width:50%
  }
  .modal #account .wl-ac {
    flex-wrap:wrap
  }
  .modal #account .wl-ac .btn {
    width:100%;
    margin:.2rem 0;
    border-radius:.3rem;
    justify-content:center
  }
  .modal-body {
    padding:1.5rem
  }
  .modal-header {
    padding:1rem 1.5rem
  }
  .modal-footer {
    padding:0 1.5rem 1.5rem
  }
}
@media screen and (max-width:400px) {
  .modal #account .row .wl-it {
    width:100%
  }
}
.pagination {
  margin:2rem 0;
  font-weight:600
}
.pagination-group>span {
  order:1
}
.pagination .btn:not(.dropdown-toggle) {
  line-height:2rem;
  min-width:2rem;
  padding:0 .5rem;
  border-radius:5rem;
  justify-content:center
}
.cpr-f {
  flex-wrap:nowrap
}
.cpr-f>.col- {
  flex-grow:1;
  flex-basis:0;
  max-width:20rem;
  overflow:hidden
}
.cpr-f.title>.col- {
  overflow:visible;
  white-space:nowrap
}
.cpr-f.title>.col- {
  padding-bottom:.7rem;
  margin-bottom:1.5rem;
  border-bottom:1px solid #ebebeb;
}
.cpr-f.in {
  display:flex
}
.cpr-f .price-row {
  margin-bottom:.3rem
}
.cpr-f .price-row .price {
  font-size:1.5rem
}
.cpr-f .is {
  position:relative
}
.c-dp {
  display:block;
  padding:0;
  border:0
}
.c-dp>.inside {
  position:fixed;
  top:0;
  bottom:0;
  background:#fff;
  padding:2rem 0;
  transition:transform .4s ease;
  transform:translateX(110%);
  max-width:25rem;
  right:0;
  max-height:100%;
  z-index:11
}
.cart-menu.open .c-dp>.inside {
  transform:translateX(0)
}
.c-dp .items-list {
  height:100%;
  overflow:auto;
  padding-left:2rem;
  padding-right:2rem
}
.c-dp.no-items .fixed-btn-group {
  display:none
}
.c-dp .fixed-btn-group a:first-child {
  margin-bottom:.5rem
}
.c-dp .close-sidebar {
  position:fixed;
  display:flex;
  top:.5rem;
  right:.5rem;
  z-index:11
}
.cart-menu:not(.open) .close-sidebar {
  display:none
}
.sc-item .cols-img {
  width:2.5rem;
  min-width:2.5rem
}
.sc-item .cols-img .img-ct,
.sc-item .cols-img img {
  border-radius:.5rem
}
.sc-item {
  padding:.5rem 0
}
.sc-item .cols-price {
  margin-left:auto;
  white-space:nowrap
}
.sc-item .cols-name {
  margin:0 .75rem
}
.sc-item .cols-name.noimg {
  margin-left:0
}
.sc-sum {
  padding:1rem 0
}
.sc-sum>.cols-sums.sum-tt {
  font-size:1.2rem
}
.c-dp .lpa-pay-button {
  text-align:center;
  margin-top:1rem
}
.c-dp .ppc-message {
  margin-top:1rem
}
.sc-item .editpos,
.sc-item .btn {
  -webkit-appearance:inherit;
  border:0;
  padding:.5rem;
  border-radius:.3rem
}
.sc-item .editpos {
  margin-left:.5rem
}
.sc-item .icon.img-ct {
  width:.8rem
}
.sc-item .droppos {
  margin-left:auto
}
.sc-item .open .dropdown-backdrop,
.sc-item .edit-item {
  display:none
}
.sc-item .edit-item.show {
  display:flex;
  padding-top:.5rem
}
.sc-item .input-group input {
  padding:.3rem .75rem;
  font-size:.8rem;
  width:4rem;
  border-radius:.3rem 0 0 .3rem
}
.sc-item .input-group button {
  margin:0;
  width:auto;
  border-radius:0 .3rem .3rem 0;
  padding:.5rem .8rem;
  background:0 0;
  border-left:0
}
#cart-form-xs {
  display:flex;
  flex-flow:column;
  margin-bottom:0
}
#cart-form-xs .sc-item:not(.dropdown) {
  order:1
}
.c-dp .alert {
  margin:.5rem 0
}
@media screen and (max-width:767px) {
  .c-dp>.inside {
    max-width:320px;
    padding:1.25rem 0
  }
  .c-dp {
    z-index:110
  }
  .c-dp .items-list {
    padding-left:1rem;
    padding-right:1rem
  }
}
.nav-it .rating {
  width:100%
}
.ic-bd {
  width:2rem;
  height:2rem;
  border-radius:.5rem;
  padding:.4rem
}
.box .p-sl {
  padding:0
}
.box .ic-lg {
  min-width:2rem;
  border-radius:.3rem
}
.box .remove {
  padding-left:.5rem;
  opacity:.5;
  margin-left:auto
}
#sp-l .box .open>.dropdown-menu {
  padding:0;
  position:static;
  box-shadow:none;
  background:0 0;
  border:0;
  margin-top:1rem
}
.box.panel-slider .img-w:hover .img-ct {
  box-shadow:none;
  transform:none;
  border-radius:0
}
#price-slider-box:not(.noUi-target),
#price-slider-box:not(.noUi-target)+.unit {
  height:20px
}
.box .noUi-target {
  height:20px;
  border:0;
  box-shadow:none;
  margin:0 10px 4px;
  border-radius:3rem
}
html:not([dir=rtl]) .box .noUi-horizontal .noUi-origin {
  height:100%
}
html:not([dir=rtl]) .box .noUi-horizontal .noUi-handle {
  left:0;
  width:100%;
  height:20px;
  border:0;
  border-radius:50%;
  background:#fff;
  top:0;
  cursor:pointer
}
.box .noUi-handle:before,
.box .noUi-handle:after {
  display:none
}
.box .noUi-handle {
  transform:translateX(50%)
}
.box .rng {
  padding:0;
  background:0 0;
  border:0;
  font-size:.85rem
}
.box .unit {
  margin:0 4px
}
.box .unit .add {
  line-height:normal;
  padding-top:.15rem;
  white-space:nowrap
}
.box-jtl-search>hr {
  display:none
}
.box-jtl-search .fa {
  position:relative
}
.box-jtl-search .filter-item {
  display:flex;
  align-items:center;
  padding:.2rem 0
}
.box-jtl-search .d-flex {
  display:flex;
  width:100%;
  align-items:center
}
.box-jtl-search .badge {
  padding:0;
  width:auto;
  height:auto;
  background:0 0;
  line-height:normal;
  font-weight:400;
  margin-left:auto
}
.box-jtl-search .layout-slider table {
  margin:0
}
.box-jtl-search .filter-item:before,
.box-jtl-search .filter-item:after {
  display:none
}
#sp-l .box-jtl-search .panel-body {
  overflow:visible
}
#sp-l .jslider .jslider-value {
  background:0 0;
  transform:translateY(-6px)
}
#sp-l .jslider-pointer {
  border-radius:50%
}
#sp-l .jslider-bg i {
  background:#ddd
}
@media screen and (max-width:991px) {
  .box .noUi-target,
  html:not([dir=rtl]) .box .noUi-horizontal .noUi-handle {
    height:24px
  }
}
.lightbox-shown .product-gallery {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:100000;
  background:#fff;
  width:100%;
  padding:0;
  display:flex;
  max-width:none
}
.lightbox-shown .product-gallery>.row {
  position:relative;
  height:100%;
  width:100%;
  margin:0
}
.lightbox-shown #gallery-thumbs {
  max-height:100%;
  z-index:5;
  position:static;
  border:0;
  align-content:flex-start;
  height:100%;
  width:0;
  padding:0;
  cursor:pointer
}
.lightbox-shown #gallery-thumbs .img-w:before {
  content:'';
  width:calc((100% - 100vh - 10rem)/2);
  left:10rem;
  position:absolute;
  top:0;
  bottom:0
}
.lightbox-shown #gallery-thumbs .img-w.active:before,
.lightbox-shown #gallery-thumbs .img-w.active+.img-w~.img-w:before {
  display:none
}
.lightbox-shown #gallery-thumbs .img-w.active+.img-w:before {
  left:auto;
  right:0
}
.lightbox-shown #gallery {
  width:100%;
  height:100%;
  margin:auto;
  padding:2rem;
  max-width:none
}
.lightbox-shown #gallery .inner {
  display:flex;
  align-items:center;
  height:100%;
  justify-content:flex-start
}
.lightbox-shown #gallery .inner .img-ct {
  height:100%
}
.lightbox-shown #gallery .inner .img-ct:before {
  display:none
}
.lightbox-shown #gallery .inner>a {
  height:100%
}
.lightbox-shown #gallery a {
  width:100%;
  min-width:100%;
  display:block;
  transition:margin .4s ease;
  border:2rem solid transparent;
  height:auto;
  background:#fff
}
.lightbox-shown #gallery a:not(.active) {
  margin-left:-100%;
  pointer-events:none;
  opacity:0
}
.lightbox-shown #gallery a.active~a {
  margin-left:0
}
.lightbox-shown #gallery .active+a:not([href*="~"]),
.lightbox-shown #gallery .active+a:not([href*="~"])~a {
  display:none
}
.lightbox-shown #gallery-thumbs .img-w {
  position:static
}
.lightbox-shown #close-lightbox {
  position:fixed;
  top:1rem;
  right:1rem;
  z-index:11;
  width:3rem;
  height:3rem
}
.lightbox-shown #gallery-thumbs .img-w:before {
  left:0;
  width:20rem;
  background:url('/templates/Snackys/img/icons/ic-ar.svg')no-repeat left 2rem center/3rem auto
}
.lightbox-shown #gallery-thumbs .img-w.active+.img-w:before {
  left:auto;
  right:0;
  background:url('/templates/Snackys/img/icons/ic-ar-r.svg')no-repeat right 2rem center/3rem auto
}
.lightbox-shown #gallery a {
  cursor:zoom-out
}
.lightbox-shown #gallery .zoomImg {
  display:none!important
}
@media screen and (max-width:1599px) {
  .lightbox-shown #gallery-thumbs .img-w:before,
  .lightbox-shown #gallery-thumbs .img-w.active+.img-w:before {
    background-size:2.5rem auto;
    background-position:left 1.5rem center
  }
  .lightbox-shown #gallery-thumbs .img-w.active+.img-w:before {
    background-position:right 1.5rem center
  }
  .lightbox-shown #close-lightbox {
    width:2.5rem;
    height:2.5rem
  }
}
@media screen and (max-width:1199px) {
  .lightbox-shown #gallery-thumbs .img-w:before,
  .lightbox-shown #gallery-thumbs .img-w.active+.img-w:before {
    background-size:2rem auto;
    background-position:left 1rem center
  }
  .lightbox-shown #gallery-thumbs .img-w.active+.img-w:before {
    background-position:right 1rem center
  }
}
@media screen and (max-width:499px) {
  .lightbox-shown #gallery-thumbs .img-w:before,
  .lightbox-shown #gallery-thumbs .img-w.active+.img-w:before {
    background-size:1.5rem auto;
    background-position:left .5rem center
  }
  .lightbox-shown #gallery-thumbs .img-w.active+.img-w:before {
    background-position:right .5rem center
  }
}
.slick-lightbox {
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  width:100%;
  height:100%;
  background:#000;
  -webkit-transition:opacity .5s ease;
  transition:opacity .5s ease
}
.slick-lightbox .slick-loading .slick-list {
  background-color:transparent
}
.slick-lightbox .slick-prev {
  left:15px
}
.slick-lightbox .slick-next {
  right:15px
}
.slick-lightbox-hide {
  opacity:0
}
.slick-lightbox-hide.slick-lightbox-ie {
  -ms-filter:"alpha(opacity=0)";
  filter:alpha(opacity=0)
}
.slick-lightbox-hide-init {
  position:absolute;
  top:-9999px;
  opacity:0
}
.slick-lightbox-hide-init.slick-lightbox-ie {
  -ms-filter:"alpha(opacity=0)";
  filter:alpha(opacity=0)
}
.slick-lightbox-inner {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.slick-lightbox-slick-item {
  text-align:center;
  overflow:hidden
}
.slick-lightbox-slick-item:before {
  content:'';
  display:inline-block;
  height:100%;
  vertical-align:middle;
  margin-right:-.25em
}
.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  position:absolute;
  bottom:0;
  left:0;
  text-align:center;
  width:100%;
  margin-bottom:20px
}
.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  display:block;
  text-align:center
}
.slick-lightbox-slick-item-inner {
  display:inline-block;
  vertical-align:middle;
  max-width:90%;
  max-height:90%
}
.slick-lightbox-slick-img {
  margin:0 auto;
  display:block;
  max-width:90%;
  max-height:90%
}
.slick-lightbox-slick-caption {
  margin:10px 0 0;
  color:#fff
}
.slick-lightbox-close {
  position:absolute;
  top:15px;
  right:15px;
  display:block;
  height:20px;
  width:20px;
  line-height:0;
  font-size:0;
  cursor:pointer;
  background:0 0;
  color:transparent;
  padding:0;
  border:none
}
.slick-lightbox-close:focus {
  outline:none
}
.slick-lightbox-close:before {
  font-family:slick;
  font-size:20px;
  line-height:1;
  color:#fff;
  opacity:.85;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:'×'
}


/* main navigation */


.frontpage-info-text h2 {
  font-size: 16px;
  text-transform: none;
  margin-bottom: .75rem;
}
@media screen and (min-width: 768px) {
  #shop-nav > .mw-container > div {
    order:3;
  }
  body #shop-nav #logo {
      height: 90px;
      order:1;
  }
  #shop-nav > .mw-container #search {
    order:2;
  }
  #logo a {
    text-align: left;
  }
  #logo img {
    max-height: 130px;
    width:auto;
  }
  body #shop-nav #search.header-shop-menu {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  #cat-w .mm-mainlink {
    padding: 1rem;
    font-weight: 600;
  }
}

.nivoSlider {border-radius: 0!important}
.nivo-caption {display: none!important}

/* user icons margin */
.dpflex-j-e, .dpflex-j-end > * {
    margin-left: 1.5rem!important;
}

/* footer */
#footer {
  font-size: 1rem;
  background-color: #2f2f2f;
  color: #fff;
}
#footer strong {color: #fff!important}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer .h1,
#footer .h2,
#footer .h3,
#footer .h4,
#footer .h5,
#footer .h6 {color: #fff!important;font-weight: normal}

#footer .h5,
#footer h5 {font-size: 1rem;}

#footer a,
#footer a:hover,
#footer a:focus,
#footer a:active {
  color: #7bb244;
}


.sticky-top {
  position: sticky;
}
#shop-nav {
  z-index: 37;
}

.p-sl {
  pointer-events: all;
}


/**** custom from here ****/


@media screen and (min-width:992px) {
  #product-offer h1.product-title {
    font-size:calc(100vw / 42);
    text-align: left;
  }
}
@media screen and (min-width:1599px) {
  #product-offer h1.product-title {
    font-size:38px;
  }
}
#cat-w {
  z-index: 38;
}
/* product detail */
.ov-t.ov-t-7, .ov-t.ov-t-2, .ov-t.ov-t-sp {
  background:#c70d00;
}
#result-wrapper .delivery-status {
  background:#ddd;
  color:#fff;
  padding:0;
  margin:0;
}

#result-wrapper .delivery-status .mt-xxs {
  margin-top:0;
}

#result-wrapper .delivery-status .status {
  text-align: center;
  font-weight:bold;
  margin:0;
  text-transform: uppercase;
  font-size:16px;
  padding:.5rem;
  display:block;
}
#result-wrapper .delivery-status .status.status-0 {
  background:#2f2f2f;
  color:#c70d00;
}

#result-wrapper .delivery-status .status.status-1 {
  background:#2f2f2f;
  color:#ffc041;
}

#result-wrapper .delivery-status .status.status-2 {
  background:#2f2f2f;
  color:#7bb244;
}

#result-wrapper .delivery-status .alert-info {
  border-radius: 0px;
  background:transparent;
  padding:.5rem;
  margin:0!important;
}

@media screen and (min-width:767px) {
  .row.product-primary {
    justify-content: space-between;
  }
  .sticky-top.is-detail {
    top:150px;
    background-color: #fff;
    z-index: 23;
  }
  .is-detail h1.h2 {
    text-align: left;
  }
  .info-essential {
    position:sticky;
    top:100px;
  }
}

.bootstrap-select .form-control {
  opacity: 0;
  position: absolute;
  width:0px;
  height:0px;
}

.bootstrap-select > .btn.dropdown-toggle {
  min-width: 100px;
}
.product-actions .btn {
  background:#fff;
  margin:0 0 0 10px!important;
}
.info-essential ul {
  padding-top:3px;
}
.info-essential ul li {
  font-size:12px;
}
.dropdown-menu > li > a {
  cursor: pointer;
}

.var-body .dropdown-menu {
  top:0;
  overflow: scroll!important;
}

h1#opc-sidebar-title {
  position:static;
}
h1#opc-sidebar-title:before,
h1#opc-sidebar-title:after {
  display:none;
}

/* startseite */
body[data-page="18"] {
  overflow-x:hidden;
  
}
body[data-page="18"] #content h1 {
  text-align: center;
  margin:0rem auto 1rem ;
  padding:1rem 0;
  font-size:33px;
  color:#fff;
  background-color: #7bb244;
  position: relative;
}

@media screen and (min-width:992px) {
  body[data-page="18"] #content h1 {
    font-size:66px;
    margin:4rem auto;
    padding:4rem 0;
  }
}

body[data-page="18"] #content h1:before,
body[data-page="18"] #content h1:after {
  content:"";
  background-color: #7bb244;
  height:100%;
  top:0;
  position: absolute;
  width:calc((100vw - 100%) / 2);
}
body[data-page="18"] #content h1:before {
  left:calc(((100vw - 100%) / 2) * -1);
}

body[data-page="18"] #content h1:after {
  right:calc(((100vw - 100%) / 2) * -1);
}

.grow-grid > .col {
  margin-bottom:2rem;
}

.grow-grid .banner {
  height:100%;
}

.grow-grid .banner img,
.grow-grid .banner img.img-fluid {
  object-fit: cover;
  max-height:100%!important;
  height:100%!important;
}

.grow-grid .banner .area {
  border:0px!important; 
}

.grow-grid .banner .area-desc {
  display:none!important;
}

.grid-head {
  position:absolute;
  left:0;
  width:100%;
  text-align: center;
  background:rgba(0,0,0,0.5);
  color:#fff;
  top:50%;
  padding:1rem 0;
  margin:0;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
}

.grid-head.show {
  opacity: 1;
}

@media screen and (max-width:1081px) {
  .grow-grid .banner img, .grow-grid .banner img.img-fluid {
    width:100%!important;
  }
}

@media screen and (max-width:767px) {
  .grid-head {
    top:auto;
    bottom:0;
  }
  [data-area-id="col-2"] .grid-head,
  [data-area-id="col-3"] .grid-head {
    font-size:12px;
  }
}

#product-offer h1.product-title {
  color:#7bb244;
  font-size:33px;
  margin:1rem 0;
}

#top-bar-wrapper,
#top-bar {
  background:#2f2f2f;
  color:#fff; 
}
.pl-heading {
  background:rgba(0,0,0,0.05);
  color:#2f2f2f;
}
#top-bar i,
#top-bar a i,
#top-bar a:hover,
.pl-heading .title {
  color:#7bb244;
}

#top-bar a {
  text-transform: uppercase;
  color:#fff;
}


.pl-heading .row-multi {
  background:transparent;
  justify-content: center;
}

.pl-heading .row-multi .thumbnail {
  background:#fff;
  color:#fff;
  box-shadow:0px 0px 20px rgba(0,0,0,0.1);
  height:100%;
}

.pl-heading .row-multi .thumbnail .title {
  color:#2f2f2f;
  font-weight: normal;
}

@media screen and (max-width:767px) {
  .pl-heading .row-multi .thumbnail .title {
    font-size:12px;
  }
}

.pl-heading .row-multi .thumbnail {
  display: block;
  text-align: center;
}

.pl-heading .row-multi .thumbnail a:first-child {
  width:100%;
  margin-bottom: 1rem;
}

.pl-heading .row-multi .thumbnail .img-ct {
  transform: none!important;
}

.pl-heading .row-multi .thumbnail .img-ct.rt4x3:before {
  padding-top:100%;
}
#result-wrapper .thumbnail[id*="result-wrapper_buy_"].p-c:hover {
  box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
#result-wrapper .thumbnail[id*="result-wrapper_buy_"] a.title{
  font-size:16px;
}

#result-wrapper .thumbnail[id*="result-wrapper_buy_"] .base_price {
  font-size:11px;
}

#result-wrapper .thumbnail[id*="result-wrapper_buy_"] > a.img-w.block span.ov-t {
  left:-1.154rem;
  font-size:12px;
  top:0;
  bottom:auto;
}
#result-wrapper .thumbnail[id*="result-wrapper_buy_"] .signal_image {
  padding:3px 5px;
  font-size:10px;
  font-weight: 500;
  border-radius: 12px;
  text-align: center;
  display: inline-block;
  margin:auto;
}
#result-wrapper .thumbnail[id*="result-wrapper_buy_"] .status-0 {
  background:#c70d00;
  color:#fff;
}

#result-wrapper .thumbnail[id*="result-wrapper_buy_"] .status-1 {
  background:#517929;
  color:#fff;
}

#result-wrapper .thumbnail[id*="result-wrapper_buy_"] .status-2 {
  background:#7bb244;
  color:#fff;
}

#result-wrapper .thumbnail[id*="result-wrapper_buy_"] .var-it .bootstrap-select > .btn.dropdown-toggle {
  width:100%;
}

.cart-menu.dropdown.open .overlay-bg {
  transform: none!important;
  z-index: -1!important;
}

footer#footer #footer-logo-block {
  margin-top:-6rem;
}


/* filter */

.change-disp {
  justify-content: end;
  display: flex;
}

#ftr-tp {
  background-color: #7bb244;
  color:#fff;
  margin-top:-5rem;
  box-shadow:0px 0px 20px rgba(0,0,0,0.1);
}
#ftr-tp .btn.ed {
  background:rgba(255,255,255,0.05);
  color:#fff;
  fill:#fff;
}
#ftr-tp .btn.ed:hover {
  background:rgba(255,255,255,0.15);
}
#ftr-tp .btn.ed.active {
  background:#fff;
  color:#7bb244!important;
}

#ftr-tp .btn.ed.active * {
  color:#7bb244!important;
  fill:#7bb244;
}

#ftr-tp h2,
#ftr-tp h3,
#ftr-tp h4,
#ftr-tp h5,
#ftr-tp h6,
#ftr-tp .h2,
#ftr-tp .h3,
#ftr-tp .h4,
#ftr-tp .h5,
#ftr-tp .h6 {
  color:#fff;
}

footer {
  padding-top:2rem;
  padding-bottom:2rem;
  border:0px;
}

#footer-boxes {
  border:0px;
}

footer .panel {
  background:transparent;
  border:0px;
  border-radius: 0px;
  box-shadow: none;
}

/* article detail */

.two-cols #gallery-thumbs {
  columns:2;
}
.nav-tabs a {
  font-weight: bold;
  text-transform: uppercase;
}
.lightbox-shown .product-gallery {
  position:static;
  display:block;
}
body.lightbox-shown #gallery {
  position:fixed;
  left: 0;
  top:0;
  z-index:10000;
}

body:not(.lightbox-shown) #result-wrapper #gallery .inner {
  position:sticky;
  top:120px;
}

body.lightbox-shown #close-lightbox {
  z-index: 10001;
}

.slider-xsell-col-3 {
  flex:0 0 50%;
  width:50%;
}

@media screen and (min-width:992px) {
  .slider-xsell-col-3 {
    flex:0 0 33.3333%;
    width:33.333333%;
  }
}

@media screen and (min-width:1699px) {
  .slider-xsell-col-3 {
    flex:0 0 25%;
    width:25%;
  }
}