.spacer-5 {height:5px;}
.spacer-10 {height:10px;}
.spacer-15 {height:15px;}
.spacer-20 {height:20px;}
.spacer-30 {height:30px;}
.spacer-40 {height:40px;}
.spacer-50 {height:50px;}
.spacer-60 {height:60px;}
.spacer-70 {height:70px;}

img.center {
    display: block;
    margin: 0 auto;
}

hr {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid rgb(26,26,26);
}

@media screen and (max-width: 991px) {
    .large {
        display:none;
    }
}

@media screen and (min-width: 1280px) {
    .hide-large {
        display: none;
    }
}

@media screen and (min-width: 991px) {
    .small-hide {
        display: none;
    }
}

@media screen and (min-width: 500px) {
    br.small {
        display: none;
    }
}

@media screen and (min-width: 560px) {
    .small-break {
        display: none;
    }
}

@font-face{font-family:NVIDIA;src:url("https://www.nvidia.com/content/fonts/NVIDIASansVF_W_Wght.woff2") format("woff2")}
@font-face{font-family:NVIDIA;src:url("https://www.nvidia.com/content/fonts/NVIDIASansVF_W_Wght.woff2") format("woff2")}
@font-face{font-family:NVIDIA;src:url("https://www.nvidia.com/content/fonts/NVIDIASansVF_W_Wght.woff2") format("woff2")}
@font-face{font-family:geforce-bold;src:url(../fonts/geforce-bold.eot);src:url(../fonts/geforce-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/geforce-bold.woff) format("woff")}
@font-face{font-family:geforce-bold-G;src:url(../fonts/geforce-bold-G.eot);src:url(../fonts/geforce-bold-G.eot?#iefix) format("embedded-opentype"),url(../fonts/geforce-bold-G.woff) format("woff")}
@font-face{font-family:geforce-light;src:url(../fonts/geforce-light.eot);src:url(../fonts/geforce-light.eot?#iefix) format("embedded-opentype"),url(../fonts/geforce-light.woff) format("woff")}
@font-face{font-family:NVIDIA;src:url("https://www.nvidia.com/content/fonts/NVIDIASansVF_W_Wght.woff2") format("woff2")}
@font-face{font-family:NVIDIA;src:url("https://www.nvidia.com/content/fonts/NVIDIASansVF_W_Wght.woff2") format("woff2")}
@font-face{font-family:NVIDIA;src:url("https://www.nvidia.com/content/fonts/NVIDIASansVF_W_Wght.woff2") format("woff2")}

* {
    box-sizing: border-box;
}

body {
    font-size: 16px;
    font-family: NVIDIA, NVIDIA !important;
    line-height: 24px;
    color: rgb(238, 238, 238);
    padding-top: 70px;
}



@media screen and (max-width: 1279px) and (min-width: 768px) {
    body {
        padding-top: 118px;
    }
}

@media (max-width: 767px) {
    body {
        padding-top: 110px;
    }
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
    #sponsor-body {
        padding-top: 70px;
    }
}

@media (max-width: 767px) {
    #sponsor-body {
        padding-top: 58px;
    }
}

a {
    color: #76b900;
    text-decoration: none;
    cursor: pointer;
}

a:hover, a:focus {
    color: #76b900;
    text-decoration: none;
}

sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -7px;

}

p sup {
    font-size: 50%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -4px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    sup {
        top: -6px;
    }
}

@media screen and (max-width: 767px) {
    sup {
        top: -5px;
    }
}

@media screen and (min-width: 1320px) {
    .container {
        max-width: 1280px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1320) {
    .container {
        max-width: 1170px;
    }
}

@media screen and (min-width: 321px) and (max-width: 767px) {
    #mask-section {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 321px) {
    #mask-section {
        padding-left: -10px !important;
        padding-right: 0 !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

h1 {
    font-size: 56px;
    color: #eeeeee;
    line-height: 60px;
    text-transform: uppercase;
    font-family: NVIDIA,NVIDIA, NVIDIA;
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
    h1 {
        font-size: 40px;
        line-height: 45px;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 32px;
        line-height: 38px;
    }
}

h2 {
    font-family: NVIDIA, NVIDIA;
    color: #eeeeee;
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
    h2 {
        font-size: 32px;
        line-height: 32px;
    }
}

@media screen and (max-width: 767px) {
    h2 {
        font-size: 24px;
        line-height: 24px;
    }
}

h3 {
    font-size: 32px;
    color: #76b900;
    font-family: NVIDIA, NVIDIA;
    text-transform: uppercase;
    line-height: 32px;
    margin-top: 8px;
    margin-bottom: 30px;
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
    h3 {
        font-size: 24px;
        line-height: 24px;
    }
}

@media screen and (max-width: 767px) {
    h3 {
        font-size: 18px;
        line-height: 18px;
        font-family: NVIDIA, NVIDIA;
    }
}

h4 {
    color: #76b900;
    font-family: NVIDIA, NVIDIA;
    text-transform: uppercase;
}

#main-subtitle {
    font-family: NVIDIA, NVIDIA;
    font-size: 24px;
    margin-bottom: 35px;
    margin-top: 15px;
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
    #main-subtitle {
        font-size: 20px;
        margin-bottom: 30px;
        line-height: 24px;
    }
}

@media screen and (max-width: 767px) {
    #main-subtitle {
        font-size: 18px;
        margin-bottom: 15px;
        line-height: 24px;
    }
}

/* navigation */

@media screen and (max-width: 1279px) and (min-width: 768px) {
    .nav-up {
        top: -131px;
    }

    .dropdown-up {
        top: -131px !important;
    }
}

@media screen and (max-width: 767px) {
    .nav-up {
        top: -118px;
    }

    .dropdown-up {
        top: -118px !important;
    }
}

#navigation {
    background-color: rgb(26,26,26);
    border-color: rgb(26,26,26);
    color: rgb(238, 238, 238);
    min-height: 70px;
}

#navigation .container {
    min-height: 60px;
    padding-top: 10px;
}

.navbar {
    margin-bottom: 0;
}

.navbar-default .navbar-nav>li>a {
    color: rgb(238, 238, 238);
    cursor: pointer !important;
}

.actived {
    color: #76b900 !important;
    cursor: default;
}

#social-link {
    display: inline-block;
    padding-top: 5px;
    margin-left: 14px;
    font-size: 12px;
}

.btn-facebook {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    top: 7px;
    margin-left: 8px;
    background: url('http://images.nvidia.com/pascal/img/ic_social_facebook.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.btn-facebook:hover {
    width: 24px;
    height: 24px;
    background: url('../images/ic_social_facebook-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

/* section 1 */

.section1 {
    background: url(../images/game-face-kv-1280.png), rgb(0,0,0);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 100%;
}

@media screen and (max-width: 991px) {
    .section1 {
        background: #000000;
    }
}

#mobile-kv {
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #small-kv {
        display: none;
    }
    #medium-kv {
        display: none;
    }
    #large-kv {
        display: block;
    }
}

@media screen and (min-width: 321px) and (max-width: 767px) {
    #small-kv {
        display: none;
    }
    #large-kv {
        display: none;
    }
    #medium-kv {
        display: block;
    }
}

