/* **************************************************************************** */
/* Globals ******************************************************************** */
/* **************************************************************************** */
.dropdown-toggle::after {
  vertical-align: middle;
}
@media (max-width: 1200px) {
  .container {
    width:100%;
    max-width:100%;
  }
}
a,
a:hover,
.cms_cont a:hover {
  color:#212529;
  text-decoration:none;
}
.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0,123,255,0);
}
.h1, h1 {
  font-size:1.5rem;
}
.h2, h2 {
  font-size:1.25rem;
}
.h3, h3 {
  font-size:1.10rem;
}
@media (min-width: 576px) {
  .h1, h1 {
    font-size:2.0rem;
  }
  .h2, h2 {
    font-size:1.50rem;
  }
  .h3, h3 {
    font-size:1.25rem;
  }
}
.custom-select.is-invalid,
.form-control.is-invalid,
.is-invalid .form-control, 
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
}
.is-invalid label,
.is-invalid,
.is-invalid a {
  color: #dc3545;
}
.is-invalid .errMessage {
  display: block;
}
.red {
  color: #dc3545;
}
.text-muted a {
  color: #6c757d !important;
}
.form-control {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus,
.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .form-control:invalid:focus {
  box-shadow:0 0 0 0 rgba(108,117,125,0);
}
/*
* {
  border-radius: 0 !important;
}
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
*/



/* Loadin on Ajax *********************************************************** */
#loadingDiv {
  background-color: rgba(255,255,255,0.5);
  height: 100%;
  left: 0;
  margin: 0 auto;
  padding: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 999999;
}
#loadingDiv .inner {
  background-color: #fff;
  border: 1px solid #eee;
  box-sizing: border-box;
  height: 50px;
  margin: 0 auto;
  padding: 2px;
  position: absolute;
  text-align: center;
  top: 40%;
  width: 50px;
  position:relative;
}
#loadingDiv img {
  display: block;
  position: relative;
  top: 6px;
  left: 6px;
}



/* **************************************************************************** */
/* Helpers ******************************************************************** */
/* **************************************************************************** */
.position-r {
  position:relative;
}
.position-s {
  position:static;
}
.btn-link.grey {
  color:rgba(155,156,155,1.0);
  border:1px solid rgba(155,156,155,.1);
}
.bgr_wrap,
#content_section_ {
  max-width: 100%;
  margin:0 auto;
  background-color: #fff;
}
#content_section_ {
  background-color: #fff;
}
@media (min-width: 1380px) {
  .bgr_wrap,
  #content_section_ {
    max-width: 1480px;
    margin:0 auto;
  }
}
@media (min-width: 1200px) and (max-width: 1379px) {
  .bgr_wrap,
  #content_section_ {
    max-width: 1140px;
    margin:0 auto;
  }
}

@media (min-width: 1380px) {
  .container {
    max-width: 1320px;
  }
}
@media (min-width: 1580px) {
  .container {
    max-width: 1520px;
  }
}


@media (max-width: 1200px) {
  .p-lg-l-0 {
    padding-left:0px;
  }
  .p-lg-r-0 {
    padding-right:0px;
  }
  .mb-lg-3-neg {
    margin-bottom:1rem !important;
  }
}

@media (max-width: 992px) {
  .p-md-l-0 {
    padding-left:0px;
  }
  .p-md-r-0 {
    padding-right:0px;
  }
  .m-md-l-8-neg {
    margin-left:-8px;
  }
  .m-md-r-8-neg {
    margin-right:-8px;
  }
  .pl-8 {
    padding-left:8px;
    padding-right:8px
  }
  .pr-8 {
    padding-left:8px;
    padding-right:8px
  }
  .no-border-bottom-md-neg {
    border-bottom:0px;
  }
  .pbt-md-1 {
    padding-top:0.5rem !important;
    padding-bottom:0.5rem !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-15 {
    padding-right:15px !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .pl-8 {
    padding-left:8px;
  }
  .pr-8 {
    padding-right:8px
  }
}

@media (max-width: 768px) {
  .p-sm-l-0 {
    padding-left:0px;
  }
  .p-sm-r-0 {
    padding-right:0px;
  }
  .pb-xs-3 {
    padding-bottom: 1rem !important;
  }
  .px-xs-0 {
    padding-left:0px;
    padding-right:0px;
  }
  .mb-xs-sm-md-2 {
    margin-bottom: .5rem !important;  
  }
  .font-weight-md-bold {
    font-weight:600 !important;
  }
  .mb-xs-3 {
    margin-bottom:1rem !important;
  }
}

@media (min-width: 768px) {
  .text-right-sm {
    text-align: right !important;
  }
}

@media (min-width: 576px) {
  .text-right-sm {
    text-align: right !important;
  }
}

@media (max-width: 576px) {
  .p-xs-0 {
    padding:0px !important;
  }
  .pl-xs-0 {
    padding-left:0px !important;
  }
  .pr-xs-0 {
    padding-right:0px !important;
  }
  .pbt-xs-1 {
    padding-top:0.5rem !important;
    padding-bottom:0.5rem !important;
  }
  .mbt-xs-1 {
    margin-top:0.25rem !important;
    margin-bottom:0.25rem !important;
  }
  .ml-xs-0 {
    margin-left:0 !important;
  }
  .mr-xs-0 {
    margin-right:0 !important;
  }
  .full-width-sx {
    width: 100% !important;  
  }
}

hr.trans,
div.trans {
  border-color:transparent;
}
.min-h {
  min-height:0.01rem;
  height:0.01rem;
}
.col-dyn {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 576px) {
  .col-dyn {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media (min-width: 576px) {
  .pr-26 {
    padding-right: .6rem !important;
  }
  .pl-26 {
    padding-left: .6rem !important;
  }
}

@media (max-width: 1200px) {
  .plr-8 {
    padding-left:8px;
    padding-right:8px
  }
  .plr-3 {
    padding-left:3rem;
    padding-right:3rem;
  }
}
@media (min-width: 1200px) {
  .plr-lg-15 {
    padding-left:15px;
    padding-right:15px
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .pl-sm-strict-0 {
    padding-left:0px !important;
  }
  .pr-sm-strict-0 {
    padding-right:0px !important;
  }
}
.btn-group-xs > .btn,
.btn-xs {
  padding: .2rem .5rem;
  font-size: .875rem;
  line-height: 1.3;
  border-radius: .2rem;
}
.card-header {
  padding-left:15px;
  padding-right:15px;   
}
.pl-15 {
  padding-left:15px;
}
.pr-15 {
  padding-right:15px;
}
.pt-15 {
  padding-top:15px;
}
.pb-15 {
  padding-bottom:15px;
}

.bg-grey {
  background-color: #f0f0f0;
}
.bb-grey {
  border-bottom: 1px solid rgba(0,0,0,.125);
}

.text-underline {
  text-decoration:underline !important;
}

.w-48 {
  width: 48% !important;
}

.text-size-big {
  font-size:1.2rem; 
}

.btn-custom-grey,
.btn-custom-grey:hover  {
  color: #212529;
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

.icon_label {
  display:inline-block;
  position: relative;
  top: -1px;
  left:3px;
}
.icon_label.notify_when_available {
  color: #57ae57;
}

.card-header.border-1 {
  border:1px solid rgba(0,0,0,.125);
}

.hidden {
  display:none !important;  
}

.font-size-100 {
  font-size:100%;  
}

.z-index-1 {
  z-index:1;  
}
.z-index-2 {
  z-index:2;  
}

.card-body {
  padding:1rem 1.25rem;
}
h1, h2, h3 {
  margin-bottom:1rem;
}
.container {
  padding-left:1rem;
  padding-right:1rem;
}



/* **************************************************************************** */
/* BCT ************************************************************************ */
/* **************************************************************************** */
.breadcrumb-item + .breadcrumb-item::before {
  content:"-";
}
.breadcrumb-item a {
  text-decoration:underline;
}



/* **************************************************************************** */
/* Carousel ******************************************************************* */
/* **************************************************************************** */
.carousel-control-prev-icon,
.slick-prev::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102,102,102,1)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon,
.slick-next::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102,102,102,1)' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next,
.carousel-control-prev {
  width:10%;
  opacity:1.0;  
}
.carousel-control-prev-icon_wrap,
.carousel-control-next-icon_wrap {
  background: rgba(238,238,238,1);
  border-radius: 0;
  color:rgba(102,102,102,1);
  cursor: pointer;
  height: 30px;
  line-height: 36px;
  width: 30px;
  z-index: 200;
  display:inline;
}
.carousel-control-prev-icon_wrap:hover,
.carousel-control-next-icon_wrap:hover {
  background: rgba(221,221,221,1);
}



/* **************************************************************************** */
/* Topbar ********************************************************************* */
/* **************************************************************************** */
#topbar {
  border-bottom:1px solid #bea27c;
}
#topbar .navbar-toggler {
  display:block;
}
#topbar.smallbar .navbar-toggler {
  margin-left:8px;
}
#topbar .navbar {
  padding-top:5px;
  padding-bottom:5px;
}
@media (min-width: 1200px) { 
  #topbar .container {
    padding-left:6px;
    padding-right:6px;
  }
}
@media (max-width: 1200px) { 
  #topbar.container,
  #topbar .container {
    width:100%;
    max-width:100%;
  }
  #topbar .navbar {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.is_not_logged_in,
