.textcomponentenhanced { .general-container-text { margin:0 auto; overflow-wrap: break-word; word-wrap: break-word; @include phone(){ &.mob-full-width { max-width:none; } } @include tablet(){ &.tab-full-width { max-width:none; } } @include desktop(){ &.lap-full-width { max-width:none; } } @include xl-desktop{ &.d-full-width { max-width:none; } } } h1.no-space { margin :0 !important; padding :0 !important; } h2.no-space { margin :0 !important; padding :0 !important; } h3.no-space { margin :0 !important; padding :0 !important; } h4.no-space { margin :0 !important; padding :0 !important; } .no-space{ p { margin :0 !important; padding :0 !important; } } p{ padding:10px 0px; } p,li,td { a { color: inherit; text-decoration: underline; -webkit-text-decoration-color: $brand-green; text-decoration-color: $brand-green; text-decoration-thickness: 2px; text-underline-offset: 0.3125em; &:hover { -webkit-text-decoration-color: inherit; text-decoration-color: inherit; } } } h2,.h2{ padding: 8px 0px; } h1,.h1{ padding:6px 0px; } h3,.h3{ padding: 10px 0px; } h4,.h4{ padding: 12px 0px; } h5,.h5{ padding: 13px 0px; } h1.uppercase { text-transform: uppercase; } h1.none { text-transform: none; } h2.uppercase { text-transform: uppercase; } h2.none { text-transform: none; } h3.uppercase { text-transform: uppercase; } h3.none { text-transform: none; } h4.uppercase { text-transform: uppercase; } h4.none { text-transform: none; } p.uppercase { text-transform: uppercase; } p.none { text-transform: none; } .title.showquotes::before { content: "\201C"; font-size: 72px; @include font-family($font-stack-default); color: #bdbdbd; vertical-align: top; @media screen and (max-width: $md-screen-max) { font-size: 54px; } } .title.showquotes::after { content: "\201C"; font-size: 72px; @include font-family($font-stack-default); color: #bdbdbd; display: inline-block; vertical-align: top; line-height: 0.2; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); @media screen and (max-width: $md-screen-max) { font-size: 54px; } } .description{ h1,h2,h3,h4,h5 { padding:0px; } .showquotes::before { content: "\201C"; font-size: 72px; letter-spacing: -0.02em; @include font-family($font-stack-default); color: #bdbdbd; vertical-align: top; @media screen and (max-width: $md-screen-max) { font-size: 54px; } } .showquotes::after { content: "\201C"; font-size: 72px; letter-spacing: -0.02em; @include font-family($font-stack-default); color: #bdbdbd; display: inline-block; vertical-align: top; line-height: 0.2; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); @media screen and (max-width: $md-screen-max) { font-size: 54px; } } } .text-button{ @media screen and (max-width: $sm-screen-max){ text-align: center; } } /* Added the below logic for the Tex component Number fields plugin */ /* ol { counter-reset: itm; } ol li { display: block; } ol li:before { content: counter(itm) ". "; counter-increment: itm; color: #76b900; font-weight:bold; } */ /* Added the below logic for AD-1518 fix */ ol li { content: counter(itm) "."; counter-increment: itm; display: list-item; list-style: unset; } /*ol li:before { display:none; } ol li::marker { color: #76b900; font-weight: bold; }*/ /* * RVC See: https://home.nvidia.com/jira/browse/COM-362 */ .ol-numeric ol { counter-reset: section; } .ol-numeric ol > li { display: table; counter-increment: section; } .ol-numeric ol > li:before { color: #76b900; content: counters(section, ".") ".0 "; display: table-cell; padding-right: 10px } .ol-numeric ol li ol > li:before { content: counters(section, ".") " " } .ol-numeric ol .lower-roman { counter-reset: sec; } .ol-numeric ol .lower-roman > li { counter-increment: sec; } .ol-numeric ol .upper-roman { counter-reset: sec; } .ol-numeric ol .upper-roman > li { counter-increment: sec; } .ol-numeric ol .lower-alpha { counter-reset: sec; } .ol-numeric ol .lower-alpha > li { counter-increment: sec; } .ol-numeric ol .upper-alpha { counter-reset: sec; } .ol-numeric ol .upper-alpha > li { counter-increment: sec; } .ol-numeric ol .lower-roman > li:before { content: counters(sec, ".", lower-roman) " " } .ol-numeric ol .upper-roman > li:before { content: counters(sec, ".", upper-roman) " " } .ol-numeric ol .lower-alpha > li:before { content: counters(sec, ".", lower-alpha) " " } .ol-numeric ol .upper-alpha > li:before { content: counters(sec, ".", upper-alpha) " " } /* * RVC END See: https://home.nvidia.com/jira/browse/COM-362 */ // Alignment .text-center{ text-align: center; &.mob-text-left{ @media screen and (max-width: $sm-screen-max){ text-align: left; .description { text-align: left; } .title { text-align: left; } .text-button { text-align: left; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: left; } } } } &.tab-text-left { @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max) { text-align: left; .description { text-align: left; } .title { text-align: left; } .text-button { text-align: left; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: left; } } } } &.mob-text-right{ @media screen and (max-width: $sm-screen-max){ text-align: right; .description { text-align: right; } .title { text-align: right; } .text-button { text-align: right; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: right; } } } } &.tab-text-right{ @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max) { text-align: right; .description { text-align: right; } .title { text-align: right; } .text-button { text-align: right; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: right; } } } } } .text-left{ text-align: left; &.mob-text-center{ @media screen and (max-width: $sm-screen-max){ text-align: center; .description { text-align: center; } .title { text-align: center; } .text-button { text-align: center; } } } &.tab-text-center{ @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max){ text-align: center; .description { text-align: center; } .title { text-align: center; } .text-button { text-align: center; } } } &.mob-text-right{ @media screen and (max-width: $sm-screen-max){ text-align: right; .description { text-align: right; } .title { text-align: right; } .text-button { text-align: right; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: right; } } } } &.tab-text-right{ @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max){ text-align: right; .description { text-align: right; } .title { text-align: right; } .text-button { text-align: right; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: right; } } } } } .text-right{ text-align: right; &.mob-text-center{ @media screen and (max-width: $sm-screen-max){ text-align: center; .description { text-align: center; } .title { text-align: center; } .text-button { text-align: center; } } } &.tab-text-center{ @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max){ text-align: center; .description { text-align: center; } .title { text-align: center; } .text-button { text-align: center; } } } &.mob-text-left{ @media screen and (max-width: $sm-screen-max){ text-align: left; .description { text-align: left; } .title { text-align: left; } .text-button { text-align: left; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: left; } } } } &.tab-text-left{ @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max){ text-align: left; .description { text-align: left; } .title { text-align: left; } .text-button { text-align: left; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: left; } } } } } @media screen and (min-width: $lg-screen-min) and (max-width: $lg-screen-max) { .lap-text-center{ text-align: center; &.mob-text-left{ @media screen and (max-width: $sm-screen-max){ text-align: left; .description { text-align: left; } .title { text-align: left; } .text-button { text-align: left; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: left; } } } } &.tab-text-left { @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max) { text-align: left; .description { text-align: left; } .title { text-align: left; } .text-button { text-align: left; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: left; } } } } &.mob-text-right{ @media screen and (max-width: $sm-screen-max){ text-align: right; .description { text-align: right; } .title { text-align: right; } .text-button { text-align: right; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: right; } } } } &.tab-text-right{ @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max) { text-align: right; .description { text-align: right; } .title { text-align: right; } .text-button { text-align: right; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: right; } } } } } .lap-text-left{ text-align: left; &.mob-text-center{ @media screen and (max-width: $sm-screen-max){ text-align: center; .description { text-align: center; } .title { text-align: center; } .text-button { text-align: center; } } } &.tab-text-center{ @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max){ text-align: center; .description { text-align: center; } .title { text-align: center; } .text-button { text-align: center; } } } &.mob-text-right{ @media screen and (max-width: $sm-screen-max){ text-align: right; .description { text-align: right; } .title { text-align: right; } .text-button { text-align: right; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: right; } } } } &.tab-text-right{ @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max){ text-align: right; .description { text-align: right; } .title { text-align: right; } .text-button { text-align: right; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: right; } } } } } .lap-text-right{ text-align: right; &.mob-text-center{ @media screen and (max-width: $sm-screen-max){ text-align: center; .description { text-align: center; } .title { text-align: center; } .text-button { text-align: center; } } } &.tab-text-center{ @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max){ text-align: center; .description { text-align: center; } .title { text-align: center; } .text-button { text-align: center; } } } &.mob-text-left{ @media screen and (max-width: $sm-screen-max){ text-align: left; .description { text-align: left; } .title { text-align: left; } .text-button { text-align: left; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: left; } } } } &.tab-text-left{ @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max){ text-align: left; .description { text-align: left; } .title { text-align: left; } .text-button { text-align: left; .mobile-align-center { text-align: center; } .text-center.mobile-align { text-align: left; } } } } } } @media screen and (max-width: $sm-screen-max){ .mob-text-center{ text-align: center; } .mob-text-left{ text-align: left; } .mob-text-right{ text-align: right; } } @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max) { .tab-text-left{ text-align: left; } .tab-text-right{ text-align: right; } } /* Author mode classes */ .textwrapdoubleline { border-style: double; border-color: #9d70ed; margin:5px 0px; } .textauthortext { margin: 0px auto; text-align: center; text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8); color: #333; opacity: 0.4; font-size: 20px; text-transform: uppercase; } .textbackground { background-color: #9d70ed; height: 20px; width: 400px; margin: 0px auto; -webkit-box-shadow: 2px 2px 2px #000; } } .imageeditmodedoubleline{ .imageeditmode{ position: relative; img{ width: 50%; float: left; } .edit-image-label{ z-index: 1; position: absolute; padding: 1em; // background: #000; // background: rgba(0,0,0,.7); color:#fff; &.rtxON.vertical.top{ left: 0; top: 0; } &.rtxOFF.vertical.top{ top: 0; right: 0; } &.rtxON.vertical.bottom{ left: 0; bottom: 0; } &.rtxOFF.vertical.bottom{ bottom: 0; right: 0; } &.rtxON.horizontal.left{ left: 0; top: 0; } &.rtxOFF.horizontal.left{ bottom: 0; left: 0; } &.rtxON.horizontal.right{ top: 0; right: 0; } &.rtxOFF.horizontal.right{ bottom: 0; right: 0; } } .align-left{ position: relative; .edit-image-label{ left: 0; } } .align-right{ position: relative; .edit-image-label{ right: 0; } } .promptTxt{ z-index: 1; display: inline-block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: rgb(0,0,0); background: rgba(0,0,0,0.5); padding: 10px; color: #ffffff; } .infobarlogowrap{ position: absolute; z-index: 1; &.left{ left: 0; } &.right{ right: 0; } &.top{ top: 0; } &.bottom{ bottom: 0; } } .infobarTxt{ padding: 0 5px; } .infobarlogo{ width: auto; } } } #cboxContent .imageComparisonSliderContainer{ z-index: 0; } .imageComparisonSliderContainer { position: relative; width: 100%; margin: 0 auto; overflow: hidden; cursor: pointer; .infobarlogowrap{ position: absolute; z-index: 1; &.left{ left: 0; } &.right{ right: 0; } &.top{ top: 0; } &.bottom{ bottom: 0; } .infobarTxt{ padding: 0 5px; } } .promptTxt{ z-index: 16; display: inline-block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: rgb(0,0,0); background: rgba(0,0,0,0.5); padding: 10px; color: #ffffff; white-space: nowrap; } &:hover .promptTxt{ display: none; } .overlayLayer{ position: absolute; width: 100%; height: 100%; z-index: 10; } img { width: 100%; display: block; } &.img-border{ border: 1px solid #616161; } .resize { position: absolute; overflow: hidden; } .slider { position: absolute; z-index: 15; } .handle { position: absolute; z-index: 15; margin: auto; background: rgb(136, 136, 136) none repeat scroll 0% 0%; &::before, &::after { position: absolute; width: 0; height: 0; transition: all .2s ease; content: ""; } } .draggable:after { width: 48px; height: 48px; margin: -24px 0 0 -24px; line-height: 48px; font-size: 30px; } .image-label { position: absolute; display: inline-block; color: #fff; // background-color: #000; /* IE 8 */ // background-color: rgba(0,0,0,.7); padding: 10px; white-space: nowrap; vertical-align: middle; opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform .3s .7s, opacity .3s .7s; -moz-transition: -moz-transform .3s .7s, opacity .3s .7s; transition: transform .3s .7s, opacity .3s .7s } &[data-slider-type="vertical"] { .resize{ top: 0; left: 0; height: 100%; width: 50%; } &:hover { .handle { &::before{ left: -20px; opacity: 1; } &::after{ right: -20px; opacity: 1; } } } .slider { height: 100%; width: 40px; margin-left: -20px; left: 50%; cursor: col-resize; } .handle { top: 0; bottom: 0; height: 100%; width: 2px; //margin-left: -3px; left: 50%; cursor: col-resize; span { position: absolute; margin: auto; top: 0; bottom: 0; height: 60px; width: 9px; margin-left: -3px; background: url("https://images.nvidia.com/geforce-com/international/comparisons/nvidia-g-sync-hdr/handle.gif"); background-repeat: no-repeat; } &::before, &::after { margin: auto; top: 0; bottom: 0; } &::before { left: -18px; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #ffffff transparent transparent; opacity: 0; } &::after { right: -18px; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #ffffff; opacity: 0; } &.op0::before, &.op0::after{ opacity: 0; } } .image-label{ &.off { right: 0; &.bottom { bottom: 20px; } &.top{ top: -20px; } } &.on { left: 0; &.bottom{ bottom: 20px; } &.top{ top: -20px; } } } } &[data-slider-type="horizontal"]{ .resize { top: 0; right: 0; height: 50%; width: 100%; } .slider { height: 40px; width: 100%; margin-top: -20px; top: 50%; cursor: row-resize; } &:hover { .handle { &::before { top: -20px; opacity: 1; } &::after { bottom: -20px; opacity: 1; } } } .handle { left: 0; right: 0; height: 2px; width: 100%; margin-top: -3px; top: 50%; cursor: row-resize; span { position: absolute; margin: auto; left: 0; right: 0; width: 9px; height: 60px; margin-top: -28px; background: url("https://images.nvidia.com/geforce-com/international/comparisons/nvidia-g-sync-hdr/handle.gif"); background-repeat: no-repeat; transform: rotate(90deg); } &::before, &::after { margin: auto; left: 0; right: 0; opacity: 0; } &::before { top: -17px; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffffff transparent; } &::after { bottom: -17px; border-style: solid; border-width: 8px 8px 0 8px; border-color: #ffffff transparent transparent transparent; } &.op0::before, &.op0::after{ opacity: 0; } } .image-label{ &.off { bottom: 20px; &.right { right: 0; } } &.on { top: -20px; &.right { right: 0; } } } } } @charset "UTF-8"; /* * Grid variables */ /* * Colors */ /* * Fonts */ /* * Media Queries breakpoints */ /* * Max content width variables */ /* * paddings and margings */ /* * Page settings */ /* * Image default path */ .cartLayout .cart_black .cart-item, .navigation .cart_black .cart-item, .cartLayout .cart_black .cart__checkout-button, .navigation .cart_black .cart__checkout-button, .cartLayout .cart_black, .navigation .cart_black, .cartLayout .cart_white .cart-item, .navigation .cart_white .cart-item, .cartLayout .cart_white .cart__checkout-button, .navigation .cart_white .cart__checkout-button, .cartLayout .cart_white, .navigation .cart_white { box-sizing: border-box; } .cartLayout .cart_black .cart-item:before, .navigation .cart_black .cart-item:before, .cartLayout .cart_black .cart__checkout-button:before, .navigation .cart_black .cart__checkout-button:before, .cartLayout .cart_black:before, .navigation .cart_black:before, .cartLayout .cart_white .cart-item:before, .navigation .cart_white .cart-item:before, .cartLayout .cart_white .cart__checkout-button:before, .navigation .cart_white .cart__checkout-button:before, .cartLayout .cart_white:before, .navigation .cart_white:before, .cartLayout .cart_black .cart-item:after, .navigation .cart_black .cart-item:after, .cartLayout .cart_black .cart__checkout-button:after, .navigation .cart_black .cart__checkout-button:after, .cartLayout .cart_black:after, .navigation .cart_black:after, .cartLayout .cart_white .cart-item:after, .navigation .cart_white .cart-item:after, .cartLayout .cart_white .cart__checkout-button:after, .navigation .cart_white .cart__checkout-button:after, .cartLayout .cart_white:after, .navigation .cart_white:after { box-sizing: inherit; } .cartLayout .cart_black .cart-item, .navigation .cart_black .cart-item, .cartLayout .cart_white .cart-item, .navigation .cart_white .cart-item { *zoom: 1; } .cartLayout .cart_black .cart-item:before, .navigation .cart_black .cart-item:before, .cartLayout .cart_white .cart-item:before, .navigation .cart_white .cart-item:before, .cartLayout .cart_black .cart-item:after, .navigation .cart_black .cart-item:after, .cartLayout .cart_white .cart-item:after, .navigation .cart_white .cart-item:after { content: " "; display: table; } .cartLayout .cart_black .cart-item:after, .navigation .cart_black .cart-item:after, .cartLayout .cart_white .cart-item:after, .navigation .cart_white .cart-item:after { clear: both; } /* . . . */ .sectionWrapper { position: relative; /* Added below code for the new Narrow Cozy styles apply on Section Wrapper component.*/ /* End of Added below code for the new Narrow Cozy styles apply on Section Wrapper component.*/ } .sectionWrapper .cf:after { content: ""; display: table; clear: both; } .sectionWrapper .hdividerwraper { position: absolute; bottom: 0; width: 100%; } @media (max-width: 767px) { .sectionWrapper .hdividerwraper .full-width { padding: 0 15px; } } @media (min-width: 768px) and (max-width: 1024px) { .sectionWrapper .hdividerwraper .full-width { padding: 0 15px; } } @media (min-width: 1025px) and (max-width: 1280px) { .sectionWrapper .hdividerwraper .full-width { padding: 0 30px; } } .sectionWrapper .hdividerwraper .horizontaldividerline { display: block; height: 2px; margin-left: auto; margin-right: auto; } .sectionWrapper .hdividerwraper .horizontaldividercline { max-width: 1280px; } @media (max-width: 767px) { .sectionWrapper .hdividerwraper .horizontaldividercline { margin: 0 15px; } } @media (min-width: 768px) and (max-width: 1024px) { .sectionWrapper .hdividerwraper .horizontaldividercline { margin: 0 30px; } } @media (min-width: 1025px) and (max-width: 1280px) { .sectionWrapper .hdividerwraper .horizontaldividercline { margin: 0 30px; } } .sectionWrapper .full-width { max-width: none; } .sectionWrapper .general-container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; max-width: 1280px; width: 100%; } .sectionWrapper .general-container::before, .sectionWrapper .general-container::after { content: " "; display: table; } .sectionWrapper .general-container::after { clear: both; } .sectionWrapper .general-container p { padding: 10px 0px; } .sectionWrapper .general-container h2, .sectionWrapper .general-container .h2 { padding: 8px 0px; } .sectionWrapper .general-container h1, .sectionWrapper .general-container .h1 { padding: 6px 0px; } .sectionWrapper .general-container h3, .sectionWrapper .general-container .h3 { padding: 10px 0px; } .sectionWrapper .general-container h4, .sectionWrapper .general-container .h4 { padding: 12px 0px; } .sectionWrapper .general-container h5, .sectionWrapper .general-container .h5 { padding: 13px 0px; } .sectionWrapper .general-container.full-width { max-width: 100%; padding-left: 0; padding-right: 0; } .sectionWrapper .general-container .block { display: block; } .sectionWrapper .background-image { background-size: cover; background-repeat: no-repeat; background-position: center center; } .sectionWrapper .full-width { width: 100%; } .sectionWrapper .full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } .sectionWrapper .full-width .general-container .row .column .sectionWrapper .general-container { padding-left: 15px; padding-right: 15px; max-width: 1280px; width: 100%; } .sectionWrapper .full-width .general-container .row .column .sectionWrapper .full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } @media (min-width: 1281px) { .sectionWrapper .d-full-width { width: 100%; } .sectionWrapper .d-full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } .sectionWrapper .d-full-width .general-container .row .column .sectionWrapper .general-container { padding-left: 15px; padding-right: 15px; max-width: 1280px; width: 100%; } .sectionWrapper .d-full-width .general-container .row .column .sectionWrapper .full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } } @media (min-width: 1025px) and (max-width: 1280px) { .sectionWrapper .lap-full-width { width: 100%; } .sectionWrapper .lap-full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } .sectionWrapper .lap-full-width .general-container .row .column .sectionWrapper .general-container { padding-left: 15px; padding-right: 15px; max-width: 1280px; width: 100%; } .sectionWrapper .lap-full-width .general-container .row .column .sectionWrapper .full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .sectionWrapper .tab-full-width { width: 100%; } .sectionWrapper .tab-full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } .sectionWrapper .tab-full-width .general-container .row .column .sectionWrapper .general-container { padding-left: 15px; padding-right: 15px; max-width: 964px; width: 100%; } .sectionWrapper .tab-full-width .general-container .row .column .sectionWrapper .full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } } @media (max-width: 767px) { .sectionWrapper .mob-full-width { width: 100%; } .sectionWrapper .mob-full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } .sectionWrapper .mob-full-width .general-container .row .column .sectionWrapper .general-container { padding-left: 15px; padding-right: 15px; max-width: 737px; width: 100%; } .sectionWrapper .mob-full-width .general-container .row .column .sectionWrapper .full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } } .oos-btn { font-size: 16px !important; text-transform: initial !important; color: #ccc !important; background: none !important; border: none !important; padding: 0px !important; height: auto !important; cursor: auto !important; } .captchaerror { color: red; padding-top: 15px; text-align: center; font-weight: bold; } h4.free-shipping.lb_iframe.notifyme-txt { color: #76b900 !important; cursor: pointer; display: inline-block; } body[data-edit-mode="true"] #captcha_container { display: none; } .disabled { color: #747474; } .stock-grey-out { background: #1a1a1a !important; border: 1px solid #1a1a1a; cursor: auto !important; } .stock-grey-out.notify-me-btn { cursor: pointer !important; } .varient-button-wrapper .notifyme-text { display: block; } .notifyme-text { line-height: 24px; display: inline-block; font-size: 16px; font-weight: bold; padding: 15px 0; } .msrp { font-size: 16px; } .js-out-of-stock { display: none !important; } .btn-cart { margin-right: 10px; } .shop-all-partners-link { display: inline-block; text-transform: uppercase; text-decoration: none; font-weight: bold; padding-top: 20px; } .shop-all-partners-link i { border: solid #76b900; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; margin-bottom: 1px; margin-left: 1px; } .shop-all-partners-link .right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .link-btn-disabled { text-decoration: none; text-align: center; display: inline-block; min-width: 50px; position: relative; text-transform: uppercase; color: #fff; border: #1a1a1a; font: bold 18px/1 "NVIDIA"; } .link-btn-disabled .btn { padding: 14px 14px 10px 14px; } /* div.link-btn{ border:#1a1a1a; } */ .padlock { margin-right: 5px; max-width: 16px; width: 100%; fill: #fff; margin-bottom: 4px; vertical-align: bottom; } .nv-button.js-checkout.cart__checkout-button.disable-checkout { pointer-events: none !important; background-color: #e0e0e0; } .js-out-of-stock { font-size: 16px; text-transform: uppercase; font-weight: bold; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; line-height: 24px; margin-top: 8px; } .js-out-of-stock:lang(en-us), .js-out-of-stock:lang(en-zz), .js-out-of-stock:lang(en-gb), .js-out-of-stock:lang(en-au), .js-out-of-stock:lang(en-eu), .js-out-of-stock:lang(en-in), .js-out-of-stock:lang(es-la), .js-out-of-stock:lang(es-uy), .js-out-of-stock:lang(es-cl), .js-out-of-stock:lang(es-py), .js-out-of-stock:lang(es-ar), .js-out-of-stock:lang(pt-br), .js-out-of-stock:lang(en-sg), .js-out-of-stock:lang(en-me), .js-out-of-stock:lang(en-ph), .js-out-of-stock:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .js-out-of-stock:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .js-out-of-stock:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .js-out-of-stock:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .js-out-of-stock:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .js-out-of-stock:lang(de-at), .js-out-of-stock:lang(fr-be), .js-out-of-stock:lang(cs-cz), .js-out-of-stock:lang(da-dk), .js-out-of-stock:lang(nl-nl), .js-out-of-stock:lang(nb-no), .js-out-of-stock:lang(pl-pl), .js-out-of-stock:lang(pt-pt), .js-out-of-stock:lang(ro-ro), .js-out-of-stock:lang(es-es), .js-out-of-stock:lang(sv-se), .js-out-of-stock:lang(de-ch), .js-out-of-stock:lang(tr-tr), .js-out-of-stock:lang(de-de), .js-out-of-stock:lang(fr-fr), .js-out-of-stock:lang(fi-fi), .js-out-of-stock:lang(it-it), .js-out-of-stock:lang(hu-hu), .js-out-of-stock:lang(sl-si), .js-out-of-stock:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .js-out-of-stock:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .js-out-of-stock p { margin: 0px; } .js-in-stock { font-size: 16px; text-transform: uppercase; font-weight: bold; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; line-height: 24px; } .js-in-stock:lang(en-us), .js-in-stock:lang(en-zz), .js-in-stock:lang(en-gb), .js-in-stock:lang(en-au), .js-in-stock:lang(en-eu), .js-in-stock:lang(en-in), .js-in-stock:lang(es-la), .js-in-stock:lang(es-uy), .js-in-stock:lang(es-cl), .js-in-stock:lang(es-py), .js-in-stock:lang(es-ar), .js-in-stock:lang(pt-br), .js-in-stock:lang(en-sg), .js-in-stock:lang(en-me), .js-in-stock:lang(en-ph), .js-in-stock:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .js-in-stock:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .js-in-stock:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .js-in-stock:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .js-in-stock:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .js-in-stock:lang(de-at), .js-in-stock:lang(fr-be), .js-in-stock:lang(cs-cz), .js-in-stock:lang(da-dk), .js-in-stock:lang(nl-nl), .js-in-stock:lang(nb-no), .js-in-stock:lang(pl-pl), .js-in-stock:lang(pt-pt), .js-in-stock:lang(ro-ro), .js-in-stock:lang(es-es), .js-in-stock:lang(sv-se), .js-in-stock:lang(de-ch), .js-in-stock:lang(tr-tr), .js-in-stock:lang(de-de), .js-in-stock:lang(fr-fr), .js-in-stock:lang(fi-fi), .js-in-stock:lang(it-it), .js-in-stock:lang(hu-hu), .js-in-stock:lang(sl-si), .js-in-stock:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .js-in-stock:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .js-in-stock p { margin: 0px; } .cc-styles { width: 100%; height: 100%; padding: 85px 0; background: #fff; } .cc-styles > div { margin: 0 auto; } .js-product-item .decimal { font-size: 16px; vertical-align: 9px; } .list-price-striked .decimal { font-size: 16px; vertical-align: 2px; } html[lang=en-in] .list-price-striked .decimal, html[lang=en-in] .js-product-item .decimal, html[lang=en-in] .js-lowest-product-price .decimal { font-size: 24px; vertical-align: 0; } html[lang=en-zz] .js-product-item .decimal, html[lang=en-zz] .js-lowest-product-price .decimal, html[lang=en-us] .js-product-item .decimal, html[lang=en-us] .js-lowest-product-price .decimal, html[lang=en-ca] .js-product-item .decimal, html[lang=en-ca] .js-lowest-product-price .decimal, html[lang=en] .js-product-item .decimal, html[lang=en] .js-lowest-product-price .decimal { font-size: 16px; vertical-align: 8px; line-height: 0; } html[lang=en-zz] .list-price-striked .decimal, html[lang=en-us] .list-price-striked .decimal, html[lang=en-ca] .list-price-striked .decimal, html[lang=en] .list-price-striked .decimal { font-size: 16px; vertical-align: 2px; line-height: 0; } .list-price-striked { font-size: 18px; font-weight: bold; line-height: 24px; display: inline-block; position: relative; } .list-price-striked :after { border-bottom: 3px solid; content: ""; left: 0; margin-top: calc(0.125em / 2 * -1); position: absolute; right: 0; top: 40%; } .cartLayout #cart > ul, .navigation #cart > ul { padding-left: 0; } .cartLayout .cart-section, .navigation .cart-section { position: absolute; right: 0px; top: 23px; z-index: 9999; } .cartLayout .cart-main-section, .navigation .cart-main-section { display: inline-block; } .cartLayout .cart-blocker, .navigation .cart-blocker { position: fixed; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); display: none; } .cartLayout .cart-blocker.cart-blocker--shown, .navigation .cart-blocker.cart-blocker--shown { display: block; } .cartLayout .cart-counter, .navigation .cart-counter { border-right: medium none; } .cartLayout .nv-button, .navigation .nv-button { background-color: #76b900; border: medium none; color: #fff; cursor: pointer; display: inline-block; font-size: 1em; font-weight: bold; line-height: 1em; padding: 15px 25px 10px; text-align: center; text-decoration: none; text-shadow: none; text-transform: uppercase; transition: background-color 0.2s ease 0s; } .cartLayout .button .price.js-product-price, .cartLayout .background-dark-grey .price.js-lowest-product-price, .cartLayout .background-dark-grey .js-out-of-stock, .cartLayout .background-dark-grey .js-in-stock, .cartLayout .background-dark-grey .free-shipping, .cartLayout .background-dark-grey .varient-sub-heading, .cartLayout .background-black .limit-per-customer, .cartLayout .background-dark-grey .limit-per-customer, .cartLayout .background-black .additional-message, .cartLayout .background-dark-grey .additional-message, .navigation .button .price.js-product-price, .navigation .background-dark-grey .price.js-lowest-product-price, .navigation .background-dark-grey .js-out-of-stock, .navigation .background-dark-grey .js-in-stock, .navigation .background-dark-grey .free-shipping, .navigation .background-dark-grey .varient-sub-heading, .navigation .background-black .limit-per-customer, .navigation .background-dark-grey .limit-per-customer, .navigation .background-black .additional-message, .navigation .background-dark-grey .additional-message { color: #fff; } .cartLayout .cart_white, .navigation .cart_white { background: #ffffff; z-index: 10; padding: 30px; width: 515px; top: 70px; display: none; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } .cartLayout .cart_white:before, .navigation .cart_white:before { position: absolute; content: ''; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-bottom: 22px solid #ffffff; position: absolute; top: 15px; right: 0px; } .cartLayout .cart_white .cart__empty, .navigation .cart_white .cart__empty { margin-top: 30px; margin-bottom: 30px; text-align: center; color: #000; } .cartLayout .cart_white .cart__close, .navigation .cart_white .cart__close { width: 30px; height: 30px; cursor: pointer; display: inline-block; float: right; position: relative; } .cartLayout .cart_white .cart__close:before, .navigation .cart_white .cart__close:before { position: absolute; content: ''; width: 29px; height: 2px; left: 0; top: 9px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: #666666; display: block; border-radius: 10px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ie-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .cartLayout .cart_white .cart__close:after, .navigation .cart_white .cart__close:after { position: absolute; content: ''; width: 29px; height: 2px; left: 0; top: 9px; background-color: #666666; display: block; border-radius: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ie-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .cartLayout .cart_white .cart__close:hover:before, .navigation .cart_white .cart__close:hover:before { background-color: #666; } .cartLayout .cart_white .cart__close:hover:after, .navigation .cart_white .cart__close:hover:after { background-color: #666; } .cartLayout .cart_white .cart__title, .navigation .cart_white .cart__title { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: lighter; font-size: 32px; line-height: 32px; color: #76b900; } .cartLayout .cart_white .cart__title:lang(en-us), .cartLayout .cart_white .cart__title:lang(en-zz), .cartLayout .cart_white .cart__title:lang(en-gb), .cartLayout .cart_white .cart__title:lang(en-au), .cartLayout .cart_white .cart__title:lang(en-eu), .cartLayout .cart_white .cart__title:lang(en-in), .cartLayout .cart_white .cart__title:lang(es-la), .cartLayout .cart_white .cart__title:lang(es-uy), .cartLayout .cart_white .cart__title:lang(es-cl), .cartLayout .cart_white .cart__title:lang(es-py), .cartLayout .cart_white .cart__title:lang(es-ar), .cartLayout .cart_white .cart__title:lang(pt-br), .cartLayout .cart_white .cart__title:lang(en-sg), .cartLayout .cart_white .cart__title:lang(en-me), .cartLayout .cart_white .cart__title:lang(en-ph), .cartLayout .cart_white .cart__title:lang(en-my), .navigation .cart_white .cart__title:lang(en-us), .navigation .cart_white .cart__title:lang(en-zz), .navigation .cart_white .cart__title:lang(en-gb), .navigation .cart_white .cart__title:lang(en-au), .navigation .cart_white .cart__title:lang(en-eu), .navigation .cart_white .cart__title:lang(en-in), .navigation .cart_white .cart__title:lang(es-la), .navigation .cart_white .cart__title:lang(es-uy), .navigation .cart_white .cart__title:lang(es-cl), .navigation .cart_white .cart__title:lang(es-py), .navigation .cart_white .cart__title:lang(es-ar), .navigation .cart_white .cart__title:lang(pt-br), .navigation .cart_white .cart__title:lang(en-sg), .navigation .cart_white .cart__title:lang(en-me), .navigation .cart_white .cart__title:lang(en-ph), .navigation .cart_white .cart__title:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__title:lang(ja-jp), .navigation .cart_white .cart__title:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__title:lang(ko-kr), .navigation .cart_white .cart__title:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__title:lang(zh-tw), .navigation .cart_white .cart__title:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__title:lang(zh-cn), .navigation .cart_white .cart__title:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__title:lang(de-at), .cartLayout .cart_white .cart__title:lang(fr-be), .cartLayout .cart_white .cart__title:lang(cs-cz), .cartLayout .cart_white .cart__title:lang(da-dk), .cartLayout .cart_white .cart__title:lang(nl-nl), .cartLayout .cart_white .cart__title:lang(nb-no), .cartLayout .cart_white .cart__title:lang(pl-pl), .cartLayout .cart_white .cart__title:lang(pt-pt), .cartLayout .cart_white .cart__title:lang(ro-ro), .cartLayout .cart_white .cart__title:lang(es-es), .cartLayout .cart_white .cart__title:lang(sv-se), .cartLayout .cart_white .cart__title:lang(de-ch), .cartLayout .cart_white .cart__title:lang(tr-tr), .cartLayout .cart_white .cart__title:lang(de-de), .cartLayout .cart_white .cart__title:lang(fr-fr), .cartLayout .cart_white .cart__title:lang(fi-fi), .cartLayout .cart_white .cart__title:lang(it-it), .cartLayout .cart_white .cart__title:lang(hu-hu), .cartLayout .cart_white .cart__title:lang(sl-si), .cartLayout .cart_white .cart__title:lang(sk-sk), .navigation .cart_white .cart__title:lang(de-at), .navigation .cart_white .cart__title:lang(fr-be), .navigation .cart_white .cart__title:lang(cs-cz), .navigation .cart_white .cart__title:lang(da-dk), .navigation .cart_white .cart__title:lang(nl-nl), .navigation .cart_white .cart__title:lang(nb-no), .navigation .cart_white .cart__title:lang(pl-pl), .navigation .cart_white .cart__title:lang(pt-pt), .navigation .cart_white .cart__title:lang(ro-ro), .navigation .cart_white .cart__title:lang(es-es), .navigation .cart_white .cart__title:lang(sv-se), .navigation .cart_white .cart__title:lang(de-ch), .navigation .cart_white .cart__title:lang(tr-tr), .navigation .cart_white .cart__title:lang(de-de), .navigation .cart_white .cart__title:lang(fr-fr), .navigation .cart_white .cart__title:lang(fi-fi), .navigation .cart_white .cart__title:lang(it-it), .navigation .cart_white .cart__title:lang(hu-hu), .navigation .cart_white .cart__title:lang(sl-si), .navigation .cart_white .cart__title:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__title:lang(ru-ru), .navigation .cart_white .cart__title:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__items, .navigation .cart_white .cart__items { overflow-y: auto; -webkit-margin-after: 0; width: 100%; } .cartLayout .cart_white .cart__items li, .navigation .cart_white .cart__items li { padding: 20px 0px 20px 0px; list-style: outside none none; } .cartLayout .cart_white .cart__promotions, .navigation .cart_white .cart__promotions { margin-top: 10px; color: #000000; border-bottom: 2px solid #eeeeee; } .cartLayout .cart_white .cart__promotions .cart_image, .navigation .cart_white .cart__promotions .cart_image { width: 80px; height: 60px; } .cartLayout .cart_white .cart_desc, .navigation .cart_white .cart_desc { padding-left: 10px; vertical-align: top; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: normal; font-size: 16px; } .cartLayout .cart_white .cart_desc:lang(en-us), .cartLayout .cart_white .cart_desc:lang(en-zz), .cartLayout .cart_white .cart_desc:lang(en-gb), .cartLayout .cart_white .cart_desc:lang(en-au), .cartLayout .cart_white .cart_desc:lang(en-eu), .cartLayout .cart_white .cart_desc:lang(en-in), .cartLayout .cart_white .cart_desc:lang(es-la), .cartLayout .cart_white .cart_desc:lang(es-uy), .cartLayout .cart_white .cart_desc:lang(es-cl), .cartLayout .cart_white .cart_desc:lang(es-py), .cartLayout .cart_white .cart_desc:lang(es-ar), .cartLayout .cart_white .cart_desc:lang(pt-br), .cartLayout .cart_white .cart_desc:lang(en-sg), .cartLayout .cart_white .cart_desc:lang(en-me), .cartLayout .cart_white .cart_desc:lang(en-ph), .cartLayout .cart_white .cart_desc:lang(en-my), .navigation .cart_white .cart_desc:lang(en-us), .navigation .cart_white .cart_desc:lang(en-zz), .navigation .cart_white .cart_desc:lang(en-gb), .navigation .cart_white .cart_desc:lang(en-au), .navigation .cart_white .cart_desc:lang(en-eu), .navigation .cart_white .cart_desc:lang(en-in), .navigation .cart_white .cart_desc:lang(es-la), .navigation .cart_white .cart_desc:lang(es-uy), .navigation .cart_white .cart_desc:lang(es-cl), .navigation .cart_white .cart_desc:lang(es-py), .navigation .cart_white .cart_desc:lang(es-ar), .navigation .cart_white .cart_desc:lang(pt-br), .navigation .cart_white .cart_desc:lang(en-sg), .navigation .cart_white .cart_desc:lang(en-me), .navigation .cart_white .cart_desc:lang(en-ph), .navigation .cart_white .cart_desc:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart_desc:lang(ja-jp), .navigation .cart_white .cart_desc:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart_desc:lang(ko-kr), .navigation .cart_white .cart_desc:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart_desc:lang(zh-tw), .navigation .cart_white .cart_desc:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart_desc:lang(zh-cn), .navigation .cart_white .cart_desc:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart_desc:lang(de-at), .cartLayout .cart_white .cart_desc:lang(fr-be), .cartLayout .cart_white .cart_desc:lang(cs-cz), .cartLayout .cart_white .cart_desc:lang(da-dk), .cartLayout .cart_white .cart_desc:lang(nl-nl), .cartLayout .cart_white .cart_desc:lang(nb-no), .cartLayout .cart_white .cart_desc:lang(pl-pl), .cartLayout .cart_white .cart_desc:lang(pt-pt), .cartLayout .cart_white .cart_desc:lang(ro-ro), .cartLayout .cart_white .cart_desc:lang(es-es), .cartLayout .cart_white .cart_desc:lang(sv-se), .cartLayout .cart_white .cart_desc:lang(de-ch), .cartLayout .cart_white .cart_desc:lang(tr-tr), .cartLayout .cart_white .cart_desc:lang(de-de), .cartLayout .cart_white .cart_desc:lang(fr-fr), .cartLayout .cart_white .cart_desc:lang(fi-fi), .cartLayout .cart_white .cart_desc:lang(it-it), .cartLayout .cart_white .cart_desc:lang(hu-hu), .cartLayout .cart_white .cart_desc:lang(sl-si), .cartLayout .cart_white .cart_desc:lang(sk-sk), .navigation .cart_white .cart_desc:lang(de-at), .navigation .cart_white .cart_desc:lang(fr-be), .navigation .cart_white .cart_desc:lang(cs-cz), .navigation .cart_white .cart_desc:lang(da-dk), .navigation .cart_white .cart_desc:lang(nl-nl), .navigation .cart_white .cart_desc:lang(nb-no), .navigation .cart_white .cart_desc:lang(pl-pl), .navigation .cart_white .cart_desc:lang(pt-pt), .navigation .cart_white .cart_desc:lang(ro-ro), .navigation .cart_white .cart_desc:lang(es-es), .navigation .cart_white .cart_desc:lang(sv-se), .navigation .cart_white .cart_desc:lang(de-ch), .navigation .cart_white .cart_desc:lang(tr-tr), .navigation .cart_white .cart_desc:lang(de-de), .navigation .cart_white .cart_desc:lang(fr-fr), .navigation .cart_white .cart_desc:lang(fi-fi), .navigation .cart_white .cart_desc:lang(it-it), .navigation .cart_white .cart_desc:lang(hu-hu), .navigation .cart_white .cart_desc:lang(sl-si), .navigation .cart_white .cart_desc:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart_desc:lang(ru-ru), .navigation .cart_white .cart_desc:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart_bundle_link, .navigation .cart_white .cart_bundle_link { float: right; text-transform: uppercase; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: normal; font-size: 16px; color: #000000; text-decoration: none; } .cartLayout .cart_white .cart_bundle_link:lang(en-us), .cartLayout .cart_white .cart_bundle_link:lang(en-zz), .cartLayout .cart_white .cart_bundle_link:lang(en-gb), .cartLayout .cart_white .cart_bundle_link:lang(en-au), .cartLayout .cart_white .cart_bundle_link:lang(en-eu), .cartLayout .cart_white .cart_bundle_link:lang(en-in), .cartLayout .cart_white .cart_bundle_link:lang(es-la), .cartLayout .cart_white .cart_bundle_link:lang(es-uy), .cartLayout .cart_white .cart_bundle_link:lang(es-cl), .cartLayout .cart_white .cart_bundle_link:lang(es-py), .cartLayout .cart_white .cart_bundle_link:lang(es-ar), .cartLayout .cart_white .cart_bundle_link:lang(pt-br), .cartLayout .cart_white .cart_bundle_link:lang(en-sg), .cartLayout .cart_white .cart_bundle_link:lang(en-me), .cartLayout .cart_white .cart_bundle_link:lang(en-ph), .cartLayout .cart_white .cart_bundle_link:lang(en-my), .navigation .cart_white .cart_bundle_link:lang(en-us), .navigation .cart_white .cart_bundle_link:lang(en-zz), .navigation .cart_white .cart_bundle_link:lang(en-gb), .navigation .cart_white .cart_bundle_link:lang(en-au), .navigation .cart_white .cart_bundle_link:lang(en-eu), .navigation .cart_white .cart_bundle_link:lang(en-in), .navigation .cart_white .cart_bundle_link:lang(es-la), .navigation .cart_white .cart_bundle_link:lang(es-uy), .navigation .cart_white .cart_bundle_link:lang(es-cl), .navigation .cart_white .cart_bundle_link:lang(es-py), .navigation .cart_white .cart_bundle_link:lang(es-ar), .navigation .cart_white .cart_bundle_link:lang(pt-br), .navigation .cart_white .cart_bundle_link:lang(en-sg), .navigation .cart_white .cart_bundle_link:lang(en-me), .navigation .cart_white .cart_bundle_link:lang(en-ph), .navigation .cart_white .cart_bundle_link:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart_bundle_link:lang(ja-jp), .navigation .cart_white .cart_bundle_link:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart_bundle_link:lang(ko-kr), .navigation .cart_white .cart_bundle_link:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart_bundle_link:lang(zh-tw), .navigation .cart_white .cart_bundle_link:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart_bundle_link:lang(zh-cn), .navigation .cart_white .cart_bundle_link:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart_bundle_link:lang(de-at), .cartLayout .cart_white .cart_bundle_link:lang(fr-be), .cartLayout .cart_white .cart_bundle_link:lang(cs-cz), .cartLayout .cart_white .cart_bundle_link:lang(da-dk), .cartLayout .cart_white .cart_bundle_link:lang(nl-nl), .cartLayout .cart_white .cart_bundle_link:lang(nb-no), .cartLayout .cart_white .cart_bundle_link:lang(pl-pl), .cartLayout .cart_white .cart_bundle_link:lang(pt-pt), .cartLayout .cart_white .cart_bundle_link:lang(ro-ro), .cartLayout .cart_white .cart_bundle_link:lang(es-es), .cartLayout .cart_white .cart_bundle_link:lang(sv-se), .cartLayout .cart_white .cart_bundle_link:lang(de-ch), .cartLayout .cart_white .cart_bundle_link:lang(tr-tr), .cartLayout .cart_white .cart_bundle_link:lang(de-de), .cartLayout .cart_white .cart_bundle_link:lang(fr-fr), .cartLayout .cart_white .cart_bundle_link:lang(fi-fi), .cartLayout .cart_white .cart_bundle_link:lang(it-it), .cartLayout .cart_white .cart_bundle_link:lang(hu-hu), .cartLayout .cart_white .cart_bundle_link:lang(sl-si), .cartLayout .cart_white .cart_bundle_link:lang(sk-sk), .navigation .cart_white .cart_bundle_link:lang(de-at), .navigation .cart_white .cart_bundle_link:lang(fr-be), .navigation .cart_white .cart_bundle_link:lang(cs-cz), .navigation .cart_white .cart_bundle_link:lang(da-dk), .navigation .cart_white .cart_bundle_link:lang(nl-nl), .navigation .cart_white .cart_bundle_link:lang(nb-no), .navigation .cart_white .cart_bundle_link:lang(pl-pl), .navigation .cart_white .cart_bundle_link:lang(pt-pt), .navigation .cart_white .cart_bundle_link:lang(ro-ro), .navigation .cart_white .cart_bundle_link:lang(es-es), .navigation .cart_white .cart_bundle_link:lang(sv-se), .navigation .cart_white .cart_bundle_link:lang(de-ch), .navigation .cart_white .cart_bundle_link:lang(tr-tr), .navigation .cart_white .cart_bundle_link:lang(de-de), .navigation .cart_white .cart_bundle_link:lang(fr-fr), .navigation .cart_white .cart_bundle_link:lang(fi-fi), .navigation .cart_white .cart_bundle_link:lang(it-it), .navigation .cart_white .cart_bundle_link:lang(hu-hu), .navigation .cart_white .cart_bundle_link:lang(sl-si), .navigation .cart_white .cart_bundle_link:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart_bundle_link:lang(ru-ru), .navigation .cart_white .cart_bundle_link:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__total, .navigation .cart_white .cart__total { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 26px; line-height: 32px; padding: 13px 0px 22px 0px; text-align: right; color: #1a1a1a; border-top: 2px solid #eee; } .cartLayout .cart_white .cart__total:lang(en-us), .cartLayout .cart_white .cart__total:lang(en-zz), .cartLayout .cart_white .cart__total:lang(en-gb), .cartLayout .cart_white .cart__total:lang(en-au), .cartLayout .cart_white .cart__total:lang(en-eu), .cartLayout .cart_white .cart__total:lang(en-in), .cartLayout .cart_white .cart__total:lang(es-la), .cartLayout .cart_white .cart__total:lang(es-uy), .cartLayout .cart_white .cart__total:lang(es-cl), .cartLayout .cart_white .cart__total:lang(es-py), .cartLayout .cart_white .cart__total:lang(es-ar), .cartLayout .cart_white .cart__total:lang(pt-br), .cartLayout .cart_white .cart__total:lang(en-sg), .cartLayout .cart_white .cart__total:lang(en-me), .cartLayout .cart_white .cart__total:lang(en-ph), .cartLayout .cart_white .cart__total:lang(en-my), .navigation .cart_white .cart__total:lang(en-us), .navigation .cart_white .cart__total:lang(en-zz), .navigation .cart_white .cart__total:lang(en-gb), .navigation .cart_white .cart__total:lang(en-au), .navigation .cart_white .cart__total:lang(en-eu), .navigation .cart_white .cart__total:lang(en-in), .navigation .cart_white .cart__total:lang(es-la), .navigation .cart_white .cart__total:lang(es-uy), .navigation .cart_white .cart__total:lang(es-cl), .navigation .cart_white .cart__total:lang(es-py), .navigation .cart_white .cart__total:lang(es-ar), .navigation .cart_white .cart__total:lang(pt-br), .navigation .cart_white .cart__total:lang(en-sg), .navigation .cart_white .cart__total:lang(en-me), .navigation .cart_white .cart__total:lang(en-ph), .navigation .cart_white .cart__total:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__total:lang(ja-jp), .navigation .cart_white .cart__total:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__total:lang(ko-kr), .navigation .cart_white .cart__total:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__total:lang(zh-tw), .navigation .cart_white .cart__total:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__total:lang(zh-cn), .navigation .cart_white .cart__total:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__total:lang(de-at), .cartLayout .cart_white .cart__total:lang(fr-be), .cartLayout .cart_white .cart__total:lang(cs-cz), .cartLayout .cart_white .cart__total:lang(da-dk), .cartLayout .cart_white .cart__total:lang(nl-nl), .cartLayout .cart_white .cart__total:lang(nb-no), .cartLayout .cart_white .cart__total:lang(pl-pl), .cartLayout .cart_white .cart__total:lang(pt-pt), .cartLayout .cart_white .cart__total:lang(ro-ro), .cartLayout .cart_white .cart__total:lang(es-es), .cartLayout .cart_white .cart__total:lang(sv-se), .cartLayout .cart_white .cart__total:lang(de-ch), .cartLayout .cart_white .cart__total:lang(tr-tr), .cartLayout .cart_white .cart__total:lang(de-de), .cartLayout .cart_white .cart__total:lang(fr-fr), .cartLayout .cart_white .cart__total:lang(fi-fi), .cartLayout .cart_white .cart__total:lang(it-it), .cartLayout .cart_white .cart__total:lang(hu-hu), .cartLayout .cart_white .cart__total:lang(sl-si), .cartLayout .cart_white .cart__total:lang(sk-sk), .navigation .cart_white .cart__total:lang(de-at), .navigation .cart_white .cart__total:lang(fr-be), .navigation .cart_white .cart__total:lang(cs-cz), .navigation .cart_white .cart__total:lang(da-dk), .navigation .cart_white .cart__total:lang(nl-nl), .navigation .cart_white .cart__total:lang(nb-no), .navigation .cart_white .cart__total:lang(pl-pl), .navigation .cart_white .cart__total:lang(pt-pt), .navigation .cart_white .cart__total:lang(ro-ro), .navigation .cart_white .cart__total:lang(es-es), .navigation .cart_white .cart__total:lang(sv-se), .navigation .cart_white .cart__total:lang(de-ch), .navigation .cart_white .cart__total:lang(tr-tr), .navigation .cart_white .cart__total:lang(de-de), .navigation .cart_white .cart__total:lang(fr-fr), .navigation .cart_white .cart__total:lang(fi-fi), .navigation .cart_white .cart__total:lang(it-it), .navigation .cart_white .cart__total:lang(hu-hu), .navigation .cart_white .cart__total:lang(sl-si), .navigation .cart_white .cart__total:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__total:lang(ru-ru), .navigation .cart_white .cart__total:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart__checkout-button, .navigation .cart_white .cart__checkout-button { width: 100%; margin-bottom: 30px; } .cartLayout .cart_white .cart__continue-shopping, .navigation .cart_white .cart__continue-shopping { color: #76b900; display: block; text-align: center; text-transform: uppercase; } @media (max-width: 766px) { .cartLayout .cart_white, .navigation .cart_white { top: 0px !important; right: 0px !important; width: 100%; } .cartLayout .cart_white .cart__items, .navigation .cart_white .cart__items { top: 60px; bottom: 110px; padding-right: 10px; overflow-y: auto; max-height: none; } .cartLayout .cart_white .cart__details, .navigation .cart_white .cart__details { position: absolute; bottom: 0; width: calc(100% - 30px); } } .cartLayout .cart_white.cart--shown, .navigation .cart_white.cart--shown { display: block; margin-top: 30px; margin-bottom: 30px; bottom: 0; overflow-y: auto; } @media (max-width: 766px) { .cartLayout .cart_white, .navigation .cart_white { right: 38px; top: 75px; position: absolute; top: 0px; position: fixed; padding: 30px 15px; } .cartLayout .cart_white:before, .navigation .cart_white:before { position: absolute; content: ''; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-bottom: 22px solid #ffffff; position: absolute; top: -22px; right: 20px; } .cartLayout .cart_white .cart__title, .navigation .cart_white .cart__title { font-size: 24px; line-height: 24px; margin-bottom: 0px; } .cartLayout .cart_white .cart__total, .navigation .cart_white .cart__total { line-height: 30px; font-size: 22px; padding: 10px 0px 25px 0px; } } .cartLayout .cart_white .quantity-selector__dec, .cartLayout .cart_white .quantity-selector__inc, .navigation .cart_white .quantity-selector__dec, .navigation .cart_white .quantity-selector__inc { cursor: pointer; position: relative; display: inline-block; width: 10px; height: 10px; margin-right: 2px; } @media (max-width: 1023px) { .cartLayout .cart_white .quantity-selector__dec, .cartLayout .cart_white .quantity-selector__inc, .navigation .cart_white .quantity-selector__dec, .navigation .cart_white .quantity-selector__inc { width: 12px; height: 12px; } } .cartLayout .cart_white .quantity-selector__dec:before, .cartLayout .cart_white .quantity-selector__inc:before, .navigation .cart_white .quantity-selector__dec:before, .navigation .cart_white .quantity-selector__inc:before { border-color: transparent #666666 transparent transparent; border-image: none; border-style: solid; border-width: 6px; content: " "; height: 0; pointer-events: none; position: absolute; top: -1px; right: 0; width: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ie-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } @media (max-width: 1023px) { .cartLayout .cart_white .quantity-selector__dec:before, .cartLayout .cart_white .quantity-selector__inc:before, .navigation .cart_white .quantity-selector__dec:before, .navigation .cart_white .quantity-selector__inc:before { border-width: 8px; } } .cartLayout .cart_white .quantity-selector__dec:hover:before, .cartLayout .cart_white .quantity-selector__inc:hover:before, .navigation .cart_white .quantity-selector__dec:hover:before, .navigation .cart_white .quantity-selector__inc:hover:before { border-color: transparent #666 transparent transparent; } .cartLayout .cart_white .quantity-selector__dec.disabled, .cartLayout .cart_white .disabled.quantity-selector__inc, .navigation .cart_white .quantity-selector__dec.disabled, .navigation .cart_white .disabled.quantity-selector__inc { opacity: 0.5; cursor: default; } .cartLayout .cart_white .quantity-selector__inc, .navigation .cart_white .quantity-selector__inc { margin-left: 4px; } .cartLayout .cart_white .quantity-selector__inc:before, .navigation .cart_white .quantity-selector__inc:before { border-color: transparent transparent transparent #666666; } .cartLayout .cart_white .quantity-selector__inc:hover:before, .navigation .cart_white .quantity-selector__inc:hover:before { border-color: transparent transparent transparent #666; } .cartLayout .cart_white .quantity-selector__inc.disabled, .navigation .cart_white .quantity-selector__inc.disabled { opacity: 0.5; cursor: default; } .cartLayout .cart_white .cart-item, .navigation .cart_white .cart-item { width: 100%; } .cartLayout .cart_white .cart-item .cart-item__quantity-selector, .navigation .cart_white .cart-item .cart-item__quantity-selector { float: left; width: 62px; color: #656565; } .cartLayout .cart_white .cart-item .cart-item__name, .navigation .cart_white .cart-item .cart-item__name { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 16px; color: #000000; float: left; line-height: 20px; max-width: 308px; } .cartLayout .cart_white .cart-item .cart-item__name:lang(en-us), .cartLayout .cart_white .cart-item .cart-item__name:lang(en-zz), .cartLayout .cart_white .cart-item .cart-item__name:lang(en-gb), .cartLayout .cart_white .cart-item .cart-item__name:lang(en-au), .cartLayout .cart_white .cart-item .cart-item__name:lang(en-eu), .cartLayout .cart_white .cart-item .cart-item__name:lang(en-in), .cartLayout .cart_white .cart-item .cart-item__name:lang(es-la), .cartLayout .cart_white .cart-item .cart-item__name:lang(es-uy), .cartLayout .cart_white .cart-item .cart-item__name:lang(es-cl), .cartLayout .cart_white .cart-item .cart-item__name:lang(es-py), .cartLayout .cart_white .cart-item .cart-item__name:lang(es-ar), .cartLayout .cart_white .cart-item .cart-item__name:lang(pt-br), .cartLayout .cart_white .cart-item .cart-item__name:lang(en-sg), .cartLayout .cart_white .cart-item .cart-item__name:lang(en-me), .cartLayout .cart_white .cart-item .cart-item__name:lang(en-ph), .cartLayout .cart_white .cart-item .cart-item__name:lang(en-my), .navigation .cart_white .cart-item .cart-item__name:lang(en-us), .navigation .cart_white .cart-item .cart-item__name:lang(en-zz), .navigation .cart_white .cart-item .cart-item__name:lang(en-gb), .navigation .cart_white .cart-item .cart-item__name:lang(en-au), .navigation .cart_white .cart-item .cart-item__name:lang(en-eu), .navigation .cart_white .cart-item .cart-item__name:lang(en-in), .navigation .cart_white .cart-item .cart-item__name:lang(es-la), .navigation .cart_white .cart-item .cart-item__name:lang(es-uy), .navigation .cart_white .cart-item .cart-item__name:lang(es-cl), .navigation .cart_white .cart-item .cart-item__name:lang(es-py), .navigation .cart_white .cart-item .cart-item__name:lang(es-ar), .navigation .cart_white .cart-item .cart-item__name:lang(pt-br), .navigation .cart_white .cart-item .cart-item__name:lang(en-sg), .navigation .cart_white .cart-item .cart-item__name:lang(en-me), .navigation .cart_white .cart-item .cart-item__name:lang(en-ph), .navigation .cart_white .cart-item .cart-item__name:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__name:lang(ja-jp), .navigation .cart_white .cart-item .cart-item__name:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__name:lang(ko-kr), .navigation .cart_white .cart-item .cart-item__name:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__name:lang(zh-tw), .navigation .cart_white .cart-item .cart-item__name:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__name:lang(zh-cn), .navigation .cart_white .cart-item .cart-item__name:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__name:lang(de-at), .cartLayout .cart_white .cart-item .cart-item__name:lang(fr-be), .cartLayout .cart_white .cart-item .cart-item__name:lang(cs-cz), .cartLayout .cart_white .cart-item .cart-item__name:lang(da-dk), .cartLayout .cart_white .cart-item .cart-item__name:lang(nl-nl), .cartLayout .cart_white .cart-item .cart-item__name:lang(nb-no), .cartLayout .cart_white .cart-item .cart-item__name:lang(pl-pl), .cartLayout .cart_white .cart-item .cart-item__name:lang(pt-pt), .cartLayout .cart_white .cart-item .cart-item__name:lang(ro-ro), .cartLayout .cart_white .cart-item .cart-item__name:lang(es-es), .cartLayout .cart_white .cart-item .cart-item__name:lang(sv-se), .cartLayout .cart_white .cart-item .cart-item__name:lang(de-ch), .cartLayout .cart_white .cart-item .cart-item__name:lang(tr-tr), .cartLayout .cart_white .cart-item .cart-item__name:lang(de-de), .cartLayout .cart_white .cart-item .cart-item__name:lang(fr-fr), .cartLayout .cart_white .cart-item .cart-item__name:lang(fi-fi), .cartLayout .cart_white .cart-item .cart-item__name:lang(it-it), .cartLayout .cart_white .cart-item .cart-item__name:lang(hu-hu), .cartLayout .cart_white .cart-item .cart-item__name:lang(sl-si), .cartLayout .cart_white .cart-item .cart-item__name:lang(sk-sk), .navigation .cart_white .cart-item .cart-item__name:lang(de-at), .navigation .cart_white .cart-item .cart-item__name:lang(fr-be), .navigation .cart_white .cart-item .cart-item__name:lang(cs-cz), .navigation .cart_white .cart-item .cart-item__name:lang(da-dk), .navigation .cart_white .cart-item .cart-item__name:lang(nl-nl), .navigation .cart_white .cart-item .cart-item__name:lang(nb-no), .navigation .cart_white .cart-item .cart-item__name:lang(pl-pl), .navigation .cart_white .cart-item .cart-item__name:lang(pt-pt), .navigation .cart_white .cart-item .cart-item__name:lang(ro-ro), .navigation .cart_white .cart-item .cart-item__name:lang(es-es), .navigation .cart_white .cart-item .cart-item__name:lang(sv-se), .navigation .cart_white .cart-item .cart-item__name:lang(de-ch), .navigation .cart_white .cart-item .cart-item__name:lang(tr-tr), .navigation .cart_white .cart-item .cart-item__name:lang(de-de), .navigation .cart_white .cart-item .cart-item__name:lang(fr-fr), .navigation .cart_white .cart-item .cart-item__name:lang(fi-fi), .navigation .cart_white .cart-item .cart-item__name:lang(it-it), .navigation .cart_white .cart-item .cart-item__name:lang(hu-hu), .navigation .cart_white .cart-item .cart-item__name:lang(sl-si), .navigation .cart_white .cart-item .cart-item__name:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__name:lang(ru-ru), .navigation .cart_white .cart-item .cart-item__name:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media (max-width: 766px) { .cartLayout .cart_white .cart-item .cart-item__name, .navigation .cart_white .cart-item .cart-item__name { max-width: 299px; } } .cartLayout .cart_white .cart-item .cart-item__name .decimal-price, .navigation .cart_white .cart-item .cart-item__name .decimal-price { top: -0.5em; font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .cartLayout .cart_white .cart-item .cart-item__sub-name, .navigation .cart_white .cart-item .cart-item__sub-name { font-size: 24px; color: #656565; } .cartLayout .cart_white .cart-item .cart-item__price, .navigation .cart_white .cart-item .cart-item__price { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 16px; color: #1a1a1a; text-align: right; float: right; line-height: 24px; margin-right: 5px; } .cartLayout .cart_white .cart-item .cart-item__price:lang(en-us), .cartLayout .cart_white .cart-item .cart-item__price:lang(en-zz), .cartLayout .cart_white .cart-item .cart-item__price:lang(en-gb), .cartLayout .cart_white .cart-item .cart-item__price:lang(en-au), .cartLayout .cart_white .cart-item .cart-item__price:lang(en-eu), .cartLayout .cart_white .cart-item .cart-item__price:lang(en-in), .cartLayout .cart_white .cart-item .cart-item__price:lang(es-la), .cartLayout .cart_white .cart-item .cart-item__price:lang(es-uy), .cartLayout .cart_white .cart-item .cart-item__price:lang(es-cl), .cartLayout .cart_white .cart-item .cart-item__price:lang(es-py), .cartLayout .cart_white .cart-item .cart-item__price:lang(es-ar), .cartLayout .cart_white .cart-item .cart-item__price:lang(pt-br), .cartLayout .cart_white .cart-item .cart-item__price:lang(en-sg), .cartLayout .cart_white .cart-item .cart-item__price:lang(en-me), .cartLayout .cart_white .cart-item .cart-item__price:lang(en-ph), .cartLayout .cart_white .cart-item .cart-item__price:lang(en-my), .navigation .cart_white .cart-item .cart-item__price:lang(en-us), .navigation .cart_white .cart-item .cart-item__price:lang(en-zz), .navigation .cart_white .cart-item .cart-item__price:lang(en-gb), .navigation .cart_white .cart-item .cart-item__price:lang(en-au), .navigation .cart_white .cart-item .cart-item__price:lang(en-eu), .navigation .cart_white .cart-item .cart-item__price:lang(en-in), .navigation .cart_white .cart-item .cart-item__price:lang(es-la), .navigation .cart_white .cart-item .cart-item__price:lang(es-uy), .navigation .cart_white .cart-item .cart-item__price:lang(es-cl), .navigation .cart_white .cart-item .cart-item__price:lang(es-py), .navigation .cart_white .cart-item .cart-item__price:lang(es-ar), .navigation .cart_white .cart-item .cart-item__price:lang(pt-br), .navigation .cart_white .cart-item .cart-item__price:lang(en-sg), .navigation .cart_white .cart-item .cart-item__price:lang(en-me), .navigation .cart_white .cart-item .cart-item__price:lang(en-ph), .navigation .cart_white .cart-item .cart-item__price:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__price:lang(ja-jp), .navigation .cart_white .cart-item .cart-item__price:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__price:lang(ko-kr), .navigation .cart_white .cart-item .cart-item__price:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__price:lang(zh-tw), .navigation .cart_white .cart-item .cart-item__price:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__price:lang(zh-cn), .navigation .cart_white .cart-item .cart-item__price:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__price:lang(de-at), .cartLayout .cart_white .cart-item .cart-item__price:lang(fr-be), .cartLayout .cart_white .cart-item .cart-item__price:lang(cs-cz), .cartLayout .cart_white .cart-item .cart-item__price:lang(da-dk), .cartLayout .cart_white .cart-item .cart-item__price:lang(nl-nl), .cartLayout .cart_white .cart-item .cart-item__price:lang(nb-no), .cartLayout .cart_white .cart-item .cart-item__price:lang(pl-pl), .cartLayout .cart_white .cart-item .cart-item__price:lang(pt-pt), .cartLayout .cart_white .cart-item .cart-item__price:lang(ro-ro), .cartLayout .cart_white .cart-item .cart-item__price:lang(es-es), .cartLayout .cart_white .cart-item .cart-item__price:lang(sv-se), .cartLayout .cart_white .cart-item .cart-item__price:lang(de-ch), .cartLayout .cart_white .cart-item .cart-item__price:lang(tr-tr), .cartLayout .cart_white .cart-item .cart-item__price:lang(de-de), .cartLayout .cart_white .cart-item .cart-item__price:lang(fr-fr), .cartLayout .cart_white .cart-item .cart-item__price:lang(fi-fi), .cartLayout .cart_white .cart-item .cart-item__price:lang(it-it), .cartLayout .cart_white .cart-item .cart-item__price:lang(hu-hu), .cartLayout .cart_white .cart-item .cart-item__price:lang(sl-si), .cartLayout .cart_white .cart-item .cart-item__price:lang(sk-sk), .navigation .cart_white .cart-item .cart-item__price:lang(de-at), .navigation .cart_white .cart-item .cart-item__price:lang(fr-be), .navigation .cart_white .cart-item .cart-item__price:lang(cs-cz), .navigation .cart_white .cart-item .cart-item__price:lang(da-dk), .navigation .cart_white .cart-item .cart-item__price:lang(nl-nl), .navigation .cart_white .cart-item .cart-item__price:lang(nb-no), .navigation .cart_white .cart-item .cart-item__price:lang(pl-pl), .navigation .cart_white .cart-item .cart-item__price:lang(pt-pt), .navigation .cart_white .cart-item .cart-item__price:lang(ro-ro), .navigation .cart_white .cart-item .cart-item__price:lang(es-es), .navigation .cart_white .cart-item .cart-item__price:lang(sv-se), .navigation .cart_white .cart-item .cart-item__price:lang(de-ch), .navigation .cart_white .cart-item .cart-item__price:lang(tr-tr), .navigation .cart_white .cart-item .cart-item__price:lang(de-de), .navigation .cart_white .cart-item .cart-item__price:lang(fr-fr), .navigation .cart_white .cart-item .cart-item__price:lang(fi-fi), .navigation .cart_white .cart-item .cart-item__price:lang(it-it), .navigation .cart_white .cart-item .cart-item__price:lang(hu-hu), .navigation .cart_white .cart-item .cart-item__price:lang(sl-si), .navigation .cart_white .cart-item .cart-item__price:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__price:lang(ru-ru), .navigation .cart_white .cart-item .cart-item__price:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__remove, .navigation .cart_white .cart-item .cart-item__remove { width: 100%; max-width: 100px; height: 15px; cursor: pointer; display: inline-block; position: relative; color: #76b900; float: left; font-size: 12px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: lighter; } .cartLayout .cart_white .cart-item .cart-item__remove:lang(en-us), .cartLayout .cart_white .cart-item .cart-item__remove:lang(en-zz), .cartLayout .cart_white .cart-item .cart-item__remove:lang(en-gb), .cartLayout .cart_white .cart-item .cart-item__remove:lang(en-au), .cartLayout .cart_white .cart-item .cart-item__remove:lang(en-eu), .cartLayout .cart_white .cart-item .cart-item__remove:lang(en-in), .cartLayout .cart_white .cart-item .cart-item__remove:lang(es-la), .cartLayout .cart_white .cart-item .cart-item__remove:lang(es-uy), .cartLayout .cart_white .cart-item .cart-item__remove:lang(es-cl), .cartLayout .cart_white .cart-item .cart-item__remove:lang(es-py), .cartLayout .cart_white .cart-item .cart-item__remove:lang(es-ar), .cartLayout .cart_white .cart-item .cart-item__remove:lang(pt-br), .cartLayout .cart_white .cart-item .cart-item__remove:lang(en-sg), .cartLayout .cart_white .cart-item .cart-item__remove:lang(en-me), .cartLayout .cart_white .cart-item .cart-item__remove:lang(en-ph), .cartLayout .cart_white .cart-item .cart-item__remove:lang(en-my), .navigation .cart_white .cart-item .cart-item__remove:lang(en-us), .navigation .cart_white .cart-item .cart-item__remove:lang(en-zz), .navigation .cart_white .cart-item .cart-item__remove:lang(en-gb), .navigation .cart_white .cart-item .cart-item__remove:lang(en-au), .navigation .cart_white .cart-item .cart-item__remove:lang(en-eu), .navigation .cart_white .cart-item .cart-item__remove:lang(en-in), .navigation .cart_white .cart-item .cart-item__remove:lang(es-la), .navigation .cart_white .cart-item .cart-item__remove:lang(es-uy), .navigation .cart_white .cart-item .cart-item__remove:lang(es-cl), .navigation .cart_white .cart-item .cart-item__remove:lang(es-py), .navigation .cart_white .cart-item .cart-item__remove:lang(es-ar), .navigation .cart_white .cart-item .cart-item__remove:lang(pt-br), .navigation .cart_white .cart-item .cart-item__remove:lang(en-sg), .navigation .cart_white .cart-item .cart-item__remove:lang(en-me), .navigation .cart_white .cart-item .cart-item__remove:lang(en-ph), .navigation .cart_white .cart-item .cart-item__remove:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__remove:lang(ja-jp), .navigation .cart_white .cart-item .cart-item__remove:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__remove:lang(ko-kr), .navigation .cart_white .cart-item .cart-item__remove:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__remove:lang(zh-tw), .navigation .cart_white .cart-item .cart-item__remove:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__remove:lang(zh-cn), .navigation .cart_white .cart-item .cart-item__remove:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__remove:lang(de-at), .cartLayout .cart_white .cart-item .cart-item__remove:lang(fr-be), .cartLayout .cart_white .cart-item .cart-item__remove:lang(cs-cz), .cartLayout .cart_white .cart-item .cart-item__remove:lang(da-dk), .cartLayout .cart_white .cart-item .cart-item__remove:lang(nl-nl), .cartLayout .cart_white .cart-item .cart-item__remove:lang(nb-no), .cartLayout .cart_white .cart-item .cart-item__remove:lang(pl-pl), .cartLayout .cart_white .cart-item .cart-item__remove:lang(pt-pt), .cartLayout .cart_white .cart-item .cart-item__remove:lang(ro-ro), .cartLayout .cart_white .cart-item .cart-item__remove:lang(es-es), .cartLayout .cart_white .cart-item .cart-item__remove:lang(sv-se), .cartLayout .cart_white .cart-item .cart-item__remove:lang(de-ch), .cartLayout .cart_white .cart-item .cart-item__remove:lang(tr-tr), .cartLayout .cart_white .cart-item .cart-item__remove:lang(de-de), .cartLayout .cart_white .cart-item .cart-item__remove:lang(fr-fr), .cartLayout .cart_white .cart-item .cart-item__remove:lang(fi-fi), .cartLayout .cart_white .cart-item .cart-item__remove:lang(it-it), .cartLayout .cart_white .cart-item .cart-item__remove:lang(hu-hu), .cartLayout .cart_white .cart-item .cart-item__remove:lang(sl-si), .cartLayout .cart_white .cart-item .cart-item__remove:lang(sk-sk), .navigation .cart_white .cart-item .cart-item__remove:lang(de-at), .navigation .cart_white .cart-item .cart-item__remove:lang(fr-be), .navigation .cart_white .cart-item .cart-item__remove:lang(cs-cz), .navigation .cart_white .cart-item .cart-item__remove:lang(da-dk), .navigation .cart_white .cart-item .cart-item__remove:lang(nl-nl), .navigation .cart_white .cart-item .cart-item__remove:lang(nb-no), .navigation .cart_white .cart-item .cart-item__remove:lang(pl-pl), .navigation .cart_white .cart-item .cart-item__remove:lang(pt-pt), .navigation .cart_white .cart-item .cart-item__remove:lang(ro-ro), .navigation .cart_white .cart-item .cart-item__remove:lang(es-es), .navigation .cart_white .cart-item .cart-item__remove:lang(sv-se), .navigation .cart_white .cart-item .cart-item__remove:lang(de-ch), .navigation .cart_white .cart-item .cart-item__remove:lang(tr-tr), .navigation .cart_white .cart-item .cart-item__remove:lang(de-de), .navigation .cart_white .cart-item .cart-item__remove:lang(fr-fr), .navigation .cart_white .cart-item .cart-item__remove:lang(fi-fi), .navigation .cart_white .cart-item .cart-item__remove:lang(it-it), .navigation .cart_white .cart-item .cart-item__remove:lang(hu-hu), .navigation .cart_white .cart-item .cart-item__remove:lang(sl-si), .navigation .cart_white .cart-item .cart-item__remove:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__remove:lang(ru-ru), .navigation .cart_white .cart-item .cart-item__remove:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_white .cart-item .cart-item__remove:before, .navigation .cart_white .cart-item .cart-item__remove:before { position: absolute; width: 14px; height: 2px; left: 0; top: 9px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: #666666; display: block; border-radius: 10px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ie-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .cartLayout .cart_white .cart-item .cart-item__remove:after, .navigation .cart_white .cart-item .cart-item__remove:after { position: absolute; width: 14px; height: 2px; left: 0; top: 9px; background-color: #666666; display: block; border-radius: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ie-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .cartLayout .cart_white .cart-item .cart-item__remove:hover:before, .navigation .cart_white .cart-item .cart-item__remove:hover:before { background-color: #666; } .cartLayout .cart_white .cart-item .cart-item__remove:hover:after, .navigation .cart_white .cart-item .cart-item__remove:hover:after { background-color: #666; } .cartLayout .cart_white .cart-item .cart-item__product-info-message, .navigation .cart_white .cart-item .cart-item__product-info-message { clear: both; padding-top: 10px; color: #76b900; } @media (max-width: 1023px) { .cartLayout .cart_white .cart-item .cart-item__name, .navigation .cart_white .cart-item .cart-item__name { font-size: 18px; margin-left: 15px; margin-bottom: 15px; } .cartLayout .cart_white .cart-item .cart-item__price, .navigation .cart_white .cart-item .cart-item__price { clear: both; float: none; } } .cartLayout .cart_black, .navigation .cart_black { background: #1a1a1a; z-index: 10; padding: 30px; width: 515px; top: 70px; display: none; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } .cartLayout .cart_black:before, .navigation .cart_black:before { position: absolute; content: ''; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-bottom: 22px solid #1a1a1a; position: absolute; top: 9px; right: 20px; } .cartLayout .cart_black .cart__empty, .navigation .cart_black .cart__empty { margin-top: 30px; margin-bottom: 30px; text-align: center; color: #ffffff; } .cartLayout .cart_black .cart__close, .navigation .cart_black .cart__close { width: 30px; height: 30px; cursor: pointer; display: inline-block; float: right; position: relative; } .cartLayout .cart_black .cart__close:before, .navigation .cart_black .cart__close:before { position: absolute; content: ''; width: 29px; height: 2px; left: 0; top: 9px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: #666666; display: block; border-radius: 10px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ie-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .cartLayout .cart_black .cart__close:after, .navigation .cart_black .cart__close:after { position: absolute; content: ''; width: 29px; height: 2px; left: 0; top: 9px; background-color: #666666; display: block; border-radius: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ie-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .cartLayout .cart_black .cart__close:hover:before, .navigation .cart_black .cart__close:hover:before { background-color: #666; } .cartLayout .cart_black .cart__close:hover:after, .navigation .cart_black .cart__close:hover:after { background-color: #666; } .cartLayout .cart_black .cart__title, .navigation .cart_black .cart__title { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: lighter; font-size: 32px; line-height: 32px; color: #76b900; } .cartLayout .cart_black .cart__title:lang(en-us), .cartLayout .cart_black .cart__title:lang(en-zz), .cartLayout .cart_black .cart__title:lang(en-gb), .cartLayout .cart_black .cart__title:lang(en-au), .cartLayout .cart_black .cart__title:lang(en-eu), .cartLayout .cart_black .cart__title:lang(en-in), .cartLayout .cart_black .cart__title:lang(es-la), .cartLayout .cart_black .cart__title:lang(es-uy), .cartLayout .cart_black .cart__title:lang(es-cl), .cartLayout .cart_black .cart__title:lang(es-py), .cartLayout .cart_black .cart__title:lang(es-ar), .cartLayout .cart_black .cart__title:lang(pt-br), .cartLayout .cart_black .cart__title:lang(en-sg), .cartLayout .cart_black .cart__title:lang(en-me), .cartLayout .cart_black .cart__title:lang(en-ph), .cartLayout .cart_black .cart__title:lang(en-my), .navigation .cart_black .cart__title:lang(en-us), .navigation .cart_black .cart__title:lang(en-zz), .navigation .cart_black .cart__title:lang(en-gb), .navigation .cart_black .cart__title:lang(en-au), .navigation .cart_black .cart__title:lang(en-eu), .navigation .cart_black .cart__title:lang(en-in), .navigation .cart_black .cart__title:lang(es-la), .navigation .cart_black .cart__title:lang(es-uy), .navigation .cart_black .cart__title:lang(es-cl), .navigation .cart_black .cart__title:lang(es-py), .navigation .cart_black .cart__title:lang(es-ar), .navigation .cart_black .cart__title:lang(pt-br), .navigation .cart_black .cart__title:lang(en-sg), .navigation .cart_black .cart__title:lang(en-me), .navigation .cart_black .cart__title:lang(en-ph), .navigation .cart_black .cart__title:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__title:lang(ja-jp), .navigation .cart_black .cart__title:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__title:lang(ko-kr), .navigation .cart_black .cart__title:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__title:lang(zh-tw), .navigation .cart_black .cart__title:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__title:lang(zh-cn), .navigation .cart_black .cart__title:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__title:lang(de-at), .cartLayout .cart_black .cart__title:lang(fr-be), .cartLayout .cart_black .cart__title:lang(cs-cz), .cartLayout .cart_black .cart__title:lang(da-dk), .cartLayout .cart_black .cart__title:lang(nl-nl), .cartLayout .cart_black .cart__title:lang(nb-no), .cartLayout .cart_black .cart__title:lang(pl-pl), .cartLayout .cart_black .cart__title:lang(pt-pt), .cartLayout .cart_black .cart__title:lang(ro-ro), .cartLayout .cart_black .cart__title:lang(es-es), .cartLayout .cart_black .cart__title:lang(sv-se), .cartLayout .cart_black .cart__title:lang(de-ch), .cartLayout .cart_black .cart__title:lang(tr-tr), .cartLayout .cart_black .cart__title:lang(de-de), .cartLayout .cart_black .cart__title:lang(fr-fr), .cartLayout .cart_black .cart__title:lang(fi-fi), .cartLayout .cart_black .cart__title:lang(it-it), .cartLayout .cart_black .cart__title:lang(hu-hu), .cartLayout .cart_black .cart__title:lang(sl-si), .cartLayout .cart_black .cart__title:lang(sk-sk), .navigation .cart_black .cart__title:lang(de-at), .navigation .cart_black .cart__title:lang(fr-be), .navigation .cart_black .cart__title:lang(cs-cz), .navigation .cart_black .cart__title:lang(da-dk), .navigation .cart_black .cart__title:lang(nl-nl), .navigation .cart_black .cart__title:lang(nb-no), .navigation .cart_black .cart__title:lang(pl-pl), .navigation .cart_black .cart__title:lang(pt-pt), .navigation .cart_black .cart__title:lang(ro-ro), .navigation .cart_black .cart__title:lang(es-es), .navigation .cart_black .cart__title:lang(sv-se), .navigation .cart_black .cart__title:lang(de-ch), .navigation .cart_black .cart__title:lang(tr-tr), .navigation .cart_black .cart__title:lang(de-de), .navigation .cart_black .cart__title:lang(fr-fr), .navigation .cart_black .cart__title:lang(fi-fi), .navigation .cart_black .cart__title:lang(it-it), .navigation .cart_black .cart__title:lang(hu-hu), .navigation .cart_black .cart__title:lang(sl-si), .navigation .cart_black .cart__title:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__title:lang(ru-ru), .navigation .cart_black .cart__title:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__items, .navigation .cart_black .cart__items { overflow-y: auto; -webkit-margin-after: 0; width: 100%; } .cartLayout .cart_black .cart__items li, .navigation .cart_black .cart__items li { padding: 20px 0px 20px 0px; list-style: outside none none; } .cartLayout .cart_black .cart__promotions, .navigation .cart_black .cart__promotions { margin-top: 10px; border-bottom: 2px solid #eeeeee; } .cartLayout .cart_black .cart__promotions .cart_image, .navigation .cart_black .cart__promotions .cart_image { width: 80px; height: 60px; } .cartLayout .cart_black .cart_desc, .navigation .cart_black .cart_desc { padding-left: 10px; vertical-align: top; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: normal; font-size: 16px; color: #eeeeee; } .cartLayout .cart_black .cart_desc:lang(en-us), .cartLayout .cart_black .cart_desc:lang(en-zz), .cartLayout .cart_black .cart_desc:lang(en-gb), .cartLayout .cart_black .cart_desc:lang(en-au), .cartLayout .cart_black .cart_desc:lang(en-eu), .cartLayout .cart_black .cart_desc:lang(en-in), .cartLayout .cart_black .cart_desc:lang(es-la), .cartLayout .cart_black .cart_desc:lang(es-uy), .cartLayout .cart_black .cart_desc:lang(es-cl), .cartLayout .cart_black .cart_desc:lang(es-py), .cartLayout .cart_black .cart_desc:lang(es-ar), .cartLayout .cart_black .cart_desc:lang(pt-br), .cartLayout .cart_black .cart_desc:lang(en-sg), .cartLayout .cart_black .cart_desc:lang(en-me), .cartLayout .cart_black .cart_desc:lang(en-ph), .cartLayout .cart_black .cart_desc:lang(en-my), .navigation .cart_black .cart_desc:lang(en-us), .navigation .cart_black .cart_desc:lang(en-zz), .navigation .cart_black .cart_desc:lang(en-gb), .navigation .cart_black .cart_desc:lang(en-au), .navigation .cart_black .cart_desc:lang(en-eu), .navigation .cart_black .cart_desc:lang(en-in), .navigation .cart_black .cart_desc:lang(es-la), .navigation .cart_black .cart_desc:lang(es-uy), .navigation .cart_black .cart_desc:lang(es-cl), .navigation .cart_black .cart_desc:lang(es-py), .navigation .cart_black .cart_desc:lang(es-ar), .navigation .cart_black .cart_desc:lang(pt-br), .navigation .cart_black .cart_desc:lang(en-sg), .navigation .cart_black .cart_desc:lang(en-me), .navigation .cart_black .cart_desc:lang(en-ph), .navigation .cart_black .cart_desc:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart_desc:lang(ja-jp), .navigation .cart_black .cart_desc:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart_desc:lang(ko-kr), .navigation .cart_black .cart_desc:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart_desc:lang(zh-tw), .navigation .cart_black .cart_desc:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart_desc:lang(zh-cn), .navigation .cart_black .cart_desc:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart_desc:lang(de-at), .cartLayout .cart_black .cart_desc:lang(fr-be), .cartLayout .cart_black .cart_desc:lang(cs-cz), .cartLayout .cart_black .cart_desc:lang(da-dk), .cartLayout .cart_black .cart_desc:lang(nl-nl), .cartLayout .cart_black .cart_desc:lang(nb-no), .cartLayout .cart_black .cart_desc:lang(pl-pl), .cartLayout .cart_black .cart_desc:lang(pt-pt), .cartLayout .cart_black .cart_desc:lang(ro-ro), .cartLayout .cart_black .cart_desc:lang(es-es), .cartLayout .cart_black .cart_desc:lang(sv-se), .cartLayout .cart_black .cart_desc:lang(de-ch), .cartLayout .cart_black .cart_desc:lang(tr-tr), .cartLayout .cart_black .cart_desc:lang(de-de), .cartLayout .cart_black .cart_desc:lang(fr-fr), .cartLayout .cart_black .cart_desc:lang(fi-fi), .cartLayout .cart_black .cart_desc:lang(it-it), .cartLayout .cart_black .cart_desc:lang(hu-hu), .cartLayout .cart_black .cart_desc:lang(sl-si), .cartLayout .cart_black .cart_desc:lang(sk-sk), .navigation .cart_black .cart_desc:lang(de-at), .navigation .cart_black .cart_desc:lang(fr-be), .navigation .cart_black .cart_desc:lang(cs-cz), .navigation .cart_black .cart_desc:lang(da-dk), .navigation .cart_black .cart_desc:lang(nl-nl), .navigation .cart_black .cart_desc:lang(nb-no), .navigation .cart_black .cart_desc:lang(pl-pl), .navigation .cart_black .cart_desc:lang(pt-pt), .navigation .cart_black .cart_desc:lang(ro-ro), .navigation .cart_black .cart_desc:lang(es-es), .navigation .cart_black .cart_desc:lang(sv-se), .navigation .cart_black .cart_desc:lang(de-ch), .navigation .cart_black .cart_desc:lang(tr-tr), .navigation .cart_black .cart_desc:lang(de-de), .navigation .cart_black .cart_desc:lang(fr-fr), .navigation .cart_black .cart_desc:lang(fi-fi), .navigation .cart_black .cart_desc:lang(it-it), .navigation .cart_black .cart_desc:lang(hu-hu), .navigation .cart_black .cart_desc:lang(sl-si), .navigation .cart_black .cart_desc:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart_desc:lang(ru-ru), .navigation .cart_black .cart_desc:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart_bundle_link, .navigation .cart_black .cart_bundle_link { float: right; text-transform: uppercase; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: normal; font-size: 16px; color: #eeeeee; text-decoration: none; } .cartLayout .cart_black .cart_bundle_link:lang(en-us), .cartLayout .cart_black .cart_bundle_link:lang(en-zz), .cartLayout .cart_black .cart_bundle_link:lang(en-gb), .cartLayout .cart_black .cart_bundle_link:lang(en-au), .cartLayout .cart_black .cart_bundle_link:lang(en-eu), .cartLayout .cart_black .cart_bundle_link:lang(en-in), .cartLayout .cart_black .cart_bundle_link:lang(es-la), .cartLayout .cart_black .cart_bundle_link:lang(es-uy), .cartLayout .cart_black .cart_bundle_link:lang(es-cl), .cartLayout .cart_black .cart_bundle_link:lang(es-py), .cartLayout .cart_black .cart_bundle_link:lang(es-ar), .cartLayout .cart_black .cart_bundle_link:lang(pt-br), .cartLayout .cart_black .cart_bundle_link:lang(en-sg), .cartLayout .cart_black .cart_bundle_link:lang(en-me), .cartLayout .cart_black .cart_bundle_link:lang(en-ph), .cartLayout .cart_black .cart_bundle_link:lang(en-my), .navigation .cart_black .cart_bundle_link:lang(en-us), .navigation .cart_black .cart_bundle_link:lang(en-zz), .navigation .cart_black .cart_bundle_link:lang(en-gb), .navigation .cart_black .cart_bundle_link:lang(en-au), .navigation .cart_black .cart_bundle_link:lang(en-eu), .navigation .cart_black .cart_bundle_link:lang(en-in), .navigation .cart_black .cart_bundle_link:lang(es-la), .navigation .cart_black .cart_bundle_link:lang(es-uy), .navigation .cart_black .cart_bundle_link:lang(es-cl), .navigation .cart_black .cart_bundle_link:lang(es-py), .navigation .cart_black .cart_bundle_link:lang(es-ar), .navigation .cart_black .cart_bundle_link:lang(pt-br), .navigation .cart_black .cart_bundle_link:lang(en-sg), .navigation .cart_black .cart_bundle_link:lang(en-me), .navigation .cart_black .cart_bundle_link:lang(en-ph), .navigation .cart_black .cart_bundle_link:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart_bundle_link:lang(ja-jp), .navigation .cart_black .cart_bundle_link:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart_bundle_link:lang(ko-kr), .navigation .cart_black .cart_bundle_link:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart_bundle_link:lang(zh-tw), .navigation .cart_black .cart_bundle_link:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart_bundle_link:lang(zh-cn), .navigation .cart_black .cart_bundle_link:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart_bundle_link:lang(de-at), .cartLayout .cart_black .cart_bundle_link:lang(fr-be), .cartLayout .cart_black .cart_bundle_link:lang(cs-cz), .cartLayout .cart_black .cart_bundle_link:lang(da-dk), .cartLayout .cart_black .cart_bundle_link:lang(nl-nl), .cartLayout .cart_black .cart_bundle_link:lang(nb-no), .cartLayout .cart_black .cart_bundle_link:lang(pl-pl), .cartLayout .cart_black .cart_bundle_link:lang(pt-pt), .cartLayout .cart_black .cart_bundle_link:lang(ro-ro), .cartLayout .cart_black .cart_bundle_link:lang(es-es), .cartLayout .cart_black .cart_bundle_link:lang(sv-se), .cartLayout .cart_black .cart_bundle_link:lang(de-ch), .cartLayout .cart_black .cart_bundle_link:lang(tr-tr), .cartLayout .cart_black .cart_bundle_link:lang(de-de), .cartLayout .cart_black .cart_bundle_link:lang(fr-fr), .cartLayout .cart_black .cart_bundle_link:lang(fi-fi), .cartLayout .cart_black .cart_bundle_link:lang(it-it), .cartLayout .cart_black .cart_bundle_link:lang(hu-hu), .cartLayout .cart_black .cart_bundle_link:lang(sl-si), .cartLayout .cart_black .cart_bundle_link:lang(sk-sk), .navigation .cart_black .cart_bundle_link:lang(de-at), .navigation .cart_black .cart_bundle_link:lang(fr-be), .navigation .cart_black .cart_bundle_link:lang(cs-cz), .navigation .cart_black .cart_bundle_link:lang(da-dk), .navigation .cart_black .cart_bundle_link:lang(nl-nl), .navigation .cart_black .cart_bundle_link:lang(nb-no), .navigation .cart_black .cart_bundle_link:lang(pl-pl), .navigation .cart_black .cart_bundle_link:lang(pt-pt), .navigation .cart_black .cart_bundle_link:lang(ro-ro), .navigation .cart_black .cart_bundle_link:lang(es-es), .navigation .cart_black .cart_bundle_link:lang(sv-se), .navigation .cart_black .cart_bundle_link:lang(de-ch), .navigation .cart_black .cart_bundle_link:lang(tr-tr), .navigation .cart_black .cart_bundle_link:lang(de-de), .navigation .cart_black .cart_bundle_link:lang(fr-fr), .navigation .cart_black .cart_bundle_link:lang(fi-fi), .navigation .cart_black .cart_bundle_link:lang(it-it), .navigation .cart_black .cart_bundle_link:lang(hu-hu), .navigation .cart_black .cart_bundle_link:lang(sl-si), .navigation .cart_black .cart_bundle_link:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart_bundle_link:lang(ru-ru), .navigation .cart_black .cart_bundle_link:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__total, .navigation .cart_black .cart__total { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 26px; line-height: 32px; padding: 27px 0px 22px 0px; text-align: right; color: #ffffff; border-top: 2px solid #eee; } .cartLayout .cart_black .cart__total:lang(en-us), .cartLayout .cart_black .cart__total:lang(en-zz), .cartLayout .cart_black .cart__total:lang(en-gb), .cartLayout .cart_black .cart__total:lang(en-au), .cartLayout .cart_black .cart__total:lang(en-eu), .cartLayout .cart_black .cart__total:lang(en-in), .cartLayout .cart_black .cart__total:lang(es-la), .cartLayout .cart_black .cart__total:lang(es-uy), .cartLayout .cart_black .cart__total:lang(es-cl), .cartLayout .cart_black .cart__total:lang(es-py), .cartLayout .cart_black .cart__total:lang(es-ar), .cartLayout .cart_black .cart__total:lang(pt-br), .cartLayout .cart_black .cart__total:lang(en-sg), .cartLayout .cart_black .cart__total:lang(en-me), .cartLayout .cart_black .cart__total:lang(en-ph), .cartLayout .cart_black .cart__total:lang(en-my), .navigation .cart_black .cart__total:lang(en-us), .navigation .cart_black .cart__total:lang(en-zz), .navigation .cart_black .cart__total:lang(en-gb), .navigation .cart_black .cart__total:lang(en-au), .navigation .cart_black .cart__total:lang(en-eu), .navigation .cart_black .cart__total:lang(en-in), .navigation .cart_black .cart__total:lang(es-la), .navigation .cart_black .cart__total:lang(es-uy), .navigation .cart_black .cart__total:lang(es-cl), .navigation .cart_black .cart__total:lang(es-py), .navigation .cart_black .cart__total:lang(es-ar), .navigation .cart_black .cart__total:lang(pt-br), .navigation .cart_black .cart__total:lang(en-sg), .navigation .cart_black .cart__total:lang(en-me), .navigation .cart_black .cart__total:lang(en-ph), .navigation .cart_black .cart__total:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__total:lang(ja-jp), .navigation .cart_black .cart__total:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__total:lang(ko-kr), .navigation .cart_black .cart__total:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__total:lang(zh-tw), .navigation .cart_black .cart__total:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__total:lang(zh-cn), .navigation .cart_black .cart__total:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__total:lang(de-at), .cartLayout .cart_black .cart__total:lang(fr-be), .cartLayout .cart_black .cart__total:lang(cs-cz), .cartLayout .cart_black .cart__total:lang(da-dk), .cartLayout .cart_black .cart__total:lang(nl-nl), .cartLayout .cart_black .cart__total:lang(nb-no), .cartLayout .cart_black .cart__total:lang(pl-pl), .cartLayout .cart_black .cart__total:lang(pt-pt), .cartLayout .cart_black .cart__total:lang(ro-ro), .cartLayout .cart_black .cart__total:lang(es-es), .cartLayout .cart_black .cart__total:lang(sv-se), .cartLayout .cart_black .cart__total:lang(de-ch), .cartLayout .cart_black .cart__total:lang(tr-tr), .cartLayout .cart_black .cart__total:lang(de-de), .cartLayout .cart_black .cart__total:lang(fr-fr), .cartLayout .cart_black .cart__total:lang(fi-fi), .cartLayout .cart_black .cart__total:lang(it-it), .cartLayout .cart_black .cart__total:lang(hu-hu), .cartLayout .cart_black .cart__total:lang(sl-si), .cartLayout .cart_black .cart__total:lang(sk-sk), .navigation .cart_black .cart__total:lang(de-at), .navigation .cart_black .cart__total:lang(fr-be), .navigation .cart_black .cart__total:lang(cs-cz), .navigation .cart_black .cart__total:lang(da-dk), .navigation .cart_black .cart__total:lang(nl-nl), .navigation .cart_black .cart__total:lang(nb-no), .navigation .cart_black .cart__total:lang(pl-pl), .navigation .cart_black .cart__total:lang(pt-pt), .navigation .cart_black .cart__total:lang(ro-ro), .navigation .cart_black .cart__total:lang(es-es), .navigation .cart_black .cart__total:lang(sv-se), .navigation .cart_black .cart__total:lang(de-ch), .navigation .cart_black .cart__total:lang(tr-tr), .navigation .cart_black .cart__total:lang(de-de), .navigation .cart_black .cart__total:lang(fr-fr), .navigation .cart_black .cart__total:lang(fi-fi), .navigation .cart_black .cart__total:lang(it-it), .navigation .cart_black .cart__total:lang(hu-hu), .navigation .cart_black .cart__total:lang(sl-si), .navigation .cart_black .cart__total:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__total:lang(ru-ru), .navigation .cart_black .cart__total:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart__checkout-button, .navigation .cart_black .cart__checkout-button { width: 100%; margin-bottom: 30px; } .cartLayout .cart_black .cart__continue-shopping, .navigation .cart_black .cart__continue-shopping { color: #76b900; display: block; text-align: center; text-transform: uppercase; } @media (max-width: 766px) { .cartLayout .cart_black, .navigation .cart_black { top: 0px !important; right: 0px !important; width: 100%; } .cartLayout .cart_black .cart__items, .navigation .cart_black .cart__items { top: 60px; bottom: 110px; padding-right: 10px; overflow-y: auto; max-height: none; } .cartLayout .cart_black .cart__details, .navigation .cart_black .cart__details { position: absolute; bottom: 0; width: calc(100% - 30px); } } .cartLayout .cart_black.cart--shown, .navigation .cart_black.cart--shown { display: block; margin-top: 30px; margin-bottom: 30px; bottom: 0; overflow-y: auto; } @media (max-width: 766px) { .cartLayout .cart_black, .navigation .cart_black { right: 38px; top: 75px; position: absolute; width: 515px; top: 70px; position: fixed; padding: 30px 15px; } .cartLayout .cart_black:before, .navigation .cart_black:before { position: absolute; content: ''; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-bottom: 22px solid #1a1a1a; position: absolute; top: -22px; right: 20px; } .cartLayout .cart_black .cart__title, .navigation .cart_black .cart__title { font-size: 24px; line-height: 24px; margin-bottom: 0px; } .cartLayout .cart_black .cart__total, .navigation .cart_black .cart__total { line-height: 30px; font-size: 22px; padding: 27px 0px 25px 0px; } } .cartLayout .cart_black .quantity-selector__dec, .cartLayout .cart_black .quantity-selector__inc, .navigation .cart_black .quantity-selector__dec, .navigation .cart_black .quantity-selector__inc { cursor: pointer; position: relative; display: inline-block; width: 10px; height: 10px; margin-right: 2px; } @media (max-width: 1023px) { .cartLayout .cart_black .quantity-selector__dec, .cartLayout .cart_black .quantity-selector__inc, .navigation .cart_black .quantity-selector__dec, .navigation .cart_black .quantity-selector__inc { width: 12px; height: 12px; } } .cartLayout .cart_black .quantity-selector__dec:before, .cartLayout .cart_black .quantity-selector__inc:before, .navigation .cart_black .quantity-selector__dec:before, .navigation .cart_black .quantity-selector__inc:before { border-color: transparent #666666 transparent transparent; border-image: none; border-style: solid; border-width: 6px; content: " "; height: 0; pointer-events: none; position: absolute; top: -1px; right: 0; width: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ie-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } @media (max-width: 1023px) { .cartLayout .cart_black .quantity-selector__dec:before, .cartLayout .cart_black .quantity-selector__inc:before, .navigation .cart_black .quantity-selector__dec:before, .navigation .cart_black .quantity-selector__inc:before { border-width: 8px; } } .cartLayout .cart_black .quantity-selector__dec:hover:before, .cartLayout .cart_black .quantity-selector__inc:hover:before, .navigation .cart_black .quantity-selector__dec:hover:before, .navigation .cart_black .quantity-selector__inc:hover:before { border-color: transparent #666 transparent transparent; } .cartLayout .cart_black .quantity-selector__dec.disabled, .cartLayout .cart_black .disabled.quantity-selector__inc, .navigation .cart_black .quantity-selector__dec.disabled, .navigation .cart_black .disabled.quantity-selector__inc { opacity: 0.5; cursor: default; } .cartLayout .cart_black .quantity-selector__inc, .navigation .cart_black .quantity-selector__inc { margin-left: 4px; } .cartLayout .cart_black .quantity-selector__inc:before, .navigation .cart_black .quantity-selector__inc:before { border-color: transparent transparent transparent #666666; } .cartLayout .cart_black .quantity-selector__inc:hover:before, .navigation .cart_black .quantity-selector__inc:hover:before { border-color: transparent transparent transparent #666; } .cartLayout .cart_black .quantity-selector__inc.disabled, .navigation .cart_black .quantity-selector__inc.disabled { opacity: 0.5; cursor: default; } .cartLayout .cart_black .cart-item, .navigation .cart_black .cart-item { width: 100%; } .cartLayout .cart_black .cart-item .cart-item__quantity-selector, .navigation .cart_black .cart-item .cart-item__quantity-selector { float: left; width: 62px; color: #eeeeee; } .cartLayout .cart_black .cart-item .cart-item__name, .navigation .cart_black .cart-item .cart-item__name { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 16px; color: #eeeeee; float: left; max-width: 308px; line-height: 20px; } .cartLayout .cart_black .cart-item .cart-item__name:lang(en-us), .cartLayout .cart_black .cart-item .cart-item__name:lang(en-zz), .cartLayout .cart_black .cart-item .cart-item__name:lang(en-gb), .cartLayout .cart_black .cart-item .cart-item__name:lang(en-au), .cartLayout .cart_black .cart-item .cart-item__name:lang(en-eu), .cartLayout .cart_black .cart-item .cart-item__name:lang(en-in), .cartLayout .cart_black .cart-item .cart-item__name:lang(es-la), .cartLayout .cart_black .cart-item .cart-item__name:lang(es-uy), .cartLayout .cart_black .cart-item .cart-item__name:lang(es-cl), .cartLayout .cart_black .cart-item .cart-item__name:lang(es-py), .cartLayout .cart_black .cart-item .cart-item__name:lang(es-ar), .cartLayout .cart_black .cart-item .cart-item__name:lang(pt-br), .cartLayout .cart_black .cart-item .cart-item__name:lang(en-sg), .cartLayout .cart_black .cart-item .cart-item__name:lang(en-me), .cartLayout .cart_black .cart-item .cart-item__name:lang(en-ph), .cartLayout .cart_black .cart-item .cart-item__name:lang(en-my), .navigation .cart_black .cart-item .cart-item__name:lang(en-us), .navigation .cart_black .cart-item .cart-item__name:lang(en-zz), .navigation .cart_black .cart-item .cart-item__name:lang(en-gb), .navigation .cart_black .cart-item .cart-item__name:lang(en-au), .navigation .cart_black .cart-item .cart-item__name:lang(en-eu), .navigation .cart_black .cart-item .cart-item__name:lang(en-in), .navigation .cart_black .cart-item .cart-item__name:lang(es-la), .navigation .cart_black .cart-item .cart-item__name:lang(es-uy), .navigation .cart_black .cart-item .cart-item__name:lang(es-cl), .navigation .cart_black .cart-item .cart-item__name:lang(es-py), .navigation .cart_black .cart-item .cart-item__name:lang(es-ar), .navigation .cart_black .cart-item .cart-item__name:lang(pt-br), .navigation .cart_black .cart-item .cart-item__name:lang(en-sg), .navigation .cart_black .cart-item .cart-item__name:lang(en-me), .navigation .cart_black .cart-item .cart-item__name:lang(en-ph), .navigation .cart_black .cart-item .cart-item__name:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__name:lang(ja-jp), .navigation .cart_black .cart-item .cart-item__name:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__name:lang(ko-kr), .navigation .cart_black .cart-item .cart-item__name:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__name:lang(zh-tw), .navigation .cart_black .cart-item .cart-item__name:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__name:lang(zh-cn), .navigation .cart_black .cart-item .cart-item__name:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__name:lang(de-at), .cartLayout .cart_black .cart-item .cart-item__name:lang(fr-be), .cartLayout .cart_black .cart-item .cart-item__name:lang(cs-cz), .cartLayout .cart_black .cart-item .cart-item__name:lang(da-dk), .cartLayout .cart_black .cart-item .cart-item__name:lang(nl-nl), .cartLayout .cart_black .cart-item .cart-item__name:lang(nb-no), .cartLayout .cart_black .cart-item .cart-item__name:lang(pl-pl), .cartLayout .cart_black .cart-item .cart-item__name:lang(pt-pt), .cartLayout .cart_black .cart-item .cart-item__name:lang(ro-ro), .cartLayout .cart_black .cart-item .cart-item__name:lang(es-es), .cartLayout .cart_black .cart-item .cart-item__name:lang(sv-se), .cartLayout .cart_black .cart-item .cart-item__name:lang(de-ch), .cartLayout .cart_black .cart-item .cart-item__name:lang(tr-tr), .cartLayout .cart_black .cart-item .cart-item__name:lang(de-de), .cartLayout .cart_black .cart-item .cart-item__name:lang(fr-fr), .cartLayout .cart_black .cart-item .cart-item__name:lang(fi-fi), .cartLayout .cart_black .cart-item .cart-item__name:lang(it-it), .cartLayout .cart_black .cart-item .cart-item__name:lang(hu-hu), .cartLayout .cart_black .cart-item .cart-item__name:lang(sl-si), .cartLayout .cart_black .cart-item .cart-item__name:lang(sk-sk), .navigation .cart_black .cart-item .cart-item__name:lang(de-at), .navigation .cart_black .cart-item .cart-item__name:lang(fr-be), .navigation .cart_black .cart-item .cart-item__name:lang(cs-cz), .navigation .cart_black .cart-item .cart-item__name:lang(da-dk), .navigation .cart_black .cart-item .cart-item__name:lang(nl-nl), .navigation .cart_black .cart-item .cart-item__name:lang(nb-no), .navigation .cart_black .cart-item .cart-item__name:lang(pl-pl), .navigation .cart_black .cart-item .cart-item__name:lang(pt-pt), .navigation .cart_black .cart-item .cart-item__name:lang(ro-ro), .navigation .cart_black .cart-item .cart-item__name:lang(es-es), .navigation .cart_black .cart-item .cart-item__name:lang(sv-se), .navigation .cart_black .cart-item .cart-item__name:lang(de-ch), .navigation .cart_black .cart-item .cart-item__name:lang(tr-tr), .navigation .cart_black .cart-item .cart-item__name:lang(de-de), .navigation .cart_black .cart-item .cart-item__name:lang(fr-fr), .navigation .cart_black .cart-item .cart-item__name:lang(fi-fi), .navigation .cart_black .cart-item .cart-item__name:lang(it-it), .navigation .cart_black .cart-item .cart-item__name:lang(hu-hu), .navigation .cart_black .cart-item .cart-item__name:lang(sl-si), .navigation .cart_black .cart-item .cart-item__name:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__name:lang(ru-ru), .navigation .cart_black .cart-item .cart-item__name:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media (max-width: 766px) { .cartLayout .cart_black .cart-item .cart-item__name, .navigation .cart_black .cart-item .cart-item__name { max-width: 299px; } } .cartLayout .cart_black .cart-item .cart-item__name .decimal-price, .navigation .cart_black .cart-item .cart-item__name .decimal-price { top: -0.5em; font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .cartLayout .cart_black .cart-item .cart-item__sub-name, .navigation .cart_black .cart-item .cart-item__sub-name { font-size: 24px; color: #656565; } .cartLayout .cart_black .cart-item .cart-item__price, .navigation .cart_black .cart-item .cart-item__price { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 16px; color: #eeeeee; text-align: right; float: right; line-height: 24px; margin-right: 5px; } .cartLayout .cart_black .cart-item .cart-item__price:lang(en-us), .cartLayout .cart_black .cart-item .cart-item__price:lang(en-zz), .cartLayout .cart_black .cart-item .cart-item__price:lang(en-gb), .cartLayout .cart_black .cart-item .cart-item__price:lang(en-au), .cartLayout .cart_black .cart-item .cart-item__price:lang(en-eu), .cartLayout .cart_black .cart-item .cart-item__price:lang(en-in), .cartLayout .cart_black .cart-item .cart-item__price:lang(es-la), .cartLayout .cart_black .cart-item .cart-item__price:lang(es-uy), .cartLayout .cart_black .cart-item .cart-item__price:lang(es-cl), .cartLayout .cart_black .cart-item .cart-item__price:lang(es-py), .cartLayout .cart_black .cart-item .cart-item__price:lang(es-ar), .cartLayout .cart_black .cart-item .cart-item__price:lang(pt-br), .cartLayout .cart_black .cart-item .cart-item__price:lang(en-sg), .cartLayout .cart_black .cart-item .cart-item__price:lang(en-me), .cartLayout .cart_black .cart-item .cart-item__price:lang(en-ph), .cartLayout .cart_black .cart-item .cart-item__price:lang(en-my), .navigation .cart_black .cart-item .cart-item__price:lang(en-us), .navigation .cart_black .cart-item .cart-item__price:lang(en-zz), .navigation .cart_black .cart-item .cart-item__price:lang(en-gb), .navigation .cart_black .cart-item .cart-item__price:lang(en-au), .navigation .cart_black .cart-item .cart-item__price:lang(en-eu), .navigation .cart_black .cart-item .cart-item__price:lang(en-in), .navigation .cart_black .cart-item .cart-item__price:lang(es-la), .navigation .cart_black .cart-item .cart-item__price:lang(es-uy), .navigation .cart_black .cart-item .cart-item__price:lang(es-cl), .navigation .cart_black .cart-item .cart-item__price:lang(es-py), .navigation .cart_black .cart-item .cart-item__price:lang(es-ar), .navigation .cart_black .cart-item .cart-item__price:lang(pt-br), .navigation .cart_black .cart-item .cart-item__price:lang(en-sg), .navigation .cart_black .cart-item .cart-item__price:lang(en-me), .navigation .cart_black .cart-item .cart-item__price:lang(en-ph), .navigation .cart_black .cart-item .cart-item__price:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__price:lang(ja-jp), .navigation .cart_black .cart-item .cart-item__price:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__price:lang(ko-kr), .navigation .cart_black .cart-item .cart-item__price:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__price:lang(zh-tw), .navigation .cart_black .cart-item .cart-item__price:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__price:lang(zh-cn), .navigation .cart_black .cart-item .cart-item__price:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__price:lang(de-at), .cartLayout .cart_black .cart-item .cart-item__price:lang(fr-be), .cartLayout .cart_black .cart-item .cart-item__price:lang(cs-cz), .cartLayout .cart_black .cart-item .cart-item__price:lang(da-dk), .cartLayout .cart_black .cart-item .cart-item__price:lang(nl-nl), .cartLayout .cart_black .cart-item .cart-item__price:lang(nb-no), .cartLayout .cart_black .cart-item .cart-item__price:lang(pl-pl), .cartLayout .cart_black .cart-item .cart-item__price:lang(pt-pt), .cartLayout .cart_black .cart-item .cart-item__price:lang(ro-ro), .cartLayout .cart_black .cart-item .cart-item__price:lang(es-es), .cartLayout .cart_black .cart-item .cart-item__price:lang(sv-se), .cartLayout .cart_black .cart-item .cart-item__price:lang(de-ch), .cartLayout .cart_black .cart-item .cart-item__price:lang(tr-tr), .cartLayout .cart_black .cart-item .cart-item__price:lang(de-de), .cartLayout .cart_black .cart-item .cart-item__price:lang(fr-fr), .cartLayout .cart_black .cart-item .cart-item__price:lang(fi-fi), .cartLayout .cart_black .cart-item .cart-item__price:lang(it-it), .cartLayout .cart_black .cart-item .cart-item__price:lang(hu-hu), .cartLayout .cart_black .cart-item .cart-item__price:lang(sl-si), .cartLayout .cart_black .cart-item .cart-item__price:lang(sk-sk), .navigation .cart_black .cart-item .cart-item__price:lang(de-at), .navigation .cart_black .cart-item .cart-item__price:lang(fr-be), .navigation .cart_black .cart-item .cart-item__price:lang(cs-cz), .navigation .cart_black .cart-item .cart-item__price:lang(da-dk), .navigation .cart_black .cart-item .cart-item__price:lang(nl-nl), .navigation .cart_black .cart-item .cart-item__price:lang(nb-no), .navigation .cart_black .cart-item .cart-item__price:lang(pl-pl), .navigation .cart_black .cart-item .cart-item__price:lang(pt-pt), .navigation .cart_black .cart-item .cart-item__price:lang(ro-ro), .navigation .cart_black .cart-item .cart-item__price:lang(es-es), .navigation .cart_black .cart-item .cart-item__price:lang(sv-se), .navigation .cart_black .cart-item .cart-item__price:lang(de-ch), .navigation .cart_black .cart-item .cart-item__price:lang(tr-tr), .navigation .cart_black .cart-item .cart-item__price:lang(de-de), .navigation .cart_black .cart-item .cart-item__price:lang(fr-fr), .navigation .cart_black .cart-item .cart-item__price:lang(fi-fi), .navigation .cart_black .cart-item .cart-item__price:lang(it-it), .navigation .cart_black .cart-item .cart-item__price:lang(hu-hu), .navigation .cart_black .cart-item .cart-item__price:lang(sl-si), .navigation .cart_black .cart-item .cart-item__price:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__price:lang(ru-ru), .navigation .cart_black .cart-item .cart-item__price:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__remove, .navigation .cart_black .cart-item .cart-item__remove { width: 100%; max-width: 100px; height: 15px; cursor: pointer; display: inline-block; position: relative; color: #76b900; float: left; font-size: 12px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: lighter; } .cartLayout .cart_black .cart-item .cart-item__remove:lang(en-us), .cartLayout .cart_black .cart-item .cart-item__remove:lang(en-zz), .cartLayout .cart_black .cart-item .cart-item__remove:lang(en-gb), .cartLayout .cart_black .cart-item .cart-item__remove:lang(en-au), .cartLayout .cart_black .cart-item .cart-item__remove:lang(en-eu), .cartLayout .cart_black .cart-item .cart-item__remove:lang(en-in), .cartLayout .cart_black .cart-item .cart-item__remove:lang(es-la), .cartLayout .cart_black .cart-item .cart-item__remove:lang(es-uy), .cartLayout .cart_black .cart-item .cart-item__remove:lang(es-cl), .cartLayout .cart_black .cart-item .cart-item__remove:lang(es-py), .cartLayout .cart_black .cart-item .cart-item__remove:lang(es-ar), .cartLayout .cart_black .cart-item .cart-item__remove:lang(pt-br), .cartLayout .cart_black .cart-item .cart-item__remove:lang(en-sg), .cartLayout .cart_black .cart-item .cart-item__remove:lang(en-me), .cartLayout .cart_black .cart-item .cart-item__remove:lang(en-ph), .cartLayout .cart_black .cart-item .cart-item__remove:lang(en-my), .navigation .cart_black .cart-item .cart-item__remove:lang(en-us), .navigation .cart_black .cart-item .cart-item__remove:lang(en-zz), .navigation .cart_black .cart-item .cart-item__remove:lang(en-gb), .navigation .cart_black .cart-item .cart-item__remove:lang(en-au), .navigation .cart_black .cart-item .cart-item__remove:lang(en-eu), .navigation .cart_black .cart-item .cart-item__remove:lang(en-in), .navigation .cart_black .cart-item .cart-item__remove:lang(es-la), .navigation .cart_black .cart-item .cart-item__remove:lang(es-uy), .navigation .cart_black .cart-item .cart-item__remove:lang(es-cl), .navigation .cart_black .cart-item .cart-item__remove:lang(es-py), .navigation .cart_black .cart-item .cart-item__remove:lang(es-ar), .navigation .cart_black .cart-item .cart-item__remove:lang(pt-br), .navigation .cart_black .cart-item .cart-item__remove:lang(en-sg), .navigation .cart_black .cart-item .cart-item__remove:lang(en-me), .navigation .cart_black .cart-item .cart-item__remove:lang(en-ph), .navigation .cart_black .cart-item .cart-item__remove:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__remove:lang(ja-jp), .navigation .cart_black .cart-item .cart-item__remove:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__remove:lang(ko-kr), .navigation .cart_black .cart-item .cart-item__remove:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__remove:lang(zh-tw), .navigation .cart_black .cart-item .cart-item__remove:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__remove:lang(zh-cn), .navigation .cart_black .cart-item .cart-item__remove:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__remove:lang(de-at), .cartLayout .cart_black .cart-item .cart-item__remove:lang(fr-be), .cartLayout .cart_black .cart-item .cart-item__remove:lang(cs-cz), .cartLayout .cart_black .cart-item .cart-item__remove:lang(da-dk), .cartLayout .cart_black .cart-item .cart-item__remove:lang(nl-nl), .cartLayout .cart_black .cart-item .cart-item__remove:lang(nb-no), .cartLayout .cart_black .cart-item .cart-item__remove:lang(pl-pl), .cartLayout .cart_black .cart-item .cart-item__remove:lang(pt-pt), .cartLayout .cart_black .cart-item .cart-item__remove:lang(ro-ro), .cartLayout .cart_black .cart-item .cart-item__remove:lang(es-es), .cartLayout .cart_black .cart-item .cart-item__remove:lang(sv-se), .cartLayout .cart_black .cart-item .cart-item__remove:lang(de-ch), .cartLayout .cart_black .cart-item .cart-item__remove:lang(tr-tr), .cartLayout .cart_black .cart-item .cart-item__remove:lang(de-de), .cartLayout .cart_black .cart-item .cart-item__remove:lang(fr-fr), .cartLayout .cart_black .cart-item .cart-item__remove:lang(fi-fi), .cartLayout .cart_black .cart-item .cart-item__remove:lang(it-it), .cartLayout .cart_black .cart-item .cart-item__remove:lang(hu-hu), .cartLayout .cart_black .cart-item .cart-item__remove:lang(sl-si), .cartLayout .cart_black .cart-item .cart-item__remove:lang(sk-sk), .navigation .cart_black .cart-item .cart-item__remove:lang(de-at), .navigation .cart_black .cart-item .cart-item__remove:lang(fr-be), .navigation .cart_black .cart-item .cart-item__remove:lang(cs-cz), .navigation .cart_black .cart-item .cart-item__remove:lang(da-dk), .navigation .cart_black .cart-item .cart-item__remove:lang(nl-nl), .navigation .cart_black .cart-item .cart-item__remove:lang(nb-no), .navigation .cart_black .cart-item .cart-item__remove:lang(pl-pl), .navigation .cart_black .cart-item .cart-item__remove:lang(pt-pt), .navigation .cart_black .cart-item .cart-item__remove:lang(ro-ro), .navigation .cart_black .cart-item .cart-item__remove:lang(es-es), .navigation .cart_black .cart-item .cart-item__remove:lang(sv-se), .navigation .cart_black .cart-item .cart-item__remove:lang(de-ch), .navigation .cart_black .cart-item .cart-item__remove:lang(tr-tr), .navigation .cart_black .cart-item .cart-item__remove:lang(de-de), .navigation .cart_black .cart-item .cart-item__remove:lang(fr-fr), .navigation .cart_black .cart-item .cart-item__remove:lang(fi-fi), .navigation .cart_black .cart-item .cart-item__remove:lang(it-it), .navigation .cart_black .cart-item .cart-item__remove:lang(hu-hu), .navigation .cart_black .cart-item .cart-item__remove:lang(sl-si), .navigation .cart_black .cart-item .cart-item__remove:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__remove:lang(ru-ru), .navigation .cart_black .cart-item .cart-item__remove:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .cartLayout .cart_black .cart-item .cart-item__remove:before, .navigation .cart_black .cart-item .cart-item__remove:before { position: absolute; width: 14px; height: 2px; left: 0; top: 9px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: #666666; display: block; border-radius: 10px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ie-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .cartLayout .cart_black .cart-item .cart-item__remove:after, .navigation .cart_black .cart-item .cart-item__remove:after { position: absolute; width: 14px; height: 2px; left: 0; top: 9px; background-color: #666666; display: block; border-radius: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ie-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .cartLayout .cart_black .cart-item .cart-item__remove:hover:before, .navigation .cart_black .cart-item .cart-item__remove:hover:before { background-color: #666; } .cartLayout .cart_black .cart-item .cart-item__remove:hover:after, .navigation .cart_black .cart-item .cart-item__remove:hover:after { background-color: #666; } .cartLayout .cart_black .cart-item .cart-item__product-info-message, .navigation .cart_black .cart-item .cart-item__product-info-message { clear: both; padding-top: 10px; color: #76b900; } @media (max-width: 1023px) { .cartLayout .cart_black .cart-item .cart-item__name, .navigation .cart_black .cart-item .cart-item__name { font-size: 18px; margin-left: 15px; margin-bottom: 15px; } .cartLayout .cart_black .cart-item .cart-item__price, .navigation .cart_black .cart-item .cart-item__price { clear: both; float: none; } } .dr-notify-me { background-color: #1a1a1a; width: 100%; } .dr-notify-me iframe.dr-notify-me-frame { width: 100%; border: 0; padding-top: 40px; } @media (max-width: 400px) { .dr-notify-me iframe.dr-notify-me-frame { width: 100%; height: 720px; } } @media (min-width: 401px) and (max-width: 670px) { .dr-notify-me iframe.dr-notify-me-frame { padding-top: 20px; width: 100%; height: 375px; overflow-y: auto; } } @media (min-width: 671px) and (max-width: 1024px) { .dr-notify-me iframe.dr-notify-me-frame { width: 100%; height: 460px; } } @media (min-width: 1024px) { .dr-notify-me iframe.dr-notify-me-frame { width: 100%; height: 555px; } } .background-black .button .price.js-product-price, .background-black .price.js-lowest-product-price, .background-black .js-out-of-stock, .background-black .js-in-stock, .background-black .free-shipping, .background-black .varient-sub-heading, .background-black .limit-per-customer, .background-black .additional-message, .background-dark-grey .button .price.js-product-price, .background-dark-grey .price.js-lowest-product-price, .background-dark-grey .js-out-of-stock, .background-dark-grey .js-in-stock, .background-dark-grey .free-shipping, .background-dark-grey .varient-sub-heading, .background-dark-grey .limit-per-customer, .background-dark-grey .additional-message { color: #fff; } .heroBanner .columnLayout { background: none; } .columnLayout { position: relative; margin-left: auto; margin-right: auto; width: 100%; /* removing column divider for 4 column in mobile(2*2) and tablet(2*2) till we have a good solution*/ } .columnLayout > .hdividerwraper > .horizontaldividerline { display: block; height: 2px; margin-left: auto; margin-right: auto; } .columnLayout > .hdividerwraper > .horizontaldividercline { max-width: 1280px; } @media (max-width: 767px) { .columnLayout > .hdividerwraper > .horizontaldividercline { margin: 0 15px; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayout > .hdividerwraper > .horizontaldividercline { margin: 0 30px; } } @media (min-width: 1025px) and (max-width: 1280px) { .columnLayout > .hdividerwraper > .horizontaldividercline { margin: 0 30px; } } .columnLayout .full-width { max-width: none; } .columnLayout .column-container { max-width: 1280px; margin-left: auto; margin-right: auto; /* Added below code for the new Narrow Cozy styles apply on Section Wrapper component.*/ /* End of Added below code for the new Narrow Cozy styles apply on Section Wrapper component.*/ } .columnLayout .column-container .column:first-child .horizontal-divider { border-top: none; } .columnLayout .column-container.full-width { max-width: none; } @media (min-width: 1281px) { .columnLayout .column-container.d-full-width { width: 100%; max-width: none; } } @media (min-width: 1025px) and (max-width: 1280px) { .columnLayout .column-container.lap-full-width { width: 100%; max-width: none; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayout .column-container.tab-full-width { width: 100%; max-width: none; } } @media (max-width: 767px) { .columnLayout .column-container.mob-full-width { width: 100%; max-width: none; } } .columnLayout .column-container .column { /*added to remove non-used col*/ } .columnLayout .column-container .column.card2p { padding-top: 2px; padding-bottom: 2px; } .columnLayout .column-container .column.ht-0 { height: 0px; min-height: 0px; } .columnLayout .column-container .column > .equi-height-col { height: 100%; } .columnLayout .column-container .column > .equi-height-col > .column-1, .columnLayout .column-container .column > .equi-height-col > .column-2, .columnLayout .column-container .column > .equi-height-col > .column-3, .columnLayout .column-container .column > .equi-height-col > .column-4 { display: flex; flex-flow: column nowrap; height: 100%; } .columnLayout .column-container .column > .equi-height-col.v-align-bottom > .column-1 > :last-child, .columnLayout .column-container .column > .equi-height-col.v-align-bottom > .column-2 > :last-child, .columnLayout .column-container .column > .equi-height-col.v-align-bottom > .column-3 > :last-child, .columnLayout .column-container .column > .equi-height-col.v-align-bottom > .column-4 > :last-child { margin-top: auto; } .columnLayout .column-container .column .card .column-1 > .textcomp, .columnLayout .column-container .column .card .column-1 > .textcomponentenhanced, .columnLayout .column-container .column .card .column-1 > .button, .columnLayout .column-container .column .card .column-1 > .videoComponent .watchvideo, .columnLayout .column-container .column .card .column-2 > .textcomp, .columnLayout .column-container .column .card .column-2 > .textcomponentenhanced, .columnLayout .column-container .column .card .column-2 > .button, .columnLayout .column-container .column .card .column-2 > .videoComponent .watchvideo, .columnLayout .column-container .column .card .column-3 > .textcomp, .columnLayout .column-container .column .card .column-3 > .textcomponentenhanced, .columnLayout .column-container .column .card .column-3 > .button, .columnLayout .column-container .column .card .column-3 > .videoComponent .watchvideo, .columnLayout .column-container .column .card .column-4 > .textcomp, .columnLayout .column-container .column .card .column-4 > .textcomponentenhanced, .columnLayout .column-container .column .card .column-4 > .button, .columnLayout .column-container .column .card .column-4 > .videoComponent .watchvideo { padding: 0px 15px; } @media (max-width: 767px) { .columnLayout .column-container .column.small-12 { flex-basis: 100%; } .columnLayout .column-container .column.small-12:nth-child(n+2) { margin: 15px auto 0px auto; } } @media (max-width: 767px) { .columnLayout .column-container .column.small-12 .card { max-width: 420px; margin: 0 auto; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayout .column-container .column.medium-12 { flex-basis: 100%; } .columnLayout .column-container .column.medium-12:nth-child(n+2) { margin: 15px auto 0px auto; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayout .column-container .column.medium-12 .card { max-width: 590px; margin: 0 auto; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayout .column-container .column.medium-6:nth-child(n+3) { margin: 15px auto 0px auto; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayout .column-container .column.medium-6 .card { max-width: 590px; } } @media (max-width: 767px) { .columnLayout .column-container .column.small-6:nth-child(n+3) { margin: 15px auto 0px auto; } } @media (max-width: 767px) { .columnLayout .column-container .column.small-6 .card { max-width: 420px; } } .columnLayout .column-container .column.small-6.large-3 .hpascal-divider, .columnLayout .column-container .column.small-6.large-3 .hshield-divider { margin: 0px; width: 0px; } @media screen and (max-width: 767px) { .columnLayout .column-container .column .horizontal-divider { border-top: 1px solid #eeeeee; } } .columnLayout .column-container .column:first-child .hpascal-divider { border-top: none; } @media screen and (max-width: 767px) { .columnLayout .column-container .column .hpascal-divider { border-top: 1px solid #616161; } } @media screen and (max-width: 767px) { .columnLayout .column-container .small-3 .hpascal-divider { border-top: none; } } .columnLayout .column-container .column:first-child .hshield-divider { border-top: none; } @media screen and (max-width: 767px) { .columnLayout .column-container .column .hshield-divider { border-top: 1px solid #EEEEEE; } } @media screen and (max-width: 767px) { .columnLayout .column-container .small-3 .hshield-divider, .columnLayout .column-container .small-6 .hshield-divider { border-top: none; } } .columnLayout .divider { display: none; } .columnLayout .divider.component-horizontal-divider { display: block; width: 200%; margin-left: -50%; border-top: 1px solid #EEEEEE; } .columnLayout .divider.pascal-divider { display: block; width: 200%; margin-left: -50%; border-top: 1px solid #616161; } .columnLayout .divider.shield-divider { display: block; width: 200%; margin-left: -50%; border-top: 1px solid #EEEEEE; } .columnLayout .column-container.full-width { max-width: none; } .columnLayout .column-container.full-width .row .column { background-size: cover; background-position: center center; padding: 45px 30px; min-height: 360px; } @media screen and (min-width: 768px) and (max-width: 1024px) { .columnLayout .column-container.full-width .row .column { min-height: 300px; } } @media screen and (max-width: 767px) { .columnLayout .column-container.full-width .row .column { min-height: 300px; padding: 30px 15px; } } .columnLayout .column-container.full-width .row .column.left-column { background-position: center center; } @media (min-width: 1281px) { .columnLayout .column-container.full-width .row .column.left-column { background-position: right center; } } .columnLayout .column-container.full-width .row .column.right-column { background-position: center center; } @media (min-width: 1281px) { .columnLayout .column-container.full-width .row .column.right-column { background-position: left center; } } @media screen and (min-width: 1281px) { .columnLayout .column-container.full-width .column-1 { float: right; width: 610px; max-width: 100%; } } @media screen and (min-width: 1281px) { .columnLayout .column-container.full-width .column-2 { float: left; width: 610px; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .columnLayout .column .textcomp .general-container { Margin: 0 auto; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayout .row.vertical-divider .column.large-3.medium-6, .columnLayout .row.vpascal-divider .column.large-3.medium-6, .columnLayout .row.vshield-divider .column.large-3.medium-6 { border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: none !important; } } @media (max-width: 767px) { .columnLayout .row.vertical-divider .column.large-3.small-6, .columnLayout .row.vpascal-divider .column.large-3.small-6, .columnLayout .row.vshield-divider .column.large-3.small-6 { border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: none !important; } } .columnLayout .row { width: 100%; display: flex; flex-wrap: wrap; } .columnLayout .row .column-1, .columnLayout .row .column-2, .columnLayout .row .column-3, .columnLayout .row .column-4 { /*for ie10+*/ } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .columnLayout .row .column-1 > .image, .columnLayout .row .column-1 > .videoComponent, .columnLayout .row .column-2 > .image, .columnLayout .row .column-2 > .videoComponent, .columnLayout .row .column-3 > .image, .columnLayout .row .column-3 > .videoComponent, .columnLayout .row .column-4 > .image, .columnLayout .row .column-4 > .videoComponent { overflow: hidden; } .columnLayout .row .column-1 > .image img[src$="svg"], .columnLayout .row .column-1 > .videoComponent img[src$="svg"], .columnLayout .row .column-2 > .image img[src$="svg"], .columnLayout .row .column-2 > .videoComponent img[src$="svg"], .columnLayout .row .column-3 > .image img[src$="svg"], .columnLayout .row .column-3 > .videoComponent img[src$="svg"], .columnLayout .row .column-4 > .image img[src$="svg"], .columnLayout .row .column-4 > .videoComponent img[src$="svg"] { /*make svg go too big*/ /*width: 100%;*/ } } .columnLayout .row.d-block { display: block; } .columnLayout .row.d-block > .column .column-1, .columnLayout .row.d-block > .column column-2, .columnLayout .row.d-block > .column column-3, .columnLayout .row.d-block > .column column-4 { display: block; } .columnLayout .row.vertical-divider .column:not(:first-child), .columnLayout .row.vertical-divider .column.right-column { border-left: 1px solid #EEEEEE; } .columnLayout .row.vpascal-divider .column:not(:first-child), .columnLayout .row.vpascal-divider .column.right-column { border-left: 1px solid #616161; } @media (max-width: 767px) { .columnLayout .row.vpascal-divider .column:not(:first-child).small-6, .columnLayout .row.vpascal-divider .column.right-column.small-6 { border-left: 1px solid #616161; } } @media (max-width: 767px) { .columnLayout .row.vpascal-divider .column:not(:first-child).small-6:nth-child(3), .columnLayout .row.vpascal-divider .column.right-column.small-6:nth-child(3) { border-left: none; } } @media (max-width: 767px) { .columnLayout .row.vpascal-divider .column:not(:first-child).small-3, .columnLayout .row.vpascal-divider .column.right-column.small-3 { border-left: 1px solid #616161; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayout .row.vpascal-divider .column:not(:first-child).medium-3, .columnLayout .row.vpascal-divider .column.right-column.medium-3 { border-left: 1px solid #616161; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayout .row.vpascal-divider .column:not(:first-child).medium-12, .columnLayout .row.vpascal-divider .column.right-column.medium-12 { border-left: none; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayout .row.vpascal-divider .column:nth-child(1).medium-6, .columnLayout .row.vpascal-divider .column:nth-child(2).medium-6 { border-bottom: 1px solid #616161; } } @media (max-width: 767px) { .columnLayout .row.vpascal-divider .column:nth-child(1).small-6, .columnLayout .row.vpascal-divider .column:nth-child(2).small-6 { border-bottom: 1px solid #616161; } } .columnLayout .row.vpascal-divider .column:nth-child(1).left-column, .columnLayout .row.vpascal-divider .column:nth-child(2).left-column { border-bottom: none; } .columnLayout .row.vpascal-divider .column:nth-child(1).right-column, .columnLayout .row.vpascal-divider .column:nth-child(2).right-column { border-bottom: none; } .columnLayout .row.vshield-divider .column:not(:first-child), .columnLayout .row.vshield-divider .column.right-column { border-left: 1px solid #EEEEEE; } @media (max-width: 767px) { .columnLayout .row.vshield-divider .column:not(:first-child).small-6, .columnLayout .row.vshield-divider .column.right-column.small-6 { border-left: 1px solid #EEEEEE; } } @media (max-width: 767px) { .columnLayout .row.vshield-divider .column:not(:first-child).small-6:nth-child(3), .columnLayout .row.vshield-divider .column.right-column.small-6:nth-child(3) { border-left: none; } } @media (max-width: 767px) { .columnLayout .row.vshield-divider .column:not(:first-child).small-3, .columnLayout .row.vshield-divider .column.right-column.small-3 { border-left: 1px solid #EEEEEE; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayout .row.vshield-divider .column:not(:first-child).medium-3, .columnLayout .row.vshield-divider .column.right-column.medium-3 { border-left: 1px solid #EEEEEE; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayout .row.vshield-divider .column:nth-child(1).medium-6, .columnLayout .row.vshield-divider .column:nth-child(2).medium-6 { border-bottom: 1px solid #EEEEEE; } } @media (max-width: 767px) { .columnLayout .row.vshield-divider .column:nth-child(1).small-6, .columnLayout .row.vshield-divider .column:nth-child(2).small-6 { border-bottom: 1px solid #EEEEEE; } } .columnLayout .row.vshield-divider .column:nth-child(1).left-column, .columnLayout .row.vshield-divider .column:nth-child(2).left-column { border-bottom: none; } .columnLayout .row.vshield-divider .column:nth-child(1).right-column, .columnLayout .row.vshield-divider .column:nth-child(2).right-column { border-bottom: none; } @media screen and (max-width: 767px) { .columnLayout .row.vertical-divider .column:not(:first-child), .columnLayout .row.vpascal-divider .column:not(:first-child), .columnLayout .row.vshield-divider .column:not(:first-child) { border-left: none; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayout .row.vertical-divider .column:nth-child(3).medium-6, .columnLayout .row.vpascal-divider .column:nth-child(3).medium-6, .columnLayout .row.vshield-divider .column:nth-child(3).medium-6 { border-left: none; } } .columnLayout .row.vertical-divider .column.left-column, .columnLayout .row.vpascal-divider .column.left-column, .columnLayout .row.vshield-divider .column.left-column { border-left: none; } @media screen and (max-width: 767px) { .columnLayout .row.vertical-divider .column.right-column, .columnLayout .row.vpascal-divider .column.right-column, .columnLayout .row.vshield-divider .column.right-column { border-left: none; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .columnLayout .row.single-col-tablet .medium-6 { width: 100%; } } .columnLayout .row::before, .columnLayout .row::after { content: ''; display: none; } .columnLayout .row .column { float: left; min-height: 2px; padding: 0 15px; margin: 0; position: relative; background-size: inherit; background-repeat: no-repeat; } .columnLayout .row .tablet-clear:nth-child(2n+1) { clear: both; } .columnLayout .row .medium-3.tablet-clear:nth-child(2n+1) { clear: none; } @media screen and (min-width: 768px) { .columnLayout .row .column.gallery { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .columnLayout .row .column.gallery.small-6, .columnLayout .row .column.gallery.small-3 { padding-left: 0; padding-right: 0; } } .columnLayout .mob-stack-RL > .center > .row.d-block > .left-column { float: right; } @media (max-width: 767px) { .columnLayout .mob-stack-RL > .center > .row.d-block > .left-column { float: left; } } .columnLayout .mob-stack-RL > .center > .row.vpascal-divider > .column.left-column { border-left: 1px solid #616161; } .columnLayout .mob-stack-RL > .center > .row.vpascal-divider > .column.right-column { border-left: none; } .columnLayout .mob-stack-RL > .center > .row.vshield-divider > .column.left-column { border-left: 1px solid #EEEEEE; } .columnLayout .mob-stack-RL > .center > .row.vshield-divider > .column.right-column { border-left: none; } .columnLayout .mob-stack-RL > .center > .row > .column:nth-child(1) { order: 4; } @media (max-width: 767px) { .columnLayout .mob-stack-RL > .center > .row > .column:nth-child(1) { order: 1; } } .columnLayout .mob-stack-RL > .center > .row > .column:nth-child(2) { order: 3; } @media (max-width: 767px) { .columnLayout .mob-stack-RL > .center > .row > .column:nth-child(2) { order: 2; } } .columnLayout .mob-stack-RL > .center > .row > .column:nth-child(3) { order: 2; } @media (max-width: 767px) { .columnLayout .mob-stack-RL > .center > .row > .column:nth-child(3) { order: 3; } } .columnLayout .mob-stack-RL > .center > .row > .column:nth-child(4) { order: 1; } @media (max-width: 767px) { .columnLayout .mob-stack-RL > .center > .row > .column:nth-child(4) { order: 4; } } body[data-edit-mode='true'] .columnLayout .row { overflow: hidden; } .textcomp { /*.title{ @media screen and (max-width: $sm-screen-max){ text-align: center; } } */ /*.text-left{ .title{ @media screen and (max-width: $sm-screen-max){ text-align: left; } } }*/ /*.text-left{ .description{ @media screen and (max-width: $sm-screen-max){ text-align: left; } } }*/ /* Added the below logic for the Tex component Number fields plugin */ /* * RVC See: https://home.nvidia.com/jira/browse/COM-362 */ /* * RVC END See: https://home.nvidia.com/jira/browse/COM-362 */ } .textcomp .general-container-text { margin: 0 auto; } @media screen and (min-width: 768px) and (max-width: 1024px) { .textcomp .general-container-text { max-width: 640px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .textcomp .general-container-text { max-width: 800px; } } @media screen and (min-width: 1281px) { .textcomp .general-container-text { max-width: 845px; } } .textcomp .general-container-text.full-width { max-width: 1280px; } .textcomp .general-container-text.tablet-width { max-width: 1024px; } @media screen and (min-width: 768px) and (max-width: 1024px) { .textcomp .general-container-text.tablet-width { max-width: 767px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .textcomp .general-container-text.tablet-width { max-width: 845px; } } .textcomp .general-container-text.w-640 { max-width: 640px; } .textcomp p { padding: 10px 0px; } .textcomp p a, .textcomp li a, .textcomp td a { font-weight: inherit; color: inherit; text-decoration: underline; -webkit-text-decoration-color: #76b900; text-decoration-color: #76b900; text-decoration-thickness: 2px; text-underline-offset: 0.3125em; } .textcomp p a:hover, .textcomp li a:hover, .textcomp td a:hover { -webkit-text-decoration-color: inherit; text-decoration-color: inherit; } .textcomp h2, .textcomp .h2 { padding: 8px 0px; } .textcomp h1, .textcomp .h1 { padding: 6px 0px; } .textcomp h3, .textcomp .h3 { padding: 10px 0px; } .textcomp h4, .textcomp .h4 { padding: 12px 0px; } .textcomp h5, .textcomp .h5 { padding: 13px 0px; } .textcomp .title.showquotes::before { content: "\201C"; font-size: 72px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; color: #bdbdbd; vertical-align: sub; } .textcomp .title.showquotes::before:lang(en-us), .textcomp .title.showquotes::before:lang(en-zz), .textcomp .title.showquotes::before:lang(en-gb), .textcomp .title.showquotes::before:lang(en-au), .textcomp .title.showquotes::before:lang(en-eu), .textcomp .title.showquotes::before:lang(en-in), .textcomp .title.showquotes::before:lang(es-la), .textcomp .title.showquotes::before:lang(es-uy), .textcomp .title.showquotes::before:lang(es-cl), .textcomp .title.showquotes::before:lang(es-py), .textcomp .title.showquotes::before:lang(es-ar), .textcomp .title.showquotes::before:lang(pt-br), .textcomp .title.showquotes::before:lang(en-sg), .textcomp .title.showquotes::before:lang(en-me), .textcomp .title.showquotes::before:lang(en-ph), .textcomp .title.showquotes::before:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .textcomp .title.showquotes::before:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .textcomp .title.showquotes::before:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .textcomp .title.showquotes::before:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .textcomp .title.showquotes::before:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .textcomp .title.showquotes::before:lang(de-at), .textcomp .title.showquotes::before:lang(fr-be), .textcomp .title.showquotes::before:lang(cs-cz), .textcomp .title.showquotes::before:lang(da-dk), .textcomp .title.showquotes::before:lang(nl-nl), .textcomp .title.showquotes::before:lang(nb-no), .textcomp .title.showquotes::before:lang(pl-pl), .textcomp .title.showquotes::before:lang(pt-pt), .textcomp .title.showquotes::before:lang(ro-ro), .textcomp .title.showquotes::before:lang(es-es), .textcomp .title.showquotes::before:lang(sv-se), .textcomp .title.showquotes::before:lang(de-ch), .textcomp .title.showquotes::before:lang(tr-tr), .textcomp .title.showquotes::before:lang(de-de), .textcomp .title.showquotes::before:lang(fr-fr), .textcomp .title.showquotes::before:lang(fi-fi), .textcomp .title.showquotes::before:lang(it-it), .textcomp .title.showquotes::before:lang(hu-hu), .textcomp .title.showquotes::before:lang(sl-si), .textcomp .title.showquotes::before:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .textcomp .title.showquotes::before:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (max-width: 1024px) { .textcomp .title.showquotes::before { font-size: 54px; } } .textcomp .title.showquotes::after { content: "\201C"; font-size: 72px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; color: #bdbdbd; display: inline-block; vertical-align: baseline; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .textcomp .title.showquotes::after:lang(en-us), .textcomp .title.showquotes::after:lang(en-zz), .textcomp .title.showquotes::after:lang(en-gb), .textcomp .title.showquotes::after:lang(en-au), .textcomp .title.showquotes::after:lang(en-eu), .textcomp .title.showquotes::after:lang(en-in), .textcomp .title.showquotes::after:lang(es-la), .textcomp .title.showquotes::after:lang(es-uy), .textcomp .title.showquotes::after:lang(es-cl), .textcomp .title.showquotes::after:lang(es-py), .textcomp .title.showquotes::after:lang(es-ar), .textcomp .title.showquotes::after:lang(pt-br), .textcomp .title.showquotes::after:lang(en-sg), .textcomp .title.showquotes::after:lang(en-me), .textcomp .title.showquotes::after:lang(en-ph), .textcomp .title.showquotes::after:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .textcomp .title.showquotes::after:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .textcomp .title.showquotes::after:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .textcomp .title.showquotes::after:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .textcomp .title.showquotes::after:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .textcomp .title.showquotes::after:lang(de-at), .textcomp .title.showquotes::after:lang(fr-be), .textcomp .title.showquotes::after:lang(cs-cz), .textcomp .title.showquotes::after:lang(da-dk), .textcomp .title.showquotes::after:lang(nl-nl), .textcomp .title.showquotes::after:lang(nb-no), .textcomp .title.showquotes::after:lang(pl-pl), .textcomp .title.showquotes::after:lang(pt-pt), .textcomp .title.showquotes::after:lang(ro-ro), .textcomp .title.showquotes::after:lang(es-es), .textcomp .title.showquotes::after:lang(sv-se), .textcomp .title.showquotes::after:lang(de-ch), .textcomp .title.showquotes::after:lang(tr-tr), .textcomp .title.showquotes::after:lang(de-de), .textcomp .title.showquotes::after:lang(fr-fr), .textcomp .title.showquotes::after:lang(fi-fi), .textcomp .title.showquotes::after:lang(it-it), .textcomp .title.showquotes::after:lang(hu-hu), .textcomp .title.showquotes::after:lang(sl-si), .textcomp .title.showquotes::after:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .textcomp .title.showquotes::after:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (max-width: 1024px) { .textcomp .title.showquotes::after { font-size: 54px; } } .textcomp .description h1, .textcomp .description h2, .textcomp .description h3, .textcomp .description h4, .textcomp .description h5, .textcomp .description .h1, .textcomp .description .h2, .textcomp .description .h3, .textcomp .description .h4, .textcomp .description .h5 { padding: 0px; } .textcomp .description .showquotes::before { content: "\201C"; font-size: 72px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; color: #bdbdbd; vertical-align: sub; } .textcomp .description .showquotes::before:lang(en-us), .textcomp .description .showquotes::before:lang(en-zz), .textcomp .description .showquotes::before:lang(en-gb), .textcomp .description .showquotes::before:lang(en-au), .textcomp .description .showquotes::before:lang(en-eu), .textcomp .description .showquotes::before:lang(en-in), .textcomp .description .showquotes::before:lang(es-la), .textcomp .description .showquotes::before:lang(es-uy), .textcomp .description .showquotes::before:lang(es-cl), .textcomp .description .showquotes::before:lang(es-py), .textcomp .description .showquotes::before:lang(es-ar), .textcomp .description .showquotes::before:lang(pt-br), .textcomp .description .showquotes::before:lang(en-sg), .textcomp .description .showquotes::before:lang(en-me), .textcomp .description .showquotes::before:lang(en-ph), .textcomp .description .showquotes::before:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .textcomp .description .showquotes::before:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .textcomp .description .showquotes::before:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .textcomp .description .showquotes::before:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .textcomp .description .showquotes::before:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .textcomp .description .showquotes::before:lang(de-at), .textcomp .description .showquotes::before:lang(fr-be), .textcomp .description .showquotes::before:lang(cs-cz), .textcomp .description .showquotes::before:lang(da-dk), .textcomp .description .showquotes::before:lang(nl-nl), .textcomp .description .showquotes::before:lang(nb-no), .textcomp .description .showquotes::before:lang(pl-pl), .textcomp .description .showquotes::before:lang(pt-pt), .textcomp .description .showquotes::before:lang(ro-ro), .textcomp .description .showquotes::before:lang(es-es), .textcomp .description .showquotes::before:lang(sv-se), .textcomp .description .showquotes::before:lang(de-ch), .textcomp .description .showquotes::before:lang(tr-tr), .textcomp .description .showquotes::before:lang(de-de), .textcomp .description .showquotes::before:lang(fr-fr), .textcomp .description .showquotes::before:lang(fi-fi), .textcomp .description .showquotes::before:lang(it-it), .textcomp .description .showquotes::before:lang(hu-hu), .textcomp .description .showquotes::before:lang(sl-si), .textcomp .description .showquotes::before:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .textcomp .description .showquotes::before:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (max-width: 1024px) { .textcomp .description .showquotes::before { font-size: 54px; } } .textcomp .description .showquotes::after { content: "\201C"; font-size: 72px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; color: #bdbdbd; display: inline-block; vertical-align: baseline; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .textcomp .description .showquotes::after:lang(en-us), .textcomp .description .showquotes::after:lang(en-zz), .textcomp .description .showquotes::after:lang(en-gb), .textcomp .description .showquotes::after:lang(en-au), .textcomp .description .showquotes::after:lang(en-eu), .textcomp .description .showquotes::after:lang(en-in), .textcomp .description .showquotes::after:lang(es-la), .textcomp .description .showquotes::after:lang(es-uy), .textcomp .description .showquotes::after:lang(es-cl), .textcomp .description .showquotes::after:lang(es-py), .textcomp .description .showquotes::after:lang(es-ar), .textcomp .description .showquotes::after:lang(pt-br), .textcomp .description .showquotes::after:lang(en-sg), .textcomp .description .showquotes::after:lang(en-me), .textcomp .description .showquotes::after:lang(en-ph), .textcomp .description .showquotes::after:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .textcomp .description .showquotes::after:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .textcomp .description .showquotes::after:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .textcomp .description .showquotes::after:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .textcomp .description .showquotes::after:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .textcomp .description .showquotes::after:lang(de-at), .textcomp .description .showquotes::after:lang(fr-be), .textcomp .description .showquotes::after:lang(cs-cz), .textcomp .description .showquotes::after:lang(da-dk), .textcomp .description .showquotes::after:lang(nl-nl), .textcomp .description .showquotes::after:lang(nb-no), .textcomp .description .showquotes::after:lang(pl-pl), .textcomp .description .showquotes::after:lang(pt-pt), .textcomp .description .showquotes::after:lang(ro-ro), .textcomp .description .showquotes::after:lang(es-es), .textcomp .description .showquotes::after:lang(sv-se), .textcomp .description .showquotes::after:lang(de-ch), .textcomp .description .showquotes::after:lang(tr-tr), .textcomp .description .showquotes::after:lang(de-de), .textcomp .description .showquotes::after:lang(fr-fr), .textcomp .description .showquotes::after:lang(fi-fi), .textcomp .description .showquotes::after:lang(it-it), .textcomp .description .showquotes::after:lang(hu-hu), .textcomp .description .showquotes::after:lang(sl-si), .textcomp .description .showquotes::after:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .textcomp .description .showquotes::after:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (max-width: 1024px) { .textcomp .description .showquotes::after { font-size: 54px; } } @media screen and (max-width: 767px) { .textcomp .text-button { text-align: center; } } .textcomp ol { counter-reset: itm; } .textcomp ol li { display: block; } .textcomp ol li:before { content: counter(itm) ". "; counter-increment: itm; /*color: #76b900; font-weight:bold;*/ } .textcomp .ol-numeric ol { counter-reset: section; } .textcomp .ol-numeric ol > li { display: table; counter-increment: section; } .textcomp .ol-numeric ol > li:before { color: #76b900; content: counters(section, ".") ".0 "; display: table-cell; padding-right: 10px; } .textcomp .ol-numeric ol li ol > li:before { content: counters(section, ".") " "; } .textcomp .ol-numeric ol .lower-roman { counter-reset: sec; } .textcomp .ol-numeric ol .lower-roman > li { counter-increment: sec; } .textcomp .ol-numeric ol .upper-roman { counter-reset: sec; } .textcomp .ol-numeric ol .upper-roman > li { counter-increment: sec; } .textcomp .ol-numeric ol .lower-alpha { counter-reset: sec; } .textcomp .ol-numeric ol .lower-alpha > li { counter-increment: sec; } .textcomp .ol-numeric ol .upper-alpha { counter-reset: sec; } .textcomp .ol-numeric ol .upper-alpha > li { counter-increment: sec; } .textcomp .ol-numeric ol .lower-roman > li:before { content: counters(sec, ".", lower-roman) " "; } .textcomp .ol-numeric ol .upper-roman > li:before { content: counters(sec, ".", upper-roman) " "; } .textcomp .ol-numeric ol .lower-alpha > li:before { content: counters(sec, ".", lower-alpha) " "; } .textcomp .ol-numeric ol .upper-alpha > li:before { content: counters(sec, ".", upper-alpha) " "; } .sectionenhanced section.background-black .button .link-txt, .sectionenhanced section.background-secondary-grey .button .link-txt, .sectionenhanced section.background-dark-grey .button .link-txt, .sectionenhanced section.background-lightuigraphics .button .link-txt, .sectionWrapper section.background-black .button .link-txt, .sectionWrapper section.background-secondary-grey .button .link-txt, .sectionWrapper section.background-dark-grey .button .link-txt, .sectionWrapper section.background-lightuigraphics .button .link-txt { color: #ffffff; } .sectionenhanced section.background-black .button .brand-white, .sectionenhanced section.background-black .button .brand-transparent, .sectionenhanced section.background-secondary-grey .button .brand-white, .sectionenhanced section.background-secondary-grey .button .brand-transparent, .sectionenhanced section.background-dark-grey .button .brand-white, .sectionenhanced section.background-dark-grey .button .brand-transparent, .sectionenhanced section.background-lightuigraphics .button .brand-white, .sectionenhanced section.background-lightuigraphics .button .brand-transparent, .sectionWrapper section.background-black .button .brand-white, .sectionWrapper section.background-black .button .brand-transparent, .sectionWrapper section.background-secondary-grey .button .brand-white, .sectionWrapper section.background-secondary-grey .button .brand-transparent, .sectionWrapper section.background-dark-grey .button .brand-white, .sectionWrapper section.background-dark-grey .button .brand-transparent, .sectionWrapper section.background-lightuigraphics .button .brand-white, .sectionWrapper section.background-lightuigraphics .button .brand-transparent { color: #ffffff; } .sectionenhanced section.background-black .button .brand-white:hover, .sectionenhanced section.background-black .button .brand-transparent:hover, .sectionenhanced section.background-secondary-grey .button .brand-white:hover, .sectionenhanced section.background-secondary-grey .button .brand-transparent:hover, .sectionenhanced section.background-dark-grey .button .brand-white:hover, .sectionenhanced section.background-dark-grey .button .brand-transparent:hover, .sectionenhanced section.background-lightuigraphics .button .brand-white:hover, .sectionenhanced section.background-lightuigraphics .button .brand-transparent:hover, .sectionWrapper section.background-black .button .brand-white:hover, .sectionWrapper section.background-black .button .brand-transparent:hover, .sectionWrapper section.background-secondary-grey .button .brand-white:hover, .sectionWrapper section.background-secondary-grey .button .brand-transparent:hover, .sectionWrapper section.background-dark-grey .button .brand-white:hover, .sectionWrapper section.background-dark-grey .button .brand-transparent:hover, .sectionWrapper section.background-lightuigraphics .button .brand-white:hover, .sectionWrapper section.background-lightuigraphics .button .brand-transparent:hover { border-color: #ffffff; } .sectionenhanced section.background-black .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .sectionenhanced section.background-black .article-comp-readmore a, .sectionenhanced section.background-black .article-readmore a, .sectionenhanced section.background-secondary-grey .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .sectionenhanced section.background-secondary-grey .article-comp-readmore a, .sectionenhanced section.background-secondary-grey .article-readmore a, .sectionenhanced section.background-dark-grey .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .sectionenhanced section.background-dark-grey .article-comp-readmore a, .sectionenhanced section.background-dark-grey .article-readmore a, .sectionenhanced section.background-lightuigraphics .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .sectionenhanced section.background-lightuigraphics .article-comp-readmore a, .sectionenhanced section.background-lightuigraphics .article-readmore a, .sectionWrapper section.background-black .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .sectionWrapper section.background-black .article-comp-readmore a, .sectionWrapper section.background-black .article-readmore a, .sectionWrapper section.background-secondary-grey .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .sectionWrapper section.background-secondary-grey .article-comp-readmore a, .sectionWrapper section.background-secondary-grey .article-readmore a, .sectionWrapper section.background-dark-grey .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .sectionWrapper section.background-dark-grey .article-comp-readmore a, .sectionWrapper section.background-dark-grey .article-readmore a, .sectionWrapper section.background-lightuigraphics .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .sectionWrapper section.background-lightuigraphics .article-comp-readmore a, .sectionWrapper section.background-lightuigraphics .article-readmore a { color: #ffffff; } .sectionenhanced section.background-black .videoComponent .watchvideo .icon-text-pos .icon-text, .sectionenhanced section.background-secondary-grey .videoComponent .watchvideo .icon-text-pos .icon-text, .sectionenhanced section.background-dark-grey .videoComponent .watchvideo .icon-text-pos .icon-text, .sectionenhanced section.background-lightuigraphics .videoComponent .watchvideo .icon-text-pos .icon-text, .sectionWrapper section.background-black .videoComponent .watchvideo .icon-text-pos .icon-text, .sectionWrapper section.background-secondary-grey .videoComponent .watchvideo .icon-text-pos .icon-text, .sectionWrapper section.background-dark-grey .videoComponent .watchvideo .icon-text-pos .icon-text, .sectionWrapper section.background-lightuigraphics .videoComponent .watchvideo .icon-text-pos .icon-text { color: #ffffff; } .sectionenhanced section.background-black .description ul > li::before, .sectionenhanced section.background-black .rte-desc ul > li::before, .sectionenhanced section.background-secondary-grey .description ul > li::before, .sectionenhanced section.background-secondary-grey .rte-desc ul > li::before, .sectionenhanced section.background-dark-grey .description ul > li::before, .sectionenhanced section.background-dark-grey .rte-desc ul > li::before, .sectionenhanced section.background-lightuigraphics .description ul > li::before, .sectionenhanced section.background-lightuigraphics .rte-desc ul > li::before, .sectionWrapper section.background-black .description ul > li::before, .sectionWrapper section.background-black .rte-desc ul > li::before, .sectionWrapper section.background-secondary-grey .description ul > li::before, .sectionWrapper section.background-secondary-grey .rte-desc ul > li::before, .sectionWrapper section.background-dark-grey .description ul > li::before, .sectionWrapper section.background-dark-grey .rte-desc ul > li::before, .sectionWrapper section.background-lightuigraphics .description ul > li::before, .sectionWrapper section.background-lightuigraphics .rte-desc ul > li::before { color: #ffffff; } .sectionenhanced section.background-black .description ol > li::marker, .sectionenhanced section.background-black .rte-desc ol > li::marker, .sectionenhanced section.background-secondary-grey .description ol > li::marker, .sectionenhanced section.background-secondary-grey .rte-desc ol > li::marker, .sectionenhanced section.background-dark-grey .description ol > li::marker, .sectionenhanced section.background-dark-grey .rte-desc ol > li::marker, .sectionenhanced section.background-lightuigraphics .description ol > li::marker, .sectionenhanced section.background-lightuigraphics .rte-desc ol > li::marker, .sectionWrapper section.background-black .description ol > li::marker, .sectionWrapper section.background-black .rte-desc ol > li::marker, .sectionWrapper section.background-secondary-grey .description ol > li::marker, .sectionWrapper section.background-secondary-grey .rte-desc ol > li::marker, .sectionWrapper section.background-dark-grey .description ol > li::marker, .sectionWrapper section.background-dark-grey .rte-desc ol > li::marker, .sectionWrapper section.background-lightuigraphics .description ol > li::marker, .sectionWrapper section.background-lightuigraphics .rte-desc ol > li::marker { color: #ffffff; } .sectionenhanced section.background-black .faq .faqItem .description-faq, .sectionenhanced section.background-secondary-grey .faq .faqItem .description-faq, .sectionenhanced section.background-dark-grey .faq .faqItem .description-faq, .sectionenhanced section.background-lightuigraphics .faq .faqItem .description-faq, .sectionWrapper section.background-black .faq .faqItem .description-faq, .sectionWrapper section.background-secondary-grey .faq .faqItem .description-faq, .sectionWrapper section.background-dark-grey .faq .faqItem .description-faq, .sectionWrapper section.background-lightuigraphics .faq .faqItem .description-faq { color: #ffffff; } .sectionenhanced section.background-black .faq .faqItem .description-faq a, .sectionenhanced section.background-secondary-grey .faq .faqItem .description-faq a, .sectionenhanced section.background-dark-grey .faq .faqItem .description-faq a, .sectionenhanced section.background-lightuigraphics .faq .faqItem .description-faq a, .sectionWrapper section.background-black .faq .faqItem .description-faq a, .sectionWrapper section.background-secondary-grey .faq .faqItem .description-faq a, .sectionWrapper section.background-dark-grey .faq .faqItem .description-faq a, .sectionWrapper section.background-lightuigraphics .faq .faqItem .description-faq a { color: #ffffff; } .sectionenhanced section.background-black .image .imgwidth .imageLink, .sectionenhanced section.background-secondary-grey .image .imgwidth .imageLink, .sectionenhanced section.background-dark-grey .image .imgwidth .imageLink, .sectionenhanced section.background-lightuigraphics .image .imgwidth .imageLink, .sectionWrapper section.background-black .image .imgwidth .imageLink, .sectionWrapper section.background-secondary-grey .image .imgwidth .imageLink, .sectionWrapper section.background-dark-grey .image .imgwidth .imageLink, .sectionWrapper section.background-lightuigraphics .image .imgwidth .imageLink { color: #ffffff; } .heroBanner article.background-black .button .link-txt, .heroBanner article.background-secondary-grey .button .link-txt, .heroBanner article.background-dark-grey .button .link-txt, .heroBanner article.background-lightuigraphics .button .link-txt { color: #ffffff; } .heroBanner article.background-black .button .brand-white, .heroBanner article.background-black .button .brand-transparent, .heroBanner article.background-secondary-grey .button .brand-white, .heroBanner article.background-secondary-grey .button .brand-transparent, .heroBanner article.background-dark-grey .button .brand-white, .heroBanner article.background-dark-grey .button .brand-transparent, .heroBanner article.background-lightuigraphics .button .brand-white, .heroBanner article.background-lightuigraphics .button .brand-transparent { color: #ffffff; } .heroBanner article.background-black .button .brand-white:hover, .heroBanner article.background-black .button .brand-transparent:hover, .heroBanner article.background-secondary-grey .button .brand-white:hover, .heroBanner article.background-secondary-grey .button .brand-transparent:hover, .heroBanner article.background-dark-grey .button .brand-white:hover, .heroBanner article.background-dark-grey .button .brand-transparent:hover, .heroBanner article.background-lightuigraphics .button .brand-white:hover, .heroBanner article.background-lightuigraphics .button .brand-transparent:hover { border-color: #ffffff; } .heroBanner article.background-black .videoComponent .watchvideo .icon-text-pos .icon-text, .heroBanner article.background-secondary-grey .videoComponent .watchvideo .icon-text-pos .icon-text, .heroBanner article.background-dark-grey .videoComponent .watchvideo .icon-text-pos .icon-text, .heroBanner article.background-lightuigraphics .videoComponent .watchvideo .icon-text-pos .icon-text { color: #ffffff; } .columnLayoutEnhanced .row > .column > .background-black .button .link-txt, .columnLayoutEnhanced .row > .column > .background-secondary-grey .button .link-txt, .columnLayoutEnhanced .row > .column > .background-dark-grey .button .link-txt, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .button .link-txt, .columnLayout .row > .column > .background-black .button .link-txt, .columnLayout .row > .column > .background-secondary-grey .button .link-txt, .columnLayout .row > .column > .background-dark-grey .button .link-txt, .columnLayout .row > .column > .background-lightuigraphics .button .link-txt { color: #ffffff; } .columnLayoutEnhanced .row > .column > .background-black .button .brand-white, .columnLayoutEnhanced .row > .column > .background-black .button .brand-transparent, .columnLayoutEnhanced .row > .column > .background-secondary-grey .button .brand-white, .columnLayoutEnhanced .row > .column > .background-secondary-grey .button .brand-transparent, .columnLayoutEnhanced .row > .column > .background-dark-grey .button .brand-white, .columnLayoutEnhanced .row > .column > .background-dark-grey .button .brand-transparent, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .button .brand-white, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .button .brand-transparent, .columnLayout .row > .column > .background-black .button .brand-white, .columnLayout .row > .column > .background-black .button .brand-transparent, .columnLayout .row > .column > .background-secondary-grey .button .brand-white, .columnLayout .row > .column > .background-secondary-grey .button .brand-transparent, .columnLayout .row > .column > .background-dark-grey .button .brand-white, .columnLayout .row > .column > .background-dark-grey .button .brand-transparent, .columnLayout .row > .column > .background-lightuigraphics .button .brand-white, .columnLayout .row > .column > .background-lightuigraphics .button .brand-transparent { color: #ffffff; } .columnLayoutEnhanced .row > .column > .background-black .button .brand-white:hover, .columnLayoutEnhanced .row > .column > .background-black .button .brand-transparent:hover, .columnLayoutEnhanced .row > .column > .background-secondary-grey .button .brand-white:hover, .columnLayoutEnhanced .row > .column > .background-secondary-grey .button .brand-transparent:hover, .columnLayoutEnhanced .row > .column > .background-dark-grey .button .brand-white:hover, .columnLayoutEnhanced .row > .column > .background-dark-grey .button .brand-transparent:hover, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .button .brand-white:hover, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .button .brand-transparent:hover, .columnLayout .row > .column > .background-black .button .brand-white:hover, .columnLayout .row > .column > .background-black .button .brand-transparent:hover, .columnLayout .row > .column > .background-secondary-grey .button .brand-white:hover, .columnLayout .row > .column > .background-secondary-grey .button .brand-transparent:hover, .columnLayout .row > .column > .background-dark-grey .button .brand-white:hover, .columnLayout .row > .column > .background-dark-grey .button .brand-transparent:hover, .columnLayout .row > .column > .background-lightuigraphics .button .brand-white:hover, .columnLayout .row > .column > .background-lightuigraphics .button .brand-transparent:hover { border-color: #ffffff; } .columnLayoutEnhanced .row > .column > .background-black .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item_readmore a, .columnLayoutEnhanced .row > .column > .background-black .article-comp-readmore a, .columnLayoutEnhanced .row > .column > .background-black .article-readmore a, .columnLayoutEnhanced .row > .column > .background-secondary-grey .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item_readmore a, .columnLayoutEnhanced .row > .column > .background-secondary-grey .article-comp-readmore a, .columnLayoutEnhanced .row > .column > .background-secondary-grey .article-readmore a, .columnLayoutEnhanced .row > .column > .background-dark-grey .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item_readmore a, .columnLayoutEnhanced .row > .column > .background-dark-grey .article-comp-readmore a, .columnLayoutEnhanced .row > .column > .background-dark-grey .article-readmore a, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item_readmore a, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .article-comp-readmore a, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .article-readmore a, .columnLayout .row > .column > .background-black .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item_readmore a, .columnLayout .row > .column > .background-black .article-comp-readmore a, .columnLayout .row > .column > .background-black .article-readmore a, .columnLayout .row > .column > .background-secondary-grey .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item_readmore a, .columnLayout .row > .column > .background-secondary-grey .article-comp-readmore a, .columnLayout .row > .column > .background-secondary-grey .article-readmore a, .columnLayout .row > .column > .background-dark-grey .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item_readmore a, .columnLayout .row > .column > .background-dark-grey .article-comp-readmore a, .columnLayout .row > .column > .background-dark-grey .article-readmore a, .columnLayout .row > .column > .background-lightuigraphics .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item_readmore a, .columnLayout .row > .column > .background-lightuigraphics .article-comp-readmore a, .columnLayout .row > .column > .background-lightuigraphics .article-readmore a { color: #ffffff; } .columnLayoutEnhanced .row > .column > .background-black .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayoutEnhanced .row > .column > .background-secondary-grey .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayoutEnhanced .row > .column > .background-dark-grey .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayout .row > .column > .background-black .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayout .row > .column > .background-secondary-grey .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayout .row > .column > .background-dark-grey .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayout .row > .column > .background-lightuigraphics .videoComponent .watchvideo .icon-text-pos .icon-text { color: #ffffff; } .columnLayoutEnhanced .row > .column > .background-black .faq .faqItem .description-faq, .columnLayoutEnhanced .row > .column > .background-secondary-grey .faq .faqItem .description-faq, .columnLayoutEnhanced .row > .column > .background-dark-grey .faq .faqItem .description-faq, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .faq .faqItem .description-faq, .columnLayout .row > .column > .background-black .faq .faqItem .description-faq, .columnLayout .row > .column > .background-secondary-grey .faq .faqItem .description-faq, .columnLayout .row > .column > .background-dark-grey .faq .faqItem .description-faq, .columnLayout .row > .column > .background-lightuigraphics .faq .faqItem .description-faq { color: #ffffff; } .columnLayoutEnhanced .row > .column > .background-black .faq .faqItem .description-faq a, .columnLayoutEnhanced .row > .column > .background-secondary-grey .faq .faqItem .description-faq a, .columnLayoutEnhanced .row > .column > .background-dark-grey .faq .faqItem .description-faq a, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .faq .faqItem .description-faq a, .columnLayout .row > .column > .background-black .faq .faqItem .description-faq a, .columnLayout .row > .column > .background-secondary-grey .faq .faqItem .description-faq a, .columnLayout .row > .column > .background-dark-grey .faq .faqItem .description-faq a, .columnLayout .row > .column > .background-lightuigraphics .faq .faqItem .description-faq a { color: #ffffff; } .columnLayoutEnhanced .row > .column > .background-black .image .imgwidth .imageLink, .columnLayoutEnhanced .row > .column > .background-secondary-grey .image .imgwidth .imageLink, .columnLayoutEnhanced .row > .column > .background-dark-grey .image .imgwidth .imageLink, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .image .imgwidth .imageLink, .columnLayout .row > .column > .background-black .image .imgwidth .imageLink, .columnLayout .row > .column > .background-secondary-grey .image .imgwidth .imageLink, .columnLayout .row > .column > .background-dark-grey .image .imgwidth .imageLink, .columnLayout .row > .column > .background-lightuigraphics .image .imgwidth .imageLink { color: #ffffff; } .columnLayoutEnhanced .row > .column > .background-black .textcomp .description ul > li::before, .columnLayoutEnhanced .row > .column > .background-black .textcomp .rte-desc ul > li::before, .columnLayoutEnhanced .row > .column > .background-black .textcomponentenhanced .description ul > li::before, .columnLayoutEnhanced .row > .column > .background-black .textcomponentenhanced .rte-desc ul > li::before, .columnLayoutEnhanced .row > .column > .background-secondary-grey .textcomp .description ul > li::before, .columnLayoutEnhanced .row > .column > .background-secondary-grey .textcomp .rte-desc ul > li::before, .columnLayoutEnhanced .row > .column > .background-secondary-grey .textcomponentenhanced .description ul > li::before, .columnLayoutEnhanced .row > .column > .background-secondary-grey .textcomponentenhanced .rte-desc ul > li::before, .columnLayoutEnhanced .row > .column > .background-dark-grey .textcomp .description ul > li::before, .columnLayoutEnhanced .row > .column > .background-dark-grey .textcomp .rte-desc ul > li::before, .columnLayoutEnhanced .row > .column > .background-dark-grey .textcomponentenhanced .description ul > li::before, .columnLayoutEnhanced .row > .column > .background-dark-grey .textcomponentenhanced .rte-desc ul > li::before, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .textcomp .description ul > li::before, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .textcomp .rte-desc ul > li::before, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .textcomponentenhanced .description ul > li::before, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .textcomponentenhanced .rte-desc ul > li::before, .columnLayout .row > .column > .background-black .textcomp .description ul > li::before, .columnLayout .row > .column > .background-black .textcomp .rte-desc ul > li::before, .columnLayout .row > .column > .background-black .textcomponentenhanced .description ul > li::before, .columnLayout .row > .column > .background-black .textcomponentenhanced .rte-desc ul > li::before, .columnLayout .row > .column > .background-secondary-grey .textcomp .description ul > li::before, .columnLayout .row > .column > .background-secondary-grey .textcomp .rte-desc ul > li::before, .columnLayout .row > .column > .background-secondary-grey .textcomponentenhanced .description ul > li::before, .columnLayout .row > .column > .background-secondary-grey .textcomponentenhanced .rte-desc ul > li::before, .columnLayout .row > .column > .background-dark-grey .textcomp .description ul > li::before, .columnLayout .row > .column > .background-dark-grey .textcomp .rte-desc ul > li::before, .columnLayout .row > .column > .background-dark-grey .textcomponentenhanced .description ul > li::before, .columnLayout .row > .column > .background-dark-grey .textcomponentenhanced .rte-desc ul > li::before, .columnLayout .row > .column > .background-lightuigraphics .textcomp .description ul > li::before, .columnLayout .row > .column > .background-lightuigraphics .textcomp .rte-desc ul > li::before, .columnLayout .row > .column > .background-lightuigraphics .textcomponentenhanced .description ul > li::before, .columnLayout .row > .column > .background-lightuigraphics .textcomponentenhanced .rte-desc ul > li::before { color: #ffffff; } .columnLayoutEnhanced .row > .column > .background-black .textcomp .description ol > li::marker, .columnLayoutEnhanced .row > .column > .background-black .textcomp .rte-desc ol > li::marker, .columnLayoutEnhanced .row > .column > .background-black .textcomponentenhanced .description ol > li::marker, .columnLayoutEnhanced .row > .column > .background-black .textcomponentenhanced .rte-desc ol > li::marker, .columnLayoutEnhanced .row > .column > .background-secondary-grey .textcomp .description ol > li::marker, .columnLayoutEnhanced .row > .column > .background-secondary-grey .textcomp .rte-desc ol > li::marker, .columnLayoutEnhanced .row > .column > .background-secondary-grey .textcomponentenhanced .description ol > li::marker, .columnLayoutEnhanced .row > .column > .background-secondary-grey .textcomponentenhanced .rte-desc ol > li::marker, .columnLayoutEnhanced .row > .column > .background-dark-grey .textcomp .description ol > li::marker, .columnLayoutEnhanced .row > .column > .background-dark-grey .textcomp .rte-desc ol > li::marker, .columnLayoutEnhanced .row > .column > .background-dark-grey .textcomponentenhanced .description ol > li::marker, .columnLayoutEnhanced .row > .column > .background-dark-grey .textcomponentenhanced .rte-desc ol > li::marker, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .textcomp .description ol > li::marker, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .textcomp .rte-desc ol > li::marker, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .textcomponentenhanced .description ol > li::marker, .columnLayoutEnhanced .row > .column > .background-lightuigraphics .textcomponentenhanced .rte-desc ol > li::marker, .columnLayout .row > .column > .background-black .textcomp .description ol > li::marker, .columnLayout .row > .column > .background-black .textcomp .rte-desc ol > li::marker, .columnLayout .row > .column > .background-black .textcomponentenhanced .description ol > li::marker, .columnLayout .row > .column > .background-black .textcomponentenhanced .rte-desc ol > li::marker, .columnLayout .row > .column > .background-secondary-grey .textcomp .description ol > li::marker, .columnLayout .row > .column > .background-secondary-grey .textcomp .rte-desc ol > li::marker, .columnLayout .row > .column > .background-secondary-grey .textcomponentenhanced .description ol > li::marker, .columnLayout .row > .column > .background-secondary-grey .textcomponentenhanced .rte-desc ol > li::marker, .columnLayout .row > .column > .background-dark-grey .textcomp .description ol > li::marker, .columnLayout .row > .column > .background-dark-grey .textcomp .rte-desc ol > li::marker, .columnLayout .row > .column > .background-dark-grey .textcomponentenhanced .description ol > li::marker, .columnLayout .row > .column > .background-dark-grey .textcomponentenhanced .rte-desc ol > li::marker, .columnLayout .row > .column > .background-lightuigraphics .textcomp .description ol > li::marker, .columnLayout .row > .column > .background-lightuigraphics .textcomp .rte-desc ol > li::marker, .columnLayout .row > .column > .background-lightuigraphics .textcomponentenhanced .description ol > li::marker, .columnLayout .row > .column > .background-lightuigraphics .textcomponentenhanced .rte-desc ol > li::marker { color: #ffffff; } .columnLayoutEnhanced > .background-black .row > .column > .background-none .button .link-txt, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .button .link-txt, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .button .link-txt, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .button .link-txt, .columnLayout > .background-black .row > .column > .background-none .button .link-txt, .columnLayout > .background-secondary-grey .row > .column > .background-none .button .link-txt, .columnLayout > .background-dark-grey .row > .column > .background-none .button .link-txt, .columnLayout > .background-lightuigraphics .row > .column > .background-none .button .link-txt { color: #ffffff; } .columnLayoutEnhanced > .background-black .row > .column > .background-none .button .brand-white, .columnLayoutEnhanced > .background-black .row > .column > .background-none .button .brand-transparent, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .button .brand-white, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .button .brand-transparent, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .button .brand-white, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .button .brand-transparent, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .button .brand-white, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .button .brand-transparent, .columnLayout > .background-black .row > .column > .background-none .button .brand-white, .columnLayout > .background-black .row > .column > .background-none .button .brand-transparent, .columnLayout > .background-secondary-grey .row > .column > .background-none .button .brand-white, .columnLayout > .background-secondary-grey .row > .column > .background-none .button .brand-transparent, .columnLayout > .background-dark-grey .row > .column > .background-none .button .brand-white, .columnLayout > .background-dark-grey .row > .column > .background-none .button .brand-transparent, .columnLayout > .background-lightuigraphics .row > .column > .background-none .button .brand-white, .columnLayout > .background-lightuigraphics .row > .column > .background-none .button .brand-transparent { color: #ffffff; } .columnLayoutEnhanced > .background-black .row > .column > .background-none .button .brand-white:hover, .columnLayoutEnhanced > .background-black .row > .column > .background-none .button .brand-transparent:hover, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .button .brand-white:hover, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .button .brand-transparent:hover, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .button .brand-white:hover, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .button .brand-transparent:hover, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .button .brand-white:hover, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .button .brand-transparent:hover, .columnLayout > .background-black .row > .column > .background-none .button .brand-white:hover, .columnLayout > .background-black .row > .column > .background-none .button .brand-transparent:hover, .columnLayout > .background-secondary-grey .row > .column > .background-none .button .brand-white:hover, .columnLayout > .background-secondary-grey .row > .column > .background-none .button .brand-transparent:hover, .columnLayout > .background-dark-grey .row > .column > .background-none .button .brand-white:hover, .columnLayout > .background-dark-grey .row > .column > .background-none .button .brand-transparent:hover, .columnLayout > .background-lightuigraphics .row > .column > .background-none .button .brand-white:hover, .columnLayout > .background-lightuigraphics .row > .column > .background-none .button .brand-transparent:hover { border-color: #ffffff; } .columnLayoutEnhanced > .background-black .row > .column > .background-none .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .columnLayoutEnhanced > .background-black .row > .column > .background-none .article-comp-readmore a, .columnLayoutEnhanced > .background-black .row > .column > .background-none .article-readmore a, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .article-comp-readmore a, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .article-readmore a, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .article-comp-readmore a, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .article-readmore a, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .article-comp-readmore a, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .article-readmore a, .columnLayout > .background-black .row > .column > .background-none .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .columnLayout > .background-black .row > .column > .background-none .article-comp-readmore a, .columnLayout > .background-black .row > .column > .background-none .article-readmore a, .columnLayout > .background-secondary-grey .row > .column > .background-none .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .columnLayout > .background-secondary-grey .row > .column > .background-none .article-comp-readmore a, .columnLayout > .background-secondary-grey .row > .column > .background-none .article-readmore a, .columnLayout > .background-dark-grey .row > .column > .background-none .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .columnLayout > .background-dark-grey .row > .column > .background-none .article-comp-readmore a, .columnLayout > .background-dark-grey .row > .column > .background-none .article-readmore a, .columnLayout > .background-lightuigraphics .row > .column > .background-none .latest-news .latest-news__items .latest-news__item .latest-news__item__body a, .columnLayout > .background-lightuigraphics .row > .column > .background-none .article-comp-readmore a, .columnLayout > .background-lightuigraphics .row > .column > .background-none .article-readmore a { color: #ffffff; } .columnLayoutEnhanced > .background-black .row > .column > .background-none .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayout > .background-black .row > .column > .background-none .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayout > .background-secondary-grey .row > .column > .background-none .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayout > .background-dark-grey .row > .column > .background-none .videoComponent .watchvideo .icon-text-pos .icon-text, .columnLayout > .background-lightuigraphics .row > .column > .background-none .videoComponent .watchvideo .icon-text-pos .icon-text { color: #ffffff; } .columnLayoutEnhanced > .background-black .row > .column > .background-none .faq .faqItem .description-faq, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .faq .faqItem .description-faq, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .faq .faqItem .description-faq, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .faq .faqItem .description-faq, .columnLayout > .background-black .row > .column > .background-none .faq .faqItem .description-faq, .columnLayout > .background-secondary-grey .row > .column > .background-none .faq .faqItem .description-faq, .columnLayout > .background-dark-grey .row > .column > .background-none .faq .faqItem .description-faq, .columnLayout > .background-lightuigraphics .row > .column > .background-none .faq .faqItem .description-faq { color: #ffffff; } .columnLayoutEnhanced > .background-black .row > .column > .background-none .faq .faqItem .description-faq a, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .faq .faqItem .description-faq a, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .faq .faqItem .description-faq a, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .faq .faqItem .description-faq a, .columnLayout > .background-black .row > .column > .background-none .faq .faqItem .description-faq a, .columnLayout > .background-secondary-grey .row > .column > .background-none .faq .faqItem .description-faq a, .columnLayout > .background-dark-grey .row > .column > .background-none .faq .faqItem .description-faq a, .columnLayout > .background-lightuigraphics .row > .column > .background-none .faq .faqItem .description-faq a { color: #ffffff; } .columnLayoutEnhanced > .background-black .row > .column > .background-none .image .imgwidth .imageLink, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .image .imgwidth .imageLink, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .image .imgwidth .imageLink, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .image .imgwidth .imageLink, .columnLayout > .background-black .row > .column > .background-none .image .imgwidth .imageLink, .columnLayout > .background-secondary-grey .row > .column > .background-none .image .imgwidth .imageLink, .columnLayout > .background-dark-grey .row > .column > .background-none .image .imgwidth .imageLink, .columnLayout > .background-lightuigraphics .row > .column > .background-none .image .imgwidth .imageLink { color: #ffffff; } .columnLayoutEnhanced > .background-black .row > .column > .background-none .textcomp .description ul > li::before, .columnLayoutEnhanced > .background-black .row > .column > .background-none .textcomp .rte-desc ul > li::before, .columnLayoutEnhanced > .background-black .row > .column > .background-none .textcomponentenhanced .description ul > li::before, .columnLayoutEnhanced > .background-black .row > .column > .background-none .textcomponentenhanced .rte-desc ul > li::before, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .textcomp .description ul > li::before, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .textcomp .rte-desc ul > li::before, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .textcomponentenhanced .description ul > li::before, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .textcomponentenhanced .rte-desc ul > li::before, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .textcomp .description ul > li::before, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .textcomp .rte-desc ul > li::before, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .textcomponentenhanced .description ul > li::before, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .textcomponentenhanced .rte-desc ul > li::before, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .textcomp .description ul > li::before, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .textcomp .rte-desc ul > li::before, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .textcomponentenhanced .description ul > li::before, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .textcomponentenhanced .rte-desc ul > li::before, .columnLayout > .background-black .row > .column > .background-none .textcomp .description ul > li::before, .columnLayout > .background-black .row > .column > .background-none .textcomp .rte-desc ul > li::before, .columnLayout > .background-black .row > .column > .background-none .textcomponentenhanced .description ul > li::before, .columnLayout > .background-black .row > .column > .background-none .textcomponentenhanced .rte-desc ul > li::before, .columnLayout > .background-secondary-grey .row > .column > .background-none .textcomp .description ul > li::before, .columnLayout > .background-secondary-grey .row > .column > .background-none .textcomp .rte-desc ul > li::before, .columnLayout > .background-secondary-grey .row > .column > .background-none .textcomponentenhanced .description ul > li::before, .columnLayout > .background-secondary-grey .row > .column > .background-none .textcomponentenhanced .rte-desc ul > li::before, .columnLayout > .background-dark-grey .row > .column > .background-none .textcomp .description ul > li::before, .columnLayout > .background-dark-grey .row > .column > .background-none .textcomp .rte-desc ul > li::before, .columnLayout > .background-dark-grey .row > .column > .background-none .textcomponentenhanced .description ul > li::before, .columnLayout > .background-dark-grey .row > .column > .background-none .textcomponentenhanced .rte-desc ul > li::before, .columnLayout > .background-lightuigraphics .row > .column > .background-none .textcomp .description ul > li::before, .columnLayout > .background-lightuigraphics .row > .column > .background-none .textcomp .rte-desc ul > li::before, .columnLayout > .background-lightuigraphics .row > .column > .background-none .textcomponentenhanced .description ul > li::before, .columnLayout > .background-lightuigraphics .row > .column > .background-none .textcomponentenhanced .rte-desc ul > li::before { color: #FFFFFF; } .columnLayoutEnhanced > .background-black .row > .column > .background-none .textcomp .description ol > li::marker, .columnLayoutEnhanced > .background-black .row > .column > .background-none .textcomp .rte-desc ol > li::marker, .columnLayoutEnhanced > .background-black .row > .column > .background-none .textcomponentenhanced .description ol > li::marker, .columnLayoutEnhanced > .background-black .row > .column > .background-none .textcomponentenhanced .rte-desc ol > li::marker, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .textcomp .description ol > li::marker, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .textcomp .rte-desc ol > li::marker, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .textcomponentenhanced .description ol > li::marker, .columnLayoutEnhanced > .background-secondary-grey .row > .column > .background-none .textcomponentenhanced .rte-desc ol > li::marker, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .textcomp .description ol > li::marker, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .textcomp .rte-desc ol > li::marker, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .textcomponentenhanced .description ol > li::marker, .columnLayoutEnhanced > .background-dark-grey .row > .column > .background-none .textcomponentenhanced .rte-desc ol > li::marker, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .textcomp .description ol > li::marker, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .textcomp .rte-desc ol > li::marker, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .textcomponentenhanced .description ol > li::marker, .columnLayoutEnhanced > .background-lightuigraphics .row > .column > .background-none .textcomponentenhanced .rte-desc ol > li::marker, .columnLayout > .background-black .row > .column > .background-none .textcomp .description ol > li::marker, .columnLayout > .background-black .row > .column > .background-none .textcomp .rte-desc ol > li::marker, .columnLayout > .background-black .row > .column > .background-none .textcomponentenhanced .description ol > li::marker, .columnLayout > .background-black .row > .column > .background-none .textcomponentenhanced .rte-desc ol > li::marker, .columnLayout > .background-secondary-grey .row > .column > .background-none .textcomp .description ol > li::marker, .columnLayout > .background-secondary-grey .row > .column > .background-none .textcomp .rte-desc ol > li::marker, .columnLayout > .background-secondary-grey .row > .column > .background-none .textcomponentenhanced .description ol > li::marker, .columnLayout > .background-secondary-grey .row > .column > .background-none .textcomponentenhanced .rte-desc ol > li::marker, .columnLayout > .background-dark-grey .row > .column > .background-none .textcomp .description ol > li::marker, .columnLayout > .background-dark-grey .row > .column > .background-none .textcomp .rte-desc ol > li::marker, .columnLayout > .background-dark-grey .row > .column > .background-none .textcomponentenhanced .description ol > li::marker, .columnLayout > .background-dark-grey .row > .column > .background-none .textcomponentenhanced .rte-desc ol > li::marker, .columnLayout > .background-lightuigraphics .row > .column > .background-none .textcomp .description ol > li::marker, .columnLayout > .background-lightuigraphics .row > .column > .background-none .textcomp .rte-desc ol > li::marker, .columnLayout > .background-lightuigraphics .row > .column > .background-none .textcomponentenhanced .description ol > li::marker, .columnLayout > .background-lightuigraphics .row > .column > .background-none .textcomponentenhanced .rte-desc ol > li::marker { color: #FFFFFF; } @media screen and (max-width: 767px) { .button .text-left.mobile-align-center, .button .text-right.mobile-align-center { text-align: center; } } .button .product-row__item { min-height: auto; } .button .free-shipping { padding: 15px 0 0 0; font-weight: bold; font-size: 16px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } .button .free-shipping:lang(en-us), .button .free-shipping:lang(en-zz), .button .free-shipping:lang(en-gb), .button .free-shipping:lang(en-au), .button .free-shipping:lang(en-eu), .button .free-shipping:lang(en-in), .button .free-shipping:lang(es-la), .button .free-shipping:lang(es-uy), .button .free-shipping:lang(es-cl), .button .free-shipping:lang(es-py), .button .free-shipping:lang(es-ar), .button .free-shipping:lang(pt-br), .button .free-shipping:lang(en-sg), .button .free-shipping:lang(en-me), .button .free-shipping:lang(en-ph), .button .free-shipping:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .button .free-shipping:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .button .free-shipping:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .button .free-shipping:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .button .free-shipping:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .button .free-shipping:lang(de-at), .button .free-shipping:lang(fr-be), .button .free-shipping:lang(cs-cz), .button .free-shipping:lang(da-dk), .button .free-shipping:lang(nl-nl), .button .free-shipping:lang(nb-no), .button .free-shipping:lang(pl-pl), .button .free-shipping:lang(pt-pt), .button .free-shipping:lang(ro-ro), .button .free-shipping:lang(es-es), .button .free-shipping:lang(sv-se), .button .free-shipping:lang(de-ch), .button .free-shipping:lang(tr-tr), .button .free-shipping:lang(de-de), .button .free-shipping:lang(fr-fr), .button .free-shipping:lang(fi-fi), .button .free-shipping:lang(it-it), .button .free-shipping:lang(hu-hu), .button .free-shipping:lang(sl-si), .button .free-shipping:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .button .free-shipping:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .button .ship-date, .button .limit-per-customer, .button .additional-message { display: none; font-size: 15px; padding-top: 15px; line-height: 1; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } .button .ship-date:lang(en-us), .button .ship-date:lang(en-zz), .button .ship-date:lang(en-gb), .button .ship-date:lang(en-au), .button .ship-date:lang(en-eu), .button .ship-date:lang(en-in), .button .ship-date:lang(es-la), .button .ship-date:lang(es-uy), .button .ship-date:lang(es-cl), .button .ship-date:lang(es-py), .button .ship-date:lang(es-ar), .button .ship-date:lang(pt-br), .button .ship-date:lang(en-sg), .button .ship-date:lang(en-me), .button .ship-date:lang(en-ph), .button .ship-date:lang(en-my), .button .limit-per-customer:lang(en-us), .button .limit-per-customer:lang(en-zz), .button .limit-per-customer:lang(en-gb), .button .limit-per-customer:lang(en-au), .button .limit-per-customer:lang(en-eu), .button .limit-per-customer:lang(en-in), .button .limit-per-customer:lang(es-la), .button .limit-per-customer:lang(es-uy), .button .limit-per-customer:lang(es-cl), .button .limit-per-customer:lang(es-py), .button .limit-per-customer:lang(es-ar), .button .limit-per-customer:lang(pt-br), .button .limit-per-customer:lang(en-sg), .button .limit-per-customer:lang(en-me), .button .limit-per-customer:lang(en-ph), .button .limit-per-customer:lang(en-my), .button .additional-message:lang(en-us), .button .additional-message:lang(en-zz), .button .additional-message:lang(en-gb), .button .additional-message:lang(en-au), .button .additional-message:lang(en-eu), .button .additional-message:lang(en-in), .button .additional-message:lang(es-la), .button .additional-message:lang(es-uy), .button .additional-message:lang(es-cl), .button .additional-message:lang(es-py), .button .additional-message:lang(es-ar), .button .additional-message:lang(pt-br), .button .additional-message:lang(en-sg), .button .additional-message:lang(en-me), .button .additional-message:lang(en-ph), .button .additional-message:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .button .ship-date:lang(ja-jp), .button .limit-per-customer:lang(ja-jp), .button .additional-message:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .button .ship-date:lang(ko-kr), .button .limit-per-customer:lang(ko-kr), .button .additional-message:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .button .ship-date:lang(zh-tw), .button .limit-per-customer:lang(zh-tw), .button .additional-message:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .button .ship-date:lang(zh-cn), .button .limit-per-customer:lang(zh-cn), .button .additional-message:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .button .ship-date:lang(de-at), .button .ship-date:lang(fr-be), .button .ship-date:lang(cs-cz), .button .ship-date:lang(da-dk), .button .ship-date:lang(nl-nl), .button .ship-date:lang(nb-no), .button .ship-date:lang(pl-pl), .button .ship-date:lang(pt-pt), .button .ship-date:lang(ro-ro), .button .ship-date:lang(es-es), .button .ship-date:lang(sv-se), .button .ship-date:lang(de-ch), .button .ship-date:lang(tr-tr), .button .ship-date:lang(de-de), .button .ship-date:lang(fr-fr), .button .ship-date:lang(fi-fi), .button .ship-date:lang(it-it), .button .ship-date:lang(hu-hu), .button .ship-date:lang(sl-si), .button .ship-date:lang(sk-sk), .button .limit-per-customer:lang(de-at), .button .limit-per-customer:lang(fr-be), .button .limit-per-customer:lang(cs-cz), .button .limit-per-customer:lang(da-dk), .button .limit-per-customer:lang(nl-nl), .button .limit-per-customer:lang(nb-no), .button .limit-per-customer:lang(pl-pl), .button .limit-per-customer:lang(pt-pt), .button .limit-per-customer:lang(ro-ro), .button .limit-per-customer:lang(es-es), .button .limit-per-customer:lang(sv-se), .button .limit-per-customer:lang(de-ch), .button .limit-per-customer:lang(tr-tr), .button .limit-per-customer:lang(de-de), .button .limit-per-customer:lang(fr-fr), .button .limit-per-customer:lang(fi-fi), .button .limit-per-customer:lang(it-it), .button .limit-per-customer:lang(hu-hu), .button .limit-per-customer:lang(sl-si), .button .limit-per-customer:lang(sk-sk), .button .additional-message:lang(de-at), .button .additional-message:lang(fr-be), .button .additional-message:lang(cs-cz), .button .additional-message:lang(da-dk), .button .additional-message:lang(nl-nl), .button .additional-message:lang(nb-no), .button .additional-message:lang(pl-pl), .button .additional-message:lang(pt-pt), .button .additional-message:lang(ro-ro), .button .additional-message:lang(es-es), .button .additional-message:lang(sv-se), .button .additional-message:lang(de-ch), .button .additional-message:lang(tr-tr), .button .additional-message:lang(de-de), .button .additional-message:lang(fr-fr), .button .additional-message:lang(fi-fi), .button .additional-message:lang(it-it), .button .additional-message:lang(hu-hu), .button .additional-message:lang(sl-si), .button .additional-message:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .button .ship-date:lang(ru-ru), .button .limit-per-customer:lang(ru-ru), .button .additional-message:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .button .price.js-product-price, .button .price.js-lowest-product-price { font-weight: bold; font-size: 24px; line-height: 24px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; padding-bottom: 21px; } .button .price.js-product-price:lang(en-us), .button .price.js-product-price:lang(en-zz), .button .price.js-product-price:lang(en-gb), .button .price.js-product-price:lang(en-au), .button .price.js-product-price:lang(en-eu), .button .price.js-product-price:lang(en-in), .button .price.js-product-price:lang(es-la), .button .price.js-product-price:lang(es-uy), .button .price.js-product-price:lang(es-cl), .button .price.js-product-price:lang(es-py), .button .price.js-product-price:lang(es-ar), .button .price.js-product-price:lang(pt-br), .button .price.js-product-price:lang(en-sg), .button .price.js-product-price:lang(en-me), .button .price.js-product-price:lang(en-ph), .button .price.js-product-price:lang(en-my), .button .price.js-lowest-product-price:lang(en-us), .button .price.js-lowest-product-price:lang(en-zz), .button .price.js-lowest-product-price:lang(en-gb), .button .price.js-lowest-product-price:lang(en-au), .button .price.js-lowest-product-price:lang(en-eu), .button .price.js-lowest-product-price:lang(en-in), .button .price.js-lowest-product-price:lang(es-la), .button .price.js-lowest-product-price:lang(es-uy), .button .price.js-lowest-product-price:lang(es-cl), .button .price.js-lowest-product-price:lang(es-py), .button .price.js-lowest-product-price:lang(es-ar), .button .price.js-lowest-product-price:lang(pt-br), .button .price.js-lowest-product-price:lang(en-sg), .button .price.js-lowest-product-price:lang(en-me), .button .price.js-lowest-product-price:lang(en-ph), .button .price.js-lowest-product-price:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .button .price.js-product-price:lang(ja-jp), .button .price.js-lowest-product-price:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .button .price.js-product-price:lang(ko-kr), .button .price.js-lowest-product-price:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .button .price.js-product-price:lang(zh-tw), .button .price.js-lowest-product-price:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .button .price.js-product-price:lang(zh-cn), .button .price.js-lowest-product-price:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .button .price.js-product-price:lang(de-at), .button .price.js-product-price:lang(fr-be), .button .price.js-product-price:lang(cs-cz), .button .price.js-product-price:lang(da-dk), .button .price.js-product-price:lang(nl-nl), .button .price.js-product-price:lang(nb-no), .button .price.js-product-price:lang(pl-pl), .button .price.js-product-price:lang(pt-pt), .button .price.js-product-price:lang(ro-ro), .button .price.js-product-price:lang(es-es), .button .price.js-product-price:lang(sv-se), .button .price.js-product-price:lang(de-ch), .button .price.js-product-price:lang(tr-tr), .button .price.js-product-price:lang(de-de), .button .price.js-product-price:lang(fr-fr), .button .price.js-product-price:lang(fi-fi), .button .price.js-product-price:lang(it-it), .button .price.js-product-price:lang(hu-hu), .button .price.js-product-price:lang(sl-si), .button .price.js-product-price:lang(sk-sk), .button .price.js-lowest-product-price:lang(de-at), .button .price.js-lowest-product-price:lang(fr-be), .button .price.js-lowest-product-price:lang(cs-cz), .button .price.js-lowest-product-price:lang(da-dk), .button .price.js-lowest-product-price:lang(nl-nl), .button .price.js-lowest-product-price:lang(nb-no), .button .price.js-lowest-product-price:lang(pl-pl), .button .price.js-lowest-product-price:lang(pt-pt), .button .price.js-lowest-product-price:lang(ro-ro), .button .price.js-lowest-product-price:lang(es-es), .button .price.js-lowest-product-price:lang(sv-se), .button .price.js-lowest-product-price:lang(de-ch), .button .price.js-lowest-product-price:lang(tr-tr), .button .price.js-lowest-product-price:lang(de-de), .button .price.js-lowest-product-price:lang(fr-fr), .button .price.js-lowest-product-price:lang(fi-fi), .button .price.js-lowest-product-price:lang(it-it), .button .price.js-lowest-product-price:lang(hu-hu), .button .price.js-lowest-product-price:lang(sl-si), .button .price.js-lowest-product-price:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .button .price.js-product-price:lang(ru-ru), .button .price.js-lowest-product-price:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .button .package { display: inline-block; float: none; } .button .package-icon .btn { padding-left: 30px; padding-top: 3px; line-height: 14px; } .button .pdf-icon .btn { padding-left: 30px; line-height: 24px; } .button .info-icon .btn { padding-left: 30px; padding-top: 3px; line-height: 14px; } .button .video-icon .btn { padding-left: 50px; padding-top: 13px; line-height: 14px; } .button .blog-icon .btn { padding-left: 30px; line-height: 20px; } .button .package-icon { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/see-whats-new.png"); background-repeat: no-repeat; display: inline-block; height: 21px; } .button .pdf-icon { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/pdf-icon.png"); background-repeat: no-repeat; display: inline-block; height: 21px; } .button .info-icon { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/see-full-specs.png"); background-repeat: no-repeat; display: inline-block; height: 21px; } .button .video-icon { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/video-icon.png"); background-repeat: no-repeat; display: inline-block; height: 40px; } .button .blog-icon { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/blog-icon.png"); background-repeat: no-repeat; display: inline-block; height: 22px; } .button .facebook-icon .btn, .button .linkedin-icon .btn, .button .reddit-icon .btn, .button .twitter-icon .btn, .button .weibo-icon .btn { background-position: 10% 50%; } .button .facebook-icon a .btn { background-repeat: no-repeat; padding-left: 18px; } @media screen and (max-width: 767px) { .button .facebook-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/facebook-mobile.svg"); padding-left: 15px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .button .facebook-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/facebook-tablet.svg"); padding-left: 15px; } } @media screen and (min-width: 1025px) { .button .facebook-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/facebook-desktop.svg"); } } .button .linkedin-icon a .btn { background-repeat: no-repeat; padding-left: 25px; } @media screen and (max-width: 767px) { .button .linkedin-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/linkedin-mobile.svg"); padding-left: 18px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .button .linkedin-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/linkedin-tablet.svg"); padding-left: 18px; } } @media screen and (min-width: 1025px) { .button .linkedin-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/linkedin-desktop.svg"); } } .button .reddit-icon a .btn { background-repeat: no-repeat; padding-left: 25px; } @media screen and (max-width: 767px) { .button .reddit-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/reddit-mobile.svg"); padding-left: 20px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .button .reddit-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/reddit-tablet.svg"); padding-left: 20px; } } @media screen and (min-width: 1025px) { .button .reddit-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/reddit-desktop.svg"); } } .button .twitter-icon a .btn { background-repeat: no-repeat; padding-left: 25px; } @media screen and (max-width: 767px) { .button .twitter-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/twitter-mobile.svg"); padding-left: 18px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .button .twitter-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/twitter-tablet.svg"); padding-left: 18px; } } @media screen and (min-width: 1025px) { .button .twitter-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/twitter-desktop.svg"); } } .button .weibo-icon a .btn { background-repeat: no-repeat; padding-left: 25px; } @media screen and (max-width: 767px) { .button .weibo-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/weibo-mobile.svg"); padding-left: 20px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .button .weibo-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/weibo-tablet.svg"); padding-left: 20px; } } @media screen and (min-width: 1025px) { .button .weibo-icon a .btn { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/weibo-desktop.svg"); } } .button .facebook-color { background-color: #3B579D; } .button .facebook-color.link-btn { border: #3B579D; } .button .linkedin-color { background-color: #0077B5; } .button .linkedin-color.link-btn { border: #0077B5; } .button .reddit-color { background-color: #FF4500; } .button .reddit-color.link-btn { border: #FF4500; } .button .twitter-color { background-color: #1DA1F2; } .button .twitter-color.link-btn { border: #1DA1F2; } .button .weibo-color { background-color: #E32529; } .button .weibo-color.link-btn { border: #E32529; } #cboxLoadedContent { background-color: #ffffff; } /*@media screen and (max-width: 639px){ #cboxLoadedContent{ height: auto !important; } }*/ .js-product-item[data-digital-river-id], .js-product-item-with-variations[data-digital-river-variation-selector] { visibility: hidden; } body[data-edit-mode='true'] .button .hide-modal-content { display: none; } body[data-edit-mode='true'] .button .hide-desktop { display: block; } body[data-edit-mode='true'] .button .priceSpiderButton .ps-widget.ps-disabled { display: block !important; } body[data-edit-mode='true'] .js-product-item[data-digital-river-id], body[data-edit-mode='true'] .js-product-item-with-variations[data-digital-river-variation-selector] { visibility: visible; } .productTile .general-container { margin-left: auto; margin-right: auto; padding: 30px; } .productTile .general-container::before, .productTile .general-container::after { content: " "; display: table; } .productTile .general-container::after { clear: both; } .productTile .general-container.image-top { display: table; } @media screen and (max-width: 1024px) { .productTile .general-container { max-width: 640px; padding-right: 15px; padding-left: 15px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .productTile .general-container { max-width: 800px; } } @media screen and (min-width: 1281px) { .productTile .general-container { max-width: 1200px; } } .productTile .enterprise .text-container .headingWrapper { padding: 0px 0 6px 0; } @media screen and (min-width: 768px) and (max-width: 1024px) { .productTile .enterprise .text-container .headingWrapper { padding: 0px 0 6px 0; } } @media screen and (min-width: 1025px) { .productTile .enterprise .text-container .headingWrapper { padding: 0px 0 6px 0; } } .productTile .enterprise .text-container .headingWrapper .part1 { font-weight: normal; } .productTile .enterprise .text-container .headingWrapper .part2 { font-weight: normal; } .productTile .enterprise .text-container .headingWrapper .section-sub-heading { padding: 7.5px 0 6px 0; } @media screen and (min-width: 768px) and (max-width: 1024px) { .productTile .enterprise .text-container .headingWrapper .section-sub-heading { padding: 7.5px 0 6px 0; } } @media screen and (min-width: 1025px) { .productTile .enterprise .text-container .headingWrapper .section-sub-heading { padding: 7.5px 0 6px 0; } } .productTile .enterprise .text-container .button .js-product-price.price { padding-bottom: 8px; } .productTile .enterprise .text-container .button .js-out-of-stock { display: none !important; } .productTile .enterprise .text-container .button .js-in-stock { display: none !important; } .productTile .enterprise .text-container .button .free-shipping { display: none !important; } .productTile .enterprise .text-container .button .product-row__item { min-height: 84px; } @media screen and (max-width: 1024px) { .productTile .text-container { float: none; width: 100%; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .productTile .text-container { float: right; width: 24%; } } @media screen and (min-width: 1281px) { .productTile .text-container { float: right; width: 40%; } } .productTile .text-container .headingWrapper .part1 { display: inline; } .productTile .text-container .headingWrapper .part2 { display: inline; font-weight: normal; } .productTile .text-container .section-sub-heading { text-transform: uppercase; padding: 7.5px 0 26.1px 0; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } @media screen and (min-width: 768px) and (max-width: 1024px) { .productTile .text-container .section-sub-heading { padding: 7.5px 0 26.1px 0; } } @media screen and (min-width: 1025px) { .productTile .text-container .section-sub-heading { padding: 7.5px 0 26.1px 0; } } .productTile .text-container .section-sub-heading:lang(en-us), .productTile .text-container .section-sub-heading:lang(en-zz), .productTile .text-container .section-sub-heading:lang(en-gb), .productTile .text-container .section-sub-heading:lang(en-au), .productTile .text-container .section-sub-heading:lang(en-eu), .productTile .text-container .section-sub-heading:lang(en-in), .productTile .text-container .section-sub-heading:lang(es-la), .productTile .text-container .section-sub-heading:lang(es-uy), .productTile .text-container .section-sub-heading:lang(es-cl), .productTile .text-container .section-sub-heading:lang(es-py), .productTile .text-container .section-sub-heading:lang(es-ar), .productTile .text-container .section-sub-heading:lang(pt-br), .productTile .text-container .section-sub-heading:lang(en-sg), .productTile .text-container .section-sub-heading:lang(en-me), .productTile .text-container .section-sub-heading:lang(en-ph), .productTile .text-container .section-sub-heading:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .productTile .text-container .section-sub-heading:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .productTile .text-container .section-sub-heading:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .productTile .text-container .section-sub-heading:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .productTile .text-container .section-sub-heading:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .productTile .text-container .section-sub-heading:lang(de-at), .productTile .text-container .section-sub-heading:lang(fr-be), .productTile .text-container .section-sub-heading:lang(cs-cz), .productTile .text-container .section-sub-heading:lang(da-dk), .productTile .text-container .section-sub-heading:lang(nl-nl), .productTile .text-container .section-sub-heading:lang(nb-no), .productTile .text-container .section-sub-heading:lang(pl-pl), .productTile .text-container .section-sub-heading:lang(pt-pt), .productTile .text-container .section-sub-heading:lang(ro-ro), .productTile .text-container .section-sub-heading:lang(es-es), .productTile .text-container .section-sub-heading:lang(sv-se), .productTile .text-container .section-sub-heading:lang(de-ch), .productTile .text-container .section-sub-heading:lang(tr-tr), .productTile .text-container .section-sub-heading:lang(de-de), .productTile .text-container .section-sub-heading:lang(fr-fr), .productTile .text-container .section-sub-heading:lang(fi-fi), .productTile .text-container .section-sub-heading:lang(it-it), .productTile .text-container .section-sub-heading:lang(hu-hu), .productTile .text-container .section-sub-heading:lang(sl-si), .productTile .text-container .section-sub-heading:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .productTile .text-container .section-sub-heading:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .productTile .text-container .priceWrapper { text-align: center; } .productTile .shipping { display: none; } .productTile .free-shipping { padding: 15px 0; font-weight: bold; font-size: 16px; color: black; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } .productTile .free-shipping:lang(en-us), .productTile .free-shipping:lang(en-zz), .productTile .free-shipping:lang(en-gb), .productTile .free-shipping:lang(en-au), .productTile .free-shipping:lang(en-eu), .productTile .free-shipping:lang(en-in), .productTile .free-shipping:lang(es-la), .productTile .free-shipping:lang(es-uy), .productTile .free-shipping:lang(es-cl), .productTile .free-shipping:lang(es-py), .productTile .free-shipping:lang(es-ar), .productTile .free-shipping:lang(pt-br), .productTile .free-shipping:lang(en-sg), .productTile .free-shipping:lang(en-me), .productTile .free-shipping:lang(en-ph), .productTile .free-shipping:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .productTile .free-shipping:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .productTile .free-shipping:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .productTile .free-shipping:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .productTile .free-shipping:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .productTile .free-shipping:lang(de-at), .productTile .free-shipping:lang(fr-be), .productTile .free-shipping:lang(cs-cz), .productTile .free-shipping:lang(da-dk), .productTile .free-shipping:lang(nl-nl), .productTile .free-shipping:lang(nb-no), .productTile .free-shipping:lang(pl-pl), .productTile .free-shipping:lang(pt-pt), .productTile .free-shipping:lang(ro-ro), .productTile .free-shipping:lang(es-es), .productTile .free-shipping:lang(sv-se), .productTile .free-shipping:lang(de-ch), .productTile .free-shipping:lang(tr-tr), .productTile .free-shipping:lang(de-de), .productTile .free-shipping:lang(fr-fr), .productTile .free-shipping:lang(fi-fi), .productTile .free-shipping:lang(it-it), .productTile .free-shipping:lang(hu-hu), .productTile .free-shipping:lang(sl-si), .productTile .free-shipping:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .productTile .free-shipping:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .productTile .shipping.free-shipping { display: table; margin-right: auto; margin-left: auto; padding-top: 15px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } .productTile .shipping.free-shipping:lang(en-us), .productTile .shipping.free-shipping:lang(en-zz), .productTile .shipping.free-shipping:lang(en-gb), .productTile .shipping.free-shipping:lang(en-au), .productTile .shipping.free-shipping:lang(en-eu), .productTile .shipping.free-shipping:lang(en-in), .productTile .shipping.free-shipping:lang(es-la), .productTile .shipping.free-shipping:lang(es-uy), .productTile .shipping.free-shipping:lang(es-cl), .productTile .shipping.free-shipping:lang(es-py), .productTile .shipping.free-shipping:lang(es-ar), .productTile .shipping.free-shipping:lang(pt-br), .productTile .shipping.free-shipping:lang(en-sg), .productTile .shipping.free-shipping:lang(en-me), .productTile .shipping.free-shipping:lang(en-ph), .productTile .shipping.free-shipping:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .productTile .shipping.free-shipping:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .productTile .shipping.free-shipping:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .productTile .shipping.free-shipping:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .productTile .shipping.free-shipping:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .productTile .shipping.free-shipping:lang(de-at), .productTile .shipping.free-shipping:lang(fr-be), .productTile .shipping.free-shipping:lang(cs-cz), .productTile .shipping.free-shipping:lang(da-dk), .productTile .shipping.free-shipping:lang(nl-nl), .productTile .shipping.free-shipping:lang(nb-no), .productTile .shipping.free-shipping:lang(pl-pl), .productTile .shipping.free-shipping:lang(pt-pt), .productTile .shipping.free-shipping:lang(ro-ro), .productTile .shipping.free-shipping:lang(es-es), .productTile .shipping.free-shipping:lang(sv-se), .productTile .shipping.free-shipping:lang(de-ch), .productTile .shipping.free-shipping:lang(tr-tr), .productTile .shipping.free-shipping:lang(de-de), .productTile .shipping.free-shipping:lang(fr-fr), .productTile .shipping.free-shipping:lang(fi-fi), .productTile .shipping.free-shipping:lang(it-it), .productTile .shipping.free-shipping:lang(hu-hu), .productTile .shipping.free-shipping:lang(sl-si), .productTile .shipping.free-shipping:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .productTile .shipping.free-shipping:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .productTile .parnter-container { padding: 0px; } @media screen and (min-width: 1025px) { .productTile .producttile-align .product-tile-image-container { float: none; } } .productTile .producttile-align .product-tile-image-container .responsive-image { margin-left: auto; margin-right: auto; width: auto; height: auto; } @media screen and (min-width: 767px) and (max-width: 1024px) { .productTile .producttile-align .product-tile-image-container .responsive-image { max-width: 295px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .productTile .producttile-align .product-tile-image-container .responsive-image { max-width: 515px; } } @media screen and (min-width: 1281px) { .productTile .producttile-align .product-tile-image-container .responsive-image { max-width: 625px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .productTile .product-tile-image-container { float: left; width: 75%; padding: 0px 15px; } } @media screen and (min-width: 1281px) { .productTile .product-tile-image-container { float: left; width: 60%; padding: 0px 15px; } } .productTile .product-tile-image-container .responsive-image { margin-left: auto; margin-right: auto; width: 100%; height: auto; } @media screen and (max-width: 767px) { .productTile .product-tile-image-container .responsive-image { padding-top: 30px; } } @media screen and (min-width: 767px) and (max-width: 1024px) { .productTile .product-tile-image-container .responsive-image { max-width: 295px; padding-top: 30px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .productTile .product-tile-image-container .responsive-image { max-width: 515px; } } @media screen and (min-width: 1281px) { .productTile .product-tile-image-container .responsive-image { max-width: 625px; } } .productTile .product-tile-image-container .specs-container .specifications.current { padding-bottom: 15px; } .productTile .product-tile-image-container .specs-container .specifications .specifications-img { float: left; padding-right: 5px; display: none; } .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase { float: right; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: bold; } .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(en-us), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(en-zz), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(en-gb), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(en-au), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(en-eu), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(en-in), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(es-la), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(es-uy), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(es-cl), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(es-py), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(es-ar), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(pt-br), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(en-sg), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(en-me), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(en-ph), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(de-at), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(fr-be), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(cs-cz), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(da-dk), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(nl-nl), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(nb-no), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(pl-pl), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(pt-pt), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(ro-ro), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(es-es), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(sv-se), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(de-ch), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(tr-tr), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(de-de), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(fr-fr), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(fi-fi), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(it-it), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(hu-hu), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(sl-si), .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .productTile .product-tile-image-container .specs-container .specifications .specifications-fullspecs.button.parbase:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase { float: right; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: bold; } .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(en-us), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(en-zz), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(en-gb), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(en-au), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(en-eu), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(en-in), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(es-la), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(es-uy), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(es-cl), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(es-py), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(es-ar), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(pt-br), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(en-sg), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(en-me), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(en-ph), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(de-at), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(fr-be), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(cs-cz), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(da-dk), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(nl-nl), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(nb-no), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(pl-pl), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(pt-pt), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(ro-ro), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(es-es), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(sv-se), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(de-ch), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(tr-tr), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(de-de), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(fr-fr), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(fi-fi), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(it-it), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(hu-hu), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(sl-si), .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .productTile .product-tile-image-container .specs-container .specifications .specifications-inside.button.parbase:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (max-width: 1024px) { .productTile .product-tile-image-container .specs-container .specifications { float: none; display: table; margin-right: auto; margin-left: auto; } } @media screen and (min-width: 1025px) { .productTile .product-tile-image-container .specs-container .specifications { float: right; padding-left: 20px; } } .large-3 .productTile .text-container, .large-4 .productTile .text-container, .large-6 .productTile .text-container { float: none; width: 100%; } .large-3 .productTile .text-container.image-top, .large-4 .productTile .text-container.image-top, .large-6 .productTile .text-container.image-top { display: table-footer-group; } @media screen and (min-width: 1025px) { .large-6 .productTile .product-tile-image-container .responsive-image { max-width: 405px; padding-top: 30px; } } @media screen and (min-width: 1025px) { .large-4 .productTile .product-tile-image-container .responsive-image { max-width: 295px; padding-top: 30px; } } .large-3 .productTile .product-tile-image-container .specs-container .specifications { padding-bottom: 10px; } .large-3 .productTile .product-tile-image-container, .large-4 .productTile .product-tile-image-container, .large-6 .productTile .product-tile-image-container { float: none; width: auto; } .large-3 .productTile .product-tile-image-container.image-top, .large-4 .productTile .product-tile-image-container.image-top, .large-6 .productTile .product-tile-image-container.image-top { display: table-header-group; } @media screen and (max-width: 1024px) { .large-3 .productTile .product-tile-image-container .responsive-image, .large-4 .productTile .product-tile-image-container .responsive-image, .large-6 .productTile .product-tile-image-container .responsive-image { max-width: 295px; padding-top: 30px; } } .large-3 .productTile .product-tile-image-container .specs-container .specifications, .large-4 .productTile .product-tile-image-container .specs-container .specifications, .large-6 .productTile .product-tile-image-container .specs-container .specifications { float: none; display: table; margin-right: auto; margin-left: auto; } .medium-6 .productTile .product-tile-image-container { float: none; } @media screen and (max-width: 1024px) { .medium-6 .productTile .product-tile-image-container .responsive-image { max-width: 295px; padding-top: 30px; } } .medium-6 .productTile .product-tile-image-container .specs-container .specifications { float: none; display: table; margin-right: auto; margin-left: auto; } .medium-12.small-12 .productTile .product-tile-image-container { float: none; } @media screen and (max-width: 1024px) { .medium-12.small-12 .productTile .product-tile-image-container .responsive-image { max-width: 295px; padding-top: 30px; } } .medium-12.small-12 .productTile .product-tile-image-container .specs-container .specifications { float: none; display: table; margin-right: auto; margin-left: auto; } .tabcomp .general-container { margin-left: auto; margin-right: auto; margin-top: 15px; } .tabcomp .general-container::before, .tabcomp .general-container::after { content: " "; display: table; } .tabcomp .general-container::after { clear: both; } @media screen and (max-width: 1024px) { .tabcomp .general-container { max-width: 640px; padding-right: 0; padding-left: 0; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .tabcomp .general-container { max-width: 800px; } } @media screen and (min-width: 1281px) { .tabcomp .general-container { max-width: 1280px; } } .tabcomp #tab-container { padding-left: 15px; padding-right: 15px; } @media screen and (max-width: 767px) { .tabcomp .p-t-30.mob-p-t-15, .tabcomp .p-t-0.mob-p-t-15, .tabcomp .p-t-45.mob-p-t-15, .tabcomp .p-t-60.mob-p-t-15 { padding-top: 15px; } } @media screen and (max-width: 767px) { .tabcomp .p-b-30.mob-p-b-15, .tabcomp .p-b-0.mob-p-b-15, .tabcomp .p-b-45.mob-p-b-15, .tabcomp .p-b-60.mob-p-b-15 { padding-bottom: 15px; } } .tabcomp h2 { margin: 0; } .tabcomp .tabHeadingWrapper { text-align: center; padding: 0px 0 30px 0; } @media screen and (min-width: 768px) and (max-width: 1024px) { .tabcomp .tabHeadingWrapper { padding: 0px 0 30px 0; } } @media screen and (min-width: 1025px) { .tabcomp .tabHeadingWrapper { padding: 0px 0 30px 0; } } @media screen and (max-width: 768px) { .tabcomp .tabHeadingWrapper { padding: 0px 0 15px 0; } } @media screen and (max-width: 768px) and (min-width: 768px) and (max-width: 1024px) { .tabcomp .tabHeadingWrapper { padding: 0px 0 0px 0; } } @media screen and (max-width: 768px) and (min-width: 1025px) { .tabcomp .tabHeadingWrapper { padding: 0px 0 0px 0; } } .tabcomp .tabs-wrapper { margin: 0 auto; display: block; width: 100%; overflow: hidden; position: relative; } .tabcomp ul.tabs { list-style: outside none none; margin: 0; padding: 0; font-size: 0; overflow: scroll; overflow-y: hidden; width: 100%; list-style-position: inside; left: 0; right: 0; white-space: nowrap; float: left; overflow-x: visible; text-align: center; } @media screen and (max-width: 767px) { .tabcomp ul.tabs li:first-child { margin-left: 0; } } @media screen and (min-width: 768px) { .tabcomp ul.tabs li:first-child { margin-left: 0; } } @media screen and (max-width: 767px) { .tabcomp ul.tabs li.tabItems:first-child { margin-left: 0; } } @media screen and (max-width: 767px) { .tabcomp ul.tabs li.tabItems:last-child { margin-right: 0; } } .tabcomp ul.tabs li.tabItems:first-child:nth-last-child(2), .tabcomp ul.tabs li.tabItems:first-child:nth-last-child(2) ~ li { width: 50% !important; } .tabcomp ul.tabs li.tabItems:first-child:nth-last-child(2n+1), .tabcomp ul.tabs li.tabItems:first-child:nth-last-child(2n+1) ~ li { width: 33.3333%; } @media screen and (max-width: 767px) { .tabcomp ul.tabs li.tabItems:first-child:nth-last-child(2n+1), .tabcomp ul.tabs li.tabItems:first-child:nth-last-child(2n+1) ~ li { width: 45%; } } .tabcomp ul.tabs li.tabItems:first-child:nth-last-child(2n), .tabcomp ul.tabs li.tabItems:first-child:nth-last-child(2n) ~ li { width: 33.3333%; } @media screen and (max-width: 767px) { .tabcomp ul.tabs li.tabItems:first-child:nth-last-child(2n), .tabcomp ul.tabs li.tabItems:first-child:nth-last-child(2n) ~ li { width: 45%; } } .tabcomp ul.tabs li.current { border-bottom: 2px solid #76b900; } .tabcomp ul.tabs li.tabItems.current { border-bottom: 4px solid #76b900; padding-bottom: 0; } .tabcomp ul.tabs li { cursor: pointer; display: inline-block; font-size: 16px; line-height: 24px; text-transform: uppercase; margin-left: 30px; list-style: none; } @media screen and (max-width: 767px) { .tabcomp ul.tabs li { margin-left: 15px; overflow: hidden; } } @media screen and (max-width: 1280px) { .tabcomp ul.tabs li .responsive-image { width: 90%; } } @media screen and (min-width: 1281px) { .tabcomp ul.tabs li .responsive-image { width: 75%; } } .tabcomp ul.tabs li.tabItems { margin: 0; border-bottom: 1px solid #cccccc; padding-bottom: 3px; } .tabcomp ul.tabs li.tabItems h2 { padding-top: 23px; padding-bottom: 25px; overflow-x: auto; overflow-y: hidden; } @media screen and (max-width: 767px) { .tabcomp ul.tabs li.tabItems h2 { padding-top: 12px; padding-bottom: 14px; } } .tabcomp .tab-content { display: none; margin: 0 auto; left: -9999px; position: absolute; } .tabcomp .tab-content.current { display: block; left: 0px; position: relative; } .tabcomp .tab-content.current.horizontal-divider { border-bottom: 2px solid #bbb; } .theme-geforce, .nv-dark, .nav-dark-mode, .nv-container--theme-dark, .theme-dark { --nv-navigation-menu-background: #161616; --nv-navigation-menu-text: #fff; --nv-navigation-menu-icon: #ccc; --nv-navigation-menu-border: rgba(255, 255, 255, 0.2); --nv-navigation-menu-hover: rgba(255, 255, 255, 0.1); --nv-navigation-menu-pressed: rgba(255, 255, 255, 0.2); } .nv-light, .light, .nav-light-mode, .nv-container--theme-light, .theme-light { --nv-navigation-menu-background: #fff; --nv-navigation-menu-text: #000; --nv-navigation-menu-icon: #636363; --nv-navigation-menu-border: rgba(0, 0, 0, 0.2); --nv-navigation-menu-hover: rgba(0, 0, 0, 0.05); --nv-navigation-menu-pressed: rgba(0, 0, 0, 0.1); } .navigation { /* Start of Search functionality */ /*.search-outter-arrow { content: ''; width: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid $white; }*/ /*.last-item{ top: 44px; z-index: 551; }*/ /*.search_white:before { position: absolute; content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid $white; position: absolute; top: 15px; right: 0px; @include phone(){ top: 15px; //right: 117px; } }*/ /* End of Search functionality */ /* start of GTC TEXT as LOGO functionality */ /* End of GTC TEXT as LOGO functionality */ /* Start of GTC Navigation Logo */ /* End of GTC Navigation Logo */ } @media screen and (max-width: 1024px) { .navigation .desktop-nav { display: none !important; } .navigation .mobile-nav { display: block !important; } } @media screen and (min-width: 1025px) { .navigation .desktop-nav { display: block !important; } .navigation .mobile-nav { display: none !important; } } .navigation .nvidia-search-box-overlay, .navigation .searchoverlay { display: none; opacity: 0.9; background: black; filter: alpha(opacity=90); opacity: 0.9; position: fixed; width: 100%; height: 100%; top: 44px; left: 0; z-index: 551; outline: 0; overflow-y: hidden; } .navigation .search-abort-container { display: inline-block; float: right; height: 100%; overflow: hidden; position: relative; top: 12px; right: 0px; } .navigation .search-abort-container .search-abort { display: inline-block; height: 65px; width: 24px; float: left; position: relative; z-index: 999; } .navigation .search-abort-container .search-abort:hover .cls-search { fill: #76b900; } .navigation .search-abort-container .search-abort:before { content: ""; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #ffffff; position: absolute; top: 34px; right: 2px; } @media (max-width: 767px) { .navigation .search-abort-container .search-abort:before { top: 34px; } } .navigation .searchoverlaydisplay { display: block; } .navigation .search-main-section { display: inline-block; } .navigation .search-section { position: absolute; right: 0; top: 30px; z-index: 552; width: 350px; } @media (min-width: 768px) and (max-width: 1024px) { .navigation .search-section { top: 28px; left: -55px; } } @media (max-width: 767px) { .navigation .search-section { width: 100vw; position: fixed; } } .navigation .search_white { background: #ffffff; z-index: 10; padding: 2px; width: 400px; top: 70px; display: none; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { .navigation .search_white { width: 105%; height: 50px; } } .navigation .search_white.search-shown { display: block; margin-top: 30px; margin-bottom: 30px; bottom: 0; overflow-y: auto; } .navigation .search-outter-container { right: 315px; width: 100%; height: 43px; transition: opacity 0.3s ease; color: #414347; border-color: #56585c; background-color: none; padding: 0; z-index: 999; overflow-y: hidden; } @media screen and (max-width: 767px) { .navigation .search-outter-container { margin-top: 0px; width: 95%; margin-left: 0; } } .navigation .search-outter-container.hide-wid-0 .search-inner-container { width: 0px; opacity: 0; padding: 0px; margin: 0px; } .navigation .search-outter-container .search-inner-container { background: white; max-width: 1024px; width: auto; margin: 3px auto 0px auto; height: 88%; padding: 0 15px; -webkit-transition: width 1s, opacity 1s; transition: width 1s, opacity 1s; /*.search-abort-container{ display: inline-block; float: right; width: 10%; height: 100%; overflow: hidden; position: relative; top: 16px; right: 25px; .search-abort{ display: inline-block; height: 30px; width: 20px; float: left; position: relative; top: 10px; &:hover{ .cls-search{ fill: $brand-green; } } } }*/ } @media (min-width: 768px) and (max-width: 1024px) { .navigation .search-outter-container .search-inner-container { width: 369px; -webkit-transition: width 0.5s, opacity 0.5s; transition: width 0.5s, opacity 0.5s; padding: 0 15px 0 0; } } @media screen and (max-width: 767px) { .navigation .search-outter-container .search-inner-container { background-color: #ffffff; -webkit-transition: width 0.5s, opacity 0.5s; transition: width 0.5s, opacity 0.5s; width: 100%; padding: 0 15px 0 0; } } .navigation .search-outter-container .search-inner-container input[type="text"]::-ms-clear { display: none; width: 0; height: 0; } .navigation .search-outter-container .search-inner-container input[type="text"]::-ms-reveal { display: none; width: 0; height: 0; } .navigation .search-outter-container .search-inner-container input[type="text"] { padding-top: 3px; padding-bottom: 0px; } @media screen and (max-width: 767px) { .navigation .search-outter-container .search-inner-container { padding: 0 10px; } } .navigation .search-outter-container .search-inner-container .search-icon-container { display: inline-block; float: right; width: 5%; height: 100%; } .navigation .search-outter-container .search-inner-container .search-icon-container .search-icon { background: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/search-green.svg") no-repeat center center; height: 100%; width: 20px; display: inline-block; float: left; } .navigation .search-outter-container .search-inner-container .search-form { height: 100%; width: 85%; padding: 0 15px; float: left; } .navigation .search-outter-container .search-inner-container .search-form .search-box-input, .navigation .search-outter-container .search-inner-container .search-form .search-box-input-mob { width: 100%; height: 100%; background-color: #ffffff; color: #414347; border: none; outline: none; } .navigation .gtclogoclass { position: relative; display: inline-block; padding: 0em 0.5em 0em 0.4em; overflow: hidden; color: #fff; font-weight: bold; top: -1px; } @media screen and (max-width: 767px) { .navigation .gtclogoclass { font-size: 32px; line-height: 47px; padding: 0.1em 0.5em 0.1em 0.4em; } } @media screen and (min-width: 768px) and (max-width: 1025px) { .navigation .gtclogoclass { font-size: 32px; line-height: 47px; padding: 0.1em 0.5em 0.1em 0.4em; } } @media screen and (min-width: 1025px) and (max-width: 1281px) { .navigation .gtclogoclass { font-size: 42px; line-height: 67px; } } @media screen and (min-width: 1281px) { .navigation .gtclogoclass { font-size: 45px; line-height: 75px; } } .navigation .gtclogoclass:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; background: #76b900; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); z-index: -1; } @media screen and (max-width: 767px) { .navigation .gtclogoclass:after { height: 46px; } } @media screen and (min-width: 768px) and (max-width: 1025px) { .navigation .gtclogoclass:after { height: 46px; } } @media screen and (min-width: 1025px) and (max-width: 1281px) { .navigation .gtclogoclass:after { height: 66px; } } @media screen and (min-width: 1281px) { .navigation .gtclogoclass:after { height: 66px; } } .navigation .nvidia-gtc-logo { display: flex; align-items: center; justify-content: center; overflow: hidden; } .navigation .nvidia-gtc-logo svg { position: absolute; bottom: 0px; width: 90px; height: 90px; transition: width 0.3s ease, height 0.3s ease; } @media screen and (min-width: 1025px) { .navigation .nvidia-gtc-logo { width: 110px; } .navigation .nvidia-gtc-logo svg { width: 110px; height: 110px; } } .navigation .no-js-warning { border-bottom: 1px solid #1a1a1a; color: #f44336; display: inline-block; padding: 80px 15px 15px; position: absolute; text-align: center; width: 100%; z-index: 1001 !important; } .navigation li { list-style: none; } .navigation .cart-counter { cursor: pointer; } .navigation a { text-decoration: none; } .navigation a:active, .navigation a:hover, .navigation a:focus, .navigation a:visited { text-decoration: none; } .navigation #sub-brand-logo { height: 18px; transition: all 0.5s; } @media screen and (min-width: 1025px) { .navigation #sub-brand-logo { height: 20px; } } @media screen and (max-width: 767px) { .navigation #sub-brand-logo { max-width: 100%; } } .navigation .global-nav { position: fixed; top: 0; right: 0; left: 0; z-index: 1000; width: 100vw; cursor: pointer; min-width: 320px; display: block; font-size: 16px; transition: top 0.5s; } @media screen and (max-width: 1024px) { .navigation .global-nav { width: 100%; } } .navigation .global-nav.pull-up { top: -44px; } .navigation .global-nav.pull-up .sub-brand-nav .sub-brand-nav-container #nv-logo-dark { display: block; } .navigation .global-nav.pull-up .navglobicon > ul > li:hover > ul { display: none; } .navigation .global-nav .nav-header { height: 44px; background-color: #ffffff; z-index: 999; margin: 0; padding: 0; width: 100%; } .navigation .global-nav .nav-header::before { content: " "; display: table; } .navigation .global-nav .nav-header-container { position: relative; top: 0px; transition: all 0.5s; width: 100%; height: 44px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; } @media screen and (min-width: 768px) and (max-width: 1280px) { .navigation .global-nav .nav-header-container { padding: 0 30px; } } @media screen and (min-width: 1281px) { .navigation .global-nav .nav-header-container { max-width: 1280px; padding: 0 0; } } @media (max-width: 767px) { .navigation .global-nav .nav-header-container.mob-hide-brand .brand-container { display: none; } .navigation .global-nav .nav-header-container.mob-hide-brand .nav-tools-container { width: 100%; } .navigation .global-nav .nav-header-container.mob-hide-brand .nav-tools-container .search-item { width: 100%; } } .navigation .global-nav .nav-header-container .brand-container { width: 135px; float: left; height: 44px; transition: width 0.2s; -webkit-transition: width 0.2s; } @media (max-width: 1024px) { .navigation .global-nav .nav-header-container .brand-container { left: 0; right: 0; margin: 0 auto; } } .navigation .global-nav .nav-header-container .brand-container .brand-link { width: 110px; height: 44px; display: inline-block; } @media (max-width: 1024px) { .navigation .global-nav .nav-header-container .brand-container .brand-link .n24-nvidia-logo { width: 108.472px; height: 24px; display: inline-block; vertical-align: middle; margin: 10px 0 10px 0; padding-left: 10px; padding-right: 10px; } } .navigation .global-nav .nav-header-container .brand-container .da-container { display: inline-block; vertical-align: top; } .navigation .global-nav .nav-header-container .brand-container .dropdown-arrow { position: relative; width: 16px; height: 12px; top: 18px; } .navigation .global-nav .nav-header-container .brand-container .dropdown-arrow:before { position: absolute; content: ""; margin-top: 0.3em; width: 10px; height: 3px; left: 6px; transform: rotate(135deg); background-color: #cccccc; display: block; border-radius: 10px; } .navigation .global-nav .nav-header-container .brand-container .dropdown-arrow:after { position: absolute; content: ""; margin-top: 0.3em; width: 10px; height: 3px; background-color: #cccccc; display: block; border-radius: 10px; transform: rotate(45deg); } .navigation .global-nav .nav-header-container .brand-container .dropdown-arrow.dropdown-expanded:before { background-color: #76b900; } .navigation .global-nav .nav-header-container .brand-container .dropdown-arrow.dropdown-expanded:after { background-color: #76b900; } @media screen and (min-width: 1025px) { .navigation .global-nav .nav-header-container .nav-tools-container { float: right; height: 100%; } } @media (max-width: 1024px) { .navigation .global-nav .nav-header-container .nav-tools-container { position: relative; width: 100%; } } .navigation .global-nav .nav-header-container .nav-tools-container::before { content: " "; display: table; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list { position: relative; height: 44px; width: 100%; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 20px; list-style: none; margin: 0; /* GTC AD-1394 changes */ /* end of GTC AD-1394 changes */ } @media (max-width: 1024px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list { position: absolute; left: 0; } } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .floatright { float: right; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon { float: left; height: auto; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon ul, .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon li { list-style: none; padding: 0; margin: 0; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon a { color: #666666; text-decoration: none; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li { position: relative; display: inline-block; margin-top: 8px; margin-left: 5px; margin-bottom: 0; font-weight: bold; font-size: 14px; color: #666666; text-transform: none; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li > a { padding-bottom: 30px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li > a > svg { display: inline-block; vertical-align: top; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li > ul { display: none; position: absolute; background-color: #EEEEEE; top: 35px; right: -12px; } @media screen and (max-width: 767px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li > ul.phonetabletshow { display: block; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li > ul.phonetabletshow { display: block; } } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li > ul > li { white-space: nowrap; padding: 7.5px 15px; font-weight: bold; font-size: 14px; text-align: center; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li > ul > li:hover { background-color: #76B900; color: #FFFFFF; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li > ul > li > a { display: block; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li > ul > li > a:hover { color: #ffffff; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li > ul:after { position: absolute; left: 50%; margin-left: -20px; top: -8px; width: 0; height: 0; content: ''; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #EEEEEE; color: #EEEEEE; z-index: -1; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li:hover > ul { z-index: 690; } @media screen and (min-width: 1025px) and (max-width: 1280px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li:hover > ul { display: block; } } @media screen and (min-width: 1280px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li:hover > ul { display: block; } } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item { float: left; position: relative; padding-left: 15px; list-style: none; /* Start GTC Fall Main Nav changes */ /* End GTC Fall Main Nav changes */ /*@media screen and (min-width: $md-screen-min){ padding-left: 30px; } &:first-child,&.last-item{ padding-left: 0; }*/ } @media screen and (max-width: 374px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item.nod-register-wrap { padding-left: 0px; } } @media (max-width: 1024px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .search-abort-container { top: 12px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .search-abort-container .search-abort { text-align: center; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .search-abort-container .search-abort::before { top: 34px; right: 0; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item.cart-item { position: absolute; right: 30px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item.profile-item { position: absolute; right: 2px; order: 3; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item button.menu-button.mobile-menu-button { background: transparent; border: 0; cursor: pointer; margin: 10px 10px 5px 0px; display: inline-block; padding: 0; } } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .n24-icon { width: 24px; height: 24px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .appsicon { fill: #cccccc; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .appsicon:hover { fill: #666666; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nvprofileicon { fill: #666666; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nvprofileicon:hover { fill: #1a1a1a; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nvcarticon { fill: #666666; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nvcarticon:hover { fill: #1a1a1a; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-search-icon, .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nv-search-icon { fill: #666666; display: inline-block; position: relative; top: 12px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-search-icon:hover, .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nv-search-icon:hover { fill: #1a1a1a; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .cls-search { fill: #666666; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .cls-search:hover { fill: #1a1a1a; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-search-form-icon { fill: #cccccc; display: inline-block; position: relative; top: 8px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-search-form-icon:hover { fill: #76b900; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item #nod-login, .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item #nod-logout { display: inline-block; margin-top: 5px; margin-bottom: 0; background-color: #ffffff; border: 1px solid #76b900; font-weight: bold; font-size: 14px; color: #76b900; text-transform: none; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item #nod-login span, .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item #nod-logout span { display: inline-block; padding: 7px 11px 4px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item #nod-login:hover, .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item #nod-logout:hover { background-color: #76b900; color: #ffffff; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item #nod-login:active, .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item #nod-logout:active { background-color: #76b900; -webkit-box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); -moz-box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn { display: none; } @media screen and (min-width: 1025px) and (max-width: 1280px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn { display: inline-block; margin-top: 6px; margin-left: 5px; margin-bottom: 0; background-color: #666666; border: 1px solid #666666; font-weight: bold; font-size: 14px; color: #ffffff; text-transform: none; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn span { display: inline-block; padding: 7px 11px 4px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn:hover { background-color: #ffffff; color: #666666; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn:active { color: #666666; background-color: #ffffff; -webkit-box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); -moz-box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); } } @media screen and (min-width: 1280px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn { display: inline-block; margin-top: 6px; margin-left: 5px; margin-bottom: 0; background-color: #666666; border: 1px solid #666666; font-weight: bold; font-size: 14px; color: #ffffff; text-transform: none; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn span { display: inline-block; padding: 7px 11px 4px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn:hover { background-color: #ffffff; color: #666666; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn:active { color: #666666; background-color: #ffffff; -webkit-box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); -moz-box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); } } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn-mobtab { display: none; } @media screen and (max-width: 767px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn-mobtab { display: inline-block; margin-top: 10px; margin-left: 5px; margin-bottom: 0; font-weight: bold; font-size: 14px; color: #ffffff; text-transform: none; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn-mobtab span { display: inline-block; padding: 7px 11px 4px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn-mobtab:hover { background-color: #ffffff; color: #666666; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn-mobtab:active { color: #666666; background-color: #ffffff; -webkit-box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); -moz-box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); } } @media screen and (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn-mobtab { display: inline-block; margin-top: 10px; margin-left: 5px; margin-bottom: 0; font-weight: bold; font-size: 14px; color: #ffffff; text-transform: none; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn-mobtab span { display: inline-block; padding: 7px 11px 4px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn-mobtab:hover { background-color: #ffffff; color: #666666; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-signinbtn-mobtab:active { color: #666666; background-color: #ffffff; -webkit-box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); -moz-box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); } } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-register { display: inline-block; margin-top: 6px; margin-left: 5px; margin-bottom: 0; background-color: #76b900; border: 1px solid #76b900; font-weight: bold; font-size: 14px; color: #ffffff; text-transform: none; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-register span { display: inline-block; padding: 7px 11px 4px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-register:hover { background-color: #ffffff; color: #76b900; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-register:active { background-color: #ffffff; -webkit-box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); -moz-box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); box-shadow: inset 0 7px 12px rgba(1, 1, 1, 0.18); } @media screen and (max-width: 374px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-register { font-size: 2.5vw; } } @media screen and (min-width: 375px) and (max-width: 767px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nod-register { font-size: 14px; } } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item#dropdown-arrow { padding-top: 12px; padding-left: 12px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-search-link { display: inline-block; height: 40px; width: 20px; background: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/Search.svg") no-repeat center center; position: relative; top: 2px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-cart-link { display: inline-block; width: 25px; position: relative; top: 14px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-profile-link { display: inline-block; position: relative; top: 7px; color: inherit; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-profile-text { display: inline-block; text-transform: none; color: #000000; height: 40px; width: 62px; padding: 11px 0 0 5px; } @media (max-width: 767px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-profile-text { display: none; } } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-badge { color: #ffffff; background-color: #76b900; font-size: 11px; border-radius: 55%; position: absolute; top: 7px; padding: 3px 0px 3px 1px; min-width: 15px; height: 15px; display: inline-block; text-align: center; font-weight: bold; vertical-align: middle; line-height: 1; left: 20px; z-index: 1; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item.search-item { padding-left: 0; } @media (max-width: 1024px) { .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item.brand-container { position: absolute; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item.mobile-menu-button-item { padding-left: 0; } } .navigation .global-nav .global-menu-overlay { transition: visibility 0s, opacity 0.5s linear; -webkit-transition: visibility 0s, opacity 0.5s linear; min-width: 320px; position: fixed; top: 44px; width: 100%; height: auto; background-color: #333; overflow: auto; z-index: 1200; } @media screen and (max-width: 1024px) { .navigation .global-nav .global-menu-overlay { height: 100vh; } } .navigation .global-nav .global-menu-overlay .menu-container { color: #ffffff; margin: 0 auto; } @media screen and (max-width: 1024px) { .navigation .global-nav .global-menu-overlay .menu-container { height: 100vh; } } @media screen and (min-width: 1281px) { .navigation .global-nav .global-menu-overlay .menu-container { max-width: 1280px; } } @media screen and (min-width: 1281px) { .navigation .global-nav .global-menu-overlay .menu-container .xl-4 .nav-section-title { padding-left: 30px; } } .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title { width: 100%; padding: 30px 0 0 0; margin: 0; } .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text { font-weight: bold; font-size: 16px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; color: #666666; line-height: 1; text-transform: none; display: block; width: 100%; text-align: left; } .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(en-us), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(en-zz), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(en-gb), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(en-au), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(en-eu), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(en-in), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(es-la), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(es-uy), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(es-cl), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(es-py), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(es-ar), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(pt-br), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(en-sg), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(en-me), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(en-ph), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(de-at), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(fr-be), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(cs-cz), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(da-dk), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(nl-nl), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(nb-no), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(pl-pl), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(pt-pt), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(ro-ro), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(es-es), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(sv-se), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(de-ch), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(tr-tr), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(de-de), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(fr-fr), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(fi-fi), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(it-it), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(hu-hu), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(sl-si), .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (max-width: 767px) { .navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text { text-align: right; } } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item { display: inline-block; width: 190px; padding: 30px 30px 30px 0; vertical-align: top; color: #eeeeee; font-weight: normal; font-size: 16px; line-height: 1; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } @media screen and (min-width: 1281px) { .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item { width: 209px; } } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(en-us), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(en-zz), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(en-gb), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(en-au), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(en-eu), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(en-in), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(es-la), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(es-uy), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(es-cl), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(es-py), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(es-ar), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(pt-br), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(en-sg), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(en-me), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(en-ph), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(de-at), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(fr-be), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(cs-cz), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(da-dk), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(nl-nl), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(nb-no), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(pl-pl), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(pt-pt), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(ro-ro), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(es-es), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(sv-se), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(de-ch), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(tr-tr), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(de-de), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(fr-fr), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(fi-fi), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(it-it), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(hu-hu), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(sl-si), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (max-width: 767px) { .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item { display: block; width: 100%; padding-right: 0; padding-bottom: 15px; padding-top: 15px; } } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:hover .global-nav-link .global-nav-title { color: #76b900; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link { display: block; width: 100%; height: 100%; text-decoration: none; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-image { width: 100%; margin: 0; max-height: 102px; } @media screen and (max-width: 767px) { .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-image { display: none; } } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title { color: #eeeeee; font-weight: normal; font-size: 16px; line-height: 1.8; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; /*white-space: nowrap;*/ display: block; width: 100%; text-align: left; text-transform: none; transition: color 0.5s; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(en-us), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(en-zz), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(en-gb), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(en-au), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(en-eu), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(en-in), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(es-la), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(es-uy), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(es-cl), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(es-py), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(es-ar), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(pt-br), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(en-sg), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(en-me), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(en-ph), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(de-at), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(fr-be), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(cs-cz), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(da-dk), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(nl-nl), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(nb-no), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(pl-pl), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(pt-pt), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(ro-ro), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(es-es), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(sv-se), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(de-ch), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(tr-tr), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(de-de), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(fr-fr), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(fi-fi), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(it-it), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(hu-hu), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(sl-si), .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (max-width: 767px) { .navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title { font-size: 24px; line-height: 1; text-align: right; } } .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links { display: inline-block; float: left; list-style: none; color: #ffffff; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; text-transform: none; font-size: 16px; padding-left: 0; margin: 0; line-height: 1; } .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(en-us), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(en-zz), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(en-gb), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(en-au), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(en-eu), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(en-in), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(es-la), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(es-uy), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(es-cl), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(es-py), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(es-ar), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(pt-br), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(en-sg), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(en-me), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(en-ph), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(de-at), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(fr-be), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(cs-cz), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(da-dk), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(nl-nl), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(nb-no), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(pl-pl), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(pt-pt), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(ro-ro), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(es-es), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(sv-se), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(de-ch), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(tr-tr), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(de-de), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(fr-fr), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(fi-fi), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(it-it), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(hu-hu), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(sl-si), .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (min-width: 1281px) { .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links { padding-left: 30px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links { padding-left: 0; } } @media screen and (min-width: 768px) { .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:last-child { padding-left: 30px; } } @media screen and (max-width: 767px) { .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links { display: block; text-align: right; float: none; padding-left: 0; } } .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links .other-links-element { padding-top: 15px; padding-bottom: 15px; } @media screen and (min-width: 768px) { .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links .other-links-element:first-child { padding-top: 30px; } } @media screen and (max-width: 1024px) { .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links .other-links-element:last-child { padding-bottom: 60px; } } .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links .global-nav-link { display: block; width: 100%; height: 100%; text-decoration: none; color: #ffffff; transition: color 0.5s; } .navigation .global-nav .global-menu-overlay .menu-container .nav-other-links .global-nav-link:hover { color: #76b900; } .navigation .global-nav .global-menu-overlay .menu-container .overlay-padding { padding: 0 15px; } @media screen and (max-width: 1024px) { .navigation .global-nav .global-menu-overlay .menu-container .overlay-padding { height: calc(100vh - 80px); overflow: hidden; overflow-y: scroll; } } @media screen and (min-width: 768px) and (max-width: 1280px) { .navigation .global-nav .global-menu-overlay .menu-container .overlay-padding { padding: 0 30px; } } @media screen and (min-width: 1281px) { .navigation .global-nav .global-menu-overlay .menu-container .overlay-padding { padding: 0; } } .navigation .global-nav .sub-brand-nav { background: #000000; height: 46px; width: 100%; } @media (max-width: 1024px) { .navigation .global-nav .sub-brand-nav { position: absolute; top: 44px; } } @media only screen and (min-width: 1025px) { .navigation .global-nav .sub-brand-nav { height: 66px; } } .navigation .global-nav .sub-brand-nav .lightbox-background { position: fixed; width: 100vw; height: auto; margin: 0; padding: 0; top: 44px; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); cursor: default; float: left; z-index: 99; display: none; opacity: 0; } @media (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .sub-brand-nav .lightbox-background.tablet-only { display: block; } } .navigation .global-nav .sub-brand-nav .mobile-menu-container { position: relative; top: -1px; z-index: 1000; right: 0; bottom: 0; width: 100%; max-width: 640px; opacity: 0; background-color: #000000; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; transition: opacity 0.2s; float: right; padding-left: 0; padding-right: 0; } .navigation .global-nav .sub-brand-nav .mobile-menu-container.active .mobile-menu { display: block; } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu { position: absolute; padding: 0; width: 100%; height: calc(100vh); } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li { list-style-type: none; padding-left: 28px; text-align: left; display: block; font-size: 24px; } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li.hasChild .right-arrow { fill: #cccccc; width: 32px; height: 32px; float: right; margin-top: 16px; margin-right: 30px; } @media (max-width: 767px) { .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li.hasChild .right-arrow { margin-top: -5px; margin-right: 10px; } } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li.hasChild > a { cursor: pointer; position: relative; } @media (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li.hasChild > a { padding-right: 45px; } } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li a { cursor: pointer; text-align: left; display: block; display: block; font-size: 24px; color: #999; letter-spacing: 1px; letter-spacing: 1px; text-transform: none; text-decoration: none; padding: 20px 15px; } @media (max-width: 767px) { .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li a { font-size: 18px; line-height: 24px; padding: 0; margin-right: 10px; margin-bottom: 15px; margin-top: 10px; padding-right: 20px; } } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li a:hover { color: #ffffff; } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li ul.submenu { height: auto; overflow: hidden; overflow-y: hidden; overflow-y: scroll; padding-bottom: 50px; } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li.active > ul.submenu { right: 0; padding: 0; padding-bottom: 0px; margin-top: 0; } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li ul.submenu { background-color: #222; height: calc(100vh + 16px); position: absolute; right: -100%; top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; width: 100%; z-index: 999; min-height: calc(100vh); padding-left: 0; } @media screen and (max-width: 1024px) { .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li ul.submenu { height: auto; overflow: hidden; overflow-y: scroll; padding-bottom: 50px; } } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li ul.submenu li .mobile-arrow-left { position: relative; display: inline-block; width: 32px; height: 32px; left: 10px; top: 17px; float: left; cursor: pointer; } @media (max-width: 767px) { .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li ul.submenu li .mobile-arrow-left { left: 3px; top: 8px; } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li ul.submenu li .mobile-arrow-left .left-arrow { width: 25px; height: 25px; } } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li ul.submenu li .mobile-arrow-left svg { fill: #cccccc; } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li ul.submenu li.menu-title a { color: #ffffff; font-weight: bold; cursor: default; } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li ul.submenu li.back { padding-left: 5px; background-color: #000000; } .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li ul.submenu li.back a { padding: 20px 5px 20px 17px; display: inline-block; } @media (max-width: 767px) { .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu li ul.submenu li.back a { padding: 0; } } @media screen and (max-width: 1024px) { .navigation .global-nav .sub-brand-nav .mobile-menu-container ul.mobile-menu { height: calc(100vh - 30px); } } .navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list { margin: 0; padding: 0 0 25px; list-style: none; font-size: 24px; line-height: 1; text-transform: none; } .navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list:last-child { padding-bottom: 90px; } .navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item { margin: 0; padding: 15px 0; } .navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item.category-item { font-size: 24px; font-weight: bold; border-bottom: 1px solid #616161; } .navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item.category-item:not(:first-child) { border-top: 1px solid #616161; } .navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item.category-item .brand-nav-list:last-child { padding-bottom: 0; /*resetting padding for child barnd-nav-list to 0*/ } .navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item.sub-item:last-child { padding-bottom: 0; } .navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item.regular-size { font-size: 16px; } .navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item .brand-nav-link { color: #eeeeee; transition: color 0.5s; } .navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item .brand-nav-link:hover { color: #76b900; } .navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item .brand-nav-link.category-link { color: #666666; } .navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item .brand-nav-link.category-link:hover { color: #666666; } .navigation .global-nav .sub-brand-nav .mobile-menu-container::-webkit-scrollbar { display: none; } @media (max-width: 1024px) { .navigation .global-nav .sub-brand-nav .mobile-menu-container { display: none; } } @media (max-width: 767px) { .navigation .global-nav .sub-brand-nav .mobile-menu-container { width: 100vw; } } .navigation .global-nav .sub-brand-nav .sub-brand-nav-container { transition: all 0.5s; height: 46px; max-width: 1280px; min-width: 320px; margin: 0 auto; padding: 0 15px; width: 100%; } @media screen and (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .sub-brand-nav .sub-brand-nav-container { padding: 0 30px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .navigation .global-nav .sub-brand-nav .sub-brand-nav-container { padding: 0 30px; height: 66px; } } @media screen and (min-width: 1281px) { .navigation .global-nav .sub-brand-nav .sub-brand-nav-container { padding: 0; height: 66px; } } @media (max-width: 1024px) { .navigation .global-nav .sub-brand-nav .sub-brand-nav-container { /* .navigation .global-nav.pull-up #nv-logo-dark { display: block; } */ } .navigation .global-nav .sub-brand-nav .sub-brand-nav-container #nv-logo-dark { top: 11px; left: 0px; float: left; z-index: 998; transition: left 0.2s; display: none; } .navigation .global-nav .sub-brand-nav .sub-brand-nav-container .nvidia-logo-dark-theme { position: relative; display: inline-block; width: 130px; height: 23px; background: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/common/nvidia-logo-white.svg") no-repeat; background-size: auto auto; background-size: contain; } } .navigation .global-nav .sub-brand-nav .brand-nav-left { position: relative; float: left; height: 46px; margin: 0; padding: 0; z-index: 550; overflow: hidden; overflow: visible; transition: opacity 0.25s ease-in; display: flex; align-content: center; align-items: center; } @media screen and (min-width: 1025px) { .navigation .global-nav .sub-brand-nav .brand-nav-left { height: 66px; width: 100%; } } @media screen and (max-width: 767px) { .navigation .global-nav .sub-brand-nav .brand-nav-left.mob-wid-55 { max-width: 55%; } } .navigation .global-nav .sub-brand-nav .brand-nav-left.mob-wid-55 #sub-brand .sub-brand-name span.size-xx-small { font-size: 18px; } @media (max-width: 767px) { .navigation .global-nav .sub-brand-nav .brand-nav-left.mob-wid-55 #sub-brand .sub-brand-name span.size-xx-small { font-size: 16px; } } @media (min-width: 1025px) and (max-width: 1280px) { .navigation .global-nav .sub-brand-nav .brand-nav-left.mob-wid-55 #sub-brand .sub-brand-name span.size-xx-small { font-size: 18px; } } .navigation .global-nav .sub-brand-nav .brand-nav-left.mob-wid-55 #sub-brand .sub-brand-name span.size-x-small { font-size: 22px; } @media (max-width: 767px) { .navigation .global-nav .sub-brand-nav .brand-nav-left.mob-wid-55 #sub-brand .sub-brand-name span.size-x-small { font-size: 16px; } } @media (min-width: 1025px) and (max-width: 1280px) { .navigation .global-nav .sub-brand-nav .brand-nav-left.mob-wid-55 #sub-brand .sub-brand-name span.size-x-small { font-size: 20px; } } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand { position: relative; display: inline-block; margin: 0; padding: 0; cursor: default; height: 100%; padding-top: 0px; padding-bottom: 0px; } @media screen and (min-width: 1025px) { .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand { padding-top: 0px; padding-bottom: 0px; } } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name { color: #ffffff; font-weight: normal; font-size: 28px; line-height: 45px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; transition: all 0.5s; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(en-us), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(en-zz), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(en-gb), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(en-au), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(en-eu), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(en-in), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(es-la), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(es-uy), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(es-cl), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(es-py), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(es-ar), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(pt-br), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(en-sg), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(en-me), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(en-ph), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(de-at), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(fr-be), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(cs-cz), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(da-dk), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(nl-nl), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(nb-no), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(pl-pl), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(pt-pt), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(ro-ro), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(es-es), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(sv-se), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(de-ch), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(tr-tr), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(de-de), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(fr-fr), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(fi-fi), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(it-it), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(hu-hu), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(sl-si), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m { color: #ffffff; font-weight: normal; font-size: 28px; line-height: 45px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(en-us), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(en-zz), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(en-gb), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(en-au), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(en-eu), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(en-in), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(es-la), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(es-uy), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(es-cl), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(es-py), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(es-ar), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(pt-br), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(en-sg), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(en-me), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(en-ph), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(de-at), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(fr-be), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(cs-cz), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(da-dk), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(nl-nl), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(nb-no), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(pl-pl), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(pt-pt), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(ro-ro), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(es-es), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(sv-se), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(de-ch), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(tr-tr), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(de-de), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(fr-fr), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(fi-fi), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(it-it), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(hu-hu), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(sl-si), .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name.align-v-m:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name span { font-size: 28px; } @media (min-width: 1025px) and (max-width: 1280px) { .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name span { font-size: 24px; } } @media (max-width: 767px) { .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name span { font-size: 18px; } } @media (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name span { font-size: 20px; } } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name span.size-xx-small { font-size: 20px; } @media (max-width: 767px) { .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name span.size-xx-small { font-size: 16px; } } .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name span.size-x-small { font-size: 24px; } @media (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name span.size-x-small { font-size: 20px; } } @media (max-width: 767px) { .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name span.size-x-small { font-size: 16px; } } @media (min-width: 1025px) and (max-width: 1280px) { .navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name span.size-x-small { font-size: 22px; } } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item { display: none; margin-left: 30px; padding-top: 4px; padding-bottom: 0; position: static; } @media screen and (min-width: 1025px) { .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item { display: inline-block; top: 0; width: auto; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:first-child { margin-left: 0; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:has(> .more-menu) { position: relative; display: inline-flex; align-items: center; height: 100%; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:has(> .more-menu) > .sub-brand-link .more-dropdown { display: flex; align-items: center; padding-top: 0; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:has(> .more-menu) > .sub-brand-link .more-dropdown svg { display: block; margin-top: 0; } } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item.global-item { top: 31px; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item.global-item:first-child { margin-left: 0px; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:hover .sub-brand-link { color: #76b900; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:hover .sub-brand-link .ic-arrow-dropdown svg { fill: #ffffff; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:hover .sub-brand-link.dropdown-toggle, .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:hover .sub-brand-link.button-dropdown, .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:hover .sub-brand-link:has(> .more-dropdown) { color: #ffffff; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:hover .dropdown-menu { opacity: 1; visibility: visible; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:hover .dropdown-menu.bullet { -webkit-transition: 0.1s ease-in; -moz-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:hover .dropdown-menu.sub { opacity: 1; visibility: visible; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item.active .sub-brand-link { color: #ffffff; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item.active .sub-brand-link .ic-arrow-dropdown svg { fill: #ffffff; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .sub-brand-link { color: #999; text-transform: none; cursor: pointer; -webkit-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; padding: 15px 0; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .sub-brand-link .more-dropdown { transition: all 0.5s; position: relative; display: inline-block; width: 22px; height: 10px; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .sub-brand-link .more-dropdown svg { fill: currentColor; vertical-align: top; margin-top: 4px; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .sub-brand-link .ic-arrow-dropdown { display: inline-block; width: var(--kui-select-icon-size, calc(var(--spacing, 4px) * 4)); height: var(--kui-select-icon-size, calc(var(--spacing, 4px) * 4)); vertical-align: middle; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .sub-brand-link .ic-arrow-dropdown::after { content: ""; align-self: center; justify-self: end; width: var(--kui-select-icon-size, calc(var(--spacing, 4px) * 4)); height: var(--kui-select-icon-size, calc(var(--spacing, 4px) * 4)); background-color: var(--kui-chevron-color, var(--text-color-base, var(--nv-navigation-menu-icon, #636363))); mask: var(--nv-icon-chevron-down, url("data:image/svg+xml,%3csvg fill='none' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='currentColor' d='M11.647%2c5.646l0.707%2c0.708l-4.354%2c4.353l-4.354%2c-4.353l0.708%2c-0.708l3.646%2c3.647z'/%3e%3c/svg%3e")) no-repeat center/contain; pointer-events: none; display: block; margin: 0; background-color: currentColor; } @media (forced-colors: active) { .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .sub-brand-link .ic-arrow-dropdown::after { forced-color-adjust: none; background-color: ButtonText; } } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .sub-brand-link .ic-arrow-dropdown svg { display: none; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu { position: absolute; z-index: 1000; float: left; margin: 0; list-style: none; box-sizing: border-box; background-color: var(--background-color-surface-raised, var(--nv-navigation-menu-background, #fff)); background-clip: border-box; border: 1px solid var(--border-color-base, var(--nv-navigation-menu-border, rgba(0, 0, 0, 0.2))); border-radius: var(--radius-md, 4px); box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.12)); color: var(--text-color-primary, var(--nv-navigation-menu-text, #000)); top: 56px; width: max-content; min-width: 0; max-width: 320px; padding: 0; font-size: var(--text-14, 14px); font-weight: var(--font-weight-regular, 400); line-height: 1.14286; opacity: 0; -webkit-transition: 0.25s ease-out; -moz-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.25s ease-out; visibility: hidden; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu { display: table-caption; } } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li { position: relative; padding: 0; width: auto; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li:first-child { padding-top: 0; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li:first-child ul.dropdown-menu.sub.level2 { top: -1px; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li ul.sub { opacity: 0; visibility: hidden; left: 100%; top: -1px; right: auto; border: 1px solid var(--border-color-base, var(--nv-navigation-menu-border, rgba(0, 0, 0, 0.2))); width: -moz-max-content; width: max-content; max-width: 320px; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li ul.sub div.title { min-width: 0; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li ul.sub .dropdown-menu.sub { left: 100%; opacity: 0; visibility: hidden; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li ul.sub .dropdown-menu.sub.active { opacity: 1; visibility: visible; -webkit-transition: opacity 0.1s ease-in; -moz-transition: opacity 0.1s ease-in; -o-transition: opacity 0.1s ease-in; transition: opacity 0.1s ease-in; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li ul.sub.active { opacity: 1; visibility: visible; -webkit-transition: opacity 0.1s ease-in; -moz-transition: opacity 0.1s ease-in; -o-transition: opacity 0.1s ease-in; transition: opacity 0.1s ease-in; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li:hover ul.dropdown-menu, .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li ul.dropdown-menu li:hover ul.dropdown-menu { opacity: 1; visibility: visible; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li div.arrow, .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li:hover span.arrow { flex: 0 0 1em; width: 1em; height: 1em; color: var(--text-color-base, var(--nv-navigation-menu-icon, #636363)); line-height: 1; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li div.arrow::after, .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li:hover span.arrow::after { content: ""; align-self: center; justify-self: end; width: var(--kui-select-icon-size, calc(var(--spacing, 4px) * 4)); height: var(--kui-select-icon-size, calc(var(--spacing, 4px) * 4)); background-color: var(--kui-chevron-color, var(--text-color-base, var(--nv-navigation-menu-icon, #636363))); mask: var(--nv-icon-chevron-down, url("data:image/svg+xml,%3csvg fill='none' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='currentColor' d='M11.647%2c5.646l0.707%2c0.708l-4.354%2c4.353l-4.354%2c-4.353l0.708%2c-0.708l3.646%2c3.647z'/%3e%3c/svg%3e")) no-repeat center/contain; pointer-events: none; display: block; width: 1em; height: 1em; margin: 0; background-color: currentColor; rotate: -90deg; } @media (forced-colors: active) { .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li div.arrow::after, .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li:hover span.arrow::after { forced-color-adjust: none; background-color: ButtonText; } } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li div.arrow svg, .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li:hover span.arrow svg { display: none; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li:has(> ul.sub.edge) > a > .arrow::after { rotate: 90deg; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet div.title { float: none; flex: 1; min-width: 0; line-height: inherit; margin: 0; width: auto; max-width: none; overflow-wrap: anywhere; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet div.title.no-submenu { width: auto; margin-right: 0; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet div.title.no-submenu:hover { color: inherit; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li > div.title { box-sizing: border-box; padding: var(--spacing-density-lg, 12px); color: var(--text-color-primary, var(--nv-navigation-menu-text, #000)); } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet.more-menu { padding: 0; left: auto; right: 0; margin-left: 0; text-transform: none; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet.more-menu li.more-element { text-align: left; margin-bottom: 0; padding-right: 0; color: var(--text-color-primary, var(--nv-navigation-menu-text, #000)); } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet.more-menu li.more-element > span { display: block; padding: var(--spacing-density-lg, 12px); font-weight: var(--font-weight-bold, 700); } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet.more-menu li.more-element a { line-height: 1.14286; padding: var(--spacing-density-lg, 12px); } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet.more-menu li.more-element a:hover { color: inherit; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet.more-menu .nvArrow { margin-left: 11px; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet.active { opacity: 1; visibility: visible; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet.edge { padding-left: 0; right: 16px; min-width: inherit; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet.edge li { padding-left: 0; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet.edge .nvArrow { left: initial; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li ul.sub.edge { right: 100%; left: inherit; padding-left: 0; margin-right: 0; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li ul.sub .dropdown-menu.sub.edge { left: inherit; z-index: 10; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet li.sub-menu.active > a { background-color: var(--background-color-interaction-pressed, var(--nv-navigation-menu-pressed, rgba(0, 0, 0, 0.1))); } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu span.nvArrow { display: none; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu > li:first-of-type > a, .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.more-menu > li:nth-child(1 of li:not(.hide)) > a { border-top-left-radius: calc(var(--radius-md, 4px) - 1px); border-top-right-radius: calc(var(--radius-md, 4px) - 1px); } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu > li:last-of-type > a, .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.more-menu > li:nth-last-child(1 of li:not(.hide)) > a { border-bottom-left-radius: calc(var(--radius-md, 4px) - 1px); border-bottom-right-radius: calc(var(--radius-md, 4px) - 1px); } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu a { color: var(--text-color-primary, var(--nv-navigation-menu-text, #000)); box-sizing: border-box; width: 100%; text-transform: none; text-align: left; display: flex; white-space: normal; align-content: center; align-items: center; gap: calc(var(--spacing, 4px) * 1.5); padding: var(--spacing-density-lg, 12px); font-size: var(--text-14, 14px); font-weight: var(--font-weight-regular, 400); line-height: 1.14286; text-decoration: none; position: relative; outline: 2px solid transparent; outline-offset: -2px; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu a:hover, .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu a:focus-visible { color: var(--text-color-primary, var(--nv-navigation-menu-text, #000)); background-color: var(--background-color-interaction-hover, var(--nv-navigation-menu-hover, rgba(0, 0, 0, 0.05))); } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu a:focus-visible { outline-color: var(--outline-color, currentColor); } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu a:active { background-color: var(--background-color-interaction-pressed, var(--nv-navigation-menu-pressed, rgba(0, 0, 0, 0.1))); } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu a .title, .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu a .title.no-submenu:hover { color: inherit; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu .more-sub-items { padding-left: 0px; line-height: 1.14286; font-size: var(--text-14, 14px); list-style: none; position: relative; top: 0; } .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:last-child .bullet::before { right: 34px; } .navigation .global-nav .sub-brand-nav .brand-nav-right { display: inline-block; height: 46px; float: right; z-index: 1; position: relative; } .navigation .global-nav .sub-brand-nav .brand-nav-right.megamenu-open { position: static; } .navigation .global-nav .sub-brand-nav .brand-nav-right .ic-menu { display: inline-block; width: 24px; height: 24px; margin-top: 10px; cursor: pointer; } @media screen and (min-width: 1025px) { .navigation .global-nav .sub-brand-nav .brand-nav-right .ic-menu { display: none; } } .navigation .global-nav .sub-brand-nav .brand-nav-right .ic-menu .menu-line { stroke: #ffffff; cursor: pointer; } .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta, .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta-modal, .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta-pdp, .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-sign-in, .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-register-now { display: inline-block; margin-top: 0; margin-bottom: 0; background-color: #76b900; font-weight: bold; font-size: 14px; color: #000000; text-transform: none; } .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta:hover, .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta-modal:hover, .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta-pdp:hover, .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-sign-in:hover, .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-register-now:hover { background-color: #91c733; } @media screen and (max-width: 1024px) { .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta, .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta-modal, .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta-pdp, .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-sign-in, .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-register-now { margin: 5px 10px 5px 0px; float: left; } } @media screen and (min-width: 1025px) { .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta, .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta-modal, .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta-pdp, .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-sign-in, .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-register-now { margin-top: 15px; margin-left: 10px; } } .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta span, .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta-modal span, .navigation .global-nav .sub-brand-nav .brand-nav-right .brand-cta-pdp span, .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-sign-in span, .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-register-now span { display: inline-block; padding: 9px 12px 9px; } .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-sign-in { background-color: transparent; color: white; border: 2px solid #76b900; } .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-sign-in:hover { background-color: black; } .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-sign-in > span { padding: 7px 10px; } @media screen and (max-width: 1024px) { .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-sign-in { margin-left: 15px; } } @media screen and (max-width: 1024px) { .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-register-now { margin-left: 10px; margin-right: 10px; } } .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-hide-tablet-plus#gtcsignin { float: left; padding-top: 10px; } @media screen and (min-width: 768px) { .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-hide-tablet-plus { display: none !important; } } @media screen and (max-width: 767px) { .navigation .global-nav .sub-brand-nav .brand-nav-right .gtc-hide-mobile { display: none !important; } } .navigation .global-nav .subnav { position: fixed; width: 100vw; height: 36px; top: 89px; left: 0px; margin: 0 auto; padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; background-color: #1a1a1a; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.8); overflow: hidden; transition: all 0.5s; z-index: 500; opacity: 0.9; display: flex; } .navigation .global-nav .subnav.pull-up { top: 46px; } @media only screen and (min-width: 1025px) { .navigation .global-nav .subnav.pull-up { top: 65px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .subnav { height: 55px; } } @media only screen and (min-width: 1025px) { .navigation .global-nav .subnav { height: 70px; top: 109px; } } @media screen and (max-width: 767px) { .navigation .global-nav .subnav { overflow: visible; } } @media (max-width: 767px) { .navigation .global-nav .subnav.mob-ht-46 { height: 46px; } } .navigation .global-nav .subnav.mob-ht-46 .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link.cta { white-space: normal; } .navigation .global-nav .subnav .subnav-container { height: 36px; max-width: 1280px; min-width: 320px; margin: 0 auto; padding: 0 0 0 15px; width: 100%; display: inline-flex; } @media screen and (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .subnav .subnav-container { padding: 0 0 0 30px; height: 55px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .navigation .global-nav .subnav .subnav-container { padding: 0 30px; height: 70px; } } @media screen and (min-width: 1281px) { .navigation .global-nav .subnav .subnav-container { padding: 0; height: 70px; } } .navigation .global-nav .subnav .subnav-container #subnav-menu { position: absolute; float: right; width: 100%; height: 80vh; top: 50px; left: 0px; z-index: 105; text-align: center; padding: 0; margin: 0px auto; overflow-y: auto; } @media screen and (max-width: 1024px) and (orientation: landscape) { .navigation .global-nav .subnav .subnav-container #subnav-menu { height: 55vh; } } .navigation .global-nav .subnav .subnav-container #subnav-menu span { position: relative; padding: 0; margin: 30px auto; display: block; } .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button { color: #cccccc; font-weight: normal; font-size: 24px; line-height: 1; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; position: relative; display: block; text-transform: none; } .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(en-us), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(en-zz), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(en-gb), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(en-au), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(en-eu), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(en-in), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(es-la), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(es-uy), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(es-cl), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(es-py), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(es-ar), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(pt-br), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(en-sg), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(en-me), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(en-ph), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(de-at), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(fr-be), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(cs-cz), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(da-dk), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(nl-nl), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(nb-no), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(pl-pl), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(pt-pt), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(ro-ro), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(es-es), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(sv-se), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(de-ch), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(tr-tr), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(de-de), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(fr-fr), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(fi-fi), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(it-it), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(hu-hu), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(sl-si), .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:hover { color: #ffffff; } .navigation .global-nav .subnav .subnav-container #subnav-menu .enhanced { font-weight: bold; color: #76b900; } .navigation .global-nav .subnav .subnav-container .subnav-left { position: relative; left: 0px; padding: 0; height: 35px; width: auto; display: inline-block; transition: all 0.5s; } @media screen and (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .subnav .subnav-container .subnav-left { transition: none; height: 55px; } } @media screen and (min-width: 1025px) { .navigation .global-nav .subnav .subnav-container .subnav-left { position: relative; top: 0px; left: 0px; height: 70px; margin: 0; transition: none; } } @media (max-width: 1024px) { .navigation .global-nav .subnav .subnav-container .subnav-left.m-wid-60 a { display: block; overflow: hidden; text-overflow: ellipsis; } } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category, .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title { transition: all 0.5s; position: relative; top: 8px; left: 0; color: #eeeeee; font-weight: 600; font-size: 14px; line-height: 14px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; margin: 0; padding: 0; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(en-us), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(en-zz), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(en-gb), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(en-au), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(en-eu), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(en-in), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(es-la), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(es-uy), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(es-cl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(es-py), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(es-ar), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(pt-br), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(en-sg), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(en-me), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(en-ph), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(en-my), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(en-us), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(en-zz), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(en-gb), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(en-au), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(en-eu), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(en-in), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(es-la), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(es-uy), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(es-cl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(es-py), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(es-ar), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(pt-br), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(en-sg), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(en-me), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(en-ph), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(ja-jp), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(ko-kr), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(zh-tw), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(zh-cn), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(de-at), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(fr-be), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(cs-cz), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(da-dk), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(nl-nl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(nb-no), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(pl-pl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(pt-pt), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(ro-ro), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(es-es), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(sv-se), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(de-ch), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(tr-tr), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(de-de), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(fr-fr), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(fi-fi), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(it-it), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(hu-hu), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(sl-si), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(sk-sk), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(de-at), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(fr-be), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(cs-cz), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(da-dk), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(nl-nl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(nb-no), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(pl-pl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(pt-pt), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(ro-ro), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(es-es), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(sv-se), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(de-ch), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(tr-tr), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(de-de), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(fr-fr), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(fi-fi), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(it-it), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(hu-hu), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(sl-si), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category:lang(ru-ru), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category, .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title { left: 0; top: 14px; font-size: 16px; line-height: 16px; } } @media screen and (min-width: 1025px) { .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category, .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title { left: 0; top: 25px; font-size: 20px; line-height: 20px; } } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0, .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 { color: #eeeeee; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 span, .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1, .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 span, .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1 { font-size: inherit; line-height: inherit; text-transform: inherit; display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 552px; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1, .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1 { color: #eeeeee; font-weight: 600; font-size: 14px; line-height: 14px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(en-us), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(en-zz), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(en-gb), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(en-au), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(en-eu), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(en-in), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(es-la), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(es-uy), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(es-cl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(es-py), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(es-ar), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(pt-br), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(en-sg), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(en-me), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(en-ph), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(en-my), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(en-us), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(en-zz), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(en-gb), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(en-au), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(en-eu), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(en-in), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(es-la), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(es-uy), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(es-cl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(es-py), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(es-ar), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(pt-br), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(en-sg), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(en-me), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(en-ph), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(ja-jp), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(ko-kr), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(zh-tw), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(zh-cn), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(de-at), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(fr-be), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(cs-cz), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(da-dk), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(nl-nl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(nb-no), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(pl-pl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(pt-pt), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(ro-ro), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(es-es), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(sv-se), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(de-ch), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(tr-tr), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(de-de), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(fr-fr), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(fi-fi), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(it-it), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(hu-hu), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(sl-si), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(sk-sk), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(de-at), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(fr-be), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(cs-cz), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(da-dk), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(nl-nl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(nb-no), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(pl-pl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(pt-pt), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(ro-ro), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(es-es), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(sv-se), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(de-ch), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(tr-tr), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(de-de), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(fr-fr), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(fi-fi), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(it-it), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(hu-hu), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(sl-si), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1:lang(ru-ru), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1, .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1 { font-size: 16px; line-height: 16px; } } @media screen and (min-width: 1025px) { .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category#sub-btn0 h1, .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-title#sub-btn0 h1 { font-size: 20px; line-height: 20px; } } .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title, .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title { font-size: inherit; line-height: inherit; text-transform: inherit; display: inline; overflow: hidden; text-overflow: ellipsis; cursor: default; max-width: 200px; color: #eeeeee; font-weight: 600; font-size: 14px; line-height: 14px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(en-us), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(en-zz), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(en-gb), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(en-au), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(en-eu), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(en-in), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(es-la), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(es-uy), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(es-cl), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(es-py), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(es-ar), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(pt-br), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(en-sg), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(en-me), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(en-ph), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(en-my), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(en-us), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(en-zz), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(en-gb), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(en-au), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(en-eu), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(en-in), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(es-la), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(es-uy), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(es-cl), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(es-py), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(es-ar), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(pt-br), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(en-sg), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(en-me), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(en-ph), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(ja-jp), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(ko-kr), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(zh-tw), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(zh-cn), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(de-at), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(fr-be), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(cs-cz), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(da-dk), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(nl-nl), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(nb-no), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(pl-pl), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(pt-pt), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(ro-ro), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(es-es), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(sv-se), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(de-ch), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(tr-tr), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(de-de), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(fr-fr), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(fi-fi), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(it-it), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(hu-hu), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(sl-si), .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(sk-sk), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(de-at), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(fr-be), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(cs-cz), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(da-dk), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(nl-nl), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(nb-no), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(pl-pl), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(pt-pt), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(ro-ro), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(es-es), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(sv-se), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(de-ch), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(tr-tr), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(de-de), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(fr-fr), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(fi-fi), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(it-it), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(hu-hu), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(sl-si), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title:lang(ru-ru), .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title, .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title { font-size: 16px; line-height: 16px; } } @media screen and (min-width: 1025px) { .navigation .global-nav .subnav .subnav-container .subnav-left span.subnav-category-title, .navigation .global-nav .subnav .subnav-container .subnav-left h1.subnav-category-title { font-size: 20px; line-height: 20px; } } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb { transition: all 0.5s; position: relative; top: 8px; left: 0; color: #eeeeee; font-weight: 600; font-size: 14px; line-height: 14px; font-family: "NVIDIA", Arial, Helvetica, Sans-Serif; margin: 0; padding: 0; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(en-us), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(en-zz), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(en-gb), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(en-au), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(en-eu), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(en-in), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(es-la), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(es-uy), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(es-cl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(es-py), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(es-ar), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(pt-br), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(en-sg), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(en-me), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(en-ph), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(de-at), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(fr-be), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(cs-cz), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(da-dk), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(nl-nl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(nb-no), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(pl-pl), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(pt-pt), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(ro-ro), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(es-es), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(sv-se), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(de-ch), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(tr-tr), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(de-de), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(fr-fr), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(fi-fi), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(it-it), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(hu-hu), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(sl-si), .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb { left: 0; top: 14px; font-size: 14px; line-height: 14px; } } @media screen and (min-width: 1025px) { .navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category-breadcrumb { left: 0; top: 25px; font-size: 14px; line-height: 14px; } } .navigation .global-nav .subnav .subnav-container .subnav-right { margin-top: 0px; margin-right: 0; padding: 0; transition: all 0.6s; display: inline-block; flex: 1 0 auto; } @media screen and (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .subnav .subnav-container .subnav-right { height: 55px; transition: all 0.6s; } } @media screen and (min-width: 1025px) { .navigation .global-nav .subnav .subnav-container .subnav-right { position: relative; height: 70px; top: 0px; right: 0px; transition: all 0.6s; margin-left: auto; } } .navigation .global-nav .subnav .subnav-container .subnav-right #center-expand { position: absolute; left: 50%; margin: 0; padding: 0; margin-left: auto; margin-right: auto; width: 24px; height: 24px; top: 15px; display: none; } @media (max-width: 1024px) { .navigation .global-nav .subnav .subnav-container .subnav-right #center-expand { display: inline-block; } } .navigation .global-nav .subnav .subnav-container .subnav-right #center-expand .ic-expand { position: relative; display: inline-block; width: 24px; height: 24px; left: -12px; top: 2px; background: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/icon-expand-white.svg") no-repeat; background-size: cover; cursor: pointer; } @media screen and (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .subnav .subnav-container .subnav-right #center-expand .ic-expand { position: relative; display: inline-block; width: 24px; height: 24px; top: 10px; margin-bottom: 0px; margin-right: 5px; } } @media screen and (min-width: 1025px) { .navigation .global-nav .subnav .subnav-container .subnav-right #center-expand .ic-expand { display: none; } } .navigation .global-nav .subnav .subnav-container .subnav-right #center-expand .ic-expand-green { background: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/icon-expand-green.svg") no-repeat; } .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list { height: 100%; margin: 0; padding: 0; display: inline-block; float: right; } .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element { height: 100%; margin: 0; padding: 0 15px; display: inline-block; float: left; transition: all 0.25s; } .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element:last-child { padding-right: 0; } .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element.selected { border-bottom: 3px solid #76b900; } @media screen and (max-width: 1024px) { .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element { display: none; padding-right: 0; } } .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element.persisting { display: inline-block; } @media (max-width: 767px) { .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element.persisting { padding: 0 0 0 0; } } .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link, .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-page-link { margin-top: 28px; margin-bottom: 28px; display: inline-block; font-size: 14px; line-height: 1; text-transform: none; color: #cccccc; transition: color 0.5s; } .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link:hover, .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-page-link:hover { color: #ffffff; } .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link.cta, .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-page-link.cta { margin-top: 0; margin-bottom: 0; background-color: #76b900; font-weight: bold; color: #000000; } @media screen and (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link.cta, .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-page-link.cta { margin-top: 8px; margin-bottom: 8px; } } @media screen and (min-width: 1025px) { .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link.cta, .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-page-link.cta { margin-top: 16px; } } @media (max-width: 767px) { .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link.cta, .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-page-link.cta { font-size: 12px; white-space: nowrap; } } .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link.cta span, .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-page-link.cta span { display: inline-block; padding: 0.75em 0.875em; line-height: 1.25; } .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link.cta:hover, .navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-page-link.cta:hover { background-color: #91c733; } .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted { position: relative; height: 42px; margin: 0; right: 0px; top: 12px; transform: translateY(-10%); font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: normal; font-size: 14px; color: #cccccc; border-width: 3px; border-bottom: 3px #1a1a1a solid; text-transform: none; display: inline-block; cursor: pointer; transition: none; } .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(en-us), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(en-zz), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(en-gb), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(en-au), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(en-eu), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(en-in), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(es-la), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(es-uy), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(es-cl), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(es-py), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(es-ar), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(pt-br), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(en-sg), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(en-me), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(en-ph), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(de-at), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(fr-be), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(cs-cz), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(da-dk), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(nl-nl), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(nb-no), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(pl-pl), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(pt-pt), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(ro-ro), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(es-es), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(sv-se), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(de-ch), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(tr-tr), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(de-de), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(fr-fr), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(fi-fi), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(it-it), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(hu-hu), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(sl-si), .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (min-width: 1025px) { .navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted { position: relative; height: 42px; margin: 0; margin-left: 30px; right: 0px; top: 5px; } } .navigation .global-nav.brand-nav-2.pull-up { top: 0; } .row { width: 100%; } .row::before, .row::after { content: ""; display: table; } .row .column { float: left; min-height: 2px; padding: 0; margin: 0; position: relative; } @media screen and (max-width: 767px) { .row .small-12 { width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .row .medium-12 { width: 100%; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .row .large-12 { width: 100%; } } .row .xl-8:after { content: ""; width: 100%; position: absolute; top: 100%; right: 0; border-top: 1px solid #616161; } @media screen and (min-width: 1281px) { .row .xl-8:after { border-left: 1px solid #616161; top: 30px; height: 85%; /* fallback for browsers without support for calc() */ height: calc(100% - 60px); width: 0; } } @media screen and (min-width: 1281px) { .row .xl-8 { width: 66.66667%; } } @media screen and (min-width: 1281px) { .row .xl-4 { width: 33.33333%; } } body.mmactive { overflow: hidden; } body.noscroll { background-color: #000000; } #sm_menu_ham { cursor: pointer; float: right; height: 25px; position: fixed; right: 5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; width: 30px; top: 15px; right: 15px; z-index: 9999; } #sm_menu_ham span { background-color: #ffffff; border-radius: 5px; display: block; height: 2px; left: 0; opacity: 1; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; width: 30px; } #sm_menu_ham span:nth-child(1) { top: 0; } #sm_menu_ham span:nth-child(2), #sm_menu_ham span:nth-child(3) { top: 10px; } #sm_menu_ham span:nth-child(4) { top: 20px; } #sm_menu_ham.open span:nth-child(1) { left: 50%; top: 18px; width: 0; } #sm_menu_ham.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } #sm_menu_ham.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } #sm_menu_ham.open span:nth-child(4) { left: 50%; top: 18px; width: 0; } @media (max-width: 1024px) { #sm_menu_ham { display: none; } } .nvidia-search-widget .cleanslate .search-box-wrapper .search-box-popper { z-index: 1000 !important; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .nvidia-search-widget .cleanslate .search-box-popper { /* IE11 */ width: 270px; } } .nvidia-search-widget .cleanslate .search-input-wrapper .ant-select-combobox .ant-select-search__field__wrap { top: -2px; } /* Brand Nav 2.0 Start */ /* Brand Nav 2.0 */ /* ////////// Mobile ///////////////////////// */ /* Brand Nav 2.0 */ @media screen and (max-width: 1024px) { .navigation .bn-hide-mobile { display: none !important; } .navigation .bn-show-mobile { display: block; } } @media screen and (min-width: 1025px) { .navigation .bn-hide-mobile { display: block; } .navigation .bn-show-mobile { display: none !important; } } .navigation .bn-brand-nav-left { width: auto !important; } .navigation .bn-sub-nav-container { background-color: #333333; position: absolute; width: 100%; z-index: 501; } .navigation .bn-sub-nav-container ul { margin: 0px; color: #fff; padding-left: 0px; } .navigation .bn-sub-nav-container ul li { padding: 8px 15px; display: inline-block; } .navigation .bn-sub-nav-container ul li a { color: #fff; } .navigation .bn-sub-nav-container .bn-brand-nav-left { margin: 0 auto; padding: 0 30px; max-width: 1280px; } .navigation .bn-sub-nav-container .bn-brand-nav-left ul > li:first-child { padding-left: 0px; } .navigation .bn-sub-nav-container .bn-lvl2-container { position: absolute; left: 0; width: 100%; background-color: #555; margin-top: 10px; } .navigation .bn-sub-nav-container .bn-lvl2-all { position: relative; margin: 0 auto; padding: 0 30px; max-width: 1280px; white-space: nowrap; overflow-x: auto; } .navigation .bn-sub-nav-container .bn-lvl2-tab-container { position: absolute; width: 100%; left: 0; background-color: #555; margin-top: 10px; } .navigation .bn-sub-nav-container .bn-lvl2-tab-container div > .bn-tab-head:first-child { padding-left: 0px; } .navigation .bn-sub-nav-container .bn-lvl2-tab-all { position: relative; margin: 0 auto; display: flex; padding-bottom: 20px !important; padding: 0 30px; max-width: 1280px; } .navigation .bn-sub-nav-container .bn-lvl2-tab-all .bn-tab-head:first-child { padding-left: 0px; } @media (min-width: 1025px) and (max-width: 1280px) { .navigation .bn-sub-nav-container .bn-lvl2-tab-all, .navigation .bn-sub-nav-container .bn-lvl2-all, .navigation .bn-sub-nav-container .bn-brand-nav-left { max-width: 1280px; } } .navigation .bn-sub-nav-container .bn-tab-head { padding: 0px 15px; } .navigation .bn-sub-nav-container .bn-head-lb { padding-top: 10px; padding-bottom: 10px; border-bottom: 2px solid #ccc; } .navigation .bn-sub-nav-container .bn-tab-container { padding-top: 15px; padding-bottom: 15px; } .navigation .bn-sub-nav-container .bn-tab-container ul li { float: left; clear: left; padding: 0px; font-size: 14px; } .navigation #bn-nav20 { display: block; } .navigation #bn-nav20 label:hover { cursor: pointer; } .navigation .bn-hide { visibility: hidden; } .navigation .bn-hide-none { display: none; } .navigation .bn-active { border-bottom: 3px solid #76b900; } .navigation .bn-ic-menu { color: #fff; font-size: 40px; padding-top: 15px; } .navigation .bn-ic-menu svg { fill: #fff; } .navigation #bn-ic-menu a { color: #fff; } .navigation #bn-ic-menu-close a { color: #fff; } .navigation .bn-m-container { background-color: #333333; position: fixed; width: 100%; height: calc(100% - 44px); overflow-x: hidden; overflow-y: auto; cursor: pointer; z-index: 501; } .navigation .bn-m-container ul { cursor: pointer; } .navigation .bn-m-container ul li label { cursor: pointer; } .navigation .bn-m-container ul li label a { cursor: pointer; } .navigation .bn-m-container .bn-m-submenu-sp { font-size: 14px; } .navigation .bn-m-container .bn-m-ul { color: #fff; padding: 0; margin-top: 0px; } .navigation .bn-m-container .bn-m-ul a { color: #fff; padding: 0; margin-top: 0px; } .navigation .bn-m-container .bn-m-lvl1-menu ul li { color: #fff; } .navigation .bn-m-container .bn-m-down-arrow { width: 35px; float: right; margin-right: 15px; fill: #fff; } .navigation .bn-m-container .bn-m-l1-sp { border-bottom: 2px solid #666; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; display: block; font-size: 18px; } .navigation .bn-m-container .bn-m-submenu-cont-l2 { background-color: #555555; } .navigation .bn-m-container .bn-m-submenu-cont-l2 ul { padding-left: 30px; margin-top: 0px; } .navigation .bn-m-container .bn-m-submenu-cont-l2 ul li { padding-top: 10px; padding-bottom: 0px; } .navigation .bn-m-container .bn-m-submenu-cont-l2 ul > li:first-child { padding-top: 15px; } .navigation .bn-m-container .bn-m-submenu-cont-l2 ul > li:last-child { padding-bottom: 15px; } .navigation .bn-m-container .bn-m-down svg { margin-top: -45px; transform: rotate(90deg); } .navigation .bn-m-container .bn-m-up svg { margin-top: -45px; transform: rotate(270deg); } .navigation .bn-m-container .bn-m-submenu-tab-cont-l2 { background-color: #555555; } .navigation .bn-m-container .bn-m-submenu-tab-cont-l2 ul { padding: 0px; margin-top: 0px; } .navigation .bn-m-container .bn-m-submenu-tab-cont-l2 ul li { padding-top: 10px; } .navigation .bn-m-container .bn-m-submenu-tab-cont-l2 ul > li:first-child { padding-top: 15px; } .navigation .bn-m-container .bn-m-submenu-tab-cont-l2 ul > li:last-child div .has-m-menu3 { padding-bottom: 15px; } .navigation .bn-m-container .bn-m-submenu-tab-cont-l2 ul > li:last-child div .bn-m-submenu-l3 { margin-top: -15px; } .navigation .bn-m-container .bn-m-submenu-tab-cont-l2 ul > li:last-child .bn-m-tab-txt { border-bottom: none; } .navigation .bn-m-container .bn-m-submenu-tab-cont-l2 .bn-m-tab-txt { display: block; margin-right: 20px; border-bottom: 2px solid #666; margin-left: 30px; } .navigation .bn-m-container .bn-m-submenu-tab-cont-l2 .bn-m-arrow svg { margin-top: -40px; } .navigation .bn-m-container .bn-m-tab-txt { border-bottom: 2px solid #666; padding-bottom: 5px; margin-right: 20px; font-size: 14px; } .navigation .bn-m-container .bn-m-submenu-l3 { background-color: #666666; } .navigation .bn-m-container .bn-m-submenu-l3 ul li { padding-left: 50px; padding-top: 0px; } .navigation .bn-m-container .bn-m-submenu-l3 ul li:first-child { padding-top: 15px; } .navigation .bn-m-container .bn-m-submenu-l3 ul li:last-child { padding-bottom: 15px; } .navigation .bn-m-hide { visibility: hidden; position: absolute; display: none; } .navigation .bn-m-border { border-bottom: 2px solid #555 !important; } .navigation .bn-main-head { color: #fff; padding-left: 20px; line-height: 20px; } .navigation #bn-mob-container .bn-m-submenu-l3 ul li label { margin-left: 0px; } @media screen and (max-width: 1024px) { .navigation .bn-ic-menu { font-size: 25px; padding-top: 5px; } .navigation .bn-sub-nav-container { display: none !important; } .navigation .bn-m-container { display: block !important; } .navigation .bn-main-head { padding-top: 0px; } } @media screen and (max-width: 1023px) { .navigation .bn-ic-menu { font-size: 25px; padding-top: 5px !important; } } @media screen and (max-width: 1024px) { .navigation .bn-m-container { margin-top: 46px; } } @media screen and (min-width: 640px) and (max-width: 1024px) { .navigation .bn-m-container { position: absolute; max-width: 400px; float: right; height: calc(100vh - 45px); } .navigation .bm-m-relative { position: relative !important; } } @media screen and (min-width: 1025px) { .navigation .bn-sub-nav-container { display: block !important; } .navigation .bn-m-container { display: none !important; } .navigation .bn-main-head { padding-top: 20px; } } @media screen and (max-width: 640px) { .navigation .bn-main-head { position: absolute; margin-left: 85px; width: 200px; padding-top: 0px; } } /* Brand Nav 2.0 End */ /* GTC Navigation Styles Start */ .global-nav.gtc { /* GTC Navigation CSS Variables */ --logo-width: 190px; --logo-height: 104px; --logo-aspect-ratio: 3.357; --nav-info-height: 44px; --nav-main-height: 60px; --transition-normal: 0.3s ease; --z-nav: 1000; --color-black: #000; --color-gray-800: #2d2d2d; --max-width-desktop: 1290px; --side-padding: 15px; /* Hide brand-nav-left for GTC */ /* GTC-specific brand-nav-left height */ /* GTC-specific nav-header-container margin */ /* GTC-specific brand-nav-heading with responsive font sizes */ /* GTC Navigation Grid Layout */ position: fixed; top: 0; left: 0; right: 0; background-color: var(--color-black); z-index: var(--z-nav); display: grid; grid-template-columns: calc(var(--logo-width) - 24px) minmax(0, 1fr); grid-template-rows: var(--nav-info-height) var(--nav-main-height); max-width: var(--max-width-desktop); width: 100%; margin-inline: auto; transition: grid-template-rows var(--transition-normal); /* Full-width black background extending beyond max-width */ /* nav-header positioned in column 2, row 1 */ /* nav-logo spans both rows in column 1 */ /* nav-divider spans full viewport width, positioned at bottom of row 1 */ /* Override navglobicon padding for GTC */ /* sub-brand-nav in column 2, row 2 */ /* Collapsed state when page is scrolled */ /* In-page navigation positioning for GTC */ /* Mobile/Tablet nav-tools-container in sub-brand-nav */ /* iPad/Tablet responsive styles */ /* Mobile responsive styles */ } .global-nav.gtc .bn-brand-nav-left { display: none; } @media (min-width: 1025px) { .global-nav.gtc .sub-brand-nav .brand-nav-left { height: 60px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .global-nav.gtc .nav-header-container { margin: 0px !important; } .global-nav.gtc .sub-brand-nav .sub-brand-nav-container { padding-left: 0px; } } .global-nav.gtc .brand-nav-heading { margin: 0; width: 100%; /* Mobile viewport */ /* Tablet viewport */ /* Laptop viewport */ /* Desktop viewport */ } @media screen and (max-width: 599px) { .global-nav.gtc .brand-nav-heading { font-size: 10px; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .global-nav.gtc .brand-nav-heading { font-size: 12px; display: flex; justify-content: center; } } @media screen and (min-width: 1025px) and (max-width: 1349px) { .global-nav.gtc .brand-nav-heading { font-size: 14px; } } @media screen and (min-width: 1350px) { .global-nav.gtc .brand-nav-heading { font-size: 16px; } } .global-nav.gtc::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; background-color: var(--color-black); z-index: -1; } .global-nav.gtc .nav-header { grid-column: 2; grid-row: 1; transition: opacity var(--transition-normal), transform var(--transition-normal), visibility var(--transition-normal), max-height var(--transition-normal); background-color: var(--color-black); color: #fff; opacity: 1; visibility: visible; transform: translateY(0); max-height: var(--nav-info-height); overflow: visible; z-index: 1001; /* Hide state with smooth transition */ } .global-nav.gtc .nav-header.hide { opacity: 0; visibility: hidden; transform: translateY(-100%); max-height: 0; pointer-events: none; } .global-nav.gtc .nav-logo { grid-column: 1; grid-row: 1 / 3; width: var(--logo-width); height: var(--logo-height); background-color: var(--color-black); display: flex; align-items: center; justify-content: center; z-index: 1003; transition: height var(--transition-normal), width var(--transition-normal), margin-left var(--transition-normal); overflow: hidden; margin-left: -24px; } .global-nav.gtc .nav-logo a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .global-nav.gtc .nav-logo .logo-img { height: auto; width: auto; max-height: 42px; max-width: 141px; transition: max-height var(--transition-normal); } .global-nav.gtc .nav-divider { grid-column: 1 / -1; /* Span all columns */ grid-row: 1 / 2; align-self: end; height: 1px; background-color: var(--color-gray-800); z-index: 1002; /* Lower than nav-logo so logo covers it */ transition: opacity var(--transition-normal); position: relative; width: 100vw; left: 50%; transform: translateX(-50%); margin-left: 0; } .global-nav.gtc .nav-header-container .nav-tools-container .nav-header-list .navglobicon > ul > li > a { padding-bottom: 0; } .global-nav.gtc .sub-brand-nav { grid-column: 2; grid-row: 2; z-index: 1000; /* Height 60px for laptop and desktop */ } @media screen and (min-width: 1024px) { .global-nav.gtc .sub-brand-nav { height: 60px; } } @media screen and (min-width: 1024px) and (max-width: 1349px) { .global-nav.gtc .sub-brand-nav .sub-brand-nav-container { height: 60px; } } @media screen and (min-width: 1350px) { .global-nav.gtc .sub-brand-nav .sub-brand-nav-container { height: 60px; } } .global-nav.gtc.collapsed { grid-template-rows: 0 var(--nav-main-height); /* Position in-page-nav below sub-brand-nav when collapsed */ } .global-nav.gtc.collapsed .nav-header { opacity: 0; height: 0; overflow: hidden; pointer-events: none; } .global-nav.gtc.collapsed .nav-logo { height: var(--nav-main-height); width: calc(30px * var(--logo-aspect-ratio)); margin-left: 0; } .global-nav.gtc.collapsed .nav-logo .logo-img { max-height: 30px; } .global-nav.gtc.collapsed .nav-divider { opacity: 0; } .global-nav.gtc.collapsed .in-page-nav-outer-container { top: var(--nav-main-height); } .global-nav.gtc .in-page-nav-outer-container { position: absolute; top: calc(var(--nav-info-height) + var(--nav-main-height)); left: 50%; transform: translateX(-50%); z-index: calc(var(--z-nav) - 1); width: 100vw; /* Desktop/Laptop */ } @media (max-width: 954px) { .global-nav.gtc .in-page-nav-outer-container { width: 100%; /* Tablet/Mobile */ } } .global-nav.gtc .searchoverlay { top: 90px; } @media (min-width: 1025px) { .global-nav.gtc .searchoverlay { top: 110px; } } .global-nav.gtc.pull-up { top: 0px; } @media (min-width: 768px) and (max-width: 1024px) { .global-nav.gtc .search-section { top: 26px; right: 0; left: auto; } } @media (max-width: 767px) { .global-nav.gtc .search-section { top: 69px; } } .global-nav.gtc .nav-header-container { width: auto; justify-content: flex-start; align-items: center; /* Desktop/Laptop nav-tools-container - visible on large screens */ } .global-nav.gtc .nav-header-container .nav-tools-container.nav-tools-desktop { margin-left: auto; display: flex; align-items: center; height: 100%; } @media (max-width: 954px) { .global-nav.gtc .nav-header-container .nav-tools-container.nav-tools-desktop { display: none; /* Hide on tablet and mobile */ } } .global-nav.gtc .nav-header-container .nav-tools-container.nav-tools-desktop .nav-header-list { display: flex; align-items: center; height: 100%; margin: 0; padding: 0; } .global-nav.gtc .nav-header-container .nav-tools-container.nav-tools-desktop .nav-header-list .nav-header-item { float: none; display: flex; align-items: center; padding-left: 15px; height: 100%; } .global-nav.gtc .nav-header-container .nav-tools-container.nav-tools-desktop .nav-header-list .nav-header-item.search-item { padding-left: 0; } .global-nav.gtc .nav-header-container .nav-tools-container.nav-tools-desktop .nav-header-list .floatright { float: none; display: flex; align-items: center; } .global-nav.gtc .nav-header-container .nav-tools-container.nav-tools-desktop .nav-header-list .navglobicon { float: none; display: flex; align-items: center; height: 100%; } .global-nav.gtc .nav-header-container .nav-tools-container.nav-tools-desktop .nav-header-list .navglobicon > ul { display: flex; align-items: center; margin: 0; padding: 0; height: 100%; } .global-nav.gtc .nav-header-container .nav-tools-container.nav-tools-desktop .nav-header-list .navglobicon > ul > li { display: flex; align-items: center; margin: 0; height: 100%; } .global-nav.gtc .nav-header-container .nav-tools-container.nav-tools-desktop .nav-header-list .navglobicon a { display: flex; align-items: center; } .global-nav.gtc .nav-tools-container.nav-tools-mobile { display: none; /* Hide on desktop/laptop */ } @media (max-width: 954px) { .global-nav.gtc .nav-tools-container.nav-tools-mobile { display: flex; /* Show on tablet and mobile */ align-items: center; margin-left: auto; margin-right: 10px; height: 46px; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list { display: flex; align-items: center; gap: 15px; margin: 0; padding: 0; height: 100%; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .nav-header-item { padding: 0; float: none; display: flex; align-items: center; height: 100%; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .nav-header-item a { display: flex; align-items: center; height: 100%; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .nav-header-item .nav-search-icon { fill: #999; display: block; position: static; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .nav-header-item .nav-search-icon:hover { fill: #fff; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon { float: none; display: flex; align-items: center; height: 100%; /* Hide dropdown by default */ /* Arrow indicator */ } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; height: 100%; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li { margin: 0; position: relative; display: flex; align-items: center; height: 100%; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li > a { display: flex; align-items: center; color: #999; padding: 0; height: 100%; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li > a svg { display: block; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li > a .b { fill: #999; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li > a span { line-height: normal; margin-left: 5px; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li > a:hover { color: #fff; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li > a:hover .b { fill: #fff; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li > ul { display: none; position: absolute; top: 100%; right: 0; left: auto; background-color: #EEEEEE; z-index: 1000; min-width: 120px; /* Show on hover or when has class */ } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li > ul.phonetabletshow { display: block; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li > ul > li { white-space: nowrap; padding: 7.5px 15px; font-weight: bold; font-size: 14px; text-align: center; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li > ul > li a { color: #666; display: block; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li > ul > li:hover { background-color: #76b900; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li > ul > li:hover a { color: #000; } .global-nav.gtc .nav-tools-container.nav-tools-mobile .nav-header-list .navglobicon > ul > li > ul:after { position: absolute; right: 20px; top: -8px; width: 0; height: 0; content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #EEEEEE; } } .global-nav.gtc .sub-brand-nav .brand-nav-left #sub-brand.align-self-end { align-self: flex-end; } .global-nav.gtc .sub-brand-nav .brand-nav-left .sub-brand-item { padding-top: 0; } .global-nav.gtc .sub-brand-nav.brand-nav-2.pull-up { top: 0; } .global-nav.gtc .brand-nav-heading { margin: 0; width: 100%; } .global-nav.gtc .brand-container + .brand-nav-heading { margin: 0 0 0 5px; } @media screen and (min-width: 768px) and (max-width: 1024px) { .global-nav.gtc .brand-container + .brand-nav-heading { margin: 0 0 0 15px; } } @media screen and (max-width: 767px) { .global-nav.gtc .brand-container + .brand-nav-heading { margin: 0 0 0 15px; } } @media (max-width: 954px) { .global-nav.gtc { /* Add tablet variable */ --max-width-tablet: 954px; /* Ensure navigation stays at top in tablet */ position: fixed; top: 0; left: 0; right: 0; /* Change grid layout for tablet: nav-header, divider, main-nav */ grid-template-columns: 1fr; grid-template-rows: var(--nav-info-height) 1px 46px; /* Override pull-up in tablet - keep at top */ /* nav-wrapper positioning */ /* nav-container flex layout */ /* nav-header visible on page load */ /* nav-divider below nav-header */ /* sub-brand-nav with logo and buttons */ /* Logo inside sub-brand-nav-container for tablet (moved via JS) */ /* In-page navigation positioning for tablet/mobile (non-collapsed) */ /* Subnav positioning for tablet/mobile (non-collapsed) */ /* Collapsed state on scroll for tablet */ } .global-nav.gtc.pull-up { top: 0 !important; } .global-nav.gtc .nav-wrapper { order: 2; display: flex; justify-content: center; width: 100%; } .global-nav.gtc .nav-container { display: flex; width: 100%; max-width: calc(var(--max-width-tablet) + (2 * var(--side-padding))); padding-inline: var(--side-padding); } .global-nav.gtc .nav-header { grid-column: 1; grid-row: 1; } .global-nav.gtc .nav-header-container { z-index: calc(var(--z-nav) + 3); padding-inline: var(--side-padding); justify-content: flex-start; align-items: center; height: auto; min-height: var(--nav-info-height); padding-block: 8px; width: 100%; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), max-height var(--transition-normal), padding var(--transition-normal), margin var(--transition-normal); will-change: transform, opacity; transform: translateY(0); } .global-nav.gtc .nav-divider { grid-column: 1; grid-row: 2; display: block; position: static; left: auto; transform: none; width: 100%; } .global-nav.gtc .sub-brand-nav { grid-column: 1; grid-row: 3; position: static !important; /* Override absolute positioning from base styles */ top: auto !important; /* Register/Login buttons visible in sub-brand-nav */ } .global-nav.gtc .sub-brand-nav .sub-brand-nav-container { height: 46px; margin: 0 auto; max-width: 1290px; min-width: 290px; padding: 0 30px; transition: all 0.5s; width: auto; display: flex; align-items: center; justify-content: space-between; position: relative; /* Positioning context for nav-logo */ } } @media (max-width: 954px) and (min-width: 1025px) { .global-nav.gtc .sub-brand-nav .brand-nav-left { display: flex; align-items: center; margin-left: calc(30px * var(--logo-aspect-ratio) + 15px); /* Space for logo */ height: 60px; } .global-nav.gtc .sub-brand-nav .brand-nav-left .sub-brand-item { display: none; } } @media (max-width: 954px) { .global-nav.gtc .sub-brand-nav .brand-nav-right { display: flex; align-items: center; gap: 10px; } .global-nav.gtc .sub-brand-nav .brand-nav-right .gtc-sign-in, .global-nav.gtc .sub-brand-nav .brand-nav-right .gtc-register-now { display: inline-flex !important; } .global-nav.gtc .sub-brand-nav-container .nav-logo { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); height: auto; width: auto; margin-left: 0; background-color: transparent; z-index: calc(var(--z-nav) + 2); grid-column: unset; grid-row: unset; } .global-nav.gtc .sub-brand-nav-container .nav-logo .logo-img { max-height: 30px; max-width: calc(30px * var(--logo-aspect-ratio)); } .global-nav.gtc .in-page-nav-outer-container { top: 91px; /* nav-header (44px) + divider (1px) + sub-brand-nav (46px) */ } .global-nav.gtc .subnav { top: 90px; /* nav-header (44px) + sub-brand-nav (46px) */ } .global-nav.gtc.collapsed { /* Keep navigation fixed at top */ top: 0 !important; /* Adjust grid to only show sub-brand-nav */ grid-template-rows: 0 0 46px; /* Hide nav-header and nav-header-container on scroll */ /* Hide nav-divider on scroll */ /* Ensure sub-brand-nav is visible at the top */ /* Update in-page-nav position when collapsed */ /* Subnav positioning when scrolled (collapsed) */ } .global-nav.gtc.collapsed .nav-wrapper { margin-top: 0; } .global-nav.gtc.collapsed .nav-header, .global-nav.gtc.collapsed .nav-header-container { opacity: 0; visibility: hidden; height: 0; max-height: 0; overflow: hidden; pointer-events: none; } .global-nav.gtc.collapsed .nav-divider { opacity: 0; visibility: hidden; height: 0; } .global-nav.gtc.collapsed .sub-brand-nav { grid-row: 3; position: static !important; top: auto !important; } .global-nav.gtc.collapsed .sub-brand-nav .sub-brand-nav-container { height: 46px; min-height: 46px; padding-top: 0; } .global-nav.gtc.collapsed .in-page-nav-outer-container { top: 46px; /* Only sub-brand-nav height when collapsed */ } .global-nav.gtc.collapsed .subnav { top: 46px; /* Only sub-brand-nav height when collapsed */ } } @media (max-width: 599px) { .global-nav.gtc { /* Subnav positioning for mobile (non-collapsed) */ /* Collapsed state on scroll for mobile */ } .global-nav.gtc .subnav { top: 90px; /* nav-header (44px) + sub-brand-nav (46px) */ } .global-nav.gtc.collapsed { /* Subnav positioning when scrolled (collapsed) */ } .global-nav.gtc.collapsed .subnav { top: 46px; /* Only sub-brand-nav height when collapsed */ } } /* GTC Navigation Styles End */ /* GTC-specific page content margins */ body:not(.brand-nav-2):has(.global-nav.gtc .sub-brand-nav) #page-content { margin-top: 104px; } body:not(.brand-nav-2):has(.global-nav.gtc .sub-brand-nav) #page-content.pull-up { margin-top: 60px; } @media screen and (max-width: 1023px) { body:not(.brand-nav-2):has(.global-nav.gtc .sub-brand-nav) #page-content { margin-top: 90px !important; } } .navigation .global-nav .desktop-nav .nav-header-container { position: static; } .navigation .global-nav .desktop-nav .nav-header-container .navoverlay { display: none; opacity: 0.6; background: black; filter: alpha(opacity=60); opacity: 0.6; position: fixed; width: 100%; height: 100%; top: 44px; left: 0; z-index: 551; outline: 0; overflow-y: hidden; } .navigation .global-nav .desktop-nav .nav-header-container .navoverlay.navoverlay-display { display: block; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu { color: #000000; padding: 4px 30px 0 0px; z-index: 1001; flex: 1 1 0%; min-width: 0; margin: 0 auto 0 0; height: 40px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container { margin: 0 auto; top: 3px; height: 44px; display: inline-block; margin-left: 8px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button { display: inline-block; border: none; padding: 0; margin: 0; text-decoration: none; background: transparent; font-size: 1rem; cursor: pointer; text-align: center; position: relative; height: inherit; float: left; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(en-us), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(en-zz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(en-gb), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(en-au), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(en-eu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(en-in), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(es-la), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(es-uy), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(es-cl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(es-py), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(es-ar), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(pt-br), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(en-sg), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(en-me), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(en-ph), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(de-at), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(fr-be), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(cs-cz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(da-dk), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(nl-nl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(nb-no), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(pl-pl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(pt-pt), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(ro-ro), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(es-es), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(sv-se), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(de-ch), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(tr-tr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(de-de), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(fr-fr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(fi-fi), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(it-it), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(hu-hu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(sl-si), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button .n24-icon { width: 24px; height: 24px; vertical-align: middle; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:hover { background: transparent; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:focus { background: transparent; outline: 0; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button.close { opacity: 1; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container button.menu-button { height: 40px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container button.menu-button.close { width: 25px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:focus-visible { outline: 2px solid #76b900; outline-offset: 1px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button:active { transform: scale(1); } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button.caret-down { float: right; transform: rotate(0deg); } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button.caret-down.closed { transform: rotate(0deg); } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button.caret-down.open, .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container .menu-button.caret-down.active { transform: rotate(180deg); } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .menu-buttons-container span#mega-menu-expand-label { padding: 10px 10px 10px 0; margin-top: 15px; height: 40px; line-height: 25px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left { float: left; list-style-type: none; margin: 0; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; padding-left: 0px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(en-us), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(en-zz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(en-gb), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(en-au), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(en-eu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(en-in), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(es-la), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(es-uy), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(es-cl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(es-py), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(es-ar), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(pt-br), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(en-sg), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(en-me), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(en-ph), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(de-at), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(fr-be), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(cs-cz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(da-dk), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(nl-nl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(nb-no), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(pl-pl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(pt-pt), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(ro-ro), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(es-es), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(sv-se), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(de-ch), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(tr-tr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(de-de), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(fr-fr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(fi-fi), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(it-it), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(hu-hu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(sl-si), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item { display: inline-block; margin-right: -4px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item div[class*="nv-level1-tab"] { color: #000000; position: absolute; width: 100%; left: 0; right: 0; visibility: hidden; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item div[class*="nv-level1-tab"].nv-menu2-container { background-color: #f7f7f7; z-index: 552; opacity: 0; transition: ease-in 0.2s; -webkit-transition: ease-in 0.2s; -o-transition: ease-in 0.2s; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item div[class*="nv-level1-tab"].nv-menu3-container { background-color: #eeeeee; z-index: 552; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .menu-slider { display: block; position: relative; bottom: 3px; height: 3px; background: #76b900; transition: all 0.5s; opacity: 0; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1 { padding: 10px 10px 8px; display: inline-block; line-height: 22px; cursor: pointer; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: normal; color: #666666; margin: 0; transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(en-us), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(en-zz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(en-gb), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(en-au), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(en-eu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(en-in), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(es-la), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(es-uy), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(es-cl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(es-py), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(es-ar), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(pt-br), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(en-sg), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(en-me), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(en-ph), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(de-at), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(fr-be), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(cs-cz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(da-dk), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(nl-nl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(nb-no), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(pl-pl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(pt-pt), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(ro-ro), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(es-es), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(sv-se), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(de-ch), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(tr-tr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(de-de), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(fr-fr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(fi-fi), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(it-it), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(hu-hu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(sl-si), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:focus { outline: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:hover { color: #1a1a1a; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container { padding-top: 1px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(en-us), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(en-zz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(en-gb), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(en-au), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(en-eu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(en-in), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(es-la), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(es-uy), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(es-cl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(es-py), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(es-ar), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(pt-br), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(en-sg), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(en-me), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(en-ph), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(de-at), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(fr-be), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(cs-cz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(da-dk), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(nl-nl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(nb-no), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(pl-pl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(pt-pt), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(ro-ro), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(es-es), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(sv-se), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(de-ch), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(tr-tr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(de-de), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(fr-fr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(fi-fi), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(it-it), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(hu-hu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(sl-si), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list { list-style-type: none; margin: 0; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; padding-left: 0px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(en-us), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(en-zz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(en-gb), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(en-au), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(en-eu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(en-in), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(es-la), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(es-uy), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(es-cl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(es-py), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(es-ar), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(pt-br), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(en-sg), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(en-me), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(en-ph), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(de-at), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(fr-be), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(cs-cz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(da-dk), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(nl-nl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(nb-no), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(pl-pl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(pt-pt), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(ro-ro), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(es-es), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(sv-se), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(de-ch), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(tr-tr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(de-de), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(fr-fr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(fi-fi), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(it-it), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(hu-hu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(sl-si), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list .nv-menu-item { display: table-cell; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list .nv-menu-item .nv-menu-button { line-height: 44px; padding: 10px 10px 11px 10px; cursor: pointer; color: #666666; margin: 0; transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list .nv-menu-item .nv-menu-button:focus { outline: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list .nv-menu-item .nv-menu-button:hover { color: #1a1a1a; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list .nv-menu-item .nv-menu-button a { color: #666666; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list .nv-menu-item .nv-menu-button a:focus { outline: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list .nv-menu-item .nv-menu-button a:hover { color: #1a1a1a; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list .slider-menu { display: block; position: relative; bottom: 0px; height: 3px; background: #76b900; transition: all 0.5s; opacity: 0; margin-top: -3px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container { position: absolute; width: 100%; padding: 0; box-shadow: 0 6px 4px -4px #1a1a1a; visibility: hidden; background-color: #eeeeee; z-index: 552; opacity: 0; transition: ease-in 0.2s; -webkit-transition: ease-in 0.2s; -o-transition: ease-in 0.2s; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 { padding-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 30px; padding-bottom: 10px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 { font-size: 14px; color: #1a1a1a; background-color: #eeeeee; margin-right: 30px; padding-bottom: 20px; float: left; max-width: 190px; width: calc(100% / 6 - 25px); } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title { border-bottom: 2px solid #cccccc; font-weight: bold; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; padding-bottom: 10px; line-height: 1.25em; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(en-us), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(en-zz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(en-gb), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(en-au), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(en-eu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(en-in), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(es-la), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(es-uy), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(es-cl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(es-py), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(es-ar), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(pt-br), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(en-sg), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(en-me), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(en-ph), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(de-at), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(fr-be), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(cs-cz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(da-dk), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(nl-nl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(nb-no), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(pl-pl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(pt-pt), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(ro-ro), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(es-es), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(sv-se), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(de-ch), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(tr-tr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(de-de), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(fr-fr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(fi-fi), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(it-it), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(hu-hu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(sl-si), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 .menu3-title:empty { visibility: hidden; margin-bottom: -23px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3 ul.menu-level-4 { margin-top: 0; padding-left: 0; padding-top: 5px; line-height: 1.25em; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-1-5 { width: calc(100% / 4 - 23px); max-width: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-2 { width: calc(32% - 8px); max-width: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-2 ul.menu-level-4 { column-count: 2; column-gap: 30px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-2 ul.menu-level-4 li { width: 100%; display: inline-block; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-3 { width: calc(48% + 10px); max-width: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-3 ul.menu-level-4 { column-count: 3; column-gap: 30px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-3 ul.menu-level-4 li { width: 100%; display: inline-block; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-4 { width: calc(64% + 10px); max-width: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-4 ul.menu-level-4 { column-count: 4; column-gap: 30px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-4 ul.menu-level-4 li { width: 100%; display: inline-block; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-5 { width: calc(82% + 10px); max-width: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-5 ul.menu-level-4 { column-count: 5; column-gap: 30px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-5 ul.menu-level-4 li { width: 100%; display: inline-block; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-6 { width: calc(99% + 10px); max-width: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-6 ul.menu-level-4 { column-count: 6; column-gap: 30px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3.menu-col-6 ul.menu-level-4 li { width: 100%; display: inline-block; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-3:last-child { margin-right: 0; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4 { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-size: 14px; color: #1a1a1a; padding: 7px 0px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(en-us), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(en-zz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(en-gb), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(en-au), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(en-eu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(en-in), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(es-la), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(es-uy), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(es-cl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(es-py), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(es-ar), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(pt-br), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(en-sg), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(en-me), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(en-ph), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(de-at), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(fr-be), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(cs-cz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(da-dk), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(nl-nl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(nb-no), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(pl-pl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(pt-pt), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(ro-ro), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(es-es), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(sv-se), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(de-ch), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(tr-tr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(de-de), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(fr-fr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(fi-fi), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(it-it), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(hu-hu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(sl-si), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4 .menu-item-link { color: #666666; display: block; transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4 .menu-item-link:hover { color: #1a1a1a; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 li.menu-level-4 .menu-item-link:focus { outline: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container ul.menu-level-3 .image .imgwidth .lazyloaded { transition: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container.one-lvl .menu-level-3 { padding-top: 20px; padding-bottom: 20px; line-height: 1.25em; column-gap: 30px; display: block; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container.one-lvl .menu-level-3.list-menu-col-1 { column-count: 1; width: calc(16%); } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container.one-lvl .menu-level-3.list-menu-col-2 { column-count: 2; width: calc(33%); } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container.one-lvl .menu-level-3.list-menu-col-3 { column-count: 3; width: calc(49%); } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container.one-lvl .menu-level-3.list-menu-col-4 { column-count: 4; width: calc(66%); } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container.one-lvl .menu-level-3.list-menu-col-5 { column-count: 5; width: calc(83%); } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container.one-lvl .menu-level-3.list-menu-col-6 { column-count: 6; width: calc(100%); } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container.one-lvl .menu-level-3 li.menu-level-4 { display: inline-block; width: 100%; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right { float: right; margin-top: -2px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item { font-size: 12px; color: #1a1a1a; padding-right: 12px; text-transform: inherit; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; line-height: 37px; display: inline-block; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(en-us), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(en-zz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(en-gb), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(en-au), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(en-eu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(en-in), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(es-la), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(es-uy), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(es-cl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(es-py), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(es-ar), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(pt-br), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(en-sg), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(en-me), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(en-ph), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(de-at), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(fr-be), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(cs-cz), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(da-dk), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(nl-nl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(nb-no), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(pl-pl), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(pt-pt), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(ro-ro), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(es-es), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(sv-se), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(de-ch), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(tr-tr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(de-de), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(fr-fr), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(fi-fi), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(it-it), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(hu-hu), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(sl-si), .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item .menu-button-link { color: #666666; display: block; padding: 4px 5px 0px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item .menu-button-link:hover { color: #1a1a1a; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item .menu-button-link:focus { outline: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item a.focusOutline { outline-offset: -1px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:last-child { padding-right: 0; } .navigation .global-nav .desktop-nav .nav-header-container input[name*="nv-tab-level"] { display: none; } .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab1:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab1 { visibility: visible; transform: rotateX(0); opacity: 1; transition: ease-out 0.2s; -webkit-transition: ease-out 0.2s; -o-transition: ease-out 0.2s; } .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab2, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab3, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab4, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab5, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab6 { visibility: visible; position: absolute; width: 100%; left: 0; right: 0; opacity: 1; transition: ease-out 0.2s; -webkit-transition: ease-out 0.2s; -o-transition: ease-out 0.2s; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab1:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab1"], .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab2"], .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab3"], .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab4"], .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab5"], .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab6"] { color: #1a1a1a; } .navigation .global-nav .desktop-nav .nav-header-container #tab1-nv-level2-tab1:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab1-nv-level2-tab1"], .navigation .global-nav .desktop-nav .nav-header-container #tab1-nv-level2-tab2:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab1-nv-level2-tab2"] { color: #000000; padding-bottom: 11px; transition: none; } .navigation .global-nav .desktop-nav .nav-header-container #tab1-nv-level2-tab1:checked ~ .nv-level3-tab1, .navigation .global-nav .desktop-nav .nav-header-container #tab1-nv-level2-tab2:checked ~ .nv-level3-tab2 { visibility: visible; width: 100%; background-color: #eeeeee; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; transition: ease-out 0.2s; -webkit-transition: ease-out 0.2s; -o-transition: ease-out 0.2s; } .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab1:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab1"], .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab2:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab2"], .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab3:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab3"], .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab4:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab4"], .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab5:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab5"], .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab6:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab6"], .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab7:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab7"] { color: #000000; transition: none; } .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab1:checked ~ .nv-level3-tab1, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab2:checked ~ .nv-level3-tab2, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab3:checked ~ .nv-level3-tab3, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab4:checked ~ .nv-level3-tab4, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab5:checked ~ .nv-level3-tab5, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab6:checked ~ .nv-level3-tab6, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab7:checked ~ .nv-level3-tab7 { visibility: visible; width: 100%; background-color: #eeeeee; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; transition: ease-out 0.2s; -webkit-transition: ease-out 0.2s; -o-transition: ease-out 0.2s; } .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab1:checked ~ .nv-level2-list-container .nv-menu-level2-list .slider-menu, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab2:checked ~ .nv-level2-list-container .nv-menu-level2-list .slider-menu, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab3:checked ~ .nv-level2-list-container .nv-menu-level2-list .slider-menu, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab4:checked ~ .nv-level2-list-container .nv-menu-level2-list .slider-menu, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab5:checked ~ .nv-level2-list-container .nv-menu-level2-list .slider-menu, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab6:checked ~ .nv-level2-list-container .nv-menu-level2-list .slider-menu, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab7:checked ~ .nv-level2-list-container .nv-menu-level2-list .slider-menu { opacity: 1; } .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab1:checked ~ .nv-menu .nv-menu-list .menu-slider, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .menu-slider, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .menu-slider, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .menu-slider, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .menu-slider, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .menu-slider { opacity: 1; } .navigation .global-nav .desktop-nav .nav-header-container #tab1-nv-level2-tab1:checked ~ .nv-level2-list-container .nv-menu-level2-list .slider-menu.menu-slider-l1 { opacity: 1; left: 0px; } .navigation .global-nav .desktop-nav .nav-header-container #tab1-nv-level2-tab2:checked ~ .nv-level2-list-container .nv-menu-level2-list .slider-menu.menu-slider-l1 { opacity: 1; } .navigation .global-nav .desktop-nav .nav-header-container .focusOutline { outline: 2px solid #76b900 !important; outline-offset: 2px; } @media (min-width: 1281px) { .navigation .nav-row-container { max-width: 1290px; margin: 0 auto; } .navigation .global-nav .nav-header-container { max-width: 1290px; margin: 0 auto; } } @media (min-width: 1025px) and (max-width: 1280px) { .navigation .nav-row-container { max-width: 954px; margin: 0 auto; } .navigation .global-nav .nav-header-container { max-width: 1290px; margin: 0 auto; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .navigation .nav-row-container { padding: 0; margin: 0 auto; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .navigation .global-nav .nav-header-container { padding: 0; max-width: 954px; } } /* Desktop End */ [role="button"] { cursor: pointer; } body.mega-menu-open { overflow-y: hidden; } body.mega-menu-closed { overflow-y: auto; } .navigation .global-nav .mobile-nav { position: relative; right: 0; left: 0; z-index: 1000; width: 100%; min-width: 320px; display: block; font-size: 16px; transition: top 0.5s; } .navigation .global-nav .mobile-nav .mega-nav { position: absolute; width: 375px; height: 100%; height: calc(100% - 44px); top: 44px; left: 0; overflow-x: hidden; overflow-y: auto; } @media (max-width: 639px) { .navigation .global-nav .mobile-nav .mega-nav { width: 100vw; } } .navigation .global-nav .mobile-nav .mega-nav .mega-menu { position: absolute; top: 0; left: 0; background-color: #ffffff; width: 375px; height: auto; min-height: calc(100vh - 44px); z-index: 999; box-shadow: 3px 0 15px 0 rgba(0, 0, 0, 0.2); overflow: hidden; } @media (max-width: 639px) { .navigation .global-nav .mobile-nav .mega-nav .mega-menu { position: absolute; top: 0; width: 100%; } } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul { position: relative; list-style: none; margin: 0; padding-left: 0; left: 0; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 { background-color: #f7f7f7; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2 { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #f7f7f7; padding: 15px; padding-left: 15px; padding-left: 25px; left: 0; position: relative; line-height: 1.25em; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(en-us), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(en-zz), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(en-gb), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(en-au), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(en-eu), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(en-in), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(es-la), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(es-uy), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(es-cl), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(es-py), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(es-ar), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(pt-br), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(en-sg), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(en-me), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(en-ph), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(de-at), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(fr-be), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(cs-cz), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(da-dk), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(nl-nl), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(nb-no), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(pl-pl), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(pt-pt), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(ro-ro), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(es-es), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(sv-se), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(de-ch), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(tr-tr), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(de-de), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(fr-fr), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(fi-fi), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(it-it), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(hu-hu), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(sl-si), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-2 li.menu-level-2:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-accordion { overflow: hidden; height: auto; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-accordion.open { max-height: 9000px; transition: max-height 0.5s ease; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-accordion.closed { max-height: 0; transition: max-height 0.5s ease; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 { padding-top: 15px; padding-right: 25px; padding-bottom: 30px; padding-left: 40px; background-color: #eeeeee; color: #1a1a1a; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-3 { padding: 0; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4 { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-size: 14px; padding: 10px 10px 0 0; line-height: 1.25em; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(en-us), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(en-zz), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(en-gb), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(en-au), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(en-eu), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(en-in), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(es-la), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(es-uy), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(es-cl), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(es-py), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(es-ar), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(pt-br), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(en-sg), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(en-me), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(en-ph), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(de-at), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(fr-be), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(cs-cz), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(da-dk), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(nl-nl), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(nb-no), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(pl-pl), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(pt-pt), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(ro-ro), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(es-es), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(sv-se), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(de-ch), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(tr-tr), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(de-de), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(fr-fr), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(fi-fi), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(it-it), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(hu-hu), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(sl-si), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-4:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3 { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 14px; line-height: 1em; text-transform: none; padding-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #cccccc; display: block; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(en-us), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(en-zz), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(en-gb), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(en-au), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(en-eu), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(en-in), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(es-la), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(es-uy), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(es-cl), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(es-py), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(es-ar), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(pt-br), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(en-sg), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(en-me), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(en-ph), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(de-at), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(fr-be), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(cs-cz), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(da-dk), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(nl-nl), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(nb-no), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(pl-pl), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(pt-pt), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(ro-ro), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(es-es), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(sv-se), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(de-ch), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(tr-tr), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(de-de), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(fr-fr), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(fi-fi), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(it-it), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(hu-hu), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(sl-si), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 div.menu-level-3:empty { display: none; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li ul.menu-level-3 li.menu-level-3:first-child div.title { padding-top: 15px; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-button.caret-right { position: fixed; float: left; left: calc(50vw - 160px); top: 6px; z-index: 1002; opacity: 0; display: none; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-button.caret-right .n24-icon { float: right; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1 { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-size: 16px; color: #1a1a1a; padding: 15px; padding-left: 15px; padding-left: 10px; background-color: #ffffff; line-height: 1.25em; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(en-us), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(en-zz), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(en-gb), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(en-au), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(en-eu), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(en-in), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(es-la), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(es-uy), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(es-cl), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(es-py), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(es-ar), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(pt-br), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(en-sg), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(en-me), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(en-ph), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(de-at), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(fr-be), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(cs-cz), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(da-dk), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(nl-nl), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(nb-no), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(pl-pl), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(pt-pt), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(ro-ro), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(es-es), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(sv-se), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(de-ch), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(tr-tr), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(de-de), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(fr-fr), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(fi-fi), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(it-it), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(hu-hu), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(sl-si), .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li.menu-level-1:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li a { color: #666666; display: block; padding: 2px; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li a .n24-icon { float: right; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li a .n24-icon.caret-down.open { transform: rotate(180deg); } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li a:hover { color: #1a1a1a; } .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul .n24-icon { width: 24px; height: 24px; } .navigation .global-nav .mobile-nav .focusOutline { outline: 2px solid #76b900; outline-offset: 1px; } .navigation .global-nav .mobile-nav .mega-overlay { position: fixed; width: 100vw; max-width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-color: rgba(0, 0, 0, 0.6); display: block; cursor: pointer; transition: background 1.2s; transition-delay: 0s; transition-delay: 200ms; } @media (max-width: 767px) { .navigation .global-nav .mobile-nav .nav-header-container { max-width: none; padding: 0px 10px; } } @media (min-width: 768px) and (max-width: 1024px) { .navigation .global-nav .mobile-nav .nav-header-container { max-width: none; padding: 0px 30px; } } body { overflow-x: hidden; width: 100vw; } body.nv-megamenu .navigation .global-nav .subnav { top: 44px; -webkit-box-shadow: 0 6px 9px -5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 6px 9px -5px rgba(0, 0, 0, 0.8); box-shadow: 0 6px 9px -5px rgba(0, 0, 0, 0.8); transition: none; } body.nv-megamenu .navigation .global-nav .nav-header { border-bottom: 1px solid #f7f7f7; } body.nv-megamenu #page-content { margin-top: 44px; transition: none; } body.theme-deeplearning.noscroll { background: #fff; } body #page-content { overflow-x: hidden; } @media screen and (max-width: 1024px) { body { width: 100%; } } .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab1:checked ~ .menu3-container .nv-level3-tab1, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab2:checked ~ .menu3-container .nv-level3-tab2, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab3:checked ~ .menu3-container .nv-level3-tab3, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab4:checked ~ .menu3-container .nv-level3-tab4, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab5:checked ~ .menu3-container .nv-level3-tab5, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab6:checked ~ .menu3-container .nv-level3-tab6, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab7:checked ~ .menu3-container .nv-level3-tab7 { visibility: visible; width: 100%; background-color: #eee; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); opacity: 1; transition: ease-out .2s; -webkit-transition: ease-out .2s; -o-transition: ease-out .2s; } .navigation .global-nav .desktop-nav .nav-header-container #tab1-nv-level2-tab1:checked ~ .menu3-container .nv-level3-tab1, .navigation .global-nav .desktop-nav .nav-header-container #tab1-nv-level2-tab2:checked ~ .menu3-container .nv-level3-tab2 { visibility: visible; width: 100%; background-color: #eee; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); opacity: 1; transition: ease-out .2s; -webkit-transition: ease-out .2s; -o-transition: ease-out .2s; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu3-container { box-shadow: none; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-search-form-icon:focus { outline: 2px solid #76b900 !important; outline-offset: 2px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list #nv-cs-item { padding-top: 10px; } .navigation .global-nav .mobile-nav .nav-header a.skip-main { position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; } /* .navigation .global-nav .mobile-nav .nav-header a.skip-main:focus, a.skip-main:active { color: #000; background-color: #ccc; width: 100%; height: inherit; overflow: auto; text-align: center; z-index: 1002; vertical-align: middle; display: inline-block; padding-top: 15px; font-weight: bold; left: 0; }*/ .navigation .global-nav .mobile-nav .nav-header a.skip-main.focus { color: #000; background-color: #ccc; width: 100%; height: inherit; overflow: auto; text-align: center; z-index: 1002; vertical-align: middle; display: inline-block; padding-top: 15px; font-weight: bold; left: 0; } .navigation .global-nav .desktop-nav a.skip-main { position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; } /* .navigation .global-nav .desktop-nav a.skip-main:focus, a.skip-main:active { color: #000; background-color: #ccc; width: 100%; height: inherit; overflow: auto; text-align: center; z-index: 1002; vertical-align: middle; display: inline-block; padding-top: 15px; font-weight: normal; //font-family:'NVIDIA-Medium'; left: 0; outline-style:none; }*/ .navigation .global-nav .desktop-nav a.skip-main.focus { color: #000; background-color: #ccc; width: 100%; height: inherit; overflow: auto; text-align: center; z-index: 1002; vertical-align: middle; display: inline-block; padding-top: 15px; font-weight: normal; left: 0; outline-style: none; } .navigation .global-nav .desktop-nav .nav-header-container .search-abort.focusOutline .mega-nav-close-menu-icon { outline: 2px solid #76b900; outline-offset: -2px; } .navigation .search-outter-container .search-inner-container .search-form .search-box-input.focusOutline { height: 95% !important; } a.nav-cart-link.menu-level-1:focus { outline: 2px solid #76b900; } a.skip-main.focusOutline > span { outline: 2px solid #76b900; outline-offset: 4px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nav-row-container { overflow-x: auto; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list { white-space: nowrap; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list .nv-menu-item .nv-menu-button.focusOutline { outline-offset: -2px; } /* IE browser fix **/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .menu-slider, .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu2-container .nv-level2-list-container .nv-menu-level2-list .slider-menu { background: transparent; } .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab1:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab1"], .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab2"], .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab3"], .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab4"], .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab5"], .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab6"] { border-bottom: 3px solid #76b900; margin-bottom: -3px; } .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab1:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab1"], .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab2:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab2"], .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab3:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab3"], .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab4:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab4"], .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab5:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab5"], .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab6:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab6"], .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab7:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab4-nv-level2-tab7"] { border-bottom: 3px solid #76b900; margin-bottom: -3px; } .navigation .global-nav .sub-brand-nav .brand-nav-left { opacity: 1; } .navigation .global-nav .desktop-nav .nav-header-container #tab1-nv-level2-tab1:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab1-nv-level2-tab1"], .navigation .global-nav .desktop-nav .nav-header-container #tab1-nv-level2-tab2:checked ~ .nv-level2-list-container .nv-menu-level2-list .nv-menu-item label[for="tab1-nv-level2-tab2"] { margin-bottom: -3px; border-bottom: 3px solid #76b900; } } /* IE browser fix end **/ @media screen and (max-width: 1024px) { .navigation .global-nav .mobile-nav .mega-nav .mega-menu ul li a { color: #666; font-weight: 400; } } /* Nav Redesign */ .nv-n-n25 .level-menu3 { display: flex; flex-direction: row; } .nv-n-n25 .menu3-divider { min-width: 1px; background-color: #cccccc; } .nv-n-n25 .menu3-categories { display: flex; flex-direction: column; min-width: 299px; width: 299px; padding: 20px 0 30px 0; background-color: #f7f7f7; } .nv-n-n25 .menu3-categories .menu3-title-btn { background-color: transparent; padding: 10px 0 10px 15px; border: 0px solid transparent; outline: none; cursor: pointer; text-align: left; font-weight: 700; font-size: 14px; line-height: 17.5px; color: #666666; margin-right: 40px; } .nv-n-n25 .menu3-categories .menu3-title-btn:hover { background-color: #eeeeee; color: #000000; } .nv-n-n25 .menu3-categories > .active { color: #000000; border-left: 3px solid #76b900; padding-left: 12px; } .nv-n-n25 .menu3-items { display: flex; flex-direction: column; gap: 30px; padding: 30px 0px 30px 0px; background-color: #eeeeee; } .nv-n-n25 .menu3-items-container { display: none; flex-direction: column; gap: 15px; } .nv-n-n25 .menu3-items-container > .h2-style { font-size: 24px !important; font-weight: 700; color: #222; line-height: 30px; padding-left: 30px; padding-top: 10px; } .nv-n-n25 .menu3-items-container.active { display: block; } .nv-n-n25 .menu3-item { display: flex; flex-direction: row; flex-wrap: wrap; } .nv-n-n25 .menu3-item a { color: #222; } .nv-n-n25 .menu3-item a:hover { color: #000000; } .nv-n-n25 .two-lvl .menu3-item-card { max-width: 330px; width: 330px; padding-left: 20px; } .nv-n-n25 .two-lvl .menu3-item-card-content { padding: 11px; } .nv-n-n25 .menu3-item-card-content .nv-button { padding: 0 0 2px 0; } .nv-n-n25 .menu3-item-card-content .btn-content { font-size: 14px; line-height: 17.5px; } .nv-n-n25 .menu3-item-card-content:hover { background-color: #ddd; } .nv-n-n25 .one-lvl .menu3-item { padding-left: 0px; column-count: 4; display: block; line-height: 19.6px; gap: 0; } .nv-n-n25 .one-lvl .menu3-item-card { max-width: 330px; padding: 0px; width: 330px; } .nv-n-n25 .one-lvl .menu3-item-card-content { padding: 12px; display: inline-block; width: 300px; font-weight: 700; } .nv-n-n25 .one-lvl .menu3-item-card-content a { color: #666666; } .nv-n-n25 .one-lvl .menu3-item-card-content:hover a { color: #000000; } .nv-n-n25 .one-lvl .nav-row-container { max-width: 1320px; } .nv-n-n25 .one-lvl .menu3-items-container > .h2-style { padding-left: 12px; } .nv-n-n25 .one-lvl.level-3-menu { line-height: 22.4px; } .nv-n-n25 .menu3-item-card p { font-weight: 400; font-size: 14px; color: #666666; padding-top: 0; line-height: 1.666em; } .nv-n-n25 .nv-menu3-container.two-lvl { background: linear-gradient(to right, #f7f7f7 50%, #eee 50%); } .nv-n-n25 .accordion-menu { width: 100%; max-width: inherit; margin: 0 auto; background: #ffffff; margin-top: 15px; } .nv-n-n25 .accordion-btn { background: inherit; color: #111; border: none; padding: 15px 15px 15px 10px; cursor: pointer; width: 100%; display: flex; justify-content: space-between; align-items: center; font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .nv-n-n25 .accordion-btn:hover { background: inherit; } .nv-n-n25 .caret { display: inline-block; width: 10.88px; height: 10.88px; border: solid #5E5E5E; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform 0.3s ease; } .nv-n-n25 .accordion-btn.rotate-caret .caret { transform: rotate(225deg); } .nv-n-n25 .submenu { display: none; overflow: hidden; transition: max-height 0.3s ease-out; } .nv-n-n25 .level-2-menu { background-color: #f7f7f7; font-size: 1pc; left: 0; line-height: 1.25em; position: relative; } .nv-n-n25 .level-2-menu .accordion-btn { padding: 15px; } .nv-n-n25 .level-3-menu { background-color: #eeeeee; font-size: 1pc; left: 0; line-height: 1.25em; padding: 15px 0px; position: relative; } .nv-n-n25 .level-3-menu .accordion-btn { padding: 15px 15px 15px 30px; } .nv-n-n25 .level-3-menu .accordion-btn.level-3-btn.expanded { border-left: 4px solid #76b900; } .nv-n-n25 .level-3-menu .level-3-menu-items { padding: 10px 0px 20px 30px; display: block; gap: 30px; border-bottom: 1px solid #ccc; } .nv-n-n25 .level-3-menu-items .level-3-menu-item { padding: 15px; display: inline-block; width: auto; } .nv-n-n25 .level-3-menu-item .nv-button { padding: 0; background-color: inherit; text-transform: inherit; text-align: left; } .nv-n-n25 .level-3-menu-item .btn-text { font-weight: 700; font-size: 16px; line-height: 22.4px; color: #222; } .nv-n-n25 .level-3-menu-item > p { padding: 0; font-weight: 400; line-height: 25.01px; color: #666666; font-size: 16px; } .nv-n-n25 .cs-loc-txt { color: #666666; } .nv-n-n25 .nv-menu3-container.one-lvl { font-weight: 400; font-size: 14px; } .nv-n-n25 .one-lvl-btn.rotate-caret { background-color: #eeeeee; } .nv-n-n25 .menu-item .accordion-btn { padding: 15px; font-size: 16px; } .nv-n-n25 .nav-row-container .nv-button-text .btn-text { color: #000000; text-transform: none; } .nv-n-n25 .nav-row-container .nv-button-text.nv-button-caret .btn-content:hover .btn-text:after { color: #000000; color: #000000; } .nv-n-n25 .nv-menu3-container .nv-button { background-color: inherit; display: block; text-align: left; } @media (min-width: 768px) { .nv-n-n25 .menu3-items-container > .h2-style { padding-bottom: 10px; padding-top: 0; display: block; } } @media (max-width: 767px) { .nv-n-n25 .accordion-menu { max-width: 100%; } .nv-n-n25 .level-3-menu .nv-button-text.nv-button-caret .btn-text:after { display: inline-block; transform: scale(0.8); } } @media (max-width: 1024px) { .nv-n-n25 .level-3-menu-items .level-3-menu-item { width: 91%; padding: 10px; } .nv-n-n25 .level-3-menu-items .level-3-menu-item .btn-text .fas { color: #76b900; } .nv-n-n25 .one-lvl a.level-3-menu-item { font-weight: 700; color: #000000 !important; } .nv-n-n25 .one-lvl.level-3-menu { padding: 0; } .nv-n-n25 .activeBorder { border-left: 4px solid #76b900; } .nv-n-n25 .one-lvl .level-3-menu-item a { color: #222; font-weight: 400 !important; } .nv-n-n25 .mobile-nav .menu-right { padding-left: 5px; } .nv-n-n25 .mobile-nav .menu-right a { font-weight: 400 !important; color: #111 !important; } .nv-n-n25 .mobile-nav .nv-button span.fas { color: #76b900; } .nv-n-n25 nav.accordion-menu ul li.menu-level-1 { padding-left: 13px !important; } .nv-n-n25 nav.accordion-menu ul li.menu-level-1 a { color: #111 !important; } } .nv-n-n25 .menu3-item-card-content .btn-content .fas { display: inline-block; color: #76b900; transition: transform 0.3s ease, color 0.3s ease; } .nv-n-n25 .menu3-item-card-content .btn-content:hover .fas { transform: translateX(5px); color: #000000 !important; } @media (min-width: 768px) and (max-width: 1280px) { .nv-n-n25 .menu3-categories { min-width: 238px; } .nv-n-n25 .nav-row-container, .nv-n-n25 .one-lvl .level-menu3 { max-width: 1004px; margin: 0 auto; } .nv-n-n25 .one-lvl .menu3-item-card { max-width: 246px; width: 246px; } .nv-n-n25 .one-lvl .menu3-item-card-content { width: 216px; } } @media (min-width: 1025px) { .nv-n-n25 .menu3-items { max-height: calc(100vh - 100px); overflow-y: auto; overflow-x: hidden; } } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item.search-item { padding-left: 0; } @media screen and (min-width: 1024px) { .navigation nav.global-nav .nav-header-container .nav-tools-container { margin-left: auto; } } /* Brand Navigation Style Start */ .navigation nav.global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container .navoverlay.navoverlay-display { margin-top: 1px; } nav.global-nav.brand-nav-2.nav-light-mode .nav-header.desktop-nav { border-bottom: 1px solid #ccc; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .menu-slider { display: none; } .navigation nav.global-nav.brand-nav-2 .nv-nav-container.nv-menu { padding-top: 0; height: 44px; } .navigation nav.global-nav.brand-nav-2 .nav-header-container .brand-container { min-width: 135px; } nav.global-nav.brand-nav-2.nav-dark-mode .nav-header { background: #000; border-bottom: 1px solid #313131; height: 45px; } nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .level-3-menu .level-3-menu-items { border-bottom: 1px solid #313131; } nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .nv-menu3-container.two-lvl { background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0c0c0c), color-stop(50%, #161616)); background: linear-gradient(90deg, #0c0c0c 50%, #161616 0); } nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu3-categories { background-color: #0c0c0c; } nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu3-items { background-color: #161616; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .menu-buttons-container { display: none; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.brand-nav-title { padding-left: 10px; padding-right: 10px; margin-right: 10px; padding-top: 3px; padding-bottom: 3px; } .navigation nav.global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.brand-nav-title { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.brand-nav-title { border-left: 1px solid #313131; border-right: 1px solid #313131; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.brand-nav-title a, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.brand-nav-title label { font-weight: 700; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.brand-nav-title a, .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.brand-nav-title label { color: #fff; } .navigation nav.global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.brand-nav-title a { font-weight: 700; color: #000; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1 { padding: 8px 13px; font-size: 15px; opacity: 1 !important; visibility: visible !important; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1:has(a) { padding: 0; margin: 8px 12px; } .navigation nav.global-nav.brand-nav-2 .nav-header-container .nav-tools-container .nav-header-list { display: flex; justify-content: flex-end; } .navigation nav.global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1 { color: #636363; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1 { color: #ccc; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item a { font-weight: 400; color: #666; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item a { font-weight: 400; color: #ccc; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left { display: block; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item { padding-top: 2px; padding-bottom: 3px; height: 40px; } .navigation nav.global-nav.brand-nav-2.desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu:hover label, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu:hover a { color: #000; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu:hover label, .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu:hover a { color: #fff; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left li.nv-menu-item.tmenu.more.hidden { display: none; } .navigation nav.global-nav.brand-nav-2 li.more { display: inline-block; position: relative; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .more .dropdown { z-index: 553; position: absolute; display: none; background-color: #ccc; top: 32px; margin-left: -20px; padding: 10px; min-width: 0; right: -30px; white-space: initial; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .more .dropdown { background-color: #222; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .more .dropdown:before { border-color: transparent transparent #ccc; border-style: solid; border-width: 0 12px 12px; content: ""; height: 0; position: absolute; top: -12px; -webkit-transform: rotate(1turn); width: 0; right: 24px; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .more .dropdown:before { border-color: transparent transparent #222; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu.hidden { display: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .more:hover .dropdown { display: block; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab1:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for=nv-level1-tab1], .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for=nv-level1-tab2], .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for=nv-level1-tab3], .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for=nv-level1-tab4], .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for=nv-level1-tab5], .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for=nv-level1-tab6] { color: #fff; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu3-categories > .active { color: #fff; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu3-categories .menu3-title-btn { color: #ccc; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu3-items-container > .h2-style { color: #ddd; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .nav-row-container .nv-button-text .btn-text, .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .nav-row-container .nv-button-text.nv-button-caret .btn-content:hover .btn-text:after { color: #eee; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu3-item-card p { color: #ccc; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu3-item-card-content:hover { background-color: #313131; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu3-categories .menu3-title-btn:hover { background-color: #000; color: #fff; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item div[class*=nv-level1-tab].nv-menu3-container { background-color: #161616; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu3-divider { background-color: #313131; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.more > a { display: inline-block; height: 32px; } .navigation .global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item { color: #1a1a1a; display: inline-block; font-size: inherit; line-height: 28px; padding-right: 6px; margin-top: 6px; } .navigation .global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item:last-child { padding-right: 0; } .navigation .global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right { float: right; margin-top: -2px; padding-left: 0; margin: 0; padding-top: 0; } .navigation .global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item .menu-button-link.menu-level-1.nv-nav-cta-primary { background-color: #76b900; border: 1px solid #76b900; color: #000; font-size: 12px; font-weight: 700; padding: 0 8px 0; display: inline-block; } .navigation .global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item .menu-button-link.menu-level-1.nv-nav-cta-primary { background-color: #76b900; border: 1px solid #76b900; color: #000; font-size: 12px; font-weight: 700; padding: 0 8px 0; display: inline-block; } .navigation .global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item .menu-button-link.menu-level-1.nv-nav-cta-secondary { border: 1px solid #76b900; padding: 0 8px; font-size: 12px; font-weight: 700; padding: 0 8px 0; display: inline-block; } .navigation .global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item .menu-button-link.menu-level-1.nv-nav-cta-secondary { color: #fff; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab2, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab3, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab4, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab5, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab6 { margin-top: 3px; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu:has(.brand-nav-chevron) { margin-right: 5px; } @media only screen and (min-width: 1024px) and (max-width: 1349px) { .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab2, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab3, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab4, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab5, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab6 { margin-top: 0; } } @media (max-width: 1024px) { .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nav-header-container .brand-container .brand-link .n24-nvidia-logo use { fill: #fff; } nav.global-nav.brand-nav-2.nav-dark-mode .mobile-nav .mega-nav .mega-menu { background-color: #000; } nav.global-nav.brand-nav-2.nav-dark-mode .mobile-nav .mega-nav .mega-menu { background-color: #000; } nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .accordion-menu { background-color: #000; } nav.global-nav.brand-nav-2.nav-dark-mode .mobile-nav .mega-nav .mega-menu ul li a { color: #ccc; display: block; font-size: 1pc; line-height: 1.25em; padding: 10px 15px 15px 10px; } nav.global-nav.brand-nav-2.nav-dark-mode .mobile-nav .mega-nav .mega-menu ul li a:hover { color: #fff; } nav.global-nav.brand-nav-2 .nv-n-n25 .menu-item .accordion-btn, nav.global-nav.brand-nav-2 .nv-n-n25 .menu-item .accordion-btn a { color: #000; } nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu-item .accordion-btn, nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu-item .accordion-btn a { color: #fff; } nav.global-nav.brand-nav-2 .nv-n-n25 .menu-item button.accordion-btn.one-lvl-btn a:after { content: "ï„…"; font-family: 'Font Awesome 6 Pro'; font-weight: 900; margin-left: 6px; padding-right: 3px; -webkit-transition: .1s ease-out; transition: .1s ease-out; color: #76b900; } nav.global-nav.brand-nav-2 .nv-n-n25 .menu-item button.accordion-btn.one-lvl-btn:hover a:after { margin-left: 9px; padding-right: 0; color: #000; } nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu-item button.accordion-btn.one-lvl-btn a:after { content: "ï„…"; font-family: 'Font Awesome 6 Pro'; font-weight: 900; margin-left: 6px; padding-right: 3px; -webkit-transition: .1s ease-out; transition: .1s ease-out; color: #76b900; } nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu-item button.accordion-btn.one-lvl-btn:hover a:after { margin-left: 9px; padding-right: 0; color: #fff; } nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .one-lvl-btn.rotate-caret { background-color: #161616; } nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .level-3-menu { background-color: #161616; } nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .level-3-menu-item .btn-text { color: #fff; } nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu { margin-top: 0; } nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu > .menu-item:first-child { border-bottom: 1px solid #313131; } nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu > .menu-item:first-child button { font-weight: 700; color: #ccc; display: block; font-size: 1pc; line-height: 1.25em; padding: 10px 15px 15px 10px; display: inline-block; width: calc(100% - 180px); } nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu .menu-item:first-child button a:after { display: none; } nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu .menu-item:first-child .nv-menu-list.right { display: inline-block; text-align: right; left: initial; right: 10px; position: absolute; top: 6px; } nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu .menu-item:first-child .nv-menu-list.right li { display: inline-block; } nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu .menu-item:first-child .nv-menu-list.right a { font-size: 12px; font-weight: 700; } nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu .menu-item:first-child .nv-menu-list.right a.menu-button-link.menu-level-1.nv-nav-cta-primary { background: #76b900; color: #000; padding: 8px; border: 1px solid #76b900; } nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu .menu-item:first-child .nv-menu-list.right a.menu-button-link.menu-level-1.nv-nav-cta-secondary { border: 1px solid #76b900; padding: 8px; } } .navigation nav.global-nav.brand-nav-2 ul.dropdown .nv-n-n25 { display: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu.hidden .nv-n-n25 { display: block !important; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu.hidden label { display: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu.hidden { display: inherit !important; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu { white-space: initial; } .global-nav.brand-nav-2.nav-dark-mode .nav-cs-link.menu-level-1 svg path { fill: #898989; } .global-nav.brand-nav-2.nav-dark-mode .n24-icon-search-fill { fill: #898989; } .global-nav.brand-nav-2.nav-dark-mode .n24-icon-search-stroke { stroke: #898989; } .global-nav.brand-nav-2.nav-dark-mode .fa-circle-user::before { color: #898989; } .global-nav.brand-nav-2.nav-dark-mode .n24-icon-close-cls-2 { stroke: #898989; } .global-nav.brand-nav-2.nav-dark-mode .n24-icon-menu-stroke { stroke: #898989; } .global-nav.brand-nav-2.nav-dark-mode #nv-cs-item .cs-loc-txt { background-color: #000; color: #898989; margin-top: -14px; font-size: 11px; } .global-nav.brand-nav-2.nav-dark-mode .nav-header-item.profile-item .css-1gwk31q > span { display: inline; color: white; } .global-nav.brand-nav-2.nav-dark-mode #nv-cs-item-mob .nav-cs-link.menu-level-1[aria-label="Country Selector"] svg { background-position: -3px 0; background-repeat: no-repeat; display: block; fill: #898989; } .global-nav.brand-nav-2.nav-dark-mode #nv-cs-item-mob .cs-loc-txt { background-color: #000; color: #898989; margin-top: -14px; font-size: 11px; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.brand-nav-title a { font-weight: 700; } .global-nav.brand-nav-2.nav-light-mode .nav-header { border-bottom: 1px solid #ccc; } nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item { height: 43px; } nav.global-nav.brand-nav-2.nav-light-mode .nav-header { border-bottom: 1px solid #ccc; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.brand-nav-title { height: 44px; box-sizing: border-box; } nav.global-nav.brand-nav-2 .nav-header { height: 44px; } @media (max-width: 1024px) { nav.global-nav.brand-nav-2.nav-light-mode .mobile-nav .mega-nav .mega-menu ul li a { color: #ccc; display: block; font-size: 1pc; line-height: 1.25em; padding: 10px 15px 15px 10px; } } .navigation .global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item .menu-button-link.menu-level-1.nv-nav-cta-primary:hover { background-color: #549A00; border-color: #549A00; } .navigation .global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item .menu-button-link.menu-level-1.nv-nav-cta-secondary:hover { background-color: rgba(255, 255, 255, 0.1); } @media only screen and (min-width: 1024px) and (max-width: 1349px) { .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab2, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab3, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab4, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab5, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab6 { margin-top: 3px; } .navigation nav.global-nav.brand-nav-2 .subnav { top: 44px; } } @media (max-width: 1024px) { nav.global-nav.brand-nav-2.nav-light-mode .mobile-nav .mega-nav .mega-menu ul li a { color: #000; } nav.global-nav.brand-nav-2.nav-light-mode .nv-n-n25 .accordion-menu .menu-item:first-child .nv-menu-list.right a.menu-button-link.menu-level-1.nv-nav-cta-secondary:hover { color: #000; border-color: #000; } nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu .menu-item:first-child .nv-menu-list.right a.menu-button-link.menu-level-1.nv-nav-cta-primary:hover { background-color: #549A00; border-color: #549A00; } nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu .menu-item:first-child .nv-menu-list.right a.menu-button-link.menu-level-1.nv-nav-cta-secondary:hover { border-color: #fff; } nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu .menu-item button.accordion-btn.one-lvl-btn.brand-nav-title { padding: 12px 15px 12px 10px; } nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .accordion-menu > .menu-item:first-child { border-bottom: 1px solid #313131; } nav.global-nav.brand-nav-2.nav-light-mode .nv-n-n25 .accordion-menu > .menu-item:first-child { border-bottom: 1px solid #ccc; } } .navigation nav.global-nav.brand-nav-2 .nv-n-n25 .menu3-categories .menu3-title-btn { background-color: transparent; padding: 10px 0 8px 15px; } .navigation nav.global-nav.brand-nav-2 .submenu.level-3-menu .menu-item:last-child .submenu.level-3-menu-items { margin-bottom: -15px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left li.nv-menu-item.tmenu.more:has(.dropdown:empty) { display: none !important; } .theme-deeplearning .navigation nav.global-nav.brand-nav-2 .subnav.pull-up, .theme-geforce .navigation nav.global-nav.brand-nav-2 .subnav.pull-up { top: 44px; } .theme-deeplearning .navigation nav.global-nav.brand-nav-2 .subnav, .theme-geforce .navigation nav.global-nav.brand-nav-2 .subnav { top: 44px; } .theme-deeplearning .navigation .global-nav .subnav, .theme-geforce .navigation .global-nav .subnav { top: 44px; } .theme-deeplearning .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.brand-nav-title, .theme-geforce .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.brand-nav-title { height: 43px; } .theme-deeplearning .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab2, .theme-deeplearning .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab3, .theme-deeplearning .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab4, .theme-deeplearning .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab5, .theme-deeplearning .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab6, .theme-deeplearning .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab7, .theme-deeplearning .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab8, .theme-geforce .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab2, .theme-geforce .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab3, .theme-geforce .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab4, .theme-geforce .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab5, .theme-geforce .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab6, .theme-geforce .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab7, .theme-geforce .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab8 { margin-top: 3px; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab1:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab1"] svg, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab2"] svg, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab3"] svg, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab4"] svg, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab5"] svg .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab6"] svg, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab7"] svg, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab8"] svg { transform: rotate(180deg); } .theme-deeplearning .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab1:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab1"] svg path, .theme-deeplearning .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab2"] svg path, .theme-deeplearning .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab3"] svg path, .theme-deeplearning .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab4"] svg path, .theme-deeplearning .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab5"] svg path, .theme-deeplearning .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab6"] svg path, .theme-deeplearning .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab7"] svg path, .theme-deeplearning .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab8"] svg path { fill: #fff; } .theme-geforce .navigation nav.global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container #nv-level1-tab1:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab1"] svg path, .theme-geforce .navigation nav.global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab2"] svg path, .theme-geforce .navigation nav.global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab3"] svg path, .theme-geforce .navigation nav.global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab4"] svg path, .theme-geforce .navigation nav.global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab5"] svg path, .theme-geforce .navigation nav.global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab6"] svg path, .theme-geforce .navigation nav.global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab7"] svg path, .theme-geforce .navigation nav.global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for="nv-level1-tab8"] svg path { fill: #000; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu.more { height: 32px; font-size: 22px; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu.hidden { display: contents !important; } .navigation nav.global-nav.brand-nav-2 .nv-n-n25 .menu3-categories .menu3-title-btn.menu3-title-btn.active { padding-left: 12px; } .global-nav.brand-nav-2.pull-up { top: 0; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item .menu-button-link { color: #000; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-button.menu-level-1 svg { height: 8px; padding-bottom: 2px; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu3-categories .menu3-title-btn:hover { background-color: #161616; } .navigation nav.global-nav.brand-nav-2.nav-light-mode .nv-n-n25 .menu3-categories .menu3-title-btn:hover { background-color: #eeeeee; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu { margin-right: 0; padding-right: 30px !important; } /* css this */ nav.global-nav.brand-nav-2.nav-light-mode .breadcrumb.breadCrumbNav .subnav { box-shadow: none; } nav.global-nav.brand-nav-2.nav-dark-mode .nav-header { height: 44px; } @media (max-width: 1023px) { .navigation nav.global-nav.brand-nav-2 .nav-header { border-bottom: none; } } nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .menu3-item-card-content .btn-content:hover .fas { color: #fff !important; } nav.global-nav.brand-nav-2 #unibrow-container { margin-top: 0 !important; } .navigation .global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item .menu-button-link.menu-level-1.nv-nav-cta-secondary { color: #000; } .navigation .global-nav.brand-nav-2.nav-light-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item .menu-button-link.menu-level-1.nv-nav-cta-secondary:hover { background: rgba(0, 0, 0, 0.05); } .navigation .global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.right li.nv-menu-item .menu-button-link.menu-level-1.nv-nav-cta-secondary:hover { background: rgba(255, 255, 255, 0.1); } @media (max-width: 1024px) { nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25 .level-3-menu-items .level-3-menu-item:hover .btn-text .fas { color: #fff; transition: .1s ease-out; transform: translateX(5px); } } .theme-deeplearning .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu.hidden .nv-menu3-container.one-lvl { margin-top: 1px !important; } @media only screen and (min-width: 1024px) and (max-width: 1349px) { .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab2, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab3, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab4, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab5, .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item .nv-level1-tab6 { margin-top: 3px; } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu.hidden .nv-menu3-container { margin-top: 0 !important; } .theme-deeplearning .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu.hidden .nv-menu3-container { margin-top: 1px !important; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu.hidden .nv-menu3-container { margin-top: 1px !important; } .theme-deeplearning.nv-page-body .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu.hidden .nv-menu3-container { margin-top: 0px !important; } .nv-page-body .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .more .dropdown { top: 40px; } } .navigation nav.global-nav.brand-nav-2 .nav-header-container:not(:has(input[type="radio"][name="nv-tab-level-1"]:checked)) .navoverlay.navoverlay-display { display: none; } nav.accordion-menu ul.nv-menu-list.right a.menu-button-link.menu-level-1:empty { display: none !important; } .navigation #acc-menu-dropdown #account-icon-container .account-icon:hover .account-icon-anonuser, .navigation #acc-menu-dropdown-container-mob.account-icon:hover .account-icon-anonuser { color: #666; } .theme-deeplearning .navigation .global-nav .subnav, .theme-geforce .navigation .global-nav .subnav { top: initial; } @media screen and (min-width: 1024px) { .navigation nav.global-nav.brand-nav-2 .nav-header-container .nav-tools-container { min-width: 150px; } } @media (max-width: 639px) { body.v4_design.base_v4 .navigation nav.global-nav.brand-nav-2 .nav-header-container .nav-tools-container .nav-header-list { width: 100%; } } .navigation nav.global-nav.brand-nav-2 .nv-n-n25 .one-lvl .menu3-item { display: inline-flex; } @media (min-width: 1024px) { .navigation nav.global-nav.brand-nav-2 .in-page-nav-outer-container { margin-top: 0; } .theme-deeplearning.nv-page-body .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu #main-menu-navigation.nv-menu-list.left .nv-menu-item.tmenu.hidden .nv-menu3-container { margin-top: -1px !important; } } @media (max-width: 1024px) { nav.global-nav.brand-nav-2 .mobile-nav .nav-header { height: 46px; } } @media (min-width: 640px) and (max-width: 1023px) { .navigation nav.global-nav.brand-nav-2 .mobile-nav .nav-header-container { padding: 0 10px; } } @media (max-width: 1024px) { nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu .menu-item button.accordion-btn.one-lvl-btn.brand-nav-title { font-size: 11px; padding-left: 15px; } .navigation nav.global-nav.brand-nav-2 .nv-n-n25 .accordion-menu a.level-3-menu-item { padding-left: 0; padding-right: 0; } .nv-n-n25 .one-lvl-btn.rotate-caret { background-color: #f7f7f7; } .nv-n-n25 .menu-item .accordion-btn.activeBorder { padding-left: 11px; } } body:not(:has(input[type="radio"][name="nv-tab-level-1"]:checked)).noscroll { height: initial !important; overflow-y: auto !important; } body:not(.brand-nav-2):has(.sub-brand-nav) #page-content { margin-top: 109px; } body:not(.brand-nav-2) .navigation .global-nav .subnav { top: 109px; } body:not(.brand-nav-2) .navigation .global-nav .subnav.pull-up { top: 65px; } body:not(:has(.sub-brand-nav)) .navigation .global-nav .subnav { top: 44px; } @media screen and (max-width: 1023px) { body:not(.brand-nav-2):has(.sub-brand-nav) #page-content { margin-top: 90px; } body:not(.brand-nav-2) .navigation .global-nav .subnav { top: 90px; } body:not(.brand-nav-2) .navigation .global-nav .subnav.pull-up { top: 46px; } body:has(.sub-brand-nav):not(.brand-nav-2) .navigation .global-nav .subnav { top: 90px; } } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .menu-slider-brand2 { background: #76b900; bottom: 3px; display: block; height: 3px; opacity: 0; position: relative; -webkit-transition: all .5s; transition: all .5s; } .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab1:checked ~ .nv-menu .nv-menu-list .menu-slider-brand2, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab2:checked ~ .nv-menu .nv-menu-list .menu-slider-brand2, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab3:checked ~ .nv-menu .nv-menu-list .menu-slider-brand2, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .menu-slider-brand2, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .menu-slider-brand2, .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .menu-slider-brand2, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab1:checked ~ .nv-level2-list-container .nv-menu-level2-list .menu-slider-brand2, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab2:checked ~ .nv-level2-list-container .nv-menu-level2-list .menu-slider-brand2, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab3:checked ~ .nv-level2-list-container .nv-menu-level2-list .menu-slider-brand2, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab4:checked ~ .nv-level2-list-container .nv-menu-level2-list .menu-slider-brand2, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab5:checked ~ .nv-level2-list-container .nv-menu-level2-list .menu-slider-brand2, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab6:checked ~ .nv-level2-list-container .nv-menu-level2-list .menu-slider-brand2, .navigation .global-nav .desktop-nav .nav-header-container #tab4-nv-level2-tab7:checked ~ .nv-level2-list-container .nv-menu-level2-list .menu-slider-brand2 { opacity: 1 !important; } @media (max-width: 639px) { body.v4_design.base_v4 .navigation nav.global-nav.brand-nav-2 .nav-header-container .nav-tools-container .nav-header-list { width: 100%; } } .navigation nav.global-nav.brand-nav-2 .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .nv-menu-item.tmenu.more li.menu-slider-brand2 { display: none; } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .more .dropdown { top: 36px; } .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab4:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for=nv-level1-tab4] svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab5:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for=nv-level1-tab5] svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab6:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for=nv-level1-tab6] svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab7:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for=nv-level1-tab7] svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .navigation .global-nav .desktop-nav .nav-header-container #nv-level1-tab8:checked ~ .nv-menu .nv-menu-list .nv-menu-item label[for=nv-level1-tab8] svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .navigation .global-nav .desktop-nav .nav-header-container .nv-menu .nv-menu-list.left .menu-slider-brand2.hidden { display: inherit !important; visibility: visible !important; } /* Brand Navigation Style End */ .nv-n-n25.nv-ctx-nav .nv-menu3-container.ctx-lvl { background-color: #ffffff !important; padding: 30px 0; margin-top: 3px !important; } .nv-n-n25.nv-ctx-nav .ctx-columns { display: flex; flex-direction: row; align-items: stretch; gap: 15px; } .nv-n-n25.nv-ctx-nav .ctx-col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 30px; padding: 30px 0px; } .nv-n-n25.nv-ctx-nav .ctx-col.menu-col-resources { flex: 0 0 300px; border-left: 1px solid #cccccc; padding-left: 40px; } .nv-n-n25.nv-ctx-nav .ctx-grp-title { display: block; font-size: 15px; line-height: 1.25; font-weight: 400; color: #666666; padding-left: 15px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #cccccc; } .nv-n-n25.nv-ctx-nav .ctx-links { list-style: none; margin: 0; padding: 0; } .nv-n-n25.nv-ctx-nav .ctx-link { display: block; padding: 12px 0; } .nv-n-n25.nv-ctx-nav .ctx-link .nv-button { padding: 0; } .nv-n-n25.nv-ctx-nav .ctx-link .btn-text { font-size: 15px; font-weight: 700; color: #222; } .nv-n-n25.nv-ctx-nav .ctx-link:hover { background-color: #ddd; } .nv-n-n25.nv-ctx-nav .ctx-link .btn-content .fas { display: inline-block; color: #76b900; transition: transform 0.3s ease, color 0.3s ease; } @media (min-width: 1025px) { .nv-n-n25.nv-ctx-nav .ctx-link:hover .btn-content .fas { transform: translateX(5px); color: #000000 !important; } } @media screen and (max-width: 1024px) { .nv-n-n25.nv-ctx-nav .ctx-flat { padding: 0; } .nv-n-n25.nv-ctx-nav .ctx-flat .ctx-grp { padding: 10px 15px 20px 30px; } .nv-n-n25.nv-ctx-nav .ctx-flat .ctx-grp-title { border-bottom: 1px solid #cccccc; margin: 0 !important; padding: 10px 0; font-size: 14px; font-weight: 400; } .nv-n-n25.nv-ctx-nav .ctx-flat .level-3-menu-item { display: block; padding: 10px 0; } .nv-n-n25.nv-ctx-nav .ctx-flat .level-3-menu-item .btn-text { font-size: 14px; font-weight: 700; } .nv-n-n25.nv-ctx-nav .ctx-flat .level-3-menu-item .btn-text .fas { color: #76b900; } .nv-n-n25.nv-ctx-nav .nv-menu-list.right .menu-button-link[class*="nv-nav-cta"] { display: inline-block; background: transparent; border: 1px solid #76b900; padding: 8px 20px; font-weight: 700; } } .nv-n-n25.nv-ctx-nav a.ctx-link { padding-left: 15px; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25.nv-ctx-nav .nv-menu3-container.ctx-lvl { background-color: #161616 !important; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25.nv-ctx-nav .ctx-col.menu-col-resources { border-left-color: #313131; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25.nv-ctx-nav .ctx-grp-title { color: #cccccc; border-bottom-color: #313131; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25.nv-ctx-nav .ctx-flat .ctx-grp { border-bottom-color: #222; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25.nv-ctx-nav .ctx-link .btn-text, .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25.nv-ctx-nav .ctx-flat .level-3-menu-item .btn-text { color: #ffffff; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25.nv-ctx-nav .accordion-menu { background-color: #161616; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25.nv-ctx-nav .accordion-menu > .menu-item:first-child { background-color: #000; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25.nv-ctx-nav .brand-nav-title.rotate-caret { background-color: #000; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25.nv-ctx-nav .brand-nav-title.activeBorder { border-left: 0; padding-left: 10px; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25.nv-ctx-nav .ctx-flat { background-color: #222222; } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25.nv-ctx-nav .ctx-link:hover { background-color: #222222; } @media (min-width: 1025px) { .navigation nav.global-nav.brand-nav-2.nav-dark-mode .nv-n-n25.nv-ctx-nav .ctx-link:hover .btn-content .fas { color: #fff !important; } } .navigation nav.global-nav.brand-nav-2.nav-dark-mode .mobile-nav .mega-nav .mega-menu:has(.nv-ctx-nav) { background-color: #161616; } .navigation nav.global-nav.brand-nav-2 .mobile-nav .mega-nav:has(.nv-ctx-nav) { scrollbar-width: none; -ms-overflow-style: none; } .navigation nav.global-nav.brand-nav-2 .mobile-nav .mega-nav:has(.nv-ctx-nav)::-webkit-scrollbar { width: 0; height: 0; display: none; } @media screen and (max-width: 1024px) { nav.global-nav .nv-n-n25 a.level-3-menu-item:active .btn-text .fas { color: #000 !important; } nav.global-nav.nav-dark-mode .nv-n-n25 a.level-3-menu-item:active .btn-text .fas { color: #fff !important; } } #country-selector-modal { background-color: #eeeeee; width: 100%; height: max-content; position: fixed; z-index: 1000; top: 44px; flex-direction: column; overflow-y: auto; color: #111; opacity: 0; visibility: hidden; transition: .2s ease-in; transform: scaleY(0); transform-origin: left top; } #country-selector-modal.cs-active { opacity: 1; visibility: visible; transition: .2s ease-out; transform: scaleY(1); } .country-locale-name { display: inline-block; } .country-locale-name a { text-decoration: none !important; font-size: 14px; font-weight: 700; line-height: 17.5px; display: block; padding: 11px 15px 13px; width: 85%; } .country-locale-name a:hover { background-color: #ddd; } .region-title { padding-bottom: 9px; padding-left: 15px; font-size: 20px; font-weight: 700; line-height: 25px; } .region-title svg { width: 24px; } .region-section { padding: 15px 0 10px; } .region-section ul { padding: 0; margin: 0; } .cs-title { padding: 27px 0 5px 17px; font-size: 24px; font-weight: 700; } .set-overflow { overflow-y: hidden !important; } .show-cs-submenu { display: block !important; } #nv-cs-item { padding-right: 7px; } #nv-cs-item .cs-loc-txt { margin-left: 12px; font-size: 12px; font-weight: 400; background-color: #ffffff; padding-left: 2px; line-height: 15px; display: block; margin-top: -18px; position: absolute; color: #666666; } #nv-cs-item-mob { padding-right: 7px; } #nv-cs-item-mob .cs-loc-txt { margin-left: 12px; font-size: 12px; font-weight: 400; background-color: #ffffff; padding-left: 2px; line-height: 15px; display: block; margin-top: -18px; position: absolute; color: #666666; } #nv-cs-item-mob-close { padding-right: 7px; } .cs-overlay { opacity: 1; display: block; position: fixed; background-color: rgba(0, 0, 0, 0.6); top: 44px; left: 0; height: 100%; width: 100%; cursor: pointer; } @media (min-width: 1281px) { .cs-modal-content { max-width: 1320px; margin: 0 auto; } } @media (min-width: 1025px) { #country-selector-modal { max-height: calc(100vh - 100px); overflow-y: auto; overflow-x: hidden; } #cs-end { padding-bottom: 20px; } .country-locale-name { width: 25%; } .country-locale-name a { color: #666666 !important; } .country-locale-name a:hover { color: #000000 !important; } } @media (min-width: 1025px) and (max-width: 1280px) { .cs-modal-content { max-width: 984px; margin: 0 auto; } } @media (min-width: 768px) and (max-width: 1024px) { #country-selector-modal { max-width: 375px; float: right; right: 0; left: auto; height: 100%; z-index: 1000; } .cs-right-padding { right: 85px !important; } } @media (max-width: 1024px) { #country-selector-modal { padding-bottom: 15px; background-color: #ffffff; height: calc(100% - 44px); z-index: 1000; color: #111; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; transform-origin: right center; } #country-selector-modal.cs-active { padding-left: 0; border-left: none; } .country-locale-name { width: 94%; padding-left: 20px; } .country-locale-name a { color: #000000; } .country-locale-name a:hover { background-color: transparent; } .country-locale-name span { padding: 7px 15px 8px 0; display: block; } .country-locale-name a { font-weight: 700; font-size: 16px; padding: 11px 15px 13px 0px; } .cs-title { padding-left: 15px; padding-bottom: 5px; } #nv-cs-item-mob, #nv-cs-item-mob-close { right: 35px; position: absolute; padding-top: 10px; padding-right: 12px; } .region-section { padding: 0px; } .region-section ul { display: none; padding: 15px 0 15px 5px; padding-left: 5px; padding-top: 15px; background-color: #f7f7f7; } .region-title { font-size: 16px; font-weight: 400; padding: 15px; cursor: pointer; } .region-title svg { width: 24px; height: 24px; float: right; } .show-cs-submenu { display: block; padding-top: 30px; } .svg-open { transform: rotate(180deg); } .cs-active { border-left: 5px solid #76B900; padding-left: 10px; } .hide-cs-mob-icon { display: none; } } @media (max-width: 1024px) { .navigation .global-nav .nav-header-container .nav-tools-container ul.nav-header-list { display: flex; } .navigation .global-nav .nav-header-container .nav-tools-container ul.nav-header-list li.nav-header-item { position: relative !important; left: unset !important; right: unset !important; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item { padding-left: 0 !important; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item.nv-cart-item { order: 2; padding-right: 10px; } .navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-badge { left: 5px; } } @font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 300; font-display: block; src: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-light-300.woff2") format("woff2"), url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-light-300.ttf") format("truetype"); } @font-face { font-family: 'Font Awesome 6 Pro CN'; font-style: normal; font-weight: 300; font-display: block; src: url("https://images.nvidia.cn/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-light-300.woff2") format("woff2"), url("https://images.nvidia.cn/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-light-300.ttf") format("truetype"); } @font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 400; font-display: block; src: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-regular-400.woff2") format("woff2"), url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-regular-400.ttf") format("truetype"); } @font-face { font-family: 'Font Awesome 6 Pro CN'; font-style: normal; font-weight: 400; font-display: block; src: url("https://images.nvidia.cn/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-regular-400.woff2") format("woff2"), url("https://images.nvidia.cn/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-regular-400.ttf") format("truetype"); } @font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 900; font-display: block; src: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-solid-900.woff2") format("woff2"), url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-solid-900.ttf") format("truetype"); } @font-face { font-family: 'Font Awesome 6 Pro CN'; font-style: normal; font-weight: 900; font-display: block; src: url("https://images.nvidia.cn/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-solid-900.woff2") format("woff2"), url("https://images.nvidia.cn/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-solid-900.ttf") format("truetype"); } @font-face { font-family: 'Font Awesome 6 Sharp'; font-style: normal; font-weight: 300; font-display: block; src: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-sharp-light-300.woff2") format("woff2"), url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-sharp-light-300.ttf") format("truetype"); } @font-face { font-family: 'Font Awesome 6 Sharp CN'; font-style: normal; font-weight: 300; font-display: block; src: url("https://images.nvidia.cn/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-sharp-light-300.woff2") format("woff2"), url("https://images.nvidia.cn/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-sharp-light-300.ttf") format("truetype"); } @font-face { font-family: 'Font Awesome 6 Sharp'; font-style: normal; font-weight: 400; font-display: block; src: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-sharp-regular-400.woff2") format("woff2"), url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-sharp-regular-400.ttf") format("truetype"); } @font-face { font-family: 'Font Awesome 6 Sharp CN'; font-style: normal; font-weight: 400; font-display: block; src: url("https://images.nvidia.cn/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-sharp-regular-400.woff2") format("woff2"), url("https://images.nvidia.cn/etc/designs/nvidiaGDC/clientlibs_base/fonts/font-awesome-6//fa-sharp-regular-400.ttf") format("truetype"); } .fa-regular, .fa-sharp { font-family: 'Font Awesome 5 Pro'; } .navigation nav.global-nav { --nv-account-trigger-color: var(--color-gray-600, #636363); --nv-account-trigger-active-color: var(--color-gray-1000, #000); } .navigation nav.global-nav.nav-dark-mode { --nv-account-trigger-color: var(--color-gray-300, #a7a7a7); --nv-account-trigger-active-color: var(--color-gray-000, #fff); } .navigation .fa { font-family: var(--fa-style-family, "Font Awesome 6 Pro"); font-weight: var(--fa-style, 900); } .navigation .fa, .navigation .fa-classic, .navigation .fa-sharp, .navigation .fas, .navigation .fa-solid, .navigation .far, .navigation .fa-regular, .navigation .fasr, .navigation .fal, .navigation .fa-light, .navigation .fasl, .navigation .fat, .navigation .fa-thin, .navigation .fad, .navigation .fa-duotone, .navigation .fass, .navigation .fa-sharp-solid, .navigation .fab, .navigation .fa-brands { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .navigation .fas, .navigation .fa-classic, .navigation .fa-solid, .navigation .far, .navigation .fa-regular, .navigation .fal, .navigation .fa-light, .navigation .fat, .navigation .fa-thin { font-family: 'Font Awesome 6 Pro'; } .navigation .fass, .navigation .fasr, .navigation .fasl, .navigation .fa-sharp { font-family: 'Font Awesome 6 Sharp'; } .navigation .far, .navigation .fa-regular { font-family: 'Font Awesome 6 Pro'; font-weight: 400; } .navigation :lang(zh-cn) .far, .navigation :lang(zh-cn) .fa-regular { font-family: 'Font Awesome 6 Pro CN'; } .navigation .fas, .navigation .fa-solid { font-family: 'Font Awesome 6 Pro'; font-weight: 900; } .navigation .fa-circle-user:before { content: "\f2bd"; } .navigation .fa-store:before { content: "\f54e"; } .navigation .fa-arrow-right-from-bracket:before { content: "\f08b"; } .navigation .nav-header-item.profile-item { height: 100%; } .navigation a#nv-login-mob { color: var(--nv-account-trigger-color); } .navigation #acc-menu-dropdown { height: 100%; } .navigation #acc-menu-dropdown.display-account-dropdown #nv-account-dropdown { visibility: visible; opacity: 1; transition: all 0.1s ease-out; } .navigation #acc-menu-dropdown.display-account-dropdown .account-icon-anonuser { color: var(--nv-account-trigger-active-color); } .navigation #acc-menu-dropdown > ul { height: 100%; display: flex; align-items: center; justify-content: center; } .navigation #acc-menu-dropdown > ul > li { margin: 0; position: static; } .navigation #acc-menu-dropdown-container-mob { height: 100%; padding-left: 0px; } .navigation #acc-menu-dropdown-container-mob #nv-login-mob { height: 100%; top: 0px; } .navigation #acc-menu-dropdown-container-mob #nv-login-mob .account-icon-anonuser { height: 100%; } .navigation #acc-menu-dropdown-container-mob #nv-login-mob .account-icon-anonuser #account-icon-anonuser-mobile-label { display: none; } @media (min-width: 768px) and (max-width: 1024px) { .navigation #acc-menu-dropdown-container-mob #nv-login-mob .account-icon-anonuser #account-icon-anonuser-mobile-label { display: block; } } @media (max-width: 767px) { .navigation #acc-menu-dropdown-container-mob.display-account-dropdown #nv-account-dropdown-mob { visibility: visible; opacity: 1; transition: all 0.1s ease-out; } } @media (min-width: 768px) and (max-width: 1024px) { .navigation #acc-menu-dropdown-container-mob.display-account-dropdown #nv-account-dropdown-mob { visibility: visible; opacity: 1; transition: all 0.1s ease-out; } } .navigation #acc-menu-dropdown-container-mob.display-account-dropdown .account-icon-anonuser { color: var(--nv-account-trigger-active-color); } .navigation #acc-menu-dropdown .account-icon-anonuser, .navigation #acc-menu-dropdown-container-mob .account-icon-anonuser { display: flex; color: var(--nv-account-trigger-color); } .navigation #acc-menu-dropdown .account-icon-anonuser i::before, .navigation #acc-menu-dropdown .account-icon-anonuser #account-icon-anonuser-mobile-label, .navigation #acc-menu-dropdown-container-mob .account-icon-anonuser i::before, .navigation #acc-menu-dropdown-container-mob .account-icon-anonuser #account-icon-anonuser-mobile-label { color: inherit; } .navigation #acc-menu-dropdown .account-icon-loggedinuser, .navigation #acc-menu-dropdown-container-mob .account-icon-loggedinuser { display: none; } .navigation #acc-menu-dropdown.logged-in .nv-account-dropdown-anonuser, .navigation #acc-menu-dropdown-container-mob.logged-in .nv-account-dropdown-anonuser { display: none; } .navigation #acc-menu-dropdown.logged-in .nv-account-dropdown-loggedinuser, .navigation #acc-menu-dropdown-container-mob.logged-in .nv-account-dropdown-loggedinuser { display: block; } .navigation #acc-menu-dropdown.logged-in .account-icon-anonuser, .navigation #acc-menu-dropdown-container-mob.logged-in .account-icon-anonuser { display: none; } .navigation #acc-menu-dropdown.logged-in .account-icon-loggedinuser, .navigation #acc-menu-dropdown-container-mob.logged-in .account-icon-loggedinuser { display: block; } .navigation #acc-menu-dropdown #account-icon-container { margin-top: 0px; height: 44px; display: flex; align-items: center; justify-content: center; position: relative; } .navigation #acc-menu-dropdown #account-icon-container .account-icon, .navigation #acc-menu-dropdown-container-mob.account-icon { color: var(--nv-account-trigger-color); padding: 0px; } .navigation #acc-menu-dropdown #account-icon-container .account-icon .account-icon-anonuser, .navigation #acc-menu-dropdown-container-mob.account-icon .account-icon-anonuser { justify-content: center; align-items: center; gap: 5px; font-size: 14px; font-weight: 400; line-height: 30px; text-transform: none; } .navigation #acc-menu-dropdown #account-icon-container .account-icon i, .navigation #acc-menu-dropdown-container-mob.account-icon i { font-size: 24px; font-weight: 300; } .navigation #acc-menu-dropdown #account-icon-container .account-icon:hover .account-icon-anonuser, .navigation #acc-menu-dropdown #account-icon-container .account-icon:focus-visible .account-icon-anonuser, .navigation #acc-menu-dropdown #account-icon-container .account-icon:focus-within .account-icon-anonuser, .navigation #acc-menu-dropdown-container-mob.account-icon:hover .account-icon-anonuser, .navigation #acc-menu-dropdown-container-mob.account-icon:focus-visible .account-icon-anonuser, .navigation #acc-menu-dropdown-container-mob.account-icon:focus-within .account-icon-anonuser { color: var(--nv-account-trigger-active-color); } .navigation .account-avatar-circle { background-color: #134d00; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .navigation .account-avatar-circle .account-avatar-initials { color: #e2ff8c; line-height: 1.5; font-weight: 700; } .navigation #nv-account-dropdown, .navigation #nv-account-dropdown-mob { visibility: hidden; opacity: 0; transition: all 0.1s ease-out; z-index: 1000; position: absolute; background-color: #ffffff; box-shadow: 0px 2px 6px 0px #000000; right: 0px; top: 50px; width: 300px; border-radius: 2px; } .navigation #nv-account-dropdown .nv-account-dropdown-anonuser, .navigation #nv-account-dropdown-mob .nv-account-dropdown-anonuser { display: block; } .navigation #nv-account-dropdown .nv-account-dropdown-loggedinuser, .navigation #nv-account-dropdown-mob .nv-account-dropdown-loggedinuser { display: none; } .navigation #nv-account-dropdown .nv-account-dropdown-loggedinuser .loggedinuser-profile, .navigation #nv-account-dropdown-mob .nv-account-dropdown-loggedinuser .loggedinuser-profile { display: flex; justify-content: flex-start; align-items: center; padding: 15px; gap: 5px; cursor: default; border-bottom: 1px solid #e7e7e7; } .navigation #nv-account-dropdown .nv-account-dropdown-loggedinuser .loggedinuser-profile-name-email, .navigation #nv-account-dropdown-mob .nv-account-dropdown-loggedinuser .loggedinuser-profile-name-email { display: flex; flex-direction: column; gap: 5px; } .navigation #nv-account-dropdown .nv-account-dropdown-loggedinuser .loggedinuser-profile-name-email .nv-account-dropdown-display-name, .navigation #nv-account-dropdown-mob .nv-account-dropdown-loggedinuser .loggedinuser-profile-name-email .nv-account-dropdown-display-name { font-size: 18px; font-weight: 700; line-height: 25px; color: #000000; margin: 0px; text-transform: none; } .navigation #nv-account-dropdown .nv-account-dropdown-loggedinuser .loggedinuser-profile-name-email .nv-account-dropdown-email, .navigation #nv-account-dropdown-mob .nv-account-dropdown-loggedinuser .loggedinuser-profile-name-email .nv-account-dropdown-email { font-size: 12px; font-weight: 400; line-height: 20px; color: #222222; text-transform: none; } .navigation #nv-account-dropdown .nv-account-dropdown-item a, .navigation #nv-account-dropdown-mob .nv-account-dropdown-item a { display: flex; width: 300px; padding: 15px 10px; align-items: center; gap: 10px; text-transform: none; font-weight: 400; color: #666; } .navigation #nv-account-dropdown .nv-account-dropdown-item a svg.n24-icon, .navigation #nv-account-dropdown-mob .nv-account-dropdown-item a svg.n24-icon { height: 20px; width: 20px; } .navigation #nv-account-dropdown .nv-account-dropdown-item a .nv-account-dropdown-icon-container, .navigation #nv-account-dropdown-mob .nv-account-dropdown-item a .nv-account-dropdown-icon-container { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } .navigation #nv-account-dropdown .nv-account-dropdown-item a .nv-account-dropdown-icon-container i, .navigation #nv-account-dropdown-mob .nv-account-dropdown-item a .nv-account-dropdown-icon-container i { font-size: 16px; } .navigation #nv-account-dropdown .nv-account-dropdown-item:hover, .navigation #nv-account-dropdown-mob .nv-account-dropdown-item:hover { background-color: #f7f7f7; transition: all 0.2s ease-in; } .navigation #nv-account-dropdown .nv-account-dropdown-item:hover span, .navigation #nv-account-dropdown .nv-account-dropdown-item:hover i, .navigation #nv-account-dropdown-mob .nv-account-dropdown-item:hover span, .navigation #nv-account-dropdown-mob .nv-account-dropdown-item:hover i { color: #000; transition: all 0.2s ease-in; } .navigation #acc-menu-dropdown.display-account-dropdown #account-icon-container::after, .navigation #acc-menu-dropdown-container-mob.display-account-dropdown::after { content: ""; background-color: #76b900; height: 2px; position: absolute; bottom: -1px; left: 0px; width: 100%; } /* Page footer */ .page-footer-wrapper { background: #000; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } .page-footer-wrapper:lang(en-us), .page-footer-wrapper:lang(en-zz), .page-footer-wrapper:lang(en-gb), .page-footer-wrapper:lang(en-au), .page-footer-wrapper:lang(en-eu), .page-footer-wrapper:lang(en-in), .page-footer-wrapper:lang(es-la), .page-footer-wrapper:lang(es-uy), .page-footer-wrapper:lang(es-cl), .page-footer-wrapper:lang(es-py), .page-footer-wrapper:lang(es-ar), .page-footer-wrapper:lang(pt-br), .page-footer-wrapper:lang(en-sg), .page-footer-wrapper:lang(en-me), .page-footer-wrapper:lang(en-ph), .page-footer-wrapper:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .page-footer-wrapper:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .page-footer-wrapper:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .page-footer-wrapper:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .page-footer-wrapper:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .page-footer-wrapper:lang(de-at), .page-footer-wrapper:lang(fr-be), .page-footer-wrapper:lang(cs-cz), .page-footer-wrapper:lang(da-dk), .page-footer-wrapper:lang(nl-nl), .page-footer-wrapper:lang(nb-no), .page-footer-wrapper:lang(pl-pl), .page-footer-wrapper:lang(pt-pt), .page-footer-wrapper:lang(ro-ro), .page-footer-wrapper:lang(es-es), .page-footer-wrapper:lang(sv-se), .page-footer-wrapper:lang(de-ch), .page-footer-wrapper:lang(tr-tr), .page-footer-wrapper:lang(de-de), .page-footer-wrapper:lang(fr-fr), .page-footer-wrapper:lang(fi-fi), .page-footer-wrapper:lang(it-it), .page-footer-wrapper:lang(hu-hu), .page-footer-wrapper:lang(sl-si), .page-footer-wrapper:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .page-footer-wrapper:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .page-footer { background: #000000; max-width: 1280px; margin: 0 auto; padding: 60px 30px; padding-bottom: 30px; } .page-footer::before, .page-footer::after { content: " "; display: table; } .page-footer::after { clear: both; } @media (min-width: 768px) and (max-width: 1024px) { .page-footer { padding-top: 30px; } } @media (max-width: 767px) { .page-footer { padding: 15px; } } @media (min-width: 1281px) { .page-footer { padding: 60px 0; } } .page-footer__links { font-size: 0; line-height: 0; } .page-footer__links > .page-footer-link-set { vertical-align: top; display: inline-block; width: 33%; } .page-footer__links > .page-footer-link-set:nth-child(1) { padding-right: 20px; } .page-footer__links > .page-footer-link-set:nth-child(2) { padding-right: 10px; padding-left: 10px; } .page-footer__links > .page-footer-link-set:nth-child(3) { padding-left: 20px; } @media (min-width: 768px) and (max-width: 1024px) { .page-footer__links > .page-footer-link-set { width: 50%; } .page-footer__links > .page-footer-link-set:nth-child(1) { padding-right: 15px; } .page-footer__links > .page-footer-link-set:nth-child(2) { padding-left: 15px; padding-right: 0px; } .page-footer__links > .page-footer-link-set:nth-child(3) { padding-left: 0px; padding-right: 15px; } } @media (max-width: 767px) { .page-footer__links > .page-footer-link-set { width: 100%; } .page-footer__links > .page-footer-link-set:nth-child(n) { padding-left: 0px; padding-right: 0px; } } .page-footer__links > .page-footer-link-set.set-4 { width: 25%; } .page-footer__links > .page-footer-link-set.set-4:nth-child(1) { padding-right: 22.5px; } .page-footer__links > .page-footer-link-set.set-4:nth-child(2) { padding-right: 15px; padding-left: 7.5px; } .page-footer__links > .page-footer-link-set.set-4:nth-child(3) { padding-right: 7.5px; padding-left: 15px; } .page-footer__links > .page-footer-link-set.set-4:nth-child(4) { padding-right: 0px; padding-left: 22.5px; } @media (min-width: 768px) and (max-width: 1024px) { .page-footer__links > .page-footer-link-set.set-4 { width: 50%; } .page-footer__links > .page-footer-link-set.set-4:nth-child(2n+1) { padding-right: 15px; padding-left: 0px; } .page-footer__links > .page-footer-link-set.set-4:nth-child(2n) { padding-right: 0px; padding-left: 15px; } } .page-footer__links > .page-footer-link-set.set-2 { width: 33%; } @media (min-width: 768px) and (max-width: 1024px) { .page-footer__links > .page-footer-link-set.set-2 { width: 50%; } } @media (max-width: 767px) { .page-footer__links > .page-footer-link-set.set-4, .page-footer__links > .page-footer-link-set.set-2 { width: 100%; } .page-footer__links > .page-footer-link-set.set-4:nth-child(n), .page-footer__links > .page-footer-link-set.set-2:nth-child(n) { padding-left: 0px; padding-right: 0px; } } .page-footer__subscribe { display: inline-block; width: 66%; } @media (max-width: 1024px) { .page-footer__subscribe { float: none; width: 100%; margin-bottom: 50px; } } @media (min-width: 1025px) and (max-width: 1280px) { .page-footer__subscribe { width: 100%; height: 50px; } } @media (min-width: 1281px) { .page-footer__subscribe { height: 50px; } } .page-footer__social { display: inline-block; width: 33%; text-align: right; } @media (max-width: 1024px) { .page-footer__social { float: none; width: 100%; text-align: center; } } @media (min-width: 1025px) and (max-width: 1280px) { .page-footer__social { float: none; width: 100%; text-align: center; } } .page-footer__social__label { font-size: 16px; color: #747474; display: inline-block; margin-right: 20px; height: 45px; vertical-align: top; padding-top: 4px; } @media (max-width: 767px) { .page-footer__social__label { display: block; float: none; text-align: center; margin-bottom: 25px; margin-right: 0px; height: auto; } } .page-footer__social__link { text-decoration: none; display: inline-block; width: 40px; height: 40px; margin-right: 15px; } .page-footer__social__link.facebook { margin-right: 10px; } .page-footer__social__link > svg { width: 40px; height: 40px; margin-right: 20px; } .page-footer__social__link > svg:last-child { margin-right: 0px; } .page-footer__social__link:last-child { margin-right: 0px; } .page-footer__social__link > svg path { fill: #999; } .page-footer__social__link:hover > svg path { fill: #f7f7f7; } .page-footer-link-set__title { font-size: 24px; line-height: 26px; text-align: left; padding-bottom: 12px; /*margin-bottom: 12px;*/ font-weight: bold; color: #eeeeee; border-bottom: 1px solid #747474; text-transform: none; } @media (max-width: 767px) { .page-footer-link-set__title { font-size: 16px; line-height: 30px; text-align: center; } } .page-footer-link-set__links { padding: 0; margin-bottom: 50px; margin-top: 10px; } @media (max-width: 767px) { .page-footer-link-set__links { padding: 0 15px; margin-bottom: 30px; } } .page-footer-link-set__links > li { margin-right: 25px; display: block; margin-bottom: 5px; } @media (max-width: 767px) { .page-footer-link-set__links > li { display: inline-block; margin-bottom: 15px; } } .page-footer-link-set__links > li > a { font-size: 16px; line-height: 30px; color: #76b900; text-decoration: none; } /* Global footer */ .global-footer-container { width: 100%; background-color: #FFFFFF; } .global-footer { padding: 30px; background: #FFFFFF; max-width: 1280px; margin: 0 auto; } @media (max-width: 767px) { .global-footer { padding: 15px; } } .global-footer__logo { width: 110px; height: 20px; margin: 0 auto; display: block; float: left; margin-bottom: 15px; } @media (max-width: 767px) { .global-footer__logo { float: none; } } .global-footer__region { height: 20px; text-align: center; /*cursor: pointer;*/ float: right; margin-bottom: 20px; } @media (max-width: 767px) { .global-footer__region { float: none; margin-bottom: 10px; } } .global-footer__region__icon { margin-right: 5px; max-height: 15px; width: 30px; } .global-footer__region__label { font-weight: bold; font-size: 17px; line-height: 25px; color: #CCC; } .global-footer__links { list-style-type: none; margin: 0; padding: 0; clear: both; margin-bottom: 4px; } @media (max-width: 767px) { .global-footer__links { margin-bottom: 0px; text-align: center; } } .global-footer__links > li { position: relative; display: inline-block; padding-right: 10px; margin-right: 5px; } .global-footer__links > li:after { position: absolute; content: " "; top: 8px; right: 0; height: 14px; width: 1px; background: #666666; } .global-footer__links > li:last-child { padding-right: 0px; margin-right: 0px; } .global-footer__links > li:last-child:after { display: none; } .global-footer__links > li > a { display: inline-block; font-size: 16px; line-height: 24px; text-decoration: none; color: #666666; } .global-footer__links > li > a:hover { color: #1A1A1A; } .global-footer__copyright { font-size: 12px; line-height: 16px; color: #666666; clear: both; } .aem-AuthorLayer-Edit .global-footer, .aem-AuthorLayer-Preview .global-footer { min-height: 300px; } /*Cookie Policy styles */ #cookiePolicy-layer { background: #3c3c3c none repeat scroll 0 0; border-top: 2px solid #76b900; bottom: 0; display: flex; opacity: 0; left: 0; position: fixed; width: 100%; z-index: 5; align-items: center; height: auto; min-height: 54px; } #cookiePolicy-layer .messageContainer { color: #fff; float: left; text-align: center; padding: 5px 2px 5px 2px; } #cookiePolicy-layer p { margin: 1em; text-align: center; } #cookiePolicy-layer .green-box-bttn { background-color: #76b900; border: 0 none; color: #fff; cursor: pointer; display: inline-block; float: right; font-size: 1em; font-weight: bold; height: 100%; letter-spacing: 1px; padding: 0; text-align: center; text-decoration: none; /* text-transform: uppercase; */ margin-right: 6%; } #cookiePolicy-layer .green-box-bttn span { display: inline-block; vertical-align: middle; } #cookiePolicy-layer a { color: #76b900; text-decoration: none; } @media screen and (min-width: 768px) and (max-width: 1024px) { #cookiePolicy-layer { min-height: 54px; } #cookiePolicy-layer .messageContainer { line-height: 18px; font-size: 16px; width: 79%; } #cookiePolicy-layer .messageContainer p { display: inline-block; line-height: 1.4em; vertical-align: middle; } #cookiePolicy-layer .green-box-bttn { line-height: 77px; width: 15%; } } @media screen and (min-width: 320px) and (max-width: 767px) { #cookiePolicy-layer { min-height: 60px; } #cookiePolicy-layer .messageContainer { line-height: 16px; font-size: 14px; width: 74%; } #cookiePolicy-layer .messageContainer p { display: inline-block; font-size: .6em; line-height: 1.2em; margin: .5em 1em; vertical-align: middle; } #cookiePolicy-layer .green-box-bttn { font-size: .6em; line-height: 60px; width: 20%; } } @media screen and (min-width: 1024px) { #cookiePolicy-layer { min-height: 54px; } #cookiePolicy-layer .messageContainer { line-height: 18px; font-size: 16px; width: 84%; } #cookiePolicy-layer .messageContainer p { display: inline-block; line-height: 1.4em; vertical-align: middle; } #cookiePolicy-layer .green-box-bttn { line-height: 54px; width: 10%; } } .wc-qrcode { background: #fff; width: 200px; display: none; padding: 10px; text-align: center; position: absolute; bottom: 40px; left: -85px; } .wc-qrcode p { color: #000 !important; font-size: 15px; } .page-footer__social__link:hover .wc-qrcode { display: block; } .wc-qrcode:after { content: ''; position: absolute; left: 0; right: 0; bottom: -10px; margin: 0 auto; width: 0; height: 0; border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; } .shieldApps .cf:after { content: ""; display: table; clear: both; } .shieldApps #apps-container { position: absolute; top: 0; left: 0; width: 100%; min-width: 320px; z-index: 1; } .shieldApps #apps-container.dark:before { content: ' '; background: black; position: fixed; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; } @media (max-width: 920px) { .shieldApps #apps-container #sort + .ui-selectmenu-button, .shieldApps #apps-container #genre + .ui-selectmenu-button { width: 47% !important; } } .shieldApps #apps-container .ui-selectmenu-button span.ui-selectmenu-text { background-color: #212121; } .shieldApps #apps-container .ui-state-default { background-color: transparent; } .shieldApps #apps { padding: 0px; height: 100%; } .shieldApps #apps .swiper-masthead { height: 600px; opacity: 0; } .shieldApps #apps .swiper-masthead .swiper-container .swiper-slide:before { background: linear-gradient(transparent, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.5)); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ background: linear-gradient(transparent, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.5)); /* For Firefox (3.6 to 15) */ background: linear-gradient(transparent, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.5)); /* For old Opera (11.1 to 12.0) */ background: linear-gradient(transparent, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.5)); /* Standard syntax; must be last */ } .shieldApps #apps .swiper-masthead .swiper-pagination { bottom: 60px; } .shieldApps #apps .swiper-masthead video { position: absolute; top: 0; z-index: -1; } .shieldApps #apps .swiper-masthead .store-slide-info { width: 38%; left: 57%; top: 62%; } @media (min-width: 920px) and (max-width: 920px) { .shieldApps #apps .swiper-masthead .store-slide-info { font-size: 12px; line-height: 14px; } } @media (max-width: 920px) { .shieldApps #apps .swiper-masthead .store-slide-info { width: 100%; box-sizing: border-box; padding: 0px 10%; left: 0px; } .shieldApps #apps .swiper-masthead .store-slide-info .caption { line-height: 20px; } } .shieldApps #apps .swiper-masthead .apps-tabs { position: absolute; bottom: 0px; z-index: 1; } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs { width: 100%; } @media (min-width: 920px) { .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs { max-width: 720px; left: 0; right: 0; margin: 0px auto; } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs.col-group.col-3 .col-1 { font-size: 16px; width: 49% !important; margin-right: 0.33%; } } @media (max-width: 920px) { .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs { background: #000; } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs.col-group.col-3 { font-size: 0; } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs.col-group.col-3 .col-1 { font-size: 16px; width: 49% !important; } } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item { background: black; border: 0px solid #000; color: white; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; } @media (max-width: 920px) { .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item { padding-top: 15px; padding-bottom: 15px; } } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item .tabicon { width: 30px; height: 25px; display: inline-block; vertical-align: middle; } @media (max-width: 920px) { .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item .tabicon { display: none; } } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item .tabicon.android { background: url("clientlibs-all/images/games/game-icons.png") no-repeat; background-position: 0px 0px; background-size: auto 200%; } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item .tabicon.gamestream { background: url("clientlibs-all/images/games/game-icons.png") no-repeat; background-position: -30px 0px; background-size: auto 200%; } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item .tabicon.grid { background: url("clientlibs-all/images/games/game-icons.png") no-repeat; background-position: -60px 0px; background-size: auto 200%; } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item .label { display: inline-block; vertical-align: middle; } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item.active { background: #000; } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item.active, .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item:hover { color: #76b900; } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item.active .tabicon.android, .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item:hover .tabicon.android { background-position: 0px -25px; } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item.active .tabicon.gamestream, .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item:hover .tabicon.gamestream { background-position: -30px -25px; } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item.active .tabicon.grid, .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item:hover .tabicon.grid { background-position: -60px -25px; } .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col > .navigation-tabs-item:after { display: none; } .shieldApps #apps section.sort { text-align: right; margin: 30px auto; max-width: 1280px; font-size: 0; padding-right: 5px; width: 90%; } @media (max-width: 920px) { .shieldApps #apps section.sort { text-align: left; margin-top: 20px; padding-right: 5px; width: 100%; } } .shieldApps #apps section.sort .label { text-transform: uppercase; color: #808080; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; margin-top: -34px; display: inline-block; vertical-align: middle; margin-right: 1em; } @media (max-width: 920px) { .shieldApps #apps section.sort .label { display: block; margin: 5px 15px; } } .shieldApps #apps section.sort select { display: none; } .shieldApps #apps section.apps-list { width: 90%; max-width: 1280px; margin: 0px auto 36px; } @media (max-width: 920px) { .shieldApps #apps section.apps-list { width: auto; left: 15px; right: 15px; } } .shieldApps #apps section.apps-list ul.app-boxes { padding: 0px; font-size: 0px; line-height: 0px; display: inline-block; } .shieldApps #apps section.apps-list ul.app-boxes li { float: left; margin: 0px 5px 20px 5px; position: relative; line-height: 0px; list-style: none; } .shieldApps #apps section.apps-list ul.app-boxes li.active { display: block; } .shieldApps #apps section.apps-list ul.app-boxes li .app { background: #141414; left: 0px; right: 0px; } @media screen and (min-width: 768px) { .shieldApps #apps section.apps-list ul.app-boxes li { height: auto; width: 33.33%; margin-left: 0px; margin-right: 0px; box-sizing: border-box; padding-left: 10px; padding-right: 10px; line-height: 0px; } .shieldApps #apps section.apps-list ul.app-boxes li .app { left: 5px; right: 5px; } } @media screen and (min-width: 768px) and (max-width: 1280px) { .shieldApps #apps section.apps-list ul.app-boxes li { height: auto; width: 50%; margin-left: 0px; margin-right: 0px; box-sizing: border-box; padding-left: 10px; padding-right: 10px; } .shieldApps #apps section.apps-list ul.app-boxes li .app { left: 5px; right: 5px; } .shieldApps #apps section.apps-list ul.app-boxes li:nth-child(2n) { padding-right: 15px; padding-left: 10px; } .shieldApps #apps section.apps-list ul.app-boxes li:nth-child(2n+1) { padding-left: 15px; padding-right: 10px; } } @media screen and (max-width: 767px) { .shieldApps #apps section.apps-list ul.app-boxes li { height: auto; width: 100%; margin-left: 0px; margin-right: 0px; box-sizing: border-box; padding-left: 15px; padding-right: 15px; } .shieldApps #apps section.apps-list ul.app-boxes li .app { left: 5px; right: 5px; } } .shieldApps #apps section.apps-list ul.app-boxes li a { outline: none; text-decoration: none; position: relative; } .shieldApps #apps section.apps-list ul.app-boxes li .banner { width: 100%; height: auto; background-color: #000; } .shieldApps #apps section.apps-list ul.app-boxes li .banner img { width: 100%; } @media (max-width: 920px) { .shieldApps #apps section.apps-list ul.app-boxes li .banner { width: 100%; height: auto; } } .shieldApps #apps section.apps-list ul.app-boxes li .info { margin: 15px 20px 0px; font-size: 16px; letter-spacing: 0.5px; padding-bottom: 10px; line-height: 30px; } @media (max-width: 920px) { .shieldApps #apps section.apps-list ul.app-boxes li .info { margin-top: 17px; margin-left: 12px; margin-right: 10px; } } .shieldApps #apps section.apps-list ul.app-boxes li .info .title { color: white; font-size: 16px; line-height: 24px; min-height: 40px; margin-bottom: 10px; } @media (max-width: 920px) { .shieldApps #apps section.apps-list ul.app-boxes li .info .title { font-size: 16px; line-height: 24px; min-height: 48px; margin-bottom: 5px; } } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating { float: left; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating { display: inline-block; width: 80px; height: 12px; background: url("clientlibs-all/images/star-rating-bg.png") no-repeat; background-size: 80px 12px; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating { width: 0; height: 12px; background: url("clientlibs-all/images/star-rating.png") no-repeat; background-size: 80px 12px; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating05 { width: 6px; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating1 { width: 15px; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating15 { width: 23px; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating2 { width: 29px; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating25 { width: 40px; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating3 { width: 50px; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating35 { width: 56px; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating4 { width: 68px; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating45 { width: 74px; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating5 { width: 80px; } @media (max-width: 920px) { .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); transform-origin: left; } } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-price { float: right; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-price .price { font-size: 18px; line-height: 17px; color: #bfbfbf; font-weight: bold; } @media (max-width: 920px) { .shieldApps #apps section.apps-list ul.app-boxes li .info .app-price .price { font-size: 14px; line-height: 14px; } } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-price .price .currency { display: inline; font-size: 12px; vertical-align: middle; margin-right: 4px; } @media (max-width: 920px) { .shieldApps #apps section.apps-list ul.app-boxes li .info .app-price .price .currency { margin-right: 2px; } } .shieldApps #apps section.apps-list ul.app-boxes li.gamestream-game .game .info .game-rating, .shieldApps #apps section.apps-list ul.app-boxes li.gamestream-game .game .info .game-price { display: none; } .shieldApps #apps section.apps-loading { text-align: center; } .shieldApps #apps section.apps-loading .loadImageWrapper { display: none; } .shieldApps #apps section.apps-loading .loadImageWrapper img { margin: 20px auto; } .shieldApps #apps section.apps-loading.active .loadImageWrapper { display: block; } .shieldApps #apps section.apps-abstract { text-align: center; width: 35%; color: #76b900; margin: 50px auto 0px; font-size: 1.75em; text-transform: uppercase; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: bold; } .shieldApps #apps section.apps-abstract:lang(en-us), .shieldApps #apps section.apps-abstract:lang(en-zz), .shieldApps #apps section.apps-abstract:lang(en-gb), .shieldApps #apps section.apps-abstract:lang(en-au), .shieldApps #apps section.apps-abstract:lang(en-eu), .shieldApps #apps section.apps-abstract:lang(en-in), .shieldApps #apps section.apps-abstract:lang(es-la), .shieldApps #apps section.apps-abstract:lang(es-uy), .shieldApps #apps section.apps-abstract:lang(es-cl), .shieldApps #apps section.apps-abstract:lang(es-py), .shieldApps #apps section.apps-abstract:lang(es-ar), .shieldApps #apps section.apps-abstract:lang(pt-br), .shieldApps #apps section.apps-abstract:lang(en-sg), .shieldApps #apps section.apps-abstract:lang(en-me), .shieldApps #apps section.apps-abstract:lang(en-ph), .shieldApps #apps section.apps-abstract:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .shieldApps #apps section.apps-abstract:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .shieldApps #apps section.apps-abstract:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .shieldApps #apps section.apps-abstract:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .shieldApps #apps section.apps-abstract:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .shieldApps #apps section.apps-abstract:lang(de-at), .shieldApps #apps section.apps-abstract:lang(fr-be), .shieldApps #apps section.apps-abstract:lang(cs-cz), .shieldApps #apps section.apps-abstract:lang(da-dk), .shieldApps #apps section.apps-abstract:lang(nl-nl), .shieldApps #apps section.apps-abstract:lang(nb-no), .shieldApps #apps section.apps-abstract:lang(pl-pl), .shieldApps #apps section.apps-abstract:lang(pt-pt), .shieldApps #apps section.apps-abstract:lang(ro-ro), .shieldApps #apps section.apps-abstract:lang(es-es), .shieldApps #apps section.apps-abstract:lang(sv-se), .shieldApps #apps section.apps-abstract:lang(de-ch), .shieldApps #apps section.apps-abstract:lang(tr-tr), .shieldApps #apps section.apps-abstract:lang(de-de), .shieldApps #apps section.apps-abstract:lang(fr-fr), .shieldApps #apps section.apps-abstract:lang(fi-fi), .shieldApps #apps section.apps-abstract:lang(it-it), .shieldApps #apps section.apps-abstract:lang(hu-hu), .shieldApps #apps section.apps-abstract:lang(sl-si), .shieldApps #apps section.apps-abstract:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .shieldApps #apps section.apps-abstract:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media (max-width: 920px) { .shieldApps #apps section.apps-abstract { width: 75%; } } .shieldApps #apps .more-bttn { cursor: pointer; color: #bfbfbf; line-height: 34px; font-size: 14px; text-transform: uppercase; display: inline-block; height: 34px; vertical-align: bottom; padding: 0 1.5em; } .shieldApps #apps .more-bttn:after { content: " "; position: relative; display: inline-block; right: -1em; top: 1px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #fff; } .shieldApps #apps .more-bttn.active { color: #76b900; } .shieldApps #apps .more-bttn.active:after { top: 0px; border-width: 8px 6px 0 6px; border-color: #76b900 transparent transparent transparent; } .shieldApps #apps .expanded-filters { display: none; margin-top: 15px; } @media (max-width: 920px) { .shieldApps #apps .expanded-filters { margin-top: 10px; } } .shieldApps .no-apps-results { display: none; width: 90%; text-align: center; margin: 0 auto; color: gray; font-size: 1.5em; padding: 1.5em; } .shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .onlyShield { color: #76b900; } .shieldApps .included, .shieldApps .price { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; text-transform: uppercase; color: #666666; } .shieldApps .included:lang(en-us), .shieldApps .included:lang(en-zz), .shieldApps .included:lang(en-gb), .shieldApps .included:lang(en-au), .shieldApps .included:lang(en-eu), .shieldApps .included:lang(en-in), .shieldApps .included:lang(es-la), .shieldApps .included:lang(es-uy), .shieldApps .included:lang(es-cl), .shieldApps .included:lang(es-py), .shieldApps .included:lang(es-ar), .shieldApps .included:lang(pt-br), .shieldApps .included:lang(en-sg), .shieldApps .included:lang(en-me), .shieldApps .included:lang(en-ph), .shieldApps .included:lang(en-my), .shieldApps .price:lang(en-us), .shieldApps .price:lang(en-zz), .shieldApps .price:lang(en-gb), .shieldApps .price:lang(en-au), .shieldApps .price:lang(en-eu), .shieldApps .price:lang(en-in), .shieldApps .price:lang(es-la), .shieldApps .price:lang(es-uy), .shieldApps .price:lang(es-cl), .shieldApps .price:lang(es-py), .shieldApps .price:lang(es-ar), .shieldApps .price:lang(pt-br), .shieldApps .price:lang(en-sg), .shieldApps .price:lang(en-me), .shieldApps .price:lang(en-ph), .shieldApps .price:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .shieldApps .included:lang(ja-jp), .shieldApps .price:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .shieldApps .included:lang(ko-kr), .shieldApps .price:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .shieldApps .included:lang(zh-tw), .shieldApps .price:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .shieldApps .included:lang(zh-cn), .shieldApps .price:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .shieldApps .included:lang(de-at), .shieldApps .included:lang(fr-be), .shieldApps .included:lang(cs-cz), .shieldApps .included:lang(da-dk), .shieldApps .included:lang(nl-nl), .shieldApps .included:lang(nb-no), .shieldApps .included:lang(pl-pl), .shieldApps .included:lang(pt-pt), .shieldApps .included:lang(ro-ro), .shieldApps .included:lang(es-es), .shieldApps .included:lang(sv-se), .shieldApps .included:lang(de-ch), .shieldApps .included:lang(tr-tr), .shieldApps .included:lang(de-de), .shieldApps .included:lang(fr-fr), .shieldApps .included:lang(fi-fi), .shieldApps .included:lang(it-it), .shieldApps .included:lang(hu-hu), .shieldApps .included:lang(sl-si), .shieldApps .included:lang(sk-sk), .shieldApps .price:lang(de-at), .shieldApps .price:lang(fr-be), .shieldApps .price:lang(cs-cz), .shieldApps .price:lang(da-dk), .shieldApps .price:lang(nl-nl), .shieldApps .price:lang(nb-no), .shieldApps .price:lang(pl-pl), .shieldApps .price:lang(pt-pt), .shieldApps .price:lang(ro-ro), .shieldApps .price:lang(es-es), .shieldApps .price:lang(sv-se), .shieldApps .price:lang(de-ch), .shieldApps .price:lang(tr-tr), .shieldApps .price:lang(de-de), .shieldApps .price:lang(fr-fr), .shieldApps .price:lang(fi-fi), .shieldApps .price:lang(it-it), .shieldApps .price:lang(hu-hu), .shieldApps .price:lang(sl-si), .shieldApps .price:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .shieldApps .included:lang(ru-ru), .shieldApps .price:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .shieldApps #sort-button:before { content: " "; position: absolute; display: inline-block; right: 16px; top: 14px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent transparent transparent; } .shieldApps #genre-button:before { content: " "; position: absolute; display: inline-block; right: 16px; top: 14px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent transparent transparent; } .shieldApps #device-button:before { content: " "; position: absolute; display: inline-block; right: 12px; top: 14px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent transparent transparent; } .shieldApps #grid-button:before { content: " "; position: absolute; display: inline-block; right: 12px; top: 14px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent transparent transparent; } .shieldApps #controllers-button:before { content: " "; position: absolute; display: inline-block; right: 12px; top: 14px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent transparent transparent; } .shieldApps #ratings-button:before { content: " "; position: absolute; display: inline-block; right: 12px; top: 14px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent transparent transparent; } .shieldApps #free-button:before { content: " "; position: absolute; display: inline-block; right: 16px; top: 14px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent transparent transparent; } .shieldApps #coming_soon-button:before { content: " "; position: absolute; display: inline-block; right: 12px; top: 14px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent transparent transparent; } .shieldApps #bundle-button:before { content: " "; position: absolute; display: inline-block; right: 12px; top: 14px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent transparent transparent; } @media (max-width: 920px) { .shieldApps #bundle-button:before { right: 26px; } } #sort-menu li, #device-menu li, #coming_soon-menu li, #grid-menu li, #ratings-menu li, #controllers-menu li, #free-menu li, #genre-menu li, #bundle-menu li, #gfntype-menu li { list-style: none; } .shieldGames #games section.sort { text-align: right; margin: 15px auto 30px; max-width: 1280px; font-size: 0; padding-right: 10px; width: 100%; } @media screen and (max-width: 1024px) { .shieldGames #games section.sort { text-align: left; margin-top: 20px; padding-right: 0; } } .shieldGames #games section.sort select { display: none; } .shieldGames #games .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; outline: 0; border-radius: 2px; width: 175px !important; margin-top: 10px !important; } @media screen and (max-width: 1024px) { .shieldGames #games .ui-selectmenu-button { width: 50% !important; } } .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text { background-color: #141414; color: #fff; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-size: 12px; padding: 10px 15px 8px 15px; text-transform: uppercase; text-align: left; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(en-us), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(en-zz), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(en-gb), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(en-au), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(en-eu), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(en-in), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(es-la), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(es-uy), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(es-cl), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(es-py), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(es-ar), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(pt-br), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(en-sg), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(en-me), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(en-ph), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(de-at), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(fr-be), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(cs-cz), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(da-dk), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(nl-nl), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(nb-no), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(pl-pl), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(pt-pt), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(ro-ro), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(es-es), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(sv-se), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(de-ch), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(tr-tr), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(de-de), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(fr-fr), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(fi-fi), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(it-it), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(hu-hu), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(sl-si), .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .shieldGames #games .ui-selectmenu-button .ui-icon { width: 16px; height: 16px; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .shieldGames #games .ui-selectmenu-button span.ui-icon { right: .5em; left: auto; margin-top: -8px; position: absolute; top: 50%; background-image: none; } .shieldGames #games .ui-selectmenu-button .ui-icon-triangle-1-s { display: none; background-position: -64px -16px; } .shieldGames #games #sort + .ui-selectmenu-button, .shieldGames #games #free + .ui-selectmenu-button, .shieldGames #games #device + .ui-selectmenu-button, .shieldGames #games #genre + .ui-selectmenu-button, .shieldGames #games #grid + .ui-selectmenu-button, .shieldGames #games #ratings + .ui-selectmenu-button, .shieldGames #games #coming_soon + .ui-selectmenu-button, .shieldGames #games #controllers + .ui-selectmenu-button, .shieldGames #games #bundle + .ui-selectmenu-button, .shieldGames #games #gfntype + .ui-selectmenu-button { padding-right: 5px !important; padding-left: 15px !important; margin: 0; } .shieldGames #games #sort-button:after, .shieldGames #games #device-button:after, .shieldGames #games #coming_soon-button:after, .shieldGames #games #grid-button:after, .shieldGames #games #ratings-button:after, .shieldGames #games #controllers-button:after, .shieldGames #games #free-button:after, .shieldGames #games #genre-button:after, .shieldGames #games #bundle-button:after, .shieldGames #games #gfntype-button:after { content: " "; position: absolute; display: inline-block; right: 16px; top: 14px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0px 6px; border-color: #fff transparent transparent transparent; } .shieldGames #games #sort-button.active:after, .shieldGames #games #device-button.active:after, .shieldGames #games #coming_soon-button.active:after, .shieldGames #games #grid-button.active:after, .shieldGames #games #ratings-button.active:after, .shieldGames #games #controllers-button.active:after, .shieldGames #games #free-button.active:after, .shieldGames #games #genre-button.active:after, .shieldGames #games #bundle-button.active:after, .shieldGames #games #gfntype-button.active:after { top: 14px; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent transparent transparent; } .shieldGames #games #sort-menu li, .shieldGames #games #device-menu li, .shieldGames #games #coming_soon-menu li, .shieldGames #games #grid-menu li, .shieldGames #games #ratings-menu li, .shieldGames #games #controllers-menu li, .shieldGames #games #free-menu li, .shieldGames #games #genre-menu li, .shieldGames #games #bundle-menu li, .shieldGames #games #gfntype-menu li { margin: 0 5px 0 15px !important; } .shieldGames #games #sort-menu .ui-menu-item, .shieldGames #games #device-menu .ui-menu-item, .shieldGames #games #coming_soon-menu .ui-menu-item, .shieldGames #games #grid-menu .ui-menu-item, .shieldGames #games #ratings-menu .ui-menu-item, .shieldGames #games #controllers-menu .ui-menu-item, .shieldGames #games #free-menu .ui-menu-item, .shieldGames #games #genre-menu .ui-menu-item, .shieldGames #games #bundle-menu .ui-menu-item, .shieldGames #games #gfntype-menu .ui-menu-item { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; text-transform: capitalize; position: relative; margin: 0; padding: 6px 8px 13px 15px !important; font-size: 14px; line-height: 14px; cursor: pointer; min-height: 0; background-color: #141414 !important; background-image: none !important; border: medium none !important; width: auto !important; } .shieldGames #games #sort-menu .ui-menu-item:lang(en-us), .shieldGames #games #sort-menu .ui-menu-item:lang(en-zz), .shieldGames #games #sort-menu .ui-menu-item:lang(en-gb), .shieldGames #games #sort-menu .ui-menu-item:lang(en-au), .shieldGames #games #sort-menu .ui-menu-item:lang(en-eu), .shieldGames #games #sort-menu .ui-menu-item:lang(en-in), .shieldGames #games #sort-menu .ui-menu-item:lang(es-la), .shieldGames #games #sort-menu .ui-menu-item:lang(es-uy), .shieldGames #games #sort-menu .ui-menu-item:lang(es-cl), .shieldGames #games #sort-menu .ui-menu-item:lang(es-py), .shieldGames #games #sort-menu .ui-menu-item:lang(es-ar), .shieldGames #games #sort-menu .ui-menu-item:lang(pt-br), .shieldGames #games #sort-menu .ui-menu-item:lang(en-sg), .shieldGames #games #sort-menu .ui-menu-item:lang(en-me), .shieldGames #games #sort-menu .ui-menu-item:lang(en-ph), .shieldGames #games #sort-menu .ui-menu-item:lang(en-my), .shieldGames #games #device-menu .ui-menu-item:lang(en-us), .shieldGames #games #device-menu .ui-menu-item:lang(en-zz), .shieldGames #games #device-menu .ui-menu-item:lang(en-gb), .shieldGames #games #device-menu .ui-menu-item:lang(en-au), .shieldGames #games #device-menu .ui-menu-item:lang(en-eu), .shieldGames #games #device-menu .ui-menu-item:lang(en-in), .shieldGames #games #device-menu .ui-menu-item:lang(es-la), .shieldGames #games #device-menu .ui-menu-item:lang(es-uy), .shieldGames #games #device-menu .ui-menu-item:lang(es-cl), .shieldGames #games #device-menu .ui-menu-item:lang(es-py), .shieldGames #games #device-menu .ui-menu-item:lang(es-ar), .shieldGames #games #device-menu .ui-menu-item:lang(pt-br), .shieldGames #games #device-menu .ui-menu-item:lang(en-sg), .shieldGames #games #device-menu .ui-menu-item:lang(en-me), .shieldGames #games #device-menu .ui-menu-item:lang(en-ph), .shieldGames #games #device-menu .ui-menu-item:lang(en-my), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(en-us), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(en-zz), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(en-gb), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(en-au), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(en-eu), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(en-in), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(es-la), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(es-uy), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(es-cl), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(es-py), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(es-ar), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(pt-br), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(en-sg), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(en-me), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(en-ph), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(en-my), .shieldGames #games #grid-menu .ui-menu-item:lang(en-us), .shieldGames #games #grid-menu .ui-menu-item:lang(en-zz), .shieldGames #games #grid-menu .ui-menu-item:lang(en-gb), .shieldGames #games #grid-menu .ui-menu-item:lang(en-au), .shieldGames #games #grid-menu .ui-menu-item:lang(en-eu), .shieldGames #games #grid-menu .ui-menu-item:lang(en-in), .shieldGames #games #grid-menu .ui-menu-item:lang(es-la), .shieldGames #games #grid-menu .ui-menu-item:lang(es-uy), .shieldGames #games #grid-menu .ui-menu-item:lang(es-cl), .shieldGames #games #grid-menu .ui-menu-item:lang(es-py), .shieldGames #games #grid-menu .ui-menu-item:lang(es-ar), .shieldGames #games #grid-menu .ui-menu-item:lang(pt-br), .shieldGames #games #grid-menu .ui-menu-item:lang(en-sg), .shieldGames #games #grid-menu .ui-menu-item:lang(en-me), .shieldGames #games #grid-menu .ui-menu-item:lang(en-ph), .shieldGames #games #grid-menu .ui-menu-item:lang(en-my), .shieldGames #games #ratings-menu .ui-menu-item:lang(en-us), .shieldGames #games #ratings-menu .ui-menu-item:lang(en-zz), .shieldGames #games #ratings-menu .ui-menu-item:lang(en-gb), .shieldGames #games #ratings-menu .ui-menu-item:lang(en-au), .shieldGames #games #ratings-menu .ui-menu-item:lang(en-eu), .shieldGames #games #ratings-menu .ui-menu-item:lang(en-in), .shieldGames #games #ratings-menu .ui-menu-item:lang(es-la), .shieldGames #games #ratings-menu .ui-menu-item:lang(es-uy), .shieldGames #games #ratings-menu .ui-menu-item:lang(es-cl), .shieldGames #games #ratings-menu .ui-menu-item:lang(es-py), .shieldGames #games #ratings-menu .ui-menu-item:lang(es-ar), .shieldGames #games #ratings-menu .ui-menu-item:lang(pt-br), .shieldGames #games #ratings-menu .ui-menu-item:lang(en-sg), .shieldGames #games #ratings-menu .ui-menu-item:lang(en-me), .shieldGames #games #ratings-menu .ui-menu-item:lang(en-ph), .shieldGames #games #ratings-menu .ui-menu-item:lang(en-my), .shieldGames #games #controllers-menu .ui-menu-item:lang(en-us), .shieldGames #games #controllers-menu .ui-menu-item:lang(en-zz), .shieldGames #games #controllers-menu .ui-menu-item:lang(en-gb), .shieldGames #games #controllers-menu .ui-menu-item:lang(en-au), .shieldGames #games #controllers-menu .ui-menu-item:lang(en-eu), .shieldGames #games #controllers-menu .ui-menu-item:lang(en-in), .shieldGames #games #controllers-menu .ui-menu-item:lang(es-la), .shieldGames #games #controllers-menu .ui-menu-item:lang(es-uy), .shieldGames #games #controllers-menu .ui-menu-item:lang(es-cl), .shieldGames #games #controllers-menu .ui-menu-item:lang(es-py), .shieldGames #games #controllers-menu .ui-menu-item:lang(es-ar), .shieldGames #games #controllers-menu .ui-menu-item:lang(pt-br), .shieldGames #games #controllers-menu .ui-menu-item:lang(en-sg), .shieldGames #games #controllers-menu .ui-menu-item:lang(en-me), .shieldGames #games #controllers-menu .ui-menu-item:lang(en-ph), .shieldGames #games #controllers-menu .ui-menu-item:lang(en-my), .shieldGames #games #free-menu .ui-menu-item:lang(en-us), .shieldGames #games #free-menu .ui-menu-item:lang(en-zz), .shieldGames #games #free-menu .ui-menu-item:lang(en-gb), .shieldGames #games #free-menu .ui-menu-item:lang(en-au), .shieldGames #games #free-menu .ui-menu-item:lang(en-eu), .shieldGames #games #free-menu .ui-menu-item:lang(en-in), .shieldGames #games #free-menu .ui-menu-item:lang(es-la), .shieldGames #games #free-menu .ui-menu-item:lang(es-uy), .shieldGames #games #free-menu .ui-menu-item:lang(es-cl), .shieldGames #games #free-menu .ui-menu-item:lang(es-py), .shieldGames #games #free-menu .ui-menu-item:lang(es-ar), .shieldGames #games #free-menu .ui-menu-item:lang(pt-br), .shieldGames #games #free-menu .ui-menu-item:lang(en-sg), .shieldGames #games #free-menu .ui-menu-item:lang(en-me), .shieldGames #games #free-menu .ui-menu-item:lang(en-ph), .shieldGames #games #free-menu .ui-menu-item:lang(en-my), .shieldGames #games #genre-menu .ui-menu-item:lang(en-us), .shieldGames #games #genre-menu .ui-menu-item:lang(en-zz), .shieldGames #games #genre-menu .ui-menu-item:lang(en-gb), .shieldGames #games #genre-menu .ui-menu-item:lang(en-au), .shieldGames #games #genre-menu .ui-menu-item:lang(en-eu), .shieldGames #games #genre-menu .ui-menu-item:lang(en-in), .shieldGames #games #genre-menu .ui-menu-item:lang(es-la), .shieldGames #games #genre-menu .ui-menu-item:lang(es-uy), .shieldGames #games #genre-menu .ui-menu-item:lang(es-cl), .shieldGames #games #genre-menu .ui-menu-item:lang(es-py), .shieldGames #games #genre-menu .ui-menu-item:lang(es-ar), .shieldGames #games #genre-menu .ui-menu-item:lang(pt-br), .shieldGames #games #genre-menu .ui-menu-item:lang(en-sg), .shieldGames #games #genre-menu .ui-menu-item:lang(en-me), .shieldGames #games #genre-menu .ui-menu-item:lang(en-ph), .shieldGames #games #genre-menu .ui-menu-item:lang(en-my), .shieldGames #games #bundle-menu .ui-menu-item:lang(en-us), .shieldGames #games #bundle-menu .ui-menu-item:lang(en-zz), .shieldGames #games #bundle-menu .ui-menu-item:lang(en-gb), .shieldGames #games #bundle-menu .ui-menu-item:lang(en-au), .shieldGames #games #bundle-menu .ui-menu-item:lang(en-eu), .shieldGames #games #bundle-menu .ui-menu-item:lang(en-in), .shieldGames #games #bundle-menu .ui-menu-item:lang(es-la), .shieldGames #games #bundle-menu .ui-menu-item:lang(es-uy), .shieldGames #games #bundle-menu .ui-menu-item:lang(es-cl), .shieldGames #games #bundle-menu .ui-menu-item:lang(es-py), .shieldGames #games #bundle-menu .ui-menu-item:lang(es-ar), .shieldGames #games #bundle-menu .ui-menu-item:lang(pt-br), .shieldGames #games #bundle-menu .ui-menu-item:lang(en-sg), .shieldGames #games #bundle-menu .ui-menu-item:lang(en-me), .shieldGames #games #bundle-menu .ui-menu-item:lang(en-ph), .shieldGames #games #bundle-menu .ui-menu-item:lang(en-my), .shieldGames #games #gfntype-menu .ui-menu-item:lang(en-us), .shieldGames #games #gfntype-menu .ui-menu-item:lang(en-zz), .shieldGames #games #gfntype-menu .ui-menu-item:lang(en-gb), .shieldGames #games #gfntype-menu .ui-menu-item:lang(en-au), .shieldGames #games #gfntype-menu .ui-menu-item:lang(en-eu), .shieldGames #games #gfntype-menu .ui-menu-item:lang(en-in), .shieldGames #games #gfntype-menu .ui-menu-item:lang(es-la), .shieldGames #games #gfntype-menu .ui-menu-item:lang(es-uy), .shieldGames #games #gfntype-menu .ui-menu-item:lang(es-cl), .shieldGames #games #gfntype-menu .ui-menu-item:lang(es-py), .shieldGames #games #gfntype-menu .ui-menu-item:lang(es-ar), .shieldGames #games #gfntype-menu .ui-menu-item:lang(pt-br), .shieldGames #games #gfntype-menu .ui-menu-item:lang(en-sg), .shieldGames #games #gfntype-menu .ui-menu-item:lang(en-me), .shieldGames #games #gfntype-menu .ui-menu-item:lang(en-ph), .shieldGames #games #gfntype-menu .ui-menu-item:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .shieldGames #games #sort-menu .ui-menu-item:lang(ja-jp), .shieldGames #games #device-menu .ui-menu-item:lang(ja-jp), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(ja-jp), .shieldGames #games #grid-menu .ui-menu-item:lang(ja-jp), .shieldGames #games #ratings-menu .ui-menu-item:lang(ja-jp), .shieldGames #games #controllers-menu .ui-menu-item:lang(ja-jp), .shieldGames #games #free-menu .ui-menu-item:lang(ja-jp), .shieldGames #games #genre-menu .ui-menu-item:lang(ja-jp), .shieldGames #games #bundle-menu .ui-menu-item:lang(ja-jp), .shieldGames #games #gfntype-menu .ui-menu-item:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .shieldGames #games #sort-menu .ui-menu-item:lang(ko-kr), .shieldGames #games #device-menu .ui-menu-item:lang(ko-kr), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(ko-kr), .shieldGames #games #grid-menu .ui-menu-item:lang(ko-kr), .shieldGames #games #ratings-menu .ui-menu-item:lang(ko-kr), .shieldGames #games #controllers-menu .ui-menu-item:lang(ko-kr), .shieldGames #games #free-menu .ui-menu-item:lang(ko-kr), .shieldGames #games #genre-menu .ui-menu-item:lang(ko-kr), .shieldGames #games #bundle-menu .ui-menu-item:lang(ko-kr), .shieldGames #games #gfntype-menu .ui-menu-item:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .shieldGames #games #sort-menu .ui-menu-item:lang(zh-tw), .shieldGames #games #device-menu .ui-menu-item:lang(zh-tw), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(zh-tw), .shieldGames #games #grid-menu .ui-menu-item:lang(zh-tw), .shieldGames #games #ratings-menu .ui-menu-item:lang(zh-tw), .shieldGames #games #controllers-menu .ui-menu-item:lang(zh-tw), .shieldGames #games #free-menu .ui-menu-item:lang(zh-tw), .shieldGames #games #genre-menu .ui-menu-item:lang(zh-tw), .shieldGames #games #bundle-menu .ui-menu-item:lang(zh-tw), .shieldGames #games #gfntype-menu .ui-menu-item:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .shieldGames #games #sort-menu .ui-menu-item:lang(zh-cn), .shieldGames #games #device-menu .ui-menu-item:lang(zh-cn), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(zh-cn), .shieldGames #games #grid-menu .ui-menu-item:lang(zh-cn), .shieldGames #games #ratings-menu .ui-menu-item:lang(zh-cn), .shieldGames #games #controllers-menu .ui-menu-item:lang(zh-cn), .shieldGames #games #free-menu .ui-menu-item:lang(zh-cn), .shieldGames #games #genre-menu .ui-menu-item:lang(zh-cn), .shieldGames #games #bundle-menu .ui-menu-item:lang(zh-cn), .shieldGames #games #gfntype-menu .ui-menu-item:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .shieldGames #games #sort-menu .ui-menu-item:lang(de-at), .shieldGames #games #sort-menu .ui-menu-item:lang(fr-be), .shieldGames #games #sort-menu .ui-menu-item:lang(cs-cz), .shieldGames #games #sort-menu .ui-menu-item:lang(da-dk), .shieldGames #games #sort-menu .ui-menu-item:lang(nl-nl), .shieldGames #games #sort-menu .ui-menu-item:lang(nb-no), .shieldGames #games #sort-menu .ui-menu-item:lang(pl-pl), .shieldGames #games #sort-menu .ui-menu-item:lang(pt-pt), .shieldGames #games #sort-menu .ui-menu-item:lang(ro-ro), .shieldGames #games #sort-menu .ui-menu-item:lang(es-es), .shieldGames #games #sort-menu .ui-menu-item:lang(sv-se), .shieldGames #games #sort-menu .ui-menu-item:lang(de-ch), .shieldGames #games #sort-menu .ui-menu-item:lang(tr-tr), .shieldGames #games #sort-menu .ui-menu-item:lang(de-de), .shieldGames #games #sort-menu .ui-menu-item:lang(fr-fr), .shieldGames #games #sort-menu .ui-menu-item:lang(fi-fi), .shieldGames #games #sort-menu .ui-menu-item:lang(it-it), .shieldGames #games #sort-menu .ui-menu-item:lang(hu-hu), .shieldGames #games #sort-menu .ui-menu-item:lang(sl-si), .shieldGames #games #sort-menu .ui-menu-item:lang(sk-sk), .shieldGames #games #device-menu .ui-menu-item:lang(de-at), .shieldGames #games #device-menu .ui-menu-item:lang(fr-be), .shieldGames #games #device-menu .ui-menu-item:lang(cs-cz), .shieldGames #games #device-menu .ui-menu-item:lang(da-dk), .shieldGames #games #device-menu .ui-menu-item:lang(nl-nl), .shieldGames #games #device-menu .ui-menu-item:lang(nb-no), .shieldGames #games #device-menu .ui-menu-item:lang(pl-pl), .shieldGames #games #device-menu .ui-menu-item:lang(pt-pt), .shieldGames #games #device-menu .ui-menu-item:lang(ro-ro), .shieldGames #games #device-menu .ui-menu-item:lang(es-es), .shieldGames #games #device-menu .ui-menu-item:lang(sv-se), .shieldGames #games #device-menu .ui-menu-item:lang(de-ch), .shieldGames #games #device-menu .ui-menu-item:lang(tr-tr), .shieldGames #games #device-menu .ui-menu-item:lang(de-de), .shieldGames #games #device-menu .ui-menu-item:lang(fr-fr), .shieldGames #games #device-menu .ui-menu-item:lang(fi-fi), .shieldGames #games #device-menu .ui-menu-item:lang(it-it), .shieldGames #games #device-menu .ui-menu-item:lang(hu-hu), .shieldGames #games #device-menu .ui-menu-item:lang(sl-si), .shieldGames #games #device-menu .ui-menu-item:lang(sk-sk), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(de-at), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(fr-be), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(cs-cz), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(da-dk), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(nl-nl), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(nb-no), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(pl-pl), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(pt-pt), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(ro-ro), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(es-es), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(sv-se), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(de-ch), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(tr-tr), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(de-de), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(fr-fr), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(fi-fi), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(it-it), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(hu-hu), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(sl-si), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(sk-sk), .shieldGames #games #grid-menu .ui-menu-item:lang(de-at), .shieldGames #games #grid-menu .ui-menu-item:lang(fr-be), .shieldGames #games #grid-menu .ui-menu-item:lang(cs-cz), .shieldGames #games #grid-menu .ui-menu-item:lang(da-dk), .shieldGames #games #grid-menu .ui-menu-item:lang(nl-nl), .shieldGames #games #grid-menu .ui-menu-item:lang(nb-no), .shieldGames #games #grid-menu .ui-menu-item:lang(pl-pl), .shieldGames #games #grid-menu .ui-menu-item:lang(pt-pt), .shieldGames #games #grid-menu .ui-menu-item:lang(ro-ro), .shieldGames #games #grid-menu .ui-menu-item:lang(es-es), .shieldGames #games #grid-menu .ui-menu-item:lang(sv-se), .shieldGames #games #grid-menu .ui-menu-item:lang(de-ch), .shieldGames #games #grid-menu .ui-menu-item:lang(tr-tr), .shieldGames #games #grid-menu .ui-menu-item:lang(de-de), .shieldGames #games #grid-menu .ui-menu-item:lang(fr-fr), .shieldGames #games #grid-menu .ui-menu-item:lang(fi-fi), .shieldGames #games #grid-menu .ui-menu-item:lang(it-it), .shieldGames #games #grid-menu .ui-menu-item:lang(hu-hu), .shieldGames #games #grid-menu .ui-menu-item:lang(sl-si), .shieldGames #games #grid-menu .ui-menu-item:lang(sk-sk), .shieldGames #games #ratings-menu .ui-menu-item:lang(de-at), .shieldGames #games #ratings-menu .ui-menu-item:lang(fr-be), .shieldGames #games #ratings-menu .ui-menu-item:lang(cs-cz), .shieldGames #games #ratings-menu .ui-menu-item:lang(da-dk), .shieldGames #games #ratings-menu .ui-menu-item:lang(nl-nl), .shieldGames #games #ratings-menu .ui-menu-item:lang(nb-no), .shieldGames #games #ratings-menu .ui-menu-item:lang(pl-pl), .shieldGames #games #ratings-menu .ui-menu-item:lang(pt-pt), .shieldGames #games #ratings-menu .ui-menu-item:lang(ro-ro), .shieldGames #games #ratings-menu .ui-menu-item:lang(es-es), .shieldGames #games #ratings-menu .ui-menu-item:lang(sv-se), .shieldGames #games #ratings-menu .ui-menu-item:lang(de-ch), .shieldGames #games #ratings-menu .ui-menu-item:lang(tr-tr), .shieldGames #games #ratings-menu .ui-menu-item:lang(de-de), .shieldGames #games #ratings-menu .ui-menu-item:lang(fr-fr), .shieldGames #games #ratings-menu .ui-menu-item:lang(fi-fi), .shieldGames #games #ratings-menu .ui-menu-item:lang(it-it), .shieldGames #games #ratings-menu .ui-menu-item:lang(hu-hu), .shieldGames #games #ratings-menu .ui-menu-item:lang(sl-si), .shieldGames #games #ratings-menu .ui-menu-item:lang(sk-sk), .shieldGames #games #controllers-menu .ui-menu-item:lang(de-at), .shieldGames #games #controllers-menu .ui-menu-item:lang(fr-be), .shieldGames #games #controllers-menu .ui-menu-item:lang(cs-cz), .shieldGames #games #controllers-menu .ui-menu-item:lang(da-dk), .shieldGames #games #controllers-menu .ui-menu-item:lang(nl-nl), .shieldGames #games #controllers-menu .ui-menu-item:lang(nb-no), .shieldGames #games #controllers-menu .ui-menu-item:lang(pl-pl), .shieldGames #games #controllers-menu .ui-menu-item:lang(pt-pt), .shieldGames #games #controllers-menu .ui-menu-item:lang(ro-ro), .shieldGames #games #controllers-menu .ui-menu-item:lang(es-es), .shieldGames #games #controllers-menu .ui-menu-item:lang(sv-se), .shieldGames #games #controllers-menu .ui-menu-item:lang(de-ch), .shieldGames #games #controllers-menu .ui-menu-item:lang(tr-tr), .shieldGames #games #controllers-menu .ui-menu-item:lang(de-de), .shieldGames #games #controllers-menu .ui-menu-item:lang(fr-fr), .shieldGames #games #controllers-menu .ui-menu-item:lang(fi-fi), .shieldGames #games #controllers-menu .ui-menu-item:lang(it-it), .shieldGames #games #controllers-menu .ui-menu-item:lang(hu-hu), .shieldGames #games #controllers-menu .ui-menu-item:lang(sl-si), .shieldGames #games #controllers-menu .ui-menu-item:lang(sk-sk), .shieldGames #games #free-menu .ui-menu-item:lang(de-at), .shieldGames #games #free-menu .ui-menu-item:lang(fr-be), .shieldGames #games #free-menu .ui-menu-item:lang(cs-cz), .shieldGames #games #free-menu .ui-menu-item:lang(da-dk), .shieldGames #games #free-menu .ui-menu-item:lang(nl-nl), .shieldGames #games #free-menu .ui-menu-item:lang(nb-no), .shieldGames #games #free-menu .ui-menu-item:lang(pl-pl), .shieldGames #games #free-menu .ui-menu-item:lang(pt-pt), .shieldGames #games #free-menu .ui-menu-item:lang(ro-ro), .shieldGames #games #free-menu .ui-menu-item:lang(es-es), .shieldGames #games #free-menu .ui-menu-item:lang(sv-se), .shieldGames #games #free-menu .ui-menu-item:lang(de-ch), .shieldGames #games #free-menu .ui-menu-item:lang(tr-tr), .shieldGames #games #free-menu .ui-menu-item:lang(de-de), .shieldGames #games #free-menu .ui-menu-item:lang(fr-fr), .shieldGames #games #free-menu .ui-menu-item:lang(fi-fi), .shieldGames #games #free-menu .ui-menu-item:lang(it-it), .shieldGames #games #free-menu .ui-menu-item:lang(hu-hu), .shieldGames #games #free-menu .ui-menu-item:lang(sl-si), .shieldGames #games #free-menu .ui-menu-item:lang(sk-sk), .shieldGames #games #genre-menu .ui-menu-item:lang(de-at), .shieldGames #games #genre-menu .ui-menu-item:lang(fr-be), .shieldGames #games #genre-menu .ui-menu-item:lang(cs-cz), .shieldGames #games #genre-menu .ui-menu-item:lang(da-dk), .shieldGames #games #genre-menu .ui-menu-item:lang(nl-nl), .shieldGames #games #genre-menu .ui-menu-item:lang(nb-no), .shieldGames #games #genre-menu .ui-menu-item:lang(pl-pl), .shieldGames #games #genre-menu .ui-menu-item:lang(pt-pt), .shieldGames #games #genre-menu .ui-menu-item:lang(ro-ro), .shieldGames #games #genre-menu .ui-menu-item:lang(es-es), .shieldGames #games #genre-menu .ui-menu-item:lang(sv-se), .shieldGames #games #genre-menu .ui-menu-item:lang(de-ch), .shieldGames #games #genre-menu .ui-menu-item:lang(tr-tr), .shieldGames #games #genre-menu .ui-menu-item:lang(de-de), .shieldGames #games #genre-menu .ui-menu-item:lang(fr-fr), .shieldGames #games #genre-menu .ui-menu-item:lang(fi-fi), .shieldGames #games #genre-menu .ui-menu-item:lang(it-it), .shieldGames #games #genre-menu .ui-menu-item:lang(hu-hu), .shieldGames #games #genre-menu .ui-menu-item:lang(sl-si), .shieldGames #games #genre-menu .ui-menu-item:lang(sk-sk), .shieldGames #games #bundle-menu .ui-menu-item:lang(de-at), .shieldGames #games #bundle-menu .ui-menu-item:lang(fr-be), .shieldGames #games #bundle-menu .ui-menu-item:lang(cs-cz), .shieldGames #games #bundle-menu .ui-menu-item:lang(da-dk), .shieldGames #games #bundle-menu .ui-menu-item:lang(nl-nl), .shieldGames #games #bundle-menu .ui-menu-item:lang(nb-no), .shieldGames #games #bundle-menu .ui-menu-item:lang(pl-pl), .shieldGames #games #bundle-menu .ui-menu-item:lang(pt-pt), .shieldGames #games #bundle-menu .ui-menu-item:lang(ro-ro), .shieldGames #games #bundle-menu .ui-menu-item:lang(es-es), .shieldGames #games #bundle-menu .ui-menu-item:lang(sv-se), .shieldGames #games #bundle-menu .ui-menu-item:lang(de-ch), .shieldGames #games #bundle-menu .ui-menu-item:lang(tr-tr), .shieldGames #games #bundle-menu .ui-menu-item:lang(de-de), .shieldGames #games #bundle-menu .ui-menu-item:lang(fr-fr), .shieldGames #games #bundle-menu .ui-menu-item:lang(fi-fi), .shieldGames #games #bundle-menu .ui-menu-item:lang(it-it), .shieldGames #games #bundle-menu .ui-menu-item:lang(hu-hu), .shieldGames #games #bundle-menu .ui-menu-item:lang(sl-si), .shieldGames #games #bundle-menu .ui-menu-item:lang(sk-sk), .shieldGames #games #gfntype-menu .ui-menu-item:lang(de-at), .shieldGames #games #gfntype-menu .ui-menu-item:lang(fr-be), .shieldGames #games #gfntype-menu .ui-menu-item:lang(cs-cz), .shieldGames #games #gfntype-menu .ui-menu-item:lang(da-dk), .shieldGames #games #gfntype-menu .ui-menu-item:lang(nl-nl), .shieldGames #games #gfntype-menu .ui-menu-item:lang(nb-no), .shieldGames #games #gfntype-menu .ui-menu-item:lang(pl-pl), .shieldGames #games #gfntype-menu .ui-menu-item:lang(pt-pt), .shieldGames #games #gfntype-menu .ui-menu-item:lang(ro-ro), .shieldGames #games #gfntype-menu .ui-menu-item:lang(es-es), .shieldGames #games #gfntype-menu .ui-menu-item:lang(sv-se), .shieldGames #games #gfntype-menu .ui-menu-item:lang(de-ch), .shieldGames #games #gfntype-menu .ui-menu-item:lang(tr-tr), .shieldGames #games #gfntype-menu .ui-menu-item:lang(de-de), .shieldGames #games #gfntype-menu .ui-menu-item:lang(fr-fr), .shieldGames #games #gfntype-menu .ui-menu-item:lang(fi-fi), .shieldGames #games #gfntype-menu .ui-menu-item:lang(it-it), .shieldGames #games #gfntype-menu .ui-menu-item:lang(hu-hu), .shieldGames #games #gfntype-menu .ui-menu-item:lang(sl-si), .shieldGames #games #gfntype-menu .ui-menu-item:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .shieldGames #games #sort-menu .ui-menu-item:lang(ru-ru), .shieldGames #games #device-menu .ui-menu-item:lang(ru-ru), .shieldGames #games #coming_soon-menu .ui-menu-item:lang(ru-ru), .shieldGames #games #grid-menu .ui-menu-item:lang(ru-ru), .shieldGames #games #ratings-menu .ui-menu-item:lang(ru-ru), .shieldGames #games #controllers-menu .ui-menu-item:lang(ru-ru), .shieldGames #games #free-menu .ui-menu-item:lang(ru-ru), .shieldGames #games #genre-menu .ui-menu-item:lang(ru-ru), .shieldGames #games #bundle-menu .ui-menu-item:lang(ru-ru), .shieldGames #games #gfntype-menu .ui-menu-item:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .shieldGames #games #sort-menu .ui-state-hover, .shieldGames #games #sort-menu .ui-state-focus, .shieldGames #games #device-menu .ui-state-hover, .shieldGames #games #device-menu .ui-state-focus, .shieldGames #games #coming_soon-menu .ui-state-hover, .shieldGames #games #coming_soon-menu .ui-state-focus, .shieldGames #games #grid-menu .ui-state-hover, .shieldGames #games #grid-menu .ui-state-focus, .shieldGames #games #ratings-menu .ui-state-hover, .shieldGames #games #ratings-menu .ui-state-focus, .shieldGames #games #controllers-menu .ui-state-hover, .shieldGames #games #controllers-menu .ui-state-focus, .shieldGames #games #free-menu .ui-state-hover, .shieldGames #games #free-menu .ui-state-focus, .shieldGames #games #genre-menu .ui-state-hover, .shieldGames #games #genre-menu .ui-state-focus, .shieldGames #games #bundle-menu .ui-state-hover, .shieldGames #games #bundle-menu .ui-state-focus, .shieldGames #games #gfntype-menu .ui-state-hover, .shieldGames #games #gfntype-menu .ui-state-focus { color: #fff !important; } .shieldGames #games .more-bttn { cursor: pointer; color: #bfbfbf; line-height: 34px; font-size: 14px; text-transform: uppercase; display: inline-block; height: 34px; vertical-align: bottom; padding: 0 1.5em; } .shieldGames #games .more-bttn.active { color: #76b900; } .shieldGames #games .more-bttn:after { content: " "; position: relative; display: inline-block; right: -1em; top: 1px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #76b900; } .shieldGames #games .more-bttn.active:after { top: 0; border-width: 8px 6px 0 6px; border-color: #76b900 transparent transparent transparent; } .shieldGames #games .expanded-filters { display: none; margin-top: 15px; } .shieldGames #games section.games-list { width: 100%; max-width: 1280px; margin: 0 auto; } .shieldGames #games section.games-list ul.game-boxes { font-size: 0; line-height: 0; padding: 0; } @media screen and (min-width: 768px) and (max-width: 1280px) { .shieldGames #games section.games-list ul.game-boxes li:nth-child(2n+1) { padding-left: 15px; padding-right: 10px; } } @media screen and (min-width: 768px) and (max-width: 1280px) { .shieldGames #games section.games-list ul.game-boxes li:nth-child(2n) { padding-right: 15px; padding-left: 10px; } } .shieldGames #games section.games-list ul.game-boxes li { float: left; margin: 0 10px 20px 5px; position: relative; list-style: none; } @media screen and (max-width: 767px) { .shieldGames #games section.games-list ul.game-boxes li { height: auto; width: 100%; margin-left: 0; margin-right: 0; padding-right: 15px; padding-left: 15px; } } @media screen and (min-width: 768px) and (max-width: 1280px) { .shieldGames #games section.games-list ul.game-boxes li { height: auto; width: 50%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1281px) { .shieldGames #games section.games-list ul.game-boxes li { height: auto; width: 33.33%; margin-left: 0; margin-right: 0; padding-left: 10px; padding-right: 10px; } } .shieldGames #games section.games-list ul.game-boxes li .game { background: #141414; } .shieldGames #games section.games-list ul.game-boxes li a { outline: 0; text-decoration: none; position: relative; } .shieldGames #games section.games-list ul.game-boxes li .banner { width: 100%; height: auto; background-color: #000; } .shieldGames #games section.games-list ul.game-boxes li .banner img { width: 100%; } .shieldGames #games section.games-list ul.game-boxes li .info { margin: 15px 20px 0; font-size: 16px; letter-spacing: .5px; padding-bottom: 10px; line-height: 30px; } .shieldGames #games section.games-list ul.game-boxes li .info .title { color: white; font-size: 16px; line-height: 24px; min-height: 40px; margin-bottom: 10px; } .shieldGames #games section.games-list ul.game-boxes li .info .grid-game-price .included, .shieldGames #games section.games-list ul.game-boxes li .info .grid-game-price .price { text-transform: uppercase; color: #666; } .shieldGames #games section.games-list ul.game-boxes li .info .game-rating { float: left; } @media screen and (max-width: 1024px) { .shieldGames #games section.games-list ul.game-boxes li .info .game-rating .onlyShield { font-size: 12px; } } .shieldGames #games section.games-list ul.game-boxes li .info .game-price { float: right; } .shieldGames #games section.games-list ul.game-boxes li .info .game-price .price { font-size: 18px; color: #bfbfbf; font-weight: bold; } @media screen and (max-width: 1024px) { .shieldGames #games section.games-list ul.game-boxes li .info .game-price .price { font-size: 14px; } } .shieldGames #games section.games-list section.games-loading { text-align: center; /*.loadImageWrapper.current{ display: block; }*/ } .shieldGames #games section.games-list section.games-loading .loadImageWrapper { display: none; } .shieldGames #games section.games-list section.games-loading.active .loadImageWrapper { display: block; } .shieldGames #games section.games-list .btn-more { border: 0; background: 0; color: #fff; font: bold 18px/1 "NVIDIA"; } .shieldGames #games section.games-list .btn-more .txt-more { min-width: 0; cursor: pointer; padding: 15px; } .shieldGames #games section.games-list .load-more { text-align: center; display: block; width: 220px; margin: 0 auto; } .shieldGames #games section.games-list .load-more .btn { display: inline-block; text-align: center; background-color: #76b900; color: #fff; margin: 0 auto; margin-top: 25px; } @media screen and (max-width: 1024px) { .shieldGames #games section.games-list .load-more .btn { margin-top: 10px; } } .shieldGames .cf:after { content: ""; display: table; clear: both; } .shieldGames .no-games-results { display: none; width: 90%; text-align: center; margin: 0 auto; color: gray; font-size: 1.5em; padding: 1.5em; } /* --- Slider --- */ .heroBanner { /* */ } .heroBanner .slider-container { width: 100%; } .heroBanner .slider-container input { display: none; } .heroBanner .slider-container .overflow { width: 100%; overflow: hidden; } .heroBanner .slider-container #slides { width: 100%; /*max-width:1680px;*/ margin: 0 auto; position: relative; } .heroBanner .slider-container #slides .video-container { position: absolute; top: 0; left: 0; display: none; } .heroBanner .slider-container #slides .overlay { position: absolute; height: 0%; width: 100%; top: 0; left: 0; background: #000; z-index: -2; } .heroBanner .slider-container #slides .banner-link { position: absolute; height: 0; width: 100%; z-index: 1; top: 0; left: 0; } .heroBanner .slider-container #slides .info { overflow: hidden; color: #fff; position: absolute; left: 0; right: 0; opacity: 0; text-align: left; height: 0; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0px 30px; /*@media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max){ padding: 0px 30px; }*/ } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info { padding: 0px 15px; } } @media screen and (min-width: 1281px) { .heroBanner .slider-container #slides .info { padding: 0px 0px; } } .heroBanner .slider-container #slides .info .button .product-row__item { min-height: 183px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info .content-table, .heroBanner .slider-container #slides .info .content-table-left { height: 100%; } } .heroBanner .slider-container #slides .info.twocolinfobar .content-table { width: 50%; float: right; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info.twocolinfobar .content-table { width: 100%; } } .heroBanner .slider-container #slides .info.twocolinfobar .content-table.wid-100 { width: 100% !important; height: 50% !important; } .heroBanner .slider-container #slides .info.twocolinfobar .content-table-left { width: 50%; float: left; text-align: center; z-index: 2; position: relative; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info.twocolinfobar .content-table-left { width: 100%; } } .heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-40 { width: 60%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-40 { width: 100%; } } .heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-50 { width: 50%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-50 { width: 100%; } } .heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-60 { width: 40%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-60 { width: 100%; } } .heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-70 { width: 30%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-70 { width: 100%; } } .heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-100 { width: 100% !important; height: 50% !important; } .heroBanner .slider-container #slides .info.text-on-right { text-align: right; } .heroBanner .slider-container #slides .info.text-on-right .content-table { /*position:relative;*/ float: right; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info.text-on-right .content-table { left: 0%; padding: 0px 0px; } } .heroBanner .slider-container #slides .info.text-on-center { text-align: center; } .heroBanner .slider-container #slides .info.text-on-center .content-table { /*float:left;*/ margin: 0 auto; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info.text-on-center .content-table { left: 0%; padding: 0px 0px; } } .heroBanner .slider-container #slides .info.text-on-left .content-table { float: left; } .heroBanner .slider-container #slides .info.text-on-left .content-table-left { float: right; } .heroBanner .slider-container #slides .info .content-table { width: 35%; position: relative; z-index: 2; } .heroBanner .slider-container #slides .info .content-table .textcomp .general-container { word-break: break-word; } .heroBanner .slider-container #slides .info .content-table.v-top .content-cell { vertical-align: top; } .heroBanner .slider-container #slides .info .content-table.v-bottom .content-cell { vertical-align: bottom; padding-bottom: 10px; } @media (max-width: 767px) { .heroBanner .slider-container #slides .info .content-table.v-mob-top .content-cell { vertical-align: top; } .heroBanner .slider-container #slides .info .content-table.v-mob-bottom .content-cell { vertical-align: bottom; } } .heroBanner .slider-container #slides .info .content-table.wid-40 { width: 40%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info .content-table.wid-40 { width: 100%; } } .heroBanner .slider-container #slides .info .content-table.wid-50 { width: 50%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info .content-table.wid-50 { width: 100%; } } .heroBanner .slider-container #slides .info .content-table.wid-60 { width: 60%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info .content-table.wid-60 { width: 100%; } } .heroBanner .slider-container #slides .info .content-table.wid-70 { width: 70%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info .content-table.wid-70 { width: 100%; } } .heroBanner .slider-container #slides .info .content-table.wid-100 { width: 100%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .info .content-table { width: 100%; } } .heroBanner .slider-container #slides .info .column-container { background: none; } .heroBanner .slider-container #slides .info .column-container .row .column { padding: 0px 15px 0px 0px; } .heroBanner .slider-container #slides .info .column-container .general-container { padding: 0px; } .heroBanner .slider-container #slides .info .sectionWrapper { background: none; } .heroBanner .slider-container #slides .ht-200 .info { width: 100%; } .heroBanner .slider-container #slides .ht-200 .info .content-table { width: 70%; max-width: 845px; } .heroBanner .slider-container #slides .ht-200 .info .content-table.wid-40 { width: 40%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .ht-200 .info .content-table.wid-40 { width: 100%; } } .heroBanner .slider-container #slides .ht-200 .info .content-table.wid-50 { width: 50%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .ht-200 .info .content-table.wid-50 { width: 100%; } } .heroBanner .slider-container #slides .ht-200 .info .content-table.wid-60 { width: 60%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .ht-200 .info .content-table.wid-60 { width: 100%; } } .heroBanner .slider-container #slides .ht-200 .info .content-table.wid-100 { width: 100%; max-width: none; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .ht-200 .info .content-table.wid-100 { width: 100%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .ht-200 .info .content-table { width: 100%; left: 0%; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides .ht-200 .info .content-table .textcomp .general-container { max-width: 100%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides .ht-200 .info .content-table .textcomp .general-container { max-width: 100%; } } .heroBanner .slider-container #slides .content-table, .heroBanner .slider-container #slides .content-table-left { display: table; height: 100%; width: 100%; } .heroBanner .slider-container #slides .content-cell { display: table-cell; vertical-align: middle; } .heroBanner .slider-container #slides .inner { width: 100%; } .heroBanner .slider-container #slides article { opacity: 0; -webkit-transition: opacity 0s; -moz-transition: opacity 0s; -ie-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s; /* line-height:0; see request -> AD-402 */ } .heroBanner .slider-container #slides article .infobarbottomlogowrap { max-width: 1280px; margin: 0 auto; height: 100%; width: 100%; color: red; position: absolute; left: 0; right: 0; display: none; } .heroBanner .slider-container #slides article .infobarbottomlogowrap .infobarbottomlogo { position: absolute; bottom: 0; right: 0; height: auto; width: auto; text-align: center; vertical-align: middle; line-height: inherit; } .heroBanner .slider-container #controls { float: left; width: 100%; max-width: 1680px; margin-top: -17%; } .heroBanner .slider-container #controls.control-ht-200 { margin-top: -8%; } .heroBanner .slider-container #controls label { width: 30px; height: 40px; opacity: 0.3; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ie-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .heroBanner .slider-container #controls label:hover { opacity: 0.8; } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #controls { margin-top: -17.5%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container #controls { display: none; } } .heroBanner .slider-container .controls { max-width: 1280px; margin: 0 auto; } .heroBanner .slider-container .controls #active { bottom: 2%; width: 100%; max-width: 1280px; margin: 0 auto; text-align: center; position: absolute; z-index: 10; } .heroBanner .slider-container .controls #active label { display: inline-block; width: 10px; height: 10px; margin-right: 5px; background-color: #666666; border-radius: 10px; cursor: pointer; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ie-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; overflow: none; } @media screen and (min-width: 1025px) { .heroBanner .slider-container .controls #active label:hover { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(2) { position: relative; float: right; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(2):before { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 32px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(2):after { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(2):hover:before { right: 16px; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(2):hover:after { right: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(2):before { left: 8px; width: 20px; top: 28px; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(2):after { left: 8px; width: 20px; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(2):hover:before { left: 10px; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(2):hover:after { left: 10px; } } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(5) { position: relative; float: left; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(5):before { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 32px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(5):after { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(5):hover:before { left: 16px; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(5):hover:after { left: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(5):before { left: 2px; width: 20px; top: 28px; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(5):after { left: 2px; width: 20px; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(5):hover:before { left: 0; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #controls label:nth-child(5):hover:after { left: 0; } } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides #active label:nth-child(1) { background-color: #76b900; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) { opacity: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -ie-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .overlay, .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .banner-link { height: 100%; } @media screen and (min-width: 2560px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).bcg-contain { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-580 { height: 580px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-580 { height: 440px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-580 { height: 440px; } } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-770 { height: 770px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-770 { height: 550px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-770 { height: 550px; } } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-460 { height: 460px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-460 { height: 420px; } } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-200 { height: 280px; padding: 0px; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-200 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-180 { height: 180px; padding: 0px; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-180 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-90 { height: 90px; padding: 0px; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-90 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-300 { height: 300px; padding: 0px; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1).ht-300 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .info { height: 100%; opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .info { margin-top: 0; } } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .slider-cta { display: inline-block; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01@2x.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01-mob.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media screen and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01-mob@2x.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .infobarbottomlogowrap { max-width: 1280px; margin: 0 auto; height: 100%; width: 100%; color: #fff; position: absolute; left: 0; right: 0; display: block; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .infobarbottomlogowrap .infobarbottomlogo { position: absolute; padding-bottom: 30px; max-width: 100%; max-height: 100%; bottom: 0; height: auto; width: auto; text-align: center; vertical-align: middle; line-height: inherit; z-index: 1; } @media (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .infobarbottomlogowrap .infobarbottomlogo { padding: 0 30px 30px 30px; } } @media (max-width: 767px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .infobarbottomlogowrap .infobarbottomlogo { padding: 0 15px 30px 15px; } } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .infobarbottomlogowrap .infobrtlogopositionright { right: 0; text-align: right; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .infobarbottomlogowrap .infobrtlogopositionright .legal { vertical-align: bottom; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .infobarbottomlogowrap img.infobrtlogopositionright { right: 15px; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .infobarbottomlogowrap .infobrtlogopositionleft { left: 0; text-align: left; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .infobarbottomlogowrap .infobrtlogopositionleft .legal { vertical-align: bottom; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .video-container { position: absolute; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000; text-align: center; overflow: hidden; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .video-container video { display: inline-block; width: 100%; height: auto; z-index: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .video-container video.wt-100 { width: 100%; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .video-container video.wt-auto { width: auto; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .video-container video.ht-100 { height: 100%; } .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .video-container video.ht-auto { height: auto; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide1]:checked ~ #slides article:nth-child(1) .video-container { display: none; } } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(3) { position: relative; float: right; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(3):before { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 32px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(3):after { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(3):hover:before { right: 16px; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(3):hover:after { right: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(3):before { left: 8px; width: 20px; top: 28px; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(3):after { left: 8px; width: 20px; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(3):hover:before { left: 10px; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(3):hover:after { left: 10px; } } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(1) { position: relative; float: left; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(1):before { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 32px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(1):after { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(1):hover:before { left: 16px; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(1):hover:after { left: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(1):before { left: 2px; width: 20px; top: 28px; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(1):after { left: 2px; width: 20px; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(1):hover:before { left: 0; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #controls label:nth-child(1):hover:after { left: 0; } } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides #active label:nth-child(2) { background-color: #76b900; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) { opacity: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -ie-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .overlay, .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .banner-link { height: 100%; } @media screen and (min-width: 2560px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).bcg-contain { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-580 { height: 580px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-580 { height: 440px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-580 { height: 440px; } } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-770 { height: 770px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-770 { height: 550px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-770 { height: 550px; } } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-460 { height: 460px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-460 { height: 420px; } } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-200 { height: 280px; padding: 0px; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-200 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-180 { height: 180px; padding: 0px; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-180 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-90 { height: 90px; padding: 0px; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-90 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-300 { height: 300px; padding: 0px; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2).ht-300 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .info { height: 100%; opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .info { margin-top: 0; } } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .slider-cta { display: inline-block; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02@2x.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02-mob.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media screen and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02-mob@2x.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .infobarbottomlogowrap { max-width: 1280px; margin: 0 auto; height: 100%; width: 100%; color: #fff; position: absolute; left: 0; right: 0; display: block; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .infobarbottomlogowrap .infobarbottomlogo { position: absolute; padding-bottom: 30px; max-width: 100%; max-height: 100%; bottom: 0; height: auto; width: auto; text-align: center; vertical-align: middle; line-height: inherit; z-index: 1; } @media (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .infobarbottomlogowrap .infobarbottomlogo { padding: 0 30px 30px 30px; } } @media (max-width: 767px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .infobarbottomlogowrap .infobarbottomlogo { padding: 0 15px 30px 15px; } } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .infobarbottomlogowrap .infobrtlogopositionright { right: 0; text-align: right; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .infobarbottomlogowrap .infobrtlogopositionright .legal { vertical-align: bottom; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .infobarbottomlogowrap img.infobrtlogopositionright { right: 15px; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .infobarbottomlogowrap .infobrtlogopositionleft { left: 0; text-align: left; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .infobarbottomlogowrap .infobrtlogopositionleft .legal { vertical-align: bottom; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .video-container { position: absolute; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000; text-align: center; overflow: hidden; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .video-container video { display: inline-block; width: 100%; height: auto; z-index: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .video-container video.wt-100 { width: 100%; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .video-container video.wt-auto { width: auto; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .video-container video.ht-100 { height: 100%; } .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .video-container video.ht-auto { height: auto; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide2]:checked ~ #slides article:nth-child(2) .video-container { display: none; } } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(4) { position: relative; float: right; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(4):before { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 32px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(4):after { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(4):hover:before { right: 16px; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(4):hover:after { right: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(4):before { left: 8px; width: 20px; top: 28px; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(4):after { left: 8px; width: 20px; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(4):hover:before { left: 10px; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(4):hover:after { left: 10px; } } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(2) { position: relative; float: left; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(2):before { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 32px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(2):after { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(2):hover:before { left: 16px; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(2):hover:after { left: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(2):before { left: 2px; width: 20px; top: 28px; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(2):after { left: 2px; width: 20px; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(2):hover:before { left: 0; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #controls label:nth-child(2):hover:after { left: 0; } } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides #active label:nth-child(3) { background-color: #76b900; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) { opacity: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -ie-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .overlay, .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .banner-link { height: 100%; } @media screen and (min-width: 2560px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).bcg-contain { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-580 { height: 580px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-580 { height: 440px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-580 { height: 440px; } } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-770 { height: 770px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-770 { height: 550px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-770 { height: 550px; } } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-460 { height: 460px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-460 { height: 420px; } } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-200 { height: 280px; padding: 0px; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-200 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-180 { height: 180px; padding: 0px; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-180 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-90 { height: 90px; padding: 0px; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-90 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-300 { height: 300px; padding: 0px; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3).ht-300 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .info { height: 100%; opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .info { margin-top: 0; } } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .slider-cta { display: inline-block; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03@2x.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03-mob.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media screen and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03-mob@2x.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .infobarbottomlogowrap { max-width: 1280px; margin: 0 auto; height: 100%; width: 100%; color: #fff; position: absolute; left: 0; right: 0; display: block; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .infobarbottomlogowrap .infobarbottomlogo { position: absolute; padding-bottom: 30px; max-width: 100%; max-height: 100%; bottom: 0; height: auto; width: auto; text-align: center; vertical-align: middle; line-height: inherit; z-index: 1; } @media (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .infobarbottomlogowrap .infobarbottomlogo { padding: 0 30px 30px 30px; } } @media (max-width: 767px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .infobarbottomlogowrap .infobarbottomlogo { padding: 0 15px 30px 15px; } } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .infobarbottomlogowrap .infobrtlogopositionright { right: 0; text-align: right; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .infobarbottomlogowrap .infobrtlogopositionright .legal { vertical-align: bottom; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .infobarbottomlogowrap img.infobrtlogopositionright { right: 15px; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .infobarbottomlogowrap .infobrtlogopositionleft { left: 0; text-align: left; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .infobarbottomlogowrap .infobrtlogopositionleft .legal { vertical-align: bottom; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .video-container { position: absolute; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000; text-align: center; overflow: hidden; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .video-container video { display: inline-block; width: 100%; height: auto; z-index: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .video-container video.wt-100 { width: 100%; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .video-container video.wt-auto { width: auto; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .video-container video.ht-100 { height: 100%; } .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .video-container video.ht-auto { height: auto; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide3]:checked ~ #slides article:nth-child(3) .video-container { display: none; } } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(5) { position: relative; float: right; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(5):before { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 32px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(5):after { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(5):hover:before { right: 16px; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(5):hover:after { right: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(5):before { left: 8px; width: 20px; top: 28px; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(5):after { left: 8px; width: 20px; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(5):hover:before { left: 10px; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(5):hover:after { left: 10px; } } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(3) { position: relative; float: left; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(3):before { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 32px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(3):after { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(3):hover:before { left: 16px; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(3):hover:after { left: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(3):before { left: 2px; width: 20px; top: 28px; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(3):after { left: 2px; width: 20px; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(3):hover:before { left: 0; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #controls label:nth-child(3):hover:after { left: 0; } } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides #active label:nth-child(4) { background-color: #76b900; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) { opacity: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -ie-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .overlay, .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .banner-link { height: 100%; } @media screen and (min-width: 2560px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).bcg-contain { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-580 { height: 580px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-580 { height: 440px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-580 { height: 440px; } } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-770 { height: 770px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-770 { height: 550px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-770 { height: 550px; } } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-460 { height: 460px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-460 { height: 420px; } } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-200 { height: 280px; padding: 0px; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-200 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-180 { height: 180px; padding: 0px; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-180 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-90 { height: 90px; padding: 0px; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-90 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-300 { height: 300px; padding: 0px; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4).ht-300 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .info { height: 100%; opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .info { margin-top: 0; } } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .slider-cta { display: inline-block; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04@2x.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04-mob.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media screen and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04-mob@2x.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .infobarbottomlogowrap { max-width: 1280px; margin: 0 auto; height: 100%; width: 100%; color: #fff; position: absolute; left: 0; right: 0; display: block; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .infobarbottomlogowrap .infobarbottomlogo { position: absolute; padding-bottom: 30px; max-width: 100%; max-height: 100%; bottom: 0; height: auto; width: auto; text-align: center; vertical-align: middle; line-height: inherit; z-index: 1; } @media (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .infobarbottomlogowrap .infobarbottomlogo { padding: 0 30px 30px 30px; } } @media (max-width: 767px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .infobarbottomlogowrap .infobarbottomlogo { padding: 0 15px 30px 15px; } } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .infobarbottomlogowrap .infobrtlogopositionright { right: 0; text-align: right; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .infobarbottomlogowrap .infobrtlogopositionright .legal { vertical-align: bottom; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .infobarbottomlogowrap img.infobrtlogopositionright { right: 15px; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .infobarbottomlogowrap .infobrtlogopositionleft { left: 0; text-align: left; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .infobarbottomlogowrap .infobrtlogopositionleft .legal { vertical-align: bottom; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .video-container { position: absolute; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000; text-align: center; overflow: hidden; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .video-container video { display: inline-block; width: 100%; height: auto; z-index: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .video-container video.wt-100 { width: 100%; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .video-container video.wt-auto { width: auto; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .video-container video.ht-100 { height: 100%; } .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .video-container video.ht-auto { height: auto; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide4]:checked ~ #slides article:nth-child(4) .video-container { display: none; } } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(6) { position: relative; float: right; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(6):before { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 32px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(6):after { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(6):hover:before { right: 16px; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(6):hover:after { right: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(6):before { left: 8px; width: 20px; top: 28px; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(6):after { left: 8px; width: 20px; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(6):hover:before { left: 10px; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(6):hover:after { left: 10px; } } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(4) { position: relative; float: left; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(4):before { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 32px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(4):after { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(4):hover:before { left: 16px; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(4):hover:after { left: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(4):before { left: 2px; width: 20px; top: 28px; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(4):after { left: 2px; width: 20px; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(4):hover:before { left: 0; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #controls label:nth-child(4):hover:after { left: 0; } } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides #active label:nth-child(5) { background-color: #76b900; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) { opacity: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -ie-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .overlay, .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .banner-link { height: 100%; } @media screen and (min-width: 2560px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).bcg-contain { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-580 { height: 580px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-580 { height: 440px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-580 { height: 440px; } } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-770 { height: 770px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-770 { height: 550px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-770 { height: 550px; } } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-460 { height: 460px; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-460 { height: 420px; } } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-200 { height: 280px; padding: 0px; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-200 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-180 { height: 180px; padding: 0px; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-180 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-90 { height: 90px; padding: 0px; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-90 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-300 { height: 300px; padding: 0px; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5).ht-300 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .info { height: 100%; opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .info { margin-top: 0; } } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .slider-cta { display: inline-block; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05@2x.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05-mob.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media screen and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05-mob@2x.jpg"); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 0; padding-top: 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .infobarbottomlogowrap { max-width: 1280px; margin: 0 auto; height: 100%; width: 100%; color: #fff; position: absolute; left: 0; right: 0; display: block; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .infobarbottomlogowrap .infobarbottomlogo { position: absolute; padding-bottom: 30px; max-width: 100%; max-height: 100%; bottom: 0; height: auto; width: auto; text-align: center; vertical-align: middle; line-height: inherit; z-index: 1; } @media (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .infobarbottomlogowrap .infobarbottomlogo { padding: 0 30px 30px 30px; } } @media (max-width: 767px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .infobarbottomlogowrap .infobarbottomlogo { padding: 0 15px 30px 15px; } } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .infobarbottomlogowrap .infobrtlogopositionright { right: 0; text-align: right; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .infobarbottomlogowrap .infobrtlogopositionright .legal { vertical-align: bottom; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .infobarbottomlogowrap img.infobrtlogopositionright { right: 15px; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .infobarbottomlogowrap .infobrtlogopositionleft { left: 0; text-align: left; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .infobarbottomlogowrap .infobrtlogopositionleft .legal { vertical-align: bottom; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .video-container { position: absolute; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000; text-align: center; overflow: hidden; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .video-container video { display: inline-block; width: 100%; height: auto; z-index: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .video-container video.wt-100 { width: 100%; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .video-container video.wt-auto { width: auto; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .video-container video.ht-100 { height: 100%; } .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .video-container video.ht-auto { height: auto; } @media screen and (max-width: 767px) { .heroBanner .slider-container input[id^=slide5]:checked ~ #slides article:nth-child(5) .video-container { display: none; } } .heroBanner .slider-container.one-item #slide1:checked ~ #slides #controls label:nth-child(2) { display: none; } .heroBanner .slider-container.one-item #slide1:checked ~ #slides #active { display: none; } .heroBanner .slider-container.two-items #slide1:checked ~ #slides #controls label:nth-child(2) { display: none; } .heroBanner .slider-container.two-items #slide2:checked ~ #slides #controls label:nth-child(1) { display: none; } .heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3) { position: relative; float: left; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):before { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 32px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):after { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):hover:before { left: 16px; } .heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):hover:after { left: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):before { left: 2px; width: 20px; top: 28px; } .heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):after { left: 2px; width: 20px; } .heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):hover:before { left: 0; } .heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):hover:after { left: 0; } } .heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1) { position: relative; float: right; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):before { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 32px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):after { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):hover:before { right: 16px; } .heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):hover:after { right: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):before { left: 8px; width: 20px; top: 28px; } .heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):after { left: 8px; width: 20px; } .heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):hover:before { left: 10px; } .heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):hover:after { left: 10px; } } .heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4) { position: relative; float: left; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):before { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 32px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):after { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):hover:before { left: 16px; } .heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):hover:after { left: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):before { left: 2px; width: 20px; top: 28px; } .heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):after { left: 2px; width: 20px; } .heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):hover:before { left: 0; } .heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):hover:after { left: 0; } } .heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1) { position: relative; float: right; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):before { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 32px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):after { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):hover:before { right: 16px; } .heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):hover:after { right: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):before { left: 8px; width: 20px; top: 28px; } .heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):after { left: 8px; width: 20px; } .heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):hover:before { left: 10px; } .heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):hover:after { left: 10px; } } .heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5) { position: relative; float: left; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):before { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 32px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):after { position: absolute; content: ''; width: 25px; height: 2px; left: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ie-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):hover:before { left: 16px; } .heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):hover:after { left: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):before { left: 2px; width: 20px; top: 28px; } .heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):after { left: 2px; width: 20px; } .heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):hover:before { left: 0; } .heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):hover:after { left: 0; } } .heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1) { position: relative; float: right; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):before { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 32px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: #76b900; display: block; border-radius: 10px; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):after { position: absolute; content: ''; width: 25px; height: 2px; right: 20px; top: 15px; background-color: #76b900; display: block; border-radius: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ie-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):hover:before { right: 16px; } .heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):hover:after { right: 16px; } @media screen and (max-width: 767px) { .heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):before { left: 8px; width: 20px; top: 28px; } .heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):after { left: 8px; width: 20px; } .heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):hover:before { left: 10px; } .heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):hover:after { left: 10px; } } .heroBanner .editmodeparsys { margin: 10px 0px; } .heroBanner .editmodeparsys .info { width: 100%; max-width: 1280px; text-align: center; margin: 0 auto; } .heroBanner .editmodeparsys .info .content-table-left { width: 49%; display: inline-block; vertical-align: top; } .heroBanner .editmodeparsys .info .content-table { width: 49%; display: inline-block; vertical-align: top; } /* --- Slider --- */ /* extra mixins */ .content_par > .heroBanner .lazyload .op-0, .content_par > .heroBanner .lazyload .op-40, .content_par > .heroBanner .lazyload .op-50, .content_par > .heroBanner .lazyload .op-60, .content_par > .heroBanner .lazyload .op-70, .content_par > .heroBanner .lazyloading .op-0, .content_par > .heroBanner .lazyloading .op-40, .content_par > .heroBanner .lazyloading .op-50, .content_par > .heroBanner .lazyloading .op-60, .content_par > .heroBanner .lazyloading .op-70 { opacity: 1; } .content_par > .heroBanner .lazyloaded .op-0, .content_par > .heroBanner .lazyloaded .op-40, .content_par > .heroBanner .lazyloaded .op-50, .content_par > .heroBanner .lazyloaded .op-60, .content_par > .heroBanner .lazyloaded .op-70 { -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .heroBanner { position: relative; } .heroBanner .hdividerwraper { position: absolute; bottom: 0px; width: 100%; } @media (max-width: 767px) { .heroBanner .hdividerwraper .full-width { padding: 0 15px; } } @media (min-width: 768px) and (max-width: 1024px) { .heroBanner .hdividerwraper .full-width { padding: 0 15px; } } @media (min-width: 1025px) and (max-width: 1280px) { .heroBanner .hdividerwraper .full-width { padding: 0 30px; } } .heroBanner .hdividerwraper .horizontaldividerline { display: block; height: 2px; margin-left: auto; margin-right: auto; } .heroBanner .hdividerwraper .horizontaldividercline { max-width: 1280px; } @media (max-width: 767px) { .heroBanner .hdividerwraper .horizontaldividercline { margin: 0 15px; } } @media (min-width: 768px) and (max-width: 1024px) { .heroBanner .hdividerwraper .horizontaldividercline { margin: 0 30px; } } @media (min-width: 1025px) and (max-width: 1280px) { .heroBanner .hdividerwraper .horizontaldividercline { padding: 0 30px; } } .heroBanner .hdividerwraper .full-width { max-width: none; } .heroBanner .full-width { max-width: none; } @media screen and (max-width: 767px) { .heroBanner .background-white .shift-down-vw .column .color-white { color: black; } .heroBanner .background-black .shift-down-vw .column .color-black { color: white; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .background-white .shift-down-tablet .column .color-white { color: black; } .heroBanner .background-black .shift-down-tablet .column .color-black { color: white; } } .heroBanner .slider-container { width: 100%; } .heroBanner .slider-container input { display: none; } .heroBanner .slider-container .overflow { width: 100%; overflow-x: hidden; overflow-y: hidden; } .heroBanner .slider-container #slides1 { width: 100%; /*max-width:1680px;*/ margin: 0 auto; position: relative; } .heroBanner .slider-container #slides1 .overflow { width: 100%; overflow-x: hidden; overflow-y: visible; display: flex; } .heroBanner .slider-container #slides1 .video-container { position: absolute; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000; text-align: center; overflow: hidden; } .heroBanner .slider-container #slides1 .video-container video { display: inline-block; width: 100%; height: auto; z-index: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; } .heroBanner .slider-container #slides1 .video-container video.wt-100 { width: 100%; } .heroBanner .slider-container #slides1 .video-container video.wt-auto { width: auto; } .heroBanner .slider-container #slides1 .video-container video.ht-100 { height: 100%; } .heroBanner .slider-container #slides1 .video-container video.ht-auto { height: auto; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .video-container { display: none; } } .heroBanner .slider-container #slides1 .overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000; } .heroBanner .slider-container #slides1 .banner-link { position: absolute; height: 100%; width: 100%; z-index: 1; top: 0; left: 0; } .heroBanner .slider-container #slides1 .info { color: #fff; /*position: absolute; left:6%;*/ opacity: 0; text-align: left; height: 100%; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0px 30px; /*@media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max){ padding: 0px 30px; }*/ } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info { padding: 0px 15px; } } @media screen and (min-width: 1281px) { .heroBanner .slider-container #slides1 .info { padding: 0px 0px; } } .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table { width: 50%; float: right; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table { width: 100%; } } .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table.wid-100 { width: 100%; height: 50% !important; } .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left { width: 50%; float: left; text-align: center; z-index: 2; position: relative; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left { width: 100%; } } .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.v-top .content-cell { vertical-align: top; } .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.v-bottom .content-cell { vertical-align: bottom; } @media (max-width: 767px) { .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.v-mob-top .content-cell { vertical-align: top; } .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.v-mob-bottom .content-cell { vertical-align: bottom; } } .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-40 { width: 60%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-40 { width: 100%; } } .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-50 { width: 50%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-50 { width: 100%; } } .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-60 { width: 40%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-60 { width: 100%; } } .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-70 { width: 30%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-70 { width: 100%; } } .heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-100 { width: 100%; height: 50% !important; } .heroBanner .slider-container #slides1 .info.text-on-right { left: auto; right: 6%; text-align: right; } .heroBanner .slider-container #slides1 .info.text-on-right .content-table { position: relative; float: right; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info.text-on-right .content-table { left: 0%; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1 .info.text-on-right .content-table { left: 0%; } } .heroBanner .slider-container #slides1 .info.text-on-center { text-align: center; left: 10%; right: 10%; } .heroBanner .slider-container #slides1 .info.text-on-center .content-table { position: relative; /*float:left;*/ /*left: 33%;*/ margin: 0 auto; } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1 .info.text-on-center .content-table { /*left: 25%;*/ } } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info.text-on-center .content-table { left: 0%; padding: 0 15px; } } .heroBanner .slider-container #slides1 .info.text-on-center.twocolinfobar .content-table { left: 0; } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1 .info.text-on-center.twocolinfobar .content-table { left: 0; } } .heroBanner .slider-container #slides1 .info.text-on-left .content-table { float: left; } .heroBanner .slider-container #slides1 .info.text-on-left .content-table-left { float: right; } .heroBanner .slider-container #slides1 .info .content-table { width: 35%; position: relative; z-index: 2; } .heroBanner .slider-container #slides1 .info .content-table .textcomp .general-container { word-break: break-word; } .heroBanner .slider-container #slides1 .info .content-table.v-top .content-cell { vertical-align: top; } .heroBanner .slider-container #slides1 .info .content-table.v-bottom .content-cell { vertical-align: bottom; } @media (max-width: 767px) { .heroBanner .slider-container #slides1 .info .content-table.v-mob-top .content-cell { vertical-align: top; } .heroBanner .slider-container #slides1 .info .content-table.v-mob-bottom .content-cell { vertical-align: bottom; } } .heroBanner .slider-container #slides1 .info .content-table.wid-40 { width: 40%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info .content-table.wid-40 { width: 100%; } } .heroBanner .slider-container #slides1 .info .content-table.wid-50 { width: 50%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info .content-table.wid-50 { width: 100%; } } .heroBanner .slider-container #slides1 .info .content-table.wid-60 { width: 60%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info .content-table.wid-60 { width: 100%; } } .heroBanner .slider-container #slides1 .info .content-table.wid-70 { width: 70%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info .content-table.wid-70 { width: 100%; } } .heroBanner .slider-container #slides1 .info .content-table.wid-100 { width: 100%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .info .content-table { width: 100%; } } .heroBanner .slider-container #slides1 .info .column-container { background: none; } .heroBanner .slider-container #slides1 .info .column-container .row .column { padding: 0px 15px 0px 0px; } .heroBanner .slider-container #slides1 .info .column-container .general-container { padding: 0px; } .heroBanner .slider-container #slides1 .info .sectionWrapper { background: none; } .heroBanner .slider-container #slides1 .ht-200 .info { width: 100%; } .heroBanner .slider-container #slides1 .ht-200 .info .content-table { width: 70%; } .heroBanner .slider-container #slides1 .ht-200 .info .content-table .textcomp .general-container { word-break: break-word; } .heroBanner .slider-container #slides1 .ht-200 .info .content-table.v-top .content-cell { vertical-align: top; } .heroBanner .slider-container #slides1 .ht-200 .info .content-table.v-bottom .content-cell { vertical-align: bottom; } @media (max-width: 767px) { .heroBanner .slider-container #slides1 .ht-200 .info .content-table.v-mob-top .content-cell { vertical-align: top; } .heroBanner .slider-container #slides1 .ht-200 .info .content-table.v-mob-bottom .content-cell { vertical-align: bottom; } } .heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-40 { width: 40%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-40 { width: 100%; } } .heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-50 { width: 50%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-50 { width: 100%; } } .heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-60 { width: 60%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-60 { width: 100%; } } .heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-70 { width: 70%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-70 { width: 100%; } } .heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-100 { width: 100%; max-width: none; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-100 { width: 100%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .ht-200 .info .content-table { width: 100%; } } .heroBanner .slider-container #slides1 .content-table, .heroBanner .slider-container #slides1 .content-table-left { display: table; height: 100%; width: 100%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1 .content-table, .heroBanner .slider-container #slides1 .content-table-left { height: 100%; } } .heroBanner .slider-container #slides1 .content-cell { display: table-cell; vertical-align: middle; } .heroBanner .slider-container #slides1 .inner { width: 100%; } .heroBanner .slider-container #slides1 article { opacity: 0; -webkit-transition: opacity 0s; -moz-transition: opacity 0s; -ie-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s; /* line-height:0; see request -> AD-402 */ } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) { opacity: 1; background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -ie-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-580 { height: 580px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-580 { height: 440px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-580 { height: 440px; } } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-770 { height: 770px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-770 { height: 550px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-770 { height: 550px; } } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-200 { height: 280px; padding: 0px; } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-200 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-300 { height: 300px; padding: 0px; } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-300 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-180 { height: 180px; padding: 0px; } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-180 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-90 { height: 90px; padding: 0px; } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-90 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-460 { height: 460px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-460 { height: 420px; } } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: -28.9881%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) .info { margin-top: 0; } } .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) .slider-cta { display: inline-block; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01@2x.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01-mob.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media screen and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01-mob@2x.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) { opacity: 1; background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -ie-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-580 { height: 580px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-580 { height: 440px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-580 { height: 440px; } } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-770 { height: 770px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-770 { height: 550px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-770 { height: 550px; } } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-200 { height: 280px; padding: 0px; } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-200 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-300 { height: 300px; padding: 0px; } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-300 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-180 { height: 180px; padding: 0px; } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-180 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-90 { height: 90px; padding: 0px; } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-90 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-460 { height: 460px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-460 { height: 420px; } } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: -28.9881%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) .info { margin-top: 0; } } .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) .slider-cta { display: inline-block; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02@2x.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02-mob.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media screen and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02-mob@2x.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) { opacity: 1; background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -ie-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-580 { height: 580px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-580 { height: 440px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-580 { height: 440px; } } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-770 { height: 770px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-770 { height: 550px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-770 { height: 550px; } } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-200 { height: 280px; padding: 0px; } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-200 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-300 { height: 300px; padding: 0px; } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-300 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-180 { height: 180px; padding: 0px; } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-180 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-90 { height: 90px; padding: 0px; } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-90 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-460 { height: 460px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-460 { height: 420px; } } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: -28.9881%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) .info { margin-top: 0; } } .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) .slider-cta { display: inline-block; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03@2x.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03-mob.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media screen and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03-mob@2x.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) { opacity: 1; background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -ie-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-580 { height: 580px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-580 { height: 440px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-580 { height: 440px; } } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-770 { height: 770px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-770 { height: 550px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-770 { height: 550px; } } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-200 { height: 280px; padding: 0px; } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-200 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-300 { height: 300px; padding: 0px; } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-300 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-180 { height: 180px; padding: 0px; } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-180 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-90 { height: 90px; padding: 0px; } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-90 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-460 { height: 460px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-460 { height: 420px; } } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: -28.9881%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) .info { margin-top: 0; } } .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) .slider-cta { display: inline-block; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04@2x.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04-mob.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media screen and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04-mob@2x.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) { opacity: 1; background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -ie-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-580 { height: 580px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-580 { height: 440px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-580 { height: 440px; } } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-770 { height: 770px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-770 { height: 550px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-770 { height: 550px; } } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-200 { height: 280px; padding: 0px; } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-200 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-300 { height: 300px; padding: 0px; } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-300 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-180 { height: 180px; padding: 0px; } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-180 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-90 { height: 90px; padding: 0px; } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-90 .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: 0; } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-460 { height: 460px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-460 { height: 420px; } } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) .info { opacity: 1; -webkit-transition: opacity 1s ease-out 0.8s; -moz-transition: opacity 1s ease-out 0.8s; -ie-transition: opacity 1s ease-out 0.8s; -o-transition: opacity 1s ease-out 0.8s; transition: opacity 1s ease-out 0.8s; margin-top: -28.9881%; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) .info { margin-top: 0; } } .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) .slider-cta { display: inline-block; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05@2x.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media screen and (max-width: 767px) { .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05-mob.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media screen and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) { .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) { background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05-mob@2x.jpg"); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 28.9881%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) and (max-width: 767px) { .heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) { padding-top: 0; height: 200px; background-position: 50% 0; background-size: auto 100%; } } .heroBanner .slider-container #slides1.singleSlideBanner article { opacity: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; } @media screen and (min-width: 2560px) { .heroBanner .slider-container #slides1.singleSlideBanner article.bcg-contain { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1.singleSlideBanner article { padding-top: 0; background-position: center center; background-size: cover; } } .heroBanner .slider-container #slides1.singleSlideBanner article .infobarbottomlogowrap { max-width: 1280px; margin: 0 auto; height: 100%; width: 100%; color: #fff; position: absolute; left: 0; right: 0; display: block; } .heroBanner .slider-container #slides1.singleSlideBanner article .infobarbottomlogowrap .infobarbottomlogo { position: absolute; padding-bottom: 30px; max-width: 100%; max-height: 100%; bottom: 0; height: auto; width: auto; text-align: center; vertical-align: middle; line-height: inherit; z-index: 1; } @media (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner article .infobarbottomlogowrap .infobarbottomlogo { padding: 0 30px 30px 30px; } } @media (max-width: 767px) { .heroBanner .slider-container #slides1.singleSlideBanner article .infobarbottomlogowrap .infobarbottomlogo { padding: 0 15px 30px 15px; } } .heroBanner .slider-container #slides1.singleSlideBanner article .infobarbottomlogowrap .infobrtlogopositionright { right: 0; text-align: right; } .heroBanner .slider-container #slides1.singleSlideBanner article .infobarbottomlogowrap .infobrtlogopositionright .legal { vertical-align: bottom; } .heroBanner .slider-container #slides1.singleSlideBanner article .infobarbottomlogowrap img.infobrtlogopositionright { right: 15px; } .heroBanner .slider-container #slides1.singleSlideBanner article .infobarbottomlogowrap .infobrtlogopositionleft { left: 0; text-align: left; } .heroBanner .slider-container #slides1.singleSlideBanner article .infobarbottomlogowrap .infobrtlogopositionleft .legal { vertical-align: bottom; } .heroBanner .slider-container #slides1.singleSlideBanner .info { opacity: 1; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 { height: 580px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 { height: 440px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .overlay, .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .banner-link { height: 440px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 { height: 440px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .overlay, .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .banner-link { height: 440px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .video-container { max-height: 440px; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .column .general-container .button { width: auto; display: inline-block; vertical-align: top; line-height: 40px; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .column .general-container .videoComponent { width: auto; display: inline-block; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .column .general-container .productTile .button { width: 100%; padding: 0px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .column .general-container .productTile .product-row__item { min-height: 100px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .column .general-container .productTile .parnter-container { display: none; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .column .general-container .productTile .image-container { display: none; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw { padding-top: 440px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .content-table { width: 100%; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .content-table .textcomp .general-container { padding-top: 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .content-table-left { height: 100%; width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-tablet { padding-top: 440px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-tablet .content-table { width: 100%; padding: 0px 15px; margin-top: 15px; position: static; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-tablet .content-table .textcomp .general-container { padding-top: 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-tablet .content-table-left { height: 100%; width: 50%; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-tablet.twocolinfobar .content-table { width: 50%; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 { height: 770px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 { height: 550px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .overlay, .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .banner-link { height: 550px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 { height: 550px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .overlay, .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .banner-link { height: 550px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .video-container { max-height: 550px; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .column .general-container .button { width: auto; display: inline-block; vertical-align: top; line-height: 40px; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .column .general-container .videoComponent { width: auto; display: inline-block; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .column .general-container .productTile .button { width: 100%; padding: 0px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .column .general-container .productTile .product-row__item { min-height: 100px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .column .general-container .productTile .parnter-container { display: none; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .column .general-container .productTile .image-container { display: none; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw { padding-top: 550px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .content-table { width: 100%; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .content-table .textcomp .general-container { padding-top: 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .content-table-left { height: 100%; width: 100%; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .column .general-container .button { width: auto; display: inline-block; vertical-align: top; line-height: 40px; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .column .general-container .videoComponent { width: auto; display: inline-block; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .column .general-container .productTile .button { width: 100%; padding: 0px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .column .general-container .productTile .product-row__item { min-height: 100px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .column .general-container .productTile .parnter-container { display: none; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .column .general-container .productTile .image-container { display: none; } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet { padding-top: 550px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .content-table { width: 100%; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .content-table-left { height: 100%; width: 100%; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 { height: 280px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .overlay, .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .banner-link { height: 280px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .column .general-container .button { width: auto; display: inline-block; vertical-align: top; line-height: 40px; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .column .general-container .videoComponent { width: auto; display: inline-block; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .column .general-container .productTile .button { width: 100%; padding: 0px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .column .general-container .productTile .product-row__item { min-height: 100px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .column .general-container .productTile .parnter-container { display: none; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .column .general-container .productTile .image-container { display: none; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw { padding-top: 280px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .content-table { width: 100%; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .content-table .textcomp .general-container { padding-top: 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .content-table-left { height: 100%; width: 100%; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .column .general-container .button { width: auto; display: inline-block; vertical-align: top; line-height: 40px; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .column .general-container .videoComponent { width: auto; display: inline-block; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .column .general-container .productTile .button { width: 100%; padding: 0px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .column .general-container .productTile .product-row__item { min-height: 100px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .column .general-container .productTile .parnter-container { display: none; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .column .general-container .productTile .image-container { display: none; } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet { padding-top: 280px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .content-table { width: 100%; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .content-table .textcomp .general-container { padding-top: 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .content-table-left { height: 100%; width: 100%; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 { height: 180px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .overlay { height: 180px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-vw .column .general-container .button { width: auto; display: inline-block; vertical-align: top; line-height: 40px; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-vw .column .general-container .videoComponent { width: auto; display: inline-block; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-vw .column .general-container .productTile .button { width: 100%; padding: 0px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-vw .column .general-container .productTile .product-row__item { min-height: 100px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-vw .column .general-container .productTile .parnter-container { display: none; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-vw .column .general-container .productTile .image-container { display: none; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-vw { padding-top: 180px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-vw .content-table { width: 100%; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-vw .content-table .textcomp .general-container { padding-top: 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-vw .content-table-left { height: 100%; width: 100%; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-tablet .column .general-container .button { width: auto; display: inline-block; vertical-align: top; line-height: 40px; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-tablet .column .general-container .videoComponent { width: auto; display: inline-block; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-tablet .column .general-container .productTile .button { width: 100%; padding: 0px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-tablet .column .general-container .productTile .product-row__item { min-height: 100px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-tablet .column .general-container .productTile .parnter-container { display: none; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-tablet .column .general-container .productTile .image-container { display: none; } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-tablet { padding-top: 180px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-tablet .content-table { width: 100%; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-tablet .content-table .textcomp .general-container { padding-top: 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-180 .info.shift-down-tablet .content-table-left { height: 100%; width: 100%; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 { height: 90px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .overlay { height: 90px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-vw .column .general-container .button { width: auto; display: inline-block; vertical-align: top; line-height: 20px; padding: 0px 7px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-vw .column .general-container .videoComponent { width: auto; display: inline-block; padding: 0px 7px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-vw .column .general-container .productTile .button { width: 100%; padding: 0px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-vw .column .general-container .productTile .product-row__item { min-height: 50px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-vw .column .general-container .productTile .parnter-container { display: none; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-vw .column .general-container .productTile .image-container { display: none; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-vw { padding-top: 90px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-vw .content-table { width: 100%; padding: 0px 7px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-vw .content-table .textcomp .general-container { padding-top: 7px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-vw .content-table-left { height: 100%; width: 100%; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-tablet .column .general-container .button { width: auto; display: inline-block; vertical-align: top; line-height: 20px; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-tablet .column .general-container .videoComponent { width: auto; display: inline-block; padding: 0px 7px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-tablet .column .general-container .productTile .button { width: 100%; padding: 0px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-tablet .column .general-container .productTile .product-row__item { min-height: 50px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-tablet .column .general-container .productTile .parnter-container { display: none; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-tablet .column .general-container .productTile .image-container { display: none; } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-tablet { padding-top: 90px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-tablet .content-table { width: 100%; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-tablet .content-table .textcomp .general-container { padding-top: 7px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-90 .info.shift-down-tablet .content-table-left { height: 100%; width: 100%; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 { height: 300px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .overlay, .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .banner-link { height: 300px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .column .general-container .button { width: auto; display: inline-block; vertical-align: top; line-height: 40px; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .column .general-container .videoComponent { width: auto; display: inline-block; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .column .general-container .productTile .button { width: 100%; padding: 0px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .column .general-container .productTile .product-row__item { min-height: 100px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .column .general-container .productTile .parnter-container { display: none; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .column .general-container .productTile .image-container { display: none; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw { padding-top: 300px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .content-table { width: 100%; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .content-table .textcomp .general-container { padding-top: 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .content-table-left { height: 100%; width: 100%; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .column .general-container .button { width: auto; display: inline-block; vertical-align: top; line-height: 40px; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .column .general-container .videoComponent { width: auto; display: inline-block; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .column .general-container .productTile .button { width: 100%; padding: 0px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .column .general-container .productTile .product-row__item { min-height: 100px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .column .general-container .productTile .parnter-container { display: none; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .column .general-container .productTile .image-container { display: none; } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet { padding-top: 300px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .overlay { height: 300px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .content-table { width: 100%; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .content-table .textcomp .general-container { padding-top: 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .content-table-left { height: 100%; width: 100%; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 { height: 460px; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 { height: 420px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .overlay, .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .banner-link { height: 420px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 { height: 440px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .overlay, .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .banner-link { height: 440px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .video-container { max-height: 440px; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .column .general-container .button { width: auto; display: inline-block; vertical-align: top; line-height: 40px; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .column .general-container .videoComponent { width: auto; display: inline-block; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .column .general-container .productTile .button { width: 100%; padding: 0px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .column .general-container .productTile .product-row__item { min-height: 100px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .column .general-container .productTile .parnter-container { display: none; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .column .general-container .productTile .image-container { display: none; } @media screen and (max-width: 767px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw { padding-top: 420px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .content-table { width: 100%; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .content-table .textcomp .general-container { padding-top: 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .content-table-left { height: 100%; width: 100%; } } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .column .general-container .button { width: auto; display: inline-block; vertical-align: top; line-height: 40px; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .column .general-container .videoComponent { width: auto; display: inline-block; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .column .general-container .productTile .button { width: 100%; padding: 0px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .column .general-container .productTile .product-row__item { min-height: 100px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .column .general-container .productTile .parnter-container { display: none; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .column .general-container .productTile .image-container { display: none; } @media screen and (min-width: 768px) and (max-width: 1024px) { .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet { padding-top: 440px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .content-table { width: 100%; padding: 0px 15px; } .heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .content-table-left { height: 100%; width: 100%; } } .heroBanner .editmodeparsys .info { width: 100%; max-width: 1280px; text-align: center; margin: 0 auto; } .heroBanner .editmodeparsys .info .content-table-left { width: 49%; display: inline-block; vertical-align: top; } .heroBanner .editmodeparsys .info .content-table { width: 49%; display: inline-block; vertical-align: top; } .videoComponent .vid-container { max-width: 100%; margin: 0 auto; } @media screen and (min-width: 1281px) { .videoComponent .vid-container.text-right { float: right; } } @media screen and (min-width: 1281px) { .videoComponent .vid-container.text-left { float: left; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .videoComponent .vid-container.laptext-right { float: right; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .videoComponent .vid-container.laptext-left { float: left; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .videoComponent .vid-container.tabtext-right { float: right; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .videoComponent .vid-container.tabtext-left { float: left; } } @media screen and (max-width: 767px) { .videoComponent .vid-container.mobtext-right { float: right; } } @media screen and (max-width: 767px) { .videoComponent .vid-container.mobtext-left { float: left; } } .videoComponent .vid-container.pos-absolute { width: auto; left: 0px; top: 0px; } .videoComponent .vid-container .youtube-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .videoComponent .vid-container .youtube-container iframe, .videoComponent .vid-container .youtube-container object, .videoComponent .vid-container .youtube-container embed { border: none; max-width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoComponent .vid-container .youku-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .videoComponent .vid-container .youku-container iframe, .videoComponent .vid-container .youku-container object, .videoComponent .vid-container .youku-container embed { border: none; max-width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoComponent .watchvideo { display: flex; } .videoComponent .watchvideo i { cursor: pointer; } @media (max-width: 767px) { .videoComponent .watchvideo.mobtext-center { align-items: flex-start; justify-content: center; } .videoComponent .watchvideo.mobtext-right { align-items: flex-start; justify-content: right; } .videoComponent .watchvideo.mobtext-left { align-items: flex-start; justify-content: left; } } @media (min-width: 768px) and (max-width: 1024px) { .videoComponent .watchvideo.tabtext-center { align-items: flex-start; justify-content: center; } .videoComponent .watchvideo.tabtext-right { align-items: flex-start; justify-content: right; } .videoComponent .watchvideo.tabtext-left { align-items: flex-start; justify-content: left; } } @media (min-width: 1025px) { .videoComponent .watchvideo.text-center { align-items: flex-start; justify-content: center; } .videoComponent .watchvideo.text-right { align-items: flex-start; justify-content: right; } .videoComponent .watchvideo.text-left { align-items: flex-start; justify-content: left; } } .videoComponent .watchvideo svg { width: 99.88px; } .videoComponent .watchvideo svg .cls-1 { fill: #fff; fill-rule: evenodd; opacity: 0.6; } .videoComponent .watchvideo .icon-text-pos { padding-top: 15px; font-weight: bold; cursor: pointer; } .videoComponent .watchvideo.small-icon svg { width: 40px; height: 40px; } .videoComponent .watchvideo.small-icon svg .cls-1 { fill: #76b900; fill-rule: evenodd; opacity: 1; } .videoComponent .watchvideo.small-icon .fa-play-circle { vertical-align: middle; line-height: 1.5em; opacity: 1; } .videoComponent .watchvideo.small-icon .icon-text-pos { padding: 0px 0px 0px 5px; vertical-align: top; line-height: 1.5em; display: inline; font-weight: bold; } .videoComponent .watchvideo.small-icon .icon-text-pos .icon-text { color: #000000; } .videoComponent .watchvideo .fa-play-circle { opacity: .6; } /* ============================================= YouTube Cookie Consent Poster + overlay shown when optional cookies have not been accepted. Lives here so it is compiled into allComponents.css and loaded on every page (base v1/v2/v3 all pull in the apps.nvidiagdc.all clientlib). ============================================= */ .nv-yt-embed { margin: 0 auto; position: relative; } .youtube-container .nv-yt-embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .nv-yt-embed__consent-poster { display: none; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #000; } .nv-yt-embed__consent-poster--visible { display: block; } .youtube-container .nv-yt-embed__consent-poster, .youtube-container .nv-yt-embed__consent-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 0; } .nv-yt-embed__consent-poster-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .nv-yt-embed__consent-poster-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none; border: none; cursor: pointer; padding: 0; z-index: 1; line-height: 0; } .nv-yt-embed__consent-poster-play:focus-visible { outline: 2px solid #76b900; outline-offset: 4px; border-radius: 50%; } .nv-yt-embed__consent-play-icon { opacity: 0.5; transition: opacity 0.2s ease; } .nv-yt-embed__consent-poster-play:hover .nv-yt-embed__consent-play-icon { opacity: 0.9; } .nv-yt-embed__consent-overlay { display: none; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background-color: #f7f7f7; } .nv-yt-embed__consent-overlay--visible { display: block; } .nv-yt-embed__consent-overlay-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 48px; box-sizing: border-box; text-align: center; overflow-y: auto; } .nv-yt-embed__consent-overlay-content:focus { outline: none; } .nv-yt-embed__consent-title { font-weight: bold; font-size: 18px; line-height: 1.25; margin: 0 0 16px 0; color: #000000; } .nv-yt-embed__consent-description { font-size: 14px; line-height: 1.5; margin: 0 0 24px 0; max-width: 550px; color: #000000; } .nv-yt-embed__consent-description a, .nv-yt-embed__consent-alternative a { color: #000000; text-decoration: underline; text-decoration-color: #76b900; } .nv-yt-embed__consent-description a:hover, .nv-yt-embed__consent-alternative a:hover { text-decoration-color: #000; } .nv-yt-embed__consent-buttons { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 0 0 20px 0; } /* Matches the core nv-button-small / nv-button-standard treatment */ .nv-yt-embed__consent-cancel, .nv-yt-embed__consent-accept { display: inline-block; min-width: 50px; cursor: pointer; font-size: 16px; font-weight: 700; line-height: 1.25em; text-align: center; text-decoration: none; white-space: nowrap; padding: 11px 13px; background: #000; color: #fff; border: none; border-radius: 0; } .nv-yt-embed__consent-cancel:hover, .nv-yt-embed__consent-accept:hover { background: #333; } .nv-yt-embed__consent-cancel:focus-visible, .nv-yt-embed__consent-accept:focus-visible { outline: 2px solid #76b900; outline-offset: 2px; } .nv-yt-embed__consent-alternative { font-size: 14px; line-height: 1.5; margin: 0; color: #000000; } /* Colorbox / lightbox variant: overlay is shown directly, sized to content */ .nv-yt-embed--colorbox { width: 100%; } .nv-yt-embed--colorbox .nv-yt-embed__consent-overlay { display: block; padding-bottom: 0; height: auto; min-height: 280px; } .nv-yt-embed--colorbox .nv-yt-embed__consent-overlay-content { position: relative; height: auto; min-height: 280px; } @media screen and (max-width: 767px) { .nv-yt-embed__consent-overlay-content { padding: 24px 20px; } .nv-yt-embed__consent-title { font-size: 16px; } .nv-yt-embed__consent-description, .nv-yt-embed__consent-alternative { font-size: 12px; } .nv-yt-embed__consent-buttons { flex-direction: column; width: 100%; } .nv-yt-embed__consent-cancel, .nv-yt-embed__consent-accept { width: 100%; } .nv-yt-embed__consent-play-icon { width: 56px; height: 56px; } } .youtube-border { background-color: #000000; } .damvideo-border { background-color: #000000; } .video-play-button { position: relative; cursor: pointer; } .video-play-button:after, .video-play-button:before { content: ""; position: absolute; top: 50%; left: 50%; } .video-play-button:after { width: 0; height: 0; border: 16px solid transparent; border-left: 20px solid #fff; margin-top: -20px; margin-left: -11px; -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25)); } .video-play-button:before { margin-top: -34px; margin-left: -34px; width: 60px; height: 60px; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.18); background: rgba(0, 0, 0, 0.42); } .video-play-button:hover:before { background: rgba(0, 0, 0, 0.7); } /* ============================================= YouTube Cookie Consent Shared styles for the consent poster + overlay used by inline video, lightbox and button flows. ============================================= */ .nv-yt-embed { margin: 0 auto; position: relative; } .youtube-container .nv-yt-embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .nv-yt-embed__consent-poster { display: none; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #000000; } .nv-yt-embed__consent-poster--visible { display: block; } .youtube-container .nv-yt-embed__consent-poster, .youtube-container .nv-yt-embed__consent-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 0; } .nv-yt-embed__consent-poster-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .nv-yt-embed__consent-poster-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none; border: none; cursor: pointer; padding: 0; z-index: 1; line-height: 0; } .nv-yt-embed__consent-poster-play:focus-visible { outline: 2px solid #76b900; outline-offset: 4px; border-radius: 50%; } .nv-yt-embed__consent-play-icon { opacity: 0.5; transition: opacity 0.2s ease; } .nv-yt-embed__consent-poster-play:hover .nv-yt-embed__consent-play-icon { opacity: 0.9; } .nv-yt-embed__consent-overlay { display: none; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background-color: #f7f7f7; } .nv-yt-embed__consent-overlay--visible { display: block; } .nv-yt-embed--colorbox .nv-yt-embed__consent-overlay { padding-bottom: 0; height: auto; min-height: 280px; } .nv-yt-embed--colorbox .nv-yt-embed__consent-overlay-content { position: relative; height: auto; min-height: 280px; } .nv-yt-embed__consent-overlay-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 48px; box-sizing: border-box; text-align: center; overflow-y: auto; } .nv-yt-embed__consent-overlay-content:focus { outline: none; } .nv-yt-embed__consent-title { font-weight: bold; font-size: 18px; line-height: 1.25; margin: 0 0 16px 0; } .nv-yt-embed__consent-description { font-size: 14px; line-height: 1.5; margin: 0 0 24px 0; max-width: 550px; } .nv-yt-embed__consent-description a, .nv-yt-embed__consent-alternative a { text-decoration: underline; text-decoration-color: #76b900; } .nv-yt-embed__consent-description a:hover, .nv-yt-embed__consent-alternative a:hover { text-decoration-color: #000000; } .nv-yt-embed__consent-buttons { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 0 0 20px 0; } /* Matches the core nv-button-small / nv-button-standard treatment */ .nv-yt-embed__consent-cancel, .nv-yt-embed__consent-accept { display: inline-block; min-width: 50px; cursor: pointer; font-size: 16px; font-weight: 700; line-height: 1.25em; text-align: center; text-decoration: none; white-space: nowrap; padding: 11px 13px; background: #000000; color: #ffffff; border: none; border-radius: 0; } .nv-yt-embed__consent-cancel:hover, .nv-yt-embed__consent-accept:hover { background: #333; } .nv-yt-embed__consent-cancel:focus-visible, .nv-yt-embed__consent-accept:focus-visible { outline: 2px solid #76b900; outline-offset: 2px; } .nv-yt-embed__consent-alternative { font-size: 14px; line-height: 1.5; margin: 0; } @media (max-width: 767px) { .nv-yt-embed__consent-overlay-content { padding: 24px 20px; } .nv-yt-embed__consent-title { font-size: 16px; } .nv-yt-embed__consent-description, .nv-yt-embed__consent-alternative { font-size: 12px; } .nv-yt-embed__consent-buttons { flex-direction: column; width: 100%; } .nv-yt-embed__consent-cancel, .nv-yt-embed__consent-accept { width: 100%; } .nv-yt-embed__consent-play-icon { width: 56px; height: 56px; } } /*#cboxLoadedContent { background-color: #000000; } #cboxClose { @media screen and (max-width: $sm-screen-max){ top: -5px !important; right: 0px; } top: -15px !important; right: 15px; }*/ .theme-geforce, .nv-dark, .theme-dark, .background-black, .background-secondary-grey, .background-light-grey, .background-dark-grey, .background-dark-green { --nv-consent-background-color: var(--color-gray-975, #0c0c0c); --nv-consent-title-color: var(--color-gray-000, #fff); --nv-consent-text-color: var(--color-gray-050, #eee); --nv-consent-button-background: var(--color-gray-000, #fff); --nv-consent-button-hover: var(--color-gray-100, #e0e0e0); --nv-consent-button-pressed: var(--color-gray-200, #ccc); --nv-consent-button-text: var(--color-gray-1000, #000); --nv-consent-button-disabled-background: var(--color-translucent-white-100, rgba(255, 255, 255, 0.1)); --nv-consent-button-disabled-text: var(--color-translucent-white-300, rgba(255, 255, 255, 0.3)); } .nv-light, .light, .theme-light, .background-white, .background-body-copy, .background-ui-elements, .background-section-grey, .background-brand-green, .nv-yt-embed--colorbox { --nv-consent-background-color: var(--color-gray-025, #f7f7f7); --nv-consent-title-color: var(--color-gray-1000, #000); --nv-consent-text-color: #1a1a1a; --nv-consent-button-background: var(--color-gray-900, #222); --nv-consent-button-hover: var(--color-gray-950, #161616); --nv-consent-button-pressed: var(--color-gray-975, #0c0c0c); --nv-consent-button-text: var(--color-gray-000, #fff); --nv-consent-button-disabled-background: var(--color-translucent-black-050, rgba(0, 0, 0, 0.05)); --nv-consent-button-disabled-text: var(--color-gray-400, #898989); } .nv-yt-embed__consent-overlay { background-color: var(--nv-consent-background-color, #f7f7f7); } .nv-yt-embed__consent-overlay .nv-yt-embed__consent-title { color: var(--nv-consent-title-color, #000); } .nv-yt-embed__consent-overlay p.nv-yt-embed__consent-description, .nv-yt-embed__consent-overlay p.nv-yt-embed__consent-alternative, .nv-yt-embed__consent-overlay .nv-yt-embed__consent-description a, .nv-yt-embed__consent-overlay .nv-yt-embed__consent-alternative a { color: var(--nv-consent-text-color, #1a1a1a); } .nv-yt-embed__consent-overlay .nv-yt-embed__consent-description a:hover, .nv-yt-embed__consent-overlay .nv-yt-embed__consent-alternative a:hover { text-decoration-color: var(--nv-consent-title-color, #000); } .nv-yt-embed__consent-overlay .nv-yt-embed__consent-cancel, .nv-yt-embed__consent-overlay .nv-yt-embed__consent-accept { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; font-size: var(--text-12, 12px); font-weight: var(--font-weight-bold, 700); line-height: var(--leading-lh-100, 1); padding: calc(var(--spacing, 4px) * 2); border: var(--border-width-1, 1px) solid transparent; border-radius: var(--radius-md, 4px); background-color: var(--nv-consent-button-background, #222); color: var(--nv-consent-button-text, #fff); transition: background-color var(--transition-duration-150, 150ms) var(--ease-out, ease-out), color var(--transition-duration-150, 150ms) var(--ease-out, ease-out), scale var(--transition-duration-150, 150ms) var(--ease-out, ease-out); } .nv-yt-embed__consent-overlay .nv-yt-embed__consent-cancel:hover:not(:disabled), .nv-yt-embed__consent-overlay .nv-yt-embed__consent-accept:hover:not(:disabled) { background-color: var(--nv-consent-button-hover, #161616); } .nv-yt-embed__consent-overlay .nv-yt-embed__consent-cancel:active:not(:disabled), .nv-yt-embed__consent-overlay .nv-yt-embed__consent-accept:active:not(:disabled) { scale: 99%; background-color: var(--nv-consent-button-pressed, #0c0c0c); } .nv-yt-embed__consent-overlay .nv-yt-embed__consent-cancel:disabled, .nv-yt-embed__consent-overlay .nv-yt-embed__consent-accept:disabled { background-color: var(--nv-consent-button-disabled-background, rgba(0, 0, 0, 0.05)); color: var(--nv-consent-button-disabled-text, #898989); cursor: not-allowed; } .nv-yt-embed__consent-overlay .nv-yt-embed__consent-cancel:focus-visible, .nv-yt-embed__consent-overlay .nv-yt-embed__consent-accept:focus-visible { outline: 2px solid var(--color-brand-green, #76b900); outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .nv-yt-embed__consent-overlay .nv-yt-embed__consent-cancel, .nv-yt-embed__consent-overlay .nv-yt-embed__consent-accept { transition: none; } } .sociallinks ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; } .sociallinks li a { display: block; list-style: none; } .sociallinks p { display: inline-block; } .sociallinks li { display: inline-block; } .sociallinks li img { margin-left: 20px; position: relative; width: 24px; height: 24px; top: 6px; } .news-feed { width: 100%; } .news-feed__not-available { text-align: center; padding: 20px; display: none; } .news-feed__loading { -webkit-animation-name: rotateThis; animation-name: rotateThis; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; width: 100px; height: 100px; display: none; opacity: 0.8; margin: 0 auto; } .news-feed__loading__visable { display: block; } .news-feed__loading div { width: 18px; height: 18px; background: #000; position: absolute; top: 40px; left: 40px; border-radius: 20px; } .news-feed__loading .bar1 { -webkit-transform: rotate(0deg) translate(0, -30px); transform: rotate(0deg) translate(0, -30px); opacity: 0.12; } .news-feed__loading .bar2 { -webkit-transform: rotate(45deg) translate(0, -30px); transform: rotate(45deg) translate(0, -30px); opacity: 0.25; } .news-feed__loading .bar3 { -webkit-transform: rotate(90deg) translate(0, -30px); transform: rotate(90deg) translate(0, -30px); opacity: 0.37; } .news-feed__loading .bar4 { -webkit-transform: rotate(135deg) translate(0, -30px); transform: rotate(135deg) translate(0, -30px); opacity: 0.50; } .news-feed__loading .bar5 { -webkit-transform: rotate(180deg) translate(0, -30px); transform: rotate(180deg) translate(0, -30px); opacity: 0.62; } .news-feed__loading .bar6 { -webkit-transform: rotate(225deg) translate(0, -30px); transform: rotate(225deg) translate(0, -30px); opacity: 0.75; } .news-feed__loading .bar7 { -webkit-transform: rotate(270deg) translate(0, -30px); transform: rotate(270deg) translate(0, -30px); opacity: 0.87; } .news-feed__loading .bar8 { -webkit-transform: rotate(315deg) translate(0, -30px); transform: rotate(315deg) translate(0, -30px); opacity: 1; } @keyframes rotateThis { from { -webkit-transform: scale(0.5) rotate(0deg); transform: scale(0.5) rotate(0deg); } to { -webkit-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } } .latest-news { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; margin-bottom: 30px; } .latest-news:lang(en-us), .latest-news:lang(en-zz), .latest-news:lang(en-gb), .latest-news:lang(en-au), .latest-news:lang(en-eu), .latest-news:lang(en-in), .latest-news:lang(es-la), .latest-news:lang(es-uy), .latest-news:lang(es-cl), .latest-news:lang(es-py), .latest-news:lang(es-ar), .latest-news:lang(pt-br), .latest-news:lang(en-sg), .latest-news:lang(en-me), .latest-news:lang(en-ph), .latest-news:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .latest-news:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .latest-news:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .latest-news:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .latest-news:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .latest-news:lang(de-at), .latest-news:lang(fr-be), .latest-news:lang(cs-cz), .latest-news:lang(da-dk), .latest-news:lang(nl-nl), .latest-news:lang(nb-no), .latest-news:lang(pl-pl), .latest-news:lang(pt-pt), .latest-news:lang(ro-ro), .latest-news:lang(es-es), .latest-news:lang(sv-se), .latest-news:lang(de-ch), .latest-news:lang(tr-tr), .latest-news:lang(de-de), .latest-news:lang(fr-fr), .latest-news:lang(fi-fi), .latest-news:lang(it-it), .latest-news:lang(hu-hu), .latest-news:lang(sl-si), .latest-news:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .latest-news:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .latest-news .latest-news__items { border-bottom: 1px solid #CCC; margin-bottom: 30px; } .latest-news .latest-news__items .latest-news__item { margin-bottom: 25px; text-align: left; } .latest-news .latest-news__items .latest-news__item.feature-image:nth-child(1) .latest-news__item__key-visual { width: 100%; max-width: 100%; margin-bottom: 25px; } .latest-news .latest-news__items .latest-news__item.feature-image:nth-child(1) .latest-news__item__body { width: 100%; } .latest-news .latest-news__items .latest-news__item .latest-news__item__key-visual { max-width: 410px; width: 100%; } .latest-news .latest-news__items .latest-news__item .latest-news__item__key-visual > a > img { width: 100%; aspect-ratio: 16 / 9; } @media (min-width: 768px) and (max-width: 1024px) { .latest-news .latest-news__items .latest-news__item .latest-news__item__key-visual { margin-bottom: 22px; } } @media (max-width: 767px) { .latest-news .latest-news__items .latest-news__item .latest-news__item__key-visual { max-width: 100%; margin-bottom: 22px; } } .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item__body__date { display: block; color: #999999; font-size: 14px; line-height: 18px; font-weight: bold; margin-bottom: 20px; text-align: left; } .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item__body__title { line-height: 1.25em; font-weight: 700; margin-bottom: 18px; font-size: 24px; } @media (min-width: 1025px) and (max-width: 1280px) { .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item__body__title { font-size: 20px; } } @media (max-width: 1024px) { .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item__body__title { font-size: 18px; } } .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item__body__title a { color: #1a1a1a; } .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item__body__description { color: #1a1a1a; font-size: 16px; line-height: 24px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item__body__description > a { color: #76b900; } .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item_readmore { display: inline-block; } .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item_readmore a { color: #000000; text-decoration: none; display: inline-block; background-color: transparent; } .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item_readmore a .fa-angle-right { vertical-align: middle; color: #76b900; } .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item_readmore a:hover { background-color: transparent; } .latest-news .latest-news__items .latest-news__item .latest-news__item__body .latest-news__item_readmore a:hover .fa-angle-right { color: inherit; } @media (min-width: 768px) and (max-width: 1024px) { .latest-news .latest-news__items .latest-news__item:nth-child(even) { margin-right: 0px; } } @media (min-width: 768px) and (max-width: 1024px) { .latest-news .latest-news__items .latest-news__item.feature-image:nth-child(even) { margin-right: 25px; } } @media (min-width: 768px) and (max-width: 1024px) { .latest-news .latest-news__items .latest-news__item.feature-image:nth-child(odd) { margin-right: 0px; } } @media (min-width: 768px) and (max-width: 1024px) { .latest-news.latest-news--small .latest-news__item { width: calc((100% - 30px) / 2); display: inline-block; margin-right: 30px; } } .latest-news.latest-news--small .latest-news__item.feature-image:nth-child(1) { width: 100%; display: block; margin-bottom: 25px; } .latest-news.latest-news--small .latest-news__item .latest-news__item__key-visual { margin-right: 24px; display: inline-block; vertical-align: top; width: 100%; } .latest-news.latest-news--small .latest-news__item .latest-news__item__body { width: calc(100% - 410px - 35px); display: inline-block; vertical-align: top; } @media (min-width: 768px) and (max-width: 1024px) { .latest-news.latest-news--small .latest-news__item .latest-news__item__body { width: 100%; } } @media (max-width: 767px) { .latest-news.latest-news--small .latest-news__item .latest-news__item__body { width: 100% !important; margin-bottom: 9px; text-align: left; } } .latest-news.latest-news--large .latest-news__item { display: inline-block; width: calc((100% - 60px) / 3); margin-right: 30px; margin-bottom: 25px; vertical-align: top; } @media (min-width: 768px) and (max-width: 1024px) { .latest-news.latest-news--large .latest-news__item { width: calc((100% - 30px) / 2); } } @media (max-width: 767px) { .latest-news.latest-news--large .latest-news__item { display: block; width: 100%; } } .latest-news.latest-news--large .latest-news__item .latest-news__item__body .latest-news__item__body__date { padding-top: 22px; } .latest-news.latest-news--large .latest-news__item.feature-image:nth-child(1) { width: 100%; display: block; margin-bottom: 25px; } @media (min-width: 1025px) and (max-width: 1280px) { .latest-news.latest-news--large .latest-news__item.feature-image:nth-child(3n+3) { margin-right: 30px; } } @media (min-width: 1281px) { .latest-news.latest-news--large .latest-news__item.feature-image:nth-child(3n+3) { margin-right: 30px; } } @media (min-width: 1025px) and (max-width: 1280px) { .latest-news.latest-news--large .latest-news__item.feature-image:nth-child(3n+4) { margin-right: 0px; } } @media (min-width: 1281px) { .latest-news.latest-news--large .latest-news__item.feature-image:nth-child(3n+4) { margin-right: 0px; } } @media (min-width: 1025px) and (max-width: 1280px) { .latest-news.latest-news--large .latest-news__item:nth-child(3n+3) { margin-right: 0px; } } @media (min-width: 1281px) { .latest-news.latest-news--large .latest-news__item:nth-child(3n+3) { margin-right: 0px; } } .latest-news--large { /* To fix different image size see: AD-794 */ /*@media screen and (max-width: $lg-screen-max) { .latest-news__item__key-visual > a > img { //height: 150px; max-height: none; aspect-ratio: 16 / 9; } } .latest-news__item__body__title { color: $brand-green; font-size: 24px; line-height: 32px; margin-bottom: 9px; } .latest-news__item__body__date { //display: none;/* display: block; color: #CCC; font-size: 12px; line-height: 16px; margin-bottom: 9px; @include phone { text-align: left; margin-bottom: 9px; } } .latest-news__item__body__description { font-size: 16px; color: #000; line-height: 24px; & > a { color: $brand-green; } }*/ } #newsfeed-load { background: #76b900; border: 1px solid #76b900; outline: 0px; padding: 13px 15px; color: #000; cursor: pointer; font-weight: bold; display: block; margin: 0 auto; line-height: 24px; } #newsfeed-load:hover { background: #91c733; border: 1px solid #91c733; } #newsfeed-load.btn-disabled { pointer-events: none; background: #666; border: 1px solid #666; } .newsFeed .latest-news__see-all { color: #000000; } .newsFeed .latest-news__see-all .fa-angle-right { vertical-align: middle; color: #76b900; } .newsFeed .latest-news__see-all:hover .fa-angle-right { color: inherit; } body.theme-geforce .latest-news.latest-news--large .latest-news__item .latest-news__item__body .latest-news__item__body__description, body.theme-geforce .latest-news.latest-news--large .latest-news__item .latest-news__item__body .latest-news__item__body__title a, body.theme-geforce .latest-news.latest-news--small .latest-news__item .latest-news__item__body .latest-news__item__body__description, body.theme-geforce .latest-news.latest-news--small .latest-news__item .latest-news__item__body .latest-news__item__body__title a, .background-black .latest-news.latest-news--large .latest-news__item .latest-news__item__body .latest-news__item__body__description, .background-black .latest-news.latest-news--large .latest-news__item .latest-news__item__body .latest-news__item__body__title a, .background-black .latest-news.latest-news--small .latest-news__item .latest-news__item__body .latest-news__item__body__description, .background-black .latest-news.latest-news--small .latest-news__item .latest-news__item__body .latest-news__item__body__title a { color: #ffffff; } body.theme-geforce .newsFeed .latest-news__see-all, .background-black .newsFeed .latest-news__see-all { color: #ffffff; } .countrySelector ul.country-list { list-style: outside none none; margin: 0; padding: 0; } .countrySelector .countryset { display: inline-block; } .countrySelector .countryflag { float: left; margin: 0 14px 0 0; } .countrySelector .country-list > li { margin-bottom: 25px; } .countrySelector .country-list span { text-transform: uppercase; position: relative; top: -4px; } .countrySelector .usa { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/us.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .canada { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/ca.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .uk { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/uk.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .cz { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/cz.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .dk { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/dk.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .fi { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/fi.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .fr { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/fr.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .de { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/de.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .it { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/it.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .ne { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/nl.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .no { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/no.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .pl { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/po.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .ru { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/ru.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .es { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/es.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .se { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/se.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .jp { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/jp.png"); background-repeat: no-repeat; height: 22px; width: 30px; } .countrySelector .kr { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/country-selector/ko.png"); background-repeat: no-repeat; height: 22px; width: 30px; } @media screen and (max-width: 767px) { .countrySelector .mob-p-t-0 { padding-top: 0px; } } .hatch-product { text-align: center; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 0 15px; } .hatch-product__retailers { text-align: center; } .hatch-product__retailers__retailer { display: inline-block; vertical-align: middle; min-width: 200px; padding: 20px; } .hatch-product__retailers__retailer > a { font-size: 0.7em; color: gray; text-transform: uppercase; } .hatch-product__retailers__retailer > a img { width: 150px; height: 50px; } .hatch-product__not-available { text-align: center; display: none; padding: 20px; } .loader-container { background-color: #fff; opacity: 0.8; } .hatch-product__loading { -webkit-animation-name: rotateThis; animation-name: rotateThis; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; width: 100px; height: 100px; display: inline-block; opacity: 0.8; display: none; } .hatch-product__loading__visable { display: inline-block; } .hatch-product__loading div { width: 18px; height: 18px; background: #000; position: absolute; top: 40px; left: 40px; border-radius: 20px; } .hatch-product__loading .bar1 { -webkit-transform: rotate(0deg) translate(0, -30px); transform: rotate(0deg) translate(0, -30px); opacity: 0.12; } .hatch-product__loading .bar2 { -webkit-transform: rotate(45deg) translate(0, -30px); transform: rotate(45deg) translate(0, -30px); opacity: 0.25; } .hatch-product__loading .bar3 { -webkit-transform: rotate(90deg) translate(0, -30px); transform: rotate(90deg) translate(0, -30px); opacity: 0.37; } .hatch-product__loading .bar4 { -webkit-transform: rotate(135deg) translate(0, -30px); transform: rotate(135deg) translate(0, -30px); opacity: 0.50; } .hatch-product__loading .bar5 { -webkit-transform: rotate(180deg) translate(0, -30px); transform: rotate(180deg) translate(0, -30px); opacity: 0.62; } .hatch-product__loading .bar6 { -webkit-transform: rotate(225deg) translate(0, -30px); transform: rotate(225deg) translate(0, -30px); opacity: 0.75; } .hatch-product__loading .bar7 { -webkit-transform: rotate(270deg) translate(0, -30px); transform: rotate(270deg) translate(0, -30px); opacity: 0.87; } .hatch-product__loading .bar8 { -webkit-transform: rotate(315deg) translate(0, -30px); transform: rotate(315deg) translate(0, -30px); opacity: 1; } @keyframes rotateThis { from { -webkit-transform: scale(0.5) rotate(0deg); transform: scale(0.5) rotate(0deg); } to { -webkit-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } } .columnTiles { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; } .columnTiles .column-container { max-width: 1280px; margin-left: auto; margin-right: auto; } .columnTiles .row { width: 100%; } .columnTiles .row::before, .columnTiles .row::after { content: ''; display: table; } @media screen and (min-width: 768px) and (max-width: 1024px) { .columnTiles .row.single-col-tablet .medium-6 { width: 100%; } } .columnTiles .row .nvTile.background-white.card .button a.link-txt { color: #000000; } .columnTiles .row .column { float: left; min-height: 2px; margin: 0; padding: 0 7.5px; position: relative; background-size: inherit; background-repeat: no-repeat; } .columnTiles .row .column .left-column, .columnTiles .row .column .right-column, .columnTiles .row .column .threecolumn-1, .columnTiles .row .column .threecolumn-2, .columnTiles .row .column .threecolumn-3 { padding: 0 7.5px; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media screen and (max-width: 767px) { .columnTiles .row .column .left-column, .columnTiles .row .column .right-column, .columnTiles .row .column .threecolumn-1, .columnTiles .row .column .threecolumn-2, .columnTiles .row .column .threecolumn-3 { padding: 0 15px; } } @media screen and (max-width: 1024px) { .columnTiles .row .column .left-column.mob-m-t-30, .columnTiles .row .column .right-column.mob-m-t-30, .columnTiles .row .column .threecolumn-1.mob-m-t-30, .columnTiles .row .column .threecolumn-2.mob-m-t-30, .columnTiles .row .column .threecolumn-3.mob-m-t-30 { margin-top: 30px; } } @media screen and (max-width: 1024px) { .columnTiles .row .column .left-column.mob-m-b-30, .columnTiles .row .column .right-column.mob-m-b-30, .columnTiles .row .column .threecolumn-1.mob-m-b-30, .columnTiles .row .column .threecolumn-2.mob-m-b-30, .columnTiles .row .column .threecolumn-3.mob-m-b-30 { margin-bottom: 30px; } } .columnTiles .row .column .left-column .content-table, .columnTiles .row .column .right-column .content-table, .columnTiles .row .column .threecolumn-1 .content-table, .columnTiles .row .column .threecolumn-2 .content-table, .columnTiles .row .column .threecolumn-3 .content-table { display: table; width: 100%; height: 100%; } .columnTiles .row .column .left-column .content-table .content-cell.v-top, .columnTiles .row .column .right-column .content-table .content-cell.v-top, .columnTiles .row .column .threecolumn-1 .content-table .content-cell.v-top, .columnTiles .row .column .threecolumn-2 .content-table .content-cell.v-top, .columnTiles .row .column .threecolumn-3 .content-table .content-cell.v-top { display: table-cell; vertical-align: top; } .columnTiles .row .column .left-column .content-table .content-cell.v-middle, .columnTiles .row .column .right-column .content-table .content-cell.v-middle, .columnTiles .row .column .threecolumn-1 .content-table .content-cell.v-middle, .columnTiles .row .column .threecolumn-2 .content-table .content-cell.v-middle, .columnTiles .row .column .threecolumn-3 .content-table .content-cell.v-middle { display: table-cell; vertical-align: middle; } .columnTiles .row .column .left-column .content-table .content-cell.v-bottom, .columnTiles .row .column .right-column .content-table .content-cell.v-bottom, .columnTiles .row .column .threecolumn-1 .content-table .content-cell.v-bottom, .columnTiles .row .column .threecolumn-2 .content-table .content-cell.v-bottom, .columnTiles .row .column .threecolumn-3 .content-table .content-cell.v-bottom { display: table-cell; vertical-align: bottom; } @media screen and (max-width: 767px) { .columnTiles .row .column { padding: 0px; } } .columnTiles .row { width: 100%; display: inline-block; } .columnTiles .row .sfg-btn-prev { position: absolute; width: 42px; /*28px*/ height: 42px; /*34px*/ left: 0px; top: 106px; /*102px || 60px*/ background-color: #76b900; background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/ic_chevron_left_fff_24px.svg"); background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; z-index: 19; cursor: pointer; border-radius: 0px 2px 2px 0px; opacity: 0; transition: all 0.2s; } .columnTiles .row .sfg-btn-next { position: absolute; width: 42px; /*28px*/ height: 42px; /*34px*/ right: 0px; top: 106px; /*102px || 60px*/ background-color: #76b900; background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/ic_chevron_right_fff_24px.svg"); background-position: center center; background-size: cover; background-repeat: no-repeat; float: right; z-index: 20; cursor: pointer; border-radius: 2px 0px 0px 2px; opacity: 1; transition: all 0.2s; } .columnTiles .row .sfg-btn-prev:hover, .columnTiles .row .sfg-btn-next:hover { width: 44px; /*30px*/ background-color: #76b900; transition: all 0.1s; } .columnTiles .row .sfg-btn-prev:active { width: 56px; /*40px*/ background-color: rgba(102, 102, 102, 0.9); /* #666 */ background-position: -2px center; transition: none; } .columnTiles .row .sfg-btn-next:active { width: 56px; /*40px*/ background-color: rgba(102, 102, 102, 0.9); /* #666 */ background-position: 2px center; transition: none; } .columnTiles .row .sfg-section { position: relative; width: 100%; margin: 0px auto; z-index: 1; } .columnTiles .row .sfg-section .textcomp .body-text a { pointer-events: auto; } .columnTiles .row .sfg-section .imgwidth a { pointer-events: auto; } .columnTiles .row .draggable { flex-wrap: wrap; display: flex; } .columnTiles .row .scrolling-card-container { position: relative; width: 100%; } .columnTiles .row .not-draggable { cursor: default !important; user-select: none; } .columnTiles .row .draggable .nvTile { position: relative; overflow: hidden; white-space: normal; display: inline-block; float: left; width: 295px; margin-bottom: 44px; padding-bottom: 10px; margin-top: 17px; border-radius: 2px; } .columnTiles .row .draggable .nvTile .textcomp { padding: 0 15px; } .columnTiles .row .draggable .nvTile:last-child { margin-right: 30px; } .columnTiles .row .draggable .nvTile .textcomp .body-text { color: #1a1a1a; font-size: 14px; line-height: 1.5em; } .columnTiles .row .draggable .nvTile h5 { padding: 4px 15px 0px; font-size: 18px; line-height: 1.25em; } .columnTiles .row .draggable .nvTile .button.parbase.section { pointer-events: auto; } .columnTiles .row .draggable .nvTile div.image img { height: 166px; width: 295px; } .nvTiles-h3 { position: relative; width: 300px; text-align: center; white-space: nowrap; margin: 0 auto; display: block; font-weight: 100; } @media only screen and (max-width: 320px) { .columnTiles .row .scrolling-card-container { position: relative; width: 1255px !important; left: 0px; } .columnTiles .row .draggable .nvTile { margin-bottom: 20px; } .columnTiles .row .draggable .nvTile:first-child { margin-left: 0px !important; } .columnTiles .row .draggable .nvTile:last-child { margin-right: 15px !important; } .columnTiles .row .sfg-section { position: relative; width: 100%; display: inline-block; margin-bottom: 0px; margin-top: 0px; } } @media (max-width: 767px) { .columnTiles .row .scrolling-card-container { position: relative; width: 1260px; left: 0px; } .columnTiles .row .draggable .nvTile { margin-right: 10px; margin-top: 8px; margin-bottom: 13px; } .columnTiles .row .draggable .nvTile:first-child { margin-left: 10px; } .columnTiles .row .draggable .nvTile:last-child { margin-right: 20px; } .nvTiles-h3 { font-size: 21px; line-height: 21px; margin-bottom: -4px; } } @media only screen and (min-width: 767px) and (max-width: 768px) { .nvTiles-h3 { font-size: 21px; line-height: 21px; margin-bottom: 0px; } } /* TABLET BREAKPOINT */ @media only screen and (min-width: 768px) and (max-width: 1023px) { .columnTiles .row .scrolling-card-container { position: relative; width: 1390px; } .columnTiles .row .draggable .nvTile { margin-right: 30px; margin-top: 18px; margin-bottom: 43px; } .columnTiles .row .draggable .nvTile:first-child { margin-left: 30px; } .columnTiles .row .draggable .nvTile:last-child { margin-right: 90px; } .columnTiles .row .sfg-btn-next { position: absolute; float: right; z-index: 20; } .columnTiles .row .sfg-btn-prev { position: absolute; float: left; z-index: 19; } .columnTiles .row .sfg-section { position: relative; width: 100%; display: inline-block; margin: 0 auto; } } /* DESKTOP BREAKPOINT */ @media only screen and (min-width: 1024px) { .columnTiles .row .scrolling-card-container { position: relative; width: 1390px; /*left: 60px;*/ } .columnTiles .row .draggable .nvTile { margin-right: 30px; margin-top: 23px; } .columnTiles .row .draggable .nvTile:first-child { margin-left: 30px; } .columnTiles .row .draggable .nvTile:last-child { margin-right: 60px; } .columnTiles .row .sfg-btn-next { position: absolute; float: right; z-index: 20; } .columnTiles .row .sfg-btn-prev { position: absolute; float: left; z-index: 19; } .columnTiles .row .sfg-section { position: relative; width: 100%; /*1290px;*/ margin: 0 auto; /* display: inline-block;*/ } .nvTiles-h3 { margin-bottom: -6px; } } /* DESKTOP BREAKPOINT */ @media only screen and (min-width: 1280px) { .scrolling-card-container { position: relative; left: 4px; width: 1290px; pointer-events: none; } .columnTiles .row .sfg-section { position: relative; width: 1280px; z-index: 1; /* margin-left: 4px;*/ } .columnTiles .row .draggable .nvTile { margin-right: 30px; margin-top: 17px; } .columnTiles .row .draggable .nvTile:first-child { margin-left: 0px; } .columnTiles .row .draggable .nvTile:last-child { margin-right: 0px; } .columnTiles .row .draggable .nvTile:hover { cursor: hand; cursor: pointer; } .columnTiles .row .sfg-btn-next { position: absolute; float: right; z-index: 20; cursor: default; display: none; } .columnTiles .row .sfg-btn-prev { position: absolute; float: left; z-index: 19; cursor: default; display: none; } .nvTiles-h3 { font-size: 36px; line-height: 36px; margin-bottom: 0px; } } .draggable { cursor: move !important; cursor: grab !important; cursor: -moz-grab !important; cursor: -webkit-grab !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media only screen and (min-width: 1291px) { .draggable { transform: translate3d(0px, 0px, 0px) !important; } } .di-house-product { display: none; } .di-house-product__price { font-weight: bold; font-size: 32px; line-height: 32px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; padding-bottom: 21px; } .di-house-product__price:lang(en-us), .di-house-product__price:lang(en-zz), .di-house-product__price:lang(en-gb), .di-house-product__price:lang(en-au), .di-house-product__price:lang(en-eu), .di-house-product__price:lang(en-in), .di-house-product__price:lang(es-la), .di-house-product__price:lang(es-uy), .di-house-product__price:lang(es-cl), .di-house-product__price:lang(es-py), .di-house-product__price:lang(es-ar), .di-house-product__price:lang(pt-br), .di-house-product__price:lang(en-sg), .di-house-product__price:lang(en-me), .di-house-product__price:lang(en-ph), .di-house-product__price:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .di-house-product__price:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .di-house-product__price:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .di-house-product__price:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .di-house-product__price:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .di-house-product__price:lang(de-at), .di-house-product__price:lang(fr-be), .di-house-product__price:lang(cs-cz), .di-house-product__price:lang(da-dk), .di-house-product__price:lang(nl-nl), .di-house-product__price:lang(nb-no), .di-house-product__price:lang(pl-pl), .di-house-product__price:lang(pt-pt), .di-house-product__price:lang(ro-ro), .di-house-product__price:lang(es-es), .di-house-product__price:lang(sv-se), .di-house-product__price:lang(de-ch), .di-house-product__price:lang(tr-tr), .di-house-product__price:lang(de-de), .di-house-product__price:lang(fr-fr), .di-house-product__price:lang(fi-fi), .di-house-product__price:lang(it-it), .di-house-product__price:lang(hu-hu), .di-house-product__price:lang(sl-si), .di-house-product__price:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .di-house-product__price:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .di-house-product__stock-status { font-size: 16px; text-transform: uppercase; font-weight: bold; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; line-height: 24px; } .di-house-product__stock-status:lang(en-us), .di-house-product__stock-status:lang(en-zz), .di-house-product__stock-status:lang(en-gb), .di-house-product__stock-status:lang(en-au), .di-house-product__stock-status:lang(en-eu), .di-house-product__stock-status:lang(en-in), .di-house-product__stock-status:lang(es-la), .di-house-product__stock-status:lang(es-uy), .di-house-product__stock-status:lang(es-cl), .di-house-product__stock-status:lang(es-py), .di-house-product__stock-status:lang(es-ar), .di-house-product__stock-status:lang(pt-br), .di-house-product__stock-status:lang(en-sg), .di-house-product__stock-status:lang(en-me), .di-house-product__stock-status:lang(en-ph), .di-house-product__stock-status:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .di-house-product__stock-status:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .di-house-product__stock-status:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .di-house-product__stock-status:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .di-house-product__stock-status:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .di-house-product__stock-status:lang(de-at), .di-house-product__stock-status:lang(fr-be), .di-house-product__stock-status:lang(cs-cz), .di-house-product__stock-status:lang(da-dk), .di-house-product__stock-status:lang(nl-nl), .di-house-product__stock-status:lang(nb-no), .di-house-product__stock-status:lang(pl-pl), .di-house-product__stock-status:lang(pt-pt), .di-house-product__stock-status:lang(ro-ro), .di-house-product__stock-status:lang(es-es), .di-house-product__stock-status:lang(sv-se), .di-house-product__stock-status:lang(de-ch), .di-house-product__stock-status:lang(tr-tr), .di-house-product__stock-status:lang(de-de), .di-house-product__stock-status:lang(fr-fr), .di-house-product__stock-status:lang(fi-fi), .di-house-product__stock-status:lang(it-it), .di-house-product__stock-status:lang(hu-hu), .di-house-product__stock-status:lang(sl-si), .di-house-product__stock-status:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .di-house-product__stock-status:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .di-house-product--ready { display: block; } .di-house-product--out-of-stock .link-btn { background: #CCC !important; border: 1px solid #CCC !important; } .di-house-product--out-of-stock .link-btn:hover { background: #CCC !important; border: 1px solid #CCC !important; } .image .responsive-image.img-border { border: 1px solid #616161; } .image .imgwidth { margin: 0 auto; } .image .imgwidth .lazyloaded { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .image .imgwidth .responsive-image.lazyload { width: 0px; opacity: 0; } .image .imgwidth .responsive-image.lazyloading { width: 0px; opacity: 0; } .image .imgwidth .svg-cls { margin: 0 auto; width: 100%; max-width: 100%; } .image .imgwidth .svg-cls .svg-zoom { float: right; } .image .imgwidth .svg-cls .svg-zoom .zoom { display: none; } .image .imgwidth .svg-cls .svg-zoom .zoom.zoom-icon { height: 25px; width: 30px; display: block; margin-right: 22px; margin-top: -50px; position: relative; } .image .imgwidth .imageLink { display: contents; color: #000000; } /* .right-column.gallery .responsive-image.img-border { @media screen and (min-width:$md-screen-min) { border-left: none; } } .column.gallery:not(:first-child) .responsive-image.img-border { @media screen and (min-width:$lg-screen-min) { border-left: none; } } */ .imageeditmodedoubleline { border-style: double; border-color: #A8B821; margin: 5px 0px; } .buttonRow { /* added for the desktop padding between buttons */ /* Laptop padding between buttons */ /* Tablet padding between buttons */ /* Mobile padding between buttons */ } .buttonRow .float-none { float: none; } @media screen and (min-width: 1025px) and (max-width: 1280px) { .buttonRow .float-none.lap-float-left { float: left; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .buttonRow .float-none.tab-float-left { float: left; } } @media screen and (max-width: 767px) { .buttonRow .float-none.mob-float-left { float: left; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .buttonRow .float-none.lap-float-right { float: right; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .buttonRow .float-none.tab-float-right { float: right; } } @media screen and (max-width: 767px) { .buttonRow .float-none.mob-float-right { float: right; } } .buttonRow .float-left { float: left; } @media screen and (min-width: 1025px) and (max-width: 1280px) { .buttonRow .float-left.lap-float-none { float: none; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .buttonRow .float-left.tab-float-none { float: none; } } @media screen and (max-width: 767px) { .buttonRow .float-left.mob-float-none { float: none; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .buttonRow .float-left.lap-float-right { float: right; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .buttonRow .float-left.tab-float-right { float: right; } } @media screen and (max-width: 767px) { .buttonRow .float-left.mob-float-right { float: right; } } .buttonRow .float-right { float: right; } @media screen and (min-width: 1025px) and (max-width: 1280px) { .buttonRow .float-right.lap-float-none { float: none; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .buttonRow .float-right.tab-float-none { float: none; } } @media screen and (max-width: 767px) { .buttonRow .float-right.mob-float-none { float: none; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .buttonRow .float-right.lap-float-left { float: left; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .buttonRow .float-right.tab-float-left { float: left; } } @media screen and (max-width: 767px) { .buttonRow .float-right.mob-float-left { float: left; } } .buttonRow .buttonrow { display: inline-block; } .buttonRow .btn-container { float: left; padding: 0 5px 0 0; width: auto; } @media screen and (max-width: 767px) { .buttonRow .btn-container { float: none; } } .buttonRow .btn-container:first-child { padding-left: 0px; } .buttonRow .btn-container:last-child { padding-right: 0px; } .buttonRow .btnrowspace0 { padding: 0px; } .buttonRow .btnrowspace5 { padding: 0 2.5px 0 2.5px; } .buttonRow .btnrowspace6 { padding: 0 3px 0 3px; } .buttonRow .btnrowspace7 { padding: 0 3.5px 0 3.5px; } .buttonRow .btnrowspace8 { padding: 0 4px 0 4px; } .buttonRow .btnrowspace9 { padding: 0 4.5px 0 4.5px; } .buttonRow .btnrowspace10 { padding: 0 5px 0 5px; } .buttonRow .btnrowspace12 { padding: 0 6px 0 6px; } .buttonRow .btnrowspace15 { padding: 0 7.5px 0 7.5px; } .buttonRow .btnrowspace30 { padding: 0 15px 0 15px; } .buttonRow .btnrowspace45 { padding: 0 22.5px 0 22.5px; } .buttonRow .btnrowspace60 { padding: 0 30px 0 30px; } .buttonRow .btnrowspace75 { padding: 0 37.5px 0 37.5px; } .buttonRow .btnrowspace90 { padding: 0 45px 0 45px; } .buttonRow .btnrowspace105 { padding: 0 52.5px 0 52.5px; } .buttonRow .btnrowspace120 { padding: 0 60px 0 60px; } @media screen and (min-width: 1025px) and (max-width: 1280px) { .buttonRow .lap-btnrowspace0 { padding: 0px; } .buttonRow .lap-btnrowspace5 { padding: 0 2.5px 0 2.5px; } .buttonRow .lap-btnrowspace6 { padding: 0 3px 0 3px; } .buttonRow .lap-btnrowspace7 { padding: 0 3.5px 0 3.5px; } .buttonRow .lap-btnrowspace8 { padding: 0 4px 0 4px; } .buttonRow .lap-btnrowspace9 { padding: 0 4.5px 0 4.5px; } .buttonRow .lap-btnrowspace10 { padding: 0 5px 0 5px; } .buttonRow .lap-btnrowspace12 { padding: 0 6px 0 6px; } .buttonRow .lap-btnrowspace15 { padding: 0 7.5px 0 7.5px; } .buttonRow .lap-btnrowspace30 { padding: 0 15px 0 15px; } .buttonRow .lap-btnrowspace45 { padding: 0 22.5px 0 22.5px; } .buttonRow .lap-btnrowspace60 { padding: 0 30px 0 30px; } .buttonRow .lap-btnrowspace75 { padding: 0 37.5px 0 37.5px; } .buttonRow .lap-btnrowspace90 { padding: 0 45px 0 45px; } .buttonRow .lap-btnrowspace105 { padding: 0 52.5px 0 52.5px; } .buttonRow .lap-btnrowspace120 { padding: 0 60px 0 60px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .buttonRow .tab-btnrowspace0 { padding: 0px; } .buttonRow .tab-btnrowspace5 { padding: 0 2.5px 0 2.5px; } .buttonRow .tab-btnrowspace6 { padding: 0 3px 0 3px; } .buttonRow .tab-btnrowspace7 { padding: 0 3.5px 0 3.5px; } .buttonRow .tab-btnrowspace8 { padding: 0 4px 0 4px; } .buttonRow .tab-btnrowspace9 { padding: 0 4.5px 0 4.5px; } .buttonRow .tab-btnrowspace10 { padding: 0 5px 0 5px; } .buttonRow .tab-btnrowspace12 { padding: 0 6px 0 6px; } .buttonRow .tab-btnrowspace15 { padding: 0 7.5px 0 7.5px; } .buttonRow .tab-btnrowspace30 { padding: 0 15px 0 15px; } .buttonRow .tab-btnrowspace45 { padding: 0 22.5px 0 22.5px; } .buttonRow .tab-btnrowspace60 { padding: 0 30px 0 30px; } .buttonRow .tab-btnrowspace75 { padding: 0 37.5px 0 37.5px; } .buttonRow .tab-btnrowspace90 { padding: 0 45px 0 45px; } .buttonRow .tab-btnrowspace105 { padding: 0 52.5px 0 52.5px; } .buttonRow .tab-btnrowspace120 { padding: 0 60px 0 60px; } } @media screen and (max-width: 767px) { .buttonRow .mob-btnrowspace0 { padding: 0px; } .buttonRow .mob-btnrowspace5 { padding: 0 2.5px 0 2.5px; } .buttonRow .mob-btnrowspace6 { padding: 0 3px 0 3px; } .buttonRow .mob-btnrowspace7 { padding: 0 3.5px 0 3.5px; } .buttonRow .mob-btnrowspace8 { padding: 0 4px 0 4px; } .buttonRow .mob-btnrowspace9 { padding: 0 4.5px 0 4.5px; } .buttonRow .mob-btnrowspace10 { padding: 0 5px 0 5px; } .buttonRow .mob-btnrowspace12 { padding: 0 6px 0 6px; } .buttonRow .mob-btnrowspace15 { padding: 0 7.5px 0 7.5px; } .buttonRow .mob-btnrowspace30 { padding: 0 15px 0 15px; } .buttonRow .mob-btnrowspace45 { padding: 0 22.5px 0 22.5px; } .buttonRow .mob-btnrowspace60 { padding: 0 30px 0 30px; } .buttonRow .mob-btnrowspace75 { padding: 0 37.5px 0 37.5px; } .buttonRow .mob-btnrowspace90 { padding: 0 45px 0 45px; } .buttonRow .mob-btnrowspace105 { padding: 0 52.5px 0 52.5px; } .buttonRow .mob-btnrowspace120 { padding: 0 60px 0 60px; } } .modalContent { max-width: 1280px; margin: 0 auto; } .dwnldclosebtn { float: right; } @media screen and (max-width: 767px) and (orientation: portrait) { .dwnldclosebtn { position: relative; left: -45%; } } #colorbox { overflow: visible !important; } #cboxClose { top: -10px; right: -10px; border-radius: 50%; background-color: #666; width: 20px; height: 20px; /*@include phone(){ top: 5px; right: 0px; }*/ /* @include tablet(){ } */ } #cboxClose:before { width: 12px; top: 9px; right: 4px; background-color: #fff; /*@include phone(){ width: 20px; }*/ } #cboxClose:after { width: 12px; top: 9px; left: 4px; background-color: #fff; /*@include phone(){ width: 20px; }*/ } .popSecContainer { padding: 60px; } @media (min-width: 768px) and (max-width: 1024px) { .popSecContainer { background: #000000; } } @media (max-width: 767px) { .popSecContainer { padding: 30px; padding-bottom: 60px; background: #000000; } } .popTextContainer { font-weight: normal; font-size: 24px; color: #bfbfbf; padding-bottom: 30px; } @media (max-width: 767px) { .popTextContainer { padding-bottom: 15px; } } /* ---- Spinner styles start ---- */ #cboxLoadingGraphic { position: absolute; left: 99999px; display: none; } .nv-spinner { animation-duration: 0.7s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: animationspin; border-color: transparent #76b900 #76b900; border-width: 7px; border-style: solid; border-radius: 50%; height: 70px; width: 70px; } .nv-spinner-container { position: absolute; left: calc(50% - 35px); bottom: calc(50% - 35px); } .nv-spinner-container div { margin: 15px auto; } @keyframes animationspin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .productVariationButtonRow .btn-cart { margin: 2px 5px; } .productVariationButtonRow .varient-button-wrapper { display: block; vertical-align: top; } .productVariationButtonRow .ship-date { height: 25px; display: block; font-size: 12px; padding-top: 5px; margin-left: 5px; visibility: hidden; } .productVariationButtonRow .ship-date.show-content { visibility: visible; } .productVariationButtonRow .free-shipping { padding-top: 0; } .productVariationButtonRow .clear { clear: both; } .productVariationButtonRow .product-title { font-size: 16px; padding: 0 15px 0 5px; font-weight: bold; margin-top: 12px; } .productVariationButtonRow .cta-preorder { margin: 0px 5px; } .productVariationButtonRow .js-out-of-stock { margin: 0px 5px; } .productVariationButtonRow .js-out-of-stock__without-date { font-size: 16px; text-transform: uppercase; font-weight: bold; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; line-height: 24px; margin: 0 5px; padding-top: 5px; } .productVariationButtonRow .js-out-of-stock__without-date:lang(en-us), .productVariationButtonRow .js-out-of-stock__without-date:lang(en-zz), .productVariationButtonRow .js-out-of-stock__without-date:lang(en-gb), .productVariationButtonRow .js-out-of-stock__without-date:lang(en-au), .productVariationButtonRow .js-out-of-stock__without-date:lang(en-eu), .productVariationButtonRow .js-out-of-stock__without-date:lang(en-in), .productVariationButtonRow .js-out-of-stock__without-date:lang(es-la), .productVariationButtonRow .js-out-of-stock__without-date:lang(es-uy), .productVariationButtonRow .js-out-of-stock__without-date:lang(es-cl), .productVariationButtonRow .js-out-of-stock__without-date:lang(es-py), .productVariationButtonRow .js-out-of-stock__without-date:lang(es-ar), .productVariationButtonRow .js-out-of-stock__without-date:lang(pt-br), .productVariationButtonRow .js-out-of-stock__without-date:lang(en-sg), .productVariationButtonRow .js-out-of-stock__without-date:lang(en-me), .productVariationButtonRow .js-out-of-stock__without-date:lang(en-ph), .productVariationButtonRow .js-out-of-stock__without-date:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-out-of-stock__without-date:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-out-of-stock__without-date:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-out-of-stock__without-date:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-out-of-stock__without-date:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-out-of-stock__without-date:lang(de-at), .productVariationButtonRow .js-out-of-stock__without-date:lang(fr-be), .productVariationButtonRow .js-out-of-stock__without-date:lang(cs-cz), .productVariationButtonRow .js-out-of-stock__without-date:lang(da-dk), .productVariationButtonRow .js-out-of-stock__without-date:lang(nl-nl), .productVariationButtonRow .js-out-of-stock__without-date:lang(nb-no), .productVariationButtonRow .js-out-of-stock__without-date:lang(pl-pl), .productVariationButtonRow .js-out-of-stock__without-date:lang(pt-pt), .productVariationButtonRow .js-out-of-stock__without-date:lang(ro-ro), .productVariationButtonRow .js-out-of-stock__without-date:lang(es-es), .productVariationButtonRow .js-out-of-stock__without-date:lang(sv-se), .productVariationButtonRow .js-out-of-stock__without-date:lang(de-ch), .productVariationButtonRow .js-out-of-stock__without-date:lang(tr-tr), .productVariationButtonRow .js-out-of-stock__without-date:lang(de-de), .productVariationButtonRow .js-out-of-stock__without-date:lang(fr-fr), .productVariationButtonRow .js-out-of-stock__without-date:lang(fi-fi), .productVariationButtonRow .js-out-of-stock__without-date:lang(it-it), .productVariationButtonRow .js-out-of-stock__without-date:lang(hu-hu), .productVariationButtonRow .js-out-of-stock__without-date:lang(sl-si), .productVariationButtonRow .js-out-of-stock__without-date:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-out-of-stock__without-date:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-in-stock { padding-top: 5px; } .productVariationButtonRow .decimal { font-size: 18px; vertical-align: 9px; } .productVariationButtonRow .js-lowest-product-price.price { margin: 0px 5px; padding-bottom: 6px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-lowest-product-price.price:lang(en-us), .productVariationButtonRow .js-lowest-product-price.price:lang(en-zz), .productVariationButtonRow .js-lowest-product-price.price:lang(en-gb), .productVariationButtonRow .js-lowest-product-price.price:lang(en-au), .productVariationButtonRow .js-lowest-product-price.price:lang(en-eu), .productVariationButtonRow .js-lowest-product-price.price:lang(en-in), .productVariationButtonRow .js-lowest-product-price.price:lang(es-la), .productVariationButtonRow .js-lowest-product-price.price:lang(es-uy), .productVariationButtonRow .js-lowest-product-price.price:lang(es-cl), .productVariationButtonRow .js-lowest-product-price.price:lang(es-py), .productVariationButtonRow .js-lowest-product-price.price:lang(es-ar), .productVariationButtonRow .js-lowest-product-price.price:lang(pt-br), .productVariationButtonRow .js-lowest-product-price.price:lang(en-sg), .productVariationButtonRow .js-lowest-product-price.price:lang(en-me), .productVariationButtonRow .js-lowest-product-price.price:lang(en-ph), .productVariationButtonRow .js-lowest-product-price.price:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-lowest-product-price.price:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-lowest-product-price.price:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-lowest-product-price.price:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-lowest-product-price.price:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-lowest-product-price.price:lang(de-at), .productVariationButtonRow .js-lowest-product-price.price:lang(fr-be), .productVariationButtonRow .js-lowest-product-price.price:lang(cs-cz), .productVariationButtonRow .js-lowest-product-price.price:lang(da-dk), .productVariationButtonRow .js-lowest-product-price.price:lang(nl-nl), .productVariationButtonRow .js-lowest-product-price.price:lang(nb-no), .productVariationButtonRow .js-lowest-product-price.price:lang(pl-pl), .productVariationButtonRow .js-lowest-product-price.price:lang(pt-pt), .productVariationButtonRow .js-lowest-product-price.price:lang(ro-ro), .productVariationButtonRow .js-lowest-product-price.price:lang(es-es), .productVariationButtonRow .js-lowest-product-price.price:lang(sv-se), .productVariationButtonRow .js-lowest-product-price.price:lang(de-ch), .productVariationButtonRow .js-lowest-product-price.price:lang(tr-tr), .productVariationButtonRow .js-lowest-product-price.price:lang(de-de), .productVariationButtonRow .js-lowest-product-price.price:lang(fr-fr), .productVariationButtonRow .js-lowest-product-price.price:lang(fi-fi), .productVariationButtonRow .js-lowest-product-price.price:lang(it-it), .productVariationButtonRow .js-lowest-product-price.price:lang(hu-hu), .productVariationButtonRow .js-lowest-product-price.price:lang(sl-si), .productVariationButtonRow .js-lowest-product-price.price:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .js-lowest-product-price.price:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .varient-sub-heading { text-transform: uppercase; padding: 7.5px 0 7.5px 0; margin: 0px 5px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } @media screen and (min-width: 768px) and (max-width: 1024px) { .productVariationButtonRow .varient-sub-heading { padding: 7.5px 0 7.5px 0; } } @media screen and (min-width: 1025px) { .productVariationButtonRow .varient-sub-heading { padding: 7.5px 0 7.5px 0; } } .productVariationButtonRow .varient-sub-heading:lang(en-us), .productVariationButtonRow .varient-sub-heading:lang(en-zz), .productVariationButtonRow .varient-sub-heading:lang(en-gb), .productVariationButtonRow .varient-sub-heading:lang(en-au), .productVariationButtonRow .varient-sub-heading:lang(en-eu), .productVariationButtonRow .varient-sub-heading:lang(en-in), .productVariationButtonRow .varient-sub-heading:lang(es-la), .productVariationButtonRow .varient-sub-heading:lang(es-uy), .productVariationButtonRow .varient-sub-heading:lang(es-cl), .productVariationButtonRow .varient-sub-heading:lang(es-py), .productVariationButtonRow .varient-sub-heading:lang(es-ar), .productVariationButtonRow .varient-sub-heading:lang(pt-br), .productVariationButtonRow .varient-sub-heading:lang(en-sg), .productVariationButtonRow .varient-sub-heading:lang(en-me), .productVariationButtonRow .varient-sub-heading:lang(en-ph), .productVariationButtonRow .varient-sub-heading:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .varient-sub-heading:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .varient-sub-heading:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .varient-sub-heading:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .varient-sub-heading:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .varient-sub-heading:lang(de-at), .productVariationButtonRow .varient-sub-heading:lang(fr-be), .productVariationButtonRow .varient-sub-heading:lang(cs-cz), .productVariationButtonRow .varient-sub-heading:lang(da-dk), .productVariationButtonRow .varient-sub-heading:lang(nl-nl), .productVariationButtonRow .varient-sub-heading:lang(nb-no), .productVariationButtonRow .varient-sub-heading:lang(pl-pl), .productVariationButtonRow .varient-sub-heading:lang(pt-pt), .productVariationButtonRow .varient-sub-heading:lang(ro-ro), .productVariationButtonRow .varient-sub-heading:lang(es-es), .productVariationButtonRow .varient-sub-heading:lang(sv-se), .productVariationButtonRow .varient-sub-heading:lang(de-ch), .productVariationButtonRow .varient-sub-heading:lang(tr-tr), .productVariationButtonRow .varient-sub-heading:lang(de-de), .productVariationButtonRow .varient-sub-heading:lang(fr-fr), .productVariationButtonRow .varient-sub-heading:lang(fi-fi), .productVariationButtonRow .varient-sub-heading:lang(it-it), .productVariationButtonRow .varient-sub-heading:lang(hu-hu), .productVariationButtonRow .varient-sub-heading:lang(sl-si), .productVariationButtonRow .varient-sub-heading:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .productVariationButtonRow .varient-sub-heading:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .background-black .productVariationButtonRow .button .price.js-product-price, .background-black .productVariationButtonRow .price.js-lowest-product-price, .background-black .productVariationButtonRow .js-out-of-stock, .background-black .productVariationButtonRow .js-out-of-stock__without-date, .background-black .productVariationButtonRow .js-in-stock, .background-black .productVariationButtonRow .free-shipping, .background-black .productVariationButtonRow .varient-sub-heading, .background-black .productVariationButtonRow .product-title, .background-dark-grey .productVariationButtonRow .button .price.js-product-price, .background-dark-grey .productVariationButtonRow .price.js-lowest-product-price, .background-dark-grey .productVariationButtonRow .js-out-of-stock, .background-dark-grey .productVariationButtonRow .js-out-of-stock__without-date, .background-dark-grey .productVariationButtonRow .js-in-stock, .background-dark-grey .productVariationButtonRow .free-shipping, .background-dark-grey .productVariationButtonRow .varient-sub-heading, .background-dark-grey .productVariationButtonRow .product-title { color: #fff; } .faq .faqAlign .float-none { float: none; } @media screen and (min-width: 1025px) and (max-width: 1280px) { .faq .faqAlign .float-none.lap-float-left { float: left; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .faq .faqAlign .float-none.tab-float-left { float: left; } } @media screen and (max-width: 767px) { .faq .faqAlign .float-none.mob-float-left { float: left; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .faq .faqAlign .float-none.lap-float-right { float: right; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .faq .faqAlign .float-none.tab-float-right { float: right; } } @media screen and (max-width: 767px) { .faq .faqAlign .float-none.mob-float-right { float: right; } } .faq .faqAlign .float-left { float: left; } @media screen and (min-width: 1025px) and (max-width: 1280px) { .faq .faqAlign .float-left.lap-float-none { float: none; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .faq .faqAlign .float-left.tab-float-none { float: none; } } @media screen and (max-width: 767px) { .faq .faqAlign .float-left.mob-float-none { float: none; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .faq .faqAlign .float-left.lap-float-right { float: right; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .faq .faqAlign .float-left.tab-float-right { float: right; } } @media screen and (max-width: 767px) { .faq .faqAlign .float-left.mob-float-right { float: right; } } .faq .faqAlign .float-right { float: right; } @media screen and (min-width: 1025px) and (max-width: 1280px) { .faq .faqAlign .float-right.lap-float-none { float: none; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .faq .faqAlign .float-right.tab-float-none { float: none; } } @media screen and (max-width: 767px) { .faq .faqAlign .float-right.mob-float-none { float: none; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .faq .faqAlign .float-right.lap-float-left { float: left; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .faq .faqAlign .float-right.tab-float-left { float: left; } } @media screen and (max-width: 767px) { .faq .faqAlign .float-right.mob-float-left { float: left; } } .faq .accordion-knowledge-base .wrapper { margin: 0 auto; max-width: 880px; padding: 0 15px; } .faq .accordion-knowledge-base .wrapper .items > ul { list-style: none; padding: 0; overflow: hidden; line-height: 1; } .faq .accordion-knowledge-base .wrapper .items > ul .item { border-top: 1px solid #76b900; } .faq .accordion-knowledge-base .wrapper .items > ul .item:last-child { border-bottom: 1px solid #76b900; } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem { display: block; } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem.accordion-active .fa-angle-down:before { content: "\F106"; } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem > a { text-decoration: none; cursor: pointer; } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem > a:hover { text-decoration: none; } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem > a:visited { text-decoration: none; } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem > a .toggle-me { padding: 14px 10px 8px 20px; display: table-cell; vertical-align: top; height: 100%; font-size: 45px; } @media (max-width: 767px) { .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem > a .toggle-me { padding: 5px 7.5px 8px 15px; font-size: 38px; } } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem > a .main-content { padding: 28px 20px 18px 10px; display: table-cell; vertical-align: top; height: 100%; width: 100%; } @media (max-width: 767px) { .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem > a .main-content { padding: 15px 15px 8px 7.5px; } } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem > a .main-content > h4 { padding: 0px; } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem section { padding-bottom: 26px; padding-left: 69px; } @media (max-width: 767px) { .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem section { padding-bottom: 13px; padding-left: 57px; } } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem section .description-faq p, .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem section .description-faq li, .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem section .description-faq td { padding: 0px; } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem section .description-faq p a, .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem section .description-faq li a, .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem section .description-faq td a { color: inherit; text-decoration: underline; -webkit-text-decoration-color: #76b900; text-decoration-color: #76b900; text-decoration-thickness: 2px; text-underline-offset: 0.3125em; font-weight: inherit; } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem section .description-faq p a:hover, .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem section .description-faq li a:hover, .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem section .description-faq td a:hover { -webkit-text-decoration-color: inherit; text-decoration-color: inherit; } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem .accordion-section-container { display: none; } .faq .accordion-knowledge-base .wrapper .items > ul .item .faqItem .accordion-section-container-disable { display: block; } .faq .accordion-knowledge-base .faq-title { text-align: center; padding-bottom: 25px; } @media (max-width: 1024px) { .faq .accordion-knowledge-base .faq-title { padding-bottom: 15px; } } .faq .accordion-knowledge-base .description-faq { color: #000000; } .researchsightlycomp .text-warning { font-weight: bold; color: red; } .researchsightlycomp .researchlistcontainer { max-width: 77em; margin-right: auto; margin-left: auto; } @media only screen and (min-width: 768px) { .researchsightlycomp .researchlistcontainer .researchlayout { display: flex; } } .researchsightlycomp .researchlistcontainer .researchcol { padding: 1em; margin: 0 2px 2px 0; } @media only screen and (max-width: 767px) { .researchsightlycomp .researchlistcontainer .researchcol { padding: 0em; margin: 0 2px 2px 0; } } .researchsightlycomp .researchlistcontainer .researchcol-main { flex: 2; } .researchsightlycomp .researchlistcontainer .researchcol-complementary { flex: 2; } .articleComponent .article-image { display: block; margin: 0 auto; width: auto; height: auto; max-width: 100%; } .articleComponent a.author-link { color: #999; } .articleComponent a.author-link:hover { color: #76b900; } .articleComponent .article-comp-date { color: #999; font-weight: bold; font-size: 14px; padding-top: 27px; padding-bottom: 20px; } .articleComponent .article-comp-title { line-height: 1.25em; font-weight: 700; margin-bottom: 22px; font-size: 24px; } @media (min-width: 1025px) and (max-width: 1280px) { .articleComponent .article-comp-title { font-size: 20px; } } @media (max-width: 1024px) { .articleComponent .article-comp-title { font-size: 18px; } } .articleComponent .article-comp-title a { color: #ffffff; } .articleComponent .article-comp-tags { color: #999; font-size: 14px; font-weight: bold; padding-bottom: 18px; } .articleComponent .article-comp-tags span.tagItem::after { content: ", "; line-height: 24px; color: #999; } .articleComponent .article-comp-tags span.tagItem:last-child::after { content: ""; } .articleComponent .article-comp-tags span.tagItem a { color: #999; } .articleComponent .article-comp-tags span.tagItem a:hover { color: #76b900; } .articleComponent .article-comp-readmore { padding-top: 18px; } @media (min-width: 768px) and (max-width: 1024px) { .articleComponent .article-comp-readmore { padding-bottom: 11px; } } @media (max-width: 767px) { .articleComponent .article-comp-readmore { padding-bottom: 11px; } } .articleComponent .article-comp-readmore a { color: #000000; } .articleComponent .article-comp-readmore a .fa-angle-right { color: #76b900; } .articleComponent .article-comp-readmore a .fa-angle-right:before { font-weight: 900; margin-left: 6px; padding-right: 3px; -webkit-transition: .4s ease-out; transition: .4s ease-out; } .articleComponent .article-comp-readmore:hover .fa-angle-right { color: inherit; } .articleComponent .article-comp-readmore:hover .fa-angle-right:before { margin-left: 9px; padding-right: 0; } .articleComponent h1 { text-transform: none; font-weight: normal; letter-spacing: -0.02em; } @media screen and (max-width: 1024px) { .articleComponent h1 { font-size: 21px; line-height: 26px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .articleComponent h1 { font-size: 24px; line-height: 30px; } } @media screen and (min-width: 1281px) { .articleComponent h1 { font-size: 36px; line-height: 45px; } } .articlesGuidesFeed .article-container { max-width: 100%; margin-left: auto; margin-right: auto; } .articlesGuidesFeed .article-container .articlerow { width: 100%; /*.desc::before { content: '...'; position: absolute; right: 0; bottom: 0; } .desc::after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; background: black; margin-top: 0.2em; }*/ } .articlesGuidesFeed .article-container .articlerow .articlecolumn { float: left; padding: 0 15px; margin: 0; position: relative; background-size: inherit; background-repeat: no-repeat; } .articlesGuidesFeed .article-container .articlerow .articlecolumn.large-8 { margin-top: -2px !important; } @media screen and (max-width: 767px) { .articlesGuidesFeed .article-container .articlerow .articlecolumn { padding: 0; } } .articlesGuidesFeed .article-container .articlerow .articlecolumn .article-date-tags { font-weight: bold; font-size: 14px; line-height: 16px; padding-bottom: 20px; } @media screen and (max-width: 767px) { .articlesGuidesFeed .article-container .articlerow .articlecolumn .article-date-tags { padding-top: 30px; } } .articlesGuidesFeed .article-container .articlerow .articlecolumn .article-title-text { line-height: 1.25em; font-weight: 700; margin-bottom: 20px; font-size: 24px; } @media (min-width: 1025px) and (max-width: 1280px) { .articlesGuidesFeed .article-container .articlerow .articlecolumn .article-title-text { font-size: 20px; } } @media (max-width: 1024px) { .articlesGuidesFeed .article-container .articlerow .articlecolumn .article-title-text { font-size: 18px; } } .articlesGuidesFeed .article-container .articlerow .articlecolumn .article-title-text a { color: #ffffff; } .articlesGuidesFeed .article-container .articlerow .articlecolumn .article-tags { font-size: 14px; font-weight: bold; line-height: 17.5px; } .articlesGuidesFeed .article-container .articlerow .articlecolumn .article-tags span.tag::after { content: ", "; color: #999; } .articlesGuidesFeed .article-container .articlerow .articlecolumn .article-tags span.tag:last-child::after { content: ""; } .articlesGuidesFeed .article-container .articlerow .articlecolumn .article-tags span.tag a { color: #999; } .articlesGuidesFeed .article-container .articlerow .articlecolumn .article-tags span.tag a:hover { color: #76b900; } .articlesGuidesFeed .article-container .articlerow .articlecolumn .article-image { display: block; margin: 0 auto; width: auto; height: auto; max-width: 100%; } .articlesGuidesFeed .article-container .articlerow .desc { padding-top: 20px; overflow: hidden; position: relative; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; /*max-height: 88px; @media screen and (min-width: $md-screen-min) and (max-width: $md-screen-max) { max-height: 60px; }*/ } .articlesGuidesFeed .article-container .articlerow .article-readmore { padding-top: 15px; } .articlesGuidesFeed .article-container .articlerow .article-readmore a { color: #ffffff; } .articlesGuidesFeed .article-container .articlerow .article-readmore a .fa-angle-right { color: #76b900; } .articlesGuidesFeed .article-container .articlerow .article-readmore a .fa-angle-right:before { font-weight: 900; margin-left: 6px; padding-right: 3px; -webkit-transition: .4s ease-out; transition: .4s ease-out; } .articlesGuidesFeed .article-container .articlerow .article-readmore a:hover .fa-angle-right { color: inherit; } .articlesGuidesFeed .article-container .articlerow .article-readmore a:hover .fa-angle-right:before { margin-left: 9px; padding-right: 0px; } .articlesGuidesFeed #title-tag { text-align: center; padding-bottom: 30px; } .articlesGuidesFeed .hide.prev-next-btns { display: block !important; background-color: #1a1a1a; } .articlesGuidesFeed .hide.prev-next-btns .prev-btn { float: left; } .articlesGuidesFeed .hide.prev-next-btns .next-btn { float: right; } .articlesGuidesFeed .hide.prev-next-btns .prev-btn.disabled, .articlesGuidesFeed .hide.prev-next-btns .next-btn.disabled, .articlesGuidesFeed .hide.prev-next-btns .prev-btn:hover.disabled, .articlesGuidesFeed .hide.prev-next-btns .next-btn:hover.disabled { pointer-events: none; background: #666666; border: 1px solid #666666; } .articlesGuidesFeed .hide.prev-next-btns .articlesCount { display: inline-block; padding: 14px 0; color: #ffffff; line-height: 16px; } .articlesGuidesFeed .hide.prev-next-btns .load-more-btn, .articlesGuidesFeed .hide.prev-next-btns .prev-btn, .articlesGuidesFeed .hide.prev-next-btns .next-btn { text-decoration: none; text-align: center; display: inline-block; min-width: 50px; position: relative; text-transform: uppercase; border: 1px solid #76b900; color: #ffffff; font-weight: bold; font-size: 18px; line-height: 1; background-color: #76b900; cursor: pointer; } .articlesGuidesFeed .hide.prev-next-btns .load-more-btn .btn, .articlesGuidesFeed .hide.prev-next-btns .prev-btn .btn, .articlesGuidesFeed .hide.prev-next-btns .next-btn .btn { padding: 14px 14px 10px 14px; } .articlesGuidesFeed .hide.prev-next-btns .prev-btn:hover, .articlesGuidesFeed .hide.prev-next-btns .next-btn:hover { background-color: #76d300; } .privacypreferences .forms-container { /* Mobile breakpoint */ /* Tablet breakpoint */ /* Small Desktop breakpoint */ /* Large Desktop breakpoint */ /* Laptop breakpoint */ } .privacypreferences .forms-container a { text-decoration: none; } .privacypreferences .forms-container .link-btn .btn { padding: 14px 14px 10px 14px; font-size: 18px; } .privacypreferences .forms-container .horizontaldividercline { margin: auto; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .privacypreferences .forms-container { max-width: 880px; } } @media only screen and (min-width: 1280px) { .privacypreferences .forms-container { max-width: 1024px; } } @media screen and (max-width: 1280px) and (min-width: 768px) { .privacypreferences .forms-container { max-width: 880px; } } .privacypreferences .forms-container .privacyheaddiv { padding: 0px 0px 30px 0px; /* Mobile breakpoint */ } @media only screen and (max-width: 767px) { .privacypreferences .forms-container .privacyheaddiv { padding: 0px 0px 15px 0px; } } .privacypreferences .forms-container .privacyhead { font-size: 40px; line-height: 40px; text-transform: uppercase; color: #76b900; margin: 0px; padding: 0px 0px 30px 0px; text-align: left; /* Mobile breakpoint */ /* Tablet breakpoint */ /* Small Desktop breakpoint */ /* Large Desktop breakpoint */ } @media only screen and (max-width: 767px) { .privacypreferences .forms-container .privacyhead { font-size: 24px; line-height: 24px; padding: 0px 0px 15px 0px; text-align: center; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .privacypreferences .forms-container .privacyhead { font-size: 32px; line-height: 32px; text-align: left; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .privacypreferences .forms-container .privacyhead { font-size: 40px; line-height: 40px; text-align: left; } } @media only screen and (min-width: 1280px) { .privacypreferences .forms-container .privacyhead { font-size: 40px; line-height: 40px; text-align: left; } } .privacypreferences .forms-container .privacycheckdiv { font-size: 32px; line-height: 32px; color: #76b900; margin: 0px; padding: 0px 0px 30px 0px; } @media only screen and (max-width: 767px) { .privacypreferences .forms-container .privacycheckdiv { padding: 0px 0px 15px 0px; } } .privacypreferences .forms-container .privacycheckdiv .privacysubhead { padding: 0px 0px 30px 0px; /* Mobile breakpoint */ /* Tablet breakpoint */ /* Small Desktop breakpoint */ /* Large Desktop breakpoint */ } @media only screen and (max-width: 767px) { .privacypreferences .forms-container .privacycheckdiv .privacysubhead { font-size: 21px; line-height: 21px; padding: 0px 0px 15px 0px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .privacypreferences .forms-container .privacycheckdiv .privacysubhead { font-size: 24px; line-height: 24px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .privacypreferences .forms-container .privacycheckdiv .privacysubhead { font-size: 32px; line-height: 32px; } } @media only screen and (min-width: 1280px) { .privacypreferences .forms-container .privacycheckdiv .privacysubhead { font-size: 32px; line-height: 32px; } } .privacy-error { color: #f44336 !important; } .privacydeletedata .forms-container { /* Mobile breakpoint */ /* Tablet breakpoint */ /* Small Desktop breakpoint */ /* Large Desktop breakpoint */ /* Laptop breakpoint */ } .privacydeletedata .forms-container a { text-decoration: none; } .privacydeletedata .forms-container .disabled { background-color: #e0e0e0; cursor: none; pointer-events: none; } .privacydeletedata .forms-container .btn:not(.nohover):hover { background-color: #76d300; } .privacydeletedata .forms-container .intro-copy-text { color: #1a1a1a; font-weight: Lighter; font-size: 18px; line-height: 24px; } .privacydeletedata .forms-container .horizontaldividercline { margin: auto; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .privacydeletedata .forms-container { max-width: 880px; } } @media only screen and (min-width: 1280px) { .privacydeletedata .forms-container { max-width: 1024px; } } @media screen and (max-width: 1280px) and (min-width: 768px) { .privacydeletedata .forms-container { max-width: 880px; } } .privacydeletedata .forms-container .privacydelheaddiv { padding: 0px 0px 30px 0px; /* Mobile breakpoint */ } @media only screen and (max-width: 767px) { .privacydeletedata .forms-container .privacydelheaddiv { padding: 0px 0px 15px 0px; } } .privacydeletedata .forms-container .privacydelhead { font-weight: normal; font-size: 40px; line-height: 40px; text-transform: uppercase; color: #76b900; margin: 0px; padding: 0px 0px 30px 0px; /* Mobile breakpoint */ /* Tablet breakpoint */ /* Small Desktop breakpoint */ /* Large Desktop breakpoint */ } @media only screen and (max-width: 767px) { .privacydeletedata .forms-container .privacydelhead { font-size: 24px; line-height: 24px; padding: 0px 0px 15px 0px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .privacydeletedata .forms-container .privacydelhead { font-size: 32px; line-height: 32px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .privacydeletedata .forms-container .privacydelhead { font-size: 40px; line-height: 40px; } } @media only screen and (min-width: 1280px) { .privacydeletedata .forms-container .privacydelhead { font-size: 40px; line-height: 40px; } } .privacy-error { color: #f44336 !important; } .privacyreqdata .forms-container { /* Mobile breakpoint */ /* Tablet breakpoint */ /* Small Desktop breakpoint */ /* Large Desktop breakpoint */ /* Laptop breakpoint */ } .privacyreqdata .forms-container a { text-decoration: none; } .privacyreqdata .forms-container .disabled { background-color: #e0e0e0; cursor: none; pointer-events: none; } .privacyreqdata .forms-container .btn:not(.nohover):hover { background-color: #76d300; } .privacyreqdata .forms-container .intro-copy-text { color: #1a1a1a; font-weight: Lighter; font-size: 18px; line-height: 24px; } .privacyreqdata .forms-container .horizontaldividercline { margin: auto; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .privacyreqdata .forms-container { max-width: 880px; } } @media only screen and (min-width: 1280px) { .privacyreqdata .forms-container { max-width: 1024px; } } @media screen and (max-width: 1280px) and (min-width: 768px) { .privacyreqdata .forms-container { max-width: 880px; } } .privacyreqdata .forms-container .privacyreqheaddiv { padding: 0px 0px 30px 0px; /* Mobile breakpoint */ } @media only screen and (max-width: 767px) { .privacyreqdata .forms-container .privacyreqheaddiv { padding: 0px 0px 15px 0px; } } .privacyreqdata .forms-container .privacyreqhead { font-size: 40px; line-height: 40px; text-transform: uppercase; color: #76b900; margin: 0px; padding: 0px 0px 30px 0px; /* Mobile breakpoint */ /* Tablet breakpoint */ /* Small Desktop breakpoint */ /* Large Desktop breakpoint */ } @media only screen and (max-width: 767px) { .privacyreqdata .forms-container .privacyreqhead { font-size: 24px; line-height: 24px; padding: 0px 0px 15px 0px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .privacyreqdata .forms-container .privacyreqhead { font-size: 32px; line-height: 32px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .privacyreqdata .forms-container .privacyreqhead { font-size: 40px; line-height: 40px; } } @media only screen and (min-width: 1280px) { .privacyreqdata .forms-container .privacyreqhead { font-size: 40px; line-height: 40px; } } .privacy-error { color: #f44336 !important; } .tabcomponentenhanced .general-container { margin-left: auto; margin-right: auto; margin-top: 15px; } .tabcomponentenhanced .general-container::before, .tabcomponentenhanced .general-container::after { content: " "; display: table; } .tabcomponentenhanced .general-container::after { clear: both; } @media screen and (max-width: 1024px) { .tabcomponentenhanced .general-container { max-width: 640px; padding-right: 0; padding-left: 0; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .tabcomponentenhanced .general-container { max-width: 800px; } } @media screen and (min-width: 1281px) { .tabcomponentenhanced .general-container { max-width: 1280px; } } .tabcomponentenhanced #tab-container { padding-left: 15px; padding-right: 15px; } @media screen and (max-width: 767px) { .tabcomponentenhanced .p-t-30.mob-p-t-15, .tabcomponentenhanced .p-t-0.mob-p-t-15, .tabcomponentenhanced .p-t-45.mob-p-t-15, .tabcomponentenhanced .p-t-60.mob-p-t-15 { padding-top: 15px; } } @media screen and (max-width: 767px) { .tabcomponentenhanced .p-b-30.mob-p-b-15, .tabcomponentenhanced .p-b-0.mob-p-b-15, .tabcomponentenhanced .p-b-45.mob-p-b-15, .tabcomponentenhanced .p-b-60.mob-p-b-15 { padding-bottom: 15px; } } .tabcomponentenhanced h2 { margin: 0; } .tabcomponentenhanced .tabHeadingWrapper { text-align: center; padding: 0px 0 30px 0; } @media screen and (min-width: 768px) and (max-width: 1024px) { .tabcomponentenhanced .tabHeadingWrapper { padding: 0px 0 30px 0; } } @media screen and (min-width: 1025px) { .tabcomponentenhanced .tabHeadingWrapper { padding: 0px 0 30px 0; } } @media screen and (max-width: 768px) { .tabcomponentenhanced .tabHeadingWrapper { padding: 0px 0 15px 0; } } @media screen and (max-width: 768px) and (min-width: 768px) and (max-width: 1024px) { .tabcomponentenhanced .tabHeadingWrapper { padding: 0px 0 0px 0; } } @media screen and (max-width: 768px) and (min-width: 1025px) { .tabcomponentenhanced .tabHeadingWrapper { padding: 0px 0 0px 0; } } .tabcomponentenhanced .tabs-wrapper { margin: 0 auto; display: block; width: 100%; overflow: hidden; position: relative; } .tabcomponentenhanced ul.tabs { list-style: outside none none; margin: 0; padding: 0; font-size: 0; overflow: scroll; overflow-y: hidden; width: 100%; list-style-position: inside; left: 0; right: 0; white-space: nowrap; float: left; overflow-x: visible; text-align: center; } @media screen and (max-width: 767px) { .tabcomponentenhanced ul.tabs li:first-child { margin-left: 0; } } @media screen and (min-width: 768px) { .tabcomponentenhanced ul.tabs li:first-child { margin-left: 0; } } @media screen and (max-width: 767px) { .tabcomponentenhanced ul.tabs li.tabItems:first-child { margin-left: 0; } } @media screen and (max-width: 767px) { .tabcomponentenhanced ul.tabs li.tabItems:last-child { margin-right: 0; } } .tabcomponentenhanced ul.tabs li.tabItems:first-child:nth-last-child(2), .tabcomponentenhanced ul.tabs li.tabItems:first-child:nth-last-child(2) ~ li { width: 50% !important; } .tabcomponentenhanced ul.tabs li.tabItems:first-child:nth-last-child(2n+1), .tabcomponentenhanced ul.tabs li.tabItems:first-child:nth-last-child(2n+1) ~ li { width: 33.3333%; } @media screen and (max-width: 767px) { .tabcomponentenhanced ul.tabs li.tabItems:first-child:nth-last-child(2n+1), .tabcomponentenhanced ul.tabs li.tabItems:first-child:nth-last-child(2n+1) ~ li { width: 45%; } } .tabcomponentenhanced ul.tabs li.tabItems:first-child:nth-last-child(2n), .tabcomponentenhanced ul.tabs li.tabItems:first-child:nth-last-child(2n) ~ li { width: 33.3333%; } @media screen and (max-width: 767px) { .tabcomponentenhanced ul.tabs li.tabItems:first-child:nth-last-child(2n), .tabcomponentenhanced ul.tabs li.tabItems:first-child:nth-last-child(2n) ~ li { width: 45%; } } .tabcomponentenhanced ul.tabs li.current { border-bottom: 2px solid #76b900; } .tabcomponentenhanced ul.tabs li.tabItems.current { border-bottom: 4px solid #76b900; padding-bottom: 0; } .tabcomponentenhanced ul.tabs li { cursor: pointer; display: inline-block; font-size: 16px; line-height: 24px; text-transform: uppercase; margin-left: 30px; list-style: none; } @media screen and (max-width: 767px) { .tabcomponentenhanced ul.tabs li { margin-left: 15px; overflow: hidden; } } @media screen and (max-width: 1280px) { .tabcomponentenhanced ul.tabs li .responsive-image { width: 90%; } } @media screen and (min-width: 1281px) { .tabcomponentenhanced ul.tabs li .responsive-image { width: 75%; } } .tabcomponentenhanced ul.tabs li.tabItems { margin: 0; border-bottom: 1px solid #cccccc; padding-bottom: 3px; } .tabcomponentenhanced ul.tabs li.tabItems h2 { padding-top: 23px; padding-bottom: 25px; overflow-x: auto; overflow-y: hidden; } @media screen and (max-width: 767px) { .tabcomponentenhanced ul.tabs li.tabItems h2 { padding-top: 12px; padding-bottom: 14px; } } .tabcomponentenhanced .tab-content { display: none; margin: 0 auto; left: -9999px; position: absolute; } .tabcomponentenhanced .tab-content.current { display: block; left: 0px; position: relative; } .tabcomponentenhanced .tab-content.current.horizontal-divider { border-bottom: 2px solid #bbb; } /** * Search box for body of page * Styles for when search is dropped in the body of the page (parsys) **/ .parsys .searchBox { max-width: 848px; margin: 0 auto; } .parsys .searchBox .search-box { margin-bottom: 30px; padding: 45px 0px 0px 0px; width: 100%; box-sizing: border-box; } @media (min-width: 768px) and (max-width: 1024px) { .parsys .searchBox .search-box { padding: 30px 0px 0px 0px; } } @media (max-width: 767px) { .parsys .searchBox .search-box { padding: 15px 0px 0px 0px; } } .parsys .searchBox .search-box .form { border: 0; height: 40px; background-color: #fff; display: flex; } .parsys .searchBox .search-box .form .search-abort-container { position: absolute; right: 10px; top: 15px; } .parsys .searchBox .search-box .form .search-icon-container { position: absolute; left: 10px; width: 18px; height: 100%; top: 3px; } .parsys .searchBox .search-box .form .search-icon-container .search-icon { background: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/search-green.svg") no-repeat center center; height: 100%; width: 20px; display: inline-block; float: left; } .parsys .searchBox .search-box .form #search-form { width: 100%; } .parsys .searchBox .search-box input { border-radius: 0; } .parsys .searchBox .search-box input[type="search"] { border: 2px solid #eee; padding: 3px 0 0 0; text-indent: 40px; font-weight: normal; font-size: 28px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; color: #666666; line-height: 1; height: 40px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-appearance: none; box-sizing: content-box; } .parsys .searchBox .search-box input[type="search"]:lang(en-us), .parsys .searchBox .search-box input[type="search"]:lang(en-zz), .parsys .searchBox .search-box input[type="search"]:lang(en-gb), .parsys .searchBox .search-box input[type="search"]:lang(en-au), .parsys .searchBox .search-box input[type="search"]:lang(en-eu), .parsys .searchBox .search-box input[type="search"]:lang(en-in), .parsys .searchBox .search-box input[type="search"]:lang(es-la), .parsys .searchBox .search-box input[type="search"]:lang(es-uy), .parsys .searchBox .search-box input[type="search"]:lang(es-cl), .parsys .searchBox .search-box input[type="search"]:lang(es-py), .parsys .searchBox .search-box input[type="search"]:lang(es-ar), .parsys .searchBox .search-box input[type="search"]:lang(pt-br), .parsys .searchBox .search-box input[type="search"]:lang(en-sg), .parsys .searchBox .search-box input[type="search"]:lang(en-me), .parsys .searchBox .search-box input[type="search"]:lang(en-ph), .parsys .searchBox .search-box input[type="search"]:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .parsys .searchBox .search-box input[type="search"]:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .parsys .searchBox .search-box input[type="search"]:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .parsys .searchBox .search-box input[type="search"]:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .parsys .searchBox .search-box input[type="search"]:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .parsys .searchBox .search-box input[type="search"]:lang(de-at), .parsys .searchBox .search-box input[type="search"]:lang(fr-be), .parsys .searchBox .search-box input[type="search"]:lang(cs-cz), .parsys .searchBox .search-box input[type="search"]:lang(da-dk), .parsys .searchBox .search-box input[type="search"]:lang(nl-nl), .parsys .searchBox .search-box input[type="search"]:lang(nb-no), .parsys .searchBox .search-box input[type="search"]:lang(pl-pl), .parsys .searchBox .search-box input[type="search"]:lang(pt-pt), .parsys .searchBox .search-box input[type="search"]:lang(ro-ro), .parsys .searchBox .search-box input[type="search"]:lang(es-es), .parsys .searchBox .search-box input[type="search"]:lang(sv-se), .parsys .searchBox .search-box input[type="search"]:lang(de-ch), .parsys .searchBox .search-box input[type="search"]:lang(tr-tr), .parsys .searchBox .search-box input[type="search"]:lang(de-de), .parsys .searchBox .search-box input[type="search"]:lang(fr-fr), .parsys .searchBox .search-box input[type="search"]:lang(fi-fi), .parsys .searchBox .search-box input[type="search"]:lang(it-it), .parsys .searchBox .search-box input[type="search"]:lang(hu-hu), .parsys .searchBox .search-box input[type="search"]:lang(sl-si), .parsys .searchBox .search-box input[type="search"]:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .parsys .searchBox .search-box input[type="search"]:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .parsys .searchBox .search-box input[type="search"]:focus { border-color: #77b820; outline: 0; } /** * Search box * Main parent styles for search (also used in search banner) **/ .search-box { width: 100%; margin: 0 auto; color: #fff; } .search-box p { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-size: 18px; } .search-box p:lang(en-us), .search-box p:lang(en-zz), .search-box p:lang(en-gb), .search-box p:lang(en-au), .search-box p:lang(en-eu), .search-box p:lang(en-in), .search-box p:lang(es-la), .search-box p:lang(es-uy), .search-box p:lang(es-cl), .search-box p:lang(es-py), .search-box p:lang(es-ar), .search-box p:lang(pt-br), .search-box p:lang(en-sg), .search-box p:lang(en-me), .search-box p:lang(en-ph), .search-box p:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .search-box p:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .search-box p:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .search-box p:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .search-box p:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .search-box p:lang(de-at), .search-box p:lang(fr-be), .search-box p:lang(cs-cz), .search-box p:lang(da-dk), .search-box p:lang(nl-nl), .search-box p:lang(nb-no), .search-box p:lang(pl-pl), .search-box p:lang(pt-pt), .search-box p:lang(ro-ro), .search-box p:lang(es-es), .search-box p:lang(sv-se), .search-box p:lang(de-ch), .search-box p:lang(tr-tr), .search-box p:lang(de-de), .search-box p:lang(fr-fr), .search-box p:lang(fi-fi), .search-box p:lang(it-it), .search-box p:lang(hu-hu), .search-box p:lang(sl-si), .search-box p:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .search-box p:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .search-box a { color: #00a2ff; font-weight: bold; text-decoration: none; } .search-box a:hover { text-decoration: underline; } .search-box label { display: none; } .search-box .form { font-size: 20px; position: relative; background-color: rgba(255, 255, 255, 0.08); border: 0 none; height: 72px; padding: 0; } .search-box input { font-family: NVIDIA, Arial, Helvetica, Sans-Serif; } .search-box input:lang(en-us), .search-box input:lang(en-zz), .search-box input:lang(en-gb), .search-box input:lang(en-au), .search-box input:lang(en-eu), .search-box input:lang(en-in), .search-box input:lang(es-la), .search-box input:lang(es-uy), .search-box input:lang(es-cl), .search-box input:lang(es-py), .search-box input:lang(es-ar), .search-box input:lang(pt-br), .search-box input:lang(en-sg), .search-box input:lang(en-me), .search-box input:lang(en-ph), .search-box input:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .search-box input:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .search-box input:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .search-box input:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .search-box input:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .search-box input:lang(de-at), .search-box input:lang(fr-be), .search-box input:lang(cs-cz), .search-box input:lang(da-dk), .search-box input:lang(nl-nl), .search-box input:lang(nb-no), .search-box input:lang(pl-pl), .search-box input:lang(pt-pt), .search-box input:lang(ro-ro), .search-box input:lang(es-es), .search-box input:lang(sv-se), .search-box input:lang(de-ch), .search-box input:lang(tr-tr), .search-box input:lang(de-de), .search-box input:lang(fr-fr), .search-box input:lang(fi-fi), .search-box input:lang(it-it), .search-box input:lang(hu-hu), .search-box input:lang(sl-si), .search-box input:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .search-box input:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .search-box input::-ms-clear { display: none; } .search-box input::-webkit-input-placeholder { color: #969696; } .search-box input::-moz-placeholder { color: #969696; } .search-box input:-ms-input-placeholder { color: #969696; } .search-box input:focus { outline: 0; } .search-box input[type="search"] { height: 100%; width: 100%; font-size: 38px; padding: 0 8px 0 2.2%; box-sizing: border-box; } .search-box input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } .search-box .search-summary { margin: 36px 0 5px; } .search-box.loading .search-input-loader { opacity: 1; transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); } .search-box .yui-ac-ft { text-align: center; text-transform: uppercase; border-top: 2px solid #363636; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: normal; font-size: 14px; } .search-box .yui-ac-ft:lang(en-us), .search-box .yui-ac-ft:lang(en-zz), .search-box .yui-ac-ft:lang(en-gb), .search-box .yui-ac-ft:lang(en-au), .search-box .yui-ac-ft:lang(en-eu), .search-box .yui-ac-ft:lang(en-in), .search-box .yui-ac-ft:lang(es-la), .search-box .yui-ac-ft:lang(es-uy), .search-box .yui-ac-ft:lang(es-cl), .search-box .yui-ac-ft:lang(es-py), .search-box .yui-ac-ft:lang(es-ar), .search-box .yui-ac-ft:lang(pt-br), .search-box .yui-ac-ft:lang(en-sg), .search-box .yui-ac-ft:lang(en-me), .search-box .yui-ac-ft:lang(en-ph), .search-box .yui-ac-ft:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .search-box .yui-ac-ft:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .search-box .yui-ac-ft:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .search-box .yui-ac-ft:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .search-box .yui-ac-ft:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .search-box .yui-ac-ft:lang(de-at), .search-box .yui-ac-ft:lang(fr-be), .search-box .yui-ac-ft:lang(cs-cz), .search-box .yui-ac-ft:lang(da-dk), .search-box .yui-ac-ft:lang(nl-nl), .search-box .yui-ac-ft:lang(nb-no), .search-box .yui-ac-ft:lang(pl-pl), .search-box .yui-ac-ft:lang(pt-pt), .search-box .yui-ac-ft:lang(ro-ro), .search-box .yui-ac-ft:lang(es-es), .search-box .yui-ac-ft:lang(sv-se), .search-box .yui-ac-ft:lang(de-ch), .search-box .yui-ac-ft:lang(tr-tr), .search-box .yui-ac-ft:lang(de-de), .search-box .yui-ac-ft:lang(fr-fr), .search-box .yui-ac-ft:lang(fi-fi), .search-box .yui-ac-ft:lang(it-it), .search-box .yui-ac-ft:lang(hu-hu), .search-box .yui-ac-ft:lang(sl-si), .search-box .yui-ac-ft:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .search-box .yui-ac-ft:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .search-box .yui-ac-ft span { background: transparent url(https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/searchbox/icon-arrow.png) left center no-repeat; padding-left: 20px; font-weight: inherit; } .search-box .yui-ac-container { position: relative; z-index: 1; width: 100%; background-color: #1f1f1f; color: #fff; } .search-box .yui-ac-container a { text-decoration: none; color: inherit; } .search-box .yui-ac-container ul { list-style-type: none; padding: 0; margin: 0; font-size: 18px; text-align: left; } .search-box .yui-ac-container li, .search-box .yui-ac-container .yui-ac-ft { padding: 21px 25px; cursor: pointer; transition: background .1s linear; -ms-transition: background .1s linear; -moz-transition: background .1s linear; -webkit-transition: background .1s linear; } .search-box .yui-ac-container li:nth-child(odd) { background-color: #282828; } .search-box .yui-ac-container .hover, .search-box .yui-ac-container .hover:nth-child(odd), .search-box .yui-ac-container .yui-ac-ft:hover { background-color: #0068bf; } .search-box .search-input-loader { opacity: 0; transform: scale(0); -webkit-transform: scale(0); background-color: #262626; height: 100%; position: absolute; right: 8px; top: 0; bottom: 0; width: 80px; z-index: 10; transition: opacity .3s linear; -webkit-transition: opacity .3s linear; } .search-box .search-input-loader:after { background-image: -webkit-linear-gradient(to right, transparent, #262626); background-image: linear-gradient(to right, transparent, #262626); content: ""; height: 100%; left: -30px; position: absolute; top: 0; bottom: 0; width: 30px; z-index: 10; } .search-box .search-input-loader svg { width: 100%; height: 100%; } .search-box .search-input-loader path { fill: #fff; opacity: .2; -webkit-animation: fade-in-out .8s infinite ease-in-out; animation: fade-in-out .8s infinite ease-in-out; } .section .search-results { max-width: 848px; margin: 0 auto; } .section .search-results a, .section .search-results a:focus { outline: 0; } .section .search-results ul { padding-left: 0px; } .section .search-results .results-list li { list-style: none; } .section .search-results .results-list li .result-link .result-image-cell, .section .search-results .results-list li .result-link .result-content-cell { display: table-cell; vertical-align: top; } .section .search-results .results-list li .result-link .result-image-cell .result-image { display: block; overflow: hidden; width: 85px; height: 85px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .section .search-results .results-list li .result-link .result-image-cell .result-image .default { background-image: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_search/images/icon-default.jpg"); } .section .search-results .results-list li .result-link .result-image-cell .result-image:after { content: " "; width: 85px; position: absolute; height: 107px; background: url("https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_search/images/shadow-small.png") 0px bottom no-repeat; background-size: contain; } .section .search-results .results-list li .result-link .result-content-cell h4 { padding: 12px 0px 12px 0px; } .section .search-results .results-list li .result-link .result-content-cell p { padding: 0px; color: #000000; line-height: 18px; } .section .search-results .results-list li .result-link .result-content-cell .result-taxonomy { padding: 5px 0px; line-height: 14px; } .section .search-results .results-summary { text-align: left; margin: 0 0 15px 0; } .section .search-results .results-summary .results-label { text-transform: uppercase; font-weight: bold; font-size: 15px; } .searchPagination .search-pagination { text-align: center; margin: 30px auto 0px auto; } .searchPagination .search-pagination .paginator { display: flex; justify-content: space-between; background-color: #eeeeee; align-items: center; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; font-weight: 400; } .searchPagination .search-pagination .paginator:lang(en-us), .searchPagination .search-pagination .paginator:lang(en-zz), .searchPagination .search-pagination .paginator:lang(en-gb), .searchPagination .search-pagination .paginator:lang(en-au), .searchPagination .search-pagination .paginator:lang(en-eu), .searchPagination .search-pagination .paginator:lang(en-in), .searchPagination .search-pagination .paginator:lang(es-la), .searchPagination .search-pagination .paginator:lang(es-uy), .searchPagination .search-pagination .paginator:lang(es-cl), .searchPagination .search-pagination .paginator:lang(es-py), .searchPagination .search-pagination .paginator:lang(es-ar), .searchPagination .search-pagination .paginator:lang(pt-br), .searchPagination .search-pagination .paginator:lang(en-sg), .searchPagination .search-pagination .paginator:lang(en-me), .searchPagination .search-pagination .paginator:lang(en-ph), .searchPagination .search-pagination .paginator:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .searchPagination .search-pagination .paginator:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .searchPagination .search-pagination .paginator:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .searchPagination .search-pagination .paginator:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .searchPagination .search-pagination .paginator:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .searchPagination .search-pagination .paginator:lang(de-at), .searchPagination .search-pagination .paginator:lang(fr-be), .searchPagination .search-pagination .paginator:lang(cs-cz), .searchPagination .search-pagination .paginator:lang(da-dk), .searchPagination .search-pagination .paginator:lang(nl-nl), .searchPagination .search-pagination .paginator:lang(nb-no), .searchPagination .search-pagination .paginator:lang(pl-pl), .searchPagination .search-pagination .paginator:lang(pt-pt), .searchPagination .search-pagination .paginator:lang(ro-ro), .searchPagination .search-pagination .paginator:lang(es-es), .searchPagination .search-pagination .paginator:lang(sv-se), .searchPagination .search-pagination .paginator:lang(de-ch), .searchPagination .search-pagination .paginator:lang(tr-tr), .searchPagination .search-pagination .paginator:lang(de-de), .searchPagination .search-pagination .paginator:lang(fr-fr), .searchPagination .search-pagination .paginator:lang(fi-fi), .searchPagination .search-pagination .paginator:lang(it-it), .searchPagination .search-pagination .paginator:lang(hu-hu), .searchPagination .search-pagination .paginator:lang(sl-si), .searchPagination .search-pagination .paginator:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .searchPagination .search-pagination .paginator:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } .searchPagination .search-pagination .paginator .previous-page, .searchPagination .search-pagination .paginator .next-page { opacity: .3; filter: alpha(opacity=30); color: #ffffff; text-transform: uppercase; cursor: default; } .searchPagination .search-pagination .paginator .previous-page.active, .searchPagination .search-pagination .paginator .next-page.active { opacity: 1; filter: alpha(opacity=100); cursor: pointer; } .searchPagination .search-pagination .paginator .previous-page .pagination-btn, .searchPagination .search-pagination .paginator .next-page .pagination-btn { padding: 8px 10px; display: inline-block; background: #76b900; } .searchPagination .search-pagination .paginator .pagination-summary { color: #7f7f7f; font-weight: bold; } .textcomponentenhanced { /* Added the below logic for the Tex component Number fields plugin */ /* ol { counter-reset: itm; } ol li { display: block; } ol li:before { content: counter(itm) ". "; counter-increment: itm; color: #76b900; font-weight:bold; } */ /* Added the below logic for AD-1518 fix */ /*ol li:before { display:none; } ol li::marker { color: #76b900; font-weight: bold; }*/ /* * RVC See: https://home.nvidia.com/jira/browse/COM-362 */ /* * RVC END See: https://home.nvidia.com/jira/browse/COM-362 */ /* Author mode classes */ } .textcomponentenhanced .general-container-text { margin: 0 auto; overflow-wrap: break-word; word-wrap: break-word; } @media (max-width: 767px) { .textcomponentenhanced .general-container-text.mob-full-width { max-width: none; } } @media (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .general-container-text.tab-full-width { max-width: none; } } @media (min-width: 1025px) and (max-width: 1280px) { .textcomponentenhanced .general-container-text.lap-full-width { max-width: none; } } @media (min-width: 1281px) { .textcomponentenhanced .general-container-text.d-full-width { max-width: none; } } .textcomponentenhanced h1.no-space { margin: 0 !important; padding: 0 !important; } .textcomponentenhanced h2.no-space { margin: 0 !important; padding: 0 !important; } .textcomponentenhanced h3.no-space { margin: 0 !important; padding: 0 !important; } .textcomponentenhanced h4.no-space { margin: 0 !important; padding: 0 !important; } .textcomponentenhanced .no-space p { margin: 0 !important; padding: 0 !important; } .textcomponentenhanced p { padding: 10px 0px; } .textcomponentenhanced p a, .textcomponentenhanced li a, .textcomponentenhanced td a { color: inherit; text-decoration: underline; -webkit-text-decoration-color: #76b900; text-decoration-color: #76b900; text-decoration-thickness: 2px; text-underline-offset: 0.3125em; } .textcomponentenhanced p a:hover, .textcomponentenhanced li a:hover, .textcomponentenhanced td a:hover { -webkit-text-decoration-color: inherit; text-decoration-color: inherit; } .textcomponentenhanced h2, .textcomponentenhanced .h2 { padding: 8px 0px; } .textcomponentenhanced h1, .textcomponentenhanced .h1 { padding: 6px 0px; } .textcomponentenhanced h3, .textcomponentenhanced .h3 { padding: 10px 0px; } .textcomponentenhanced h4, .textcomponentenhanced .h4 { padding: 12px 0px; } .textcomponentenhanced h5, .textcomponentenhanced .h5 { padding: 13px 0px; } .textcomponentenhanced h1.uppercase { text-transform: uppercase; } .textcomponentenhanced h1.none { text-transform: none; } .textcomponentenhanced h2.uppercase { text-transform: uppercase; } .textcomponentenhanced h2.none { text-transform: none; } .textcomponentenhanced h3.uppercase { text-transform: uppercase; } .textcomponentenhanced h3.none { text-transform: none; } .textcomponentenhanced h4.uppercase { text-transform: uppercase; } .textcomponentenhanced h4.none { text-transform: none; } .textcomponentenhanced p.uppercase { text-transform: uppercase; } .textcomponentenhanced p.none { text-transform: none; } .textcomponentenhanced .title.showquotes::before { content: "\201C"; font-size: 72px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; color: #bdbdbd; vertical-align: top; } .textcomponentenhanced .title.showquotes::before:lang(en-us), .textcomponentenhanced .title.showquotes::before:lang(en-zz), .textcomponentenhanced .title.showquotes::before:lang(en-gb), .textcomponentenhanced .title.showquotes::before:lang(en-au), .textcomponentenhanced .title.showquotes::before:lang(en-eu), .textcomponentenhanced .title.showquotes::before:lang(en-in), .textcomponentenhanced .title.showquotes::before:lang(es-la), .textcomponentenhanced .title.showquotes::before:lang(es-uy), .textcomponentenhanced .title.showquotes::before:lang(es-cl), .textcomponentenhanced .title.showquotes::before:lang(es-py), .textcomponentenhanced .title.showquotes::before:lang(es-ar), .textcomponentenhanced .title.showquotes::before:lang(pt-br), .textcomponentenhanced .title.showquotes::before:lang(en-sg), .textcomponentenhanced .title.showquotes::before:lang(en-me), .textcomponentenhanced .title.showquotes::before:lang(en-ph), .textcomponentenhanced .title.showquotes::before:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .title.showquotes::before:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .title.showquotes::before:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .title.showquotes::before:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .title.showquotes::before:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .title.showquotes::before:lang(de-at), .textcomponentenhanced .title.showquotes::before:lang(fr-be), .textcomponentenhanced .title.showquotes::before:lang(cs-cz), .textcomponentenhanced .title.showquotes::before:lang(da-dk), .textcomponentenhanced .title.showquotes::before:lang(nl-nl), .textcomponentenhanced .title.showquotes::before:lang(nb-no), .textcomponentenhanced .title.showquotes::before:lang(pl-pl), .textcomponentenhanced .title.showquotes::before:lang(pt-pt), .textcomponentenhanced .title.showquotes::before:lang(ro-ro), .textcomponentenhanced .title.showquotes::before:lang(es-es), .textcomponentenhanced .title.showquotes::before:lang(sv-se), .textcomponentenhanced .title.showquotes::before:lang(de-ch), .textcomponentenhanced .title.showquotes::before:lang(tr-tr), .textcomponentenhanced .title.showquotes::before:lang(de-de), .textcomponentenhanced .title.showquotes::before:lang(fr-fr), .textcomponentenhanced .title.showquotes::before:lang(fi-fi), .textcomponentenhanced .title.showquotes::before:lang(it-it), .textcomponentenhanced .title.showquotes::before:lang(hu-hu), .textcomponentenhanced .title.showquotes::before:lang(sl-si), .textcomponentenhanced .title.showquotes::before:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .title.showquotes::before:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (max-width: 1024px) { .textcomponentenhanced .title.showquotes::before { font-size: 54px; } } .textcomponentenhanced .title.showquotes::after { content: "\201C"; font-size: 72px; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; color: #bdbdbd; display: inline-block; vertical-align: top; line-height: 0.2; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .textcomponentenhanced .title.showquotes::after:lang(en-us), .textcomponentenhanced .title.showquotes::after:lang(en-zz), .textcomponentenhanced .title.showquotes::after:lang(en-gb), .textcomponentenhanced .title.showquotes::after:lang(en-au), .textcomponentenhanced .title.showquotes::after:lang(en-eu), .textcomponentenhanced .title.showquotes::after:lang(en-in), .textcomponentenhanced .title.showquotes::after:lang(es-la), .textcomponentenhanced .title.showquotes::after:lang(es-uy), .textcomponentenhanced .title.showquotes::after:lang(es-cl), .textcomponentenhanced .title.showquotes::after:lang(es-py), .textcomponentenhanced .title.showquotes::after:lang(es-ar), .textcomponentenhanced .title.showquotes::after:lang(pt-br), .textcomponentenhanced .title.showquotes::after:lang(en-sg), .textcomponentenhanced .title.showquotes::after:lang(en-me), .textcomponentenhanced .title.showquotes::after:lang(en-ph), .textcomponentenhanced .title.showquotes::after:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .title.showquotes::after:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .title.showquotes::after:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .title.showquotes::after:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .title.showquotes::after:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .title.showquotes::after:lang(de-at), .textcomponentenhanced .title.showquotes::after:lang(fr-be), .textcomponentenhanced .title.showquotes::after:lang(cs-cz), .textcomponentenhanced .title.showquotes::after:lang(da-dk), .textcomponentenhanced .title.showquotes::after:lang(nl-nl), .textcomponentenhanced .title.showquotes::after:lang(nb-no), .textcomponentenhanced .title.showquotes::after:lang(pl-pl), .textcomponentenhanced .title.showquotes::after:lang(pt-pt), .textcomponentenhanced .title.showquotes::after:lang(ro-ro), .textcomponentenhanced .title.showquotes::after:lang(es-es), .textcomponentenhanced .title.showquotes::after:lang(sv-se), .textcomponentenhanced .title.showquotes::after:lang(de-ch), .textcomponentenhanced .title.showquotes::after:lang(tr-tr), .textcomponentenhanced .title.showquotes::after:lang(de-de), .textcomponentenhanced .title.showquotes::after:lang(fr-fr), .textcomponentenhanced .title.showquotes::after:lang(fi-fi), .textcomponentenhanced .title.showquotes::after:lang(it-it), .textcomponentenhanced .title.showquotes::after:lang(hu-hu), .textcomponentenhanced .title.showquotes::after:lang(sl-si), .textcomponentenhanced .title.showquotes::after:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .title.showquotes::after:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (max-width: 1024px) { .textcomponentenhanced .title.showquotes::after { font-size: 54px; } } .textcomponentenhanced .description h1, .textcomponentenhanced .description h2, .textcomponentenhanced .description h3, .textcomponentenhanced .description h4, .textcomponentenhanced .description h5 { padding: 0px; } .textcomponentenhanced .description .showquotes::before { content: "\201C"; font-size: 72px; letter-spacing: -0.02em; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; color: #bdbdbd; vertical-align: top; } .textcomponentenhanced .description .showquotes::before:lang(en-us), .textcomponentenhanced .description .showquotes::before:lang(en-zz), .textcomponentenhanced .description .showquotes::before:lang(en-gb), .textcomponentenhanced .description .showquotes::before:lang(en-au), .textcomponentenhanced .description .showquotes::before:lang(en-eu), .textcomponentenhanced .description .showquotes::before:lang(en-in), .textcomponentenhanced .description .showquotes::before:lang(es-la), .textcomponentenhanced .description .showquotes::before:lang(es-uy), .textcomponentenhanced .description .showquotes::before:lang(es-cl), .textcomponentenhanced .description .showquotes::before:lang(es-py), .textcomponentenhanced .description .showquotes::before:lang(es-ar), .textcomponentenhanced .description .showquotes::before:lang(pt-br), .textcomponentenhanced .description .showquotes::before:lang(en-sg), .textcomponentenhanced .description .showquotes::before:lang(en-me), .textcomponentenhanced .description .showquotes::before:lang(en-ph), .textcomponentenhanced .description .showquotes::before:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .description .showquotes::before:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .description .showquotes::before:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .description .showquotes::before:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .description .showquotes::before:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .description .showquotes::before:lang(de-at), .textcomponentenhanced .description .showquotes::before:lang(fr-be), .textcomponentenhanced .description .showquotes::before:lang(cs-cz), .textcomponentenhanced .description .showquotes::before:lang(da-dk), .textcomponentenhanced .description .showquotes::before:lang(nl-nl), .textcomponentenhanced .description .showquotes::before:lang(nb-no), .textcomponentenhanced .description .showquotes::before:lang(pl-pl), .textcomponentenhanced .description .showquotes::before:lang(pt-pt), .textcomponentenhanced .description .showquotes::before:lang(ro-ro), .textcomponentenhanced .description .showquotes::before:lang(es-es), .textcomponentenhanced .description .showquotes::before:lang(sv-se), .textcomponentenhanced .description .showquotes::before:lang(de-ch), .textcomponentenhanced .description .showquotes::before:lang(tr-tr), .textcomponentenhanced .description .showquotes::before:lang(de-de), .textcomponentenhanced .description .showquotes::before:lang(fr-fr), .textcomponentenhanced .description .showquotes::before:lang(fi-fi), .textcomponentenhanced .description .showquotes::before:lang(it-it), .textcomponentenhanced .description .showquotes::before:lang(hu-hu), .textcomponentenhanced .description .showquotes::before:lang(sl-si), .textcomponentenhanced .description .showquotes::before:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .description .showquotes::before:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (max-width: 1024px) { .textcomponentenhanced .description .showquotes::before { font-size: 54px; } } .textcomponentenhanced .description .showquotes::after { content: "\201C"; font-size: 72px; letter-spacing: -0.02em; font-family: NVIDIA, Arial, Helvetica, Sans-Serif; color: #bdbdbd; display: inline-block; vertical-align: top; line-height: 0.2; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .textcomponentenhanced .description .showquotes::after:lang(en-us), .textcomponentenhanced .description .showquotes::after:lang(en-zz), .textcomponentenhanced .description .showquotes::after:lang(en-gb), .textcomponentenhanced .description .showquotes::after:lang(en-au), .textcomponentenhanced .description .showquotes::after:lang(en-eu), .textcomponentenhanced .description .showquotes::after:lang(en-in), .textcomponentenhanced .description .showquotes::after:lang(es-la), .textcomponentenhanced .description .showquotes::after:lang(es-uy), .textcomponentenhanced .description .showquotes::after:lang(es-cl), .textcomponentenhanced .description .showquotes::after:lang(es-py), .textcomponentenhanced .description .showquotes::after:lang(es-ar), .textcomponentenhanced .description .showquotes::after:lang(pt-br), .textcomponentenhanced .description .showquotes::after:lang(en-sg), .textcomponentenhanced .description .showquotes::after:lang(en-me), .textcomponentenhanced .description .showquotes::after:lang(en-ph), .textcomponentenhanced .description .showquotes::after:lang(en-my) { font-family: NVIDIA-NALA, Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .description .showquotes::after:lang(ja-jp) { font-family: NVIDIA-APAC, "source-han-sans-japanese", Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .description .showquotes::after:lang(ko-kr) { font-family: NVIDIA-APAC, "source-han-sans-korean", Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .description .showquotes::after:lang(zh-tw) { font-family: NVIDIA-APAC, "source-han-sans-traditional", Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .description .showquotes::after:lang(zh-cn) { font-family: NVIDIA-APAC, Source-Han-Sans-SC, Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .description .showquotes::after:lang(de-at), .textcomponentenhanced .description .showquotes::after:lang(fr-be), .textcomponentenhanced .description .showquotes::after:lang(cs-cz), .textcomponentenhanced .description .showquotes::after:lang(da-dk), .textcomponentenhanced .description .showquotes::after:lang(nl-nl), .textcomponentenhanced .description .showquotes::after:lang(nb-no), .textcomponentenhanced .description .showquotes::after:lang(pl-pl), .textcomponentenhanced .description .showquotes::after:lang(pt-pt), .textcomponentenhanced .description .showquotes::after:lang(ro-ro), .textcomponentenhanced .description .showquotes::after:lang(es-es), .textcomponentenhanced .description .showquotes::after:lang(sv-se), .textcomponentenhanced .description .showquotes::after:lang(de-ch), .textcomponentenhanced .description .showquotes::after:lang(tr-tr), .textcomponentenhanced .description .showquotes::after:lang(de-de), .textcomponentenhanced .description .showquotes::after:lang(fr-fr), .textcomponentenhanced .description .showquotes::after:lang(fi-fi), .textcomponentenhanced .description .showquotes::after:lang(it-it), .textcomponentenhanced .description .showquotes::after:lang(hu-hu), .textcomponentenhanced .description .showquotes::after:lang(sl-si), .textcomponentenhanced .description .showquotes::after:lang(sk-sk) { font-family: NVIDIA-EMEA, Arial, Helvetica, Sans-Serif; } .textcomponentenhanced .description .showquotes::after:lang(ru-ru) { font-family: NVIDIA-RU, Arial, Helvetica, Sans-Serif; } @media screen and (max-width: 1024px) { .textcomponentenhanced .description .showquotes::after { font-size: 54px; } } @media screen and (max-width: 767px) { .textcomponentenhanced .text-button { text-align: center; } } .textcomponentenhanced ol li { content: counter(itm) "."; counter-increment: itm; display: list-item; list-style: unset; } .textcomponentenhanced .ol-numeric ol { counter-reset: section; } .textcomponentenhanced .ol-numeric ol > li { display: table; counter-increment: section; } .textcomponentenhanced .ol-numeric ol > li:before { color: #76b900; content: counters(section, ".") ".0 "; display: table-cell; padding-right: 10px; } .textcomponentenhanced .ol-numeric ol li ol > li:before { content: counters(section, ".") " "; } .textcomponentenhanced .ol-numeric ol .lower-roman { counter-reset: sec; } .textcomponentenhanced .ol-numeric ol .lower-roman > li { counter-increment: sec; } .textcomponentenhanced .ol-numeric ol .upper-roman { counter-reset: sec; } .textcomponentenhanced .ol-numeric ol .upper-roman > li { counter-increment: sec; } .textcomponentenhanced .ol-numeric ol .lower-alpha { counter-reset: sec; } .textcomponentenhanced .ol-numeric ol .lower-alpha > li { counter-increment: sec; } .textcomponentenhanced .ol-numeric ol .upper-alpha { counter-reset: sec; } .textcomponentenhanced .ol-numeric ol .upper-alpha > li { counter-increment: sec; } .textcomponentenhanced .ol-numeric ol .lower-roman > li:before { content: counters(sec, ".", lower-roman) " "; } .textcomponentenhanced .ol-numeric ol .upper-roman > li:before { content: counters(sec, ".", upper-roman) " "; } .textcomponentenhanced .ol-numeric ol .lower-alpha > li:before { content: counters(sec, ".", lower-alpha) " "; } .textcomponentenhanced .ol-numeric ol .upper-alpha > li:before { content: counters(sec, ".", upper-alpha) " "; } .textcomponentenhanced .text-center { text-align: center; } @media screen and (max-width: 767px) { .textcomponentenhanced .text-center.mob-text-left { text-align: left; } .textcomponentenhanced .text-center.mob-text-left .description { text-align: left; } .textcomponentenhanced .text-center.mob-text-left .title { text-align: left; } .textcomponentenhanced .text-center.mob-text-left .text-button { text-align: left; } .textcomponentenhanced .text-center.mob-text-left .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .text-center.mob-text-left .text-button .text-center.mobile-align { text-align: left; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .text-center.tab-text-left { text-align: left; } .textcomponentenhanced .text-center.tab-text-left .description { text-align: left; } .textcomponentenhanced .text-center.tab-text-left .title { text-align: left; } .textcomponentenhanced .text-center.tab-text-left .text-button { text-align: left; } .textcomponentenhanced .text-center.tab-text-left .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .text-center.tab-text-left .text-button .text-center.mobile-align { text-align: left; } } @media screen and (max-width: 767px) { .textcomponentenhanced .text-center.mob-text-right { text-align: right; } .textcomponentenhanced .text-center.mob-text-right .description { text-align: right; } .textcomponentenhanced .text-center.mob-text-right .title { text-align: right; } .textcomponentenhanced .text-center.mob-text-right .text-button { text-align: right; } .textcomponentenhanced .text-center.mob-text-right .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .text-center.mob-text-right .text-button .text-center.mobile-align { text-align: right; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .text-center.tab-text-right { text-align: right; } .textcomponentenhanced .text-center.tab-text-right .description { text-align: right; } .textcomponentenhanced .text-center.tab-text-right .title { text-align: right; } .textcomponentenhanced .text-center.tab-text-right .text-button { text-align: right; } .textcomponentenhanced .text-center.tab-text-right .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .text-center.tab-text-right .text-button .text-center.mobile-align { text-align: right; } } .textcomponentenhanced .text-left { text-align: left; } @media screen and (max-width: 767px) { .textcomponentenhanced .text-left.mob-text-center { text-align: center; } .textcomponentenhanced .text-left.mob-text-center .description { text-align: center; } .textcomponentenhanced .text-left.mob-text-center .title { text-align: center; } .textcomponentenhanced .text-left.mob-text-center .text-button { text-align: center; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .text-left.tab-text-center { text-align: center; } .textcomponentenhanced .text-left.tab-text-center .description { text-align: center; } .textcomponentenhanced .text-left.tab-text-center .title { text-align: center; } .textcomponentenhanced .text-left.tab-text-center .text-button { text-align: center; } } @media screen and (max-width: 767px) { .textcomponentenhanced .text-left.mob-text-right { text-align: right; } .textcomponentenhanced .text-left.mob-text-right .description { text-align: right; } .textcomponentenhanced .text-left.mob-text-right .title { text-align: right; } .textcomponentenhanced .text-left.mob-text-right .text-button { text-align: right; } .textcomponentenhanced .text-left.mob-text-right .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .text-left.mob-text-right .text-button .text-center.mobile-align { text-align: right; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .text-left.tab-text-right { text-align: right; } .textcomponentenhanced .text-left.tab-text-right .description { text-align: right; } .textcomponentenhanced .text-left.tab-text-right .title { text-align: right; } .textcomponentenhanced .text-left.tab-text-right .text-button { text-align: right; } .textcomponentenhanced .text-left.tab-text-right .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .text-left.tab-text-right .text-button .text-center.mobile-align { text-align: right; } } .textcomponentenhanced .text-right { text-align: right; } @media screen and (max-width: 767px) { .textcomponentenhanced .text-right.mob-text-center { text-align: center; } .textcomponentenhanced .text-right.mob-text-center .description { text-align: center; } .textcomponentenhanced .text-right.mob-text-center .title { text-align: center; } .textcomponentenhanced .text-right.mob-text-center .text-button { text-align: center; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .text-right.tab-text-center { text-align: center; } .textcomponentenhanced .text-right.tab-text-center .description { text-align: center; } .textcomponentenhanced .text-right.tab-text-center .title { text-align: center; } .textcomponentenhanced .text-right.tab-text-center .text-button { text-align: center; } } @media screen and (max-width: 767px) { .textcomponentenhanced .text-right.mob-text-left { text-align: left; } .textcomponentenhanced .text-right.mob-text-left .description { text-align: left; } .textcomponentenhanced .text-right.mob-text-left .title { text-align: left; } .textcomponentenhanced .text-right.mob-text-left .text-button { text-align: left; } .textcomponentenhanced .text-right.mob-text-left .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .text-right.mob-text-left .text-button .text-center.mobile-align { text-align: left; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .text-right.tab-text-left { text-align: left; } .textcomponentenhanced .text-right.tab-text-left .description { text-align: left; } .textcomponentenhanced .text-right.tab-text-left .title { text-align: left; } .textcomponentenhanced .text-right.tab-text-left .text-button { text-align: left; } .textcomponentenhanced .text-right.tab-text-left .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .text-right.tab-text-left .text-button .text-center.mobile-align { text-align: left; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .textcomponentenhanced .lap-text-center { text-align: center; } } @media screen and (min-width: 1025px) and (max-width: 1280px) and (max-width: 767px) { .textcomponentenhanced .lap-text-center.mob-text-left { text-align: left; } .textcomponentenhanced .lap-text-center.mob-text-left .description { text-align: left; } .textcomponentenhanced .lap-text-center.mob-text-left .title { text-align: left; } .textcomponentenhanced .lap-text-center.mob-text-left .text-button { text-align: left; } .textcomponentenhanced .lap-text-center.mob-text-left .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .lap-text-center.mob-text-left .text-button .text-center.mobile-align { text-align: left; } } @media screen and (min-width: 1025px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .lap-text-center.tab-text-left { text-align: left; } .textcomponentenhanced .lap-text-center.tab-text-left .description { text-align: left; } .textcomponentenhanced .lap-text-center.tab-text-left .title { text-align: left; } .textcomponentenhanced .lap-text-center.tab-text-left .text-button { text-align: left; } .textcomponentenhanced .lap-text-center.tab-text-left .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .lap-text-center.tab-text-left .text-button .text-center.mobile-align { text-align: left; } } @media screen and (min-width: 1025px) and (max-width: 1280px) and (max-width: 767px) { .textcomponentenhanced .lap-text-center.mob-text-right { text-align: right; } .textcomponentenhanced .lap-text-center.mob-text-right .description { text-align: right; } .textcomponentenhanced .lap-text-center.mob-text-right .title { text-align: right; } .textcomponentenhanced .lap-text-center.mob-text-right .text-button { text-align: right; } .textcomponentenhanced .lap-text-center.mob-text-right .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .lap-text-center.mob-text-right .text-button .text-center.mobile-align { text-align: right; } } @media screen and (min-width: 1025px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .lap-text-center.tab-text-right { text-align: right; } .textcomponentenhanced .lap-text-center.tab-text-right .description { text-align: right; } .textcomponentenhanced .lap-text-center.tab-text-right .title { text-align: right; } .textcomponentenhanced .lap-text-center.tab-text-right .text-button { text-align: right; } .textcomponentenhanced .lap-text-center.tab-text-right .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .lap-text-center.tab-text-right .text-button .text-center.mobile-align { text-align: right; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .textcomponentenhanced .lap-text-left { text-align: left; } } @media screen and (min-width: 1025px) and (max-width: 1280px) and (max-width: 767px) { .textcomponentenhanced .lap-text-left.mob-text-center { text-align: center; } .textcomponentenhanced .lap-text-left.mob-text-center .description { text-align: center; } .textcomponentenhanced .lap-text-left.mob-text-center .title { text-align: center; } .textcomponentenhanced .lap-text-left.mob-text-center .text-button { text-align: center; } } @media screen and (min-width: 1025px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .lap-text-left.tab-text-center { text-align: center; } .textcomponentenhanced .lap-text-left.tab-text-center .description { text-align: center; } .textcomponentenhanced .lap-text-left.tab-text-center .title { text-align: center; } .textcomponentenhanced .lap-text-left.tab-text-center .text-button { text-align: center; } } @media screen and (min-width: 1025px) and (max-width: 1280px) and (max-width: 767px) { .textcomponentenhanced .lap-text-left.mob-text-right { text-align: right; } .textcomponentenhanced .lap-text-left.mob-text-right .description { text-align: right; } .textcomponentenhanced .lap-text-left.mob-text-right .title { text-align: right; } .textcomponentenhanced .lap-text-left.mob-text-right .text-button { text-align: right; } .textcomponentenhanced .lap-text-left.mob-text-right .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .lap-text-left.mob-text-right .text-button .text-center.mobile-align { text-align: right; } } @media screen and (min-width: 1025px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .lap-text-left.tab-text-right { text-align: right; } .textcomponentenhanced .lap-text-left.tab-text-right .description { text-align: right; } .textcomponentenhanced .lap-text-left.tab-text-right .title { text-align: right; } .textcomponentenhanced .lap-text-left.tab-text-right .text-button { text-align: right; } .textcomponentenhanced .lap-text-left.tab-text-right .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .lap-text-left.tab-text-right .text-button .text-center.mobile-align { text-align: right; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .textcomponentenhanced .lap-text-right { text-align: right; } } @media screen and (min-width: 1025px) and (max-width: 1280px) and (max-width: 767px) { .textcomponentenhanced .lap-text-right.mob-text-center { text-align: center; } .textcomponentenhanced .lap-text-right.mob-text-center .description { text-align: center; } .textcomponentenhanced .lap-text-right.mob-text-center .title { text-align: center; } .textcomponentenhanced .lap-text-right.mob-text-center .text-button { text-align: center; } } @media screen and (min-width: 1025px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .lap-text-right.tab-text-center { text-align: center; } .textcomponentenhanced .lap-text-right.tab-text-center .description { text-align: center; } .textcomponentenhanced .lap-text-right.tab-text-center .title { text-align: center; } .textcomponentenhanced .lap-text-right.tab-text-center .text-button { text-align: center; } } @media screen and (min-width: 1025px) and (max-width: 1280px) and (max-width: 767px) { .textcomponentenhanced .lap-text-right.mob-text-left { text-align: left; } .textcomponentenhanced .lap-text-right.mob-text-left .description { text-align: left; } .textcomponentenhanced .lap-text-right.mob-text-left .title { text-align: left; } .textcomponentenhanced .lap-text-right.mob-text-left .text-button { text-align: left; } .textcomponentenhanced .lap-text-right.mob-text-left .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .lap-text-right.mob-text-left .text-button .text-center.mobile-align { text-align: left; } } @media screen and (min-width: 1025px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .lap-text-right.tab-text-left { text-align: left; } .textcomponentenhanced .lap-text-right.tab-text-left .description { text-align: left; } .textcomponentenhanced .lap-text-right.tab-text-left .title { text-align: left; } .textcomponentenhanced .lap-text-right.tab-text-left .text-button { text-align: left; } .textcomponentenhanced .lap-text-right.tab-text-left .text-button .mobile-align-center { text-align: center; } .textcomponentenhanced .lap-text-right.tab-text-left .text-button .text-center.mobile-align { text-align: left; } } @media screen and (max-width: 767px) { .textcomponentenhanced .mob-text-center { text-align: center; } .textcomponentenhanced .mob-text-left { text-align: left; } .textcomponentenhanced .mob-text-right { text-align: right; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .textcomponentenhanced .tab-text-left { text-align: left; } .textcomponentenhanced .tab-text-right { text-align: right; } } .textcomponentenhanced .textwrapdoubleline { border-style: double; border-color: #9d70ed; margin: 5px 0px; } .textcomponentenhanced .textauthortext { margin: 0px auto; text-align: center; text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.3), 1px 1px 0px rgba(0, 0, 0, 0.8); color: #333; opacity: 0.4; font-size: 20px; text-transform: uppercase; } .textcomponentenhanced .textbackground { background-color: #9d70ed; height: 20px; width: 400px; margin: 0px auto; -webkit-box-shadow: 2px 2px 2px #000; } .countrylistselector .countrylistsection li.country a { color: #000000; font-size: 18px; } .countrylistselector .countrieswrapper h3.regiontitle { color: #000000; font-weight: 600; } .countrylistselector .countrylistsection li.country { display: inline-block; margin: 0px 20px 20px 0; text-transform: uppercase; width: 23%; vertical-align: top; } .countrylistselector .countrieswrapper .countrylistsection { margin-bottom: 50px; } .countrylistselector .page-countrylistsection-par { width: 100%; margin: 0 auto; } @media screen and (min-width: 1024px) and (max-width: 1279px) { .countrylistselector .page-countrylistsection-par { width: 90%; margin: 0 auto; } .countrylistselector .countrylistsection li.country { width: 30%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .countrylistselector .page-countrylistsection-par { width: 90%; margin: 0 auto; } .countrylistselector .countrylistsection li.country { width: 46%; } .countrylistselector .countrieswrapper .countrylistsection { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .countrylistselector .page-countrylistsection-par { width: 90%; margin: 0 auto; } .countrylistselector .countrylistsection li.country { width: 100%; } .countrylistselector .countrieswrapper .countrylistsection { margin-bottom: 30px; } .countrylistselector .countrylistsection li.country a { color: #000000; font-size: 16px; } .countrylistselector .countrieswrapper h3.regiontitle { font-size: 22px; } } @media screen and (max-width: 320px) { .countrylistselector h2.title { font-size: 22px; } } .countrylistselector .countrylistsection li.country a:hover { color: #76b900; } .countrylistdoubleline { border-style: double; border-color: #686b56; margin: 5px 0px; } .sectionenhanced { position: relative; /* Added below code for the new Narrow Cozy styles apply on Section Wrapper component.*/ /* End of Added below code for the new Narrow Cozy styles apply on Section Wrapper component.*/ } .sectionenhanced .sectionbgclass { cursor: pointer; } .sectionenhanced .sectionbgclass p { cursor: default; } .sectionenhanced .sectionbgclass p a { pointer-events: auto; } .sectionenhanced .sectionbgclass .textcomponentenhanced { cursor: default; } .sectionenhanced .sectionbgclass .image { cursor: default; } .sectionenhanced .cf:after { content: ""; display: table; clear: both; } .sectionenhanced > .hdividerwraper { position: absolute; bottom: 0px; width: 100%; } @media (max-width: 767px) { .sectionenhanced > .hdividerwraper .full-width { padding: 0 15px; } } @media (min-width: 768px) and (max-width: 1024px) { .sectionenhanced > .hdividerwraper .full-width { padding: 0 15px; } } @media (min-width: 1025px) and (max-width: 1280px) { .sectionenhanced > .hdividerwraper .full-width { padding: 0 15px; } } .sectionenhanced > .hdividerwraper > .horizontaldividerline { display: block; height: 2px; margin-left: auto; margin-right: auto; } .sectionenhanced > .hdividerwraper > .horizontaldividercline { max-width: 1280px; } @media (max-width: 767px) { .sectionenhanced > .hdividerwraper > .horizontaldividercline { max-width: 737px; margin: 0 15px; } } @media (min-width: 768px) and (max-width: 1024px) { .sectionenhanced > .hdividerwraper > .horizontaldividercline { max-width: 964px; margin: 0 15px; } } @media (min-width: 1025px) and (max-width: 1280px) { .sectionenhanced > .hdividerwraper > .horizontaldividercline { max-width: 1280px; margin: 0 15px; } } .sectionenhanced .full-width { max-width: none; } .sectionenhanced .general-container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; max-width: 1280px; width: 100%; } .sectionenhanced .general-container::before, .sectionenhanced .general-container::after { content: " "; display: table; } .sectionenhanced .general-container::after { clear: both; } .sectionenhanced .general-container p { padding: 10px 0px; } .sectionenhanced .general-container h2, .sectionenhanced .general-container .h2 { padding: 8px 0px; } .sectionenhanced .general-container h1, .sectionenhanced .general-container .h1 { padding: 6px 0px; } .sectionenhanced .general-container h3, .sectionenhanced .general-container .h3 { padding: 10px 0px; } .sectionenhanced .general-container h4, .sectionenhanced .general-container .h4 { padding: 12px 0px; } .sectionenhanced .general-container h5, .sectionenhanced .general-container .h5 { padding: 13px 0px; } .sectionenhanced .general-container.full-width { max-width: 100%; padding-left: 0; padding-right: 0; } .sectionenhanced .general-container .block { display: block; } .sectionenhanced .background-image { background-size: cover; background-repeat: no-repeat; background-position: center center; } .sectionenhanced .full-width { width: 100%; } .sectionenhanced .full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } .sectionenhanced .full-width .general-container .row .column .sectionWrapper .general-container { padding-left: 15px; padding-right: 15px; max-width: 1280px; width: 100%; } .sectionenhanced .full-width .general-container .row .column .sectionWrapper .full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } @media (min-width: 1281px) { .sectionenhanced .d-full-width { width: 100%; } .sectionenhanced .d-full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } .sectionenhanced .d-full-width .general-container .row .column .sectionWrapper .general-container { padding-left: 15px; padding-right: 15px; max-width: 1280px; width: 100%; } .sectionenhanced .d-full-width .general-container .row .column .sectionWrapper .full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } } @media (min-width: 1025px) and (max-width: 1280px) { .sectionenhanced .lap-full-width { width: 100%; } .sectionenhanced .lap-full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } .sectionenhanced .lap-full-width .general-container .row .column .sectionWrapper .general-container { padding-left: 15px; padding-right: 15px; max-width: 1280px; width: 100%; } .sectionenhanced .lap-full-width .general-container .row .column .sectionWrapper .full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .sectionenhanced .tab-full-width { width: 100%; } .sectionenhanced .tab-full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } .sectionenhanced .tab-full-width .general-container .row .column .sectionWrapper .general-container { padding-left: 15px; padding-right: 15px; max-width: 964px; width: 100%; } .sectionenhanced .tab-full-width .general-container .row .column .sectionWrapper .full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } } @media (max-width: 767px) { .sectionenhanced .mob-full-width { width: 100%; } .sectionenhanced .mob-full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } .sectionenhanced .mob-full-width .general-container .row .column .sectionWrapper .general-container { padding-left: 15px; padding-right: 15px; max-width: 737px; width: 100%; } .sectionenhanced .mob-full-width .general-container .row .column .sectionWrapper .full-width .general-container { padding-left: 0px; padding-right: 0px; max-width: 100%; } } .sectionenhanced .sectionenhanceddoubleline { border-style: double; border-color: #c1691f; } .sectionenhanced .sectionauthortext { margin: 0px auto; text-align: center; text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.3), 1px 1px 0px rgba(0, 0, 0, 0.8); color: #333; opacity: 0.4; font-size: 20px; text-transform: uppercase; } .sectionenhanced .sectionbackground { background-color: #c1691f; height: 20px; width: 400px; margin: 0px auto; -webkit-box-shadow: 2px 2px 2px #000; } .heroBanner .columnLayout { background: none; } .columnLayoutEnhanced { position: relative; /*background-color: white;*/ overflow: hidden; margin-left: auto; margin-right: auto; width: 100%; } @media (max-width: 1024px) { .columnLayoutEnhanced .row .textcomponentenhanced { word-wrap: break-word; } } @media (max-width: 767px) { .columnLayoutEnhanced .column-container.mob-stack-RL .row .order-1 { order: 1; } .columnLayoutEnhanced .column-container.mob-stack-RL .row .order-2 { order: 2; } .columnLayoutEnhanced .column-container.mob-stack-RL .row .order-3 { order: 3; } .columnLayoutEnhanced .column-container.mob-stack-RL .row .order-4 { order: 4; } } .columnLayoutEnhanced > .hdividerwraper { /*@include phone(){ margin: 0 15px; } @include tablet(){ margin: 0 30px; } @include desktop(){ margin: 0 30px; } @include xl-desktop(){ margin: 0 30px; }*/ } .columnLayoutEnhanced > .hdividerwraper > .horizontaldividerline { display: block; height: 2px; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .columnLayoutEnhanced > .hdividerwraper > .horizontaldividercline { margin: 0 15px; max-width: 737px; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced > .hdividerwraper > .horizontaldividercline { margin: 0 15px; max-width: 964px; } } @media (min-width: 1025px) and (max-width: 1280px) { .columnLayoutEnhanced > .hdividerwraper > .horizontaldividercline { margin: 0 30px; max-width: 1280px; } } @media (min-width: 1281px) { .columnLayoutEnhanced > .hdividerwraper > .horizontaldividercline { margin: 0 auto; max-width: 1280px; } } .columnLayoutEnhanced .full-width { max-width: none; } .columnLayoutEnhanced .column-container { margin-left: auto; margin-right: auto; /* Added below code for the new Narrow Cozy styles apply on Section Wrapper component.*/ /* End of Added below code for the new Narrow Cozy styles apply on Section Wrapper component.*/ } @media screen and (max-width: 1280px) and (min-width: 1025px) { .columnLayoutEnhanced .column-container { padding: 0 30px; } } @media (max-width: 767px) { .columnLayoutEnhanced .column-container { max-width: 737px; } .columnLayoutEnhanced .column-container > .center .page-columnenhncd-textpar { padding: 0px 15px; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .column-container { max-width: 964px; } .columnLayoutEnhanced .column-container > .center .page-columnenhncd-textpar { padding: 0px 15px; } } @media (min-width: 1025px) and (max-width: 1280px) { .columnLayoutEnhanced .column-container { max-width: 1280px; } .columnLayoutEnhanced .column-container > .center .page-columnenhncd-textpar { padding: 0px 15px; } } @media (min-width: 1281px) { .columnLayoutEnhanced .column-container { max-width: 1280px; } .columnLayoutEnhanced .column-container > .center .page-columnenhncd-textpar { padding: 0px 15px; } } .columnLayoutEnhanced .column-container .column:first-child .horizontal-divider { border-top: none; } .columnLayoutEnhanced .column-container.full-width { max-width: none; } @media (min-width: 1281px) { .columnLayoutEnhanced .column-container.d-full-width { width: 100%; max-width: none; } } @media (min-width: 1025px) and (max-width: 1280px) { .columnLayoutEnhanced .column-container.lap-full-width { width: 100%; max-width: none; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .column-container.tab-full-width { width: 100%; max-width: none; } } @media (max-width: 767px) { .columnLayoutEnhanced .column-container.mob-full-width { width: 100%; max-width: none; } } .columnLayoutEnhanced .column-container .column.card2p { padding-top: 2px; padding-bottom: 2px; } .columnLayoutEnhanced .column-container .column.ht-0 { height: 0px; min-height: 0px; } @media (max-width: 1024px) { .columnLayoutEnhanced .column-container .column { display: flex; flex-flow: column nowrap; } } .columnLayoutEnhanced .column-container .column > .equi-height-col { height: 100%; } .columnLayoutEnhanced .column-container .column > .equi-height-col > .column-1, .columnLayoutEnhanced .column-container .column > .equi-height-col > .column-2, .columnLayoutEnhanced .column-container .column > .equi-height-col > .column-3, .columnLayoutEnhanced .column-container .column > .equi-height-col > .column-4 { display: flex; flex-flow: column nowrap; height: 100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .columnLayoutEnhanced .column-container .column > .equi-height-col > .column-1, .columnLayoutEnhanced .column-container .column > .equi-height-col > .column-2, .columnLayoutEnhanced .column-container .column > .equi-height-col > .column-3, .columnLayoutEnhanced .column-container .column > .equi-height-col > .column-4 { display: inline; } } .columnLayoutEnhanced .column-container .column > .equi-height-col > .column-1 .image .imgwidth .responsive-image.widthfitcontent, .columnLayoutEnhanced .column-container .column > .equi-height-col > .column-2 .image .imgwidth .responsive-image.widthfitcontent, .columnLayoutEnhanced .column-container .column > .equi-height-col > .column-3 .image .imgwidth .responsive-image.widthfitcontent, .columnLayoutEnhanced .column-container .column > .equi-height-col > .column-4 .image .imgwidth .responsive-image.widthfitcontent { width: 100vw; } .columnLayoutEnhanced .column-container .column > .equi-height-col.v-align-bottom > .column-1 > :last-child, .columnLayoutEnhanced .column-container .column > .equi-height-col.v-align-bottom > .column-2 > :last-child, .columnLayoutEnhanced .column-container .column > .equi-height-col.v-align-bottom > .column-3 > :last-child, .columnLayoutEnhanced .column-container .column > .equi-height-col.v-align-bottom > .column-4 > :last-child { margin-top: auto; } .columnLayoutEnhanced .column-container .column .card .column-1 > .textcomp, .columnLayoutEnhanced .column-container .column .card .column-1 > .textcomponentenhanced, .columnLayoutEnhanced .column-container .column .card .column-1 > .button, .columnLayoutEnhanced .column-container .column .card .column-1 > .videoComponent .watchvideo, .columnLayoutEnhanced .column-container .column .card .column-2 > .textcomp, .columnLayoutEnhanced .column-container .column .card .column-2 > .textcomponentenhanced, .columnLayoutEnhanced .column-container .column .card .column-2 > .button, .columnLayoutEnhanced .column-container .column .card .column-2 > .videoComponent .watchvideo, .columnLayoutEnhanced .column-container .column .card .column-3 > .textcomp, .columnLayoutEnhanced .column-container .column .card .column-3 > .textcomponentenhanced, .columnLayoutEnhanced .column-container .column .card .column-3 > .button, .columnLayoutEnhanced .column-container .column .card .column-3 > .videoComponent .watchvideo, .columnLayoutEnhanced .column-container .column .card .column-4 > .textcomp, .columnLayoutEnhanced .column-container .column .card .column-4 > .textcomponentenhanced, .columnLayoutEnhanced .column-container .column .card .column-4 > .button, .columnLayoutEnhanced .column-container .column .card .column-4 > .videoComponent .watchvideo { padding: 0px 15px; } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .column-container .column.nomargintab { margin-top: 0px !important; } } @media (max-width: 767px) { .columnLayoutEnhanced .column-container .column.nomarginphone { margin-top: 0px !important; } } @media (max-width: 767px) { .columnLayoutEnhanced .column-container .column.small-12:nth-child(n+2) { flex-basis: 100%; margin: 15px auto 0px auto; } } @media (max-width: 767px) { .columnLayoutEnhanced .column-container .column.small-12 .card { max-width: 420px; margin: 0 auto; width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .column-container .column.medium-12:nth-child(n+2) { flex-basis: 100%; margin: 15px auto 0px auto; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .column-container .column.medium-12 .card { max-width: 590px; margin: 0 auto; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .column-container .column.medium-6:nth-child(1).left-column .equi-height-col { margin: 0px; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .column-container .column.medium-6:nth-child(2).right-column .equi-height-col { margin: 0px; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .column-container .column.medium-6:nth-child(n+3) .colenhor-divider { margin: 15px auto 15px auto; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .column-container .column.medium-6 .card { max-width: 590px; } } @media (max-width: 767px) { .columnLayoutEnhanced .column-container .column.small-6:nth-child(n+3) .colenhor-divider { margin: 15px auto 15px auto; } } @media (max-width: 767px) { .columnLayoutEnhanced .column-container .column.small-6 .card { max-width: 420px; } } .columnLayoutEnhanced .column-container .column.small-6.large-3 .hpascal-divider, .columnLayoutEnhanced .column-container .column.small-6.large-3 .hshield-divider { margin: 0px; width: 0px; } @media screen and (max-width: 767px) { .columnLayoutEnhanced .column-container .column .horizontal-divider { border-top: 2px solid #333; width: 200%; margin-left: -50%; } } .columnLayoutEnhanced .column-container .column:first-child .hpascal-divider { border-top: none; } @media screen and (max-width: 767px) { .columnLayoutEnhanced .column-container .column .hpascal-divider { border-top: 1px solid #cccccc; width: 200%; margin-left: -50%; } } @media screen and (max-width: 767px) { .columnLayoutEnhanced .column-container .small-3 .hpascal-divider { border-top: none; } } .columnLayoutEnhanced .column-container .column:first-child .hshield-divider { border-top: none; } @media screen and (max-width: 767px) { .columnLayoutEnhanced .column-container .column .hshield-divider { border-top: 1px solid #333; width: 200%; margin-left: -50%; } } @media screen and (max-width: 767px) { .columnLayoutEnhanced .column-container .small-3 .hshield-divider, .columnLayoutEnhanced .column-container .small-6 .hshield-divider { border-top: none; } } .columnLayoutEnhanced .divider { display: none; } .columnLayoutEnhanced .divider.component-horizontal-divider { display: block; width: 200%; margin-left: -50%; border-top: 1px solid #333; } .columnLayoutEnhanced .divider.pascal-divider { display: block; width: 200%; margin-left: -50%; border-top: 1px solid #cccccc; } .columnLayoutEnhanced .divider.shield-divider { display: block; width: 200%; margin-left: -50%; border-top: 1px solid #333; } .columnLayoutEnhanced .column-container.full-width { max-width: none; } .columnLayoutEnhanced .column-container.full-width .paddingleftright { padding: 0px 15px; } .columnLayoutEnhanced .column-container.full-width .row .column { background-size: cover; background-position: center center; padding: 45px 30px; min-height: 360px; } @media screen and (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .column-container.full-width .row .column { min-height: 300px; } } @media screen and (max-width: 767px) { .columnLayoutEnhanced .column-container.full-width .row .column { min-height: 300px; padding: 30px 15px; } } .columnLayoutEnhanced .column-container.full-width .row .column.left-column { background-position: center center; } @media (min-width: 1281px) { .columnLayoutEnhanced .column-container.full-width .row .column.left-column { background-position: right center; } } .columnLayoutEnhanced .column-container.full-width .row .column.right-column { background-position: center center; } @media (min-width: 1281px) { .columnLayoutEnhanced .column-container.full-width .row .column.right-column { background-position: left center; } } @media screen and (min-width: 1281px) { .columnLayoutEnhanced .column-container.full-width .column-1 { float: right; width: 610px; max-width: 100%; } } @media screen and (min-width: 1281px) { .columnLayoutEnhanced .column-container.full-width .column-2 { float: left; width: 610px; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .column .textcomp .general-container { Margin: 0 auto; } } .columnLayoutEnhanced .paddingleftright { padding: 0px 15px; } .columnLayoutEnhanced .row { width: 100%; display: flex; flex-wrap: wrap; width: 100%; } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.no-divider .column:nth-child(1).medium-6, .columnLayoutEnhanced .row.no-divider .column:nth-child(2).medium-6 { margin: 0px 0px 15px 0px; } .columnLayoutEnhanced .row.no-divider .column:nth-child(3).medium-6, .columnLayoutEnhanced .row.no-divider .column:nth-child(4).medium-6 { margin: 15px 0px 0px 0px; } } @media (max-width: 767px) { .columnLayoutEnhanced .row.no-divider .column:nth-child(1).small-6, .columnLayoutEnhanced .row.no-divider .column:nth-child(2).small-6 { margin: 0px 0px 15px 0px; } .columnLayoutEnhanced .row.no-divider .column:nth-child(3).small-6, .columnLayoutEnhanced .row.no-divider .column:nth-child(4).small-6 { margin: 15px 0px 0px 0px; } } @media (max-width: 767px) { .columnLayoutEnhanced .row.vertical-divider .column.small-12 { border-left: none !important; } } @media (min-width: 1281px) { .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child) .singlecolumnborder, .columnLayoutEnhanced .row.vertical-divider .column.right-column .singlecolumnborder { border: none !important; } } @media (min-width: 1025px) and (max-width: 1280px) { .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child) .singlecolumnborder, .columnLayoutEnhanced .row.vertical-divider .column.right-column .singlecolumnborder { border: none !important; } } @media (max-width: 767px) { .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child).small-3 .colenhor-divider, .columnLayoutEnhanced .row.vertical-divider .column.right-column.small-3 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child).small-3 .singlecolumnborder, .columnLayoutEnhanced .row.vertical-divider .column.right-column.small-3 .singlecolumnborder { border: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child).small-4 .singlecolumnborder, .columnLayoutEnhanced .row.vertical-divider .column.right-column.small-4 .singlecolumnborder { border: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child).small-6.column3noborder, .columnLayoutEnhanced .row.vertical-divider .column.right-column.small-6.column3noborder { border-left: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child).small-6 .singlecolumnborder, .columnLayoutEnhanced .row.vertical-divider .column.right-column.small-6 .singlecolumnborder { border: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child).small-12 .colenhor-divider, .columnLayoutEnhanced .row.vertical-divider .column.right-column.small-12 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child).small-12 .singlecolumnborder, .columnLayoutEnhanced .row.vertical-divider .column.right-column.small-12 .singlecolumnborder { margin: 15px auto 0px auto; width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child).medium-12 .colenhor-divider, .columnLayoutEnhanced .row.vertical-divider .column.right-column.medium-12 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child).medium-12 .singlecolumnborder, .columnLayoutEnhanced .row.vertical-divider .column.right-column.medium-12 .singlecolumnborder { margin: 15px auto 0px auto; width: 100%; } .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child).medium-6 .singlecolumnborder, .columnLayoutEnhanced .row.vertical-divider .column.right-column.medium-6 .singlecolumnborder { border: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child).medium-4 .singlecolumnborder, .columnLayoutEnhanced .row.vertical-divider .column.right-column.medium-4 .singlecolumnborder { border: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child).medium-3 .colenhor-divider, .columnLayoutEnhanced .row.vertical-divider .column.right-column.medium-3 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:not(:last-child).medium-3 .singlecolumnborder, .columnLayoutEnhanced .row.vertical-divider .column.right-column.medium-3 .singlecolumnborder { border: none !important; } } .columnLayoutEnhanced .row.vertical-divider .column:not(:first-child), .columnLayoutEnhanced .row.vertical-divider .column.right-column { border-left: 1px solid #333; } @media (max-width: 767px) { .columnLayoutEnhanced .row.vertical-divider .column:not(:first-child).small-12 .colenhor-divider, .columnLayoutEnhanced .row.vertical-divider .column.right-column.small-12 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:not(:first-child).small-3 .colenhor-divider, .columnLayoutEnhanced .row.vertical-divider .column.right-column.small-3 .colenhor-divider { border: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.vertical-divider .column:not(:first-child).medium-12 .colenhor-divider, .columnLayoutEnhanced .row.vertical-divider .column.right-column.medium-12 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:not(:first-child).medium-3 .colenhor-divider, .columnLayoutEnhanced .row.vertical-divider .column.right-column.medium-3 .colenhor-divider { border: none !important; } } @media (max-width: 767px) { .columnLayoutEnhanced .row.vpascal-divider .column.small-12 { border-left: none !important; } } @media (max-width: 767px) { .columnLayoutEnhanced .row.vpascal-divider .column:not(:last-child).small-12 .colenhor-divider, .columnLayoutEnhanced .row.vpascal-divider .column.right-column.small-12 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .row.vpascal-divider .column:not(:last-child).small-12 .singlecolumnborder, .columnLayoutEnhanced .row.vpascal-divider .column.right-column.small-12 .singlecolumnborder { border-bottom: 1px solid #cccccc; margin: 15px auto 0px auto; width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.vpascal-divider .column:not(:last-child).medium-12 .colenhor-divider, .columnLayoutEnhanced .row.vpascal-divider .column.right-column.medium-12 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .row.vpascal-divider .column:not(:last-child).medium-12 .singlecolumnborder, .columnLayoutEnhanced .row.vpascal-divider .column.right-column.medium-12 .singlecolumnborder { border-bottom: 1px solid #cccccc; margin: 15px auto 0px auto; width: 100%; } } .columnLayoutEnhanced .row.vpascal-divider .column:not(:first-child), .columnLayoutEnhanced .row.vpascal-divider .column.right-column { border-left: 1px solid #cccccc; } @media (max-width: 767px) { .columnLayoutEnhanced .row.vpascal-divider .column:not(:first-child).small-6, .columnLayoutEnhanced .row.vpascal-divider .column.right-column.small-6 { border-left: 1px solid #cccccc; } } @media (max-width: 767px) { .columnLayoutEnhanced .row.vpascal-divider .column:not(:first-child).small-6:nth-child(3), .columnLayoutEnhanced .row.vpascal-divider .column.right-column.small-6:nth-child(3) { border-left: none !important; } } @media (max-width: 767px) { .columnLayoutEnhanced .row.vpascal-divider .column:not(:first-child).small-3, .columnLayoutEnhanced .row.vpascal-divider .column.right-column.small-3 { border-left: 1px solid #cccccc; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.vpascal-divider .column:not(:first-child).medium-3, .columnLayoutEnhanced .row.vpascal-divider .column.right-column.medium-3 { border-left: 1px solid #cccccc; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.vpascal-divider .column:not(:first-child).medium-12, .columnLayoutEnhanced .row.vpascal-divider .column.right-column.medium-12 { border-left: none !important; } } @media screen and (max-width: 767px) { .columnLayoutEnhanced .row.vpascal-divider .column:not(:first-child) .colenhor-divider, .columnLayoutEnhanced .row.vpascal-divider .column.right-column .colenhor-divider { border-bottom: 1px solid #cccccc; width: 100%; margin: 15px auto 15px auto; } } @media screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(3).medium-6 .colenhor-divider, .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(4).medium-6 .colenhor-divider { border-bottom: 1px solid #cccccc; width: 100%; margin: 15px auto 15px auto; } } @media screen and (max-width: 767px) and (max-width: 767px) { .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(3).small-6 .colenhor-divider, .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(4).small-6 .colenhor-divider { border-bottom: 1px solid #cccccc; width: 100%; margin: 15px auto 15px auto; } .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(3).small-6 .colenhor-divider.custom, .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(4).small-6 .colenhor-divider.custom { border: inherit; margin: 0px auto 15px auto; } } .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(3).left-column, .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(4).left-column { border-bottom: none; } .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(3).right-column, .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(4).right-column { border-bottom: none; } @media (max-width: 767px) { .columnLayoutEnhanced .row.vshield-divider .column.small-12 { border-left: none !important; } } @media (max-width: 767px) { .columnLayoutEnhanced .row.vshield-divider .column:not(:last-child).small-12 .colenhor-divider, .columnLayoutEnhanced .row.vshield-divider .column.right-column.small-12 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .row.vshield-divider .column:not(:last-child).small-12 .singlecolumnborder, .columnLayoutEnhanced .row.vshield-divider .column.right-column.small-12 .singlecolumnborder { border-bottom: 1px solid #333; margin: 15px auto 0px auto; width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.vshield-divider .column:not(:last-child).medium-12 .colenhor-divider, .columnLayoutEnhanced .row.vshield-divider .column.right-column.medium-12 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .row.vshield-divider .column:not(:last-child).medium-12 .singlecolumnborder, .columnLayoutEnhanced .row.vshield-divider .column.right-column.medium-12 .singlecolumnborder { border-bottom: 1px solid #333; margin: 15px auto 0px auto; width: 100%; } } .columnLayoutEnhanced .row.vshield-divider .column:not(:first-child), .columnLayoutEnhanced .row.vshield-divider .column.right-column { border-left: 1px solid #333; } @media (max-width: 767px) { .columnLayoutEnhanced .row.vshield-divider .column:not(:first-child).small-6, .columnLayoutEnhanced .row.vshield-divider .column.right-column.small-6 { border-left: 1px solid #333; } } @media (max-width: 767px) { .columnLayoutEnhanced .row.vshield-divider .column:not(:first-child).small-6:nth-child(3), .columnLayoutEnhanced .row.vshield-divider .column.right-column.small-6:nth-child(3) { border-left: none !important; } } @media (max-width: 767px) { .columnLayoutEnhanced .row.vshield-divider .column:not(:first-child).small-3, .columnLayoutEnhanced .row.vshield-divider .column.right-column.small-3 { border-left: 1px solid #333; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.vshield-divider .column:not(:first-child).medium-3, .columnLayoutEnhanced .row.vshield-divider .column.right-column.medium-3 { border-left: 1px solid #333; } } @media screen and (max-width: 767px) { .columnLayoutEnhanced .row.vshield-divider .column:not(:first-child) .colenhor-divider, .columnLayoutEnhanced .row.vshield-divider .column.right-column .colenhor-divider { border-bottom: 1px solid #333; width: 100%; margin: 15px auto 15px auto; } } @media screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.vshield-divider .column:nth-child(3).medium-6 .colenhor-divider, .columnLayoutEnhanced .row.vshield-divider .column:nth-child(4).medium-6 .colenhor-divider { border-bottom: 1px solid #333; width: 100%; margin: 15px auto 15px auto; } } @media screen and (max-width: 767px) and (max-width: 767px) { .columnLayoutEnhanced .row.vshield-divider .column:nth-child(3).small-6 .colenhor-divider, .columnLayoutEnhanced .row.vshield-divider .column:nth-child(4).small-6 .colenhor-divider { border-bottom: 1px solid #333; width: 100%; margin: 15px auto 15px auto; } } .columnLayoutEnhanced .row.vshield-divider .column:nth-child(3).left-column, .columnLayoutEnhanced .row.vshield-divider .column:nth-child(4).left-column { border-bottom: none; } .columnLayoutEnhanced .row.vshield-divider .column:nth-child(3).right-column, .columnLayoutEnhanced .row.vshield-divider .column:nth-child(4).right-column { border-bottom: none; } @media (max-width: 767px) { .columnLayoutEnhanced .row.vertical-divider.tablet-clear .equi-height-col, .columnLayoutEnhanced .row.vpascal-divider.tablet-clear .equi-height-col, .columnLayoutEnhanced .row.vshield-divider.tablet-clear .equi-height-col { margin: 0px; border-left: none !important; } } .columnLayoutEnhanced .row.vertical-divider .column:not(:first-child), .columnLayoutEnhanced .row.vpascal-divider .column:not(:first-child), .columnLayoutEnhanced .row.vshield-divider .column:not(:first-child) { /* @media screen and (max-width: $sm-screen-max) { border-left: none !important; border-bottom: none !important; .colenhor-divider{ width: 100%; margin:15px 0; } } .colenhor-divider{ @media screen and (min-width: $sm-screen-max) { border-bottom: none !important; width: 100%; margin:15px 0; } } */ } @media (max-width: 767px) { .columnLayoutEnhanced .row.vertical-divider .column:not(:first-child).small-6:nth-child(3), .columnLayoutEnhanced .row.vpascal-divider .column:not(:first-child).small-6:nth-child(3), .columnLayoutEnhanced .row.vshield-divider .column:not(:first-child).small-6:nth-child(3) { border-left: none; } .columnLayoutEnhanced .row.vertical-divider .column:not(:first-child):not(.tablet-clear), .columnLayoutEnhanced .row.vpascal-divider .column:not(:first-child):not(.tablet-clear), .columnLayoutEnhanced .row.vshield-divider .column:not(:first-child):not(.tablet-clear) { /*&:not(.small-3, .small-6){ border-left: none !important; border-bottom: none !important; } */ } .columnLayoutEnhanced .row.vertical-divider .column:not(:first-child):not(.tablet-clear):not(.small-6) .colenhor-divider, .columnLayoutEnhanced .row.vpascal-divider .column:not(:first-child):not(.tablet-clear):not(.small-6) .colenhor-divider, .columnLayoutEnhanced .row.vshield-divider .column:not(:first-child):not(.tablet-clear):not(.small-6) .colenhor-divider { width: 100%; border-bottom: none !important; margin: 0px; } } @media screen and (min-width: 1025px) { .columnLayoutEnhanced .row.vertical-divider .column:not(:first-child) .colenhor-divider, .columnLayoutEnhanced .row.vpascal-divider .column:not(:first-child) .colenhor-divider, .columnLayoutEnhanced .row.vshield-divider .column:not(:first-child) .colenhor-divider { border-bottom: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.vertical-divider .column:nth-child(2).medium-12, .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(2).medium-12, .columnLayoutEnhanced .row.vshield-divider .column:nth-child(2).medium-12 { border-left: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.vertical-divider .column:nth-child(3).medium-6, .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(3).medium-6, .columnLayoutEnhanced .row.vshield-divider .column:nth-child(3).medium-6 { border-left: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:nth-child(3).medium-12, .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(3).medium-12, .columnLayoutEnhanced .row.vshield-divider .column:nth-child(3).medium-12 { border-left: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:nth-child(3) .colenhor-divider, .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(3) .colenhor-divider, .columnLayoutEnhanced .row.vshield-divider .column:nth-child(3) .colenhor-divider { width: 100%; } } @media (max-width: 767px) { .columnLayoutEnhanced .row.vertical-divider .column:nth-child(3) .colenhor-divider, .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(3) .colenhor-divider, .columnLayoutEnhanced .row.vshield-divider .column:nth-child(3) .colenhor-divider { width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.vertical-divider .column:nth-child(4).medium-12, .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(4).medium-12, .columnLayoutEnhanced .row.vshield-divider .column:nth-child(4).medium-12 { border-left: none !important; } .columnLayoutEnhanced .row.vertical-divider .column:nth-child(4) .colenhor-divider, .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(4) .colenhor-divider, .columnLayoutEnhanced .row.vshield-divider .column:nth-child(4) .colenhor-divider { width: 100%; } } @media (max-width: 767px) { .columnLayoutEnhanced .row.vertical-divider .column:nth-child(4) .colenhor-divider, .columnLayoutEnhanced .row.vpascal-divider .column:nth-child(4) .colenhor-divider, .columnLayoutEnhanced .row.vshield-divider .column:nth-child(4) .colenhor-divider { width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .row.single-col-tablet .medium-6 { width: 100%; } } .columnLayoutEnhanced .row::before, .columnLayoutEnhanced .row::after { content: ''; display: none; } .columnLayoutEnhanced .row .column { float: left; min-height: 2px; padding: 0 15px; margin: 0; position: relative; background-size: inherit; background-repeat: no-repeat; } .columnLayoutEnhanced .row .tablet-clear:nth-child(2n+1) { clear: both; } .columnLayoutEnhanced .row .medium-3.tablet-clear:nth-child(2n+1) { clear: none; } @media (max-width: 767px) { .columnLayoutEnhanced .row .column.gallery { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 768px) { .columnLayoutEnhanced .row .column.gallery { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 768px) { .columnLayoutEnhanced .row .column.gallery { margin: 0px auto 0 auto !important; } } @media (max-width: 767px) { .columnLayoutEnhanced .row .column.gallery.small-4, .columnLayoutEnhanced .row .column.gallery.small-6, .columnLayoutEnhanced .row .column.gallery.small-3 { padding-left: 0; padding-right: 0; } } .columnLayoutEnhanced .mob-stack-RL > .center .paddingleftright { padding: 0px 15px; } @media (max-width: 767px) { .columnLayoutEnhanced .mob-stack-RL > .center > .row > .column { float: right; } } .columnLayoutEnhanced .mob-stack-RL .paddingleftright { padding: 0px 15px; } @media (max-width: 767px) { .columnLayoutEnhanced .mob-stack-RL .row.no-divider .column:nth-child(1).small-6, .columnLayoutEnhanced .mob-stack-RL .row.no-divider .column:nth-child(2).small-6 { margin: 15px 0px 0px 0px; } .columnLayoutEnhanced .mob-stack-RL .row.no-divider .column:nth-child(3).small-6, .columnLayoutEnhanced .mob-stack-RL .row.no-divider .column:nth-child(4).small-6 { margin: 0px 0px 15px 0px; } .columnLayoutEnhanced .mob-stack-RL .row.no-divider .column:not(:first-child).small-12 { margin: 0px 0px 15px 0px; } } @media (min-width: 1025px) and (max-width: 1280px) { .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:last-child.large-4 .singlecolumnborder { border-bottom: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(1) { border-left: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(1).large-3 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(2).large-3 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(4).large-3 .singlecolumnborder { border: none !important; } } @media (min-width: 1281px) { .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:last-child.large-4 .singlecolumnborder { border-bottom: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(1) { border-left: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(1).large-3 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(2).large-3 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(4).large-3 .singlecolumnborder { border: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:last-child.medium-12 .singlecolumnborder { border: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:last-child.medium-4 .singlecolumnborder { border-bottom: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(1) { border-left: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(1).medium-6 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(2).medium-6 .colenhor-divider { border: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(4).medium-6 .singlecolumnborder { border: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(4).medium-12 .singlecolumnborder { border: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(4).medium-3 .singlecolumnborder { border: none !important; } } @media (max-width: 767px) { .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(4) { border-left: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(4).small-12 .singlecolumnborder { margin: 15px auto 0px auto; width: 100%; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(4).small-6 .singlecolumnborder { border-bottom: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(4).small-6 .colenhor-divider { border: none !important; margin: 0px; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(4).small-3 .singlecolumnborder { border: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(3).small-12 .singlecolumnborder { margin: 15px auto 0px auto; width: 100%; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(3).small-4 { border-left: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(3).small-4 .singlecolumnborder { border: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(3).small-6 .colenhor-divider { border: none !important; margin: 0px; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(2).small-6 { border-left: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(2).small-6 .colenhor-divider { width: 100%; margin: 15px auto 15px auto; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(2).small-12 .singlecolumnborder { margin: 15px auto 15px auto; width: 100%; } } @media (max-width: 767px) and (max-width: 767px) { .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(1).small-6 .colenhor-divider { width: 100%; margin: 15px auto 15px auto; } .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column:nth-child(1).small-12 .singlecolumnborder { border: none !important; } } @media (max-width: 767px) { .columnLayoutEnhanced .mob-stack-RL .row.vertical-divider .column.right-column.small-12 { border-right: none; } } @media (min-width: 1025px) and (max-width: 1280px) { .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column:last-child.large-4 .singlecolumnborder { border-bottom: none !important; } } @media (min-width: 1281px) { .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column:last-child.large-4 .singlecolumnborder { border-bottom: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column:last-child.medium-12 .singlecolumnborder { border: none !important; } } @media (max-width: 767px) { .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column:nth-child(4) { border-left: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column:nth-child(4).small-12 .singlecolumnborder { border-bottom: 1px solid #cccccc; margin: 15px auto 0px auto; width: 100%; } .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column:nth-child(4).small-6 .colenhor-divider { border: none !important; margin: 0px; } .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column:nth-child(3).small-6 { border-left: 1px solid #616161 !important; } .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column:nth-child(3).small-6 .colenhor-divider { border: none !important; margin: 0px; } .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column:nth-child(2).small-6 { border-left: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column:nth-child(2).small-12 .singlecolumnborder { border-bottom: 1px solid #cccccc; margin: 15px auto 15px auto; width: 100%; } .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column:nth-child(1).small-6 .colenhor-divider { border-bottom: 1px solid #cccccc; width: 100%; margin: 15px auto 15px auto; } .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column:not(:last-child) { border-left: 1px solid #cccccc; } .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column.right-column { border-right: 1px solid #cccccc; border-left: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column.right-column.small-12 { border-right: none; } .columnLayoutEnhanced .mob-stack-RL .row.vpascal-divider .column.left-column.small-12 .singlecolumnborder { border-bottom: none; } } @media (min-width: 1025px) and (max-width: 1280px) { .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column:last-child.large-4 .singlecolumnborder { border-bottom: none !important; } } @media (min-width: 1281px) { .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column:last-child.large-4 .singlecolumnborder { border-bottom: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column:last-child.medium-12 .singlecolumnborder { border: none !important; } } @media (max-width: 767px) { .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column:nth-child(4) { border-left: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column:nth-child(4).small-12 .singlecolumnborder { border-bottom: 1px solid #333; margin: 15px auto 0px auto; width: 100%; } .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column:nth-child(4).small-6 .colenhor-divider { border: none !important; margin: 0px; } .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column:nth-child(3).small-6 { border-left: 1px solid #EEEEEE !important; } .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column:nth-child(3).small-6 .colenhor-divider { border: none !important; margin: 0px; } .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column:nth-child(2).small-6 { border-left: none !important; } .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column:nth-child(2).small-12 .singlecolumnborder { border-bottom: 1px solid #333; margin: 15px auto 15px auto; width: 100%; } .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column:nth-child(1).small-6 .colenhor-divider { border-bottom: 1px solid #333; width: 100%; margin: 15px auto 15px auto; } .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column:not(:last-child) { border-left: 1px solid #333; } .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column.right-column { border-right: 1px solid #333; border-left: none; } .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column.right-column.small-12 { border-right: none; } .columnLayoutEnhanced .mob-stack-RL .row.vshield-divider .column.left-column.small-12 .singlecolumnborder { border-bottom: none; } } .columnLayoutEnhanced .columnlayoutenhanceddoubleline { border-style: double; border-color: #077c71; } .columnLayoutEnhanced .columnlayoutenhancedauthortext { margin: 0px auto; text-align: center; text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.3), 1px 1px 0px teal; color: #7700f6; opacity: 0.4; font-size: 20px; text-transform: uppercase; } .columnLayoutEnhanced .columnlayoutenhancedbackground { background-color: #b2dfff; height: 20px; width: 500px; margin: 0px auto; -webkit-box-shadow: 2px 2px 2px #000; } body[data-edit-mode='true'] .columnLayout .row { overflow: hidden; } .imageeditmodedoubleline .imageeditmode { position: relative; } .imageeditmodedoubleline .imageeditmode img { width: 50%; float: left; } .imageeditmodedoubleline .imageeditmode .edit-image-label { z-index: 1; position: absolute; padding: 1em; color: #fff; } .imageeditmodedoubleline .imageeditmode .edit-image-label.rtxON.vertical.top { left: 0; top: 0; } .imageeditmodedoubleline .imageeditmode .edit-image-label.rtxOFF.vertical.top { top: 0; right: 0; } .imageeditmodedoubleline .imageeditmode .edit-image-label.rtxON.vertical.bottom { left: 0; bottom: 0; } .imageeditmodedoubleline .imageeditmode .edit-image-label.rtxOFF.vertical.bottom { bottom: 0; right: 0; } .imageeditmodedoubleline .imageeditmode .edit-image-label.rtxON.horizontal.left { left: 0; top: 0; } .imageeditmodedoubleline .imageeditmode .edit-image-label.rtxOFF.horizontal.left { bottom: 0; left: 0; } .imageeditmodedoubleline .imageeditmode .edit-image-label.rtxON.horizontal.right { top: 0; right: 0; } .imageeditmodedoubleline .imageeditmode .edit-image-label.rtxOFF.horizontal.right { bottom: 0; right: 0; } .imageeditmodedoubleline .imageeditmode .align-left { position: relative; } .imageeditmodedoubleline .imageeditmode .align-left .edit-image-label { left: 0; } .imageeditmodedoubleline .imageeditmode .align-right { position: relative; } .imageeditmodedoubleline .imageeditmode .align-right .edit-image-label { right: 0; } .imageeditmodedoubleline .imageeditmode .promptTxt { z-index: 1; display: inline-block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: black; background: rgba(0, 0, 0, 0.5); padding: 10px; color: #ffffff; } .imageeditmodedoubleline .imageeditmode .infobarlogowrap { position: absolute; z-index: 1; } .imageeditmodedoubleline .imageeditmode .infobarlogowrap.left { left: 0; } .imageeditmodedoubleline .imageeditmode .infobarlogowrap.right { right: 0; } .imageeditmodedoubleline .imageeditmode .infobarlogowrap.top { top: 0; } .imageeditmodedoubleline .imageeditmode .infobarlogowrap.bottom { bottom: 0; } .imageeditmodedoubleline .imageeditmode .infobarTxt { padding: 0 5px; } .imageeditmodedoubleline .imageeditmode .infobarlogo { width: auto; } #cboxContent .imageComparisonSliderContainer { z-index: 0; } .imageComparisonSliderContainer { position: relative; width: 100%; margin: 0 auto; overflow: hidden; cursor: pointer; } .imageComparisonSliderContainer .infobarlogowrap { position: absolute; z-index: 1; } .imageComparisonSliderContainer .infobarlogowrap.left { left: 0; } .imageComparisonSliderContainer .infobarlogowrap.right { right: 0; } .imageComparisonSliderContainer .infobarlogowrap.top { top: 0; } .imageComparisonSliderContainer .infobarlogowrap.bottom { bottom: 0; } .imageComparisonSliderContainer .infobarlogowrap .infobarTxt { padding: 0 5px; } .imageComparisonSliderContainer .promptTxt { z-index: 16; display: inline-block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: black; background: rgba(0, 0, 0, 0.5); padding: 10px; color: #ffffff; white-space: nowrap; } .imageComparisonSliderContainer:hover .promptTxt { display: none; } .imageComparisonSliderContainer .overlayLayer { position: absolute; width: 100%; height: 100%; z-index: 10; } .imageComparisonSliderContainer img { width: 100%; display: block; } .imageComparisonSliderContainer.img-border { border: 1px solid #616161; } .imageComparisonSliderContainer .resize { position: absolute; overflow: hidden; } .imageComparisonSliderContainer .slider { position: absolute; z-index: 15; } .imageComparisonSliderContainer .handle { position: absolute; z-index: 15; margin: auto; background: #888888 none repeat scroll 0% 0%; } .imageComparisonSliderContainer .handle::before, .imageComparisonSliderContainer .handle::after { position: absolute; width: 0; height: 0; transition: all .2s ease; content: ""; } .imageComparisonSliderContainer .draggable:after { width: 48px; height: 48px; margin: -24px 0 0 -24px; line-height: 48px; font-size: 30px; } .imageComparisonSliderContainer .image-label { position: absolute; display: inline-block; color: #fff; padding: 10px; white-space: nowrap; vertical-align: middle; opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform .3s .7s, opacity .3s .7s; -moz-transition: -moz-transform .3s .7s, opacity .3s .7s; transition: transform .3s .7s, opacity .3s .7s; } .imageComparisonSliderContainer[data-slider-type="vertical"] .resize { top: 0; left: 0; height: 100%; width: 50%; } .imageComparisonSliderContainer[data-slider-type="vertical"]:hover .handle::before { left: -20px; opacity: 1; } .imageComparisonSliderContainer[data-slider-type="vertical"]:hover .handle::after { right: -20px; opacity: 1; } .imageComparisonSliderContainer[data-slider-type="vertical"] .slider { height: 100%; width: 40px; margin-left: -20px; left: 50%; cursor: col-resize; } .imageComparisonSliderContainer[data-slider-type="vertical"] .handle { top: 0; bottom: 0; height: 100%; width: 2px; left: 50%; cursor: col-resize; } .imageComparisonSliderContainer[data-slider-type="vertical"] .handle span { position: absolute; margin: auto; top: 0; bottom: 0; height: 60px; width: 9px; margin-left: -3px; background: url("https://images.nvidia.com/geforce-com/international/comparisons/nvidia-g-sync-hdr/handle.gif"); background-repeat: no-repeat; } .imageComparisonSliderContainer[data-slider-type="vertical"] .handle::before, .imageComparisonSliderContainer[data-slider-type="vertical"] .handle::after { margin: auto; top: 0; bottom: 0; } .imageComparisonSliderContainer[data-slider-type="vertical"] .handle::before { left: -18px; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #ffffff transparent transparent; opacity: 0; } .imageComparisonSliderContainer[data-slider-type="vertical"] .handle::after { right: -18px; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #ffffff; opacity: 0; } .imageComparisonSliderContainer[data-slider-type="vertical"] .handle.op0::before, .imageComparisonSliderContainer[data-slider-type="vertical"] .handle.op0::after { opacity: 0; } .imageComparisonSliderContainer[data-slider-type="vertical"] .image-label.off { right: 0; } .imageComparisonSliderContainer[data-slider-type="vertical"] .image-label.off.bottom { bottom: 20px; } .imageComparisonSliderContainer[data-slider-type="vertical"] .image-label.off.top { top: -20px; } .imageComparisonSliderContainer[data-slider-type="vertical"] .image-label.on { left: 0; } .imageComparisonSliderContainer[data-slider-type="vertical"] .image-label.on.bottom { bottom: 20px; } .imageComparisonSliderContainer[data-slider-type="vertical"] .image-label.on.top { top: -20px; } .imageComparisonSliderContainer[data-slider-type="horizontal"] .resize { top: 0; right: 0; height: 50%; width: 100%; } .imageComparisonSliderContainer[data-slider-type="horizontal"] .slider { height: 40px; width: 100%; margin-top: -20px; top: 50%; cursor: row-resize; } .imageComparisonSliderContainer[data-slider-type="horizontal"]:hover .handle::before { top: -20px; opacity: 1; } .imageComparisonSliderContainer[data-slider-type="horizontal"]:hover .handle::after { bottom: -20px; opacity: 1; } .imageComparisonSliderContainer[data-slider-type="horizontal"] .handle { left: 0; right: 0; height: 2px; width: 100%; margin-top: -3px; top: 50%; cursor: row-resize; } .imageComparisonSliderContainer[data-slider-type="horizontal"] .handle span { position: absolute; margin: auto; left: 0; right: 0; width: 9px; height: 60px; margin-top: -28px; background: url("https://images.nvidia.com/geforce-com/international/comparisons/nvidia-g-sync-hdr/handle.gif"); background-repeat: no-repeat; transform: rotate(90deg); } .imageComparisonSliderContainer[data-slider-type="horizontal"] .handle::before, .imageComparisonSliderContainer[data-slider-type="horizontal"] .handle::after { margin: auto; left: 0; right: 0; opacity: 0; } .imageComparisonSliderContainer[data-slider-type="horizontal"] .handle::before { top: -17px; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffffff transparent; } .imageComparisonSliderContainer[data-slider-type="horizontal"] .handle::after { bottom: -17px; border-style: solid; border-width: 8px 8px 0 8px; border-color: #ffffff transparent transparent transparent; } .imageComparisonSliderContainer[data-slider-type="horizontal"] .handle.op0::before, .imageComparisonSliderContainer[data-slider-type="horizontal"] .handle.op0::after { opacity: 0; } .imageComparisonSliderContainer[data-slider-type="horizontal"] .image-label.off { bottom: 20px; } .imageComparisonSliderContainer[data-slider-type="horizontal"] .image-label.off.right { right: 0; } .imageComparisonSliderContainer[data-slider-type="horizontal"] .image-label.on { top: -20px; } .imageComparisonSliderContainer[data-slider-type="horizontal"] .image-label.on.right { right: 0; } .galleryComponent .comp-center .imageGalleryWrapper { margin: 0 auto; } .comparison-slider-enhanced-edit-mode { position: relative; } .comparison-slider-enhanced-edit-mode .comparison-img-edit-left, .comparison-slider-enhanced-edit-mode .comparison-img-edit-right { width: 50%; } .comparison-slider-enhanced-edit-mode .comparison-img-edit-right { position: absolute; } .comparison-slider-enhanced-edit-mode .image-container { display: block; } .comparison-slider-enhanced-edit-mode .page-section-textpar.textcomponentenhanced.cq-Editable-dom { position: absolute; width: 100%; z-index: 1; } .comparison-slider-enhanced-edit-mode.img-border { border: 1px solid #616161; } .comparisonSliderEnhanced { /* MOBILE BREAKPOINT */ /* TABLET BREAKPOINT */ /* LAPTOP BREAKPOINT */ /* ULTRA-WIDE DESKTOP BREAKPOINT */ } .comparisonSliderEnhanced .slider-brand-green { color: #76b900; } .comparisonSliderEnhanced .slider-dark-neutral { color: #666; } .comparisonSliderEnhanced .no-wrap { white-space: nowrap; } .comparisonSliderEnhanced .comparison-slider-enhanced { position: relative; width: 100%; height: auto; top: 0px; z-index: 1; } .comparisonSliderEnhanced .comparison-slider-enhanced.img-border { border: 1px solid #616161; } .comparisonSliderEnhanced .comparison-slider-content { pointer-events: none; z-index: 6000; } .comparisonSliderEnhanced .comparison-slider-headline { pointer-events: none; color: #fff; } .comparisonSliderEnhanced .comparison-slider-content-body { pointer-events: none; color: #fff; } .comparisonSliderEnhanced .comparison-slider { overflow: inherit; } .comparisonSliderEnhanced .video-bg-left { z-index: 2 !important; } .comparisonSliderEnhanced .video-bg-right { z-index: 1 !important; } .comparisonSliderEnhanced .comparison-img-left { position: absolute; opacity: 1; display: block; left: 0px; top: 0px; z-index: 1; } .comparisonSliderEnhanced .comparison-img-right { position: absolute; opacity: 1; display: block; left: 0px; top: 0px; z-index: 0; } .comparisonSliderEnhanced .gf-compare-left { position: absolute; left: 0px; top: 0px; margin: 0; padding: 0; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .comparisonSliderEnhanced .gf-compare-right { position: absolute; left: 0px; top: 0px; margin: 0; padding: 0; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .comparisonSliderEnhanced .gf-compare-caption-left { position: absolute; left: 60px; z-index: 1000; color: #eee; cursor: pointer; font-weight: bold; font-size: 24px; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .comparisonSliderEnhanced .gf-compare-caption-right { position: absolute; right: 60px; z-index: 1001; color: #ccc; cursor: pointer; font-weight: bold; font-size: 36px; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .comparisonSliderEnhanced .gf-compare-divider { position: absolute; top: 0px; width: 2px; height: 100%; background-color: #fff; cursor: ew-resize; z-index: 1502; opacity: 0; } @media only screen and (max-width: 639px) { .comparisonSliderEnhanced .comparison-slider-enhanced { top: 0px; background-color: black; max-height: 740px; } .comparisonSliderEnhanced .comparison-slider-enhanced.img-border { border: 1px solid #616161; } .comparisonSliderEnhanced .comparison-slider-content { padding: 10px; } .comparisonSliderEnhanced .comparison-slider-headline { position: relative; top: 30px; max-width: 300px; margin: 0 auto; padding: 0; } .comparisonSliderEnhanced .comparison-slider-content-body { position: relative; top: 46px; max-width: 280px; margin: 0 auto; line-height: 1.5em; } .comparisonSliderEnhanced .comparison-slider { position: relative; width: 298px; height: 123px; margin: 0 auto; overflow: hidden; } .comparisonSliderEnhanced .video-bg-left { position: absolute; width: 100%; min-width: 300px; top: 0px; left: 50%; transform: translate(-50%, 0px); margin: 0 auto; } .comparisonSliderEnhanced .video-bg-right { position: absolute; width: 100%; min-width: 300px; top: 0px; left: 50%; transform: translate(-50%, 0px); margin: 0 auto; } .comparisonSliderEnhanced .gf-compare-dragger { position: relative; width: 24px; height: 24px; border-radius: 12px; background-color: #76b900; margin-left: -12px; cursor: ew-resize; z-index: 1800; } .comparisonSliderEnhanced .gf-compare-arrows { position: relative; width: 20px; height: 24px; background-image: url("../../../content/dam/en-zz/Solutions/geforce/ampere/rtx-3080/images/rtx-slider/ic_dragger_arrows_horiz_white_24px.svg"); background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0px auto; } .comparisonSliderEnhanced .gf-compare-caption-left { left: 15px; bottom: 10px; font-size: 16px; } .comparisonSliderEnhanced .gf-compare-caption-right { right: 15px; bottom: 10px; font-size: 16px; } .comparisonSliderEnhanced .game-logo, .comparisonSliderEnhanced .game-text { width: 100%; height: 65px; } .comparisonSliderEnhanced .game-logo { background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 15px 0; } .comparisonSliderEnhanced .comparision-vignette-top { position: absolute; width: 100%; height: 90px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 10%, rgba(0, 0, 0, 0) 40%); top: 0px; left: 0px; z-index: 100; } } @media only screen and (min-width: 640px) and (max-width: 1023px) { .comparisonSliderEnhanced .comparison-slider-enhanced { background-color: #000; } .comparisonSliderEnhanced .comparison-slider-enhanced.img-border { border: 1px solid #616161; } .comparisonSliderEnhanced .comparison-slider-content { position: relative; width: 100%; height: auto; text-align: center; margin: 0px auto; top: 100%; padding: 10px; } .comparisonSliderEnhanced .comparison-slider-headline { position: relative; top: 40px; text-shadow: 0 0 15px rgba(0, 0, 0, 0.35); z-index: 1500; margin: 0 auto; padding-top: 30px; padding-bottom: 30px; } .comparisonSliderEnhanced .comparison-slider-content-body { position: relative; top: 37px; width: 90%; width: calc(100vw - 60px); max-width: 620px; margin: 0 auto; text-align: center; line-height: 1.5em; text-shadow: 0 0 15px rgba(0, 0, 0, 0.35); z-index: 1501; } .comparisonSliderEnhanced .comparison-slider { position: relative; width: 625px; height: 257px; overflow: hidden; } .comparisonSliderEnhanced .video-bg-left { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; } .comparisonSliderEnhanced .video-bg-right { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; } .comparisonSliderEnhanced .gf-compare-dragger { position: relative; width: 48px; height: 48px; border-radius: 24px; background-color: #76b900; margin-left: -24px; cursor: ew-resize; } .comparisonSliderEnhanced .gf-compare-arrows { position: relative; width: 24px; height: 48px; background-image: url("../../../content/dam/en-zz/Solutions/geforce/ampere/rtx-3080/images/rtx-slider/ic_dragger_arrows_horiz_white_24px.svg"); background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0px auto; } .comparisonSliderEnhanced .gf-compare-caption-left { left: 20px; top: auto; bottom: 20px; font-size: 16px; } .comparisonSliderEnhanced .gf-compare-caption-right { right: 20px; top: auto; bottom: 20px; font-size: 16px; } .comparisonSliderEnhanced .game-logo, .comparisonSliderEnhanced .game-text { position: relative; width: 100%; height: 88px; left: 0px; z-index: 10; } .comparisonSliderEnhanced .game-logo { background-size: contain; background-repeat: no-repeat; background-position: center center; inset: auto !important; margin: 15px 0; } .comparisonSliderEnhanced .comparision-vignette-top { position: absolute; width: 100%; height: 120px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 70%); top: 0px; left: 0px; z-index: 100; } } @media only screen and (min-width: 1024px) and (max-width: 1349px) { .comparisonSliderEnhanced .comparison-slider-enhanced { min-height: 568px; max-height: 750px; background-color: black; } .comparisonSliderEnhanced .comparison-slider-enhanced.img-border { border: 1px solid #616161; } .comparisonSliderEnhanced .comparison-slider-content { position: absolute; width: 100%; height: 100%; text-align: center; margin: 0px auto; top: 0px; } .comparisonSliderEnhanced .comparison-slider-headline { position: relative; text-align: center; margin: 0 auto; padding-top: 60px; padding-bottom: 20px; text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); z-index: 1500; } .comparisonSliderEnhanced .comparison-slider-content-body { position: relative; width: 620px; margin: 0 auto; text-align: center; line-height: 1.5em; text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); z-index: 1501; } .comparisonSliderEnhanced .comparison-slider { position: relative; width: 954px; height: 393px; margin: 0 auto; overflow: hidden; } .comparisonSliderEnhanced .video-bg-left { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; } .comparisonSliderEnhanced .video-bg-right { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; } .comparisonSliderEnhanced .gf-compare-dragger { position: relative; width: 48px; height: 48px; border-radius: 24px; background-color: #76b900; margin-left: -24px; cursor: ew-resize; } .comparisonSliderEnhanced .gf-compare-arrows { position: relative; width: 24px; height: 48px; background-image: url("../../../content/dam/en-zz/Solutions/geforce/ampere/rtx-3080/images/rtx-slider/ic_dragger_arrows_horiz_white_24px.svg"); background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0px auto; } .comparisonSliderEnhanced .gf-compare-caption-left { left: 15px; top: auto; bottom: 20px; font-size: 16px; } .comparisonSliderEnhanced .gf-compare-caption-right { right: 15px; top: auto; bottom: 20px; font-size: 16px; } .comparisonSliderEnhanced .game-logo, .comparisonSliderEnhanced .game-text { position: absolute; width: 192px; height: 80px; right: 60px; bottom: 90px; z-index: 500; } .comparisonSliderEnhanced .game-logo { background-size: contain; background-repeat: no-repeat; background-position: center center; } .comparisonSliderEnhanced .comparision-vignette-top { position: absolute; width: 100%; height: 320px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 60px, rgba(0, 0, 0, 0) 100%); top: 0px; left: 0px; z-index: 100; } } @media only screen and (min-width: 1350px) { .comparisonSliderEnhanced .comparison-slider-enhanced { background-color: black; } .comparisonSliderEnhanced .comparison-slider-enhanced.img-border { border: 1px solid #616161; } .comparisonSliderEnhanced .comparison-slider-content { position: absolute; width: 100%; height: auto; top: 0px; left: 0px; bottom: 0px; right: 0px; max-width: 2560px; text-align: center; margin: 0 auto; } .comparisonSliderEnhanced .comparison-slider-headline { position: relative; padding-top: 60px; padding-bottom: 20px; margin: 15px auto 0px; max-width: 1290px; text-shadow: 0 1px 8px black; z-index: 1500; } .comparisonSliderEnhanced .comparison-slider-content-body { position: relative; width: 810px; margin: 0 auto; line-height: 1.5em; text-shadow: 0 0 4px black; z-index: 1501; } .comparisonSliderEnhanced .comparison-slider { position: relative; width: 1350px; height: auto; margin: 0 auto; overflow: hidden; } .comparisonSliderEnhanced .video-bg-left { position: relative; width: 100%; height: 1440px; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; } .comparisonSliderEnhanced .video-bg-right { position: relative; width: 100%; height: 1440px; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; } .comparisonSliderEnhanced .gf-compare-dragger { position: relative; width: 48px; height: 48px; border-radius: 24px; background-color: #76b900; margin-left: -24px; cursor: ew-resize; } .comparisonSliderEnhanced .gf-compare-arrows { position: relative; width: 24px; height: 48px; background-image: url("../../../content/dam/en-zz/Solutions/geforce/ampere/rtx-3080/images/rtx-slider/ic_dragger_arrows_horiz_white_24px.svg"); background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0px auto; } .comparisonSliderEnhanced .gf-compare-caption-left { left: 30px; bottom: 30px; font-size: 22px; } .comparisonSliderEnhanced .gf-compare-caption-right { right: 30px; bottom: 30px; font-size: 22px; } .comparisonSliderEnhanced .game-logo, .comparisonSliderEnhanced .game-text { position: absolute; width: 326px; height: 150px; right: 30px; bottom: 75px; z-index: 500; } .comparisonSliderEnhanced .game-logo { background-size: contain; background-repeat: no-repeat; background-position: center center; } .comparisonSliderEnhanced .comparision-vignette-top { position: absolute; width: 100%; height: 320px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 120px, rgba(0, 0, 0, 0) 100%); top: 0px; left: 0px; z-index: 100; } } .staticbreadcrumb .staticbreadcrumbdoubleline { border-style: dotted; border-color: #00d2f6; } .staticbreadcrumb .left-button { color: #1a1a1a; visibility: visible; float: left; width: 24px; height: 24px; text-align: center; padding-right: 0px; padding-left: 5px; margin-right: 5px; } .staticbreadcrumb .left-button span:first-child { line-height: 24px; } .staticbreadcrumb .right-button { color: #1a1a1a; visibility: visible; float: left; width: 24px; height: 24px; text-align: center; padding-left: 5px; } .staticbreadcrumb .right-button span:first-child { line-height: 24px; } .staticbreadcrumb .stbrdcrmbshadow { webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.25); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.25); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.25); webkit-transition: all 0.5s ease-out; moz-transition: all 0.5s ease-out; o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .staticbreadcrumb .stbrdcrmbblock { right: 0; left: 0; z-index: 650; width: 100vw; min-width: 320px; font-size: 16px; transition: top .5s; } @media screen and (max-width: 767px) { .staticbreadcrumb .arrows-hide-mob { visibility: hidden; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .staticbreadcrumb .arrows-hide-tablet { visibility: hidden; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .staticbreadcrumb .arrows-hide-laptop { display: none; } } @media screen and (min-width: 1280px) { .staticbreadcrumb .arrows-hide-desktop { display: none; } } .staticbreadcrumb .stbrdcrmbstick { position: fixed; top: 66px; } @media screen and (max-width: 767px) { .staticbreadcrumb .stbrdcrmbstick { top: 45px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .staticbreadcrumb .stbrdcrmbstick { top: 45px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .staticbreadcrumb .stbrdcrmbstick { top: 66px; } } .staticbreadcrumb .stbrdcrmbstickwthhead { position: fixed; top: 110px; } @media screen and (max-width: 767px) { .staticbreadcrumb .stbrdcrmbstickwthhead { top: 90px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .staticbreadcrumb .stbrdcrmbstickwthhead { top: 90px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .staticbreadcrumb .stbrdcrmbstickwthhead { top: 110px; } } .staticbreadcrumb .general-container { margin-left: auto; margin-right: auto; margin-top: 15px; } .staticbreadcrumb .general-container::before, .staticbreadcrumb .general-container::after { content: " "; display: table; } .staticbreadcrumb .general-container::after { clear: both; } @media screen and (max-width: 1024px) { .staticbreadcrumb .general-container { max-width: 640px; padding-right: 0; padding-left: 0; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .staticbreadcrumb .general-container { max-width: 800px; } } @media screen and (min-width: 1281px) { .staticbreadcrumb .general-container { max-width: 1280px; } } @media screen and (max-width: 767px) { .staticbreadcrumb .p-t-30.mob-p-t-15, .staticbreadcrumb .p-t-0.mob-p-t-15, .staticbreadcrumb .p-t-45.mob-p-t-15, .staticbreadcrumb .p-t-60.mob-p-t-15 { padding-top: 15px; } } @media screen and (max-width: 767px) { .staticbreadcrumb .p-b-30.mob-p-b-15, .staticbreadcrumb .p-b-0.mob-p-b-15, .staticbreadcrumb .p-b-45.mob-p-b-15, .staticbreadcrumb .p-b-60.mob-p-b-15 { padding-bottom: 15px; } } .staticbreadcrumb h2 { margin: 0; } .staticbreadcrumb .stbrdcrmb-wrapper { margin: 0 auto; display: block; width: 100%; overflow: scroll; position: relative; overflow-x: hidden; overflow-y: hidden; } @media screen and (max-width: 767px) { .staticbreadcrumb .stbrdcrmb-wrapper { max-width: 737px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .staticbreadcrumb .stbrdcrmb-wrapper { max-width: 964px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .staticbreadcrumb .stbrdcrmb-wrapper { max-width: 1280px; } } @media screen and (min-width: 1281px) { .staticbreadcrumb .stbrdcrmb-wrapper { max-width: 1280px; } } .staticbreadcrumb .stbrdcrmbitems-wrapper { float: left; } @media screen and (max-width: 375px) { .staticbreadcrumb .stbrdcrmbitems-wrapper { width: 80%; } } @media screen and (min-width: 376px) and (max-width: 767px) { .staticbreadcrumb .stbrdcrmbitems-wrapper { width: 85%; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .staticbreadcrumb .stbrdcrmbitems-wrapper { width: 904px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .staticbreadcrumb .stbrdcrmbitems-wrapper { width: 1220px; } } @media screen and (min-width: 1281px) { .staticbreadcrumb .stbrdcrmbitems-wrapper { width: 1220px; } } @media screen and (min-width: 1281px) { .staticbreadcrumb .stbrdcrmbitems-wrapper-desktop { width: 1280px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .staticbreadcrumb .stbrdcrmbitems-wrapper-laptop { width: 1280px; } } .staticbreadcrumb ul.stbrdcrmbitems { list-style: outside none none; margin: 0; padding: 0; font-size: 0; overflow: auto; overflow-y: hidden; width: 100%; list-style-position: inside; left: 0; right: 0; white-space: nowrap; float: left; text-align: center; line-height: 0px; } @media screen and (max-width: 767px) { .staticbreadcrumb ul.stbrdcrmbitems li:first-child { margin-left: 0; } } @media screen and (min-width: 768px) { .staticbreadcrumb ul.stbrdcrmbitems li:first-child { margin-left: 0; } } @media screen and (max-width: 767px) { .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem:first-child { margin-left: 0; } } @media screen and (max-width: 767px) { .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem:last-child { margin-right: 0; } } .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem:first-child:nth-last-child(2), .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem:first-child:nth-last-child(2) ~ li { width: 50% !important; } .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem:first-child:nth-last-child(2n+1), .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem:first-child:nth-last-child(2n+1) ~ li { width: 33.3333%; } @media screen and (max-width: 767px) { .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem:first-child:nth-last-child(2n+1), .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem:first-child:nth-last-child(2n+1) ~ li { width: 45%; } } .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem:first-child:nth-last-child(2n), .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem:first-child:nth-last-child(2n) ~ li { width: 33.3333%; } @media screen and (max-width: 767px) { .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem:first-child:nth-last-child(2n), .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem:first-child:nth-last-child(2n) ~ li { width: 45%; } } .staticbreadcrumb ul.stbrdcrmbitems li.current { border-bottom: 4px solid #76b900; } .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem.current { border-bottom: 4px solid #76b900; padding-bottom: 0; } .staticbreadcrumb ul.stbrdcrmbitems li { display: inline-block; font-size: 16px; line-height: 24px; text-transform: uppercase; margin-right: 15px; margin-left: 15px; list-style: none; } @media screen and (max-width: 767px) { .staticbreadcrumb ul.stbrdcrmbitems li { margin-left: 7.5px; margin-right: 7.5px; } } @media screen and (max-width: 1280px) { .staticbreadcrumb ul.stbrdcrmbitems li .responsive-image { width: 90%; } } @media screen and (min-width: 1281px) { .staticbreadcrumb ul.stbrdcrmbitems li .responsive-image { width: 75%; } } .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem { margin: 0; border-bottom: 1px solid #cccccc; padding-bottom: 3px; } .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem h2 { padding-top: 23px; padding-bottom: 25px; overflow-x: auto; overflow-y: hidden; } @media screen and (max-width: 767px) { .staticbreadcrumb ul.stbrdcrmbitems li.stbrdcrmbitem h2 { padding-top: 12px; padding-bottom: 14px; } } .nvFileUpload #nv-file-upload input[type='submit'] { padding: 10px 10px 8px; background: #76b900; border: 2px solid #76b900; color: #fff; text-transform: uppercase; font-weight: bold; } .nvFileUpload #nv-file-upload input[type='submit']:hover { background-color: #6aa700; border: 2px solid #6aa700; } .nvFileUpload .progress-bar { height: 20px; width: 250px; border: 2px solid #6aa700; } .nvFileUpload .progress-bar .progress-bar-fill { height: 100%; width: 0%; background-color: #76b900; display: flex; transition: width 0.25s; } .nvFileUpload .progress-bar .progress-bar-fill .progress-bar-text { margin-left: 10px; font-weight: bold; } /* . . . */ /*!# sourceMappingURL=nvidiaGDC/clientlibs-all/css/allComponents.css.map */ /*# sourceMappingURL=allComponents.css.map */