/*@font-face {
    font-family: 'NVIDIA';
    src: 
    url("https://www.nvidia.com/content/fonts/NVIDIASansVF_W_Wght.woff2") format("woff2"),
    ;
}
*/
body {background: #000000; color: #fff; font-size:15px; font-family: "NVIDIA", "Trebuchet MS", "Microsoft JhengHei ", "微軟正黑體", " Heiti TC ", "黑體-繁", "Arial Unicode", sans-serif !important;}
hr {border-top: 2px solid #333;}
a {color:#76B900;}
.bg-image {position:absolute; z-index: -1; left: 0; right: 0; margin: auto;}
.font-45 {font-size: 45px; font-weight: bold; line-height: 55px;}
.font-40 {font-size: 40px; font-weight: bold; line-height: 50px;}
.font-32 {font-size: 32px; font-weight: bold;}
.font-30 {font-size: 30px; font-weight: bold; line-height: 38px;}
.font-22 {font-size: 22px; font-weight: bold;}
.font-18 {font-size: 18px; font-weight: bold;}
.font-16 {font-size: 16px; font-weight: bold;}
.font-14 {font-size: 14px; font-weight: bold;}
.nv-grey {color: #BEBEBE;}

#fbaccountid,
#games_option_other,
#experience_option_other {margin-top:5px;}

.spacer-10 {height:10px;}
.spacer-20 {height:20px;}
.spacer-40 {height:40px;}

.logo img {height:36px; margin-top:6px;}
.banner-text {position:absolute;}
.container {background: #1A1E21; border: 1px solid #363B3F}
.container.nobg {background-color: transparent; border: 0px;}
.question {color: #76B900; font-weight:bold;}
.question div {width:65px; display:inline-block;}
.question-options {margin-left:10%; padding-right:10%; font-size:15px}
.question-hint {color:#777;}
.navbar {background:#1F1F1F; border-radius:0; border:none; padding:0; margin:0;}
.navbar .fa-facebook {margin-top: 4px; margin-right:15px;}
.nv-green {color:#76B900;}
.required {color:#76B900; min-width:10px; display:inline-block; vertical-align: top;}

.nv-underline {border-bottom: 3px #76B900 solid;}
.monitor {display:inline-block; text-align: center; margin:10px}
.monitor img {height:160px}
.footer {background:#000; padding:20px 0 20px 40px;}
.footer div > div:first-child {margin-right:30px;}
.copyright {font-size:12px; color:#666;}
.startHidden {display:none;}
.banner-text {margin-top: 40px; margin-left: 40px;}
#videoTitle div, .titleContainer div  {display:inline;}
ul.links, #el-wrap {display:none;}
.title {width: 100%;max-width: 854px;margin: 0 auto;}
.caption {width: 100%; max-width: 854px; margin: 0 auto; padding: 20px 0;}
.form-control {border: 1px solid #313438;background-color: #181818; color:#ddd;}
.fa-ul-flushleft {margin-left:40px;}
#RecaptchaField1, #RecaptchaField2 {display:inline-block;}

/* Overrides */
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {margin:0;}
.navbar {box-shadow: 0px 0px 15px #000;}
.navbar-default .navbar-nav>li>div {padding:14px 14px 0 14px;}
.navbar-default .navbar-nav>li>a {font-size:14px; font-weight: bold; color: #fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #fff;background-color: #76B900;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #76B900;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #343434;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #343434;}
.navbar-default .navbar-toggle {border-color: #333333;}
.nav>li {border-top: 1px #2F2F2F solid;}
.navbar-nav {margin: 0px -15px;}
.btn-default {background-color: #76B900;color:#ffffff; border-color: #92E500;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {color: #FFF; background-color: #619800; border-color: #76B900;}

.modal-content {background-color: #76B900;}
.datepicker.dropdown-menu {background-color: #1F1F1F; color:#ffffff;}
.datepicker tfoot tr th:hover, .datepicker thead tr:first-child th:hover {background: #333;}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {background: #333;}
.datepicker table tr td span:hover {background: #333;}
.modal-header {border-bottom: 1px solid #5E9400;}
.vid-container {position: relative; width: 100%; height: 0px; padding-bottom: 60%; padding-top: 30px; height: 423px;}



.vid-container iframe,
.vid-container object,
.vid-container embed {border: 0px; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.vid-list {height: 430px;}
.vid-item {margin-bottom: 10px; cursor: pointer;}
.thumb {margin: 8px 0 25px;}
.thumb img {width: 100%;}
#mCSB_1_scrollbar_vertical {right:-16px;}

.vid-list-container-h {height:200px;}
#vid-list-horizontal {width: 800px;margin-top:20px}
#vid-list-horizontal span {display: inline-block; width:224px; margin: 5px;}
#vid-list-horizontal img {height: 126px;}


.fb-like {overflow: hidden!important;}
.fb-share-button {padding: 0px 0 20px 0; text-align: center;}

/*  Browser check
/* ------------------------------------ */
.browser-note-wrapper {
    display:none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000000;
    z-index: 999999999;
    left: 0;
    top: 0;
}

.browser-note {
    width: 100%;
    position: fixed;
    top: 20%;
    left: 0;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    background: #111111;
    color: #ffffff;
    z-index: 99999999999;
    overflow: hidden;
    text-align: center;
}

.browser-note h1 {
    font-weight: bold;
    font-size: large;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    color: #ffffff;
}

.browser-note a.browser-note-close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    width: 30px;
    display: none; /*block*/;
    opacity: 0.6;
    transition: opacity .5s;
}

.browser-note a.browser-note-close:hover {
    opacity: 0.5;
}

.browser-note-msg {
    padding: 25px 45px 15px;
    line-height: 1.7;
}

.browser-note-icons {
    list-style: none;
    margin: 0;
    padding: 0;
}

.browser-note-icons li {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 20px;
    text-align: center;
    zoom:1;
    *display: inline;
}

.browser-note-icons li a  {
    color: #ffffff;
    transition: color .5s;
}

.browser-note-icons li a:hover {
    color: #75B900;
}

.browser-note-icons li img  {
    opacity: 1;
    transition: opacity .5s;
}

.browser-note-icons li img:hover {
    opacity: .6;
}

.browser-note-icons li img {
    width: 48px;
    height: 48px;
    margin: 0 auto;
}

/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
@media (min-width:992px) and (max-width:1200px) {
	#steps {font-size: 25px; line-height: 32px;}
	.banner-text .subtitle {font-size: 18px;}
}

@media (max-width:1200px) {
    .banner-text .font-32 {font-size:28px;}
}

@media (min-width:992px) {
	.vcenter-inner span {height:0;}
	.vcenter-inner .fa-caret-right {margin-top: -30px; font-size: 60px;}
	.vcenter-outer {display: table;height: 150px;width: 100%}
	.vcenter-inner {display: table-cell;vertical-align: middle;}
}



@media (max-width:768px) {
	body {margin: 0px!important;}
	.container-fluid {padding-right: 0px; padding-left: 0px;}
	.banner-text {margin-top: 15px!important; margin-left: 25px!important;}
	.banner-text .font-40 {font-size:30px; line-height:35px;}
	.banner-text .font-22 {font-size:18px;}


}

@media (max-width: 624px) {
    body {margin: 15px;}
    .caption {margin-top: 40px;}
    .vid-list-container {padding-bottom: 20px;}
    .arrows {position:relative; margin: 0 auto; width:96px;}
    .arrow-left {left: 0; top: -17px;}
    .arrow-right {right: 0; top: -17px;}

    .banner-text .font-40 {font-size:22px; line-height: 25px;}
    .banner-text .font-22 {font-size:16px;}
}

@media (max-width: 468px) {
    .banner-text .font-32 {font-size:20px;}
}