.is_logged_in {
  display:block;
}
.is_logged_in {
  display:none;
}
.iconlink {
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
  top: 3px;
}
.iconlink .oi {
  font-size: 1.2rem;
  line-height:inherit;
  top:0px;
}  
#searchFormDropdown.dropdown-toggle::after {
  display:none;
}
#searchFormDropdown .oi-magnifying-glass {
  font-size: 1em;
  top: 4px;
}
.searchForm-item .dropdown-menu {
  width: 350px;
  padding: 12px 10px 10px 10px;
  background-color: #36393b;
  border-color: #36393b;
}
@media (max-width: 1200px) { 
  .searchForm-item .dropdown-menu {
    right:-8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 450px) { 
  .searchForm-item .dropdown-menu {
    width: 300px;
  }
}
button.navbar-toggler:focus {
  outline:none;
}
.searchForm-item .btn-outline-secondary:hover {
  background-color:inherit;
}
.form-control:focus {
  border-color: #ced4da;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px;
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,.6);
}
.bootstrap-select .btn:focus {
  outline: none !important;
}

.accountLinks {
  background-color: rgba(54, 57, 59, 1);
  border-color: rgba(54, 57, 59, 1);
  margin-top:6px;
}
.accountLinks a:hover {
  background-color: inherit;
  border-color: inherit;
}



/* **************************************************************************** */
/* Footer ********************************************************************* */
/* **************************************************************************** */
footer,
footer a,
footer a:hover,
footer hr {
  color:#fff;
}
footer a:hover {
  text-decoration:none;
}
footer hr {
  background-color:#fff;
}
footer .container {
  background-color:#686b6c;
  /*max-width:1320px;*/
}
.socialsOnFooter a {
  overflow: hidden;
  display:inline-block;
  margin-left:5px;
}
.socialsOnFooter img {
  width:27px;
  height:27px;
}
.paymentMethodsOnFooter .footerHeadline,
.deliveryPartnerOnFooter .footerHeadline {
  margin-bottom: 4px;
}
.paymentMethodsOnFooter li,
.deliveryPartnerOnFooter li {
  display: block;
  margin-bottom: 4px;
}
.paymentMethodsOnFooter img,
.deliveryPartnerOnFooter img {
  width: 110px;
}
@media (max-width: 576px) {
  .paymentMethodsOnFooter ul,
  .deliveryPartnerOnFooter ul {
    padding-left: 0;
  }
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /*margin-bottom: 60px;*/
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /*height: 60px;*/
}



/* **************************************************************************** */
/* Mobile Navi **************************************************************** */
/* **************************************************************************** */
#nav_mobile {
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:#36393b;
}
#nav_mobile hr {
  border-top-color:rgba(155,156,155,.1);
}



