/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
.cp-tab {
  margin: 3.5rem 0 1.3rem; }
  @media only screen and (max-width: 768px) {
    .cp-tab {
      margin: 2.5rem 0 4rem; } }
  .cp-tab .tabs {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3rem; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .cp-tab .tabs {
        margin-bottom: 2rem;
        padding-bottom: 1rem;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto; } }
    @media only screen and (max-width: 768px) {
      .cp-tab .tabs {
        margin-bottom: 2rem;
        padding-bottom: 1rem;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto; } }
  .cp-tab .nav-tabs {
    border: none;
    margin-right: 3rem;
    text-align: left;
    cursor: pointer;
    transition: all 0.5s ease;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .cp-tab .nav-tabs {
        margin-right: 2rem; } }
    .cp-tab .nav-tabs .tab-title {
      font-size: 1.5rem;
      color: #000000;
      padding: 0.5rem;
      font-family: "Gotham-Medium";
      min-width: 10rem;
      text-transform: uppercase; }
      @media only screen and (max-width: 768px) {
        .cp-tab .nav-tabs .tab-title {
          min-width: 14rem; } }
    .cp-tab .nav-tabs:hover .icon, .cp-tab .nav-tabs.active .icon {
      color: #000000; }
    .cp-tab .nav-tabs:hover .tab-title, .cp-tab .nav-tabs.active .tab-title {
      color: #ffffff;
      font-family: "Gotham-Bold";
      background-color: #bd001c;
      border-radius: 15px;
      box-shadow: 0 4px 7px 0 rgba(208, 33, 39, 0.19); }
  .cp-tab .tab_content {
    display: none;
    transition: all 0.5s ease; }
    .cp-tab .tab_content.active {
      display: block; }
  .cp-tab.typ-bikeDr .tabs {
    margin-bottom: 5rem; }
    @media only screen and (max-width: 768px) {
      .cp-tab.typ-bikeDr .tabs {
        margin-bottom: 3rem;
        max-width: 36rem;
        overflow-x: scroll;
        white-space: nowrap;
        padding-bottom: 1rem; } }

#typBlogList .tabs {
  display: inline-block; }
  @media only screen and (max-width: 768px) {
    #typBlogList .tabs {
      display: -ms-flexbox;
      display: flex; } }

#typBlogList.typ-blog .nav-tabs {
  display: inline-block;
  margin-bottom: 2rem; }
  #typBlogList.typ-blog .nav-tabs .tab-title {
    min-width: 20rem; }
    @media only screen and (max-width: 768px) {
      #typBlogList.typ-blog .nav-tabs .tab-title {
        min-width: 13rem; } }

#typBlogList .tab-container .blog-wrap {
  margin: 2rem -0.3% 0; }

.cp-tab.typ-emiTab .emiOptionsTable {
  height: 40rem;
  overflow-x: auto; }

.cp-tab.typ-emiTab .tab_content {
  height: 40rem; }
  @media only screen and (max-width: 768px) {
    .cp-tab.typ-emiTab .tab_content {
      height: 45rem; } }
  .cp-tab.typ-emiTab .tab_content.show {
    display: block; }

.cp-tab.typ-emiTab .tab-title {
  font-size: 1.5rem; }

.cp-tab.typ-emiTab .cp-table {
  margin-bottom: 1rem; }

.cp-tab.typ-emiTab .nav-tabs::after {
  background: none !important; }

