.customize-tools { position: relative; }
.thumbnails {
    margin: 20px 0;
    text-align: center;
}
.thumbnails li {
    display: inline-block;
    cursor: pointer;
    border: 5px solid #fff;
}
.thumbnails .tns-nav-active {
    background: none;
    border-color: #000;
}
.thumbnails li { width: 50px; }
.thumbnails img { vertical-align: bottom; height: auto; max-height: 50px; }
.controls { text-align: center; }

.controls li img { display: inline-block; vertical-align: middle; }

.carousel-indicators button.thumbnail {
    width:68px;
    height: 39px;
}
.carousel-indicators button.thumbnail:not(.active) {
    /*opacity: 0.7;*/
    opacity: 1;
}
.carousel-indicators button.thumbnail.active{ border-bottom: 2px solid #B61615;}
.carousel-indicators {
    position: static;
    margin-right: 0;
    margin-left: 0;
    justify-content: left;
}


@media (min-width:992px) {  .slider-container {padding: 2rem 3rem;}  }
.slider-container {
    background: #e6e6e600;
    margin: 2rem auto 0 auto;
    overflow: hidden;
    border-radius: 5px;
    position: relative;

&:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     color: blue;
 }
}


@media (max-width:991px) {
    .slider-container {
        padding: 0
    }}


.my-slider {
    display: flex;
    position: relative;
}

.slider-item {
    /*border-right: 2px solid #333;*/
    padding:0;
    position: relative;
&:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     color: blue;
 }

&:hover {
     cursor: pointer;
 }
}

.controls {
    margin: 0;
    padding: 0;
    /*list-style: none;*/
    position: absolute;
    left: 0;
    right: 0;
    background: ;
    width: 95%;
    z-index: 3;
    margin: auto;
    top: 50%;
    transform: translatey(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;

&
:focus {
    outline: none;
}
}
.next{background: white; color: red; padding: 2em;}
.prev{background: white; color: red; padding: 2em;}


.carousel-item p {
    opacity: 0;
    transition: opacity 0s 0s !important; 
}

.carousel-item.active p {
    opacity: 1; 
}

.top-banner{
    position: relative; top:-150px;}
@media (max-width: 767px) {

    .next{background: white; color: red; padding: .5em;}
    .prev{background: white; color: red; padding: .5em;}
}