/* **************************************************************************** */
/* Main Navi ****************************************************************** */
/* **************************************************************************** */
#naviTop {
  margin-bottom:20px;
}
#naviTop .level_1 {
  padding:0px;
}
#naviTop .level_1 li {
  display:inline-block;
  margin-right:1.0rem;
}
#naviTop .level_1_li:last-of-type {
  margin-right:0px;
}
#naviTop .level_1 li a {
  display:block;
  padding: 12.95px 12.95px;
}
#naviTop .level_1 li a:hover {
  transition: all 0.4s ease 0s;
}
#naviTop .level_1_li.actItem,
#naviTop .level_1_li.actItem a.link_level_1,
#naviTop .level_1_li a.active {
  background-color: #f77825;
  text-decoration:none;
}
#naviTop .level_1_li .actArrow {
  border-top-color: #f77825;
}
#naviTop .level_1 li .level_2 li a:hover {
  color: #f77825;
  text-decoration:none;
} 
#naviTop .level_1_li.actItem a.link_level_1 {
  color:#fff;
  transition: all 0.4s ease 0s;
  text-decoration:none;
}
.level_2_layer {
  display: none;
  height: auto;
  position: absolute;
  margin-top: 0px;
  z-index: 99999;
  left:0px;
}
.level_2_layer .inner {
  margin-top:0px;
  width:100%;
  overflow: hidden;
}
.level_2_layer .inner,
#naviTop .level_1 li .level_2 li a,
#naviTop .level_1 li .level_2 li a:hover {
  background-color: #e1e1e1;
}
.level_2_layer.vertical,
.level_2_layer.horizontal {
  width:auto;
  min-width:175px;
  left:auto;
}
#naviTop .level_1 .level_2_layer.vertical li,
#naviTop .level_1 .level_2_layer.horizontal li {
  display:block;
  border:0px;
}
#naviTop .level_2 {
  overflow: hidden;
  padding:10px;
}
#naviTop .level_1 li .level_2 li a {
  display:block;
  padding: 5px 10px;
}
#naviTop .level_1 li .level_2 li a:hover {
  transition: all 0.4s ease 0s;
}
#naviTop .level_1 li .level_2 li {
  border-right:1px solid #cdcdce;
  margin-right:0px;
}
#naviTop .level_1 li .level_2 li:last-child {
  border-right:0px;
}
#naviTop .level_1_li:hover > .level_2_layer {
  transition: all 0.4s ease 0s;
}
#naviTop .level_1_li:hover > .actArrow {
  transition: all 0.4s ease 0s;
}
#naviTop .level_1_li a.active {
  color:#fff;
}
#naviTop .level_1_li .actArrow {
  position: relative;
  top: 0px;
  margin-bottom:-7px;
  z-index: 100000;
  margin-left: auto;
  margin-right: auto;
  display:none;
  width: 0; 
  height: 0; 
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top-style:solid;
  border-top-width:7px;
}
#naviTop .level_1_li .actArrow.only-on-over,
#naviTop .level_1_li.actItem .actArrow.only-on-over {
  display:none;
}
#naviTop .level_1_li.actItem .actArrow {
  display:block;
}
#naviTop .level_1_li:hover > .actArrow.only-on-over {
  transition: all 0.4s ease 0s;
  display:block;
}
.navHorizontalCol {
  display:inline-block;
  float:left;
  padding:0px 15px;
}
.navHorizontalCol.col_first {
  padding-left:0px;
}
#naviTop .level_1 li .level_2 li.navHorizontalCol {
  border-right:1px solid #fff;
}
#naviTop .level_1 li .level_2 li.navHorizontalCol.col_last {
  border-right:0px;
  padding-right:0px;
}



/* **************************************************************************** */
/* Cookie Bar ***************************************************************** */
/* **************************************************************************** */
#ckBar {
  height:auto;
  display:none;
}
#ckBar.onBottom {
  position:fixed;
  bottom:0px;
  right:0px;
  left:0px;
  z-index: 9999;
}
.ckLink {
  text-decoration:underline;
  cursor:pointer;
}



