/* 
    Created on : July 12, 2016, 1:25:42 PM
Updated on: July 21, 2016
    Author     : mnm

*/

select::-ms-expand {
    display: none;
}
.sli-desc {
    color: #76b900;
    font-family: DINPro-Bold;
    font-size: 14px;
    margin: 0 auto;
    text-align: center !important;
    text-transform: uppercase;
}

.cta-button-small {
    background-color: #76b900;
    clear: both;
    color: #fff;
    font-family: DINPro-Bold;
    font-size: 14px;
    line-height: 14px;
    padding: 11px 12px 9px;
    position: relative;
    text-transform: uppercase;
}

.cta-button-sm-disabled{
    background-color: #1a1a1a;
    color: #747474;
    font-family: DINPro-Bold;
    font-size: 14px;
    line-height: 14px;
    padding: 11px 12px 9px;
    position: relative;
    text-transform: uppercase;
    clear: both;
}


.gpu-left .product-heading1 {
    font-size: 32px !important;
}

modal-header {
    text-align: center;
}
.modal-title {
    color:#76b900;
    font-family: GeForceLight;
}
.modal-header {
    border:none !important;
}
.modal-dialog {/*width:1025px*/
}
.modal-footer {
    border:none !important;
}
.closePop::before {
    color: rgba(255, 255, 255, 0.9);
    content: url("//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;
}
.closePop::after {
    transform-origin: center center 0;
}
.closePop {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #76b900;
    cursor: pointer;
    display: block;
    float: right;
    margin-top: -11px;
    position: relative;
    right: 30px;
    top: 50%;
    z-index: 5;
}

/*END OF MODAL CSS */

.extrainfo {
    color: #eeeeee;
    display: inline-block;
    font-family: DINPro-Light;
    font-size: 24px;
    line-height: 32px;
    margin-top: 50px;
}


.extrainfo p {
    font-family: DINPro;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}


.heading{text-align:center;margin-top:7px;}
#section-1{margin-top: 38px;  padding-bottom: 40px; border-bottom:1px solid #616161;}
#section-titanx{margin-top: 30px;  padding-bottom: 55px; border-bottom:1px solid #616161;}

.learnmore{font-family: DINPro-Light; font-size: 16px; /*line-height: 32px;*/ line-height: 16px;}
#preorder{margin-bottom: 60px;}

.pre-order {
    color: #eeeeee;
    font-family: DinPro-Light;
    font-size: 24px;
    line-height: 32px;
}

.limitation {
    color: #eeeeee;
    font-family: DinPro;
    font-size: 16px;
    line-height: 24px;
}
.price{font-size: 32px; line-height: 47.98px; font-family: DINPro-Bold; color:#fff; margin-top: 50px; margin-bottom: 17px;}
.quantity{height:45px; border:1px solid #fff; background-color: #000; overflow: hidden; color:#fff; width:60px; text-align: center}
.quantity select {background: none; width: 268px; padding: 5px; font-size: 16px;line-height: 1;  border: 0;  border-radius: 0; height: 34px;-webkit-appearance: none;-webkit-appearance: none;  /*Removes default chrome and safari style*/  -moz-appearance: none;  /*Removes default style Firefox*/ background: url(img/dropdown-arrow.png) no-repeat right}
.quantity option {background-color: #000;}
img{/*display: block;*/
    margin-left: auto;
    margin-right: auto;}
#section-2{margin-top:30px; padding-bottom:55px;border-bottom:1px solid #616161;}
.leftcol{ -webkit-box-shadow:inset -1px 0 0 #616161;
          -moz-box-shadow:inset -1px 0 0 #616161;
          box-shadow: inset -1px 0 0 #616161;}
.rightcol{padding-left:125px;}

#section-3{margin-top:60px; border-bottom: 1px solid #616161; padding-bottom:60px;}
#section-3 p{width:80%;}
.twowayimg {margin-top:90px;}

/*#preorder1 select {
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    
    background: rgba(0, 0, 0, 0) url("../img/dropdown-arrow.png") no-repeat scroll 90% center !important;
    border: 1px solid;
    border-radius: 0;
    font-size: 16px;
    height: 44px;
    line-height: 0;
    padding: 8px 5px 5px 10px;
    text-align: left;
    width: 57px;
}*/

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    /*    text-indent: 1px;*/
    text-overflow: '';
    background: rgba(0, 0, 0, 0) url("../img/dropdown-arrow.png") no-repeat scroll 90% center;
    border: 1px solid;
    border-radius: 0;
    font-size: 16px;
    line-height: 0;
    padding: 8px 5px 5px 10px;
    width: 57px;
}


.quantity option {
    background-color: #000;
    padding-left: 14px;
    text-align: left;
}


#buttons {
    height: 38px;
    margin-top: 15px;
}


.button1 {
    float: left;
    cursor: pointer;
    /*    width: 68px;*/
    /* min-width: 70px; */
}

.button2 {
    float: left;
    margin-left: 15px;
    cursor: pointer;
    /*    width: 68px;*/
    /* min-width: 70px; */
}


.button3 {
    float: left;
    margin-left: 15px;
    cursor: pointer;
    /*   width: 68px;*/
    /*  min-width: 70px; */
}

.bridge > img {
    display: block;
    margin: 0 auto;
    padding: 0;
}


.cta-button-small.js-sli-bridge {
    background: #1a1a1a none repeat scroll 0 0;
    color: #6b6b6b;
}


.cta-button-small.js-sli-bridge.active {
    background: #76b900 none repeat scroll 0 0;
    color: #fff;
}

.gtx1080img{width: 452px; margin-top:10px;}

.cta-button-sm-disabled.active {
    background-color: #76b900;
    clear: both;
    color: #fff;
    font-family: DINPro-Bold;
    font-size: 14px;
    line-height: 14px;
    padding: 11px 12px 9px;
    position: relative;
    text-transform: uppercase;
}

.legalsli {
    float: left;
    font-family: DINPro;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
   /* position: absolute;*/
    text-align: center;
}

.legalshop {
    float: left;
    font-family: DINPro;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin-top: 55px;
    position: relative;
    text-align: left;
    width: 100%;
}


.vr-logo {
    bottom: 0;
    position: absolute;
    right: 5%;
    width: 200px;
}


.product-heading1 {
    font-family: GeForce;
    font-size: 40px;
    line-height: 55.98px;
    margin-bottom: 0 !important;
    margin-top: 10px;
    font-weight: normal;

}

#btnpreorder {
    margin-top: 60px;
}



@media only screen and (max-width: 400px){
    .pagecontent.contentsection {
        padding-top: 85px !important;
    }
    .product-heading1{font-size: 24px; line-height: 55.98px; font-family: GeForce;}
    .price{font-size: 24px;}

    .rightcol{padding-left:0px;}
    .gtx1080{float:left !important;}
    .leftcol {box-shadow: none; border-bottom: 1px solid #616161;}
    .only-desktop{display: none}
    .only-tablet{display: none}
    .only-phone{display: block}
    #section-1 {
        margin-top: 32px;
        padding-bottom:24px;
    }

    #section-2 {
        margin-top: 6px;
    }



    #section-titanx {
        margin-top: 6px;
        padding-bottom: 25px;
    }


    #section-3{
        margin-top:6px;
        padding-bottom:24px;
    }

    .twowayimg {
        margin-top: 59px;
    }

    #preorder {
        margin-bottom: 25px;
    }
    .price {
        margin-bottom: 0;
    }

    #preorder {
        margin-bottom: 25px;
        margin-top: 16px;
    }
    .hmc {
        margin-top: 26px;
        margin-bottom:27px;
    }

    .brdg-size {
        margin-top: 11px;
    }
    #buttons {
        margin-top: 9px;
    }
    .product-heading1 {
        line-height: 44px;
    }


    .sub-text {
        font-family: DinPro-Light;
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 3px;
    }

    .bridgeimages {
        padding-left: 0px;
        margin-top:0px;

    }

    .modal-title.hmctitle {
        color: #76b900;
        font-family: GeForce;
        text-align: center !important;
        margin-top: 65px !important;
    }

    .bridge {
        margin-right: 0;
        margin-top: 25px;
    }

    .closePop.hmcclose {
        margin-top: 30px;
    }

    .modal-title.hmctitle{margin-top: 75px !important}

    .vr-logo {
        width: 100px;
    }

    .mobile-top { margin-top: 16px; margin-bottom: 27px; }

    .legalshop{margin-top:25px;}
    #section-2{padding-bottom: 25px;}
    .js-out-of-stock__with-date {
        margin-top: 25px;
    }

    .legalshop.gtx1070 {
        margin-bottom: 25px;
    }

    #btnpreorder {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 401px) and (max-width:767px){
    .pagecontent.contentsection {
        padding-top: 85px !important;
    }
    .product-heading1{font-size: 24px; line-height: 55.98px; font-family: GeForce;}
    .price{font-size: 24px;}

    .rightcol{padding-left:0px;}
    .gtx1080{float:left !important;}
    .leftcol {box-shadow: none; border-bottom: 1px solid #616161;}
    .only-desktop{display: none}
    .only-tablet{display: none}
    .only-phone{display: block}
    #section-1 {
        margin-top: 32px;
        padding-bottom:24px;
    }

    #section-titanx {
        margin-top: 6px;
        padding-bottom: 25px;
    }

    #section-2{  margin-top: 6px;padding-bottom: 25px;}

    .js-out-of-stock__with-date {
        margin-top: 25px;
    }
    #section-3{
        margin-top:13px;
        padding-bottom:24px;
    }

    .twowayimg {
        margin-top: 59px;
    }

    #preorder {
        margin-bottom: 25px;
    }
    .price {
        margin-bottom: 0;
    }

    #preorder {
        margin-bottom: 25px;
        margin-top: 16px;
    }
    .hmc {
        margin-top: 26px;
        margin-bottom:27px;
    }

    .brdg-size {
        margin-top: 11px;
    }
    #buttons {
        margin-top: 9px;
    }
    .product-heading1 {
        font-size: 24px;
        line-height: 55.98px;
        line-height: 44px;
    }


    .sub-text {
        font-family: DinPro-Light;
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 3px;
    }


    .bridgeimages {
        padding-left: 0px;
        margin-top:0px;

    }

    .modal-title.hmctitle {
        color: #76b900;
        font-family: GeForce;
        text-align: center !important;
        margin-top: 65px !important;
    }

    .bridge {
        margin-right: 0;
        margin-top: 25px;
    }

    .closePop.hmcclose {
        margin-top: 30px;
    }

    .modal-title.hmctitle{margin-top: 75px !important}
    .vr-logo {
        width: 150px;
    }

    .price {
        margin-top: 23px;
    }

    .legalshop{margin-top:25px;}
    .legalshop.gtx1070 {
        margin-bottom: 25px;
    }

    #btnpreorder {
        margin-top: 30px;
    }

}