@media screen and (max-width: 320px) {
    #large-kv {
        display: none;
    }
    #medium-kv {
        display: none;
    }
    #small-kv {
        display: block;
    }
}

.section1-container {
    border-bottom: 1px solid rgb(26,26,26);
}

@media screen and (max-width: 767px) {
    .section1-container {
        border-bottom: 0;
    }
}

#section1-main {
    max-width: 1280px;
}

.section1-main {
    max-width: 1280px;
}

#section1-title {
    margin-top: 75px;
}

@media screen and (max-width: 1279px) and (min-width: 992px) {
    #section1-title {
        margin-top: 80px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    #section1-title {
        margin-top: 1.5vw;
        margin-bottom: 3.8vw;
    }
}

@media screen and (max-width: 767px) {
    #section1-title {
        margin-top: 0;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 767px) and (min-width: 441px) {
    #section1-title {
        width: 69%;
    }
}

#section1-rule {
    padding-right: 10px;
}

@media (max-width: 1279px) {
    #section1-rule {
        display: none;
    }
}

#shaped {
    -webkit-shape-outside: polygon(0 0,100% 0,50% 100%,0 100%);
    shape-outside: polygon(0 0,100% 0,40% 100%,0 100%);
    background-image: url('../images/stripe.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 80%;
}

@media (min-width: 1280px) {
    #shaped {
        height: 580px;
        width: 62%;
        float: left;
    }
}

@media (min-width: 992px) {
    #shaped {
        height: 580px;
        width: 62%;
        float: left;
    }
}

.section1-counter {
    text-transform: uppercase;
    margin-bottom: 2rem;
    margin-top: 35px;
}

.section1-counter span {
    color: #76b900;
    font-family: geforce-bold;
    font-size: 56px;
    line-height: 1.1;
}

#counter-sub {
    position: relative;
    left: 34px;
}

.section1-rule-detail {
    margin-bottom: 10px;
}

.section1-price {
    padding-bottom: 20px;
    font-family:NVIDIA, NVIDIA;
}

.lock-icon {
    display: inline-block;
    background-image: url(../images/lock_1.png);
    width: 12px;
    height: 16px;
    margin-right: 10px;
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
    .lock-icon {
        float: left;
    }
}

@media screen and (max-width: 767px) {
   .lock-icon {
    float: left;
   }
}

#prize1, #prize2 {
    color: rgb(76,76,76);
}

#prize1 {
    margin-bottom: 1.2rem;
}

#prize2 {
    margin-bottom: 1.2rem;
}

#prize1, #prize2, #prize3 {
    text-transform: uppercase;
}

#prize1 span, #prize2 span {
        font-family: geforce-light !important;
}

@media (min-width: 1280px) and (max-width: 1320px) {
    #prize1, #prize2, #prize3 {
        font-size: 14px;
    }
    #prize1 span, #prize2 span, #prize3 span {
        font-size: 2.5rem;
    }
}

#prize1 span, #prize2 span, #prize3 span {
    font-size: 3rem;
}

#prize3 span {
    color: #76b900;
}

/* section 2 */

.section2 {
    background: #000000 url(../images/geforce-gtx-1060-background-800-oz.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% center;
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    .section2 {
        background-size: 60%;
        background-position: right bottom;
    }
}

@media screen and (max-width: 991px) {
    .section2 {
        background: #000000;
    }
}


#section2-text {
    padding-top: 46px;
    padding-bottom: 24px;
    padding-left: 0;
}

@media screen and (max-width: 991px) {
    #section2-text {
        padding-top: 1.5vw;
        padding-bottom: 3.5vw;
    }
}

@media screen and (max-width: 767px) {
    #section2-text {
       margin-top: 1vw;
       padding-left: 15px;
       padding-bottom: 8px;
    }
}

#mobile-1060-img {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

@media screen and (min-width: 321px) {
    #small-1060 {
        display: none;
    }
}

@media screen and (max-width: 320px) {
    #medium-1060 {
        display: none;
    }
}


#section2-text p {
    padding-bottom: 1rem;
}

/* section 3 */

.section3 {
    background: rgb(31,31,31);
    position: relative;
}

@media screen and (max-width: 1279px) {
    .section3 {
        background: rgb(26,26,26);
    }
}

@media screen and (max-width: 991px) {
    .section3 {
        background: rgb(26,26,26);
        padding-top: 30px;
        padding-bottom: 40px;
    }

    #section3-content h2 {
        margin-bottom: 30px;
    }

    #section3-content p:first-of-type {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #section3-content h2 {
        margin-bottom: 10px;
    }

}

.section3:after {
    position: absolute;
    top: -1px;
    left: 70%;
    margin-left: -21%;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 40px #000000;
    border-left: solid 40px transparent;
    border-right: solid 40px transparent;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .section3:after {
        border-top: solid 30px #000000;
        border-left: solid 30px transparent;
        border-right: solid 30px transparent;
        margin-left: -21%;
        left: 68%;
    }
}

@media screen and (max-width: 767px) {
    .section3:after {
        margin-left: -25%;
        border-top: solid 22px #000000;
        border-left: solid 22px transparent;
        border-right: solid 22px transparent;
    }
}

@media screen and (min-width: 1280px) {
    #section3-container {
        width: 1280px !important;
    }
}

#section3-text {
    background: url('../images/how-to-win-gb-final.png'),rgb(31,31,31);
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 1279px) {
    #section3-text {
        background: rgb(26,26,26);
    }
}

@media screen and (max-width: 767px) {
    #section3-text {
        background: rgb(26,26,26);
    }

}

/*@media screen and (min-width: 1280px) {
    #section3-text {
        -ms-transform: skewX(-14deg);
        -webkit-transform: skewX(-14deg);
        -moz-transform: skewX(-14deg);
        transform: skewX(-14deg);
        padding: 100px 60px 100px 60px;
    }

    #section3-content {
        -ms-transform: skewX(14deg);
        -webkit-transform: skewX(14deg);
        -moz-transform: skewX(14deg);
        transform: skewX(14deg);
    }
}*/
@media screen and (min-width: 1280px) {
    #section3-content {
        width: 80%;
        margin: 0 auto;
        padding-top: 53px;
        padding-bottom: 63px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #section3-content {
        padding-top: 38px;
        padding-bottom: 48px;
    }
}

#section3-text h3 {
    margin-bottom: 16px;
}

/* section 4 */


.fb-section {
            position: relative;
}

.fb-section:after {
    position: absolute;
    top: -1px;
    left: 70%;
    margin-left: -21%;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 40px rgb(26,26,26);
    border-left: solid 40px transparent;
    border-right: solid 40px transparent;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .fb-section:after {
        border-top: solid 30px rgb(26,26,26);
        border-left: solid 30px transparent;
        border-right: solid 30px transparent;
        margin-left: -21%;
        left: 68%;
    }
}

@media screen and (max-width: 767px) {
    .fb-section:after {
        border-top: solid 22px rgb(26,26,26);
        border-left: solid 22px transparent;
        border-right: solid 22px transparent;
        margin-left: -25%;
    }
}

