body {font-family: SuzukiPRO, sans-serif;font-size: 16px;font-weight: 400;line-height: 1.4;margin: 0;}header {background: #2828287d;}.container {width: 1140px;margin: auto;}.about-avenis {padding: 60px 0;}.about-avenis-content {padding-top: 122px;position: relative;}.about-avenis-content:before {content: "";background: url(/uploads/avenis-125/avenis-about-bg.webp) no-repeat;position: absolute;top: 0px;right: 25px;width: 608px;height: 89px;}.about-avenis img {width: 100%;padding-right: 34px;}.about-avenis h1 {font-family: 'Barlow', sans-serif;font-size: 44px;color: #00000e;line-height: 30px;font-weight: 700;text-transform: uppercase;margin: 10px 0 30px 0;}.about-avenis span {font-family: 'Barlow', sans-serif;font-size: 15px;color: #e20a17;line-height: 30px;font-weight: 600;text-transform: uppercase;letter-spacing: 2.4px;}.download-btn {font-family: 'Barlow', sans-serif;font-size: 16px;color: #FFF;background: #00000e;line-height: 30px;font-weight: 700;text-transform: uppercase;padding: 13px 30px;display: inline-block;margin-top: 20px;}.download-btn:hover, .download-btn:focus {color: #FFF;background: #e20a17;}.download-btn i {margin-right: 5px;}.styling-avenis {padding-bottom: 60px;}.styling-avenis-head h2 {text-align: center;color: #00000e;margin-top: 0;font-family: 'Barlow', sans-serif;font-size: 46px;line-height: 50px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.8px;position: relative;z-index: 2;}.avenis-style-banner {margin-bottom: 25px;}.grid-wrapper > div {display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;}.grid-wrapper > div img {width: 100%;height: 100%;object-fit: cover;transition: transform .2s;}.grid-wrapper {display: grid;grid-gap: 30px;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));grid-auto-rows: 200px;grid-auto-flow: dense;}.grid-wrapper .wide {grid-column: span 2;}.grid-wrapper .tall {grid-row: span 2;}.grid-wrapper .big {grid-column: span 2;grid-row: span 2;}.styling-img-content {position: absolute;bottom: 0px;left: 0;width: 100%;padding: 15px 20px;background-image: linear-gradient(rgba(255,0,0,0), rgb(0 0 0));height: 100px;}.styling-img-content h2 {margin: 0;color: #FFF;font-size: 18px;position: absolute;bottom: 20px;font-weight: 600;}.banner-video-avenis {background: url(/uploads/avenis-125/banner-video-bg.webp) no-repeat;padding: 200px 0;background-size: cover;position: relative;}.banner-video-avenis:before {content: "";background: #00000038;width: 100%;height: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}button.play-video-btn:hover {opacity: 0.7;}.text-center {text-align: center;}.text-right {text-align: right;}.video-play-icon {text-align: right;padding-top: 35px;padding-right: 122px;}.banner-video-avenis h2 {font-family: 'Barlow', sans-serif;font-size: 53px;color: #FFF;line-height: 53px;font-weight: 700;text-transform: uppercase;margin-top: 0;}.performance-avenis {padding: 60px 0;}.performance-avenis h2 {text-align: center;color: #FFF;margin-top: 0;font-family: 'Barlow', sans-serif;font-size: 46px;line-height: 50px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.8px;position: relative;z-index: 2;}.paddR0 {padding-right: 0;}.paddL0 {padding-left: 0;}.performance-avenis img {width: 100%;height: 100%;}.performance-avenis h3 {margin: 30px 0 10px 0;font-family: 'Barlow', sans-serif;font-size: 30px;color: #000;line-height: 35px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.8px;}.performance-content-left {position: relative;height: 100%;overflow: hidden;padding-right: 40px;}.performance-content-left em {position: absolute;bottom: -100px;right: 30px;font-size: 180px;font-style: normal;font-weight: 300;font-family: 'Barlow', sans-serif;color: #eeeeee;}.performance-content-right em {position: absolute;bottom: -80px;right: 30px;font-size: 180px;font-style: normal;font-weight: 300;font-family: 'Barlow', sans-serif;color: #eeeeee;}.performance-content-right {position: relative;height:100%;overflow: hidden;padding-left: 40px;}.utility-avenis-section .owl-dots {display: none;}.utility-avenis-section .owl-nav button.owl-prev {position: absolute;top: 45%;left: 18%;width: 49px;height: 27px;background: none !important;outline: none !important;}.utility-avenis-section .owl-nav button.owl-next {position: absolute;top: 45%;right: 18%;width: 49px;height: 27px;background: none !important;outline: none !important;}.utility-avenis-section {position: relative;background: #000000;padding: 60px 0;}.utility-avenis-section:before {content: "UTILITY";color: #111111;font-family: 'Barlow', sans-serif;font-size: 164px;line-height: 164px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.8px;position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 580px;}.utility-avenis-section h2 {text-align: center;color: #FFF;margin-top: 0;font-family: 'Barlow', sans-serif;font-size: 46px;line-height: 50px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.8px;position: relative;z-index: 2;}.utility-avenis-section .owl-nav button.owl-prev span {background: url(/uploads/avenis-125/prev-arrow.webp) no-repeat;width: 49px;height: 27px;display: block;text-indent: -999999999px;}.utility-avenis-section .owl-nav button.owl-next span {background: url(/uploads/avenis-125/next-arrow.webp) no-repeat;width: 49px;height: 27px;display: block;text-indent: -999999999px;}.utility-avenis-section .item span {background: #000016e8;width: 100%;color: #FFF;font-family: 'Barlow', sans-serif;font-size: 20px;line-height: 20px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.8px;text-align: center;padding: 25px 10px;width: 100%;display: block;}.banner-video-avenis-second {background: url(/uploads/avenis-125/banner-video-bg2.webp) no-repeat;padding: 200px 0 200px 0;background-size: cover;}.banner-video-avenis-third {padding: 60px 0 0px 0;}.banner-video-avenis-second h2 {font-family: 'Barlow', sans-serif;font-size: 80px;color: #FFF;line-height: 80px;font-weight: 700;text-transform: uppercase;margin-top: 0;margin-bottom: 30px;}.banner-video-avenis-second h2 em {display: block;font-weight: 600;font-style: normal;}.banner-video-avenis-second .popup-youtube {background: #e40916;font-family: 'Barlow', sans-serif;font-size: 16px;color: #FFF;line-height: 30px;font-weight: 700;text-transform: uppercase;padding: 13px 30px;display: inline-block;margin-top: 0px;}.banner-video-avenis-second .popup-youtube:hover, .banner-video-avenis-second .popup-youtube:focus {background: #00000e;}section.color-section-avenis {padding: 60px 0;}.color-list-col .color-thumb {display: none;}.color-list-col {width: 100%;margin-top: 100px;}.color-list-col ul {margin: 0px 0 0 0px;padding: 0px;list-style: none;}.color-list-col h2 {font-family: 'Barlow', sans-serif;font-size: 34px;color: #000;line-height: 34px;font-weight: 700;text-transform: uppercase;margin-top: 0;margin-bottom: 20px;}.product-detail-img img#productImage {width: 100%;}.color-list-col ul .color-col {background: #f7f7f7;padding: 15px;margin-bottom: 20px;float: left;width: 100%;border: solid 2px #f7f7f7;}.color-list-col ul .color-col .label {font-family: 'Barlow', sans-serif;font-size: 18px;color: #000;line-height: 18px;font-weight: 600;text-transform: capitalize;}label.black-label {margin-top: 10px;display: block;}.color-list-col ul .color-col .white-color {background: #e6e6e6;width: 36px;height: 36px;float: left;border: solid 4px #FFF;border-radius: 50px;margin-right: 10px;}.color-list-col ul .color-col .green-color {background: #aab339;width: 36px;height: 36px;float: left;border: solid 4px #FFF;border-radius: 50px;margin-right: 10px;}.color-list-col ul .color-col .black-color {background: #000;width: 36px;height: 36px;float: left;border: solid 4px #FFF;border-radius: 50px;margin-right: 10px;}.color-list-col ul .active .color-col {border: solid 2px #f7f7f7;background: #FFF;}.color-list-col ul .active .color-col span {box-shadow: 2px 2px 18px 0px rgb(0 0 0 / 10%);}.threesixty-section-avenis {background: #eeeeee;padding: 60px 0;}.threesixty-icon {position: absolute;width: 128px;height: 135px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 9;}.price-section-avenis {background: url(/uploads/avenis-125/price-list-bg.webp) no-repeat;padding: 120px 0 120px 0;background-size: cover;}.pricelist-bg {width: 420px;float: right;background: #FFF;box-shadow: 2px 2px 18px 0px rgba(4, 4, 5, 0.18);padding: 30px;}.price-section-avenis .pricelist-bg h4 {margin: 0 0 15px 0;font-family: 'Barlow', sans-serif;font-size: 26px;color: #000;line-height: 26px;font-weight: 700;text-transform: uppercase;}.price-section-avenis .pricelist-bg p {margin-bottom: 5px;font-size: 15px;}.price-section-avenis .pricelist-bg .price-box {border: solid 1px #eeeeee;background: #FFF;padding: 20px;margin-top: 15px;margin-bottom: 15px;}.price-section-avenis .pricelist-bg .price-box label {float: left;width: 100%;}.price-section-avenis .pricelist-bg .price-box span {font-family: 'Barlow', sans-serif;font-size: 30px;color: #000;line-height: 30px;font-weight: 700;}.price-section-avenis .pricelist-bg .price-list-btn {width: 100%;float: left;}.price-list-btn .btnOrangeFull {background: #000016;width: 100%;float: left;color: #FFF;font-family: 'Barlow', sans-serif;font-size: 16px;line-height: 30px;font-weight: 700;text-transform: uppercase;padding: 13px 30px;text-align: center;margin-bottom: 20px;}.price-list-btn .btnOrangeFull:hover {background: #e20a17;}.price-list-btn .btnApplyFull {background: #FFF;border: solid 1px #000016;width: 100%;float: left;color: #000016;font-family: 'Barlow', sans-serif;font-size: 16px;line-height: 30px;font-weight: 700;text-transform: uppercase;padding: 13px 30px;text-align: center;}.price-list-btn .btnApplyFull:hover {background: #000016;color: #FFF;}.gallery-section-avenis {padding: 60px 0;}#gallery-con #gallery-main img {width: 100%;}#gallery-con {width: 960px;height: auto;margin: 0 auto 0;padding: 0;border: none;position: relative;}#gallery-con .gallery-title {background: #FFF;font-family: 'Barlow', sans-serif;font-size: 26px;color: #000;line-height: 26px;font-weight: 700;text-transform: uppercase;position: absolute;top: 30px;left: 30px;padding: 20px;z-index: 99;}.specifications-section-avenis h2 {margin-top: 0;font-family: 'Barlow', sans-serif;font-size: 46px;color: #000;line-height: 46px;font-weight: 600;text-transform: uppercase;}.specifications-section-avenis {padding-bottom: 60px;}.specifications-section-avenis table td {padding: 10px;}span.specification-text {width: 100%;text-align: right;display: block;font-size: 14px;padding-top: 10px;}footer#footer .footer-nav.row p.fs-24 a i {color: #FFF;font-family: 'FontAwesome';font-weight: normal;}.modal {position: absolute;z-index: 10000;top: 0;left: 0;visibility: hidden;width: 100%;height: 100%;display: block;}.modal.is-visible {visibility: visible;}.modal-overlay {position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;background: hsla(0, 0%, 0%, 0.5);visibility: hidden;opacity: 0;transition: visibility 0s linear 0.3s, opacity 0.3s;}.modal.is-visible .modal-overlay {opacity: 1;visibility: visible;transition-delay: 0s;}.modal-wrapper {position: fixed;z-index: 9999;top: 6em;left: 0;right: 0;max-width: 832px;margin: auto;background-color: #e7e7e7;box-shadow: 0 0 1.5em hsl(0deg 0% 0% / 35%);}.modal-transition {transition: all 0.3s 0.12s;transform: translateY(-10%);opacity: 0;}.modal.is-visible .modal-transition {transform: translateY(0);opacity: 1;}.modal-header, .modal-content {padding: 1em;}.modal-header {position: relative;background-color: #fff;box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);border-bottom: 1px solid #e8e8e8;}.modal-close {position: absolute;top: 0;right: 0;padding: 1em;color: #aaa;background: #e7e7e7;border: 0;z-index: 99;cursor: pointer;}button.play-video-btn {background: transparent;border: none;outline: none;cursor: pointer;}.modal-close:hover {color: #777;}.modal-heading {font-size: 1.125em;margin: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.modal-content > *:first-child {margin-top: 0;}.modal-content > *:last-child {margin-bottom: 0;}.modal-body {padding: 5px 5px 0px 5px;}#aftersales .item .wrapper .text p{font-size: 15px;}
/*================================ 360 View Css Start Here ==============================*/

/*#stage {
    padding-top: 70px;
    padding-bottom: 70px;
}

.configurator {
  margin: -70px 0;
  background-color: #fff;
  color: #262626;
}

.configurator img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
}

.configurator[data-current-grade="1"] [data-bodycolor-grade="1"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="2"] [data-bodycolor-grade="2"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="3"] [data-bodycolor-grade="3"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="4"] [data-bodycolor-grade="4"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="5"] [data-bodycolor-grade="5"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="6"] [data-bodycolor-grade="6"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="7"] [data-bodycolor-grade="7"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="8"] [data-bodycolor-grade="8"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="9"] [data-bodycolor-grade="9"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="10"] [data-bodycolor-grade="10"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="11"] [data-bodycolor-grade="11"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="12"] [data-bodycolor-grade="12"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="13"] [data-bodycolor-grade="13"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="14"] [data-bodycolor-grade="14"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="15"] [data-bodycolor-grade="15"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="16"] [data-bodycolor-grade="16"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="17"] [data-bodycolor-grade="17"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="18"] [data-bodycolor-grade="18"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="19"] [data-bodycolor-grade="19"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator[data-current-grade="20"] [data-bodycolor-grade="20"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator__wrapper {
  position: relative;
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  overflow: hidden;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.configurator__wrapper.-hide {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.configurator__wrapper.-resize {
  opacity: 0;
}

.configurator__header {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 17px;
  padding-left: 30px;
  z-index: 3;
}

.configurator__header__change {
  margin-bottom: 15px;
  font-size: 2.3rem;
}

.configurator__header__change a {
  position: relative;
  display: block;
  color: #707070;
}

.configurator__header__change a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  display: block;
  width: 7px;
  height: 7px;
  margin: auto 0;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.configurator__header__name {
  font-size: 4.8rem;
  cursor: default;
}

.configurator__view {
  position: relative;
  width: 1200px;
  cursor: ew-resize;
}

.configurator__view::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.configurator__view__list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.configurator__view__list[data-current-view="1"] .configurator__view__list__item:nth-of-type(1) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="2"] .configurator__view__list__item:nth-of-type(2) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="3"] .configurator__view__list__item:nth-of-type(3) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="4"] .configurator__view__list__item:nth-of-type(4) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="5"] .configurator__view__list__item:nth-of-type(5) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="6"] .configurator__view__list__item:nth-of-type(6) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="7"] .configurator__view__list__item:nth-of-type(7) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="8"] .configurator__view__list__item:nth-of-type(8) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="9"] .configurator__view__list__item:nth-of-type(9) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="10"] .configurator__view__list__item:nth-of-type(10) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="11"] .configurator__view__list__item:nth-of-type(11) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="12"] .configurator__view__list__item:nth-of-type(12) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="13"] .configurator__view__list__item:nth-of-type(13) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="14"] .configurator__view__list__item:nth-of-type(14) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="15"] .configurator__view__list__item:nth-of-type(15) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="16"] .configurator__view__list__item:nth-of-type(16) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="17"] .configurator__view__list__item:nth-of-type(17) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="18"] .configurator__view__list__item:nth-of-type(18) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="19"] .configurator__view__list__item:nth-of-type(19) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list[data-current-view="20"] .configurator__view__list__item:nth-of-type(20) {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurator__view__list__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.configurator__view__list__item:nth-of-type(1)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(2)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(3)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(4)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(5)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(6)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(7)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(8)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(9)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(10)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(11)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(12)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(13)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(14)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(15)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(16)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(17)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(18)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(19)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__list__item:nth-of-type(20)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  z-index: 10;
  color: #f00;
}

.configurator__view__icn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/icn_rotate.svg) no-repeat center center;
  background-size: 8% auto;
  pointer-events: none;
  z-index: 10;
  -webkit-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
}

.configurator__view__icn.-started {
  opacity: 0;
  pointer-events: none;
}

.configurator__grade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 70px;
  z-index: 20;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateX(60px);
  transform: translateX(60px);
  -webkit-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
}

.configurator__grade.-active {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.configurator__grade__inner {
  width: 240px;
  max-height: 100%;
  overflow: auto;
  padding-bottom: 120px;
}

.configurator__grade__inner::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}

.configurator__grade__inner::-webkit-scrollbar-track {
  background: #fff;
}

.configurator__grade__inner::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, transparent calc(100% - 1px), #000 calc(100% - 1px));
}

.configurator__grade__head {
  margin-bottom: 20px;
  font-size: 2.4rem;
  text-align: center;
}

.configurator__grade__list__item + .configurator__grade__list__item {
  margin-top: 45px;
}

.configurator__grade__list__btn {
  width: 100%;
}

.configurator__grade__list__btn .img {
  width: 150px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.configurator__grade__list__btn .txt {
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.222;
}

.configurator__grade__list__btn .name {
  display: block;
}

.configurator__grade__list__btn .notes {
  display: block;
}

.configurator__grade__list__btn .notes::before {
  content: "(";
}

.configurator__grade__list__btn .notes::after {
  content: ")";
}

.configurator__grade__close {
  position: fixed;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 116px;
  height: 62px;
  text-align: center;
  z-index: 10;
}

.configurator__grade__close .icn {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.configurator__grade__close .icn::before,
.configurator__grade__close .icn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin: auto;
  border-radius: 2px;
  background-color: #262626;
}

.configurator__grade__close .icn::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.configurator__grade__close .icn::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.configurator__grade__close .txt {
  font-size: 2.3rem;
}

.configurator__bodyColor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 70px;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 20;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateX(60px);
  transform: translateX(60px);
  -webkit-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
}

.configurator__bodyColor.-active {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.configurator__bodyColor__inner {
  width: 240px;
  max-height: 100%;
  overflow: auto;
  padding-bottom: 60px;
}

.configurator__bodyColor__inner::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}

.configurator__bodyColor__inner::-webkit-scrollbar-track {
  background: #fff;
}

.configurator__bodyColor__inner::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, transparent calc(50% - 1px), #000 calc(50% - 1px), #000 50%, transparent 50%);
}

.configurator__bodyColor__head {
  margin-bottom: 20px;
  font-size: 2.4rem;
  text-align: center;
}

.configurator__bodyColor__list__item + .configurator__bodyColor__list__item {
  margin-top: 15px;
}

.configurator__bodyColor__list__btn {
  width: 100%;
}

.configurator__bodyColor__list__btn .img {
  width: 100px;
  margin: 0 auto;
  margin-bottom: 8px;
}

.configurator__bodyColor__list__btn .txt {
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.222;
}

.configurator__bodyColor__list__btn .notes::before {
  content: "(";
}

.configurator__bodyColor__list__btn .notes::after {
  content: ")";
}

.configurator__bodyColor__close {
  position: fixed;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 116px;
  height: 62px;
  text-align: center;
  z-index: 10;
}

.configurator__bodyColor__close .icn {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.configurator__bodyColor__close .icn::before,
.configurator__bodyColor__close .icn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin: auto;
  border-radius: 2px;
  background-color: #262626;
}

.configurator__bodyColor__close .icn::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.configurator__bodyColor__close .icn::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.configurator__bodyColor__close .txt {
  font-size: 2.3rem;
}

.configurator__nav {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 240px;
  padding-bottom: 92px;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateX(60px);
  transform: translateX(60px);
  -webkit-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
}

.configurator__nav.-active {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.configurator__nav__list__item {
  margin-bottom: 30px;
}

.configurator__nav__list__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 120px;
  height: 120px;
  background-color: #262626;
  color: #fff;
}

.configurator__nav__list__btn.-grade .icn {
  height: 25px;
}

.configurator__nav__list__btn.-bodyColor .icn {
  height: 29px;
}

.configurator__nav__list__btn.-accessories .icn {
  height: 19px;
}

.configurator__nav__list__btn .icn {
  position: relative;
  display: block;
  width: 32px;
  margin-bottom: 7px;
}

.configurator__nav__list__btn .txt {
  font-size: 1.6rem;
  line-height: 1;
}

.configurator__nav__features.portrait {
  display: none;
}

.configurator__nav__features a {
  position: relative;
  display: block;
  width: 120px;
  padding-top: 6px;
  padding-right: 16px;
  padding-bottom: 6px;
  padding-left: 16px;
  background-color: #fff;
  font-size: 1.85rem;
  line-height: 1;
}

.configurator__nav__features a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  display: block;
  width: 9px;
  height: 9px;
  margin: auto 0;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.configurator__nav__control {
  display: none;
}

.configurator__control {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 30px;
  padding-right: 30px;
  z-index: 10;
}

.configurator__control__close {
  display: none;
}

.configurator__control__close .icn::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.configurator__control__close .icn::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.configurator__control__close .txt {
  font-size: 1.6rem;
}

.configurator__control__zoom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
}

.configurator__control__zoom .txt {
  display: block;
  margin-right: 9px;
  font-size: 1.8rem;
  line-height: 1;
}

.configurator__control__zoom .icn {
  position: relative;
  display: block;
  width: 15.5px;
  height: 14.94px;
}

.configurator__control__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 32px;
}

.configurator__control__list.gsx-s1000 .configurator__control__list__btn.-angle1 {
  width: 48px;
  height: 38.4px;
}

.configurator__control__list.gsx-s1000 .configurator__control__list__btn.-angle2 {
  width: 28.8px;
  height: 40.8px;
}

.configurator__control__list.gsx-s1000 .configurator__control__list__btn.-angle3 {
  width: 49.2px;
  height: 38.4px;
}

.configurator__control__list.gsx-s1000 .configurator__control__list__btn.-angle4 {
  width: 58.8px;
  height: 34.8px;
}

.configurator__control__list.gsx-s1000 .configurator__control__list__btn.-angle5 {
  width: 22.8px;
  height: 40.8px;
}

.configurator__control__list.gsx-s1000 .configurator__control__list__btn.-angle6 {
  width: 58.8px;
  height: 36px;
}

.configurator__control__list.hayabusa .configurator__control__list__btn.-angle1 {
  width: 51.6px;
  height: 36px;
}

.configurator__control__list.hayabusa .configurator__control__list__btn.-angle2 {
  width: 27.6px;
  height: 38.4px;
}

.configurator__control__list.hayabusa .configurator__control__list__btn.-angle3 {
  width: 51.6px;
  height: 36px;
}

.configurator__control__list.hayabusa .configurator__control__list__btn.-angle4 {
  width: 60px;
  height: 31.2px;
}

.configurator__control__list.hayabusa .configurator__control__list__btn.-angle5 {
  width: 19.2px;
  height: 39.6px;
}

.configurator__control__list.hayabusa .configurator__control__list__btn.-angle6 {
  width: 60px;
  height: 32.4px;
}

.configurator__control__list.gsx-s1000gt .configurator__control__list__btn.-angle1 {
  width: 49.2px;
  height: 38.4px;
}

.configurator__control__list.gsx-s1000gt .configurator__control__list__btn.-angle2 {
  width: 31.2px;
  height: 39.6px;
}

.configurator__control__list.gsx-s1000gt .configurator__control__list__btn.-angle3 {
  width: 50.4px;
  height: 38.4px;
}

.configurator__control__list.gsx-s1000gt .configurator__control__list__btn.-angle4 {
  width: 58.8px;
  height: 34.8px;
}

.configurator__control__list.gsx-s1000gt .configurator__control__list__btn.-angle5 {
  width: 22.8px;
  height: 42px;
}

.configurator__control__list.gsx-s1000gt .configurator__control__list__btn.-angle6 {
  width: 58.8px;
  height: 34.8px;
}

.configurator__control__list.burgman400 .configurator__control__list__btn.-angle1 {
  width: 49.2px;
  height: 38.4px;
}

.configurator__control__list.burgman400 .configurator__control__list__btn.-angle2 {
  width: 26.4px;
  height: 40.8px;
}

.configurator__control__list.burgman400 .configurator__control__list__btn.-angle3 {
  width: 46.8px;
  height: 38.4px;
}

.configurator__control__list.burgman400 .configurator__control__list__btn.-angle4 {
  width: 55.2px;
  height: 34.8px;
}

.configurator__control__list.burgman400 .configurator__control__list__btn.-angle5 {
  width: 20.4px;
  height: 40.8px;
}

.configurator__control__list.burgman400 .configurator__control__list__btn.-angle6 {
  width: 56.4px;
  height: 34.8px;
}

.configurator__control__list.katana .configurator__control__list__btn.-angle1 {
  width: 49.2px;
  height: 38.4px;
}

.configurator__control__list.katana .configurator__control__list__btn.-angle2 {
  width: 26.4px;
  height: 40.8px;
}

.configurator__control__list.katana .configurator__control__list__btn.-angle3 {
  width: 46.8px;
  height: 38.4px;
}

.configurator__control__list.katana .configurator__control__list__btn.-angle4 {
  width: 55.2px;
  height: 34.8px;
}

.configurator__control__list.katana .configurator__control__list__btn.-angle5 {
  width: 20.4px;
  height: 40.8px;
}

.configurator__control__list.katana .configurator__control__list__btn.-angle6 {
  width: 56.4px;
  height: 34.8px;
}

.configurator__control__list.2023avenis125 .configurator__control__list__btn.-angle1 {
  width: 49.2px;
  height: 38.4px;
}

.configurator__control__list.2023avenis125 .configurator__control__list__btn.-angle2 {
  width: 26.4px;
  height: 40.8px;
}

.configurator__control__list.2023avenis125 .configurator__control__list__btn.-angle3 {
  width: 46.8px;
  height: 38.4px;
}

.configurator__control__list.2023avenis125 .configurator__control__list__btn.-angle4 {
  width: 55.2px;
  height: 34.8px;
}

.configurator__control__list.2023avenis125 .configurator__control__list__btn.-angle5 {
  width: 20.4px;
  height: 40.8px;
}

.configurator__control__list.2023avenis125 .configurator__control__list__btn.-angle6 {
  width: 56.4px;
  height: 34.8px;
}

.configurator__control__list__item + .configurator__control__list__item {
  margin-left: 20px;
}

.configurator__control__list__btn {
  position: relative;
  display: block;
}

.configurator__control__list__btn:hover {
  opacity: 1;
  color: #003145;
}

.configurator__control__list__btn.-angle1 {
  width: 40px;
  height: 32px;
}

.configurator__control__list__btn.-angle2 {
  width: 24px;
  height: 34px;
}

.configurator__control__list__btn.-angle3 {
  width: 41px;
  height: 32px;
}

.configurator__control__list__btn.-angle4 {
  width: 49px;
  height: 29px;
}

.configurator__control__list__btn.-angle5 {
  width: 19px;
  height: 34px;
}

.configurator__control__list__btn.-angle6 {
  width: 49px;
  height: 30px;
}

.configurator__footer {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-bottom: 30px;
  padding-left: 30px;
  z-index: 10;
  pointer-events: none;
}

.configurator__footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.configurator__footer__list__item {
  margin-right: 50px;
  padding-left: 20px;
  border-left-color: #262626;
  border-left-style: solid;
  border-left-width: 5px;
}

.configurator__footer__list__title {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(38, 38, 38, 0.3);
  font-size: 1.8rem;
  line-height: 1;
}

.configurator__footer__list__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-right: 20px;
  word-break: break-all;
}

.configurator__footer__list__data .name {
  display: block;
  margin-right: 10px;
  font-size: 2.6rem;
  line-height: 1;
}

.configurator__footer__list__data .notes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.2rem;
  line-height: 1;
}

.configurator__footer__list__data .notes::before {
  content: "(";
  font-size: 1.8rem;
}

.configurator__footer__list__data .notes::after {
  content: ")";
  font-size: 1.8rem;
}

.configurator__footer__notes {
  margin-top: 16px;
  font-size: 1.5rem;
  line-height: 1;
}

.configurator__accessory {
  position: fixed;
  top: 100vh;
  right: 0;
  left: 0;
  background-color: #fff;
  z-index: 20;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.4s opacity ease-out;
  transition: 0.4s opacity ease-out;
}

.configurator__accessory.-active {
  position: relative;
  top: 0;
  opacity: 1;
  pointer-events: auto;
}

.configurator__accessory.-single .configurator__accessory__wrapper {
  padding-top: 60px;
}

.configurator__accessory.-single .configurator__accessory__head {
  margin-bottom: 20px;
}

.configurator__accessory.-single .configurator__accessory__close {
  top: 46px;
}

.configurator__accessory.-single .configurator__accessory__modal__content {
  max-width: 84vh;
}

.configurator__accessory__wrapper {
  position: relative;
  width: 1140px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

.configurator__accessory__head {
  margin-bottom: 80px;
  font-size: 4rem;
  text-align: center;
}

.configurator__accessory__image {
  width: 260px;
  margin: 0 auto;
  margin-bottom: 35px;
  cursor: pointer;
}

.configurator__accessory__image .img.-border {
  border: 1px solid #CCC;
}

.configurator__accessory__image .txt {
  margin-top: 10px;
  font-size: 1.7rem;
  text-align: center;
}

.configurator__accessory__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1140px;
  margin: 0 auto;
  margin-bottom: 12px;
}

.configurator__accessory__list__item {
  width: 170px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
}

.configurator__accessory__list__img {
  position: relative;
  cursor: pointer;
}

.configurator__accessory__list__img .img:nth-of-type(2) {
  display: none;
}

.configurator__accessory__list__img .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 61px;
  margin-top: 11px;
  font-size: 1.7rem;
  line-height: 1.15;
  text-align: center;
}

.configurator__accessory__list__img .txt {
  display: none;
}

.configurator__accessory__list__img .sup {
  display: none;
}

.configurator__accessory__notes {
  width: 1100px;
  margin: 0 auto;
  font-family: 'SuzukiPRORegular';
  font-size: 1.5rem;
  line-height: 1.2;
}

.configurator__accessory__close {
  position: absolute;
  top: 66px;
  right: -24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 116px;
  height: 62px;
  background-color: #fff;
  text-align: center;
  z-index: 10;
}

.configurator__accessory__close .icn {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.configurator__accessory__close .icn::before,
.configurator__accessory__close .icn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin: auto;
  border-radius: 2px;
  background-color: #262626;
}

.configurator__accessory__close .icn::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.configurator__accessory__close .icn::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.configurator__accessory__close .txt {
  font-size: 2.3rem;
}

.configurator__accessory__image__modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
}

.configurator__accessory__image__modal.-active {
  opacity: 1;
  pointer-events: auto;
}

.configurator__accessory__image__modal__img {
  max-width: 90vh;
  width: 800px;
  padding: 20px;
  background-color: #fff;
}

.configurator__accessory__image__modal__img img,
.configurator__accessory__image__modal__img source {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.configurator__accessory__image__modal__close {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 120px;
  height: 120px;
  text-align: center;
  z-index: 10;
}

.configurator__accessory__image__modal__close .icn {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto;
  margin-bottom: 5px;
}

.configurator__accessory__image__modal__close .icn::before,
.configurator__accessory__image__modal__close .icn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 36px;
  height: 1px;
  margin: auto;
  border-radius: 2px;
  background-color: #fff;
}

.configurator__accessory__image__modal__close .icn::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.configurator__accessory__image__modal__close .icn::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.configurator__accessory__image__modal__close .txt {
  font-size: 2.1rem;
  color: #fff;
}

.configurator__accessory__modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 17vh 0 12vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
  overflow: auto;
}

.configurator__accessory__modal.-active {
  opacity: 1;
  pointer-events: auto;
}

.configurator__accessory__modal__content {
  max-width: 90vh;
  width: 800px;
  margin: 0 auto;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 28px;
  padding-left: 20px;
  background-color: #fff;
  line-height: 1.25;
  text-align: center;
}

.configurator__accessory__modal__content .head {
  font-size: 2.4rem;
}

.configurator__accessory__modal__content .head .thumb-only {
  display: none;
}

.configurator__accessory__modal__content .head .thumb-pc-only {
  display: none;
}

.configurator__accessory__modal__content .txt {
  margin-top: 11px;
  font-family: 'SuzukiPRORegular';
  font-size: 1.3rem;
  line-height: 1.2;
  text-align: left;
}

.configurator__accessory__modal__content .slide {
  position: relative;
  margin-bottom: 25px;
  line-height: 1;
}

.configurator__accessory__modal__content .slide .img {
  line-height: 1;
}

.configurator__accessory__modal__content .slide .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 35px;
  width: 42px;
  height: 42px;
  margin: auto 0;
  background-color: rgba(114, 114, 114, 0.5);
  font-size: 0;
  -webkit-transform: none;
  transform: none;
  z-index: 10;
}

.configurator__accessory__modal__content .slide .slick-arrow.slick-prev {
  left: 0;
}

.configurator__accessory__modal__content .slide .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.configurator__accessory__modal__content .slide .slick-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  margin: auto 0;
  margin-left: 18px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.configurator__accessory__modal__content .slide .slick-dots {
  position: relative;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 12px;
  margin-bottom: -12px;
}

.configurator__accessory__modal__content .slide .slick-dots li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0;
}

.configurator__accessory__modal__content .slide .slick-dots li.slick-active button {
  background-color: #727272;
}

.configurator__accessory__modal__content .slide .slick-dots button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #D6D6D6;
  font-size: 0;
}

.configurator__accessory__modal__content .slide .slick-dots button::before {
  content: none;
}

.configurator__accessory__modal__close {
  position: fixed;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 120px;
  height: 120px;
  text-align: center;
  z-index: 10;
}

.configurator__accessory__modal__close .icn {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto;
  margin-bottom: 5px;
}

.configurator__accessory__modal__close .icn::before,
.configurator__accessory__modal__close .icn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 36px;
  height: 1px;
  margin: auto;
  border-radius: 2px;
  background-color: #fff;
}

.configurator__accessory__modal__close .icn::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.configurator__accessory__modal__close .icn::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.configurator__accessory__modal__close .txt {
  font-size: 2.1rem;
  color: #fff;
}

.configurator__zoom {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  z-index: 2000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
}

.configurator__zoom.-active {
  opacity: 1;
  pointer-events: auto;
}

.configurator__zoom__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.configurator__zoom__img {
  position: relative;
  top: -50vh;
  left: -50vw;
  width: 200vw;
  height: 200vh;
}

.configurator__zoom__img img,
.configurator__zoom__img source {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
}

.configurator__zoom__img.-zoomout {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.configurator__zoom__icn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/icn_move.svg) no-repeat center center;
  background-size: 7.32064% auto;
  pointer-events: none;
  z-index: 10;
  -webkit-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
}

.configurator__zoom__icn.-started {
  opacity: 0;
  pointer-events: none;
}

.configurator__zoom__close {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 120px;
  height: 120px;
  text-align: center;
  z-index: 10;
}

.configurator__zoom__close .icn {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto;
  margin-bottom: 5px;
}

.configurator__zoom__close .icn::before,
.configurator__zoom__close .icn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 36px;
  height: 1px;
  margin: auto;
  border-radius: 2px;
  background-color: #262626;
}

.configurator__zoom__close .icn::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.configurator__zoom__close .icn::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.configurator__zoom__close .txt {
  font-size: 2.1rem;
}
*/