html {overflow-x: hidden; -ms-overflow-style: -ms-autohiding-scrollbar;}

@font-face {font-family: "GeForce"; src: url("https://images.evga.com/common/fonts/GeForce/GeForce-Bold-Alt.woff") format("woff2");}
main h1 {font-family: "GeForce", Arial, Helvetica, sans-serif; font-size: 2.1rem; font-weight: 600;letter-spacing: -0.03rem; line-height: 1.4em; letter-spacing: .5px; margin-bottom: 20px;}
main h2 {font-family: "GeForce", Arial, Helvetica, sans-serif; font-weight: 600;font-size: 1.4rem; line-height: 1.1em; letter-spacing: .5px;}
main p {font-family: "Rubik", Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: 300; line-height: 1.5em; letter-spacing: .5px;}
main .row {margin: 0;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-justify {text-align: justify;}
.titleGreen {color: #95ff45;}
.textGreen {color: #76b900;}
a.textGreen:hover {color: #76b900;}
.supText {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -1em; font-size: .4em;}
.flex-center {display: flex; justify-content: center; align-items: center;}
footer .footer-block .footer-column p {margin-bottom: 0em;}

main section:not(.section-header) {padding: 60px 0;}
main .section-header img {width: 100%;}
.section-analyzer {background: url('analyzer_bg.jpg') center; background-size: cover; overflow: hidden;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

main .section-productList img {max-width: 90%; transform: scale(1); transition: .2s;}
main .section-productList img:hover {transform: scale(1.04);}
main .section-productList .row p {text-align: center; line-height: 1.4; margin-top: 10px;}
main .section-analyzer .container {height: 100%; width: 100%; box-sizing: border-box;}
main .section-analyzer .container:after {content: ""; display: table; clear: both;}
main .section-analyzer .wrap {transition: all 0.3s ease;}
main .section-analyzer .wrap:hover {cursor: pointer; transform: scale(1.02);}
main .section-analyzer .card {height: 100%; width: 100%; box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);}
main .section-analyzer .card .top {height: 100%; width: 100%; background: black; overflow: hidden;}
main .section-analyzer .card .bottom {pointer-events: none; width: 100%; height: 100%; background: #292929; box-sizing: border-box; padding: 20px 25px;}
main .section-analyzer .card .bottom .title {font-size: 19px; margin-bottom: 24px;}
main .section-analyzer .card .bottom .name {font-size: 13px;}
main .section-analyzer .card .bottom .name2 {font-size: 16px; font-weight: 700;}
main .section-analyzer .remark {font-size: 12px; margin: 10px 10px; text-align: left;}

section .slick-track {width: 100%;}
section .slick-arrow {position: absolute; z-index: 3;}
section .slick-next,section .slick-prev {width: 30px; height: 30px; border-radius: 50%; background-color: #000;}
section .slick-next {right: 5px;}
section .slick-prev {left: 5px;}
section .slick-list {width: 95%; text-align: center; margin-right: auto; margin-left: auto;}
section .slider-detail {width: 100%;}
section .slider-detail img {width: 100%; display: block;}
section .slider-detail a {display: block; padding: 0px 1em;}
section .slider-detail p {color: #fff;}
.slick-prev:before, .slick-next:before {color: #626262;}

@media (max-width: 800px) {
  main section:not(.section-header) {padding: 20px 0;}
  main p, main h1, main h2 {padding: 0.4em; line-height: 1.2em; text-align: center !important;}
  main h1 {font-size: 2.2em !important;}
  main .section-productList .col-3 {width: 46%;}
  main .section-productList .row p {margin: 10px 30px;}
  .flex-center {display: block;}
}