.ProductTabBar__productTabBarContainer__1e5nP, .overviewSimpleContent, .overviewAwardsContent, .ProductRecommenedRelated__productRecommendRelatedContainer__3Akgf, .ProductFooter__productFooterContainer__Z6Bel.ProductFooter__productBackgroundBlack__24n1I, .Footer__footerContent__22G1u {
  position: relative;
  z-index: 2;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ styles */
.kv-animation-section {display: none;}
.content {position: relative !important; top:0 !important;}
.heading, .heading-2 {background-image: none; color: #fff;}
.ie11-only {display: block !important;}
.ie11-hide {display: none !important;}
.splide__img, .splide__slide {height: auto !important;}
.controls {bottom: -50px;}
.lcd-inscreen {height: 50% !important;}
.tab-heading {font-size: 24px !important;}
}

.kv-animation-section {
  pointer-events: none;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 2000px;
  padding-bottom: 100px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-mask {
  position: fixed;
  left: auto;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 3;
  width: 1920px;
  height: 825px;
  max-width: none;
  background-image: url('../images/video-mask.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.video-mask.kv-product-animation {
  left: auto;
  right: auto;
  margin-right: auto;
  margin-left: auto;
}

.video-mask.kv-product-animation.vm-240 {
  background-image: url('../images/video-mask_240.png');
}

.video-mask.video-mask-intro {
  position: absolute;
  z-index: 4;
}

.video-mask.video-mask-intro.vm-240 {
  background-image: url('../images/video-mask_240.png');
}

.ryujin {
  position: fixed;
  left: auto;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1;
  width: 1920px;
  height: 825px;
  max-width: none;
  background-image: url('../images/ryujin-ii.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -o-object-fit: fill;
  object-fit: fill;
}

.ryujin.kv-product-animation {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.ryujin.kv-product-animation.ryujin-240 {
  background-image: url('../images/ryujin-ii_240.png');
}

.ryujin.ryujin-intro {
  position: static;
}

.ryujin.ryujin-intro.ryujin-240 {
  background-image: url('../images/ryujin-ii_240.png');
}

.kv-video {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.kv-video.kv-animation {
  position: static;
  right: auto;
  bottom: auto;
}

.bg-kv {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 870px;
  background-image: url('../images/bg_kv.jpg');
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-kv.bg-kv-intro {
  position: absolute;
}

.kv-video-wrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 1920px;
  height: 825px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.kv-video-wrapper.hidden {
  display: none;
}

.kv-video-wrapper.kv-product-animation {
  left: auto;
  right: auto;
}

.kv-video-wrapper.kv-video-intro {
  position: absolute;
  left: auto;
  right: auto;
  z-index: 3;
}

.kv-video-2 {
  left: 233px;
  top: 445px;
  width: 253px;
  height: 188px;
  -webkit-transform: rotateX(-6deg) rotateY(26deg) rotateZ(12deg);
  transform: rotateX(-6deg) rotateY(26deg) rotateZ(12deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.kv-video-real {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  display: none;
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.content {
  position: relative;
  padding-top: 1000px;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.overContent h1.page-title {
  position: relative;
  z-index: 2;
  margin-top: -50px;
  margin-bottom: 50px;
  font-family: Rogfonts, sans-serif;
  color: #616161;
  font-size: 64px;
  line-height: 1em;
  font-weight: 400;
  text-align: center;
  letter-spacing: 2px;
}

.paragraph {
  opacity: 1;
  font-family: 'Roboto Condensed', sans-serif;
  color: #bcbcbc;
  font-size: 16px;
  line-height: 1.7em;
  font-weight: 400;
}

.paragraph.intro-paragraph {
  width: 1060px;
  max-width: 85%;
  margin-right: auto;
  margin-left: auto;
  opacity: 1;
  color: #707070;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}

.paragraph.center-paragraph {
  width: 85%;
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;
  color: #bbb;
}

.paragraph.tab-paragraph-mobile {
  display: none;
}

.paragraph.spec-paragraph {
  margin-bottom: 0px;
}

.kv-real {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  padding-bottom: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.tab-layout-section {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #0e0e0e;
}

.tab-layout-section.performance {
  background-color: #161616;
}

.section-title {
  margin-top: 0px;
  margin-bottom: 50px;
  background-image: none;
  background-size: auto;
  opacity: 1;
  font-family: Rogfonts, sans-serif;
  color: #ccc;
  font-size: 28px;
  text-align: center;
  letter-spacing: 2px;
}

.section-title.mb30 {
  margin-bottom: 30px;
}

.lcd-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 10%;
  height: 50vh;
  max-height: 700px;
  max-width: 128px;
  min-height: 500px;
  margin-right: 2%;
  padding: 2%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.03);
  color: hsla(0, 0%, 100%, 0.5);
}

.lcd-tab:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: #fff;
}

.lcd-tab.w--current {
  width: auto;
  max-width: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: linear-gradient(60deg, #15171b, #323439);
  box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.5);
  color: #fff;
}

.lcd-tab.tab-aio {
  background-image: url('../images/bg_controller.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.lcd-tab.tab-performance {
  height: auto;
  max-height: none;
  min-height: auto;
}

.lcd-tab.lcb-tab-2 {
  height: auto;
  max-height: none;
  min-height: 500px;
}

.tabs {
  width: 1600px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
}

.block-title {
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: Tradegothicltpro, sans-serif;
  font-size: 48px;
  line-height: 1.2em;
  text-decoration: none;
}

.block-title.tab-heading {
  position: absolute;
  margin-top: 0.25em;
  margin-bottom: 0px;
  margin-left: 0.25em;
  -webkit-transform: translate(-100%, 0px) rotate(-90deg);
  -ms-transform: translate(-100%, 0px) rotate(-90deg);
  transform: translate(-100%, 0px) rotate(-90deg);
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  font-size: 3em;
  white-space: nowrap;
}

.tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-auto-columns: auto;
  -ms-grid-columns: auto auto auto auto;
  grid-template-columns: auto auto auto auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.tab-content {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tab-content.current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tab-content.tab-performance {
  position: static;
  display: none;
  width: 100%;
  margin-left: 5.6em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.software {
  width: 70%;
  height: auto;
  margin-left: 15%;
  border-radius: 5px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
}

.tab-pane {
  width: 85%;
  max-width: 750px;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  text-align: center;
}

.tabs-content {
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.lcd {
  position: absolute;
  top: 25%;
  right: 0px;
  width: 40%;
}

.fan-performance {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #0e0e0e;
}

.tabs-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1500px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-template-areas: "tab-nav Area";
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}

.tabs-menu-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-right: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-auto-columns: 1fr;
  grid-template-areas: "Area"
    "Area-2";
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}

.tab-pane-tab-1 {
  overflow: hidden;
  height: 100%;
}

.fan-tab {
  padding: 50px 50px 20px;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.2);
  opacity: 0.3;
  color: #fff;
}

.fan-tab.w--current {
  padding-bottom: 20px;
  background-image: linear-gradient(45deg, #5c0f54, #152049);
  opacity: 1;
}

.fan-tab.ft01 {
  margin-bottom: 30px;
  background-image: linear-gradient(45deg, #5c0f54, #152049);
}

.feature {
  margin-right: 15px;
  margin-bottom: 30px;
  margin-left: 15px;
}

.highlight {
  margin-bottom: -4px;
  font-family: Tradegothicltpro, sans-serif;
  font-size: 38px;
  line-height: 1.2em;
  white-space: nowrap;
}

.bottom {
  opacity: 0.6;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1.2em;
  text-align: center;
}

.feature-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  padding-top: 20px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.feature-list.center-feature-list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.feature-list.center-feature-list.performance-hl {
  display: none;
}

.feature-list.performance-hl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.feature-unit {
  margin-left: -0.3em;
  font-size: 0.8em;
}

.feature-unit.fu-ml0 {
  margin-left: 0em;
}

.fan-bg-video {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.fan-tab-content {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.fan-tab-content-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
}

.fan {
  position: relative;
  z-index: 2;
  width: 100%;
}

.fan.fan-mobile {
  display: none;
}

.fan-controller-box {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 60px;
  background-color: #000;
  background-image: url('../images/bg_controller.jpg');
  background-position: 50% 0%;
  background-size: 1920px 938px;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
}

.controller-box {
  width: 100%;
  height: 642px;
  background-image: url('../images/controller-box.png');
  background-position: 50% 50%;
  background-size: 1920px 642px;
  background-repeat: no-repeat;
}

.pump-diagram {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 100px;
  background-color: #000;
  color: #fff;
  text-align: center;
}

.pump-diagram.ie11-hide {
  padding-bottom: 0px;
}

.spec-demo {
  display: none;
  width: 100%;
  height: 777px;
  margin-top: 50px;
  background-image: url('../images/spec-demo.jpg');
  background-position: 50% 0%;
  background-size: 1920px;
  background-repeat: no-repeat;
}

.wrapper {
  opacity: 1;
}

.extensive-compatibility {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  padding-top: 100px;
  background-color: #0e0e0e;
  color: #fff;
  text-align: left;
}

.gallery-wrapper {
  position: relative;
  display: block;
  overflow: visible;
  width: 100%;
  height: 2000px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.gallery {
  position: absolute;
  width: 60%;
  height: auto;
  border-radius: 20px;
  box-shadow: 7px 7px 20px 0 rgba(0, 0, 0, 0.3);
}

.gallery.g1 {
  left: 0px;
  z-index: 6;
  margin-left: -10vw;
}

.gallery.g2 {
  right: 0px;
  z-index: 5;
  width: 50%;
  margin-right: -10vw;
}

.gallery.g3 {
  bottom: -5vh;
  z-index: 4;
  width: 40%;
}

.gallery.g4 {
  left: 10vw;
  top: 10vh;
  right: auto;
  z-index: 3;
  width: 30%;
}

.gallery.g5 {
  top: 15vh;
  z-index: 2;
  width: 20%;
  margin-right: -10vw;
}

.gallery.g6 {
  z-index: 1;
  width: 10%;
  margin-top: -5vh;
  margin-right: -20vw;
}

.gallery-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 800px;
  background-color: #000;
}

.page-transition {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9999;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.splide__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.slider__wave {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2;
  margin-top: -0.6vw;
}

.slider__wave.is--bottom {
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  margin-bottom: -0.6vw;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.slider__wave.is--bottom.ie11-hide {
  width: 100%;
}

.slider__wave.ie11-hide {
  width: 100%;
}

.control {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 3.33em;
  height: 3.33em;
  margin-right: 0.5em;
  margin-left: 0.5em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  border-radius: 50%;
  opacity: 0.5;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  color: #fff;
}

.control:active {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.control.next-splide:hover {
  opacity: 1;
}

.control.prev-splide:hover {
  opacity: 1;
}

.control__fill {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin-top: -100%;
  margin-right: -100%;
  border-radius: 50%;
  background-color: #fff;
  color: #fff;
}

.container {
  width: 100%;
  max-width: 2000px;
  margin-right: auto;
  margin-left: auto;
  padding: 4.06em;
}

.container.is--slider {
  padding-top: 0em;
  padding-bottom: 0em;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #4d4f57), color-stop(27%, #2f3035), color-stop(81%, #191a1e), color-stop(97%, #15171b));
  background-image: linear-gradient(180deg, #4d4f57 10%, #2f3035 27%, #191a1e 81%, #15171b 97%);
}

.control__arrow {
  position: relative;
  z-index: 2;
  display: none;
  width: 1.5em;
  height: 1.3em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
}

.control__arrow.is--flipped {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.splide__slide {
  width: 33.333333333333336%;
  height: 40vw;
  min-height: 20em;
  padding-right: 0.3em;
  padding-left: 0.3em;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.section.is--slider {
  position: relative;
  z-index: 2;
  margin-bottom: 5em;
}

.controls {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 13em;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.splide__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.lcd-inscreen {
  position: absolute;
  left: 12.5%;
  top: 16.2%;
  z-index: 0;
  width: 68.4%;
  height: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.image {
  position: relative;
  z-index: 1;
}

.tabs-content-2 {
  width: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.body-2 {
  background-color: #000;
}

.bg-vg27-kv {
  height: 990px;
  background-image: url('../images/KV.jpg');
  background-position: 50% 50%;
  background-size: 1920px;
  background-repeat: no-repeat;
}

.vg27-p-c {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bg-p-c {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 960px;
}

.vg27-pc {
  width: 50%;
  height: 100%;
  background-image: url('../images/bg_pc.jpg');
  background-position: 100% 0%;
  background-size: 960px;
  background-repeat: no-repeat;
}

.vg27-console {
  width: 50%;
  height: 100%;
  background-image: url('../images/bg_console.jpg');
  background-position: 0% 0%;
  background-size: 960px;
  background-repeat: no-repeat;
}

.image-2 {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: 2;
  display: block;
  width: 1px;
  height: 81%;
  max-height: 778px;
  margin-right: auto;
  margin-bottom: -100px;
  margin-left: auto;
}

.vg27-p-c-container {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-c-frame {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: 2;
  width: 100%;
  height: 78%;
  max-height: 751px;
  max-width: 1356px;
  background-image: url('../images/frame01.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.vg27-h2 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: 'Din condensed', sans-serif;
  color: #ffa800;
  font-size: 24px;
  line-height: 1.2em;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.vg27-h2.p-c-h2 {
  position: static;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: 4;
  text-align: center;
}

.vg27-pc-content {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100vh;
  margin-left: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
}

.vg27-pc-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 150px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.vg27-h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 13px;
  padding-right: 15px;
  padding-left: 20px;
  border-right: 10px none #000;
  border-bottom: 10px none #000;
  background-color: #ffa800;
  font-family: 'Din condensed', sans-serif;
  color: #000;
  font-size: 48px;
  line-height: 1.2em;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.vg27-h3-wrapper {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.image-3 {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
}

.vg27-highlight-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 20px 20px 20px 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.vg27-hl-t-r {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

.vg27-hl-t-l {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.vg27-hl-b-l {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 10px;
  height: 10px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.vg27-hl-b-r {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}

.vg27-hl-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 80px;
  height: auto;
  margin-right: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.vg27-hl-text {
  position: static;
  display: block;
  overflow: hidden;
  width: 300px;
  min-width: 300px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: Roboto, sans-serif;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 24px;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: normal;
}

.vg27-console-content {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100vh;
  margin-right: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
}

.exploded-view {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-top: -5vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.parts-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30vw;
  height: 58.2vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.parts-wrapper.slow-down {
  width: 500px;
}

.ryujin-part {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0px 0px;
  background-size: contain;
}

.ryujin-part.p9 {
  padding-bottom: 49%;
  background-image: url('../images/9.png');
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.ryujin-part.p8 {
  padding-bottom: 25.4%;
  background-image: url('../images/8.png');
}

.ryujin-part.p7 {
  padding-bottom: 17.4%;
  background-image: url('../images/7.png');
}

.ryujin-part.p6 {
  padding-bottom: 35.2%;
  background-image: url('../images/6.png');
}

.ryujin-part.p5 {
  padding-bottom: 13%;
  background-image: url('../images/5.png');
}

.ryujin-part.p4 {
  padding-bottom: 22.6%;
  background-image: url('../images/4.png');
}

.ryujin-part.p3 {
  padding-bottom: 33.6%;
  background-image: url('../images/3.png');
}

.ryujin-part.p2 {
  padding-bottom: 53.8%;
  background-image: url('../images/2.png');
}

.ryujin-part.p1 {
  padding-bottom: 57.6%;
  background-image: url('../images/1.png');
}

.ryujin-part.p1-2 {
  margin-top: 0px;
  margin-bottom: -48%;
  padding-bottom: 28%;
  background-image: url('../images/1-2.png');
}

.spec-content {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.spec {
  position: absolute;
  left: 50%;
  z-index: 100;
  display: none;
  width: 300px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.spec.spec-l {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.spec-text {
  position: relative;
  z-index: 2;
  width: 70%;
  min-width: 300px;
  margin-right: 1px;
  padding: 20px 20px 16px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.3);
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
  text-align: left;
}

.spec-heading {
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: Tradegothicltpro, sans-serif;
  font-size: 24px;
  line-height: 1.2em;
  letter-spacing: 0.02em;
}

.spec-line {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  margin-right: -1px;
  margin-bottom: -30px;
  margin-left: -1px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  opacity: 0.5;
}

.spec-line.spec-line-l {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.spec-dot {
  width: 4px;
  height: 4px;
  margin-bottom: 0px;
  margin-left: -1px;
  border-radius: 2px;
  background-color: #fff;
}

.image-4 {
  width: 30px;
  height: 100px;
}

.spec-svg-line {
  width: 100%;
  height: 30px;
}

.noctua {
  position: absolute;
  left: 1em;
  top: auto;
  right: auto;
  bottom: 1em;
  z-index: 2;
  width: 20%;
  max-width: 80px;
  border-radius: 5px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
}

.spec-more {
  position: absolute;
  z-index: 9999;
  display: none;
  width: 30px;
  height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b8024d), to(#551ad6));
  background-image: linear-gradient(180deg, #b8024d, #551ad6);
  opacity: 0.7;
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.spec-more:hover {
  opacity: 1;
}

.slider {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100vw;
  height: 100%;
  margin-top: 0px;
  padding-bottom: 2vw;
  background-color: transparent;
}

.spec-slide-content {
  z-index: 2;
  display: block;
  width: 30vw;
  max-width: 500px;
  margin-bottom: 0px;
  padding: 0px;
  text-align: left;
}

.icon {
  position: static;
  margin: 0px;
  font-size: 24px;
}

.icon-2 {
  position: static;
  margin: 0px;
  font-size: 24px;
}

.left-arrow {
  left: 10vw;
  top: 0%;
  right: auto;
  bottom: 0%;
  width: 30px;
  height: 30px;
}

.left-arrow:active {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.right-arrow {
  left: auto;
  top: 0%;
  right: 10vw;
  bottom: 0%;
  width: 30px;
  height: 30px;
  margin-left: 0px;
}

.right-arrow:active {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.slide-nav {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 5px;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.spec-slide {
  width: 100%;
  height: 100%;
  padding: 0px;
}

.spec-point-line {
  position: absolute;
  left: 50vw;
  z-index: 2;
  display: block;
}

.spec-point-line.spec-02 {
  left: 40vw;
}

.spec-point-line.spl01 {
  left: 32vw;
}

.spec-point-line.spl02 {
  left: 31vw;
}

.spec-point-line.spl03 {
  left: 37vw;
}

.spec-point-line.spl04 {
  left: 42vw;
}

.spec-point-line.spl05 {
  left: 57vw;
}

.point-line {
  width: 1px;
  height: 15vw;
  background-color: #fff;
  opacity: 0.5;
}

.point-line.pl01 {
  height: 7vw;
}

.point-line.pl02 {
  height: 10vw;
}

.point-line.pl03 {
  height: 11.5vw;
}

.point-line.pl04 {
  height: 13vw;
}

.point-line.pl05 {
  height: 19.5vw;
}

.line-caption {
  margin-left: -2px;
  font-family: 'Roboto Condensed', sans-serif;
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 16px;
}

.spec-slide-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-right: 2vw;
  padding-bottom: 2vw;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.asetek {
  position: absolute;
  left: auto;
  top: auto;
  right: 5vw;
  bottom: 5vw;
  margin-right: auto;
  margin-left: auto;
}

.cpu-socket-support {
  display: -ms-grid;
  display: grid;
  width: 85%;
  max-width: 750px;
  margin: 30px auto;
  padding: 20px 0px 0px;
  grid-auto-columns: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  grid-template-areas: "Area Area-2"
    ". Area-3";
  -ms-grid-columns: 1fr 20px 2fr;
  grid-template-columns: 1fr 2fr;
  -ms-grid-rows: auto 15px auto;
  grid-template-rows: auto auto;
  border-style: solid none none;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.3);
  font-family: 'Roboto Condensed', sans-serif;
  text-align: left;
}

.heading-4 {
  margin-top: 0px;
  margin-bottom: 0px;
  opacity: 0.5;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 1em;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.text-span {
  opacity: 0.5;
}

.heading-5 {
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  line-height: 1em;
  font-weight: 400;
}

.text-span-2 {
  position: relative;
  top: -0.5em;
  display: inline-block;
  font-size: 0.7em;
}

.bold-text {
  padding-left: 2px;
}

.pump-diagram-ie {
  position: relative;
  width: 100%;
  padding-top: 100px;
}

.pump-diagram-ie.ie11-only {
  display: none;
  padding-bottom: 50px;
}

.bg-spec-ie {
  position: relative;
  height: 638px;
  background-image: url('../images/spec-ie.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.ryujin-mobile {
  position: fixed;
  left: auto;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1;
  width: 1920px;
  height: 825px;
  max-width: none;
  -o-object-fit: fill;
  object-fit: fill;
}

.ryujin-mobile.kv-product-animation {
  display: none;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.ryujin-mobile.ryujin-intro {
  position: static;
  display: none;
}

.specs {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-image: url('../images/spec.svg');
  background-position: 50% 65%;
  background-size: 135%;
  background-repeat: no-repeat;
}

.tabs-content-performance {
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.controller-box-performance {
  width: 100%;
  height: 471px;
  background-image: url('../images/controller-box_1.png');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.fan-2 {
  z-index: 2;
  width: 100%;
  height: auto;
  max-width: none;
}

.fan-2.fan-mobile {
  display: none;
}

.noctua-2 {
  position: absolute;
  left: auto;
  top: 2em;
  right: 2em;
  bottom: auto;
  z-index: 2;
  width: 80px;
  border-radius: 5px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
}

.kv-video-240 {
  left: 138px;
  top: 465px;
  width: 237px;
  height: 173px;
}

@media screen and (max-width: 991px) {
  .kv-animation-section {
    overflow: hidden;
  }

  .video-mask.kv-product-animation {
    width: 1200px;
    height: 515px;
  }

  .video-mask.video-mask-intro {
    width: 1200px;
    height: 515px;
  }

  .ryujin {
    background-image: url('../images/ryujin-ii_m.png');
  }

  .ryujin.kv-product-animation {
    width: 1200px;
    height: 515px;
  }

  .ryujin.ryujin-intro {
    width: 1200px;
    height: 515px;
  }

  .bg-kv {
    width: 100%;
    height: 543px;
  }

  .bg-kv.bg-kv-intro {
    height: 543px;
  }

  .kv-video-wrapper.kv-product-animation {
    width: 1200px;
    height: 515px;
  }

  .kv-video-wrapper.kv-video-intro {
    width: 1200px;
    height: 515px;
  }

  .kv-video-2 {
    left: 12%;
    top: 53.9%;
    width: 13%;
    height: 22.7%;
  }

  .paragraph.intro-paragraph {
    font-size: 20px;
  }

  .paragraph.tab-paragraph-mobile {
    display: none;
  }

  .lcd-tab {
    width: 9%;
    min-height: 300px;
    border-radius: 10px;
  }

  .lcd-tab.w--current {
    min-height: 300px;
    background-image: linear-gradient(60deg, #15171b, #323439);
  }

  .block-title {
    margin-bottom: 5px;
    font-size: 24px;
  }

  .block-title.tab-heading {
    margin-left: 10px;
    font-size: 1.5em;
  }

  .block-title.tab-heading.heading-aio {
    padding-right: 0px;
    padding-left: 0px;
  }

  .tab-content {
    display: none;
  }

  .tab-content.tab-performance {
    display: none;
    margin-left: 3em;
  }

  .tabs-2 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .tabs-menu-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .fan-tab {
    padding: 20px 20px 0px;
    border-radius: 10px;
  }

  .fan-tab.w--current {
    padding-bottom: 0px;
  }

  .feature {
    margin-bottom: 15px;
  }

  .highlight {
    font-size: 24px;
  }

  .bottom {
    white-space: nowrap;
  }

  .feature-list {
    padding-top: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .feature-list.center-feature-list.performance-hl {
    display: none;
  }

  .feature-list.performance-hl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .feature-list.performance-hl.aio-hl {
    padding-left: 0px;
  }

  .fan-tab-content {
    border-radius: 10px;
  }

  .fan-tab-content-wrapper {
    width: 75%;
    background-color: transparent;
  }

  .fan.fan-mobile {
    display: none;
  }

  .fan-controller-box {
    padding-bottom: 0px;
  }

  .pump-diagram {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .animation-wrapper {
    width: 100%;
  }

  .container {
    padding-right: 3em;
    padding-left: 3em;
  }

  .vg27-pc-content-wrapper {
    grid-row-gap: 20px;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .exploded-view {
    height: auto;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .parts-wrapper.slow-down {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .spec-content {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .spec-content.slow-down {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .spec-text {
    width: 80%;
  }

  .spec-heading {
    font-size: 20px;
  }

  .spec-line {
    width: 20%;
  }

  .slow-down {
    display: none;
  }

  .noctua {
    border-radius: 0px;
    box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.15);
  }

  .slider {
    padding-bottom: 0px;
  }

  .spec-slide-content {
    width: 80%;
  }

  .left-arrow {
    left: 20px;
  }

  .right-arrow {
    right: 20px;
  }

  .slide-nav {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
  }

  .spec-point-line {
    margin-bottom: 1vw;
  }

  .spec-point-line.spec-02 {
    left: -10vw;
  }

  .spec-point-line.spl02 {
    position: absolute;
  }

  .point-line {
    height: 120px;
  }

  .asetek {
    width: 200px;
  }

  .ryujin-mobile.kv-product-animation {
    display: block;
    width: 1200px;
    height: 515px;
  }

  .ryujin-mobile.ryujin-intro {
    display: block;
    width: 1200px;
    height: 515px;
  }

  .controller-box-performance {
    height: 350px;
  }

  .fan-2.fan-mobile {
    display: none;
  }

  .noctua-2 {
    border-radius: 0px;
    box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.15);
  }

  .kv-video-240 {
    left: 7%;
    top: 56%;
    width: 13%;
    height: 22.7%;
  }
}

@media screen and (max-width: 767px) {
  .kv-animation-section {
    overflow: hidden;
  }

  .content {
    overflow: hidden;
  }

  .overContent h1.page-title {
    margin-bottom: 30px;
    font-size: 48px;
  }

  .paragraph {
    font-size: 15px;
  }

  .paragraph.intro-paragraph {
    font-size: 18px;
  }

  .paragraph.tab-paragraph-mobile {
    display: block;
  }

  .paragraph.tab-paragraph-mobile.p-aio {
    padding: 0px;
  }

  .kv-real {
    padding-bottom: 60px;
  }

  .tab-layout-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-title {
    margin-bottom: 30px;
    font-size: 18px;
  }

  .section-title.mb30 {
    margin-bottom: 20px;
    line-height: 1.5em;
  }

  .lcd-tab {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: auto;
    margin-right: 0%;
    margin-bottom: 20px;
    padding: 30px 30px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: linear-gradient(45deg, #15171b, #323439);
    color: #fff;
  }

  .lcd-tab.w--current {
    margin-right: 0%;
    padding: 30px 20px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .lcd-tab.tab-01 {
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    background-image: linear-gradient(45deg, #071931, #33274f 30%, #661e43);
  }

  .lcd-tab.tab-02 {
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    background-image: linear-gradient(45deg, #071931, #33274f 55%, #661e43);
  }

  .lcd-tab.tab-aio {
    padding-right: 0px;
    padding-left: 0px;
    background-position: 50% 50%;
  }

  .block-title.tab-heading {
    position: static;
    margin-top: 0px;
    margin-left: 0px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition-property: none;
    transition-property: none;
    color: #fff;
    font-size: 24px;
    line-height: 1.2em;
  }

  .block-title.tab-heading.heading-aio {
    padding-right: 0px;
    padding-left: 0px;
  }

  .tabs-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tab-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px 0px 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tab-content.tab-performance {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0em;
    padding-right: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .tab-content.tab-performance.tab-aio-content {
    padding-right: 30px;
    padding-left: 30px;
  }

  .software {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0%;
  }

  .tab-pane {
    position: -webkit-sticky;
    position: sticky;
    bottom: 20px;
    max-width: 100%;
  }

  .tabs-content {
    display: none;
    overflow: visible;
    margin-top: 20px;
  }

  .lcd {
    top: 10%;
    right: -30px;
  }

  .fan-performance {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .tabs-2 {
    width: 100%;
  }

  .tabs-menu-2 {
    width: 100%;
    margin-right: 0px;
    grid-row-gap: 30px;
  }

  .fan-tab {
    padding: 0px;
    background-image: linear-gradient(45deg, #242557, #226863);
    opacity: 1;
  }

  .fan-tab.w--current {
    margin-bottom: 0px;
    background-image: linear-gradient(45deg, #242557, #226863);
  }

  .bottom {
    font-size: 13px;
    text-align: left;
  }

  .feature-list.center-feature-list.performance-hl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .feature-list.performance-hl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .feature-list.performance-hl.aio-hl {
    padding-left: 0px;
  }

  .fan-tab-content-wrapper {
    width: 100%;
    height: auto;
    margin-right: 0%;
    background-color: transparent;
  }

  .fan.fan-mobile {
    display: block;
  }

  .fan-controller-box {
    padding-top: 60px;
    padding-bottom: 0px;
  }

  .pump-diagram {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .wrapper {
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .extensive-compatibility {
    padding-top: 60px;
  }

  .control.next-splide {
    width: 48px;
    height: 48px;
  }

  .control.prev-splide {
    width: 48px;
    height: 48px;
  }

  .container {
    padding-right: 4.9em;
    padding-left: 4.9em;
  }

  .container.is--slider {
    padding-right: 20vw;
    padding-left: 20vw;
  }

  .splide__slide {
    width: 100%;
    height: 45vw;
    min-height: auto;
    padding-right: 0.92em;
    padding-left: 0.92em;
  }

  .section.is--slider {
    margin-bottom: 9.9em;
  }

  .controls {
    margin-bottom: -1.5em;
    font-size: 2em;
  }

  .tabs-content-2 {
    display: none;
  }

  .exploded-view {
    margin-top: -50px;
    padding-top: 0px;
  }

  .parts-wrapper {
    width: 300px;
    height: 581px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .parts-wrapper.slow-down {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .ryujin-part.p1-2 {
    margin-top: 0px;
    margin-bottom: -48%;
  }

  .spec-content {
    padding-top: 200px;
  }

  .spec-content.slow-down {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .spec {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .spec.spec-l {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .spec-text {
    width: 100%;
    min-width: auto;
    padding: 12px 10px 6px;
  }

  .spec-heading {
    font-size: 20px;
  }

  .spec-line {
    width: 30px;
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .spec-line.spec-line-l {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .spec-dot {
    margin-right: -2px;
    margin-left: -2px;
  }

  .spec-svg-line {
    height: 50px;
  }

  .slow-down {
    display: none;
  }

  .slider {
    left: auto;
    right: auto;
    width: 653px;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .spec-slide-content {
    width: 70%;
    min-width: auto;
    padding: 0px;
  }

  .left-arrow {
    left: 200px;
    top: auto;
    right: auto;
    bottom: 0%;
  }

  .right-arrow {
    left: auto;
    top: auto;
    right: 200px;
    bottom: 0%;
  }

  .slide-nav {
    padding-bottom: 21px;
  }

  .spec-point-line {
    margin-bottom: 5px;
  }

  .spec-point-line.spl01 {
    left: 157px;
  }

  .spec-point-line.spl02 {
    left: 150px;
  }

  .spec-point-line.spl03 {
    left: 195px;
  }

  .spec-point-line.spl04 {
    left: 248px;
  }

  .spec-point-line.spl05 {
    left: 400px;
  }

  .point-line {
    height: 80px;
  }

  .point-line.pl01 {
    height: 45px;
  }

  .point-line.pl02 {
    height: 74px;
  }

  .point-line.pl03 {
    height: 91px;
  }

  .point-line.pl04 {
    height: 108px;
  }

  .point-line.pl05 {
    height: 173px;
  }

  .spec-slide-content-wrapper {
    padding-right: 0vw;
    padding-bottom: 50px;
  }

  .asetek {
    width: 150px;
  }

  .specs {
    background-position: 50% 233px;
    background-size: 1300px;
  }

  .tabs-content-performance {
    display: none;
    overflow: visible;
    margin-top: 20px;
  }

  .controller-box-performance {
    height: 396px;
    background-image: url('../images/controller-box_m_1.png');
  }

  .fan-2 {
    width: 100%;
    height: auto;
  }

  .fan-2.fan-mobile {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .kv-animation-section {
    width: 100%;
    height: 1400px;
  }

  .video-mask.kv-product-animation {
    width: 93.4vh;
    height: 40vh;
    margin-top: 25vh;
  }

  .video-mask.video-mask-intro {
    width: 93.4vh;
    height: 40vh;
    margin-top: 25vh;
  }

  .ryujin.kv-product-animation {
    width: 93.4vh;
    height: 40vh;
    margin-top: 25vh;
  }

  .ryujin.ryujin-intro {
    width: 93.4vh;
    height: 40vh;
    margin-top: 25vh;
  }

  .bg-kv {
    width: 100%;
    height: 100vh;
    margin-top: 0vh;
    background-image: url('../images/bg_kv_m_1.jpg');
    background-position: 50% 50%;
  }

  .bg-kv.bg-kv-intro {
    height: 100vh;
    background-image: url('../images/bg_kv_m.jpg');
  }

  .kv-video-wrapper.kv-product-animation {
    width: 93.4vh;
    height: 40vh;
    margin-top: 25vh;
  }

  .kv-video-wrapper.kv-video-intro {
    width: 93.4vh;
    height: 40vh;
    margin-top: 25vh;
  }

  .content {
    padding-top: 700px;
    overflow: hidden;
  }

  .overContent h1.page-title {
    margin-top: 10vh;
    font-size: 9vw;
  }

  .paragraph.tab-paragraph-mobile.p-aio {
    padding-right: 20px;
    padding-left: 20px;
  }

  .paragraph.spec-paragraph {
    font-size: 13px;
    line-height: 1.5em;
  }

  .tab-layout-section {
    padding-top: 50px;
    padding-bottom: 0px;
  }

  .section-title {
    padding-right: 20px;
    padding-left: 20px;
    line-height: 1.2em;
  }

  .lcd-tab {
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .lcd-tab.lcb-tab-2.tab-aio-mobile {
    padding-right: 0px;
    padding-left: 0px;
  }

  .tabs {
    padding-right: 20px;
    padding-left: 20px;
  }

  .block-title.tab-heading.heading-aio {
    padding-right: 20px;
    padding-left: 20px;
  }

  .tab-content {
    padding-right: 0px;
  }

  .software {
    width: 150%;
    max-width: none;
    margin-left: -50%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .lcd {
    right: -20px;
    width: 60%;
  }

  .fan-performance {
    padding-top: 50px;
    padding-bottom: 30px;
  }

  .tabs-2 {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }

  .fan-tab.w--current {
    margin-bottom: 0px;
  }

  .feature {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .feature-list {
    display: -ms-grid;
    display: grid;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .feature-list.center-feature-list {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .feature-list.performance-hl.aio-hl {
    padding-left: 20px;
  }

  .fan-controller-box {
    margin-bottom: 30px;
    padding-top: 50px;
    padding-bottom: 0px;
    background-image: url('../images/bg_controller_m.jpg');
    background-position: 50% 100%;
    background-size: auto 446px;
  }

  .controller-box {
    height: 446px;
    margin-top: 30px;
    background-image: url('../images/controller-box_m.png');
    background-position: 50% 100%;
    background-size: 600px 396px;
  }

  .pump-diagram {
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 0px;
  }

  .animation-wrapper {
    position: relative;
  }

  .extensive-compatibility {
    z-index: 2;
    margin-top: 0px;
    padding-top: 50px;
  }

  .page-transition {
    display: none;
  }

  .splide__slide {
    height: 50vw;
    padding-right: 0.2em;
    padding-left: 0.2em;
  }

  .section.is--slider {
    margin-top: 30px;
  }

  .controls {
    margin-bottom: -60px;
    font-size: 10px;
  }

  .exploded-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: auto;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .parts-wrapper {
    position: relative;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    height: 581px;
    margin-top: -100px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: scale(0.6) rotate(60deg);
    -ms-transform: scale(0.6) rotate(60deg);
    transform: scale(0.6) rotate(60deg);
  }

  .parts-wrapper.slow-down {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .ryujin-part {
    width: 300px;
  }

  .spec-content {
    position: absolute;
    height: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .spec-content.slow-down {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: auto;
    height: auto;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 200px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .spec {
    position: static;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 30px;
    width: 100vw;
    margin-bottom: 220px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .spec.spec-l {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .spec.spec-l.spec-02 {
    margin-top: -51px;
  }

  .spec.spec-l.spec-04 {
    margin-top: -76px;
  }

  .spec.spec-03 {
    margin-top: -57px;
  }

  .spec-heading {
    margin-bottom: 0px;
    font-size: 15px;
  }

  .spec-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
  }

  .spec-dot {
    width: 8px;
    height: 8px;
    margin-left: -3px;
    border-radius: 4px;
  }

  .spec-svg-line {
    height: 30px;
  }

  .slow-down {
    display: block;
    height: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .slider {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .spec-slide-content {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .icon {
    font-size: 36px;
  }

  .icon-2 {
    font-size: 36px;
  }

  .left-arrow {
    width: 36px;
    height: 50px;
  }

  .right-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 36px;
    height: 50px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .slide-nav {
    bottom: 20px;
    height: 3px;
    padding-bottom: 15px;
  }

  .spec-point-line {
    margin-bottom: 0px;
    padding-bottom: 94px;
  }

  .point-line {
    width: 2px;
    height: 50px;
  }

  .line-caption {
    margin-top: 10px;
    font-size: 22px;
  }

  .line-caption.lc05 {
    width: 170px;
  }

  .asetek {
    left: auto;
    top: auto;
    right: 20px;
    bottom: 20px;
  }

  .cpu-socket-support {
    grid-template-areas: "Area Area"
      "Area-2 Area-2"
      "Area-3 Area-3";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .heading-4 {
    margin-bottom: 10px;
  }

  .blank {
    display: none;
  }

  .heading-5 {
    font-size: 18px;
  }

  .bold-text-2 {
    font-size: 15px;
  }

  .bg-spec-ie {
    background-image: url('../images/spec-ie_1.jpg');
  }

  .ryujin-mobile.kv-product-animation {
    width: 93.4vh;
    height: 40vh;
    margin-top: 25vh;
  }

  .ryujin-mobile.ryujin-intro {
    width: 93.4vh;
    height: 40vh;
    margin-top: 25vh;
  }

  .ryujin-loading {
    margin-top: -5vh;
  }

  .specs {
    background-image: url('../images/spec_m.svg');
    background-position: 50% 142px;
    background-size: 780px;
  }

  .controller-box-performance {
    height: 396px;
    margin-top: 30px;
    background-image: url('../images/controller-box_m_1.png');
    background-position: 50% 100%;
    background-size: 600px 396px;
  }
}

#w-node-_55c5912a-90d0-f2e9-a4a4-6f8190dbff26-b4de9a3c {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: Area;
}

.tabs-menu-2>#w-node-_55c5912a-90d0-f2e9-a4a4-6f8190dbff26-b4de9a3c {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.cpu-socket-support>#w-node-_55c5912a-90d0-f2e9-a4a4-6f8190dbff26-b4de9a3c {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

#w-node-_55c5912a-90d0-f2e9-a4a4-6f8190dbff29-b4de9a3c {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: Area-2;
}

.cpu-socket-support>#w-node-_55c5912a-90d0-f2e9-a4a4-6f8190dbff29-b4de9a3c {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

#w-node-_55c5912a-90d0-f2e9-a4a4-6f8190dbff32-b4de9a3c {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: Area-3;
}

#w-node-_9780b003-dfe3-2fef-4055-d6d374d93482-19e0343b {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: Area;
}

.tabs-menu-2>#w-node-_9780b003-dfe3-2fef-4055-d6d374d93482-19e0343b {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.cpu-socket-support>#w-node-_9780b003-dfe3-2fef-4055-d6d374d93482-19e0343b {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

#w-node-ded1f248-4a86-f337-f6a7-1c1c98e6a9d9-19e0343b {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: Area-2;
}

.cpu-socket-support>#w-node-ded1f248-4a86-f337-f6a7-1c1c98e6a9d9-19e0343b {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

#w-node-_774ab554-4b0e-464a-402a-b01f16e677a2-19e0343b {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: Area-3;
}

@media screen and (max-width: 479px) {
  .cpu-socket-support>#w-node-_55c5912a-90d0-f2e9-a4a4-6f8190dbff26-b4de9a3c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .cpu-socket-support>#w-node-_55c5912a-90d0-f2e9-a4a4-6f8190dbff29-b4de9a3c {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  #w-node-_55c5912a-90d0-f2e9-a4a4-6f8190dbff32-b4de9a3c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .cpu-socket-support>#w-node-_9780b003-dfe3-2fef-4055-d6d374d93482-19e0343b {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .cpu-socket-support>#w-node-ded1f248-4a86-f337-f6a7-1c1c98e6a9d9-19e0343b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  #w-node-_774ab554-4b0e-464a-402a-b01f16e677a2-19e0343b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

@font-face {
  font-family: 'Tradegothicltpro';
  src: url('../fonts/TradeGothicLTPro-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Din condensed';
  src: url('../fonts/DIN-Condensed-Bold-2.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rogfonts';
  src: url('../fonts/ROGFonts-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.w--current .tab-content {display: flex;}

.splide__arrow.splide__arrow--next, .splide__arrow.splide__arrow--prev, .splide__pagination {
	display: none;
}
.splide *:focus { outline: none; }