html {

background-color:#252525;
margin:0px;
padding:0px;
overflow-x:hidden;
text-align:center;

}


body {

display:inline-block;
margin:0px;
font-size:18px;
font-family: 'Roboto', arial, sans-serif;
color:#fafafa;
width:100%;
background-color:#252525;

}


* {

transition:background-color 200ms linear;
-webkit-transition:background-color 200ms linear;
box-sizing:border-box;

}


a, input {text-underline-offset:4px;}


.container {

width:100%;
text-align:left;
box-sizing: border-box;
position:relative;
display:inline-block;
max-width:1400px;
padding-left:15px;
padding-right:15px;

}


input[type=button], input[type=reset], input[type=submit], button {

-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;

}


h1 {

margin-top:0px;
margin-bottom:30px;
font-size:36px;

}


tbody {

display:table;
height:100%;
width:100%;

}


.a-loader-title {display:none !important;}


#sceneholder {

position:absolute;
top:0px;
left:0px;
bottom:0px;
width:100%;
height:100%;

}


#vrholder {

width:100%;
height:100%;

}


#sceneholder2 {

display:inline-block;
width:100%;
height:100%;
position:relative;
z-index:5;

}


#nonvr { 

display:none;

}


.popholder {

position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:rgba(0,0,0,.5);
text-align:center;
z-index:10;
display:none;

}


.popbox {

background-color:#fefefe;
color:#252525;
padding:30px;
display:inline-block;
max-width:95%;
border-radius:8px;
z-index:11;

}


.error {

color:red;
font-style:italic;
font-size:16px;
display:inline-block;
margin-top:5px;

}


.sechead {

font-weight:300;

}










/**************************** HEADER ****************************/

#header {

background-color:#111111;
padding:10px;
position:relative;
height:45px;

}


#menuicon {

display:inline-block;
position:absolute;
left:10px;
top:10px;

}





/**************************** NAVIGATION ****************************/

#mobnav {

position:absolute;
left:-100%;
width:100%;
background-color:#fafafa;
text-align:left;
z-index:10;
transition:left 200ms linear;
border-bottom:1px solid #cccccc;
padding-bottom:10px;

}


.navlink {

display:block;
padding:10px;
text-transform:uppercase;
font-size:16px;
color:#252525;

}






/**************************** FORMS ****************************/

.cform {

text-align:left;
display:inline-block;

}


.cform .textfield {

padding:8px;
border:1px solid #cccccc;
border-radius:5px;
background-color:#fbfbfb;
width:100%;
font-size:18px;

}


.cform label {

display:block;
margin-bottom:6px;
color:#252525;
text-align:left;

}


.cta {

padding:10px;
padding-left:30px;
padding-right:30px;
background-color:#c5293f;
color:#ffffff;
border:0;
border-radius:5px;
font-size:18px;
letter-spacing:1px;
cursor:pointer;
width:100%;

}


.cta:hover {background-color:#e9455d;}


#loginform {

width:380px;
transform:scale(0,0);
transition:transform 300ms ease-in-out;
padding-top:40px;

}


.logcancel {

display:inline-block;
color:#666666;
text-decoration:underline;
cursor:pointer;
background:none;
border:0;
font-size:16px;

}


.forgot {

display:inline-block;
color:#333333;
font-size:12px;
margin-top:8px;
text-decoration:none;

}


#logerror {

display:none;
margin-bottom:6px;
position:absolute;
top:5px;
left:0px;
width:100%;
text-align:center;

}


#msgban {display:none;}


#regform {

width:400px;
max-width:100%;
padding-left:10px;
padding-right:10px;

}








/**************************** NON-VR CONTENT BLOCKS ****************************/

.cblock {

display:inline-block;
vertical-align:top;
padding-right:15px;
padding-left:15px;
margin-bottom:30px;
margin-top:15px;
width:100%;
max-width:100%;
position:relative;

}



.cholder {

width:100%;
text-align:center;
background-color:#454545;
display:block;
text-decoration:none;
cursor:pointer;
position:relative;

}


.cholder .imgholder {

width:100%;
height:auto;
background-position:center;
background-size:contain;
background-repeat:no-repeat;

}


.cholder .imgvideo {

background-size:cover;

}



.cholder .vidoverlay {

position:absolute;
width:100%;
height:auto;
z-index:2;
top:0px;
left:0px;

}


.cinfo {

padding:1px;
padding-top:6px;
padding-bottom:6px;
text-align:left;
position:relative;
background-color:#000000;
padding:10px;
border-top:1px solid #222222;

}


.ctitle {

display:block;
font-size:18px;
font-weight:bold;
margin-bottom:5px;

}


.cname {

display:block;
font-size:16px;
margin-bottom:8px;

}


.cname a {color:inherit;}


.cdate {

display:block;
font-size:14px;

}


.clikes {

display:block;
font-size:14px;

}


.cgenre {

display:block;
font-size:14px;
text-transform:uppercase;

}




@media screen and (min-width:550px) and (max-width:850px) {

.cblock {width:50%}

}


@media screen and (min-width:851px) {

.cblock {width:33.3%}

}






/***************************** NON-VR VIDEO PLAYER *****************************/

#viewer {

width:100%;
position:relative;
margin-bottom:15px;

}


#viewer .mejs__mediaelement {

position:relative;

}


#viewer .mejs__player {

width:100% !important;
height:auto !important;
max-height:500px;
display:inline-block;
border:0px !important;

}

#viewer .mejs__container-fullscreen .mejs__player {

max-width:100%;
max-height:100%;

}


#viewer .mejs__layer {

width:100% !important;
height:100% !important;

}


#viewer .mejs__poster {

background-image:none !important;

}


#viewer .mejs__container:focus {outline:0px !important;}


#viewer .mejs__icon-overlay-play {display:none !important;}


#vinfo {

padding-left:15px;
padding-right:15px;
text-align:left;

}


.vtitle {

display:block;
font-size:21px;
margin-bottom:5px;

}


.vuser {

display:block;
font-size:18px;
margin-bottom:10px;
color:inherit;

}


.vgenre {

display:block;
font-size:16px;
margin-bottom:3px;
text-transform:uppercase;

}


.vdate {

display:block;
font-size:16px;
margin-bottom:3px;

}




.hide {display:none;}