.fa-play-circle-o:before{
content:"\f01d";
}
.geforcertx-container{
max-width: 1170px;
margin: 0 auto;
}
.geforcertx-container a{
text-decoration: none;
}
.geforcertx-container hr{
border: 0;
border-bottom: 2px solid #77b900;
clear: none;
margin: 10px auto;
}
p#nvid-title1{
font-family: 'Montserrat-Medium';
font-size: 38px;
font-weight: bold;
line-height: 1.2;
text-transform: uppercase;
color: #000000;
margin: 0;
}
p#nvid-title2{
font-family: 'Montserrat-Light';
font-size: 26px;
font-weight: normal;
text-transform: uppercase;
color: #000000;
line-height: 1.2;
margin: 0;
}
p#nvid-title3{
font-family: 'Montserrat-Light';
font-size: 36px;
font-weight: normal;
text-transform: uppercase;
color: #000000;
line-height: 1.2;
margin: 0;
}
.geforcertx-container p{
font-family: 'Open Sans';
font-size: 12pt;
color: #000000;
line-height: 1.5;
margin: 0;
margin-top: 10px;
}
.geforcertx-button{
background-color: #77b900;
border: none;
color: #fff;
padding: 12px;
margin: 20px 0 0 0;
text-transform: uppercase;
font-family: Montserrat-Medium,sans-serif;
font-size: 12pt;
font-weight: normal!important;
cursor: pointer;
float: left;
}
.geforcertx-button:hover{
background-color: #76d300;
}
.geforcertx-button i{
padding-left: 5px;
}
/*******END-GLOBAL*******/
/*******HEADER-SECTION*******/
.geforcertx-top{
background-image:url('/images/landing/nvidia/geforce-rtx/Geforcertx-header.jpg');
background-repeat: no-repeat;
max-width: 100%;
height: auto;
display: block;
overflow: hidden;
padding: 20px;
}
.geforcertx-fl{
width: 50%;
float: left;
}
.geforcertx-fr{
width: 50%;
float: right;
text-align: center;
}
.geforcertx-content{
margin-top: 170px;
}
.geforcertx-image{
margin: 20px 0;
}
.geforcertx-image img{
display: block;
margin: 0 auto;
}
/*******END-HEADER-SECTION*******/
/*******geforce-experience******/
.geforce-experience{
width: 100%;
overflow: hidden;
text-align: center;
border-top: 5px solid #ebebeb;
padding: 20px 0;
}
.geforce-exp-top{
padding-bottom: 20px;
}
.geforce-exp-images{
overflow: hidden;
}
.exp-image-first{
width: 33.3%;
float: left;
}
.exp-image-first img{
max-width: 100%;
margin-bottom: 10px;
}
.exp-image-inner{
overflow: hidden;
text-align: left;
max-width: 300px;
margin: 0 auto;
}
.exp-image-inner i{
margin-right: 5px;
font-weight:100;
padding-left: 0;
}
.exp-image-inner #nvid-title2{
color: #76b900;
}
/**********MODAL-VID**********/
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
right: 0;
top: 0;
max-width: 100%; /* Full width */
height: 100%; /* Full height */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
padding: 20px;
box-sizing: border-box;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;
}
.modal-content {
position: relative; /* Location of the box */
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
width: 960px;
max-width: 100%;
border-radius: 5px;
max-height: 100%;
overflow: hidden;
}
.iframe-wrap{
height: 0;
padding-bottom: 56.25%;
position: relative;
}
.modal-top{
width: 960px;
max-width: 100%;
overflow: hidden;
}
.close{
font-size: 50px;
color: #ffffff;
float: right;
cursor: pointer;
}
.mybtn{
margin: 0px;
text-align: center;
cursor: pointer;
}
.mybtn{
color: #ffffff;
}
.modal-content-inner{
width: 100%;
}
.modal-content-inner iframe{
width: 100%;
height: 100%;
position: absolute;
}
/**********MODAL-VID**********/
/*******END-geforce-experience*******/
/*******FEATURE-ONE*******/
.nvidia-turing{
display: flex;
flex-direction: row-reverse;
overflow: hidden;
clear: both;
background-color: #000000;
padding: 20px;
}
.nvidia-turing-fl{
display: flex;
align-items: center;
width:60%;
}
.nvidia-turing-fl p{
color: #ffffff;
}
.nvidia-turing-fl #nvid-title2{
color: #ffffff;
}
.nvidia-turing-fl #nvid-title3{
color: #ffffff;
}
.nvidia-turing-stats{
margin-top: 50px;
}
.turing-stat{
float: left;
padding-right: 35px;
margin-bottom:20px;
}
.turing-stat #nvid-title2:nth-child(1){
font-size: 15px;
}
.turing-stat #nvid-title2:nth-child(2){
font-size: 25px;
}
.turing-stat #nvid-title2:nth-child(3){
font-size: 15px;
}
.nvidia-turing-fr{
width: 40%;
text-align: center;
}
.nvidia-turing-fr img{
width: 400px;
max-width: 100%;
}
/*******END-FEATURE-ONE*******/
/*******FEATURE-TWO*******/
.nvidia-tracing{
background-color: #000000;
}
.nvidia-tracing img{
max-width: 100%;
}
.nvidia-tracing-bottom{
text-align: center;
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
}
.nvidia-tracing-bottom p{
color: #ffffff;
}
.nvidia-tracing-bottom #nvid-title3{
color: #ffffff;
}
.nvidia-tracing-bottom img{
padding: 30px;
vertical-align: middle;
}
.nvidia-features{
text-align: center;
overflow: hidden;
width: 100%;
}
.nvidia-features-top{
padding: 60px 20px;
}
.nvidia-features-box{
width: 33.333333%;
float: left;
}
.nvidia-features-inner{
max-width: 300px;
text-align: left;
margin: 0 auto;
padding: 20px;
overflow: hidden;
}
.nvidia-features-inner #nvid-title2{
text-align: center;
color: #77b900;
font-family: 'montserrat-medium';
font-weight: bold;
margin: 20px 0;
}
.nvidia-features-inner img{
max-width: 100%;
}
.nvidia-features-box:nth-child(5){
clear: both;
}
.nvidia-trade{
overflow: hidden;
text-align: center;
border-top: 6px solid #76b800;
padding-top: 40px;
}
.nvidia-trade-top{
margin: 0 auto;
}
.nvidia-trade-top img{
display: block;
margin: 0 auto;
}
.nvid-trade-logo{
display: inline-block;
vertical-align: middle;
}
.nvidia-trade img{
padding: 20px;
}
.brand-copyright {
text-align:left !important;
font-size:6pt;
color:#949494;
line-height:1.5;
margin-bottom: 0px!important;;
}
.copyright-holder {
padding:20px!important;
}
@media screen and (max-width: 1170px) {
.geforcertx-fl{
width: 100%;
float: none;
}
.geforcertx-content{
margin: 0px;
}
.geforcertx-fr{
width: 100%;
float: none;
}
.geforcertx-fr img{
max-width: 100%;
}
.exp-image-first{
width: 50%;
}
.exp-image-inner{
padding:20px;
}
.nvidia-turing{
display: block;
}
.turing-stat{
float: none;
padding: 0;
}
.nvidia-turing-fl{
display: block;
width: 100%;
text-align: center;
}
.nvidia-turing-fr{
display: block;
width: 100%;
}
.nvidia-features-box{
width: 50%;
}
.nvidia-features-box:nth-child(5){
clear: none;
}
.nvidia-features-box:nth-child(4){
clear: both;
}
.nvidia-features-box:nth-child(6){
clear: both;
}
.nvid-trade-logo{
width: 49%;
}
}
@media screen and (max-width: 580px) {
.exp-image-first{
width: 100%;
}
.nvidia-features-box{
width: 100%;
}
.nvid-trade-logo{
width: 100%;
}
}