@charset "utf-8";
/* CSS Document */

.slider-hero {
    width: 100%;
    position: relative;
    /*height: 26vw;*/
    height: 100%;
    max-height: 100% !important;
    min-height: 100% !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin: 0 auto;
    background: #eee;
    box-sizing: border-box;
}

    .slider-hero .swiper {
        width: 100%;
        height: 100%;
        max-height: 100% !important;
        min-height: 100% !important;
    }

    .slider-hero .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        max-height: 100% !important;
        min-height: 100% !important;
        overflow: hidden;
    }

        .slider-hero .swiper-slide img {
            display: block;
            width: 100%;
            height: auto;
            max-height: 100% !important;
            min-height: 100% !important;
            overflow: hidden;
            object-fit: cover;
        }

    .slider-hero .slider-desktop {
        display: block;
        height: 100%;
        max-height: 100% !important;
        min-height: 100% !important;
    }

    .slider-hero .slider-mobile {
        display: none;        
    }
      
.slider-hero .swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #0A99FF);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 1)
}

.slider-hero .swiper-pagination-bullet-active {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #FFF);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .9)
}
      
      
@media(max-width:600px){      
      
.slider-hero .slider-desktop{
        display: none;
    }

    .slider-hero .slider-mobile {
        display: block;
        height: 100%;
        max-height: 100% !important;
        min-height: 100% !important;
    }
}