/* Ion.ImageSlider, Minimal Skin
// css version 1.2.70
// by Denis Ineshin | ionden.com
// ===================================================================================================================*/

/* =====================================================================================================================
// Slider */

.ion-image-slider {
    height: 650px;
}
.ion-image-slider-content {
    width: 100%; 
	height: 676px;
   
}
.ion-image-slider-preloader {
    width: 50px; height: 50px;
    margin: -25px 0 0 -25px;
    background: url(../assets/web/img/iis-minimal-skin-preloader.gif) no-repeat 50% 50%;
}

.ion-image-slider-shadow-left,
.ion-image-slider-shadow-right,
.ion-image-slider-arr-prev,
.ion-image-slider-arr-next,
.ion-image-slider-bullet,
.ion-image-slider-zoom {
    background: url(../assets/web/img/iis-minimal-skin-sprite.png);
}

.ion-image-slider-shadow-left {
    width: 60px;
    background-position: 0 0;
    border-radius: 2px 0 0 2px;
}
.ion-image-slider-shadow-right {
    width: 60px;
    background-position: -60px 0;
    border-radius: 0 2px 2px 0;
}

.ion-image-slider-arr-prev {
    left: -80px;
    width: 60px; height: 60px;
    margin-top: -30px;
    background-position: -120px 0;
}
    .ion-image-slider-arr-prev:hover {
        background-position: -120px -60px;
    }
    .ion-image-slider-arr-prev:active {
        background-position: -120px -120px;
    }

.ion-image-slider-arr-next {
    right: -80px;
    width: 60px; height: 60px;
    margin-top: -30px;
    background-position: -180px 0;
}
    .ion-image-slider-arr-next:hover {
        background-position: -180px -60px;
    }
    .ion-image-slider-arr-next:active {
        background-position: -180px -120px;
    }

.ion-image-slider-bullets {
    top: 342px;
}
    .ion-image-slider-bullet {
        width: 22px; height: 22px;
        background-position: -346px 0;
    }
    .ion-image-slider-bullet.active {
        background-position: -368px 0;
    }

.ion-image-slider-scroll {
    top: 15px;
    height: 650px;
}

.ion-image-slider-pad {
    color: #fff;
}
    .ion-image-slider-pad a {
        background: #fff;
     
    }
    .ion-image-slider img {
       
    }

.ion-image-slider-zoom {
    bottom: -23px; left: -200px;
    width: 106px; height: 106px;
    background-position: -240px 0;
}
.ion-image-slider-zoom-text {
    bottom: 28px; left: -180px;
    width: auto;
    margin-left: 65px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font: 10px/11px Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
.ion-image-slider-caption {
    top: 11px; right: -90%;
    padding: 1px 0 9px 11px;
    background: #fff;
    color: #777;
    text-transform: uppercase;
    font-weight: bold;
    font: 10px/11px Arial, Helvetica, sans-serif;

}

.ion-image-slider a.active:hover .ion-image-slider-zoom,
.ion-image-slider a.active:hover .ion-image-slider-zoom-text {
    left: -20px;
}
.ion-image-slider a.active:hover .ion-image-slider-caption {
    top: 11px; right: 11px;
}

.ion-image-slider-zoom,
.ion-image-slider-zoom-text,
.ion-image-slider-caption {
    -webkit-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -moz-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -ms-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -o-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */

    -webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
}


/* =====================================================================================================================
// Popup */

.ion-image-slider-overlay {
    background: #222 url(../assets/web/img/iis-minimal-skin-preloader.gif) no-repeat 50% 50%;
}
html:root .ion-image-slider-overlay {
    background: rgba(36,39,42,0.9) url(../assets/web/img/iis-minimal-skin-preloader.gif) no-repeat 50% 50%;
}
.ion-image-slider-popup {
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.ion-image-slider-popup-caption {
    font: 11px/12px Arial, Helvetica, sans-serif;
    color: #fff;
}