.cp-tab.typ-blog .nav-tabs {
  position: relative;
  margin-right: 2.4rem; }
  @media only screen and (max-width: 768px) {
    .cp-tab.typ-blog .nav-tabs {
      margin-right: 2rem; } }
  .cp-tab.typ-blog .nav-tabs .tab-title {
    position: relative;
    padding: 0.9rem;
    min-width: 13.6rem; }
    @media only screen and (max-width: 768px) {
      .cp-tab.typ-blog .nav-tabs .tab-title {
        padding: 0.8rem;
        min-width: 10.2rem;
        font-size: 1.2rem;
        line-height: 1.4rem; } }
  .cp-tab.typ-blog .nav-tabs::after {
    position: absolute;
    background: #d8d8d8;
    width: 1px;
    height: 24px;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    content: ''; }
  .cp-tab.typ-blog .nav-tabs:last-child::after {
    display: none; }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-video-asst {
    margin-bottom: 5.5rem; } }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-video-asst .nav-tabs {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    margin-right: 0; } }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-video-asst .nav-tabs .tab-title {
    min-width: auto;
    padding: 0.8rem 2rem; } }

.cp-tab.typ-video-asst .nav-tabs::after {
  right: 0px; }

.cp-tab .productDetailDesc {
  margin-top: 4.6rem;
  margin-bottom: 5.6rem; }
  @media only screen and (max-width: 768px) {
    .cp-tab .productDetailDesc {
      margin-top: 3.2rem;
      margin-bottom: 5.6rem; } }

.cp-tab.typ-blog .nav-tabs.active::after {
  background: none; }

.cp-tab.typ-blog.typ-blogLists .nav-tabs .tab-title {
  font-size: 1.4rem;
  padding: 0.8rem; }

.cp-tab.typ-blog.typ-blogLists .nav-tabs:hover .tab-title, .cp-tab.typ-blog.typ-blogLists .nav-tabs.active .tab-title {
  background-color: #d02127; }

.cp-tab.typ-blog.typ-blogLists .tab-container {
  margin-top: -1rem; }
  @media only screen and (max-width: 768px) {
    .cp-tab.typ-blog.typ-blogLists .tab-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; } }

.cp-tab.typ-video-asst .tabs {
  visibility: hidden; }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-detailedSpec .nav-tabs:first-child {
    margin-right: 0.5rem; } }