#section4-container {
    padding-top: 80px;
    padding-bottom: 100px;
    background: url('../images/fb-section-bg-v1.png') #000000;
    background-repeat: no-repeat;
    background-position: 50% bottom;
    background-size: 135%;
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #section4-container {
        padding-top: 60px;
        padding-bottom: 80px;
        background-size: 170%;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    #section4-container {
        padding-top: 60px;
        padding-bottom: 50px;
        background-size: 170%;
    }
}

@media screen and (max-width: 767px) {
    #section4-container {
        padding-top: 30px;
        padding-bottom: 32px;
        background: url('../images/fb-section-bg-small.png');
        background-repeat: no-repeat;
        background-position: 72% bottom;
    }
}

#profile-container {
    max-width: 600px;
}

@media screen and (max-width: 767px) {
    #profile-container {
        margin-top: 30px;
    }
}

.canvas-container {
    max-width: 440px;
    min-width: 220px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .canvas-container {
        margin-bottom: 18px;
    }
}

.btn {
    color: white;
    border-radius: 0px;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 12px 10px 12px;
    text-transform: uppercase;
}

.btn a {
    color: rgb(238,238,238);
}

@media screen and (max-width: 767px) {
    .btn {
        font-size: 14px;
        padding: 13px 12px 12px 12px;
    }
}

#btn-group-top {
    padding-left: 78px;
}

@media screen and (max-width: 991px) {
    #btn-group-top {
        padding-left: 0;
        margin-bottom: 2.5vw;
        margin-top: 4.8vw;
    }
}

@media screen and (max-width: 767px) {
    #btn-group-top {
        padding-left: 0;
        margin-bottom: 12px;
        margin-top: 0;
    }
}

#main-btn-top-right {
    padding-left: 16px;
}

#main-btn-top-left {
    margin-right: 16px;
}

@media screen and (max-width: 767px) {
    #main-btn-top-left {
        margin-right: 0;
    }
}

#btn-group-bottom {
    padding-left: 0;
    margin-top: 44px;
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #btn-group-bottom {
        margin-top: 2vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #btn-group-bottom {
        margin-top: 6.8vw;
        padding-left: 0;
    }
}


@media screen and (max-width: 767px) {
    #btn-group-bottom {
        padding-left: 0;
        margin-top: 0;
    }
}

#main-btn-bottom-left {
        width: 64%;
    }
#main-btn-bottom-right {
    width: 35%;
}

#main-btn-top-right {
    width: 44%;
}

#main-btn-top-left {
    width: 38%;
}

@media screen and (min-width: 992px) {
    #main-btn-bottom-left {
        width: 64%;
    }
    #main-btn-bottom-right {
        width: 35%;
    }
    #main-btn-top-right {
        width: 44%;
    }

    #main-btn-top-left {
        width: 38%;
    }

}

@media screen and (max-width: 991px) {
    #main-btn-bottom-left {
        width: 100%;
    }
    #main-btn-bottom-right {
        width: 100%;
    }
    #main-btn-top-right {
        width: 100%;
    }

    #main-btn-top-left {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .btn {
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 500px) {
    #main-btn-bottom-left {
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .btn {
        margin-bottom: 30px;
    }
}

.btn_nv {
    background-color: #76b900;
}

.btn_nv:hover {
    background-color: #76d300;
    color: #ffffff;
}

.btn_fb {
    background-color: rgb(72, 99, 179);
    border-color: rgb(72, 99, 179);
}

.btn_fb:hover {
    background-color: rgb(107,129,195);
    color: #ffffff;
}

#downloadImg {
    color: white;
    text-decoration: none;
}

#c {
    background-color: #C8C8C8;
    border: 1.5px solid #3F3F3F;
    max-width: 440px;
    max-height: 440px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    #canvas-main {
        width: 60%;
    }
}

.mask-container {

}

/*@media screen and (min-width: 768px) and (max-width: 1280px) {
    .mask-container {
        width: 400px;
        padding: 0;
        margin: 0 auto;
        list-style: none;

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-flex-flow: row wrap;
        justify-content: space-around;
    }
}*/

@media screen and (max-width: 767px) {
    .mask-container {
        width: 285px;
        padding: 0;
        margin: 0 auto;
        list-style: none;

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-flex-flow: row wrap;
        justify-content: space-around;
    }
}

#mask-section {
    padding-left: 26px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #mask-section {
        padding-left: 15px;
    }
}

@media screen and (max-width: 450px) {
    #mask-section {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.thumbnail-box {
    display: inline-block;
    width: 135px;
    height: 135px;
    border: 1px solid #3F3F3F;
    margin-bottom: 10px;
    background-color: #C8C8C8;
    cursor: pointer;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .thumbnail-box {
        width: 102px;
        height: 102px;
        margin-bottom: 4px;
    }
}

@media screen and (max-width: 767px) {
    .thumbnail-box {
        width: 90px;
        height: 90px;
    }
}

#mask1 {
    background-image: url('../images/mask-side-bg.jpg');
    background-size: contain;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #mask1 {
        background-image: url('../images/mask-side-bg.jpg');
        background-size: contain;
    }
}

@media screen and (max-width: 767px) {
    #mask1 {
        background-image: url('../images/mask-side-bg.jpg');
        background-size: contain;
    }
}

#mask2 {
    background-image: url('../images/mask-eye-bg.jpg');
    background-size: contain;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #mask2 {
        background-image: url('../images/mask-eye-bg.jpg');
        background-size: contain;
    }
}

@media screen and (max-width: 767px) {
    #mask2 {
        background-image: url('../images/mask-eye-bg.jpg');
        background-size: contain;
    }
}

#mask3 {
    background-image: url('../images/mask-mouth-bg.jpg');
    background-size: contain;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #mask3 {
       background-image: url('../images/mask-mouth-bg.jpg');
       background-size: contain;
    }
}

@media screen and (max-width: 767px) {
    #mask3 {
       background-image: url('../images/mask-mouth-bg.jpg');
       background-size: contain;
    }
}

#slider-container {
    width: 440px;
    margin: 0 auto;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #slider-container {
        width: 330px;
    }
}

@media screen and (max-width: 767px) {
    #slider-container {
        width: 220px;
    }
}

#slider {
    margin: 30px 48px 0 48px;
    height: 1.4px;
}

.ui-slider .ui-slider-handle {
    width: 2.2em;
    height: 0.8em;
    border-radius: 0px;
    margin-top: -1px;
    cursor: pointer;
    background-color: #76B900;
    border-color: #76B900;
}

.ui-widget.ui-widget-content {
    border: 0;
}

.ui-widget-content {
    border: 0;
    background-color: rgb(26,26,26);
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -14px;
}

#ZoomIn, #ZoomOut {
    position: absolute;
    top: 457px;
}

#ZoomIn {
    width: 25px;
    height: 25px;
    right: -6px;
    background-image: url('../images/icon-zoomin-nv.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: left;
    text-indent: -119988px;
    display: inline-block;
}

#ZoomOut {
    width: 25px;
    height: 25px;
    left: 12px;
    background-image: url('../images/icon-zoomout-nv.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: left;
    text-indent: -119988px;
    display: inline-block;
}

.fb-section {
    width: 100%;
    background-color: #000000;
}

