.carousel-photo-container * {
  box-sizing: border-box;
}
.carousel-photo-container img {
/*  width: 100%;*/
}
.carousel-photo, .carousel-photo-nav--vertical {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  display:block;
  position:relative;
}
.carousel-photo {
  float: left;
  width: 100%;
}
.carousel-photo-nav--vertical ::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
.carousel-photo-nav-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-right: 1%;
  /*overflow-x: scroll;*/
  text-align: center;
  margin-left: 25px;
  display:inline-block;
  height:122px;
  overflow: hidden;
  margin-top: 3px;
}

.carousel-photo-nav-list .carousel-photo-nav-item {
    /*margin: 15px 15px 15px 15px;*/
	margin: 6px 5px 7px 5px;
    width: 106px;
    display: inline-block;
    position: relative;
    /*margin: auto 0;*/
    vertical-align: middle;
    height: 106px;
	cursor:pointer;
}

.carousel-photo-nav-list .carousel-photo-nav-item img {
	opacity: 0.4;

    margin: auto auto;
    width: 100px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;

}

.carousel-photo-nav-list .carousel-photo-nav-item .carousel-nav-item-image-inner {
    border: 3px solid transparent;  
    border-color: rgba(200, 200, 200, .5);
	height:100%;
	width:100%;
}

.carousel-photo-nav-list .carousel-photo-nav-item.active .carousel-nav-item-image-inner {
    border-color:#b81010;
}

.carousel-photo-nav-list .carousel-photo-nav-item.active .carousel-nav-item-image-inner img {
	  opacity: 1.0;
}

.carousel-photo-btn {
  /*background: #f52031;*/
  color: #f52031;
  cursor: pointer;
  display: inline-block;
  padding: 5px 0;  
  text-align: center;
  opacity: 0.5;
  transform: rotate(90deg);
  position: absolute;
  top: 37%;

}

.carousel-product-photo {
	width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
	margin-top: 5%;
}

/* Slick Overrides */
.fa-1-5x {
  font-size: 1.5em;
}
.carousel-photo .slick-prev, .carousel-photo .slick-next {
  content: "";
  z-index: 9999;
}
.carousel-photo .slick-prev:before, .carousel-photo .slick-next:before {
  font-family: 'Font Awesome 5 Free';
  font-weight:900;
}
.carousel-photo .slick-prev {
  left: 1px;
}
.carousel-photo .slick-next {
  right: -4px;
}
.carousel-photo .slick-prev:before {
  content: "\f053";
}
.carousel-photo .slick-next:before {
  content: "\f054";
}

@media screen and (max-width: 600px) {
  .carousel-photo {
    float: none;
    width: 100%;
  }
  .carousel-photo-nav--vertical {
    display: none;
  }
  .carousel-photo-container img {
    width: 80%;
    height: 100%;
  }
}