/* **************************************************************************** */
/* Article List *************************************************************** */
/* **************************************************************************** */
.row.articlelist {
  display: flex;
  flex-wrap: wrap;
}
.row.articlelist > div[class*='col-'] {
  display: flex;
}
.articlelist .article_image {
  display:flex;
  display: -ms-flexbox;
}
.articlelist .article_image a.linkToDetail {
  margin: 0 auto;
  align-self: center;
} 
.article_image img {
  max-width:100%;
}
.articlelist_item.col-sm-6,
.articlelist_item.col-md-4 {
  padding-left:0.50rem;
  padding-right:0.50rem;
}
.markers {
  position:absolute;
  right:0px;
  top:0px;
}
.articlelist_item .markers .badge {
  font-size:85%;
  font-weight:normal;
}
.article_salesicon .badge-bgr-custom {
  background-color:#f77825;
  color:#fff;
}
.marker_special .badge-bgr-custom {
  background-color:#0071a0;
  color:#fff;
}
.marker_new .badge-bgr-custom {
  background-color:#5901ac;
  color:#fff;
}
.marker_top .badge-bgr-custom {
  background-color:#488c00;
  color:#fff;
}
.article_name a:hover {
  text-decoration:none;
}
.onlastRow .card {
  border-bottom-color:transparent;
}
.article_price {
  width:100%;
  text-align:center;
  overflow: hidden;
  font-weight: bold;
}
.price_main {
  font-weight:bold;
  font-size:1.2rem;
}
.article_price a,
.article_price a:hover {
  text-decoration:none;
}
.oldPrice {
  margin-left: 5px;
  text-decoration: line-through;
}
.articlelist_item .oldPrice {
  display:none;
  margin-bottom: 0px;
  margin-left: 0;
  font-weight: normal;
}
.jPrice {
  display:none;
}
.article_colors {
  position: relative;
  min-height:22px;
  height:auto;
  overflow: hidden;
}
.article_colors ul {
  font-size:0px;
}
.article_colors li {
  background-color: #fff;
  border: 0 none;
  border-radius: 0;
  display: inline-block;
  line-height: 0;
  margin:0 2px;  
}
.article_colors ul li .inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding:0px;
}
.articlelist_cont .articlelist_item.act .article_colors ul li img {
  opacity:1;
}
.article_colors img {
  max-height:22px;
}
.article_colors ul li .inner a {
  display:block;
}
.colorid_5  { background-color:#ff0000; }  /* rot */
.colorid_6 { background-color:#000000; }  /* schwarz */
.colorid_7 { background-color:#009c56; }  /* grün */
.colorid_8 { background-color:#3958b0; }  /* blau */
.colorid_9 { background-color:#800080; }  /* lila */
.colorid_10 { background-color:#ffa500; }  /* orange */
.colorid_11 { background-color:#19458d; }  /* bunt */
.colorid_12 { background-color:#744b29; }  /* blau-weiss */
.colorid_13 { background-color:#ffffff; }  /* weiss */
.colorid_14 { background-color:#54f9c8; }  /* türkis */
.colorid_15 { background-color:#ff7290; }  /* pink */
.colorid_21 { background-color:#8c8c8c; }  /* grau */
.colorid_22 { background-color:#471b2f; }  /* weinrot */
.colorid_23 { background-color:#461d6d; }  /* violett */
.colorid_24 { background-color:#28344c }  /* taube */
.colorid_31 { background-color:#f98976 }  /* altrosa */
.colorid_32 { background-color:#c8e0f9 }  /* hellblau */
.colorid_33 { background-color:#f9ddbe }  /* beige */



/* **************************************************************************** */
/* Productvoting ************************************************************** */
/* **************************************************************************** */
.artdetails .productVoting {
  width:220px;
}
.rating-box {
  background: url("../img/star_rating_sprite.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  font-size: 0;
  height: 12px;
  line-height: 0;
  margin: 1px 0 0;
  overflow: hidden;
  text-indent: -999em;
  width: 65px;
}
.rating-box .rating {
  background: url("../img/star_rating_sprite.gif") repeat-x scroll 0 100%;
  float: left;
  height: 12px;
}
.detailRightCol .rating-box {
  margin-left:0px;
}  
.revLayer {
  background-color: #f3f3f3;
  border: 1px solid #DDDDDD;
  padding: 10px;
  position: absolute;
  display:none;
  z-index:2;
}
.dist-rating {
  padding: 0 5px 0 0;
  text-align: right;
}
.line-bar {
  background-color: #d0cfcd;
  display: inline;
  float: left;
  height: 10px;
  margin: 3px 3px 0 0;
  width: 104px;
}
.line-bar .indicator {
  height: 10px;
  background-color: #f77825;
}
.article_ratings {
  text-align:center;
  margin: 0 auto;
  width: 90px;
  padding:5px 0 0 0;
  height:20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.articlelist_item .rating-count {
  position: relative;
  top: -6px;
}
.rating-filter,
.distcount {
  position:relative;
  top:-7px;
}



/* **************************************************************************** */
/* Filters on left ************************************************************ */
/* **************************************************************************** */
.leftside_box {
  background-color:#f7f7f7;
  padding: 0.5rem 1rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.checkbox-wrap #price-slider,
.checkbox-wrap #left_price-slider {
  width:92% !important;
  max-width:92% !important;
  margin:0px 4%;
}
.checkbox-wrap .w-100 {
  width:100% !important;
  max-width:100% !important;
}
.ui-slider-horizontal .ui-slider-handle {
  cursor:pointer;
}



/* **************************************************************************** */
/* Zuletzt gesehen ************************************************************ */
/* **************************************************************************** */
#lastViewedCont a.article_image {
  display:flex;
  display: -ms-flexbox;
  justify-content:center;
}
#lastViewedCont a.article_image img {
  display:flex;
  display: -ms-flexbox;
  align-self:center;
}
@media (max-width: 768px) { 
  #lastViewedCont a.article_image img {
    margin: 0 auto;
    display:inline-block;
  }
}
.clearButton {
  color: #46413A;
  cursor: pointer;
  height: 14px;
  position: absolute;
  text-align: center;
  width: 14px;
  z-index:11;
  display:none;
  right:5px;
  top:1px;
}



/* **************************************************************************** */
/* CMS ************************************************************************ */
/* **************************************************************************** */
.cms_cont a,
.cms_cont a:hover {
  text-decoration:underline;
}
.cms_cont a.btn,
.cms_cont a.btn:hover {
  text-decoration:none;
}
.cms_cont ul li,
.cms_cont ol li  {
  left: 1em;
  list-style-position: outside;
  list-style-type: disc;
  position: relative;
  margin-right:1em;
}
.cms_cont ol li {
  list-style-type:decimal;
}
.cms_cont ul,
.cms_cont ol {
  padding:0;
}



/* **************************************************************************** */
/* Filter on top of the list ************************************************** */
/* **************************************************************************** */
.filter-btn {
  text-align: left;
}
.filter-btn {
  height:auto;
  white-space:normal;
}
.filter-btn.dropdown-toggle::after {
  display:none;
}
.more-less {
  float: right;
  font-size: 0.7rem;
  top: 8px;
}
#filterTop_container .dropdown-menu,
#filterLeft_container .dropdown-menu,
.mobilecatnavi .dropdown-menu {
  border-color:#f0f0f0;
  border-top: 0px;
  padding: 10px;
  width: 100%;
  margin-top:-1px;
  list-style: none;
  text-align: left;
}
#filterTop_container .row:nth-child(n+2) {
  display:none;
}
#filterTop_container .row.has_active_filters:nth-child(n+2) {
  display: flex;
  display: -ms-flexbox;
}
 
.pSelect {
  border: 0px;
  width: 100%;
  margin: 0;
  padding: 0px;
}
.checkbox-wrap {
  display: block;
  padding-bottom: 5px;
}
.checkbox-wrap > * {
  display: inline-block !important;
  max-width: 75%;
  vertical-align: top;
}
.checkList label {
  cursor: pointer;
}
.checkbox-wrap label {
  margin-left: 0.2rem;
  margin-top: -6px;
}
.checkList {
  height: auto;
  max-height: 245px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.checkList .form-check-input {
  position:inherit;
}

.colorPicker_wrap,
.iconPicker_wrap {
  position:relative;
}
.iconPicker_wrap .iconPicker_icon {
  max-width:7%;
}
@media (max-width: 330px) { 
  .iconPicker_wrap .iconPicker_icon {
    max-width:10%;
  }
}
.colorPicker_icon,
.iconPicker_icon {
  position:absolute;
  z-index: 1;
  cursor: pointer; 
}
.colorPicker_checkbox,
.colorPicker_radiobox,
.iconPicker_checkbox,
.iconPicker_radiobox  {
  position:absolute;
  z-index: 3;
  top: 4px;
  left: 4px;
  cursor: pointer;
  opacity:0;
}
.checkbox-wrap .colorPicker_label,
.checkbox-wrap .iconPicker_label {
  position:relative;
  left:26px;
  margin-top:-3px;
}
.checkbox-wrap .iconPicker_label {
  left:30px;
}
.colorPicker_check {
  position: absolute;
  z-index: 2;
  left: 6px;
  font-size: 11px;
  top: 5px;
  color: #fff;
}
.iconPicker_check {
  position: absolute;
  z-index: 2;
  right: 6px;
  font-size: 11px;
  top: 5px;
  color: #28a745;
}
.checkbox-wrap .colorPicker_check.d-none,
.checkbox-wrap .iconPicker_check.d-none {
  display:none !important;
}
.checkbox-wrap .colorPicker_check.d-block,
.checkbox-wrap .iconPicker_check.d-block  {
  display:inline-block !important;
}
.has_active_filters .more-less.oi.oi-check {
  color:#28a745;
}
.sort_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}



/* **************************************************************************** */
/* Active Filter ************************************************************** */
/* **************************************************************************** */
.selectedFilter_container .oi {
  top:0px;
  left:3px;
}
.selectedFilter_container a {
  display:inline-block;
}
.active_colorPicker_icon,
.active_iconPicker_icon {
  position: relative;
  float: left;
  right: 3px;
  max-width:32px;
  max-height:17px;
}
.active_colorPicker_icon img,
.active_iconPicker_icon img {
  max-height:17px;
}
.active_icon_label {
  display: inline-block;
  position: relative;
  left: 5px;
}



/* **************************************************************************** */
/* Pagination ***************************************************************** */
/* **************************************************************************** */
.page-link {
  color:#6c757d;
}
.page-link:hover {
  color: #fff;
  background-color:#6c757d;
}
.page-item.active .page-link {
  background-color:#6c757d;
  border-color:#dee2e6;
}
.page-link:focus, .page-item.active .page-link:focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0,123,255,0);
}
.cms_cont .pagination a,
.cms_cont .pagination a:hover {
  text-decoration:none;
}
.cms_cont .pagination a.btn,
.cms_cont .pagination a.btn:hover {
  text-decoration:none;
}
.cms_cont ul.pagination li,
.cms_cont ol.pagination li  {
  left: 0px;
  list-style: none;
  list-style-position: outside;
  list-style-type: none;
  position: relative;
  margin-right:0px;
}
.cms_cont ol.pagination li {
  list-style-type:none;
}



/* **************************************************************************** */
/* Masonery ******************************************************************* */
/* **************************************************************************** */
.masonry_list .card-columns .card {
  margin-bottom:10px;
}
.masonry_list .markers {
  top:10px;
  right:5px;
}
.masonry_list .card-columns {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
@media (max-width: 992px) {
  .masonry_list .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    orphans: 1;
    widows: 1;
  }
}
@media (max-width: 576px) {
  .masonry_list .card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    orphans: 1;
    widows: 1;
  }
}  



/* **************************************************************************** */
/* Justified ****************************************************************** */
/* **************************************************************************** */
.articlelist_cont.justified_list .card-body {
  display: none;
}
.justified_list .markers {
  top:5px;
  right:5px;
}



/* **************************************************************************** */
/* Detailansicht Bild ********************************************************* */
/* **************************************************************************** */
.detImage {
  position:relative;
  height: auto;
  max-height: 498px;
}
.detImage.imgHasBorder {
  border:1px solid rgba(0,0,0,.125);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.carousel-inner {
  max-height: 498px;
}
#main_image_carousel .carousel-control-prev-icon,
#main_image_carousel .carousel-control-next-icon {
  width:15px;
  height:15px;
  position:relative;
  top:-2px;
}
#main_image_carousel .carousel-control-prev-icon {
  justify-content:left;
}
#main_image_carousel .carousel-control-next-icon {
  justify-content:right;
}

#main_image_carousel img,
.imgBox img {
  max-width:100%;
  height:auto;
  margin:0 auto;
}
.imgBox {
  text-align:center;
  margin:0 auto;
  width:85%;
  height:100%;
}
.sliderimg,
.content-gallery-img,
.openGal {
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .zoomSpan,
  .imgBox {
    display:block;
  }
}

.pswp {
  z-index: 9999999;
}
.pswp__ui--idle .pswp__top-bar {
  opacity:1;
}
.pswp__button--close {
  background-position: 0 -50px;
}
.pswp__counter {
  line-height:30px;
}
.pswp__top-bar {
  height:32px;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display:none;  
}
.pswp__caption__center {
  font-size:inherit;  
}

.video_container {
  width:100%;
  position:relative;
  display:none;
  padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0px;
  height: 0;
}
.video_container.onContent {
  display:block;
  margin-bottom:15px;
}
.video_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainImage.showVideo {
  overflow: visible;
}
.mainImage.showVideo .video_container {
  display:block;
}
.mainImage.showVideo .detImage {
  display:none;
}
.close_video_container {
  position: absolute;
  top: -20px;
  z-index: 2;
  right: 0px;
  cursor: pointer;
}

.videoImage span.oi {
  position: absolute;
  top: 45%;
  left: 45%;
  font-size: 1.5rem;
  color: #ff0000;
  z-index: 111;
  background-color: #ddd;
  padding: 3px 14px 3px 18px;
}



/* **************************************************************************** */
/* Detailansicht Mehr Bilder ************************************************** */
/* **************************************************************************** */
.moreImages .mi-item {
  display:block;
  max-height:67px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.moreImages .imgHasBorder .mi-item {
  border:1px solid rgba(229, 229, 229, 1);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .moreImages .mi-item {
    width: 80px;
    height: 67px;
    display: inline-block;
  }
}
.moreImages.bottomPos .mi-item {
  width: 80px;
  height: 67px;
  display: inline-block;
}

.moreImages .mi-item .inner {
  display:table;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height:100%;
  width:100%;
  padding:2px;
}
.moreImages .mi-item .inner a {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.videoThumb {
  position:relative;
}
.videoThumb img {
  max-width:100%;
  max-height:67px;
}



/* **************************************************************************** */
/* Detailansicht Downloads **************************************************** */
/* **************************************************************************** */
.pdficon {
  background: #fff url(../img/docs.png) -10px -67px no-repeat;
  background-color:transparent;
}
.docicon {
  background: #fff url(../img/docs.png) -10px -44px no-repeat;
  background-color:transparent;
}
.xlsicon {
  background: #fff url(../img/docs.png) -10px 1px no-repeat;
  background-color:transparent;
}
.ppticon {
  background: #fff url(../img/docs.png) -10px -21px no-repeat;
  background-color:transparent;
}
.dxficon {
  background: #fff url(../img/docs.png) -10px -382px no-repeat;
  background-color:transparent;
}
.downloadLink {
  padding-left:25px;
  height:21px;
  display:block;
  line-height:14px; 
}
a.downloadLink {
  text-decoration:underline;
}



/* **************************************************************************** */
/* Detailansicht Article Data ************************************************* */
/* **************************************************************************** */
#productDetail .markers {
  position:relative;
}
#productDetail .markers .badge {
  font-size:85%;
  font-weight:normal;
}
#productDetail .rating-count {
  position: relative;
  top: -6px;
}
.price_inclusives a {
  text-decoration:underline;
}
#productDetail .price_till {
  font-size: 100%;
}
#productDetail .product_stock {
  font-size: 100%;
  color: #57ae57 !important;
}
.optionCont ul li {
  background-color: #ffffff;
  border: 0px;
  border-radius: 0;
  display: inline-block;
  margin: 0 0px 5px 0;
  line-height: 0px;
}
.optionCont li.inactiveOpt {
  background-color: #ddd;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
select option.inactiveOpt {
  background-color: #ddd;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.varoptions {
  background-color:#f7f7f7;
  border-bottom:0px solid rgba(0,0,0,.125);
}
.varoption_icon .colorPicker_check {
  display: none;
}
.varoption_icon.activeOpt .colorPicker_check {
  display: block;
}
.alertCont {
  display:none;
}
.intoBasketRow {
  background-color:#f7f7f7;
  border-bottom:0px solid rgba(0,0,0,.125);
}
.socItem {
  line-height: 14px;
}



/* **************************************************************************** */
/* Detailansicht Review Article *********************************************** */
/* **************************************************************************** */
.raty {
  -moz-box-sizing: border-box;
  display: inline;
  height: 23px;
  width: 257px;
}
.raty img {
  vertical-align:top;
}
.rating-hint {
  position:relative;
  top:-7px;
}
#productReviews .rating-filter {
  left:7px;
}
#productReviews .dist-table .dist-rating {
  padding-left:0px;
  text-align:left;
}
#productReviews .dist-table .rating-filter {
  left:0px;
}
#productReviews .dist-table .indicator {
  margin-top:7px;
}
.reviews-list {
  background-color: #f7f7f7;
  height: auto;
}
.reviewDate {
  display: block;
  float: left;
  margin-right: 6px;
  margin-top: -7px;
}
.helpfullThankYouQ {
  display: inline;
}
.helpfullThankYou {
  display: none;
}




/* **************************************************************************** */
/* Detailansicht Slider Article *********************************************** */
/* **************************************************************************** */
.row.articlelist.slick-slider {
  display:block;
}
.row.articlelist.slick-slider * {
  min-height: 0;
  min-width: 0;
}
.articlelist.slick-slider .slick-track {
  margin-left:0px;
  margin-right:0px;
}
.sliderlist .slick-prev::before {
  content:'pre';
  width: 30px;
  height: 30px;
  font-size: 12px;
  color: transparent;
  opacity: 1;
  font-family: inherit;
  position: relative;
  top: 2px;
  left: 0px;
}
.sliderlist .slick-next::before {
  content:'pre';
  width: 30px;
  height: 30px;
  font-size: 12px;
  color: transparent;
  opacity: 1;
  font-family: inherit;
  position: relative;
  top: 2px;
  left: 0px;
}
.sliderlist .slick-prev {
  left: 20px;
  z-index: 1;
  background: rgba(238,238,238,1);
  border-radius: 0;
  color:rgba(102,102,102,1);
  cursor: pointer;
  height: 30px;
  line-height: 36px;
  width: 30px;
  z-index: 200;
  display:inline;
}
.sliderlist .slick-next {
  right: 20px;
  z-index: 1;
  background: rgba(238,238,238,1);
  border-radius: 0;
  color:rgba(102,102,102,1);
  cursor: pointer;
  height: 30px;
  line-height: 36px;
  width: 30px;
  z-index: 200;
  display:inline;
}  



/* **************************************************************************** */
/* Suggest ******************************************************************** */
/* **************************************************************************** */
#searchbox {
  position: relative;
}
#suggest {
  width: 328px;
  background-color: white;
  margin-top: 1px;
  padding-bottom: 0px;
  padding-top: 0px;
  border: 0px solid #bababa;
  position: absolute;
  z-index: 100001;
  display: none;
}
#suggest .card-title .list-group-item,
ul.suggest .list-group-item {
  padding: .375rem .75rem;
}
ul.suggest .list-group-item.result_counts {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
ul.suggest .list-group-item.result_counts a {
  color: #fff;
}
#suggest li img.product_media_small {
  width: 40px;
}
.highlight { 
  font-weight: bold;
}

.suggest_footer {
  padding: .375rem .75rem;
}
.suggest_footer .poweredby {
  margin-top: 2px;
  float: right;
  text-align: right;
}
.suggest_footer a {
  padding-left: 5px;
  float:right;
}
.suggest_footer img {
  height: 18px;
}



/* **************************************************************************** */
/* Coupons ******************************************************************** */
/* **************************************************************************** */
@media (max-width: 576px) {
  .add_coupon .form-group {
    width:100%;
  }
}



/* **************************************************************************** */
/* Checkout Stepsnav ********************************************************** */
/* **************************************************************************** */
.steps-step {
  height:50px;
}
.steps .current_step,
.steps-step:hover {
  background-color: #686b6c;
  color: #fff;
  cursor: pointer;
}
.steps-step:hover a,
.steps .current_step a {
  color:#fff;
}
.arrow_box_1:hover {
  background-color: #f7f7f7;
  border: 1px solid #dfdfdf;
  color:#212529; 
}
.arrow_box_1:hover a {
  color:#212529;
}
.arrow_box_1.w_border_::before {
  border-left-color:rgba(247, 247, 247,1);
}

/* Step 1,2,3 */
.arrow_box_1,
.arrow_box_2,
.arrow_box_3,
.arrow_box_4 {
  position: relative;
  background: #f7f7f7;
  border: 1px solid #dfdfdf;
}
.arrow_box_1:after,
.arrow_box_1:before,
.arrow_box_2:after,
.arrow_box_2:before,
.arrow_box_3:after,
.arrow_box_3:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index:2;
}
.arrow_box_1:after,
.arrow_box_2:after,
.arrow_box_3:after {
  border-color: rgba(179, 181, 181, 0);
  border-left-color: rgba(247, 247, 247, 1);
  border-width: 24px;
  margin-top: -24px;
}
.arrow_box_1:before,
.arrow_box_2:before,
.arrow_box_3:before {
  border-color: rgba(247, 247, 247, 0);
  border-left-color: rgba(247, 247, 247,1);
  border-width: 25px;
  margin-top: -25px;
}
.arrow_box_1::before {
  border-left-color:#dfdfdf;
}
/* Step 1,2,3 active*/
.arrow_box_1.current_step,
.arrow_box_2.current_step,
.arrow_box_3.current_step {
  position: relative;
  background: #686b6c;
  border:1px solid #686b6c;
  border-right:0px;
}
.arrow_box_1.current_step:after,
.arrow_box_1.current_step:before,
.arrow_box_2.current_step:after,
.arrow_box_2.current_step:before,
.arrow_box_3.current_step:after,
.arrow_box_3.current_step:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index:2;
}
.arrow_box_1.current_step:after,
.arrow_box_2.current_step:after,
.arrow_box_3.current_step:after {
  border-left-color: transparent;
  border-width: 0px;
  margin-top: 0px;
}
.arrow_box_1.current_step:before,
.arrow_box_2.current_step:before,
.arrow_box_3.current_step:before {
  border-left-color: #686b6c;
  border-width: 25px;
  margin-top: -25px;
}
.arrow_box_1.current_step:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
.arrow_box_1.current_step::before {
  border-left-color:#686b6c;
}
.arrow_box_1.current_step.w_border::before {
  border-left-color:#b3b5b5;
}
/* Step 2 */
.arrow_box_2::before {
  border-left-color:#dfdfdf;
}
.arrow_box_2:after,
.arrow_box_2:before,
.arrow_box_2.current_step:after,
.arrow_box_2.current_step:before {
  z-index:1;
}
.arrow_box_2.current_step::before {
  border-left-color:#686b6c;
}
.arrow_box_2.current_step.w_border::before {
  border-left-color:#b3b5b5;
}
.arrow_box_2.current_step:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
/* Step 3 */
.arrow_box_3:after,
.arrow_box_3:before,
.arrow_box_3.current_step:after,
.arrow_box_3.current_step:before {
  z-index:1;
}
.arrow_box_3::before {
  border-left-color:#dfdfdf;
}
.arrow_box_3.current_step::before {
  border-left-color:#686b6c;
}
.arrow_box_3.current_step.w_border::before {
  border-left-color:#b3b5b5;
}
.arrow_box_3.current_step:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
/* Step 4 */
.arrow_box_4.current_step {
  border-color:#686b6c;  
}
/* Step on mouseover */
.arrow_box_2:hover,
.arrow_box_3:hover {
  background-color: #686b6c;
  border-color:#686b6c;
  border-right:0px;
  color: #fff;
  cursor: pointer;
}
.arrow_box_2:hover:after,
.arrow_box_3:hover:after {
  border-left-color: #686b6c;
}
.arrow_box_2:hover:before,
.arrow_box_3:hover:before {
  border-left-color: #686b6c;
}
.arrow_box_4:hover {
  border-color:#686b6c; 
}
.arrow_box_1.w_arrow_w:before {
  border-left-color:#dfdfdf;
}
.arrow_box_1.w_arrow_w:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
.arrow_box_2.w_arrow_w:before {
  border-left-color:#dfdfdf;
}
.arrow_box_2.w_arrow_w:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
.arrow_box_3.w_arrow_w:before {
  border-left-color:#dfdfdf;
}
.arrow_box_3.w_arrow_w:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
.arrow_box_4.w_arrow_w::before {
  border-left-color:#686b6c;
}
.arrow_box_4.w_arrow_w:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
@media (max-width: 768px) {
  /* Step 1,2,3 */
  .arrow_box_1,
  .arrow_box_2,
  .arrow_box_3 {
    border-bottom:0px;
  }
  .arrow_box_1:after,
  .arrow_box_1:before,
  .arrow_box_2:after,
  .arrow_box_2:before,
  .arrow_box_3:after,
  .arrow_box_3:before {
    top: 100%;
    left: 50%;
  }
  .arrow_box_1:after,
  .arrow_box_2:after,
  .arrow_box_3:after {
    border-color: rgba(179, 181, 181, 0);
    border-top-color: rgba(247, 247, 247, 1);
    border-width: 7px;
    margin-left: -7px;
  }
  .arrow_box_1:before,
  .arrow_box_2:before,
  .arrow_box_3:before {
    border-color: rgba(247, 247, 247, 0);
    border-top-color: rgba(247, 247, 247, 1);
    border-width: 8px;
    margin-left: -8px;
    margin-top:0px;
  }
  .arrow_box_3:before {
    border-top-color: #dfdfdf;
  }
  .arrow_box_1:after,
  .arrow_box_2:after,
  .arrow_box_3:after {
    margin-top:0px;
  }
  /* Step 1,2,3 active*/
  .arrow_box_1.current_step:after,
  .arrow_box_1.current_step:before,
  .arrow_box_2.current_step:after,
  .arrow_box_2.current_step:before,
  .arrow_box_3.current_step:after,
  .arrow_box_3.current_step:before,
  .arrow_box_1.current_step.w_border:before,
  .arrow_box_2.current_step.w_border:before,
  .arrow_box_3.current_step.w_border:before {
    top: 100%;
    left: 50%;
  }
  .arrow_box_1.current_step:after,
  .arrow_box_2.current_step:after,
  .arrow_box_3.current_step:after,
  .arrow_box_1.current_step.w_border:after,
  .arrow_box_2.current_step.w_border:after,
  .arrow_box_3.current_step.w_border:after {
    border-color: rgba(179, 181, 181, 0);
    border-width: 7px;
    margin-left: -7px;
    margin-top:0px;
  }
  .arrow_box_1.current_step:before,
  .arrow_box_2.current_step:before,
  .arrow_box_3.current_step:before,
  .arrow_box_1.current_step.w_border:before,
  .arrow_box_2.current_step.w_border:before,
  .arrow_box_3.current_step.w_border:before {
    border-color: rgba(247, 247, 247, 0);
    border-top-color: #686b6c;
    border-width: 8px;
    margin-left: -8px;
    margin-top:0px;
  }
  .arrow_box_1.current_step.w_border,
  .arrow_box_1.w_arrow_w,
  .arrow_box_2.current_step.w_border,
  .arrow_box_2.w_arrow_w,
  .arrow_box_3.current_step.w_border,
  .arrow_box_3.w_arrow_w {
    border-bottom:1px solid rgba(247, 247, 247,1);
  }
  .arrow_box_1.current_step.w_border:before
  .arrow_box_1.w_arrow_w:before,
  .arrow_box_2.current_step.w_border:before,
  .arrow_box_2.w_arrow_w:before,
  .arrow_box_3.current_step.w_border:before,
  .arrow_box_3.w_arrow_w:before {
    border-top-color: rgba(247, 247, 247,1);
  }
  .arrow_box_1.w_arrow_w:after,
  .arrow_box_1.current_step.w_border:after,
  .arrow_box_2.current_step.w_border:after,
  .arrow_box_2.w_arrow_w:after,
  .arrow_box_3.current_step.w_border:after,
  .arrow_box_3.w_arrow_w:after {
    border-color: rgba(179, 181, 181, 0);
    border-top-color: rgba(247, 247, 247,1);
    border-width: 7px;
    margin-left: -7px;
    margin-top:0px; 
  }
  /* Step on mouseover */
  .arrow_box_1:hover:after,
  .arrow_box_1:hover:before,
  .arrow_box_2:hover:after,
  .arrow_box_2:hover:before,
  .arrow_box_3:hover:after,
  .arrow_box_3:hover:before {
    top: 100%;
    left: 50%;
    margin-left:0px;
  }
  .arrow_box_1:hover:after,
  .arrow_box_2:hover:after,
  .arrow_box_3:hover:after {
    border-color: rgba(179, 181, 181, 0);
    border-top-color: #686b6c;
    border-width: 7px;
    margin-left: -7px;
  }
  .arrow_box_1:hover:before,
  .arrow_box_2:hover:before,
  .arrow_box_3:hover:before {
    border-color: rgba(179, 181, 181, 0);
    border-top-color: #686b6c;
    border-width: 8px;
    margin-left: -8px;
    margin-top:0px;
  }
  .arrow_box_4:hover {
    border-color:#00457c; 
  }
  .arrow_box_1.w_arrow_w:before,
  .arrow_box_1.current_step.w_border:before,
  .arrow_box_2.current_step.w_border:before,
  .arrow_box_2.w_arrow_w:before,
  .arrow_box_3.current_step.w_border:before,
  .arrow_box_3.w_arrow_w:before {
    border-top-color:rgba(247, 247, 247,1);
  }
  .arrow_box_1.w_arrow_w:after,
  .arrow_box_1.current_step.w_border:after,
  .arrow_box_2.current_step.w_border:after,
  .arrow_box_2.w_arrow_w:after,
  .arrow_box_3.current_step.w_border:after,
  .arrow_box_3.w_arrow_w:after {
    border-top-color: #686b6c; 
    border-width:7px;
    margin-left:-7px; 
  }
}