#c {
    background-image: url(../images/mask-eye-bg.jpg);
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #c {
        background-image: url(../images/mask-eye-bg.jpg);
        background-size: contain;
    }

    #ZoomIn, #ZoomOut {
        top: 349px;
    }

    #ZoomIn {
        right: 13px;
    }
}

@media screen and (max-width: 767px) {
    #c {
        background-image: url(../images/mask-eye-bg.jpg);
        background-size: contain;
    }
}

@media screen and (max-width: 767px) and (min-width: 579px) {
    #ZoomIn, #ZoomOut {
        top: 239px;
    }

    #ZoomIn {
        right: 168px;
    }
    #ZoomOut {
        left: 168px;
    }
}

@media screen and (max-width: 578px) and (min-width: 471px) {
    #ZoomIn, #ZoomOut {
        top: 239px;
    }
    #ZoomIn {
        right: 24vw;
    }
    #ZoomOut {
        left: 24vw;
    }
}

@media screen and (max-width: 470px) and (min-width: 391px) {
    #ZoomIn, #ZoomOut {
        top: 239px;
    }
    #ZoomIn {
        right: 17vw;
    }
    #ZoomOut {
        left: 17vw;
    }
}

@media screen and (max-width: 390px) {
    #ZoomIn, #ZoomOut {
        top: 239px;
    }
    #ZoomIn {
        right: 11vw;
    }
    #ZoomOut {
        left: 11vw;
    }
}

/* section 5 */

.section5 {
    background: #000000;
    position: relative;
}

#section5-main {
    padding-top: 80px;
    padding-bottom: 100px;
}

.section5:after {
    position: absolute;
    top: -1px;
    left: 70%;
    margin-left: -21%;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 40px rgb(26,26,26);
    border-left: solid 40px transparent;
    border-right: solid 40px transparent;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .section5:after {
        border-top: solid 30px rgb(26,26,26);
        border-left: solid 30px transparent;
        border-right: solid 30px transparent;
        margin-left: -21%;
        left: 68%;
    }
}

@media screen and (max-width: 767px) {
    .section5:after {
        border-top: solid 22px rgb(26,26,26);
        border-left: solid 22px transparent;
        border-right: solid 22px transparent;
        margin-left: -25%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #section5-main {
        padding-top: 60px;
        padding-bottom: 80px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #section5-main {
        padding-top: 60px;
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    #section5-main {
        padding-top: 30px;
        padding-bottom: 32px;
    }
}

#section5-text {
    padding-bottom: 44px;
}

@media screen and (max-width: 767px) {
    #section5-text {
        padding-bottom: 20px;
    }
}

#section5-text h2 {
    padding-bottom: 32px;
}

@media screen and (max-width: 767px) {
    #section5-text h2 {
        padding-bottom: 20px;
    }
}

.form-comment {
    padding-top: 16px;
    line-height: 18px;
}

.form-comment span {
    font-size: 12px;
    color: #666666;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    #form-warning {
        margin-bottom: 2vw;
    }
}

@media screen and (max-width: 767px) {
    #form-warning {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px;
    }
}

#form-warning p {
    text-align: center;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    #form-warning p {
        text-align: left;
        margin-bottom: 0;
    }
}

#section6 {
    background-color: rgb(26, 26, 26);
}

#newslettercontent {
    font-family: NVIDIA, NVIDIA;
    font-size: 32px;
    font-weight: lighter;
    line-height: 32px;
    padding-bottom: 23px;
    padding-top: 23px;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (max-width: 991px) {
    #newslettercontent {
        font-family: NVIDIA, NVIDIA;
        font-size: 23.95px;
        font-weight: normal;
        line-height: 23.95px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .news-sign {
        vertical-align: middle;
        display: block;
        width: 100%;
    }
}


#newslettercontent img {
    margin: 0 auto;
    padding-right: 30px;
    text-align: center;
    vertical-align: middle;
}

@media screen and (max-width: 991px) {
    #newslettercontent img {
        padding-bottom: 15px;
        padding-right: 0;
    }
}

#newslettercontent .btn {
    margin-left: 38px;
    font-family: NVIDIA, NVIDIA;
}

@media screen and (max-width: 991px) {
    #newslettercontent .btn {
        margin: 0 auto;
    }
}

#section7 {
    background: #000000;
}

#partners-content {
    padding-top: 80px;
    padding-bottom: 100px;
    border-bottom: 1px solid rgb(26,26,26);
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #partners-content {
        padding-top: 60px;
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    #partners-content {
        padding-top: 60px;
        padding-bottom: 30px;
    }
}



@media screen and (max-width: 767px) {
    #partners-content {
        padding-top: 25px;
        padding-bottom: 30px;
    }
}

#partners-content h2 {
    padding-bottom: 78px;
}

@media screen and (max-width: 767px) {
    #partners-content h2 {
        padding-bottom: 30px;
    }
}

#section8 {
    background: #000000;
}

#section8-container {
    padding-top: 40px;
    padding-bottom: 30px;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    #section8-container {
        padding-top: 40px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    #section8-container {
        padding-top: 30px;
        padding-bottom: 15px;
    }
}

#footer-content {
    padding-top: 30px;
}

@media screen and (max-width: 767px) {
#footer-content {
    padding-top: 15px;
}
}

#footer-content p {
    font-size: 12px;
    color: #666666;
}

#footer-content a {
    color: #666666;
}

#footer-content a:hover {
    color: #76b900;
}

/* modal */

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

@media screen and (min-width: 1280px) {
.modal-dialog {
    margin: 120px auto;
    width: 845px !important;
}
}

@media (min-width: 768px) {
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-header {
    text-align: center;
}

.modal-title {
    color: #76b900;
}

#gtxnewsupdates .modal-content {
    background-color: #1a1a1a !important;
    color: #eee;
}


#gtxnewsupdates .gtxnews-header {
    border-bottom: medium none;
    padding: 53px 0 0 58px;
}

#gtxnewsupdates .gtxnews-body {
    padding: 0 60px 30px;
}

#gtx-news-updates .formMessages {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    margin-bottom: 5px;
    padding: 10px;
}

.modal-footer {
    border-top: 0;
    padding: 15px;
    text-align: right;
}

#gtxnewsupdates label {
    color: #eeeeee;
    display: inline-block;
    font-family: NVIDIA, NVIDIA;
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    max-width: 100%;
}

#gtx-news-updates input[type="date"], #gtx-news-updates input[type="datetime"], #gtx-news-updates input[type="datetime-local"], #gtx-news-updates input[type="email"], #gtx-news-updates input[type="month"], #gtx-news-updates input[type="number"], #gtx-news-updates input[type="password"], #gtx-news-updates input[type="search"], #gtx-news-updates input[type="tel"], #gtx-news-updates input[type="text"], #gtx-news-updates input[type="time"], #gtx-news-updates input[type="url"], #gtx-news-updates input[type="week"], #gtx-news-updates select, #gtx-news-updates textarea {
    background: #cccccc none repeat scroll 0 0;
    border: 0 none;
    box-sizing: border-box;
    color: #1a1a1a;
    display: block;
    font-family: NVIDIA, NVIDIA;
    font-size: 16px;
    line-height: 24px;
    padding-left: 5px;
    width: 100%;
}

