* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face {
  font-family: 'Helvetica Rounded LT Std';
  src: url('/__assets/fonts/font-HelveticaRoundedLTStd-Bd.woff2') format('woff2'),
       url('/__assets/fonts/font-HelveticaRoundedLTStd-Bd.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}


#element::-webkit-scrollbar {
  display: none;
}
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb {
  background-color: #3677c3;
  outline: 1px solid slategrey;
}


:root {
  --main-color: #ffc43f;
  --main-textbox-bg: rgba(241, 239, 250, .85);
}

body {
  font-family: 'Helvetica Rounded LT Std';
  background-color: #fcfcfc;
}


header .header-wrapper-desktop .custom-header-trans-light { background-color: rgba(255,255,255,0.9); }
/*header .header-wrapper-desktop .custom-header-trans-light a:not(.sub) { color: white !important; }*/
/*header .header-wrapper-desktop .custom-header-trans-light.header__fixed a:not(.sub) { color: initial !important; } */
header .header-wrapper-desktop .custom-header-trans-light.header__fixed { background-color: #fff; filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.1)); }
header .header-wrapper-desktop .custom-header-trans-light.header-main { box-shadow: none !important; -webkit-box-shadow: none !important; }

header .header-wrapper-desktop .custom-header-trans-dark { background-color: rgba(55, 55, 55, .8); }
header .header-wrapper-desktop .custom-header-trans-dark.header__fixed { background-color: #373737; }
header .header-wrapper-desktop .custom-header-trans-dark.header-main { box-shadow: none !important; -webkit-box-shadow: none !important; }
/* normal state */
header .header-wrapper-desktop .custom-header-trans-dark .header-main .header__navbar ul.navbar-menu > li > a { color: rgba(255,255,255,.7); }
/* hover and active state */
header .header-wrapper-desktop .custom-header-trans-dark .header-main .header__navbar ul.navbar-menu > li.active > a,
header .header-wrapper-desktop .custom-header-trans-dark .header-main .header__navbar ul.navbar-menu > li > a:hover { color: rgba(255,255,255,.9); }
/* FIXED normal state */
header .header-wrapper-desktop .custom-header-trans-dark .header__fixed .header__navbar ul.navbar-menu > li > a { color: #bdbdbd; }
/* FIXED hover and active state */
header .header-wrapper-desktop .custom-header-trans-dark .header__fixed .header__navbar ul.navbar-menu > li.active > a,
header .header-wrapper-desktop .custom-header-trans-dark .header__fixed .header__navbar ul.navbar-menu > li > a:hover { color: #e5d891; }
header .header-wrapper-desktop .header .header-main .header__navbar ul.navbar-menu > li.active > a, header .header-wrapper-desktop .header .header-main .header__navbar ul.navbar-menu > li > a:hover {
  color: #515151;
}
header .header-wrapper-desktop .header .header-main .header__navbar ul.navbar-menu > li .sub-menu {
  width: 220px !important;
}



/* HELPER CLASSES =============================== */
.specialfont { font-family: 'Helvetica Rounded LT Std'; }
.inline-block { display: inline-block; }
.uppercase { text-transform: uppercase; }
.hidden { display: none !important; }
.bg-white { background: white; }
.shadow {
  -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.09);
  -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.09);
  box-shadow: 2px 2px 6px rgba(0,0,0,0.09);
}
.shadow-strong {
  -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.29);
  -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.29);
  box-shadow: 2px 2px 6px rgba(0,0,0,0.29);
}
.content-desktop {display: block !important;}
.content-mobile {display: none !important;}
@media screen and (max-width: 1250px) {
  .content-desktop {display: none !important;}
  .content-mobile {display: block !important;}
}


.anibg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  user-select: none;
  overflow: hidden;
}
.anibgobj {
  display: none;
  width: 100px;
  height: 100px;
  position: absolute;
  /*top: 50%;*/
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%); /* translateY(-50%);*/
  background-color: #fff;
  border-radius: 100px;
  animation-duration: 50s;
}
@media screen and (max-width: 1250px) {
  .anibgobj { transform: translateX(-50%) scale(0.65); }
}


