@font-face {
    font-family: customFontRegular;
    src: url('../assets/font/Source_Sans_Pro/SourceSansPro-Regular.ttf');
}

@font-face {
    font-family: customFontSemiBold;
    src: url('../assets/font/Source_Sans_Pro/SourceSansPro-SemiBold.ttf');
}

@font-face {
    font-family: customFontLight;
    src: url('../assets/font/Source_Sans_Pro/SourceSansPro-Light.ttf');
}

*{
    font-family: customFontRegular;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b{
    font-family: customFontSemiBold;
}

a{
    text-decoration: none;
}
.nav-btn>*, .nav-btn{
    font-family: customFontLight;
}

.nav-btn a{
    text-decoration: none;
    color:white;
}

h1{
    font-size: 3rem;
}

video  {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#navbarToggleExternalContent{
    display: none;
    z-index:101;
}


.overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
header{
    z-index: 100;

}


.close-vid{
    top:1rem;
    right:1rem;
    background-image: url('../assets/font/icons/times.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 100;
}


.navbar-toggler:focus{
    box-shadow: 0 0 0 0  !important;
}

.content_box1{
    top:15%;
    width:42%;
    height: auto !important;
    z-index: 100;
}

.content_box2{
    top:25%;
    width:42%;
    height: auto !important;
    z-index: 100;
}


.slider_box1{
    height: auto;
    bottom: 0px !important;
    top: unset !important;
    left: unset !important;
    right: 0px !important;
    z-index:99;
}

#wrapper{
    width:1440px;
    height:810px;
    overflow: hidden;
    box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

@media all and (display-mode: fullscreen) {
    #wrapper{
        width:100%;
        height:100%;
        overflow: hidden;
        box-shadow:none !important;
    }
}

.navwrapper{
    z-index: 101;
}
.navbar-light .navbar-toggler-icon {
    background-image: url('../assets/font/icons/bars.svg');
}

.navbar-toggler[aria-expanded=false] .navbar-toggler-icon {
    background-image: url('../assets/font/icons/bars.svg');
}
.nav-close {
    display: none;
    background-image: url('../assets/font/icons/times_black.svg');
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.home {
    background-image: url('../assets/font/icons/icons8-home.svg');
    width: 2em;
    height: 2em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.navbar-toggler-icon{
    display: none;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

/*.tns-content{height: 115px}*/

.tns-nav-con {
    text-align: center;
    margin: 10px 0;
}
.tns-nav-con > div {
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: #e1e1e1;
    border: 0;
}
.tns-nav-con > .tns-nav-active { background: #23959F; }

.tns-nav-con, .next, .prev, .back-btn{
    z-index:100;
}

.next{
    background-image: url('../assets/font/icons/angle-right-green.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.prev{
    background-image: url('../assets/font/icons/angle-left-green.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

.back-btn{
    bottom: 0;
    background-image: url('../assets/font/icons/angle-left-green.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

.popover{
    max-width: 400px !important;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}