#gtx-news-updates .fp-field-error {
    color: #ff0000;
    display: inline-block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    max-width: 100%;
}

@media screen and (min-width: 1280px) {
#gtxnewsupdates .fp-container.sec-age {
    padding-bottom: 16px !important;
    padding-top: 13px;
}
}

#gtx-news-updates .ageLabel {
    float: left;
    /* margin-top: 10px; */
    color: #747474;
    display: inline-block;
    font-family: NVIDIA, NVIDIA;
    font-size: 16px;
    font-weight: normal;
    line-height: 32px !important;
}

#gtxnewsupdates .fp-field-error.fp-field-error-Age {
    clear: both;
    float: left;
}

#gtx-news-updates .optin {
    float: left;
    padding-top: 5px;
}

#gtx-news-updates .submitBtn {
    float: right;
}

#gtxnewsupdates .closePop {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #76b900;
    cursor: pointer;
    display: block;
    float: right;
    /* height: 22px; */
    position: relative;
    right: 42px;
    top: 29px;
    /* width: 22px; */
    z-index: 5;
}

#gtxnewsupdates .closePop::before {
    color: rgba(255, 255, 255, 0.9);
    content: url("http://images.nvidia.com/pascal/img/Close.png");
    font-size: 20px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    transform-origin: center center 0;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    #asus-logo {
        margin-left: -15px;
    }
}

#msi-logo {
    position: relative;
    top: -7px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    #msi-logo {
        margin-left: 34px;
        top: -11px;
    }
}

#razer-logo {
    position: relative;
    top: -15px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    #razer-logo {
        margin-left: -15px;
    }
}

@media screen and (max-width: 400px) {
    #razer-logo {
        width: 100%;
    }
}

#galax-logo {
    width: 160px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    #galax-logo {
        width: 146px;
        margin-left: 26px;
    }
}

@media screen and (max-width: 787px) and (min-width: 431px) {
    #galax-logo {
        width: 146px;
        margin-left: 0;
    }
}

@media screen and (max-width: 430px) {
    #galax-logo {
        width: 130px;
    }
}

/* sponsors */
#sponsor-title-section {
    padding-top: 70px;
    padding-bottom: 80px;
    background: url('../images/sponsor-bg-v.png'), #000000;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 991px) and (min-width: 541px) {
    #sponsor-title-section {
        background: url('../images/sponsor-bg-v-768.png'), #000000;
        background-repeat: no-repeat;
        background-size: 195%;
        background-position: 34% 1%;
        padding-top: 30px;
        padding-bottom: 30px;
    }

}

@media (max-width: 540px) {
    #sponsor-title-section {
        background: url('../images/sponsor-bg-v-768.png'), #000000;
        background-repeat: no-repeat;
        background-size: 241%;
        background-position: 34% 1%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
#sponsor-title h1 {
    color: #76b900;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    #sponsor-title h1 {
        margin-bottom: 10px;
    }
}

#gold-sponsors {
    font-family: NVIDIA, NVIDIA;
}

@media screen and (max-width: 991px) {
    #gold-sponsors {
        font-family: NVIDIA, NVIDIA;
    }
}

#silver-sponsors {
    font-family: NVIDIA, NVIDIA;
}

@media screen and (max-width: 991px) {
    #silver-sponsors {
        font-family: NVIDIA, NVIDIA;
    }
}

#section-sponsor-asus {
    background: #000000;
    padding-top: 80px;
}
#section-sponsor-asus .container {
    padding-bottom: 56px;
}
#section-sponsor-asus-logo {
    padding-bottom: 40px;
}
#section-sponsor-asus-text {
    padding-bottom: 25px;
}
@media (max-width: 767px) {
    #section-sponsor-asus {
        background: #000000;
        padding-top: 30px;
    }
    #section-sponsor-asus .container {
        padding-bottom: 30px;
    }
    #section-sponsor-asus-logo {
        padding-bottom: 30px;
    }
     #section-sponsor-asus-logo img {
        margin: 0 auto;
     }
    #asus-product-mobile {
        margin-bottom: 30px;
    }
    #asus-product-mobile img {
        margin: 0 auto;
    }
    #section-sponsor-asus-text {
        padding-bottom: 5px;
    }
    #asus-container .btn_wrapper {
        text-align: center;
    }
}

#section-sponsor-asus-text p {
    padding-bottom: 15px;
}
.sponsor-product {
    margin-top:30px;
    margin-left: 25px;
}

#section-sponsor-razer {
    background: #000000;
    padding-top: 80px;
}
#section-sponsor-razer .container {
    padding-bottom: 80px;
}
#section-sponsor-razer-logo {
    padding-bottom: 40px;
}
#section-sponsor-razer-text {
    padding-bottom: 25px;
}
#section-sponsor-razer-text p {
    padding-bottom: 15px;
}

@media (max-width: 767px) {
    #section-sponsor-razer {
        background: #000000;
        padding-top: 30px;
    }
    #section-sponsor-razer .container {
        padding-bottom: 30px;
    }
    #section-sponsor-razer-logo {
        padding-bottom: 30px;
    }
     #section-sponsor-razer-logo img {
        margin: 0 auto;
     }
    #razer-product-mobile {
        margin-bottom: 5px;
    }
    #razer-product-mobile img {
        margin: 0 auto;
    }
    #section-sponsor-razer-text {
        padding-bottom: 5px;
    }
    #razer-container .btn_wrapper {
        text-align: center;
    }
}

#section-sponsor-silver {
    background: #000000;
    padding-top: 75px;
}
#section-sponsor-silver .container {
    border-bottom: 1px solid rgb(26,26,26);
    padding-bottom: 95px;
}
@media screen and (max-width: 767px) {
    #section-sponsor-silver .container {
        border-bottom: 0;
    }
}

#sponsor-silver-msi-logo {
    margin-top: -10px;
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
    #sponsor-silver-msi-logo {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #sponsor-silver-msi .btn {
        margin-bottom: 30px;
    }
}

#sponsor-silver-galax {
    margin-right: 100px;
    margin-left: 30%;
}
@media (max-width: 767px) {
    #section-sponsor-silver {
        padding-top: 30px;
    }
}

@media (min-width: 992px) and (max-width:1279px) {
    #sponsor-silver-galax {
        margin-left: 20%;
    }
}
@media (min-width: 768px) and (max-width:991px) {
    #sponsor-silver-galax {
        margin-left: 20%;
    }
    #section-sponsor-silver .container {
        padding-bottom: 75px;
    }
}
@media (min-width: 768px) and (max-width:991px) {
    #sponsor-silver-galax {
        margin-left: 20%;
    }
    #section-sponsor-silver .container {
        padding-bottom: 55px;
    }
}
@media (max-width: 767px) {
    #sponsor-silver-galax {
        margin-left: 0;
    }
    #section-sponsor-silver .container {
        padding-bottom: 0;
    }
}
#sponsor-silver-galax-logo {
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    #sponsor-silver-galax .btn {
        margin-bottom: 30px;
    }
    #sponsor-silver-galax-logo {
        margin-bottom: 30px;
    }
}