.cp-tab.typ-ourRange {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0; }
  .cp-tab.typ-ourRange .nav-tabs {
    width: 15%;
    margin-right: 0;
    height: 62.5rem;
    position: relative;
    background: linear-gradient(to bottom, #1c1c1c, #3c3c3c 28%);
    border-right: 1px solid #ffffff; }
    @media only screen and (max-width: 768px) {
      .cp-tab.typ-ourRange .nav-tabs {
        width: 100%;
        height: 33.6rem;
        background: none; } }
    .cp-tab.typ-ourRange .nav-tabs.active {
      display: none; }
    .cp-tab.typ-ourRange .nav-tabs .tab-title {
      transform: rotate(-91deg);
      color: #ffffff;
      min-width: 15rem;
      text-transform: uppercase;
      position: absolute;
      left: -49px;
      top: 184px;
      z-index: 9;
      text-align: right;
      box-shadow: none;
      font-size: 1.8rem; }
      @media only screen and (max-width: 768px) {
        .cp-tab.typ-ourRange .nav-tabs .tab-title {
          transform: rotate(270deg);
          left: -107%;
          top: 71%;
          z-index: 9;
          text-align: left;
          font-size: 1.4rem; } }
    .cp-tab.typ-ourRange .nav-tabs:hover .tab-title {
      background: none; }
    .cp-tab.typ-ourRange .nav-tabs:before {
      position: absolute;
      content: "\E927";
      color: #bd001c;
      font-family: 'icomoon' !important;
      font-size: 1.4rem;
      top: 9.3rem;
      right: 50%;
      transform: rotate(-360deg) translateY(-50%); }
      @media only screen and (max-width: 768px) {
        .cp-tab.typ-ourRange .nav-tabs:before {
          top: 20px;
          right: 17px; } }
  .cp-tab.typ-ourRange .tabs {
    width: 36%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
    margin-bottom: 0; }
    @media only screen and (max-width: 768px) {
      .cp-tab.typ-ourRange .tabs {
        width: 100%;
        transform: rotate(90deg);
        padding: 0;
        margin: 0 auto;
        overflow: hidden; } }
  .cp-tab.typ-ourRange .tab-container {
    width: 63%; }
    @media only screen and (max-width: 768px) {
      .cp-tab.typ-ourRange .tab-container {
        margin: 0 auto;
        width: 100%;
        overflow: hidden; } }

.cp-tab.typ-pdp-model .nav-tabs .tab-title {
  padding: 0.8rem 2rem; }

.cp-tab.typ-selection-guide {
  margin: 2.5rem 0;
  border-top: 1px solid #e2e2e2;
  padding-top: 2rem; }
  @media only screen and (max-width: 768px) {
    .cp-tab.typ-selection-guide {
      margin: 2.7rem 0; } }
  .cp-tab.typ-selection-guide .tabs {
    margin-bottom: 4rem; }
    @media only screen and (max-width: 768px) {
      .cp-tab.typ-selection-guide .tabs {
        height: 2rem; } }
  .cp-tab.typ-selection-guide .nav-tabs {
    position: relative; }
    @media only screen and (max-width: 768px) {
      .cp-tab.typ-selection-guide .nav-tabs {
        margin-right: 1rem; } }
    .cp-tab.typ-selection-guide .nav-tabs.active .tab-title {
      background-color: transparent;
      color: #000000;
      box-shadow: none; }
    @media only screen and (min-width: 1024px) {
      .cp-tab.typ-selection-guide .nav-tabs:hover .tab-title {
        background-color: transparent;
        color: #000000;
        box-shadow: none; } }
    @media only screen and (max-width: 768px) {
      .cp-tab.typ-selection-guide .nav-tabs:hover .tab-title {
        font-family: "Gotham-Medium"; } }
    .cp-tab.typ-selection-guide .nav-tabs .tab-title {
      color: #bd001c;
      font-size: 1.6rem;
      white-space: nowrap;
      background-color: transparent;
      box-shadow: none; }
      @media only screen and (max-width: 768px) {
        .cp-tab.typ-selection-guide .nav-tabs .tab-title {
          min-height: 2.8rem;
          min-width: 2rem;
          font-size: 1.2rem; } }
    .cp-tab.typ-selection-guide .nav-tabs::after {
      position: absolute;
      background: #e2e2e2;
      width: 0.1rem;
      height: 2rem;
      right: -15px;
      top: 0px;
      content: ''; }
    .cp-tab.typ-selection-guide .nav-tabs:last-child::after {
      background: none; }
  .cp-tab.typ-selection-guide .tab-container {
    scroll-behavior: smooth;
    overflow-y: scroll;
    height: 45rem; }
    .cp-tab.typ-selection-guide .tab-container.scroll-2 {
      overflow-y: hidden; }
    @media only screen and (max-width: 768px) {
      .cp-tab.typ-selection-guide .tab-container {
        height: 60rem; } }
  .cp-tab.typ-selection-guide .cp-table {
    max-width: 60rem; }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-selection-guide {
    margin: 2.5rem 0;
    padding-top: 1rem; } }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-selection-guide .tabs {
    margin-bottom: 3rem;
    height: 3.1rem; } }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-selection-guide .nav-tabs {
    margin-right: 0rem;
    padding: 0.8rem 0.8rem; }
    .cp-tab.typ-selection-guide .nav-tabs:first-child {
      padding-left: 0; } }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-selection-guide .nav-tabs .tab-title {
    padding: 0; } }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-selection-guide .nav-tabs:after {
    height: 1.5rem;
    right: 0;
    top: 7px; } }

.cp-tab.typ-selection-guide .tab-container .cp-guideline {
  padding-top: 4rem; }
  .cp-tab.typ-selection-guide .tab-container .cp-guideline:first-child {
    padding-top: 0; }

