@import url("https://dlcdnimgs.asus.com/vendor/public/fonts/css/roboto.css");
@font-face {
    font-family: 'TTNormsProNormal';
    src: url("https://dlcdnwebimgs.asus.com/files/media/4d77c386-d5b5-4bce-862a-e4d5d0324bce/V2/fonts/TTNormsProNormal.ttf");
    font-weight: normal;
    font-style: normal;
}


.force-UTF-8 {
    content: "¡"
}

/*!
 *
 * 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: #919191
}

.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: "xolonium";
    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: #f1010a
}

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;
    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: "xolonium";
    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: #ff009c
}

#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: #ff009c;
    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: #aaa
}

#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: "xolonium";
    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 #f1010a;
    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;

}