@import url("https://dlcdnimgs.asus.com/vendor/public/fonts/css/roboto.css"); .force-UTF-8 { content: "¡" } @font-face { font-family: 'TTNormsProNormal'; src: url("https://dlcdnwebimgs.asus.com/files/media/db9e60e2-7c52-4267-9f4f-365c47f384cf/v2/fonts/TTNormsProNormal.ttf"); font-weight: normal; font-style: normal; } /*! * * Strix GTX1080 main.css * @version 20170310 * */ .mwrap { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } /* .mwrap div,.mwrap span,.mwrap applet,.mwrap object,.mwrap iframe,.mwrap h1,.mwrap h2,.mwrap h3,.mwrap h4,.mwrap h5,.mwrap h6,.mwrap p,.mwrap blockquote,.mwrap pre,.mwrap a,.mwrap abbr,.mwrap acronym,.mwrap address,.mwrap big,.mwrap cite,.mwrap code,.mwrap del,.mwrap dfn,.mwrap em,.mwrap img,.mwrap ins,.mwrap kbd,.mwrap q,.mwrap s,.mwrap samp,.mwrap small,.mwrap strike,.mwrap strong,.mwrap sub,.mwrap sup,.mwrap tt,.mwrap var,.mwrap b,.mwrap u,.mwrap i,.mwrap center,.mwrap dl,.mwrap dt,.mwrap dd,.mwrap ol,.mwrap ul,.mwrap li,.mwrap fieldset,.mwrap form,.mwrap label,.mwrap legend,.mwrap table,.mwrap caption,.mwrap tbody,.mwrap tfoot,.mwrap thead,.mwrap tr,.mwrap th,.mwrap td,.mwrap article,.mwrap aside,.mwrap canvas,.mwrap details,.mwrap embed,.mwrap figure,.mwrap figcaption,.mwrap footer,.mwrap header,.mwrap hgroup,.mwrap menu,.mwrap nav,.mwrap output,.mwrap ruby,.mwrap section,.mwrap summary,.mwrap time,.mwrap mark,.mwrap audio,.mwrap video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline } */ #special-sectionOverview div,#special-sectionOverview span,#special-sectionOverview applet,#special-sectionOverview object,#special-sectionOverview iframe,#special-sectionOverview h1,#special-sectionOverview h2,#special-sectionOverview h3,#special-sectionOverview h4,#special-sectionOverview h5,#special-sectionOverview h6,#special-sectionOverview p,#special-sectionOverview blockquote,#special-sectionOverview pre,#special-sectionOverview a,#special-sectionOverview abbr,#special-sectionOverview acronym,#special-sectionOverview address,#special-sectionOverview big,#special-sectionOverview cite,#special-sectionOverview code,#special-sectionOverview del,#special-sectionOverview dfn,#special-sectionOverview em,#special-sectionOverview img,#special-sectionOverview ins,#special-sectionOverview kbd,#special-sectionOverview q,#special-sectionOverview s,#special-sectionOverview samp,#special-sectionOverview small,#special-sectionOverview strike,#special-sectionOverview strong,#special-sectionOverview sub,#special-sectionOverview sup,#special-sectionOverview tt,#special-sectionOverview var,#special-sectionOverview b,#special-sectionOverview u,#special-sectionOverview i,#special-sectionOverview center,#special-sectionOverview dl,#special-sectionOverview dt,#special-sectionOverview dd,#special-sectionOverview ol,#special-sectionOverview ul,#special-sectionOverview li,#special-sectionOverview fieldset,#special-sectionOverview form,#special-sectionOverview label,#special-sectionOverview legend,#special-sectionOverview table,#special-sectionOverview caption,#special-sectionOverview tbody,#special-sectionOverview tfoot,#special-sectionOverview thead,#special-sectionOverview tr,#special-sectionOverview th,#special-sectionOverview td,#special-sectionOverview article,#special-sectionOverview aside,#special-sectionOverview canvas,#special-sectionOverview details,#special-sectionOverview embed,#special-sectionOverview figure,#special-sectionOverview figcaption,#special-sectionOverview footer,#special-sectionOverview header,#special-sectionOverview hgroup,#special-sectionOverview menu,#special-sectionOverview nav,#special-sectionOverview output,#special-sectionOverview ruby,#special-sectionOverview section,#special-sectionOverview summary,#special-sectionOverview time,#special-sectionOverview mark,#special-sectionOverview audio,#special-sectionOverview video{ font-family: "Roboto", "Arial", "sans-serif"; } .mwrap table { border-collapse: collapse; border-spacing: 0 } .mwrap caption,.mwrap th,.mwrap td { text-align: left; font-weight: normal; vertical-align: middle } .mwrap q,.mwrap blockquote { quotes: none } .mwrap q:before,.mwrap q:after,.mwrap blockquote:before,.mwrap blockquote:after { content: ""; content: none } .mwrap a img { border: none } .mwrap *:focus { outline: 0 } .mwrap * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent } .mwrap img { display: block; image-rendering: optimizeQuality; image-rendering: auto; -ms-interpolation-mode: bicubic } .mwrap a { color: #fff; text-decoration: none } .no-mobile .mwrap a { -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out } .mwrap p { margin: 0 0 1em; padding: 0 } .mwrap p:last-child { margin-bottom: 0 } .mwrap b { font-weight: normal } .mwrap small { font-size: inherit } .mwrap h1 img,.mwrap h2 img,.mwrap h3 img,.mwrap h4 img,.mwrap h5 img,.mwrap h6 img { margin: 0; vertical-align: bottom } .mwrap blockquote { margin: 0; padding: 0; border: none } .mwrap ul,.mwrap ol { list-style: none; display: block } html #main-zone { overflow: visible !important; padding-right: 0 !important; padding-left: 0 !important; background: black } html #asus-api-header { position: relative !important } html #overview #special-sectionOverview,html #overview #sectionOverview { width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; padding-bottom: 0 !important; margin: 0 !important; border: 0 !important; float: none !important } html #overview #special-sectionOverview img,html #overview #sectionOverview img { max-width: none } html #product_content_area img { max-width: none } @media (max-width: 959px) { .m-wrap img { max-width:none !important } } #product_content_area p { margin: 0 } #sectionOverview p,#special-sectionOverview p { margin-bottom: 1em } #sectionOverview p:last-child,#special-sectionOverview p:last-child { margin-bottom: 0 } #overview #sectionOverview { line-height: inherit } .outer-wrapper[style] { width: auto !important } @font-face { font-family: 'xolonium'; src: url("../css/font/xolonium.eot"); src: url("../css/font/xolonium.eot?#iefix") format("embedded-opentype"),url("../css/font/xolonium.otf") format("opentype"),url("../css/font/xolonium.woff") format("woff"),url("../css/font/xolonium.ttf") format("truetype"),url("../css/font/xolonium.svg#rogfont") format("svg"); font-weight: normal; font-style: normal } .mwrap { position: relative; margin: 0 auto; background: black; line-height: 1.64706; font-family: "Roboto",Arial,"STHeiti Light",STXihei,STHeiti,"Apple LiGothic Medium",\5FAE\8EDF\6B63\9ED1\9AD4,"微軟正黑體","Microsoft JhengHei",sans-serif; font-size: 17px; font-weight: 300; color: #fff } .mwrap sup { position: relative; top: -.4em; font-size: 75% } .mwrap a:hover { color: inherit; text-decoration: none } .mwrap .heading { font-weight: 400; font-size: 1.76471em; line-height: 1.2em } .mwrap .heading .nowrap { white-space: nowrap } .mwrap .tagline { margin-top: .3em; margin-bottom: 1.1em; font-size: 1.29412em; font-style: italic; line-height: 1.2em } .mwrap .descr a { color: inherit; text-decoration: underline } .mwrap .descr a:hover,.mwrap .descr a:active { opacity: .7 } .mwrap .learnmore { margin-top: 1em; color: #0e71aa } .mwrap .learnmore a { text-decoration: underline; color: inherit } .mwrap .learnmore a:hover,.mwrap .learnmore a:active { color: #fff } .mwrap .badgerow { overflow: hidden; *zoom:1;margin-top: 1.5625em } .mwrap .badgerow .featicon { display: inline-block; vertical-align: top; margin-right: 0.9375em } .mwrap .badgerow .featicon:first-child { margin-top: 0 !important } .mwrap .badgerow .featicon:last-child { margin-right: 0 } .mwrap .badgerow .featicon img { width: 100%; height: auto } .mwrap br.m { display: none } #mWrap #rr4 .blockR4:first-child { /*display: none*/ /*20190109*/ } @media screen and (max-width: 768px) { .mwrap { font-size:16px } .mwrap .heading { font-size: 1.5em } #mWrap #rr4 .blockR4:first-child { display: block; } #mWrap #rr4 .blockR4:last-child { display: none; } } @media screen and (max-width: 640px) { .mwrap .tagline { margin-top:.5em; margin-bottom: 1.5em; font-size: 0.9375em } .mwrap br.pc { display: none } .mwrap br.m { display: block } } @media screen and (max-width: 360px) { .mwrap { font-size:15px } } .mwrap .auratitle { position: relative; z-index: 1; height: 390px } .mwrap .auratitle+.msect { z-index: 2 } .mwrap .auratitle.bg-blue span { background-image: url("../img/bg-aura-blue.jpg"); color: #00c6ff } .mwrap .auratitle.bg-yellow span { background-image: url("../img/bg-aura-yellow.jpg"); color: #ffff32 } .mwrap .auratitle.bg-magenta span { background-image: url("../img/bg-aura-magenta.jpg"); color: #ff009c } .mwrap .auratitle.bg-cyan span { background-image: url("../img/bg-aura-cyan.jpg"); color: #39fff3 } .mwrap .auratitle.bg-lime span { background-image: url("../img/bg-aura-lime.jpg"); color: #00ff18 } .mwrap .auratitle.bg-gold span { background-image: url("../img/bg-aura-gold.jpg"); color: #ffa800 } .mwrap .auratitle span { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 800px; padding-top: 230px; padding-left: 5%; padding-right: 5%; font-family: "Roboto", "Arial", "sans-serif"; font-size: 3.52941em; line-height: 1em; text-align: center; background: no-repeat 50% 0% } @media (max-width: 1280px) { .mwrap .auratitle span { -moz-background-size:150% auto; -o-background-size: 150% auto; -webkit-background-size: 150% auto; background-size: 150% auto } } @media screen and (max-width: 960px) { .mwrap .auratitle { height:250px } .mwrap .auratitle span { padding-top: 150px; font-size: 2.625em } } @media screen and (max-width: 768px) { .mwrap .auratitle { height:160px } .mwrap .auratitle span { padding-top: 100px; font-size: 1.875em } } @media screen and (max-width: 640px) { .mwrap .auratitle { height:auto } .mwrap .auratitle span { height: auto; padding-top: 40px; text-align: left; line-height: 1.05em; background: none !important } } .mwrap .icn-play { display: block; width: 91px; height: 91px; margin-left: auto; margin-right: auto; margin-bottom: 1em; background: url("../img/icon-play.png"); -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover } @media screen and (max-width: 768px) { .mwrap .icn-play { width:65px; height: 65px; margin-bottom: .6em } } /*.mwrap { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none } */ .mwrap .text,.mwrap .descr,.mwrap .tt,.mwrap .dd,.mwrap .auratitle { /*-moz-user-select: text;*/ -ms-user-select: text; -webkit-user-select: text; user-select: text } .mwrap ::selection { background: #fff } html,body { overflow-x: hidden } #mWrap { background: black } #mContent { position: relative; width: 100%; overflow: hidden; margin-left: auto !important; margin-right: auto !important } #mContent:before,#mContent:after { content: ""; display: table } #mContent:after { clear: both } #mContent { zoom:1} .mwrap .msect { position: relative } .mwrap .msect-inner { position: relative; z-index: 2; max-width: 1020px; max-width: 1200px; margin-left: auto; margin-right: auto } .mwrap .msect-inner:before,.mwrap .msect-inner:after { content: ""; display: table } .mwrap .msect-inner:after { clear: both } .mwrap .msect-inner { zoom:1} #gtx-intro { height: 1080px } #gtx-intro .text { float: left; position: absolute; top: 300px; left: -95px; z-index: 2 } #gtx-intro .text .heading { margin-bottom: .7em; font-family: "TTNormsProNormal", "Segoe UI", sans-serif !important; font-size: 2.82353em; line-height: 1.05em; color: #00c6ff } #gtx-intro .text .descr { width: 520px } #gtx-intro .hero { float: left; position: absolute; top: -17px; left: 50%; z-index: 1; width: 1199px; margin-left: -200px } #gtx-intro .hero .base { position: relative; z-index: 1; width: 100%; height: auto } #gtx-intro .hero .tint { visibility: hidden; display: block; float: left; position: absolute; top: 0px; left: 20.93411%; z-index: 2; padding-top: 38.94912%; width: 39.28274% } html.mobile #gtx-intro .hero .tint { left: 21.05922% } #gtx-intro .hero .tint.ie { height: 35.46023% } #gtx-intro .hero .tint svg { display: block; opacity: .7; fill: #ffa800; width: 100%; height: 100% } @media (max-width: 1280px) { #gtx-intro .text { left:20px; top: 250px } #gtx-intro .text .descr { width: 50.98039% } #gtx-intro .hero { width: 1000px } } @media screen and (max-width: 768px) { #gtx-intro { height:auto; margin-top: 40px } #gtx-intro .text { display: block; width: 90%; float: none; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0 } #gtx-intro .text .heading { font-size: 1.875em } #gtx-intro .text .descr { width: auto } #gtx-intro .text .badgerow { display: none } #gtx-intro .hero { position: relative; left: 0; margin-left: 0; float: none; width: 110%; margin-left: -5% } } #gtx-overview { margin-top: 100px } #gtx-overview .overview .base { max-width: 100% !important; height: auto; margin-left: auto; margin-right: auto } @media screen and (max-width: 768px) { #gtx-overview { margin-top:60px } } @media screen and (max-width: 640px) { #gtx-overview { margin-top:40px } } #gtx-performance { margin-top: 40px } #gtx-performance .msect-inner { max-width: 1920px } #gtx-performance .row1 { float: left; width: 50% } #gtx-performance .row1 .inner { margin-left: 40px; margin-right: 20px } #gtx-performance .row2 { float: right; width: 50% } #gtx-performance .row2 .inner { margin-right: 40px; margin-left: 20px } #gtx-performance .inner { background: #1b1b1b; padding-bottom: 1em; text-align: center } #gtx-performance .game { position: relative; margin-bottom: 1em } #gtx-performance .pic { width: 100%; height: auto } #gtx-performance .fps { position: absolute; right: 15px; bottom: 15px; width: 17.55556%; height: auto } #gtx-performance .descr { font-size: 85% } #gtx-performance .chart img { display: block; margin-left: auto; margin-right: auto } @media screen and (max-width: 768px) { #gtx-performance .row1 { float:none; width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 20px } #gtx-performance .row2 { float: none; width: 90%; margin-left: auto; margin-right: auto } #gtx-performance .row1 .inner { margin-left: 0; margin-right: 0 } #gtx-performance .row2 .inner { margin-left: 0; margin-right: 0 } } #mWrap #gtx-performance .chart img { max-width: 100% !important } #gtx-cooling { margin-top: 50px } #gtx-cooling .msect-inner { width: 100%; max-width: 100% } #gtx-cooling .mrow { display: table; width: 100%; max-width: 1920px; margin-left: auto; margin-right: auto } #gtx-cooling .mrow:before,#gtx-cooling .mrow:after { content: ""; display: table } #gtx-cooling .mrow:after { clear: both } #gtx-cooling .mrow { zoom:1} #gtx-cooling .mrow .text { width: 50%; display: table-cell; vertical-align: middle } #gtx-cooling .mrow .text .heading { color: #00c6ff } #gtx-cooling .mrow .text .descr strong { font-weight: 700 } #gtx-cooling .mrow .text .descr p { margin-bottom: .5em } #gtx-cooling .mrow .text .asterisk { margin-top: 1em; color: #919191; line-height: 1.4; font-size: 93% } #gtx-cooling .mrow .text .asterisk a { color: inherit; text-decoration: underline } #gtx-cooling .mrow .text-inner { width: 70%; max-width: 680px; margin-left: auto; margin-right: auto } #gtx-cooling .mrow .pic { position: relative; display: table-cell; width: 50% } #gtx-cooling .mrow .pic img { width: 100%; height: auto } #gtx-cooling .mrow .pic video { display: block; width: 100%; height: auto } #gtx-cooling .mrow .pic.hide-at-pc { display: none } #gtx-cooling .row-fanconnect .pic .base { position: relative; z-index: 1 } #gtx-cooling .row-fanconnect .pic .fan-headers { width: 26.25%; float: left; position: absolute; top: 0px; left: 63.54167%; z-index: 2; padding-top: 9.375% } #gtx-cooling .row-fanconnect .pic .fan-headers .img { width: 100%; height: auto } #gtx-cooling .row-fanconnect .pic .fan-headers .tt { position: absolute; right: 105%; bottom: 30%; white-space: nowrap; text-align: center; line-height: 1.2; color: #00c6ff; font-weight: 400; font-size: 123%; text-shadow: 0 0 4px black, 0 0 8px black } @media (max-width: 1280px) { #gtx-cooling .mrow { margin-bottom:60px } #gtx-cooling .mrow .text,#gtx-cooling .mrow .pic { vertical-align: top } #gtx-cooling .mrow .text-inner { width: 90%; max-width: 90% } #gtx-cooling .row-fanconnect .pic .fan-headers .tt { font-size: 85% } } @media screen and (max-width: 960px) { #gtx-cooling .mrow { font-size:85% } } @media screen and (max-width: 768px) { #gtx-cooling .mrow { display:block; margin-bottom: 25px; font-size: inherit } #gtx-cooling .mrow .text { display: block; width: 90%; margin-left: auto; margin-right: auto } #gtx-cooling .mrow .text-inner { width: 100%; max-width: 100% } #gtx-cooling .mrow .pic { display: block; width: 100%; margin-bottom: 25px } #gtx-cooling .mrow .pic.hide-at-pc { display: block } #gtx-cooling .mrow .pic.hide-at-mb { display: none } } @media screen and (max-width: 640px) { #gtx-cooling { margin-top:40px } } #gtx-auto-extreme { margin-top: 50px } #gtx-auto-extreme .intro { margin-bottom: 30px } #gtx-auto-extreme .intro:before,#gtx-auto-extreme .intro:after { content: ""; display: table } #gtx-auto-extreme .intro:after { clear: both } #gtx-auto-extreme .intro { zoom:1} #gtx-auto-extreme .intro .text { float: left; width: 57.84314%; max-width: 590px; margin-left: -4.90196% } #gtx-auto-extreme .intro .text .heading { color: #33eaff } #gtx-auto-extreme .intro .video { position: relative; float: right; width: 43.13725%; max-width: 440px; margin-right: -4.90196%; margin-top: -10px; overflow: hidden; background: black } #gtx-auto-extreme .intro .video .preview { position: relative; z-index: 1; width: 145.45455%; height: auto; margin-left: -22.72727%; opacity: .5; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; -webkit-transition: opacity 0.15s; transition: opacity 0.15s } html.mobile #gtx-auto-extreme .intro .video .preview { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none } #gtx-auto-extreme .intro .video .icn-play { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0; margin: auto } #gtx-auto-extreme .intro .video .playable { display: block; height: 100% } #gtx-auto-extreme .intro .video .playable:hover .preview { opacity: 1 } #gtx-auto-extreme .piclist { width: 101% } #gtx-auto-extreme .piclist:before,#gtx-auto-extreme .piclist:after { content: ""; display: table } #gtx-auto-extreme .piclist:after { clear: both } #gtx-auto-extreme .piclist { zoom:1} #gtx-auto-extreme .piclist-item { position: relative; float: left; width: 33.3%; overflow: hidden } #gtx-auto-extreme .piclist-item .pic { position: relative; margin: 0; /*20190109*/ z-index: 1; -webkit-filter: grayscale(100%) contrast(110%); filter: grayscale(100%) contrast(110%); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) } #gtx-auto-extreme .piclist-item .pic img { width: 100%; height: auto } #gtx-auto-extreme .piclist-item .tt { float: left; position: absolute; bottom: 1em; left: 5%; z-index: 3; width: 90%; color: #33eaff; font-weight: 400; font-size: 108%; line-height: 1.5; text-align: center; -moz-transition: color 0.15s; -o-transition: color 0.15s; -webkit-transition: color 0.15s; transition: color 0.15s } #gtx-auto-extreme .piclist-item .pattern { float: left; position: absolute; top: 0px; left: 0px; z-index: 2; width: 100%; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAQAAABKxSfDAAAADklEQVQYV2NgQIAuipkAfNQDPXsSINQAAAAASUVORK5CYII=); background-color: rgba(0,0,0,0.1); opacity: 1; -moz-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) } #gtx-auto-extreme .piclist-item:hover .pic,#gtx-auto-extreme .piclist-item:active .pic { -webkit-filter: grayscale(0%) contrast(100%); filter: grayscale(0%) contrast(100%); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } #gtx-auto-extreme .piclist-item:hover .pattern,#gtx-auto-extreme .piclist-item:active .pattern { opacity: 0 } #gtx-auto-extreme .piclist-item:hover .tt,#gtx-auto-extreme .piclist-item:active .tt { color: white } html.mobile #gtx-auto-extreme .piclist-item .pic,html.mobile #gtx-auto-extreme .piclist-item .tt,html.mobile #gtx-auto-extreme .piclist-item .pattern { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none } @media (max-width: 1280px) { #gtx-auto-extreme .intro .text { width:55.88235%; margin-left: 1.96078% } #gtx-auto-extreme .intro .video { width: 38.23529%; margin-right: 1.96078% } } @media screen and (max-width: 960px) { #gtx-auto-extreme .piclist { width:100% } #gtx-auto-extreme .piclist-item { width: 50% } } @media screen and (max-width: 768px) { #gtx-auto-extreme .intro .text { display:block; width: 90%; float: none; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; margin-bottom: 25px } #gtx-auto-extreme .intro .video { float: none; margin-top: 0; width: 70%; max-width: 70%; margin-left: auto; margin-right: auto } } @media screen and (max-width: 640px) { #gtx-auto-extreme { margin-top:40px } #gtx-auto-extreme .intro .video { width: 90%; max-width: 90% } #gtx-auto-extreme .piclist { width: 90%; margin-left: auto; margin-right: auto } #gtx-auto-extreme .piclist-item { width: 100% } } @media screen and (max-width: 360px) { #gtx-auto-extreme .piclist-item .pattern { background-image:none; background-color: rgba(0,0,0,0.3) } } #gtx-alloy .msect-inner { height: 702px } #gtx-alloy .text { position: relative; z-index: 2; width: 600px; padding-top: 282px; margin-left: -250px } #gtx-alloy .text .heading { color: #ff009c } #gtx-alloy .hero { float: left; position: absolute; top: 0px; left: 390px; z-index: 1 } @media (max-width: 1600px) { #gtx-alloy .text { margin-left:-60px } } @media (max-width: 1280px) { #gtx-alloy .text { margin-left:20px; width: 50.98039% } #gtx-alloy .hero { left: 39.21569% } } @media screen and (max-width: 768px) { #gtx-alloy { margin-top:40px } #gtx-alloy .msect-inner { height: auto } #gtx-alloy .text { display: block; width: 90%; float: none; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; padding-top: 0 } #gtx-alloy .hero { display: block; width: 90%; float: none; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; width: 100% } #gtx-alloy .hero img { width: 100%; height: auto } } #gtx-lighting .text { width: 90.68627%; margin-left: auto; margin-right: auto; margin-bottom: 70px; text-align: center } #gtx-lighting .text .heading { color: #39fff3 } #gtx-lighting .text .tagline { position: relative; display: inline-block; margin-bottom: 2em } #gtx-lighting .text .tagline .icn-lighting { float: left; position: absolute; bottom: -0.7em; left: 100%; width: 96px; height: 96px; margin-left: 30px } #gtx-lighting .hero { position: relative; width: 76.47059%; max-width: 780px; margin-left: 23.52941%; margin-bottom: 20px } #gtx-lighting .hero .device { width: 100%; overflow: hidden } #gtx-lighting .hero .device .base { position: relative; z-index: 2; width: 100%; height: auto } #gtx-lighting .hero .device .tint { display: block; float: left; position: absolute; top: 0.5%; left: 0.5%; z-index: 1; width: 99%; height: 99%; background: #39fff3 } #gtx-lighting .hero .colorpicker { float: left; position: absolute; top: 73px; right: 100%; z-index: 4; width: 30.76923%; margin-right: 0; text-align: center } #gtx-lighting .hero .colorpicker .descr { margin-bottom: 1em } #gtx-lighting .hero .colorpicker .farbtastic { position: relative } #gtx-lighting .hero .colorpicker .farbtastic * { position: absolute; cursor: crosshair } #gtx-lighting .hero .colorpicker .farbtastic,#gtx-lighting .hero .colorpicker .farbtastic .wheel { width: 195px; height: 195px } #gtx-lighting .hero .colorpicker .farbtastic .color,#gtx-lighting .hero .colorpicker .farbtastic .overlay { top: 47px; left: 47px; width: 101px; height: 101px } #gtx-lighting .hero .colorpicker .farbtastic .wheel { background: no-repeat url("data:image/png;base64,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"); width: 195px; height: 195px } #gtx-lighting .hero .colorpicker .farbtastic .overlay { background: no-repeat url("data:image/png;base64,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") } #gtx-lighting .hero .colorpicker .farbtastic .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAK3RFWHRDcmVhdGlvbiBUaW1lAHZyIDE0IGp1bCAyMDA2IDEzOjMxOjIzICswMTAwHvJDZwAAAAd0SU1FB9YHDgsgJYiZ4bUAAAAJcEhZcwAALiIAAC4iAari3ZIAAAAEZ0FNQQAAsY8L/GEFAAAB5ElEQVR42q2Tz0sqURTH72Qq4mASSAoSIfSDdCEI8qJFLXSjLYSQNoGLINrI8/0ZD9q0KnDlKkIMebmP9xZRCEEiLQLBiMiNJDYq/Zg573vpCkM6CdGBD3Pn3OvXe77nDGPfENKwJBHx/CxYAtNAAVfgXJKk7khVCCyCP6ALVKAJXkEdbINxw5tgM4HHPphSFEUql8usXq8zWZZZKBRiPp+PH3sBx2Br4FbiBg+aplGxWKRgMPiMH1+YTKZDq9V64na7G+l0mprNJo7RG/g94IEoQSsUCuRyue6QToIJYAJWMA/Bo2QySZ1Ohws9gZBeZI570Gq1yO/395BKGJg+ZbFYznK5HAmf9vQiKW5iqVQim832Fyn5E+83Y7EYieAdY2Nig7dRqtVqrNfr3YiWGsVltVrtr2f0IrwEZrfbGeqWhQ9GMeFwOPprRS9SAWo4HGZOp/MH1l4DAS6+HolE+u9Xek9kcK+qKqVSKUL/s0hPDhFY83g8j5VKhcQg7nxs80/w0mg0KB6Pa2az+RTpDbDA3sd/lwvk8/l+Z7iS/FHEAor8H9rtNmWzWYpGo+T1eikQCFAmkyFxAy7AJ255aMHYcIID8d1oNBi8hGuwwkYFDq0CPlG3YsTb4B/4BRwjBb4S/wGzT16tu5THiAAAAABJRU5ErkJggg==") } #gtx-lighting .hero .colorpicker .farbtastic { margin-left: auto; margin-right: auto } #gtx-lighting .effects { text-align: center } #gtx-lighting .effects .descr { margin-bottom: 20px } #gtx-lighting .effectlist { width: 97%; margin-left: auto; margin-right: auto; white-space: nowrap; letter-spacing: -3px } #gtx-lighting .effectlist:before,#gtx-lighting .effectlist:after { content: ""; display: table } #gtx-lighting .effectlist:after { clear: both } #gtx-lighting .effectlist { zoom:1} #gtx-lighting .effectlist .item { display: inline-block; vertical-align: top; white-space: normal; width: 16.66667%; letter-spacing: normal; text-align: center } #gtx-lighting .effectlist .item .icn { position: relative; width: 96px; height: 96px; margin-left: auto; margin-right: auto; margin-bottom: 15px; font-size: 1em } #gtx-lighting .effectlist .item .icn .normal { position: relative; z-index: 1 } #gtx-lighting .effectlist .item .icn .active { display: none; float: left; position: absolute; top: 0px; left: 0px; z-index: 2 } #gtx-lighting .effectlist .item .tt { margin-bottom: .2em; font-weight: 400 } #gtx-lighting .effectlist .item .dd { padding-left: 3px; padding-right: 3px; line-height: 1.5 } html.no-mobile #gtx-lighting .effectlist .item { cursor: pointer; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s } html.no-mobile #gtx-lighting .effectlist .item .icn { -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s } html.no-mobile #gtx-lighting .effectlist .item .icn .active { display: block; opacity: 0; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s } html.no-mobile #gtx-lighting .effectlist .item.on { opacity: 1 !important } html.no-mobile #gtx-lighting .effectlist .item.on .icn .active { opacity: 1 } html.no-mobile #gtx-lighting .effectlist .item.on .tt { color: #39fff3 } html.no-mobile #gtx-lighting .effectlist .item:hover { opacity: .7 } html.no-mobile #gtx-lighting .effectlist .item:hover .icn { opacity: 1 } html.no-mobile #gtx-lighting .effectlist .item[data-lightingEffect="cpu"] { opacity: 1 !important; cursor: default } html.no-mobile #gtx-lighting .effectlist .item[data-lightingEffect="cpu"] .icn { opacity: 1 !important } @media screen and (max-width: 960px) { #gtx-lighting .effectlist .item { font-size:0.9375em } #gtx-lighting .effectlist .item .dd { font-size: 0.875em } } @media screen and (max-width: 768px) { #gtx-lighting { margin-top:40px } #gtx-lighting .text { width: 90%; margin-bottom: 20px; text-align: left } #gtx-lighting .text .tagline .icn-lighting { bottom: -1em } #gtx-lighting .hero { width: 92%; max-width: 92%; margin-left: auto; margin-right: auto } #gtx-lighting .hero .colorpicker { display: none } #gtx-lighting .effects { text-align: left } #gtx-lighting .effects .descr { width: 90%; margin-left: auto; margin-right: auto } #gtx-lighting .effectlist .item { float: left; width: 33.3%; margin-bottom: 2em } } @media screen and (max-width: 520px) { #gtx-lighting .effectlist .item { width:50% } } @media screen and (max-width: 400px) { #gtx-lighting .text .tagline { display:block; margin-bottom: 1em } #gtx-lighting .text .tagline .icn-lighting { position: static; float: none; margin-left: auto; margin-right: auto; margin-top: 1em } } #gtx-modular-shroud { margin-top: 100px } #gtx-modular-shroud .text { position: relative; z-index: 3; width: 50.98039%; margin-left: 40px; margin-bottom: 70px; padding-top: 50px } #gtx-modular-shroud .text .heading { color: #39fff3 } #gtx-modular-shroud .text a { color: #fff; text-decoration: underline } #gtx-modular-shroud .text a:hover,#gtx-modular-shroud .text a:active { color: #aaa } #gtx-modular-shroud .demo { position: relative; z-index: 2; width: 554px } #gtx-modular-shroud .demo .hood { float: left; position: absolute; top: -10px; left: 16px; z-index: 2; width: 46.38989%; height: auto; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100% } #gtx-modular-shroud .demo .hood img { width: 100%; height: auto } #gtx-modular-shroud .demo .hood .normal { position: relative; z-index: 1 } #gtx-modular-shroud .demo .hood .glow { float: left; position: absolute; top: 0px; left: 0px; z-index: 2; visibility: hidden } #gtx-modular-shroud .demo .base { position: relative; z-index: 1; width: 100%; height: auto } #gtx-modular-shroud .hero { float: left; position: absolute; top: -40px; left: 50%; z-index: 1; width: 920px; margin-left: -300px } #gtx-modular-shroud .hero img { width: 100%; height: auto } #gtx-modular-shroud .asterisk { margin-left: 40px; margin-top: 1em; color: #919191; line-height: 1.5 } #gtx-modular-shroud .asterisk a { color: inherit; text-decoration: underline } #gtx-modular-shroud .asterisk a:hover,#gtx-modular-shroud .asterisk a:active { color: white } @media (max-width: 1024px) { #gtx-modular-shroud .text { margin-left:20px } #gtx-modular-shroud .hero { margin-left: -360px } } @media screen and (max-width: 768px) { #gtx-modular-shroud { margin-top:40px } #gtx-modular-shroud .text { display: block; width: 90%; float: none; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; margin-bottom: 50px; padding-top: 0 } #gtx-modular-shroud .demo { width: 92%; max-width: 554px; margin-left: auto; margin-right: auto } #gtx-modular-shroud .hero { display: block; width: 90%; float: none; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; width: 150%; margin-left: -48% } } @media screen and (max-width: 520px) { #gtx-modular-shroud .text { margin-bottom:40px } } #gtx-vr-friendly { margin-top: 50px } #gtx-vr-friendly .text { position: relative; z-index: 2; width: 56.56863%; margin-left: auto; margin-right: -120px } #gtx-vr-friendly .text .heading { color: #ffa800 } #gtx-vr-friendly .text .descr { margin-bottom: 30px } #gtx-vr-friendly .text .port { margin-bottom: 30px } #gtx-vr-friendly .text .beyondready { position: relative; padding-left: 158px; min-height: 77px } #gtx-vr-friendly .text .beyondready .badge { float: left; position: absolute; top: -10px; left: 0px; width: 138px; height: auto } #gtx-vr-friendly .text .beyondready a { text-decoration: underline } #gtx-vr-friendly .text .beyondready a:hover,#gtx-vr-friendly .text .beyondready a:active { color: #ffa800 } #gtx-vr-friendly .text .pic { display: none } #gtx-vr-friendly .hero { float: left; position: absolute; top: 0px; left: 0px; z-index: 1; width: 48.4375%; max-width: 900px } #gtx-vr-friendly .hero img { width: 100%; height: auto } @media (max-width: 1280px) { #gtx-vr-friendly .text { width:49.01961%; margin-right: 20px } #gtx-vr-friendly .hero { padding-top: 150px } } @media screen and (max-width: 768px) { #gtx-vr-friendly { margin-top:40px } #gtx-vr-friendly .text { width: 90%; margin-left: auto; margin-right: auto } #gtx-vr-friendly .text .pic { display: block; width: 110%; margin-left: -5%; margin-bottom: 20px } #gtx-vr-friendly .text .port { max-width: 100% !important; height: auto; margin-left: auto; margin-right: auto } #gtx-vr-friendly .text .beyondready .tt br { display: none } #gtx-vr-friendly .hero { display: none } } @media screen and (max-width: 640px) { #gtx-vr-friendly .text .port { width:110%; max-width: 110% !important; margin-left: -5% } } @media screen and (max-width: 400px) { #gtx-vr-friendly .text .beyondready { padding-left:110px } #gtx-vr-friendly .text .beyondready .badge { top: 0; width: 100px } } #gtx-flawless { } #gtx-flawless .text { float: left; position: absolute; top: 150px; left: -185px; width: 620px } #gtx-flawless .text .heading { color: #ffa800 } #gtx-flawless .hero { position: relative; z-index: 1; margin: 0 auto; } #gtx-flawless .hero img { width: 100%; height: auto } @media (max-width: 1500px) { #gtx-flawless .text { left:-50px; top: 100px } } @media (max-width: 1366px) { #gtx-flawless .text { top:60px } #gtx-flawless .hero { width: 1366px; left: 50%; margin-left: -683px } } @media (max-width: 1280px) { #gtx-flawless .text { width:50.98039%; left: 20px } #gtx-flawless .hero { margin-left: -730px } } @media screen and (max-width: 960px) { #gtx-flawless .text { display:block; width: 90%; float: none; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; margin-bottom: 20px; margin-top: 50px; } #gtx-flawless .hero { width: 150%; left: 50%; margin-left: -100% } } @media screen and (max-width: 640px) { #gtx-flawless { margin-top:40px } #gtx-flawless .hero { width: 230%; margin-left: -170% } } #gtx-hb-bridge { margin-top: 80px } #gtx-hb-bridge .text { position: relative; float: right; width: 56.86275%; max-width: 580px; margin-top: 120px; margin-right: -140px } #gtx-hb-bridge .text .heading { color: #ffa800 } #gtx-hb-bridge .hero { float: left; width: 43.13725%; max-width: 440px } #gtx-hb-bridge .hero img { width: 583px; height: auto; margin-top: -80px; margin-left: -220px } @media (max-width: 1366px) { #gtx-hb-bridge .text { margin-right:0 } } @media (max-width: 1280px) { #gtx-hb-bridge .hero img { margin-left:-150px } } @media (max-width: 1024px) { #gtx-hb-bridge .text { width:49.01961%; margin-right: 3.92157% } } @media screen and (max-width: 960px) { #gtx-hb-bridge .hero img { width:500px; height: auto; margin-left: -140px; margin-top: -40px } } @media screen and (max-width: 768px) { #gtx-hb-bridge .text { float:none; width: 90%; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 0 } #gtx-hb-bridge .hero { float: none; width: 90%; max-width: 583px; margin-left: auto; margin-right: auto } #gtx-hb-bridge .hero img { width: 100%; margin-left: 0 } } @media screen and (max-width: 640px) { #gtx-hb-bridge { margin-top:40px } } #gtx-gpu-tweak { min-height: 428px; margin-top: 50px } #gtx-gpu-tweak .text { position: relative; z-index: 2; width: 577px; margin-left: auto; margin-right: -180px } #gtx-gpu-tweak .text .heading { color: #00ff18 } #gtx-gpu-tweak .hero { float: left; position: absolute; top: -40px; left: -90px; z-index: 1 } @media (max-width: 1366px) { #gtx-gpu-tweak .text { margin-right:-100px } } @media (max-width: 1280px) { #gtx-gpu-tweak .text { width:41.17647%; margin-right: 20px } #gtx-gpu-tweak .hero { top: -10px; width: 50.98039%; left: 10px } #gtx-gpu-tweak .hero img { max-width: 100% !important; height: auto } } @media screen and (max-width: 768px) { #gtx-gpu-tweak { min-height:0 } #gtx-gpu-tweak .text { display: block; width: 90%; float: none; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0 } #gtx-gpu-tweak .hero { display: block; width: 90%; float: none; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; margin-bottom: 30px } } @media screen and (max-width: 640px) { #gtx-gpu-tweak { margin-top:40px } } #gtx-gaming-booster { min-height: 380px; margin-top: 100px } #gtx-gaming-booster .text { position: relative; z-index: 2; width: 600px; margin-left: -40px } #gtx-gaming-booster .text .heading { color: #00ff18 } #gtx-gaming-booster .text .descr .item { position: relative; margin-bottom: 1.5em; padding-left: 64px; line-height: 1.4 } #gtx-gaming-booster .text .descr .item .icn { float: left; position: absolute; top: 0px; left: 0px } #gtx-gaming-booster .text .descr .item .tt { font-weight: 400 } #gtx-gaming-booster .hero { float: left; position: absolute; top: -20px; left: 600px; z-index: 1 } @media (max-width: 1366px) { #gtx-gaming-booster .text { margin-right:-100px } } @media (max-width: 1280px) { #gtx-gaming-booster .text { width:50.98039%; margin-left: 20px } #gtx-gaming-booster .hero { left: 54.90196%; top: 20px; width: 43.13725% } #gtx-gaming-booster .hero img { width: 100%; height: auto } } @media screen and (max-width: 768px) { #gtx-gaming-booster { min-height:0 } #gtx-gaming-booster .text { display: block; width: 90%; float: none; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0 } #gtx-gaming-booster .hero { display: block; width: 90%; float: none; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; margin-bottom: 30px } } @media screen and (max-width: 640px) { #gtx-gaming-booster { margin-top:40px } } #gtx-xsplit { min-height: 380px; margin-top: 100px } #gtx-xsplit .text { position: relative; z-index: 2; width: 577px; margin-left: auto; margin-right: -180px } #gtx-xsplit .text .heading { color: #00ff18 } #gtx-xsplit .hero { float: left; position: absolute; top: 0px; left: -90px; z-index: 1 } @media (max-width: 1366px) { #gtx-xsplit .text { margin-right:-100px } } @media (max-width: 1280px) { #gtx-xsplit .text { width:41.17647%; margin-right: 20px } #gtx-xsplit .hero { width: 50.98039%; left: 10px } #gtx-xsplit .hero img { width: 100%; height: auto } } @media screen and (max-width: 768px) { #gtx-xsplit { min-height:0 } #gtx-xsplit .text { display: block; width: 90%; float: none; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0 } #gtx-xsplit .hero { display: block; width: 90%; float: none; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; margin-bottom: 30px } } @media screen and (max-width: 640px) { #gtx-xsplit { margin-top:40px } } #gtx-nvidia { background-image:url(/websites/global/products/0qBcldB6P2SMrXx8/img/16.png); padding-top: 100px; padding-bottom: 100px; } #gtx-nvidia .slides-item { position: relative; width: 81.37255%; margin-left: auto; margin-right: auto } #gtx-nvidia .slides-item:before, #gtx-nvidia .slides-item:after { content: ""; display: table } #gtx-nvidia .slides-item:after { clear: both } #gtx-nvidia .slides-item { zoom: 1 } #gtx-nvidia .slides-item .pic { float: left; width: 40.96386%; height: auto; margin-left: auto; margin-right: auto } #gtx-nvidia .slides-item .tt { float: right; width: 56.0241%; margin-bottom: .3em; font-size: 1.875em; font-size: 400; line-height: 1.2; color: #FFF; } #gtx-nvidia .slides-item .dd { float: right; width: 56.0241%; color: #FFF; } #gtx-nvidia .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } #gtx-nvidia .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y } #gtx-nvidia .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px) } #gtx-nvidia .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% } #gtx-nvidia .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } #gtx-nvidia .owl-carousel .owl-item { float: left } #gtx-nvidia .owl-controls .owl-page, #gtx-nvidia .owl-controls .owl-buttons div { cursor: pointer } #gtx-nvidia .owl-controls { -webkit-user-select: none; -khtml-user-select: none; /*-moz-user-select: none;*/ -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent } #gtx-nvidia .owl-carousel .owl-wrapper, #gtx-nvidia .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } #gtx-nvidia .owl-carousel .owl-wrapper-outer { overflow: visible } #gtx-nvidia .owl-carousel .owl-wrapper-outer:before, #gtx-nvidia .owl-carousel .owl-wrapper-outer:after { content: ""; display: table } #gtx-nvidia .owl-carousel .owl-wrapper-outer:after { clear: both } #gtx-nvidia .owl-carousel .owl-wrapper-outer { zoom: 1 } #gtx-nvidia .owl-item { opacity: .12; -moz-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) } #gtx-nvidia .owl-item.active { opacity: 1 } #gtx-nvidia .owl-controls { float: left; position: absolute; top: 100%; left: 0px; margin-top: 25px; width: 100%; height: 16px } #gtx-nvidia .owl-pagination { text-align: center } #gtx-nvidia .owl-page { display: inline-block; width: 16px; height: 16px; margin-left: 8px; margin-right: 8px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: #626262; cursor: pointer; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease; -webkit-transition: background 0.5s ease; transition: background 0.5s ease } html.mobile #gtx-nvidia .owl-page { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none } #gtx-nvidia .owl-page.active { background: white } #gtx-nvidia .btn-next, #gtx-nvidia .btn-prev { position: absolute; top: 50%; margin-top: -46.5px; width: 50px; height: 93px; background: no-repeat 50% 50%; cursor: pointer; -moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease } html.mobile #gtx-nvidia .btn-next, html.mobile #gtx-nvidia .btn-prev { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none } #gtx-nvidia .btn-next:hover, #gtx-nvidia .btn-next:active, #gtx-nvidia .btn-prev:hover, #gtx-nvidia .btn-prev:active { opacity: .5 } #gtx-nvidia .btn-prev { left: 2%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABdCAMAAADQQ8UMAAAArlBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NiyPrAAAAOXRSTlMAAQIDBAcJDg8QIU5aX2BjZmhpa2x0d3l7fH5/goWGiYuVlpiZmqGipqepuMfX2d7i6Ort+vv8/f5wTLqBAAAA6UlEQVRYw+3YxxKCMACE4YiIvWHFgl3sqAi67/9iHoic2RwYZgz3f3Y+ciCDEMxjVQT5DPzHqUoVDgB4BaJwAQBBOX0xBADgbpEbgM05AMzpDYd1YJm6mMlinLoY5dLh0g4n144p7Vjo89AO7dAO7VBw2LRDXAEA0YS4mfhx0iYS+YF+NdIn5ipuPj1i5yBfALOzi5OwQzRyJyJ2DBXPXnpaRLOhL3WJJ/xnz1p7tEfRc8zY01Tw9HkPs/PzvLPy5PF8PAWP3EGX32E8xaw8W96TnE+dP59bifYE1A+fLQCcDSYxd8/gUhNf2saeEhCmwoIAAAAASUVORK5CYII=) } #gtx-nvidia .btn-next { right: 2%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABdCAMAAADQQ8UMAAAArlBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NiyPrAAAAOXRSTlMAAQIDBAcJDg8QIU5aX2BjZmhpa2x0d3l7fH5/goWGiYuVlpiZmqGipqepuMfX2d7i6Ort+vv8/f5wTLqBAAAA6klEQVRYw+3W1Q7CUBCE4cWLu7u7Fpv3fzEueuCWnSZNkMP9n+HL0lAREScu3Ce5Ou6rVBGaA0CTSRIuAKBHJPEDAAA1oil5CbXTNQ3jafrYGYD3NEzT8eGpf7DnV+7T9rHT/4Lf2689P9ZjPdZjPU9PiWhaVwDAlkjyXrLXF5kz+0dfvnvFMKreMPiFeqNw8YqpfuNqNqK0I6wtcsYxo18Lx/p7XP7dMbIO63jrWAboyNKOCu14bhCOW/COz77HXP2tiqYY0Q79xssRCd4xURdp+h6xHXsPcVzSIRJecw4RkdTGPenfAETkAUqenhIb1gd3AAAAAElFTkSuQmCC) } @media screen and (max-width: 960px) { #gtx-nvidia { padding-top: 75px; padding-bottom: 75px } #gtx-nvidia .btn-prev, #gtx-nvidia .btn-next { width: 36px; height: 67px; margin-top: -33.5px } } @media screen and (max-width: 640px) { #gtx-nvidia { margin-top: 40px; padding-top: 85px; padding-bottom: 25px } #gtx-nvidia .slides-item { width: 90% } #gtx-nvidia .slides-item .pic, #gtx-nvidia .slides-item .tt, #gtx-nvidia .slides-item .dd { float: none; width: 100% } #gtx-nvidia .slides-item .pic { margin-bottom: 35px } #gtx-nvidia .slides-item .tt { font-size: 1.5em } #gtx-nvidia .owl-controls { top: auto; bottom: 100%; margin-bottom: 35px } #gtx-nvidia .btn-prev, #gtx-nvidia .btn-next { bottom: 100%; top: auto; margin-top: 0; margin-bottom: 15px; width: 30px; height: 56px } #gtx-nvidia .btn-prev { left: 5% } #gtx-nvidia .btn-next { right: 5% } } #gtx-strix { margin-bottom: 150px } #gtx-strix .hero { position: relative; z-index: 1; padding-top: 33.82353% } #gtx-strix .hero img { float: left; position: absolute; top: 0px; left: 0px; width: 100%; height: auto } #gtx-strix .text { position: relative; z-index: 2; width: 92.15686%; margin-left: auto; margin-right: auto; text-align: center } @media screen and (max-width: 768px) { #gtx-strix { margin-top:40px } #gtx-strix .hero { padding-top: 0; margin-bottom: -30px } #gtx-strix .hero img { position: static; float: none } #gtx-strix .text { text-align: left } } @media screen and (max-width: 520px) { #gtx-strix .hero { margin-bottom:-10px } } #videoplayer { position: fixed; left: 0; top: 0; z-index: 199999; width: 100%; height: 100%; background: black; background: rgba(0,0,0,0.6) } #videoplayer iframe.player { position: relative; z-index: 1; width: 100%; height: 100%; border: 0; margin: 0; padding: 0; vertical-align: bottom; background: black } #videoplayer .close { float: left; position: absolute; top: 15px; right: 15px; z-index: 2; width: 44px; height: 44px; overflow: hidden; background: url("../img/ui/videoplayer-close.png") no-repeat; cursor: pointer; opacity: .6; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s } #videoplayer .close:hover { opacity: 1 } @-moz-keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } } @-o-keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } } @-ms-keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } } #mMobiNavToggle { float: left; position: fixed; top: 0px; right: 0px; z-index: 20; width: 50px; height: 50px; background: url("../img/ui/nav-toggle.png"); -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); /*-moz-user-select: -moz-none;*/ -ms-user-select: none; -webkit-user-select: none; user-select: none } #mMobiNavToggle:active { opacity: .5 } #mMobiNav { visibility: hidden; float: left; position: fixed; top: 0px; left: 100.5%; z-index: 19; width: 100%; height: 100%; background: #313131; -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); /*-moz-user-select: -moz-none;*/ -ms-user-select: none; -webkit-user-select: none; user-select: none } #mMobiNav.open { visibility: visible; left: 0 } #mMobiNav .inner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; margin-left: auto; margin-right: auto; padding-top: 50px; padding-bottom: 50px } #mMobiNav ul,#mMobiNav li { padding: 0; margin: 0; list-style: none } #mMobiNav li a { display: block; border-top: 1px solid #555; border-bottom: 1px solid black; padding: 1.2em .2em; background: #313131; font-size: 19px; font-family: "Roboto", "Arial", "sans-serif"; line-height: 1.25; color: white; text-align: center; text-decoration: none } @media screen and (max-width: 520px) { #mMobiNav li a { font-size:17px } } #mMobiNav li a:active { border-top: 1px solid black; border-bottom: 1px solid black; background: black; color: #999 } #mMobiNav li:last-child a { border-bottom: 0 } #mMobiNavOverlay { visibility: hidden; opacity: 0; float: left; position: fixed; top: 0px; left: 0px; z-index: 18; width: 100%; height: 100%; background: rgba(0,0,0,0.6); -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s } #mMobiNav.open+#mMobiNavOverlay { visibility: visible; opacity: 1 } #mNav { position: fixed; z-index: 99998; right: 5px; top: 50%; margin-top: -121px; /*-moz-user-select: -moz-none;*/ /*-ms-user-select: none;*/ /*-webkit-user-select: none;*/ /*user-select: none*/ } #mNav ul,#mNav li { padding: 0; margin: 0; list-style: none } #mNav li { position: relative; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) no-repeat; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease } #mNav li a { display: block; width: 20px; height: 8px; padding: 7px 8px; text-decoration: none } #mNav li div { width: 8px; height: 8px; overflow: hidden; margin-left: auto; background: #C8C8C8; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; box-shadow: inset 0 0 1px #777 } #mNav li b { display: none; position: absolute; top: 50%; margin-top: -6px; right: 32px; white-space: nowrap; font-size: 12px; color: #f1010a; font-weight: 800; line-height: 1 } #mNav li.on a { height: 30px !important } #mNav li.on div { height: 30px !important } #mNav li:hover b { display: block !important; -webkit-animation: fadein 0.3s ease-out; -moz-animation: fadein 0.3s ease-out; -ms-animation: fadein 0.3s ease-out; -o-animation: fadein 0.3s ease-out; animation: fadein 0.3s ease-out } #mNav li:hover div,#mNav li.on div { background: #f1010a } #backtop { display: none; float: left; position: fixed; right: 10px; bottom: 20px; z-index: 99999; width: 24px; height: 24px; cursor: pointer; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; padding: 10px; border: 2px solid #a60e15; background: #000 url("../img/ui/backtop.png") no-repeat 50% 50% } #backtop:hover,#backtop:active { opacity: .7 } @media (max-width: 425px){ #gtx-nvidia { margin-top: 0; padding-top: 85px; padding-bottom: 25px; } } #gtx-exp{ background-color: #181715; } #gtx-exp .msect-inner { width: 100%; max-width: 100% } #gtx-exp .mrow { display: table; width: 100%; margin-left: auto; margin-right: auto } #gtx-exp .mrow:before, #gtx-exp .mrow:after { content: ""; display: table } #gtx-exp .mrow:after { clear: both } #gtx-exp .mrow { zoom: 1 } #gtx-exp .mrow .text { width: 45%; display: table-cell; vertical-align: middle; } #gtx-exp .mrow .text .heading { color: #fe9500 } #gtx-exp .mrow .text-inner { width: 70%; max-width: 620px; margin-left: auto; margin-right: auto } #gtx-exp .row4 .text-inner { width: 90%; max-width: 750px; } #gtx-exp .row1 .text, #gtx-exp .row3 .text { background: url("../img/some-bg.jpg") left bottom no-repeat; } #gtx-exp .row4 .text { background: url("../img/VR_bg.jpg") right bottom no-repeat; background-size: cover; } #gtx-exp .mrow .pic { position: relative; display: table-cell; width: 55% } #gtx-exp .mrow .pic img { width: 100%; height: auto } #gtx-exp .row1 .pic:first-child { display: none } #gtx-exp .row3 .pic:first-child { display: none } #gtx-exp .row4 .text { padding: 10px 0; } #gtx-exp .row4 .text .descr{ margin-bottom: 20px;; max-width: 600px; } #gtx-exp .text .port { display: inline-block; vertical-align: top; max-width: 380px !important; } #gtx-exp .text .beyondready { position: relative; padding-left: 158px; margin-top: 24px; min-height: 77px; display: inline-block; vertical-align: top; } #gtx-exp .text .beyondready .badge { float: left; position: absolute; top: -10px; left: 0px; width: 138px; height: auto } #gtx-exp .text .beyondready a { text-decoration: underline } #gtx-exp .text .beyondready a:hover, #gtx-exp .text .beyondready a:active { color: #aaa } @media (max-width: 1600px) { #gtx-exp .mrow .pic img { width: 120%; margin-left: -20%; } } @media (max-width: 1350px) { #gtx-exp .mrow .pic img { width: 140%; margin-left: -40%; } } @media (max-width: 1200px) { #gtx-exp .mrow .pic img { width: 160%; margin-left: -60%; } } @media (max-width: 1050px) { #gtx-exp .mrow .pic img { width: 180%; margin-left: -80%; } } @media screen and (max-width: 960px) { #gtx-exp{ background-color: #000; } #gtx-exp .mrow { display: block; margin-bottom: 25px } #gtx-exp .mrow .text { display: block; width: 90%; margin-left: auto; margin-right: auto; background: none; } #gtx-exp .mrow .pic { display: block; width: 100%; margin-bottom: 25px; margin: 0; } #gtx-exp .mrow .pic img { width: 100%; margin-left: 0%; } #gtx-exp .mrow .text-inner { width: 100%; max-width: 100% } #gtx-exp .row1 .pic:first-child { display: block } #gtx-exp .row1 .pic:last-child { display: none } #gtx-exp .row3 .pic:first-child { display: block } #gtx-exp .row3 .pic:last-child { display: none } } @media screen and (max-width: 640px) { #gtx-exp .text .port { width: 100%; max-width: 100% !important; margin-left: 0% } } @media screen and (max-width: 400px) { #gtx-exp .text .beyondready { padding-left: 110px } #gtx-exp .text .beyondready .badge { top: 0; width: 100px } } #special-sectionOverview h2{ font-family: "TTNormsProNormal", "Segoe UI", sans-serif !important; } #special-sectionOverview h3{ font-family: "TTNormsProNormal", "Segoe UI", sans-serif !important; } #gtx-nvidia .slides-item .tt { font-family: "TTNormsProNormal", "Segoe UI", sans-serif !important; } #gtx-auto-extreme .intro .text .heading { color: #33eaff !important; font-family: "TTNormsProNormal", "Segoe UI", sans-serif !important; } #gtx-auto-extreme .intro .text .tagline { color: #33eaff !important; font-family: "TTNormsProNormal", "Segoe UI", sans-serif !important; }