html {overflow-x: hidden; overflow-y: auto; -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");}
h1, h2, h3, h4, h5, p, ul, li, div {margin: 0; padding: 0;}
main {font-family: "Rubik", Arial, Helvetica, sans-serif; width: 100%; background-color: #000;}
main h1, main h2 {font-family: "GeForce", Arial, Helvetica, sans-serif; }
main h1 {font-size: 3.5em; font-weight: 700; line-height: 1em; margin-bottom: 15px;}
main h2 {font-size: 2.5rem; font-weight: 600; line-height: 1em; margin-bottom: 15px;}
main h3 {font-size: 2em; font-weight: 500; line-height: 1em;}
main h4 {font-size: 1.75em;}
main h5 {font-size: 1.5em;}
main h6 {font-size: 1.25em; font-weight: 500;}
main p  {font-size: 1.18rem; line-height: 1.8rem;}

main section:not(.section-header, .section-intro, .section-forum) {padding: 60px 0;}
main .section-header img {width: 100%;}
main .section-intro {padding: 10px 0 60px;}
main .section-intro .scontainer .row p {font-size: 1.35rem; line-height: 2.0rem; text-align: justify;}
main .section-performance img {max-width: 90%; transform: scale(1); transition: .2s; margin: 20px auto;}
main .section-performance img:hover {transform: scale(1.2);}
main .section-performance .comingsoon img:hover {transform: scale(1.3);}
main .section-performance .col-4 {margin: 1.5rem 2%;}
main .section-performance .row p {text-align: center; line-height: 1.4; padding: 1rem 0;}
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 {color: #76B900; margin-left: -35.7rem; font-size: 4.6rem;}
main .section-forum .row .col-12 img {max-width: 100%; display: block; margin: auto;}
main .section-presentation {padding-top: 0;}
main .section-nv .row:nth-child(1) {z-index: 1;}
main .section-nv > div > div.row.flex-center > div:nth-child(1) {margin-right: -8rem; z-index: 1;}
main .section-nv .nvFont1 {font-weight: 200; font-size: 1.4rem !important; line-height: 2.4rem;}
main .section-nv .nvFont2 {font-weight: 600; font-size: 1.8rem !important; line-height: 1.8rem;}
main .section-nv .row.flex-center .col-6:nth-child(2) img {transform: scale(1.4);}
/* main .section-px1 .col-4 img {margin: 8rem 0 0 10rem; position: relative; background: rgb(102 102 102 / 60%); padding: 15px;}
main .section-px1 .col-4 p {margin: -1.22rem 0 0 10rem; width: 100%; position: relative; background: rgb(102 102 102 / 60%); padding: 5px 13px 13px 13px;} */

main .section-rtx .scontainer .row .col-3 img {margin: 10px auto;}
main .section-rtx .scontainer .row .col-3 h5 {font-weight: 600; line-height: 1.2; margin: 10px 0 5px;}

main .section-presentation .slideshow {width: 100%; background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(255,255,255,0.2) 100%); padding: 3em 5em;}
main .section-presentation .slideshow .slick-dots {left: 0; bottom: 30px;}
main .section-presentation .slideshow .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 .section-presentation .slideshow .slick-dots li.slick-active button:before {color: white;}
main .section-presentation .slideshow .slick-dots li button:before {color: white;}
main .section-presentation .slideshow .item-slick {width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: row;}
main .section-presentation .slideshow .item-slick .content-item:nth-child(1) {width: 100%; height: 100%; display: contents;}
main .section-presentation .slideshow .item-slick .content-item:nth-child(2) {margin-left: 30px;}
main .section-presentation .slideshow .item-slick .content-item h1 {font-size: 2.0rem; line-height: 1.1; margin-top: 0.4rem;}
main .section-presentation .slideshow .item-slick .content-item p {font-size: 1.0rem; line-height: 1.3; margin-top: 0.6rem;}
main .section-presentation .slideshow .item-slick .content-item img {width: 250px; height: 250px; margin: 0;}
main .section-presentation .slideshow .slick-current {padding-bottom: 0px;}
main .section-presentation .slideshow .slick-arrow {position: absolute; z-index: 3;}
main .section-presentation .slideshow .slick-next, main .section-presentation .slideshow .slick-prev {width: 30px; height: 30px; border-radius: 50%;}
main .section-presentation .slideshow .slick-next {right: 5px;}
main .section-presentation .slideshow .slick-prev {left: 5px;}
main .section-presentation .slideshow .slick-list {width: 95%; text-align: center; margin-right: auto; margin-left: auto;}
main .section-presentation .slideshow .slick-prev:before, main .section-presentation .slideshow .slick-next:before {color: #626262; font-size: 30px;}

.flex-center {display: flex; align-items: center; justify-content: center; flex-direction: row;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-justify {text-align: justify;}
.uc {text-transform: uppercase;}
.mobile-br:before {content: ''; display: block;}

main .section-icx3 .scontainer {max-width: 1600px;}
main .section-icx3 .scontainer .row .col-12 div:nth-child(1) > p {margin: 30px auto 0; max-width: 1200px;}
main .section-icx3 .scontainer .explosion {width: 100%; padding: 30px 0rem 110px; overflow: hidden; box-sizing: border-box; transition: 0.5s; height: initial;}
main .section-icx3 .scontainer .explosion * {box-sizing: border-box;}
main .section-icx3 .scontainer .explosion .explosion-box {width: 100%;}
main .section-icx3 .scontainer .explosion .explosion-box p, main .section-icx3 .scontainer .explosion .explosion-box table {width: 70%; margin-right: auto; margin-left: auto; text-align: center; color: #eee; transition: 1s;}
main .section-icx3 .scontainer .explosion .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;}
main .section-icx3 .scontainer .explosion .explosion-box table {width: 100%; border-collapse: collapse; border: solid 1px #444;}
main .section-icx3 .scontainer .explosion .explosion-box table tr {border-bottom: solid 1px #444;}
main .section-icx3 .scontainer .explosion .explosion-box table td {padding: 10px; border-left: solid 1px #444; text-align: left;}
main .section-icx3 .scontainer .explosion .explosion-box table th {padding: 10px 20px; font-size: 1.6rem;}

main .section-icx3 .scontainer .explosion .explosion-box .pictures {position: relative; margin-right: auto; margin-left: auto; width: 100%; height: 550px; font-size: 1.15rem;}
main .section-icx3 .scontainer .explosion .explosion-box .pictures .pic {width: 38%; display: inline-block; vertical-align: top; position: absolute; transition: 1.5s; transform-origin: center;}
main .section-icx3 .scontainer .explosion .explosion-box .pictures .pic img {transition: 1s; filter: brightness(1); transform: scale(1); width: 100%;}
main .section-icx3 .scontainer .explosion .explosion-box .pictures .pic ul.up-side {margin: 0px; padding: 0px; height: 100%; position: absolute; left: 31%; top: -33%;}
main .section-icx3 .scontainer .explosion .explosion-box .pictures .pic ul.up-side .number {border: solid 1.2px; width: 30px; height: 30px; text-align: center; border-radius: 50%; color: #5e78eb; font-size: 1.25rem; line-height: 27px;}
main .section-icx3 .scontainer .explosion .explosion-box .pictures .pic ul.up-side .line {height: 45%; border-left: solid 2px #5e78eb;}
main .section-icx3 .scontainer .explosion .explosion-box .pictures .pic ul.up-side .description {color: #eee; font-weight: bold; cursor: pointer; color: #fff; background-color: rgba(0, 0, 0, 0.8); padding: 2px 15px; font-size: 15px; line-height: 18.5px;}
main .section-icx3 .scontainer .explosion .explosion-box .pictures .pic ul.up-side .description pre {white-space: pre-wrap;}

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

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;}

@media (min-width: 1251px) {
  main .section-icx3 {background: center / cover no-repeat url("./icx_bg.jpg");}
  main .section-icx3 .icx-icons {max-width: 240px;}
}
@media (max-width: 1200px) {
  main .section-icx3 .scontainer .explosion .explosion-box .pictures .pic ul.up-side {top: -45%;}
}
@media (max-width: 1000px) {
  main .section-nv > div > div.row.flex-center > div:nth-child(1) {margin-right: -2rem;}
  main .section-icx3 .scontainer .explosion {padding-top: 70px;}
  main .section-icx3 .scontainer .explosion .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%);}
  main .section-icx3 .scontainer .explosion .explosion-box .pictures {margin-bottom: 0px;}
  main .section-icx3 .scontainer .explosion .explosion-box .pictures .pic {width: 30%;}
  main .section-icx3 .scontainer .explosion .explosion-box .pictures .pic ul.up-side .line {height: 70%;}
  main .section-icx3 .scontainer .explosion .explosion-box .pictures .pic ul.up-side {left: 80%; top: -13%;}
  .bombIcon1, .bombIcon2, .bombIcon3, .bombIcon4, .bombIcon5, .bombIcon6, .bombIcon7 {display: none;}
}
@media (max-width: 900px) {
  main .section-eLeash .eLeash-title {margin-left: 0; font-size: inherit;}
}
@media (max-width: 800px) {
  .flex-center {flex-direction: column;}
  main .section-nv > div > div.row.flex-center > div:nth-child(1) {margin-right: 0rem;}
  main .section-nv > div > div.row.flex-center > div:nth-child(2) > img {width: 75%;}
  main .section-nv .nvFont1 {line-height: 2.0rem; text-align: center;}
  main .section-nv .nvFont2 {line-height: 1.5rem; text-align: center;}
  main .section-presentation .slideshow .item-slick {display: block !important;}
  main .section-presentation .slideshow .item-slick .content-item h1 {font-size: 1.6rem; line-height: 1.1; margin-top: 0.4rem; letter-spacing: -1.3px;}
  main .section-presentation .slideshow .item-slick .content-item p {font-size: 1.0rem; line-height: 1.2; margin-top: 0.6rem;}
  main .section-presentation .slideshow .item-slick .content-item img {margin: 0 auto;}
  main .section-performance .col-4 {float: none; margin: 1.5rem auto;}
  main .section-performance .row p {margin: 10px 30px;}
  main .section-nv .row.flex-center .col-6:nth-child(2) img {transform: scale(1.0);}
  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;}

  main .section-px1 .col-4 img {margin: 0; position: relative; background: none; padding: 0;}
  main .section-px1 .col-4 p {margin: 0; width: 100%; position: relative; background: none; padding: 0; text-align: center;}
  .mobile-br:before {content: ''; display: inline-block;}
}
@media (max-width: 550px) {
  main section:not(.section-header) {padding: 30px 0;}
  main .section-presentation .slideshow {padding: 3em 1em;}
  main .section-icx3 .scontainer img.icx3-img {width: 75%;}
  main .section-icx3 .scontainer .explosion {padding: 0px 2rem 0px 2rem;}
  main .section-icx3 .scontainer .explosion .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;}
  main .section-icx3 .scontainer .explosion .explosion-box table {margin-top: 10px; font-size: 1.15rem; line-height: 1.4rem;}
  main .section-icx3 .scontainer .explosion .explosion-box .pictures .pic {width: 60%;}
  main .section-icx3 .scontainer .explosion .explosion-box .pictures .pic ul.up-side {left: 90%;}
  main .section-intro .scontainer .row p {font-size: 1.18rem; line-height: 1.8rem; text-align: center;}
}
@media (max-width: 450px) {
  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;}
  .text-justify {text-align: center;}
}