.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */
.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:#ffffff00!important; color: #621b11; padding: 2em;}
.prev{background:#ffffff00!important; color: #621b11; 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:#ffffff00; color: #621b11; padding: .5em;}
    .prev{background:#ffffff00; color: #621b11; padding: .5em;}
}



/*para agregar efecto de fade*/
.my-slider .tns-slide {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.my-slider .tns-slide.tns-slide-active {
    opacity: 1;
    z-index: 2;
    pointer-events: auto;
}

.my-slider .tns-slide.fade-out {
    opacity: 0;
    z-index: 1;
    transition: opacity 1s ease-in-out;
}