*{
    box-sizing:border-box;
}
html,body{
    position: relative;
    height:100%;
}

body{
    background-color:white;
    margin:0;
    padding:0;
}

.swiper-container{
    width:100%;
    max-width:800px;
    height:100%;
}

.swiper-slide{
    text-align:center;
    display:flex;
    align-items: center;
}

.swiper-slide img{
    opacity:0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.swiper-slide-active img{
    opacity:1;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.swiper-pagination{
    padding-left:1rem;
    padding-right:1rem;
}

.swiper-lazy-preloader{
    opacity:0.5;
}

.swiper-button-next,.swiper-button-prev{
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}

.swiper-button-disabled{
    opacity: 0 !important;
}

img{
    max-width:100%;
    max-height:100%;
}