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.8rem; font-weight: 600;letter-spacing: -0.03rem; line-height: 1.4em; letter-spacing: .5px; margin-bottom: 15px;}
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;}
main hr.title-row {background-image: linear-gradient(to left, transparent, #be0b00, transparent); border: 0; height: 2px; margin: 0px;}

.text-left {text-align: left;}
.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;}
.section-intro {background: url('intro_bg.jpg') center; background-size: cover;overflow: hidden;}
.section-obs {background: url('obs_bg.jpg') center; background-size: cover; overflow: hidden;}

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;}
.slick-prev:before, .slick-next:before {color: #626262;}

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 ul {bottom: 1% !important;}
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;}

@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;}
  .flex-center {display: block;}
}

@media (max-width: 600px) {
  main .slider-precision ul {display: none;}
  main .slider-precision h3 {margin-top: 25px; font-size: 1.5rem; line-height: 1.3; font-weight: 500;}
  main .section-where-to-buy img {width: 80%;}
}