/* Rules */
#rules-section {
    background: url('../images/sponsor-bg-v.png'), #000000;
    background-repeat: no-repeat;
    background-size: 130%;
    background-position: 30% 0%;
}


@media (max-width: 540px) {
    #rules-section {
        background: url('../images/sponsor-bg-v-768.png'), #000000;
        background-repeat: no-repeat;
        background-size: 232%;
        background-position: 34% top;
    }
}


@media (max-width: 991px) and (min-width: 541px) {
    #rules-section {
        background: url('../images/sponsor-bg-v-768.png'), #000000;
        background-repeat: no-repeat;
        background-size: 184%;
        background-position: 34% top;
    }

}


#rules-content h1 {
    font-family: NVIDIA, NVIDIA;
    color: rgb(238,238,238);
    padding-top: 80px;
    padding-bottom: 40px;
    padding-left: 20px;
    font-size: 40px;
}


#rules-content h2 {
    color: #76b900;
    margin-bottom: 30px;
    padding-left: 20px;
    font-size: 32px;
}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    #rules-content h1 {
        padding-top: 50px;
        padding-bottom: 30px;
    }


    #rules-content h2 {
        margin-bottom: 30px;
        padding-left: 20px;
     }
}


@media (max-width: 767px) {
    #rules-content h1 {
    padding-top: 40px;
    padding-bottom: 30px;
    font-family: NVIDIA, NVIDIA;
    font-size: 32px;
    }
    #rules-content h2 {
        color: #76b900;
        font-family: NVIDIA, NVIDIA;
        margin-bottom: 30px;
        font-size: 24px;
    }
}
/* == form == */

.form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 0;
}

label {font-weight:normal;}