/* **************************************************************************** */
/* Checkout Payment *********************************************************** */
/* **************************************************************************** */
.plusPayInfos p,
.bankAccountOption {
  margin-left:1.3rem !important;
}
.plusPayInfos p.isDefaultBankAccount {
  margin-left:0px !important;
}


/* **************************************************************************** */
/* Checkout Address Step ****************************************************** */
/* **************************************************************************** */
.aUp,
.allAddressess {
  display:none;
}
.showAddressContainer,
.noShippingAdrUseLabel {
  cursor: pointer;
}
.address_select_item .edit_label {
  display:none;
}
.address_select_item .address_form_container {
  display:none;
}
.address_select_item .address,
.address_select_item.new_address,
.address_select_item.noShippingAdrUse {
  cursor:pointer;
}
.address_select_item .address_form_container .close_address_form_container {
  position: absolute;
  right: -3px;
  top: -2px;
  cursor: pointer;
}
.isDefaultBankAccount {
  display:block;  
}




/* **************************************************************************** */
/* Payment Launch Step ******************************************************** */
/* **************************************************************************** */
.payment_loading {
  position : absolute;
  z-index : 999;
}
.payment_loading div {
  display:table-cell;
  width:300px;
  height:100px;
  background:#fff;
  text-align:center;
  vertical-align:middle;
}



