@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
body {
  background-color: #F0F1F5;
  font-family: 'Roboto', sans-serif;
} 


a{
    color: black;
}

.item-kicker:hover{
color: #4a7ee4;
  text-decoration: underline; 
}


a:hover {
//color: #4a7ee4;
  text-decoration: none; 
}


/* Carousel */


/*
.owl-carousel .carousel-item-text {
//  padding: 12px;
line-height: 19px;
text-align: center; 
font-size: 12px;
}
*/




.owl-carousel .carousel-item {
  background: #fff;
  /*border: 1px solid #D9D7DA; */
  text-align: center;
}
 

.owl-carousel .carousel-item-text {
    // padding: 12px;
    line-height: 19px;
    text-align: center;
    font-size: 12px;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* color: rgba(0,0,0,.87); */
    display: -webkit-box!important;
   // font-weight: 700;
    height: 38px;
    height: 40px;
    line-height: 19px;
    /* margin: 4px 20px 0; */
    overflow: hidden;
    white-space: pre-wrap;
    /* width: 115px; */
    /* word-break: break-all; */
}

.owl-carousel .carousel-item .item-kicker {
  color: #9A5053;
  display: block;
  font-size: .8em;
  font-weight: 600;
  height: 30px;
  margin-bottom: 16px;
  overflow: hidden;
  text-transform: uppercase;
}

.owl-carousel .carousel-item .item-title {
  color: #646464;
  font-size: 1em;
  font-weight: 600;
  height: 38px;
  margin: 0;
  overflow: hidden;
}

.owl-dots2 { 
  margin-top: 40px;
  text-align: center;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.owl-dot {
  border-radius: 50px;
  height: 10px;
  width: 10px;
  display: inline-block;
  background: rgba(127, 127, 127, 0.5);
  margin-left: 5px;
  margin-right: 5px; 
}

.owl-dot.active {
  background: rgba(127, 127, 127, 1);
}


.margin_top_button {
    margin-top: 18px;
    margin-bottom: 10px; 
}


///

 .carousel-wrapper {
      width: 1200px;
      margin: auto;
      position: relative;
      text-align: center; 
      font-family: sans-serif;
    }
    .owl-carousel .owl-nav { 
      overflow: hidden;
      height: 0px;
    }
    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
      background: #5110e9;
    }

 //   .owl-carousel .item {
 //     text-align: center;
 //   }

.owl-carousel .item {
    text-align: -webkit-center;
background: white;
}



.owl-carouselxx .itemxx {
    text-align: -webkit-center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 155px;
    margin: 0;
    padding: 0;
    /* text-align: center; */
    /* width: 154px!important; */
}



    .owl-carousel .nav-button {
      height: 50px;
      //width: 25px;
width: 55px;
      cursor: pointer;
      position: absolute;
      //top: 110px !important;
top: 55px !important;
    }
    .owl-carousel .owl-prev.disabled,
    .owl-carousel .owl-next.disabled {
      pointer-events: none;
      opacity: 0.25;
    }
    .owl-carousel .owl-prev {
      left: -35px;
    }
    .owl-carousel .owl-next {
      right: -35px;
    }
    .owl-theme .owl-nav [class*=owl-] {
      color: #ffffff;
      font-size: 39px;
      background: #000000;
      border-radius: 3px;
    }
    .owl-carousel .prev-carousel:hover {
      background-position: 0px -53px;
    }
    .owl-carousel .next-carousel:hover {
      background-position: -24px -53px;
    }

.carousel-item-image{
     height: 95px;
    width: 95px;
    }




.product-card__badge--new {
    background: #f36d3d;
    color: #fff;
}