.form-control:focus {
    border-color: rgba(118, 185, 0, 0.7);
    -webkit-box-shadow: 0 0 8px rgba(118, 185, 0, 0.5);
    box-shadow: 0 0 8px rgba(118, 185, 0, 0.5);
}
.required {color:#76B900; padding-right: 3px;}

.has-error-outline {border: 1px solid #a94442; color: #a94442}
.has-error {color: #a94442}
.help-block {margin-bottom: 0;}
.help-block-error {display:none;margin-top:0;}

input[type=text]::-moz-placeholder {color: #333;}
input[type=text]::-webkit-input-placeholder {color: #333;}
input[type=text]::-moz-placeholder {color: #333;}

/*Select*/
select::-ms-expand{display:none;}
select:focus {outline: none;}
@-moz-document url-prefix() {
    select {
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: "";
    }
}


/* hide original checkbox and radio buttons */
[type="checkbox"],
[type="radio"] {
    position: absolute;
    left: -9999px
}

/*Custom checkbox common styles*/
[type="checkbox"] + label:before {border-radius: 3px;}
[type="radio"] + label:before {border-radius: 50%;}

/*label*/
[type="checkbox"] + label,
[type="radio"] + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

/* checked styles */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
    position: absolute;
    color: #76b900;
    /*transition: all .2s;*/
}

/* radio checked style */
[type="radio"]:checked + label:before{
    border: 2px solid #5c9000!important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAElBMVEUAAAB2uQB2uQB2uQB2uQB2uQBCGNWBAAAABXRSTlMA9O3XyUaU7X4AAACsSURBVEjH7ZW9CsJAEIT9wd7G3sbexkdIf2q+938VQULIcbczCUmKQL52l5mFu905TOLGn3dQvtCTavUXA75lvSGjDfRDlxMF96yBCoWBMqFKJqAlCMgElMSDgI9xgN5BezSEtJ2D9jgjeOoRII1pQLJEwxHJVc8IaW/YUoN77vW/3Py98KtnhvDr7w+I9vBHzJ9B7WFPsT3mPg60hI0kH2o+Fn2w+mj24e75Aaa1A29xTO/5AAAAAElFTkSuQmCC) 2px 2px no-repeat!important;
    background-size: 9px!important;
}

/*checkmark checked style*/
[type="checkbox"]:checked + label:before{
    border: 2px solid #5c9000!important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAhFBMVEUAAAB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQB2uQA2uZSLAAAAK3RSTlMAv52bMPpm6FgX07AdA+Le2cy1mEQ3DAf07qiUj4eAeF9STT4rJBPEpJptam3R+QAAAXpJREFUWMO9l+tugkAYRD91EVRUvN8viKJ13v/9mjRpWie7pQOJ5/+ZTNhkh7Va9LrOmuCmmCQN/FsEAIPU6pLhi7huiQO+2ZZ1fIcfRnPTGeM3Tvb3eGGg+gu80jeREQXMRH9GftTT/AJEovnDGM0+YZv89VLz5yAumr/akL81jS35m5Xm5yDmmr9ck982jSn58VDzExCF5pcR+TvTaJE/Ev0uiIU4AxH5e9O4kz8W/ScIp/kpiKNpTP51DQ5daKlOIG7mIc8QzfxDCOIUPueWeeiTPwn4oYQjiNTvhxKuIJ5+P5iQkX/3+GcgmHAAQTvCJTlhAaJbcdNQAg1h8JiCCTsewrLirqKEAsQ5PLic4B3CqQXoeBL8QyglOBC5mZIw6EtL3kEVm6W2/JCX/AN/8jBC7BDTkosdeMn1Dh0jhLOgJZc78BDqHXjJ9Q48hHoH1/Bv9CD63CFTde5wtfoJvOR6Ag+h/rIa96wulxYQPciXSM+nZGXv4BPqAsrnvtTk3wAAAABJRU5ErkJggg==) 1px 1px no-repeat!important;
    background-size: 11px!important;
}

.errorBox, .errorBoxAge {
    border: 2px solid #76B900;
    color: #76B900;
    padding: 20px;
    margin: 10px 0 25px 0;
    display: none;
}

#formMsg-block {
    display: none;
    color: #fff;
    padding: 10px;
    text-align: center;
}

#formMsg-block h2 {margin:5px;}
#formMsg-block.warning{background: #A94442;}
#formMsg-block.success{background: #76B900;}

.text-black {color: #000000;}
.text-grey-light {color: #bdbdbd;}
.text-grey-dark {color: #555555;}
.text-warning {color: #ff853b;}
.text-error {color: #f44336;}
.text-green {color: #76b900;}
.text-info {color: #004831;}
.text-white {color: #ffffff;}

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

.recaptcha-container {
    margin: auto;
    position: relative;
    width: 303px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .recaptcha-container {
        margin-top: 3vw;
    }
}


/*============ NVIDIA Specific Form Styles ============*/
.form-light .table-responsive {border: 1px solid #ddd;}

.form-light .checkbox-inline, .radio-inline {margin-right:20px;}
.form-light [type="checkbox"] + label:before,
.form-light [type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #CCC;
    background: #F2F2F2;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.form-light [type="checkbox"] + label:before {border-radius: 3px;}
.form-light [type="radio"] + label:before {border-radius: 50%;}
.form-light [type="checkbox"] + label,
.form-light [type="radio"] + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

/*focus*/
.form-light [type="checkbox"]:focus + label:before,
.form-light [type="radio"]:focus + label:before,
.form-light [type="radio"]:checked:focus + label:before {
    border: 1px solid rgba(118, 185, 0, 0.9);
    box-shadow: 0 0 8px rgba(118, 185, 0, 0.5);
}

/*hover*/
.form-light [type="checkbox"]:not(:disabled) + label:hover:before,
.form-light [type="radio"]:not(:disabled) + label:hover:before {
    background: #FFF;
}
.form-light [type="radio"]:checked + label:hover:before {
    background: #86d000;
}

/*disabled*/
.form-light [type="checkbox"]:disabled + label:before,
.form-light [type="radio"]:disabled + label:before {
    border-color: #CCC;
    background-color: rgba(221, 221, 221, 0.8);
}
.form-light [type="checkbox"]:disabled:checked + label:after {color: #9C9D9F;}
.form-light [type="radio"]:disabled:checked + label:before {background-color: #B3C37D;}

.form-light select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAQMAAABtzGvEAAAABlBMVEUAAABmZmZ+SwYRAAAAAXRSTlMAQObYZgAAADBJREFUGNNjGFSA8f//BhD9/z+YW/8PTNn/AVPyP8AU/wcwxf4ATDEfgGhsYBgcAAC3Pwt3Une0vQAAAABJRU5ErkJggg==)!important;
    background-repeat: no-repeat!important;
    background-position: right center!important;
    background-size: 32px!important;
}

/*============ GeForce Specific Form Styles ============*/
.form-dark hr {border-top: 1px solid #181A1D;}
.form-dark .form-group:not(.has-error) .form-control {border: 1px solid #666666;}
.form-dark .form-control {color:rgb(238, 238, 238); background:#000000; border-radius: 0;}
.form-dark .table-responsive {border: 1px solid #383E45;}

/* custom checkbox/radio base style */
.form-dark .checkbox-inline, .radio-inline {margin-right:20px;}
.form-dark [type="checkbox"] + label:before,
.form-dark [type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #000;
    background: #202427;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

/*focus*/
.form-dark [type="checkbox"]:focus + label:before,
.form-dark [type="radio"]:focus + label:before,
.form-dark [type="radio"]:checked:focus + label:before {
    border: 1px solid #333;
}

/*hover*/
.form-dark [type="checkbox"]:not(:disabled) + label:hover:before,
.form-dark [type="radio"]:not(:disabled) + label:hover:before {
    background: #555;
}

.form-dark [type="radio"]:checked + label:hover:before {
    background: #86d000;
}

/* disabled */
.form-dark [type="checkbox"]:disabled + label:before,
.form-dark [type="radio"]:disabled + label:before {
    border-color: #15181B;
    background-color: #191D20;
}
.form-dark [type="checkbox"]:disabled:checked + label:after {color: #444;}
.form-dark [type="radio"]:disabled:checked + label:before {background-color: #314000;}

.form-dark select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAADFBMVEUAAAAwNDgxMzgxNDgrakMoAAAAA3RSTlMAf3ecsEV4AAAAPElEQVQoz2MYBWDA/R8ILkA5TCCOA0xq////f+Hq9P///4LQBNYC0wTWAtcE1ILQ9AXZpgtIHEYHhpEFAE74GQXIz/i8AAAAAElFTkSuQmCC')!important;
    background-repeat: no-repeat!important;
    background-position: right center!important;
    background-size: 32px!important;
}

/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
@media (max-width: 350px) {
    .nopadding-xxs {padding:0; border:0}

    .g-recaptcha {
        transform: scale(0.83);
        transform-origin: left top;
    }

    .recaptcha-container {
        width: 100%!important;
    }
}

#section-dropdown-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 1279px) {
#partners-drop {
    display: inline;
    background:  none;
    color: #76b900;
    padding: 0;
}
}

@media (min-width: 768px) and (max-width: 1279px) {
    #prize-dropdown .navbar-nav {
        float: none;
    }

    .section-dropdown {
        border-bottom: 1px solid rgb(26,26,26);
        background: #000000;
    }

    #prize-dropdown-container {
        width: 100%;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 5px;
    }
    .navbar-toggle .icon-bar {
        width: 28px;
    }
    .navbar-default .navbar-toggle {
        border: 0;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: rgb(26,26,26);
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: 0;
    }
    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        color: #76b900;
        cursor: pointer;
    }
    .navbar-header {
        padding-bottom: 8px;
    }

    .navbar-toggle {
        margin-top: 16px;
        margin-bottom: 0;
    }

    .section-dropdown {
        position: fixed;
        top: 58px;
        left: 0;
        z-index: 5;
        width: 100%;
    }

    #prize-dropdown {
        background: #000000;
    }
    #prize-dropdown-menu {
        padding-left: 2vw;
        padding-right: 30vw;
        width: 100%;
        background-color: rgba(0,0,0,0.8);
    }
    #prize-dropdown-menu li {
        padding-bottom: 18px;
    }
    #prize-dropdown-menu .prize-item {
        font-family:NVIDIA, NVIDIA;
        color: rgb(76,76,76);
    }
    #drop-prize-3 {
        color: rgb(238,238,238);
    }
    #drop-prize-3 span {
        font-family: NVIDIA !important;
        color: #76b900;
    }
    #prize-dropdown-menu .prize-item-text {
        display: inline-block;
        line-height: 18px;
        text-transform: uppercase;
    }
    @media (max-width: 767px) {
        #prize-dropdown-menu .prize-item-text {
            width: 85%;
            text-transform: uppercase;
        }
    }

    #prize-dropdown .navbar-nav {
        margin: 0;
    }
    #prize-dropdown .navbar-nav>li>a {
        padding-top: 18px;
        padding-bottom: 16px;
    }

    #prize-dropdown .nav .open>a,#prize-dropdown .nav .open>a:focus,#prize-dropdown .nav .open>a:hover {
        background-color: #000000;
        border-color: #76b900;
    }
    #prize-dropdown .nav>li>a:hover, #prize-dropdown .nav>li>a:focus {
        background-color: #000000;
    }
    #prize-dropdown .arrow-down {
        background: url('http://images.nvidia.com/pascal/img/icon-expand-white.svg');
        display: inline-block;
        width: 22px;
        height: 22px;
        position: relative;
        top: 5px;
    }
    #dropdown-main {
        font-size: 18px;
        font-family: NVIDIA, NVIDIA;
    }
    #dropdown-text {
        font-size: 18px;
        font-family: NVIDIA, NVIDIA;
    }

    #dropdown {
        font-family: NVIDIA, NVIDIA;
        font-size: 14px;
    }
    #counter-xs {
        display: inline-block;
        float: right;
        position: relative;
        top: 7px;
        color: rgb(238, 238, 238);
        font-size: 16px;
        font-family: NVIDIA, NVIDIA;
    }
    #counter-xs span {
        color: #76b900;
        font-size: 24px;
    }

}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #76b900;
    cursor: pointer !important;
}


