::-moz-selection { /* Code for Firefox */
    color: #ffffff;
    background: #76b900;
}

::selection {
    color: #ffffff;
    background: #76b900;
}


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;}
a:hover, a:focus {color:#76B900;}
.font-45 {font-size: 45px; font-weight: bold; line-height: 55px;}
.font-40 {font-size: 40px; font-weight: bold; line-height: 42px;}
.font-32 {font-size: 32px; font-weight: bold; line-height: 36px;}
.font-30 {font-size: 30px; font-weight: bold; line-height: 38px;}
.font-22 {font-size: 22px;}
.font-20 {font-size: 20px;}
.font-18 {font-size: 18px;}
.font-17 {font-size: 17px;}
.font-16 {font-size: 16px;}
.font-14 {font-size: 14px; line-height:18px;}
.font-11 {font-size: 11px;}
.font-10 {font-size: 10px;}
.font-bold {font-weight: bold;}

.nv-grey {color: #BEBEBE;}
.nv-green {color:#76B900;}
.nv-white {color:#FFFFFF;}

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

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

.logo img {height:36px; margin-top:6px;}
.banner {
    background-color: #000;
    position:relative;
}

.banner .btnJoin {position:absolute; bottom:27%; left:8%}
.banner .btnJoin.visible-sm {bottom:5%;}
.banner .btnJoin.visible-xs {position:relative;}

.container {background: #1A1E21; border: 1px solid #363B3F}
.container.nobg {background-color: transparent; border: 0px;}
.question, .question span {vertical-align:top;}
.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;}

.required {color:#76B900; min-width:10px; display:inline-block; vertical-align: top; text-align: left;}

.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;}

/* phase2 */
.phase2dec {float: left; position: absolute; bottom: 6%; left: 8%; width: 32%;}
.store td {border: 1px solid #262626; text-align: center;}
.store td.bg {background-color: #1a1a1a;}
table.store {border-top: 5px solid #262626; border-bottom: 5px solid #262626;}
.storefb a {font-size: 22px;}

/* 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 {
    color:#ffffff;
    border-color: #418F12;
    font-weight:bold;
    background: #79c500;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5YzUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iIzY0YTcwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTgxMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #79c500 0%, #64a708 29%, #398119 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79c500), color-stop(29%,#64a708), color-stop(100%,#398119));
    background: -webkit-linear-gradient(top,  #79c500 0%,#64a708 29%,#398119 100%);
    background: -o-linear-gradient(top,  #79c500 0%,#64a708 29%,#398119 100%);
    background: -ms-linear-gradient(top,  #79c500 0%,#64a708 29%,#398119 100%);
    background: linear-gradient(to bottom,  #79c500 0%,#64a708 29%,#398119 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79c500', endColorstr='#398119',GradientType=0 );

}
.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 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;
}




/*********************************/
.bg-texture {
    background-image: url(../img/bg-texture.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

.section {
    background-image: url(../img/bg-gradient.jpg);
    background-size: 100% 100%;
}
.font-32 .symbols {font-size: 10px; vertical-align: 14px;}
.font-16 .symbols {font-size: 7px; vertical-align: 7px;}

.fa-ul {margin-left:16px;}
.full-width {margin: 0 -15px!important;}
.row {margin-right: 0px; margin-left: 0px;}
label {font-weight:normal;}

.header-steps {
    margin: auto;
    width: 100%;
    top: 25%;
    font-weight: bold;
    background-image: url(../img/section-bar.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position-x: 1px;
}
.header-steps div {padding:20px 0 40px;}
.header-steps i {margin: 0 10px;}

#headerInfo {max-width:290px;}

#headerInfo-top {
    border-top: 2px solid #76B900;
    border-bottom: 2px solid #76B900;
    margin: 7px 0;
    padding: 3px 0px;
    font-weight:bold;
}

input[type=text] {border-radius: 0;}
.img-responsive {margin:auto;width:100%}


.uppercase {text-transform: uppercase;}
.superscript {vertical-align: top;}
.nopadding {padding:0!important;}
.nomargin {margin:0!important;}
.moduleBox {
    background: #000000;
    padding: 20px;
    border: 1px solid #383E45;
    box-shadow: 0px 0px 12px #0B0D0F;
}

.section-padding {
    padding-left: 15px;
    padding-right: 15px;
}
.padded {
    padding: 20px;
}

.question-block {
    padding:30px 45px;
}


/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */

@media (min-width:992px) {
    #videoLinks > div {padding:5px!important;}
}

@media (min-width:992px) and (max-width:1200px) {
    .banner-text .subtitle {font-size: 18px;}
    .articleTitle {font-size: 19px;}
}

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

@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;}
    .banner-text .font-40 {font-size:22px; line-height: 25px;}
    .banner-text .font-22 {font-size:16px;}
    .header-steps {
        background-image: url(../img/section-bar_mobile.png);
    }
}

@media (max-width: 468px) {
    .banner-text .font-32 {font-size:20px;}
    .question-block {padding: 10px;}
    .question-block .font-20 {font-size:16px;}
    #page-2 .moduleBox > .padded {padding: 0;}
    .moduleBox .font-22 {font-size:18px;}
}