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 .f600 {font-weight: 600;}
main .row {margin: 0;}
main hr.title-row {background-image: linear-gradient(to left, transparent, #e8d27d, transparent); border: 0; height: 2px; margin: 0px;}

.text-left {text-align: left;}
.flex-center {display: flex; justify-content: center; align-items: center; flex-direction: row;}
.gold-bg {background: -webkit-linear-gradient(45deg, rgba(232,225,172,.85) 0, rgba(253,229,123,1) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-index: 1;}
.uc {text-transform: uppercase;}
footer .footer-block .footer-column p {margin-bottom: 0em;}

main section:not(.section-header) {padding: 60px 0;}
.section-sub-header {background: url('sub_bg.jpg') center; background-size: cover;overflow: hidden;}
.section-swiper {background: url('swiper_bg.jpg') center; background-size: cover; overflow: hidden;}

main .section-product img {max-width: 90%; transform: scale(1); transition: .2s;}
main .section-product img:hover {transform: scale(1.1);}
main .section-product .row p {text-align: center; line-height: 1.4; margin-top: 10px;}
main .section-display .row .col-6 p {font-size: 1.1em; line-height: 1.3em;}
main .section-eLeash .eLeash-link {color: #76B900; font-weight: 400; font-size: 1.5rem;}
main .section-eLeash img {filter: brightness(0.7); transition: .2s;}
main .section-eLeash img:hover {filter: brightness(1.2); transition: .2s;}
main .section-eLeash .eLeash-title {margin-left: -22rem; font-size: 4.2rem;}

main .section-swiper .scontainer .row {display: flex; justify-content: center;}
main .section-swiper .scontainer .row .tab {color: #333; width: 90%;}
main .section-swiper .scontainer .row .tab nav ul {list-style-type: none; overflow: hidden; border-bottom: 1px solid #ccc; margin: 10px 25px; display: flex;}
main .section-swiper .scontainer .row .tab nav ul li {border-bottom: 3px solid transparent; display: flex; justify-content: center; align-items: center; width: 33.33%; padding: 5px 0px; margin: 0; text-align: center; color: #888; cursor: pointer; transition: all .3s ease;}
main .section-swiper .scontainer .row .tab nav ul li p {font-weight: 600;}
main .section-swiper .scontainer .row .tab nav ul li img {transition: .3s;}
main .section-swiper .scontainer .row .tab nav ul li:hover img {transform: scale(1.05);}
main .section-swiper .scontainer .row .tab nav ul li.btnActive {border-bottom: 3px solid #fff; color: #fff; background: -webkit-linear-gradient(180deg, rgb(255, 255, 255) 0, rgb(255, 255, 255) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-index: 1; margin: 0;}
main .section-swiper .scontainer .row .tab .tabBody section {padding: 0; width: 100%; position: relative;}
main .section-swiper .scontainer .row .tab .tabBody section p {padding: 0; color: #fff;}
/* main .section-swiper .scontainer .row .tab .tabBody section .col-12 {position: relative; padding-bottom: calc(100% * 580 / 1000);} */
/* main .section-swiper .scontainer .row .tab .tabBody section .col-12 img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-bottom: 0;} */

/* .fade-enter-active, .fade-leave-active {transition: all .3s ease; opacity: 1;} */
/* .fade-enter, .fade-leave, .fade-leave-to {transform: translateX(10px); opacity: 0;} */
/* .fade-leave-to {display: none;} */

.fade-enter-active {animation: bounce-in .5s;}
.fade-leave-active {animation: bounce-in .5s reverse;}
@keyframes bounce-in { 0% {transform: scale(0);} 50% {transform: scale(1.1);} 100% {transform: scale(1);}}

.moredetail {width: 100%; margin: 0 auto;}
.moredetail button {top: 48%;}
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: 900px) {
  main .section-eLeash .eLeash-title {margin-left: 0; font-size: inherit;}
}
@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-product .col-3 {width: 46%;}
  main .section-product .row p {margin: 10px 30px;}
  .flex-center {flex-direction: column;}
  .section-feature .scontainer .row.flex-center:nth-child(1), .section-feature .scontainer .row.flex-center:nth-child(3) {flex-direction: column-reverse;}

  main .section-swiper .scontainer .row .tab nav ul li {padding: 5px; display: flex; justify-content: center; align-items: center;}
  main .section-swiper .scontainer .row .tab nav ul li p {font-size: 1.1rem; line-height: 1.3;}
  main .section-swiper .scontainer .row .tab .tabBody section p {font-size: 1.0rem;}
}
@media (max-width: 500px) {
  .gold-bg {-webkit-text-fill-color: rgba(253,229,123,0.85);}

  main .section-swiper .scontainer .row .tab .tabBody section p {padding: 0 5%; font-size: 0.9rem; line-height: 1.5; text-align: left;}
  main .section-swiper .scontainer .row .tab nav ul {display: block;}
  main .section-swiper .scontainer .row .tab nav ul li {display: flex; justify-content: flex-start; width: 100%; border-bottom: 1px solid #ddd; border-radius: 3px 3px 0 0; transform: translateY(2px); transition: transform .3s ease; font-size: 14px; font-weight: 600;}
  main .section-swiper .scontainer .row .tab nav ul li p {font-size: 1.3rem; line-height: 1.2; text-align: left;}
  main .section-swiper .scontainer .row .tab nav ul li.btnActive {-webkit-text-fill-color: white;}
}