/* **************************************************************************** */
/* More Images on Content ***************************************************** */
/* **************************************************************************** */
.more-images-badge {
  position:absolute;
  left:0px;
  bottom:0;
  cursor:pointer;  
}
.more-images-badge.position-r {
  position:relative;
}
.pswp__bg {
  background:#36393b;  
}

.cms_cont .pswp__zoom-wrap {
  text-align: center;
}
.cms_cont .pswp__zoom-wrap::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.cms_cont .wrapper {
  line-height: 0;
  width: 100%;
  max-width: 900px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.cms_cont .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  width: 100%;
}  
.cms_cont .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cms_cont video {
  width: 100% !important;
  height: auto !important;
}

.galleryVideoLoader {
  background-color: #fff;
  border: 1px solid #eee;
  box-sizing: border-box;
  height: 50px;
  margin: 0 auto;
  padding: 2px;
  position: absolute;
  text-align: center;
  top: 40%;
  left:40%;
  width: 50px;
  position:relative;
}
.galleryVideoLoader img {
  display: block;
  position: relative;
  top: 6px;
  left: 6px;
}

/* **************************************************************************** */
/* Dealers ******************************************************************** */
/* **************************************************************************** */
#map {
  height: 400px;
  margin-bottom: 15px;
}
.geocoding-box{
}