/*TABLETS */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .pagecontent.contentsection {
        padding-top: 82px !important;
    }

    .mobile-top { margin-top: 17px; }

    .rightcol {
        float: right;
        padding-left: 30px;
        width: 44%;
    }
    .product-heading1{font-size: 32px; line-height: 32px; font-family: GeForce; margin-top: 12px;}
    .price{font-size: 24px;}
    .only-desktop{display: none}
    .only-tablet{display: block !important}
    .only-phone{display: none}
    .top-spacing {
        /*  margin-top: 20%; */
    }
    #section-1 {
        margin-top: 25px;
        padding-bottom:55px;
    }

    #section-3 {
        margin-top: 34px;
    }



    .sub-text {
        font-family: DinPro-Light;
        font-size: 24px;
        line-height: 31px;
        margin-bottom: 1px;
    }

    .price {
        margin-top: 43px;
    }

    #preorder {
        margin-bottom: 54px;
        margin-top: 16px;
    }


    .brdg-size {
        margin-top: 11px;
    }
    .price {
        margin-bottom: 0;
    }
    #buttons {
        margin-top: 9px;
    }
    .hmc {
        margin-bottom: 27px;
        margin-top: 26px;
    }

    .modal-body.hmcbody {
        display: inline-block;
        height: auto;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .modal-dialog.sli {
        margin: 120px auto !important;
        width: 780px !important;
    }

    .modal-content.slicontent{padding: 30px 0 30px 60px}

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

    .bridgeimages {
        height: 200px;
    }

    .bridge {
        margin-right: 50px !important;
    }


    .heading {
        margin-top: 9px;
    }

    .vr-logo {
        bottom: 0;
        position: absolute;
        right: 4%;
        width: 140px;
    }


}

