/* All sliders are wrapped within this container class (The container of the slider)*/
.bg-slider-container {
    height: 100%;
    padding: 15px;
    margin-left: 25px; /* This is to keep left arrow from overflow */
    margin-right: 25px; /* This is to keep right arrow from overflow */
}

/* This is the default class name for sliders (The container of the slides) */
.bg-slider-default {

}

.bg-container-overflow .slick-list {
    padding: 40px !important;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

/* All slides regardless contain this class name */
.bg-slider-default .bg-slider-item {
    text-align: center;
    background: #fff;
    margin: 5px;
    box-shadow: -1px 1px 5px 1px rgba(200, 200, 200, .5);
}

/* All slides with images contain this class name (e.g., <div class="bg-slider-item"><div class="bg-slide-image">[IMAGE TAG IS HERE]</p></div>) */
.bg-slider-default .bg-slide-image img {
    margin: 0 auto;
    height: 100px;
    width: 100px;
}

/* All slides with text contain this class name as a paragraph (e.g., <div class="bg-slider-item"><p class="bg-slide-text>[TEXT IS HERE]</p></div>) */
.bg-slider-default .bg-slide-text {
    
}

/* All slides with HTML contain this class name (e.g., <div class="bg-slider-item"><div class="bg-slide-html>[HTML IS HERE]</div></div>) */
.bg-slider-default .bg-slide-html {

}

/* Color of the slider arrows */
.bg-slider-default .slick-prev:before,
.bg-slider-default .slick-next:before {
    color: red;
}

.bg-slider-default .bg-slider-item.slick-center {

}

.slick-track {
    transition: unset;
}

.bg-slider-item {
    -webkit-transition: transform ease-in-out .5s;
    -moz-transition: transform ease-in-out .5s;
     -ms-transition: transform ease-in-out .5s;
      -o-transition: transform ease-in-out .5s;
      transition: transform ease-in-out .5s;
}

.slick-center
{
    -moz-transform:scale(1.3);
    -ms-transform:scale(1.3);
    -o-transform:scale(1.3);
    -webkit-transform:scale(1.3);
    color:#e67e22;
    opacity:1;
    transform:scale(1.3);
}