.modal-width {
    min-width:calc(2vw + 80%);
}

.modal-content {
    padding:.8rem;
    margin:auto;
    max-width:1200px
}

.splide__arrows {
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
}

.splide__arrow {
    transition:.2s ease-in-out;
}

.splide__arrow:focus {
    outline:none;
}

.splide__arrow {
    background:#000000ad;
    height:2.5em;
    width:2.5em;
}

.splide__arrow svg {
    fill:#fff;
    height:1.5em;
    width:1.5em;
}

.splide__pagination__page {
    background:#222;
    border:0;
    border-radius:50%;
    display:inline-block;
    height:8px;
    margin:3px;
    opacity:.7;
    padding:0;
    position:relative;
    transition:transform .2s linear;
    width:8px;
}

.splide__pagination__page.is-active {
    background:#fff;
    transform:scale(1.4);
    z-index:1;
}

.splide__slide div > p {
    text-align:left;
    padding:0 0 0 0.5rem;
    margin:0!important;
    background-color:#22222299;
    color:#fefefe;
}

.splide__slide img {
    height:100%;
    width:100%;
    object-fit:cover;
}

.splide__slide {
    height:600px;
}

#mainCarousel .splide__slide {
    height:100vh;
}

.splide__slide .container {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:2;
}

#Thumbnail .splide__slide {
    opacity:.6;
    transition:opacity .2s ease-in-out;
}
  
#Thumbnail .splide__slide.is-active {
    opacity:1;
}

#Thumbnail .splide__track--nav>.splide__list>.splide__slide {
    border:0;
    transition:.2s ease-in-out;
    height:6vw;
}

#Thumbnail .splide__track--nav>.splide__list>.splide__slide.is-active {
    border:0;
}

@media (max-width: 998px) {
    .splide__slide {
        height:50vw;
    }
    #Thumbnail .splide__track--nav>.splide__list>.splide__slide {
        height:8vw;
    }
}
@media (max-width: 768px) {
    #Thumbnail .splide__track--nav>.splide__list>.splide__slide {
        height:10vw;
    }
    .splide__slide div > p {
        font-size:1rem;
    }
}

/*#mainCarousel .splide__pagination--page {
    box-sizing:content-box;
    flex:0 1 auto;
    width:30px;
    height:3px;
    padding:0;
    margin-right:3px;
    margin-left:3px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#fff;
    background-clip:padding-box;
    border:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    opacity:.5;
    transition:opacity .6s ease;
}

#mainCarousel .splide__pagination--page.is-active{
    background:#fff;
    transform:scale(1.4);
    z-index:1;
    opacity:1;
    transition:opacity .6s ease;
}*/