@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.5rem; line-height: 1.1;}
main h2 {font-family: "GeForce", Arial, Helvetica, sans-serif; font-size: 2.5rem; line-height: 1.1;}
main p {font-family: "Rubik", Arial, Helvetica, sans-serif; font-size: 1.15rem; line-height: 1.5; letter-spacing: 0.5px;}

html {overflow-x: hidden; -ms-overflow-style: -ms-autohiding-scrollbar;}
main {font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 500; width: 100%; max-width: 1920px; margin: 0 auto; /*background: center / cover no-repeat url("/articles/01523/Z690_bg.jpg");*/}
main section {padding: 2em 0;}
main .row [class^="column"] {margin: 0; padding: 0; }
main #buy, main .section-forum {background-color: black;}
main .nav a { color: #ffffff; }
main .active { color: #ba0807 !important; text-decoration: underline !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.header {background: #15344e; width: 100%;  display: block; margin: 0; height: auto;  position: relative;top: 0px;}
.header .nav a:hover {color: #ba0807;}
.header .nav li:hover {color: #ba0807; background: #091c2c;}
.navbar {width: 100%; z-index: 9999;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.font-large {font-size: large;}
main section p {color: #dedede;}
main .section-here {margin-top: -42px;}
main .section-here h2 {line-height: 1.2;}
main .section-dark, main .section-ftw {background-color: #222;}
main .section-dark a img, main .section-ftw a img {transform: scale(1); transition: .2s;}
main .section-dark a img:hover, main .section-ftw a img:hover {transform: scale(1.04); transition: .8s;}
main .section-notify img {max-width: 90%; transform: scale(1); transition: .3s; margin: 10px auto;}
main .section-notify img:hover {transform: scale(1.15);}

.uc {text-transform: uppercase;}
.comingTxt {font-size: 4.5rem; font-weight: 400; color: #fff; margin-top: 1em;}
.black-box {padding: 1rem;}
.flex-center {display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}
.fontNowrap {white-space: nowrap; margin-bottom: 10px;}
.flexDirection {flex-direction: row;}
.teal {color: #fff;}
.note {color: #efc751; font-size: smaller;}
.TxtImg {position: relative; width: 190px; margin: 0 0 0 8px;}
.reminderTxt {font-size: 0.9rem; color: #ff2f2f; margin-top: -3%;}

.hiddenText {transition: 0.3s;cursor: help; filter: blur(4px); color: red; font-weight: 600;}
.hiddenText:hover {filter: blur(0px); color: #fff; font-weight: 600;}
/* .strikethrough, .strikethroughTitle {display: inline-block; position: relative; transition: all 0.5s cubic-bezier(.55, 0, .1, 1);}
.strikethrough:after {content: ''; position: absolute; display: block; width: 100%; height: 9px; box-shadow: 0 1px 1px rgb(186 8 7 / 60%); margin-top: -1.0em; background: #600; transform-origin: center left;	animation: strikethrough 1s 0.5s cubic-bezier(.55, 0, .1, 1) 1;	transition: transform 0.5s cubic-bezier(.55, 0, .1, 1); filter: blur(1px); border-radius: 8px;}
.strikethroughTitle:after {content: ''; position: absolute; display: block; width: 100%; height: 24px; box-shadow: 0 1px 1px rgb(186 8 7 / 60%); margin-top: -0.9em; background: #600; transform-origin: center left;	animation: strikethrough 1s 0.5s cubic-bezier(.55, 0, .1, 1) 1;	transition: transform 0.5s cubic-bezier(.55, 0, .1, 1); filter: blur(1px); border-radius: 8px;}
.strikethrough:hover, .strikethroughTitle:hover {color: rgb(186 8 7); background: rgba(255, 189, 182, 0.8); font-weight: 600;}
.strikethrough:hover:after, .strikethroughTitle:hover:after {transform: scaleX(0);	transform-origin: center right;}
@keyframes strikethrough {from {transform: scaleX(0);} to {transform: scaleX(1);}} */


main .slider-precision h3 {font-size: 26px; margin-top: 49px; color: rgb(211,211,211);}
main .slider-precision p {font-size: 1.15rem; line-height: 1.25rem;}
/* main .slider-precision > button {top: 39%} */
main .slider-precision.solution-ul ul {bottom: 9%;}
main .slider-precision.software-ul ul {bottom: 6%;}
main .slider-precision ul > li {height: 15px; width: 15px; line-height: 15px; text-align: center; background-color: #666;}
main .slider-precision li button {height: 15px; width: 15px; line-height: 15px; text-align: center;}
main .slider-precision .slick-dots li button::before {font-size: 45px; height: 15px; width: 15px; line-height: 15px; text-align: center; left: 50%; top: 50%; transform: translate(-50%,-52%); vertical-align: middle;}
main .slider-precision .slick-track {width: 100%;}
main .slider-precision .slick-arrow {position: absolute; z-index: 3;}
main .slider-precision .slick-next, main .slider-precision .slick-prev {width: 30px; height: 30px; border-radius: 50%;}
main .slider-precision .slick-next {right: 5px;}
main .slider-precision .slick-prev {left: 5px;}
main .slider-precision .slick-list {width: 95%; text-align: center; margin-right: auto; margin-left: auto;}
main .slider-precision .slick-prev:before, main .slider-precision .slick-next:before {color: #626262; font-size: 30px;}
.slick-next .slick-next-icon, .slick-next .slick-prev-icon, .slick-prev .slick-next-icon, .slick-prev .slick-prev-icon {color: #fff;}
.slick-next, .slick-prev, .slick-next:focus, .slick-prev:focus {top: calc(50% - 1px);}

main .section-notify {padding: 20px 0;}
main .section-notify .popup-container {display: inline-block;}
main .section-notify .popup-container .popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 10; opacity: 0; visibility: hidden; transition: 250ms all;}
main .section-notify .popup-container .popup .popup-inner {width: 400px; box-sizing: border-box; padding: 15px; background-color: #ccc; border-left: 5px solid #777; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 150%; transition: 250ms all;}
main .section-notify .popup-container .popup .popup-inner .popup-title {display: flex; justify-content: space-between; align-items: center;}
main .section-notify .popup-container .popup .popup-inner .popup-title h6 {font-size: 18px; font-weight: 500;}
main .section-notify .popup-container .popup .popup-inner .popup-title .popup-close-btn {position: absolute; width: 37px; height: 37px; opacity: 0.5; border-width: 1px; border-style: solid; border-radius: 50%; right: 15px; top: 15px; text-align: center; font-size: 1.6em; cursor: pointer; text-align: center; color: #000;}
main .section-notify .popup-container .popup .popup-inner .popup-content {display: flex; justify-content: center;}
main .section-notify .popup-container .popup .popup-inner .popup-content ul li {margin-bottom: 10px; color: #000; list-style-type: none; text-align: left;}
main .section-notify .popup-container .popup .popup-inner .popup-content ul li.plistName {font-weight: 700;}
main .section-notify .popup-container .popup .popup-inner .popup-content ul li.plistPn {color: #999;}
main .section-notify .popup-container .popup .popup-inner .popup-content ul li input {background-color: #e9e9e9;}
main .section-notify .popup-container .popup .popup-inner .popup-content ul li:last-child {margin-bottom: 0;}
main .section-notify .popup-container .popup .popup-inner .popup-content ul li input {width: 100%; border: 1px solid #ddd; border-radius: 3px; line-height: 34px; padding: 0 15px; font-size: 14px; box-sizing: border-box;}
main .section-notify .popup-container .popup .popup-inner .popup-content ul li button {width: 100%; line-height: 34px; background: #666; color: #fff; cursor: pointer; border-radius: 3px; border: none; font-size: 14px; cursor: pointer;}
main .section-notify .popup-container .popup .popup-inner .popup-content ul li button:hover {background: #444;}
main .section-notify .popup-container .popup .transparent-label {position: fixed; top: 0;left: 0; width: 100%; height: 100%; z-index: -1; cursor: pointer;}
main .section-notify .popup-container > input {display: none;}
main .section-notify .popup-container > input:checked + .popup {opacity: 1; visibility: visible;}
main .section-notify .popup-container > input:checked + .popup .popup-inner {top: 50%;}
main .section-notify .popup-container a {text-decoration: none;}
main .section-notify .popup-container label.learnMore {display:inline-block; margin: 10px; cursor: pointer; box-sizing: border-box; appearance: none; background-color: transparent; border: 0px solid #404040; border-radius: 0.6em; color: #fff; cursor: pointer; display: flex; align-self: center; font-size: 1.25rem; font-weight: 400; line-height: 1; padding: 1.0em; text-decoration: none; text-align: center; text-transform: uppercase; font-weight: 700; transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;}
main .section-notify .popup-container label.learnMore:hover {color: #fff; outline: 0; box-shadow: 0 0 40px 40px #303030 inset;}
main .section-notify .popup-container label.learnMore:after {display:block; content: ''; border-bottom: 3px solid #76B900; padding-bottom: 3px; transform: scaleX(0); transition: transform 250ms ease-in-out;}
main .section-notify .popup-container label.learnMore:hover:after {transform: scaleX(1);}

@media (max-width: 900px) {
  main .slider-precision.solution-ul ul {bottom: 9% !important;}
  main .slider-precision.software-ul ul {bottom: 6% !important;}
}
@media (max-width: 800px) {
  main .section-here {margin-top: 0px;}
  .flexDirection {flex-direction: column-reverse;}
  .classified-Seal {left: 18%; margin-bottom: 2%;}
}
@media (max-width: 600px) {
  main .slider-precision ul {display: none !important;}
}
@media (max-width: 500px) {
  main .slider-precision h3 {margin-top: 25px; font-size: 1.5rem; line-height: 1.3; font-weight: 500;}
}
@media (max-width: 400px) {
  main section {padding: 1em 0;}
  .comingTxt {font-size: 3.0rem; font-weight: 400;}
  .text-justify {text-align: center;}
}