/*
.animate__animated.animate__repeat-10 {
    -webkit-animation-iteration-count: 10;
    animation-iteration-count: 10;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*10);
    animation-iteration-count: calc(var(--animate-repeat)*10);
}
*/
.instock-ani-style {
  --animate-repeat: 6; /* --animate-repeat: 3 will animate 9 times if element has class 'animate__repeat-3' */
  display: inline-block;
  font-weight: 700 !important;
  color: yellowgreen !important;
}
.main-textbox { background-color: var(--main-textbox-bg) !important; color: #666 !important; }
.btn { border-radius: 8px; background:#666; color:white !important; }
.btn:hover { background:#373737 !important; color:#fdc43f !important; }
.loading { background: rgba(255,255,255,.5) !important; top:0 }
.thumb_wrapper { width:100px;float:left; }
.zoom_wrapper { width:70%;float:left;margin-left:25px; }
.bx-controls { display: none; }
video, .basketAddInfo img { max-width: 100%; }



.video-section {
  width: 100% !important;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*height:690px !important;*/
  max-height: unset !important;
  /*border-bottom: 12px dashed #c7d0ef;*/
}
.video-section .container {
  width: 100%;
  max-width: unset;
  padding: 0;
}
.video-section video {
  width: 100%;
  /* ivi-logo */ /* margin-top: -160px; */
}

/*
.header-style-1 { background: transparent !important; }
.header__fixed { background: white !important; }
*/




.port-title .title-detail { line-height: 2; }
.grid-product-3.style-1 { border-radius: 15px; }
.grid-product-3.style-2 { border-radius: 15px; }
.grid-product-3.style-1 img { border-radius: 15px; }
.grid-product-3.style-2 img { border-radius: 15px; }
.post-image img,
.project-intro .text,
.project-intro .image,
.slick-slider .slick-track, .slick-slider .slick-list,
.product-image,
.product-image img,
.image,
.image img,
.main-pic img,
.image-border img,
.grid-product-1,
.grid-product-2,
.grid-product-3,
.grid-product-4,
.grid-product-5,
.contact-info
{ border-radius: 15px; }

.project-intro .image:after,
.image-border:after
{ display: none; }

.grid-product,
{ background: transparent; }

.grid-product-1,
.grid-product-2,
.grid-product-3,
.grid-product-4,
.grid-product-5,
.port-title,
.port-body,
.bg-white-round
{ background: rgba(255,255,255, .8); border-radius: 15px; }



/* on the fly overlay over img tag */
.pageintro .pageintro-bg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
}


.slider-text {
  color: #333;
  background-color: #e3c69d;
  line-height: 1 !important;
  padding: 6px !important;
}
.slider-textbg-green {
  background-color: #a8c926;
  line-height: 1 !important;
  padding: 6px !important;
}
#slide-1 .slotholder:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.2);
}



.project-intro .text .description { margin-bottom: 30px;}
.shop-product .product-body { padding: 20px 0 10px 30px; }
.shop-product .product-body .price { margin:0; display: inline-block; }
.shop-product .product-body .price-old { margin:0 0 0 10px; display: inline-block; text-decoration: line-through; color: red; }

.shop-detail-bild-slide, .shop-detail-bild-slide li {
  list-style-type:none;
  width:465px;
  padding:0px;
  margin:0px;
  text-align:center;
}
.slide-img {
  /*
  margin:0px auto;
  max-height: 475px;
  */
}
.slide-thumb {
  display:block;
  margin:0px auto;
  max-height: 120px;
  margin-bottom: 10px;
}



.grid-product .image img {
  width: auto;
  max-width: 70%;
  max-height: 70%;
  margin: 0px auto;
}




.footer .main-footer {
  padding-top: 20px;
}
.footer .main-footer .main-footer-container .footer-item {
  /*max-width: 240px;*/
}
.footer-custom a {
  color: #e5e5e5;
  display: block;
  line-height: 2;
}.footer-custom a:hover {
  color: #e4c7a2;
}
.footer-cash {
  opacity: .4;
}

#colorbox {
  max-width: 90% !important;
  left: 50%!important;
  transform: translate(-50%, 0px) !important;
}
#cboxWrapper,
#cboxContent,
#cboxLoadedContent
{ max-width: 100% !important; }
.cboxPhoto {
  max-width: 100% !important;
  max-height: 100% !important;
}

@media (min-width: 1650px) {
  .grow .container {
    max-width: 80%;
    font-size: 2em;
  }
}

@media screen and (max-width: 1250px) {
  .bgfade { height: 50px !important; }
  .cc-revoke.cc-right { right: 25% !important; }
  :root .css3-metro-dropdown select { width: 215px !important; }
  .thumb_wrapper { width:50px; }
  .product-body { padding: 0 !important }
  .product-body h1 { font-size: 1.5rem !important }
  .au-tabs .nav-tabs li a { margin: 5px auto; font-size: 0.85em; }
  .au-tabs .nav-tabs li { display: contents; }
  .product-additionnal { width: 100%; }
  .tab-content {
    background: #eef1f8 !important;
    border-radius: 13px;
    margin-top: 10px;
    padding: 20px !important;
    text-align: center;
  }
}




.checkbox-dst input[type="checkbox"]:checked + label::before,
.checkbox-dst input[type="radio"]:checked + label::before {
  background-color: #666;
  border-color: #666;
  color: white !important;
}
.checkbox-dst input[type="checkbox"]:checked + label::after,
.checkbox-dst input[type="radio"]:checked + label::after {
  color: white !important;
}

:root .css3-metro-dropdown-color-dst select,
:root .css3-metro-dropdown-color-dst:after,
:root .css3-metro-dropdown-color-dst::after
{
  background: #fff !important;
  border-radius: 8px !important;
  color: #666 !important;
}