.topslider::after,
header::after {
    content: '';
    display: inline-block;
    width: 100vw;
    height: 20px;
}

.dropdown-item,
.h4,
.h5,
.h6,
.nav-link,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: KievitOT;
    font-style: normal;
}

.logo {
    display: block;
    width: 240px;
    height: 80px;
    text-indent: -9000px;
    background: url('assets/sij2018Logo.webp') left top/contain no-repeat;
}

header {
    background-image: url('assets/bg.webp');
    background-color: #488b9b;
}

header::after {
    position: relative;
    top: 25px;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-bottom: 20px;
    border-bottom: 5px solid #398e9d;
    background: url('assets/bingataMouyou.webp') center -225px repeat-x;
}

.topslider::after {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("assets/bingataMouyou.webp") center -225px repeat-x;
}

p {
    font-weight: 400;
}

.dropdown-item {
    font-weight: 200;
}

h1,
h2,
h3 {
    font-weight: 700;
}

.h4,
.h5,
.h6,
.nav-link,
h4,
h5,
h6 {
    font-weight: 800;
}

.txt-shdw-sm {
    text-shadow: 1px 0 1px rgba(17,1,1,.59);
}

.txt-shdw {
    text-shadow: 3px 0 3px rgba(17,1,1,.58);
}

.p-cloud {
    padding: 20px;
    background: rgba(245,245,245,.89);
    box-shadow: 3px 1px 6px 2px rgba(236,241,242,.48);
}

.hdr-blue {
    color: #0c6da9;
}

.siteMainBGFull {
    background-image: url('assets/brochurePics/kai-inoue-rSjyMZhfI5M-unsplash.webp');
}

.photoBG {
    z-index: -1;
}

.topSlideVideo {
    position: relative;
    display: block;
    min-height: 650px;
    max-height: 794px;
    overflow: hidden;
    background: 0 0;
}

.topSlideVideo .container {
    padding-top: 10.5rem;
    padding-bottom: 15.65rem;
}

.topSlideVideo h2,
.topSlideVideo h3,
.topSlideVideo p {
    z-index: 3;
}

.sliderVideoContainer {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    min-height: 650px;
    z-index: -1;
}

.videoCaption {
    position: absolute;
    z-index: 3;
    bottom: -25%;
}

@media (min-width:768px){
    .videoCaption {
        bottom: 20%;
    }
}

.homeCarousel .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 650px!important;
}

.slide-top {
    -webkit-animation: .5s cubic-bezier(.25,.46,.45,.94) both slide-top;
    animation: .5s cubic-bezier(.25,.46,.45,.94) both slide-top;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}

.fade-in {
    -webkit-animation: 1.2s cubic-bezier(.39,.575,.565,1) both fade-in;
    animation: 1.2s cubic-bezier(.39,.575,.565,1) both fade-in;
}

@-webkit-keyframes slide-top{
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
}

@keyframes slide-top{
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
}

@-webkit-keyframes fade-in{
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in{
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (max-width:991px){
    .homeCarousel .carousel-item,
    .homeCarousel .carouselSlide {
        min-height: 375px;
        max-height: 375px;
    }

    .homeCarousel video {
        height: 100%;
    }

    .sliderVideoContainer video {
        min-height: 650px;
        width: auto;
    }
}

@media (min-width:992px){
    .homeCarousel .carousel-item {
        min-height: 650px;
    }
}