#geo-suggest{
  position: absolute;
  width: 100%;
  z-index: 1;
  border: 1px solid #ddd;
}

#location_trigger img{
  height:22px;
  margin-top: -3px;
}

.H_ib{
  background: white !important;
}
.H_ib_body{
  background: white !important;
  color: black !important;
  font-size: 12px !important;
  min-width: 11em !important;
}
.H_ib_close svg.H_icon{
  fill: black !important;
}


/* **************************************************************************** */
/* Newsletter on Homepage ***************************************************** */
/* **************************************************************************** */
.newsletter-form-cont {
  text-align:center;
  background-color:#f7f7f7;
  border: 1px solid rgba(0,0,0,.125);
}
@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important;
  }
}

/* **************************************************************************** */
/* h2 in size of h1 *********************************************************** */
/* **************************************************************************** */
.h2-as-h1 {
  font-size: 1.5em;
}

@media (min-width: 576px) {
  .h2-as-h1 {
    font-size: 2em;
  }
}


#shipping_info {
  color: #1e22ba;
}


.top_disturber {
  background-color: rgba(247, 120, 37, 1);
  font-size: 1.5rem;
}

.top_disturber span,
.top_disturber a {
  display: inline-block;
  width: 100%;
  color: rgba(248, 255, 248, 1);
  text-align: center;
  font-weight: bold;
  padding: 1.2rem 0.5rem;
}
