@charset "UTF-8";
.top-area{
    height: 100%;
}
/* .video_block:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    opacity: 0.4;
    z-index: -1;
} */
.video_block video{
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    right:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index:-2;
}
/*Tablet KV and Mobile KV*/
.image_block{
    height: 100vh;
    min-height: 100vh;
}
.image_block > div{
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
}
@media (min-width: 576px){
    .image_block.tablet_kv{
        display: block;
    }
    .image_block.mobile_kv{
        display: none;
    }
}
@media (max-width: 575px){
    .image_block.tablet_kv{
        display: none;
    }
    .image_block.mobile_kv{
        display: block;
    }
    .top-area{
        overflow: hidden;
    }
}
/*KV*/
.background_bg {
    background-position: center center;
    background-size: cover;
}
.full_screen{
    height: 100vh;
    min-height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.full_screen .carousel,
.full_screen .carousel .carousel-inner,
.full_screen .carousel .carousel-inner .item{
    height: 100%;
}
.banner_section:not(.full_screen),
.banner_section:not(.full_screen) .carousel-inner .item,
.banner_section:not(.full_screen) .banner_content_wrap,
.banner_section:not(.full_screen) .banner_content_wrap .item{
    height: 300px;
}
.banner_section .carousel-inner .item::before{
    background: none;
}
.banner_section .carousel-inner .item a,
.banner_section .carousel-inner .item a:link{
    width: 80%;
    height: 100%;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
}
@media only screen and (max-width: 767px){
    .full_screen, .full_screen .carousel-inner .item {
        height: calc(100vh - 65px);
        min-height: calc(100vh - 65px);
        position: relative;
    }
    .banner_section:not(.full_screen),
    .banner_section:not(.full_screen) .carousel-inner .item,
    .banner_section:not(.full_screen) .banner_content_wrap,
    .banner_section:not(.full_screen) .banner_content_wrap .item{
        height: 500px;
    }
}