:root {
  --dark-red: #ae0b02;
  --light-blue: #2bd0fd;
  --light-purple: #8f81de;
}
#EVGAContent {overflow-x: hidden;}

body {}
main {overflow-x: hidden; font-family: 'Rajdhani', sans-serif, 'Microsoft JhengHei', Arial;}
.buynow {display:inline-block; padding: 0.5em; background-color: #76b900; color: #ffffff;}
.green {color: #76b900;}
.white {color: white;}
.dark-red {color: var(--dark-red)}
.underline {text-decoration: underline;}
.underline-none {text-decoration: none;}

main h1 {font-size: 3rem; line-height: 3rem; padding-top: 10px;}



.gradient-text {	
	background: linear-gradient(to right,  var(--light-purple) 0%,  var(--light-blue) 100%);
	-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.section-header-text {padding: 2rem 0;}
.section-header-text h1 {line-height: 2.6rem;}
.section-header-text p {font-size: 1.35rem; text-align: center;}
.black-box {background-color: #000000ab; padding: 2rem;}
main .product-images .new-buy-status {float: right; font-size: 2rem; text-transform: uppercase; background-color: green; padding: 0.1em 1em; font-weight: 700;}

.products-bg .mcontainer {background: url("/images/common/85_black_trans.png"); max-width: 1600px; padding: 20px 0;}
.products-bg h4 {font-size: 16px;}


.mcontainer .prod-column {position: initial;}
.prod-accord-header {border: 1px solid #555; color: #777; cursor: pointer; margin-top: 3px; padding: 5px;}
.itemSKU {float: right; margin: 0 5px;}
.arrow-left {width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 9px solid #555; float: right;}
.prod-accord-header.active {border-color: #fff; color: #fff; font-weight: bold;}
.prod-accord-header.active .arrow-left {border-top: 9px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-top: 3px;}
.prod-specs {position: absolute; top: 0; right: 0; padding-left: 15px; padding-right: 15px; width: 50%;}
.prod-accord-content {display: none; overflow: hidden;}
.gold-dust {background: no-repeat right/60% url(golddust.jpg);}
.header-logo { margin: 10px 0;}
.header { background: #2c3951; width: 100%;  display: block; margin: 0; height: auto;  position: relative;top: 0px;}
main .relative { position: relative; }
main .absolute { position: absolute; }
main .section-px1 .col-6  img {max-height: 310px; padding-bottom: 1rem;}
main .section-px1 .col-10  img {padding-top: 2rem;}
main .section-models .col-3 {width: 16%;}

main .nav-bg { background: #3E3E3E; position: relative; z-index: 999; max-width: 800px;}
main .nav {display: flex; justify-content: center; list-style: none; margin: 0 auto; max-width: 1200px; text-transform: uppercase;}
main .nav li {cursor: pointer; margin: 0; padding: 0.5em 1em;}
main .nav li.nav-active {color: #aea57a; font-weight: 700; text-decoration: underline;}
main .nav li:hover, .nav a:hover {background-color: #2C2A2B; color: #fff;}
main .nav a {color: a;
  display: block;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
main .is-sticky .nav-bg {width: 100%;}
main p {font-weight: 500;}
footer p {margin-bottom: auto;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}



.video-container {height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


main .section-specs .row [class^="col"] {margin: 0;}
.products-bg h2 {color: #fff; font-size: 1.4em; text-transform: none; margin-bottom: 0.5em; }
.products-bg h2.prod-second { margin-top: 0.5em; }
.products-bg .product-buttons {margin: 0.5em 0;}
.prod-column-specs { padding-left: 1em; }
.prod-accord-header {border: 1px solid #333; color: #777; cursor: pointer; margin-top: 3px; padding: 5px; font-size: 0.85em; }
.itemSKU {float: right; margin: 0 5px;}
.arrow-left {width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 9px solid #555; float: right;}
.prod-accord-header.active {border-color: #fff; color: #fff; font-weight: 500;}
.prod-accord-header.active .arrow-left {border-top: 9px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-top: 3px;}
.prod-specs {position: absolute; top: 0; right: 0; padding-left: 15px; padding-right: 15px; width: 50%;}
.prod-accord-content {display: none; overflow: hidden;}
.section-buy { background-color: #1d1d1d; padding-bottom: 2rem;}
main .fancybox-title {text-align: center;}

.products-bg .product-images {list-style: none; margin: 5px 0; overflow: hidden;}
.product-images li {float: left; margin: 3px 5px 3px 0;}
.product-images img {max-width: 50px;}
.product-buttons {list-style: none; margin: 15px 0 0;}
.product-buttons a {color: #fff; display: block; padding: 4px 8px; text-decoration: none; border: 1px solid #666666; font-size: 0.75em; text-transform: uppercase;}
.product-buttons a:hover {color: #999;}
.product-buttons li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 1em; margin: 0 1% 10px 0; width: 30%; padding: 0; background: url(/images/common/75_black_trans.png);}
.product-buttons .statusComingSoon {display: block; padding: 4px 8px; border: 1px solid #666666; font-size: 0.75em; text-transform: uppercase;}
.product-group-specs {display: none;}
.product-group-specs h3 {font-size: 1em; font-style: italic;}
.specs-column {float: left; width: 50%;}
.specs-column ul {list-style: none; margin: 5px 10px;}
.specs-column ul li {text-indent: -4px; font-size: 0.9em;}
.specs-column ul li:before {content: "-"; position: relative; left: -5px;}
.specs-memoryheader {margin-top: 50px;}
.ko-text {max-width: 640px; float: right;}
.section-led {position: relative;}
.img-led-glow {position: absolute; top: 0;}
main .section-buy ul {list-style: none;}
main .section-header-text p {margin: 0 0 1rem 0;}
main .block-contain {display: block; margin: auto; max-width: 1201px; position: relative}
main .rgb-glow-header {position: absolute; top: 0; left: 0;}
main .design-gpu {padding: 0;}
.section-models .owl-prev {
    width: 30px;
    height: 70px;
    position: absolute;
    top: 30%;
    margin-left: -20px;
    left: -20px;
    display: block !important;
    border: 0px solid black;
}

.section-models .owl-next {
    width: 30px;
    height: 70px;
    position: absolute;
    top: 30%;
    right: -50px;
    display: block !important;
    border: 0px solid black;
}

.section-icx3 .owl-prev {
    width: 30px;
    height: 70px;
    position: absolute;
    top: 9%;
    margin-left: -20px;
    left: 0px;
    display: block !important;
    border: 0px solid black;
}

.section-icx3 .owl-next {
    width: 30px;
    height: 70px;
    position: absolute;
    top: 9%;
    right: -40px;
    display: block !important;
    border: 0px solid black;
}

.myButton {
	background-color:#751279;
	border:2px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:28px;
	font-weight:bold;
	padding:15px 41px;
	text-decoration:none;
	text-shadow:0px 1px 0px #512866;
}
.myButton:hover {
	background-color:#a42abd;
}
.myButton:active {
	position:relative;
	top:1px;
}

.buynow-button {
	background-color:#44c767;
	border:2px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:28px;
	font-weight:bold;
	padding:0px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.buynow-button:hover {
	background-color:#5cbf2a;
}
.buynow-button:active {
	position:relative;
	top:1px;
}

main .models-hr {
    border: none;
    height: 5px;
    background: linear-gradient(to right,  var(--light-purple) 0%,  var(--light-blue) 100%);
    margin: 1rem auto 1rem auto;
    max-width: 800px;
}

main .sections-hr {
    border: none;
    height: 5px;
    background: linear-gradient(to right,  var(--light-purple) 0%,  var(--light-blue) 100%);
    margin: 0;
    width:100%;
}

main .hue-animation {
    animation: color-hue 3s 0.2s linear infinite; background-blend-mode: screen;
}
@keyframes color-hue {
   from {
   -webkit-filter: hue-rotate(0deg);
   filter: hue-rotate(0deg);
  }
   to {
   -webkit-filter: hue-rotate(359deg);
   filter: hue-rotate(359deg);
  }
}

.header-glow {background-repeat: no-repeat; background-size: 100%; background-blend-mode: screen; animation: glow-animation 1.5s alternate infinite; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /*background-image: url('./header_rearglow_alt.png'), url('./header_rearglow_alt.png');*/}
@keyframes glow-animation { from {opacity: 0;} to {opacity: 1;} }



.z-index-1 {z-index: 1;}
.z-index-2 {z-index: 2;}
.z-index-3 {z-index: 3;}
.z-index-4 {z-index: 4;}
.z-index-5 {z-index: 5;}

.model-buttons {padding: 7rem 0 0 0;}
.model-cards p {text-align: center;}
.model-card {display:block; margin:auto;}

.model-button {filter:opacity(.5)}
.model-rtx-b-active {filter: contrast(150%);}
.model-img-button {border:  solid rgba(255,255,255,0); width: 192px;}
.model-img-b-active {border-bottom: solid #7c88e3;}

.block-concept-txt {display: block; margin: auto; position: relative}
.separate-1-3 {width: 33.33%;}
.separate-2-3 {width: 66.66%;}




@media (min-width: 1251px) {
  main .flex-center {display: flex; align-items: center;}
  main .mobile {display: block;}
  main .definition-of {font-size: 3.5rem; letter-spacing: 8px; margin: 0 auto 0 0; max-width: 50%; border-bottom: solid; line-height: 4.5rem;}
  main .ult-performance {font-size: 5.5rem; line-height: 6.0rem;}
  main .header-main-text .series-header-text {font-size: 2.55rem; letter-spacing: 2.6px; line-height: 1.5rem;}
  main .header-main-text {max-width: 1200px; display: block; margin: 0 auto 0 auto; padding-top: 2rem;}
  main .section-header {background: center / cover no-repeat url("./header_bg.jpg");}
  main .section-models {background: center / cover no-repeat url("./models_bg.jpg"); min-height: 1100px;}
  main .owl-models {padding-top: 6rem;}
  main .section-icx3 {background: center / cover no-repeat url("./icx_bg.jpg");}
  main .section-design { background: center / cover no-repeat url("./design_bg.jpg"); min-height: 1348px; margin-bottom: -470px;}
  main .section-design .row img { padding: 1rem 0;}
  main .section-design .row:nth-child(1) {margin-top: 40px}
  main .section-design .row:nth-child(2) {transform: translateY(-39%);}
  main .section-design .row:nth-child(3) {transform: translateY(-75.3%);}
  main .section-design .row:nth-child(4) {transform: translateY(-125.3%);}
  main .section-design .gpu-Y {transform: translateY(-220%);}
  main .section-design .black-box { padding: 1rem; width: 70%; margin: auto;}
  main .icx3-img {padding-bottom: 2rem; padding-top: 3rem;}
  main .icx-icons {max-width: 240px;}
  main .section-px1 { background: center / cover no-repeat url("./precision_bg.jpg");}
  main .section-nv { background: center / cover no-repeat url("./ampere_bg.jpg");}
  main .section-nv .row-1 {padding-top: 5rem;}
  main .section-nv .row-2 {padding-top: 3rem;}
  main .section-nv {color: #fff;}
  main .section-nv h1 {color: #fff; font-weight: 900; font-size: 3rem; line-height: 1.7rem; padding-top: 0px;}
  main .section-nv h3 {color: #fff; font-weight: 700; font-size: 2rem; text-align: center; padding: 2rem 0;}
  main .section-nv .col-4 p {text-align: center;}
  main .model-margin-top {margin-top: 5rem;}
  main .model-cards {height: 210px;}
  .model-cards-center {transform: translateX(10%);}
  .model-cards-right {transform: translateX(60%);}

  main .section-concept .row {width: 80%; margin: 2% auto;}
  main .section-concept .row .separate-1-3 .picture {margin-top: 8%;}
  
  .left-to-right {
  background: var(--light-blue);
  color: #000;
  position: relative;
  z-index: 1;
  margin-top: -1px;
  padding-top: 80px;
  transform: translateY(-79px);
}

.left-to-right:after {
    background: inherit;
    bottom: -67px;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(2deg);
    transform-origin: 100%;
    z-index: -1;
}

.right-to-left {
  background: var(--light-blue);
  color: #000;
  position: relative;
  z-index: 1;
  padding-bottom: 100px;
  transform: translateY(72px);
}

.right-to-left:after {
    background: inherit;
    bottom: 1px;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(2deg);
    transform-origin: 100%;
    z-index: -1;
}

.right-to-left-2 {
    background: var(--light-blue);
    color: #000;
    position: relative;
    z-index: 1;
    margin-top: -1px;
    padding-top: 124px;
    transform: translateY(-177px);

}

.right-to-left-2:after {
    background: inherit;
    bottom: -67px;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(-2deg);
    transform-origin: 100%;
    z-index: -1;
}

  
}

@media (max-width: 1250px) {
  main .definition-of {font-size: 2.5rem; letter-spacing: 8px; margin: 0 auto 0 0; max-width: 50%; border-bottom: solid; line-height: 4.5rem;}
  main .ult-performance {font-size: 5rem; line-height: 6.0rem;}
  main .header-main-text .series-header-text {font-size: 2.29rem; letter-spacing: 2.6px; line-height: 1.5rem;}
  main .header-main-text {max-width: 1200px; display: block; margin: 0 auto 0 auto; padding-top: 2rem;}

  main .section-icx3 .large-container .row .col-12 .icx3-img {margin-top: 4%;}
  main .flex-center {display: flex; align-items: center;}
  .mobile {display: none;}
  main .section-buy ul {height: 120px;}
  main .sticky-wrapper {display: block;}
}

table.purpleTheme {
  border: 0.05em solid #fff;
  background-color: #777;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.purpleTheme td, table.purpleTheme th {
  padding: 0.25em 0.5em;
}
table.purpleTheme tbody td {
  font-size: 0.95em;
  font-weight: 500;
  color: #FFFFFF;
}
table.purpleTheme tr:nth-child(even) {
  background: #555;
}
table.purpleTheme thead {
  background: #222;
}
table.purpleTheme thead th {
	color: #FFFFFF;
	font-size: 1.2em;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  /* border-left: 0.15em solid #fff; */
}
table.purpleTheme thead th:first-child {
  border-left: none;
}
table.purpleTheme tfoot td {
  font-size: 1em;
}
table.purpleTheme tfoot .links {
  text-align: right;
}
table.purpleTheme tfoot .links a{
  display: inline-block;
  background: #792396;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.table-button {
	background-color:#76B800;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #fff;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	padding:15px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5A8C00;
	margin: 1em auto;
	text-align: center;
	width: 220px;
	display: block;
}

.table-button:active {
	position:relative;
	top:1px;
}
main .table-section .b-active {border: solid #fff 2px; background: #5A8C00;}

.explosion {
  width: 100%;
  padding: 5px 0rem 50px 0rem;
  overflow: hidden;
  box-sizing: border-box;
  transition: 0.5s;
  height: initial;
}
.explosion * {
  box-sizing: border-box;
}

.explosion-box {
  width: 100%;

}
.explosion-box p, .explosion-box table {
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  color: #eee;
  transition: 1s;
}
.explosion-box p {
  width: 70%;
  max-width: 850px;
  margin-right: auto;
  margin-left: auto;
  min-height: 100px;
  margin-bottom: 50px;
  padding: 10px;
	position: relative;
	z-index: 5;
	font-size: 1.15rem;
}
.explosion-box table {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #444;
}
.explosion-box table tr {
  border-bottom: solid 1px #444;
}
.explosion-box table td {
  padding: 10px;
  border-left: solid 1px #444;
  text-align: left;
}
.explosion-box table th {
  padding: 10px 20px;
  font-size: 1.6rem;
}

.pictures {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 470px;
  font-size: 1.15rem;
  margin-bottom: 150px;
}
.pictures .pic {
  width: 26%;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  transition: 1.5s;
  transform-origin: center;
}
.pictures .pic img {
  transition: 1s;
  filter: brightness(1);
  transform: scale(1);
  width: 100%;
}
.pictures .pic:nth-child(1) {
  left: 40.2%;
  top: 11%;
}
.pictures .pic:nth-child(2) {
  left: 40.3%;
  top: 11.5%;
}
.pictures .pic:nth-child(3) {
  left: 40.4%;
  top: 12%;
}
.pictures .pic:nth-child(4) {
  left: 40.5%;
  top: 12.5%;
}
.pictures .pic:nth-child(5) {
  left: 40.6%;
  top: 13%;
}
.pictures .pic:nth-child(6) {
  left: 40.7%;
  top: 13.5%;
}
.pictures .number {
  border: solid 1.2px;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  color: #5e78eb;
  font-size: 1.25rem;
  line-height: 27px;
}
.pictures ul {
  margin: 0px;
  padding: 0px;
  height: 100%;
  position: absolute;
  left: 20%;
  top: -25%;
}

.pictures .line {
  /* width: 40px; */
  height: 50%;
  border-left: solid 2px #5e78eb;
  /* border-top: solid 2px #5e78eb; */
}
.pictures .description {
  color: #eee;
  font-weight: bold;
  cursor: pointer;
  /* margin-bottom: 5px; */
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 2px 8px;
  font-size: 13px;
  line-height: 16px;
}
.pictures .description pre {white-space: pre-wrap;}
.pictures .data {
  padding: 8px;
  color: #fff;
  position: absolute;
  width: 500px;
  top: -40%;
  background-color: #5e78eb;
}

.floatright{
  position: relative;
  z-index: 7;
}
.floatright>p>a{
  text-decoration: underline;
}

.floatright>p>a:hover{
  color: #5e78eb;
}

.floatright >h1{
  font-size: 60px;
}

.bombIcon1 {position: absolute; width: 45px; top: -1px; left: -33px;}
.bombIcon2 {position: absolute; width: 45px; top: -1px; left: -33px;}
.bombIcon3 {position: absolute; width: 45px; top: -1px; left: -33px;}
.bombIcon4 {position: absolute; width: 45px; top: -1px; left: -33px;}
.bombIcon5 {position: absolute; width: 45px; top: -1px; left: -33px;}
.bombIcon6 {position: absolute; width: 45px; top: -1px; left: -33px;}
.bombIcon7 {position: absolute; width: 45px; top: -1px; left: -33px;}




@media screen and (min-width: 1600px){
  .floatright{
    margin-right: 5rem;
  }
}
@media (min-width: 1200px){
  .floatright.forcomputer{
    display: inline-block;
    width: 60%;
    float: right;
    text-align: right;

  }
  .floatright.formobile{
    display: none;
  }
}

@media (max-width: 1200px) {
  .pictures ul {
    top: -45%;
  }
  .floatright.forcomputer{
    display: none;
  }
  .floatright.formobile{
    display: block;
    width: 100%;
    text-align: center;
    float: none;
    margin-top: 60px;
  }
  .explosion{
    padding-top: 0px ;
  }
}
@media (max-width: 1000px) {
  .pictures {
    margin-bottom: 0px;
  }
  .pictures .pic {
    width: 30%;
  }
  .pictures .line {
    height: 70%;
  }
  .pictures ul {
    left: 80%;
    top: -13%;
  }

  .explosion-box {
    margin-top: 0px;
    padding-bottom: 0px;
    background: radial-gradient(50% 21%, 75% 30%, #ccc 0%, #000000 70%);
    background: -moz-radial-gradient(50% 21%, 75% 30%, #ccc 0%, #000000 70%);
    background: -webkit-radial-gradient(50% 21%, 75% 30%, #ccc 0%, #000000 70%);
    background: -o-radial-gradient(50% 21%, 75% 30%, #ccc 0%, #000000 70%);
    background: -ms-radial-gradient(50% 21%, 75% 30%, #ccc 0%, #000000 70%);
  }

  .bombIcon1, .bombIcon2, .bombIcon3, .bombIcon4, .bombIcon5, .bombIcon6, .bombIcon7 {display: none;}
}

@media (max-width: 900px) {
  main .flex-center {display: block;}
  main .definition-of {font-size: 1.6rem; letter-spacing: 8px; margin: 0 auto 0 0; max-width: 50%; border-bottom: solid; line-height: 2.5rem;}
  main .ult-performance {font-size: 3rem; line-height: 2.5rem; margin: 2% 0;}
  main .header-main-text .series-header-text {font-size: 1.2rem; letter-spacing: 2.6px;}
  main .section-models .model-img img {transform: scale(0.87);}
}
@media (max-width: 800px) {
  main .d-block {display: block;}
  .model-cards p {text-align: center; line-height: 18px;}
  main #nav-icx3 .section-concept .row {margin: 0.5rem 2%; min-height: 0.125rem; width: 96%;}
  main #nav-icx3 .section-concept .row img {max-width: 90%; display: block; margin: auto;}
  main #nav-icx3 .section-concept .row .separate-2-3, main #nav-icx3 .section-concept .row .separate-1-3 {width: 100%; padding: 0 4%;}
  main #nav-icx3 .section-concept .row .separate-1-3 .block-concept-txt {margin: 4% 0;}
}

@media (max-width: 550px) {
  main .definition-of {font-size: 1.2rem; letter-spacing: 2px; margin: 0 auto 0 0; max-width: 50%; border-bottom: solid; line-height: 2.5rem;}

  .explosion {
    padding: 0px 2rem 0px 2rem;
  }

  .explosion-box {
    background: radial-gradient(50% 21%, 75% 25%, #ccc 0%, #000000 70%);
    background: -moz-radial-gradient(50% 21%, 75% 25%, #ccc 0%, #000000 70%);
    background: -webkit-radial-gradient(50% 21%, 75% 25%, #ccc 0%, #000000 70%);
    background: -o-radial-gradient(50% 21%, 75% 25%, #ccc 0%, #000000 70%);
    background: -ms-radial-gradient(50% 21%, 75% 25%, #ccc 0%, #000000 70%);
    padding-top: 100px;
  }
  .explosion-box table {
    margin-top: 10px;
    font-size: 1.15rem;
    line-height: 1.4rem;
  }

  .pictures .pic {
    width: 60%;
  }
  .pictures ul {
    left: 90%;
  }
}

.none {display: none;}
.block {display: block;}
.op0 {opacity: 0;}