@media screen and (max-width: 991px) and (min-width: 768px) {
 #submitBtn {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .nopadding-xs{padding:0; border:0}
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 5px;
    }
    .navbar-toggle .icon-bar {
        width: 28px;
    }
    .navbar-default .navbar-toggle {
        border: 0;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: rgb(26,26,26);
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: 0;
    }
    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        color: #76b900;
        cursor: pointer !important;
    }
    .navbar-header {
        padding-bottom: 8px;
    }

    .navbar-toggle {
        margin-top: 16px;
        margin-bottom: 0;
    }

    #navigation {
        min-height: 58px;
    }

    #navigation .container {
        min-height: 58px;
        padding-top: 0px;
    }

    .section-dropdown {
        position: fixed;
        top: 58px;
        left: 0;
        z-index: 5;
        width: 100%;
    }

    #prize-dropdown {
        background: #000000;
        border-bottom: 1px solid rgb(26,26,26);
    }
    #prize-dropdown-menu {
        padding-left: 2vw;
        padding-right: 8.8vw;
    }
    #prize-dropdown-menu li {
        padding-bottom: 18px;
    }
    #prize-dropdown-menu .prize-item {
        font-family: NVIDIA, NVIDIA;
        color: rgb(76,76,76);
    }
    #drop-prize-3 {
        color: rgb(238,238,238);
    }
    #drop-prize-3 span {
        font-family: NVIDIA !important;
        color: #76b900;
    }
    #prize-dropdown-menu .prize-item-text {
        display: inline-block;
        line-height: 18px;
        text-transform: uppercase;
    }
     #prize-dropdown-menu .prize-item-text span {
        font-family: geforce-bold;
     }
    @media (max-width: 767px) {
        #prize-dropdown-menu .prize-item-text {
            width: 85%;
            text-transform: uppercase;
        }
    }

    #prize-dropdown .navbar-nav {
        margin: 0;
    }
    #prize-dropdown .navbar-nav>li>a {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    #prize-dropdown .nav .open>a,#prize-dropdown .nav .open>a:focus,#prize-dropdown .nav .open>a:hover {
        background-color: #000000;
        border-color: #76b900;
    }
    #prize-dropdown .nav>li>a:hover, #prize-dropdown .nav>li>a:focus {
        background-color: #000000;
    }
    #prize-dropdown .arrow-down {
        background: url('http://images.nvidia.com/pascal/img/icon-expand-white.svg');
        display: inline-block;
        width: 22px;
        height: 22px;
        position: relative;
        top: 5px;
    }
    #dropdown {
        font-family: geforce-bold, NVIDIA, NVIDIA;
        font-size: 14px;
    }
    #dropdown-text {
        font-size: 14px;
        font-family: geforce-bold, NVIDIA, NVIDIA;
    }
    #counter-xs {
        display: inline-block;
        float: right;
        position: relative;
        top: 7px;
        color: rgb(238, 238, 238);
        font-size: 12px;
        font-family: geforce-bold, NVIDIA, NVIDIA;
    }
    #counter-xs span {
        color: #76b900;
        font-size: 18px;
    }
    .survey-block .form-group > div > label:before {top:0;}
    .survey-block .form-group > .control-label {padding: 5px 10px 0 20px;margin-bottom:2px;}

    .breadcrumb {padding: 5px 10px;}

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #76b900;}
    .navbar-nav .open .dropdown-menu {
        position: absolute;
        width: 100%;
        background-color: rgba(0,0,0,0.7);
    }

    .navbar-default .navbar-select select {
        min-width:100%;
        padding:8px;
        margin:0;
    }

    #submitBtn {
        margin: 20px auto 30px auto;
        display: block;
    }

    .selDate .form-group{width:100%}
    .selDate div.col-sm-4 {padding-left:0!important; padding-bottom:5px;}
}

@media (min-width: 768px) {
    .form-inline .form-group {
        margin-bottom: 15px;
    }

    .form-horizontal .control-label {
        text-align: left;
    }
}


@media (max-width: 1199px) {
    .survey-block .form-group.survey-label > div > label {min-width:50px;}
    .survey-block .form-group > div > label {min-width:50px;left:18px}
    .survey-block .form-group.survey-label > div > label {padding-left:0;}
}


.text-black {color: #000000;}
.text-grey-light {color: #bdbdbd;}
.text-grey-dark {color: #555555;}
.text-warning {color: #ff853b;}
.text-error {color: #f44336;}
.text-green {color: #76b900;}
.text-info {color: #004831;}
.text-white {color: #ffffff;}

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

.startHidden {display:none;}
.uppercase {text-transform: uppercase;}
.nowrap {white-space: nowrap;}

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

.nopadding {padding:0;}
.nomargin {margin:0;}
.flush-top {padding-top:0!important; margin-top:0!important;}
.flush-right {padding-right:0!important; margin-right:0!important;}
.flush-bottom {padding-bottom:0!important; margin-bottom:0!important;}
.flush-left {padding-left:0!important; margin-left:0!important;}

.font-48 {font-size: 48px;}
.font-45 {font-size: 45px;}
.font-40 {font-size: 40px;}
.font-36 {font-size: 36px;}
.font-32 {font-size: 32px;}
.font-32 .symbols {font-size: 10px; vertical-align: 14px;}
.font-30 {font-size: 30px;}
.font-28 {font-size: 28px;}
.font-26 {font-size: 26px;}
.font-24 {font-size: 24px;}
.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-16 .symbols {font-size: 7px; vertical-align: 7px;}
.font-14 {font-size: 14px;}
.font-12 {font-size: 12px;}
.font-11 {font-size: 11px;}
.font-10 {font-size: 10px;}
.font-bold {font-weight: bold;}
.uppercase {text-transform: uppercase;}

.padding-10 {padding: 10px;}
.padding-20 {padding: 20px;}
.padding-30 {padding: 30px;}
.padding-40 {padding: 40px;}
.padding-50 {padding: 50px;}

.bg-white {background: #fff; color: #333;}
.bg-black {background: #000; color: #fff;}
.bg-green-1 {background: #76b900; color: #fff;}
.bg-grey-1 {background: #f6f6f6; color: #333;}
.bg-grey-2 {background: #f9f9f9; color: #333;}
.bg-grey-3 {background: #282b30; color: #ddd;}
.bg-grey-4 {background: #111111; color: #ddd;}
.bg-grey-5 {background: #202427; color: #ddd;}
.bg-grey-6 {background: #222222; color: #ddd;}
.bg-grey-7 {background: #1a1a1a; color: #fff;}
.bg-grey-8 {background: #1f1f1f; color: #fff;}


.border-grey-1 {border: 1px solid #eaeaea;}
.border-grey-2 {border: 1px solid #2f3638;}
.border-grey-3 {border: 1px solid #282b30;}
.border-grey-4 {border: 1px solid #383E45;}
.border-grey-5 {border: 1px solid #d8d8d8;}

.stripe-light-1 > div {padding:20px; border: 1px solid #eaeaea; border-bottom:0}
.stripe-light-1 > div:nth-child(odd) {background: #fff;}
.stripe-light-1 > div:nth-child(even) {background: #f9f9f9;}
.stripe-light-1 > div:last-child {border-bottom: 1px solid #eaeaea;}

.stripe-dark-1 > div {padding:20px; border: 1px solid #282b30; border-bottom:0}
.stripe-dark-1 > div:nth-child(odd) {background: #111;}
.stripe-dark-1 > div:nth-child(even) {background: #202427;}
.stripe-dark-1 > div:last-child {border-bottom: 1px solid #282b30;}