.cp-tab.typ-selection-guide .tab-container.typ-store-promise .cp-guideline {
  padding-top: 6rem; }
  @media only screen and (max-width: 768px) {
    .cp-tab.typ-selection-guide .tab-container.typ-store-promise .cp-guideline .hd-title {
      padding-bottom: 2rem; } }
  .cp-tab.typ-selection-guide .tab-container.typ-store-promise .cp-guideline:first-child {
    padding-top: 0; }
  .cp-tab.typ-selection-guide .tab-container.typ-store-promise .cp-guideline:last-child {
    padding-bottom: 25rem; }
    @media only screen and (max-width: 768px) {
      .cp-tab.typ-selection-guide .tab-container.typ-store-promise .cp-guideline:last-child {
        padding-bottom: 35rem; } }

.cp-tab.typ-selection-guide .cp-table {
  margin-bottom: 2.5rem; }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-selection-guide .cp-accordion .acc-item {
    padding: 3rem 1rem 2rem 0rem; } }

.cp-tab.typ-selection-guide .cp-accordion .acc-item:last-child {
  border-bottom: 1px solid #e2e2e2; }

.cp-tab.typ-news .tabs {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 768px) {
    .cp-tab.typ-news .tabs {
      margin-bottom: 1rem; } }

.cp-tab.typ-news .nav-tabs {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem; }
  .cp-tab.typ-news .nav-tabs .tab-title {
    font-family: "Gotham-Book";
    position: relative;
    min-width: 9.2rem;
    color: #a4a7b1;
    border: 1px solid #a4a7b1;
    border-radius: 15px;
    text-transform: capitalize; }
  .cp-tab.typ-news .nav-tabs:hover .tab-title, .cp-tab.typ-news .nav-tabs.active .tab-title {
    background: #ffffff;
    color: #bd001c;
    border: 1px solid #bd001c; }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-news .blog-wrap {
    margin-top: 3rem; } }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-news {
    margin-top: 0; } }

.cp-tab.typ-news .blog-wrap {
  margin-top: 2.6rem; }
  @media only screen and (max-width: 768px) {
    .cp-tab.typ-news .blog-wrap {
      margin-top: 0;
      -ms-flex-pack: center;
          justify-content: center; } }

.cp-tab.typ-news .nav-tabs {
  margin-right: 1rem; }
  .cp-tab.typ-news .nav-tabs .tab-title {
    background-color: transparent; }
  .cp-tab.typ-news .nav-tabs:hover .tab-title {
    color: #bd001c;
    border: 1px solid #bd001c; }
    @media only screen and (max-width: 768px) {
      .cp-tab.typ-news .nav-tabs:hover .tab-title {
        color: #a4a7b1;
        border: 1px solid #d8d8d8; } }
  .cp-tab.typ-news .nav-tabs.active .tab-title {
    color: #bd001c;
    border: 1px solid #bd001c; }
  .cp-tab.typ-news .nav-tabs .tab-title {
    border-radius: 2rem;
    padding: 0.9rem 2.5rem 0.9rem;
    line-height: 1.5rem;
    color: #a4a7b1;
    border: 1px solid #d8d8d8;
    font-size: 1.4rem; }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-ourRange .tabs {
    width: 100%;
    transform: none;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-radius: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px; } }

@media only screen and (max-width: 768px) {
  .cp-tab.typ-ourRange .nav-tabs {
    width: 100%;
    height: auto;
    border: 0;
    margin-top: 1px; } }

.cp-tab.typ-ourRange .nav-tabs .tab-title {
  left: -40px;
  top: 183px; }
  @media only screen and (max-width: 768px) {
    .cp-tab.typ-ourRange .nav-tabs .tab-title {
      left: 3rem;
      top: 50%;
      transform: translateY(-50%) rotate(360deg);
      display: block;
      width: 100%; } }

.cp-tab.typ-ourRange .nav-tabs:before {
  content: "\E92A";
  transform: rotate(-1deg); }
  @media only screen and (max-width: 768px) {
    .cp-tab.typ-ourRange .nav-tabs:before {
      transform: rotate(90deg) translateY(-50%);
      top: 31%;
      line-height: 1.6rem;
      font-size: 1rem;
      right: 3rem; } }