/*SMALLER DESKTOPS*/
@media only screen and (min-width: 1024px) and (max-width:1309px){

    .pagecontent.contentsection {
        padding-top: 150px !important;
    }

    .rightcol {
        float: right;
        padding-left: 30px;
        width: 43%;
    }

    .product-heading1{font-size: 32px; line-height: 55.98px; font-family: GeForce;}
    .only-desktop{display:inline-block}
    .only-tablet{display: none}
    .only-phone{display: none}
    .top-spacing {
        /* margin-top: 9%; */
    }
    #section-1 {
        margin-top: 32px;
        padding-bottom:55px;
    }

    #section-3 {
        margin-top: 34px;
    }
    .product-heading1 {
        line-height: 51px;
    }


    .sub-text {
        font-family: DinPro-Light;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 5px;
    }
    .price {
        margin-top: 47px;
    }

    #preorder {
        margin-bottom: 54px;
        margin-top: 20px;
    }


    .brdg-size {
        margin-top: 15px;
    }
    .price {
        margin-bottom: 0;
    }
    #buttons {
        margin-top: 9px;
    }
    .hmc {
        margin-bottom: 27px;
        margin-top: 26px;
    }

    .modal-body.hmcbody {
        display: inline-block;
        height: auto;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .modal-body.hmcbody {
        display: inline-block;
        height: auto;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .modal-dialog.sli {
        margin: 120px auto !important;
        width: 900px !important;
    }

    .modal-content.slicontent{padding: 30px 0 30px 100px}

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

    .bridgeimages {
        height: 200px;
    }


    .heading {
        margin-top: 13px;
        text-align: center;
    }
    .mobile-top {
        margin-top: 20px;
    }

    .vr-logo {

        width: 150px;
    }

}

@media screen and (min-width: 1310px) and (max-width:1800px) { 

    .pagecontent.contentsection {
        padding-top: 150px !important;
    }

    .product-heading1{font-size: 40px; line-height: 55.98px; font-family: GeForce;}
    .only-desktop{display:block !important;}
    .only-tablet{display: none;}
    .only-phone{display: none;}
    #section-1 {
        margin-top: 29px;
        padding-bottom:53px;
    }

    #section-3 {
        margin-top: 35px;
    }
    .product-heading1 {
        line-height: 51px;
    }


    .sub-text {
        font-family: DinPro-Light;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 1px;
    }

    .price {
        margin-top: 47px;
    }

    #preorder {
        margin-bottom: 55px;
        margin-top: 20px;
    }


    .brdg-size {
        margin-top: 15px;
    }
    .price {
        margin-bottom: 0;
    }
    #buttons {
        margin-top: 9px;
    }
    .hmc {
        margin-bottom: 27px;
        margin-top: 26px;
    }

    .modal-body.hmcbody {
        display: inline-block;
        height: auto;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .modal-dialog.sli {
        margin: 120px auto !important;
        width: 1000px !important;
    }

    .modal-content.slicontent{padding: 30px 0 30px 100px}

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

    .bridgeimages {
        height: 200px;
    }


}

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

    .pagecontent.contentsection {
        padding-top: 150px !important;
    }

    /* .product-heading1{font-size: 40px; line-height: 55.98px; font-family: GeForce;}*/
    .only-desktop{display:block !important;}
    .only-tablet{display: none;}
    .only-phone{display: none;}
    #section-1 {
        margin-top: 40px;
        padding-bottom:45px;
    }

    #section-3 {
        margin-top: 35px;
    }
    /*.product-heading1 {
        line-height: 55.98px;
    }*/


    .sub-text {
        font-family: DinPro-Light;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 1px;
    }
    .price {
        margin-to33p: 47px;
    }

    .vr-logo {
        bottom: 0;
        position: absolute;
        right: 5%;
        width: 180px;
    }

    #preorder {
        margin-bottom: 55px;
        margin-top: 20px;
    }


    .brdg-size {
        margin-top: 15px;
    }
    .price {
        margin-bottom: 17px;
    }
    #buttons {
        margin-top: 9px;
    }
    .hmc {
        margin-bottom: 27px;
        margin-top: 26px;
    }

    .modal-dialog {
        margin: 120px auto !important;
        width: 1060px !important;
    }



    .modal-body.hmcbody {
        display: inline-block;
        height: auto;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .modal-dialog.sli {
        margin: 120px auto !important;
        width: 1060px !important;
    }

    .modal-content.slicontent{padding: 30px 0 30px 100px}

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

    .bridgeimages {
        height: 200px;
    }

    .shop-intro {
        font-size: 24px !important;
        margin-top: 3px;
    }


    .legalshop {
        float: left;
        font-family: DINPro;
        font-size: 16px;
        font-weight: normal;
        line-height: 24px;
        margin-top: 55px;
        position: relative;
        text-align: left;
        width: 100%;
    }

}