@font-face{font-family:SignikaNegative-Medium;src:url(font/SignikaNegative-Medium.ttf)}

.logo-comci {
    margin-right: 1rem;
    height : 120px;
    margin-bottom: 5px;
    -o-object-fit: contain;
    object-fit: contain;
    @media (max-width: 1024px) {
        margin-right: 1rem;
    }
    z-index: 999;
    float: left;
}

.home-video {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.navbar-video {
    background-image: url(/media/nav-bg.png);
    transition: background 1s;
}
.navbar {
    background-repeat: repeat-x;
    height: 143px;
    -o-object-fit: contain;
    object-fit: contain;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    z-index: 100;
    padding: 0.5rem 1rem;
    position: relative;
    clear:right;
}
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}
<!--
.navbar, .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end; 
}
-->

.nav-item {
    margin-left: 18px;
    font-family: "SignikaNegative-Medium";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}
*, :after, :before {
    box-sizing: border-box;
}

nav {
    display: block;
}
body {
    background-color: #0a0a0a;
    color: #fff;
    font-family: "SignikaNegative-Medium";
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left;
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: sans-serif;
    line-height: 1.15;
    font-size: 150%;
}


html, body {
    height: 100%;
  }
  
.header-container,
.header-container-single-page {
    height: 100vh !important;
    overflow: hidden;
}
.header-container-single-page {
    margin-top: -143px !important;
}

.catchline-wrapper {
    align-items: center;
    display: block;
    height: 100vh!important;
    justify-content: center;
    width: 100%;
}

.catchline {
    font-family: "SignikaNegative-Medium";
    font-size: 32px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 1.58;
    max-width: 750px;
    text-align: center;
}

.fade, .fade_on_load {
    opacity: 0;
}
.align-items-center {
    align-items: center!important;
}
.fade {
    transition: opacity .15s linear;
}

.on
{
    opacity:1!important
}
.sound-wrapper{cursor:-webkit-grabbing;cursor:grabbing;width:10px}input[type=range]{-webkit-appearance:none;background:transparent;transform:rotate(270deg);-moz-transform:rotate(270deg)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:2px;width:100%}

.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none}
.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}
.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] 
.slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{border:1px solid transparent;display:block;height:auto}
.slick-arrow.slick-hidden{display:none}.slick-track{display:flex}
.slick-track .slick-slide{align-items:center;display:flex;height:auto;justify-content:center}

/*# sourceMappingURL=slick.css.map*/

.hidden {
    transform: translateX(-100vw);
  }

#audio-control {
    cursor:pointer;
    padding: 10px 20px;
    background:#000;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
}