/* =====================================================================
 * ihouse Carousel v1.0.0 Styles
 * ===================================================================== */

.ihouse-carousel-initialized {
    position: relative;
    display: block;
}

/* Полоска прогресса */
.ihouse-progress-bar {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 10;
    overflow: hidden;
    /*background: rgba(0, 0, 0, 0.05);*/
}

.ihouse-progress-fill {
    height: 100%;
    width: 0%;
    transition: width 0.2s ease;
}

/* Основная картинка - скрываем все КРОМЕ активной */
.ihouse-carousel-initialized img:not(.active) {
    display: none;
}

/* Активная картинка - всегда видна */
.ihouse-carousel-initialized img.active {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* Анимация (добавляется классом если enableAnimation !== false) */
.ihouse-carousel-initialized img.ihouse-animated.active {
    animation: ihouseFadeIn 0.3s ease;
}

@keyframes ihouseFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Адаптивность */
@media screen and (max-width: 768px) {
    .ihouse-carousel-initialized {
        max-width: 100%;
    }
}