@charset "utf-8";
/* CSS Document */

body {
    overflow: overlay;
    width: 100%;
    height: 100%;
    margin: 0px;
    background: #000000;
    /*background-image: url("../images/BG.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
}

#loadingScreen {
	display: none;
	background-image: url("../images/loading_black.gif");
	background-repeat: no-repeat;
	background-position: center center;
	height:100%;
	padding:0px;
	margin:0px;
}

video#bgvid {
	position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
	min-width: 100%;
    min-height: 100%;
	z-index: -100;
	background:url("../images/BG.jpg");
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
    overflow: hidden;
}
video { display: block; }

#masterContainer {
	display: none; /* Don't show splash until all content is loaded. Fallback is included for non-Javascript users. */
}

.masterContainer a { display: block; }

.masterContainer img { opacity: 0.5; }

.masterContainer {
    margin: 0 auto;
    max-width: 1100px;
    min-width: 500px;
    width: 100%;
    /*min-height: 750px;*/
}

.container {
    height: calc(100vh/2);
    min-height: 300px;
    width: 100%;
    min-width: 800px;
    display: table;
}

.subContainer {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 100px;
    text-align: center;
}

.sub01 { padding-top: 7%; }

.sub02 { padding-bottom: 7%; }

.sub01 img { width: 95%; }

@media screen and (max-device-width: 800px) {
	body { 
		background-image: url("../images/BG.jpg") !important; 
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
	}
	#bgvid { display: none; }
}

/*********************************************************/
/* BEGIN: Scrollbar Styling */
/*********************************************************/

#sideLinks, .videoGalleryList { 
    scrollbar-width: thin;
    scrollbar-color: #e4edf3 #07111a;
}

#sideLinks::-webkit-scrollbar, .videoGalleryList::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

#sideLinks::-webkit-scrollbar-track, .videoGalleryList::-webkit-scrollbar-track {
    background-color: transparent;
}

#sideLinks::-webkit-scrollbar-thumb, .videoGalleryList::-webkit-scrollbar-thumb {
    background-color: #e4edf3;
    border-radius: 7px;
}

body { 
    scrollbar-color: #e4edf3 #07111a;
}

body::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

body::-webkit-scrollbar-track {
    background-color: #000000;
}

body::-webkit-scrollbar-thumb {
    background-color: #e4edf3;
    border-radius: 7px;
}

/*********************************************************/
/* END: Scrollbar Styling */
/*********************************************************/