#carousels-container {
    background-color: #FFF;
    padding: 15px 35px;
    margin-top: 30px;
}

.product-carousel .swiper-container {
    height: auto;
    display: block;
}

.product-carousel .swiper-slide {
    height: 318px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.product-carousel .swiper-pagination  {
    bottom: unset !important;
    left: unset;
    position: relative;
    width: 10%;
    float: left;
}

.product-carousel .hr-line hr {
	background-color: #CCC;
    opacity: 0.5;
	height: 1px;
}

.product-carousel .hr-line {
    width: 90%;
    float: left;
    height: 1px;
}

.product-carousel .hr-line.hr-full {
    width: 100%;
}

.product-carousel .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    padding: 5px;
}

.product-carousel .swiper-pagination-bullet-active {
	background: #b41601;
}

.product-carousel .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet  {
    margin: 0px 4px;
}

.product-carousel .product-holder {
    border: 1px solid #CCC;
    width: 24%;
    display: inline;
    float: left;
    margin: 0.5%;
    padding: 5px;
    height: 91%;
}

.product-carousel .swiper-button {
    opacity: 0.8;
    top: 55%;
    width: auto;
    height: auto;
    font-size: 28px;
    font-weight: bold;
    color: #FFF;
    background-color: #CCC;
    background-image: none;
    padding: 7px 11px;
    line-height: 30px;
}

.product-carousel .swiper-button-prev {
    left: 0;
}

.product-carousel .swiper-button-next {
    right: 0;
}

.product-carousel .add-to-cart-button {
	letter-spacing: 0.5px;
	font-family: jnjbodyfont, serif;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
	border-radius: 27px;
	background-color: #b41601;
	text-align: center;
	padding: 10px 12px;
	text-transform: uppercase;
    margin: 10% 5px 0 0;
}

.product-carousel .add-to-cart-button.focus,
.product-carousel .add-to-cart-button:focus {
	color: #fff;
	background-color: #B41601;
	border-color: #8C8C8C;
}

.product-carousel .add-to-cart-button:hover {
	color: #FFF;
	background-color: #901201;
	border-color: #ADADAD;
}

.product-carousel .title {
	font-size: 18px;
}

.product-carousel .image-place-holder {
    height: 55%;
    margin: 0 auto;
    display: block;
}

.product-carousel .image-place-holder img {
    height: 96px;
    width: 96px;
    margin: 10% 0;
}

.product-carousel .product-details {
    height: 25%;
	text-align: center;
	border-bottom: 1px solid #CCC;
	line-height: 15px;
	font-size: 15px;
}

.product-carousel .product-code {
    border: none;
    padding: 5px;
}

.product-carousel .product-actions {
    height: 20%;
}

.product-carousel .product-details a {
    color: #828282;
}

.product-carousel .product-detail-img {
    height: 96px;
    width: 96px;
    margin: 10px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .product-carousel .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet  {
        margin: 6px 2px 0px 3px;
    }
}

@media (max-width: 767px) {
    .product-carousel .title {
    	font-size: 14px;
    }

    .product-carousel .hr-line {
        width: 100%;
    }

    .product-carousel .swiper-wrapper {
        width: 100%;
    }

    .product-carousel .product-holder {
        width: 99%;
        height: 99%;
        display: inline;
        float: left;
        margin: 0.5%;
        padding: 5px;
    }

    .product-carousel .image-place-holder img {
        margin: 5% 0;
    }

    .product-carousel .swiper-button-prev {
        left: 2px;
    }

    .product-carousel .swiper-button-next {
        right: 2px;
    }
}

.carousel-component,
.carousel__component {
  .clearfix::before {
      content: "";            /* Creates a pseudo-element */
      display: table;        /* Makes it a block element */
  }
  .clearfix::after {
      clear: both;           /* Clears any floats */
  }
  clear: both;
	.carousel__component--headline {

	}

 	&:first-child {
        padding: 0px;
  	}
}
.carousel,
.carousel__component--carousel {
	width: 100%;
	height: auto;
	float: left;
    margin: 0;
	.item,
	.carousel__item{
		display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        height: 100%;

		.carousel__item--thumb {
			img {
            margin: 0px 0px 5px 0px;
	        width: 96px;
            height: 96px;
			}
		}
    .carousel__item--description{

       .carousel_product_name{
            font-weight: bold;
            color: #828282;
            padding-left: 5px;
            padding-right: 5px;
            height: 3em;
            line-height: 1.5em;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            word-wrap: break-word;
            margin: 0;
            text-align: center;
            max-width: 28rem;
        }

       .carousel_product_code{
          margin: 5px auto;
          text-align: center;
          color: #828282;
          a{
            text-decoration: underline;
          }

          a:hover, a:focus{
            text-decoration: none;
          }
       }

       .carousel_button{
         text-align: center;

         .addToCartBtn {
            margin-left: 0px;
            margin-right: 0px;
         }
       }
    }
	}
}

.owl-carousel{
	.clearfix;

	position: relative;
	width: 100%;
  -webkit-tap-highlight-color: transparent;
	.grabbing {
	}

	.owl-wrapper-outer{
		overflow: hidden;
		position: relative;
		width: 100%;
		&.autoHeight{
			-webkit-transition: height 500ms ease-in-out;
			-moz-transition: height 500ms ease-in-out;
			-ms-transition: height 500ms ease-in-out;
			-o-transition: height 500ms ease-in-out;
			transition: height 500ms ease-in-out;
		}
		.owl-wrapper{
			&:after{
				.clearfix;
			}
			.owl-item{
				float: left;
                height: 260px;
				&.loading{
					&>*{
						min-height:1px;
					}
				}

			}
		}
	}

	.disabled {
    background-color: transparent !important;
  }

	.owl-controls{
		position: absolute;
		width: 100%;
		top: 55px;
		height: 20px;
		.owl-buttons{
		  margin: 0;

            .owl-prev{
                float: left;
                font-size: 20px;
                color: #828282 !important;

            }

            .owl-next{
                float: right;
                font-size: 20px;
                color: #828282 !important;
            }
		}
		.owl-buttons [class*='owl-'] {
     		display: inline-block;
     		cursor: pointer;
     		border:0;
        }
	}
}
.carousel_product_price{
    margin-bottom: 5px; 
    font-size: 14px;
    text-align: center;
    height: 2rem;
}
.carousel_product_price_vertical{
    width: 150px;
    text-align: center;
}
.img-carousel{
    max-height: 100px;
    object-fit: contain;
    width: auto;
    height: auto;
    display: block;
    margin-right: 20px;
    min-width: 90px;
}

.home-widget-title  {
    font-size: 25px;
    padding: 7px 0px 5px 25px;
}
.carousel-vertical-summary{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 55%;
    height: 25%;
}

@media (max-width: 767px) {
    .img-carousel{
        max-height: 100px;
        margin-right: 10px;
        min-width: 50px;
    }
    .carousel_product_price_vertical{
        width: 100px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .img-carousel{
        max-height: 100px;
        margin-right: 15px;
        min-width: 75px;
    }
    .carousel_product_price_vertical{
        width: 120px;
    }
}

.icon-arrow-left{
   background: url('../images/icon/icon-arrow-left.png') no-repeat 0 0 scroll;
   height:100px;
   width:60px;
 }

.icon-arrow-right{
    background: url('../images/icon/icon-arrow-right.png') no-repeat 0 0 scroll;
    height:100px;
    width:60px;
}